@charset "utf-8";
/* 公共样式 - start */
@font-face {
    font-family: 'Chuangwei-Regular';
    src:url('../fonts/Figtree-Regular/FigtreeRegular.eot');
    src:url('../fonts/Figtree-Regular/FigtreeRegular.eot') format('embedded-opentype'),
        url('../fonts/Figtree-Regular/FigtreeRegular.woff2') format('woff2'),
        url('../fonts/Figtree-Regular/FigtreeRegular.woff') format('woff'),
        url('../fonts/Figtree-Regular/FigtreeRegular.ttf') format('truetype'),
        url('../fonts/Figtree-Regular/FigtreeRegular.svg#FigtreeRegular') format('svg');
        font-display: swap;
}
@font-face {
    font-family: 'Chuangwei-Medium';
    src:url('../fonts/Figtree-Medium/FigtreeMedium.eot');
    src:url('../fonts/Figtree-Medium/FigtreeMedium.eot') format('embedded-opentype'),
        url('../fonts/Figtree-Medium/FigtreeMedium.woff2') format('woff2'),
        url('../fonts/Figtree-Medium/FigtreeMedium.woff') format('woff'),
        url('../fonts/Figtree-Medium/FigtreeMedium.ttf') format('truetype'),
        url('../fonts/Figtree-Medium/FigtreeMedium.svg#FigtreeMedium') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Chuangwei-Bold';
    src:url('../fonts/Figtree-Bold/FigtreeBold.eot');
    src:url('../fonts/Figtree-Bold/FigtreeBold.eot') format('embedded-opentype'),
        url('../fonts/Figtree-Bold/FigtreeBold.woff2') format('woff2'),
        url('../fonts/Figtree-Bold/FigtreeBold.woff') format('woff'),
        url('../fonts/Figtree-Bold/FigtreeBold.ttf') format('truetype'),
        url('../fonts/Figtree-Bold/FigtreeBold.svg#FigtreeBold') format('svg');
        font-display: swap;
}
@font-face {
    font-family: 'Chuangwei-SemiBold';
    src:url('../fonts/Figtree-SemiBold/FigtreeSemiBold.eot');
    src:url('../fonts/Figtree-SemiBold/FigtreeSemiBold.eot') format('embedded-opentype'),
        url('../fonts/Figtree-SemiBold/FigtreeSemiBold.woff2') format('woff2'),
        url('../fonts/Figtree-SemiBold/FigtreeSemiBold.woff') format('woff'),
        url('../fonts/Figtree-SemiBold/FigtreeSemiBold.ttf') format('truetype'),
        url('../fonts/Figtree-SemiBold/FigtreeSemiBold.svg#FigtreeSemiBold') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Chuangwei-NRegular';
    src: url('../fonts/NotoRashiHebrew-Regular/NotoRashiHebrewRegular.eot');
    src: url('../fonts/NotoRashiHebrew-Regular/NotoRashiHebrewRegular.eot') format('embedded-opentype'),
         url('../fonts/NotoRashiHebrew-Regular/NotoRashiHebrewRegular.woff2') format('woff2'),
         url('../fonts/NotoRashiHebrew-Regular/NotoRashiHebrewRegular.woff') format('woff'),
         url('../fonts/NotoRashiHebrew-Regular/NotoRashiHebrewRegular.ttf') format('truetype'),
         url('../fonts/NotoRashiHebrew-Regular/NotoRashiHebrewRegular.svg#NotoRashiHebrewRegular') format('svg');
    font-display: swap;
}
body {
    font-family: "Chuangwei-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
input,textarea{
    font-family: "Chuangwei-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "Chuangwei-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
/* 英文站换行规则 */
p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
}
.search-main{
    --colormain1: var(--colorbj) !important;
    --color4: var(--colorfff) !important;
}
::after, ::before {
    box-sizing: border-box;
}
:root {
    /* 字号 */
    --font80: 80px;
    --font64: 64px;
    --font48: 48px;
    --font32: 32px;
    --font24: 24px;
    --font20: 20px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line11: 1.1;
    --line12: 1.2;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --color1e1: #1E1F24;
    --color8b8: #8B8D98;
    --colord8d: #D8D9E0;
    --colorfff: #fff;
    --colorbj1: #F6FCFF;
    --colorbj2: linear-gradient(100deg, rgba(19, 182, 232, 1) 0%, rgba(110, 222, 100, 1) 100%);
    --colorbj3: linear-gradient(98deg, rgba(24, 255, 4, 1) 8.49%, rgba(0, 255, 255, 1) 89.76%);;
    --colorbj:#19ABB6;
    /* 板块间距 */
    --space120: 120px;
    --space100: 100px;
    --space40: 40px;
    --space50:50px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --bold:'Chuangwei-Bold';
    --medium:'Chuangwei-Medium';
    --semibold:'Chuangwei-SemiBold';
    --regular2:'Chuangwei-Regular';
    /* 导航 */
    --head1:54px;
    --head2:74px;
    --headx:calc(var(--head1) + var(--head2));
    /* 圆角 */
    --radius40:40px;
    --radius20:20px;
    --radius15:15px;
    --radius10:10px;
    --radius5:5px;
}
.std-h1 {
    font-size: var(--font80);
    color: var(--color1e1);
    line-height: var(--line11);
}
.std-h2,
.yxedr-active h2 {
    font-size: var(--font64);
    color: var(--color1e1);
    line-height: var(--line12);
    font-family: var(--medium) !important;
}
.std-h3,
.yxedr-active h3 {
    font-size: var(--font48);
    color: var(--color1e1);
    line-height: var(--line12);
    font-family: var(--medium) !important;
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--font32);
    color: var(--color1e1);
    line-height: var(--line14);
}
.std-h5,
.yxedr-active h5 {
    font-size: var(--font24);
    color: var(--color1e1);
    line-height: var(--line14);
}
.std-h6,
.yxedr-active h6 {
    font-size: var(--font20);
    color: var(--color1e1);
    line-height: var(--line15);
}
.std-text1,
.std-text1 p {
    font-size: var(--font18);
    color: var(--color8b8);
    line-height: var(--line16);
}
.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--color8b8);
    line-height: var(--line16);
}
.std-text3,
.std-text3 p {
    font-size: var(--font14);
    color: var(--color8b8);
    line-height: var(--line16);
}
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color8b8);
    line-height: var(--line16);
    margin-bottom: var(--parpspace10);
}
.std-padd120{
    padding: var(--space120) 0;
}
.std-padd120-top{
    padding-top: var(--space120);
}
.std-padd120-bottom{
   padding-bottom: var(--space120); 
}
.std-padd100{
    padding: var(--space100) 0;
}
.std-padd100-top{
    padding-top: var(--space100);
}
.std-padd100-bottom{
   padding-bottom: var(--space100); 
}
.std-mar40{
    margin-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);
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    /* content: '分享到 - 微信'; */
    content: 'Share the - weixin';
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(27, 27, 27, .3);
    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;
}
.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{
    
}
/* 按钮-start */
.std-btn1{
    display: inline-block;
}
.std-btn1-box{
    display: flex;
    align-items: center;
}
.std-btn1-box p{
    line-height: 48px;
    color: var(--colorfff);
    font-size: var(--font16);
}
.std-btn1-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 16px;
    transition: all .4s ease;
}
.std-btn1-icon img{
    width: 100%;
}
.std-btn1-box{
    border-radius: 80px;
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    padding: 0 40px;
    cursor: pointer;
}
.std-btn2{
    display: inline-block;
}
.std-btn2-box{
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 80px;
    padding: 0 32px;
    z-index: 1;
    overflow: hidden;
    justify-content: center;
    background: #fff;
}
.std-btn2-box::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 3px);
    height:calc(100% - 3px);
    border-radius: 80px;
    background: transparent;
    border: solid 1px #00B1BA;
}
.std-btn2-box::after{
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    left: auto;
    width: 0%;
    height: 100%;
    border-radius: 80px;
    background: #00B1BA;
    pointer-events: none;
    z-index: -1;
    transition: all .4s ease;
}
.std-btn2-box p{
    font-size: var(--font18);
    line-height: 52px;
    color: #00B1BA;
    transition: all .4s ease;
}
.std-btn2-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 16px;
    position: relative;
    transition: all .4s ease;
}
.std-btn2-icon img{
    width: 100%;
    transition: all .4s ease;
}
.std-btn2-icon img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.std-btn2.nomore .std-btn2-box::after{
    width: 100% !important;
}
.std-btn2.nomore .std-btn2-box p{
    color: var(--colorfff);
}
.std-btn2.nomore .std-btn2-icon img:nth-child(1){
    opacity: 0;
}
.std-btn2.nomore .std-btn2-icon img:nth-child(2){
    opacity: 1;
}
.std-btn3.white .std-btn3-box{
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.std-btn3.white .std-btn3-box::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    border: solid 1.5px #fff;
    border-radius: 80px;
    transition: all .4s ease;
}
.std-btn3.white p{
    color: var(--colorfff);
}
.std-btn3{
    display: inline-block;
}
.std-btn3-bg-side {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    border-radius: 30px;
    transition: all .4s;
    background-image: linear-gradient(to right, rgba(19, 182, 232, 1) 0%, rgba(110, 222, 100, 1) 100%);
}
.std-btn3-bg {
    padding: 2px;
    position: absolute;
    top: 0;
    left: 0;
    inset: 0;
    -webkit-mask: linear-gradient(rgba(255, 255, 255, 1) 0 0) content-box, linear-gradient(rgba(255, 255, 255, 1) 0 0);
    mask: linear-gradient(rgba(255, 255, 255, 1) 0 0) content-box, linear-gradient(rgba(255, 255, 255, 1) 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 30px;
    pointer-events: none;
    transition: all .4s;
    z-index: -1;
}
.std-btn3-box::after{
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    left: auto;
    width: 0%;
    height: 100%;
    border-radius: 80px;
    background: linear-gradient(to right, rgba(19, 182, 232, 1) 0%, rgba(110, 222, 100, 1) 100%);
    pointer-events: none;
    z-index: -1;
    transition: all .4s ease;
}
.std-btn3-box{
    position: relative;
    padding: 0 32px;
    z-index: 1;
    overflow: hidden;
    border-radius: 80px;
    cursor: pointer;
}
.std-btn3-box p{
    line-height: 44px;
    font-size: var(--font16);
    position: relative;
    color: transparent;
    transition: all .4s ease;
}
.std-btn3-box p::after {
    content: attr(data-text);
    width: 100%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: var(--font16);
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    opacity: 1;
    transition: all .4s ease;
    border-radius: 80px;
}
.std-btn3.nomre .std-btn3-box p::after {
    opacity: 0;
}
.std-btn3.nomre .std-btn3-box p{
    color: #fff;
}
.std-btn3.nomre .std-btn3-box::after{
    width: 100% !important;
}
.mod-arrows{
    display: flex;
    align-items: center;
    pointer-events: none;
}
.arrows-icon{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background: transparent;
    border: solid 0.5px #00B1BA;
    transition: all .4s ease;
    pointer-events: all;
}
.arrows-icon img{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
    z-index: 2;
}
.arrows-icon img:nth-child(2){
    opacity: 0;
}
.arrows-prev{
    margin-right: 24px;
}
.std-btn4{
    display: inline-block;
}
.std-btn4-box{
    display: flex;
    align-items: center;
}
.std-btn4-box p{
    color: #00B1BA;
    font-size: var(--font16);
    line-height: var(--line16);
    transition: all .4s ease;
}
.std-btn4-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 16px;
    transition: all .4s ease;
}
.std-btn4-icon img{
    width: 100%;
}
.std-btn4.black p{
    color:var(--color1e1);
}
/* 按钮-end */
/* 辅助-start */
/* Leo -  start */
/* i1 */
.bcbt-box{
    padding: 32px 80px 100px 80px;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
    -ms-backdrop-filter: blur(40px);
    -o-backdrop-filter: blur(40px);
}
.bcbt-box-time{
    display: flex;
    align-items: flex-end;
}
.bcbt-box-time-left{
    font-family: var(--medium) !important;
    font-size: 36px;
    line-height: var(--line12);
    background:  linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bcbt-box-time-right{
    color: var(--color1e1);
    padding-left: 6px;
    position: relative;
    top: -3px;
}
.bcbt-box-ule{
    margin-top: 32px;
}
.bbul-link-box{
    padding: 0 26px;
}
.bbul-link{
    width: 100%;
    padding: 33px 21px 16px 15px;
    border-radius: var(--radius10);
    background-color: #fff;
    box-shadow: 0px 38px 25px 0px rgba(0, 0, 0, 0.01), 0px 8px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.04);
}
.news-ouse .bbul-link-tit{
    height: 90px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}
.bbul-link-tit{
    font-family: var(--medium) !important;
    margin-top: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.bbul-link-but{
    margin-top: 20px;
}
.ys-imgbox-cover{
    position: relative;
}
.lcbu-le .ys-imgbox-cover::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .36s;
}
.bcbt-box-ule-le .ys-imgbox-cover{
    border-radius: var(--radius10);
    overflow: hidden;
    margin-top: 49px ;
}
.bcbt-box-ule-le{
    width: 33.3333%;
    padding: 0 18px;
    margin-bottom: 40px;
}
.blog-cont .std-btn2-box p {
    line-height: 48px;
}
.blog-cont .std-btn2-box {
    justify-content: center;
    padding: 0 81.5px;
}
.bcbt-box-ule{
    margin: 0 -18px;
    margin-bottom: -40px;
    margin-top: 34px;
    display: flex;
    flex-wrap: wrap;
}
.bcbt-box-but{
    margin-top: 60px;
    text-align: center;
}
.blog-cont{
    padding-bottom: var(--space100);
    margin-top: -250px;
    overflow: inherit;
}
/* 中间 */
.blog-middle-box-middle{
    display: flex;
}
.bmbm-left{
    width: 45%;
    padding-right: 113px;
}
.bmbm-right{
    width: 55%;
}
.bmbm-left-par{
    padding-right: 67px;
    margin-top: 32px;
}
.bmbm-left-but{
    margin-top: var(--space50);
}
.bmbm-left-but .std-btn4{
    margin-top: 16px;
    display: block;
}
.bmbm-left-but .std-btn4:first-child{
    margin-top: 0;
}
.brul-link-left .ys-imgbox-cover{
    width: 100%;
    border-radius: var(--radius10);
}
.brul-link{
    width: 100%;
    display: flex;
    padding-bottom: 30px;
    border-bottom: 1px solid #D8D9E2;
}
.brul-link-left{
    width: 40%;
}
.brul-link-right{
    width: 60%;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.bmbm-right-ule-le{
    margin-bottom: 30px;
}
.bmbm-right-ule-le:last-child{
    margin-bottom: 0;
}
.blog-middle{
    padding-bottom: var(--space120);
}
.brul-link-left{
    position: relative;
}
.brul-link-left-pic{
    position: absolute;
    right: 19px;
    bottom: 14px;
    width: 32px;
    display: none;
}
.brul-link-left-pic img{
    width: 100%;
}
.brul-link-left .ys-imgbox-cover{
    position: relative;
}
.brul-link-left .ys-imgbox-cover::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(49, 150, 233, 0.1);
    opacity: 0.1;
}
.bmbm-right-ule-le.on .brul-link-left-pic{
    display: block;
}
.brul-link-right-tit{
    font-family: var(--medium) !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.bmbm-left-tit{
    font-family: var(--medium) !important;
}
/* 底部 */
.blog-bot-box-right{
    width: 59%;
}
.blog-bot-box-right .bbbr-pic img{
    object-fit: cover;
}
.bbbr-pic{
    width: 100%;
    height: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
}
.blog-bot-box-right .bbbr-pic img{
    width: 100%;
    height: 100%;
}
.blog-bot-box-left{
    width: 41%;
    padding-right: 10px;
}
.bbbl-box{
    padding: 80px 40px;
    background-color: #19ABB6;
    border-radius: var(--radius20);
}
.bbbl-box-tit{
    color: #fff;
    font-family: var(--medium) !important;
}
.bbbl-box-par{
    color: #fff;
    margin-top: 16px;
}
.bbbl-box-inp{
    display: flex;
    align-items: center;
}
.bbbl-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.bbbl-box-inp input{
    border-radius: 80px;
    width: 100%;
    height: 54px;
    gap: 16px;
    border: 1px solid #fff;
    padding: 10px 32px;
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--colorfff);
}
.bbbl-box-inp input::placeholder{
    color: var(--colorfff) !important;
    font-size: var(--font16);
    line-height: var(--line16);
}
.bbim-left{
    line-height: 54px;
}
.bbbl-box-inp-mail{
    background-color: #fff;
    border-radius: 80px;
    padding: 0 45px;
    display: flex;
    align-items: center;
    margin-left: 10px;
    justify-content: center;
    flex-shrink: 0;
}
.bbim-left{
    color: var(--colorbj);
    padding-right: 16px;
}
.bbim-right{
    width: 24px;
    flex-shrink: 0;
}
.bbim-right img{
    width: 100%;
}
.blog-bot-box{
    display: flex;
    align-items: stretch;
}
.blog-bot{
    padding-bottom: var(--space100);
    border-bottom: 1px solid rgba(139, 141, 152, 0.2);
}
.blog-cont{
    position: relative;
}
.blog-page .ys-main{
    position: relative;
}
.blog-cont-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    left: 0;
    top: 0;
}
.blog-cont-bg img{
    object-fit: cover;
    overflow: hidden;
}
.blog-cont-bg-sit{
    position: absolute;
    left: -45%;
    top: 11%;
    width: 75%;
    z-index: -1;
}
.blog-cont-bg-right{
    position: absolute;
    right: -46%;
    top: 39%;
    width: 75%;
    z-index: -1;
}
.blog-cont-bg-left{
    position: absolute;
    left: -38%;
    top: 75%;
    width: 75%;
    z-index: -1;
}
.blog-bot{
    position: relative;
}
.blog-page{
    position: relative;
}
/* i2 */
.exhi-cont{
    margin-top: -250px;
    overflow: inherit;
}
.exhi-cont-box-top{
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(40px);
    gap: 60px;     
    backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
    -ms-backdrop-filter: blur(40px);
    -o-backdrop-filter: blur(40px);
}
.exhi-cont{
    padding-bottom: 80px;       
}
.ecbt-shaf{
    padding: 20px 76px 20px 64px;
}
.esul-data{
    color: #00B1BA;
    text-align: center;
}
.esul-bars{
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
 .ecbt-shaf-ule-le{
    position: relative;
    width: 8.3333%;
 }
 .ecbt-shaf-ule-le:first-child .esul-bars span:first-child{
    opacity: 0;
 }
 .ecbt-shaf-ule-le:first-child .esul-bars span:nth-child(2){
    opacity: 0;
 }
 .ecbt-shaf-ule-le:last-child .esul-bars span:last-child{
    opacity: 0;
 }
 .ecbt-shaf-ule-le:last-child .esul-bars span:nth-child(4){
    opacity: 0;
 }
 .esul-bars-box img{
    width: 57%;
}
.esul-bars-box{
    z-index: 1;
    position: absolute;
    left: 52px;
    margin-left: 53px;
    display: flex;
    width: 42px;
    height: 42px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 80px;
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    box-shadow: 0px 38px 25px 0px rgba(0, 0, 0, 0.01), 0px 8px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.04);
}
.esul-bars span{
    width: 1px;
    height: 16px;
    display: inline-block;
    background-color: var(--colord8d);
    margin-left: 0;
}
.esul-bars span:nth-child(3){
    width: 1px;
    height: 26px;
    background-color: #00B1BA;
}
.ecbt-shaf-ule{
    display: flex; 
}
.ecul-link{
    padding: 16px 40px 16px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: var(--radius10);
    background-color: #fff;
    box-shadow: 0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 8px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.04);
}
.ecul-link-right-tit{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    font-family: var(--medium) !important;
}
.exhi-slide-box-tit{
    font-family: var(--medium) !important;
    margin-bottom: var(--space50);
}
.ys-main{
    position: relative;
}
.exhi-page .blog-cont-bg-left {
    position: absolute;
    left: -38%;
    top: 71%;
    width: 75%;
    z-index: -1;
}
.ecul-link-left{
    width: 35%;
}
.ecul-link-right{
    width: 65%;
    padding-left: 40px;
}
.ecul-link-left .ys-imgbox-cover{
    width: 100%;
    border-radius: var(--radius10);
    overflow: hidden;
}
.elru-le-name{
    color: var(--color1e1);
}
.ecul-link-right-ule{
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
}
.elru-le{
    width: 100%;
    margin-bottom: 8px;
}
.elru-le:last-child{
    margin-bottom: 0;
}
.elru-le:first-child{
    width: 50%;
}
.elru-le:nth-child(2){
    width: 50%;
}
.ecbt-cont-ule-le{
    margin-bottom: 40px;
}
.ecbt-cont-ule-le:last-child{
    margin-bottom: 0;
}
.ecbt-cont{
    margin-top: 60px;
    margin-bottom: 80px;
    padding: 0 200px;
}
.esbu-le-link-par{
    margin-top: 16px;
    font-family: var(--medium) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* 轮播图 */
.esbu-le{
    width: 504px !important; 
    padding: 0 16px;
}
.exhi-slide-box-ule{
    margin: 0 -16px;
    margin-top: var(--space50);
}
.esbu-le-link-pic .ys-imgbox-cover{
    border-radius: var(--radius10);
}
.esbu-le-link{
    width: 100%;
}
.esbu-le.slick-current{
    width: 592px !important;
    transition: all .36s;
}
.exhi-slide{
    padding-bottom: var(--space120 );
}
.empty .mod-arrows{
    opacity: 0;
}
.empty1{
    opacity: 1;
}
/* swiper轮播 */
.csbs-wrapp-slide-le{
    display:flex;
    justify-content: flex-end;
    /* transition:all .5s; */
    transform-origin: center bottom;
}
.csbs-wrapp-slide{
    width: 468px; 
    transition: all .4s ease;
    transform-origin: center bottom;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.csbs-wrapp-slide-le.swiper-slide-active {
    width: 498px;
}
.csbs-wrapp-slide-le.previous .yrln_cry {
    opacity:0;
    /* transform: translate3d(400px,0,0) scale(0); */
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #00B1BA !important;
    position: absolute;
    left: 0;
    top: 0px !important;
    width: 100%;
    height:100% !important;
    transform: scale(0);
    transform-origin: left top;
    border-radius: 4px !important;
}
/* i5 */
.news-page .ys-main{
    position: relative;
}
.news-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.news-bg-pico{
    position: absolute;
    left: 0;
    top: -17%;
    z-index: -1;
}
.news-bg-pict{
    position: absolute;
    left: -57%;
    top: -23%;
    z-index: -1;
}
.news-bg-pich{
    position: absolute;
    right: -59%;
    top: -9%;
    z-index: -1;
}
.news-ouse .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background-color: #00B1BA !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.news-bg img{
    width: 100%;
}
.news-cont-box{
    display: flex;
}
.news-cont-box-left{
    width: 68.5%;
}
.news-cont-box-right{
    width: 31.5%;
    padding-left: 100px;
}
.ncbl-oct{
    display: inline-block;
    background: linear-gradient(100deg, color(display-p3 0.0729 0.7124 0.9117) 0%, color(display-p3 0.4306 0.8717 0.3923) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.exhi-slide .swiper-slide {
    flex-shrink: 0;
    width: 384px;
    height: 100%;
    position: relative;
    transition-property: all !important;
}
.exhi-slide .swiper-slide.previous .esbu-le-link {
    opacity: 0;
    transform: translate3d(400px, 0, 0) scale(0);
}
.esbu-le-link{
    transition: all .4s;
}
.ncbl-ule-le-box{
    color: #fff;
    padding: 5px 23px 4px;
    border-radius: 80px;
    background-color: #00B1BA;
}
.ncbl-ule-le{
    padding: 0 8px;
}
.ncbl-ule{
    display: flex;
    align-items: center;
    margin: 0 -8px;
    margin-top: 32px;
    border-bottom: 1px solid #D8D9E2;
    padding-bottom: 18px;
}
.news-cont{
    padding-top: var(--space120);
}
.ncbl-editor p{
    font-size: var(--font18);
    line-height: var(--line16);
    color: #8B8D9A;
    margin-bottom: 11px;
}
.ncbl-editor h2{
    font-size: var(--font20);
    line-height: var(--line15);
    color: #00B1BA;
    margin-bottom: 20px;
}
.ncbl-editor{
    margin-top: var(--space50);
    padding-bottom: 80px;
    border-bottom: 1px solid #D8D9E2;
}
.ncbl-page-ule{
    display: flex;
    justify-content: space-between;
}
.ncbl-page-ule-le a{
    display: flex;
    align-items: center;
}
.ncbl-page{
    margin-top: 20px;
}
.ncbl-page-ule-le .arrows-icon{
    margin-right: 18px;
}
.ncbl-page-ule-le.on .arrows-icon{
    margin-left: 18px;
    margin-right: 0;
}
.npul-par p{
    font-size: var(--font16);
    line-height: var(--line16);
    color: #00B1BA;
}
.ncbr-top{
    font-family: var(--medium) !important;
}
.ncbr-share .ys-share-list{
    padding: 0 15px;
}
.ncbr-share{
    margin-top: 23px;
}
.ncbr-box{
    padding: 32px 30px 30px 30px;
    background: color(display-p3 0.098 0.6706 0.7137);
    border-radius: var(--radius20);
    margin-top: 44px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.ncbr-box-bg {
    position: absolute;
    width: 260%;
    top: -50%;
    left: -100%;
    z-index: -1;
    pointer-events: none;
}
.ncbr-box-bg img{
    width: 100%;
    pointer-events: none;
}
.ncbr-box-tit{
    font-size: var(--font32);
    line-height: 1.3;
    color: var(--colorfff);
    font-family: var(--medium) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ncbr-box-par p{
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--colorfff);
}
.ncbr-box-par{
    padding-top: 111px;
}
.ncbr-box-inp{
    display: flex;
    align-items: center;
}
.ncbr-box-inp-box{
    width:  44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: linear-gradient(100deg, color(display-p3 0.0729 0.7124 0.9117) 0%, color(display-p3 0.4306 0.8717 0.3923) 100%);
    border-radius: 50%;
}
.news-ouse .swiper-container {
    overflow: inherit;
}
.news-ouse{
    position: relative;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: calc(100% - 0px) !important;
    height: 2px !important;
    border-radius: var(--radius5);
    left: 0;
    top: auto !important;
    bottom: 0px !important;
}
.news-ouse::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    /* width: calc(var(--left) - 15px); */
    /* background-color: #fff; */
    z-index: 1;
}
.swiper-pagination-progressbar {
    background: #D8D9E1 !important;
    position: absolute;
}
.news-ouse .swiper-pagination-progressbar {
    background: #D8D9E1;
    position: absolute;
}
 .ncbr-box-inp{
    width: 100%;
    background-color: #fff;
    border-radius: 80px;
    margin-top: 5px;
 }
 .exhi-slide{
    position: relative;
 }
 .exhi-slide::after{
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 1;
    width: var(--left);
    opacity: 0;
 }
.ncbr-box-inp input{
    width: 85%;
    height: 54px;
    padding: 5px 5px 5px 32px;
    font-size: var(--font14);
    line-height: var(--line16);
    color: var(--color1e1);
}
.ncbr-box-inp input::placeholder{
    font-size: var(--font14);
    line-height: var(--line16);
    color: var(--color1e1);
}
.ncbr-box-part p{
    font-size: var(--font14);
    line-height: var(--line16);
    color: var(--colorfff);
}
.ncbr-box-part{
    padding-top: 42px;
}
.news-cont{
    padding-bottom: var(--space120);
}
/* 轮播 */
.news-ouse-tit{
    padding-bottom: 50px;
}
.news-ouse-box-caro .swiper-slide{
    width: 456px!important;  
}
.news-ouse-box-caro .swiper-slide .bcbt-box-ule-le{
    width: 100%;
    padding: 0;
}
.news-ouse .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 2px;
    border-radius: var(--radius5);
    left: 0;
    top: auto;
    bottom: 0px;
}
.news-ouse-box-but{
    display: flex;
    justify-content: right;
    margin-top: 30px;
    margin-right: 40px;
}
.news-ouse{
    padding-bottom: var(--space100);
    border-bottom: 1px solid rgba(139, 141, 152, 0.2);
}
.wcul-ri{
    color: #8B8D9A !important;
}
/* d2 */
.warr-cont-box-top{
    padding: 60px 100px;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
    -ms-backdrop-filter: blur(40px);
    -o-backdrop-filter: blur(40px);
}
.wcbt-box{
    padding: 50px 80px;
    border-radius: var(--radius20);
    background-color: #fff;
    box-shadow: 0px 38px 25px 0px rgba(0, 0, 0, 0.01), 0px 8px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.04);
}
.warr-cont{
    margin-top: -250px;
    overflow: inherit;
}
.wcpb-right .yxedr-active ol, .yxedr-active ul {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 27px;
}
.wsar-cont-ul {
    border-radius: var(--radius10);
    border: 1px solid #D8D9E2;
}
.wsar-cont-ul-lsit {
    display: flex;
    border-bottom: 1px solid #D8D9E2;
}
.wsar-cont-ul-lsit:last-child{
    border-bottom: none;
}
.wcul-le {
    display: flex;
    align-items: center;
}
.wcul-le {
    width: 300px;
    padding: 24px;
    border-right: 1px solid #D8D9E2;
    color: #0A1B1B;
    font-size: var(--font18);
    line-height: var(--line16);
}
.wcul-ri, .wcul-ri input {
    color: #6A7676;
    font-size: var(--font18);
    line-height: var(--line16);
}
.wcul-ri {
    width: calc(100% - 300px);
    padding: 24px;
}
.warr-cont-contact-ule{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:  0 -20px;
    margin-bottom: -20px;
}
.wccu-le-pic{
    width: 80px;
}
.wccu-le-pic img{
    width: 100%;
}
.wccu-le{
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
   
}
.wccu-le-box{
    background-color: #fff;
    border-radius: var(--radius10);
    padding: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: 0px 38px 25px 0px rgba(0, 0, 0, 0.01), 0px 8px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}
.wccu-le-par{
    padding-left: 32px;
}
.wccu-le-par-top p{
    color: #8B8D9A;
}
.wccu-le-par-phone a{
    font-size: var(--font24);
    line-height: var(--line14);
    color: var(--color1e1);
    font-family: var(--medium) !important;
}
.wccu-le-par-phone{
    padding-top: 8px;
}
.wccu-le-box{
    position: relative;
}
.wccu-le-bg{
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.wccu-le-bg{
    position: absolute;
    right: -45px;
    width: 100%;
    height: 100%; 
    bottom: 0; 
    z-index: -1;
}
.wccu-le-bg img{
    width: 100%;
    height: 100%;
}
.wcpb-left{
    width: 27%;
    padding-right: 20px;
}
.wcpb-right{
    width: 73%;
    display: flex;
    align-items: stretch;
}
.wcpb-right-cont-editor{
    margin-top: 32px;
}
.wcpb-right-cont-editor p{
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color8b8);
    margin-bottom: 20px;
}
.wcpb-left-link{
    padding: 60px 32px 32px 32px;
    border-radius: var(--radius20);
    background:  #00B1BA;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.wcpb-left-link-tit{
    color: var(--colorfff);
}
.wllu-le.on{
    font-family: var(--semibold) !important;
    color: var(--colorfff);
    font-family: var(--medium) !important;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.wllu-le-tit{
    color: var(--colorfff);
}
.wcpb-left-link-ule{
    margin-top: var(--space50);
}
.wllu-le{
    margin-bottom: 28px;
}
.wllu-le.on .wllu-le-tit{
    text-decoration: underline;
}
.wllu-le:last-child{
    margin-bottom: 0;
}
.wcpb-left-link-but .std-btn2 {
    /* width: 344px; */
    width: 100%;
}
.wcpb-left-link-but .std-btn2-box {
    background: #fff;
    padding: 0;
    justify-content: center;
}
.wcpb-left-link-but .std-btn2-box::before {
    border: solid 1px #fff;
}
.wcpb-left-link-but .std-btn2-box p {
    line-height: 46px;
}
.wcpb-left-link-but{
    margin-top: var(--space50);
}
.warr-cont-polc{
    margin-top: 80px;
}
.wcpb-right-pic{
    width: 46%;
}
.wcpb-right-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wcpb-right-cont{
    width: 54%;
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
}
.warr-cont-polc-box{
    display: flex;
    align-items: stretch;
}
.wcpb-right-pic{
    border-radius: var(--radius20);
    overflow: hidden;
}
.wcpb-right-cont-tit{
    font-family: var(--medium) !important;
    margin-top: 60px;   
}
.wrcu-le{
    list-style-type: disc;
    margin-bottom: var(--space50);
    font-size: var(--font16);
    line-height: var(--line16);
    color: #8B8D9A;
}
.wcpb-right-cont-ule{
    margin-top: 32px;
}
.warr-cont{
    padding-bottom: var(--space120);
}
.news-ouse-box-tit{
    margin-bottom: var(--space50);
}
.wcpb-right{
    position: relative;
}
.wcpb-right-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: var(--radius20);
    overflow: hidden;
}
.wcpb-right-bg img{  
    width: 100%;
    height: 100%;
}
/* d3 */
 .freq-cont{
    padding-bottom: var(--space120);
    margin-top: -190px;
    position: relative;
    overflow: inherit;
 }
.freq-cont-box-top{
    padding: 30px 100px 0 100px;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
    -ms-backdrop-filter: blur(40px);
    -o-backdrop-filter: blur(40px);
}
.fcbt-tap{
    background-color: #fff;
    border-radius: 80px;
}
.ftul-par{
    color: var(--color1e1);
    font-family: var(--medium) !important;
    padding: 16px 32px;
    cursor: pointer;
}
.fcbt-tap-ule{
    display: flex;
    margin:  0 -30px;
    justify-content: center;
    align-items: center;
}
.fcbt-tap-ule-le{
    padding: 0 30px;
}
.ftul-par{
    position: relative;
}
.fcbt-tap-ule-le.on .ftul-par{
    color: #00B1BA;
}
.fcbt-tap-ule-le.on .ftul-par::after{
    width: 100%;
}
.ftul-par::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translate(-50%,-50%);
    width: 0%;
    height: 2px;
    background:var(--colorbj2);
    transition: all .4s ease;
}
.flul-link-left{
    width: 36px;
    border-radius: var(--radius5);
    padding: 0;
    background-color: #F0FBFB;
    margin-right: 16px;
    flex-shrink: 0;
}
.flul-link-left img{
    width: 100%;
}
.flul-link{
    display: flex;
    align-items: center;
}
.flul-link-right{
    font-family: var(--medium) !important;
}
.flul-link{
    padding: 20px 24px 20px 0;
   
}
.fcbb-left-ule-le.on .flul-link::after{
    opacity: 1;
}
.flul-link{
    position: relative;
}
.flul-link::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    border-right: 2px solid #00B1BA;
    opacity: 0;
    transition: all .36s;
}
.fcbb-left-ule-le.on .flul-link-right p{
    color: var(--color1e1);
}
.fcbb-left-ule{
    height: 100%;
    border-right: 1px solid #D8D9E2;
}
 .freq-cont-box-bot{
    margin-top: 60px;
 }
/* 复制 */
.ask-section-btm {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.ask-section-btm-le{
    width: 22%;
    padding-right: 100px;
}
.ask-section-btm-ri{
    width: 78%;
}
.asbr-cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.isfu-list {
    border-bottom: 1px solid #D8D9E2;
}
.isfu-list.on{
    padding-bottom: 20px;
}
.isfu-list-top {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
    border-radius: var(--radius10);
}
.isfu-list .isfu-list-box{
    transition: all .36s;
}
.isfu-list.on .isfu-list-box{
    background-color: #F5FCFF;
    border-radius: var(--radius10);
    transition: all .36s;
}
.isfu-list-top .std-title5 {
    width: calc(100% - 47px);
    color: #0A1B1B;
    padding: 19px 32px;
    font-family: var(--medium) !important;
    transition: all .36s;
}
.isfu-list.on .isfu-list-top-img {
    transform: rotate(45deg);
    background: var(--colorbj);
}
.isfu-list-top-img {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 1px solid var(--colorbj);
    transition: all .4s ease;
}
.isfu-list-top-img {
    width: 36px;
    margin-right: 15px;
    position: relative;
}
 .freq-page .yxedr-active p {
    margin-bottom: 0;
}
.isfu-list-top-img::before, .isfu-list-top-img::after {
    content: '';
    width: 37.5%;
    height: 1px;
    background: #00B1BA;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
}
.isfu-list.on .isfu-list-top-img{
    border: 1px solid #fff;
}
.isfu-list-top-img::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.isfu-list-top-img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #00B1BA;
}
.ask-section-btm-ri .asbr-cont .interact-section-faq-ul {
    margin-top: 0;
    width: 100%;
    border-radius: 0;
    padding: 0;
}
.isfu-list-top-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.isfu-list-bot {
    padding: 40px;
    display: none;
    background-color: #F5FCFF;
    border-radius: 0 0 10px 10px;
}
.isfu-list.on .std-title5{
    color: #fff;
}
.isfu-list-top{
    position: relative;
    z-index: 1;
}
.isfu-list.on .isfu-list-top::after{
    opacity: 1;
}
.isfu-list-top::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(100deg, color(display-p3 0.0729 0.7124 0.9117) 0%, color(display-p3 0.4306 0.8717 0.3923) 100%);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: var(--radius10);
    z-index: -1;
    opacity: 0;
    transition: all .36s;
}
.exhi-slide-box-swiper{
    position: relative;
}
.exhi-page .exhi-slide .swiper-container {
    overflow: inherit;
}
.isfu-list.on .isfu-list-top-img{
    background-color: #fff;
}
.ilba-but{
    margin-top: 31px;
}
.freq-cont .std-btn2-box p {
    line-height: 48px;
}
.freq-cont .std-btn2 {
    width: 240px;
}
.freq-cont .std-btn2-box {
    justify-content: center;
    padding: 0;
}
.freq-onli-box-tit{
    padding-bottom: 46px;
    text-align: center;
}
.fobc-left{
    width: 50%;
    border-radius: var(--radius20);
    overflow: hidden;
}
.fobc-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fobc-right{
    width: 50%;
}
.freq-onli-box-cust{
    background-color: #F3FCFF;
    border-radius: var(--radius20);
    overflow: hidden;
}
.fobc-right iframe{
    width: 100%;
    height: 100%;
}
.freq-onli-box-cust{
    box-shadow: 0px 38px 25px 0px rgba(0, 0, 0, 0.01), 0px 8px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.04);
}
.freq-onli-box-cust{
    display: flex;
}
/* j1 */
 .list-cont{
    position: relative;
    overflow: inherit;
    padding-bottom: var(--space100);
    margin-top: -250px;
 }
 .list-page .ys-main{
    position: relative;
 }
 .list-page .blog-cont-bg-left {
    position: absolute;
    left: -38%;
    top: 66%;
    width: 75%;
    z-index: -1;
}
.list-page .blog-cont-bg-right {
    position: absolute;
    right: -46%;
    top: 28%;
    width: 75%;
    z-index: -1;
}
.list-cont-box-top{
    padding: 32px 80px 100px 80px;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.90); 
    backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
    -ms-backdrop-filter: blur(40px);
    -o-backdrop-filter: blur(40px);
}
.exhi-slide .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 2px;
    border-radius: var(--radius5);
    left: 0;
    top: auto;
    bottom: 0;
}
.news-ouse-box-but .arrows-icon.swiper-button-disabled{
   opacity: 0.5;
   pointer-events: none;
}
.exhi-slide .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    padding-bottom: 50px;
    min-height: 520px;
}
.llcl-par-tit{
    font-family: var(--medium) !important;
    transition: all .36s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.lcbu-le-pic{
    width: 100%;
    height: 100%;
}
.lcbu-le-pic .ys-imgbox-cover{
    border-radius: var(--radius20);
    overflow: hidden;
}
.lcbu-le-cont{
    display: flex;
    align-items: center;
    padding: 20px 20px;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 12;
}
.lcbu-le-cont::after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all .36s;
}
.list-cont-box-ule{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -22px;
    margin-bottom: -50px;
    margin-top: 42px;
}
.lcbu-le{
    width: 50%;
    padding: 0 22px;
    margin-bottom: var(--space50);
}
.lcbu-le-cont-right .mod-arrows{
    transform: rotate(-45deg);
    position: relative;
}
.lcbu-le-cont-right .mod-arrows::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: all .36s;
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
}
.lcbu-le a{
    width: 100%;
}
.lcbu-le .lcbu-le-link{
    position: relative;
}
.lcbu-le .lcbu-le-link .lcbu-le-cont{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.lcbu-le .lcbu-le-link  .lcbu-le-cont-right{
    position: absolute;
    right: 20px;
}
.lcbu-le .lcbu-le-link .llcl-par-tit{
    color: #fff;
}
.lcbu-le .lcbu-le-link .llcl-par-brie{
    color: #fff;
}
.llcl-par-brie{
    transition: all .36s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.lcbu-le .lcbu-le-link{
    display: none;
    transition: all .36s;
}
.lcbu-le .lcbu-le-linke{
    transition: all .36s;
}
.lcbu-le-linke{
    position: relative;
    mix-blend-mode: multiply;
}
.exhi-slide .exhi-slide .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 2px !important;
    left: 0;
    top: auto;
    bottom: 0;
    border-radius: 4px !important;
}
.lcbu-le-pic-top{
    display: flex;
    align-items: center;
    padding: 8px 24px;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    position: absolute;
    left: 24px;
    top: 33px;
}
.lcbu-le-pic{
    position: relative;
}
.yxedr-active ul li::marker{
    color: #8B8D9A;
}
.llpt-pic{
    width: 34px;
    margin-right: 12px;
}
.llpt-pic img{
    width: 100%;
}
.llpt-par p{
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--colorfff);
    font-family: var(--medium) !important;
}
.list-cont .std-btn2-box p {
    line-height: 48px;
}
.list-cont .std-btn2-box {
    justify-content: center;
    padding: 0;
}
.list-cont .std-btn2 {
    width: 240px;
}
.freq-onli{
    padding-bottom: var(--space120);
}
/* Leo -  end */
/* Leo -  start */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    /* i1 */
    .esul-bars-box:hover{
        cursor: pointer;
    }
    .bmbm-right-ule-le:hover .std-btn4-box p{
        color: #00B1BA;
    }
    .bmbm-right-ule-le:hover .std-btn4-icon{
        transform: rotate(45deg);
    }
    .bcbt-box-ule-le:hover .std-btn4-icon{
        transform: rotate(45deg);
    }
    .bbbl-box-inp-mail:hover{
        cursor: pointer;
    }
    /* d2 */
    .wcpb-left-link:hover .wcpb-left-link-but .std-btn2-box{
        background-color: #fff;
    }
    /* j1 */
    .lcbu-le-linke:hover .lcbu-le-cont-right .mod-arrows::after{
        opacity: 1;
    }
    .lcbu-le-linke:hover .mod-arrows img:nth-child(1) {
        opacity: 0;
    }
    .lcbu-le-linke:hover .mod-arrows img:nth-child(2) {
        opacity: 1;
    }
    .fcbb-left-ule-le:hover .flul-link::after{
        opacity: 1;
    }
    .lcbu-le-linke:hover .lcbu-le-cont::after{
        opacity: 0;
    }
    .lcbu-le-linke:hover .llcl-par-tit{
        color: #fff;
    }
    .lcbu-le-linke:hover .llcl-par-brie{
        color: #fff;
    }
    .lcbu-le-linke:hover .ys-imgbox-cover::after{
        opacity: 0.3;
    }
    /* i5 */
    .ncbl-ule-le:hover{
        cursor: pointer;
    }
    .ncbr-box-inp-box:hover{
        cursor: pointer;
    }
    .ncbl-page-ule-le:hover .arrows-icon {
        background: #00B1BA;
    }
    .ncbl-page-ule-le:hover .arrows-icon img:nth-child(1) {
        opacity: 0;
    }
    .ncbl-page-ule-le:hover .arrows-icon img:nth-child(2) {
        opacity: 1;
    }
    /* d3 */
    .fcbb-left-ule-le:hover .flul-link-right p{
        color: var(--color1e1);
    }
    .isfu-list:hover .isfu-list-top::after{
        opacity: 1;
    }
    .isfu-list:hover .std-title5{
        color: #fff;
    }
    .isfu-list:hover .isfu-list-top-img{
        background-color: #fff;
        border: 1px solid #fff;
    }
    .wcpb-left-link-but:hover{
        cursor: pointer;
    }
    .ftul-par:hover{
        color: #00B1BA;
    }
    .ftul-par:hover::after{
        width: 100%;
    }
}
/* Leo -  end */
/* 辅助-end */
/* 底部导航-start */
.mod-foot-min .std-btn1-icon{
    transform: rotate(0deg) !important;
}
.mod-foot-min{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.mod-foot-min::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background: rgba(139, 141, 152, 0.2);
}
.mod-foot{
    padding: 100px 0 20px;
}
.mod-foot-top{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.mod-foot-top-logo{
    width: 232px;
    flex-shrink: 0;
}
.mod-foot-top-logo a{
    display: block;
    width: 100%;
}
.mod-foot-top-logo a img{
    width: 100%;
}
.mftr-ul{
    display: flex;
    margin:0 -30px;
}
.mftr-ul-li{
    padding: 0 30px;
}
.mftr-ul-li-link a{
    color: var(--color8b8);
    line-height: var(--line175);
    display: block;
    font-family: var(--medium) !important;
}
.mftr-ul-li-link{
    margin-bottom: 16px;
}
.mftr-ul-li ul li p a{
    display: block;
    transition: all .4s ease;
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--color1e1);
}
.mftr-ul-li ul li{
    margin-bottom: 8px;
}
.mftr-ul-li ul li:last-child{
    margin-bottom: 0;
}
.mod-foot-top{
    margin-bottom: 190px;
}
.mod-foot-bot-leul{
    display: flex;
    align-items: center;
    margin: 0 -20px;
}
.mfbl-lis{
    padding: 0 20px;
}
.mfbl-lis a{
    display: block;
    width: 32px;
    cursor: pointer;
}
.mfbl-lis a img{
    width: 100%;
}
.mfbr-input{
    width: 590px;
    height: 54px;
    margin-right: 10px;
    border-radius: 80px;
    border: 1px solid #D8D9E2;
    background:#F3FCFF;
}
.mfbr-input input{
    width: 100%;
    height: 100%;
    font-size: var(--color1e1);
    font-size: var(--font16);
    line-height: var(--line16);
    padding: 0 32px;
}
.mfbr-input input::placeholder{
    color: var(--color8b8);
}
.mod-foot-bot-ri{
    display: flex;
    align-items: stretch;
}
.mod-foot-bot-ri .std-btn1-box p{
    line-height: 54px;
}
.mod-foot-bot{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mod-foot-bot-le p span, .mod-foot-bot-le p a{
    display: inline-block;
    font-size: 12px;
    line-height: var(--line16);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: rgba(27,27,27,1);
    opacity: 0.3;
}
.mod-foot-bot-le p a{
    margin-left: 21px;
}
.mod-foot-bot-riul{
    display: flex;
    margin: 0 20px;
}
.mfbr-li{
    padding: 0 20px;
}
.mfbr-li a{
    display: block;
    font-size: 12px;
    line-height: var(--line16);
    color: rgba(27,27,27,0.3);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 5%;
    text-underline-offset: 25%;
    text-underline-position: from-font;
    transition: all .4s ease;
}
.mftr-ul-li:last-child a{
    font-size: var(--font16);
    color: #2E2C2C;
    line-height: var(--line175);
    font-family: var(--medium) !important;
}
/* 底部导航-end */
/* 右下角help-start */
.mod-help {
    position: fixed;
    z-index: 80;
    right: 50px;
    bottom: 50px;
}
.help-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    background: var(--colorbj2);
}
.help-btn::before, 
.help-btn::after, 
.help-btn-kuo::before, 
.help-btn-kuo::after {
    content: '';
    width: 100%;
    height: 100%;
    /* background: var(--colorbj2); */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 50%;
    animation: help_kuo 8s linear infinite;
}
.help-btn-img {
    width: 50%;
    position: relative;
    z-index: 10;
}
.help-btn-kuo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mod-help.act .help-pop {
    background: rgba(0, 174, 184, 0.80);
}
.help-pop {
    position: absolute;
    white-space: nowrap;
    top: 50%;
    right: 20px;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    padding: 8px 42px 8px 12px;
    width: 280px;
    transition: all .4s ease-in-out;
    transform: translateY(-50%) scale(1, 1);
    transform-origin: right center;
}
.mod-help.act .help-pop::before,
 .mod-help.act .help-pop::after {
    opacity: 1;
}
.help-pop::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 80px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(to right, var(--colorfff) 0%, rgba(255, 255, 255, 0) 30px);
    opacity: 0;
    transition: all .4s ease;
}
.help-pop-close {
    width: 16px;
    cursor: pointer;
    margin-right: 8px;
    font-size: 0;
    position: relative;
    z-index: 10;
}
.help-pop-close img {
    width: 100%;
}
.help-pop-text, .help-pop-text a {
    line-height: var(--line175);
    color: var(--colorfff);
    position: relative;
    z-index: 10;
}
.help-pop::after {
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--colorbj2);
    opacity: 0;
    transition: all .4s ease;
}
.mod-help.help-close .help-pop {
    transform: translateY(-50%) scale(0, 1);
}
@keyframes help_kuo {
    0% {
        background: var(--colorbj2);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }
    33% {
        background: var(--colorbj2);
        transform: translate(-50%, -50%) scale(1.26);
        opacity: 0;
    }
    34% {
        background: rgba(255, 255, 255, 0);
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0;
    }
    35% {
        background: rgba(255, 255, 255, .05);
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 1;
    }
    56% {
        background: rgba(255, 255, 255, .05);
        transform: translate(-50%, -50%) scale(0.66);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
        background: var(--colorbj2);
    }
}
/* 右下角help-end */
/* 顶部导航-start */
.ys-imgbox-cover img:nth-child(n+3) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.head1-inof{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.head1-inof-nub{
    padding: 0 var(--jian);
}
.head1-inof-nub.active .head1-inof-nub-link{
    color: var(--colorbj) !important;
}
.head1-inof-nub-link{
    transition: all .4s ease;
    font-size: var(--font14);
    color: rgba(14,26,27,.6);
    line-height: var(--head1);
}
.mod-head1-wrap{
    padding: 0 60px;
    display: flex;
    justify-content: space-between;
}
.head1-language-top-icon{
    width: 24px;
}
.head1-language-top-icon img:nth-of-type(2){
    opacity: .6;
}
.head1-language-top-text{
    padding-left: 8px;
    font-size: 12px;
    color: rgba(14,26,27,.6);
    line-height: var(--head1);
}
.head1-language-top{
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%;
}
.head1-language{
    margin-left: 20px;
}
.head1-search-icon .ys-imgbox-cover{
    width: 24px;
    opacity: 0.6;
    transition: all .4s ease;
}
.head1-search-icon{
    margin-left: 48px;
    position: relative;
    height: var(--head1);
    display: flex;
    align-items: center;
    cursor: pointer;
}
.head1-language+.head1-search .head1-search-icon::before{
    content: '';
    height: 14px;
    width: 1px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(14,26,27,.2);
    transition: all .4s ease;
}
.head-logo {
    width: 170px;
    line-height: var(--head2);
}
.head-logo a{
    display: flex;
    height: var(--head1);
    align-items: center;
}
.mod-head2-wrap{
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
}
.head-nav{
    display: flex;
    --jian: 30px;
    margin: 0 calc(var(--jian) * -1);
}
.head-nav-item-title{
    font-size: var(--font16);
    line-height: var(--head2);
    color: var(--colorfff);
    transition: all .4s ease;
    display: inline-block;
    position: relative;
    padding: 0 var(--jian);
}
.head-other{
    display: flex;
    align-items: center;
    margin: 0 -14px;
}
.head-other .std-btn3{
    padding: 0 14px;
}
.ys-hd-pc{
    background: transparent;
    transition: all .4s ease;
}
.mod-head1 {
    background: transparent;
    transition: all .4s ease;
}
.head1-inof-nub-link,
.head1-language-top-text{
    color: var(--colorfff);
    transition: all .4s ease;
}
.mod-head1 .ys-imgbox-cover img:nth-of-type(2){
    opacity: 0;
}
.head1-language+.head1-search .head1-search-icon::before{
    background: var(--colorfff);
}
.head-logo img:nth-of-type(2){
    opacity: 0;
}
.head-nav-item-title{
    color: var(--colorfff);
}
.ys-hd-pc {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
}
.ys-hd-pc.isfixed,
.ys-hd-pc.ishover,
.inside-main.act .ys-hd-pc{
    background: var(--colorfff);
    box-shadow: 0px 2px 12px 0px rgba(0, 64, 68, 0.10);
}
.ys-hd-pc.isfixed .mod-head1,
.ys-hd-pc.ishover .mod-head1,
.inside-main.act .mod-head1{
    background: var(--colorf7);
}
.ys-hd-pc.isfixed .mod-head2,
.ys-hd-pc.ishover .mod-head2,
.inside-main.act .mod-head2{
    background: var(--colorfff);
}
.ys-hd-pc.isfixed .head1-inof-nub-link,
.ys-hd-pc.ishover .head1-inof-nub-link,
.inside-main.act .head1-inof-nub-link,
.ys-hd-pc.isfixed .head1-language-top-text,
.ys-hd-pc.ishover .head1-language-top-text,
.inside-main.act .head1-language-top-text{
    color: rgba(14, 26, 27, .6);
}
.ys-hd-pc.isfixed .mod-head1 .ys-imgbox-cover img:nth-of-type(2),
.ys-hd-pc.ishover .mod-head1 .ys-imgbox-cover img:nth-of-type(2),
.inside-main.act .mod-head1 .ys-imgbox-cover img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .mod-head1 .ys-imgbox-cover img:nth-of-type(3),
.ys-hd-pc.ishover .mod-head1 .ys-imgbox-cover img:nth-of-type(3),
.inside-main.act .mod-head1 .ys-imgbox-cover img:nth-of-type(3){
    opacity: 0;
}
.ys-hd-pc.isfixed .head1-language+.head1-search .head1-search-icon::before,
.ys-hd-pc.ishover .head1-language+.head1-search .head1-search-icon::before,
.inside-main.act .head1-language+.head1-search .head1-search-icon::before {
    background: rgba(14, 26, 27, .2);
}
.ys-hd-pc.isfixed .head-logo img:nth-of-type(2),
.ys-hd-pc.ishover .head-logo img:nth-of-type(2),
.inside-main.act .head-logo img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .head-logo img:first-child,
.ys-hd-pc.ishover .head-logo img:first-child,
.inside-main.act .head-logo img:first-child{
    opacity: 0;
}
.ys-hd-pc.isfixed .head-nav-item-title,
.ys-hd-pc.ishover .head-nav-item-title,
.inside-main.act .head-nav-item-title {
    color: var(--color1e1);
}
.yx-search3img2{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.yx-search3img2{
    opacity: 0!important;
}
.yx-search3-btn.on .yx-search3img2 {
    opacity: 1!important;
}
.h1lbi-link-icon img{
    opacity: 1!important;
}
.ys-imgbox-contain img, .ys-imgbox-cover img{
    transition: all .4s ease;
}
.mod-head2{
    position: relative;
    z-index: 3;
    transition: all .4s ease;
}
.ys-hd-pc::before{
    content: '';
    position: absolute;
    height: calc(100% + 0px);
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.2;
    background: linear-gradient(180deg, rgba(30, 31, 36, 1) 0%, rgba(30, 31, 36, 0) 100%);
    transition: all .4s ease;
    pointer-events: none;
}
.ys-hd-pc.isfixed .head-nav-item-title::before,
 .ys-hd-pc.ishover .head-nav-item-title::before,
  .ys-hd-pc.act .head-nav-item-title::before{
    background: #EFF0F3;
}
.head-nav-item:last-child .head-nav-item-title::before{
    display: none;
}
.ys-hd-pc{
    border-bottom: solid 1px rgba(255,255,255,0.2);
}
.ys-hd-pc.isfixed::before,
.ys-hd-pc.ishover::before,
.inside-main.act .ys-hd-pc::before {
    opacity: 0;
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title,
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title,
.inside-main.act .head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colorbj);
}
.head-nav-item-title::before{
    content: '';
    height: 20%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.2);
    transition: all .4s ease;
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::before,
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title::before,
.inside-main.act .head-nav-item.yxnav-active1 .head-nav-item-title::before{
    opacity: 1;
}
.head1-language-bot{
    border: 1px solid rgba(14,26,27,.1);
}
.head1-language-bot-item{
    border-bottom: 1px solid rgba(14,26,27,.1);
}
.head1-language-bot-item:last-child{
    border-bottom: 0;
}
.h1lbi-link{
    transition: all .4s ease;
}
.yx-search3xlbox{
    --head: 50px;
}
.hnid1-inof-nub img{
    transform: scale(1)!important;
}
.hnid1-inof.act1 .hnid1-inof-nub.yxnav-active2.on1 .std-text1,
.hnid1-inof.act1 .hnid1-inof-nub.on1 .std-text1{
    color: var(--colorbj);
}
.hnid1-inof.act1 .hnid1-inof-nub.yxnav-active2 .std-text1 {
    color: var(--color1e1);
}
.hnid2-cln-nub-link .std-text18{
    width: calc(100% - 48px);
    padding-left: 16px;
    color: #0A1B1B;
    font-weight: 600;
    transition: all .4s ease;
}
.hnid2-cln-nub-link img{
    transform: scale(1)!important;
}
.hnid2-cln-nub.yxnav-active2 .hnid2-cln-nub-link{
    background: var(--colorfff);
}
.hnid2-cln-nub-link::before{
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--colorbj);
    opacity: 0;
    transition: all .4s ease;
}
.hnid2-cln-nub.yxnav-active2 .hnid2-cln-nub-link::before{
    opacity: 1;
}
.hnid2-cry-left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hnid2-cry.act1 .hnid2-cln-nub.yxnav-active2 .hnid2-cln-nub-link::before{
    opacity: 0;
}
.hnid2-cry.act1 .hnid2-cln-nub.on1 .hnid2-cln-nub-link::before,
.hnid2-cry.act1 .hnid2-cln-nub.on1.yxnav-active2 .hnid2-cln-nub-link::before{
    opacity: 1;
}
.hnid2-cry.act1 .hnid2-cln-nub.yxnav-active2 .hnid2-cln-nub-link{
    background: transparent;
}
.hnid2-cry.act1 .hnid2-cln-nub.on1 .hnid2-cln-nub-link,
.hnid2-cry.act1 .hnid2-cln-nub.on1.yxnav-active2 .hnid2-cln-nub-link{
    background: var(--colorfff);
}
.hnid2-cry.act1 .hnid2-cln-nub.yxnav-active2 .std-text18{
    color: #0A1B1B;
}
.hnid2-cry.act1 .hnid2-cln-nub.on1 .std-text18,
.hnid2-cry.act1 .hnid2-cln-nub.on1.yxnav-active2 .std-text18 {
    color: var(--colorbj);
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(108, 118, 118, 0.20);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #00AEB8;
}
.ys-banner .ys-ban-txtbox.ys-pos-center{
    top: calc(50% + var(--headx) / 2);
}
.ys-ph-navbar4 .ys-phnav-menu {
    background: var(--colorfff);
    color: var(--color1e1);
}
.ys-ph-navbar4 .ys-ph-nav .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav a{
    color: var(--color1e1);
}
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
 .ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
  .ys-ph-navbar4 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
   .ys-ph-navbar4 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font, 
   .ys-ph-navbar4 .ys-ph-nav li.yxnav-active4>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colorbj);
}
.ys-phnav3-lang-hd{
    border-top: 0;
}
.ys-phnav3-lang-hd .ys-phnav-header-font, .ys-phnav3-lang-hd a {
    font-size: 16px;
}
.h1lbi-link{
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.h1lbi-link{
    white-space: nowrap;
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--colortext);
    transition: all .4s ease;
    text-align: center;
}
.head1-language-bot-item.on .h1lbi-link{
    color: var(--colorbj);
}
.head1-language{
    position: relative;
}
.head1-language-bot{
    border-radius: var(--radius10);
    background: var(--colorfff);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    box-shadow: 0px 6px 6px 0px rgba(0, 174, 184, 0.20);
    display: none;
}
.yx-search3xlbox{
    width: 100%;
    height: 350px;
    background:rgba(255, 255, 255, 1);
    box-shadow:0 5px 13px rgba(35, 50, 64, 0.13);
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
}
.yx-search3-tbox{
    width: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: var(--head);
    border-bottom: 1px solid #666;
}
.yx-search3xlbtn{
    width: 27px;
    line-height: var(--head);
}
.yx-search3xlbtn img{
    width: 100%;
    transition: all .36s;
}
.yx-search3-xls  {
    width: calc(100% - 27px);
    padding-right: 20px;
}
.yx-search3-xls input{
    font-size: 16px;
    line-height: 3.75;
    color: #666;
    width: 100%;
    transition: all .36s;
}
.yx-search3-xls input::placeholder{
    color: #666;
}
.yx-search3-btn.on .yx-search3img2{
    opacity: 1;
}
.yx-search3-btn.on .yx-search3img1{
    opacity: 0;
}
.mod-head1{
    position: relative;
}
.hnid1-inof-nub .ys-imgbox-cover{
    width: 48px;
    margin: 0 auto;
    margin-bottom: 4px;
}
.hnid1-inof{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    --jian: 60px;
    margin: 0 calc(var(--jian) * -1);
}
.hnid1-inof-nub{
    padding: 0 var(--jian);
}
.hnid1-inof-nub .std-text1{
    text-align: center;
    color: var(--color1e1);
    transition: all .4s ease;
}
.hnid1-inof-nub.yxnav-active2 .std-text1{
    color: var(--colorbj);
}
.head-nav-item {
    position: static!important;
}
.mod-head2{
    position: relative;
}
.head-nav-item-down{
    width: calc(100% + 0px);
    box-shadow: 0px 2px 12px 0px rgba(0, 64, 68, 0.10) inset, 0px 2px 12px 0px rgba(0, 64, 68, 0.10);
}
.head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colorbj);
}
.head1-fr{
    display: flex;
    align-items: stretch;
}
.head-pull-third-ul{
    display: flex;
    justify-content: center;
    margin: 0 -53.5px;
}
.head-pull-third-cont{
    padding: 60px 0;
}
.hptu-li{
    width: 25%;
    padding: 0 53.5px;
}
.hptu-li-link{
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-radius: var(--radius10);
    transition: all .4s ease;
    width: 100%;
}
.hptu-li-le-icon{
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: var(--radius5);
    overflow: hidden;
    background: #D8F8FA;
    position: relative;
    margin-right: 12px;
}
.hptu-li-le-icon img{
    width: 66%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.hptu-li-le p{
    font-size: var(--font18);
    color: var(--color1e1);
    line-height: var(--line16);
}
.hptu-li-ri-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
}
.hptu-li-ri-icon img{
    width: 100%;
}
.hptu-li-le{
    width: 100%;
    padding-right: 10px;
    display: flex;
    align-items: center;
}
.hptu-li.yxnav-active2 .hptu-li-link{
    padding: 12px 16px;
    box-shadow: -2px 2px 4px 0px rgba(234, 234, 234, 0.20), 2px -2px 4px 0px rgba(234, 234, 234, 0.20), -2px -2px 4px 0px rgba(255, 255, 255, 0.90), 2px 2px 5px 0px rgba(234, 234, 234, 0.90);
}
.head-pull-first-cont{
    display: flex;
}
.head-pull-first-le{
    width: 54%;
    position: relative;
    z-index: 2;
    background: var(--colorfff);
    padding: 60px 158px 58px 0;
    overflow: hidden;
}
.head-pull-first-ri{
    width:46%;
    padding: 60px 0 82px 120px;
    position: relative;
    z-index: 1;
}
.head-pull-first-ri::after{
    content: "";
    position: absolute;
    top: 0;
    left: 80%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100vw;
    height: 100%;
    background: #F3FCFF;
    pointer-events: none;
}
.hpfl-tit{
    font-size: var(--font24);
    color: var(--color1e1);
    font-family: var(--medium) !important;
    line-height: var(--line14);
    margin-bottom: 16px;
}
.hpfl-word p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.hpfl-word{
    margin-bottom: 24px;
}
.hpfl-item-link p{
    color: var(--color8b8);
    line-height: var(--line16);
    transition: all .4s ease;
    font-size: var(--font16);
}
.hpfl-item.yxnav-active3 .hpfl-item-link p{
    color: var(--colorbj);
}
.head-pull-first .head-pull-first-list{
    margin-top: 4px;
}
.hptu-li.haspull .head-pull-first .head-pull-first-list{
    margin-top: 0px;
}
.head-pull-first .hptu-li .hptu-li-link{
    margin-bottom: 120px;
}
.head-pull-first .hptu-li.haspull .hptu-li-link{
    margin-bottom: 0px !important;
}
.hpfl-item-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head-pull-first .hptu-li{
    width: 50%;
    padding: 0 30px;
    position: relative;
    margin-bottom: 15px;
}
.head-pull-first .hptu-li::after{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0;
    width:100%;
    height: 1px;
    background: #D8D9E2;
}
.head-pull-first .hptu-li:nth-last-child(-n + 2)::after{
    display: none;
}
.head-pull-first .head-pull-third-ul{
    margin: 0 -30px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.head-pull-first-list{
    display: none;
}
.hptu-li.haspull .head-pull-first-list{
    display: block;
}
.hptu-li.haspull .hptu-li-link .hptu-li-ri-icon{
    display: none;
}
.hpfl-item{
    margin-bottom: 8px;
}
.hpfl-item:last-child{
    margin-bottom: 0px;
}
.hpft-link-box{
    display: flex;
    align-items: center;
}
.hpft-link-icons{
    width: 32px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 20px;
}
.hpft-link-icons img{
    width: 100%;
}
.hpft-link-box p{
    color: var(--color1e1);
    line-height: var(--line14);
    font-size: var(--font24);
}
.hpfr-link{
    margin-bottom: 24px;
}
.hpfr-ul{
    display: flex;
    margin: 0 -11px;
}
.hpfr-ul-li{
    padding: 0 11px;
    width: 50%;
}
.hpfr-ul-li-link{
  border-radius: var(--radius10);
  overflow: hidden;
  position: relative; 
}
.hpfr-ul-li-link::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    opacity: 0.6;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}
.hull-pic{
    width: 32px;
    height:32px;
    border-radius: 50%;
    background: var(--colorfff);
    z-index: 2;
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px;
}
.hull-pic img{
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.hull-text{
    width: 100%;
    position: absolute;
    padding: 24px;
    bottom: 0;
    left: 0;
    color: var(--colorfff);
    z-index: 1;
}
.head-pull-second-cont{
    display: flex;
    align-items: stretch;
}
.head-pull-second-le{
    width: 25%;
    padding: 60px 50px 34px 0;
    background: var(--colorfff);
    position: relative;
    z-index: 2;
}
.head-pull-second-ri{
    width: 75%;
    padding:60px 0 0 80px;
    position: relative;
    z-index: 1;
}
.head-pull-second-ri::after{
    content: "";
    position: absolute;
    top: 0;
    left: 88%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #F3FCFF;
    z-index: -1;
    pointer-events: none;
}
.hpsl-list-item-link{
    display: flex;
    align-items: center;
    padding: 12px 24px;
    transition: all .4s ease;
    position: relative;
    z-index: 1;
    border-radius: var(--radius10);
    background: #fff;
    overflow: hidden;
}
.hpsl-list-item{
    margin-bottom: 10px;
}
.hpsl-list-item:last-child{
    margin-bottom: 0px;
}
.hlil-pic{
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    font-size: 0;
    border-radius: var(--radius5);
    overflow: hidden;
    background: #F0FBFB;
    position: relative;
    margin-right: 16px;
}
.hlil-pic img{
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hlil-bgs{
    width: 108%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-4%);
    z-index: -1;
    opacity: 0;
    transition: all .4s ease;
}
.hlil-bgs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hpsl-list-item-link p{
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--color1e1);
    transition: all .4s ease;
}
.hpsl-list-item.yxnav-active2 p{
    color: var(--colorbj);
}
.hpsl-list-item.yxnav-active2 .hpsl-list-item-link{
    box-shadow: -2px 2px 4px 0px rgba(234, 234, 234, 0.20), 2px -2px 4px 0px rgba(234, 234, 234, 0.20), -2px -2px 4px 0px rgba(255, 255, 255, 0.90), 2px 2px 5px 0px rgba(234, 234, 234, 0.90);
}
.hpsl-list-item.yxnav-active2 .hlil-bgs{
    opacity: 1;
}
.hpsl-btn{
    width: 100%;
    margin-top: 60px;
}
.hpsl-btn .std-btn1{
    width: 100%;
}
.hlil-thrul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.hlil-thrul-li{
    width: 25%;
    padding: 0 30px;
    margin-bottom: 20px;
}
.hlil-thrul-li-link{
    position: relative;
    z-index: 1;
    transition: all .4s ease;
    border-radius: var(--radius10);
    padding: 16px;
    overflow: hidden;
}
.htll-word{
    margin-top: 20px;
}
.hpsr-list-item{
    margin-bottom: 30px;
}
.hpsr-list-item:last-child{
    margin-bottom: 0px;
}
.htll-word p{
    text-align: center;
    font-size: var(--font16);
    text-align: center;
    line-height: var(--line16);
    color: var(--color1e1);
    transition: all .4s ease;
}
.hlil-thrul-li.yxnav-active3 .hlil-thrul-li-link{
    background: #FFF;
    box-shadow: rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.htll-bgs{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(50%);
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    transition: opacity .36s ease, transform .6s ease;
}
.hlil-thrul-li.yxnav-active3 .htll-bgs{
    opacity: 1;
    transform: translateY(12%);
}
.htll-bgs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hpsr-list-item .hpft-link-box p{
    font-size: var(--font24);
    font-family: var(--medium) !important;
}
.hpsr-list-item{
    display: none;
}
.hpsr-list-item:first-child{
    display: block;
}
.head-pull-second-ri{
    max-height:600px;
}
.hpsr-list-item-lis{
    margin-bottom: 30px;
}
.hpsr-list-item-lis:last-child{
    margin-bottom: 0px;
}
.head-pull-second-ri .mCSB_outside+.mCSB_scrollTools {
    right: auto;
    top: 60px;
    bottom: 60px;
    left: calc(var(--left) + 100%);
}
.ys-hd-pc.act{
    transform: translateY(-161px);
}
/* 顶部导航-end */
/* banner类型一 */
.ys-nybanner1 h1 span, .ys-nybanner2 h1 span{
    display: inline-block;
    background: linear-gradient(98deg, #0F0 8.49%, #0FF 89.76%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--line12);
    font-family: var(--bold) !important;
}
.ys-nybanner1 h1, .ys-nybanner2 h1{
    color: var(--colorfff);
    line-height: var(--line12);
    font-size: var(--font64);
    font-family: var(--medium) !important;
}
.ys-nybanner1 .ys-pos-center{
    top: auto;
    bottom: 60px;
    transform: translate(-50%,0);
}
.ys-nybanner2 .ys-nyban-title{
    width: 67%;
}
.ys-nybanner2 .ys-nysear{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ys-nysear-input{
    width: 73.75%;
}
.ys-nysear-btn{
    width: 25%;
}
.ys-nysear-btn-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    border-radius: 80px;
    cursor: pointer;
    background:  linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
}
.ys-nysear-btn-box p{
    line-height: 56px;
    color: var(--colorfff);
    font-size: var(--font18);
}
.ys-nysear-btn-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 16px;
}
.ys-nysear-btn-icon img{
    width: 100%;
}
.ys-nysear{
    margin-top: 40px;
}
.ys-nysear-input{
    height: 56px;
    border-radius: 80px;
    background: var(--colorfff);
}
.ys-nysear-input input{
    padding: 0 32px;
    font-size: var(--font18);
    color: var(--color1e1);
    line-height: var(--line16);
    height: 100%;
    width: 100%;
}
.ys-nysear-input input::placeholder{
    color: var(--color8b8);
}
.ys-nybanner1 .ys-nyban-title p{
    width: 50%;
    margin-top: 24px;
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colorfff);
}
/* 公共样式 - end */
/* c1-产品列表-start */
.product-list-ul-li{
    width: 20%;
    padding: 0 10px;
}
.product-list-ul{
    margin: 0 -10px;
    align-items: stretch;
}
.product-cloud-le{
    position: relative;
}
.ys-nybanner1 .ys-nyban-title{
    width: 60%;
}
.product-list{
    padding: 80px 0;
}
.product-list .ys-cont1440, .product-list .ys-cont1600{
    border-radius: var(--radius20);
    background: #F3FCFF;
    padding: 10px;
}
.product-list-ul-li a{
    position: relative;
    z-index: 1;
    display: block;
    padding: 24px;
    transition: all .4s ease;
    height: 100%;
    border-radius:var(--radius10);
    overflow: hidden;
}
.product-list-ul-li.active a{
    border-radius: var(--radius10);
    background: var(--colorfff);
    box-shadow:  0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.product-list-ul-li p{
    text-align: center;
    font-size:var(--font18);
    color: var(--color1e1);
    line-height: var(--line175);
    font-family: var(--medium) !important;
}
.plul-bg {
    width: 200%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: all .4s ease;
}
.product-list-ul-li.active .plul-bg{
    opacity: 1;
}
.plul-bg img{
    width: 100%;
}
.product-list-ul{
    display: flex;
}
.product-inver-top h2, .product-inver-top h2 span{
    text-align: center;
    font-size: var(--font80);
    line-height: var(--line12);
    color: rgba(139, 141, 152, 1);
    padding: 187px 0 200px;
    font-family: var(--bold) !important;
    display: initial;
    background: rgba(139, 141, 152, 1) -webkit-linear-gradient(left, rgba(19, 182, 232, 1) 0%, rgba(110, 222, 100, 1) 62.39%) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%;
    display: inline-block;
}
.product-inver-top-tit{
    display: block;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.product-inver{
    position: relative;
    z-index: 1;
}
.product-inver-top{
    width: 100%;
}
.product-inver-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.product-inver-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-inver-cont{
    width: calc(100%  - 80px);
    margin: 0 auto;
    border-radius: var(--radius40);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.product-inver-cont-pic{
    width: 100%;
    position: relative;
    z-index: 1;
}
.product-inver-cont-pic::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:65%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    opacity: 0.4;
    background: linear-gradient(90deg, rgba(0, 29, 53, 1) 0%, rgba(0, 29, 53, 0) 100%);
}
.product-page .blog-cont-bg-right{
    top: 16%;
}
.product-inver-cont-pic img{
    width: 100%;
}
.product-inver-bot{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 4;
    height: 100%;
}
.product-inver-bot-tit{
    width: 48%;
    color: var(--colorfff) ;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    font-family: var(--medium) !important;
    z-index:3;
} 
.product-inver-bot-ul{
    position: absolute;
    bottom:60px;
    left: 0;
    z-index: 3;
    margin: 0 -10px;
    display: flex;
}
.product-inver-bot-cry{
    height: 50%;
    bottom: 0;
    position: absolute;
    width: 100%;
}
.pibu-li{
    padding: 0 10px;
}
.product-resi-tp-le{
    width: 57%;
}
.product-resi-tp-ri{
    width: 43%;
    padding-left: 20px;
}
.prtl-cont{
    display: flex;
    align-items: stretch;
    border-radius: var(--radius20);
    background:  #FFF;
    overflow: hidden;
    padding: 50px 20px  50px 48px;
    box-shadow: 0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.prtl-fr{
    width: 49%;
}
.prtl-fl{
    width: 51%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 26px;
}
.prtl-fl-tab {
    display: flex;
    align-items: center;
}
.prtl-fl-tab-icon{
    width: 48px;
    height: 48px;
    border-radius: var(--radius5);
    background: #F0FBFB;
    position: relative;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
}
.prtl-fl-tab-icon img{
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.prtl-fl-tab p{
    color: var(--color8b8);
    line-height: var(--line16);
    font-size: var(--font16);
}
.prtl-fl-tab{
    margin-bottom: 24px;
}
.prtl-tit{
    font-size: var(--font32);
    font-family: var(--medium);
    line-height: var(--line12);
    color: var(--color1e1);
    margin-bottom: 24px;
}
.prtl-word p{
    line-height: 1.6;
    height: 4.8em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: var(--color8b8);
}
.prtl-fl-bt-add{
    position: relative;
}
.prtl-fl-bt-add-img{
    width: 48px;
    height: 48px;
    background: transparent;
    transition: all .4s ease;
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 50%;
}
.prtl-fl-bt .std-btn2{
    width:100%;
    padding-right: 20px;
}
.prtl-fl-bt .std-btn2-box {
    width: 100%;
}
.prtl-fl-bt-add-img img{
    width:50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.prtl-fl-bt-add-img img:nth-child(2){
    opacity: 0;
}
.prtl-fl-bt-add-word{
    position: absolute;
    bottom: calc(100% + 11px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.prtl-fl-bt-add-word p{
    white-space: nowrap;
    color: var(--colorfff);
    text-align: center;
    line-height: 26px;
    padding: 0 10px;
    background: var(--colorbj);
    border-radius: 80px;
}
.prtl-fl-bt{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-resi-tp-le.act .prtl-fl-bt-add-img,
 .prtr-ul-li.act .prtl-fl-bt-add-img, 
 .prbu-li.act .prtl-fl-bt-add-img{
    background: var(--colorbj);
}
.product-resi-tp-le.act .prtl-fl-bt-add-img img:nth-child(2),
 .prtr-ul-li.act .prtl-fl-bt-add-img img:nth-child(2), 
 .prbu-li.act .prtl-fl-bt-add-img img:nth-child(2){
    opacity: 1;
}
/* .product-resi-tp-le.act .prtl-fl-bt-add-word{
    opacity: 1;
    pointer-events: all;
} */
.product-resi-item h2{
    margin-bottom: var(--space40);
}
.product-resi-item{
    padding-top: 60px;
    padding-bottom: 90px;
}
.product-resi-item:last-child{
    padding-bottom: 0px;
}
.product-resi-tp{
    display: flex;
    align-items: stretch;
}
.prtr-ul{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.prtr-ul-li{
    height: calc(50% - 8px);
}
.prtr-ul-li-box{
    height: 100%;
    display: flex;
    align-items: stretch;
    border-radius: var(--radius20);
    background:#FFF;
    padding: 4px 4px 4px 40px;
    box-shadow: 0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.prtr-ul-li-box .ys-imgbox-cover{
    width: 39%;
}
.pulb-le{
    width: 61%;
    padding-top: 36px;
    padding-bottom: 19px;
    padding-right:44px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.prtr-ul-li .prtl-fl-bt{
    justify-content: flex-start;
}
.prtr-ul-li .std-btn4{
    margin-right: 20px;
}
.pulb-le-tp-tab p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.pulb-le-tp-tab{
    margin-bottom: 8px;
}
.pulb-le-tp-tit{
    font-size: var(--font24);
    line-height: var(--line15);
    font-family: var(--medium);
    color: var(--color1e1);
}
.product-resi-tp{
    margin-bottom: var(--space40);
}
.product-resi-bt-ul{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 -10px;
}
.prbu-li{
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 40px;
}
.prbu-li-box{
    height: 100%;
    padding: 45px 50px 30px;
    border-radius: var(--radius20);
    background: var(--colorfff);
    box-shadow: 0px 40px 30px 0px rgba(0, 0, 0, 0.01), 0px 26px 20px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.prbu-li .ys-imgbox-cover{
    width: 85%;
    margin: 0 auto;
}
.pulb-le-tp-tit{
    font-family: var(--medium) !important;
    margin-bottom: 24px;
}
.prbu-li-word{
    margin-bottom: 43px;
}
.prbu-li-word p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.prbu-li .prtl-fl-bt-add-img{
    border: solid 1px var(--colorbj);
}
.prbu-li .prtl-fl-bt{
    margin-bottom: var(--space50);
}
.prbu-li:nth-child(3n+1){
    animation-delay: 0.2s;
}
.prbu-li:nth-child(3n+2){
    animation-delay: 0.3s;
}
.prbu-li:nth-child(3n+3){
    animation-delay: 0.4s;
}
.product-cloud-wrap{
    display: flex;
    align-items: stretch;
}
.product-cloud-ri{
    width: 59%;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
}
.product-cloud-le{
    width: 41%;
    padding-right:100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-cloud-ri img{
    width: 100%;
}
.product-cloud-ri img:nth-child(2){
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    cursor: pointer;
}
.product-cloud-le h2 span{
    font-family: var(--semibold) !important;
    display: inline-block;
    background:linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pclb-text{
    font-family: var(--semibold) !important;
    margin-bottom: 20px;
    color: var(--color1e1);
}
.pclb-word p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.pclb-word{
    margin-bottom: 32px;
}
.pclb-btn{
    display: flex;
    align-items: stretch;
    margin: 0 -6px;
}
.pclb-btn-list{
    padding: 0 6px;
}
.pclb-btn-list a{
    width: 134px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: var(--radius10);
    overflow: hidden;
    height: 100%;
    background: rgba(0, 0, 0, 1);
}
.pclb-btn-list a img{
    width: 100%;
}
.product-cust-cont{
    width: calc(100% - 80px);
    margin: 0 auto;
    display: flex;
    align-items: stretch;
}
.product-cloud-ri-cont{
    height: 100%;
    border-radius: var(--radius20);
    background: var(--colorbj);
    position: relative;
}
.product-cust .product-cloud-ri{
    width: 39%;
}
.product-cust .product-cloud-le{
    width: 61%;
    padding-right: 10px;
}
.product-cloud-le-box{
    height: 100%;
    width: 100%;
    border-radius: var(--radius20);
    position: relative;
    overflow: hidden;
}
.product-cloud-le-box img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.pcrc-tp{
    width: 76.25%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pcrc-tp h2{
    font-family: var(--semibold) !important;
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line12);
    margin-bottom: 108px;
}
.pcrc-tab{
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 53px;
}
.pcrc-tab p{
    text-align: center;
    line-height: var(--line16);
    font-size: var(--font18);
    color: #fff;
    position: relative;
}
.pcrc-tab::before{
    content: "";
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    height: 2px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.pcrc-tab::after{
    content: "";
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    width: 40%;
    height: 2px;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.pcrc-word p{
    text-align: center;
    line-height: var(--line16);
    color: var(--colorfff);
}
.product-cloud-ri-cont .std-btn2{
    width: calc(100% - 80px);
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    z-index: 3;
}
.product-cloud-ri-cont .std-btn2-box{
    width: 100%;
}
.product-cloud-ri-cont .std-btn2-box p{
    line-height: 64px;
}
/* c1-产品列表-end */
/* 辅助合并修改-start */
/* i1 */
.blog-ban-select {
    width: 18.5%;
    margin-right: 20px;
}
.blog-ban-select .ys-select{
    padding: 0 32px;
    border-radius: 80px;
    background: #FFF;
}
.blog-ban-select input{
    height: 57px;
    color: var(--color1e1);
    line-height: var(--line16);
    font-size: var(--font18);
}
.blog-ban .icon-arrow-down:before{
    color: var(--colorbj);
    font-size: 14px;
}
.ys-select-bd {
    display: none;
    position: absolute;
    left: 0;
    top: 103%;
    z-index: 10;
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 10px 32px;
    border-radius: var(--radius10);
    max-height: 120px;
    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.01), 0px 8px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.04);
}
.ys-select-li {
    cursor: pointer;
    font-size: var(--font14);
    line-height: var(--line175);
    color: var(--color8b8);
    transition: all .4s ease;
}
.blog-ban{
    display: flex;
    align-items: flex-start;
    margin-top: 60px;
}
.blog-ban .ys-nysear{
    width: 40%;
    margin-top: 0px;
}
.bbul-link-tit{
    transition: all .4s ease;
}
.bcbt-box-ule-le:nth-child(3n+1){
    animation-delay: 0.2s;
}
.bcbt-box-ule-le:nth-child(3n+2){
    animation-delay: 0.3s;
}
.bcbt-box-ule-le:nth-child(3n+3){
    animation-delay: 0.4s
}
.bcbt-box-ule{
    overflow: hidden;
}
.brul-link-right-tit{
    transition: all .4s ease;
}
.bbbl-box-inp input{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.new-banul{
    display: flex;
    margin: 0 -10px;
}
.new-banul-li{
    padding: 0 10px;
}
.new-page .blog-ban{
    display: flex;
    justify-content: space-between;
}
.new-banul-li .std-btn3-box{
    padding: 0 75px;
}
.new-banul-li .std-btn3-box p{
    line-height: 56px;
    font-size: var(--font18);
}
.new-banul-li.active .std-btn3-box::after{
    width: 100%;
}
.new-banul-li.active .std-btn3-box::before{
    opacity: 0;
}
.new-banul-li .std-btn3.white .std-btn3-box{
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.new-ban-ri{
    width: 40%;
    display: flex;
}
.new-ban-ri .blog-ban-select{
    width: 70%;
}
.blog-ban .mCSB_outside+.mCSB_scrollTools {
    right: 10px;
    top: 7px;
    bottom: 7px;
}
.new-page .bbul-link-tit{
    height:auto;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}
.bbul-link{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.bcbt-box-ule{
    align-items: stretch;
}
.news-page.inside-main.act .ys-hd-pc, 
.news-page.inside-main.act .mod-head2, 
.casedet-page.inside-main.act .ys-hd-pc, 
.casedet-page.inside-main.act .mod-head2, 
.bookmark-page.inside-main.act .ys-hd-pc, 
.bookmark-page.inside-main.act .mod-head2,
.prodet-page.inside-main.act .ys-hd-pc, 
.prodet-page.inside-main.act .mod-head2
{
    background:transparent;
    box-shadow: none;
}
.news-page .ys-hd-pc.isfixed,
 .casedet-page .ys-hd-pc.isfixed, 
 .bookmark-page .ys-hd-pc.isfixed, 
 .prodet-page .ys-hd-pc.isfixed{
    background: #fff !important;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%) !important;
}
.news-page .ys-hd-pc,
 .casedet-page .ys-hd-pc, 
 .bookmark-page .ys-hd-pc, 
 .prodet-page .ys-hd-pc {
    border-bottom: solid 1px rgba(239, 240, 243, 1);
}
.bookmark-page .yfic-box{
    border-radius: 80px !important;
}
.news-cont{
    padding-top: var(--headx);
}
.lcbu-le:nth-child(2n+1){
    animation-delay: 0.2s;
}
.lcbu-le:nth-child(2n+2){
    animation-delay: 0.3s;
}
.wcpb-right-ul-li{
    display: none;
}
.wcpb-right-ul-li:first-child{
    display: block;
}
.wllu-le-tit{
    cursor: pointer;
}
.wcpb-right-cry{
    display: flex;
    align-items: stretch;
}
.wccu-le:nth-child(2n+1){
    animation-delay: 0.2s;
}
.wccu-le:nth-child(2n+2){
    animation-delay: 0.3s;
}
.exhi-page .ecbt-shaf-wrap{
    width: 100%;
    position: relative;
}
.exhi-page .g_adv{
    width: calc(100% - 0px);
    position: absolute;
    top: 84%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.exhi-page .layui-slider-input{
    display: none !important;
}
.exhi-page .demo-slider{
    width: 100%;
}
.exhi-page .layui-slider {
    margin-right: 0px !important;
}
.exhi-page .layui-slider{
    height: 20px;
    background: transparent !important;
    position: relative;
    cursor: pointer;
}
.exhi-page .layui-slider-wrap {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    box-shadow: 0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 8px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.04);
}
.exhi-page .layui-slider-wrap-btn {
    width: 22px;
    height: 22px;
    border: none !important;
    background: url(../images/i2_icon_01.svg) center no-repeat;
    background-size: contain;
}
.exhi-page .layui-slider-bar {
    background: transparent !important;
}
.ys-nybanner .ys-pos-center{
    z-index: 9;
}
.exhi-cont{
    position: relative;
    z-index: 1;
}
.ecbt-ph{
    display: none;
}
.mCSB_outside+.mCSB_scrollTools {
    right: 10px;
    top: 5px;
    bottom: 5px;
}
.home-switch-ul{
    display: flex;
    align-items: stretch;
}
.home-switch-ul-li{
    width: 20%;
    flex-grow: 1;
    padding: 0 10px;
    transition: all .4s ease;
    flex-shrink: 0;
}
.home-switch-ul-li.on{
    width: 40%;
}
.hsul-link{
    height: 100%;
    display: block;
    overflow: hidden;
    border-radius: var(--radius20);
    position: relative;
}
.hsul-link-pic{
    width: 100%;
    height:340px;
    position: relative;
} 
.hsul-link-pic::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: linear-gradient(180deg, rgba(0, 22, 43, 1) 0%, rgba(0, 22, 43, 0) 60.07%);
}
.hsul-link-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hsul-link-tit{
    text-align: center;
    font-size: var(--font32);
    color: var(--colorfff);
    line-height: var(--line16);
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding:0 14px;
}
.home-switch h2{
    text-align: center;
    margin-bottom: var(--space40);
}
.ys-footer{
    border-top: solid 1px rgba(139, 141, 152, 0.2);
}
/* 辅助合并修改-end */
/* j2-案例详情-start */
.casedet-switch-list-item.on{
    width: 62%;
}
.casedet-switch-list{
    display: flex;
    margin: 0 -10px;
}
.casedet-switch-list-item{
    width: 19%;
    flex-grow: 1;
    padding: 0 10px;
}
.csli-box{
    position: relative;
    overflow: hidden;
    border-radius: var(--radius20);
    height: 600px;
    z-index: 1;
}
.csli-box::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 19, 51, 0.3);
    opacity: 1;
    transition: all .4s ease;
    pointer-events: none;
    z-index: 10;
}
.casedet-switch-list-item.on .csli-box::after{
    opacity: 0;
}
.csli-box-icon{
    width: 48px !important;
    height: auto !important;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    z-index: 11;
}
.csli-box-icon img{
    width: 100%;
}
.casedet-switch-top{
    display: flex;
    margin-bottom: 80px;
}
.casedet-switch-top-le h1{
    font-size: var(--font48);
    line-height: var(--line12);
    color: var(--color1e1);
    font-family: var(--medium) !important;
    margin-bottom: 10px;
}
.cstl-ul-li-box{
    display: flex;
    align-items: center;
}
.culb-icon{
    width: 28px;
    flex-shrink: 0;
    margin-right: 12px;
}
.culb-icon img{
    width: 100%;
}
.cstl-ul-li-box p{
    color: var(--color1e1);
    line-height: var(--line16);
}
.cstl-ul{
    display: flex;
    margin: 0 -25px;
}
.cstl-ul-li{
    padding: 0 25px;
}
.culb-num{
    font-family: var(--medium) !important;
    color: var(--color1e1);
    line-height: var(--line12);
}
.culb-word p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.cstr-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}
.cstr-ul-li{
    padding: 0 50px;
}
.casedet-switch-top-ri{
    width: 41%;
    padding-left: 70px;
}
.casedet-switch-top-le{
    width:59%;
    padding-right: 80px;
    position: relative;
}
.casedet-switch-top-le::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 80%;
    background: var(--colorbj);
}
.casedet-switch-list-item.on .csli-box-icon{
    opacity: 0;
}
.casedet-switch-list-item{
    transition: all .6s ease;
}
.casdet-edr h2{
    font-family: var(--medium) !important;
    margin-bottom: var(--space50);
}
.casdet-edr-cont p{
    color: var(--color8b8);
    line-height: var(--line16);
    font-size: var(--font18);
    margin-bottom:12px;
}
.casdet-edr-cont p:last-child{
    margin-bottom: 0px;
}
.casdet-detail-ul-li{
    width: 25%;
    padding: 0 10px;
    height: auto !important;
}
.casdet-detail-ul{
    margin: 0 -10px;
}
.cdul-cont{
    border-radius: var(--radius10);
    background:#FFF;
    box-shadow: 0px 15px 10px 0px rgba(0, 0, 0, 0.01), 0px 6px 6px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
    overflow: hidden;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.cdul-text{
    background:linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 60px;
}
.casdet-detail-ul .slick-track{
    display: flex;
    align-items: stretch;
}
.casdet-detail-ul .slick-list{
    padding-bottom: 20px;
    padding-top: 20px;
}
.cdul-word p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.casdet-prod-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space50);
}
.casdet-prod .product-resi-bt-ul{
    margin: 0;
    flex-wrap: nowrap;
}
.casdet-prod .prbu-li{
    padding: 0px !important;
}
.casdet-prod .swiper-container{
    overflow: visible !important;
}
.mod-nyctact-bot{
    width: 48%;
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mod-nyctact .std-btn3-box p{
    line-height: 64px;
    font-size: var(--font20);
}
.mod-nyctact .std-btn3-box{
    padding: 0 80px;
}
.mod-nyctact-bot-btn{
    margin-bottom: 30px;
}
.mod-nyctact-bot-word p{
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line16);
}
/* j2-案例详情-end */
/* d1-下载中心-start */
.load-type h2{
    font-family: var(--medium) !important;
    margin-bottom: 10px;
    line-height: var(--line14);
}
.load-prod-list{
    display: flex;
}
.load-type-cont{
    border-radius: var(--radius20);
    overflow: hidden;
    background: var(--colorfff);
    padding: 32px 40px 10px;
    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.load-prod-list-text{
    line-height: var(--line16);
    font-size: var(--font18);
    color: var(--color1e1);
    margin-right: 30px;
    position: relative;
    top: 4px;
}
.load-prod-list-ul{
    display: flex;
    flex-wrap: wrap;
}
.lplu-li-box {
    display: flex;
    align-items: center;
    padding: 0 20px;
    border: solid 1px rgba(216, 217, 224, 1);
    border-radius: 80px;
    transition: all .4s ease;
    cursor: pointer;
}
.lplu-li-box p{
    line-height: 38px;
    color: var(--color8b8);
    font-size: var(--font14);
    transition: all .4s ease;
}
.lplu-li-box span{
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    font-size: 0;
    margin-left: 4px;
    position: relative;
    transition: all .4s ease;
}
.lplu-li-box span::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
    height: 1px;
    background: var(--color8b8);
    transition: all .4s ease;
}
.lplu-li-box span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1px;
    height: 50%;
    background: var(--color8b8);
}
.lplu-li{
    padding: 0 8px;
    margin-bottom: 16px;
}
.load-prod-list-ul{
    margin: 0 -8px;
}
.lplu-li.act .lplu-li-box p{
    color: var(--colorbj);
}
.lplu-li.act .lplu-li-box{
    border: solid 1px var(--colorbj);
}
.lplu-li.act .lplu-li-box span::after, .lplu-li.act .lplu-li-box span::before{
    background: var(--colorbj);
}
.lplu-li.act .lplu-li-box span{
    transform: rotate(45deg);
}
.load-prod{
    margin-top: var(--space40);
}
.load-prod-list{
    padding-bottom: 4px;
    margin-bottom: 20px;
    border-bottom: solid 1px rgba(216, 217, 224, 1);
}
.load-prod-list:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.load-mod{
    margin-top: 30px;
}
.load-btn{
    position: relative;
    z-index: 2;
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.load-btn p{
    line-height: 52px !important;
}
.load-btn .std-btn3-box{
    padding: 0 48px;
}
.load-btn .std-btn3{
    margin-right: 20px;
}
.load-btn .std-btn2-box{
    padding: 0 48px;
}
.load-btn .std-btn2{
    width: auto !important;
}
.load-type-list-tp{
    padding: 24px 40px;
    border-radius: var(--radius10);
    background: #EFF0F3;
}
.ltlt-tpul{
    display: flex;
}
.ltlt-tpul-li{
    padding-right: 20px;
}
.ltlt-tpul-li1, .ltlb-lis-item1{
    width: 34%;
}
.ltlt-tpul-li2, .ltlb-lis-item2{
    width: 22%;
}
.ltlt-tpul-li3, .ltlb-lis-item3{
    width: 15%;
}
.ltlt-tpul-li4, .ltlb-lis-item4{
    width: 10%;
}
.ltlb-lis-item5{
    width: 19%;
    display: flex;
    align-items: center;
}
.ltlb-lis{
    display: flex;
    padding: 24px 40px;
    border-bottom: 1px solid #EFF0F3;
}
.ltlt-tpul-li p{
    font-size: var(--font20);
    line-height: var(--line15);
    color: var(--color1e1);
    font-family: var(--medium) !important;
}
.ltlb-lis-item p{
    color: var(--color1e1);
    line-height: var(--line16);
    font-size: var(--font16);
}
.ltlb-lis-item .std-btn3-box p{
    line-height: 30px;
    text-align: center;
}
.ltlb-lis-item5 .std-btn3-box{
    padding: 0 21px;
    width: 100%;
}
.ltlb-lis-item5 .std-btn3{
    width: 50%;
    margin-right: 10px;
}
.ltlb-lis-item5 .std-btn3:last-child{
    margin-right: 0px;
}
.load-type-list{
    width: 87.5%;
    margin: 70px auto 0;
}
.load-type-list-text{
    font-size: var(--font18);
    color: var(--color8b8);
    line-height: var(--line16);
    margin-bottom: 20px;
}
.load-type-list-text span{
    color: #00b1ba;
    line-height: var(--line14);
    font-size: var(--font24);
    display: inline-block;
    margin: 0 12px;
}
.load-type-list-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
/* d1-下载中心-end */
/* c4-产品心愿单-start */
.bookmark-cont h1{
    font-weight: var(--bold) !important;
    color: var(--color1e1);
    line-height: var(--line12);
    margin-bottom: var(--space50);
}
.bookmark-cont .product-list-ul-li .ys-imgbox-cover{
    width: 80px;
    margin: 0 auto;
}
.product-list-ul.nomore .product-list-ul-li{
    width: 25%;
    position: relative;
}
.bookmark-cont .product-list-ul-li::after{
    content: "";
    position: absolute;
    top: 50%;
    right:-24px;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: url(../images/c4_icon_02.svg) center 50% no-repeat;
    background-color: #fff;
    border-radius: 50%;
    padding: 12px;
    box-shadow: 0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
    z-index: 2;
}
.bookmark-cont .product-list-ul-li:last-child::after{
    display: none;
}
.bookmark-min-cont{
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
}
.bookmark-min-le{
    width: 62.5%;
    padding-right: 60px;
    border-right: solid 1px #d8d9e2;
}
.bookmark-min-ri{
    width: 37.5%;
    padding-left: 60px;
}
.bookmark-min-le-tp{
    display: flex;
    margin-bottom: 10px;
}
.bmlt-list1{
    width: 62%;
}
.bmlt-list2{
    width: 38%;
}
.bmlt-list p{
    color: var(--color1e1);
    line-height: var(--line16);
}
.bookmark-min{
    padding-top: 80px;
}
.bmli-li-box{
    display: flex;
    align-items: center;
    padding: 6px 30px 6px 6px;
    border-radius: var(--radius10);
    background: var(--colorfff);
    box-shadow: 0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.bmli-li-le{
    width: 58%;
    display: flex;
    align-items: stretch;
    padding-right: 20px;
}
.bmli-li-le-fr{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    padding: 14px 0;
    padding-left: 30px;
    position: relative;
}
.bmli-li-le-fr::after{
    content: "";
    position: absolute;
    top: 50%;
    right:0;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background: #d8d9e2;
}
.bllf-text{
    color: var(--color1e1);
    line-height: var(--line15);
}
.bllf-word p{
    color: var(--color8b8);
}
.bmli-li-le-ri{
    width: 42%;
    padding-left:52px;
    display: flex;
    align-items: center;
}
.bmli-li-le .ys-imgbox-cover{
    width: 134px;
    flex-shrink: 0;
    font-size: 0;
}
.bllr-close{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: solid 1px var(--colorbj);
    position: relative;
    margin-left: 20px;
    flex-shrink: 0;
    font-size: 0;
    cursor: pointer;
}
.bllr-close::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 50%;
    height: 2px;
    background: var(--colorbj);
    border-radius: 2px;
}
.bllr-close::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 2px;
    height: 50%;
    background: var(--colorbj);
    border-radius: 2px;
}
.bmlu-li{
    margin-bottom: 20px;
}
.bmlu-li:last-child{
    margin-bottom: 0px;
}
.bookmark-min-le-link{
    margin-top: 24px;
}
.bookmark-min-le-link p{
    color: var(--color8b8);
    font-size: var(--font18);
    line-height: var(--line16);
}
.bookmark-min-le-link p a{
    background: var(--colorbj2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
}
.bookmark-min-le-link p a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--colorbj2);
}
.bookmark-min-ri-tit{
    color: var(--color1e1);
    line-height: var(--line14);
    margin-bottom: 16px;
}
.bookmark-min .ys-form-phone{
    margin-bottom: 44px;
}
.bookmark-min .ys-fii-name span{
    color: var(--color1e1);
}
.bookmark-page .ys-form-inof-item label, .yfic-box{
    display: flex;
    align-items: center;
    border: solid 1px #D8D9E2;
    padding: 0 32px;
    border-radius: 80px;
}
.bookmark-page .ys-fii-input{
    border: none;
    height: 100%;
}
.bookmark-page .ys-form-inof{
    margin: 0 -5px;
}
.bookmark-page .ys-form-inof-item{
    padding: 0 5px;
}
.bookmark-page .ys-form-inof-item input{
    height: 50px;
    font-size: var(--font18);
    color: var(--color1e1);
}
.bookmark-page .ys-fii-name {
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color1e1);
    margin-bottom: 0;
    flex-shrink: 0;
}
.iti__country-container{
    position: static !important;
}
.iti {
    position: static !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}
.telnum {
    padding-left: 20px !important;
}
.iti__flag{
    width: 20px;
    height: 14px;
}
.bookmark-min-ri-tit{
    display: block;
    width: 100%;
}
.ys-fii-tips{
    font-size: var(--font14);
}
.ys-form-inof-item{
    position: relative;
}
.iti--inline-dropdown .iti__dropdown-content, .iti__country-list {
   left: 28px !important;
}
.ys-form-inof-code {
    width: 100%;
}
.yfic-box{
    display: flex;
    align-items: center;
}
.ys-form-inof-item .ys-select{
    width: 100%;
    position: static;
}
.ys-form-inof-item .ys-select-bd{
    width: calc(100% - 20px);
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 0;
}
.bookmark-min .ys-select-bd{
    max-height:260px;
    height: 260px;
}
.ys-select-bd input{
    height: 30px !important;
}
.ys-fic-auth-img {
    height: 52px;
    margin-left: 10px;
}
.ys-form-inof-item{
    margin-bottom: 16px;
}
.ys-form-inof-code{
    margin-bottom: 32px;
}
.ys-fia-text-btn::before {
    border: 1px solid #D8D9E2;
    border-radius: 2px;
}
.ys-fia-text-word span{
    color: #FF0008;
}
.ys-fia-text-word{
    line-height: var(--line16);
    font-size: var(--font14);
    color: rgba(139, 141, 152, 1);
}
.ys-fia-text-word a{
    display: inline-block;
    color: var(--colorbj);
    text-decoration-line: underline;
}
.ys-fii-submit{
    width: 100%;
    background: transparent;
}
.ys-fii-submit .std-btn1-box{
    justify-content: center;
}
.ys-form-inof-submit{
    width: 100%;
    margin: 0;
    margin-top: 26px;
}
/* c4-产品心愿单-end */
/* d4-社区-start */
.community-tran-le{
    width: 48%;
}
.community-tran-le img{
    width: 100%;
}
.community-tran-ri{
    width: 52%;
    padding-left: 100px;
}
.community-tran-cont{
    display: flex;
    align-items: center;
}
.community-page h2{
    color: var(--color1e1);
    line-height: var(--line15);
    font-family: var(--medium) !important;
    margin-bottom: 28px;
}
.community-page h2 span{
    display: inline-block;
    color: transparent;
    background: var(--colorbj2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--line15);
    font-family: var(--bold) !important;
}
.community-tran .community-page-word{
    width: 84%;
}
.community-page-word p{
    line-height: var(--line16);
    color: var(--color8b8);
}
.community-page-word p span{
    display: inline-block;
    color: var(--colorbj);
}
.community-tran-ri .std-btn1{
    margin-top: var(--space50);
}
.community-latest{
    width: calc(100% - 120px);
    margin: 0 auto;
    border-radius: var(--radius40);
    overflow: hidden;
    background: #F5FCFF;
    position: relative;
    z-index: 1;
}
.community-latest-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
.community-latest-bg img:nth-child(1) {
    position: absolute;
    top: 5%;
    left: -27%;
    width: 80%;
    opacity: 0.3;
}
.community-latest-bg img:nth-child(2) {
    position: absolute;
    top: -55%;
    left: 45%;
    width: 100%;
    opacity: 0.5;
}
.community-latest .lcbu-le{
    padding: 0 16px;
    width: 33.333333%;
}
.community-latest .lcbu-le:nth-child(3n+1){
    animation-delay: 0.2s;
}
.community-latest .lcbu-le:nth-child(3n+2){
    animation-delay: 0.3s;
}
.community-latest .lcbu-le:nth-child(3n+3){
    animation-delay: 0.4s; 
}
.community-latest .list-cont-box-ule{
    margin: 0 -16px;
}
.list-page .lcbu-le-linke{
    height: 425px;
}
.lcbu-le-linke{
    border-radius: var(--radius20);
    height: 440px;
    overflow: hidden;
}
.lcbu-le-linke .ys-imgbox-cover{
    border-radius: var(--radius20);
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: inset(0px 0px 120px 0px round 20px);
    -webkit-clip-path: inset(0px 0px 120px 0px round 20px);
    -moz-clip-path: inset(0px 0px 120px 0px round 20px);
    -ms-clip-path: inset(0px 0px 120px 0px round 20px);
    -o-clip-path: inset(0px 0px 120px 0px round 20px);
    transition: clip-path .3s cubic-bezier(.4, .2, .4, 1);
    width: 100%;
}
.lcbu-le .ys-imgbox-cover::after{
    background: rgba(1, 19, 51, 0.3);
}
.community-latest .lcbu-le-cont::after{
    display: none;
}
.community-latest .mod-arrows{
    flex-shrink: 0;
}
.community-latest .llcl-par{
    padding-right: 20px;
}
.lcbu-le-cont-right{
    flex-shrink: 0;
}
.community-latest p.std-h5{
    margin-bottom: 8px;
}
.community-blog-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}
.community-blog h2{
    margin-bottom: 0px !important;
}
.cbsu-li .bbul-link-tit{
    line-height: var(--line14);
    height: 1.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cbsu-li-link-tp{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 24px;
}
.cbsu-li-link{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0 20px;
    border-left: solid 1px rgba(216, 217, 224, 1);
}
.cbsu-li:last-child .cbsu-li-link{
    border-right: solid 1px rgba(216, 217, 224, 1);
}
.cbsu-li-link .ys-imgbox-cover{
    flex-shrink: 0;
    font-size: 0;
    border-radius: var(--radius10);
}
.cbsu-li{
    height: auto !important;
}
.community-blog-swip-ul{
    display: flex;
    align-items: stretch;
}
.cllt-bot p{
    color: var(--color8b8);
    line-height: var(--line16);
    font-size: var(--font16);
}
.cllt-top{
    margin-bottom: 76px;
}
.community-blog-swip .swiper-container{
    overflow: visible !important;
    padding-bottom: 50px;
}
.community-blog .mod-arrows{
    position: relative;
    margin-top: 30px;
    justify-content: flex-end;
}
.community-blog .ys-cont1600{
    position: relative;
}
.swiper-button-disabled{
    opacity: 0.5;
    pointer-events: none;
}
.community-page .exhi-slide .swiper-slide{
    width: 468px;
}
.community-page .blog-cont-bg-sit{
    top: -20%;
    left: -58%;
}
.community-page .blog-cont-bg-right{
    right: -55%;
}
.swiper-slide-active.csbs-wrapp-slide, 
.community-page .swiper-slide-active.csbs-wrapp-slide{
    width: 592px; 
}
.community-page .esbu-le-link-par{
    line-height: var(--line15);
    height: 3em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transform-origin: left;
    transform: scale(0.8);
    transition: all .34s ease;
}
.community-page .swiper-slide-active.csbs-wrapp-slide .esbu-le-link-par{
    transform: scale(1);
}
.community-page .exhi-slide .swiper-container{
    min-height: 480px;
}
.community-page .esbu-le-link-pic .ys-imgbox-cover{
    position: relative;
    z-index: 1;
}
.community-page .esbu-le-link-pic .ys-imgbox-cover::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    background: rgba(49, 150, 233, 0.1);
}
.esbu-le-link-pic{
    position: relative;
}
.ellp-play{
    width: 48px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2;
}
.ellp-play img{
    width: 100%;
}
.ys-video-btn{
    cursor: pointer;
}
.community-page .community-blog-top{
    margin-bottom: var(--space40);
}
.community-page .exhi-slide h2{
    margin-bottom: 0px !important;
}
.community-more-ri{
    width: 59%;
    border-radius: var(--radius20);
    overflow: hidden;
}
.community-more-ri img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.community-more-le{
    width: 41%;
    padding-right: 10px;
}
.community-more-le-cont{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-radius: var(--radius20);
    background: var(--colorbj);
    padding: 60px 40px;
}
.community-more-wrap{
    display: flex;
    align-items: stretch;
}
.community-more-le-cont h2{
    color: var(--colorfff);
    margin-bottom: 16px;
}
.cmlt-word p{
    color: var(--colorfff);
}
.cmul-links{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:12px 0;
    position: relative;
}
.cmul-links::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height:1px;
    background: #fff;
    transition: all .4s ease;
}
.cmul-links-icon {
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
}
.cmul-links-icon img{
    width: 100%;
}
.cmul-links p{
    padding-right: 20px;
    width: 100%;
    font-family: var(--semibold) !important;
    color: var(--colorfff);
    font-size: var(--font20);
    line-height: var(--line15);
}
.community-page .community-more{
    padding-bottom: var(--space120);
}
/* d4-社区-end */
/* e1-与我们合作-start */
.partner-excl-top{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 60px;
}
.pesu-li.swiper-slide{
    width: 400px;
}
.partner-excl-swip-ul{
    display: flex;
    align-items: stretch;
}
.pesu-li{
    height: auto !important;
}
.pesu-li-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 24px;
    background: var(--colorfff);
    border-radius: var(--radius10);
    overflow: hidden;
    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.01), 0px 16px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.pesu-li-top-icon{
    width: 64px;
    flex-shrink: 0;
    margin-bottom: 16px;
    border-radius: 5px;
    overflow: hidden;
    background: #D8F8FA;
}
.pesu-li-top-icon img{
    width: 100%;
}
.pesu-li-top-text{
    color: var(--color1e1);
    line-height: var(--line14);
}
.pesu-li-word{
    margin-top: 66px;
}
.pesu-li-word p{
    color: var(--color8b8);
    line-height: var(--line15);
}
.partner-excl-swip #ys-swiper{
    overflow: visible !important;
}
.partner-page h2{
    color: var(--color1e1);
    line-height: var(--line15);
}
.partner-page h2 span{
    color: transparent;
    background: linear-gradient(93deg, color(display-p3 0.0729 0.7124 0.9117) 22.11%, color(display-p3 0.4306 0.8717 0.3923) 61.98%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.partner-excl .swiper-pagination{
    opacity: 0;
}
.partner-find .lcbu-le{
    width: 50%;
}
.partner-excl-swip .swiper-container{
    padding-bottom: 30px;
}
.partner-find .lcbu-le-linke{
    height:480px;
}
.partner-find .lcbu-le-cont{
    padding-right: 50px;
    padding-left: 50px;
}
.partner-faq-le{
    width: 42%;
    border-radius: var(--radius20);
    overflow: hidden;
}
.partner-faq-ri{
    width: 58%;
    padding-left: 60px;
}
.partner-faq-wrap{
    display: flex;
    align-items: flex-start;
}
.partner-page .mod-nyctact{
    padding-top: var(--space120);
}
.partner-page .mod-nyctact-tit{
    font-size: 120px;
    top: 50%;
}
.partner-page .product-list{
    padding: 0;
}
/* e1-与我们合作-end */
/* f1-Solavita Cloud--start */
.userware-real-le{
    width: 50%;
}
.userware-real-le h2{
    margin-bottom: 200px;
}
.userware-page h2{
    color: var(--color1e1);
    font-family: var(--medium) !important;
    line-height: 1.2;
}
.userware-page h2 span{
    line-height: 1.2;
    display: inline-block;
    background: var(--colorbj2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--semibold) !important;
}
.userware-real-text{
    margin-bottom: 20px;
    font-family: var(--semibold) !important;
}
.userware-word p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.userware-real-le .std-btn1{
    margin-top: var(--space40);
}
.userware-word{
    width: 85%;
}
.userware-real{
    position: relative;
    z-index: 1;
    padding-top: 218px;
}
.userware-real-pic{
    width: calc(1920px * 0.625);
    position: absolute;
    bottom:0;
    right: 0;
    z-index: -1;
    pointer-events: none
}
.userware-real-pic img{
    width: 100%;
}
.userware-page .mod-nyctact-tit{
    font-size: 160px;
}
.mod-nyctact-pic{
    pointer-events: none;
}
.mod-nyctact-tit span{
    display: inline-block;
    background:linear-gradient(98deg, #0F0 8.49%, #0FF 89.76%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.upul-cont-top{
    border-radius: var(--radius10);
    overflow:  hidden;
}
.userware-prod-ul-li{
    width: 33.333333%;
    padding: 0 22px;
}
.userware-prod-ul{
    margin: 0 -22px;
}
.upul-cont-top-text {
    color: var(--color1e1);
    line-height: var(--line14);
    margin-top: 24px;
}
.userware-page .mod-nyctact{
    padding-top: var(--space120);
}
.upul-cont-top{
    position: relative;
}
.upul-cont-top-icon{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--colorfff);
    position: absolute;
    bottom: 32px;
    right: 32px;
    z-index: 2;
    cursor: pointer;
    opacity: 1;
    transition: all .4s ease;
}
.upul-cont-top-icon::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: var(--colorbj);
}
.upul-cont-top-icon::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 2px;
    height: 14px;
    border-radius: 2px;
    background: var(--colorbj);
}
.upul-cont-top-btn{
    width: calc(100% - 36px);
    position: absolute;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 0;
    transition: all .4s ease;
}
.upul-cont-top-ul{
    display: flex;
    align-items: stretch;
    margin: 0 -10px;
}
.uctu-li{
    width: 50%;
    padding: 0 10px;
}
.uctu-li .std-btn1, .uctu-li .std-btn3{
    width: 100%;
}
.uctu-li .std-btn3.white p{
    text-align: center;
    line-height: 48px;
}
.uctu-li .std-btn3-box, .uctu-li .std-btn1-box{
    width: 100%;
    justify-content: center;
    padding: 0 20px;
    height: 100%;
}
.userware-page .product-cloud-le-box .ys-video-btn{
    position: absolute;
    right: 24px;
    bottom: 24px;
    width: 60px;
    height: 60px;
    z-index: 2;
    cursor: pointer;
}
.userware-page .product-cloud-le{
    width: 59%;
}
.userware-page .product-cloud-ri{
    width: 41%;
}
.userware-page .product-cloud-ri-cont h2{
    color: var(--colorfff);
}
.userware-page .pcrc-tab::after,
 .userware-page .pcrc-tab::before{
    width: 36%;
}
.product-cust-cont .std-btn2-box::before{
    border: solid 1px transparent;
}
.userware-multi .userware-word p{
    font-size: var(--font20);
    color: var(--color8b8);
}
.userware-multi-top h2, 
.userware-multi-top .userware-word{
    width: 50%;
}
.userware-multi-min{
    position: relative;
}
.userware-multi-pic{
    width: 85vw;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    padding-right: 140px;
}
.userware-multi-pic-img2{
    width: 60%;
    position: relative;
    margin-top: -6%;
}
.userware-multi-pic-img1 {
    width: 37.5%;
    position: absolute;
    top: -12%;
    left: 33%;
    transform: translateX(-50%);
    z-index: 2;
}
.userware-multi-img{
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.userware-multi-min{
    margin-top: var(--space100);
}
.userware-multi-min::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.userware-multi-img span{
    overflow: hidden;
    display: block;
    margin-bottom: var(--space50);
}
.userware-multi-img span:last-child{
    margin-bottom: 0px;
}
.userware-multi-img span img{
    width: 100%;
}
.userware-multi-img1{
    width:calc(1920px * 0.729);
    transform: translateX(-5%);
}
.userware-multi-img2{
    width: calc(1920px * 0.82);
    transform: translateX(12%);
}
.userware-multi-img3{
    width: calc(1920px * 0.57);
    transform: translateX(53%);
}
.userware-multi{
    padding-top: 267px;
}
.userware-multi-top h2{
    margin-bottom: 24px;
}
.userware-multi-bot{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 11%;
    z-index: 2;
}
.userware-multi{
    position: relative;
}
.userware-real-pic img{
    opacity: 0;
}
.userware-real.acts .userware-real-pic img{
    animation: leftUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.ys-left {
    animation: leftUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
@-webkit-keyframes leftUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 60px, 0);
        transform: translate3d(20px, 60px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes leftUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 60px, 0);
        transform: translate3d(20px, 60px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.userware-multi.acts .userware-multi-img-bj1{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.userware-multi.acts .userware-multi-img-bj2{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}
.userware-multi.acts .userware-multi-img-bj3{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.userware-page .blog-cont-bg-right{
    z-index: 1;
    pointer-events: none;
    top: 24%;
    right: -36%;
}
/* f1-Solavita Cloud--end */
/* e2-与我们合作-表单-start */
.form-cont{
    padding: 40px 0;
    width: calc(100% - 80px);
    margin:0 auto;
}
.form-cont-le{
    width: 59%;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
}
.slick-dots li{
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: rgba(255,255,255,0.3);
    border-radius: 0px;
}
.slick-dots li.slick-active{
    background: var(--colorbj);
}
.form-cont-le h1{
    font-size: var(--font64);
    color: var(--colorfff);
    line-height: var(--line12);
    font-family: var(--medium) !important;
    position: absolute;
    bottom:30px;
    left: 7.5vw;
    z-index: 2;
}
.form-cont-le h1 span{
    line-height: var(--line12);
    font-family: var(--bold) !important;
    background: linear-gradient(98deg, #0F0 8.49%, #0FF 89.76%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.form-cont .bookmark-min-ri{
    width: 41%;
    padding-left: 20px;
}
.form-cont-ri{
    height: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    background:  #F3FCFF;
    padding:60px 40px 20px 23px;
    box-shadow: 0px 4px 4.5px 0px rgba(0, 31, 130, 0.04), 0px 4px 40px 0px rgba(0, 31, 130, 0.04);
}
.form-cont-ri h2{
    text-align: center;
    margin-bottom: var(--space40);
}
.form-cont-ri-bot{
    position: absolute;
    bottom: 0;
    width: calc(100% - 80px);
    left: 50%;
    transform: translateX(-50%);
}
.form-cont-ri{
    position: relative;
}
.form-page .bookmark-page .ys-fii-name{
    color: var(--color8b8) !important;
}
.form-page .ys-form-inof-item label, .yfic-box{
    border-radius: var(--radius10) !important;
    padding: 0 20px;
    width: 100%;
}
.yfit-top{
    display: flex;
    width: 100%;
}
.form-page .ys-fic-auth-img{
    height: 60px;
    margin-left: 0px;
    margin-right: 20px;
    flex-shrink: 0;
}
.form-page .ys-form-inof-item input{
    height: 60px;
}
.form-cont-ri-top{
    max-height: 622px;
}
.form-cont-le-ul,
 .fclu-li,
  .form-cont-le-ul .slick-list, 
.form-cont-le-ul .slick-track, 
.fclu-li-box{
    height: 100%;
}
.fclu-li-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.form-page .ys-form-inof-item{
    display: flex;
    flex-wrap: wrap;
}
.form-page .ys-form-inof-item span{
    color: #f00;
    flex-shrink: 0;
    font-size:var(--font18);
    margin-right: 8px;
}
.form-page .ys-form-phone span{
    opacity: 0;
    pointer-events: none;
}
.form-page .ys-form-inof-code{
    padding-left: 17px;
}
.yfuc-ri{
    width: 100%;
    display: flex;
}
.form-page .ys-fic-auth{
    width: 100%;
}
.form-cont-ri-top .mCSB_container{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.form-cont-ri .ys-fii-tips{
    padding-left: 9px;
}
.yfii-list-item p{
    line-height: 58px;
    padding:0 8px;
    background: #fff;
    transition: all .4s;
    border-radius: var(--radius10);
    border: solid 1px #D8D9E2;
    text-align: center;
    color: var(--color1e1);
    font-size: var(--font16);
    position: relative;
    z-index: 1;
}
.yfii-list-item p::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    opacity: 0;
    transition: all .4s;
    border-radius: var(--radius10);
    z-index: -1;
    pointer-events: none;
}
.yfii-list-item{
    width: 25%;
    padding: 0 5px;
}
.yfii-list-item.on p{
    color: var(--colorfff);
}
.yfii-list-item.on p::after{
    opacity: 1;
}
.yfii-list{
    width: 100%;
    display: flex;
    margin: 0 -5px;
    margin-left: 8px;
}
/* e2-与我们合作-表单-end */
/* g1-联系我们-表单-start */
.ctatc-page h2{
    color: var(--color1e1);
    line-height: var(--line14);
    margin-bottom: var(--space40);
}
.ctact-local{
    position: relative;
}
.ctact-local-cont{
    width: 100%;
    position: relative;
    border-radius: var(--radius20);
    overflow: hidden;
}
.ctact-local-bg, .ctact-local-bg img{
    width: 100%;
}
.ctact-local-cry{
    width:38.25%;
    position: absolute;
    left: 40px;
    bottom: 40px;
    z-index: 2;
    border-radius:var(--radius10);
    background: rgba(0, 69, 134, 0.40);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 40px;
}
.ctact-local-cry h3{
    color: var(--colorfff);
}
.clcu-li-link{
    display: flex;
    align-items: flex-start;
}
.clcu-li-icon, .cbul-cry-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
    position: relative;
    top: 2px;
}
.cbul-cry-icon{
    position: relative;
    top: 3px;
}
.clcu-li-icon img{
    width: 100%;
}
.clcu-li-link p, .clcu-li-link p a{
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: var(--line16);
    display: inline-block;
}
.clcu-li{
    margin-bottom: 32px;
}
.clcu-li:last-child{
    margin-bottom: 0px;
}
.clci-uls{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.clci-uls-lis{
    width: 50%;
    padding: 0 10px;
    margin-top: var(--space50);
}
.culb-bot-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.culb-bot-ul-li{
    width: 50%;
    padding: 0 10px;
    margin-top: 20px;
}
.cbul-cry{
    display: flex;
    align-items: flex-start;
}
.cbul-cry p, .cbul-cry p a{
    color: var(--color8b8);
    font-size: var(--font16);
    line-height: var(--line16);
    display: inline-block;
}
.clci-uls-lis-box .ys-imgbox-cover{
    border-radius: var(--radius20);
    overflow: hidden;
}
.culb-bot{
    padding: 20px 20px 0;
}
.ctact-list-cry h2{
    margin-bottom: 0px !important;
}
.culb-bot-tit{
    font-family: var(--medium)!important;
}
.clci-uls-lis:nth-child(2n+1){
    animation-delay: 0.2s;
}
.clci-uls-lis:nth-child(2n+2){
    animation-delay: 0.3s;
}
.ctatc-page .ys-main{
    padding-bottom: var(--space120);
}
.ctact-list-cry-item{
    padding-top: var(--space100);
}
.ctact-list-cry-item:first-child{
    padding-top:0px;
}
.ctact-ri-word p{
    text-align: center;
    color: var(--color8b8);
    line-height: var(--line16);
}
.ctact-ri-word{
    width: 65%;
    margin: 0 auto 30px;
}
.ctact-ri-ul{
    display: flex;
    align-items: stretch;
    margin: 0 -5px;
}
.ctact-ri-ul-li{
    width: 50%;
    padding: 0 5px;
}
.crul-box{
    padding: 16px 24px;
    height: 100%;
    border: solid 1px #D8D9E2;
    border-radius: var(--radius10);
    background: var(--colorfff);
    box-shadow:  0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.crul-box-icon{
    width: 36px;
    margin-bottom: 16px;
}
.crul-box-icon img{
    width: 100%;
}
.crul-box p, .crul-box p a{
    display: block;
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color1e1);
}
.crul-box p{
    margin-bottom: 4px;
}
.crul-box p:last-child{
    margin-bottom: 0px;
}
.ctact-ri-new {
    width: calc(100% - 16px);
    margin-left: 16px;
    margin-bottom: 30px;
}
.ys-form-inof-item .yfit-top span{
    opacity: 0;
    pointer-events: all;
}
.ys-form-required .yfit-top span{
    opacity: 1 !important;
    pointer-events: all !important;
}
.icon-arrow-down:before {
    content: "\e7b2";
    color: var(--colorbj);
}
/* .form-cont-ri-top .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: transparent !important;
}
.form-cont-ri-top .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: transparent !important;
} */
.form-cont-ri-top .mCSB_outside+.mCSB_scrollTools {
    right: -53px !important;
}
.ys-form-inof-item .ys-select-bd .mCSB_outside+.mCSB_scrollTools {
    right: 0px !important;
}
.ys-form-inof-item .ys-select-li{
    width: 100%;
    font-size: var(--font16);
}
.ys-form-inof-item .ys-select-bd{
    max-height: 200px;
}
.form-page .ys-form-inof-item .ys-select-bd {
    width: calc(100% - 28px);
    left: calc(50% + 8px);
    transform: translateX(-50%);
    padding: 10px 0;
}
.ctatc-page .ys-fii-name{
    font-size: var(--font18);
}
.bookmark-page .ys-form-inof-item input{
    padding: 0 10px;
}
.ys-form-inof-text label{
    align-items: flex-start !important;
    flex-direction: column;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.ys-form-inof-text .ys-fii-input {
    height: 160px;
}
.ys-fii-input textarea{
    padding: 0px 0 10px !important;
}
.ctatc-page .form-cont-ri-top {
    max-height: 650px;
}
.form-cont-ri-bot{
    position: relative;
    z-index: 1;
}
.form-cont-ri-bot::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: calc(100% + 30px);
    background: #F3FCFF;
    z-index: -1;
}
.ctatc-page .form-cont-ri .ys-fii-tips {
    padding-left: 16px;
}
.ctatc-page .ys-form-inof-agree{
    padding-left: 22px;
}
/* g1-联系我们-表单-end */
/* c3-组件详情-start */
.group-pull-ul-li a{
    box-shadow: none !important;
}
.group-page .product-cloud{
    width: calc(100% - 120px);
    margin: var(--space120) auto 0;
    background: #F5FCFF;
    overflow: hidden;
    border-radius: var(--radius40);
    position: relative;
    z-index: 1;
}
.product-cloud-img1 {
    position: absolute;
    width: 100%;
    left: 62%;
    top: -50%;
    z-index: -1;
}
.group-mod-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space40);
}
.gpsu-li{
    width: 906px !important;
}
.group-pro-swip .swiper-container{
    overflow: visible !important;
    padding-bottom: 30px ;
}
.group-pro-swip .prtl-cont {
    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.01), 0px 16px 16px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.group-list .product-list-ul-li{
    width: 25%;
}
.group-list .product-list-ul-li .ys-imgbox-cover{
    width: 80px;
    margin: 0 auto 12px;
}
.group-list .product-list-ul-li p span{
    display: none;
}
.group-list .product-list-ul-li p span{
    width: 24px;
    margin-left: 16px;
}
.group-list .product-list-ul-li p span img{
    width: 100%;
}
.group-list .product-list-ul-li:first-child p span{
    display: inline-block;
}
.group-list{
    position: relative;
    z-index: 3;
}
.group-pro{
    position: relative;
    z-index: 1;
}
.group-pull{
    width: 100%;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    padding: 32px 24px;
    box-shadow:  0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
    display: none;
    z-index: 7;
}
.gpul-link{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0px !important;
}
.gpul-link-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
}
.gpul-link-icon img{
    width: 100%;
}
.gpul-link p{
    text-align: left !important;
    color: var(--color1e1);
    font-size: var(--font16);
    line-height: var(--line15);
    font-family: var(--medium) !important;
}
.group-pull-ul-li{
    margin-bottom: 24px;
}
.group-pull-ul-li:last-child{
    margin-bottom: 0px;
}
.group-list{
    overflow: visible !important;
}
.group-media{
    width: calc(100% - 80px);
    margin:0 auto;
}
.gmtl-box{
    width: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
}
.gmtl-cry{
    width: 42%;
    border-radius: var(--radius10);
    overflow: hidden;
    background: rgba(6, 45, 52, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: absolute;
    top: 136px;
    left: 69px;
    padding: 40px;
}
.gmtl-cry-tit{
    color: var(--colorfff);
    line-height: var(--line12);
    font-family: var(--medium) !important;
    margin-bottom: 24px;
}
.group-page .gmtl-cry-tit{
    font-size: var(--font32);
}
.gmtl-cry-word p{
    color: var(--colorfff);
    line-height: var(--line16);
}
.gmtl-cry-btn{
    margin-top: 24px;
    display: inline-block;
}
.gmtl-cry-btn-cont{
    display: flex;
    align-items: center;
    padding: 0 80px;
    border-radius: 80px;
    border: 1px solid  #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    cursor: pointer;
}
.gmtl-cry-btn-cont p{
    color: var(--colorfff);
    font-size: var(--font16);
    line-height:46px;
}
.group-media-tpul-li{
    width: 100%;
}
.group-media-tpul-li img{
    width: 100%;
}
.gcbc-icon{
    width: 24px;
    flex-shrink: 0;
    margin-left: 16px;
}
.gcbc-icon img{
    width: 100%;
}
.group-media{
    margin-top: 30px;
    position: relative;
}
.group-media-tpul-li{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    clip-path: inset(100% 0 0 0 );
    -webkit-clip-path: inset(100% 0 0 0 );
    transition: clip-path 1s , opacity .36s;
}
.group-media-tpul-li.start{
    position: relative;
    opacity: 1;
    pointer-events: all;
    clip-path: inset(0 0 0 0 );
    -webkit-clip-path: inset(0 0 0 0 );
    z-index: 2;
}
.group-media-tpul-li.act2 {
    opacity: 1 !important;
    clip-path: inset(0 0 0 0 ) !important;
    -webkit-clip-path: inset(0 0 0 0 ) !important;
}
.group-media-tpul-li.act2 .gmtl-pic img{
    transform: scale(1.02) !important;
}
.gmtl-pic img{
    transition:transform 1s;
}
.group-media-bot{
    position: absolute;
    left: 50%;
    bottom:40px;
    transform: translateX(-50%);
    z-index: 2;
}
.group-media-bot-ul{
    display: flex;
    margin: 0 -6px;
    justify-content: center;
}
.gmbu-li{
    padding: 0 6px;
}
.gmbu-li .ys-imgbox-cover{
    width: 140px;
    cursor: pointer;
    position: relative;
    border-radius: var(--radius10);
    overflow: hidden;
}
.gmbu-li .ys-imgbox-cover::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--colorbj2);
    opacity: 0;
    transition: all 0.4s;
    z-index: 2;
}
.gmbu-li .ys-imgbox-cover::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 101, 161, 0.3);
    transition: all 0.4s;
    z-index: 1;
    pointer-events: all;
}
.gmbu-li.act .ys-imgbox-cover::after{
    opacity: 1;
}
.group-core h2{
    color: var(--color1e1);
    line-height: var(--line12);
}
.group-core-bot{
    width: 100%;
}
.group-core-show-ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gcsu-li{
    width: 50%;
    margin-bottom: 80px;
}
.gcsu-li:nth-child(2n+2){
    display: flex;
    justify-content: flex-end;
}
.gcsu-li-box{
    width: 400px;
    padding: 32px 24px;
    background: var(--colorfff);
    border-radius: var(--radius10);
    overflow: hidden;
    box-shadow: 0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
}
.gcsu-li-icon{
    width: 64px;
    height: 64px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
    background: #D8F8FA;
}
.gcsu-li-icon img{
    width: 82%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.gcsu-li-tit{
    font-family: var(--medium) !important;
    color: var(--color1e1);
    line-height: var(--line14);
    margin-bottom: 24px;
    font-size: var(--font24);
}
.gcsu-li-word p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.group-core{
    padding-top: 218px;
    background: #F5FCFF;
    position: relative;
    z-index: 1;
}
.group-core-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    pointer-events: none;
}
.group-core-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mod-cont{
    position: relative;
}
.group-core h2{
    text-align: center;
}
.group-core-hide{
    width: 36%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.group-core-bot{
    position: relative;
}
.gchu-li-tit{
    text-align: center;
    font-family: var(--medium) !important;
    margin-top: 16px;
}
.gchu-li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.group-core .mod-arrows{
    position: absolute;
    width: 46%;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    justify-content: space-between;
    z-index: 2;
}
.gchu-li-pic img{
    width: 100%;
}
.group-core-hide-ul .slick-dots li{
    width: 120px;
    height: 2.4px;
    margin: 0 8px;
    border-radius: 5px;
    background: #D8D9E2;
}
.group-core-hide-ul .slick-dots li.slick-active{
    background: var(--colorbj2) !important;
}
.group-core-hide-ul .slick-list{
    padding-bottom: 58px;
}
.group-core-hide-ul .slick-dots{
    bottom: 0;
}
.group-core{
    padding-bottom: var(--space100);
}
.group-num-cry{
    border-radius: var(--radius20);
    background: rgba(245, 252, 255, 0.30);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 10px;
}
.group-num-ul-li{
    width: 25%;
}
.group-num-ul{
    display: flex;
    justify-content: space-around;
}
.gnul-box{
    position: relative;
    padding: 24px;
    transition: all .4s;
    border-radius: var(--radius10);
    overflow: hidden;
    z-index: 1;
}
.group-num{
    position: absolute;
    top: -42px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 6;
}
.group-num-ul-li .plul-bg{
    width: 100%;
    left: 60%;
}
.group-num-ul-li .plul-bg img{
    height: 100%;
    object-fit: cover;
    object-position: right;
}
.group-page .blog-cont-bg{
    z-index: 1;
}
.group-page .blog-cont-bg-right{
    top: 17%;
}
.gbmu-li-box{
    display: flex;
    align-items: center;
}
.gbm-li-icon{
    width: 44px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
}
.gbm-li-icon img{
    width: 100%;
}
.group-ban-min-ul{
    display: flex;
    flex-wrap: wrap;
}
.gbmu-li{
    width: 50%;
    margin-top: 20px;
}
.gbmu-li-box p{
    color: var(--colorfff);
    line-height: var(--line16);
    font-size: var(--font16);
}
.group-ban h1{
    margin-bottom: 12px;
    font-size: var(--font48);
}
.group-ban h1 span{
    font-size: var(--font64);
}
.group-ban .ys-pos-center{
    top: 50%;
    bottom: auto;
    transform: translate(-50%,-50%);
}
.group-ban-min{
    width: 50%;
}
.group-ban-btn{
    display: inline-block;
    margin-top: 80px;
}
.group-ban-btn .std-btn2-box{
    border: 1px solid  #FFF;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 0 98px;
}
.group-ban-btn .std-btn2-box::before{
    display: none;
}
.group-ban-btn .std-btn2-box p{
    color: var(--colorfff);
}
.group-ban-btn .prtl-fl-bt-add-img{
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.10);
    border: solid 1px #fff;
}
/* c3-组件详情-end */
/* k1-加入我们-start */
.join-page h2 span{
    margin-bottom: 0px !important;
}
.join-page .product-inver-top h2{
    display: initial;
}
.join-page .product-inver{
    height: calc(100vh - var(--headx));
}
.join-page .product-inver-top {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.join-word p{
    color: var(--color8b8);
    line-height: 1.6;
    text-align: center;
}
.join-word{
    width: 83%;
    margin: 0 auto;
}
.join-top-bot{
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
}
.join-top-bot span{
    display: inline-block;
    width: 24px;
    position: relative;
}
.join-top-bot span::before {
    content: "";
    width: 10vw;
    height: 1px;
    position: absolute;
    left: 136%;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(to left, rgba(25, 171, 182, 0) 0%, rgba(25, 171, 182, 1) 100%);
}
.join-top-bot span::after {
    content: "";
    width: 10vw;
    height: 1px;
    position: absolute;
    right: 136%;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(to right, rgba(25, 171, 182, 0) 0%, rgba(25, 171, 182, 1) 100%);
}
.join-top{
    background: #F6FCFF;
}
.join-page .blog-cont-bg{
    pointer-events: none;
    z-index: 2;
}
.join-change{
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 100vh;
    overflow: hidden;
    position: relative;
    border-radius: var(--radius20);
}
.join-change-le, .join-change-ri{
    height: 100%;
    overflow: hidden;
}
.join-change-pic, .join-change-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join-change-pic::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.20);
    z-index: 0;
    pointer-events: none;
    opacity: 1;
    transition: all .4s ease;
}
.join-change-le{
    width: 62.5%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.join-change-ri{
    width: 62.5%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    border-radius: var(--radius20);
    overflow: hidden;
}
.join-change-tit{
    color: #fff;
    width: 56%;
    position: absolute;
    top: 50%;
    z-index: 3;
    transition: all .6s ease;
    text-align: center;
    transform: translateY(-50%);
}
.join-change-pic{
    position: relative;
    border-radius: var(--radius20);
    overflow: hidden;
}
.join-change-ri.on .join-change-pic{
    clip-path: inset(0 0 0 0 round var(--radius20));
    -webkit-clip-path: inset(0 0 0 0 round var(--radius20));
}
.join-change-ri .join-change-pic{
    clip-path: inset(0 0 0 38% round var(--radius20));
    -webkit-clip-path: inset(0 0 0 38% round var(--radius20));
    transition: all .6s ease; 
}
/* .join-change-ri.on1 .join-change-pic{
    clip-path: inset(0 0 0 38% round var(--radius20));
    -webkit-clip-path: inset(0 0 0 38% round var(--radius20));
} */
.join-change-le .join-change-tit{
    left: 0px
}
.join-change-ri .join-change-tit{
    right: 0px
}
.join-change-ri .join-change-tit{
    opacity: 0;
}
.join-change-bot .join-change-tit{
    opacity: 1 !important;
    position: relative;
    left: auto;
    top: auto;
    transform: inherit;
    width: 100% !important;
    right: auto !important;
}
.join-change-bot{
    width: 47%;
    position: absolute;
    bottom: 40px;
    right:80px;
    z-index: 4;
    padding: 32px 40px;
    border-radius: var(--radius10);
    overflow: hidden;
    background: rgba(5, 45, 52, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.join-change-le .join-change-bot{
    right: auto;
    left: 80px;
}
.join-change-bot-word p{
    color: var(--colorfff);
    line-height: var(--line16);
}
.join-change-bot-word{
    margin-top: 20px;
}
.join-change-bot .std-btn3, .join-change-bot .std-btn3-box{
    width: 100%;
}
.join-change-bot .std-btn3 p{
    text-align: center;
}
.join-change-bot .std-btn3{
    margin-top: 40px;
}
.career-vacan-locat .ys-select-li:hover{
    color: var(--colormain);
}
.career-vacan{
    padding: var(--space120) 0;
    background: #F5FCFF;
}
.career-vacan h2{
    text-align: center;
    font-size: var(--font48);
    margin-bottom: var(--space40);
}
.career-team-word p{
    color: var(--color8b8);
    font-size: var(--font18);
    line-height: var(--line16);
    text-align: center;
}
.career-team-word{
    margin-bottom: 85px;
}
.career-main section{
    overflow: hidden;
}
.career-vacan{
    overflow: visible !important;
}
.career-vacan-le .std-btn3-box p{
    line-height: 54px;
}
.career-vacan-wrap{
    display: flex;
    align-items: flex-start;
}
.career-vacan-le{
    width: 19.5%;
    position: sticky;
    top: calc(var(--headx) + 40px);
}
.career-vacan-ri{
    width: 80.5%;
    padding-left: 100px;
}
.career-vacan-le-sear{
    width: 100%;
}
.cvls-cry{
    position: relative;
    border-radius: 80px;
    border: 1px solid rgba(108, 118, 118, 0.20);
    overflow: hidden;
    padding: 0 24px;
    margin-bottom: 12px;
}
.cvls-cry-icon{
    width: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    cursor: pointer;
    z-index: 2;
}
.cvls-cry-icon img{
    width: 100%;
}
.cvls-cry-input{
    width: 100%;
    position: relative;
    padding-left: 40px;
}
.cvls-cry-input input{
    width: 100%;
    height: 54px;
    font-size: var(--font16);
    line-height: 1.6;
    color: var(--color8b8);
}
.cvls-cry-input input::placeholder{
    color: var(--color1e1);
}
.career-vacan-le-sear .std-btn1{
    width: 100%;
    display: block;
}
.career-vacan-le-sear .std-btn1-link{
    padding: 11px 13px 11px 26px;
    height: 50px;
}
.career-vacan-locat{
    position: relative;
    border-radius: 80px;
    border: 1px solid rgba(108, 118, 118, 0.20);
}
.career-vacan-locat-icon{
    width: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
}
.career-vacan-locat{
    margin-top: 12px;
}
.career-vacan-locat .ys-select{
    height: 54px;
    padding: 0 26px 0 64px;
}
.career-vacan-locat .icon-arrow-down:before {
    font-size: 12px;
    color: #18ABB6;
}
.career-vacan-locat .ys-select-bd{
    border: 1px solid rgba(108, 118, 118, 0.20);
    background: #F8F8F8;
    padding: 10px 26px;
    margin-top: 5px;
    border-radius: 24px;
    max-height: 120px;
}
.career-vacan-locat .ys-select-li {
    cursor: pointer;
    font-size: 14px;
    line-height: 1.75;
    color: var(--colortitle);
    transition: all .4s ease;
}
.career-vacan-locat .mCSB-outside+.mCSB-scrollTools {
    right: 0;
    top: 5px;
    bottom: 5px;
}
.cvru-li-tp{
    cursor: pointer;
    border-radius: var(--radius10);
    background:#FFF;
    box-shadow: 0px 8px 12px 0px rgba(0, 53, 75, 0.12);
    display: flex;
    align-items: center;
    padding: 20px 40px;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    position: relative;
}
.cvru-li-tp::after{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius10);
    background: var(--colorbj2);
    z-index: -1;
    opacity: 0;
    transition: all .36s;
}
.cvru-li.act .cvru-li-tp::after{
    opacity: 1;
}
.cvru-li-tp-tit{
    width: 44%;
    font-size: var(--font18);
    color: var(--color1e1);
    transition: all .36s;
    line-height: 1.4;
}
.cvru-li.act .cvru-li-tp-tit, 
.cvru-li.act .cltl-box p{
    color: var(--colorfff);
}
.cltl-box{
    display: flex;
    align-items: center;
}
.cltl-box p{
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--color1e1);
    transition: all .36s;
}
.cltl-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
    position: relative;
}
.cltl-icon img{
    width: 100%;
    transition: all .4s;
}
.cltl-icon img:nth-child(1){
    opacity: 0;
}
.cltl-icon img:nth-child(2){
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.cvru-li.act .cltl-icon img:nth-child(2){
    opacity: 0;
}
.cvru-li.act .cltl-icon img:nth-child(1){
    opacity: 1;
}
.cvru-li{
    margin-bottom: 20px;
}
.cvru-li:last-child{
    margin-bottom: 0px;
}
.cvru-li-tp-list{
    width: 21%;
}
.cvru-li-tp-icon{
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 50%;
    transition: all .4s;
    background: transparent;
    border: solid 1px  var(--colorbj);
}
.cvru-li-tp-icon::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40%;
    height: 1px;
    background: var(--colorbj);
    transition: all .4s;
}
.cvru-li-tp-icon::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1px;
    height: 40%;
    background: var(--colorbj);
    transition: all .4s;
}
.cvru-li.act .cvru-li-tp-icon{
    background: var(--colorfff);
    border: solid 1px #fff;
}
.cvru-li.act .cvru-li-tp-icon::after, .cvru-li.act .cvru-li-tp-icon::before{
    background: var(--colorbj);
    transform: translate(-50%,-50%) rotate(45deg);
}
.avru-li-btm-tit{
    margin-bottom: 21px;
    color: var(--colortitle);
    line-height: var(--l1h3);
}
.avru-li-btm{
    border-radius: 0 0 20px 20px;
    background: var(--colorfff);
    padding: 70px 50px 20px;
    margin-top: -20px;
}
.avru-li-btm-ul{
    display: flex;
    margin: 0 -30px 50px;
}
.albu-li{
    padding: 0 30px;
}
.albu-li-box{
    display: flex;
    align-items: center;
}
.albu-li-text p{
    color: var(--colorbj);
    line-height: var(--line16);
}
.albu-li-text{
    margin-right: 16px;
    flex-shrink: 0;
}
.albu-li-word p{
   color: var(--color8b8);
   line-height: var(--line16); 
}
.avru-li-btm-edr p{
    color: var(--color8b8);
    line-height: var(--line16);
    font-size: var(--font16);
    margin-bottom:13px;
}
.avru-li-btm-edr h5{
    color: var(--colorbj);
    line-height: var(--line16);
    font-size: var(--font18);
    margin-bottom: 12px;
}
.avru-li-btm-edr{
    margin-bottom: 27px;
}
.avru-li-btm-btn{
    display: flex;
    justify-content: flex-end;
}
.avru-li-btm-btn .std-btn1-link {
    height: 50px;
    min-width: 310px;
    padding: 11px 16px 11px 32px;
}
.avru-li-btm{
    display: none;
}
.join-enjoy-le{
    width: 47.5%;
}
.join-enjoy-le-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.jelu-li{
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.jelu-li.on{
    width: 100%;
}
.jelu-li-box{
    padding: 32px;
    transition: all .4s;
    background: transparent;
    border: 1px solid rgba(139, 141, 153, 0.20);
    backdrop-filter: blur(5px);
    border-radius: var(--radius10);
}
.jelu-li-icon{
    width: 48px;
    height: 48px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    background: #D8F8FA;
    margin-bottom: 16px;
}
.jelu-li-icon-tit{
    color: var(--color1e1);
}
.jelu-li-icon img{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.join-enjoy-wrap{
    position: relative;
    z-index: 1;
}
.join-enjoy-ri{
    width: 63.75%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}
.join-slide-swip .swiper-slide{
    width: auto;
    height: 480px;
    border-radius: var(--radius20);
    overflow: hidden;
}
.join-slide-swip .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join-slide-swip .swiper-slide:nth-child(2n-1){
    transform: translateY(-50px);
}
.join-slide-swip .swiper-container{
    overflow: visible !important;
}
.join-slide-word p{
    color: var(--color8b8);
}
.join-slide-word{
    margin-top: 24px;
}
.join-page .blog-cont-bg-sit{
    top: 13%;
}
.join-page .blog-cont-bg-right{
    top: 21%;
}
.join-page .blog-cont-bg-left{
    top: 50%;
}
.join-slide h2{
    margin-top: 40px;
}
.std-btn1 .std-btn3, .std-btn1 .std-btn3-box{
    width: 100%;
}
.std-btn1 .std-btn3-box p{
    text-align: center;
}
.join-slide{
    padding-top: 220px;
}
.home-mode-bg video{
    background: transparent !important;
}
/* k1-加入我们-end */
/* c2-逆变器详情-start */
.mod-nyctact{
    width: 100%;
    position: relative;
}
.mod-nyctact-pic img{
    width: 100%;
}
.mod-nyctact-pic img:nth-child(1){
    position: relative;
    z-index: 1;
}
.mod-nyctact-pic img:nth-child(2){
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}
.mod-nyctact-tit{
    width: 100%;
    padding: 0 7.5vw;
    position: absolute;
    top: 46.5%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    font-size: 160px;
    line-height: var(--line12);
    color: var(--colorfff);
    font-family: var(--bold) !important;
    text-align: center;
}
.mod-nyctact-pic{
    width: 100%;
    position: relative;
}
.prodet-page .join-change-le .join-change-tit{
    text-align: center;
}
.hsul-hide{
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 24px;
    transition-delay: 0.3s;
    z-index: 2;
}
.hsul-box{
    height: 600px;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
}
.hsul-pic, .hsul-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hsul-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 30px 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.hsul-tit{
    position: absolute;
    bottom:30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 100%;
    padding: 0 24px;
}
.hsul-tit{
    color: var(--colorfff);
}
.prodet-page .mod-nyctact{
    margin-top: var(--space120);
}
.home-swip{
    width: calc(100% - 120px);
    overflow: hidden;
    background: #F5FCFF;
    border-radius: var(--radius40);
    margin: 0 auto;
}
.hsul-top .upul-cont-top-icon {
    position: absolute;
    bottom: auto;
    right: 24px;
    transform: inherit;
    top: 32px;
}
.home-swip-wrap{
    overflow: visible !important;
    padding-bottom: 40px !important;
}
.hsul-pic{
    position: relative;
    z-index: 1;
}
.hsul-pic::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(48, 48, 48, 0.1);
    pointer-events: none;
}
.hsul-pic::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    pointer-events: none;
    opacity: 0.6;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
    opacity: 0.6;
    pointer-events: none;
}
.home-swip{
    margin-top: var(--space100);
}
.home-swip h2{
    text-align: center;
}
.prodet-hide{
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom:50px;
    right: 50px;
    display: flex;
    align-items: stretch;
    margin: 0 -10px;
}
.prodet-hide-list{
    padding: 0 10px;
}
.prodet-hide-list-cont{
    width: 370px;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 20px;
}
.join-change-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-bottom: 20px;
}
.join-change-icon img{
    width: 100%;
}
.join-change-list.on .prodet-hide{
    opacity: 1;
    pointer-events: all;
}
.join-change-list.on .join-change-tit {
    opacity: 1;
    width: 100%;
    text-align: center;
    right: 0;
}
.join-change-list.on .prodet-hide-list-cont{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.join-change-list{
    width: 63%;
}
.join-change-list.on{
    /* width: 62.5%; */
}
.join-change-list{
    transition: all .36s;
}
.join-change-le .prodet-hide{
    right: auto;
    left: 50px;
}
.pbul-pic img{
    width: 100%;
}
.pbul-box{
    border-radius: var(--radius20);
    overflow: hidden;
}
.prodet-ban-ul-li{
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.prodet-ban-ul-li.on{
    width: 100%;
}
.prodet-ban-ul{
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}
.pbul-pic{
    position: relative;
}
.prodet-page .news-bg-pico{
    top: 0;
}
.prodet-ban-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.prodet-ban-top h1{
    color: var(--color1e1);
    font-family: var(--bold) !important;
    margin-bottom: 32px;
}
.prodet-ban-top h1 span{
    color: var(--colorbj);
    margin-top: 10px;
    font-family: var(--bold) !important;
    line-height: var(--line12);
   display: block; 
   font-size: var(--font32) !important;
   font-family: 'Chuangwei-Regular' !important;
}
.prodet-ban-word{
    width: 72.5%;
    margin-bottom: 60px;
}
.prodet-ban-word p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.pbul-box-tit {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    z-index: 2;
    font-size: var(--font48);
    display: block;
    width: calc(100% - 100px);
    font-size: var(--font48);
    color: var(--colorfff);
    font-family: var(--semibold) !important;
    line-height: var(--line15);
}
.pbul-box-tit span{
    font-size: var(--font48);
    background: linear-gradient(98deg, #0F0 8.49%, #0FF 89.76%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--line12);
    display: inline-block;
}
.pblu-li-media{
    position: relative;
}
.pblu-li-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.psul-box-le-ul, .pblu-li-box, .pblu-li-media{
    height: 100%;
}
.prodet-ban{
    padding-top: var(--headx);
}
.psul-box{
    display: flex;
    align-items: stretch;
    background: var(--colorbj);
    border-radius: var(--radius20);
    overflow: hidden;
}
.psul-box-le, .psul-box-ri{
    width: 50%;
}
.psul-box-le{
    border-radius: var(--radius20);
    overflow: hidden;
}
.psul-box-ri-word p{
    color: rgba(255, 255, 255, 0.70);
    line-height: var(--line16);
    font-size: var(--font24);
}
.psul-box-ri-word p span{
    color: var(--colorfff);
}
.psul-box-ri-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.pbru-li-li{
    width: 50%;
    padding: 0 10px;
    margin-bottom: 16px;
}
.psul-box-ri {
    padding: 90px 60px 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../images/a1_bg_01.png) center no-repeat;
    background-position: 50% 5%;
    background-size: 200%;
}
.pblu-li-box{
    position: relative;
}
.pbru-li-li-box{
    padding: 20px;
    border: solid 1px #fff;
    border-radius: var(--radius10);
    overflow: hidden;
    cursor: pointer;
}
.pbru-li-box-pic{
    width: 24px;
    margin-bottom: 16px;
}
.pbru-li-box-pic img{
    width: 100%;
}
.pbru-li-box-text p, .prodet-box-cry-tit, .prodet-box-cry-word p{
    color: var(--colorfff);
}
.pbru-li-box-text p{
    font-size: var(--font18);
    line-height: var(--line16);
}
.prodet-safe-ul-li:nth-child(2n) .psul-box{
    flex-direction: row-reverse;
}
.psul-tit{
    font-size: var(--font48);
    line-height: var(--line12);
    color: var(--color1e1);
    margin-bottom: var(--space40);
    font-family: var(--medium) !important;
}
.prodet-safe-ul-li{
    margin-top: var(--space120);
}
.prodet-safe-ul-li:first-child{
    margin-top:0px;
}
.prodet-safe{
    padding-top: var(--space120);
}
 .prodet-ban-ul-li.on .prodet-box-icon 
 /* .prodet-ban-ul-li.on .pbul-box-tit */
 {
    display: none;
}
.prodet-ban-ul-li.on .pbul-box-tit{
    top: 200px;
    width: calc(100% - 140px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.80) 0%, #DDF2FE 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.prodet-box-cry{
    position: absolute;
    bottom: 40px;
    left: 70px;
    border-radius: 10px;
    background: rgba(212, 224, 237, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.prodet-box-cry-tit{
    font-size: var(--font32);
    margin-bottom: 20px;
    /*display: none;*/
}
.prodet-box-cry-word p{
    font-size: var(--font16);
    line-height: var(--line16);
}
.pbul-box{
    position: relative;
}
.prodet-box-cry {
    width: 87%;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    background: rgba(212, 224, 237, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 2;
    padding: 32px;
}
.prodet-ban-ul-li.on .prodet-box-cry {
    width: 43.125%;
    bottom: 40px;
    left: 70px;
    transform:inherit
}
.prodet-box-icon{
    width: 48px;
    margin-bottom: 16px;
}
.prodet-box-icon img{
    width: 100%;
}
.prodet-ban-ri{
    width: 26.25%;
}
.prodet-ban-ri .prtl-fl-bt-add-img{
    border: solid 1px var(--colorbj);
}
/* c2-逆变器详情-end */
/* b1-商业解决方案-start */
.solu-page .home-swip, 
.solu-page .userware-prod{
    position: relative;
    z-index: 1;
}
.home-swip-bg, .userware-prod-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}
.userware-prod-bg{
    width: 50%;
    height: auto;
    top: 0;
}
.userware-prod-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-swip-bg1 {
    position: absolute;
    right: -60%;
    top: 24%;
    transform: translateY(-50%);
    width: 100%;
}
.home-swip-bg2{
    position: absolute;
    left: -60%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.solu-page .group-media-bot {
    position: absolute;
    left: auto;
    bottom: auto;
    top: 50%;
    right: 102px;
    transform: translateY(-50%);
    z-index: 2;
}
.solu-page .group-media-bot-ul{
    display: flex;
    flex-direction: column;
}
.solu-page .gmbu-li{
    margin-bottom: 12px;
}
.solu-page .gmbu-li:last-child{
    margin-bottom: 0px;
}
.solu-page .gmbu-li .ys-imgbox-cover::before{
    display: none;
}
.solu-media-pic{
    width: 72px;
    margin:0 auto 40px;
}
.solu-page .home-swip{
    height: auto !important;
}
.solu-page .gmtl-cry{
    width: 380px;
    left: 100px;
    bottom:40px;
    top: auto;
    padding: 40px 20px;
    z-index: 2;
    transition: all .4s ease;
    transition-delay: 0s;
}
.solu-page .gmtl-cry-tit{
    text-align: center;
    margin-bottom: 20px;
}
.solu-page .gmtl-cry-word p{
    text-align: center;
}
.solu-page .gmtl-cry .std-btn1{
    margin-top: 40px;
    width: 100%;
}
.solu-page .product-inver-top-tit{
    width: 54%;
}
.userware-prod-ul{
    clear: both;
}
.userware-prod-ul-li{
    display: block !important;
    float: left;
}
.solu-page .gmtl-cry .std-btn1-box{
    width: 100%;
    justify-content: center;
}
.solu-page .product-inver h2{
    color: var(--color1e1) ;
    font-size: var(--font80);
    line-height: var(--line12);
    font-family: var(--bold) !important;
}
.solu-page .product-inver h2 span{
    display: initial;
    background: #E0E1E7 -webkit-linear-gradient(left, rgba(19, 182, 232, 1) 0%, rgba(110, 222, 100, 1) 62.39%) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%;
}

.solu-page .product-inver .join-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.solu-page .product-inver {
    height: calc(100vh - 0px);
}
.solu-page .product-inver .join-word{
    width: calc(1920px * 0.34);
    position: absolute;
    left: 50%;
    bottom:146px;
    transform: translateX(-50%);
    z-index: 2;
}
.solu-page .product-inver2 .product-inver-top h2 {
    text-align: center;
    font-size: var(--font80);
    line-height: var(--line12);
    color: rgba(139, 141, 152, 1);
    padding: 187px 0 200px;
    font-family: var(--bold) !important;
    display: initial;
    background: rgba(139, 141, 152, 1) -webkit-linear-gradient(left, rgba(30, 31, 36, 1) 0%, rgba(30, 31, 36, 1) 62.39%) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%;
    /* display: inline-block; */
}
.solu-page .product-inver2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.solu-page .csli-box{
    height: 900px;
    position:relative;
}
.csli-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solu-page .casedet-switch-list-item{
    width: 10%;
}
.solu-page .casedet-switch-list-item.on{
    width: 70%;
}
.solu-page .casedet-switch{
    width: calc(100% - 80px);
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.csli-box-pic{
    width: 100%;
    height: 100%;
    position: relative;
}
.csli-box-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.casedet-switch-list-item .gmtl-cry{
    opacity: 0;
    pointer-events: none;
}
.casedet-switch-list-item.on .gmtl-cry{
    opacity: 1;
    pointer-events: all;
    transition-delay: .6s;
}
.casedet-switch-list-item.on .csli-box-title{
    pointer-events: none;
    /* transform: translateX(-50%) rotate(0deg); */
    opacity: 0;
}
.csli-box-title{
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colorfff);
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    padding-left: 30px;
    z-index: 12;
    width: 100%;
    white-space:nowrap;
    opacity: 1;
    /* transition: all .6s ease; */
}
.csli-box-title::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: solid 1px #fff;
}
.product-inver-tp.join-top{
    background: transparent !important;
}
.solu-page .csli-box::after{
    background: rgba(0, 40, 75, 0.20);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    z-index: 9;
}
.hsul-hide-tps{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hsul-hide-tps p{
    width: 50%;
    color: var(--colorfff);
    font-size: var(--font14);
    line-height: var(--line12);
    text-align: left !important;
    margin-bottom: 0px !important;
}
.hsul-hide-tps span{
    display: inline-block;
    color: #fff;
    line-height: var(--line15);
    font-family: var(--medium) !important;
    font-size: var(--font32);
}
.hsul-hide-ri .hsul-hide-ri-bot:first-child{
    margin-bottom: 20px;
}
/* b1-商业解决方案-end */
/* c5-EPC服务-start */
.epc-page h2{
    font-family: var(--medium) !important;
    color: var(--color1e1);
    line-height: var(--line12);
}
.epc-page H2 span{
    line-height: var(--line12);
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.elul-box{
    display: flex;
    align-items: stretch;
}
.elul-ri{
    width: 65%;
    border-radius: var(--radius20);
    overflow: hidden;
    position: relative;
}
.elul-ri img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.elul-le{
    width: 35%;
    padding-right: 20px;
}
.elul-le-cont{
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    background: #F3FCFF;
    box-shadow: 0px 4px 4.5px 0px rgba(0, 31, 130, 0.04), 0px 4px 40px 0px rgba(0, 31, 130, 0.04);
}
.epc-page .product-inver .join-word {
    width:100% !important;
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: inherit !important;
    z-index: 2;
    margin: 84px auto 0;
}
.elul-le-tit{
    line-height: 1.3;
    color: var(--color1e1);
    margin-bottom: 24px;
}
.elul-le-word p{
    color: var(--color8b8);
    line-height: var(--line16);
}
.elul-le-word{
    margin-bottom: 24px;
}
.epc-page .pbru-li-box-pic{
    width: 48px;
    height: 48px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    margin-right:16px;
    margin-bottom: 0px;
    background: #D8F8FA;
}
.epc-page .pbru-li-box-pic img{
    width: 66%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.epc-page .pbru-li-li-box{
    display: flex;
    align-items: center;
    border: solid 1px #D8D9E2;
    padding: 16px 10px;
}
.epc-page .pbru-li-li-box p{
    color: var(--color1e1);
    font-size: var(--font18);
}
.epc-page .pbru-li-li.on {
    width: 100%;
}
.epc-list-ul-li{
    margin-bottom: 40px;
}
.epc-list-ul-li:last-child{
    margin-bottom: 0px;
}
.epc-list-ul-li:nth-child(2n) .elul-box{
    flex-direction: row-reverse;
}
.epc-list-ul-li:nth-child(2n) .elul-le{
    padding-right: 0px !important;
    padding-left: 20px;
}
.epc-conv{
    width: calc(100% - 80px);
    margin: 0 auto;
}
.epc-conv .elul-box{
    flex-direction: row-reverse;
}
.epc-conv .elul-le{
    width: 42%;
    padding-right:0px !important;
    padding-left: 20px !important;
}
.epc-conv .elul-ri{
    width:58%;  
}
.elul-ri-ul-li{
    display: none;
}
.elul-ri-ul-li:first-child{
    display: block;
}
.epc-conv .elul-le-tit{
    color: #fff;
    margin-bottom: 40px;
}
.epc-conv .elul-le-word p{
    color: var(--colorfff);
}
.epc-conv .elul-le-cont{
    background: var(--colorbj);
    padding-top: var(--space100);
}
.epc-conv .pbru-li-li{
    width: 100%;
}
.epc-conv .pbru-li-box-text p{
    font-size: var(--font20);
    color: var(--colorfff);
    transition: all .4s;
}
.pbru-li-box-text p span{
    color: var(--colorfff);
    transition: all .4s;
    font-size: var(--font16);
}
.erul-pic img{
    width: 100%;
}
.pbru-li-li-box{
    transition: all .4s;
}
.epc-conv  .psul-box-ri-ul{
    width: 100%;
}
.elul-ri-ul, .elul-ri-ul-li, .epc-conv .erul-pic{
    height: 100%;
}
.epc-conv .erul-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* c5-EPC服务-end */
/* 首页-start */
.ys-ban-title{
    font-size: var(--font64);
    text-align: center;
    color: var(--colorfff);
    font-family: var(--medium) !important;
    line-height: var(--line12);
    border-radius: var(--radius10);
    overflow: hidden;
}
.home-main h2{
    font-family: var(--medium) !important;
    color: var(--color1e1);
    line-height: var(--line12);
}
.ys-ban-title span, .home-main h2 span{
    line-height: var(--line12);
    display: inline-block;
    background: linear-gradient(98deg, #0F0 8.49%, #0FF 89.76%);
    -webkit-text-fill-color: transparent;
    font-family: var(--bold) !important;
    background-clip: text;
    -webkit-background-clip: text;
} 
.ys-ban-word{
    width: 55%;
    margin: 20px auto 0;
}
.ys-ban-word p{
    color: var(--colorfff);
    line-height: var(--line175);
    font-size: var(--font18);
    text-align: center;
}
.ys-ban-btn{
    display: flex;
    justify-content: center;
    margin-top: var(--space50);
}
.ys-ban-li.slick-active .ys-ban-title{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}
.ys-ban-li.slick-active .ys-ban-word{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.ys-ban-li.slick-active .ys-ban-btn{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.5s;
}
.ys-ban-slick .slick-dots{
    bottom: 40px;
}
.ys-ban-slick .slick-dots li{
    width: 60px;
    height: 2px;
    margin: 0 5px;
    background: rgba(255,255,255,0.3);
}
.ys-ban-slick .slick-dots li.slick-active{
    background: var(--colorbj2);
}
.home-ctact{
    width: 100%;
    position: relative;
}
.home-ctact-bg, .home-ctact-bg img{
    width: 100%;
}
.home-ctact-cry{
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.home-ctact-cry h2{
    text-align: center;
    color: var(--color1e1);
    line-height: var(--line12);
    font-family: var(--medium) !important;
}
.home-ctact-cry h2 span, .join-page h2 span{
    display: inline-block;
    line-height: var(--line12);
    background: linear-gradient(102deg, rgba(19, 182, 232, 1) 57.19%, rgba(110, 222, 100, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--bold) !important;
    margin-bottom: 24px;
}
.home-ctact-cry-word p{
    color: var(--color8b8);
    line-height: var(--line175);
    text-align: center;
    font-size: var(--font20);
}
.home-ctact-cry-btn{
    display: flex;
    justify-content: center;
}
.home-ctact-cry-btn{
    margin-top: 80px;
}
.ys-cont1720{
    width: 85vw;
    max-width: 1720px;
    margin: 0 auto;
}
.home-main .home-switch-ul-li.on {
    width: 37%;
}
.home-main .home-switch-ul-li{
    width: 15.75%;
}
.home-ctact-cry-btn .std-btn3-box p{
    line-height:64px;
    font-size: var(--font20);
}
.home-ctact-cry-btn .std-btn3-box{
    padding: 0 80px;
}
.home-switch-tab p{
    text-align: center;
    font-size: var(--font18);
    line-height: var(--line175);
    color: var(--color1e1);
    position: relative;
    padding-left: 24px;
    display: inline-block;
}
.home-switch-tab p::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
}
.home-switch-tab{
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.home-mode-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.home-mode-bg #scrolly-video {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    height: calc(100vh - var(--headx) / 2) !important;
    top: calc(var(--headx) / 2) !important;
    height: calc(100vh - 0px) !important;
    top: 0px !important;
    left: 0;
    font-size: 0;
    background: transparent;
    border: 0;
    margin-top:0;
}
.scrolly-video-container {
    height: 100vh;
    display: flex;
    align-items: center;
}
.home-mode {
    height: 600vh;
    /* margin-top: -100vh; */
    position: relative;
}
.home-mode{
    overflow: visible !important;
}
.home-new-top{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.home-new .home-switch-tab{
    align-items: flex-start;
    justify-content: flex-start;
}
.home-new-top{
    margin-bottom: 70px;
}
.home-new-min-le{
    width: 45.75%;
}
.home-new-min-ri{
    width: 54.25%;
    padding-left: 60px;
}
.home-new-min{
    display: flex;
    align-items: stretch;
}
.hnml-link-cry{
    padding: 44px 32px 24px;
}
.hnml-link{
    background: #F5FCFF;
    display: block;
    border-radius: var(--radius10);
    overflow: hidden;
    height: 100%;
}
.hnml-link-tit{
    color: var(--color1e1);
    margin-bottom: 56px;
    transition: all .36s;
}
.hnml-link-bot{
    display: flex;
    align-items: center;
    justify-content: space-between
}
.hnml-link-bot-le p{
    color: var(--colorbj);
}
.home-new-min{
    margin-bottom: var(--space50);
}
.home-new-bot-fr{
    width: 56%;
    border-radius: var(--radius20);
    overflow: hidden;
}
.home-new-bot-fl{
    width: 44%;
    padding-right: 32px;
}
.hnbf-ul{
    width: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    background: var(--colorbj);
    height: 100%;
}
.bnbf-ul-li-bot{
    padding: 60px 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.btli-cont{
    display: flex;
    align-items: center;
}
.btli-cont-icon{
    width: 24px;
    flex-shrink: 0;
    margin-right:16px;
}
.btli-cont-icon img{
    width: 100%;
}
.btli-cont p{
    color: #fff;
    line-height: var(--line15);
    font-size: var(--font16);
}
.bulb-tps-list-item{
    margin-bottom: 18px;
}
.bulb-tps-list-item:last-child{
    margin-bottom: 0px;
}
.bulb-bts{
    display: inline-block;
}
.bnbf-ul-li, .bnbf-ul-li-bot{
    height: 100%;
}
.bulb-bts a{
    display: inline-block;
    line-height: 30px;
    padding:0 32px;
    color: var(--colorfff);
    font-size: var(--font16);
    border: solid 1px #fff;
    border-radius: 80px;
}
.home-new-bot{
    display: flex;
    align-items: stretch;
}
.bulb-tit{
    margin-bottom: 30px;
    color: #fff;
}
.hnbf-ul .slick-list, .hnbf-ul .slick-track{
    height: 100%;
}
.hnbf-ul .slick-dots li{
    text-align: right;
    width: 24px;
    height: 4px;
    border-radius: 4px;
    background: rgba(255,255,255,0.2);
}
.hnbf-ul .slick-dots li.slick-active{
    background: #fff;
}
.hnbf-ul .slick-dots{
    text-align: right;
    padding-right:20px;
}
.home-swip-list{
    position: relative;
}
.home-main .home-swip-cont{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.home-main .home-swip-cont.show{
    opacity: 1;
    pointer-events: all;
    position: relative;
    top: auto;
    left: auto;
}
.home-swip-uls .std-btn2-box::before{
    border: none;
}
.home-swip .home-swip-uls{
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.home-mode-item{
    width:calc(1920px * 0.49);
    margin:0 auto;
}
.home-mode-item-tit{
    text-align: center;
    margin-bottom: 25px;
    background:  linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-mode-item-word p{
    text-align: center;
    color: var(--color8b8);
    line-height: var(--line16);
}
.home-mode-item-btn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top:32px;
}
.home-mode-item {
    opacity: 0;
    pointer-events: none;
    position: sticky;
    top: var(--headx);
    left: 50%;
    transform: translateX(-50%);
    transition: all .4s;
    height: calc(100vh - var(--headx));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: var(--space120);
}
.home-mode-item.start1{
    opacity: 1;
    pointer-events: all;
}
.home-mode-item.end1{
    opacity: 0 !important;
}
.home-mode-item:last-child.end1{
    opacity: 1 !important;
}
.home-change{
    position: relative;
}
.home-change-cont{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.home-change-list{
    width: 50%;
    height: 100%;
    pointer-events: all;
    opacity: 0;
    
    position: absolute;
    top: 0;
    transition: all .36s ease;
    z-index: 2;
}
.home-change-list-cont{
    background: #fff;
    padding: 0 100px 155px 7.5vw;
}
.home-change-list1 .home-change-list-cont{
    padding: 0 7.5vw 155px 100px;
}
.hclc-tit{
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 4%;
    text-underline-offset: 25%;
    text-underline-position: from-font;
    font-family: var(--medium) !important;
    margin-bottom: 62px;
}
.home-change-list2{
    left:0;
    transform: translateX(calc(calc(100% + 40px) * -1));
}
.home-change-list1{
    right: 0;
    transform: translateX(calc(100% + 40px));
}
.home-change-list-cont{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.home-change-list2.show{
    transform: translateX(0);
    opacity: 1;
}
.home-change-list1.show{
    transform: translateX(0);
    opacity: 1;
}
.home-change-list .home-switch-tab{
    justify-content: flex-start;
}
.home-bot{
    width: calc(100% - 40px);
    margin: var(--space100) auto 0;
    position: relative;
}
.about-intro-video-img {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.about-intro-video-cry {
    width: 10%;
    height: 9%;
    margin: 0 auto;
    border-radius: 80px;
    overflow: hidden;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    transform-origin: center; 
}
.home-bot-arrow{
    transition: all .36s;
}
.home-bot.start .home-bot-arrow{
    opacity: 0;
    pointer-events: none;
}
.home-bot-list.show {
    opacity: 1;
    pointer-events: all;
}
.aivc-show {
    z-index: 3;
}
.about-intro-video-cry img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-numb{
    overflow: visible !important;
}
.home-change{
    margin-top: var(--space100);
}
.home-numb-word p{
    font-size: var(--font20);
    line-height: var(--line16);
    color: var(--color8b8);
    text-align: center;
}
.about-intro-top h2{
    width: 70%;
    margin: 0 auto 38px;
}
.home-top-ul{
    display: flex;
    margin: 0 -10px;
}
.home-top-ul-li{
    width: 25%;
    padding: 0 10px;
}
.htul-icon{
    width: 96px;
    margin: 0 auto 20px;
}
.htul-icon img{
    width: 100%;
}
.htul-min .ys-demo-num{
    font-size: 54px;
    color: var(--color1e1);
    line-height: 1.2;
}
.htul-min{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.htul-min span{
    display: inline-block;
    font-size: var(--font24);
    color: var(--color1e1);
    line-height: 2;
}
.htul-word p{
    color: var(--color8b8);
    text-align: center;
}
.home-numb-word{
    margin-bottom: var(--space50);
}
.home-numb h2 span{
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-bot-arrow{
    position: absolute;
    top: 6.5%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(135deg);
    z-index: 12;
    width:58px !important;
    height: auto !important;
}
.home-bot{
    position: relative;
}
.about-intro-video{
    position: absolute;
    top:0%;
    left: 50%;
    transform: translate(-50%,0);
    width: 100%;
    height: 100%;
}
.about-intro-video-wrap{
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.hblu-li-text{
    width: 90%;
    margin: 0 auto;
    font-size: var(--font64);
    color: var(--colorfff);
    font-family: var(--medium) !important;
    line-height: var(--line12);
    text-align: center;
    margin-bottom: var(--space50);
}
.hblu-li-text span{
    display: inline-block;
    line-height: var(--line12);
    font-family: var(--bold) !important;
    background: linear-gradient(98deg, rgba(24, 255, 4, 1) 57.67%, rgba(0, 255, 255, 1) 93.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hblu-li-word p{
    color: var(--colorfff);
    text-align: center;
    line-height: var(--line175);
}
.hblu-li{
    margin-bottom:420px;
}
.hblu-li:last-child{
    margin-bottom: 0px;
}
.hblu-li-box{
    /* opacity: 0.3; */
    transition: all .6s ease;
}
.hblu-li.act .hblu-li-box{
    opacity: 1;
}
.hblu-li.nomore .hblu-li-box{
    opacity: 0 !important;
}
.home-bot-list{
    padding-top:130vh;
    padding-bottom: 500px;
    position: relative;
    z-index: 2;
    width: calc(1920px * 0.5625);
    margin: 0 auto;
    transition: all .36s ease;
    opacity: 0;
    pointer-events: none;
}
.about-intro-video-cry::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(0, 39, 71, 0.2);
}
.hblu-li .home-switch-tab p{
    color: #fff;
}
.home-new-min .brul-link-right-tit{
    height: 4.2em;
    -webkit-line-clamp: 3;
    margin-bottom: 24px;
}
.home-new-min .brul-link-right .hnml-link-bot-le p{
    color: var(--color8b8);
}
.home-new-min .brul-link-left{
    width: 31%;
}
.home-new-min .brul-link-right{
    width: 69%;
}
.home-swip-ul-li{
    transition-property:all !important;
    transition: all .36s ease;
}
.home-swip-ul-li.more .upul-cont-top-icon{
    transform: rotate(45deg);
}
.home-swip-ul-li.more .hsul-tit{
    opacity: 0;
    pointer-events: none;
}
.home-swip-ul-li.more .hsul-hide{
    opacity: 1;
    pointer-events: all;
}
.home-swip .news-ouse-box-but{
    margin-right: 0px;
}
.hsul-hide-le-tit{
    font-size: var(--font32);
    color: #fff;
    line-height: 1.5;
    margin-bottom: 10px;
}
.hsul-hide-le {
    width: 49%;
}
.hsul-hide-le-word p{
    color: #fff;
    font-size: var(--font16);
    line-height: var(--line175);
}
.hsul-hide-le .std-btn1{
    margin-top: 20px;
}
.hsul-hide-ri{
    width: 28%;
}
.hhrt-tp{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.hsul-hide-ri-top{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    overflow: hidden;
    --webkit-backdrop-filter: blur(20px);
    padding: 20px;
    margin-bottom: 8px;
}
.hhrt-tp-img{
    width: 38px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 20px;
}
.hhrt-tp-img img{
    width: 100%;
}
.hhrt-tp p{
    width: 100%;
    color: #fff;
    font-size: var(--font14);
    line-height: var(--line12);
}
.hhrt-bt p{
    font-family: 'Chuangwei-NRegular' !important;
    font-size: var(--font14);
    line-height: var(--line12);
    color: #fff;
}
.hmul-link{
    padding: 20px;
    border-radius: var(--radius10);
    overflow: hidden;
    border: 1px solid rgba(139, 141, 153, 0.20);
}
.hmul-tp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.hmul-tp-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
}
.hmul-tp-icon img{
    width: 100%;
}
.hmul-tp p{
    font-size: var(--font18);
    line-height: var(--line175);
    font-family: var(--medium) !important;
    color: var(--color1e1);
} 
.hmul-bt p{
    font-size: var(--font14);
    color: var(--color8b8);
    line-height: var(--line175);
}
.hclc-min-ul-li{
    margin-bottom: 20px;
}
.hclc-min-ul-li:last-child{
    margin-bottom: 0px;
}
.home-change-icon{
    width: 114px;
    position: absolute;
    top: -57px;
    left:13px;
}
.home-change-list-cont .std-btn1-box{
    position: relative;
    width: 100%;
    justify-content: center;
}
.home-change-list-cont .std-btn1{
    width: 100%;
}
.join-change-list.more .prodet-hide{
    opacity: 0;
}
.join-change-list.more .home-hide{
    opacity: 1;
}
.home-new{
    padding-top: var(--space120);
}
.home-main .join-change-ri .join-change-tit{
    opacity: 1;
}
.join-change-list.more .join-change-tit{
    opacity: 0;
}
.join-change-list.more .join-change-pic::after{
    opacity: 0;
}
.home-hide, .hsul-hide-ri-bot{
    padding: 20px;
    border-radius: var(--radius10);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.hsul-hide-ri-bot p{
    text-align: center;
    font-size: var(--font14);
    line-height: var(--line12);
    color: var(--colorfff);
    margin-bottom: 20px;
}
.hhrb-img{
    width: 80%;
    margin: 0 auto;
}
.hhrb-img img{
    width: 100%;
}
.home-hide {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 50px;
    right: 50px;
    transition: all .36s ease;
}
.join-change-le .home-hide{
    right: 26%;
}
.join-change-list.nomore {
    pointer-events: none;
}
.home-swip-change{
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-swip .home-swip-uls{
    background: #fff;
    border-radius: 80px;
}
.std-btn2-box{
    cursor: pointer;
}
.home-main .blog-cont-bg-sit{
    top: 4%;
}
.home-main .blog-cont-bg-right{
    top: 8%;
}
.home-swip{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.home-swip-bg{
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.home-swip-bg img{
    width: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
}
.home-swip-bg img:nth-child(1) {
    width: 60%;
    top: 58%;
    left: 8%;
}
.home-swip-bg img:nth-child(2){
    top:0%;
    left: 112%;
}
/* 首页-end */
/* h1-关于我们-start */
.about-page .product-inver-top h2{
    padding: 0 !important;
    background: transparent !important;
    font-family: var(--bold) !important;
    -webkit-text-fill-color: var(--color1e1);
}
.about-page .product-inver-top h2 span{
    line-height: var(--line12);
    font-family: var(--bold) !important;
    display: initial;
    background: rgba(224, 225, 230, 1) -webkit-linear-gradient(left, rgba(19, 182, 232, 1) 0%, rgba(110, 222, 100, 1) 62.39%) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 0 100%;
    display: inline-block;
    padding: 0px !important;
}
.about-page .product-inver-top {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-page .join-word{
    width: 95%;
}
.about-page .product-inver-top-tit{
    width: 62.5%;
}
.about-page .community-blog h2{
    margin-bottom: var(--space40) !important;
}
.about-page .htul-min .ys-demo-num{
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-map-word{
    margin: 0 auto 50px;
    width: 71.25%;
}
.about-map-word p{
    text-align: center;
}
.about-map h2{
    text-align: center;
}
.about-map-bg{
    width: 100%;
    margin-top: var(--space40);
}
.about-map-bg img{
    width: 100%;
}
.adln-ul-li-ri{
    opacity: 0;
    pointer-events: all;
}
.adln-ul{
    display: flex;
    flex-direction: column;
}
.about-deve-cont{
    width: calc(100% - 80px);
    margin: 0 auto;
}
.about-deve-le{
    width: 60%;
    border-radius: var(--radius15);
    overflow: hidden;
    position: relative;
}
.about-deve-le-picswip{
    width: 100%;
}
.about-deve-le-numswip{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
.about-deve-le-zhanswips{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
.adln-ul .swiper-slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.adln-ul-li-box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.adln-ul-li-le p{
    color: var(--colorfff);
    font-size: var(--font24);
    line-height: var(--line14);
    transition: all .4s;
}
.about-deve-cont{
    display: flex;
    align-items: stretch;
}
.about-deve-ri{
    width: 40%;
    padding-left: 30px;
}
.about-deve-ri-cont{
    height: 100%;
    border-radius: var(--radius15);
    /* overflow: hidden; */
    background: var(--colorbj);
    padding: 80px 60px 40px;
}
.about-deve-ri-cont h2{
    color: #fff;
}
.adrt-ul{
    display: flex;
    flex-direction: column;
}
.adrt-ul-li{
    height: 30%;
    display: flex;
    flex-direction: column;
    justify-content:center;
}
.aulb-tit{
    font-size: var(--font32);
    color: var(--colorfff);
    margin-bottom: 10px;
    line-height: 1.5;
    position: relative;
}
.aulb-tit::after{
    content: "";
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    width: 20px;
    height: 1px;
    background: #fff;
    transition: all .4s ease;
}
.swiper-slide-active .aulb-tit::after{
    width: 140px;
    left: -150px;
}
.aulb-word p{
    font-size: var(--font18);
    line-height: 1.6;
    color: #fff;
    height: 6.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}
.home-ctact .std-btn1{
    margin-top: 40px;
}
.home-ctact .gmtl-cry{
    position: absolute;
    left: 7.5vw;
    bottom: 84px;
    z-index: 2;
    top: auto;
}
.about-cry{
    width: calc(100% - 80px);
    margin: 0 auto;
    padding-bottom: 60px;
}
.about-cry-bot{
    width: 100%;
    position: relative;
    border-radius: var(--radius20);
    overflow: hidden;
}
.about-cry-bot img{
    width: 100%;
}
.acbi-pic2{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.acbi-pic3{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.about-cry-show .htul-icon{
    width: 64px;
    flex-shrink: 0;
    margin-right: 10px;
}
.about-cry-show .ys-demo-num{
    color: #fff;
}
.acsu-li-box{
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.40);
}
.about-cry-show{
    width: 420px;
    position: absolute;
    top: 50%;
    left: 7.5vw;
    transform: translateY(-50%);
    z-index: 2;
}
.about-cry-bot .htul-min {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.about-cry-show .htul-icon {
    width: 64px;
    flex-shrink: 0;
    margin: 0;
}
.about-cry-show .htul-word p{
    text-align: left;
    color: #fff;
}
.about-cry-show .htul-word{
    padding-left: 80px;
}
.about-cry-show .htul-min span{
    color: #fff;
}
.about-cry-show .ys-demo-num{
    color: #fff;
    background: transparent !important;
    -webkit-text-fill-color: #fff !important;
}
.about-cry-show .htul-icon{
    margin-right: 16px;
}
.about-cry h2{
    text-align: center;
}
.about-cry h2 span{
    color: var(--colorbj);
    -webkit-text-fill-color:var(--colorbj);
}
.acbi-pic1{
    mask-image: url(../images/h1_img_01_zz.svg);
    -webkit-mask-image: url(../images/h1_img_01_zz.svg);
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 50% 50%;
    -webkit-mask-position: 50% 50%;
}
.acbi-pic2{
    display: none;
}
.casedet-switch-list .slick-dots li{
    background: #8B8D98;
    opacity: 0.5;
    border-radius: 50%;
}
.casedet-switch-list .slick-dots li.slick-active{
    background: var(--colorbj);
    opacity: 1;
}
.about-page .casedet-switch-list-item.on {
    width: 77%;
}
.about-page .casedet-switch-list-item{
    width: 7.666667%;
}
.about-page .csli-box{
    height: 760px;
}
.about-page .csli-box::after{
    background: rgba(0, 40, 75, 0.20);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}
.about-page .csli-box-title{
    top: 120px;
}
.gmtl-cry{
    z-index: 2;
}
.about-page .solu-media-pic{
    display: none;
}
.about-page .gmtl-cry{
    bottom: 40px;
    left: 100px;
    width: 47%;
    top: auto;
}
/* h1-关于我们-end */
.ys-page-wrap.act .ys-main{
    margin-top: var(--headx);
}

/* 图片载入 */
.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 6s ease 1;
}
@keyframes fadeInUpimg {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: none;
    }
} 
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .epc-conv .pbru-li-li-box:hover .pbru-li-box-text p{
        color: var(--color1e1);
    }
    .epc-conv .pbru-li-li-box:hover .pbru-li-box-text p span{
        color: var(--color8b8);
    }
    .epc-conv .pbru-li-li-box:hover{
        background: #fff;
    }
    .uctu-li .std-btn1-box:hover .std-btn1-icon{
        transform: rotate(0deg) !important;
    }
    .upul-cont:hover .upul-cont-top-icon{
        opacity: 0;
    }
    .upul-cont:hover .upul-cont-top-btn{
        opacity: 1;
    }
    .cmul-links:hover::after{
        width: 100%;
    }
    .lcbu-le-linke:hover .ys-imgbox-cover::after{
        opacity: 1;
    }
    .lcbu-le-linke:hover{
        background: transparent;
    }
    .lcbu-le-linke:hover .ys-imgbox-cover{
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
        -moz-clip-path: inset(0 0 0 0);
        -ms-clip-path: inset(0 0 0 0);
        -o-clip-path: inset(0 0 0 0);
    }
    .bookmark-cont .product-list-ul-li a:hover .ys-imgbox-cover img{
        transform: scale(1) !important;
    }
    .brul-link:hover .brul-link-right-tit{
        color: var(--colorbj);
    }
    .bbul-link:hover .bbul-link-tit{
        color: var(--colorbj);
    }
    .ys-select-li:hover{
        color: var(--color1e1);
    }
    .product-list-ul-li a:hover {
        background: #fff;
    }
    .product-list-ul-li a:hover .plul-bg{
        opacity: 1;
    }
    .mftr-ul-li ul li p a:hover{
        color: var(--colorbj);
    }
    .std-btn1-box:hover .std-btn1-icon{
        transform: rotate(45deg);
    }
    .std-btn2-box:hover p{
        color: var(--colorfff);
    }
    .std-btn2-box:hover::after{
        width: 100%;
        left: 0;
        right: auto;
    }
    .std-btn2-box:hover .std-btn2-icon{
        transform: rotate(45deg);
    }
    .std-btn2-box:hover .std-btn2-icon img:nth-child(1){
        opacity: 0;
    }
    .std-btn2-box:hover .std-btn2-icon img:nth-child(2){
        opacity: 1;
    }
    .std-btn3-box:hover::after{
        width: 100%;
        left: 0;
        right: auto; 
    }
    .std-btn3-box:hover p::after{
        opacity: 0;
    }
    .std-btn3-box:hover p{
        color: var(--colorfff);
    }
    .arrows-icon:hover{
        background: #00B1BA;
    }
    .arrows-icon:hover img:nth-child(2){
        opacity: 1;
    }
    .arrows-icon:hover img:nth-child(1){
        opacity: 0;
    }
    .std-btn4-box:hover .std-btn4-icon{
        transform: rotate(45deg);
    }
    .std-btn3.white .std-btn3-box:hover::before{
        opacity: 0;
    }
    .std-btn4.black .std-btn4-box:hover p{
        color:#00B1BA;
    }
    .mfbr-li a:hover{
        color: rgba(27,27,27,1);
    }
    .head1-inof-nub-link:hover{
        color: var(--colorbj);
    }
    .h1lbi-link:hover{
        color: var(--colorbj);
    }
    .hlil-thrul-li-link:hover .htll-bgs{
        opacity: 1;
        transform: translateY(12%);
    }
    .hlil-thrul-li-link:hover{
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
    }
    .prtl-fl-bt-add:hover .prtl-fl-bt-add-img{
        background: var(--colorbj);
    }
    .prtl-fl-bt-add:hover .prtl-fl-bt-add-img img:nth-child(2){
        opacity: 1;
    }
    .prtl-fl-bt-add:hover .prtl-fl-bt-add-word{
        opacity: 1;
        pointer-events: all;
    }
    .product-list-ul-li a:hover p{
        color: var(--colorbj);
    }
    .group-pull-ul-li a:hover{
        box-shadow: none;
    }
    .gnul-box:hover{
        background: var(--colorfff);
        box-shadow: 0px 58px 35px 0px rgba(0, 0, 0, 0.01), 0px 26px 26px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
    }
    .gnul-box:hover .plul-bg{
        opacity: 1;
    }
    .group-ban-btn .std-btn2-box:hover{
        border:solid 1px var(--colorbj);
    }
    .group-ban-btn .prtl-fl-bt-add-img:hover{
        border: solid 1px var(--colorbj);
    }
    .jelu-li-box:hover{
        background: #fff;
        border: solid 1px #fff;
        box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.01), 0px 16px 16px 0px rgba(0, 0, 0, 0.02), 0px 6px 14px 0px rgba(0, 0, 0, 0.02);
    }
    .hnml-link:hover .std-btn4-box p{
        color: #00B1BA;
    }
    .hnml-link:hover .std-btn4-icon{
        transform: rotate(45deg);
    }
    .hnml-link:hover .hnml-link-tit{
        color: var(--colorbj);
    }
    .foli-nub-link:hover {
        background: var(--colorbj);
    }
    .foli-nub-link:hover .std-text1{
        color: var(--colorfff);
    }
    .foli-nub-link:hover .foli-nub-link-icon img:nth-child(2){
        opacity: 1;
    }
    .foli-nub-link:hover .foli-nub-link-icon img:nth-child(1){
        opacity: 0;
    }
}


/* 20250422--修改--start */
.adlp-ul-li-img img{
    width: 100%;
}
.about-deve-le-numswip {
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    left: 50%;
    z-index: 2;
    pointer-events: all;
}
.adln-ul-li-ri{
    font-size: var(--font80);
    line-height: var(--line12);
    color: var(--colorfff);
    opacity: 0;
    transition: all .36s ease;
}
.adln-ul-li-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-deve-le-numswip {
    height: 180px;
    position: absolute;
    top: 50%;
    left: 58%;
    transform: translate(-50%, -50%);
    overflow: visible !important;
}
.adln-ul-li-le {
    width: 150px;
    margin-right: 100px;
    position: relative;
}
.adln-ul-li-le::after {
    content: "";
    position: absolute;
    right: -43px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}
.adln-ul-li-ri, .adln-ul-li-le{
    transition: all .4s ease;
    white-space: nowrap;
}
.adln-ul-li.swiper-slide-active .adln-ul-li-ri{
    opacity: 1;
}
.adln-ul-li.swiper-slide-active .adln-ul-li-le p{
    opacity: 0;
}
.adln-ul .swiper-slide{
    transition-property:all !important;
}
.about-deve-le-numswip::after {
    content: "";
    position: absolute;
    top: 45%;
    left: auto;
    right: calc(65% - 80px - 150px + 50px);
    transform: translate(-50%, -50%);
    width: 1px;
    height: 200vh;
    background: rgba(255, 255, 255, 0.5);
    z-index: 2;
}
.about-deve-le-numswip::before{
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: calc(65% - 80px - 150px - 50px);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: solid 1px #fff;
    background: transparent;
}
.about-deve-le-cry{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    overflow:  hidden !important;
    pointer-events: none;
    padding: 120px 0;
}
.product-list-ul{
    justify-content: center;
}
.iti__country-list .mCSB_container .iti__country{
    width: 100%;
}
.iti--inline-dropdown .iti__dropdown-content {
    z-index: 12 !important;
}
.iti__dial-code {
    color: var(--iti-dialcode-color) !important;
    opacity: 1 !important;
}
.iti__country-list .iti__flag, .iti__country-name {
    margin-right: var(--iti-spacer-horizontal) !important;
    opacity: 1 !important;
    color: var(--color1e1) !important;
}
.solu-page .blog-cont-bg-sit {
    z-index: 1;
    top: -22%;
    left: -60%;
    pointer-events: none;
}
.solu-page .blog-cont-bg-right {
    width: 100%;
    height: 100%;
    object-fit: cover;
    right: -60%;
}
.join-top-bot span img{
    width: 100%;
}
.join-change-bot{
    opacity: 0;
}
.join-change-list.on .join-change-bot{
    opacity: 1;
    transition-delay: .4s;
}
.join-page .join-change-tit{
    opacity: 1;
    transition-delay: 0.6s;
}
.join-page .join-change-list.on .join-change-tit{
    opacity: 0;
    transition-delay: 0s;
}
.epc-conv{
    margin-top: 20px;
}
.elul-le-cont{
    position: relative;
    z-index: 1;
}
.elul-le-bg{
    width: 200%;
    position: absolute;
    bottom: -60%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none;
}
.elul-le-bg img{
    width: 100%;
}
.epc-page .mod-nyctact{
    margin-top: var(--space120);
}
.pbru-li-li-box{
    height:100%;
}
.lcbu-le-linke .ys-imgbox-cover{
    height: 100%;
}
.lcbu-le-linke .ys-imgbox-cover img{
    object-fit: cover;
}
.group-prod{
    position: relative;
    z-index: 2;
}
.group-pull{
    background: #fff;
}
.head-pull-second-le .std-btn1-box {
    justify-content: space-between;
}
.ctatc-page h2 span{
    font-family: var(--bold) !important;
}
.group-slide-ul-li{
    width: 25%;
    padding: 0 70px;
}
.group-slide-ul{
    margin: 0 -70px;
}
.group-slide h2{
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}
.group-slide h2::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%,-50%);
    width: 36%;
    height: 1px;
    background: linear-gradient(90deg, rgba(25, 171, 182, 0) 0%, rgba(25, 171, 182, 1) 100%);
}
.group-slide h2::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translate(0%,-50%);
    width: 36%;
    height: 1px;
    background: linear-gradient(-90deg, rgba(25, 171, 182, 0) 0%, rgba(25, 171, 182, 1) 100%);
}
.join-change.one{
    margin-top: 20px;
}
.join-change.one .join-change-tit{
    top: 100px;
    left: 50%;
    width: calc(100% - 160px);
    transform: translate(-50%,0);
    text-align: left;
    z-index: 4;
}
.join-change.one .join-change-list {
    width: 100% !important;
    position: relative;
    height: 100%;
}
.join-change.one .prodet-hide{
    opacity: 1 !important;
    z-index: 2;
}
.join-change.one .join-change-pic::after{
    z-index: 3;
}
.join-change.one .join-change-pic::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(181, 226, 254, 1) 0%, rgba(181, 226, 254, 0) 100%);
    z-index: 4;
}
.htll-word p span{
    text-align: center;
    margin-top: 4px;
    color: var(--color8b8);
    line-height: var(--line14);
    font-size: 12px;
}
.wcpb-right-cont{
    padding-top: 20px;
    padding-bottom: 20px;
}
.bmbm-right-ule-le{
    margin-bottom: 0px !important;
}
.brul-link{
    padding: 30px 0 !important;
}
.bmbm-right-ule-le:first-child .brul-link{
    padding-top: 0px !important;
}
.home-new-bot-fr ul, .home-new-bot-fr .slick-list, .home-new-bot-fr .slick-track, .hnbf-uls-lis-box{
    height: 100%;
}
.hnbf-uls-lis-box{
    border-radius: var(--radius20);
    overflow:  hidden;
}
.home-new-bot-fr img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-new-ph{
    display: none;
}
.about-intro-top h2{
    text-align: center;
}
.home-mode-pc {
    width: 100%;
    height: 100%;
}
.home-mode-ph{
    display: none;
}
.prodet-hide-list-cont{
    height: 100%;
}
.product-page .product-cust{
    margin-bottom: 20px;
}
.prodet-page .news-bg-pict {
    top: -6%;
}
.about-page .ys-nybanner1 .ys-nyban-title p{
    width: 100%;
}
.about-page .ys-nybanner1 .ys-nyban-title p span{
    font-family: var(--bold) !important;
    background: linear-gradient(100deg, #00B9EE 0%, #2CE250 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.avru-li-btm-btn .std-btn3.nomre{
    width: 310px;
}
.avru-li-btm-btn .std-btn3-box{
    width: 100%;
    justify-content: center;
}
.avru-li-btm-btn .std-btn3-box p{
    text-align: center;
}
.exhi-slide{
    padding-bottom: 0px;
}
.community-more{
    margin-top: var(--space120);
}
.footer-other-link-name {
    color: rgba(14, 26, 27, .5);
    line-height: var(--line16);
    margin-bottom: 6px;
}
.footer-other-link-inof {
    flex-wrap: wrap;
}
.footer-other-link-inof {
    --jian: 12px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.foli-nub {
    padding: 0 var(--jian);
}
.foli-nub-link {
    display: flex;
    align-items: center;
    border-radius: 80px;
    border: 1px solid var(--colorbj);
    min-width: auto !important;
    justify-content: center;
    height: 40px;
    transition: all .4s ease;
    padding: 0 15px;
}
.foli-nub-link .std-text1 {
    font-size: var(--font16);
    color: var(--colorbj);
    line-height: 40px;
    transition: all .4s ease;
}
.foli-nub-link-icon {
    width: 22px;
    margin-left: 16px;
}
.foli-nub-link-icon img:nth-child(2){
    opacity: 0;
}
.mod-foot-top-logo{
    margin-bottom:80px;
}
.mod-foot-min{
    align-items: flex-end;
    justify-content: space-between;
}
.prodet-popbtn{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    /*border: solid 1px var(--colorbj);*/
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    margin-right: 20px;
}
.prodet-popbtn img{
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about-deve .mod-arrows {
    display: flex;
    align-items: center;
    pointer-events: none;
    flex-direction: column-reverse;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 4;
    height: 90%;
    pointer-events: none;
}
.about-deve .arrows-icon{
    border: solid 1px #fff;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    pointer-events: all;
}
.about-deve .arrows-prev{
    transform: rotate(-90deg);
}
.about-deve .arrows-next{
    transform: rotate(-90deg);
}
.about-deve .arrows-prev {
    margin-right: 0;
}
.about-deve .arrows-icon img:nth-child(2){
    opacity: 1 !important;
}
.about-deve .arrows-icon img:nth-child(1){
    opacity: 0 !important;
}
.adrt-ul-li{
    height:100%;
}
.about-deve-ri-text{
    height: 200px;
}
.adrc-cry{
    /* overflow: hidden; */
    height: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.adrc-cry::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, rgba(25, 171, 182, 1) 0%, rgba(25, 171, 182, 0) 100%);
    z-index: 2;
    pointer-events: none;
}
.adrc-cry::after{
    content: "";
    position: absolute;
    bottom: -40px;
    left: -40px;
    width: 110%;
    height: 40%;
    background: linear-gradient(0deg, rgba(25, 171, 182, 1) 0%, rgba(25, 171, 182, 0) 100%);
    z-index: 2;
    pointer-events: none;
}
.about-deve-ri{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about-deve-ri-cont h2 {
    position: relative;
    flex-shrink: 0;
    z-index: 2;
    background: var(--colorbj);
}
.about-deve-ri-cont h2::after{
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    width: 100%;
    height: 300%;
    top: -80px;
    background: var(--colorbj);
    pointer-events: none;
    z-index: -1;
}
.adln-ul-li-le{
    pointer-events: all;
    cursor: pointer;
}
.about-deve-le-zhanswips{
    z-index: 2;
}
.join-page .join-word{
    margin-top: 15px;
}
.join-page .join-change-bot .join-change-tit{
    text-align: left !important;
}
.join-change-bot .join-change-tit{
    font-size: var(--font32);
}
.nodatabox{
    padding-bottom: var(--space100);
}
.head-pull-first .hptu-li .hptu-li-link{
    margin-bottom: 60px;
}
.hsul-tit, .hsul-hide-le-tit{
    font-size: var(--font24);
}
.exhi-page .exhi-slide {
    padding-bottom: var(--space120);
}
.hpsl-btn2{
    margin-top: 20px;
}
.home-swip .blog-cont-bg-left {
    position: absolute;
    left: 66%;
    top: -28%;
    width: 75%;
    z-index: 0;
    pointer-events: none;
}
.home-mode-bg::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.lcbu-le-cont-left{
    padding-right: 20px;
}
.form-page .ys-form-inof-item label, .form-page .yfic-box{
    border-radius: var(--radius10) !important;
}
.hptu-li.haspull.yxnav-active2 .hptu-li-link {
    padding:12px 0px !important;
    box-shadow: none !important;
}
.ys-form-inof-submit{
    margin-bottom: 0px !important;
}
.casedet-switch-list .slick-track{
    align-items:stretch;
}
.casedet-switch-list .slick-slide{
    height:  auto !important;
}
.home-swip-ul-li{
    width: 480px !important;
}
.home-swip-ul-li.more{
    width: 1064px !important;
}
.mod-nyctact-phtit{
    display: none;
}
.iti--fullscreen-popup.iti--container {
    position: fixed !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}
.summary-coop-bt-bg{
    width: 592px;
}
.summary-coop-swiper-li.swiper-slide {
    width: var(--width);
}
.product-list-ul-li:first-child, .product-list-ul-li:nth-child(2) {
    z-index: 4;
}
.product-list-ul-li:nth-child(3), .product-list-ul-li:nth-child(4) {
    z-index: 3;
}
.community-blog-swip-ul .slick-dots{
    bottom: 0;
}
.community-blog-swip-ul .slick-dots li{
    background: #8B8D98;
}
.community-blog-swip-ul .slick-dots li.slick-active{
    background: var(--colorbj);
}
.search-right .search-right-link{
    width: 100%;
}
.home-change-list-phpic{
    display: none;
}
.home-change-list-phpic{
    display: none;
}
.hmul-bt p{
    height: 5.25em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.home-main .home-hide{
    width: 40%;
}
.prtl-fl-bt-add.act .prtl-fl-bt-add-img img:nth-child(2) {
        opacity: 1;
}
.prtl-fl-bt-add.act .prtl-fl-bt-add-img {
    border: solid 1px var(--colorbj);
    background: var(--colorbj)
}
.about-page .slick-dots li{
    border-radius: 50%;
}
.about-deve-phtit{
    display: none;
}
.home-swip-ul-li{
    padding: 0 16px;
}
.home-swip-ul{
    margin: 0 -16px;
}
.userware-prod .slick-dots li{
    background: var(--colorbj);
    opacity: 0.3;
    border-radius: 50%;
}
.userware-prod .slick-dots li.slick-active{
    opacity: 1;
}
.form-page .ys-form-inof-agree{
    padding-left: 20px;
}
.form-cont-ri-bot {
    width: calc(100% - 20px);
    left: 50.5%;
    transform: translateX(-50%);
}
/* 20250422--修改--end */
.yfii-list-item p{
   padding: 0 20px;
}
.yfii-list-item{
    width: auto;
}
.yfii-list{
    justify-content: center;
}
/* 20250506 */
.epc-page .elul-le{
    position: relative;
}
.epc-page .epc-conv .elul-le::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    width: calc(100% - 20px);
    height: 140px;
    background: linear-gradient(180deg, rgba(25, 171, 182, 0) 0%, rgba(25, 171, 182, 1) 100%);
    pointer-events: none;
    border-radius: var(--radius20);
    z-index: 2;
}
.solu-page .casedet-switch-wrap{
    height: 200vh;
    margin-top: -100vh;
    /* margin-top: 0; */
    position: sticky;
    /*overflow: hidden;*/
}
.solu-page .casedet-switch{
    overflow: inherit !important;
    position: relative;
}
.solu-page .casedet-switch-wrap-cont {
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    overflow: hidden;
}
.solu-page .casedet-switch-list{
    height: 100%;
}
.solu-page .csli-box{
    height: 100% !important;
}
.hsul-hide{
    transition: opacity .4s;
    transition-delay: 0s;
}
.home-swip-ul-li.more .hsul-hide{
    transition-delay: .4s;
}
.hsul-tit{
    transition: opacity .4s;
    transition-delay: 0.4s;
}
.home-swip-ul-li.more .hsul-tit{
    transition-delay: 0s;
}
.acbi-pic3 {
    position: relative;
    bottom: auto;
    left: auto;
    z-index: 2;
}
.acbi-pic1{
    height: 120%;
    position: absolute;
    top: -10%;
    left: 0;
}
.about-cry-bot-img{
    width: 100%;
    position: relative;
}
.solu-page .casedet-switch{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.solu-page .casedet-switch-wrap-cont{
    padding-top: 20px;
    padding-bottom: 20px;
}
.hsul-hide-ri-bot p{
    padding-right: 10px;
    width: 100%;
}
.hsul-hide-tps span{
    flex-shrink: 0;
}
.product-inver-bg{
    height: 100%;
}
.userware-prod-ul .slick-dots{
    bottom: 0px;
}
.about-cry-bot-img{
    overflow: hidden;
}
.about-page .casedet-switch-list-item .std-btn1{
    margin-top: 22px;
}
.adln-ul-li-le::after{
    right: -62px;
}
.about-page .home-ctact .gmtl-cry{
    width: 26%;
}
.aulb-year{
    display: none;
}
.bookmark-page .product-list{
    padding-top: 10px;
}
.ys-form-inof-code {
    margin-bottom: 24px;
}
.ys-fii-select .ys-select-bd, .ys-fii-select-search .ys-select-bd {
    border: 1px solid #D8D9E2;
    border-top: 1px solid #d8d9e2 !important;
}
.ctatc-page .ys-form-inof-item .ys-select-bd{
    top: 63px;
}
.product-inver-top h2 span, .solu-page .product-inver2 .product-inver-top h2{
    color: transparent;
}
.psul-box-le-ul .slick-dots li{
    border-radius: 50%;
}
.epc-conv .pbru-li-li.act .pbru-li-li-box {
    background: #fff;
}
.epc-conv .pbru-li-li.act .pbru-li-li-box .pbru-li-box-text p {
    color: var(--color1e1);
}
.epc-conv .pbru-li-li.act .pbru-li-li-box .pbru-li-box-text p span {
    color: var(--color8b8);
}
.about-deve .mod-arrows{
    left: 49.3%;
}
.ys-select-bd{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.psul-box-le-ul .slick-list, .psul-box-le-ul .slick-track{
    height: 100%;
}
.psul-box-ri-word{
    position: relative;
    margin-bottom: 20px;
}
/*20250507*/
.elul-le-scrol{
    max-height: 400px;
}
.epc-conv .psul-box-ri-ul{
    padding-bottom: 120px;
}
.epc-conv .mCSB_outside+.mCSB_scrollTools{
    opacity: 0;
}
.about-deve-le{
    width: 48%;
    position: relative;
}
.about-deve-ri{
    width: 52%;
    position: relative;
}
.about-deve-ri::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 130%;
    height: calc(100% + 80px);
    z-index: -1;
    pointer-events: none;
    background: var(--colorbj);
    border-radius: var(--radius20);
}
.about-deve-ri-cont{
    background: transparent;
}
.about-deve-le-numswip {
    left: 50%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 80px;
}
.adln-ul{
    width: 65% !important;
}
.about-deve .arrows-icon{
    left: 180px;
    position: absolute;
}
.about-deve .arrows-prev {
    top: calc(100% - 48px);
}
.about-deve .arrows-next{
    top: 0%;
}
.about-deve .mod-arrows {
    left: auto;
    width: 65%;
    transform: translate(0, -50%);
    right: 0;
    padding-right: 0px !important;
    position: relative;
}
.about-deve-btn{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 80px;
    display: flex;
    justify-content: flex-end;
}
.adln-ul-li-le{
    flex-shrink: 0;
}
.home-main .join-change-list{
    cursor: pointer;
}
/*20250520-start*/
.home-mode-bg::before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 30px;
    background: rgba(255, 255, 255, 1);
    z-index2
}
/*20250520-end*/
/*20250523-首页调整-start*/
.add .hnnl-cry{
    position: relative;
    width: 100%;
    height: 100% !important;
    pointer-events:all;
    z-index:2;
}
.add .home-numb-new-list{
    width: 100%;
    height: auto;
    z-index: -1;
    pointer-events: none;
}
.add .home-numb-new-list.slick-slide:not(:first-child){
    display: none;
}
.add .hnnl-video{
    position: relative;
    width: 100%;
    height: 100%;
}
.add .hnnl-text{
    width: calc(1920px * 0.5625);
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
}
.add .about-intro-video {
    position: relative;
    top: auto;
    left: auto;
    transform: inherit;
    width: 100%;
    height:130vh;
}
.add .home-numb-new-list .home-switch-tab p{
    color: #fff;
}
.add .about-intro-video-wrap{
    overflow: hidden;
}
.add .hnnc-ul-li-text{
    font-size: var(--font16);
    line-height: var(--line15);
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    color: #fff;
    transition: all .4s ease;
}
.add .hnnc-ul-li.on .hnnc-ul-li-text{
    color:rgba(24, 255, 4, 1);
}
.add .hnnc-ul{
    display: flex;
    justify-content: center;
    margin: 0 -24px;
}
.add .hnnc-ul-li{
    padding: 0 24px;
}
.add .hnnc-ul-li-svg {
    width: 16px;
    height: 16px;
    position: relative;
    margin: 0px auto;
    cursor: pointer;
}
.add .hnnc-ul-li-svg::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 37.5%;
    height: 37.5%;
    border-radius: 50%;
    background: #fff;
    transition: all .4s ease;
}
.add .hnnc-ul-li-svg::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background:#F3FCFF;
    opacity: 0.2;
    transition: all .4s ease;
}
.add .hnnc-ul-li.on .hnnc-ul-li-svg::after{
    background: rgba(24, 255, 4, 1);
}
.add .hnnc-ul-li.on .hnnc-ul-li-svg::before{
    opacity: 0;
}
.add .home-numb-new-card{
    width: 100%;
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 0;
    transition: all .4s ease;
}
.add .home-numb-new-card.start{
    opacity: 1;
}
.add .hnnc-ul-li svg {
    fill: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.add .hnnc-ul-li{
    cursor: pointer;
}
.add .about-intro-video-cry{
    height: 100%;
}
.add .home-numb-new-slide{
    height: 100%;
}
.add .home-numb-new-slide .slick-list, 
.add .home-numb-new-slide .slick-track{
    height: 100%;
}
.add .hblu-li-box{
    opacity: 0;
}
.add .slick-active .hblu-li-box{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.add .home-numb-new-list:not(:first-child){
    display: none;
}
.add .home-numb-new-list{
    height: 100%;
}
/*20250523-首页调整-end*/
/*20250527-start*/
.home-numb-new-list1 .hnnl-text{
    opacity: 0;
    transition: all .3s;
}
.home-numb-new-list1.start .hnnl-text{
    opacity: 1;
}
.home-numb-new-list3 .hnnl-text{
    transition: all .6s ease;
}
.home-numb-new-list3.start .hnnl-text{
    top: 28%;
}
.mouse_screen {
    width: 36px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    padding-bottom: 116px;
    z-index: 8;
    transition: all .4s ease;
}
.mouse_screen_icon, .mouse_screen_icon img {
    width: 100%;
}
.mouse_screen_icon {
    position: relative;
    animation: mouse_icon 5s ease-in-out infinite;
}
@keyframes mouse_icon{
    0% {
    transform: translateY(0);
    }
    49% {
        transform: translateY(15px);
    }
    51% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(0);
    }
}
.mouse_screen::after {
    content: '';
    width: 1px;
    height: 31px;
    background: #fff;
    position: absolute;
    top: calc(100% - 87px);
    left: 50%;
    transform: translateX(-50%);
    animation: mouse_line 5s ease-in-out infinite;
}
@keyframes mouse_line{
    0% {
        height: 0px;
    }
    
    49% {
        height: 87px;
    }
    51% {
        height: 87px;
    }
    100% {
        height: 0px;
    }
}
.mouse_screen::before {
    content: '';
    width: 1px;
    height: 87px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
/*20250527-end*/

.prodet-box-cry-tit{
    line-height: var(--line14);
}

/*2025.7.9 lucas start*/
.ys-nybanner1 h1, .ys-nybanner2 h1,.hblu-li-text {
    font-size: calc(var(--font64) - 8px );
}
/*2025.7.9 lucas end*/

/*20250711--delia--start*/
.solu-page .group-media-tpul-li{
    height: auto !important;
}
.solu-page .gmtl-box{
    height: 100%;
}
.jelu-li-box{
    height: 100%;
}
/*20250711--delia--end*/
.prtl-fl-bt-add-word{
    z-index: 2;
}

/*20250723*/
.partner-page .mod-nyctact-pic img:nth-child(2){
    display: none;
    position: relative;
    bottom: auto;
    left: auto;
}