.select-more {
    display: none;
    z-index: 4;
}

.tab-pane .more {
    z-index: 15;
    position: relative;
}



.tec-header-nav-Mobile {
    display: none;
}

.pcdisplay-none-mobile {
    display: none;
}

.case_content {

    border-top: none;
}

@media (max-width: 960px) {
    html {
        font-size: calc(100vw / 750 * 8) !important;
    }

    .tec-header-nav {
        display: none;
    }

    .tec-header__hide {
        top: -14.271vw;
    }

    .tec-header-logo {
        margin-left: -28.75rem;
    }

    .tec-header-logo {
        padding-left: 14.5vw;
        flex: 1;
    }

    .tec-header-logo img {
        top: 4.5rem;
        width: 82.25rem;
        height: 9.5rem;
    }

    .tec-header {
        height: 14vw;
        width: 100vw;
        background-color: #000422;
    }



    .imgDown {
        display: none;
    }





    .tec-flex__center {
        display: none;
    }

    #language {
        display: none;
    }

    .select-more {
        display: block;
        z-index: 96;
        padding: 2.5rem 6.75rem;
    }


    .select-more-yes-mobile {
        width: 100%;
    }

    .select-more-yes-tec {
        width: 100%;
    }

    .select-more-yes-service {
        width: 100%;
    }

    .select-more-yesFour {
        width: 100%;
    }

    .select-moreFirst {
        display: none;
    }

    .select-more-sub {
        display: none;
    }

    .wrapper-item5 {
        height: 128.25rem;
    }



    .tec-header-nav-Mobile {
        width: 100vw;
        height: 100vh;
        padding-top: 13.375rem;
        background-color: #FFFFFF;
        top: 0;
        left: 0;
        position: fixed;
        z-index: 20;
    }

    .tec-header-nav__listMobile {

        padding: 1.5rem 7rem;
        margin-bottom: 15.25rem;
    }

    .tec-header-nav__listMobile>li {
        padding: 2.025rem 0;

        border-bottom: 0.125rem solid #E0E0E0;

    }

    .tec-header-nav__listMobile>li>a {
        font-size: 4rem;
        font-weight: bold;
        vertical-align: -4.375rem;
        color: #000000;
    }

    .select-more-mobile {

        height: 4.875rem;
        margin-left: 45rem;
        padding-left: 30rem;
        margin-top: -4.875rem;
    }

    .screen h2 {
        font-size: 6rem;
        font-weight: 900;

        /* 纯白 */
        color: #FFFFFF;
    }

    .service__contain {
        display: flex;
        margin-left: 7rem;
        margin-top: 41.375rem;
    }

    .market__contain {
        display: flex;
        margin-left: 5.75rem;
        margin-top: 3rem;
    }




    .service__contain .item1,
    .service__contain .item2,
    .service__contain .item3 {
        border: 0.26rem solid rgba(128, 170, 255, 0.1);
        border-radius: 0.955rem;
        width: 25.5rem;
        height: 22.875rem;
        background-size: cover;
        background: rgba(128, 170, 255, 0.1);
        backdrop-filter: blur(9.5512rem);
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-left: 1.625rem;
    }

    .service__contain .item1 {
        margin-left: 0;
    }

    .firstBanner-service {
        border: 0.26rem solid rgba(128, 170, 255, 0.1);
        border-radius: 0.955rem;
        width: 25.5rem;
        height: 22.875rem;
        margin-left: 1.625rem;
        background-size: cover;
    }

    .able-bannerFour {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0.26rem solid rgba(128, 170, 255, 0.1);
        border-radius: 0.955rem;
        width: 19rem;
        height: 24rem;
        margin-left: 1.25rem;
        background-size: cover;
        background: rgba(128, 170, 255, 0.1);
        box-sizing: border-box;
        border: 0.26rem solid rgba(128, 170, 255, 0.1);
        backdrop-filter: blur(9.5512rem);
    }


    .bank {
        margin-top: 3.375rem;
        border-radius: 1.25rem;
        display: flex;
        padding: 2.875rem 5.375rem;
        background: #BEDAFF;
    }

    .bank-img {

        background-size: cover;
        width: 8.2413rem;
        height: 7.4925rem;
    }

    .button__contain {
        display: flex;
        justify-content: center;
        padding: 2.5rem 8.75rem;
    }


    .screen5 .item3 .button__contain p {
        font-size: 2.25rem;
        line-height: 2.8525rem;
        text-align: center;

        color: #4A4E64;
        padding-top: 1rem;
    }

    .screen5 .item3 .title__contain p {
        font-weight: 900;
        font-size: 3.5rem;
        color: #0750FE;
        padding-top: 0.5;
    }


    .screen5 .item3 .title__contain span {
        font-weight: 900;
        font-size: 3.5rem;
        color: #000000;
    }

    .bank-title {
        width: 45.75rem;
    }




    .fourBanner {
        height: 5.875rem;
        padding: 3rem 38rem;
        display: flex;
    }

    .fourBannerTwo {
        margin-left: 0.625rem;


        font-size: 3.5rem;
        font-weight: 900;


        color: #FFFFFF;
    }

    .fourBannerOne {
        font-size: 3.5rem;
        font-weight: 900;
        text-align: center;
        color: #FFFFFF;
    }


    .screen2 {
        display: block;
        height: 153.25rem;
        background-size: cover;
    }

    .screen2MobileTwo {
        margin-top: -13.5rem;
        height: 114.75rem;
        width: 100vw;
        background-size: cover;
    }


    .screen2 .container {
        left: 15rem;
        top: 10.9375rem;
        width: 79.75rem;
        height: auto;
        margin-left: 7rem;
        padding-top: 4.375rem;
        padding-left: 4.75rem;
        background: linear-gradient(180deg, #000bfe 0%, #0750fe 100%);
    }

    .screen2 .container h2 {

        font-size: 6rem;
        font-weight: 900;
        color: #FFFFFF;
        margin-top: 1.375rem;
    }

    .screen2 .container .desc {
        margin-top: 1.5rem;
        font-size: 3rem;
        line-height: 4rem;
    }

    .screen2 .container .screen2-more {
        position: relative;
        display: block;
        text-decoration: none;
        width: max-content;
        padding: 2rem 0 0;
        margin-top: 0;
        font-size: 3.5rem;
        font-weight: 900;
        color: #FFFFFF;
    }

    .screen2 .container .screen2-more::after {
        content: "";
        position: absolute;
        top: 65%;
        right: -3.75rem;
        transform: translateY(-50%);
        width: 4.375rem;
        height: 4.5rem;
        background-size: 100%;
    }

    .screen5 {
        display: block;
        height: 172.25rem;

    }

    .screen5-more {
        text-align: center;
        font-size: 3.5rem;
        font-weight: 900;
        line-height: normal;
        letter-spacing: 0em;
        padding: 4.5rem 0 0;
        /* 辅助色 */
        color: #0750FE;
    }

    .screen5 .container {
        width: 90rem;
        margin: 0 auto 6.1875rem;
        padding-top: 7.875rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .screen5 .container .item1 {
        width: 100%;
        height: auto;
        position: relative;
        padding: 0 4.5rem;
    }

    .screen5 .container .item1 .img1 {
        width: 32.8125rem;
        height: 7.1375rem;
        position: absolute;
        left: 0;
        top: 0;
    }

    .screen5 .container .item1 .img2 {
        width: 52.0625rem;
        height: 3rem;
        position: absolute;
        top: 1.5rem;
        right: 0;
    }

    .screen5 .container .item1 .img3 {
        width: 7.8125rem;
        height: 2rem;
        position: absolute;
        top: 5.1825rem;
        left: 37.875rem;
        font-size: 1.25vw;
        font-weight: bold;
        color: #0750FE;
    }


    .screen5 .container .item2 .item2-top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.5625rem;
    }

    .text1 {
        font-size: 3.25rem;
        font-weight: 900;

        z-index: 99;
        color: #1A1A1A;
    }





    .screen5 .container .item2 .item2-top .element {
        width: 20rem;
        height: 24.375rem;
        background-color: #fff;
        border-radius: 0.625rem;
        cursor: pointer;
    }

    .screen5 .container .item2 .item2-top .element:hover {
        box-shadow: 0.125rem 0.125rem 1.875rem #c8c8c8;
        transform: scale(1.1);
        transition: all 0.6s;
    }

    .screen5 .container .item2 .item2-top .element img {
        width: 16.5rem;
        height: 16.5rem;
        display: block;
        margin: 0 auto;
    }

    .screen5 .container .item2 .item2-top .element p {
        padding-left: 2.8125rem;
    }

    .screen5 .item3 .container {
        margin-top: 40.125rem;
        width: 79.75rem;
        height: 88.1838rem;
        border-radius: 1.25rem;
        background: rgba(185, 201, 255, 0.2);
        box-sizing: border-box;
        border: 0.26rem solid;
        border-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.59) 100%) 2.08;
        backdrop-filter: blur(0.8675rem);
        box-shadow: 0rem 0.3475rem 0.8675rem 0rem rgba(55, 96, 167, 0.2);

    }

    .container-banner {
        display: flex;
        margin-top: 4rem;

    }

    .screen5 .item3 .container .container-banner:first-child {
        margin-top: -3rem;
    }


    .container-mark {
        width: 34.7013rem;
        height: 27.84rem;
        border-radius: 0.75rem;
        background-size: cover;
        margin-left: 3.2rem;
        position: relative;
    }

    .mark-tec-img {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
    }

    .buttonshang {
        width: 71.965rem;
        height: 17.6875rem;
        border-radius: 0.75rem;
        background-size: cover;
        margin-left: 3.875rem;
        margin-top: 3.75rem;
    }

    .tec-header-nav-Mobile {
        display: none;
    }

    .go-sea {
        border-radius: 1rem;
        margin-top: 2rem;
        box-sizing: border-box;
        border: 0.125rem solid #E0E0E0;
        padding: 0 2.5rem;
    }

    .downActive {
        transform: rotate(90deg);
    }



    .border-bottom {
        height: 0.125rem;
    }


    .select-more-yes-mobile-test,
    .select-more-yes-mobile-test-creative,
    .select-more-yes-mobile-test-go,
    .select-more-yes-mobile-test-retail,
    .select-more-yes-mobile-test-bip {
        width: 4.875rem;
        height: 4.875rem;
    }

    .select-more-mobile-test {
        height: 4.875rem;
        margin-left: 39.375rem;
        /* margin-right: 3.75rem; */
        padding-left: 30rem;
        margin-top: -4.875rem;
    }


    .mobileImg {
        height: 100%;
        background-size: cover;
    }



    .swiper {
        display: block;
        height: 128.25rem;
    }


    .swiper {
        overflow: hidden;
        position: relative;
        /*相对定位*/
        width: 100%;
    }

    .swiper .swiper-wrapper {
        height: 100%;
    }



    .swiper .swiper-slide {

        width: 100vw;
        height: 128.25rem;
        transition: all 0.6s;
        background-size: cover;
    }

    .wrapper-item1 h1 {
        margin-top: 8rem;
        font-size: 12.25rem;
        font-weight: 900;
        color: black;
    }






    .swiper .swiper-slide .info {
        position: absolute;
        top: 0;
        left: 8rem;
        z-index: 2;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        display: none;
    }

    .swiper .swiper-slide .info span {
        width: 49rem;
        height: 32.25rem;
        margin-top: 8rem;

        font-size: 12.25rem;
        font-weight: 900;


        color: #ffffff;
    }

    .swiper .wrapper-item1 .desc {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        backdrop-filter: none;
        justify-content: flex-start;
        width: 100%;
        height: 35rem;
        padding: 0 9rem;
        color: #fff;
        background: transparent;

    }

    .swiper .wrapper-item1 .desc p {
        width: auto;
        margin-top: -13.75rem;
        font-size: 3rem;
        line-height: 4rem;
        word-wrap: break-word;
        color: #FFFFFF;
    }

    .banner-more {
        display: block;
        padding: 0.75rem 2rem;
        z-index: 999;
        box-sizing: border-box;
        border: 0.125rem solid #FFFFFF;
        border-radius: 2.875rem;
        position: absolute;
        left: 8rem;
        bottom: 9.375rem;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 11rem;
        width: 100%;
        text-align: right;
        right: 6rem;
        left: auto;
    }

    .tec-main {
        padding-top: 13.571vw !important;
        width: 100vw;
        overflow: hidden;
    }

    .swiper .swiper-slide .btn {
        display: none;
    }

    .wrapper-item2 .banner-more,
    .wrapper-item6 .banner-more {
        border: 0.25rem solid #0750FE;

    }


    .banner-more__title {
        font-size: 3.5rem;
        color: #FFFFFF;
    }

    .wrapper-item2 .banner-more__title,
    .wrapper-item6 .banner-more__title {
        color: #0750FE;
    }

    .tab-pane-list__contains,
    .tab-pane-list__contains_last {
        display: none;
    }

    .mobileImg {
        display: block;
        width: 100vw;

    }

    .screen6 .content .desc-img3 .line,
    .screen6 .content .desc-img5 .line {
        height: .125rem;
        border-bottom: 0.125rem solid rgba(255, 255, 255, 0.3);
        background-color: transparent;
    }


    .screen6 {
        margin-top: -0.5rem;
        width: 100vw;
        height: 202.375rem;
    }

    .screen6_item3 {
        height: 155.25rem;
    }

    .screen6>h2 {
        width: 30rem;
        height: 7.875rem;


        font-size: 6rem;
        font-weight: 900;

        text-align: center;


        margin-left: 35vw;

        color: #FFFFFF;
    }

    .container-mark {
        width: 34.7013rem;
        height: 27.84rem;
        border-radius: 0.75rem;
        padding-left: 2.5rem;
        padding-top: 2.5rem;
        background: #FFFFFF;
    }


    .container-mark span {
        font-family: OPPOSans;
        font-weight: 900;
        font-size: 3.5rem;
        color: #1A1A1A;
    }

    .screen5 .item3 .container-mark p {
        font-family: OPPOSans;
        font-weight: 900;
        font-size: 3.5rem;
        color: #0750FE;
        width: 12.5rem;
        height: 7.5rem;
        border-bottom: 0.125rem solid #D0D0D0;
    }

    .screen6 .label {
        width: 38rem;
        height: 4rem;
        font-size: 3rem;
    }

    .label-active::after {
        bottom: -1.375rem;
        width: 6.75rem;
    }

    .screen6 .content .label-item {
        width: 100vw;
        display: block;
    }

    .screen6 .content .left-img {
        width: 79.75rem;
        height: 42rem;
        background-size: cover;
    }

    .screen6 .content .desc-img5 {
        width: 79.375rem;
        height: auto;
        border-radius: 1.415rem;
        opacity: 1;
        background: rgba(255, 255, 255, 0.05);
        box-sizing: border-box;
        border: 0.25rem solid rgba(255, 255, 255, 0.1);

        backdrop-filter: blur(1.25rem);
    }


    .left-img {
        width: 79.75rem;
        height: 42rem;
        margin-left: 6.875rem;
        padding-top: 1.25rem;
        background-size: cover;
        border-radius: 0.625rem;
    }


    .screen6 .labels {

        padding-top: 2.075rem;
    }

    .screen6 .content-box {
        width: 100vw;
        height: 180.25rem;
    }

    .screen6 .content .desc-img3 {
        width: 79.375rem;
        height: 46.875rem;
        border-radius: 1.415rem;
        margin-top: 2.5rem;
        background: rgba(255, 255, 255, 0.05);
        box-sizing: border-box;
        border: 0.25rem solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(1.25rem);
        display: flex;
    }




    .screen6 .content .desc-img6 {
        width: 79.75rem;
        height: 18.875rem;
        border-radius: 1.415rem;
        margin-top: 2.5rem;
        background: rgba(255, 255, 255, 0.05);
        box-sizing: border-box;
        border: 0.25rem solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(1.25rem);
    }

    .screen6 .content .desc-img6 .item {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1rem;
        position: relative;
    }

    .screen6 .content .desc-img6 .item:nth-child(1)::after,
    .screen6 .content .desc-img6 .item:nth-child(2)::after {
        content: "";
        display: block;
        width: 2px;
        height: 10.625rem;
        background: rgba(255, 255, 255, 0.1);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .screen6 .content .desc-img4 {
        width: 79.5rem;
        height: 57.125rem;
        border-radius: 1.415rem;
        background: rgba(255, 255, 255, 0.05);

        box-sizing: border-box;
        border: 2px solid rgba(255, 255, 255, 0.1);
        margin-top: 2.5rem;
        backdrop-filter: blur(1.25rem);
        flex-wrap: wrap;
        justify-content: center;
    }

    .screen6 .content .desc-img4 span {
        height: auto;
        margin: 0;
    }

    .screen6 .content .center {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
    }

    .screen6 .content .desc-img3 .item {
        width: 67.25rem;
        height: auto;
        margin: 3.875rem auto 3.1875rem;
        display: flex;
        justify-content: space-between;
        position: relative;
        align-items: center;
        flex-direction: column;
    }

    .screen6 .content .desc-img5 .item {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .screen6 .content .desc-img3 .line,
    .screen6 .content .desc-img5 .line {
        width: 74.6875rem;

    }

    .screen6 .content .desc-img3 .item span {
        font-size: 4rem;
        font-weight: bold;
        line-height: normal;
        text-align: center;
        letter-spacing: 0em;

        color: #25F4EE;
    }

    .screen6 .content .desc-img3 .item p {
        font-size: 3rem;
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0em;

        color: #FFFFFF;
        padding: 0.9rem 0;
    }

    .screen6 .content .desc-img3 .item .item_line {
        height: 5rem;
        border-right: 0.25rem solid rgba(255, 255, 255, 0.1);
    }

    .screen6 .content .desc-img3 .item img {
        width: 9.5rem;
        height: 9.5rem;
        display: block;
        margin: 0 auto;
    }

    .screen6 .content .desc-img4 .item span {
        font-size: 4rem;
        font-weight: bold;
        line-height: normal;
        text-align: center;
        letter-spacing: 0em;
        color: #25F4EE;
    }

    .screen6 .content .desc-img4 .item p {
        font-size: 3rem;
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0em;
        color: #FFFFFF;
        padding: 0.9rem 0;
        text-align: center;
    }

    .screen6 .content .desc-img4 .item:nth-child(1)::after,
    .screen6 .content .desc-img4 .item:nth-child(2)::after,
    .screen6 .content .desc-img4 .item:nth-child(3)::after {
        height: 7.625rem;
    }



    .screen6 .content .desc-img5 .item {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;

    }

    .screen6 .content .desc-img5 .item p {
        font-size: 2.25rem;

        line-height: normal;
        text-align: center;
        letter-spacing: 0em;
        color: #FFFFFF;

    }



    .tec-main .main .screen6 .content .desc-img5 .item>div p {
        width: auto;
        font-size: 3rem;
        padding: 0 0 0 7rem;
    }

    .screen6 .content .desc-img5 .item>div:nth-child(5) p {
        width: 20rem;
    }

    .screen6 .content .desc-img5 .item>div:nth-child(3) p {
        width: 22rem;
    }

    .screen6 .content .desc-img5 .item>div:nth-child(2),
    .screen6 .content .desc-img5 .item>div:nth-child(4) {
        height: 5rem;
        border-right: 0.25rem solid rgba(255, 255, 255, 0.1);
    }

    .left {
        margin-left: 3.125rem;
    }

    .screen6 .content .desc-img5 .item>div img {
        width: 8.75rem;
        height: 8.75rem;
    }

    .screen6 .content .desc-img5_span {
        margin: 0;
        padding: 4rem 3rem;
    }

    .screen6 .content .desc-img5 .item>div p span {
        color: #25F4EE;
        font-size: 3rem;
    }

    .screen6 .content .desc-img5_sub .item>div:nth-child(1) p {
        width: 12rem;
    }

    .screen6 .content .desc-img5_sub .item>div:nth-child(3) p {
        width: 14rem;
    }

    .screen6 .content .desc-img5_sub .item>div:nth-child(5) p {
        width: 16rem;
    }

    .screen6 .content .desc-img6 {
        width: 79.375rem;
        height: 22.875rem;
        border-radius: 1.415rem;
        opacity: 1;
        background: rgba(255, 255, 255, 0.05);
        box-sizing: border-box;
        border: 0.25rem solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(1.25rem);
        margin: 0;
    }


    .screen6 .content .desc-img5 .item>div span {
        width: 13.25rem;
        height: 4.75rem;
        font-size: 3rem;
        line-height: 4.75rem;
        color: #FFFFFF;
        display: unset;
        margin-top: 0;
    }

    .screen6 .content .desc-img5 .item>div {
        flex-shrink: 0;
        width: 100%;
        height: 14.75rem;
        border-radius: 1.415rem;
        background: rgba(255, 255, 255, 0.05);
        box-sizing: border-box;
        border: .25rem solid rgba(255, 255, 255, 0.1);
        flex-direction: row;
        backdrop-filter: blur(1.25rem);
        justify-content: flex-start;
        padding: 0 0 0 4.75rem;
        margin: 0 0 1.375rem 0;
    }

    .wrapper-item5-img {
        display: none;
    }

    .screen7 {
        display: block;
        width: 100vw;
        height: 153.25rem;
    }

    .screen7>h2 {
        width: 65.2087rem;
        height: 14.4087rem;
        text-align: left;
        font-size: 6rem;
        font-weight: 900;

        margin-left: 7rem;
        /* 正文色/正文色 */
        color: #1A1A1A;
        margin-top: 7.14rem;
    }

    .screen7 .screen7-bg {
        position: relative;
        width: 80rem;
        height: 39.6875rem;
        background-position: center;
        background-repeat: no-repeat;
        margin: 2rem auto 2.5rem;
        margin-top: -48.75rem;
        overflow: hidden;
        z-index: 5;
    }

    .screen7-bg::before {
        content: "";
        position: absolute;
        z-index: 4;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 51%, #ffffff 100%);
    }

    .screen7-bg .move {
        display: flex;
        align-items: center;
        width: 192rem;
        height: 9.25rem;
        animation: 15s wordsLoop linear infinite normal;
    }

    .screen7-bg .move2 {
        display: flex;
        align-items: center;
        margin-top: 1rem;
        width: 192rem;
        animation: 18s wordsLoop linear infinite normal;
    }

    .screen7-bg img {
        width: 10rem;
        height: 3.6875rem;
        margin-left: 3rem;
    }

    .screen7-bg .move2 img {
        width: 10rem;
        height: 3.6875rem;
        margin-right: 3rem;
    }

    @keyframes wordsLoop {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }

    .screen7 .tab-body {
        position: relative;
    }

    .screen7 .arrow {
        position: absolute;
        z-index: 9999;
        top: 30%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4rem;
        height: 7.875rem;
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
        cursor: pointer;
        padding: 0 1.25rem;
    }

    .screen7 .arrowright {
        position: absolute;
        z-index: 9999;
        top: 30%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4rem;
        height: 7.875rem;
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
        cursor: pointer;
        padding: 0 1.25rem;
    }

    .screen7 .arrowright:hover {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .screen7 .arrow:hover {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .screen7 .arrow img,
    .screen7 .arrowright img {
        width: 3.5rem;
        height: 3.875rem;
    }

    #screen7-arrow-left {
        left: 0;
        z-index: 11;
    }

    #screen7-arrow-right {
        right: 0;
        z-index: 11;
    }


    .screen7 .more__contain a {
        width: 31.75rem;
        height: 4.625rem;
        margin: -19.75rem auto 0;
        font-size: 3.5rem;
        font-weight: 900;
        text-align: right;
        color: #0750FE;
        display: block;

    }

    .tab-pane {
        position: relative;
        padding-top: 6rem;
    }

    .tab-pane .tab-wrapper {
        position: absolute;
        bottom: 25rem;
        left: 40vw;
        width: 20.5rem;
        margin: 0 auto;
        border: 0rem;
    }



    .tab-pane .tab-wrapper .indicate:nth-of-type(1) {
        position: absolute;
        background-color: #ffff;
        width: 3rem;
        height: 1.8rem;
        margin-top: 2.375rem;
    }

    .tab-pane .tab-wrapper .indicate .select {
        width: 2rem;
        height: 1.8rem;
        border-radius: 50%;
        background-color: #0012ef;
    }

    .screen7 .unselect {
        top: 0;
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 50%;
        background-color: #D8D8D8;
        margin-left: 1.875rem;
    }

    .screen7 .tab-wrapper .unselect__first {
        margin-left: 0;
    }

    .tab-pane .tab-wrapper .tab-item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.67875rem;
        height: 100%;
        cursor: pointer;
    }

    .tab-pane .tab-wrapper .tab-item img {
        pointer-events: none;
        width: 8.6875rem;
        height: 4.125rem;
    }

    .tab-pane .tab-body {
        overflow: hidden;
        width: 100%;
        height: 141.3125rem;
    }

    .tab-pane .tab-body .tab-pane-list {
        width: max-content;
        display: flex;
        margin-left: auto;
        padding: 0 7.4rem;
        position: relative;

    }

    .data-item-margin {
        margin-left: -5.75rem;
    }

    .tec-dropdown-menu {
        display: none;
    }

    .tab-pane .tab-body .tab-pane-list li {
        overflow: hidden;
        position: relative;
        display: flex;
        flex-shrink: 0;
        height: 28.75rem;
        padding-right: 0;
    }

    .tab-pane .tab-body .tab-pane-list .info-img {
        width: 51.9375rem;
        height: 28.75rem;
        border-radius: 0.625rem 0 0 0.625rem;
    }

    .tab-pane .tab-body .tab-pane-list .info-box {
        width: 79.75rem;
        height: 41.25rem;
        padding-top: 4.3025rem;
        padding-left: 4.69125rem;
        padding-right: 3.95875rem;
        padding-bottom: 4.074375rem;
        border-radius: 0rem 0.625rem 0.625rem 0rem;
        background: #f2f4f6;
        border-radius: 0 0 1.1rem 1.1rem;
    }

    .tab-pane .tab-body .tab-pane-list li {
        display: block;
        width: 100vw;
        height: 143.25rem;
    }

    .info-box .title {
        height: 2.700625rem;
        font-size: 3.75rem;
        font-weight: bold;
        line-height: 2rem;
        color: red;
    }

    .screen7 .info-box>p {
        width: 68.3287rem;
        height: 16.625rem;
        font-size: 2.5rem;

        line-height: 3.5rem;
        text-align: justify;
        color: #4A4E64;
        margin-top: 1.31375rem;
        border-bottom: 0.125rem solid #c8c8c8;
    }

    .info-box .data {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 2.235625rem;
    }

    .info-box .dataOther {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.235625rem;
    }

    .info-box .dataOther .data-f {
        padding-top: 1.5rem;
    }

    .info-box .data .data-val {
        width: 13.5175rem;
        height: 5.8rem;
        font-size: 3rem;
        font-weight: 900;
        line-height: 4.8513rem;
        /* 辅助色 */
        color: #0750FE;
    }

    .info-box .data .data-desc {
        width: 28.7963rem;
        height: 2.07rem;
        font-size: 2.25rem;

        color: #4A4E64;
    }

    .screen7 .info-box .data span:nth-child(2) {
        width: 28.7963rem;
        height: 2.07rem;
        font-size: 2.25rem;

        color: #4A4E64;
    }

    .screen7 .info-box .data span:nth-child(1) {
        width: 13.5175rem;
        height: 5.8rem;
        font-size: 3rem;
        font-weight: 900;
        line-height: 4.8513rem;
        /* 辅助色 */
        color: #0750FE;
        display: block;
    }

    .tab-pane .more {
        width: 8.75rem;
        height: 2.5rem;
        margin: 2.125rem auto 0;
        font-size: 1rem;
        text-align: center;
        line-height: 2.5rem;
        border-radius: 0.25rem;
        color: #f7f8fa;
        cursor: pointer;
        background: linear-gradient(80deg, #000bff 5%, #0750fe 98%);
    }

    .tab-pane .more {
        width: 8.75rem;
        height: 2.5rem;
        margin: 2.125rem auto 0;
        font-size: 1rem;
        text-align: center;
        line-height: 2.5rem;
        border-radius: 0.25rem;
        color: #f7f8fa;
        cursor: pointer;
        background: linear-gradient(80deg, #000bff 5%, #0750fe 98%);
    }

    /**/
    .screen8 {
        width: 100vw;
        height: 56.25rem;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        overflow: hidden;
    }

    .mobile-display {
        display: none;
    }

    .tab-pane .tab-wrapper .tab-item {
        display: none;
    }

    .tab-pane .tab-body .swiper-item .swiper-img {
        width: 79.75rem;
        height: 44.125rem;
        border-radius: 1.1rem 1.1rem 0 0;
    }

    .screen7 .tab-pane-list .info-box img {
        width: 11.22rem;
        height: 6.795rem;
    }

    .tab-pane .tab-body .tab-pane-list .swiper-item:nth-child(n+3) .info-box img {
        width: 16.845rem;
        height: 5.545rem;
    }
    .tab-pane .tab-body .tab-pane-list .swiper-item:nth-child(n+3) .info-box .mongo {
        width: 6.5rem;
        height: 5.545rem;
    }

    .screen7 .tab-pane-list .imgTCLMobile {
        width: 16.845rem;
        height: 6.795rem;
    }

    .info-box .title {

        margin-top: -2.5rem;
        margin-bottom: 6rem;
    }

    .imgTCLMobileBIBI {
        width: 16.845rem;
        height: 5.545rem;
    }

    .screen8 {
        width: 100vw;
        height: 144.25rem;
        background: linear-gradient(180deg, #000021 7%, #003395 100%);
        position: relative;
    }

    .screen8>h2 {
        text-align: center;
        font-size: 6rem;
        font-weight: 900;
        line-height: normal;
        text-align: center;

        letter-spacing: 0em;
        color: #FFFFFF;
        padding: 12.2rem 0 8rem;
    }

    .screen8 .container .top>div {
        flex-basis: 48.5%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 2.5rem 0;
        border-radius: 1.25rem;
        background: #FFFFFF;

    }

    .screen8 .container .top>div img {
        width: 31.2712rem;
        height: auto;
        padding-bottom: 1rem;

    }

    .screen8 .container .top>div .img1 {
        width: 18.15rem;
        height: 7.5rem;
        padding: 0 6rem 1rem;
    }

    .screen8 .container .top>div span {
        font-size: 2.25rem;

        line-height: 3rem;
        text-align: center;
        letter-spacing: 0em;
        color: #767676;
        text-align: center;
        flex-basis: 100%;
    }

    .screen8 .container .top {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-radius: 1.25rem;
        background: #FFFFFF;
        padding-bottom: 2rem;
    }

    .screen8 .container .top>div img {
        padding-bottom: 1rem;

    }

    .screen8 .container .top>div {
        padding: 2rem 0;
    }

    .screen8 .container .bottom {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-radius: 1.25rem;
        padding: 3rem 0;
    }

    .screen8-item-mobile-margin {
        margin-top: 3rem;
    }

    .screen8 .container {
        padding: 0 7.25rem;
    }

    body .tec-bg-img {
        width: 100vw;
        height: 64.125rem;
        background-size: cover;
        z-index: 11;
    }

    .contact-card {
        width: auto;
        height: auto;
        border-radius: 1.6338rem;
        top: 35.75rem;
        right: 5rem;
        left: 5rem;
        background: #FFFFFF;
        padding: 5.9791666667vw 5.5270833333vw;
        box-shadow: 0rem 0.3262rem 1.6338rem 0rem rgba(0, 0, 0, 0.2);
    }

    .layout-footer {
        width: 100vw;
        height: auto;
        padding-bottom: 6.25rem;
    }

    .contact-card-form__title {
        width: 43.1388rem;
        height: 11.8725rem;
        font-size: 4.5rem;
        font-weight: 900;
        color: #1A1A1A;
    }

    .mobileImgThree {
        display: block;
    }

    .contact-card-form input,
    .contact-card-form select {
        height: 5.975rem;
        font-size: 2.75rem;
        color: #767676;
    }

    .contact-card-form .input-wrapper {
        margin-top: 2.875rem;
    }

    .contact-card-form .input-box-2 .input-wrapper:first-child {
        margin-right: 5.55vw;
    }

    .contact-card-form__btn {
        height: 9.125rem;
        border-radius: 0.6538rem;
        margin-top: 3.125rem;
        align-items: center;
        justify-content: center;
        display: flex;
        font-size: 3rem;
    }

    .div-sub {
        height: 4.5rem;
    }

    .optiongo-sea {
        height: 2.85rem;
        font-size: 1rem;
        /* 正文色/正文辅助色 */
        color: #767676;
    }

    .divFirst {
        height: 8.125rem;
        width: 79.75rem;
        border-bottom: 0.1737rem solid rgba(255, 255, 255, 0.5);
    }

    .PcDisplay {
        display: block !important;
    }

    .layout-footer-body {
        padding: 59.0833333333vw 7vw 0;

    }

    .pcdisplay {
        display: block !important;
    }

    .div-refer {
        display: flex;
        margin-top: 2.875rem;
        width: 100%;
        border-bottom: 0.1737rem solid rgba(255, 255, 255, 0.5);
        border-top: 0.1737rem solid rgba(255, 255, 255, 0.5);
        padding: 2.125rem 0;
        position: relative;
    }

    .div-refer-title {
        font-size: 3rem;
        line-height: 1.5;
        color: #BCBCBC;
    }

    .div-service {
        margin-top: 1.875rem;
        display: flex;
    }

    .div-service-title {
        font-size: 1.75rem;
        color: #959595;
        line-height: 1.7;
    }

    .div-serviceImg {
        width: 2.6037rem;
        height: 2.6037rem;
        background-size: cover;
    }

    .div-code {
        display: flex;
        right: 5rem;
        position: absolute;
        bottom: 2.75rem;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        /* 设置背景色为半透明黑色 */
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
        z-index: 19;
    }

    .overlay-mobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        /* 设置背景色为半透明黑色 */
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
        z-index: 19;
    }

    .overlay-wechat {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        /* 设置背景色为半透明黑色 */
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
        z-index: 19;
    }

    .content-mobile {
        width: 26.375rem;
        height: 26.375rem;
    }

    .content-title {
        width: 26.375rem;
        height: 5.75rem;
        font-size: 4.395rem;
        text-align: center;
        color: #959595;
    }

    .PCDisplay {
        display: block !important;

    }

    .contact-card-form input,
    .contact-card-form select {
        border: 0.25rem solid #D5D5D5;

    }

    .screen8 .more {
        width: 100vw;
        height: 12.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.5rem;
        font-weight: 900;
        text-align: right;
        color: #FFFFFF;
        position: absolute;
    }

    .screen8 .more img {
        width: 5rem;
    }

    .wechat {
        background-size: cover;
        width: 6.9662rem;
        height: 7rem;
    }

    .Facebook {
        width: 6.9662rem;
        margin-left: 2.5rem;
        height: 7rem;
        background-size: cover;
    }

    .Twitter {
        width: 6.9662rem;
        margin-left: 2.5rem;
        height: 7rem;
        background-size: cover;
    }


    #wrapper-list {
        white-space: nowrap;
    }

    .wrapper-item {
        display: inline-block;
    }

    .layout-footer_copyright {
        display: none;
    }

    .tecProductContain a div:first-child {
        font-size: 3.5rem;
    }

    .swiper .swiper-slide .info h1 {
        margin-top: 12rem;
        font-weight: 900;
        font-size: 6rem;
        color: white;
        /* width: 50rem; */
    }

    .swiper .wrapper-item4 .info h1 {

        font-size: 6rem;
        font-weight: 900;
    }

    .swiper .wrapper-item2 .info h1 {

        margin-left: 9.1rem;
        font-size: 6rem;
        font-weight: 900;
        color: #000000;
    }

    .swiper .wrapper-item3 .info h1,
    .swiper .wrapper-item5 .info h1 {
        font-size: 6rem;
        font-weight: 900;
    }

    .swiper .wrapper-item6 .info h1 {
        font-size: 6rem;
        font-weight: 900;
        color: #000000;
    }

    .swiper .wrapper-item1 {
        background-size: cover;
    }



    .screen2 .mobile {
        height: 12.5rem;
        width: 100vw;
    }

    .screen2 .container {
        position: static;
    }

    .mobile {
        display: block;
    }

    .text__contain {
        margin-left: 6.875rem;
        padding-top: 9.75rem;
        width: 66rem;
        height: 15.75rem;
    }


    .firstBannerOneImg {
        width: 10rem;
        height: 10.75rem;
        background-size: cover;
    }

    .service__contain .item1 .img,
    .service__contain .item2 .img,
    .service__contain .item3 .img {
        width: 10rem;
        height: 10.75rem;
        background-size: cover;
    }

    .screen-text {
        font-size: 3.0rem;

        line-height: normal;
        letter-spacing: 0em;
        color: #FFFFFF;
        padding: 0 0 0 0.2rem;
    }


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

    .able-bannerTwo {
        display: block;
    }

    .able-bannerFour {
        display: block;
    }

    .able-banner-service {
        display: block;
    }


    .item1__contain {
        display: flex;
        justify-content: center;
    }

    .text1 {
        font-size: 3.25rem;
        font-weight: 900;

        z-index: 99;
        color: #1A1A1A;
    }

    .screen5 .item1 .text h2 {
        font-size: 5rem;
        font-weight: 900;

        z-index: 99;
        color: #1A1A1A;

    }

    .screen5 .item1 p {
        width: 79.75rem;
        height: 18.6462rem;
        font-size: 3rem;
        line-height: 4rem;
        text-align: justify;
        color: #4A4E64;
        margin-top: 2.75rem;
    }

    .screen5 .item1 .more {
        width: 19rem;
        height: 4.625rem;
        font-size: 3.5rem;
        font-weight: 900;
        text-align: center;
        /* 辅助色 */
        color: #0750FE;
    }


    .screen5 .item3 {
        display: flex;
        justify-content: center;
    }

    .mark-tec-sub span {
        display: flex;
        padding-top: 3.75rem;
        position: relative;
        z-index: 3;
        font-size: 2.25rem;
        color: #4A4E64;
        font-weight: normal;
    }

    .screen5 .item3 .container-banner img {
        width: 19.875rem;
        height: 19.875rem;
    }

    .title__contain {
        display: flex;
        justify-content: center;
    }

    .screen6 .content .left-img {
        height: 27rem;
    }

    .screen6 .content span {
        top: 75rem;
        height: 13rem;
        font-size: 4.5rem;
        text-align: center;
        margin-top: 3rem;
        color: #FFFFFF;
        display: block;
        width: 75rem;
    }

    .right-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .screen6 .content .desc-img3 span {
        height: auto;
        width: auto;
        margin: 0;
    }

    .screen6 .content .item>div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .screen6 .content .desc-img1 .item {

        width: 79.75rem;
        height: 10rem;
        border-radius: 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.05);
        margin-top: 2.875rem;
        margin-left: 6.875rem;
        box-sizing: border-box;
        border: 0.1737rem solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(0.8675rem);

    }

    .screen6 .content .desc-img1 .item span {
        display: none;
    }

    .screen6 .content .desc-img2 {
        width: 79.75rem;
        height: 18.375rem;
        border-radius: 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.05);
        box-sizing: border-box;
        border: 0.1737rem solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(0.8675rem);
        margin-left: 6.875rem;
        margin-top: 3rem;
    }

    .screen6 .content .desc-img2 img {
        height: 15.875rem;
    }

    .screen6 .content .desc-img3 .line,
    .screen6 .content .desc-img5 .line {
        width: 64.6875rem;
        height: 1px;
        background: rgba(255, 255, 255, 0.1);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }



    .screen6 .content .desc-img4,
    .screen6 .content .desc-img6 {
        display: flex;
    }

    .screen6 .content .desc-img4 .item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 3.25rem;
        position: relative;
        flex-basis: 48%;
    }

    .screen6 .content .desc-img4 .item:nth-child(1)::after,
    .screen6 .content .desc-img4 .item:nth-child(3)::after {
        content: "";
        display: block;
        width: 0.25rem;
        height: 4.625rem;
        background: rgba(255, 255, 255, 0.1);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        display: none;
    }

    .screen8 .container .bottom>div {
        flex-basis: 48.5%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 2.5rem 0;
        border-radius: 1.25rem;
        background: #FFFFFF;
        padding: 2rem 0;
    }

    .screen6 .content .item .item_line {
        display: none;
    }

    .screen8 .container .bottom>div img {
        width: 32.2712rem;
        padding-bottom: 1rem;
    }

    .screen8 .container .bottom>div .img1 {
        width: 18.15rem;
        height: 7.5rem;
        padding-bottom: 1rem;
    }

    .screen8 .container .bottom>div span {
        font-size: 2.25rem;

        line-height: 3rem;
        text-align: center;
        letter-spacing: 0em;
        color: #767676;
        text-align: center;
        flex-basis: 100%;
    }

    .screen8 .container .bottom>div:nth-child(n+3) {
        margin-top: 3rem;
    }

    .tec-header-operation .select-more img {
        height: 4.95rem;
    }




    .PCclass {
        display: none !important;
    }

    .mobileclass {
        display: block !important;
    }

    .pc {
        display: none;
    }

    .screen5 .container .item2 {
        margin-top: 5rem;
    }

    .screen5 {
        height: 120rem;
    }

    .screen6>h2 {
        width: auto;
        text-align: center;
        margin-left: 0;
        margin-top: 10.375rem;
        padding: 0;
    }





    .screen6 .content .desc-img1 {
        height: auto;
        width: 89.75rem;
    }

    .screen6_item3 .desc-img1 img {
        height: 7.75rem;
    }

    .screen6 .content .desc-img2 {
        height: 22.875rem;
    }

    .screen6 .content .desc-img1,
    .screen6 .content .desc-img5,
    .screen6 .content .desc-img6 {
        border-radius: 0;
        border: none;
        backdrop-filter: unset;
        background: none;
    }

    .screen6 .content .desc-img2 {
        border-radius: 1.25rem;
        border: .1737rem solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(.625rem);
    }

    .screen7-bg .move,
    .screen7-bg .move2 {
        width: max-content;

    }

    .screen7-bg .move .move-img,
    .screen7-bg .move2 .move-img {
        width: 16.225rem;
        height: 6.125rem;
        margin-left: 3rem;
        display: flex;
    }

    .screen6 .content .desc-img1,
    .screen6 .content .desc-img2 {
        flex-direction: column;
        align-items: center;
        display: flex;
        margin-left: 0;

    }

    .screen6 .content .desc-img1 .item {
        margin-left: 0;
    }

    .screen6_item3 .content .desc-img1 .item img {
        height: 7.75rem;
        width: auto;
    }
    .screen6_item3 .content .desc-img1 .item .img1 {
        height: 11rem;
        width: 25rem;
    }
}