﻿.wrap img{ width:100%;}	

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:84.4%;}}
@media screen and (min-width:375px) {html { font-size:86.6%;}} /*ipone6*/
@media screen and (min-width:400px) {html { font-size:87%;}}
@media screen and (min-width:414px) {html { font-size:96%;}} /*ipone6P*/
@media screen and (min-width:480px) {html { font-size:112.5%;}}
@media screen and (min-width:550px) {html { font-size:131.25%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}


/*导航样式*/
.g-nav {background: #018abe;width: 100%;}
.g-nav a { font-size:0.83rem; color:#fff;height: 2.5rem;line-height: 2.5rem; width:33.3%; text-align:center; display:block; float:left; position:relative; border-bottom:solid 1px #0299d3; border-top:solid 1px #027dab;}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#027dab; top:0; right:1px;}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#0299d3; top:0; right:0;}
.g-nav a:nth-child(1),.g-nav a:nth-child(2),.g-nav a:nth-child(3){ border-top:none;}
.g-nav a:nth-child(5),.g-nav a:nth-child(6),.g-nav a:nth-child(4){ border-bottom:none;}
.g-nav a:nth-child(3n):before,.g-nav a:nth-child(3n):after{ background:none;}

/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*应用范围*/
.g-cp{ width:100%; overflow:hidden; height:29.67rem; margin:0.25rem 0 0; background:url(/mobile/Images/Index/cp_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-cp .sclwrap_box{ height:26rem; overflow:hidden;}
.g-cp .m-box .con,.g-case .m-box .con{ display:inline; float:left;}
.g-cp dl{ width:23.5rem; margin:0 auto; padding:2.08rem 0 0;}
.g-cp dl dt{ width:23.5rem;}
.g-cp dl dt img{width: 23.5rem;}
.g-cp dl dd{width: 23.5rem; padding:1.67rem 0 0;}
.g-cp dl dd b{display: block;width: 100%;height: 2.25rem;text-align: center; border-bottom:#e0e0e0 1px solid; margin:0 0 0.83rem;}
.g-cp dl dd b a{font-size: 1rem;color: #018abe;}
.g-cp dl dd p{ display:inline-block;width: 100%;line-height: 1.3rem;display: block;font-size: 0.75rem;color: #333; padding:0 0 0 1.15rem;background:url(/mobile/Images/Index/cp_ico.gif) no-repeat 0px 8px;}
.g-cp .m-cnt,.g-case .m-cnt{ width:14.5rem; display:inline-block; padding:0 0 0 10rem;}
.g-cp .m-cnt li,.g-case .m-cnt li{ width:0.75rem; height:0.75rem; background:#018abe; float:left; margin:0 0.5rem; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-cp .m-cnt li.z-on,.g-case .m-cnt li.z-on{ background:#89c700; }

/*村镇污水治理普遍的现状*/
.g-three{width: 100%;height: 23.17rem; background:url(/mobile/Images/Index/three_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-three .m-bt,.g-liuc .m-bt{width: 100%;font-size: 1.25rem;color: #018abe;font-weight: bold;display: block; padding:7.29rem 0 0;height: 4.75rem;text-align: center;}
.g-three .m-bt i,.g-liuc .m-bt i{display: block;font-size: 0.58rem;color: #a3a3a3;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; padding:0.5rem 0 0;}
.g-three dl{width: 25rem; margin:0 auto;}
.g-three dl dt{width: 14.04rem;float: left;line-height: 0;}
.g-three dl dt img{width: 14.04rem;height: 11.13rem;}
.g-three dl dd{width: 10.5rem;float: left; padding:0 0 0 0.4rem;}
.g-three dl dd p{font-size: 0.75rem;color: #333;height: 3.67rem;line-height: 3.67rem;}

/*优势*/
.g-ys{width: 100%;height: 28rem;position: relative; background:url(/mobile/Images/Index/ys_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-bt{width: 100%;text-align: center;font-size: 1.25rem;color: #018abe;font-weight: bold;display: block; padding:3.67rem 0 0;height: 4.75rem;}
.g-ys .m-bt span{display: block;font-size: 1rem;color: #333;font-weight: normal; padding:0.3rem 0 0;}
.g-ys .m-bt b{color: #89c700;}
.g-ys p{width: 6rem;position: absolute;}
.g-ys p a{font-size: 0.75rem;color: #333;font-weight: bold;}
.g-ys .ys_p01{top: 10.33rem;left: 2.17rem;}
.g-ys .ys_p02{top: 16rem;left: 1rem;}
.g-ys .ys_p03{top: 21.5rem;left: 2.5rem;}
.g-ys .ys_p04{top: 10.33rem;left: 20rem;}
.g-ys .ys_p05{top: 16rem;left: 21.67rem;}
.g-ys .ys_p06{top: 21.5rem;left: 20rem;}
.g-ys .ys_p07{top: 25.25rem;left: 10.83rem;}
.g-ys .m-bt02{width: 12.5rem;position: absolute;top: 11.75rem;left: 7.08rem;}
.g-ys .m-bt02 em{display: block;width: 5.5rem; margin:0 auto;}
.g-ys .m-bt02 em img{width: 5.5rem;height: 2.5rem;}
.g-ys .m-bt02 span{display: block;font-size: 0.67rem;color: #333;line-height: 1.25rem; padding:0.5rem 0 0;text-align: center;}

/*案例*/
.g-case{ width:100%; overflow:hidden; height:23.67rem; background:url(/mobile/Images/Index/case_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-case .m-bt,.g-about .m-bt{width: 100%;text-align: center;font-size: 1.25rem;color: #fff;font-weight: bold;display: block; padding:2.67rem 0 0;height: 4.42rem;}
.g-case .m-bt span,.g-about .m-bt span{display: block;font-size: 0.83rem;color: #ddebf3;font-weight: normal; padding:0.3rem 0 0;}
.g-case .sclwrap_box{ height:14.6rem; overflow:hidden;}
.g-case .case_pic{height: 13.46rem;width: 25rem;position: relative;line-height: 0; margin:0 auto;}
.g-case .case_pic img{width: 25rem;}
.g-case .case_pic span{display: block;width: 25rem;text-align: center;height: 2.5rem;line-height: 2.5rem;font-size: 0.75rem;color: #fff;overflow: hidden; background:rgba(0,0,0,0.8);position: absolute;bottom: 0;left: 0;}
.g-case .m-cnt li{background: #fff;}

/*订购流程*/
.g-liuc{width: 100%;height: 21.13rem;position: relative; background:url(/mobile/Images/Index/liuc_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc .m-bt{ padding:3rem 0 0;height: 4.5rem;}
.g-liuc .m-pic{display: block;width: 25rem; margin:0 auto;}
.g-liuc .m-pic img{width: 25rem;height: 6.83rem;}
.g-liuc .u-btn{display: block;font-size: 0.75rem;color: #fff;height: 1.92rem;line-height: 1.92rem;position: absolute;top: 15.88rem;left: 12.5rem;}

/*走进力鼎环保*/
.g-about{ width:100%;height: 36.83rem; overflow:hidden; background:url(/mobile/Images/Index/ab_bg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about .m-bt{color: #018abe; padding:2.3rem 0 0;height: 4.75rem;}
.g-about .m-bt span{color: #000;}
.g-about dl{ width:25rem; margin:0 auto;}
.g-about dl dt{ width:25rem;}
.g-about dl dt img{width: 25rem;height: 12.75rem;}
.g-about dl dd{ width:100%; padding:1.75rem 0 0;}
.g-about dl dd b{ display:block; width:100%; text-align:center;height: 2.5rem; border-bottom:#d7d7d7 1px solid; overflow:hidden;}
.g-about dl dd b a{ font-size:1rem; color:#000;}
.g-about dl dd p{ width:100%; font-size:0.75rem; color:#666; line-height:1.25rem;height: 5rem;overflow: hidden; padding:0.75rem 0 0; text-indent:2em;}
.g-about dl dd em{ display:block; width:100%; padding:4% 0 0;}
.g-about dl dd em a{ display:block; width:5.8rem; font-size:0.75rem; color:#000; height:2rem; line-height:2rem; text-align:center; margin: 0 0.25rem 0 0; border:#8e8e8e 1px solid; float:left;}
.g-about dl dd em a:nth-child(1){ background:#89c700;border:#89c700 1px solid;color: #fff;}
.g-about dl dd em a:nth-child(4){margin: 0;}

/*企业活动相册*/
.g-photo{background: #f2f2f2; padding:0 0 2.1rem;}
.g-photo .m-bt{width: 100%;height: 2.5rem;background: #018abe;}
.g-photo .m-bt a{display: block;font-size: 0.75rem;color: #fff;font-weight: bold;width: 6.8rem;text-align: center;height: 2.5rem;line-height: 2.5rem;background: #89c700;overflow: hidden;}
.g-photo ul li{width: 11.25rem;float: left; padding:1.67rem 1rem 0;overflow: hidden;}
.g-photo ul li img{width: 10.33rem;padding: 0.42rem;background: #fff; border:#e9e9e9 1px solid;display: block;height: 7.8rem;}
.g-photo ul li span{display: block;width: 11.25rem;text-align: center; padding:0.5rem 0 0;}
.g-photo ul li span a{font-size: 0.75rem;color: #333;}

/*下部导航*/
.g-link{width: 100%;height: 5.33rem;background: #018abe; display:inline-block;position: relative;}
.g-link:before{ content:"";width: 100%;height: 1px;background: #34a1cb;position: absolute;top: 50%;left: 0;}
.g-link a{display: block;float: left;font-size: 1rem;color: #fff;width: 33.3%;text-align: center;height: 2.67rem;line-height: 2.67rem;position: relative;}
.g-link a:after { position:absolute; content:""; width:1px; height:100%; background:#34a1cb; top:0; right:0;}
.g-link a:nth-child(3n):after{ background:none;}
