@charset "utf-8";

/*  start */
@font-face {
    font-family: 'MAITIAN-Light';
    src: url('../fonts/PoppinsLight/PoppinsLight.woff2') format('woff2'),
        url('../fonts/PoppinsLight/PoppinsLight.woff') format('woff');
}

@font-face {
    font-family: 'MAITIAN-Bold';
    src: url('../fonts/PoppinsBold/PoppinsBold.woff2') format('woff2'),
        url('../fonts/PoppinsBold/PoppinsBold.woff') format('woff');
}

@font-face {
    font-family: 'MAITIAN-Medium';
    src: url('../fonts/PoppinsMedium/PoppinsMedium.woff2') format('woff2'),
        url('../fonts/PoppinsMedium/PoppinsMedium.woff') format('woff');
}

@font-face {
    font-family: 'MAITIAN-Regular';
    src: url('../fonts/PoppinsRegular/PoppinsRegular.woff2') format('woff2'),
        url('../fonts/PoppinsRegular/PoppinsRegular.woff') format('woff');
}

@font-face {
    font-family: 'MAITIAN-SemiBold';
    src: url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff2') format('woff2'),
        url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff') format('woff');
}

@font-face {
    font-family: 'MAITIAN-ManSemiBold';
    src: url('../fonts/ManropeSemiBold/Manrope-SemiBold.woff2') format('woff2'),
        url('../fonts/ManropeSemiBold/Manrope-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'MAITIAN-CaveatBold';
    src: url('../fonts/CaveatBold/Caveat-Bold.woff2') format('woff2'),
        url('../fonts/CaveatBold/Caveat-Bold.woff') format('woff');
}

body {
    font-family: "MAITIAN-Regular", "Microsoft YaHei" !important;
}

input,
textarea {
    font-family: "MAITIAN-Regular", "Microsoft YaHei" !important;
}

.altumcode {
    --fontFamily: "MAITIAN-Regular", "Microsoft YaHei" !important;
}

html {
    font-size: 100px;
}

:root {
    --font100: 1.0rem;
    --font98: 0.98rem;
    --font96: 0.96rem;
    --font94: 0.94rem;
    --font92: 0.92rem;
    --font90: 0.90rem;
    --font88: 0.88rem;
    --font86: 0.86rem;
    --font84: 0.84rem;
    --font82: 0.82rem;
    --font80: 0.80rem;
    --font78: 0.78rem;
    --font76: 0.76rem;
    --font74: 0.74rem;
    --font72: 0.72rem;
    --font70: 0.70rem;
    --font68: 0.68rem;
    --font66: 0.66rem;
    --font64: 0.64rem;
    --font62: 0.62rem;
    --font60: 0.60rem;
    --font58: 0.58rem;
    --font56: 0.56rem;
    --font54: 0.54rem;
    --font52: 0.52rem;
    --font50: 0.50rem;
    --font48: 0.48rem;
    --font46: 0.46rem;
    --font44: 0.44rem;
    --font42: 0.42rem;
    --font40: 0.40rem;
    --font38: 0.38rem;
    --font36: 0.36rem;
    --font34: 0.34rem;
    --font32: 0.32rem;
    --font30: 0.30rem;
    --font28: 0.28rem;
    --font26: 0.26rem;
    --font24: 0.24rem;
    --font22: 0.22rem;
    --font20: 0.20rem;
    --font18: 0.18rem;
    --font16: 0.16rem;
    --font14: 0.14rem;
    --font12: 0.12rem;
    /* 间距 */
    --space250: 2.5rem;
    --space240: 2.4rem;
    --space230: 2.3rem;
    --space220: 2.2rem;
    --space210: 2.1rem;
    --space200: 2.0rem;
    --space190: 1.9rem;
    --space180: 1.8rem;
    --space170: 1.7rem;
    --space160: 1.6rem;
    --space150: 1.5rem;
    --space140: 1.4rem;
    --space130: 1.3rem;
    --space120: 1.2rem;
    --space110: 1.1rem;
    --space100: 1.0rem;
    --space90: 0.9rem;
    --space80: 0.8rem;
    --space70: 0.7rem;
    --space60: 0.6rem;
}

:root {
    --line11: 1.1;
    --line12: 1.2;
    --line13: 1.3;
    --line15: 1.5;
    --line16: 1.6;
    --line165: 1.65;
    --line175: 1.75;

    --headh: 0.9rem;

    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #8655FF;
    --color2e0: #2E0059;
    --colorb69: #B69FFF;
    --colord0c: #D0C7FB;
    --colore0d: #E0DBFD;
    --colorefe: #EFEDFE;
    --color2e5: #25E577;
    --color7ce: #7CEFAD;
    --colora7f: #A7F4C8;
    --colord2f: #D2FFDD;
    --colorbj: ;
    
    --space40: 0.4rem;
    --space160: 1.6rem;

    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;

    --bold: 'MAITIAN-Bold';
    --light: 'MAITIAN-Light';
    --medium: 'MAITIAN-Medium';
    --semiBold: 'MAITIAN-SemiBold';

}

.std-font72,
.std-font72 p,
.yxedr-active h1 {
    font-size: var(--font72);
    color: var(--color333);
    line-height: var(--line11);
}

.std-font64,
.std-font64 p {
    font-size: var(--font64);
    color: var(--color333);
    line-height: var(--line15);
}

.std-font54,
.std-font54 p,
.yxedr-active h2 {
    font-size: var(--font54);
    color: var(--color333);
    line-height: var(--line12);
}

.std-font48,
.std-font48 p {
    font-size: var(--font48);
    color: var(--color333);
    line-height: var(--line15);
}

.std-font44,
.std-font44 p,
.yxedr-active h3 {
    font-size: var(--font44);
    color: var(--color333);
    line-height: var(--line12);
}

.std-font40,
.std-font40 p {
    font-size: var(--font40);
    color: var(--color333);
    line-height: var(--line15);
}

.std-font36,
.std-font36 p,
.yxedr-active h4 {
    font-size: var(--font36);
    color: var(--color333);
    line-height: var(--line12);
}

.std-font32,
.std-font32 p,
.yxedr-active h5 {
    font-size: var(--font32);
    color: var(--color333);
    line-height: var(--line13);
}

.std-font24,
.std-font24 p,
.yxedr-active h5 {
    font-size: var(--font24);
    color: var(--color333);
    line-height: var(--line15);
}

.std-font20,
.std-font20 p {
    font-size: var(--font20);
    color: var(--color333);
    line-height: var(--line16);
}

.std-text18,
.std-text18 p {
    font-size: var(--font18);
    color: var(--color333);
    line-height: var(--line16);
}

.std-text16,
.std-text16 p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line175);
}

.yxedr-active p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line175);
    margin-bottom: var(--parpspace10);
}

.std-padding120t {
    padding-top: var(--space120);
}

.std-padding120 {
    padding-bottom: var(--space120);
}

.std-padding100t {
    padding-top: var(--space100);
}

.std-padding100 {
    padding-bottom: var(--space100);
}

.std-margin40 {
    margin-bottom: var(--space40);
}

.std-padding40 {
    padding-bottom: var(--space40);
}

.yxedr-active h2,
.yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}

.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}

.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}

.search-main {
    --colormain1: var(--colormain) !important;
}

.ys-wechat-cont-parga p::before {

    content: 'Share the - WeChat';
}

a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .02) !important;
    white-space: nowrap;
    font-size: var(--font14);
    line-height: var(--line16);
}


.head-logo a {
    position: relative;
}

.act .head-nav-item-title {
    color: #000;
}

.isfixed .head-nav-item-title {
    color: #000;
}

.ishover .head-nav-item-title {
    color: #000;
}

.ys-page-wrap .yxnav-active1 .head-nav-item-title {
    /* color: var(--colormain); */
    color: #fff;
}

.ys-page-wrap .isfixed .yxnav-active1 .head-nav-item-title {
    color: var(--colormain);
    /* color: #fff; */
}

.head-nav-item-title::after {
    content: "";
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 6px;
    left: 0;
    z-index: 1;
    transition: all 0.36s ease-in-out;
}

.ys-page-wrap .yxnav-active1 .head-nav-item-title::after {
    width: 100%;
}

.ys-hd-pc.isfixed .head-nav-item-title::after {
    background: var(--colormain);
}

.ys-hd-pc.ishover .head-nav-item-title::after {
    background: var(--colormain);
    width: 0;
}

.yxnav-active1 .head-nav-item-title::before {
    /* opacity: 1; */
}

.hcbl-li.on .hcbl-li-link-text {
    color: #fff;
}

.hcbl-li.on .std-btnx1-link-bg {
    opacity: 0;
}

.hcbl-li.on .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.hcbl-li.on .hcbl-li-link {
    border: 1px solid transparent;
    background: #8655FF;
}


.ys-ban-li:not(:first-child) {
    display: none;
}


.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.transition-time1 {
    transition: all .36s both;
}

.transition-time2 {
    transition: all .5s both;
}


.mod-anchor {
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
    position: fixed;
    z-index: 20;
}

.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor ul {
    transition: all .4s ease;
}

.mod-anchor:not(.act) ul {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor.act ul {
    opacity: 0;
    transform: translateX(-50%);
}


.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled {
    pointer-events: none !important;
    opacity: .5 !important;
}

.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev,
.mod-arrows1 .slick-next {}


.std-btnx1 {
    display: flex;
}

.std-btnx1-link {
    --xspace6: 6px;
    --move30: -30px;
    height: 52px;
    border-radius: 80px;
    display: flex;
    align-items: center;
    padding: var(--xspace6);
    overflow: hidden;
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.std-btnx1-link-font {
    color: var(--colorfff);
    font-size: var(--font18);
    padding: 0 0.26rem 0 0.24rem;
    line-height: var(--line175);
    transition: all .36s ease-in-out;
}

.std-btnx1-link-icon {
    width: 0.6rem;
    height: 0.4rem;
    position: relative;
    border: 1px solid #fff;
    transition: all .36s ease-in-out;
    border-radius: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.std-btnx1-link-icon img {
    width: 24px;
    transform: rotate(180deg);
}

.std-btnx1-link-icon2 {
    border: 1px solid var(--colorfff);
    background: transparent;
    position: absolute;
    transform: translateX(calc(var(--move30) * -2));
    opacity: 0;
    right: 0;
}

.std-btnx1-link-icon2 img:nth-of-type(2) {
    opacity: 1;
}

.std-btnx1-link-bg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: -1;
    transition: all 0.36s ease-in-out;
    opacity: 0;
}

.std-btnx1-link {
    background: #8655FF;
}

.std-btnx2,
.std-btnx3 {
    display: flex;
}

.std-btnx2 .std-btnx1-link {
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 0.4px solid #fff;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
}

.std-btnx2 .std-btnx1-link-icon {
    overflow: hidden;
    border: unset !important;
}

.std-btnx2 .std-btnx1-link-icon .std-btnx1-link-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    transform: unset !important;
    opacity: 1;
}

.std-btnx2 .std-btnx1-link-font {
    padding: 0 0.2rem 0 0.24rem;
    font-size: var(--font16);
}

.std-btnx3-link-img {
    border-radius: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid #984EFF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    width: 40px;
    transition: all 0.36s ease-in-out;
}

.std-btnx3-link-img img {
    width: 20px;
}

.std-btnx3-link-text {
    color: #984EFF;
    font-size: var(--font16);
    line-height: 1.65;
    padding: 0 0.16rem;
    transition: all 0.36s ease-in-out;
}

.std-btnx3-link {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.std-btnx3-link-img2 {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    transform: translate(40px, -50%);
    opacity: 0;
    transition: all 0.36s ease-in-out;
    border: unset;
}

.std-btnx3-link-img2 .std-btnx1-link-bg {
    width: 100%;
    height: 100%;
    z-index: -1;
}

.std-btnx3-link-img2 img:nth-child(1) {
    z-index: 1;
}

.std-btnx3-link-img1 {
    transition: all 0.36s ease-in-out;
}

.std-btnx4-link {
    position: relative;
    width: 60px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid #984EFF;
    transition: all 0.36s ease-in-out;
    background: transparent;
}

.std-btnx4-link-img1 {
    opacity: 1;
}

.std-btnx4-link-img2 {
    opacity: 0;
}

.std-btnx4-link .ys-imgbox-cover {
    width: 24px;
}

.std-btnx4-link .std-btnx1-link-bg {
    transition: all 0.36s ease-in-out;
    opacity: 0;
}

/* 按钮 end */
.hnid-cry-top-tit {
    color: #000;
    font-size: var(--font24);
    font-family: var(--medium);
    line-height: var(--line12);
    margin-bottom: 0.12rem;
}

.hcti-info {
    color: #666;
    font-size: var(--font14);
    line-height: 1.65;
    letter-spacing: 0.28px;
}

.hnid-cry-top-info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.hnid-cry {
    width: 100%;
    position: absolute;
    top: auto;
    left: 0;
}

.hnid-cry-top {
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 0.4rem;
}

.hnid-cry .ys-cont1400 {
    padding: 0.6rem 0;
}

.hnid-cry {
    background: #FFF;
    left: 0;
    transform: translate(0);
    z-index: 1;
    box-shadow: 0 -2px 111px 0 rgba(36, 35, 37, 0.07), 0 -1.001px 55.554px 0 rgba(36, 35, 37, 0.05), 0 -0.603px 33.463px 0 rgba(36, 35, 37, 0.05), 0 -0.386px 21.445px 0 rgba(36, 35, 37, 0.04), 0 -0.25px 13.899px 0 rgba(36, 35, 37, 0.04), 0 -0.158px 8.749px 0 rgba(36, 35, 37, 0.03), 0 -0.091px 5.027px 0 rgba(36, 35, 37, 0.02);
}

.hcbl-li-link .ys-imgbox-cover img {
    transform: unset !important;
}

.hcbl-li-link-text {
    color: #000;
    font-size: var(--font16);
    line-height: var(--line175);
    transition: all 0.36s ease-in-out;
    margin-top: 1px;
}

.hcbl-li-link .ys-imgbox-cover {
    margin-right: 0.18rem;
    width: 32px;
}

.hnid-cfyfiv .hnid-cry-bottom-list {
    --ge: 20%;
}

.hnid-cry-bottom-list {
    --ge: 25%;
    --gap1: 0.1rem;
    --gap2: 0.3rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.hnid-cry-bottom-list>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.hcbl-li-link {
    position: relative;
    width: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 80px;
    padding: 8px 0.24rem 6px;
    border-radius: 80px;
    border: 1px solid #EFEDFF;
    transition: all 0.36s ease-in-out;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.hcbl-li-link .std-btnx1-link-bg {
    opacity: 0;
}

.hcbl-li-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}

.hcbl-li-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.head-nav-item {
    position: static;
}

.head-nav-item-title {
    color: #fff;
    font-size: var(--font18);
    transition: all 0.36s ease-in-out;
}

.head-logo {
    z-index: 6;
    width: 0.8rem;
}

.ys-hd-pc-rightbox {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.yhpr-bottom {
    display: flex;
}

.head-nav-item-title {
    line-height: calc((var(--headh) / 2));
    position: relative;
    z-index: 6;
}

.head-nav-item-title::before {
    content: "";
    width: 6px;
    height: 6px;
    /* background: var(--colormain); */
    background: #fff;
    position: absolute;
    left: -12px;
    border-radius: 50%;
    top: 50%;
    opacity: 0;
    z-index: 1;
    transform: translate(0%, -50%);
    transition: all 0.36s ease-in-out;
}

.ys-page-wrap .ishover .yxnav-active1 .head-nav-item-title {
    color: var(--colormain);
}

.ishover .head-nav-item-title::before {
    background: var(--colormain);
    opacity: 0;
}

.isfixed .head-nav-item-title::before {
    background: var(--colormain);
}

.yhpr-right {
    padding-bottom: 9px;
    position: relative;
    z-index: 6;
}

.head-search-btn,
.head-lang-top {
    height: calc(var(--headh) / 2);
}

.ys-header-cont {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: center;
}

.ys-hd-pc {
    align-items: center;
    padding: 0;
    max-width: 1800px;
    position: static;
}

.ys-hd-pc::after {
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: rgba(218, 218, 218, 0.10);
    position: absolute;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    top: 0;
    z-index: -1;
}

.ys-hd-pc::before {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
}

.head-logo {
    z-index: 6;
}

.yhpr-bottom-cont-link {
    position: relative;
    border-radius: 80px;
    padding: 0 0.26rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colormain);
}

.ybcl-text {
    color: #fff;
    font-size: var(--font16);
    line-height: 0.4rem;
    text-align: center;
    position: relative;
    z-index: 2;
}

.yhpr-bottom-cont-link .std-btnx1-link-bg {
    z-index: 1;
}

.head-nav-item {
    padding: 0 0.3rem;
}

.head-nav {
    --gap1: 0.3rem;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    flex-wrap: wrap;
}

.head-nav>li {
    padding: 0 var(--gap1);
}

.yhpr-bottom-cont {
    margin-left: 0.6rem;
}

.holl-link,
.hltc-text {
    color: #fff;
    font-size: var(--font14);
    font-family: var(--light);
    line-height: calc(var(--headh) / 2);
    transition: all 0.36s ease-in-out;
    position: relative;
}

.holl-link::after {
    content: "";
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 6px;
    left: 0;
    z-index: 1;
    transition: all 0.36s ease-in-out;
}

.holl-link::before {
    content: "";
    width: 6px;
    height: 6px;
    /* background: var(--colormain); */
    background: #fff;
    position: absolute;
    left: -12px;
    border-radius: 50%;
    top: 50%;
    opacity: 0;
    z-index: 1;
    transform: translate(0%, -50%);
    transition: all 0.36s ease-in-out;
}

.head-other-list-li.on .holl-link {
    /* color: var(--colormain); */
    color: #fff;
}

.head-other-list-li.on .holl-link::before {
    opacity: 0;
}

.head-other-list-li.on .holl-link::after {
    width: 100%;
}

.ishover .head-other-list-li.on .holl-link {
    color: var(--colormain);
}

.ishover .head-other-list-li.on .holl-link::before {
    opacity: 0;
    background: var(--colormain);
}

.ishover .head-other-list-li.on .holl-link::after {
    width: 100%;
    background: var(--colormain);
}

.isfixed .head-other-list-li.on .holl-link {
    color: var(--colormain);
}

.isfixed .head-other-list-li.on .holl-link::before {
    opacity: 0;
    background: var(--colormain);
}

.isfixed .head-other-list-li.on .holl-link::after {
    width: 100%;
    background: var(--colormain);
}

.ys-page-wrap.act .holl-link,
.ys-page-wrap.act .hltc-text {
    color: #666;
}

.ys-hd-pc.isfixed .holl-link,
.ys-hd-pc.isfixed .hltc-text {
    color: #666;
}

.ys-hd-pc.ishover .holl-link,
.ys-hd-pc.ishover .hltc-text {
    color: #666;
}

.hltc-text {
    margin: 0 2px;
}

.head-other-list {
    --gap1: 0.2rem;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 6;
}

.head-lang {
    z-index: 7;
}

.head-other-list>li {
    padding: 0 var(--gap1);
}

/* .head-other-list-li.on .holl-link{
    color: var(--colormain);
} */
.head-search {
    margin-left: 0.4rem;
}

.head-lang-top-circle {
    width: 18px;
}

.head-search-btn {
    width: 20px;
    z-index: 6;
}

.head-lang-top-jian {
    width: 16px;
}

.ys-footer {
    position: relative;
    z-index: 5;
}

.mod-footvideo {
    position: relative;
}

.ys-footer-video {
    position: relative;
}

.ys-footer-video img {
    width: 100%;
}

.ys-footer .ys-cont1600 {
    position: relative;
    z-index: 5;
}

.ys-footer-power-text {
    color: var(--colorfff);
    font-size: var(--font48);
    font-family: var(--medium);
    line-height: var(--line12);
    text-align: center;
    letter-spacing: 0.96px;
    margin-bottom: 0.4rem;
}

.ys-footer-power {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ys-footer-video::before {
    content: "";
    width: 100%;
    height: 54%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 100) 0%, rgba(7, 7, 7, 0) 100%);
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 3;
    pointer-events: none;
}

.footer-top {
    padding-top: 1.1rem;
}

.ys-footer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
    object-fit: cover;
}

.flib-img {
    width: 24px !important;
    margin-right: 10px;
}

.ys-footer .flib-link {
    position: relative;
    overflow: hidden;
    border-radius: 40px;
    display: flex;
    padding: 8px 0.2rem 6px;
    width: 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colormain);
    transition: all 0.36s ease-in-out;
}

.flib-text {
    font-size: var(--font14);
    line-height: var(--line175);
    color: #fff;
}

.footer-logo-input {
    display: flex;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 0.4px solid #fff;
    background: rgba(255, 255, 255, 0.10);
    overflow: hidden;
    align-items: center;
}

.footer-logo-input input {
    color: #fff;
    font-size: var(--font16);
    line-height: var(--line175);
    flex: 1;
    padding: 0.13rem 0.24rem;
    width: 50%;
}

.footer-logo {
    width: 27.44%;
}

.footer-nav {
    width: 58.75%;
}

.footer-logo>a>img {
    width: 47.38%;
    margin-bottom: 0.6rem;
}

.footer-logo .std-btnx1-link-bg {
    width: 100%;
    transform: translate(-50%, -50%) scale(1.2);
}

.footer-logo-input input::placeholder {
    color: #fff;
    font-size: var(--font16);
    line-height: var(--line175);
}

.flib-link {
    display: block;
}

.footer-logo-input-btn {
    padding-right: 6px;
}

.footer-nav>li>a {
    color: #fff;
    font-size: var(--font18);
    font-family: var(--semiBold);
    line-height: 1.65;
}

.footer-nav {
    --gap2: 0.2rem;
    --gap3: 0.1rem;
}

.footer-nav ul a {
    color: #fff;
    font-size: var(--font16);
    line-height: 1.65;
}

.footer-nav li:nth-child(1) {
    min-width: 24.57%;
}

.footer-text p span {
    color: #fff;
    font-size: var(--font14);
    line-height: var(--line16);
    margin-right: 0.4rem;
}

.footer-privacy a {
    color: #fff;
    line-height: 1.65;
}

.ys-footer {
    --sapceft1: 0;
    --sapceft2: 1.41rem;
    --sapceft3: 0.32rem;
    --sapceft4: 0.32rem;
}

.footer-privacy {
    --gap1: 0.2rem;
}

.footer-bot {
    border-top: 1px solid rgba(255, 255, 255, 0.40);
}

.ys-ban-title {
    font-family: var(--semiBold);
    color: #fff;
    line-height: var(--line11);
    letter-spacing: 1.44px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.2rem;
}

.ys-ban-title span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-size: 100%;
    color: transparent;
    text-shadow: none;
}

.ys-ban-textinfo,
.ys-ban-textinfo p {
    color: #fff;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-size: var(--font20);
    line-height: var(--line15);
    letter-spacing: 0.8px;
    font-family: 'MAITIAN-ManSemiBold';
}

.ys-ban-textinfo {
    margin-bottom: 0.6rem;
}

.home-main .ys-banner {
    height: 100vh;
}

.home-main .ys-banner .ys-fixed-banner,
.home-main .ys-banner .ys-ban-slick,
.home-main .ys-banner .slick-list,
.home-main .ys-banner .slick-track,
.home-main .ys-banner .slick-slide,
.home-main .ys-banner .ys-ban-imgbox,
.home-main .ys-banner img {
    height: 100%;
}

.home-main .ys-banner .slick-dots {
    bottom: 0.69rem;
}

.ys-header::after {
    content: "";
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.36s ease-in-out;
}

.ys-header.filter::after {
    opacity: 1;
}

.home-main .ys-banner .ys-dots1 .slick-dots li {
    width: 0.8rem;
}

.ys-banner-btnbox-img img {
    width: 24px;
}

.ys-banner-btnbox-img {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    cursor: pointer;
}

.ys-banner-btnbox {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    pointer-events: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

.ys-banner-btnbox-next img {
    transform: rotate(180deg);
}

.ys-cont1880 {
    width: 100%;
}

.home-solutions,
.home-constant {
    padding: 0 20px !important;
    overflow: hidden;
}

.home-solutions {
    margin-top: var(--space130) !important;
}

.home-solutions .ys-cont1880 {
    position: relative;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    clip-path: inset(var(--sizeX) var(--sizeY) round var(--round) var(--round) var(--round) var(--round));
}

.ys-cont1580 {
    width: 85vw;
    max-width: 1580px;
    margin: auto;
}

.hsim-img {
    width: 30px;
    margin-bottom: 8px;
}

.hsim-text {
    color: var(--colormain);
    font-size: var(--font14);
    line-height: var(--line175);
}

.home-solutions-info-mouse {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(0.5rem);
    opacity: 0;
}

.home-solutions-bg {
    position: relative;
    transform: scale(1.2);
    width: 100%;
}

.home-solutions-bg img {
    width: 100%;
}

.home-solutions-info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100%;
}

.home-solutions-info-our {
    font-size: var(--font18);
    font-family: var(--medium);
    color: var(--color2e0);
    letter-spacing: -0.36px;
}

.home-solutions-info-top img {
    width: 4px;
    margin-right: 8px;
}

.home-solutions-info-top {
    display: flex;
    margin-bottom: 8px;
}

.inver-main .inver-more .home-solutions-info-top {
    align-items: center;
}

.home-solutions .std-font54 {
    color: #000;
    font-family: var(--medium);
    letter-spacing: 1.08px;
    max-width: 52.28%;
}

.home-solutions-info-topbox {
    margin-bottom: 0.3rem;
    transform: translateY(0.3rem);
    opacity: 0;
}

.home-solutions-info-intro,
.home-solutions-info-intro p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line16);
    letter-spacing: 0.32px;
}

.home-solutions-info-intro {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--space150);
    transform: translateY(0.5rem);
    opacity: 0;
}

.home-solutions-info-intro p {
    max-width: 34.18%;
}

.home-solutions-info {
    border-radius: 0 0 0.2rem 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -o-backdrop-filter: blur(30px);
    -ms-backdrop-filter: blur(30px);
}

.home-solutions-info .ys-cont1580 {
    padding: var(--space130) 0 0.4rem;
}

.home-solutions-info-cry {
    position: relative;
}

.hsib-img1 {
    position: absolute;
    top: -53%;
    left: -20%;
    pointer-events: none;
    width: 43.04%;
    transform: translate(-20%, -20%);
}

.hsib-img2 {
    position: absolute;
    bottom: -54%;
    right: -36%;
    pointer-events: none;
    width: 67.47%;
    transform: translate(20%, 20%);
}

.hlli-img {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    transition: all 0.36s ease-in-out;
    opacity: 0;
}

.hspl-li-link-icon {
    position: relative;
}

.hlli-suq {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    position: relative;
    background: var(--colormain);
    transition: all 0.36s ease-in-out;
    opacity: 1;
}

.hlli-suq::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.hspl-li.res .hspl-li-link {
    transform: translateX(-0.8rem);
}

.hspl-li-link {
    display: flex;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 0.4px solid #fff;
    background: rgba(148, 148, 148, 0.20);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    padding: 6px 6px 6px 0.24rem;
    overflow: hidden;
    transition: all 0.36s linear;
    transform: translateX(0.8rem);
    opacity: 0;
}

.hspl-li-link-text {
    color: #fff;
    margin-right: 0.16rem;
    display: flex;
    align-items: center;
}

.hspl-li {
    position: absolute;
    z-index: 5;
    /* opacity: 0; */
    pointer-events: none;
    /* transition: all 0.36s ease-in-out; */
}

.hspl-li.canpoint {
    pointer-events: all;
}

.hspl-li-link .std-btnx1-link-bg {
    clip-path: circle(0% at 89% 30%);
    right: 0;
    left: auto;
    top: 0;
    transform: unset;
}

.hlli-img img {
    transform: rotate(180deg);
    width: 24px;
}

.footer-share {
    --gap1: 0.2rem;
    --width1: 44px;
    margin-bottom: 0.6rem;
}

.home-reliable {
    padding: var(--space160) 0 var(--space120);
    position: relative;
}

.home-reliable-bg {
    position: absolute;
    bottom: -60%;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: -1;
}

.home-reliable .ys-cont1540 {
    position: relative;
    z-index: 2;
}

.home-reliable-bg img {
    width: 100%;
}

.home-reliable-top-our img {
    width: 4px;
    margin-right: 8px;
}

.home-reliable .std-font54 {
    color: #000;
    font-family: var(--medium);
    letter-spacing: 1.08px;
    max-width: 7rem;
    text-align: center;
}

.home-reliable .std-font54 span {
    background: linear-gradient(102deg, var(--colormain) 67.48%, var(--color2e5) 99.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0.1rem;
    display: inline-block;
}

.home-reliable-top-our {
    display: flex;
    margin-bottom: 8px;
}

.home-reliable-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.94rem;
}

.home-reliable-bottom-cent {
    position: relative;
    z-index: 2;
    max-width: 88.31%;
    margin: auto;
    pointer-events: none;
}

.hrbc-img2 {
    position: absolute;
    bottom: 0;
    right: 6.4%;
    z-index: -1;
    width: 86.76%;
}

.hrbc-img1 {
    width: 100%;
}

.hllh-text {
    color: #000;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-right: 0;
}

.hrbc-list-li-def img {
    width: 22px;
}

.hrbc-list-li-link {
    --width: 180px;
    --height: 38px;
    --padding1: 6px;
    --padding2: 24px;
    display: flex;
    position: relative;
    width: 40px;
    height: 40px;
    transition: all 0.36s ease-in-out;
    border: 0.4px solid transparent;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
}

.hrbc-list-li-hover {
    width: 40px;
    /* position: absolute; */
    opacity: 0;
    transition: all 0.36s ease-in-out;
    /* right: 6px;
    top: 50%; */
    z-index: 1;
    /* transform: translate(0%,-50%); */
}

.hrbc-list-li-def {
    width: 38px;
    position: absolute;
    transition: all 0.36s ease-in-out;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hllh-text span {
    transform: translateX(100%);
    display: block;
    opacity: 0;
    transition: transform 0.36s ease-in-out;
    white-space: nowrap;
    padding-right: 0.16rem;
    font-size: var(--font16);
    line-height: var(--line175);
    color: #000;
}

.hrbc-list-li {
    position: absolute;
    z-index: 5;
}

.ys-cont1540 {
    width: 85vw;
    max-width: 1540px;
    margin: auto;
    --place: calc(50vw - 770px);
    --cont: 1540px;
}

.home-reliable-bottom-left {
    width: 15.39%;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    background: #984EFF;
    padding: 0.55rem 0.21rem 0.28rem 0.24rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    top: 10%;
    z-index: 1;
}

.hrbl-num {
    font-size: var(--font48);
    line-height: var(--line12);
    font-family: var(--light);
    margin-bottom: 0.34rem;
    text-align: center;
    color: #fff;
}

.hrbl-text,
.hrbl-text p {
    color: #fff;
    font-size: var(--font14);
    line-height: var(--line165);
}

.hrbl-text {
    margin-bottom: 0.49rem;
}

.hrbl-icon,
.hrbr-icon {
    width: 0.4rem;
}

.home-reliable-bottom {
    position: relative;
    margin-bottom: 0.38rem;
}

.home-reliable .std-btnx1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-reliable-bottom-right {
    width: 13.7%;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid #62FAC1;
    background: #fff;
    padding: 0.4rem 0.24rem 0.29rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: 2;
}

.hrbr-num {
    color: #000;
    font-size: var(--font48);
    font-family: var(--light);
    line-height: var(--line12);
    margin-bottom: 0.24rem;
    text-align: center;
}

.hrbr-text,
.hrbr-text p {
    color: #666;
    font-size: var(--font14);
    line-height: var(--line165);
}

.hrbr-text {
    margin-bottom: 0.28rem;
}

.home-unbox-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.home-unbox .ys-cont1600 {
    position: relative;
    z-index: 12;
}

.hutt-text {
    color: #fff;
    font-size: var(--font18);
    line-height: var(--line165);
    letter-spacing: -0.36px;
}

.home-unbox-top-type img {
    width: 4px;
    margin-right: 8px;
    height: 100%;
}

.home-unbox-global-le img {
    width: 4px;
    margin-right: 8px;
    height: 100%;
}

.home-unbox-top-type,
.home-unbox-global-le {
    display: flex;
    align-items: center;
    margin-bottom: 0.24rem;
}

.home-unbox-top-tit .std-font54 {
    color: #fff;
    letter-spacing: 1.08px;
    font-family: var(--medium);
}

.home-unbox-top-tit {
    margin-bottom: 0.43rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-unbox-top-line {
    width: 0%;
    height: 2px;
    background: #fff;
    animation: sizelong .8s ease-in-out both;
    animation-delay: 0.4s;
}

@keyframes sizelong {
    0% {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

.home-unbox-bottom {
    padding-top: 0.7rem;
}

.hubt-list-li-name {
    font-size: var(--font20);
    line-height: 1.4;
    color: #fff;
    font-family: var(--medium);
    max-width: 28.33%;
    margin-top: 0.1rem;
}

.hubt-list-li-num span {
    display: inline-block;
}

.hubt-list-li-num {
    color: #fff;
    line-height: 1.1;
    letter-spacing: 2px;
    font-size: var(--font100);
    font-family: 'MAITIAN-ManSemiBold';
}

.hubt-list-li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.hubt-list-li {
    padding: 0.13rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}

.hubt-cry,
.hubt-cry p {
    color: #fff;
}

.hubt-cry {
    width: 35%;
}

.hubt-list {
    width: 30%;
}

.home-unbox-bottom-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.home-unbox-video video {
    mix-blend-mode: screen;
}

.home-unbox-bottom {
    position: relative;
}

.home-unbox-bg-cry {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
}

.home-unbox-bg img {
    width: 100%;
    height: 100%;
}

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

.home-unbox-vid {
    width: 100%;
    mix-blend-mode: screen;
    position: absolute;
    z-index: 10;
    top: 400px;
    max-width: 1600px;
    margin: auto;
    pointer-events: none;
    height: 100%;
}

/* .home-unbox-vid-box{
    position: sticky;
    top: 100px;
} */
.home-unbox-wrap {
    position: relative;
}

.home-unbox {
    position: relative;
    padding-top: var(--space160);
    overflow: visible;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.home-unbox-global .std-font54 {
    color: #fff;
    letter-spacing: 1.08px;
    max-width: 55%;
}

.home-unbox-global.ys-faderight1 {
    animation-delay: 0.3s;
}

.home-unbox-global {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.home-unbox-casebox {
    padding-top: 2.9rem;
}

.hsci-list-li-img {
    width: 24px;
    margin-right: 0.16rem;
}

.hsci-list-li-img img {
    width: 100%;
}

.hsci-list-li-text {
    color: var(--color2e0);
    font-size: var(--font16);
    line-height: var(--line16);
}

.hsci-list-li {
    margin-bottom: 0.18rem;
}

.hsci-list-li:last-child {
    margin-bottom: 0 !important;
}

.hsci-name {
    font-size: var(--font24);
    line-height: 1.4;
    font-family: var(--medium);
    color: #000;
}

.hurs-slide-cry-info {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0.2rem 0.3rem;
    width: 3.4rem;
    height: 100%;
    position: absolute;
    bottom: -86%;
    right: 5%;
    transition: all 0.36s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
}

.hurs-slide-cry {
    position: relative;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    height: 100%;
}

.hurs-slide-cry .ys-imgbox-cover {
    height: 100%;
}

.hurs-slide-cry .ys-imgbox-cover img {
    object-fit: cover;
}

.hsci-list-li {
    display: flex;
}

.home-unbox-region-swiper .swiper-pagination {
    display: none;
}

.home-unbox-region-swiper {
    overflow: visible !important;
}

.hurs-slide.swiper-slide {
    width: 23.75% !important;
    height: 4.6rem;
    transition: all 0.36s ease-in-out;
}

.hurs-slide:nth-child(odd) {
    margin-top: 0.8rem;
}

.hurs-slide:nth-child(even) {
    margin-bottom: 0.8rem;
}

.swiper-slide {
    transition-property: all !important;
}

.hurs-slide.swiper-slide-active {
    width: 46.25% !important;
}

.hurs-slide.swiper-slide-active .hurs-slide-cry-info {
    padding: 0.4rem 0.3rem;
    bottom: 0;
    right: 0;
}

.home-unbox-region {
    padding-top: 1.44rem;
    padding-bottom: var(--space160);
}

.home-constant-botlayer-text .home-unbox-global-le {
    margin-bottom: 8px;
}

.home-constant-botlayer-text .std-font54 {
    color: #fff;
    letter-spacing: 1.08px;
    max-width: 9rem;
}

.home-constant {
    position: relative;
    background: #FAF6FF;
    display: flex;
    justify-content: center;
    z-index: 10;

}

.home-constant-consbox {
    position: absolute;
    top: 0;
}

.home-constant-consbox .ys-cont1880 {
    background: #FAF6FF;
}

.home-constant-consbox-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
}

.home-constant-consbox-bg img {
    mix-blend-mode: color;
    width: 100%;
}

.home-constant-botlayer-video img {
    width: 100%;
}

.home-constant-botlayer-video {
    position: relative;
}

.home-constant-botlayer {
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: all 0.36s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.home-constant-botlayer-svg {
    display: none;
}

.home-constant-botlayer::after {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #12061B;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.home-constant-botlayer-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.86rem 1.6rem;
    z-index: 5;
    transform: translateY(0.5rem);
    opacity: 0;
}

.home-constant .ys-cont1880 {
    position: relative;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 1.24rem;
    padding-top: var(--space130);
}

.home-constant-vidlayer {
    clip-path: inset(var(--sizeX) var(--sizeY) round var(--round) var(--round) var(--round) var(--round));
}

.home-exploring-top-type img {
    width: 4px;
    margin-right: 8px;
}

.home-exploring-top-type {
    display: flex;
    margin-bottom: 0.1rem;
}

.home-exploring-top-tit .std-font44 {
    color: #000;
    font-family: var(--medium);
    line-height: var(--line13);
    letter-spacing: 0.88px;
}

.home-exploring-top-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-exploring-top {
    margin-bottom: 0.58rem;
    padding: 0 0.18rem;
    position: relative;
    z-index: 2;
}

.home-exploring {
    padding-top: var(--space160);
    padding-bottom: var(--space120);
    position: relative;
}

.home-exploring-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.home-exploring-bg img {
    width: 100%;
}

.hebs-li-cry .ys-imgbox-cover {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

.hebs-li-cry-type {
    color: var(--colormain);
    font-size: var(--font16);
    line-height: var(--line16);
    margin-bottom: 0.2rem;
}

.hebs-li-cry-tit {
    /* color: var(--color2e0); */
    color: #000;
    font-size: var(--font20);
    line-height: var(--line15);
    font-family: var(--medium);
    transition: all 0.36s ease-in-out;
}

.hebs-li-cry-top {
    margin-bottom: 0.94rem;
}

.hebs-li.swiper-slide {
    height: auto;
}

.hebs-li-cry {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0.2rem 0.18rem 0;
    border-right: 1px solid #E5E5E5;
}

.ys-cont1520 {
    width: 85vw;
    max-width: 1520px;
    margin: auto;
    --place: calc(50vw - 760px);
    --cont: 1520px;
}

.home-exploring-bottom {
    max-width: 71.05%;
    margin-bottom: 0.6rem;
    position: relative;
    z-index: 5;
    animation: fadeInRight .8s ease-in-out both;
    animation-delay: 0.4s;
}

.home-exploring-bottom-swiper {
    overflow: visible !important;
}

.std-swiperbtn-img .ys-imgbox-cover {
    width: 24px;
}

.std-swiperbtn-img {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    transition: all 0.36s ease-in-out;
    border: 1px solid var(--colormain);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.std-swiperbtn {
    width: 1.7rem;
    padding: 0 0.18rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 3;
}

.std-swiperbtn-img img:nth-child(1) {
    opacity: 0;
}

.std-swiperbtn-img img:nth-child(2) {
    opacity: 1;
}

.std-swiperbtn-prev .ys-imgbox-cover img:nth-child(2) {
    transform: rotate(180deg);
}

.std-swiperbtn-next .ys-imgbox-cover img:nth-child(1) {
    transform: rotate(180deg);
}

.swiper-button-disabled.std-swiperbtn-img {
    border: 1px solid #B6B6B6;
}

.swiper-button-disabled.std-swiperbtn-img img:nth-child(1) {
    opacity: 1;
}

.swiper-button-disabled.std-swiperbtn-img img:nth-child(2) {
    opacity: 0;
}

.hebs-li-cry .ys-imgbox-cover {
    transition: all 0.36s ease-in-out;
}

.home-constant-bottom-tit {
    color: #000;
    text-align: center;
    font-size: var(--font44);
    line-height: var(--line13);
    letter-spacing: 0.88px;
    font-family: var(--medium);
    margin-bottom: 0.3rem;
    max-width: 11.22rem;
    margin-top: -11%;
}

.home-constant-bottom-info {
    opacity: 0;
    transform: translateY(30%);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 1.8rem;
    left: 0;
    z-index: 2;
    width: 100%;
}

.home-constant-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.home-constant-bottom.canpoint .home-constant-bottom-info {
    pointer-events: all;
}

.home-constant-bottom-logo {
    position: absolute;
    width: 11.54rem;
    height: 11.54rem;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: 2;
    left: 50%;
    top: 41%;
    transform: translate(-50%, -50%) scale(2);
    pointer-events: none;
}

.hcbl-line {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.hcbl-logo {
    width: 100%;
    transform: scale(13);
    pointer-events: none;
    opacity: 0;
    height: 100%;
    object-fit: cover;
}

.hcbl-line1 {
    width: 68.44%;
}

.hcbl-line2 {
    width: 82.23%;
}

.hcbl-line3 {
    width: 100%;
}

.huvb-video {
    transform: scale(1.2);
    opacity: 0;
}

.prosum-page .std-font72 {
    color: #fff;
    font-family: var(--semiBold);
    letter-spacing: 1.44px;
    font-size: var(--font72);
    line-height: var(--line11);
    text-align: center;
    -webkit-box-reflect: below -26px linear-gradient(transparent, rgba(0, 0, 0, 0.1));
    background: linear-gradient(180deg, #FFF 78%, var(--Z-3, #E2DBFF) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prosum-page .std-font72 span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    display: inline;
    background-size: 100%;
    color: transparent;
}

.prosum-page .ys-nyban-title {
    top: 30%;
}

.prosum-bann-mouse img {
    width: 30px;
    margin-bottom: 0.1rem;
    animation: imgdownup 1s linear infinite alternate;
}

@keyframes imgdownup {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(5px);
    }
}

.prosum-bann-mouse-text {
    font-size: var(--font16);
    line-height: var(--line175);
    color: #fff;
    text-align: center;
}

.prosum-bann-mouse {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 35px;
    width: 100%;
    flex-direction: column;
}

.ys-cont1420 {
    width: 85vw;
    max-width: 1420px;
    margin: auto;
    --place: calc(50vw - 710px);
    --cont: 1420px;
}

.prosum-page .home-solutions-info-top {
    opacity: 1;
    transform: unset;
    margin-bottom: 8px;
}

.compintr-page .home-solutions-info-top {
    opacity: 1;
    transform: unset;
    margin-bottom: 8px;
}

.prosum-ourpro {
    padding: var(--space160) 0;
    position: relative;
}

.prosum-ourpro-bg {
    position: absolute;
    top: -30%;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: -1;
}

.prosum-ourpro-bg img {
    width: 100%;
}

.prosum-ourpro .std-font54 {
    color: #000;
    font-family: var(--medium);
    letter-spacing: 1.08px;
    margin-bottom: 0.2rem;
    max-width: 50%;
    text-align: center;
}

.prosum-ourpro .std-font54 span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    display: inline;
    background-size: 100%;
    color: transparent;
}

.prosum-global .std-font54 span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    display: inline;
    background-size: 100%;
    color: transparent;
}

.prosum-ourpro-info,
.prosum-ourpro-info p {
    color: #666;
    text-align: center;
    letter-spacing: 0.4px;
}

.prosum-ourpro-info {
    max-width: 66.55%;
    margin-bottom: 0.46rem;
}

.prosum-ourpro-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.8rem;
}

.prosum-ourpro-icon {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.prosum-ourpro-icon::after {
    content: "";
    width: 100%;
    height: 100%;
    border: 0.6px dashed var(--colormain);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    animation: rotate 10s linear infinite;
}

.prosum-ourpro-icon img {
    width: 0.44rem;
}

.std-btnx4.act .std-btnx4-link {
    border: 1px solid #fff;
    transition: all 0.36s ease-in-out;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.pobl-li-link-title {
    font-family: var(--semiBold);
    color: #fff;
    margin-bottom: 0.2rem;
}

.pobl-li-link-info,
.pobl-li-link-info p {
    color: #fff;
    font-size: var(--font14);
    line-height: var(--line16);
}

.pobl-li {
    width: 38.03%;
    height: 38.03%;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

.pobl-li-link {
    position: relative;
}

.pobl-li-link-top {
    position: absolute;
    width: 100%;
    padding: 0.5rem 0.4rem;
    z-index: 2;
}

.pobl-li-link .std-btnx4 {
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    z-index: 2;
    display: flex;
    align-items: center;
}

.prosum-ourpro-bottom-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pobl-li:nth-child(odd) {
    margin-top: 1rem;
    transform: translate(-50px, 50px);
    opacity: 0;
}

.pobl-li:nth-child(even) {
    margin-bottom: 1rem;
    transform: translate(50px, 50px);
    opacity: 0;
}

.std-btnx4-link-text {
    color: #fff;
    font-size: var(--font16);
    line-height: var(--line16);
    margin-right: 0.16rem;
    transition: all 0.36s ease-in-out;
    opacity: 0;
}

.ys-cont1100 {
    width: 85vw;
    max-width: 1100px;
    margin: auto;
    --place: calc(50vw - 550px);
    --cont: 1100px;
}

.prosum-global .std-font54 {
    max-width: 65%;
    text-align: center;
    font-family: var(--medium);
    color: #000;
    letter-spacing: 0.88px;
    line-height: var(--line12);
    display: flex;
    flex-direction: column;
    /* margin-bottom: 0.8rem; */
}

.prosum-global {
    padding: var(--space160) 0;
    position: relative;
}

.prosum-global .ys-cont1100 {
    position: relative;
    z-index: 5;
}

.prosum-global-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 1;
}

.prosum-global-bg img {
    width: 100%;
}

.prosum-ourpro-bottom-swiper .swiper-pagination {
    display: none;
}

.pobs-slide-cry-info .hsci-name {
    font-size: var(--font20);
    line-height: var(--line15);
    margin-bottom: 0.4rem;
}

.pobs-slide-cry .ys-imgbox-cover {
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

.pobs-slide-cry {
    position: relative;
}

.pobs-slide-cry-info {
    position: absolute;
    bottom: -0.32rem;
    left: -0.32rem;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0 -0.04px 2.212px 0 rgba(36, 35, 37, 0.02);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    padding: 0.3rem;
    opacity: 0;
    transition: all 0.36s ease-in-out;
}

.prosum-ourpro-bottom-swiper {
    max-width: 70.18%;
    overflow: visible !important;
    margin-bottom: 0.82rem;
}

.pobs-slide.swiper-slide-active .pobs-slide-cry-info {
    opacity: 1;
}

.pobs-slide.swiper-slide-active {
    transform: scale(1);
}

.pobs-slide {
    transform: scale(0.86);
    transition: all 0.36s ease-in-out;
}

.pobb-btn img {
    width: 32px;
    transition: all 0.36s ease-in-out;
}

.pobb-btn img:nth-child(2) {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.pobb-btn {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    cursor: pointer;
    position: relative;
}

.pobb-prev {
    transform: rotate(180deg);
}

.prosum-ourpro-bottom-btn {
    pointer-events: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.prosum-ourpro-bottom {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prosum-ourpro::before {
    content: "";
    width: 10%;
    height: 3.4rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    left: 50%;
    bottom: 3%;
    z-index: 1;
    transform: translate(-50%, 0%);
}

.prosum-system-le-type img {
    width: 4px;
    margin-right: 8px;
    height: 100%;
}

.pslt-text {
    color: #fff;
    font-size: var(--font18);
    line-height: var(--line165);
    letter-spacing: -0.36px;
    font-family: var(--medium);
}

.prosum-system-le-type {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.prosum-system {
    position: relative;
    padding: var(--space120) 0 0.8rem;
}

.prosum-system .ys-cont1600 {
    position: relative;
    z-index: 2;
}

.prosum-system-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.prosum-system-bg img {
    width: 100%;
    height: 150%;
    object-fit: cover;
}

.prosum-system-le-fox {
    font-size: var(--font44);
    line-height: var(--line12);
    display: inline-block;
    font-family: 'MAITIAN-CaveatBold';
    background: linear-gradient(98deg, var(--colormain) 16.48%, var(--color2e5) 40.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%;
}

.prosum-system-le-sys {
    color: #fff;
    font-family: var(--medium);
    margin-bottom: 0.1rem;
    letter-spacing: 0.88px;
}

.prosum-system-le-cont,
.prosum-system-le-cont p {
    color: #fff;
    font-family: var(--medium);
    letter-spacing: 0.36px;
}

.prosum-system-le-top {
    margin-bottom: var(--space140);
}

.pllc-le img {
    width: 32px;
    margin-bottom: 0.34rem;
}

.pllc-le-text {
    color: var(--colord0c);
    font-family: var(--medium);
    line-height: 1.4;
    font-size: var(--font18);
}

.pllc-ri {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    width: 32.11%;
}

.pllc-ri img {
    width: 100%;
}

.pslb-list-li-cry {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    /* border: 1px solid #FFF; */
    position: relative;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    padding: 0.2rem 0.2rem 0.2rem 0.32rem;
    display: flex;
    justify-content: space-between;
}

.pslb-list-li-cry::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(269deg, rgba(255, 255, 255, 1) 12%, rgba(255, 255, 255, 0) 31%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 106%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

.pslb-list-li {
    margin-bottom: 0.16rem;
}

.pslb-list-li:last-child {
    margin-bottom: 0 !important;
}

.pslb-list {
    margin-bottom: 0.16rem;
}

.prosum-system-le {
    width: 28%;
}

.prosum-system-le-bottom {
    width: 88.58%;
}

.plbl-icon img {
    width: 24px;
}

.plbl-icon {
    width: 0.6rem;
    border-radius: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}

.plbl-cry {
    color: #fff;
    font-size: var(--font18);
    line-height: var(--line16);
    font-family: var(--medium);
}

.pslb-list-btn {
    width: 100%;
}

.pslb-list-btn-link {
    width: 100%;
    padding: 0.1rem 0.1rem 8px 0.32rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    align-items: center;
    transition: all 0.36s ease-in-out;
    background: var(--colormain);
}

.pslb-list-btn-link .std-btnx1-link-bg {
    opacity: 0 !important;
}

.prosum-system-ri {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 11.7rem;
    transform: translate(2rem, 2rem);
    animation: imgribot 2s ease-in-out both;
}

@keyframes imgribot {
    0% {
        opacity: 0;
        transform: translate(2rem, 2rem);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes phbott1 {
    0% {
        opacity: 0;
        transform: translate(-0.5rem, 0.5rem) rotate(30deg);
    }

    to {
        opacity: 1;
        transform: translate(0, 0) rotate(30deg);
    }
}

@keyframes phbott2 {
    0% {
        opacity: 0;
        transform: translate(0.5rem, -0.5rem) rotate(30deg);
    }

    to {
        opacity: 1;
        transform: translate(0, 0) rotate(30deg);
    }
}

.fbll-img1,
.fbll-img3,
.fbll-img6,
.fbll-img8 {
    animation: phbott1 1.8s ease-in-out both;
}

.fbll-img2,
.fbll-img4,
.fbll-img5,
.fbll-img7 {
    animation: phbott2 1.8s ease-in-out both;
}

.prosum-system-ri img {
    width: 100%;
}

.prosum-download-ri .std-font44 {
    color: #000;
    font-family: var(--medium);
    line-height: var(--line11);
    margin-bottom: 0.32rem;
}

.pdrl-li-text {
    color: #2E0059;
    font-size: var(--font14);
    font-family: var(--light);
    line-height: var(--line16);
    letter-spacing: 0.28px;
}

.prosum-download-ri-list {
    --gap1: 0.23rem;
    --gap2: 0.24rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.prosum-download-ri-list>li {
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.pdrl-li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.pdrl-li::after {
    content: "";
    width: 1px;
    height: 0.18rem;
    background: var(--colord0c);
    position: absolute;
    right: 0%;
    top: 50%;
    z-index: 1;
    transform: translate(0%, -50%);
}

.pdrl-li:last-child::after {
    content: unset;
}

.pdrl-li img {
    width: 0.32rem;
    margin-bottom: 4px;
}

.prosum-download-ri .std-btnx1 {
    margin-top: 0.4rem;
}

.prosum-download-le {
    width: 52.81%;
    border-radius: 0.4rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.prosum-download-le img {
    width: 100%;
}

.prosum-download-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}

.prosum-download-bg img {
    width: 100%;
}

.prosum-download .ys-cont1600 {
    position: relative;
    z-index: 2;
}

.prosum-download {
    padding: var(--space160) 0;
    position: relative;
}

.prosum-download-ri {
    position: absolute;
    right: 10px;
    top: 50px;
    width: 51%;
    border-radius: 0.4rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0.5rem 0.8rem;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 -0.386px 21.445px 0 rgba(36, 35, 37, 0.04), 0 -0.25px 13.899px 0 rgba(36, 35, 37, 0.04), 0 -0.158px 8.749px 0 rgba(36, 35, 37, 0.03), 0 -0.091px 5.027px 0 rgba(36, 35, 37, 0.02), 0 -0.04px 2.212px 0 rgba(36, 35, 37, 0.02);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    overflow: hidden;
}

.prosum-download-ri-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 62%;
    pointer-events: none;
}

.compintr-page .ys-nyban-title .std-font72 {
    color: #fff;
    font-size: var(--font72);
    font-family: var(--semiBold);
    line-height: var(--line11);
    letter-spacing: 1.44px;
    background: linear-gradient(180deg, #FFF 60%, var(--Z-3, #E2DBFF) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 65%;
}

.compintr-about {
    position: relative;
    padding-top: var(--space160);
}

.compintr-about .ys-cont1600 {
    margin-bottom: var(--space110);
}

.compintr-about-bottom .std-font44 {
    color: #000;
    font-family: var(--medium);
    letter-spacing: 0.88px;
}

.compintr-about-bottom-cry,
.compintr-about-bottom-cry p {
    letter-spacing: 0.4px;
    color: var(--color2e0);
    font-family: var(--light);
}

.compintr-about-bottom-cry {
    width: 45.69%;
}

.compintr-about-bottom {
    display: flex;
    justify-content: space-between;
}

.compintr-about-bg {
    position: absolute;
    width: 100%;
    top: -100%;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

.compintr-about-bg img {
    width: 100%;
}

.compintr-about .ys-cont1880 .home-solutions-info-our {
    color: #fff;
}

.compintr-what-top .std-font44 {
    color: #fff;
    max-width: 56.5%;
    font-family: var(--medium);
}

.compintr-about .ys-cont1880 {
    position: relative;
    padding: 0 20px;
}

.cwll-cry img {
    width: 0.48rem;
    margin-bottom: 0.32rem;
}

.cwll-cry-tit {
    color: #fff;
    font-family: var(--medium);
    margin-bottom: 0.16rem;
}

.cwll-cry-cry,
.cwll-cry-cry p {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line16);
}

.compintr-what-crybg img {
    width: 120%;
}

.foxcloud-clarity-bottom .ys-cont1200 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.foxcloud-clarity-bottom:nth-child(1) .foxcloud-clarity-bottom-cry {
    bottom: 40%;
    right: -20%;
}

.foxcloud-clarity-bottom:nth-child(2) .foxcloud-clarity-bottom-cry {
    width: 5rem;
    bottom: 45%;
    left: -26%;
    right: auto;
}

.cwll-cry {
    position: relative;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    background: rgba(245, 247, 250, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    padding: 0.32rem 0.4rem;
}

.cwll-cry::after {
    content: "";
    width: 4.54rem;
    height: 3rem;
    border-radius: 454px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    opacity: 0.6;
    background: #984EFF;
    filter: blur(150px);
    position: absolute;
    bottom: -70%;
    left: 70%;
    z-index: -1;
}

.cwll-cry::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(332deg, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 68%, rgba(255, 255, 255, 1) 90%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

.compintr-what-list {
    --ge: 33.333333%;
    --gap1: 0.12rem;
    --gap2: 0.24rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.compintr-what-list>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.compintr-what-bottom {
    width: 100%;
    max-width: 14rem;
    position: absolute;
    bottom: 0.58rem;
    right: 0.5rem;
    z-index: 2;
}

@media screen and (max-width: 1694px) {
    .compintr-what-bottom {
        --place: 7.5vw;
        --cont: 85vw;
        width: 85vw;
        margin: auto;
    }
}

.ys-cont1320 {
    width: 85vw;
    max-width: 1320px;
    margin: auto;
    --place: calc(50vw - 660px);
    --cont: 1320px;
}

.compintr-hist .std-font44 {
    color: #000;
    font-family: var(--medium);
    letter-spacing: 0.88px;
    text-align: center;
}

.compintr-hist-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--space120);
}

.compintr-hist {
    position: relative;
    padding-top: var(--space160);
}

.compintr-hist-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: -1;
}

.compintr-hist-bg img {
    width: 100%;
}

.compintr-hist-bottom-swiper .swiper-pagination {
    display: none;
}

.chbs-li-cry-list ul li {
    position: relative;
    padding-left: 0.2rem;
}

.chbs-li-cry-list ul li::before {
    content: "";
    /* background: var(--bg2); */
    /* background-repeat: no-repeat;
    background-size: contain; */
    border-radius: 50%;
    background: #666;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0%;
    top: 9px;
    z-index: 1;
}

.chbs-li-cry-time {
    font-size: var(--font64);
    line-height: var(--line12);
    font-family: var(--semiBold);
    background-image: var(--bg1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    display: inline;
    background-size: 600%;
    /* color: transparent; */
    transition: all 0.36s ease-in-out;
    margin-bottom: 0.3rem;
    margin: 0 0.36rem;
    opacity: 0.5;
    position: relative;
}

.chbs-li-cry-list ul {
    padding-inline-start: 0;
}

.clct-sup {
    width: 6px;
    height: 6px;
    background: var(--colormain);
    transform: rotate(45deg);
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.chbs-li-cry-top {
    display: flex;
    align-items: center;
}

.clct-line {
    flex: 1;
    border-top: 1px dashed var(--colormain);
}

.compintr-hist-bottom-swiper {
    overflow: visible !important;
    max-width: 51.36%;
    margin: 0 !important;
}

.chbs-li-cry-list {
    margin-left: 0.4rem;
    max-width: 73.46%;
}

.compintr-hist-bottom {
    display: flex;
    justify-content: flex-end;
    padding-right: 2.4rem;
    margin-bottom: 0.93rem;
}

.chbs-li-cry-list ul li p {
    color: #666;
    font-size: var(--font16);
    line-height: var(--line16);
}

.chbs-li-cry-list ul li {
    margin-bottom: 8px;
}

.chbs-li-cry-list ul li:last-child {
    margin-bottom: 0 !important;
}

.chbs-li.swiper-slide-active .chbs-li-cry-time {
    background-size: 100%;
    opacity: 1;
}

.chbs-li:first-child .chbs-li-cry-top .chbs-li-cry-time::before {
    content: "";
    width: 4.4rem;
    height: 1px;
    border-top: 1px dashed var(--colormain);
    position: absolute;
    right: calc(100% + 0.35rem);
    top: 50%;
    z-index: 1;
    transform: translate(0%, -50%);
}

.compintr-hist-year-li {
    transition: all 0.36s ease-in-out;
    color: #666;
    line-height: var(--line16);
    text-align: center;
    font-family: var(--medium);
    font-size: var(--font18);
    /* padding: 0 0.73rem; */
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.compintr-hist-year-li::after {
    content: "";
    width: 100%;
    height: 0.46rem;
    background: var(--colormain);
    background-size: 100%;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: all 0.4s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.compintr-hist-year-li.active::after {
    opacity: 1;
}

.compintr-hist-yearlist-swiper.swiper-container {
    z-index: 5;
    width: 100%;
    padding: 0.18rem 8px 0.16rem;
}

.compintr-hist-year {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5;
}

.change1-hover {
    --ge: calc(100% / var(--length1));
    padding: 10px 32px;
    width: calc(var(--ge) - 8px);
    position: absolute;
    top: 8px;
    left: calc((var(--ge) * var(--pro) + 4px));
    height: calc(100% - 16px);
    background: var(--bg1);
    background-size: 100%;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: all 0.4s ease;
    opacity: 1;
    z-index: 1;
}

.fhtt-list-li.active .fhtt-list-li-name {
    color: #fff;
}

.fhtt-list-li.active .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.fhtt-list-li.active .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.compintr-hist-yearlist {
    position: relative;
    overflow: hidden;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(245, 247, 250, 0.80);
    box-shadow: 0 10px 16px 0 rgba(0, 48, 111, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    margin-bottom: 0.8rem;
}

.foxcloud-home-top-tab.mod-hover .fhtt-list-li.active .fhtt-list-li-name {
    color: #666;
}

.foxcloud-home-top-tab.mod-hover .fhtt-list-li.active .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}

.foxcloud-home-top-tab.mod-hover .fhtt-list-li.active .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.compintr-hist-year-li.active {
    color: #fff;
}

.compintr-hist-year-li.on {
    color: #fff !important;
}

.ys-cont1460 {
    width: 85vw;
    max-width: 1460px;
    margin: auto;
    --place: calc(50vw - 730px);
    --cont: 1460px;
}

.compintr-glob-top-cry,
.compintr-glob-top-cry p {
    color: #666;
    font-size: var(--font18);
    line-height: var(--line16);
    letter-spacing: 0.36px;
    text-align: center;
}

.compintr-glob .std-font44 {
    margin-bottom: 0.24rem;
}

.compintr-glob {
    position: relative;
    padding: var(--space100) 20px 0.8rem;
}

.compintr-glob .compintr-hist-top {
    margin-bottom: var(--space100);
}

.compintr-glob-bottom {
    position: relative;
    margin-bottom: var(--space100);
}

.compintr-glob-bottom-map {
    width: 100%;
    height: 700px;
}

.cgbl-li-cry-text {
    color: #000;
    margin-right: 0.16rem;
}

.cgbl-li-cry-dis {
    width: 0.3rem;
    height: 0.3rem;
    background: var(--colormain);
    border-radius: 50%;
    position: relative;
}

.cgbl-li-cry-dis::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.cgbl-li-cry {
    display: flex;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 0.4px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    box-shadow: 0 10px 8px 0 rgba(0, 78, 68, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    padding: 6px 6px 4px 0.24rem;
}

.cgbl-li {
    width: fit-content;
    position: absolute;
    z-index: 5;
}

.compintr-glob-bg {
    position: absolute;
    width: 100%;
    top: 10%;
    right: 0;
    pointer-events: none;
    z-index: -1;
}

.compintr-glob-bg img {
    width: 100%;
}

.compintr-company-top .std-font44 {
    color: #fff;
    font-family: var(--medium);
    letter-spacing: 0.88px;
    margin-bottom: 0.4rem;
}

.compintr-company-top-line {
    width: 100%;
    height: 2px;
    background: #fff;
    animation: sizelong .8s ease-in-out both;
    animation-delay: 0.5s;
}

.compintr-company-crybg {
    width: 100%;
}

.compintr-company-crybg img {
    width: 100%;
}

.compintr-company-top {
    margin: 0 auto 0.8rem;
    position: relative;
    z-index: 6;
    max-width: 1600px;
    width: 85vw;
}

.compintr-company-horse {
    position: relative;
    z-index: 5;
}

.compintr-glob .ys-cont1880::before {
    content: "";
    width: 10%;
    height: 100%;
    opacity: 0.6;
    background: linear-gradient(90deg, rgb(60 20 132) 48.1%, rgb(0 0 0 / 0%) 99.48%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
}

.compintr-glob .ys-cont1880::after {
    content: "";
    width: 10%;
    height: 100%;
    opacity: 0.4;
    background: linear-gradient(268deg, rgb(60 20 132) 48.1%, rgb(0 0 0 / 0%) 99.48%);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
}

.compintr-glob .ys-cont1880 {
    position: relative;
    border-radius: 0.4rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    padding: var(--space160) 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.compintr-company-top .home-unbox-top-type {
    margin-bottom: 8px;
}

.compintr-company-crybg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.compintr-company-crybg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.compintr-company-horse .ys-horse {
    margin-bottom: 0.5rem;
    --width1: 2.62rem;
    --gap1: 0.2rem;
}

.compintr-company-horse .ys-horse:last-child {
    margin-bottom: 0 !important;
}

.compintr-company-horse-li {
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(245, 247, 250, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    overflow: hidden;
    position: relative;
    padding: 0.2rem;
}

.compintr-company-horse-li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(274deg, rgba(255, 255, 255, 1) -3%, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0) 74%, rgba(255, 255, 255, 1) 107%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

.compintr-company-horse-li::after {
    content: "";
    width: 3.8rem;
    height: 1.90rem;
    border-radius: 327px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    opacity: 0.6;
    background: #00ED55;
    filter: blur(150px);
    -webkit-filter: blur(150px);
    -moz-filter: blur(150px);
    -o-filter: blur(150px);
    -ms-filter: blur(150px);
    position: absolute;
    bottom: -120%;
    right: -50%;
    z-index: -1;
}

.compintr-hist-year-li.point {
    color: #fff;
}

.compintr-hist-year-li.point::after {
    opacity: 1;
}

.innova-page .ys-nybanner .std-font72 {
    color: #fff;
    line-height: var(--line11);
    font-family: var(--semiBold);
    font-size: var(--font72);
    letter-spacing: 1.44px;
    background: linear-gradient(180deg, #FFF 60%, var(--Z-3, #E2DBFF) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.innova-top .std-font72 span {
    /* background-image: var(--bg1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    display: inline;
    background-size: 100%; */
    color: var(--colormain);
}

.innova-top .std-font72 {
    font-family: var(--semiBold);
    letter-spacing: 1.44px;
    color: #000;
    line-height: var(--line12);
    margin-bottom: 0.8rem;
}

.innova-top {
    padding-top: var(--space160);
    padding-bottom: var(--space160);
    position: relative;
}

.innova-top .ys-cont1600 {
    position: relative;
    z-index: 1;
}

.innova-top-bg {
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    position: absolute;
}

.innova-top-bg img {
    width: 100%;
}

.itil-info,
.itil-info p {
    color: var(--color2e0);
    letter-spacing: 0.4px;
    font-family: var(--light);
}

.itil-info {
    margin-bottom: 0.7rem;
}

.innova-top-info-le {
    width: 46.25%;
}

.itil-list-li-num {
    font-family: 'MAITIAN-ManSemiBold';
    font-size: var(--font52);
    line-height: var(--line12);
    color: var(--colormain);
    letter-spacing: 1.04px;
    margin-bottom: -6px;
}

.itil-list-li-text {
    color: #666;
    font-size: var(--font14);
    line-height: var(--line175);
}

.itil-list {
    --ge: 33.333333%;
    --gap1: 0.2rem;
    --gap2: 0.2rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.itil-list>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
    position: relative;
}

.itil-list-li::before {
    content: "";
    width: 1px;
    height: 0.7rem;
    background: #D4C7FF;
    position: absolute;
    top: 0;
    left: 0;
}

.itil-list-li-cry {
    padding-left: 4px;
}

.foxcloud-page .ys-nyban-title .mod-font80 {
    font-size: var(--font80);
    color: #fff;
    line-height: var(--line11);
    letter-spacing: 1.6px;
    text-align: center;
    margin-bottom: 0.2rem;
    font-family: 'MAITIAN-CaveatBold';
}

.foxcloud-page .ys-nyban-title p {
    font-size: var(--font44);
    font-family: var(--medium);
    line-height: var(--line13);
    text-align: center;
}

.foxcloud-page .ys-nyban-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.foxcloud-page .ys-nyban-title .std-btnx2 {
    margin-top: 0.6rem;
}

.foxcloud-page .ys-bread-list::before {
    content: "";
    width: 1px;
    height: 10px;
    border-radius: 4px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    opacity: 0.5;
    transition: all 0.36s ease-in-out;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.foxcloud-page .ys-bread {
    position: absolute;
    left: 50%;
    bottom: 16px;
    z-index: 1;
    transform: translate(-50%, 0%);
}

.foxcloud-page .ys-bread-list a {
    color: #FFF;
    font-size: var(--font14);
    line-height: var(--line175);
    transition: all 0.36s ease-in-out;
    opacity: 0.5;
}

.foxcloud-page .ys-bread {
    --gap1: 12px;
}

.foxcloud-page .ys-bread-list:last-child a {
    opacity: 1;
}

.fhtt-list-li .ys-imgbox-cover {
    width: 32px;
    margin-right: 0.12rem;
}

.fhtt-list-li .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}

.fhtt-list-li .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.fhtt-list-li-name {
    transition: all 0.36s ease-in-out;
    color: #666;
    font-size: var(--font16);
    line-height: var(--line16);
}

.fhtt-list-li {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.fhtt-list-li-box {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.12rem 0.32rem 0.1rem;
    cursor: pointer;
}

.fhtt-list-li-box::after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colormain);
    background-size: 100%;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: all 0.4s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.fhtt-list-li.point .fhtt-list-li-box::after {
    opacity: 1;
}

.foxcloud-home-top-tab {
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: #FFF;
    box-shadow: 0 4px 16px 0 rgba(51, 0, 93, 0.10);
    position: relative;
    padding: 4px;
}

.fhtt-list {
    display: flex;
    position: relative;
    z-index: 2;
}

.foxcloud-home {
    position: relative;
    padding: var(--space140) 0 var(--space230);
}

.foxcloud-home-top .std-font54 {
    color: #000;
    font-family: var(--semiBold);
    line-height: var(--line12);
    letter-spacing: 1.08px;
    text-align: center;
    margin-bottom: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.foxcloud-home-top .std-font54 span {
    background: linear-gradient(102deg, #984EFF 0.88%, #00ED55 99.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.foxcloud-home-top-cry,
.foxcloud-home-top-cry p {
    color: #666;
    font-size: var(--font18);
    line-height: var(--line16);
    text-align: center;
    letter-spacing: 0.36px;
}

.foxcloud-home-top-cry {
    margin-bottom: 0.4rem;
    max-width: 80.52%;
}

.foxcloud-home-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.4rem;
}

.foxcloud-home-bottom-cent {
    max-width: 20.52%;
    z-index: 2 !important;
}

.foxcloud-home-bottom {
    position: relative;
}

.foxcloud-home-bottom:not(:first-child) {
    display: none;
}

.foxcloud-home-bottom-botswiper {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.foxcloud-home .ys-cont1540 {
    position: relative;
}

.fhbt-li {
    /* transition: transform 0.36s ease-in-out; */
    opacity: 0;
}

.fhbt-li.swiper-slide-active {
    opacity: 0 !important;
    transform: unset !important;
}

.foxcloud-home-bottom-bg {
    position: absolute;
    left: 50%;
    bottom: -4%;
    z-index: 1;
    transform: translate(-50%, 0%);
    width: 51.43%;
}

.foxcloud-home-bottom-bg img {
    width: 100%;
}

.fhbb-prev img {
    transform: rotate(180deg);
}

.foxcloud-home-bottom-btn {
    width: 1.64rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 49.3%;
    bottom: -7%;
    z-index: 1;
    transform: translate(-50%, 0%);
}

.fhbb-btn .ys-imgbox-cover {
    width: 24px;
}

.fhbb-btn {
    width: 0.58rem;
    height: 0.58rem;
    transition: all 0.36s ease-in-out;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid var(--colormain);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fhbb-btn .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}

.fhbb-btn .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.foxcloud-home-bg-cent {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
}

.foxcloud-home-bg-top {
    position: absolute;
    top: -84%;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: -1;
}

.fsll-info-tit {
    color: #fff;
    font-family: var(--medium);
    letter-spacing: 1.08px;
    margin-bottom: 0.32rem;
}

.fsll-info-cry,
.fsll-info-cry p {
    color: #fff;
    letter-spacing: 0.36px;
}

.fsll-info-cry {
    margin-bottom: 0.6rem;
    max-width: 64.37%;
}

.fsll-info .ys-cont1600 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.83rem var(--space160);
    z-index: 2;
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out;
}

.fsll-info {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.fsll-info-bg {
    width: 100%;
    height: 110%;
    object-fit: cover;
    transform: scale(1.2);
}

.ys-hd-pc.hide {
    transform: translateY(-100%) !important;
}

.foxcloud-smart {
    position: relative;
}

.fsll-info-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.fsll-info-img::before {
    content: "";
    border-radius: 779px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    opacity: 0.6;
    background: #984EFF;
    filter: blur(200px);
    width: 4.6rem;
    height: 3.9rem;
    position: absolute;
    bottom: -10%;
    right: -10%;
    z-index: 1;
    pointer-events: none;
}

.foxcloud-smart-list-li {
    width: 100%;
}

.foxcloud-let {
    position: relative;
    padding-top: var(--space100);
}

.foxcloud-let-logo {
    width: 1.8rem;
}

.foxcloud-let-logo img {
    width: 100%;
}

.foxcloud-let-tit {
    text-align: center;
    color: #fff;
    font-family: var(--medium);
}

.foxcloud-let-topbox {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.foxcloud-let .ys-cont1400 {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: var(--space140);
    height: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.foxcloud-let .ys-cont1880 {
    border-radius: 40px;
}

.foxcloud-let-bg img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: sticky;
    top: 0;
    border-radius: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

.flll-le-tit {
    color: #fff;
    margin-bottom: 0.24rem;
    font-family: var(--medium);
}

.foxcloud-let-bg {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    clip-path: inset(var(--sizeX) var(--sizeY) round var(--round) var(--round) var(--round) var(--round));
}

.flll-le-cry,
.flll-le-cry p {
    opacity: 0.8;
    color: #fff;
    font-size: var(--font16);
    line-height: var(--line16);
}

.flll-le-cry {
    margin-bottom: 0.4rem;
}

.flll-box {
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    background: rgba(245, 247, 250, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    padding: 0.2rem;
    display: flex;
    align-items: flex-start;
}

.flll-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(332deg, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 68%, rgba(255, 255, 255, 1) 90%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

.flll-box img {
    width: 24px;
    margin-right: 0.2rem;
    margin-top: 5px;
}

.flll-ritext-tit {
    color: #fff;
    font-size: var(--font18);
    line-height: var(--line16);
    font-family: var(--medium);
    margin-bottom: 8px;

}

.flll-ritext-info,
.flll-ritext-info p {
    color: #fff;
    font-size: var(--line16);
    font-family: var(--light);
    font-size: var(--font14);
}

.flll-le {
    width: 55.88%;
    padding: 0.43rem 0.8rem 0.43rem 0;
}

.flll-ri {
    width: 44.12%;
}

.flll-ri img {
    width: 100%;
}

.flll-card {
    display: flex;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    padding: 0 0.4rem;
    align-items: center;
    overflow: hidden;
}

.flll-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(332deg, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 68%, rgba(255, 255, 255, 1) 90%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
    opacity: 0.6;
}

.foxcloud-let-list-li {
    margin-bottom: 0.5rem;
}

.foxcloud-let-list {
    opacity: 0;
}

.foxcloud-let-list-li:last-child {
    margin-bottom: 0;
    position: absolute;
}

.foxcloud-let {
    overflow: visible !important;
    position: relative;
    height: 100vh;
    padding: 0 20px;
    margin-top: 1rem;
}

.foxcloud-let .ys-cont1880 {
    height: 100%;
    position: relative;
}

.foxcloud-see .std-font54 {
    color: #000;
    font-family: var(--medium);
    letter-spacing: 1.08px;
    text-align: center;
    max-width: 38.88%;
    margin: auto;
    margin-bottom: 0.4rem;
}

.foxcloud-see .std-font54 span {
    background: linear-gradient(102deg, var(--colormain) 75.98%, var(--color2e5) 92.03%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.foxcloud-see-imgbox {
    position: relative;
    display: flex;
    justify-content: center;
}

.fsil-li-cry-info,
.fsil-li-cry-info p {
    color: var(--color2e0);
    font-size: var(--font18);
    font-family: var(--medium);
    line-height: var(--line16);
}

.fsil-li-cry-icon {
    width: 0.48rem;
    margin-bottom: 0.2rem;
}

.fsil-li-cry {
    width: 3.48rem;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(245, 247, 250, 0.40);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    overflow: hidden;
    position: relative;
    padding: 0.24rem;
}

.fsil-li-cry::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

.fsil-li.on .fsil-li-cry::before {
    right: 10px;
    left: auto;
}

.fsil-li-cry-bg {
    width: 2.54rem;
    height: 100%;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.fsil-li {
    position: absolute;
    transform: translateY(0.5rem);
    opacity: 0;
}

.foxcloud-see-bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

.foxcloud-see-bg img {
    width: 100%;
}

.ys-cont1520 {
    width: 85vw;
    max-width: 1520px;
    margin: auto;
    --place: calc(50vw - 760px);
    --cont: 1520px;
}

.foxcloud-dynamic .std-font54 {
    color: #000;
    letter-spacing: 1.08px;
    font-family: var(--medium);
    margin-bottom: 0.4rem;
    text-align: center;
}

.foxcloud-dynamic .std-font54 span {
    background: linear-gradient(102deg, #984EFF 0.88%, #00ED55 99.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.foxcloud-dynamic-info,
.foxcloud-dynamic-info p {
    color: #666;
    font-size: var(--font18);
    line-height: var(--line16);
    letter-spacing: 0.36px;
    text-align: center;
}

.foxcloud-dynamic-info {
    margin-bottom: 0.6rem;
}

.foxcloud-dynamic-bottom-list {
    --ge: 25%;
    --gap1: 0.73rem;
    --gap2: 0.2rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.foxcloud-dynamic-bottom-list>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.foxcloud-dynamic-bg {
    width: 100%;
    position: absolute;
    bottom: 34%;
    left: 0;
    z-index: -1;
    pointer-events: none;
    height: 100vh;
}

.fdbs-cry-top-num {
    color: var(--colormain);
    font-size: var(--font32);
    font-family: 'MAITIAN-ManSemiBold';
    letter-spacing: 0.64px;
    line-height: var(--line12);
}

.fdbs-cry-top img {
    width: 0.7rem;
}

.fdbs-cry-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.12rem;
}

.fdbs-cry-box {
    position: relative;
    width: 1.84rem;
    padding: 20px;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(245, 247, 250, 0.40);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
}

.fdbs-cry-box::before {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--colormain);
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    border-radius: 50%;
}

.foxcloud-dynamic-bottom {
    position: relative;
}

.fdbs-cry {
    position: absolute;
    top: 30% !important;
}

.fdbs-cry-text {
    color: #000;
    font-size: var(--font16);
    line-height: var(--line175);
}

.fdbt-li-box img {
    width: 0.48rem;
    margin-right: 0.32rem;
}

.fdbt-li-box-ri-tit {
    color: #2E0059;
    font-size: var(--font18);
    line-height: var(--line16);
    font-family: var(--medium);
    margin-bottom: 8px;
}

.fdbt-li-box-ri-text {
    color: #666;
    font-size: var(--font16);
    line-height: var(--line175);
}

.fdbt-li-box {
    padding: 0.24rem;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(245, 247, 250, 0.40);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px 0 rgba(51, 0, 93, 0.10);
    display: flex;
    height: 100%;
}

.foxcloud-dynamic-bottom-tips {
    --ge: 50%;
    --gap1: 0.12rem;
    --gap2: 0.2rem;
    margin: 0.34rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.foxcloud-dynamic-bottom-tips>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.foxcloud-green-cry .std-font54 {
    color: #fff;
    font-family: var(--medium);
    letter-spacing: 1.08px;
    margin-bottom: 0.32rem;
}

.foxcloud-green-cry-info,
.foxcloud-green-cry-info p {
    color: #fff;
    letter-spacing: 0.36px;
}

.foxcloud-green-cry-info {
    max-width: 8.24rem;
}

.foxcloud-green-cry {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.8rem var(--space140);
    opacity: 0;
    transform: translateY(0.5rem);
    z-index: 3;
}

.foxcloud-green .ys-cont1880 {
    position: relative;
}

.foxcloud-green-bg {
    width: 100%;
    position: relative;
    border-radius: 0.4rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

.foxcloud-green {
    position: relative;
    padding-bottom: 2.7rem;
}

.foxcloud-green-imgbox img {
    opacity: 0;
    transform: translateY(0.5rem);
}

.foxcloud-green-imgbox-img1 {
    width: 0.82rem;
    top: 20%;
    left: 10%;
}

.foxcloud-green-imgbox-img2 {
    width: 0.58rem;
    top: 30%;
    left: 50%;
}

.foxcloud-green-imgbox-img3 {
    width: 0.68rem;
    top: 25%;
    left: 80%;
}

.foxcloud-green-imgbox-img4 {
    width: 3.57rem;
    bottom: -1.7rem;
    right: 1.6rem;
}

.foxcloud-green-bg::before {
    content: "";
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, rgba(7, 5, 5, 0) 0%, rgba(6, 6, 16, 1) 100%);
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    opacity: var(--opac);
    z-index: 3;
}

.foxcloud-green-bg img {
    width: 100%;
}

.foxcloud-green-imgbox img {
    position: absolute;
    z-index: 3;
    opacity: 0;
}

.foxcloud-clarity-top-font {
    background: linear-gradient(102deg, var(--colormain) 47.48%, var(--color2e5) 62.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 8px;
    display: inline-block;
    text-align: center;
    font-size: var(--font58);
    line-height: var(--line12);
    letter-spacing: 1.16px;
    font-family: 'MAITIAN-CaveatBold';
    width: 100%;
    pointer-events: all;
}

.foxcloud-clarity-top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.foxcloud-clarity-top .std-font54 {
    text-align: center;
    color: #000;
    font-family: var(--medium);
    pointer-events: all;
}

.fcbc-box-img {
    width: 0.48rem;
    margin-bottom: 0.2rem;
}

.fcbc-info,
.fcbc-info p {
    color: var(--color2e0);
    font-size: var(--font16);
    line-height: var(--line16);
}

.foxcloud-clarity-bottom-cry {
    position: absolute;
    width: 4rem;
    bottom: 380px;
    right: 170px;
}

.fcbc-box {
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    padding: 0.24rem 0.32rem;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    position: relative;
    pointer-events: all;
}

.fcbc-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(332deg, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 68%, rgba(255, 255, 255, 1) 90%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
    opacity: 0.6;
}

.foxcloud-clarity-bottom {
    position: relative;
}

.fcbc-imgbg {
    width: 100%;
    /* opacity: 0; */
    height: 100%;
    object-fit: cover;
}

.foxcloud-clarity {
    position: relative;
}

.foxcloud-clarity-top {
    position: absolute;
    left: 50%;
    top: 5%;
    z-index: 1;
    transform: translate(-50%, 0%);
    width: 100%;
    pointer-events: all;
    /* opacity: 0; */
}

.foxcloud-clarity-bottom:not(:first-child) .foxcloud-clarity-top {
    opacity: 0;
}

.foxcloud-clarity-bottom:not(:first-child) .fcbc-imgbg {
    opacity: 0;
}

.foxcloud-clarity-bottom:not(:first-child) .foxcloud-clarity-bottom-cry .fcbc-box {
    opacity: 0;
    transform: translateY(0.5rem);
}

.foxcloud-dashboard {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 100vh !important;
}

.foxcloud-dashboard .std-btnx1 .std-btnx1-link-icon img {
    transform: rotate(0);
}

.foxcloud-clarity-bottom .std-btnx1 .std-btnx1-link-icon img {
    transform: rotate(0);
}

.foxcloud-dashboard .std-btnx1 {
    position: absolute;
    bottom: 0.8rem;
    z-index: 10;
    opacity: 0;
}

.foxcloud-clarity-bottom .std-btnx1 {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    z-index: 1;
    transform: translate(-50%, 0%);
}

.foxcloud-insightful {
    padding-top: var(--space120);
}

.foxcloud-clarity-bottom-cry {
    position: absolute;
    width: 4rem;
    bottom: 380px;
    right: 170px;
    /* opacity: 0; */
    /* transform: translateY(0.5rem); */
}

.foxcloud-dashboard-list {
    position: relative;
    width: 100%;
    height: 100%;
}

.foxcloud-clarity-bottom {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.foxcloud-clarity-bottom:not(:first-child) {
    position: absolute;
    top: 0;
}

.foxcloud-insightful .foxcloud-clarity-bottom-cry {
    position: absolute;
    width: 5rem;
    bottom: 380px;
    left: 170px;
}

.ys-nybanner {
    position: relative;
    /* height: 100vh; */
}

.ys-nyban-img,
.ys-nyban-img img {
    width: 100%;
    /* height: 100%; */
}

.ys-nyban-img img {
    /* object-fit: cover; */
}

.cwll-cry {
    animation: fadeInRight .8s ease-in-out both;
    height: 100%;
}

.compintr-what-list-li:nth-child(3) .cwll-cry {
    animation-delay: 0.2s;
}

.compintr-what-list-li:nth-child(2) .cwll-cry {
    animation-delay: 0.3s;
}

.compintr-what-list-li:nth-child(1) .cwll-cry {
    animation-delay: 0.4s;
}

.ys-nybanner .ys-nyban-img {
    animation: scaleimg 2s ease-in-out both;
}

.compintr-what-crybg .ys-imgbox-cover img:nth-child(2) {
    height: 120%;
    object-fit: cover;
    top: 0;
}

@keyframes scaleimg {
    0% {
        transform: scale(1.2);
    }

    to {
        transform: scale(1);
    }
}

.ys-ban-li.anim .ys-ban-pc {
    animation: scaleimg 2s ease-in-out both;
}

.innova-page .home-solutions-info-top {
    transform: unset;
    opacity: 1;
}

.innova-innovation .std-font44 {
    color: #000;
    font-family: var(--medium);
    letter-spacing: 0.88px;
    margin-bottom: 0.4rem;
}

.innova-innovation-intro,
.innova-innovation-intro p {
    color: #666;
    font-size: var(--font18);
    font-family: var(--light);
    line-height: var(--line16);
    letter-spacing: 0.36px;
}

.innova-innovation-le {
    width: 45.88%;
}

.innova-innovation {
    padding-top: var(--space160);
    padding-bottom: var(--space160);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.innova-innovation-bg {
    width: 100%;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}

.innova-innovation-bg img {
    width: 100%;
}

.innova-innovation .swiper-pagination {
    display: none;
}

.innova-innovation-ri #carousel .swiper-slide {
    background: transparent;
    box-shadow: none;
    transition: all 0.36s ease-in-out;
    opacity: 0;
}

.innova-innovation-ri {
    width: 58%;
}

.innova-innovation .ys-cont1600 {
    display: flex;
    justify-content: flex-start;
}

#carousel .swiper-slide {
    /* width: fit-content !important; */
}

.innova-innovation-ri #carousel .swiper {
    padding-top: 60px;
    padding-bottom: 60px;
}

.hdsn-link-img {
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.innova-innovation-ri .swiper-3d {
    perspective: 1250px;
    padding: 0.4rem 0;
}

.innova-innovation-ri #carousel {
    width: 100%;
}

.itir-video {
    position: relative;
    border-radius: 0.4rem;
    overflow: hidden;
    cursor: pointer;
    height: 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.innova-top-info-ri {
    width: 45%;
    position: absolute;
    top: 0;
    right: 0;
}

.innova-top-info {
    position: relative;
}

.innova-top-info .std-btnx1-link-icon {
    width: 0.42rem;
    height: 0.42rem;
    border: unset;
    border-radius: unset;
}

.innova-top-info .std-btnx1-link-icon img {
    width: 100%;
    transform: unset;
}

.innova-top-info .std-btnx1 {
    margin-top: 0.9rem;
    cursor: pointer;
}

.itir-video-bg {
    width: 100%;
}

.itir-video-icon {
    width: 0.48rem;
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    z-index: 2;
}

.itir-imgbox {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 45%;
    height: var(--defhei);
    border-radius: 0.4rem;
    overflow: hidden;
    opacity: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.pobl-suq {
    width: 0.2rem;
    position: absolute;
    left: 50%;
    bottom: -1em;
    transform: translate(-50%, 0%);
    opacity: 0;
}

.prosum-ourpro-bottom-line {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 3px;
    --grad-opacity-mid: 0.5;
    --grad-opacity-end: 1;
    border-radius: 4px;
    background: linear-gradient(0deg, rgba(134, 85, 255, var(--grad-opacity-mid)) -0.96%, rgba(37, 229, 119, var(--grad-opacity-end)) 100%);
}

.pobl-line {
    width: 3px;
    height: 100%;
    background: #E5E5E5;
    border-radius: 4px;
    position: absolute;
    left: calc(50% + 1px);
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.foxcloud-banner-list-li {
    position: absolute;
}

.foxcloud-banner-list-li img {
    width: 13vw;
}

.foxcloud-merge {
    position: relative;
    display: flex;
    justify-content: center;
}

.foxcloud-dynamic {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    width: 100%;
}

.foxcloud-see {
    position: absolute;
    width: 100%;
    height: 100vh;
    padding-top: var(--space140);
}

.foxcloud-merge.canpoint .foxcloud-dynamic {
    pointer-events: all;
}

.foxcloud-merge.canpoint .foxcloud-see {
    pointer-events: none;
}

.foxcloud-merge {
    height: 100vh;
    /* overflow: visible; */
}

.foxcloud-green {
    --opac: 0;
    --sizey: 100%;
    --round: 20px;
    padding: 0 20px 2rem !important;
    clip-path: inset(0 var(--sizey) round var(--round) var(--round) var(--round) var(--round));
}

.foxcloud-dynamic-bg img {
    width: 100%;
}

.foxcloud-green-imgbox-img1,
.foxcloud-green-imgbox-img2,
.foxcloud-green-imgbox-img3 {
    border-radius: 50%;
    box-shadow: 0 1px 18px 2px #CFFFEF inset, 0 1px 4px 2px #CFFFF0 inset, 0 42px 107px 0 rgba(0, 233, 132, 0.34), 0 24.721px 32.257px 0 rgba(0, 233, 132, 0.19), 0 10.268px 13.398px 0 rgba(0, 233, 132, 0.22), 0 3.714px 4.846px 0 rgba(0, 233, 132, 0.15), 0 0 0 4px #E6F9F2, 0 0 0 5px #FFF;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
}

.foxcloud-box {
    position: relative;
}

.innova-manufacturing .std-font44 {
    color: #000;
    font-family: var(--medium);
    letter-spacing: 0.88px;
}

.innova-manufacturing-bottom {
    border-radius: 0.4rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    margin-bottom: 0.23rem;
}

.innova-manufacturing-top {
    margin-bottom: 0.6rem;
}

.itir-imgbox {
    --opaci: 0;
}

.itir-imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.itir-imgbox::before {
    content: "";
    border-radius: 466px;
    opacity: var(--opaci);
    background: #984EFF;
    filter: blur(150px);
    width: 4.6rem;
    height: 3.9rem;
    position: absolute;
    bottom: -20%;
    right: -20%;
    z-index: 1;
    pointer-events: none;
}

.innova-manufacturing-list {
    --ge: 33.333333%;
    --gap1: 0.4rem;
    --gap2: 0.8rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.innova-manufacturing-list>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.innova-manufacturing-list-li .ys-imgbox-cover {
    border-radius: 0.4rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

/* .innova-manufacturing-list-li:nth-child(-n+3) {
    clip-path: inset(20% 0 0 0);
}
.innova-manufacturing-list-li:nth-last-child(-n+3) {
    clip-path: inset(0 0 20% 0);
} */
.innova-manufacturing {
    position: relative;
}

.innova-manufacturing-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.innova-manufacturing-bg img {
    width: 100%;
}

.innova-innovation-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.innova-innovation-bg img {
    width: 100%;
}

.innova-innovation .ys-cont1600 {
    position: absolute;
}

.innova-innovation::after {
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(106deg, #fff 42%, #984eff 140%, #FFF 91%, #ffffff 100%);
    filter: blur(200px);
    position: absolute;
    top: 0px;
    left: 0;
    pointer-events: none;
}

.innova-innovation-le {
    width: 42%;
    position: relative;
    /* left: 0%;
    top: 50%; */
    z-index: 2;
    /* transform: translate(0%,-50%); */
}

.innova-innovation-swip {
    padding: 0 20px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.innova-innovation-ri {
    position: relative;
    z-index: 0;
}

.innova-imglist {
    position: relative;
}

.innova-manufacturing-bottom img {
    width: 100%;
}

.innova-manufacturing-list-li {
    opacity: 0;
}

.innova-manufacturing-list-li:nth-child(1) {
    transform: translate(5.6rem, 3.7rem);
}

.innova-manufacturing-list-li:nth-child(2) {
    transform: translate(0, 3.7rem);
}

.innova-manufacturing-list-li:nth-child(3) {
    transform: translate(-5.6rem, 3.7rem);
}

.innova-manufacturing-list-li:nth-child(4) {
    transform: translate(5.6rem, 0);
}

.innova-manufacturing-list-li:nth-child(6) {
    transform: translate(-5.6rem, 0);
}

.innova-manufacturing-list-li:nth-child(7) {
    transform: translate(5.6rem, -3.7rem);
}

.innova-manufacturing-list-li:nth-child(8) {
    transform: translate(0, -3.7rem);
}

.innova-manufacturing-list-li:nth-child(9) {
    transform: translate(-5.6rem, -3.7rem);
}

.foxcloud-smart-list {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.foxcloud-smart {
    position: relative;
    overflow: visible;
}

.foxcloud-smart-list-li {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%);
    z-index: 1;
}

.foxcloud-smart-list-li:first-child {
    transform: unset;
}

.foxcloud-smart-wrap-li {
    height: 180vh;
    pointer-events: none;
}

.foxcloud-smart-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.fsll-info .ys-cont1600.act {
    transform: translateY(0%);
    opacity: 1;
}

.fspl-li {
    width: 2px;
    height: 0.8rem;
    background: rgba(255, 255, 255, 0.50);
    margin-bottom: 0.18rem;
    position: relative;
    border-radius: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    cursor: pointer;
}

.fspl-li::before {
    content: "";
    width: 100%;
    height: 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    z-index: 2;
}

.fspl-li:last-child {
    margin-bottom: 0 !important;
}

.foxcloud-smart-point {
    position: fixed;
    top: 50%;
    right: 0.5rem;
    opacity: 0;
    transition: all 0.36s ease-in-out;
}

.fspl-li.act::before {
    height: 100%;
}

.foxcloud-smart-list-li::before {
    content: unset !important;
}

.foxcloud-smart.istop .foxcloud-smart-point {
    opacity: 1;
}

.foxcloud-lead {
    height: 250vh;
    padding: 0 20px;
    position: relative;
    overflow: visible !important;
}

.foxcloud-lead-cent {
    height: 100vh;
    margin: 1.5rem 0 0;
    position: sticky;
    top: 0;
    clip-path: inset(var(--sizeX) var(--sizeY) round var(--round) var(--round) var(--round) var(--round));
}

.foxcloud-lead-cent-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-bottom: 0 !important;
}

.foxcloud-lead-cent-list {
    position: relative;
    perspective: 1200px;
    transform-style: preserve-3d;
    opacity: 0;
}

.flcl-li:not(:first-child) {
    position: absolute;
    width: 100%;
    top: 0;
}

.foxcloud-lead-cent-null {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.flcn-lis {
    height: 20vh;
    pointer-events: none;
}

.flcn-lis:last-child {
    height: 50vh;
    pointer-events: none;
}

.foxcloud-lead-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.foxcloud-lead-img img {
    width: 100%;
    height: 100%;
    border-radius: 0.4rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

.foxcloud-lead-cent .ys-cont1400 {
    padding: var(--space200) 0;
}

.flll-bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: -1;
    height: 100%;
    object-fit: cover;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

.foxcloud-page .prosum-system {
    margin: 1rem 0.6rem 0.8rem;
    padding: 0;
}

.foxcloud-page .prosum-system-le-top {
    margin-bottom: 2rem;
}

.foxcloud-page .prosum-system .ys-cont1600 {
    position: relative;
    z-index: 2;
    padding: var(--space160) 0 0.8rem;
}

.foxcloud-page .prosum-system {
    border-radius: 0.4rem;
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.compintr-what {
    margin: 0 20px;
    position: relative;
}

.compintr-what-crybottom {
    position: absolute;
    top: 0;
    left: 0;
}

.compintr-what-crybg {
    width: 100%;
    border-radius: 0.4rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

.compintr-what-top {
    padding: var(--space160) 0;
    z-index: 2;
    position: absolute;
    top: 0;
}

.compintr-what-top .home-solutions-info-our {
    color: #fff;
}

.innova-imglist {
    padding-bottom: 63px;
}

.ys-ban-li.active .ys-ban-title {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}

.ys-ban-li.active .ys-ban-textinfo {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}

.ys-ban-li.active .std-btnx1-link {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}

.ys-ban-imgbox img {
    transform: scale(1.05);
    transition: transform 4.4s linear;
    transform-origin: left;
    object-fit: fill;
}

/* .ys-ban-li.slick-active .ys-ban-imgbox img{
    transform: scale(1);
} */
.ys-ban-li.active .ys-ban-imgbox img {
    transform: scale(1);
}

.foxcloud-page .ys-pos-center {
    top: 61%;
}

.foxcloud-dashboard-list {
    pointer-events: none;
}

.foxcloud-page .prosum-system-ri {
    right: -5%;
}

.home-solutions-bg-ph {
    display: none;
}

.compintr-what-crybg-ph {
    display: none;
}

.hcbl-logo-ph,
.fsll-info-phbg,
.fcbc-imgbg-ph,
.compintr-company-crybg-ph,
.foxcloud-green-bg-ph,
.fsll-info-bg-ph {
    display: none;
}

.foxcloud-see-imgbox-img {
    width: 23.44%;
}

.fsll-info-phbg {
    width: 100%;
    height: 110%;
    object-fit: cover;
    transform: scale(1.2);
}

.flcl-li.ys-slick-item:not(:first-child) {
    display: block;
}

.prosum-system-bgimg {
    width: 100wv;
    position: absolute;
    bottom: -50%;
    left: 0;
    z-index: -1;
}

/* Yori辅助 - start - 10.23 */
/* b1 */
.std-text14,
.std-text14 p {
    font-size: var(--font14);
    color: var(--color333);
    line-height: var(--line18);
}

:root {
    --line18: 1.8;
}

.banner-title .std-font72 {
    font-family: var(--semiBold);
    font-size: var(--font72);
    /* text-transform: uppercase; */
    background: linear-gradient(180deg, #FFF 60%, var(--Z-3, #E2DBFF) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.inver-main .banner-title .std-font72 {
    margin-bottom: 0.2rem;
}

.banner-title>.std-text18,
.banner-title>.std-text18 p {
    font-family: var(--medium);
    color: var(--colorfff);
}

.inver-main .banner-title>.std-text18 {
    width: 42%;
    margin-bottom: var(--space60);
}

.std-video .std-btnx1-link {
    height: 60px;
    position: relative;
    /* overflow: visible; */
}

.std-video .std-btnx1-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid #FFF;
    background: rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    z-index: -1;
}

.std-video-border {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-mask: linear-gradient(var(--colormain) 0 0) content-box, linear-gradient(var(--colormain) 0 0);
    mask: linear-gradient(var(--colormain) 0 0) content-box, linear-gradient(var(--colormain) 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    inset: 0;
    padding: 2px;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    backdrop-filter: blur(117.94999694824219px);
    -webkit-backdrop-filter: blur(117.94999694824219px);
    -moz-backdrop-filter: blur(117.94999694824219px);
    -o-backdrop-filter: blur(117.94999694824219px);
    -ms-backdrop-filter: blur(117.94999694824219px);
}

.std-video {
    cursor: pointer;
}

.std-video-border span {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 2px;
    /* 边框宽度 */
    background: linear-gradient(90deg,
            #ffffff80 10%,
            #ffffff00 16%,
            #ffffff00 84%,
            #ffffff90 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

.std-video .std-btnx1-link-icon {
    width: 0.48rem;
    border-radius: 0;
    height: auto;
    border: none;
}

.std-video .std-btnx1-link-icon img {
    width: 100%;
}

.inver-more-right .home-solutions-info-our {
    text-transform: uppercase;
}

.inside-banner-case-tit1 {
    color: var(--colorfff);
    margin-bottom: 0.04rem;
    padding-left: 0.14rem;
    font-family: var(--medium);
    position: relative;
}

.inside-banner-case-tit1::after {
    content: '';
    top: 44%;
    transform: translateY(-50%);
    left: 0;
    border-radius: 100px;
    position: absolute;
    height: 62%;
    width: 4px;
    background-color: var(--colorfff);
}

.inside-banner-case-tit2 {
    color: var(--colorfff);
    font-family: var(--medium);
    margin-bottom: 0.02rem;
}

.inside-banner-case-txt,
.inside-banner-case-txt p {
    color: var(--colorfff);
    font-family: var(--medium);
}

.inside-banner-case-txt {
    margin-bottom: 0.3rem;
    width: 46%;
}

.ibci-nub-box-icon {
    width: 0.32rem;
    margin-bottom: 0.2rem;
}

.ibci-nub-box-txt {
    color: var(--colorfff);
    font-family: var(--medium);
    line-height: var(--line15);
}

.ibci-nub-box::after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    height: calc(100% - 1px);
    width: calc(100% - 1px);
    z-index: -1;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(119deg, #ffffff90 -13%, #ffffff00 50%, #ffffff80 137%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.ibci-nub-box {
    padding: 0.16rem 0.2rem;
    position: relative;
    border-radius: 10px;
    height: 100%;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
}

.ibci-nub {
    padding: 0 0.1rem;
    width: 33.333%;
}

.inside-banner-case-inof {
    margin: 0 -0.1rem var(--space70);
}

.inside-banner-case-inof {
    display: flex;
    flex-wrap: wrap;
    width: 41%;
}

.ibcb-video img {
    width: 0.4rem;
}

.ibcb-video {
    cursor: pointer;
    margin-left: 0.3rem;
    --vidbtn: 0.52rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--vidbtn);
    height: var(--vidbtn);
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 0.4px solid rgba(255, 255, 255, 0.50);
    border: 0.4px solid color(display-p3 1 1 1 / 0.50);
    background: rgba(255, 255, 255, 0.10);
    background: color(display-p3 1 1 1 / 0.10);
}

.inside-banner-case-bottom {
    display: flex;
    align-items: center;
}

.inside-banner-case {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    /* pointer-events: none; */
    transition: all .4s ease;
}

.inside-main .ys-cont1600 .ys-bread {
    position: absolute;
    bottom: 16px;
}

.ys-bread .ys-bread-list a {
    color: rgba(255, 255, 255, .5);
}

.ys-bread-list::before {
    content: '';
    width: 0.5px;
    height: 40%;
    background-color: rgba(255, 255, 255, .6);
}

.ys-bread li:nth-last-child(1) a {
    color: var(--colorfff);
}

.ipin-left {
    width: 38%;
}

.inver-product-inof-nub {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: var(--space160);
    justify-content: space-between;
}

.itin-tit {
    color: #9d9d9d;
    margin-bottom: 0.06rem;
}

.itin-txt,
.itin-txt p {
    color: var(--color2e0);
    font-family: var(--medium);
}

.ipbr-top {
    padding: 0.4rem 0.5rem 0.24rem;
    position: relative;
    width: 100%;
    margin-bottom: 0.2rem;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(245, 247, 250, 0.40);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
}

.ipbr-bottom-left-bg {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(245, 247, 250, 0.40);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
}

.sebl-inof-case {
    position: absolute;
    left: -1px;
    top: -1px;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    width: calc(100% + 1px);
    background: rgba(245, 247, 250, 0.40);
    height: calc(100% + 1px);
    z-index: -1;
}

/* 
.sebl-inof-case::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
} */
.sebl-inof-case::after {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(140deg, #ffffff35 14%, #ffffff00 50%, #ffffff35 102%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.ipbr-top-bg img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    pointer-events: none;
}

.ipbr-top-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.ipbr-bottom-left-wrapper {
    width: 100%;
    height: 100%;
}

.ipbr-top-inof {
    display: flex;
    margin: 0 -0.75rem 0.8rem;
}

.ipbr-top-inof-nub {
    width: 60%;
    padding: 0 0.75rem;
}

.ipin-right {
    width: 56%;
}

.ipbr-top-txt {
    color: var(--color666);
    line-height: var(--line18);
}

.ipbr-top-txt span {
    color: var(--colormain);
    font-family: var(--medium);
    font-size: var(--font24);
    line-height: var(--line18);
}

.iblw-nub-icon {
    width: 0.48rem;
    margin-bottom: 0.1rem;
}

.iblw-nub-tit {
    color: var(--color2e0);
    margin-bottom: 0.08rem;
    font-family: var(--medium);
    transition: all .4s ease;
}

.iblw-nub-txt,
.iblw-nub-txt p {
    color: #9d9d9d;
    transition: all .4s ease;
}

.swiper-slide.iblw-nub {
    width: 100% !important;
}

.iblw-nub {
    padding: 0.29rem 0.32rem;
    position: relative;
    height: 100%;
    width: 100%;
}

.ipbr-bottom-left {
    width: 58.5%;
    position: relative;
    overflow: hidden;
}

.ipbr-bottom-right {
    width: 39%;
    z-index: 1;
    position: relative;
    padding: 0.32rem 0.32rem 0.24rem;
}

.ipbr-bottom {
    display: flex;
    justify-content: space-between;
}

.ipbr-bottom-right-bg img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.ipbr-bottom-right-bg {
    position: absolute;
    z-index: -3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ipbr-bottom-right .std-btnx4 {
    display: flex;
    justify-content: end;
}

.ipbr-bottom-right .std-btnx4-link {
    border: 1px solid var(--colorfff);
    transition: all .4s ease;
}

.ipbr-bottom-right-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.ibrl-tit {
    color: var(--colorfff);
    font-family: var(--medium);
    line-height: var(--line12);
}

.inver-more-pic {
    width: 53%;
    border-radius: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    overflow: hidden;
}

/* .inver-more-pic::after{
    content: '';
    position: absolute;
    left: 0;top: 0;width: 100%;height: 100%;
    background: var(--colormain);
    opacity: .1;
} */
.inver-more-right {
    width: 51%;
    position: relative;
    padding: 0.5rem var(--space80);
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0.5rem;
    border-radius: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.90);
    background: color(display-p3 1 1 1 / 0.90);
    box-shadow: 0 -0.386px 21.445px 0 rgba(36, 35, 37, 0.04), 0 -0.25px 13.899px 0 rgba(36, 35, 37, 0.04), 0 -0.158px 8.749px 0 rgba(36, 35, 37, 0.03), 0 -0.091px 5.027px 0 rgba(36, 35, 37, 0.02), 0 -0.04px 2.212px 0 rgba(36, 35, 37, 0.02);
    box-shadow: 0 -0.386px 21.445px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.04), 0 -0.25px 13.899px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.04), 0 -0.158px 8.749px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.03), 0 -0.091px 5.027px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.02), 0 -0.04px 2.212px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.02);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
}

.inver-more-right .ipbr-top-bg img {
    border-radius: 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.inver-more-right-txt {
    color: #000;
    line-height: var(--line11);
    font-family: var(--medium);
    margin-bottom: 0.32rem;
}

.imri-nub-icon {
    flex: none;
    width: 0.32rem;
    margin: 0 auto 0.04rem;
}

.imri-nub-tit {
    font-family: var(--light);
    color: var(--color2e0);
    text-align: center;
}

.inver-more-right-inof {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.38rem;
}

.imri-blank {
    flex-grow: 1;
    position: relative;
}

.imri-blank::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 30%;
    background: var(--colore0d);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.inver-more-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.inver-more .ys-cont1600 {
    position: relative;
}

.inver-more {
    position: relative;
}

.ipbr-bottom-left-csae {
    position: relative;
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0.2rem 0.24rem;
}

.iblc-pagination.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: relative;
    bottom: 0;
    height: 2px;
    width: 40px;
    left: 0;
}

.iblc-box-num {
    color: var(--colormain);
    line-height: var(--line16);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.iblc-box-left {
    right: calc(100% + 4px);
}

.iblc-box-right {
    left: calc(100% + 4px);
}

.ys-bread {
    --gap1: 13px;
}

.inver-product {
    padding-top: var(--space160);
    padding-bottom: var(--space160);
}

.inver-product-inof {
    padding-left: 0.6rem;
    padding-right: 0.7rem;
    margin-bottom: calc(var(--space160)* -1);
}

.inver-product-txt {
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
    font-size: 180px;
    line-height: var(--line12);
    font-family: var(--medium);
    position: absolute;
    top: 30%;
    width: 100%;
    z-index: -9;
    transform: translateX(-50%);
    color: transparent;
    overflow: visible;
}

.inver-product-txt span:not(:first-child) {
    position: absolute;
}

.inver-product-txt span {
    padding: 0 0.3em;
    left: 0;
    top: 0;
    opacity: .1;
    line-height: var(--line13);
    position: relative;
    display: block;
    background-image: url('../images/b2_bg05.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    background-clip: text;
}

.inver-product-txt span:first-child {
    animation: horse1 10s linear infinite;
}

.inver-product-txt span:nth-of-type(2) {
    transform: translateX(100%);
    animation: horse2 10s linear infinite;
}

.inver-product-txt span:nth-of-type(3) {
    transform: translateX(200%);
    animation: horse3 10s linear infinite;
}

@keyframes horse1 {
    0% {
        transform: translateX(0);
    }

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

@keyframes horse2 {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes horse3 {
    0% {
        transform: translateX(200%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* b3 */
.series-effi-box-left {
    width: 49%;
}

.sebl-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.12rem -0.24rem;
    width: 100%;
}

.sebl-inof .iblw-nub {
    width: 50%;
    padding: 0 0.12rem;
    margin-bottom: 0.24rem;
}

.sebl-inof-box {
    padding: 0.24rem;
    width: 100%;
    position: relative;
    height: 100%;
}

.sebl-inof-box .iblw-nub-icon {
    margin-bottom: 0.32rem;
}

.series-effi-box-right {
    position: relative;
    height: 100%;
    width: 17%;
    padding: 0.24rem 0.16rem 0.16rem 0.24rem;
}

.series-effi-box-right::after {
    content: '';
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.series-effi-box {
    display: flex;
    padding: 0 0.4rem;
    justify-content: space-between;
    align-items: end;
}

.series-effi-box-right .std-btnx4 {
    display: flex;
    justify-content: end;
}

.series-effi-box-right .ibrl-tit {
    margin-bottom: 0.36rem;
}

.series-title-top .std-text18 {
    margin-top: 1px;
    color: var(--colorfff);
    font-family: var(--medium);
}

.series-title-top {
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0.04rem 0.12rem;
    display: inline-flex;
    position: relative;
    margin-bottom: 0.1rem;
}

.series-title-top img {
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.series-main .ys-nyban-title .std-font44 {
    color: var(--colorfff);
    font-family: var(--medium);
    font-size: var(--font44);
    line-height: var(--line12);
    margin-bottom: 0.32rem;
}

.series-title-txt,
.series-title-txt p {
    color: var(--colorfff);
}

.series-title-txt {
    width: 40%;
    margin-bottom: var(--space110);
}

.series-inof-nub {
    width: 50%;
    padding: 0 0.08rem;
}

.series-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.08rem;
    width: 49.5%;
}

.sinb-tit {
    color: var(--colorfff);
    width: 50%;
    margin-right: 0.4rem;
}

.series-inof-nub-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1px;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: linear-gradient(140deg, #ffffff95 14%, #ffffff00 50%, #ffffff95 102%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

.series-inof-nub-box {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.10);
    background: color(display-p3 1 1 1 / 0.10);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    display: flex;
    padding: 0.2rem;
    height: 100%;
    justify-content: center;
    align-items: flex-end;
}

.sinb-case-num {
    color: var(--colorfff);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sinb-case img {
    width: 1.14rem;
}

.sinb-case {
    position: relative;
}

.sebl-tit {
    font-family: var(--medium);
    line-height: var(--line13);
    margin-bottom: var(--space80);
    color: #000;
}

.series-resour-tit {
    font-family: var(--medium);
    color: #000;
    margin-bottom: 0.5rem;
}

.series-resour-bottom-left {
    width: 40%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

.snbt-icon {
    width: 0.32rem;
}

.srbi-nub-box-top {
    margin-bottom: 0.3rem;
    width: 100%;
}

.srbi-nub-box-top>img {
    width: 0.44rem;
    margin-top: -10px;
    margin-right: -10px;
}

.srbi-nub-box {
    display: flex;
    height: 100%;
    position: relative;
    padding: 0.2rem;
    transition: all .4s ease;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid #E5E5E5;
    background: #FFF;
}

.series-resour-bottom-case {
    width: 60%;
    display: flex;
    padding: 0.4rem 0.8rem;
}

.series-resour-bottom-inof {
    margin: 0 -0.1rem -0.2rem;
    display: flex;
    height: 100%;
    flex-wrap: wrap;
}

.series-resour-bottom {
    display: flex;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
}

.srbi-nub {
    width: 33.333%;
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
}

.srbi-nub-box-tit {
    transition: all .4s ease;
    color: #000;
}

.srbi-nub-box .ipbr-top-bg img {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.srbi-nub-box.snbt-icon img:nth-child(1) {
    opacity: 0;
}

.srbi-nub-box.snbt-icon img:nth-child(2) {
    opacity: 1;
}

.srbi-nub-box-top {
    display: flex;
    justify-content: space-between;
}

.series-resour-bottom-bg img {
    width: 100%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    height: 100%;
    object-fit: cover;
}

.series-resour-bottom-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -9;
}

.series-resour {
    padding-bottom: var(--space160);
}

.series-pro-tit {
    color: #000;
    font-family: var(--medium);
    line-height: var(--line12);
    text-align: center;
    margin-bottom: var(--space80);
}

.spli-nub-pic {
    width: 100%;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    margin-bottom: 0.24rem;
}

.spli-nub-tit {
    color: var(--color2e0);
    font-family: var(--medium);
    text-align: center;
    margin-bottom: 0.5rem;
}

.snin-box-tit {
    color: var(--color666);
    padding-left: 0.12rem;
}

.snin-box-icon {
    width: 0.32rem;
    flex: none;
    margin-top: -2px;
}

.snin-box {
    display: flex;
    align-items: start;
}

.spli-nub-inof-nub {
    width: 33.333%;
    padding: 0 0.2rem;
    margin-bottom: 0.2rem;
}

.spli-nub-inof {
    margin: 0 -0.2rem 0.3rem;
    display: flex;
    flex-wrap: wrap;
    transition: all .4s ease;
}

.spli-nub .std-btnx1 {
    display: flex;
    transition: all .4s ease;
    justify-content: center;
}

.series-pro {
    padding-bottom: var(--space160);
}

.splc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30%;
    transform: translateY(-50%);
    --swibtn: 0.86rem;
    width: var(--swibtn);
    height: var(--swibtn);
    border-radius: 50%;
    /* border: 1px dashed var(--colorb69); */
    position: absolute;
    cursor: pointer;
}

.splc-le {
    left: -0.4rem;
}

.splc-ri {
    right: -0.4rem;
}

.splc-ri img {
    transform: rotate(180deg);
}

.splc-btn img {
    width: 100%;
}

.series-pro-list-inof {
    width: 100%;
}

.series-pro-list {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: 6.76rem;
    overflow: visible !important;
    position: relative;
    justify-content: center;
}

.series-pro-list-inof {
    /* width: auto; */
    margin: 0 -0.95rem;
    /* display: flex; */
}

.series-pro-list .slick-list {
    overflow: visible;
}

.series-pro-list.on .series-pro-list-inof {
    width: auto;
    display: flex;
}

.series-pro-list.on {
    width: auto;
    padding-left: calc(var(--place) - 1px - 1rem);
    margin-right: calc(var(--place)* -1 + 1px);
    padding-right: calc(var(--place) - 1px - 1rem);
    margin-left: calc(var(--place)* -1 + 1px);
}

.spli-nub.slick-slide .spli-nub-inof {
    opacity: 0;
}

.spli-nub.slick-slide .std-btnx1 {
    opacity: 0;
}

.spli-nub.slick-current.slick-active .spli-nub-inof {
    opacity: 1;
}

.spli-nub.slick-current.slick-active .std-btnx1 {
    opacity: 1;
}

.ys-nybanner-case {
    position: sticky;
    height: 100vh;
    top: 0;
}

.inver-main .ys-nybanner {
    overflow: visible;
    /* height: 200vh; */
}

.inver-main .ys-nybanner .ys-nyban-img {
    height: 100%;
    clip-path: inset(0 0 0 0 round 0px);
    transition: all .4s ease;
}

.inver-main .ys-nybanner .ys-nyban-img img {
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.inver-main .ys-nyban-title {
    opacity: 1;
    transition: all .4s ease;
}

.series-effi-bg {
    pointer-events: none;
    clip-path: inset(9.5% 19% 35% 52.5% round 20px);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
}

.series-effi-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.series-effi {
    position: relative;
    overflow: visible;
}

.touch-submit {
    --heitrans: 12.5%;
    margin-top: calc(var(--heitrans) * -1);
    overflow: visible;
    padding-bottom: var(--space100);
}

.touch-submit::after {
    content: '';
    position: absolute;
    left: 0;
    top: calc(-1 * var(--heitrans));
    height: 100%;
    width: 100%;
    z-index: -1;
    background: linear-gradient(to top, #fff 70%, rgba(134, 85, 255, .2) 116%);
}

.series-effi::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -12;
    background: linear-gradient(to top, #fff 87%, rgba(134, 85, 255, .2) 116%);
}

/* e2 */
.explore-main .ys-nyban-title .std-font72 {
    font-size: var(--font72);
    line-height: var(--line11);
    font-family: var(--semiBold);
    width: 50%;
    color: transparent;
    background:
        linear-gradient(180deg, color(display-p3 1.000 1.000 1.000) 60%, color(display-p3 0.878 0.859 0.992) 100%);
    background-clip: text;
    -webkit-background-clip: text;
}

.explore-booth {
    padding-top: var(--space120);
    padding-bottom: var(--space80);
}

.explore-booth-left {
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 56%;
    position: absolute;
    left: 0;
    top: 0;
}

.explore-booth-right-date {
    color: var(--colormain);
    margin-bottom: 0.1rem;
    line-height: var(--line16);
}

.explore-booth-right-tit {
    color: #000;
    transition: all .4s ease;
    font-family: var(--medium);
    margin-bottom: 0.24rem;
}

.explore-booth-right-txt {
    max-height: 3.2em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: var(--space60);
}

.explore-booth-right-txt,
.explore-booth-right-txt p {
    color: var(--color666);
}

.explore-booth-right {
    margin-top: 1.9rem;
    width: 51%;
    position: relative;
    background: linear-gradient(to top left,
            rgba(134, 85, 255, 0.2) 0%,
            rgba(245, 247, 250, .8) 25%);
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    padding: 0.4rem 1.16rem 0.4rem 0.6rem;
}

.explore-booth-right-bg img {
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.explore-booth-right-bg {
    width: 100%;
    z-index: -2;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.explore-list {
    padding-bottom: var(--space160);
}

.explore-list-case {
    padding-top: var(--space80);
    border-top: 1px solid var(--colorefe);
}

.explore-list-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.22rem -0.8rem;
}

.explore-list-inof-nub {
    width: 33.333%;
    padding: 0 0.22rem;
    margin-bottom: 0.8rem;
}

.elin-box-pic {
    width: 100%;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-bottom: 0.28rem;
}

.elin-box-date {
    color: var(--colormain);
    line-height: var(--line16);
    margin-bottom: 0.08rem;
}

.elin-box-tit {
    font-family: var(--medium);
    line-height: var(--line15);
    color: #000;
    transition: all .4s ease;
    margin-bottom: unset !important;
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ys-pcfy {
    padding-top: var(--space100);
}

.pc-fenye {
    --page_bg: var(--colormain);
}

.pc-fenye li {
    float: left;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    color: var(--color666);
    margin: 0 8px;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.end li::before,
.first li::before,
.next li::before,
.prev li::before {
    font-size: var(--font12);
}

/* e3 */
.close-main .ys-cont1600 .ys-bread {
    position: relative;
    bottom: auto;
    top: 0.2rem;
}

.close-main .ys-bread .ys-bread-list a {
    color: rgba(102, 102, 102, .5);
}

.close-main .ys-bread li:nth-last-child(1) a {
    color: var(--color666);
}

.close-main .ys-bread-list::before {
    background-color: rgba(102, 102, 102, .5);
}

.close-explore .ys-cont1600:first-of-type {
    /* padding-left: 3rem; */
    /* padding-right: 3rem; */
    max-width: 1000px;
}

.close-explore {
    overflow: visible;
}

.close-explore .ys-cont1000 {
    padding-top: var(--space90);
}

.close-explore-tit {
    font-family: var(--medium);
    color: #000;
    margin-bottom: 0.2rem;
}

.close-explore-date {
    color: var(--colormain);
    line-height: var(--line16);
    padding-bottom: 0.35rem;
    margin-bottom: 0.28rem;
    border-bottom: 1px solid var(--colore0d);
}

.close-explore-editor.yxedr-active p {
    line-height: var(--line16);
    color: var(--color666);
}

.close-explore-editor.yxedr-active p img {
    width: 100%;
}

.close-explore-editor.yxedr-active h5 {
    font-family: var(--medium);
    line-height: var(--line15);
    margin-bottom: 0.24rem;
    color: #000;
}

.close-explore-editor.yxedr-active h6 {
    color: var(--colormain);
    font-size: var(--font18);
    line-height: var(--line16);
    margin-bottom: 0.16rem;
}

.close-explore-editor.yxedr-active ul {
    padding-inline-start: 24px;
}

.close-explore-editor.yxedr-active ul li {
    position: relative;
    list-style-type: disc;
}

.close-explore-editor.yxedr-active ul li::marker {
    color: var(--colormain);
}

.close-explore-editor.yxedr-active ul li p span {
    color: var(--colormain);
}

.close-post-top .std-font44 {
    color: #000;
    font-family: var(--medium);
    width: 50%;
}

.cptc-btn {
    --slickbtn: 0.58rem;
    width: var(--slickbtn);
    height: var(--slickbtn);
    border-radius: 50%;
    border: 1px solid var(--colormain);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .4s ease;
    cursor: pointer;
}

.cptc-le img {
    transform: rotate(180deg);
}

.cptc-ri {
    margin-left: 0.24rem;
}

.cptc-btn img {
    width: 0.24rem;
}

.close-post-top-case {
    display: flex;
    justify-content: end;
}

.close-post-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--space60);
}

.close-post {
    padding-bottom: var(--space160);
    padding-top: var(--space160);
    position: relative;
}

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

.close-post-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.close-explore-fix {
    padding: 0.14rem 0.6rem 0.14rem 0;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.90);
    background: color(display-p3 1 1 1 / 0.90);
    box-shadow: 0 -0.386px 21.445px 0 rgba(36, 35, 37, 0.04), 0 -0.25px 13.899px 0 rgba(36, 35, 37, 0.04), 0 -0.158px 8.749px 0 rgba(36, 35, 37, 0.03), 0 -0.091px 5.027px 0 rgba(36, 35, 37, 0.02), 0 -0.04px 2.212px 0 rgba(36, 35, 37, 0.02);
    box-shadow: 0 -0.386px 21.445px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.04), 0 -0.25px 13.899px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.04), 0 -0.158px 8.749px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.03), 0 -0.091px 5.027px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.02), 0 -0.04px 2.212px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.02);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    /* margin-top: 0.8rem; */
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cefl-case-return {
    color: var(--color666);
    padding: 0.11rem 0.4rem;
    /* border-right: 1px solid var(--colore0d); */
    margin-right: var(--space60);
    transition: all .4s ease;
    position: relative;
}

.cefl-case-return::before {
    content: "";
    width: 1px;
    height: 0.52rem;
    background: var(--colore0d);
    position: absolute;
    right: 0%;
    top: 50%;
    z-index: 1;
    transform: translate(0%, -50%);
}

.cefl-box-tit {
    color: var(--color666);
    padding-right: 0.16rem;
}

.close-explore-fix-left {
    display: flex;
    align-items: center;
}

.cefl-box {
    display: flex;
    align-items: center;
}

.cefr-tit {
    color: var(--color666);
    padding-right: 0.32rem;
}

.close-explore-fix-right {
    display: flex;
    align-items: center;
}

.close-explore-fix-right .ys-share-img {
    width: 0.32rem;
}

.close-explore-fix-right .ys-share-img img {
    width: 100%;
    border-radius: 50%;
    box-shadow:
        -1px 5px 10px rgba(0, 0, 0, 0.1),
        -2px 7px 12px rgba(0, 0, 0, 0.1);
}

.close-explore-fix-right .ys-share-list {
    padding: 0 0.16rem;
}

.close-explore-fix-right .ys-share {
    margin: 0 -0.16rem;
}

.close-explore-editor.yxedr-active p:nth-last-child(1) {
    margin-bottom: 0;
}

/* f2 */
.ys-select-opt-nub {
    position: absolute;
    left: calc(100% + 8px);
    top: 0.6rem;
    width: 100%;
}

.yson-inof-nub {
    display: none;
}

.ys-select-opt-nub {
    padding: 0.24rem 0;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid var(--Z-1, #C19DFF);
    border: 1px solid var(--Z-1, color(display-p3 0.7137 0.6235 1));
    background: var(--W, #FFF);
    background: var(--W, color(display-p3 1 1 1));
    box-shadow: 0 162px 45px 0 #000, 0 104px 41px 0 #000, 0 58px 35px 0 rgba(0, 0, 0, 0.01), 0 26px 26px 0 rgba(0, 0, 0, 0.02), 0 6px 14px 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 162px 45px 0 color(display-p3 0 0 0 / 0.00), 0 104px 41px 0 color(display-p3 0 0 0 / 0.00), 0 58px 35px 0 color(display-p3 0 0 0 / 0.01), 0 26px 26px 0 color(display-p3 0 0 0 / 0.02), 0 6px 14px 0 color(display-p3 0 0 0 / 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
}

.ys-select-li {
    position: relative;
}

.grin-box-pic {
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.global-ref-inof-nub {
    width: 50%;
    padding: 0 0.3rem;
    margin-bottom: 0.6rem;
}

.global-ref-list {
    /* border-top: 1px solid #e5e5e5; */
    padding-top: unset !important;
    margin-top: unset !important;
}

.global-ref-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.3rem -0.6rem;
}

.grin-box-content .std-font24 {
    color: #000;
    font-family: var(--medium);
    margin-bottom: 0.56rem;
}

.gbci-nub .std-text16 {
    color: var(--color2e0);
    line-height: var(--line16);
    padding-left: 0.12rem;
}

.gbci-nub-icon {
    width: 0.24rem;
    flex: none;
}

.gbci-nub {
    display: flex;
    align-items: start;
    margin-bottom: 0.12rem;
}

.grin-box-content-inof li:nth-last-child(1) {
    margin-bottom: 0;
}

.grin-box-content {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 4.6rem;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 -0.386px 21.445px 0 rgba(36, 35, 37, 0.04), 0 -0.25px 13.899px 0 rgba(36, 35, 37, 0.04), 0 -0.158px 8.749px 0 rgba(36, 35, 37, 0.03), 0 -0.091px 5.027px 0 rgba(36, 35, 37, 0.02), 0 -0.04px 2.212px 0 rgba(36, 35, 37, 0.02);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    padding: 0.32rem;
}

.grin-box {
    position: relative;
}

.global-ref-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.global-main .global-ref-top-left .ys-select {
    width: 40%;
}

.global-ref-top-left {
    --selectbtn: 0.53rem;
}

.ys-select {
    height: var(--selectbtn);
    transition: all .4s ease;
    border-radius: 80px;
    border: 1px solid #E5E5E5;
    background: rgba(225, 219, 255, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    display: inline-flex;
    padding-right: 0.24rem;
}

.ys-select-hd input {
    padding: 0 0.24rem;
}

.ys-select .iconfont {
    color: var(--color2e0);
}

.yson-case {
    height: 180px;
}

.yson-inof {
    padding: 0 0.24rem;
}

.global-ref .ys-select-demo1 .ys-select-bd,
.global-ref-top-left .ys-select-demo2 .ys-select-bd {
    max-height: 200px;
}

.ys-select-bd {
    margin-top: 8px;
    max-height: 280px;
    left: 0;
    width: 100%;
    top: 100%;
    border: 1px solid var(--colorb69);
    border-radius: 20px;
    padding: 0.24rem;
}

.ys-select-nub,
.ys-select-li {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line165);
    padding: 0.06rem 0.1rem;
    background: var(--colorfff);
    transition: all .4s ease;
}

.ys-select-li.on .ys-select-li-icon {
    margin-right: 0;
}

.ys-select-li-icon img:nth-child(2) {
    opacity: 1;
}

.ys-select-li-icon img:nth-child(1) {
    opacity: 0;
}

.ys-select-li.on .ys-select-li-icon img:nth-child(1) {
    opacity: 1;
}

.ys-select-li.on .ys-select-li-icon img:nth-child(2) {
    opacity: 0;
}

.ys-select-li-icon {
    width: 18px;
    flex: none;
    transition: all .4s ease;
    margin-top: -4px;
    transform: rotate(-90deg);
    margin-right: -0.11rem;
}

.ys-select-li-icon img {
    width: 100%;
}

.ys-select-li {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ys-select-li.on {
    background: var(--colorefe);
    color: var(--colormain);
}

.ys-select-hd input::placeholder {
    color: #9d9d9d !important;
}

.ys-select-hd input,
.ys-select-hd input::placeholder {
    font-size: var(--font16);
    transition: all .4s ease
}

.global-ref {
    padding-top: var(--space160);
    padding-bottom: var(--space160);
}

.ys-select-demo1 {
    margin-right: 0.28rem;
}

.grtr-retri-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.grtr-retri-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all .4s ease;
    opacity: 0;
}

.grtr-retri {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}

.grtr-retri-link {
    display: block;
}

.grtr-retri-tit {
    padding: 0.12rem 0.61rem;
    color: var(--colorfff);
    transition: all .4s ease;
    background: var(--colormain);
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.grtr-reset-tit {
    color: #B6B6B6;
    transition: all .4s ease;
    padding: 0.11rem 0.32rem;
    background: transparent;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: all 0.36s ease-in-out;
}

.close-post .explore-list-inof-nub:not(:first-child) {
    display: none;
}

.grtr-reset {
    cursor: pointer;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid #b6b6b6;
    display: inline-flex;
    margin-right: 0.24rem;
    position: relative;
}

.grtr-reset .grtr-retri-bg {
    opacity: 0 !important;
}

.ys-select.zindex {
    border: 1px solid var(--colorb69);
}

.down-load-case {
    display: flex;
    flex-wrap: wrap;
}

.ys-select-opt {
    opacity: 0;
    pointer-events: none;
}

.ys-select.zindex .ys-select-opt {
    opacity: 1;
    pointer-events: all;
}

.ys-select.zindex .ys-select-hd input::placeholder {
    color: var(--color2e0) !important;
}

.global-main .std-font72 {
    font-size: var(--font72);
    font-family: var(--semiBold);
    line-height: var(--line11);
    max-width: 4.7rem;
    background: linear-gradient(180deg, #FFF 60%, var(--Z-3, #E2DBFF) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* f1 */
.ys-select-li-box {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-top: -3px;
    position: relative;
    margin-right: 0.12rem;
}

.ys-select-li-box img {
    width: 8px;
    opacity: 0;
    transition: all .4s ease;
}

.ys-select-nub.on .ys-select-li-box::after {
    border: 1px solid var(--colormain);
}

.ys-select-nub.on .ys-select-li-box img {
    opacity: 1;
}

.ys-select-nub.on .std-text16 {
    color: var(--colormain);
}

.ys-select-nub {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.ys-select-nub .std-text16 {
    color: var(--color666);
    transition: all .4s ease;
    line-height: var(--line165);
}

.ys-select-li-box::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid var(--color666);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
    border-radius: 5px;
}

.down-load-select {
    width: 48%;
    transition: all .4s ease;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid #E5E5E5;
    background: rgba(225, 219, 255, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    display: inline-flex;
    padding: 0 !important;
    height: var(--selectbtn);
    margin-right: 0.28rem;
}

.down-load-select input {
    height: 100%;
    width: 100%;
}

.down-load-select input,
.down-load-select input::placeholder {
    font-size: var(--font16);
}

.down-load-select input::placeholder {
    color: #9d9d9d !important;
}

.down-load .global-ref-top-left {
    width: 65%;
}

.global-ref-top-left .ys-select {
    width: 22%;
}

.down-main .std-font72 {
    font-family: var(--semiBold);
    font-size: var(--font72);
    line-height: var(--line11);
    background: linear-gradient(180deg, #FFF 60%, var(--Z-3, #E2DBFF) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.down-load {
    padding-top: var(--space160);
    padding-bottom: var(--space160);
    position: relative;
}

.down-load-bg img {
    width: 100%;
    height: 100%;
}

.down-load-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.down-load-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    opacity: .1;
    z-index: -9;
}

.dlci-nub-link {
    display: flex;
    transition: all .4s ease;
    color: var(--color666);
    line-height: var(--line16);
    padding-bottom: 0.14rem;
    border-bottom: 2px solid transparent;
}

.down-load-center {
    border-bottom: 1px solid #E5E5E5;
}

.dlci-nub {
    padding: 0 0.4rem;
}

.down-load-center-inof {
    margin: 0 -0.4rem;
    display: flex;
}

.dlci-nub.on .dlci-nub-link {
    border-bottom: 2px solid var(--colormain);
    color: var(--colormain);
    font-family: var(--medium);
}

.down-load .global-ref-top {
    border-bottom: none;
    padding-bottom: 0;
    width: 100%;
}

.down-load-center {
    margin-bottom: var(--space60);
    padding-top: var(--space80);
}

.down-load-case .std-font20 {
    transition: all .4s ease;
    color: var(--colorfff);
    padding-right: 0.2rem;
    line-height: var(--line15);
    font-family: var(--medium);
}

.down-load-case-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.down-load-case-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.down-load-case {
    padding: 0.24rem 0.5rem;
    margin-bottom: 0.3rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dlin-link .std-text18 {
    color: var(--color666);
    transition: all .4s ease;
    padding-right: 0.2rem;
}

.dlin-link {
    position: relative;
    display: flex;
    padding: 0.2rem 0.5rem;
    align-items: center;
}

.dlin-link .down-load-case-bg img {
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.down-load-bottom {
    color: var(--color666);
    margin-bottom: 0.2rem;
}

.down-load-bottom span {
    color: var(--colormain);
    font-size: var(--font24);
    line-height: var(--line15);
    font-family: var(--medium);
}

.dlin-link-last img {
    width: 0.24rem;
}

.dlin-link-last {
    flex: none;
}

.dlin-link-last-icon1 {
    margin-right: 0.2rem;
}

.down-load-inof-nub {
    margin-bottom: 0.2rem;
}

.down-load-inof li:nth-last-child(1) {
    margin-bottom: 0;
}

.down-main .ys-pcfy {
    padding-top: var(--space80);
}

.dlcn-tit1 {
    width: 41%;
}

.dlcn-tit2 {
    width: 21%;
}

.dlcn-tit3 {
    width: 15%;
}

.dlcn-tit4 {
    width: 19%;
}

/* g1 */
.touch-main .std-font72 {
    font-family: var(--semiBold);
    font-size: var(--font72);
    width: 50%;
    line-height: var(--line11);
    background: linear-gradient(180deg, #FFF 60%, var(--Z-3, #E2DBFF) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.touch-submit .ys-cont1600 .ys-bread {
    position: relative;
    bottom: 0.2rem;
}

.touch-submit .ys-cont1600 {
    max-width: 1440px;
}

.touch-submit .ys-form {
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid #FFF;
    border: 1px solid color(display-p3 1 1 1);
    background: rgba(245, 247, 250, 0.80);
    background: color(display-p3 0.9608 0.9686 0.9804 / 0.80);
    box-shadow: 0 5.6px 16.8px 1.4px rgba(0, 86, 179, 0.10), 0 7.372px 11.908px 0 rgba(62, 28, 0, 0.03);
    box-shadow: 0 5.6px 16.8px 1.4px color(display-p3 0.0039 0.3294 0.6784 / 0.10), 0 7.372px 11.908px 0 color(display-p3 0.2275 0.1176 0.0235 / 0.03);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
    -o-backdrop-filter: blur(40px);
    -ms-backdrop-filter: blur(40px);
    padding: 0.6rem;
}

.ys-form .ys-fii-name {
    color: #000;
    margin-bottom: 6px;
    line-height: var(--line16);
}

.ys-fii-input {
    border: none;
    height: var(--height);
    border-radius: 10px;
    /*transform: rotate(0deg);*/
    /*-webkit-transform: rotate(0deg);*/
    /*overflow: hidden;*/
    background: rgba(255, 255, 255, 0.80);
    background: color(display-p3 1 1 1 / 0.80);
    box-shadow: 0 4px 4px 0 rgba(3, 8, 53, 0.10);
    box-shadow: 0 4px 4px 0 color(display-p3 0.0171 0.0321 0.1971 / 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
}

.ys-form {
    --spacebot: 0.4rem;
    --spacein: 0.2rem;
    --height: 0.58rem;
    --colormain: #8655FF;
}

.ys-fii-input input,
.ys-fii-input textarea {
    line-height: var(--line16);
    color: var(--color333);
}

.ys-fii-input textarea {
    padding-top: 20px;
}

.ys-fii-input input::placeholder,
.ys-fii-input textarea::placeholder {
    color: #9d9d9d !important;
    font-size: var(--font16);
    line-height: var(--line16);
}

.ys-fic-auth-img img {
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.ys-fic-auth-img {
    height: 0.66rem;
    flex: none;
}

.ys-form-inof-submit {
    width: 50%;
}

.yfii-case {
    display: flex;
}

.yfii-case-left {
    width: 32%;
}

.ys-fic-auth {
    margin-top: -0.08rem;
}

.yfii-case-right {
    width: 48%;
}

.yfii-case-right .std-btnx1-link-font {
    flex-grow: 1;
    padding: 0 0.2rem 0 0;
}

.yfii-case-right .ys-fii-submit {
    --subbtn: 0.52rem;
    height: var(--subbtn);
    line-height: var(--subbtn);
    margin-bottom: 0.12rem;
    background: transparent;
}

.yfii-case-right .ys-fii-submit .std-btnx1-link {
    height: auto;
}

.ys-fia-text-btn::before {
    border: 1px solid #9d9d9d;
    border-radius: 2px;
}

.ys-fia-text-btn {
    margin-left: 6px;
    width: 14px;
    height: 14px;
    top: 3px;
}

.ys-fia-text-word {
    padding-left: 8px;
    font-size: var(--font14);
    line-height: var(--line16);
    color: #9d9d9d;
}

.ys-form-inof li:nth-last-child(1) {
    margin-bottom: 0;
}

.touch-global-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.touch-global {
    position: relative;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin: 0 auto;
    max-width: calc(100% - 0.4rem);
    padding-top: var(--space120);
    padding-bottom: 0.4rem;
}

.touch-global-bg {
    z-index: -2;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% + 10vw);
}

.tgin-icon {
    width: 0.32rem;
    /* margin-bottom: 0.24rem; */
}

.touch-global-left .std-font44 {
    color: var(--colorfff);
    font-family: var(--medium);
    margin-bottom: 0.4rem;
}

.touch-global-left .std-text18,
.touch-global-left .std-text18 p {
    color: var(--colorfff);
}

.touch-global-left {
    width: 44%;
}

.touch-global .ys-cont1600 {
    display: flex;
    justify-content: space-between;
}

.touch-global-inof-nub {
    margin-bottom: 0.24rem;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    padding: 0.24rem;
}

.tgin-case {
    position: absolute;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tgin-case::after {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    z-index: -1;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(157deg, #ffffff80 -21%, #ffffff00 50%, #ffffff80 101%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.tgin-txt,
.tgin-txt p a,
.tgin-txt p {
    color: var(--colorfff);
    line-height: var(--line16);
    transition: all .4s ease;
}

.touch-global-inof {
    width: 38%;
    margin-top: var(--space80);
    transform: translateX(20%);
    transition: all .4s ease;
}

.touch-global-inof li:nth-last-child(1) {
    margin-bottom: 0;
}

.touch-contact .std-font44 {
    color: #000;
    font-family: var(--medium);
    margin-bottom: 0.5rem;
}

.touch-contact {
    /* padding-top: var(--space120);
    padding-bottom: var(--space130); */
    padding-top: var(--space160);
    padding-bottom: var(--space160);
}

.touch-contact-inof-nub {
    padding: 0 0.1rem;
}

.touch-contact-inof {
    display: flex;
    margin: 0 -0.1rem 0.6rem;
}

.tbin-box-top {
    width: 0.48rem;
    margin-bottom: 0.4rem;
}

.tbin-box-tit {
    color: #000;
    font-family: var(--medium);
    margin-bottom: 0.24rem;
}

.tbin-icon {
    width: 0.26rem;
    flex: none;
}

.tbin-txt,
.tbin-txt p a,
.tbin-txt p {
    transition: all .4s ease;
    color: var(--color666);
}

.tbin-box-inof-nub {
    display: flex;
    align-items: start;
}

.tbin-txt {
    padding-left: 0.12rem;
}

.tbin-box-bg img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.tbin-box-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -9;
}

.tbin-box {
    position: relative;
    height: 100%;
    padding: 0.32rem 0.4rem;
}

.tctn-box-inof-nub {
    width: 33.333%;
    padding: 0 0.12rem;
    margin-bottom: 0.5rem;
}

.tctn-box-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.12rem -0.5rem;
}

.tbin-box-inof-nub {
    margin-bottom: 0.16rem;
}

.tbin-box-inof li:nth-last-child(1) {
    margin-bottom: 0;
}

.touch-contact-tab-nub:not(:first-child) {
    display: none;
}

.touch-contact-inof-nub.on .grtr-reset {
    border: 1px solid transparent;
}

.touch-contact-inof-nub.on .grtr-reset .grtr-retri-bg {
    opacity: 1;
}

.touch-contact-inof-nub.on .grtr-reset .grtr-reset-tit {
    color: var(--colorfff);
}

.ys-form-inof-text .ys-fii-input {
    height: 240px;
}

.yfii-case-right .ys-fia-text-word span {
    color: var(--colortips);
}

.touch-contact-inof-nub .grtr-reset .grtr-reset-tit {
    padding: 0.1rem 0.32rem;
}

.series-pro-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.series-pro-bg {
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.series-pro {
    position: relative;
}

.touch-contact .grtr-reset {
    margin-right: 0rem;
    position: relative;
}

.ys-fii-input-num {
    color: var(--colormain);
    line-height: var(--line16);
    padding-left: 0.2rem;
    position: relative;
    margin-top: 1px;
}

.ys-fii-input-num::after {
    content: '';
    position: absolute;
    right: -20%;
    top: 50%;
    width: 1px;
    height: 50%;
    transform: translate(-50%, -50%);
    background: var(--color666);
}

.ys-form-phone .ys-fii-input {
    align-items: center;
}

.series-effi .iblw-nub {
    height: auto;
}

.dlin-link .std-font20 {
    font-family: var(--medium);
    line-height: var(--line15);
    display: none;
}

.series-effi .std-btnx4-link {
    border: 1px solid var(--colorfff);
}

.std-video .std-btnx1-link-icon img {
    transform: rotate(0);
}

.ys-nybanner2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

/* .series-main .ys-pos-center {
    top: auto;
    bottom: -14.5%;
} */
.explore-booth-link {
    position: relative;
    display: flex;
    justify-content: end;
}

.elin-box {
    display: block;
}

.ys-select-bd .mCSB_outside+.mCSB_scrollTools {
    right: 1px;
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
}

.ys-select-bd .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain);
}

.zindex.ys-select-demo2 .ys-select-show {
    color: var(--color2e0);
}

.ys-select-show {
    color: #9D9D9D;
}

.grtb-le {
    display: flex;
    align-items: start;
}

.alul-box {
    display: flex;
    align-items: center;
}

.alul-box p {
    padding-right: 0.1rem;
    color: var(--colormain);
    font-size: var(--font14);
    line-height: var(--line12);
}

.alul-box {
    border: 1px solid var(--colormain);
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0.06rem 0.1rem;
}

.grtb-le-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.05rem -0.2rem;
}

.grtb-le-text {
    white-space: nowrap;
    flex-shrink: 0;
    margin-right: 5px;
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line175);
    position: relative;
    top: 2px;
}

.global-ref-top-bt {
    padding-top: 0.3rem;
}

.grtb-le-ul-li {
    padding: 0 0.05rem;
    margin-bottom: 0.2rem;
}

.alul-box {
    cursor: pointer;
}

/* lucas start */
.series-effi-box-ri {
    width: 7rem;
    height: 7rem;
    border-radius: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
    position: absolute;
    right: calc(50vw - 750px);
    top: 0;
}

.series-effi-gsap {
    margin: 0 20px;
    position: relative;
    height: auto;
}

.series-effi-box {
    position: relative;
}

.sebr-img {
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    overflow: hidden;
}

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

}

.series-effi-box-right {
    position: absolute;
    height: auto;
    width: 2.6rem;
    padding: 0.24rem 0.16rem 0.16rem 0.24rem;
    bottom: 0.24rem;
    right: 0.6rem;
    z-index: 2;
}

.series-effi-box {
    align-items: unset;
    padding: 0;
}

.ys-cont1500 {
    width: 85vw;
    max-width: 1500px;
    margin: auto;
    --place: calc(50vw - 750px);
    --cont: 1500px;
}

.series-effi-box-left {
    margin-top: 0.32rem;
    width: 47.87%;
}

.series-effi-img {
    width: 100%;
    opacity: 1;
    overflow: hidden;
}

.series-effi-img img {
    width: 0%;
    position: absolute;
    top: var(--space160);
}

.series-effi {
    padding-top: var(--space130);
    height: 100vh;
}

.series-effi-bg {
    clip-path: inset(12.5% 21% 35% 52.5% round 20px);
    opacity: 0;
}

.series-effi-bg {
    z-index: 0;
}

.series-effi-box-left {
    z-index: 5;
}

/* lucas end */
.series-effi-box-ri {
    pointer-events: none;
}

.series-effi-box {
    pointer-events: all;
}

.series-effi-cry {
    pointer-events: none;
}

.series-effi-box-right {
    z-index: 999;
}

.ys-select-opt-nub .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain);
}

.mCSB_scrollTools {
    width: 16px;
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
}

.ys-select-opt-nub .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain);
}

/* Yori- 10.31 start - */
.down-load .ys-select-demo1.zindex .ys-select-show {
    color: var(--color2e0);
}

.alul-box-icon {
    width: 0.14rem;
    margin-top: -2px;
}

.alul-box-icon img {
    width: 100%;
}

/* Yori- 10.31 end - */
.inver-main .ys-nybanner .ys-nyban-img {
    /* pointer-events: none; */
}

.series-pro-list-case {
    display: none;
}

.series-resour {
    padding-top: var(--space120);
}

.close-main .ys-hd-pc::before {
    box-shadow: none;
    border-bottom: 1px solid #E5E5E5;
}

.close-explore-editor ul li {
    margin-bottom: 0.1rem;
}

.close-explore-editor ul li:last-child {
    margin-bottom: 0 !important;
}

.head-lang-down {
    box-shadow: 0 -0.386px 21.445px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.04), 0 -0.25px 13.899px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.04), 0 -0.158px 8.749px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.03), 0 -0.091px 5.027px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.02), 0 -0.04px 2.212px 0 color(display-p3 0.1412 0.1373 0.1451 / 0.02);
}

.global-ref-case {
    position: relative;
    z-index: 5;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0.6rem;
    margin-bottom: 0.6rem;
}

.ys-form-required.ys-form-empty .ys-fii-tips {
    margin-top: 4px;
}

.tbin-txt p a {
    line-height: var(--line175);
}

.home-constant-bottom-logobox {
    width: 100%;
    height: 100%;
}

.close-explore .close-explore-pos {
    left: 0;
    position: sticky;
    width: 100%;
    bottom: 20px;
}

.close-explore .ys-cont1000 {
    padding-bottom: var(--space120);
}

.yfii-info {
    display: flex;
    width: 100%;
}

.yfii-le {
    width: 50%;
}

.yfii-ri {
    width: 100%;
    display: flex;
    justify-content: center;
}

.yfii-case-left {
    flex: 1;
}

.ys-fii-submit {
    background: unset;
}

.yfii-ri .ys-fii-submit {
    margin-bottom: 12px !important;
    margin-top: 0.2rem;
    display: flex;
    justify-content: center;
}

.ys-fia-text-word span {
    color: #FF0008;
}

.yfii-ri .std-btnx1-link-font {
    width: 80%;
}

.ys-nybanner1.notpoint {
    pointer-events: none;
}

.ys-nybanner2 {
    pointer-events: none;
}

.ys-nybanner2.canpoint {
    pointer-events: all;
}

.ys-nybanner1 {
    z-index: 3;
}

.series-main .prosum-ourpro-bottom {
    width: 9.27rem;
    margin: auto;
}

.series-main .prosum-ourpro-bottom-btn {
    top: 32%;
}

.ys-footer-video-ph {
    display: none;
}

.down-load-box {
    position: relative;
    z-index: 2;
}

.global-ref-top-left .down-load-select input {
    padding: 0 0.32rem;
    color: #333;
}

.chbs-li-cry-list ul li p:last-child {
    margin-bottom: 0;
}

.hubt-cry-btn {
    display: none;
}

.foxcloud-clarity-bottom-boxcry {
    height: 100%;
    display: flex;
    justify-content: center;
}

.fcbc-imgbox {
    height: 100%;
}

.foxcloud-home-bottom-cent .swiper-pagination {
    display: none;
}

.fdbl-li:not(:first-child) {
    display: block !important;
}

.home-develop-swiper .swiper-pagination {
    display: none;
}

.series-pro-list .swiper-pagination {
    display: none;
}

.iti__flag {
    display: none;
}

.iti__tel-input {
    padding: 0 30px !important;
}

.innova-manufacturing-bottom-ph {
    display: none;
}

.pllc-le {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ys-form-phone {
    position: relative;
    z-index: 5;
}

.ys-form-phone .mCSB_scrollTools {
    top: 50%;
    transform: translateY(-50%);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--colormain);
}

.iti__dropdown-content {
    transition: all 0.36s ease-in-out;
}

.pobl-suq svg {
    width: 100%;
}

.cefl-box-link {
    display: flex;
    align-items: center;
}

.ys-banner-btnbox>div img {
    transition: all 0.36s ease-in-out;
}

.ys-banner-btnbox>div img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%) rotate(180deg);
    opacity: 0;
}

.ys-banner-btnbox-prev img:nth-child(2) {
    transform: translate(-50%, -50%) !important;
}

.hrbc-list {
    pointer-events: all;
}

.home-solutions-point-ph,
.hrbc-list-ph {
    display: none;
}

.pobs-slide-cry-info {
    width: 3.8rem;
}

.ipbr-bottom-left {
    background: rgba(245, 247, 250, 0.40);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
}

.sebl-inof-box {
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: #f5f7fa66;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    overflow: hidden;
    --opt: 0;
    --opt2: 0.4;
}

.sebl-inof-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 1px;
    background: linear-gradient(269deg, rgba(255, 255, 255, 1) 12%, rgba(255, 255, 255, 0) 31%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 106%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
    opacity: var(--opt);
}

.foxcloud-home-bottom-bg {
    pointer-events: none;
    z-index: -1;
}

.foxcloud-home-bg-top,
.foxcloud-home-bg-cent {
    z-index: -2;
}

.foxcloud-home-bottom-btn {
    bottom: -12%;
}

.home-develop-swiper-nub {
    /* transition: all 0.36s ease-in-out; */
}

.footer-text>span {
    color: #fff;
    font-size: 14px;
    line-height: var(--line16);
}

.global-ref .data-empty {
    padding-top: 0.4rem;
}

.innova-top-info .std-btnx1-link:hover .std-btnx1-link-font {
    transform: translateX(calc(var(--move30) * 1.6));
}

.std-swiperbtn-ph {
    display: none;
}

.sebl-ph {
    display: none;
}

.dlin-link-last-ph {
    display: none;
}

.sebl-inof-box::after {
    content: "";
    border-radius: 454px;
    opacity: var(--opt2);
    background: #984EFF;
    filter: blur(150px);
    -webkit-filter: blur(150px);
    -moz-filter: blur(150px);
    -o-filter: blur(150px);
    -ms-filter: blur(150px);
    position: absolute;
    right: -112%;
    bottom: -100%;
    width: 454px;
    height: 296px;
    pointer-events: none;
}

.ipbr-top-bg {
    display: none;
}

.inver-main .ipbr-top-bg {
    display: block;
}

.series-main .ipbr-top-bg {
    display: block;
    transition: all 0.36s ease-in-out;
    opacity: 0;
}

.dlin-link-last-ph {
    display: none;
}

.footer-share-btn .ys-imgbox-cover {
    border-radius: 50%;
    /*box-shadow: -15px 51px 15px 0 color(display-p3 0 0 0 / 0.00), -9.75px 32.25px 13.5px 0 color(display-p3 0 0 0 / 0.01), -5.25px 18px 11.25px 0 color(display-p3 0 0 0 / 0.04), -2.25px 8.25px 8.25px 0 color(display-p3 0 0 0 / 0.07), -0.75px 2.25px 4.5px 0 color(display-p3 0 0 0 / 0.08);*/
}

.foxcloud-home-bottom-bg {
    pointer-events: none;
    z-index: -1;
}

.foxcloud-home-bg-top,
.foxcloud-home-bg-cent {
    z-index: -2;
}

.foxcloud-home-bottom-btn {
    bottom: -12%;
}

.home-develop-swiper-nub.swiper-slide {
    transition-property: transform !important;
}

.foxcloud-dynamic-bottom-stepph {
    display: none;
}

.series-title-top {
    min-width: 110px;
    justify-content: center;
}

.hspl-li-link {
    position: relative;
}

.hspl-li-link::after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colormain);
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.36s ease-in-out;
    clip-path: circle(0% at 89% 30%);
}

.hspl-li-link .std-btnx1-link-bg {
    display: none;
}

.std-btnx2 .std-btnx1-link-bg {
    opacity: 0 !important;
}

.std-btnx2 .std-btnx1-link-icon {
    background: var(--colormain) !important;
}

.ipbr-bottom-right-link .std-btnx1-link-bg {
    opacity: 0 !important;
}

.series-resour .ipbr-top-bg {
    opacity: 0 !important;
}

.series-pro .spli-nub-inof {
    display: none;
}

.series-effi .series-effi-box-right .ipbr-bottom-right-bg {
    opacity: 0 !important;
}

.series-effi .series-effi-box-right {
    background: var(--colormain);
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.series-effi .series-effi-box-right .std-btnx4-link {
    background: #fff !important;
    border: 1px solid #fff !important;
}

.banner-title .std-font72,
.compintr-page .ys-nyban-title .std-font72,
.global-main .std-font72,
.down-main .std-font72,
.touch-main .std-font72,
.innova-page .ys-nybanner .std-font72,
.explore-main .ys-nyban-title .std-font72 {
    text-transform: unset;
    background: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: var(--colorfff);
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.series-resour-bottom.cent .series-resour-bottom-inof {
    width: 100%;
}

.grtr-reset {
    transition: all 0.36s ease-in-out;
}

.touch-contact-inof-nub.on .grtr-reset {
    background: var(--colormain);
}

/* 2025.11.21 start */
.hnid-cry-top-info .std-btnx3 .std-btnx3-link-img2 {
    background: var(--colormain);
}

.hnid-cry-top-info .std-btnx3 .std-btnx3-link-img2 img:nth-child(2) {
    opacity: 0 !important;
}

.home-reliable .std-btnx1 {
    display: none;
}

.elin-box .std-btnx4 {
    display: none;
}

.down-load-case .down-load-case-bg {
    opacity: 0 !important;
}

.down-load-case {
    background: var(--colormain);
    border-radius: 80px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.hrbc-list-li-hover {
    width: 8px;
    height: 8px;
    position: absolute;
    background-color: #2E0059;
    border-radius: 50%;
    right: 12%;
    transform: translate(0%, -50%);
    top: 50%;
}

.hrbc-list-li-hover span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.56);
    border-radius: 50%;
    z-index: -2;
}

.hrbc-list-li-hover::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
    overflow: visible;
    border-radius: 50%;
    animation: circleanimation 4s linear infinite 2s;
    z-index: -1;
}

.hrbc-list-li-hover::after {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
    overflow: visible;
    border-radius: 50%;
    animation: circleanimation 4s linear infinite 1s;
    z-index: -1;
}

@keyframes circleanimation {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }

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

.foxcloud-home-bg,
.foxcloud-see-bg {
    opacity: 0;
}

.home-unbox-casebox {
    padding-top: 6rem;
}

.home-unbox-phbg {
    display: none;
}

.hebs-li-cry-type,
.explore-booth-right-date,
.elin-box-date {
    color: var(--color666);
}

.foxcloud-see-imgbox {
    transition: all 0.36s ease-in-out;
}

.foxcloud-see-imgbox.thisrotate {
    transform: rotate3d(0, 1, 0, 90deg);
}

.foxcloud-dynamic {
    transition: all 0.36s ease-in-out;
}

.foxcloud-dynamic.thisopacity {
    opacity: 1;
    transition-delay: 0.5s;
}

.foxcloud-see .std-font54 {
    transition: all 0.36s ease-in-out;
}

.foxcloud-see .std-font54.thisop {
    opacity: 0 !important;
}

.elin-box .elin-box-pic img {
    object-fit: cover;
}

.hebs-li-cry .ys-imgbox-cover img {
    object-fit: cover;
}

.hldl-li-tit {
    color: #000;
    font-size: var(--font16);
    font-family: 'MAITIAN-Medium';
    line-height: var(--line12);
    letter-spacing: 0.32px;
    margin-bottom: 5px;
    transition: all 0.36s ease-in-out;
    position: relative;
}

.hldl-li-tit::before {
    content: "";
    width: 14px;
    height: 14px;
    background: url("../images/nav_sj_01.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -6%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    transition: all 0.36s ease-in-out;
    opacity: 0;
}

.hlll-link {
    color: #9D9D9D;
    font-size: var(--font14);
    font-family: 'MAITIAN-Light';
    line-height: var(--line16);
    transition: all 0.36s ease-in-out;
}

.hldl-li-list-li {
    margin-bottom: 5px;
}

.hldl-li-list-li:last-child {
    margin-bottom: 0 !important;
}

.head-lang-down {
    border-radius: 0.2rem;
    background: #FFF;
    padding: 0.34rem 0.34rem 0.34rem 0.54rem;
    width: 6.4rem;
    height: fit-content;
    left: -260%;
    top: calc(100% + 7px);
}

.head-lang-down::before {
    content: "";
    width: 0.5rem;
    height: 0.32rem;
    background-image: url(../images/nav_sj_02.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: -10px;
    right: 20px;
    position: absolute;
}

.head-lang-down-cry {
    --ge: 33.333333%;
    --gap1: 0.2rem;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    flex-wrap: wrap;
}

.head-lang-down-list {
    width: var(--ge);
    padding: 0 var(--gap1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hldl-li.on .hldl-li-tit {
    color: var(--colormain);
}

.hldl-li.on .hldl-li-tit::before {
    opacity: 1;
}

.hldl-li-list-li.on .hlll-link {
    color: var(--colormain);
}

.ys-hd-pc::before {
    height: 100%;
}

.ys-modal-wrap {
    background: url(../images/bo6bj.jpg) center / cover no-repeat;
}

.ys-phnav-other .ys-phnav-search-box {
    background: #fff;
}

.grin-box-content {
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s ease-in-out;
}

.grin-box-content.act {
    opacity: 1;
    pointer-events: all;
}

@media screen and (min-width: 1200px) {
    .hlll-link:hover {
        color: var(--colormain);
    }

    /* .hebs-li-cry:hover .hebs-li-cry-tit{
        color: var(--colormain);
    } */
    .srbi-nub-box:hover {
        background: var(--colormain) !important;
    }

    .ipbr-bottom-right-link:hover .std-btnx4-link {
        background: var(--colormain);
    }

    .hspl-li-link:hover::after {
        clip-path: circle(100% at 50% 50%);
    }

    .holl-link:hover {
        color: var(--colormain);
    }

    .holl-link:hover::before {
        background: var(--colormain);
        display: none;
    }

    .holl-link:hover::after {
        background: var(--colormain);
        opacity: 1;
        width: 100%;
    }

    .srbi-nub-box:hover .ipbr-top-bg {
        opacity: 1;
    }

    .ys-banner-btnbox>div:hover img:nth-child(2) {
        opacity: 1;
    }

    .ys-banner-btnbox>div:hover img:nth-child(1) {
        opacity: 0;
    }

    .ys-bread .ys-bread-list a:hover {
        color: rgba(255, 255, 255, 1);
    }

    .fhtt-list-li:hover .fhtt-list-li-name {
        color: #fff !important;
    }

    .fhtt-list-li:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 1 !important;
    }

    .fhtt-list-li:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 0 !important;
    }

    .fhbb-btn:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }

    .fhbb-btn:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }

    .fhbb-btn:hover {
        background: var(--colormain);
    }

    .compintr-hist-year-li:hover {
        color: #fff;
    }

    .compintr-hist-year-li.active:hover {
        color: #fff !important;
    }

    .pslb-list-btn-link:hover .std-btnx1-link-bg {
        transform: scale(1.2) translate(-50%, -50%);
    }

    .pobb-btn:hover img {
        transform: translateX(5px);
    }

    .pobl-li-link:hover .std-btnx4-link-text,
    a:hover .std-btnx4-link-text {
        opacity: 1;
    }

    .pobl-li-link:hover .std-btnx4-link,
    a:hover .std-btnx4-link {
        border: 1px solid transparent;
    }

    .pobl-li-link:hover .std-btnx1-link-bg {
        opacity: 0;
    }

    .pobl-li-link:hover .std-btnx4-link {
        background: var(--colormain);
    }

    .hebs-li-cry:hover .ys-imgbox-cover img {
        transform: scale(1.05);
    }

    .hebs-li-cry:hover .ys-imgbox-cover {
        box-shadow: 0 -2px 111px 0 rgba(36, 35, 37, 0.07), 0 -1.001px 55.554px 0 rgba(36, 35, 37, 0.05), 0 -0.603px 33.463px 0 rgba(36, 35, 37, 0.05), 0 -0.386px 21.445px 0 rgba(36, 35, 37, 0.04), 0 -0.25px 13.899px 0 rgba(36, 35, 37, 0.04), 0 -0.158px 8.749px 0 rgba(36, 35, 37, 0.03), 0 -0.091px 5.027px 0 rgba(36, 35, 37, 0.02), 0 -0.04px 2.212px 0 rgba(36, 35, 37, 0.02);
    }

    .hrbc-list-li-link:hover {
        border: 0.4px solid var(--colormain);
        height: var(--height);
        width: var(--width);
        padding: var(--padding1) var(--padding1) var(--padding1) var(--padding2);
    }

    .hrbc-list-li-link:hover .hrbc-list-li-def {
        opacity: 0;
    }

    .hrbc-list-li-link:hover .hrbc-list-li-hover {
        opacity: 1;
    }

    .hrbc-list-li-link:hover .hllh-text span {
        transform: translateX(0);
        opacity: 1;
        transition-delay: 0.36s;
    }

    .hspl-li-link:hover {
        border: 1px solid transparent;
    }

    .hspl-li-link:hover .std-btnx1-link-bg {
        clip-path: circle(100% at 50% 50%);
    }

    .hspl-li-link:hover .hlli-suq {
        opacity: 0;
    }

    .hspl-li-link:hover .hlli-img {
        opacity: 1;
    }

    .flib-link:hover .std-btnx1-link-bg {
        transform: translate(-50%, -50%) scale(4);
    }

    .head-nav-item-title:hover::before {
        /* opacity: 1; */
    }

    .yhpr-bottom-cont-link:hover .std-btnx1-link-bg {
        transform: translate(-50%, -50%) scale(4);
    }

    .head-nav-item-title:hover {
        color: var(--colormain);
    }

    .ys-page-wrap.act .head-nav-item-title:hover {
        color: var(--colormain);
    }

    .hcbl-li-link:hover .std-btnx1-link-bg {
        opacity: 0;
    }

    .hcbl-li-link:hover {
        background: var(--colormain);
    }

    .hcbl-li-link:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }

    .hcbl-li-link:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }

    .hcbl-li-link:hover .hcbl-li-link-text {
        color: #fff;
    }

    .hcbl-li-link:hover {
        border: 1px solid transparent;
    }

    .hcbl-li-link:hover .std-btnx4-link:hover .std-btnx4-link-img1 {
        opacity: 0;
    }

    .std-btnx4-link:hover .std-btnx4-link-img2,
    a:hover .std-btnx4-link-img2 {
        opacity: 1;
    }

    .std-btnx4-link:hover .std-btnx1-link-bg,
    a:hover .std-btnx1-link-bg {
        opacity: 1;
    }

    .std-btnx4-link:hover {
        border: 1px solid transparent;
    }

    .std-btnx3-link:hover .std-btnx3-link-img2 {
        transform: translate(0, -50%);
        opacity: 1;
    }

    .std-btnx3-link:hover .std-btnx3-link-text {
        transform: translateX(-40px);
    }

    .std-btnx3-link:hover .std-btnx3-link-img1 {
        transform: translateX(-40px);
    }

    .std-btnx1-link:hover .std-btnx1-link-icon2 {
        transform: translateX(-5px);
        opacity: 1;
    }

    .std-btnx1-link:hover .std-btnx1-link-font {
        transform: translateX(calc(var(--move30) * 2.1));
    }

    .std-btnx1-link:hover .std-btnx1-link-icon1 {
        transform: translateX(calc(var(--move30) * 2));
        opacity: 0;
    }

    .std-btnx1-link:hover .std-btnx1-link-bg {
        transform: scale(1.4) translate(-50%, -50%);
    }

    .compintr-hist-year-li:hover::after {
        opacity: 1;
    }

    .footer-nav ul a:hover {
        color: var(--colormain);
    }

    .footer-privacy a:hover {
        color: var(--colormain);
    }

    /* b2 */
    .ipbr-bottom-right-link:hover .std-btnx4-link {
        border: 1px solid transparent;
    }

    .ipbr-bottom-right-link:hover .std-btnx1-link-bg {
        opacity: 1;
    }

    /* b3 */
    .srbi-nub-box:hover {
        background: transparent;
        border: 1px solid transparent;
    }

    .srbi-nub-box:hover .snbt-icon img {
        transform: scale(1.0);
    }

    .srbi-nub-box:hover .snbt-icon img:nth-child(1) {
        opacity: 1;
    }

    .srbi-nub-box:hover .snbt-icon img:nth-child(2) {
        opacity: 0;
    }

    .srbi-nub-box:hover .srbi-nub-box-tit {
        color: var(--colorfff);
    }

    .spli-nub-pic:hover img {
        transform: scale(1.05);
    }

    .series-resour-bottom-left:hover img {
        transform: scale(1.05);
    }

    /* e3 */
    .cefl-case-return:hover {
        color: var(--colormain);
    }

    /* f2 */
    .grtr-reset:hover .grtr-reset-tit {
        color: var(--colorfff);
    }

    .grtr-reset:hover {
        border: 1px solid transparent;
    }

    .grtr-reset:hover .grtr-retri-bg {
        opacity: 1;
    }

    /* f1 */
    .dlci-nub-link:hover {
        color: var(--colormain);
        border-bottom: 2px solid var(--colormain);
    }

    .dlin-link:hover .dlin-link-name .std-text18 {
        color: var(--colormain);
    }

    /* g1 */
    .tgin-txt p a:hover {
        color: var(--colormain);
    }

    .tbin-txt p a:hover {
        color: var(--colormain);
    }

    .elin-box:hover .std-btnx4-link .std-btnx1-link-bg {
        opacity: 0;
    }

    .elin-box:hover .std-btnx4-link {
        background: var(--colormain);
    }

    .elin-box:hover .std-btnx4-link {
        border: 1px solid transparent;
    }

    .elin-box:hover .std-btnx4-link .std-btnx4-link-img2 {
        opacity: 1;
    }

    .explore-booth-left:hover img {
        transform: scale(1.05);
    }

    /* .elin-box:hover .elin-box-tit {
        color: var(--colormain);
    } */
    .ipin-left:hover img {
        transform: scale(1.05);
    }

    .grin-box:hover .grin-box-pic img {
        transform: scale(1.05);
    }

    .explore-booth-link:hover .std-btnx4-link {
        border: 1px solid transparent;
    }

    .explore-booth-link:hover .std-btnx4-link .std-btnx1-link-bg {
        opacity: 0;
    }

    .explore-booth-link:hover .std-btnx4-link {
        background: var(--colormain);
    }

    .explore-booth-link:hover .std-btnx4-link .std-btnx4-link-img2 {
        opacity: 1;
    }

    /* .explore-booth-link:hover .explore-booth-right-tit {
        color: var(--colormain);
    } */
    .holl-link:hover {
        color: var(--colormain) !important;
    }

    .std-btnx1-link:hover .std-btnx1-link-bg {
        opacity: 0;
    }

    .std-btnx2 .std-btnx1-link .std-btnx1-link-bg {
        opacity: 1;
    }

    .grtr-reset-tit:hover {
        background: var(--colormain);
    }
}

.footer-share li .footer-share-btn .ys-imgbox-cover {
    overflow: unset;
}

.down-main .down-load .global-ref-top-left .ys-select-opt-nub {
    width: 150%;
}

.down-main .down-load .global-ref-top-left .ys-select-li-box {
    margin-top: 5px;
}

.down-main .down-load .global-ref-top-left .ys-select-nub {
    align-items: stretch;
}

.touch-contact-report-tit {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color666);
    margin-bottom: 0.1rem;
    font-family: 'MAITIAN-Bold';
}

.touch-contact-report-info,
.touch-contact-report-info p {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color666);
    margin-bottom: 3px;
}

.touch-contact-report-info p a {
    color: var(--color666);
    font-family: 'MAITIAN-Bold';
    display: inline-block;
}

.touch-contact-report-info p:last-child {
    margin-bottom: 0 !important;
}

.touch-contact-report {
    padding-top: 0.7rem;
}

.footer-logo-input-btn {
    transition: all 0.36s;
}

.footer-logo.notinput .footer-logo-input-btn {
    pointer-events: none;
    opacity: 0.5;
}

.footer-logo-input input:-webkit-autofill,
.footer-logo-input input:-webkit-autofill:hover,
.footer-logo-input input:-webkit-autofill:focus,
.footer-logo-input input:-webkit-autofill:active {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.home-reliable-bottom-right {
    width: 16.7%;
}

.series-resour .series-resour-bottom-inof {
    width: 100%;
}

.homecn-main .hcbl-line {
    opacity: 0 !important;
    pointer-events: none;
}

.homecn-main .home-constant-bottom-logo {
    width: 5rem;
    height: 5rem;
    top: 37%;
    background: rgba(249, 246, 255, 1);
    transform: translate(-50%, -50%)
}

.hcbl-logoimg {
    width: 3.18rem;
}

.homecn-main .home-constant-bottom-tit {
    margin-top: -19%;
}

.homecn-main .home-constant-consbox-bg {
    z-index: 3;
}

.homecn-main .home-constant-bottom-info {
    z-index: 3;
}

.home-reliable-bottom-left {
    background: #fff;
    border: 1px solid var(--colormain);
    bottom: 10%;
    top: auto;
}

.hrbl-num {
    color: #000;
}

.hrbl-text,
.hrbl-text p {
    color: var(--color666);
}

.home-reliable-bottom-right {
    border: 1px solid var(--colormain);
    background: var(--colormain);
    top: 10%;
    bottom: auto;
}

.hrbr-num {
    color: var(--colorfff);
}

.hrbr-text,
.hrbr-text p {
    color: var(--colorfff);
}

.hrbc-img2 {
    opacity: 0;
    pointer-events: none;
}

.hcbl-fulllogo {
    width: 100%;
    pointer-events: none;
    opacity: 0;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.hcbl-fulllogo-ph {
    display: none;
}


.home-reliable-bottom-left.home-reliable-bottom-copyleft {
    bottom: auto;
    top: -16%;
    left: 7%;
    padding: 0.28rem 0.21rem 0.28rem 0.24rem;
}

.down-main .newdown-load .global-ref-top-left {
    width: 100%;
}

.down-main .newdown-load .global-ref-top {
    margin-bottom: 0.3rem;
}

.newdown-load .global-ref-file {
    margin-bottom: 0.3rem;
    display: flex;
}

.newdown-load .global-ref-file-tet {
    width: fit-content;
    padding-right: 10px;
    color: #666;
}

.newdown-load .global-ref-file-list {
    --ge: auto;
    --gap1: 0.2rem;
    --gap2: 0.15rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.newdown-load .global-ref-file-list>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.newdown-load .grfl-li {
    display: flex;
    align-items: center;
}

.newdown-load .grfl-li-cry {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.down-main .newdown-load .global-ref-top-bt {
    padding-top: 0rem;
    padding-bottom: 0.3rem;
}

.down-main .newdown-load .global-ref-top-right {
    margin-bottom: 0.6rem;
    display: flex;
    align-items: stretch;
}

.down-main .newdown-load .down-load-select {
    width: 30.38%;
}

.down-main .newdown-load .global-ref-top-left .ys-select {
    width: 14.63%;
}

.newdown-load .grfl-li.act .ys-select-li-box img {
    opacity: 1;
}

.newdown-load .grfl-li.act .ys-select-li-box::after {
    border: 1px solid var(--colormain);
}

.cgbl-li.res .cgbl-li-cry {
    flex-direction: row-reverse;
    padding: 6px 0.24rem 4px 6px;
}

.cgbl-li.res .cgbl-li-cry-text {
    margin-right: 0;
    margin-left: 0.16rem;
}

.cgbl-li-cry-dis {
    width: 0.24rem;
    height: 0.24rem;
}

.cgbl-li-cry {
    padding: 2px 4px 2px 0.1rem;
}

.cgbl-li.res .cgbl-li-cry {
    padding: 2px 0.1rem 2px 4px;
}

.cgbl-li-cry {
    align-items: center;
}

#glass-distortion,
.liquidGlass-wrapper {
    --frost: 5px;
    --border: 1.5px;
}

.liquidGlass-wrapper {
    display: inline-block;
    border-radius: 9999px;
    overflow: hidden;
    isolation: isolate;
    position: relative;
    box-shadow: 0 0px var(--border) rgba(255, 255, 255, 0.2), 0 0 20px rgba(255, 255, 255, 0.1);
}

.liquidGlass-effect {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(var(--frost));
    -webkit-backdrop-filter: blur(var(--frost));
    -moz-backdrop-filter: blur(var(--frost));
    -ms-backdrop-filter: blur(var(--frost));
    -o-backdrop-filter: blur(var(--frost));
    filter: url(#glass-distortion);
    -webkit-filter: url(#glass-distortion);
    -moz-filter: url(#glass-distortion);
    -ms-filter: url(#glass-distortion);
    -o-filter: url(#glass-distortion);
    border-radius: inherit;
    height: calc(100% - 1px);
    top: 1px;
}

.liquidGlass-tint {
    position: absolute;
    inset: 0;
    background: rgba(250, 250, 250, 0.08);
    border-radius: inherit;
    height: calc(100% - 1px);
    top: 1px;
}

.liquidGlass-shine {
    inset: 0;
    position: absolute;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    padding: 1px;
    border-radius: inherit;
    height: 100%;
    width: 100%;
}

.home-reliable-newstyle .liquidGlass-wrapper {
    border-radius: 20px;
    border: none;
    position: absolute;
    z-index: 10;
    border: 1px solid var(--colorfff);
    box-shadow: inset 4px 4px 20px 2px rgb(181 181 181 / 6%), inset -4px -4px 9px 2px rgb(232 232 232 / 6%), 0 18px 32px 0 rgba(70, 27, 152, 0.06);
    background: rgb(134 85 255 / 1%);
}

.home-reliable-newstyle .home-reliable-bottom-left,
.home-reliable-newstyle .home-reliable-bottom-right {
    width: 18.39%;
    padding: 0.24rem 0.2rem;
}

.home-reliable-newstyle .hrbl-num,
.home-reliable-newstyle .hrbr-num {
    margin-bottom: 0.12rem;
    color: #000;
    text-align: left;
    font-size: 0.32rem;

}

.home-reliable-newstyle .hrbl-text,
.home-reliable-newstyle .hrbr-text {
    margin-bottom: 0;
    color: #000;
}

.home-reliable-newstyle .hrbl-icon,
.home-reliable-newstyle .hrbr-icon {
    display: none;
}

.home-reliable-newstyle .hrbr-box {
    position: relative;
    z-index: 5;
}

.home-reliable-newstyle .hrbr-text,
.home-reliable-newstyle .hrbr-text p {
    color: var(--color666);
}

.home-reliable-newstyle .home-reliable-bottom-left {
    left: 6%;
}

.home-reliable-newstyle .home-reliable-bottom-left.home-reliable-bottom-copyleft {
    top: 17%;
    left: 0%;
}

.home-reliable-bottom-right {
    top: 46%;
}

.inver-product-txt span:first-child {
    animation: horse1 20s linear infinite;
}

.inver-product-txt span:nth-of-type(2) {
    animation: horse2 20s linear infinite;
}

.inver-product-txt span:nth-of-type(3) {
    animation: horse3 20s linear infinite;
}

.inver-product-txt span {
    opacity: 0.05;
}

.ys-nybanner2 .inside-banner-case-tit2,
.ys-nybanner2 .inside-banner-case-txt,
.ys-nybanner2 .inside-banner-case-txt p,
.ys-nybanner2 .inside-banner-case-bottom .std-btnx1-link-font,
.ys-nybanner2 .ibci-nub-box-txt {
    color: #2e0059;
}



.compintr-hist {
    position: relative;
    overflow: hidden;
}

.compintr-hist-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.compintr-hist-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.compintr-hist-bottom {
    overflow: visible !important;
}

.compintr-hist-bottom-swiper,
.compintr-hist-bottom-swiper .swiper-wrapper,
.compintr-hist-bottom-swiper .swiper-slide {
    overflow: visible !important;
}

.chbs-li-cry-top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chbs-li-cry-time {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 0.72rem;
    line-height: 1;
    font-family: var(--semiBold);
    font-weight: 700;
    color: #8655FF;
    background: linear-gradient(102deg, #8655FF 45%, #25E577 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    white-space: nowrap;
    position: relative;
    z-index: 5;
}

.clct-sup {
    display: block;
    width: 4.6rem;
    height: 1px;
    border-top: 1px dashed #8655FF;
    position: relative;
}

.clct-sup::after {
    content: "";
    width: 7px;
    height: 7px;
    background: #8655FF;
    border-radius: 50%;
    position: absolute;
    top: -4px;
}

.chbs-li-cry-top .clct-sup:first-child::after {
    right: -2px;
}

.chbs-li-cry-top .clct-sup:last-child::after {
    left: -2px;
}

/* ================= TDS GROUPS SECTION CSS START ================= */

.tds-groups-section {
    position: relative;
    padding: 90px 20px;
    background:
        radial-gradient(circle at top left, rgba(134, 85, 255, 0.18), transparent 35%),
        radial-gradient(circle at bottom right, rgba(37, 229, 119, 0.18), transparent 35%),
        linear-gradient(135deg, var(--colorbj), var(--colorfff));
    overflow: hidden;
}

.tds-groups-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.tds-groups-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 55px;
}

.tds-groups-subtitle {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 16px;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--colorefe), var(--colord2f));
    color: var(--colormain);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.tds-groups-heading h1 {
    font-size: 46px;
    line-height: 1.2;
    font-weight: 800;
    margin: 0 0 16px;
    color: var(--color2e0);
}

.tds-groups-heading p {
    font-size: 17px;
    line-height: 1.8;
    color: var(--color666);
    margin: 0;
}

.tds-groups-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

/* ================= CARD ================= */

.tds-group-card {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    min-height: 330px;
    text-decoration: none;
    padding: 32px 28px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(134, 85, 255, 0.14);
    box-shadow: 0 18px 45px rgba(46, 0, 89, 0.08);
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.tds-group-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--colormain), var(--color2e5));
    opacity: 0;
    z-index: -2;
    transition: opacity 0.35s ease;
}

.tds-group-card::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    right: -50px;
    bottom: -50px;
    border-radius: 50%;
    background: rgba(134, 85, 255, 0.09);
    z-index: -1;
    transition: all 0.35s ease;
}

.tds-group-card:hover {
    transform: translateY(-10px);
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: 0 28px 70px rgba(46, 0, 89, 0.18);
}

.tds-group-card:hover::before {
    opacity: 1;
}

.tds-group-card:hover::after {
    width: 190px;
    height: 190px;
    background: rgba(255, 255, 255, 0.16);
}

/* ================= LOGO ================= */

.tds-group-logo {
    position: relative;
    z-index: 2;
    width: 92px;
    height: 92px;
    flex: 0 0 92px;
    margin-bottom: 24px;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--colorfff), var(--colorefe));
    border: 1px solid rgba(134, 85, 255, 0.18);
    box-shadow: 0 14px 35px rgba(46, 0, 89, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.tds-group-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.35s ease;
}

.tds-group-card:hover .tds-group-logo {
    background: var(--colorfff);
    transform: rotate(-4deg) scale(1.06);
    box-shadow: 0 18px 45px rgba(46, 0, 89, 0.18);
}

.tds-group-card:hover .tds-group-logo img {
    transform: scale(1.05);
}

/* ================= CONTENT ================= */

.tds-group-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.tds-group-content h3 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
    color: var(--color2e0);
    margin: 0 0 12px;
    transition: color 0.35s ease;
}

.tds-group-content h3 sup {
    font-size: 0.62em;
    top: -0.55em;
    position: relative;
    margin-left: 1px;
}

.tds-group-content p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--color666);
    margin: 0 0 22px;
    transition: color 0.35s ease;
}

.tds-group-content span {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 15px;
    font-weight: 700;
    color: var(--colormain);
    transition: color 0.35s ease;
}

.tds-group-content span i {
    font-size: 13px;
    transition: transform 0.35s ease;
}

.tds-group-card:hover .tds-group-content h3,
.tds-group-card:hover .tds-group-content p,
.tds-group-card:hover .tds-group-content span {
    color: var(--colorfff);
}

.tds-group-card:hover .tds-group-content span i {
    transform: translateX(6px);
}

/* ================= BACKGROUND SHAPES ================= */

.tds-groups-bg-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    opacity: 0.45;
    z-index: 1;
    pointer-events: none;
}

.shape-one {
    width: 260px;
    height: 260px;
    top: -110px;
    left: -90px;
    background: var(--colord0c);
}

.shape-two {
    width: 300px;
    height: 300px;
    right: -130px;
    bottom: -120px;
    background: var(--colord2f);
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1199px) {
    .tds-groups-container {
        max-width: 960px;
    }

    .tds-groups-grid {
        gap: 24px;
    }

    .tds-group-card {
        padding: 30px 24px;
    }
}

@media (max-width: 991px) {
    .tds-groups-section {
        padding: 75px 18px;
    }

    .tds-groups-heading {
        margin-bottom: 45px;
    }

    .tds-groups-heading h1 {
        font-size: 38px;
    }

    .tds-groups-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .tds-group-card {
        min-height: 315px;
    }
}

@media (max-width: 767px) {
    .tds-groups-section {
        padding: 65px 16px;
    }

    .tds-groups-heading h1 {
        font-size: 34px;
    }

    .tds-groups-heading p {
        font-size: 15.5px;
        line-height: 1.7;
    }

    .tds-groups-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .tds-group-card {
        min-height: auto;
        padding: 28px 24px;
        border-radius: 24px;
    }
}

@media (max-width: 575px) {
    .tds-groups-section {
        padding: 58px 14px;
    }

    .tds-groups-heading {
        margin-bottom: 34px;
    }

    .tds-groups-subtitle {
        font-size: 12px;
        padding: 7px 14px;
        margin-bottom: 14px;
    }

    .tds-groups-heading h1 {
        font-size: 30px;
    }

    .tds-groups-heading p {
        font-size: 14.5px;
    }

    .tds-group-card {
        padding: 25px 20px;
        border-radius: 22px;
    }

    .tds-group-logo {
        width: 78px;
        height: 78px;
        flex-basis: 78px;
        border-radius: 20px;
        padding: 11px;
        margin-bottom: 20px;
    }

    .tds-group-content h3 {
        font-size: 20px;
    }

    .tds-group-content p {
        font-size: 14px;
        line-height: 1.65;
        margin-bottom: 20px;
    }

    .tds-group-content span {
        font-size: 14px;
    }

    .shape-one {
        width: 190px;
        height: 190px;
        top: -90px;
        left: -95px;
    }

    .shape-two {
        width: 210px;
        height: 210px;
        right: -110px;
        bottom: -100px;
    }
}

@media (max-width: 360px) {
    .tds-groups-section {
        padding: 50px 10px;
    }

    .tds-groups-heading h1 {
        font-size: 27px;
    }

    .tds-groups-heading p {
        font-size: 14px;
    }

    .tds-group-card {
        padding: 22px 16px;
        border-radius: 20px;
    }

    .tds-group-logo {
        width: 70px;
        height: 70px;
        flex-basis: 70px;
        border-radius: 18px;
        padding: 10px;
    }

    .tds-group-content h3 {
        font-size: 18px;
    }

    .tds-group-content p {
        font-size: 13.5px;
    }
}

/* Mobile par hover issue avoid karne ke liye */
@media (hover: none) {
    .tds-group-card:hover {
        transform: none;
    }
}

/* ================= TDS GROUPS SECTION CSS END ================= */
/* ================= TDS PARTNERS SECTION CSS START ================= */

.tds-partners-section {
    position: relative;
    padding: 92px 20px;
    background:
        radial-gradient(circle at 12% 10%, rgba(37, 229, 119, 0.16), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(134, 85, 255, 0.18), transparent 34%),
        linear-gradient(180deg, var(--colorfff), var(--colorbj));
    overflow: hidden;
}

.tds-partners-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.tds-partners-heading {
    max-width: 790px;
    margin: 0 auto 55px;
    text-align: center;
}

.tds-partners-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--colorefe), var(--colord2f));
    color: var(--colormain);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.tds-partners-heading h1 {
    font-size: 46px;
    line-height: 1.2;
    font-weight: 850;
    color: var(--color2e0);
    margin: 0 0 16px;
}

.tds-partners-heading p {
    font-size: 17px;
    line-height: 1.8;
    color: var(--color666);
    margin: 0;
}

/* ================= GRID ================= */

.tds-partners-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

/* ================= CARD ================= */

.tds-partner-card {
    position: relative;
    isolation: isolate;
    min-height: 225px;
    padding: 24px 22px;
    border-radius: 24px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(134, 85, 255, 0.13);
    box-shadow: 0 16px 40px rgba(46, 0, 89, 0.07);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.tds-partner-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--color2e0), var(--colormain));
    opacity: 0;
    z-index: -2;
    transition: opacity 0.35s ease;
}

.tds-partner-card::after {
    content: "";
    position: absolute;
    width: 95px;
    height: 95px;
    right: -35px;
    top: -35px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(134, 85, 255, 0.14), rgba(37, 229, 119, 0.18));
    z-index: -1;
    transition: all 0.35s ease;
}

.tds-partner-card:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 255, 255, 0.34);
    box-shadow: 0 26px 65px rgba(46, 0, 89, 0.18);
}

.tds-partner-card:hover::before {
    opacity: 1;
}

.tds-partner-card:hover::after {
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.13);
}

/* ================= LOGO BOX ================= */

.tds-partner-logo-box {
    width: 118px;
    height: 74px;
    flex: 0 0 74px;
    border-radius: 18px;
    margin-bottom: 22px;
    background: var(--colorfff);
    border: 1px solid rgba(134, 85, 255, 0.14);
    box-shadow: 0 12px 30px rgba(46, 0, 89, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.tds-partner-logo-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.35s ease;
}

.tds-partner-card:hover .tds-partner-logo-box {
    background: var(--colorfff);
    transform: translateY(-4px) scale(1.04);
    box-shadow: 0 18px 45px rgba(46, 0, 89, 0.16);
}

.tds-partner-card:hover .tds-partner-logo-box img {
    transform: scale(1.05);
}

/* ================= TEXT ================= */

.tds-partner-info {
    position: relative;
    z-index: 2;
    padding-right: 32px;
}

.tds-partner-info h3 {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;
    color: var(--color2e0);
    margin: 0 0 8px;
    transition: color 0.35s ease;
}

.tds-partner-info p {
    font-size: 14px;
    line-height: 1.55;
    color: var(--color666);
    margin: 0;
    transition: color 0.35s ease;
}

.tds-partner-card:hover .tds-partner-info h3,
.tds-partner-card:hover .tds-partner-info p {
    color: var(--colorfff);
}

/* ================= ARROW ================= */

.tds-partner-arrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--colorefe);
    color: var(--colormain);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    z-index: 2;
    transition: all 0.35s ease;
}

.tds-partner-card:hover .tds-partner-arrow {
    background: var(--colorfff);
    color: var(--color2e0);
    transform: translate(4px, -4px);
}

/* ================= BACKGROUND SHAPES ================= */

.tds-partners-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.45;
    z-index: 1;
    filter: blur(2px);
}

.partners-shape-one {
    width: 270px;
    height: 270px;
    left: -110px;
    bottom: 70px;
    background: var(--colord2f);
}

.partners-shape-two {
    width: 310px;
    height: 310px;
    right: -140px;
    top: 60px;
    background: var(--colord0c);
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1199px) {
    .tds-partners-container {
        max-width: 960px;
    }

    .tds-partners-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .tds-partners-section {
        padding: 76px 18px;
    }

    .tds-partners-heading {
        margin-bottom: 44px;
    }

    .tds-partners-heading h1 {
        font-size: 38px;
    }

    .tds-partners-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tds-partner-card {
        min-height: 215px;
    }
}

@media (max-width: 767px) {
    .tds-partners-section {
        padding: 66px 16px;
    }

    .tds-partners-heading h1 {
        font-size: 34px;
    }

    .tds-partners-heading p {
        font-size: 15.5px;
        line-height: 1.7;
    }

    .tds-partner-card {
        padding: 23px 20px;
        border-radius: 22px;
    }
}

@media (max-width: 575px) {
    .tds-partners-section {
        padding: 58px 14px;
    }

    .tds-partners-heading {
        margin-bottom: 34px;
    }

    .tds-partners-subtitle {
        font-size: 12px;
        padding: 7px 14px;
        margin-bottom: 14px;
    }

    .tds-partners-heading h1 {
        font-size: 30px;
    }

    .tds-partners-heading p {
        font-size: 14.5px;
    }

    .tds-partners-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .tds-partner-card {
        min-height: auto;
        padding: 22px 18px;
        border-radius: 20px;
    }

    .tds-partner-logo-box {
        width: 108px;
        height: 66px;
        flex-basis: 66px;
        border-radius: 17px;
        padding: 11px;
        margin-bottom: 18px;
    }

    .tds-partner-info h3 {
        font-size: 17px;
    }

    .tds-partner-info p {
        font-size: 13.5px;
    }

    .tds-partner-arrow {
        right: 17px;
        bottom: 17px;
        width: 34px;
        height: 34px;
        font-size: 13px;
    }

    .partners-shape-one {
        width: 210px;
        height: 210px;
        left: -120px;
        bottom: 40px;
    }

    .partners-shape-two {
        width: 220px;
        height: 220px;
        right: -130px;
        top: 35px;
    }
}

@media (max-width: 360px) {
    .tds-partners-section {
        padding: 50px 10px;
    }

    .tds-partners-heading h1 {
        font-size: 27px;
    }

    .tds-partners-heading p {
        font-size: 14px;
    }

    .tds-partner-card {
        padding: 20px 15px;
    }

    .tds-partner-logo-box {
        width: 96px;
        height: 60px;
        flex-basis: 60px;
        border-radius: 16px;
        padding: 10px;
    }

    .tds-partner-info {
        padding-right: 34px;
    }

    .tds-partner-info h3 {
        font-size: 16px;
    }

    .tds-partner-info p {
        font-size: 13px;
    }
}

@media (hover: none) {
    .tds-partner-card:hover {
        transform: none;
    }
}

/* ================= TDS PARTNERS SECTION CSS END ================= */
/* ================= CONTACT BANNER TOGGLE START ================= */

.tds-contact-banner {
    position: relative;
    overflow: hidden;
}

.tds-contact-banner-content {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 430px;
    gap: 35px;
    align-items: center;
}

.tds-contact-banner-left h1 {
    margin: 0;
}

.tds-contact-banner-right {
    width: 100%;
    max-width: 430px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tds-solar-toggle {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 15px 17px;
    border-radius: 18px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 14px 38px rgba(46, 0, 89, 0.20);
    backdrop-filter: blur(12px);
    overflow: hidden;
    transition: all 0.35s ease;
}

.tds-solar-toggle::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--colormain), var(--color2e5));
    opacity: 0;
    z-index: -2;
    transition: opacity 0.35s ease;
}

.tds-solar-toggle::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -35px;
    top: -35px;
    border-radius: 50%;
    background: rgba(134, 85, 255, 0.12);
    z-index: -1;
    transition: all 0.35s ease;
}

.tds-solar-toggle:hover,
.tds-solar-toggle.active {
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 24px 60px rgba(46, 0, 89, 0.28);
}

.tds-solar-toggle:hover::before,
.tds-solar-toggle.active::before {
    opacity: 1;
}

.tds-solar-toggle:hover::after,
.tds-solar-toggle.active::after {
    width: 135px;
    height: 135px;
    background: rgba(255, 255, 255, 0.16);
}

.tds-toggle-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.tds-toggle-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--colorefe), var(--colord2f));
    color: var(--colormain);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    transition: all 0.35s ease;
}

.tds-solar-toggle:hover .tds-toggle-icon,
.tds-solar-toggle.active .tds-toggle-icon {
    background: var(--colorfff);
    color: var(--colormain);
    transform: rotate(-5deg) scale(1.06);
}

.tds-toggle-text {
    min-width: 0;
}

.tds-toggle-text h4 {
    font-size: 15.5px;
    line-height: 1.25;
    font-weight: 800;
    color: var(--color2e0);
    margin: 0 0 4px;
    transition: color 0.35s ease;
}

.tds-toggle-text p {
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--color666);
    margin: 0;
    transition: color 0.35s ease;
}

.tds-solar-toggle:hover .tds-toggle-text h4,
.tds-solar-toggle:hover .tds-toggle-text p,
.tds-solar-toggle.active .tds-toggle-text h4,
.tds-solar-toggle.active .tds-toggle-text p {
    color: var(--colorfff);
}

.tds-toggle-switch {
    width: 46px;
    height: 25px;
    flex: 0 0 46px;
    border-radius: 50px;
    background: var(--colorefe);
    padding: 3px;
    transition: all 0.35s ease;
}

.tds-toggle-switch span {
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--colormain);
    transition: all 0.35s ease;
}

.tds-solar-toggle:hover .tds-toggle-switch,
.tds-solar-toggle.active .tds-toggle-switch {
    background: var(--colorfff);
}

.tds-solar-toggle:hover .tds-toggle-switch span,
.tds-solar-toggle.active .tds-toggle-switch span {
    transform: translateX(21px);
    background: var(--color2e5);
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1199px) {
    .tds-contact-banner-content {
        grid-template-columns: 1fr 390px;
        gap: 28px;
    }
}

@media (max-width: 991px) {
    .tds-contact-banner-content {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .tds-contact-banner-right {
        max-width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 575px) {
    .tds-contact-banner-content {
        gap: 18px;
    }

    .tds-solar-toggle {
        padding: 13px 13px;
        gap: 10px;
        border-radius: 16px;
    }

    .tds-toggle-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 17px;
        border-radius: 13px;
    }

    .tds-toggle-text h4 {
        font-size: 14px;
    }

    .tds-toggle-text p {
        font-size: 12px;
    }

    .tds-toggle-switch {
        width: 40px;
        height: 22px;
        flex-basis: 40px;
    }

    .tds-toggle-switch span {
        width: 16px;
        height: 16px;
    }

    .tds-solar-toggle:hover .tds-toggle-switch span,
    .tds-solar-toggle.active .tds-toggle-switch span {
        transform: translateX(18px);
    }
}

@media (max-width: 360px) {
    .tds-solar-toggle {
        padding: 12px 10px;
    }

    .tds-toggle-left {
        gap: 9px;
    }

    .tds-toggle-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        font-size: 15px;
    }

    .tds-toggle-text h4 {
        font-size: 13.5px;
    }

    .tds-toggle-text p {
        font-size: 11.5px;
    }

    .tds-toggle-switch {
        width: 36px;
        height: 21px;
        flex-basis: 36px;
    }

    .tds-toggle-switch span {
        width: 15px;
        height: 15px;
    }

    .tds-solar-toggle:hover .tds-toggle-switch span,
    .tds-solar-toggle.active .tds-toggle-switch span {
        transform: translateX(15px);
    }
}

/* ================= CONTACT BANNER TOGGLE END ================= */
/* Structure Info Boxes Start */

.structure-info-boxes {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
}

.structure-info-boxes .structure-info-item {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.structure-info-card {
    width: 245px !important;
    min-height: 88px !important;
    padding: 15px 16px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 14px 34px rgba(46, 0, 89, 0.22);
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    overflow: hidden;
    position: relative;
    transition: all 0.35s ease;
}

.structure-info-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(134, 85, 255, 0.85), rgba(37, 229, 119, 0.78));
    opacity: 0;
    transition: all 0.35s ease;
    z-index: 0;
}

.structure-info-card::after {
    content: "";
    position: absolute;
    width: 85px;
    height: 85px;
    right: -35px;
    top: -35px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    transition: all 0.35s ease;
    z-index: 1;
}

.structure-info-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 22px 55px rgba(46, 0, 89, 0.32);
}

.structure-info-card:hover::before {
    opacity: 1;
}

.structure-info-card:hover::after {
    width: 135px;
    height: 135px;
}

.structure-info-icon {
    position: relative;
    z-index: 2;
    flex: 0 0 auto !important;
}

.structure-info-text {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.structure-info-text h4 {
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
}

.structure-info-text p {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0.2px;
}

/* Responsive */

@media (max-width: 767px) {
    .structure-info-boxes {
        gap: 14px !important;
    }

    .structure-info-card {
        width: 225px !important;
        min-height: 84px !important;
        padding: 14px 15px !important;
    }

    .structure-info-text h4 {
        font-size: 14px !important;
    }

    .structure-info-text p {
        font-size: 12px !important;
    }
}

@media (max-width: 520px) {
    .structure-info-boxes {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .structure-info-boxes .structure-info-item {
        width: 100% !important;
    }

    .structure-info-card {
        width: 100% !important;
        max-width: 320px !important;
    }
}

@media (max-width: 360px) {
    .structure-info-card {
        max-width: 100% !important;
        padding: 13px 13px !important;
        gap: 10px !important;
    }

    .structure-info-text h4 {
        font-size: 13.5px !important;
    }

    .structure-info-text p {
        font-size: 11.5px !important;
    }
}

/* Structure Info Boxes End */
.structure-info-boxes {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
    margin: 24px 0 40px !important;
    padding: 0 !important;
}

.inside-banner-case-bottom {
    margin-top: 16px !important;
}
/* ================= Related Product Description CSS Start ================= */

.series-pro .spli-nub-link {
    display: block;
    text-decoration: none;
}

.series-pro .spli-nub-pic {
    overflow: hidden;
    border-radius: 18px;
}

.series-pro .spli-nub-pic img:last-child {
    transition: all 0.45s ease;
}

.series-pro .spli-nub:hover .spli-nub-pic img:last-child {
    transform: scale(1.05);
}

.series-pro .spli-nub-tit {
    margin-bottom: 10px;
}

/* Description box always visible */
.series-pro .spli-nub-desc {
    margin-top: 10px;
    margin-bottom: 16px;
    padding: 13px 15px;
    border-radius: 14px;

    background: #ffffff;
    border: 1px solid rgba(134, 85, 255, 0.18);

    color: #333333;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 500;

    box-shadow: 0 10px 28px rgba(46, 0, 89, 0.12);
    transition: all 0.35s ease;
}

/* Hover effect */
.series-pro .spli-nub:hover .spli-nub-desc {
    background: linear-gradient(135deg, #8655FF, #25E577);
    border-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 16px 38px rgba(46, 0, 89, 0.25);
}

.series-pro .spli-nub-inof {
    margin-top: 0;
}

/* ================= Responsive ================= */

@media (max-width: 767px) {
    .series-pro .spli-nub-desc {
        font-size: 13px;
        line-height: 1.45;
        padding: 11px 12px;
        border-radius: 12px;
        margin-top: 8px;
        margin-bottom: 14px;
    }
}

@media (max-width: 420px) {
    .series-pro .spli-nub-desc {
        font-size: 12px;
        line-height: 1.4;
        padding: 10px 11px;
    }
}

/* ================= Related Product Description CSS End ================= */