@charset "UTF-8";
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,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, menu, nav, output,
 section, summary,time, mark, audio, video, input, select { margin:0;padding:0;}
body{background: #fff;color: #333;font: 14px/1.5 "Microsoft Yahei","Hiragino Sans GB",arial,sans-serif;min-width: 1200px;line-height: 2;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,dfn,em,var,i{ font-style:normal}
ol, ul { list-style: none;}
img{ border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
a{ color: #333; text-decoration: none;}
a:hover{ color: #f50; text-decoration: none;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
input::-ms-clear, ::-ms-reveal{display: none;}
input:focus,textarea:focus { outline:none;}
.mask{ display: none; z-index: 9999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom:1;}
:root .mask{filter:none\9;}/*for IE9*/
.outHide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box{ width: 1200px; margin: 0 auto; position: relative; max-height: 99999px;}

.topbar{ min-width: 1200px; height: 30px; line-height: 30px; background: #fafafa; border-bottom: 1px solid #dfdfdf; font-size: 12px; color: #666; position: relative; z-index: 88;}
.topbar_l{ float: left; width: 45%;}
.topbar_l a{ color: #666;}
.topbar_l a:hover{ color: #f50;}
.top_xl_box{ float: left; position: relative;}
.top_xl{ display: inline-block; padding: 0 10px; color: #666; border-left: 1px solid #fafafa; border-right: 1px solid #fafafa; position: relative;}
.top_xl_active{ height: 31px; background: #fff; border-color: #dfdfdf;}
i.top_arrow{ display:inline-block;width:9px;height:6px;overflow:hidden; margin-left: 5px; *margin-top: -10px; background: url(../images/xjt10.png); -webkit-transition: all 0.1s; transition: all 0.1s;}
.top_xl_box:hover i.top_arrow{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.top_xl_info{ display: none; position: absolute; background: #fff; top: 31px; border: solid 1px #dfdfdf; border-top: 0;}
.top_link{ color: #3b73ab; padding: 0 5px; display: inline-block; margin-bottom: -10px; height: 30px; max-width: 230px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.topbar_r{ float: right; width: 50%;}
.top_rightinfo{ right: 0; width: 290px; padding: 10px;}
.top_dh_box{ margin-bottom: 15px; max-height: 9999px;}
.top_dh_l{ float: left; width: 80px; font-weight: bold; color: #f50;}
.top_dh_r{ float: right; width: 205px; padding-top: 3px; line-height: 0;}
.top_dh_r a{ color: #666; display: inline-block; height: 12px; line-height: 12px; margin: 6px 0; margin-right: 6px; border-right: 1px solid #e5e5e5; padding-right: 6px;}
.top_dh_r a:last-child{ border-right: 0;}
.top_dh_r a:hover{ color: #f50;}
.top_hyzx{ left: 0; width: 190px; padding: 10px;}
.top_hyzx_box{ float: left; width: 45%; margin-right: 5%;}
.top_hyzx_tit{ color: #666; font-weight: bold;}
.top_hyzx_link{ display: block; height: 25px; line-height: 25px; color: #666;}
.top_hyzx_b_box{ float: left; width: 100%; border-bottom: 1px dashed #d5d5d5; margin-bottom: 5px; padding-bottom: 5px; max-height: 9999px;}
.top_hyzx_b_box .top_hyzx_link{ float: left; width: 45%; margin-right: 5%; *margin-right: 4%;}
.top_fr{ right: 0; left: inherit;}
.fr{ float: right;}

.header{ height: 100px; border-bottom: 2px solid #f50;}
.logo{ float: left; margin-top: 22px;}
.logo_r_txt{ float: left; height: 55px; line-height: 55px; margin: 24px 0 0 15px; padding-left: 15px; overflow: hidden; font-size: 25px; font-weight: bold; letter-spacing: 2px; color: #5c5c5c; background: url(../images/h_bg.png) left center no-repeat;}
.logo_r_phone{ float: right; margin-top: 16px; padding-left: 72px; font-size: 18px; color: #2c2c2c; background: url(../images/h_dh.png) left center no-repeat;}
.logo_r_phone_t{ margin-top: 6px;}
.logo_r_phone_b{ margin-top: -10px; font-size: 32px; font-family: Impact; color: #ff4e00;}

.footer{ position: relative; clear: both; background: #fff; border-top: 2px solid #FF4E00; padding-top: 10px; min-width: 1200px; overflow: hidden;}
.letter_class,.footer_lj{ height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
.letter_class{ color: #ccc; font-size: 12px;}
.letter_class span{ color: #039;}
.letter_class a{ padding: 0 8px; color: #039; margin: 0 5px;}
.letter_class a:hover{ color: #f60; text-decoration: underline;}
.footer_lj a{ padding: 0 8px;}
.footer_lj a:hover{ text-decoration: underline;}
.footerTxt{width:1200px; line-height:25px; margin:5px auto 20px;text-align: center;}
.footerTxt p{clear:both;width:100%;margin:0 auto;color: #999;text-align: center; line-height:28px;}
.footerTxt p span{padding: 0 10px;}
.footerTxt p a{ color: #555;}
.footerTxt p a:hover{ color: #555; text-decoration: underline;}
.footerTxt p.orange{ color: #f60;}
.footerTxt p.orange a{ color: #f60;}
.footerTxt p.orange a:hover{ color: #f60; text-decoration: underline;}
.footerTxt .sina{ display: inline-block; width: 18px; height: 18px; margin: 0 0 -4px 10px; background: url(../images/f_wb.png);}
.footerTxt .wxcode{ z-index: 99; display: inline-block; width: 18px; height: 18px; padding: 0; margin: 0 0 -4px 10px; background: url(../images/f_wx.png); position: relative;}
.footerTxt .wxcode img{ display: none; position: absolute; top: -45px; right: -100px; width: 100px; height: 100px; z-index: 9;}
.footerTxt .wxcode:hover img{ display: block;}
.bottom_img{width:620px;margin:10px auto 20px;height:47px;}
.bottom_img ul li{float:left;margin:0 10px;position:relative;height:47px;line-height: 0;overflow: hidden;}

.mzsm_box{ width: 900px; margin: 0 auto;}
.mzsm_tit{ font-size: 24px; font-weight: bold; text-align: center; margin: 50px 0 35px; letter-spacing: 2px;}
.mzsm_info{ margin-bottom: 80px; font-size: 15px; line-height: 30px; color: #333; letter-spacing: 1px;}
.mzsm_info p{ margin-bottom: 15px;}


@media screen and (max-width:979px){
    .topbar,.logo_r_phone,.path,.footer{ display: none;}
    body{ min-width: 0;}
    .box{ width: 100%; box-sizing: border-box; padding: 0 15px;}
    .logo{height: 32px;margin-top: 30px;}
    .logo_r_txt{font-size: 18px;color: #777;margin-top: 20px;}
    .mzsm_box{ width: 100%; padding: 0 15px; box-sizing: border-box;}
}
@media screen and (max-width:767px){
    
}
@media screen and (max-width:413px){
    .mzsm{ font-size: 12px;}
}
@media screen and (max-width:374px){
	.header{ height: 75px;}
    .logo{height: 26px;margin-top: 22px;}
    .logo_r_txt{margin-top: 9px;font-size: 14px;font-weight: normal;}
}