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

@font-face {
    font-family: "Barlow-Medium";
    src: url(../fonts/Barlow-Medium.ttf);
    src: local("\263a"),url(../fonts/Barlow-Medium.ttf) format("ttf");
    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
}

body {
    overflow-x: hidden
}
 

.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
    }
}
 
.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
}
 

@-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;
    position: relative
}

@media (max-width: 1024px) {
    .error-con {
        padding-bottom:1.5rem
    }
}
 
 

.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: 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) {
    .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%
}
   

.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
}


.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: 0.05rem
}

.part-btns .btn {
    width: 0.7rem;
    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: 36px;
   
        border-radius: 0.175rem;
        font-size: 16px;
    }
}

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

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

.part-btns .btn.btn:not(:last-child):hover,.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: 0.45rem;
        height: 0.45rem
    }
}

.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
}
 
 
 

 
 

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

@media (min-width: 1921px) {
    .index-banner {
        height:3.5rem
    }
}

.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
    }
}

@media (min-width: 1921px) {
    .index-banner .swiper-container .swiper-slide>div {
        height:3.5rem;
        width: 100%;
        padding-bottom: 0
    }
}

.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.2rem
    }
}

@media (min-width: 1921px) {
    .index-banner .swiper-container .text-container {
        top:50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.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.225rem;
        line-height: 0.275rem
    }
}

@media (min-width: 1921px) {
    .index-banner .swiper-container .text-container>:nth-child(1) {
        font-size:0.4rem;
        line-height: 0.4rem
    }
}

.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
    }
}

@media (min-width: 1921px) {
    .index-banner .swiper-container .text-container>:nth-child(2) {
        font-size:0.25rem;
        line-height: 0.4rem
    }
}

.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.15rem
    }
}

.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: 10px;
    height: 20px;
    border-radius: 2px;
    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: 0.1rem
}

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

    .index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        width: 0.09rem
    }
}

.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: 0.005rem 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: 0.005rem 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: 0.005rem 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.07rem;
    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.4rem;
    padding-bottom: 0.4rem;
    overflow: hidden
}

@media (max-width: 1024px) {
    .index-section-1 .index-title {
        max-width:80%;
        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/index/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/index/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: 0.005rem 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: 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
}

.index-section-1 .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.1rem
}

@media (max-width: 480px) {
    .index-section-1 .swiper-pagination .swiper-pagination-bullet {
        width:0.06rem;
        height: 0.06rem;
        border-radius: 0.1rem
    }

    .index-section-1 .swiper-pagination .swiper-pagination-bullet-active {
        width: 0.11rem
    }
}

@-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.4rem;
    padding-bottom: 0.4rem;
    position: relative
}

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

.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/index/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/index/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/index/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/index/bg8.png)
}

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

.index-section-2 .h-tabs .tab-item.on:nth-child(3) {
    background-image: url(../images/index/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: 0.005rem;
    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:0.23rem
    }
}

.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: 1921px) {
    .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: 1921px) {
    .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 .box {
    position: relative;
    border-radius: 0.1rem;
    border: solid 0.005rem #339bf3;
    min-height: 3.325rem;
    width: 100%;
    background-color: #e4ecfa;
    padding: 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-section-3 .box::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 .box::after {
        height:0.685rem;
        bottom: -0.09rem;
        background: url(../images/bg6_m.png) no-repeat center/cover
    }
}

.index-section-3 .box .cont {
    background-color: #fff;
    -webkit-box-shadow: -0.01rem 0.01rem 0.215rem 0 rgba(0,44,180,0.1);
    box-shadow: -0.01rem 0.01rem 0.215rem 0 rgba(0,44,180,0.1);
    border-radius: 0.05rem;
    width: 100%;
    height: 100%;
    padding: 0.15rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-section-3 .box .cont .cont-box {
    height: 100%;
    border: dashed 0.005rem #5c69a7;
    border-bottom: 0;
    position: relative
}

.index-section-3 .box .cont .cont-box .row {
    width: 0.34rem;
    height: 1.765rem;
    position: absolute;
    top: 0.15rem;
    right: 0.15rem;
    padding: 0 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-clip-path: polygon(100% 0,100% 91.5%,50% 100%,0 91.5%,0 0);
    clip-path: polygon(100% 0,100% 91.5%,50% 100%,0 91.5%,0 0)
}

.index-section-3 .box .cont .cont-box .row .p {
    background-image: -webkit-gradient(linear,right top,left top,from(#447bff),to(#1655eb)),-webkit-gradient(linear,left top,left bottom,from(#1655eb),to(#1655eb));
    background-image: -moz-linear-gradient(right,#447bff 0%,#1655eb 100%),-moz-linear-gradient(#1655eb,#1655eb);
    background-image: linear-gradient(-90deg,#447bff 0%,#1655eb 100%),linear-gradient(#1655eb,#1655eb);
    font-size: 0.12rem;
    color: #fff;
    line-height: 0.145rem;
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding: 0.025rem 0.05rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.index-section-3 .box .cont .cont-box .row::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.15rem;
    background-image: -webkit-gradient(linear,right top,left top,from(#447bff),to(#1655eb)),-webkit-gradient(linear,left top,left bottom,from(#1655eb),to(#1655eb));
    background-image: -moz-linear-gradient(right,#447bff 0%,#1655eb 100%),-moz-linear-gradient(#1655eb,#1655eb);
    background-image: linear-gradient(-90deg,#447bff 0%,#1655eb 100%),linear-gradient(#1655eb,#1655eb)
}

.index-section-3 .box .cont .cont-box .item-1 {
    margin-top: 0.15rem;
    margin-right: 0.55rem;
    margin-left: 0.15rem;
    background-color: #ebf1fe;
    border: solid 0.005rem #0276e9;
    min-height: 0.77rem;
    -webkit-box-shadow: 0 0.025rem 0.1rem 0 rgba(0,0,0,0.2);
    box-shadow: 0 0.025rem 0.1rem 0 rgba(0,0,0,0.2);
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-section-3 .box .cont .cont-box .item-1 .tit {
    text-align: center;
    font-size: 0.13rem;
    color: #fff;
    font-weight: 700;
    height: 0.25rem;
    line-height: 0.25rem;
    background-color: #0276e9;
    position: relative;
    -webkit-box-shadow: inset 0 0 0.05rem 0 white;
    box-shadow: inset 0 0 0.05rem 0 white
}

.index-section-3 .box .cont .cont-box .item-1 .tit p {
    position: relative;
    z-index: 2
}

.index-section-3 .box .cont .cont-box .item-1 .tit::after {
    content: "";
    position: absolute;
    top: 0.125rem;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(#005ddb),to(transparent));
    background: -moz-linear-gradient(top,#005ddb,transparent);
    background: linear-gradient(to bottom,#005ddb,transparent);
    opacity: 0.5
}

.index-section-3 .box .cont .cont-box .item-1 .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;
    margin-top: 0.06rem;
    gap: 0.06rem
}

.index-section-3 .box .cont .cont-box .item-1 .list .list-item {
    width: 0.8rem;
    height: 0.25rem;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#c2edf4),color-stop(0%,#c9eaf9),color-stop(0%,#cfe6fd),to(#f8fbff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    background-image: -moz-linear-gradient(bottom,#c2edf4 0%,#c9eaf9 0%,#cfe6fd 0%,#f8fbff 100%),-moz-linear-gradient(#fff,#fff);
    background-image: linear-gradient(0deg,#c2edf4 0%,#c9eaf9 0%,#cfe6fd 0%,#f8fbff 100%),linear-gradient(#fff,#fff);
    background-blend-mode: normal,normal;
    border: dashed 0.005rem #0276e9;
    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-3 .box .cont .cont-box .item-1 .list .list-item.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 0;
    background: transparent;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.index-section-3 .box .cont .cont-box .item-1 .list .list-item.flex-column .icon {
    height: 0.065rem;
    width: 0.705rem;
    margin: 0 auto
}

.index-section-3 .box .cont .cont-box .item-1 .list .list-item.flex-column .p {
    color: #333
}

.index-section-3 .box .cont .cont-box .item-1 .list .list-item .icon {
    height: 0.09rem;
    width: 0.1rem;
    margin-right: 0.025rem
}

.index-section-3 .box .cont .cont-box .item-1 .list .list-item .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-3 .box .cont .cont-box .item-1 .list .list-item .p {
    font-size: 0.09rem
}

.index-section-3 .box .cont .cont-box .item-2 {
    margin-top: 0.225rem
}

.index-section-3 .box .cont .cont-box .item-2 .list .list-item {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#39b8e1),color-stop(0%,#88ceee),color-stop(0%,#d6e3fb),to(#f8fbff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    background-image: -moz-linear-gradient(bottom,#39b8e1 0%,#88ceee 0%,#d6e3fb 0%,#f8fbff 100%),-moz-linear-gradient(#fff,#fff);
    background-image: linear-gradient(0deg,#39b8e1 0%,#88ceee 0%,#d6e3fb 0%,#f8fbff 100%),linear-gradient(#fff,#fff)
}

.index-section-3 .box .cont .cont-box .item-2 .list .list-item .p {
    color: #2563eb
}

.index-section-3 .box .cont .cont-box .item-3 {
    margin-top: 0.225rem;
    min-height: 0.77rem;
    background-color: #e2eafb;
    border-right: 0;
    border-left: 0;
    border-top: dashed 0.005rem #5c69a7;
    border-bottom: dashed 0.005rem #5c69a7;
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.index-section-3 .box .cont .cont-box .item-3 .tit {
    background-color: #5c69a7
}

.index-section-3 .box .cont .cont-box .item-3 .tit::after {
    background: -webkit-gradient(linear,left top,left bottom,from(#34427c),to(transparent));
    background: -moz-linear-gradient(top,#34427c,transparent);
    background: linear-gradient(to bottom,#34427c,transparent)
}

.index-section-3 .box .cont .cont-box .item-3 .list {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.index-section-3 .box .cont .cont-box .item-3 .list .list-item {
    width: 100%;
    border: dashed 0.005rem #5c69a7;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#d7f4f0),color-stop(0%,#d7ecf6),color-stop(0%,#d6e3fb),to(#f8fbff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    background-image: -moz-linear-gradient(bottom,#d7f4f0 0%,#d7ecf6 0%,#d6e3fb 0%,#f8fbff 100%),-moz-linear-gradient(#fff,#fff);
    background-image: linear-gradient(0deg,#d7f4f0 0%,#d7ecf6 0%,#d6e3fb 0%,#f8fbff 100%),linear-gradient(#fff,#fff)
}

.index-section-3 .box .cont .cont-box .item-3 .list .list-item .p {
    color: #4b5894
}

.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: 0.005rem solid #d7ddea;
        border-bottom: 0.005rem 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: 0.005rem 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.4rem;
    padding-bottom: 0.4rem;
    position: relative
}

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

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

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

@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 0.005rem #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 0.005rem #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: 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
}

.index-section-5 .news-swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.1rem
}

@media (max-width: 480px) {
    .index-section-5 .news-swiper .swiper-pagination .swiper-pagination-bullet {
        width:0.03rem;
        height: 0.03rem
    }

    .index-section-5 .news-swiper .swiper-pagination .swiper-pagination-bullet-active {
        width: 0.07rem
    }
}

.index-section-5 .matrix-box .m {
    width: 100%
}

.index-section-5 .matrix-box .m img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .tit {
    width: 100%;
    font-size: 0.115rem;
    color: #fff;
    text-align: center;
    padding: 0.025rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.index-section-5 .matrix-box .top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.index-section-5 .matrix-box .row-box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -13%;
    z-index: -1
}

.index-section-5 .matrix-box .row-box .iconfont {
    position: absolute;
    font-size: 0.1rem
}

.index-section-5 .matrix-box .row-box .row-top {
    position: absolute;
    top: 22%
}

.index-section-5 .matrix-box .row-box .row-bottom {
    position: absolute;
    bottom: 12%
}

.index-section-5 .matrix-box .lt {
    max-width: 1.8rem;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 28.125%;
    flex: 0 0 28.125%;
    border: 0.01rem dotted rgb(158,222,177);
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2
}

.index-section-5 .matrix-box .lt .tit {
    background: -webkit-gradient(linear,left top,right top,from(rgb(97,204,127)),to(rgb(86,156,246)));
    background: -moz-linear-gradient(left,rgb(97,204,127) 0%,rgb(86,156,246) 100%);
    background: linear-gradient(90deg,rgb(97,204,127) 0%,rgb(86,156,246) 100%)
}

.index-section-5 .matrix-box .lt .img {
    margin-top: 0.075rem;
    width: 0.83rem;
    height: 2.1rem;
    position: relative;
    z-index: 2
}

.index-section-5 .matrix-box .lt .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .lt .round {
    width: 1rem;
    height: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100%;
    border: 0.01rem solid rgb(234,245,255);
    position: absolute;
    top: 50%;
    right: -0.55rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-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;
    z-index: 2;
    background-color: #fff
}

.index-section-5 .matrix-box .lt .round .box {
    position: relative;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 100%;
    -webkit-box-shadow: 0 0.01rem 0.15rem rgba(26,163,237,0.4);
    box-shadow: 0 0.01rem 0.15rem rgba(26,163,237,0.4);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.05rem;
    z-index: 2;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.index-section-5 .matrix-box .lt .round .box:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.index-section-5 .matrix-box .lt .round .box::before,.index-section-5 .matrix-box .lt .round .box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    background: -webkit-gradient(linear,left top,right top,from(rgb(200,232,207)),color-stop(52.51%,rgb(238,248,255)),to(rgb(183,231,232)));
    background: -moz-linear-gradient(left,rgb(200,232,207) 0%,rgb(238,248,255) 52.51%,rgb(183,231,232) 100%);
    background: linear-gradient(90deg,rgb(200,232,207) 0%,rgb(238,248,255) 52.51%,rgb(183,231,232) 100%)
}

.index-section-5 .matrix-box .lt .round .box::before {
    background: -webkit-gradient(linear,left top,right top,from(rgb(97,206,122)),to(rgb(85,154,252)));
    background: -moz-linear-gradient(left,rgb(97,206,122) 0%,rgb(85,154,252) 100%);
    background: linear-gradient(90deg,rgb(97,206,122) 0%,rgb(85,154,252) 100%);
    -webkit-animation: scaleAnim 3s linear infinite;
    -moz-animation: scaleAnim 3s linear infinite;
    animation: scaleAnim 3s linear infinite;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.index-section-5 .matrix-box .lt .round .box .cont {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,right top,from(rgb(97,206,122)),to(rgb(85,154,252)));
    background: -moz-linear-gradient(left,rgb(97,206,122) 0%,rgb(85,154,252) 100%);
    background: linear-gradient(90deg,rgb(97,206,122) 0%,rgb(85,154,252) 100%);
    border-radius: 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
}

.index-section-5 .matrix-box .lt .round .box .cont .h1 {
    font-size: 0.14rem;
    text-align: center;
    font-weight: 700;
    color: #fff
}

.index-section-5 .matrix-box .lt .round .box .cont .h2 {
    font-size: 0.09rem;
    color: #fff;
    font-weight: 700;
    opacity: 0.8
}

.index-section-5 .matrix-box .lt .arrow {
    position: absolute;
    top: 0.625rem;
    left: 0.83rem;
    z-index: 1;
    max-width: 0.56rem;
    height: 1.635rem
}

.index-section-5 .matrix-box .lt .arrow img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .lt .arrow .iconfont {
    position: absolute;
    left: 0%;
    color: #a4e1b6;
    font-size: 0.08rem
}

.index-section-5 .matrix-box .lt .arrow .iconfont:nth-child(1) {
    top: 0;
    -webkit-animation: iconfont1 3s linear infinite;
    -moz-animation: iconfont1 3s linear infinite;
    animation: iconfont1 3s linear infinite
}

.index-section-5 .matrix-box .lt .arrow .iconfont:nth-child(2) {
    top: 0.285rem;
    -webkit-animation: iconfont2 3s linear infinite;
    -moz-animation: iconfont2 3s linear infinite;
    animation: iconfont2 3s linear infinite
}

.index-section-5 .matrix-box .lt .arrow .iconfont:nth-child(3) {
    top: 0.6rem;
    -webkit-animation: iconfont3 3s linear infinite;
    -moz-animation: iconfont3 3s linear infinite;
    animation: iconfont3 3s linear infinite
}

.index-section-5 .matrix-box .lt .arrow .iconfont:nth-child(4) {
    bottom: 0.64rem;
    -webkit-animation: iconfont4 3s linear infinite;
    -moz-animation: iconfont4 3s linear infinite;
    animation: iconfont4 3s linear infinite
}

.index-section-5 .matrix-box .lt .arrow .iconfont:nth-child(5) {
    bottom: 0.335rem;
    -webkit-animation: iconfont5 3s linear infinite;
    -moz-animation: iconfont5 3s linear infinite;
    animation: iconfont5 3s linear infinite
}

.index-section-5 .matrix-box .lt .arrow .iconfont:nth-child(6) {
    bottom: 0;
    -webkit-animation: iconfont6 3s linear infinite;
    -moz-animation: iconfont6 3s linear infinite;
    animation: iconfont6 3s linear infinite
}

@-webkit-keyframes iconfont1 {
    0% {
        left: 0
    }

    20% {
        left: 41.9642857143%;
        top: 0%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        left: 55.3571428571%;
        top: 3.0581039755%;
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg)
    }

    40% {
        left: 60.7142857143%;
        top: 8.5626911315%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    80% {
        left: 71.4285714286%;
        top: 41.5902140673%;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    90% {
        left: 84.8214285714%;
        top: 43.4250764526%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        left: 133.9285714286%;
        top: 36.6972477064%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes iconfont1 {
    0% {
        left: 0
    }

    20% {
        left: 41.9642857143%;
        top: 0%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        left: 55.3571428571%;
        top: 3.0581039755%;
        -moz-transform: rotate(50deg);
        transform: rotate(50deg)
    }

    40% {
        left: 60.7142857143%;
        top: 8.5626911315%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    80% {
        left: 71.4285714286%;
        top: 41.5902140673%;
        -moz-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    90% {
        left: 84.8214285714%;
        top: 43.4250764526%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        left: 133.9285714286%;
        top: 36.6972477064%;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes iconfont1 {
    0% {
        left: 0
    }

    20% {
        left: 41.9642857143%;
        top: 0%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        left: 55.3571428571%;
        top: 3.0581039755%;
        -webkit-transform: rotate(50deg);
        -moz-transform: rotate(50deg);
        transform: rotate(50deg)
    }

    40% {
        left: 60.7142857143%;
        top: 8.5626911315%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    80% {
        left: 71.4285714286%;
        top: 41.5902140673%;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    90% {
        left: 84.8214285714%;
        top: 43.4250764526%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        left: 133.9285714286%;
        top: 36.6972477064%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes iconfont2 {
    0% {
        left: 0%;
        top: 17.4311926606%
    }

    40% {
        left: 60.7142857143%;
        top: 17.7370030581%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    42% {
        left: 60.7142857143%;
        top: 17.7370030581%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    80% {
        left: 69.6428571429%;
        top: 41.2844036697%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    90% {
        left: 80.3571428571%;
        top: 43.119266055%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        left: 89.2857142857%;
        top: 43.119266055%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes iconfont2 {
    0% {
        left: 0%;
        top: 17.4311926606%
    }

    40% {
        left: 60.7142857143%;
        top: 17.7370030581%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    42% {
        left: 60.7142857143%;
        top: 17.7370030581%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    80% {
        left: 69.6428571429%;
        top: 41.2844036697%;
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    90% {
        left: 80.3571428571%;
        top: 43.119266055%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        left: 89.2857142857%;
        top: 43.119266055%;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes iconfont2 {
    0% {
        left: 0%;
        top: 17.4311926606%
    }

    40% {
        left: 60.7142857143%;
        top: 17.7370030581%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    42% {
        left: 60.7142857143%;
        top: 17.7370030581%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    80% {
        left: 69.6428571429%;
        top: 41.2844036697%;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    90% {
        left: 80.3571428571%;
        top: 43.119266055%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        left: 89.2857142857%;
        top: 43.119266055%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes iconfont3 {
    0% {
        left: 0%;
        top: 36.6972477064%
    }

    40% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        left: 69.6428571429%;
        top: 41.2844036697%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    80% {
        left: 80.3571428571%;
        top: 43.119266055%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        left: 89.2857142857%;
        top: 43.119266055%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes iconfont3 {
    0% {
        left: 0%;
        top: 36.6972477064%
    }

    40% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        left: 69.6428571429%;
        top: 41.2844036697%;
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    80% {
        left: 80.3571428571%;
        top: 43.119266055%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        left: 89.2857142857%;
        top: 43.119266055%;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes iconfont3 {
    0% {
        left: 0%;
        top: 36.6972477064%
    }

    40% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        left: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        left: 69.6428571429%;
        top: 41.2844036697%;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    80% {
        left: 80.3571428571%;
        top: 43.119266055%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        left: 89.2857142857%;
        top: 43.119266055%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes iconfont4 {
    0% {
        bottom: 39.1437308869%;
        left: 0%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    40% {
        bottom: 39.1437308869%;
        left: 60.7142857143%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    45% {
        bottom: 39.755351682%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    70% {
        bottom: 45.2599388379%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    80% {
        bottom: 48.3180428135%;
        left: 66.0714285714%;
        -webkit-transform: rotate(-55deg);
        transform: rotate(-55deg)
    }

    90% {
        bottom: 51.6819571865%;
        left: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 51.6819571865%;
        left: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes iconfont4 {
    0% {
        bottom: 39.1437308869%;
        left: 0%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    40% {
        bottom: 39.1437308869%;
        left: 60.7142857143%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    45% {
        bottom: 39.755351682%;
        left: 60.7142857143%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    70% {
        bottom: 45.2599388379%;
        left: 60.7142857143%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    80% {
        bottom: 48.3180428135%;
        left: 66.0714285714%;
        -moz-transform: rotate(-55deg);
        transform: rotate(-55deg)
    }

    90% {
        bottom: 51.6819571865%;
        left: 80.3571428571%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 51.6819571865%;
        left: 107.1428571429%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes iconfont4 {
    0% {
        bottom: 39.1437308869%;
        left: 0%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    40% {
        bottom: 39.1437308869%;
        left: 60.7142857143%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    45% {
        bottom: 39.755351682%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    70% {
        bottom: 45.2599388379%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    80% {
        bottom: 48.3180428135%;
        left: 66.0714285714%;
        -webkit-transform: rotate(-55deg);
        -moz-transform: rotate(-55deg);
        transform: rotate(-55deg)
    }

    90% {
        bottom: 51.6819571865%;
        left: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 51.6819571865%;
        left: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes iconfont5 {
    0% {
        bottom: 20.4892966361%;
        left: 0%
    }

    40% {
        bottom: 20.4892966361%;
        left: 60.7142857143%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    45% {
        bottom: 20.4892966361%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    80% {
        bottom: 45.2599388379%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    85% {
        bottom: 48.3180428135%;
        left: 66.0714285714%;
        -webkit-transform: rotate(-55deg);
        transform: rotate(-55deg)
    }

    90% {
        bottom: 51.6819571865%;
        left: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 51.6819571865%;
        left: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes iconfont5 {
    0% {
        bottom: 20.4892966361%;
        left: 0%
    }

    40% {
        bottom: 20.4892966361%;
        left: 60.7142857143%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    45% {
        bottom: 20.4892966361%;
        left: 60.7142857143%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    80% {
        bottom: 45.2599388379%;
        left: 60.7142857143%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    85% {
        bottom: 48.3180428135%;
        left: 66.0714285714%;
        -moz-transform: rotate(-55deg);
        transform: rotate(-55deg)
    }

    90% {
        bottom: 51.6819571865%;
        left: 80.3571428571%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 51.6819571865%;
        left: 107.1428571429%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes iconfont5 {
    0% {
        bottom: 20.4892966361%;
        left: 0%
    }

    40% {
        bottom: 20.4892966361%;
        left: 60.7142857143%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    45% {
        bottom: 20.4892966361%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    80% {
        bottom: 45.2599388379%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    85% {
        bottom: 48.3180428135%;
        left: 66.0714285714%;
        -webkit-transform: rotate(-55deg);
        -moz-transform: rotate(-55deg);
        transform: rotate(-55deg)
    }

    90% {
        bottom: 51.6819571865%;
        left: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 51.6819571865%;
        left: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes iconfont6 {
    0% {
        bottom: 0%;
        left: 0%
    }

    20% {
        bottom: 0%;
        left: 35.7142857143%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        bottom: 2.4464831804%;
        left: 53.5714285714%;
        -webkit-transform: rotate(-37deg);
        transform: rotate(-37deg)
    }

    40% {
        bottom: 7.0336391437%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    80% {
        bottom: 45.2599388379%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    85% {
        bottom: 47.7064220183%;
        left: 66.0714285714%;
        -webkit-transform: rotate(-55deg);
        transform: rotate(-55deg)
    }

    90% {
        bottom: 51.6819571865%;
        left: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 51.6819571865%;
        left: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes iconfont6 {
    0% {
        bottom: 0%;
        left: 0%
    }

    20% {
        bottom: 0%;
        left: 35.7142857143%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        bottom: 2.4464831804%;
        left: 53.5714285714%;
        -moz-transform: rotate(-37deg);
        transform: rotate(-37deg)
    }

    40% {
        bottom: 7.0336391437%;
        left: 60.7142857143%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    80% {
        bottom: 45.2599388379%;
        left: 60.7142857143%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    85% {
        bottom: 47.7064220183%;
        left: 66.0714285714%;
        -moz-transform: rotate(-55deg);
        transform: rotate(-55deg)
    }

    90% {
        bottom: 51.6819571865%;
        left: 80.3571428571%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 51.6819571865%;
        left: 107.1428571429%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes iconfont6 {
    0% {
        bottom: 0%;
        left: 0%
    }

    20% {
        bottom: 0%;
        left: 35.7142857143%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        bottom: 2.4464831804%;
        left: 53.5714285714%;
        -webkit-transform: rotate(-37deg);
        -moz-transform: rotate(-37deg);
        transform: rotate(-37deg)
    }

    40% {
        bottom: 7.0336391437%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    80% {
        bottom: 45.2599388379%;
        left: 60.7142857143%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    85% {
        bottom: 47.7064220183%;
        left: 66.0714285714%;
        -webkit-transform: rotate(-55deg);
        -moz-transform: rotate(-55deg);
        transform: rotate(-55deg)
    }

    90% {
        bottom: 51.6819571865%;
        left: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: 51.6819571865%;
        left: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.index-section-5 .matrix-box .lt .row-box {
    right: -13%
}

.index-section-5 .matrix-box .lt .row-box .iconfont {
    color: #43cf7c
}

.index-section-5 .matrix-box .lt .row-box .row-top {
    left: 0
}

.index-section-5 .matrix-box .lt .row-box .row-top img {
    width: 0.875rem;
    height: 0.42rem;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .lt .row-box .row-top .iconfont {
    top: 100%;
    left: 0;
    opacity: 1;
    -webkit-animation: ltrowTopAnim 3s linear infinite;
    -moz-animation: ltrowTopAnim 3s linear infinite;
    animation: ltrowTopAnim 3s linear infinite
}

@-webkit-keyframes ltrowTopAnim {
    0% {
        top: 100%;
        left: -1.1428571429%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        top: 20%;
        left: -1.1428571429%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    35% {
        top: 5%;
        left: 2.2857142857%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    40% {
        top: -2%;
        left: 12.5714285714%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        top: -2%;
        left: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes ltrowTopAnim {
    0% {
        top: 100%;
        left: -1.1428571429%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        top: 20%;
        left: -1.1428571429%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    35% {
        top: 5%;
        left: 2.2857142857%;
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    40% {
        top: -2%;
        left: 12.5714285714%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        top: -2%;
        left: 100%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ltrowTopAnim {
    0% {
        top: 100%;
        left: -1.1428571429%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        top: 20%;
        left: -1.1428571429%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    35% {
        top: 5%;
        left: 2.2857142857%;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    40% {
        top: -2%;
        left: 12.5714285714%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        top: -2%;
        left: 100%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.index-section-5 .matrix-box .lt .row-box .row-bottom {
    left: 0%
}

.index-section-5 .matrix-box .lt .row-box .row-bottom img {
    width: 0.565rem;
    height: 0.575rem;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .lt .row-box .row-bottom .iconfont {
    bottom: 100%;
    -webkit-animation: ltrowBottomAnim 3s linear infinite;
    -moz-animation: ltrowBottomAnim 3s linear infinite;
    animation: ltrowBottomAnim 3s linear infinite
}

@-webkit-keyframes ltrowBottomAnim {
    0% {
        bottom: 100%;
        left: -2.6548672566%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    45% {
        bottom: 20%;
        left: -2.6548672566%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    55% {
        bottom: 3%;
        left: 7.0796460177%;
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    65% {
        bottom: -2%;
        left: 18.5840707965%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: -2%;
        left: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes ltrowBottomAnim {
    0% {
        bottom: 100%;
        left: -2.6548672566%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    45% {
        bottom: 20%;
        left: -2.6548672566%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    55% {
        bottom: 3%;
        left: 7.0796460177%;
        -moz-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    65% {
        bottom: -2%;
        left: 18.5840707965%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: -2%;
        left: 100%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ltrowBottomAnim {
    0% {
        bottom: 100%;
        left: -2.6548672566%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    45% {
        bottom: 20%;
        left: -2.6548672566%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    55% {
        bottom: 3%;
        left: 7.0796460177%;
        -webkit-transform: rotate(35deg);
        -moz-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    65% {
        bottom: -2%;
        left: 18.5840707965%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        bottom: -2%;
        left: 100%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.index-section-5 .matrix-box .rt {
    max-width: 1.8rem;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 28.125%;
    flex: 0 0 28.125%;
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.01rem dotted rgb(139,176,246);
    position: relative;
    z-index: 2
}

.index-section-5 .matrix-box .rt .tit {
    background: -webkit-gradient(linear,left top,right top,from(rgb(40,102,236)),to(rgb(86,156,246)));
    background: -moz-linear-gradient(left,rgb(40,102,236) 0%,rgb(86,156,246) 100%);
    background: linear-gradient(90deg,rgb(40,102,236) 0%,rgb(86,156,246) 100%)
}

.index-section-5 .matrix-box .rt .img {
    margin-top: 0.075rem;
    width: 0.83rem;
    height: 2.1rem;
    margin-left: auto;
    position: relative;
    z-index: 2
}

.index-section-5 .matrix-box .rt .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .rt .round {
    width: 1rem;
    height: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100%;
    border: 0.01rem solid rgb(234,245,255);
    position: absolute;
    top: 50%;
    left: -0.55rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-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;
    background-color: #fff;
    z-index: 2
}

.index-section-5 .matrix-box .rt .round .box {
    position: relative;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 100%;
    -webkit-box-shadow: 0 0.01rem 0.15rem rgba(26,163,237,0.4);
    box-shadow: 0 0.01rem 0.15rem rgba(26,163,237,0.4);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.05rem;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.index-section-5 .matrix-box .rt .round .box:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.index-section-5 .matrix-box .rt .round .box::before,.index-section-5 .matrix-box .rt .round .box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    background: -webkit-gradient(linear,left top,right top,from(rgb(207,236,250)),color-stop(52.51%,rgb(238,248,255)),to(rgb(194,220,252)));
    background: -moz-linear-gradient(left,rgb(207,236,250) 0%,rgb(238,248,255) 52.51%,rgb(194,220,252) 100%);
    background: linear-gradient(90deg,rgb(207,236,250) 0%,rgb(238,248,255) 52.51%,rgb(194,220,252) 100%)
}

.index-section-5 .matrix-box .rt .round .box::before {
    background: -webkit-gradient(linear,left top,right top,from(rgb(37,99,235)),to(rgb(85,154,252)));
    background: -moz-linear-gradient(left,rgb(37,99,235) 0%,rgb(85,154,252) 100%);
    background: linear-gradient(90deg,rgb(37,99,235) 0%,rgb(85,154,252) 100%);
    -webkit-animation: scaleAnim 3s linear infinite;
    -moz-animation: scaleAnim 3s linear infinite;
    animation: scaleAnim 3s linear infinite;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.index-section-5 .matrix-box .rt .round .box .cont {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,right top,from(rgb(37,99,235)),to(rgb(85,154,252)));
    background: -moz-linear-gradient(left,rgb(37,99,235) 0%,rgb(85,154,252) 100%);
    background: linear-gradient(90deg,rgb(37,99,235) 0%,rgb(85,154,252) 100%);
    border-radius: 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
}

.index-section-5 .matrix-box .rt .round .box .cont .h1 {
    font-size: 0.14rem;
    text-align: center;
    font-weight: 700;
    color: #fff
}

.index-section-5 .matrix-box .rt .round .box .cont .h2 {
    font-size: 0.09rem;
    color: #fff;
    font-weight: 700;
    opacity: 0.8
}

.index-section-5 .matrix-box .rt .arrow {
    position: absolute;
    top: 0.625rem;
    right: 0.83rem;
    z-index: 1;
    max-width: 0.57rem;
    height: 1.635rem
}

.index-section-5 .matrix-box .rt .arrow img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .rt .arrow .iconfont {
    position: absolute;
    right: 0%;
    color: rgb(139,176,246);
    font-size: 0.08rem
}

.index-section-5 .matrix-box .rt .arrow .iconfont:nth-child(1) {
    right: 107.1428571429%;
    top: 45.871559633%;
    -webkit-animation: rt-iconfont1 3s linear infinite;
    -moz-animation: rt-iconfont1 3s linear infinite;
    animation: rt-iconfont1 3s linear infinite
}

.index-section-5 .matrix-box .rt .arrow .iconfont:nth-child(2) {
    right: 89.2857142857%;
    top: 43.119266055%;
    -webkit-animation: rt-iconfont2 3s linear infinite;
    -moz-animation: rt-iconfont2 3s linear infinite;
    animation: rt-iconfont2 3s linear infinite
}

.index-section-5 .matrix-box .rt .arrow .iconfont:nth-child(3) {
    right: 89.2857142857%;
    top: 43.119266055%;
    -webkit-animation: rt-iconfont3 3s linear infinite;
    -moz-animation: rt-iconfont3 3s linear infinite;
    animation: rt-iconfont3 3s linear infinite
}

.index-section-5 .matrix-box .rt .arrow .iconfont:nth-child(4) {
    bottom: 51.6819571865%;
    right: 107.1428571429%;
    -webkit-animation: rt-iconfont4 3s linear infinite;
    -moz-animation: rt-iconfont4 3s linear infinite;
    animation: rt-iconfont4 3s linear infinite
}

.index-section-5 .matrix-box .rt .arrow .iconfont:nth-child(5) {
    bottom: 51.6819571865%;
    right: 107.1428571429%;
    -webkit-animation: rt-iconfont5 3s linear infinite;
    -moz-animation: rt-iconfont5 3s linear infinite;
    animation: rt-iconfont5 3s linear infinite
}

.index-section-5 .matrix-box .rt .arrow .iconfont:nth-child(6) {
    bottom: 51.6819571865%;
    right: 107.1428571429%;
    -webkit-animation: rt-iconfont6 3s linear infinite;
    -moz-animation: rt-iconfont6 3s linear infinite;
    animation: rt-iconfont6 3s linear infinite
}

@-webkit-keyframes rt-iconfont1 {
    100% {
        right: 0%;
        top: 0%
    }

    80% {
        right: 41.9642857143%;
        top: 0%;
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    70% {
        right: 55.3571428571%;
        top: 3.0581039755%;
        -webkit-transform: rotate(-50deg);
        transform: rotate(-50deg)
    }

    60% {
        right: 60.7142857143%;
        top: 8.5626911315%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    20% {
        right: 71.4285714286%;
        top: 41.5902140673%;
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    10% {
        right: 84.8214285714%;
        top: 43.4250764526%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        right: 107.1428571429%;
        top: 45.871559633%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes rt-iconfont1 {
    100% {
        right: 0%;
        top: 0%
    }

    80% {
        right: 41.9642857143%;
        top: 0%;
        -moz-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    70% {
        right: 55.3571428571%;
        top: 3.0581039755%;
        -moz-transform: rotate(-50deg);
        transform: rotate(-50deg)
    }

    60% {
        right: 60.7142857143%;
        top: 8.5626911315%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    20% {
        right: 71.4285714286%;
        top: 41.5902140673%;
        -moz-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    10% {
        right: 84.8214285714%;
        top: 43.4250764526%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        right: 107.1428571429%;
        top: 45.871559633%;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rt-iconfont1 {
    100% {
        right: 0%;
        top: 0%
    }

    80% {
        right: 41.9642857143%;
        top: 0%;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    70% {
        right: 55.3571428571%;
        top: 3.0581039755%;
        -webkit-transform: rotate(-50deg);
        -moz-transform: rotate(-50deg);
        transform: rotate(-50deg)
    }

    60% {
        right: 60.7142857143%;
        top: 8.5626911315%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    20% {
        right: 71.4285714286%;
        top: 41.5902140673%;
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    10% {
        right: 84.8214285714%;
        top: 43.4250764526%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        right: 107.1428571429%;
        top: 45.871559633%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rt-iconfont2 {
    100% {
        right: 0%;
        top: 17.4311926606%
    }

    60% {
        right: 60.7142857143%;
        top: 17.7370030581%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    58% {
        right: 60.7142857143%;
        top: 17.7370030581%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    20% {
        right: 69.6428571429%;
        top: 41.2844036697%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    10% {
        right: 80.3571428571%;
        top: 43.119266055%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        right: 89.2857142857%;
        top: 43.119266055%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes rt-iconfont2 {
    100% {
        right: 0%;
        top: 17.4311926606%
    }

    60% {
        right: 60.7142857143%;
        top: 17.7370030581%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    58% {
        right: 60.7142857143%;
        top: 17.7370030581%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    20% {
        right: 69.6428571429%;
        top: 41.2844036697%;
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    10% {
        right: 80.3571428571%;
        top: 43.119266055%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        right: 89.2857142857%;
        top: 43.119266055%;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rt-iconfont2 {
    100% {
        right: 0%;
        top: 17.4311926606%
    }

    60% {
        right: 60.7142857143%;
        top: 17.7370030581%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    58% {
        right: 60.7142857143%;
        top: 17.7370030581%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    20% {
        right: 69.6428571429%;
        top: 41.2844036697%;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    10% {
        right: 80.3571428571%;
        top: 43.119266055%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        right: 89.2857142857%;
        top: 43.119266055%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rt-iconfont3 {
    100% {
        right: 0%;
        top: 36.6972477064%
    }

    60% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        right: 69.6428571429%;
        top: 41.2844036697%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    20% {
        right: 80.3571428571%;
        top: 43.119266055%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        right: 89.2857142857%;
        top: 43.119266055%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes rt-iconfont3 {
    100% {
        right: 0%;
        top: 36.6972477064%
    }

    60% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        right: 69.6428571429%;
        top: 41.2844036697%;
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    20% {
        right: 80.3571428571%;
        top: 43.119266055%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        right: 89.2857142857%;
        top: 43.119266055%;
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rt-iconfont3 {
    100% {
        right: 0%;
        top: 36.6972477064%
    }

    60% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        right: 60.7142857143%;
        top: 36.6972477064%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    30% {
        right: 69.6428571429%;
        top: 41.2844036697%;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    20% {
        right: 80.3571428571%;
        top: 43.119266055%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        right: 89.2857142857%;
        top: 43.119266055%;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes rt-iconfont4 {
    100% {
        bottom: 39.1437308869%;
        right: 0%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    60% {
        bottom: 39.1437308869%;
        right: 60.7142857143%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    55% {
        bottom: 39.755351682%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    30% {
        bottom: 45.2599388379%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    20% {
        bottom: 48.3180428135%;
        right: 66.0714285714%;
        -webkit-transform: rotate(55deg);
        transform: rotate(55deg)
    }

    10% {
        bottom: 51.6819571865%;
        right: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: 51.6819571865%;
        right: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes rt-iconfont4 {
    100% {
        bottom: 39.1437308869%;
        right: 0%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    60% {
        bottom: 39.1437308869%;
        right: 60.7142857143%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    55% {
        bottom: 39.755351682%;
        right: 60.7142857143%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    30% {
        bottom: 45.2599388379%;
        right: 60.7142857143%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    20% {
        bottom: 48.3180428135%;
        right: 66.0714285714%;
        -moz-transform: rotate(55deg);
        transform: rotate(55deg)
    }

    10% {
        bottom: 51.6819571865%;
        right: 80.3571428571%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: 51.6819571865%;
        right: 107.1428571429%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rt-iconfont4 {
    100% {
        bottom: 39.1437308869%;
        right: 0%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    60% {
        bottom: 39.1437308869%;
        right: 60.7142857143%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    55% {
        bottom: 39.755351682%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    30% {
        bottom: 45.2599388379%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    20% {
        bottom: 48.3180428135%;
        right: 66.0714285714%;
        -webkit-transform: rotate(55deg);
        -moz-transform: rotate(55deg);
        transform: rotate(55deg)
    }

    10% {
        bottom: 51.6819571865%;
        right: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: 51.6819571865%;
        right: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes rt-iconfont5 {
    100% {
        bottom: 20.4892966361%;
        right: 0%
    }

    60% {
        bottom: 20.4892966361%;
        right: 60.7142857143%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    55% {
        bottom: 20.4892966361%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    20% {
        bottom: 45.2599388379%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    15% {
        bottom: 48.3180428135%;
        right: 66.0714285714%;
        -webkit-transform: rotate(55deg);
        transform: rotate(55deg)
    }

    10% {
        bottom: 51.6819571865%;
        right: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: 51.6819571865%;
        right: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes rt-iconfont5 {
    100% {
        bottom: 20.4892966361%;
        right: 0%
    }

    60% {
        bottom: 20.4892966361%;
        right: 60.7142857143%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    55% {
        bottom: 20.4892966361%;
        right: 60.7142857143%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    20% {
        bottom: 45.2599388379%;
        right: 60.7142857143%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    15% {
        bottom: 48.3180428135%;
        right: 66.0714285714%;
        -moz-transform: rotate(55deg);
        transform: rotate(55deg)
    }

    10% {
        bottom: 51.6819571865%;
        right: 80.3571428571%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: 51.6819571865%;
        right: 107.1428571429%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rt-iconfont5 {
    100% {
        bottom: 20.4892966361%;
        right: 0%
    }

    60% {
        bottom: 20.4892966361%;
        right: 60.7142857143%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    55% {
        bottom: 20.4892966361%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    20% {
        bottom: 45.2599388379%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    15% {
        bottom: 48.3180428135%;
        right: 66.0714285714%;
        -webkit-transform: rotate(55deg);
        -moz-transform: rotate(55deg);
        transform: rotate(55deg)
    }

    10% {
        bottom: 51.6819571865%;
        right: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: 51.6819571865%;
        right: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes rt-iconfont6 {
    100% {
        bottom: 0%;
        right: 0%
    }

    80% {
        bottom: 0%;
        right: 35.7142857143%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    70% {
        bottom: 2.4464831804%;
        right: 53.5714285714%;
        -webkit-transform: rotate(37deg);
        transform: rotate(37deg)
    }

    60% {
        bottom: 7.0336391437%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    20% {
        bottom: 45.2599388379%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    15% {
        bottom: 48.3180428135%;
        right: 66.0714285714%;
        -webkit-transform: rotate(55deg);
        transform: rotate(55deg)
    }

    10% {
        bottom: 51.6819571865%;
        right: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: 51.6819571865%;
        right: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes rt-iconfont6 {
    100% {
        bottom: 0%;
        right: 0%
    }

    80% {
        bottom: 0%;
        right: 35.7142857143%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    70% {
        bottom: 2.4464831804%;
        right: 53.5714285714%;
        -moz-transform: rotate(37deg);
        transform: rotate(37deg)
    }

    60% {
        bottom: 7.0336391437%;
        right: 60.7142857143%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    20% {
        bottom: 45.2599388379%;
        right: 60.7142857143%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    15% {
        bottom: 48.3180428135%;
        right: 66.0714285714%;
        -moz-transform: rotate(55deg);
        transform: rotate(55deg)
    }

    10% {
        bottom: 51.6819571865%;
        right: 80.3571428571%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: 51.6819571865%;
        right: 107.1428571429%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rt-iconfont6 {
    100% {
        bottom: 0%;
        right: 0%
    }

    80% {
        bottom: 0%;
        right: 35.7142857143%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    70% {
        bottom: 2.4464831804%;
        right: 53.5714285714%;
        -webkit-transform: rotate(37deg);
        -moz-transform: rotate(37deg);
        transform: rotate(37deg)
    }

    60% {
        bottom: 7.0336391437%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    20% {
        bottom: 45.2599388379%;
        right: 60.7142857143%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    15% {
        bottom: 48.3180428135%;
        right: 66.0714285714%;
        -webkit-transform: rotate(55deg);
        -moz-transform: rotate(55deg);
        transform: rotate(55deg)
    }

    10% {
        bottom: 51.6819571865%;
        right: 80.3571428571%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: 51.6819571865%;
        right: 107.1428571429%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.index-section-5 .matrix-box .rt .row-box {
    right: unset;
    left: -13%
}

.index-section-5 .matrix-box .rt .row-box .iconfont {
    color: rgb(40,103,236)
}

.index-section-5 .matrix-box .rt .row-box .row-top {
    right: 0
}

.index-section-5 .matrix-box .rt .row-box .row-top img {
    width: 0.925rem;
    height: 0.42rem;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .rt .row-box .row-top .iconfont {
    top: 100%;
    -webkit-animation: rtrowTopAnim 3s linear infinite;
    -moz-animation: rtrowTopAnim 3s linear infinite;
    animation: rtrowTopAnim 3s linear infinite
}

@-webkit-keyframes rtrowTopAnim {
    100% {
        top: 100%;
        right: -1.1428571429%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        top: 20%;
        right: -1.1428571429%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    65% {
        top: 4%;
        right: 0.5714285714%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    55% {
        top: -2%;
        right: 12.5714285714%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        top: -2%;
        right: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes rtrowTopAnim {
    100% {
        top: 100%;
        right: -1.1428571429%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        top: 20%;
        right: -1.1428571429%;
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    65% {
        top: 4%;
        right: 0.5714285714%;
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    55% {
        top: -2%;
        right: 12.5714285714%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        top: -2%;
        right: 100%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rtrowTopAnim {
    100% {
        top: 100%;
        right: -1.1428571429%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    70% {
        top: 20%;
        right: -1.1428571429%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    65% {
        top: 4%;
        right: 0.5714285714%;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    55% {
        top: -2%;
        right: 12.5714285714%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        top: -2%;
        right: 100%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.index-section-5 .matrix-box .rt .row-box .row-bottom {
    right: 0
}

.index-section-5 .matrix-box .rt .row-box .row-bottom img {
    width: 127;
    height: 0.585rem;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .rt .row-box .row-bottom .iconfont {
    bottom: 100%;
    -webkit-animation: rtrowBottomAnim 3s linear infinite;
    -moz-animation: rtrowBottomAnim 3s linear infinite;
    animation: rtrowBottomAnim 3s linear infinite
}

@-webkit-keyframes rtrowBottomAnim {
    100% {
        bottom: 100%;
        right: -1.5748031496%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    55% {
        bottom: 20%;
        right: -1.5748031496%;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    45% {
        bottom: 3%;
        right: 7.874015748%;
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    35% {
        bottom: -2%;
        right: 16.5354330709%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: -2%;
        right: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes rtrowBottomAnim {
    100% {
        bottom: 100%;
        right: -1.5748031496%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    55% {
        bottom: 20%;
        right: -1.5748031496%;
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    45% {
        bottom: 3%;
        right: 7.874015748%;
        -moz-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    35% {
        bottom: -2%;
        right: 16.5354330709%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: -2%;
        right: 100%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rtrowBottomAnim {
    100% {
        bottom: 100%;
        right: -1.5748031496%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    55% {
        bottom: 20%;
        right: -1.5748031496%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    45% {
        bottom: 3%;
        right: 7.874015748%;
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    35% {
        bottom: -2%;
        right: 16.5354330709%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0% {
        bottom: -2%;
        right: 100%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.index-section-5 .matrix-box .center {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.index-section-5 .matrix-box .center .center-top {
    width: 1.4rem;
    height: 1.78rem;
    border: 0.01rem dotted rgb(148,158,254);
    margin: 0 auto;
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-section-5 .matrix-box .center .center-top .tit {
    background: -webkit-gradient(linear,left top,right top,from(rgb(110,101,255)),to(rgb(65,179,255)));
    background: -moz-linear-gradient(left,rgb(110,101,255) 0%,rgb(65,179,255) 100%);
    background: linear-gradient(90deg,rgb(110,101,255) 0%,rgb(65,179,255) 100%)
}

.index-section-5 .matrix-box .center .center-top .round {
    width: 1.2rem;
    height: 1.2rem;
    background: rgb(255,255,255);
    border: 0.005rem solid rgb(139,176,246);
    border-radius: 100%;
    margin-top: 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;
    position: relative;
    z-index: 3
}

.index-section-5 .matrix-box .center .center-top .round .box {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: -webkit-gradient(linear,left top,right top,from(rgb(110,101,255)),to(rgb(65,178,255)));
    background: -moz-linear-gradient(left,rgb(110,101,255) 0%,rgb(65,178,255) 100%);
    background: linear-gradient(90deg,rgb(110,101,255) 0%,rgb(65,178,255) 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;
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 0.01rem 0.35rem rgba(37,99,235,0.4);
    box-shadow: 0 0.01rem 0.35rem rgba(37,99,235,0.4);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.index-section-5 .matrix-box .center .center-top .round .box:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.index-section-5 .matrix-box .center .center-top .round .box .h1 {
    font-size: 0.14rem;
    color: #fff;
    font-weight: 700
}

.index-section-5 .matrix-box .center .center-top .round .box .h2 {
    font-size: 0.09rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    opacity: 0.8
}

.index-section-5 .matrix-box .center .center-top .round::after,.index-section-5 .matrix-box .center .center-top .round::before {
    content: "";
    position: absolute;
    top: 0.05rem;
    left: 0.05rem;
    right: 0.05rem;
    bottom: 0.05rem;
    border-radius: 100%;
    background: -webkit-gradient(linear,left top,right top,from(rgb(203,201,255)),color-stop(53.47%,rgb(255,255,255)),to(rgb(176,219,255)));
    background: -moz-linear-gradient(left,rgb(203,201,255) 0%,rgb(255,255,255) 53.47%,rgb(176,219,255) 100%);
    background: linear-gradient(90deg,rgb(203,201,255) 0%,rgb(255,255,255) 53.47%,rgb(176,219,255) 100%)
}

.index-section-5 .matrix-box .center .center-top .round::before {
    z-index: 0;
    -webkit-animation: scaleAnim 3s linear infinite;
    -moz-animation: scaleAnim 3s linear infinite;
    animation: scaleAnim 3s linear infinite;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    background: -webkit-gradient(linear,left top,right top,from(rgb(110,101,255)),to(rgb(65,178,255)));
    background: -moz-linear-gradient(left,rgb(110,101,255) 0%,rgb(65,178,255) 100%);
    background: linear-gradient(90deg,rgb(110,101,255) 0%,rgb(65,178,255) 100%)
}

.index-section-5 .matrix-box .center .center-bottom {
    width: 1.4rem;
    height: 0.76rem;
    margin: 0.06rem auto 0;
    border-radius: 0.025rem;
    background: rgb(234,245,255);
    padding: 0.005rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.index-section-5 .matrix-box .center .center-bottom .box {
    padding: 0.075rem 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: rgb(234,245,255);
    z-index: 1;
    border-radius: 0.025rem;
    width: 100%;
    height: 100%
}

.index-section-5 .matrix-box .center .center-bottom::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear,left top,right top,from(rgb(96,203,130)),to(rgb(40,103,236)));
    background: -moz-linear-gradient(left,rgb(96,203,130) 0%,rgb(40,103,236) 100%);
    background: linear-gradient(90deg,rgb(96,203,130) 0%,rgb(40,103,236) 100%)
}

.index-section-5 .matrix-box .center .center-bottom .t {
    text-align: center;
    font-size: 0.09rem;
    font-weight: 700
}

.index-section-5 .matrix-box .center .center-bottom .logo-list-1 {
    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.035rem;
    margin-top: 0.05rem
}

.index-section-5 .matrix-box .center .center-bottom .logo-list-1 .item {
    height: 0.2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.2rem;
    background: rgb(255,255,255);
    -webkit-box-shadow: 0 0.01rem 0.02rem rgba(40,103,236,0.25);
    box-shadow: 0 0.01rem 0.02rem rgba(40,103,236,0.25)
}

.index-section-5 .matrix-box .center .center-bottom .logo-list-1 .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .center .center-bottom .logo-list-2 {
    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;
    background: rgb(255,255,255);
    -webkit-box-shadow: 0 0.01rem 0.02rem rgba(40,103,236,0.25);
    box-shadow: 0 0.01rem 0.02rem rgba(40,103,236,0.25);
    border-radius: 0.2rem;
    padding: 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0.05rem
}

.index-section-5 .matrix-box .center .center-bottom .logo-list-2 .item {
    padding-top: 0;
    width: 0.1rem;
    height: 0.1rem
}

.index-section-5 .matrix-box .center .center-bottom .logo-list-2 .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.index-section-5 .matrix-box .bottom {
    border: 0.01rem dotted rgb(110,101,255);
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0.3rem;
    position: relative
}

.index-section-5 .matrix-box .bottom .box {
    background: -webkit-gradient(linear,left top,right top,from(rgb(185,106,255)),to(rgb(40,139,255)));
    background: -moz-linear-gradient(left,rgb(185,106,255) 0%,rgb(40,139,255) 100%);
    background: linear-gradient(90deg,rgb(185,106,255) 0%,rgb(40,139,255) 100%);
    text-align: center;
    padding: 0.075rem 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.115rem;
    font-weight: 700;
    color: #fff
}

.index-section-5 .matrix-box .bottom .row {
    position: absolute;
    top: -0.275rem;
    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-5 .matrix-box .bottom .row::before {
    content: "";
    display: block;
    width: 0.185rem;
    height: 0.085rem;
    -webkit-clip-path: polygon(50% 0%,0% 100%,100% 100%);
    clip-path: polygon(50% 0%,0% 100%,100% 100%)
}

.index-section-5 .matrix-box .bottom .row::after {
    content: "";
    display: block;
    width: 0.085rem;
    height: 0.1rem;
    margin: -0.005rem auto 0
}

.index-section-5 .matrix-box .bottom .row:nth-child(1) {
    left: 12%
}

.index-section-5 .matrix-box .bottom .row:nth-child(1)::after,.index-section-5 .matrix-box .bottom .row:nth-child(1)::before {
    background: rgb(96,201,134)
}

.index-section-5 .matrix-box .bottom .row:nth-child(2) {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.index-section-5 .matrix-box .bottom .row:nth-child(2)::after,.index-section-5 .matrix-box .bottom .row:nth-child(2)::before {
    background: rgb(148,158,254)
}

.index-section-5 .matrix-box .bottom .row:nth-child(3) {
    right: 12%
}

.index-section-5 .matrix-box .bottom .row:nth-child(3)::after,.index-section-5 .matrix-box .bottom .row:nth-child(3)::before {
    background: rgb(40,103,236)
}

@-webkit-keyframes scaleAnim {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8
    }

    40% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        opacity: 0
    }
}

@-moz-keyframes scaleAnim {
    0% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8
    }

    40% {
        -moz-transform: scale(1.25);
        transform: scale(1.25);
        opacity: 0
    }

    100% {
        -moz-transform: scale(1.25);
        transform: scale(1.25);
        opacity: 0
    }
}

@keyframes scaleAnim {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8
    }

    40% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        transform: scale(1.25);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        transform: scale(1.25);
        opacity: 0
    }
}

.index-section-5 .mt {
    margin-top: 0.4rem
}

.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: 0.005rem 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
}

.index-experiment {
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
    background-color: rgba(233,240,251,0.6)
}

.index-experiment .head-swiper {
    overflow: hidden;
    height: 0.5rem;
    margin-top: 0.23rem
}

.index-experiment .head-swiper .swiper-wrapper {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.index-experiment .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) {
    .index-experiment .head-swiper .swiper-slide:first-child .item {
        border-radius:0.1rem 0 0
    }

    .index-experiment .head-swiper .swiper-slide:last-child .item {
        border-radius: 0 0.1rem 0 0
    }
}

@media screen and (max-width: 1024px) {
    .index-experiment .head-swiper .swiper-slide .item {
        border-radius:0.1rem 0.1rem 0 0
    }
}

.index-experiment .head-swiper .swiper-slide:not(:last-child) .item {
    border-right: 0.005rem solid rgba(255,255,255,0.1)
}

.index-experiment .head-swiper .swiper-slide-thumb-active .item {
    height: 0.5rem;
    border-radius: 0.1rem 0.1rem 0 0!important;
    background-image: url(../images/experiment_bg_hover.png)!important;
}

.index-experiment .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-image: url(../images/experiment_bg.png);
 
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%
}

.index-experiment .head-swiper .item:hover {

    background-image: url(../images/experiment_bg_hover.png)!important;
    background-position: center;
    background-repeat: no-repeat;
}

.index-experiment .head-swiper .item .text {
    font-size: 0.1rem
}

@media screen and (max-width: 1024px) {
    .index-experiment .head-swiper .item .text {
        font-size:0.14rem
    }
}

.index-experiment .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) {
    .index-experiment .head-swiper .item .num {
        font-size:0.17rem
    }
}

.index-experiment .content-swiper {
    position: relative
}

.index-experiment .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) {
    .index-experiment .content-swiper-box {
        padding:0.075rem
    }
}

.index-experiment .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%
}

.index-experiment .content-swiper .item {
    position: relative;
    z-index: 10;
    background-color: #25303d
}

.index-experiment .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) {
    .index-experiment .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%)
    }
}

.index-experiment .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
}

.index-experiment .content-swiper .item .img {
    width: 65.1050080775%;
    margin-left: auto
}

@media screen and (max-width: 1024px) {
    .index-experiment .content-swiper .item .img {
        width:100%
    }
}

.index-experiment .content-swiper .item .img-box {
    position: relative;
    padding-bottom: 58.3126550868%;
    overflow: hidden
}

.index-experiment .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) {
    .index-experiment .content-swiper .item .img-box {
        position:relative;
        padding-bottom: 137.5%;
        overflow: hidden
    }

    .index-experiment .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
    }
}

.index-experiment .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) {
    .index-experiment .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
    }
}

.index-experiment .content-swiper .item .content-box .content-item:not(:last-child) {
    margin-bottom: 0.2rem
}

.index-experiment .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) {
    .index-experiment .content-swiper .item .content-box .title {
        font-size:0.15rem
    }
}

.index-experiment .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) {
    .index-experiment .content-swiper .item .content-box .title::after {
        width:0.1rem;
        height: 0.1rem;
        border-width: 0.03rem
    }
}

.index-experiment .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) {
    .index-experiment .content-swiper .item .content-box .title-list {
        -ms-flex-flow:wrap;
        flex-flow: wrap
    }
}

.index-experiment .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) {
    .index-experiment .content-swiper .item .content-box .title-list li {
        font-size:0.11rem;
        height: 0.4rem;
        width: 0.95rem
    }
}

.index-experiment .content-swiper .item .content-box .title-list li:not(:last-child) {
    margin-right: 0.05rem
}

.index-experiment .content-swiper .item .content-box .title-list li img {
    margin-right: 0.05rem
}

.index-experiment .content-swiper .item .content-box .desc-list {
    margin-top: 0.1rem
}

.index-experiment .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) {
    .index-experiment .content-swiper .item .content-box .desc-list li {
        font-size:0.12rem;
        display: block
    }
}

.index-experiment .content-swiper .item .content-box .desc-list img {
    margin-right: 0.15rem
}

@media screen and (max-width: 1024px) {
    .index-experiment .content-swiper .item .content-box .desc-list img {
        width:0.15rem;
        margin-right: 0.05rem
    }
}

.index-experiment .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) {
    .index-experiment .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
    }
}

.index-logo {
    position: relative;
    margin-top: 0.4rem
}

.index-logo .scroll-content {
    width: 100%;
    display: none
}

.index-logo .scroll-content .logo-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    width: 100%;
    display: block;
    position: relative
}

.index-logo .scroll-content .logo-list .scroll-container {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent
}

.index-logo .scroll-content .logo-list+.logo-list {
    padding-right: 0;
    margin-top: 0.35rem
}

.index-logo .scroll-content .scroll-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-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-animation: scrollAnim 35s infinite linear;
    -moz-animation: scrollAnim 35s infinite linear;
    animation: scrollAnim 35s infinite linear;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@-webkit-keyframes scrollAnim {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-moz-keyframes scrollAnim {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -moz-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes scrollAnim {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.index-logo .scroll-content .scroll-item+.scroll-item {
    margin-top: 0.35rem
}

.index-logo .scroll-content .logo-item {
    height: 0.255rem;
    margin-right: 0.6rem
}

@media (max-width: 1024px) {
    .index-logo .scroll-content .logo-item {
        height:0.35rem
    }
}

.index-logo .scroll-content .logo-item img {
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@-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)
    }
}




 

@-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-about .section-5 .pagination .swiper-pagination-bullet-active {
    background-color: #2563eb
}

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

.m {
    display: none
}

@media (max-width: 1024px) {
    .m {
        display:block
    }
}
 
 
@-webkit-keyframes showAnim {
    to {
        opacity: 1
    }
}

@-moz-keyframes showAnim {
    to {
        opacity: 1
    }
}

@keyframes showAnim {
    to {
        opacity: 1
    }
}

@-webkit-keyframes beatAnim {
    0% {
        -webkit-transform: translateY(-0.01rem);
        transform: translateY(-0.01rem)
    }

    50% {
        -webkit-transform: translateY(0.01rem);
        transform: translateY(0.01rem)
    }

    100% {
        -webkit-transform: translateY(-0.01rem);
        transform: translateY(-0.01rem)
    }
}

@-moz-keyframes beatAnim {
    0% {
        -moz-transform: translateY(-0.01rem);
        transform: translateY(-0.01rem)
    }

    50% {
        -moz-transform: translateY(0.01rem);
        transform: translateY(0.01rem)
    }

    100% {
        -moz-transform: translateY(-0.01rem);
        transform: translateY(-0.01rem)
    }
}

@keyframes beatAnim {
    0% {
        -webkit-transform: translateY(-0.01rem);
        -moz-transform: translateY(-0.01rem);
        transform: translateY(-0.01rem)
    }

    50% {
        -webkit-transform: translateY(0.01rem);
        -moz-transform: translateY(0.01rem);
        transform: translateY(0.01rem)
    }

    100% {
        -webkit-transform: translateY(-0.01rem);
        -moz-transform: translateY(-0.01rem);
        transform: translateY(-0.01rem)
    }
}

@-webkit-keyframes translateYAnim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.1rem);
        transform: translateY(0.1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes translateYAnim {
    0% {
        opacity: 0;
        -moz-transform: translateY(0.1rem);
        transform: translateY(0.1rem)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes translateYAnim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0.1rem);
        -moz-transform: translateY(0.1rem);
        transform: translateY(0.1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes translateXAnim {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0.1rem);
        transform: translateX(0.1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes translateXAnim {
    0% {
        opacity: 0;
        -moz-transform: translateX(0.1rem);
        transform: translateX(0.1rem)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes translateXAnim {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0.1rem);
        -moz-transform: translateX(0.1rem);
        transform: translateX(0.1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}
 
.mobile-img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.mobile-img .mask {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8)
}

.mobile-img.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.mobile-img img {
    width: 80%;
    margin: 0 auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    z-index: 2;
    display: block
}

.mobile-img .tips {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.05rem 0.075rem;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 0.12rem;
    background-color: rgba(0,0,0,0.8);
    display: none
}


   
   

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-25%) rotateX(30deg);
        transform: translateY(-25%) rotateX(30deg)
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible;
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        opacity: 0;
        visibility: hidden;
        -moz-transform: translateY(-25%) rotateX(30deg);
        transform: translateY(-25%) rotateX(30deg)
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-25%) rotateX(30deg);
        -moz-transform: translateY(-25%) rotateX(30deg);
        transform: translateY(-25%) rotateX(30deg)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-25%) rotateX(30deg);
        transform: translateY(-25%) rotateX(30deg)
    }

    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: hidden;
        -moz-transform: translateY(-25%) rotateX(30deg);
        transform: translateY(-25%) rotateX(30deg)
    }

    to {
        opacity: 1;
        visibility: visible;
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-25%) rotateX(30deg);
        -moz-transform: translateY(-25%) rotateX(30deg);
        transform: translateY(-25%) rotateX(30deg)
    }

    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
}




/* 应用场景区域样式 - 从 styles.css 复制 */
/* 应用场景区域 */
.application-scenarios {
    padding: 80px 0;
    background: var(--gradient-background);
    position: relative;
}

.application-scenarios .container {
    position: relative;
    z-index: 1;
}

 

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

.tabs-container {
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
}

.scenario-content-container {
    position: relative;
    
}

.scenario-tabs {
    display: flex;
    justify-content: center;
    gap: 16px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    max-width: 600px;
}

.scenario-tab {
    padding: 12px 24px;
    background-color: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    color: rgba(23, 23, 29, 0.75);
    font-weight: 500;
    transition: var(--transition);
    position: relative;
    flex: 1;
    text-align: center;
    white-space: nowrap;
}

.scenario-tab.active, .scenario-tab:hover {
    background-color: #fff;
    color: var(--primary-color);
    box-shadow: 0 4px 12px rgba(117, 89, 255, 0.15);
}

.scenario-content {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.scenario-content.active {
    display: block;
    opacity: 1;
}

.scenario-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    position: relative;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .scenario-card {
    display: block !important;
    }
     
}

.scenario-text {
    padding: 40px;
    flex: 1;
}

 

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.feature-item .feature-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(117, 89, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-item .feature-icon i {
    font-size: 24px;
    color: var(--primary-color);
}

.feature-item .feature-text {
    flex: 1;
    width: 100%;
}

.feature-item h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.feature-item p {
    font-size: 16px;
    color: rgba(23, 23, 29, 0.75);
    line-height: 1.5;
}

.btn-experience {
    padding: 12px 28px;
    font-weight: 500;
    font-size: 16px;
}

.scenario-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: linear-gradient(135deg, #f9faff 0%, #f5f7ff 100%);
}

.scenario-image img {
    max-width: 100%;
    max-height: 460px;
    object-fit: contain;
    border-radius: 10px;
}
.btn-experience {
    padding: 12px 28px;
    font-weight: 500;
    font-size: 16px;
}
:root {
    --primary-color: #7559FF;
    --secondary-color: #6A7DFF;
    --dark-color: #17171D;
    --light-color: #f9f9f9;
    --white-color: #fff;
    --gray-color: rgba(23, 23, 29, 0.48);
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --section-padding: 6rem 0;
    --card-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    --transition: all 0.3s ease;
    --gradient-primary: linear-gradient(90deg, #7559FF 0%, #6A7DFF 100%);
    --gradient-background: linear-gradient(135deg, #f8f9fc 0%, #eef1f8 100%);
    --gradient-button-hover: linear-gradient(90deg, #6A7DFF 0%, #7559FF 100%);
    --border-radius: 12px;
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* 按钮样式 */
.btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: var(--border-radius);
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    transition: var(--transition);
    font-size: 16px;
    line-height: 1.5;
}

.btn-primary {
    background: var(--gradient-primary);
    color: var(--white-color);
    border: none;
    box-shadow: 0 8px 24px rgba(117, 89, 255, 0.3);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(117, 89, 255, 0.5);
    background: var(--gradient-button-hover);
}

.btn-secondary {
    background-color: rgba(117, 89, 255, 0.05);
    color: var(--primary-color);
    border: 1px solid rgba(117, 89, 255, 0.2);
}

.btn-secondary:hover {
    background-color: rgba(117, 89, 255, 0.1);
    color: var(--primary-color);
    transform: translateY(-2px);
    border-color: var(--primary-color);
}

.btn-large {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
}

.btn-text {
    background-color: transparent;
    color: var(--primary-color);
    padding: 0;
    font-weight: 500;
}

.btn-text:hover {
    color: var(--secondary-color);
}

/* 新的Swiper Banner样式 - 使用更强的选择器覆盖旧样式 */
body .index-banner {
    width: 100% !important;
    height: 480px !important;
    min-height: 480px !important;
    position: relative !important;
 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

body .index-banner .swiper-container {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: none !important;
    display: block !important;
}

body .index-banner .swiper-slide {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    width: 100% !important;
    height: 100% !important;
}

.index-banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.index-banner .swiper-slide video {
    width: 100%;
    object-fit: cover;
}
@media (max-width: 768px) {
    .index-banner .swiper-slide video {
        height: 300px !important;
        min-height: 300px !important;
    }
}

.index-banner .slide-content {
    position: absolute;
    top: 50%;
     
    transform: translate(-50%, -50%);
    text-align: left;
    color: white !important;
    z-index: 20 !important;
    padding: 30px;
    border-radius: 10px;
  
    max-width: 800px;
    padding-top: 60px;
    padding-left: 120px;
    
}

.index-banner .slide-content h2 {
    font-size: 36px !important;
    margin-bottom: 20px;
    font-weight: bold !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8) !important;
    color: rgb(10, 10, 10) !important;
    line-height: 1.2;
}

.index-banner .slide-content p {
    font-size: 28px !important;
    opacity: 1 !important;
    color: rgba(12, 11, 11, 0.95) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
    line-height: 1.4;
}

.index-banner .slide-content .btn {
    display: inline-block !important;
    padding: 12px 30px !important;
    background: linear-gradient(45deg, #007bff, #0056b3) !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 25px;
    font-weight: 500 !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
    margin-right: 10px;
    margin-top: 10px;
    text-shadow: none !important;
    border: 2px solid rgba(255, 255, 255, 0.2);
    margin-top: 20px;
}

.index-banner .slide-content .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
}

body .index-banner .swiper-button-next,
body .index-banner .swiper-button-prev {
    color: white !important;
    background: rgb(37 193 236) !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 9999 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    border: none !important;
    outline: none !important;
}

body .index-banner .swiper-button-next:hover,
body .index-banner .swiper-button-prev:hover {
    background: rgba(255, 255, 255, 0.5) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

body .index-banner .swiper-button-next {
    right: 20px !important;
}

body .index-banner .swiper-button-prev {
    left: 20px !important;
}

body .index-banner .swiper-button-next::after,
body .index-banner .swiper-button-prev::after {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #132c78 !important;
    font-family: 'swiper-icons' !important;
}

/* 防止按钮被其他元素遮挡 */
.index-banner .swiper-button-next:not(.swiper-button-disabled),
.index-banner .swiper-button-prev:not(.swiper-button-disabled) {
    pointer-events: auto !important;
    opacity: 1 !important;
    display: flex !important;
}

/* 确保按钮在disabled状态下仍然可见 */
.index-banner .swiper-button-disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.index-banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: all 0.3s ease;
}

.index-banner .swiper-pagination-bullet-active {
    background: white;
    transform: scale(1.2);
}

.index-banner .slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  
    z-index: 5;
}

/* 确保最低限度的显示 */
.index-banner .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    z-index: 1;
}

.index-banner .swiper-slide img,
.index-banner .swiper-slide video {
    z-index: 2;
}

/* 强制确保文字可见性 */
.index-banner .slide-content * {
    color: white !important;
    position: relative !important;
    z-index: 999 !important;
}

.index-banner .slide-content {
    position: absolute !important;
    z-index: 999 !important;
}

@media (max-width: 768px) {
    body .index-banner {
        height: 300px !important;
        min-height: 300px !important;
    }
    
    .index-banner .slide-content {
        left: 50% !important;
        text-align: left ;
        padding: 20px ;
        max-width: 90% !important;
        
    }
    
    .index-banner .slide-content h2 {
        font-size: 30px !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    }
    
    .index-banner .slide-content p {
        font-size: 20px !important;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
    }
    
    .index-banner .swiper-button-next,
    .index-banner .swiper-button-prev {
        width: 40px;
        height: 40px;
    }
    
    .index-banner .swiper-button-next::after,
    .index-banner .swiper-button-prev::after {
        font-size: 16px;
    }
}