﻿.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 { position:relative;width: 100%;}
.g-nav:before{ content:"";width: 100%;height: 1px;background: #6c3d1e;position: absolute;top: 50%;left: 0;z-index: 1;}
.g-nav a { font-size:0.75rem; color:#d9b550;height: 2.13rem;line-height: 2.13rem; width:20%; text-align:center; display:block; float:left; position:relative;background: #360000;}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#6c3d1e; top:0; right:0;}
.g-nav a:nth-child(1){background: #d9b550;color: #000;}
.g-nav a:nth-child(6),.g-nav a:nth-child(7),.g-nav a:nth-child(8),.g-nav a:nth-child(9),.g-nav a:nth-child(10){background: #4a1919;}
.g-nav a:nth-child(5n):before{ background:none;}


/*通栏广告*/
.g-adv{ width:100%; height:25.58rem; overflow:hidden;}

/*广告条*/
.g-ban01{ display:block; width:100%; text-align:center; overflow:hidden; padding:12rem 0 0; height:8.83rem; 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 i{display: block;font-size: 1.5rem; padding:0.2rem 0 0;}
.g-ban01 b{display: block;width: 7.5rem;text-align: center;height: 2rem;line-height: 1.8rem;font-size: 1rem;color: #dcc936; margin:0.5rem auto 0;font-weight: normal;
border-radius:0.3rem;               
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;
background: #741600; /* Old browsers */
background: -moz-linear-gradient(top,  #741600 0%, #9f2400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #741600 0%,#9f2400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #741600 0%,#9f2400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#741600', endColorstr='#9f2400',GradientType=0 ); /* IE6-9 */
}


/*量身定制*/
.g-ding,.g-jz,.g-team{ width:24.17rem; margin:0 auto; height:23.67rem; overflow:hidden; position:relative;}
.g-ding .m-bt,.g-vs .m-bt,.g-jz .m-bt,.g-ys .m-bt,.g-about .m-bt,.g-team .m-bt,.g-hz .m-bt,.g-liuc .m-bt{display: block;width: 100%;text-align: center;font-size: 1.25rem;color: #4d0e0d; padding:2.75rem 0 0;}
.g-ding .m-bt span,.g-vs .m-bt span,.g-jz .m-bt span,.g-ys .m-bt span,.g-about .m-bt span,.g-team .m-bt span,.g-hz .m-bt span,.g-liuc .m-bt span{display: block;font-size: 1rem; font-family:"Times New Roman", Times, serif; padding:0.1rem 0 0;}
.g-ding .sclwrap_box{ height:12.5rem;overflow: hidden;}
.g-ding .prev,.g-jz .prev,.g-team .prev{ width:1.75rem; position:absolute; top:40%; left:0;}
.g-ding .next,.g-jz .next,.g-team .next{ width:1.75rem; position:absolute; top:40%; right:0;}
.g-ding .nowarp,.g-jz .nowarp{ margin:0 2.83rem;}
.g-ding .m-box .con{ display:inline; float:left;}
.g-ding .ding_pic{ width:18.42rem; float:left; padding:1.5rem 0 0; margin:0 auto;}
.g-ding .ding_pic img{ width:18.42rem;height: 9.92rem;}
.g-ding .u-btn{display: block;font-size: 0.92rem;color: #fff;width: 10.42rem;text-align: center;height: 2.5rem;line-height: 2.5rem;overflow: hidden; margin:0 auto;
background: #6b0e0f; /* Old browsers */
background: -moz-linear-gradient(top,  #6b0e0f 0%, #550e0d 47%, #4d0e0d 62%, #4d0e0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6b0e0f 0%,#550e0d 47%,#4d0e0d 62%,#4d0e0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6b0e0f 0%,#550e0d 47%,#4d0e0d 62%,#4d0e0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0e0f', endColorstr='#4d0e0d',GradientType=0 ); /* IE6-9 */
}

/*vs*/
.g-vs{ width:100%; overflow:hidden; height:29rem; overflow:hidden;background: #ffffed;}
.g-vs .m-bt{ padding:2.33rem 0 0;height: 6rem;}
.g-vs .sclwrap_box{ height:14.83rem; overflow:hidden;}
.g-vs .m-box .con{ position:relative; display:inline; float:left; height:14.83rem; overflow:hidden;}
.g-vs .m-box .con em{ display:block; width:5rem; position:absolute; top:0.83rem; left:10.67rem;}
.g-vs .m-box ul li{ width:11.5rem; float:left; padding:0 0 0 1.17rem;}
.g-vs .m-box ul li img{ width:11.46rem;height: 6.46rem; box-shadow:3px 4px 5px #e5e5d5;}
.g-vs .m-box ul li b{display: block;font-size: 1.25rem;color: #4d0e0d; padding:0.75rem 0;}
.g-vs .m-box ul li span{ display:block; width:100%; font-size:0.75rem; color:#4d0e0d;height: 3.6rem;line-height: 1.2rem;overflow: hidden;}
.g-vs .m-box ul li:last-child b,.g-vs .m-box ul li:last-child span{color: #555;}
.g-vs .m-cnt{ width:100%; display:inline-block;}
.g-vs .m-cnt li{ background:#500f0e; width:2.67rem; height:2.92rem; text-align:center; line-height:2.92rem; float:left; margin:0 0 0 1rem; font-size:1.25rem; color:#fff;}
.g-vs .m-cnt li.z-on{ background:#d9b550;}

/*客户见证*/
.g-jz{ height:30.67rem;}
.g-jz .m-bt{ padding:2rem 0 0;height: 6rem;}
.g-jz .m-bt i{display: block;font-size: 1rem;}
.g-jz .prev,.g-jz .next{ top:11.33rem;}
.g-jz .m-box .con{ display:inline; float:left;}
.g-jz dl{width: 18.38rem; margin:0 auto;}
.g-jz dl dt{width: 18.38rem;}
.g-jz dl dt img{width: 18.29rem;height: 10.21rem; border:#e2b0b0 1px solid;}
.g-jz dl dd{width: 18.38rem; padding:0.75rem 0 0;}
.g-jz dl dd b{display: block;}
.g-jz dl dd b a{font-size: 1rem;color: #4d0e0d;}
.g-jz dl dd p{font-size: 0.83rem;color: #525252;height: 3.6rem;line-height: 1.2rem;overflow: hidden; padding:0.5rem 0 0;}
.g-jz dl dd span{ display:inline-block;width: 100%; padding:1.08rem 0 0;}
.g-jz dl dd span a{display: block;float: left;width: 8.5rem;text-align: center;height: 1.83rem;line-height: 1.83rem;overflow: hidden;font-size: 0.92rem;color: #fff;float: right;
background: #4d0e0d; /* Old browsers */
background: -moz-linear-gradient(top,  #4d0e0d 0%, #711718 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4d0e0d 0%,#711718 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4d0e0d 0%,#711718 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0e0d', endColorstr='#711718',GradientType=0 ); /* IE6-9 */
}
.g-jz dl dd span a:first-child{background: #d9b550;float: left;}

/*四大优势*/
.g-ys{width: 100%; border-top:#a2a2a2 1px dashed; padding:0 0 3rem;}
.g-ys .m-bt{ padding:1.83rem 0 0;}
.g-ys dl{width: 9.75rem;float: left; padding:1.5rem 0 0 2.3rem;}
.g-ys dl dt{width: 9.75rem;line-height: 0;}
.g-ys dl dt img{width: 9.75rem;height: 5.88rem;}
.g-ys dl dd{width: 9.75rem;height: 9.33rem;background: #ffffef;}
.g-ys dl dd b{display: block;text-align: center; padding:0.3rem 0;}
.g-ys dl dd b a{font-size: 1rem;color: #2d211e;}
.g-ys dl dd p{font-size: 0.75rem;color: #3f3f3f;height: 6rem;line-height: 1.2rem;overflow: hidden;width: 8rem; margin:0 auto;}

/*关于五星极卡*/
.g-about{width: 100%;height: 29rem;background: #ffffed;}
.g-about .m-bt{ padding:2.08rem 0 0;height: 3.75rem;}
.g-about .m-pic{width: 21rem;display: block; margin:0 auto;}
.g-about .m-pic img{width: 21rem;height: 10.92rem;}
.g-about p{font-size: 0.83rem;color: #3a3a3a;height: 9rem;line-height: 1.5rem;width: 21rem;overflow: hidden; margin:0 auto; padding:1.25rem 0 0;}

/*资深设计团队*/
.g-team{  height:13.67rem;}
.g-team .m-bt{ padding:1.83rem 0 0;height: 3.83rem;}
.g-team .prev,.g-team .next{top:6.5rem;}
.g-team .nowarp { margin:0 2rem;}
.g-team .m-box .con{ display:inline; float:left;}
.g-team ul li{ width:9.33rem; float:left; padding:0 0 0 0.5rem;}
.g-team ul li img{ width:9.33rem;height: 5.58rem;}

/*合作客户*/
.g-hz{ width:100%; height:17.5rem; 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{color: #fff; padding:2rem 0 0;height:6rem;}
.g-hz .prev{ width:1.75rem; position:absolute; top:9.17rem; left:1.25rem;}
.g-hz .next{ width:1.75rem; position:absolute; top:9.17rem; right:1.25rem;}
.g-hz .nowarp { margin:0 3rem;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:5.75rem; float:left; padding:0.3rem 0 0.5rem 0.8rem;}
.g-hz ul li img{width: 5.75rem;height: 2.75rem;}

/*服务流程*/
.g-liuc{width:100%; padding:0 0 2.5rem; border-bottom:#993333 0.17rem solid;}
.g-liuc .m-bt{ padding:1.75rem 0 0;height: 4.58rem;}
.g-liuc .m-pic{display: block;width: 21.58rem; margin:0 auto;}
.g-liuc .m-pic img{width: 21.58rem;height: 22.08rem;}

/**/
.g-news{ width:22.5rem; height:20rem; padding:1rem 0 0; overflow:hidden; margin:0 auto;}
.g-news .m-cnt{ height:3rem; width:100%;}
.g-news .m-cnt li{ width:40%; text-align:center; float:left; position:relative;font-size: 1rem;color: #575757;font-weight: bold;height: 3rem;line-height: 3rem;}
.g-news .m-cnt li:before{ position:absolute; content:""; width:1px; height:40%; background:#747474; top:28%; right:0;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}
.g-news .m-cnt li.z-on{ color:#4d0e0d;}
.g-news .m-cnt li:last-child:before{ background:none;}
.g-news .m-cnt li:first-child{width: 60%;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news dl{ display:inline-block;width: 100%; padding:1rem 0 0;}
.g-news dl dt{width: 8rem;float: left;}
.g-news dl dt img{width: 8rem;height: 5.83rem;}
.g-news dl dd{ padding:0 0 0 1rem;width: 13.33rem;float: left;}
.g-news dl dd b{display: block;height: 1.2rem;line-height: 1.2rem;overflow: hidden;}
.g-news dl dd b a{font-size: 0.83rem;color: #3a3a3a;}
.g-news dl dd p{font-size: 0.75rem;color: #3a3a3a;height: 4.8rem;line-height: 1.2rem;overflow: hidden;}

