﻿.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: 100%;height: 4.42rem; padding:0.21rem 0 0; background:url(/mobile/Images/Index/nav_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-nav a{font-size:0.92rem; color:#fff;height: 2.21rem;line-height: 2.21rem; width:25%; text-align:center; display:block; float:left;text-transform: uppercase;}

/*通栏广告*/
.g-adv{ width:100%; height:24.75rem; overflow:hidden;}

/*更是办公体验*/
.g-ti{ background:url(/mobile/Images/Index/case_bg.gif) repeat; padding:0 0 2.5rem;}
.g-ti .m-bt,.g-jz .m-bt{height: 5.5rem; text-align:center;display: block;width: 100%;font-size: 1.17rem;color: #3a3a3a; padding:2.8rem 0 0;font-weight: bold;}
.g-ti .m-bt i,.g-jz .m-bt i{display: block;font-size: 0.83rem;color: #888;text-transform: uppercase;font-weight: normal;}
.g-ti ul li{width: 4.92rem;float: left;text-align: center; padding:0 0 0 1.4rem;overflow: hidden;}
.g-ti ul li img{width: 4.92rem;height: 4.92rem;}
.g-ti ul li b{display: block;font-size: 0.83rem;color: #3a3a3a; padding:0.2rem 0 0;}
.g-ti .u-btn,.g-cp .u-more,.g-jz .u-more,.g-liuc .u-btn{display: block;font-size: 0.83rem;color: #fff;font-weight: bold;width: 8.25rem;height: 1.75rem;line-height: 1.75rem;text-align: center;background: #a4d043; margin:1.25rem auto 0;}

/*产品推荐*/
.g-cp{ width:100%; height:15.8rem; overflow:hidden; position:relative; background:url(/mobile/Images/Index/cp_bg.gif) repeat;}
.g-cp .m-cnt,.g-news .m-cnt{ width:100%; background:#3a3a3a; height:2rem;}
.g-cp .m-cnt li,.g-news .m-cnt li{ font-size:1rem; color:#fff; width:33%; text-align:center; float:left; height:2rem;line-height: 2rem;}
.g-cp .m-cnt li:first-child,.g-news .m-cnt li:first-child{ width:34%;}
.g-cp .m-cnt li:nth-child(2){background: #2e2e2e;}
.g-cp .m-cnt li.z-on,.g-news .m-cnt li.z-on{ background:#a4d043;}
.g-cp .sclwrap_box{height:13.75rem; overflow:hidden;}
.g-cp .m-cp{ position:relative;}
.m-cp .prev,.g-case .prev{ width:1.67rem; position:absolute; top:2.5rem; left:0;}
.m-cp .next,.g-case .next{ width:1.67rem; position:absolute; top:2.5rem; right:0;}
.g-cp .no_ov{ margin:0 1.67rem;}
.g-cp .m-box .page{ display:inline; float:left;}
.g-cp .m-box ul li{ width:10.67rem; float:left; padding:1.67rem 0 0 0.75rem;}
.g-cp .m-box ul li img{width: 10.67rem;height: 6.25rem;}
.g-cp .u-more{position: absolute;bottom: 2.5rem;left: 9.17rem;}

/*案例展示*/
.g-case{ width:100%; height:20.58rem; overflow:hidden; position:relative; background:url(/mobile/Images/Index/case_bg.gif) repeat;}
.g-case .m-bt{display: block;width: 100%;text-align: center;font-size: 1.25rem;color: #2f3841; padding:1.75rem 0 0;height: 3rem;font-weight: bold;}
.g-case .prev,.g-case .next{ top:9.08rem;}
.g-case .nowarp { margin:0 2.25rem;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case ul li{ width:22.08rem;}
.g-case ul li img{ width:22.08rem;height: 13rem; box-shadow:2px 4px 4px #bdbdbd;}
.g-case ul li span{ display:block; text-align:center; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case ul li span a{ font-size:0.83rem; color:#3a3a3a;font-weight: bold;}

/*案例分类*/
.g-fenl{ width:100%; border-top:#757575 1px dashed; padding:0 0 7.5%; overflow:hidden; background:url(/mobile/Images/Index/case_bg.gif) repeat;}
.g-fenl p{ height:1.67rem; line-height:1.67rem; border-bottom:#757575 1px dashed;}
.g-fenl p a{ display:block; font-size:0.83rem; color:#3a3a3a; width:33%; float:left;text-align: center;}

/*客户见证*/
.g-jz{ width:100%; overflow:hidden; padding:0 0 1.8rem;position: relative; background:url(/mobile/Images/Index/cp_bg.gif) repeat;}
.g-jz:before{ content:"";width: 100%;height: 1px;position: absolute;top: 28.8rem;left: 0; border-bottom:#7c7c7c 1px dashed;}
.g-jz .m-bt{height: 5rem;font-size: 1.42rem; padding:2rem 0 0;color: #2f3841;}
.g-jz dl{ width:22.5rem; display:inline-block; overflow:hidden; padding:1.25rem 0 0.42rem 2.08rem;}
.g-jz dl dt{ width:12rem; float:left; padding:0 1rem 0 0;}
.g-jz dl dt img{width: 12rem;height: 7.83rem; box-shadow:1px 2px 3px #cccbcb;}
.g-jz dl dd{ width:9.5rem; float:left;}
.g-jz dl dd em{ display:block; font-size:0.92rem; color:#2d211e;}
.g-jz dl dd h5{ font-size:0.92rem; font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 1.3rem;line-height: 1.3rem;}
.g-jz dl dd h5 a{ color:#2d211e;}
.g-jz dl dd p{ font-size:0.92rem; color:#666;}
.g-jz dl dd span{ display:block; padding:0.3rem 0 0;}
.g-jz dl dd span a{ font-size:0.83rem; color:#fff;display: block;width: 5rem;text-align: center;height: 1.17rem;line-height: 1.17rem;background: #a4d043;overflow: hidden;}
.g-jz .u-more{ margin:0.5rem auto 0;position: relative;}

/*在线申请*/
.g-sq{ width:100%; overflow:hidden; background:url(/mobile/Images/Index/case_bg.gif) repeat; padding:1.5rem 0 0.3rem;}
.g-sq .m-bt{display: block;font-size: 1.42rem;color: #2f3841;width: 100%;text-align: center;}
.g-sq .m-bt i{font-size: 0.83rem;color: #2f3841;display: block;}
.g-sq ul{ width:23rem; display:inline-block; padding:0.75rem 0 0 2.08rem;}
.g-sq ul li{ display:inline-block; width:100%; padding:0 0 0.25rem;}
.g-sq ul li span{ width:4.29rem; float:left;text-align: center;height: 1.5rem;line-height: 1.5rem;background: #a4d043; font-size:0.83rem; color:#2f3841;}
.g-sq .sq_inp01{ border:none; width:17.5rem; float:left; font-size:0.83rem;color: #fff;height: 1.5rem;line-height: 1.5rem; padding:0 0.3rem; background:rgba(58,58,58,0.4);}
.g-sq .u-more{ margin:0 auto;display: block;font-size: 0.83rem;color: #333;width: 7rem;height: 1.5rem;line-height: 1.5rem;text-align: center;background: #a4d043;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:34.33rem; background:url(/mobile/Images/Index/cp_bg.gif) repeat;}
.g-ys .m-bt{display: block;width: 100%; padding:2.25rem 0 1.3rem;}
.g-ys .sclwrap_box{ height:18.67rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:22.42rem; margin:0 auto;}
.g-ys dl dt{ width:100%;}
.g-ys dl dt img{width: 22.42rem;height: 7.92rem;}
.g-ys dl dd{ padding:1.25rem 0 0; width:100%;}
.g-ys dl dd span{ display:block;}
.g-ys dl dd span a{ font-size:1.25rem; color:#6c6c6c;}
.g-ys dl dd p{ font-size: 0.92rem;color:#525252;line-height: 1.5rem; padding:0.3rem 0 0;}
.g-ys .m-cnt{ width:18rem; display:inline-block; padding:0 0 0 6.5rem;}
.g-ys .m-cnt li{ font-family:Arial, Helvetica, sans-serif; font-size:1.83rem; color:#e1e1e1; width:2.75rem; height:2.75rem; background:#3a3a3a; float:left; margin:0 0.67rem 0 0; text-align:center; line-height:2.75rem;}
.g-ys .m-cnt li.z-on{ color:#f8dfdf; background:#a4d043;}

/*全程无忧*/
.g-liuc{ background:url(/mobile/Images/Index/case_bg.gif) repeat;position: relative;width: 100%; padding:0 0 2rem;}
.g-liuc:before{ content:"";width: 100%;height: 2px;background: #bbb;position: absolute;top: 24.1rem;left: 0;}
.g-liuc .m-bt{color: #6c6c6c;display: block;width: 100%;text-align: center;font-size: 1.42rem; padding:2.25rem 0 0;}
.g-liuc .m-bt i{display: block;font-size: 1.08rem;text-transform: uppercase;font-weight: normal;}
.g-liuc ul li{width: 6.67rem;height: 6.67rem;background: #6c6c6c;float: left; margin:1rem 1.1rem 0;overflow: hidden;
border-radius:10rem;               
-webkit- border-radius:10rem;
-moz-border-radius:10rem;
-o-border-radius:10rem;}
.g-liuc ul li a{font-size: 0.83rem;color: #fff;display: block;width: 100%;text-align: center;}
.g-liuc ul li em{display: block;font-size: 2rem;color: #909090; padding:0.5rem 0 0;}
.g-liuc ul li:nth-child(1),.g-liuc ul li:nth-child(4){background: #a4d043;}
.g-liuc ul li:nth-child(1) em,.g-liuc ul li:nth-child(4) em{color: #cbe49f;}
.g-liuc .u-btn{ margin:1.5rem auto 0;position: relative;}

/*关于威孚*/
.g-about{ width:100%; overflow:hidden; padding:2rem 0 1.9rem; background:url(/mobile/Images/Index/cp_bg.gif) repeat;}
.g-about .m-bt{display: block; width:100%;font-size: 1.42rem;color: #1f1a17;text-transform: uppercase; text-align:center; overflow:hidden;}
.g-about .m-bt i{display: block;font-size: 1.08rem;}
.g-about dl{ width:23.17rem; margin:0 auto; padding:1rem 0 0;}
.g-about dl dt{ width:23.17rem; margin:0 auto;}
.g-about dl dt img{ width:23.17rem;height: 11.79rem;}
.g-about dl dd{ width:100%; padding:0.75rem 0 0;}
.g-about dl dd p{ width:100%; font-size:0.92rem; color:#3a3a3a; line-height:1.4rem;height: 5.6rem;overflow: hidden;}
.g-about dl dd span{ display:block; width:7.17rem; text-align:center;height: 2rem;line-height: 2rem;background: #3a3a3a; overflow:hidden; margin:1rem 0 0;}
.g-about dl dd span a{ font-size:0.92rem; color:#fff;}

/**/
.g-news{ width:100%; height:18.33rem; overflow:hidden; position:relative;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news dl{ width:23.33rem; display:inline-block; padding:1.92rem 0 0.92rem 1.67rem;}
.g-news dl dt{ width:11.67rem; float:left; padding:0 0.83rem 0 0;}
.g-news dl dt img{width: 11.67rem;height: 5.21rem;}
.g-news dl dd{ width:10rem; float:left;}
.g-news dl dd b{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 1.4rem;line-height: 1.4rem;}
.g-news dl dd b a{ font-size:0.92rem; color:#3a3a3a;}
.g-news dl dd p{ font-size:0.83rem; color:#3a3a3a; line-height:1.2rem;height: 3.6rem;overflow: hidden;}
.g-news .m-box ul{ width:23.33rem; margin:0 auto;}
.g-news .m-box ul li{ height:1.5rem; line-height:1.5rem;}
.g-news .m-box ul li a{ font-size:0.83rem; color:#3a3a3a;display: block;float: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li span{display: block;float: right; font-size:0.83rem; color:#3a3a3a;}
