﻿.wrap img{ width:100%; height:80%}	

@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%;}}


.nav{ overflow:hidden; position:relative; background:#0db93f;}
.nav:after{ content: '';position: absolute;top: 50%;left:0;z-index: 9;height: 0;width: 100%;border-bottom: 1px solid #039f30;}
.nav li{ float:left; position:relative; width:33%; text-align:center;}
.nav li a{ display:block; font-size:1.3em; color:#fff; padding:0.6em 0;}
.nav li:after{ content: '';position: absolute;top:0;left:-1px;z-index: 9;height:100%;width:0;border-left: 1px solid #039f30;}

/*通栏广告*/
.g-adv{ width:100%; height:12.54rem; overflow:hidden;}

/*高达环保合作客户*/
.g-hz{ width:100%; overflow:hidden; padding:1.42rem 0 0;}
.g-hz .m-bt,.g-fenl .m-bt,.g-cp .m-bt,.g-she .m-bt,.g-jz .m-bt,.g-honor .m-bt,.g-about .m-bt{display: block;text-align: center;font-size: 1.08rem;color: #333;font-weight: bold;width: 100%;}
.g-hz .m-bt i,.g-fenl .m-bt i,.g-cp .m-bt i,.g-she .m-bt i,.g-jz .m-bt i,.g-honor .m-bt i,.g-about .m-bt i{display: block;font-size: 0.67rem;color: #a1a1a1;text-transform: uppercase;font-weight: normal;}
.g-hz ul li{ width:8.33rem; float:left; padding:0.92rem 0 0 0.42rem;}
.g-hz ul li img{width: 8.25rem; border:#cacaca 1px solid;}

/*产品分类*/
.g-fenl{ width:26rem; margin:0 auto; padding:1.33rem 0 0; overflow:hidden;}
.g-fenl .u-bt{ font-size:1rem; color:#0db93f; font-weight:bold; display:block; padding:0.7rem 0 0 3%;}
.g-fenl p{ height:2.5rem; line-height:2.5rem; border-bottom:#a7a7a7 1px solid;overflow: hidden; display:inline-block;width: 100%;}
.g-fenl p a{ display:block; font-size:1rem; color:#333; width:30%; float:left; padding:0 0 0 3%;}

/*高达环保*/
.g-cp{width: 100%; padding:1.5rem 0 1.1rem;}
.g-cp p{height: 1.88rem;line-height: 1.88rem;overflow: hidden;width: 96.8%; padding:0.5rem 1.6% 0; border-bottom:#979797 1px solid;}
.g-cp p a{font-size: 1rem;color: #333;font-weight: bold;}
.g-cp p em{float: right;}
.g-cp p em a{color: #848484;font-weight: normal;}
.g-cp ul{ display:inline-block; width:26rem; padding:0.83rem 0 0.5rem 0.42rem;}
.g-cp ul li{width: 11.5rem;height: 11.1rem;line-height: 0;float: left; margin:10px;}
.g-cp ul li span{ display:block; text-align:center; width:11.5rem;height: 1.67rem;line-height: 1.67rem; background:rgba(51,51,51,0.6);overflow: hidden; }
.g-cp ul li span a{ font-size:1rem; color:#fff;}
.g-cp ul li:last-child{float: right;}

/*广告条*/
.g-ban01{ width:100%; overflow:hidden; height:5.92rem; background:#0db93f;text-align: center;}
.g-ban01 span{display: block; font-size:1.17rem; color:#fff;font-weight: bold; padding:0.83rem 0 0.2rem;}
.g-ban01 a{display: block;font-size: 1rem;color: #fff;}

.g-ban02{ width:100%; overflow:hidden; height:5.92rem;text-align: center; background:url(/mobile/Images/Index/ban02.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-ban02 span{ padding:1.42rem 0 0.4rem;}

/*原创设计*/
.g-she{ width:100%; height:18rem; overflow:hidden; padding:1.42rem 0 0;}
.g-she .m-cnt{ width:100%;height: 1.58rem; padding:1rem 0;}
.g-she .m-cnt li{ width:6.17rem;height: 1.58rem;line-height: 1.58rem; text-align:center; float:left;font-size: 1rem;color: #333; border:#0db93f 1px solid; margin:0 0 0 0.33rem;}
.g-she .m-cnt li.z-on{ background:#0db93f; color:#fff;border:#0db93f 1px solid;}
.g-she .m-box .con{ display:inline; float:left;}
.g-she p{width: 100%;height: 11.67rem;position: relative;line-height: 0;}
.g-she p span{ display:block; text-align:center; width:100%;height: 3.78rem;line-height: 1.2rem; background:rgba(51,51,51,0.6);overflow: hidden; bottom:0; left:0; position:absolute;}
.g-she p span a{font-size: 1rem;color: #fff;}
.g-she p span b{display: block; padding:0.2rem 0 0.1em;}

/*客户口碑*/
.g-jz{width: 100%; padding:1.5rem 0 1.4rem;background: #f6f7f5;}
.g-jz dl{width: 20.83rem; margin:0 auto; overflow:hidden; padding:0.8rem 0 0;}
.g-jz dl dt{ width:20.83rem;height: 10rem;}
.g-jz dl dd{ width:100%;}
.g-jz dl dd b{display: block;text-align: center; padding:1rem 0;}
.g-jz dl dd b a{font-size: 1.08rem; color:#333;font-weight: normal;}
.g-jz dl dd p{ font-size:1rem; color:#333;text-align: center; line-height:160%;}
.g-jz dl dd span{ display:block;width: 5rem;height: 1.58rem;line-height: 1.58rem;text-align: center; margin:0.92rem auto 0; border:#000 1px solid;}
.g-jz dl dd span a{ font-size:1rem; color:#333;}

/*高达所获荣誉*/
.g-honor{width: 100%; padding:1.5rem 0 1.25rem;}
.g-honor .m-bt,.g-about .m-bt{font-weight: normal;}
.g-honor ul li{width: 7.46rem; border:#b5b5b5 1px solid;float: left; margin:1rem 0.6rem 0;line-height: 0;}
.g-honor ul li img{width: 7.46rem;height: 8.71rem;}
.g-honor ul li span{ display:block; text-align:center; width:7.46rem;height: 1.5rem;line-height: 1.5rem; background:rgba(204,204,201,1);overflow: hidden;}
.g-honor ul li span a{ font-size:1rem; color:#333;}

/*高达风采*/
.g-about{ width:24rem; margin:0 auto; overflow:hidden; padding:0 0 7.5%;}
.g-about dl{ width:100%; padding:1rem 0 0;}
.g-about dl dt{ width:20.83rem;margin:0 auto;}
.g-about dl dd{ width:100%;}
.g-about dl dd span{ display:block; width:100%; text-align:center; padding:1.25rem 0 1rem; overflow:hidden;}
.g-about dl dd span a{ font-size:1rem; color:#333;font-weight: bold;}
.g-about dl dd p{ width:100%; font-size:1rem; color:#333; line-height:150%;}
.g-about dl dd em{ display:block; width:100%; padding:1rem 0 0;}
.g-about dl dd em a{ display:block; width:6.25rem; font-size:1rem; color:#fff; height:1.67rem; line-height:1.67rem; text-align:center; margin: 0 0.8rem; background:#0db93f; float:left;}


.m-ys {
    background: url(/mobile/images/ysbg.jpg) no-repeat center bottom #0db93f;
}

.m-ys{clear:both;display:block;height:auto;overflow:hidden;font-size:1em;line-height:208%;padding:5% 0;width:100%;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;z-index:1;position:relative}
.m-ys:before{content:"";position:absolute;width:78.4%;height:96%;left:10.8%;background:#fff;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;z-index:-1}
.m-ys h2{font-size:.8em;line-height:138%;text-align:center;padding:1em 0}
.m-ys h2 b{display:block;font-size:1.25em}
.ys01,.ys02,.ys03,.ys04,.ys05{width:59%;margin:1em auto;height:auto;display:block;clear:both;overflow:hidden}
.ys-p{display:block;margin:1% auto 0 auto;color:#0db93f;font-size:1em;font-weight:700}
.m-ys .ys-p img{width:100%}
.m-st li,.m-ys li{clear:both;display:block;height:auto;line-height:183%;font-size:.8em}
.m-st li b,.m-ys li b{width:6.3%;background:url(/mobile/images/ico04.jpg) no-repeat center bottom;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;text-align:center;font-weight:400;color:#fff;float:left;display:block;line-height:200%;overflow:hidden}
.m-st li p,.m-ys li p{width:91.6%;float:left;padding:0 0 0 2%;font-size:.8em}
.m-ys .more01{width:78.4%;background:url(/mobile/images/ge02.jpg) no-repeat center 0;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%}
.m-st{clear:both;display:block;height:auto;overflow:hidden;font-size:1em;line-height:208%;color:#666}
.m-st h2,.st-c{width:68%;margin:0 auto}
.m-st h2{background:url(/mobile/images/sttbg.jpg) no-repeat center bottom;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;font-size:1.13em;line-height:122%;padding:8% 0 5%;text-align:center;color:#000;position:relative}
.m-st h2:before{content:' ';display:block;position:absolute;left:50%;top:5em;margin-left:-.25em;width:.5em;height:.5em;border-radius:50%}
.m-st h2 b{display:block;font-size:1.25em}
.st-p{width:85%;padding:8% 0 2%;margin:0 auto}
.st-p img{width:100%}
.m-st li{line-height:208%}
.m-st li:last-child{padding-bottom:8%}
.m-st li b{line-height:183%}
.m-tj{height:auto;overflow:hidden}


.m-zs{height:auto;overflow:hidden}
.m-zs .m-box,.m-zs .sclwrap_box{height:12em;overflow:hidden}
.m-zx{height:auto;width:92%;margin:0 auto;overflow:hidden}
.zxtil{height:auto;margin-bottom:5%}
.zxtil li{width:31%;float:left;line-height:196%;border-bottom:solid .2em #bddfa7;text-align:center;font-weight:700;color:#5e5e5e;position:relative}
.zxtil li:nth-child(3){width:38%}
.zxtil li:before{content:"";position:absolute;width:1px;height:.9em;left:0;top:.6em;background:#5e5e5e}
.zxtil li:nth-child(1):before{width:0;height:0}
.m-zx .m-box,.m-zx .sclwrap_box{height:16em;overflow:hidden}
.zx01{float:left;display:inline-block}
.zx01 li{width:82%;font-size:1em;color:#666;padding:0 0 0 12%;height:auto;line-height:208%;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden}
.zx01 li:before{content:"";position:absolute;left:7%;top:.8em;width:1.28%;height:.3em;background:url(/mobile/images/ico02.png) no-repeat center bottom;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%}
.zx01 li a{color:#666}

.m-ph{height:4.75em;position:relative;margin-bottom:1.25em;background: #0db93f;}
.m-ph:before{position:absolute;content:"";z-index:-3;-webkit-box-shadow:0 1px .33em rgba(0,0,0,.2),0 0 3.33em rgba(0,0,0,.1) inset;-moz-box-shadow:0 1px .33em rgba(0,0,0,.2),0 0 3.33em rgba(0,0,0,.1) inset;box-shadow:0 .1667em .33em rgba(0,0,0,.2),0 0 3.33em rgba(0,0,0,.1) inset;top:50%;bottom:0;left:0;right:0;-moz-border-radius:2.5015015em;border-radius:2.5015015em}
.m-ph .u-tel{width:2.41667em;left:2.1667em;top:1.33em;display:block;position:absolute}
.m-ph p{color:#FFF;line-height:1.667em;padding:.41667em 0 0 18.7%;font-size:1em}
.m-ph p i{display:block;font-style:normal;font-size:1.0833em}
.m-ph p span{font-size:1.667em;padding-left:1%;color:#FFF;font-weight:700}