﻿/*business/water.aspx 工业供水*/ 
/*business/special.aspx 产品特色*/
/*business/equipment.aspx 净水装备*/
/*business/smart.aspx 智慧水务*/

/*consulting_list 管理咨询*/
/*business/microbe.aspx 微生物菌*/


.line24{line-height: 24px;}
.line30{line-height: 30px;}
.pad_b120{padding-bottom: 120px;}
.pad_b60{padding-bottom: 60px;}
.pad_b100{padding-bottom: 100px;}
.pad_tb20{padding: 0px 0 100px 0;}
.pad_t20{padding-top: 20px;}

.pub_padd_t20{padding-top:25px;}
/*滚动体*/
.mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#006ebc;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#006ebc;}

.pub_tab{text-align: right;margin-bottom: 50px;}
.pub_tab li{display: inline-block;width: 142px;height: 40px; line-height: 40px; text-align: center;margin-left: 30px;}
.pub_tab li a{display: block;}
.pub_tab li.on a{background: #0099d9;color: #fff;border-radius: 22px;}

.pub_tite{text-align: center;margin-bottom: 25px;}
.pub_tite span{display: block;width: 60px;height: 4px;background: #0099d9;margin: auto;margin-top: 20px;}
.pub_btn{text-align: center;padding-top: 60px;}
.pub_btn a{display: inline-block;width: 142px;height: 40px;line-height: 40px;text-align: center;background: #0099d9;color: #fff;border-radius: 20px;}
.business_btn{text-align: center;padding-top: 40px;}
.business_btn a{display: inline-block;width: 216px;height:50px;line-height: 50px;text-align: center;background: #0099d9;color: #fff;border-radius: 25px;}
@media only screen and (max-width:1440px){
.pad_b120{padding-bottom: 80px;}
.pad_tb20{padding: 0px 0 80px 0;}
.pad_b100{padding-bottom: 70px;}
.pub_tab{margin-bottom: 30px;}
.pub_tab li{margin-left:20px;}
.pub_btn{padding-top: 40px;}

.pub_padd_t20{padding-top:10px;}
}

@media only screen and (max-width:1024px){
.pad_b120{padding-bottom: 50px;}
.pad_b60{padding-bottom: 50px;}
.pad_tb20{padding: 0px 0 50px 0;}
.pad_b100{padding-bottom: 50px;}
.pub_btn{padding-top:20px;}
.pub_tite span{margin-top: 10px;}
.pub_tite{margin-bottom: 20px;}

.pub_padd_t20{padding-top:0px;}
.business_btn{padding-top: 20px;}
.business_btn a{width: 150px;height: 40px;line-height: 40px;}
}
@media only screen and (max-width:767px){
.pad_b60{padding-bottom: 20px;}
.pad_b100{padding-bottom: 20px;}
.pub_tab{margin-bottom: 20px;font-size: 14px;}
.pub_tab ul{overflow: hidden;}
.pub_tab li{margin-left:0px;float: left;width: 33.33%;height:36px;line-height: 36px;}

.pub_tite{margin-bottom: 15px;}
.pub_tite span{margin-top: 5px;height: 2px;}

.pub_btn a{width: 100px;height: 36px;line-height: 36px;}
}



/*净水装备*/

.equipment_list ul{overflow: hidden;margin: 0 -25px;}
.equipment_list li{float: left;width: 33.33%;margin-bottom: 40px;text-align: center;}
.equipment_list dl{margin: 0 25px;background: #f5f5f5;}
.equipment_list h3{line-height: 50px;padding: 0 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.equipment_list dt{overflow: hidden;}
@media only screen and (max-width:1366px){
.equipment_list dl{margin: 0 15px;}
.equipment_list ul{margin: 0 -15px;}
.equipment_list li{margin-bottom: 30px;}
}
@media only screen and (max-width:1366px){
.equipment_list dl{margin: 0;}
.equipment_list ul{margin: 00;}
.equipment_list li{margin-bottom: 20px;width: 100%;float: none;}
}

/*智慧水务*/
.smart_01{padding-bottom: 40px;}
.pub_picture dl{overflow: hidden;}
.pub_picture dt{width: 50%; float: left;}
.pub_picture dt img{width: 100%;}
.pub_picture dd{width: 50%; float: right;}
.picture_box{padding: 40px 70px;}
.picture_box h3{margin-bottom: 20px;}
.smart_01 .picture_box{padding-right: 0px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 24% !important;
    width: 100%;
}

.smart_02{background: #f5f5f5;padding: 50px 0 70px 0;overflow: hidden;}
.smart_02 ul{overflow: hidden;margin: 0 -40px;}
.smart_02 li{float: left;width: 50%;}
.smart_02 li p{line-height: 58px;padding: 0 18px;padding-left: 40px; border-bottom: 1px solid #c6c6c6;margin: 0 40px;background: url(../images/gree_cicle.png) no-repeat 15px center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.smart_03{padding: 60px 0 80px 0;}
.smart_03 .pub_picture{padding-top: 25px;}

.smart_03 .pub_picture dl{background: #f3f3f3;}
.smart_03 .pub_picture li:nth-child(2n) dl{background: #fff;}
.smart_03 .pub_picture li:nth-child(2n) dt{float: right;}
.smart_03 .pub_picture li:nth-child(2n) dd{float: left;}
.smart_03 .pub_picture li:nth-child(2n) .picture_box{padding-top: 80px;padding-left: 50px;}

.smart_04{background: #f5f5f5;padding: 70px 0 130px 0;}
.smart_slider{position: relative;padding-top: 25px;}
.smart_slider dt{overflow: hidden;}
.smart_slider dl{background: #fff;}
.smart_slider dd{padding: 30px;}
.smart_slider dd p{height: 72px;display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.but_ljx div{width: 50px;height: 50px;margin-top: -25px; background: #fff;border-radius:50%;box-shadow: 0px 0px 18px -9px rgba(0,0,0,0.5);top:39%;}
.but_ljx div.swiper-button-prev{background:#fff url(../images/arrow_le.png) no-repeat center center;left: -20px;}
.but_ljx div.swiper-button-next{background:#fff url(../images/arrow_re.png) no-repeat center center;right: -20px;}



@media only screen and (max-width:1440px){
.smart_04{padding-bottom: 80px;}
.smart_02 ul{margin: 0 -20px;}
.smart_02 li p{margin: 0 20px;}
.smart_03 .pub_picture{padding-top: 10px;}
.smart_slider{padding-top: 10px;}
}
@media only screen and (max-width:1366px){
.smart_03 .pub_picture li:nth-child(2n) .picture_box{padding-top: 50px;}
.picture_box{padding-left: 50px;}
.smart_slider dd p{font-size: 14px;}
.smart_slider dd{padding: 20px;}
}
@media only screen and (max-width:1024px){
.but_ljx div{width: 40px;height: 40px;margin-top: -20px;}
.smart_04{padding: 50px 0;}
.smart_02,.smart_03{padding: 50px 0;}
.picture_box h3{margin-bottom: 10px;}
.smart_01 .picture_box{padding: 20px;padding-right: 0;}
.smart_02 li p{line-height: 50px;background: url(../images/gree_cicle.png) no-repeat 8px center;padding-left: 20px;padding-right: 0;}
.smart_03 .pub_picture li:nth-child(2n) .picture_box,.picture_box{padding: 20px;}
.but_ljx div.swiper-button-prev{left: 0px;}
.but_ljx div.swiper-button-next{right: 0px;}
}

@media only screen and (max-width:767px){
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0% !important;
    width: 100%;
}
.smart_04{padding: 30px 0;}
.smart_02, .smart_03{padding: 30px 0;}
.pub_picture dt,.pub_picture dd{float: none;width: 100%;}
.smart_01 .picture_box{padding: 20px;}
.smart_01{padding-bottom: 0;}
.smart_02 li{float: none;width: 100%;}
.but_ljx div{top:40%;}



}


/*管理咨询*/

.consulting_list{position: relative;}
.consulting_list li{position: absolute;width:32.8%;height: 39.3%;}
.consulting_list li img{height: 100%;}
.consulting_list li dl{position: relative;}
.consulting_list li dd{position: absolute;color: #fff;top:40px;left: 50px;}
.consulting_list li:nth-child(1){top:0;left: 0;}
.consulting_list li:nth-child(2){top:0;left: 33.6%;}
.consulting_list li:nth-child(3){top:0;right: 0;}
.consulting_list li:nth-child(4){left: 0;bottom: 0;width: 49.6%;height: 59.4%;}
.consulting_list li:nth-child(5){right: 0;bottom: 0;width: 49.6%;height: 59.4%;}
.consulting_more img{width: 34px;}
.consulting_more{padding-top: 30px;}

@media only screen and (max-width:1366px){
.consulting_list li dd{top:30px;left: 30px;}
}
@media only screen and (max-width:1280px){
.consulting_list li dd{top:20px;left: 20px;}
.consulting_more{padding-top: 20px;}
}

@media only screen and (max-width:1024px){
.consulting_list h1{font-size: 16px;line-height: 24px;}
.consulting_more img{width: 28px;}
.consulting_more{padding-top: 10px;}

}

@media only screen and (max-width:767px){
.consulting_list ul{height: auto !important;}
.consulting_list li{position: static;width: 100% !important;margin-bottom: 10px;}
.consulting_list li dd{top:30px;left: 30px;}

}

/*管理咨询详情*/
.consulting_box li{background: #f3f3f3}
.consulting_box .picture_box{padding: 30px 0 30px 70px;}
.consulting_box li:nth-child(2n) .picture_box{padding: 30px 70px 30px 0;}
.consulting_box li:nth-child(2n){background: #fff}
.consulting_box li:nth-child(2n) dt{float: right;}
.consulting_box li:nth-child(2n) dd{float: left;}
.consulting_box .pub_btn{text-align: left;padding-top: 40px;}


@media only screen and (max-width:1366px){
.consulting_box .picture_box{padding-left: 50px;}
.consulting_box li:nth-child(2n) .picture_box{padding-right: 50px;}
.consulting_box .pub_btn{padding-top: 30px;}
}

@media only screen and (max-width:1024px){
.consulting_box .picture_box{padding: 20px;padding-right: 0;}
.consulting_box li:nth-child(2n) .picture_box{padding: 20px;padding-left: 0;}
.consulting_box .pub_btn{padding-top: 20px;}

}
@media only screen and (max-width:767px){
.pub_picture dt,.pub_picture dd{width: 100%;float: none;}
.consulting_box .picture_box,.consulting_box li:nth-child(2n) .picture_box{padding: 20px;}
}


input,button,textarea{border: none;outline: none;background: none;}
.blank_40,.cons_tac{display:none;}
.blank_40{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 99991;}
.cons_tac{position: fixed;background: #fff;padding:50px 170px ;box-sizing:border-box;z-index: 99992;}
.cons_tac h1{text-align: center;margin-bottom: 20px;}
.cons_tac ul{overflow: hidden;margin: 0 -20px;}
.cons_tac li{float: left;width: 50%;margin-bottom: 20px;}
.cons_tac li .form_w{margin: 0 20px;}
.cons_tac li.li_w100{float: none;width: 100%;}
.cons_tac input,.cons_tac dt{width: 100%; height: 48px;line-height: 48px;border: 1px solid #cecece;padding: 0 25px;box-sizing:border-box;}
.code_block span{height: 48px;width: 115px;float: right;cursor:pointer;}
.code_block span img{width: 100%;height: 100%;}
.code_block{position: relative;}
.code_block input{width: calc(100% - 115px);float: left;}
.cons_tac textarea{padding: 15px 25px;border: 1px solid #cecece;box-sizing:border-box;width: 100%;height: 150px;}

.pub_select{position: relative;}
.pub_select dd{display: none; position: absolute;left: 0;top:47px;width: 100%;background: #fff;border: 1px solid #cecece;box-sizing:border-box;padding: 10px 0;}
.pub_select dd a{display: block;line-height: 30px;padding: 0 25px;}
.cons_btn button{width: 142px;height:40px;line-height: 40px;text-align: center;background: #e9e9e9;border-radius:20px;margin: 0 8px;}
.cons_btn{text-align: center;padding-top: 20px;}
.cons_btn .cons_btn_02{background: #0099d9;color: #fff;}
@media only screen and (max-width:1440px){
.cons_tac{width: 1000px;padding:40px 50px;}
}
@media only screen and (max-width:1024px){
.cons_tac{width: 1000px;padding:30px 50px;}
.cons_tac h1{margin-bottom: 10px;}
.cons_btn{padding-top: 20px;}
.cons_tac li{margin-bottom: 10px;}
.cons_tac input,.cons_tac dt,.code_block span{height: 40px;line-height: 40px;}
.cons_tac input, .cons_tac dt{padding: 0 10px;}
.cons_tac textarea{padding: 10px;}
}

@media only screen and (max-width:767px){
.cons_tac{height: 440px; padding:20px;}

.cons_tac li{float: none;width: 100%;}
.cons_btn button{width: 100px;height: 36px;line-height: 36px;margin: 0 2px;}
.cons_tac textarea{height: 100px;}
}

/*微生物菌*/

.microbe_01{line-height: 38px;text-align: center;margin-bottom: 50px;}
.microbe_cont .pub_tab li{width: 150px;}

.microbe_list ul{overflow: hidden;margin: 0 -25px;}
.microbe_list li{float: left;width: 33.333%;margin-bottom: 40px;}
.microbe_list dl{background: #f5f5f5;padding: 40px 30px;margin: 0 25px;}
.microbe_list dt{margin-bottom: 70px;overflow: hidden;}
.microbe_list h3{text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media only screen and (max-width:1366px){
.microbe_list dl{margin: 0 15px;}
.microbe_list ul{margin: 0 -15px;}
.microbe_list li{margin-bottom: 30px;}
.microbe_list dt{margin-bottom: 40px;}
}
@media only screen and (max-width:1024px){
.microbe_list dl{margin: 0 10px;}
.microbe_list ul{margin: 0 -10px;}
.microbe_list li{margin-bottom: 20px;}
.microbe_list dl{padding: 30px;}
}
@media only screen and (max-width:767px){
.microbe_list dl{margin: 0 ;}
.microbe_list ul{margin: 0 ;}
.microbe_list li{margin-bottom: 20px;width: 100%;float: none;}
.microbe_list dt{margin-bottom: 20px;}
.microbe_cont .pub_tab li{width: auto;}
    .microbe_cont .pub_tab li a{padding: 0 10px;}
}
@media only screen and (max-width:345px){
    .microbe_cont .pub_tab li a{padding: 0 5px;}
}
/*微生物菌详情*/
.microbe_d02 img{width: 100%;}
.microbe_d02 .a-m-c img{width: 60px;}
.microbe_d03 img{width: 100%;}
.microbe_d04{padding-top: 80px;}
.microbe_d04 .microbe_list{padding-top: 25px;}
.microbe_d02 a{display: block;position:relative;}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;    width: 100%;}
.video_appbox .video_t{ 
 z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
     transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
visibility: visible;opacity:1;
top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}


.case_show_b,.case_show_s{position: relative;}
.case_show_b{margin-bottom: 10px;background: #f5f5f5;}
.case_show_s{padding: 0px;}
.case_show_s li{cursor: pointer;background: #f5f5f5;}
.case_show_s .but>div.swiper-button-prev{left:0px;}
.case_show_s .but>div.swiper-button-next{right:0px;}
.case_show_b .but{display: none;}
.case_show_s li em{position: absolute;left: 0;bottom: 0;width: 100%; height: 100%;border: 1px solid #0c9edb;box-sizing:border-box; visibility: hidden;opacity: 0;}
.case_show_s li.on em{visibility: visible;opacity: 1;}
.case_show_s li.on{background: #fff;}

.microbe_d01{overflow: hidden;}
.microbe_d01 .left{width: 525px;float: left;}
.microbe_d01 .right{width:calc(100% - 600px);float: right;}
.case_show_b li img{width: 385px;max-width: 90%;}
.case_show_b li{text-align:center;}
.slider_box .but_ljx div{top:50%;}
.slider_box .but_ljx{display: none;}
.microbe_d01 .right h1{margin-bottom: 20px;font-weight: bold;}
.p01{color: #5a5a5a;margin-bottom: 30px;}
.p02{color: #5a5a5a;}
.p02 dt{color: #000;font-weight: bold;margin-bottom: 10px;}
.p02 li{margin-bottom: 30px;}
.p03{overflow: hidden;}
.p03>div{float: left;}
.p03 .pub_btn{padding: 0;}
.s_share{padding-top: 10px;margin-left: 20px;}
.s_share a img{width: 20px;}
.s_share a{margin-right: 10px;}

/*weixin-box*/
.weixin{ position:fixed; width:260px; height:240px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -130px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.weixin .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;    text-indent: 0;background: none;}
.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.weixin .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.weixin .img img{ width:115px; height:115px;}
.weixin p{ padding:15px 10px 0; text-align: center;}
/*weixin-box*/
@media only screen and (max-width:1280px){
.microbe_d01 .right{width: calc(100% - 565px);}
.microbe_d04 .microbe_list{padding-top: 0;}
}
@media only screen and (max-width:1024px){
.microbe_d04{padding-top: 50px;}
.microbe_d01 .left,.microbe_d01 .right{float: none;width: 100%;}
.microbe_d01 .imgbox {height: auto !important;padding: 20px;}
.microbe_d01 .imgbox img{transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);position: static;}
.microbe_d01 .left{margin-bottom: 20px;}
.microbe_d01 .right h1{margin-bottom: 10px;}
.p01,.p02 li{margin-bottom: 20px;}
.microbe_d02 .a-m-c img{width: 40px;}

}
@media only screen and (max-width:767px){
.microbe_d04{padding-top: 20px;}
.but_ljx div{width: 30px;height: 30px;margin-top: -15px;}

}

/*水工新材料*/
.materials_01{color: #5a5a5a;text-align: center;margin-bottom: 40px;}

.materials_type ul{overflow: hidden;margin: 0 -0.5px;}
.materials_type li{float: left;width: 25%;}
.materials_type dl{position: relative;}
.materials_type li a{display: block;margin: 0 0.5px;}
.materials_type dt{position:relative;}
.materials_type dt em{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);display: none;}
.materials_type dd{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.materials_type dd h3{width: 100%;text-align: center;padding: 0 10px;box-sizing:border-box;color: #fff;transition: all .3s;}

.materials_04 .pub_picture li{background: #f3f3f3;}
.materials_04 .picture_box{padding: 50px;}

.materials_04 .wrap{position: relative;}
.materials_04 .blank_20{background: rgba(0,0,0,0.2);}

.materials_03 .wrap,.materials_03 ul,.materials_03 ul li,.materials_03 ul dl{height: 100%;}
.materials_03 ul{overflow: hidden;}
.materials_03 ul li{float: left;width: 18%;color: #fff;}
.materials_03 ul dl{border-left: 1px solid rgba(255,255,255,0.5);position: relative;}
.materials_03 ul li:first-child dl{border: 0;position: relative;}
.materials_03 ul li dt{visibility: hidden;opacity:0; position: absolute;top:70px;}
.materials_03 ul li dd{position: absolute;bottom: 70px}
.materials_03 ul li dt,.materials_03 ul li dd{left: 30px;}
.mater_ic img{width:70px;}
.mater_ic{margin-bottom: 15px;}
.materials_03 a{color: #fff;}

.materials_03 ul li.on{width: 28%;}
.materials_03 ul li.on{width: 28%;}
.materials_03 ul li.on dd{visibility: hidden;opacity: 0;}
.materials_03 ul li.on dt{visibility: visible;opacity: 1;}


.materials_d h1{margin-bottom: 20px;}
.pub_btn02 a{width: 340px;height: 60px;line-height: 60px;}
.pub_btn02 img{vertical-align: middle;margin-right: 10px;margin-top: -2px;}



@media only screen and (max-width:1440px){
.mater_ic img{width: 55px;}
.mater_ic{margin-bottom: 10px;}
.materials_03 ul li dd{bottom: 40px;}
.materials_03 ul li dt, .materials_03 ul li dd{left: 20px;}
.pub_btn02 a{width: 250px;}
}
@media only screen and (max-width:1280px){
.materials_04 .picture_box{padding-top: 15%;}
}
@media only screen and (max-width:1024px){
.materials_01{margin-bottom: 20px;}
.materials_04 .picture_box{padding: 20px;}
.materials_03 ul li{width: 20%;}
.mater_ic img{width: 45px;}
.materials_03 ul li dd{bottom: 20px;}
.pub_btn02 a{width: 160px;height: 40px;line-height: 40px;}
.pub_btn02 img{width: 24px;}
}
@media only screen and (max-width:767px){
.materials_type li{width: 50%;margin-bottom: 1px;}
.materials_03 .ratio-img{height: auto !important;padding: 20px 0;padding-top: 40px;}
.materials_03 ul li dt,.materials_03 ul li dd{position: static;visibility: visible;opacity: 1;}
.materials_03 ul li dt{display: none;}
.materials_03 ul li{width: 33.33%;text-align: center;}
.materials_03 ul li dd h4{font-size: 14px;}
.materials_03 ul dl{border:0;}
.materials_03 ul li:nth-child(3n+1){clear: both;}
.materials_03 ul li{margin-bottom: 20px;}
.mater_ic{margin-bottom: 5px;}
}

.business_p{color: #5a5a5a;}
.business_01,.business_03,.business_04{margin-bottom: 50px;}
.business_01 h1{margin-bottom: 20px;}
.business_02{margin-bottom: 60px;}
.business_02 ul{overflow: hidden;position: relative;}
.business_02 li{position: absolute;top:0;width: 24.9%;}
.business_02 li a{display: block;width: 100%;height: 100%}
.business_02 li:nth-child(1){left: 0;}
.business_02 li:nth-child(2){left: 26.4%;width: 47.2%;}
.business_02 li:nth-child(3){right: 0;}
.business_02 li dl,.business_02 li dt,.business_02 li dt img{height: 100%;width: 100%;}
.business_02 li dl{position: relative;}
.business_02 li dd{position: absolute;bottom:30px;left: 0;width: 100%;color: #fff;text-align: center;}
.business_02 li dt{position: relative;}
.business_02 li dt em{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.business_02 li dt em i{position: absolute;left: 0;bottom: 0; height: 5px;background: #0099d9;width:0;}

.business_list ul{background: url(../images/business_bg.jpg) no-repeat center center;background-size: cover;position: relative;}
.business_list li{width: 25%;height: 50%; position: absolute;top:0;left: 0;}
.business_list li:nth-child(2){left: 25%;}
.business_list li:nth-child(3){left: 50%;}
.business_list li:nth-child(4){left: 75%;}
.business_list li:nth-child(5){bottom: 0;top:auto;width: 33.33%;}
.business_list li:nth-child(6){bottom: 0;top:auto;width: 33.33%;left: 33.33%;}
.business_list li:nth-child(7){bottom: 0;top:auto;width: 33.33%;left:auto;right: 0;}
.business_list li a{display: block;width: 100%;height: 100%}
.business_list li dl,.business_list li dt{height: 100%;width: 100%;}
.business_list li dd span{margin-bottom: 20px;display: block;}
.business_list li dd span img{width: 52px;}
.business_list li dl{position: relative;}
.business_list li dd{position: absolute;left: 0;width: 100%;top:30%;text-align: center;box-sizing:border-box;color: #fff;box-sizing:border-box;padding: 10px;}
.business_list li dt{visibility: hidden;opacity: 0;position: relative;}
.business_list li dt img{display: none;}
.blank_30{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.business_list li dl{border-bottom:1px solid rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.2);}

.business_05 ul{overflow: hidden;}
.business_05 li{float: left;width: 50%;}
.business_05 li a{display: block;}
.business_05 li dl{position: relative;}
.business_05 li dd{width: 100%;box-sizing:border-box;color: #fff;padding: 10px;text-align: center;}
.business_05 dt{position: relative;}


.business_pro ul{overflow: hidden;margin: 0 -6px;display: none;}
.business_pro ul:first-child{display: block;}
.business_pro li{float: left;width: 25%;text-align: center;}
.business_pro dt{overflow: hidden;margin-bottom: 10px;}
.business_pro dt a{display: block;height: 0;padding-bottom: 64.85%;overflow: hidden;position: relative;}
.business_pro dt img{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.business_pro dl{margin: 0 6px;}
.business_tab {text-align: center;border-bottom: 1px solid #cccccc;margin-bottom: 40px;}
.business_tab  ul{display:inline-block;}
.business_tab li{float: left;}
.business_tab li a{display: block;padding: 0 55px;position: relative;}
.business_tab li a em{position: absolute;left:50%;bottom: -1px;height: 4px;background: #0099d9;width: 0%;}
.business_tab,.business_tab li a,.business_tab li{height: 54px;line-height: 54px;}
.business_tab li.on em{visibility: visible;opacity: 1;width: 100%;left: 0;}
@media only screen and (max-width:1440px){
.business_list li dd{top:25%;}
.business_02 li dd{bottom: 20px;}
}
@media only screen and (max-width:1366px){
.business_list dd h3{font-size: 16px;}
}
@media only screen and (max-width:1024px){
.business_01 h1{margin-bottom: 10px;}
.business_01,.business_02,.business_03,.business_04{margin-bottom: 40px;}
.business_list dd h3{font-size: 14px;}
.business_list li dd span img{width: 40px;}
.business_list li dd span{margin-bottom: 10px;}
.business_list li dd{top:18%;}
.business_tab li a{padding: 0 20px;}
.business_tab{margin-bottom: 20px;}
}
@media only screen and (max-width:767px){
.business_01,.business_02,.business_03,.business_04{margin-bottom: 20px;}
.business_list ul{height: auto !important;overflow: hidden;padding: 20px; padding-bottom: 10px;   box-sizing: border-box;margin: 0 ;}
.business_list li{position: static;float: left;width: 50% !important;margin-bottom: 20px;}
.business_list li dt{display: none;}
.business_list li dd{position: static;}
.business_list li dl{border: 0;}
.business_list li:nth-child(2n+1){clear: both;}
.business_list li dd{padding: 0 10px;}
.business_list li dd span img{width: 36px;}

.business_02 ul{height: auto !important;}
.business_02 li{position: static;width: 100% !important;margin-bottom: 10px;}
.business_02 li dd{bottom: 10px;}
.business_tab, .business_tab li a, .business_tab li{height: 40px;line-height: 40px;}
.business_tab li a em{height: 2px;}
.business_pro li{float: none;width: 100%;margin-bottom: 20px;}
.business_pro li dl{margin: 0;}
.business_pro ul{margin: 0;}
.business_pro li:last-child{margin-bottom: 0;}
.business_05 li dd h3{font-size: 16px;}
.business_05 li{width: 100%;float: none;margin-bottom: 10px;}
.business_05 li:last-child{margin-bottom: 0;}
}


.contact_c{position: relative;height: 610px;}
#map{width: 100%;height: 100%;}
.contact_text{background:#15a1dc;color: #fff;padding: 40px 50px;padding-bottom: 70px; width: 500px;box-sizing:border-box;right: 60px;bottom: -25px;position: absolute;}
.contact_text h1{margin-bottom: 40px;}
.contact_list{line-height: 30px;}
.contact_list li{overflow: hidden;}
.contact_list li span{float: left;width: 50px;}
.contact_list li p{float: right;width: calc(100% - 50px);}
.contact_list li a{color: #fff;}
@media only screen and (max-width:1440px){
.contact_c{height: 400px;}
}
@media only screen and (max-width:1366px){
.contact_c{height: 400px;}
.contact_text h1{margin-bottom: 30px;}
}
@media only screen and (max-width:1024px){
.contact_c{height:auto;}
#map{height: 300px}
.contact_text{position: static;width: 100%;padding: 30px;}
.contact_text h1{margin-bottom:10px;}
}
@media only screen and (max-width:767px){
#map{height: 200px}
.contact_text{padding: 20px;}
}

/*智慧物联*/
.pro_block{padding: 120px 0 100px 0;color: #fff;}
.pro_block .left{width: calc(100% - 840px);float: left;padding-top: 200px;}
.pro_block .right{width: 680px;float: right;}
.pro_slider02,.pro_slider02 a{color: #fff;}

.hide_list{display: none;}
.pro_slider02,.pro_slider01{position: relative;}
.pro_slider01 .but_ljx{display: none;}
.iteam_pro h4{line-height: 30px;height: 60px;margin-bottom: 40px;
 display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.iteam_pro{padding: 5px;}
.iteam_pro dl{padding: 40px 30px;}
.pro_more a{display: inline-block;width: 34px;height: 34px;border: 2px solid rgba(255,255,255,0.2);box-sizing:border-box;border-radius: 50%;text-align: center; background:url(../images/pro_arrow.png) no-repeat center center;}
.pro_more img{display: none;}

.pro_slider02 .but_ljx{display: none;}
.pro_slider02 .but_ljx div{top:50%;}
.pro_slider01 .swiper-pagination{text-align: left;width: 100%;padding-top: 70px;    position: static;}
.pro_slider01 .swiper-pagination span{width: 10px;height: 10px;box-sizing:border-box;border: 2px solid #fff;border-radius: 50%;opacity: 1;margin-right: 10px;}
.pro_slider01 .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
.pro_line{width: 45px;height: 2px;background: #fff;margin: 25px 0 40px 0;}
.pro_text{margin: 0 1px;}
@media only screen and (max-width:1440px){
.pro_block .right{width: 580px}
.pro_block .left{    width: calc(100% - 680px);}
.pro_block .left{padding-top: 170px;}
}

@media only screen and (max-width:1024px){
.pro_block{padding: 50px 0;}
.pro_block .left,.pro_block .right{float: none;width: 100%;}
.pro_block .left{margin-bottom: 30px;padding: 0;}
.pro_slider01 .swiper-pagination{padding-top:20px;}
.pro_line{margin: 15px 0 20px 0;}
.iteam_pro h4{line-height: 24px;height: 48px;}

}

@media only screen and (max-width:767px){
.pro_block{padding-top: 30px;}
.iteam_pro h4{margin-bottom: 20px;}
.iteam_pro dl{padding: 20px;}
}


/*智慧物联详情*/
.pro_d{padding-top:0;}
.pro_d01 .picture_box{padding-right: 0;padding-bottom: 0;}
.pro_d01{padding-bottom: 60px;}
.pro_dslider{position: relative;}
.pro_dslider .swiper-pagination{text-align: center;width: 100%;bottom: 15px;}
.pro_dslider .swiper-pagination span{width: 10px;height: 10px;box-sizing:border-box;border: 2px solid #fff;border-radius: 50%;opacity: 1;margin-right: 10px;background: none}
.pro_dslider .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
.pro_dslider .but_ljx{display: none;}

.pro_d02{background: #f5f5f5;padding: 50px 0 60px 0;}


.pro_research ul{overflow: hidden;margin: 0 -13px;padding: 10px 0;}
.pro_research li{float: left;width: 25%;}
.pro_research .pro_research_in{padding: 35px;padding-bottom: 55px;background: #458bd8;margin: 0 13px;border-radius: 5px;
    color: #fff;transition: all .3s;}
.pro_research_in h3{line-height: 30px;height: 120px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}
  .pro_d03{padding: 60px 0;}
.pro_d03 dt{float: right;}
.pro_d03 .picture_box{padding-left: 0;padding-bottom: 0;}

.pro_d04{background:#0085db url(../images/pro_d_bg.jpg) no-repeat 0 center;background-size: cover;color: #fff;text-align: center;padding:50px;}
.pro_page{padding-top: 40px;}
.pro_page,.pro_page a{color: #000c17;}
.pro_page .no,.pro_page .no a{color: #929292;}
.pro_page span{display: block;line-height: 30px;}

@media only screen and (max-width:1366px){
.pro_research .pro_research_in{padding: 30px;padding-bottom: 40px;margin: 0 10px;}
.pro_research ul{margin: 0 -10px;}


}

@media only screen and (max-width:1024px){
.pro_research li{width: 50%;margin-bottom: 20px;}

}


@media only screen and (max-width:767px){
.pro_d01{padding-bottom: 20px;}
.pro_d03,.pro_d02{padding: 20px 0;}
.pro_d01 .picture_box,.pro_d03 .picture_box{padding: 0;padding-top: 20px;}
.pro_d03 dt{float: none;}
.pro_research li{float: none;width: 100%;margin-bottom: 10px;}
.pro_research .pro_research_in{margin: 0;padding: 20px;}
.pro_research_in h3{height: auto;    -webkit-line-clamp:inherit;font-size: 14px;line-height: 24px;}
.pro_research ul{margin: 0;}
.pro_d04{padding: 30px 20px;padding-bottom: 40px;}
.pro_page{padding-top: 20px;}
}


@media only screen and (min-width:1025px){
.equipment_list li dl,.cons_btn button,.materials_type dl dt em,.business_02 li dt em i,.business_list li dt,.business_tab li em{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub_tab li.on a:hover{color: #fff !important;}
.pub_btn a:hover{color: #fff !important;opacity: 0.8;}

.equipment_list li:hover dl{background: #014d95;}
.equipment_list li:hover h3 a{color: #fff !important;}
.cons_btn button:hover{opacity: 0.8;}
.materials_type dl:hover dt em{background: #009ada;}
.materials_type dl:hover dd h3{font-size: 26px;}

.materials_03 ul li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.business_02 li:hover dt em i{width: 100%;}
.business_list li:hover dt{visibility: visible;opacity: 1;}

.business_btn a:hover{color: #fff !important;opacity: 0.8;}

/*.business_tab li:hover em{visibility: visible;opacity: 1;width: 100%;left: 0;}*/
.contact_list li a:hover{color: #fff !important;opacity: 0.8}
.contact_list li a:hover.tel_link{opacity: 1;cursor: default;}
.pro_slider02 a:hover{color: #fff !important;opacity: 0.8;}

.pro_research li:hover .pro_research_in{background: #fff;color: #000000;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
}

@media only screen and (max-width:1440px){
    .materials_type dl:hover dd h3{font-size: 22px;}
}

#business_01,#business_03,#business_04,#business_05{margin-top: -190px;padding-top: 190px;}
.page{margin-bottom: 0;}
.pub_select dt{position: relative;}
.pub_select dt input{display: block; border: 0;padding: 0;}
.pub_select dt img{position: absolute;right: 20px;top: 20px;transition: all .3s;}
.pub_select dt.on_o img{transform: rotate(180deg);}
.learn_more{padding: 5px 0px;background: #0099d9;margin-top: 10px;border-radius: 5px;text-align: center;display: block;width: 100px;}
.learn_more:hover{color: #fff!important;opacity: .8;}

.smartAdd_swi{position: relative;}
.smartAdd_swi .swiper-pagination{bottom: 15px;width: 100%;}
.smartAdd_swi .swiper-pagination-bullet{background: #f5f5f5;margin: 0 3px;opacity: 1;}
.smartAdd_swi .swiper-pagination-bullet-active{background: #0099d9;}

.materials_03 ul li{position: relative;}
.materials_03 ul li em{position: absolute;right: -4px;display: block;width: 4px;height: 0;background: #fff;top: 18%;transition: all .5s;opacity: 0;}
.materials_03 ul li.on em{height: 33%;opacity: 1;}
.materials_03 ul li:last-child em{display: none;}

