/*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;}