img{ width:100%; vertical-align:middle;}
.con{ display:inline; float:left;}


/*通栏广告*/
.g-adv{ position:relative; height:auto; background:#805a0b; overflow:hidden;}
.g-adv .m-box,.g-adv .sclwrap_box{height:12.3em; overflow:hidden}
.g-adv .m-cnt{ position:absolute; width:14.1875%; right:1%; bottom:4%; overflow:hidden;}
.g-adv .m-cnt li{ float:left; width:0.5em; height:0.5em; margin:0 0.2em; background:#efefef; border-radius:0.5em; overflow:hidden;}
.g-adv .m-cnt li.z-on{ background:#d2991a;}

/*导航*/
nav{ width:100%;overflow:hidden; box-shadow:0 2px 2px rgba(54,21,0,.55)}
nav li{ float:left; width:33%;}
nav li:nth-of-type(3n){ width:34%;}
nav li a{ display:block; line-height:2.9167em; text-align:center; color:#300600; background:url(/Mobile/Images/Index/nav_bg1.gif) no-repeat center top; background-size:cover; border-right:1px solid #f7c75e;  border-left:1px solid #8e6305;border-bottom:1px solid #ecbe58;}
nav li:nth-of-type(1) a,nav li:nth-of-type(4) a{ border-left:none;}
nav li:nth-of-type(3n) a{ border-right:none;}
nav li:nth-of-type(4) a,nav li:nth-of-type(5) a,nav li:nth-of-type(6) a{ border-bottom:none; border-top:1px solid #956703; }
nav li.cur a{ background-image:url(/Mobile/Images/Index/nav_bg2.gif);}

/*供应商*/
.m-gys{ padding-bottom:1.5em; overflow:hidden;}
.m-gys h2{ padding:1.33em 0 0 0; text-align:center;}
.m-gys h2 a{ display:block; padding-bottom:0.1em; font-size:1.33em; color:#2e1302;}
.m-gys h2 span{ display:block; font-size:0.416em; color:rgba(46,19,2,.44); background:url(/Mobile/Images/Index/gys_bor1.gif) no-repeat center; background-size:contain; text-transform:uppercase; line-height:1em;}

.m-gys h3{ padding:0.2em 0; color:#4e1f01; text-align:center;}
.m-gys h3 span{ color:#d2991a;}

.m-gys p{ padding:1em 0 0 0; text-align:center;}
.m-gys p a{ position:relative; display:inline-block; width:30%; margin: 0 1%; text-align:center; line-height:2em; font-size:0.8333em; color:#ffffff;}
.m-gys p a span{ position:relative; display:block;  z-index:100; background:#d19c00;}
.m-gys p a:before{ position:absolute; content:''; width:100%; height:8.0834em; left:0.3em; top:-0.5em; background:#e1d4c7; z-index:0 }

/*案例*/
.m-al{ height:35.9em; overflow:hidden;}
.com a{ position:relative; display:block; padding: 0 2.8125% 0 4.75%; line-height:2.6666em; background:#d2991a; color:#ffffff;}
.com a:before{ position:absolute; content:''; width:0.21em; height:1em; left:3.75%; top:50%; margin-top:-0.5em; background:#ffffff; border-radius:2px;}
.com a span{ padding: 0 0 0 2%;}
.com a i{ float:right; width:2.0834em; height:2.6666em; background:url(/Mobile/Images/Index/al_icon9.gif) no-repeat center; background-size:2.0834em 2.16667em;}

.m-al ul{ padding: 1.66em 0 0 0; overflow:hidden; text-align:center;}
.m-al ul li,.m-al ul a{ display:inline-block; width:20%; margin:0 1%; padding:4em 0 1.9em 0; font-size:0.83333em; line-height:1.35em; color:#511800; background:url(/Mobile/Images/Index/al_icon1.gif) no-repeat center top; text-align:center; background-size:3.15em 3.05em}
.m-al ul li:nth-of-type(2){ background-image:url(/Mobile/Images/Index/al_icon2.gif); background-size:2.85em 3em;}
.m-al ul li:nth-of-type(3){ background-image:url(/Mobile/Images/Index/al_icon3.gif); background-size:3.1em 3.1em;}
.m-al ul li:nth-of-type(4){ background-image:url(/Mobile/Images/Index/al_icon4.gif); background-size:3.1em 3.05em;}
.m-al ul li:nth-of-type(5){ background-image:url(/Mobile/Images/Index/al_icon5.gif); background-size:3.7em 3.15em;}
.m-al ul li:nth-of-type(6){ background-image:url(/Mobile/Images/Index/al_icon6.gif); background-size:2.75em 3.05em;}
.m-al ul li:nth-of-type(7){ background-image:url(/Mobile/Images/Index/al_icon7.gif); background-size:2.6em 3.1em;}
.m-al ul a{  background-size:3.1em 2.9em;}

.m-al .box-style{ position:relative;}
.m-al .prev,.m-al .next,.m-gy .prev,.m-gy .next{ position:absolute; width:1.16666em; height:3.5em; top:27%; background:url(/Mobile/Images/Index/icon1.gif) no-repeat center top; background-size:1.16666em 3.5em; z-index:10;}
.m-al .prev,.m-gy .prev{ left:0;-moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.m-al .next,.m-gy .next{ right:0;}

.m-al .m-box,.m-al .sclwrap_box{height:17.2em; padding:0.3em 0 0 0; overflow:hidden}
.m-al .no_ov{ margin: 0 4.6875%;}
.m-al .no_ov a{ display:block; text-align:center; font-size:116%; color:#747474;}
.m-al .no_ov a img{ display:block; width:96%; margin:0 auto 0.8em; padding:0.2em; border:1px solid #c9c4bc; border-radius:2px; background:#ffffff;}

/*客户*/
.m-kh{ padding-bottom:1.4em; overflow:hidden;}
.m-kh p{ padding:1.5em 4.6875% 0.5em; overflow:hidden;}
.m-kh p a{ float:left; width:48%; padding-bottom:1.25em; text-align:center; color:#333333;}
.m-kh p a:nth-of-type(2n){ float:right;}
.m-kh p a img{ display:block; width:99%; margin:0 auto 0.8em; border:1px solid #c9c4bc; border-radius:2px;}
.more{ display:block; padding:0.7em 0 0 0; text-align:center; background:url(/Mobile/Images/Index/com_sd1.gif) no-repeat center top; background-size:contain; color:#4e1f01;}

/*gggg1*/
.m-gggg1{ border-bottom:0.5em solid #805a0b; background:#d29416; overflow:hidden;}
.m-gggg1 p a{ display:block;background:url(/Mobile/Images/Index/gggg_bor.gif) repeat-x left top; text-align:center; color:#fff9ef;}
.m-gggg1 p a i{ display:inline-block; width:8%; padding-right:2%;}
.m-gggg1 p a span{ font-family:Aparajita; font-size:2.1667em;}

/*产品中心*/
.m-cpzx{ padding:1.5em 0; overflow:hidden;}
.cpzx_l{ float:left; width:48%;}
.cpzx_r{ float:right; width:48%;}

.m-cpzx h3{ padding:1.5em 0 0 5%; overflow:hidden;} 
.m-cpzx h3 a{ display:block;padding: 0 0 0 15%; background:#4e1f01 url(/Mobile/Images/Index/fl_icon1.png) no-repeat 6% center; background-size:0.7917em 0.4584em; color:#ffebc3; line-height:2.3em; border-radius:0.2em;}
.cpzx_r h3{ padding:1.5em 5% 0 0;}
.cpzx_r h3 a{ background-color:#886142;}

.m-cpzx h4{ padding:0 0 0.5em 6%; overflow:hidden;}
.m-cpzx h4 a{ display:block;padding: 0 0 0 12%; background:url(/Mobile/Images/Index/fl_icon2.gif) no-repeat 6% center; background-size:0.4167em 0.4167em; color:#4e1f01; line-height:2.5em;}
.m-cpzx .more{ clear:both;}

.m-cpzx p{ padding:1.5em 2.8125% 0; overflow:hidden;}
.m-cpzx p a{float:left; width:48%; padding-bottom:1.5em; text-align:center; color:#5a5a5a;}
.m-cpzx p a:nth-of-type(2n){ float:right;}
.m-cpzx p a img{ display:block; width:98%; margin:0 auto 0.5em; padding:2px; background:#ffffff; border:1px solid #d0cbc3; border-radius:2px;}

/*优势*/
.m-ys{ position:relative; margin-bottom:1.5em; padding-bottom:0.7em; background:#592a02; overflow:hidden;}
.m-ys .m-box,.m-ys .sclwrap_box{height:22em; overflow:hidden}
.m-ys .nowarp{ margin:0 3.125%; border:4px solid #8d630f; border-radius:0.3em; background:#fff9ef;}
.m-ys .nowarp h3{ padding:0.7em 0 0 0; text-align:center;}
.m-ys .nowarp h3 a{ display:block; font-size:158%; color:#5b350e;}
.m-ys .con:nth-of-type(1) h4{ padding: 0.4em 4%; line-height:1.5em; color:#5b350e;}

.m-ys .con:nth-of-type(1) p{ position:relative; padding:1.5em 2% 1em; overflow:hidden;}
.m-ys .con:nth-of-type(1) p a{ position:relative; float:left; width:43%; border:0.416em solid #5b350e;}
.m-ys .con:nth-of-type(1) p a:nth-of-type(2n){ float:right; border-color:#c7a45e;}
.m-ys .con:nth-of-type(1) p a span{ position:absolute; width:50%; left:26%; bottom:-14%; text-align:center; line-height:1.8em; background:#5b350e; color:#fff5da; font-size:75%;}
.m-ys .con:nth-of-type(1) p a:nth-of-type(2n) span{ background:#c7a45e;}
.m-ys .con:nth-of-type(1) p i{ position:absolute; width:3.8334em; height:3.8334em; left:50%; top:50%; margin:-1.9167em 0 0 -1.9167em; background:url(/Mobile/Images/Index/ys_pk.png) no-repeat center top; background-size:3.8334em 3.8334em;}

.m-ys .con:nth-of-type(2) p{ padding: 0 3%;}
.m-ys .con:nth-of-type(2) p a{ float:left; width:48%; padding-top:1.16em; text-align:center; color:#5b350e;}
.m-ys .con:nth-of-type(2) p a:nth-of-type(2n){ float:right;}

.m-ys .con:nth-of-type(3) h4,.m-ys .con:nth-of-type(4) h4{ position:relative; padding: 0.3em 3% 0 8%; color:#5b350e; line-height:1.5em;}
.m-ys .con:nth-of-type(3) h4:before,.m-ys .con:nth-of-type(4) h4:before{ position:absolute; content:''; width:1em; height:1em; left:3%; top:0.6em;background:url(/Mobile/Images/Index/ys_icon2.gif) no-repeat left top; background-size:1em 1em;}
.m-ys .con:nth-of-type(3) p{ width:75.46875%; margin:0 auto; padding:0.5em 0 0 0;}

.m-ys .con:nth-of-type(4) p{ width:86.5625%; margin:0 auto; padding:0.5em 0 0 0;}


.m-ys h5{ padding:0.7em 0 0 0; text-align:center;}
.m-ys h5 span{ display:inline-block; width:0.6em; height:0.6em; margin:0 2%; background:#905c31; border-radius:0.6em;}
.m-ys h5 .span1{ background:#d2991a;}

.m-ys .prev,.m-ys .next{ position:absolute; width:1em; height:1em; bottom:2.5%; background:url(/Mobile/Images/Index/ys_icon1.gif) no-repeat center top; background-size:1em 1em; z-index:50;}
.m-ys .prev{ left:31.9375%;}
.m-ys .next{ right:31.9375%; -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}

/*品牌*/
.m-pp{ padding:0 0 1.25em 0; overflow:hidden;}
.m-pp .m-box,.m-pp .sclwrap_box{height:29em; overflow:hidden}
.m-pp .con_c{ margin:0 2.8125%; background:#ffffff; border:4px solid #f0e4d0; border-radius:4px;}
.m-pp .con_c h4{ position:relative; padding: 1.16em 0 1em 16.5%; background:url(/Mobile/Images/Index/pp_bg2.gif) no-repeat center bottom; background-size:contain;}
.m-pp .con_c h4 b{ position:absolute; width:1.5em; height:1.5em; left:2%; top:0.75em; border-radius:0.1em; text-align:center; line-height:1.5em; color:#f7ebd5; font-size:2em; background:#582301; font-weight:normal; font-family:"Times New Roman";}
.m-pp .con_c h4 a{ font-weight:bold; color:#b78113; font-size:1.25em;}
.m-pp .con_c h4 small{ padding-left:3px; font-size:133%; color:#cebaaa; text-transform:uppercase; font-family:"Times New Roman";}
.m-pp .con_c h4 span{ display:block; color:#532807; font-size:1.25em;}

.m-pp .pp_txt{ height:8.75em; overflow:hidden;}
.m-pp .con_c h5{ position:relative; padding:0.8em 6% 0; line-height:1.416em; color:#141414;}
.m-pp .con:nth-of-type(2) .con_c h5{ padding:0.2em 0 0 6%;}
.m-pp .con:nth-of-type(3) .con_c h5{ padding:0.4em 6% 0;}
.m-pp .con:nth-of-type(4) .con_c h5{ padding:0.4em 6% 0;}
.m-pp .con_c h5 span{ color:#b78113;}
.m-pp .con_c h5:before{position:absolute; content:""; top:1.2em; left:3%; z-index:9;width:0; height:0; border-left:0.3em solid #b78113;border-top:0.3em solid transparent;border-bottom:0.2em solid transparent;}
.m-pp .con:nth-of-type(2) .con_c h5:before{ top:0.6em}
.m-pp .con:nth-of-type(3) .con_c h5:before{ top:0.8em}
.m-pp .con:nth-of-type(4) .con_c h5:before{ top:0.8em}

.m-pp .con_c p{ padding:0 6% 1.25em;}
.m-pp .m-cnt{ padding: 0 5.46875% 0 0; text-align:right;}
.m-pp .m-cnt li{ display:inline-block; width:1.08em; height:1.08em; margin-left:2%; background:#747474;}
.m-pp .m-cnt li.z-on{ background:#daad29;}

/*见证*/
.m-jz{ padding:1.6em 0; overflow:hidden;}
.m-jz dl{ padding:1.6em 3.90625%; overflow:hidden;}
.m-jz dt{ float:left; width:35%; border:1px solid #dfdfde;}
.m-jz dd{ float:right; width:60%;height:9.2em;overflow:hidden;}
.m-jz dd h4 a{ display:block; color:#4f2607; font-weight:bold; line-height:2em; border-bottom:1px solid #ccc7c1;}
.m-jz dd h4 span{ display:block; color:#595959; font-weight: bold; line-height:2em;}
.m-jz dd p{ line-height:1.5em; color:#595959;}

/*关于*/
.m-gy{ position:relative; overflow:hidden;}
.m-gy .m-box,.m-gy .sclwrap_box{height:16em; overflow:hidden}
.m-gy .nowarp{ margin:0 10.9375%; padding-top:1.5em;}
.m-gy .con a{ display:block; color:#333333; font-size:108%; text-align:center;}
.m-gy .con a img{ display:block; width:96%; margin: 0 auto 0.5em; padding:4px; background:#ffffff; border:1px solid #c9c4bc;}
.m-gy .prev,.m-gy .next{ top:33%;}
.m-gy .prev{ left:4.6875%;}
.m-gy .next{ right:4.6875%;}

.m-gy p{ padding-bottom:1.8em; text-align:center;}
.m-gy p a{ display:inline-block; width:30%; margin:0 1%; text-align:center; line-height:2.7em; font-size:108%; color:#ffffff; background:url(/Mobile/Images/Index/gy_bg1.jpg) no-repeat center top; background-size:contain;}

/*资讯*/
.m-zx{ padding:1.25em 0 0 0; overflow:hidden;}
.m-zx h2 a{ background:none; color:#d2991a; border-bottom:1px solid #ebe6de;}
.m-zx h2 a span{ font-size:1.4em; font-weight:bold;}
.m-zx h2 a:before{ width:0.25em; height:1.4em; margin-top:-0.7em;background:#d2991a;}
.m-zx h2 i{ background-image:url(/Mobile/Images/Index/zx_icon1.gif); background-size:2em 2em;}

.m-zx ul{ height:2.35em; padding:5px 0 0 0; border-top:2px solid #9b9b9b;border-bottom:1px solid #d3d3d3; background:#efefef; text-align:center; font-size:108%;}
.m-zx ul li{ display: inline-block; width:30%; line-height:2.4em; color:#8c8c8c;}
.m-zx ul li.z-on{ background:#ffffff; border:1px solid #d3d3d3; border-bottom:none; border-radius:0.3em 0.3em 0 0; color:#612f08;}

.m-zx .m-box,.m-zx .sclwrap_box{height:19.5em; background:#ffffff; overflow:hidden}
.m-zx dl{ padding:1.5em 3.90625% 0; overflow:hidden;}
.m-zx dt{ float:left; width:42%; padding:2px; background:#ffffff; border:1px solid #b1b1b1;}
.m-zx dd{ float:right; width:53%;}
.m-zx dd a{ position:relative; display:block; padding: 0 0 0 10%; font-size:91.7%; color:#707070; line-height:2em; border-bottom:1px dashed #b6b6b6;height:2em;overflow:hidden;}
.m-zx dd a:before{position:absolute; content:""; top:0.7em; left:3%; z-index:9;width:0; height:0; border-left:0.3em solid #595959;border-top:0.3em solid transparent;border-bottom:0.2em solid transparent;}
.m-zx dd a:last-of-type{ 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:400px) {
	body { font-size:100%;}
}
@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%;}
}