.constr-bg{padding-left: 0;padding-right: 0;padding-bottom: 8.5%;}
.constr-top{padding-left: 2.4em}



.two-nav{
	background-color: #efefef;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
 }
 .two-nav ul{ 
 	display: inline-block;
 }
 .two-nav li{ 
 	display: inline-block;
 	background-color: #fff;
 }
.two-nav li a{ 
	font-size: 1.5em;
	color: #333;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	background-position: 8% center;
	background-size: 28px auto;
}
.two-nav ul li:nth-child(1) a{ 
	padding: 1.15em 1.8em 1.15em 2.6em;
	background-image: url(../images/const-icon.png);
}
.two-nav ul li:nth-child(1):hover a,.two-nav ul li:nth-child(1).curr a{ 
	background-image: url(../images/hov-const-icon.png);
}
.two-nav ul li:nth-child(2) a{ 
	padding: 1.15em 2.2em 1.15em 3em;
	background-image: url(../images/online-icon.png);
}
.two-nav ul li:nth-child(2):hover a,.two-nav ul li:nth-child(2).curr a{ 
	background-image: url(../images/hov-online-icon.png);
}
.two-nav ul li:nth-child(3) a{ 
	padding: 1.15em 2.1em 1.15em 2.9em;
	background-image: url(../images/envir.png);
}
.two-nav ul li:nth-child(3):hover a,.two-nav ul li:nth-child(3).curr a{ 
	background-image: url(../images/hov-envir.png);
}
.two-nav li.curr,.two-nav li:hover{ 
	background-color: #00c9ff;
}
.two-nav li.curr a,.two-nav li:hover a{ 
	color: #fff
}
.constr-title h1{ 
	font-size: 1.5em;
	color: #333;
}


.pro-img{ 
	background-color: #fff;
	margin: 1.65% 0 0 0;
}
.pro-img .pi-lf{ 
	float: left;
	width: 65.914%;
}
.pro-img .pi-rh{ 
 float: right;
 width: 32.876%;
}
.cont-tit{ 
	padding: 3.3% 0 2% 0;
}
.cont-tit h2{ 
	font-size: 1.8785em;
	color: #00c9ff;
}
.cont-tit h2:after{ 
	content: "";
	display: block;
	width: 1.8em;
	height: 1px;
	background-color: #00c9ff;
	margin-top: 15px
}
.pro-cont .one-pro-item:nth-child(1) .pro-dtl{ 
	padding: 0 22.58% 0 7.258%;
}
.pro-cont .one-pro-item:nth-child(2) .pro-dtl{ 
	padding: 0 5% 0 8%;
}
/*.pro-cont .one-pro-item:nth-child(2) .pro-dtl .pro-zhnr{ */
	/*margin: 3.2% 0 0 0*/
/*}*/
.pro-cont .one-pro-item:nth-child(3) .pro-dtl{ 
	padding: 6.774% 7.741% 0 7.258%
}
.pro-cont .one-pro-item:nth-child(3) .pro-dtl .pro-zhnr{ 
	margin: 4.5% 0 0 0
}
.pro-cont .one-pro-item:nth-child(3) .pro-dtl .pro-zhnr p{ 
	
}
.pro-dtl .pro-fir{ 
	color: #333;
	line-height: 2.2
}
.pro-dtl .pro-fir span{ 
	font-size: 1.875em;
	color: #00c9ff;
	font-style: italic;
	display: inline-block;
}
.pro-dtl .pro-zhnr p{ 
	font-size: 0.875em;
	color: #666;
	line-height: 2.2;
}
.pro-dtl .pro-zhnr{ 
	margin: 4% 0 0 0
}
.pro-dtl .pro-zhnr p:before{ 
	content: "·";
	font-weight: bold;
	display: inline-block;
	margin-right: 2.5%
}

.pro-cont .one-pro-item:nth-child(2n) .col-md-6:nth-child(1){ 
	float: right;
}
.pro-cont .one-pro-item:nth-child(2n) .col-md-6:nth-child(2){ 
	float: right;
}


.constrt-mid{ 
	background-color: #e9e9e9;
	padding-left: 2.4em;
	margin: 7.8125% 0 0 0
}
.constrt-mid .cont-tit{ 
	padding: 4.2% 0 3.5% 0
}
.lp-img{position: relative;}
.lp-img .lp-more{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);text-align: center;padding-top: 25%;display: none}
.lp-img .lp-more a{font-size: 3em;color: #fff;width:100%;height:100%;display:block;}
.lp-img .lp-more a:hover{color: #00c9ff}
.lp-img:hover .lp-more{display: block}
.owl-carousel .lp-img img{ width: auto;}
.lp-item{padding-right: 1.5em}
.lp-tit a{font-size: 1.125em;color: #333}
.lp-tit{padding: 1.1em 0}
.lb-pro{padding-bottom: 11.7%}
.lb-pro .owl-carousel .owl-dots{position: absolute;bottom: -30%;left: 46%}


.constrt-bot{ 
	background-color: #f5f5f5;
	padding-left: 2.4em;
	margin: 4.2% 0 0 0
}
.constrt-bot .lb-pro{ 
	padding-bottom: 8.89%;
}
.constrt-bot .lb-pro .owl-carousel .owl-dots{ 
	bottom: -18%
}

.constrt-guest{ 
	padding-left: 2.4em;
}
.constrt-guest .guest-book-zl{ 
	background-color: #fff;
	width: 100%;
	
}



/*在线监测*/
.myonline .pi-lf{ 
	width: 54.0322%
}
.myonline .pi-rh{
	width: 45%
}
.online-cont{ 
	margin-top: 2.885%
}
.online-cont .orc-dtl{ 
	text-align: center;
	padding: 9.677% 0 0 0;
}
.online-cont .orc-dtl .orc-tit a{ 
	font-size: 1.125em;
	color: #333;
	line-height: 1.6
}
.online-cont .orc-dtl .orc-zhnr{ 
	width: 76%;
	margin: 0 auto
}
.online-cont .orc-dtl .orc-zhnr p{ 
	font-size: 0.875em;
	color: #666;
	line-height: 2.15
}
.online-cont .orc-dtl .orc-tit{ 
	margin-bottom: 4.8%
}
.online-cont .orc-dtl .orc-more{ 
	margin: 4.5% 0;
}
.online-cont .orc-dtl .orc-more a{ 
	display: inline-block;
	width: 20px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: left center
}
.online-cont .one-online-item:nth-child(2n+1) .orc-dtl .orc-more a{ 
	background-image: url(../images/online-more.png);
}
.online-cont .one-online-item:nth-child(2n) .orc-dtl .orc-more a{ 
	background-image: url(../images/online-more-r.png);
}
.online-cont .orc-img{ 
	text-align: right;
	position: relative;
}
.online-cont .orc-img .oi-fugai{ 
	position: absolute;
	top: 0;
	right: 0;
	width: 92.258%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	padding-top: 25%;
	display: none
}
.online-cont .orc-img:hover .oi-fugai{ 
	display: block;
}
.online-cont .orc-img .oi-fugai a{ 
	font-size: 1em;
	color: #fff;
	display: inline-block;
	padding: 1em 2em;
	border: 1px solid #fff
}
.online-cont .orc-img .oi-fugai a:hover{ 
	background-color: #00c9ff;
	border: 1px solid #00c9ff;
}
.one-online-item{ 
	padding: 2.76% 0;
	border-bottom: 1px solid #d7d7d7;
}

.online-cont .one-online-item:nth-child(2n) .col-md-6{ 
	float: right;
}
.online-cont .one-online-item:last-child{ 
	border-bottom: none
}
.myonline .constr-top{ 
	padding-bottom: 8.2%
}




/*环境治理工程*/
.my-govern{ 
	padding-bottom: 13.6%;
}
.my-govern .pro-img{ 
	position: relative;
}
.my-govern .pro-img .pg-nav{ 
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	padding-top: 12.096%;
}
.my-govern .pro-img .pg-nav a{ 
	display: inline-block;
	font-size: 1.5em;
	color: #25bc69;
	background-color: #fff;
	padding: 0.3em 2.5em;
	border-radius: 30px;
	line-height: 1.5
}
.my-govern .pro-img .pg-nav a.cur,.my-govern .pro-img .pg-nav a:hover{ 
	background-color: #25bc69;
	color: #fff;
}
.my-govern .pro-img .pg-nav a span{ 
	display: inline-block;
	margin-left: 1em
}
.my-govern .pro-img .pg-nav a:nth-child(1){ 
	margin-right: 4%;
}

.my-govern .cont-tit{ 
	padding-top: 5.8%;
	padding-bottom: 2.5%
}
.my-govern .pro-cont p{ 
	font-size: 0.875em;
	color: #666;
	line-height: 2.1;
	letter-spacing: 0.3px
}
.my-govern .reason-case{ 
	background-color: #fff;
	padding: 1.2em 2.5em 2.25em 1.5em;
	margin: 4.15% 0 1.2% 0;
}
.my-govern .reason-case .rea-ca-tit{ 
	font-size: 1.5em;
	color: #333;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #d2cac9
}
.my-govern .reason-case .rea-ca-cont{ 
	padding-top: 1.45%;
}
.my-govern .reason-case .rea-ca-cont .r-tit{ 
	font-size: 1em;
	color: #333;
	font-weight: bold;
	line-height: 1.5
}
.my-govern .reason-case .rea-ca-cont p{ 
	font-size: 0.875em;
	line-height: 2.15;
	letter-spacing: 0.8px;
}
.my-govern .reason-case.invalid{ 
	margin-top: 0
}
.my-govern .reason-case .rea-ca-cont .rea-ca-item{
	margin-bottom: 3%
}
.my-govern .reason-case .rea-ca-cont .rea-ca-item:last-child{ 
	margin-bottom: 0
}
.my-govern .constrt-mid{ 
	margin-top: 0;
	background-color: #f5f5f5;
}
.my-govern .constrt-mid .cont-tit,.my-govern .constrt-bot .cont-tit{ 
	padding-top: 4.2%;
	padding-bottom: 2.2%
}
.my-govern .constrt-mid .lp-tit a{ 
	color: #666;
	line-height: 1.5;
}
.my-govern .constrt-mid .lb-pro .owl-carousel .owl-dots .owl-dot span{ 
	
}
.my-govern .constrt-mid .lb-pro .owl-carousel .owl-dots{ 
	bottom: -5.5%;
}
.my-govern .lb-pro{ 
	padding-bottom: 3.35%;
}
.my-govern .constrt-bot .lb-pro{ 
	background-color: #e5e5e5;
	padding: 11% 0 11% 1.5em;
}
.my-govern .constrt-bot .lb-pro .re-pp .re-pp-item{ 
	float: left;
	padding-right: 3.2%;
	width: 33.333%
}
.my-govern .constrt-bot .lb-pro .re-pp{ 
	margin-top: -17%
}
.my-govern .constrt-bot .cont-tit{ 
	padding-bottom: 7.1%;
}



.my-govern #gb-guestbooks{ 
	margin-top: 0
}



/*响应部分*/

@media screen and (max-width: 1630px){ 
	.cont-tit h2{ 
		font-size: 1.4em;
	}

	.pro-cont .one-pro-item:nth-child(1) .pro-dtl{ 
		padding: 0 10% 0 7.258%
	}
	.pro-dtl .pro-fir{ 
		line-height: 1.8;
		font-size: 1em;
	}
	.pro-dtl .pro-zhnr p{ 
		padding: 0;
		line-height: 2;
		font-size:13px;
	}
	.pro-cont .one-pro-item:nth-child(2) .pro-dtl{ 
		padding: 2% 5% 0 0
	}

	.pro-cont .one-pro-item:nth-child(2) .pro-dtl .pro-zhnr{ 
		margin-top: 0
	}

	.lb-pro .owl-carousel .owl-dots .owl-dot{padding-top: 0}


	/*.constrt-guest .gb-items.col-md-4{ 
		width: 100%;
		margin-top: 4%;
	}*/

	/*在线监测*/
	.online-cont .orc-dtl{ 
		padding-top: 3%
	}
	.online-cont .orc-dtl .orc-tit{
	    margin-bottom: 2%;
	    width: 98%;
	    margin-left: auto;
	    margin-right: auto;
	}
	.online-cont .orc-dtl .orc-tit a{ 
		font-size: 0.9em
	}
	.online-cont .orc-dtl .orc-zhnr{ 
		width: 92%
	}
	.online-cont .orc-dtl .orc-more{ 
		margin-top: 6%;
		margin-bottom: 0
	}
	.online-cont .orc-img .oi-fugai{ 
		width: 100%
	}


	/*环境治理工程*/
	.my-govern .pro-img .pg-nav a{ 
		font-size: 1.4em;
		border-radius: 20px
	}
	.my-govern .pro-img .pg-nav{ 
		padding-top: 10%
	}

	.my-govern .constrt-mid .lb-pro .owl-carousel .owl-dots{ 
		bottom: -10%
	}
}
@media screen and (max-width: 1440px){ 
	.constr-top,.constrt-mid,.constrt-bot,.constrt-guest{padding-left: 1.2em}

	.two-nav li a{ 
		font-size: 1.4em;
		background-size: 24px auto;
		padding: 1.15em 1.8em 1.15em 2.4em !important;
		letter-spacing: 0
	}

	.pro-dtl .pro-fir span{ 
		font-size: 1.6em
	}
	.pro-cont .one-pro-item:nth-child(2) .pro-dtl{ 
		padding: 4% 2% 0 0
	}
	.pro-cont .one-pro-item:nth-child(2) .pro-dtl .pro-zhnr{ 
		margin-top: 2%
	}



	/*在线监测*/
	.online-cont .orc-dtl .orc-zhnr{ 
		margin-top: 5%;
		margin-bottom: 5%
	}
	.online-cont .orc-dtl .orc-tit a{ 
		font-size: 1em
	}


	/*环境治理工程*/
	.my-govern .pro-img .pg-nav a{ 
		padding: 0.3em 2em;
	}
}
@media screen and (max-width: 1366px){

	.pro-dtl .pro-zhnr p{
		line-height: 1.8;
	}

	.my-govern .pro-img .pg-nav a span{ 
		width: 16px;
	}
}
@media screen and (max-width: 1280px){ 
	
}

@media screen and (max-width: 1170px){ 
	.pro-cont .one-pro-item:nth-child(2) .pro-dtl{ 
		padding-top: 2%
	}
	.pro-cont .one-pro-item:nth-child(2) .pro-dtl .pro-zhnr{ 
		margin-top: 0
	}
	.prc-img{ 
		overflow: hidden;
	}
	.prc-img img{ 
		height: 250px;
		width: auto;
		max-width: inherit;
	}
	.pro-cont .one-pro-item:nth-child(2) .pro-dtl .pro-zhnr{ 
		margin-top: 2%
	}



	/*在线监测*/
	.online-cont .orc-dtl .orc-zhnr{ 
		margin-top: 3%;
		margin-bottom: 3%
	}
	.online-cont .orc-dtl .orc-more{ 
		margin-bottom: 0
	}
}
@media screen and (max-width: 1024px){ 
	.two-nav li a{ 
		padding: 1em 1.8em 1em 2.4em !important;
	}
	.lb-pro .owl-carousel .owl-dots{left: 40%;bottom: -10%}
	.lb-pro .owl-carousel .owl-dots .owl-dot{padding-top: 2.5px}


	/*环境治理工程*/
	.my-govern .pro-img .pg-nav a{ 
		font-size: 1.3em
	}

	.itlf,.itrh{
		width: 100% !important;
	}
	.itrh{
		height: auto !important;
		padding: 15px 0 !important;
	}
	.pro-cont .one-pro-item:nth-child(1) .pro-dtl,.pro-cont .one-pro-item:nth-child(2) .pro-dtl,.pro-cont .one-pro-item:nth-child(3) .pro-dtl{
		padding: 0;
	}
	.pro-dtl .pro-zhnr {
		margin: 10px 0 0 0;
	}
}
@media screen and (max-width: 1004px){ 
	.pro-dtl .pro-zhnr p,.online-cont .orc-dtl .orc-zhnr p,.my-govern .pro-cont p,.my-govern .reason-case .rea-ca-cont p{ 
		font-size: 12px
	}
	
}
@media screen and (max-width: 980px){ 
	.prc-img img{ 
		height: auto;
		max-width: 100%;
		width: auto
	}
	.pro-cont .one-pro-item:nth-child(1) .pro-dtl,.pro-cont .one-pro-item:nth-child(3) .pro-dtl{ 
		padding-top: 2%;
		padding-bottom: 2%
	}
	.pro-cont .one-pro-item:nth-child(2) .pro-dtl{ 
		padding-bottom: 2%;
		padding-left: 7.25%
	}



	/*在线监测*/
	.online-cont .orc-img{ 
		text-align: center
	}
	.online-cont .orc-img{ 
		margin-top: 3%;
	}
	.online-cont .orc-dtl .orc-tit a{ 
		font-size: 1.125em
	}
	.online-cont .orc-dtl{ 
		padding-top: 0
	}
}
@media screen and (max-width: 812px){ 
	.two-nav li a{ 
		font-size: 1.3em;
		background-size: 20px auto;
	}
	.lb-pro .owl-carousel .owl-dots .owl-dot{margin-right: 8px}


	/*在线监测*/
	.online-cont .orc-img .oi-fugai{ 
		width: 93.617%;
		right: 3.3%
	}
	.online-cont .orc-dtl .orc-zhnr{ 
		width: 100%
	}


	/*环境治理工程*/
	.my-govern .pro-img .pg-nav a span {
    	width: 14px;
	}
	.my-govern .constrt-bot .lb-pro .re-pp .re-pp-item{ 
		padding-right: 2%
	}
}

@media screen and (max-width: 768px){ 
	/*在线监测*/
	.online-cont .orc-img .oi-fugai{ 
		width: 100%;
		right: 0
	}


	.my-govern .lb-pro .owl-carousel .owl-dots .owl-dot{ 
		padding-top: 3px;
	}
}

@media screen and (max-width: 767px){ 
	.pro-cont .one-pro-item:nth-child(1) .pro-dtl,.pro-cont .one-pro-item:nth-child(2) .pro-dtl,.pro-cont .one-pro-item:nth-child(3) .pro-dtl{ 
		padding-left: 0
	}
	.lp-item{ padding-right: 0}
}
@media screen and (max-width: 600px){ 
	.cont-tit h2::after{ 
		margin-top: 10px
	}

	.constr-top,.constrt-mid,.constrt-bot,.constrt-guest{padding-left: 10px;padding-right: 10px}
	.lb-pro .owl-carousel .owl-dots{left: 20%}
	.owl-carousel .lp-img img{ 
		margin: 0 auto
	}

	.constrt-bot .lb-pro .owl-carousel .owl-dots{ bottom: -10%}
	.constrt-bot .lb-pro .owl-carousel .owl-dots .owl-dot{ padding-top: 3px}


	/*环境治理工程*/
	.my-govern .pro-img .pg-nav a:nth-child(1){ 
		margin-right: 2%
	}
	.my-govern .pro-img .pg-nav a{ 
		font-size: 1.2em
	}
	.my-govern .pro-img .pg-nav a span{ 
		width: 12px
	}

	.my-govern .lp-img .lp-more{ 
		left: 5%;
		width: 391px;
	}
}
@media screen and (max-width: 580px){ 
	.owl-carousel .lp-img img{ 
		height: auto;
		max-width: 100%
	}
	
	.left-nav li
	{
		min-width:49%;
		margin-right:0px;
	}
	
	.constr-title h1
	{
		font-size:1.125em;
	}
}
@media screen and (max-width: 525px){ 
	.two-nav li a{ 
		font-size: 1em;
		padding: 0.8em 1.5em 0.8em 2.5em !important;
		background-size: 18px auto;
	}
	.two-nav li{ 
		float: left;
		margin-right: 5px
	}
	.cont-tit h2{ 
		font-size: 1.125em
	}
	.pro-dtl .pro-fir{ 
		font-size: 14px
	}
	.lb-pro .owl-carousel .owl-dots .owl-dot{ 
		padding-top: 0px;
		
	}
	.lb-pro .owl-carousel .owl-dots{ 
		left: 30%
	}
	.constrt-bot .lb-pro .owl-carousel .owl-dots .owl-dot{ padding-top: 0px}


	/*在线监测*/
	.online-cont .orc-dtl .orc-tit a{ 
		font-size: 1em
	}


	/*环境治理工程*/
	.my-govern .pro-img .pg-nav a{ 
		font-size: 0.875em;
	}
	.my-govern .pro-img{ 
		overflow: hidden;
	}
	.my-govern .pro-img>img{ 
		height: 122px;
		width: auto;
		max-width: inherit;
	}
	.my-govern .lp-img .lp-more{ 
		left: 9%
	}
	.my-govern .lb-pro .owl-carousel .owl-dots .owl-dot{ 
		padding-top: 0px;
	}

}
@media screen and (max-width: 414px){ 
	.lb-pro .owl-carousel .owl-dots{ 
		left: 22%
	}




	.online-cont .orc-img .oi-fugai a{ 
		padding: 0.5em 1em;
	}



	/*环境治理工程*/
	.my-govern .pro-img .pg-nav a{ 
		padding: 0.3em 1em;
	}
	.my-govern .constrt-bot .lb-pro,.my-govern .reason-case{ 
		padding-left: 15px;
		padding-right: 15px;
	}
	.my-govern .constrt-bot .lb-pro .re-pp .re-pp-item{ 
		padding-right: 0;
		width: 100%;
		padding-bottom: 15px
	}
	.my-govern .constrt-bot .lb-pro .re-pp{ 
		margin-top: 0
	}
	.my-govern .lp-img .lp-more{ 
		left: 0;
		width: 100%
	}
	.my-govern .constrt-mid .lb-pro .owl-carousel .owl-dots{ 
		bottom: -0.5em;
	}
	.my-govern .lp-tit a{ 
		font-size: 1em
	}
}
@media screen and (max-width: 375px){ 
	.two-nav li{ 
		margin-right: 0;
		width: 50%;
		border: 1px solid #efefef
	}
 	.pro-img .pi-lf{ 
 		width: 100%;
 	}
 	.pro-img .pi-rh{ 
 		width: 100%;
 		margin-top: 15px
 	}



	/*环境治理工程*/
 	.my-govern .pro-img .pg-nav a:nth-child(1){ 
 		margin-right: 0;
 		margin-bottom: 4%
 	}
 	.my-govern .pro-img .pg-nav{ 
 		padding-top: 8%
 	}
 	.my-govern .pro-img .pg-nav a span{ 
 		width: 10px
 	}
}

@media screen and (max-width: 330px){ 
	.lb-pro .owl-carousel .owl-dots{ 
		left: 18%
	}
}



.lb-pro .owl-carousel .owl-dots .owl-dot
{
		width:24px;
		height:24px;
		display:inline-block;
		margin:0px 0.25em;
}

.lb-pro .owl-carousel .owl-dots .owl-dot span
{
		width:100%;
		height:100%;
		display:block;
		background:url(/../images/green-dot_09.png) center center no-repeat;
}


.lb-pro .owl-carousel .owl-dots .active span
{

		background:url(/../images/green-dot_07.png) center center no-repeat;
	
}