/*Header Start*/
header{position: fixed; top: 0; z-index: 9999;  width: 100%; height: 70px; background: #fff; border-bottom: 1px solid #ececec;}
header h1 a{display: block; float: left; width: 176px; height: 70px; margin-left: 1%;}
/*sub*/
header div {float: right; overflow: hidden; margin-right: 1%; margin-top: 15px; width: 100px; height: 40px; line-height: 40px; border-radius: 4px; text-align: center;}
header div a{display: block; background: rgba(0, 163, 153, 1); color: #fff;}
header div a:hover{background: rgba(0, 163, 153, .9);}
/*sub*/
header nav ul{float: right; display: inline-block; margin-top: 15px; margin-right: 1%;}
header nav li{display: inline-block; float: left; margin-left: 10px; padding: 0 5px; height: 40px; line-height: 40px; font-size: 16px;}
header nav li:first-child{margin-left: 0;}
header nav li a{display: inline-block;}
header nav li a:hover, .local{border-bottom: 2px solid #00a399; color: #00a399;}
/*Header End*/
/*Banner Start*/
.banner img{display: block; width: 100%; height: auto;}
.hometop{margin-top: 70px; position: relative;}
.hometop .title{position: absolute; right: 0; bottom: 30px; padding: 10px 20px 15px 20px; background: rgba(0, 163, 153, .6); color: #fff; text-align: right; letter-spacing: 2px;}
.hometop .title .big{font-size: 44px; font-weight: bold;}
.hometop .title .small{font-size: 30px;}
@media screen and (max-width:900px){
    .hometop .title{bottom: 15px; padding: 5px 10px 10px 10px;}
    .hometop .title .big{font-size: 26px;}
    .hometop .title .small{font-size: 20px;}
}
/*Banner End*/
/*Title Start*/
.hometitle{text-align: center; margin-top: 60px; margin-bottom: 50px;}
.hometitle .cn{font-size: 36px; margin-bottom: 10px;}
.hometitle .en{font-size: 20px; color: #00a49a;}
@media screen and (max-width:900px){
    .hometitle{text-align: center; margin-top: 40px; margin-bottom: 25px;}
    .hometitle .cn{font-size: 30px;}
    .hometitle .en{font-size: 16px;}
}
/*Title End*/
/*Solution Start*/
.solution{background: #fff;}
.solution img{display: block; margin: 0 auto; max-width: 100%; height: auto;}
/*Solution End*/
/*Products & Services Start*/
.service-box{max-width:1180px; margin: 0 auto;}
.service-box .hd{position:relative; width: 100%; margin-bottom: 50px; text-align: center;}
.service-box .hd ul{display: inline-block; overflow: hidden;}
.service-box .hd ul li{display: inline-block; cursor: pointer; padding: 10px 0; margin: 0 30px; font-size: 18px; color: #999;}
.service-box .hd ul li.on{border-bottom: 2px solid #00a399; color: #333;}

.service-box-sub01, .service-box-sub02{position: relative; margin: 0 auto; max-width: 1180px;}
.service-box-sub01 .bd, .service-box-sub02 .bd{overflow: hidden; position: relative; width: 100%; left: 0px; background: #fff;}

.service-box .hd + .bd{min-height: 420px;}
.service-box-sub01 .bd ul, .service-box-sub02 .bd ul{width: 100%; overflow: hidden; zoom: 1; display: inline-block !important;}
.service-box-sub01 .bd li, .service-box-sub02 .bd li{position: relative; display: inline-block; width: 100%}

.service-piclist li{float: left; width: 50%;}
.service-piclist li .serv-img{float: left; width: 50%;}
.service-piclist li .serv-img img{display: block; width: 100%;}
.service-piclist li .serv-cont{float: left; width: 50%; box-sizing: border-box; padding-left: 50px;}
.service-piclist li .serv-cont{color: #999;}
.service-piclist li .serv-cont h3{font-size: 20px; margin-bottom: 10px; font-weight: bold;}
.service-piclist li .serv-cont h4{margin-bottom: 20px; font-size: 14px; color: rgba(0, 164, 154, .6);}
.service-piclist li .serv-cont p{font-size: 16px; line-height: 2.4em; overflow: hidden;}
.service-piclist li .serv-cont p em{float: left; display: block; width: 120px;}
.service-piclist li .serv-cont p span{float: left; display: block; width: 390px;}

.service-box-sub03 .bd ul, .service-box-sub03 .bd li, .service-box-sub03 .bd img{width: 100%;}
.service-piclist .special img{display: block;}
/*Products & Services End*/
/*Project Start*/
.project-scroll-wrap{margin: 0 auto; max-width: 1328px;}
.project-scroll{position: relative; margin: 0 74px; max-width: 1180px;}
.project-scroll .bd{overflow: hidden; position: relative; width: 100%; left: 0px;}
.project-scroll .prev, .project-scroll .next{position: absolute; top: 35%;/* transform: translateY(-50%);*/ display: block; width: 54px; height: 54px; z-index: 9998; overflow: hidden; cursor: pointer;}
.project-scroll .prev{left:-74px; background: url(/img/prev.png);}
.project-scroll .next{right:-74px; background: url(/img/next.png);}

.project-scroll ul{width: 100%; overflow: hidden; zoom: 1;}
.project-scroll li{
    position: relative; float: left; display: inline-block; margin-right: 20px;
    width: calc((100% - 40px) / 3);
    width: -moz-calc((100% - 40px) / 3);
    width: -webkit-calc((100% - 40px) / 3);
}
.project-scroll li img{display: block; width: 100%;}
.project-scroll li .mask{position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: calc(100% - 40px); background: rgba(0, 163, 153, .3);}
.project-scroll li:hover .mask{display: none;}

.project-scroll .proj-piclist p{box-sizing: border-box; padding: 5px 10px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; overflow: hidden;}
/*Project End*/
/*About Start*/
.about{max-width: 1180px; margin: 0 auto; font-size: 18px; line-height: 2em; color: #999;}
.about .content{text-indent: 2em; text-align: justify;}
.about .more{margin-top: 50px;text-align: right;}
.about .more a{color: #999;}
.about .more a:hover{color: #00a399;}

.child-logo{margin-top: 80px; text-align: center;}
.child-logo img{display: inline-block;}
.child-logo p{margin-top: 10px;}
.child-logo p a{display: inline-block;}
.child-logo p .line{display: inline-block; width: 2px; height: 40px; background: #dedede; margin-bottom: 15px;}
/*About End*/
/*Technical Start*/
ul.technical{width: 100%; height: auto; overflow: hidden;}
ul.technical li{float: left; width: 25%;}
ul.technical li img{display: block; width: 100%; height: auto;}
ul.technical li.tec-hover{position: relative;}
ul.technical li div{position: absolute; top: 0; left: 0; width: 100%; height: auto; display: none;}
ul.technical li:hover div{display: block;}
/*Technical End*/
/*News Start*/
.news-scroll{position: relative; margin: 0 auto; max-width: 1180px;}
.news-scroll .bd{overflow: hidden; position: relative; width: 100%; left: 0px; background: #fff;}

.news-scroll .bd ul{width: 100%; overflow: hidden; zoom: 1;}
.news-scroll .bd li{
    position: relative; float: left; display: inline-block; margin-right: 20px;
    width: calc((100% - 40px) / 3);
    width: -moz-calc((100% - 40px) / 3);
    width: -webkit-calc((100% - 40px) / 3);
}
.news-scroll .bd li a, .news-scroll .bd li img{display: block; width: 100%;}

.news-scroll .pageBtn .list, .service-box .pageBtn .list{/*overflow: hidden;*/ zoom: 1; text-align: center; margin-top: 40px;}
.news-scroll .pageBtn .list li, .service-box .pageBtn .list li{background:url(/img/btn-default.png); display:inline-block; width:12px; height:12px; cursor:pointer; margin-left:12px; text-indent: -99999px;}
.news-scroll .pageBtn .list li:first-child, .service-box .pageBtn .list li:first-child{margin-left: 0;}
.news-scroll .pageBtn .list li.on, .service-box .pageBtn .list li.on{background:url(/img/btn-on.png);}

.news-scroll .news-piclist p{padding: 5px 10px 25px; height: 40px; line-height: 40px; border: 1px solid #f0f0f0; border-top: none; font-size: 18px;}
.news-scroll .news-piclist p strong, .news-scroll .news-piclist p span{display: inline-block;}
.news-scroll .news-piclist p strong{float: left; width: 68%; height: 40px; line-height: 40px; color: #333;}
.news-scroll .news-piclist p strong a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news-scroll .news-piclist p span{float: right; width: 30%; color: #999; font-weight: normal; font-size: 16px; text-align: right;}
.news-scroll .news-piclist li:last-child p{text-align: right;}
.news-scroll .news-piclist li:last-child a{color: #999;}
.news-scroll .news-piclist li:last-child a:hover{color: #00a399;}
@media screen and (max-width:1080px){
    .news-scroll .news-piclist p strong{width: 100%;}
    .news-scroll .news-piclist p span{display: none;}
}
/*News End*/
/*Footer Start*/
footer{width: 100%; min-width: 600px; margin-top: 60px; padding-top: 30px; background: #00a399; overflow: hidden; color: #fff; font-size: 16px;}
footer .main{overflow: hidden;}
footer .f-logo, footer .info{float: left;}
footer .qcode{float: right;}
footer .f-logo, footer .qcode{margin-top: 20px;}

footer .f-logo{width: 30%;}
footer .f-logo img{width: 100%; max-width: 280px; min-width: 160px;}

footer .info{margin-left: 40px;
             max-width: calc(50% - 40px);
             max-width: -moz-calc(50% - 40px);
             max-width: -webkit-calc(50% - 40px);
             }
footer .info .contact{margin-bottom: 20px;}
footer .info .contact h6{margin-bottom: 20px;}
footer .info .contact ul{overflow: hidden;}
footer .info .contact li{float: left; display: inline-block; width: 50%; box-sizing: border-box; padding-left: 40px; margin-bottom: 10px; height: 40px; line-height: 40px;}

footer .info .contact .tel{background: url(/img/cont-tel.png) left center no-repeat;}
footer .info .contact .net{background: url(/img/cont-net.png) left center no-repeat;}
footer .info .contact .email{background: url(/img/cont-email.png) left center no-repeat;}
footer .info .contact .addr{background: url(/img/cont-addr.png) left center no-repeat;}

footer .info .flink h6, footer .info .flink ul, footer .info .flink li{display: inline-block;}
footer .info .flink h6{margin-bottom: 10px;}
footer .info .flink li{padding: 0 10px 10px 0;}
footer .info .flink a{display: inline-block; color: #fff;}
footer .info .flink a:hover{text-decoration: underline;}

footer .qcode{width: 20%; text-align: center;}
footer .qcode p{margin-top: 10px;}

footer .secondary{margin-top: 20px; padding-top: 10px; padding-bottom: 10px; line-height: 1.8em; border-top: 1px solid #46b7b0; text-align: center; opacity: .5;}
footer .secondary span{padding: 0 10px;}
@media screen and (max-width:1050px){
    footer .info .contact li{width: 100%;}
}
/*Footer End*/
/*ScrollTop Start*/
#goTopBtn {
    position: fixed;
    bottom: 35px;
    width: 54px;
    height: 54px;
    right: 20px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    cursor: pointer;
    _position: absolute;
    _right: auto;
}
/*ScrollTop End*/

/*SubBanner Start*/
.banner-sub{margin-top: 70px; overflow: hidden;}
.banner-sub img{display: block; width: 100%; height: auto;}
/*SubBanner Start*/
.subtitle{text-align: center; margin-top: 40px; margin-bottom: 30px;}
.art-title{max-width: 1180px; margin: 40px auto 30px; text-align: center; line-height: 3.2em;}
.subtitle .cn{font-size: 30px; margin-bottom: 5px; font-weight: bold;}
.art-title .title{font-size: 24px;}
.art-title .other{font-size: 16px; margin-bottom: 5px; color: #999;}
.art-title .other span{margin-right: 30px;}
.subtitle .en{font-size: 18px; color: #00a49a;}
@media screen and (max-width:900px){
    .subtitle{text-align: center; margin-top: 40px; margin-bottom: 25px;}
    .subtitle .cn{font-size: 24px;}
    .subtitle .en{font-size: 14px;}
}
/*SubTitle End*/
/*About Us Content Start*/
.aboutus-content, .news-content, .engineering-content, .sub-content, article{max-width: 1180px; margin: 0 auto; color: #333; font-size: 16px; line-height: 2.4em}
.aboutus-content > p, .engineering-content > p, .sub-content > p, article p{margin-bottom: 16px; text-indent: 2em;}
.about-mid{width: 100%; overflow: hidden;}
.about-mid img{display: block;
               width: calc((100% - 20px) / 2);
               -moz-width: calc((100% - 20px) / 2);
               -webkit-width: calc((100% - 20px) / 2);
               float: left; margin-left: 20px; margin-bottom: 25px;}
.about-mid img:first-child, .about-foot img:first-child{margin-left: 0;}
.about-foot{width: 100%; overflow: hidden;}
.about-foot img{display: block;
               width: calc((100% - 60px) / 4);
               -moz-width: calc((100% - 60px) / 4);
               -webkit-width: calc((100% - 60px) / 4);
               float: left; margin-left: 20px; margin-bottom: 25px;}
/*About Us Content End*/
/*News Content Start*/
.news-content dl{position: relative; margin-bottom: 20px; overflow: hidden; background: #ececec;}
.news-content dt{float: left; width: 310px;}
.news-content dt img{display: block; width: 100%;}
.news-content dd{box-sizing: border-box; float: left;
                 width: calc(100% - 310px);
                 -moz-width: calc(100% - 310px);
                 -webkit-width: calc(100% - 310px);
                 padding-left: 30px; padding-right: 30px; color: #999;}
.news-content dd h2{margin-bottom: 12px; margin-top: 20px;}
.news-content dd h2 a{display: block; color: #333; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-content dd h2 a:hover{color: #00a399;}
.news-content dd p{font-size: 16px; height: 4em; line-height: 2em; overflow: hidden; text-align: justify;}
.news-content dd span{position: absolute; bottom: 10px; right: 30px; display: inline-block; text-align: right; font-size: 14px;}
.news-content ul{margin-top: 50px; margin-bottom: 10px; overflow: hidden;}
.news-content ul li{margin-bottom: 15px; padding-bottom: 10px;overflow: hidden; border-bottom: 1px solid #ececec;}
.news-content ul li p{float: left; width: 75%;}
.news-content ul li span{display: block; box-sizing: border-box; padding-right: 30px; float: left; width: 25%; text-align: right; font-size: 14px; color: #999;}
.news-content ul li a{display: block; color: #333; height: 30px; line-height: 30px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-content ul li a:hover{color: #00a399;}

.load-more-btn {text-indent: -99999px; cursor: pointer; width: 60px; height: 40px; background: url(/img/load-more-btn.jpg) center center no-repeat; margin: 0 auto;}
/*News Content End*/
/*Engineering Content Start*/
.engineering-content > p span{color: #00a399;}
.engineering-content dl{margin: 80px 0 120px 0; overflow: hidden;}
.engineering-content .set dt, .engineering-content .process dt{width: 48%;}
.engineering-content .set dt{margin-right: 4%;}
.engineering-content .process dt{margin-left: 4%;}
.engineering-content dt img{display: block; width: 100%;}
.engineering-content dd{box-sizing: border-box; width: 48%; padding: 0 15px; color: #999;}
.engineering-content dd h3, .engineering-content .hub h3{margin-bottom: 20px; font-size: 24px; color: #00a399; text-align: center;}
.engineering-content dl.set dt, .engineering-content dl.process dd{float: left;}
.engineering-content dl.set dd, .engineering-content dl.process dt{float: right;}
.engineering-content dl.set dd{padding-top: 7%;}
.engineering-content dl.process dd{padding-top: 3.5%;}
.engineering-content .hub div{width: 100%; overflow: hidden;}
.engineering-content .hub h3{margin-bottom: 40px;}
.engineering-content .hub div p{display: block;
               width: calc((100% - 20px) / 2);
               -moz-width: calc((100% - 20px) / 2);
               -webkit-width: calc((100% - 20px) / 2);
               float: left; margin-left: 20px; overflow: hidden;
}
.engineering-content .hub div p:first-child{margin-left: 0;}
.engineering-content .hub div p img,
.sub-content div.full p img,
.sub-content div.small p img{
    display: block; width: 100%;
}
.engineering-content .hub div p em,
.sub-content div.full p em,
.sub-content div.small p em{
    display: block; height: 60px; line-height: 60px; border: 1px solid #f0f0f0; border-top: none; font-size: 18px;  text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
/*Engineering Content End*/
/*Sub Content Start*/
.sub-content h4{margin: 30px 0 15px 0; text-align: center; font-size: 24px; color: #00a29a; font-weight: bold;}
.sub-content table{width: 100%; margin-bottom: 30px;}
.sub-content th, td{padding: 6px 10px; width: 50%; border: 1px solid #ececec;}
.sub-content th{background: #00a29a; color: #fff; font-weight: bold;}
.sub-content span{color: #00a29a;}
.sub-content tr.four{color: #00a29a; font-weight: bold; text-align: center;}
.sub-content tr em{display: block; margin-bottom: -6px; color: #00a29a;}

.sub-content div.small p{display: block;
               width: calc((100% - 40px) / 3);
               -moz-width: calc((100% - 40px) / 3);
               -webkit-width: calc((100% - 40px) / 3);
               float: left; margin-right: 20px; margin-bottom: 20px; overflow: hidden;
}
.sub-content div.full{margin-bottom: 20px;}
.sub-content div.small p:nth-child(3n){margin-right: 0;}
/*Sub Content End*/
/*Article Start*/
article{overflow: hidden;}
article img{display: inline-block; max-width: 1180px;}
article ul.page{margin-top: 30px; height: 40px; line-height: 40px; overflow: hidden;}
article ul.page li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
article ul.page li span{font-weight: bold; color: #00a29a;}
article ul.page .pre{float: left; width: 40%;}
article ul.page .next{float: right; width: 40%; text-align: right;}
article ul.page a{color: #999;}
article ul.page a:hover{color: #00a29a;}
/*Article End*/
<!--ºÄʱ1756025558.7349Ãë-->