﻿.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-adv{ width:100%; height:15.83rem; overflow:hidden;}

/*家具定制*/
.g-ding{ height:45.5rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/ding_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-ding .m-bt{display: block; margin:0 auto; width:19rem; padding:1.67rem 0 1.5rem;}
.g-ding .m-cnt{ width:24.17rem; margin:0 auto; height:3.25rem;}
.g-ding .m-cnt li{ width:33.3%; text-align:center; float:left; font-size:0.92rem; color:#ffe6c5;height:2.85rem;background: #493127; position:relative; padding:0.4rem 0 0;}
.g-ding .m-cnt li:after{ position:absolute; content:""; width:1px; height:100%; background:#6d5a52; top:0; right:0;}
.g-ding .m-cnt li.z-on{ background:#604134;}
.g-ding .m-cnt li:last-child:after{ background:none;}
.g-ding .m-box .con{ display:inline; float:left;}
.g-ding .m-box ul{ width:24.17rem; margin:0 auto;}
.g-ding .m-box ul li{ width:24.17rem;height:15.98rem;position: relative; padding:1.25rem 0 0;line-height: 0;}
.g-ding .m-box ul li img{width: 24.08rem;height: 15.98rem; border:#997b6e 1px solid;}
.g-ding .m-box ul li span,.g-cp ul li span{display: block;position: absolute;left: 1px;bottom: 1px;width: 24.08rem;height: 2rem;text-align: center;line-height: 2rem; background:rgba(0,0,0,0.6);overflow: hidden;font-size: 1rem;color: #ffe6c5;}

/*分类*/
.g-fenl{ width:100%; padding:2rem 0 0; overflow:hidden;background: #1c100f;}
.g-fenl .m-bt01{ font-size:1rem; color:#ffe6c5;width: 24.17rem; height:4rem; text-align:center; display:block; margin:0 auto; overflow: hidden;background:url(/mobile/Images/Index/fenl_tbg01.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 .m-bt02{ font-size:1rem; color:#ffe6c5;width: 24.17rem; height:5.5rem;line-height: 4.5rem; text-align:center; display:block; margin:0 auto; overflow: hidden;background:url(/mobile/Images/Index/fenl_tbg02.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 ul{ padding:0.7rem 0 1rem 1.25rem; width:24.17rem; display:inline-block;}
.g-fenl ul li{ height:2rem; line-height:2rem;float: left;position: relative;width: 33.3%;}
.g-fenl ul li:before{ position:absolute; content:""; width:2px; height:0.83rem; background:#453931; top:30%; right:10%;}
.g-fenl ul li a{ font-size:1rem; color:#ffe6c5;}
.g-fenl ul li:nth-child(3n):before{ background:none;}

/*产品*/
.g-cp{ width:100%; overflow:hidden; padding:0 0 1.9rem;background: #1c100f;}
.g-cp ul li{ width:11.46rem;height: 10rem;position: relative;line-height: 0; float:left; margin:0.5rem 0 1.1rem 1.25rem;}
.g-cp ul li img{ width:11.38rem;height: 9.92rem; border:#997b6e 1px solid;}
.g-cp ul li span{width: 11.38rem;}
.g-cp ul li span a{ font-size:0.83rem; color:#ffe6c5;}

/*广告条*/
.g-ban01{ display:block; width:95.5%; padding:1rem 4.5% 0 0; text-align:right; overflow:hidden; height:6rem; font-size:0.75rem; color:#ffe6c5; 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:Arial, Helvetica, sans-serif; font-size:1.08rem;display: block;}
.g-ban01 em{display: block;float: right;width: 6.29rem;text-align: center;height: 1.33rem;line-height: 1.33rem; border:#ccac78 0.13rem solid; margin:0.3rem 0 0;}

.g-ban02{ background:url(/mobile/Images/Index/ban02.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-why{width: 100%;height: 41.5rem;overflow: hidden; background:url(/mobile/Images/Index/why_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-why .m-bt{display: block;width: 21.5rem; margin:0 auto;}
.g-why p{font-size: 0.75rem;color: #ffdcaf;width: 19.5rem;height: 4.5rem;line-height: 1.5rem;text-align: center;overflow: hidden; padding:1.25rem 0 0; margin:0 auto;}
.g-why p i{font-size: 1rem;}
.g-why ul li{width: 8rem;float: left; padding:2.5rem 0 0 0.65rem;}
.g-why ul li img{width: 8rem;height: 8rem;}
.g-why b{display: block;width: 24.17rem; margin:0 auto; padding:2.6rem 0 0;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:43rem; 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{width: 24.17rem; margin:0 auto;display: block; padding:1.08rem 0 1.8rem;height: 6rem;}
.g-ys .sclwrap_box{ height:29.5rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{ width:24.17rem;display: block; margin:0 auto;}
.g-ys dl{ width:24.17rem; margin:0 auto; padding:1.25rem 0 0;}
.g-ys dl dt{ width:100%;height: 6rem; display:inline-block; background:url(/mobile/Images/Index/ys_bt01.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; overflow:hidden;}
.g-ys dl dt p{ display:inline-block;width: 100%;}
.g-ys dl dt em{ display:block;float: left; width:2.5rem; padding:0 0.4rem 0 6.9rem;}
.g-ys dl dt span{display: block;float: left;font-size: 1.25rem;color: #ffe6c5;}
.g-ys dl dt b{text-align: center; display:block; width:100%;text-align: center; font-size:1rem; color:#ffe6c5;}
.g-ys dl dt i{ display:block; color:#55423b;font-size: 0.5rem; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.g-ys dl dd{ width:100%;}
.g-ys dl dd p{ font-size:0.75rem; color:#9a846a; line-height:1.5rem;text-align: center;}
.g-ys dl dd i{ color:#ffe6c5;}
.g-ys dl dd span{display: block;width: 6.33rem; margin:0 auto; padding:0.75rem 0 0;}
.g-ys .m-cnt{ width:10.83rem;height: 2.75rem; margin:0 0 0 8.33rem; display:inline-block; background:url(/mobile/Images/Index/ys_bot.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.5rem; height:0.5rem; background:#fff; float:left; margin:0.5rem 0 0 0.5rem; 
border-radius:2rem; 
-webkit- border-radius:2rem;
-moz-border-radius:2rem;
-o-border-radius:2rem;}
.g-ys .m-cnt li:first-child{ margin-left:3.33rem;}
.g-ys .m-cnt li.z-on{ background:#fedcaf; }

/*走进浩冠家具*/
.g-about{ width:100%; height:27.42rem; overflow:hidden; background:url(/mobile/Images/Index/ab_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-about .m-bt{display: block;width: 13.5rem; margin:0 auto; padding:2.5rem 0 1.6rem;}
.g-about .m-cnt{width: 24.17rem; display:inline-block; height:2.08rem; padding:0 0 0 1.25rem;}
.g-about .m-cnt li{font-size: 1.25rem;color: #f7cc79; width:12.08rem; text-align:center;height: 2.08rem;line-height: 2.08rem; float:left; background:url(/mobile/Images/Index/ab_tbg01.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-about .m-cnt li.z-on{ background:url(/mobile/Images/Index/ab_tbg02.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-about .m-box .con{ display:inline; float:left;}
.g-about .m-box ul li{width: 11.46rem;float: left; padding:1.7rem 0 0 1.25rem;}
.g-about .m-box ul li img{width: 11.46rem;height: 10.71rem;}
.g-about .m-box ul li span{display: block;width: 11.46rem;text-align: center; padding:0.5rem 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-about .m-box ul li span a{font-size: 0.83rem;color: #b89c79;}

/**/
.u-ab{width: 100%;height: 3rem;line-height: 3rem;overflow: hidden; background:url(/mobile/Images/Index/ab_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;}
.u-ab a{font-size: 1rem;color: #ffe6c5;display: block;float: left;width: 33.3%;text-align: center;}

/*定制流程*/
.g-liuc{width: 100%;height: 25.33rem;overflow: hidden;position: relative; 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;width: 24.17rem; margin:0 auto; padding:2rem 0 0;}
.g-liuc ul li{width: 4.5rem;float: left; padding:1.7rem 2rem 0 0;}
.g-liuc ul li img{width: 4.5rem;height: 4.5rem;}
.g-liuc ul li span{font-size: 0.75rem;color: #9a846a;display: block;width: 4.5rem;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-liuc ul li:first-child{ padding-left:1.25rem;}
.g-liuc ul li:nth-child(5){ padding-left:7.83rem;}
.g-liuc ul li:nth-child(4),.g-liuc ul li:nth-child(7){ padding-right:0;}
.g-liuc .u-tel{ font-family:Arial, Helvetica, sans-serif;font-size: 0.92rem;color: #ffe6c5;font-weight: bold;display: block;position: absolute;top: 20.5rem;left: 1.25rem;}

/*客户见证*/
.g-jz{ width:100%; overflow:hidden;height: 39.17rem; background:url(/mobile/Images/Index/jz_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-jz .m-bt{display: block;width: 24.17rem; margin:0 auto; padding:3rem 0 0;}
.g-jz dl{ width:24.17rem; display:inline-block; overflow:hidden; margin:0 0 0 1.25rem; border-bottom:#372924 1px solid; padding:1.4rem 0;}
.g-jz dl dt{ width:10.83rem; float:left; padding:0 1rem 0 0;}
.g-jz dl dt img{ border:#62503c 1px solid;width: 10.75rem;height: 9.08rem;}
.g-jz dl dd{ width:12.17rem; float:left;}
.g-jz dl dd h5{ font-size:1.08rem; font-weight:bold;}
.g-jz dl dd h5 a{ color:#ffe6c5;}
.g-jz dl dd em{ display:block;float: right; font-size:0.75rem; color:#9a846a;font-weight: normal;}
.g-jz dl dd p{ font-size:0.75rem; color:#9a846a;line-height: 1.2rem;height: 4.8rem;overflow: hidden; padding:0.5rem 0 0;}
.g-jz dl dd span{ display:block; padding:0.4rem 0 0;}
.g-jz dl dd span a{ font-size:0.75rem; color:#ffe6c5;}
.g-jz dl:nth-child(3){ border:none;}
.g-jz .u-btn{display: block;width: 14.83rem;text-align: center;height: 2rem;line-height: 2rem;font-size: 1rem;color: #ccac78; border:#ccac78 2px solid; margin:0.5rem auto 0;}

