@charset "utf-8";
/*css reset code */
img, legend { border: 0; }
legend, td, th { padding: 0; }
html { font-family: 'Microsoft YaHei',Arial,sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body { max-width: 750px; background-color: #fff; margin: 0 auto; overflow-x: hidden; color: #333; padding-bottom: 1rem; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; text-decoration: none; color: black; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, optgroup, strong { font-weight: 700; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: .67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre, textarea { overflow: auto; }
code, kbd, pre, samp { font-family: Menlo,Consolas,monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
input { outline: none; line-height: normal; }
button, select { text-transform: none; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }
table { border-collapse: collapse; border-spacing: 0; }
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; }
input:autofill, select:autofill, textarea:autofill { box-shadow: 0 0 0 1000px #fff inset; }
.fc:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.fl { float: left;}
.fr { float: right; }
.min-w320 { min-width: 320px; }
menu, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
.mask { background: #4b4b4b; width: 100%; height: 100%; opacity: .6; position: fixed; top: 0; left: 0; z-index: 100; pointer-events: auto; }
dd, dl, dt, li, ol, ul { list-style: none; }
.w100 { width: 100%; }
.blue { color: #3b82c4; }
.gray { color: #939393; }
.clear { clear: both; }
.te-left { text-align: left; }
.te-right { text-align: right; }
.Validform_wrong, .Validform_checktip { color: red; }
.pd6 { padding-bottom: 4rem; }
.height2 { height: 2rem; }
.height3 { height: 3rem; clear: both; }
.mgr { margin-right: 0 !important; }
.mgt { margin-top: 0 !important; }
.mgb { margin-bottom: 0 !important; }
.mg0 { margin: 0 auto !important; display: block; }
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.hidden { overflow: hidden; }
.none { display: none; }
.red { color: red !important; }
.yellow { color: #ff9901; }
.font12 { font-size: 0.853rem !important; }
.font14 { font-size: 0.995rem !important; }
.font15 { font-size: 1.07rem !important; }
.font16 { font-size: 1.138rem !important; }
.font18 { font-size: 1.28rem!important; }
.font20 { font-size: 1.42rem !important; }
.font24 { font-size: 1.7rem !important; }
.position_r { position: relative; }
.position_a { position: absolute; }
.cfff { color: #fff !important; }
.c000 { color: #000 !important; }
.c111 { color: #111 !important; }
.c333 { color: #333 !important; }
.c666 { color: #666 !important; }
.c999, .c999 a { color: #999 !important; }
.clan { color: #00a2ff !important; }
.ccen { color: #E18258; }
time { color: #999; font-size: 12px; }
.border_b { border-bottom: none !important; }
.border_r { border-right: none !important; }
.border_l { border-left: none !important; }
.hover_none:hover { color: #fff; }
.hover_none1:hover { color: #00a2ff; }
.text-ellipsis { white-space: nowrap; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; display: block; }
.bg-white { background-color: #fff; }
.bold { font-weight: bold; }
.pointer { cursor: pointer; }

@media only screen and (max-width:320px) {
    html { font-size: 12px; }
}

@media only screen and (min-width:321px) and (max-width:359px) {
    html { font-size: 13px; }
}

@media only screen and (width:360px) {
    html { font-size: 13.5px; }
}

@media only screen and (min-width:361px) and (max-width:383px) {
    html { font-size: 14px; }
}

@media only screen and (width:384px) {
    html { font-size: 14.4px; }
}

@media only screen and (min-width:385px) and (max-width:413px) {
    html { font-size: 15px; }
}

@media only screen and (width:414px) {
    html { font-size: 15.525px; }
}

@media only screen and (min-width:415px) and (max-width:460px) {
    html { font-size: 17px; }
}

@media only screen and (min-width:461px) and (max-width:500px) {
    html { font-size: 19px; }
}

@media only screen and (min-width:501px) and (max-width:550px) {
    html { font-size: 20px; }
}

@media only screen and (min-width:551px) and (max-width:599px) {
    html { font-size: 21px; }
}

@media only screen and (min-width:600px) and (max-width:639px) {
    html { font-size: 22.5px; }
}

@media only screen and (width:640px) {
    html { font-size: 24px; }
}

@media only screen and (min-width:641px) and (max-width:700px) {
    html { font-size: 24.5px; }
}

@media only screen and (min-width:701px) and (max-width:749px) {
    html { font-size: 26px; }
}

@media only screen and (min-width:750px) {
    html { font-size: 28.125px; }
}
/*顶部导航*/
.top_menu{width:95%;margin:0 auto;height:75px;}
.top_menu ul li{float:left;margin-right: 12%;height:75px;line-height:75px;}
.top_menu ul li:last-child{margin-right:0;}
.top_menu ul li .logo img{width: 60px;display: block;margin-top: 21px;}
.top_menu .phone{display:inline-block;width: 19px;height: 19px;float: left;margin-top: 28px;}
/*banner*/
.banner{width:100%;height:auto;display:block;}

/*专题页验证码弹窗*/
.verification{width:74%;position:fixed;top:50%;left:50%;margin-top:-111px;margin-left:-37%;background-color:#fff;height: 222px;font-size:12px;display:none;}
.verification h3{font-weight: normal;color: #E18258;margin: 18px 0;font-size:14px;}
.verification input[type=text]{width: 194px;margin:0 auto;background: #FDFDFD;border: 1px solid #DBDBDB;border-radius: 4px;height: 32px;line-height: 32px;padding-left: 10px;display: block;}
.verification .verification_img{background: #D8D8D8;height:32px;line-height:32px;margin:0 auto;width:94px;margin-top:12px;margin-bottom:5px;}
.verification input[type=submit]{width:205px;height:36px;line-height:36px;color:#fff;text-align:center;font-size:14px;margin:0 auto;background-color:#00A2FF;display:block;margin-top:16px;}
.verification .close{position:absolute;width:14px;height:14px;border:solid 1px #666;border-radius:100%;text-align:center;top: 10px;right: 10px;display: inline-block;}
.verification .close:before{content:"x";font-size: 12px;display: inherit;margin-top: -3px;}

#hui-toast{width:100%; position:fixed; z-index:121; left:0; bottom:200px; text-align:center;}
#hui-toast-msg{margin:0 auto; height:36px; line-height:36px; background:rgba(0,0,0,0.7); padding:2px 10px; color:#FFFFFF; font-size:14px; text-align:center; max-width:200px; border-radius:6px; display:inline-block;}