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


/*通栏广告*/
.g-adv{ position:relative; height:auto; background:#f5710b; 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:#f5710b;}

/*导航*/
nav{ width:100%;overflow:hidden; box-shadow:0 2px 2px rgba(54,21,0,.55)}
nav li{ float:left; width:25%;}
<!--nav li:nth-of-type(4n){ width:25%;}-->
nav li a{ display:block; line-height:2.9167em; text-align:center; color:#fff; background:url(../images/nav_bg1.gif) no-repeat center top; background-size:cover; border-right:1px solid #f5710b;  border-left:1px solid #cf620f;border-bottom:1px solid #f5710b;}
nav li:nth-of-type(1) a,nav li:nth-of-type(5) a{ border-left:none;}
nav li:nth-of-type(4n) a{ border-right:none;}
nav li:nth-of-type(5) a,nav li:nth-of-type(6) a,nav li:nth-of-type(7) a,nav li:nth-of-type(8) a{ border-bottom:none; border-top:1px solid #c65804; }
nav li.cur a{ background-image:url(../images/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(../images/gys_bor1.gif) no-repeat center; background-size:contain; text-transform:uppercase; line-height:1em;}

.m-gys h3{ padding:0.2em 0; color:#eb5b00; text-align:center;}
.m-gys h3 span{ color:#f5710b;}

.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:#f5710b;}
.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:#f5710b; 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(../images/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(../images/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(../images/al_icon2.gif); background-size:2.85em 3em;}
.m-al ul li:nth-of-type(3){ background-image:url(../images/al_icon3.gif); background-size:3.1em 3.1em;}
.m-al ul li:nth-of-type(4){ background-image:url(../images/al_icon4.gif); background-size:3.1em 3.05em;}
.m-al ul li:nth-of-type(5){ background-image:url(../images/al_icon5.gif); background-size:3.7em 3.15em;}
.m-al ul li:nth-of-type(6){ background-image:url(../images/al_icon6.gif); background-size:2.75em 3.05em;}
.m-al ul li:nth-of-type(7){ background-image:url(../images/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(../images/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(../images/com_sd1.gif) no-repeat center top; background-size:contain; color:#eb5b00;}

/*gggg1*/
/*咨询电话01*/
/*咨询电话*/
.m-ph{ height:4.45em; position:relative; background:#dfdfdf; margin-bottom:1.25em;}
{ background:#f5710b;}
.m-ph:before{ position:absolute; content:""; z-index:-3;
	-webkit-box-shadow:0 1px 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 0.1667em 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset;
	top:50%;
    bottom:0;
    left:0;
    right:0;
    -moz-border-radius:8.33em / 3.33em;
    border-radius:8.33em / 3.33em;}
.m-ph .u-tel{ width:2.41667em; left:2.1667em; top:1.03em; display:block; position:absolute;} /*头部电话图标*/
.m-ph  p{ font:1.1667em; color:#000; line-height:1.667em; padding:0.41667em 0 0 18.7%; font-size:1em;}
.m-ph  p i{ display:block; font-style:normal; font-size:1.0833em;}
.m-ph  p span{ font-size:1.667em; padding-left:1%; color:#f5710b; font-weight:bold;}
.m-ph01 { background:#f5710b;}
.m-ph01 p { color:#fff;}
.m-ph01 p span { color:#fff;}

/*产品中心*/
.m-cpzx{ overflow:hidden;    padding-bottom: 1.4em;}
.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:#eb5b00 url(../images/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(../images/fl_icon2.gif) no-repeat 6% center; background-size:0.4167em 0.4167em; color:#eb5b00; 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{ height:66.93em; overflow:hidden; margin:0 0 0 0; background:#eeeeee;}
.m-ys h4{ overflow:hidden; margin-bottom:1.333em; font-size:1em;} 
.m-ys dl{ background:url(../images/ys_line.jpg) no-repeat center bottom; background-size:100% auto; margin:0 1.875% 0.833em 2.5%; padding-bottom:0.4166em;}
.m-ys dl dt{ background:url(../images/tit-bj.jpg) no-repeat; width:99%; height:4em; background-size:100% auto; overflow:hidden; }
.m-ys dl dt span{ display:block; float:left; font-size:3.333em; color:#fff; width:11.55%; line-height:1.1em; font-style:italic; text-shadow:0 1px 0 #000; padding-left:4%; font-style:italic;}
.m-ys dl dt p{ display:block; float:left; font-weight:bold;font-size:1.5em; color:#333; font-style:oblique; line-height:1.11em;}
.m-ys dl dt p i{ display:block;font-size:0.74em; color:#fff; line-height:1.9em; font-style:oblique;}
.m-ys dl dt p em{ font-size:0.5em; color:#fff; text-transform:uppercase; display:block; line-height:0.9em; font-style:normal; font-weight:normal;}
.m-ys dl dd { margin:0 1.6% 0 6.2%;}
.m-ys dl dd p{ line-height:1.667em; font-size:1em; color:#000; margin:0.667em 0 0 0; border-bottom:1px solid #d7d6d1; position:relative; padding:0 0 0.833em 4.6%;}
.m-ys dl dd p:before{ position:absolute; content:""; width:100%; height:1px; background:#fff; bottom:-2px; left:0;}
.m-ys dl dd p:after{ position:absolute; content:""; width:0.5833em; height:0.75em; background:#c5c6c8; top:0.5em; left:0; box-shadow:1px 1px 0 #fff;} 
.m-ys dl dd p span{ color:#f5710b;}

.m-ys dl:last-child{ background:none;}
.m-ys dl dd p:last-child{ border-bottom:none;}
.m-ys dl dd p:last-child:before{ background:none;}

/*见证*/
.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;  padding:0 0 1.5em 0;}
.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(../images/gy_bg1.jpg) no-repeat center top; background-size:contain;}

/*资讯*/
.m-zx{  overflow:hidden;}
.m-zx h2 a{ background:none; color:#f5710b; 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:#f5710b;}
.m-zx h2 i{ background-image:url(../images/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:14.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%;}
}


.g-ft{ height:15em; overflow:hidden; font-size:1em;}
.g-ft .m-top{ display:block; height:2.5em; overflow:hidden; background:#f5710b; position:relative;} 
.g-ft .m-top:after{ position:absolute; content:""; width:0; height:0; top:0.25em; right:1.5em;
border-right:0.75em solid transparent;
border-left:0.75em solid transparent;
border-bottom:0.91667em solid #fff;}
.g-ft .m-top p{ font-size:1.0833em; color:#fff; padding-top:1.15em; display:block; text-align:right; padding-right:4.375%; text-transform:uppercase;}
.g-ft .p01{ display:block; margin:1.25em 0 0 0; line-height:2.33em; text-align:center; color:#666; }
.g-ft .p01 a{ display:inline-block; padding:0 1.5625%; font-size:1em; color:#666;}
.g-ft .p02{ text-align:center; color:#666; font-size:1em; line-height:2em; margin:0 0 0 0;}
.g-ft .p03{ margin:1.33em auto 0.41667em; width:29%; }
.g-ft .p04 { color:#333333; font-size:1.0833em; text-align:center;}