@charset "utf-8";

@font-face {
    font-family:'shuzi';src:url('/Other/dt/en/lib/template/scheme/font/DIN-Light.ttf') format('truetype');font-weight:normal;font-style:normal
}

@font-face {
    font-family:'oppo-b';src:url('/Other/dt/en/lib/template/scheme/font/OPPOSans-B-2.ttf') format('truetype');font-weight:normal;font-style:normal
}

@font-face {
    font-family:'pop-r';src:url('/Other/dt/en/lib/template/scheme/font/Poppins-Regular.ttf') format('truetype');font-weight:normal;font-style:normal
}

.g_xs {
    display: block
}

.g_yc {
    display: none
}

@media (max-width:767px) {
    .g_xs {
        display: none
    }

    .g_yc {
        display: block
    }
}

.g_sysbanner .cont .container .g_span {
    opacity: 0.6;
    display: block
}

@keyframes mov1 {
    0% {
        transform: translate3d(0,-0.1rem,0)
    }

    50% {
        transform: translate3d(0,.1rem,0)
    }

    100% {
        transform: translate3d(0,-0.1rem,0)
    }
}

.g_sys {
    padding: 1.45rem 0 1.85rem;
    position: relative;
    overflow: hidden
}

@media (max-width:767px) {
    .g_sys {
        padding: 1.45rem 0 0.5rem
    }
}

.g_sys::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(/en/lib/template/scheme/images/g_system2.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom
}

.g_sys .box {
    position: relative;
    margin: auto;
    width: 80.3125%
}

@media (max-width:1260px) {
    .g_sys .box {
        width: 90%
    }
}

@media (max-width:991px) {
    .g_sys .box {
        width: 100%
    }
}

@media (max-width:767px) {
    .g_sys .box {
        display: flex;
        flex-direction: column
    }
}

.g_sys .box .imgbj {
    text-align: center
}

@media (max-width:767px) {
    .g_sys .box .imgbj {
        width: 0;/*90%;*/
        margin: 0;/*auto;*/
        margin-bottom: 0 /*1rem*/
    }
}

.g_sys .box .imgbj img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media (max-width:991px) and (min-width:768px) {
    .g_sys .box .g_sys_box .font20 {
        font-size: 10px
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box {
        width: 90%;
        margin: 0 5%
    }
}

.g_sys .box .g_sys_box>div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box>div {
        position: initial;
        transform: translateX(0%)
    }
}

.g_sys .box .g_sys_box .g_sys_it1 {
    width: 100%;
    top: 1%;
    display: flex;
    justify-content: center
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it1 {
        flex-wrap: wrap;
        margin-bottom: 0.5rem;
        display: none
    }
}

.g_sys .box .g_sys_box .g_sys_it1 .item {
    min-width: 2rem;
    margin: 0 0.38rem;
    height: 0.7rem;
    border: 2px solid #e9f5ff;
    padding: 0 0.19rem;
    display: flex;
    align-items: center;
    border-radius: 100px;
    background: -webkit-linear-gradient(to right,#307dee,#3ea9f3);
    background: linear-gradient(to right,#307dee,#3ea9f3);
    transition: all .4s
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it1 .item {
        width: 100%;
        min-width: initial;
        height: 1.1rem;
        margin-bottom: 0.3rem
    }
}

.g_sys .box .g_sys_box .g_sys_it1 .item:hover {
    opacity: 0.8
}

.g_sys .box .g_sys_box .g_sys_it1 .item i {
    margin-right: 0.12rem;
    border-radius: 50%;
    border: 2px solid #fff;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.44rem;
    height: 0.44rem;
    background: -webkit-linear-gradient(to top,#cee2ff,#fdfdff);
    background: linear-gradient(to top,#cee2ff,#fdfdff)
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it1 .item i {
        width: 0.7rem;
        height: 0.7rem
    }
}

.g_sys .box .g_sys_box .g_sys_it1 .item i svg,.g_sys .box .g_sys_box .g_sys_it1 .item i img {
    width: 50%;
    height: auto
}

.g_sys .box .g_sys_box .g_sys_it1 .item i svg path,.g_sys .box .g_sys_box .g_sys_it1 .item i img path {
    fill: #005ec4
}

.g_sys .box .g_sys_box .g_sys_it1 .item p {
    color: #fff
}

.g_sys .box .g_sys_box .g_sys_it2 {
    top: 25%;
    display: flex;
    justify-content: center
}

@media (max-width:991px) {
    .g_sys .box .g_sys_box .g_sys_it2 {
        top: 17%
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it2 {
        margin-bottom: 0.5rem
    }
}

.g_sys .box .g_sys_box .g_sys_it2 img {
    height: 0.79rem;
    height: 0.6rem; /*1rem*/
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it2 img {
        height: 0.6rem; /*1.2rem*/
    }
}

.g_sys .box .g_sys_box .g_sys_it3 {
    display: flex;
    align-items: center;
    height: 1px;
    top: 42.5%
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it3 {
        margin-bottom: 0.5rem;
        height: auto;
        justify-content: center
    }
}

.g_sys .box .g_sys_box .g_sys_it3 .item {
    cursor: pointer;
    margin: 0 2.72rem;
    position: relative
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it3 .item {
        margin: 0 0.5rem;
        display: flex;
        flex-direction: column-reverse;
        align-items: center
    }
}

.g_sys .box .g_sys_box .g_sys_it3 .item:hover .it3_box {
    position: relative;
    box-shadow: 0 0.04rem .65rem rgba(1,96,254,0.24)
}

.g_sys .box .g_sys_box .g_sys_it3 .item:hover .it3_box:hover::after {
    animation: moveq 3s infinite linear
}

.g_sys .box .g_sys_box .g_sys_it3 .item:hover .it3_box::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.g_sys .box .g_sys_box .g_sys_it3 .item:hover .it3_box .it3_con {
    position: relative;
    z-index: 10;
    background: #1e75f0;
    border-color: #1e75f0
}

.g_sys .box .g_sys_box .g_sys_it3 .item:hover .it3_box .it3_con svg path {
    fill: #fff
}

.g_sys .box .g_sys_box .g_sys_it3 .item .it3_box {
    transition: all .4s;
    width: 0.86rem;
    height: 0.86rem;
    background: #fff;
    border-radius: 50%;
    padding: 0.1rem;
    position: relative
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it3 .item .it3_box {
        width: 1.4rem;
        height: 1.4rem
    }
}

.g_sys .box .g_sys_box .g_sys_it3 .item .it3_box .it3_con {
    position: relative;
    z-index: 10;
    border: 2px solid #dcedff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

.g_sys .box .g_sys_box .g_sys_it3 .item .it3_box .it3_con svg,.g_sys .box .g_sys_box .g_sys_it3 .item .it3_box .it3_con img {
    width: 42.42%;
    height: 42.42%
}

.g_sys .box .g_sys_box .g_sys_it3 .item .it3_box .it3_con svg path,.g_sys .box .g_sys_box .g_sys_it3 .item .it3_box .it3_con img path {
    transition: all .4s;
    fill: #005ec4
}

.g_sys .box .g_sys_box .g_sys_it3 .item .g_p {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it3 .item .g_p {
        position: initial;
        transform: translateX(0%)
    }
}

.g_sys .box .g_sys_box .g_sys_it3 .item .g_p p {
    padding-bottom: 5px;
    white-space: nowrap;
    font-weight: bold
}

.g_sys .box .g_sys_box .g_sys_it3 .it3_jt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it3 .it3_jt {
        display: none
    }
}

.g_sys .box .g_sys_box .g_sys_it3 .it3_jt img {
    position: absolute
}

.g_sys .box .g_sys_box .g_sys_it3 .it3_jt .img1 {
    margin: -0.3rem 0 0 -0.6rem;
    animation: mov1 4.2s infinite ease-in-out;
    -webkit-animation: mov1 4.2s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it3 .it3_jt .img2 {
    margin: -0.2rem 0 0 0.2rem;
    animation: mov1 4s infinite ease-in-out;
    -webkit-animation: mov1 4s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it4 {
    top: 51%;
    display: flex;
    justify-content: center
}

@media (max-width:991px) {
    .g_sys .box .g_sys_box .g_sys_it4 {
        top: 47%
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it4 {
        margin-bottom: 0.5rem
    }
}

.g_sys .box .g_sys_box .g_sys_it4 img {
    height: 0.7rem /*1.1rem*/
}

@media (max-width:991px) {
    .g_sys .box .g_sys_box .g_sys_it4 img {
        height: 0.6rem /*1.1rem*/
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it4 img {
        height: 0.7rem /*1.2rem*/
    }
}

.g_sys .box .g_sys_box .g_sys_it5 {
    display: flex;
    align-items: center;
    height: 1px;
    top: 71%
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it5 {
        height: auto;
        align-items: flex-start;
        justify-content: center;
        margin-bottom: 0.5rem
    }
}

.g_sys .box .g_sys_box .g_sys_it5 .item {
    cursor: pointer;
    margin: 0 2.24rem;
    position: relative;
    transform: translateY(-0.3rem)
}

@media (max-width:991px) {
    .g_sys .box .g_sys_box .g_sys_it5 .item {
        margin: 0 1.64rem
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it5 .item {
        margin: 0 0.3rem;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        transform: translateY(0)
    }
}

.g_sys .box .g_sys_box .g_sys_it5 .item:hover .it3_box {
    box-shadow: 0 0.04rem .65rem rgba(1,96,254,0.24)
}

.g_sys .box .g_sys_box .g_sys_it5 .item:hover .it3_box .it3_con {
    background: #1e75f0;
    border-color: #1e75f0
}

.g_sys .box .g_sys_box .g_sys_it5 .item:hover .it3_box .it3_con svg path {
    fill: #fff
}

.g_sys .box .g_sys_box .g_sys_it5 .item:nth-child(2) {
    transform: translateY(0)
}

.g_sys .box .g_sys_box .g_sys_it5 .item .it3_box {
    width: 0.86rem;
    height: 0.86rem;
    background: #fff;
    border-radius: 50%;
    padding: 0.1rem;
    transition: all .4s;
    position: relative
}

.g_sys .box .g_sys_box .g_sys_it5 .item .it3_box:hover::after {
    animation: moveq 3s infinite linear
}

.g_sys .box .g_sys_box .g_sys_it5 .item .it3_box::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it5 .item .it3_box {
        width: 1.4rem;
        height: 1.4rem
    }
}

.g_sys .box .g_sys_box .g_sys_it5 .item .it3_box .it3_con {
    position: relative;
    z-index: 10;
    border: 2px solid #dcedff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s
}

.g_sys .box .g_sys_box .g_sys_it5 .item .it3_box .it3_con svg,.g_sys .box .g_sys_box .g_sys_it5 .item .it3_box .it3_con img {
    width: 42.42%;
    height: auto
}

.g_sys .box .g_sys_box .g_sys_it5 .item .it3_box .it3_con svg path,.g_sys .box .g_sys_box .g_sys_it5 .item .it3_box .it3_con img path {
    fill: #005ec4;
    transition: all .4s
}

.g_sys .box .g_sys_box .g_sys_it5 .item .g_p {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-42%);
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it5 .item .g_p {
        position: initial;
        transform: translateX(0%);
        width: 1.6rem;
        text-align: center
    }
}

.g_sys .box .g_sys_box .g_sys_it5 .item .g_p p {
    padding-bottom: 5px;
    white-space: nowrap;
    font-weight: bold
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it5 .item .g_p p {
        font-size: 0.24rem;
        white-space: initial
    }
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline {
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it5 .g_dotline {
        display: none
    }
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline img {
    position: absolute
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline .img1 {
    margin: 0.85rem 0 0 -4.72rem;
    animation: mov1 4s infinite ease-in-out;
    -webkit-animation: mov1 4s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline .img2 {
    margin: -0.56rem 0 0 -4.14rem;
    animation: mov1 3s infinite ease-in-out;
    -webkit-animation: mov1 3s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline .img3 {
    margin: 0.21rem 0 0 -3.28rem;
    animation: mov1 3.8s infinite ease-in-out;
    -webkit-animation: mov1 3.8s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline .img4 {
    margin: 0.6rem 0 0 -1.38rem;
    animation: mov1 4.2s infinite ease-in-out;
    -webkit-animation: mov1 4.2s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline .img5 {
    margin: 0.3rem 0 0 1.06rem;
    animation: mov1 3.5s infinite ease-in-out;
    -webkit-animation: mov1 3.5s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline .img6 {
    margin: 0 0 0 1.5rem;
    animation: mov1 4.1s infinite ease-in-out;
    -webkit-animation: mov1 4.1s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline .img7 {
    margin: -0.3rem 0 0 1.76rem;
    animation: mov1 3.3s infinite ease-in-out;
    -webkit-animation: mov1 3.3s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline .img8 {
    margin: 0.3rem 0 0 4rem;
    animation: mov1 3.7s infinite ease-in-out;
    -webkit-animation: mov1 3.7s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it5 .g_dotline .img9 {
    margin: 0 0 0 4.21rem;
    animation: mov1 3.2s infinite ease-in-out;
    -webkit-animation: mov1 3.2s infinite ease-in-out
}

.g_sys .box .g_sys_box .g_sys_it6 {
    display: flex;
    align-items: flex-end;
    height: 1px;
    top: 87%;
}

@media (max-width:1260px) {
    .g_sys .box .g_sys_box .g_sys_it6 {
        top: 89%;
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it6 {
        height: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.5rem
    }
}

.g_sys .box .g_sys_box .g_sys_it6 .g_sys_it6_xs {
    display: flex;
    align-items: flex-end;
    height: 1px;
    top: 87%;
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it6 .g_sys_it6_xs {
        display: none
    }
}

.g_sys .box .g_sys_box .g_sys_it6 .g_sys_it6_yc {
    display: none
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it6 .g_sys_it6_yc {
        display: block
    }
}

.g_sys .box .g_sys_box .g_sys_it6 .g_sys_it6_yc .g_sys_it6_yc_box {
    display: flex;
    justify-content: center
}

.g_sys .box .g_sys_box .g_sys_it6 .img {
    margin: 0 0.9rem 0 1.6rem /*0 1.25rem*/
}

@media (max-width:991px) {
    .g_sys .box .g_sys_box .g_sys_it6 .img {
        margin: 0 0.8rem
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it6 .img {
        order: -1;
        margin-bottom: 0.4rem
    }
}

.g_sys .box .g_sys_box .g_sys_it6 .img img {
    height: 0.6rem
}
@media (max-width:1260px) {
    .g_sys .box .g_sys_box .g_sys_it6 .img img {
        height: 0.6rem /*60px*/
    }
}

@media (max-width:991px) {
    .g_sys .box .g_sys_box .g_sys_it6 .img img {
        height: 0.5rem /*50px*/
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it6 .img img {
        height: 0.7rem /*1.2rem*/
    }
}

.g_sys .box .g_sys_box .g_sys_it6 .item {
    min-width: 1.3rem;
    cursor: pointer;
    height: 0.46rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    transition: all .4s;
    position: relative
}

.g_sys .box .g_sys_box .g_sys_it6 .item:hover::after {
    animation: moveq 3s infinite linear
}

.g_sys .box .g_sys_box .g_sys_it6 .item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: #fff;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it6 .item {
        height: 0.8rem;
        margin: 0 0.2rem;
        margin-bottom: 0.3rem
    }
}

.g_sys .box .g_sys_box .g_sys_it6 .item p {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.2rem;
    white-space: nowrap;
    color: #fff;
    border-radius: 100px
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it6 .item p {
        padding: 0 0.4rem
    }
}

.g_sys .box .g_sys_box .g_sys_it6 .item1 p {
    background: -webkit-linear-gradient(to right,#1b6fec,#4aaef3);
    background: linear-gradient(to right,#1b6fec,#4aaef3)
}

.g_sys .box .g_sys_box .g_sys_it6 .item1:hover {
    opacity: 0.8
}

.g_sys .box .g_sys_box .g_sys_it6 .item2 p {
    background: -webkit-linear-gradient(to right,#24c4ff,#85e0ff);
    background: linear-gradient(to right,#24c4ff,#85e0ff)
}

.g_sys .box .g_sys_box .g_sys_it6 .item2:hover {
    opacity: 0.8
}

.g_sys .box .g_sys_box .g_sys_it7 {
    display: flex;
    align-items: center;
    padding-left: 0.7rem;
    height: 1px;
    top: 99.4%
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it7 {
        height: auto;
        padding: 0;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0.5rem;
        display: none
    }
}

.g_sys .box .g_sys_box .g_sys_it7 .item {
    width: 0.92rem;
    height: 0.92rem;
    border-radius: 50%;
    margin: 0 0.5rem
}

@media (max-width:1260px) {
    .g_sys .box .g_sys_box .g_sys_it7 .item {
        margin: 0 0.34rem
    }
}

@media (max-width:991px) {
    .g_sys .box .g_sys_box .g_sys_it7 .item {
        width: 0.7rem;
        height: 0.7rem
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it7 .item {
        width: 1.3rem;
        height: 1.3rem;
        margin-bottom: 0.4rem
    }
}

.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(1),.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(8) {
    transform: translateY(-0.84rem)
}

@media (max-width:1580px) {
    .g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(1),.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(8) {
        transform: translateY(-0.64rem)
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(1),.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(8) {
        transform: translateY(0)
    }
}

.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(2),.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(7) {
    transform: translateY(-0.34rem)
}

@media (max-width:1580px) {
    .g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(2),.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(7) {
        transform: translateY(-0.24rem)
    }
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(2),.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(7) {
        transform: translateY(0)
    }
}

.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(3),.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(6) {
    transform: translateY(-0.1rem)
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(3),.g_sys .box .g_sys_box .g_sys_it7 .item:nth-child(6) {
        transform: translateY(0)
    }
}

.g_sys .box .g_sys_box .g_sys_it7 .item img {
    filter: sepia(10%) brightness(120%) saturate(150%);
    width: 100%;
    height: 100%;
    object-fit: contain
}

.g_sys .box .g_sys_box .g_sys_it7 .item1 {
    background: -webkit-linear-gradient(to right,#1b6fec,#4aaef3);
    background: linear-gradient(to right,#1b6fec,#4aaef3)
}

.g_sys .box .g_sys_box .g_sys_it7 .item2 {
    background: -webkit-linear-gradient(to right,#24c4ff,#85e0ff);
    background: linear-gradient(to right,#24c4ff,#85e0ff)
}

@media (max-width:767px) {
    .g_sys .box .g_sys_box .g_sys_it7 .item2 {
        background: -webkit-linear-gradient(to right,#1b6fec,#4aaef3);
        background: linear-gradient(to right,#1b6fec,#4aaef3)
    }
}

@keyframes moveq {
    0% {
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1)
    }

    100% {
        transform: translate(-50%,-50%) scale(2);
        -webkit-transform: translate(-50%,-50%) scale(2);
        opacity: 0
    }
}

.curtain1 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none
}

.curtain1 .mask {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.48);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0
}

.curtain1 .curtain_nr {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto
}

@media (max-width:1260px) {
    .curtain1 .curtain_nr {
        display: flex;
        align-items: center
    }
}

.curtain1 .curtain_box {
    max-width: 90%;
    border-radius: 0.1rem;
    margin: 0.24rem auto 0;
    position: relative;
    z-index: 10000;
    width: 11rem;
    overflow: hidden;
    max-height: 80vh;
    overflow: auto
}

@media (max-width:1260px) {
    .curtain1 .curtain_box {
        width: 90%;
        margin: 0 auto
    }
}

.curtain1 .curtain_box .curtain_title {
    position: relative;
    padding: 0 30px;
    background: #1c4798
}

.curtain1 .curtain_box .curtain_title .close_tc {
    position: absolute;
    top: 0.23rem;
    right: 0.19rem;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    z-index: 10000
}

@media screen and (max-width:767px) {
    .curtain1 .curtain_box .curtain_title .close_tc {
        width: 30px;
        height: 30px
    }
}

.curtain1 .curtain_box .curtain_title .close_tc::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -10px;
    width: 20px;
    height: 2px;
    background: #004ea2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (max-width:767px) {
    .curtain1 .curtain_box .curtain_title .close_tc::before {
        width: 14px;
        height: 2px;
        margin: -1px 0 0 -7px
    }
}

.curtain1 .curtain_box .curtain_title .close_tc::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -10px;
    width: 20px;
    height: 2px;
    background: #004ea2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (max-width:767px) {
    .curtain1 .curtain_box .curtain_title .close_tc::after {
        width: 14px;
        height: 2px;
        margin: -1px 0 0 -7px
    }
}

.syspop {
    border-radius: 0.1rem
}

@media (max-width:991px) {
    .syspop {
        width: 100%
    }
}

.syspop .img {
    height: 4.2rem
}

.syspop .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.syspop .box {
    background: #fff;
    padding: 0.5rem .5rem .45rem 1.68rem
}

@media (max-width:991px) {
    .syspop .box {
        padding: 0.5rem .5rem .45rem
    }
}

.syspop .box h2 {
    font-weight: 900;
    color: #004ea2;
    margin-bottom: 0.18rem
}

.syspop .box .g_lab {
    margin-bottom: 0.4rem
}

.syspop .box .g_lab p {
    margin-bottom: 0.1rem;
    display: block;
    position: relative;
    padding-left: 0.28rem
}

.syspop .box .g_lab p:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0c6ace;
    left: 0;
    top: 10px
}

@media (max-width:1580px) {
    .syspop .box .g_lab p:after {
        top: 8px;
        width: 5px;
        height: 5px
    }
}

.syspop .box .g_lab p,.syspop .box .g_lab span {
    text-wrap-mode: wrap!important
}

.syspop .box .g_b h3 {
    margin-bottom: 0.25rem;
    font-weight: 900
}

.syspop .box .g_b .g_logo {
    display: flex;
    flex-wrap: wrap
}

.syspop .box .g_b .g_logo .item {
    position: relative;
    width: 1.76rem;
    width: auto;
    height: 0.6rem;
    margin: 0 0.2rem .2rem 0;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #e8e8ed
}

@media (max-width:767px) {
    .syspop .box .g_b .g_logo .item {
        height: 0.8rem;
        width: 2.2rem
    }
}

.syspop .box .g_b .g_logo .item:hover .txt {
    opacity: 1
}

.syspop .box .g_b .g_logo .item .g_logo_box {
    width: 100%;
    height: 100%
}

.syspop .box .g_b .g_logo .item .g_logo_box img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.syspop .box .g_b .g_logo .item .txt {
    opacity: 0;
    transition: all .4s;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,78,162,0.9);
    display: flex;
    align-items: center;
    justify-content: center
}

.syspop .box .g_b .g_logo .item .txt h4 {
    color: #fff;
    text-align: center;
}

.g_cultw {
    overflow: hidden;
    position: relative
}

.g_cultw.on .box .bbox .jt_img i {
    width: 0
}

.g_cultw.on .box .bbox .g_cultw_box .item {
    opacity: 1;
    transform: translateY(0)
}

.g_cultw .imgbj {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    bottom: 0;
    left: 0
}

.g_cultw .imgbj.on {
    animation: moveop .5s 1 forwards;
    animation-delay: 1s
}

.g_cultw .imgbj img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.g_cultw .box {
    position: relative;
    z-index: 10;
    padding: 1.95rem 0
}

@media (max-width:767px) {
    .g_cultw .box {
        padding: 1.2rem 0 1rem
    }
}

.g_cultw .box .joinbox_tit {
    position: relative;
    z-index: 10
}

@media (max-width:991px) {
    .g_cultw .box .joinbox_tit .f_tit {
        font-size: 0.48rem
    }
}

.g_cultw .box .joinbox_tit .f_tit span {
    color: #005ec4
}

.g_cultw .box .bbox {
    position: relative
}

.g_cultw .box .bbox .jt_img {
    position: absolute;
    top: -0.9rem;
    left: 50%;
    transform: translateX(-50%);
    width: 92.55208333%
}

@media (max-width:1580px) {
    .g_cultw .box .bbox .jt_img {
        top: -2rem
    }
}

@media screen and (max-width:1460px) {
    .g_cultw .box .bbox .jt_img {
        top: -1.5rem
    }
}

@media screen and (max-width:1380px) {
    .g_cultw .box .bbox .jt_img {
        top: -1.2rem
    }
}

@media screen and (max-width:1300px) {
    .g_cultw .box .bbox .jt_img {
        top: -1rem
    }
}

@media screen and (max-width:1260px) {
    .g_cultw .box .bbox .jt_img {
        top: -0.7rem
    }
}

@media screen and (max-width:1180px) {
    .g_cultw .box .bbox .jt_img {
        top: -0.5rem
    }
}

@media screen and (max-width:1120px) {
    .g_cultw .box .bbox .jt_img {
        top: -0.37rem
    }
}

@media screen and (max-width:1080px) {
    .g_cultw .box .bbox .jt_img {
        top: -0.1rem
    }
}

@media screen and (max-width:991px) {
    .g_cultw .box .bbox .jt_img {
        display: none
    }
}

.g_cultw .box .bbox .jt_img img {
    width: 100%;
    height: auto
}

.g_cultw .box .bbox .jt_img i {
    transition: all 1s;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
    top: 0;
    right: 0
}

.g_cultw .box .bbox .g_cultw_box {
    margin-top: 1.05rem;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

@media (max-width:767px) {
    .g_cultw .box .bbox .g_cultw_box {
        flex-wrap: wrap
    }
}

.g_cultw .box .bbox .g_cultw_box .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(1rem);
    margin: 0 1.38rem;
    transition: all .7s
}

@media (max-width:991px) {
    .g_cultw .box .bbox .g_cultw_box .item {
        align-items: flex-start;
        margin: 0 0.48rem !important
    }
}

@media (max-width:767px) {
    .g_cultw .box .bbox .g_cultw_box .item {
        width: 100%;
        margin: 0 0.48rem .6rem !important
    }
}

.g_cultw .box .bbox .g_cultw_box .item .g_t {
    min-width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.9rem;
    border-radius: 100px
}

@media (max-width:991px) {
    .g_cultw .box .bbox .g_cultw_box .item .g_t {
        margin-bottom: 0.6rem !important;
        height: 0.6rem;
        min-width: 2.4rem
    }
}

@media (max-width:767px) {
    .g_cultw .box .bbox .g_cultw_box .item .g_t {
        margin-bottom: 0.4rem !important
    }
}

.g_cultw .box .bbox .g_cultw_box .item .g_t p {
    color: #fff;
    font-weight: bold
}

.g_cultw .box .bbox .g_cultw_box .item .g_t {
    margin-bottom: 0.46rem;
    background: -webkit-linear-gradient(to right,#00a8ed,#04a1eb);
    background: linear-gradient(to right,#00a8ed,#04a1eb)
}

.g_cultw .box .bbox .g_cultw_box .item .g_svg {
    box-shadow: 0 0.1rem .2rem rgba(2,164,236,0.2);
    width: 0.7rem;
    height: 0.7rem;
    margin-bottom: 0.32rem;
    border-radius: 50%
}

@media (max-width:991px) {
    .g_cultw .box .bbox .g_cultw_box .item .g_svg {
        width: 1rem;
        height: 1rem;
        margin-bottom: 0.35rem !important;
        display: none
    }
}

.g_cultw .box .bbox .g_cultw_box .item .g_svg img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.g_cultw .box .bbox .g_cultw_box .item .txt h3 {
    text-align: center;
    color: #02a5ec;
    font-weight: bold;
    margin-bottom: 0.28rem
}

@media (max-width:991px) {
    .g_cultw .box .bbox .g_cultw_box .item .txt h3 {
        text-align: left;
        font-size: 0.44rem
    }
}

@media (max-width:767px) {
    .g_cultw .box .bbox .g_cultw_box .item .txt .txt_box {
        display: flex;
        flex-wrap: wrap
    }
}

.g_cultw .box .bbox .g_cultw_box .item .txt .txt_box p {
    margin-bottom: 0.1rem;
    display: block;
    position: relative;
    padding-left: 0.22rem
}

@media (max-width:767px) {
    .g_cultw .box .bbox .g_cultw_box .item .txt .txt_box p {
        min-width: 33.33%
    }
}

.g_cultw .box .bbox .g_cultw_box .item .txt .txt_box p:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #01a6ed;
    left: 0;
    top: 13px
}

@media (max-width:991px) {
    .g_cultw .box .bbox .g_cultw_box .item .txt .txt_box p:after {
        top: 10px;
        width: 6px;
        height: 6px
    }
}

@media (max-width:767px) {
    .g_cultw .box .bbox .g_cultw_box .item .txt .txt_box p:after {
        top: 8px;
        width: 6px;
        height: 6px
    }
}

.g_cultw .box .bbox .g_cultw_box .item1 {
    margin-top: 1.93rem
}

.g_cultw .box .bbox .g_cultw_box .item2 {
    margin-top: 1.22rem;
    transition: all 1s
}

.g_cultw .box .bbox .g_cultw_box .item2 .g_t {
    margin-bottom: 0.8rem;
    background: -webkit-linear-gradient(to right,#2fc8f5,#0061c9);
    background: linear-gradient(to right,#2fc8f5,#0061c9)
}

@media (max-width:1580px) {
    .g_cultw .box .bbox .g_cultw_box .item2 .g_t {
        margin-bottom: 0.75rem
    }
}

@media (max-width:1260px) {
    .g_cultw .box .bbox .g_cultw_box .item2 .g_t {
        margin-bottom: 0.85rem
    }
}

.g_cultw .box .bbox .g_cultw_box .item2 .g_svg {
    margin-bottom: 0.6rem
}

.g_cultw .box .bbox .g_cultw_box .item2 .txt h3 {
    color: #0b7ae0
}

.g_cultw .box .bbox .g_cultw_box .item2 .txt .txt_box p::after {
    background: #0189de
}

.g_cultw .box .bbox .g_cultw_box .item3 {
    transition: all 1.3s
}

@media screen and (max-width:1260px) {
    .g_cultw .box .bbox .g_cultw_box .item3 {
        margin-top: 0.24rem
    }
}

.g_cultw .box .bbox .g_cultw_box .item3 .g_t {
    margin-bottom: 0.7rem;
    background: #005dc1
}

@media (max-width:1580px) {
    .g_cultw .box .bbox .g_cultw_box .item3 .g_t {
        margin-bottom: 0.75rem
    }
}

@media (max-width:1260px) {
    .g_cultw .box .bbox .g_cultw_box .item3 .g_t {
        margin-bottom: 0.4rem
    }
}

.g_cultw .box .bbox .g_cultw_box .item3 .g_svg {
    margin-bottom: 0.6rem
}

.g_cultw .box .bbox .g_cultw_box .item3 .txt h3 {
    color: #0057b5
}

.g_cultw .box .bbox .g_cultw_box .item3 .txt .txt_box {
    padding-left: 0.5rem
}

@media (max-width:767px) {
    .g_cultw .box .bbox .g_cultw_box .item3 .txt .txt_box {
        padding: 0
    }
}

@media (max-width:767px) {
    .g_cultw .box .bbox .g_cultw_box .item3 .txt .txt_box p {
        width: 50%
    }
}

.g_cultw .box .bbox .g_cultw_box .item3 .txt .txt_box p::after {
    background: #0057b5
}

@keyframes moveop {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.g_culth {
    position: relative
}

.g_culth .img {
    width: 100%
}

@media (max-width:767px) {
    .g_culth .img {
        height: 6rem
    }
}

.g_culth .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.g_culth .joinbox_tit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width:767px) {
    .g_culth .joinbox_tit {
        width: 100%;
        padding: 0 5%
    }
}

.g_culth .joinbox_tit .f_tit {
    color: #fff
}

@media (max-width:991px) {
    .g_culth .joinbox_tit .f_tit {
        font-size: 0.48rem
    }
}

.g_culth .joinbox_tit .f_tit span {
    color: #005ec4
}

.g_culfi {
    padding: 1.6rem 0 1.5rem
}

@media (max-width:767px) {
    .g_culfi {
        padding: 1.2rem 0
    }
}

.g_culfi .container {
    padding-right: 0.4rem
}

@media (max-width:767px) {
    .g_culfi .container {
        padding-right: 0
    }
}

.g_culfi .joinbox_tit {
    text-align: left
}

.g_culfi .box {
    margin-top: 0.5rem
}

.g_culfi .box .g_swi {
    width: auto;
    margin: 0 -0.3rem
}

@media (max-width:767px) {
    .g_culfi .box .g_swi {
        margin: 0 -0.15rem
    }
}

.g_culfi .box .g_swi .swiper-wrapper {
    flex-wrap: wrap
}

.g_culfi .box .g_swi .swiper-slide {
    width: 33.333%;
    padding: 0 0.3rem;
    margin-bottom: 0.6rem
}

@media (max-width:767px) {
    .g_culfi .box .g_swi .swiper-slide {
        width: 50%;
        margin-bottom: 0.4rem;
        padding: 0 0.15rem
    }
}

.g_culfi .box .g_culfi_box .public-img:before {
    padding-top: 56.1922366%
}

.g_culfi .box .g_culfi_box .txt {
    border: 1px solid #f1f1f1;
    padding: 0.25rem .28rem
}

.g_culfi .box .g_culfi_box .txt .txt_t h3 {
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
    color: #333
}

.g_culfi .box .g_culfi_box .txt .txt_b {
    margin-top: 0.55rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width:767px) {
    .g_culfi .box .g_culfi_box .txt .txt_b {
        margin-top: 0.22rem
    }
}

.g_culfi .box .g_culfi_box .txt .txt_b p {
    color: #999
}

@media (max-width:767px) {
    .g_culfi .box .g_culfi_box .txt .txt_b p {
        font-size: 0.24rem
    }
}

.g_culfi .box .g_culfi_box .txt .txt_b i {
    flex-shrink: 0;
    display: flex;
    width: 8px;
    height: auto
}

.g_culfi .box .g_culfi_box .txt .txt_b i svg,.g_culfi .box .g_culfi_box .txt .txt_b i img {
    width: 100%;
    height: auto
}

.g_culfi .box .g_culfi_box .txt .txt_b i svg path,.g_culfi .box .g_culfi_box .txt .txt_b i img path {
    fill: #005ec4
}

.g_culfi .box .g_culfi_box:hover .public-img img {
    transform: scale(1.04)
}

.g_culfi .box .f_qie {
    margin-top: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.g_culfi .box .f_qie .investorbox2_pagin {
    position: relative;
    background-color: #e7e9eb;
    height: 4px;
    width: calc(100% - 1.78rem)
}

@media (max-width:1580px) {
    .g_culfi .box .f_qie .investorbox2_pagin {
        height: 2px
    }
}

.g_culfi .box .f_qie .investorbox2_pagin span {
    background-image: linear-gradient(90deg,#00f0ff 1%,#09daff 26%,#11c4ff 51%,#006de1 100%)
}

.g_culfi .box .f_qie .investorbox2_pagin.swiper-pagination-lock~.gt {
    display: none!important
}

.g_culfi .box .f_qie .gt {
    margin-left: 0.6rem;
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.g_culfi .box .f_qie .gt .investorbox2_prev,.g_culfi .box .f_qie .gt .investorbox2_next {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: #fff;
    transition: all .4s;
    border: 2px solid #eee;
    border-radius: 50%;
    width: 0.64rem;
    height: 0.64rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.g_culfi .box .f_qie .gt .investorbox2_prev img,.g_culfi .box .f_qie .gt .investorbox2_next img {
    width: 15.625%;
    height: 26.5625%;
    object-fit: contain
}

.g_culfi .box .f_qie .gt .investorbox2_prev img:nth-child(2),.g_culfi .box .f_qie .gt .investorbox2_next img:nth-child(2) {
    display: none
}

.g_culfi .box .f_qie .gt .investorbox2_prev:hover,.g_culfi .box .f_qie .gt .investorbox2_next:hover {
    border: 2px solid #11c4ff
}

.g_culfi .box .f_qie .gt .investorbox2_prev:hover img,.g_culfi .box .f_qie .gt .investorbox2_next:hover img {
    display: none
}

.g_culfi .box .f_qie .gt .investorbox2_prev:hover img:nth-child(2),.g_culfi .box .f_qie .gt .investorbox2_next:hover img:nth-child(2) {
    display: block
}

.g_culfi .box .f_qie .gt .investorbox2_prev {
    margin-right: 0.2rem
}

.g_culfo {
    position: relative
}

.g_culfo .txt {
    width: 100%;
    z-index: 40;
    top: 0;
    position: absolute
}

.g_culfo .txt .container {
    padding-top: 1.7rem;
    color: #fff
}

@media (max-width:991px) {
    .g_culfo .txt .container {
        padding-top: 1rem
    }
}

@media (max-width:767px) {
    .g_culfo .txt .container {
        padding-top: 0.5rem
    }
}

.g_culfo .txt .container .g_title h2 {
    font-weight: bold
}

.g_culfo .txt .container .g_title p {
    font-weight: bold;
    margin-top: 0.28rem;
    line-height: 1.25
}

.g_culfo .box {
    overflow: hidden;
    height: 9rem;
    position: relative
}

@media (max-width:991px) {
    .g_culfo .box {
        height: 6rem
    }
}

.g_culfo .box .img1 {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

@media (max-width:767px) {
    .g_culfo .box .img1 {
        height: 100%
    }
}

.g_culfo .box .img2 {
    position: absolute;
    top: 3.05rem;
    width: 69.89583333%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20
}

@media (max-width:767px) {
    .g_culfo .box .img2 {
        top: 2.6rem
    }
}

.g_culfo .box .img3 {
    position: absolute;
    top: 6.1rem;
    width: 100%;
    z-index: 30
}

.g_culon {
    position: relative;
    height: 220vh
}

.g_culon .g_culon_t {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    height: 100vh;
    z-index: 10;
    overflow: hidden
}

.g_culon .g_culon_t .g_svg {
    width: 101%;
    height: 100%
}

.g_culon .g_culon_t .g_svg img,.g_culon .g_culon_t .g_svg svg {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.g_culon .g_culon_t .g_culon_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.g_culon .g_culon_t .g_culon_box .g_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 6.04rem;
    height: 6.04rem
}

.g_culon .g_culon_t .g_culon_box .g_box.on .line .i1 {
    right: calc(100% + .5rem)
}

.g_culon .g_culon_t .g_culon_box .g_box.on .line .i2 {
    right: calc(100% + .5rem)
}

.g_culon .g_culon_t .g_culon_box .g_box.on .line .i3 {
    left: calc(100% + .5rem)
}

.g_culon .g_culon_t .g_culon_box .g_box.on .line .i4 {
    left: calc(100% + .5rem)
}

.g_culon .g_culon_t .g_culon_box .g_box.on .ani_png {
    opacity: 1
}

.g_culon .g_culon_t .g_culon_box .g_box.on .ani_png img {
    animation: mov2 6.2s infinite ease-in-out
}

.g_culon .g_culon_t .g_culon_box .g_box .frame i {
    position: absolute;
    width: 1px;
    height: 30px;
    background: #7fabd9;
    display: block
}

.g_culon .g_culon_t .g_culon_box .g_box .frame i:nth-child(2n) {
    width: 30px;
    height: 1px
}

.g_culon .g_culon_t .g_culon_box .g_box .frame .i1 {
    top: 0;
    left: 0
}

.g_culon .g_culon_t .g_culon_box .g_box .frame .i2 {
    top: 0;
    left: 0
}

.g_culon .g_culon_t .g_culon_box .g_box .frame .i3 {
    top: 0;
    right: 0
}

.g_culon .g_culon_t .g_culon_box .g_box .frame .i4 {
    top: 0;
    right: 0
}

.g_culon .g_culon_t .g_culon_box .g_box .frame .i5 {
    bottom: 0;
    left: 0
}

.g_culon .g_culon_t .g_culon_box .g_box .frame .i6 {
    bottom: 0;
    left: 0
}

.g_culon .g_culon_t .g_culon_box .g_box .frame .i7 {
    bottom: 0;
    right: 0
}

.g_culon .g_culon_t .g_culon_box .g_box .frame .i8 {
    bottom: 0;
    right: 0
}

.g_culon .g_culon_t .g_culon_box .g_box .line i {
    transition: all 1s;
    position: absolute;
    background: #7fabd9;
    display: block
}

.g_culon .g_culon_t .g_culon_box .g_box .line .i1 {
    width: 2px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% + .5rem + 80vw)
}

.g_culon .g_culon_t .g_culon_box .g_box .line .i2 {
    width: 100vw;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% + .5rem + 80vw)
}

.g_culon .g_culon_t .g_culon_box .g_box .line .i3 {
    width: 2px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + .5rem + 80vw)
}

.g_culon .g_culon_t .g_culon_box .g_box .line .i4 {
    width: 100vw;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + .5rem + 80vw)
}

.g_culon .g_culon_t .g_culon_box .g_box .mou {
    padding-bottom: 0.7rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center
}

.g_culon .g_culon_t .g_culon_box .g_box .mou p {
    margin-bottom: 0.2rem;
    color: #999
}

.g_culon .g_culon_t .g_culon_box .g_box .mou i {
    width: 14px;
    height: auto;
    animation: mov1 4.2s infinite ease-in-out
}

.g_culon .g_culon_t .g_culon_box .g_box .mou i svg,.g_culon .g_culon_t .g_culon_box .g_box .mou i img {
    width: 100%;
    height: auto
}

.g_culon .g_culon_t .g_culon_box .g_box .mou i svg path,.g_culon .g_culon_t .g_culon_box .g_box .mou i img path {
    fill: #d6d6d6
}

.g_culon .g_culon_t .g_culon_box .g_box .ani_png {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    opacity: 0
}

.g_culon .g_culon_t .g_culon_box .g_box .ani_png img {
    width: 100%;
    height: auto
}

.g_culon .g_culon_b {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    height: 100vh;
    margin-top: -100vh
}

.g_culon .g_culon_b img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.g_culon .g_culon_b:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4
}

.g_culon .g_culon_b .txt {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.g_culon .g_culon_b .txt p {
    color: #fff;
    font-weight: bold;
    position: relative;
    top: 1rem;
    left: 0;
    right: 0;
    opacity: 0;
    margin: 0 auto;
    width: 92.70833%;
    text-align: center;
    max-width: inherit
}

@media (max-width:1260px) {
    .g_culon .g_culon_b .txt p {
        width: 90%
    }
}

@keyframes mov2 {
    0% {
        transform: translate3d(0,6.04rem,0)
    }

    50% {
        transform: translate3d(0,0,0)
    }

    100% {
        transform: translate3d(0,6.04rem,0)
    }
}

.g_ban {
    position: relative
}

.aboutBanner {
    border-radius: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 10
}

.aboutBanner .bag {
    height: 100%
}

.aboutBanner .bag::after {
    display: none
}

.aboutBanner .cont {
    bottom: 40%;
    transform: translateY(-50%)
}

.aboutBanner .g_vid {
    pointer-events: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1.28rem;
    height: 1.28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.88);
    opacity: 0
}

.aboutBanner .g_vid svg,.aboutBanner .g_vid img {
    width: 23.43%;
    margin-left: 0.06rem;
    height: auto
}

.aboutBanner .g_vid svg path,.aboutBanner .g_vid img path {
    fill: #005ec4
}

.aboon {
    padding: calc(100vh + 1.88rem) 0 2rem
}

@media (max-width:991px) {
    .aboon {
        padding: calc(100vh + 1.88rem) 0 1.8rem
    }
}

@media (max-width:767px) {
    .aboon {
        padding: calc(100vh + 1.2rem) 0 1.2rem
    }
}

.aboon .box {
    padding-right: 0.43rem;
    display: flex;
    justify-content: space-between
}

@media (max-width:991px) {
    .aboon .box {
        flex-direction: column-reverse;
        padding: 0
    }
}

.aboon .box .gl {
    width: 50%;/*44.94382022%*/
}

@media (max-width:991px) {
    .aboon .box .gl {
        width: 100%
    }
}

.aboon .box .gl h2 {
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0.64rem;
    margin-bottom: 0.3rem;
    font-size: 0.4rem
}

@media (max-width:767px) {
    .aboon .box .gl h2 {
        font-size: 0.38rem
    }
}

.aboon .box .gl .g_p {
    font-size: 18px
}

@media (max-width:1580px) {
    .aboon .box .gl .g_p {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .aboon .box .gl .g_p {
        font-size: 0.28rem
    }
}

.aboon .box .gl .g_p p {
    color: #444;
    text-align: justify
}

.aboon .box .gr {
    display: none
}

@media (max-width:991px) {
    .aboon .box .gr {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 0.8rem
    }
}

.aboon .box .gr .gr_img {
    overflow: hidden;
    border-radius: 0.1rem;
    width: 100%;
    height: auto
}

.aboon .box .gr .gr_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.aboon .box .gr .g_vid {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1.28rem;
    height: 1.28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.88)
}

@media (max-width:767px) {
    .aboon .box .gr .g_vid {
        width: 0.9rem;
        height: 0.9rem
    }
}

.aboon .box .gr .g_vid svg,.aboon .box .gr .g_vid img {
    width: 23.43%;
    margin-left: 0.06rem;
    height: auto
}

.aboon .box .gr .g_vid svg path,.aboon .box .gr .g_vid img path {
    fill: #005ec4
}

.abotw {
    width: 100%;
    height: 9.7rem;
    position: relative
}

@media (max-width:767px) {
    .abotw {
        height: auto
    }
}

.abotw .imgbj {
    width: 100%;
    height: 100%
}

@media (max-width:767px) {
    .abotw .imgbj {
        position: absolute;
        top: 0;
        left: 0
    }
}

.abotw .imgbj .img {
    width: 100%;
    height: 100%;
    position: relative
}

.abotw .imgbj .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.abotw .imgbj .img video {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.abotw .gtxt {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    pointer-events: none
}

@media (max-width:767px) {
    .abotw .gtxt {
        position: relative;
        height: auto
    }
}

.abotw .gtxt .container {
    padding: 1.7rem 0 0 0.52rem
}

@media (max-width:767px) {
    .abotw .gtxt .container {
        padding: 0.5rem 0 0.52rem
    }
}

.abotw .gtxt .container h2 {
    pointer-events: initial;
    font-weight: bold;
    color: #fff
}

.abotw .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex
}

@media (max-width:767px) {
    .abotw .box {
        position: relative;
        height: auto;
        flex-wrap: wrap;
        margin-top: 0.7rem
    }
}

.abotw .box .item {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0.4rem .8rem;
    width: calc(100%/6);
    border-right: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    text-align: center;
    transition: all .4s
}

@media (max-width:991px) {
    .abotw .box .item {
        padding: 0 0.2rem .6rem
    }
}

@media (max-width:767px) {
    .abotw .box .item {
        width: 50%;
        padding: 0 0.2rem;
        margin-bottom: 1rem;
        justify-content: flex-start
    }
}

@media screen and (min-width:768px) {
    .abotw .box .item:hover {
        padding-bottom: 1.15rem;
        background: rgba(0,78,162,0.5)
    }

    .abotw .box .item:hover .g_svg {
        opacity: 1
    }
}

.abotw .box .item .g_svg {
    transition: all .4s;
    opacity: 0;
    width: 0.75rem;
    height: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.9rem
}

@media (max-width:767px) {
    .abotw .box .item .g_svg {
        opacity: 1
    }
}

.abotw .box .item .g_svg img,.abotw .box .item .g_svg svg {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.abotw .box .item .txt .t_title {
    display: flex;
    justify-content: center;
    margin-bottom: 0.24rem
}

@media (max-width:767px) {
    .abotw .box .item .txt .t_title {
        margin-bottom: 0.3rem
    }
}

.abotw .box .item .txt .t_title h3 {
    line-height: 1.1
}

@media (max-width:767px) {
    .abotw .box .item .txt .t_title h3 {
        min-height: 0.5rem
    }
}

.abotw .box .item .txt .t_title .font48 {
    font-size: 0.26rem
}

@media (max-width:1580px) {
    .abotw .box .item .txt .t_title .font48 {
        font-size: 24px
    }
}

@media (max-width:991px) {
    .abotw .box .item .txt .t_title .font48 {
        font-size: 22px
    }
}

@media (max-width:767px) {
    .abotw .box .item .txt .t_title .font48 {
        font-size: 0.32rem
    }
}

@media (max-width:991px) {
    .abotw .box .item .txt .t_title .font48 {
        line-height: 1.2;
        font-size: 0.32rem
    }
}

.abotw .box .item .txt .t_title .font70 {
    font-family: 'oppo-b','PingFang SC','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 0.35rem
}

@media (max-width:1260px) {
    .abotw .box .item .txt .t_title .font70 {
        font-size: 0.35rem
    }
}

@media (max-width:991px) {
    .abotw .box .item .txt .t_title .font70 {
        font-size: 0.3rem;
        line-height: 1.2
    }
}

@media (max-width:767px) {
    .abotw .box .item .txt .t_title .font70 {
        font-size: 0.3rem
    }
}

.abotw .box .item .txt .t_title span {
    margin-left: 6px;
    line-height: 1;
    font-size: 18px
}

@media (max-width:1580px) {
    .abotw .box .item .txt .t_title span {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .abotw .box .item .txt .t_title span {
        font-size: 0.3rem;
        font-size: 0.28rem
    }
}

.abotw .box .item .txt>p {
    line-height: 1.5
}

.abotw .box .item .txt p {
    opacity: 0.6
}

@media (max-width:991px) {
    .abotw .box .item .txt p br {
        display: block
    }
}

@media (max-width:767px) {
    .abotw .box .item .txt p {
        height: auto !important
    }
}

.g_title2 h2 {
    line-height: 1.1;
    font-weight: bold
}

.aboth {
    padding: 2.05rem 0 0
}

@media (max-width:767px) {
    .aboth {
        padding: 1.05rem 0 0
    }
}

.aboth .aboth_nav {
    display: flex;
    margin-top: 0.66rem
}

@media (max-width:991px) {
    .aboth .aboth_nav {
        overflow: auto
    }
}

@media (max-width:767px) {
    .aboth .aboth_nav {
        margin-top: 0.3rem
    }
}

.aboth .aboth_nav p {
    cursor: pointer;
    transition: all .4s;
    color: #999;
    margin-right: 0.64rem;
    border-bottom: 4px solid transparent;
    min-width: 2.7rem;
    font-size: 18px
}

@media (max-width:991px) {
    .aboth .aboth_nav p {
        flex-shrink: 0
    }
}

@media (max-width:1580px) {
    .aboth .aboth_nav p {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .aboth .aboth_nav p {
        font-size: 0.3rem;
        font-size: 0.28rem
    }
}

.aboth .aboth_nav p.on {
    font-weight: bold;
    color: #005ec4;
    border-color: #005ec4
}

.aboth .aboth_nav p span {
    font-family: 'oppo-b','PingFang SC','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size: 16px
}

@media (max-width:1580px) {
    .aboth .aboth_nav p span {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .aboth .aboth_nav p span {
        font-size: 0.24rem
    }
}

.aboth .box {
    background: url(/en/lib/template/scheme/images/aboutlj.jpg);
    background-size: cover;
    border-top: 1px solid #e7e8ea;
    margin-top: 0.7rem
}

@media (max-width:767px) {
    .aboth .box {
        margin-top: 0.35rem
    }
}

.aboth .box .bbox {
    position: relative
}

.aboth .box .bbox .item {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    opacity: 0
}

.aboth .box .bbox .item.on {
    transition: all .6s;
    opacity: 1;
    position: relative;
    z-index: 10
}

.aboth .box .bbox .item.on .gl {
    top: 0
}

.aboth .box .bbox .item.on .gr {
    top: 0
}

@media (max-width:767px) {
    .aboth .box .bbox .item {
        flex-direction: column
    }
}

.aboth .box .bbox .item .gl {
    position: relative;
    top: 0.4rem;
    transition: all .6s;
    width: 32.19101124%;
    padding: 1rem 1.2rem .5rem 0
}

@media (max-width:1260px) {
    .aboth .box .bbox .item .gl {
        padding: 1rem 0 0.5rem 0
    }
}

@media (max-width:767px) {
    .aboth .box .bbox .item .gl {
        width: 100%;
        padding: 0.5rem 0 0 0
    }
}

.aboth .box .bbox .item .gl .g_tit {
    margin-bottom: 0.3rem
}

.aboth .box .bbox .item .gl .g_tit .p1 {
    color: #999;
    margin-bottom: 0.2rem
}

.aboth .box .bbox .item .gl .g_tit .p2 {
    font-weight: bold;
    color: #000
}

.aboth .box .bbox .item .gl .g_lab {
    display: flex;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .aboth .box .bbox .item .gl .g_lab {
        text-align: justify
    }
}

.aboth .box .bbox .item .gl .g_lab p {
    line-height: 1.4;
    color: #005ec4;
    margin-bottom: 0.15rem
}

.aboth .box .bbox .item .gl .g_lab p:not(:last-child) {
    padding-right: 0.2rem;
    margin-right: 0.2rem;
    border-right: 2px solid #005ec4
}

@media (max-width:1260px) {
    .aboth .box .bbox .item .gl .g_lab p {
        font-size: 16px
    }
}

.aboth .box .bbox .item .gl .g_ptxt {
    margin-top: 0.72rem
}

.aboth .box .bbox .item .gl .g_ptxt p {
    color: #666;
    line-height: 1.667
}

.aboth .box .bbox .item .gr {
    top: 0.8rem;
    transition: all .6s;
    width: 67.80898876%;
    position: relative
}

@media (max-width:767px) {
    .aboth .box .bbox .item .gr {
        width: 100%
    }
}

.aboth .box .bbox .item .gr .line_box {
    position: absolute;
    z-index: 10;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    padding-left: 0.64rem
}

@media (max-width:767px) {
    .aboth .box .bbox .item .gr .line_box {
        padding-left: 0.2rem
    }
}

.aboth .box .bbox .item .gr .line_box .line {
    display: block;
    width: 1px;
    background: #005ec4
}

.aboth .box .bbox .item .gr .gr_box {
    padding-left: 0.64rem;
    height: 7.8rem;
    overflow: auto;
    position: relative
}

.aboth .box .bbox .item .gr .gr_box::-webkit-scrollbar {
    width: 0;
    display: none
}

@media (max-width:767px) {
    .aboth .box .bbox .item .gr .gr_box {
        padding-left: 0.2rem
    }
}

.aboth .box .bbox .item .gr .aboth_box {
    border-left: 1px solid #e5eff8;
    padding: 1rem 1.9rem 0 0.92rem
}

@media (max-width:991px) {
    .aboth .box .bbox .item .gr .aboth_box {
        padding: 1rem .5rem 0 0.92rem
    }
}

@media (max-width:767px) {
    .aboth .box .bbox .item .gr .aboth_box {
        padding: 0.5rem .5rem 0 0.92rem
    }
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con {
    position: relative
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_tw .public-img:before {
    padding-top: 38.41676368%
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_tw .txt {
    padding: 0.28rem 0 0.65rem
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_tw .txt .g_p p {
    display: block;
    position: relative;
    padding-left: 0.26rem
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_tw .txt .g_p p:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background: #11c4ff;
    left: 0;
    top: 0.12rem
}

@media (max-width:1580px) {
    .aboth .box .bbox .item .gr .aboth_box .aboth_con .g_tw .txt .g_p p:after {
        top: 8px;
        width: 5px;
        height: 5px
    }
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_year {
    z-index: 10;
    position: absolute;
    left: -0.99rem;
    top: 0.1rem;
    display: flex;
    align-items: center
}

@media (max-width:1260px) {
    .aboth .box .bbox .item .gr .aboth_box .aboth_con .g_year {
        left: -1rem
    }
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_year i {
    width: 0.14rem;
    height: auto;
    flex-shrink: 0;
    display: flex
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_year i svg,.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_year i img {
    width: 100%;
    height: auto
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_year i svg path,.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_year i img path {
    fill: #005ec4
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_year p {
    margin-left: 0.14rem;
    color: #333;
    font-family: 'oppo-b','PingFang SC','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial'
}

.aboth .box .bbox .item .gr .aboth_box .aboth_con .g_year p span {
    color: #005ec4
}

.abofo {
    position: relative
}

@media (max-width:767px) {
    .abofo {
        background: #000
    }
}

.abofo .g_img {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #153873
}

@media (max-width:767px) {
    .abofo .g_img {
        height: 100%
    }
}

.abofo .g_img .g_img_item {
    position: relative;
    display: none;
    transform: scale(.85) translateY(0) translateX(12%)
}

.abofo .g_img .g_img_item.g_img_chi {
    position: relative;
    display: none;
    transform: scale(0.8) translateX(18%)
}

@media (max-width:991px) {
    .abofo .g_img .g_img_item {
        width: 150%;
        margin-left: -24%;
        transform: scale(0.7)
    }

    .abofo .g_img .g_img_item.g_img_chi {
        width: 150%;
        margin-left: -24%;
        transform: scale(0.7) translateX(10%) translateY(-20%)
    }
}

@media (max-width:767px) {
    .abofo .g_img .g_img_item {
        margin-top: -15%;
        transform: scale(0.7)
    }

    .abofo .g_img .g_img_item.g_img_chi {
        margin-top: -15%;
        transform: scale(0.7)
    }
}

.abofo .g_img .g_img_item:first-child {
    display: block
}

.abofo .g_img .g_img_item .svgline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.abofo .g_img .g_img_item .img {
    width: 100%;
    height: 100%
}

.abofo .g_img .g_img_item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.abofo .g_img .g_img_item .img_tuli {
    position: absolute;
    /*width: 4.48rem;*/
    height: 0.48rem;
    bottom: 0.8rem; /*1.2rem;*/
    left: 30% /*35%*/
}

.abofo .g_img .g_img_item .img_tuli img {
    width: 100%;
    height: 100%
}

.abofo .g_img .g_img_item .g_add .g_add_box {
    position: absolute;
    width: 1px;
    height: 1px
}

.abofo .g_img .g_img_item .g_add .g_add_box .i1_trian {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-left: 0.12rem solid transparent;
    border-right: 0.12rem solid transparent;
    border-bottom: 0.2rem solid #EC601B;
    z-index: 2
}

.abofo .g_img .g_img_item .g_add .g_add_box .i2_trian {
}

.abofo .g_img .g_img_item .g_add .g_add_box .i1_star {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    width: 0.3rem;
    height: 0.3rem;
    background: url(/en/lib/template/scheme/images/star.png) no-repeat;
    background-size: 100% 100%
}

.abofo .g_img .g_img_item .g_add .g_add_box .i2_star {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0.25);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    border: 3px solid #ffffff;
    border-color: #ffd700;
    box-shadow: 0 0 4px #ffd700,0 0 10px #ffd700 inset;
    opacity: .12;
    filter: alpha(opacity=0);
    animation: warn 2s ease-out both;
    animation-iteration-count: infinite
}

.abofo .g_img .g_img_item .g_add .g_add_box .i1_star_red {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    width: 0.4rem;
    height: 0.4rem;
    background: url(/en/lib/template/scheme/images/star_red.png) no-repeat;
    background-size: 100% 100%
}

.abofo .g_img .g_img_item .g_add .g_add_box .i2_star_red {
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0.25);
    border-radius: 50%;
    border: 3px solid #ffffff;
    border-color: #ff0000;
    box-shadow: 0 0 4px #ff0000,0 0 10px #ff0000 inset;
    opacity: .12;
    filter: alpha(opacity=0);
    animation: warn 2s ease-out both;
    animation-iteration-count: infinite
}

.delay-04 {
    -webkit-animation-delay: 1.6s !important;
    -moz-animation-delay: 1.6s !important;
    -o-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important
}

.delay-05 {
    -webkit-animation-delay: 2.2s !important;
    -moz-animation-delay: 2.2s !important;
    -o-animation-delay: 2.2s !important;
    animation-delay: 2.2s !important
}

.abofo .g_img .g_img_item .g_add .g_add_box .i1_rhom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    z-index: 2;
    width: 0.18rem;
    height: 0.18rem;
    background: #39FFFD;
    border-radius: 1px
}

.abofo .g_img .g_img_item .g_add .g_add_box .i2_rhom {
}

.abofo .g_img .g_img_item .g_add .g_add_box .i1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0.1rem;
    height: 0.1rem;
    background: #11c4fe;
    border-radius: 50%
}

.abofo .g_img .g_img_item .g_add .g_add_box .i2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.25);
    width: 0.4rem;
    height: 0.4rem;
    background: #11c4fe;
    border-radius: 50%;
    opacity: 0.6;
    animation: moveqdq 2s infinite linear;
    -webkit-animation: moveqdq 2s infinite linear
}

.abofo .g_img .g_img_item .g_add .g_add_box p {
    position: absolute;
    left: 0.24rem;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    white-space: nowrap;
    font-size: 13px
}

.abofo .g_img .g_img_item .g_add  .g_p_right p.c {
    position: absolute;
    left: 0.10rem;
    top: -100%;
    transform: translateY(-120%)
}

@media (max-width:767px) {
    .abofo .g_img .g_img_item .g_add .g_add_box p {
        font-size: 8px
    }
}

.abofo .g_img .g_img_item .g_add .g_p_left p {
    left: auto;
    right: 0.24rem
}

.abofo .g_img .g_img_item .g_add .g_p_left p.c {
    left: auto;
    right: 0.3rem
}

.abofo .g_img .g_img_item .g_add .g_p_bottom p {
    top: 0.18rem;
    left: 50%;
    transform: translate(-50%,0)
}

.abofo .g_img .g_img_item .g_add .g_p_left_bottom p {
    top: 0.08rem;
    left: 80%;
    transform: translate(10%,0)
}

.abofo .g_img .g_img_item .g_add .g_p_left_top p {
    left: auto;
    right: 0.15rem;
    top: 0;
    transform: translate(0,-100%)
}

.abofo .g_img .g_img_item .g_add .add1 {
    top: 44.9%;
    left: 20.8%
}

.abofo .g_img .g_img_item .g_add .add2 {
    top: 48.3%;
    left: 23.5%
}

.abofo .g_img .g_img_item .g_add .add3 {
    top: 40.4%;
    left: 17%
}

.abofo .g_img .g_img_item .g_add .add4 {
    top: 40.3%;
    left: 25.7%
}

.abofo .g_img .g_img_item .g_add .add5 {
    top: 31.4%;
    left: 24%
}

.abofo .g_img .g_img_item .g_add .add6 {
    top: 51.7%;
    left: 29.9%
}

.abofo .g_img .g_img_item .g_add .add7 {
    top: 54%;
    left: 29%
}

.abofo .g_img .g_img_item .g_add .add8 {
    top: 62.5%;
    left: 35%
}

.abofo .g_img .g_img_item .g_add .add9 {
    top: 66.5%;
    left: 34.9%
}

.abofo .g_img .g_img_item .g_add .add10 {
    top: 71.3%;
    left: 33.4%
}

.abofo .g_img .g_img_item .g_add .add11 {
    top: 73%;
    left: 28.9%
}

.abofo .g_img .g_img_item .g_add .add12 {
    top: 75%;
    left: 30.3%
}

.abofo .g_img .g_img_item .g_add .add13 {
    top: 27%;
    left: 50.6%
}

.abofo .g_img .g_img_item .g_add .add14 {
    top: 31.5%;
    left: 46.6%
}

.abofo .g_img .g_img_item .g_add .add15 {
    top: 31.7%;
    left: 49.4%
}

.abofo .g_img .g_img_item .g_add .add16 {
    top: 34.3%;
    left: 47.2%
}

.abofo .g_img .g_img_item .g_add .add17 {
    top: 37%;
    left: 45.1%
}

.abofo .g_img .g_img_item .g_add .add18 {
    top: 38.8%;
    left: 45.7%
}

.abofo .g_img .g_img_item .g_add .add19 {
    top: 41.4%;
    left: 45.6%
}

.abofo .g_img .g_img_item .g_add .add20 {
    top: 34.5%;
    left: 49.7%
}

.abofo .g_img .g_img_item .g_add .add21 {
    top: 34%;
    left: 55%
}

.abofo .g_img .g_img_item .g_add .add22 {
    top: 36.6%;
    left: 51%
}

.abofo .g_img .g_img_item .g_add .add23 {
    top: 37.2%;
    left: 56.5%
}

.abofo .g_img .g_img_item .g_add .add24 {
    top: 39.5%;
    left: 58.9%
}

.abofo .g_img .g_img_item .g_add .add25 {
    top: 41.8%;
    left: 59.4%
}

.abofo .g_img .g_img_item .g_add .add26 {
    top: 44.4%;
    left: 60.5%
}

.abofo .g_img .g_img_item .g_add .add27 {
    top: 46.2%;
    left: 61.5%
}

.abofo .g_img .g_img_item .g_add .add28 {
    top: 47%;
    left: 59%
}

.abofo .g_img .g_img_item .g_add .add29 {
    top: 45%;
    left: 55.5%
}

.abofo .g_img .g_img_item .g_add .add30 {
    top: 43%;
    left: 52%
}

.abofo .g_img .g_img_item .g_add .add31 {
    top: 48.5%;
    left: 54%
}

.abofo .g_img .g_img_item .g_add .add32 {
    top: 51.7%;
    left: 49%
}

.abofo .g_img .g_img_item .g_add .add33 {
    top: 51.2%;
    left: 57%
}

.abofo .g_img .g_img_item .g_add .add34 {
    top: 53.8%;
    left: 51%
}

.abofo .g_img .g_img_item .g_add .add35 {
    top: 55.5%;
    left: 54.9%
}

.abofo .g_img .g_img_item .g_add .add36 {
    top: 55.5%;
    left: 56.6%
}

.abofo .g_img .g_img_item .g_add .add37 {
    top: 57.6%;
    left: 54.5%
}

.abofo .g_img .g_img_item .g_add .add38 {
    top: 59.8%;
    left: 52.8%
}

.abofo .g_img .g_img_item .g_add .add39 {
    top: 60%;
    left: 56.7%
}

.abofo .g_img .g_img_item .g_add .add40 {
    top: 62.5%;
    left: 54%
}

.abofo .g_img .g_img_item .g_add .add41 {
    top: 65.5%;
    left: 55%
}

.abofo .g_img .g_img_item .g_add .add42 {
    top: 69.5%;
    left: 53.4%
}

.abofo .g_img .g_img_item .g_add .add43 {
    top: 34.2%;
    left: 75%
}

.abofo .g_img .g_img_item .g_add .add44 {
    top: 42.5%;
    left: 77.6%
}

.abofo .g_img .g_img_item .g_add .add45 {
    top: 39.3%;
    left: 79.7%
}

.abofo .g_img .g_img_item .g_add .add46 {
    top: 40%;
    left: 82.6%
}

.abofo .g_img .g_img_item .g_add .add47 {
    top: 44.6%;
    left: 79.3%
}

.abofo .g_img .g_img_item .g_add .add48 {
    top: 47.3%;
    left: 76.9%
}

.abofo .g_img .g_img_item .g_add .add49 {
    top: 47.5%;
    left: 73.5%
}

.abofo .g_img .g_img_item .g_add .add50 {
    top: 44.7%;
    left: 70.1%
}

.abofo .g_img .g_img_item .g_add .add51 {
    top: 48.5%;
    left: 68.8%
}

.abofo .g_img .g_img_item .g_add .add52 {
    top: 49.4%;
    left: 72.9%
}

.abofo .g_img .g_img_item .g_add .add53 {
    top: 50.5%;
    left: 75.7%
}

.abofo .g_img .g_img_item .g_add .add54 {
    top: 52%;
    left: 74.3%
}

.abofo .g_img .g_img_item .g_add .add55 {
    top: 54%;
    left: 74.7%
}

.abofo .g_img .g_img_item .g_add .add56 {
    top: 55.7%;
    left: 73.4%
}

.abofo .g_img .g_img_item .g_add .add57 {
    top: 60.4%;
    left: 78.2%
}

.abofo .g_img .g_img_chi .g_add .g_add_box .i1 {
    width: 0.15rem;
    height: 0.15rem
}

.abofo .g_img .g_img_chi .g_add .g_add_box .i2 {
    width: 0.6rem;
    height: 0.6rem
}

.abofo .g_img .g_img_chi .g_add .g_add_box2 .i1 {
    background: #fff;
    width: 0.1rem;
    height: 0.1rem
}

.abofo .g_img .g_img_chi .g_add .g_add_box2 .i2 {
    background: #fff;
    width: 0.4rem;
    height: 0.4rem
}

.abofo .g_img .g_img_chi .g_add .acc1 {
    top: 43%;
    left: 58.6%
}

.abofo .g_img .g_img_chi .g_add .acc2 {
    top: 55.5%;
    left: 59.4%
}

.abofo .g_img .g_img_chi .g_add .acc3 {
    top: 62.2%;
    left: 62.3%
}

.abofo .g_img .g_img_chi .g_add .acc4 {
    top: 72%;
    left: 59.6%
}

.abofo .g_img .g_img_chi .g_add .acc5 {
    top: 77%;
    left: 54.7%
}

.abofo .g_img .g_img_chi .g_add .acc6 {
    top: 77.5%;
    left: 55.6%
}

.abofo .g_img .g_img_chi .g_add .acc7 {
    top: 28.5%;
    left: 68.6%
}

.abofo .g_img .g_img_chi .g_add .acc8 {
    top: 37.5%;
    left: 67.4%
}

.abofo .g_img .g_img_chi .g_add .acc9 {
    top: 42.3%;
    left: 63.6%
}

.abofo .g_img .g_img_chi .g_add .acc10 {
    top: 34.5%;
    left: 59.6%
}

.abofo .g_img .g_img_chi .g_add .acc11 {
    top: 52.5%;
    left: 59.6%
}

.abofo .g_img .g_img_chi .g_add .acc12 {
    top: 50.5%;
    left: 56.6%
}

.abofo .g_img .g_img_chi .g_add .acc13 {
    top: 57.8%;
    left: 60.4%
}

.abofo .g_img .g_img_chi .g_add .acc14 {
    top: 61.8%;
    left: 58.2%
}

.abofo .g_img .g_img_chi .g_add .acc15 {
    top: 66.7%;
    left: 61.3%
}

.abofo .g_img .g_img_chi .g_add .acc16 {
    top: 76.5%;
    left: 61.9%
}

.abofo .g_img .g_img_chi .g_add .acc17 {
    top: 78.5%;
    left: 56.2%
}

.abofo .g_img .g_img_chi .g_add .acc18 {
    top: 79%;
    left: 55.2%
}

.abofo .g_img .g_img_chi .g_add .acc19 {
    top: 85%;
    left: 51.6%
}

.abofo .g_img .g_img_chi .g_add .acc20 {
    top: 76.5%;
    left: 50.6%
}

.abofo .g_img .g_img_chi .g_add .acc21 {
    top: 69.4%;
    left: 53.4%
}

.abofo .g_img .g_img_chi .g_add .acc22 {
    top: 62.5%;
    left: 54.2%
}

.abofo .g_img .g_img_chi .g_add .acc23 {
    top: 56.5%;
    left: 55.2%
}

.abofo .g_img .g_img_chi .g_add .acc24 {
    top: 53.4%;
    left: 53.3%
}

.abofo .g_img .g_img_chi .g_add .acc25 {
    top: 57.5%;
    left: 50.3%
}

.abofo .g_img .g_img_chi .g_add .acc26 {
    top: 51.5%;
    left: 47.6%
}

.abofo .g_img .g_img_chi .g_add .acc27 {
    top: 56.1%;
    left: 46.6%
}

.abofo .g_img .g_img_chi .g_add .acc28 {
    top: 66%;
    left: 48.6%
}

.abofo .g_img .g_img_chi .g_add .acc29 {
    top: 71.5%;
    left: 48.5%
}

.abofo .g_img .g_img_chi .g_add .acc30 {
    top: 75.5%;
    left: 43.6%
}

.abofo .g_img .g_img_chi .g_add .acc31 {
    top: 62.5%;
    left: 44.9%
}

.abofo .g_img .g_img_chi .g_add .acc32 {
    top: 53.5%;
    left: 38.4%
}

.abofo .g_img .g_img_chi .g_add .acc33 {
    top: 61.5%;
    left: 30.9%
}

.abofo .g_img .g_img_chi .g_add .acc34 {
    top: 42.5%;
    left: 27.9%
}

.abofo .box {
    height: 9.6rem;
    position: relative;
    z-index: 10
}

@media (max-width:1580px) {
    .abofo .box {
        height: 11.6rem
    }
}

@media (max-width:1260px) {
    .abofo .box {
        height: auto
    }
}

.abofo .box .bbox {
    color: #fff;
    padding: 1.35rem 0 1.22rem;
    display: flex;
    justify-content: space-between
}

@media (max-width:991px) {
    .abofo .box .bbox {
        flex-direction: column;
        padding: 6rem 0 0.6rem
    }
}

@media (max-width:767px) {
    .abofo .box .bbox {
        padding: 4.15rem 0 1.22rem
    }
}

.abofo .box .bbox .gl {
    width: 50%
}

@media (max-width:1260px) {
    .abofo .box .bbox .gl {
        padding-bottom: 0.8rem
    }
}

@media (max-width:991px) {
    .abofo .box .bbox .gl {
        width: 100%
    }
}

@media (max-width:767px) {
    .abofo .box .bbox .gl {
        width: 100%;
        padding-bottom: 0.5rem
    }
}

.abofo .box .bbox .gl .abofo_nav {
    margin-top: 0.48rem
}

.abofo .box .bbox .gl .abofo_nav a {
    display: inline-flex;
    line-height: 1;
    margin-right: 0.45rem;
    padding-right: 0.46rem;
    color: rgba(255,255,255,0.4);
    cursor: pointer;
    border-right: 1px solid rgba(255,255,255,0.4)
}

.abofo .box .bbox .gl .abofo_nav a.on {
    color: #fff
}

.abofo .box .bbox .gl .abofo_nav a:last-child {
    border: none;
    margin-right: 0;
    padding: 0
}

.abofo .box .bbox .gl .abofo_data {
    margin-top: 0.8rem
}

@media (max-width:767px) {
    .abofo .box .bbox .gl .abofo_data {
        margin-top: 0.6rem
    }
}

.abofo .box .bbox .gl .abofo_data .abofo_data_box {
    display: none
}

.abofo .box .bbox .gl .abofo_data .abofo_data_box:first-child {
    display: block
}

.abofo .box .bbox .gl .abofo_data .abofo_data_box .abofo_data_con {
    width: 60%;
    display: flex;
    flex-wrap: wrap
}

@media (max-width:991px) {
    .abofo .box .bbox .gl .abofo_data .abofo_data_box .abofo_data_con {
        width: 100%
    }
}

.abofo .box .bbox .gl .abofo_data .abofo_data_box .g_p {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.abofo .box .bbox .gl .abofo_data .abofo_data_box .g_p p {
    line-height: 1.6
}

.abofo .box .bbox .gl .abofo_data .item {
    width: 50%;
    margin-bottom: 0.6rem
}

.abofo .box .bbox .gl .abofo_data .item .item_t {
    display: flex
}

.abofo .box .bbox .gl .abofo_data .item .item_t p {
    line-height: 1.2;
    font-weight: bold
}

.abofo .box .bbox .gl .abofo_data .item .item_t span {
    margin-left: 0.07rem;
    margin-top: 0.05rem;
    font-weight: bold;
    line-height: 1
}

.abofo .box .bbox .gl .abofo_data .item .item_b {
    margin-top: 0.04rem
}

.abofo .box .bbox .gl .abofo_data .item svg,.abofo .box .bbox .gl .abofo_data .item img {
    display: none;
    width: 80%;
    margin-top: 0.44rem;
    height: 6px
}

.abofo .box .gl .abofo_data .global-item {
    display: flex;
    font-size: .16rem;
    margin-top: .6rem /*.2rem*/
}

.abofo .box .gl .abofo_data .global-item .p01 {
    font-size: .20rem;
    font-weight: bold;
    margin-bottom: .1rem
}

.abofo .box .gl .abofo_data .global-item img {
    /*width: 4.55rem;*/
    height: .8rem
}

@media (max-width:991px) {
    .abofo .box .bbox .gl .abofo_data .item svg,.abofo .box .bbox .gl .abofo_data .item img {
    }
}

.abofo .box .bbox .gl .g_lab {
    margin-top: 0.75rem
}

@media (max-width:767px) {
    .abofo .box .bbox .gl .g_lab {
        margin-top: 0.35rem
    }
}

.abofo .box .bbox .gr {
    flex-shrink: 0;
    margin-left: 0.4rem;
    padding-right: 0.76rem
}

@media (max-width:991px) {
    .abofo .box .bbox .gr {
        padding: 0;
        margin: 0
    }
}

@media (max-width:767px) {
    .abofo .box .bbox .gr {
        width: 100%
    }
}

.abofo .box .bbox .gr .abofo_r {
    height: 100%;
    width: 3.82rem;
    display: none
}

@media (max-width:767px) {
    .abofo .box .bbox .gr .abofo_r {
        width: 100%
    }
}

.abofo .box .bbox .gr .abofo_r:first-child {
    display: block
}

.abofo .box .bbox .gr .abofo_r .g_p {
    padding-left: 1rem;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.abofo .box .bbox .gr .abofo_r .g_p p {
    margin: 0.06rem 0
}

.abofo .box .bbox .gr .abofo_r .item {
    position: relative
}

.abofo .box .bbox .gr .abofo_r .item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0;
    left: 0;
    transition: all .4s
}

.abofo .box .bbox .gr .abofo_r .item.on::after {
    background: -webkit-linear-gradient(to right,#12bff7,rgba(0,0,0,0.1));
    background: linear-gradient(to right,#12bff7,rgba(0,0,0,0.1))
}

.abofo .box .bbox .gr .abofo_r .item.on .proInfo_r_con {
    padding: 0.33rem 0
}

.abofo .box .bbox .gr .abofo_r .item.on .proInfo_r_con .proInfo_r_title i {
    transform: rotate(180deg);
    background: rgba(255,255,255,0.2)
}

.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con {
    transition: all .4s;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding: 0.16rem 0
}

.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .proInfo_r_title {
    padding: 0 0.12rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .proInfo_r_title span {
    color: rgba(255,255,255,0.5)
}

.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .proInfo_r_title i {
    border-radius: 50%;
    transition: all .4s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.48rem;
    height: 0.48rem
}

.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .proInfo_r_title i svg,.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .proInfo_r_title i img {
    width: 8px;
    height: auto;
    transform: rotate(90deg)
}

.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .proInfo_r_title i svg path,.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .proInfo_r_title i img path {
    fill: #fff;
    opacity: 0.5
}

.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .join_l_box {
    display: none;
    padding: 0.12rem .12rem 0
}

.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .join_l_box p {
    margin-bottom: 0.12rem
}

.abofo .box .bbox .gr .abofo_r .item .proInfo_r_con .join_l_box p:last-child {
    margin-bottom: 0
}

@keyframes warn {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(0.25);
        -moz-transform: translate(-50%,-50%) scale(0.25);
        -o-transform: translate(-50%,-50%) scale(0.25);
        transform: translate(-50%,-50%) scale(0.25);
        opacity: 1
    }

    100% {
        -webkit-transform: translate(-50%,-50%) scale(2);
        -moz-transform: translate(-50%,-50%) scale(2);
        -o-transform: translate(-50%,-50%) scale(2);
        transform: translate(-50%,-50%) scale(2);
        opacity: 0
    }
}

@keyframes moveqdq {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(0.25);
        -webkit-transform: translate(-50%,-50%) scale(0.25)
    }

    75% {
        opacity: 0.3;
        transform: translate(-50%,-50%) scale(2);
        -webkit-transform: translate(-50%,-50%) scale(2)
    }

    100% {
        transform: translate(-50%,-50%) scale(3);
        -webkit-transform: translate(-50%,-50%) scale(3);
        opacity: 0
    }
}

@keyframes moveqdq1 {
    0% {
        transform: translate(-50%,-50%) scale(0.25);
        -webkit-transform: translate(-50%,-50%) scale(0.25)
    }

    100% {
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1);
        opacity: 0
    }
}

.abofi {
    padding: 1.45rem 0 1.65rem
}

@media (max-width:767px) {
    .abofi {
        padding: 1rem 0
    }
}

.abofi .box {
    display: flex;
    justify-content: space-between;
    margin-top: 0.45rem;
    padding-left: calc((100% - 92.70833%)/2)
}

@media screen and (max-width:1199px) {
    .abofi .box {
        padding-left: 5%
    }
}

@media (max-width:767px) {
    .abofi .box {
        padding: 0 5%
    }
}

@media (max-width:991px) {
    .abofi .box {
        flex-direction: column
    }
}

.abofi .box .gl {
    width: 48.10810811%;
    padding-right: 1rem
}

@media (max-width:991px) {
    .abofi .box .gl {
        width: 100%;
        padding: 0;
        margin-bottom: 0.5rem
    }
}

.abofi .box .gl .abofi_nav {
    display: flex
}

.abofi .box .gl .abofi_nav p {
    cursor: pointer;
    transition: all .4s;
    color: #999;
    margin-right: 0.56rem;
    border-bottom: 4px solid transparent
}

.abofi .box .gl .abofi_nav p.on {
    font-weight: bold;
    color: #005ec4;
    border-color: #005ec4
}

.abofi .box .gl .abofi_txt {
    margin-top: 1.2rem
}

.abofi .box .gl .abofi_txt .item {
    display: none;
    height: 5rem;
    overflow-x: hidden;
    overflow-y: auto;
    direction: rtl
}

@media (min-width:768px) {
    .abofi .box .gl .abofi_txt .item {
        font-size: 16px
    }
}

@media (min-width:768px) and (max-width:1580px) {
    .abofi .box .gl .abofi_txt .item {
        font-size: 14px
    }
}

.abofi .box .gl .abofi_txt .item:first-child {
    display: block
}

.abofi .box .gl .abofi_txt .item p {
    margin-bottom: 0.16rem
}

.abofi .box .gl .abofi_txt .item .item_scr {
    direction: ltr;
    padding-left: 0.4rem
}

.abofi .box .gl .abofi_txt .item::-webkit-scrollbar {
    width: 4px;
    height: 1px
}

.abofi .box .gl .abofi_txt .item::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background-image: linear-gradient(to top,#00f0ff 1%,#09daff 26%,#11c4ff 51%,#006de1 100%)
}

.abofi .box .gl .abofi_txt .item::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #ededed
}

.abofi .box .gr {
    width: 51.89189189%
}

@media (max-width:991px) {
    .abofi .box .gr {
        width: 100%
    }
}

.abofi .box .gr .gr_box {
    overflow: hidden;
    display: none
}

.abofi .box .gr .gr_box:first-child {
    display: block
}

.abofi .box .gr .g_culfi_box {
    margin-bottom: 0.35rem
}

.abofi .box .gr .g_culfi_box .public-img:before {
    padding-top: 109.52380952%
}

.abofi .box .gr .g_culfi_box .txt {
    padding: 0.24rem 0
}

.abofi .box .gr .g_culfi_box .txt .txt_t h3 {
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.5em;
    color: #333
}

.abofi .box .gr .f_qie {
    margin-bottom: 0.96rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: calc((100% - 92.70833%)/1)
}

@media screen and (max-width:1199px) {
    .abofi .box .gr .f_qie {
        padding-right: 5%
    }
}

@media (max-width:767px) {
    .abofi .box .gr .f_qie {
        padding: 0;
        margin-top: 0.35rem
    }
}

.abofi .box .gr .f_qie .investorbox2_pagin {
    display: none;
    position: relative;
    background-color: #e7e9eb;
    height: 4px;
    width: calc(100% - 1.78rem)
}

@media (max-width:1580px) {
    .abofi .box .gr .f_qie .investorbox2_pagin {
        height: 2px
    }
}

.abofi .box .gr .f_qie .investorbox2_pagin span {
    background-image: linear-gradient(90deg,#00f0ff 1%,#09daff 26%,#11c4ff 51%,#006de1 100%)
}

.abofi .box .gr .f_qie .investorbox2_pagin.swiper-pagination-lock~.gt {
    display: none!important
}

.abofi .box .gr .f_qie .gt {
    margin-left: 0.6rem;
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.abofi .box .gr .f_qie .gt .investorbox2_prev,.abofi .box .gr .f_qie .gt .investorbox2_next {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: #fff;
    transition: all .4s;
    border: 2px solid #eee;
    border-radius: 50%;
    width: 0.64rem;
    height: 0.64rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.abofi .box .gr .f_qie .gt .investorbox2_prev img,.abofi .box .gr .f_qie .gt .investorbox2_next img {
    width: 15.625%;
    height: 26.5625%;
    object-fit: contain
}

.abofi .box .gr .f_qie .gt .investorbox2_prev img:nth-child(2),.abofi .box .gr .f_qie .gt .investorbox2_next img:nth-child(2) {
    display: none
}

.abofi .box .gr .f_qie .gt .investorbox2_prev:hover,.abofi .box .gr .f_qie .gt .investorbox2_next:hover {
    border: 2px solid #11c4ff
}

.abofi .box .gr .f_qie .gt .investorbox2_prev:hover img,.abofi .box .gr .f_qie .gt .investorbox2_next:hover img {
    display: none
}

.abofi .box .gr .f_qie .gt .investorbox2_prev:hover img:nth-child(2),.abofi .box .gr .f_qie .gt .investorbox2_next:hover img:nth-child(2) {
    display: block
}

.abofi .box .gr .f_qie .gt .investorbox2_prev {
    margin-right: 0.2rem
}

.abonew {
    overflow: hidden
}

.abonew .line.on i {
    width: 100%
}

.abonew .line i {
    height: 2px;
    background: #0068b7;
    display: block;
    width: 0;
    transition: all 1s
}

.abonew .box {
    display: flex;
    justify-content: space-between;
    margin-top: 1.05rem
}

@media (max-width:991px) {
    .abonew .box {
        flex-direction: column
    }
}

@media (max-width:767px) {
    .abonew .box {
        margin-top: 0.6rem
    }
}

.abonew .box .gl {
    overflow: hidden;
    position: relative;
    width: 58.03370787%
}

@media (max-width:991px) {
    .abonew .box .gl {
        width: 100%
    }
}

.abonew .box .gl .tit h2 {
    line-height: 1.33
}

.abonew .box .gl .tit h2 span {
    color: #005ec4
}

.abonew .box .gl .gl_num {
    margin-top: 0.95rem
}

.abonew .box .gl .gl_num .gl_num_box {
    padding-left: 0.18rem;
    border-left: 2px solid #005ec4;
    margin-bottom: 0.8rem
}

.abonew .box .gl .gl_num .gl_num_box:last-child {
    margin-bottom: 0
}

.abonew .box .gl .gl_num .gl_num_box .g_p p {
    line-height: 1.1;
    color: #000
}

.abonew .box .gl .gl_num .gl_num_box .gsz {
    margin-top: 0.16rem;
    color: #005ec4;
    display: flex;
    align-items: flex-end
}

.abonew .box .gl .gl_num .gl_num_box .gsz span {
    width: 2rem;
    font-weight: bold;
    font-family: 'pop-r';
    font-size: 0.8rem;
    line-height: 0.8;
    margin-right: 12px;
}

.abonew .box .gl .g_bj {
    width: 6rem;
    height: auto;
    right: -30%;
    bottom: -30%;
    opacity: 0.15;
    position: absolute
}

.abonew .box .gl .g_bj img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.abonew .box .gr {
    width: 41.96629213%;
    display: flex;
    justify-content: space-between
}

@media (max-width:991px) {
    .abonew .box .gr {
        width: 100%;
        margin-top: 0.8rem
    }
}

.abonew .box .gr .item {
    width: calc(50% - 1px)
}

@media (max-width:767px) {
    .abonew .box .gr .item:last-child .gr_box .gr_con:first-child {
        margin-bottom: 0.55rem
    }
}

.abonew .box .gr .item .g_t {
    display: flex;
    align-items: flex-end;
    height: 1.5em
}

.abonew .box .gr .item .g_t p {
    color: #000;
    font-weight: bold
}

.abonew .box .gr .item .gr_box {
    height: calc(100% - .52rem);
    margin-top: 0.16rem;
    background: #f3f6f9;
    padding: 0.45rem .2rem .56rem .54rem
}

@media (max-width:1260px) {
    .abonew .box .gr .item .gr_box {
        padding: 0.45rem .2rem .56rem .24rem
    }
}

.abonew .box .gr .item .gr_box .gr_con {
    margin-bottom: 0.55rem
}

.abonew .box .gr .item .gr_box .gr_con .g_p p {
    line-height: 1.33;
    color: #000
}

@media (max-width:1260px) {
    .abonew .box .gr .item .gr_box .gr_con .g_p p {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .abonew .box .gr .item .gr_box .gr_con .g_p p {
        font-size: 12px
    }
}

.abonew .box .gr .item .gr_box .gr_con .gsz {
    margin-top: 0.16rem;
    color: #005ec4;
    display: flex;
    align-items: flex-end
}

.abonew .box .gr .item .gr_box .gr_con .gsz span {
    font-weight: bold;
    font-family: 'pop-r';
    line-height: 0.8
}

@media (max-width:767px) {
    .abonew .box .gr .item .gr_box .gr_con .gsz span {
        font-size: 0.5rem
    }
}

.abonew .box .gr .item .gr_box .gr_con .gsz p {
    padding-left: 0.14rem
}

@media (max-width:767px) {
    .abonew .box .gr .item .gr_box .gr_con .gsz p {
        font-size: 10px
    }
}

.abonew .box .gr .item .gr_box .gr_con .gsz .fy {
    line-height: 1;
    padding-left: 0;
    font-weight: bold;
    font-family: 'pop-r'
}

.st90 {
    width: 100%;
    height: 100%
}

.st91 {
    fill: none;
    stroke: #11c4ff;
    stroke-width: 1;
    stroke-miterlimit: 10
}

#mc_f1s4_line .st91 {
    stroke-dashoffset: 700px;
    stroke-dasharray: 700px;
    animation: animation-line 10.04s ease-in forwards infinite
}

@keyframes animation-line {
    0% {
        stroke-dashoffset: 700px
    }

    14.28571% {
        stroke-dashoffset: 0
    }

    61.42857% {
        stroke-dashoffset: 0
    }

    85.71429% {
        stroke-dashoffset: -700px
    }

    to {
        stroke-dashoffset: -700px
    }
}