.m_nav{ height:auto;}
.m_nav li{ float:left;  color:#fff; width:33.333%; text-align:center;  background: #464646;}
.m_nav li{  padding-top: 2.8%; padding-bottom: 2.8%;	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-right:1px solid #393939;
border-bottom:1px solid #393939;
}
.m_nav a:nth-child(3n) li{ border-right: none;}


.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 12.5em;}
.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;}

/*搜索*/
.m_ser{ height:2.4em; padding-top: 0.8em; position: relative;overflow: hidden; background: #0fa958; }
.ser{width:83%;margin:0 auto;height:1.833em;;line-height:1.833em;background:url(/mobile/Images/Index/search.jpg) no-repeat left center;background-size:100% auto; }
.ser input{background:none;border:none;color:#fff;font-size:1em;height:1.5em;float:left; line-height: 1.5em;}
.ser input:nth-child(1){width:78%;padding:1% 1% 0 4%;}
.ser input:nth-child(2){width:16.5%;  cursor: pointer; height: 2em;}

.g_fl .m-cnt {position: relative; height: 5.2em; padding: 1em 8% 0 8%; width: 84%; overflow: hidden;}
.g_fl .m-cnt li{ height: 2.4em; line-height: 2.4em;  }
.g_fl .m-cnt li { color: #fff; position: relative; background: #8d8d8d; height: 2.4em; line-height: 2.4em;margin-bottom: 0.3em; margin-right: 1.6%;
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    width: 32%;}
.g_fl .m-cnt a:nth-child(3n) li{margin-right: 0;}



/* 产品中心 */
.g_pro {height: 25em;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 20em;}


.g_pro .con{float: left; display: inline;}
.g_pro .u_lst8{margin: 1em 8% 0 8%;}
.g_pro .u_lst8 li{ float: left; width: 48%; margin-right: 4%; display: inline-block; text-align: center; color: #666; margin-bottom: 0.6em;}
.g_pro .u_lst8 li img{ width: 100%;  display: block;}

.g_pro .u_lst8 a:nth-child(2n) li{ margin-right: 0;}
.g_pro .u_lst8 li span{  display: block; height: 2.5em; line-height: 2.5em; text-align: left; overflow: hidden;  font-size: 1em; color: #333333;text-align: center;}
.g_pro .u_lst8 li span em{color: #c71f67;}
.btn{margin: 0 8%;width: 58%;margin-top: 0.6em; height: 2.4em;line-height: 2.5em;background: #10a957;border-radius: 0.2em; color: #fff;font-weight: bold;font-size: 1em;padding-left: 26%; position: relative;}
.btn:before{content: "";position: absolute; width: 1.5em;height: 1.5em; left:20%;top:20%;
 background:url(/mobile/images/common/tel.gif) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;}



/* 问题 */
.g_wt{height: 32.5em;}
.g_wt h2{padding-left: 10%;margin-bottom: 0.5em;
width: 90%;height: 4.08em;line-height: 4.08em;font-size: 1.66em;color: #fff;font-weight: bold;
 background:url(/mobile/images/index/wttit.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;}
.g_wt .u_lst1{margin: 0 5%; position: relative; height: 11.125em;margin-bottom: 0.7em; overflow: hidden;}
.g_wt .u_lst1 li{display: block; width: 46%; position: relative;margin-bottom: 1px;}
.g_wt .u_lst1 li img{width: 100%;display: block;}
.g_wt .u_lst1 li em{display: block; width: 100%; position: absolute;left:0;bottom: 0; background: rgba(79,79,79,0.8); text-align: center;color: #fff; font-size: 0.6em;}
.g_wt .u_lst1 p{width: 46%; position: absolute;left:46%;top:0; margin-left: 2px;}
.g_wt .u_lst1 p img{width: 100%;display: block;}
.g_wt .u_lst1 p em{display: block; width: 100%; position: absolute;left:0;bottom: 0; background: rgba(79,79,79,0.8); text-align: center;color: #fff; font-size: 0.6em;}

.xban,.xban img{width: 100%;display: block;}

/* 优势 */
.g_pp{height: 47.5em;position: relative; width: 100%; padding-top: 1em;
 background:url(/mobile/images/index/ysbg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;}

.g_pp .sclwrap_box,.g_pp .m-box {height: 43em;}
.g_pp h2{text-align: center;color: #fff;font-size: 1.5em;font-weight: normal;}
.g_pp h2 a{color: #fff}

.g_pp .m-cnt{position: absolute; left:47%;top:42.8em;z-index: 10; width: 100%; }
.g_pp .m-cnt li {width:0.7em;;height: 0.7em;background: #8d8d8d;border-radius: 85em; margin-left: 0.5em; float: left;}
.g_pp .m-cnt li.z-on {background: #10a957;position: relative;}


.con{float: left; display: inline;}
.g_pp dl{margin-top:6em;}
.g_pp dt{padding-left: 10%;padding-right: 10%; width: 80%;}
.g_pp dt img{width: 100%;display: block;}

.g_pp dd h3{height: 4.2em;line-height: 4em; color: #fff;font-size: 1.08em; width: 73%;font-weight: bold;padding-left: 27%; position: relative;
 background:url(/mobile/images/index/nobg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;}
.g_pp dd h3 b{position: absolute;font-size: 1.5em;color: #fff;font-weight: bold; left:12%;top:0;}
.g_pp dd p{color: #666666;font-size: 1em;line-height: 1.4em; padding-left: 10%;padding-right: 10%;margin-bottom: 0.6em;}
.g_pp dd p b{color: #10a957;}


/* 选择新堰涂料 */
.g_cho{padding-top: 1.54em;
height: 29.4em;position: relative; width: 100%; padding-top: 1em;
 background:url(/mobile/images/index/chobg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;

}
.g_cho h2{color: #fff; font-size: 1.16em;font-weight: bold;height: 4.2em; padding-top: 0.5em; padding-left: 19%;}
.g_cho .u_lst2{padding-left: 48%;}
.g_cho .u_lst2 li{margin-bottom: 1.1em; height: 4.8em;}
.g_cho .u_lst2 em{float: left; width: 31%;display: block; padding-top: 1.66em;color: #f0ff00;font-size: 1em;font-weight: bold;}
.g_cho .u_lst2 span{display: block; width: 66%; float: left;}
.g_cho .u_lst2 span img{width: 100%;display: block;}
.g_cho .u_lst2 li:nth-child(4) em{padding-top: 1em;}


/* 合作伙伴 */
.g_hz{height: 10.8em; overflow: hidden;}
.m_hz .sclwrap_box,.m_hz .m-box { height: 6.3em;}
.g_hz h2{background: #10a957;font-size: 1em;color: #fff;font-weight: bold;padding: 2% 0; margin-bottom: 1em;padding-left: 10%; overflow: hidden;}


.m_hz {position: relative; max-width: 640px; min-width: 320px;}
.m_hz .prev, .m_hz .next {
    height: 1.33em;
    line-height: 1.33em;
    position: absolute;
    text-align: center;
    top: 2.8em;
    width: 1.33em;
    z-index: 99;
}
.m_hz .prev {left: 3%;}
.m_hz .next {right: 3%;}
.m_hz .prev img,.m_hz .next img{width: 100%;}
.m_hz .nowarp {
    margin: 0 10% 0 10%;
    overflow: hidden;
    position: relative;
    width: 80%;
}
.m_hz .u_lst1 {float: left; display: inline; width: 100%;}
.m_hz .u_lst1 li{ float: left; width:48%; margin-right: 3%; }
.m_hz .u_lst1 li em{display: block;text-align: center;width: 100%;height: 1.5em;line-height: 1.5em;overflow: hidden;color: #464646;}
.m_hz .u_lst1 li:last-child{ margin-right: 0;}
.m_hz .u_lst1 li img{width: 100%;border: 1px solid #e5e5e5;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.m_hz .u_lst1 li:last-child{margin-right: 0;}



/* 走进 */
.demo-box {height: 17em; overflow: hidden;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 14.5em;}
.demo-box .column-list {height: 2.5em;line-height: 2.5em;background: #8d8d8d; position: relative; width: 100%;}
.demo-box .column-list li {
    color: #fff;font-weight: bold;
    display: inline;
    float: left;
    font-size: 1em;
    position: relative;
    text-align: center;
    width: 50%;
}
.demo-box .column-list li.z-on {color: #fff;position: relative;background: #10a957; }


/* 荣誉资质 */
.demo-box .box-style { position: relative; width: 100%; float: left; display: inline; overflow: hidden;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 1.33em;
    line-height: 1.33em;
    position: absolute;
    text-align: center;
    top: 6.83em;
    width: 1.33em;
    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{float: left; display: inline;}
.demo-box .box-style .page ul{ width: 76%; padding: 5% 12% 0 12%;}
.demo-box .box-style .page li{width: 45%;margin-right: 8%; float: left; position: relative; }
.demo-box .box-style .page li:nth-child(2n){margin-right: 0;}
.demo-box .box-style .page li img{width: 100%;display: block;}
.demo-box .box-style .page li span{display: block;text-align: center; color: #fff; font-size: 0.7em; background:rgba(33,33,33,0.8); position: absolute;left:0;bottom: 0; padding: 0 4%;}
.demo-box .box-style .page li img{width: 100%; }



.demo-box .box-style .page2{float: left; display: inline;}
.demo-box .box-style .page2 ul{ width: 76%; padding: 10% 12% 0 12%;}
.demo-box .box-style .page2 li{width: 45%;margin-right: 8%; float: left;  }
.demo-box .box-style .page2 li:nth-child(2n){margin-right: 0;}
.demo-box .box-style .page2 li img{width: 100%;display: block;}
.demo-box .box-style .page2 li span{display: block;text-align: center; color: #333; font-size: 1em; height: 3em;line-height: 3em;text-align: center;}
.demo-box .box-style .page2 li img{width: 100%; }

/* 关于 */
.g_zj{height: 25em; }
.g_zj h2{background: #10a957;font-size: 1em;color: #fff;font-weight: bold;padding: 2% 0; margin-bottom: 1em;padding-left: 10%; }

.g_zj dl{margin: 5% 10% 0 10%;}
.g_zj dt{ width: 100%;}
.g_zj dt img{width: 100%;display: block;}
.g_zj dd h3{height: 2.2em;line-height: 2.2em;text-align: center; color: #212121;font-size: 1em;font-weight: bold;}
.g_zj dd p{font-size: 1em;color: #8d8d8d;line-height: 1.5em;height: 4.5em;overflow: hidden; margin-bottom: 1em;}
.g_zj span{display: block; text-align: center;font-size: 1em;}
.g_zj span{color: #8d8d8d;}


/*资讯*/
.g_zx{height: 14.8em;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 12em;}
.g_zx .m-cnt,.g_zx .m-cnt li{height: 2.3em; line-height: 2.3em;background: #8d8d8d;}
.g_zx .m-cnt li {float: left; position: relative;
color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    width: 33.33333%;
}
.g_zx .m-cnt li.z-on{background: #10a957; }
.g_zx .zx-c{float: left; display: inline;}
.zx-c .u_lst7{float: left; display: inline;padding-top: 1%;}
.zx-c .u_lst7 li{ height:2em; line-height: 2em; font-size: 1em; color: #8d8d8d;   overflow: hidden; margin: 0 1%; position: relative; padding-left: 10%; padding-right: 10%; }
.zx-c .u_lst7 li a{color: #8d8d8d; }
.zx-c .u_lst7 li span{color: #8d8d8d; font-weight: normal;}
.g_zx .more{margin: 0 10%; width: 80%;height: 2.5em;line-height: 2.5em;text-align: center;color: #fff;font-size: 1em; background: #10a957;border-radius: 0.2em;}











@media screen and (min-width:320px) {
  body { font-size:75%;}
}
@media screen and (min-width:360px) {
  body { font-size:87%;}
}
@media screen and (min-width:480px) {
  body { font-size:112%;}

}
@media screen and (min-width:568px) {
  body { font-size:131%;}

}
@media screen and (min-width:639px) {
  body { font-size:150%;}
}