.m_nav{ height:auto; background: #6c6c6c;}
.m_nav li{ float:left;  color:#fff; width:33.33%; text-align:center; }
.m_nav li{  padding-top: 3.1%; padding-bottom: 3.1%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;}
.m_nav a:nth-child(3) li,.m_nav a:nth-child(6) li{ border-right: none;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(4) li{ border-left: none;}
.m_nav a:nth-child(4) li,.m_nav a:nth-child(5) li,.m_nav a:nth-child(6) li{border-top: none;}

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

/* 仪徳最新动态 */
.g_new{height: 19.91em; margin-top: 0.5em;}
.g_new h2{font-size: 1.25em;color: #fff;font-weight: normal; position: relative;background: #50a734; padding: 2.4% 0;padding-left: 9%;}
.g_new h2:before{
		background:url(/mobile/images/Index/ico1.png) no-repeat;  
content:"";position:absolute;width:1em;height:1em;left:3%;top:30%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}
.g_new .u_lst1{margin-top: 1.66em; margin-bottom: 1.66em;}
.g_new .u_lst1 li{height:2.25em;line-height: 2.25em;overflow: hidden;color: #7d7d7d;font-size: 1em; padding-left: 10%; position: relative;}
.g_new .u_lst1 li:before{    border: 0.12em solid #ddd;
    border-radius: 100%;
    content: "";
    height: 0.4em;
    left: 5%;
    position: absolute;
    top: 38%;
    width: 0.42em
}

.u_btn1{background: #50a734;width: 10em;height:2.8em;line-height: 2.8em;color: #fff;text-align: center;font-size: 1em; margin: 0 auto; border-radius: 0.2em; }



/* 供应商 */
.g_gy{height: 20em; position: relative;}
.g_gy .sclwrap_box,.g_gy .m-box {height: 20em;}
.con{float: left;display: block;width:100%;}

.g_gy .m-cnt{height: 1.2em; position: absolute;top:17.8em;margin-left:41%;z-index: 10;}
.g_gy .m-cnt li {float: left; width: 0.6em;height: 0.6em;background: #504a49; margin-left: 0.5em;border-radius: 85px; }
.g_gy .m-cnt li.z-on {background: #50a734; }


.g_gy h2{text-align: center;color: #fff;font-size:1.25em;font-weight: bold; 
background:url(/mobile/images/Index/fxh2.jpg) no-repeat;  
width:100%;left:0;top:0;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;
}
.g_gy h2  em{display: block;font-weight: normal;font-size: 0.75em; padding-top: 3.3%}
.fximg img,.fximg{width: 100%;display: block;}

/* 热销产品 */

.g_pro h2,.g_pro h2 img{width: 100%;display: block; }
.g_pro .m-cnt{background: #504a49;font-size: 1.25em;}
.g_pro .m-cnt li,.g_pro .m-cnt{height: 2.5em; line-height: 2.5em;}
.g_pro .m-cnt li {  color: #fff;text-align: center; line-height: 2.5em;height: 2.5em;
    display: inline; overflow: hidden;float: left; font-weight: normal; width: 33.33%;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_pro .m-cnt li.z-on {color: #fff;background: #50a734; }


.g_pro .u_lst1{padding:6% 5% 0 5%; }
.g_pro .u_lst1 li{float: left; width: 45%; margin-right: 6%; z-index: 2; }
.g_pro .u_lst1 li img{width: 100%;display: block; border:1px solid #d9d9d9;
  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_pro .u_lst1 li span{font-size: 1em; color: #676767; height: 4.6em; line-height: 2em; display: block; font-weight: normal; text-overflow:ellipsis;  overflow:hidden;width: 100%;}
.g_pro .u_lst1 a:nth-child(2n) li{margin-right: 0}
.g_pro .u_btn{margin: 0 auto; width: 38%; height:2.8em;  border-radius: 0.3em;text-align: center; color: #fff; line-height: 2.8em;; position: relative; z-index: 2; background: #504a49; }
.g_pro .sclwrap_box,.g_pro .m-box {height: 34.4em;}



.g_pro1{height: 37.58em;}
.g_pro1 h2{font-size: 1.25em;color: #fff;font-weight: normal; position: relative;background: #50a734; padding: 2.4% 0;padding-left: 9%;text-transform: uppercase;}
.g_pro1 h2:before{
		background:url(/mobile/images/Index/ico1.png) no-repeat;  
content:"";position:absolute;width:1em;height:1em;left:3%;top:30%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}
.g_pro1 .u_lst1{padding:6% 5% 0 5%; }
.g_pro1 .u_lst1 li{float: left; width: 45%; margin-right: 6%; z-index: 2; }
.g_pro1 .u_lst1 li img{width: 100%;display: block; border:1px solid #d9d9d9;
  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_pro1 .u_lst1 li span{font-size: 1em; color: #676767; height: 4.6em; line-height: 2em; display: block; font-weight: normal; text-overflow:ellipsis; overflow:hidden;width: 100%;}
.g_pro1 .u_lst1 a:nth-child(2n) li{margin-right: 0}
.g_pro1 .u_btn{margin: 0 auto; width: 38%; height:2.8em;  border-radius: 0.3em;text-align: center; color: #fff; line-height: 2.8em;; position: relative; z-index: 2; background: #504a49; }
.g_pro1 .sclwrap_box,.g_pro1 .m-box {height: 37.4em;}




.g_fl .u_btn{margin: 0 auto; width: 38%; height:2.8em;  border-radius: 0.3em;text-align: center; color: #fff; line-height: 2.8em;; position: relative; z-index: 2; background: #504a49; margin-top: 5%; }
.g_fl .u_lst2{margin: 2% 1em 0 1em;}
.g_fl .u_lst2 li{float: left; width:45%;border-bottom: 1px solid #e4e4e4;height:3.3em;line-height: 3.3em;overflow: hidden; font-size: 1em; padding-left: 5%; position: relative;}
.g_fl .u_lst2 li:before{
	content: "";position: absolute;background: #c7c7c7;height: 1em;width:0.2em;border-radius: 0.1em; left:2%;top:35%; 
}
.g_fl .u_lst2 li a{color: #4c4c4c;}
.g_fl .u_lst2 li:nth-child(5),.g_fl .u_lst2 li:nth-child(6){border-bottom: none;}

.g_fl .u_lst3 li{width: 28%;border-bottom: none;margin-bottom: 3%;}


/* pk */
.g_pk{height: 20.83em;}
.g_pkc .sclwrap_box,.g_pkc .m-box,.g_pkc .con{height: 17.66em;}
.g_pkc .m-cnt{top:16.6em;}

.g_pk h2{color: #50a734;font-size: 1.58em;font-weight: bold;text-align: center; padding-bottom: 1%;}
.g_pkc{ position: relative;}

.g_pkc .m-cnt{height: 1.2em; position: absolute;margin-left:41%;z-index: 10;}
.g_pkc .m-cnt li {float: left; width: 0.6em;height: 0.6em;background: #504a49; margin-left: 0.5em;border-radius: 85px; }
.g_pkc .m-cnt li.z-on {background: #50a734; }

.g_pkc .con{
background:url(/mobile/images/Index/pkbg.jpg) no-repeat;  
width:100%;left:0;top:0; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　

}


.g_pkc h2{font-size: 0.9em;text-align: center;font-weight: normal;color: #fff; padding-top: 0.3em; margin-bottom: 5%;
}
.g_pkc h2  em{display: block;font-weight: bold;font-size: 1em; padding-top: 1.36em;}
.g_pkc .u_lst2{padding-left: 8%;}
.g_pkc .u_lst2 li{float: left; width: 34%; margin-right: 26%; color: #fff; font-size:0.9em;letter-spacing: 0.1em; }
.g_pkc .u_lst2 li:nth-child(2){margin-right: 0;}




.g_an{height:25.41em;}
.g_an h2{text-align: center;color: #333333;font-size: 1em;font-weight: bold; padding: 3% 0 5% 0;}
.g_an h2 b{color: #50a734;}
.g_an .m-cnt li{width: 50%;}
.g_an .sclwrap_box,.g_an .m-box {height: 20em;}



/* 优势2 */
.g_ys{height: 58.79em; position: relative; width: 100%;
		  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_ys h2{color: #fff;font-size: 1.5em;font-weight: bold;text-align: center; }
.g_ys h2 em{display: block;color: #fff; font-weight: normal;font-size: 0.75em; padding-top: 2.8%;}
.g_ys .sclwrap_box,.g_ys .m-box {height: 36.5em;}


.g_ys .m-cnt{height: 15em; position: absolute;top:9.5em;margin-left:5%;z-index: 10;}
.g_ys .m-cnt li {float: left; width: 6.91em;height: 6.91em; margin-right: 6%; color: #fff;line-height: 6.91em;text-align: center; margin-bottom: 0.6em;
		  background:url(/mobile/images/index/tab1.png) no-repeat; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;

 }
 .g_ys .m-cnt li:nth-child(3n){margin-right: 0;}
.g_ys .m-cnt li.z-on {
		  background:url(/mobile/images/index/tab2.png) no-repeat; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
 }



.g_ys .ysbg{width: 96%;display: block; margin: 0 2% 2.5em 2%;}
.g_ys .ysbg img{display: block;width: 100%;}

.g_ys .u_dlst1{margin-left:17%;margin-right: 14%;height:9.1em;clear: both; }
.g_ys .u_dlst1 dt{position: relative;z-index: 5;color: #50a734;font-size:1.5em; ;font-weight: bold; padding-left:18%; margin-bottom: 0.5em; }
.g_ys .u_dlst1 dt em{display: block;color: #5b5b5b;font-size: 0.53em;font-weight: normal;}
.g_ys .u_dlst1 dt i{color: #50a734;font-size: 2em;font-weight: normal;text-align: center;display: block; position: absolute;
background:url(/mobile/images/index/no.jpg) no-repeat; 
left:0;top:-0.3em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;
}
.g_ys .u_dlst1 dd{}
.g_ys .u_dlst1 dd p{color: #5b5b5b;font-size: 1em;line-height: 1.25em; height:3.75em;overflow: hidden; }
.g_ys .u_dlst1 dd p b{font-weight: normal; color: #4fa633;}


.g_ys .u_btn2{background: #7b5c44;width:77%;margin: 11% 4% 0 4%;height: 4.5em;line-height: 4.5em;border-radius: 0.1em;font-size: 1em;color: #eeeeee; padding-left: 15%; position: relative;}
.g_ys .u_btn2 b{color: #fff;font-size: 1.66em;}
.g_ys .u_btn2:before{ width:2.583em;height: 2.583em;display: block; 
content:"";position:absolute;left:3%;top:25%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:2;

}


/* 定制成功案例 */
.g_hz{margin-top: 2.16em;}
.g_hz .sclwrap_box,.g_hz .m-box {height: 19.7em;}

.g_hz .m-cnt{background: #504a49;font-size: 1.25em;}
.g_hz .m-cnt li,.g_hz .m-cnt{height: 2.5em; line-height: 2.5em;}
.g_hz .m-cnt li {  color: #fff;text-align: center; line-height: 2.5em;height: 2.5em;
    display: inline; overflow: hidden;float: left; font-weight: normal; width: 50%;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_hz .m-cnt li.z-on {color: #fff;background: #50a734; }

.g_hz .u_lst1{padding:4% 3% 0 3%; }
.g_hz .u_lst1 li{float: left; width: 29%; margin-right: 4%; z-index: 2; margin-bottom: 5%;}
.g_hz .u_lst1 li img{width: 100%;display: block; padding: 0.25em;border:1px solid #ddd;
  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}

.g_hz .u_lst1 a:nth-child(3n) li{margin-right: 0}
.g_hz .u_btn{margin: 0 auto; width: 38%; height:2.8em;  border-radius: 0.3em;text-align: center; color: #fff; line-height: 2.8em;; position: relative; z-index: 2; background: #504a49; margin-top: 3%; }

.g_hz .m_kfjz{padding: 5% 3% 5% 3%;}
.g_hz .m_kfjz dt{float: left; width: 50%; margin-right: 5%;}
.g_hz .m_kfjz dt img{width: 100%;display: block;}
.g_hz .m_kfjz dd{float: left;width:38%; }
.g_hz .m_kfjz dd h3{color: #333333;font-size: 1em;height: 2em;border-bottom: 1px solid #cccccc;overflow: hidden;}
.g_hz .m_kfjz dd h4{height: 1.5em;font-size: 1em;line-height: 1.5em;overflow: hidden; margin-top: 12%;color: #666666;}
.g_hz .m_kfjz dd p{color: #666666;line-height: 1.5em;height: 3em;overflow: hidden;font-weight: normal;}

/*资讯*/
.g_zx .sclwrap_box,.g_zx .m-box { height: 25em;}
.g_zx .m-cnt{background: #504a49;font-size: 1.25em;}
.g_zx .m-cnt li,.g_zx .m-cnt{height: 2.5em; line-height: 2.5em;}
.g_zx .m-cnt li {  color: #fff;text-align: center; line-height: 2.5em;height: 2.5em;
    display: inline; overflow: hidden;float: left; font-weight: normal; width: 33.33%;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_zx .m-cnt li.z-on {color: #fff;background: #50a734; }


.g_zx .m_wd .wd{padding: 6% 5% 0 5%; width: 90%;}
.g_zx .m_wd .wd img{width: 100%;display: block;}
.g_zx .m_wd dl{margin-top: 1em; padding: 0 5% 0 5%; margin-bottom: 6%;}
.g_zx .m_wd dt{font-size: 1em;color: #7d7d7d;height: 2em;line-height: 2em;overflow: hidden;}
.g_zx .m_wd dt a{color: #7d7d7d;}
.g_zx .m_wd dd{font-size: 1em;color: #7d7d7d;height: 2em;line-height: 2em;overflow: hidden;}

.g_zx .m_wd .u_btn{margin: 0 auto; width: 38%; height:2.8em;  border-radius: 0.3em;text-align: center; color: #fff; line-height: 2.8em;; position: relative; z-index: 2; background: #504a49; margin-top: 3%; }


.g_zx .zx-c{float: left; display: inline;}
.zx-c .u_lst7{padding-top: 2%;float: left; display: inline;}
.zx-c .u_lst7 li{ height:2.25em; line-height: 2.25em; font-size: 1em; color: #666666;   overflow: hidden; margin: 0 7%; position: relative; padding-left: 4%;}
.zx-c .u_lst7 li:before{width: 0.4em;height: 0.4em;border-radius: 185px;border:0.1em solid #dad9d9;
content:"";position:absolute;left:0;top:35%; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}
.zx-c .u_lst7 li a{color: #666666; }
.zx-c .u_lst7 li:last-child{ border-bottom: none;}
.zx-c .u_lst7 li span{color: #666666; font-weight: normal;}

.zx-c .u_lst7 .u_btn{margin: 7% 0 0 30%; width: 38%; height:2.8em;  border-radius: 0.3em;text-align: center; color: #fff; line-height: 2.8em; position: relative; z-index: 2; background: #504a49;margin-top: 1.33em;display: block; }
.zx-c .u_lst7 .u_btn a{color: #fff;}
.zx-c .u_lst7 .u_btn:before{border: none;}










@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%;}
}



/* 产品分类 */
.g_fl{height: 22em;}
.g_fl h2,.g_fl27 h2{font-size: 1.25em;color: #fff;font-weight: normal; position: relative;background: #50a734; padding: 2.4% 0;padding-left: 9%;}
.g_fl h2:before,.g_fl27 h2:before{
		background:url(/mobile/images/Index/ico1.png) no-repeat;  
content:"";position:absolute;width:1em;height:1em;left:3%;top:30%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}
.g_fl27 h2{text-align: left;}