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, center, 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, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 16px; -webkit-tap-highlight-color: transparent; }

body { font-family: "Microsoft Yahei"; font-size: 16px; line-height: 1.5; color: #464646; background-color: #fff; -webkit-font-smoothing: antialiased; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #666; text-decoration: none; }

a:hover { color: #3a6dff; text-decoration: none; }

a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.float-left { float: left !important; }

.float-right { float: right !important; }

.clearfix:after { display: block; content: ""; clear: both; }

.text-center { text-align: center; }

.container { width: 1230px; min-width: 1230px; padding: 0 15px; margin: 0 auto; }

.header { min-width: 1200px; height: 80px; font-size: 20px; background-color: #fff; }
.header-logo { font-size: 26px; line-height: 64px; margin-top: 6px; color: #464646; }
.header-logo img { margin-right: 10px; }
.header-nav { margin-top: 24px; }
.header-nav li { float: left; margin-left: 20px; width: 106px; text-align: center; }
.header-nav .active { position: relative; }
.header-nav .active a { color: #3a6dff; }
.header-nav .active:after { content: ''; position: absolute; left: 50%; top: -24px; width: 106px; height: 7px; background-color: #3a6dff; margin-left: -53px; }
.header .search { width: 200px; margin-top: 20px; margin-left: 30px; }
.header .search-inp { border-color: #ccc; }

.footer { min-width: 1230px; font-size: 16px; color: #fff; background-color: #30343e; }
.footer-nav { padding: 35px 0 20px; }
.footer-nav dl + dl { margin-left: 115px; }
.footer-nav dt { font-size: 20px; margin-bottom: 1em; margin-top: 0.5em; }
.footer-nav dd a { display: block; color: #999; }
.footer-nav dd a + a { margin-top: 10px; }
.footer-nav dd a:hover { color: #3a6dff; }
.footer-nav .wechat { position: relative; }
.footer-nav .wechat-qrcode { position: absolute; right: -90px; top: 5px; width: 100px; height: 100px; display: none; }
.footer-nav .wechat:hover .wechat-qrcode { display: block; }
.footer-logo { margin-right: 65px; padding-left: 70px; font-size: 24px; line-height: 53px; background: url(../image/bottom_logo.png) no-repeat left center; background-size: 62px 53px; }
.footer-copyright { color: #666; font-size: 18px; padding: 20px 0; background-color: #292c33; }
.footer-copyright p { margin-left: 238px; }
.footer-copyright p + p { margin-top: 10px; }