@charset "utf-8";


@media screen and (max-width: 640px)
{
	.mobileIndex{max-width:640px;overflow:hidden;}
	img{width:100%;display:inline-block;}
	header{max-width:640px;min-width:320px;background:#f7f7f7;position:fixed;top:0;left:0;z-index:99998;}
	.container{max-width:100%;}
	.mobile,header nav{display:none;}
	#ogo,.hide{width:100%;display:block;}
	#logo{width:55%;display:inline-block;float:left;margin:3% 7.5% 0;}
	
	#arrow{width:15%;max-width:70px;float:left;}
	#arrow img{width:100%;display:none;}
	#arrow img.arrowOne{display:block;}
	.productList{border:none;}
	/**导航**/
	#nav{width:85%;height:100%;background:#111;position:fixed;top:0;left:-85%;left:;overflow-x:hidden;overflow-y:scroll;z-index:999999999;}
	#nav ul{width:100%;float:left;display:block;}
	#nav ul li a{width:100%;height:40px;color:#bebebe;font-size:16px;border-bottom:1px solid #2f3031;display:block;line-height:40px;float:left;}
	#nav ul li span{margin-left:2%;background:rgba(0,0,0,.1);display:none;}
	#nav ul li font{width:6px;height:6px;border:1px solid #ccc;display:block;float:left;border-radius:50%;margin:16px 5%;}
	#nav ul li h3 mark{width:1em;height:3px;display:block;margin:18px 3% 0 0;float:right;background:#4a4a4a;position:relative;display:none;}
	#nav ul li h3 i{width:1em;height:3px;display:block;float:right;background:#4a4a4a;position:absolute;left:0;top:0;transform:rotate(90deg);}
	#nav ul li.hover h3 a{background:#0086e6;color:#FFF;}
	#nav ul li.hover h3 font{border:1px solid #FFF;background:#0086e6;}
	
	.nav img{max-width:6%;float:left;margin:3% 0 0 75%;}
	.nav{width:100%;float:left;height:30px;position:absolute;top:0;left:0;z-index:9999;display:none;}
	
	.subnav,.menunav{display:none;}
	#nav ul li .subnav li font{width:10px;height:10px;border:none;border-radius:none;margin:15px 2% 0 5%;margin:15px 2% 0 12%;float:left;overflow:hidden;}
	#nav ul li .subnav li font img{width:auto;height:100%;float:left;}
	#nav ul li .subnav li span{display:block;float:left}
	
	#nav ul li .menunav li font{margin:15px 4% 0 5%;margin:15px 4% 0 20%;}
	
	
	/**分类**/
	.mComprClass{width:100%;position:relative;float:left;}
	.mComprClass h2{width:100%;height:1.5em;verflow:hidden;background:rgba(61,69,80,.8);float:left;overflow:hidden;}
	.mComprClass h2 span{width:15%;color:#FFF;font-size:.6em;margin:.6em 0;text-align:center;display:block;float:left;}
	.mComprClass h2 a{width:6%;float:right;display:block;margin:0 5% 0 0;height:1.5em;}
	.mComprClass h2 img{display:inline-block;margin-top:.5em;}
	
	#wholeClass{width:100%;height:100%;position:absolute;top:2.3em;background:#000;display:none;text-align:center;}
	#wholeClass ul li a{width:100%;background:#FFF;font-size:.78em;display:block;text-align:left;text-indent:2em;padding:.8em 0;border-bottom:1px solid #d9d9d9;color:#888;}
	#wholeClass ul li.hover a,#navPro ul li:hover a{background:#f0f0f0;}
	#wholeClass ul li.btn_up a{background:#FFF;text-align:center;display:block;}
	#wholeClass ul li.btn_up a img{width:10%;display:block;margin:0 auto;}
	
	
	.newsListCont,.mobileShow{width:94%;float:left;margin-bottom:0;padding:0 3%;background:#f5f5f5;}
	.mlistBack{padding:0;}
	.newsListCont ol li time{width:100%;float:left;font-size:13px;color:#999;font-family:"方正中等线简体";margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;}
	.newsListCont ol li{width:100%;float:left;margin:10% 0 0;border-bottom:1px solid #e5e5e5;padding-bottom:8%;}
	.newsListCont li h3{margin:15px 0 10px;color:#333;}
	.newsListCont li p{color:#888;}
	.mobileMain{margin:0;padding:0;background:#f5f5f5;}
	.newShowCont p.title {margin-top: 0;}
	/**分页**/
	.page{margin-top:30px;}
	.page ul,.page ol{display:inline-block;margin:15px 0;}
	.page ul li,.page ol li{float:left;width:32px;height:32px;margin:0 5px;overflow:hidden;}
	.page ul li a,.page ul li span,.page ol li a,.page ol li span{width:30px;height:30px;line-height:30px;font-size:13px;}
	
	.productList{background:#f5f5f5;border-top:none;padding-bottom:10px;float:left;}
	.footer h4{width: 96%;font-size: 12px;text-align:center;padding:5% 2%;color:#666;border:1px solid #ccc;border-left:none;border-right:none;float:left;}
	.footFix{width:100%;background:url(../images/indexProTopImg.jpg) repeat center top;background:#0086e6;overflow:hidden;position:fixed;bottom:0;}
	.footFix ul li{width:25%;max-width:160px;float:left;padding:2% 0;text-align:center;}
	.footFix ul li mark{width:100%;text-alingn:center;color:#FFF;display:block;font-size:.8em;}
	.footFix ul li img{width:100%;margin:0 auto;}
	.footFix ul li:nth-child(2) img{width:22%;max-width:33px;}
	.footFix ul li:nth-child(3) img{width:27%;max-width:41px;}
	.footFix ul li:nth-child(1) img{width:33.5%;max-width:51px;}
	.footFix ul li:nth-child(4) img{width:28%;max-width:42px;}
	.footFix ul li a{width:100%;display:block;float:left;}
	.mobileFoot{width:100%;float:left;}
	
	.newShowTop{width:100%;height:auto;border-bottom:none;text-align:center;margin:0;padding:5% 0;}
	.newShowTop h3{font-size:18px;}
	.newShowTop h3 time{color:#888;margin-top:1%;font-size:12px;display:block;font-weight:100;}
	.newShowCont p{margin:0;}
	
	/**产品中心**/
	.mOterTop h3{display:none;}
	.mOterTop h5{width:100%;font-size:20px;text-align:center;margin:5% 0;float:left;}
	.mOterTop h5 mark{font-size:14px;color:#888;display:block;text-transform:uppercase;}
	
	.mProCont{width:94%;padding:0 3%;float:left;margin-top:5%;}
	.mProCont ol li{width:48%;float:left;margin-bottom:3%;}
	.mProCont ol li.active{width:48%;float:right;}
	.mProCont ol li h3{font-size:.8em;color:#666;text-align:center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	
	.mobileProShow,.mobileHonor,.mobileContact{width:94%;padding:0 3%;float:left;}
	#aboutFlash h3{text-align:center;font-size:18px;color:#333;margin:5% 0;}
	#aboutFlash span{width:10%;float:left;margin-top:18%;}
	#aboutFlash span.next3{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
	#aboutFlash span img{display:none;}
	.aboutFlash{width:70%;float:left;margin:0 5%;overflow:hidden;}
	.aboutFlash ul{width:400%;float:left;}
	.aboutFlash ul li{width:25%;float:left;}
	
	.mobileProShow ol{width:100%;float:left;margin:5% 0 0 0;}
	.mobileProShow ol h3{font-size:16px;color:#333;float:left;width:100%;margin:0 0 3% 0;}
	.mobileProShow ol li{width:100%;float:left;margin:1% 0;padding-bottom:3%;border-bottom:1px dotted #ccc;}
	.mobileProShow ol li mark{float:left;width:20%;font-size:16px;color:#0089e1;}
	.mobileProShow ol li span{float:left;width:80%;font-size:16px;color:#666;}
	.mobileProShow ol img{width:100%;float:left;}
	
	/**荣誉证书**/
	.mobileHonor ol li{width:48%;float:left;margin:0 0 5% 0;}
	.mobileHonor ol li mark{width:100%;height:10em;overflow:hidden;float:left;}
	.mobileHonor ol li img{height:10em;margin:auto;display:block;}
	.mobileHonor ol li.active{float:right;}
	.mobileHonor ol li h3{width:100%;float:left;font-size:14px;color:#666;text-align:center;margin-top:3%;}
	.mobileHonor .more{width:30%;margin:3% 35% 5%;heihgt:auto;display:block;font-size:16px;float:left;background:#eee;text-align:center;color:#333;}
	
	.bigImg{max-width:640px;min-width:320px;margin:0;position:fixed;left:0;top:15%;}
	.bigImg img{width:100%;float:left;}
	
	.service{width:94%;overflow:hidden;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;margin:0 3%;float:left;box-sizing:border-box;}
	.service ul li{float:left;width:50%;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;box-sizing:border-box;}
	.service ul li.active{width:50%;}
	.service ul li a{display:block;height:100%;border:1px solid #ffffff;text-align:center;box-sizing:border-box;overflow:hidden;cursor:default;}
	.service ul li a:hover{border-color:#eeeeee;}
	.mmore{width:100%;float:left;margin-bottom:6%;}
	.mmore a,.mmore mark{width:35%;line-height:2em;margin:0 auto;transition:all 0.3s ease-in 0s;text-align:center;border-radius:2em;font-size:.8em;display:block;}
	.mmore a:hover,.mmore mark{background:#0e679f;color:#FFF;}
	.mmoretop{margin-top:;}
	.mmoretop a,.mmoretop mark{background:#0e679f;color:#FFF;}
	
	/**实景**/
	.mobileReal section ol li{width:48%;float:left;text-align:center;margin-bottom:2%;}
	.mobileReal section ol li.active{float:right;}
	.mobileReal section ol li mark{height:9em;overflow:hidden;display:block;background:#000}
	.mobileReal section ol li h3{font-size:14px;line-height:1.8em}
	
	/**联系我们**/
	.mobileContact address{width:100%;font-size:14px;color:#444;margin:0;line-height:2em;}
	.mobileMap a{width:100%;float:left;text-align:center;line-height:2em;font-size:14px;margin:2% 0 4%;}
	
	
	/**首页页尾**/
	.indexEnd{float:left;margin:.6em 0 1em;}
	.wholeTop{width:94%;padding:0 3%;text-align:center;float:left;width:100%;margin:5% 0;}
	.wholeTop h3{font-size:1.2em;color:#333;}
	.wholeTop p{font-size:.8em;color:#888;margin:1% 0 0 0;}
	
	.address{width:94%;padding:0 3%;float:left;}
	.address h3{font-size:.8em;color:#333;margin:.5em 0;}
	.address p{font-size:.6em;color:#9b9b9b;line-height:1.8em;}
	.address p span{color:#686868;text-decoration:underline;}
	
	.indexEnd h4{width:100%;padding:1em 0;margin:1em 0;font-size:0.6em;text-align:center;background:#f3f3f3;color:#9b9b9b;float:left;}
	.indexEnd h4 a{color:#9b9b9b;}
	
	/**首页**/
	.WholeTop{width:94%;padding:0 3%;text-align:center;float:left;margin-top:2em; }
	.WholeTop h4{width:100%;height:1.5em;background:url(../images/TopImgBG.jpg) repeat-x  bottom;margin:0 auto;}
	.WholeTop h4 mark{display:inline-block;padding:0 .5em;font-family:Agency FB;color:#999;font-size:1.5em;letter-spacing:2px;height:1.5em;background:#FFF;text-transform:uppercase;}
	.WholeTop h3{font-size:1.5em;font-weight:bold;text-align:center;color:#0e679f;margin-top:4%;}
	.WholeTop h3 span{color:#0e679f;font-weight:bold;}
	.WholeTop p{width:100%;float:left;text-align:center;color:#999;font-size:.7em;}
	.WholeTop p img{max-width:31px;margin:0}
	
	/**链接到内页**/
	.mobileMore{width:100%;float:left;margin-top:8%;}
	.mobileMore a{width:40%;height:2.5em;line-height:2.5em;font-size:.85em;color:#0089e1;border-radius:2em;border:1px solid #ccc;display:block;text-align:center;margin:0 auto;}
	
	.mobileMainOne{height:auto;background:none;}
	
	/**精品案例**/
	.mCaseCont,.mCaseShow{width:94%;padding:0 3%;margin-top:5%;float:left;}
	.mCaseCont ol li{margin:0 0 5% 0;}
	.mCaseCont h3{width:100%;font-size:.8em;line-height:1.5em;text-align:center;}
	
	.caseShowCont{border:none;margin:0;}
	.caseShowCont p img{float:left;}
	
	.mIndexCase{width:94%;padding:0 3%;float:left;text-align:center;}
	.mIndexCase li h3{width:100%;float:left;font-size:1em;margin:0 0 3%;color:#05639e;}
	
	/**水处理**/
	.mMajor img{width:100%;float:left;}
	
	
	/**关于我们**/
	.aboutBridfCont,.mobileHistory{width:94%;padding:0 3%;border:none;}
	.aboutImg{margin:3% 0 8%;float:left;}
	.aboutBriefing p{line-height:1.8em;font-size:.8em;color:#666;text-align:left;margin-bottom:5%;}
	
	.mAdv img{width:49%;margin:0 .5%;float:left;}
}
}

@media screen and (max-width: 580px)
{
	#nav ul li a{font-size:15px;}
	.newsListCont li p{line-height:20px;}
	.mobileReal section ol li mark{height:8em;}
	
}
@media screen and (max-width: 500px){.mAdv img{max-width:70%;width:343px;margin:0 15%;}}
@media screen and (max-width: 470px){.mAdv img{max-width:74%;width:343px;margin:0 13%;}}
@media screen and (max-width: 450px)
{
	#nav ul li a{font-size:14px;}
	.nav img{max-width:6%;float:left;margin:2% 0 0 75%;}
	.newsListCont li p{line-height:20px;font-size:13px;}
	.mobileProShow ol li mark,.mobileProShow ol li span{font-size:14px;}
	.mobileReal section ol li mark{height:6.2em;}
	.mAdv img{max-width:78%;width:343px;margin:0 11%;}
}
@media screen and (max-width: 420px){.mAdv img{max-width:82%;width:343px;margin:0 9%;}}
@media screen and (max-width: 400px)
{
	#nav ul li a{font-size:13px;}
	.newsListCont li h3{font-size:14px;}
	.newsListCont li p{line-height:20px;font-size:.7em;}
	
	/**分页**/
	.ProCont ol li h3{font-size:12px;color:#666;text-align:center;}
	.mobileProShow ol li mark,.mobileProShow ol li span{font-size:13px;}
	.mobileReal section ol li mark{height:5.8em;}
	
	.mobileMore a{width:45%;font-size:.7em;}
	.mAdv img{max-width:86%;width:343px;margin:0 5%;}
}
@media screen and (max-width: 380px){.mAdv img{max-width:90%;width:343px;margin:0 5%;}}
@media screen and (max-width: 350px)
{
	.mobileProShow ol li mark,.mobileProShow ol li span{font-size:12px;}
	.mobileHonor ol li h3{font-size:12px;}
	.more{width:30%;margin:0 35% 5%;display:block;font-size:13px;}
	
	.mobileReal section ol li mark{height:4.8em;}
	.mobileMore a{width:60%;font-size:.6em;}
	.mAdv img{width:100%;}
}