@charset "utf-8";
/* CSS Document */

* html, * html body { background-image:url(about:blank); background-attachment:fixed; } 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table, caption, tbody, tfoot, thead, tr, th, td, */article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } 
/* HTML5 display-role reset for older browsers */  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 
address, cite, code, em, th, i { font-weight: normal; font-style: normal; } 
body { font-size:12px; line-height:1.5; font-family: "\5FAE\8F6F\96C5\9ED1"; background:#FFF; color:#333; } 
input, select, textarea { margin: 0; padding: 0;}

table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: top; border: none; }
li { vertical-align: top; }
ol, ul, li { list-style: none; } 

a { color:#ff4f50;text-decoration: none; outline: none; cursor:pointer; } 
a:hover { color: #f44e51; text-decoration: none;} 
a:focus, *:focus { outline: none; }

.clear { clear: both; font-size: 0; height: 0; overflow: hidden } 
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; } 
.clearfix { *zoom:1;} 
 
.fl { float: left; display: inline; } 
.fr { float: right; display: inline; }
.mt10{ margin-top:10px; }
.mb10{ margin-bottom:10px; }
.pr{ position:relative; }
.pa{ position:absolute; }
.m{ margin:0 auto; }
.me-hide{ overflow:hidden;}

.blank10 { width: 100%; height: 10px; clear: both; overflow: hidden; } 
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%;}
.mlr23{ margin:0 20px;}
.mr23{ margin-right:20px;}
img.img{ width:100%; display:block;}


/* nav */
.nav-box{ height:90px; background:url(../images/nav-bg.png); left:0; bottom:0; z-index:2; }
.nav{ width:1200px; height:90px; }
.nav li{ width:150px; height:90px; color:#fff; float:left; position:relative; }
.nav li b,.nav a span{ width:100%; text-align:center; margin:0 auto; display:block; }
.nav li b{ line-height:24px; font-weight:normal; font-size:16px; }
.nav li span{ line-height:24px; padding-top:20px; font-size:20px;}
.nav li a{ height:100%; color:#fff; display:block; }
.nav li a:hover,.nav li.on{ background:#e4440c; }
.nav .brand-info{ width:150px; height:0; background:#e4440c; left:0; bottom:90px; z-index:1; opacity:0; }
.nav .brand-info a{ width:100%; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #fb7140; color:#fff; font-size:16px; }

/* banner */
.ban{ position: relative; width:100%; overflow: hidden; }
.ban .pic{ position:relative; z-index:0; }
.ban .pic img {  width:100%; display: block; }
.ban .hd { width:100%; position: absolute; bottom:95px; text-align: center; font-size:0; z-index:1; }
.ban .hd li{ margin:0 5px; height:3px; width:45px; background:#fff; cursor:pointer; display:inline-block; *display:inline; zoom:1; overflow: hidden; }
.ban .hd .on{ background:url(../images/nav-bg.png); }

.footer-logo{ width:432px; height:154px; margin:0 auto 103px; display:block; }