@import url(style.css);
@import url(swiper.min.css);
@import url(pscroll.css);
/*首页*/
/*轮显*/
.banner{ width: 100%; overflow:hidden; position:relative;}
.banner .swiper-container{ width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;}
.banner .lzpic1,
.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
.banner .text { max-width: 1440px; width: 100%; position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; font-size: 50px;font-weight: bold; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898); padding: 0 20px;}
.banner .text .small { font-size: 30px;}
.banner .swiper-pagination { width: 100%;bottom: 30px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.banner .swiper-pagination.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 46px; height: 4px; background:rgba(255,255,255,0.21);;opacity: 1; margin: 0 6px; border-radius:0;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background: #fff; }
.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
/*产品系列*/
.i_bg1{ overflow:hidden; background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover;}
.i_t{ margin-top:6%; text-align:center; color:#333333; overflow:hidden;}
.i_t .h3{ font-weight:normal; overflow:hidden; line-height:1.4; position:relative;}
.i_t .h3 .blue{ color:#2f62b6;}
.i_t .p{ color:#999999; font-size:15px; line-height:22px; margin-top:3px; clear:both;overflow:hidden;}
.i_t .p label{ display:inline-block; vertical-align:top; padding-left:202px; padding-right:202px; overflow:hidden; position:relative;}
.i_t .p label:after{ content:""; position:absolute; width:180px; height:1px; background:#e8e8e8; top:50%; left:0;}
.i_t .p label:before{ content:""; position:absolute; width:180px; height:1px; background:#e8e8e8; top:50%; right:0;}
.counter{margin-top:5%; margin-bottom:6%;  overflow:hidden;}
.counter li{float:left; width:25%;transition:all 0.3s; overflow:hidden;text-align:center;}
.counter li i{ width:91px; height:91px; display:block; margin:0 auto; overflow:hidden; background-repeat:no-repeat; background-size:100% 100%;}
.counter li i.bgs1{ background-image:url(../images/i_pic1.png);}
.counter li i.bgs2{ background-image:url(../images/i_pic2.png);}
.counter li i.bgs3{ background-image:url(../images/i_pic3.png);}
.counter li i.bgs4{ background-image:url(../images/i_pic4.png);}
.counter li .txts2{ overflow:hidden; margin-top:19px;}
.counter li .h6{  overflow:hidden;font-weight:normal;   }
.counter li .h6 span{ line-height:1; font-family:Arial;}
.counter li .h6 label{ vertical-align:top; font-size:14px; padding-left:3px;}
.counter li .p{ overflow:hidden; line-height:26px; margin-top:13px;}
/*关于我们*/
.i_bg2{ overflow:hidden; background:url(../images/i_bg2.jpg) center center no-repeat; background-size:cover;}
.i_bg2 .i_t{ color:#fff; margin-top:7%;}
.i_bg2 .i_t .p{ color:#fff;}
.i_bg2 .i_t .p label:after{ background:rgba(232,232,232,0.07);}
.i_bg2 .i_t .p label:before{ background:rgba(232,232,232,0.07);}
.i_bg2 .i_about{ overflow:hidden; margin-top:4%; color:rgba(255,255,255,0.71); line-height:30px; font-size:15px; text-align:center; margin-bottom:115px;}
.i_bg2 .i_about .p{ max-width:940px; margin:0 auto; overflow:hidden;}
.i_bg2 .i_about .i_about_a{ overflow:hidden; margin-top:4%; text-align:center; margin-bottom:6%;}
.i_bg2 .i_about .i_about_a a{ display:inline-block; vertical-align:top; width:156px; height:42px; line-height:42px; background:#242d34; color:#fff; font-size:15px; margin-left:7px; margin-right:7px;transition:all 0.3s;}
.i_bg2 .i_about .i_about_a a:hover{ background:#2f62b6;}
/*跳动数字*/
.i_bg3{ background:#fff; border-radius:6px; overflow:hidden; height:212px; margin-top:-125px;box-shadow: 3.3px 3.5px 15px 6px rgba(0,0,0,0.04);}
.i_bg3 .i_count{ max-width:1120px; margin:0 auto; width:96%; margin-top:56px;}
.i_bg3 .i_count ul li{ margin-left:2%; width:23%; overflow:hidden; float:left;color:#333;transition:all 0.3s;}
.i_bg3 .i_count ul li .nums{ overflow:hidden; }
.i_bg3 .i_count ul li span{  display:inline-block; vertical-align:top; overflow:hidden; font-weight:normal;  font-family:Arial; line-height:48px;}
.i_bg3 .i_count ul li label{  display:inline-block; font-size:14px; vertical-align:top; line-height:24px; width:24px; text-align:center; border-radius:50%; color:#fff; background:#2f62b6; margin-left:5px; font-family:"微软雅黑"; }
.i_bg3 .i_count ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.i_bg3 .i_count ul li:hover span{ color:#2f62b6;}
.i_bg3 .i_count ul li .lable1{ font-size:15px; overflow:hidden; line-height:22px; margin-top:10px;}
.i_bg3 .i_count ul li .lable2{ font-size:12px; overflow:hidden; line-height:20px; color:#d3d3d3; font-family:Arial; margin-top:2px;}
/*我们的业务*/
.i_three_ul{ overflow:hidden; margin-top:7%; margin-bottom:5%;}
.i_three_ul ul li{ float:left; width:50.5%;overflow:hidden;}
.i_three_ul ul li:nth-child(2n+0){ float:right; width:47.66%;}
.i_three_ul ul li .imgs{ overflow:hidden; position:relative; padding-top:115.3%;}
.i_three_ul ul li .imgs:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/i_bg3.png) center bottom no-repeat; background-size:cover;}
.i_three_ul ul li:nth-child(2) .imgs:after{ background-image:url(../images/i_bg4.png);}
.i_three_ul ul li:nth-child(2) a:nth-child(2) .imgs:after{ background-image:url(../images/i_bg5.png);}
.i_three_ul ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_three_ul ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_three_ul ul li .txts{ bottom:30px; position:absolute; left:0; width:100%;box-sizing: border-box; padding-left:30px; padding-right:30px;z-index:2;}
.i_three_ul ul li .h3{ font-weight:normal; height:30px; line-height:30px;white-space:nowrap;text-overflow:ellipsis; color:#fff; font-size:22px; overflow:hidden; }
.i_three_ul ul li .p{ color:rgba(255,255,255,0.54); font-size:12px; overflow:hidden; font-family:Arial; height:20px; line-height:20px; margin-top:5px;white-space:nowrap;text-overflow:ellipsis;}
.i_three_ul ul li:nth-child(2) .imgs{ padding-top:53%;}
.i_three_ul ul li:nth-child(2) a:nth-child(1) .imgs{ padding-top:65.6%; margin-bottom:3.6%;}
.i_three_ul ul li:nth-child(2) .h3{ bottom:4%;}
/*工程案例*/
.i_bg4{ overflow:hidden; background:#f8f8f8;}
.i_bg4_scrol{ overflow:hidden; position:relative; margin-bottom:100px; margin-top:48px;}
.i_bg4_scrol:before{ content:""; position:absolute; height:100%; left:0%; top:0; width:calc(49% - 600px);width:-webkit-calc(49% - 600px);width:-moz-calc(49% - 600px); z-index:1; background:url(../images/i_bg6.png) no-repeat; background-size:100% 100%;}
.i_bg4_scrol:after{ content:""; position:absolute; height:100%; right:0%; top:0;width:calc(49% - 600px);width:-webkit-calc(49% - 600px);width:-moz-calc(49% - 600px); z-index:1; background:url(../images/i_bg6.png) no-repeat; background-size:100% 100%;}
@media screen and (max-width: 1660px) {



}
@media screen and (max-width: 1440px) {
/*工程案例*/
.i_bg4_scrol{ margin-bottom:80px;}
}
@media screen and (max-width: 1260px) {
/*我们的业务*/
.i_three_ul ul li .txts{ bottom:25px;}
.i_three_ul ul li .h3{ font-size:20px;}
}
@media screen and (max-width: 1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
.banner .swiper-container{ position:static;}
.banner .swiper-pagination { bottom:25px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 40px; height:3px;margin: 0 5px;}
/*跳动数字*/
.i_bg3 .i_count ul li{ margin-left:1%; margin-right:1%;}
}
@media screen and (max-width: 960px) {
/*产品系列*/
.i_t .p{ font-size:14px;}
.i_t .p label{padding-left:180px; padding-right:180px;}
.i_t .p label:after{ width:170px; }
.i_t .p label:before{width:170px; }
/*关于我们*/
.i_bg2 .i_about{ font-size:14px; line-height:26px;}
.i_bg2 .i_about .i_about_a a{ font-size:14px; width:146px; height:38px; line-height:38px;}
/*我们的业务*/
.i_three_ul ul li .txts{ bottom:20px; padding-left:20px; padding-right:20px;}
.i_three_ul ul li .h3{ font-size:18px;}
/*工程案例*/
.i_bg4_scrol{ margin-top:38px; margin-bottom:60px;}
}

@media screen and (max-width: 780px) {
/*轮显*/
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 30px;}
/*产品系列*/
.i_t .p{ font-size:13px;}
.i_t .p label{padding-left:160px; padding-right:160px;}
.i_t .p label:after{ width:150px; }
.i_t .p label:before{width:150px; }
/*跳动数字*/
.i_bg3{ height:auto; padding-bottom:2%;}
.i_bg3 .i_count{ margin-top:5%;}
.i_bg3 .i_count ul li{ width:48%; margin-bottom:3%;}
}
@media screen and (max-width: 720px) {


}
@media screen and (max-width: 640px) {
/*产品系列*/
.i_t .p label{padding-left:140px; padding-right:140px;}
.i_t .p label:after{ width:130px; }
.i_t .p label:before{width:130px; }
/*关于我们*/
.i_bg2 .i_about{ font-size:13px; line-height:24px;}
.i_bg2 .i_about .i_about_a{ margin-bottom:7%;}
.i_bg2 .i_about .i_about_a a{ font-size:13px; width:136px; height:36px; line-height:36px;}
/*我们的业务*/
.i_three_ul ul li .txts{ bottom:15px; padding-left:15px; padding-right:15px;}
.i_three_ul ul li .h3{ font-size:16px; height:24px; line-height:24px;}
/*工程案例*/
.i_bg4_scrol{ margin-top:28px; margin-bottom:50px;}
}
@media screen and (max-width: 520px) {
/*产品系列*/
.i_t .p label{padding-left:120px; padding-right:120px;}
.i_t .p label:after{ width:110px; }
.i_t .p label:before{width:110px; }
/*跳动数字*/
.i_bg3 .i_count{ margin-top:6%;}
.i_bg3 .i_count ul li{ margin-bottom:5%;}
.i_bg3 .i_count ul li .lable1{ font-size:14px;}
.i_bg3 .i_count ul li label{ font-size:13px;}
.i_bg3 .i_count ul li span{ line-height:30px;}
}
@media screen and (max-width: 480px) {
/*产品系列*/
.i_t .p{ font-size:12px;}
.i_t .p label{padding-left:100px; padding-right:100px;}
.i_t .p label:after{ width:90px; }
.i_t .p label:before{width:90px; }
/*关于我们*/
.i_bg2 .i_about{ font-size:12px; line-height:22px;}
.i_bg2 .i_about .i_about_a a{ font-size:12px; width:126px; height:32px; line-height:32px; margin-left:4px; margin-right:4px;}
/*我们的业务*/
.i_three_ul ul li{ float:none; width:100%; margin-bottom:2%;}
.i_three_ul ul li:nth-child(2n+0){ float:none; width:100%;}
.i_three_ul ul li:nth-child(2) a:nth-child(1) .imgs{ margin-bottom:2%;}
/*工程案例*/
.i_bg4_scrol{ margin-top:18px; margin-bottom:30px;}
}
@media screen and (max-width: 420px) {
/*产品系列*/
.i_t .p label{padding-left:80px; padding-right:80px;}
.i_t .p label:after{ width:70px; }
.i_t .p label:before{width:70px; }
/*跳动数字*/
.i_bg3 .i_count ul li label{ font-size:12px;}
.i_bg3 .i_count ul li .lable1{ font-size:13px;}
.i_bg3 .i_count ul li .lable2{ min-height:40px;}
/*我们的业务*/
.i_three_ul ul li .txts{ bottom:12px; padding-left:12px; padding-right:12px;}
/*工程案例*/
.i_bg4_scrol{ margin-top:15px; margin-bottom:25px;}
}
@media screen and (max-width: 380px) {
/*产品系列*/
.i_t .p label{padding-left:60px; padding-right:60px;}
.i_t .p label:after{ width:50px; }
.i_t .p label:before{width:50px; }
}