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;}

.language {overflow: hidden; height:36px; line-height:36px;}
.language .hed-left{width:63.7%; float:left;}
.language .hed-right{width:36.3%; float:left;}
.hed-top-not{float:left; width:100%; line-height:36px; color:#FFF; font-size:15px; background: url(../images/index_07.png) no-repeat left center; padding-left:30px;}
.hed-top-right{background:#65b82a url(../images/index_04.jpg) no-repeat left center; width:100%; float:left; line-height:36px; color:#FFF; padding-left:28%;}

.wrapper { max-width:1100px; margin:0 auto;}
.m_pro_list{ }
#header { width:100%; background:url(../images/home_bg.jpg) no-repeat center top; z-index:200; height:136px;}
#header div.wrapper { height:136px;}
#header .logo { float:left; width:28%; max-width:300px;}
#header .logo img { display:block; width:100%; }
#header .share {float:right; height:30px; position:relative; padding-top:7px; margin-right:7px; }
#header .share a {display:block;width:30px;height:30px; background-image:url(../images/follow.png);background-repeat:no-repeat;text-indent:-999em; float:left; margin:0 17px 0 0; 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:-60px 0;}
.mobile_client {position:absolute;right:0;top:40px;width:160px;background-color:#183883; top:-9999em;opacity:0; transition:.5s opacity; }
.mobile_client b {position:absolute;top:-16px;width:0;height:0;border:8px solid transparent;border-bottom-color:#183883; right:0;margin-right:8px;}
.mobile_client h3 {color:#fff; height:36px;line-height:36px;overflow:hidden;text-align:center; font-size:0.875em; text-indent:0; }
.mobile_client p {margin:1px;background:#fff;padding:9px;}
.mobile_client img {display:block;width:140px;height:140px;}
#header .share a.mobile:hover .mobile_client {top:40px;opacity:1;}

#nav { width:72%; float:right; margin-top:14px; display:inline;}
#nav ul li { float:left; display:inline;}
#nav ul li.line { width:1px; background:url(../images/line_bg.jpg) no-repeat left center; }
#nav ul li.menu { width:14.1%; position:relative; height:86px;}
#nav ul li.menu a {  line-height:86px; display:block; color:#000; text-align:center; }
#nav ul li.menu a:hover { text-decoration:none; background:url(../images/index_15.jpg) no-repeat center 23px; color:#fff;}
#nav ul li.menu a.current { background:url(../images/index_15.jpg) no-repeat center 23px; color:#fff;}
#nav ul li.visible-xs { visibility:hidden; display:none; }
#hContainer { height:1.875em; }

#nav li ul { height:auto; padding:0 0 16px 0; background-color:#FFF; opacity:0.8; border-radius:0 0 5px 5px; box-shadow:0 0 5px black;}
#nav li ul li { height:40px; float:none; white-space:nowrap; display:block; }
#nav li.menu ul li a {display:block; color:#333; height:40px; line-height:40px; text-align:center; background:url(../images/sub_line.png) no-repeat center bottom; font-size:14px; }
#nav li.menu ul li a:hover { background:url(../images/sub_line.png) no-repeat center bottom; color:#183883;}
#nav div.menu { width:100%; }

.downMenu { background-color:#6d6d6d; }
.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:#d3d3d3; }
.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; }

.m_down_list { background-color:#183883; padding:2.5em 0;  margin-top:36px;}
.m_down_menu { color:#fff; float:left; width:71%; }
.m_down_menu ul { float:left; padding-left:4.2%; display:inline; background:url(../images/line_27.jpg) no-repeat 2px center;}
.m_down_menu li { height:2.125em; line-height:2.125em; color:#e3e7f0;}
.m_down_menu li a { color:#cecece; font-size:12px; }
.m_down_menu_1 { width:15.1%;}
.m_down_menu_2 { width:15.1%;}
.m_down_menu_3 { width:18.8%;}
.m_down_menu_4 { width:15.1%;}
.m_down_menu_5 { width:13.6%;}
.m_down_code { font-size:12px; float:right; width:28%; }
.m_down_code .m_down_menu_9{ color:#e3e7f0; background:url(../images/line_27.jpg) no-repeat 2px center; padding-left:16%; }
.m_down_code .m_down_menu_9 li{height:34px; line-height:34px; text-indent:23px;}

#foot{ background-color:#4a4a4a; color:#cecece; }
#foot .foot_wra{width:90%; max-width:1170px; border-bottom:#9e9e9e solid 1px; border-top:#9e9e9e solid 1px; height:78px; padding-top:30px; margin:0 auto;}
#foot .foom{float:left; padding-left:72px;}
#foot .cm_1{width:24%; background:url(../images/Tel.jpg) no-repeat 1px center; height:46px;}
#foot .cm_2{width:20%; background:url(../images/Email.jpg) no-repeat 1px center; height:46px;}
#foot .cm_3{width:18%; background:url(../images/Add.jpg) no-repeat 1px center; height:55px; }
#foot .cm_4{float:right;}

#foot .share { height:2.75em; padding-top:0.5em; margin-right:0.875em; }
#foot .share a { float:left; display:inline; width:2.875em; height:2.75em; margin:0 8px; padding:0; font-size:1em; }
#foot .share a.sha1 { background:url(../images/share1.jpg) no-repeat left top; }
#foot .share a.sha2 { background:url(../images/share2.jpg) no-repeat left top; }

#footer { background-color:#65b82a; color:#fff;}
#footer div.wrapper {padding:0.5em 0; }
#footer p {line-height:2.857em; font-size:0.75em; }
#footer a {color:#fff;}

.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;}

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

@media screen and (max-width:1024px){ 
.language .hed-left{width:60%;}
.hed-top-right{padding-left:30%;}
}

@media screen and (width:667px){
#header .logo {margin:12px 0 0 4px;}
#nav ul li.menu a{font-size:12px;}
}

@media screen and (max-width:480px){
.wrapper { width:100%; }
#header{background:none;}
#header .logo{margin-top:0; margin-left:10px; display:block; width:auto; height:auto;}
#nav{margin-top:0; background-color:#ec7b08; height:64px; float:left;}
#nav ul li.menu a.current { background:none; color:#fff;}
}