html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,  tbody, tfoot, thead,  th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}

article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 

html {font-size: 100%;}
body { font-size:1em; font-family:"Microsoft YaHei",Arial; color:#000; position:relative; -webkit-text-size-adjust:none; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline;}

.wrapper { width:1100px; margin:0 auto; }
#header { width:100%; background:url(../images/header_bg.jpg) repeat-x left top #83045e; height:101px; z-index:1001 }
#header .logo { width:20%; float:left;}
.hidden_logo { display:none; }
#header .logo img { display:block; width:100%; }

#nav { float:right; width:71%; margin-left:1%; display:inline; margin-top:19px;}
#nav ul li { float:left; display:inline; }
#nav ul li.line { width:0px; background:url(../images/line_bg.jpg) no-repeat left center; height:82px; }
#nav ul li.menu { width:16.6%; position:relative; height:82px; }
#nav ul li.menu a { font-size:0.875em; line-height:82px; display:block; text-align:center; color:#fffefe;}
#nav ul li.menu a:hover { text-decoration:none; background:url(../images/nav_on.jpg) no-repeat center bottom; }
#nav ul li.menu a.current { background:url(../images/nav_on.jpg) no-repeat center bottom; }
#nav ul li.visible-xs { visibility:hidden; display:none; }
#hContainer { height:175px; }

#nav li ul { height:auto; padding:12px 0; background:url(../images/sub_bg.png) repeat left top; }
#nav li ul li { height:40px; float:none; white-space:nowrap; display:block; }
#nav li.menu ul li a {display:block; color:#fff; height:40px; line-height:40px; text-align:center; background:url(../images/sub_line.png) no-repeat center bottom; font-size:0.75em; }
#nav li.menu ul li a:hover { background:url(../images/sub_line.png) no-repeat center bottom; }
#nav div.menu { width:100%; }

.downMenu { background-color:#323232; }
.downMenu .menu { width:75%; padding:40px 0; float:left; }
.downMenu .menu dl { float:left; padding-left:4%; display:inline; padding-right:6%; }
.downMenu .menu dl dt { color:#fff; height:34px; line-height:34px; }
.downMenu .menu dl dd { height:30px; line-height:30px; }
.downMenu .menu dl dd a { font-size:0.75em; color:#d5d5d5; }
.downMenu .qrcode { width:25%; float:right; padding:45px 0 20px; text-align:center;  }
.downMenu .code p { height:40px; line-height:40px; font-size:0.75em; color:#d3d3d3; }

#footer { font-size:0.875em; padding:25px 0 10px;  background-color:#323232; }
#footer .comp { border-top:solid 1px #3a3a3a; padding:10px 0; }
#footer p { padding-left:26px; color:#d5d5d5; line-height:200%;  font-size:13px; }
#footer p a { color:#dfdfdf; }

.hidden-lg { display:none; visibility:hidden; }
#mobile_nav_wrap, #mobile_nav { display:none; }


.pcolor { color:#c70773; }

.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}
.text26 { text-indent:32px;}
.line15 { height:15px; line-height:15px; }
.font12 { font-size:0.75em;}
.font14 { font-size:0.875em;}
.font16 { font-size:1em;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " ";
clear: both; height: 0; }
.clearfix{*zoom:1;}

.page {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000;}
.page span {padding:3px 5px 3px 5px; background-color:#c70112; color:#fff; border:solid 1px #c70112; font-size:0.875em; }
.page a{ color:#444444; border:1px solid #ccc;padding:5px 8px 5px 8px; margin:0 4px; text-decoration:none; background-color:#ddd;  font-size:0.875em; }
.page a:hover {color:#fff; background-color:#c70112; }
.page a.current {color:#fff; background-color:#c70112; }

@media screen and (max-width:768px){
#header .logo{margin-top:0;}
.hidd_logo{display:none;}

}