﻿.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 {width: 26rem; padding:0 0 0 0.3rem;}
.g-nav a { font-size:1.08rem; color:#fff;width: 7.42rem;height: 2.67rem;line-height: 2.67rem; text-align:center; display:block; float:left;background: #464646; margin:1rem 0 0 1rem}

/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*产品直通车*/
.g-cp{width: 24.5rem; margin:0 auto; padding:2rem 0;overflow: hidden;}
.g-cp .m-bt{display: block;width: 100%;font-size: 1.33rem;color: #000;font-weight: bold;height: 2.5rem;line-height: 2rem;text-align: center;position: relative;}
.g-cp .m-bt:before{ content:"";width: 100%;height: 1px;background: #e7e7e7;bottom: 0;left: 0;position: absolute;}
.g-cp .m-bt:after{ content:"";width: 2.5rem;height: 3px;background: #ffad1e;bottom: -1px;left: 10.83rem;position: absolute;}
.g-cp .u-bt{display: block;font-size: 1rem;color: #2b2b2b;font-weight: bold;width: 100%;height: 1.5rem;line-height: 1.5rem;position: relative; padding:0.67rem 0 0 1rem;}
.g-cp .u-bt:before{ content:"";width: 0.5rem;height: 0.5rem;background: #ffad1e;top: 1.3rem;left: 0;position: absolute;}
.g-cp p{width: 100%;height: 1.5rem;line-height: 1.5rem;overflow: hidden;font-size: 0.75rem;color: #888; padding:0.3rem 0 0;}
.g-cp p a{font-size: 1rem;color: #555; display:inline-block; padding:0 0.5rem;}
.g-cp ul{ padding:0.67rem 0 1.25rem;width: 100%; display:inline-block;}
.g-cp ul li{width: 11.75rem;float: left;position: relative;line-height: 0; margin:0 0.2rem;}
.g-cp ul li img{width: 11.67rem;height: 8.08rem; border:#bfbfbf 1px solid;}
.g-cp ul li span{display: block;font-size: 1rem;color: #fff;width: 11.67rem;text-align: center;height: 1.67rem;line-height: 1.67rem;position: absolute;bottom: 1px;left: 1px; background:rgba(0,0,0,0.6);}
.g-cp .u-more{display: block;font-size: 1rem;color: #555;width: 99%;height: 2.25rem;text-align: center;line-height: 2.25rem;background: #f5f5f5; border:#eaeaea 1px solid; margin:0 auto; box-shadow:1px 2px 2px #f2f2f2;
border-radius:0.2rem;               
-webkit- border-radius:0.2rem;
-moz-border-radius:0.2rem;
-o-border-radius:0.2rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:42.5rem;}
.g-ys .m-bt{display: block;width: 100%;height:6rem; padding:4.5rem 0 0;overflow: hidden;text-align: center;font-size: 1.25rem;color: #fff;font-weight: bold; background:url(/mobile/Images/Index/ys_bt.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 i{display: block;font-size: 0.5rem;color: #fff;text-transform: uppercase;font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding:0.3rem 0 0;}
.g-ys .sclwrap_box{ height:28.67rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{display: block;width: 23.33rem;height: 13.42rem; margin:0 auto; padding:1.9rem 0;}
.g-ys .ys_pic img{width: 23.33rem;height: 13.42rem;}
.g-ys dl{ width:24.17rem; margin:0 auto;}
.g-ys dl dt{ width:100%; display:inline-block;height: 4.4rem; overflow:hidden;}
.g-ys dl dt em{ display:block; width:4.75rem; float:left;}
.g-ys dl dt a{ font-size:1.08rem; color:#060606;display: block;float: left;height: 3rem;line-height: 4rem; padding-left:0.5rem}
.g-ys dl dd{ width:100%; padding:0.5rem 0 0;}
.g-ys dl dd p{ display:inline-block;width: 100%;}
.g-ys dl dd p em{display: block;float: left;width: 0.5rem; padding:0.2rem 0.5rem 0 0;}
.g-ys dl dd p span{display: block;font-size: 1rem;color: #060606;float: left;width: 23rem;}
.g-ys dl dd p i{color: #ffad1e;}
.g-ys .m-cnt{ width:6rem; margin:0 auto;}
.g-ys .m-cnt li{ width:0.5rem; height:0.5rem; background:#666; float:left; margin:0 0.67rem 0 0;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);
}
.g-ys .m-cnt li.z-on{ background:#ffad1e; }

/*乔伟合作客户*/
.g-hz{ width:100%; height:21rem; overflow:hidden; position:relative; background:url(/mobile/Images/Index/hz_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-hz .m-bt,.g-about .m-bt{display: block;width: 20.5rem;font-size: 1.33rem;color: #000000;font-weight: bold;height: 4rem;text-align: center;position: relative; margin:2.17rem auto 0;overflow: hidden;}
.g-hz .m-bt i,.g-about .m-bt i{display: block;font-size: 1rem;font-weight: normal; padding:0.7rem 0 0;}
.g-hz .m-bt:before,.g-about .m-bt:before{ content:"";width: 100%;height: 1px;background: #fff;top: 1.8rem;left: 0;position: absolute;}
.g-hz .m-bt:after,.g-about .m-bt:after{ content:"";width: 2.5rem;height: 3px;background: #ffad1e;top: 1.8rem;left: 8.83rem;position: absolute;}
.g-hz .sclwrap_box{ height:10.83rem; overflow:hidden;}
.g-hz .prev{ width:1.83rem; position:absolute; top:9.58rem; left:0.58rem;}
.g-hz .next{ width:1.83rem; position:absolute; top:9.58rem; right:0.58rem;}
.g-hz .nowarp { margin:0 2.5rem;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:9.58rem; float:left; padding:1.5rem 0.5rem 0;}
.g-hz ul li img{ width:9.5rem;height: 5.29rem; border:#ccc 1px solid;}
.g-hz ul li span{ display:block; text-align:center; width:100%;}
.g-hz ul li span a{ font-size:1rem; color:#060606;text-transform: uppercase;}
.g-hz .u-btn,.g-about .u-btn,.g-ban01 em{display: block;width:7rem;text-align: center;height: 2rem;line-height: 2rem;background: #ffad1e;font-size: 1rem;color: #fff; margin:0 auto;
border-radius:0.8rem;               
-webkit- border-radius:0.8rem;
-moz-border-radius:0.8rem;
-o-border-radius:0.8rem;}

/*走进乔伟*/
.g-about{ width:24.17rem; margin:0 auto; overflow:hidden;}
.g-about .m-bt{color: #333;}
.g-about .m-bt:before{background: #e7e7e7;}
.g-about dl{ width:100%; display:inline-block; padding:1.25rem 0 0;}
.g-about dl dt{width: 24.17rem;}
.g-about dl dt img{}
.g-about dl dd{ padding:1rem 0 0;}
.g-about dl dd span{ display:block; width:100%; text-align:center;}
.g-about dl dd span a{ font-size:1rem; color:#000;}
.g-about dl dd p{ width:100%; font-size:0.92rem; color:#6a6565; line-height:1.25rem;height: 3.75rem;overflow: hidden; padding:0.5rem 0 0;text-align: center;}
.g-about .u-btn{ margin:1rem auto 0;}

/*广告条*/
.g-ban01{ display:block; width:100%; text-align:center; overflow:hidden; height:13.83rem; background:url(/mobile/Images/Index/ban01.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-ban01 span{display: block;font-size: 1rem;color: #333; padding:8.5rem 0 0.5rem;}
.g-ban01 em{width: 8.17rem;}

/**/
.g-news{ width:24.17rem; height:11.67rem; margin:0 auto; overflow:hidden; padding:3rem 0 0;}
.g-news .m-cnt{ height:2.08rem; width:100%; background:url(/mobile/Images/Index/news_tbg.gif) repeat;}
.g-news .m-cnt li{ width:25%; text-align:center; float:left;height: 2.08rem;line-height: 2.08rem;font-size: 1rem;color: #fff;}
.g-news .m-cnt li.z-on{ background:#ffad1e;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ padding:0.5rem 0 0;}
.g-news .m-box ul li{ height:2rem; line-height:2rem;overflow: hidden;}
.g-news .m-box ul li a{ font-size:1rem; color:#555;display: block;float: left;width: 18rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li em{display: block;float: right;font-size: 0.92rem;color: #8a8a8a;width: 6rem;}
