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