﻿.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: 6.63rem; margin:0.83rem 0; padding:0.25rem 0 0;overflow: hidden; background:url(/mobile/Images/Index/nav_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-nav a { font-size:0.92rem; color:#340404;height: 3.33rem;line-height: 3.33rem; width:33.3%; text-align:center; display:block; float:left; }


/*通栏广告*/
.g-adv{ width:100%; height:21.04rem; overflow:hidden;}

/*品牌故事*/
.g-gu{width: 100%;height: 25rem;overflow: hidden; background:url(/mobile/Images/Index/gu_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-gu .m-bt{display: block;width: 20.67rem;height: 2.3rem;text-align: center; margin:1.83rem auto 0; padding:1.7rem 0 0;font-size: 1rem;color: #333;font-weight: bold; background:url(/mobile/Images/Index/gu_tbg.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-gu .m-bt i{display: block;font-size: 12px;color: #877d74;text-transform: uppercase;font-weight: normal; padding:0.3rem 0 0;}
.g-gu .m-pic{display: block;width: 23.75rem; margin:0 auto; padding:0.3rem 0 0;}
.g-gu p{width: 20rem; margin:0 auto; padding:1rem 0 0;}
.g-gu p b{display: block;font-size: 1rem;color: #333;}
.g-gu p span{display: block;width: 100%;font-size: 0.92rem;color: #555;line-height: 1.5rem;height: 4.5rem;overflow: hidden;}
.g-gu p em{display: block;float: right;}
.g-gu p em a{font-size: 0.92rem;color: #4c381d;}

/*韦柏纱窗中心*/
.g-fenl{ width:25rem; margin:0 auto; padding:2.33rem 0 0; overflow:hidden;}
.g-fenl .m-bt{display: block; margin:0 auto 1.5rem;line-height: 7.5rem;font-size: 1.08rem;color: #60460e;font-weight: bold;text-align: center;width: 17.5em;height: 5.7rem;overflow: hidden; background:url(/mobile/Images/Index/fenl_tbg.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-fenl .u-bt{ font-size:0.92rem; color:#333; font-weight:bold; height:2.25rem; line-height:2.25rem; width:100%; display:block;background: #efefef;
border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}
.g-fenl .u-bt em{ display:inline-block;width: 0.25rem; padding:0 1rem 0 0.5rem;}
.g-fenl .u-bt em img{ vertical-align:middle;}
.g-fenl ul{ padding:2% 0 0; display:inline-block;width: 100%;}
.g-fenl ul li{ height:2.25rem; line-height:2.25rem;width: 50%;float: left;}
.g-fenl ul li a{ font-size:0.92rem; color:#555; padding:0 0 0 1rem;}

/*应用案例*/
.g-case{ width:100%; height:29.17rem; overflow:hidden; padding:5% 0 6.5%;}
.g-case .m-cnt{ height:3.33rem; line-height:3.33rem; width:100%; background:url(/mobile/Images/Index/case_tbg.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-cnt li{height:3.33rem; width:50%; text-align:center; float:left;font-size: 0.92rem;color: #555;font-weight: bold;}
.g-case .m-cnt li.z-on{ background:#c6a255; color:#fff;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case .m-box ul li{width: 12.17rem;float: left; padding:1.17rem 0.5rem 0.5rem;}
.g-case .m-box ul li img{width: 12.08rem; border:#e9dbbd 1px solid;}
.g-case .m-box ul li span{display: block;float: left;width: 5.83rem; padding:0.83rem 0 0;}
.g-case .m-box ul li span a{font-size: 0.72rem;color: #555;}
.g-case .m-box ul li span i{display: block;font-size: 0.5rem;color: #9f958c;text-transform: uppercase;}
.g-case .m-box ul li em{display: block;float: right;width: 6.25rem;height: 1.58rem;line-height: 1.58rem;text-align: center;background: #c6a255; margin:0.83rem 0 0;
border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}
.g-case .m-box ul li em a{font-size: 0.75rem;color: #fff;}

/*广告条*/
.g-ban01{width: 100%;height: 22rem;text-align: center; 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 .u-tel{display: block;font-size: 1rem;color: #fff; padding:13.17rem 0 0.5rem;}
.g-ban01 .u-btn{display: block;font-size: 0.92rem;color: #000;width: 7.83rem;height: 1.83rem;line-height: 1.83rem;text-align: center;background: #f9c000; margin:0 auto;
border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}

/**/
.g-pk{ width:100%; height:41.5rem; margin:3.58rem 0 0; overflow:hidden; background:url(/mobile/Images/Index/pk_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-pk .m-bt{display: block; margin:0 auto 1rem;text-align: center;width: 24.71rem;height: 2.5rem; padding:1.5rem 0 0;overflow: hidden;font-size: 1.08rem;font-weight: bold;color: #333; background:url(/mobile/Images/Index/pk_tbg.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-pk .m-bt i{display: block;font-size: 0.5rem;color: #877d74;font-weight: normal; padding:0.3rem 0 0;}

.g-pk .m-cnt{ height:2.29rem; width:25rem; margin:0 auto;}
.g-pk .m-cnt li{ width:7.58rem;height: 2.29rem;line-height: 2.29rem; text-align:center; float:left;font-size: 0.92rem;color: #fff; background:#333;
border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}
.g-pk .m-cnt li.z-on{ background:#c6a255;}
.g-pk .m-cnt li:nth-child(2){ margin:0 1rem;}
.g-pk .m-box .con{ display:inline; float:left; position:relative;}
.g-pk .pk_ico{display: block;width: 3.29rem;height: 3.67rem; position:absolute; top:6.25rem; left:11.58rem;}
.pk_l{width: 12rem;float: left; padding:2.75rem 0 0 0.5rem;}
.pk_l em{display: block;font-size: 0.92rem;color: #333;width: 10rem;height: 2rem;text-align: center;line-height: 2rem; border:#c6a255 0.13rem solid; margin:0 auto;font-weight: bold;overflow: hidden;}
.pk_l b{display: block; font-size: 1.08rem;color: #b98821;text-align: center; padding:1rem 0 1.5rem;width: 100%;}
.pk_l span{display: block;font-size: 0.92rem;color: #333;text-align: center; padding:0.83rem 0 0;}
.pk_l i{display: block;width: 9.67rem; margin:0 auto; padding:1.5rem 0 0;}
.pk_r{float: right; padding:2.75rem 0.5rem 0 0;}
.pk_r em{ border:#333 0.13rem solid;}

/*优势*/
.g-ys{ width:100%; margin:6.5% 0 0; overflow:hidden; height:32.13rem; 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{display: block;width: 25rem;height: 2.9rem; padding:1.6rem 0 0;text-align: center; margin:3.08rem auto 1rem;font-size: 1.08rem;color: #fff;font-weight: bold; background:url(/mobile/Images/Index/ys_tbg.png) 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.92rem;color: #c6a255;font-weight: normal;}
.g-ys .sclwrap_box{ height:18rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .m-box .con .ys_pic{display: block; width:100%; overflow:hidden;}
.g-ys dl{ width:25rem; margin:0 auto; padding:1.67rem 0 0;}
.g-ys dl dt{ width:5.04rem;float: left;height: 6.13rem; overflow:hidden;}
.g-ys dl dd{ width:17.79rem;height: 6.04rem; border-bottom:#c6a255 1px solid; border-top:#c6a255 1px solid; border-right:#c6a255 1px solid; padding:0 1rem;float: left;}
.g-ys dl dd b{display: block; padding:0.6rem 0 0;}
.g-ys dl dd b a{font-size: 0.92rem;color: #c6a255;}
.g-ys dl dd p{font-size: 0.92rem; color:#bdbdbd;line-height: 160%; padding:2% 0 0;}
.g-ys .m-cnt{ padding:0 0 0 5.67rem;}
.g-ys .m-cnt li{ font-size:0.92rem; color:#fff; width:2.17rem; height:2.5rem; float:left; margin:0 0.83rem 0 0; text-align:center; line-height:2.5rem; background:url(/mobile/Images/Index/ys_ico01.png) 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-cnt li.z-on{ color:#000; background:url(/mobile/Images/Index/ys_ico02.png) 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{ width:100%; height:14.17rem; padding:3rem 0 0; overflow:hidden; position:relative;}
.g-hz .m-bt,.g-about .m-bt{width: 25rem;height: 2.25rem; padding:1.75rem 0 0;text-align: center; margin:0 auto;display: block;font-size: 1.08rem;color: #333;font-weight: bold; background:url(/mobile/Images/Index/hz_tbg.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-hz .m-bt i,.g-about .m-bt i{display: block;font-size: 0.5rem;color: #877d74;font-weight: normal; padding:0.3rem 0 0;}
.g-hz .sclwrap_box{ height:5.75rem;overflow: hidden;}
.g-hz .prev,.g-about .prev{ width:1.71rem; position:absolute; top:13.75rem; left:10.83rem;}
.g-hz .next,.g-about .next{ width:1.71rem; position:absolute; top:13.75rem; right:10.83rem;}
.g-hz .nowarp { margin:0 0.75rem;}
.g-hz .m-box .con,.g-about .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:7.21rem; float:left; padding:1rem 0.5rem 0;}

/*客户见证*/
.g-jz{ width:25rem; margin:0 auto; overflow:hidden; padding:3% 0 11%;}
.g-jz dl{ width:100%; display:inline-block; overflow:hidden;}
.g-jz dl dt{ width:100%;}
.g-jz dl dd{ width:100%; position:relative; padding:1.67rem 0 0;}
.g-jz dl dd h5{ font-size:1rem; font-weight:bold;}
.g-jz dl dd h5 a{ color:#000;}
.g-jz dl dd em{ display:block; font-size:0.92rem; color:#555; padding:0.5rem 0 1rem;}
.g-jz dl dd p{ font-size:0.92rem; color:#555;}
.g-jz dl dd span{ display:block;width: 2.17rem;height: 2.17rem;text-align: center;line-height: 2.17rem; border:#e5e5e5 0.17rem solid; position:absolute; top:2.08rem; right:0;}
.g-jz dl dd span a{ font-size:0.75rem; color:#5d6266;}

/*服务流程*/
.g-lc{width: 100%;height: 25.13rem;overflow: hidden; background:url(/mobile/Images/Index/lc_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-lc .m-bt{display: block;width: 24.08rem; margin:1.75rem auto;height: 2.5rem;text-align: center;font-size: 1.08rem;color: #fff;font-weight: bold; background:url(/mobile/Images/Index/lc_tbg.png) 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-lc .m-pic{display: block;width: 24.08rem; margin:0 auto;}

/*韦柏风采*/
.g-about{ width:25rem; margin:0 auto; height:17.5rem; padding:3.33rem 0 0; overflow:hidden; position:relative;}
.g-about .m-bt{ background:url(/mobile/Images/Index/ab_tbg.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 .sclwrap_box{ height:13.33rem;overflow: hidden;}
.g-about .prev{ top:13rem; left:1rem; z-index:1;}
.g-about .next{ top:13rem; right:1rem; z-index:1;}
.g-about .nowarp { margin:0 1.5rem;}
.g-about ul li{ width:8.625rem;height: 11.17rem; padding:1.5rem 0 0 1.5rem;float: left; position:relative;line-height: 0;}
.g-about ul li span{display: block;width: 8.625rem;height: 1.5rem;line-height: 1.5rem;text-align: center; background:rgba(0,0,0,0.7); position:absolute; right:0; bottom:0;}
.g-about ul li span a{font-size: 0.92rem;color: #fff;}