/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0
}

html {
    background: #fff;
    position: relative;
    height: 100%;
    font-size: 125%;
    overflow-x: hidden;
}

@media (max-width: 1200px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 1024px) {
    html {
        font-size: 87.5%;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 540px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 440px) {
    html {
        font-size: 87.5%;
    }
}

@media (max-width: 340px) {
    html {
        font-size: 75%;
    }
}

body {
    font-size: 100%;
    color: #333;
    font-family: "Microsoft YaHei";
    margin: 0 auto;
    min-height: 100%;
 
    background: #fff;
    overflow-x: hidden;
}

form {
    display: inline;
}

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

button, input, select, textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    font-family: "Microsoft YaHei";
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-appearance: none;
}

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

th {
    text-align: inherit
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

input, img {
    vertical-align: middle
}

ol, ul {
    list-style: none
}

em, i {
    font-style: normal
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: underline;
    color: #115db2;
}

textarea {
    resize: none
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.left {
    float: left;
}

.right {
    float: right;
}

.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/* ---- main-body Style ---- */
.main-body {
    width: 100%;
    overflow: hidden;
}

.content-body {
    background: #ededed;
}

.tab-head {
    zoom: 1;
}

.tab-head li {
    float: left;
    cursor: pointer;
}

.tab-body > li {
    display: none;
    position: relative;
}

.tab-body > li.thisclass {
    display: block;
}

.container {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.main-left-container {
    width: 64.25%;
    float: left;
}

.main-right-container {
    width: 32%;
    float: right;
}

/* older-model */
.older-model .container {
    max-width: 1500px;
}

.older-model .main-left-container {
    width: 100%;
    float: unset;
}

.older-model .main-right-container {
    width: 100%;
    float: unset;
}

@media (max-width: 1024px) {
    .main-body {
        padding-bottom: 14.8rem;
    }
}

@media (max-width: 768px) {
    .main-body {
        padding-bottom: 40.4vw;
    }

    .main-left-container {
        width: 100%;
        float: unset;
    }

    .main-right-container {
        width: 100%;
        float: unset;
    }
}

@media (max-width: 360px) {
    .main-body {
        padding-bottom: 46.8vw;
    }
}

@media (max-width: 320px) {
    .main-body {
        padding-bottom: 53.2vw;
    }
}

.container {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* ---- bottom-container Style ---- */
.banner-container {
    width: 100%;
    background: #115db2;
    position: relative;
}

.banner-container .banner {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 8.4rem;
    padding: 2.9rem 14.7rem 2.9rem 22.5rem;
    position: relative;
}

.banner-container .logo {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1.4rem;
    width: auto;
    height: 2.9rem;
}

.banner-container .logo img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.banner-container .linker {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.25rem;
    height: 2.5rem;
    padding: 0 0 0 3.1rem;
}

.banner-container .linker::before {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 2.5rem;
    width: 2.2rem;
    background: url(xfj202111_logo-yt-w.png) center center / 100% 100% no-repeat;
}

.banner-container .linker img.yt-logo {
    position: absolute;
    left: 0;
    top: 0;
    height: 2.5rem;
    width: 2.2rem;
}

.banner-container .linker p {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 12px;
    color: #fff;
}

.banner-container .linker a:hover {
    color: #daecfb;
}

.banner-container .linker span {
    cursor: pointer;
}

.banner-container .linker span:hover {
    color: #daecfb;
    text-decoration: underline;
}

/* older-model */
.older-model .banner-container .banner {
    min-height: 8.4rem;
    max-width: unset;
    padding: 4.75vw 0 4.75vw 0;
}

.older-model .banner-container .logo {
    position: relative;
    top: auto;
    left: 5%;
    margin-top: 0;
    width: auto;
    height: 4.75vw;
}

.older-model .banner-container .linker {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2.4vw;
    height: 4.75vw;
    padding: 0 0 0 5.6vw;
}

.older-model .banner-container .linker::before {
    height: 4.75vw;
    width: 4.75vw;
}

.older-model .banner-container .linker img.yt-logo {
    height: 4.75vw;
    width: 4.75vw;
}

.older-model .banner-container .linker p {
    height: 2.4vw;
    line-height: 2.4vw;
    font-size: 1.6vw;
}

@media (max-width: 1200px) {
    .banner-container .banner {
        min-height: 14vw;
        padding: 4.75vw 19rem 4.75vw 37.5vw;
    }

    .banner-container .logo {
        margin-top: -2.4vw;
        height: 4.75vw;
    }

    .banner-container .linker {
        margin-top: -2.1vw;
        height: 4.25vw;
        padding: 0 0 0 5vw;
    }

    .banner-container .linker::before {
        height: 4.25vw;
        width: 4.25vw;
    }

    .banner-container .linker img.yt-logo {
        height: 4.25vw;
        width: 4.25vw;
    }

    .banner-container .linker p {
        height: 2vw;
        line-height: 2vw;
    }
}

@media (max-width: 768px) {
    .banner-container .banner {
        width: 94%;
        max-width: 1200px;
        margin: 0 auto;
        min-height: unset;
        padding: 4.8vw 0;
    }

    .banner-container .logo {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 0;
        height: 10vw;
    }

    .banner-container .logo img {
        width: auto;
        height: 100%;
    }

    .banner-container .linker {
        display: none;
    }

}

/* ---- search-box Style ---- */
.search-box {
    float: right;
    width: 100%;
    max-width: 17.5rem;
    margin: 0.2rem auto 0;
    position: relative;
    padding: 0 2.4rem 0 4rem;
    background: #ffffff;
    border: 1px solid #b5b5b5;
    border-radius: 1px;
}

.search-box input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

.search-box input::-webkit-input-placeholder,
.search-box textarea::-webkit-input-placeholder {
    color: #cbcbcb;
}

.search-box input:-moz-placeholder,
.search-box textarea:-moz-placeholder {
    color: #cbcbcb;
}

.search-box input::-moz-placeholder,
.search-box textarea::-moz-placeholder {
    color: #cbcbcb;
}

.search-box input:-ms-input-placeholder,
.search-box textarea:-ms-input-placeholder {
    color: #cbcbcb;
}

.search-box .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.4rem;
    height: 1.9rem;
    line-height: 1.9rem;
    text-align: center;
    background-color: #fff;
    background-position: center center;
    background-size: 1.05rem auto;
    background-repeat: no-repeat;
    background-image: url(xfj202111_icon-search-b.png);
    border: none;
    outline: none;
    font-size: 0.9rem;
    color: #ffffff;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
}

.search-box .select-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 1.9rem;
    width: 4rem;
    background: url("xfj202111_arrow-select.png") right center / 1rem auto no-repeat #fff;
    overflow: hidden;
    font-size: 0.8rem;
    color: #666666;
}

.search-box .select-box::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5rem;
    height: 1rem;
    width: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: #cbcbcb;
    z-index: 1;
}

.search-box .select-box select {
    height: 1.8rem;
    width: 5rem;
    border: none;
    padding-left: 1rem;
    font-size: 0.8rem;
    color: #666666;
    background: none;
    /*寰堝叧閿細灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄�*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*鍦ㄩ€夋嫨妗嗙殑鏈€鍙充晶涓棿鏄剧ず灏忕澶村浘鐗�*/
    /*涓轰笅鎷夊皬绠ご鐣欏嚭涓€鐐逛綅缃紝閬垮厤琚枃瀛楄鐩�*/
}

.search-box .text-input {
    width: 100%;
    height: 1.9rem;
    line-height: 1.9rem;
    border: none;
    outline: none;
    background: #fff;
    font-size: 0.8rem;
    color: #666666;
    padding: 0 0.6rem;
}

/* older-model */
.older-model .search-box {
    display: none;
}

@media (max-width: 1200px) {
    .search-box {
        margin: 0.25vw auto 0;
        padding: 0 4vw 0 6.75vw;
    }

    .search-box .btn {
        width: 4vw;
        height: 3.25vw;
        line-height: 3.25vw;
        font-size: 1.25vw;
        background-position: 1.75vw center;
        background-size: 1.75vw auto;
    }

    .search-box .select-box {
        height: 3.25vw;
        width: 6.75vw;
        background-size: 1.75vw auto;
        font-size: 1.25vw;
    }

    .search-box .select-box::before {
        margin-top: -0.9vw;
        height: 1.75vw;
    }

    .search-box .select-box select {
        height: 3.25vw;
        width: 8.25vw;
        padding-left: 1.75vw;
        font-size: 1.25vw;
    }

    .search-box .text-input {
        height: 3.25vw;
        line-height: 3.25vw;
        font-size: 1.75vw;
        padding: 0 1vw;
    }
}

@media (max-width: 768px) {
    .search-box {
        display: none;
    }
}

/* ---- menu-pc-container Style ---- */
.menu-pc-container {
    width: 100%;
    border-top: 1px solid #0c417c;
    background: #115db2;
    position: relative;
    z-index: 1;
}

.menu-pc-container .menu {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
}

.menu-pc-container .menu > ul {
    width: 100%;
    height: 3rem;
    z-index: 1;
    display: flex;
    justify-content: space-between;
}

.menu-pc-container .menu > ul > li {
    float: left;

}

.menu-pc-container .menu > ul > li > a {
    display: inline-block;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    color: #ffffff;
    position: relative;
}

.menu-pc-container .menu > ul > li > a::before {
    display: none;
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 0.2rem;
    line-height: 0;
    font-size: 0;
    background: #fff;
}

.menu-pc-container .menu > ul > li > a img {
    margin-right: 0.6rem;
    width: 1.1rem;
    height: auto;
}

.menu-pc-container .menu > ul > li > a:hover {
    text-decoration: none;
}

.menu-pc-container .menu > ul > li:hover > a::before,
.menu-pc-container .menu > ul > li.active > a::before {
    display: block;
}

.menu-pc-container .menu > ul > li:last-of-type {
    margin-right: 0;
}

.menu-pc-container .menu > ul > li .sub {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background: #daecfb;
}

.menu-pc-container .menu > ul > li ul {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.5rem 0 0.5rem;
    text-align: center;
    line-height: 0;

    /* border-radius: 0 0 0.4rem 0.4rem;
    box-shadow: 0 0.2rem 0.4em rgba(0, 0, 0, 0.2); */
}

.menu-pc-container .menu > ul > li:nth-of-type(2) ul {
    padding-left: 4.7%;
    text-align: left;
}

.menu-pc-container .menu > ul > li:nth-of-type(5) ul {
    padding-left: 4%;
}

.menu-pc-container .menu > ul > li:nth-of-type(6) ul {
    padding-right: 4%;
}

.menu-pc-container .menu > ul > li ul.m-left {
    text-align: left;
}

.menu-pc-container .menu > ul > li ul.m-right {
    text-align: right;
}

.menu-pc-container .menu > ul > li ul.two-row {
    background: #1367d0;
}

.menu-pc-container .menu > ul > li:hover .sub {
    display: block;
}

.menu-pc-container .menu > ul > li.active .sub {
    display: block;
}

.menu-pc-container .menu > ul > li ul li {
    display: inline-block;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.8rem;
    color: #333333;
    margin-right: 4.25%;
}

.menu-pc-container .menu > ul > li ul li a:hover {
    text-decoration: none;
    color: #115db2;
}

/* older-model  */
.older-model .menu-pc-container .menu {
    width: 94%;
    max-width: 1500px;
}

.older-model .menu-pc-container .menu .menu-bg::before {
    border-bottom: 5.5rem solid #1367d0;
    border-right: 3.2rem solid transparent;
}

.older-model .menu-pc-container .menu > ul {
    width: 100%;
    height: 5vw;
}

.older-model .menu-pc-container .menu > ul > li {
    width: 14.285%;
    margin-right: 0;
    text-align: center;
}

.older-model .menu-pc-container .menu > ul > li > a {
    height: 5vw;
    line-height: 5vw;
    font-size: 1.8vw;
}

.older-model .menu-pc-container .menu > ul > li > a::before {
    height: 0.2rem;
}

.older-model .menu-pc-container .menu > ul > li > a img {
    margin-right: 0.6rem;
    width: 1.1rem;
}

.older-model .menu-pc-container .menu > ul > li ul {
    padding: 1vw 0 !important;
}

.older-model .menu-pc-container .menu > ul > li ul li {
    height: 2.4vw;
    line-height: 2.4vw;
    font-size: 1.6vw;
    margin-right: 4.25%;
}

@media (max-width: 1200px) {
    .older-model .menu-pc-container .menu > ul > li > a {
        font-size: 3vw;
    }
}

@media (max-width: 840px) {
    .menu-pc-container .menu > ul > li {
        float: left;
        margin-right: 6%;
    }
}

@media (max-width: 768px) {
    .menu-pc-container {
        display: none;
    }
}

/* ---- toggle-nav Style ---- */
.toggle-nav {
    display: none;
}

@media (max-width: 768px) {
    .toggle-nav {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4vw;
        right: 3.25vw;
        cursor: pointer;
        color: #fff;
        padding: 1.8vw 0 0 1vw;
        border: 0.4vw solid #fff;
        border-radius: 1.2vw;
        width: 8vw;
        height: 8vw;
        z-index: 9999;
        /* background: rgba(255,255,255,0.6); */
    }

    .toggle-nav .open span.m,
    .toggle-nav .open span.n,
    .toggle-nav .open span.u {
        opacity: 1;
    }

    .toggle-nav span.m,
    .toggle-nav span.n,
    .toggle-nav span.u {
        font-size: 2.8vw;
        opacity: 0;
        -webkit-transition: 250ms;
        transition: 250ms;
        letter-spacing: 0.1rem;
    }

    .toggle-nav span.e {
        display: inline-block;
        height: 6vw;
        width: 6vw;
    }

    .toggle-nav span.e.btn-close span.bar:nth-child(1) {
        -webkit-transition: 250ms;
        transition: 250ms;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 1.6vw;
    }

    .toggle-nav span.e.btn-close span.bar:nth-child(2) {
        opacity: 0;
        -webkit-transition: 250ms;
        transition: 250ms;
    }

    .toggle-nav span.e.btn-close span.bar:nth-child(3) {
        -webkit-transition: 250ms;
        transition: 250ms;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 1.6vw;
    }

    .toggle-nav span.e span.bar {
        -webkit-transition: 250ms;
        transition: 250ms;
        position: relative;
        display: block;
        background: #fff;
        border-radius: 0.4vw;
        border-bottom: 0.4vw solid #fff;
        width: 5.2vw;
        height: 0.4vw;
    }

    .toggle-nav span.e span.bar:nth-child(2) {
        margin: 1.2vw 0;
    }

    .toggle-nav :hover span.m,
    .toggle-nav :hover span.n,
    .toggle-nav :hover span.u {
        opacity: 1;
        -webkit-transition: 250ms;
        transition: 250ms;
    }
}

/* ---- menu in mobile Style ---- */
.navPaneBtn {
    display: none;
}

.navPane {
    display: none;
    -webkit-transition: 250ms;
    transition: 250ms;
    position: fixed;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
    top: 0;
    height: 100%;
    width: 85%;
    background: rgba(19, 103, 208, 0.8);
    box-shadow: 0px 0.3rem 0.6rem rgba(19, 103, 208, 0.98);
    z-index: 9998;
    padding: 5%;
    overflow-y: auto;
}

.navPane.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 250ms;
    transition: 250ms;
}

@media (max-width: 768px) {
    .navPaneBtn {
        display: none;
        position: fixed;
        right: 0;
        width: 100%;
        height: 100%;
        top: 0px;
        background: rgba(0, 0, 0, 0.1);
        z-index: 998;
    }

    .navPaneBtn.open {
        display: block;
    }

    .navPane {
        display: block;
    }

    .mobileMenu {
        width: 100%;
        padding: 10% 0;
    }

    .mobileMenu > li {
        display: block;
        margin: 0;
        padding: 0;
        border: 0px;
        position: relative;
    }

    .otherlinks {
        border-top: 1px solid rgba(255, 255, 255, 0.43);
        margin: 5% auto 0;
        padding-bottom: 0;
    }

    .mobileMenu > li > a.afinve {
        display: inline-block;
        overflow: hidden;
        padding: 0px 5%;
        text-align: left;
        line-height: 10vw;
        color: #fff;
        transition: all .3s;
        position: relative;
        text-decoration: none;
        font-size: 4.4vw;
        position: relative;
        z-index: 1;
        margin-right: 10vw;
    }

    .otherlinks > li > a.afinve {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .mobileMenu > li > a.btn {
        position: absolute;
        height: 10vw;
        width: 10vw;
        top: 0;
        right: 0;
    }

    .mobileMenu li a .arrow::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        margin: -1vw auto 0;
        width: 2vw;
        height: 2vw;
        font-size: 0;
        line-height: 0;
        background-image: url(xfj202111_menu_right.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        z-index: 99;
    }

    .mobileMenu li a .arrow.open::before {
        background-image: url(xfj202111_menu_down.png);
        background-size: auto 100%;
    }

    .mobileMenu > li > a.active, .mobileMenu > li > a:hover {
        color: #FFF;
    }

    .mobileMenu > li > ul.sub-menu, .mobileMenu > li > ul.sub-menu > li > ul.sub-menu {
        display: none;
        list-style: none;
        clear: both;
        margin: 0.4rem 0px 0px 8%;
        padding-bottom: 0.3rem;
    }

    .mobileMenu > li > ul.sub-menu li {
        background: none;
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    .mobileMenu > li > ul.sub-menu li a .arrow::before {
        margin-top: 0;
        top: 0.9rem;
    }

    .mobileMenu > li > ul.sub-menu li > a {
        display: block;
        font-size: 1.1rem;
        line-height: 2.6rem;
        padding-left: 1.1rem;
        color: #fff;
        clear: both;
    }

    .mobileMenu > li > ul.sub-menu li > a.active, .mobileMenu > li > ul.sub-menu li > a:hover, .mobileMenu > li > ul.sub-menu > li.active > a {
        color: #FFF;
    }
}

/* ---- crumbs-container Style ---- */
.crumbs-container {
    width: 100%;
    background: #f4f4f4;
    margin-bottom: 1.5rem;
}

.content-container .crumbs-container {
    background: #fff;
}

.crumbs-container .crumbs {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.5rem 0 0.5rem 1.5rem;
    font-size: 14px;
    color: #333333;
    line-height: 1.4rem;
    position: relative;
}

.crumbs-container .crumbs::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5rem;
    height: 1.4rem;
    width: 1.5rem;
    line-height: 0;
    font-size: 0;
    background: url(xfj202111_icon-crumbs.png) left center / auto 0.9rem no-repeat;
}

.crumbs-container .crumbs a:hover {
    color: #115db2;
}

/* older-model */
.older-model .crumbs-container {
    margin-bottom: 2.5vw;
}

.older-model .crumbs-container .crumbs {
    max-width: 1500px;
    padding: 1vw 0 1vw 4vw;
    font-size: 2vw;
    line-height: 4vw;
}

.older-model .crumbs-container .crumbs::before {
    top: 1vw;
    height: 4vw;
    width: 4vw;
    background-size: auto 2vw;
}

@media (max-width: 1200px) {
    .crumbs-container {
        margin-bottom: 2.5vw;
    }

    .crumbs-container .crumbs {
        padding: 1vw 0 1vw 2.5vw;
        font-size: 1.25vw;
        line-height: 2.5vw;
    }

    .crumbs-container .crumbs::before {
        top: 1vw;
        height: 2.5vw;
        width: 2.5vw;
        background-size: auto 1.75vw;
    }
}

@media (max-width: 768px) {
    .crumbs-container {
        margin-bottom: 4vw;
    }

    .crumbs-container .crumbs {
        padding: 1.6vw 0 1.6vw 4vw;
        font-size: 3.2vw;
        line-height: 4vw;
    }

    .crumbs-container .crumbs::before {
        top: 1.6vw;
        height: 4vw;
        width: 4vw;
        background-size: auto 2.4vw;
    }
}

/* ---- left-nav-container Style ---- */
.left-nav-container {
    float: left;
    width: 23.25%;
    margin-bottom: 2.5rem;
    padding: 0 2% 2%;
    border: 1px solid #7ea4d7;
}

.left-nav-head {
    height: 4rem;
    display: table;
}

.left-nav-head span {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    padding: 0 0.3rem;
    font-size: 1.2rem;
    color: #115db2;
    line-height: 1.6rem;
}

.left-nav-list > li > a {
    position: relative;
    display: block;
    width: 100%;
    min-height: 2.5rem;
    font-size: 0.8rem;
    line-height: 1.3rem;
    padding: 0.6rem 3rem 0.6rem 1.5rem;
    color: #333333;
    background: #f5f5f5;
    border-bottom: 1px solid #d5d5d5;
}

.left-nav-list > li > a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    margin-top: -0.45rem;
    height: 0.9rem;
    width: 0.5rem;
    background: url(xfj202111_nav-arrow.png) center center / 100% 100% no-repeat;
}

.left-nav-list > li.active > a,
.left-nav-list > li > a:hover {
    background: #115db2;
    color: #fff;
}

.left-nav-list > li.active > a::before,
.left-nav-list > li > a:hover::before {
    background-image: url(xfj202111_nav-arrow-on.png);
}

.left-nav-list > li a:hover {
    text-decoration: none;
}

.left-nav-list > li ul {
    border: 1px solid #f5f5f5;
    border-top: none;
    padding: 0 0;
}

.left-nav-list > li ul li {
    border-bottom: 1px dotted #d5d5d5;
}

.left-nav-list > li ul li:last-of-type {
    border-bottom: none;
}

.left-nav-list > li ul li a {
    display: block;
    padding: 0.6rem 2.1rem;
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: 333333;
}

.left-nav-list > li ul li a:hover {
    color: #115db2;
}

/* older-model */
.older-model .left-nav-container {
    width: 30%;
    margin-bottom: 4.25vw;
}

.older-model .left-nav-head {
    height: 6.75vw;
}

.older-model .left-nav-head span {
    padding: 0 0.5vw;
    font-size: 2vw;
    line-height: 2.8vw;
}

.older-model .left-nav-list > li > a {
    min-height: 4.25vw;
    font-size: 1.8vw;
    line-height: 2.25vw;
    padding: 1vw 5vw 1vw 2.5vw;
}

.older-model .left-nav-list > li > a::before {
    right: 2vw;
    margin-top: -0.8vw;
    height: 1.75vw;
    width: 0.75vw;
}

.older-model .left-nav-list > li ul li a {
    padding: 1vw 3.5vw;
    font-size: 1.6vw;
    line-height: 2.25vw;
}

@media (max-width: 1200px) {
    .left-nav-container {
        margin-bottom: 4.25vw;
    }

    .left-nav-head {
        height: 6.75vw;
    }

    .left-nav-head span {
        padding: 0 0.5vw;
        font-size: 2vw;
        line-height: 2.8vw;
    }

    .left-nav-list > li > a {
        min-height: 4.25vw;
        font-size: 1.25vw;
        line-height: 2.25vw;
        padding: 1vw 5vw 1vw 2.5vw;
    }

    .left-nav-list > li > a::before {
        right: 2vw;
        margin-top: -0.8vw;
        height: 1.75vw;
        width: 0.75vw;
    }

    .left-nav-list > li ul li a {
        padding: 1vw 3.5vw;
        font-size: 1.25vw;
        line-height: 2.25vw;
    }
}

@media (max-width: 768px) {
    .left-nav-container {
        display: none;
    }
}

/* ---- right-nav-container Style ---- */
.right-nav-container {
    float: right;
    width: 75%;
}

.main-lists-container {
    border: 1px solid #7ea4d7;
    margin-bottom: 2.5rem;
}

.main-lists-container > .current-column {
    display: none;
}

.main-lists {
    padding: 1.6rem;
}

.main-lists li {
    padding-bottom: 1rem;
    border-bottom: 1px dotted #ababab;
    margin-bottom: 1rem;
}

.main-lists li .item {
    padding-left: 5.2rem;
    min-height: 4.35rem;
    position: relative;
}

.main-lists li .time {
    position: absolute;
    left: 0;
    top: 0;
    width: 4.1rem;
    height: 4.35rem;
    border: 1px solid #115db2;
    background: #115db2;
}

.main-lists li .time h2 {
    height: 2.8rem;
    line-height: 2.8rem;
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    color: #115db2;
    font-weight: normal;
    background: #fff;
}

.main-lists li .time p {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: 0.8rem;
    color: #ffffff;
    text-align: center;
}

.main-lists li h1 {
    min-height: 1.5rem;
    line-height: 1.5rem;
    font-size: 1rem;
    color: #333;
    font-weight: normal;
    margin-bottom: 0.45rem;
}

.main-lists li p.con {
    font-size: 0.7rem;
    line-height: 1.2rem;
    color: #999999;
}

/* older-model */
.older-model .right-nav-container {
    width: 68%;
}

.older-model .main-lists-container {
    border: 1px solid #7ea4d7;
    margin-bottom: 6.8vw;
}

.older-model .main-lists {
    padding: 2.5vw;
}

.older-model .main-lists li {
    padding-bottom: 2.8vw;
    margin-bottom: 2.8vw;
}

.older-model .main-lists li .item {
    padding-left: 5.2rem;
    min-height: 6.4vw;
}

.older-model .main-lists li .time {
    width: 4.1rem;
    height: 6.4vw;
}

.older-model .main-lists li .time h2 {
    height: 4vw;
    line-height: 4vw;
    font-size: 2.6rem;
}

.older-model .main-lists li .time p {
    height: 2.4vw;
    line-height: 2.4vw;
    font-size: 0.8rem;
}

.older-model .main-lists li h1 {
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
    align-content: center;
    min-height: 6.4vw;
    line-height: 3.2vw;
    font-size: 2.4vw;
    margin-bottom: 0;
}

.older-model .main-lists li p.con {
    display: none;
}

@media (max-width: 1200px) {
    .main-lists-container {
        margin-bottom: 4.25vw;
    }

    .main-lists {
        padding: 2.75vw;
    }

    .main-lists li {
        padding-bottom: 1.75vw;
        margin-bottom: 1.75vw;
    }

    .main-lists li .item {
        padding-left: 5.2rem;
        min-height: 4.35rem;
    }

    .main-lists li .time {
        width: 4.1rem;
        height: 4.35rem;
    }

    .main-lists li .time h2 {
        height: 2.8rem;
        line-height: 2.8rem;
        font-size: 4.25vw;
    }

    .main-lists li .time p {
        height: 1.4rem;
        line-height: 1.4rem;
        font-size: 1.25vw;
    }

    .main-lists li h1 {
        min-height: 2.5vw;
        line-height: 2.5vw;
        font-size: 1.75vw;
        margin-bottom: 0.75vw;
    }

    .main-lists li p.con {
        font-size: 1.25vw;
        line-height: 2vw
    }
}

@media (max-width: 768px) {
    .right-nav-container {
        width: 100%;
    }

    .main-lists-container {
        border: none;
        padding: 0;
        margin-bottom: 6.8vw;
    }

    .main-lists {
        padding: 0;
    }

    .main-lists li {
        padding-bottom: 2.8vw;
        margin-bottom: 2.8vw;
    }

    .main-lists li .item {
        padding-left: 5.2rem;
        min-height: 12vw;
    }

    .main-lists li .time {
        width: 4.1rem;
        height: 12vw;
    }

    .main-lists li .time h2 {
        height: 7.6vw;
        width: 100%;
        line-height: 7.6vw;
        font-size: 6vw;
    }

    .main-lists li .time p {
        height: 4vw;
        line-height: 4vw;
        font-size: 0.8rem;
    }

    .main-lists li h1 {
        display: flex;
        justify-content: left;
        align-items: center;
        align-content: center;
        text-align: left;
        min-height: 12vw;
        line-height: 6vw;
        font-size: 4vw;
        margin-bottom: 1.2vw;
    }

    .main-lists li p.con {
        display: none;
    }
}

@media (max-width: 360px) {
    .main-lists li .time {
        width: 4.6rem;
    }
}

/* ---- common-news-lists Style ---- */
.common-news-lists {
    padding: 1.8rem;
}

.common-news-lists li {
    min-height: 2.1rem;
    position: relative;
    padding: 0.4rem 4rem 0.4rem 1rem;
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: #333;
}

.common-news-lists.have-year li {
    padding-right: 5rem;
}

.common-news-lists.columns4 li {
    float: left;
    width: 22%;
    margin-right: 4%;
    padding-right: 0;
}

.common-news-lists.columns4 li:nth-of-type(4n) {
    margin-right: 0;
}

.common-news-lists.columns2 li {
    float: left;
    width: 48%;
    margin-right: 4%;
    padding-right: 0;
}

.common-news-lists.columns2 li:nth-of-type(2n) {
    margin-right: 0;
}

.common-news-lists li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.9rem;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-radius: 50%;
    background: #1c64b5;
}

.common-news-lists li span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.4rem 0;
    line-height: 1.3rem;
    font-size: 0.7rem;
    color: #999;
}

/* older-model */
.older-model .common-news-lists {
    padding: 2vw;
}

.older-model .common-news-lists li {
    min-height: 5.2vw;
    padding: 0.8vw 5rem 0.8vw 1rem;
    font-size: 1.8vw;
    line-height: 2.6vw;
}

.older-model .common-news-lists.have-year li {
    padding-right: 10vw;
}

.older-model .common-news-lists.columns4 li {
    width: 48%;
    margin-right: 4%;
    padding-right: 0;
}

.older-model .common-news-lists.columns4 li:nth-of-type(2n) {
    margin-right: 0;
}

.older-model .common-news-lists.columns2 li {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
}

.older-model .common-news-lists li::before {
    top: 2vw;
    width: 0.5vw;
    height: 0.5vw;
}

.older-model .common-news-lists li span {
    padding: 0.8vw 0;
    line-height: 2.6vw;
    font-size: 1.5vw;
}

@media (max-width: 1200px) {
    .common-news-lists {
        padding: 3vw;
    }

    .common-news-lists li {
        min-height: 3.75vw;
        padding: 0.75vw 6.75vw 0.75vw 1.75vw;
        font-size: 1.33vw;
        line-height: 2.25vw;
    }

    .common-news-lists.have-year li {
        padding-right: 9vw;
    }

    .common-news-lists li::before {
        top: 1.6vw;
        width: 0.5vw;
        height: 0.5vw;
    }

    .common-news-lists li span {
        padding: 0.75vw 0;
        line-height: 2.25vw;
        font-size: 1.25vw;
    }
}

@media (max-width: 768px) {
    .common-news-lists {
        padding: 0;
    }

    .common-news-lists li {
        min-height: 8vw;
        padding: 1.2vw 12vw 1.2vw 2.8vw;
        font-size: 4vw;
        line-height: 5.6vw;
    }

    .common-news-lists.have-year li {
        padding-right: 22.8vw;
    }

    .common-news-lists.columns4 li {
        width: 48%;
        margin-right: 4%;
    }

    .common-news-lists.columns4 li:nth-of-type(2n) {
        margin-right: 0;
    }

    .common-news-lists.columns2 li {
        width: 100%;
        margin-right: 0;
    }

    .common-news-lists li::before {
        top: 3.6vw;
        width: 0.8vw;
        height: 0.8vw;
    }

    .common-news-lists li span {
        padding: 1.2vw 0;
        line-height: 5.6vw;
        font-size: 3.2vw;
    }
}

/* ---- bottom-container Style ---- */
.column-content-container {
    padding: 0.6rem 1.6rem 1.6rem;
    border: 1px solid #7ea4d7;
    margin-bottom: 2.5rem;
}

.column-content-container > .current-column {
    display: none;
}

.column-content-head {
    position: relative;
    height: 2.6rem;
    margin-bottom: 1.5rem;
}

.main-lists-container .column-content-head {
    width: 94%;
    width: calc(100% - 3.2rem);
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.6rem;
    margin-bottom: 0;
}

.column-content-head::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    background: #eaeaea;
}

.column-content-head h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2.6rem;
    line-height: 2.5rem;
    border-bottom: 3px solid #115db2;
    font-size: 1.2rem;
    color: #115db2;
    font-weight: bold;
}

.column-content-head a.more {
    position: absolute;
    right: 0;
    top: 0;
    height: 2.6rem;
    line-height: 2.5rem;
    color: #999;
    font-size: 0.8rem;
}

.column-content-head a.more:hover {
    color: #115db2;
}

/* older-model */
.older-model .column-content-container {
    padding: 1vw 2.75vw 2.75vw;
    border: 1px solid #7ea4d7;
    margin-bottom: 6.8vw;
}

.older-model .column-content-head {
    height: 6.8vw;
    margin-bottom: 2.5vw;
}

.older-model .main-lists-container .column-content-head {
    width: 94%;
    width: calc(100% - 5.5vw);
    margin-top: 1vw;
}

.older-model .column-content-head h1 {
    height: 6.8vw;
    line-height: 6.4vw;
    font-size: 2.8vw;
}

.older-model .column-content-head a.more {
    height: 6.4vw;
    line-height: 6.4vw;
    font-size: 2.4vw;
}

@media (max-width: 1200px) {
    .column-content-container {
        padding: 1vw 2.75vw 2.75vw;
        margin-bottom: 4.25vw;
    }

    .column-content-head {
        height: 4.25vw;
        margin-bottom: 2.5vw;
    }

    .main-lists-container .column-content-head {
        width: 94%;
        width: calc(100% - 5.5vw);
        margin-top: 1vw;
    }

    .column-content-head h1 {
        height: 4.25vw;
        line-height: 4.25vw;
        font-size: 2vw;
    }

    .column-content-head a.more {
        height: 4.25vw;
        line-height: 4.25vw;
        font-size: 1.5vw;
    }
}

@media (max-width: 768px) {
    .column-content-container {
        padding: 0;
        border: none;
        padding: 0;
        margin-bottom: 6.8vw;
    }

    .column-content-head {
        display: none;
        height: 6.8vw;
        margin-bottom: 4vw;
    }

    .main-lists-container .column-content-head {
        width: 94%;
        width: calc(100% - 0);
        margin-top: 1vw;
    }

    .column-content-head h1 {
        height: 6.8vw;
        line-height: 6.4vw;
        font-size: 4vw;
    }

    .column-content-head a.more {
        height: 6.4vw;
        line-height: 6.4vw;
        font-size: 3.2vw;
    }
}

/* ---- bottom-container Style ---- */
.common-table-container {
    width: 94%;
    width: calc(100% - 3.2rem);
    margin: 0 auto;
    margin-top: 1.8rem;
}

.table-search-box {
    width: 94%;
    width: calc(100% - 3.2rem);
    margin: 1.8rem auto;
    position: relative;
    padding: 0 4rem 0 0;
}

.table-search-box ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    line-height: 0;
    font-size: 0;
}

.table-search-box ul li {
    display: inline-block;
    width: 33.33%;
    position: relative;
    font-size: 0.8rem;
}

.table-search-box ul li.pad-r {
    padding-right: 0.6rem;
}

.table-search-box ul li.em1 {
    padding-left: 1em;
}

.table-search-box ul li.em2 {
    padding-left: 2em;
}

.table-search-box ul li.em3 {
    padding-left: 3em;
}

.table-search-box ul li.em4 {
    padding-left: 4em;
}

.table-search-box ul li.em5 {
    padding-left: 5em;
}

.table-search-box ul li.em6 {
    padding-left: 6em;
}

.table-search-box ul li label {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.8rem;
}

.table-search-box ul li input.text-input {
    width: 100%;
    height: 1.6rem;
    line-height: 1.5rem;
    padding: 0 0.6rem;
    outline: none;
    border: 1px solid #7ea4d7;
}

.table-search-box .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 1.6rem;
    line-height: 1.6rem;
    width: 3.4rem;
    border: none;
    background: #7ea4d7;
    outline: none;
    font-size: 0.8rem;
    color: #fff;
}

.common-table-list {
    margin-bottom: 1.8rem;
    overflow-x: auto;
}

.common-table-list table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dcedff;
}

.common-table-list table th {
    background: #dcedff;
    font-size: 0.7rem;
    color: #115db2;
    min-height: 2rem;
    line-height: 1.2rem;
    text-align: center;
    border: 1px solid #dcedff;
    padding: 0.5rem 0.3rem;;
}

.common-table-list table td {
    font-size: 0.7rem;
    color: #333;
    min-height: 2rem;
    line-height: 140%;
    text-align: center;
    border: 1px solid #dcedff;
    padding: 0.5rem 0.3rem;
}

.common-table-list table .t-left {
    text-align: left;
}

/* older-model */
.older-model .common-table-container {
    width: 94%;
    width: calc(100% - 5.5vw);
    margin-top: 0;
}

.older-model .table-search-box {
    width: 94%;
    width: calc(100% - 5.5vw);
    padding: 0 0 0 0;
    margin: 0 auto 4.8vw;
}

.older-model .table-search-box ul li {
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 1.6vw;
    padding-left: 8rem !important;
}

.older-model .table-search-box ul li.pad-r {
    padding-right: 0;
}

.older-model .table-search-box ul li label {
    height: 2.4vw;
    line-height: 2.4vw;
    font-size: 1.2rem;
    width: 8rem;
    text-align: right;
}

.older-model .table-search-box ul li input.text-input {
    width: 100%;
    height: 2.4vw;
    line-height: 2vw;
    font-size: 1.2rem;
    padding: 0 1.6vw;
}

.older-model .table-search-box .btn {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    height: 3.2vw;
    line-height: 2.8vw;
    width: 38.2%;
    margin-left: 8rem;
    font-size: 1.2rem;
}

.older-model .common-table-list {
    margin-bottom: 3vw;
}

.older-model .common-table-list table th {
    font-size: 1.2rem;
    min-height: 2.6rem;
    line-height: 1.6rem;
    padding: 0.5rem 0.3rem;
}

.older-model .common-table-list table td {
    font-size: 1.2rem;
    min-height: 2.6rem;
    line-height: 1.6rem;
    padding: 0.5rem 0.3rem;
}

@media (max-width: 1200px) {
    .common-table-container {
        width: calc(100% - 5.5vw);
        margin-top: 3vw;
    }

    .table-search-box {
        width: calc(100% - 5.5vw);
        padding: 0 6.75vw 0 0;
        margin: 3vw auto;
    }

    .table-search-box ul li {
        font-size: 1.25vw;
    }

    .table-search-box ul li.pad-r {
        padding-right: 1vw;
    }

    .table-search-box ul li label {
        height: 2.75vw;
        line-height: 2.75vw;
        font-size: 1vw;
    }

    .table-search-box ul li input.text-input {
        height: 2.75vw;
        line-height: 2.5vw;
        padding: 0 1vw;
    }

    .table-search-box .btn {
        height: 2.75vw;
        line-height: 2.75vw;
        width: 5.75vw;
        font-size: 1.25vw;
    }

    .common-table-list {
        margin-bottom: 3vw;
    }
}

@media (max-width: 768px) {
    .common-table-container {
        width: 94%;
        width: calc(100% - 0rem);
        margin-top: 0;
    }

    .table-search-box {
        width: 94%;
        width: calc(100% - 0rem);
        padding: 0 0 0 0;
        margin: 0 auto 4.8vw;
    }

    .table-search-box ul li {
        width: 100%;
        font-size: 0.8rem;
        margin-bottom: 1.6vw;
        padding-left: 6rem !important;
    }

    .table-search-box ul li.pad-r {
        padding-right: 0;
    }

    .table-search-box ul li label {
        height: 5.6vw;
        line-height: 5.6vw;
        font-size: 0.8rem;
        width: 6rem;
        text-align: right;
    }

    .table-search-box ul li input.text-input {
        width: 100%;
        height: 5.6vw;
        line-height: 5.2vw;
        padding: 0 1.6vw;
    }

    .table-search-box .btn {
        display: block;
        position: relative;
        right: auto;
        top: auto;
        height: 6vw;
        line-height: 5.6vw;
        width: 38.2vw;
        margin-left: 6rem;
        font-size: 0.8rem;
    }

    .common-table-list {
        margin-bottom: 4.8vw;
    }

    .common-table-list table th {
        font-size: 0.8rem;
        padding: 0.5rem 0.3rem;
    }

    .common-table-list table td {
        font-size: 0.8rem;
        padding: 0.5rem 0.3rem;
    }
}

/* ---- bottom-container Style ---- */
.content-container {
    background: #fff;
    padding: 0.75rem 0 4rem;
}

.content-title-box {
    width: 85%;
    margin: 0 auto 1.8rem;
    padding-bottom: 0.4rem;
    overflow: hidden;
    position: relative;
}

.column-content-container .content-title-box {
    width: 100%;
}

.content-title-box::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.4rem;
    width: 100%;
    line-height: 0;
    font-size: 0;
    background: url(xfj202111_content-title-border.png) center center / auto 100% repeat-x;
}

.content-title-box h1 {
    line-height: 2.4rem;
    font-size: 2.0rem;
    color: #333;
    margin-bottom: 1.2rem;
    text-align: center;
}

.content-title-box .info-box {
    min-height: 1.6rem;
    line-height: 1.6rem;
    text-align: left;
    font-size: 0.7rem;
    color: #999;
    position: relative;
    margin-bottom: 1rem;
    padding-right: 16rem;
}

.content-title-box .info-box > span {
    margin-right: 0.8rem;
    display: inline-block;
}

.content-title-box .share-bar {
    position: absolute;
    right: 0;
    top: 0;
    height: 1.6rem;
}

.content-title-box .share-bar a {
    margin-right: 0.8rem;
}

.content-title-box .share-bar img {
    height: 100%;
    width: auto;
}

.content-title-box .share-bar a:last-of-type {
    margin-right: 0;
}

.content-title-box .font-bar {
    position: absolute;
    top: 0;
    right: 10rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.7rem;
}

.content-title-box .font-bar a:hover {
    text-decoration: none;
}

.content-title-box .font-bar a.active {
    color: #115db2;
}

.content-box {
    width: 85%;
    margin: 0 auto;
    font-size: 0.8rem;
    line-height: 200%;
}

.column-content-container .content-box {
    width: 100%;
}

.content-box.font-big {
    font-size: 1rem;
}

.content-box.font-nomal {
    font-size: 0.8rem;
}

.content-box.font-small {
    font-size: 0.7rem;
}

.content-box p {
    padding: 0.9rem 0;
}

.column-content-container .content-box p {
    padding: 0.3rem 0;
}

.content-box img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.content-operate-box {
    width: 85%;
    margin: 4rem auto 0;
    height: 3.2rem;
    line-height: 3.2rem;
    text-align: right;
    border-top: 1px solid #e0dedf;
    font-size: 0.7rem;
    color: #e0dedf;
}

.column-content-container .content-operate-box {
    width: 100%;
}

.content-operate-box a {
    color: #333333;
    margin: 0 0.9rem;
}

.content-operate-box a:last-of-type {
    margin-right: 0;
}

/* older-model */
.older-model .content-container {
    padding: 1.25vw 0 5vw;
}

.older-model .content-title-box {
    width: 92%;
    margin: 0 auto 3vw;
    padding-bottom: 0.75vw;
}

.older-model .column-content-container .content-title-box {
    width: 100%;
}

.older-model .content-title-box::before {
    height: 0.75vw;
}

.older-model .content-title-box h1 {
    line-height: 5.6vw;
    font-size: 3.2vw;
    margin-bottom: 2vw;
}

.older-model .content-title-box .info-box {
    min-height: 3.2vw;
    line-height: 3.2vw;
    font-size: 2vw;
    margin-bottom: 1.75vw;
    padding-right: 0;
}

.older-model .content-title-box .info-box > span {
    margin-right: 1vw;
}

.older-model .content-title-box .share-bar {
    display: none;
}

.older-model .content-title-box .font-bar {
    right: 0;
    height: 3.2vw;
    line-height: 3.2vw;
    font-size: 2vw;
}

.older-model .content-box {
    width: 92%;
    font-size: 2.8vw !important;
    line-height: 200% !important;
}

.older-model .content-box * {
    font-size: 2.8vw !important;
    line-height: 200% !important;
}

.older-model .column-content-container .content-box {
    width: 100%;
}

.older-model .content-box.font-big,
.older-model .content-box.font-big * {
    font-size: 3.6vw !important;
}

.older-model .content-box.font-nomal,
.older-model .content-box.font-nomal * {
    font-size: 2.8vw !important;
}

.older-model .content-box.font-small,
.older-model .content-box.font-small * {
    font-size: 2vw !important;
}

.older-model .content-box p {
    padding: 2.4vw 0;
}

.older-model .content-operate-box {
    width: 92%;
    margin: 5vw auto 0;
    height: 6vw;
    line-height: 6vw;
    font-size: 2vw;
}

.older-model .column-content-container .content-operate-box {
    width: 100%;
}

.older-model .content-operate-box a {
    margin: 0 2.4vw;
}

@media (max-width: 1200px) {
    .content-container {
        padding: 1.25vw 0 6.75vw;
    }

    .content-title-box {
        margin: 0 auto 3vw;
        padding-bottom: 0.75vw;
    }

    .content-title-box::before {
        height: 0.75vw;
    }

    .content-title-box h1 {
        line-height: 4vw;
        font-size: 2.75vw;
        margin-bottom: 2vw;
    }

    .content-title-box .info-box {
        min-height: 2.75vw;
        line-height: 2.75vw;
        font-size: 1.25vw;
        margin-bottom: 1.75vw;
        padding-right: 16rem;
    }

    .content-title-box .info-box > span {
        margin-right: 1.25vw;
    }

    .content-title-box .share-bar {
        height: 2.75vw;
    }

    .content-title-box .share-bar img {
        max-height: 1.6rem;
    }

    .content-title-box .share-bar a {
        margin-right: 1.25vw;
    }

    .content-title-box .font-bar {
        right: 11rem;
        height: 2.75vw;
        line-height: 2.75vw;
        font-size: 1.25vw;
    }

    .content-box {
        font-size: 1.25vw;
    }

    .content-box.font-big {
        font-size: 1.75vw;
    }

    .content-box.font-nomal {
        font-size: 1.25vw;
    }

    .content-box.font-small {
        font-size: 1vw;
    }

    .content-box p {
        padding: 1.5vw 0;
    }

    .content-operate-box {
        margin: 6.75vw auto 0;
        height: 5.25vw;
        line-height: 5.25vw;
        font-size: 1.25vw;
    }

    .content-operate-box a {
        margin: 0 1.5vw;
    }
}

@media (max-width: 768px) {
    .content-container {
        padding: 2vw 0 10vw;
        margin-bottom: 3%;
    }

    .content-title-box {
        width: 92%;
        margin: 0 auto 4.8vw;
        padding-bottom: 1.2vw;
    }

    .content-title-box::before {
        height: 1.2vw;
    }

    .content-title-box h1 {
        line-height: 6.4vw;
        font-size: 4.8vw;
        margin-bottom: 3.2vw;
    }

    .content-title-box .info-box {
        min-height: 4.8vw;
        line-height: 4.8vw;
        text-align: center;
        font-size: 3.2vw;
        margin-bottom: 2.8vw;
        padding-right: 0;
    }

    .content-title-box .info-box > span {
        margin-right: 2vw;
    }

    .content-title-box .share-bar {
        display: none;
    }

    .content-title-box .font-bar {
        display: none;
    }

    .content-box {
        width: 92%;
        font-size: 3.6vw;
        line-height: 200%;
    }

    .content-box.font-big {
        font-size: 4.4vw;
    }

    .content-box.font-nomal {
        font-size: 3.6vw;
    }

    .content-box.font-small {
        font-size: 2.8vw;
    }

    .content-box p {
        padding: 2.4vw 0;
    }

    .content-operate-box {
        width: 92%;
        margin: 10vw auto 0;
        height: 8.4vw;
        line-height: 8.4vw;
        font-size: 3.2vw;
    }

    .content-operate-box a {
        margin: 0 2.4vw;
    }
}

/* ---- top-nav-container Style ---- */
.top-nav-container {
    overflow: hidden;
    margin-bottom: 1.8rem;
}

.top-nav-container li {
    display: table;
    float: left;
    width: 23.66%;
    margin-right: 1.786%;
    height: 3.8rem;
}

.top-nav-container li:nth-child(4n) {
    margin-right: 0;
}

.top-nav-container li a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: left;
    line-height: 1.5rem;
    font-size: 1.1rem;
    color: #fff;
    padding: 0 0.4rem 0 4.4rem;
    position: relative;
    background: #115db2;
    border-radius: 0.4rem;
}

.top-nav-container li:nth-child(2n) a {
    background: #00aced;
}

.top-nav-container li a:hover {
    text-decoration: none;
}

.top-nav-container li a img {
    position: absolute;
    left: 1.2rem;
    top: 50%;
    margin-top: -1.25rem;
    height: 2.5rem;
    width: auto;
}

/* older-model */
.older-model .top-nav-container {
    margin-bottom: 4.8vw;
}

.older-model .top-nav-container li {
    width: 48.5%;
    margin-right: 0;
    margin-bottom: 3%;
    height: 13vw;
}

.older-model .top-nav-container li:nth-child(2n) {
    float: right;
}

.older-model .top-nav-container li a {
    line-height: 4vw;
    font-size: 3vw;
    padding: 0 0.75vw 0 10vw;
    border-radius: 0.75vw;
}

.older-model .top-nav-container li a img {
    left: 2.8vw;
    margin-top: -3vw;
    height: 6vw;
}

@media (max-width: 1200px) {
    .top-nav-container {
        margin-bottom: 3vw;
    }

    .top-nav-container li {
        height: 6.5vw;
    }

    .top-nav-container li a {
        line-height: 2.5vw;
        font-size: 1.75vw;
        padding: 0 0.75vw 0 7.25vw;
        border-radius: 0.75vw;
    }

    .top-nav-container li a img {
        left: 2vw;
        margin-top: -2vw;
        height: 4vw;
    }
}

@media (max-width: 768px) {
    .top-nav-container {
        margin-bottom: 4.8vw;
    }

    .top-nav-container li {
        width: 48.5%;
        margin-right: 0;
        margin-bottom: 3%;
        height: 13vw;
    }

    .top-nav-container li:nth-child(2n) {
        float: right;
    }

    .top-nav-container li a {
        line-height: 5vw;
        font-size: 4vw;
        padding: 0 1.2vw 0 11.6vw;
        border-radius: 1.2vw;
    }

    .top-nav-container li a img {
        left: 3.2vw;
        margin-top: -3.4vw;
        height: 6.8vw;
    }
}

/* ---- bottom-container Style ---- */
.sitemap-lists {
    padding: 1.8rem;
}

.sitemap-lists li {
    border-bottom: 1px solid rgb(210, 218, 228);
    padding: 1.2rem 1rem;
    /* margin: 0.6rem 0; */
}

.sitemap-lists li:last-of-type {
    border-bottom: none;
}

.sitemap-lists li .items {
    min-height: 2.4rem;
    padding: 0 0 0 8.4rem;
    position: relative;
    font-size: 0;
}

.sitemap-lists li .items h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 7.5rem;
}

.sitemap-lists li .items h1 a {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    min-height: 2.4rem;
    line-height: 1.4rem;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    background: #115db2;
}

.sitemap-lists li .items h1 a:hover {
    color: #fff;
    text-decoration: none;
}

.sitemap-lists li .items p {
    display: inline-block;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1rem;
    color: #333;
    margin-right: 1.2rem;
}

/* older-model */
.older-model .sitemap-lists {
    padding: 3vw;
}

.older-model .sitemap-lists li {
    padding: 2vw 1.75vw;
}

.older-model .sitemap-lists li .items {
    min-height: 6vw;
    padding: 0 0 0 20vw;
}

.older-model .sitemap-lists li .items h1 {
    width: 18vw;
}

.older-model .sitemap-lists li .items h1 a {
    padding: 1vw 0;
    min-height: 6vw;
    line-height: 4vw;
    font-size: 3vw;
}

.older-model .sitemap-lists li .items p {
    display: inline-block;
    height: 6vw;
    line-height: 6vw;
    font-size: 3vw;
    margin-right: 2vw;
}

@media (max-width: 1200px) {
    .sitemap-lists {
        padding: 3vw;
    }

    .sitemap-lists li {
        padding: 2vw 1.75vw;
    }

    .sitemap-lists li .items {
        min-height: 4vw;
        padding: 0 0 0 14vw;
    }

    .sitemap-lists li .items h1 {
        width: 12.5vw;
    }

    .sitemap-lists li .items h1 a {
        padding: 0.75vw 0;
        min-height: 3.75vw;
        line-height: 2.25vw;
        font-size: 1.75vw;
    }

    .sitemap-lists li .items p {
        height: 4vw;
        line-height: 4vw;
        font-size: 1.75vw;
        margin-right: 2vw;
    }
}

@media (max-width: 768px) {
    .sitemap-lists {
        padding: 0;
    }

    .sitemap-lists li {
        padding: 3.2vw 2.8vw;
    }

    .sitemap-lists li .items {
        min-height: 8vw;
        padding: 0 0 0 26vw;
    }

    .sitemap-lists li .items h1 {
        width: 24vw;
    }

    .sitemap-lists li .items h1 a {
        padding: 1.6vw 0;
        min-height: 8vw;
        line-height: 4.8vw;
        font-size: 3.6vw;
    }

    .sitemap-lists li .items p {
        display: inline-block;
        height: 8vw;
        line-height: 8vw;
        font-size: 3.6vw;
        margin-right: 3.2vw;
    }
}

/* ---- bottom-container Style ---- */
.bottom-container {
 
    width: 100%;
    left: 0;
    bottom: 0;
}

/* ---- friendship-container Style ---- */
.friendship-container {
    width: 100%;
    background: #daecfb;
}

.friendship-box {
    height: 3rem;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}

.friendship-box > li {
    float: left;
    width: 15%;
    margin-right: 2%;
    padding-right: 1.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 0.8rem;
    color: #115db2;
    position: relative;
}

.friendship-box > li::before {
    content: "";
    position: absolute;
    right: 0.7rem;
    top: 50%;
    margin-top: -0.15rem;
    width: 0.55rem;
    height: 0.3rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(xfj202111_arrow_down.png);
}

.friendship-box > li:hover::before {
    background-image: url(xfj202111_arrow_up.png);
}

.friendship-box > li.no-sub {
    padding-right: 0;
}

.friendship-box > li.no-sub::before {
    display: none;
}

.friendship-box > li a:hover {
    text-decoration: none;
}

.friendship-box > li:last-of-type {
    margin-right: 0;
}

.friendship-box > li ul.links {
    display: none;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 14.4rem;
    overflow-y: auto;
    background: #fff;
    z-index: 100%;
    border: 1px solid #ccc;
}

.friendship-box > li:hover ul.links {
    display: block;
}

.friendship-box > li ul.links li {
    font-size: 0.7rem;
    color: #333;
    line-height: 0.9rem;
    text-align: left;
}

.friendship-box > li ul.links li a {
    display: block;
    width: 100%;
    padding: 0.15rem 0.5rem;
}

.friendship-box > li ul.links li a:hover {
    color: #333;
}

.friendship-box > li ul.links li:hover {
    background: #cccccc;
}

/* older-model */
.older-model .friendship-container .container {
    max-width: unset;
    width: 98%;
}

.older-model .friendship-box {
    height: 5rem;
    max-width: unset;
}

.older-model .friendship-box > li {
    padding-right: 1.5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.4rem;
}

.older-model .friendship-box > li ul.links {
    height: 18rem;
}

.older-model .friendship-box > li ul.links li {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

@media (max-width: 768px) {
    .friendship-container {
        display: none;
    }
}

/* ---- footer-container Style ---- */
.footer-container {
    width: 100%;
    background: #115db2;
    padding: 2.2rem 0 2.1rem;
}

.footer-box {
    padding: 0 11.5rem 0 12rem;
    position: relative;
}

.one-qrcode .footer-box {
    padding-right: 6.5rem;
}

.footer-box a {
    color: #fff;
}

.footer-info {
    width: 100%;
    min-height: 5.7rem;
    border-left: 1px solid #417dc1;
    border-right: 1px solid #417dc1;
    padding: 0 6.2%;
}

.footer-info p {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    min-height: 1.6rem;
}

.footer-info p span {
    display: inline-block;
    margin: 0 0 0 0;
}

.footer-jiguan {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.8rem;
    width: 3rem;
    height: 3.6rem;
}

.footer-jiguan img {
    width: 100%;
    height: 100%;
}

.footer-zhaocuo {
    position: absolute;
    left: 4rem;
    top: 50%;
    margin-top: -1.35rem;
    width: 5.5rem;
    height: 2.75rem;
}

.footer-zhaocuo img {
    width: 100%;
    height: 100%;
}

.footer-qrcode {
    position: absolute;
    top: 50%;
    margin-top: -2.95rem;
    right: 0;
    width: 11rem;
}

.one-qrcode .footer-qrcode {
    width: 6rem;
}

.footer-qrcode li {
    float: left;
    width: 4.6rem;
    margin-left: 0.9rem;
}

.footer-qrcode li img {
    width: 4.6rem;
    height: 4.6rem;
    margin-bottom: 0.45rem;
}

.footer-qrcode li p {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
}

/* older-model */
.older-model .footer-container {
    padding: 4vw 0 3.6vw;
}

.older-model .footer-box {
    padding: 0;
}

.older-model .one-qrcode .footer-box {
    padding-right: 0;
}

.older-model .footer-info {
    min-height: unset;
    border-left: none;
    border-right: none;
    padding: 0 4%;
    text-align: center;
}

.older-model .footer-info p {
    font-size: 2vw;
    line-height: 3.2vw;
    min-height: unset;
    /* padding: 0.8vw 0; */
}

.older-model .footer-info p span {
    display: inline-block;
    margin: 0 1rem 0 0;
}

.older-model .footer-jiguan {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 0;
    margin-bottom: 1.2vw;
    width: 100%;
    text-align: center;
}

.older-model .footer-jiguan img {
    height: 4vw;
    width: auto;
}

.older-model .footer-zhaocuo {
    display: none;
}

.older-model .footer-qrcode {
    width: 100%;
    max-width: 740px;
    position: relative;
    top: auto;
    margin: 4vw auto 0;
    right: auto;
    text-align: center;
}

.older-model .one-qrcode .footer-qrcode {
    width: 100%;
}

.older-model .footer-qrcode li {
    float: none;
    display: inline-block;
    width: auto;
    text-align: center;
}

.older-model .footer-qrcode li img {
    width: auto;
    height: 15.5vw;
    margin-bottom: 0.45rem;
}

.older-model .footer-qrcode li p {
    font-size: 1.4vw;
    height: 2vw;
    line-height: 2vw;
}

@media (max-width: 768px) {
    .footer-container {
        padding: 6vw 0 5.6vw;
    }

    .footer-box {
        padding: 0;
    }

    .one-qrcode .footer-box {
        padding: 0;
    }

    .footer-info {
        min-height: unset;
        border-left: none;
        border-right: none;
        padding: 0 4%;
        text-align: center;
    }

    .footer-info p {
        font-size: 3.2vw;
        line-height: 5.6vw;
        min-height: unset;
        /* padding: 0.8vw 0; */
    }

    .footer-info p span {
        display: inline-block;
        margin: 0 1rem 0 0;
    }

    .footer-jiguan {
        position: relative;
        left: auto;
        top: auto;
        margin-top: 0;
        margin-bottom: 1.2vw;
        width: 100%;
        text-align: center;
    }

    .footer-jiguan img {
        height: 3.6rem;
        width: auto;
    }

    .footer-zhaocuo {
        display: none;
    }

    .footer-qrcode {
        display: flex;
        width: 100%;
        max-width: 414px;
        position: relative;
        top: auto;
        margin: 4vw auto 0;
        right: auto;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
    }

    .one-qrcode .footer-qrcode {
        width: 100%;
    }

    .footer-qrcode li {
        width: auto;
        display: inline-block;
        height: auto;
    }

    .footer-qrcode li img {
        width: auto;
        height: 25vw;
    }
}