.index_banner { height: 500px; position: relative; }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide .link{ color: #fff; font-size: 16px; position: absolute;left: 50%; width: 1200px; margin-left: -600px; top: 280px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.8s;transition-timing-function: linear; }
.index_banner .swiper-slide-active .link{opacity: 1; top: 290px; }
.index_banner .swiper-slide .link a{  color: #fff; font-size: 14px; background: #b3dc76; padding: 8px 15px; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-pagination{ bottom: 4%!important; }
.index_banner .swiper-pagination-bullet{  opacity: 1; background: none; border-radius: 0px;  width: 50px; height: 1.5px; border: none; background: #fff;}
.index_banner .swiper-pagination-bullet-active{ background: #0097ff;opacity: 1}

@-webkit-keyframes down {
    0%{
        bottom: 40px;
    }
    50%{
        bottom: 50px;
    }
    100%{
        bottom: 40px;
    }
}



.index_product{ background: #f5f5f5; padding-top: 80px; padding-bottom: 80px; }
.index_product .title{ padding-bottom: 50px; position: relative; }
.index_product .title:after{ content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 35px; width: 30px; height: 2px; background: #0f9eff }
.index_product .title h2{ font-size: 30px; font-weight: normal;  color: #333; text-align: center; position: relative; margin-bottom: 10px;}
.index_product .title h2:after{ position: absolute; left: 50%; top: 52px; width:300px; margin-left: -150px; height: 1px; z-index: 1; background: #ccc; content: ""; }
.index_product .title h3{ font-size: 16px; font-weight: normal; color: #999; text-transform: uppercase; text-align: center; position:relative;  }
.index_product .title h3 span{ background: #f5f5f5; position: relative; padding-left: 20px; padding-right: 20px; z-index: 2; }
.index_product .title h3:after{ position: absolute; left: 41%; margin-left: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_product .title h3:before{ position: absolute; right: 41%; margin-right: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_product .content{ position: relative; padding-left: 60px; padding-right: 60px; margin-bottom: 30px; }
.index_product .content .swiper-button-next{ background: #0f9eff; color: #fff; height: 40px; line-height: 40px; text-align: center; width: 40px; font-size: 24px; }
.index_product .content .swiper-button-prev{ background: #0f9eff; color: #fff; height: 40px; line-height: 40px; text-align: center; width: 40px; font-size: 24px; }
.index_product .content .swiper-slide .box{ position: relative; }
.index_product .content .swiper-slide .box img{ width: 100%; display: block; height: 200px; }
.index_product .content .swiper-slide .box .text{ position: absolute; left: 0px; top: 100%; right: 0px; bottom: 0px; background: rgba(15,158,255,0.8); text-align: center; transition-duration: 0.3s }
.index_product .content .swiper-slide .box:hover .text{ top: 0px; }
.index_product .content .swiper-slide .box .text h3{ padding-top: 60px; margin-bottom: 10px}
.index_product .content .swiper-slide .box .text h3 a{  color: #fff; font-size: 18px; font-weight: normal; }
.index_product .content .swiper-slide .box .text .more a{ display: block; width: 100px; height: 32px; line-height: 32px; border-radius: 3px; margin: 0 auto; font-size: 14px; color: #fff; border:#fff solid 1px;  }
.index_product .all a{display: block; width: 140px; height: 38px; line-height: 38px; text-align: center; border-radius: 3px; margin: 0 auto; font-size: 14px; color: #666; border:#ccc solid 1px;  }



.index_solution{ background: #fff; padding-top: 80px; padding-bottom: 50px; }
.index_solution .title{ padding-bottom: 35px; position: relative; }
.index_solution .title:after{ content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 20px; width: 30px; height: 2px; background: #0f9eff }
.index_solution .title h2{ font-size: 30px; font-weight: normal;  color: #333; text-align: center; position: relative; margin-bottom: 10px;}
.index_solution .title h2:after{ position: absolute; left: 50%; top: 52px; width:300px; margin-left: -150px; height: 1px; z-index: 1; background: #ccc; content: ""; }
.index_solution .title h3{ font-size: 16px; font-weight: normal; color: #999; text-transform: uppercase; text-align: center; position:relative;  }
.index_solution .title h3 span{ background: #fff; position: relative; padding-left: 20px; padding-right: 20px; z-index: 2; }
.index_solution .title h3:after{ position: absolute; left: 44%; margin-left: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_solution .title h3:before{ position: absolute; right: 44%; margin-right: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_solution .content{ position: relative; margin-bottom: 30px; }
.index_solution .content .swiper-slide .box{ position: relative; padding: 60px 30px 20px 30px; transition-duration: 0.3s;}
.index_solution .content .swiper-slide .box:after{ content: ""; position: absolute; border:#fff solid 1px; left: 10px; top: 10px; right: 10px; bottom: 10px; opacity: 0; transition-duration: 0.3s }
.index_solution .content .swiper-slide .box .icon img{ width: 60px; display: block; margin: 0 auto; margin-bottom: 20px; }
.index_solution .content .swiper-slide .box .icon img.black{ display:block;}
.index_solution .content .swiper-slide .box .icon img.white{ display:none;}
.index_solution .content .swiper-slide .box h3{ font-size: 18px; color: #333; font-weight: normal; margin-bottom: 20px; text-align: center; }
.index_solution .content .swiper-slide .box .description{ font-size: 14px; color: #666; font-weight: normal; line-height: 1.6em;text-align: center; margin-bottom: 20px;transition-duration: 0.3s}
.index_solution .content .swiper-slide .box a{display: block; width: 140px; position: relative; z-index: 999; height: 38px; line-height: 38px; text-align: center; border-radius: 3px; margin: 0 auto; opacity: 0;  font-size: 14px; color: #666; border:#ccc solid 1px; }
.index_solution .content .swiper-slide .box:hover{ background: #0199ff; padding: 40px 30px 40px 30px;}
.index_solution .content .swiper-slide .box:hover .icon img.black{ display:none;}
.index_solution .content .swiper-slide .box:hover .icon img.white{ display:block;}
.index_solution .content .swiper-slide .box:hover h3{ color: #fff;}
.index_solution .content .swiper-slide .box:hover .description{ color: #fff; opacity: 1; }
.index_solution .content .swiper-slide .box:hover a{ color: #fff; border:#fff solid 1px; opacity: 1;  }
.index_solution .content .swiper-slide .box:hover:after{ content: ""; border:#fff solid 1px; left: 10px; top: 10px; right: 10px; bottom: 10px; opacity: 1; }


.index_case{ background: #f5f5f5; padding-top: 80px; padding-bottom: 50px; }
.index_case .title{ padding-bottom: 35px; position: relative; }
.index_case .title:after{ content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 20px; width: 30px; height: 2px; background: #0f9eff }
.index_case .title h2{ font-size: 30px; font-weight: normal;  color: #333; text-align: center; position: relative; margin-bottom: 10px;}
.index_case .title h2:after{ position: absolute; left: 50%; top: 52px; width:300px; margin-left: -150px; height: 1px; z-index: 1; background: #ccc; content: ""; }
.index_case .title h3{ font-size: 16px; font-weight: normal; color: #999; text-transform: uppercase; text-align: center; position:relative;  }
.index_case .title h3 span{ background: #f5f5f5; position: relative; padding-left: 20px; padding-right: 20px; z-index: 2; }
.index_case .title h3:after{ position: absolute; left: 44%; margin-left: 25px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_case .title h3:before{ position: absolute; right: 44%; margin-right: 25px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_case .content{ }
.index_case .content .swiper-slide img{ width: 100%;}
.index_case .content .swiper-slide h3{ text-align: center; font-size: 16px; color: #333; font-weight: normal; padding-top: 10px; }
.index_case .content .tab_menu{ display: table; text-align: center; width: 100%; margin-bottom: 20px; }
.index_case .content .tab_menu li{ display: inline-table; margin-right: 10px; margin-left: 10px; font-size: 14px; padding: 5px 20px; color: #333; cursor: pointer; }
.index_case .content .tab_menu li.active{ background: #0f9eff; color: #fff; }
.hide{display:none;}


.index_about{ background: url(../images/aboutbg.png) no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.index_about .left{ width: 55%; float: left; }
.index_about .left .title{ margin-bottom: 30px; }
.index_about .left .title h2{ font-size: 30px; font-weight: normal;  color: #fff; text-align: left; }
.index_about .left .title h2 span{ font-size: 16px; font-weight: normal; color: #fff; text-transform: uppercase;}
.index_about .left .content{ line-height: 1.8em; font-size: 16px; color: #fff;  margin-bottom: 30px; }
.index_about .left .more a{ display: block; width: 120px; text-align: center; background: #b3dc76; color: #fff; font-size: 14px; height: 40px; line-height: 40px; }
.index_about .right{ width: 40%; float: right; }
.index_about .right img{ width: calc(100% - 8px); display: block; border:#a1cbd6 solid 4px; }


.index_news{ padding-top:80px; padding-bottom: 80px;  }
.index_news .left{ width: 53%; float: left; }
.index_news .right{ width: 43%; float: right; }
.index_news .title{ margin-bottom: 30px; }
.index_news .title h2{ font-size: 30px; font-weight: normal;  color: #333; text-align: left; }
.index_news .title h2 span{ font-size: 16px; font-weight: normal; color: #999; text-transform: uppercase;}
.index_news .left  .swiper-slide img{ width: 100%; display: block; }
.index_news .left  .swiper-slide h3 {padding-top: 10px;  margin-bottom: 5px;}
.index_news .left  .swiper-slide h3 a{ color: #333; font-size: 16px; font-weight: normal; }
.index_news .left  .swiper-slide h3 a:hover{ color: #0f9eff; }
.index_news .left  .swiper-slide p { font-size: 14px; line-height: 1.6em; color: #666;}
.index_news .right ul li{ margin-bottom: 30px; }
.index_news .right ul li .date { float: left; width: 14%;text-align: center;}
.index_news .right ul li .date strong{ display: block; font-size: 36px; color: #333;padding-bottom: 10px; }
.index_news .right ul li .date span{ display: block; font-size: 14px; color: #666; }
.index_news .right ul li .info { float: left; width: 81%; border-left: #ececec solid 1px; padding-left: 4%;}
.index_news .right ul li .info h3 { margin-bottom: 10px; line-height: 100%;}
.index_news .right ul li .info h3 a{ color: #333; font-size: 16px; font-weight: normal; }
.index_news .right ul li .info h3 a:hover{ color: #0f9eff; }
.index_news .right ul li .info p { font-size: 14px; line-height: 1.6em; color: #666;}


.detailbanner{ height: 250px; }
.detailbanner .pagewidth{ text-align: center; }
.detailbanner .pagewidth h1{ padding-top: 100px; font-size: 36px; color: #fff; font-weight: normal; text-shadow: 2px 2px 2px rgba(0,0,0,0.1) }
.detailbanner .pagewidth p{ padding-top:20px; font-size: 18px; color: #fff; font-weight: normal; text-shadow: 2px 2px 2px rgba(0,0,0,0.1); margin-bottom:25px; }
.detailbanner .pagewidth span{ width: 40px; margin: 0 auto; height: 2px; background:#f4950c; display: block;  }

.about_box_a{ padding-top: 90px; padding-bottom: 90px; border-top: #ececec solid 1px;}
.about_box_a .left{ width: 100%;  }
.about_box_a .left .title { padding-bottom: 30px;text-align: left; }
.about_box_a .left .title h1{ font-size: 30px; color: #333;  }
.about_box_a .left .title p{ padding-top:10px; font-size: 16px; color: #666; font-weight: normal; margin-bottom: 25px; }
.about_box_a .left .title span{ width: 40px;  height: 2px; background:#f4950c; display: block;  }
.about_box_a .left .content p{ text-indent: 2em; line-height: 1.9em; font-size: 16px; color: #333 }
.about_box_a .left .content img{float: right; width: 560px; display: table-cell; margin-left: 40px; margin-bottom: 40px; margin-top: 10px;}
.about_box_a .right{ width: 570px; float: right; padding-top:113px; position: relative;}
.about_box_a .right .img img{ width: 100%; }
.about_box_a .right .play{  background:#f4950c; color: #fff;text-align: center; display:block;width: 150px; height: 105px; padding-top: 5px; border:#fff solid 12px; text-decoration: none; position: absolute; left: -32px; bottom: -32px;  display: none;  }
.about_box_a .right .play img{ width: 50px; height: 50px; margin: 10px auto }
.about_box_a .right .play span{ display: block; }

.about_box_b{ padding-top: 90px; padding-bottom: 90px; border-top: #ececec solid 1px;}
.about_box_b .title { padding-bottom: 30px;text-align: center; }
.about_box_b .title h1{ font-size: 30px; color: #333;  }
.about_box_b .title p{ padding-top:10px; font-size: 16px; color: #666; font-weight: normal; margin-bottom: 25px; }
.about_box_b .title span{ width: 40px; margin: 0 auto; height: 2px; background:#f4950c; display: block;  }

.about_box_b .content .swiper-slide .box{ width:100%; height: 400px; background:#000; position: relative; overflow: hidden; }
.about_box_b .content .swiper-slide .box img{ width:100%; height: 400px;  opacity: 0.6; transition-duration: 0.3s}
.about_box_b .content .swiper-slide .box h2{ position: absolute; left:20px; right: 20px; top: 340px; text-align: center; font-size: 18px; color: #fff; transition-duration: 0.3s }
.about_box_b .content .swiper-slide .box p{ position: absolute; left:20px; right: 20px; top: 375px; text-align: center; font-size: 14px; line-height: 1.8em; color: #fff; opacity: 0;transition-duration: 0.3s}
.about_box_b .content .swiper-slide .box:hover img{ width:100%; height: 400px;  opacity: 0.6;transform: scale(1.1) translateZ(0);}
.about_box_b .content .swiper-slide .box:hover h2{top:200px; }
.about_box_b .content .swiper-slide .box:hover p{top:235px; opacity: 1; }
.about_box_b .content .swiper-pagination{ display: none; }






.about_box_c{ padding-top: 90px; padding-bottom: 90px; border-top: #ececec solid 1px;}
.about_box_c .title { padding-bottom: 30px;text-align: center; }
.about_box_c .title h1{ font-size: 30px; color: #333;  }
.about_box_c .title p{ padding-top:10px; font-size: 16px; color: #666; font-weight: normal; margin-bottom: 25px; }
.about_box_c .title span{ width: 40px; margin: 0 auto; height: 2px; background:#f4950c; display: block;  }
.about_box_c .swiper-slide { width: auto; }
.about_box_c .swiper-slide img{ height: 200px;border-radius: 3px;  display: block; border:#ececec solid 1px;  padding: 3px; }
.about_box_c .swiper-pagination{ bottom: 4%!important; }
.about_box_c .swiper-pagination-bullet{  opacity: 1; background: none; border-radius: 0px;  width: 50px; height: 1.5px; border: none; background: #ccc;}
.about_box_c .swiper-pagination-bullet-active{ background: #0097ff;opacity: 1}
.about_box_c .swiper-container{ padding-bottom: 40px }

.about_box_d{ padding-top: 90px; padding-bottom: 90px; border-top: #ececec solid 1px;}
.about_box_d .title { padding-bottom: 30px;text-align: center; }
.about_box_d .title h1{font-size: 30px; color: #333;  }
.about_box_d .title p{ padding-top:10px; font-size: 16px; color: #666; font-weight: normal; margin-bottom: 25px; }
.about_box_d .title span{ width: 40px; margin: 0 auto; height: 2px; background:#f4950c; display: block;  }
.about_box_d .content{text-align: center;}
.about_box_d .content img{ width: 90%; margin:0 auto; }

.category{  background: #f5f5f5; height: 55px; line-height: 55px; font-size: 16px; margin-bottom: 30px; }
.category ul{text-align: center; }
.category ul li{ display: inline-block;  line-height: 55px; }
.category ul li a{  padding-left: 20px; padding-right: 20px; display: block; color: #999; }
.category ul li a.active{ color: #f4950c; }

.news_list{ padding-top: 30px; padding-bottom: 50px; }
.news_list ul li{ margin-bottom: 30px; border-bottom: #ececec solid 1px;  padding-bottom: 30px; }
.news_list ul li a{ display:block; }
.news_list ul li a .img{ float: left; width: 300px; margin-right: 30px; }
.news_list ul li a .img img{ width: 100%; height: 220px; }
.news_list ul li a .info{ float: left; width: 870px; }
.news_list ul li a .info .name{ font-size: 24px; color: #333; margin-bottom: 5px; line-height: 1.4em; }
.news_list ul li a .info .description{ font-size: 14px; color: #666; line-height: 1.6em; margin-bottom: 15px;}
.news_list ul li a .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: relative; padding-bottom: 20px; }
.news_list ul li a .info .time:after{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; left: 0px; bottom: 0px;}


.news_detail{ padding-top: 30px;   padding-bottom:50px;  }
.news_detail .title { border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.news_detail .title h1{text-align: center; font-size: 24px; line-height: 2em;}
.news_detail .title p{text-align: center; font-size: 14px; line-height: 2em;}
.news_detail .html{ padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #222; line-height: 2em; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_detail .html *{  font-size: 16px!important; color: #222!important; line-height: 2em!important;font-family:"微软雅黑",helvetica,"黑体",arial,verdana,sans-serif!important; }

.news_detail .other{ padding-top: 30px; padding-bottom: 0px; font-size: 14px;}
.news_detail .other .left{float: left;}
.news_detail .other .right{float: right;}
.news_detail .other a{ color: #222; font-size: 14px; } 



.detail_down{ padding-top: 30px; padding-bottom: 50px; }
.detail_down ol{ border-bottom: #ececec solid 1px;padding-bottom: 5px; }
.detail_down ol li{ float: left; }
.detail_down ol li.name{ font-size: 12px; color: #999; width: 60%;text-indent: 10px;}
.detail_down ol li.size{ font-size: 12px; color: #999; width: 30%;}
.detail_down ol li.down{ font-size: 12px; color: #999; width: 10%;}

.detail_down ul li{ height: 32px; line-height: 32px; padding-top:10px; padding-bottom: 10px; border-bottom: #ececec solid 1px; }
.detail_down ul li:nth-child(2n){ background: #f9f9f9 }
.detail_down ul li .name{ font-size: 14px; color: #999; width: 60%; float: left;text-indent: 10px;}
.detail_down ul li .name a{ color: #333;}
.detail_down ul li .size{ font-size: 14px; color: #999; width: 30%;float: left}
.detail_down ul li .down{ font-size: 14px; color: #999; width: 10%;float: left}


.detail_down ul li .down a{ display: block; width: 80px; height: 32px; line-height: 32px;text-align: center; color: #fff;line-height: 36px; background:#20a366; font-size: 14px;border-radius: 3px;  }


.detail_contact ul li{ padding-top: 30px; padding-bottom:30px; border-bottom: #ececec solid 1px; }
.detail_contact ul li.one{ padding-bottom: 10px; }
.detail_contact ul li.one .img{ float: left; width: 90px; height: 90px; line-height: 90px;text-align: center; color: #fff;font-weight:bold; font-size: 18px; border-radius: 90px; margin-right: 25px; }
.detail_contact ul li.one .info{ width: 1000px; float: left; }
.detail_contact ul li.one .info dl{ float: left;  width:45%; margin-right: 5%; padding-bottom: 20px; }
.detail_contact ul li.one .info dl dt{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px; padding-top:10px; }
.detail_contact ul li.one .info dl dd{ line-height: 1.8em; font-size: 14px; color: #555; }

.detail_contact ul li{ padding-top: 30px; padding-bottom:30px; border-bottom: #ececec solid 1px; }
.detail_contact ul li.two .right{float: left; width: 50%;}
.detail_contact ul li.two .left {float: left; width: 50%;}
.detail_contact ul li.two .img{ float: left; width: 90px; height: 90px; line-height: 90px;text-align: center; color: #fff;font-weight:bold; font-size: 18px; border-radius: 90px; margin-right: 25px; }
.detail_contact ul li.two .info{ width: 450px; float: left; }
.detail_contact ul li.two .info dl{ float: left;  width:45%; margin-right: 5%; }
.detail_contact ul li.two .info dl dt{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px;  padding-top:10px; }
.detail_contact ul li.two .info dl dd{ line-height: 1.8em; font-size: 14px; color: #555; }





.pagecontent{ padding-top: 30px;  font-size: 16px; color: #222; line-height: 2em; padding-bottom:50px;  }
.pagecontent p{ line-height: 2em; font-size: 16px; color: #333;text-indent: 2em;}
.pagecontent img{ width: 100%; display: block; }


.pagecontact { padding-bottom: 50px; }
.pagecontact .contact { padding-top: 70px; padding-bottom: 70px }
.pagecontact .contact ul li{ width: 33.33%; float: left;text-align: center; }
.pagecontact .contact ul li img{ width: 44px; margin: 0 auto; }
.pagecontact .contact ul li p{ font-size: 14px; color: #999; padding-top: 5px; padding-bottom: 5px;}
.pagecontact .contact ul li h2{ font-size: 18px; }


.sewage_banner { height: 600px; position: relative; }
.sewage_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.sewage_banner .swiper-pagination-bullet-active{ background: #fff; }
.sewage_banner .swiper-container{ height: 100%; }
.sewage_banner .swiper-slide h1{ font-weight: bold; color: #fff; position: absolute;  bottom: 100px; width: 1200px; left: 50%; margin-left: -600px; font-size: 45px;text-align: left; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; }
.sewage_banner .swiper-slide h2{ color: #fff; font-size: 18px; font-weight: normal; position: absolute;width: 1200px;  bottom: 60px; left: 50%; margin-left: -600px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.8s;transition-timing-function: linear; }
.sewage_banner .swiper-slide-active  h1{ opacity: 1; bottom: 110px; }
.sewage_banner .swiper-slide-active  h2{opacity: 1; bottom: 70px; }
.sewage_banner .swiper-slide { height: 100%; }
.sewage_banner .swiper-pagination{ bottom:70px!important;width: 1200px!important; left: 50%!important; margin-left: -600px!important; text-align: right!important; }
.sewage_banner .swiper-pagination-bullet{  opacity: 1; background: none; border-radius: 0px;  width: 50px; height: 2px; border: none; background: #fff;}
.sewage_banner .swiper-pagination-bullet-active{ background: #0097ff;opacity: 1}


.sewage_solution{ border-top:#ececec solid 1px; padding-top: 60px; padding-bottom: 30px; }
.sewage_solution .title{text-align: center; position: relative;padding-bottom: 50px;}
.sewage_solution .title h2{ font-size: 30px; color: #333; padding-bottom: 15px; }
.sewage_solution .title p{ font-size: 16px; color: #666; }
.sewage_solution .title:after{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; margin: 0 auto; bottom: 20px;}
.sewage_solution .content ul li{ width: 25%; float: left; border-radius: 3px; overflow: hidden;text-align: center; box-shadow: 0px 0px 30px rgba(0,0,0,0.0); transition-duration: 0.3s; padding-top: 40px; padding-bottom: 40px; }
.sewage_solution .content ul li:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,0.1);  }
.sewage_solution .content ul li img{ width: 60px; margin: 0 auto;  margin-bottom: 20px; }
.sewage_solution .content ul li h3{ font-size: 18px; color: #333;  margin-bottom: 20px; }
.sewage_solution .content ul li p{ font-size: 14px; color: #666; line-height: 1.8em; padding-left:10%; padding-right: 10%; margin-bottom: 20px; }
.sewage_solution .content ul li a{ display: block; height: 40px; line-height: 40px; border-radius: 3px;width: 120px; text-align: center;margin: 0 auto; background:#0097ff; color: #fff; font-size: 14px;  }

.sewage_case{ border-top:#ececec solid 1px; padding-top: 60px;padding-bottom: 50px;}
.sewage_case .title{text-align: center; position: relative;  padding-bottom: 50px;}
.sewage_case .title h2{ font-size: 30px; color: #333; padding-bottom: 15px; }
.sewage_case .title p{ font-size: 16px; color: #666; }
.sewage_case .title:after{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; margin: 0 auto; bottom: 20px;}
.sewage_case .content { overflow: hidden; }
.sewage_case .content ul{ width: 1230px;}
.sewage_case .content ul li{ width: 380px; margin-right: 30px; margin-bottom: 30px; float: left; }

.sewage_case .content ul li img{ width: 100%; }
.sewage_case .content ul li h3{ background: #f5f5f5;text-align: center;  padding-top: 24px; padding-bottom:24px;  font-size: 16px;  font-weight: normal; }
.sewage_case .more a{display: block; height: 44px; line-height: 44px; border-radius: 3px;width: 180px; text-align: center;margin: 0 auto; background:#0097ff; color: #fff; font-size: 16px; }
.sewage_case .content ul li .img {overflow: hidden;}
.sewage_case .content ul li .img img {transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.sewage_case .content ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}






.swimming_banner { height: 600px; position: relative; }
.swimming_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.swimming_banner .swiper-pagination-bullet-active{ background: #fff; }
.swimming_banner .swiper-container{ height: 100%; }
.swimming_banner .swiper-slide h1{ font-weight: bold; color: #fff; position: absolute;  bottom: 100px; width: 1200px; left: 50%; margin-left: -600px; font-size: 45px;text-align: left; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; }
.swimming_banner .swiper-slide h2{ color: #fff; font-size: 18px; font-weight: normal; position: absolute;width: 1200px;  bottom: 60px; left: 50%; margin-left: -600px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.8s;transition-timing-function: linear; }
.swimming_banner .swiper-slide-active  h1{ opacity: 1; bottom: 110px; }
.swimming_banner .swiper-slide-active  h2{opacity: 1; bottom: 70px; }
.swimming_banner .swiper-slide { height: 100%; }
.swimming_banner .swiper-pagination{ bottom:70px!important;width: 1200px!important; left: 50%!important; margin-left: -600px!important; text-align: right!important; }
.swimming_banner .swiper-pagination-bullet{  opacity: 1; background: none; border-radius: 0px;  width: 50px; height: 2px; border: none; background: #fff;}
.swimming_banner .swiper-pagination-bullet-active{ background: #0097ff;opacity: 1}


.swimming_solution{ border-top:#ececec solid 1px; padding-top: 60px;}
.swimming_solution .swiperTab{text-align: center; position: relative;height: 70px; margin-bottom: 20px;}
.swimming_solution .swiperTab li{ display: inline-block; font-size: 20px; color: #666; position: relative;padding-left: 30px; padding-right: 30px; cursor: pointer; }
.swimming_solution .swiperTab li:after{ position: absolute; content: "/"; right: -5px; top: 0px; color: #999; }
.swimming_solution .swiperTab li.active{ display: inline-block; font-size: 20px; color: #0097ff; }
.swimming_solution .swiperTab li:last-child:after{ display: none; }
.swimming_solution .swiperTab:before{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; left: 50%; margin-left: -15px; bottom: 20px;}
.swimming_solution .swiper-slide .img{ float: left; width: 50%; height: 500px;}
.swimming_solution .swiper-slide .info{ float: left; width: 50%; height: 500px; background: #f5f5f5 }
.swimming_solution .swiper-slide .info .box{ padding: 60px; }
.swimming_solution .swiper-slide .info .box h2{ font-size: 24px; color: #333;  margin-bottom: 30px; }
.swimming_solution .swiper-slide .info .box p{ font-size: 16px; color: #444; line-height: 1.8em; margin-bottom: 30px; }
.swimming_solution .swiper-slide .info .box a{ color: #0097ff; font-size: 18px; font-weight: bold; }


.swimming_solution .content ul li{ width: 25%; float: left; border-radius: 3px; overflow: hidden;text-align: center; box-shadow: 0px 0px 30px rgba(0,0,0,0.0); transition-duration: 0.3s; padding-top: 40px; padding-bottom: 40px; }
.swimming_solution .content ul li:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,0.1);  }
.swimming_solution .content ul li img{ width: 60px; margin: 0 auto;  margin-bottom: 20px; }
.swimming_solution .content ul li h3{ font-size: 18px; color: #333;  margin-bottom: 20px; }
.swimming_solution .content ul li p{ font-size: 14px; color: #666; line-height: 1.8em; padding-left:10%; padding-right: 10%; margin-bottom: 20px; }
.swimming_solution .content ul li a{ display: block; height: 40px; line-height: 40px; border-radius: 3px;width: 120px; text-align: center;margin: 0 auto; background:#0097ff; color: #fff; font-size: 14px;  }

.swimming_case{ border-top:#ececec solid 1px; padding-top: 60px;padding-bottom: 50px;}
.swimming_case .title{text-align: center; position: relative;  padding-bottom: 50px;}
.swimming_case .title h2{ font-size: 30px; color: #333; padding-bottom: 15px; }
.swimming_case .title p{ font-size: 16px; color: #666; }
.swimming_case .title:after{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; margin: 0 auto; bottom: 20px;}
.swimming_case .content { overflow: hidden; }
.swimming_case .content ul{ width: 1230px;}
.swimming_case .content ul li{ width: 380px; margin-right: 30px; margin-bottom: 30px; float: left; }
.swimming_case .content ul li img{ width: 100%; }
.swimming_case .content ul li h3{ background: #f5f5f5;text-align: center;  padding-top: 24px; padding-bottom:24px;  font-size: 16px;  font-weight: normal; }
.swimming_case .more a{display: block; height: 44px; line-height: 44px; border-radius: 3px;width: 180px; text-align: center;margin: 0 auto; background:#0097ff; color: #fff; font-size: 16px; }

.solution_banner{ background:#0097ff; padding-top: 20px; padding-bottom:20px;   color: #fff; font-weight: normal;  }
.solution_banner h1{  font-size: 18px;}
.solution_banner h1 a{ color: #fff;}
.solution_detail .html{ padding-bottom: 40px;padding-top: 40px;font-size: 16px; color: #222; line-height: 2em; }
.solution_detail .html p{font-size: 16px; color: #222; line-height: 2em;text-indent: 2em; }
.project_map{  padding-top: 50px; padding-bottom: 50px; }
.project_map path{ fill:#ccc; cursor: pointer!important; data-stroke:#fff; stroke-width:1  }
.project_map path:hover{ fill:#f4950c }
.project_map text{ font-size:9px;pointer-events:none; }
.project_map .map{ width: 900px; margin: 0 auto; }

.md-perspective,
.md-perspective body {height: 100%;overflow: hidden;}.md-perspective body  {background: #222;-webkit-perspective: 600px;-moz-perspective: 600px;perspective: 600px;}.container {background: #e74c3c;min-height: 100%;}.md-modal {position: fixed;top: 50%;left: 50%;width: 50%;max-width: 630px;min-width: 320px;height: auto;z-index: 2000;visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}.md-show {visibility: visible;}.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0;background: rgba(0,0,0,0.4);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}.md-show ~ .md-overlay {opacity: 1;visibility: visible;}/* Content styles */
.md-content {color: #fff;background: #f4950c;position: relative;border-radius: 3px;margin: 0 auto;}
.md-content h3 {margin: 0; font-size:16px; opacity: 1; padding: 20px; text-align: left; background: #f4950c;border-radius: 3px 3px 0 0;}
.md-content h3 span{ float: right; }
.md-content h3 span img{ width: 16px; height: 16px; }
.md-content .content{padding:0px;margin: 0;background: #fff;border-radius:0 0 3px 3px; color: #333; font-size: 14px;}
.md-content .content .swiper-container{ height:250px; }
.md-content .content .swiper-slide {height: auto; }
.md-content .content .title { padding-left: 20px; padding-right: 20px; background:#f5f5f5 }
.md-content .content .title dl{}
.md-content .content .title dl dd{float: left; height: 40px; line-height: 40px; color: #999999; font-size: 14px;}
.md-content .content .title dl dd.dd1{  width: 100%; text-align: center;}
.md-content .content .title dl dd.dd2{  width: 25%; display: none; }
.md-content .content .title dl dd.dd3{  width: 25%;  display: none; }
.md-content .content .list { padding-left: 20px;  }
.md-content .content .list ul{ padding-right: 20px; }
.md-content .content .list ul li{  height: 50px; line-height: 50px; color: #333333; font-size: 16px; border-bottom: #ececec solid 1px; text-align: center;}
.md-content .content .list ul li span{ float: left; display: block; }
.md-content .content .list ul li span.li1{  width: 100%;}
.md-content .content .list ul li span.li2{  width: 25%;}
.md-content .content .list ul li span.li3{  width: 25%;}
.md-content .content .nodata{text-align: center; padding-top: 90px; color: #999; font-size: 14px;padding-right: 20px;}

.md-content .content p {margin: 0;padding: 10px 0;}
.md-content button {display: block;margin: 0 auto;font-size: 0.8em;}
.md-effect-1 .md-content {-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show.md-effect-1 .md-content {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

.product_list { padding-top: 30px; }
.product_list .left{ width: 220px; float: left; background:#f9f9f9; padding:20px 30px; }
.product_list .left h5{ font-weight: bold; font-size: 16px; }
.product_list .left h5 a{ color: #333; }
.product_list .left h5 a.active{ color: #0097ff; }
.product_list .left ul{ border-bottom: #ececec solid 1px; margin-bottom: 20px; padding-bottom: 20px; }
.product_list .left ul li{ line-height: 32px; }
.product_list .left ul li > a{ font-size: 14px; color: #333; }
.product_list .left ul li.active > a{ font-size: 14px; color: #0097ff; font-weight: bold;}
.product_list .left ul li dl{ padding-left: 20px; }
.product_list .left ul li dl dt{ font-size: 14px; }
.product_list .left ul li dl dt a{ color: #555; font-weight: normal;line-height: 32px;  }
.product_list .left ul li dl dt a.active{ color: #0097ff; font-weight: bold; }

.product_list .right{ width: 880px; float: right }
.product_list .right ul li{ border:#ececec solid 1px; margin-bottom: 20px; padding: 20px; }
.product_list .right ul li .img{ float: left; width: 40%; }
.product_list .right ul li .img img{width: 100%; }
.product_list .right ul li .info{ float: right; width:56%;  }
.product_list .right ul li .info h2{ padding-top:20px; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.product_list .right ul li .info p{ font-size: 14px; color: #666; line-height: 1.8em; margin-bottom: 20px; }
.product_list .right ul li .info a{background: #0097ff; color: #fff; font-size: 14px; font-weight: bold; display: block; width: 100px; text-align: center; line-height: 40px; height: 40px;}


.product_detail { padding-bottom: 40px; background: #fff; padding-top: 40px;}
.product_detail .left{ width:40%; float: left; background: #fff; border:#ececec solid 1px;}
.product_detail .left img{ width: 100%; display: block;}
.product_detail .right{ width: 55%;  float: right; }
.product_detail .right h2{ font-size: 24px; color: #0299ff;  margin-bottom: 20px; padding-top: 20px; }
.product_detail .right .html{ font-size: 16px; color: #444; line-height: 1.8em; margin-bottom: 20px; }
.product_detail .right .html img{ width: 100%!important; height: auto!important; display: block; }
 

.case_list ul { width: 110%; }
.case_list ul li{ width: 280px; margin-right: 25px; float: left; text-align: center; margin-bottom: 25px; }
.case_list ul li .img{ }
.case_list ul li .img img{ width: 100%; display: block; }
.case_list ul li h2{ text-align: center; padding-top: 10px; }
.case_list { padding-top: 25px; }
.case_list ul li h2{ font-size: 14px; color: #333; }


.one_menu{ margin-bottom: 10px; }


.case_detail{ padding-top: 20px; }
.case_detail .title{ height: 40px; line-height: 40px; text-align: center;  font-size: 24px; color: #0299ff; font-weight:bold; margin-bottom: 20px; padding-top: 20px; }
.case_detail .swiper-slide img{ display: block; margin: 0 auto; height: 500px; }
.case_detail .swiper-pagination{  }
.case_detail .swiper-pagination-bullet-active{ background: #0299ff;opacity: 1}
.case_detail .swiper-container{ padding-bottom: 60px; }
.case_detail .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230097ff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}
.case_detail .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230097ff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}
.case_detail .other{ padding-top: 30px; padding-bottom: 50px; font-size: 14px;}
.case_detail .other .left{float: left;}
.case_detail .other .right{float: right;}
.case_detail .other a{ color: #222; font-size: 14px; } 

.contactcontent{ padding-top: 40px; padding-bottom: 40px; }
.contactcontent h2{ margin-bottom: 10px; }
.contactcontent p{ line-height: 2em; font-size: 16px; color: #333;}








































/*大屏幕*/
@media screen and (max-width: 1920px) {} 
/*平板*/
@media screen and (max-width: 768px) {
.index_banner { height: 180px; position: relative; }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide .link{ color: #fff; font-size: 16px; position: absolute;left: 0; width: 100%; margin-left: 0px; top: 100px; text-align: center;opacity: 0; transition: 0.5s;  transition-delay: 0.8s;transition-timing-function: linear; }
.index_banner .swiper-slide-active .link{opacity: 1; top: 110px; }
.index_banner .swiper-slide .link a{  color: #fff; font-size: 14px; background: #b3dc76; padding: 8px 15px; }
.index_banner .swiper-slide { height: 100%; background-position:left center!important;  }
.index_banner .swiper-pagination{ bottom: 4%!important; }
.index_banner .swiper-pagination-bullet{  opacity: 1; background: none; border-radius: 0px;  width: 50px; height: 1.5px; border: none; background: #fff;}
.index_banner .swiper-pagination-bullet-active{ background: #0097ff;opacity: 1}

@-webkit-keyframes down {
    0%{
        bottom: 40px;
    }
    50%{
        bottom: 50px;
    }
    100%{
        bottom: 40px;
    }
}



.index_product{ background: #f5f5f5; padding-top: 30px; padding-bottom: 30px; }
.index_product .title{ padding-bottom: 50px; position: relative; }
.index_product .title:after{ content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 35px; width: 30px; height: 2px; background: #0f9eff }
.index_product .title h2{ font-size: 24px; font-weight: normal;  color: #333; text-align: center; position: relative; margin-bottom: 0px;}
.index_product .title h2:after{ position: absolute; left: 50%; top: 42px; width:300px; margin-left: -150px; height: 1px; z-index: 1; background: #ccc; content: ""; }
.index_product .title h3{ font-size: 12px; font-weight: normal; color: #999; text-transform: uppercase; text-align: center; position:relative;  }
.index_product .title h3 span{ background: #f5f5f5; position: relative; padding-left: 20px; padding-right: 20px; z-index: 2; }
.index_product .title h3:after{ position: absolute; left: 26%; margin-left: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_product .title h3:before{ position: absolute; right: 26%; margin-right: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_product .content{ position: relative; padding-left: 60px; padding-right: 60px; margin-bottom: 30px; }
.index_product .content .swiper-button-next{ background: #0f9eff; color: #fff; height: 40px; line-height: 40px; text-align: center; width: 40px; font-size: 24px; }
.index_product .content .swiper-button-prev{ background: #0f9eff; color: #fff; height: 40px; line-height: 40px; text-align: center; width: 40px; font-size: 24px; }
.index_product .content .swiper-slide .box{ position: relative; }
.index_product .content .swiper-slide .box img{ width: 100%; display: block; height: 200px; }
.index_product .content .swiper-slide .box .text{ position: absolute; left: 0px; top: 100%; right: 0px; bottom: 0px; background: rgba(15,158,255,0.8); text-align: center; transition-duration: 0.3s }
.index_product .content .swiper-slide .box:hover .text{ top: 0px; }
.index_product .content .swiper-slide .box .text h3{ padding-top: 60px; margin-bottom: 10px}
.index_product .content .swiper-slide .box .text h3 a{  color: #fff; font-size: 18px; font-weight: normal; }
.index_product .content .swiper-slide .box .text .more a{ display: block; width: 100px; height: 32px; line-height: 32px; border-radius: 3px; margin: 0 auto; font-size: 14px; color: #fff; border:#fff solid 1px;  }
.index_product .all a{display: block; width: 140px; height: 38px; line-height: 38px; text-align: center; border-radius: 3px; margin: 0 auto; font-size: 14px; color: #666; border:#ccc solid 1px;  }



.index_solution{ background: #fff; padding-top: 40px; padding-bottom: 40px; }
.index_solution .title{ padding-bottom: 35px; position: relative; }
.index_solution .title:after{ content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 35px; width: 30px; height: 2px; background: #0f9eff }
.index_solution .title h2{ font-size: 24px; font-weight: normal;  color: #333; text-align: center; position: relative; margin-bottom: 0px;}
.index_solution .title h2:after{ position: absolute; left: 50%; top: 42px; width:300px; margin-left: -150px; height: 1px; z-index: 1; background: #ccc; content: ""; }
.index_solution .title h3{ font-size: 12px; font-weight: normal; color: #999; text-transform: uppercase; text-align: center; position:relative;  }
.index_solution .title h3 span{ background: #fff; position: relative; padding-left: 20px; padding-right: 20px; z-index: 2; }
.index_solution .title h3:after{ position: absolute; left: 33%; margin-left: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_solution .title h3:before{ position: absolute; right: 33%; margin-right: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_solution .content{ position: relative; margin-bottom: 30px; }
.index_solution .content .swiper-slide .box{ position: relative; padding: 60px 30px 20px 30px; transition-duration: 0.3s;}
.index_solution .content .swiper-slide .box:after{ content: ""; position: absolute; border:#fff solid 1px; left: 10px; top: 10px; right: 10px; bottom: 10px; opacity: 0; transition-duration: 0.3s }
.index_solution .content .swiper-slide .box .icon img{ width: 60px; display: block; margin: 0 auto; margin-bottom: 20px; }
.index_solution .content .swiper-slide .box .icon img.black{ display:block;}
.index_solution .content .swiper-slide .box .icon img.white{ display:none;}
.index_solution .content .swiper-slide .box h3{ font-size: 18px; color: #333; font-weight: normal; margin-bottom: 20px; text-align: center; }
.index_solution .content .swiper-slide .box .description{ font-size: 14px; color: #666; font-weight: normal; line-height: 1.6em;text-align: center; margin-bottom: 20px;transition-duration: 0.3s}
.index_solution .content .swiper-slide .box a{display: block; width: 140px; position: relative; z-index: 999; height: 38px; line-height: 38px; text-align: center; border-radius: 3px; margin: 0 auto; opacity: 0;  font-size: 14px; color: #666; border:#ccc solid 1px; }
.index_solution .content .swiper-slide .box{ background: #0199ff; padding: 40px 30px 40px 30px;}
.index_solution .content .swiper-slide .box .icon img.black{ display:none;}
.index_solution .content .swiper-slide .box .icon img.white{ display:block;}
.index_solution .content .swiper-slide .box h3{ color: #fff;}
.index_solution .content .swiper-slide .box .description{ color: #fff; opacity: 1; }
.index_solution .content .swiper-slide .box a{ color: #fff; border:#fff solid 1px; opacity: 1;  }
.index_solution .content .swiper-slide .box:after{ content: ""; border:#fff solid 1px; left: 10px; top: 10px; right: 10px; bottom: 10px; opacity: 1; }


.index_case{ background: #f5f5f5; padding-top: 40px; padding-bottom: 40px; }
.index_case .title{ padding-bottom: 35px; position: relative; }
.index_case .title:after{ content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 35px; width: 30px; height: 2px; background: #0f9eff }
.index_case .title h2{ font-size: 24px; font-weight: normal;  color: #333; text-align: center; position: relative; margin-bottom: 0px;}
.index_case .title h2:after{ position: absolute; left: 50%; top: 42px; width:300px; margin-left: -150px; height: 1px; z-index: 1; background: #ccc; content: ""; }
.index_case .title h3{ font-size: 12px; font-weight: normal; color: #999; text-transform: uppercase; text-align: center; position:relative;  }
.index_case .title h3 span{ background: #f5f5f5; position: relative; padding-left: 20px; padding-right: 20px; z-index: 2; }
.index_case .title h3:after{ position: absolute; left: 37%; margin-left: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_case .title h3:before{ position: absolute; right: 37%; margin-right: 10px; z-index: 10; top: 11px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #ccc;  }
.index_case .content{ }
.index_case .content .swiper-slide img{ width: 100%;}
.index_case .content .swiper-slide h3{ text-align: center; font-size: 16px; color: #333; font-weight: normal; padding-top: 10px; }
.index_case .content .tab_menu{ display: table; text-align: center; width: 100%; margin-bottom: 20px; }
.index_case .content .tab_menu li{ display: inline-table; margin-right: 10px; margin-left: 10px; font-size: 14px; padding: 5px 20px; color: #333; cursor: pointer; }
.index_case .content .tab_menu li.active{ background: #0f9eff; color: #fff; }
.hide{display:none;}


.index_about{ background: url(../images/aboutbg.png) no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 80px; }
.index_about .left{ width: 100%; float: none;  }
.index_about .left .title{ margin-bottom: 30px; }
.index_about .left .title h2{ font-size: 30px; font-weight: normal;  color: #fff; text-align: left; }
.index_about .left .title h2 span{ font-size: 16px; font-weight: normal; color: #fff; text-transform: uppercase;}
.index_about .left .content{ line-height: 1.8em; font-size: 16px; color: #fff;  margin-bottom: 30px; text-align: justify; }
.index_about .left .more a{ display: block; width: 120px; text-align: center; background: #b3dc76; color: #fff; font-size: 14px; height: 40px; line-height: 40px; }
.index_about .right{width: 100%; float: none; display: none;  }
.index_about .right img{ width: calc(100% - 8px); display: block; border:#a1cbd6 solid 4px; }


.index_news{ padding-top:40px; padding-bottom: 40px;  }
.index_news .left{ width: 100%; float: none; margin-bottom: 40px; }
.index_news .right{ width: 100%; float: none; }
.index_news .title{ margin-bottom: 10px; }
.index_news .title h2{ font-size: 24px; font-weight: normal;  color: #333; text-align: left; }
.index_news .title h2 span{ font-size: 12px; font-weight: normal; color: #999; text-transform: uppercase;}
.index_news .left  .swiper-slide img{ width: 100%; display: block; }
.index_news .left  .swiper-slide h3 {padding-top: 10px;  margin-bottom: 5px;}
.index_news .left  .swiper-slide h3 a{ color: #333; font-size: 16px; font-weight: normal; }
.index_news .left  .swiper-slide h3 a:hover{ color: #0f9eff; }
.index_news .left  .swiper-slide p { font-size: 14px; line-height: 1.6em; color: #666;}
.index_news .right ul li{ margin-bottom: 30px; }
.index_news .right ul li .date { float: left; width: 14%;text-align: center;}
.index_news .right ul li .date strong{ display: block; font-size: 36px; color: #333;padding-bottom: 10px; }
.index_news .right ul li .date span{ display: block; font-size: 14px; color: #666; }
.index_news .right ul li .info { float: left; width: 81%; border-left: #ececec solid 1px; padding-left: 4%;}
.index_news .right ul li .info h3 { margin-bottom: 10px; line-height: 100%;}
.index_news .right ul li .info h3 a{ color: #333; font-size: 16px; font-weight: normal; }
.index_news .right ul li .info h3 a:hover{ color: #0f9eff; }
.index_news .right ul li .info p { font-size: 14px; line-height: 1.6em; color: #666;}


.detailbanner{ height: 80px; }
.detailbanner .pagewidth{ text-align: center; }
.detailbanner .pagewidth h1{ padding-top: 100px; font-size: 36px; color: #fff; font-weight: normal; text-shadow: 2px 2px 2px rgba(0,0,0,0.1) }
.detailbanner .pagewidth p{ padding-top:20px; font-size: 18px; color: #fff; font-weight: normal; text-shadow: 2px 2px 2px rgba(0,0,0,0.1); margin-bottom:25px; }
.detailbanner .pagewidth span{ width: 40px; margin: 0 auto; height: 2px; background:#f4950c; display: block;  }

.about_box_a{ padding-top: 90px; padding-bottom: 90px; border-top: #ececec solid 1px;}
.about_box_a .left{ width: 100%;  }
.about_box_a .left .title { padding-bottom: 30px;text-align: left; }
.about_box_a .left .title h1{ font-size: 30px; color: #333;  }
.about_box_a .left .title p{ padding-top:10px; font-size: 16px; color: #666; font-weight: normal; margin-bottom: 25px; }
.about_box_a .left .title span{ width: 40px;  height: 2px; background:#f4950c; display: block;  }
.about_box_a .left .content p{ text-indent: 2em; line-height: 1.9em; font-size: 16px; color: #333 }
.about_box_a .left .content img{float: right; width: 560px; display: table-cell; margin-left: 40px; margin-bottom: 40px; margin-top: 10px;}
.about_box_a .right{ width: 570px; float: right; padding-top:113px; position: relative;}
.about_box_a .right .img img{ width: 100%; }
.about_box_a .right .play{  background:#f4950c; color: #fff;text-align: center; display:block;width: 150px; height: 105px; padding-top: 5px; border:#fff solid 12px; text-decoration: none; position: absolute; left: -32px; bottom: -32px;  display: none;  }
.about_box_a .right .play img{ width: 50px; height: 50px; margin: 10px auto }
.about_box_a .right .play span{ display: block; }

.about_box_b{ padding-top: 90px; padding-bottom: 90px; border-top: #ececec solid 1px;}
.about_box_b .title { padding-bottom: 30px;text-align: center; }
.about_box_b .title h1{ font-size: 30px; color: #333;  }
.about_box_b .title p{ padding-top:10px; font-size: 16px; color: #666; font-weight: normal; margin-bottom: 25px; }
.about_box_b .title span{ width: 40px; margin: 0 auto; height: 2px; background:#f4950c; display: block;  }

.about_box_b .content .swiper-slide .box{ width:100%; height: 400px; background:#000; position: relative; overflow: hidden; }
.about_box_b .content .swiper-slide .box img{ width:100%; height: 400px;  opacity: 0.6; transition-duration: 0.3s}
.about_box_b .content .swiper-slide .box h2{ position: absolute; left:20px; right: 20px; top: 340px; text-align: center; font-size: 18px; color: #fff; transition-duration: 0.3s }
.about_box_b .content .swiper-slide .box p{ position: absolute; left:20px; right: 20px; top: 375px; text-align: center; font-size: 14px; line-height: 1.8em; color: #fff; opacity: 0;transition-duration: 0.3s}
.about_box_b .content .swiper-slide .box:hover img{ width:100%; height: 400px;  opacity: 0.6;transform: scale(1.1) translateZ(0);}
.about_box_b .content .swiper-slide .box:hover h2{top:200px; }
.about_box_b .content .swiper-slide .box:hover p{top:235px; opacity: 1; }
.about_box_b .content .swiper-pagination{ display: none; }






.about_box_c{ padding-top: 90px; padding-bottom: 90px; border-top: #ececec solid 1px;}
.about_box_c .title { padding-bottom: 30px;text-align: center; }
.about_box_c .title h1{ font-size: 30px; color: #333;  }
.about_box_c .title p{ padding-top:10px; font-size: 16px; color: #666; font-weight: normal; margin-bottom: 25px; }
.about_box_c .title span{ width: 40px; margin: 0 auto; height: 2px; background:#f4950c; display: block;  }
.about_box_c .swiper-slide { width: auto; }
.about_box_c .swiper-slide img{ height: 200px;border-radius: 3px;  display: block; border:#ececec solid 1px;  padding: 3px; }
.about_box_c .swiper-pagination{ bottom: 4%!important; }
.about_box_c .swiper-pagination-bullet{  opacity: 1; background: none; border-radius: 0px;  width: 50px; height: 1.5px; border: none; background: #ccc;}
.about_box_c .swiper-pagination-bullet-active{ background: #0097ff;opacity: 1}
.about_box_c .swiper-container{ padding-bottom: 40px }

.about_box_d{ padding-top: 90px; padding-bottom: 90px; border-top: #ececec solid 1px;}
.about_box_d .title { padding-bottom: 30px;text-align: center; }
.about_box_d .title h1{font-size: 30px; color: #333;  }
.about_box_d .title p{ padding-top:10px; font-size: 16px; color: #666; font-weight: normal; margin-bottom: 25px; }
.about_box_d .title span{ width: 40px; margin: 0 auto; height: 2px; background:#f4950c; display: block;  }
.about_box_d .content{text-align: center;}
.about_box_d .content img{ width: 90%; margin:0 auto; }

.category{  background: #f5f5f5; height: 55px; line-height: 55px; font-size: 16px; margin-bottom: 30px; }
.category ul{text-align: center; }
.category ul li{ display: inline-block;  line-height: 55px; }
.category ul li a{  padding-left: 20px; padding-right: 20px; display: block; color: #999; }
.category ul li a.active{ color: #f4950c; }

.news_list{ padding-top: 30px; padding-bottom: 50px; }
.news_list ul li{ margin-bottom: 30px; border-bottom: #ececec solid 1px;  padding-bottom: 30px; }
.news_list ul li a{ display:block; }
.news_list ul li a .img{ float: none; width: 100%; margin-right: 0; margin-bottom: 10px; }
.news_list ul li a .img img{ width: 100%; height: auto; }
.news_list ul li a .info{ float: none; width: auto; }
.news_list ul li a .info .name{ font-size: 24px; color: #333; margin-bottom: 5px; line-height: 1.4em; }
.news_list ul li a .info .description{ font-size: 14px; color: #666; line-height: 1.6em; margin-bottom: 15px;}
.news_list ul li a .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: relative; padding-bottom: 20px; }
.news_list ul li a .info .time:after{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; left: 0px; bottom: 0px;}


.news_detail{ padding-top: 30px;   padding-bottom:50px;  }
.news_detail .title { border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.news_detail .title h1{text-align: center; font-size: 24px; line-height: 1.6em;}
.news_detail .title p{text-align: center; font-size: 14px; line-height: 2em;}
.news_detail .html{ padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #222; line-height: 2em; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_detail .html *{  font-size: 16px!important; color: #222!important; line-height: 2em!important;font-family:"微软雅黑",helvetica,"黑体",arial,verdana,sans-serif!important; }

.news_detail .other{ padding-top: 30px; padding-bottom: 0px; font-size: 14px;}
.news_detail .other .left{float: left;}
.news_detail .other .right{float: right;}
.news_detail .other a{ color: #222; font-size: 14px; } 



.detail_down{ padding-top: 30px; padding-bottom: 50px; }
.detail_down ol{ border-bottom: #ececec solid 1px;padding-bottom: 5px; }
.detail_down ol li{ float: left; }
.detail_down ol li.name{ font-size: 12px; color: #999; width: 60%;text-indent: 10px;}
.detail_down ol li.size{ font-size: 12px; color: #999; width: 30%;}
.detail_down ol li.down{ font-size: 12px; color: #999; width: 10%;}

.detail_down ul li{ height: 32px; line-height: 32px; padding-top:10px; padding-bottom: 10px; border-bottom: #ececec solid 1px; }
.detail_down ul li:nth-child(2n){ background: #f9f9f9 }
.detail_down ul li .name{ font-size: 14px; color: #999; width: 60%; float: left;text-indent: 10px;}
.detail_down ul li .name a{ color: #333;}
.detail_down ul li .size{ font-size: 14px; color: #999; width: 30%;float: left}
.detail_down ul li .down{ font-size: 14px; color: #999; width: 10%;float: left}


.detail_down ul li .down a{ display: block; width: 80px; height: 32px; line-height: 32px;text-align: center; color: #fff;line-height: 36px; background:#20a366; font-size: 14px;border-radius: 3px;  }


.detail_contact ul li{ padding-top: 30px; padding-bottom:30px; border-bottom: #ececec solid 1px; }
.detail_contact ul li.one{ padding-bottom: 10px; }
.detail_contact ul li.one .img{ float: left; width: 90px; height: 90px; line-height: 90px;text-align: center; color: #fff;font-weight:bold; font-size: 18px; border-radius: 90px; margin-right: 25px; }
.detail_contact ul li.one .info{ width: 1000px; float: left; }
.detail_contact ul li.one .info dl{ float: left;  width:45%; margin-right: 5%; padding-bottom: 20px; }
.detail_contact ul li.one .info dl dt{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px; padding-top:10px; }
.detail_contact ul li.one .info dl dd{ line-height: 1.8em; font-size: 14px; color: #555; }

.detail_contact ul li{ padding-top: 30px; padding-bottom:30px; border-bottom: #ececec solid 1px; }
.detail_contact ul li.two .right{float: left; width: 50%;}
.detail_contact ul li.two .left {float: left; width: 50%;}
.detail_contact ul li.two .img{ float: left; width: 90px; height: 90px; line-height: 90px;text-align: center; color: #fff;font-weight:bold; font-size: 18px; border-radius: 90px; margin-right: 25px; }
.detail_contact ul li.two .info{ width: 450px; float: left; }
.detail_contact ul li.two .info dl{ float: left;  width:45%; margin-right: 5%; }
.detail_contact ul li.two .info dl dt{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px;  padding-top:10px; }
.detail_contact ul li.two .info dl dd{ line-height: 1.8em; font-size: 14px; color: #555; }





.pagecontent{ padding-top: 30px;  font-size: 16px; color: #222; line-height: 2em; padding-bottom:50px;  }
.pagecontent p{ line-height: 2em; font-size: 16px; color: #333;text-indent: 2em; text-align: justify;}
.pagecontent img{ width: 100%; display: block; }


.pagecontact { padding-bottom: 50px; }
.pagecontact .contact { padding-top: 40px; padding-bottom: 40px }
.pagecontact .contact ul li{ width: 100%; float: none;text-align: center; margin-bottom: 30px; }
.pagecontact .contact ul li img{ width: 44px; margin: 0 auto; }
.pagecontact .contact ul li p{ font-size: 14px; color: #999; padding-top: 5px; padding-bottom: 5px;}
.pagecontact .contact ul li h2{ font-size: 18px; }


.sewage_banner { height: 600px; position: relative; }
.sewage_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.sewage_banner .swiper-pagination-bullet-active{ background: #fff; }
.sewage_banner .swiper-container{ height: 100%; }
.sewage_banner .swiper-slide h1{ font-weight: bold; color: #fff; position: absolute;  bottom: 100px; width: 1200px; left: 50%; margin-left: -600px; font-size: 45px;text-align: left; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; }
.sewage_banner .swiper-slide h2{ color: #fff; font-size: 18px; font-weight: normal; position: absolute;width: 1200px;  bottom: 60px; left: 50%; margin-left: -600px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.8s;transition-timing-function: linear; }
.sewage_banner .swiper-slide-active  h1{ opacity: 1; bottom: 110px; }
.sewage_banner .swiper-slide-active  h2{opacity: 1; bottom: 70px; }
.sewage_banner .swiper-slide { height: 100%; }
.sewage_banner .swiper-pagination{ bottom:70px!important;width: 1200px!important; left: 50%!important; margin-left: -600px!important; text-align: right!important; }
.sewage_banner .swiper-pagination-bullet{  opacity: 1; background: none; border-radius: 0px;  width: 50px; height: 2px; border: none; background: #fff;}
.sewage_banner .swiper-pagination-bullet-active{ background: #0097ff;opacity: 1}


.sewage_solution{ border-top:#ececec solid 1px; padding-top: 60px; padding-bottom: 30px; }
.sewage_solution .title{text-align: center; position: relative;padding-bottom: 50px;}
.sewage_solution .title h2{ font-size: 30px; color: #333; padding-bottom: 15px; }
.sewage_solution .title p{ font-size: 16px; color: #666; }
.sewage_solution .title:after{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; margin: 0 auto; bottom: 20px;}
.sewage_solution .content ul li{ width: 25%; float: left; border-radius: 3px; overflow: hidden;text-align: center; box-shadow: 0px 0px 30px rgba(0,0,0,0.0); transition-duration: 0.3s; padding-top: 40px; padding-bottom: 40px; }
.sewage_solution .content ul li:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,0.1);  }
.sewage_solution .content ul li img{ width: 60px; margin: 0 auto;  margin-bottom: 20px; }
.sewage_solution .content ul li h3{ font-size: 18px; color: #333;  margin-bottom: 20px; }
.sewage_solution .content ul li p{ font-size: 14px; color: #666; line-height: 1.8em; padding-left:10%; padding-right: 10%; margin-bottom: 20px; }
.sewage_solution .content ul li a{ display: block; height: 40px; line-height: 40px; border-radius: 3px;width: 120px; text-align: center;margin: 0 auto; background:#0097ff; color: #fff; font-size: 14px;  }

.sewage_case{ border-top:#ececec solid 1px; padding-top: 60px;padding-bottom: 50px;}
.sewage_case .title{text-align: center; position: relative;  padding-bottom: 50px;}
.sewage_case .title h2{ font-size: 30px; color: #333; padding-bottom: 15px; }
.sewage_case .title p{ font-size: 16px; color: #666; }
.sewage_case .title:after{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; margin: 0 auto; bottom: 20px;}
.sewage_case .content { overflow: hidden; }
.sewage_case .content ul{ width: 1230px;}
.sewage_case .content ul li{ width: 380px; margin-right: 30px; margin-bottom: 30px; float: left; }

.sewage_case .content ul li img{ width: 100%; }
.sewage_case .content ul li h3{ background: #f5f5f5;text-align: center;  padding-top: 24px; padding-bottom:24px;  font-size: 16px;  font-weight: normal; }
.sewage_case .more a{display: block; height: 44px; line-height: 44px; border-radius: 3px;width: 180px; text-align: center;margin: 0 auto; background:#0097ff; color: #fff; font-size: 16px; }
.sewage_case .content ul li .img {overflow: hidden;}
.sewage_case .content ul li .img img {transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.sewage_case .content ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}






.swimming_banner { height: 600px; position: relative; }
.swimming_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.swimming_banner .swiper-pagination-bullet-active{ background: #fff; }
.swimming_banner .swiper-container{ height: 100%; }
.swimming_banner .swiper-slide h1{ font-weight: bold; color: #fff; position: absolute;  bottom: 100px; width: 1200px; left: 50%; margin-left: -600px; font-size: 45px;text-align: left; opacity: 0; transition: 0.5s;  transition-delay: 0.5s;transition-timing-function: linear; }
.swimming_banner .swiper-slide h2{ color: #fff; font-size: 18px; font-weight: normal; position: absolute;width: 1200px;  bottom: 60px; left: 50%; margin-left: -600px; text-align: left;opacity: 0; transition: 0.5s;  transition-delay: 0.8s;transition-timing-function: linear; }
.swimming_banner .swiper-slide-active  h1{ opacity: 1; bottom: 110px; }
.swimming_banner .swiper-slide-active  h2{opacity: 1; bottom: 70px; }
.swimming_banner .swiper-slide { height: 100%; }
.swimming_banner .swiper-pagination{ bottom:70px!important;width: 1200px!important; left: 50%!important; margin-left: -600px!important; text-align: right!important; }
.swimming_banner .swiper-pagination-bullet{  opacity: 1; background: none; border-radius: 0px;  width: 50px; height: 2px; border: none; background: #fff;}
.swimming_banner .swiper-pagination-bullet-active{ background: #0097ff;opacity: 1}


.swimming_solution{ border-top:#ececec solid 1px; padding-top: 60px;}
.swimming_solution .swiperTab{text-align: center; position: relative;height: 70px; margin-bottom: 20px;}
.swimming_solution .swiperTab li{ display: inline-block; font-size: 20px; color: #666; position: relative;padding-left: 30px; padding-right: 30px; cursor: pointer; }
.swimming_solution .swiperTab li:after{ position: absolute; content: "/"; right: -5px; top: 0px; color: #999; }
.swimming_solution .swiperTab li.active{ display: inline-block; font-size: 20px; color: #0097ff; }
.swimming_solution .swiperTab li:last-child:after{ display: none; }
.swimming_solution .swiperTab:before{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; left: 50%; margin-left: -15px; bottom: 20px;}
.swimming_solution .swiper-slide .img{ float: left; width: 50%; height: 500px;}
.swimming_solution .swiper-slide .info{ float: left; width: 50%; height: 500px; background: #f5f5f5 }
.swimming_solution .swiper-slide .info .box{ padding: 60px; }
.swimming_solution .swiper-slide .info .box h2{ font-size: 24px; color: #333;  margin-bottom: 30px; }
.swimming_solution .swiper-slide .info .box p{ font-size: 16px; color: #444; line-height: 1.8em; margin-bottom: 30px; }
.swimming_solution .swiper-slide .info .box a{ color: #0097ff; font-size: 18px; font-weight: bold; }


.swimming_solution .content ul li{ width: 25%; float: left; border-radius: 3px; overflow: hidden;text-align: center; box-shadow: 0px 0px 30px rgba(0,0,0,0.0); transition-duration: 0.3s; padding-top: 40px; padding-bottom: 40px; }
.swimming_solution .content ul li:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,0.1);  }
.swimming_solution .content ul li img{ width: 60px; margin: 0 auto;  margin-bottom: 20px; }
.swimming_solution .content ul li h3{ font-size: 18px; color: #333;  margin-bottom: 20px; }
.swimming_solution .content ul li p{ font-size: 14px; color: #666; line-height: 1.8em; padding-left:10%; padding-right: 10%; margin-bottom: 20px; }
.swimming_solution .content ul li a{ display: block; height: 40px; line-height: 40px; border-radius: 3px;width: 120px; text-align: center;margin: 0 auto; background:#0097ff; color: #fff; font-size: 14px;  }

.swimming_case{ border-top:#ececec solid 1px; padding-top: 60px;padding-bottom: 50px;}
.swimming_case .title{text-align: center; position: relative;  padding-bottom: 50px;}
.swimming_case .title h2{ font-size: 30px; color: #333; padding-bottom: 15px; }
.swimming_case .title p{ font-size: 16px; color: #666; }
.swimming_case .title:after{content: ""; position: absolute; width: 30px; height: 2px; background:#0097ff; margin: 0 auto; bottom: 20px;}
.swimming_case .content { overflow: hidden; }
.swimming_case .content ul{ width: 1230px;}
.swimming_case .content ul li{ width: 380px; margin-right: 30px; margin-bottom: 30px; float: left; }
.swimming_case .content ul li img{ width: 100%; }
.swimming_case .content ul li h3{ background: #f5f5f5;text-align: center;  padding-top: 24px; padding-bottom:24px;  font-size: 16px;  font-weight: normal; }
.swimming_case .more a{display: block; height: 44px; line-height: 44px; border-radius: 3px;width: 180px; text-align: center;margin: 0 auto; background:#0097ff; color: #fff; font-size: 16px; }

.solution_banner{ background:#0097ff; padding-top: 20px; padding-bottom:20px;   color: #fff; font-weight: normal;  }
.solution_banner h1{  font-size: 18px;}
.solution_banner h1 a{ color: #fff;}
.solution_detail .html{ padding-bottom: 40px;padding-top: 40px;font-size: 16px; color: #222; line-height: 2em; }
.solution_detail .html p{font-size: 16px; color: #222; line-height: 2em;text-indent: 2em; }
.project_map{  padding-top: 50px; padding-bottom: 50px; }
.project_map path{ fill:#ccc; cursor: pointer!important; data-stroke:#fff; stroke-width:1  }
.project_map path:hover{ fill:#f4950c }
.project_map text{ font-size:9px;pointer-events:none; }
.project_map .map{ width: 900px; margin: 0 auto; }

.md-perspective,
.md-perspective body {height: 100%;overflow: hidden;}.md-perspective body  {background: #222;-webkit-perspective: 600px;-moz-perspective: 600px;perspective: 600px;}.container {background: #e74c3c;min-height: 100%;}.md-modal {position: fixed;top: 50%;left: 50%;width: 50%;max-width: 630px;min-width: 320px;height: auto;z-index: 2000;visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}.md-show {visibility: visible;}.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0;background: rgba(0,0,0,0.4);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}.md-show ~ .md-overlay {opacity: 1;visibility: visible;}/* Content styles */
.md-content {color: #fff;background: #f4950c;position: relative;border-radius: 3px;margin: 0 auto;}
.md-content h3 {margin: 0; font-size:16px; opacity: 1; padding: 20px; text-align: left; background: #f4950c;border-radius: 3px 3px 0 0;}
.md-content h3 span{ float: right; }
.md-content h3 span img{ width: 16px; height: 16px; }
.md-content .content{padding:0px;margin: 0;background: #fff;border-radius:0 0 3px 3px; color: #333; font-size: 14px;}
.md-content .content .swiper-container{ height:250px; }
.md-content .content .swiper-slide {height: auto; }
.md-content .content .title { padding-left: 20px; padding-right: 20px; background:#f5f5f5 }
.md-content .content .title dl{}
.md-content .content .title dl dd{float: left; height: 40px; line-height: 40px; color: #999999; font-size: 14px;}
.md-content .content .title dl dd.dd1{  width: 100%; text-align: center;}
.md-content .content .title dl dd.dd2{  width: 25%; display: none; }
.md-content .content .title dl dd.dd3{  width: 25%;  display: none; }
.md-content .content .list { padding-left: 20px;  }
.md-content .content .list ul{ padding-right: 20px; }
.md-content .content .list ul li{  height: 50px; line-height: 50px; color: #333333; font-size: 16px; border-bottom: #ececec solid 1px; text-align: center;}
.md-content .content .list ul li span{ float: left; display: block; }
.md-content .content .list ul li span.li1{  width: 100%;}
.md-content .content .list ul li span.li2{  width: 25%;}
.md-content .content .list ul li span.li3{  width: 25%;}
.md-content .content .nodata{text-align: center; padding-top: 90px; color: #999; font-size: 14px;padding-right: 20px;}

.md-content .content p {margin: 0;padding: 10px 0;}
.md-content button {display: block;margin: 0 auto;font-size: 0.8em;}
.md-effect-1 .md-content {-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show.md-effect-1 .md-content {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

.product_list { padding-top: 30px; }
.product_list .left{ width: 220px; float: left; background:#f9f9f9; padding:20px 30px; display: none; }
.product_list .left h5{ font-weight: bold; font-size: 16px; }
.product_list .left h5 a{ color: #333; }
.product_list .left h5 a.active{ color: #0097ff; }
.product_list .left ul{ border-bottom: #ececec solid 1px; margin-bottom: 20px; padding-bottom: 20px; }
.product_list .left ul li{ line-height: 32px; }
.product_list .left ul li > a{ font-size: 14px; color: #333; }
.product_list .left ul li.active > a{ font-size: 14px; color: #0097ff; font-weight: bold;}
.product_list .left ul li dl{ padding-left: 20px; }
.product_list .left ul li dl dt{ font-size: 14px; }
.product_list .left ul li dl dt a{ color: #555; font-weight: normal;line-height: 32px;  }
.product_list .left ul li dl dt a.active{ color: #0097ff; font-weight: bold; }

.product_list .right{ width: 100%; float: none }
.product_list .right ul li{ border:#ececec solid 1px; margin-bottom: 20px; padding: 20px; }
.product_list .right ul li .img{ float: none; width: 100%; margin-bottom: 0px; }
.product_list .right ul li .img img{width: 100%; }
.product_list .right ul li .info{ float: none; width:100%;  }
.product_list .right ul li .info h2{ padding-top:20px; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.product_list .right ul li .info p{ font-size: 14px; color: #666; line-height: 1.8em; margin-bottom: 20px; }
.product_list .right ul li .info a{background: #0097ff; color: #fff; font-size: 14px; font-weight: bold; display: block; width: 100px; text-align: center; line-height: 40px; height: 40px;}


.product_detail { padding-bottom: 20px; background: #fff; padding-top: 20px;}
.product_detail .left{ width:100%; float: none; background: #fff; border:none;}
.product_detail .left img{ width: 100%; display: block;}
.product_detail .right{ width: 100%;  float: none; }
.product_detail .right h2{ font-size: 24px; color: #0299ff;  margin-bottom: 20px; padding-top: 20px; }
.product_detail .right .html{ font-size: 16px; color: #444; line-height: 1.8em; margin-bottom: 20px; }
.product_detail .right .html img{ width: 100%!important; height: auto!important; display: block; }
 .product_detail .right .html p{ margin: 0!important; }

.case_list ul { width: 100%; }
.case_list ul li{ width: 100%; margin-right:0px; float: none; text-align: center; margin-bottom: 25px; }
.case_list ul li .img{ }
.case_list ul li .img img{ width: 100%; display: block; }
.case_list ul li h2{ text-align: center; padding-top: 20px; }
.case_list { padding-top: 20px; }
.case_list ul li h2{ font-size: 14px; color: #333; }


.one_menu{ margin-bottom: 10px; }


.case_detail{ padding-top: 20px; }
.case_detail .title{ height: 40px; line-height: 40px; text-align: center;  font-size: 24px; color: #0299ff; font-weight:bold; margin-bottom: 20px; padding-top: 20px; }
.case_detail .swiper-slide img{ display: block; margin: 0 auto; height: 500px; }
.case_detail .swiper-pagination{  }
.case_detail .swiper-pagination-bullet-active{ background: #0299ff;opacity: 1}
.case_detail .swiper-container{ padding-bottom: 60px; }
.case_detail .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230097ff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}
.case_detail .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230097ff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}
.case_detail .other{ padding-top: 30px; padding-bottom: 50px; font-size: 14px;}
.case_detail .other .left{float: left;}
.case_detail .other .right{float: right;}
.case_detail .other a{ color: #222; font-size: 14px; } 

.contactcontent{ padding-top: 40px; padding-bottom: 40px; }
.contactcontent h2{ margin-bottom: 10px; }
.contactcontent p{ line-height: 2em; font-size: 16px; color: #333;}

}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}