*{margin:0;padding:0;font-size:14px;}
body, a,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding:0; margin:0; font-family:Arial,"",Helvetica, sans-serif}
a{text-decoration:none}
img{border:none}
.main{width:980px;margin:0 auto}
.main_t{width:1000px;margin:0 auto}
.cl{clear:both}
.clear{clear:both}

.top{width:100%;height:72px;background:url(../images/mtop_bj.jpg) center no-repeat #311d16}
.top img{margin-left:10px;height:60px}
.banner{ max-width:680px; min-width:240px;margin:0 auto;}
.banner img{width:100%;float:left}


.relative{position:relative;left:0;top:0;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.opacity6{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* ie8  */filter:alpha(opacity=60);    /* ie5-7  */opacity:0.6;/* css standard, currently it works in most modern browsers  */}
.app_center{width:100%;min-width:320px;margin-left:auto;margin-right:auto;}
.red{color:red;}
.c_999{color:#999;}
.pt10{padding-top:10px;}
.hide{display:none;}

.scroll{margin:0 auto}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute;right:25px;z-index:400px;bottom:7px;}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:10px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffd800;}
.scroll_position_bg{background:#000;position:absolute;bottom:12px;right:10px;padding:0 15px;z-index:380px;height:14px;border-radius:26px;}