/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*公共样式部分*/
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Microsoft YaHei";overflow-x: hidden;}

#copy { display: none;}

a {color: #666; text-decoration: none;}
a:hover { color:#c50212;text-decoration: none; border-bottom-style:}
.box{margin:0 auto;width:96%;min-width:1400px;}
.page{margin:0 auto;width:1400px;min-width:1400px;}
.bg{ width: 100%;min-width:1400px;}
i{font-style: normal;}
.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}


/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}


/*英文样式*/
.font_en {font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;}
.en {font-family: Arial, Helvetica, sans-serif;font-weight: normal;}

.t{text-align: center;padding-top: 70px;}
.t p{font-size: 40px;color: #222;font-weight: bold;}
.t d{color: #0058b1;}
.t dd{font-size: 16px;color: #666;line-height: 45px;}




/*抬头*/
.top_bg{background: #0058b1;}
.top{height: 45px;}
.top d>b{color: #fff;}
.top d,.top d a{font-size: 13px;color: #b4cae0;line-height: 45px;}
.top_r .top_ewm{background: url(../images/20210329162338_2102125863.png)no-repeat 0px center;float: left;padding-left: 25px;margin-left: 25px;line-height: 45px;color: #b4cae0;font-size: 14px;position: relative;cursor: pointer;}
.top_r .top_ewm:nth-child(2){background-image: url(../images/20210329162353_1471274279.png);}
.top_r .top_ewm:nth-child(3){background-image: url(../images/20210329162410_1540192826.png);}
.top_r .top_ewm p{position: absolute;left: -10px;height: 0px;overflow: hidden;opacity: 0;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;z-index: 20;}
.top_r .top_ewm p img{width: 110px;}
.top_r .top_ewm:hover p{height: 110px;opacity: 1;}

/*导航*/
.head_bg{background: url(../images/20210329162742_1122185278.jpg)no-repeat center;height: 135px;position: relative;}
.logo{margin-top: 28px;}
.name{margin-left: 20px;margin-top:38px;}
.name p{font-weight: bold;font-size: 31px;color:#222;}
.name span{display: block;font-size: 13px;color:#bbb;margin-top:4px;}


.head_but{width:38px;height:38px;border-radius: 50%;margin-top:44px;margin-left: 20px;cursor: pointer;}
.search{background: url(../images/20210331125906_841383515.png)#0058b1 no-repeat center;}
.head_but:after{content: '';width: 100px;height: 100px;border-radius: 50%;background: #0058b1;opacity: 0.9;position: relative;display: block;top: -31px;left: -31px;z-index: -1;opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.head_but:hover:after{-webkit-animation: warn 1s ease-out;animation: warn 1s ease-out;}
.head_but.tel:after{background-color: #0058b1;}

.search:hover .slideDown{opacity: 1;height: 190px;}
.search .slideDown{text-align: center; font-size: 0; overflow: hidden; position: absolute; right: 0; top: 100%; width: 100%; height: 0px;background: rgba(0, 0,0, 0.5);z-index: 999;opacity: 0;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;border-radius: 0px 0px 10px 10px;}
.search .slideDown .searchBox{ overflow: hidden; display: inline-block; width: 1028px; height: 60px; margin-top: 50px; margin-bottom: 15px; background: #fff; border-radius: 50px;}
.search .slideDown .searchBox{*display: inline}
.search .slideDown .searchHot{ font-size: 14px; color: #fff;}
.search .slideDown .searchHot a{ color: #fff;}
.search .slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666;}
.search .slideDown .searchBox button[type='submit']{ cursor: pointer; float: right; margin-right: 15px; width: 60px; height: 60px; border: none; }
.search-bg{width: 956px;height: 60px;line-height:60px;    padding-left: 10px;    float: left;}
.search-i {width: 32px;overflow: hidden;height: 32px;float: left;margin-top: 13px;}
@-webkit-keyframes "warn" {
    0% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.5;}
    50% {transform: scale(0.5);-webkit-transform: scale(1);opacity: 0.0;}
    100% {transform: scale(0);-webkit-transform: scale(0);opacity: 0.0;}
    
}


.nav{width:auto; height:126px; margin-right: 20px;}
.nav>ul>li{ float: left; display: block;height:126px; position: relative;}
.nav>ul>li>a{ display: block; color: #333; font-size: 16px; text-align: center; padding: 0 1.2vw;  position: relative; line-height:126px;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;}
.nav>ul>li>a p{position: relative; z-index: 2;}
.nav>ul>li>a:after{content:"";position: absolute;top:56px;left: 0px;width: 14px;height: 14px;display: none;}
.nav>ul>li:nth-child(1)>a:after{background: url(../images/20210329172918_369763831.png)no-repeat center left;}

.nav>ul>li:hover>a:after,.NavCeshi > li.navcurrent > a:after{display: block;}
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a{margin: 0 auto;color:#0058b1;font-weight: bold;}



@media (max-width: 1500px){
.head_but{display: none;}
.nav>ul>li>a{padding: 0 1vw;}
.name p{font-size: 28px;}
.name span{font-size: 12px;}
}

@media (max-width: 1400px){
.head_but{display: none;}
.nav>ul>li>a{padding: 0 0.9vw;}
.name p{font-size: 28px;}
.name span{font-size: 12px;}
}





/*导航下拉*/
.nav ul li>ul{-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;position: absolute;width:160px;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);z-index: 9999;left:50%;top:122px; margin-left:-80px; text-align:center; border-top:3px #0058b1 solid;}

.nav ul li>ul a{background: #0058b1;-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .1);box-shadow: 0 6px 10px rgba(0, 0, 0, .1);width: 160px;height: 44px;line-height: 44px; display: block;color: #fff;font-size: 14px;  -webkit-transition: none ease-out .3s;    transition: none ease-out .3s;    -webkit-transition-property: color, background, text-indent, opacity;    transition-property: color, background, text-indent, opacity;}
.nav ul li>ul a:hover{background: #fff; text-indent: 10px;color: #0058b1;}
.nav ul li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}


/*幻灯片*/
.banner-box,.banner-box .bd li{height:700px;background: #000;}
.banner-box .banner-btn a.prev,.banner-box .banner-btn a.next{top:340px;background-image:url(../images/20211108104004_379948208.png);}
.banner-box .hd ul li.on{background:#0058b1;}
.banner-box{min-width:1400px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li{width:100%;background-position: center;background-repeat: no-repeat;}
.banner-box .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-54px;background-repeat:no-repeat;background-position:0 0;} 
.banner-btn a.next{right:-54px;background-repeat:no-repeat;background-position:-49px 0;}
.banner-box:hover .banner-btn a.prev{ left:54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}
.banner-box .hd {position:absolute;bottom:40px;width: 100%;display: block;}
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:20px; height:10px; border-radius :20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{width: 32px;}


/*项目服务*/
.service_l p{font-size: 40px;font-weight: bold;color: #333;}
.service_l p>b{color:#0058b1;}
.service_l p>i{font-style: normal;font-size: 42px;color: #eaeaea;font-weight: normal;margin-left: 14px;}
.service_l span{font-size: 20px;font-weight: lighter;display: block;margin-top:6px;}
.service_r{}
.service_r a{display: block;width: 160px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;background: #f5f5f5;border-radius: 52px;margin-top:22px;}

.sup{ font-family: "Microsoft Yahei"; line-height:24px; font-size: 16px; position: relative; z-index: 1; clear: both; padding:40px 0 0; color: #fff; width: 100%; overflow: hidden; max-width: 1980px; display: block; margin: 0 auto; }
.leit{ width: 100%; overflow: hidden; display: block; height:600px; }
.leit ul{ width: 100%; }
.leit li{ width: 20%; float: left; position: relative; cursor:pointer; height: 600px; overflow: hidden; -webkit-transition:all 0.5s; transition:all 0.5s;}
.leit li img{ display: block; }
.mo{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;background: rgba(0,0,0,0.6);}
.hav{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.shu2{ position: absolute; left: 50%; top: 43%; margin-left:-425px; width: 850px; font-size: 30px; color: #fff; text-align: center;}
.shu21{ background:url(../images/20210331125934_1140311803.png) center no-repeat; width:89px; height:70px; margin:0 auto;}
.shu22{ background:url(../images/20210331125953_324671275.png) center no-repeat; width:107px; height:70px; margin:0 auto;}
.shu23{ background:url(../images/20210331130012_351277318.png) center no-repeat; width:102px; height:70px; margin:0 auto;}
.shu24{ background:url(../images/20210331130036_546575748.png) center no-repeat; width:105px; height:70px; margin:0 auto;}


.shu2 span {display:block; margin:0 auto;}
.shu2 em{ display: block; font-size: 16px; text-align: center; color: #f6f6f6; line-height:40px; text-transform:uppercase;font-style: normal;}

.bock{ width:92%; background: rgba(225 , 10 , 10 , 0.7); position: absolute; left:4%; bottom:-100%; color: #fff; opacity:0; padding:25px 35px 20px; -webkit-box-sizing: border-box; box-sizing: border-box;-webkit-transition:0.5s;transition:0.5s;}
.leit li:hover{bottom:-100%;}
.bock1{background: rgba(91,95,151,0.8);}
.bock2{background: rgba(255,193,69,0.8);}
.bock3{background: rgba(230,1,19,0.8);}
.bock4{background: rgba(132,176,130,0.8);}
.bock5{background: rgba(6,174,213,0.8);}
.bock h3{ font-size:30px; color: #fff; font-weight:bold; position: relative;}
.bock h3 em{ display: inline-block; font-size:15px; color: #fff; font-weight: normal; padding: 0 0 0 3px; line-height:30px; }
.bock h3:before{ content: ""; position: absolute; width: 50px; height:2px; background:#ff0a0a; left:0; top:41px; }
.bock:before{position: absolute; width: 52px; height:52px;right:5%;top:58px;font-family: "jdf";content: "\e60a";border-radius:100%;line-height: 52px;text-align: center;}
.bock h3 span{display: inline-block;font-size: 14px;color: #fff;padding-left: 8px;}
.bock1:before,.bock1 h3:before{background: #06aed5;}
.bock2:before,.bock2 h3:before{background: #5b5f97;}
.bock3:before,.bock3 h3:before{background: #ffc145;}
.bock4:before,.bock4 h3:before{background: #e60113;}
.bock5:before,.bock5 h3:before{background: #84b082;}
.bock p {width: 100%;padding-top: 20px;line-height: 30px;color: #e5f0f2;}
.shu2 .jdf {width:42px;}
.shu2 span:last-child{font-size:20px; color: #fff;padding-top: 51px;}
.proj_zx{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.proj_zx>p{font-size: 28px;color: #333;}
.proj_zx>p>b{font-size: 28px;color: #0b7e02;}
.proj_zx>a{width: 152px;height: 50px;background: #0b7e02;line-height: 50px;text-align: center;font-size: 16px;color: #fff;}
.proj_zx>a>span{font-size: 18px;color: #fff;display: inline-block;padding-right: 10px;}
/*case*/
.cas_c{padding:100px 0;overflow:hidden;}
.case_tc{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.case_tc ul{display: -webkit-box;display: -ms-flexbox;display: flex;width:60%;}
.case_tc ul li {width: 16.6%;}
.proj_tit {min-width: 486px;}
.case_tc ul li+li{margin-left: 8px;}
.case_tc ul li a{font-size: 16px;color: #333;display: block;width: 100%;height: 46px;border-radius: 23px;border:1px solid #ddd;line-height: 46px;text-align: center;}
.case_tc ul li.on a{color: #fff;background: #0b7e02;}
.suc_img table tr td div a {font-size: 16px;color: #333;display: block;height: 55px;line-height: 55px;border-bottom: 2px solid #ddd;margin-bottom:22px;position: relative;}
.suc_img table tr td div a:after {position: absolute;content: "";width: 0;height: 2px;background: #0b7e02;-webkit-transition: all .5s;transition: all .5s;left: 0;bottom: -2px;}
.suc_img table tr td:hover div a:after {width: 100%;}
.suc_img table tr td:hover div a{color: #0b7e02;}
.suc_img table tr td>a {position: relative;display: block;overflow: hidden;}
.suc_img table tr td{padding-left:0!important;width:32.5%;position: relative;}
.suc_img table tr td>a img {width: 100%;display: block;height:auto;-webkit-transition:all .9s;transition:all .9s;}
.suc_img table tr td:hover>a img {-webkit-filter: brightness(100%);filter: brightness(100%);}
.suc_img table tbody {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.suc_img table tbody tr {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width:100%;}
.suc_img table tr td br {display: none;}
.suc_img table tr td div {padding-top: 0!important;}
.suc_img table tr td>a:after {}
.suc_img table tr td>a:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(11,126,2,0.8);top: -100%;left: 0;-webkit-transition: all .5s;transition: all .5s;z-index:2;}
.suc_img table tr td:hover>a:before{top:0;}
.suc_img table tr td:hover>a:after{top:55%;}
.cas_img {margin-top: 60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .5s;transition:all .5s;}
.suc_img {-ms-flex-negative: 0;flex-shrink: 0;width: 100%;}
.suc_b,.suc_i {position: absolute;display: block;width: 100%;height: 100%;}
.suc_b:before,.suc_b:after {position: absolute;content: "";width: 18px;height: 2px;background: #fff;z-index: 99;margin-top: -1px;top: 50%;-webkit-transition: all .5s;transition: all .5s;opacity: 0;}
.suc_b:before {left: 20%;}
.suc_b:after {right: 20%;}
.suc_i:before,.suc_i:after {position: absolute;content: "";height: 18px;width: 2px;background: #fff;z-index: 99;margin-left: -1px;left: 50%;-webkit-transition: all .5s;transition: all .5s;opacity: 0;}
.suc_i:before {top: 20%;}
.suc_i:after {bottom: 20%;}
.suc_img table tr td:hover a .suc_b:before {left: 50%;margin-left: -18px;opacity: 1;}
.suc_img table tr td:hover a .suc_b:after {right: 50%;margin-right: -18px;opacity: 1;}
.suc_img table tr td:hover a .suc_i:before {top: 50%;margin-top: -18px;opacity: 1;}
.suc_img table tr td:hover a .suc_i:after {bottom: 50%;margin-bottom: -18px;opacity: 1;}


/*广告条*/
.banner_bg1{background: url(../images/20210329183059_279702410.jpg)no-repeat center center;height: 190px;}
.banner_l p{color: #fff;font-size: 30px;font-weight: bold;padding-top: 60px;}
.banner_l span{display: block;float: left;font-size: 16px;color: #b4cae0;background: url(../images/20210329183525_2103507052.png)no-repeat center left;padding-left:22px;margin-top: 10px;}
.banner_l span+span{margin-left:40px;}
.banner_r{background: url(../images/20210329184447_659028522.png)no-repeat center left;padding-left: 60px;margin-top:80px;}
.banner_r p{color: #b4cae0;font-size: 16px;}
.banner_r span{display: block;font-size: 30px;color: #fff;font-weight: bold;}




/*产品*/
.prod_list{margin-bottom:35px;}
.prod_list table{width:100%;}
.prod_list tr{width:188px;height:55px;display:block;float:left;background:#f5f5f5;margin-top:10px;margin-left:10px;}
.prod_list tr+tr{margin-left:10px;}
.prod_list tr td{width:100%;height:55px;display:block;}
.prod_list tr td b{font-weight: lighter !important;}
.prod_list tr td a{width:100%;height:55px;display:block;line-height:55px;font-weight: lighter;font-size:16px;text-align:center;color:#666 !important;}
.prod_list tr.on{background:#0058b1;}
.prod_list tr.on a{color:#fff !important;}
.prod_box td{padding-left:0px !important;width:23.5%;display:block;float:left;margin-bottom:10px;}
.prod_box td+td{margin-left:2%;}
.prod_box td img{width:100%;transition: 0.3s ease all; height:320px;}
.prod_box td>a{width:100%;height:100%;display:block;overflow: hidden;border:1px solid #eee;}
.prod_box td:hover img{transform: scale(1.1);}
.prod_box td span,.prod_box td span a{width:100%;height:60px;display:block;}
.prod_box td br{display:none;}
.prod_box td:hover span a{color:#0058b1;}
.prod_box td span a{font-size:16px;font-weight:lighter;color:#666;line-height:60px;}


/*问题*/
.problem_bg{background: url(../images/20210330165948_1410434854.jpg)no-repeat center top;}
.problem_l{float: left;}
.problem_t p{font-size: 40px;color: #333;font-weight: bold;}
.problem_t d{color: #0058b1;}
.problem_t span{font-size: 42px;color: #eaeaea;font-family: 'Arial';text-transform: uppercase;font-weight: normal;}
.problem_t dd{font-size: 20px;font-weight: lighter;color: #666;line-height: 36px;}
.problem_l ul li{background-color: #fff;box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);width: 310px;height: 160px;display: block;float: left;margin-left: 20px;margin-bottom: 20px;text-align: center;padding: 25px 35px;}
.problem_l ul li:nth-child(3n+1){margin-left: 0px;}
.problem_l ul li i span{width: 54px;height: 54px;display: block;background: #0058b1 url(../images/20210330173435_1656265513.png)no-repeat center;position: relative;border-radius: 50%;margin: 0 auto;z-index: 9;}
.problem_l ul li i{width: 54px;height: 54px;display: block;border-radius: 50%;position: relative;margin: 0 auto;}
.problem_l ul li i:after{content: '';width: 54px;height: 54px;display: block;border-radius: 50%;position: absolute;top: 0;left: 0px;background: rgba(0,88,177,0.5);animation: animations 1s ease-out infinite;}
.problem_l ul{width: 970px;}
.problem_l ul li p{font-size: 16px;line-height: 24px;margin-top: 10px;}
.problem_r{background: url(../images/20210330174005_1213471021.png)no-repeat center;width: 340px;height: 476px;}
.problem_cont{width: 235px;text-align: center;padding-top: 63px;}
.problem_cont p{font-size: 18px;color: #0058b1;margin-top: 20px;}
.problem_cont d{color: #999;}
.problem_cont dd{font-size: 14px;color: #999;margin-top: 80px;}
.problem_cont span{font-size: 22px;color: #0058b1;font-family: 'Arial';}
.problem_cont a{width: 127px;height: 36px;background: #0058b1;display: block;font-size: 14px;line-height: 36px;color: #fff;margin: 10px auto 0;}

@keyframes animations{
    0%{ box-shadow: 0 0 0 0 rgba(0,88,177, 0.4);}
    50%{ box-shadow: 0 0 0 10px rgba(0,88,177, 0.1);}
    100%{ box-shadow: 0 0 0 20px rgba(0,88,177, 0);}
}





.pctab{ margin:0px 0 80px 0;}
.pctab li{ float:left; width:16.6666%; height:210px; background:#f8f8f8; transition:all .3s ease; position:relative; cursor:pointer;}
.pctab li:nth-child(1){ border-radius:20px 0 0 20px;}
.pctab li:nth-child(6){ border-radius:0 20px 20px 0;}
.pctop{ font-size:18px; color:#999999; font-weight:lighter; text-align:center; padding-top:48px;transition:all .3s ease;}
.pctop:before{ content:''; display:block; width:34px; height:2px; background:#cccccc; margin:0 auto 15px auto;}
.pctop span{ display:block; width:52px; height:62px; background:url(../images/20210330193956_671771571.png) no-repeat 0 0; margin:0 auto; transition:all .5s ease;margin-bottom:15px;}
.pctab li:nth-child(2) .pctop span{ background-position-x:-52px;}
.pctab li:nth-child(3) .pctop span{ background-position-x:-107px;}
.pctab li:nth-child(4) .pctop span{ background-position-x:-159px;}
.pctab li:nth-child(5) .pctop span{ background-position-x:-212px;}
.pctab li:nth-child(6) .pctop span{ background-position-x:-264px;}
.pctab .pcwa{ position:absolute; top:270px; left:20px; font-size:16px; color:#999999; width:450px;transition:all .5s ease; opacity:0;}
.pctab li.cur .pcwa{ top:250px; opacity:1;}
.pctab li:nth-child(6) .pcwa{ right:20px; left:auto; width:590px;}
.pctab li:nth-child(5) .pcwa{ width:600px; left:-250px;}
.pctab li+li:after{ content:''; display:block; position:absolute; width:1px; height:118px; background:#eeeeee; left:0; top:0; bottom:0; margin:auto 0;}
.pctab li:before{ content:''; display:block; position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; width:26px; height:10px; opacity:0; transition:all .3s ease; background:url(../images/20210330194739_2045235358.png) no-repeat center;}
.pctab li.cur{ background:#0058b1;}
.pctab li.cur .pctop{ color:#d0ddea;} 
.pctab li.cur .pctop span{ background-position-y:-79px;}
.pctab li.cur:before{ opacity:1; bottom:-10px;}
.pctab li.cur:after{ display:none;}


/*优势*/
.adv_bg{background: url(../images/20210331130200_197126048.jpg)no-repeat center top;}
.adv_t p{color: #fff;}
.adv_t dd{color: rgba(255,255,255,0.5);}
.adv_t span{width: 50px;height: 4px;display: block;margin: 5px auto 0;background: #fff;}
.advcenter{}
.advtab li{ float:left; width:25%; position:relative; text-align:center; font-size:30px; color:#fff; height:145px; cursor:pointer;}
.advtab li span{ display:block; height:60px;}
.advtab li span img{ transition:all .5s ease;}
.advtab li:after{width:1px; height:88px; background:#0063c9; right:0; top:5px;}
.advtab li:before,.advtab li:after{ content:''; display:block; position:absolute; }
.advtab li.on span img{ transform:rotate(360deg);}
.advtab li.on{ font-weight:bold;}
.advtab li:before{ z-index:999; width:53px; height:13px; background:url(../images/20210331130218_660719754.png) no-repeat center; left:0; right:0; margin:0 auto; bottom:-23px; opacity:0; transition:all .4s ease;}
.advtab li.on:before{ bottom:-13px; opacity:1;}
.advcon{ padding:40px 40px; background:#fff; box-shadow:0 0 5px -5px #ecebeb;}
.advleft{ width:600px;padding-top: 30px;}
.advnum{ font-size:66px; text-transform:uppercase; color:#eeeeee;}
.advt{ font-size:30px; color:#343434; font-weight:bold;}
.advt:after{ content:''; display:block; width:90px; height:3px; margin:15px 0 25px 0; background:#0058b1;}
.advwa p{ font-size:15px; color:#666; line-height:28px;position: relative;padding-left: 20px;}
.advwa p:before{content: '';width: 11px;height: 11px;background: #ddd;display: inline-block;border-radius: 50%;position: absolute;left: 0px;top: 8px;}
.advwa p+p{ margin-top:20px;}
.advbtn{ margin:70px 0 0 0; font-size:0;}
.advbtn a{ display:inline-block; width:163px; line-height:48px; text-align:center; font-size:16px; color:#fff; background:#0058b1; transition:all .3s ease;}
.advbtn a:hover{ box-shadow:0 0 10px #666;}



/*工程案例*/
.casecon>ul{ width:692px; font-size:0;}
.casecon>ul li dl{ position:relative; display:inline-block; width:338px; height:253px; overflow:hidden;}
.casecon>ul li dl>a{ display:block;}
.casecon>ul li dl img{ width:100%; height:100%; transition:all .6s ease;}
.casecon>ul li dl p{ position:absolute; bottom:0; left:0; width:100%; text-align:center; font-size:18px; color:#fff; line-height:46px; background:rgba(30,32,31,0.5); transition:all .3s ease;}
.casecon>ul li+li{ margin:10px 0 0 0;}
.casecon>ul li dl:hover p{ background:rgba(0,88,177,0.8);}
.casecon>ul li dl:hover img{ transform:scale(1.1);}
.casecon>ul li dl+dl{ margin:0 0 0 16px;}
.casebig{ width:692px !important; height:519px !important;}
.casebig p{ line-height:66px !important;}


/*简介*/
.about_cont{width: 100%;padding: 35px 40px;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.05);position: relative;}
.about_wz{width: 620px;padding-top: 10px;}
.about_wz p{font-size: 15px;color: #666;line-height: 30px;}
.about_wz a{width: 180px;height: 60px;line-height: 60px;font-size: 16px;color: #fff;display: inline-block;background: #333;text-align: center;margin-top: 40px;transition: 0.3s ease all;}
.about_wz a:last-child{background: #0058b1;}
.about_b{height: 280px;width: 100%;background: #0058b1;margin-top: -60px;}
.about_b li{width: 25%;display: block;float: left;text-align: center;padding-top: 30px;}
.about_b li p{font-size: 62px;color: #fff;font-family: 'Impact';}
.about_b li d{font-size: 24px;color: #fff;}
.about_b ul{margin-top: 60px;}
.about_b li p:after{content: '+';width: 34px;height: 34px;background: #eee;border-radius: 50%;display: inline-block;font-size:20px;font-weight: lighter;color: #0058b1;font-family: 'Arial';line-height: 35px;position: relative;top: -35px;margin-left: 15px;}
.about_wz a:hover{width:220px;}

.about_b li:nth-child(2) p:after{content: '+';}
.about_b li:nth-child(3) p:after{content: '+';}
.about_b li:nth-child(4) p:after{content: '+';}



/*新闻*/
.nb_tab{font-size:0;text-align:center;}
.nb_tab a{width:171px;height:42px;background:#fff;display:inline-block;vertical-align:top;color:#333;box-shadow:0px 0px 20px #eee;border-radius:30px;margin-top:22px;}
.nb_tab a+a{margin-left:20px;}
.nb_tab a.cur{background:#0058b1;color:#fff;background-size:400% 370%;}
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:42px;}
.nb_tab a b{font-size:16px;font-weight:100;letter-spacing:1px;}

.nbc_list+.nbc_list{display: none;}
.nbcl_le{width:614px;}
.news_div_item{background:#fff;}
.nbcl_le .news_div_item{width:294px;display: inline-block;vertical-align:top;height:434px;}
.nbcl_le .news_div_item+.news_div_item{margin-left:26px;}
.nbcl_le .news_div_item_pic img{width:294px; height:240px; }
.news_div_item_title a{font-size:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.nbcl_le .news_div_item_content{margin-top:30px;padding:0 20px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a;font-size:14px;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(../images/20210330202839_522976263.png) no-repeat right center;float: right;margin:0 20px 20px 0;}
.nbcr_ri{width:750px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #f1f1f1;padding:30px 0;position:relative;transition:300ms;margin-bottom:15px;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:630px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight: bold;    line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:14px;}


/*版权*/
.copyright{ background:#232323; }
.crcon{ padding:70px 0; border-bottom:1px solid #2e2e2e;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top;}
.kslj li p{ font-size:18px; color:#fff;}
.kslj li p:after{ content:''; display:block; width:19px; height:2px; background:#f3f3f3; margin:20px 0;}
.kslj li a{ display:block; font-size:14px; color:#b0b0b0; line-height:32px;}
.kslj li a:hover,.links p.fr a:hover,.end a:hover{ color:#fff;}
.kslj li+li{ margin-left:100px;}
.crconcat{ width:556px;}
.cr_tel{ padding:0 0 0px 20px; border-bottom:1px solid #2e2e2e; background:url(../images/20210330202641_528920963.png) no-repeat right top; margin-bottom:25px; font-size:14px; color:#afafaf;}
.cr_tel em{ display:block; font-size:40px; color:#0058b1; font-family:'Oswald Regular';font-style: normal;font-weight: bold;}
.craddr{ margin-left:20px; font-size:14px; color:#b0b0b0; line-height:35px;}
.craddr p{ padding-left:28px; background:url(../images/20210330202641_1275678168.png) no-repeat left center;}
.craddr p:nth-child(2){background:url(../images/20210330202641_1535448593.png) no-repeat left center;}
.links{ height:92px; padding:0 15px; background:#0058b1; line-height:92px; font-size:18px; color:#fff;}
.links p.fl{width:130px; background:url(../images/20210330202641_1489372776.png) no-repeat left center; padding-left:33px;}
.links p.fr a{ font-size:14px; color:#fff; font-weight:lighter;}
.end{ text-align:center;}
.end,.end a{ font-size:14px; color:#b0b0b0; font-weight:lighter; line-height:70px;}
.linkTagcs li a{color:#fff !important;}



/* 客服样式*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/20210518180314_1539397530.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color:#0058b1; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color:#0058b1; border-color:#0058b1; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #0058b1; border-color: #0058b1;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px; }
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color:#0058b1; font-size: 15px; }
y-kefu-box .right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
y-kefu-box .right-arrow1,
y-kefu-box .right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
y-kefu-box .right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
y-kefu-box .right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:260px;}
.y-kefu-box01 .y-email-infos p { color: #0058b1; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }