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:#222; position:relative; -webkit-text-size-adjust:none; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline;}

.wrapper { margin:0 auto; width:1000px; }
.m_head_wrap { }
.m_head_logo{ width:30%; float:left; display:inline; }
.m_head_tel { float:right; color:#4a4a4a; background:url(../image/m_head_tel.jpg) no-repeat left center; padding-left:22px; margin-top:30px; }
.m_head_tel span { font-size:24px; color:#f22e00; }
.m_nav_wrap { width:100%; background-color:#009999; }
.m_nav_wrap ul li { float:left; display:inline-block; height:50px; }
.m_nav_wrap ul li.m_nav_line { width:1px; background:url(../image/m_nav_line.jpg) no-repeat center center; }
.m_nav_wrap ul li.m_nav_menu { width:14%; }
.m_nav_wrap ul li a {font-size:0.895em; display:block; line-height:50px; text-align:center; color:#fff; }
.m_nav_wrap ul li a:hover { text-decoration:none; background:url(../image/m_nav_on.jpg) no-repeat center bottom; }

.footer{background:url(../image/foot_bg.jpg) repeat-y center top;}
#m_down { }
.m_down_menu { color:#fff; padding:42px 0 52px 0; float:left; width:83%;  }
.m_down_menu ul { float:left; width:15%; margin-left:3%; display:inline; }
.m_down_menu ul li { height:28px; line-height:28px; font-size:1em; }
.m_down_menu ul li a {color:rgb(255,255,255); color:rgba(255,255,255,0.7); color: #d2ebe9\9; font-size:12px;}
.m_down_contact {float:right; width:13.5%; margin:47px 24px 0 0; color:rgb(255,255,255); color:rgba(255,255,255,0.8); color: #d2ebe9\9; font-size:13px; text-align:center;}
.m_down_contact .hd { height:2.125em; line-height:2.125em; font-size:0.875em;}
.m_down_contact .bd { font-size:0.75em; padding:1.25em 0 }
.m_down_info { float:left; width:56%; margin-left:7%; }
.m_down_info a { color:#fff; }
.m_down_tel { background:url(404.png) no-repeat left center; padding-left:25px; line-height:2.14em; }
.m_down_mail { background:url(404.png) no-repeat left center; padding-left:25px; line-height:2.14em; }
.m_down_code { font-size:0.875em; float:right; margin-right:1em; width:29%; margin-top:0.625em; }
.m_down_code figcaption { font-size:0.845em;  height:2.42em; line-height:2.42em; text-align:center; white-space:nowrap; }

#m_down .share { height:1.875em; padding-top:0.5em; margin-right:0.875em; }
#m_down .share a { float:left; display:inline; width:1.875em; height:1.875em; margin:0 4px; padding:0; font-size:1em; }
#m_down .share a.sha1 { background:url(404.png) no-repeat left top; }
#m_down .share a.sha2 { background:url(404.png) no-repeat left top; }
#m_down .share a.sha3 { background:url(404.png) no-repeat left top; }
#m_down .share a.sha4 { background:url(404.png) no-repeat left top; }

.record {border-top:solid 1px rgb(72,177,174); border-top:solid 1px rgba(255,255,255,0.5);}
.record div.wrapper {padding:0.5em 0; }
.record p { line-height:55px; height:55px; font-size:0.75em; color:rgb(255,255,255); color:rgba(255,255,255,0.8); color: #d2ebe9\9;}
.record a {color:rgb(255,255,255); color:rgba(255,255,255,0.8); color: #d2ebe9\9;}

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

.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; display:block; overflow:hidden;}

.page {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000;}
.page span {padding:3px 5px 3px 5px; background-color:#1d73be; color:#fff; border:solid 1px #1d73be; 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 .current {color:#fff; background-color:#1d73be;}
.page a:hover {color:#fff; background-color:#1d73be; }

@media screen and (max-width:1099px){  
.wrapper { width:99%;}
}
@media screen and (max-width:1024px){  
.wrapper { width:100%;}
#header .logo  { margin-left:1%;}
#nav { margin-right:0%;}
}
@media screen and (max-width:667px){
.hidden-xm6 { display:none; }
}
@media screen and (max-width:768px){
#header .logo { width:auto; float:none; display:block;}
#nav{width:100%; float:none; background:url(../image/foot_bg.jpg) no-repeat center bottom; }
#header .wrapper {background:none;}
#nav ul li.line{height:60px;}
#nav ul li.menu{height:60px;}
#nav ul li.menu a{line-height:60px;}
}
@media screen and (max-width:480px){
#header .logo { width:80%; float:none; display:block;}	
#nav{float:none;}
#nav ul li.menu a.current{color:#FFF;}
}