@charset "UTF-8";

@font-face {
    font-family: "Barlow";
    src: url(../font/Barlow-Bold.woff);
    src: local("\263a"), url(../font/Barlow-Bold.woff) format("woff");
    font-display: swap
}

* {
    outline: none
}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td {
    font-weight: inherit;
    margin: 0;
    padding: 0
}

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i {
    font: normal 12Px Microsoft YaHei, PingFang SC, Helvetica Neue, Arial, Source Han Sans SC, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

ul, ol, li {
    list-style: none
}

a {
    text-decoration: none;
    color: inherit;
    display: inline-block
}

a:hover {
    text-decoration: none
}

img {
    vertical-align: top;
    border: 0
}

img:not([src]):not([srcset]) {
    visibility: hidden
}

button, input, textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none
}

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

div, a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
    font-size: 100Px
}

@media screen and (min-width: 320px) {
    html {
        font-size: 85.3333333333Px
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 96Px
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 100Px
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 128Px
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 170.6666666667Px
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 200Px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1680px) {
    html {
        font-size: 12vw
    }
}

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

.clearboth {
    clear: both
}

.checkBrowser {
    font-size: 14Px;
    line-height: 40Px;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 50%;
    width: 700Px;
    height: 40Px;
    margin-left: -360Px;
    padding: 0 10Px;
    color: #fff;
    border-bottom-right-radius: 5Px;
    border-bottom-left-radius: 5Px;
    background-color: #e6212a
}

.checkBrowser a {
    font-size: 16Px;
    line-height: 20Px;
    position: absolute;
    top: 10Px;
    right: 5Px;
    display: block;
    width: 20Px;
    height: 20Px;
    cursor: pointer;
    text-align: center;
    color: #333;
    border-radius: 50%;
    background-color: #fff
}

.paged {
    text-align: center
}

.paged a, .paged span, .paged .p_info, .paged .current {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial;
    display: inline-block;
    margin: 0 4PX 2PX;
    padding: 0 12PX;
    font-size: 14PX;
    text-align: center;
    border: 1PX solid #dedede;
    background: #fff;
    color: #8b8b8b;
    border-radius: 3PX;
    min-width: 38PX;
    height: 38PX;
    line-height: 38PX;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .paged a, .paged span, .paged .p_info, .paged .current {
        padding: 0 0.1rem;
        font-size: 0.13rem;
        min-width: 0.35rem;
        height: 0.35rem;
        line-height: 0.35rem;
        display: none
    }
}

.paged .current, .paged a:hover {
    border: 1PX solid #2563eb;
    background: #2563eb;
    color: #fff
}

.paged .prev, .paged .next {
    width: 68PX
}

@media (max-width: 1024px) {
    .paged .prev, .paged .next {
        display: inline-block;
        width: 0.7rem
    }
}

.paged .ellipsis {
    cursor: pointer;
    letter-spacing: -10PX;
    text-indent: -10PX
}

.paged .ellipsis:hover {
    border: 1PX solid #2563eb;
    background: #2563eb;
    color: #fff
}

body {
    overflow-x: hidden
}

.uweb-search {
    width: 1200Px;
    max-width: 100%;
    margin: 0.92rem auto 0.5rem
}

@media (max-width: 1200px) {
    .uweb-search {
        width: auto;
        margin-right: 0.15rem;
        margin-left: 0.15rem
    }
}

.uweb-search-input-con {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 25Px
}

.uweb-search-select-con {
    float: left;
    width: 37%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 25Px
}

@media screen and (max-width: 750px) {
    .uweb-search-input-con, .uweb-search-select-con {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 0.05rem
    }
}

.uweb-search-top {
    position: relative;
    margin-bottom: 40Px;
    height: 44Px;
    width: 100%
}

.uweb-search-top-s .uweb-search-input-con {
    float: left;
    width: 87%
}

@media screen and (max-width: 750px) {
    .uweb-search-top {
        height: auto
    }

    .uweb-search-top-s .uweb-search-input-con {
        width: 100%
    }
}

.uweb-search-top-text {
    float: left;
    width: 80Px;
    font-size: 14Px;
    color: #666;
    line-height: 44Px
}

.uweb-search-top-input {
    margin: 0 0 0 80Px;
    height: 44Px;
    border: 1Px solid #e9e9e9
}

.uweb-search-top-input input {
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 14Px;
    padding: 0 20Px
}

.uweb-search-top-button {
    float: left;
    width: 13%;
    height: 46Px;
    background: #2563eb;
    cursor: pointer;
    color: #fff;
    font-size: 14Px;
    line-height: 46Px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0
}

.uweb-search-top-button:hover {
    opacity: 0.7
}

@media screen and (max-width: 750px) {
    .uweb-search-top-button {
        float: none;
        width: 100%
    }
}

.uweb-search-top-input2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 80Px;
    height: 44Px;
    border: 1Px solid #e9e9e9
}

.uweb-search-top-input2 input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 14Px;
    padding: 0 20Px
}

.uweb-search-top-text1 {
    float: left;
    width: 70Px;
    font-size: 14Px;
    color: #666;
    line-height: 44Px
}

.uweb-search-top-select {
    position: relative;
    margin-left: 70Px;
    height: 44Px;
    border: 1Px solid #e9e9e9;
    font-size: 14Px;
    color: #999
}

.uweb-search-top-select:after {
    position: absolute;
    right: 12Px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    width: 0;
    height: 0;
    border-left: 5Px solid transparent;
    border-right: 5Px solid transparent;
    border-top: 6Px solid #999
}

.uweb-search-top-select select {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100% !important;
    border: 0Px;
    padding: 0 22Px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.uweb-search-top-select .customSelect {
    width: 100%;
    height: 100%;
    line-height: 42Px;
    padding: 0 22Px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1200px) {
    .uweb-search-top-select {
        float: none;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto
    }
}

.uweb-search-content {
    margin: 40Px -12Px;
    font-size: 0
}

.uweb-search-content li {
    display: inline-block;
    vertical-align: top;
    padding: 0 12Px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 156Px;
    margin-bottom: 30Px
}

.uweb-search-content li a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1Px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25Px 40Px 30Px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.uweb-search-content li a:hover {
    background: #f1f1f1
}

.uweb-search-content li a:hover .text {
    color: #2563eb
}

.uweb-search-content li a:hover .btn {
    background: #2563eb
}

.uweb-search-content li a .text {
    font-size: 16Px;
    font-weight: bold;
    color: #666;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 22Px;
    max-height: 44Px;
    overflow: hidden
}

.uweb-search-content li a .time {
    margin-top: 5Px;
    font-size: 14Px;
    font-family: "Arial";
    color: #999
}

.uweb-search-content li a .btn {
    margin-top: 20Px;
    width: 95Px;
    height: 28Px;
    background: #999;
    font-size: 14Px;
    color: #fff;
    line-height: 28Px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media screen and (max-width: 1200px) {
    .uweb-search-content {
        margin-right: 0;
        margin-left: 0
    }

    .uweb-search-content li:nth-child(2n+1) {
        padding: 0 0.06rem 0 0
    }

    .uweb-search-content li:nth-child(2n) {
        padding: 0 0 0 0.06rem
    }
}

@media screen and (max-width: 480px) {
    .uweb-search-content li {
        float: none;
        width: 100%;
        height: auto
    }

    .uweb-search-content li:nth-child(2n+1), .uweb-search-content li:nth-child(2n) {
        padding: 0
    }

    .uweb-search-content li a .text {
        max-height: none
    }
}

.uweb-search-tip-con {
    margin: 40Px auto;
    width: 1200Px;
    max-width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5rem;
    text-align: center
}

.uweb-search-tip-con .title {
    font-size: 24Px;
    color: #333;
    margin-bottom: 20Px
}

.uweb-search-tip-con .tips {
    font-size: 14Px;
    color: orange;
    font-weight: bold;
    line-height: 28Px;
    width: 900Px;
    margin: 0 auto 10Px;
    max-width: 100%
}

.uweb-search-tip-con .p {
    font-size: 14Px;
    color: #333;
    line-height: 28Px;
    margin-bottom: 10Px
}

.uweb-search-tip-con .num {
    color: red;
    padding: 0 3Px;
    text-decoration: underline
}

.uweb-search-tip-con .tip-btn {
    display: block;
    width: 140Px;
    height: 36Px;
    text-align: center;
    line-height: 36Px;
    color: #fff;
    background: #999;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 auto;
    cursor: pointer
}

.uweb-search-tip-con .tip-btn:hover {
    background: #b3b3b3
}

.tips-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999999
}

.tips-popup.init {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tips-popup.show .tips-popup-mask {
    opacity: 1
}

.tips-popup.show .tips-popup-box {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.tips-popup-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.tips-popup-box {
    position: relative;
    padding: 18Px 24Px 8Px;
    width: 320Px;
    background-color: #fff;
    -webkit-box-shadow: 0 4Px 12Px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4Px 12Px rgba(0, 0, 0, 0.15);
    border-radius: 8Px;
    z-index: 9;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

@media screen and (max-width: 414px) {
    .tips-popup-box {
        max-width: -moz-calc(100% - 0.4rem);
        max-width: calc(100% - 0.4rem);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

.tips-popup-head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10Px
}

.tips-popup-head .title {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-top: 1Px;
    line-height: 22Px;
    font-size: 16Px;
    color: #000
}

.tips-popup-close {
    margin: 5Px 0 0 10Px;
    width: 14Px;
    height: 14Px;
    background: url(../images/tips_icon.png) top -130Px left no-repeat;
    opacity: 0.7;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.tips-popup-close:hover {
    opacity: 1
}

.tips-popup-content {
    padding-bottom: 10Px;
    font-size: 14Px;
    line-height: 24Px;
    color: #666
}

.tips-popup-footer {
    padding: 4Px 0;
    text-align: right;
    font-size: 0
}

.tips-popup-footer li {
    display: inline-block;
    vertical-align: top;
    margin-left: 10Px;
    padding: 8Px 15Px;
    line-height: 1;
    font-size: 12Px;
    white-space: nowrap;
    border-radius: 3Px;
    border-width: 1Px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.tips-popup-footer li:hover {
    opacity: 0.8
}

.tips-popup-footer .cancel-btn {
    color: #666;
    background-color: #fff;
    border-color: #dcdfe6
}

.tips-popup-footer .submit-btn {
    color: #fff
}

.tips-popup .tips-icon {
    margin-right: 10Px;
    width: 24Px;
    height: 24Px;
    background-image: url(../images/tips_icon.png);
    background-repeat: no-repeat
}

.tips-popup .tips-icon-success {
    background-position: 0 -104Px
}

.tips-popup .tips-icon-question {
    background-position: 0 -78Px
}

.tips-popup .tips-icon-info {
    background-position: 0 -52Px
}

.tips-popup .tips-icon-error {
    background-position: 0 -26Px
}

.tips-popup .tips-icon-alert {
    background-position: 0 0
}

.tips-popup-icon {
    padding-left: 20Px;
    padding-right: 20Px
}

.tips-popup-icon .tips-popup-content {
    padding-left: 34Px
}

.loading-wrap {
    position: relative
}

.loading-wrap .loading-box {
    position: absolute
}

.loading-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999
}

.loading-box-circular {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25Px 0 0 -25Px;
    width: 50Px;
    height: 50Px;
    -webkit-animation: loading-rotate 2s linear infinite;
    -moz-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite
}

.loading-box-circular .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    -moz-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #0da945;
    stroke-linecap: round
}

@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes loading-rotate {
    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40Px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120Px
    }
}

@-moz-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40Px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120Px
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40Px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120Px
    }
}

.normal-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9000
}

.normal-popup.init {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.normal-popup.show .normal-popup-box {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.normal-popup.show .normal-popup-mask {
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

.normal-popup-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.normal-popup-close {
    position: absolute;
    top: 10Px;
    right: 10Px;
    line-height: 1;
    font-size: 20Px;
    font-family: "iconfont";
    color: #666;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.normal-popup-close:before {
    content: "\e662"
}

.normal-popup-close:hover {
    color: #ea140a
}

.normal-popup-box {
    position: relative;
    width: 680Px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 6Px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    z-index: 6;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s
}

.normal-popup-title {
    margin-bottom: 25Px;
    text-align: center
}

.normal-popup-title h3 {
    line-height: 1.2;
    font-size: 30Px;
    color: #555
}

.normal-popup-title p {
    line-height: 1.2;
    font-size: 12Px;
    color: #999;
    text-transform: uppercase
}

.normal-popup-scroller {
    position: relative;
    overflow: hidden
}

.normal-popup-scroller .bscroll-indicator {
    background-color: rgba(205, 205, 205, 0.5) !important
}

.modal-popup .normal-popup-box {
    padding: 60Px;
    text-align: center
}

.modal-popup .icon {
    font-family: "iconfont";
    font-size: 80Px
}

.modal-popup .icon-error {
    color: #ea140a
}

.modal-popup .icon-error:before {
    content: "\e71e"
}

.modal-popup .icon-success {
    color: #0da945
}

.modal-popup .icon-success:before {
    content: "\e605"
}

.modal-popup .icon-notice {
    color: #fbba65
}

.modal-popup .icon-notice:before {
    content: "\e698"
}

.modal-popup .title {
    margin: 15Px 0 3Px;
    line-height: 1.4;
    font-size: 24Px;
    color: #333
}

.modal-popup .p {
    line-height: 1.6;
    font-size: 16Px;
    color: #888
}

.modal-popup-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30Px
}

.modal-popup-footer li {
    width: 242Px;
    line-height: 45Px;
    font-size: 16Px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.modal-popup-footer li+li {
    margin-left: 16Px
}

.modal-popup-footer li:hover {
    opacity: 0.8
}

.modal-popup-footer .cancel-btn {
    background-color: #bbb
}

.iframe-popup .normal-popup-box {
    padding: 55Px 60Px 70Px
}

.iframe-popup .normal-popup-title {
    margin-bottom: 30Px
}

.iframe-popup-box {
    position: relative;
    max-height: -moz-calc(98vh - 205Px);
    max-height: calc(98vh - 205Px);
    overflow-y: auto
}

.iframe-popup-box .iframe {
    display: block;
    width: 100%;
    border: none
}

.iframe-popup .loading-box {
    position: absolute
}

.captcha-title {
    height: 60Px;
    width: 100%;
    text-align: center;
    border-radius: 2Px;
    background-color: #f3f3f3;
    color: #bbb;
    font-size: 14Px;
    letter-spacing: 0.1Px;
    line-height: 60Px
}

.captcha-show {
    display: none;
    height: 60Px;
    width: 100%;
    text-align: center;
    border-radius: 2Px;
    background-color: #f3f3f3
}

.captcha-loading {
    margin: auto;
    width: 70Px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.captcha-loading-dot {
    width: 8Px;
    height: 8Px;
    margin: 18Px 4Px;
    background: #ccc;
    border-radius: 50%;
    opacity: 0;
    -webkit-box-shadow: 0 0 2Px black;
    box-shadow: 0 0 2Px black;
    -webkit-animation: loadingFade 1s infinite;
    -moz-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite
}

.captcha-loading-dot:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.captcha-loading-dot:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.captcha-loading-dot:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.captcha .geetest_holder.geetest_wind .geetest_logo, .captcha .geetest_holder.geetest_wind .geetest_success_logo {
    display: none
}

@-webkit-keyframes loadingFade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0.8
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes loadingFade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0.8
    }

    100% {
        opacity: 0
    }
}

@keyframes loadingFade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0.8
    }

    100% {
        opacity: 0
    }
}

.error-con {
    padding: 0.25rem 0 1.25rem;
    background: #fff
}

.error-box {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 1360Px;
    max-width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.error-box img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.error-box .tips-box {
    position: absolute;
    bottom: -0.35rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.error-box .tips {
    margin: 20Px auto 0.2rem;
    font-size: 18Px;
    color: #666;
    line-height: 1.5
}

.error-box .btn a {
    display: inline-block;
    vertical-align: top;
    width: 170Px;
    height: 40Px;
    margin: 0 2Px;
    border-radius: 20Px;
    color: #fff;
    text-align: center;
    font-size: 16Px;
    background: #999;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    line-height: 40Px;
    max-width: 45%
}

.error-box .btn a:hover {
    background: #2563eb
}

.share-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.share-box-item {
    cursor: pointer;
    background-color: #1150da;
    color: #fff;
    margin-right: 0.04rem;
    width: 0.15rem;
    height: 0.15rem;
    text-align: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .share-box-item {
        width: 0.225rem;
        height: 0.225rem
    }
}

.share-box-item img {
    width: 100%;
    height: 100%
}

.share-box-item .iconfont {
    font-size: 0.1rem;
    line-height: 0.2rem
}

.share-box .share-to-wechat {
    position: relative
}

.share-box .share-to-wechat .wechat-ewm {
    position: absolute;
    border-radius: 0.025rem;
    border: 0.005rem solid #eee;
    background: #fff;
    left: 50%;
    bottom: 100%;
    margin-bottom: 0.05rem;
    padding: 0.05rem 0.05rem 0.025rem;
    display: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.share-box .share-to-wechat .wechat-ewm p {
    font-size: 0.06rem;
    color: #333;
    text-align: center;
    margin-top: 0.025rem
}

.share-box .share-to-wechat:hover {
    background-color: #2dcef9
}

.share-box .share-to-wechat:hover .wechat-ewm {
    display: block
}

.share-box .share-to-qq, .share-box .share-to-qzone, .share-box .share-to-weibo, .share-box .share-to-wechat {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s
}

.share-box .share-to-qq:hover {
    background-color: #21b3f7
}

.share-box .share-to-qzone:hover {
    background-color: #f8c514
}

.share-box .share-to-weibo:hover {
    background-color: #ff5757
}

.wechat-tip-mask {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    background-image: url(../images/share_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto
}

.wp1280 {
    max-width: 7rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .wp1280 {
        padding: 0 0.15rem
    }
}

.wp1386 {
    max-width: 6.93rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .wp1386 {
        padding: 0 0.15rem
    }
}

.common-title {
    text-align: center
}

.common-title .b {
    font-size: 0.23rem;
    color: #072640;
    margin-bottom: 0.05rem
}

.common-title .s {
    font-size: 0.09rem;
    color: #44586b
}

@media screen and (max-width: 1024px) {
    .common-title .s {
        font-size: 0.11rem
    }
}

.image {
    display: block;
    position: relative
}

.image>img {
    display: block;
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.image.is-1by1 {
    padding-top: 100%
}

.image.is-4by3 {
    padding-top: 75%
}

.is-relative {
    position: relative
}

[role=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

.index-title {
    margin-bottom: 0.2rem
}

@media (max-width: 1480px) {
    .index-title {
        margin-bottom: 0.15rem
    }
}

@media (max-width: 1024px) {
    .index-title {
        margin-bottom: 0.15rem
    }
}

.index-title .t {
    font-size: 0.19rem;
    font-weight: bold;
    line-height: 1;
    color: #2e3546;
    text-align: center
}

@media (max-width: 1480px) {
    .index-title .t {
        font-size: 0.17rem
    }
}

@media (max-width: 1024px) {
    .index-title .t {
        font-size: 0.225rem;
        line-height: 0.325rem
    }
}

.index-title .s {
    margin-top: 0.06rem;
    font-size: 0.1rem;
    line-height: 1.5;
    color: #2e3546;
    text-align: center
}

@media (max-width: 1480px) {
    .index-title .s {
        margin-top: 0.04rem;
        font-size: 0.09rem
    }
}

@media (max-width: 1024px) {
    .index-title .s {
        margin-top: 0.1rem;
        font-size: 0.13rem;
        line-height: 0.2rem
    }
}

@-webkit-keyframes rote {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rote {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rote {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader path {
    -webkit-animation: rote 0.6s linear infinite;
    -moz-animation: rote 0.6s linear infinite;
    animation: rote 0.6s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.art-banner {
    width: 100%;
    position: relative
}

@media (min-width: 1024px) {
    .art-banner {
        position: relative;
        padding-bottom: 31.5291644771%;
        overflow: hidden
    }

    .art-banner img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

@media (max-width: 1024px) {
    .art-banner {
        height: 52vw
    }
}

.art-banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.art-banner-box {
    position: relative;
    overflow: hidden
}

.art-banner-box .wp1280 {
    height: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

.art-banner-box .wp1280 .text-container {
    position: absolute;
    top: 7.03125vw;
    left: 0
}

@media (max-width: 1380px) {
    .art-banner-box .wp1280 .text-container {
        left: 0.3rem
    }
}

@media (max-width: 1024px) {
    .art-banner-box .wp1280 .text-container {
        left: 0.325rem;
        top: 0.35rem
    }
}

.art-banner-box .wp1280 .text-container>:nth-child(1) {
    font-size: 3.3854166667vw;
    line-height: 3.90625vw;
    color: #fff
}

@media (max-width: 1024px) {
    .art-banner-box .wp1280 .text-container>:nth-child(1) {
        font-size: 0.325rem;
        line-height: 0.375rem
    }
}

.art-banner-box .wp1280 .text-container>:nth-child(2) {
    margin-top: 0.025rem;
    font-size: 1.6666666667vw;
    line-height: 3.3333333333vw;
    color: #fff
}

@media (max-width: 1024px) {
    .art-banner-box .wp1280 .text-container>:nth-child(2) {
        font-size: 0.16rem;
        line-height: 0.32rem
    }
}

.art-banner-box .wp1280 .text-container .part-btns {
    margin-top: 0.17rem
}

@media (max-width: 1800px) {
    .art-banner-box .wp1280 .text-container .part-btns {
        margin-top: 1.7708333333vw
    }
}

@media (max-width: 1024px) {
    .art-banner-box .wp1280 .text-container .part-btns {
        margin-top: 0.2rem
    }
}

.art-banner-box .wp1280 .breadcrumb {
    position: absolute;
    bottom: 0.15rem;
    right: 0
}

@media (max-width: 1380px) {
    .art-banner-box .wp1280 .breadcrumb {
        right: 0.3rem
    }
}

@media (max-width: 1024px) {
    .art-banner-box .wp1280 .breadcrumb {
        right: 0.15rem
    }
}

.art-banner-box.has-tabs .wp1280 .breadcrumb {
    position: absolute;
    bottom: 0.3rem
}

.art-banner-box.lab-banner {
    height: 17.7083333333vw
}

@media (max-width: 1024px) {
    .art-banner-box.lab-banner {
        height: 72vw
    }
}

.art-banner-box.lab-banner .text-container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1024px) {
    .art-banner-box.custom-banner .art-banner {
        position: relative;
        padding-bottom: 31.5291644771%;
        overflow: hidden
    }

    .art-banner-box.custom-banner .art-banner img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

@media (max-width: 1024px) {
    .art-banner-box.custom-banner .art-banner {
        height: 87.2093023256vw
    }
}

.art-banner-box.custom-banner .text-container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 1024px) {
    .art-banner-box.custom-banner .text-container>:nth-child(1) {
        line-height: 3.90625vw
    }
}

.art-banner-box.custom-banner .text-container>:nth-child(2) {
    margin-top: 0.05rem;
    line-height: 2.9166666667vw
}

@media screen and (max-width: 1024px) {
    .art-banner-box.custom-banner .text-container>:nth-child(2) {
        line-height: 0.25rem
    }
}

.art-banner-box.custom-banner .text-container>:nth-child(2) .large {
    letter-spacing: 0.015rem;
    font-size: 0.25rem
}

.breadcrumb {
    margin-top: 0.15rem;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    --color: #2563eb
}

.breadcrumb img {
    display: inline-block;
    width: 14Px;
    height: 14Px;
    margin-right: 0.04rem
}

@media (max-width: 480px) {
    .breadcrumb img {
        width: 12Px;
        height: 12Px
    }
}

.breadcrumb h1, .breadcrumb span, .breadcrumb a {
    font-size: 14Px;
    line-height: 1;
    color: var(--color);
    position: relative
}

.breadcrumb h1:not(:last-child), .breadcrumb span:not(:last-child), .breadcrumb a:not(:last-child) {
    margin-right: 4Px
}

.breadcrumb h1:not(:last-child)::after, .breadcrumb span:not(:last-child)::after, .breadcrumb a:not(:last-child)::after {
    content: ">";
    font-size: 14Px;
    color: var(--color);
    margin-left: 4Px
}

@media (max-width: 480px) {
    .breadcrumb h1, .breadcrumb span, .breadcrumb a {
        font-size: 12Px
    }

    .breadcrumb h1:not(:last-child)::after, .breadcrumb span:not(:last-child)::after, .breadcrumb a:not(:last-child)::after {
        font-size: 12Px;
        padding-left: 3Px;
        margin-left: 2Px
    }
}

.breadcrumb span {
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.breadcrumb a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width: 1024px) {
    .breadcrumb a:hover span {
        color: #2563eb
    }
}

@media (max-width: 1024px) {
    .breadcrumb {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0.025rem 0
    }
}

.art-tabs-container {
    margin-top: -0.18rem;
    position: relative;
    z-index: 5
}

.art-tabs-container .wp1280 {
    position: relative
}

.art-tabs-container .wp1280::after {
    content: "";
    display: block;
    max-width: 6.095rem;
    width: 63.4895833333vw;
    height: 0.275rem;
    background: url(../images/tab_bg.png) no-repeat center/contain;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -0.275rem;
    z-index: -1
}

@media (max-width: 1800px) {
    .art-tabs-container .wp1280::after {
        bottom: -2.8645833333vw
    }
}

@media (max-width: 1024px) {
    .art-tabs-container .wp1280::after {
        width: -moz-calc(100% - 0.3rem);
        width: calc(100% - 0.3rem);
        bottom: -0.21rem
    }
}

.art-tabs-container .tabs-bs-wp {
    background: #fff;
    position: relative;
    overflow: hidden
}

.art-tabs-container .tabs {
    min-width: 100%;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1024px) {
    .art-tabs-container .tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }

    .art-tabs-container .tabs::after {
        content: "";
        display: block;
        width: 100%;
        height: 1Px;
        background: #f2f2f2;
        position: absolute;
        top: 50%;
        left: 0
    }
}

.art-tabs-container .tabs .tab-item {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: 0.09rem;
    line-height: 0.15rem;
    color: #333;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

@media (max-width: 1024px) {
    .art-tabs-container .tabs .tab-item {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.art-tabs-container .tabs .tab-item .icon {
    margin-right: 0.1rem;
    width: 0.15rem;
    height: 0.15rem;
    position: relative
}

.art-tabs-container .tabs .tab-item .icon img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

.art-tabs-container .tabs .tab-item .icon img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0
}

.art-tabs-container .tabs .tab-item:not(:last-child)::after {
    content: "";
    display: block;
    width: 0.005rem;
    height: 0.05rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #cad2db
}

@media (max-width: 1024px) {
    .art-tabs-container .tabs .tab-item {
        font-size: 0.15rem
    }
}

.art-tabs-container .tabs .tab-item.on {
    color: #fff;
    background: #2563eb
}

.art-tabs-container .tabs .tab-item.on .icon img:nth-child(1) {
    opacity: 0;
    visibility: hidden
}

.art-tabs-container .tabs .tab-item.on .icon img:nth-child(2) {
    opacity: 1;
    visibility: visible
}

.art-tabs-container .tabs .tab-item.on::after {
    opacity: 0
}

@media (min-width: 1024px) {
    .art-tabs-container .tabs .tab-item:hover {
        color: #fff;
        background: #2563eb
    }

    .art-tabs-container .tabs .tab-item:hover .icon img:nth-child(1) {
        opacity: 0;
        visibility: hidden
    }

    .art-tabs-container .tabs .tab-item:hover .icon img:nth-child(2) {
        opacity: 1;
        visibility: visible
    }

    .art-tabs-container .tabs .tab-item:hover::after {
        opacity: 0
    }
}

.title-block {
    margin-bottom: 0.25rem;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1480px) {
    .title-block {
        margin-bottom: 0.2rem
    }
}

@media (max-width: 1280px) {
    .title-block {
        margin-bottom: 0.15rem
    }
}

.title-block .t {
    font-size: 0.19rem;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    color: #2e3546
}

@media (max-width: 1480px) {
    .title-block .t {
        font-size: 0.17rem
    }
}

@media (max-width: 1024px) {
    .title-block .t {
        font-size: 0.22rem;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.4
    }
}

.title-block .s {
    margin-top: 0.065rem;
    font-size: 0.1rem;
    line-height: 1.5;
    color: #2e3546;
    text-align: center
}

@media (max-width: 1480px) {
    .title-block .s {
        margin-top: 0.04rem;
        font-size: 0.09rem
    }
}

@media (max-width: 1024px) {
    .title-block .s {
        font-size: 0.16rem
    }
}

.article {
    font-size: 0.08rem;
    line-height: 2;
    color: #666;
    text-align: justify
}

@media (max-width: 1024px) {
    .article {
        font-size: 0.14rem
    }
}

.article p {
    font-size: 0.08rem;
    line-height: 2;
    color: #666;
    text-align: justify
}

.article p:not(:last-child) {
    margin-bottom: 0.1rem
}

@media (max-width: 1024px) {
    .article p {
        font-size: 0.14rem
    }
}

.article img, .article video {
    max-width: 100%;
    height: auto !important;
    cursor: pointer
}

.article video {
    display: block;
    width: 100%
}

.article img {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.article img+p {
    margin-top: 0.2rem
}

.article img+span {
    margin-top: 0.04rem;
    display: inline-block
}

.article img+br {
    display: none
}

.page-nav .page-nav-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-nav .page-nav-wrapper a {
    width: 0.75rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    text-align: center;
    line-height: 0.25rem;
    font-size: 0.08rem;
    color: #333;
    border: 0.005rem solid #d8e3ff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

@media screen and (max-width: 1024px) {
    .page-nav .page-nav-wrapper a {
        width: 0.95rem;
        height: 0.35rem;
        border-radius: 0.175rem;
        line-height: 0.35rem;
        font-size: 0.13rem
    }
}

.page-nav .page-nav-wrapper a:not(:last-child) {
    margin-right: 0.1rem
}

.page-nav .page-nav-wrapper a.on, .page-nav .page-nav-wrapper a:hover {
    background-color: #2563eb;
    color: #fff;
    border-color: #2563eb
}

.normal-pagination {
    text-align: center;
    font-size: 0
}

.normal-pagination .swiper-pagination-bullet {
    width: 0.05rem;
    height: 0.05rem;
    background-color: transparent;
    border: 0.01rem solid #016bfc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    margin: 0 0.05rem !important
}

.normal-pagination .swiper-pagination-bullet-active {
    background-color: #016bfc;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.art-lab {
    padding-top: 0.15rem
}

.adviser-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 500Px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#f0f0f0));
    background: -moz-linear-gradient(left, #fff, #f0f0f0);
    background: linear-gradient(90deg, #fff, #f0f0f0);
    border-radius: 8Px;
    overflow: hidden;
    z-index: 1003
}

.adviser-popup-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1002
}

.adviser-popup-close {
    position: absolute;
    top: 20Px;
    right: 0.1rem;
    font-size: 28Px;
    font-weight: bold;
    color: #909399;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 3
}

.adviser-popup-close:hover {
    color: #2563eb
}

.adviser-popup-top {
    padding: 24Px 0.15rem 32Px
}

.adviser-popup-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.adviser-popup .title {
    margin-bottom: 36Px;
    font-size: 18Px;
    color: #000
}

.adviser-popup .avatar {
    margin-right: 22Px;
    width: 70Px;
    height: 70Px;
    border-radius: 50%;
    overflow: hidden
}

.adviser-popup .avatar img {
    display: block;
    width: 100%;
    height: 100%
}

.adviser-popup .info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.adviser-popup .info-top {
    line-height: 30Px;
    color: #000
}

.adviser-popup .info-top span {
    display: inline-block;
    vertical-align: top
}

.adviser-popup .info-top-name {
    font-size: 24Px
}

.adviser-popup .info-top-tag {
    padding-top: 2Px;
    font-size: 14Px
}

.adviser-popup .info-top-tag:before {
    content: "| "
}

.adviser-popup .info-tel {
    display: block;
    margin-top: 6Px;
    font-size: 18Px;
    color: #666
}

.adviser-popup .info-tel i {
    margin-right: 2Px;
    color: #2563eb
}

.adviser-popup-bottom {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25Px 0.15rem 0.25rem;
    background-color: #2563eb
}

.adviser-popup-bottom:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 124Px;
    border-width: 0 9Px 9Px;
    border-color: transparent transparent #2563eb;
    border-style: solid;
    z-index: 5
}

.adviser-popup .qrcode {
    margin-top: -75Px;
    padding: 12Px;
    width: 104Px;
    height: 104Px;
    background-color: #fff;
    border-radius: 4Px;
    -webkit-box-shadow: 2Px 2Px 4Px rgba(7, 116, 208, 0.3);
    box-shadow: 2Px 2Px 4Px rgba(7, 116, 208, 0.3)
}

.adviser-popup .qrcode img {
    display: block;
    width: 100%;
    height: auto
}

.adviser-popup .text {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-right: 20Px;
    padding-left: 16Px;
    font-size: 16Px;
    line-height: 24Px;
    color: #fff
}

.adviser-popup .text:before {
    content: "\201c";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 40Px;
    line-height: 1;
    color: #fff;
    font-family: Arial
}

.adviser-popup .text:after {
    content: "\201d";
    display: inline-block;
    vertical-align: top;
    margin-left: 4Px;
    height: 24Px;
    line-height: 1.4;
    font-size: 40Px;
    color: rgba(255, 255, 255, 0.4);
    font-family: Arial
}

@media screen and (max-width: 560px) {
    .adviser-popup {
        width: -moz-calc(100% - 0.3rem);
        width: calc(100% - 0.3rem)
    }

    .adviser-popup-close {
        top: 16Px
    }

    .adviser-popup-top {
        padding-bottom: 24Px;
        padding-top: 18Px
    }

    .adviser-popup .title {
        margin-bottom: 24Px
    }

    .adviser-popup .avatar {
        margin-right: 15Px;
        width: 60Px;
        height: 60Px
    }

    .adviser-popup .info-top {
        line-height: 24Px
    }

    .adviser-popup .info-top-name {
        font-size: 20Px
    }

    .adviser-popup .info-top-tag {
        font-size: 13Px
    }

    .adviser-popup .info-tel {
        margin-top: 4Px;
        font-size: 16Px
    }

    .adviser-popup .info-tel i {
        font-size: 13Px
    }

    .adviser-popup-bottom {
        padding-top: 20Px
    }

    .adviser-popup-bottom:before {
        left: 88Px;
        border-width: 0 7Px 7Px
    }

    .adviser-popup .qrcode {
        margin-top: -60Px;
        padding: 8Px;
        width: 90Px;
        height: 90Px
    }

    .adviser-popup .text {
        margin-right: 16Px;
        padding-left: 14Px;
        font-size: 14Px;
        line-height: 22Px;
        color: #fff
    }

    .adviser-popup .text:before {
        font-size: 30Px
    }

    .adviser-popup .text:after {
        height: 22Px;
        font-size: 30Px
    }
}

@media screen and (max-width: 380px) {
    .adviser-popup .qrcode {
        margin-top: -50Px;
        padding: 6Px;
        width: 80Px;
        height: 80Px
    }
}

@media screen and (max-width: 350px) {
    .adviser-popup .qrcode {
        margin-top: -40Px
    }
}

.adviser-popup .loading {
    height: 1.57rem
}

.adviser-popup .loading .loading-box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.adviser-popup .loading .loading-box .loading-img, .adviser-popup .loading .loading-box svg {
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.adviser-popup .loading .loading-box p {
    margin-top: 0.05rem;
    font-size: 0.08rem;
    color: #666
}

.adviser-popup .info-box {
    display: none
}

.part-btns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.part-btns>*:not(:last-child) {
    margin-right: 10Px
}

.part-btns .btn {
    width: 0.7rem;
    height: 0.25rem;
    line-height: 0.25rem;
    border: 0.005rem solid #fff;
    border-radius: 0.125rem;
    background: transparent;
    color: #fff;
    font-size: 0.08rem;
    text-align: center;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

@media (max-width: 1480px) {
    .part-btns .btn {
        width: 0.55rem;
        height: 0.2rem;
        line-height: 0.2rem;
        border-radius: 0.1rem;
        font-size: 0.07rem
    }
}

@media (max-width: 1024px) {
    .part-btns .btn {
        width: 1rem;
        height: 0.35rem;
        line-height: 0.35rem;
        border-radius: 0.175rem;
        font-size: 0.12rem
    }
}

.part-btns .btn:hover {
    background: #fff;
    color: #2563eb
}

.part-btns .btn.adviser-btn:not(:last-child) {
    background: #2563eb;
    border-color: #2563eb
}

.part-btns .btn.adviser-btn:not(:last-child):hover {
    background: #1555e2;
    color: #fff
}

.part-btns .qrcode {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.part-btns .qrcode .qrcode-box {
    position: absolute;
    bottom: 130%;
    width: 0.6rem;
    height: 0.6rem;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    transform: translateY(30%);
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0
}

@media screen and (max-width: 1380px) {
    .part-btns .qrcode .qrcode-box {
        width: 0.55rem;
        height: 0.55rem
    }
}

@media (max-width: 1024px) {
    .part-btns .qrcode .qrcode-box {
        bottom: 140%;
        width: 90Px;
        height: 90Px
    }
}

.part-btns .qrcode .qrcode-box img {
    border-radius: 0.05rem;
    width: 100%;
    height: 100%
}

.part-btns .qrcode .qrcode-box::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.06rem 0.05rem 0;
    border-color: #fff transparent transparent;
    position: absolute;
    top: 99%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.part-btns .qrcode:hover .qrcode-box {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

@media (max-width: 1024px) {
    .pc {
        display: none
    }
}

.m {
    display: none
}

@media (max-width: 1024px) {
    .m {
        display: block
    }
}

:root {
    --headerHeight: 0.4rem
}

@media screen and (max-width: 1024px) {
    :root {
        --headerHeight: 0.5rem
    }
}

.bg-transparent .header {
    background-color: transparent;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.bg-transparent .header .header-relative {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.header {
    width: 100%;
    z-index: 90;
    background: #fff
}

@media (max-width: 1024px) {
    .header {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }
}

.header .header-relative {
    position: relative;
    -webkit-box-shadow: 0 0.005rem 0.025rem 0 rgba(0, 44, 104, 0.1);
    box-shadow: 0 0.005rem 0.025rem 0 rgba(0, 44, 104, 0.1);
    z-index: 9
}

.header .header-relative h1 {
    color: #fff;
    font-size: 0.005rem
}

.header.stuck {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99
}

.header.border {
    border-bottom: 0.005rem solid #f3f3f3
}

.header .header-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: unset
}

@media (max-width: 1024px) {
    .header .header-nav {
        min-height: 0.5rem;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header .header-nav .header-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .header-nav .header-left .logo {
    height: 0.195rem;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    transition: height 0.3s linear
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .header .header-nav .header-left .logo {
        height: 0.15rem
    }
}

.header .header-nav .header-left .logo img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.header .header-nav .header-left .logo-tag {
    margin-top: 0.02rem;
    margin-left: 0.075rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 0.065rem
}

.header .header-nav .header-left .logo-tag::before {
    content: "";
    width: 0.005rem;
    height: 0.045rem;
    background: #7f97a5;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 480px) {
    .header .header-nav .header-left .logo-tag::before {
        height: 0.03rem
    }
}

@media (max-width: 1800px) {
    .header .header-nav .header-left .logo-tag {
        margin-left: 0.68125vw;
        padding-left: 0.6770833333vw
    }
}

@media (max-width: 1024px) {
    .header .header-nav .header-left .logo-tag {
        margin-left: 0.05rem;
        padding-left: 0.05rem
    }
}

.header .header-nav .header-left .logo-tag .icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header .header-nav .header-left .logo-tag .icon img {
    max-width: 100%
}

.header .header-nav .header-left .logo-tag .txt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0.025rem;
    font-size: 0.075rem;
    line-height: 1;
    font-weight: bold;
    color: #2563eb
}

@media (max-width: 1280px) {
    .header .header-nav .header-left .logo-tag .txt {
        font-size: 0.06rem;
        padding-left: 0.015rem
    }
}

@media (max-width: 1024px) {
    .header .header-nav .header-left .logo-tag .txt {
        font-size: 0.12rem;
        padding-left: 0.04rem
    }
}

@media (max-width: 320px) {
    .header .header-nav .header-left .logo-tag .txt {
        width: 0.75rem;
        line-height: 1.5
    }
}

.header .header-nav .header-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0.25rem
}

@media screen and (max-width: 1024px) {
    .header .header-nav .header-right {
        margin-left: 0.1rem
    }
}

.header .header-nav .header-right .nav-list {
    margin-right: -0.095rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1024px) {
    .header .header-nav .header-right .nav-list {
        display: none
    }
}

.header .header-nav .header-right .nav-list .nav-item:not(:last-child) {
    margin-right: 0.11rem
}

@media (max-width: 1480px) {
    .header .header-nav .header-right .nav-list .nav-item:not(:last-child) {
        margin-right: 1.1458333333vw
    }
}

@media (max-width: 1240px) {
    .header .header-nav .header-right .nav-list .nav-item:not(:last-child) {
        margin-right: 0
    }
}

.header .header-nav .header-right .nav-list .nav-item .nav-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0.11rem 0;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

@media (max-width: 1480px) {
    .header .header-nav .header-right .nav-list .nav-item .nav-link {
        padding: 0.08rem 0
    }
}

.header .header-nav .header-right .nav-list .nav-item .nav-link a {
    font-size: 0.08rem;
    line-height: 0.1rem;
    color: #000;
    padding: 0.035rem 0.05rem;
    position: relative;
    white-space: nowrap;
    z-index: 1;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .nav-link a {
        padding: 0.035rem 1.0416666667vw
    }
}

@media (max-width: 1280px) {
    .header .header-nav .header-right .nav-list .nav-item .nav-link a {
        font-size: 0.07rem
    }
}

@media (max-width: 1180px) {
    .header .header-nav .header-right .nav-list .nav-item .nav-link a {
        padding: 0.035rem 0.7291666667vw
    }
}

.header .header-nav .header-right .nav-list .nav-item .nav-link a::after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border-radius: 0.08rem;
    background: #2563eb;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0.4s ease, border-radius 0.2s ease 0.3s;
    -moz-transition: width 0.4s ease, border-radius 0.2s ease 0.3s;
    transition: width 0.4s ease, border-radius 0.2s ease 0.3s
}

.header .header-nav .header-right .nav-list .nav-item .nav-link:hover a {
    color: #2563eb
}

.header .header-nav .header-right .nav-list .nav-item.is-active .nav-link a {
    color: #2563eb
}

.header .header-nav .header-right .nav-list .nav-item .hover-menu {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    left: 50%;
    top: 100%;
    min-width: 0.65rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header .header-nav .header-right .nav-list .nav-item .hover-menu .box {
    background-color: rgba(255, 255, 255, 0.95);
    position: relative
}

.header .header-nav .header-right .nav-list .nav-item .hover-menu a {
    display: block;
    text-align: center;
    font-size: 0.07rem;
    color: #333;
    line-height: 0.3rem;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    white-space: nowrap;
    padding: 0 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1480px) {
    .header .header-nav .header-right .nav-list .nav-item .hover-menu a {
        font-size: 0.065rem;
        line-height: 0.25rem
    }
}

.header .header-nav .header-right .nav-list .nav-item .hover-menu a:not(:last-child) {
    border-bottom: 0.005rem solid rgba(153, 153, 153, 0.15)
}

.header .header-nav .header-right .nav-list .nav-item .hover-menu a.is-active, .header .header-nav .header-right .nav-list .nav-item .hover-menu a:hover {
    color: #2563eb
}

.header .header-nav .header-right .nav-list .nav-item:not(.not-relative) {
    position: relative
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: inset 0.025rem 0.005rem 0.2rem 0 rgba(231, 237, 251, 0.83);
    box-shadow: inset 0.025rem 0.005rem 0.2rem 0 rgba(231, 237, 251, 0.83);
    width: 100%;
    overflow: hidden;
    padding: 0.23rem 0
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li:not(:last-child) {
    margin-right: 0.15rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .title {
    padding-bottom: 0.13rem;
    position: relative
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .title {
        padding-bottom: 0.6770833333vw
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .title::after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 0.005rem solid #e6e7e7;
    position: absolute;
    left: 0;
    bottom: 0
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .title .t {
    font-size: 0.09rem;
    font-weight: bold;
    line-height: 1;
    color: #333
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .title .t {
        font-size: 1.25vw
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item {
    color: #2563eb;
    font-size: 0.08rem;
    padding-top: 0.15rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item:not(:last-child) {
    margin-right: 0.15rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item:hover .img-box img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item p {
    text-align: center;
    font-weight: bold;
    line-height: 1;
    margin-top: 0.1rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item .img-box {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0.05rem;
    height: 1.4rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item .img-box img {
    height: 100%;
    border-radius: 0.05rem;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item .more {
    position: absolute;
    left: 0.1rem;
    bottom: 0.1rem;
    color: #fff;
    font-size: 0.07rem;
    line-height: 1
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item .text-box {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.1rem;
    top: 0.1rem;
    font-weight: 500
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item .text-box .en {
    font-size: 0.1rem;
    font-weight: 500;
    -webkit-text-stroke: 0.005rem #f4f7fb;
    color: #fff;
    -webkit-background-clip: text;
    line-height: 1;
    margin-bottom: 0.025rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .img-item .text-box .cn {
    color: #fff;
    font-size: 0.1rem;
    text-shadow: 0 0.005rem 0 rgba(0, 44, 104, 0.48)
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item {
    padding-top: 0.15rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .link-item-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .link-item-flex .link-item-left {
    width: 0.3rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .link-item-flex .link-item-left>img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item {
        padding-top: 1.6666666667vw
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item:not(:last-child) {
    margin-right: 0.2rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .link-item-right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .item-head {
    font-size: 0.09rem;
    font-weight: bold;
    margin-bottom: 0.14rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .item-head .subtit {
    color: #888;
    font-size: 0.07rem;
    font-weight: 300
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a:not(:last-of-type) {
    margin-bottom: 0.13rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a .icon-box {
    position: relative;
    width: 0.1rem;
    height: 0.09rem;
    margin-right: 0.045rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a .icon-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a .icon-box img.hover-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a:hover img {
    -webkit-transform: translateY(-0.025rem);
    -moz-transform: translateY(-0.025rem);
    transform: translateY(-0.025rem)
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a:hover img.hover-icon {
    opacity: 1
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a:hover img.def-icon {
    opacity: 0
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a:hover .b {
    color: #2563eb
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a .b {
    font-size: 0.075rem;
    color: #333
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a .s {
    font-size: 0.07rem;
    color: #888
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item:last-child .t1 {
    padding-right: 0
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .t1 {
    padding-right: 0.29rem;
    font-size: 0.08rem;
    line-height: 1;
    color: #000;
    margin-bottom: 0.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .t1 {
        padding-right: 3.0208333333vw;
        margin-bottom: 0.5208333333vw
    }
}

@media (max-width: 1480px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .t1 {
        font-size: 0.07rem
    }
}

@media (max-width: 1280px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .t1 {
        font-size: 0.065rem
    }
}

@media (max-width: 1180px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .t1 {
        font-size: 0.06rem
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .t2 {
    display: block;
    font-size: 0.07rem;
    line-height: 2.5;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

@media (max-width: 1480px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .t2 {
        font-size: 0.065rem
    }
}

@media (max-width: 1280px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .t2 {
        font-size: 0.06rem
    }
}

@media (max-width: 1180px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item .t2 {
        font-size: 0.055rem
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a:hover, .header .header-nav .header-right .nav-list .nav-item .dropdown-product .list>li .link-list .link-item a.is-active {
    color: #2563eb
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: inset 0.025rem 0.005rem 0.2rem 0 rgba(231, 237, 251, 0.83);
    box-shadow: inset 0.025rem 0.005rem 0.2rem 0 rgba(231, 237, 251, 0.83);
    width: 100%;
    overflow: hidden;
    display: none;
    padding: 0.23rem 0
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li:not(:last-child) {
    margin-right: 0.15rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .title {
    padding-bottom: 0.13rem;
    position: relative
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .title {
        padding-bottom: 0.6770833333vw
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .title::after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 0.005rem solid #e6e7e7;
    position: absolute;
    left: 0;
    bottom: 0
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .title .t {
    font-size: 0.09rem;
    font-weight: bold;
    line-height: 1;
    color: #333
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .title .t {
        font-size: 1.25vw
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item {
    padding-top: 0.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 1.6rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item:hover .item-head {
    color: #2563eb
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item:hover .link-item-flex .link-item-left {
    -webkit-transform: translateY(-0.025rem);
    -moz-transform: translateY(-0.025rem);
    transform: translateY(-0.025rem)
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item .link-item-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item .link-item-flex .link-item-left {
    margin-right: 0.05rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item .link-item-flex .link-item-left>img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item {
        padding-top: 1.6666666667vw
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item .link-item-right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item .item-head {
    font-size: 0.09rem;
    font-weight: bold;
    margin-bottom: 0.14rem;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item .item-head .subtit {
    color: #888;
    font-size: 0.07rem;
    font-weight: 300
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item a:hover, .header .header-nav .header-right .nav-list .nav-item .dropdown-solution .list>li .link-list .link-item a.is-active {
    color: #2563eb
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: inset 0.025rem 0.005rem 0.2rem 0 rgba(231, 237, 251, 0.83);
    box-shadow: inset 0.025rem 0.005rem 0.2rem 0 rgba(231, 237, 251, 0.83);
    width: 100%;
    overflow: hidden;
    display: none;
    padding: 0.23rem 0
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box {
    width: 100%
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .title {
    padding-bottom: 0.13rem;
    position: relative
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .title {
        padding-bottom: 0.6770833333vw
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .title::after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 0.005rem solid #e6e7e7;
    position: absolute;
    left: 0;
    bottom: 0
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .title .t {
    font-size: 0.09rem;
    font-weight: bold;
    line-height: 1;
    color: #333
}

@media (max-width: 1800px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .title .t {
        font-size: 1.25vw
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .link-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.2rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .link-list .link-item {
    padding-top: 0.15rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .link-list .link-item .h1 {
    font-size: 0.09rem;
    color: #333;
    font-weight: bold
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .link-list .link-item .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 0.15rem;
    margin-top: 0.05rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .link-list .link-item .list a {
    display: block;
    font-size: 0.075rem;
    color: #333;
    padding-left: 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 0.23rem;
    position: relative;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .link-list .link-item .list a::after {
    content: "";
    position: absolute;
    top: 0.11rem;
    left: 0;
    width: 0.02rem;
    height: 0.02rem;
    border-radius: 100%;
    background-image: -moz-linear-gradient(125deg, #6991c7 0%, #a3bded 100%), -moz-linear-gradient(#2563eb, #2563eb);
    background-image: linear-gradient(-35deg, #6991c7 0%, #a3bded 100%), linear-gradient(#2563eb, #2563eb)
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .link-list .link-item .list a:hover {
    color: #2563eb
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .link-list .link-item a:hover, .header .header-nav .header-right .nav-list .nav-item .dropdown-ai .box .link-list .link-item a.is-active {
    color: #2563eb
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-case {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0.025rem 0.005rem 0.2rem 0 rgba(231, 237, 251, 0.43);
    box-shadow: 0.025rem 0.005rem 0.2rem 0 rgba(231, 237, 251, 0.43);
    width: 100%;
    overflow: hidden
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-case .list {
    padding: 0.22rem 0.2rem 0.15rem 0.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.175rem;
    margin-right: -0.175rem;
    margin-bottom: -0.18rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-case .list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0.175rem;
    padding-right: 0.175rem;
    margin-bottom: 0.18rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-case .list>li .title {
    font-size: 0.1rem;
    font-weight: bold;
    line-height: 1;
    color: #333;
    margin-bottom: 0.08rem
}

@media (max-width: 1480px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-case .list>li .title {
        font-size: 0.09rem
    }
}

@media (max-width: 1280px) {
    .header .header-nav .header-right .nav-list .nav-item .dropdown-case .list>li .title {
        font-size: 0.08rem
    }
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-case .list>li .link-list {
    margin: 0 -0.025rem -0.05rem;
    font-size: 0
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-case .list>li .link-list .link-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 0.025rem;
    margin-bottom: 0.05rem
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-case .list>li .link-list .link-item img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-case .list>li.flex-column {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.header .header-nav .header-right .nav-list .nav-item .dropdown-case .list>li.flex-column .link-list .link-item {
    width: 25%
}

.header .header-nav .header-right .nav-list .nav-item:hover .hover-menu {
    opacity: 1;
    visibility: visible
}

.header .header-nav .header-right .header-btn-box {
    margin-left: 0.25rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1140px) {
    .header .header-nav .header-right .header-btn-box {
        margin-left: 2.6041666667vw
    }
}

@media screen and (max-width: 1024px) {
    .header .header-nav .header-right .header-btn-box {
        margin-right: 0.15rem;
        margin-left: 0
    }
}

.header .header-nav .header-right .header-btn-box a {
    width: 0.4rem;
    height: 0.2rem;
    line-height: 0.2rem;
    background-color: transparent;
    color: #2563eb;
    border: 0.005rem solid #2563eb;
    text-align: center;
    border-radius: 0.2rem;
    font-size: 0.08rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

@media screen and (max-width: 1024px) {
    .header .header-nav .header-right .header-btn-box a {
        min-width: 0.6rem;
        height: 0.245rem;
        border-radius: 0.125rem;
        line-height: 0.25rem;
        font-size: 0.11rem
    }
}

.header .header-nav .header-right .header-btn-box a:hover {
    background: #2563eb;
    color: #fff
}

.header .header-nav .header-right .header-btn-box a.login-btn:hover {
    background-color: #2563eb;
    border-color: #fff
}

.header .header-nav .header-right .header-btn-box a.register-btn {
    width: 0.65rem;
    background-color: #2563eb;
    color: #fff;
    border: 0.005rem solid #2563eb;
    margin-left: 0.05rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold
}

.header .header-nav .header-right .header-btn-box a.register-btn:hover {
    background-color: #2495ff;
    border-color: #2495ff
}

.header .header-nav .header-right .header-btn-box a.register-btn button {
    padding: 0 !important;
    font-weight: bold
}

@media (max-width: 1024px) {
    .header .header-nav .header-right .header-btn-box a.register-btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 0.1rem
    }

    .header .header-nav .header-right .header-btn-box a.register-btn svg {
        width: 0.125rem;
        height: 0.125rem
    }
}

.header .header-nav .header-right .header-mobile {
    display: none
}

@media screen and (max-width: 1024px) {
    .header .header-nav .header-right .header-mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.header .header-nav .header-right .header-mobile .nav-menu .iconfont {
    color: #333;
    font-size: 0.24rem
}

.header .header-nav .header-right .header-mobile .nav-menu .close {
    display: none
}

.header .header-nav .header-right .header-mobile .nav-menu img {
    width: 0.175rem
}

.header .header-nav .header-right .header-mobile .menu-btn-active .menu-icon {
    display: none
}

.header .header-nav .header-right .header-mobile .menu-btn-active .close {
    display: block
}

.header .nav-mobile {
    position: absolute;
    width: 100%;
    top: var(--headerHeight);
    left: 0;
    bottom: 0;
    z-index: 99999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header .nav-mobile.anim {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    height: -moz-calc(100% - 0.5rem);
    height: calc(100% - 0.5rem)
}

.header .nav-mobile-con {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 8889;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease
}

.header .nav-mobile-con .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1
}

.header .nav-mobile-con.anim .nav-mobile-search {
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    transform: translateX(0) !important
}

.header .nav-mobile-back {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 0.25rem;
    width: 100%;
    height: var(--headerHeight);
    background-color: #2563eb;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

.header .nav-mobile-back.anim {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.header .nav-mobile-back span {
    position: relative;
    z-index: 1;
    font-size: 0.14rem;
    line-height: var(--headerHeight);
    color: #fff
}

.header .nav-mobile-back .fh {
    margin-left: 0.1rem
}

@media screen and (max-width: 500px) {
    .header .nav-mobile-back .fh {
        margin-left: 0.025rem
    }
}

.header .nav-mobile .sub {
    display: none;
    border-top: 0.005rem solid #e2e2e2
}

.header .nav-mobile .sub li {
    position: relative;
    overflow: hidden
}

.header .nav-mobile .sub li:not(:last-child) a {
    border-bottom: 0.005rem solid #e2e2e2
}

.header .nav-mobile .sub li a {
    display: block;
    padding: 0 0.15rem 0 0.325rem;
    line-height: 0.5rem;
    height: 0.5rem;
    font-size: 0.14rem;
    color: #666;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header .nav-mobile .menu-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ebebeb;
    height: 0.4rem;
    line-height: 0.4rem
}

.header .nav-mobile .menu-search input {
    width: 80%;
    line-height: 0.4rem;
    background: #ebebeb;
    border: none;
    padding-left: 0.15rem
}

.header .nav-mobile .menu-search button {
    display: inline-block;
    width: 20%;
    height: 100%;
    text-align: center;
    border: none;
    background-color: #ebebeb
}

.header .nav-mobile .menu-search button span {
    color: #555;
    font-size: 0.25rem
}

.header .nav-mobile .menu-unfold {
    top: -moz-calc(var(--headerHeight) + 0.15rem);
    top: calc(var(--headerHeight) + 0.15rem);
    right: 0;
    z-index: 20;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%
}

.header .nav-mobile .menu-unfold .menu-box {
    top: -moz-calc(0.5rem + 0.15rem);
    top: calc(0.5rem + 0.15rem);
    right: 0;
    z-index: 20;
    overflow-y: auto;
    height: 100%;
    background-color: #fff;
    display: inline-block;
    width: 100%
}

.header .nav-mobile .menu-unfold .menu-box::-webkit-scrollbar {
    display: none
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.2rem 0.25rem;
    width: 2.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f0f0f0
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0.1rem 0.15rem;
    border-radius: 0.25rem;
    border: 0.005rem solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input {
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: none;
    font-size: 0.13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-webkit-input-placeholder {
    color: #666;
    font-size: 0.13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-moz-placeholder {
    color: #666;
    font-size: 0.13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-moz-placeholder {
    color: #666;
    font-size: 0.13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input:-ms-input-placeholder {
    color: #666;
    font-size: 0.13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::-ms-input-placeholder {
    color: #666;
    font-size: 0.13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box input::placeholder {
    color: #666;
    font-size: 0.13rem
}

.header .nav-mobile .menu-unfold .menu-box .nav-mobile-search .input-box button {
    background-color: transparent;
    border: none;
    font-size: 0.2rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    color: #333;
    font-size: 0.16rem;
    line-height: 0.5rem;
    background-color: #fff;
    border-bottom: 0.005rem solid rgba(149, 149, 149, 0.2549019608);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0.15rem 0 0.35rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .s-menu-item {
    border-top: 0.005rem solid rgba(149, 149, 149, 0.2549019608)
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .s-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0.15rem 0 0.35rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .s-item a {
    color: #444;
    font-size: 0.14rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item a {
    color: #333;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .iconfont, .header .nav-mobile .menu-unfold .menu-box .menu-item .s-iconfont {
    font-size: 0.2rem;
    color: #333;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: 0.15rem;
    text-align: center;
    padding-left: 0.4rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .menu-2 {
    display: none
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .menu-2>a {
    padding: 0 0.15rem 0 0.35rem;
    border-top: 0.005rem solid rgba(149, 149, 149, 0.2549019608);
    display: block;
    color: #444;
    font-size: 0.14rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .menu-3 {
    display: none
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .menu-3>a {
    padding: 0 0.15rem 0 0.5rem;
    border-top: 0.005rem solid rgba(149, 149, 149, 0.2549019608);
    display: block;
    color: #666;
    font-size: 0.13rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item:last-child {
    border: 0
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.05rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .list>li {
    padding: 0.1rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .list>li .title {
    font-size: 0.16rem;
    font-weight: bold;
    color: #333;
    position: relative
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .list>li .title::after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 0.005rem solid #e6e7e7;
    position: absolute;
    left: 0;
    bottom: 0
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .list>li .img-item {
    position: relative;
    margin-top: 0.2rem
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .list>li .img-item img {
    width: 100%
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .list>li .img-item .text-box {
    font-size: 0.15rem;
    line-height: 0.3rem;
    font-weight: 600
}

.header .nav-mobile .menu-unfold .menu-box .menu-item .list>li .img-item .more {
    font-size: 0.13rem
}

.header .nav-mobile .flex-box {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(0, 0, 0, 0.3)
}

.index-banner {
    overflow: hidden;
    position: relative
}

.index-banner .swiper-container {
    width: 100%;
    overflow: hidden
}

.index-banner .swiper-container .swiper-slide {
    overflow: hidden
}

.index-banner .swiper-container .swiper-slide>div {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 32.0546505518%;
    overflow: hidden
}

.index-banner .swiper-container .swiper-slide>div img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

@media (max-width: 1024px) {
    .index-banner .swiper-container .swiper-slide>div {
        position: relative;
        padding-bottom: 52%;
        overflow: hidden
    }

    .index-banner .swiper-container .swiper-slide>div img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

.index-banner .swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.index-banner .swiper-container .wp1280 {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10
}

.index-banner .swiper-container .text-container {
    position: absolute;
    top: 8.59375vw;
    left: 0
}

@media (max-width: 1380px) {
    .index-banner .swiper-container .text-container {
        left: 0.3rem
    }
}

@media (max-width: 1024px) {
    .index-banner .swiper-container .text-container {
        left: 0.325rem;
        top: 0.35rem
    }
}

.index-banner .swiper-container .text-container>:nth-child(1) {
    font-size: 3.3854166667vw;
    line-height: 3.90625vw;
    color: #fff
}

@media (max-width: 1024px) {
    .index-banner .swiper-container .text-container>:nth-child(1) {
        font-size: 0.325rem;
        line-height: 0.375rem
    }
}

.index-banner .swiper-container .text-container>:nth-child(2) {
    margin-top: 0.025rem;
    font-size: 1.6666666667vw;
    line-height: 3.3333333333vw;
    color: #fff
}

@media (max-width: 1024px) {
    .index-banner .swiper-container .text-container>:nth-child(2) {
        font-size: 0.16rem;
        line-height: 0.32rem
    }
}

.index-banner .swiper-container .text-container .part-btns {
    margin-top: 0.175rem
}

@media (max-width: 1800px) {
    .index-banner .swiper-container .text-container .part-btns {
        margin-top: 1.8229166667vw
    }
}

@media (max-width: 1024px) {
    .index-banner .swiper-container .text-container .part-btns {
        margin-top: 0.2rem
    }
}

.index-banner .swiper-container .swiper-pagination {
    z-index: 8;
    bottom: 0.45rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1024px) and (max-width: 1900px) {
    .index-banner .swiper-container .swiper-pagination {
        bottom: 4.6875vw
    }
}

@media (max-width: 1024px) {
    .index-banner .swiper-container .swiper-pagination {
        bottom: 5%
    }
}

.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 8Px;
    height: 8Px;
    border-radius: 4Px;
    border: none;
    opacity: 1;
    margin: 0 0.025rem;
    background: #2563eb;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    width: 20Px
}

@media (max-width: 480px) {
    .index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 6Px;
        height: 6Px
    }

    .index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        width: 18Px
    }
}

.index-banner-tile {
    margin-top: -0.35rem;
    position: relative;
    z-index: 10
}

@media (max-width: 1900px) {
    .index-banner-tile {
        margin-top: -3.6458333333vw
    }
}

@media (max-width: 1024px) {
    .index-banner-tile {
        margin-top: 0.125rem
    }
}

.index-banner-tile .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #fafcff;
    border: 1Px solid #c5d6fa;
    border-radius: 0.05rem
}

@media (max-width: 1024px) {
    .index-banner-tile .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.index-banner-tile .list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.index-banner-tile .list>li:not(:last-child) {
    border-right: 1Px solid #c5d6fa
}

@media (max-width: 1024px) {
    .index-banner-tile .list>li {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .index-banner-tile .list>li:nth-child(1), .index-banner-tile .list>li:nth-child(2) {
        border-bottom: 1Px solid #c5d6fa
    }

    .index-banner-tile .list>li:nth-child(2) {
        border-right: none
    }
}

.index-banner-tile .list>li .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0.15rem 0.16rem 0.125rem 0.11rem
}

@media (max-width: 1024px) {
    .index-banner-tile .list>li .item {
        padding: 0.21rem 0.11rem 0.175rem 0.115rem
    }
}

.index-banner-tile .list>li .item .icon {
    margin-right: 0.04rem;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 0.13rem;
    flex: 0 0 0.13rem;
    width: 0.13rem
}

@media (max-width: 480px) {
    .index-banner-tile .list>li .item .icon {
        margin-top: 0.02rem
    }
}

.index-banner-tile .list>li .item .icon img {
    display: block;
    width: 100%;
    height: auto
}

.index-banner-tile .list>li .item .txt .t {
    font-size: 0.09rem;
    font-weight: bold;
    line-height: 1;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

@media (max-width: 1024px) {
    .index-banner-tile .list>li .item .txt .t {
        font-size: 0.15rem;
        line-height: 1
    }
}

.index-banner-tile .list>li .item .txt .s {
    margin-top: 0.035rem;
    font-size: 0.06rem;
    line-height: 0.1rem;
    color: #999;
    text-align: justify
}

@media (max-width: 1024px) {
    .index-banner-tile .list>li .item .txt .s {
        margin-top: 0.1rem;
        font-size: 0.13rem;
        line-height: 0.2rem
    }
}

.index-banner-tile .list>li .item:hover .txt .t {
    color: #2563eb
}

.index-banner-tile .wp1280 {
    position: relative
}

.index-banner-tile .wp1280::after {
    content: "";
    display: block;
    width: 100%;
    height: 1.275rem;
    background: url(../images/bg6.png) no-repeat center/cover;
    position: absolute;
    left: 0;
    bottom: -0.3rem;
    z-index: -1;
    pointer-events: none
}

@media (max-width: 1024px) {
    .index-banner-tile .wp1280::after {
        height: 0.685rem;
        bottom: -0.2rem;
        background: url(../images/bg6_m.png) no-repeat center/cover
    }
}

.index-section-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow: hidden
}

@media (max-width: 1024px) {
    .index-section-1 .index-title {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto
    }
}

.index-section-1 .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    min-height: 2.05rem;
    border-radius: 0.1rem;
    overflow: hidden;
    background-color: #f1f4fa;
    background-image: url(../images/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0.195rem 0.15rem
}

.index-section-1 .item .title .t {
    font-size: 0.12rem;
    line-height: 1.25;
    font-weight: bold;
    color: #000
}

.index-section-1 .item .title .t span:nth-child(1) {
    display: none
}

.index-section-1 .item .title .p {
    font-size: 0.08rem;
    line-height: 1.875;
    color: #fff;
    display: none
}

.index-section-1 .item .con {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.index-section-1 .item .con .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    transition: 0.2s ease all
}

.index-section-1 .item .con .bg img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center
}

.index-section-1 .item .con .bg img:last-of-type {
    display: none
}

.index-section-1 .item .con .bg img:first-of-type:last-of-type {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .index-section-1 .item .con .bg img:first-of-type {
        display: none
    }

    .index-section-1 .item .con .bg img:last-of-type {
        display: inline-block
    }
}

.index-section-1 .item .slist {
    margin-top: 0.12rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    margin-bottom: -0.05rem
}

.index-section-1 .item .slist .sitem {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 0.5rem;
    flex: 0 0 0.5rem;
    border-radius: 0.025rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d9e9fd;
    padding-top: 0.045rem;
    padding-bottom: 0.045rem;
    margin-bottom: 0.05rem
}

.index-section-1 .item .slist .sitem:not(:last-child) {
    margin-right: 0.05rem
}

.index-section-1 .item .slist .sitem .icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index-section-1 .item .slist .sitem .icon img {
    display: block;
    width: 0.09rem;
    height: 0.09rem
}

.index-section-1 .item .slist .sitem .txt {
    margin-left: 0.03rem;
    font-size: 0.075rem;
    line-height: 1;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-section-1 .item .clist {
    margin-top: 0.4rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 3
}

.index-section-1 .item .clist .citem {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.115rem
}

.index-section-1 .item .clist .citem .icon {
    width: 0.075rem;
    height: 0.075rem
}

.index-section-1 .item .clist .citem .icon img {
    display: block;
    width: 100%;
    height: 100%
}

.index-section-1 .item .clist .citem .txt {
    margin-left: 0.065rem;
    font-size: 0.075rem;
    line-height: 1;
    color: #333
}

.index-section-1 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-section-1 .list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 24.21875%;
    flex: 0 0 24.21875%;
    max-width: 24.21875%;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear
}

.index-section-1 .on {
    -webkit-box-flex: 0 !important;
    -moz-box-flex: 0 !important;
    -ms-flex: 0 0 48.4375% !important;
    flex: 0 0 48.4375% !important;
    max-width: 48.4375% !important
}

@media (max-width: 1024px) {
    .index-section-1 .on {
        -webkit-box-flex: 0 !important;
        -moz-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.index-section-1 .on .item {
    padding: 0
}

@media (max-width: 1024px) {
    .index-section-1 .on .item {
        height: 2.88rem
    }
}

.index-section-1 .on .title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 0.6rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    background-image: url(../images/bg7.jpg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear
}

@media (max-width: 1024px) {
    .index-section-1 .on .title {
        height: 0.8rem
    }
}

.index-section-1 .on .title .t {
    font-size: 0.14rem;
    color: #fff
}

@media (max-width: 1024px) {
    .index-section-1 .on .title .t {
        font-size: 0.19rem
    }
}

.index-section-1 .on .title .t span:nth-child(1) {
    display: inline-block
}

.index-section-1 .on .title .p {
    display: block;
    margin-top: 0.05rem
}

@media (max-width: 1024px) {
    .index-section-1 .on .title .p {
        margin-top: 0.07rem;
        font-size: 0.13rem;
        line-height: 0.15rem
    }
}

.index-section-1 .on .con {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1.3rem;
    padding-left: 0.15rem
}

@media (min-width: 1024px) and (max-width: 1380px) {
    .index-section-1 .on .con {
        padding-right: 10.4166666667vw
    }
}

@media (min-width: 1024px) {
    .index-section-1 .on .con {
        width: var(--width)
    }
}

.index-section-1 .on .con .bg {
    opacity: 1;
    visibility: visible
}

.index-section-1 .on .con .slist {
    margin-top: 0.2rem
}

@media (max-width: 1024px) {
    .index-section-1 .on .con .slist {
        margin-top: 0.28rem
    }
}

.index-section-1 .on .con .slist .sitem {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 0.65rem;
    flex: 0 0 0.65rem;
    padding: 0;
    background: transparent
}

@media (max-width: 1024px) {
    .index-section-1 .on .con .slist .sitem {
        -ms-flex-preferred-size: 0.8rem;
        flex-basis: 0.8rem
    }
}

.index-section-1 .on .con .slist .sitem .icon {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 0.18rem;
    flex: 0 0 0.18rem;
    height: 0.18rem;
    border: 1Px solid #2563eb;
    border-radius: 50%
}

@media (max-width: 1024px) {
    .index-section-1 .on .con .slist .sitem .icon {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 0.22rem;
        flex: 0 0 0.22rem;
        height: 0.22rem
    }
}

.index-section-1 .on .con .slist .sitem .txt {
    margin-left: 0.05rem;
    font-size: 0.1rem
}

@media (max-width: 1024px) {
    .index-section-1 .on .con .slist .sitem .txt {
        margin-left: 0.03rem;
        font-size: 0.13rem
    }
}

.index-section-1 .on .con .clist {
    margin-top: 0.25rem
}

@media (max-width: 1024px) {
    .index-section-1 .on .con .clist {
        margin-top: 0.35rem
    }
}

.index-section-1 .on .con .clist .citem {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 0.625rem;
    flex: 0 0 0.625rem;
    height: 0.15rem;
    border-radius: 0.025rem;
    background: #fff;
    margin-bottom: 0.05rem;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-section-1 .on .con .clist .citem:not(:last-child) {
    margin-right: 0.1rem
}

@media (max-width: 1024px) {
    .index-section-1 .on .con .clist .citem {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 0.825rem;
        flex: 0 0 0.825rem;
        height: 0.3rem;
        margin-bottom: 0.1rem
    }

    .index-section-1 .on .con .clist .citem:not(:last-child) {
        margin-right: 0.05rem
    }

    .index-section-1 .on .con .clist .citem .icon {
        width: 0.105rem;
        height: 0.105rem
    }

    .index-section-1 .on .con .clist .citem .txt {
        font-size: 0.12rem
    }
}

.index-section-1 .swiper-pagination {
    margin-top: 0.15rem;
    position: static;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1024px) {
    .index-section-1 .swiper-pagination {
        margin-top: 0.2rem
    }
}

.index-section-1 .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 8Px;
    height: 8Px;
    border-radius: 4Px;
    border: none;
    opacity: 1;
    margin: 0 0.025rem;
    background: #2563eb;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.index-section-1 .swiper-pagination .swiper-pagination-bullet-active {
    width: 20Px
}

@media (max-width: 480px) {
    .index-section-1 .swiper-pagination .swiper-pagination-bullet {
        width: 6Px;
        height: 6Px
    }

    .index-section-1 .swiper-pagination .swiper-pagination-bullet-active {
        width: 14Px
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.index-section-2 {
    padding-top: 0.48rem;
    padding-bottom: 0.5rem;
    position: relative
}

.index-section-2 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.index-section-2 .bg img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.index-section-2 .index-title {
    margin-bottom: 0.18rem;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    transition: 0.2s ease all
}

@media (min-width: 1024px) {
    .index-section-2 .index-title .t br {
        display: none
    }
}

@media (max-width: 1024px) {
    .index-section-2 .index-title {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto
    }
}

.index-section-2 .h-tabs {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.index-section-2 .h-tabs .tab-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    height: 0.4rem
}

@media (min-width: 1024px) {
    .index-section-2 .h-tabs .tab-item {
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        transition: all 0.4s linear
    }
}

@media (max-width: 1024px) {
    .index-section-2 .h-tabs .tab-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 0.13rem
    }
}

.index-section-2 .h-tabs .tab-item .tab-wp {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1024px) {
    .index-section-2 .h-tabs .tab-item .tab-wp {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 5
    }
}

.index-section-2 .h-tabs .tab-item .icon {
    margin-right: 0.075rem;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 0.15rem;
    flex: 0 0 0.15rem;
    width: 0.15rem;
    height: 0.15rem;
    position: relative
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .index-section-2 .h-tabs .tab-item .icon {
        margin-right: 0.05rem;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 0.1rem;
        flex: 0 0 0.1rem;
        width: 0.1rem;
        height: 0.1rem
    }
}

.index-section-2 .h-tabs .tab-item .icon img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-2 .h-tabs .tab-item .icon img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

.index-section-2 .h-tabs .tab-item .txt {
    font-size: 0.14rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    width: 2em;
    white-space: nowrap;
    overflow: hidden
}

@media (max-width: 1800px) {
    .index-section-2 .h-tabs .tab-item .txt {
        font-size: 1.4583333333vw
    }
}

@media (max-width: 1180px) {
    .index-section-2 .h-tabs .tab-item .txt {
        font-size: 0.09rem
    }
}

@media (max-width: 1024px) {
    .index-section-2 .h-tabs .tab-item .txt {
        font-size: 0.12rem;
        line-height: 0.15rem
    }
}

@media (max-width: 480px) {
    .index-section-2 .h-tabs .tab-item .txt {
        font-size: 0.11rem
    }
}

.index-section-2 .h-tabs .tab-item:not(:first-child) {
    margin-left: -0.41rem
}

.index-section-2 .h-tabs .tab-item:nth-child(1) {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 23.59375%;
    flex: 0 0 23.59375%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/bg8.png);
    border-radius: 0.1rem 0.1rem 0 0;
    position: relative;
    z-index: 3
}

@media (max-width: 1024px) {
    .index-section-2 .h-tabs .tab-item:nth-child(1) {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 26.3768115942%;
        flex: 0 0 26.3768115942%;
        background-size: auto 100%
    }
}

.index-section-2 .h-tabs .tab-item:nth-child(2) {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 23.59375%;
    flex: 0 0 23.59375%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/bg9.png);
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .index-section-2 .h-tabs .tab-item:nth-child(2) {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 30.7246376812%;
        flex: 0 0 30.7246376812%;
        padding-left: 0.32rem;
        background-size: auto 100%
    }
}

.index-section-2 .h-tabs .tab-item:nth-child(3) {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 22.34375%;
    flex: 0 0 22.34375%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/bg10.png);
    position: relative;
    z-index: 1
}

@media (max-width: 1024px) {
    .index-section-2 .h-tabs .tab-item:nth-child(3) {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 30.7246376812%;
        flex: 0 0 30.7246376812%;
        padding-left: 0.3rem;
        background-size: auto 100%
    }
}

.index-section-2 .h-tabs .tab-item.on {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 67.265625%;
    flex: 1 1 67.265625%
}

@media (min-width: 1024px) {
    .index-section-2 .h-tabs .tab-item.on .tab-wp {
        width: var(--width)
    }
}

.index-section-2 .h-tabs .tab-item.on:nth-child(1) {
    background-image: url(../images/bg8-.png)
}

.index-section-2 .h-tabs .tab-item.on:nth-child(2) {
    background-image: url(../images/bg9-.png)
}

.index-section-2 .h-tabs .tab-item.on:nth-child(3) {
    background-image: url(../images/bg10-.png)
}

.index-section-2 .h-tabs .tab-item.on .icon img:nth-child(1) {
    opacity: 0;
    visibility: hidden
}

.index-section-2 .h-tabs .tab-item.on .icon img:nth-child(2) {
    opacity: 1;
    visibility: visible
}

.index-section-2 .h-tabs .tab-item.on .txt {
    width: auto
}

@media (max-width: 1024px) {
    .index-section-2 .h-tabs .tab-item.on {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 66.3768115942%;
        flex: 1 1 66.3768115942%;
        padding-left: 0.4rem;
        padding-right: 0.3rem
    }

    .index-section-2 .h-tabs .tab-item.on:nth-child(1) {
        padding-left: 0.1rem
    }

    .index-section-2 .h-tabs .tab-item.on .txt {
        white-space: normal
    }
}

.index-section-2 .h-cons {
    background-color: #fff;
    border-radius: 0 0 0.05rem 0.05rem;
    padding: 0.075rem
}

.index-section-2 .h-cons .con-item {
    display: none;
    background-color: #f0f4fe;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    border-radius: 0.05rem;
    padding: 0.1rem 0.31rem 0.16rem
}

@media (max-width: 1024px) {
    .index-section-2 .h-cons .con-item {
        padding: 0.1rem 0.1rem 1.7rem 0.11rem;
        background-position: center bottom;
        background-image: var(--mb) !important
    }
}

@media (min-width: 1024px) {
    .index-section-2 .h-cons .con-item .info-list {
        max-width: 59%
    }
}

.index-section-2 .h-cons .con-item .info-list .info-item {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

@media (max-width: 1024px) {
    .index-section-2 .h-cons .con-item .info-list .info-item {
        padding-top: 0.15rem;
        padding-bottom: 0.15rem
    }
}

.index-section-2 .h-cons .con-item .info-list .info-item::after {
    content: "";
    width: 100%;
    height: 1Px;
    background: -webkit-gradient(linear, left top, right top, from(#cfd9ec), color-stop(70%, #cfd9ec), to(rgba(207, 217, 236, 0)));
    background: -moz-linear-gradient(left, #cfd9ec 0%, #cfd9ec 70%, rgba(207, 217, 236, 0) 100%);
    background: linear-gradient(to right, #cfd9ec 0%, #cfd9ec 70%, rgba(207, 217, 236, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0
}

.index-section-2 .h-cons .con-item .info-list .info-item .t {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 0.7rem;
    flex: 0 0 0.7rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.08rem;
    font-weight: bold;
    color: #2e3546
}

@media (max-width: 1024px) {
    .index-section-2 .h-cons .con-item .info-list .info-item .t {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 1rem;
        flex: 0 0 1rem;
        font-size: 0.14rem
    }
}

.index-section-2 .h-cons .con-item .info-list .info-item .t img {
    margin-right: 0.075rem
}

@media (max-width: 1024px) {
    .index-section-2 .h-cons .con-item .info-list .info-item .t img {
        width: 0.115rem;
        height: auto
    }
}

.index-section-2 .h-cons .con-item .info-list .info-item .p {
    font-size: 0.07rem;
    line-height: 0.13rem;
    color: #666
}

@media (max-width: 1024px) {
    .index-section-2 .h-cons .con-item .info-list .info-item .p {
        font-size: 0.12rem;
        line-height: 0.2rem
    }
}

.index-section-2 .h-cons .con-item .h {
    margin-top: 0.19rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.09rem;
    line-height: 1.4444444444;
    font-weight: bold;
    color: #2563eb
}

.index-section-2 .h-cons .con-item .h img {
    margin-right: 0.05rem;
    width: 0.09rem;
    height: auto
}

@media (max-width: 1024px) {
    .index-section-2 .h-cons .con-item .h {
        margin-top: 0.28rem;
        font-size: 0.14rem
    }
}

.index-section-2 .h-cons .con-item .t-list {
    margin-top: 0.07rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -0.05rem
}

@media (max-width: 1024px) {
    .index-section-2 .h-cons .con-item .t-list {
        margin-top: 0.1rem
    }
}

.index-section-2 .h-cons .con-item .t-list .t-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0.8rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.05rem;
    background-color: #d9e9fd;
    padding: 0.07rem 0.1rem;
    font-size: 0.07rem;
    line-height: 0.11rem;
    color: #333;
    margin-bottom: 0.05rem
}

.index-section-2 .h-cons .con-item .t-list .t-item:not(:last-child) {
    margin-right: 0.05rem
}

.index-section-2 .h-cons .con-item .t-list .t-item img {
    margin-right: 0.045rem
}

@media (max-width: 1024px) {
    .index-section-2 .h-cons .con-item .t-list .t-item {
        min-width: 1.15rem;
        font-size: 0.12rem;
        line-height: 1.5714285714
    }
}

.index-section-2 .h-cons .con-item:nth-child(1) .h {
    color: #7c86b3
}

.index-section-2 .h-cons .con-item:nth-child(1) .t-list .t-item {
    min-width: 0.6rem;
    background: #d9e9fd
}

.index-section-2 .h-cons .con-item:nth-child(2) .h {
    color: #c80000
}

.index-section-2 .h-cons .con-item:nth-child(2) .t-list .t-item {
    background: #fad3d3
}

.index-section-2 .h-cons .con-item:nth-child(3) .h {
    color: #0cc162
}

.index-section-2 .h-cons .con-item:nth-child(3) .t-list .t-item {
    background: #a8f0d4
}

.index-section-2 .h-box {
    position: relative
}

@media (min-width: 1024px) {
    .index-section-2 .h-box {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.index-section-2 .h-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    transform: translateY(-30%);
    left: 0.05rem
}

@media (max-width: 1024px) {
    .index-section-2 .h-icon {
        display: none
    }
}

.index-section-2 .h-icon img {
    display: block;
    width: 0.55rem;
    height: 0.55rem
}

@media (min-width: 1024px) and (max-width: 1800px) {
    .index-section-2 .h-icon img {
        width: 5.7291666667vw;
        height: 5.7291666667vw
    }
}

.index-section-2 .h-icon span {
    color: #2e3546;
    font-size: 0.13rem;
    line-height: 1;
    font-weight: bold
}

@media (min-width: 1024px) and (max-width: 1800px) {
    .index-section-2 .h-icon span {
        font-size: 1.3541666667vw
    }
}

@media (min-width: 1024px) {
    .index-section-2 .swiper-slide {
        height: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .index-section-2 .swiper-slide .h-tabs, .index-section-2 .swiper-slide .h-cons {
        opacity: 0.2
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .index-section-2 .swiper-slide .index-title {
        opacity: 0;
        visibility: hidden
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .index-section-2 .swiper-slide.swiper-slide-active .index-title {
        opacity: 1;
        visibility: visible
    }
}

.index-section-2 .swiper-slide.swiper-slide-active .h-tabs, .index-section-2 .swiper-slide.swiper-slide-active .h-cons {
    opacity: 1
}

.index-section-2 .swiper-slide.swiper-slide-active .h-icon {
    opacity: 0;
    visibility: hidden
}

.index-section-2 .swiper-slide.swiper-slide-prev, .index-section-2 .swiper-slide.swiper-slide-next {
    cursor: pointer
}

.index-section-2 .swiper-slide.swiper-slide-prev .h-tabs .tab-item, .index-section-2 .swiper-slide.swiper-slide-next .h-tabs .tab-item {
    pointer-events: none
}

.index-section-2 .swiper-slide.swiper-slide-prev .index-title, .index-section-2 .swiper-slide.swiper-slide-next .index-title {
    opacity: 0;
    visibility: hidden
}

.index-section-2 .swiper-slide.swiper-slide-prev .h-icon {
    left: auto;
    right: 0.05rem
}

.index-section-2 .swiper-box {
    position: relative;
    --btnTop: 0.33rem
}

@media (max-width: 1024px) {
    .index-section-2 .swiper-box {
        padding: 0 0.15rem
    }
}

.index-section-2 .swiper-btn-prev, .index-section-2 .swiper-btn-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer
}

@media (max-width: 1024px) {
    .index-section-2 .swiper-btn-prev, .index-section-2 .swiper-btn-next {
        top: var(--btnTop)
    }
}

.index-section-2 .swiper-btn-prev img, .index-section-2 .swiper-btn-next img {
    -webkit-animation: pulse 1.2s linear infinite;
    -moz-animation: pulse 1.2s linear infinite;
    animation: pulse 1.2s linear infinite;
    width: auto;
    height: 0.3rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 480px) {
    .index-section-2 .swiper-btn-prev img, .index-section-2 .swiper-btn-next img {
        height: 46Px
    }
}

.index-section-2 .swiper-btn-prev {
    left: 16.7vw;
    -webkit-transform: translate(-0.31rem, 0.34rem);
    -moz-transform: translate(-0.31rem, 0.34rem);
    transform: translate(-0.31rem, 0.34rem)
}

@media (min-width: 1920px) {
    .index-section-2 .swiper-btn-prev {
        left: -moz-calc((100% - 6.4rem) / 2);
        left: calc((100% - 6.4rem) / 2);
        -webkit-transform: translate(-0.26rem, 0.34rem);
        -moz-transform: translate(-0.26rem, 0.34rem);
        transform: translate(-0.26rem, 0.34rem)
    }
}

@media (max-width: 1024px) {
    .index-section-2 .swiper-btn-prev {
        left: 0.15rem;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

.index-section-2 .swiper-btn-next {
    right: 16.7vw;
    -webkit-transform: translate(0.31rem, 0.34rem);
    -moz-transform: translate(0.31rem, 0.34rem);
    transform: translate(0.31rem, 0.34rem)
}

@media (min-width: 1920px) {
    .index-section-2 .swiper-btn-next {
        right: -moz-calc((100% - 6.4rem) / 2);
        right: calc((100% - 6.4rem) / 2);
        -webkit-transform: translate(0.26rem, 0.34rem);
        -moz-transform: translate(0.26rem, 0.34rem);
        transform: translate(0.26rem, 0.34rem)
    }
}

@media (max-width: 1024px) {
    .index-section-2 .swiper-btn-next {
        right: 0.15rem;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

.index-section-3 {
    padding-top: 0.5rem;
    padding-bottom: 0.11rem
}

.index-section-3 .index-title {
    margin-bottom: 0.17rem
}

@media (max-width: 1024px) {
    .index-section-3 .index-title .s {
        max-width: 74%;
        margin-left: auto;
        margin-right: auto
    }
}

.index-section-3 .img {
    position: relative;
    text-align: center
}

.index-section-3 .img::after {
    content: "";
    display: block;
    width: 100%;
    height: 1.275rem;
    background: url(../images/bg6.png) no-repeat center/cover;
    position: absolute;
    left: 0;
    bottom: -0.31rem;
    z-index: -1
}

@media (max-width: 1024px) {
    .index-section-3 .img::after {
        height: 0.685rem;
        bottom: -0.09rem;
        background: url(../images/bg6_m.png) no-repeat center/cover
    }
}

.index-section-3 .img img:last-of-type {
    display: none
}

.index-section-3 .img img:first-of-type:last-of-type {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .index-section-3 .img img:first-of-type {
        display: none
    }

    .index-section-3 .img img:last-of-type {
        display: inline-block
    }
}

.index-section-3 img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.index-section-4 {
    padding-top: 0.25rem
}

.index-section-4 .index-title {
    margin-bottom: 0.25rem
}

.index-section-4 .line {
    display: block;
    width: 100%;
    height: 0.015rem;
    background-color: #2563eb;
    -webkit-box-shadow: 0 0.015rem 0.05rem 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0.015rem 0.05rem 0 rgba(0, 0, 0, 0.5)
}

.index-section-4 .case-tabs {
    max-width: 6.4rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0.075rem
}

@media screen and (max-width: 1024px) {
    .index-section-4 .case-tabs {
        padding: 0 0.15rem
    }
}

@media (min-width: 1800px) {
    .index-section-4 .case-tabs {
        padding-left: 0.02rem
    }
}

@media (max-width: 1024px) {
    .index-section-4 .case-tabs {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.index-section-4 .case-tabs .case-tab-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    width: 0.8rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.1rem;
    line-height: 1;
    color: #000;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    transition: 0.2s ease all
}

.index-section-4 .case-tabs .case-tab-item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.125rem;
    background-color: #2563eb;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

@media (min-width: 1024px) {
    .index-section-4 .case-tabs .case-tab-item::after {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media (max-width: 1024px) {
    .index-section-4 .case-tabs .case-tab-item::after {
        border-radius: 0
    }
}

.index-section-4 .case-tabs .case-tab-item.on {
    font-weight: bold;
    color: #fff
}

.index-section-4 .case-tabs .case-tab-item.on::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.index-section-4 .case-tabs .case-tab-item.on:hover::after {
    background-color: #1555e2
}

@media (min-width: 1024px) {
    .index-section-4 .case-tabs .case-tab-item.display-none-pc {
        display: none
    }

    .index-section-4 .case-tabs .case-tab-item:not(:last-child) {
        margin-right: 0.13rem
    }

    .index-section-4 .case-tabs .case-tab-item:hover {
        font-weight: bold;
        color: #fff
    }

    .index-section-4 .case-tabs .case-tab-item:hover::after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media (max-width: 1024px) {
    .index-section-4 .case-tabs .case-tab-item {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 25%;
        height: 0.55rem;
        border-radius: 0;
        font-size: 0.13rem;
        background-color: #ebf1fe;
        border-right: 1Px solid #d7ddea;
        border-bottom: 1Px solid #d7ddea
    }
}

.index-section-4 .swiper-container {
    overflow: hidden
}

.index-section-4 .swiper-container .swiper-slide {
    overflow: hidden
}

.index-section-4 .swiper-container .swiper-slide>div {
    min-height: 3.1rem;
    display: block;
    width: 100%;
    height: 100%
}

.index-section-4 .swiper-container .swiper-slide>div>img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: -1
}

.index-section-4 .swiper-container .swiper-slide>div>img:last-of-type {
    display: none
}

.index-section-4 .swiper-container .swiper-slide>div>img:first-of-type:last-of-type {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .index-section-4 .swiper-container .swiper-slide>div>img:first-of-type {
        display: none
    }

    .index-section-4 .swiper-container .swiper-slide>div>img:last-of-type {
        display: inline-block
    }
}

.index-section-4 .swiper-container .swiper-slide .text-container {
    padding-top: 0.525rem;
    margin-left: auto;
    margin-right: -moz-calc((100% - 6.4rem) / 2);
    margin-right: calc((100% - 6.4rem) / 2);
    max-width: 3.6rem
}

@media (max-width: 1380px) {
    .index-section-4 .swiper-container .swiper-slide .text-container {
        margin-right: 0.3rem;
        max-width: 52.0833333333vw
    }
}

@media (max-width: 1024px) {
    .index-section-4 .swiper-container .swiper-slide .text-container {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0.15rem;
        padding-right: 0.15rem;
        padding-top: 0.35rem
    }
}

.index-section-4 .swiper-container .swiper-slide .text-container .t {
    font-size: 0.175rem;
    font-weight: bold;
    line-height: 1;
    color: #fff
}

@media (max-width: 1024px) {
    .index-section-4 .swiper-container .swiper-slide .text-container .t {
        font-size: 0.2rem
    }
}

.index-section-4 .swiper-container .swiper-slide .text-container .p {
    margin-top: 0.15rem;
    font-size: 0.08rem;
    line-height: 2.1875;
    color: #cccfd3;
    text-align: justify
}

@media (max-width: 1024px) {
    .index-section-4 .swiper-container .swiper-slide .text-container .p {
        font-size: 0.13rem;
        line-height: 0.24rem;
        margin-top: 0.13rem
    }
}

.index-section-4 .swiper-container .swiper-slide .text-container .u-list {
    margin-top: 0.11rem;
    border-top: 1Px dashed #3b4d62;
    padding-top: 0.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1024px) {
    .index-section-4 .swiper-container .swiper-slide .text-container .u-list {
        margin-top: 0.15rem;
        padding-top: 0.2rem
    }
}

.index-section-4 .swiper-container .swiper-slide .text-container .u-list .u-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.08rem;
    line-height: 1;
    color: #fff;
    font-weight: bold
}

.index-section-4 .swiper-container .swiper-slide .text-container .u-list .u-item:not(:last-child) {
    margin-right: 0.35rem
}

@media (max-width: 1900px) {
    .index-section-4 .swiper-container .swiper-slide .text-container .u-list .u-item:not(:last-child) {
        margin-right: 3.6458333333vw
    }
}

@media (max-width: 1024px) {
    .index-section-4 .swiper-container .swiper-slide .text-container .u-list .u-item:not(:last-child) {
        margin-right: 0.24rem
    }
}

.index-section-4 .swiper-container .swiper-slide .text-container .u-list .u-item img {
    margin-right: 0.05rem
}

@media (max-width: 1024px) {
    .index-section-4 .swiper-container .swiper-slide .text-container .u-list .u-item img {
        width: 0.1rem;
        height: auto
    }
}

@media (max-width: 1024px) {
    .index-section-4 .swiper-container .swiper-slide .text-container .u-list .u-item {
        font-size: 0.12rem
    }
}

.index-section-4 .swiper-container .swiper-slide .text-container .more {
    margin-top: 0.35rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.125rem;
    width: 0.8rem;
    height: 0.25rem;
    background-color: #2563eb;
    font-size: 0.08rem;
    line-height: 1;
    color: #fff;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

@media (max-width: 1900px) {
    .index-section-4 .swiper-container .swiper-slide .text-container .more {
        margin-top: 3.6458333333vw
    }
}

@media (max-width: 1024px) {
    .index-section-4 .swiper-container .swiper-slide .text-container .more {
        margin-top: 0.22rem;
        width: 0.85rem;
        height: 0.3rem;
        border-radius: 0.15rem;
        font-size: 0.11rem
    }
}

.index-section-4 .swiper-container .swiper-slide .text-container .more:hover {
    background: #1555e2
}

.index-section-5 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.index-section-5 .index-title {
    margin-bottom: 0.4rem
}

@media (max-width: 1024px) {
    .index-section-5 .index-title {
        margin-bottom: 0.25rem
    }
}

.index-section-5 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -0.06rem;
    margin-right: -0.06rem
}

@media (max-width: 1024px) {
    .index-section-5 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.index-section-5 .list .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding-left: 0.06rem;
    padding-right: 0.06rem
}

@media (max-width: 1024px) {
    .index-section-5 .list .item {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .index-section-5 .list .item:not(:last-child) {
        margin-bottom: 0.15rem
    }
}

.index-section-5 .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 0.2rem
}

.index-section-5 .item .wp {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f1f5ff;
    border-radius: 0.05rem;
    border: solid 1Px #dce3f3;
    padding: 0.35rem 0.15rem 0.15rem
}

@media (max-width: 1024px) {
    .index-section-5 .item .wp {
        padding: 0.55rem 0.175rem 0.23rem 0.15rem
    }
}

.index-section-5 .item .wp .t {
    font-size: 0.1rem;
    line-height: 1;
    font-weight: bold;
    color: #2e3546;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

@media (max-width: 1024px) {
    .index-section-5 .item .wp .t {
        font-size: 0.16rem
    }
}

.index-section-5 .item .wp .p {
    margin-top: 0.1rem;
    font-size: 0.07rem;
    line-height: 2;
    color: #666;
    text-align: justify
}

@media (min-width: 1024px) {
    .index-section-5 .item .wp .p {
        min-height: 0.42rem;
        max-height: 0.42rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}

@media (max-width: 1024px) {
    .index-section-5 .item .wp .p {
        min-height: 0.78rem;
        max-height: 0.78rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 0.13rem
    }
}

.index-section-5 .item .wp .more {
    margin-top: 0.12rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 0.55rem;
    height: 0.2rem;
    border-radius: 0.1rem;
    border: solid 1Px #2563eb;
    font-size: 0.07rem;
    line-height: 1;
    color: #2563eb
}

@media (max-width: 1024px) {
    .index-section-5 .item .wp .more {
        width: 0.85rem;
        height: 0.3rem;
        border-radius: 0.15rem;
        font-size: 0.11rem
    }
}

.index-section-5 .item .wp .date {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.05rem;
    background: #2563eb;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0.15rem;
    top: -0.2rem
}

.index-section-5 .item .wp .date span {
    color: #fff;
    font-weight: bold;
    line-height: 1
}

.index-section-5 .item .wp .date span:nth-child(1) {
    font-size: 0.12rem
}

.index-section-5 .item .wp .date span:nth-child(2) {
    margin-top: 0.045rem;
    font-size: 0.07rem
}

@media (max-width: 1024px) {
    .index-section-5 .item .wp .date {
        width: 0.5rem;
        height: 0.5rem
    }

    .index-section-5 .item .wp .date span:nth-child(1) {
        font-size: 0.16rem
    }

    .index-section-5 .item .wp .date span:nth-child(2) {
        font-size: 0.1rem
    }
}

.index-section-5 .item:hover .t {
    color: #2563eb
}

.index-section-5 .item:hover .more {
    background: #2563eb;
    color: #fff
}

.index-section-5 .news-swiper {
    position: relative;
    --swiper-navigation-size: 0.14rem;
    --swiper-navigation-color: #2563eb
}

.index-section-5 .news-swiper .swiper-button-prev::after, .index-section-5 .news-swiper .swiper-button-next::after {
    font-weight: bold
}

.index-section-5 .news-swiper .swiper-button-prev.swiper-button-disabled, .index-section-5 .news-swiper .swiper-button-next.swiper-button-disabled {
    color: #9eb4e3;
    opacity: 1
}

@media (max-width: 1024px) {
    .index-section-5 .news-swiper .swiper-button-prev, .index-section-5 .news-swiper .swiper-button-next {
        display: none
    }
}

.index-section-5 .news-swiper .swiper-button-prev {
    left: -0.19rem
}

.index-section-5 .news-swiper .swiper-button-next {
    right: -0.19rem
}

.index-section-5 .news-swiper .swiper-pagination {
    display: none;
    position: static
}

@media (max-width: 1024px) {
    .index-section-5 .news-swiper .swiper-pagination {
        margin-top: 0.2rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.index-section-5 .news-swiper .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 8Px;
    height: 8Px;
    border-radius: 4Px;
    border: none;
    opacity: 1;
    margin: 0 0.025rem;
    background: #2563eb;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.index-section-5 .news-swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 20Px
}

@media (max-width: 480px) {
    .index-section-5 .news-swiper .swiper-pagination .swiper-pagination-bullet {
        width: 6Px;
        height: 6Px
    }

    .index-section-5 .news-swiper .swiper-pagination .swiper-pagination-bullet-active {
        width: 14Px
    }
}

.index-section-6 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: relative
}

.index-section-6 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.index-section-6 .bg img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.index-section-6 .index-title {
    margin-bottom: 0.21rem
}

@media (max-width: 1024px) {
    .index-section-6 .index-title {
        margin-bottom: 0.16rem
    }
}

.index-section-6 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.0375rem;
    margin-right: -7.5;
    margin-bottom: -0.075rem
}

@media (max-width: 1024px) {
    .index-section-6 .list {
        margin-bottom: -0.065rem
    }
}

.index-section-6 .list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 0.0375rem;
    padding-right: 0.0375rem;
    margin-bottom: 0.075rem
}

@media (max-width: 1024px) {
    .index-section-6 .list>li {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 0.065rem
    }
}

.index-section-6 .list>li .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 0.5rem;
    border-radius: 0.05rem;
    background: #f2f5fe;
    border: 1Px solid #fff;
    -webkit-box-shadow: -0.01rem 0.01rem 0.02rem 0 rgba(35, 95, 226, 0.15);
    box-shadow: -0.01rem 0.01rem 0.02rem 0 rgba(35, 95, 226, 0.15)
}

.index-section-6 .list>li .item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-6 .list>li .item:hover {
    background: transparent
}

.footer .footer-bottom {
    background-color: #235fe2
}

.footer .footer-bottom .wp {
    max-width: 6.4rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .wp {
        padding: 0 0.15rem
    }
}

.footer .footer-bottom .footer-contact {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.3rem 0 0.25rem;
    border-bottom: 0.005rem dashed #4975e5
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .footer-contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 0.25rem;
        padding-bottom: 0.2rem
    }
}

.footer .footer-bottom .footer-contact .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 2.175rem
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .footer-contact .item {
        min-width: auto;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer .footer-bottom .footer-contact .item:not(:last-child) {
        margin-bottom: 0.25rem
    }
}

.footer .footer-bottom .footer-contact .item .info {
    padding-left: 0.1rem
}

.footer .footer-bottom .footer-contact .item .info .p {
    font-size: 0.07rem;
    line-height: 1;
    color: #fffefe;
    margin-bottom: 0.035rem
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .footer-contact .item .info .p {
        font-size: 0.1rem;
        margin-bottom: 0.075rem
    }
}

@media (max-width: 480px) {
    .footer .footer-bottom .footer-contact .item .info .p {
        font-size: 0.055rem
    }
}

.footer .footer-bottom .footer-contact .item .info .num {
    font-size: 0.14rem;
    line-height: 1;
    font-weight: bold;
    color: #fffefe
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .footer-contact .item .info .num {
        font-size: 0.14rem
    }
}

.footer .footer-bottom .footer-contact .item .info .addr {
    margin-top: 0.035rem;
    font-size: 0.07rem;
    line-height: 1;
    color: #aabaf0
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .footer-contact .item .info .addr {
        margin-top: 0.075rem;
        font-size: 0.11rem
    }
}

.footer .footer-bottom .footer-contact .item .icon {
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
    background-color: #2495ff;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .footer-contact .item .icon {
        width: 0.3rem;
        height: 0.3rem
    }
}

@media (max-width: 480px) {
    .footer .footer-bottom .footer-contact .item .icon {
        width: 0.2rem;
        height: 0.2rem
    }
}

.footer .footer-bottom .footer-contact .item .icon img {
    max-width: 100%
}

.footer .footer-bottom .copyright {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.08rem 0 0.16rem
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .copyright {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 0.2rem 0 0.15rem
    }
}

.footer .footer-bottom .copyright .left .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.05rem
}

.footer .footer-bottom .copyright .left .item:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .copyright .left .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.footer .footer-bottom .copyright .left .link {
    font-size: 0.08rem;
    color: #fff;
    margin-bottom: 0.05rem;
    line-height: 1.875;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.footer .footer-bottom .copyright .left .link .link-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .copyright .left .link {
        font-size: 0.11rem;
        margin-right: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-bottom: 0.14rem
    }
}

.footer .footer-bottom .copyright .left .link a {
    color: #bcc9f4;
    margin-right: 0.12rem
}

.footer .footer-bottom .copyright .left .link a:hover {
    color: #fff
}

.footer .footer-bottom .copyright .left .box {
    color: #fff;
    font-size: 0.08rem;
    margin-right: 0.05rem
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .copyright .left .box {
        font-size: 0.11rem;
        line-height: 0.2rem;
        margin-right: 0
    }
}

.footer .footer-bottom .copyright .left .box a {
    color: #fff;
    font-size: 0.08rem;
    margin-right: 0.05rem
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .copyright .left .box a {
        margin-right: 0
    }
}

.footer .footer-bottom .copyright .left .box a img {
    vertical-align: middle
}

@media (max-width: 480px) {
    .footer .footer-bottom .copyright .left .box a img {
        max-height: 0.07rem;
        margin-right: 0.02rem
    }
}

.footer .footer-bottom .copyright .footer-qrcode {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .copyright .footer-qrcode {
        margin-top: 0.1rem
    }
}

.footer .footer-bottom .copyright .footer-qrcode .item {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.footer .footer-bottom .copyright .footer-qrcode .item:not(:last-child) {
    margin-right: 0.075rem
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .copyright .footer-qrcode .item:not(:last-child) {
        margin-right: 0.1rem
    }
}

.footer .footer-bottom .copyright .footer-qrcode .item .icon {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background-color: #1150da;
    position: relative;
    z-index: 5
}

@media screen and (max-width: 1024px) {
    .footer .footer-bottom .copyright .footer-qrcode .item .icon {
        width: 0.33rem;
        height: 0.33rem
    }
}

.footer .footer-bottom .copyright .footer-qrcode .item .icon::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    background-color: #2495ff;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    left: 0;
    top: 0;
    border-radius: inherit
}

.footer .footer-bottom .copyright .footer-qrcode .item .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer .footer-bottom .copyright .footer-qrcode .item .qrcode-box {
    position: absolute;
    bottom: 130%;
    width: 0.6rem;
    height: 0.6rem;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    transform: translateY(30%);
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0
}

@media screen and (max-width: 1380px) {
    .footer .footer-bottom .copyright .footer-qrcode .item .qrcode-box {
        width: 0.55rem;
        height: 0.55rem
    }
}

@media (max-width: 1024px) {
    .footer .footer-bottom .copyright .footer-qrcode .item .qrcode-box {
        bottom: 140%;
        width: 0.45rem;
        height: 0.45rem
    }
}

.footer .footer-bottom .copyright .footer-qrcode .item .qrcode-box img {
    border-radius: 0.05rem;
    width: 100%;
    height: 100%
}

.footer .footer-bottom .copyright .footer-qrcode .item .qrcode-box::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.06rem 0.05rem 0;
    border-color: #fff transparent transparent;
    position: absolute;
    top: 99%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.footer .footer-bottom .copyright .footer-qrcode .item:hover .icon::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.footer .footer-bottom .copyright .footer-qrcode .item:hover .qrcode-box {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.footer .footer-bottom .copyright .right .qrcode {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.footer .footer-bottom .copyright .right .qrcode .img {
    width: 0.65rem;
    height: 0.65rem;
    background-color: #fff;
    border-radius: 0.025rem;
    overflow: hidden;
    padding: 0.015rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .footer .footer-bottom .copyright .right .qrcode .img {
        width: 1.1rem;
        height: 1.1rem
    }
}

.footer .footer-bottom .copyright .right .qrcode .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer .footer-bottom .copyright .right .qrcode .p {
    line-height: 0.125rem;
    font-size: 0.08rem;
    color: #959fab;
    text-align: center;
    margin-top: 0.05rem
}

@media (max-width: 1024px) {
    .footer .footer-bottom .copyright .right .qrcode .p {
        font-size: 0.12rem;
        line-height: 0.175rem
    }
}

.right-bar {
    position: fixed;
    right: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 999
}

@media screen and (max-width: 1024px) {
    .right-bar {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        bottom: 30%
    }
}

.right-bar .item {
    width: 0.45rem;
    height: 0.45rem;
    border: 0.005rem solid #d6ddf3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e5ebff;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #172d5e;
    font-size: 0.07rem;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    position: relative
}

@media (max-width: 1480px) {
    .right-bar .item {
        width: 0.35rem;
        height: 0.35rem;
        font-size: 0.06rem
    }
}

@media screen and (max-width: 1024px) {
    .right-bar .item {
        width: 0.55rem;
        height: 0.55rem;
        font-size: 0.11rem
    }
}

.right-bar .item .contact-hover {
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%) scale(0);
    -moz-transform: translate(0, -50%) scale(0);
    transform: translate(0, -50%) scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    transform-origin: right center;
    padding-right: 0.1rem;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

.right-bar .item .contact-hover .box {
    background-color: #fff;
    width: 0.95rem;
    border: 0.005rem solid #2e46ff;
    padding: 0.15rem 0.05rem 0.15rem 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media (max-width: 1024px) {
    .right-bar .item .contact-hover .box {
        width: 1.25rem
    }
}

.right-bar .item .contact-hover .box::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.05rem 0 0.05rem 0.05rem;
    border-color: transparent transparent transparent #fff;
    left: -moz-calc(100% - 0.005rem);
    left: calc(100% - 0.005rem);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5
}

.right-bar .item .contact-hover .box::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.055rem 0 0.055rem 0.055rem;
    border-color: transparent transparent transparent #2e46ff;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.right-bar .item .contact-hover .tel-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    margin-bottom: 0.15rem
}

.right-bar .item .contact-hover .tel-item:not(:last-child) {
    margin-bottom: 0.1rem
}

.right-bar .item .contact-hover .tel-item .info {
    margin-left: 0.02rem
}

.right-bar .item .contact-hover .tel-item .p {
    font-size: 0.07rem;
    color: #172d5e;
    font-weight: bold;
    margin-bottom: 0.015rem
}

.right-bar .item .contact-hover .tel-item .num {
    font-size: 0.08rem;
    color: #2563eb;
    font-weight: bold
}

.right-bar .item .contact-hover .tel-item .icon {
    width: 0.175rem;
    height: 0.175rem;
    border-radius: 50%;
    background-color: #005ddc;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.right-bar .item .contact-hover .tel-item .icon .iconfont {
    color: #fff;
    font-size: 0.11rem
}

.right-bar .item .contact-hover .qrcode-box {
    text-align: center;
    color: #777;
    line-height: 0.1rem
}

.right-bar .item .contact-hover .qrcode-box .img {
    margin-bottom: 0.06rem
}

.right-bar .item .contact-hover .qrcode-box .img img {
    width: 0.56rem;
    height: 0.56rem
}

@media (max-width: 1024px) {
    .right-bar .item .contact-hover .qrcode-box .img img {
        width: 100%;
        height: auto
    }
}

.right-bar .item .contact-hover .qrcode-box .img .loading-img, .right-bar .item .contact-hover .qrcode-box .img svg {
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.right-bar .item .contact-hover .qrcode-box .img .loading-img {
    width: 0.15rem;
    height: 0.15rem
}

.right-bar .item.back-top .iconfont {
    font-weight: bold;
    font-size: 0.17rem
}

@media (max-width: 1480px) {
    .right-bar .item.back-top .iconfont {
        font-size: 0.14rem
    }
}

@media screen and (max-width: 1024px) {
    .right-bar .item.back-top .iconfont {
        font-size: 0.2rem
    }
}

.right-bar .item:hover {
    background-color: #2563eb;
    color: #fff;
    border-color: #2563eb
}

.right-bar .item:hover .contact-hover {
    -webkit-transform: translate(0, -50%) scale(1);
    -moz-transform: translate(0, -50%) scale(1);
    transform: translate(0, -50%) scale(1);
    opacity: 1;
    visibility: visible
}

.right-bar .item:not(:last-child) {
    margin-bottom: 0.015rem
}

.right-bar .item .icon {
    margin-bottom: 0.05rem
}

@media (max-width: 1480px) {
    .right-bar .item .icon {
        margin-bottom: 0.025rem
    }
}

@media screen and (max-width: 1024px) {
    .right-bar .item .icon {
        margin-bottom: 0.03rem
    }
}

.right-bar .item .iconfont {
    font-size: 0.18rem
}

@media (max-width: 1480px) {
    .right-bar .item .iconfont {
        font-size: 0.15rem
    }
}

@media screen and (max-width: 1024px) {
    .right-bar .item .iconfont {
        font-size: 0.2rem
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-moz-keyframes loading {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes loading {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

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

.art-product {
    padding-top: 0.4rem
}

.art-product .product-list .product-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    width: 100%
}

.art-product .product-list .product-item .wp {
    max-width: 6.4rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 1024px) {
    .art-product .product-list .product-item .wp {
        padding: 0 0.15rem
    }
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .wp {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.art-product .product-list .product-item .img-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 54.6875%;
    flex: 0 0 54.6875%;
    max-width: 54.6875%
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .img-box {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.art-product .product-list .product-item .img-box .image {
    padding-top: 80%
}

.art-product .product-list .product-item .img-box .image img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.art-product .product-list .product-item .txt-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 45.3125%;
    flex: 0 0 45.3125%;
    max-width: 45.3125%;
    padding-top: 0.3rem;
    padding-left: 0.2rem
}

@media (max-width: 1900px) {
    .art-product .product-list .product-item .txt-box {
        padding-top: 3.125vw;
        padding-left: 2.0833333333vw
    }
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .txt-box {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 0.15rem;
        padding-bottom: 0.25rem;
        padding-left: 0
    }
}

.art-product .product-list .product-item .txt-box .title {
    position: relative;
    padding-bottom: 0.18rem
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .txt-box .title {
        padding-bottom: 0.21rem
    }
}

.art-product .product-list .product-item .txt-box .title::after {
    content: "";
    display: block;
    width: 0.15rem;
    height: 0.015rem;
    background: #2563eb;
    position: absolute;
    left: 0;
    bottom: 0
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .txt-box .title::after {
        width: 0.2rem;
        height: 0.02rem
    }
}

.art-product .product-list .product-item .txt-box .title .t {
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 1;
    color: #333
}

@media (max-width: 1480px) {
    .art-product .product-list .product-item .txt-box .title .t {
        font-size: 0.14rem
    }
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .txt-box .title .t {
        font-size: 0.21rem
    }
}

.art-product .product-list .product-item .txt-box .title .s {
    margin-top: 0.1rem;
    font-size: 0.095rem;
    line-height: 1;
    color: #666
}

@media (max-width: 1480px) {
    .art-product .product-list .product-item .txt-box .title .s {
        font-size: 0.085rem
    }
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .txt-box .title .s {
        margin-top: 0.15rem;
        font-size: 0.15rem
    }
}

.art-product .product-list .product-item .txt-box .p {
    margin-top: 0.21rem;
    font-size: 0.09rem;
    line-height: 1.9444444444;
    text-align: justify;
    color: #666
}

@media (max-width: 1480px) {
    .art-product .product-list .product-item .txt-box .p {
        font-size: 0.08rem
    }
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .txt-box .p {
        margin-top: 0.25rem;
        font-size: 0.15rem
    }
}

.art-product .product-list .product-item .txt-box .more {
    margin-top: 0.19rem;
    width: 0.8rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2563eb;
    font-size: 0.08rem;
    line-height: 1;
    color: #fff;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

.art-product .product-list .product-item .txt-box .more:hover {
    background: #1555e2
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .txt-box .more {
        width: 1.3rem;
        height: 0.4rem;
        border-radius: 0.2rem;
        font-size: 0.14rem
    }
}

.art-product .product-list .product-item .txt-box .part-btns {
    margin-top: 0.31rem
}

@media (max-width: 1800px) {
    .art-product .product-list .product-item .txt-box .part-btns {
        margin-top: 3.2291666667vw
    }
}

@media (max-width: 1024px) {
    .art-product .product-list .product-item .txt-box .part-btns {
        margin-top: 0.35rem
    }
}

.art-product .product-list .product-item .txt-box .part-btns .btn:not(:first-child) {
    color: #2563eb;
    border-color: #2563eb
}

.art-product .product-list .product-item:nth-child(odd) {
    background: url(../images/bg13.png) no-repeat center/cover
}

.art-product .product-list .product-item:nth-child(even) {
    background: url(../images/bg11.jpg) no-repeat center/cover
}

@media (min-width: 1024px) {
    .art-product .product-list .product-item:nth-child(even) .img-box {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .art-product .product-list .product-item:nth-child(even) .txt-box {
        padding-left: 0;
        padding-right: 0.2rem
    }
}

@media (min-width: 1024px) and (max-width: 1900px) {
    .art-product .product-list .product-item:nth-child(even) .txt-box {
        padding-right: 2.0833333333vw
    }
}

.art-product .video-section {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.art-product .video-section .video-item .head {
    font-weight: bold;
    font-size: 0.12rem;
    color: #2e3546;
    margin-bottom: 0.14rem
}

@media screen and (max-width: 1024px) {
    .art-product .video-section .video-item .head {
        font-size: 0.19rem
    }
}

.art-product .video-section .video-item .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.1rem;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

@media screen and (max-width: 1024px) {
    .art-product .video-section .video-item .list {
        margin: 0
    }
}

.art-product .video-section .video-item .list li {
    width: 33.3333333333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.1rem;
    -webkit-animation: zoomIn 1.2s both;
    -moz-animation: zoomIn 1.2s both;
    animation: zoomIn 1.2s both;
    margin-bottom: 0.3rem
}

@media screen and (max-width: 1024px) {
    .art-product .video-section .video-item .list li {
        width: 100%;
        padding: 0
    }

    .art-product .video-section .video-item .list li:not(:last-of-type) {
        margin-bottom: 0.3rem
    }
}

.art-product .video-section .video-item .list .item {
    cursor: pointer;
    border-radius: 0.075rem;
    overflow: hidden;
    display: block;
    width: 100%
}

.art-product .video-section .video-item .list .item:hover .title {
    color: #2563eb
}

.art-product .video-section .video-item .list .img {
    position: relative
}

.art-product .video-section .video-item .list .img .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.art-product .video-section .video-item .list .img .text-container {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.art-product .video-section .video-item .list .img .tit {
    width: 100%;
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center
}

@media (max-width: 1480px) {
    .art-product .video-section .video-item .list .img .tit {
        font-size: 0.15rem
    }
}

@media (max-width: 750px) {
    .art-product .video-section .video-item .list .img .tit {
        font-size: 0.09rem
    }
}

@media (max-width: 640px) {
    .art-product .video-section .video-item .list .img .tit {
        font-size: 0.21rem
    }
}

.art-product .video-section .video-item .list .img .subtit {
    margin-top: 0.05rem;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.art-product .video-section .video-item .list .img .subtit span {
    font-size: 0.09rem;
    line-height: 0.135rem;
    color: #fff;
    font-weight: bold
}

@media (max-width: 1480px) {
    .art-product .video-section .video-item .list .img .subtit span {
        font-size: 0.075rem
    }
}

@media (max-width: 750px) {
    .art-product .video-section .video-item .list .img .subtit span {
        font-size: 0.06rem
    }
}

@media (max-width: 640px) {
    .art-product .video-section .video-item .list .img .subtit span {
        font-size: 0.12rem
    }
}

.art-product .video-section .video-item .list .img .subtit span:nth-child(1) {
    margin-right: 0.035rem;
    position: relative
}

@media (max-width: 750px) {
    .art-product .video-section .video-item .list .img .subtit span:nth-child(1) {
        margin-right: 0.025rem
    }
}

.art-product .video-section .video-item .list .img .subtit span:nth-child(1)::after {
    content: "";
    display: block;
    width: 0.01rem;
    height: 0.1rem;
    background: rgba(121, 166, 255, 0.6);
    position: absolute;
    right: -0.04rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.art-product .video-section .video-item .list .img .subtit span:nth-child(2) {
    margin-left: 0.045rem
}

.art-product .video-section .video-item .list .img-box {
    position: relative;
    padding-bottom: 55%;
    overflow: hidden;
    border-radius: 0.075rem;
    overflow: hidden;
    margin-bottom: 0.12rem;
    background-image: url(../images/plugin_2.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.art-product .video-section .video-item .list .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

.art-product .video-section .video-item .list .title {
    font-size: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

@media screen and (max-width: 1024px) {
    .art-product .video-section .video-item .list .title {
        font-size: 0.17rem;
        padding-left: 0.05rem
    }
}

.art-product .video-section .video-item .list .desc {
    font-size: 0.07rem;
    color: #999;
    line-height: 0.125rem;
    margin-top: 0.06rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 1024px) {
    .art-product .video-section .video-item .list .desc {
        font-size: 0.13rem;
        line-height: 2;
        margin-top: 0.1rem;
        padding-left: 0.05rem
    }
}

.art-product .video-section .btn {
    text-align: center;
    width: 1.8rem;
    height: 0.325rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.165rem;
    border: 0.01rem solid #d9e0e8;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: 0.1rem;
    font-weight: bold;
    margin: 0 auto;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .art-product .video-section .btn {
        font-size: 0.14rem;
        width: 2rem;
        height: 0.45rem;
        border-radius: 0.225rem
    }
}

.art-product .show-section {
    padding: 0.5rem 0;
    background-repeat: no-repeat;
    background-size: cover
}

.art-product .show-section .title-block {
    margin-bottom: 0.2rem
}

.art-product .show-section .show-swiper {
    overflow: hidden;
    padding: 0.13rem 0 0.15rem
}

.art-product .show-section .show-swiper .swiper-slide {
    height: auto
}

.art-product .show-section .show-swiper .swiper-slide-prev .item, .art-product .show-section .show-swiper .swiper-slide-next .item, .art-product .show-section .show-swiper .swiper-slide-duplicate-prev .item, .art-product .show-section .show-swiper .swiper-slide-duplicate-next .item {
    opacity: 0.7
}

.art-product .show-section .show-swiper .swiper-slide-active .item {
    opacity: 1;
    -webkit-box-shadow: 0.025rem 0.005rem 0.2rem 0 rgba(0, 48, 145, 0.1);
    box-shadow: 0.025rem 0.005rem 0.2rem 0 rgba(0, 48, 145, 0.1)
}

.art-product .show-section .item {
    background-color: #fff;
    border-radius: 0.15rem;
    padding: 0.25rem;
    opacity: 0.7;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.art-product .show-section .item .head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.16rem
}

.art-product .show-section .item .head .img {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.1rem
}

@media screen and (max-width: 1024px) {
    .art-product .show-section .item .head .img {
        width: 0.55rem;
        height: 0.55rem
    }
}

.art-product .show-section .item .head .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.art-product .show-section .item .head .info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.art-product .show-section .item .head .b {
    font-weight: bold;
    font-size: 0.13rem;
    color: #000
}

@media screen and (max-width: 1024px) {
    .art-product .show-section .item .head .b {
        font-size: 0.16rem
    }
}

.art-product .show-section .item .head .s {
    font-size: 0.07rem;
    color: #999
}

@media screen and (max-width: 1024px) {
    .art-product .show-section .item .head .s {
        font-size: 0.11rem
    }
}

.art-product .show-section .item .symbol {
    text-align: right;
    font-family: Arial;
    color: #dae1ee;
    margin-top: 0.15rem
}

.art-product .show-section .item .symbol span {
    font-size: 0.7rem;
    line-height: 0.16rem;
    vertical-align: text-bottom;
    display: inline-block;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%)
}

@media screen and (max-width: 1024px) {
    .art-product .show-section .item .symbol span {
        font-size: 0.8rem
    }
}

.art-product .show-section .item .desc {
    font-size: 0.08rem;
    color: #333;
    line-height: 0.175rem
}

@media screen and (max-width: 1024px) {
    .art-product .show-section .item .desc {
        font-size: 0.13rem;
        line-height: 2
    }
}

.art-product .show-section .swiper-pagination {
    position: static;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.art-product .show-section .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0.04rem;
    height: 0.04rem;
    border-radius: 0.02rem;
    border: none;
    opacity: 1;
    margin: 0 0.025rem;
    background: #2563eb;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.art-product .show-section .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.1rem
}

@media (max-width: 480px) {
    .art-product .show-section .swiper-pagination .swiper-pagination-bullet {
        width: 0.03rem;
        height: 0.03rem
    }

    .art-product .show-section .swiper-pagination .swiper-pagination-bullet-active {
        width: 0.09rem
    }
}

.art-product .company-section {
    padding: 0.5rem 0;
    background-repeat: no-repeat;
    background-size: cover
}

.art-product .company-section .title-block {
    max-width: 90%
}

.art-product .company-section .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -0.045rem;
    margin-right: -0.045rem
}

@media (max-width: 1024px) {
    .art-product .company-section .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.art-product .company-section .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding-left: 0.045rem;
    padding-right: 0.045rem;
    position: relative
}

@media (max-width: 1024px) {
    .art-product .company-section .item {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0.1rem
    }
}

.art-product .company-section .item .wp {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.24rem 0.18rem 0.4rem;
    background-color: #fff;
    -webkit-box-shadow: 0.005rem 0 0.1rem 0 #eaf0fc;
    box-shadow: 0.005rem 0 0.1rem 0 #eaf0fc;
    border-radius: 0.15rem;
    border: solid 0.01rem #fff;
    background-image: url(../images/bg14.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

@media (max-width: 1024px) {
    .art-product .company-section .item .wp {
        padding: 0.3rem 0.2rem 0.5rem;
        border-radius: 0.2rem
    }
}

.art-product .company-section .item img {
    width: auto;
    max-width: 100%;
    max-height: 0.5rem;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.art-product .company-section .item .p {
    margin-top: 0.18rem;
    font-size: 0.075rem;
    line-height: 0.175rem;
    color: #000;
    text-align: justify
}

@media (max-width: 1024px) {
    .art-product .company-section .item .p {
        margin-top: 0.25rem;
        font-size: 0.14rem;
        line-height: 2
    }
}

.art-product .company-section .item .company-name {
    margin-top: 0.2rem;
    font-size: 0.08rem;
    line-height: 1;
    color: #999
}

@media (max-width: 1024px) {
    .art-product .company-section .item .company-name {
        margin-top: 0.3rem;
        font-size: 0.14rem
    }
}

.art-product .company-section .item .symbol {
    position: absolute;
    right: 0.18rem;
    bottom: 0.2rem
}

.art-product .company-section .item .symbol span {
    font-family: Arial;
    font-size: 0.75rem;
    line-height: 0.16rem;
    color: #f0f3fd;
    vertical-align: text-bottom;
    display: inline-block;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%)
}

@media screen and (max-width: 1024px) {
    .art-product .company-section .item .symbol span {
        font-size: 0.8rem
    }
}

.art-product .company-section .swiper-pagination {
    margin-top: 0.15rem;
    position: static;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.art-product .company-section .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0.04rem;
    height: 0.04rem;
    border-radius: 0.02rem;
    border: none;
    opacity: 1;
    margin: 0 0.025rem;
    background: #2563eb;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.art-product .company-section .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.1rem
}

@media (max-width: 480px) {
    .art-product .company-section .swiper-pagination .swiper-pagination-bullet {
        width: 0.03rem;
        height: 0.03rem
    }

    .art-product .company-section .swiper-pagination .swiper-pagination-bullet-active {
        width: 0.09rem
    }
}

.art-product .product-common-title {
    text-align: center
}

@media (max-width: 1024px) {
    .art-product .product-common-title {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

.art-product .product-common-title .t {
    font-size: 0.19rem;
    line-height: 1;
    font-weight: bold;
    color: #000
}

@media (max-width: 1480px) {
    .art-product .product-common-title .t {
        font-size: 0.17rem
    }
}

@media (max-width: 1024px) {
    .art-product .product-common-title .t {
        font-size: 0.25rem
    }
}

.art-product .product-common-title .s {
    margin-top: 0.075rem;
    font-size: 0.1rem;
    line-height: 1.5;
    color: #666
}

@media (max-width: 1480px) {
    .art-product .product-common-title .s {
        margin-top: 0.05rem;
        font-size: 0.09rem
    }
}

@media (max-width: 1024px) {
    .art-product .product-common-title .s {
        margin-top: 0.1rem;
        font-size: 0.15rem
    }
}

.art-product .contact-section {
    padding: 0.5rem 0 0.4rem
}

.art-product .contact-section .contact-btn {
    width: 2.2rem;
    height: 0.33rem;
    margin: 0 auto 0.225rem;
    background-color: #2563eb;
    -webkit-box-shadow: 0 0.06rem 0.09rem 0 rgba(37, 99, 235, 0.4);
    box-shadow: 0 0.06rem 0.09rem 0 rgba(37, 99, 235, 0.4);
    border-radius: 0.25rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.1rem;
    font-weight: bold;
    color: #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .art-product .contact-section .contact-btn {
        font-size: 0.13rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: auto;
        padding: 0.1rem 0.2rem
    }
}

.art-product .contact-section .contact-btn img {
    width: 0.1rem;
    height: 0.1rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: 0.05rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .art-product .contact-section .contact-btn img {
        width: 0.15rem;
        height: 0.15rem
    }
}

.art-product .contact-section .contact-btn:hover {
    background-color: #2495ff
}

.art-product .contact-section .contact-btn:hover img {
    -webkit-transform: translateX(0.05rem);
    -moz-transform: translateX(0.05rem);
    transform: translateX(0.05rem)
}

.art-product .magic-list-box {
    padding: 0.225rem 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.art-product .magic-list-box .magic-item-swiper {
    overflow: hidden;
    padding: 0 0.025rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.art-product .magic-list-box .magic-item-swiper::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 2.69rem;
    background-color: #2563eb;
    border-radius: 0.1rem
}

@media (max-width: 1024px) {
    .art-product .magic-list-box .magic-item-swiper::after {
        height: 80%
    }
}

.art-product .magic-list-box .magic-item-swiper .magic-swiper {
    width: 100%
}

.art-product .magic-list-box .magic-item-swiper .magic-swiper .swiper-slide {
    width: 100%
}

.art-product .magic-list-box .magic-item-swiper .magic-swiper .swiper-slide img {
    width: 100%
}

.art-product .magic-list-box .magic-item-swiper .magic-swiper .swiper-slide.swiper-slide-active {
    opacity: 1
}

.art-product .magic-list-box .magic-item-swiper .swiper-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    width: 0.2rem;
    height: 0.2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.01rem solid #7ac4fe;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.13rem;
    color: #7ac4fe;
    cursor: pointer
}

@media (max-width: 1024px) {
    .art-product .magic-list-box .magic-item-swiper .swiper-btn {
        width: 0.3rem;
        height: 0.3rem;
        border-width: 0.02rem;
        font-size: 0.15rem
    }
}

.art-product .magic-list-box .magic-item-swiper .swiper-btn.prev {
    left: 0.3rem
}

@media (max-width: 1024px) {
    .art-product .magic-list-box .magic-item-swiper .swiper-btn.prev {
        left: 0.05rem
    }
}

.art-product .magic-list-box .magic-item-swiper .swiper-btn.next {
    right: 0.3rem
}

@media (max-width: 1024px) {
    .art-product .magic-list-box .magic-item-swiper .swiper-btn.next {
        right: 0.05rem
    }
}

.art-product .magic-list-box .magic-item-swiper .swiper-btn:hover {
    background-color: #2563eb;
    color: #fff;
    border-color: #2563eb
}

.art-product .magic-list-box .magic-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    --barW: 0;
    --time: 1s
}

@media (max-width: 1024px) {
    .art-product .magic-list-box .magic-bar {
        margin-top: 0.2rem;
        margin-bottom: 0.3rem
    }
}

.art-product .magic-list-box .magic-bar::after {
    content: "";
    position: absolute;
    left: 0.4rem;
    right: 0.4rem;
    bottom: 0.035rem;
    height: 0.01rem;
    background-color: #2563eb;
    z-index: 8;
    width: var(--barW)
}

.art-product .magic-list-box .magic-bar .bar-item {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 0.8rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

@media (max-width: 1024px) {
    .art-product .magic-list-box .magic-bar .bar-item {
        width: auto
    }
}

.art-product .magic-list-box .magic-bar .bar-item p {
    font-size: 0.08rem;
    color: #afbed2;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .art-product .magic-list-box .magic-bar .bar-item p {
        font-size: 0.13rem;
        padding: 0 0.1rem;
        white-space: nowrap
    }
}

.art-product .magic-list-box .magic-bar .bar-item::after {
    content: "";
    width: 0.06rem;
    height: 0.06rem;
    display: block;
    background-color: #fff;
    border: solid 0.01rem #c4deff;
    border-radius: 50%;
    margin-top: 0.05rem;
    position: relative;
    z-index: 9;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .art-product .magic-list-box .magic-bar .bar-item::after {
        width: 0.1rem;
        height: 0.1rem
    }
}

.art-product .magic-list-box .magic-bar .bar-item .line {
    position: absolute;
    bottom: 0.035rem;
    right: 0;
    left: 0;
    width: 50%;
    border-top: 0.01rem dashed #cdd3de;
    z-index: 8;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .art-product .magic-list-box .magic-bar .bar-item .line {
        bottom: 0.05rem
    }
}

.art-product .magic-list-box .magic-bar .bar-item .line.rt {
    margin-left: auto
}

.art-product .magic-list-box .magic-bar .bar-item .line::after {
    content: "";
    position: absolute;
    top: -0.01rem;
    left: 0;
    width: 0%;
    height: 0.01rem;
    background-color: #2563eb
}

.art-product .magic-list-box .magic-bar .bar-item .line::before {
    content: "";
    position: absolute;
    top: -0.01rem;
    left: 0;
    width: 0%;
    height: 0.01rem;
    background-color: #2563eb
}

.art-product .magic-list-box .magic-bar .bar-item:first-child .lt {
    opacity: 0
}

.art-product .magic-list-box .magic-bar .bar-item:last-child .rt {
    opacity: 0
}

.art-product .magic-list-box .magic-bar .bar-item.animate p, .art-product .magic-list-box .magic-bar .bar-item.on p {
    color: #2563eb
}

.art-product .magic-list-box .magic-bar .bar-item.animate .line::after, .art-product .magic-list-box .magic-bar .bar-item.on .line::after {
    animation: animWidth 1.5s linear forwards;
    -moz-animation: animWidth 1.5s linear forwards;
    -webkit-animation: animWidth 1.5s linear forwards;
    -o-animation: animWidth 1.5s linear forwards
}

.art-product .magic-list-box .magic-bar .bar-item.animate+.bar-item .line.lt::after, .art-product .magic-list-box .magic-bar .bar-item.on+.bar-item .line.lt::after {
    animation: animWidth 1.5s 1.5s linear forwards;
    -moz-animation: animWidth 1.5s 1.5s linear forwards;
    -webkit-animation: animWidth 1.5s 1.5s linear forwards;
    -o-animation: animWidth 1.5s 1.5s linear forwards
}

.art-product .magic-list-box .magic-bar .bar-item.animate::after, .art-product .magic-list-box .magic-bar .bar-item.on::after {
    background-color: #2563eb;
    border-color: #2563eb
}

.art-product .magic-list-box .magic-bar .bar-item.animate.jump .line::before, .art-product .magic-list-box .magic-bar .bar-item.on.jump .line::before {
    width: 100%
}

.art-product .magic-list-box .magic-bar .bar-item.animate.jump+.bar-item .line.lt::before, .art-product .magic-list-box .magic-bar .bar-item.on.jump+.bar-item .line.lt::before {
    width: 100%
}

.art-product .magic-list-box .magic-bar .bar-item:hover p {
    color: #2563eb
}

.art-product .magic-list-box .magic-bar .bar-item:hover::after {
    background-color: #2563eb;
    border-color: #2563eb
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .wp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.art-product .product-list-1 .product-item:nth-child(odd) {
    background: url(../images/bg-1.png) no-repeat center/cover
}

.art-product .product-list-1 .product-item:nth-child(even) .img-box {
    margin-right: -0.225rem;
    margin-left: 0
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item:nth-child(even) .img-box {
        margin: 0 auto
    }
}

.art-product .product-list-1 .product-item .swiper-item {
    overflow: hidden
}

.art-product .product-list-1 .product-item .swiper-item .swiper-slide {
    opacity: 0 !important;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

.art-product .product-list-1 .product-item .swiper-item .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}

.art-product .product-list-1 .product-item .img-box {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 60.15625%;
    flex: 0 0 60.15625%;
    max-width: 60.15625%;
    margin-left: -0.225rem
}

.art-product .product-list-1 .product-item .img-box img {
    width: 100%
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .img-box {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        margin-left: auto
    }
}

.art-product .product-list-1 .product-item .txt-box {
    max-width: 43.359375%;
    padding-left: 0.25rem;
    padding-top: 0.25rem
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%
    }
}

.art-product .product-list-1 .product-item .txt-box .qrcode a {
    background-color: #fff;
    border-color: #2563eb;
    color: #2563eb
}

.art-product .product-list-1 .product-item .txt-box .qrcode a:hover {
    background-color: #2563eb;
    border-color: #fff;
    color: #fff
}

.art-product .product-list-1 .product-item .txt-box .title {
    padding-bottom: 0.15rem
}

.art-product .product-list-1 .product-item .txt-box .p {
    color: #333;
    font-size: 0.12rem
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .p {
        font-size: 0.15rem
    }
}

.art-product .product-list-1 .product-item .txt-box .bar {
    margin-top: 0.15rem;
    position: relative
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .bar-box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item {
    font-size: 0.08rem;
    color: #666;
    height: 0.25rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .bar .bar-item {
        font-size: 0.15rem;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .art-product .product-list-1 .product-item .txt-box .bar .bar-item:last-child .line {
        display: none
    }

    .art-product .product-list-1 .product-item .txt-box .bar .bar-item.jump .line::before {
        width: 100%
    }

    .art-product .product-list-1 .product-item .txt-box .bar .bar-item.jump+.bar-item .line.top::before {
        width: 100%
    }
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item p {
    line-height: 1
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .bar .bar-item p {
        padding: 0 0.1rem 0 0
    }
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item::before {
    content: "";
    display: block;
    width: 0.07rem;
    height: 0.07rem;
    background-color: #fff;
    border: solid 0.01rem #c4deff;
    border-radius: 50%;
    margin-right: 0.1rem;
    z-index: 9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .bar .bar-item::before {
        margin-top: 0.1rem;
        margin-right: 0;
        width: 0.1rem;
        height: 0.1rem
    }
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item .line {
    position: absolute;
    top: 0;
    left: 0.03rem;
    height: 50%;
    border-left: 0.01rem dashed #cdd3de;
    z-index: 8
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .bar .bar-item .line {
        top: unset;
        left: 0;
        right: 0;
        border-left: 0;
        height: auto;
        width: 100%;
        border-top: 0.01rem dashed #cdd3de;
        bottom: 0.05rem
    }

    .art-product .product-list-1 .product-item .txt-box .bar .bar-item .line::before {
        content: "";
        position: absolute;
        top: -0.01rem;
        left: 0;
        width: 0%;
        height: 0.01rem;
        z-index: 9;
        background-color: #2563eb
    }
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item .line.bottom {
    top: unset;
    bottom: 0
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .bar .bar-item .line.bottom {
        margin-left: auto;
        margin-bottom: 0.05rem;
        left: 0
    }
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item .line::after {
    content: "";
    position: absolute;
    top: -0.01rem;
    left: -0.01rem;
    width: 0.01rem;
    height: 0;
    background-color: #2563eb
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .bar .bar-item .line::after {
        height: 0.01rem;
        left: 0
    }
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item:first-child .line.top {
    opacity: 0
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item:last-child .line.bottom {
    opacity: 0
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item.animate-1, .art-product .product-list-1 .product-item .txt-box .bar .bar-item.on {
    color: #2563eb
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item.animate-1::before, .art-product .product-list-1 .product-item .txt-box .bar .bar-item.on::before {
    background-color: #2563eb;
    border-color: #2563eb
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item.animate-1 .line::after, .art-product .product-list-1 .product-item .txt-box .bar .bar-item.on .line::after {
    animation: animHeight 1.5s linear forwards;
    -moz-animation: animHeight 1.5s linear forwards;
    -webkit-animation: animHeight 1.5s linear forwards;
    -o-animation: animHeight 1.5s linear forwards
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .bar .bar-item.animate-1 .line::after, .art-product .product-list-1 .product-item .txt-box .bar .bar-item.on .line::after {
        animation: animWidth 3.5s linear forwards;
        -moz-animation: animWidth 3.5s linear forwards;
        -webkit-animation: animWidth 3.5s linear forwards;
        -o-animation: animWidth 3.5s linear forwards
    }
}

.art-product .product-list-1 .product-item .txt-box .bar .bar-item.animate-1+.bar-item .line::after, .art-product .product-list-1 .product-item .txt-box .bar .bar-item.on+.bar-item .line::after {
    animation: animHeight 1.5s 1.5s linear forwards;
    -moz-animation: animHeight 1.5s 1.5s linear forwards;
    -webkit-animation: animHeight 1.5s 1.5s linear forwards;
    -o-animation: animHeight 1.5s 1.5s linear forwards
}

@media (max-width: 1024px) {
    .art-product .product-list-1 .product-item .txt-box .bar .bar-item.animate-1+.bar-item .line::after, .art-product .product-list-1 .product-item .txt-box .bar .bar-item.on+.bar-item .line::after {
        animation: animWidth 3.5s 3.5s linear forwards;
        -moz-animation: animWidth 3s 3.5s linear forwards;
        -webkit-animation: animWidth 3.5s 3.5s linear forwards;
        -o-animation: animWidth 3s 3.5s linear forwards
    }
}

.art-product.product-3 .product-common-title .t {
    font-size: 0.2rem
}

.art-product.product-3 .product-common-title .s {
    font-size: 0.09rem
}

@media (max-width: 1024px) {
    .art-product.product-3 .product-common-title .s {
        font-size: 0.15rem
    }
}

@media (max-width: 1024px) {
    .art-product.product-3 .part-btns .btn {
        font-size: 0.15rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@-webkit-keyframes animWidth {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes animWidth {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes animWidth {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes animHeight {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@-moz-keyframes animHeight {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@keyframes animHeight {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@-webkit-keyframes swiperScale {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-moz-keyframes swiperScale {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes swiperScale {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.art-case {
    padding-bottom: 0.45rem;
    padding-top: 0.15rem
}

.art-case .case-list .case-item {
    padding: 0.4rem 0;
    display: block;
    width: 100%
}

.art-case .case-list .case-item .wp {
    max-width: 6.4rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 1024px) {
    .art-case .case-list .case-item .wp {
        padding: 0 0.15rem
    }
}

@media (max-width: 1024px) {
    .art-case .case-list .case-item .wp {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.art-case .case-list .case-item .img-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.59375%;
    flex: 0 0 33.59375%;
    max-width: 33.59375%
}

@media (max-width: 1024px) {
    .art-case .case-list .case-item .img-box {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.art-case .case-list .case-item .img-box .image {
    padding-top: 37.2093023256%
}

.art-case .case-list .case-item .img-box .image img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.art-case .case-list .case-item .img-box .image .cate {
    width: 0.6rem;
    height: 0.25rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#6177ff), to(#498fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: -moz-linear-gradient(left, #6177ff 0%, #498fff 100%), -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(90deg, #6177ff 0%, #498fff 100%), linear-gradient(#fff, #fff);
    background-blend-mode: normal, normal;
    -webkit-box-shadow: 0 0.015rem 0.035rem 0 rgba(97, 119, 255, 0.5);
    box-shadow: 0 0.015rem 0.035rem 0 rgba(97, 119, 255, 0.5);
    border-radius: 0.1rem 0;
    border: solid 0.005rem #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 0.1rem;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

@media (max-width: 1024px) {
    .art-case .case-list .case-item .img-box .image .cate {
        font-size: 0.15rem;
        width: 0.8rem;
        height: 0.3rem
    }
}

.art-case .case-list .case-item .txt-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.40625%;
    flex: 0 0 66.40625%;
    max-width: 66.40625%;
    padding-left: 0.2rem
}

@media (max-width: 1800px) {
    .art-case .case-list .case-item .txt-box {
        padding-left: 2.0833333333vw
    }
}

@media (max-width: 1280px) {
    .art-case .case-list .case-item .txt-box {
        padding-top: 0
    }
}

@media (max-width: 1024px) {
    .art-case .case-list .case-item .txt-box {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 0.3rem
    }
}

.art-case .case-list .case-item .txt-box .t {
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 1.4;
    color: #000
}

@media (max-width: 1480px) {
    .art-case .case-list .case-item .txt-box .t {
        font-size: 0.14rem
    }
}

@media (max-width: 1280px) {
    .art-case .case-list .case-item .txt-box .t {
        font-size: 0.12rem
    }
}

@media (max-width: 1024px) {
    .art-case .case-list .case-item .txt-box .t {
        font-size: 0.19rem
    }
}

.art-case .case-list .case-item .txt-box .p {
    margin-top: 0.07rem;
    font-size: 0.075rem;
    line-height: 0.15rem;
    color: #666;
    text-align: justify
}

@media (max-width: 1480px) {
    .art-case .case-list .case-item .txt-box .p {
        margin-top: 0.05rem;
        font-size: 0.07rem
    }
}

@media (max-width: 1280px) {
    .art-case .case-list .case-item .txt-box .p {
        font-size: 0.065rem
    }
}

@media (max-width: 1024px) {
    .art-case .case-list .case-item .txt-box .p {
        margin-top: 0.1rem;
        font-size: 0.14rem;
        line-height: 2
    }
}

.art-case .case-list .case-item .txt-box .tags {
    margin-top: 0.16rem;
    border-top: 1Px dashed #d9dae1;
    padding-top: 0.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 1800px) {
    .art-case .case-list .case-item .txt-box .tags {
        margin-top: 1.6666666667vw;
        padding-top: 1.5625vw
    }
}

@media (max-width: 1024px) {
    .art-case .case-list .case-item .txt-box .tags {
        margin-top: 0.225rem;
        padding-top: 0.25rem
    }
}

.art-case .case-list .case-item .txt-box .tags .tag {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.08rem;
    line-height: 1;
    color: #000;
    font-weight: bold
}

@media (max-width: 1024px) {
    .art-case .case-list .case-item .txt-box .tags .tag {
        font-size: 0.14rem
    }
}

.art-case .case-list .case-item .txt-box .tags .tag img {
    margin-right: 0.05rem;
    width: 15Px;
    height: auto
}

@media (max-width: 480px) {
    .art-case .case-list .case-item .txt-box .tags .tag img {
        width: 10Px
    }
}

.art-case .case-list .case-item .txt-box .tags .tag:not(:last-child) {
    margin-right: 0.44rem
}

@media (min-width: 1024px) and (max-width: 1800px) {
    .art-case .case-list .case-item .txt-box .tags .tag:not(:last-child) {
        margin-right: 4.5833333333vw
    }
}

.art-case .case-list .case-item .txt-box .more {
    margin-top: 0.33rem;
    width: 0.8rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2563eb;
    font-size: 0.08rem;
    line-height: 1;
    color: #fff;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

.art-case .case-list .case-item .txt-box .more:hover {
    background: #1555e2
}

@media (max-width: 1800px) {
    .art-case .case-list .case-item .txt-box .more {
        margin-top: 3.4375vw
    }
}

@media (max-width: 1480px) {
    .art-case .case-list .case-item .txt-box .more {
        width: 0.7rem;
        height: 0.22rem;
        border-radius: 0.1rem;
        font-size: 0.07rem
    }
}

@media (max-width: 1024px) {
    .art-case .case-list .case-item .txt-box .more {
        margin-top: 0.3rem;
        width: 1.3rem;
        height: 0.4rem;
        border-radius: 0.2rem;
        font-size: 0.14rem
    }
}

.art-case .case-list .case-item:nth-child(odd) {
    background: url(../images/bg15_2.jpg) no-repeat center/cover
}

.art-case .case-list .case-item:nth-child(even) {
    background: url(../images/bg15.jpg) no-repeat center/cover
}

.art-case .paged {
    margin-top: 0.4rem
}

.art-case-detail .tit {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.135rem
}

@media (max-width: 1024px) {
    .art-case-detail .tit {
        margin-bottom: 0.15rem
    }
}

.art-case-detail .tit img {
    display: inline-block;
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 0.06rem
}

@media (max-width: 1024px) {
    .art-case-detail .tit img {
        max-height: 0.16rem
    }
}

.art-case-detail .tit span {
    margin-top: 0;
    font-size: 0.16rem;
    line-height: 1;
    font-weight: bold;
    color: #333;
    position: relative;
    z-index: 1
}

.art-case-detail .tit span::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -0.025rem;
    width: 100%;
    height: 0.06rem;
    background: #dfe8fc;
    z-index: -1
}

.art-case-detail .art-paged {
    margin-top: 0.275rem;
    padding-top: 0.25rem;
    border-top: 1Px dashed #e6e6e6;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.art-case-detail .art-paged .left {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.art-case-detail .art-paged .left .prev, .art-case-detail .art-paged .left .next {
    font-size: 0.08rem;
    line-height: 1;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    transition: 0.2s ease all
}

@media (max-width: 1024px) {
    .art-case-detail .art-paged .left .prev, .art-case-detail .art-paged .left .next {
        font-size: 0.14rem;
        max-height: 0.15rem;
        overflow: hidden
    }
}

.art-case-detail .art-paged .left .prev:not(:last-child), .art-case-detail .art-paged .left .next:not(:last-child) {
    margin-bottom: 0.085rem
}

.art-case-detail .art-paged .left .prev:hover, .art-case-detail .art-paged .left .next:hover {
    color: #2563eb
}

.art-case-detail .art-paged .right {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 0.8rem;
    flex: 0 0 0.8rem;
    max-width: 0.8rem
}

@media (max-width: 1024px) {
    .art-case-detail .art-paged .right {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 0.9rem;
        flex: 0 0 0.9rem;
        max-width: 0.9rem
    }
}

.art-case-detail .art-paged .right .back {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 0.25rem;
    border-radius: 0.125rem;
    background: #2563eb;
    font-size: 0.08rem;
    color: #fff;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all
}

.art-case-detail .art-paged .right .back:hover {
    background: #1555e2
}

@media (max-width: 1024px) {
    .art-case-detail .art-paged .right .back {
        font-size: 0.14rem;
        height: 0.38rem;
        border-radius: 0.19rem
    }
}

.art-case-detail .section-1 {
    padding-top: 0.45rem;
    padding-bottom: 0.4rem
}

.art-case-detail .section-1 .case-title {
    margin-bottom: 0.24rem;
    font-size: 0.175rem;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    color: #000
}

@media (min-width: 1024px) {
    .art-case-detail .section-1 .case-title {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 1024px) {
    .art-case-detail .section-1 .case-title {
        font-size: 0.225rem;
        line-height: 1.5
    }
}

.art-case-detail .section-1 .case-title .cate {
    margin-left: 0.05rem;
    display: inline-block;
    width: 0.45rem;
    height: 0.19rem;
    line-height: 0.19rem;
    background-color: #2563eb;
    border-radius: 0.025rem;
    font-size: 0.09rem;
    color: #fff
}

@media (max-width: 1024px) {
    .art-case-detail .section-1 .case-title .cate {
        width: 0.75rem;
        height: 0.25rem;
        line-height: 0.25rem;
        border-radius: 0.05rem;
        font-size: 0.15rem
    }
}

.art-case-detail .section-1 .case-head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 1024px) {
    .art-case-detail .section-1 .case-head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.art-case-detail .section-1 .case-head .left {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
    max-width: 43.75%;
    background-color: #ebf1fd
}

@media (max-width: 1024px) {
    .art-case-detail .section-1 .case-head .left {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.art-case-detail .section-1 .case-head .left .image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-top: 75%;
    border-radius: 0.1rem;
    overflow: hidden
}

.art-case-detail .section-1 .case-head .right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%;
    padding: 0.3rem 0.26rem 0.3rem 0.3rem;
    background-color: #ebf1fd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/bg16.jpg);
    border-top-right-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
    overflow: hidden
}

@media (max-width: 1800px) {
    .art-case-detail .section-1 .case-head .right {
        padding: 3.125vw 2.7083333333vw 3.125vw 3.125vw
    }
}

@media (max-width: 1024px) {
    .art-case-detail .section-1 .case-head .right {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0.2rem 0.2rem 0.3rem;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0.1rem
    }
}

.art-case-detail .section-1 .case-head .right .p {
    font-size: 0.08rem;
    line-height: 2;
    color: #333;
    text-align: justify
}

@media (max-width: 1024px) {
    .art-case-detail .section-1 .case-head .right .p {
        font-size: 0.14rem
    }
}

.art-case-detail .section-1 .case-head .right .tags {
    margin-top: 0.125rem;
    border-top: 1Px dashed #d9dae1;
    padding-top: 0.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 1024px) {
    .art-case-detail .section-1 .case-head .right .tags {
        margin-top: 0.2rem;
        padding-top: 0.25rem
    }
}

.art-case-detail .section-1 .case-head .right .tags .tag {
    padding: 0.065rem 0.1rem;
    background-color: #fff;
    border-radius: 0.11rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.08rem;
    line-height: 1;
    color: #000;
    font-weight: bold
}

@media (max-width: 1024px) {
    .art-case-detail .section-1 .case-head .right .tags .tag {
        font-size: 0.14rem;
        border-radius: 0.15rem
    }
}

.art-case-detail .section-1 .case-head .right .tags .tag img {
    margin-right: 0.05rem;
    width: 15Px;
    height: auto
}

@media (max-width: 480px) {
    .art-case-detail .section-1 .case-head .right .tags .tag img {
        width: 10Px
    }
}

.art-case-detail .section-1 .case-head .right .tags .tag:not(:last-child) {
    margin-right: 0.05rem
}

.art-case-detail .section-2 {
    padding-top: 0.4rem;
    padding-bottom: 0.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/bg17.jpg);
    background-color: #edf2fd
}

.art-case-detail .section-2 .content {
    background: #fff;
    border-radius: 0.1rem;
    overflow: hidden;
    padding: 0.28rem 0.5rem 0.4rem
}

@media (max-width: 1024px) {
    .art-case-detail .section-2 .content {
        padding: 0.2rem 0.25rem 0.4rem
    }
}

.art-case-detail .section-3 {
    padding: 0.5rem 0
}

.art-case-detail .section-3 .swiper-wp {
    position: relative;
    --swiper-navigation-size: 0.14rem;
    --swiper-navigation-color: #2563eb
}

.art-case-detail .section-3 .swiper-button-prev, .art-case-detail .section-3 .swiper-button-next {
    margin-top: 0;
    top: 0.74rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1380px) {
    .art-case-detail .section-3 .swiper-button-prev, .art-case-detail .section-3 .swiper-button-next {
        top: 10.4166666667vw
    }
}

.art-case-detail .section-3 .swiper-button-prev::after, .art-case-detail .section-3 .swiper-button-next::after {
    font-weight: bold
}

.art-case-detail .section-3 .swiper-button-prev.swiper-button-disabled, .art-case-detail .section-3 .swiper-button-next.swiper-button-disabled {
    color: #9eb4e3;
    opacity: 1
}

@media (max-width: 1024px) {
    .art-case-detail .section-3 .swiper-button-prev, .art-case-detail .section-3 .swiper-button-next {
        display: none
    }
}

.art-case-detail .section-3 .swiper-button-prev {
    left: -0.19rem
}

.art-case-detail .section-3 .swiper-button-next {
    right: -0.19rem
}

.art-case-detail .section-3 .item {
    display: block;
    width: 100%;
    background-color: #eef3fd;
    border-radius: 0.1rem;
    overflow: hidden
}

@media (max-width: 1024px) {
    .art-case-detail .section-3 .item {
        border-radius: 0.15rem
    }
}

.art-case-detail .section-3 .item .image {
    padding-top: 74%
}

.art-case-detail .section-3 .item .image .cate {
    width: 0.6rem;
    height: 0.25rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#6177ff), to(#498fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: -moz-linear-gradient(left, #6177ff 0%, #498fff 100%), -moz-linear-gradient(#fff, #fff);
    background-image: linear-gradient(90deg, #6177ff 0%, #498fff 100%), linear-gradient(#fff, #fff);
    background-blend-mode: normal, normal;
    -webkit-box-shadow: 0 0.015rem 0.035rem 0 rgba(97, 119, 255, 0.5);
    box-shadow: 0 0.015rem 0.035rem 0 rgba(97, 119, 255, 0.5);
    border-radius: 0.1rem 0;
    border: solid 0.005rem #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 0.1rem;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

@media (max-width: 1024px) {
    .art-case-detail .section-3 .item .image .cate {
        font-size: 0.15rem;
        width: 0.8rem;
        height: 0.3rem
    }
}

.art-case-detail .section-3 .item .con {
    padding: 0.15rem 0.15rem 0.23rem 0.13rem
}

@media (max-width: 1024px) {
    .art-case-detail .section-3 .item .con {
        padding: 0.2rem 0.2rem 0.25rem
    }
}

.art-case-detail .section-3 .item .t {
    font-size: 0.11rem;
    line-height: 1;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .art-case-detail .section-3 .item .t {
        font-size: 0.16rem
    }
}

.art-case-detail .section-3 .item .p {
    margin-top: 0.07rem;
    font-size: 0.07rem;
    line-height: 2;
    color: #666;
    text-align: justify
}

@media (min-width: 1024px) {
    .art-case-detail .section-3 .item .p {
        min-height: 0.28rem;
        max-height: 0.28rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

@media (max-width: 1024px) {
    .art-case-detail .section-3 .item .p {
        min-height: 0.52rem;
        max-height: 0.52rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 0.13rem
    }
}

.art-case-detail .section-3 .item .tags {
    margin-top: 0.115rem;
    border-top: 1Px dashed #d9dae1;
    padding-top: 0.15rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 1024px) {
    .art-case-detail .section-3 .item .tags {
        margin-top: 0.225rem;
        padding-top: 0.25rem
    }
}

.art-case-detail .section-3 .item .tags .tag {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.08rem;
    line-height: 1;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1380px) {
    .art-case-detail .section-3 .item .tags .tag {
        font-size: 0.07rem
    }
}

@media (max-width: 1024px) {
    .art-case-detail .section-3 .item .tags .tag {
        font-size: 0.14rem
    }
}

.art-case-detail .section-3 .item .tags .tag img {
    margin-right: 0.05rem;
    width: 15Px;
    height: auto
}

@media (max-width: 480px) {
    .art-case-detail .section-3 .item .tags .tag img {
        width: 10Px
    }
}

.art-case-detail .section-3 .item .tags .tag:not(:last-child) {
    margin-right: 0.15rem
}

@media (min-width: 1024px) and (max-width: 1800px) {
    .art-case-detail .section-3 .item .tags .tag:not(:last-child) {
        margin-right: 1.5625vw
    }
}

.art-case-detail .section-3 .swiper-pagination {
    display: none
}

@media (max-width: 1024px) {
    .art-case-detail .section-3 .swiper-pagination {
        margin-top: 0.15rem;
        position: static;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.art-case-detail .section-3 .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 8Px;
    height: 8Px;
    border-radius: 4Px;
    border: none;
    opacity: 1;
    margin: 0 0.025rem;
    background: #2563eb;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.art-case-detail .section-3 .swiper-pagination .swiper-pagination-bullet-active {
    width: 20Px
}

@media (max-width: 480px) {
    .art-case-detail .section-3 .swiper-pagination .swiper-pagination-bullet {
        width: 6Px;
        height: 6Px
    }

    .art-case-detail .section-3 .swiper-pagination .swiper-pagination-bullet-active {
        width: 18Px
    }
}

.art-case-detail .section-4 {
    padding-top: 0.35rem;
    padding-bottom: 0.5rem;
    background: #f3f7fd
}

.art-case-detail.case-detail-2 .case-title {
    padding-bottom: 0.2rem;
    margin-bottom: 0.3rem;
    border-bottom: 1Px dashed #e6e6e6
}

.art-case-detail.case-detail-2 .section-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.art-case-detail.case-detail-2 .section-1 .case-head-2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .section-1 .case-head-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.art-case-detail.case-detail-2 .section-1 .case-head-2 .left {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 2.15rem;
    flex: 0 0 2.15rem;
    max-width: 2.15rem
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .section-1 .case-head-2 .left {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.art-case-detail.case-detail-2 .section-1 .case-head-2 .left .image {
    padding-top: 37.2093023256%
}

.art-case-detail.case-detail-2 .section-1 .case-head-2 .left .image img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.art-case-detail.case-detail-2 .section-1 .case-head-2 .right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 0.22rem
}

@media (max-width: 1380px) {
    .art-case-detail.case-detail-2 .section-1 .case-head-2 .right {
        padding-left: 0.15rem
    }
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .section-1 .case-head-2 .right {
        padding-top: 0.25rem;
        padding-left: 0
    }
}

.art-case-detail.case-detail-2 .section-1 .case-head-2 .right .intro {
    font-size: 0.08rem;
    line-height: 2;
    color: #666;
    text-align: justify
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .section-1 .case-head-2 .right .intro {
        font-size: 0.14rem
    }
}

.art-case-detail.case-detail-2 .sec:not(:first-child) {
    margin-top: 0.32rem
}

.art-case-detail.case-detail-2 .sec-1 .fun-list {
    margin: 0.15rem -0.06rem -0.12rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .sec-1 .fun-list {
        margin-bottom: -0.1rem
    }
}

.art-case-detail.case-detail-2 .sec-1 .fun-list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding-left: 0.06rem;
    padding-right: 0.06rem;
    margin-bottom: 0.12rem
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .sec-1 .fun-list>li {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0.1rem
    }
}

.art-case-detail.case-detail-2 .sec-1 .fun-list>li .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.1rem;
    border: solid 1Px rgba(37, 99, 235, 0.25);
    background: #fff;
    padding: 0.2rem;
    display: block;
    width: 100%;
    height: 100%
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .sec-1 .fun-list>li .item {
        padding: 0.3rem
    }
}

.art-case-detail.case-detail-2 .sec-1 .fun-list>li .item .icon {
    -webkit-transition: 0.45s ease all;
    -moz-transition: 0.45s ease all;
    transition: 0.45s ease all
}

.art-case-detail.case-detail-2 .sec-1 .fun-list>li .item .icon img {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

@media (max-width: 750px) {
    .art-case-detail.case-detail-2 .sec-1 .fun-list>li .item .icon img {
        width: 80Px;
        height: 80Px
    }
}

@media (max-width: 480px) {
    .art-case-detail.case-detail-2 .sec-1 .fun-list>li .item .icon img {
        width: 50Px;
        height: 50Px
    }
}

.art-case-detail.case-detail-2 .sec-1 .fun-list>li .item .t {
    margin-top: 0.15rem;
    margin-bottom: 0.1rem;
    font-size: 0.1rem;
    line-height: 1;
    text-align: center;
    color: #2563eb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .sec-1 .fun-list>li .item .t {
        margin-top: 0.2rem;
        margin-bottom: 0.15rem;
        font-size: 0.16rem
    }
}

.art-case-detail.case-detail-2 .sec-1 .fun-list>li .item:hover .icon {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.art-case-detail.case-detail-2 .sec-1 .fun-list>li .item:hover .icon img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.art-case-detail.case-detail-2 .sec-2 .tit img {
    margin-top: 0
}

.art-case-detail.case-detail-2 .sec-2 img {
    margin-top: 0.15rem
}

.art-case-detail.case-detail-2 .pic-list-h {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -0.05rem;
    margin-right: -0.05rem
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .pic-list-h {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.art-case-detail.case-detail-2 .pic-list-h .pic-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 50%;
    padding: 0 0.05rem
}

@media (max-width: 1024px) {
    .art-case-detail.case-detail-2 .pic-list-h .pic-item {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.art-case-detail.case-detail-2 .pic-list-h .pic-item img {
    max-width: 100%;
    height: auto
}

.art-case-detail.case-detail-2 .pic-list-v {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.art-case-detail.case-detail-2 .pic-list-v .pic-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.art-case-detail.case-detail-2 .pic-list-v .pic-item img {
    max-width: 100%
}

.art-about .section-1 {
    padding-top: 0.4rem
}

.art-about .section-1 .title-block {
    margin-bottom: 0.225rem
}

.art-about .section-1 .content {
    position: relative
}

@media (max-width: 1024px) {
    .art-about .section-1 .content {
        background: #f4f9ff
    }
}

.art-about .section-1 .content .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1
}

@media (max-width: 1024px) {
    .art-about .section-1 .content .bg {
        height: 2.9rem;
        z-index: 2
    }
}

.art-about .section-1 .content .bg img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1024px) {
    .art-about .section-1 .content .bg img {
        -o-object-position: left center;
        object-position: left center
    }
}

.art-about .section-1 .content .txt {
    max-width: 3.625rem;
    margin-left: auto;
    padding-top: 4.1666666667vw;
    padding-bottom: 6.4583333333vw;
    margin-right: -moz-calc((100% - 6.4rem) / 2);
    margin-right: calc((100% - 6.4rem) / 2);
    font-size: 0.09rem;
    line-height: 0.2rem;
    color: #333
}

@media (max-width: 1380px) {
    .art-about .section-1 .content .txt {
        max-width: 52.0833333333vw;
        margin-right: 0.3rem
    }
}

@media (max-width: 1024px) {
    .art-about .section-1 .content .txt {
        max-width: 100%;
        padding-top: 3.1rem;
        padding-bottom: 0.4rem;
        margin-left: 0.15rem;
        margin-right: 0.15rem;
        font-size: 0.15rem;
        line-height: 2
    }
}

.art-about .section-1 .content .txt p {
    font-size: 0.09rem;
    line-height: 0.2rem;
    color: #333;
    text-align: justify
}

@media (max-width: 1024px) {
    .art-about .section-1 .content .txt p {
        font-size: 0.15rem;
        line-height: 2
    }
}

.art-about .section-1 .content .txt p:not(:last-child) {
    margin-bottom: 0.095rem
}

@media (max-width: 1024px) {
    .art-about .section-1 .content .txt p:not(:last-child) {
        margin-bottom: 0.12rem
    }
}

.art-about .section-1 .content .data {
    margin-top: 0.15rem;
    border-top: 0.005rem dashed #d2d7e0;
    padding-top: 0.24rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.art-about .section-1 .content .data .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    position: relative
}

@media (max-width: 1800px) {
    .art-about .section-1 .content .data .item {
        padding-left: 4.1666666667vw;
        padding-right: 4.1666666667vw
    }
}

@media (max-width: 1024px) {
    .art-about .section-1 .content .data .item {
        padding-left: 0.25rem;
        padding-right: 0.25rem
    }
}

.art-about .section-1 .content .data .item:not(:last-child)::after {
    content: "";
    display: block;
    width: 0.005rem;
    height: 0.2rem;
    background: #dbdee5;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.art-about .section-1 .content .data .item:nth-child(1) {
    padding-left: 0
}

.art-about .section-1 .content .data .item:last-child {
    padding-right: 0
}

.art-about .section-1 .content .data .item .t {
    font-size: 0.15rem;
    font-weight: bold;
    line-height: 1;
    color: #2563eb;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1024px) {
    .art-about .section-1 .content .data .item .t {
        font-size: 0.17rem
    }
}

.art-about .section-1 .content .data .item .s {
    margin-top: 0.05rem;
    font-size: 0.09rem;
    line-height: 1;
    color: #2563eb
}

@media (max-width: 1024px) {
    .art-about .section-1 .content .data .item .s {
        font-size: 0.12rem
    }
}

.art-about .section-2 {
    padding-top: 0.55rem;
    padding-bottom: 0.5rem
}

.art-about .section-2 .title-block {
    margin-bottom: 0.175rem
}

.art-about .section-2 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 1024px) {
    .art-about .section-2 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.art-about .section-2 .list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding-left: 0.025rem;
    padding-right: 0.025rem
}

@media (max-width: 1024px) {
    .art-about .section-2 .list>li {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0.1rem
    }
}

.art-about .section-2 .list>li .item {
    display: block;
    width: 100%
}

.art-about .section-2 .list>li .item .image {
    padding-top: 71.4285714286%;
    border-radius: 0.1rem;
    overflow: hidden
}

.art-about .section-2 .list>li .item .image img {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease
}

.art-about .section-2 .list>li .item .image:hover img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02)
}

.art-about .section-3 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.art-about .section-3 .title-block {
    margin-bottom: 0.2rem
}

.art-about .section-3 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.05rem;
    margin-right: -0.05rem;
    margin-bottom: -0.1rem
}

.art-about .section-3 .list .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    margin-bottom: 0.1rem
}

@media (max-width: 1024px) {
    .art-about .section-3 .list .item {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.art-about .section-3 .list .item .wp {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.28rem 0.2rem 0.2rem;
    min-height: 1.25rem;
    border-radius: 0.1rem;
    overflow: hidden;
    border: solid 0.005rem #2563eb;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    height: 100%
}

@media (max-width: 1300px) {
    .art-about .section-3 .list .item .wp {
        min-height: 14.5833333333vw
    }
}

@media (max-width: 1024px) {
    .art-about .section-3 .list .item .wp {
        min-height: 1.6rem
    }
}

.art-about .section-3 .list .item .wp .title {
    position: relative
}

.art-about .section-3 .list .item .wp .title .t {
    font-size: 0.14rem;
    line-height: 1;
    color: #000;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .art-about .section-3 .list .item .wp .title .t {
        font-size: 0.19rem
    }
}

.art-about .section-3 .list .item .wp .title .s {
    font-size: 0.25rem;
    font-family: Arial;
    font-weight: bold;
    line-height: 1;
    color: #d3e1fb;
    position: absolute;
    left: 0;
    bottom: -0.03rem;
    z-index: 1
}

@media (max-width: 1024px) {
    .art-about .section-3 .list .item .wp .title .s {
        font-size: 0.33rem;
        bottom: -0.06rem
    }
}

.art-about .section-3 .list .item .wp .p {
    margin-top: 0.055rem;
    font-size: 0.12rem;
    line-height: 1.4583333333;
    color: #666
}

@media (max-width: 1300px) {
    .art-about .section-3 .list .item .wp .p {
        max-width: 60%
    }
}

@media (max-width: 1024px) {
    .art-about .section-3 .list .item .wp .p {
        margin-top: 0.1rem;
        font-size: 0.16rem;
        max-width: 60%
    }
}

.art-about .section-3 .list .item.value-item {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.art-about .section-3 .list .item.value-item .value-list {
    margin-top: 0.11rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0.05rem;
    margin-right: 0.17rem
}

@media (max-width: 1024px) {
    .art-about .section-3 .list .item.value-item .value-list {
        margin: 0.2rem 0 -0.15rem;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.art-about .section-3 .list .item.value-item .value-list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .art-about .section-3 .list .item.value-item .value-list>li {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 0.15rem
    }
}

.art-about .section-3 .list .item.value-item .value-list>li .img {
    width: 0.99rem;
    margin-left: auto;
    margin-right: auto
}

.art-about .section-3 .list .item.value-item .value-list>li .img img {
    display: block;
    width: 100%;
    height: auto
}

.art-about .section-3 .list .item.value-item .value-list>li .t {
    margin-top: 0.085rem;
    font-size: 0.12rem;
    line-height: 1;
    color: #666;
    text-align: center
}

@media (max-width: 1024px) {
    .art-about .section-3 .list .item.value-item .value-list>li .t {
        margin-top: 0.12rem;
        font-size: 0.16rem
    }
}

.art-about .section-4 {
    padding: 0.5rem 0
}

.art-about .section-4 .title-block {
    margin-bottom: 0.175rem
}

.art-about .section-4 .item {
    display: block;
    width: 100%;
    height: 2.075rem;
    -webkit-box-shadow: 0 0.01rem 0.15rem 0 rgba(0, 19, 72, 0.1);
    box-shadow: 0 0.01rem 0.15rem 0 rgba(0, 19, 72, 0.1);
    position: relative;
    border-radius: 0.05rem;
    overflow: hidden
}

.art-about .section-4 .item .img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media (max-width: 1024px) {
    .art-about .section-4 .item .img {
        border-bottom-left-radius: 0.075rem;
        border-bottom-right-radius: 0.075rem
    }
}

.art-about .section-4 .item .img::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.72rem;
    background: url(../images/bg22.png) no-repeat bottom center/cover;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

@media (max-width: 1024px) {
    .art-about .section-4 .item .img::after {
        display: none
    }
}

.art-about .section-4 .item .img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 1
}

.art-about .section-4 .item .img .img-tit {
    font-size: 0.11rem;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding-bottom: 0.125rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .art-about .section-4 .item .img .img-tit {
        display: none
    }
}

.art-about .section-4 .item .txt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 0.05rem;
    border-top-right-radius: 0.05rem;
    overflow: hidden;
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    z-index: 4;
    padding: 0.17rem 0.15rem;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out
}

@media (max-width: 1024px) {
    .art-about .section-4 .item .txt {
        padding: 0.3rem 0.2rem;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.art-about .section-4 .item .txt .t {
    font-size: 0.13rem;
    line-height: 1;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .art-about .section-4 .item .txt .t {
        font-size: 0.19rem
    }
}

.art-about .section-4 .item .txt .p {
    margin-top: 0.075rem;
    font-size: 0.08rem;
    line-height: 0.125rem;
    color: #333
}

@media (max-width: 1024px) {
    .art-about .section-4 .item .txt .p {
        margin-top: 0.1rem;
        font-size: 0.14rem;
        line-height: 1.5625
    }
}

.art-about .section-4 .item .txt .p li {
    padding-left: 0.085rem;
    position: relative
}

@media (max-width: 1024px) {
    .art-about .section-4 .item .txt .p li {
        padding-left: 0.13rem
    }
}

.art-about .section-4 .item .txt .p li::before {
    content: "";
    display: block;
    width: 0.03rem;
    height: 0.03rem;
    border-radius: 50%;
    background: #2563eb;
    position: absolute;
    left: 0;
    top: 0.045rem
}

@media (max-width: 1024px) {
    .art-about .section-4 .item .txt .p li::before {
        width: 0.05rem;
        height: 0.05rem;
        top: 0.09rem
    }
}

.art-about .section-4 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.art-about .section-4 .list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 15.625%;
    flex: 0 0 15.625%;
    max-width: 15.625%;
    margin-left: 0.025rem;
    margin-right: 0.025rem;
    -webkit-transition: all 0.4s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    -moz-transition: all 0.4s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    transition: all 0.4s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    cursor: pointer
}

.art-about .section-4 .list>li:first-child {
    margin-left: 0
}

.art-about .section-4 .list>li:last-child {
    margin-right: 0
}

.art-about .section-4 .list>li.on {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 34.6153846154%;
    flex: 0 0 34.6153846154%;
    max-width: 34.6153846154%
}

.art-about .section-4 .list>li.on .img {
    border-bottom-left-radius: 0.075rem;
    border-bottom-right-radius: 0.075rem
}

.art-about .section-4 .list>li.on .img::after {
    opacity: 0
}

.art-about .section-4 .list>li.on .img .img-tit {
    opacity: 0
}

.art-about .section-4 .list>li.on .txt {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.art-about .section-4 .swiper-container {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
    padding: 0.1rem 0
}

.art-about .section-4 .swiper-container .swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.15rem
}

.art-about .section-4 .swiper-container .swiper-pagination {
    margin-top: 0.15rem;
    position: static;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.art-about .section-4 .swiper-container .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0.04rem;
    height: 0.04rem;
    border-radius: 0.02rem;
    border: none;
    opacity: 1;
    margin: 0 0.025rem;
    background: #2563eb;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.art-about .section-4 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.1rem
}

@media (max-width: 480px) {
    .art-about .section-4 .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 0.03rem;
        height: 0.03rem
    }

    .art-about .section-4 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        width: 0.09rem
    }
}

.art-about .recru {
    padding-bottom: 0.415rem
}

.art-about .recru .paged {
    padding-top: 0
}

.art-about .recru .recru-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: 0 -0.065rem
}

@media screen and (max-width: 1024px) {
    .art-about .recru .recru-list {
        margin: 0
    }
}

.art-about .recru .recru-list li {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.065rem;
    margin-bottom: 0.15rem
}

@media screen and (max-width: 1024px) {
    .art-about .recru .recru-list li {
        width: 100%;
        padding: 0
    }
}

.art-about .recru .recru-list .item {
    display: block;
    position: relative;
    background-color: #fff;
    min-height: 1.3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.25rem;
    border: 0.005rem solid #b1c7f8;
    z-index: 10;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.art-about .recru .recru-list .item:hover {
    background-color: #f2f5f8;
    -webkit-box-shadow: 0.02rem 0.045rem 0.15rem 0 #c3c3c3;
    box-shadow: 0.02rem 0.045rem 0.15rem 0 #c3c3c3;
    border-color: #2563eb
}

.art-about .recru .recru-list .item:hover .head .iconfont {
    background-color: #2563eb
}

.art-about .recru .recru-list .item:hover .bg {
    opacity: 1
}

.art-about .recru .recru-list .item .bg {
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.art-about .recru .recru-list .item .head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.art-about .recru .recru-list .item .head .title {
    font-size: 0.13rem;
    color: #000;
    margin-bottom: 0.1rem
}

@media screen and (max-width: 1024px) {
    .art-about .recru .recru-list .item .head .title {
        font-size: 0.2rem
    }
}

.art-about .recru .recru-list .item .head .iconfont {
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 50%;
    font-size: 0.07rem;
    background-color: #333;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.art-about .recru .recru-list .item .info-box {
    font-size: 0.07rem;
    color: #666;
    line-height: 2
}

@media screen and (max-width: 1024px) {
    .art-about .recru .recru-list .item .info-box {
        font-size: 0.12rem
    }
}

.art-about .section-5 {
    background-color: rgba(241, 244, 250, 0.7);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.art-about .section-5 .title-block {
    margin-bottom: 0.1rem
}

.art-about .section-5 .wp1280 {
    max-width: 6.7rem
}

.art-about .section-5 .about-share {
    position: relative
}

.art-about .section-5 .about-share .swiper-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0.015rem 0.035rem 0 rgba(0, 37, 84, 0.35);
    box-shadow: 0 0.015rem 0.035rem 0 rgba(0, 37, 84, 0.35);
    border: solid 0.005rem #2563eb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100%;
    z-index: 9;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2563eb;
    font-size: 0.1rem;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .art-about .section-5 .about-share .swiper-btn {
        width: 0.35rem;
        height: 0.35rem;
        font-size: 0.15rem;
        top: 55%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

.art-about .section-5 .about-share .swiper-btn:hover {
    background-color: #2563eb;
    color: #fff
}

.art-about .section-5 .about-share .swiper-btn.prev {
    left: 0
}

@media (max-width: 1024px) {
    .art-about .section-5 .about-share .swiper-btn.prev {
        left: -0.1rem
    }
}

.art-about .section-5 .about-share .swiper-btn.next {
    right: 0
}

@media (max-width: 1024px) {
    .art-about .section-5 .about-share .swiper-btn.next {
        right: -0.1rem
    }
}

.art-about .section-5 .swiper {
    overflow: hidden;
    padding: 0.15rem
}

.art-about .section-5 .swiper .swiper-slide {
    border-radius: 0.075rem;
    -webkit-box-shadow: 0 0.05rem 0.05rem 0 rgba(87, 109, 157, 0.2);
    box-shadow: 0 0.05rem 0.05rem 0 rgba(87, 109, 157, 0.2)
}

.art-about .section-5 .swiper .swiper-slide .img {
    overflow: hidden;
    position: relative;
    padding-bottom: 62.5%;
    overflow: hidden;
    border-radius: 0.075rem 0.075rem 0 0
}

.art-about .section-5 .swiper .swiper-slide .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

.art-about .section-5 .swiper .swiper-slide .info {
    background-color: #fff;
    height: 1.2rem;
    border-radius: 0 0 0.075rem 0.075rem;
    overflow: hidden;
    padding: 0.15rem 0.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media (max-width: 1024px) {
    .art-about .section-5 .swiper .swiper-slide .info {
        height: auto;
        padding-bottom: 0.45rem
    }
}

.art-about .section-5 .swiper .swiper-slide .info::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.03rem;
    background-color: #2563eb;
    z-index: 3;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateY(0.05rem);
    -moz-transform: translateY(0.05rem);
    transform: translateY(0.05rem)
}

.art-about .section-5 .swiper .swiper-slide .info .t {
    font-size: 0.1rem;
    font-weight: bold
}

@media (max-width: 1024px) {
    .art-about .section-5 .swiper .swiper-slide .info .t {
        font-size: 0.17rem
    }
}

.art-about .section-5 .swiper .swiper-slide .info .p {
    font-size: 0.08rem;
    line-height: 0.16rem;
    color: #6a7387;
    margin-top: 0.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media (max-width: 1024px) {
    .art-about .section-5 .swiper .swiper-slide .info .p {
        font-size: 0.14rem;
        line-height: 0.275rem;
        min-height: 0.84rem;
        max-height: 0.84rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-top: 0.1rem
    }
}

.art-about .section-5 .swiper .swiper-slide .info .date {
    font-size: 0.07rem;
    color: #9ba5b7;
    position: absolute;
    bottom: 0.15rem;
    left: 0.2rem
}

@media (max-width: 1024px) {
    .art-about .section-5 .swiper .swiper-slide .info .date {
        font-size: 0.14rem
    }
}

.art-about .section-5 .swiper .swiper-slide:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.art-about .section-5 .swiper .swiper-slide:hover .t {
    color: #2563eb
}

.art-about .section-5 .swiper .swiper-slide:hover .info::after {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.art-about .section-5 .pagination {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.art-about .section-5 .pagination .swiper-pagination-bullet {
    background-color: #999;
    width: 0.085rem;
    height: 0.085rem;
    opacity: 1
}

.art-about .section-5 .pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 0.035rem
}

.art-about .section-5 .pagination .swiper-pagination-bullet-active {
    background-color: #2563eb
}

.art-cooperation .section-1 {
    padding-top: 0.4rem;
    padding-bottom: 0.5rem
}

.art-cooperation .section-1 .title-block {
    margin-bottom: 0.175rem
}

.art-cooperation .section-1 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -0.0325rem;
    margin-right: -0.0325rem
}

@media (max-width: 1024px) {
    .art-cooperation .section-1 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -0.1rem
    }
}

.art-cooperation .section-1 .list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0.0325rem;
    padding-right: 0.0325rem
}

@media (max-width: 1024px) {
    .art-cooperation .section-1 .list>li {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0.1rem;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s
    }
}

.art-cooperation .section-1 .list>li .item {
    display: block;
    width: 100%;
    height: 100%;
    background: #eef3ff;
    border-radius: 0.1rem;
    overflow: hidden
}

@media (max-width: 1024px) {
    .art-cooperation .section-1 .list>li .item {
        border-radius: 0.15rem
    }
}

.art-cooperation .section-1 .list>li .item .image {
    padding-top: 58.064516129%;
    overflow: hidden
}

.art-cooperation .section-1 .list>li .item .image img {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease
}

.art-cooperation .section-1 .list>li .item .image:hover img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02)
}

.art-cooperation .section-1 .list>li .item .con {
    padding: 0.2rem 0.15rem 0.125rem
}

@media (min-width: 1024px) and (max-width: 1800px) {
    .art-cooperation .section-1 .list>li .item .con {
        padding: 2.0833333333vw 1.5625vw 1.3020833333vw
    }
}

.art-cooperation .section-1 .list>li .item .con .t {
    font-size: 0.12rem;
    line-height: 1;
    color: #000;
    font-weight: bold;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 1480px) {
    .art-cooperation .section-1 .list>li .item .con .t {
        font-size: 0.1rem
    }
}

.art-cooperation .section-1 .list>li .item .con .t img {
    margin-right: 0.04rem;
    width: 0.095rem;
    height: auto
}

@media (max-width: 480px) {
    .art-cooperation .section-1 .list>li .item .con .t img {
        width: 14Px
    }
}

@media (max-width: 1024px) {
    .art-cooperation .section-1 .list>li .item .con .t {
        font-size: 0.18rem
    }
}

.art-cooperation .section-1 .list>li .item .con .p {
    margin-top: 0.055rem;
    font-size: 0.075rem;
    line-height: 2;
    color: #666
}

@media (max-width: 1480px) {
    .art-cooperation .section-1 .list>li .item .con .p {
        font-size: 0.065rem;
        margin-top: 0.04rem
    }
}

@media (max-width: 1024px) {
    .art-cooperation .section-1 .list>li .item .con .p {
        margin-top: 0.08rem;
        font-size: 0.14rem
    }
}

.art-cooperation .section-2 {
    padding: 0.5rem 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.art-cooperation .section-2 .title-block {
    margin-bottom: 0.175rem
}

.art-cooperation .section-2 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -0.0425rem;
    margin-right: -0.0425rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -0.085rem
}

@media (max-width: 1024px) {
    .art-cooperation .section-2 .list {
        margin-bottom: -0.1rem
    }
}

.art-cooperation .section-2 .list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding-left: 0.0425rem;
    padding-right: 0.0425rem;
    margin-bottom: 0.085rem
}

@media (max-width: 1024px) {
    .art-cooperation .section-2 .list>li {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 0.1rem;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s
    }
}

.art-cooperation .section-2 .list>li .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.1rem;
    background: #fff;
    border-radius: 0.1rem;
    overflow: hidden
}

@media (max-width: 1024px) {
    .art-cooperation .section-2 .list>li .item {
        border-radius: 0.15rem
    }
}

.art-cooperation .section-2 .list>li .item .icon {
    margin-left: auto;
    margin-right: auto;
    width: 0.99rem
}

.art-cooperation .section-2 .list>li .item .icon img {
    display: block;
    width: 100%;
    height: auto
}

.art-cooperation .section-2 .list>li .item .t {
    margin-top: 0.1rem;
    font-size: 0.12rem;
    line-height: 1;
    color: #000;
    font-weight: bold;
    text-align: center
}

@media (max-width: 1024px) {
    .art-cooperation .section-2 .list>li .item .t {
        font-size: 0.18rem
    }
}

.art-cooperation .section-2 .list>li .item .p {
    max-width: 0.98rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.05rem;
    font-size: 0.08rem;
    line-height: 1.875;
    color: #666;
    text-align: center
}

@media (max-width: 1024px) {
    .art-cooperation .section-2 .list>li .item .p {
        min-height: 0.7875rem;
        max-height: 0.7875rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-top: 0.1rem;
        font-size: 0.14rem;
        max-width: 100%
    }
}

.art-cooperation .section-3 {
    padding: 0.5rem 0
}

.art-cooperation .section-3 .title-block {
    margin-bottom: 0.175rem
}

.art-cooperation .section-3 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -0.0425rem;
    margin-right: -0.0425rem
}

@media (max-width: 1024px) {
    .art-cooperation .section-3 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -0.1rem
    }
}

.art-cooperation .section-3 .list>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding-left: 0.0425rem;
    padding-right: 0.0425rem;
    margin-bottom: 0.085rem
}

@media (max-width: 1024px) {
    .art-cooperation .section-3 .list>li {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0.1rem;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s
    }
}

.art-cooperation .section-3 .list>li .item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    background: #eef3ff;
    border-radius: 0.1rem;
    overflow: hidden
}

@media (max-width: 1024px) {
    .art-cooperation .section-3 .list>li .item {
        border-radius: 0.15rem
    }
}

.art-cooperation .section-3 .list>li .item .image {
    padding-top: 55.421686747%;
    overflow: hidden
}

.art-cooperation .section-3 .list>li .item .image img {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease
}

.art-cooperation .section-3 .list>li .item .image:hover img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02)
}

.art-cooperation .section-3 .list>li .item .p {
    padding: 0.1rem 0.1rem 0.125rem;
    font-size: 0.09rem;
    line-height: 1.6666666667;
    color: #333;
    text-align: center
}

@media (max-width: 1024px) {
    .art-cooperation .section-3 .list>li .item .p {
        padding: 0.15rem 0.15rem 0.2rem;
        font-size: 0.15rem
    }
}

.art-cooperation .section-4 {
    padding-top: 0.44rem;
    padding-bottom: 0.535rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.art-cooperation .section-4 .title-block {
    margin-bottom: 0.485rem
}

.art-cooperation .section-4 .process-list {
    margin-left: -0.23rem;
    margin-right: -0.23rem;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

@media (max-width: 1320px) {
    .art-cooperation .section-4 .process-list {
        margin-left: -1.875vw;
        margin-right: -1.875vw
    }
}

@media (max-width: 1024px) {
    .art-cooperation .section-4 .process-list {
        margin-left: -0.1rem;
        margin-right: -0.1rem
    }
}

.art-cooperation .section-4 .process-list .item {
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.art-cooperation .section-4 .process-list .item:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0.245rem;
    border-top: 0.005rem dashed #2563eb;
    content: "";
    display: block
}

.art-cooperation .section-4 .process-list .item:nth-child(1):after {
    left: 50%
}

.art-cooperation .section-4 .process-list .item:last-child:after {
    right: 50%
}

.art-cooperation .section-4 .process-list .item+.item:before {
    position: absolute;
    content: "";
    background-image: url(../images/icon55.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.065rem;
    height: 0.075rem;
    left: 0;
    top: 0.21rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.art-cooperation .section-4 .process-list .icon {
    position: relative;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    margin: 0 auto 0.1rem;
    z-index: 5
}

.art-cooperation .section-4 .process-list .p {
    position: relative;
    font-size: 0.08rem;
    line-height: 0.15rem;
    color: #333;
    z-index: 5
}

@media (max-width: 1024px) {
    .art-cooperation .section-4 .process-list .p {
        font-size: 0.12rem;
        line-height: 1.875
    }
}

.art-cooperation .section-5 {
    padding-top: 0.5rem;
    padding-bottom: 0.36rem
}

.art-cooperation .section-5 .img {
    margin-top: 0.125rem;
    text-align: center
}

.art-cooperation .section-5 .img img {
    max-width: 100%
}

.news-box {
    background-color: #f2f6ff
}

.news {
    padding: 0.15rem 0 0.5rem
}

.news .list {
    margin-bottom: 0.25rem
}

.news .list li:not(:last-child) {
    margin-bottom: 0.1rem
}

.news .list .item {
    display: block;
    border-radius: 0.05rem;
    background-color: #fff;
    overflow: hidden;
    padding: 0.1rem 0.175rem;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.news .list .item a {
    display: block
}

.news .list .item:hover {
    -webkit-box-shadow: 0 0.085rem 0.155rem 0.005rem rgba(37, 99, 235, 0.15);
    box-shadow: 0 0.085rem 0.155rem 0.005rem rgba(37, 99, 235, 0.15);
    background-image: url(../images/new-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.news .list .item:hover .more-btn {
    color: #fff !important
}

.news .list .item:hover .more-btn::after {
    width: 100%;
    height: 100%;
    background-color: #2563eb;
    border-radius: 0.1rem;
    border-color: transparent;
    -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s, -webkit-transform 0.2s;
    transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s, -webkit-transform 0.2s;
    -moz-transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, transform 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s, -moz-transform 0.2s;
    transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, transform 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s;
    transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, transform 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s, -webkit-transform 0.2s, -moz-transform 0.2s
}

.news .list .item:hover::after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1)
}

.news .list .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.04rem;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
    border-radius: 0.02rem 0.02rem 0 0;
    z-index: 10;
    background-color: #2563eb
}

.news .list .item .lable {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 0.09rem
}

.news .list .item .lable .lable-item {
    margin: 0;
    height: 0.13rem;
    background-color: #e7f1fe;
    border-radius: 0.02rem;
    font-size: 0.07rem;
    color: #2563eb;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 0 0.075rem
}

.news .list .item .lable .lable-item:hover {
    background-color: #d9e7fb
}

@media (max-width: 1024px) {
    .news .list .item .lable .lable-item {
        font-size: 0.13rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: auto;
        padding: 0.05rem 0.075rem
    }
}

.news .list .title {
    font-size: 0.11rem;
    color: #333;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.1rem 0;
    line-height: 1;
    border-bottom: 0.005rem dashed #aeb5df
}

@media screen and (max-width: 1024px) {
    .news .list .title {
        font-size: 0.16rem
    }
}

.news .list .title::before {
    content: "";
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    background-color: #2563eb;
    margin-right: 0.05rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.news .list .desc {
    font-size: 0.08rem;
    color: #666;
    line-height: 0.175rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 0.35rem;
    margin: 0.1rem 0 0.05rem
}

@media screen and (max-width: 1024px) {
    .news .list .desc {
        font-size: 0.13rem;
        line-height: 2;
        height: 0.52rem
    }
}

.news .list .release-date {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    font-size: 0.07rem;
    margin-bottom: 0.125rem
}

@media (max-width: 1024px) {
    .news .list .release-date {
        font-size: 0.13rem
    }
}

.news .btn.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .news .btn.flex {
        display: block
    }
}

.news .btn.flex .release-date {
    font-size: 0.075rem;
    color: #666
}

@media (max-width: 1024px) {
    .news .btn.flex .release-date {
        font-size: 0.13rem
    }
}

.news .new-left .top {
    height: 0.35rem;
    background-color: #fff;
    border-radius: 0.05rem;
    border: solid 0.01rem #fff;
    margin-bottom: 0.1rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e3edfb), to(#fff));
    background-image: -moz-linear-gradient(top, #e3edfb, #fff);
    background-image: linear-gradient(to bottom, #e3edfb, #fff);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 0 0.075rem 0 rgba(0, 0, 0, 0.01);
    box-shadow: inset 0 0 0.075rem 0 rgba(0, 0, 0, 0.01)
}

@media (max-width: 1024px) {
    .news .new-left .top {
        height: auto
    }
}

.news .new-left .top .icon {
    width: 0.17rem;
    height: 0.17rem;
    background-color: #2563eb;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%
}

@media (max-width: 1024px) {
    .news .new-left .top .icon {
        width: 0.3rem;
        height: 0.3rem
    }
}

.news .new-left .top .tit {
    font-size: 0.12rem;
    font-weight: bold
}

@media (max-width: 1024px) {
    .news .new-left .top .tit {
        font-size: 0.17rem
    }
}

.news .more-btn {
    font-size: 0.07rem;
    color: #000;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0.6rem;
    height: 0.175rem;
    line-height: 1;
    position: relative;
    z-index: 10;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .news .more-btn {
        font-size: 0.12rem;
        height: 0.3rem;
        width: 0.9rem;
        margin-left: auto;
        margin-top: 0.1rem
    }
}

.news .more-btn:hover {
    color: #fff !important
}

.news .more-btn:hover::after {
    width: 100%;
    height: 100%;
    background-color: #2563eb;
    border-radius: 0.1rem;
    border-color: transparent;
    -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s, -webkit-transform 0.2s;
    transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s, -webkit-transform 0.2s;
    -moz-transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, transform 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s, -moz-transform 0.2s;
    transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, transform 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s;
    transition: width 0.4s 0.1s, height 0.4s 0.1s, border-radius 0.4s 0.1s, left 0.2s, transform 0.2s, background-color 0.4s 0.1s, border-color 0.3s 0.1s, -webkit-transform 0.2s, -moz-transform 0.2s
}

.news .more-btn::after {
    content: "";
    width: 0.175rem;
    height: 0.175rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.01rem solid #2563eb;
    border-radius: 0.09rem;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    -webkit-transition: width 0.4s, height 0.4s, border-radius 0.4s, left 0.2s, background-color 0.4s, border-color 0.4s, -webkit-transform 0.2s 0.2s;
    transition: width 0.4s, height 0.4s, border-radius 0.4s, left 0.2s, background-color 0.4s, border-color 0.4s, -webkit-transform 0.2s 0.2s;
    -moz-transition: width 0.4s, height 0.4s, border-radius 0.4s, left 0.2s, transform 0.2s 0.2s, background-color 0.4s, border-color 0.4s, -moz-transform 0.2s 0.2s;
    transition: width 0.4s, height 0.4s, border-radius 0.4s, left 0.2s, transform 0.2s 0.2s, background-color 0.4s, border-color 0.4s;
    transition: width 0.4s, height 0.4s, border-radius 0.4s, left 0.2s, transform 0.2s 0.2s, background-color 0.4s, border-color 0.4s, -webkit-transform 0.2s 0.2s, -moz-transform 0.2s 0.2s
}

@media screen and (max-width: 1024px) {
    .news .more-btn::after {
        width: 0.25rem;
        height: 0.25rem;
        border-radius: 0.15rem
    }
}

.news .more-btn .iconfont {
    margin-left: 0.01rem;
    font-size: 0.06rem;
    position: relative
}

@media screen and (max-width: 1024px) {
    .news .more-btn .iconfont {
        font-size: 0.18rem;
        margin-left: 0
    }
}

.news .page-nav {
    background-color: #fff;
    padding: 0.19rem 0.15rem;
    border-radius: 0.025rem;
    margin-bottom: 0.15rem
}

.news .page-nav .categorys-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news .page-nav .categorys-list:last-child {
    margin-top: 0.1rem
}

@media (max-width: 1024px) {
    .news .page-nav .categorys-list {
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .news .page-nav .categorys-list:last-child {
        margin-top: 0.2rem
    }
}

.news .page-nav .categorys-list .cate-title {
    font-size: 0.11rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0.04rem 0
}

@media (max-width: 1024px) {
    .news .page-nav .categorys-list .cate-title {
        font-size: 0.15rem;
        font-weight: 500
    }
}

.news .page-nav .categorys-list .cate-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.025rem 0.1rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 1024px) {
    .news .page-nav .categorys-list .cate-list {
        gap: 0.1rem 0.05rem
    }
}

.news .page-nav .categorys-list .cate-list .cate-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    font-size: 0.08rem;
    border-radius: 0.1rem
}

@media (max-width: 1024px) {
    .news .page-nav .categorys-list .cate-list .cate-item {
        font-size: 0.13rem
    }
}

.news .page-nav .categorys-list .cate-list .cate-item>a {
    padding: 0.04rem 0.08rem
}

@media (max-width: 1024px) {
    .news .page-nav .categorys-list .cate-list .cate-item>a {
        padding: 0.04rem 0.12rem
    }
}

.news .page-nav .categorys-list .cate-list .cate-item.active, .news .page-nav .categorys-list .cate-list .cate-item:hover {
    background-color: #2563eb;
    color: #fff
}

.news .news-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.19rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news .news-box .new-left {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.news-detail {
    background-color: #f2f6ff;
    overflow: hidden
}

@media only x {
    .news-detail {
        display: none
    }
}

@media (min-width: 1024px) {
    .news-detail {
        padding-top: 0.275rem
    }
}

@media screen and (max-width: 1024px) {
    .news-detail {
        padding-top: 0.2rem
    }
}

.news-detail .detail {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.19rem
}

@media screen and (max-width: 1024px) {
    .news-detail .detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.news-detail .detail .left {
    width: 68.8888888889%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.23rem 0.5rem 0.23rem;
    background-color: #fff;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .left {
        width: 100%;
        padding-bottom: 0.3rem;
        padding-top: 0rem;
        border-right: none
    }
}

.news-detail .detail .left .top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-detail .detail .left .top .posts-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #333;
    font-size: 0.08rem;
    cursor: pointer
}

.news-detail .detail .left .top .posts-btn p {
    margin-left: 0.025rem;
    line-height: 1
}

.news-detail .detail .left .top .posts-btn:hover i, .news-detail .detail .left .top .posts-btn:hover p {
    color: #2563eb
}

@media (max-width: 1024px) {
    .news-detail .detail .left .top .posts-btn {
        font-size: 0.13rem
    }
}

.news-detail .detail .left .breadcrumb {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0.1rem 0 0.2rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.news-detail .detail .left .breadcrumb .hover-icon {
    display: none
}

.news-detail .detail .left .breadcrumb span, .news-detail .detail .left .breadcrumb a:not(:last-child)::after {
    color: #999
}

.news-detail .detail .left .breadcrumb a i {
    color: #999;
    margin-right: 0.025rem;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.news-detail .detail .left .breadcrumb a:hover i, .news-detail .detail .left .breadcrumb a:hover span {
    color: #2563eb
}

.news-detail .detail .left .breadcrumb a:hover .hover-icon {
    display: block
}

.news-detail .detail .left .breadcrumb a:hover .def-icon {
    display: none
}

@media (max-width: 1024px) {
    .news-detail .detail .new-right {
        display: none
    }
}

.news-detail .detail .new-right .sec-1 {
    margin-top: 0
}

.news-detail .detail .right {
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f6f7ff;
    padding-top: 0.3rem;
    border-left: 0.005rem solid #e9eafa
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .right {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.news-detail .detail .detail-title {
    font-size: 0.16rem;
    color: #333;
    margin-bottom: 0.1rem;
    font-weight: bold;
    font-family: "PingFang SC"
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .detail-title {
        font-size: 0.21rem;
        margin-bottom: 0.15rem;
        text-align: start
    }
}

.news-detail .detail .detail-data {
    font-size: 0.08rem;
    color: #666;
    margin-bottom: 0.18rem;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1480px) {
    .news-detail .detail .detail-data {
        font-size: 0.07rem
    }
}

@media (max-width: 1280px) {
    .news-detail .detail .detail-data {
        font-size: 0.06rem
    }
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .detail-data {
        font-size: 0.13rem;
        margin-bottom: 0.2rem;
        text-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.news-detail .detail .detail-data span+span {
    margin-left: 0.125rem
}

@media (min-width: 1024px) and (max-width: 1800px) {
    .news-detail .detail .detail-data span+span {
        margin-left: 1.3020833333vw
    }
}

.news-detail .detail .detail-data .share-con {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0.125rem;
    font-size: 0.08rem;
    color: #666
}

@media (min-width: 1024px) and (max-width: 1800px) {
    .news-detail .detail .detail-data .share-con {
        margin-left: 1.3020833333vw
    }
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .detail-data .share-con {
        margin-left: 0;
        margin-top: 0.125rem
    }
}

.news-detail .detail .detail-content {
    font-size: 0.08rem;
    color: #666;
    line-height: 0.2rem;
    padding-bottom: 0.2rem;
}

.news-detail .detail .detail-content p:not(:last-child) {
    margin-bottom: 0.08rem
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .detail-content {
        font-size: 0.15rem;
        line-height: 2;
        padding-bottom: 0.4rem
    }
}

.news-detail .detail .detail-content pre {
    margin: 0.5em 0;
    padding: 0.4em 0.6em;
    border-radius: 0.04rem;
    background: #f8f8f8
}

.news-detail .detail .detail-content img, .news-detail .detail .detail-content video, .news-detail .detail .detail-content iframe {
    max-width: 100%
}

.news-detail .detail .detail-content iframe {
    width: 100%
}

.news-detail .detail .detail-content * {
    max-width: 100% !important
}

.news-detail .detail .share-lable {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.15rem;
    border-top: 0.01rem solid #f0f0f0;
    margin-bottom: 0.2rem
}

@media (max-width: 1024px) {
    .news-detail .detail .share-lable {
        display: block
    }
}

.news-detail .detail .share-lable .lable {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 0.09rem
}

.news-detail .detail .share-lable .lable a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 0.16rem;
    background-color: #e7f1fe;
    border-radius: 0.02rem;
    font-size: 0.07rem;
    color: #2563eb;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 0 0.075rem
}

.news-detail .detail .share-lable .lable a:hover {
    background-color: #d9e7fb
}

@media (max-width: 1024px) {
    .news-detail .detail .share-lable .lable a {
        font-size: 0.13rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: auto;
        padding: 0.05rem
    }
}

.news-detail .detail .share-con {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 0.125rem;
    font-size: 0.08rem;
    color: #666
}

@media (min-width: 1024px) and (max-width: 1800px) {
    .news-detail .detail .share-con {
        margin-left: 1.3020833333vw
    }
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .share-con {
        margin-left: 0;
        margin-top: 0.125rem
    }
}

.news-detail .detail .detail-ai {
    padding: 0.175rem 0
}

.news-detail .detail .detail-ai .ai-tit {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.05rem;
    padding-bottom: 0.175rem
}

.news-detail .detail .detail-ai .ai-tit>p {
    color: #1150da;
    font-size: 0.15rem;
    line-height: 0.175rem
}

@media (max-width: 1024px) {
    .news-detail .detail .detail-ai .ai-tit>p {
        font-size: 0.21rem;
        line-height: 2;
        font-weight: 500
    }
}

.news-detail .detail .detail-ai .ai-tit .line {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 0.01rem;
    background-color: #1150da
}

.news-detail .detail .detail-ai>p {
    font-size: 0.08rem;
    line-height: 0.175rem;
    color: #666
}

.news-detail .detail .detail-ai>p:not(:last-child) {
    margin-bottom: 0.08rem
}

@media (max-width: 1024px) {
    .news-detail .detail .detail-ai>p {
        font-size: 0.15rem;
        line-height: 2
    }
}

.news-detail .detail .article-labels {
    padding-bottom: 0.15rem;
    border-bottom: 0.005rem dashed rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .news-detail .detail .article-labels {
        padding-bottom: 0.3rem
    }
}

.news-detail .detail .article-labels .label-txt {
    font-size: 0.08rem;
    font-weight: bold;
    line-height: 0.225rem;
    color: #000
}

@media (max-width: 1024px) {
    .news-detail .detail .article-labels .label-txt {
        font-size: 0.13rem
    }
}

.news-detail .detail .article-labels .label-list {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.news-detail .detail .article-labels .label-list>a {
    font-size: 0.08rem;
    line-height: 0.21rem;
    color: #333
}

.news-detail .detail .article-labels .label-list>a.line {
    margin: 0 0.05rem
}

@media (max-width: 1024px) {
    .news-detail .detail .article-labels .label-list>a {
        font-size: 0.13rem
    }
}

.news-detail .detail .article-labels .label-list>a:hover {
    color: #2563eb
}

.news-detail .detail .newest-box .detail-title {
    text-align: left;
    font-size: 0.12rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .newest-box .detail-title {
        font-size: 0.21rem
    }
}

.news-detail .detail .newest-box .detail-title::before {
    content: "";
    width: 0.175rem;
    height: 0.06rem;
    background-color: #1150da;
    margin-right: 0.05rem
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .newest-box .detail-title::before {
        width: 0.25rem;
        height: 0.09rem
    }
}

.news-detail .detail .newest {
    padding-top: 0.09rem;
    padding: 0.09rem 0.15rem 0.15rem 0.225rem
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .newest {
        padding: 0.09rem 0.15rem 0.15rem 0.325rem
    }
}

.news-detail .detail .newest .item {
    display: block;
    margin-bottom: 0.26rem;
    position: relative
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .newest .item {
        margin-bottom: 0.3rem
    }
}

.news-detail .detail .newest .item:hover .title {
    color: #2563eb
}

.news-detail .detail .newest .item:hover .img-box img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.news-detail .detail .newest .item .img-box {
    overflow: hidden;
    position: relative;
    padding-bottom: 67.6315789474%;
    overflow: hidden;
    margin-bottom: 0.1rem
}

.news-detail .detail .newest .item .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

.news-detail .detail .newest .item .title {
    font-size: 0.09rem;
    color: #000;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 0.065rem;
    position: relative;
    font-weight: bold
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .newest .item .title {
        font-size: 0.16rem
    }
}

.news-detail .detail .newest .item .title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.news-detail .detail .newest .item .title::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.03rem;
    height: 0.03rem;
    background-color: #1150da;
    border-radius: 50%;
    margin-right: 0.035rem
}

.news-detail .detail .newest .item .date {
    font-size: 0.07rem;
    color: #777
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .newest .item .date {
        font-size: 0.12rem
    }
}

.news-detail .detail .newest .item .desc {
    font-size: 0.07rem;
    color: #666;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.11rem
}

@media screen and (max-width: 1024px) {
    .news-detail .detail .newest .item .desc {
        font-size: 0.12rem
    }
}

.news-detail .detail .join-list {
    position: relative;
    padding-bottom: 0.35rem
}

@media (max-width: 1024px) {
    .news-detail .detail .join-list {
        padding-bottom: 0.5rem;
        margin-top: 0.1rem
    }
}

.news-detail .detail .join-list>h1, .news-detail .detail .join-list>.h1 {
    font-size: 0.09rem;
    font-weight: bold;
    line-height: 0.15rem;
    margin-bottom: 0.05rem
}

@media (max-width: 1024px) {
    .news-detail .detail .join-list>h1, .news-detail .detail .join-list>.h1 {
        font-size: 0.19rem;
        margin-bottom: 0.15rem
    }
}

.news-detail .detail .join-list p {
    font-size: 0.09rem;
    margin-bottom: 0.15rem
}

@media (max-width: 1024px) {
    .news-detail .detail .join-list p {
        font-size: 0.15rem;
        line-height: 0.3rem
    }
}

.news-detail .detail .join-list .join-swiper {
    overflow: hidden;
    padding: 0.005rem
}

.news-detail .detail .join-list .join-swiper .swiper-slide {
    cursor: pointer;
    background-color: #f2f6ff;
    padding: 0.135rem 0.1rem;
    -webkit-box-shadow: 0 0 0 0.005rem #e4e9f6;
    box-shadow: 0 0 0 0.005rem #e4e9f6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333
}

.news-detail .detail .join-list .join-swiper .swiper-slide+h1, .news-detail .detail .join-list .join-swiper .swiper-slide>.h1 {
    font-size: 0.09rem;
    font-weight: bold;
    line-height: 0.15rem
}

@media (max-width: 1024px) {
    .news-detail .detail .join-list .join-swiper .swiper-slide+h1, .news-detail .detail .join-list .join-swiper .swiper-slide>.h1 {
        font-size: 0.14rem;
        line-height: 0.25rem;
        margin-bottom: 0.1rem
    }
}

.news-detail .detail .join-list .join-swiper .swiper-slide>a {
    width: 0.5rem;
    height: 0.185rem;
    color: #fff;
    line-height: 0.185rem;
    font-size: 0.07rem;
    background-color: #2563eb;
    text-align: center;
    border-radius: 0.2rem;
    margin-top: 0.05rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .news-detail .detail .join-list .join-swiper .swiper-slide>a {
        font-size: 0.12rem;
        width: auto;
        padding: 0.05rem 0.15rem;
        height: auto
    }
}

.news-detail .detail .join-list .join-swiper .swiper-slide>a:hover {
    background-color: #2dcef9
}

.news-detail .detail .join-list .pagination {
    position: absolute;
    left: 50%;
    bottom: 0.2rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 1024px) {
    .news-detail .detail .join-list .pagination {
        bottom: 0.25rem
    }
}

.news-detail .detail .join-list .pagination .swiper-pagination-bullet {
    width: 0.06rem;
    height: 0.06rem;
    margin: 0 0.025rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    background-color: #a8bbe3;
    opacity: 1
}

@media (max-width: 1024px) {
    .news-detail .detail .join-list .pagination .swiper-pagination-bullet {
        width: 0.1rem;
        height: 0.1rem
    }
}

.news-detail .detail .join-list .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #2563eb
}

.news-detail .detail-navigation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0.15rem
}

@media screen and (max-width: 1024px) {
    .news-detail .detail-navigation {
        margin-top: 0.2rem;
        margin-bottom: 0.3rem
    }
}

.news-detail .detail-navigation .box:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    max-width: 75%
}

.news-detail .detail-navigation .box a {
    display: block;
    font-size: 0.08rem;
    color: #000;
    line-height: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

@media screen and (max-width: 1024px) {
    .news-detail .detail-navigation .box a {
        font-size: 0.13rem;
        line-height: 2
    }
}

.news-detail .detail-navigation .box a:hover {
    color: #2563eb
}

.news-detail .detail-navigation .box .back-list {
    width: 1rem;
    height: 0.325rem;
    text-align: center;
    line-height: 0.325rem;
    color: #fff;
    background-color: #2563eb;
    font-size: 0.1rem;
    font-weight: bold;
    letter-spacing: 0.01rem;
    border-radius: 0.165rem;
    -webkit-box-shadow: 0 0.05rem 0.12rem 0.005rem rgba(37, 99, 235, 0.25);
    box-shadow: 0 0.05rem 0.12rem 0.005rem rgba(37, 99, 235, 0.25)
}

@media screen and (max-width: 1024px) {
    .news-detail .detail-navigation .box .back-list {
        width: 0.75rem;
        height: 0.3rem;
        line-height: 0.3rem;
        font-size: 0.12rem
    }
}

.news-detail .detail-navigation .box .back-list:hover {
    background-color: #2dcef9;
    color: #fff
}

.news-detail .more-news {
    margin-top: 0.2rem
}

@media (max-width: 1024px) {
    .news-detail .more-news {
        display: none
    }
}

.news-detail .more-news .title {
    font-size: 0.11rem;
    line-height: 0.15rem;
    letter-spacing: 0;
    color: #333;
    font-weight: 500
}

@media screen and (max-width: 1024px) {
    .news-detail .more-news .title {
        font-size: 0.15rem;
        line-height: 2
    }
}

.news-detail .more-news .hr {
    width: 100%;
    height: 0.02rem;
    background-color: #2563eb;
    margin-top: 0.13rem
}

.news-detail .more-news .list .list-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.2rem;
    padding: 0.1rem 0;
    border-bottom: 0.005rem dashed #aeb5df
}

@media (max-width: 1024px) {
    .news-detail .more-news .list .list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0.05rem
    }
}

.news-detail .more-news .list .list-item .date {
    font-size: 0.07rem;
    color: #999
}

@media (max-width: 1024px) {
    .news-detail .more-news .list .list-item .date {
        font-size: 0.13rem
    }
}

.news-detail .more-news .list .list-item .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.1rem;
    font-size: 0.08rem;
    color: #333;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.news-detail .more-news .list .list-item .title>img {
    height: 0.075rem;
    width: 0.05rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1024px) {
    .news-detail .more-news .list .list-item .title>img {
        width: 0.15rem;
        height: 0.1rem
    }
}

.news-detail .more-news .list .list-item .title>i {
    font-size: 0.08rem;
    line-height: 0.13rem;
    color: #a9a9a9
}

@media (max-width: 1024px) {
    .news-detail .more-news .list .list-item .title>i {
        font-size: 0.16rem;
        line-height: 0.3rem
    }
}

.news-detail .more-news .list .list-item .title p {
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 1024px) {
    .news-detail .more-news .list .list-item .title {
        font-size: 0.14rem;
        line-height: 2
    }
}

.news-detail .more-news .list .list-item:hover .date, .news-detail .more-news .list .list-item:hover .title, .news-detail .more-news .list .list-item:hover i {
    color: #2563eb
}

.news-detail .recommend {
    background-color: #fff;
    -webkit-box-shadow: 0.005rem 0.035rem 0 0 #d8e3ee;
    box-shadow: 0.005rem 0.035rem 0 0 #d8e3ee;
    border-radius: 0.05rem;
    border: dashed 0.005rem #d8e6f3;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.175rem
}

@media (max-width: 1024px) {
    .news-detail .recommend {
        margin-top: 0.1rem
    }
}

.news-detail .recommend .recommend-tit {
    position: absolute;
    top: -0.1rem;
    left: -0.005rem;
    width: 0.605rem;
    height: 0.2rem;
    background-color: #f0f7ff;
    -webkit-box-shadow: 0.01rem 0.01rem 0 0 rgba(202, 216, 231, 0.59);
    box-shadow: 0.01rem 0.01rem 0 0 rgba(202, 216, 231, 0.59);
    border-radius: 0.1rem 0.1rem 0.1rem 0;
    border: dashed 0.005rem #d8e3ee;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.09rem;
    color: #333;
    font-weight: bold
}

@media (max-width: 1024px) {
    .news-detail .recommend .recommend-tit {
        font-size: 0.17rem;
        width: 1rem;
        height: 0.35rem;
        top: -0.175rem;
        border-radius: 0.2rem 0.2rem 0.2rem 0
    }
}

.news-detail .recommend .info {
    padding: 0.2rem 0.275rem;
    position: relative;
    font-size: 0.07rem;
    color: #333;
    line-height: 0.15rem
}

@media (max-width: 1024px) {
    .news-detail .recommend .info {
        padding: 0.3rem;
        font-size: 0.15rem;
        line-height: 2;
        text-align: justify
    }
}

.news-detail .recommend .info::before {
    content: "\201c";
    color: #1150da;
    font-weight: bold;
    font-size: 0.3rem;
    position: absolute;
    top: 0.275rem;
    left: -0.05rem
}

@media (max-width: 1024px) {
    .news-detail .recommend .info::before {
        top: 0.2rem
    }
}

.news-detail .recommend .info::after {
    content: "\201d";
    color: #1150da;
    font-weight: bold;
    font-size: 0.3rem;
    position: absolute;
    bottom: 0.125rem;
    right: -0.05rem
}

@media (max-width: 1024px) {
    .news-detail .recommend .info::after {
        bottom: 0.075rem
    }
}

.news-detail .recommend .info p {
    margin-bottom: 0 !important
}

.news-detail .recommend .info p.block {
    line-height: 0.05rem
}

@media (max-width: 1024px) {
    .news-detail .recommend .info p.block {
        line-height: 0.15rem
    }
}

.news-detail .recommend .name {
    border-top: 0.005rem solid rgba(216, 227, 238, 0.5);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    padding-right: 0.125rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .news-detail .recommend .name {
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        padding-right: 0.3rem
    }
}

.news-detail .recommend .name .avatar {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 0.05rem
}

@media (max-width: 1024px) {
    .news-detail .recommend .name .avatar {
        width: 0.45rem;
        height: 0.45rem;
        margin-right: 0.1rem
    }
}

.news-detail .recommend .name .name-info .t {
    font-size: 0.08rem;
    color: #333;
    line-height: 0.125rem;
    font-weight: bold
}

@media (max-width: 1024px) {
    .news-detail .recommend .name .name-info .t {
        font-size: 0.16rem;
        line-height: 0.15rem
    }
}

.news-detail .recommend .name .name-info .p {
    font-size: 0.07rem;
    color: #666;
    line-height: 0.12rem
}

@media (max-width: 1024px) {
    .news-detail .recommend .name .name-info .p {
        font-size: 0.13rem;
        line-height: 0.225rem;
        margin-top: 0.05rem
    }
}

.posts-pup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -9999;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.posts-pup .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}

.posts-pup .box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 3.5rem;
    height: 3.25rem;
    border-radius: 0.1rem;
    background-color: #fff;
    padding: 0.075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media (min-width: 1080px) and (max-width: 1400px) {
    .posts-pup .box {
        height: 3.75rem
    }
}

@media (max-width: 1024px) {
    .posts-pup .box {
        height: 80vh
    }
}

.posts-pup .box .form {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.posts-pup .box .form iframe {
    height: 100% !important
}

.posts-pup .box .close {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.posts-pup .box .close .iconfont {
    color: #bcbcbc;
    font-size: 0.2rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer
}

@media (max-width: 1024px) {
    .posts-pup .box .close .iconfont {
        font-size: 0.25rem
    }
}

.posts-pup .box .close .iconfont:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg)
}

.posts-pup.show {
    z-index: 9999;
    opacity: 1;
    visibility: visible
}

.posts-pup.show .box {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.dev .dev-top-info {
    position: relative;
    padding: 0.56rem 0 0;
    border-bottom: 1Px dashed #ccd6ec
}

@media screen and (max-width: 1024px) {
    .dev .dev-top-info {
        padding: 0.56rem 0 0.45rem
    }
}

.dev .dev-top-info .symbol {
    position: absolute;
    font-family: Arial;
    font-weight: bold;
    font-size: 0.4rem;
    line-height: 0;
    color: #ccd6ec
}

.dev .dev-top-info .symbol:nth-of-type(1) {
    left: 0;
    top: 0.45rem
}

.dev .dev-top-info .symbol:nth-of-type(2) {
    right: 0;
    bottom: 0.225rem
}

@media screen and (max-width: 1024px) {
    .dev .dev-top-info .symbol:nth-of-type(2) {
        bottom: 0.225rem
    }
}

.dev .dev-top-info .symbol:nth-of-type(2)::before {
    content: "";
    width: 0.4rem;
    height: 0.01rem;
    background-color: #ccd6ec;
    position: absolute;
    right: 100%;
    top: 0;
    -webkit-transform: translateY(-0.1rem);
    -moz-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
    margin-right: 0.09rem
}

.dev .dev-top-info .title {
    font-size: 0.225rem;
    font-weight: bold;
    color: #2e3546;
    margin-bottom: 0.15rem
}

@media screen and (max-width: 1024px) {
    .dev .dev-top-info .title {
        font-size: 0.275rem
    }
}

.dev .dev-top-info .info {
    font-size: 0.12rem;
    color: #2e3546;
    line-height: 0.2rem;
    padding-right: 0.735rem;
    padding-bottom: 0.225rem
}

@media screen and (max-width: 1024px) {
    .dev .dev-top-info .info {
        padding-right: 0;
        font-size: 0.17rem;
        line-height: 1.8;
        padding-bottom: 0.15rem
    }
}

.dev .dev-ability {
    padding: 0.35rem 0 0.5rem
}

.dev .dev-ability .dev-ability-swiper {
    overflow: hidden;
    margin: 0.35rem 0.25rem 0
}

@media screen and (max-width: 1024px) {
    .dev .dev-ability .dev-ability-swiper {
        margin: 0.35rem 0.2rem 0
    }
}

.dev .dev-ability .dev-ability-swiper .swiper-slide {
    height: auto
}

@media (min-width: 1024px) {
    .dev .dev-ability .dev-ability-swiper .swiper-slide:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .dev .dev-ability .dev-ability-swiper .swiper-slide:nth-child(3) {
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        transition-delay: 0.4s
    }
}

.dev .dev-ability .dev-ability-swiper .item {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#def0ff));
    background-image: -moz-linear-gradient(bottom, #fff 0%, #def0ff 100%);
    background-image: linear-gradient(0deg, #fff 0%, #def0ff 100%);
    position: relative;
    min-height: 2.45rem;
    border-radius: 20Px 20Px 0 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.285rem 0.24rem 0;
    height: 100%
}

@media screen and (max-width: 1024px) {
    .dev .dev-ability .dev-ability-swiper .item {
        padding: 0.2rem 0.15rem 0.25rem;
        height: 100%
    }
}

.dev .dev-ability .dev-ability-swiper .item .img-box {
    text-align: center;
    margin-bottom: 0.225rem
}

@media screen and (max-width: 1024px) {
    .dev .dev-ability .dev-ability-swiper .item .img-box {
        margin-bottom: 0.225rem
    }
}

.dev .dev-ability .dev-ability-swiper .item .img-box img {
    max-width: 100%
}

@media screen and (max-width: 1024px) {
    .dev .dev-ability .dev-ability-swiper .item .img-box img {
        height: 1.15rem
    }
}

.dev .dev-ability .dev-ability-swiper .item .title {
    font-size: 0.11rem;
    color: #2e3546;
    text-align: center;
    font-weight: bold
}

@media screen and (max-width: 1024px) {
    .dev .dev-ability .dev-ability-swiper .item .title {
        font-size: 0.16rem
    }
}

.dev .dev-ability .dev-ability-swiper .item .desc {
    font-size: 0.08rem;
    line-height: 2;
    color: #2e3546;
    text-align: center;
    margin-top: 10Px
}

@media screen and (max-width: 1024px) {
    .dev .dev-ability .dev-ability-swiper .item .desc {
        font-size: 0.12rem
    }
}

.dev .dev-ability .dev-ability-pagination {
    margin-top: 0.15rem
}

.dev .dev-ability .base-box {
    margin-top: -0.1rem
}

@media screen and (max-width: 1024px) {
    .dev .dev-ability .base-box {
        margin-top: -2.5vw
    }
}

.dev .dev-ability .base-box img {
    max-width: 100%
}

.dev .dev-ability .base-box img:last-of-type {
    display: none
}

.dev .dev-ability .base-box img:first-of-type:last-of-type {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .dev .dev-ability .base-box img:first-of-type {
        display: none
    }

    .dev .dev-ability .base-box img:last-of-type {
        display: inline-block
    }
}

.dev .info-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1024px) {
    .dev .info-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.dev .info-section:not(:last-child) {
    border-bottom: 0.005rem solid #e4e8ef;
    padding-bottom: 0.525rem;
    margin-bottom: 0.45rem
}

@media screen and (max-width: 1024px) {
    .dev .info-section:not(:last-child) {
        padding-bottom: 0.4rem;
        margin-bottom: 0.25rem
    }
}

@media screen and (min-width: 1024px) {
    .dev .info-section.row-reverse, .dev .info-section:nth-of-type(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse
    }

    .dev .info-section.row-reverse .left, .dev .info-section:nth-of-type(even) .left {
        padding-right: 0;
        padding-left: 0.415rem
    }
}

.dev .info-section .left {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0.415rem;
    padding-top: 0.1rem
}

@media screen and (max-width: 1024px) {
    .dev .info-section .left {
        width: 100%;
        padding-right: 0;
        padding-top: 0.1rem;
        margin-bottom: 0.4rem
    }
}

.dev .info-section .left .top {
    border-bottom: 1Px dashed rgba(119, 119, 119, 0.2);
    padding-bottom: 0.2rem
}

.dev .info-section .left .top .title {
    font-size: 0.19rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.1rem
}

@media screen and (max-width: 1024px) {
    .dev .info-section .left .top .title {
        font-size: 0.2rem;
        margin-bottom: 0.15rem
    }
}

.dev .info-section .left .top .desc {
    font-size: 0.11rem;
    color: #777;
    line-height: 1.8;
    margin-bottom: 0.1rem
}

@media screen and (max-width: 1024px) {
    .dev .info-section .left .top .desc {
        font-size: 0.13rem;
        margin-bottom: 0.15rem
    }
}

.dev .info-section .left .top .tag-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.dev .info-section .left .top .tag-box .item {
    min-width: 0.75rem;
    height: 0.2rem;
    background-color: #fff;
    border: 1Px solid #dfeaf4;
    border-radius: 20Px;
    text-align: center;
    line-height: 0.2rem;
    color: #8094ae;
    font-size: 0.1rem;
    margin-right: 0.06rem
}

@media screen and (max-width: 1024px) {
    .dev .info-section .left .top .tag-box .item {
        font-size: 0.14rem;
        min-width: 0.9rem;
        height: 0.3rem;
        line-height: 0.3rem
    }
}

.dev .info-section .left .bottom {
    margin-top: 0.2rem
}

.dev .info-section .left .bottom .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 0.08rem;
    font-weight: bold;
    color: #777;
    line-height: 1.8
}

@media screen and (max-width: 1024px) {
    .dev .info-section .left .bottom .row {
        font-size: 0.13rem
    }
}

.dev .info-section .left .bottom .row:not(:last-child) {
    margin-bottom: 20Px
}

.dev .info-section .left .bottom .row .t {
    display: block;
    min-width: 0.5rem;
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.09rem;
    font-weight: bold;
    color: #333;
    text-align: center;
    border-radius: 20Px;
    background-color: #cde8fe;
    margin-right: 0.065rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 1024px) {
    .dev .info-section .left .bottom .row .t {
        min-width: 0.7rem;
        height: 0.3rem;
        line-height: 0.3rem;
        font-size: 0.14rem
    }
}

.dev .info-section .right {
    width: 51.25%
}

@media screen and (max-width: 1024px) {
    .dev .info-section .right {
        width: 100%
    }
}

.dev .info-section .right .img-box {
    border-radius: 20Px;
    overflow: hidden;
    position: relative;
    padding-bottom: 69.2073170732%;
    overflow: hidden
}

.dev .info-section .right .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

.dev .dev-api {
    background-color: #f1f4fa;
    padding: 0.4rem 0
}

.dev .dev-api .title-block {
    margin-bottom: 0.375rem
}

@media screen and (max-width: 1024px) {
    .dev .dev-api .title-block {
        margin-bottom: 0.2rem
    }
}

.dev .dev-wechat {
    padding: 0.45rem 0 0.65rem
}

.dev .dev-wechat .title-block {
    margin-bottom: 0.35rem
}

.custom .title-block .t {
    font-size: 0.23rem;
    font-weight: normal
}

.custom .button {
    font-size: 0.08rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #235fe2;
    border-radius: 0.12rem;
    padding: 0.08rem 0.215rem;
    line-height: 1;
    margin-top: 0.24rem;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s
}

.custom .button:hover {
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.005rem solid #fff
}

.custom .section-1 {
    padding: 0.49rem 0 0.5rem
}

@media (max-width: 768px) {
    .custom .section-1 {
        padding: 0.49rem 0 0.4rem
    }
}

@media (max-width: 768px) {
    .custom .section-1 .title-block .t {
        padding: 0;
        max-width: 100%;
        font-weight: bold
    }
}

.custom .section-1 .setup-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -0.05rem;
    width: 100%
}

.custom .section-1 .setup-list li {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 0.05rem;
    max-width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.custom .section-1 .item {
    border-radius: 0.1rem;
    position: relative
}

.custom .section-1 .item .front .img-box {
    position: relative;
    padding-bottom: 140%;
    overflow: hidden
}

.custom .section-1 .item .front .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

@media (max-width: 768px) {
    .custom .section-1 .item .front .img-box {
        border-radius: 0.1rem 0.1rem 0 0;
        position: relative;
        padding-bottom: 60.8695652174%;
        overflow: hidden
    }

    .custom .section-1 .item .front .img-box img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

.custom .section-1 .item .front .img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.custom .section-1 .item .front .img-box img.pc {
    display: block
}

.custom .section-1 .item .front .img-box img.m {
    display: none
}

@media (max-width: 768px) {
    .custom .section-1 .item .front .img-box img.pc {
        display: none
    }

    .custom .section-1 .item .front .img-box img.m {
        display: block
    }
}

.custom .section-1 .item .front .title {
    position: absolute;
    bottom: 0.11rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    visibility: visible;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s
}

@media (max-width: 768px) {
    .custom .section-1 .item .front .title {
        display: none
    }
}

.custom .section-1 .item .front .title span {
    width: 0.18rem;
    height: 0.18rem;
    border-radius: 50%;
    background-color: #2563eb;
    color: #fff;
    font-size: 0.08rem;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    line-height: 0.18rem;
    margin-right: 0.05rem
}

.custom .section-1 .item .front .title p {
    font-size: 0.1rem;
    color: #fff;
    font-weight: bold
}

.custom .section-1 .item .back {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 0.1rem;
    padding: 0.29rem 0.185rem 0.215rem;
    background-color: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    transition: 0.7s
}

@media (max-width: 768px) {
    .custom .section-1 .item .back {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: static;
        background-color: #edf3fc;
        opacity: 1;
        visibility: visible;
        border-radius: 0 0 0.1rem 0.1rem;
        text-align: left
    }
}

.custom .section-1 .item .back .title {
    text-align: center;
    font-size: 0.13rem;
    line-height: 1.3461538462;
    font-weight: bold;
    color: #fff;
    padding: 0 0.11rem;
    position: relative
}

@media (max-width: 768px) {
    .custom .section-1 .item .back .title {
        font-size: 0.175rem;
        color: #000;
        font-weight: bold;
        padding: 0
    }
}

.custom .section-1 .item .back .title::after {
    content: "";
    display: block;
    width: 0.09rem;
    height: 0.015rem;
    background-color: #fff;
    position: absolute;
    bottom: -0.095rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 768px) {
    .custom .section-1 .item .back .title::after {
        width: 0.09rem;
        height: 0.015rem;
        background-color: #235fe2;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.custom .section-1 .item .back .p {
    font-size: 0.08rem;
    color: #fff;
    line-height: 2.1875;
    margin-top: 0.21rem;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

@media (max-width: 768px) {
    .custom .section-1 .item .back .p {
        font-size: 0.135rem;
        color: #666;
        text-align: left;
        line-height: 1.75
    }
}

@media (max-width: 768px) {
    .custom .section-1 .item .back .button {
        font-size: 0.105rem
    }
}

.custom .section-1 .item:hover .back {
    visibility: visible;
    opacity: 1
}

.custom .section-1 .item:hover .front .title {
    visibility: hidden
}

.custom .section-1 .swiper-container {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
    padding: 0.1rem 0
}

.custom .section-1 .swiper-container .swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.15rem
}

.custom .section-1 .swiper-container .swiper-pagination {
    margin-top: 0.15rem;
    position: static;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.custom .section-1 .swiper-container .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 8Px;
    height: 8Px;
    border-radius: 4Px;
    border: none;
    opacity: 1;
    margin: 0 0.025rem;
    background: #2563eb;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.custom .section-1 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    width: 20Px
}

@media (max-width: 480px) {
    .custom .section-1 .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 6Px;
        height: 6Px
    }

    .custom .section-1 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        width: 18Px
    }
}

.custom .section-2 {
    padding: 0.5rem 0 0.525rem;
    background-repeat: no-repeat;
    background-size: cover
}

.custom .section-2 .title-block {
    margin-bottom: 0.35rem
}

.custom .section-2 .nav-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 25
}

.custom .section-2 .nav-list .nav-swiper {
    width: 100%;
    overflow: hidden
}

.custom .section-2 .nav-list .swiper-slide-thumb-active .item p {
    color: #235fe2;
    font-weight: bold
}

.custom .section-2 .nav-list .swiper-slide-thumb-active .item::after {
    background-color: #2563eb
}

.custom .section-2 .nav-list .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0.2rem;
    padding: 0 0.025rem 0.2rem;
    cursor: pointer
}

.custom .section-2 .nav-list .item img {
    height: 0.115rem;
    max-width: 100%;
    margin-right: 0.075rem
}

.custom .section-2 .nav-list .item p {
    font-size: 0.1rem;
    color: #072640
}

@media (max-width: 768px) {
    .custom .section-2 .nav-list .item p {
        font-size: 0.14rem
    }
}

@media (max-width: 425px) {
    .custom .section-2 .nav-list .item p {
        font-size: 0.12rem
    }
}

.custom .section-2 .nav-list .item::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.01rem;
    position: absolute;
    bottom: 0
}

.custom .section-2 .img-list {
    margin-top: -0.01rem;
    padding: 0.2rem;
    background-color: #fff;
    border-top: 0.01rem solid rgba(37, 99, 235, 0.2);
    -webkit-box-shadow: 0 0.04rem 0.1rem 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.04rem 0.1rem 0 rgba(0, 0, 0, 0.2)
}

@media (max-width: 1024px) {
    .custom .section-2 .img-list {
        padding: 0.1rem
    }
}

.custom .section-2 .img-swiper {
    overflow: hidden
}

.custom .section-2 .img-wrapper {
    position: relative
}

.custom .section-2 .img-wrapper .img-box {
    border-radius: 0.1rem;
    position: relative;
    padding-bottom: 40%;
    overflow: hidden
}

.custom .section-2 .img-wrapper .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

@media (max-width: 768px) {
    .custom .section-2 .img-wrapper .img-box {
        position: relative;
        padding-bottom: 120%;
        overflow: hidden
    }

    .custom .section-2 .img-wrapper .img-box img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

.custom .section-2 .img-wrapper .img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.custom .section-2 .img-wrapper .img-box img.pc {
    display: block
}

.custom .section-2 .img-wrapper .img-box img.m {
    display: none
}

@media (max-width: 768px) {
    .custom .section-2 .img-wrapper .img-box img.pc {
        display: none
    }

    .custom .section-2 .img-wrapper .img-box img.m {
        display: block
    }
}

.custom .section-2 .img-wrapper .info {
    position: absolute;
    top: 0;
    padding: 0.49rem 0.55rem 0;
    border-radius: 0.1rem
}

@media (max-width: 768px) {
    .custom .section-2 .img-wrapper .info {
        padding: 0.49rem 0.45rem 0
    }
}

.custom .section-2 .img-wrapper .info .title {
    font-size: 0.14rem;
    font-weight: bold;
    color: #fff;
    position: relative
}

@media (max-width: 768px) {
    .custom .section-2 .img-wrapper .info .title {
        font-size: 0.17rem
    }
}

.custom .section-2 .img-wrapper .info .title::after {
    content: "";
    display: block;
    width: 0.075rem;
    height: 0.015rem;
    background-color: #235fe2;
    position: absolute;
    bottom: -0.15rem
}

.custom .section-2 .img-wrapper .info .p {
    font-size: 0.08rem;
    color: #fff;
    margin-top: 0.36rem;
    line-height: 2.1875;
    width: 2.01rem;
    text-align: justify
}

@media (max-width: 768px) {
    .custom .section-2 .img-wrapper .info .p {
        font-size: 0.13rem
    }
}

@media (max-width: 768px) {
    .custom .section-2 .img-wrapper .info .button {
        width: 0.8rem;
        height: 0.25rem;
        line-height: 0.25rem;
        border-radius: 0.25rem;
        font-size: 0.12rem
    }

    .custom .section-2 .img-wrapper .info .button:hover {
        background-color: transparent;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border: 0.005rem solid #fff
    }
}

.custom .section-3 {
    padding: 0.675rem 0 0.97rem;
    position: relative;
    overflow: hidden
}

.custom .section-3 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/page_6.jpg);
    z-index: -1
}

.custom .section-3 .title-block .t {
    color: #fff
}

.custom .section-3 .p {
    padding: 0 0.91rem;
    font-size: 0.08rem;
    line-height: 2.1875;
    color: #fff;
    margin-bottom: 0.375rem;
    text-align: center
}

@media (max-width: 1024px) {
    .custom .section-3 .p {
        padding: 0 0.26rem;
        font-size: 0.13rem;
        text-align: justify
    }
}

.custom .section-3 .item-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 25
}

@media (max-width: 1024px) {
    .custom .section-3 .item-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.custom .section-3 .item-list .item {
    border-radius: 0.05rem;
    background-color: #ebf2fc;
    width: 20600%;
    padding: 0.22rem 0 0.2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.custom .section-3 .item-list .item:not(:last-child) {
    margin-right: 0.04rem
}

@media (max-width: 1024px) {
    .custom .section-3 .item-list .item {
        width: 32%;
        margin-bottom: 0.075rem
    }

    .custom .section-3 .item-list .item:not(:last-child) {
        margin-right: 0
    }

    .custom .section-3 .item-list .item:nth-child(1) {
        -webkit-box-ordinal-group: -2;
        -moz-box-ordinal-group: -2;
        -ms-flex-order: -3;
        order: -3
    }

    .custom .section-3 .item-list .item:nth-child(2) {
        -webkit-box-ordinal-group: -1;
        -moz-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2
    }

    .custom .section-3 .item-list .item:nth-child(3) {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .custom .section-3 .item-list .item:nth-child(3) .iconfont {
        right: auto;
        top: auto;
        bottom: -0.15rem
    }

    .custom .section-3 .item-list .item:nth-child(3) .iconfont::before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left: 0.005rem
    }

    .custom .section-3 .item-list .item:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .custom .section-3 .item-list .item:nth-child(4) .iconfont {
        display: none
    }

    .custom .section-3 .item-list .item:nth-child(5) {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .custom .section-3 .item-list .item:nth-child(5) .iconfont::before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-right: -0.03rem
    }

    .custom .section-3 .item-list .item:nth-child(6) {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .custom .section-3 .item-list .item:nth-child(6) .iconfont::before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-right: -0.03rem
    }
}

.custom .section-3 .item-list .item .img-box {
    margin-bottom: 0.2rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer
}

.custom .section-3 .item-list .item .img-box img {
    height: 0.41rem;
    width: 0.45rem
}

.custom .section-3 .item-list .item .img-box:hover {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    transform: translateY(-15%)
}

.custom .section-3 .item-list .item .title {
    font-size: 0.09rem;
    font-weight: bold;
    color: #333
}

@media (max-width: 1024px) {
    .custom .section-3 .item-list .item .title {
        font-size: 0.14rem
    }
}

.custom .section-3 .item-list .item .iconfont {
    -webkit-box-shadow: -0.005rem -0.01rem 0.12rem 0 rgba(37, 99, 235, 0.2);
    box-shadow: -0.005rem -0.01rem 0.12rem 0 rgba(37, 99, 235, 0.2);
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: -0.11rem;
    top: 0.34rem;
    z-index: 26
}

@media (max-width: 1024px) {
    .custom .section-3 .item-list .item .iconfont {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.custom .section-3 .item-list .item .iconfont::before {
    font-size: 0.12rem;
    color: rgba(37, 99, 235, 0.5);
    margin-left: -0.025rem
}

.custom .section-3 .item-list .item:last-child .iconfont {
    display: none
}

@media (max-width: 1024px) {
    .custom .section-3 .item-list .item:last-child .iconfont {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.custom .section-3 .particle-1 {
    z-index: 22;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.custom .section-4 {
    position: relative
}

.custom .section-4 .section-bg {
    width: 100%;
    position: relative;
    position: relative;
    padding-bottom: 40.1471361009%;
    overflow: hidden
}

.custom .section-4 .section-bg img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

@media (max-width: 768px) {
    .custom .section-4 .section-bg {
        position: relative;
        padding-bottom: 125.2%;
        overflow: hidden
    }

    .custom .section-4 .section-bg img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

.custom .section-4 .section-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.custom .section-4 .section-bg img.pc {
    display: block
}

.custom .section-4 .section-bg img.m {
    display: none
}

@media (max-width: 768px) {
    .custom .section-4 .section-bg img.pc {
        display: none
    }

    .custom .section-4 .section-bg img.m {
        display: block
    }
}

.custom .section-4 .center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin-top: -0.04rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 768px) {
    .custom .section-4 .center {
        margin-top: -0.02rem
    }
}

@media (max-width: 320px) {
    .custom .section-4 .center {
        margin-top: -0.075rem
    }
}

@media (max-width: 320px) {
    .custom .section-4 .center {
        margin-top: -0.04rem
    }
}

.custom .section-4 .center .img-box img {
    width: 4.24rem;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.custom .section-4 .center .img-box img.pc {
    display: block
}

.custom .section-4 .center .img-box img.m {
    display: none
}

@media (max-width: 1440px) {
    .custom .section-4 .center .img-box img {
        width: 3.75rem
    }
}

@media (max-width: 768px) {
    .custom .section-4 .center .img-box img {
        width: 3.75rem
    }

    .custom .section-4 .center .img-box img.pc {
        display: none
    }

    .custom .section-4 .center .img-box img.m {
        display: block
    }
}

.custom .section-4 .center .info {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center
}

.custom .section-4 .center .title {
    font-size: 0.275rem;
    color: #000;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.15rem
}

@media (max-width: 768px) {
    .custom .section-4 .center .title {
        font-size: 0.2rem
    }
}

.custom .section-4 .center .p {
    font-size: 0.12rem;
    color: #000;
    letter-spacing: 0.035rem
}

@media (max-width: 768px) {
    .custom .section-4 .center .p {
        font-size: 0.15rem
    }
}

.custom .section-4 .center .button {
    padding: 0.09rem 0.335rem;
    border-radius: 0.13rem
}

@media (max-width: 768px) {
    .custom .section-4 .center .button {
        font-size: 0.12rem
    }
}

.custom .section-4 .center .button:hover {
    border: none;
    background-color: #1b54d0
}

@media (max-width: 1024px) {
    .pc {
        display: none
    }
}

.m {
    display: none
}

@media (max-width: 1024px) {
    .m {
        display: block
    }
}

.footer .custom-footer .footer-bottom {
    background-color: #132131
}

.footer .custom-footer .footer-bottom .footer-nav {
    border-bottom: 0.005rem dashed rgba(255, 255, 255, 0.05)
}

.footer .custom-footer .footer-bottom .footer-nav-wrapper {
    padding: 0.2rem 0 0.07rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .footer .custom-footer .footer-bottom .footer-nav-wrapper {
        padding: 0.35rem 0
    }
}

.footer .custom-footer .footer-bottom .footer-nav .item {
    line-height: 1
}

@media (max-width: 1024px) {
    .footer .custom-footer .footer-bottom .footer-nav .item {
        display: none
    }
}

.footer .custom-footer .footer-bottom .footer-nav .item:not(:last-child) {
    margin-right: 0.45rem
}

.footer .custom-footer .footer-bottom .footer-nav .item .title {
    margin-bottom: 0.1rem
}

.footer .custom-footer .footer-bottom .footer-nav .item .title a {
    font-size: 0.09rem;
    color: #dae1ea;
    font-weight: bold
}

.footer .custom-footer .footer-bottom .footer-nav .item .nav-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer .custom-footer .footer-bottom .footer-nav .item .nav-list:not(:last-child) {
    margin-right: 0.2rem
}

.footer .custom-footer .footer-bottom .footer-nav .item .nav-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.footer .custom-footer .footer-bottom .footer-nav .item .nav-box dt a {
    font-size: 0.075rem;
    color: #dae1ea;
    font-weight: bold
}

.footer .custom-footer .footer-bottom .footer-nav .item .nav-box dd a {
    font-size: 0.075rem;
    color: rgba(218, 225, 234, 0.7)
}

.footer .custom-footer .footer-bottom .footer-nav .item .nav-box a {
    display: block;
    white-space: nowrap;
    line-height: 2.6666666667
}

.footer .custom-footer .footer-bottom .footer-nav .item .nav-box a:hover {
    color: #fff
}

.footer .custom-footer .footer-bottom .footer-nav .contact-us .title {
    margin-bottom: 0.1rem
}

.footer .custom-footer .footer-bottom .footer-nav .contact-us .title a {
    font-size: 0.09rem;
    color: #dae1ea;
    font-weight: bold
}

@media (max-width: 1024px) {
    .footer .custom-footer .footer-bottom .footer-nav .contact-us .title {
        font-size: 0.12rem;
        margin-bottom: 0.1rem
    }
}

.footer .custom-footer .footer-bottom .footer-nav .contact-us p {
    font-size: 0.075rem;
    color: rgba(218, 225, 234, 0.7);
    line-height: 2.6666666667
}

@media (max-width: 1024px) {
    .footer .custom-footer .footer-bottom .footer-nav .contact-us p {
        font-size: 0.115rem;
        line-height: 2.2222222222
    }
}

/* .footer .custom-footer .footer-bottom .copyright {
    padding: 0.28rem 0 0.36rem
} */

.footer .custom-footer .footer-bottom .copyright .left .link a {
    color: rgba(255, 255, 255, 0.6)
}

.footer .custom-footer .footer-bottom .copyright .left .link a:hover {
    color: #fff
}

.footer .custom-footer .footer-bottom .copyright .left .address {
    font-size: 0.075rem;
    color: rgba(218, 225, 234, 0.7);
    line-height: 0.15rem
}

@media (max-width: 1024px) {
    .footer .custom-footer .footer-bottom .copyright .left .address {
        font-size: 0.115rem;
        line-height: 2.2222222222
    }
}

.footer .custom-footer .footer-bottom .copyright .left .contact {
    margin-top: 0.05rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer .custom-footer .footer-bottom .copyright .left .contact p {
    margin-right: 0.05rem;
    font-size: 0.08rem;
    color: rgba(218, 225, 234, 0.7);
    line-height: 2
}

@media (max-width: 1024px) {
    .footer .custom-footer .footer-bottom .copyright .left .contact p {
        font-size: 0.115rem;
        line-height: 2.2222222222
    }
}

.footer .custom-footer .footer-bottom .copyright .footer-qrcode .item .icon {
    background-color: #1d2f43
}

.consult>section {
    padding-top: 0.45rem
}

.consult>section:nth-child(odd) {
    background-color: #fff
}

.consult>section:nth-child(even) {
    background-color: #E9F0FB
}

.consult .section-1 {
    padding-bottom: 0.175rem
}

.consult .section-1 .img-box {
    margin-top: 0.225rem;
    text-align: center
}

.consult .section-1 .img-box img {
    max-width: 100%
}

.consult .section-1 .img-box img:last-of-type {
    display: none
}

.consult .section-1 .img-box img:first-of-type:last-of-type {
    display: inline-block
}

@media screen and (max-width: 1024px) {
    .consult .section-1 .img-box img:first-of-type {
        display: none
    }

    .consult .section-1 .img-box img:last-of-type {
        display: inline-block
    }
}

@media screen and (max-width: 1024px) {
    .consult .section-1 .img-box img {
        width: 3.55rem
    }
}

.consult .section-2 {
    padding-bottom: 0.5rem;
    background-repeat: no-repeat;
    background-size: cover
}

.consult .section-2 .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.225rem -0.025rem 0;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list {
        display: block;
        margin: 0.225rem 0 0
    }
}

.consult .section-2 .list li {
    width: 23.4375%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.025rem;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    transition: 0.8s
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list li {
        width: 100%;
        height: 0.95rem;
        padding: 0
    }

    .consult .section-2 .list li+li {
        margin-top: 0.1rem
    }
}

.consult .section-2 .list li.active {
    width: 53.125%
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list li.active {
        width: 100%;
        height: 2.43rem
    }
}

.consult .section-2 .list li.active .hover-content {
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.consult .section-2 .list li.active .s-title {
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.consult .section-2 .list .item {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 0.1rem
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list .item {
        height: 100%
    }
}

.consult .section-2 .list .item::after {
    content: "";
    width: 90%;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(0, 0, 0, 0.9)), to(transparent));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 10%, transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 10%, transparent);
    position: absolute;
    z-index: 3;
    height: 100%;
    top: 0;
    left: 0
}

.consult .section-2 .list .hover-content {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: 1.75rem;
    padding-left: 0.2rem;
    padding-top: 0.43rem;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list .hover-content {
        max-width: 100%;
        padding: 0.2rem 0.15rem 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

.consult .section-2 .list .hover-content .b-title {
    font-weight: bold;
    font-size: 0.16rem;
    color: #fff;
    margin-bottom: 0.1rem
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list .hover-content .b-title {
        font-size: 0.2rem
    }
}

.consult .section-2 .list .hover-content .desc {
    font-size: 0.08rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0.15rem
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list .hover-content .desc {
        font-size: 0.12rem
    }
}

.consult .section-2 .list .hover-content .icon-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 0.005rem dashed rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 0.08rem;
    font-weight: bold;
    padding-top: 0.17rem;
    margin-bottom: 0.3rem
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list .hover-content .icon-box {
        font-size: 0.12rem
    }
}

.consult .section-2 .list .hover-content .icon-box .icon-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.consult .section-2 .list .hover-content .icon-box .icon-item img {
    margin-right: 0.05rem
}

.consult .section-2 .list .hover-content .icon-box .icon-item+.icon-item {
    margin-left: 0.17rem
}

.consult .section-2 .list .hover-content .btn {
    font-weight: bold;
    width: 0.75rem;
    height: 0.24rem;
    color: #fff;
    background-color: #2563eb;
    border-radius: 0.12rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.08rem;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    line-height: 1;
    border: none;
    cursor: pointer
}

.consult .section-2 .list .hover-content .btn:hover {
    background-color: #134cca
}

.consult .section-2 .list .hover-content .btn:hover .iconfont {
    -webkit-transform: translateY(-0.01rem) rotateY(360deg);
    -moz-transform: translateY(-0.01rem) rotateY(360deg);
    transform: translateY(-0.01rem) rotateY(360deg)
}

.consult .section-2 .list .hover-content .btn .iconfont {
    font-size: 0.09rem;
    margin-right: 0.02rem;
    -webkit-transform: translateY(-0.01rem);
    -moz-transform: translateY(-0.01rem);
    transform: translateY(-0.01rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list .hover-content .btn {
        width: 1rem;
        height: 0.3rem;
        color: #fff;
        background-color: #2563eb;
        border-radius: 0.15rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.12rem;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        line-height: 1;
        border: none;
        cursor: pointer
    }

    .consult .section-2 .list .hover-content .btn:hover {
        background-color: #134cca
    }

    .consult .section-2 .list .hover-content .btn:hover .iconfont {
        -webkit-transform: translateY(-0.01rem) rotateY(360deg);
        -moz-transform: translateY(-0.01rem) rotateY(360deg);
        transform: translateY(-0.01rem) rotateY(360deg)
    }

    .consult .section-2 .list .hover-content .btn .iconfont {
        font-size: 0.09rem;
        margin-right: 0.02rem;
        -webkit-transform: translateY(-0.01rem);
        -moz-transform: translateY(-0.01rem);
        transform: translateY(-0.01rem);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

.consult .section-2 .list .s-title {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    z-index: 5;
    color: #fff;
    text-align: center;
    font-size: 0.1rem;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 0.2rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list .s-title {
        height: 100%;
        font-size: 0.18rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.consult .section-2 .list .img-box {
    height: 2.43rem;
    width: 100%;
    overflow: hidden
}

.consult .section-2 .list .img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

@media screen and (max-width: 1024px) {
    .consult .section-2 .list .img-box {
        height: 100%
    }
}

.consult .section-2 .list .img-box img {
    -o-object-position: center center;
    object-position: center center
}

.consult .section-3 {
    padding-bottom: 0.55rem
}

.consult .section-3 .head-swiper {
    overflow: hidden;
    height: 0.5rem;
    margin-top: 0.23rem
}

.consult .section-3 .head-swiper .swiper-wrapper {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.consult .section-3 .head-swiper .swiper-slide {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (min-width: 1024px) {
    .consult .section-3 .head-swiper .swiper-slide:first-child .item {
        border-radius: 0.1rem 0 0
    }

    .consult .section-3 .head-swiper .swiper-slide:last-child .item {
        border-radius: 0 0.1rem 0 0
    }
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .head-swiper .swiper-slide .item {
        border-radius: 0.1rem 0.1rem 0 0
    }
}

.consult .section-3 .head-swiper .swiper-slide:not(:last-child) .item {
    border-right: 0.005rem solid rgba(255, 255, 255, 0.1)
}

.consult .section-3 .head-swiper .swiper-slide-thumb-active .item {
    height: 0.5rem;
    border-radius: 0.1rem 0.1rem 0 0 !important;
    background-color: #235fe2
}

.consult .section-3 .head-swiper .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.4rem;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-color: #6B80AE;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%
}

.consult .section-3 .head-swiper .item:hover {
    background-color: #235fe2
}

.consult .section-3 .head-swiper .item .text {
    font-size: 0.1rem
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .head-swiper .item .text {
        font-size: 0.14rem
    }
}

.consult .section-3 .head-swiper .item .num {
    font-size: 0.14rem;
    font-family: "Barlow";
    opacity: 0.4;
    font-style: italic;
    margin-right: 0.05rem
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .head-swiper .item .num {
        font-size: 0.17rem
    }
}

.consult .section-3 .content-swiper {
    position: relative
}

.consult .section-3 .content-swiper-box {
    padding: 0.1rem;
    border-radius: 0 0 0.1rem 0.1rem;
    border: solid 0.005rem #6b80ae;
    background-color: #fff;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper-box {
        padding: 0.075rem
    }
}

.consult .section-3 .content-swiper .shadow {
    position: absolute;
    z-index: 5;
    bottom: -0.3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100%
}

.consult .section-3 .content-swiper .item {
    position: relative;
    z-index: 10;
    background-color: #25303D
}

.consult .section-3 .content-swiper .item::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(37%, #25303D), color-stop(50%, rgba(37, 48, 61, 0.95)), color-stop(70%, transparent));
    background-image: -moz-linear-gradient(left, #25303D 37%, rgba(37, 48, 61, 0.95) 50%, transparent 70%);
    background-image: linear-gradient(90deg, #25303D 37%, rgba(37, 48, 61, 0.95) 50%, transparent 70%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item::after {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(37%, #25303D), color-stop(50%, rgba(37, 48, 61, 0.95)), color-stop(70%, transparent));
        background-image: -moz-linear-gradient(top, #25303D 37%, rgba(37, 48, 61, 0.95) 50%, transparent 70%);
        background-image: linear-gradient(180deg, #25303D 37%, rgba(37, 48, 61, 0.95) 50%, transparent 70%)
    }
}

.consult .section-3 .content-swiper .item .tag {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background-color: #f5b805;
    border-radius: 0 0 0 0.05rem;
    line-height: 1;
    padding: 0.045rem 0.06rem;
    z-index: 10
}

.consult .section-3 .content-swiper .item .img {
    width: 65.1050080775%;
    margin-left: auto
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .img {
        width: 100%
    }
}

.consult .section-3 .content-swiper .item .img-box {
    position: relative;
    padding-bottom: 58.3126550868%;
    overflow: hidden
}

.consult .section-3 .content-swiper .item .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .img-box {
        position: relative;
        padding-bottom: 111.6625310174%;
        overflow: hidden
    }

    .consult .section-3 .content-swiper .item .img-box img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

.consult .section-3 .content-swiper .item .content-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    padding-left: 0.3rem;
    padding-top: 0.18rem
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .content-box {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0.25rem 0 0 0.25rem
    }
}

.consult .section-3 .content-swiper .item .content-box .content-item:not(:last-child) {
    margin-bottom: 0.2rem
}

.consult .section-3 .content-swiper .item .content-box .title {
    font-size: 0.1rem;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    position: relative
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .content-box .title {
        font-size: 0.15rem
    }
}

.consult .section-3 .content-swiper .item .content-box .title::after {
    content: "";
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    border: 0.015rem solid #235fe2;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .content-box .title::after {
        width: 0.1rem;
        height: 0.1rem;
        border-width: 0.03rem
    }
}

.consult .section-3 .content-swiper .item .content-box .title-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.1rem
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .content-box .title-list {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }
}

.consult .section-3 .content-swiper .item .content-box .title-list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.23rem;
    border-radius: 0.05rem;
    background-color: #364352;
    text-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 0.08rem;
    min-width: 0.75rem;
    padding: 0 0.075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .content-box .title-list li {
        font-size: 0.11rem;
        height: 0.4rem;
        width: 0.95rem
    }
}

.consult .section-3 .content-swiper .item .content-box .title-list li:not(:last-child) {
    margin-right: 0.05rem
}

.consult .section-3 .content-swiper .item .content-box .title-list li img {
    margin-right: 0.05rem
}

.consult .section-3 .content-swiper .item .content-box .desc-list {
    margin-top: 0.1rem
}

.consult .section-3 .content-swiper .item .content-box .desc-list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 0.09rem;
    font-weight: bold;
    color: #fff;
    padding: 0.14rem 0;
    border-top: 0.005rem dashed rgba(124, 134, 179, 0.2)
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .content-box .desc-list li {
        font-size: 0.12rem;
        display: block
    }
}

.consult .section-3 .content-swiper .item .content-box .desc-list img {
    margin-right: 0.15rem
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .content-box .desc-list img {
        width: 0.15rem;
        margin-right: 0.05rem
    }
}

.consult .section-3 .content-swiper .item .content-box .desc-list .text {
    font-size: 0.08rem;
    color: #fff;
    opacity: 0.6;
    margin-left: 0.35rem;
    font-weight: normal
}

@media screen and (max-width: 1024px) {
    .consult .section-3 .content-swiper .item .content-box .desc-list .text {
        font-size: 0.12rem;
        margin-left: 0;
        line-height: 1.5;
        display: block;
        margin-top: 0.05rem
    }
}

.consult .section-4 {
    padding-bottom: 0.53rem
}

.consult .section-4 .wrapper {
    margin-top: 0.22rem;
    position: relative
}

.consult .section-4 .nav-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .consult .section-4 .nav-btn {
        display: none
    }
}

.consult .section-4 .nav-btn img {
    -webkit-animation: pulse 1.2s linear infinite;
    -moz-animation: pulse 1.2s linear infinite;
    animation: pulse 1.2s linear infinite;
    width: auto;
    height: 0.3rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 480px) {
    .consult .section-4 .nav-btn img {
        height: 46Px
    }
}

.consult .section-4 .nav-btn.prev-btn {
    right: 100%;
    margin-right: 0.125rem
}

.consult .section-4 .nav-btn.next-btn {
    left: 100%;
    margin-left: 0.125rem
}

.consult .section-4 .pagination {
    text-align: center;
    margin-top: 0.25rem
}

.consult .section-4 .pagination .swiper-pagination-bullet {
    width: 0.06rem;
    height: 0.06rem;
    background-color: #99c0f7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    margin: 0 0.03rem;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.consult .section-4 .pagination .swiper-pagination-bullet-active {
    background-color: #186de4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0.15rem;
    border-radius: 0.03rem
}

@media screen and (max-width: 1024px) {
    .consult .section-4 .pagination .swiper-pagination-bullet-active {
        border-radius: 0.045rem
    }
}

.consult .swiper {
    overflow: hidden;
    padding: 0.135rem;
    margin: -0.135rem
}

.consult .swiper .swiper-slide {
    width: 3.1rem;
    margin-right: 0.2rem
}

.consult .swiper .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 0.005rem solid rgba(35, 95, 226, 0.3);
    border-radius: 0.1rem;
    -webkit-box-shadow: 0 0.045rem 0.135rem 0 rgba(41, 64, 99, 0.1);
    box-shadow: 0 0.045rem 0.135rem 0 rgba(41, 64, 99, 0.1);
    padding: 0.15rem;
    background-image: -moz-linear-gradient(66deg, #ebf1fe 0%, #fff 100%);
    background-image: linear-gradient(24deg, #ebf1fe 0%, #fff 100%)
}

.consult .swiper .item .img {
    width: 1.2rem
}

.consult .swiper .item .img .img-box {
    border-radius: 0.1rem;
    position: relative;
    padding-bottom: 166.6666666667%;
    overflow: hidden
}

.consult .swiper .item .img .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

.consult .swiper .item .info-box {
    padding-left: 0.15rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 0.1rem
}

@media screen and (max-width: 1024px) {
    .consult .swiper .item .info-box {
        padding-top: 0
    }
}

.consult .swiper .item .info-box .title {
    font-weight: bold;
    font-size: 0.12rem;
    color: #072640;
    margin-bottom: 0.1rem
}

@media screen and (max-width: 1024px) {
    .consult .swiper .item .info-box .title {
        font-size: 0.16rem
    }
}

.consult .swiper .item .info-box .desc-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ebf1fe;
    border: 0.005rem solid rgba(35, 95, 226, 0.3);
    border-radius: 0.05rem;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .consult .swiper .item .info-box .desc-box {
        display: block
    }
}

.consult .swiper .item .info-box .desc-box .icon {
    background-color: #235fe2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0.3rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 1024px) {
    .consult .swiper .item .info-box .desc-box .icon {
        display: none
    }
}

.consult .swiper .item .info-box .desc-box .icon img {
    width: 0.145rem
}

.consult .swiper .item .info-box .desc-box .desc {
    font-size: 0.07rem;
    color: #072640;
    line-height: 0.125rem;
    font-weight: bold;
    padding: 0.025rem 0.015rem 0.025rem 0.05rem
}

@media screen and (max-width: 1024px) {
    .consult .swiper .item .info-box .desc-box .desc {
        font-size: 0.12rem;
        line-height: 1.5
    }
}

.consult .swiper .item .info-box .info {
    font-size: 0.075rem;
    line-height: 2;
    color: #44586b;
    margin-top: 0.1rem
}

@media screen and (max-width: 1024px) {
    .consult .swiper .item .info-box .info {
        font-size: 0.12rem
    }
}

.new-right {
    width: 1.7rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 0.25rem
}

@media (max-width: 1024px) {
    .new-right {
        width: 100%
    }
}

.new-right .sec-1 {
    background-color: #fff;
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.05rem
}

.new-right .sec-1 .new-right-swiper {
    position: relative;
    padding-bottom: 0.3rem
}

.new-right .sec-1 .new-right-swiper .swiper {
    overflow: hidden
}

.new-right .sec-1 .new-right-swiper .swiper-slide {
    position: relative
}

.new-right .sec-1 .new-right-swiper .swiper-slide>img {
    width: 100%;
    height: auto
}

.new-right .sec-1 .new-right-swiper .swiper-slide>img.m {
    display: none
}

@media (max-width: 1024px) {
    .new-right .sec-1 .new-right-swiper .swiper-slide>img.m {
        display: block
    }
}

@media (max-width: 1024px) {
    .new-right .sec-1 .new-right-swiper .swiper-slide>img.pc {
        display: none
    }
}

.new-right .sec-1 .new-right-swiper .swiper-slide>a {
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    width: 1rem;
    line-height: 0.21rem;
    background-color: #2563eb;
    font-size: 0.07rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0.15rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .new-right .sec-1 .new-right-swiper .swiper-slide>a {
        border-radius: 0.2rem;
        bottom: 0.2rem;
        width: 80%;
        font-size: 0.13rem;
        line-height: 0.35rem
    }
}

.new-right .sec-1 .new-right-swiper .swiper-slide>a:hover {
    background-color: #2dcef9
}

.new-right .sec-1 .new-right-swiper .pagination {
    bottom: 0.1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new-right .sec-1 .new-right-swiper .pagination .swiper-pagination-bullet {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.new-right .sec-1 .new-right-swiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    margin: 0 0.05rem;
    border-radius: 0.05rem;
    width: 0.11rem;
    height: 0.04rem
}

@media (max-width: 1024px) {
    .new-right .sec-1 .new-right-swiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 0.15rem;
        height: 0.075rem
    }
}

.new-right .sec-1 .right-list {
    padding: 0.1rem 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.new-right .sec-1 .right-list>a {
    margin-top: 0.1rem
}

@media (max-width: 1024px) {
    .new-right .sec-1 .right-list>a {
        margin-top: 0.15rem
    }
}

.new-right .sec-1 .right-list>a:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .new-right .sec-1 .right-list>a:first-child {
        margin-top: 0.15rem
    }
}

.new-right .sec-1 .right-list>a .title {
    font-size: 0.075rem;
    line-height: 0.13rem;
    letter-spacing: 0;
    color: #333
}

@media screen and (max-width: 1024px) {
    .new-right .sec-1 .right-list>a .title {
        font-size: 0.14rem;
        line-height: 0.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }
}

.new-right .sec-1 .right-list>a .date {
    font-size: 0.06rem;
    line-height: 0.175rem;
    letter-spacing: 0;
    color: #999
}

@media screen and (max-width: 1024px) {
    .new-right .sec-1 .right-list>a .date {
        font-size: 0.14rem;
        line-height: 0.3rem
    }
}

.new-right .sec-1 .right-list>a:hover .title {
    color: #2563eb
}

.new-right .sec-1 .right-more-btn {
    border-bottom: 0.005rem dashed rgba(0, 0, 0, 0.2);
    padding: 0 0.125rem 0.1rem
}

.new-right .sec-1 .right-more-btn .title {
    font-size: 0.08rem;
    line-height: 0.15rem;
    color: #333;
    text-align: center;
    font-weight: 600
}

@media screen and (max-width: 1024px) {
    .new-right .sec-1 .right-more-btn .title {
        font-size: 0.18rem;
        line-height: 0.3rem
    }
}

.new-right .sec-1 .right-more-btn .more {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.05rem 0
}

@media (max-width: 1024px) {
    .new-right .sec-1 .right-more-btn .more {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 0.2rem
    }
}

.new-right .sec-1 .right-more-btn .more>a {
    width: 0.54rem;
    text-align: center;
    border: 0.005rem solid #2563eb;
    font-size: 0.08rem;
    line-height: 0.175rem;
    color: #2563eb;
    border-radius: 0.2rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media screen and (max-width: 1024px) {
    .new-right .sec-1 .right-more-btn .more>a {
        font-size: 0.13rem;
        width: 1.5rem;
        margin-top: 0.2rem;
        line-height: 0.3rem
    }
}

.new-right .sec-1 .right-more-btn .more>a:first-child {
    background-color: #2563eb;
    color: #fff
}

.new-right .sec-1 .right-more-btn .more>a:first-child:hover {
    background-color: #2dcef9;
    border-color: #2dcef9
}

.new-right .sec-1 .right-more-btn .more>a:hover {
    background-color: #2563eb;
    color: #fff
}

.new-right .sec-2 {
    background-color: #fff;
    padding: 0.035rem 0.15rem 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0.15rem;
    border-radius: 0.05rem;
    position: relative
}

.new-right .sec-2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.02rem;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1);
    border-radius: 0.02rem 0.02rem 0 0;
    z-index: 10;
    background-color: #2563eb
}

.new-right .sec-2 .sec-title {
    font-size: 0.11rem;
    letter-spacing: 0;
    color: #333;
    border-bottom: 0.005rem dashed rgba(0, 0, 0, 0.2);
    padding: 0.135rem 0 0.1rem;
    margin-bottom: 0.1rem;
    font-weight: 500
}

@media screen and (max-width: 1024px) {
    .new-right .sec-2 .sec-title {
        font-size: 0.19rem
    }
}

.new-right .sec-2 .news-right>a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.05rem;
    margin-top: 0.125rem
}

.new-right .sec-2 .news-right>a:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .new-right .sec-2 .news-right>a:first-child {
        margin-top: 0.15rem
    }
}

@media (max-width: 1024px) {
    .new-right .sec-2 .news-right>a {
        margin-top: 0.15rem
    }
}

.new-right .sec-2 .news-right>a .item-left>i {
    font-size: 0.08rem;
    line-height: 0.13rem;
    color: #a9a9a9
}

@media (max-width: 1024px) {
    .new-right .sec-2 .news-right>a .item-left>i {
        font-size: 0.16rem;
        line-height: 0.3rem
    }
}

.new-right .sec-2 .news-right>a .item-right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.new-right .sec-2 .news-right>a .title {
    font-size: 0.075rem;
    line-height: 0.13rem;
    color: #333
}

@media screen and (max-width: 1024px) {
    .new-right .sec-2 .news-right>a .title {
        font-size: 0.14rem;
        line-height: 0.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }
}

.new-right .sec-2 .news-right>a .date {
    font-size: 0.06rem;
    letter-spacing: 0;
    color: #999;
    line-height: 0.175rem
}

@media screen and (max-width: 1024px) {
    .new-right .sec-2 .news-right>a .date {
        font-size: 0.13rem;
        line-height: 0.3rem
    }
}

.new-right .sec-2 .news-right>a:hover i, .new-right .sec-2 .news-right>a:hover .title {
    color: #2563eb
}

.new-right .labels .label-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.05rem;
    margin-bottom: 0.15rem
}

@media (max-width: 1024px) {
    .new-right .labels .label-right {
        margin: 0.15rem 0
    }
}

@media (max-width: 1024px) {
    .new-right .labels .label-right {
        gap: 0.1rem
    }
}

.new-right .labels .label-right>a {
    background-color: #f3f3f3;
    padding: 0.025rem 0.05rem;
    border-radius: 0.1rem;
    font-size: 0.07rem;
    letter-spacing: 0;
    color: #666;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.new-right .labels .label-right>a:hover {
    background-color: #2563eb;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .new-right .labels .label-right>a {
        font-size: 0.12rem;
        padding: 0.05rem 0.1rem;
        border-radius: 0.15rem
    }
}

.navMobile .nav-mobile-back {
    background-color: transparent
}

.navMobile .mobile-menu {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

.navMobile .mobile-menu .menu-left {
    background-color: #f0f2fa;
    width: 1.2rem
}

.navMobile .mobile-menu .menu-left .menu-item {
    height: 0.51rem;
    line-height: 0.51rem;
    padding-left: 0.17rem;
    border-left: 0.02rem solid transparent;
    margin-top: 0.15rem
}

.navMobile .mobile-menu .menu-left .menu-item>a {
    font-size: 0.14rem;
    color: #666
}

.navMobile .mobile-menu .menu-left .menu-item.active {
    background-color: #fff;
    border-color: #2563eb
}

.navMobile .mobile-menu .menu-left .menu-item.active>a {
    color: #2563eb
}

.navMobile .mobile-menu .menu-right {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0.15rem
}

.navMobile .mobile-menu .menu-right .child-list {
    display: none
}

.navMobile .mobile-menu .menu-right .list-menu .list-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0.545rem;
    border-bottom: 0.005rem solid #edeff2
}

.navMobile .mobile-menu .menu-right .list-menu .list-item>p {
    color: #333;
    font-size: 0.14rem
}

.navMobile .mobile-menu .menu-right .list-menu .list-item.on>p {
    color: #2563eb
}

.navMobile .mobile-menu .menu-right .list-menu .list-item.on path {
    fill: #2563eb
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item {
    padding-bottom: 0.2rem
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item .title {
    font-size: 0.16rem;
    font-weight: bold;
    height: 0.545rem;
    border-bottom: 0.005rem solid #edeff2;
    line-height: 0.545rem;
    color: #000
}

@media (max-width: 1024px) {
    .navMobile .mobile-menu .menu-right .grid-list .grid-item .title {
        font-size: 0.15rem
    }
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item .box {
    padding-top: 0.2rem
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item .box .flex-head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item .box .flex-head>h1, .navMobile .mobile-menu .menu-right .grid-list .grid-item .box .flex-head>.h1 {
    font-size: 0.16rem;
    font-weight: bold;
    color: #000
}

@media (max-width: 1024px) {
    .navMobile .mobile-menu .menu-right .grid-list .grid-item .box .flex-head>h1, .navMobile .mobile-menu .menu-right .grid-list .grid-item .box .flex-head>.h1 {
        font-size: 0.14rem;
        margin-bottom: 0.08rem
    }
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item .box .flex-head>img {
    width: 0.5rem;
    height: 0.36rem;
    -o-object-fit: contain;
    object-fit: contain
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item .box .bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 0.34rem;
    gap: 0.3rem 0;
    margin: 0.2rem 0 0.25rem
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item .box .bottom .bottom-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item .box .bottom .bottom-item .def-icon {
    width: 0.2rem;
    height: 0.18rem;
    margin-right: 0.07rem
}

.navMobile .mobile-menu .menu-right .grid-list .grid-item .box .bottom .bottom-item .info {
    font-size: 0.14rem;
    color: #000
}

.navMobile .header-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.navMobile .header-left .logo {
    height: 0.195rem;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    transition: height 0.3s linear
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .navMobile .header-left .logo {
        height: 0.15rem
    }
}

.navMobile .header-left .logo img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.navMobile .header-left .logo-tag {
    margin-top: 0.02rem;
    margin-left: 0.075rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 0.065rem
}

.navMobile .header-left .logo-tag::before {
    content: "";
    width: 0.005rem;
    height: 0.045rem;
    background: #7f97a5;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 480px) {
    .navMobile .header-left .logo-tag::before {
        height: 0.03rem
    }
}

@media (max-width: 1800px) {
    .navMobile .header-left .logo-tag {
        margin-left: 0.78125vw;
        padding-left: 0.6770833333vw
    }
}

@media (max-width: 1024px) {
    .navMobile .header-left .logo-tag {
        margin-left: 0.05rem;
        padding-left: 0.05rem
    }
}

.navMobile .header-left .logo-tag .icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.navMobile .header-left .logo-tag .icon img {
    max-width: 100%
}

.navMobile .header-left .logo-tag .txt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0.025rem;
    font-size: 0.075rem;
    line-height: 1;
    font-weight: bold;
    color: #2563eb
}

@media (max-width: 1280px) {
    .navMobile .header-left .logo-tag .txt {
        font-size: 0.06rem;
        padding-left: 0.015rem
    }
}

@media (max-width: 1024px) {
    .navMobile .header-left .logo-tag .txt {
        font-size: 0.12rem;
        padding-left: 0.04rem
    }
}

.join-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.5);
    display: none
}

.join-dialog .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.join-dialog-box {
    width: 4rem;
    height: 4.35rem;
    max-width: 100%;
    max-height: 95%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .join-dialog-box {
        max-width: 92vw;
        max-height: 80vh;
        height: 80vh
    }
}

.join-dialog-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #2563eb;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0.6rem;
    padding: 0 0.15rem 0 0.35rem;
    color: #fff;
    margin-bottom: 0.25rem
}

.join-dialog-title #joinScrollTitle {
    font-size: 0.15rem
}

.join-dialog-title .close-btn {
    color: #fff;
    font-size: 0.15rem;
    cursor: pointer
}

.join-dialog-con {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.21rem 0 0.37rem
}

.join-dialog-scroll {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 0.07rem;
    line-height: 0.18rem;
    color: #666
}

@media screen and (max-width: 1024px) {
    .join-dialog-scroll {
        font-size: 0.13rem;
        line-height: 2
    }
}

.join-dialog-scroll strong, .join-dialog-scroll b {
    font-size: 0.1rem;
    line-height: 1;
    color: #000;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0.09rem
}

@media screen and (max-width: 1024px) {
    .join-dialog-scroll strong, .join-dialog-scroll b {
        font-size: 0.23rem
    }
}

.join-dialog-scroll-wp {
    padding-right: 0.16rem
}

.join-dialog-scroll-wp p {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.join-dialog-scroll-wp p:nth-child(1) strong, .join-dialog-scroll-wp p:nth-child(1) b {
    margin-top: 0
}

.join-dialog-scroll-wp p span {
    font-weight: bold
}

.join-dialog-scroll .bscroll-indicator {
    background: #e5eaea !important;
    cursor: pointer
}

.join-dialog-btn {
    padding: 0 0.15rem 0 0.4rem;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem
}

.join-dialog-btn a {
    display: inline-block;
    vertical-align: top;
    height: 0.25rem;
    line-height: 0.25rem;
    color: #fff;
    font-size: 0.07rem;
    padding: 0 0.07rem;
    background: #2563eb;
    border-radius: 0.125rem;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

@media screen and (max-width: 1024px) {
    .join-dialog-btn a {
        height: 0.4rem;
        line-height: 2;
        border-radius: 0.2rem;
        font-size: 0.12rem;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        padding: 0 0.15rem
    }
}

.join-dialog-btn a:hover {
    background: #134cca
}

@media (max-width: 1024px) {
    .join-dialog-title {
        padding: 0 0.15rem
    }

    .join-dialog-title strong {
        font-size: 0.09rem
    }

    .join-dialog-con {
        padding: 0 0.15rem
    }

    .join-dialog-btn {
        padding: 0 0.15rem;
        text-align: center
    }
}

.changelog .art-banner-box .art-banner {
    padding-bottom: 2rem
}

@media (max-width: 1024px) {
    .changelog .art-banner-box .art-banner {
        position: relative;
        padding-bottom: 52%;
        overflow: hidden
    }

    .changelog .art-banner-box .art-banner img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

.changelog .art-banner-box .text-container {
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.35rem !important
}

@media (max-width: 1024px) {
    .changelog .art-banner-box .text-container {
        right: 0
    }
}

.changelog .art-banner-box .text-container p {
    font-size: 0.225rem !important
}

@media (max-width: 1024px) {
    .changelog .art-banner-box .text-container p {
        font-size: 0.25rem !important;
        line-height: 0.375rem
    }
}

.changelog .wp1136 {
    padding: 0.4rem 0;
    max-width: 6.4rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .changelog .wp1136 {
        padding: 0 0.15rem
    }
}

@media (max-width: 1024px) {
    .changelog .wp1136 {
        padding: 0.4rem 0.2rem
    }
}

.changelog .flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.3rem;
    height: 100%
}

@media (max-width: 1024px) {
    .changelog .flex-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.changelog .flex-box .lt {
    width: 1.12rem
}

.changelog .flex-box .lt .sticky-box {
    position: -webkit-sticky;
    position: sticky;
    top: 0.5rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt {
        width: 100%;
        background-color: #fff;
        position: -webkit-sticky;
        position: sticky;
        top: 0.5rem
    }
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .top {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.changelog .flex-box .lt .top>p {
    font-size: 0.075rem;
    line-height: 0.2rem;
    margin-bottom: 0.025rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .top>p {
        display: none
    }
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .top .list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0.1rem
    }
}

.changelog .flex-box .lt .top .list .item {
    display: block;
    font-size: 0.075rem;
    padding: 0.05rem 0.075rem;
    border-left: 0.01rem solid transparent;
    cursor: pointer
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .top .list .item {
        font-size: 0.14rem;
        border-left: 0;
        border-bottom: 0.02rem solid transparent
    }
}

.changelog .flex-box .lt .top .list .item:hover, .changelog .flex-box .lt .top .list .item.on {
    border-color: #2563eb;
    background-color: rgba(37, 99, 235, 0.1);
    color: #2563eb
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .top .list .item:hover, .changelog .flex-box .lt .top .list .item.on {
        background-color: transparent
    }
}

.changelog .flex-box .lt .top .filter {
    display: none
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .top .filter {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.14rem;
        color: #2563eb;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s
    }

    .changelog .flex-box .lt .top .filter .iconfont {
        color: #2563eb;
        font-weight: bold;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s
    }
}

.changelog .flex-box .lt .bottom {
    margin-top: 0.2rem
}

.changelog .flex-box .lt .bottom .box>p {
    font-size: 0.075rem;
    line-height: 0.2rem;
    margin-bottom: 0.025rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .bottom .box>p {
        font-size: 0.14rem;
        margin-bottom: 0.15rem
    }
}

.changelog .flex-box .lt .bottom .list .item {
    font-size: 0.075rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.05rem;
    margin-bottom: 0.075rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .bottom .list .item {
        font-size: 0.14rem
    }
}

.changelog .flex-box .lt .bottom .list .item .checkbox {
    -moz-appearance: auto;
    appearance: auto;
    -webkit-appearance: auto;
    font-size: 0.07rem;
    width: 0.085rem;
    height: 0.085rem;
    border-color: #eee;
    cursor: pointer
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .bottom .list .item .checkbox {
        width: 0.175rem;
        height: 0.175rem
    }
}

.changelog .flex-box .lt .bottom .list .item label {
    cursor: pointer
}

.changelog .flex-box .lt .bottom .btn, .changelog .flex-box .lt .bottom .mask {
    display: none
}

@media (max-width: 1024px) {
    .changelog .flex-box .lt .bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: -999;
        opacity: 0;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s
    }

    .changelog .flex-box .lt .bottom .relative-box {
        position: relative;
        width: 100%;
        height: 100%
    }

    .changelog .flex-box .lt .bottom .mask {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2)
    }

    .changelog .flex-box .lt .bottom .box {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0.3rem 0.2rem;
        border-radius: 0.1rem 0.1rem 0 0;
        z-index: 9999;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s
    }

    .changelog .flex-box .lt .bottom .box .list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.1rem;
        
        border-top: 0.005rem solid rgba(96, 108, 128, 0.1254901961)
    }

    .changelog .flex-box .lt .bottom .box .btn {
        margin-top: 0.25rem;
        padding-top: 0.15rem;
        border-top: 0.005rem solid rgba(96, 108, 128, 0.1254901961);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .changelog .flex-box .lt .bottom .box .btn>a {
        padding: 0.05rem 0.15rem;
        border: 0.005rem solid #2563eb;
        color: #2563eb;
        border-radius: 0.05rem;
        font-size: 0.14rem
    }

    .changelog .flex-box .lt .bottom .box .btn>a:last-child {
        background-color: #2563eb;
        color: #fff
    }

    .changelog .flex-box .lt .bottom.onshow {
        opacity: 1;
        z-index: 999
    }

    .changelog .flex-box .lt .bottom.onshow .mask {
        display: block
    }

    .changelog .flex-box .lt .bottom.onshow .box {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

.changelog .flex-box .rt {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt {
        padding: 0 0.1rem
    }
}

.changelog .flex-box .rt .rt-item {
    display: none;
    scroll-margin-top: 0.5rem
}

.changelog .flex-box .rt .rt-item.active {
    display: block
}

.changelog .flex-box .rt .rt-item .rt-list .list-item {
    -webkit-box-shadow: inset 0 -0.005rem 0 rgba(118, 128, 142, 0.15);
    box-shadow: inset 0 -0.005rem 0 rgba(118, 128, 142, 0.15);
    padding-bottom: 0.25rem
}

.changelog .flex-box .rt .rt-item .rt-list .list-item+.list-item {
    margin-top: 0.5rem
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .date {
    font-weight: bold;
    font-size: 0.12rem;
    -webkit-box-shadow: inset 0 -0.005rem 0 rgba(118, 128, 142, 0.15);
    box-shadow: inset 0 -0.005rem 0 rgba(118, 128, 142, 0.15);
    padding-bottom: 0.05rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt .rt-item .rt-list .list-item .date {
        font-size: 0.18rem
    }
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .group-item {
    padding-top: 0.15rem
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .group-item:not(:first-child) {
    -webkit-box-shadow: inset 0 0.005rem 0 rgba(118, 128, 142, 0.15);
    box-shadow: inset 0 0.005rem 0 rgba(118, 128, 142, 0.15)
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .group-item:not(:last-child) {
    margin-bottom: 0.25rem
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tit {
    font-size: 0.1rem;
    font-weight: 500;
    line-height: 0.2rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt .rt-item .rt-list .list-item .tit {
        font-size: 0.18rem
    }
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.05rem;
    margin-top: 0.05rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list {
        margin-top: 0.1rem
    }
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item {
    font-size: 0.06rem;
    line-height: 0.1rem;
    padding: 0 0.05rem;
    background-color: #fddfd9;
    color: #d83f2b
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item {
        font-size: 0.1rem;
        line-height: 0.2rem
    }
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-1 {
    background-color: #fdd9fc;
    color: #d42bd8
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-2 {
    background-color: #efd9fd;
    color: #8c2bd8
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-3 {
    background-color: #fdead9;
    color: #d8812b
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-4 {
    background-color: #c3faf6;
    color: #21a1a9
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-5 {
    background-color: #fddfd9;
    color: #d83f2b
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-6 {
    background-color: #fff8d2;
    color: #d8a72b
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-7 {
    background-color: #d9ecfd;
    color: #2b5bd8
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-8 {
    background-color: #e0d9fd;
    color: #3b6ef0
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-9 {
    background-color: #98f8b5;
    color: #0cac54
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .tag-list .tag-item.c-10 {
    background-color: #f79693;
    color: #f31010
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .info {
    font-size: 0.08rem;
    color: #606c80;
    line-height: 0.2rem;
    text-align: justify;
    padding-top: 0.08rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt .rt-item .rt-list .list-item .info {
        font-size: 0.14rem;
        line-height: 0.25rem
    }
}

.changelog .flex-box .rt .rt-item .rt-list .list-item ul {
    color: #606c80;
    padding-left: 0.1rem;
    margin-top: 0.06rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt .rt-item .rt-list .list-item ul {
        padding-left: 0.2rem
    }
}

.changelog .flex-box .rt .rt-item .rt-list .list-item ul li {
    list-style: disc;
    color: #606c80;
    font-size: 0.075rem;
    text-align: justify;
    line-height: 0.125rem
}

.changelog .flex-box .rt .rt-item .rt-list .list-item ul li:not(:first-child) {
    margin-top: 0.02rem
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt .rt-item .rt-list .list-item ul li:not(:first-child) {
        margin-bottom: 0.04rem
    }
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt .rt-item .rt-list .list-item ul li {
        font-size: 0.14rem;
        line-height: 0.25rem
    }
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .operate {
    margin-top: 0.1rem;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.1rem;
    display: none
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .operate>a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.075rem;
    color: #606c80
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .operate>a .iconfont {
    font-size: 0.15rem;
    color: #606c80
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .operate>a.on {
    color: #2563eb
}

.changelog .flex-box .rt .rt-item .rt-list .list-item .operate>a.on .iconfont {
    color: #2563eb
}

.changelog .flex-box .rt .clickMore {
    display: block;
    border: 0.01rem solid #2563eb;
    padding: 0.05rem 0.2rem;
    font-size: 0.08rem;
    color: #2563eb;
    border-radius: 0.025rem;
    margin: 0.2rem auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.changelog .flex-box .rt .clickMore:hover {
    background-color: #2563eb;
    color: #fff
}

@media (max-width: 1024px) {
    .changelog .flex-box .rt .clickMore {
        font-size: 0.14rem
    }
}

.changelog .flex-box .rt .paged {
    margin-top: 0.2rem
}

.art-box {
    padding: 0.55rem 0 0.6rem;
    position: relative
}

.art-box .art-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

.art-box .wp1460 {
    max-width: 7.3rem;
    margin: 0 auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .art-box .wp1460 {
        padding: 0 0.15rem
    }
}

.art-box .grid-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media (max-width: 1024px) {
    .art-box .grid-box {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0.3rem
    }
}

.art-box .grid-box .lt-top {
    padding-left: 0.15rem
}

.art-box .grid-box .lt-top h1, .art-box .grid-box .lt-top .h1 {
    font-size: 0.15rem;
    margin-bottom: 0.2rem;
    color: #132131
}

@media (max-width: 1024px) {
    .art-box .grid-box .lt-top h1, .art-box .grid-box .lt-top .h1 {
        font-size: 0.2rem
    }
}

.art-box .grid-box .lt-top .lt-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.05rem
}

.art-box .grid-box .lt-top .lt-item .iconfont {
    width: 0.14rem;
    height: 0.14rem
}

@media (max-width: 1024px) {
    .art-box .grid-box .lt-top .lt-item .iconfont {
        width: 0.2rem;
        height: 0.2rem
    }
}

.art-box .grid-box .lt-top .lt-item .iconfont>img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.art-box .grid-box .lt-top .lt-item p {
    color: #666;
    font-size: 0.11rem;
    line-height: 0.28rem
}

@media (max-width: 1024px) {
    .art-box .grid-box .lt-top .lt-item p {
        font-size: 0.14rem;
        line-height: 0.35rem
    }
}

.art-box .grid-box .lt-logo {
    margin-top: 0.225rem;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.15rem;
    border-radius: 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .art-box .grid-box .lt-logo {
        width: 100%
    }
}

.art-box .grid-box .lt-logo h1, .art-box .grid-box .lt-logo .h1 {
    font-size: 0.12rem;
    color: #132131;
    text-align: center;
    margin-bottom: 0.125rem
}

@media (max-width: 1024px) {
    .art-box .grid-box .lt-logo h1, .art-box .grid-box .lt-logo .h1 {
        font-size: 0.18rem;
        margin-bottom: 0.175rem
    }
}

.art-box .grid-box .lt-logo img {
    width: 100%
}

.art-box .grid-box .rt {
    width: 100%;
    min-height: 3.25rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0.05rem 0.065rem 0 rgba(15, 23, 42, 0.08);
    box-shadow: 0 0.05rem 0.065rem 0 rgba(15, 23, 42, 0.08);
    border-radius: 0.1rem;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.225rem;
    position: relative
}

.art-box .grid-box .rt .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5
}

@media (max-width: 1024px) {
    .art-box .grid-box .rt {
        min-height: 5.2rem;
        padding: 0
    }
}

.solution .section-1 .categorys-box {
    position: relative;
    background-color: #132131
}

@media (max-width: 1024px) {
    .solution .section-1 .categorys-box {
        position: -webkit-sticky;
        position: sticky;
        top: 0.39rem;
        z-index: 99
    }
}

.solution .section-1 .categorys-box .cate-tit {
    display: none
}

@media (max-width: 1024px) {
    .solution .section-1 .categorys-box .cate-tit {
        display: block;
        padding: 0.15rem 0.2rem
    }

    .solution .section-1 .categorys-box .cate-tit .tit {
        color: #fff;
        font-size: 0.1rem;
        font-weight: bold
    }
}

@media (max-width: 1024px) and (max-width: 1024px) {
    .solution .section-1 .categorys-box .cate-tit .tit {
        font-size: 0.17rem
    }
}

@media (max-width: 1024px) {
    .solution .section-1 .categorys-box .cate-tit .subtit {
        opacity: 0.5;
        font-size: 0.08rem;
        color: #fff;
        margin-top: 0.025rem
    }
}

@media (max-width: 1024px) and (max-width: 1024px) {
    .solution .section-1 .categorys-box .cate-tit .subtit {
        font-size: 0.14rem;
        margin-top: 0.05rem
    }
}

@media (max-width: 1024px) {
    .solution .section-1 .categorys-box .cate-tit .iconfont {
        color: #fff;
        opacity: 0.5
    }
}

@media (max-width: 1024px) and (max-width: 1024px) {
    .solution .section-1 .categorys-box .cate-tit .iconfont {
        position: absolute;
        top: 50%;
        right: 0.15rem;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.solution .section-1 .cate-list {
    height: 0.65rem;
    background-color: #132131;
    -webkit-box-shadow: 0 0.05rem 0.05rem 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.05rem 0.05rem 0 rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.13rem;
    --left: 0;
    --width: 0;
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .solution .section-1 .cate-list {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 9;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        width: 100%
    }
}

.solution .section-1 .cate-list-item {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

@media (max-width: 1024px) {
    .solution .section-1 .cate-list-item {
        display: block;
        padding: 0.15rem 0.2rem;
        text-align: left;
        height: auto
    }
}

.solution .section-1 .cate-list-item::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -0.065rem;
    width: 0.005rem;
    height: 0.2rem;
    background-color: #fff;
    opacity: 0.1
}

.solution .section-1 .cate-list-item:first-child::after {
    display: none
}

.solution .section-1 .cate-list-item .tit {
    color: #fff;
    font-size: 0.09rem;
    font-weight: bold;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .solution .section-1 .cate-list-item .tit {
        font-size: 0.15rem
    }
}

.solution .section-1 .cate-list-item .subtit {
    opacity: 0.5;
    font-size: 0.07rem;
    color: #fff;
    margin-top: 0.025rem;
    margin-bottom: 0.05rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .solution .section-1 .cate-list-item .subtit {
        font-size: 0.14rem
    }
}

.solution .section-1 .cate-list-item .iconfont {
    color: #fff;
    opacity: 0.5
}

@media (max-width: 1024px) {
    .solution .section-1 .cate-list-item .iconfont {
        position: absolute;
        top: 50%;
        right: 0.15rem;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg)
    }
}

.solution .section-1 .cate-list-item.active, .solution .section-1 .cate-list-item:hover {
    background-color: #2563eb
}

.solution .section-1 .cate-list-item.active .tit, .solution .section-1 .cate-list-item:hover .tit {
    font-size: 0.1rem
}

@media (max-width: 1024px) {
    .solution .section-1 .cate-list-item.active .tit, .solution .section-1 .cate-list-item:hover .tit {
        font-size: 0.15rem
    }
}

.solution .section-1 .cate-list-item.active .subtit, .solution .section-1 .cate-list-item:hover .subtit {
    opacity: 1;
    font-size: 0.08rem
}

@media (max-width: 1024px) {
    .solution .section-1 .cate-list-item.active .subtit, .solution .section-1 .cate-list-item:hover .subtit {
        font-size: 0.14rem
    }
}

.solution .section-1 .cate-list-item.active .iconfont, .solution .section-1 .cate-list-item:hover .iconfont {
    opacity: 1
}

.solution .section-1 .cate-list::before {
    content: "";
    position: absolute;
    top: 0;
    left: var(--left);
    width: var(--width);
    height: 100%;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    transition: left 0.5s;
    background-color: #2563eb
}

.solution .section-1 .swiper {
    overflow: hidden
}

.solution .section-1 .grid-box {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (max-width: 1024px) {
    .solution .section-1 .grid-box {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0.01rem
    }
}

.solution .section-1 .grid-box .grid-item {
    position: relative;
    width: 100%;
    height: 1.75rem;
    overflow: hidden;
    cursor: pointer
}

@media (max-width: 1024px) {
    .solution .section-1 .grid-box .grid-item {
        height: auto
    }
}

.solution .section-1 .grid-box .grid-item .img {
    height: 100%
}

@media (max-width: 1024px) {
    .solution .section-1 .grid-box .grid-item .img {
        position: relative;
        padding-bottom: 54.6875%;
        overflow: hidden;
        height: auto
    }

    .solution .section-1 .grid-box .grid-item .img img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }
}

.solution .section-1 .grid-box .grid-item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.solution .section-1 .grid-box .grid-item .info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.2rem;
    padding-right: 0.15rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(19, 33, 49, 0.85);
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    transition: 0.8s;
    opacity: 1
}

@media (max-width: 1024px) {
    .solution .section-1 .grid-box .grid-item .info {
        background-color: rgba(19, 33, 49, 0.7)
    }
}

.solution .section-1 .grid-box .grid-item .info .top {
    color: #fff;
    font-size: 0.09rem;
    line-height: 0.15rem
}

@media (max-width: 1024px) {
    .solution .section-1 .grid-box .grid-item .info .top {
        font-size: 0.09rem;
        line-height: 0.275rem
    }
}

.solution .section-1 .grid-box .grid-item .info .bottom .cont {
    color: #fff;
    font-weight: bold;
    font-size: 0.14rem;
    line-height: 0.275rem
}

@media (max-width: 1024px) {
    .solution .section-1 .grid-box .grid-item .info .bottom .cont {
        font-size: 0.12rem;
        line-height: 0.35rem;
        font-weight: bolder
    }
}

.solution .section-1 .grid-box .grid-item .info .bottom .cont strong {
    font-size: 0.25rem
}

@media (max-width: 1024px) {
    .solution .section-1 .grid-box .grid-item .info .bottom .cont strong {
        font-size: 0.32rem
    }
}

.solution .section-1 .grid-box .grid-item .info .bottom .cont span+span {
    margin-left: 0.1rem
}

.solution .section-1 .grid-box .grid-item .btn-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 53, 168, 0.6);
    visibility: hidden
}

.solution .section-1 .grid-box .grid-item .btn-list .box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.06rem;
    position: absolute;
    left: 50%;
    bottom: -0.26rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    transition: 0.8s
}

.solution .section-1 .grid-box .grid-item .btn-list .box a {
    width: 0.8rem;
    height: 0.26rem;
    background-color: transparent;
    border-radius: 0.2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.005rem solid #fff;
    font-size: 0.08rem;
    color: #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

@media (max-width: 1024px) {
    .solution .section-1 .grid-box .grid-item .btn-list .box a {
        font-size: 0.13rem;
        width: 1.1rem;
        height: 0.4rem
    }
}

.solution .section-1 .grid-box .grid-item .btn-list .box a:hover {
    background-color: #1750c2;
    color: #fff;
    border-color: #1750c2
}

.solution .section-1 .grid-box .grid-item .btn-list .box a:first-child {
    background-color: #fff;
    color: #1750c2
}

.solution .section-1 .grid-box .grid-item .btn-list .box a:first-child:hover {
    background-color: #1750c2;
    color: #fff;
    border-color: #1750c2
}

.solution .section-1 .grid-box .grid-item:hover .info {
    background-color: transparent
}

.solution .section-1 .grid-box .grid-item:hover .btn-list {
    visibility: visible
}

.solution .section-1 .grid-box .grid-item:hover .btn-list .box {
    bottom: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%)
}

.solution .section-2 {
    margin-top: 0.45rem;
    margin-bottom: 0.5rem
}

@media (max-width: 1024px) {
    .solution .section-2 {
        padding: 0 0.15rem
    }
}

.solution .section-2 .title-block .t {
    font-size: 0.2rem
}

.solution .section-2 .title-block .s {
    color: #6a7387;
    font-size: 0.14rem
}

.solution .section-2 .main {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.325rem;
    max-width: 6.7rem;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .solution .section-2 .main {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin-top: 0.25rem;
        gap: 0.35rem
    }
}

.solution .section-2 .main .sec-item {
    position: relative
}

.solution .section-2 .main .sec-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.01rem;
    background-color: #e9ecf2;
    z-index: 1
}

@media (max-width: 1024px) {
    .solution .section-2 .main .sec-item::after {
        height: 0.015rem
    }
}

.solution .section-2 .main .sec-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.5rem;
    height: 0.01rem;
    background-color: #061431;
    z-index: 2
}

@media (max-width: 1024px) {
    .solution .section-2 .main .sec-item::before {
        height: 0.015rem
    }
}

.solution .section-2 .main .sec-item .head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.075rem;
    margin-top: 0.175rem;
    position: relative;
    padding-left: 0.15rem
}

@media (max-width: 1024px) {
    .solution .section-2 .main .sec-item .head {
        padding-left: 0.2rem;
        margin-top: 0.125rem
    }
}

.solution .section-2 .main .sec-item .head::after {
    content: "";
    position: absolute;
    top: 0.05rem;
    left: 0;
    width: 0.09rem;
    height: 0.09rem;
    border: solid 0.015rem #2563eb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100%
}

@media (max-width: 1024px) {
    .solution .section-2 .main .sec-item .head::after {
        width: 0.125rem;
        height: 0.125rem;
        border-width: 0.02rem;
        top: 0.075rem
    }
}

.solution .section-2 .main .sec-item .head .cn {
    font-size: 0.14rem;
    font-weight: bold;
    color: #2e3546
}

@media (max-width: 1024px) {
    .solution .section-2 .main .sec-item .head .cn {
        font-size: 0.09rem
    }
}

.solution .section-2 .main .sec-item .head .en {
    font-size: 0.1rem;
    color: #6a7387
}

@media (max-width: 1024px) {
    .solution .section-2 .main .sec-item .head .en {
        font-size: 0.075rem
    }
}

.solution .section-2 .main .sec-item .cont {
    margin-top: 0.225rem
}

@media (max-width: 1024px) {
    .solution .section-2 .main .sec-item .cont {
        margin-top: 0.15rem
    }
}

.solution .section-2 .main .sec-item .cont h1, .solution .section-2 .main .sec-item .cont .h1 {
    font-size: 0.09rem;
    font-weight: bold;
    margin-top: 0.125rem;
    margin-bottom: 0.05rem;
    color: #2e3546
}

@media (max-width: 1024px) {
    .solution .section-2 .main .sec-item .cont h1, .solution .section-2 .main .sec-item .cont .h1 {
        font-size: 0.075rem;
        margin-top: 0.125rem
    }
}

.solution .section-2 .main .sec-item .cont .p {
    font-size: 0.08rem;
    color: #6a7387;
    line-height: 0.16rem
}

@media (max-width: 1024px) {
    .solution .section-2 .main .sec-item .cont .p {
        font-size: 0.07rem;
        line-height: 0.275rem
    }
}

.solution-banner {
    position: relative
}

.solution-banner .art-banner {
    position: relative;
    padding-bottom: 39.4114555964%;
    overflow: hidden
}

.solution-banner .art-banner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

@media (max-width: 1024px) {
    .solution-banner .art-banner {
        position: relative;
        padding-bottom: 114.6666666667%;
        overflow: hidden
    }

    .solution-banner .art-banner img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        transition: 0.4s
    }

    .solution-banner .art-banner img {
        -o-object-position: 60%;
        object-position: 60%
    }
}

.solution-banner .wp1280 .text-container {
    top: 12.5vw
}

@media (max-width: 1024px) {
    .solution-banner .wp1280 .text-container {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        padding: 0 0.15rem
    }
}

.solution-banner .wp1280 .text-container h1, .solution-banner .wp1280 .text-container .h1 {
    color: #061431;
    font-size: 3.125vw;
    font-weight: bold
}

@media (max-width: 1024px) {
    .solution-banner .wp1280 .text-container h1, .solution-banner .wp1280 .text-container .h1 {
        font-size: 0.25rem;
        line-height: 0.375rem
    }
}

.solution-banner .wp1280 .text-container h1+h1, .solution-banner .wp1280 .text-container h1+.h1, .solution-banner .wp1280 .text-container .h1+h1, .solution-banner .wp1280 .text-container .h1+.h1 {
    margin-top: 0.1rem
}

@media (max-width: 1024px) {
    .solution-banner .wp1280 .text-container h1+h1, .solution-banner .wp1280 .text-container h1+.h1, .solution-banner .wp1280 .text-container .h1+h1, .solution-banner .wp1280 .text-container .h1+.h1 {
        margin-top: 0
    }
}

.solution-banner .wp1280 .text-container .h2 {
    color: #061431;
    font-size: 1.3541666667vw;
    line-height: 2.6041666667vw;
    font-weight: bold;
    margin-top: 0.125rem
}

@media (max-width: 1024px) {
    .solution-banner .wp1280 .text-container .h2 {
        font-size: 0.15rem;
        line-height: 0.32rem;
        margin-top: 0.075rem
    }
}

.solution-banner .wp1280 .text-container .part-btns {
    margin-top: 0.2rem
}

.solution-banner .wp1280 .text-container .part-btns .btn {
    border-color: #2563eb
}

.solution-banner .wp1280 .text-container .part-btns .btn:nth-child(2) {
    color: #2563eb;
    background-color: #f3f4f4
}

@media (max-width: 1024px) {
    .solution-banner .wp1280 .text-container .part-btns .btn:nth-child(2) {
        border-width: 0.01rem
    }
}

.solution-banner .wp1280 .text-container .part-btns .btn:nth-child(2):hover {
    color: #fff;
    background-color: #2563eb
}