.wrap img{ width:100%;}	
/*通栏广告*/
.g-adv{ width:100%; height:12.5em; overflow:hidden;}
.g-adv .sclwrap_box{height:12.5em;}
.g-adv .m-box img{ width:100%;}

/*导航样式*/
.g-nav { display:inline-block; width:100%; overflow:hidden; padding:3% 0 0;}
.g-nav a { font-size:1em; color:#fff; height:3.63em; line-height:3.63em; width:32%; text-align:center; display:block; float:left; margin:1% 0 0 1%; background:#c6c6c6;}
.g-nav a:nth-child(3),.g-nav a:nth-child(4),.g-nav a:nth-child(5){ color:#000;}
.g-nav a:nth-child(1) { background:#7f390c;}
.g-nav a:nth-child(2),.g-nav a:nth-child(5) { background:#949393;}

/*搜索*/
.g-ss{ width:100%; overflow:hidden; position:relative; padding:5% 0 6%;}
.inp01{ border:solid 1px #939393; border-right:none; color:#acacac; float:left; font-size:1em; height:1.88em; line-height:1.88em; padding:0 0 0 2%; width:64.6%; margin:0 0 0 10%;}
.u-in{ background:none; display:block; height:1.96em; font-size:1em; position:absolute; right:10%; top:27%; width:13.1%; cursor: pointer;}
.g-ss .scl_fri { display:block; float:left; height:1.88em; font-size:1em; width:13.1%; border-bottom:solid 1px #939393; border-top:solid 1px #939393;}

/*分类*/
.g-fenl{ height:15em; width:100%; padding:0 0 7.5%; overflow:hidden;}
.g-fenl .m-bt{ width:94%; height:2.71em; line-height:2.71em; background:#5d5d5d; padding:0 3%; margin:0 0 6%;}
.g-fenl .m-bt a{ font-size:1em; color:#fff;}
.g-fenl .m-bt span{ float:right;}
.g-fenl .m-bt span a{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.g-fenl .m-cnt{ width:100%; height:2.5em; line-height:2.5em; background:#c6c6c6;}
.g-fenl .m-cnt li{ width:23%; text-align:center; float:left; font-size:1em; color:#454545; position:relative;}
.g-fenl .m-cnt li:nth-child(3){ width:31%;}
.g-fenl .m-cnt li:after{ position:absolute; content:""; width:1px; height:100%; background:#a8a8a8; top:0; right:0;}
.g-fenl .m-cnt li.z-on{ color:#fff; background:#5d5d5d;}
.g-fenl .m-cnt li:last-child:after,.g-fenl .m-cnt li.z-on:after{ background:none;}
.g-fenl .sclwrap_box{height:8.2em;}
.g-fenl .m-box .con{ display:inline; float:left;}
.g-fenl .m-box ul{ padding:4% 0 0;}
.g-fenl .m-box ul li{ height:2.25em; line-height:2.25em; border-bottom:#9d9d9d 1px dashed;}
.g-fenl .m-box ul li a{ display:block; font-size:1em; color:#2d2d2d; width:43%; float:left; position:relative; padding:0 0 0 7%;}
.g-fenl .m-box ul li a:before{ position:absolute; content:""; width:0.5em; height:0.5em; background:#2d2d2d; top:45%; left:6%;
border-radius:2em;               
-webkit- border-radius:2em;
-moz-border-radius:2em;
-o-border-radius:2em;}


/*案例*/
.g-anli{ width:100%; height:22.1em; overflow:hidden; position:relative; background:#000;}
.g-anli .u-more{ display:block; width:12%; height:5.08em; text-align:center; position:absolute; top:0; right:0; border-bottom:#fff 1px solid; background:#5d5d5d;}
.g-anli .u-more em{ display:block; width:40.4%; margin:0 auto; padding:42% 0 0;}
.g-anli .u-more a{ font-size:1em; color:#fff;}
.g-anli .m-cnt{ width:88%; background:#8d8d8d; height:5.08em; border-bottom:#fff 1px solid;}
.g-anli .m-cnt li{ font-size:1em; color:#fff; width:33%; text-align:center; float:left; height:5.08em;}
.g-anli .m-cnt li:first-child{ width:34%;}
.g-anli .m-cnt li em{ display:block; width:34.4%; margin:0 auto; padding:5% 0 0;}
.g-anli .m-cnt li.z-on{ background:#5d5d5d;}
.g-anli .sclwrap_box{height:16.67em; overflow:hidden;}
.g-anli .m-anli{ position:relative;}
.m-anli .prev{ width:12.5%; position:absolute; top:38%; left:3%;}
.m-anli .next{ width:12.5%; position:absolute; top:38%; right:3%;}
.g-anli .no_ov{ margin:0 19.5%;}
.g-anli .m-box .page{ display:inline; float:left;}
.g-anli .m-box ul li{ width:100%; position:relative; padding:18% 0 0 1px;}
.g-anli .m-box ul li em{ display:block; width:100%; font-size:0;}
.g-anli .m-box ul li img{ width:99%; border:#b7b7b7 1px solid;}
.g-anli .m-box ul li span{ width:98%; height:2.5em; line-height:2.5em; text-align:center; background:rgba(0,0,0,0.7); position:absolute; bottom:1px; left:2px;}
.g-anli .m-box ul li span a{ font-size:1em; color:#fff;}

/*广告条*/
.g-ban01{ width:100%; position:relative; overflow:hidden;}
.g-ban01 p{ position:absolute; top:65%; left:10%;}
.g-ban01 p a{ font-size:1em; color:#000; font-weight:bold;}
.g-ban02 p a{ font-weight:normal;}

/*优势*/
.g-ys{ height:30.42em; width:100%; overflow:hidden; padding:7% 0 3%;}
.g-ys .m-bt{ width:100%; position:relative;}
.g-ys .m-bt b{ display:block; position:absolute; top:48%; right:2%;}
.g-ys .m-bt b a{ font-size:1em; color:#424041;}
.g-ys .m-cnt{ width:100%; display:inline-block; padding:6% 0 9% 40%;}
.g-ys .m-cnt li{ width:0.6em; height:0.6em; float:left; background:#939393; margin:0 1%;
border-radius:2em;               
-webkit- border-radius:2em;
-moz-border-radius:2em;
-o-border-radius:2em;}
.g-ys .m-cnt li.z-on{ background:#000;}
.g-ys .sclwrap_box{height:21em; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys dl{ width:95%; display:inline-block; margin:0 2.5%;}
.g-ys dl dt{ height:3.42em; border-bottom:#413c37 1px dashed;}
.g-ys dl dt em{ display:inline-block; width:12.83%; padding:0 2% 0 0; float:left;}
.g-ys dl dt p{ width:85%; float:left;}
.g-ys dl dt p a{ font-size:0.92em; color:#646464;}
.g-ys dl dt p b{ display:block; color:#2d2d2d; padding:0 0 0.2em;}
.g-ys dl dd{ width:83.2%; margin:0 auto; padding:5% 0 0;}

/*长期合作客户*/
.g-hz{ width:100%; height:18.75em; overflow:hidden; position:relative; padding:3% 0 0;}
.g-hz .u-more,.g-news .u-more{ display:block; width:12%; text-align:center; position:absolute; top:7%; right:5%;}
.g-hz .u-more a,.g-news .u-more a{ font-size:1em; color:#fff; text-transform:uppercase;}
.g-hz .m-cnt,.g-news .m-cnt{ width:100%; background:#5d5d5d; height:2.71em; line-height:2.71em;}
.g-hz .m-cnt li,.g-news .m-cnt li{ font-size:1em; color:#fff; width:29%; text-align:center; float:left; height:2.71em;}
.g-hz .m-cnt li.z-on,.g-news .m-cnt li.z-on{ background:#373737;}
.g-hz .sclwrap_box{height:15em; overflow:hidden;}
.g-hz .m-hz,.g-hz .m-zz{ position:relative;}
.g-hz .prev{ width:12.5%; position:absolute; top:36%; left:3%;}
.g-hz .next{ width:12.5%; position:absolute; top:36%; right:3%;}
.g-hz .m-hz .no_ov{ margin:0 26.3%;}
.g-hz .m-box .page{ display:inline; float:left;}
.g-hz .m-box ul li{ width:100%; padding:25% 0 0 1px;}
.g-hz .m-box ul li em{ display:block; width:100%; font-size:0;}
.g-hz .m-box ul li img{ width:98%; border:#aaa9a9 1px solid;}
.g-hz .m-box ul li span{ display:block; width:100%; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10% 0 0;}
.g-hz .m-box ul li span a{ font-size:1em; color:#000;}
.g-hz .m-zz .no_ov{ margin:0 31.3%;}
.g-hz .m-zz .m-box ul li{ width:100%; padding:38% 0 0 1px;}

/*资讯*/
.g-news{ width:100%; height:18.33em; overflow:hidden; position:relative;}
.g-news .u-more{ display:block; text-align:center; position:absolute; top:4%; right:5%;}
.g-news .sclwrap_box{ height:15.54em;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:93%; margin:0 auto; padding:3% 0 0;}
.g-news .m-box ul li{ height:2.58em; line-height:2.58em; border-bottom:#a5a5a5 1px dashed;}
.g-news .m-box ul li a{ font-size:1em; color:#000; display:block; width:70%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li em{ display:inline-block; width:3.7%; padding:0 2% 0 0; float:left;}
.g-news .m-box ul li span{ float:right; font-size:1em; color:#000;}
.g-news .m-box ul li:last-child{ border:none;}
.g-news dl{ width:100%; display:inline-block; overflow:hidden; padding:8% 0 0;}
.g-news dl dt{ width:32.5%; float:left; padding:0 4.4%;}
.g-news dl dt img{ border:#d1d1d1 1px solid;}
.g-news dl dd{ width:58%; float:left;}
.g-news dl dd h5{ font-size:1em; height:1.46em; line-height:1.46em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news dl dd h5 a{ color:#000;}
.g-news dl dd p{ font-size:0.92em; color:#686868; padding:3% 0 0; height:7em; overflow:hidden;}
.g-news dl dd span{ display:block; padding:2% 0 0;}
.g-news dl dd span a{ font-size:0.92em; color:#000;}


/**/



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

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

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

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

}