@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%;}
.g-nav a { font-size:1rem; color:#fff;height: 2.92rem;line-height: 2.92rem; width:33.3%; text-align:center; display:block; float:left;background: #ca9d57;}
.g-nav a:nth-child(2n){ background:#424242;}

/*通栏广告*/
.g-adv{ width:100%; height:13.33rem; overflow:hidden;}
.g-adv .sclwrap_box{ height:13.33rem; overflow:hidden;}

/*职业装定制*/
.g-ding{ padding:2.5rem 0 0.8rem;background: #f5f5f5;}
.g-ding .m-bt,.g-hz .m-bt,.g-ys .m-bt,.g-fuw .m-bt,.g-about .m-bt{display: block;width: 100%;text-align: center;font-size: 1.25rem;color: #333;height: 4rem;line-height: 2rem; background:url(/mobile/Images/Index/ding_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-ding ul{position: relative;width: 100%;height: 21rem; margin:1.25rem 0 0;}
.g-ding ul:before{ content:"";width: 72%;height: 1px;position: absolute;left: 15%;top: 12%; border-bottom:#bbb 1px dashed;}
.g-ding ul:after{ content:"";width: 42%;height: 1px;position: absolute;left: 30%;top: 62%; border-bottom:#bbb 1px dashed;}
.g-ding ul li{width: 33.3%;float: left;height: 10.5rem;text-align: center;position: relative;z-index: 10;}
.g-ding ul li em{display: block;width: 5rem; margin:0 auto;}
.g-ding ul li img{width: 5rem;height: 5rem;}
.g-ding ul li span{display: block;font-size: 0.83rem;color: #333; padding:0.5rem 0 0;line-height: 1.25rem;}
.g-ding ul li:nth-child(4){ padding:0 0 0 5rem;}

/*定制中心*/
.g-zhongx{width: 100%;height: 28.75rem;overflow: hidden; background:url(/mobile/Images/Index/zhongx_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-zhongx .m-bt{font-size: 1.25rem;color: #fff; padding:2.75rem 0 0;height: 5.17rem;text-align: center;display: block;}
.m-zhongx{width: 100%;height: 15rem;}
.zhongx01{width: 33.3%;text-align: center;float: left;}
.zhongx01 h3{height: 2.92rem;line-height: 2.92rem;overflow: hidden; margin:0 0 0.75rem;}
.zhongx01 h3 a{font-size: 1rem;color: #fff;}
.zhongx01 ul li{height: 1.75rem;line-height: 1.75rem;overflow: hidden;}
.zhongx01 ul li a{font-size: 0.75rem;color: #fff;}
.u-zhongx{width: 25rem; margin:0 auto; padding:1.67rem 0 0;}
.u-zhongx a{display: block;float: left;width: 7.83rem;height: 2.17rem;text-align: center;line-height: 2rem;font-size: 1rem;color: #fff; border:#666 1px dashed;
border-radius:2rem;               
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.u-zhongx a:nth-child(2){ margin:0 0.5rem;}

/*产品中心*/
.g-cp{ width:100%; height:23.75rem; overflow:hidden;background: #f5f5f5;}
.g-cp .m-cnt{ height:2.92rem; width:100%;}
.g-cp .m-cnt li{ width:33%; text-align:center; float:left; position:relative;font-size: 1rem;color: #fff;height: 2.92rem;line-height: 2.92rem;background: #424242;}
.g-cp .m-cnt li:before{ position:absolute; content:""; width:1px; height:100%; background:#ccc; top:0; right:0;}
.g-cp .m-cnt li:first-child{width: 34%;}
.g-cp .m-cnt li.z-on{ background:#ca9d57;}
.g-cp .m-cnt li:last-child:before,.g-cp .m-cnt li.z-on:before{ background:none;}
.g-cp .m-box .con{ display:inline; float:left;}
.g-cp .m-box ul li{width: 12.08rem;float: left; padding:1.67rem 0 0 0.8rem;}
.g-cp .m-box ul li img{width: 12.08rem;height: 10.83rem; box-shadow:2px 3px 4px #ececec;}
.g-cp .m-box ul li span{display: block;font-size: 1rem;color: #333;width: 12.08rem;text-align: center; padding:0.5rem 0 0;}
.g-cp .u-gd{ display:block; font-size:1rem; color:#fff; width:25rem; text-align:center; background:#424242; margin:1.25rem auto 0; height:2.29rem; line-height:2.29rem;
border-radius:3rem; 
-webkit- border-radius:3rem;
-moz-border-radius:3rem;
-o-border-radius:3rem;}

/*广告条*/
.g-ban01{ display:block; width:100%; text-align:center; overflow:hidden; height:5.83rem; line-height:5.8rem; font-size:1rem; color:#fff; 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 b{ font-family:Verdana, Geneva, sans-serif; padding:0 0.8rem 0 0;}
.g-ban01 i{color: #b3843b; padding:0 0 0 0.5rem;}

/*众多客户的一致选择*/
.g-hz{ width:100%; height:17rem; overflow:hidden;background: #f5f5f5; padding:2.17rem 0 0; position:relative;}
.g-hz .sclwrap_box{ height:8.5rem;overflow: hidden;}
.g-hz .prev{ width:1.5rem; position:absolute; top:9.3rem; left:1.25rem;}
.g-hz .next{ width:1.5rem; position:absolute; top:9.3rem; right:1.25rem;}
.g-hz .nowarp { margin:0 2.75rem;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:9.17rem; float:left; padding:1.25rem 0 0 1rem;}
.g-hz ul li img{ width:9.17rem;height: 5.42rem; box-shadow:#eee 2px 3px 4px;}
.g-hz .u-btn,.g-plan .u-btn{display: block;font-size: 1rem;color: #333;height: 2.17rem;line-height: 2rem;width: 20.75rem;text-align: center; margin:0 auto; border:#bbb 1px dashed;
border-radius:3rem;               
-webkit- border-radius:3rem;
-moz-border-radius:3rem;
-o-border-radius:3rem;}

/*做真正的职业装设计*/
.g-plan{width: 100%;height: 28.75rem; background:url(/mobile/Images/Index/plan_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-plan .m-bt{display: block;width: 100%;text-align: center;font-size: 1.25rem;color: #333; padding:3rem 0 0;height: 5.5rem;}
.g-plan p{font-size: 0.83rem;color: #333; padding:0.1rem 0 0 4.33rem;height: 5rem;}
.g-plan .u-btn b{color: #ca9d57;}

/*工艺*/
.g-gong{ width:100%; height:24.58rem; overflow:hidden;}
.g-gong .m-cnt{ height:2.92rem; width:100%; background:#3b3946;}
.g-gong .m-cnt li{ width:50%; text-align:center; float:left;height: 2.92rem;line-height: 2.92rem;font-size: 1rem;color: #fff;}
.g-gong .m-cnt li.z-on{ background:#ca9d57;}
.g-gong .m-box .con{ display:inline; float:left;}
.m-gong01{width: 100%;height: 21.67rem; background:url(/mobile/Images/Index/gong_bg01.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;}
.m-gong01 span{display: block;font-size: 0.75rem;color: #333; padding-left:1.25rem;height: 3.67rem;line-height: 3.67rem;}
.m-gong01 span:first-child{ padding-top:4.2rem;}
.m-gong02{width: 100%;height: 21.67rem; background:url(/mobile/Images/Index/gong_bg02.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;}
.m-gong02 span{display: block; text-align:right;font-size: 0.75rem;color: #333; padding-right:1.25rem;height: 3.75rem;line-height: 3.75rem;}
.m-gong02 span:first-child{ padding-top:1.9rem;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:28.67rem;background: #f5f5f5; padding:3rem 0 0;}
.g-ys .sclwrap_box{ height:19.5rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:24.17rem; margin:0 auto; padding:1.25rem 0 0;}
.g-ys dl dt{ width:100%;}
.g-ys dl dt img{width: 24.17rem;height: 12.5rem;}
.g-ys dl dd{ font-size:1rem; color:#333; line-height:1.5rem; padding:1.17rem 0 0;}
.g-ys .m-cnt{ width:10.75rem;height: 1.75rem; padding:1rem 0 0; margin:0 0 0 8rem; display:inline-block; background:url(/mobile/Images/Index/ys_botbg.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-ys .m-cnt li{ width:0.42rem; height:0.42rem; background:#9b9b9b; float:left; margin:0 0.21rem; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li.z-on{ background:#ca9d57;}
.g-ys .m-cnt li:first-child{ margin-left:3.5rem;}

/*28天快速定制团体职业装*/
.g-liuc{width: 100%;height: 25rem; background:url(/mobile/Images/Index/liuc_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-liuc .m-bt{display: block;font-size: 1.25rem;color: #fff; padding:2.75rem 0 0;height: 5.33rem;text-align: center;}
.g-liuc .u-liuc{display: block;width: 100%;}
.g-liuc .u-liuc img{width: 100%;height: 14rem;}

/*服务并未终止*/
.g-fuw{background: #f5f5f5; padding:2.75rem 0 2.8rem;}
.g-fuw p{width: 100%;height: 8.33rem; margin:1.75rem 0 0; background:url(/mobile/Images/Index/fuw_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-fuw p span{display: block;float: left;font-size: 0.83rem;color: #333;width: 7rem;text-align: center; padding-top:4.17rem;}
.g-fuw p span:first-child{ padding-left:0.88rem;}
.g-fuw p span:nth-child(2){ padding-left:1.9rem; padding-right:1.9rem;}

/*走进圣巧依*/
.g-about{ width:100%; overflow:hidden; padding:2.75rem 0 3.2rem;}
.g-about dl{ width:24.17rem; margin:0 auto; padding:1.83rem 0 0;}
.g-about dl dt{ width:22.5rem; margin:0 auto;}
.g-about dl dt img{width: 22.5rem;height: 15rem;}
.g-about dl dd{ padding:1.67rem 0 0;}
.g-about dl dd p{ width:100%; font-size:1rem; color:#333; line-height:1.5rem;height: 4.5rem;overflow: hidden;}
.g-about dl dd em{ display:block; width:100%; padding:4% 0 0;}
.g-about dl dd em a{ display:block; width:7.7rem; font-size:1rem; color:#333; height:2.42rem; line-height:2.42rem; text-align:center; border:#bfbfbf 1px dashed; float:left; margin-top:0.83rem;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-about dl dd em a:nth-child(2){ margin-left:0.2rem;margin-right:0.2rem;}
.g-about dl dd em a:nth-child(4){ margin-left:3.8rem;margin-right:0.2rem;}