﻿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:Arial,"Microsoft YaHei"; color:#000; position:relative; -webkit-text-size-adjust:none;  background:url(../images/header_bg.jpg) repeat-x left top;}
a { color:#000; text-decoration:none; }
a:hover { text-decoration:none; }

.wrapper { max-width:1100px; margin:0 auto; width:90%; }
.m_head_share{position:absolute; color:#fefefe; font-size:14px; height:35px; line-height:35px; padding-left:20px; background:url(../images/m_head_tel.jpg) no-repeat left center;}
#header { width:100%;position:relative; z-index:1000; height:135px;}
#header .wrapper { position:relative; }
#header .logo {width:200px; float:left; margin-top:47px;}
#header .logo img { display:block; width:100%; }
#header .tele { padding-right:19px; color:#fff; float:right;  font-size:0.825em; margin-top:9px;}
#header .tele a { color:#fff; font-size:1em;}
#header .tele span{padding-left:30px;}

#header .language { text-align:right; position:absolute; right:220px; top:0px; }
#header .share {float:left; height:35px; margin-right:7px;position:relative; }
#header .share a {display:block;width:25px;height:30px; background-image:url(../images/follow.png);background-repeat:no-repeat;text-indent:-999em; float:left; margin:0 3px; position:relative; padding:0;}
#header .share a:hover {background-image:url(../images/follow_hover.png);}
#header .share a.sina {background-position:0 0;}
#header .share a.qq {background-position:-30px 0;}
#header .share a.mobile {background-position:-62px 0; z-index:1200;}
.mobile_client {position:absolute; right:0; top:40px; width:160px; background-color:#0065a5; top:-9999em;}
.mobile_client b {position:absolute;top:-16px;width:0;height:0; border:8px solid transparent; border-bottom-color:#0065a5; right:0;margin-right:8px; opacity:1;}
.mobile_client h3 {color:#fff; height:36px; line-height:36px; overflow:hidden; text-align:center; font-size:0.875em; text-indent:0; z-index:1200;}
.mobile_client p {margin:1px;background:#fff;padding:9px; z-index:1200;}
.mobile_client img {display:block;width:140px;height:140px; }
#header .share a.mobile:hover .mobile_client {top:40px;opacity:1;}

#nav { float:right; width:75%; margin-top:19px;}
#nav ul li { float:left; display:inline; }
#nav ul li.line { width:1px; background:url(../images/line_bg.jpg) no-repeat left center; height:88px; }
#nav ul li.menu { width:14%; position:relative; height:88px; }
#nav ul li.menu a { font-size:0.9375em; line-height:88px; display:block; text-align:center; color:#3e3d3d; }
#nav ul li.menu a:hover { text-decoration:none; background:url(../images/nav_on.jpg) no-repeat center bottom; color:#FF0000;}
#nav ul li.menu a.current { background:url(../images/nav_on.jpg) no-repeat center bottom; color:#FF0000;}
#nav ul li.visible-xs { visibility:hidden; display:none; }
#hContainer { height:175px; }

#footer {background:url(../images/foot_img.jpg) repeat-x left top; font-size:12px; padding:12px 0 10px;}
#footer p {color:#fffefe; line-height:200%; }
#footer p a{color:#fffefe; }

.hidden-lg { display:none; visibility:hidden; }
#mobile_nav_wrap, #mobile_nav { display:none; }

.responsimg { width:100%; display:block; }
.responimg { max-width:100%; display:block; margin:0 auto; }
.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:#014b93; color:#fff; border:solid 1px #014b93; font-size:0.875em; }
.page a{ color:#444444; border:1px solid #ccc;padding:3px 5px 3px 5px; margin:0 2px; text-decoration:none; background-color:#ddd;  font-size:0.875em; }
.page a:hover {color:#fff; background-color:#014b93; }
.page a.current {color:#fff; background-color:#014b93; }


#foer{ width:4.5%; margin:0 auto;}

@media screen and (max-width:768px){
#header .logo {margin-top:35px;}
}
@media screen and (max-width:480px){
#footer {padding-bottom:10px; padding-top:0;}
}