.edit_con_original { overflow:hidden;}

.body-box { }

.wrap { max-width:1400px; margin:0 auto;}

header { position:relative; z-index:1000;}

header .top { height:35px; line-height:34px; color:#fff;}

header .top a.en { margin-right:1.5em;}

header .top a { color:#fff;}

header .top a:hover { color:#00aced;}

header .top i { font-size:1rem; color:#ddd; display:inline-block; margin:0 5px; position:relative; top:-1px;}

header .top a img { vertical-align:middle; position:relative; top:-2px;}

header .top .search { margin:0 20px; position:relative; width:28px; height:32px; z-index:100;}



header .top .search .sh { position:absolute; right:0; top:1px;  width:28px; height:32px; overflow:hidden;   background:#333; }

header .top .search .sh .i { position:absolute; right:0; top:0; width:160px; height:28px; padding:2px;}

header .top .search .sh input { width:120px; border:0; color:#fff; height:28px; background:none; vertical-align:top;}

header .top .search .sh button { background:url(../images/s1.png) no-repeat center; border:0; width:28px; height:28px; vertical-align:top;} 



header .top .search .sh:hover { width:174px; right:-5px;  }

header .top .search .sh:hover .i { padding:0 5px; border:2px solid #fff;}



header .nav { height:60px; box-shadow:0 3px 5px rgba(0,0,0,0.2);}

header .nav .logo { margin-top:5px;}

header .nav .oh a { line-height:60px; display:inline-block; padding:0 1.5em; color:#000;  }

header .nav .oh a:hover,

header .nav .oh a.cur { background:#00aced; color:#fff;}

header .nav .oh a.a3 { }



.menu0 .nav .a1,

.menu1 .nav .a2,

.menu2 .nav .a3,

.menu3 .nav .a4,

.menu4 .nav .a5,

.menu5 .nav .a6,

.menu6 .nav .a7 { background:#00aced; color:#fff;}



.menu-child {  position:relative; }

.menu-child > .w { position:absolute; width:100%; top:0; height:auto; left:0; border-top:3px solid #00aced; background:#fff; visibility:hidden; height:0;}

.menu-child .item { position:relative; display:none; padding:10px 0 20px; float:right;}

.menu-child .item .img img{ border:1px solid #ddd;} 

.menu0 .menu-child > .w,

.menu1 .menu-child > .w,

.menu2 .menu-child > .w,

.menu3 .menu-child > .w,

.menu4 .menu-child > .w,

.menu5 .menu-child > .w,

.menu6 .menu-child > .w{ visibility:visible; height:auto;  border-bottom:1px solid #00aced; }



.menu0 .menu-child .item1,

.menu1 .menu-child .item2,

.menu2 .menu-child .item3,

.menu3 .menu-child .item4,

.menu4 .menu-child .item5,

.menu5 .menu-child .item6,

.menu6 .menu-child .item7 { display:block;}



.menu-child .item li{ width:225px;}

.menu-child .item li h2 { font-size:2rem; padding:10px 0 10px; font-weight:bold; color:#000;}

.menu-child .item li h3 { font-size:1.8rem; margin-bottom:10px; color:#000;}

.menu-child .item li span { display:block; margin-bottom:5px; font-size:1.5rem;}

.menu-child .item li span img { display:inline-block; margin-left:5px; margin-top:2px;}

.menu-child .item1 { right:0%;}

.menu-child .item2 { right:0%;}

.menu-child .item3 { right:0%;}

.menu-child .item4 { right:0%;}

.menu-child .item5 { right:0%;}

.menu-child .item6 { right:0%;}

.menu-child .item7 { right:0%;}



.index-banner.swiper-container-horizontal > .swiper-pagination-bullets,

.index-banner .swiper-pagination-custom,

.index-banner .swiper-pagination-fraction { bottom:30px;}



.slide-i1 { position:absolute; left:15%; top:0%; width:10%; z-index:10; opacity:0; transform:translateY(-10em); -webkit-transform:translateY(-10em); }

.slide-i2 { position:absolute; left:45%; top:25%; width:12%; z-index:10;  opacity:0; transform:translateY(-10em); -webkit-transform:translateY(-10em);}

.slide-i3 { position:absolute; left:8%; top:55%; width:9%; z-index:10;  opacity:0; transform:translateY(-10em); -webkit-transform:translateY(-10em);}



.swiper-slide-active .slide-i1 { transition:2.5s all; transition-delay:1s;  opacity:1; transform:translateY(0em); -webkit-transform:translateY(0em);}

.swiper-slide-active .slide-i2 { transition:2s all; transition-delay:0.5s;  opacity:1; transform:translateY(0em); -webkit-transform:translateY(0em);}

.swiper-slide-active .slide-i3 { transition:2s all; transition-delay:0;  opacity:1; transform:translateY(0em); -webkit-transform:translateY(0em);}



.index-bk-2.swiper-container-horizontal > .swiper-pagination-bullets,

.index-banner .swiper-pagination-custom,

.index-banner .swiper-pagination-fraction { bottom:30px;}



.index-bk1 dt { margin-top:1em;}

.index-bk1 dd b { display:block; font-size:2.4rem; font-weight:normal; margin-bottom:0.5em;}



.index-tit { line-height:50px; }

.index-tit em { display:inline-block; margin:0 5px;}

.index-tit img { width:3.5em; height:3.5em;}



.indexbk2 .wrap {position:relative; }

.indexbk2 .index-tit { position:absolute; left:0; top:30px; z-index:1000;}

.indexbk2 .swiper-slide .wrap .txt{ position:absolute; left:50px; top:40%; margin-top:-5em;}

.indexbk2 .swiper-slide .wrap .txt .center { margin-top:1em;}

.indexbk2 .swiper-slide .wrap .txt .f-32 { margin-bottom:0.5em;}

.indexbk2 .swiper-slide .wrap .fr { width:60%;}



.index-bk-SAMPLE { background:url(../images/bg2.jpg) no-repeat left 86% ; background-size:95% auto; }



.index-bk-SAMPLE  .bk-anli {  transition:0.5s all; -webkit-transition:0.5s all; width:50%;  }

.index-bk-SAMPLE .bk-anli .img { background-size:cover; background-position:center; }

.index-bk-SAMPLE .anli0 .bk-anli.fl { width:65%; }

.index-bk-SAMPLE .anli0 .bk-anli.oh { width:35%; }

.index-bk-SAMPLE .anli1 .bk-anli.oh { width:65%; }

.index-bk-SAMPLE .anli1 .bk-anli.fl { width:35%; }





.tab-body {position:relative; }

.tab-b { position:absolute; visibility:hidden; width:100%; top:0; left:0;}

.tab-body .tab-b.on { position:relative; visibility:visible;}



.index-bk-SOLUTION .index-tit .fr { line-height:1.8; margin-top:15px;}

.index-bk-SOLUTION .index-tit .fr a i { display:inline-block; margin:0 5px 0 8px; color:#666; }

.index-bk-SOLUTION .index-tit .fr a.on { color:#00aced;}



.index-bk-SOLUTION .tab-b .fl{ width:79.152%;  }

.index-bk-SOLUTION .tab-b .oh{ }

.index-bk-SOLUTION .tab-b .oh a { display:block; padding:2px; padding-right:0; position:relative;}

.index-bk-SOLUTION .tab-b .oh a:first-child { padding-top:0;}



.index-bk-SOLUTION .tab-b .oh a:first-child.on i { top:0; }

.index-bk-SOLUTION .tab-b .oh a.on i { position:absolute; display:block; left:2px; top:2px; bottom:2px; right:0; border:2px solid #00aced;}



.footer { color:#fff;}

.footer a { color:#fff;}

.footer a:hover { color:#00aced;}

.footer-r { width:550px; }

.footer dl { width:16%;}

.footer dl span{ display:block; margin-bottom:10px;}

.footer dl dt { margin-bottom:20px; }

.footer dl dd { }



.swiper-wrapper { }

.swiper-wrapper img { width:100%; height:auto;}



.menu-bon { display: none; cursor: pointer; transition: 0.3s all; z-index: 1000; -webkit-transition: 0.3s all; border: none; width: 20px; height: 20px; padding: 0; outline: none; position: fixed; z-index: 1000; right: 20px; top: 43px; background: #00beff; padding: 12px; border-radius: 1px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); }

.menu_h { width: 20px; height: 20px; position: relative; border-radius: 0; vertical-align: top; background: none; border: 0; -webkit-transition: 0.25s all; transition: 0.25s all; }

.menu_h::before,

.menu_h::after,

.menu_h span { background: #fff; }

.menu_h::before,

.menu_h::after { content: ''; position: absolute; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }

.menu_h span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; margin-top: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }

.menu_h::before { -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }

.menu_h::after { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); }

.menu-open { overflow:hidden;}

.menu-open .footer { display:none;}

.menu-open .main { position:absolute; top:95px; left:0; right:0; bottom:0; overflow:hidden;}

.menu-open .menu_h { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); }

.menu-open .menu_h span { opacity: 0; background: #fff; }

.menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }

.menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

.ph-mask { opacity: 0; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; display: none; z-index: 888; }

.footer p.f-12 br { display:none; }



.other-banner { position:relative; overflow:hidden;}

.other-banner > a img,

.other-banner > img { width:100%; height:auto;}

.other-banner .banner-a { position:absolute; z-index:100; width:100%; top:50%; left:0; margin-top:-7em; text-align:center; }

.other-banner .banner-a a { display:inline-block; margin:0 1em; background-repeat:no-repeat; background-position:center; background-size:61% 61%;}

.other-banner .banner-a a img { visibility:hidden; opacity:0; width:15.9em; height:15.9em;}

.other-banner .banner-a a.cur img,

.other-banner .banner-a a:hover img{visibility:visible; opacity:1;}



.postion {  border-bottom:1px solid #ddd; margin:50px 0 20px;  }

.postion .fl { margin-top:8px; padding-bottom:10px;}

.postion .fl a { color:#888; }

.postion .fl .song{ margin:0 5px; color:#aaa;}

.postion .fl span {color:#888;}

.postion .oh { }

.postion .oh a { display:inline-block; padding-bottom:10px; margin-left:2em; color:#666;}

.postion .oh a.cur { padding-bottom:8px; border-bottom:2px solid #00aced; color:#00aced;}



.about-content { position:relative;}

.about-content .txt { position:absolute; z-index:10; left:5%; top:20%; width:50%; line-height:1.8;}

.about-content img { max-width:100%; height:auto;}



.course-item { background:url(../images/h_03.jpg) repeat-x; height:9px;}



.couse-box { margin:0 13%; position:relative;}

.couse-box .scroll { height:600px;}

.couse-box  .mk { position:absolute; bottom:0; left:0; right:30px; background:url(../images/a1.png) repeat-x ; height:100px;}

.couse-box dl { display:block;}

.couse-box dt { text-align:center; font-size:7rem; color:#00aced; font-weight:bold; }

.couse-box dd li { position:relative; padding-left:1em; margin-bottom:0.5em;}

.couse-box dd li .i { width:6px; height:6px; background:#00aced; border-radius:6px; position:absolute; left:0; top:0; margin-top:1.5em;}



.course-dl { }

.course-dl dt{ margin-right:4em; }

.course-dl dd { position:relative; width:auto; height:50px; overflow:hidden;}

.course-dl dd .ps { position:absolute; white-space:nowrap; font-size:0; }

.course-dl span { display:inline-block; line-height:50px; padding-right:3em; padding-left:3em; font-size:1.6rem; cursor:pointer;}

.course-dl span.cur { background:url(../images/h_07.jpg) no-repeat center ; color:#00aced; }



.public { padding-bottom:5em; }

.public dl { padding-top:5em; }

.public dt { background:#00aced; color:#fff; width:100px; text-align:center; padding:0 0 0.5em; margin-right:1em;}

.public dt em { font-size:3rem; }

.public dt span {font-size:1.6rem; }

.public dt i { display:block; margin:0 1em 0.5em; height:1px; background:#fff;}

.public dl .ellipsis { margin-top:0.5em; }

.public dl .ellipsis a { font-size:2rem; color:#00aced;}

.public dl .ellipsis-2 { margin:0.8em 0; font-size:1.6rem; }

.public dl .f-right a{ display:inline-block; background:#fff; color:#00aced; border:1px solid #00aced; width:8em; font-size:1.6rem; line-height:2.5; text-align:center; }

.public dl .f-right a:hover { background:#00aced; color:#fff;}



.contact { }

.contact .fr { width:50%;}

.contact .oh { padding-left:10%; padding-right:5em;}

.contact .container{ height:500px; }

.contact .col-sm-6 img { max-width:100%;}



.product-header header { position:fixed; top:0; left:0; width:100%; z-index:100; transition:0.7s all; -webkit-transition:0.7s all; top:-61px;}

.product-header header .nav { background:none; box-shadow:none;}

.product-header header .nav .wrap { border-bottom:1px solid #ccc;}



.porduct-ment { background:rgba(255,255,255,0.6); border-bottom:1px solid #ddd; transition:0.7s all; -webkit-transition:0.7s all; top:-61px;}

.porduct-ment .f-24 { padding-top:0.7em; display:inline-block;}

.fp-viewing-page1 .porduct-ment { background:none; border-bottom:0;}

.product-header-2 header .nav { background:#fff;}

.product-header-2 .porduct-ment {background:rgba(255,255,255,0.6); border-bottom:1px solid #ddd;  }



.porduct-ment .f-right { padding-top:10px; }

.porduct-ment .f-right a{ display:inline-block; padding-bottom:5px;  margin-left:2em; line-height:50px; font-size:1.6rem;}

.porduct-ment .f-right a.cur { border-bottom:2px solid #00aced; color:#00aced;}

.porduct-ment .f-right a.buy { background:#00aced; color:#fff; border-radius:30px; padding-bottom:0; width:8em; text-align:center; font-size:2rem;}



.fp-viewing-page1.product-header header{ top:0; }





.rightmenu { position:fixed; right:10px; top:50%; z-index:10000; margin-top:-80px; }

.rightmenu li { position:relative; margin-bottom:15px; }

.rightmenu li a { width:6px; height:6px; display:block; background:#aaa; border:1px solid #aaa; border-radius:100%;}

.rightmenu li em { position:absolute; right:200%; top:-15px; white-space:nowrap; line-height:35px; display:none; color:#00aced;}

.rightmenu li em img { margin-right:10px;}

.rightmenu li.menu9 a { background:url(../images/icon3/1.png) no-repeat; width:13px; height:8px; position:relative; left:-3px; border:0;}



.fp-viewing-page1 .rmenu1 a{ background:#fff; border-color:#00aced; }

.fp-viewing-page1 .rmenu1 em { display:block;}

.fp-viewing-page2 .rmenu2 a{ background:#fff; border-color:#00aced; }

.fp-viewing-page2 .rmenu2 em { display:block;}

.fp-viewing-page3 .rmenu3 a{ background:#fff; border-color:#00aced; }

.fp-viewing-page3 .rmenu3 em { display:block;}

.fp-viewing-page4 .rmenu4 a{ background:#fff; border-color:#00aced; }

.fp-viewing-page4 .rmenu4 em { display:block;}

.fp-viewing-page5 .rmenu5 a{ background:#fff; border-color:#00aced; }

.fp-viewing-page5 .rmenu5 em { display:block;}

.fp-viewing-page6 .rmenu6 a{ background:#fff; border-color:#00aced; }

.fp-viewing-page6 .rmenu6 em { display:block;}

.fp-viewing-page7 .rmenu7 a{ background:#fff; border-color:#00aced; }

.fp-viewing-page7 .rmenu7 em { display:block;}

.fp-viewing-page8 .rmenu8 a{ background:#fff; border-color:#00aced; }

.fp-viewing-page8 .rmenu8 em { display:block;}



.product-full .bg { height:100%; vertical-align:bottom;}

.product-full .fp-tableCell{ position:relative; }

.product-full .txt{ position:absolute;  line-height:1.8}

.product-full h2 { font-size:6rem; }

.product-full h3 { font-size:3rem; margin:0.5em 0 1em;}

.product-full p { font-size:1.8rem;}



.oter-por { white-space:nowrap;}

.oter-por span{ display:inline-block;  text-align:center;}

.oter-por span img { max-width:100%; height:auto;}

.oter-por span em { display:block; font-size:2rem;}



.section1 .txt{  bottom:0; left:0; width:100%; ; }

.section1 .img { width:24%; margin:0 auto;}

.section2 .txt{  top:30%; left:50%; width:40%; text-align:left; }

.section3 .txt{  top:30%; right:50%; width:40%; text-align:right; }

.section4 .txt{   top:30%; left:50%; width:40%; text-align:left; }

.section5 .txt{  top:10%; left:0; width:100%; }

.section6 .txt{   top:10%; left:50%; width:40%; text-align:left; }

.section7 .txt{  top:10%; left:0; width:100%; }

.section8 .txt{  top:15%; left:0; width:100%; }

.section8 .oter-por { margin-top:5em; }

.section8 .oter-por span{ width:25%; }



.por-1-praameter { margin-top:200px;}

.por-1-praameter .fl{ width:32%; margin-right:5%; }

.por-1-praameter li { float:left; width:23%; margin:0 1%; text-align:center; font-size:1.8rem;}

.por-1-praameter li h2 { color:#666; font-size:1.8rem; margin-bottom:1em;}

.por-1-praameter li p { color:#00aced;}

.por-1-praameter li.line { width:100%; height:1px; background:#000; margin:1.5em 0;}



.skilldl1 { float:left; width:40%; margin-right:10%;}

.skilldl1 .skilldown { border:1px solid #00adee; text-align:center;}

.skilldl1 .skilldown a { display:block;}

.skilldl1 .skilldown .cf { margin-top:2em; line-height:2.6em; }

.skilldl1 .skilldown .cf .oh { font-size:1.6rem;}

.skilldl1 .skilldown .cf img { width:2.6em; height:2.6em;}

.skilldl1 .skilldown  img { max-width:100%;}

.skilldl2 { width:40%; float:left;}

.skilldl { padding-bottom:3em;}

.skilldl dt { margin-bottom:0.8em;}

.skilldl3 .p { line-height:1.8;}



.skilldl .video { position:relative; overflow:hidden;}

.skilldl .video img { transition:0.3s all; -webkit-transition:0.3s all;  }

.skilldl .video:hover img { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.skilldl .video i { background:url(../images/v.png) no-repeat; background-size:100% 100%; width:4em; height:4em; position:absolute; top:50%; left:50%; margin:-2em 0 0 -2em; z-index:100;}



.video-box { width:100%; height:400px; position:relative; background:#000;}

.video-box .bon-play { background:url(../images/v.png) no-repeat; background-size:100% 100%; width:4em; height:4em; position:absolute; top:50%; left:50%; margin:-2em 0 0 -2em;  pointer-events: none; display:block; z-index:1000;}

.lt9 .video-box.play .bon-play,

.video-box.play .bon-play { display:none; }



.pro-bor { border-bottom:1px dashed #bbb; height:0; margin:5em 0 3em;}



.product-2 { padding-top:3em; }

.product-2 > .fl { width:22%; padding-left:5%;}

.product-2 .tab-a { margin-bottom:1.5em; line-height:2em; font-size:2rem; cursor:pointer;}

.product-2 .tab-a .oh span { display:inline-block; padding-right:1em;}

.product-2 .tab-a .img { width:1.5em; height:1.5em; margin-right:1em; padding:0.25em; border:1px solid #ddd; border-radius:5px; background-repeat:no-repeat; background-size:1.5em 1.5em; background-position:center;}

.product-2 .tab-a .img img {width:1.5em; height:1.5em;}

.product-2 .tab-a.on { color:#00aced;}

.product-2 .tab-a.on .img { border-color:#00aced;}

.product-2 .tab-a.on .img img { visibility:hidden;}

.product-2 > .oh { }

.product-2 > .oh .img{ border:1px solid #eee; border-radius:1em; overflow:hidden; margin-bottom:2em; }

.product-2 > .oh .img img { width:100%; height:auto;}



.porduct-3 { }

.porduct-3 .fl { width:40%; margin-right:5%; padding-top:5em;}

.porduct-3 .fl .p { font-size:1.6rem; line-height:2; margin-top:2em;}

.porduct-3 .oh { }

.porduct-3 .oh li.line { width:100%; height:1px; background:#ddd; margin:1em 0;}

.porduct-3 .oh li { float:left; width:48%; margin-right:2%; }

.porduct-3 .oh li h2 { float:left; width:10em; font-size:1.4rem; }

.porduct-3 .oh li p { overflow:hidden;  font-size:1.4rem;}



.porduct-4 { }

.porduct-4 .left { width:60%;}

.porduct-4 .skilldl { padding-bottom:0;}



.product-list-1 { margin:2em -10px 0;}

.product-list-1 li { width:25%; float:left;}

.product-list-1 li .w { margin:0 10px;}

.product-list-1 li .w .img {  text-align:center; background:#f8f8f8;}

.product-list-1 li .w .img a { display:block; margin:0 auto; max-width:250px;}

.product-list-1 li .w .p { margin-top:1em; text-align:center;}



.porject-bot { }

.porject-bot li { float:left; width:25%; text-align:center;}

.porject-bot li a { display:block; min-height:30em; padding-top:2em;}

.porject-bot li img { width:45%; height:auto;}

.porject-bot li .p { padding:0 3em 3em; text-align:left; line-height:1.8;}

.porject-bot li a:hover { box-shadow:2px 2px 1em rgba(0,0,0,0.2);}



.porduct-home { margin-top:1em;}

.porduct-home li { float:left; width:25%; margin-bottom:1em;}

.porduct-home li .center { margin: 1em 0;}

.porduct-home li a { display:block; max-width:225px; margin:0 auto;}



.product-hot { margin:0 -20px;}

.product-hot li{ float:left; width:33.3%; margin-bottom:2em;}

.product-hot li .w { margin:0 20px;}

.product-hot li .img { background:#f6f6f6; display:block; padding:2em 1em;}

.product-hot li .img .fl { width:60%;}

.product-hot li .img .fl span { display:block; max-width:189px; margin:0 auto;}

.product-hot li .img .txt { font-size:2rem; line-height:2; overflow:hidden; color:#888; padding-top:2em; max-height:6em;}

.product-hot li p { margin-top:1em; text-align:center;}

.product-hot li p img { vertical-align:middle; position:relative; top:-2px;}



.product-list { margin:0 -20px;}

.product-list li { float:left; width:25%; margin-bottom:2em;}

.product-list li .w { margin:0 20px;}

.product-list li .img { background:#f1f5f8; display:block; padding:1em; position:relative;}

.product-list li .img span { display:block; max-width:189px; margin:0 auto;}

.product-list li p { margin-top:1em; text-align:center;}



.vi { background:url(../images/v.png) no-repeat center rgba(0,0,0,0.3); position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}



.nanofiltration { }

.nanofiltration .item { float:left; width:50%;}

.nanofiltration .item .w { padding:0 4em;}

.nanofiltration .item h3{ font-size:3rem; margin:0.5em 0;}

.nanofiltration .item p{ font-size:1.8rem; }



.edit_con_original.science_edit { padding:0 6em;}



.center-top { margin:0 -3em;}

.center-top .itme { float:left; width:33.3%;}

.center-top .itme .w { margin:0 3em; border:1px solid #ddd; border-radius:20px; padding:2em; text-align:center; min-height:10em;}

.center-top .itme h3 { font-size:2rem; margin-bottom:1em; }

.center-top .itme p { font-size:1.6rem; line-height:1.8;}



.center-pbl { }

.center-pbl li { float:left; width:25%;}

.center-pbl li .w { margin:0 0.5em 1em; position:relative; overflow:hidden;}

.center-pbl li .w .txt{ position:absolute; top:100%; width:100%;  height:100%; background:rgba(0,0,0,0.6); color:#fff; margin-top:-60px; transition:0.7s all; -webkit-transition:0.7s all;  }

.center-pbl li .w .txt table {font-size:1.6rem; width:100%; }

.center-pbl li .w .txt table td { height:60px; padding:0 1em; vertical-align:middle; text-align:center;}

.center-pbl li .w .txt .p { padding:1em; line-height:1.8; font-size:1.4rem;}

.center-pbl li .w img { width:100%; height:auto;}

.center-pbl li .w:hover .txt { top:0; margin-top:0;}

.center-pbl li .w:hover .txt table td { padding-top:1.5em;  transition:0.7s all; -webkit-transition:0.7s all; height:auto;}



.center-pbl li:first-child .txt { display:none;}



.case-list { }

.case-list li { margin-bottom:4em;}

.case-list .txt { float:left; width:54%; margin-left:5%;  position:relative;}

.case-list .txt .t { color:#00aced; font-size:16rem; position:absolute; z-index:0; top:0; left:0; line-height:1.2; font-weight:bold;}

.case-list .txt .tit { position:relative; z-index:2; background:#fff; font-size:2.4rem; padding:1em ; margin:0 0 0 3em; display:block; margin-top:3em;}

.case-list .txt .p { margin:1em 5em 0 6em; line-height:2; font-size:1.6rem;}

.case-list .img { overflow:hidden;}

.case-list li.odd .txt { float:right;}



.case-tit img { max-width:100%; height:4.5em; width:auto; }



.classroom-list { background:#fafafa;}

.classroom-list .item { padding:3em 10em; border-bottom:1px solid #ddd;}

.classroom-list dt { font-size:5rem; color:#00aced; margin-right:1em;}

.classroom-list dd > h2 { font-size:2.4rem; padding:1em 0;}

.classroom-list dd > .edit_con_original { }



.network-t { max-width:470px; border:1px solid #ddd; margin:0 auto; height:30px; line-height:30px; padding:10px;}

.network-t .fl{ background:url(../images/w_03.jpg) no-repeat 0 center; background-size:1.2em 1.2em; padding-left:2em; font-size:1.8rem; padding-right:1em;  border-right:1px solid #ddd; }

.network-t .oh{ padding:0 1em; }

.network-t .oh input { width:100%; font-size:1.6rem; height:30px; border:0; background:url(../images/w_05.jpg) no-repeat right center;  background-size:1.2em 1.2em;}



.network-box { position:relative; overflow:hidden;}

.network-box .data { position:absolute; left:0; background:#fff;  height:100%; width:30em; z-index:1000; box-shadow:0 0px 7px rgba(0,0,0,0.5);}

.network-box .data img { width:100%; height:auto;}

.network-box .data .p { padding:2em;}

.network-box .data h2 { font-size:2.8rem; color:#00aced; margin-bottom:1em;}

.network-box .data p { margin-bottom:0.5em;}

.network-box .allmap { height:600px; }



.kucity { position: absolute; top: 50px; left: 50px; width:468px; background:#f9f9f9;  box-shadow: 0 0 5px 1px #dedede; padding: 10px; }

.kucityopen .kucity { margin:5px 0 0 -150px; }

.kucity h3 { font-weight: normal; color: #666; }

.kucity .kucity_nav {  padding-top: 10px; list-style: none; }

.kucity .kucity_nav li { cursor: pointer; margin-left: -1px; display: inline-block; color: #666; padding: 3px 2px 5px; margin-right:1em;  }

.kucity .kucity_nav li.active {border-bottom: 2px solid #dedede; padding-bottom:3px;   color: rgb(4, 168, 253); }



/*kucity_body*/



.kucity .kucity_body { padding: 10px 5px; overflow-y: auto; }

.kucity .kucity_body .kucity_item { display: none; }

.kucity .kucity_body .kucity_item.active { display: block; }

.kucity_item dt, .kucity_item dd { display: inline-block; }

.kucity_item dl { padding: 3px 0; }

.kucity_item dt { color:rgb(4, 168, 253); padding-top: 3px; vertical-align: top; width: 10%; }

.kucity_item dd { width: 90%; }

.kucity_item dd span { width: 24%; display: inline-block; cursor: pointer; padding: 3px 0; border:0;  }

.kucity_item dd span:hover { color: rgb(4, 168, 253); text-decoration: underline; }



.kucity .result { list-style: none; }

.kucity .result li { padding: 5px; background-color: #fff; margin: 2px 0; cursor: pointer; overflow: hidden; }

.kucity .result li.active, .kucity .result li.active .letter { background-color: rgb(4, 168, 253); color: #fff; }

.kucity .result li .letter { float: right; color: #999; }

.kucity .result li .noresult { padding: 0 8px; color: rgb(253, 130, 27); }

.kucity .result li:hover, .kucity .result li:hover > .letter { background-color: rgb(4, 168, 253); color: #fff!important; }



.news-list { }

.news-list li { padding:2em 0; border-bottom:1px dotted #ddd; }

.news-list li .img { float:left; width:332px; margin-right:2em;}

.news-list li .txt { overflow:hidden;}

.news-list li .txt .f-24 { margin-bottom:0.6em;}



.news-tit { text-align:center; font-size:2.4rem; }

.news-date { margin:1em 0;}



.news-bot { padding:1em 0; border-bottom:1px dashed #ddd; border-top:1px dashed #ddd; }

.news-bot .fr { font-size:1.8rem; margin-top:0.5em;}

.news-bot .fr img { width:1.8em; height:1.8em; margin-right:10px;}

.news-bot .fr a{ line-height:2; display:inline-block; margin-left:2em; }

.news-bot .oh { font-size:1.6rem; }

.news-bot .oh span { color:#000;}

.news-bot .oh .p:first-child { margin-bottom:0.5em; }



.concept {  }

.concept .job-bon{ width:60%; margin-top:3em; }

.concept .job-bon a{ display:block; float:left; width:40%; margin-right:10%; }

.concept .job-bon a img { width:100%; height:auto;}



.social { }

.social li {  background:#fafafa; border-bottom:1px solid #ddd; padding:1.5em 2em; position:relative; cursor:pointer; min-height:2em;}

.social li.open { border-top:3px solid #00aced; background:#f5f5f5;}

.social li.open .p { display:block;}

.social li .p{ margin:0 4em 0 20em; display:none; }

.social li .t { position:absolute; top:50%;  font-size:2rem; margin-top:-1em;}

.social li .t em { display:inline-block; margin-right:10px;}

.social li .j { background:url(../images/jb_06.jpg) no-repeat; width:1.5em; height:1.5em; background-size:100% auto; position:absolute; top:50%; margin-top:-0.75em; right:1em; }

.social li.open .j { background:url(../images/jb_03.jpg) no-repeat; background-size:100% auto;}



.social li .p1 { line-height:3em; }

.social li .p1 .oh span { display:inline-block; margin-right:1em; font-size:1.6rem; min-width:28%;}

.social li .p1 .bon { background:#00aced; color:#fff; font-size:2rem; display:block; padding:0 1em; line-height:2; border-radius:2em;}

.social li .p2 .fl{ width:45%; margin-right:4%; margin-top:1em;}

.social li .p2 .fl .h2nr { line-height:1.8; margin-top:0.5em;}



.app { }

.app .left { width:50%; }

.app .left .fl { width:50%;}

.app .left .fl img { max-width:100%;}

.app .left .oh .f-24{ padding-top:5em; padding-bottom:1em;}

.app .left .oh .p{ line-height:1.8; }

.app .right { text-align:center; }

.app .right .t { padding:2em 0 2em;}

.app .right img { border:2px solid #00aced; max-width:100%;}

.news-footer { padding-right:2em;}
.news-footer .n-t{ margin-bottom:1em; }
.news-footer .n-p p { margin-bottom:0.5em; background:url(../images/dd12.png) left center no-repeat; padding-left:1em;}


.search-down { border-top:1px dashed #ddd; margin-top:5em; padding-top:3em;}

.product-down { }

.product-down.product-list li .img { background:#fff;}

.product-down.product-list li .d { margin-top:1em;}

.product-down.product-list li .d span { display:inline-block; margin:0 1em;}

.product-down.product-list li .d span img { display:block;}

.product-down.product-list li .d span i { color:#00aced;}



.instr .left{ width:60%; }

.search-ins-dl { }

.search-ins-dl dt { float:left; width:10em; margin-right:1em;}

.search-ins-dl dd { overflow:hidden; }

.search-ins-dl dd .t{ margin:1.5em 0 1em; font-size:1.8rem;}

.search-ins-dl dd > .cf > span { float:left; margin-right:2em; text-align:center; }

.search-ins-dl dd > .cf > span i { display:block; margin:10px 0 0 0; color:#00aced; text-align:center;}



.instr .left .select { margin-top:4em;}

.instr .left .select .s { width:28%; margin-right:1em;}

.instr .left .select .s select { width:100%;}



.honor { padding:0 8em;}

.honor .honor-pbl { margin:0 -1em;}

.honor .honor-pbl li{ width:33.33%; }

.honor .honor-pbl li .w { margin:0 1em 2em; position:relative;}

.honor .honor-pbl li .w .txt img { width:3em; height:3em; margin-bottom:1em;}

.honor .honor-pbl li .w .txt { position:absolute; background:rgba(0,0,0,0.5); color:#fff; left:0; top:0; right:0; bottom:0; padding:5em 2em 0; line-height:2; display:none;}

.honor .honor-pbl li .w:hover .txt { display:block;}

.honor .honor-pbl li .w img { width:100%;}



.demo-gallery { position:relative; margin:0 -8px; width:auto;}

.demo-gallery .demo-img { float:left; width:25%; height:50%; position:absolute;}

.demo-gallery .demo-img .w{ margin:8px; position:absolute; left:0; top:0; right:0; bottom:0;}

.demo-gallery .demo-img .w img { position:absolute; left:0; top:0; width:100%; height:100%;}

/*.demo-gallery .d1{ left:0%; top:0%;  }

.demo-gallery .d2{ left:25%; top:0%; width:50%; height:40%;  }

.demo-gallery .d3{ left:75%; top:0%;  }

.demo-gallery .d4{ left:0%; top:20%;  }

.demo-gallery .d5{ left:75%; top:20%;  }

.demo-gallery .d6{ left:0%; top:40%;  }

.demo-gallery .d7{ left:25%; top:40%;  }

.demo-gallery .d8{ left:50%; top:40%;  }

.demo-gallery .d9{ left:75%; top:40%;  }*/



.demo-gallery .d1{ left:0%; top:0%; height:100%;  }

.demo-gallery .d2{ left:25%; top:0%;   }

.demo-gallery .d3{ left:50%; top:0%; height:100%; width:50%; }

.demo-gallery .d4{ left:25%; top:50%;  }











.right-menu1 { position:fixed; z-index:100000; top:50%; right:0; width:50px;  margin-top:-150px; }

.right-menu1 i { display:block; width: 35px; height: 35px; background-image:url(../images/cion1.png); background-repeat:no-repeat;}

.right-menu1 div { position:absolute; width:200px; height:50px; right:0; top:0; background:#fff; line-height:50px;transition:0.5s all; -webkit-transition:0.5s all;  }

.right-menu1 div span { padding-left:1em;}

.right-menu1 div i { position:absolute; right:7px; top:7px;}

.right-menu1 li { width:50px; height:50px; display:block; float:right;  box-shadow:0 0 2px rgba(0,0,0,0.5); background:#fff;position:relative; overflow:hidden; transition:0.5s all; -webkit-transition:0.5s all; }

.right-menu1 li:hover { width:200px;}

.right-menu1 li:hover div{ background:#00aced; color:#fff;}

.right-menu1 li:hover div a { color:#fff;}

.right-menu1 a { display:block; color:#fff; }

.right-menu1 .a5 a { display:inline-block; margin:0 1em;}

.right-menu1 .a5 a img { vertical-align:middle; position:relative; top:-2px;}

.right-menu1 .a1 i {background-position: -0px -0px;}

.right-menu1 li:hover .a1 i {background-position: -35px -0px; }

.right-menu1 .a2 i{background-position: -70px -0px;  }

.right-menu1 li:hover .a2 i {background-position: -105px -0px;  }

.right-menu1 .a3 i{background-position: -140px -0px;  }

.right-menu1 li:hover .a3 i {background-position: -175px -0px;  }

.right-menu1 .a4 i{background-position: -210px -0px;  }

.right-menu1 li:hover .a4 i {background-position: -245px -0px;  }

.right-menu1 .a5 i {background-position: -280px -0px;  }

.right-menu1 li:hover .a5 i {background-position: -315px -0px;  }

.right-menu1 .a6 i {background-position: -350px -0px;  }

.right-menu1 li:hover .a6 i {background-position: -0px -35px;  }





.bdshare_popup_box { display:none !important;}



.case-new-b { }

.case-new-b .fl { width:50%;}

.case-new-b .oh  p{ padding:5.5em 2em 0; font-size:3rem;}

.case-new-b .swiper-pagination-bullet { background:#fff; opacity:1;}

.case-new-b .swiper-pagination-bullet-active { background:#00aced;}



.case-news-list { }

.case-news-list li { float:left; width:33%; }

.case-news-list li .w {  min-height:10em; margin-bottom:1em;  margin-right:3em; position:relative;}

.case-news-list li .w i { position:absolute; width:3px; height:8em; background:#00aced; }

.case-news-list li .w .img { max-width:314px; border-left:3px solid #00aced;  padding-left:2em; margin-bottom:1em; }

.case-news-list li .w .txt { padding-left:2em; min-height:8em;}

.case-news-list li .w h2 { font-size:2.4rem; color:#00aced; }

.case-news-list li .w h3 { font-size:2.0rem; color:#666; }



.search-tit { line-height:35px; }

.search-tit span { vertical-align:top; }

.search-tit input {height:35px; vertical-align:top; border:1px solid #ddd; background:#fff; border-radius:2px; padding:0 10px; width:15em; }

.search-tit button { font-size:1.6rem; vertical-align:top; color:#fff; background:#cf000d; width:4em; line-height:35px; border:0;}



.weixin{ position:fixed; width:300px; height:280px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:5px; box-shadow:1px 1px 10px rgba(0,0,0,0.2);}

.weixin .c{ position:absolute; width:30px; height:30px; background:url(../images/x1.png); overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}

.weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px; font-weight:normal;}

.weixin .img{ padding:10px 0 10px; text-align:center; border-top:1px solid #ddd;}

.weixin p {  margin:0 1.5%; text-align:center;  }

.weixin .img img{ width:180px; height:180px; display:block; margin:0 auto 10px; }



.BMap_bubble_content img{ display:none; }

.BMap_bubble_content h2 { font-size:2rem;}



.network-box .data { display:none;}



#waterfall-message { display:none;}



.apply-input .input1  { margin-left:3em; width:80%;}

.apply-input li { width:100%;}

.apply-input li.w50 { width:48%;}

.apply-input li .w { margin:10px 0; border:1px solid #ddd;  line-height:35px;}

.apply-input li .w input { border:0; width:100%;}

.apply-input li .w textarea { border:0; width:96%; padding:10px; min-height:120px;}

.apply-input .select2-container .select2-selection--single { height:35px;}

.apply-input .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:35px;}

.apply-input .select2-container--default .select2-selection--single .select2-selection__arrow b { height:33px;}

.apply-input li .w .s { width:31.3%; margin-left:2%;}

.apply-input li .w .s select { width:100%;}

.apply-input li .w.nonebor { border:0;}

.apply-input li .w .name{ float:left; min-width:5em; padding-left:1em;  text-align:right; padding-right:1em; }

.apply-input li .w .p{ overflow:hidden;}

.apply-input .label-radio { display:inline-block; padding:0 20px; border:1px solid #ddd; position:relative; overflow:hidden; cursor:pointer; margin-left:1em;}

.apply-input .label-radio input { position:absolute; left:-100px; visibility:hidden;}

.apply-input .label-radio.on { background:#00aced; border-color:#00aced; color:#fff;}



.alert_status { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:none; z-index:10000;}

.alert_status .box{ position:absolute; left:50%; top:50%; margin:-130px 0 0 -310px; width:619px; height:259px;}

.alert_status .box img { text-align:center; width:100%; height:auto; }

.alert_status .alter_close { position:absolute; right:10px; top:10px; width:20%; height:20%; z-index:1;}



@media only screen and (max-width: 1440px) {

    .wrap { margin:0 50px;}

    .index-bk-SAMPLE { background-size:98% auto; }



    .other-banner .banner-a { margin-top:-6em;}

    .other-banner .banner-a a img { width:12em; height:12em;}



    .product-full .bg { width:100%; height:auto;}

    .product-full h2 { font-size:4rem; }

    .product-full h3 { font-size:2rem;}

    .product-full p { font-size:1.6rem;}

}

@media only screen and (max-width: 1400px) {

    .center-pbl li { width:33.33%;}

}

@media only screen and (max-width: 1200px) {

    header .nav a { padding:0 0.5em;}

    .indexbk2 .index-tit { position:relative; top:0;}

    .footer  .footer-r { float:none; width:auto; margin-bottom:30px;}

    .menu-child .item li{ width:180px;}

    .skilldl1 .skilldown .cf { margin-top:1em;}

    .apply-input .input1 { width:auto;}

}

@media only screen and (max-width: 1024px) {

     .wrap { margin:0 1em;}

    .index-banner.swiper-container-horizontal > .swiper-pagination-bullets,

    .index-bk-2.swiper-container-horizontal > .swiper-pagination-bullets { bottom:10px;}

    .index-bk-SOLUTION .tab-b .fl {width: 77.17%;}

    .menu-bon { display:block;}

    .ph-menu { position:fixed; right:0; z-index:101; background:#00aced; color:#fff; top:0; bottom:0; min-width:10em; transform:translateX(100%); -webkit-transform:translateX(100%); transition:0.5s all; -webkit-transition:0.5s all;}

    .menu-open .ph-menu { transform:translateX(0%); -webkit-transform:translateX(0%);}

    header .nav .ph-menu a { display:block; color:#fff; text-align:center; line-height:40px;}

    header .nav .ph-menu a:first-child { margin-top:110px;}

    .menu-child { position:fixed; right:10em; top:0; height:100%; overflow:auto; width:15em; display:none; z-index:101;}

    header .nav { position:relative; z-index:100;}

    .menu-child > .w { border:0;}

    .menu-child .wrap { margin:0 0px;}

    .menu-child .item { right:0 !important;}

    .menu-child .item li{ width:15em;}

    .menu-child { display:none;}

    .menu-open .ph-mask { display: block; opacity:0.1; z-index:100; }

    header.menu0 .nav .oh .a1,

    header.menu1 .nav .oh .a2,

    header.menu2 .nav .oh .a3,

    header.menu3 .nav .oh .a4,

    header.menu4 .nav .oh .a5,

    header.menu5 .nav .oh .a6,

    header.menu6 .nav .oh .a7 { background:#fff; color:#00aced;}



    .menu-open .menu0 .menu-child,

    .menu-open .menu1 .menu-child,

    .menu-open .menu2 .menu-child,

    .menu-open .menu3 .menu-child,

    .menu-open .menu4 .menu-child,

    .menu-open .menu5 .menu-child,

    .menu-open .menu6 .menu-child { display:block;}



    header .nav .logo img{ width:16em;}

    header .top .fr a{  }

    header .top i { margin:0 0; font-size:1rem;}



    .about-content .txt { left:0%; top:0%; width:60%;}

    .about-content img { width:70%;}



    .public { padding:0;}

    .public .col-sm-6 > div { padding:0 20px;}



    .rightmenu { display:none;}

    .section { padding:3em;}

    .section1 { padding-top:8em;}

    .section .txt { position:relative; left:0 !important; top:0 !important; width:auto !important; text-align:center !important;}



    .por-body .menu-bon { top:80px;}

    .por-body.menu-open .menu-bon { top:40px;}



    .fp-viewing-page1.product-header header{ top:-61px; }

    .por-1-praameter {margin-top:140px;}

    .por-1-praameter li.line { display:none;}

    .por-1-praameter li { width:100%; margin:0;}

    .por-1-praameter li h2 { float:left; width:8em; text-align:right; margin-right:1em;}

    .por-1-praameter li p { overflow:hidden; text-align:left;}



    .skilldl1 { width:48%; margin-right:3%;}

    .skilldl2 { width:48%;}



    .product-2 .tab-a { font-size:1.5rem;}

    .porduct-3 .fl { width:auto; margin:0 0 4em; padding:0; float:none;}

    .porduct-4 .left { float:none; width:auto;}

    .porduct-4 .skilldl3 { margin-top:3em;}



    .porject-bot li .p { padding:1em;}

    .porduct-home li a { margin:0 1em;}



    .nanofiltration .item img{ width:50%;}



    .social li .t { position:relative; top:0; margin:0; margin-bottom:1em;}

    .social li .p { margin:0 3em 0 0;}



    .instr .left { width:auto; float:none; margin-bottom:2em;}

    .honor .honor-pbl li { width:50%;}



    .case-news-list li { width:50%;}

    .case-new-b .oh p { font-size:2rem;}



}

@media only screen and (max-width: 900px) {

    .about-content .txt { position:relative; width:auto;}

    .about-content img { width:auto;}



    .other-banner .banner-a { margin-top:-4em;}

    .other-banner .banner-a a { margin:0 1em;}

    .other-banner .banner-a a img { width:8em; height:8em;}



    .couse-box { margin:0;}

    .couse-box .scroll { height:auto;}

    .course-dl { display:none;}

    .couse-box dt { font-size:4em;}



    .public .col-sm-6 { width:auto; float:none;}



    .contact .fr { width:auto; float:none; margin-bottom:2em;}

    .contact .oh { padding:0; }

    .contact .container{ height:300px; }



    .porject-bot li { float:none; width:auto; margin-bottom:1em; border-bottom:1px dotted #ddd;}

    .porject-bot li a { min-height:initial; padding-top:1em;}

    .porject-bot li .t { float:left; width:8em; }

    .porject-bot li .p { overflow:hidden; margin-top:0; padding-top:0;}



    .product-hot li .img .fl { float:none; width:auto;}

    .product-hot li .img .txt { text-align:center; padding-top:1em; font-size:1.6rem;}

    .product-hot { margin:0 -5px;}

    .product-hot li .w { margin:0 5px;}

    .product-hot li p a { font-size:1.6rem;}

    .product-list { margin:0 -5px;}

    .product-list li { width:33.33%;}

    .product-list li .w { margin:0 5px;}

    .product-list li p a{ font-size:1.4rem;}



    .center-top { margin:0;}

    .center-pbl li { width:50%;}

    .center-top .itme .w { margin:0 0 1em; min-height:0;}

    .center-top .itme { width:auto; float:none;}



    .case-list .txt .t { position:relative; font-size:5rem;}

    .case-list .txt .tit { font-size:2rem; padding:1em; padding-left:0; display:block; margin:0; top:0;}

    .case-list .txt .p { padding:1em; margin:0; padding-left:0; padding-top:0;}



    .classroom-list .item { padding:2em 4em;}

    .app .left { float:none; width:auto;}

    .honor { padding:0;}

    .apply-input li.w50 { width:100%;}



}

@media only screen and (max-width: 760px) {

    header .nav .logo { margin-top:0; height:60px; line-height:60px; }

    header .nav .logo img { vertical-align:middle; top:-1px; position:relative; }

    .footer-r { display:none;}

    .footer dl { width:auto; float:none; margin-bottom:1em;}

    .footer dl dt { margin-bottom:1em;}

    .footer dl span { display:inline-block; margin:0 1em 1em 0;}

    .footer p br { display:block; }



    header .top .search { margin:0 10px;}

    .index-bk1.auto-bg { background-size:auto 130%; background-position:center bottom;}



    .index-bk1 .col-sm-6{ width:auto; margin-bottom:2em; }

    .index-bk1 .col-sm-6 dl{ padding:0;}

    .index-bk1 .col-sm-6 dl dt { float:none; margin:0 0 1em; text-align:center;}

    .index-bk-SAMPLE .bk-anli p { color:#00aced;}

    .index-bk-SOLUTION .tab-b .oh a.on i { left:0; top:0; right:0; bottom:0;}



    .footer p { text-align:center; border-top:1px solid #444; padding-top:1em;}

    .footer p a { display:inline-block; margin-top:1em;}



    .index-bk-SOLUTION .tab-b .fl{ width:auto; float:none; }

    .index-bk-SOLUTION .tab-b .oh a { float:left; width:25%; box-sizing:border-box; padding:0; border:1px solid #fff; }

    .index-bk-SOLUTION .tab-b .oh a:first-child { }

    .index-tit img { width:2.5em; height:2.5em;}



    .index-tit { line-height:35px;}

    .index-tit em{ font-size:2rem;}

    .index-tit i{ font-size:1.8rem;}



    .indexbk2 .swiper-slide .wrap .fr { width:auto; float:none;}

    .indexbk2 .swiper-slide .wrap .txt { position:relative; top:0; margin:0;left:0; text-align:center; padding-bottom:4em;}

    .index-bk-SOLUTION .index-tit .fr { float:none; }



    .other-banner .banner-a { margin-top:-2.9em;}

    .other-banner .banner-a a { margin:0 0;}

    .other-banner .banner-a a img { width:5.6em; height:5.6em;}

    .postion { margin:1em 0 1em;}

    .postion .fl { float:none; padding-bottom:5px; }

    .postion .oh { padding-top:1em; text-align:left;}

    .postion .oh a { margin-left:0; margin-right:0.8em;}



    .public .col-sm-6 > div { padding:0;}

    .public dt em { font-size:2.6rem;}

    .public dt { width:6em;}

    .public dl { padding-top:3em;}

    .footer p.f-12 br { display:block;}



    .porduct-ment .fl { display:none;}

    .porduct-ment .f-right a { font-size:1.5rem; margin-left:1em;}

    .porduct-ment .f-right a.buy { font-size:1.6rem;}

    .product-full h2 { font-size:3rem; }

    .product-full h3 { font-size:1.8rem;}

    .product-full p { font-size:1.4rem;}

   

    .section { padding:2em  1em 1em; border-bottom:1px solid #eee;}

    .section8 .oter-por { margin-top:2em;}

    .oter-por span em { font-size:1.5rem;}

     .section1 { background-size:cover; padding-top:8em;}



    .por-1-praameter .fl { float:none; margin:0 10% 2em; width:auto; }

    .por-1-praameter li h2,

    .por-1-praameter li { font-size:1.6rem;}



    .skilldl1 .skilldown .pad-20{ padding:0.5em;}

    .skilldl1 .skilldown .cf { margin-top:0.5em;}



    .product-2 .tab-a { font-size:1.3rem; float:left; white-space:nowrap; width:33%;}

    .product-2 .tab-a i { display:none; }

    .product-2 > .fl { width:auto; float:none; padding-left:0; width:auto;}



    .porduct-3 .oh .tit { border-bottom:1px solid #ddd; padding-bottom:0.5em;}

    .porduct-3 .oh li { width:auto; float:none; border-bottom:1px solid #ddd; padding:1em 0;}

    .porduct-3 .oh li.line { display:none;}

    .pro-bor { margin:2em 0;}

    .product-list-1 li { width:50%; margin-bottom:2em;}



    .other-banner { height:10em; }

    .other-banner > a img,

    .other-banner > img { height:10em; width:38em; left:50%; top:0; margin-left:-19em; position:absolute;}



    .other-banner .swiper-wrapper {height:10em;}

    .other-banner .swiper-wrapper img{ height:10em; width:38em; left:50%; top:0; margin-left:-19em; position:absolute;}



    .porduct-home li a { margin:0 2px;}



    .product-hot li { width:100%;}

    .product-hot li .img .fl { width:60%; float:left;}

    .product-hot li .img .txt { padding-top:4em;}

    .product-list li { width:50%;}

    .product-list li p { margin-top:0.3em;}

    .product-list li p a { font-size:1.2rem;}



    .edit_con_original.science_edit { padding:0 0;}

    .nanofiltration .item { float:none; width:auto;}

    .nanofiltration .item .w { padding:2em 1em 0;}

    .nanofiltration .item img { width:30%;}



    .center-pbl li .w .txt { position:relative; z-index:1; top:0; margin-top:0;}

    .center-pbl li .w .txt table { font-size:1.4rem;}

    .center-pbl li .w .txt .p { font-size:1.2rem;}



    .case-list .txt { width:60%;}

    .case-list .txt .t { font-size:3rem;}

    .case-list .txt .tit { padding:0.5em; padding-left:0; font-size:1.6rem;}

    .case-tit img { height:2.5em;}

    .case-list .txt .p { font-size:1.2rem;}

    .classroom-list .item { padding:1em;}

    .classroom-list dt { font-size:3rem;}

    .classroom-list dd > h2 { padding:0.4em 0 1em; font-size:2rem;}



    .network-box .data { display:none !important;}

    .network-box .allmap { height:300px;}

    .kucity { width:90%;}

    .kucityopen .kucity { margin:5px 0 0 -11em;}



    .news-bot .fr { float:none; margin-bottom:2em;}



   

   

    .floatnone { width:auto !important; float:none !important;}

    .concept { background-size:100% auto; }

    .concept .job-bon{ width:100%; margin-top:3em; }

    .concept .job-bon a { width:47%; margin:0 1%;}



    .social li .p1 .fr { float:none; text-align:center;}

    .social li .p2 .fl { width:auto; margin:0 0 1em 0;}

    .social li .p1 .oh span { display:block;}

    .social li .t { margin:0;}

    .social li.open .t { margin:0 0 1em;}



    .app .left .fl { width:28%; margin-right:2%;}

    .app .left .oh .f-24 { padding:1em 0;}

    .app .right img { width:80%;}

    .instr .left .select { margin-top:2em;}

    .instr .left .select .s { width:80%; margin-bottom:1em;}



    .honor .honor-pbl { margin:0 -0.5em;}

    .honor .honor-pbl li .w { margin:0 0.5em 1em;}

    .honor .honor-pbl li .w .txt { padding:1em; position:relative; display:block; background:#00aced;}



    .right-menu1 { display:none;}



    .news-list li .img { width:auto; margin:0 0 10px 0; float:none;}

    .news-list li .txt .f-24 { margin:0 0 0.2em 0;}

    .news-list li .ellipsis-5 { height:3em; margin-bottom:0.2em;}



    .case-news-list li { width:100%;}



    .case-new-b .fl { width:auto; float:none;}

    .case-new-b .oh p { padding:1em;}

    .case-news-list li .w { min-height:0;}

    .case-news-list li .w h2 { font-size:2.4rem;}

    .case-news-list li .w h3 { font-size:1.8rem;}



     .demo-gallery .demo-img .w { margin:5px;}

    .demo-gallery { height:auto !important;}

    .demo-gallery .demo-img .w { position:relative;}

    .demo-gallery .demo-img { width:100% !important; height:auto !important; position:relative !important; left:0 !important; top:0 !important; }

    .demo-gallery .demo-img .w img { width:100% !important; height:auto !important; position:relative;}

    header .wrap { margin:0 auto; position:relative;}

    header .top i { display:none;}

    header .top .search { margin:0 2px;}

    header .top .fr a {  margin:0 1px;}

    header .wrap .f-12 { position:absolute; left:5px; top:0px;}

    header .top a.en { margin-right:0.5em;}

    .menu-child > .w { border:0 !important;}



    .apply-input .input1 { margin-left:0;}

    .apply-input li .w .s { width:100%; margin:0 0 10px 0;}

    .apply-input .label-radio { padding:0 10px; margin:0 0.5em 0 0;}



    .alert_status .box { width:100%; left:0; margin:-50% 0 0 0; height:auto;}

    .product-list-1 li .w .p { min-height:3em;}
    .section8 .oter-por span { width:50%;}
    .fp-viewing-page1 .porduct-ment { background:rgba(255,255,255,0.6); border-bottom:1px solid #ddd;}
}

@media only screen and (max-width: 413px) {

    html { font-size: 60.9903%;}

}

@media only screen and (max-width: 399px) {

    html {font-size: 59.4807%;}

}

@media only screen and (max-width: 389px) {

    html { font-size: 57.971%;}

}

@media only screen and (max-width: 379px) {

    html {font-size: 56.4614%;}

}

@media only screen and (max-width: 369px) {

    html { font-size: 54.9517%;}

}

@media only screen and (max-width: 359px) {

    html { font-size: 53.442%;}

}

@media only screen and (max-width: 349px) {

    html { font-size: 51.9324%;}

}

@media only screen and (max-width: 339px) {

    html { font-size: 50.4227%;}

}

@media only screen and (max-width: 329px) {

    html { font-size: 48.913%; }

}