﻿/* CSS Document */

body { 
	margin:0; padding:0; line-height:30px; font-family:'微软雅黑','Microsoft YaHei' ; 
	font-size:16px;color: #333333;overflow-x:hidden;
	}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	
}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* Link */
a{text-decoration:none; color: inherit;}
input{outline: none;list-style-type:none}
a{blr:expression(this.onFocus=this.blur()); outline:none;} 
li{list-style:none;padding:0;margin:0;}
.blank{ width:100%;}
.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank30{ background-color: #eeeeee;width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}
.blank90{ width:100%; height:90px; clear:both;}
.blank100{ width:100%; height:100px; clear:both;}
.blank110{ width:100%; height:110px; clear:both;}
.blank120{ width:100%; height:120px; clear:both;}
.blank130{ width:100%; height:130px; clear:both;}
.blank140{ width:100%; height:140px; clear:both;}
.blank150{ width:100%; height:150px; clear:both;}

.fl{float: left;}
.fr{float: right;}
.ld{clear: both;}
/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max{ position:relative; overflow:hidden;}
.ys{color: #007CEF;}

.hg20{line-height: 20px;}

.mt8{margin-top: 8px;}
.mt5{margin-top: 5px;}
.mt4{margin-top: 4px;}
.mt3{margin-top: 3px;}
.mt2{margin-top: 2px;}
.mt1{margin-top: 1px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt23{margin-top: 23px;}
.mt25{margin-top: 25px;}
.mt27{margin-top: 27px;}
.mt30{margin-top: 30px;}
.mt33{margin-top: 33px;}
.mt36{margin-top: 36px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt58{margin-top: 58px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mt110{margin-top: 110px;}
.mt120{margin-top: 120px;}
.mt130{margin-top: 130px;}
.mt140{margin-top: 140px;}
.mt150{margin-top: 150px;}
.mt160{margin-top: 160px;}

.ml4{margin-left: 4px;}
.ml5{margin-left: 5px;}
.ml8{margin-left: 8px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml18{margin-left: 18px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml33{margin-left: 33px;}
.ml34{margin-left: 34px;}
.ml35{margin-left: 38px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml52{margin-left: 50px;}
.ml70{margin-left: 70px;}

.ml57{margin-left: 57px;}
.ml100{margin-left: 100px;}
.ml130{margin-left: 130px;}
.mb5{margin-bottom: 5px;}
.mb8{margin-bottom: 5px;}
.m10{margin: 10px;}

.mr1{margin-right: 1px;}
.mr10{margin-right: 10px;}
.mr40{margin-right: 40px;}

.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}

.pb10{padding-bottom: 10px;}

.wd{width:1200px; height:auto; margin:0 auto;}
.kd550{width: 580px;}
.jz{text-align: center;align-content: center;}
.tal{text-align: left;width: auto; padding: 0;margin: 0;float: left;}
.tar{text-align: right;}
.lj11{font-size: 12px;color: #333333;}
.lj1{font-size: 12px;color: #333333;}
.lj1:hover{font-size: 12px;color: #007cef;}
.font30{font-size: 30px;font-weight: bolder;}
.font16{font-size: 16px;color: #000000;letter-spacing: 6px;}
.fon16{font-size: 16px;}
.fo16{font-size: 16px;color: #535353;line-height: 28px;}
.f16{font-size: 16px;}
.font14{font-size: 14px;color: #555555;font-weight: bolder;}
.font18{font-size: 18px;color: #555555;font-weight: bolder;}
.fonts18{font-size: 18px;color: #007cef;font-weight: bolder;}
.fon18{font-size: 18px;font-weight: bolder;text-align: center;}
.fo18{font-size: 18px;color: #555555;}
.fontm18{font-size: 18px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;font-weight: bolder;}
.fon24{font-size: 24px;}
.fon30{font-size: 30px;}
.font36{font-size: 36px;color: white;font-weight: bolder;}
.fontm30{font-size: 30px;font-weight: bolder;color: white;}
.fontm16{font-size: 16px;color:white;letter-spacing: 6px;}

.bt1{border-top: 2px solid #f1f1f1;height: auto;}
.bb1{border-bottom: 2px solid #d7d7d7;}
.dh1{padding: 8px 0px 8px 0px;font-size: 18px;}
.dh1:hover{padding: 8px 0px 8px 0px;font-size: 18px;color: #007cef;font-weight: bolder;border-bottom: 4px solid #007cef;}
.dh2{padding: 8px 0px 8px 0px;font-size: 18px;color: #007cef;font-weight: bolder;border-bottom: 4px solid #007cef;}
.gd1{height: 110px;}
.mkf1{font-size: 18px;color: white;font-weight:bolder;}
.mkf2{font-size: 16px;color: #666;}
.kin{height: 28px;padding-left: 10px;border: 0px;}
.dlzh{width: 100%;text-align: center;color: #1e93ff;font-size: 30px;font-weight: bolder;}
.dlzh1{width: 100%;text-align: center;color:white;font-size: 30px;font-weight: bolder;}
.kscj{width: 410px;text-align: center;font-size: 18px;color: #555555;}
.kscj1{width: 243px;text-align: center;font-size: 18px;color:white;}
.top{
	width: 1300px;
	text-align: right;
	margin: auto;
}
.jct:hover{font-weight: bolder;}
.ewms{color: white;line-height: 20px;padding-left:50px;margin-left: 50px;border-left: 1px solid white;}
.icp{color: #838383;line-height: 40px;}
.btal{background-color:#007cef;width: 140px;line-height: 40px;text-align: center;color: white;font-weight: bolder;font-size: 18px;margin-right: 50px;}
.btal1{background-color:#eeeeee;width: 140px;line-height: 32px;text-align: center;color:#555555;font-size: 18px;margin-left: 10px;}
.btal1:hover{background-color:#999999;width: 140px;line-height: 32px;text-align: center;color: white;font-size: 18px;margin-left: 10px;}
.btal2{background-color:#999999;color: white;}
.sj{padding:3px;font-size: 16px;text-align: center;line-height: 27px;}
.sj1{padding:3px;font-size: 16px;text-align: center;line-height: 18px;}
.sjb{width: 380px;height: 370px;border-bottom:2px solid #eeeeee; margin-right: 20px;}
.sjb:hover{width: 380px;height: 370px;border-bottom:2px solid #007cef;color: #007cef;}
.sjb3{
	width: 380px;
	height: auto;
	border-bottom:2px solid #eeeeee; 
	margin-right: 30px;
	background-color: #eeeeee;
}
.sjb3:hover{
	border-bottom:2px solid #007cef;
	color: #007cef;
}
.sjb3-right{
	width: 380px;
	height: auto;
	border-bottom:2px solid #eeeeee; 
	margin-right: 0;
	background-color: #eeeeee;
}
.sjb3-right:hover{
	border-bottom:2px solid #007cef;
	color: #007cef;
}


.ljs{color: #666666;font-size: 16px;line-height: 35px;}
.ljs:hover{color: #007cef;font-size: 16px;}
.gy{background-color: #007cef;color:white;height: 115px;}
.gy1{background-color: #007cef;color:white;height: 50px;}
.gy2{background-color: #f4f4f4;}
.gyx{width: 210px;box-shadow: 0 0 10px #aaaaaa;}
.qy1{border-bottom: 1px solid #cccccc;line-height: 46px;color: #555555;font-size: 16px;}
.qy1:hover{border-bottom: 1px solid #007cef;line-height: 46px;color: #007cef;font-size: 16px;font-weight: bolder;}
.qy2{border-bottom: 1px solid #007cef;line-height: 46px;color: #007cef;font-size: 16px;font-weight: bolder;}
.kw{line-height: 28px;color: #555555;font-size: 16px;}
.kw:hover{line-height: 28px;color: #007cef;font-size: 16px;}
.hx1{border-bottom: 1px solid #e5e5e5;width: 450px;}


.box{width:100%;height:611px;text-align:center;font-size:50px;position:relative;overflow:hidden;}
.box ul{height:100%;width:555px;position:relative;}
.box ul li{width:100%;height:611px;left:300px;top:0;position:absolute;}
.box ol{position:absolute;bottom:80px;width:280px;margin-left:-130px;left:50%;z-index:99999;text-align:center;}
.box ol a{width:8px;height:8px;margin-right:10px;background:white;border-radius:50%;display:inline-block;border: 2px solid white;}
.box ol a.active{z-index:18;border: 2px solid white;background-color: rgba(0,0,0,0);}
.kelaima1{width: 100%;height: 60px; line-height: 60px; margin: 0 0 10px 0; float: left; background: #f9f9f9;}
.banerx{position: relative;}
.kema1{position: absolute;bottom: 0px;left: 0; width: 100%;height: 60px;line-height: 60px; float: left; background:url(../images/shearchbg.png) repeat left top;z-index: 9999;margin: 0;}
.kema1 .mkf2{font-size: 16px;color: #ffffff;}
.kema1 .mkf2 span{font-size: 18px;}
.kelaima2{width: 920px;margin: auto;margin-top: 180px;}
.kelaima3{width: 100%;background-color: rgba(0,0,0,0.3);height: 55px;bottom: 0px;position: absolute;}
.ks1{
	background: url(../images/mkl.png) no-repeat center bottom;
	width: 100%;
	height: auto;
	margin: 120px 0 0 0;
	float: left;
}
.ks2{width: 333px;height: 640px; border: 1px #e6e6e6 solid; position: relative; background:#fff; border-radius:10px; }
.ks2 .ks-img {
	width: 100px;
	height: 100px; 
	position: absolute;
	left: 120px;
	top: -50px;
}
		.ks3{font-size: 20px;font-weight: bolder;text-align: center;width: 100%;}
		.ks4{width: 280px;color: #555555;font-size: 16px;margin: auto;margin-top: 20px;text-align: left;}
		.ks5{text-align: center;width: 100%;color: #666666;font-size: 24px;font-weight: bolder;margin-top: 40px;}
.ks6{
	background-image: url(../images/button.png);
	width: 160px;
	height: 40px;
	line-height: 40px;
	margin: auto;
	color: #333;
	font-size: 18px;
	text-align: center;
	position: absolute;
	bottom: -20px;
	left: 85px;
}
.ks6:hover{
	background-image:url(../images/button1.png);
	color: #ffffff;
}
		.ks7{background-image: url(../images/button.png);width: 160px;height: 35px;margin: auto;margin-top: 40px;color: #ffffff;font-size: 18px;text-align: center;padding-top: 5px;}
		.ks7:hover{background-image:url(../images/button2.png);width: 160px;height: 35px;margin: auto;margin-top: 40px;color: #ffffff;font-size: 18px;text-align: center;padding-top: 5px;}
		.ks8{background-image: url(../images/button.png);width: 160px;height: 35px;margin: auto;margin-top: 40px;color: #ffffff;font-size: 18px;text-align: center;padding-top: 5px;}
		.ks8:hover{background-image:url(../images/button3.png);width: 160px;height: 35px;margin: auto;margin-top: 40px;color: #ffffff;font-size: 18px;text-align: center;padding-top: 5px;}
.dh{
	width: 100%;
	height: 270px;
	float: left;
	margin: 30px 0 0 0;
	background: url(../images/zixunbg.png) no-repeat center;
	position: relative;
}
.dh .dh-tel{
	width: auto;
	height: auto;
	margin: 0;
	position: absolute;
	top: 120px;
	right: 170px;
}
.dh .dh-tel p{
	width: auto;
	height: 30;
	padding: 5px 0;
	margin: 0;
	color: #000;
	font-size: 22px;
}
.dh .dh-tel p img{
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.ks9{
	background: url(../images/dbj2.png) no-repeat center;
	width: 100%;
	height: 556px;
	margin: 30px 0 0 0;
	position: relative;
}

.ks9 em{ position:absolute; left:0; top:0; display:none;}
.ks9 .half-cirle{
	width: 390px;
	height: 50px;
	margin: 0;
	display: inline-block;
	position: absolute;
	left: 520px;
	bottom: 28px;
}
.ks9 .half-cirle a{
	width: 130px;
	height: 50px;
	line-height: 60px;
	margin: 0;
	color: #fff;
	font-size: 16px;
	float: left;
	text-align: center;
	background: url(../images/sbtn.jpg) no-repeat center;
}
.ks9 .half-cirle a:hover{
	width: 130px;
	height: 50px;
	line-height: 60px;
	margin: 0;
	color: #fff;
	font-size: 16px;
	float: left;
	text-align: center;
	background: url(../images/sbtnhover.jpg) no-repeat center;
}
.tt1{
	color: #0073de;
	font-size: 16px;
	font-weight: 
	bolder;width: 320px;
	margin-left: 830px;
	padding-top: 80px;
}
.tt2{
	color: #0073de;
	font-size: 16px;
	font-weight: bolder;
	width: 310px;
	text-align: right;
}
.tt3{
	color: #0073de;
	font-size: 16px;
	font-weight: bolder;
	width: 320px;
	margin-left: 875px;
	padding-top: 35px;
}
.tt4{
	color: #0073de;
	font-size: 16px;
	font-weight: bolder;
	width: 320px;
	text-align: right;
	padding-top: 10px;
}
		.jcc{font-size:22px;}
		.sbtn:hover{background-image: url(../images/sbtn.png);width: 100px;height: 30px;font-size: 16px;text-align: center;font-weight: bolder;color:white;padding-top: 20px;}
		.sbtn{background-image: url(../images/sbtn1.png);width: 100px;height: 30px;font-size: 16px;text-align: center;font-weight: bolder;color:white;padding-top: 20px;}
		.mlmk{margin-left: 415px;}
		.kd3{width: 90%;margin: auto;line-height: 22px;color: #666666;padding-top: 10px;}
		.yjb{box-shadow: 0 0 10px #bbb;width: 263px;height: 411px;}
		.yjb:hover{box-shadow: 0 0 10px #bbb;width: 263px;height: 411px;background-color: #007cef;color: white;}
		.yjb:hover .kd3{width: 90%;margin: auto;line-height: 22px;color: white;padding-top: 10px;}
		.ks10{position: absolute;text-align: center;}
		.ks11{height: 181px;width: 263px;}
.wd5{width: 100%;
	background: url(../images/dbjr.png);
	height: 600px;
	margin-top: 60px; 
	float: left;
}
		.qyjs{width: 68px;text-align: center;font-size: 16px;}
		
.qyzx{
	font-size: 16px;
	font-weight: bolder;
	color: #333333;
}
.qyzx:hover{
	font-size: 16px;
	font-weight: bolder;
	color: #007cef;
	border-bottom:2px solid #0073de;
	padding-bottom: 0;
	cursor: pointer;
}
		.pbb{border-top: 1px solid #cccccc;}
		.flm{float: left;}
		.flm:hover .xn{font-size: 18px;color: #007cef;font-weight: bolder;}
		.xn{font-size: 18px;color: #000000;}
		.wdx{width: 260px;}
		.rq{color: #999999;font-size: 18px;width: 100%;border-bottom: 1px solid #cccccc;}
		.xzw{line-height: 22px;color: #666666;height: 70px;}


.n1{width: 940px;font-size: 16px;color: #555555;}
				.n2{width: 220px;height: 114px;}
				.n3{width: 700px;}
				.n3:hover{width: 700px;color: #007CEF;}
				.n4{border-bottom: 1px solid #cccccc;font-size: 18px;color: #999999;}
				.n5{color: #666666;line-height: 23px;}
				.n6{font-size: 18px;font-weight: bolder;}
.fanye{text-align: center;width: 100%;margin: 0 auto;}
					.fanye a{display:inline-block;padding:0 15px;background-color: #f0f0f0;border-radius: 2px;height: 30px;margin: 0 5px;font-size: 14px;color: #535353;line-height: 30px;text-align: center;}
					.fanye .dangqian{background: #007cef;color: white;}
					.fanye a:hover{background: #007cef;color: white;}
.home-news  {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
}
.home-news a:first-child {
	margin: 0;
	float: left;
}
.home-news a {
	margin: 0 0 0 50px;
	float: left;
}
.content {
	width: 940px;
	height: auto;
	margin: 0 auto;
}
.content img {
	width: 600px;
	height: auto;
	margin: 0 auto;
}
.content h2 {
	width: 100%;
	line-height: 50px;
	font-size: 22px;
	color: #333;
	text-align:center;
	margin: 30px 0 0 0;
}
.content i {
	width: 100%;
	height: 40px;
	font-size: 14px;
	color: #999;
	text-align:center;
	font-style: normal;
	display: inline-block;
}
.content p {
	width: 100%;
	line-height: 30px;
	font-size: 16px;
	color: #555555;
	text-align:justify;
	text-indent:2em;
}
.content .next-page {
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
	border-top: 1px #eee solid;
}
.content .next-page a {
	width: auto;
	height: auto;
	margin: 0;
}
.content .next-page a:hover {
	color: #1e93ff;
}
.banner {
width: 100%;
height: auto;
float: left;
margin: 0;
}
.banner img {
width: 100%;
height: auto;
float: left;
vertical-align: middle;
}

/*--- online message ---*/

.message {
	width: 940px;
	height: 900px;
	margin: 0 auto;
	background: url(../images/messagebg.jpg) no-repeat center;
}
.message form{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	padding-top: 280px;
}
.message  form input[type=text]{
	width: 50%;
	height: 50px;
	line-height: 50px;
	margin: 0 0 20px 0;
	border: 1px #e6e6e6 solid;
	font-size: 16px;
	padding-left: 20px;
}
.message  form textarea{
	width: 50%;
	height: 200px;
	line-height: 30px;
	margin: 0 0 20px 0;
	border: 1px #e6e6e6 solid;
	font-size: 16px;
	padding-left: 20px;
}
.message  form input[type=submit]{
	width: 150px;
	height: 40px;
	line-height: 35px;
	margin: 0 0 20px 0;
	border: 1px #007cef solid;
	font-size: 16px;
	background: #1e93ff;
	border-radius:100px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.message  form input[type=submit]:hover{
	background: #007cef;
}

/*--- FAQ ---*/

.faq {
	width: 1200px;
	height: 780px;
	margin: 0 auto;
	background: url(../images/faqbg.jpg) no-repeat center;
}
.faq-text {
	width: 680px;
	height: 580px;
	margin: 55px 10px 0 0;
	float: right;
	padding: 50px;
}
.faq-text h2 {
	width: 100%;
	height: 60px;
	margin: 0;
	font-size: 25px;
	font-weight: normal;
}
.faq-text ul {
	width: 100%;
	height: 520px;
	margin: 0;
	float: left;
	overflow-y:scroll; 
}
.faq-text ul li {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	float: left;
	color:#1e93ff;
	border-bottom: 1px #e6e6e6 solid;
	padding-bottom: 20px;
}
.faq-text ul li .faq-q {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0 10px 20px 0;
	float: left;
	color:#fff;
	font-size: 18px;
	text-align: center;
	background: #1e93ff;
	font-style: normal;
}
.faq-text ul li .faq-q-p {
	width: 640px;
	height: auto;
	margin: 0 0 20px 0;
	float: left;
	color:#1e93ff;
	font-size: 18px;
}
.faq-text ul li .faq-a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0 10px 20px 0;
	float: left;
	color:#fff;
	font-size: 18px;
	text-align: center;
	background: #00bec6;
	font-style: normal;
}
.faq-text ul li .faq-a-p {
	width: 640px;
	height: auto;
	margin: 0 0 20px 0;
	float: left;
	color:#999;
	font-size: 18px;
}
.faq-text ul li img {
	width: 100%;
	height: auto;
}

/*--- 矿物洒洒清 ---*/
.content-instance {
	width: 100%;
	height: 80px;
	margin: 0 auto;
	float: left;
	clear: both;
}
.pro-content {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.pro-content .ssq-one ul {
	width: 1200px;
	height: auto;
	margin: 20px auto;
}
.pro-content .ssq-one ul li {
	width: 224px;
	height: auto;
	margin: 0 20px 0 0;
	float: left;
}
.pro-content .ssq-one ul li:last-child {
	width: 224px;
	height: auto;
	margin: 0;
	float: left;
}
.pro-content .ssq-one ul li img {
	width: 224px;
	height: auto;
	margin: 0;
	border:1px #e6e6e6 solid;
}
.pro-content .ssq-two {
	width: 1200px;
	height: 510px;
	margin: 0 auto;
	background: url(../images/ssq-two-bg.jpg);
}
.pro-content .ssq-two .text {
	width: 400px;
	height: 400px;
	margin: 120px 0 0 0;
	float: right;
}
.pro-content .ssq-two .text h3 {
	width: 200px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto 20px auto;
	font-size: 25px;
	border-bottom: 1px #666 solid;
	float: left;
}
.pro-content .ssq-two .text h3 span {
	font-size: 16px;
	font-weight: normal;
	padding-left: 10px;
}
.pro-content .ssq-two .text p {
	width: 400px;
	height: auto;
	line-height: 40px;
	margin: 0 auto;
	font-size: 16px;
	float: left;
}
.pro-content .ssq-three {
	width: 1200px;
	height: 680px;
	margin: 0 auto;
	background: url(../images/ssq-three-bg.jpg) no-repeat center;
	float: left;
}
.pro-content .ssq-three h2 {
	width: 1090px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	font-size: 40px;
	color: #fff;
	float: left;
	padding:100px 0 30px 110px;
}
.pro-content .ssq-three .video {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.pro-content .ssq-three .video {
	width:90%;
	height: auto;
	margin: 0 auto;
}
.pro-content .ssq-three .video video{width:40%;float: left;}
.pro-content .ssq-three .video .video-4{margin-left: 10%;}
.pro-content .ssq-four {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.pro-content .ssq-four ul {
	width: 1200px;
	height: auto;
	margin: 40px 0 0 0;
	float: left;
}
.pro-content .ssq-four ul .t-block {
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
	float: left;
}
.pro-content .ssq-four ul .t-block .circle {
	width: 120px;
	height: 120px;
	border-radius: 120px; 
	-moz-border-radius: 120px;  
	-webkit-border-radius: 120px; 
	background: rgba(12,177,235,.8);
	border: 1px #fff solid;
	position: absolute;
	z-index: 999;
	left: 45%;
	top: 40px;
}
.pro-content .ssq-four ul .t-block .circle p {
	width: 100%;
	height: auto;
	line-height: 33px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding-top: 3px;
}
.pro-content .ssq-four ul .t-block li:nth-child(even) {
	width: 590px;
	height: auto;
	margin: 0 20px 20px 0;
	background: #eee;
	float: left;
}
.pro-content .ssq-four ul .t-block li .left {
	width: 340px;
	height: 220px;
	margin: 0 auto;
	float: left;
}
.pro-content .ssq-four ul .t-block li .left h3 {
	width: 310px;
	height: 50px;
	line-height: 50px;
	margin: 20px 0 0 30px;
	color: #0bb1eb;
	font-size: 22px;
	float: left;
	background: url(../images/ssq-four-line.png) no-repeat left bottom;
}
.pro-content .ssq-four ul .t-block li .left p {
	width: 290px;
	height: auto;
	margin: 20px 0 0 0;
	font-size: 18px;
	float: left;
	padding:0 20px 0 30px;
}
.pro-content .ssq-four ul .t-block li .right {
	width: 250px;
	height: 220px;
	margin: 0 auto;
	float: right;
	position: relative;
}
.pro-content .ssq-four ul .t-block li .right .p-text {
	width: 255px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: rgba(0,0,0,.6);
	position: absolute;
	bottom: -16px;
}
.pro-content .ssq-four ul .t-block li .right .p-text i {
	width: auto;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	position: absolute;
	bottom:0;
	right: 20px;
	font-style: normal;
	font-family: 'Arial'；
}
.pro-content .ssq-four ul .t-block li .right img {
	width: 100%;
	height: 220px;
}
.pro-content .ssq-four ul .t-block li:nth-child(odd) {
	width: 590px;
	height: auto;
	margin: 0 0 20px 0;
	background: #eee;
	float: left;
}
.pro-content .ssq-four ul .t-block li:nth-child(odd) .left {
	width: 340px;
	height: 220px;
	margin: 0 auto;
	float: right;
}
.pro-content .ssq-four ul .t-block li:nth-child(odd) .right {
	width: 250px;
	height: 220px;
	margin: 0 auto;
	float: left;
	position: relative;
}
.ssq-banner {
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: left;
	vertical-align: middle;
	overflow: hidden;
}
.ssq-banner img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	vertical-align: middle;
}
.pro-content .ssq-five {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.pro-content .ssq-five ul {
	width: 1200px;
	height: auto;
	margin: 40px 0 0 0;
	float: left;
}
.pro-content .ssq-five ul li {
	width: 600px;
	height: 365px;
	margin: 0 auto;
	float: left;
}
.pro-content .ssq-five ul li img {
	width: 600px;
	height: 365px;
}
.pro-content .ssq-five ul li .five-text {
	width: 330px;
	height: auto;
	margin: 50px 0 0 80px;
	float: left;
}
.pro-content .ssq-five ul li .five-text h2 {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	float: left;
	color: #ffd930;
	font-size: 30px;
}
.pro-content .ssq-five ul li .five-text h3 {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	float: left;
	color: #0cb1eb;
	font-size: 18px;
}
.pro-content .ssq-five ul li .five-text p {
	width: 100%;
	height: 100px;
	line-height: 25px;
	margin: 0 auto;
	float: left;
	color: #666;
	font-size: 14px;
}
.pro-content .ssq-five ul li .five-text h4 {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	float: left;
	font-size: 16px;
}
.pro-content .ssq-six {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.pro-content .ssq-six ul {
	width: 1200px;
	height: auto;
	margin: 40px 0 0 0;
	float: left;
}
.pro-content .ssq-six ul li:nth-child(odd) {
	width: 590px;
	height: auto;
	margin: 0 20px 20px 0;
	background: #eee;
	float: left;
}
.pro-content .ssq-six ul li:nth-child(even) {
	width: 590px;
	height: auto;
	margin: 0 0 20px 0;
	background: #eee;
	float: left;
}
.pro-content .ssq-six ul li img {
	width: 180px;
	height: 200px;
	margin: 0;
	float: left;
}
.pro-content .ssq-six ul li .text-right {
	width: 340px;
	height: 170px;
	margin: 0;
	float: left;
	padding: 30px 30px 0 40px;
}
.pro-content .ssq-six ul li .text-right h3 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0;
	float: left;
	font-size: 18px;
}
.pro-content .ssq-six ul li .text-right h3 i {
	width: 3px;
	height: 20px;
	line-height: 40px;
	margin: 10px 5px 0 0;
	float: left;
	font-style: normal;
	background: #0cb1eb;
}
.pro-content .ssq-six ul li .text-right p {
	width: 100%;
	height: auto;
	line-height: 30px;
	margin: 0;
	float: left;
	font-size: 16px;
	color: #666;
}
.ssq-banner02 {
	width: 100%;
	height: 180px;
	margin: 0 auto;
	float: left;
	background: url(../images/ssq-banner02.jpg) no-repeat center;
}
.ssq-banner02 .banner-content {
	width: 1200px;
	height: 180px;
	margin: 0 auto;
	
}
.ssq-banner02 .banner-content ul {
	width: 900px;
	height: 180px;
	margin: 0 auto;
	float: left;
}
.ssq-banner02 .banner-content ul li {
	width: 150px;
	height: 180px;
	margin: 10px 0 0 0;
	float: left;
	text-align: center;
}
.ssq-banner02 .banner-content ul li p {
	width: 150px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	float: left;
	text-align: center;
	font-size: 16px;
}
.ssq-banner02 .banner-content .hotline {
	width: 300px;
	height: 180px;
	margin: 0 auto;
	float: left;
}
.ssq-banner02 .banner-content .hotline p {
	width: 260px;
	height: auto;
	line-height: 40px;
	margin: 0 auto;
	float: left;
	font-size: 20px;
	padding:60px 0 0 40px;
}
.ssq-banner03 {
	width: 100%;
	height: 386px;
	margin: 0 auto;
	float: left;
	background: url(../images/ssq-banner03.jpg) no-repeat center;
}
.ssq-banner03 h2 {
	width:30%;
	height: auto;
	line-height: 60px;
	margin-top: 135px;
	float: left;margin-left: 18%;
	color: #ffcc01;
	font-size: 33px;
}
.ssq-banner03 h2 p {
	width: auto;
	height: auto;
	margin: 0 auto;
	float: left;
	color: #fff;
	font-size: 28px;
}
.ssq-banner03 .tel {
	width: 15%;margin-left: 12%;
	height: auto;
	line-height: 40px;
	margin-top: 150px;
	float: left;
	color: #ffcc01;
	font-size: 25px;
}
.data-table {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.data-table h3 {
	width: 1200px;
	height: auto;
	line-height: 50px;
	margin: 0 auto;
	background: url(../images/data-table-title.jpg);
	color: #fff;
	font-size: 25px;padding-top: 10px;
	text-align: center;
	float: left;
	border-radius: 10px;
}
.data-table h3 p {
	font-size: 24px;height: 20px;line-height: 20px;color: #fff;text-align: center;}
.data-table h3 p img {
    vertical-align: middle;
    margin-right: 15px;
}
.data-table ul {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	float: left;
}
.data-table ul li {
	width: 200px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #666;
	background: #f6f6f6;
}
.data-table-anothor {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.data-table-anothor h3 {
	width: 1200px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	background: url(../images/data-table-title.jpg);
	color: #fff;
	font-size: 25px;
	text-align: center;
	float: left;
	border-radius: 10px 10px 0 0;
}
.data-table-anothor ul {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	float: left;
}
.data-table-anothor ul li {
	width: 240px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #666;
	background: #f6f6f6;
}

/*--- 生物砂 ---*/
.sws-title {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
}
.sws-title .main-heading {
	width: 1200px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	font-size: 30px;
	text-align: center;
	float: left;
}
.sws-title .subheading {
	width: 1200px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	float: left;
}
.sws-title .subheading p {
	width: 260px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	text-align: center;
	background: #005dbd;
	border-radius: 20px; 
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;
	padding:0 0;
	color: #fff;
	font-weight: normal;
}
.sws-content {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: url(../images/sws-one-bg.jpg);
	float: left;
	padding: 0 0 30px 0;
}
.sws-content-white {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	float: left;
}
.sws-one {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.sws-one ul {
	width: 1200px;
	height: auto;
	margin: 20px 0 0 0;
	float: left;
}
.sws-one ul li {
	width: 386px;
	height: auto;
	margin: 0 20px 0 0;
	float: left;
}
.sws-one ul li:last-child {
	width: 386px;
	height: auto;
	margin: 0 0 0 0;
	float: left;
}
.sws-one ul li img {
	width: 373px;
	height: auto;
	margin: 0;
	float: left;
	border: 1px #e6e6e6 solid;
	float: left;
	padding: 5px;
}
.sws-one ul li p {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0;
	float: left;
	text-align: center;
}
.sws-two {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.sws-two .two-info {
	width: 1200px;
	height: auto;
	margin: 40px 0;
	float: left;
}
.sws-two .two-info img {
	width: 400px;
	height: auto;
	margin: 0 auto;
	float: left;
}
.sws-two .two-info p {
	width: 750px;
	height: auto;
	line-height: 33px;
	margin: 0 auto;
	float: left;
	padding-left: 50px;
	font-size: 16px;
	color: #666;
}
.sws-two ul {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	float: left;
}
.sws-two ul li {
	width: 386px;
	height: 260px;
	margin: 0 20px 0 0;
	float: left;
	position: relative;
	background: #fff;
}
.sws-two ul li:last-child {
	width: 386px;
	height: 260px;
	margin: 0;
	float: left;
	position: relative;
	background: #fff;
}
.sws-two ul li h3 {
	width: 386px;
	height: 60px;
	line-height: 60px;
	margin: 50px 0 0 0;
	float: left;
	text-align: center;
	color:#fff;
	font-size: 30px;
}
.sws-two ul li p {
	width: 306px;
	height: auto;
	line-height: 30px;
	margin: 0;
	float: left;
	text-align: center;
	color:#fff;
	font-size: 16px;
	padding:0 40px;
}
.sws-two .triangle {
    width:0px;
    height:0px;
    border-top:20px solid rgba(0,0,0,0);
    border-right:20px solid  rgba(0,0,0,0);
    border-bottom:20px solid white;
    border-left:20px solid  rgba(0,0,0,0);
    position: absolute;
    bottom: 0px;
    left:173px;
}
.sws-three {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.sws-three ul {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	float: left;
}
.sws-three ul li {
	width: 386px;
	height: 260px;
	margin: 0 20px 0 0;
	float: left;
	position: relative;
	background: #fff;
}
.sws-three ul li:last-child {
	width: 386px;
	height: 260px;
	margin: 0;
	float: left;
	position: relative;
	background: #fff;
}
.sws-three ul li h3 {
	width: 386px;
	height: 60px;
	line-height: 60px;
	margin: 50px 0 0 0;
	float: left;
	text-align: center;
	font-size: 30px;
}
.sws-three ul li p {
	width: 306px;
	height: auto;
	line-height: 30px;
	margin: 0;
	float: left;
	font-size: 16px;
	padding:0 40px;
	text-align: center;
}
.sws-three .triangle-blue {
    width:0px;
    height:0px;
    border-top:20px solid #005dbd;
    border-right:20px solid  rgba(0,0,0,0);
    border-bottom:20px solid rgba(0,0,0,0);
    border-left:20px solid  rgba(0,0,0,0);
    position: absolute;
    top: 0px;
    left:173px;
}
.sws-three .pic-vs {
	width: 1200px;
	height: auto;
	margin: 30px 0;
	float: left;
}

.sws-three .pic-vs p {
	width: 440px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #005dbd;
}
.sws-three ul.line-six {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	float: left;
}
.sws-three ul.line-six li {
	width: 100%;
	height: 100px;
	margin: 10px 0;
	float: left;
	background: url(../images/sws-three-linebg.png);
}
.sws-three ul.line-six li .p1 {
	width: 444px;
	height: 100px;
	line-height: 100px;
	margin: 0;
	float: left;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.sws-three ul.line-six li .p2 {
	width: 72px;
	height: 80px;
	line-height: 30px;
	margin: 0;
	float: left;
	font-size: 25px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
}
.sws-three ul.line-six li .p3 {
	width: 444px;
	height: 100px;
	line-height: 100px;
	margin: 0;
	float: left;
	font-size: 20px;
	color: #666;
	text-align: center;
}
.sws-four {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.sws-four ul {
	width: 1200px;
	height: auto;
	margin: 40px 0 0 0;
	float: left;
}
.sws-four ul li {
	width: 283px;
	height: auto;
	margin: 0 20px 0 0;
	float: left;
	border: 1px #e6e6e6 solid;
}
.sws-four ul li:last-child {
	width: 283px;
	height: auto;
	margin: 0;
	float: left;
	border: 1px #e6e6e6 solid;
}
.sws-four ul li img {
	width: 273px;
	height: auto;
	margin: 5px;
	float: left;
}
.sws-four ul li h3 {
	width: 273px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	float: left;
	text-align: center;
	font-size: 18px;
	background: url(../images/sws-four-line.png) no-repeat bottom;
}
.sws-four ul li p {
	width: 243px;
	height: auto;
	line-height: 30px;
	margin: 0;
	float: left;
	padding: 20px;
	color: #666;
	font-size: 16px;
}
.sws-five {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.sws-five ul {
	width: 1200px;
	height: auto;
	margin: 40px 0 0 0;
	float: left;
}
.sws-five ul li {
	width: 386px;
	height: auto;
	margin: 0 20px 0 0;
	float: left;
}
.sws-five ul li:last-child {
	width: 386px;
	height: auto;
	margin: 0;
	float: left;
}
.sws-five ul li img {
	width: 386px;
	height: auto;
	margin: 0;
	float: left;
}
.sws-five ul li p {
	width: 386px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	float: left;
	font-size: 16px;
	text-align: center;
}

/*--- 一体化设备 ---*/
.yth-content {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	float: left;
}
.yth-one {
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: left;
}
.yth-one img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	vertical-align: middle;
}
.yth-one-text {
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: left;
}
.yth-one-text h2 {
	width: 1200px;
	height: 100px;
	line-height: 100px;
	margin: 0 auto;
	font-size: 30px;
	color: #118def;
	text-align: center;
}
.yth-one-text p {
	width: 1200px;
	height: auto;
	line-height: 30px;
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
.yth-two {
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: left;
}
.yth-two img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	vertical-align: middle;
}
.yth-three {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.yth-three h2 {
	width: 1200px;
	height: 80px;
	margin: 0 auto;
	font-size: 40px;
	text-align: center;
}
.yth-three ul li {
	width: 386px;
	height: auto;
	margin: 0 20px 0 0;
	float: left;
}
.yth-three ul li:last-child {
	width: 386px;
	height: auto;
	margin: 0;
	float: left;
}
.yth-four {
	width: 1200px;
	height: 620px;
	margin: 0 auto;
	background: url(../images/yth-four-bg.jpg) no-repeat center;
}
.yth-four h2 {
	width: 1090px;
	height: auto;
	margin: 0 auto;
	font-size: 40px;
	color: #fff;
	text-align: left;
	padding:80px 0 20px 110px;
}
.yth-four ul li {
	width: 600px;
	height: auto;
	margin: 0 ;
	float: left;
	text-align: center;
}
.yth-five {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.yth-five .five-1000 {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.yth-five .five-1000 .pic-circle {
	position: absolute;
	top: -30px;
}
.yth-five .five-1000 h2 {
	width: 100%;
	height: 130px;
	line-height: 100px;
	margin: 260px 0 0 0;
	font-size: 80px;
	color: #118def;
	float: left;
	text-align: left;
}
.yth-five .five-1000 p {
	width: 100%;
	height: 50px;
	margin: 0;
	font-size: 18px;
	float: left;
	text-align: left;
}
.yth-five .red {
	color: #ff0000;
}
.yth-five .blue {
	color: #118def;
}
.yth-banner {
	width: 100%;
	height: 170px;
	margin: 0 auto;
	background: url(../images/yth-banner.jpg) no-repeat center;
}
.yth-banner .b-text {
	width: 1200px;
	height: 170px;
	margin: 0 auto;
}
.yth-banner .b-text p {
	width: 200px;
	height: 40px;
	line-height: 40px;
	margin: 50px 0 0 0;
	float: right;
	color: #fff;
	font-size: 18px;
}
.yth-banner .b-text p img {
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
	float: left;
	vertical-align: middle;
}
.yth-banner .b-text a {
	width: 150px;
	height: 50px;
	margin: 70px 0 0 0;
	float: right;
}
.yth-six {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.yth-six .title {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.yth-six .title h2 {
	width: 1200px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	font-size: 30px;
	text-align: center;
}
.yth-six .title h3 {
	width: 1200px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	color: #666;
	font-size: 18px;
	text-align: center;
	font-weight: normal;
}
.yth-six ul {
	width: 1200px;
	height: auto;
	margin: 40px 0 0 0;
	float: left;
}
.yth-six ul li {
	width: 283px;
	height: auto;
	margin: 0 20px 0 0;
	float: left;
	border: 1px #e6e6e6 solid;
}
.yth-six ul li:last-child {
	width: 283px;
	height: auto;
	margin: 0;
	float: left;
	border: 1px #e6e6e6 solid;
}
.yth-six ul li img {
	width: 273px;
	height: auto;
	margin: 5px;
	float: left;
}
.yth-six ul li h3 {
	width: 273px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	float: left;
	text-align: center;
	font-size: 18px;
	background: url(../images/sws-four-line.png) no-repeat bottom;
}
.yth-six ul li p {
	width: 243px;
	height: auto;
	line-height: 30px;
	margin: 0;
	float: left;
	padding: 20px;
	color: #666;
	font-size: 16px;
	text-align: center;
}

/*--- 除磷剂 ---*/
.clj-content {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	float: left;
}
.clj-one {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.clj-one .title {
	width: 1200px;
	height: auto;
	margin: 0 0 30px 0;
	float: left;
}
.clj-one .title h2 {
	width: 170px;
	height: 90px;
	line-height: 90px;
	margin: 0 auto;
	float: left;
	background: #0cb1eb;
	text-align: center;
	font-size: 30px;
	color: #fff;
}
.clj-one .title h3 {
	width: 1000px;
	height: 100px;
	line-height: 100px;
	margin: 0 auto;
	float: left;
	font-size: 25px;
	padding-left: 30px;
}
.clj-one ul li {
	width: 383px;
	height: auto;
	margin: 0 20px 30px 0 ;padding-bottom: 10px;
	float: left;
	border: 1px #e6e6e6 solid;
}
.clj-one ul li:nth-child(3n) {
	width: 383px;
	height: auto;
	margin: 0;
	float: left;
	border: 1px #e6e6e6 solid;
}
.clj-one ul li img {
	width: 100%;
	height: auto;
}
.clj-one ul li p {
	width: 100%;
	height: 30px;
	line-height:30px;
	margin: 0;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #0cb1eb;
}
.clj-two {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.clj-two h2 {
	width: 100%;
	height: 100px;
	line-height: 100px;
	margin: 0 auto;
	float: left;
	text-align: center;
	font-size: 30px;
}
.clj-two .c-t-text {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	background: #0cb1eb;
	float: left;
}
.clj-two .c-t-text img {
	width: 660px;
	height: 385px;
	margin: 0 auto;
	float: left;
}
.clj-two .c-t-text h3 {
	width: 410px;
	height: 255px;
	margin: 0 auto;
	float: left;
	padding: 65px;
	font-size: 30px;
	color: #fff;
}
.clj-two .c-t-text h3 p {
	width: 100%;
	height: auto;
	line-height: 33px;
	margin: 20px 0 0 0;
	float: left;
	text-align: left;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	border-top: 1px #fff solid; 
	padding-top:30px;
}
.clj-three {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.clj-three h2 {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	float: left;
	text-align: center;
	font-size: 30px;
}
.clj-three ul li {
	width: 600px;
	height: auto;
	margin: 0 auto;
	float: left;
}
.clj-three ul li h3 {
	width: auto;
	height: auto;
	margin: 50px 0 50px 60px;
	float: left;
	color: #0cb1eb;
	font-size: 30px;
}
.clj-three ul li p {
	width: 100%;
	height: auto;
	line-height: 40px;
	margin: 0 0 0 60px;
	float: left;
	color: #666;
	font-size: 18px;
}
.clj-three ul li p i {
	width: 20px;
	height: auto;
	line-height: 40px;
	margin: 0 auto;
	float: left;
	color: #0cb1eb;
	font-size: 10px;
	font-style: normal;
}
.clj-three ul li a {
	width: auto;padding: 0 15px;
	height: 40;
	line-height: 40px;
	margin: 20px 0 0 60px;
	float: left;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background: #0cb1eb;
	-moz-border-radius: 5px;     
	-webkit-border-radius: 5px; 
	border-radius:5px; 
}
.clj-four {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.clj-four h2 {
	width: 100%;
	height: 80px;
	margin: 0 auto;
	float: left;
	text-align: center;
	font-size: 30px;
	color: #0cb1eb;
}
.clj-four ul li {
	width: 386px;
	height: auto;
	margin: 0 20px 0 0;
	float: left;
	background: #f6f6f6;
}
.clj-four ul li:last-child {
	width: 386px;
	height: auto;
	margin: 0;
	float: left;
	background: #f6f6f6;
}
.clj-four ul li img {
	width: 370px;
	height: auto;
	margin: 8px;
	float: left;
}
.clj-four ul li h3 {
	width: 386px;
	height: 50px;color: #6b6668;font-size: 24px;
	line-height: 50px;
	margin: 0 auto;
	float: left;
	text-align: center;
}
.clj-four ul li a {
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin: 30px 0 30px 20px;
	float: left;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #0cb1eb;
	-moz-border-radius: 30px;     
	-webkit-border-radius: 30px; 
	border-radius:10px; 
}

/*--- 水管家 ---*/
.sgj-content {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	float: left;
}
.sgj-one {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
.sgj-one h1 {
	width: 1000px;
	height: auto;
	line-height: 150px;
	margin: 0 auto;
	float: left;
	font-size: 50px;
	color: #007cef;
}
.sgj-one h2 {
	width: 1000px;
	height: auto;
	line-height: 80px;
	margin: 0 auto;
	float: left;
	font-size: 30px;
}
.sgj-one p {
	width: 1000px;
	height: auto;
	line-height: 40px;
	margin: 0 auto;
	float: left;
	font-size: 18px;
}

.footer{ width: 100%;background-color: #505050;height: 310px;}

.footer .links{font-size: 16px;color: white;padding-top: 50px;}
.footer-bottom{width: 100%;background-color: #333333; text-align:center;}

.tab-hd .fr{ margin-top:-15px;}
.frimg{width: 508px; overflow: hidden;}
.wd-c{width: 640px;color: white;}
.title2{ font-size:20px; border-bottom:1px #e6e6e6 solid; float:left; width:100%;margin:30px 0 10px 0; padding-bottom:10px;}



.mbtt{ display:none ; position:absolute;}


/*长效治水*/
.y_location{text-align: right;width: 390px;border-bottom: 1px dashed #cccccc;padding-top: 25px;}
.y_location h3{font-size: 14px;color: #313131;line-height: 35px;background: url(../images/y_icon1.png) no-repeat left center;display: inline;padding-left: 25px;}

.y_method{margin-bottom: 70px;}
.y_method .y_head{padding: 30px 0 50px 0;}
.y_method .y_head h3{font-size: 36px;color: #313131;line-height: 110px;font-weight: 600;margin: 0;}
.y_method .y_head h3 span{display: inline-block;*display: inline-block;zoom: 1;width: 110px;background: #0cb1eb;color: #fff;font-size: 96px;text-align: center;line-height: 105px;margin-right: 40px;height: 110px;vertical-align: top;margin: 0 40px 0 0;}
.y_method .y_head p{font-size: 20px;color: #fff;line-height: 50px;padding: 20px 25px;background: #0db0eb;border-radius:10px ;margin-bottom: 60px;}
.y_method .y_head p span{font-size: 32px;}

.y_method .y_body ul li{width: 42%;margin: 0 4%;border: 2px solid #dddddd;box-sizing: border-box;float: left;}
.y_method .y_body ul li img{display: block;width: 100%;}
.y_method .y_body h3{font-size: 24px;color: #0cb1eb;text-align: center;line-height: 100px;margin: 0;}

.y_video{background: url(../images/y_back.png)  no-repeat top center;background-size:1200px 657px;text-align: center;padding-bottom: 100px;margin-bottom: 110px;}
.y_video h4{font-size: 39px;color: #fff;line-height: 70px;font-weight: 600;padding: 60px 0 0 110px;text-align: left;}
.y_video img{width: 770px;height: auto;}

.y_step h2{font-size: 36px;color: #555555;line-height: 130px;padding-bottom: 20px;text-align: center;}
.y_step img{display: block;width: 620px;height: 410px;}
.y_step .y_text{width: 580px;height: 410px;background: #0db0eb;color: #fff;}
.y_step .y_text p{font-size: 20px;line-height: 45px;padding:30px 35px;margin: 0;text-indent: 40px;}

.y_step2 {margin-bottom: 40px;}
.y_step2 h2{font-size: 40px;color: #0db0eb;line-height: 140px;text-align: center;}
.y_step2 ul{margin-left: -2%;}
.y_step2 ul li{width: 31.333%;margin-left: 2%;border: 1px solid #bfbfbf;box-sizing: border-box;float: left;padding: 10px  10px 0 10px ;}
.y_step2 ul li img{display: block;width: 100%;}
.y_step2 h3{font-size: 24px;background: #0cb1eb;text-align: center;line-height: 95px;margin: 0;color: #fff;}

.y_step3{margin-bottom: 65px;}
.y_step3 h2{font-size: 36px;color: #555555;line-height: 140px;text-align: center;margin: 0;}
.y_step3 .y_box{background: #0db0eb;margin-bottom: 55px;}
.y_step3 .y_box p{padding: 45px 30px;color: #fff;line-height: 50px;font-size: 22px;box-sizing: border-box;}
.y_step3 .y_box p span{font-size: 36px;font-weight: 600;}
.y_step4 h2{font-size: 36px;color: #fff;line-height: 60px;padding: 0 20px;border-radius:50px ;background: #1fa1ea;text-align: center;width: 410px;margin: 0  auto!important;}
.y_step4 ul{padding: 45px 0 35px 0;}
.y_step4 ul li{width: 42%;box-sizing: border-box;padding: 10px;border: 1px solid #bfbfbf;}
.y_step4 ul li img{display: block;width: 100%;height: auto;}
.y_step4 p{font-size: 22px;color: #1fa1ea;line-height: 60px;padding: 0 50px;}
.y_step4 p span{font-size: 36px;font-weight: 600;}

.y_step5 {margin-bottom: 85px;}
.y_step5 img{width: 600px;}
.y_step5 .y_text{width: 600px;}
.y_step5 .y_text p{padding: 0 10px;font-size: 21px;line-height: 35px;}
.y_step5 h5{font-size: 30px;line-height: 55px;padding-top: 15px;text-align: center;margin: 0;}

.y_step6 h2{width: 310px;}
.y_step6 .y_box{background: #f6f5f5;margin: 20px 0 45px 0;}
.y_step6 ul{padding: 30px 0;}
.y_step6 ul li{border: 2px solid #dddddd;box-sizing: border-box;width: 45%;padding: 0;}
.y_step6 ul li img{display: block;width: 100%;height: auto;}

.y_relation h2{font-size: 40px;margin: 0;line-height: 140px;font-weight: 600;color: #1fa1ea;}
.y_relation img{display: block;width: 100%;height: auto;}
.y_relation .y_text{padding: 40px 0 10px 0;}
.y_relation p{font-size: 22px;color: #1fa1ea;line-height: 55px;}
.y_relation p span{color: #ea2d1f;}
.header2 .mt20{font-size: 30px;color: #333;}
.header2 .ml18{font-size: 20px;color: #959494;}
.header2 .tel{width: 200px;background: url(../images/y_tel.png) no-repeat right center;}

.y_title {text-align: center;padding-bottom: 40px;}
.y_title h2{font-size: 36px;color: #333;margin: 0;line-height: 80px;padding-top: 20px;}
.y_title h2 span{color: #005dbd;padding-right: 10px;}
.y_title p{font-size: 20px;padding: 5px 20px;border-radius:50px ;background: #005dbd;display: initial;color: #fff;}

.y_defect{background: url(../images/y_back1.jpg) no-repeat;background-size:cover ;padding-bottom: 65px;}
/*.y_defect .y_title{padding-bottom: 40px;}*/
.y_defect ul{margin-left: -1.6%;}
.y_defect ul li{width: 31.7333333%;margin-left:1.6%;float: left;text-align: center;}
.y_defect ul li p{font-size: 20px;line-height: 60px;color: #000;margin: 0;}
.y_defect .y_img{width: 100%;box-sizing: border-box;padding: 7px;border: 1px solid #dcdcdc;}
.y_defect .y_img img{display: block;width: 100%;height: auto;}

.y_advantage .y_box {padding-bottom: 95px;}
.y_advantage .y_box .y_left{width: 470px;}
.y_advantage .y_box .y_left img{width: 50%;height: auto;display: block;float: left;}
.y_advantage .y_box .y_right{width: 670px;}
.y_advantage .y_box .y_right p{font-size: 22px;line-height: 40px;color: #000;margin: 0;}
.y_advantage ul li{width: 25%;float: left;background: url(../images/y_xian.png) no-repeat right center;background-size:1px 74px;box-sizing:border-box ;padding-left: 5%;font-size: 20px;color: #005dbd;}
	.y_advantage ul li i{display: block;width: 75px;height: 75px;border-radius:50%;margin-right: 20px;}
.y_advantage ul li.li i{background: url(../images/y_icons1.png) no-repeat center #005dbd;background-size:45px 37px;}
.y_advantage ul li h4{margin: 0;}
.y_advantage ul li p{margin: 0;font-weight: 600;}
.y_advantage ul li.li2 i{background: url(../images/y_icons.png) no-repeat center #005dbd;background-size:39px 41px;}
.y_advantage ul li.li3 i{background: url(../images/y_icons3.png) no-repeat center #005dbd;background-size:40px 35px;}
.y_advantage ul li.li4 i{background: url(../images/y_icons4.png) no-repeat center #005dbd;background-size:45px 47px;}


.y_video2 .y_box{margin-left:-1% ;}
.y_video ul{width: 32.333333%;margin-left: 1%;float: left;padding: 0 10px;box-sizing: border-box;}
.y_video .y_box{padding-top: 110px;}
.y_video .y_box img{display: block;width: 100%;height: 260px;}
.y_video .y_box .y_text{width: 100%;height: 260px;text-align: center;color: #fff;background: #005dbd;position:relative;}
.y_video .y_box .y_text h4{font-size: 36px;padding: 30px 0 0 0;line-height: 90px;margin: 0;font-weight: 600;text-align: center;position: relative;}
.y_video .y_box .y_text h4 span{display: block;width: 35px;height: 35px;font-size: 18px;line-height: 35px;text-align: center;color: #fff;background: #70a7e0;position: absolute;top: 0px;left: 0px;}
.y_video .y_box .y_text p{font-size: 20px;line-height: 35px;margin: 0;}
.y_video .y_box .y_text i{display: block;width: 29px;height: 12px;margin-left: -16.5px;}
.y_video .y_box .y_text i.icon1{background: url(../images/y_sjx2.png) no-repeat;background-size:100% 100%;position: absolute;bottom: -12px;left: 50%;}
.y_video .y_box .y_text i.icon2{background: url(../images/y_sjx.png) no-repeat;background-size:100% 100%;position: absolute;top: -12px;left: 50%;}
.y_video2 h3{font-size: 40px;color: #333;line-height: 80px;text-align: center;}

.y_tel{background: url(../images/y_backs.jpg) no-repeat;background-size:cover ;padding-top: 274px;margin-top: -274px;}
.y_tel .y_body .y_box .y_left{width: 40%;}
.y_tel .y_body .y_box .y_left img{display: block;width: 100%;height: auto;}
.y_tel .y_body .y_box .y_left p{font-size: 30px;line-height: 70px;color: #333;font-weight: 600;margin: 0;text-align: center;}
.y_tel .y_body .y_box .y_left.on p{color: #005dbd;}
.y_tel .y_body .y_box .y_content{padding:5% 3%;width:  20%;box-sizing: border-box;}
.y_tel .y_body .y_box .y_content img{display: block;width: 100%;height: auto;}
.y_tel .y_list ul{padding: 20px 0 55px 0;}
.y_tel .y_list ul li{background:url(../images/y_backs3.png)  no-repeat;height: 90px;background-size:100% 100%;font-size: 26px;color: #fff;line-height: 90px;text-align: center;width: 100%;margin-bottom: 30px;}
.y_tel .y_list ul li p{width: 45%;margin: 0;margin: 0;float: left;}
.y_tel .y_list ul li span{width: 10%;float: left;}
.y_tel .y_list ul li strong{font-weight: 400;width: 45%;float: left;color: #333;}

.y_case .y_body ul{margin-left: -2%;padding-bottom: 35px;}
.y_case .y_body ul li{width: 23%;box-sizing: border-box;padding: 5px 5px 65px 5px;border: 1px solid #cccccc;float: left;margin-left: 2%;}
.y_case .y_body ul li img{display: block;width: 100%;height: auto;}
.y_case .y_body ul li h3{font-size: 24px;color: #333;font-weight: 600;line-height: 60px;margin: 0;text-align: center;}

.y_construction ul{margin-left: -3%;padding-bottom: 30px;}
.y_construction ul li{width: 30.33333%;margin-left: 3%;float: left;}
.y_construction ul li img{display: block;width: 100%;height: auto;}
.y_construction ul li p{font-size: 30px;color: #005dbd;line-height: 60px;text-align: center;font-weight: 600;}
.flinks2 a{padding: 0 10px;}



/*新加页面样式*/
.x_banner{position: relative;margin-bottom: 25px;}
.x_banner .kelaima1{position: absolute;bottom: 0;left: 0;right: 0;margin: 0;background: url(../images/x_tm.png);background-size:100% 100%;}
.x_banner .kelaima1 .mkf2{color: #fff;}
.x_banner .kelaima1 .mkf2 span{font-weight: 600;}

.x_wd{background: url(../images/x_hr.png) no-repeat right bottom;background-size:390px 1px;}
.x_title{text-align: center;padding: 80px 0 40px;}
.x_title h3{font-size: 32px;font-weight: 600;color: #009944;line-height: 32px;margin: 0;}
.x_title h6{font-size: 16px;line-height: 30px;color: #000;margin: 0;padding-top: 10px;}
.x_title img{width: 107px;height: auto;}

.x_efficacy{padding-bottom: 50px;}
.x_efficacy ul li{background: #fff;height: 295px;box-shadow:-10px 9px 25px #ccc;margin-bottom: 45px;}
.x_efficacy .text{width: 650px;margin: 20px 40px 0 20px;float: left;}
.x_efficacy .text h3{font-size: 26px;line-height: 70px;color: #009944;border-left:50px solid #009944;border-bottom: 1px solid #d2d2d2;padding-left: 25px;margin: 0 0 20px 0;}
.x_efficacy .text p{font-size: 16px;color: #373737;line-height: 30px;font-weight: 600;padding: 0 17px;margin: 0;}
.x_efficacy .thumb{float: right;}
.x_efficacy .thumb img{width: 403px;height: 295px;display: block;}
.x_efficacy ul li:nth-child(even){box-shadow:9px 10px 25px #ccc;}
.x_efficacy ul li:nth-child(even) .text{float: right;}
.x_efficacy ul li:nth-child(even) .thumb{float: left;}

.x_video{background: url(../images/x_back.jpg) no-repeat center;height: 646px;background-size:1399px 646px;margin-bottom: 160px;}
.x_video .left{padding-top: 60px;}
.x_video .left h3{font-size: 46px;font-weight: 600;color: #fff;line-height: 100px;margin: 0;}
.x_video .right{padding-top: 230px;}
.x_video .right h3{font-size: 48px;font-weight: 600;line-height: 70px;margin: 0;}

.x_problem ul li{position: relative;}
.x_problem ul li h4{position: absolute;top: 0;left: 0;width: 63px;height: 63px;text-align: center;color: #fff;background: #160001;margin: 0;font-size: 41px;line-height: 63px;text-align: center;}
.x_problem ul li .text{padding: 0 27px 0 90px;background: #dfdfdf;line-height: 63px;font-size: 22px;color: #362324;}
.x_problem ul li:nth-child(even) .text{padding: 7px 27px 7px 90px;background: #fff;min-height: 100px;}
.x_problem ul li:nth-child(even) .text p{font-size: 18px;color: #000;line-height: 30px;margin: 0;}
.x_problem ul li:nth-child(even) h4{background: #009944;}
.x_case{overflow: hidden;text-align: center;}
.x_case .top h3{font-size: 32px;color: #009944;font-weight: 600;line-height: 55px;border-bottom: 1px solid #b2b2b2;margin-bottom: 20px;text-align: left;}
.x_case ul{margin-left: -2%;padding-bottom:60px;}
.x_case ul li{width: 23%;box-sizing: border-box;margin-left: 2%;border: 1px solid #ccc;float: left;margin-bottom: 60px;}
.x_case ul li img{height: 289px;display: block;width: 100%;}
.x_case ul li p{font-size: 18px;color: #000;line-height: 40px;text-align: center;margin: 0;}
.x_tops{position: fixed;bottom:45%;right: 0;}

.x_title2{padding:37px 0 55px;text-align: center;}
.x_title2 h3{font-size: 30px;color: #333333;font-weight: 600;line-height: 75px;margin: 0;}
.x_title2 h6{display: inline-block;*display: inline-block;zoom: 1;line-height: 35px;padding: 0 25px;font-size: 18px;color: #fff;background: #005dbd;border-radius:50px ;margin: 0;}
.x_issue ul{margin-left: -2%;}
.x_issue ul li{width: 23%;margin-left: 2%;border: 1px solid #cccccc;box-sizing: border-box;padding: 5px;height: 405px;float: left;}
.x_issue ul li img{display: block;width: 100%;height: 200px;}
.x_issue ul li .text{padding: 0 15px;}
.x_issue ul li .text h4{font-size: 24px;color: #333;font-weight: 600;line-height: 50px;padding-top: 5px;text-align: center;margin: 0;}
.x_issue ul li .text img{width: 231px;height: 10px;display: block;margin: 0 auto 13px;}
.x_issue ul li .text p{font-size: 18px;color: #333;line-height: 30px;margin: 0;}
.x_info{padding-top: 30px;}
.x_info .x_title2 h3{line-height: 50px;}

.x_info .text{width: 600px;}
.x_info .text h4{font-size: 24px;text-align: center;color: #000;line-height: 24px;text-align: center;margin: 0;}
.x_info .text img{width: 375px;padding: 18px 0 19px;display: block;margin: 0 auto;}
.x_info .text h5,.x_info .text p{font-size: 16px;line-height: 32px;margin: 0;font-weight: 400;}
.x_info .img{width: 579px;height: 479px;}
.x_info .img img{display: block;width: 100%;height: 100%;}
.x_list .x_title2{padding: 60px 0 20px;}
.x_list ul li{position: relative;width: 50%;float: left;margin-bottom: 45px;}
.x_list ul li h3{position: absolute;top: 0;left: 0;width: 70px;height: 75px;text-align: center;line-height: 75px;color: #fff;font-weight: 600;font-size: 38px;background: #01429e;text-align: center;margin: 0;}
.x_list ul li .text{padding-left: 85px;}
.x_list ul li .text h5{font-size: 26px;color:#01429e;font-weight: 600;line-height: 26px;padding-bottom: 10px;margin: 0;}
.x_list ul li .text p{font-size: 15px;line-height: 25px;color: #000;margin: 0;}

.x_advantage{padding-bottom: 95px;}
.x_advantage .img,.x_advantage .text{width: 50%;float: left;}
.x_advantage .img img{display: block;width: 100%;height: auto;}
.x_advantage .text{text-align: center;}
.x_advantage .text .boxs{display: inline-block;*display: inline-block;zoom: 1;text-align: left;}
.x_advantage .text h5{font-size: 24px;color: #01429e;line-height: 45px;font-weight: 600;margin: 0;padding-top: 55px;}
.x_advantage .text p{font-size: 18px;line-height: 33px;color: #000;margin: 0;}
.x_advantage ul li:nth-child(even) .img{float: right;}

.x_tels{height: 170px;background: url(../images/x_back4.jpg) no-repeat;background-size:cover ;margin-bottom: 40px;}
.x_tels .boxs{width: 830px;margin: 0 auto;color: #fff;}
.x_tels .boxs h3{line-height: 80px;border-radius:10px;background: #fff;font-size: 47px;font-weight: 600;padding: 0 25px;color: #017eda;box-shadow: 1px 2px 20px #017eda;}
.x_tels .boxs p{font-size: 24px;padding-left:70px;background: url(../images/x_tel1.png) no-repeat left center;line-height: 40px;background-size:60px auto;}
.x_tels .boxs p strong{font-weight: 600;font-size: 36px;}

.y_field ul{margin-left: -42px;}
.y_field ul li{width: 268px;box-sizing: border-box;float: left;margin-left: 42px;text-align: center;padding-bottom: 50px;}
.y_field ul li .img{margin-bottom: 25px;height: 254px;background: #d2d2d2;border-radius:50%;padding: 7px;}
.y_field ul li img{width: 100%;height: 100%;border-radius:50%;}
.y_field ul li p{font-size: 24px;line-height: 40px;color: #01429e;margin: 0;}
.x_case2 ul{margin-left: -3%;padding: 0;}
.x_case2 ul li{text-align: center;height: 535px;width: 30.3333%;margin-left: 3%;}
.x_case2 ul li .boxs{display: inline-block;*display: inline-block;zoom: 1;text-align: left;padding: 0 38px;}
.x_case2 ul li h4{font-size: 24px;font-weight: 600;color: #333;line-height:24px;padding-top:30px;margin: 0;}
.x_case2 ul li i{display: block;margin:17px auto 13px;width: 40px;height: 1px;background: #000;}
.x_case2 ul li p{line-height: 32px;}
.x_problem2 ul li:nth-child(even) h4{background: #005dbd;}
.x_problem2 h3{font-size: 30px;text-align: center;color: #005DBD;line-height: 30px;padding-bottom: 40px;}