.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@charset "UTF-8";
.padding-hor-reset {
    padding-left: 0;
    padding-right: 0
}

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;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased
}

html {
    line-height: 1;
    font-family: "Microsoft YaHei", "宋体", tohoma, Arial
}

body {
    font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif !important;
    font-size: 12px;
    background: #e9eded;
    color: #333
}

button, input[type='number'], input[type='text'], input[type='password'], input[type='email'], input[type='search'], textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none
}

i, em {
    font-style: normal
}

ol, ul {
    list-style: none
}

q, blockquote {
    quotes: none
}

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

a {
    color: #333;
    background: transparent;
    text-decoration: none
}

a:focus, a:hover {
    text-decoration: none
}

img {
    vertical-align: top
}

.left {
    float: left
}

.right {
    float: right
}

.hide {
    display: none
}

.clearfix {
    zoom: 1
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    clear: both
}

.board-top-spacing {
    margin-top: 20px
}

.main-con {
    background: #fff;
    border: 1px solid #ebedf2
}

@charset "UTF-8";
.padding-hor-reset {
    padding-left: 0;
    padding-right: 0
}

.footer {
    position: relative;
    margin-top: 30px;
    padding-bottom: 30px;
    height: auto;
    height: 180px \0;
    background: #3c3d41
}

.footer a, .footer .copyright {
    color: rgba(255, 255, 255, .7)
}

.footer img {
    max-width: 100%
}

.footer h3 {
    padding: 40px 0 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-transform: uppercase
}

.footer ul {
    margin-top: 15px;
    margin-left: 0;
    padding-left: 0;
    color: #7f8c8d;
    font-size: 13px;
    list-style-type: none
}

.footer ul li a {
    padding: 0 0 5px 0;
    display: block
}

.footer-nav {
    padding-bottom: 30px;
    border-bottom: 1px solid #525252
}

.copyright {
    margin-top: 20px;
    line-height: 22px
}

.copyright a.icp {
    margin-left: 10px;
    margin-right: 10px
}

.copyright img {
    margin-top: 3px;
    margin-right: 2px
}

.goTop {
    display: block;
    position: absolute;
    bottom: 213px;
    right: -86px;
    width: 60px;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
    font-size: 0;
    overflow: hidden;
    background: #f5f6f8 url(/static/frontend/icons_common.png) no-repeat 0 -59px
}

.goTop:hover {
    padding-top: 10px;
    height: 56px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #b8bbbf
}

.QRcode {
    margin-top: 18px
}

.QRcode span {
    display: inline-block;
    width: 100px;
    text-align: center;
    color: rgba(255, 255, 255, .7)
}

.QRcode span.wb {
    margin-right: 30px
}

.QRcode span img {
    margin-bottom: 10px
}

@charset "UTF-8";
.padding-hor-reset {
    padding-left: 0;
    padding-right: 0
}

#top-header {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    background: url(/static/frontend/top_header_bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.ww-header {
    padding-top: 50px;
    background: url(/static/frontend/banner.jfif) no-repeat left center;
}

.navbar-header a .logo {
    margin-top: 3px;
    height: 46px
}

.navbar-default .navbar-nav > li > a {
    display: inline-block;
    padding-bottom: 20px;
    color: #fff;
    font-size: 16px
}

.navbar-default .navbar-nav > li > a:hover {
    color: #60f900
}

.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a.active:focus, .navbar-default .navbar-nav > li > a.active:hover {
    border-bottom: 2px solid #60f900;
    color: #60f900
}

.navbar-default .navbar-nav > li > a.dropdown-toggle {
    font-size: 14px
}

.navbar-default .navbar-nav > li.toLog:before {
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-left: 1px solid #ddd
}

.navbar-default .navbar-nav > li.toLog > a {
    font-size: 12px
}

.navbar-default .navbar-nav > li.toLog > a.sign {
    color: #60f900
}

.dropdown {
    display: none \9
}

:root .dropdown {
    display: inline-block \9
}

.dropdown-menu > li > a {
    padding: 8px 0 8px 26px;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    #top-header {
        background-image: inherit;
        background-color: inherit;;
    }
    .ww-header {
        padding-top: 0;
        background-image: inherit;
        background-color: inherit;
    }

    .navbar-header a .logo {
        margin-top: 5px;
        margin-left: 20px;
        height: 35px
    }

    .navbar-header .page-title {
        margin: -30px auto;
        width: 60%;
        text-align: center;
        font-size: 1.8rem;
        color: #7a8190
    }

    .navbar-default .navbar-nav hr {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .navbar-default .navbar-nav > li {
        position: relative;
        padding: 0 23px 0 19px;
        line-height: 37px
    }

    .navbar-default .navbar-nav > li > a {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 8px;
        padding-bottom: 10px;
        padding-left: 47px;
        width: 100%;
        height: 100%;
        color: #536079
    }

    .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a.active:focus, .navbar-default .navbar-nav > li > a.active:hover {
        border-bottom: 0;
        color: #f55e00;
    }

    .navbar-default .navbar-nav > li.toLog > a {
        width: 50%;
        text-align: center;
        font-size: 14px;
        color: #f55e00
    }

    .navbar-default .navbar-nav > li > a:hover {
        color: #f55e00;
    }

    .navbar-default .navbar-nav > li.toLog > a.sign {
        left: 50%;
        border-left: 1px solid #e3e3e3
    }

    .navbar-default .navbar-nav > li i {
        margin-top: 10px;
        color: #9393ae;
        font-size: 16px
    }

    .navbar-default .navbar-nav > li i.fa-chevron-right {
        color: #c5c5d3
    }

    .navbar-default .navbar-nav > li.toLog:before {
        border-left: 0
    }

    .navbar-default .navbar-collapse {
        border-top: 5px solid #d9dede
    }

    .navbar-default .navbar-toggle {
        border: 0;
        font-size: 20px;
        color: #9ba0a6
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ef7a46
    }

    .navbar-default .navbar-toggle:hover {
        background: 0
    }
}