@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}
.header{position: fixed; width: 100%; left: 0;top: 0; background: #1e2432;height: 95px;z-index: 100;}
.headerbox{width: 1160px; margin: 0 auto;}
.logo{width: 167px; float: left; padding-top: 14px;}
.nav{float: right;padding-top: 25px;}
.nav ul{overflow: hidden;}
.nav li{float: left;}
.nav a{display: block; line-height: 56px; font-size: 16px; color: #fff; padding: 0 30px;}
.nav li.cur a{background: #000000;}
.nav a:hover{background: #000000;}

.banner{padding-top: 95px;}
.banner img{width: 1160px; margin: 0 auto;}
.banner .swiper-pagination{padding-bottom: 25px;}
.banner .swiper-pagination-bullet{width: 20px;height: 10px;background: #fff;opacity: .5;border-radius: 5px;}
.banner .swiper-pagination-bullet-active{width: 44px;opacity: 1;}

.cpfw{background: url(../images/a_01.png) no-repeat center top #f7f7f7;}
.cpfwbox{width: 1200px; margin: 0 auto; padding-top:70px;}
.cpfw_title{background: url(../images/a_09.png); width: 448px;height: 70px; margin: 0 auto 73px auto;text-align: center;}
.cpfw_title h2{font-size: 28px; color: #000000; padding: 12px 0 10px;}
.cpfw_title p{font-size: 14px; color: #999999;font-style: italic;}
.cpfw_nr{padding-bottom: 80px;position: relative;}
.cpfw_nr ul{overflow: hidden; margin-left: -22px;}
.cpfw_nr li{float: left; width: 25%; padding-left: 22px;}
.cpfwbxo {position: relative; overflow: hidden;}
.cpfwbxo img{width: 100%;}
.cpfw_zz{width: 100%; height: 100%; position: absolute;  left: 0; top:calc(100% - 47px);background: rgba(0,0,0,.75);transition: all .5s ease 0s;}
.cpfw_zz h2{line-height: 47px;  text-align: center; font-weight: bold; color: #fff; font-size: 18px;}
.cpfw_zz p{font-size: 14px; padding: 0 15px; height: 65px; color: #fff;text-align: center;}
.cpfw_zz a{display: block; margin: 0 auto; color: #fff; font-size: 14px; width: 132px; height: 38px; line-height: 36px; border: 1px solid #fff;text-align: center;}
.cpfw_zz a:hover{background: #000;}
.cpfwbxo:hover .cpfw_zz{top: 0; left: 0;}
.cpfwbxo:hover .cpfw_zz h2{font-weight: 400; font-size: 28px; margin: 60px 0 20px;}
.ckgd{display: block; margin: 24px auto 0 auto; text-align: center;width: 95px; line-height: 30px; color: #999; background: #e9e9e9;border-radius: 15px;font-size: 14px;transition: All 0.4s ease-in-out;}
.ckgd:hover{color: #fff; background: #1a77eb;}
.cpfw_nr .swiper-button-next{background: url(../images/b_18.png); width: 80px; height: 80px;background-size: 100%; margin-top: -40px;}
.cpfw_nr .swiper-button-prev{background: url(../images/b_19.png); width: 80px; height: 80px;background-size: 100%; margin-top: -40px;}


.news_bj{background: url(../images/a_06.png) no-repeat center center;background-size: cover;}
.news{width: 1200px; padding:70px 0 100px 0 ; margin: 0 auto;}
.news_nr{overflow: hidden;}
.news_left{float: left; width: 50%; padding-right: 10px;}
.news_left img{width: 100%;}
.news_left p{width: 100%; background: #1a77eb;line-height: 48px; font-size: 18px;text-align: center; padding: 0 70px; position: absolute;left: 0; bottom: 0;}
.news_left p b{color: #fff; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: left;}
.news_left .swiper-button-next{height: 48px; width: 48px; top: auto; right: 0; bottom: 0;background: url(../images/a_02.png) no-repeat center center #155fbc;}
.news_left .swiper-button-prev{height: 48px; width: 48px; top: auto; left: 0; bottom: 0;background: url(../images/a_03.png) no-repeat center center #155fbc;}
.news_right{float: right; padding-left: 10px; width: 50%; margin-top: -23px;}
.news_xq{overflow: hidden; border-bottom: 1px solid #d8d8d8; padding: 23px 0;}
.news_tp{float: left; width: 220px;height: 165px; overflow: hidden;}
.news_tp img{width: 100%; height: 100%;}
.news_tp a:hover img{opacity: .7;}
.news_text{float: right; width: calc(100% - 245px);}
.news_text h2{font-size: 20px; line-height: 46px;}
.news_text h2 a{color: #333333;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_text h2 a:hover{color: #0574D2;}
.news_text p{font-size: 14px; line-height: 20px; color: #999999; height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news_text h3{margin-top: 15px; font-size: 12px; color: #666666;}
.news_text h3 img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;}
.news_text h3 a{display: block; width: 50px;  height: 24px;background: url(../images/a_04.png) no-repeat center center #c4deff;}

.bcal_bj{background: #f7f7f7;}
.bcal{width: 1200px; margin: 0 auto; padding: 65px 0 40px 0;}
.gcal_box{background: #fff;}
.gcal_tp {position: relative; height: 223px; overflow: hidden;}
.gcal_tp img{width: 100%;position: relative;top:50%; transform: translateY(-50%);}
.gcal_text {position: relative;  padding: 10px 20px 20px 20px;text-align: center;}
.gcal_text h2{font-size: 18px; margin-bottom: 10px; color: #333333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.gcal_text p{font-size: 14px; color: #999999;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.gcal_text:before{position: absolute; content: ""; left: 0; bottom: 0; border-bottom: 6px solid #1474ea;width: 0;transition: all .4s ease 0s;}
.gcal_nr a:hover .gcal_text:before{width: 100%;}
.gcal_nr a:hover h2{color: #1474ea;}
.gcal_nr{position: relative; padding: 0 70px;}
.gcal_nr .swiper-button-next{ width: 48px;height: 100%; background: url(../images/a_08.png) no-repeat center center #e9e9e9; margin-top: 0; top: 0;right: 0;}
.gcal_nr .swiper-button-next:hover{background: url(../images/a_08.png) no-repeat center center #d0e4fd;}
.gcal_nr .swiper-button-prev{ width: 48px;height: 100%; background: url(../images/a_07.png) no-repeat center center #e9e9e9; margin-top: 0; top: 0;left: 0;}
.gcal_nr .swiper-button-prev:hover{width: 48px;height: 100%; background: url(../images/a_07.png) no-repeat center center #d0e4fd;}

.footer{background: #1e2432;padding: 15px 0;}
.footer_box{width: 1200px; margin: 0 auto; overflow: hidden;}
.footer_box p{font-size: 12px; color: #fff; line-height: 100px;}

.footer_box ul{float:right; overflow: hidden;width: 200px; margin-left: -20px;}
.footer_box li{float: left;width: 50%; padding-left: 20px;}
.footer_box img{width: 80%; margin: 0 auto;}
.footer_box h3{font-size: 12px; margin-top: 10px; color: #fff;text-align: center;}
/*工程案例*/
.banner1{background: url(../images/banner1.png) no-repeat center center; height: 320px;background-size: cover;}
.banner_text{width: 360px; margin: 0 auto; padding: 85px 0 40px;text-align: center;background: url(../images/a_11.png) no-repeat center bottom;background-size: 100% auto;}
.banner_text p{font-size: 32px; color: #fff; margin-bottom: 15px;}
.banner_text h2{color: #fff; font-size: 56px;}

.wz1200{width: 1200px; margin: 0 auto;}
.cgal{overflow: hidden; padding:20px 0 0 0 ;}
.dqwz{background: #eaeaea;}
.dqwzbox{width: 1200px; margin: 0 auto;}
.dqwzbox p{line-height: 40px;color: #999999;background: url(../images/a_12.png) no-repeat left center; padding-left: 20px;}
.dqwzbox p a{color: #999;}
.dqwzbox p .cur{color: #333;}
.dqwzbox p a:hover{color: #333;}
.cgal_left{float: left; width: 242px;}
.cgal_left li{padding-bottom: 2px;}
.cgal_left a{display: block; padding: 0 20px 0 40px; font-size: 16px; color: #999999; line-height: 44px; background: #eeeeee;}
.cgal_left a b{float: right; background: url(../images/a_13.png); width: 20px;height: 20px;margin-top: 12px;opacity: 0;}
.cgal_left li.cur a{color: #fff; background: #1a77eb;}
.cgal_left li.cur a b{opacity: 1;}
.cgal_left a:hover{color: #fff; background: #1a77eb;}
.cgal_left a:hover b{opacity: 1;}
.cgal_right{float: right;width: calc(100% - 255px); margin-top: -15px;}
.cgbox{overflow: hidden; padding: 15px 0; border-bottom: 1px solid #eeeeee;}
.cgtp{float: left; width: 257px;height: 206px; position: relative; overflow: hidden;background: #eee;}
.cgtp img{width: 100%; position: absolute;top:50%; transform: translateY(-50%);}

.cgtext{float: right;width: calc(100% - 285px);}
.cgtext h2{font-size: 26px; line-height: 40px; color: #000000; padding-right: 110px; position: relative;height: 80px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cgtext h2 span{display: block;  right: 0; top: 10px; color: #999; font-size: 14px; position: absolute;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cgtext p{font-size: 14px; line-height: 24px; color: #666666; height: 48px; margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cgtext h3{margin-top: 20px;}
.cgtext h3 a{font-size: 16px; color: #1a77eb;}

.fynr{text-align: center; padding: 30px 0 55px;}
.fynr li{display: inline-block; padding: 0 8px;}
.fynr a{display: block; line-height: 30px; border: 1px solid #eeeeee; font-size: 16px; color: #000; padding: 0 12px;}
.fynr span{display: block; line-height: 30px; border: 1px solid #eeeeee; font-size: 16px; color: #000; padding: 0 12px;}
.fynr li.cur a{background: #1a77eb;border: 1px solid #1a77eb; color: #fff;}
.fynr a:hover{background: #1a77eb;border: 1px solid #1a77eb; color: #fff;}

/*公司新闻*/
.banner2{background: url(../images/banner2.png) no-repeat center center; height: 320px;background-size: cover;}
.xwxq_title{text-align: center; padding: 45px 0 50px;}
.xwxq_title h2{font-size: 52px; color: #333333; margin-bottom: 35px;font-weight: bold; font-family: "宋体";}
.xwxq_title p{position: relative; font-size: 20px; color: #333333; font-weight: bold; font-family: "宋体";}
.xwxq_title p:before{position: absolute; content: ""; border-bottom: 1px solid #e9e9e9;width:calc(50% - 60px); left: 0; bottom: 10px;}
.xwxq_title p:after{position: absolute; content: ""; border-bottom: 1px solid #e9e9e9;width:calc(50% - 60px); right: 0; bottom: 10px;}
.xwxq_nr{padding-bottom: 50px;}
.xwxq_nr p{font-size: 16px; line-height: 30px; color: #666666; margin-bottom: 30px;text-align:justify; word-break: break-all;}
.xwxq_nr img{max-width: 100%; margin: 0 auto 30px auto;}

.cgal a.back{display: block; text-align: center; border: 1px solid #1a77eb;width: 152px; line-height: 30px; color: #1a77eb;font-size: 14px; margin: 20px auto 50px;}
.cgal a.back:hover{background: #1a77eb;color: #fff;}

/*关于我们*/
.banner3{background: url(../images/banner3.png) no-repeat center center; height: 320px;background-size: cover;}
.gywm_title h2{font-size: 30px; line-height: 158px; color: #333333; position: relative;}
.gywm_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #333333;width: 28px;left: 0; bottom: 40px;}
.gywm_nr{overflow: hidden;}
.gywm_lwft{float: left; width: 518px;}
.gywm_lwft img{width: 100%;}
.gywm_right{float: right;width: calc(100% - 550px); padding-top: 65px;}
.gywm_top{position: relative; background: #ededed; padding: 35px 30px 1px 30px;}
.gywm_top p{font-size: 14px; color: #666666;line-height: 28px; text-align:justify; word-break: break-all; margin-bottom: 30px;}
.gywm_top p span{font-size: 26px; color: #1a77eb;}
.gywm_top b{position: absolute; width: 22px;height: 85px;background: #1a77eb;top: 30px;left: -11px;}
.gywm_bottom{padding: 95px 45px 115px 45px; position: relative;}
.gywm_bottom ul{overflow: hidden; border-bottom: 1px solid #e7e7e7; padding-bottom: 22px; }
.gywm_bottom li{float: left; padding-right:80px;}
.gywm_bottom h2{font-weight: bold; font-size: 50px; color: #333333; margin-bottom: 20px;}
.gywm_bottom h2 b{font-weight: 400; font-size: 24px;}
.gywm_bottom p{font-size: 14px; color: #333333;}
.gywm_bottom em{width: 21px;height: 14px;background: #737373;left: 0; bottom: 110px; position: absolute;}

/*下载中心*/
.banner4{background: url(../images/banner4.png) no-repeat center center; height: 320px;background-size: cover;}
.xznr{padding: 30px 20px 0 20px;}
.xznr li{padding-bottom: 30px;}
.xznr_box{overflow: hidden; background: #fafafa; padding: 20px 35px;}
.xznr_text{float: left; overflow: hidden;width: 300px;}
.xznr_text img{float: left;}
.xz_wb{float: right; width: calc(100% - 78px);}
.xz_wb h2{font-size: 17px; line-height: 40px;font-weight: bold; color: #333;}
.xz_wb p{font-size: 14px; color: #999;}
.xznr_box a{display: block; float: right; text-align: center; padding-top: 15px;}
.xznr_box a img{margin: 0 auto;}
.xznr_box a span{display: block; font-size: 14px; color: #1a77eb; margin-top: 10px;}

/*产品服务*/
.banner5{background: url(../images/banner5.png) no-repeat center center; height: 320px;background-size: cover;}
.xwxq_nr h3{font-size: 16px; color: #666666; line-height: 34px;text-align: center;}
.xwxq_nr h4{font-size: 16px; line-height: 30px; color: #666666;text-align:justify; word-break: break-all;}

/*联系我们*/
.banner6{background: url(../images/banner6.png) no-repeat center center; height: 320px;background-size: cover;}
.lxwm_nr{overflow: hidden; padding-bottom: 100px;}
#allmap{width: 518px;float: left; height: 450px;}



.lxwm_top{position: relative; background: #ededed; padding: 25px 45px;}
.lxwm_top h2{font-size: 36px; color: #1a77eb; margin-bottom: 20px;}
.lxwm_top p{font-size: 14px; color: #888888;}
.lxwm_top b{display: block; position: absolute;width: 22px; height: 65px;background: #1a77eb;left: -11px;top:50%; transform: translateY(-50%);}
.lxwm_bottom p{font-size: 16px; line-height: 34px; color: #333;overflow: hidden;}
.lxbox span{float: right;width: calc(100% - 35px);}
.lxwm_bottom{padding: 30px 45px 0 45px; position: relative;}
.lxbox{border-bottom: 1px solid #e7e7e7; padding-bottom: 70px;}
.lxwm_bottom em{position: absolute; left: 0; width: 21px;height: 14px;background: #737373;bottom: -7px;}
.lxwm_bottom img{display: inline-block;vertical-align: middle; margin: -3px 0 0 0;width: 18px;}

.fgt{height: 95px;}
.nav img{display: none;}
.nav .logohover:hover{background: none;}
.sjzs{display: none;}
.right-8{position: fixed;z-index: 100;right: 0; bottom: 40px;width: 40px;height: 40px; line-height: 40px;background: url(../images/top.png);background-size: 100% 100%;border-radius: 50%;border-radius: 50%;cursor: pointer;z-index: 1000000;}
.right-8:hover{opacity: 0.7;}
@media(max-width:1220px){
.headerbox{width: 100%; padding: 0 1%;}
.nav li a{font-size: 14px; padding: 0 30px;}
.cpfwbox{width: 100%; padding: 70px 3% 0 3%;}
.news{width: 100%; padding: 70px 3% 100px 3%;}
.bcal{width: 100%; padding: 60px 3%;}
.gcal_tp{height: auto;}
.gcal_tp img { width: 100%; position: static; top: 50%; transform: translateY(0%);}
.footer_box{width: 100%; padding: 0 3%;}
.dqwzbox{width: 100%; padding: 0 3%;}
.wz1200{width: 100%; padding: 0 3%;}
.gywm_bottom li{padding-right: 20px;}
.gywm_bottom { padding: 95px 20px 115px 20px;}
.gywm_bottom p{font-size: 12px;}
.cgtext h2{font-size: 20px;}
.lxwm_top h2{font-size: 20px;}
.lxwm_top p{font-size: 12px;}
}
@media(max-width:1000px){
.header{height: 60px;}
.logo{width: 90px;}
.logo img{width: 100%;}
.dhbtn{background: url(../images/d1.png) no-repeat center center #666; position: absolute;width: 30px;height: 30px; top: 15px;right: 3%;background-size: 20px 20px;border-radius: 3px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #666;background-size: 20px 20px;}
.nav{width: 200px; position: fixed; height: 100vh; overflow: hidden; background: #1e2432;top: 0;left: -200px; overflow: auto; padding: 0 3%;}
.nav img{width: 90px; margin: 15px auto;display: block;}
.nav li {line-height: 40px; float: none; width: 100%;}
.nav ul li:nth-child(1){ display: block;}
.nav li a{line-height: 40px;text-align: center; padding: 0 15px;}
.bj{width: 100%;height: 100%;z-index: 80;background: rgba(0,0,0,.8);top: 0;left: 0; position: fixed;display: none; }
.fgt{height: 60px;}
.banner{padding-top: 60px;}
.banner img{width: 80%;}
.banner .swiper-pagination{padding-bottom: 0;}
.cpfwbox{padding-top: 40px;}
.cpfw_title{width: 300px; height: 50px;background-size: 100% 100%; margin: 0 auto 30px auto;}
.cpfw_title h2{font-size: 20px; padding:0 0 10px 0;}
.cpfw_title p{font-size: 12px;}
.cpfw_nr li{width: 50%; padding: 0 0 20px 20px;}
.cpfw_nr{padding-bottom: 30px;}
.news{padding: 40px 3%;}
.news_left{width: 100%;float: none; padding: 0 0 20px 0;}
.news_right{padding: 0; float: none; width: 100%;}
.news_tp{width: 180px;height: 135px;}
.news_text{width: calc(100% - 190px);}
.news_text p{height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_text h3 a{width: 38px;height: 18px;background-size: 20px auto;}
.bcal{padding: 40px 3%;}
.gcal_nr .swiper-button-next{width: 30px;background-size: 10px auto;}
.gcal_nr .swiper-button-prev{width: 30px;background-size: 10px auto;}
.gcal_nr .swiper-button-next:hover{width: 30px;background-size: 10px auto;}
.gcal_nr .swiper-button-prev:hover{width: 30px;background-size: 10px auto;}
.gcal_nr{padding: 0 40px;}
.gcal_text h2{font-size: 16px;}
.gcal_text p{font-size: 12px;}
.footer_box img{float: none; margin: 0 auto;}
.footer_box p{line-height: 1.6;text-align: center; margin-top: 20px;}
.banner3{height: 200px;}
.banner_text{padding: 40px 0 20px;width: 220px;}
.banner_text p{font-size: 20px;}
.banner_text h2{font-size: 30px;}
.gywm_lwft{width: 100%; float: none;}
.gywm_title h2{font-size: 24px;line-height: 100px;}
.gywm_title h2:before{bottom: 20px;}
.gywm_right{float: none;width: 100%; padding: 20px 0 0 0;}
.gywm_top p span{font-size: 18px;}
.gywm_bottom{padding: 20px 0;}
.gywm_bottom em{display: none;}
.banner2{height: 200px;}
.xwxq_title h2{line-height: 1.6; font-size: 26px;}
.xwxq_title{padding: 40px 0;}
.banner1{height: 200px;}
.cgal_left{float: none; width: 100%;}
.cgal_right{float: none;width: 100%;margin: 0;}
.cgtp{width: 180px;height: 135px;}
.cgtext{width: calc(100% - 190px);position: relative;}
.cgtext h2{font-size: 16px; line-height: 20px;padding: 0;height: 40px;}
.cgtext h2 span{left: 0; top: 45px;}
.cgtext p{margin-top: 10px;}
.fynr li{padding: 0 2px;}
.fynr a{line-height: 24px;font-size: 12px; padding: 0 6px;}
.fynr span{line-height: 28px;font-size: 12px; padding: 0 8px;}
#allmap{width: 100%;float: none;}
.lxwm_bottom{padding: 20px;}
.lxbox{padding-bottom: 20px;}
.lxwm_bottom em{bottom: 15px;}
.lxwm_nr{padding-bottom: 50px;}
.banner4{height: 200px;}
.xznr{padding:20px 0 0 0;}
.xznr_box{padding: 15px 10px;}
.xznr_text{width: 250px;}
.xznr li{padding-bottom: 20px;}
.banner5{height: 200px;}

.sjzs{display: block;}
.pczs{display: none;}

.cpfw_nr .swiper-button-prev{width: 40px;height: 40px; margin-top: -20px;}
.cpfw_nr .swiper-button-next{width: 40px;height: 40px; margin-top: -20px;}
.cpfwbxo:hover .cpfw_zz h2{font-size: 18px;margin: 20px 0 10px;line-height: 30px;}
.cpfw_zz p{line-height: 18px; height: 50px;}
.footer_box ul{float: none; margin: 0 auto;}
}
@media(max-width:480px){
.cpfw_nr li{width: 100%; }
}