@charset "utf-8";
/* 公共样式 - start */
body,
input,
textarea {
    font-family: "titillium_webregular", "PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "titillium_webregular", "PingFang SC", "Microsoft YaHei" !important;
}


@font-face {
    font-family: 'titillium_webregular';
    src: url('../fonts/titilliumweb-regular/titilliumweb-regular-webfont.woff') format('woff2'),
        url('../fonts/titilliumweb-regular/titilliumweb-regular-webfont.woff2') format('woff');
}

@font-face {
    font-family: 'titillium_webbold';
    src: url('../fonts/titilliumweb-bold/titilliumweb-bold-webfont.woff') format('woff2'),
        url('../fonts/titilliumweb-bold/titilliumweb-bold-webfont.woff2') format('woff');

}

@font-face {
    font-family: 'titillium_websemibold';
    src: url('../fonts/titilliumweb-semibold/titilliumweb-semibold-webfont.woff2') format('woff2'),
        url('../fonts/titilliumweb-boldsemi/titilliumweb-semibold-webfont.woff') format('woff');

}
@font-face {
    font-family: 'titillium_black';
    src: url('../fonts/titilliumweb-black/titilliumweb-black-webfont.woff2') format('woff2'),
        url('../fonts/titilliumweb-black/titilliumweb-black-webfont.woff') format('woff');

}
html {
    font-size: 100px;
}
/* a[href=""],a[href='']{
    cursor:default
} */
.mod-form input:-webkit-autofill,
.mod-form input:-webkit-autofill:hover,
.mod-form input:-webkit-autofill:focus,
.mod-form input:-webkit-autofill:active {
    -webkit-text-fill-color: #333 !important;
}
: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 {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colorCBC: #CBCCCE;
    --colormain: #00229E;
    --colorbj: ;
    --colorjb: linear-gradient(120deg, #03F9E1 14.02%, #6425FC 85.88%);
    ;
    --color231: #231815;
    --color1F2: #1F2429;
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;
    /* 特殊字体或粗细 */
    --bold: '';
    --transition: all 0.4s ease;
    --transition1: all 0.8s var(--bezier1);
    --transition2: transform 1.5s var(--bezier2), -webkit-transform 1.5s var(--bezier2), opacity 1.2s var(--bezier2), color 0.3s var(--bezier2);
    --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
    /* 等于gsap的sine.out */
    --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1);
    /* 等于gsap的expo.inOut */
    --bezier2: cubic-bezier(.38, 0, 0, 1);
    --radius20: 20px;
    --radius10: 10px;
    --bold: 'titillium_webbold';
    --semibold: 'titillium_websemibold';
    --black: 'titillium_black';
}
.std-font64,
.std-font64 p {
    font-size: var(--font64);
    color: var(--color333);
    line-height: var(--line12);
}
.std-font58,
.std-font58 p,
.yxedr-active h2 {
    font-size: var(--font58);
    color: var(--color333);
    line-height: var(--line13);
}
/* .std-font48,
.std-font48 p{
    font-size: var(--font48);
    color: var(--color333);
    line-height: var(--line15);
} */
.std-font40,
.std-font40 p,
.yxedr-active h3 {
    font-size: var(--font40);
    color: var(--color333);
    line-height: var(--line12);
}
.std-font32,
.std-font32 p,
.yxedr-active h4 {
    font-size: var(--font32);
    color: var(--color333);
    line-height: var(--line12);
}
.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(--line15);
}
.std-text18,
.std-text18 p {
    font-size: var(--font18);
    color: var(--color333);
    line-height: var(--line15);
}
.std-text16,
.std-text16 p {
    font-size: var(--font16);
    color: rgba(0, 0, 0, 0.7);
    line-height: var(--line175);
}
.yxedr-active,
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line175);
}
.yxedr-active p {
    margin-bottom: 0.75em;
}
.yxedr-active>p:last-child {
    margin-bottom: 0;
}
.std-padd {
    padding: var(--space140) 0;
}
.std-padd1 {
    padding-top: var(--space140);
}
.std-padd2 {
    padding-bottom: var(--space140);
}
.std-padding120 {
    padding-bottom: var(--space120);
}
.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: '分享到 - 微信';
    /* content: 'Share the - WeChat'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2) !important;
    white-space: nowrap;
}
/*导航默认选中*/
.yxnav-active1 {}
.yxnav-active2 {}
/* 轮播溢出隐藏 */
.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;
}
/* 侧边锚点隐藏 */
.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 {}

/* 载入 */
.ys-upfade1 {
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: var(--transition2);
    will-change: transform, opacity;
}
.ys-upfade1.ys-fade-true {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}
/* 首页banner载入 */
.ys-ban-li.act .ys-ban-title {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.ys-nybanner h1,
.ys-nybanner .ys-ban-title p,
.ys-nybanner .ys-nyban-title p,
.ys-banner-tip {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
/* 公共样式 - end */

/*鼠标效果*/
@media screen and (min-width: 1200px) {}
/* Kaffi-start */

/* 按钮规范 */
.mod-btn-link {
    border-radius: 60px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4.449999809265137px);
    -webkit-backdrop-filter: blur(4.449999809265137px);
    -o-backdrop-filter: blur(4.449999809265137px);
    -ms-backdrop-filter: blur(4.449999809265137px);
    -moz-backdrop-filter: blur(4.449999809265137px);
    padding: 0.15rem 0.24rem;
    position: relative;
    transition: all .4s;
    z-index: 1;
    cursor: pointer;
}
.mod-btn-link span {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line12);
    position: relative;
    z-index: 3;
}
.mod-btn-link::after {
    border-radius: 60px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(95deg, #03F9E1 5.21%, #6425FC 95.11%);
    transition: all .4s;
    opacity: 0;
    z-index: 2;
}
.mod-btn.on .mod-btn-link {
    border: 1px solid #CBCCCE;
    background: var(--colorfff);
}
.mod-btn.on .mod-btn-link span {
    color: rgba(51, 51, 51, 0.70);
}
.mod-btn.act .mod-btn-link {
    border-color: transparent;
}
.mod-btn.act .mod-btn-link::after {
    opacity: 1;
}

.button-page .ys-main {
    background: var(--color333);
}
.mod-more-link {
    padding: 0.12rem 0.15rem;
    border-radius: 5px;
    background: transparent;
    position: relative;
    transition: all .4s;
    z-index: 1;
    overflow: hidden;
}
.mod-more-link::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: var(--colorjb);
    transition: all .4s;
    z-index: 2;
}

.mod-more-link span {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line12);
    transition: all .4s;
    position: relative;
    z-index: 3;
}
.mod-switch-btn {
    transition: all .4s;
    border-radius: 50%;
    border: 1px solid var(--colorfff);
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .4s;
    position: relative;
    z-index: 1;
}
.mod-switch-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: var(--colorjb);
    transition: all .4s;
    opacity: 0;
    z-index: 2;
    border-radius: 50%;
}
.mod-switch-btn img {
    width: 12px;
    position: relative;
    z-index: 3;
}
.mod-switch-btn-ri {
    transform: rotate(180deg);
    /* margin-left: 0.2rem; */
}
.mod-switch {
    display: flex;
}
.mod-icon-link {
    width: 20px;
}
.home-proj-box .mod-switch-btn {
    width: 58px;
    height: 58px;
}
.home-proj .ys-cont1400 {
    padding: 0 0.12rem;
}
.mod-icon-link .ys-imgbox-cover {
    position: relative;
    width: 100%;
    z-index: 3;
}
.mod-icon-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}
.mod-icon-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}
/* 顶部导航 */
.hnid-box-left-list.yxnav-active2 .hbll-link {
    color: var(--colorfff);

}
.hnid-box-left-list .hbll-link {
    display: block;
    line-height: var(--line15);
}
.hnid-box-left-list:first-child .hbll-link {
    padding-top: 0;
}
.hnid-box-left-list:last-child .hbll-link {
    padding-bottom: 0;
}
.ys-hd-pc::before {
    background: var(--color1F2);
}
.head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--colorfff) !important;
}
.ys-hd-pc.has-search .head-nav-item-title,
.ys-hd-pc.isfixed .head-nav-item-title,
.ys-hd-pc.ishover .head-nav-item-title,
.ys-page-wrap.act .ys-hd-pc .head-nav-item-title {
    color: var(--colorfff);
}
.head-lang-top-title {
    color: var(--colorfff);
}
.head-logo {
    width: 132px;
}
.head-nav-item-title {
    font-size: var(--font16);
}
.head-lang {
    margin-left: 19px;
    margin-right: 14px;
}
.head-search-btn {
    width: 20px;
}
.head-nav {
    width: calc(100% - 132px - 20%);
    padding-left: calc(1.06rem - var(--gap2));
    --gap1: 0rem;
    --gap2: 0.293rem;
}
.head-other {
    width: 20%;
}

.ys-header .mod-btn-link {
    padding: 0.15rem 0.32rem;
}
.head-nav-item-title::after {
    transition: all .4s;
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background: var(--colorfff);
    width: 0;

}
.head-nav-item.yxnav-active1 .head-nav-item-title::after {
    width: calc(100% - var(--gap2));
}
.head-nav-item-down {
    background: transparent;
    padding-top: 6px;
}
.hnid-wrap {
    border-radius: var(--radius20);
    background: rgba(31, 36, 41, 0.90);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.hnid-box-left {
    padding: 0.3rem;
    width: 100%;
}
.hnid-box-left1 {
    min-width: 260px;
}
.hnid-box-left2 {
    min-width: 210px;
}
.hnid-box-left3 {
    min-width: 194px;
}
.hnid-box-left4 {
    min-width: 230px;
}
.head-nav-item-down1 .hbll-link {
    width: 100%;
    padding: 0.1rem 0;
    color: rgba(255, 255, 255, .7);
    font-size: var(--font16);
    border-bottom: 0.5px dashed rgba(203, 204, 206, 0.5);
}
.head-nav-item-down1 .hnid-box-left-list:last-child .hbll-link {
    border: none;
}
.head-nav-item-down1.hnid-box-left {
    margin: -0.1rem 0;
}
.head-nav-item-down1 .hnid-box-left-list.yxnav-active2 .hblw-list-link {
    color: var(--colorfff);
}
.head-nav-item-down2 {
    top: auto;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    /* width: 100vw; */
    min-width: 1470px;
}
.head-nav-item-down2 .hblw-list-link {
    display: block;
    position: relative;
    cursor: pointer;
    transition: all .4s;
}
.head-nav-item-down2 .hblw-list-link .std-text16 {
    color: var(--colorfff);
    padding: 0.18rem;
    font-size: var(--font16);
    width: 100%;
}
.head-nav-item-down2 .hnid-box-left-wrap {
    margin-bottom: 0.2rem;
}
.head-nav-item-down2 .hblw-list.yxnav-active2 .hblw-list-link {
    display: block;
    background: rgba(255, 255, 255, 0.05);
    /* border: 1px solid var(--colorfff); */
    border-radius: var(--radius10) 0 0 var(--radius10);

}
.head-nav-item-down2 .hblw-list.yxnav-active2 .hblw-list-link .mod-border1 {
    opacity: 1;
}
.mod-border1 {
    opacity: 0;
    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: 1px;
    border-radius: var(--radius10) 0 0 var(--radius10);
    backdrop-filter: blur(117.94999694824219px);
    transition: all .4s;
}
.mod-border1 span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: all .4s;
    background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 113%);
}
.head-nav-item-down2 .hnid-box-left {
    width: 32%;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.46rem 0 0.47rem 0.7rem;
}
.head-nav-item-down2 .hnid-box-right {
    width: 68%;
    padding-right: 0.62rem;

}
.head-nav-item-down2 .hnid-box {
    display: flex;
}
.head-nav-item-down2 .hnid-box-left .mod-btn-link span {
    font-size: 14px;
}
.head-nav-item-down2 .hnid-box-left .mod-btn-link {
    padding: 0.08rem 0.16rem;
}
.head-nav-item-down2 .hnid-box-left .mod-btn {
    padding-left: 0.2rem;
}
.head-nav-item-down2 .hbri-wrap-item-link {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.head-nav-item-down2 .hbri-wrap-item.yxnav-active3 .hwil-box::after {
    opacity: 1;
}
.head-nav-item-down2 .hbri-wrap-item.yxnav-active3 .mod-btn.on .mod-btn-link {
    border: 1px solid transparent;
    background: transparent;
}
.head-nav-item-down2 .hbri-wrap-item.yxnav-active3 .mod-btn.on .mod-btn-link span {
    color: var(--colorfff);
}
.head-nav-item-down2 .hbri-wrap-item.yxnav-active3 .mod-btn-link::after {
    opacity: 1;
}
.head-nav-item-down2 .hbri-wrap-item-link .hwil-box {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0.27rem 0.4rem;
    border-radius: var(--radius20);
    z-index: 1;
    overflow: hidden;
}
.head-nav-item-down2 .hwil-box::after {
    position: absolute;
    content: '';
    background: rgba(255, 255, 255, 0.05);
    width: 100%;
    height: 100%;
    border-radius: var(--radius20);
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s;
    pointer-events: none;
}
.head-nav-item-down2 .hwil-bg {
    position: absolute;
    bottom: -8%;
    right: -15%;
    width: 60%;
}
.head-nav-item-down2 .hbri-wrap-item {
    width: 33.3333333%;
    padding: 0 0.25rem;
    padding-bottom: 0.6rem;
}
.head-nav-item-down2 .hbri-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.25rem;
    margin-bottom: -0.6rem;
}
.hwil-img {
    /* margin-bottom: 5px; */
    margin-bottom: 13px;
}
.hwil-cont-text {
    color: var(--colorfff);
    /* margin-bottom: 0.35rem; */
    margin-bottom: 0.32rem;
    font-size: var(--font14);
    line-height: var(--line15);
    flex-grow: 1;
}
.head-nav-item-down2 .hnid-box-right .mod-btn-link span {
    font-size: var(--font14);
}
.head-nav-item-down2 .hnid-box-right .mod-btn-link {
    padding: 0.07rem 0.15rem;
}
.hwil-cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
}
.hnid-box-right-item {
    height: calc(300px + var(--gap) * 2);
    padding: var(--gap);
    padding-right: 0;
    --gap: 0.5rem
}
.hnid-box-right .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.hnid-box-right .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.hnid-box-right .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.hnid-box-right .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, 0.7);
}
.hnid-box-right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
}
.hnid-box-right .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(203, 204, 206, 0.5);
    width: 1px;
}
.hnid-box-right .mCSB_inside>.mCSB_container>* {
    padding-right: 50px;
}
.mod-border2 {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: calc(100% - 1px);
    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: 1px;
    border-radius: var(--radius20);
    backdrop-filter: blur(117.94999694824219px);
}
.mod-border2 span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0.2) 100%)
}
.hnid-box-right-item:not(:first-child) {
    display: none;
}
/* A1首页 */
.ys-ban-li.slick-active .ys-ban-imgbox {
    animation: mysacle 5s ease both;
}
.ys-ban-imgbox::before {
    background: linear-gradient(180deg, rgba(31, 36, 41, 0.00) 29.52%, #1F2429 98.4%);
}
@keyframes mysacle {
    0% {
        transform: scale(1.15);
    }
}
.ys-dots-slick-list {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 15px;
    cursor: pointer;
    margin: 0 8px;
}
.ys-dots-slick-list:first-child {
    margin-left: 0;
}
.ys-dots-slick-list::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.36s;
    box-sizing: border-box;
}
.ys-dots-slick-list::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 50%;
}
.ys-dots-slick .ys-bandots-li::after {
    background: rgba(102, 102, 102, 0.2);
}
.ys-dots-slick-list.act::after {
    background: #191E29;
}
.ys-dots-slick-list svg {
    opacity: 0;
    fill: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ys-dots-slick-list.act svg {
    opacity: 1;
}
.home-main .ys-ban-imgbox img {
    position: relative;
}
.home-main .ys-ban-imgbox img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(270deg, rgba(31, 36, 41, 0.00) 40.44%, rgba(31, 36, 41, 0.60) 82.71%), linear-gradient(0deg, rgba(31, 36, 41, 0.00) 73.19%, rgba(31, 36, 41, 0.80) 104.15%), linear-gradient(180deg, rgba(31, 36, 41, 0.00) 29.52%, #1F2429 98.4%), url(<path-to-image>) lightgray 0px -346.158px / 100% 153.032% no-repeat;
}
.ys-ban-li.act .ys-ban-subtitle,
.ys-ban-li.act .ys-ban-btnbox {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .4s;
}
.ys-ban-center {
    position: absolute;
    bottom: 1.26rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.ys-ban-title {
    font-size: var(--font62);
    color: var(--colorfff);
    width: 52%;
    margin-bottom: 0.31rem;
    line-height: var(--line13);
}
.home-main .ys-banner .mod-btn-link {
    padding: 0.17rem 0.34rem;
}
.ys-ban-subtitle p {
    color: var(--colorfff);
    font-size: var(--font20);
    line-height: var(--line12);
}
.ys-ban-subtitle {
    margin-bottom: 0.8rem;
}
.ys-ban-btnbox {
    display: flex;
}
.ys-ban-btnbox .mod-btn:nth-child(1) {
    padding-right: 0.4rem;
}
.ys-main {
    background: var(--color1F2);
}
.home-solu-top {
    margin-bottom: 0.78rem;
}
.home-solu-top .std-font20 p {
    color: var(--colorfff);
    text-align: center;
}
.home-solu-top .std-font58 {
    margin-bottom: 0.2rem;
}
.home-main .std-font58 {
    color: var(--colorfff);
    text-align: center;
}
.mod-tip {
    color: var(--colorfff);
    line-height: var(--line12);
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.10);
    padding: 0.07rem 0.1rem;
    font-size: var(--font16);
}
.hsbm-li-box .std-text18 p {
    color: var(--colorfff);
}
.hsbm-li-box .std-text18 {
    margin-bottom: 0.83rem;
    padding-right: 1.2rem;
}
.home-solu {
    overflow: visible;
}
.hlbi-list {
    padding: 0 0.05rem;
    padding-bottom: 0.1rem;
}
.hsbm-li-box-info {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.05rem;
    margin-bottom: -0.1rem;
}
.hsbm-li-box .std-font40 {
    color: var(--colorfff);
    line-height: var(--line13);
    margin-bottom: 0.23rem;
}
.hsbm-li-box-tip {
    margin-bottom: 0.4rem;
}
.home-solu-bot-middle {
    width: 36%;
}
.home-solu-bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.home-solu-bot-right {
    width: 51.5%;
    top: 30%;
    position: sticky;
    border-radius: var(--radius10);
}
.hsbm-li-box .mod-btn-link {
    padding: 0.16rem 0.36rem;
}
/* .hsbr-wrap{
    position: relative;
} */
/*kaffi-12.3-start*/
/*.hsbr-wrap-list {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    margin-bottom: 0 !important;*/
/*    padding-bottom: 0 !important;*/
/*    position: absolute !important;*/
/*    top: 100%;*/
/*    left: 0;*/
/*}*/
/*.hsbr-wrap-list:first-child {*/
/*    position: relative !important;*/
/*    top: 0% !important;*/
/*}*/
/*.hsbl-wrap {*/
/*    position: relative;*/
/*    display: block !important;*/
/*}*/
/*.hsbl-box {*/
/*    overflow: visible !important;*/
/*}*/

/*.hsbr-wrap-list:nth-child(1) {*/
/*    z-index: 3;*/
/*}*/
/*.hsbr-wrap-list:nth-child(2) {*/
/*    z-index: 4;*/
/*}*/
/*.hsbr-wrap-list:nth-child(3) {*/
/*    z-index: 5;*/
/*}*/
/*.hsbr-wrap-list:nth-child(4) {*/
/*    z-index: 6;*/
/*}*/
/*kaffi-12.3-end*/
.hsbl-wrap-list {
    margin-bottom: 0.52rem;
    --gap1: 48px;
}
.hsbl-wrap-list:last-child {
    margin-bottom: 0;
}
.hsbl-wrap-list-img {
    width: var(--gap1);
    height: var(--gap1);
    
    background: var(--colorfff);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    transition: all .4s;
    cursor: pointer;
}
.hsbl-wrap-list-img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colorjb);
    transition: all .4s;
    opacity: 0;
    z-index: -1;
}
.hsbl-wrap-list.act .hsbl-wrap-list-img::after {
    opacity: 1;
}
.hsbl-wrap-list.act .hsbl-wrap-list-img {
    background: transparent;
}
.hsbl-wrap-list.act .hsbl-wrap-list-img img:nth-child(1) {
    opacity: 0;
}
.hsbl-wrap-list.act .hsbl-wrap-list-img img:nth-child(2) {
    opacity: 1;
}
.hsbl-wrap-list-img img {
    width: 32px;
    transition: all .4s;
}
.hsbl-wrap-list-img img:nth-child(2) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.hsbl-wrap.act .hsbl-wrap-list-img img:nth-child(1) {
    opacity: 0;
}
.hsbl-wrap.act .hsbl-wrap-list-img img:nth-child(2) {
    opacity: 1;
}
.home-solu-bot-left {
    position: sticky;
    top: 38%;
    margin: 0.86rem 0;
}
.hsbr-box {
    overflow: hidden;
    border-radius: var(--radius10);
}
.hsbr-wrap {
    position: relative;
}
.hsbr-box-topbox {
    position: relative;
}
.home-solu-bot-icon {
    position: absolute;
    top: -0.14rem;
    right: -0.13rem;
    width: 0.9rem;
    transform: rotate(180deg);
}
.home-solu-bot-icon img {
    width: 100%;
}
.hsbm-li {
    margin-bottom: 1rem;
}
.hsbm-li:last-child {
    margin-bottom: 0;
}
.hpwl-link {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.hpwl-link-cont {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.4rem 1.73rem 0.28rem 0.4rem;
    width: 100%;
    height: 100%;
}
.hpwl-link-cont-top .std-font32 {
    color: var(--colorfff);
    margin-bottom: 0.12rem;
}
.hpwl-link-cont-top .std-text18 p {
    color: rgba(255, 255, 255, .8);
}
.hpwl-link-cont-top {
    margin-bottom: 0.4rem;
}
.hpwl-link-img {
    border-radius: var(--radius10);
}
.home-prod-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem;
    margin-bottom: -0.2rem;
}
.home-prod-wrap-list {
    width: 33.333333%;
    padding: 0 0.1rem;
    padding-bottom: 0.2rem;
}
.hpwl-link-cont-bot {
    display: flex;
    align-items: center;
}
.hpwl-link-cont-bot .std-text18 {
    color: var(--colorfff);
    padding-right: 0.07rem;
}
.hpii-link-cont .std-font24 {
    color: var(--colorfff);
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.hpii-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
}
.hpii-link-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.05);
    /* backdrop-filter: blur(117.94999694824219px); */
    overflow: hidden;
    padding: 0.18rem 0.17rem 0.31rem;
    transition: all .4s;
    position: relative;
}
.hpii-link-box::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--colorjb);
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    transition: all .4s;
}
.home-proj-info {
    margin: 0 -0.1rem;
}
.home-proj-info-item {
    padding: 0 0.1rem;
}
.hpii-link-box .ys-imgbox-cover {
    border-radius: var(--radius10);
    margin-bottom: 0.24rem;
}
.hpii-link-cont-tip {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 0.12rem;
    font-size: var(--font18);
    line-height: var(--line12);
}
.hpii-link-cont .std-font24 {
    color: var(--colorfff);
    line-height: var(--line13);
    margin-bottom: 0.46rem;
}
.hpii-link-cont-more {
    display: flex;
    align-items: center;
}
.hpii-link-cont-more .std-text18 {
    color: var(--colorfff);
    padding-right: 7px;
}
.hlcm-img {
    width: 20px;
    margin: 0 !important;
}
.hlcm-img img {
    width: 100%;
    ;
}
.home-proj-box {
    position: relative;
}
.home-proj-box .mod-switch-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.home-proj-box .mod-switch-btn-le {
    left: -110px;
}
.home-proj-box .mod-switch-btn-ri {
    right: -110px;
    transform: translateY(-50%) rotate(180deg);
}
.home-news-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.6rem;
}
.home-news-box-left {
    position: relative;
    width: 52%;
}
.home-news-box-right {
    width: 45.8%;
}
.home-news-box-left .ys-imgbox-cover {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.home-news-box-left .ys-imgbox-cover::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 60.65%, rgba(0, 0, 0, 0.40) 91.76%);
    opacity: 0;
}
.hnbl-link {
    width: 100%;
    position: relative;
    display: block;
}
.hnbl-link-tip {
    padding: 0.13rem 0.18rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line12);
}
.hnbl-link-bot-text {
    font-size: var(--font28);
    color: var(--colorfff);
    line-height: var(--line12);
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.hnbl-link-bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.48rem 0.4rem;
}
.hnbl-link-bot .std-text18 {
    color: var(--colorfff);
    margin-bottom: 0.16rem;
}
.hnbr-list-link {
    padding: 0.3rem 0.3rem 0.33rem 0.34rem;
    display: flex;
    align-items: center;
    transition: all .4s;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);

}
.hlll-top {
    display: flex;
    align-items: center;
    margin-bottom: 0.18rem;

}
.hlll-top .std-text18 {
    color: rgba(255, 255, 255, .4);
    padding-left: 0.1rem;
    transition: all .4s;
}
.hlll-top-tip {
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.10);
    padding: 0.1rem;
    transition: all .4s;
    color: var(--colorfff);
    font-size: var(--font16);
}
.hlll-bot {
    color: var(--colorfff);
    font-size: var(--font20);
    line-height: var(--line12);
    transition: all .4s;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.hnbr-list-link-left {
    width: calc(100% - 20px);
    padding-right: 0.61rem;
}
.home-news .std-font58 {
    margin-bottom: 0.5rem;
}
.home-news .mod-btn {
    display: flex;
    justify-content: center;
}
.home-proj .std-font58 {
    margin-bottom: 0.6rem;
}
.home-news .mod-btn-link {
    padding: 0.15rem 0.34rem;
}
/* 底部导航 */
.ys-footer-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ys-footer-img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(0deg, rgba(31, 36, 41, 0.00) 49.94%, #1F2429 97.99%);
}
.ys-footer {
    position: relative;
    --sapceft2: 0.6rem;
    --sapceft1: 0.7rem;
    --sapceft3: 10px;
    --sapceft4: 13px;
}
.ys-footer-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ys-footer>.ys-cont1600 {
    position: relative;
}
.ys-footer-cont .std-font20 {
    color: var(--colorfff);
    margin-bottom: 0.17rem;
    text-align: center;
}
.ys-footer-cont .std-font58 {
    margin-bottom: 0.8rem;
    width: 52%;
    color: var(--colorfff);
    text-align: center;
}
.ys-footer-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.54rem;
}
.ys-footer-cont .mod-btn .mod-btn-link {
    min-width: 465px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 8px 40px 0 rgba(255, 255, 255, 0.40), 0 4px 16.1px 0 rgba(255, 255, 255, 0.20);
}
.ys-footer-cont .mod-btn .mod-btn-link span {
    padding-right: 0.1rem;
}
.mod-btn-link-img {
    width: 8px;
    position: relative;
    z-index: 3;
}
.mod-btn-link-img img {
    width: 100%;
}
.footer-logo {
    margin-bottom: 0.3rem;
}
.footer-top-left {
    width: 17%;
}
.footer-nav>li>a {
    color: var(--colorfff);
    font-family: var(--bold);
    font-size: var(--font18);
    white-space: nowrap;
}
.footer-nav {
    --gap1: 0.3rem;
    --gap2: 0.2rem;
    --gap3: 0.16rem;
    width: calc(78% + calc(var(--gap1) * 2));
}
.footer-share {
    --width1: 44px;
    flex-wrap: wrap;
}
.footer-bot {
    position: relative;
    border: none;
    flex-wrap: wrap;
}
.footer-bot::after {
    position: absolute;
    content: '';
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    width: 100vw;
    height: 1px;
    background: rgba(255, 255, 255, 0.30);
}
.footer-privacy>li {
    padding-bottom: var(--gap1);
}
.footer-privacy {
    margin-bottom: calc(var(--gap1) * -1);
    flex-wrap: wrap;
}
.footer-nav ul a {
    color: rgba(255, 255, 255, .7);
    transition: all .4s;
    font-size: var(--font16);
}
.footer-middle-cont:nth-child(2) .footer-middle-le-img {
    width: 2px;
}
.footer-middle-le-img {
    width: 20px;
    flex: none;
}
.footer-middle-le-img img {
    width: 100%;
}
.footer-middle-cont {
    display: flex;
    padding: 0 0.12rem;
    padding-bottom: 0.1rem;
}
.footer-middle {
    display: flex;
    justify-content: center;
    margin: 0 -0.12rem;
    margin-bottom: -0.1rem;
    flex-wrap: wrap;
}
.footer-middle-cont-wrap {
    display: flex;
}
.fmcw-list {
    padding-left: 0.1rem;
}
.fmcw-list a {
    color: rgba(255, 255, 255, .4);
    font-size: var(--font16);
    line-height: var(--line12);
    transition: all .4s;
}
.footer-middle-cont:last-child {
    padding-left: 1rem;
}
.footer-middle {
    margin-bottom: 9px;
}
.footer-text p span {
    color: var(--colorfff);
}
.footer-privacy {
    --gap1: 10px;
}
.footer-privacy a {
    transition: all .4s;
}
/* B1 */
.ys-bread-list::before {
    content: '/';
    color: rgba(255, 255, 255, .6);
}
.ys-bread-list a {
    color: rgba(255, 255, 255, .6);
}
.ys-bread-list:last-child a {
    color: var(--colorfff);
}
.ys-banner-tip {
    font-size: var(--font20);
    color: var(--colorfff);
    margin-bottom: 0.1rem;
    line-height: var(--line12);
}
.ys-nyban-title h1 {
    font-size: var(--font64);
    line-height: var(--line12);
}
.ys-nyban-title p {
    font-size: var(--font18);
    line-height: var(--line12);
}
.about-page .ys-nyban-title h1 {
    width: 60%;
    margin-bottom: 0.12rem;
}
.ys-bread {
    --gap1: 13px;
}
.about-page .ys-nyban-title p {
    width: 45%;
    line-height: var(--line15);
}
.ys-nyban-bread {
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.about-comp-box-left {
    position: relative;
    width: 50%;
}
.acbl-top-list .ys-imgbox-cover {
    border-radius: 14px;
}
.acbl-bot {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.2rem;
    width: 100%;
}
.acbl-bot-wrap {
    display: flex;
    margin: 0 -0.05rem;
}
.acbl-bot-wrap-list {
    width: 16.666666%;
    padding: 0 0.05rem;
}
.acbl-bot-wrap-list .ys-imgbox-cover {
    position: relative;
}
.acbl-bot-wrap-list .ys-imgbox-cover::after {
    position: absolute;
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .4s;

}
.acbl-bot-wrap-list .ys-imgbox-cover {
    cursor: pointer;
    transition: all .4s;
}
.acbl-bot-wrap-list .ys-imgbox-cover {
    border: 2px solid transparent;
    transition: all .4s;

}
.acbl-bot-wrap-list.act .ys-imgbox-cover::after {
    opacity: 0;
}
.acbl-bot-wrap-list.act .ys-imgbox-cover {
    border: 2px solid var(--colorfff);
}
.acbr-text {
    margin-bottom: 0.4rem;
}
.acbr-text p {
    color: rgba(255, 255, 255, .8);
}
.acbr-wrap-list-num {
    margin-bottom: 0.06rem;
}
.acbr-cont {
    margin-bottom: 0.6rem;
}
.acbr-cont p {
    color: var(--colorfff);
    line-height: var(--line175);
}
.about-comp-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.about-comp-box-right {
    width: 46.5%;
    margin-top: -0.1rem;
}
.about-page .std-font58 {
    color: var(--colorfff);
    text-align: center;
    line-height: var(--line13);
}
.about-comp-box-right .std-font58 {
    margin-bottom: 0.3rem;
    text-align: left;
}
.acbr-cont ul {
    padding-left: 0.2rem;
}
.acbr-cont ul li {
    position: relative;
}
.acbr-cont ul li::after {
    position: absolute;
    content: '';
    background: var(--colorfff);
    left: -0.2rem;
    top: 0;
    margin-top: 0.1rem;
    width: 10px;
    height: 10px;
    border-radius: 2px;
}
.acbr-wrap-list .std-text18 p {
    color: rgba(255, 255, 255, .8);
    line-height: var(--line12);
}
.acbr-wrap {
    margin: 0 -0.33rem;
    margin-bottom: -0.2rem;
}
.acbr-wrap-list {
    padding: 0 0.33rem;
    padding-bottom: 0.2rem;
}
.acbr-wrap {
    display: flex;
    flex-wrap: wrap;
}
.acbr-wrap-list-num span,
.acbr-wrap-list-num p {
    font-size: var(--font64);
    color: var(--colorfff);
}

.avbi-box {
    position: relative;
    border-radius: var(--radius20);
    /* border: 1px solid #FFF; */
    overflow: hidden;
    padding: 0.13rem 0.3rem 0.12rem 0.35rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.avbi-box::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #F0F2F4 0%, rgba(190, 190, 190, 0.90) 100%);
    backdrop-filter: blur(117.94999694824219px);
    transition: all .4s;
    opacity: 1;
    z-index: 1;
}
.avbi-box::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(125deg, #03F9E1 -7.71%, #6425FC 84.63%);
    backdrop-filter: blur(117.94999694824219px);
    transition: all .4s;
    opacity: 0;
    z-index: 1;
}
.avbi-box-img {
    display: flex;
    justify-content: end;
    margin-bottom: 0.6rem;
}
.avbi-box-img .ys-imgbox-cover {
    width: 1rem;
}
.avbi-box-img .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}
.avbi-box-img .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}
.avbi-box-img,
.avbi-box-text,
.avbi-box-tip {
    position: relative;
    z-index: 3;
}
.avbi-box-text {
    flex-grow: 1;
}
.avbi-box-text p {
    color: var(--color1F2);
    line-height: var(--line12);
    font-size: var(--font28);
    /* margin-bottom: 0.25rem; */
    margin-bottom: 0.38rem;
    transition: all .4s;
}
.avbi-box-tip-text {
    font-size: var(--font70);
    color: rgba(255, 255, 255, .2);
    font-family: var(--black);
    transition: all .4s;
    opacity: 0;
}
.avbi-box-tip .std-font20 {
    position: absolute;
    top: 0;
    left: 0;
    transition: all .36s;
    opacity: 1;
}
.avbi-box-tip .std-font20 p {
    color: var(--color1F2);
    line-height: var(--line12);
}
.about-vision-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-bottom: -0.2rem;
}
.about-vision-box-item {
    width: 33.333333%;
    height: auto;
    display: flex;
    padding: 0 10px;
    padding-bottom: 0.2rem;
}
.ainw-list-wrap-num {
    margin-bottom: 0.1rem;
}
.ainw-list-wrap-num p {
    background: linear-gradient(0deg, #FFF 0%, #999 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--line12);
    font-size: var(--font40);
}
.ainw-list-wrap .std-text18 p {
    color: #CBCCCE;
}
.about-intr {
    position: relative;
    overflow: visible;
}
.about-intr::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: linear-gradient(0deg, #3D5A71 0%, rgba(61, 61, 61, 0.00) 100%);
}
.about-intr .std-font58 {
    margin-bottom: 0.4rem;
    position: relative;
    z-index: 3;
}
.about-intr-numbox {
    margin-bottom: 0.67rem;
    position: relative;
    z-index: 3;
}
.about-intr-numbox-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -0.7rem;
    margin-bottom: -0.2rem;
}
.ainw-list {
    padding: 0 0.7rem;
    position: relative;
    padding-bottom: 0.2rem;
}
.ainw-list:last-child:after {
    display: none;
}
.ainw-list::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 88px;
    width: 1px;
    background: url(../images/g1_icon08.svg);
}
.about-vision .std-font58 {
    margin-bottom: 0.6rem;
}
.about-intr-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.15rem;
    margin-bottom: -0.28rem;
    position: relative;
    z-index: 3;
}
.about-intr-box-item {
    width: 33.333333%;
    height: auto;
    display: flex;
    padding: 0 0.15rem;
    padding-bottom: 0.28rem;
}
.about-intr-box-item .ys-imgbox-cover {
    overflow: hidden;
    border-radius: var(--radius20)
}
.about-global-text {
    margin-bottom: 0.6rem;
}
.about-global-text p {
    color: var(--colorfff);
    text-align: center;
    width: 82%;
    margin: 0 auto;
}
.about-global .std-font58 {
    margin-bottom: 0.6rem;
}
.about-global {
    position: relative;
}
.about-global-circle {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.about-global-circle1 {
    bottom: 23%;
    right: 15%;
}
.about-global-circle2 {
    bottom: 52%;
    right: 23%;
}
/* C-产品列表页 */
.prod-cont {
    overflow: visible;
}
.prod-cont-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.prod-cont-box-left {
    width: 19%;
    display: flex;
    flex-direction: column;
    top: 120px;
    position: sticky;
}
.pcbl-item-box {
    position: relative;
    border-radius: var(--radius10);
    background: rgba(255, 255, 255, 0.05);
    padding: 0.2rem;
    width: 100%;
    display: block;
}
.pcbl-item.act .pcbl-item-box::after {
    opacity: 1;
}
.pcbl-item-box::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colorjb);
    z-index: 2;
    transition: all .4s;
    opacity: 0;
    border-radius: var(--radius10);
}
.pcbl-item-box .std-font20 {
    color: var(--colorfff);
    position: relative;
    z-index: 3;
}
.pcbl-item-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;
    border-radius: var(--radius10);
    padding: 1px;
    backdrop-filter: blur(117.94999694824219px);
}
.pcbl-item-border span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 113%);
}
.pcbl-item {
    margin-bottom: 0.2rem;
    width: 100%;
}
.pcbl-item:last-child {
    margin-bottom: 0;
}

.pwil-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;
    border-radius: var(--radius20);
    padding: 1px;
    backdrop-filter: blur(117.94999694824219px);
}
.pwil-border span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0.3) 0%, rgba(153, 153, 153, 0.4) 6%, rgba(255, 255, 255, 0.5) 100%);
    /* background: linear-gradient(to bottom, rgba(153, 153, 153, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%); */
}
.prod-cont-box-right {
    width: 77.5%;
}
.pcbr-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.25rem;
    margin-bottom: -0.5rem;
}
.pcbr-wrap-item {
    padding: 0 0.25rem;
    padding-bottom: 0.5rem;
    display: flex;
    height: auto;
    width: 33.333333%;
}
.pcbr-wrap-item-link {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
}
.pwil-box {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 0 0.3rem 0.51rem;
    border-radius: var(--radius20);
    overflow: hidden;
    align-items: flex-start;
}
.pcbr-wrap-item-link::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: all .4s;
    opacity: 0;
    border-radius: var(--radius20);
    background: var(--colorjb);
}
.pwil-bg {
    position: absolute;
    z-index: 2;
    bottom: -10%;
    right: -15%;
    width: 60%;
}
.pwil-bg img {
    width: 100%;
}
.pwil-middle {
    margin-bottom: 0.5rem;
    flex-grow: 1;
}
.pwil-middle .std-font24 {
    color: var(--colorfff);
    line-height: var(--line12);
    margin-bottom: 0.14rem;
}
.pwil-middle .std-text18 p {
    color: var(--colorfff);
    margin-bottom: 0.1rem;
}
.pwil-middle .std-text18 p:last-child {
    margin-bottom: 0;
}
.pcbr-wrap-item-link .ys-imgbox-cover,
.pwil-middle,
.pwil-bot {
    position: relative;
    z-index: 3;
}
.pwil-box>.ys-imgbox-cover {
    margin-bottom: 0.1rem;
}
.prod-page .ys-pcfy {
    margin-top: 0.6rem;
}
.pc-fenye li {
    color: var(--colorfff);
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: var(--font16);
    position: relative;
    z-index: 3;
    margin: 0 8px;
    font-family: "PingFang SC";
}
.pc-fenye li::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--colorjb);
    transition: all .4s;
    opacity: 0;
    z-index: -1;
}
.pc-fenye li.activepage {
    background: transparent;
}
.pc-fenye li.activepage::after {
    opacity: 1;
}
/* F3-加入我们 */
.join-page h1 {
    width: 50%;
}
.join-page .ys-nyban-title .mod-btn {
    margin-top: 0.6rem;
}
.join-page .ys-nyban-title .mod-btn .mod-btn-link {
    padding: 0.16rem 0.54rem;
    ;
}
.join-page .std-font58 {
    color: var(--colorfff);
    text-align: center;
}
.join-link .std-font58 {
    margin-bottom: 0.82rem;
}
.join-link-box {
    display: flex;
}
.join-link .ys-cont1280 {
    padding: 0 0.335rem;
}
.jlbl-link {
    position: relative;
    display: flex;
    height: 100%;
    z-index: 2;
    border-radius: var(--radius20);
    background: var(--color1F2);
}
.jlbl-link-cont {
    min-width: 516px;
    padding: 0.71rem 0.4rem 0.35rem;
    z-index: 2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.05);
    /* backdrop-filter: blur(117.94999694824219px); */
}
.jlbl-link::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .4s;
    opacity: 0;
    border-radius: var(--radius20);
    background: linear-gradient(134deg, #03F9E1 1.37%, #6425FC 85.55%);
    backdrop-filter: blur(117.94999694824219px);
    z-index: -1;
}
.jlbl-link .ys-imgbox-cover {
    width: 120px;
    margin-bottom: 0.3rem;
}
.join-link-box-list {
    position: relative;
    padding: 0 0.9rem;

}
.join-link-box {
    margin: 0 -0.9rem;
}
.jlbl-link .mod-border1 {
    opacity: 1;
    border-radius: var(--radius20);
}
.jlbl-link-cont .std-font32 {
    color: var(--colorfff);
    margin-bottom: 0.12rem;
}
.jlbl-link-cont .std-text18 {
    color: rgba(255, 255, 255, .8);
}
.jlbl-link-cont .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}
.jlbl-link-cont .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}
.jbbl-box {
    position: relative;
}
.jbbl-box-bot {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.jbbl-box-bot-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0.2rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .4s;
}
.ys-fold-nub.on .jbbl-box-bot-cont {
    opacity: 0;
}
.jbbl-box-bot-cont .std-font24 {
    color: var(--colorfff);
    line-height: var(--line12);
    text-align: center;
}
.jbbc-img {
    width: auto;
    margin-bottom: 0.24rem;
}
.jbbc-img img {
    width: 100%;
}
/* kaffi-new-start */
.jbbl-box-top {
    position: relative;
    height: 100%;
    background: var(--colorjb);
    padding: 0.4rem 0.4rem 0.72rem;
    transition: all .4s;
    opacity: 0;
}
/* kaffi-new-end */
.jbbl-box-top .std-font32 p {
    color: var(--colorfff);
    line-height: var(--line12);
}
.jbbl-box {
    height: 546px;
    border-radius: var(--radius20);
    overflow: hidden;
}
.jbbl-box-bot .ys-imgbox-cover {
    height: 100%;
}
.jbbl-box-bot .ys-imgbox-cover::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(31, 36, 41, 0.80) 0%, rgba(31, 36, 41, 0.80) 100%);
}
.jbbl-box-bot .ys-imgbox-cover img {
    object-fit: cover;
}
.ys-fold-nub.on .jbbl-box-top {
    opacity: 1;
}
.join-bene .ys-fold-nub {
    width: var(--width1);
    --width1: 22.5%;
}
.ys-fold-nub.on {
    width: calc(100% - var(--width1) * 3);
}
.jbbl-box-top-img {
    width: 90px;
    margin-bottom: 0.24rem;
}
.jbbl-box-top-img img {
    width: 100%;
}
.jbbl-box-top .std-font32 {
    padding-bottom: 0.24rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 0.24rem;
}
.jbbl-box-top-cont ul li {
    position: relative;
}
.jbbl-box-top-cont ul {
    padding-left: 0.22rem;
}
.jbbl-box-top-cont ul li::after {
    position: absolute;
    content: '';
    top: 0;
    left: -0.22rem;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--colorfff);
    margin-top: 0.08rem;
}
.jbbl-box-top-cont p {
    color: var(--colorfff);
    margin-bottom: 0.16rem;
}
.jbbl-box-top-box {
    opacity: 0;
}
.ys-fold-nub.on .jbbl-box-top-box {
    opacity: 1;
    transition: all .4s;
    transition-delay: .2s;
}
.join-bene .std-font58 {
    margin-bottom: 0.82rem;
}

/* B1-1离网储能解决方案 */
.large-scale-wrap-list.act .mod-btn-link {
    border: none;
}
.large-scale-wrap-list.act .mod-btn-link::after {
    opacity: 1;
}
.large-scale-wrap {
    display: flex;
    justify-content: center;
}
.large-scale-wrap-list {
    padding: 0 0.15rem;
}
.large-scale-bot-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lsbl-le {
    width: 45%;
}
.lsbl-ri {
    width: 53%;
}
.lsbl-ri .ys-imgbox-cover {
    border-radius: var(--radius20);
}
.large-page .std-font58 {
    color: var(--colorfff);
    text-align: center;
}
.large-scale .std-font58 {
    margin-bottom: 0.2rem;
    text-align: left;
}
.lsbl-le .std-font20 p {
    color: rgba(255, 255, 255, .8);
    font-family: var(--bold);
}
.lsbl-le .std-font20 {
    margin-bottom: 0.4rem;
}
.lsbl-le .std-text18 {
    margin-bottom: 0.4rem;
}
.lsbl-le .std-text18 p {
    color: rgba(255, 255, 255, .7);
}
.large-scale-top {
    margin-bottom: 0.8rem;
}
.lsbl-le .mod-btn-link {
    padding: 0.16rem 0.41rem;
}
.large-scale-bot-list:not(:first-child) {
    display: none;
}
.lsbl-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.lsbw-list-box-top .ys-imgbox-cover {
    width: 96px;
}
.lsbw-list-box-top {
    padding-bottom: 0.3rem;
    margin-bottom: 0.3rem;
}
.lsbw-list-box-bot h5 {
    font-size: var(--font24);
    color: var(--colorfff);
    font-family: var(--semibold);
    margin-bottom: 0.15rem;
}
.lsbw-list-box-bot ul {
    padding-left: 0.24rem;
}
.lsbw-list-box-bot ul li {
    position: relative;
}
.lsbw-list-box-bot ul li::after {
    position: absolute;
    content: '';
    top: 0.08rem;
    left: -0.16rem;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, .7);
}
.lsbw-list-box-bot p {
    color: rgba(255, 255, 255, .7);
    font-size: var(--font16);
    line-height: var(--line16);
}
.large-solu-box-wrap {
    display: flex;
    flex-wrap: wrap;
}
.lsbw-list {
    width: 25%;
    position: relative;
}
.lsbw-list-box {
    display: flex;
    flex-direction: column;
    padding: 0.57rem 0.44rem 1.4rem;
    border-right: 1px dashed rgba(255, 255, 255, .2);
}
.large-solu-box-wrap {
    margin: 0 -0.44rem;
}
.lsbw-list:last-child .lsbw-list-box {
    border-right: none;
}
.large-solu-box-wrap {
    position: relative;
}
.large-solu-box {
    position: relative;
}
.large-solu-box::after {
    position: absolute;
    content: '';
    top: calc(0.57rem + 96px + 0.3rem);
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dashed rgba(255, 255, 255, .2);
    background: transparent;
}
.large-solu {
    position: relative;
}
.large-solu .std-font58 {
    margin-bottom: 0.38rem;
}
.large-solu::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 237px;
    content: '';
    opacity: 0.5;
    pointer-events: none;
    background: linear-gradient(0deg, #3D5A71 0%, rgba(61, 61, 61, 0.00) 100%);
}
.large-topo-box {
    position: relative;
}
.large-topo-box-bg {
    width: 100%;
    position: relative;
    z-index: 2;
}
.large-topo-box-bg img {
    width: 100%;
}
.large-topo-box-bg::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 1px);
    border-radius: var(--radius20);
    background: linear-gradient(180deg, rgba(61, 90, 113, 0.00) 0%, #3D5A71 100%);
    z-index: -1;
}
.large-topo .std-font58 {
    margin-bottom: 0.6rem;
}
.large-topo-box-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: 1px;
    border-radius: var(--radius20);
    backdrop-filter: blur(117.94999694824219px);
    z-index: 3;
}
.large-topo-box-border span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, .8) 100%)
}
.large-proj-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.large-proj-box-left .std-font58 {
    text-align: left;
    margin-bottom: 0.5rem;
}
.large-proj-box-left .mod-switch-btn-le {
    margin-right: 0.2rem;
}
.large-proj-box-left {
    width: 12%;
}
.large-proj-box-right {
    width: 85.5%;
}
.large-reco .std-font58 {
    margin-bottom: 0.6rem;
}
.large-reco .mod-switch-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.large-reco-box {
    position: relative;
}
.large-reco .mod-switch-btn-ri {
    transform: translateY(-50%) rotate(180deg);
}
.large-reco .mod-switch-btn-le {
    left: -86px;
}
.large-reco .mod-switch-btn-ri {
    right: -86px;
}
.large-reco-box .pcbr-wrap-item {
    padding: 0 10px;
}
.large-reco-box .pcbr-wrap {
    margin: 0 -10px;
}
.large-reco .ys-cont1600 {
    padding: 0 0.1rem;
}
.large-reco-box .pwil-middle {
    margin-bottom: 0.24rem;
}
.large-reco-box .pwil-box {
    background: rgba(255, 255, 255, 0.05);
}
.lsbw-list-box-svg {
    position: absolute;
    top: 0;
}
.llbs-line-svg {
    transform: rotate(180deg);
}
.lsbw-list-box-svg1 {
    top: calc(0.57rem + 96px + 0.3rem);
}
.join-link-svgbox-svg {
    position: absolute;
}
.join-link-svgbox-svg1 {
    top: 0;
    left: 0;
}
.join-link-svgbox-svg2 {
    top: 0;
    right: 0;
}
.join-link-svgbox-svg3 {
    top: 50%;
    left: 0;
}
.join-link,
.join-bene {
    position: relative;
    overflow: visible;
}
.join-link-svgbox-svg4 {
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
}
.join-link-svgbox-svg5 {
    right: 0;
    top: 50%;
}
.join-link-svgbox-line {
    position: absolute;
    width: 50px;
    height: 1px;
    background: #03F9E1;
    filter: drop-shadow(0 0 6.4px #A9B5FF) drop-shadow(0 0 4px rgba(0, 21, 255, 0.40)) drop-shadow(0 4px 4px rgba(0, 13, 163, 0.50));
    top: 0;
    left: -6%;
}
.join-link-svgbox-line4 {
    left: -3%;
}
.join-link-svgbox-line5 {
    left: -9%;
}
.jlss-cont {
    position: relative;
    width: 100%;
}
.join-link-svgbox-svg6 {
    left: 0;
    bottom: -20%;
}
.about-global-bg {
    position: relative;
    z-index: 3;
}
.agbc-cicle {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.agbc-cicle1 {
    bottom: 53.3%;
    right: 22.9%;
}
.agbc-cicle2 {
    bottom: 34%;
    right: 20%;
}
.agbc-cicle3 {
    bottom: 41%;
    right: 22.5%;
}
.agbc-cicle4 {
    bottom: 39%;
    right: 24%;
}
.agbc-cicle5 {
    bottom: 45%;
    right: 31.4%;
}
.agbc-cicle6 {
    bottom: 52%;
    right: 32%;
}
.agbc-cicle7 {
    bottom: 72%;
    right: 33%;
}
.agbc-cicle8 {
    bottom: 62.5%;
    right: 42.5%;
}
.agbc-cicle9 {
    bottom: 61%;
    right: 45%;
}
.agbc-cicle10 {
    bottom: 58.5%;
    right: 46%;
    z-index: 4;
}
.agbc-cicle11 {
    bottom: 57%;
    right: 53.5%;
    z-index: 4;
}
.agbc-cicle12 {
    bottom: 60.8%;
    right: 51.2%;
    z-index: 4;
}
.agbc-cicle13 {
    bottom: 55%;
    right: 41%;
}
.agbc-cicle-box-cont {
    position: absolute;
    left: calc(100% + 23px);
    top: 50%;
    transform: translateY(-50%);
    color: var(--colorfff);
    border-radius: var(--radius10);
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    padding: 0.1rem 0.2rem;
    min-width: 170px;
    z-index: 10;
    transition: all 0.4s;
    text-align: center;
    opacity: 0;
}
.agbc-cicle.act .agbc-cicle-box-cont {
    opacity: 1;
}
.agbc-cicle-box {
    position: relative;
    z-index: 1;
}
.about-global-img {
    width: auto;
}
.about-global-img img {
    width: 100%;
}
.agbc-cicle-img {
    width: 22px;
    cursor: pointer;
}
.agbc-cicle-img img {
    width: 100%;
    transition: all 0.4s;
}
.agbc-cicle-img::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #03F9E1;
    opacity: 0;
    transition: all 0.4s;
}
.agbc-cicle.act .agbc-cicle-img img {
    opacity: 0;
}
.agbc-cicle.act .agbc-cicle-img::after {
    opacity: 1;
}
.about-global-circle-fill {
    opacity: 0;
}
.anbw-arr {
    width: 16px;
    position: absolute;
    top: -8px;
    left: -9px;
}
.anbw-arr img {
    width: 100%;
}
.about-global .anbw-arr1 {
    top: -15px;
    left: -9px;
}
.about-global .anbw-arr2 {
    top: -9px;
    left: -7px;
}
.about-global .anbw-arr3 {
    top: -7px;
    left: -7px;
}
.about-global .anbw-arr4 {
    top: -4px;
    left: -12px;
}
.about-global .anbw-arr5 {
    top: -5px;
    left: -9px;
}
.about-global .anbw-arr8 {
    top: -8px;
    left: -3px;
    width: 14px;
}
.ahbw-item-box {
    border-radius: 50%;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.ahbw-item-box-border {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: calc(100% - 1px);
    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: 1px;
    border-radius: 50%;
    backdrop-filter: blur(117.94999694824219px);
    transition: all 0.4s;
}
.ahbw-item-box-border span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 80%, rgba(255, 255, 255, 0.3) 100%)
}
.about-hono .std-font58 {
    margin-bottom: 0.6rem;
}
.aibc-info {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%);
    padding: var(--gap);
    --gap: 0.3rem;
}
.aiib-img {
    width: 130px;
    margin-bottom: 0.1rem;
}
.aibc-info-img-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: var(--gap);
    pointer-events: none;
}
.aibc-info-img {
    width: 100%;
    height: 100%;
}
.aibc-info-img-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.aibc-info-img-wrap .ys-imgbox-cover {
    width: 100%;
    height: 100%;
}
.aibc-info-img-wrap .ys-imgbox-cover img {
    height: 100%;
}
.aiib-text {
    font-size: var(--font18);
    line-height: 1.2;
    color: var(--colorfff);
}
.about-hono .mod-switch-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.about-hono-box {
    position: relative;
}
.about-hono .mod-switch-btn-le {
    left: -100px;
}
.about-hono .mod-switch-btn-ri {
    right: -100px;
    transform: translateY(-50%) rotate(180deg);
}
.ahbw-item {
    padding: 0 0.25rem;
    width: 25%;
}
.about-hono-box-wrap {
    margin: 0 -0.25rem;
}
.ahbw-item-box-cont {
    position: relative;
}
.ahbw-item-box-cont::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--colorjb);
    transition: all 0.4s;
    opacity: 0;
    z-index: -1;
}
.aibc-info-img-wrap .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}
.aibc-info-img-wrap .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}
.hsbl-wrap .slick-track {
    flex-direction: column;
}
.mod-ph {
    display: none;
}
.hsbr-wrap-imgph {
    position: relative;
}
.hsbr-wrap-imgph .std-text18 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.25rem;
}

.hsbl-progress-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;
    width: 80%;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    z-index: 10;
}

.hsbl-progress-bar {
    height: 100%;
    background-color: #03F9E1;
    border-radius: 2px;
    width: 0%;
    transition: width 0.3s ease;
}

.hsbl-progress-marker {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #03F9E1;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 10px rgba(3, 249, 225, 0.6);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.hsbl-progress-marker.visible {
    opacity: 1;
}
.lsbw-list-box-svg .llbs-line {
    width: 1px;
}
.lsbw-list-box-svg2 {
    left: 23.5%;
}
.lsbw-list-box-svg3 {
    right: 23.5%;
}
.pcbr-wrap-item:nth-child(3n) {
    animation-delay: 0.4s;
}
.pcbr-wrap-item:nth-child(3n-1) {
    animation-delay: 0.3s;
}
.hsbl-box .swiper-pagination-progressbar {
    width: 1px !important;
    height: calc(100% + 58PX * 2) !important;
    top: 50% !important;
    transform: translate3d(0, 0, 0) translate(-50%, -50%);
    --swiper-theme-color: var(--colorfff);
    left: 30% !important;
    z-index: 0;
}
.hsbl-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: top center;
}
.large-page h1 {
    width: 30%;
}
.hsbl-box-line {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 1px;
    height: calc(100% + 0.86rem * 2);
    background: rgba(255, 255, 255, 0.2);
    z-index: -1;
}
.hsbl-box-line-span {
    width: 100%;
    height: 0;
    background: #FFF;
    display: block;
    top: 0;
}
.hsbl-wrap-list {
    position: relative;
}
.hsbl-wrap-list::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: calc(100% + 0.86rem);
    border-radius: 50%;
    background: var(--colorfff);
    transition: all 0.4s;
    opacity: 0;
    z-index: -1;
}
.hsbl-wrap-list.on::after {
    opacity: 1;
}
.hsbl-wrap-list.on:last-child::after {
    bottom: -0.86rem;
    height: calc(100% + 0.86rem * 2);
}
.hwil-bg img {
    width: 100%;
}
.ys-hd-ph.has-btn .ys-phnav-header,
.ys-hd-ph.isfixed .ys-phnav-header,
.ys-page-wrap.on .ys-phnav-header {
    background: var(--color1F2);
}
.ys-hd-ph.has-btn .ys-phnav-menubtn span,
.ys-hd-ph.has-btn .ys-phnav-menubtn::after,
.ys-hd-ph.has-btn .ys-phnav-menubtn::before,
.ys-hd-ph.isfixed .ys-phnav-menubtn span,
.ys-hd-ph.isfixed .ys-phnav-menubtn::after,
.ys-hd-ph.isfixed .ys-phnav-menubtn::before,
.ys-page-wrap.on .ys-phnav-menubtn span,
.ys-page-wrap.on .ys-phnav-menubtn::after,
.ys-page-wrap.on .ys-phnav-menubtn::before {
    background: var(--colorfff);
}
.ys-hd-ph.has-btn .ys-phnav-search .iconfont {
    color: var(--colorfff);
}
.ys-hd-ph.has-btn .ys-ph-navbar4 .ys-phnav-header,
.ys-hd-ph.isfixed .ys-ph-navbar4 .ys-phnav-header,
.ys-page-wrap.on .ys-ph-navbar4 .ys-phnav-header {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25)
}
.home-prod-wrap-list:nth-child(3n) {
    animation-delay: .5s;
}
.home-prod-wrap-list:nth-child(3n-1) {
    animation-delay: .4s;
}
.hlcm-img img:nth-child(2) {
    opacity: 0;

}
.about-vision-box-item:nth-child(3) .avbi-box-text {
    padding-right: 1.08rem;

}
.about-global-img,
.agbc-cicle-img {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.about-global-box {
    position: relative;
}
.hpii-link .mod-border1 {
    border-radius: var(--radius20);
    opacity: 1;
    backdrop-filter: blur(0);
}
.about-global-circle {
    animation: ysfadeInUp1 .8s ease-in-out both;
    animation-delay: 0.4s;
}
@keyframes ysfadeInUp1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: translate(-50%, -50%)
    }
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    /* 按钮规范 */
    .mod-btn-link:hover {
        border: 1px solid transparent;
    }
    .mod-btn-link:hover::after {
        opacity: 1;
    }
    .mod-more-link:hover::after {
        opacity: 0;
    }
    .mod-more-link:hover {
        background: var(--colorfff);
    }
    .mod-more-link:hover span {
        color: var(--color1F2);
    }
    .mod-switch-btn:hover {
        border: 1px solid transparent;
    }
    .mod-switch-btn:hover::after {
        opacity: 1;
    }
    /* .mod-icon-link:hover::after {
        opacity: 1;
    } */
    .mod-icon-link:hover .ys-imgbox-cover img {
        transform: scale(1);
    }
    .mod-icon-link:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }
    .mod-icon-link:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }
    .mod-btn.on .mod-btn-link:hover {
        border: 1px solid transparent;
        background: transparent;
    }
    .mod-btn.on .mod-btn-link:hover span {
        color: var(--colorfff);
    }
    /* 顶部导航 */

    /* 顶部导航end */
    .hpwl-link:hover .mod-icon-link .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }
    .hpwl-link:hover .mod-icon-link .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }
    .hpii-link:hover .hpii-link-box::after {
        opacity: 1;
    }
    .hnbr-list-link:hover {
        border-radius: 7px;
        border-bottom: 1px solid #DDD;
        background: #CBCCCE;
    }
    .hnbr-list-link:hover .hlll-top-tip {
        color: var(--color333);
        background: rgba(0, 0, 0, 0.10);
    }
    .hnbr-list-link:hover .hlll-top .std-text18 {
        color: rgba(51, 51, 51, 0.4);

    }
    .hnbr-list-link:hover .mod-icon-link .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }
    .hnbr-list-link:hover .mod-icon-link .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }
    .hnbr-list-link:hover .hlll-bot {
        color: var(--color333);
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    /* 底部导航 */
    .footer-nav ul a:hover {
        color: var(--colorfff);
    }
    .fmcw-list a:hover {
        color: var(--colorfff);
    }
    /*:hover {*/
    /*    color: var(--colorfff);*/
    /*}*/
    /* 底部导航 end*/
    .pc-fenye .end:hover li,
    .pc-fenye .first:hover li,
    .pc-fenye .next:hover li,
    .pc-fenye .prev:hover li {
        color: var(--colorfff) !important;
    }
    .avbi-box:hover .avbi-box-img .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }
    .avbi-box:hover .avbi-box-img .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }
    .avbi-box:hover::before {
        opacity: 0;
    }
    .avbi-box:hover::after {
        opacity: 1;
    }
    .avbi-box:hover .avbi-box-tip-text {
        opacity: 1;
    }
    .avbi-box:hover .avbi-box-tip .std-font20 {
        opacity: 0;
    }
    .avbi-box:hover .avbi-box-text p {
        color: var(--colorfff);
    }
    .pcbl-item-box:hover::after {
        opacity: 1;
    }
    .pcbr-wrap-item-link:hover::after {
        opacity: 1;
    }
    .pcbr-wrap-item-link:hover .mod-more-link::after {
        opacity: 0;
    }
    .pcbr-wrap-item-link:hover .mod-more-link {
        background: var(--colorfff);
    }
    .pcbr-wrap-item-link:hover .mod-more-link span {
        color: var(--color1F2);
    }
    .pc-fenye li:hover::after {
        opacity: 1;
    }
    /* F3 */
    .jlbl-link:hover::after {
        opacity: 1;
    }
    .jlbl-link:hover .ys-imgbox-cover img {
        transform: scale(1);
    }
    .jlbl-link:hover .mod-border1 {
        opacity: 0;
    }
    .jlbl-link:hover .jlbl-link-cont .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }
    .jlbl-link:hover .jlbl-link-cont .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }
    .ahbw-item-box:hover .ahbw-item-box-cont::after {
        opacity: 1;
    }
    .ahbw-item-box:hover .ahbw-item-box-border {
        opacity: 0;
    }
    .ahbw-item-box:hover .aibc-info-img-wrap .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }
    .ahbw-item-box:hover .aibc-info-img-wrap .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }
    .about-intr-box-item .ys-imgbox-cover:hover img {
        transform: scale(1.05);
    }
    .aiib-img:hover img {
        transform: scale(1.05);
    }

}
/* Kaffi-end */
/* kaffi-new-start */
.head-nav-item-title {
    position: relative;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::after {
    width: 100%;
}
.home-solu-bot-middle {
    margin-top: 0.58rem;
    margin-bottom: 0.5rem;
}
.hsbl-wrap-list-img {
    cursor: auto;
}
.footer-nav>li {
    padding: 0;
    max-width: 200px;
}
.about-comp-box-left {
    width: 52%;
}
.about-comp-box-right {
    width: 44.5%;
}
/*.home-proj-info-item {*/
/*    width: 33.333333% !important;*/
/*}*/
.anbw-arr img {
    transform: rotate(180deg);
}
.acbr-cont {
    margin-bottom: 0.5rem;
}
.acbr-wrap-list-num p {
    line-height: var(--line12);
}
.acbr-wrap-list-num {
    margin-bottom: 0.02rem;
}
.about-global-circle svg {
    width: 100%;
}
.about-global-circle1 {
    width: 12.5%;
}
.about-global-circle2 {
    width: 21.5%;
}
.about-global .anbw-arr5 {
    top: -7px;
}
.about-global .anbw-arr4 {
    top: -7px;
    left: -8px;
}
.ainw-list::after {
    height: 0.88rem;
}
.acbr-cont ul li::after {
    width: 0.1rem;
    height: 0.1rem;
}
.about-vision-box-item {
    padding-bottom: 20px;
}
.prod-cont-box {
    flex-wrap: wrap;
}
/* .join-link-svgbox-svg svg {
    width: 100%;
}
.join-link-svgbox-svg1 {
    width: 16.5%;
}
.join-link-svgbox-svg2 {
    width: 16.5%;
}
.join-link-svgbox-svg3 {
    width: 17.8%;
}
.join-link-svgbox-svg4 {
    width: 31%;
}
.join-link-svgbox-svg5 {
    width: 11.2%;
} */
.join-link-box {
    justify-content: space-between;
}
.jbbc-img {
    width: 0.74rem;
}
.jbbl-box-top-img {
    width: 0.9rem;
}
.ys-nybanner {
    z-index: 3;
}
.ys-nyban-title .mod-btn {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.join-link-box {
    flex-wrap: wrap;
}
.mod-btn-link span {
    white-space: nowrap;
}
.lsbw-list {
    display: flex;
    padding: 0.57rem 0.44rem 1.4rem;
    border-right: 1px dashed rgba(255, 255, 255, .2);
}
.lsbw-list-box {
    padding: 0;
    border: none;
    height: 100%;
}
.lsbw-list:last-child {
    border-right: none;
}
.mod-switch-btn {
    flex: none;
}
.mod-more-link {
    border-radius: 60px;
}
.mod-more-link::after {
    border-radius: 60px;
}
.mod-btn.act .mod-btn-link::before {
    border-radius: 60px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(95deg, #6425FC 5.21%, #03F9E1 95.11%);
    z-index: 2;
    transition: all .4s;
    opacity: 0;
}
.ainw-list-wrap-num p {
    text-align: center;
}
.ainw-list-wrap .std-text18 p {
    text-align: center;
}
.ainw-list {
    width: 25%;
}
.about-intr-numbox {
    margin: 0 0.7rem;
    margin-bottom: 0.67rem;
}
.agbc-cicle-box-cont {
    left: calc(100% + 0.23rem);
}
.ahbw-item-box {
    cursor: auto;
}
.agbc-cicle-box-cont {
    pointer-events: none;
}
.about-global-circle svg {
    opacity: 0.5;
}

.home-prod .home-solu-top {
    margin-bottom: 0.46rem;
}
.about-global .std-font58 {
    margin-bottom: 0.26rem;
}
.about-global-text p {
    width: 71%;
}
.llbb-tit {
    font-size: var(--font24);
    color: var(--colorfff);
    font-family: var(--semibold);
    margin-bottom: 0.15rem;
    line-height: var(--line12);
}
.llbb-text ul {
    padding-left: 0.24rem;
}
.llbb-text ul li {
    position: relative;
}
.llbb-text ul li::after {
    position: absolute;
    content: '';
    top: 0.08rem;
    left: -0.16rem;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, .7);
}
.llbb-text p {
    color: rgba(255, 255, 255, .7);
    font-size: var(--font16);
    line-height: var(--line16);
}
.lsbw-list-box-top {
    margin-bottom: 0.36rem;
}
.jbbl-box-top-box {
    transition: all .4s;
    transition-delay: .2s;
}
.jbbl-box-bot-cont {
    transition: all .4s;
    transition-delay: .4s;
}
.pwil-middle {
    width: 100%;
}
.hpii-link-box,
.avbi-box,
.jbbl-box {
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.join-link-svgbox-svg svg {
    width: 100%;
}
.large-topo {
    position: relative;
    overflow: visible;
    z-index: 2;
}
.large-topo-bg {
    position: absolute;
    width: 40%;
    z-index: -1;
}
.large-topo-bg img {
    width: 100%;
}
.large-topo-bg1 {
    top: -5%;
    right: -20%;
}
.large-topo-bg2 {
    bottom: -60%;
    left: -20%;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .hpwl-link:hover .mod-icon .ys-imgbox-cover img {
        transform: scale(1);
    }
    .hpii-link:hover .hlcm-img .ys-imgbox-cover img {
        transform: scale(1);
    }
    .hnbr-list-link:hover .ys-imgbox-cover img {
        transform: scale(1);
    }
    .mod-btn.act .mod-btn-link:hover::before {
        opacity: 1;
    }
    .mod-btn.act .mod-btn-link:hover::after {
        opacity: 0;
    }
    a:hover .hlcm-img img {
        transform: scale(1);
    }
    .ahbw-item-box-cont:hover .aibc-info-img-box .aiib-img img {
        transform: scale(1.05);
    }
}
/* kaffi-new-end */
/* kaffi-11.28-start */
.large-solu::after {
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
}
.large-topo .std-font58{
    text-align: center;
}
.large-solu .std-font58{
    text-align: center;
}
.pwil-middle .std-text18 {
    color: var(--colorfff);
}
/* kaffi-11.28-end */
/* kaffi-new-start */
.head-nav-item-title {
    position: relative;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::after {
    width: 100%;
}
.home-solu-bot-middle {
    margin-top: 0.58rem;
    margin-bottom: 0.5rem;
}
.hsbl-wrap-list-img {
    cursor: auto;
}
.footer-nav>li {
    padding: 0;
    max-width: 200px;
}
.about-comp-box-left {
    width: 52%;
}
.about-comp-box-right {
    width: 44.5%;
}
/*.home-proj-info-item {*/
/*    width: 33.333333% !important;*/
/*}*/
.anbw-arr img {
    transform: rotate(180deg);
}
.acbr-cont {
    margin-bottom: 0.5rem;
}
.acbr-wrap-list-num p {
    line-height: var(--line12);
}
.acbr-wrap-list-num {
    margin-bottom: 0.02rem;
}
.about-global-circle svg {
    width: 100%;
}
.about-global-circle1 {
    width: 12.5%;
}
.about-global-circle2 {
    width: 21.5%;
}
.about-global .anbw-arr5 {
    top: -7px;
}
.about-global .anbw-arr4 {
    top: -7px;
    left: -8px;
}
.ainw-list::after {
    height: 0.88rem;
}
.acbr-cont ul li::after {
    width: 0.1rem;
    height: 0.1rem;
}
.about-vision-box-item {
    padding-bottom: 20px;
}
.prod-cont-box {
    flex-wrap: wrap;
}
/* .join-link-svgbox-svg svg {
    width: 100%;
}
.join-link-svgbox-svg1 {
    width: 16.5%;
}
.join-link-svgbox-svg2 {
    width: 16.5%;
}
.join-link-svgbox-svg3 {
    width: 17.8%;
}
.join-link-svgbox-svg4 {
    width: 31%;
}
.join-link-svgbox-svg5 {
    width: 11.2%;
} */
.join-link-box {
    justify-content: space-between;
}
.jbbc-img {
    width: 0.74rem;
}
.jbbl-box-top-img {
    width: 0.9rem;
}
.ys-nybanner {
    z-index: 3;
}
.ys-nyban-title .mod-btn {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.join-link-box {
    flex-wrap: wrap;
}
.mod-btn-link span {
    white-space: nowrap;
}
.lsbw-list {
    display: flex;
    padding: 0.57rem 0.44rem 1.4rem;
    border-right: 1px dashed rgba(255, 255, 255, .2);
}
.lsbw-list-box {
    padding: 0;
    border: none;
    height: 100%;
}
.lsbw-list:last-child {
    border-right: none;
}
.mod-switch-btn {
    flex: none;
}
.mod-more-link {
    border-radius: 60px;
}
.mod-more-link::after {
    border-radius: 60px;
}
.mod-btn.act .mod-btn-link::before {
    border-radius: 60px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(95deg, #6425FC 5.21%, #03F9E1 95.11%);
    z-index: 2;
    transition: all .4s;
    opacity: 0;
}
.ainw-list-wrap-num p {
    text-align: center;
}
.ainw-list-wrap .std-text18 p {
    text-align: center;
}
.ainw-list {
    width: 25%;
}
.about-intr-numbox {
    margin: 0 0.7rem;
    margin-bottom: 0.67rem;
}
.agbc-cicle-box-cont {
    left: calc(100% + 0.23rem);
}
.ahbw-item-box {
    cursor: auto;
}
.agbc-cicle-box-cont {
    pointer-events: none;
}
.about-global-circle svg {
    opacity: 0.5;
}

.home-prod .home-solu-top {
    margin-bottom: 0.46rem;
}
.about-global .std-font58 {
    margin-bottom: 0.26rem;
}
.about-global-text p {
    width: 71%;
}
.llbb-tit {
    font-size: var(--font24);
    color: var(--colorfff);
    font-family: var(--semibold);
    margin-bottom: 0.15rem;
    line-height: var(--line12);
}
.llbb-text ul {
    padding-left: 0.24rem;
}
.llbb-text ul li {
    position: relative;
}
.llbb-text ul li::after {
    position: absolute;
    content: '';
    top: 0.08rem;
    left: -0.16rem;
    width: 4px;
    height: 4px;
    background: rgba(255, 255, 255, .7);
}
.llbb-text p {
    color: rgba(255, 255, 255, .7);
    font-size: var(--font16);
    line-height: var(--line16);
}
.lsbw-list-box-top {
    margin-bottom: 0.36rem;
}
.jbbl-box-top-box {
    transition: all .4s;
    transition-delay: .2s;
}
.jbbl-box-bot-cont {
    transition: all .4s;
    transition-delay: .4s;
}
.pwil-middle {
    width: 100%;
}
.hpii-link-box,
.avbi-box,
.jbbl-box {
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.join-link-svgbox-svg svg {
    width: 100%;
}
.large-topo {
    position: relative;
    overflow: visible;
    z-index: 2;
}
.large-topo-bg {
    position: absolute;
    width: 40%;
    z-index: -1;
}
.large-topo-bg img {
    width: 100%;
}
.large-topo-bg1 {
    top: -5%;
    right: -20%;
}
.large-topo-bg2 {
    bottom: -60%;
    left: -20%;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .hpwl-link:hover .mod-icon .ys-imgbox-cover img {
        transform: scale(1);
    }
    .hpii-link:hover .hlcm-img .ys-imgbox-cover img {
        transform: scale(1);
    }
    .hnbr-list-link:hover .ys-imgbox-cover img {
        transform: scale(1);
    }
    .mod-btn.act .mod-btn-link:hover::before {
        opacity: 1;
    }
    .mod-btn.act .mod-btn-link:hover::after {
        opacity: 0;
    }
    a:hover .hlcm-img img {
        transform: scale(1);
    }
    .ahbw-item-box-cont:hover .aibc-info-img-box .aiib-img img {
        transform: scale(1.05);
    }
}
/* kaffi-new-end */
/* kaffi-11.28-start */
.large-solu::after {
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
}
.large-topo .std-font58 {
    text-align: center;
}
.large-solu .std-font58 {
    text-align: center;
}

.conn-ener-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.conn-ener-top-left {
    position: relative;
    width: 51%;
}
.conn-ener .ys-cont1600 {
    position: relative;
}
.conn-page .conn-ener .ys-nyban-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.conn-page .conn-ener .ys-nyban-img img {
    width: 100%;
}
.conn-ener-top-right {
    width: 36%;
}
.conn-ener-top-right .ys-form {
    border-radius: var(--radius10);
    border: 1px solid var(--colorfff);
    background: linear-gradient(180deg, rgba(34, 41, 47, 0.12) 0%, rgba(34, 41, 47, 0.60) 100%);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
    -o-backdrop-filter: blur(35px);
    -ms-backdrop-filter: blur(35px);
    -moz-backdrop-filter: blur(35px);
    padding: 0.3rem;
}
.conn-page .ys-fii-name,
.conn-page .ys-fia-text-word {
    color: var(--colorfff) !important;
    font-size: var(--font18);
    line-height: var(--line15);
}
.conn-page .ys-form .mod-btn-link {
    font-size: var(--font24);
    padding: 0;
}
.conn-ener .mod-btn.act .mod-btn-link::before {
    z-index: -1;
}
.conn-ener .mod-btn.act .mod-btn-link::after {
    z-index: -1;
}
.conn-ener .ys-form {
    --height: 44px;
    --space: 10px;
    --height1: 50px;
    --spacebot: 0.23rem;
    --spacein: 20px;
}
.conn-page .ys-fii-input {
    border-radius: 5px;
    border: 1px solid var(--colorfff);
    background: linear-gradient(180deg, rgba(34, 41, 47, 0.00) 0%, rgba(34, 41, 47, 0.50) 100%);
}
.conn-page .ys-fii-submit {
    height: var(--height1);
    line-height: var(--height1);
}
.conn-page .ys-fii-tips {
    margin-top: 5px;
}
.conn-page .ys-fii-tips span {
    color: var(--colortips) !important;
}
.conn-page .ys-fii-input input,
.conn-page .ys-fii-input textarea {
    color: var(--colorfff);
}
.conn-page .ys-form .ys-fii-select .ys-select-bd {
    border-radius: 5px;
    background: #606060;
    border: none;
    top: calc(100% - 1px);
}
.ys-fii-select .ys-select-inof,
.ys-fiiss-core {
    height: calc(var(--font18) * 10 + 10px);
}
.conn-page .ys-form-inof-item .ys-select-li {
    color: var(--colorfff);
    border-bottom: 0.5px solid #CBCCCE;
}
.conn-page .ys-select-xtbbox img {
    width: 18px;
}
.conn-page .ys-form-inof-text .ys-fii-input {
    height: 142px;
}
.conn-page .ys-fia-text-btn::before {
    border: 1px solid var(--colorfff);
    border-radius: 2px;
}
.conn-page .ys-fia-text-btn {
    width: 14px;
    height: 14px;
}
.conn-page .ys-fic-auth {
    align-items: flex-end;
    width: 100%;
}
.conn-page .ys-fic-auth .ys-fii-input {
    width: 100%;
}
.conn-page .ys-fic-auth label {
    width: calc(100% - 132px - 0.3rem)
}
.conn-page .ys-fic-auth-img {
    margin-left: 0.3rem;
}
.conn-ener-top-right .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.conn-ener-top-right .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.conn-ener-top-right .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.conn-ener-top-right .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: var(--colorfff);
}
.conn-page .ys-form-inof .mCSB_outside+.mCSB_scrollTools {
    right: -4px;
}
.conn-page .ys-fia-text {
    padding-right: 1rem;
}
.conn-page .ys-fii-name {
    margin-bottom: 5px;
}
.conn-page .ys-form-inof-item.ys-form-inof-agree {
    margin-bottom: 6px;
}
.conn-ener-top-right .ys-form-inof-item.ys-form-inof-agree.ys-form-required {
    margin-bottom: 0.23rem;
}
.conn-page .ys-nyban-title h1 {
    font-family: var(--bold);
    margin-bottom: 0.12rem;
}
.conn-page .ys-nybanner .ys-nyban-title p {
    line-height: var(--line15);
}
.conn-ener-top-left .ys-nyban-title {
    margin-bottom: 0.64rem;
}
.conn-page .ys-fia-text-word {
    font-size: var(--font18);
    line-height: var(--line15);
}
.conn-ener-top-right .ys-fia-text-btn {
    top: 7px;
}
.conn-ener-top-right .ys-fia-text-btn::after {
    background: var(--colorfff);
}
.conn-ener-top-right .ys-fia-text-word a {
    color: var(--colorfff);
    transition: all .4s;
}
.conn-ener-top-right .ys-fii-select .ys-select-inof {
    padding: 0;
}
.conn-ener-top-right .ys-form-inof-item .ys-select-li {
    padding: .4em var(--spacein);
}
.clct-icon {
    width: 26px;
}
.clct-icon img {
    width: 100%;
}
.conn-ener-bot-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.735rem;
    margin-bottom: -1rem;
}
.cebw-list {
    width: 33.333333%;
    padding: 0 0.735rem;
    padding-bottom: 1rem;
}
.cebw-list-cont-top {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.08rem;
}
.cebw-list-cont .std-text18 {
    color: var(--colorfff);
}
.cebw-list-cont .std-text18 span {
    font-family: var(--bold);
    margin-top: 0.04rem;
}
.cebw-list-cont .std-text18 a {
    color: var(--colorfff);
    transition: all .4s;
}
.conn-page .std-font58 {
    color: var(--colorfff);
    margin-bottom: 0.6rem;
}
.cebw-list-cont-top .std-text18 {
    padding-left: 0.1rem;
}
.cebw-list-cont {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding-left: 0.2rem;
    border-left: 1px solid var(--colorfff);
}
.cebw-list-cont-middle {
    margin-bottom: 8px;
}
.cebw-list:nth-child(3n) {
    animation-delay: .4s;
}
.cebw-list:nth-child(3n-1) {
    animation-delay: .3s;
}
.ys-fia-text-word span{
    color:var(--colortips) ;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .ys-fia-text-word a:hover {
        color: var(--colormain);
    }
    .cebw-list-cont .std-text18 a:hover {
        color: var(--colormain);
    }
}
/* kaffi-11.28-end */
/*kaffi-12.1-start*/
.footer-text p a{
    color:rgba(255, 255, 255, .05) !important ;
}
.home-proj-info-item{
    height: auto!important;
}
.hpii-link-cont{
    flex-grow: 1;
}
.layui-layer-content{
    color: #000;
}
.conn-page .ys-footer-cont{
    display: none;
}
.aibc-info {
    transition: all .4s;
}
.ahbw-item-box-cont::after {
    opacity: 0 !important;
}
.ahbw-item-box-border::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--colorjb);
    transition: all 0.4s;
    opacity: 0;
    z-index: -1;
}
.ahbw-item-box-border{
    z-index: -1;
}
.hpwl-link-cont {
    padding: 0.4rem 2.2rem 0.28rem 0.4rem;
}
.home-solu-bot-left{
    position: relative;
    top: auto;
}
.home-solu-bot-right{
    position: relative;
    top: auto;
}
.hsbl-wrap-list:nth-child(2)::after{
    height: calc(100% + 0.86rem  + 0.52rem + var(--gap1));
}
.hsbl-wrap-list:nth-child(3)::after{
    height: calc(100% +  0.86rem  + 0.52rem * 2 + var(--gap1) * 2);
}
.hsbl-wrap-list.on:last-child::after{
    height: calc(100% + 0.86rem * 2  + 0.52rem * 3 + var(--gap1) * 3 );
}
.hsbm-li{
    margin-bottom: 0;
}
.head-logo a{
    width: 100%;
}
.hsbl-wrap-list-img {
    cursor: pointer;
}
.ys-flex-pos-center,.ys-nyban-bread{
    z-index: 3;
}
.ahbw-item{
    padding-bottom: 0.2rem;;
}
.about-hono-box-wrap{
    margin-bottom: -0.2rem;;
}
/*.ebin-box tr{*/
/*    height: auto!important;*/
/*}*/
.ys-secretnr p{
    color: var(--colorfff);
}
.aiib-text{
    text-align: center;
}
.pwil-box{
    background: rgba(255, 255, 255, 0.05);
}
.lsbw-list-box-svg3 {
    right: 23.6%;
}
.footer-nav.on>li{
    width: 100%;
    max-width: 330px;
}
.acbr-text p,.acbr-cont p{
    font-size: var(--font16);
}
.ys-phnav-language .ys-phnav-header-font{
    color: var(--colorfff)!important;
}
.ys-phnav-search .iconfont{
    color: var(--colorfff)!important;
}
.large-scale-bot-list{
    display: none;
}
.large-scale-bot-list.act{
    display: block;
}
.conn-ener::after{
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(31, 36, 41, 0.00) 0%, #1F2429 100%);
    bottom: 0;
    left: 0;
    width: 100%;
    height:71%;
    z-index: 2;
}
.conn-ener .ys-cont1600{
    z-index: 3;
}
.conn-page .conn-ener .ys-nyban-img{
    z-index: 1;
}
.suy-box ul a.act {
    color: #fff !important;
}
.ys-phnav-header{
    background: var(--color1F2);
}
.hpwl-link-cont {
    padding: 0.4rem 2.2rem 0.28rem 0.4rem;
}
.large-scale-wrap{
    flex-wrap: wrap;
    margin: 0 -0.15rem;
    margin-bottom: -0.2rem;
}
.large-scale-wrap-list{
    padding-bottom: 0.2rem;
}
.large-scale-wrap-list .mod-btn-link span{
    white-space: wrap;
}
/*.large-proj .slick-track{*/
/*    width: 100%!important;*/
/*}*/
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    /*.ahbw-item-box:hover .aibc-info {*/
    /*    transform: translate(-50%, -50%) scale(0.7);*/
    /*}*/
    .ahbw-item-box:hover .ahbw-item-box-border {
        opacity: 1;
        backdrop-filter: none;
        mask: none;
    }
    .ahbw-item-box:hover .ahbw-item-box-border span {
        background: none;
    }
    .ahbw-item-box:hover .ahbw-item-box-border::after {
        opacity: 1;
    }
    .hsbl-wrap-list-img:hover::after{
        opacity: 1;
    }
     .hsbl-wrap-list-img:hover img:nth-child(2) {
        opacity: 1;
    }
     .hsbl-wrap-list-img:hover img:nth-child(1) {
        opacity: 0;
    }
}

/*kaffi-12.1-end*/
/*kaffi-12.8-start*/
.ys-nyban-img{
    position: relative;
}
.ys-nyban-img::after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34%;
    background: linear-gradient(180deg, rgba(31, 36, 41, 0.00) 0%, #1F2429 100%);
    z-index: 2;
}
/*kaffi-12.8-end*/
/* kaffi-12.5-二期-start */
.ys-nyban-img {
    position: relative;
}
.ys-nyban-img::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 34%;
    background: linear-gradient(180deg, rgba(31, 36, 41, 0.00) 0%, #1F2429 100%);
}
.mod-btn-link img {
    position: relative;
    z-index: 3;
    flex: none;
    width: 30px;
}
.down-search .mod-btn-link {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 160px;
    padding: 0.1rem 0.2rem;
    height: 100%;
}
.down-search {
    display: flex;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    width: 30%;
    justify-content: space-between;
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.ys-nyban-title .down-search .mod-btn {
    animation: none;
    animation-delay: 0s;
}
.down-search input {
    padding: 0 0.2rem;
    font-size: 16px;
    line-height: var(--line12);
    color: #FFF;
    width: 100%;
    height: 54px;
}
.down-search input::placeholder {
    color: #CBCCCE;
}
.down-page h1 {
    margin-bottom: 0.76rem;
}
.down-prod-top-wrap {
    display: flex;
    justify-content: center;
    margin: 0 -0.15rem;
}
.down-prod-top .mod-btn {
    padding: 0 0.15rem;
}
.down-prod-top {
    margin-bottom: 0.4rem;
}
.down-prod-bot {
    border-top: 1px solid rgba(255, 255, 255, 0.30);
}
.dpbi-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.dpbi-box-left {
    width: 30%;
    padding-top: 0.4rem !important;
    padding-right: 0.8rem !important;
    position: sticky;
    top: calc(var(--headh) + 0.4rem);
}
.dpbi-box-right {
    width: 70%;
    padding-top: 0.4rem !important;
    padding-left: 0.8rem !important;
    position: relative;
}
.dpbi-box-right::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.30);
}
.dbrc-list {
    margin-bottom: 0.2rem;
}
.dbrc-list:last-child {
    margin-bottom: 0;
}
.dpbi-box-left-top {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.12rem;
    margin-bottom: 0.3rem;
}
.dpbi-box-left-top .mod-btn {
    padding: 0 0.12rem;
}
.dpbi-box-left-top .mod-btn-link {
    border: 1px solid rgba(255, 255, 255, 1);
}
.dpbi-box-left-bot .ys-sit-icon::after,
.dpbi-box-left-bot .ys-sit-icon::before {
    display: none;
}
.dpbi-box-left-bot .ys-sit-icon {
    transition: all .4s;
}
.dpbi-box-left-bot .ys-slide-item.on .ys-sit-icon {
    transform: translateY(-50%) rotate(0);
}
.dpbi-box-left-bot .ys-slide-item .ys-sit-icon {
    width: var(--width);
    transform: translateY(-50%) rotate(-180deg);
    position: absolute;
    right: 0;
    top: 50%;
}
.stit-icon {
    width: var(--width);
    transform: translateY(-50%) rotate(-180deg);
    transition: all .4s;
    position: absolute;
    right: 0;
    top: 50%;
}
.stit-icon img {
    width: 100%;
}
.slide-twins-item.on .stit-icon {
    transform: translateY(-50%) rotate(0);

}
.dpbi-box-left-bot .ys-slide-item .ys-sit-icon img {
    width: 100%;
}
.dblb-info-list-box {
    display: flex;
    align-items: flex-start;
}
.dpbi-box-left-bot .std-font32 {
    color: var(--colorfff);
    line-height: var(--line12);
    width: calc(100% - var(--width));
    padding-right: 0.2rem;
}
.dilb-icon {
    width: 14px;
    height: 14px;
    transition: all .4s;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.04rem;
}
.dilb-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    border-radius: 2px;
    transition: all .4s;
}
.dilb-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: var(--colorjb);
    border-radius: 2px;
    transition: all .4s;
    opacity: 0;
}
.dilb-icon img {
    width: 10px;
    position: relative;
    z-index: 2;
    opacity: 0;
    transition: all .4s;
}
.dblb-info-list.on .dilb-icon::after {
    opacity: 1;
}
.dblb-info-list.on .dilb-icon::before {
    opacity: 0;
}
.dblb-info-list.on .dilb-icon img {
    opacity: 1;
}
.dblb-info-list-box {
    cursor: pointer;
}
.slide-twins-item-bot {
    display: none;
}
.slide-twins-item-top {
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}
.dpbi-box-left-bot {
    --width: 22px;
}
.slide-twins-item-top .std-font20 {
    color: rgba(255, 255, 255, .7);
    width: calc(100% - var(--width));
    padding-right: 1.3rem;
    /* padding-right: 1.38rem; */
    transition: all .4s;
    line-height: var(--line13);
}
.dblb-info-list-box .std-text18 {
    padding-left: 0.21rem;
    color: rgba(255, 255, 255, .7);
    line-height: var(--line12);
}
.dblb-info-list {
    display: flex;
}
.slide-twins-item-top {
    /* padding: 0.2rem 0; */
    padding: 0.18rem 0;
}
.slide-twins-item {
    border-top: 1px solid rgba(248, 248, 248, 0.30);
}
.dblb-info-list {
    /* margin-bottom: 0.16rem; */
    margin-bottom: 0.22rem;
}
.dblb-info-list:last-child {
    margin-bottom: 0;
}
.dblb-info {
    /* padding: 0.1rem 0 0.2rem 0.25rem; */
    padding: 0.12rem 0 0.2rem 0.25rem;
}
.dpbi-box-left-bot .ys-slide-item-top {
    padding: 0.2rem 0;
    position: relative;
}
.dpbi-box-left-bot .ys-slide-item {
    border-top: 1px solid rgba(248, 248, 248, 0.30);
    padding-bottom: 0.21rem;
}
.dpbi-box-left-bot .ys-slide-item:last-child {
    border-bottom: 1px solid rgba(248, 248, 248, 0.30);
}
.dpbi-box-right-tit {
    display: flex;
    background: linear-gradient(90deg, #03F9E1 -21.56%, #6425FC 98.22%);
    /* padding: 0.2rem 0.5rem; */
    padding: 0.17rem 0.5rem;
    border-radius: 80px;
    margin-bottom: 0.3rem;
}
.dbrt-list {
    color: var(--colorfff);

}

.dbrt-list1 {
    width: 27%;
    padding-right: 0.2rem;
}
.dbrt-list2 {
    width: 39%;
    padding-right: 0.2rem;
}
.dbrt-list3 {
    width: 27%;
    padding-right: 0.2rem;
}
.dbrt-list4 {
    width: 7%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.dbrc-link {
    position: relative;
    width: 100%;
}
.dbrc-link-cont {
    display: flex;
    flex-wrap: wrap;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.10);
    padding: 0.2rem 0.5rem;
    position: relative;
    z-index: 1;
}
.dbrc-link-cont::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 80px;
    background: linear-gradient(90deg, #03F9E1 -21.56%, #6425FC 98.22%);
    transition: all .4s;
    opacity: 0;
    z-index: -1;
}
.dbrc-link .mod-border1 {
    opacity: 1;
    border-radius: 80px;
}
.dbrt-list-icon {
    width: 24px;
    flex: none;
}
.dbrt-list-icon img {
    width: 100%;
}
.down-prod {
    position: relative;
    z-index: 1;
    overflow: visible !important;
}
.down-prod-bg {
    position: absolute;
    top: 61%;
    transform: translateY(-50%);
    left: 13%;
    width: 40%;
    z-index: -1;
}
.down-prod-bg img {
    width: 100%;
}
.down-prod::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 48%;
    background: linear-gradient(180deg, #1F2429 0%, rgba(61, 64, 68, 0.00) 100%);
    z-index: -1;
}
.down-prod::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 42%;
    background: linear-gradient(180deg, rgba(61, 64, 68, 0.00) 0%, #1F2429 100%);
    z-index: -1;
}
.dpbi-box-right-cont {
    margin-bottom: 0.7rem;
}
.ys-main.act {
    background: #3E4043;
}
.faq-cont-top-wrap {
    display: flex;
    margin: 0 -0.15rem;
}
.faq-cont-top-wrap .mod-btn {
    padding: 0 0.15rem;
}
.faq-cont-top {
    margin-bottom: 0.8rem;
}
.faq-cont .mod-border1 {
    opacity: 1;
    border-radius: var(--radius10);
    backdrop-filter: none;
}
.faq-cont .ys-slide-item-top {
    position: relative;
    padding: 20px;
}
.faq-cont .ys-slide-item-bot {
    padding: 0.37rem 0.5rem 0.52rem;
    position: relative;
}
.faq-bot-cont {
    overflow: hidden;
    padding: 0.6rem 0.64rem 0.4rem 0.6rem;
    position: relative;
    border-radius: 5px;
    background: linear-gradient(91deg, #03F9E1 -116.15%, #6425FC 96.87%);
}
.faq-cont .ys-slide-item {
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    border-radius: var(--radius10);
    margin-bottom: 0.25rem;
}
.faq-cont .ys-slide-item:last-child {
    margin-bottom: 0;
}
.faq-top-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.faq-top-box .ys-sit-icon {
    width: var(--wh);
    height: var(--wh);
    --wh: 40px;
    flex: none;
}
.faq-top-box .ys-sit-icon img {
    width: 100%;
}
.faq-top-box .ys-sit-icon img:nth-child(2) {
    opacity: 0;
}
.ys-slide-item.on .ys-sit-icon .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}
.ys-slide-item.on .ys-sit-icon .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}
.faq-top-box .ys-sit-icon::after,
.faq-top-box .ys-sit-icon::before {
    display: none;
}
.ftbl-icon {
    width: var(--width);
}
.ftbl-icon img {
    width: 100%;
}
.faq-top-box-left {
    display: flex;
    --width: 40px;
    align-items: flex-start;
}
.ftbl-text {
    width: calc(100% - var(--width));
    padding: 0 0.3rem;
    color: var(--colorfff);
    line-height: var(--line12);
    font-size: var(--font24);
    margin-top: 0.06rem;
    transition: all .4s;
}
.faq-bot-img {
    position: absolute;
    width: 14%;
    top: 0.24rem;
    pointer-events: none;
}
.faq-bot-img img {
    width: 100%;
}
.faq-bot-cont .std-text18,
.faq-bot-cont .std-text18 p {
    color: var(--colorfff);
    line-height: var(--line15);
}
.faq-cont .ys-slide {
    margin-bottom: 0.6rem;
}
.ccbw-list-link {
    position: relative;
    display: block;
    width: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.cust-page .ys-nyban-bread {
    top: 1.2rem;
    bottom: auto;
}
.cust-case h1 {
    color: var(--colorfff);
    line-height: var(--line12);
    font-size: var(--font64);
    text-align: center;
    margin-bottom: 0.64rem;
}
.ccbw-list-link-cont {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.10);
    flex-wrap: wrap;
}
.cust-case-box-wrap {
    --left: 0.26rem;
    --padding: 0.61rem;
    --width: 50%;
    --top: 0.26rem;
    --righr: 0.37rem;
    --bot: 0.27rem;
}
.cllc-right {
    display: flex;
    flex-direction: column;
    width: calc(100% - var(--width));
    margin-top: 0.16rem;
    padding-left: var(--padding);
    padding-top: var(--top);
    padding-right: var(--righr);
    padding-bottom: 1rem;
}
.cust-case-box .mod-btn {
    display: flex;
}
.cllc-right-top .std-font32 {
    color: var(--colorfff);
    line-height: var(--line12);
    margin-bottom: 0.2rem;
    transition: all .4s;
}
.cllc-right-top .std-text16 {
    padding-right: 0.55rem;
}
.cllc-right-top .std-text16,
.cllc-right-top .std-text16 p {
    color: rgba(255, 255, 255, .8);
    max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.cllc-right-top {
    margin-bottom: 0.3rem;
}
.ccbw-list-link .mod-border2 span {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0) 100%);
}
.ccbw-list-link .mod-border2 {
    backdrop-filter: none
}
.cllc-left {
    width: var(--width);
    padding-left: var(--left);
    padding-top: var(--top);
    padding-bottom: var(--bot);
}
.cllc-left .ys-imgbox-cover {
    border-radius: var(--radius20);
}
.cust-case-box-wrap .slick-dots {
    bottom: 0.64rem;
    text-align: left;
    left: calc(var(--width) + var(--padding) - 6px);
    pointer-events: none;
}
.cust-case-box-wrap .slick-dots li {
    width: 8px;
    height: 8px;
    pointer-events: auto;
}
.cust-case-box-wrap .slick-dots li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(120deg, #03F9E1 14.02%, #6425FC 85.88%);
    border-radius: 50%;
    opacity: 0;
    transition: all .4s;
}
.cust-case-box-wrap .slick-dots li.slick-active::after {
    opacity: 1;
}
.cust-inde-top {
    margin-bottom: 0.5rem;
}
.cllc-right .mod-btn-link {
    padding: 0.15rem 0.36rem;
}
.cust-inde-top-wrap {
    display: flex;
    margin: 0 -0.1rem;
}
.cust-inde-top-wrap .mod-btn {
    padding: 0 0.1rem;
}
.cust-inde .home-proj-info {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.17rem;
    margin-bottom: -0.4rem !important;
}
.cust-inde .home-proj-info-item {
    padding: 0 0.17rem;
    padding-bottom: 0.4rem !important;
}
.cust-case {
    position: relative;
    z-index: 1;
}
.cust-case-bg {
    position: absolute;
    bottom: -40%;
    right: -13%;
    width: 37%;
}
.cust-case-bg img {
    width: 100%;
}
.cust-inde .ys-pcfy {
    margin-top: 0.8rem;
}
.cust-case-top h1 {
    margin-bottom: 0.12rem;
}
.cust-case-top {
    margin-bottom: 0.25rem;
}
.cust-case-top .std-text18,
.cust-case-top .std-text18 p {
    color: var(--colorfff);
    line-height: var(--line12);
    text-align: center;
}
.news-page .ys-nyban-bread {
    top: 1.2rem;
    bottom: auto;
}
.clbb-more-img {
    width: 18px;
    margin-top: 6px;
}
.clbb-more-img img {
    transform: none !important;
}
.cibl-link {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: var(--radius20);
}
.cust-inde-bot {
    display: flex;
    flex-wrap: wrap;
}
.cust-inde-bot-list {
    width: 33.333333%;
}
.cibl-link-box {
    display: flex;
    flex-direction: column;
    border-radius: var(--radius20);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
}
.cibl-link-box .ys-imgbox-cover {
    border-radius: var(--radius20) var(--radius20) 0 0;
}
.cibl-link-box-bot {
    padding: 0.45rem 0.67rem 0.61rem 0.26rem;
}
.cibl-link-box-bot .std-text16 {
    color: rgba(255, 255, 255, .8);
    transition: all .4s;
    /* margin-bottom: 8px; */
    margin-bottom: 5px;
}
.cibl-link-box-bot .std-font24 {
    color: var(--colorfff);
    line-height: var(--line12);
    /* margin-bottom: 0.36rem; */
    margin-bottom: 0.34rem;
    max-height: 2.4em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.clbb-more {
    display: flex;
    align-items: flex-start;
}
.clbb-more .std-text18 {
    color: var(--colorfff);
    padding-right: 6px;
}
.clbb-more-img img:nth-child(1) {
    opacity: 0;
}
.cust-inde-bot-list {
    padding: 0 11px;
    padding-bottom: 0.5rem;
}
.cust-inde-bot {
    margin: 0 -11px;
    margin-bottom: -0.5rem;
}
.news-page .cust-inde .ys-pcfy {
    margin-top: 0.6rem;
}
.info-comp-cont {
    background: #D9D9D9;
    padding-left: 1.71rem;
    padding-right: 1.71rem;
}
.info-page .ys-nyban-bread {
    bottom: auto;
    top: 0.5rem;
}
.info-page .ys-nyban-bread .ys-cont1400 {
    padding: 0 1.71rem;
}
.info-comp {
    position: relative;
}
.info-page .ys-bread-list a {
    color: var(--color666);
}
.info-page .ys-bread-list:last-child a {
    color: var(--color333);
}
.info-page .ys-bread-list::before {
    color: var(--color666);
}
.info-comp-cont h1 {
    font-size: var(--font40);
    line-height: var(--line12);
    color: var(--color333);
    margin-bottom: 0.3rem;
}
.icct-cont {
    display: flex;
}
.icct-cont .std-text18 {
    color: var(--color666);
    padding-right: 0.5rem;
    margin-top: 3px;
}
.icct-cont .ys-share-img {
    width: 34px;
}
.icct-cont .ys-share-img img {
    width: 100%;
}
.icct-cont .ys-share-list {
    padding: 0 7px;
}
.icct-cont .ys-share {
    margin: 0 -7px;
}
.info-comp-cont-top {
    border-bottom: 1px solid #CBCCCE;
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
}
.info-comp-cont-bot p {
    margin-bottom: 0.4rem;
}
.info-comp-cont-bot p span {
    color: var(--color333);
    line-height: var(--line175);
    font-size: 18px;
    display: block;
    font-family: var(--bold);
}
.info-comp-cont-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.iccw-list {
    width: 38.5%;
}
.iccw-list-link {
    display: flex;
    align-items: center;
}
.iccw-list-link .std-text16 {
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: var(--color666);
    /* padding-right: 0.1rem; */
    transition: all .4s;
}
.iccw-list-link-icon {
    color: var(--color666);
    transition: all .4s;
    /* padding-left: 0.1rem; */
}
.info-comp-cont-bot {
    padding-bottom: 0.4rem;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #CBCCCE;
}
.info-comp-cont-bot img {
    width: 100%;
    border-radius: var(--radius10);
}
.faq-cont {
    position: relative;
    z-index: 1;
}
.faq-cont::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 36%;
    background: linear-gradient(180deg, #1F2429 0%, rgba(61, 64, 68, 0.00) 100%);
    z-index: -1;
    pointer-events: none;
}
.faq-cont.faq-cont::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 42.5%;
    background: linear-gradient(180deg, rgba(61, 64, 68, 0.00) 0%, #1F2429 100%);
    z-index: -1;
    pointer-events: none;
}
.faq-cont-bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20%;
    width: 63%;
    pointer-events: none;
}
.faq-cont-bg img {
    width: 100%;
}
.cust-inde {
    position: relative;
    z-index: 1;
}
.cust-inde-bg {
    position: absolute;
    width: 41%;
    top: 59%;
    left: 19%;
    transform: translateY(-50%);
    pointer-events: none;
}
.cust-inde img {
    width: 100%;
}
.cust-case::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #1F2429 0%, rgba(61, 64, 68, 0.00) 100%);
    z-index: -1;
    pointer-events: none;
}
.cust-inde::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 37.5%;
    background: linear-gradient(180deg, rgba(61, 64, 68, 0.00) 0%, #1F2429 100%);
    z-index: -1;
    pointer-events: none;
}
.info-comp {
    position: relative;
    z-index: 1;
}
.info-comp::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 20%;
    background: linear-gradient(180deg, #1F2429 0%, rgba(61, 64, 68, 0.00) 100%);
    z-index: -1;
    pointer-events: none;
}
.info-comp::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 21%;
    background: linear-gradient(180deg, rgba(61, 64, 68, 0.00) 0%, #1F2429 100%);
    z-index: -1;
    pointer-events: none;
}
.info-comp-bg {
    position: absolute;
    width: 62%;
    right: -14%;
    top: 38%;
    transform: translateY(-50%);
    z-index: -1;
    pointer-events: none;
}
.info-comp-bg img {
    width: 100%;
}
.cust-case .mod-btn-link::after {
    background: linear-gradient(120deg, #03F9E1 14.02%, #6425FC 85.88%);
}
.cust-inde-top .mod-btn-link::after {
    background: linear-gradient(120deg, #03F9E1 14.02%, #6425FC 85.88%);
}
.cust-inde-top .mod-btn-link {
    min-width: 200px;
}
.mod-btn-link {
    text-align: center;
}
.cibl-link-box-bot {
    position: relative;
    z-index: 1;
}

.cibl-link-box-bot::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
    opacity: 0;
    border-radius: 0 0 var(--radius20) var(--radius20);
    background: linear-gradient(120deg, #03F9E1 14.02%, #6425FC 85.88%);
}
.news-page .cust-inde-bg {
    top: 32%;
    left: 39%;
}
.cust-inde-top .mod-btn-link {
    border: none;
    padding: 0.19rem 0.24rem;
}
.dpbi-box-left-top .mod-btn-link {
    padding: 0.1rem 0.24rem;
}
.mod-btn-link::after {
    border-radius: 80px;
    background: linear-gradient(124deg, #03F9E1 8.7%, #6425FC 91.04%);
}
.down-prod h2 {
    font-size: var(--font24);
    line-height: var(--line12);
    color: var(--colorfff);
    margin-bottom: 0.15rem;
}
.down-prod-info {
    position: relative;
}
.down-prod-info-wrap {
    border-radius: var(--radius10);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 162px 45px 0 rgba(0, 0, 0, 0.00), 0 104px 41px 0 rgba(0, 0, 0, 0.00), 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);
    padding: 0.4rem 0.5rem;
    padding-bottom: 0.2rem;
    display: flex;
    flex-wrap: wrap;
}
.down-prod-info .mod-border1 {
    opacity: 1;
    backdrop-filter: none;
}
.dpiw-list {
    width: 20%;
    padding: 0 10px;
    padding-bottom: 20px;
}
.dlbc-img {
    width: 60px;
    margin-bottom: 0.2rem;
}
.dpiw-list-box-cont .std-text18 {
    color: rgba(255, 255, 255, .8);
    transition: all .4s;
}
.dlbc-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 -0.1rem;
}
.dlbc-wrap-list {
    padding: 0 0.1rem;
}
.dlbc-wrap-list-link {
    display: flex;
    padding: 0.05rem 0.15rem;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.05);
}
.dpiw-list-box-cont {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.05);
    /* backdrop-filter: blur(117.94999694824219px);
    -webkit-backdrop-filter: blur(117.94999694824219px);
    -o-backdrop-filter: blur(117.94999694824219px);
    -ms-backdrop-filter: blur(117.94999694824219px);
    -moz-backdrop-filter: blur(117.94999694824219px); */
    padding: 0.5rem 0.6rem 0.2rem;
}
.dpiw-list-box-cont::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
    opacity: 0;
    border-radius: var(--radius20);
    background: linear-gradient(120deg, #03F9E1 14.02%, #6425FC 85.88%);
}
.dpiw-list-box-cont .std-text18 {
    margin-bottom: 0.3rem;
}
.dlbc-wrap-list-link img {
    width: 24px;
    flex: none;
}
.dpiw-list-box .mod-border1 {
    opacity: 1;
    border-radius: var(--radius20);
}
.dpiw-list-box {
    position: relative;
}
.down-prod-top2 {
    padding-bottom: 0.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dlbc-icon {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 50px;
}
.dpiw-list-box-cont .ys-video-btn {
    position: relative;
    width: 100%;
}
.down-prod-info-wrap1 .dlbc-img {
    width: 100%;
    border-radius: var(--radius20);
    cursor: pointer;
}
.down-prod-info-wrap1 .dpiw-list-box-cont {
    padding: 0.15rem 0.2rem;
}
.dlbc-icon img {
    width: 100%;
}
.down-prod-info-wrap1 .dlbc-img {
    border-radius: var(--radius10);
    margin-bottom: 0.1rem;
}
.down-prod-info-wrap1 .dlbc-wrap {
    justify-content: center;
}
.down-prod-info-wrap1 .dpiw-list-box-cont .std-text18 {
    margin-bottom: 0.18rem;
}
.dpbi-box-right-top p {
    color: #CBCCCE;
    font-size: var(--font18);
    line-height: var(--line12);
}
.dpbi-box-right-top p span {
    color: var(--colorfff);
    font-size: var(--font24);
    line-height: var(--line12);
    padding: 0 0.12rem;
}
.dpbi-box-right-top {
    margin-bottom: 0.3rem;
}
.faq-page .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::after,
.cust-page .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::after,
.news-page .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::after,
.down-page .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::after,
.down-page .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::after {
    background: var(--colorjb);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
}
.faq-page .mCSB_horizontal.mCSB_inside>.mCSB_container,
.cust-page .mCSB_horizontal.mCSB_inside>.mCSB_container,
.news-page .mCSB_horizontal.mCSB_inside>.mCSB_container,
.down-page .mCSB_horizontal.mCSB_inside>.mCSB_container {
    display: flex;
}
.cust-inde-bot-list:nth-child(3n) {
    animation-delay: .4s;
}
.cust-inde-bot-list:nth-child(3n-1) {
    animation-delay: .3s;
}
.cust-inde-bot-list:nth-child(3n-2) {
    animation-delay: .2s;
}

.cust-page .home-proj-info-item:nth-child(3n) {
    animation-delay: .4s;
}
.cust-page .home-proj-info-item:nth-child(3n-1) {
    animation-delay: .3s;
}
.cust-page .home-proj-info-item:nth-child(3n-2) {
    animation-delay: .2s;
}
.dpbi-box-left-switch {
    max-height: 800px;
}
.dpbi-box-left-switch .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::after,
.dpbi-box-left-switch .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar::after {
    background: var(--colorjb);
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    content: '';
}
.dpbi-box-left-switch .mCSB_scrollTools {
    margin: 10px 0;
}
.dpbi-box-right-tit .dbrt-list1 {
    width: 20%;
}
.dpbi-box-left-top .mod-btn:nth-child(2) {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.down-prod-top1 .mod-btn-link {
    background: rgba(255, 255, 255, 0.20);
}
.dpbi-box-right-tit .dbrt-list1 {
    width: 26%;
}
.dpbi-box-right-tit .dbrt-list2 {
    width: 37%;
}
.dpbi-box-right-tit .dbrt-list3 {
    width: 37%;
}
.dbrc-list .mod-border1 span {
    background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 104%);
}
.dpbi-box-left-bot .ys-slide-item-bot>.dblb-info {
    padding: 0.02rem 0 0.2rem 0.25rem;
}
.down-prod-top2 .down-prod-top-wrap {
    justify-content: flex-start;

}
.down-prod-bg1 {
    top: 67%;
    left: -1%;
    width: 40%;
    opacity: 0.5;
}
.down-prod-top2 .mod-btn-link span {
    color: #CBCCCE;
    transition: all .4s;
}
.down-prod-top2 .mod-btn.act .mod-btn-link span {
    color: var(--colorfff);
}
.faq-cont-top-wrap {
    padding-right: 0 !important;
}
.cust-page .hpii-link-box .ys-imgbox-cover {
    margin-bottom: 0.28rem;
}
.cust-page .hpii-link-cont-tip {
    margin-bottom: 0.08rem;
}
.cust-inde-top-wrap .mod-btn-link span {
    font-size: var(--font20);
}
.cust-inde-top .mod-btn-link {
    padding: 0.18rem 0.24rem;
}
.mod-btn-link span {
    display: block;
}
.cust-case-bg {
    z-index: -1;
    pointer-events: none;
}
a {
    pointer-events: all;
}
.dbrt-list-icon img {
    pointer-events: none;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .dbrc-link:hover .dbrc-link-cont::after {
        opacity: 1;
    }
    .cibl-link:hover .cibl-link-box-bot .std-text16 {
        color: rgba(255, 255, 255, 1);
    }
    .iccw-list-link:hover .std-text16 {
        color: var(--colormain);
    }
    .dpbi-box-left-top .mod-btn-link:hover {
        border: 1px solid transparent;
    }
    .iccw-list-link:hover .iccw-list-link-icon {
        color: var(--colormain);
    }
    .cibl-link:hover .cibl-link-box-bot::after {
        opacity: 1;
    }
    .dpiw-list-box-cont:hover .std-text18 {
        color: rgba(255, 255, 255, 1);
    }
    .down-prod-info-wrap1 .dpiw-list-box-cont:hover .dlbc-img img {
        transform: scale(1.05);
    }
    .slide-twins-item-top:hover .std-font20 {
        color: var(--colorfff);
    }
    .dpiw-list-box-cont:hover::after {
        opacity: 1;
    }
    .down-prod-top2 .mod-btn-link:hover span {
        color: var(--colorfff);
    }
}
/* kaffi-12.5-二期-end */
/* kaffi-12.10-start */
.dpbi-box-left-top .mod-btn-link {
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid rgba(255, 255, 255, 0.20);
}
.dpiw-list-box-cont .dlbc-img img:nth-child(1) {
    opacity: 0;
}
.cust-inde .home-proj-info-item{
    width: 33.333333%;
}
.mod-btn.act .mod-btn-link,.dpbi-box-left-top .mod-btn-link{
    cursor: pointer!important;
}
.dpiw-list-box-cont {
    height: 100%;
    width: 100%;
}
.dpiw-list-box {
    height: 100%;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.dpiw-list {
    display: flex;
    height: auto;
}
.down-prod-top-wrap{
    justify-content: flex-start;

}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .down-prod-info-wrap2 .dpiw-list-box-cont:hover .dlbc-img img:nth-child(1) {
        opacity: 1;
    }
    .down-prod-info-wrap2 .dpiw-list-box-cont:hover .dlbc-img img:nth-child(2) {
        opacity: 0;
    }
}
/* kaffi-12.22-start */
.down-prod1 .ys-pcfy{
    margin-top: 0.6rem;
}
.info-comp-cont-bot p {
    margin-bottom: 0.12rem;
}
.dbrt-list1 {
    width: 54%;
}
.dbrt-list2 {
    width: 19%;
}
.dbrt-list3 {
    width: 20%;
}
.dpbi-box-right-tit .dbrt-list1 {
    width: 52%;
}
.dpbi-box-right-tit .dbrt-list2 {
    width: 20%;
}
.dpbi-box-right-tit .dbrt-list3 {
    width: 28%;
}
.dbrc-link-cont {
    align-items: center;
}
.mod-pb{
    display: none;
}
.dbrt-list .std-text18{
    color: var(--colorfff);
    padding-right: 0.2rem;
    white-space: nowrap;
}
.cust-case-box{
    position: relative;
}
.cust-case-box .mod-switch{
    position: absolute;
    bottom: 0.42rem;
    right: var(--righr);
}
.cust-case-box .mod-switch-btn-le{
    margin-right: 0.2rem;
}
.cust-case-box {
    --left: 0.26rem;
    --padding: 0.61rem;
    --width: 50%;
    --top: 0.26rem;
    --righr: 0.37rem;
    --bot: 0.27rem;
}
.cust-case-box-wrap .slick-dots{
    display: none!important;
}
.ccbw-list-link {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.cllc-right-top {
    flex-grow: 1;
}
.info-comp-cont-bot ul li::marker{
    color: var(--color333)!important;
}
/* kaffi-12.22-end */
/* kaffi-12.4-start */
.mod-join-bg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    overflow: hidden;
}
.mod-join-bg-svg1 {
    width: 100% !important;
    max-width: none !important;
}
#lines-464718-mask-1,
#lines-464718-mask-2 {
    opacity: 0;
}
.mod-join-bg-svg2 {
    transition: all .4s;
    opacity: 1;
}
.mod-join-bg-svg2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100% !important;
    max-width: none !important;
}
.mod-join-bg-svg1 g,
.mod-join-bg-svg2 g {
    width: 100%;
}
/* kaffi-12.15-start */
.mod-join-bg {
    max-width: 1920px;
    margin-top: 0.2rem;
}
/* kaffi-12.15-end */
/* kaffi-12.24-start */
body {
    background: #1F2429;
}
.mod-join-bg {
    width: 1920px;
}
.hlll-bot{
    line-height: var(--line14);
}
.search-right .search-right-link p{
    color: rgba(255, 255, 255, .7);
}
.suy-box ul a {
    color: rgba(255, 255, 255, .7);
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
   .suy-box ul a:hover {
    color: rgba(255, 255, 255, 1)!important;
    } 
    .search-right .search-right-link:hover p {
        color:rgba(255, 255, 255, 1)!important;
    }
}

/* kaffi-12.24-end */
/*kaffi-2026.1.7-start*/
.large-page .home-proj-info .slick-track{
    margin: 0!important;
}
/*kaffi-2026.1.7-emd*/