@charset "utf-8";

@font-face {
    font-family: 'HarmonyOS_Sans_SC';
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS_Sans_SC';
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS_Sans_SC';
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS_Sans_SC';
    src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'YouSheBiaoTiHei';
    src: url('../fonts/YouSheBiaoTiHei.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}
/*初始化样式*/
* {
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

html, body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p, h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, li {
    margin: 0;
    padding: 0;
}
/*body{background-color:#fff;color:#333;font:400 16px/1.875em 'HarmonyOS_Sans_SC','Arial','Sans-serif';overflow-x:hidden;word-wrap:break-word;}*/
body {
    background-color: #fff;
    color: #333;
    font: 400 16px/1.875em arial, "Hiragino Sans GB","Microsoft Yahei", 微软雅黑, 宋体, Tahoma, Arial, Helvetica,'Sans-serif';
    overflow-x: hidden;
    word-wrap: break-word;
}
/*body{background-color:#fff;color:#333;font:400 16px/1.875em 'Helvetica Neue','Helvetica','Arial','Sans-serif';overflow-x:hidden;word-wrap:break-word;}*/
a {
    text-decoration: none;
    outline: none;
    color: #333;
}

    a:focus {
        -moz-outline: none;
        outline: none;
    }

    a:hover {
        color: #2a94f3;
    }

    a img {
        border: none;
    }

video,
img {
    max-width: 100%;
    vertical-align: middle;
}

li {
    list-style: none;
}

select, input, textarea, button {
    border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
    font-family: 'HarmonyOS_Sans_SC','Arial','Sans-serif';
}

    input:focus {
        outline: none;
    }

textarea {
    resize: none;
}

input[type='text']::-moz-placeholder {
    opacity: 0.75;
}

input[type='text']:-moz-placeholder {
    opacity: 0.75;
}

input[type='text']::-webkit-input-placeholder {
    opacity: 0.75;
}

input[type='text']:-ms-input-placeholder {
    opacity: 0.75;
}

table {
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    border-top: solid 1px #e4e4e4;
    border-left: solid 1px #e4e4e4;
    box-sizing: border-box;
}

    table th {
        background-color: #f9f9f9;
        text-align: center;
        box-sizing: border-box;
    }

    table td, table th {
        padding: 5px;
        border: 1px solid #e4e4e4;
        box-sizing: border-box;
    }

/*全局样式*/
.inner {
    width: 93.75%;
    max-width: 1200px;
    margin: 0 auto;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.figure {
    overflow: hidden;
    position: relative;
}

    .figure a {
        display: block;
    }

    .figure img {
        display: block;
        width: 100%;
        height: auto;
    }

    .figure .img {
        background: no-repeat center center;
        background-size: 100% 100%;
        display: block;
        transition: all .3s;
    }

@media screen and (min-width: 1700px) {
    .figure .sub-link {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 78%;
        height: 100%;
        z-index: 100;
        background-color: transparent;
        display: -webkit-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 28px 180px;
    }
}

@media screen and (max-width: 1700px) {
    .figure .sub-link {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 78%;
        height: 100%;
        z-index: 100;
        background-color: transparent;
        display: -webkit-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 28px 180px;
    }
}

@media screen and (max-width: 1600px) {
    .figure .sub-link {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 78%;
        height: 100%;
        z-index: 100;
        background-color: transparent;
        display: -webkit-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 38px 140px;
    }
}

@media screen and (max-width: 1400px) {
    .figure .sub-link {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 78%;
        height: 100%;
        z-index: 100;
        background-color: transparent;
        display: -webkit-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 58px 100px;
    }
}

@media screen and (max-width: 1400px) {
    .figure .sub-link {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 78%;
        height: 100%;
        z-index: 100;
        background-color: transparent;
        display: -webkit-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 58px 80px;
    }
}

@media screen and (max-width: 996px) {
    .figure .sub-link {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 78%;
        height: 100%;
        z-index: 100;
        background-color: transparent;
        display: -webkit-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 28px 60px;
    }
}

@media screen and (max-width: 768px) {
    .figure .sub-link {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 78%;
        height: 100%;
        z-index: 100;
        background-color: transparent;
        display: -webkit-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 18px 30px;
    }
}


.figure .sub-link a {
    margin: 0px 0px 0px 0px;
    height: 100%;
    width: auto;
}

.figure .sub-link .sub-link-img {
    height: 100%;
    width: auto;
    border: 1px #eee solid;
    border-radius: 3px;
    transition: height 0.2s;
}

    .figure .sub-link .sub-link-img:hover {
        height: calc(100% + 2px);
        width: auto;
        border: 1px #eee solid;
        border-radius: 3px;
    }

.rows {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.submit {
    cursor: pointer;
}
/* Slider */
.slick-load {
    display: none;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    font-size: 0;
    line-height: normal;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    /*top: -6px !important;*/
    top: 0px !important;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    overflow: hidden;
    text-indent: -99999em;
    font-size: 0;
    background: no-repeat 0 0;
    background-size: 100% auto;
    cursor: pointer;
}

.slick-dots {
    font-size: 0;
    line-height: normal;
}

    .slick-dots button {
        display: block;
        border: none;
        background-color: transparent;
        cursor: pointer;
    }


/*entry*/
.entry {
    color: #555;
    line-height: 1.75em;
}

    .entry img {
        max-width: 100%;
        height: auto !important;
    }

    .entry ul, .entry ol {
        margin-left: 3em;
    }

        .entry ul li {
            list-style: outside disc none;
        }

        .entry ol li {
            list-style: outside decimal none;
        }

    .entry h1 {
        font-size: 1.5em;
    }

    .entry h2 {
        font-size: 1.25em;
    }

    .entry h3 {
        font-size: 1.125em;
    }

    .entry h4 {
        font-size: 1em;
    }

    .entry h5 {
        font-size: 0.875em;
    }

    .entry h6 {
        font-size: 0.75em;
    }

    .entry blockquote {
        margin: 0 2em;
        font-style: italic;
        opacity: .95;
        padding: 1em;
        border: 1px solid #e8e8e8;
        background-color: #f9f9f9;
    }

    .entry hr {
        border: none;
        clear: both;
        border-bottom: 1px solid #e6e6e6;
    }

.default-content-style {
    font-size: 16px/1.875em;
    font-family: SimSun;
    width: 80%;
    margin: 0px auto;
}

    .default-content-style p {
        font-size: 16px !important;
        font-family: SimSun !important;
        margin: 0px !important;
        padding: 0px !important;
        text-align: justify;
        line-height: 32px;
        /*text-indent: 2em !important;*/
    }

        .default-content-style p span {
            font-size: 16px !important;
            font-family: SimSun !important;
            margin: 0px !important;
            padding: 0px !important;
            text-align: justify !important;
            line-height: 32px !important;
        }
    /*.default-content-style p img{width:100% !important;}*/
    .default-content-style div {
        font-size: 16px !important;
        font-family: SimSun !important;
        margin: 0px !important;
        padding: 0px !important;
        text-align: justify;
        line-height: 32px;
        /*text-indent: 2em !important;*/
    }

        .default-content-style div span {
            font-size: 16px !important;
            font-family: SimSun !important;
            margin: 0px !important;
            padding: 0px !important;
            text-align: justify;
            line-height: 32px;
        }

        .default-content-style div img {
            display: block;
            width: 80% !important;
            margin: 0 auto;
        }

.custom-content-style {
    font-size: 16px/1.875em;
    font-family: SimSun
}

    .custom-content-style p {
    }

.default-content-style p img {
    display: block;
    width: 80% !important;
    margin: 0 auto;
}

.default-content-style a {
    text-decoration: underline;
    color: #2a94f3;
}

.post-file-box {
    margin: 50px 0px 20px 0px;
}

    .post-file-box ul {
        margin: 0;
    }

        .post-file-box ul li {
            list-style-type: none;
            vertical-align: middle;
        }

            .post-file-box ul li a {
                font-size: 14px;
            }

/*footer*/
#footer {
    background-color: #333;
    color: #fff;
    padding: 1.14583333% 0;
}

    #footer a {
        display: inline-block;
        vertical-align: middle;
    }

/*bottom*/
#bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    overflow: hidden;
    font-size: 0.875em;
    color: rgba(255,255,255,0.4);
    line-height: 1.75em;
    padding: 1% 0;
}

    #bottom a {
        color: rgba(255,255,255,0.4);
    }

        #bottom a:hover {
            color: #fff;
        }

/*pagelist*/
#pagelist {
    float: right;
}

    #pagelist ul {
        overflow: hidden;
    }

    #pagelist li {
        float: left;
        padding-left: 1.14285714em;
    }

    #pagelist a {
        text-decoration: underline;
    }

/*copyright*/
#copyright {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

    #copyright span {
        padding: 0px 20px 0px 0px;
    }

    #copyright a {
        padding: 0px 20px 0px 0px;
    }

/*bfoot*/
#bfoot {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 4.16666667% 0;
}

    #bfoot > div {
        display: table-cell;
        vertical-align: top;
    }

/*follow*/
#follow {
    width: 120px;
    font-size: 0.9375em;
    color: rgba(255,255,255,0.7);
    line-height: 1.5em;
    text-align: center;
}

    #follow .qrcode {
        margin-bottom: 0.66666667em;
    }

/*entrance*/
#entrance {
    width: 37.5%;
}

    #entrance .logo {
        margin-bottom: 7.55555556%;
        max-width: 90%;
    }

        #entrance .logo img {
            display: block;
        }

    #entrance ul {
        overflow: hidden;
    }

    #entrance li {
        width: 48.88888889%;
        float: left;
        font-size: 0.875em;
        line-height: 1.28571429em;
    }

        #entrance li:nth-child(2n) {
            float: right;
        }

    #entrance a {
        display: block;
        position: relative;
        padding-bottom: 31.81818182%;
        color: #fff;
        background: no-repeat center center;
        background-size: cover;
    }

    #entrance .txt {
        font-style: normal;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        padding: 0 10%;
        max-height: 2.57142857em;
        overflow: hidden;
    }

/*contact*/
#contact {
    text-align: center;
    padding: 0 1.5%;
}

    #contact ul {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

    #contact li {
        line-height: 2.25em;
        display: table;
        table-layout: fixed;
    }

    #contact span {
        display: table-cell;
        vertical-align: top;
    }

    #contact .name {
        width: 7em;
        position: relative;
        padding-left: 2em;
        white-space: pre-wrap;
    }

        #contact .name:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0.625em;
            width: 1.125em;
            height: 1.125em;
            background: no-repeat center center;
            background-size: contain;
        }

    #contact .addr:before {
        background-image: url(../images/svg_addr.svg);
    }

    #contact .code:before {
        background-image: url(../images/svg_code.svg);
    }

    #contact .mail:before {
        background-image: url(../images/svg_mail.png);
    }

    #contact .fax:before {
        background-image: url(../images/svg_fax.svg);
    }

    #contact .tel:before {
        background-image: url(../images/svg_tel.svg);
    }

    #contact .xwfyr:before {
        background-image: url(../images/xwfyr.svg);
    }

    #contact .frdjzs:before {
        background-image: url(../images/frdjzs.svg);
    }

    #contact .sfxx:before {
        background-image: url(../images/sfxx.svg);
    }

    #contact .fwqd:before {
        background-image: url(../images/fwqd.svg);
    }

/*links*/
#links {
    background-color: #517fd0;
    color: #fff;
    padding: 1.30208333% 0;
}

    #links a {
        color: #fff;
        letter-spacing: 1.6px;
    }

        #links a:hover {
            opacity: .75;
        }

    #links .inner {
        overflow: hidden;
    }

    #links span {
        display: block;
        float: left;
        letter-spacing: 1.6px;
    }

    #links ul {
        overflow: hidden;
        margin-left: 5em;
        padding-left: 2%;
    }

    #links li {
        float: left;
        font-weight: 300;
        margin-right: 3.125%;
    }

        #links li:last-child {
            margin-right: 0;
        }

/*topbar*/
#topbar {
    background-color: #fff;
    color: #666;
    font-weight: 500;
    font-size: 0.875em;
    line-height: 2.14285714em;
    padding: 0.2em 0;
    position: relative;
    z-index: 9;
}

    #topbar .inner {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    #topbar .header-right {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    #topbar .loginbar {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    #topbar .header-right span {
        padding: 0 1em;
    }

    #topbar .header-right .divider {
        width: 2px;
        height: 0.5em;
        content: '';
        background-color: #a9a9a9;
        padding: 0;
        margin: 0 5px;
    }

    #topbar a {
        color: #666;
    }

        #topbar a:hover {
            color: #2a94f3;
        }

/*welcome*/
@media screen and (max-width: 768px) {
    #welcome {
        display: none;
        vertical-align: middle;
    }

    .float-rk {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    #welcome {
        display: table-cell;
        vertical-align: middle;
    }

    .float-rk {
        display: block;
    }
}

#welcome span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/*search*/
#search {
    width: 21.66666667%;
    display: table-cell;
    vertical-align: middle;
}

    #search .input {
        position: relative;
        border-radius: 0.35714286em;
        overflow: hidden;
        padding-right: 3em;
    }

    #search .text {
        display: block;
        width: 100%;
        height: 32px;
        padding: 3px 1em;
        line-height: 24px;
        color: #666;
        border: 1px solid #eee;
    }

    #search .submit {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 3em;
        background: #1863ce url(../images/svg_search.svg) no-repeat center center;
        background-size: 1em 1em;
    }

/*login*/
#loginbar {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

    #loginbar .loginbox {
        padding: 0 0em;
        text-align: right;
        position: relative;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }

@media screen and (max-width: 768px) {
    #loginbar .loginbox .weblogin {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    #loginbar .loginbox .weblogin {
        color: #fff;
        background-color: #409eff;
        border-color: #409eff;
        cursor: pointer;
        border: 1px solid #dcdfe6;
        font-weight: 500;
        padding: 0px 10px;
        font-size: 14px;
        border-radius: 4px;
        margin-right: 0.85em;
    }

        #loginbar .loginbox .weblogin:hover {
            background: #66b1ff;
            border-color: #66b1ff;
            color: #fff;
        }

    #loginbar .loginbox .mobilelogin {
        text-decoration: underline;
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #loginbar .loginbox .mobilelogin {
        text-decoration: underline;
        color: #1E9FFF;
    }
}

#loginbar .loginbox .login-userinfo {
    width: auto;
    padding: 0px 0px;
    height: 26px;
    line-height: 26px;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    border-radius: 4px;
}

    #loginbar .loginbox .login-userinfo:hover {
        padding: 0px 0px;
        height: 26px;
        line-height: 26px;
        transition: all .3s;
        -webkit-transition: all .3s;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        cursor: pointer;
        /*background-color: #e5e5e5;*/
        border-radius: 4px;
        color: #2a94f3;
    }

    #loginbar .loginbox .login-userinfo .login-userimg {
        width: 24px;
        height: 24px;
        margin-right: 7px;
        /*border-radius: 50%;*/
    }

        #loginbar .loginbox .login-userinfo .login-userimg:hover {
            width: 24px;
            height: 24px;
            margin-right: 7px;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

    #loginbar .loginbox .login-userinfo .login-user-icon {
        width: 14px;
        height: 14px;
        margin-left: 5px;
    }

#loginbar .loginbox .login-user-box {
    display: none;
    position: absolute;
    right: -10px;
    top: 26px;
    width: 120px;
    line-height: 36px;
    padding: 15px 0px 0px 0px;
    border-style: solid;
    border-color: #eee;
    border-width: 0px 0px 1px 0px;
    background-color: transparent;
    z-index: 100;
    border-radius: 4px;
    white-space: nowrap;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

    #loginbar .loginbox .login-user-box .login-user-box-item {
        width: 100%;
        background-color: #fff;
        border-style: solid;
        border-color: #eee;
        border-width: 0px 1px 0px 1px;
        text-align: left;
    }

        #loginbar .loginbox .login-user-box .login-user-box-item a {
            display: block;
            width: 100%;
            padding: 0px 20px 0px 40px;
            box-sizing: border-box;
            background-color: #fff;
            color: #606266;
        }

            #loginbar .loginbox .login-user-box .login-user-box-item a:hover {
                background-color: #e8f0f8;
                color: #4984c7;
            }

        #loginbar .loginbox .login-user-box .login-user-box-item .item-personal-center {
            background: url("../images/icon/icon-personal-center.png") no-repeat;
            background-size: 16px 16px;
            background-position: 16px center;
        }

            #loginbar .loginbox .login-user-box .login-user-box-item .item-personal-center:hover {
                background: url("../images/icon/icon-personal-center1.png") no-repeat;
                background-size: 16px 16px;
                background-position: 16px center;
                background-color: #e8f0f8;
            }

        #loginbar .loginbox .login-user-box .login-user-box-item .item-admin {
            background: url("../images/icon/icon-admin.png") no-repeat;
            background-size: 16px 16px;
            background-position: 16px center;
        }

            #loginbar .loginbox .login-user-box .login-user-box-item .item-admin:hover {
                background: url("../images/icon/icon-admin1.png") no-repeat;
                background-size: 16px 16px;
                background-position: 16px center;
                background-color: #e8f0f8;
            }

        #loginbar .loginbox .login-user-box .login-user-box-item .item-exit {
            background: url("../images/icon/icon-exit.png") no-repeat;
            background-size: 16px 16px;
            background-position: 16px center;
        }

            #loginbar .loginbox .login-user-box .login-user-box-item .item-exit:hover {
                background: url("../images/icon/icon-exit1.png") no-repeat;
                background-size: 16px 16px;
                background-position: 16px center;
                background-color: #e8f0f8;
            }

    #loginbar .loginbox .login-user-box .login-user-box-item-top {
        border-width: 1px 1px 0px 1px;
        border-radius: 4px;
        height: 10px;
    }

    #loginbar .loginbox .login-user-box .login-user-box-item-bottom {
        height: 10px;
    }

    #loginbar .loginbox .login-user-box .Popover-arrow--bottom {
        height: 16px;
        -webkit-transform: translate(-50%,-100%);
        transform: translate(-50%,-100%);
        width: 32px;
    }

        #loginbar .loginbox .login-user-box .Popover-arrow--bottom:after {
            bottom: -8px;
            left: 50%;
        }

    #loginbar .loginbox .login-user-box .Popover-arrow {
        overflow: hidden;
        pointer-events: none;
        position: absolute;
    }

        #loginbar .loginbox .login-user-box .Popover-arrow:after {
            background: #fff;
            border: 1px solid #ebebeb;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            content: "";
            height: 24px;
            margin: -12px;
            pointer-events: auto;
            position: absolute;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 24px;
        }

/*site*/
#site {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1.66666667%;
    width: 225px;
}

    #site span {
        display: block;
        float: left;
        padding: 0 1.42857143em;
        position: relative;
    }

        #site span:not(:last-child):after {
            width: 2px;
            height: 0.5em;
            content: '';
            display: block;
            position: absolute;
            right: -1px;
            top: 50%;
            transform: translateY(-50%);
            background-color: #a9a9a9;
        }

/*header*/
#header {
    background-color: #fff;
}

    #header .inner {
        display: table;
        table-layout: fixed;
        position: relative;
        z-index: 8;
    }

        #header .inner .nav-box {
            width: 100%;
            position: relative;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
        }

    #header .header-right {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        font-size: 0.875em;
    }

    #header .loginbar {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    #header .header-right span {
        padding: 0 0.85em;
    }

    #header .header-right .divider {
        width: 2px;
        height: 0.5em;
        content: '';
        background-color: #a9a9a9;
        padding: 0;
        margin: 0 5px;
    }



/*logo*/
#logo {
    display: table-cell;
    vertical-align: middle;
    width: 21.5625em;
    padding: 0.1em 0;
    position: relative;
    z-index: 9;
}

    #logo h1 {
        padding-bottom: 19%;
        position: relative;
    }

    #logo a {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/logo.png) no-repeat left center;
        background-size: contain !important;
        text-indent: -99999em;
        overflow: hidden;
    }

/*navbtn*/
#navbtn {
    position: relative;
    cursor: pointer;
    width: 1.42857143em;
    height: 1.42857143em;
    display: none;
    z-index: 9;
}

    #navbtn:before, #navbtn:after, #navbtn span {
        width: 100%;
        height: 0.14285714em;
        background-color: #1863ce;
        display: block;
        position: absolute;
        left: 0;
        border-radius: 1px;
        transition: all .3s;
    }

    #navbtn:before {
        top: 2px;
        content: '';
    }

    #navbtn:after {
        bottom: 2px;
        content: '';
    }

    #navbtn span {
        top: 50%;
        transform: translateY(-50%);
    }

    #navbtn.active span {
        opacity: 0;
    }

    #navbtn.active:before {
        transform: rotate(45deg);
        top: 50%;
    }

    #navbtn.active:after {
        transform: rotate(-45deg);
        bottom: auto;
        top: 50%;
    }

/*navi*/
#navi {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.125em;
}

    #navi a {
        display: block;
        position: relative;
    }

    #navi em {
        display: none;
        position: absolute;
        left: 85%;
        top: 0;
        z-index: 4;
        cursor: pointer;
    }

        #navi em:after {
            width: 0.38888889em;
            height: 0.38888889em;
            border-right: 1px solid #444;
            border-bottom: 1px solid #444;
            transform: rotate(45deg);
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -0.27777778em 0 0 -0.27777778em;
        }

    #navi .parent {
        display: table;
        float: right;
    }

        #navi .parent > li {
            display: table-cell;
            vertical-align: middle;
            padding: 0 1.26666667em;
            line-height: 1.2em;
        }

            #navi .parent > li > a {
                white-space: pre-wrap;
                z-index: 3;
                padding: 1.22222222em 0;
                font-weight: 600;
                font-size: 1.1em;
                cursor: pointer;
            }

                #navi .parent > li > a:after {
                    width: 100%;
                    height: 0.12222222em;
                    background-color: #1863ce;
                    content: '';
                    display: block;
                    position: absolute;
                    left: 0;
                    bottom: 0.85em;
                    opacity: 0;
                }

        #navi .parent .on > a {
            color: #1863ce;
            font-weight: 600;
        }

        #navi .parent .current {
            font-weight: 700;
        }

            #navi .parent .current > a {
                color: #1863ce;
            }

                #navi .parent .current > a:after {
                    opacity: 1;
                }

    #navi .drop {
        position: absolute;
        left: 0;
        top: 100%;
        width: 120%;
        overflow: hidden;
        padding: 0 10% 10%;
        margin: 0 -10%;
        z-index: 2;
        display: none;
    }

    #navi .info {
        background: #fff url(../images/drop_shadow.png) repeat-x center top;
        background-size: auto 1.16666667em;
        padding: 1.11111111em 1.66666667em;
        /*box-shadow: 0px 2px 120px rgba(180,180,180,0.46);*/
        box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px;
        overflow: hidden;
    }

    #navi .title {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 0.375em;
    }

    #navi .name {
        font-size: 0.88888889em;
        text-align: center;
        width: 9.375em;
        color: #fff;
        height: 2.125em;
        line-height: 2.0625em;
        margin-bottom: -1px;
        position: relative;
        z-index: 2;
        background-color: #1863ce;
        background-image: linear-gradient(180deg,#2a94f3,#1864ce);
    }

    #navi .dj_title {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 0.375em;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    #navi .dj_name {
        font-size: 0.88888889em;
        text-align: center;
        padding: 0px 5px;
        color: #d92b2b;
        height: 2.125em;
        line-height: 2.0625em;
        margin-bottom: -1px;
        position: relative;
        z-index: 2;
        border-bottom: 2px solid #d92b2b;
    }

    #navi .dj_more {
        color: #666;
        white-space: nowrap;
        font-size: 14px;
        text-decoration: none;
    }

        #navi .dj_more:hover {
            color: #d92b2b;
            white-space: nowrap;
            font-size: 14px;
            text-decoration: none;
        }

    #navi .tab {
        font-size: 0.77777778em;
        line-height: 2em;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 0.42857143em;
        margin-bottom: 0.375em;
        color: #666;
    }

        #navi .tab span {
            margin-right: 5.47619048%;
            cursor: pointer;
        }

        #navi .tab .cur {
            font-weight: 700;
        }

    #navi .post {
        padding: 0.38888889em 0;
    }

        #navi .post li {
            font-size: 0.77777778em;
            line-height: 2em;
        }

        #navi .post a {
            color: #666;
            padding-left: 1.42857143em;
            padding-right: 7.14285714em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            #navi .post a:before {
                width: 0.28571429em;
                height: 0.28571429em;
                border-radius: 50%;
                background-color: #2a94f3;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            #navi .post a:hover {
                color: #2a94f3;
            }

        #navi .post time {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
        }

        #navi .post .more {
            color: #666;
            padding-left: 1.42857143em;
            padding-right: 7.14285714em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 14px;
            text-decoration: underline;
        }

            #navi .post .more:before {
                width: 0.28571429em;
                height: 0em;
                border-radius: 50%;
                background-color: #2a94f3;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            #navi .post .more:hover {
                color: #2a94f3;
            }

    #navi .dj_post {
        padding: 0.38888889em 0;
        min-height: 120px;
    }

        #navi .dj_post li {
            font-size: 0.77777778em;
            line-height: 2em;
        }

        #navi .dj_post a {
            color: #666;
            padding-left: 1.42857143em;
            padding-right: 7.14285714em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            #navi .dj_post a:before {
                width: 0.28571429em;
                height: 0.28571429em;
                border-radius: 30%;
                background-color: #666;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            #navi .dj_post a:hover {
                color: #d92b2b;
            }

        #navi .dj_post time {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
        }

        #navi .dj_post .more {
            color: #666;
            padding-left: 1.42857143em;
            padding-right: 7.14285714em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 14px;
            text-decoration: underline;
        }

            #navi .dj_post .more:before {
                width: 0.28571429em;
                height: 0em;
                border-radius: 50%;
                background-color: #2a94f3;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            #navi .dj_post .more:hover {
                color: #2a94f3;
            }

        #navi .dj_post .dj_empty {
            text-align: center;
            box-sizing: border-box;
            padding: 40px 0;
            font-size: 14px;
        }

    #navi .dj_banner_box {
        padding: 25px 0px;
        text-align: center;
        margin-bottom: 20px;
        height: 179px;
        width: 100%;
        box-sizing: content-box;
    }

        #navi .dj_banner_box .link {
            font-size: 32px;
            font-weight: bold;
            color: #f6d597;
            line-height: 50px;
            max-height: 100px;
            overflow: hidden;
            display: block;
        }

            #navi .dj_banner_box .link:hover {
                color: #f6d597;
                text-decoration: underline;
            }

        #navi .dj_banner_box p {
            font-size: 16px;
            color: #fff;
            line-height: 30px;
            width: 850px;
            margin: 0 auto;
            margin-top: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

/*dropAbout*/
.dropAbout {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .dropAbout .quick, .dropAbout .list {
        display: table-cell;
        vertical-align: top;
    }

    .dropAbout .quick {
        width: 13.75em;
        font-size: 0.88888889em;
        line-height: 1.5em;
        text-align: center;
        font-weight: 700;
    }

        .dropAbout .quick ul {
            overflow: hidden;
        }

        .dropAbout .quick li {
            width: 33%;
            float: left;
            padding: 4.54545455% 0;
        }

            .dropAbout .quick li:nth-child(2n) {
                /*float: right;*/
            }

        .dropAbout .quick a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dropAbout .quick i {
            display: block;
            width: 50.50505051%;
            padding-bottom: 50.50505051%;
            border-radius: 50%;
            background: #f0f7ff no-repeat center center;
            background-size: 56% auto;
            margin: 0 auto 7.57575758%;
        }

    .dropAbout .column {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
    }

    .dropAbout .box {
        padding-left: 4.34782609%;
        width: 50%;
        padding-top: 1.44444444em;
    }

    .dropAbout .item {
        display: none;
    }

        .dropAbout .item:first-child {
            display: block;
        }

    .dropAbout .box2 {
        padding-left: 2.34782609%;
        width: 33%;
        padding-top: 1.44444444em;
    }

/*dropDJ*/
.dropdj {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 1.11111111em 0em !important;
}

    .dropdj .list {
        margin: 0px;
        width: 96%;
        margin-bottom: 15px;
    }

    .dropdj .quick {
        display: table-cell;
        vertical-align: top;
    }

    .dropdj .quick {
        width: 13.75em;
        font-size: 0.88888889em;
        line-height: 1.5em;
        text-align: center;
        font-weight: 700;
    }

        .dropdj .quick ul {
            overflow: hidden;
        }

        .dropdj .quick li {
            width: 45%;
            float: left;
            padding: 4.54545455% 0;
        }

            .dropdj .quick li:nth-child(2n) {
                float: right;
            }

        .dropdj .quick a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dropdj .quick i {
            display: block;
            width: 50.50505051%;
            padding-bottom: 50.50505051%;
            border-radius: 50%;
            background: #f0f7ff no-repeat center center;
            background-size: 56% auto;
            margin: 0 auto 7.57575758%;
        }

    .dropdj .column {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        justify-content: space-around;
    }

    .dropdj .box {
        width: 30%;
        padding-top: 1.44444444em;
    }

    .dropdj .item {
        display: none;
    }

        .dropdj .item:first-child {
            display: block;
        }

    .dropdj .quick {
        display: none;
    }

/*dropVip*/
.dropVip .item {
    padding: 0.25555556em;
}

.dropVip .box {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0.53333333em 0;
}

.dropVip .left {
    font-weight: 700;
    font-size: 0.88888889em;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 8.75em;
    text-align: center;
    line-height: 1.75em;
}

    .dropVip .left a {
        padding: 0 0.9375em;
        border-right: 1px solid transparent;
    }

    .dropVip .left i {
        display: block;
        width: 32px;
        padding-bottom: 32px;
        background: no-repeat center center;
        background-size: contain;
        margin: 0 auto;
    }

    .dropVip .left em {
        height: 28px;
    }

.dropVip .list {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0.55555556em 0 1.11111111em;
}

    .dropVip .list ul {
        overflow: hidden;
    }

    .dropVip .list li {
        float: left;
        padding: 0.25714286em;
        width: 13.57142857em;
        font-size: 0.77777778em;
        line-height: 2.14285714em;
    }

    .dropVip .list .w2 {
        width: 27.14285714em;
    }

    .dropVip .list a {
        color: #fff;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .dropVip .list a:hover {
            opacity: .75;
        }

    .dropVip .list i {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        max-width: 100%;
        top: 50%;
        font-style: normal;
        margin-top: -1.07em;
        background: no-repeat left center;
        background-size: 1.28571429em auto;
        display: block;
        padding-left: 2.14285714em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.dropVip .blue {
    background-image: linear-gradient(180deg,#deeaff,#ecf6ff);
}

    .dropVip .blue .left a {
        border-right-color: rgba(73,147,248,0.5);
    }

    .dropVip .blue .list a {
        padding-bottom: 33.33333333%;
        background-image: linear-gradient(180deg,#2a94f3,#6ec6ff);
    }

.dropVip .red {
    background-image: linear-gradient(180deg,#fef4f3,#fffcfb);
}

    .dropVip .red .left a {
        border-right-color: rgba(238,121,100,0.5);
    }

    .dropVip .red .list a {
        background-image: linear-gradient(180deg,#fb806a,#fb9e8e);
    }

.dropVip .yellow {
    background-image: linear-gradient(180deg,#fff4e5,#fefbf7);
}

    .dropVip .yellow .left a {
        border-right-color: rgba(252,185,93,0.5);
    }

    .dropVip .yellow .list a {
        background-image: linear-gradient(180deg,#faad46,#fcc16e);
    }

.dropVip .green {
    background-image: linear-gradient(180deg,#d2f1d2,#ecffef);
}

    .dropVip .green .left a {
        border-right-color: rgba(93,252,149, 0.6);
    }

    .dropVip .green .list a {
        background-image: linear-gradient(180deg,#36bd09,#80e39a);
        line-height: 1.6em;
        height: 60px;
        display: -webkit-flex !important;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }


/*dropMag*/
.dropMag {
    overflow: hidden;
}

    .dropMag .list {
        width: 64.9122807%;
        float: left;
    }

    .dropMag .right {
        width: 31.57894737%;
        float: right;
        font-size: 1em;
    }

        .dropMag .right li {
            margin-bottom: 2.22222222%;
            font-weight: 700;
        }

        .dropMag .right a {
            padding-bottom: 5.72222222em;
            background: no-repeat right bottom;
            background-size: auto 83.49514563%;
        }

            .dropMag .right a:hover {
                opacity: .75;
            }

        .dropMag .right i {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 11.11111111%;
            max-width: 75%;
            background: no-repeat left center;
            background-size: 1.33333333em auto;
            padding-left: 2.33333333em;
            font-style: normal;
        }

    .dropMag .blue {
        background-image: linear-gradient(180deg,#deeaff,#ecf6ff);
    }

        .dropMag .blue a {
            color: #1c6cfd;
        }

    .dropMag .red {
        background-image: linear-gradient(180deg,#fef4f3,#fffcfb);
    }

        .dropMag .red a {
            color: #ee6869;
        }

    .dropMag .yellow {
        background-image: linear-gradient(180deg,#fff4e5,#fefbf7);
    }

        .dropMag .yellow a {
            color: #f2944e;
        }

/*slides*/
#slides .img {
    padding-bottom: 260px;
    transition: none;
}

#slides2 .img {
    padding-bottom: 360px;
    transition: none;
}

#noticeBanner {
    background-color: #f5f5f5;
    /*border-bottom: 1px solid #e2e8f0;*/
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .28);
    margin-bottom: 5px;
}

    #noticeBanner .inner {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    #noticeBanner .bannerScroll {
        flex-grow: 1;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        overflow: hidden;
        margin: 0px 20px 0px 0px;
    }

        #noticeBanner .bannerScroll .sub {
            background-color: #FFB74E;
            border-radius: 4px;
            color: #fff;
            margin: 10px 10px 10px 0px;
            padding: 0px 8px;
            height: 30px;
            flex-grow: 0;
            flex-shrink: 0;
        }

.scroll-container {
    overflow: hidden; /* 隐藏溢出部分 */
    display: flex;
    white-space: nowrap; /* 防止内容换行 */
    width: 100%; /* 容器宽度 */
}

.scroll-content {
    display: flex;
    white-space: nowrap;
    animation: scrollLeft 10s linear infinite; /* 应用动画 */
}

    .scroll-content ul {
        display: flex;
        white-space: nowrap;
        padding: 0px 280px 0px 0px;
    }

    .scroll-content.paused {
        animation-play-state: paused;
    }

    .scroll-content li {
        position: relative;
        margin-right: 50px;
        list-style: none;
    }

        .scroll-content li::before {
            content: "*";
            font-size: 20px;
            font-weight: 700;
            position: absolute;
            left: -10px;
            top: calc(50% - 10px);
            /*transform: translateY(-50%);*/
            height: 30px;
            line-height: 30px; /* 文字居中 */
            display: block;
        }

@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-25%);
    }
    /* 根据内容长度调整 */
}

#noticeBanner .bannerRight {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 10px 0px 10px 0px;
    padding: 0px 10px 0px 40px;
    height: 36px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.banner-xxgc {
    background-color: #f5f5f5;
    padding-bottom: 15px;
}

    .banner-xxgc a {
        display: block;
        background-image: url('../images/srxxgc.jpg');
        width: 1200px;
        height: 120px;
        border-radius: 4px;
    }

/*wrapper
#container{padding:2.86458333% 0;background-color:#f5f5f5;overflow:hidden;}*/
#container {
    padding: 10px 0;
    background-color: #f5f5f5;
    overflow: hidden;
}

/*website inlet*/
.websiteInletBox {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25em;
}

    .websiteInletBox a {
        display: flex;
        height: 80px;
        flex-grow: 0;
        border-radius: 4px;
        text-align: center;
        border: 0px solid #fff;
        background: linear-gradient(349.32deg,#d5f1ff 10.05%,rgba(227,245,254,.51) 90.88%);
        box-shadow: 0 4px 18px 1px rgba(67,105,205,.09);
        padding: 10px 30px 10px 30px;
        margin-right: 1.25em;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
    }

        .websiteInletBox a:last-of-type {
            flex-grow: 1;
            margin-right: 0em;
            flex-shrink: 0;
        }

        .websiteInletBox a:nth-child(1) {
            width: 34%;
        }

        .websiteInletBox a:nth-child(2) {
            width: 34%;
        }

        .websiteInletBox a:nth-child(3) {
            width: 32%;
        }

        .websiteInletBox a .txt {
            display: -webkit-box;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: flex-start;
        }

/*module*/
.module {
    background-color: #fff;
    box-shadow: 0px 0px 1.6875em rgba(226,226,226,0.29);
    padding: 1.75em 1.875em 1em 1.875em;
    margin-bottom: 1.25em;
}

/*pagebox*/
#pagebox {
    text-align: center;
    clear: both;
    margin-bottom: 0;
}

    #pagebox ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
    }

    #pagebox li {
        width: 16.6%;
        padding: 0.1% 0.5%;
    }

    #pagebox .icon {
        width: 60.01846722%;
        margin: 0 auto 6.92520776%;
    }

    #pagebox ul li:nth-child(5) .icon {
        width: 60.01846722%;
        margin: 0 auto 6.92520776%;
        background-image: url(../../../UploadFiles/index/entrance_bg2.png);
        background-size: cover;
        background-color: #f0f7ff;
        border-radius: 50%;
    }

    #pagebox .icon i {
        display: block;
        overflow: hidden;
        padding-bottom: 100%;
        border-radius: 50%;
        background: #f0f7ff no-repeat center center;
        background-size: 30.76923077% auto;
    }

    #pagebox ul li:nth-child(5) .icon i {
        display: block;
        overflow: hidden;
        padding-bottom: 100%;
        border-radius: 50%;
        background: transparent no-repeat center center;
        background-size: 60.76923077% auto;
    }

    #pagebox .name {
        font-size: 1em;
        color: #2a94f3;
        font-weight: 400;
        line-height: 1.5em;
    }

    #pagebox a {
        display: block;
    }

        #pagebox a:hover .icon i {
            box-shadow: 0px 0px 1.6875em #d3e9ff;
        }

#pagebox2 {
    text-align: center;
    clear: both;
    margin-bottom: 1.25em;
    background-color: transparent;
    padding: 0em;
}

    #pagebox2 ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
    }

    #pagebox2 li {
        width: 19%;
        margin: 0% 0.625%;
    }

        #pagebox2 li:first-of-type {
            width: 19%;
            margin: 0% 0.625% 0% 0%;
        }

        #pagebox2 li:last-of-type {
            width: 19%;
            margin: 0% 0% 0% 0.625%;
        }

    #pagebox2 a {
        display: block;
        width: 100%;
        aspect-ratio: 35 / 12;
        background-size: cover; /* 覆盖整个容器，可能裁剪边缘 */
        background-position: center; /* 保证核心区域不被裁掉 */
        background-repeat: no-repeat;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        padding: 0px 50px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

/*mtitle*/
.mtitle {
    position: relative;
    margin-bottom: 0.8125em;
}

    .mtitle .name {
        color: #2a94f3;
        font-size: 1.25em;
        font-weight: 700;
        line-height: 1.35em;
        padding-left: 1.5em;
        background: no-repeat left center;
        background-size: 1em auto;
        margin-right: 3em;
    }

    .mtitle .icon01 {
        background-image: url(../images/newsbox_01.png);
    }

    .mtitle .icon02 {
        background-image: url(../images/newsbox_02.png);
    }

    .mtitle .icon03 {
        background-image: url(../images/newsbox_03.png);
    }

    .mtitle .icon04 {
        background-image: url(../images/newsbox_04.png);
    }

    .mtitle .icon05 {
        background-image: url(../images/newsbox_05.png);
    }

    .mtitle .icon06 {
        background-image: url(../images/newsbox_06.png);
    }

    .mtitle .icon_hyfc {
        background-image: url(../images/newsbox_hyfc.png);
    }

    .mtitle .icon_hyxx {
        background-image: url(../images/newsbox_hyxx.png);
    }

    .mtitle .icon_hyfz {
        background-image: url(../images/newsbox_hyfz.png);
    }

    .mtitle .icon_zcdqs {
        background-image: url(../images/newsbox_zcdqs.png);
    }

    .mtitle .icon_bzhgl {
        background-image: url(../images/newsbox_bzhgl.png);
    }

    .mtitle span {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.875em;
        line-height: 1.75em;
    }

        .mtitle span a {
            color: #888;
        }

            .mtitle span a:hover {
                color: #2a94f3;
            }
/*picnews*/
.picnews {
    width: 50%;
    padding-right: 1.25em;
}


/*newsleft*/
.newsleft-2 {
    width: 34%;
    float: left;
    padding-right: 1.25em;
}

/*newsbox*/
.newsbox-2 .figure {
    padding: 0.35em 0 0.5em;
}

.newsbox-2 .img {
    padding-bottom: 48.48484848%;
}

.newsbox-2 li {
    font-size: 16px;
    line-height: 2em;
    padding: 0em 0em 0em 1.875em;
}

    .newsbox-2 li a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        padding-left: 0em;
        padding-right: 4.71428571em;
        letter-spacing: 1px;
        margin-left: -0.25em;
    }

        .newsbox-2 li a:before {
            width: 0em;
            height: 0em;
            background-color: #2a94f3;
            border-radius: 50%;
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .newsbox-2 li a .new {
            position: absolute;
            width: 25px;
            height: 13px;
            background: url(../images/icon_new.gif) no-repeat;
            right: 5px;
            top: 0px;
        }

    .newsbox-2 li time {
        display: block;
        position: absolute;
        right: 1.875em;
        top: 0;
        color: #888;
    }

.newsbox-disc li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 1.28571429em;
    padding-right: 4.71428571em;
    letter-spacing: 1px;
}

    .newsbox-disc li a:before {
        width: 0.28571429em;
        height: 0.28571429em;
        background-color: #2a94f3;
        border-radius: 50%;
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

.newsmid-2 {
    width: 34%;
    float: left;
}

.newsright-2 {
    width: 32%;
    float: left;
}

.tznewsright-2 {
    width: 50%;
    float: left;
}

/*newsleft*/
.newsleft {
    width: 34%;
    float: left;
    padding-right: 1.25em;
}

/*newsbox*/
.newsbox .figure {
    padding: 0.35em 0 0.5em;
}

.newsbox .img {
    padding-bottom: 48.48484848%;
}

.newsbox li {
    font-size: 0.875em;
    line-height: 2em;
}

    .newsbox li a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        padding-left: 1.28571429em;
        padding-right: 4.71428571em;
    }

        .newsbox li a:before {
            width: 0.28571429em;
            height: 0.28571429em;
            background-color: #2a94f3;
            border-radius: 50%;
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .newsbox li a .new {
            position: absolute;
            width: 25px;
            height: 13px;
            background: url(../images/icon_new.gif) no-repeat;
            right: 38px;
            top: 8px;
        }

    .newsbox li time {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        color: #888;
    }

.newsmid {
    width: 34%;
    float: left;
}

.newsright {
    width: 32%;
    float: left;
}

.home-one {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1.25em;
}

    .home-one .newsright {
        display: flex;
        flex-wrap: wrap;
    }

    .home-one .newsleft {
        display: flex;
        flex-wrap: wrap;
    }

    .home-one .module {
        width: 100%;
    }

    .home-one .newsright .module:last-child,
    .home-one .newsleft .module:last-child,
    .home-one .newsmid .module:last-child {
        margin-bottom: 0;
    }

    .home-one .newsmid .module {
        padding: 0;
        margin-bottom: 1.25em;
        box-shadow: none;
    }
    /*.home-one .newsmid .szzzwlItem{ padding:0 !important; margin-bottom:0.5em; box-shadow:none;}*/
    .home-one .newsleft .szzzwlItem {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0px 0px 0px 0px;
    }

    .home-one .newsmid {
        padding-right: 1.25em;
        display: flex;
        flex-wrap: wrap;
    }

        .home-one .newsmid .newsbox {
            background: #fff;
            padding: 1.75em 1.875em 1.5em;
            box-shadow: 0px 0px 1.6875em rgb(226 226 226 / 29%);
        }

        .home-one .newsmid .blue {
            background-image: linear-gradient(180deg,#deeaff,#ecf6ff);
        }

            .home-one .newsmid .blue a {
                color: #1c6cfd;
                display: block;
                position: relative;
            }

        .home-one .newsmid .red {
            background-image: linear-gradient(180deg,#fef4f3,#fffcfb);
        }

            .home-one .newsmid .red a {
                color: #ee6869;
                display: block;
                position: relative;
            }

        .home-one .newsmid .yellow {
            background-image: linear-gradient(180deg,#fff4e5,#fefbf7);
        }

            .home-one .newsmid .yellow a {
                color: #f2944e;
                display: block;
                position: relative;
            }
    /*.home-one .newsmid .szzzwlItem a{background:no-repeat right bottom;background-size:auto 83.49514563%;font-weight:700;font-size:1em;padding:26px 0px;}
.home-one .newsmid .szzzwlItem a img{margin:0px 15px 0px 30px;}*/
    .home-one .newsleft .szzzwlItem a {
        background: no-repeat right bottom;
        background-size: auto 83.49514563%;
        font-weight: 700;
        font-size: 0.8em;
        margin: 0px;
        width: 50%;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        .home-one .newsleft .szzzwlItem a img {
            height: 160px;
            width: 120px;
            border: 1px #eee solid;
            border-radius: 3px;
        }

        .home-one .newsleft .szzzwlItem a span {
            text-align: center;
            padding: 0px 0px;
        }

        .home-one .newsleft .szzzwlItem a:nth-child(3) span {
            width: 80px;
            line-height: 20px;
        }

    .home-one .newsright .newsbox:nth-child(1) ul {
        min-height: 12.25em;
    }

    .home-one .newsright .newsbox:nth-child(2) ul {
        min-height: 7em;
    }

    .home-one .newsleft .newsbox:nth-child(2) ul {
        min-height: 7em;
    }

    .home-one .list_box .item .pic figure {
        display: block;
        padding-bottom: 49.1%;
        background-position: center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .home-one .list_box .slick-slide {
        font-size: 0.875em;
        line-height: 2em;
    }

    .home-one .list_box .item .pic {
        padding: 0.35em 0 0.5em;
    }

    .home-one .list_box .item .txt {
        position: relative;
        padding-left: 1.28571429em;
        line-height: 1.5em;
        margin-top: 1em;
        padding-right: 40px;
    }

        .home-one .list_box .item .txt .dot {
            display: block; /*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/
            position: relative;
        }

        .home-one .list_box .item .txt:before {
            width: 0.28571429em;
            height: 0.28571429em;
            background-color: #2a94f3;
            border-radius: 50%;
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 10px;
            transform: translateY(-50%);
        }

    .home-one .list_box .item time {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        color: #888;
    }

    .home-one .list_box .slick-dots button {
        display: none;
    }

    .home-one .list_box .slick-dots {
        position: absolute;
        left: 0;
        top: 62%;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .home-one .list_box li {
        margin: 0 4px;
        font-size: 0;
        line-height: normal;
        background-color: #fff;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        overflow: hidden;
    }

        .home-one .list_box li.slick-active {
            background: #2a94f3;
        }

.home-two {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1.25em;
}

    .home-two .newsright-2 {
        display: flex;
        flex-wrap: wrap;
    }

    .home-two .newsleft-2 {
        display: flex;
        flex-wrap: wrap;
    }

    .home-two .picnews {
        display: flex;
        flex-wrap: wrap;
    }

    .home-two .module {
        width: 100%;
        padding: 1.75em 0em 1em 0em;
    }

    .home-two .mtitle {
        position: relative;
        margin-bottom: 0.8125em;
        padding: 0em 1.875em;
    }

        .home-two .mtitle span {
            position: absolute;
            right: 1.875em;
            top: 50%;
            transform: translateY(-50%);
            font-size: 0.875em;
            line-height: 1.75em;
        }

    .home-two .picnews .module:last-child,
    .home-two .newsright-2 .module:last-child,
    .home-two .newsleft-2 .module:last-child,
    .home-two .newsmid-2 .module:last-child {
        margin-bottom: 0;
    }

    .home-two .newsmid-2 .module {
        padding: 0;
        margin-bottom: 1.25em;
        box-shadow: none;
    }

    .home-two .picnews .module {
        padding: 0;
    }

    .home-two .newsleft-2 .szzzwlItem {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0px 1.875em 0px 1.875em;
    }

    .home-two .newsmid-2 {
        padding-right: 1.25em;
        display: flex;
        flex-wrap: wrap;
    }

        .home-two .newsmid-2 .newsbox-2 {
            background: #fff;
            padding: 1.75em 0em 1.5em 0em;
            box-shadow: 0px 0px 1.6875em rgb(226 226 226 / 29%);
        }

        .home-two .newsmid-2 .blue {
            background-image: linear-gradient(180deg,#deeaff,#ecf6ff);
        }

            .home-two .newsmid-2 .blue a {
                color: #1c6cfd;
                display: block;
                position: relative;
            }

        .home-two .newsmid-2 .red {
            background-image: linear-gradient(180deg,#fef4f3,#fffcfb);
        }

            .home-two .newsmid-2 .red a {
                color: #ee6869;
                display: block;
                position: relative;
            }

        .home-two .newsmid-2 .yellow {
            background-image: linear-gradient(180deg,#fff4e5,#fefbf7);
        }

            .home-two .newsmid-2 .yellow a {
                color: #f2944e;
                display: block;
                position: relative;
            }

    .home-two .newsleft-2 .szzzwlItem a {
        background: no-repeat right bottom;
        background-size: auto 83.49514563%;
        font-weight: 700;
        font-size: 0.8em;
        margin: 0px;
        width: 50%;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

        .home-two .newsleft-2 .szzzwlItem a img {
            height: 160px;
            width: 120px;
            border: 1px #eee solid;
            border-radius: 3px;
        }

        .home-two .newsleft-2 .szzzwlItem a span {
            text-align: center;
            padding: 0px 0px;
        }

        .home-two .newsleft-2 .szzzwlItem a:nth-child(3) span {
            width: 80px;
            line-height: 20px;
        }

    .home-two .newsleft-2 .newsbox-2:nth-child(1) ul {
        min-height: 12.25em;
    }

        .home-two .newsleft-2 .newsbox-2:nth-child(1) ul li a {
            /*display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            padding-left: 0em;
            padding-right: 4.71428571em;
            letter-spacing: 1px;
            margin-left: -0.25em;*/
        }

            .home-two .newsleft-2 .newsbox-2:nth-child(1) ul li a span {
                letter-spacing: normal;
            }

            .home-two .newsleft-2 .newsbox-2:nth-child(1) ul li a:before {
                /*width: 0em;
                height: 0em;
                background-color: #2a94f3;
                border-radius: 50%;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);*/
            }

    .home-two .newsmid-2 .newsbox-2:nth-child(1) ul {
        min-height: 12.25em;
    }

    .home-two .newsright-2 .newsbox-2:nth-child(1) ul {
        min-height: 12.25em;
    }

    .home-two .newsright-2 .newsbox-2:nth-child(2) ul {
        min-height: 12.3em;
    }

    .home-two .newsleft-2 .newsbox-2:nth-child(2) ul {
        min-height: 12.3em;
    }

    .home-two .newsmid-2 .newsbox-2:nth-child(2) ul {
        min-height: 12.3em;
    }

    .home-two .list_box .item .pic figure {
        display: block;
        padding-bottom: 49.1%;
        background-position: center !important;
        background-size: cover !important;
        /*background-size: 100% 100% !important;*/
        background-repeat: no-repeat !important;
    }

    .home-two .list_box .slick-slide {
        font-size: 0.875em;
        line-height: 0em;
        top: 0px !important;
    }

    .home-two .list_box .item .pic {
        padding: 0 0 0 0;
    }

    .home-two .list_box .item .txt {
        position: relative;
        padding: 0px 15px;
        /*line-height: 1.5em;*/
        /*margin-top: -2.8em;*/
        margin-top: 0.5em;
        height: 2.8em;
        line-height: 2.8em;
        padding: 0px 15px;
        text-align: center;
        color: #fff;
        background-color: #006dc09a;
        font-size: 1.2em;
        letter-spacing: 1px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }

        .home-two .list_box .item .txt .dot {
            display: block; /*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

    /*.home-two .list_box .item .txt:before {
            width: 0.28571429em;
            height: 0.28571429em;
            background-color: #2a94f3;
            border-radius: 50%;
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 10px;
            transform: translateY(-50%);
        }*/

    .home-two .list_box .item time {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        color: #888;
    }

    .home-two .list_box .slick-dots button {
        display: none;
    }

    .home-two .list_box .slick-dots {
        position: absolute;
        left: 0;
        bottom: 15%;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .home-two .list_box li {
        margin: 0 4px;
        font-size: 0;
        line-height: normal;
        background-color: #fff;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        overflow: hidden;
    }

        .home-two .list_box li.slick-active {
            background: #2a94f3;
        }

/*banner*/
#banner {
    color: #fff;
}

    #banner .img {
        padding-bottom: 360px;
        transition: none;
    }

    #banner .text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        font-size: 2.25em;
    }

    #banner .name {
        font-size: 1em;
        line-height: 1.125em;
        font-family: 'YouSheBiaoTiHei';
        font-weight: 500;
        text-shadow: 0px 1px 1px #1d70d8;
    }

    #banner .slug {
        font-size: 0.5em;
        font-weight: 400;
        line-height: 1.35em;
        font-style: italic;
        text-shadow: 0px 1px 1px #1d70d8;
    }

/*bar*/
#bar {
    padding: 1.6875em 0;
}

    #bar .inner {
        overflow: hidden;
    }

/*breadcrumb*/
#breadcrumb {
    float: right;
    font-size: 1em;
    color: #888;
    line-height: 1.75em;
}

    #breadcrumb a {
        color: #888;
        display: inline-block;
        vertical-align: middle;
    }

        #breadcrumb a:first-child {
            background: url(../images/svg_home.svg) no-repeat left center;
            background-size: 1em auto;
            padding-left: 2em;
        }

        #breadcrumb a:hover {
            color: #2a94f3;
        }

    #breadcrumb i {
        display: inline-block;
        vertical-align: middle;
        width: 0.5em;
        height: 0.71428571em;
        background: url(../images/svg_arrow_01.svg) no-repeat center center;
        background-size: contain;
        margin: 0 1.07142857em;
    }

    #breadcrumb span {
        display: inline-block;
        vertical-align: middle;
    }

/*classification*/
#classification {
    margin-bottom: 2.60416667%;
    overflow: hidden;
    margin-top: 10px;
}

    #classification ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        width: 102.5%;
    }

    #classification li {
        width: 33.333%;
        padding-right: 2.43902439%;
        padding-bottom: 2.43902439%;
    }

    #classification .pic {
        width: 3.75em;
        display: table-cell;
        vertical-align: middle;
    }

    #classification .icon {
        border-radius: 50%;
        overflow: hidden;
        background-image: linear-gradient(180deg,#e8f0ff,#f3f9ff);
    }

        #classification .icon i {
            display: block;
            padding-bottom: 100%;
            background: no-repeat center center;
            background-size: contain;
        }

    #classification .icon1 {
        border-radius: 50%;
        overflow: hidden;
        background-image: linear-gradient(180deg,#e8f0ff,#f3f9ff);
    }

        #classification .icon1 i {
            display: block;
            padding-bottom: 100%;
            background: no-repeat center center;
            background-size: contain;
            opacity: 0.3;
            filter: alpha(opacity=30);
        }

    #classification .text {
        display: table-cell;
        vertical-align: middle;
        padding-left: 6.25%;
        font-size: 1.125em;
        line-height: 1.44444444em;
        background: url(../images/svg_open_blue.svg) no-repeat right center;
        padding-right: 10px;
    }

    #classification .text1 {
        display: table-cell;
        vertical-align: middle;
        padding-left: 6.25%;
        font-size: 1.125em;
        line-height: 1.44444444em;
        background: url(../images/svg_open_disable.svg) no-repeat right center;
        padding-right: 10px;
    }

    #classification a {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%;
        position: relative;
        box-shadow: 0px 0px 40px rgba(173,173,173,0.13);
        padding: 7.89473684%;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }

        #classification a:hover {
            background-color: #1c6cfd;
            color: #fff;
        }

    #classification .nostart:hover {
        background-color: #bfbfbf;
        color: #fff;
    }

    #classification a:hover .icon {
        background: #fff;
    }

    #classification a:hover .icon1 {
        background: #fff;
    }

    #classification a:hover .text {
        background-image: url(../images/svg_open_disable_white.svg);
    }

    #classification a:hover .text1 {
        background-image: url(../images/svg_open_disable_white.svg);
    }

/*wrapper*/
#wrapper {
    overflow: hidden;
    padding: 10px 0 4.16666667%;
}

/*sidenav*/
#sidenav {
    width: 21.66666667%;
    float: left;
    border-top: 2px solid #1c6cfd;
    border-bottom: 2px solid #1c6cfd;
}

    #sidenav .current {
        display: none;
    }

    #sidenav > ul > li {
        border-bottom: 1px solid #eee;
        padding: 0 7.69230769%;
        position: relative;
    }

        #sidenav > ul > li:before {
            width: 5px;
            height: 10px;
            background: url(../images/svg_arrow_02.svg) no-repeat center center;
            background-size: contain;
            content: '';
            display: block;
            position: absolute;
            right: 7.69230769%;
            top: 1.5625em;
        }

        #sidenav > ul > li a:hover {
            color: #1c6cfd;
        }

    #sidenav em {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
        width: 3.75em;
        height: 3.75em;
        cursor: pointer;
    }

    #sidenav a {
        color: #1c1c1c;
        display: block;
        padding: 0.9375em 0;
        position: relative;
    }

    #sidenav li ul {
        border-top: 1px solid #eee;
        padding: 0.8125em 0;
        display: none;
    }

    #sidenav li li {
        font-size: 0.875em;
        line-height: 2em;
    }

    #sidenav li .dist {
        border-bottom: solid 1px #ccc;
        margin-bottom: .2rem;
    }

    #sidenav li li a {
        color: #888;
        padding: 0;
    }

        #sidenav li li a:hover {
            color: #333;
        }

    #sidenav .p_cur, #sidenav .active {
        background-color: #f9f9f9;
    }

        #sidenav .p_cur > a, #sidenav .active > a {
            color: #1c6cfd;
            font-weight: 700;
        }

    #sidenav .s_cur a {
        color: #1c6cfd;
    }

    #sidenav .active:before {
        background-image: url(../images/svg_arrow_02_down.svg);
        width: 10px;
        height: 5px;
        top: 1.71875em;
    }

/*main*/
#main {
    width: 73.33333333%;
    float: right;
}

/*category*/
#category {
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.125em;
    line-height: 1.35em;
    margin-bottom: 3.97727273%;
}

    #category span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 9.54545455%;
        position: relative;
        padding-bottom: 0.94444444em;
    }

        #category span:after {
            width: 100%;
            height: 2px;
            background-color: #1c6cfd;
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: -1px;
            opacity: 0;
        }

        #category span:last-child {
            margin-right: 0;
        }

    #category a {
        display: block;
        color: #888;
    }

    #category .current:after {
        opacity: 1;
    }

    #category .current a {
        color: #333;
    }

/*information*/
#information {
    margin-bottom: 2.95454545%;
}

    #information ul {
        overflow: hidden;
    }

    #information .box {
        display: none;
    }

        #information .box:first-child {
            display: block;
        }

    #information li {
        border-bottom: 1px dashed #ddd;
        padding-bottom: 0.875em;
        margin-bottom: 0.875em;
    }

        #information li a {
            display: block;
            color: #555;
            position: relative;
            padding-right: 5.625em;
            padding-left: 1.125em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            #information li a:before {
                width: 0.25em;
                height: 0.25em;
                border-radius: 50%;
                background-color: #555;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            #information li a:hover {
                color: #2a94f3;
            }

                #information li a:hover:before {
                    background-color: #2a94f3;
                }

    #information time {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        color: #888;
    }

    #information .memberList ul li {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #information .memberList .memberItemlishihuiyuan {
        width: 50%;
        float: left;
    }
/*pagenavi*/
#pagenavi {
    text-align: center;
}

    #pagenavi a, #pagenavi span {
        display: inline-block;
        vertical-align: middle;
        height: 3.125em;
        line-height: 3.125em;
        text-align: center;
        min-width: 3.125em;
        border-radius: 3px;
        color: #888;
    }

    #pagenavi a {
        background-color: #f5f5f5;
        padding: 0 5px;
    }

        #pagenavi a:hover, #pagenavi .a_cur {
            color: #fff;
            background-color: #1c6cfd;
        }

    #pagenavi .a_prev, #pagenavi .a_next {
        width: 5em;
        position: relative;
    }

        #pagenavi .a_prev:after, #pagenavi .a_next:after {
            width: 6px;
            height: 6px;
            border-right: 2px solid #979797;
            border-bottom: 2px solid #979797;
            transform: rotate(-45deg);
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -4px 0 0 -4px;
        }

        #pagenavi .a_prev:hover:after, #pagenavi .a_next:hover:after {
            border-color: #fff;
        }

    #pagenavi .a_prev {
        margin-right: 0.9375em;
    }

        #pagenavi .a_prev:after {
            transform: rotate(135deg);
        }

    #pagenavi .a_next {
        margin-left: 0.9375em;
    }

/*news*/
#news {
    margin-bottom: 2.27272727%;
    overflow: hidden;
}

/*newsitem*/
.newsitem {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2.27272727%;
    margin-bottom: 2.27272727%;
}

    .newsitem .figure {
        width: 11.25em;
        display: table-cell;
        vertical-align: top;
    }

    .newsitem .img {
        padding-bottom: 66.66666667%;
    }

    .newsitem .text {
        display: table-cell;
        vertical-align: top;
        padding-left: 2.27272727%;
    }

    .newsitem .title {
        font-size: 1.125em;
        line-height: 1.35em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
        margin-bottom: 1.32352941%;
    }

    .newsitem .excerpt {
        color: #666;
        line-height: 1.5em;
        height: 3em;
        -webkit-line-clamp: 2;
        margin-bottom: 2.79411765%;
    }

    .newsitem .date {
        font-size: 0.875em;
        color: #999;
        line-height: 1.35em;
        padding: 0.125em 0px 0.125em 8px;
    }

    .newsitem a {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

/*posttile*/
#posttile {
    text-align: center;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.35em;
    margin-bottom: 0.4em;
}

/*postmeta*/
#postmeta {
    font-size: 0.875em;
    color: #999;
    line-height: 1.75em;
    text-align: center;
    margin-bottom: 1.14285714em;
}

    #postmeta span {
        display: inline-block;
        vertical-align: middle;
        margin: 0 1.47727273%;
    }

/*postnavi*/
#postnavi {
    border-top: 1px solid #e5e5e5;
    font-size: 0.875em;
    line-height: 2em;
    color: #555;
    padding-top: 3.86363636%;
    margin-top: 6.02272727%;
}

    #postnavi a {
        color: #555;
        display: block;
        margin-right: 80px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #postnavi a:hover {
            color: #2a94f3;
        }

    #postnavi time {
        display: block;
        color: #888;
        float: right;
    }

/*searchbox*/
#searchbox {
    background: no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 3.29427083% 0;
    margin-bottom: 2.08333333%;
}

    #searchbox .title {
        font-size: 1.875em;
        text-align: center;
        line-height: 1.35em;
        font-weight: 700;
        margin-bottom: 0.43333333em;
    }

    #searchbox .form {
        width: 80%;
        max-width: 800px;
        margin: 0 auto;
    }

    #searchbox .input {
        background-color: rgba(255,255,255,0.2);
        border-radius: 1.25em;
        position: relative;
        padding-right: 5em;
    }

    #searchbox .text {
        font-size: 1em;
        height: 2.5em;
        line-height: 1.875em;
        padding: 5px 2em;
        color: #fff;
        width: 100%;
    }

    #searchbox .submit {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 5em;
        background: url(../images/svg_search_white.svg) no-repeat center center;
        background-size: auto 50%;
    }

/*result*/
#result {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1.25%;
    margin-bottom: 2.66666667%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
    align-items: center;
}

    #result .data {
        font-size: 1.125em;
        line-height: 1.88888889em;
    }

        #result .data span {
            color: #1863ce;
        }

    #result .column {
        color: #999;
        overflow: hidden;
    }

        #result .column span {
            margin-left: 1.1875em;
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
        }

        #result .column .current {
            color: #333;
        }

@keyframes revolve {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*loading*/
.loading {
    text-align: center;
    margin-top: 0.83333333%;
}

    .loading span {
        display: inline-block;
        cursor: pointer;
    }

    .loading i {
        width: 2.6875em;
        height: 2.6875em;
        background: url(../images/loading.png) no-repeat center center;
        background-size: contain;
        display: block;
        margin: 0 auto 2px;
    }

    .loading .active i {
        animation: revolve 2s linear 0s infinite;
    }

/*columnname*/
.columnname {
    color: #1863ce;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.35em;
    margin-bottom: 0.58333333em;
}

/*mappage*/
#mappage {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    #mappage .text {
        display: table-cell;
        /*vertical-align: middle;*/
        background: #fcfcfc;
        ;
    }

        #mappage .text li {
            border-bottom: 1px solid #e5e5e5;
            padding: 0.875em 0 0.875em 3em;
            background: no-repeat left center;
            background-size: 1.875em auto;
        }

        #mappage .text .addr {
            background-image: url(../images/icon_addr.png);
        }

        #mappage .text .mail {
            background-image: url(../images/icon_mail.png);
        }

        #mappage .text .fax {
            background-image: url(../images/icon_fax.png);
        }

        #mappage .text .tel {
            background-image: url(../images/icon_tel.png);
        }

        #mappage .text .xwfyr {
            background-image: url(../images/xwfyr.png);
        }

        #mappage .text .frdjzs {
            background-image: url(../images/frdjzs.png);
        }

        #mappage .text .sfxx {
            background-image: url(../images/sfxx.png);
        }

        #mappage .text .fwqd {
            background-image: url(../images/fwqd.png);
        }

        #mappage .text h3 {
            font-size: 1em;
            line-height: 1.625em;
            font-weight: 700;
        }

        #mappage .text p {
            color: #555;
            line-height: 1.625em;
            font-size: 14px;
        }

    #mappage .box {
        width: 90%;
        max-width: 330px;
        margin: 0 auto;
    }

    #mappage .map {
        display: table-cell;
        vertical-align: top;
        width: 48.86363636%;
    }

        #mappage .map img {
            display: block;
            width: 100%;
            height: auto;
        }

/*heading*/
#heading {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3.40909091%;
}

    #heading .name {
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1.35em;
    }

    #heading .meta {
        font-size: 0.875em;
        color: #888;
        line-height: 2em;
    }

        #heading .meta span {
            display: inline-block;
            vertical-align: middle;
        }

.section {
    border-bottom: 1px solid #e5e5e5;
    transition: all .3s;
}

    .section .title {
        font-size: 1.125em;
        font-weight: 400;
        line-height: 1.55555556em;
        position: relative;
        padding-right: 1.5em;
        cursor: pointer;
        padding: 0.875em 1.5em 0.875em 0;
    }

        .section .title:after {
            content: '+';
            font-size: 0.88888889em;
            display: block;
            font-weight: 300;
            color: #999;
            position: absolute;
            right: 0;
            top: 0.875em;
            line-height: 1.75em;
        }

    .section .entry {
        color: #666;
        display: none;
    }

    .section.active {
        padding: 1.13636364% 0 3.40909091%;
    }

        .section.active .title {
            margin-bottom: 2.27272727%;
        }

            .section.active .title:after {
                content: '-';
            }

/*management*/
#management .entry {
    line-height: 1.875em;
    padding: 2.72727273% 0;
}

    #management .entry h4 {
        margin-bottom: 0.1875em;
    }

/*recruitment*/
#recruitment {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 4.54545455%;
}

/*jobitem*/
.jobitem {
    border-bottom: 1px solid #e5e5e5;
}

    .jobitem .top {
        overflow: hidden;
        cursor: pointer;
        padding: 0.9375em 1em 0.9375em 0;
        position: relative;
    }

    .jobitem .name {
        font-size: 1.125em;
        line-height: 1.66666667em;
        font-weight: 400;
        float: left;
    }

    .jobitem .meta {
        float: right;
        color: #888;
    }

        .jobitem .meta span {
            display: block;
            float: left;
            padding: 0 0.875em;
            position: relative;
        }

            .jobitem .meta span:before {
                width: 1px;
                height: 0.625em;
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                background-color: #ddd;
            }

            .jobitem .meta span:first-child:before, .jobitem .meta span:last-child:before {
                display: none;
            }

        .jobitem .meta .arrow {
            width: 7px;
            height: 7px;
            border-right: 1px solid #888;
            border-bottom: 1px solid #888;
            transform: rotate(-45deg);
            padding: 0;
            position: absolute;
            right: 2px;
            top: 50%;
            margin-top: -4px;
            transition: all .3s;
        }

    .jobitem .box {
        padding: 1.54545455% 0;
    }

    .jobitem .entry {
        color: #555;
        max-width: 880px;
        padding: 0.5em 0;
    }

        .jobitem .entry p {
            font-size: 1em !important;
            font: 400 16px/1.875em arial, "Hiragino Sans GB","Microsoft Yahei", 微软雅黑, 宋体, Tahoma, Arial, Helvetica,'Sans-serif';
        }

            .jobitem .entry p span {
                font-size: 1em !important;
                font: 400 16px/1.875em arial, "Hiragino Sans GB","Microsoft Yahei", 微软雅黑, 宋体, Tahoma, Arial, Helvetica,'Sans-serif';
            }

    .jobitem .title {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.875em;
        color: #333;
        margin-bottom: 0.375em;
        background-color: cornflowerblue;
        text-align: center;
        color: #fff;
    }

    .jobitem .file {
        overflow: hidden;
        margin-top: 0.3125em;
    }

        .jobitem .file a {
            display: block;
            overflow: hidden;
            width: 8.75em;
            height: 2.25em;
            text-align: center;
            line-height: 2.25em;
            float: right;
            border-radius: 1.125em;
            color: #fff;
            background-color: #1c6cfd;
        }

            .jobitem .file a:hover {
                opacity: .75;
            }

        .jobitem .file i {
            display: inline-block;
            background: url(../images/svg_arrow_03.svg) no-repeat right center;
            background-size: 0.6875em auto;
            font-style: normal;
            padding-right: 1.125em;
        }

    .jobitem.active .meta .arrow {
        transform: rotate(45deg);
        margin-top: -6px;
    }

/*council*/
#council ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
}

#council li {
    width: 33.333%;
    text-align: center;
    overflow: hidden;
    padding: 0.56818182% 0 3.40909091%;
}

#council .info {
    width: 200px;
    margin: 0 auto;
    display: block;
}

    #council .info:hover .name {
        color: #2a94f3;
    }

#council .avatar {
    margin: 0 auto 0.25em;
    width: 60%;
}

    #council .avatar i {
        display: block;
        overflow: hidden;
        padding-bottom: 100%;
        border-radius: 50%;
        background: #e5e5e5 no-repeat center center;
        background-size: cover;
    }

#council .name {
    font-weight: 400;
    font-size: 1.125em;
    line-height: 1.66666667em;
}

#council .intro {
    font-size: 0.875em;
    color: #888;
    line-height: 1.42857143em;
}

    #council .intro p {
        white-space: pre-line;
    }

#council li:nth-child(3n+1) .info {
    float: left;
}

#council li:nth-child(3n+3) .info {
    float: right;
}

/*about*/
#about .title {
    font-size: 1.875em;
    color: #1c6cfd;
    line-height: 1.35em;
    font-weight: 700;
    margin-bottom: 0.66666667em;
}

#about .entry {
    text-align: justify;
}

#about .mbp {
    margin-bottom: 3.18181818%;
}

#about .figure {
    margin-bottom: 3.40909091%;
}

/*aboutdata*/
.aboutdata {
    color: #999;
    line-height: 1.5em;
    margin-bottom: 3.97727273%;
}

    .aboutdata ul {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
    }

    .aboutdata .num {
        color: #1c6cfd;
        font-size: 1.125em;
        line-height: 1.35em;
    }

        .aboutdata .num span {
            display: inline-block;
            font-size: 2.66666667em;
            font-weight: 700;
            line-height: 1em;
            margin-right: 0.14583333em;
        }

/*aboutbox*/
.aboutbox {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding: 1.4375em 0;
}

    .aboutbox:last-child {
        border-bottom: none;
    }

    .aboutbox .name {
        float: left;
        width: 10.625em;
    }

        .aboutbox .name h3 {
            background: no-repeat left 0;
            background-size: 1.66666667em auto;
            font-weight: 700;
            font-size: 1.125em;
            padding-left: 2.22222222em;
            line-height: 1.66666667em;
        }

    .aboutbox .entry {
        margin-left: 10.625em;
        overflow: hidden;
    }

/*organization*/
#organization {
    overflow: hidden;
    text-align: center;
}

    #organization .title {
        font-size: 1.5em;
        line-height: 1.35em;
        font-weight: 700;
        margin-bottom: 3.75%;
    }

    #organization .box {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: wrap;
        -moz-flex-flow: wrap;
        -ms-flex-flow: wrap;
        -o-flex-flow: wrap;
        flex-flow: wrap;
        width: 108.40909091%;
    }

    #organization .item {
        width: 50%;
        padding-right: 7.75681342%;
        padding-top: 6.28930818%;
    }

    #organization .hgroup {
        margin-bottom: 8.43672457%;
    }

    #organization .name {
        font-size: 1.125em;
        line-height: 1.55555556em;
        font-weight: 700;
    }

    #organization .figure img {
        width: auto;
        margin: 0 auto;
    }



@media only screen and (max-width:1920px) {
    #navi .info {
        box-shadow: 0px 2px 6.25vw rgba(180,180,180,0.46);
    }
}

@media only screen and (max-width:1280px) {
    body {
        font-size: 14px;
    }

    /*1280px*/
    #site {
        width: 205px;
    }

    /*1280px*/
    #slides .img {
        padding-bottom: 31.25%;
    }

    #slides2 .img {
        padding-bottom: 28.25%;
    }

    #noticeBanner .inner {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        width: 93.75%;
        max-width: 1200px;
        margin: 0 0;
    }

    .banner-xxgc {
        background-color: #f5f5f5;
        padding-bottom: 15px;
    }

    /*1280px*/
    .module {
        padding: 1.9140625vw 2.05078125vw 1.640625vw;
    }

    /*1280px*/
    .newsbox li {
        line-height: 2.2em;
    }

    /*1280px*/
    .newsbox-2 li {
        font-size: 16px;
        line-height: 2.2em;
        padding: 0em 0em 0em 1.875em;
    }

        .newsbox-2 li a .new {
            position: absolute;
            width: 25px;
            height: 13px;
            background: url(../images/icon_new.gif) no-repeat;
            right: 3px;
            top: 0px;
        }

    /*1280px*/
    #banner .img {
        padding-bottom: 28.125%;
    }

    /*1280px*/
    #classification a {
        box-shadow: 0px 0px 3.125vw rgba(173,173,173,0.13);
    }

    /*1280px*/
    #pagenavi a, #pagenavi span {
        height: 3.4375vw;
        line-height: 3.4375vw;
        min-width: 3.4375vw;
    }

    #pagenavi .a_prev, #pagenavi .a_next {
        width: 5.46875vw;
    }

    .home-two .list_box .item .pic figure {
        display: block;
        padding-bottom: 63%;
        background-position: center !important;
        background-size: cover !important;
        /*background-size: 100% 100% !important;*/
        background-repeat: no-repeat !important;
    }
}

@media only screen and (max-width:1110px) {
    #pagebox2 a {
        display: block;
        width: 100%;
        aspect-ratio: 35 / 12;
        background-size: cover; /* 覆盖整个容器，可能裁剪边缘 */
        background-position: center; /* 保证核心区域不被裁掉 */
        background-repeat: no-repeat;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 0px 30px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        line-height: 16px;
    }
}

@media only screen and (max-width:820px) {
    #pagebox2 ul {
        justify-content: space-around;
    }
    #pagebox2 li {
        width: 32%;
        margin: 0% 0% 1% 0%;
    }

        #pagebox2 li:first-of-type {
            width: 32%;
            margin: 0% 0% 1% 0%;
        }

        #pagebox2 li:last-of-type {
            width: 32%;
            margin: 0% 0% 1% 0%;
        }

    #pagebox2 a {
        display: block;
        width: 100%;
        aspect-ratio: 35 / 12;
        background-size: cover; /* 覆盖整个容器，可能裁剪边缘 */
        background-position: center; /* 保证核心区域不被裁掉 */
        background-repeat: no-repeat;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 0px 30px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        line-height: 16px;
    }
}

@media only screen and (max-width:1024px) {

    /*1024px*/
    #follow {
        width: 110px;
    }

    /*1024px*/
    #contact {
        padding: 0 3.5%;
    }

        #contact li {
            line-height: 2em;
        }

        #contact .name:before {
            top: 0.425em;
        }

    /*1024px*/
    #search {
        width: 208px;
    }

    /*1024px*/
    #header {
        background-color: #fff;
        color: #666;
        font-weight: 500;
        font-size: 0.875em;
        line-height: 2.14285714em;
    }

        #header .inner {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            align-items: center;
            min-height: 50px;
        }

    /*1024px*/
    #logo {
        display: block;
        width: 31.44614583%;
    }

    /*1024px*/
    #navbtn {
        display: block;
    }

    /*1024px*/
    #navi {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(240,242,247,0.9);
        z-index: 8;
        left: 0;
        top: 0;
    }

        #navi em {
            width: 47px;
            display: block;
        }

        #navi .parent {
            position: fixed;
            float: none;
            left: 0;
            top: 50px;
            width: 90%;
            max-width: 320px;
            background-color: #fff;
            overflow-y: auto;
            -webkit-overflow-scrolling: unset;
            height: calc(100% - 50px);
            display: block;
            padding: 30px;
            transform: translateX(-320px);
            transition: transform .2s;
            box-shadow: 0px 0.05em 1.05em rgba(0,0,0,0.1);
            border-top-left-radius: 5px;
        }

            #navi .parent > li {
                padding: 0.5em 0;
                display: block;
                position: relative;
            }

                #navi .parent > li > em {
                    height: 47px;
                }

                #navi .parent > li > a {
                    padding: 0;
                }

                    #navi .parent > li > a:after {
                        display: none;
                    }

        #navi .drop {
            position: static;
            width: auto;
            margin: 0;
            padding: 0 0 0 1em;
        }

        #navi .info {
            box-shadow: none;
            background: none;
            padding: 0;
        }

        #navi.show .parent {
            transform: translateX(0);
        }

    /*1024px*/
    .dropAbout {
        display: block;
    }

        .dropAbout .list {
            display: none;
        }

        .dropAbout .quick {
            width: auto;
            text-align: left;
            display: block;
            font-weight: 400;
            line-height: 2em;
        }

            .dropAbout .quick li {
                float: none;
                width: auto;
                padding: 0;
                margin-top: 0.5em;
            }

                .dropAbout .quick li:nth-child(2n) {
                    float: none;
                }

            .dropAbout .quick i {
                display: none;
            }

            .dropAbout .quick a {
                color: #555;
            }

    .dropdj {
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        padding: 1.11111111em 0em !important;
    }

        .dropdj .dj_banner_box {
            display: none;
        }

        .dropdj .list {
            display: none;
            margin: 0px;
            width: 96%;
            margin-bottom: 15px;
        }

        .dropdj .quick {
            width: auto;
            text-align: left;
            display: block;
            font-weight: 400;
            line-height: 2em;
        }

            .dropdj .quick li {
                float: none;
                width: auto;
                padding: 0;
                margin-top: 0.5em;
            }

                .dropdj .quick li:nth-child(2n) {
                    float: none;
                }

            .dropdj .quick i {
                display: none;
            }

            .dropdj .quick a {
                color: #555;
            }

    /*1024px*/
    .dropVip .item {
        padding: 0;
    }

    .dropVip .box {
        display: block;
        padding: 0;
        background: none;
        margin-top: 0.5em;
    }

    .dropVip .left {
        width: auto;
        display: block;
        text-align: left;
        font-weight: 400;
        line-height: 2em;
    }

        .dropVip .left i {
            display: none;
        }

        .dropVip .left a {
            padding: 0;
            border-right: none;
        }

    .dropVip .list {
        display: none;
        padding: 0.5em 1em;
        background-color: #f9f9f9;
        margin-top: 0.5em;
    }

        .dropVip .list li {
            float: none;
            width: auto;
            padding: 0;
            font-size: 0.88888889em;
        }

        .dropVip .list .w2 {
            width: auto;
        }

        .dropVip .list a {
            color: #666;
            text-align: left;
            white-space: normal;
        }

        .dropVip .list i {
            position: static;
            padding: 0;
            transform: none;
            background: none !important;
            margin-top: 0;
            max-width: none;
            white-space: normal;
        }

    .dropVip .red .list a, .dropVip .yellow .list a {
        background: none;
    }

    .dropVip .blue .list a {
        padding-bottom: 0;
        background: none !important;
    }

    /*1024px*/
    .dropMag .list {
        display: none;
    }

    .dropMag .right {
        float: none;
        width: auto;
        font-size: 0.88888889em;
        line-height: 2em;
    }

        .dropMag .right li {
            background: none;
            font-weight: 400;
            margin-bottom: 0;
            margin-top: 0.5em;
        }

        .dropMag .right a {
            color: #555;
            padding-bottom: 0;
            background: none !important;
        }

        .dropMag .right i {
            background: none !important;
            position: static;
            transform: none;
            padding-left: 0;
            max-width: none;
        }

    /*1024px*/
    .newsleft, .newsmid, .newsright {
        width: 100%;
        float: none;
        padding-right: 0;
        clear: both;
        margin-bottom: 1.25em;
    }

    .picnews, .newsleft-2, .newsmid-2, .newsright-2, .tznewsright-2 {
        width: 100%;
        float: none;
        padding-right: 0;
        clear: both;
        margin-bottom: 1.25em;
    }

    .home-one .newsmid {
        margin-right: 0;
        padding-right: inherit;
    }

    .home-one .newsright .newsbox:nth-child(2) ul,
    .home-one .newsleft .newsbox:nth-child(2) ul,
    .home-one .newsright .newsbox:nth-child(1) ul {
        min-height: auto;
    }

    .home-two .newsmid {
        margin-right: 0;
        padding-right: inherit;
    }

    .home-two .list_box .item .pic figure {
        display: block;
        padding-bottom: 49.1%;
        background-position: center !important;
        background-size: cover !important;
        /*background-size: 100% 100% !important;*/
        background-repeat: no-repeat !important;
    }

    .home-two .newsright .newsbox-2:nth-child(2) ul,
    .home-two .newsleft .newsbox-2:nth-child(2) ul,
    .home-two .newsright .newsbox-2:nth-child(1) ul {
        min-height: auto;
    }

    /*1024px*/
    #banner .text {
        font-size: 3.07617188vw;
    }

    /*1024px*/
    #bar {
        padding: 2.3% 0;
    }

    /*1024px*/
    #classification li {
        width: 50%;
    }

    /*1024px*/
    #sidenav {
        width: auto;
        float: none;
        margin-bottom: 3.5%;
        border: 2px solid #1c6cfd;
        border-radius: 3px;
        cursor: pointer;
    }

        #sidenav .current {
            display: block;
            line-height: 2.5em;
            padding: 0 1em;
            position: relative;
        }

            #sidenav .current:after {
                right: 1em;
                top: 50%;
                transform: translateY(-50%);
                width: 10px;
                height: 5px;
                background: url(../images/svg_arrow_02_down.svg) no-repeat center center;
                background-size: contain;
                content: '';
                display: block;
                position: absolute;
            }

        #sidenav a {
            padding: 0.5em 0;
        }

        #sidenav > ul {
            display: none;
        }

            #sidenav > ul > li {
                padding: 0 1.5em;
            }

                #sidenav > ul > li:before {
                    right: 1.5em;
                    top: 15.5px;
                    transition: all .5s;
                }

        #sidenav .active:before {
            top: 1.3em;
        }

        #sidenav .p_cur:before {
            top: 17.5px;
        }

    /*1024px*/
    #main {
        float: none;
        width: auto;
    }

    /*1024px*/
    #pagenavi a, #pagenavi span {
        height: 35px;
        line-height: 35px;
        min-width: 35px;
    }

    #pagenavi .a_prev, #pagenavi .a_next {
        width: 56px;
    }

    /*1024px*/
    .newsitem .title {
        margin-bottom: 10px;
    }

    .newsitem .excerpt {
        margin-bottom: 14px;
    }

    /*1024px*/
    #result .column span {
        margin-left: 1.35em;
    }

    /*1024px*/
    .websiteInletBox a {
        display: flex;
        height: 80px;
        flex-grow: 0;
        border-radius: 4px;
        text-align: center;
        border: 0px solid #fff;
        background: linear-gradient(349.32deg,#d5f1ff 10.05%,rgba(227,245,254,.51) 90.88%);
        box-shadow: 0 4px 18px 1px rgba(67,105,205,.09);
        padding: 10px 10px 10px 10px;
        margin-right: 1.25em;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }
}

@media only screen and (max-width:768px) {

    /*768px*/
    #bottom {
        padding: 7px 0;
        text-align: center;
    }

    /*768px*/
    #pagelist, #copyright {
        float: none;
        padding: 3px 0;
    }

        #pagelist li {
            float: none;
            display: inline-block;
            padding: 0 2%;
        }

    /*768px*/
    #bfoot, #bfoot > div {
        display: block;
        overflow: hidden;
    }

    /*768px*/
    #entrance {
        width: auto;
        margin-bottom: 3.5%;
    }

        #entrance .logo {
            margin-bottom: 3.5%;
        }

    /*768px*/
    #contact {
        padding: 0;
        float: left;
        width: 75%;
    }

        #contact ul {
            display: block;
        }

        #contact li {
            line-height: 1.875em;
        }

        #contact .name:before {
            top: 0.4em;
        }

    /*768px*/
    #follow {
        float: right;
    }

    /*768px*/
    #site {
        width: 140px;
        padding: 0;
    }

        #site span {
            padding: 0 1em;
        }

    /*768px*/
    #search {
        width: 14px;
    }

        #search span {
            width: 14px;
            height: 14px;
            background: url(../images/svg_search_grey.svg) no-repeat center center;
            background-size: contain;
            display: block;
            cursor: pointer;
        }

        #search .form {
            position: absolute;
            top: 100%;
            right: 0;
            width: 100%;
            background-color: #fff;
            padding: 8px 3.125%;
            display: none;
        }

    /*768px*/
    #logo {
        width: 226px;
    }

    #navi .parent {
        top: 50px;
        height: calc(100% - 50px);
    }

    #container {
        padding: 10px 0;
    }

    /*768px*/
    #pagebox ul {
        justify-content: space-around;
    }

    #pagebox li {
        width: auto;
        min-width: 30%;
        padding: 8px 2%;
    }

    #pagebox .icon {
        width: 16.86419271vw;
    }

    #pagebox2 ul {
        justify-content: space-around;
    }

    /*768px*/
    .module {
        padding: 15px;
        margin-bottom: 1em;
    }

    /*768px*/
    .mtitle {
        margin-bottom: 5px;
    }

    /*768px*/
    #banner .text {
        font-size: 24px;
    }

    /*768px*/
    #wrapper {
        padding-bottom: 7%;
    }

    /*768px*/
    #sidenav {
        margin-bottom: 5%;
    }

    /*768px*/
    #pagenavi a, #pagenavi span {
        display: none;
    }

    #pagenavi .a_prev, #pagenavi .a_next {
        display: inline-block;
    }

    /*768px*/
    #searchbox {
        padding: 5.5% 0;
        margin-bottom: 3.5%;
    }

        #searchbox .title {
            font-size: 1.5em;
        }

        #searchbox .input {
            padding-right: 3.5em;
        }

        #searchbox .text {
            padding-left: 1em;
            padding-right: 1em;
        }

        #searchbox .submit {
            width: 3.5em;
        }

    /*768px*/
    #result {
        display: block;
        margin-bottom: 1em;
    }

        #result .data {
            margin-bottom: 2.5%;
        }

        #result .column {
            text-align: center;
            white-space: nowrap;
            overflow-x: auto;
            padding-bottom: 2.5%;
            -webkit-overflow-scrolling: touch;
        }

            #result .column span {
                margin-left: 3%;
            }

                #result .column span:first-child {
                    margin-left: 0;
                }

    /*768px*/
    .columnname {
        margin-bottom: 2%;
    }

    /*768px*/
    #mappage, #mappage .text, #mappage .map {
        display: block;
        width: auto;
    }

        #mappage .text {
            margin-bottom: 5%;
        }

        #mappage .box {
            width: auto;
            max-width: none;
        }

    /*768px*/
    #council li {
        width: 50%;
        padding: 2% 0 5%;
    }

        #council li:nth-child(3n+1) .info, #council li:nth-child(3n+3) .info {
            float: none;
        }

    #council .info {
        max-width: 90%;
    }

    /*768px*/
    .aboutdata .num span {
        font-size: 5.46875vw;
    }

    /*768px*/
    .aboutbox .name {
        float: none;
        width: auto;
        margin-bottom: 1em;
    }

    .aboutbox .entry {
        margin-left: 0;
    }

    /*768px*/
    #organization .box {
        display: block;
        width: auto;
    }

    #organization .hgroup {
        margin-bottom: 3.5%;
    }

    #organization .item {
        width: auto;
        padding-right: 0;
    }

    /*768px*/
    #noticeBanner .bannerScroll .sub {
        display: none;
        background-color: #FFB74E;
        border-radius: 4px;
        color: #fff;
        margin: 10px 10px 10px 0px;
        padding: 0px 8px;
        height: 30px;
        flex-grow: 0;
        flex-shrink: 0;
    }
}

@media only screen and (max-width:540px) {

    /*540px*/
    #entrance .logo img {
        margin: 0 auto;
    }

    /*540px*/
    #follow {
        float: none;
        margin: 0 auto;
    }

    /*540px*/
    #contact {
        float: none;
        width: auto;
        margin-bottom: 3.5%;
    }

        #contact ul {
            display: inline-block;
        }

    /*540px*/
    #links {
        padding: 2.5% 0;
    }

        #links span {
            float: none;
        }

        #links ul {
            margin-left: 0;
            padding-left: 0;
        }

    /*540px*/
    #classification ul {
        width: auto;
        display: block;
    }

    #classification li {
        width: auto;
        padding-right: 0;
    }

    /*540px*/
    .newsitem {
        padding-bottom: 3.5%;
        margin-bottom: 3.5%;
    }

        .newsitem .figure {
            width: 110px;
        }

        .newsitem .title {
            margin-bottom: 4px;
        }

        .newsitem .excerpt {
            margin-bottom: 0;
            line-height: 1.75em;
            height: 3.5em;
        }

        .newsitem .date {
            display: none;
        }

    /*540px*/
    .aboutdata .num span {
        font-size: 28px;
    }
}


.home-code-bar {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.home-code-bar-left {
    width: 128px;
    height: 426px;
    position: absolute;
    left: 168px;
    top: 88px;
}

.home-code-bar-right {
    width: 128px;
    height: 426px;
    position: absolute;
    right: 168px;
    top: 88px;
    display: none;
}

.home-code-bar-title {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    font-weight: 500;
    border-radius: 4px 4px 0px 0px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 100%;
    font-size: 12px;
}

/*@media screen and (min-width: 1800px) {
    .home-code-bar-left {
        width: 128px;
        height: 420px;
        position: absolute;
        left: 168px;
        top: 546px;
    }

    .home-code-bar-right {
        width: 128px;
        height: 420px;
        position: absolute;
        right: 168px;
        top: 546px;
    }
}


@media screen and (min-width: 1570px) and (max-width: 1800px) {
    .home-code-bar-left {
        width: 128px;
        height: 420px;
        position: absolute;
        left: 168px;
        top: 546px;
    }

    .home-code-bar-right {
        width: 128px;
        height: 420px;
        position: absolute;
        right: 168px;
        top: 546px;
    }
}

@media screen and (min-width: 1450px) and (max-width: 1570px) {
    .home-code-bar-left {
        width: 108px;
        height: 360px;
        position: absolute;
        left: 112px;
        top: 546px;
    }

    .home-code-bar-right {
        width: 108px;
        height: 360px;
        position: absolute;
        right: 112px;
        top: 546px;
    }
}

@media screen and (max-width: 1449px) {
    .home-code-bar-left {
        width: 128px;
        height: 420px;
        position: absolute;
        left: 0px;
        top: 546px;
    }
    .home-code-bar-right {
        display: none;
        width: 128px;
        height: 420px;
        position: absolute;
        left: 0px;
        top: 546px;
    }
}*/
.home-code-bar img {
    border-radius: 4px;
    margin-bottom: 8px;
}

    .home-code-bar img:last-of-type {
        border-radius: 4px;
        margin-bottom: 0px;
    }