﻿.m_nav{ height:auto; background: #5d1800;}
.m_nav li{ float:left;  color:#fff; height: 2.6rem;line-height: 2.6rem; width:25%; text-align:center; font-size: 1rem; position: relative; }
.m_nav li{ 	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-top:1px solid #6e301a;
border-bottom:1px solid #411100;}
.m_nav a:nth-child(3n) li:before{ border-right: none;background: none;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(4) li{ border-left: none;}
.m_nav a:nth-child(5) li,.m_nav a:nth-child(6) li,.m_nav a:nth-child(4) li{ border-bottom: none;}
.m_nav li:before{content: "";position: absolute; width: 0.083rem;height: 2.5rem; background:url(/mobile/images/common/line.jpg) no-repeat; background-size: 100%; right:0;top:0;}

.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 12.5rem;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#aaaaaa;}
.g-adv .m-cnt li{ float:left; width:33.3333%; }
.g-adv .m-cnt li.z-on{ background:#4a4a4a;}
ul.proDown {top:9.4rem;}
/* 热销产品 */
.g_pro{height: 40rem;}
.con{float: left;display: inline;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 35rem;}
.g_pro .m-cnt{height: 6.66rem;left:0rem;overflow: hidden;line-height: 3.33rem;background:url(/mobile/Images/Index/tit.jpg) no-repeat;background-size: 100% 100%; width: 100%; position: relative;}
.g_pro .m-cnt li {  color: #fff;text-align: center; height: 3.33rem;line-height: 3.33rem; font-size: 1rem;
    display: inline; overflow: hidden;float: left; font-weight: normal; width: 33%;}
.g_pro .m-cnt li.z-on {background:url(/mobile/Images/Index/cph.jpg) no-repeat;background-size: 112%;font-weight: bold; }
.g_pro .m-cnt span{display: block;position: absolute; right:3%;top:25%; width: 19.6%;}
.g_pro .m-cnt span img{width: 100%;display: block;}

.g_pro .u_lst1{padding:6% 3% 0 3%; }
.g_pro .u_lst1 li{float: left; width: 47%; margin-right: 5%; z-index: 2; }
.g_pro .u_lst1 li img{width: 100%;display: block; border: 1px solid #d2d2d2;
  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_pro .u_lst1 li span{font-size: 1rem; color: #333333; height: 2.9rem; line-height: 2.9rem; text-align: center; display: block; font-weight: normal; overflow: hidden; width: 100%;}
.g_pro .u_lst1 a:nth-child(2n) li{margin-right: 0}
.g_pro .u_btn,.g_pro .u_btn img{display: block;width: 100%; }
.mnav-hot img {
    width: 100%;
    margin: 0.5rem 0;
}

.proul-bd{background:url(/mobile/Images/Index/tit.jpg) no-repeat;position:relative;height: 6.4rem;overflow:hidden;}
.proul-hd {
    width: 100%;
    overflow: hidden;
}
.proul-bd span {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2rem;
    font-weight:bold;
    color: #fff;
    height: 3.2rem;
    line-height: 3.2rem;
    overflow: hidden;
    letter-spacing:-5px;
    padding-right:5px;
    font-family:'Mircrosoft YaHei';
}
.proul-bd span a img{width:7rem;}

/* pk */
.g_pk{height: 23.33rem; padding-top: 2.5rem;}
.g_pk h2{margin-bottom: 1.2rem;}
.g_pk h2,.g_pk h2 img{width: 100%;display: block;}
.g_pk .sclwrap_box,.g_pk .m-box {height: 12rem;}
.g_pk .m-cnt{height: 3.33rem;line-height: 3.33rem;background:url(/mobile/Images/Index/tit.jpg) no-repeat;background-size: 100%; width: 100%; position: relative;}
.g_pk .m-cnt li {  color: #fff;text-align: center; height: 3.33rem;line-height: 3.33rem; font-size: 1rem;
    display: inline; float: left; font-weight: normal; width: 33.33333333%;z-index: 0;}
.g_pk .m-cnt li.z-on {font-weight: bold;position: relative; }
.g_pk .m-cnt li.z-on:before{content: "";position: absolute;background:url(/mobile/Images/Index/hover1.jpg) no-repeat;background-size: 100% 3.33rem; width:100%;left:0;top:0; height: 3.33rem; z-index: -1;}
.g_pk .m-cnt li:nth-child(2).z-on:before{left:-1%;}

.g_pk .u_lst1{padding:6% 3% 0 3%; position: relative; }
.g_pk .u_lst1 li{float: left; width: 47%; margin-right: 5%; z-index: 2; position: relative; }
.g_pk .u_lst1 li img{width: 100%;display: block; }
.g_pk .u_lst1 li span{font-size: 1rem; color: #666666; height: 2.9rem; line-height: 2.9rem; text-align: center; display: block; font-weight: bold; overflow: hidden; width: 100%;}
.g_pk .u_lst1 a:nth-child(2n) li{margin-right: 0}
.g_pk .u_btn,.g_pk .u_btn img{display: block;width: 100%; }

/* 四大产品性能 */
.g_pk2{height: 23.33rem;}
.g_pk2 h2{margin-bottom: 1.6rem;}
.g_pk2 h2,.g_pk2 h2 img{width: 100%;display: block;}
.g_pk2 .sclwrap_box,.g_pk2 .m-box {height: 12rem;}

.g_pk2 .m-cnt{height: 3.33rem;line-height: 3.33rem;background:url(/mobile/Images/Index/tit.jpg) no-repeat;background-size: 100%; width: 100%; position: relative;}
.g_pk2 .m-cnt li {  color: #fff;text-align: center; height: 3.33rem;line-height: 3.33rem; font-size: 1rem;
    display: inline; float: left; font-weight: normal; width: 25%;z-index: 0; position: relative;}
.g_pk2 .m-cnt li:before{content: "";position: absolute; width: 1px;height: 2.5rem;border-right: 1px dashed #9a5b34;top:0.5rem;right:0;}
.g_pk2 .m-cnt li.z-on {font-weight: bold;position: relative; background:url(/mobile/Images/Index/hover2.jpg) no-repeat;background-size: 100%; height: 3.5rem;}
.g_pk2 .m-cnt li:nth-child(4):before{border-right: none;}



.g_pk2 .u_lst1{padding:6% 3% 0 3%; position: relative; }
.g_pk2 .u_lst1 li{float: left; width: 47%; margin-right: 5%; z-index: 2; position: relative; }
.g_pk2 .u_lst1 li img{width: 100%;display: block; }
.g_pk2 .u_lst1 li span{font-size: 1rem; color: #666666; height: 2.9rem; line-height: 2.9rem; text-align: center; display: block; font-weight: bold; overflow: hidden; width: 100%;}
.g_pk2 .u_lst1 a:nth-child(2n) li{margin-right: 0}
.g_pk2 .u_btn,.g_pk2 .u_btn img{display: block;width: 100%; }
.g_pk2 .u_lst1 .pk{width: 4.2rem;height: 4.2rem;background: #5d1800;border-radius: 85rem;left:41%;top:25%; position: absolute; color: #fff;font-size: 1.6rem;text-align: center;line-height: 4.2rem;z-index: 2;text-transform: uppercase;font-weight: bold;}



/* 优势 */
.g_ys{height:42.7rem; position: relative;}
.g_ys .sclwrap_box,.g_ys .m-box {height: 32.3rem;}
.g_ys h2,.g_ys h2 img{width: 100%;display: block;}

.m_ys .prev, .m_ys .next {
    height: 2rem;
    position: absolute;
    text-align: center;
    width: 2rem; top:38.6rem;
    z-index: 99;
}
.m_ys .prev {left:23%;}
.m_ys .next {right:23%;}
.m_ys .prev img,.m_ys .next img{width: 100%;}

.m_ys .nowarp {position: relative;width: 100%; padding: 3rem 0 0 0;}
.g_ys .u_dlst1{height: 28.9rem;}
.g_ys .u_dlst1 dt{ margin: 0 3% 1.6rem 3%; width: 94%;}
.g_ys .u_dlst1 dt img{width: 100%;display: block;}
.g_ys .u_dlst1 dd{margin: 0 3% 0 3%;}

.g_ys .u_dlst1 h3{color: #5d1800;font-size: 1.25rem;font-weight: bold; height: 3.8rem;position: relative; padding-left: 18%;}
.g_ys .u_dlst1 h3 i{position: absolute; width: 12.5%;left:0;top:0;}
.g_ys .u_dlst1 h3 i img{width: 100%;display: block;}

.g_ys .u_dlst1 p{ padding-left: 18%;font-size: 1rem;line-height: 1.3rem; color: #333333;}
.g_ys span{display: block;text-align: center;font-weight: normal;height: 1rem; margin-left: 38%; }
.g_ys span a{display: block;float: left;width: 1rem;height: 1rem; line-height: 1rem; border-radius: 85rem;text-align: center; font-size: 1.66rem;color: #fff; margin-right: 1rem; border: 1px solid #e5e5e5;}
.g_ys span a:hover,.g_ys span .cur{background: #b99e88;border: 1px solid #b99e88;}


/* 成功案例3 */
.g_fangan{height:24rem;margin-top: 1.5rem;}
.g_fangan .sclwrap_box,.g_fangan .m-box {height: 16.6rem;}

.g_fangan h2{background:url(/mobile/images/index/fatitbg.jpg) no-repeat;background-size: 100%;height: 4.5rem;padding-top: 0.5rem; text-align: center; font-size: 1.5rem;color: #5d1800;font-weight: bold; }
.g_fangan h2 em{display: block;font-size: 0.8rem;color: #c8c8c8;text-transform: uppercase;}

.m_fanan .prev, .m_fanan .next {
    height: 2.5rem;
    position: absolute;
    text-align: center;
    width: 2.5rem; top:7rem;
    z-index: 99;
}
.m_fanan .prev {left:3%;}
.m_fanan .next {right:3%;}
.m_fanan .prev img,.m_fanan .next img{width: 100%;}

.m_fanan .nowarp {position: relative;width: 100%; padding: 1.4rem 0 0 0;}

.g_fangan .u_dlst1 dt{ margin: 0 15% 0.86rem 15%; width: 70%;}
.g_fangan .u_dlst1 dt img{width: 100%;display: block;}
.g_fangan .u_dlst1 dd{margin: 0 15% 0 15%; width: 70%;height: 2rem;line-height: 2rem;overflow: hidden;font-size: 1rem;color: #333333; text-align: center;}
.g_fangan .u_dlst1 dd a{color: #333333;}

.g_fangan .u_dlst1 h3{color: #333333;font-size: 1rem;font-weight: bold; height: 4rem;line-height: 2rem;overflow: hidden;text-align: center;}
.g_fangan .u_dlst1 h3 em{display: block;font-size: 1rem;}
.g_fangan .u_dlst1 p{ font-size: 1rem;line-height: 1.5rem; height: 6rem;overflow: hidden; color: #333333;text-align: center;}
.g_fangan .u_dlst1 span{display: block;width: 29%;height:2.5rem;line-height: 2.5rem;text-align: center;color: #5d1800;font-size: 1rem; margin: 0 auto; border: 1px solid #5d1800; border-radius: 3rem; margin-top: 1rem;}










/* 成功案例3 */
.g_an{height:33rem; padding-top: 2rem; position: relative;background:url(/mobile/images/index/anbg.jpg) no-repeat;background-size: 100%;}
.g_an .sclwrap_box,.g_an .m-box {height: 26rem;}
.g_an h2{background:url(/mobile/images/index/antit.png) no-repeat;background-size: 100%;height: 4.5rem;padding-top: 0.5rem; text-align: center; font-size: 1.5rem;color: #5d1800;font-weight: bold; }
.g_an h2 em{display: block;font-size: 0.8rem;color: #c8c8c8;text-transform: uppercase;}

.m_an .prev, .m_an .next {
    height: 2.5rem;
    position: absolute;
    text-align: center;
    width: 2.5rem; top:13.5rem;
    z-index: 99;
}
.m_an .prev {left:3%;}
.m_an .next {right:3%;}
.m_an .prev img,.m_an .next img{width: 100%;}

.m_an .nowarp {position: relative;width: 100%; padding: 1.4rem 0 0 0;}
.g_an .u_dlst1 dt{ margin: 0 19% 0.86rem 19%; width: 62%;}
.g_an .u_dlst1 dt img{width: 100%;display: block;}
.g_an .u_dlst1 dd{margin: 0 3% 0 3%;}

.g_an .u_dlst1 h3{color: #333333;font-size: 1rem;font-weight: bold; height: 4rem;line-height: 2rem;overflow: hidden;text-align: center;}
.g_an .u_dlst1 h3 em{display: block;font-size: 1rem;}
.g_an .u_dlst1 p{ font-size: 1rem;line-height: 1.5rem; height: 6rem;overflow: hidden; color: #333333;text-align: center;}
.g_an .u_dlst1 span{display: block;width: 29%;height:2.5rem;line-height: 2.5rem;text-align: center;color: #5d1800;font-size: 1rem; margin: 0 auto; border: 1px solid #5d1800; border-radius: 3rem; margin-top: 1rem;}


/* 走进好威 */
.demo-box {height: 19.5rem; width: 100%;  overflow: hidden; }
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height:15rem;overflow: hidden;}

.demo-box .column-list{height: 3.33rem;line-height: 3.33rem;background:url(/mobile/Images/Index/tit.jpg) no-repeat;background-size: 100%; width: 100%; position: relative;}
.demo-box .column-list li {  color: #fff;text-align: center; height: 3.33rem;line-height: 3.33rem; font-size: 1rem;
    display: inline; float: left; font-weight: normal; width: 33.333333333%;z-index: 0; position: relative;}
.demo-box .column-list li:before{content: "";position: absolute; width: 1px;height: 2.5rem;border-right: 1px dashed #9a5b34;top:0.5rem;right:0;}
.demo-box .column-list li.z-on {font-weight: bold;position: relative; background:url(/mobile/Images/Index/hover3.jpg) no-repeat;background-size: 100%;}
.demo-box .column-list li:nth-child(3):before{border-right: none;}

.demo-box .box-style { padding: 1.5rem 18% 0 18%;position: relative; width: 64%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 2rem;
    position: absolute;
    text-align: center;
    width: 2rem; top:5.5rem;
    z-index: 99;
}
.demo-box .box-style .prev { left: 3%;}
.demo-box .box-style .next {right: 3%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}
.demo-box .box-style .page,.demo-box .box-style .page2 { width: 100%; float: left; display: inline;}
.demo-box .box-style .page li{float: left; width: 100%;}
.demo-box .box-style .page2 li{float: left; width: 48%; margin:0 1%;}
.demo-box .box-style .page li em,.demo-box .box-style .page2 li em{display: block; height: 3em; line-height: 3em; text-align: center; color: #333333; font-size: 1rem;text-align: center;}
.demo-box .box-style .page li img,.demo-box .box-style .page2 li img{width: 100%; display: block; }

.demo-box .u_dlst2{padding: 1.5rem 3% 0 3%;float: left; display: inline; height: 10.6rem;}
.demo-box .u_dlst2 dt{width: 45%;float: left; margin-right: 3%;}
.demo-box .u_dlst2 dt img{width: 100%;display: block;}
.demo-box .u_dlst2 dd{float: left; width: 50%;}
.demo-box .u_dlst2 dd p{color: #333333;font-size: 1rem; height: 8.9rem; line-height: 1.3rem;overflow: hidden;}
.demo-box .btn2{display: block; margin-left: 11%;height: 3rem;}
.demo-box .btn2 a{display: block;float: left; width: 34%; margin-right: 20%;}
.demo-box .btn2 a img{width: 100%;display: block;}
.demo-box .btn2 a:nth-child(2){margin-right: 0;}


/*资讯*/
.g_zx{height: 27.5rem;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 19rem;}
.til02{height: 3.33rem;line-height: 3.33rem;background:url(/mobile/Images/Index/tit.jpg) no-repeat;background-size: 100%; width: 100%; position: relative;}
.til02 li {  color: #fff;text-align: center; height: 3.33rem;line-height: 3.33rem; font-size: 1rem;
    display: inline; float: left; font-weight: normal; width: 33.333333333%;z-index: 0; position: relative;}
.til02 li:before{content: "";position: absolute; width: 1px;height: 2.5rem;border-right: 1px dashed #9a5b34;top:0.5rem;right:0;}
.til02 li.z-on {font-weight: bold;position: relative; background:url(/mobile/Images/Index/hover3.jpg) no-repeat;background-size: 100%;}
.til02 li:nth-child(3):before{border-right: none;}



.btn1,.btn1 img{width: 100%;display: block;}
.zx-c .u_lst7{margin: 3%;border: 1px solid #dcdcdc;height: 15.6rem; padding: 1rem 3% 0 0;}
.zx-c .u_lst7 li{ height:2.5em; line-height: 2.5em; font-size: 1rem; color: #333333; position: relative; padding-left: 8%; overflow: hidden;}
.zx-c .u_lst7 li a{color: #333333; }
.zx-c .u_lst7 li:before{position: absolute; content: ""; width: 0.4em;height: 0.4em; border: 0.2rem solid #d4bcb2;border-radius: 85rem; left:3%;top:38%;}


/* 在线留言 */
.m_ly{background:url(/mobile/Images/Index/lybg.jpg) no-repeat;background-size: 100%; height: 36.666666rem; padding-top: 2.5rem; overflow: hidden;}
.m_ly h2{background:url(/mobile/images/index/antit.png) no-repeat;background-size: 100%;height: 4.5rem;padding-top: 0.5rem; text-align: center; font-size: 1.5rem;color: #5d1800;font-weight: bold; margin-bottom: 4rem; }
.m_ly h2 em{display: block;font-size: 0.8rem;color: #c8c8c8;text-transform: uppercase;}

.p_ak{padding-left: 10%; }
.p_ak ul li{margin-bottom:1.6rem; position: relative;}
.p_ak label,.p_ak input,.p_ak textarea,.p_ak img,.p_ak b{float:left;display:inline-block;}
.p_ak ul li:nth-child(1){background:url(/mobile/images/index/ly1.jpg) no-repeat;background-size: 100%;height: 2.5rem;line-height: 2.5rem;width: 66.4%; padding-left: 13%;}
.p_ak ul li:nth-child(2){background:url(/mobile/images/index/ly2.jpg) no-repeat;background-size: 100%;height: 2.5rem;line-height: 2.5rem;width: 73%; padding-left: 13%;}
.p_ak ul li:nth-child(3){background:url(/mobile/images/index/ly3.jpg) no-repeat;background-size: 100%;height: 2.5rem;line-height: 2.5rem;width: 73%; padding-left: 13%;}
.p_ak ul li:nth-child(4){background:url(/mobile/images/index/ly4.jpg) no-repeat;background-size: 100%;height: 7.5rem;line-height: 2.5rem;width: 73%; padding-left: 13%;}

.p_ak input{height: 2.5rem;line-height: 2.5rem;background: none;border: none; width: 98%; font-size: 1rem;color: #9f9f9f;float: left;border-radius:0; }
.p_ak textarea{height: 7.5rem;line-height: 2.5rem;background: none;border: none; width: 100%; font-size: 1rem;color: #9f9f9f;float: left;border-radius:0; }
.p_ak span{color:#df0000;float:left;line-height:2.5rem;margin-left:2%;font-weight:bold; font-size: 1rem; position: absolute; right:-1rem;top:0;}


.p_ak .s_btn{width:100%;overflow:hidden;_display:inline;+display:inline; margin-top: 0.83em;}
.p_ak .s_btn input{border:none;width:33%;cursor:pointer; height: 2.75em;}
.p_ak .s_btn .s_m{ display: inline-block; width: 33%;  margin-right: 18%; padding: 0;
background:url(/mobile/images/Index/btn2.jpg) no-repeat;  height: 2.75em;
background-size: 100%;
z-index:9;　

}
.p_ak .s_btn .t_i{display: inline-block; width: 33%; height: 2.75em; padding: 0;
background:url(/mobile/images/Index/btn3.jpg) no-repeat;  
background-size: 100%;
z-index:9;　}













@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:87%;}
}
@media screen and (min-width:375px) {
	html { font-size:88%;}
}
@media screen and (min-width:400px) {
	html { font-size:98%;}
}
@media screen and (min-width:414px) {
	html { font-size:100%;}
}
@media screen and (min-width:480px) {
	html { font-size:112%;}

}
@media screen and (min-width:568px) {
	html { font-size:131%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}

/* 烦恼 */
.trouble{
    padding: 2.08rem 0 2.91rem;
    height: auto;

    background:url(/mobile/Images/Index/pkbg.jpg) repeat-y;
    background-size: 100%;
}

.trouble img,.att img{
    display: block;
    width: 100%;
}

.trouble ul{
    margin: 1rem auto 2.25rem;
    width: 94%;
}

.trouble li{
    margin-bottom: 0.66rem;
    height: 2.66rem;

    font-size: 1rem;
    color: #333;
    line-height: 2.66rem;
}

.trouble li i{
    margin-right: 3%; width: 10%;
    display: inline-block;

    vertical-align: middle;
}
.trouble li i img{width: 100%;display: block;}

/* 选择皮革改色漆需慎重 */
.att{height: auto;}

.att ul{
    margin: 1.2rem auto 0;

    width: 94%;
}

.att li{
    float: left;

    width: 47%;
    height: 19.58rem;
}

.att li:nth-child(2n){float: right;}

.att li h3{
    margin-bottom: 0.5rem;

    font-size: 1rem;
    color: #5d1800;
    font-weight: bold;
}

.att li b{
    height: 2rem;

    display: block;
    font-size: 1rem;
    color: #333;
    text-align: center;
    line-height: 2rem;
    overflow: hidden;

}

.att li p{
    margin-top: 0.5rem;

    font-size: 1rem;
    color: #333;
    line-height: 1.25rem;
}


.g_xban{ background:url(/mobile/Images/Index/xban.jpg) no-repeat; height:17.5rem;position: relative; 
    background-size: 100%;}
.g_xban .btn{position: absolute;width: 27%;left:38%;top:11.25rem;}
.g_xban .btn img{width: 100%;display: block;}







