﻿.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%; padding:1rem 0 0;}
.g-nav a { font-size:1rem; color:#fff; width:8rem; text-align:center;height: 2.29rem;line-height: 2.29rem;background: #d1913e; display:block; float:left; margin:0.5rem 0 0 0.65rem;
border-radius:0.3rem;               
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}


/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*实验室家具定制中心*/
.g-fenl{ padding:2.4rem 0 0;overflow: hidden;}
.g-fenl .m-bt,.g-yan .m-bt,.g-ding .m-bt,.g-plan .m-bt,.g-jz .m-bt{display: block;width: 100%;height: 1.5rem;line-height: 1.5rem;font-size: 1rem;color: #d1913e;overflow: hidden;font-weight: bold;text-align: center; background:url(/m/img/cp_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;}
.fen01{width: 7.83rem;height: 11.88rem;float: left; margin:2.1rem 0 0 0.83rem;overflow: hidden; background:url(/m/img/cp_bg01.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;}
.fen01 b{display: block;height: 2.17rem;line-height: 2.17rem;width: 7.83rem;text-align: center;overflow: hidden;}
.fen01 b a{font-size: 1rem;color: #fff;}
.fen01 ul{ padding:0.75rem 0 0;}
.fen01 ul li{height: 1.67rem;line-height: 1.67rem;overflow: hidden; padding:0 0 0 0.83rem;}
.fen01 ul li a{font-size: 1rem;color: #7b7a7a;}
.fen01 span{display: block; padding:0 0 0 0.83rem;}
.fen01 span a{font-size: 1rem;color: #d1913e;}

/*产品*/
.g-cp{ width:100%; overflow:hidden; padding:1.7rem 0;}
.g-cp ul li{ width:11.71rem; float:left; padding:0 0.8rem 0.9rem;}
.g-cp ul li img{ width:11.71rem;height: 9.5rem;}
.g-cp ul li span{ display:block; text-align:center; width:11.71rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp ul li span a{ font-size:1rem; color:#333;}

/**/
.g-yan{width:100%;height: 29rem;overflow:hidden;}
.g-yan .m-cnt{width: 21.6rem; padding:1.3rem 0 0 1.25rem; display:inline-block;overflow: hidden;}
.g-yan .m-cnt li{ width:7.3rem; text-align:center; float:left;height: 2rem;line-height: 2rem;background: #757575;font-size: 0.75rem;color: #fff;font-weight: bold;overflow: hidden; margin:0 0 0 3.5rem;
border-radius:1rem;               
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-yan .m-cnt li.z-on{ background:#d1913e;}
.g-yan .m-box .con{ display:inline; float:left;}
.g-yan .m-box ul li{width: 50%;float: left;text-align: center;padding: 0 0;}
.g-yan .m-box ul li img{width: 7.75rem;height: 7.75rem;}
.g-yan .m-box ul li span{display: block;font-size: 0.92rem;color: #202020;line-height: 1.5rem;}
.g-yan .m-box ul li i{color: #d1913e;}
/*.g-yan .m-box ul li:nth-child(4){ padding-left:2.5rem; padding-right:2rem;}*/
.j-slide-auto .m-box li img {
    height: 12.5rem;
}

.g-yan .m-box .yan_ul li{width: 50%;}
.g-yan .m-box .yan_ul li:nth-child(4){padding:1.75rem 0 0;}

/*广告条*/
.g-ban01{display: block;width: 100%;height: 7.5rem;background: #d1913e;overflow: hidden;}
.g-ban01 i{display: block;font-size: 1rem;color: #fff; padding:2rem 0 0.75rem;text-align: center;}
.g-ban01 p,.g-ban02 p{ display:inline-block;width: 100%;}
.g-ban01 p em,.g-ban02 p em{display: block;float: left;font-size: 0.83rem;color: #fff;width: 5.75rem;height: 1.5rem;line-height: 1.5rem;text-align: center;overflow: hidden; border:#fff 1px solid; margin:0 0.5rem 0 5.4rem;
border-radius:0.3rem;               
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}
.g-ban01 p span,.g-ban02 p span{display: block;float: left;font-size: 0.83rem;color: #fff;}

.g-ban02{display: block;width: 100%;height: 3.75rem;background: #d1913e;overflow: hidden;}
.g-ban02 p{ padding:1.08rem 0 0;}

/*自有工厂，按需定制*/
.g-ding{ width:100%; height:22.7rem; overflow:hidden; padding:2.3rem 0 0; position:relative;}
.g-ding .m-bt{ margin:0 0 3.6rem;}
.g-ding .prev{ width:1.33rem; position:absolute; top:5.17rem; left:11.5rem;}
.g-ding .next{ width:1.33rem; position:absolute; top:5.17rem; right:11.5rem;}
.g-ding .nowarp { margin:0 0.83rem;}
.g-ding .m-box .con{ display:inline; float:left;}
.g-ding dl{ border:#d1913e 2px solid;width: 24.83rem;height: 7rem; display:inline-block; margin:0.5rem 0 0;overflow: hidden;}
.g-ding dl dt{width: 12.42rem;height: 7rem;float: left;}
.g-ding dl dt img{width: 12.42rem;height: 7rem;}
.g-ding dl dd{width: 12.4rem;float: left;background: #f1f1f1;font-size: 1rem;color: #333;line-height: 2rem; padding:1.25rem 0 0;text-align: center;height: 5.75rem;overflow: hidden;}

/*设计方案*/
.g-plan{ width:100%; height:15.67rem; overflow:hidden;}
.g-plan .m-bt01{display: block;width: 100%;text-align: center;font-size: 0.75rem;color: #333; padding:0.5rem 0 0;}
.g-plan .m-box .con{ display:inline; float:left;}
.g-plan .m-box ul li{width: 12rem;height: 6.5rem;position: relative;float: left;line-height: 0; margin:0.5rem 0.6rem 0;}
.g-plan .m-box ul li img{width: 12rem;height:6.5rem;}
.g-plan .m-box ul li span{display: block;width: 12rem;text-align: center;height: 2.08rem;line-height: 2.08rem;position: absolute;bottom: 0;left: 0; background:rgba(0,0,0,0.5);overflow: hidden;}
.g-plan .m-box ul li span a{ font-size:1rem; color:#fff;}
.g-plan .m-cnt{ width:100%; display:inline-block; padding:1.5rem 0 0;}
.g-plan .m-cnt li{ width:6rem; text-align:center;height: 2.08rem;line-height: 2.08rem; float:left;background: #757575; margin:0 0.3rem;font-size: 1rem;color: #fff;overflow: hidden;}
.g-plan .m-cnt li.z-on{ background:#d1913e;}
.g-plan .m-cnt li a{font-size: 1rem;color: #fff;}

/*全程优质服务*/
.g-fuw{width: 100%;overflow: hidden; padding:0 0 2.4rem;}
.g-fuw .m-bt,.g-honor .m-bt,.g-hz .m-bt,.g-about .m-bt{display: block;width: 100%;text-align: center;height: 1.5rem;line-height: 1.5rem;font-size: 1rem;color: #d1913e;font-weight: bold;overflow: hidden; background:url(/m/img/honor_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-fuw ul{width: 100%;position: relative; display:inline-block; margin:1.5rem 0 0;}
.g-fuw ul:before{ content:"";width: 1px;height: 100%;position: absolute;top: 0;left: 49%;background: #d6d6d6;}
.g-fuw ul:after{ content:"";width: 100%;height: 1px;position: absolute;top: 50%;left: 0;background: #d6d6d6;}
.g-fuw ul li{width: 11rem;float: left; padding:0 1.1rem 1.25rem;}
.g-fuw ul li img{width: 3.71rem;height: 3.71rem;display: block; margin:0 auto; padding:0 0 0.5rem;}
.g-fuw ul li b{display: block;width: 11rem;text-align: center;height: 2rem;line-height: 2rem; border-bottom:#d1913e 0.13rem solid; margin:0 auto;}
.g-fuw ul li b a{font-size: 1rem;color: #d1913e;}
.g-fuw ul li span{display: block;font-size: 1rem;color: #555;line-height: 1.5rem; padding:0.5rem 0 0;}
.g-fuw ul li .tel01{display: block;font-size: 1rem;color: #d1913e;font-weight: bold;width: 100%;text-align: center; padding:0.83rem 0 0.5rem;}
.g-fuw ul li .tel02{display: block;width: 6.42rem;text-align: center;height: 1.83rem;line-height: 1.83rem;font-size: 1rem;color: #d1913e; border:#d1913e 1px solid;overflow: hidden; margin:0 auto;
border-radius:0.3rem;               
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}
.g-fuw ul li:nth-child(3),.g-fuw ul li:nth-child(4){ padding-bottom:0; padding-top:1.25rem;}

/*麦尚用资质说话*/
.g-honor{ width:100%; height:17.4rem; padding:2.17rem 0 0; overflow:hidden; position:relative;}
.g-honor .prev,.g-jz .prev{ width:1.63rem; position:absolute; top:9rem; left:0.83rem;}
.g-honor .next,.g-jz .next{ width:1.63rem; position:absolute; top:9rem; right:0.83rem;}
.g-honor .nowarp,.g-jz .nowarp { margin:0 2.5rem;}
.g-honor .m-box .con,.g-jz .m-box .con{ display:inline; float:left;}
.g-honor ul li{ width:9.21rem; float:left; margin:1.3rem 0.8rem 0;line-height: 0;position: relative;}
.g-honor ul li img{width: 9.13rem;height: 12.21rem; border:#d6d6d6 1px solid;}
.g-honor ul li span{ display:block; text-align:center; width:9.13rem;background: #d5d5d5;height: 1.67rem;line-height: 1.67rem;overflow: hidden; border-bottom:#bebebe 0.17rem solid;position: absolute;bottom: 1px;left: 1px;}
.g-honor ul li span a{ font-size:1rem; color:#333;}

/*麦尚服务客户*/
.g-hz{    margin-top: 19px;width: 100%;overflow: hidden; padding:0 0 2rem;}
.g-hz .m-bt{ margin:0 0 0.83rem;}
.g-hz ul li{width: 8.25rem;float: left; padding:0.6rem 0.3rem 0;}
.g-hz ul li img{width: 8.17rem;height: 5.75rem; border:#7f7f7f 1px solid;}

/*客户见证*/
.g-jz{height: 21.67rem;overflow: hidden;position: relative;width: 100%;}
.g-jz .prev,.g-jz .next{top: 9rem;}
.g-jz dl{width: 9.17rem; padding:1.5rem 0.8rem 0;float: left;}
.g-jz dl dt{width: 9.17rem;line-height: 0;}
.g-jz dl dt img{width: 9.17rem;height: 6.04rem;}
.g-jz dl dd{width: 8.17rem;height: 10.17rem;background: #e3e3e3; padding:0 0.5rem;}
.g-jz dl dd span{display: block;font-size: 1rem;color: #333; padding:0.83rem 0;text-overflow:ellipsis ;overflow: hidden;white-space :nowrap; display:block ;}
.g-jz dl dd p{font-size: 1rem;color: #333;line-height: 1.4rem;}

/*走进麦尚家具*/
.g-about{ width:100%; overflow:hidden; padding:2.2rem 0 2.5rem;}
.g-about dl{ width:25rem; margin:0 auto; padding:1.25rem 0 0;}
.g-about dl dt{ width:25rem;}
.g-about dl dt img{width: 25rem;height: 13.25rem;}
.g-about dl dd{ width:25rem;}
.g-about dl dd span{ display:block; width:100%; text-align:center; padding:1rem 0 0.5rem; overflow:hidden;}
.g-about dl dd span a{ font-size:1rem; color:#3c3c3c;font-weight: bold;}
.g-about dl dd p{ font-size:1rem; color:#3c3c3c; line-height:1.5rem;}
.g-about dl dd em{ display:block; width:100%; padding:4% 0 0;}
.g-about dl dd em a{ display:block; width:7.58rem; font-size:1rem; color:#fff; height:2.17rem; line-height:2.17rem; text-align:center; background:#333; float:left;}
.g-about dl dd em a:nth-child(2){ background:#d1913e;margin: 0 0.92rem;}

/*麦尚体验馆*/
.g-ti{ width:100%; height:10.5rem; overflow:hidden;}
.g-ti .m-cnt{ height:2.17rem; width:100%; background:#333;}
.g-ti .m-cnt li{ width:7rem; text-align:center; float:left;height: 2.17rem;line-height: 2.17rem;font-size: 1rem;color: #fff;}
.g-ti .m-cnt li.z-on{ background:#d1913e;}
.g-ti .m-box .con{ display:inline; float:left;}
.g-ti .m-box ul li{width: 8.17rem;float: left; padding:1.75rem 0 0 0.5rem;overflow: hidden;}
.g-ti .m-box ul li img{width: 8.17rem;height: 5.17rem;}

/*麦尚动态*/
.g-news{ width:25rem; margin:0 auto; height:21.67rem; overflow:hidden;}
.g-news .m-cnt{ width:100%;}
.g-news .m-cnt li{font-size: 1rem;color: #333;font-weight: bold; width:8.33rem; text-align:center;height: 3.33rem;line-height: 2.5rem; float:left; background:url(/m/img/news_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-news .m-cnt li.z-on{ color:#fff; background:url(/m/img/news_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-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:24.92rem; border:#c8c8c8 1px solid; padding:1rem 0; margin:0.83rem 0 0;}
.g-news .m-box ul li{ height:2.5rem; line-height:2.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li a{ font-size:1rem; color:#3c3c3c;}
.g-news .m-box ul li em{ display:inline-block; width:0.83rem; padding:0 0.83rem 0 1rem;}

ul.renz {
    /* height: 300px; */
    margin-top: 20px;
}

ul.renz li {font-size: 14px;display: inline-block;width: 25%;height: 165px;background: url(/img/i-p-1.png) no-repeat center;position: relative;background-size: 131px;}

ul.renz li i {position: absolute;top: 9px;left: 50%;transform: translateX(-50%);color: #fff!important;font-size: 27px;}

ul.renz li div {
    font-size: 15px;
    text-align: center;
    margin-top: 74px;
    font-weight: bold;
    color: #d1913e;
}
ul.renz li h6 {
    font-size: 23px;
    color: #757575;
    margin-bottom: 14px;
}
