@charset "utf-8";
/* 公共样式 - start */
body {
    font-family: "solax-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
input,textarea{
    font-family: "solax-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "solax-Regular", "PingFang SC", "Microsoft YaHei" !important;
}
body{
    height: auto !important;
}
p{
    line-height: inherit;
}
/* 英文站换行规则 */
p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: normal; 
}
.search-main{
    --colormain1: var(--colormain) !important; /* 搜索页页面的主色，附给搜索页的--colormain1 */
    --color4: var(--colorfff) !important; /* root里白色没有用--color4的，给--color4附上自己定义的白色 */
}
@font-face {
    font-family: 'solax-Regular';
    src: url('../fonts/Manrope-Regular/ManropeRegular.eot');
    src: url('../fonts/Manrope-Regular/ManropeRegular.eot') format('embedded-opentype'),
         url('../fonts/Manrope-Regular/ManropeRegular.woff2') format('woff2'),
         url('../fonts/Manrope-Regular/ManropeRegular.woff') format('woff'),
         url('../fonts/Manrope-Regular/ManropeRegular.ttf') format('truetype'),
         url('../fonts/Manrope-Regular/ManropeRegular.svg#ManropeRegular') format('svg');
}
@font-face {
    font-family: 'solax-Medium';
    src: url('../fonts/Manrope-Medium/ManropeMedium.eot');
    src: url('../fonts/Manrope-Medium/ManropeMedium.eot') format('embedded-opentype'),
         url('../fonts/Manrope-Medium/ManropeMedium.woff2') format('woff2'),
         url('../fonts/Manrope-Medium/ManropeMedium.woff') format('woff'),
         url('../fonts/Manrope-Medium/ManropeMedium.ttf') format('truetype'),
         url('../fonts/Manrope-Medium/ManropeMedium.svg#ManropeMedium') format('svg');
}
@font-face {
    font-family: 'solax-Bold';
    src: url('../fonts/Manrope-Bold/ManropeBold.eot');
    src: url('../fonts/Manrope-Bold/ManropeBold.eot') format('embedded-opentype'),
         url('../fonts/Manrope-Bold/ManropeBold.woff2') format('woff2'),
         url('../fonts/Manrope-Bold/ManropeBold.woff') format('woff'),
         url('../fonts/Manrope-Bold/ManropeBold.ttf') format('truetype'),
         url('../fonts/Manrope-Bold/ManropeBold.svg#ManropeBold') format('svg');
}
@font-face {
    font-family: 'solax-SemiBold';
    src: url('../fonts/Manrope-SemiBold/ManropeSemiBold.eot');
    src: url('../fonts/Manrope-SemiBold/ManropeSemiBold.eot') format('embedded-opentype'),
         url('../fonts/Manrope-SemiBold/ManropeSemiBold.woff2') format('woff2'),
         url('../fonts/Manrope-SemiBold/ManropeSemiBold.woff') format('woff'),
         url('../fonts/Manrope-SemiBold/ManropeSemiBold.ttf') format('truetype'),
         url('../fonts/Manrope-SemiBold/ManropeSemiBold.svg#ManropeSemiBold') format('svg');
}

:root {
    /* 字号 */
    --hero: 100px;
    --headline-1: 66px;
    --headline-2: 56px;
    --headline-3: 40px;
    --headline-4: 30px;
    --headline-5: 24px;
    --headline-6: 20px;
    --font44: 44px;
    --font32: 32px;
    /* 段落字号 */
    --body-l: 20px;
    --body-m: 18px;
    --label-m: 18px;
    --body-s: 15px;
    --parga: 16px;
    --caption: 12px;
    /* 行高 */
    --line12: 1.3;
    --line15: 1.5;
    --line175: 1.75;
    /* 导航-高度 */
    --headh: 82px;
    --headh1: 138px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #FFC000;
    --colors-brand-yellow-300: #FFC000;
    --colors-brand-yellow-100: #FFF2D0;
    --colors-brand-yellow-80: #FAF5EA;
    --colors-brand-yellow-50: #FEFBF3;
    --colors-brand-orange-500: #B36200;
    --colors-brand-orange-400: #EE8300;
    --colors-brand-orange-300: #F59B00;
    --colors-greyscale-black-600: #000;
    --colors-greyscale-black-500: #1C1C1C;
    --colors-greyscale-black-400: #4D4D4D;
    --colors-greyscale-black-300: #707070;
    --colors-greyscale-black-200: #B2B2B2;
    --colors-greyscale-black-100: #DEDEDE;
    --colors-greyscale-black-50: #F6F4F4;
    --colors-greyscale-white-00: #FFF;
    --colors-supporting-green-600: #2D472F;
    --colors-supporting-green-300: #6FBA84;
    --colors-supporting-green-100: #C5E3CE;
    --colors-supporting-green-50: #E2F1E6;
    --colors-supporting-red-400: #E20F2B;
    --colors-supporting-red-100: #F49FA0;
    --colors-supporting-red-50: #FCE7E7;
    --colorbj: ;
    /* 板块间距 */
    --space200: 200px;
    --space140: 140px;
    --space120: 120px;
    --space100: 100px;
    --space80: 80px;
    --space70: 70px;
    --space64: 64px;
    --space50: 50px;
    --space40: 40px;
    --space24: 24px;
    --space16: 16px;
    --space12: 12px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --font-medium:'solax-Medium';
    --font-bold:'solax-Bold';
    --font-SemiBold:'--font-SemiBold';
    --radius16: 16px;
    --radius20: 20px;
    --radius24: 24px;
    --radius40: 40px;
    --icon-width: 24px;
    --mod-width: 112px;
    --mod-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
}
.std-medium{
    font-family: var(--font-medium);
}
.std-bold{
    font-family: var(--font-bold);
}
.std-semibold{
    font-family: var(--font-SemiBold);
}
.std-h1 {
    font-size: var(--headline-1);
    line-height: var(--line12);
}
.std-h2,
.yxedr-active h2 {
    font-size: var(--headline-2);
    line-height: var(--line12);
}
.std-h3,
.yxedr-active h3 {
    font-size: var(--headline-3);
    line-height: var(--line12);
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--headline-4);
    line-height: var(--line12);
}
.std-h5,
.yxedr-active h5 {
    font-size: var(--headline-5);
    line-height: var(--line12);
}
.std-h6,
.yxedr-active h6 {
    font-size: var(--headline-6);
    line-height: var(--line12);
}
.std-text18,
.std-text18 p {
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-600);
    line-height: var(--line12);
}
.yxedr-active p {
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-600);
    line-height: var(--line12);
    margin-bottom: 20px;
}
.std-padtop1 {
    padding-top: var(--space200);
}
.std-padbot1 {
    padding-bottom: var(--space200);
}
.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(255, 255, 255, .5);
    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;
}
/* 过渡 */
.transition-time1{
    transition: all .36s both;
}
.transition-time2{
    transition: all .5s both;
}
/* 侧边锚点隐藏 */
.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{
    
}
.mod-titbox{
    width: 62%;
    margin: auto;
    text-align: center;
}
.mod-titbox .std-h2{
    font-family: var(--font-medium);
    color: var(--colors-greyscale-white-00);
    margin-top: var(--space40);
}
.mod-titbox .std-h5{
    color: var(--colors-greyscale-white-00);
    margin-top: var(--space40);
}
.mod-titbox.act .std-h6,
.mod-titbox.act .std-h2,
.mod-titbox.act .std-h5{
    color: var(--colors-greyscale-black-600);
}
/* 公共样式 - end */
/* Product-Page start */
.ys-footer{
    padding: 60px var(--space64) 40px;
    background: var(--colors-greyscale-black-600);
}
.ys-footer-bt{
    padding: 24px 0;
    border-top: 1px solid var(--colors-greyscale-black-400);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.yfti-logo{
    width: 116px;
}
.yfti-logo a{
    display: block;
    width: 100%;
}
.yfti-logo img{
    width: 100%;
}
.ys-footer-tp{
    padding-top: 40px;
    padding-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ys-footer-tp-info{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.yfti-list{
    padding-left: 180px;
    width: 628px;
}
.yfti-list-wrap-li{
    width: 50%;
    padding: 0 40px;
}
.yfti-list-wrap{
    margin: 0 -40px;
    display: flex;
    align-items: flex-start;
}
.ylwl-tit{
    margin-bottom: 20px;
}
.ylwl-tit a{
    font-size: var(--label-m);
    line-height: var(--line15);
    color: var(--colors-greyscale-black-200);
    font-family: var(--font-medium);
}
.ylwl-link-li a{
    font-size: var(--label-m);
    line-height: var(--line15);
    color: var(--colors-greyscale-white-00);
    text-decoration: underline;
}
.ylwl-link-li{
    margin-bottom: 12px;
}
.ylwl-link-li:last-child{
    margin-bottom: 0;
}
.std-btn1{
    display: inline-block;
}
.std-btn1-box{
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 24px;
    border-radius: 100px;
    background: var(--colors-brand-yellow-300);
    border: 2px solid var(--colors-brand-yellow-300);
    transition: all .36s;
}
.std-btn1-box p{
    font-size: var(--label-m);
    line-height: 46px;
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
}
.std-btn1-box img{
    margin-left: 16px;
    width: var(--icon-width) !important;
}
.std-btn1-box:active {
    background: var(--colors-brand-orange-400) !important;
    border: 2px solid var(--colors-brand-orange-400) !important;
}
.std-btn1-box:focus  {
    border-radius: 100px;
    border: 2px solid var(--colors-greyscale-black-600);
    box-shadow: 0px 0px 24px 0px var(--colors-brand-orange-300);
}
.std-btn2-box:active {
    background: var(--colors-brand-orange-400) !important;
    border: 2px solid var(--colors-brand-orange-400) !important;
}
.std-btn2-box:focus  {
    border-radius: 100px;
    background: var(--colors-brand-yellow-300);
    border: 2px solid var(--colors-greyscale-black-600);
    box-shadow: 0px 0px 24px 0px var(--colors-brand-orange-300);
}
.ys-footer-bt-share ul{
    display: flex;
    align-items: flex-start;
}
.ys-footer-bt-share li{
    width: var(--icon-width);
    margin-left: 16px;
    cursor: pointer;
    position: relative;
}
.ys-footer-bt-share li:nth-child(1){
    margin-left: 0;
}
.ys-footer-bt-share li img{
    width: 100%;
}
.ys-footer-bt-parga p{
    font-size: var(--caption);
    line-height: var(--line15);
    color: var(--colors-greyscale-white-00);
}
.ys-hd-pc{
    padding: 0 var(--space64);
    width: 100%;
    top: 0px !important;
    box-shadow: none !important;
}
.ys-hd-pc::after{
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    transition: all .36s;
    background: var(--colors-greyscale-white-00);
}
.ys-hd-pc-wrap{
    padding: 0 16px;
    display: flex;
    align-items: center;
    width: 100%;
}
.ys-hd-pc.isfixed{
    top: 0;
    /* box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%) !important; */
}
.ys-hd-pc.isfixed::after{
    width: 100%;
    border-radius: 0;
}
.head-logo img{
    opacity: 1 !important;
}
.head-logo{
    width: 180px;
}
.head-logo a{
    width: 100% !important;
    margin-left: 0px;
}
.head-logo a img{
    width: 100%;
}
.head-other{
    width: 280px;
}
.yhpw-list{
    width: calc(100% - 460px);
    display: flex;
    justify-content: flex-start;
    padding: 0 8%;
}
.head-nav-item{
    padding: 0 20px;
}
.head-nav{
    margin: 0 -20px;
}
.head-nav-item-title{
    font-size: var(--label-m);
    color: var(--colors-greyscale-black-600);
    position: relative;
    font-family: var(--font-medium);
}
.head-nav-item-title::before{
    content: "";
    width: 0;
    height: 16px;
    border-radius: 100px;
    background: var(--colors-brand-yellow-300);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all .36s;
}
.head-nav-item.yxnav-active1 .head-nav-item-title{
    padding-left: 40px;
    color: var(--colors-brand-yellow-300);
}
.head-nav-item.yxnav-active1 .head-nav-item-title::before{
    width: 32px;
}
.head-other-btn{
    margin-left: var(--space24);
}
.head-other-lang{
    position: relative;
}
.head-other-lang-tp{
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}
.head-other-lang-tp img{
    width: var(--icon-width);
    margin-left: 8px;
    transition: all .36s;
}
.head-other-lang-tp p{
    font-size: var(--label-m);
    color: var(--colors-greyscale-black-600);
    line-height: var(--headh);
    font-family: var(--font-medium);
}
.head-other-lang-bt{
    width: 100px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colors-greyscale-white-00);
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    display: none;
}
.head-other-lang-bt a{
    font-size: var(--label-m);
    color: var(--colors-greyscale-black-600);
    line-height: var(--line15);
    font-family: var(--font-medium);
    text-align: center;
    display: block;
    padding: 5px;
}
/* .head-other-lang.act img{
    transform: rotate(180deg);
} */
.mod-top{
    /* padding-top: 260px; */
    padding-top: 170px;
}
.pro-creat-tp{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro-creat-tp h1{
    width: 38%;
    color: var(--colors-greyscale-black-600);
    line-height: var(--line12);
    max-width: 684px;
}
.pro-creat-tp-info{
    width: 24%;
    max-width: 430px;
}
.pro-creat-tp-info .std-h5{
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.pcti-btn{
    margin-top: var(--space24);
}
.std-btn2{
    display: inline-block;
}
.std-btn2-box{
    border-radius: 100px;
    border: 2px solid var(--colors-greyscale-black-600);
    transition: all .36s;
    display: flex;
    align-items: center;
    padding: 0 24px;
    cursor: pointer;
}
.std-btn2-box p{
    font-size: var(--label-m);
    line-height: 40px;
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
}
.std-btn2.on img{
    margin-left: 16px;
    width: var(--icon-width);
}
.pro-creat-bt{
    margin-top: 267px;
    width: 100%;
    padding: 0 16px;
}
.pro-creat-bt-wrap{
    position: relative;
    padding-bottom: 112px;
    z-index: 1;
}
.pro-creat-bt-wrap::after{
    content: "";
    width: 100%;
    height: calc(100% - 197px);
    border-radius: var(--radius40);
    background: var(--colors-greyscale-black-600);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2;
}
.pcbw-img{
    width: 39%;
    margin: -197px auto 0;
    max-width: 730px;
    animation-delay: .6s;
}
.pcbw-img img{
    width: 100%;
}
.pcbw-bg{
    width: 100%;
    position: absolute;
    top: 197px;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: -1;
    max-width: calc(1920px - 32px);
    transform-origin: top;
    animation: lightScale 5s linear infinite 1.2s;
}
.pcbw-bg img{
    width: 100%;
}
.pcbw-bg-cont{
    animation-delay: 1s;
}
@keyframes lightScale{
    0%{
        transform: translateX(-50%) scale(0.9);
    }
    50%{
        transform: translateX(-50%) scale(1);
    }
    100%{
        transform: translateX(-50%) scale(0.9);
    }
}
.pcbw-text{
    width: 50%;
    max-width: 946px;
    margin: 140px auto 0;
}
.pcbw-text .std-h3{
    color: var(--colors-greyscale-white-00);
    text-align: center;
    line-height: var(--line12);
}
.ys-content{
    width: 100%;
    padding: 0 var(--space64);
}
.pro-overview .ys-content{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.pro-overview-img{
    padding-left: 167px;
}
.pro-overview-img-wrap{
    width: 100%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.pro-overview-img img{
    width: 100%;
    transition: all .4s ease;
}
.std-titbox{
    width: 46%;
}
.std-right{
    width: 54%;
}
.std-center{
    margin: auto;
    text-align: center;
}
.std-titbox.white .std-h6,
.std-titbox.white .std-h2,
.std-titbox.white .std-h5{
    color: var(--colors-greyscale-white-00);
}
.pro-overview-text{
    width: 42%;
}
.std-titbox .std-h6{
    padding-left: 64px;
    position: relative;
    display: inline-block;
    color: var(--colors-greyscale-black-600);
}
.std-titbox .std-h6::after{
    content: "";
    width: 48px;
    height: 24px;
    border-radius: 100px;
    background: var(--colors-brand-yellow-300);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
/*.std-titbox h2,*/
.std-titbox .std-h2{
    margin-top: var(--space40);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.std-titbox .std-h5{
    margin-top: var(--space40);
    color: var(--colors-greyscale-black-600);
}
.std-titbox .std-btn1,
.std-titbox .std-btn3{
    margin-top: var(--space40);
}
.pdws-li{
    width: 33.333333%;
    padding: 0 12px;
}
.pro-data-wrap{
    position: relative;
}
.pro-data-wrap-btn{
    width: 104px;
    padding: 16px;
    border-radius: 100px;
    background: var(--colors-greyscale-black-50);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
}
.pdwb-icon{
    width: var(--icon-width);
    height: var(--icon-width);
    cursor: pointer;
    transition: all .36s;
}
.pdwb-icon svg{
    width: 100%;
    height: auto;
}
.pdwb-icon path{
    transition: all .36s;
}
.pro-data-wrap-slick{
    margin: 0 -12px;
}
.pro-data{
    padding-bottom: var(--space120);
}
.pdws-li-cont{
    border-radius: var(--radius24);
    background: var(--colors-brand-yellow-80);
    padding: var(--space24);
    height: 100%;
}
.pdws-li-cont-num p{
    font-size: var(--headline-6);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-bold);
}
.pdws-li-cont-num span{
    margin-right: 8px;
    font-size: var(--hero);
    font-family: var(--font-medium);
}
.pdws-li-cont-num{
    margin-bottom: 203px;
}
.pdws-li-cont .std-h5{
    color: var(--colors-greyscale-black-600);
    line-height: var(--line12);
}
.slick-dots li.slick-active {
    background: var(--colors-brand-yellow-300);
}
.slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 3px;
    background: var(--colors-greyscale-black-100);
}
.has-dots .slick-dots{
    bottom: 22px;
}
.has-dots .slick-dots.act{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .3s;
}
.has-dots .slick-list{
    padding-bottom: 96px;
}
.has-dots.empty .slick-list{
    padding-bottom: 0px;
}
.pro-img{
    width: 100%;
    margin-bottom: var(--space120);
    height: 100vh;
}
.pro-img-wrap{
    width: 100%;
    height: 100%;
    transform: scale(0.7);
    transform-origin: top;
}
.pro-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pro-why .ys-content{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: var(--space120);
}
.pro-why-ri{
    padding-left: 318px;
}
.pwru-li{
    border-top: 1px solid var(--colors-greyscale-black-600);
    padding: var(--space24) 0;
}
.pwru-li-parga{
    margin-top: 10px;
}
.pwru-li .std-h4{
    font-family: var(--font-medium);
    transition: all .36s;
    color: var(--colors-greyscale-black-600);
}
.pwru-li-parga p{
    font-size: var(--body-l);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    transition: all .36s;
}
.ys-cont1186{
    width: 66%;
    max-width: 1186px;
    margin: auto;
}
.pwic-li{
    width: 50%;
    padding: 0 13px;
}
.pro-why-img-cont{
    display: flex;
    margin: 0 -13px;
}
.pwic-li-cont{
    width: 100%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.pwic-li img{
    width: 100%;
    transition: all .4s ease;
}
.pwic-li:nth-child(1){
    margin-top: 140px;
}
.pro-case{
    padding-bottom: var(--space120);
}
.pro-case .pro-overview-text {
    width: 49%;
}
.pro-case-bt{
    margin-top: 82px;
    position: relative;
}
.pcbs-li{
    width: 100%;
    padding: 0 8px;
}
.pro-case-bt-slick{
    margin: 0 -8px;
}
.pcbs-li-cont{
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.pcbs-li-cont-img{
    width: 100%;
}
.pcbs-li-cont-img img{
    width: 100%;
}
.pcbs-li-cont-text{
    width: 100%;
    padding: 0 40px;
    bottom: 40px;
    z-index: 5;
}
.pcbs-li-cont-text .std-h3{
    color: var(--colors-greyscale-white-00);
    font-family: var(--font-medium);
    line-height: 1.4;
}
.plct-parga,
.plct-pargas{
    margin-top: 10px;
}
.plct-parga p{
    color: var(--colors-greyscale-white-00);
}
.pro-case-bt-slick .slick-list{
    overflow: visible;
}
.pro-case-bt .pro-data-wrap-btn{
    right: var(--space64);
}
.pro-feature{
    background: var(--colors-brand-yellow-80);
}
.pro-feature-adv-img{
    width: 100%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-top: var(--space40);
    position: relative;
}
.pro-feature-adv-img img{
    width: 100%;
}
.pfai-video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
}
.pfau-li{
    width: 50%;
    padding: 0 12px;
    margin-top: 24px;
}
.pfau-li:nth-child(1),
.pfau-li:nth-child(2){
    margin-top: 0;
}
.pro-feature-adv-ul{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.pfau-li-cont{
    padding: 24px;
    border-radius: var(--radius24);
    background: var(--colors-greyscale-white-00);
    overflow: hidden;
    height: 100%;
}
.pfau-li-cont-icon{
    width: var(--mod-width);
    border-radius: 50%;
    background: var(--colors-brand-yellow-80);
    margin-bottom: 70px;
}
.pfau-li-cont-text .std-h4{
    font-family: var(--font-medium);
}
.pro-feature-info-tit {
    text-align: center;
    margin-bottom: var(--space120);
}
.pro-feature-info-tit h2{
    color: var(--colors-greyscale-black-600);
    margin-bottom: var(--space40);
}
.pro-feature-info-tit .std-h4{
    color: var(--colors-greyscale-black-600);
    width: 50%;
    margin: auto;
}
.pro-norms{
    padding: var(--space120) 0;
    background: var(--colors-greyscale-black-500);
}
.pro-norms h2{
    color: var(--colors-greyscale-white-00);
}
.pro-norms .ys-content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pro-norms-list-tab{
    display: flex;
    margin: 0 -4px;
}
.pnlt-li{
    width: auto;
    padding: 0 4px;
}
.pnlt-li p{
    border-radius: 4px;
    background: var(--colors-greyscale-black-400);
    transition: all .36s;
    color: var(--colors-greyscale-white-00);
    line-height: 38px;
    padding: 0 11px;
    cursor: pointer;
}
.pro-norms-list{
    width: 41%;
}
.pnlt-li.act p{
    background: var(--colors-brand-yellow-300);
    color: var(--colors-greyscale-black-600);
}
.pro-norms-list-form{
    margin-top: var(--space40);
}
.pnlf-li:not(:first-child){
    display: none;
}
.pro-norms-list-note{
    color: var(--colors-greyscale-white-00);
    margin-top: var(--space40);
}
.pnlf-li tr{
    padding-top: 16px;
    padding-bottom: var(--space40);
    border-top: 1px solid var(--colors-greyscale-black-400);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pnlf-li tr:nth-child(1){
    border-top: none;
}
.pnlf-li td:nth-child(1){
    font-size: var(--headline-6);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    font-family: var(--font-bold);
    width: 70%;
}
.pnlf-li td:nth-child(2){
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    text-align: right;
    width: 30%;
}
.pnlf-li td:nth-child(3){
    width: 100%;
    font-size: var(--caption);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    margin-top: 5px;
}
.pnlf-li table{
    width: 100%;
}
.pro-down{
    padding: var(--space120) 0;
    background: var(--colors-greyscale-black-600);
    border-bottom: 1px solid var(--colors-greyscale-black-400);
}
.pro-down .ys-content{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.pro-down-text h2{
    color: var(--colors-greyscale-white-00);
    margin-bottom: 50px;
}
.pro-down-text-parga .std-h5{
    margin-bottom: 25px;
    color: var(--colors-greyscale-white-00);
}
.pro-down-text-parga .std-h5:last-child{
    margin-bottom: 0;
}
.pro-down-text{
    width: 41%;
}
.pro-down-form{
    width: 59%;
    padding-left: 328px;
}
.pro-down-form-select .std-h6{
    color: var(--colors-greyscale-white-00);
    font-family: var(--font-bold);
}
.pdfs-tab{
    margin-top: var(--space24);
}
.ptlw-parga p{
    font-size: var(--body-s);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    transition: all .36s;
    position: relative;
    top: 3px;
}
.pdfs-tab-li{
    margin-bottom: 20px;
}
.pdfs-tab-li:last-child{
    margin-bottom: 0;
}
.pdfs-tab-li-wrap{
    cursor: pointer;
    display: inline-block;
}
.ptlw-box,
.ys-fia-text-btn{
    width: 24px;
    height: 24px;
    border: 1px solid var(--colors-greyscale-white-00);
    position: relative;
    transition: all .36s; 
}
.ptlw-box img,
.ys-fia-text-btn img{
    width: 100%;
    transition: all .36s;
    opacity: 0;
}
.ptlw-parga{
    width: calc(100% - 24px);
    padding-left: 8px;
}
/* .pro-down-form-select{
    margin-bottom: 60px;
} */
.pdfs-tab-li.act img{
    opacity: 1;
}
.pdfs-tab-li span{
    font-size: var(--caption);
    line-height: var(--line12);
    color: var(--colors-supporting-red-100);
    margin-top: 8px;
    display: none;
}
.pdfs-info{
    margin-top: 60px;
}
.pdfs-info .std-h6{
    color: var(--colors-greyscale-white-00);
    font-family: var(--font-bold);
    margin-bottom: var(--space24);
}
.ys-fii-input{
    border: none;
    transition: all .36s;
    height: 56px;
    position: relative;
}
.ys-fii-input input{
    font-size: var(--body-m);
    color: var(--colors-greyscale-white-00);
    border-bottom: 1px solid var(--colors-brand-yellow-300);
    transition: all .36s;
    border-radius: 0 !important;
}
.ys-fii-name{
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    transition: all .36s;
    margin-bottom: 0;
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
    pointer-events: none;
    transform-origin: left center;
    transition: all .5s cubic-bezier(.16,1.08,.38,.98);
    transform: translateY(-50%) scale(.66);
}
.ys-fii-input input:not(:focus)~.ys-fii-name {
    top: 50%;
    transform: translateY(-50%) scale(1);
    color: var(--colors-greyscale-black-200);
}
.ys-fii-input input:not(:focus){
    border-bottom: 1px solid var(--colors-greyscale-white-00);
} 
.ys-form-inof-item.act .ys-fii-name{
    top: calc(50% - 30px) !important;
    transform: translateY(-50%) scale(.66) !important;
}
.pdfs-info-list-li{
    margin-bottom: 20px;
    position: relative;
}
.ys-fii-tips span,
.ys-fii-tips i{
    font-size: var(--caption);
    line-height: var(--line12);
    margin-top: 8px;
    color: var(--colors-supporting-red-100);
    display: inline-block;
}
.ys-fii-tips i{
    font-style: normal !important;
}
.pdfs-tab-notice{
    display: none;
}
.pdfs-tab-notice p{
    font-size: var(--caption);
    line-height: var(--line12);
    margin-top: 8px;
    color: var(--colors-supporting-red-100);
}
.pdfs-list.ys-form-empty .pdfs-tab-notice{
    display: block;
}
.ys-fii-icon{
    width: var(--icon-width);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .36s;
    opacity: 0;
}
.ys-fii-icon img{
    width: 100%;
}
.ys-form-inof-item label{
    position: relative;
    display: block;
    width: 100%;
}
.ys-form-empty .ys-fii-icon{
    opacity: 1;
}
.ys-form-empty .ys-fii-input input{
    border-bottom: 1px solid var(--colors-supporting-red-100);
}
.ys-fia-text-btn::before,
.ys-fia-text-btn::after{
    display: none;
}
.ys-fia-text-word{
    width: calc(100% - 24px);
    padding-left: 8px;
    position: relative;
    top: 3px;
}
.ys-fia-text-word p{
    font-size: var(--body-s);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
}
.ys-fia-text-word p a{
    text-decoration: underline;
    color: var(--colors-greyscale-white-00);
}
.ys-fia-text-btn{
    top: 0;
}
.ys-form-land,
.ys-form-inof-agree{
    margin-bottom: 44px;
}
.ys-form-inof-agree.on .ys-fia-text-btn img:nth-child(1){
    opacity: 1;
}
.ys-form-land .ys-fii-name{
    top: 50%;
    transform: translateY(-50%) scale(1);
    color: var(--colors-greyscale-black-200);
}
.ys-form-land .ys-fii-name.act{
    top: calc(50% - 30px);
    transform: translateY(-50%) scale(.66);
}
.light .ys-form-land .ys-fii-name.act{
    color: var(--colors-greyscale-black-600) !important;
}
.light .ys-form-land .ys-fii-name{
    color: var(--colors-greyscale-black-300) !important;
}
.ys-form-inof-submit {
    width: auto;
    margin-left: 0;
}
.mod-icon{
    position: relative;
}
.mod-icon img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
}
.mod-icon img:nth-child(2){
    opacity: 0;
}
.ys-form-inof-item .ys-select-bd {
    background: var(--colors-greyscale-black-400);
    border: none;
}
.ys-fiiss-core{
    max-height: 200px;
}
.ys-fiiss-core li{
    border-bottom: 1px solid var(--colors-greyscale-black-300);
    font-size: var(--body-m) !important;
    line-height: var(--line15) !important;
    color: var(--colors-greyscale-white-00) !important;
    padding: 11px 16px !important;
    position: relative;
    transition: all .36s;
}
.ys-fiiss-core li::after{
    content: "";
    width: var(--icon-width);
    height: var(--icon-width);
    background: url(../images/select1.svg) center / cover no-repeat;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    transition: all .36s;
    opacity: 0;
}
.ys-fiiss-core{
    padding: 0 !important;
}
.ys-form-empty:not(.ys-form-empty1) .ys-fii-tips i {
    display: none;
}
.ys-form-empty.ys-form-empty1 .ys-fii-tips span {
    display: none;
}
.light .ys-form-inof-item .ys-select-bd{
    background: var(--colors-greyscale-black-600);
}
.light .ys-fiiss-core li{
    border-bottom: 1px solid var(--colors-greyscale-black-400);
}
.light .ys-fii-tips span,
.light .ys-fii-tips i{
    color: var(--colors-supporting-red-400);
}
.light .ys-form-empty .ys-fii-input input{
    border-bottom: 1px solid var(--colors-supporting-red-400) !important;
}
.light .ys-fii-input input:not(:focus){
    border-bottom: 1px solid var(--colors-greyscale-black-600);
}
.light .ys-fii-input input{
    color: var(--colors-greyscale-black-600);
}
.light .ys-fii-name{
    color: var(--colors-greyscale-black-600);
}
.light .ys-fii-input input:not(:focus)~.ys-fii-name {
    color: var(--colors-greyscale-black-300);
}
.light .ys-fii-input input::placeholder{
    color: var(--colors-greyscale-black-300) !important;
}
.ys-fiiss-core li.on::after{
    opacity: 1;
}
.ys-fiiss-core li.on{
    color: var(--colors-brand-yellow-300) !important;
}
.ys-fii-input input::placeholder{
    color: var(--colors-greyscale-black-200) !important;
}
.pro-feature-info{
    margin-bottom: var(--space120);
}
.pro-feature-info-slick{
    width: 34%;
    margin: auto;
    max-width: 604px;
}
.pfis-ul{
    margin: 0 -150px;
}
.pfis-ul-li{
    width: 100%;
    padding: 0 150px;
    filter: blur(10px);
    /* filter: blur(4px); */
    transition: all .36s;
}
.pfis-ul-li.slick-current{
    filter: blur(0px);
}
.pfis-ul .slick-list{
    overflow: visible;
}
.pfis-ul .slick-dots {
    bottom: 0;
}
.pro-feature-info-slick .pro-data-wrap-btn{
    position: static;
    margin: var(--space40) auto 0;
}
.pro-data-wrap-btn.black{
    background: var(--colors-greyscale-black-600);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 2px !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colors-greyscale-black-50) !important;
}
.ys-form-inof.light .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--colors-greyscale-black-400);
}
.ys-form-inof.light .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colors-greyscale-white-00) !important;
}
/* 联系弹窗-start */
.contact-pop {
    background: rgba(0, 0, 0, .4);
}
.contact-pop .ys-modal-container,
.down-pop .ys-modal-container {
    width: 100%;
    height: 100%;
}
.contact-pop .ys-modal-content,
.down-pop .ys-modal-content{
    width: 38%;
    margin-left: 62%;
    height: 100%;
    max-height: inherit;
    position: relative;
    padding: 0 var(--space64);
    display: flex;
    align-items: center;
}
.contact-pop-wrap{
    max-height: calc(100vh - 160px);
}
.ys-modal-close{
    display: flex;
    align-items: center;
    top: 30px;
    right: auto;
    left: calc(62% + var(--space64));
}
.ys-modal-close img{
    width: var(--icon-width);
    margin-left: 8px;
}
.ys-modal-close p{
    font-size: var(--label-m);
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
}
.contact-pop .std-h1{
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
    margin-bottom: 25px;
}
.ys-form-inof-text .ys-fii-name{
    position: static;
    transform: inherit;
    color: var(--colors-greyscale-black-300) !important;
}
.ys-form-inof-text .ys-fii-input {
    height: 100px;
}
.ys-fii-input textarea{
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-600);
    line-height: var(--line15);
    border-bottom: 1px solid var(--colors-greyscale-black-600);
    border-radius: 0 !important;
}
.yfii-tit{
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-600);
    line-height: var(--line12);
    margin-bottom: 16px;
}
.yfii-list-li{
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 12px;
}
.yfii-list-li:last-child{
    margin-bottom: 0;
}
.yfii-list-li-circle{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--colors-greyscale-white-00);
    transition: all .36s;
    position: relative;
}
.yfii-list-li-circle::after{
    content: "";
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: var(--colors-greyscale-white-00);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
    opacity: 0;
}
.yfii-list-li p{
    font-size: var(--body-s);
    color: var(--colors-greyscale-white-00);
    line-height: var(--line12);
    margin-left: 8px;
}
.light .yfii-list-li-circle{
    border: 1px solid var(--colors-greyscale-black-600);
}
.light .yfii-list-li-circle::after{
    background: var(--colors-greyscale-black-600);
}
.light .yfii-list-li p{
    color: var(--colors-greyscale-black-600);
}
.light .ys-fia-text-word p,
.light .ys-fia-text-word p a{
    color: var(--colors-greyscale-black-600);
}
.light .ys-fia-text-btn{
    border: 1px solid var(--colors-greyscale-black-600);
}
.yfii-list-li.act .yfii-list-li-circle::after{
    opacity: 1;
}
.pdfs-info-list-single{
    margin-bottom: 60px;
}
.ys-form-inof-notice{
    width: 100%;
    border-radius: 4px;
    background: var(--colors-supporting-red-400);
    padding: 16px;
    margin-bottom: 24px;
    font-size: var(--body-s);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    display: none;
}
.ys-form-inof-notice.act{
    display: block;
}
.ys-form-inof-success{
    width: 100%;
    border-radius: 4px;
    background: var(--colors-supporting-green-300);
    padding: 16px;
    display: none;
    margin-bottom: 24px;
}
.ys-form-inof-success.act{
    display: block;
}
.ys-form-inof-success p{
    margin-bottom: 14px;
    font-size: var(--body-s);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.ys-form-inof-success p:last-child{
    margin-bottom: 0;
}
/* .ys-form-email.ys-form-empty.act span{
    display: none;
}
.ys-form-email.ys-form-empty.act i{
    display: block;
} */
.ys-form-email.ys-form-empty.act+.ys-form-inof-notice{
    display: block;
}
.contact-pop-wrap .mCSB_outside+.mCSB_scrollTools {
    right: -32px;
}
.contact-pop-wrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colors-greyscale-black-400) !important;
}
.ys-form-inof .mCSB_outside+.mCSB_scrollTools{
    right: 0 !important;
}
.ys-fiiss-input{
    background: var(--colorfff);
}
.pill-lab-li{
    margin-right: 16px;
}
.pill-lab-li-cont{
    padding: 12px var(--space24) 12px 12px;
    border-radius: var(--radius16);
    background: var(--colors-greyscale-black-50);
    transition: all .36s;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.pill-lab-li:last-child{
    margin-right: 0;
}
.pill-lab-li p{
    padding-left: 24px;
    font-family: var(--font-medium);
}
.pill-lab{
    margin-top: var(--space24);
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.pill-lab-li.act .pill-lab-li-cont{
    background: var(--colors-brand-yellow-300);
}
.pdfs-info-list-ident{
    margin-bottom: var(--space40);
}
.pllc-img{
    width: 77px;
}
.pllc-img img{
    width: 100%;
}
/* 联系弹窗-end */
/* 手机端导航-start */
.ys-hd-ph-nav{
    padding: 0 var(--space64);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    z-index: 100;
} 
.yhpn-logo{
    width: 112px;
}
.yhpn-logo a{
    display: block;
    padding: 15px 0;
}
.yhpn-logo img:nth-child(2){
    opacity: 0;
}
.yhpn-other-menu-before{
    display: flex;
    align-items: center;
    transition: all .36s;
}
.yhpn-other-menu-before img,
.yhpn-other-menu-close img{
    width: 24px;
    margin-left: 8px;
}
.yhpn-other-menu-before p,
.yhpn-other-menu-close p{
    font-size: 17px;
    color: var(--colors-greyscale-black-600);
    line-height: var(--line12);
    transition: all .36s;
}
.yhpn-other-menu{
    position: relative;
    margin-left: 24px;
}
.yhpn-other-menu-close{
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .36s;
    opacity: 0;
    pointer-events: none;
    transition-delay: .25s;
}
.yhpn-other-menu-close p{
    color: var(--colors-greyscale-white-00);
}
.yhpn-other-lang p{
    line-height: var(--line12);
    transition: all .36s;
    transition-delay: .2s;
}
.yhpn-other{
    display: flex;
    align-items: center;
}
.yhpn-other-lang svg{
    width: 24px;
    transition: all .36s;
}
.yhpn-other-lang svg path{
    transition: all .36s;
    transition-delay: .2s;
}
.ys-hd-ph-menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: var(--colors-greyscale-black-600);
    transform: translateX(100%);
    transition: all .5s cubic-bezier(.55,.085,.68,.53);
}
.ys-hd-ph-menu.act{
    transform: translateX(0);
    transition: all .5s cubic-bezier(.25,.46,.45,.94);
}
.ys-hd-ph-nav.act .yhpn-logo img:nth-child(2) {
    opacity: 1;
    transition-delay: .25s;
}
.ys-hd-ph-nav.act .yhpn-logo img:nth-child(1) {
    opacity: 0;
    transition-delay: .25s;
}
.ys-hd-ph-nav.act .yhpn-other-lang p{
    color: var(--colors-greyscale-white-00);
    transition-delay: .1s;
}
.ys-hd-ph-nav.act .yhpn-other-lang svg path{
    stroke: var(--colors-greyscale-white-00);
    transition-delay: .1s;
}
.ys-hd-ph-nav.act .yhpn-other-menu-close{
    opacity: 1;
    pointer-events: all;
    transition-delay: .05s;
}
.ys-hd-ph-nav.act .yhpn-other-menu-before{
    opacity: 0;
    pointer-events: none;
}
.yhpm-nav-li p{
    display: inline-block;
}
.yhpm-nav-li a,
.yhpm-nav-li p{
    font-size: var(--headline-2);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    transition: all .36s;
    font-family: var(--font-medium);
}
.yhpm-nav-li a::after,
.yhpm-nav-li p::after{
    content: "";
    width: 32px;
    height: 16px;
    border-radius: 100px;
    background: var(--colors-brand-yellow-300);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all .36s;
    opacity: 0;
}
.yhpm-nav-li{
    margin-bottom: 16px;
    position: relative;
}
.yhpm-nav-li:last-child{
    margin-bottom: 0; 
}
.yhpm-nav{
    margin-top: 100px;
    padding: 0 var(--space64);
}
.yhpm-nav-li.yxnav-active2 a,
.yhpm-nav-li.yxnav-active2 p{
    color: var(--colors-brand-yellow-300);
    padding-left: 48px;
}
.yhpm-nav-li.yxnav-active2 a::after,
.yhpm-nav-li.yxnav-active2 p::after{
    opacity: 1;
}
.yhpm-info{
    padding: 0 var(--space64) 32px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.yhpm-info-tp{
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 10px;
    border-top: 1px solid var(--colors-greyscale-black-400);
    border-bottom: 1px solid var(--colors-greyscale-black-400);
}
.yhpm-info-bt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.yhpn-other-lang.act svg{
    transform: rotate(180deg);
}
.ys-hd-ph-mask{
    position: absolute;
    width: 100%;
    height: 56px;
    background: var(--colors-greyscale-white-00);
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .36s;
}
.ys-header.isfixed .ys-hd-ph-mask{
    opacity: 1;
}
/* 手机端导航-end */
/* Product-Page end */
/* Business-Solutions-start */
.solution-energy{
    padding: 0 16px;
    height: 100vh;
    margin-bottom:  var(--space120);
    position: relative;
}
.solution-energy-cont{
    width: 100%;
    border-radius: var(--radius40);
    transform: rotate(0deg) scale(0.7);
    -webkit-transform: rotate(0deg) scale(0.7);
    overflow: hidden;
    position: relative;
    height: 100%;
    transform-origin: top;
}
.solution-energy-cont img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solution-energy h2{
    text-align: center;
    color: var(--colorfff);
    width: 580px;
    z-index: 5;
    opacity: 0;
}
.solution-energy h2.active{
    animation: textUp1 .8s ease-in-out both;
    animation-delay: .1s;
}
@keyframes textUp1{
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,calc(-50% + 60px));
        transform: translate(-50%,calc(-50% + 60px));
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
}
.solution-why{
    margin-bottom: var(--space200);
    background: var(--colors-brand-yellow-80);
    padding: var(--space120) 0;
}
.ys-cont1628{
    width: 85vw;
    max-width: 1628px;
    margin: auto;
}
.solution-why-bt{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: var(--space120);
}
.solution-why-bt-img{
    width: 45%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.solution-why-bt-img img{
    width: 100%;
}
.swbi-icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--colors-greyscale-black-600);
    position: absolute;
    right: 16px;
    bottom: 16px;
    cursor: pointer;
    z-index: 10;
}
.swbi-icon.pause img:nth-child(1){
    opacity: 0;
}
.swbi-icon.pause img:nth-child(2){
    opacity: 1;
}
.solution-why-bt-img video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    background: transparent !important;
}
.solution-why-bt-text{
    width: 55%;
    padding-left: 166px;
}
.swbt-li{
    margin-bottom: 16px;
    padding: var(--space24) var(--space40) var(--space24) var(--space24);
    border-radius: var(--radius24);
    background: var(--colors-greyscale-white-00);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.swbt-li:last-child{
    margin-bottom: 0;
}
.swbt-li-icon{
    width: var(--mod-width);
    height: var(--mod-width);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--colors-brand-yellow-80);
}
.swbt-li-icon img{
    width: 46px;
}
.swbt-li-tit{
    width: calc(100% - var(--mod-width));
    padding-left: 60px;
    color: var(--colors-greyscale-black-600);
    text-align: right;
    font-family: var(--font-medium);
}
.about-around .std-titbox,
.solution-why .std-titbox,
.install-why .std-titbox{
    width: 60%;
}
.solution-why-tit h2{
    margin-top: var(--space40);
    font-family: var(--font-medium);
    color: var(--colors-greyscale-black-600);
}
.solution-why-tit .std-btn1{
    margin-top: var(--space40);
}
.solution-invest-bt{
    position: relative;
    z-index: 1;
    padding: 0 56px 100px 47px;
    margin-top: 70px;
}
.solution-invest-bt::after{
    content: "";
    width: 100%;
    height: calc(100% - 97px);
    border-radius: var(--radius24);
    background: var(--colors-greyscale-black-600);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.sibw-img{
    width: 46%;
    position: relative;
    z-index: 1;
    animation-delay: .6s;
}
.sibw-img img{
    width: 100%;
}
.sibw-bg{
    width: 46%;
    position: absolute;
    top: 97px;
    left: 0;
    z-index: -1;
    animation-delay: 1.2s;
}
.sibw-bg img{
    width: 100%;
}
.solution-invest-bt-wrap{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.sibw-text{
    width: 54%;
    padding-left: 84px;
    margin-bottom: 47px;
}
.sibw-text .std-h3{
    color: var(--colors-greyscale-white-00);
}
.sibw-text-parga{
    margin-top: var(--space24);
}
.sibw-text-parga p{
    color: var(--colors-greyscale-white-00);
}
.sibw-text-btn{
    margin-top: var(--space40);
}
.solution-invest-list{
    display: flex;
    align-items: stretch;
    margin: 0 -20px;
    flex-wrap: wrap;
}
.solution-invest-list-li{
    width: 50%;
    padding: 0 20px;
    margin-top: var(--space40);
}
.sill-cont{
    padding: var(--space24);
    border-radius: var(--radius24);
    background: var(--colors-brand-yellow-80);
    height: 100%;
}
.sill-cont .ys-imgbox-cover{
    width: 42%;
    margin-left: 58%;
}
.sill-cont-text{
    margin-top: var(--space40);
}
.sill-cont-text .std-h3{
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
}
.sill-cont-text-parga{
    margin-top: var(--space24);
    width: 61%;
}
.sill-cont-text-btn{
    margin-top: var(--space40);
}
.solution-custom{
    margin-bottom: var(--space120);
    padding: var(--space120) 0;
    background: var(--colors-greyscale-black-50);
}
.solution-custom .solution-why-tit{
    margin: 0;
    text-align: left;
    width: 42%;
}
.solution-why-list{
    margin-top: var(--space120);
}
.solution-why-more{
    margin: var(--space120) calc(-1 * var(--space12)) 0;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.home-install .solution-why-more{
    margin-top: 150px;
}
.home-install .home-pro-bt-more{
    padding: 0;
}
.solution-why-list-ul{
    margin: 0 -12px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.swlu-li{
    width: 50%;
    padding: 0 12px;
    margin-top: 24px;
}
.swlu-li:nth-child(1),
.swlu-li:nth-child(2){
    margin-top: 0;
}
.swlu-li-cont{
    width: 100%;
    border-radius: var(--radius24);
    background: var(--colors-greyscale-white-00);
    padding: 140px 70px var(--space24) var(--space24);
    height: 100%;
}
.swlu-li-cont-parga{
    margin-top: 16px;
}
/* .swlu-li-cont-parga p{
    color: var(--color666);
} */
.swlu-li-cont-tit{
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
}
.solution-why-more-li{
    width: 50%;
    padding: 0 var(--space12);
}
.swmi-cont{
    width: 100%;
    border-radius: var(--radius16);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.swmi-cont img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease;
}
.swml-cont{
    border-radius: var(--radius24);
    background: var(--colors-greyscale-black-500);
    padding: var(--space40);
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.swml-cont-tit{
    color: var(--colors-greyscale-white-00);
    padding-right: 125px;
    width: 100% !important;
    text-align: left !important;
    margin-top: 0 !important; 
}
.swml-cont-info-parga p{
    color: var(--colors-greyscale-white-00);
    font-size: 16px;
    opacity: 0.8;
}
.swml-cont-btn{
    flex-shrink: 0;
}
.std-btn3{
    display: inline-block;
}
.std-btn3-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: 100px;
    border: 2px solid var(--colors-greyscale-white-00);
    transition: all .36s;
    cursor: pointer;
}
.std-btn3-box p{
    color: var(--colors-greyscale-white-00);
    font-size: var(--body-m);
    line-height: 46px;
    transition: all .36s;
    font-family: var(--font-medium);
}
.std-btn3-box-icon{
    width: var(--icon-width);
    margin-left: 16px;
}
.std-btn3-box-icon svg{
    width: 100%;
    height: auto;
}
.std-btn3-box-icon path{
    transition: all .36s;
}
.swml-cont-info{
    display: flex;
    align-items: flex-end;
    justify-content: end;
}
.swml-cont-info-btn{
    flex-shrink: 0;
}
.swml-cont-info-parga{
    padding-right: 100px;
}
.solution-case{
    padding-bottom: var(--space120);
}
.solution-case .std-titbox{
    width: 70%;
}
.solution-about .std-titbox {
    width: 56%;
}
.solution-why-tit .std-h5{
    color: var(--colors-greyscale-black-600);
    margin-top: var(--space40);
}
.solution-case .solution-why-tit{
    width: 74.5%;
}
.solution-case-bt{
    position: relative;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 67%;
    margin: 56px auto 0;
}
.solution-case-bt-icon{
    width: var(--mod-width);
    z-index: 5;
    cursor: pointer;
    border-radius: 50%;
    background: var(--colors-greyscale-black-600);
}
.solution-case-bt-icon img{
    width: 100%;
}
.solution-case-bt img{
    width: 100%;
}
.solution-faq{
    padding: var(--space120) 0;
    background: var(--colors-greyscale-black-500);
    margin-bottom: var(--space200);
}
.solution-faq .ys-content{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.solution-faq-tit{
    width: 42%;
    margin: 0;
    text-align: left;
}
.solution-faq-tit .std-h6,
.solution-faq-tit .std-h2{
    color: var(--colors-greyscale-white-00);
}
.sflu-li-tp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}
.sflu-li-tp-icon{
    width: var(--icon-width);
    height: var(--icon-width);
}
.sflu-li-tp .std-h5{
    width: calc(100% - var(--icon-width));
    padding-right: 40px;
    color: var(--colors-greyscale-white-00);
}
.sflu-li{
    border-top: 1px solid var(--colors-greyscale-black-400);
    cursor: pointer;
}
.sflu-li:last-child{
    border-bottom: 1px solid var(--colors-greyscale-black-400);
}
.solution-faq-list{
    padding-left: 170px;
}
.sflu-li-bt p{
    color: var(--colors-greyscale-white-00);
    margin-bottom: 18px;
    opacity: 0.8;
}
.sflu-li-bt p a{
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: underline;
}
.sflu-li-bt p:last-child{
    margin-bottom: 0;
}
.sflu-li-bt{
    width: 63%;
    margin-top: var(--space24);
    margin-bottom: var(--space40);
    display: none;
}
.sflu-li.act .sflu-li-tp-icon img:nth-child(1){
    opacity: 0;
}
.sflu-li.act .sflu-li-tp-icon img:nth-child(2){
    opacity: 1;
}
.solution-about .pro-why-img-cont{
    margin-top: 80px;
}
.solution-about .solution-why-tit {
    width: 75%;
}
.solution-stand{
    padding-bottom: 135px;
}
.solution-stand .ys-content{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.solution-stand h2{
    color: var(--colors-greyscale-black-600);
    width: 41%;
    font-family: var(--font-medium);
}
.solution-stand-list{
    width: 59%;
    padding-left: 175px;
}
.ssll-ri-li .std-h6{
    font-family: var(--font-bold);
    flex-shrink: 0;
    color: var(--colors-greyscale-black-600);
    transition: all .36s;
}
.ssll-ri-li{
    padding: 16px 0;
    border-top: 1px solid var(--colors-greyscale-black-200);
}
.ssll-ri-li-cont{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ssll-ri-li-parga{
    padding-left: 64px;
}
.ssll-ri-li-parga p{
    text-align: right;
    transition: all .36s;
}
.ssll-le{
    width: 112px;
}
.ssll-le img{
    width: 100%;
}
.ssll-ri{
    width: calc(100% - 112px);
    padding-left: 192px;
}
.solution-stand-list-li{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 64px;
}
.solution-stand-list-li:last-child{
    margin-bottom: 0;
}
.solution-develop h1{
    font-size: var(--hero);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    margin-left: 296px;
    width: 54%;
}
.solution-develop-bt{
    margin-top: 147px;
    padding-left: 153px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.solution-develop-bt-img{
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 54%;
}
.solution-develop-bt-img img{
    width: 100%;
    transition: all .4s ease;
}
.solution-develop-bt-text{
    width: 46%;
    padding-left: 176px;
    margin-top: 360px;
}
.solution-develop-bt-text h2{
    color: var(--colors-greyscale-black-600);
    font-size: var(--headline-4);
}
/* Business-Solutions-end */
/* Installer-Overview-start */
.install-program .ys-content{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.install-program-img{
    width: 50%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.install-program-img img{
    width: 100%;
    transition: all .4s ease;
}
.install-program-text{
    width: 50%;
    padding-right: 60px;
}
.install-program{
    padding-bottom: 160px;
}
.install-program-text h1{
    color: var(--colors-greyscale-black-600);
}
.install-program-text-parga{
    margin-top: var(--space40);
    width: 52%;
}
.install-program-text-btn{
    margin-top: 16px;
}
.install-why{
    margin-bottom: var(--space200);
    padding: var(--space120) 0;
    background: var(--colors-brand-yellow-80);
}
.install-why .solution-why-tit{
    width: 57%;
}
.install-why-bt{
    margin-top: var(--space120);
    position: relative;
}
.iwbu-li,
.ihss-li{
    width: 33.333333%;
    padding: 0 12px;
    height: auto !important;
}
.install-why-bt-ul,
.install-how-slick-slick{
    margin: 0 -12px;
}
.iwbu-li-cont{
    width: 100%;
    border-radius: var(--radius24);
    background: var(--colors-greyscale-white-00);
    height: 100%;
    padding: var(--space24) 70px var(--space24) var(--space24);
}
.iwbu-li-cont-icon{
    width: var(--mod-width);
    border-radius: 50%;
    background: var(--colors-brand-yellow-80);
}
.iwbu-li-cont-icon img{
    width: 100%;
}
.iwbu-li-cont-tit{
    margin-top: var(--space40);
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
    transition: all .36s;
}
.iwbu-li-cont-parga{
    margin-top: 16px;
}
.iwbu-li-cont-parga p{
    font-size: var(--parga);
    /* color: var(--color666); */
}
.install-network .ys-content{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.install-how h2{
    text-align: center;
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
}
.install-how-wrap .ys-cont1186,
.install-how-wrap .ys-cont1492{
    position: relative;
    margin-top: 80px;
}
.install-how-wrap .ys-cont1492::after,
.install-how-wrap .ys-cont1186::after{
    content: "";
    width: 110vw;
    height: 100%;
    border-radius: var(--radius24);
    background: var(--colors-greyscale-black-500);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
    z-index: -1;
}
.install-how-wrap.act .ys-cont1186::after,
.install-how-wrap.act .ys-cont1492::after{
    animation: subscribeChange1 1.5s ease-in-out both;
}
@keyframes subscribeChange1{
    0%{
        width: 110vw
    }
    100%{
        width: 100%;
    }
}
.install-how-link{
    padding: var(--space40);
    /* border-radius: var(--radius24);
    background: var(--colors-greyscale-black-500);
    margin-top: 80px; */
}
.install-how-link .std-h2{
    color: var(--colorfff);
    text-align: left;
    width: 60%;
}
.install-how-link-parga{
    margin-top: var(--space24);
    width: 42%;
}
.install-how-link-parga p{
    color: var(--colors-greyscale-white-00);
}
.install-how-link-btn{
    margin-top: 60px;
    display: flex;
    justify-content: flex-end;
}
.ihlb-li{
    margin-left: 16px;
}
.install-how-slick{
    margin-top: 80px;
    position: relative;
}
.ihss-li .iwbu-li-cont{
    background: var(--colors-brand-yellow-80);
}
.ihss-li .iwbu-li-cont-icon{
    background-color: var(--colors-greyscale-white-00);
}
.install-state{
    margin-bottom: var(--space200);
    padding-top: 153px;
    padding-bottom: 163px;
    background: var(--colors-greyscale-black-500);
}
.install-state .ys-content{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.install-state-le .std-h6,
.install-state-le .std-h2,
.install-state-le .std-h5{
    color: var(--colors-greyscale-white-00);
}
.pro-overview-text-btn{
    margin-top: var(--space40);
}
.install-main .solution-faq{
    margin-bottom: 0;
}
.install-main .mod-bread,
.found-main .mod-bread,
.utility-main .mod-bread{
    padding: 0 var(--space64);
}
.install-future{
    padding: 0 16px;
    margin-bottom: var(--space200);
    position: relative;
    height: 100vh;
}
.install-future-img{
    width: 100%;
    height: 100%;
    border-radius: var(--radius24);
    transform: rotate(0deg) scale(0.7);
    -webkit-transform: rotate(0deg) scale(0.7);
    overflow: hidden;
    position: relative;
    transform-origin: top;
}
.install-future-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.install-future h2{
    font-size: var(--hero);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    font-family: var(--font-medium);
    width: 64%;
    position: absolute;
    bottom: 50px;
    left: 48px;
    z-index: 5;
    opacity: 0;
}
.install-future h2.active{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .1s;
}
.install-future-img-video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
    background: transparent !important;
}
.ys-cont1492{
    width: 85vw;
    max-width: 1492px;
    margin: auto;
}
.install-evaluate-cont-img{
    width: 49%;
    padding-top: 290px;
    animation: vert-1 4s infinite alternate;
}
.ieci-pic{
    width: 100%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.ieci-pic img{
    width: 100%;
}
.install-evaluate-cont-text{
    width: 60%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    animation: mover-3 4s infinite alternate;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding-right: var(--space40);
}
.install-evaluate-cont{
    position: relative;
} 
.iect-text{
    width: 60%;
    padding: 150px 0 var(--space40) 20px;
}
.iect-text .std-h4{
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
}
.iect-text-info{
    margin-top: var(--space24);
}
.iect-text-info p{
    font-size: var(--body-s);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.iect-text-info p span{
    font-size: var(--caption);
    margin-top: 4px;
}
.iect-img{
    width: 40%;
}
.iect-img img{
    width: 100%;
}
.install-evaluate-cont-text::after{
    content: "";
    width: 100%;
    height: calc(100% - 55px);
    border-radius: var(--radius24);
    background: var(--colors-brand-yellow-80);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.iect-icon{
    width: var(--mod-width);
    border-radius: 50%;
    background: var(--colors-greyscale-black-600);
    position: absolute;
    right: 40px;
    top: 10px;
    z-index: 5;
}
.iect-icon img{
    width: 100%;
}
.isrl-li:not(:first-child){
    display: none;
}
.install-state-ri-list{
    margin-top: var(--space40);
}
.ilci-tit{
    font-family: var(--font-bold);
    color: var(--colors-greyscale-white-00);
    width: 34%;
}
.ilci-parga{
    width: 66%;
}
.ilci-parga p{
    color: var(--colors-greyscale-white-00);
    text-align: right;
}
.isrl-li-cont-item{
    display: flex;
    align-items: flex-start;
    padding: 16px 0;
    border-top: 1px solid var(--colors-greyscale-black-400);
}
@-webkit-keyframes vert-1 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50px);
    }
}
@keyframes vert-1 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50px);
    }
}
@-webkit-keyframes mover-3 {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(100px);
    }
}
@keyframes mover-3 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(100px);
    }
}
/* Installer-Overview-end */
/* About-start */
.about-ban{
    padding: 80px 16px 0;
    margin-bottom: var(--space200);
    /* margin-bottom: 0 !important; */
    position: relative;
}
.about-ban-img{
    width: 100%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.about-ban-img img{
    width: 100%;
}
.about-ban h1{
    font-size: var(--headline-1);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    text-align: center;
    padding: 0 var(--space64);
}
.about-leader{
    padding-bottom: var(--space120);
}
.about-leader-tit{
    color: var(--colors-greyscale-black-600);
    width: 62%;
    margin: 0 auto var(--space200);
    text-align: center;
}
.about-leader-bt{
    position: relative;
}
.albs-li,
.apbs-li{
    width: 33.333333%;
    padding: 0 12px;
    height: auto !important;
}
.about-leader-bt-slick,
.about-perfor-bt-slick{
    margin: 0 -12px;
}
.albs-li-cont{
    width: 100%;
    height: 100%;
    padding: var(--space24);
    border-radius: var(--radius24);
    background: var(--colors-brand-yellow-80);
}
.alcw-num{
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-bold);
    margin-bottom: var(--space120);
}
.alcw-num span{
    font-size: var(--hero);
    font-family: var(--font-medium);
    color: var(--colors-greyscale-black-600);
    margin-right: 8px;
}
.alcw-tit{
    color: var(--colors-greyscale-black-600);
    font-size: var(--body-m);
}
.albs-li-cont-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.about-what-list-li{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.about-what-list-li:last-child{
    margin-bottom: 0;
}
.about-what .std-titbox{
    width: 86%;
}
.awll-img{
    width: 32%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.awll-img img{
    width: 100%;
}
.awll-text{
    width: 68%;
    padding-left: 178px;
}
.awll-text-wrap{
    padding-bottom: var(--space40);
    border-bottom: 1px solid var(--colors-greyscale-black-600);
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.awll-text-wrap-tit{
    width: 27%;
}
.awll-text-wrap-parga{
    width: 73%;
    padding-left: 24px;
}
.atwt-num{
    color: var(--colors-greyscale-black-600);
}
.atwt-text{
    margin-top: var(--space16);
    color: var(--colors-greyscale-black-600);
}
.about-what-list-li{
    margin-bottom: 64px;
}
.about-what-list{
    margin-top: var(--space120);
}
.about-what-tit{
    text-align: left;
    margin: 0;
}
.about-perfor .mod-titbox{
    padding-bottom: var(--space120);
    margin: auto;
    text-align: center;
}
.about-perfor-bt{
    position: relative;
    margin: var(--space120) 0;
}
.about-perfor-bt .slick-dots.act,
.about-around-bt .slick-dots.act{
    animation-delay: .4s;
}
.apbs-li-cont{
    background: var(--colors-brand-yellow-80);
}
.about-perfor .pro-why-img-cont{
    margin-top: 0;
}
.about-around{
    padding: var(--space120) 0;
    background: var(--colors-brand-yellow-80);
}
.about-around .std-titbox{
    margin-bottom: 56px;
}
.about-around-info{
    width: 41%;
    margin: 0 auto var(--space120);
}
.about-around-bt{
    position: relative;
}
.about-around-info-li{
    padding-top: var(--space16);
    margin-bottom: var(--space24);
    border-top: 1px solid var(--colors-greyscale-black-400);
    display: flex;
    align-items: flex-start;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}
.aail-parga p{
    text-align: right;
}
.aail-tit{
    color: var(--colors-greyscale-black-600);
}
.about-around-info-li:last-child{
    margin-bottom: 0;
}
.about-around-bt h3{
    margin-bottom: 64px;
    text-align: center;
}
.aabu-slick-li{
    width: 33.333333%;
    padding: 0 12px;
}
.aabu-slick{
    margin: 0 -12px;
}
.aabu-slick-li-cont{
    padding: var(--space24);
    border-radius: var(--radius24);
    background: var(--colors-greyscale-white-00);
    width: 100%;
    height: 100%;
}
.aslc-img{
    width: var(--mod-width);
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.aslc-img img{
    width: 100%;
}
.aslc-text-parga{
    margin-top: 16px;
}
.aslc-text{
    margin-top: 68px;
}
.aslc-text .std-h4{
    color: var(--colors-greyscale-black-600);
}
.solution-faq-tit .std-h6{
    color: var(--colors-greyscale-white-00);
}
.about-achieve-list-li{
    padding: var(--space40) 0;
    border-top: 1px solid var(--colors-greyscale-white-00);
}
.aall-cont{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.aall-parga{
    padding-left: 30px;
}
.aall-parga p{
    font-size: var(--body-l);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    text-align: right;
}
.about-achieve-list-li .std-h3{
    color: var(--colors-greyscale-white-00);
    font-family: var(--font-medium);
}
.about-achieve-list-li:nth-child(n+4) {
    display: none;
}
.about-achieve-ri-btn{
    margin-top: var(--space40);
    text-align: right;
}
.sbbi-after{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.about-achieve-ri-btn .sflu-li-tp-icon{
    transition: all .36s;
}
.about-achieve-ri-btn .std-btn3.act .sflu-li-tp-icon img:nth-child(1){
    opacity: 0;
}
.about-achieve-ri-btn .std-btn3.act .sflu-li-tp-icon img:nth-child(2){
    opacity: 1;
}
.about-brand-mid{
    margin-top: 62px;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.about-brand-mid img{
    width: 100%;
}
.about-brand-mid-mask,
.solution-case-bt-mask{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%) scale(.4);
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 1000vw #fff;
}
.pro-feature .solution-case-bt-mask{
    box-shadow: 0 0 0 1000vw var(--colors-brand-yellow-80);
}
.about-brand-bt{
    margin-top: 180px;
}
.about-brand-bt h3{
    text-align: center;
    color: var(--colors-greyscale-black-600);
}
.about-brand-bt-logo{
    margin-top: var(--space40);
}
.abbl-ul-li{
    width: 14.285714%;
    padding: 0 8px;
    margin-top: 16px;
}
.abbl-ul-li:nth-child(1),
.abbl-ul-li:nth-child(2),
.abbl-ul-li:nth-child(3),
.abbl-ul-li:nth-child(4),
.abbl-ul-li:nth-child(5),
.abbl-ul-li:nth-child(6),
.abbl-ul-li:nth-child(7){
    margin-top: 0;
}
.abbl-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
    justify-content: center;
}
.abbl-ul-li .ys-imgbox-cover{
    border-radius: var(--radius16);
    border: 1px solid var(--colors-greyscale-black-100);
}
.about-rate .install-evaluate-cont-text::after{
    width: 100%;
}
.about-rate .install-evaluate-cont,
.about-rate .install-how-link{
    margin-top: var(--space120);
}
.about-rate .install-how-link-parga{
    width: 33%;
}
/* About-end */
/* Landing-start */
.home-about-tit{
    width: 50%;
}
.home-inter{
    padding: var(--space120) 0;
    background: var(--colors-brand-yellow-80);
}
.home-inter-bt{
    margin-top: var(--space120);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.home-inter-bt-img{
    width: 45%;
    padding-left: 78px;
}
.hibi-pic{
    width: 100%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.hibi-pic img{
    width: 100%;
}
.home-inter-bt-text{
    width: 55%;
    padding-left: 240px;
}
.hibt-list-li{
    padding: var(--space24) 0;
    border-top: 1px solid var(--colors-greyscale-black-600);
}
.hibt-list-li .std-h4{
    color: var(--colors-greyscale-black-600);
}
.hibt-list-li p{
    font-size: var(--body-l);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    margin-top: var(--space16);
}
.hibt-tit{
    margin-top: var(--space40);
    color: var(--colors-greyscale-black-600);
}
.home-pro{
    background: var(--colors-greyscale-black-600);
    padding-top: var(--space200);
    padding-bottom: var(--space120);
    margin-bottom: var(--space200);
    position: relative;
}
.home-pro::after{
    content: "";
    width: calc(var(--space64) + var(--space40));
    height: 100%;
    background: var(--colors-greyscale-black-600);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.home-pro-bt{
    position: relative;
    z-index: 1;
    padding-bottom: var(--space40);
    margin-top: var(--space24);
    overflow: hidden;
}
.home-pro-bt::after{
    content: "";
    width: 100%;
    height: calc(100% - 176px);
    background: var(--colors-greyscale-black-600);
    border-radius: var(--radius40);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.home-pro-bt-img{
    width: 50%;
    margin: auto;
    animation-delay: .8s;
}
.home-pro-bt-img img{
    width: 100%;
}
.home-pro .mod-titbox{
    text-align: center;
    margin: auto;
}
.home-pro-bt h3{
    width: 45%;
    margin: auto;
    text-align: center;
    color: var(--colors-greyscale-white-00);
    margin-top: 17px;
}
.home-pro-bt-list{
    margin-top: var(--space120);
    padding: 0 82px;
    position: relative;
}
.pro-data-wrap-btn{
    right: 82px;
}
.hpbl-ul-li{
    width: 33.333333%;
    padding: 0 32px;
}
.hpbl-ul{
    margin: 0 -32px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.hpbl-ul-li-icon{
    width: 48px;
}
.hpbl-ul-li-icon img{
    width: 100%;
}
.hpbl-ul-li-text{
    width: calc(100% - 48px);
    padding-left: var(--space24);
}
.hpbl-ul-li-text .std-h5{
    color: var(--colors-greyscale-white-00);
    transition: all .36s;
}
.hpbl-ul-li-text .std-text18{
    margin-top: var(--space16);
}
.hpbl-ul-li-text p{
    color: var(--colors-greyscale-white-00);
}
.home-pro-bt-more{
    padding: 0 var(--space40);
}
.home-pro-bt-list.act .std-h5,
.home-pro-bt-list.act .hpbl-ul-li-text p{
    color: var(--colors-greyscale-black-600);
}
.home-pro-bt-list.act{
    margin-top: 80px;
}
.home-install .solution-faq-tit{
    margin: auto;
    text-align: center;
}
.home-power-bt{
    margin-top: var(--space120);
    position: relative;
}
.home-power{
    margin-bottom: var(--space120);
}
.home-evaluate .install-how-link-parga{
    width: 33%;
}
.home-power .pdws-li-cont-num {
    margin-bottom: 174px;
}
/* Landing-end */
/* 404-start */
.found-wrap{
    padding: var(--space200) 0;
}
.found-wrap-cont{
    width: 770px;
    margin: auto;
}
.found-wrap-cont h1{
    font-size: var(--hero);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    text-align: center;
}
.found-wrap-cont h4{
    text-align: center;
    color: var(--colors-greyscale-black-600);
    margin-top: var(--space40);
}
.found-wrap-cont-btn{
    display: flex;
    justify-content: center;
    margin-top: 80px;
}
.found-wrap-cont-btn .std-btn2-box p {
    line-height: 46px;
}
.fwcb-li{
    margin: 0 8px;
}
.utility-wrap-cont{
    width: 78%;
}
.utility-wrap{
    padding-top: var(--space120);
    padding-bottom: 170px;
}
.utility-wrap h1{
    color: var(--colors-greyscale-black-600);
    margin-bottom: var(--space120);
}
.yxedr-active h3,
.yxedr-active h4{
    font-family: var(--font-medium);
    margin-bottom: var(--space24);
}
.yxedr-active h5,
.yxedr-active h6{
    font-family: var(--font-bold);
    margin-bottom: 16px;
}
.utility-wrap-cont-list{
    margin-top: var(--space40);
}
.utility-wrap-cont-list .std-h5,
.utility-wrap-cont-list .sflu-li-bt p{
    color: var(--colors-greyscale-black-600);
}
.utility-wrap-cont-list .sflu-li{
    border-top: 1px solid var(--colors-greyscale-black-100);
}
.utility-wrap-cont-list .sflu-li:last-child {
    border-bottom: 1px solid var(--colors-greyscale-black-100);
}
.utility-wrap-cont-list .sflu-li-bt p{
    opacity: 1;
}
/* 404-end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .about-achieve-ri-btn .std-btn3-box:hover .sbbi-after{
        opacity: 1;
    }
    .about-achieve-ri-btn .std-btn3-box:hover .sbbi-before{
        opacity: 0;
    }
    .std-btn3-box:hover{
        background: var(--colors-brand-orange-300);
        border: 2px solid var(--colors-brand-orange-300);
    }
    .std-btn3-box:hover p{
        color: var(--colors-greyscale-black-600);
    }
    .std-btn3-box:hover path{
        stroke: var(--colors-greyscale-black-600);
    }
    .std-btn1-box:hover{
        background: var(--colors-brand-orange-300);
        border: 2px solid var(--colors-brand-orange-300);
    }
    .std-btn2-box:hover{
        border: 2px solid var(--colors-brand-orange-300);
        background: var(--colors-brand-orange-300);
    }
    .pdwb-icon:hover path{
        stroke: var(--colors-brand-yellow-300);
    }
    .pnlt-li p:hover{
        background: var(--colors-brand-yellow-300);
        color: var(--colors-greyscale-black-600);
    }
    .pdfs-tab-li.act .pdfs-tab-li-wrap:hover .mod-icon img:nth-child(2){
        opacity: 1;
    }
    .pdfs-tab-li-wrap:hover .ptlw-box{
        border: 1px solid var(--colors-brand-yellow-300);
    }
    .pdfs-tab-li-wrap:hover p{
        color: var(--colors-brand-yellow-300);
    }
    .pdfs-info-list-li:hover .ys-fii-input input{
        border-bottom: 1px solid var(--colors-brand-yellow-300);
    }
    .ys-form-inof-agree.on .ys-fia-text:hover .ys-fia-text-btn img:nth-child(1){
        opacity: 0;
    }
    .ys-form-inof-agree.on .ys-fia-text:hover .ys-fia-text-btn img:nth-child(2){
        opacity: 1;
    }
    .ys-fia-text:hover .ys-fia-text-btn{
        border: 1px solid var(--colors-brand-yellow-300);
    }
    .ys-fia-text:hover .ys-fia-text-word p,
    .ys-fia-text:hover .ys-fia-text-word p a{
        color: var(--colors-brand-yellow-300);
    }
    .yfii-list-li:hover .yfii-list-li-circle{
        border: 1px solid var(--colors-brand-yellow-300);
    }
    .yfii-list-li:hover p{
        color: var(--colors-brand-yellow-300);
    }
    .yfii-list-li.act:hover .yfii-list-li-circle::after{
        background: var(--colors-brand-yellow-300);
    }
    .light .yfii-list-li:hover .yfii-list-li-circle{
        border: 1px solid var(--colors-brand-orange-500);
    }
    .light .yfii-list-li:hover p{
        color: var(--colors-brand-orange-500);
    }
    .light .yfii-list-li.act:hover .yfii-list-li-circle::after{
        background: var(--colors-brand-orange-500);
    }
    .light .ys-fia-text:hover .ys-fia-text-btn{
        border: 1px solid var(--colors-brand-orange-500);
    }
    .light .ys-fia-text:hover .ys-fia-text-word p,
    .light .ys-fia-text:hover .ys-fia-text-word p a{
        color: var(--colors-brand-orange-500);
    }
    /* .pwru-li:hover .std-h4,
    .pwru-li:hover p{
        color: var(--colormain);
    } */
    .install-program-img:hover img,
    .swmi-cont:hover img,
    .sill-cont:hover .ys-imgbox-cover img,
    .solution-develop-bt-img:hover img,
    .pcbs-li-cont:hover .pcbs-li-cont-img img,
    .pro-overview-img-wrap:hover img,
    .pwic-li-cont:hover img{
        transform: scale(1.05);
    }
    /* .ssll-ri-li:hover .std-h6,
    .ssll-ri-li:hover .ssll-ri-li-parga p{
        color: var(--colors-brand-yellow-300);
    } */
    /* .hpbl-ul-li:hover .hpbl-ul-li-text .std-h5,
    .hpbl-ul-li:hover .hpbl-ul-li-text p{
        color: var(--colormain);
    } */
    /* .iwbu-li-cont:hover .iwbu-li-cont-tit{
        color: var(--colormain);
    } */
}
/* 载入效果 */
@keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(50px, 0, 0);
      transform: translate3d(50px, 0, 0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
}
  
.ys-fadeRight1 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-50px, 0, 0);
      transform: translate3d(-50px, 0, 0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
}
  
.ys-fadeLeft1 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-delay: .2s;
}
.ys-fadeLeft2 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-delay: .3s;
}
.ys-fadeLeft3 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-delay: .4s;
}
@keyframes fadeInUpimg {
    0% {
        transform: scale(1.3);
    }
    100% {
        transform: none;
    }
}
.fadeInUpimg {
    transition: all 0.8s !important;
    animation: fadeInUpimg 2s ease both;
}
@keyframes fadeInUpimg1 {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: none;
    }
}
.fadeInUpimg1 {
    animation: fadeInUpimg1 1.2s linear both;
}
.pdws-li:nth-child(1),
.solution-invest-list-li:nth-child(2n+1){
    animation-delay: .2s;
}
.pdws-li:nth-child(2),
.solution-invest-list-li:nth-child(2n+2){
    animation-delay: .3s;
}
.pdws-li:nth-child(3),
.swlu-li:nth-child(2n+1){
    animation-delay: .4s;
}
.swlu-li:nth-child(2n+2){
    animation-delay: .5s;
}
.pfau-li:nth-child(2n+1){
    animation-delay: .2s;
}
.pfau-li:nth-child(2n+2){
    animation-delay: .3s;
}
/* .std-titbox .std-h5{
    font-size: var(--headline-6);
} */
.home-pro-bt h3 {
    width: 58%;
}
.hpbl-ul-li-text p{
    opacity: 0.8;
    font-size: var(--parga);
    transition: all .36s;
}
.sflu-li-bt p{
    font-size: 16px;
}
.pro-why-ri {
    padding-left: 230px;
}
.ilci-parga p{
    font-size: var(--parga);
}
.iect-text .std-h4{
    font-size: var(--headline-5);
}
.install-future h2{
    font-size: 80px;
    width: 52%;
}
.home-install .std-titbox,
.about-perfor .std-titbox {
    width: 50%;
}
.about-ban-img img {
    animation: amplify 8s infinite;
    -webkit-animation: amplify 8s infinite;
    animation-timing-function: linear;
}
  
@-webkit-keyframes amplify {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    50% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
}
  
@keyframes amplify {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    50% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
}
/* anna-start */
.utility-wrap-cont-text ul li{
    list-style-type: disc;
}
.yfti-list-wrap-li:last-child{
    display: none;
}
.hibt-btn{
    margin-top: var(--space24);
}
.ys-form-inof-item .ys-select-li span{
    color: var(--colors-brand-yellow-300) !important;
}
.yxedr-active td, 
.yxedr-active th {
    padding: 10px;
}
.yxedr-active table{
    margin-bottom: 20px;
    width: 100%;
}
@keyframes p_ddd {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}
#launcher{
    opacity: 1 !important;
}
#launcher.active{
    animation: p_ddd 1.5s ease-in-out 0s forwards !important;
    
}


/* 2025.6.11二期-start */
/* leo-statr */
/* b1 */
.sche-auf .std-right {
    width: 59%;
}
.sche-auf .std-titbox {
    width: 41%;
}
.sbmi-pic {
    width: 100%;
    border-radius: var(--radius24);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sbmi-pic img {
    width: 100%;
    transition: all .4s;
}
.sbmi-cont-tit {
    font-family: var(--font-medium);
    color: var(--colors-greyscale-white-00);
    text-align: center;
    max-width: 900px;
    margin: auto;
}
.sche-box-ul-li {
    position: relative;
    margin-bottom: 80px;
}
.sche-box-ul-li:last-child {
    margin-bottom: 0;
}
.sbmi-cont {
    width: 53.5%;
    z-index: 10;
}
.sbmi-cont-but {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 54px;
}
.sbyl-mod-item {
    position: relative;
    margin-bottom: var(--space80);
}
.sbyl-mod-item:last-child {
    margin-bottom: 0;
}
.sche-box-ul-li {
    position: relative;
}
.sche-box {
    position: relative;
}
.sbyl-boux {
    width: 50%;
    max-width: 960px;
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 200px);
    z-index: 10;
    transition: all .6s;
}
.sbyl-boux-slick {
    width: 100%;
}
.sbyl-boux-slick-item {
    width: 25%;
}
.sbyl-boux-slick-item .ys-imgbox-cover {
    width: 100%;
}
.sbyl-boux-slick-item .ys-imgbox-cover img {
    width: 100%;
}
.slick-current.sbyl-boux-slick-item {
    position: relative;
}
.sbyl-boux-slick-item {
    position: relative;
    transition: all .4s;
}
.slick-current.sbyl-boux-slick-item .ys-imgbox-cover::before {
    opacity: 1;
}
.sbyl-boux-slick-item .ys-imgbox-cover::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid var(--colors-greyscale-white-00) !important;
    z-index: 99;
    transition: all .4s;
    opacity: 0;
}
/* .sbyl-boux .slick-track {
    height: 100%;
    padding: 8px;
    margin: -4px;
} */
.sbyl-boux .slick-list {
    height: 100%;
    padding: 4px;
    margin: -4px;
}
.sbmi-pic {
    position: relative;
}
.sbmi-pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    pointer-events: none;
}
.sche-eney .std-titbox {
    margin-bottom: 136px;
}

/* 走马灯 */
.sche-eney-hores-ul {
    display: flex;
    width: calc(250px * var(--total));
}
.sehu-li {
    width: 220px;
    margin-right: 30px;
}
.sehu-li-pic {
    width: 100%;
    background-color: #FCF5E8;
    border-radius: var(--radius24);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sehu-li-pic img {
    width: 100%;
}
.sche-eney-hores {
    position: relative;
    overflow: hidden;
}
.sche-eney-hores-ul2,
.sche-eney-hores-ul3 {
    position: absolute;
    left: 0;
    top: 0;
}
.sche-eney-hores-ul1 {
    transform: translateX(0%);
}
.sche-eney-hores-ul2 {
    transform: translateX(100%);
}
.sche-eney-hores-ul3 {
    transform: translateX(200%);
}
.pcbs-li-cont-img {
    position: relative;
}
.pcbs-li-cont-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.solupag-main .about-ban-img {
    position: relative;
    z-index: 3;
}
/* b2 */
.detail-main .about-ban-img {
    position: relative;
    z-index: 3;
}
.dsbu-li-pic {
    width: 100%;
}
.dsbu-li-pic img {
    width: 100%;
}
.dsbu-li {
    position: relative;
}
.dsbu-li-cont {
    position: absolute;
    top: 47px;
    right: 67px;
    z-index: 10;
    width: 628px;
    border-radius: var(--radius20);
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(30px);
    padding: 30px 43px 82px 43px;
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-backdrop-filter: blur(30px);
    -o-backdrop-filter: blur(30px);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.dlcy-le {
    color: var(--colors-greyscale-black-600);
    padding-left: 21px;
    position: relative;
}
.dlcy-le::after {
    content: "";
    width: 16px;
    height: 8px;
    border-radius: 100px;
    background: var(--colors-brand-yellow-300);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.dlcy-ri {
    line-height: var(--line12);
    color: #B3B3B3;
}
.dlcy-ri span {
    line-height: inherit;
    color: #363636;
}
.dsbu-li-cont-yop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
}
.dsbu-li-cont-tit {
    color: #363636;
    font-family: var(--font-medium);
    margin-bottom: 30px;
}
/* stick定位 */
.detail-scroll {
    overflow: visible !important;
    position: relative;
}
.dsbe-nub {
    height: calc(100vh - var(--headh));
}
.detail-scroll-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.detail-scroll-box-cent {
    position: sticky !important;
    top: var(--headh1);
}
.detail-scroll-box-ul {
    position: relative;
    width: calc(100vw* var(--length1));
    display: flex;
}
.dsbu-li {
    height: calc(100vh - var(--headh1));
    width: 100vw;
    position: relative;
}
.dsbu-li-pic {
    position: relative;
    width: 100%;
    height: 100%;
}
.dsbu-li-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* sticky结束 */
.detail-solu-box-cont {
    padding: 0 6px;
}
.detail-solu .std-titbox {
    width: 100%;
    text-align: center;
}
.detail-scroll {
    margin-bottom: var(--space200);
}
.dsbt-pic {
    width: 100%;
    border-radius: var(--radius24);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.dsbt-pic img {
    width: 100%;
}
.detail-solu-box-tap {
    margin-top: var(--space70);
    position: relative;
}
.dsbt-ul {
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.detail-solu-box-tap .dsbt-pic:not(:first-child){
    display: none;
}
.dsbt-ul-li-link {
    line-height: 44px;
    padding: 0 24px;
    border-radius: 20px;
    background: #FFF1CC;
    color: var(--colors-greyscale-black-500);
    font-family: var(--font-medium);
    transition: all .4s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.dsbt-ul {
    display: flex;
    margin: 0 -4px;
}
.dsbt-ul-li {
    padding: 0 4px;
}
.dsbt-ul-li.on .dsbt-ul-li-link {
    background-color: #FFBA00;
}
.detail-verw-box {
    width: 100%;
    padding: 0 var(--space64);
}
.detail-verw-box .std-medium {
    text-align: center;
}
.dvbs-mod-wrapper-slide {
    width: 410px !important;
}
.dmws-box {
    width: 100%;
    padding: 35px 65px 40px 40px;
    border-radius: var(--radius24);
    overflow: hidden;
    background: var(--colors-greyscale-black-50);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.dmws-box-tit {
    font-size: var(--headline-6);
    color: #363636;
    font-weight: bold;
    font-family: var(--font-bold);
    line-height: var(--line12);
    letter-spacing: -0.4px;
}
.dmws-box-par {
    margin-top: var(--parpspace12)
}
.dmws-box-par p {
    font-size: var(--body-s);
    color: var(--colors-greyscale-black-400);
    line-height: 1.45;
    letter-spacing: -0.15px;
}
.dmws-box-pic {
    width: 100%;
    padding-left: 25px;
}
.dmws-box-pic .ys-imgbox-cover {
    width: 100%;
}
.dmws-box-but {
    line-height: 40px;
    border-radius: 100px;
    background-color: #FFBD00;
    color: #000;
    font-size: var(--body-m);
    font-family: var(--font-medium);
    display: inline-block;
    padding: 0 24px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.detail-verw-box-swiper {
    margin-top: 70px;
}
.detail-verw-box-swiper .swiper-container {
    overflow: visible;
}
.dvbs-mod {
    padding-bottom: 96px !important;
}
.none {
    display: none;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--colors-brand-yellow-300) !important;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: var(--colors-greyscale-black-100);
    opacity: 1;
    transition: all .3s ease-out 0s;
}
/* b4 */
.case-pop-box-ri {
    width: 49%;
    border-radius: var(--radius24);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.case-pop-box-le {
    width: 51%;
    margin-top: 10px;
    padding-right: 134px;
}
.cpbl-tit {
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
}
.clul-le {
    color: var(--colors-greyscale-black-600);
    width: 100px;
}
.clul-ri {
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-bold);
    margin-left: 49px;
    width: calc(100% - 100px);
}
.cpbl-list-ul-li {
    display: flex;
    padding: 21px 0;
    border-bottom: 1px solid #D8D9E1;
}
.cpbl-video-box-icon {
    width: var(--icon-width);
    flex-shrink: 0;
}
.cpbl-video-box-icon .ys-imgbox-cover {
    width: 100%;
}
.cpbl-video-box-cont {
    display: flex;
    gap: 16px;
    height: 50px;
    align-items: center;
}
.cpbl-video-box-par {
    font-family: var(--font-medium);
}
.cpbl-video-box {
    padding: 0 24px;
    transform: rotate(0deg);
    border-radius: 100px;
    border: 2px solid #000;
    display: inline-block;
    -webkit-transform: rotate(0deg);
}
.case-pop-box-ri img {
    width: 100%;
}
.case-pop-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: var(--space120) 0;
}
.case-pop {
    background-color: var(--colors-brand-yellow-80);
    margin-bottom: 140px;
}
.cpbl-list {
    margin-top: var(--space50);
}
.cpbl-video {
    margin-top: 64px;
}
.ccbl-edito{
    margin-bottom: var(--space100);
}
.case-cont-box-le  .nwlp-li a {
    padding: 40px 50px 35px;
}
.yxedr-active h2,
.ccbl-edito h2 {
    font-size: var(--font32);
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
    line-height: var(--line12);
    margin-bottom: 7px;
}
.ccbl-edito p {
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-600);
    line-height: 1.6;
    margin-bottom: 11px;
}
.ccbl-edito p img {
    border-radius: var(--radius24);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.case-cont-box-le {
    width: 69.5%;
}
.case-cont {
    overflow: visible !important;
}
.case-cont-box-ri {
    width: 19.5%;
}
.cpul-box-icon {
    width: var(--icon-width);
    flex-shrink: 0;
}
.cpul-box-icon .ys-imgbox-cover {
    width: 100%;
}
.cpul-box {
    border-radius: var(--radius24);
    background-color: #FBF5E9;
    padding: 41px 50px 35px 50px;
    display: flex;
    align-items: center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.ccbl-page-ul-li {
    width: 50%;
}
.cpul-box-par-top {
    color: var(--colors-greyscale-black-600);
    font-weight: bold;
    font-family: var(--font-bold);
}
.cpul-box-par-bot {
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-600);
    letter-spacing: -0.15px;
    margin-top: 16px;
    transition: all .4s;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 1.45;
}
.cpul-box-par {
    margin-left: 37px;
}
.ccbl-page-ul {
    display: flex;
}
.ccbl-page-ul-li {
    margin-right: 25px;
}
.ccbl-page-ul-li:last-child {
    margin-right: 0;
}
.ccbl-page-ul-li:last-child .cpul-box {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.ccbl-page-ul-li:last-child .cpul-box-par {
    margin-left: 0px;
}
.ccbr-tit {
    color: #131415;
    font-family: var(--font-bold);
    letter-spacing: -0.4px;
    margin-bottom: var(--space40);
}
.ccbl-page {
    margin-top: 100px;
}
.ccbr-ul-li {
    width: 100%;
    margin-bottom: 56px;
}
.ccbr-ul-li:last-child{
    margin-bottom: 0;
}
.ccbr-ul-li .ys-imgbox-cover {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.case-cont-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.ccbr-ul-li-tit {
    margin-top: 18px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.ccbr-ul-li-tit p {
    transition: all .4s;
}
.case-cont {
    padding-bottom: var(--space200);
}
.detail-verw .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 36px;
    left: 0;
    width: 100%;
}
.detail-verw-box-but {
    text-align: center;
    margin-top: 85px;
}
/* c2 */
.pmbl-tit {
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
}
.pmbl-par,
.pmbl-par p {
    color: var(--colors-greyscale-black-600);
    font-size: var(--headline-6);
    line-height: var(--line12);
}
.prod-mag-box-le {
    width: 45%;
    margin-top: 70px;
    position: absolute;
    top: 0;
    left: var(--space64);
}
.prod-mag-box-ri {
    width: 49.5%;
    border-radius: var(--radius24);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    max-height: calc(100vh - var(--headh1));
    position: sticky !important;
    top: var(--headh1);
}
.prod-mag-box-ri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prod-mag-box-stick {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    height: 300vh;
}
.pmbl-par {
    margin-top: 57px;
}
.prod-mag {
    margin-top: var(--space120);
    position: relative;
    overflow: visible !important;
}
.prod-auf {
    padding-bottom: var(--space120);
}
.prod-hand-box {
    width: 100%;
    padding: 0 var(--space64);
}
.prod-hand-box-le {
    width: 66%;
}
.phbl-ul-li {
    width: 100%;
    margin-bottom: 80px;
}
.phbl-ul-li:last-child {
    margin-bottom: 0;
}
.phbl-ul-li .ys-imgbox-cover {
    width: 100%;
    border-radius: var(--radius24);
    overflow: hidden;
}
.phbr-ul-li-box {
    width: 100%;
    background-color: #FBF5E9;
    border-radius: var(--radius24);
    padding: 50px 40px 101px 40px;
    height: 100%;
    transition: all .4s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.phbr-ul-li-box-tit {
    color: var(--colors-greyscale-black-600);
    margin-bottom: 50px;
    font-family: var(--font-medium);
}
.pulbu-li-tit {
    font-family: var(--font-bold);
    color: #363636;
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
}
.phbr-ul-li-box-par {
    margin-bottom: var(--space40);
}
.pulbu-li-tit::after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background-color: #FFBD00;
    border-radius: 50%;
}
.pulbu-li-par {
    padding-left: 30px;
}
.pulbu-li-par,
.pulbu-li-par p {
    color: #747474;
}
.prod-hand-box {
    display: flex;
    justify-content: space-between;
}
.pulbu-li {
    margin-bottom: 19px;
}
.phbu-li-boux {
    display: flex;
    justify-content: space-between;
    height: 100%;
}
.prod-hand-box-le .ys-imgbox-cover {
    width: 100%;
    border-radius: var(--radius24);
    height: calc(100vh - var(--space200));
    overflow: hidden;
}
.prod-hand-box-le .ys-imgbox-cover img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.phbu-li:last-child {
    top: 0 !important;
    margin-bottom: 0;
}
.prod-hand-box-ri {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 60;
    pointer-events: none;
    opacity: 0;
    width: 32.5%;
    transition: all .4s;
    overflow: hidden;
}
.phbr-ul {
    position: relative;
}
.phbr-ul-li2,
.phbr-ul-li3 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .4s;
    pointer-events: none;
}
.phbr-ul-li2.block {
    opacity: 1;
    z-index: 21;
    pointer-events: all
}
.phbr-ul-li3.block {
    opacity: 1;
    z-index: 22;
    pointer-events: all
}
.phbr-ul-li1 {
    z-index: 20;
}
/* 滑动内容 */
.ppu-li {
    height: calc(100vh - var(--space200));
}
.phbu-li:nth-child(1){
    position: relative !important;
}
.phbu-li{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.phbu-li:nth-child(1) .prod-hand-box-le{
    transform: translateY(0) !important;
}
.phbu-li .prod-hand-box-le{
    transform: translateY(100%);
}
.prod-hand {
    position: relative;
    overflow: inherit !important;
    margin-bottom: var(--space200);
}
.prod-hand-mont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.phbu-li-boux {
    overflow: hidden;
}
.phbu-li .prod-hand-box-ri {
    opacity: 0;
}
.phbu-li.act .prod-hand-box-ri {
    opacity: 1;
}
/* 滑动内容end */
/* e2 */
.sust-sola-cont-le {
    width: 49.5%;
}
.sust-sola-cont-le .ys-imgbox-cover {
    width: 100%;
    border-radius: var(--radius24);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sust-sola-cont-ri {
    width: 49.5%;
}
.sscu-li-box {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    height: 100%;
}
.sscr-box {
    width: 100%;
    background-color: var(--colors-greyscale-black-500);
    border-radius: var(--radius24);
    height: 100%;
    padding: 50px 40px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sscr-box-top-item {
    color: #B3B3B3;
    margin-bottom: 10px;
}
.sscr-box-top-item span {
    font-size: inherit;
    line-height: inherit;
    color: #FBF5E9;
}
.sscr-box-top-tit {
    font-family: var(--font-medium);
    color: var(--colors-greyscale-white-00);
}
.sscr-box-bot {
    width: 72.5%;
}
.sscr-box-bot p {
    font-size: var(--headline-5);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    margin-bottom: 20px;
}
.sscr-box-bot p:last-child {
    margin-bottom: 0;
}
.sust-tap-box-tit {
    font-family: var(--font-medium);
    color: var(--colors-greyscale-black-600);
    margin-bottom: var(--space40);
    text-align: center;
}
.tbl-ul-li-par {
    font-family: var(--font-medium);
    line-height: 50px;
    padding: 0 20px;
    border-radius: 34px;
    background: rgba(255, 255, 255, 0.60);
    transition: all .4s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
}
.stbl-ul {
    display: flex;
    justify-content: center;
    margin: 0 -10px;
    margin-bottom: -10px;
}
.stbl-ul-li {
    padding: 0 10px;
    margin-bottom: 10px;
    flex-shrink: 0;
}
.stbl-ul-li.act .tbl-ul-li-par {
    background-color: #FFBD00;
}
.stbl-ul-li p{
    cursor: pointer;
}
.sust-tap-box-list {
    margin-bottom: 66px;
}
.stbc-ri {
    width: 45.5%;
    position: relative;
}
.stbc-ri::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: var(--radius24);
}
.stbc-ri .ys-imgbox-cover {
    width: 100%;
    border-radius: var(--radius24);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.slul-box {
    padding: var(--space24) var(--space40) var(--space24) var(--space24);
    background-color: var(--colors-greyscale-white-00);
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    display: flex;
    align-items: center;
}

.slul-box-icon {
    width: var(--mod-width);
    background-color: var(--colors-brand-yellow-80);
    border-radius: 50%;
    padding: 36px;
    flex-shrink: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.slul-box-icon .ys-imgbox-cover {
    width: 100%;
}
.stbc-le {
    width: 45.5%;
}
.sust-tap-box-cont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.slul-box-par {
    width: calc(100% - var(--mod-width));
    padding-left: 66px;
}
.stbc-le-ul-li {
    margin-bottom: 20px;
}
.stbc-le-ul-li:last-child {
    margin-bottom: 0;
}
.sust-tap-none .sust-tap-box-box:nth-child(2) {
    display: none;
}
.sust-tap-none .sust-tap-box-box:last-child {
    display: none;
}
.sust-esg .swml-cont-btn.std-btn1 {
    margin-top: 0;
}
.sust-esg-but {
    margin-top: 100px;
}
.sust-esg .pro-overview-img-wrap {
    position: relative;
}
.sust-esg-btn {
    position: absolute;
    left: 24px;
    bottom: 24px;
}
.sust-esg-btn-link {
    font-family: var(--font-bold);
    line-height: 44px;
    padding: 0 20px;
    border-radius: 60px;
    background: var(--colors-greyscale-white-00);
    color: var(--color333);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/* 地球轮播 */
.sust-time-boux {
    width: 100%;
    padding: 0 var(--space64);
}
.sust-time-box {
    display: flex;
    align-items: center;
}
.sustain-global-btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 93px;
}
.sustain-global-btm-le {
    width: 42%;
}
.sustain-global-btm-ri {
    width: 49.5%;
}
.sgbr-btm {
    display: flex;
    align-items: center;
    margin-top: 11px;
}
.sgbr-btm-ri {
    display: flex;
    align-items: center;
    color: #B3B3B3;
    margin-left: 35px;
}
.sgbl-li p,
.sgbl-num p {
    font-size: 260px;
    color: #363636;
    font-weight: 600;
    font-family: 'RobotoRegular';
}
.sgbr-btm-le p {
    font-size: var(--headline-6);
    color: #B3B3B3;
}
.sgbr-btm-le p span {
    color: #FBF5E9;
    font-size: inherit;
}
.sgbr-btm-ri-le p {
    font-size: var(--parga);
    color: #B3B3B3;
    line-height: 1.7;
}
.sgbr-btm-ri-ri p {
    font-size: var(--parga);
    color: #FF7C00;
    line-height: 1.7;
}
.sgbr-btm-ri-le {
    padding-right: 9px;
    transition: all .4s ease;
}
.sgbr-btm-ri-ri {
    padding-left: 9px;
    transition: all .4s ease;
}
.sgbl-img {
    width: 242px;
    flex-shrink: 0;
}
.sgbl-img img {
    width: 100%;
}
.sgbr-li-box {
    background: var(--colors-greyscale-black-500);
    border-radius: var(--radius24);
    padding: 58px 64px 47px 64px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sgbr-li-box-item {
    font-size: var(--font32);
    color: var(--colors-greyscale-white-00);
    line-height: var(--line12);
    font-family: var(--font-medium);
    margin-bottom: 16px;
}
.sgbr-li-box-par {
    color: var(--colors-greyscale-white-00);
    margin-bottom: 53px;
}
.sgbr-li-box-img {
    width: 100%;
}
.sgbr-li-box-img .ys-imgbox-cover {
    width: 100%;
    border-radius: var(--radius20);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sgbr-li:not(:first-child){
    display: none;
}
.sgbl-li p,
.sgbl-num p {
    font-size: 300px;
    color: #FFBD00;
    font-family: var(--font-medium);
}
.sust-time {
    padding: var(--space200) 0;
    background: var(--colors-greyscale-black-600);
    margin-bottom: var(--space100);
}
.sust-time .std-bold {
    color: var(--colors-greyscale-white-00);
}
.sust-time .std-medium {
    color: var(--colors-greyscale-white-00);
}
.sgbl-li {
    display: none;
}
.sgbl-li:first-child {
    display: block;
}
.sgbl-ul {
    width: 350px;
    max-width: 100%;
}
.slick-list {
    min-width: 100%;
}
.sgbl-ul .slick-track {
    display: block;
}
.sgbl-ul .slick-track {
    display: block;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track .slick-slide {
    display: block !important;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
/* 地球轮播end */
.sust-conpic-cont {
    width: 100%;
    padding: 0 var(--space16);
    position: relative;
}
.sust-conpic-cont-box {
    width: 55.5%;
    position: absolute;
    left: 48px;
    top: 64px;
    z-index: 60;
}
.sust-conpic-cont-box .std-titbox {
    width: 100%;
}
.sust-conpic .swml-cont-btn.std-btn1 {
    margin-top: 0;
}
.sust-time-but {
    margin-top: 110px;
}
.sust-conpic-cont-bj {
    width: 100%;
    border-radius: var(--radius40);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sust-conpic-cont-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sust-conpic {
    padding-bottom: var(--space100);
}
.sust-conpic .std-bold {
    color: #fff;
}
.sust-conpic .std-medium {
    color: #fff;
}
/* gundong */
.sust-sola-cont-ul {
    position: relative;
    width: 100%;
    height: 100%;
}
.sscu-li:nth-child(1){
    position: relative;
}
.sscu-li {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}
.sscu-li:nth-child(1) .sust-sola-cont-le{
    transform: translateY(0) !important;
}
.sscu-li .sust-sola-cont-le{
    transform: translateY(100%);
}
.sust-sola {
    overflow: visible !important;
}
.sust-sola-cont-stick {
    height: 100%;
}
.sust-sola-cont-le {
    height: 100%;
}
.sust-sola-cont-le .ys-imgbox-cover {
    height: 100%;
}
.sust-sola-cont-le .ys-imgbox-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* gundong */
/* g2 */
.warr-down-box {
    width: 100%;
    padding: 0 var(--space64);
}
.warr-down .std-titbox {
    width: 41.5%;
}
.warr-down-box-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 68px;
    position: relative;
    z-index: 2;
}
.wdbt-ri {
    width: 27%;
    position: relative;
}
.wdbt-ri .ys-select-hd {
    background-color: #F6F4F4;
    border-radius: 80px;
    height: 52px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.wdbt-ri input {
    padding: 0 34px;
    font-size: var(--parga);
    line-height: 1.7;
    color: var(--colors-greyscale-black-600);
}
.wdbt-ri input::placeholder {
    font-size: var(--parga);
    line-height: 1.7;
    color: #B3B3B3;
}
.wdbt-ri .ys-select-xtbbox {
    width: var(--icon-width);
    right: 34px;
}
.warr-down-box-tit {
    padding: 13px 52px;
    background-color: #FFBD00;
    border-radius: 10px;
    display: flex;
    margin-bottom: 20px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.warr-down-box-tit div {
    font-size: var(--label-m);
    line-height: 1.7;
    color: var(--colors-greyscale-black-600);
}
.warr-main .warr-quick .ys-cont1492 {
    margin-top: 0;
}
.wdbt-name {
    width: 32.5%;
}
.wdbt-lang {
    width: 15.5%;
}
.wdbt-for {
    width: 15.5%;
}
.wdbt-size {
    width: 15%;
}
.wdbt-last {
    width: 15%;
}
.wdbd-ul-li {
    margin-bottom: 20px;
}
.wdbd-ul-li-link {
    padding: 16px 89px 16px 50px;
    display: flex;
    border-radius: 10px;
    background: #F6F4F4;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.wdbd-ul-li:last-child {
    margin-bottom: 0;
}
.wdbd-ul-li-name {
    width: 33%;
}
.wdbd-ul-li-alng {
    width: 15.5%;
}
.wdbd-ul-li-form {
    width: 15.5%;
}
.wdbd-ul-li-size {
    width: 15.5%;
}
.wdbd-ul-li-last {
    width: 18%;
}
.wdbd-ul-li-icon {
    width: var(--icon-width);
}
.wdbd-ul-li-icon img {
    width: 100%;
}
.wdbd-ul-li div {
    font-size: var(--parga);
    line-height: 1.7;
    color: var(--colors-greyscale-black-600);
}
.wdbt-ri .ys-select-li {
    padding: 10px 35px;
    font-size: 14px;
    line-height: var(--line15);
    color: var(--colors-greyscale-black-600);
}
.wdbt-ri .ys-select-bd {
    margin-top: 6px;    
    background-color: #F6F4F4;
    box-shadow: var(--mod-shadow);
    max-height: 136px;
}
.wdbt-ri .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}
.wfbl-tit {
    color: var(--colors-greyscale-white-00);
    font-family: var(--font-medium);
}
.warr-form {
    padding-top: var(--space120);
    padding-bottom: 88px;
    background: var(--colors-greyscale-black-500);
    margin-bottom: var(--space200);
}
.warr-form-box-ri {
    width: 62%;
}
.warr-form-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.warr-form-box-le {
    width: 38%;
}
.wfbr-table-box {
    display: flex;
}
.wfbr-table-box table{
    margin-bottom: 0;
}
.wfbr-table-box table thead tr th p {
    font-size: var(--headline-6);
    font-family: var(--font-bold);
    color: #FFBD00;
    letter-spacing: -0.4px;
    line-height: var(--line12);
    margin-bottom: 4px;
    text-align: left;
    padding-left: 36px;
}
.wfbr-table-box table tbody tr td:first-child p {
    width: 300px;
    font-size: var(--headline-6);
    font-family: var(--font-bold);
    color: var(--colors-greyscale-white-00);
    line-height: var(--line12);
    letter-spacing: -0.4px;
    /* margin-bottom: 4px; */
}
.wpbe-top-td-editor p:last-child {
    margin-bottom: 0;
}
.wfbr-table-box tbody tr td:first-child {
    padding: 26px 40px;
    padding-left: 36px;
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
    max-width: 352px;
}
.wfbr-table-box tbody tr td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.wfbr-table-box thead tr th {
    padding: 17px 0 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    z-index: 10;
}
.wfbr-table-box table tbody tr td:nth-child(2) ul {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    padding-inline-start: 40px;
}
.wfbr-table-box tbody tr td {
    padding: 45px 0 15px 52px;
}
.wfbr-table-box table tbody tr td:nth-child(2) p {
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    margin-bottom: 20px;
}
.wfbr-table-box table tbody tr td:nth-child(2) ul li::marker {
    color: var(--colors-greyscale-white-00);
}
.wfbr-table-box table tbody tr td:nth-child(2) h2 {
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    margin-bottom: 20px;
    font-family: var(--font-bold);
}
.warr-main .pro-norms-list-box {
    padding-bottom: 41px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.wfbr-table-box .wfbr-table:not(:first-child) {
    display: none;
}
.warr-about .std-titbox {
    width: 41%;
}
.wacu-li-box {
    padding: var(--space40) var(--space24);
    border-radius: var(--radius24);
    background-color: #FCF5E8;
    height: 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.wacu-li {
    width: 50%;
    padding: 0 var(--space12);
    margin-bottom: calc(2 * var(--space12));
}
.wacu-li-box-tit {
    font-size: var(--font32);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
    margin-bottom: 80px;
}
.wacu-li-box-par,
.wacu-li-box-par p {
    font-size: var(--headline-5);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    word-wrap: break-word;
    justify-content: flex-start;
}
.warr-about-cont-ul {
    display: flex;
    margin: 0 calc(-1 * var(--space12));
    flex-wrap: wrap;
    margin-bottom: calc(-2 * var(--space12));
}
.warr-about .std-titbox {
    margin-bottom: 100px;
}
.warr-quick .std-titbox {
    width: 100%;
}
.warr-quick .std-bold {
    color: var(--colors-greyscale-white-00);
}
/* g3 */
.cont-map {
    width: 100%;
    padding: 0 var(--space16);
    overflow: hidden;
    margin-bottom: var(--space120);
}
.cont-map-boux {
    width: 100%;
    height: 100%;
    background-color: #000;
    display: block;
    overflow: hidden;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.cont-map-pic {
    position: relative;
    left: calc(100% - var(--left));
    top: calc(100% - var(--top));
    transform: translate(-50.46%, -46.84%) scale(1);
    transition: all .4s ease;
}
.cont-map-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cmpu-li-pic {
    width: var(--icon-width);
}
.cont-map-pic-ul {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.cmpu-li {
    position: absolute;
    transform: translate(-50%, -100%);
    cursor: pointer;
}
.cmpu-li.on .cmpu-li-pic {
    transform: scale(2);
}
.cmpu-li {
    width: 24px;
    position: absolute;
    transform: translate(-50%, -100%);
}
.cmpu-li-pic {
    transform-origin: bottom center;
    transition: all .4s ease;
}
.cmbb-ul-li-icon::before {
    content: '';
    width: 16px;
    height: 16px;
    background: rgba(255, 124, 0, 0.25);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition: all .36s;
}
.cont-map .slick-list {
    position: relative;
    display: block;
    overflow: visible;
}
.cmss-item-box {
    padding: 20px;
    border-radius: var(--radius24);
    background: var(--colors-greyscale-black-500);
    width: 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.inside-main-map {
    width: 85vw;
    max-width: 1320px;
    margin: auto;
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
}
.inside-main-map .cmss-item {
    padding: 0 var(--space12);
    transform: translateY(20%);
}
.imms-ul {
    margin: 0 calc(-1 * var(--space12));
}
.cont-map-swiper-slick {
    margin: 0 -13px;
}
.nowe-ul-li .ys-select-xtbbox {
    width: var(--icon-width);
    right: 15px !important;
}
.nowe-ul-li .ys-select-xtbbox img {
    width: 100%;
}
.cmss-item{
    cursor: pointer;
}
.cmss-item-box .ys-imgbox-cover {
    margin-bottom: 24px;
    border-radius: var(--radius16);
    overflow: hidden;
    width: 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.cmss-item-box-detail {
    margin-bottom: 9px;
    font-size: var(--headline-5);
    line-height: 1.6;
    color: var(--colors-greyscale-white-00);
}
.cmss-item-box-detail span {
    font-size: var(--headline-6);
    line-height: var(--line16);
    color: rgba(240, 131, 0, 1);
}
.cibd-ul-li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.cibd-ul-li-pic {
    width: var(--icon-width);
    flex-shrink: 0;
    margin-top: 2px;
}
.cibd-ul-li-pic img {
    width: 100%;
}
.cibd-ul-li-par {
    font-size: var(--parga);
    color: var(--colors-greyscale-white-00);
    padding-left: 10px;
    line-height: 1.7;
}
.cont-map-swiper-slick {
    margin: 0 -12px;
}
.cont-map-swiper-slick .cmss-item {
    padding: 0 12px;
}
.cmss-item-box-detail {
    transition: all .36s;
}
.swiper-slide-active.cmss-item {
    width: 460px !important;
    transition: all .36s;
}
.cmss-item-box-tit {
    transition: all .36s;
    color: var(--colors-greyscale-white-00);
    font-size: 22px;
    line-height: 1.6;
    text-align: center;
}
.cmss-item-box-boux {
    transition: all .36s;
}
.swiper-slide-active.cmss-item .cmss-item-box-tit {
    display: none;
}
.swiper-slide-active.cmss-item .cmss-item-box-boux {
    display: block;
}
.slick-current.cmss-item {
    transform: translateY(0%);
    width: 460px !important;
    transition: all .36s;
    z-index: 5;
}
.slick-current.cmss-item .cmss-item-box-tit {
    display: none;
}
.slick-current.cmss-item .cmss-item-box-boux {
    display: block;
}
.slick-current.cmss-item .cmss-item-box{
    padding-bottom: 28px;
}
.cmss-item-box-boux {
    display: none;
}
.cont-map {
    position: relative;
}
.cont-map-swiper {
    position: absolute;
    width: 100%;
    height: 530px;
}
.cont-from-box-le {
    width: 36.5%;
}
.cont-from-box-ri {
    width: 48%;
    margin-right: 74px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.cont-from-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 var(--space64);
}
.cfbl-tit {
    color: #000;
    margin-bottom: 60px;
    margin-top: 50px;
    font-family: var(--font-medium);
}
.cfbl-ul-li {
    display: flex;
    align-items: flex-start;
}
.cfbl-ul-li-par {
    color: var(--colors-greyscale-black-600);
    padding-left: 10px;
}
.cfbl-ul-li-pic {
    width: var(--icon-width);
    flex-shrink: 0;
    margin-top: 2px;
}
.cfbl-ul-li {
    margin-bottom: 15px;
}
.cont-from-box-ri {
    padding: 49px 52px 66px 45px;
    background: #FBF5E9;
    border-radius: 30px;
}
.cfbr-par,
.cfbr-par p {
    font-size: var(--body-m);
    color: #000;
    line-height: var(--line12);
}
.cfbr-par {
    text-align: center;
    margin-bottom: 40px;
}
.cont-from .down-page-cent .ys-select {
    margin-left: 0;
}
.down-page-cent .ys-fic-auth-img {
    height: 55px;
    margin-left: var(--space);
    cursor: pointer;
}
.down-page-cent .ys-fii-input textarea {
    padding: 0 14px;
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl333);
}
.down-page-cent .ys-fii-input textarea::placeholder {
    font-size: var(--font16);
    line-height: var(--line17);
    color: var(--cl666);
}
.cont-from {
    position: relative;
}
.cont-from-bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.cont-from-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.down-page-cent .ys-fic-auth {
    margin-left: 0px;
}
.cont-map-swiper-mod {
    position: relative;
}
.cont-map-swiper {
    position: relative;
}
.cont-map {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.cont-map-box {
    position: relative;
    bottom: var(--space200);
    z-index: 6;
    width: 100%;
}
.cont-page .ys-fic-auth label {
    width: calc(100% - 173px) !important;
}
/* 自己写g3 */
.cont-main .about-ban {
    margin-bottom: var(--space120);
}
.cont-map-boux {
    position: relative;
}
.cont-map-boux .pro-data-wrap-btn {
    bottom: auto;
    top: 0;
    right: -194px;
}
.cont-map-box .pro-data-wrap-btn {
    position: absolute;
    right: -176px;
    bottom: 580px;
}
.nowe-ul-li input {
    font-size: var(--body-m);
    padding: 0 20px;
    color: #000;
    line-height: var(--line12);
    width: 100%;
    background-color: var(--colors-greyscale-white-00);
}
.nowe-ul-li {
    width: 100%;
}
.nowe-ul-li label {
    position: relative !important;
}
.nowe-ul-li .ys-fii-name {
    font-size: var(--body-m);
    color: #4D4D4D;
    line-height: var(--line12);
    position: absolute;
    left: 15px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.nowe-ul .ys-form-inof-item.act .ys-fii-name {
    top: 50% !important;
    transform: translateY(-50%) scale(1) !important;
}
.nowe-ul-li textarea {
    background-color: #fff;
}
.ys-form-inof-item2.nowe-ul-li {
    width: 50%;
    z-index: 80;
}
.choo.nowe-ul-li {
    z-index: 99;
}
.nowe-ul-li {
    padding: 0 20px;
    border-radius: 8px;
    margin-bottom: 22px;
}
.nowe-ul {
    margin: 0 -20px !important;
}
.nowe-ul-li .ys-fii-input {
    border-radius: 8px;
    overflow: hidden;
}
.nowe-ul-li {
    position: relative;
}
.nowe-ul-li.name input {
    padding-left: 120px;
}
.ys-form-inof-item.nowe-ul-li input {
    padding-left: 120px;
}
.ys-form-inof-text.nowe-ul-li textarea::placeholder {
    font-size: var(--body-m);
    color: #4D4D4D;
    line-height: var(--line12);
}
.nowe-ul-li .ys-fic-auth-img {
    width: 206px;
    height: auto;
}
.ys-form-inof-agree.nowe-ul-li .ys-fia-text-word {
    font-size: var(--body-s);
    color: var(--colors-greyscale-black-200);
    line-height: 1.45;
    letter-spacing: -0.15px;
}
.ys-form-inof-agree.nowe-ul-li .ys-fia-text-word a {
    font-size: var(--body-s);
    color: #FFBA00;
    line-height: 1.45;
    letter-spacing: -0.15px;
}
.nowe-ul-li.ys-form-inof-agree .ys-fia-text-btn {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background-color: #fff;
    flex-grow: 0;
    margin-top: 3px;
    border: 1px solid rgba(0, 0, 0, 0.30);
}
.ys-form-inof-agree.nowe-ul-li {
    margin-left: 16px;
}
.ccbr-ul-li-link{
    width: 100%;
}
.nowe-ul-li .ys-fia-text-word {
    padding-left: 14px;
}
.nowe-ul-li .ys-fii-submit {
    border-radius: 93px;
    background: #FFBD00;
    font-size: var(--headline-6);
    color: #000;
    line-height: 55px;
    height: 55px;
    font-weight: normal;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.ys-form-inof-submit.nowe-ul-li {
    margin-bottom: 0;
}
.ys-form-inof-submit.nowe-ul-li {
    height: 55px;
}
.nowe-ul-li .ys-fii-input {
    height: 60px;
}
.nowe-ul-li .ys-fii-tips span {
    color: #F00 !important;
    font-size: var(--parga);
    line-height: var(--line12);
}
.nowe-ul-li .ys-fii-tips {
    position: absolute;
    bottom: -22px;
}
.nowe-ul-li.ys-form-empty .ys-fii-input input {
    border-bottom: none;
}
.nowe-ul-li .ys-fii-input input {
    border-bottom: none;
}
.ys-form-inof-text.nowe-ul-li textarea {
    height: 121px !important;
    border-bottom: none;
    padding: 15px;
    font-size: var(--body-m);
    color: #000;
    line-height: var(--line12);
}
.ys-form-inof-text.nowe-ul-li .ys-fii-input {
    height: 121px !important;
    border-bottom: none;
}
.cfbr-tit {
    color: var(--colors-greyscale-black-600);
    margin-bottom: 15px;
    text-align: center;
    font-family: var(--font-medium);
}
.pulbu-dist ul li::marker {
    color: #747474;
}
.pulbu-dist ul li p {
    font-size: var(--body-m);
    margin-bottom: 0;
    line-height: var(--line12);
    color: #747474;
}
.nowe-ul-li-ast span {
    color: #F00;
    font-size: 18px;
}
.nowe-ul-li {
    display: flex;
}
.nowe-ul-li-ast {
    margin-right: 9px;
}
.nowe-ul-li .ys-fic-auth {
    width: 100%;
}
.nowe-ul-li-labels {
    display: flex !important;
    width: 100%;
    align-items: center;
}
.nowe-ul-li-labels .ys-fii-input {
    width: 100%;
    width: calc(100% - 206px - 9px);
}
.ys-form-inof-submit.nowe-ul-li {
    display: block;
}
.nowe-ul-li .ys-fic-auth-img img {
    width: 100%;
}
.nowe-ul-li .ys-fia-text-word span {
    color: #F00;
}
/* c2 */
.prod-hand-ul {
    width: 66%;
}
.prod-hand-ul-li {
    /* height: 100vh; */
    width: 100%;
}
.prod-hand-ul-li img {
    width: 100%;
}
.prod-main .detail-verw {
    padding-top: var(--space200);
}
.phbu-li.act .prod-hand-box-ri {
    pointer-events: all;
}
/* e2 */
.sust-sola-ul-li {
    height: 100vh;
}
.sust-main .home-about .std-titbox{
    margin-bottom: 80px;
}
.sust-sola-cont {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* margin-top: 80px; */
}
.sust-sola-cont-stick {
    position: sticky !important;
    top: var(--space200);
    height: calc(100vh - var(--space200));
}
.sscu-li .sust-sola-cont-ri {
    opacity: 0 !important;
}
.sscu-li.act .sust-sola-cont-ri {
    opacity: 1 !important;
    pointer-events: all !important;
}
.sust-sola-boux {
    position: relative;
}
.sust-sola-cont-ri {
    z-index: 60;
}
.sscu-li1 .sust-sola-cont-ri {
    z-index: 40;
}
.sscu-li2 .sust-sola-cont-ri {
    z-index: 50;
}
.sscu-li2 .sust-sola-cont-ri {
    z-index: 55;
}
.sscu-li .sscu-li-box .sust-sola-cont-ri {
    opacity: 0;
}
.sust-conpic-cont-bj img:last-child {
    display: none;
}
/* b1 */
.sbyl-mod-item-box {
    position: relative;
}
.sbyl-mod-item-box::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.40) 0%, color(display-p3 0 0 0 / 0.00) 100%);
    border-radius: var(--radius24);
}
.warr-form .pnlt-li p {
    font-size: var(--body-m);
    line-height: var(--line12);
    padding: 8px 11px;
}
.wdbt-ri .mCustomScrollBox {
    border-radius: 8px;
    overflow: hidden;
}
.ys-fii-tips span {
    padding-left: 18px;
}
.wdbt-ri .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #FFBA00 !important;
}
.wdbt-ri .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    right: 0;
    height: auto;
}
/* c2 */
.phbu-le .prod-hand-box-ri {
    display: none;
}
.phbu-le .prod-hand-box-le {
    width: 100%;
}
.phbu-ri {
    width: 32.5%;
}
.prod-hand-mont-cont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.phbu-boux {
    width: 100%;
    position: sticky !important;
    top: var(--space200);
    display: flex;
    justify-content: space-between;
}
.prod-hand-box-ul {
    position: relative;
    top: 0;
    width: 100%;
    height: calc(100vh - var(--space200) / 2 - var(--headh1));
}
.phbu-ri-box-li.act .prod-hand-box-ri {
    opacity: 1;
    pointer-events: all;
}
.phbu-le {
    width: 66%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.phbu-ri-box-li .prod-hand-box-le{
    display: none;
}
/* e2 */
.sscs-le .sust-sola-cont-ri {
    display: none;
}
.sscs-le .sust-sola-cont-le {
    width: 100%;
}
.sscs-ri {
    width: 49.5%;
}
.sscs-ri .sust-sola-cont-le{
    display: none;
}
.sscs-ri .sust-sola-cont-ri {
    width: 100%;
    height: 100%;
}
.sust-sola-cont-slide {
    display: flex;
    justify-content: space-between;
    position: sticky !important;
    top: var(--space200);
    height: calc(100vh - var(--space200) / 2 - var(--headh1));
}
.sscs-ri-ul-li .sust-sola-cont-ri {
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.sscs-ri-ul-li.act .sust-sola-cont-ri {
    opacity: 1;
    pointer-events: auto;
    height: 100%;
}
.sscs-ri-ul {
    position: relative;
    height: 100%;
}
.sscs-ri-ul-li {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: transparent;
}
.sscs-le {
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 49.5%;
}
.cont-map-boux-height {
    height: 900px;
}
.cpbl-video .sill-cont-text-btn .std-btn2-box p {
    line-height: 46px;
}
.cpbl-video .sill-cont-text-btn {
    margin-top: 0;
}
.cont-main .pro-data-wrap-btn {
    background-color: #FFBD00;
}
.ys-form-inof-item.nowe-ul-li input {
    padding-left: 110px;
}
.ys-form-email.nowe-ul-li input {
    padding-left: 140px;
}
.ys-form-inof-item.nowe-ul-li .ys-select-bd {
    background: var(--colors-greyscale-white-00);
    border: none;
}
.cont-main .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colors-brand-yellow-300) !important;
}
.nowe-ul-li.choo input {
    padding-left: 18px;
}
.nowe-ul-li input::placeholder {
    color: #4D4D4D !important;
    font-size: var(--body-m);
    line-height: var(--line12);
}
.nowe-ul-li.comp input {
    padding-left: 100px;
}
.nowe-ul-li .ys-fii-tips {
    color: #F00 !important;
}
.ys-form-inof-agree.nowe-ul-li .ys-fii-tips span {
    padding-left: 0;
    z-index: 1;
}
.nowe-ul-li {
    z-index: 60;
}
.nowe-ul-li.ys-form-inof-code input {
    padding-left: 90px;
}
.nowe-ul-li .ys-fia-text-btn {
    position: relative;
}
.nowe-ul-li .ys-fia-text-btn::after {
    display: block !important;
    background-color: var(--colors-brand-yellow-300);
}
.nowe-ul-li .std-btn1-box {
    text-align: center;
}
.nowe-ul-li .std-btn1-box p {
    font-size: var(--label-m);
    line-height: 50px;
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
    margin: 0 auto;
}
.nowe-ul-li {
    position: relative;
    transition: all .4s;
}
.nowe-ul-li-ast {
    position: absolute;
    left: 0;
    top: 4px;
}
.ys-form-inof-agree.nowe-ul-li {
    margin-left: 4px;
}
.nowe-ul-li label .ys-fii-input {
    transition: all .4s;
}
.ys-form-empty.nowe-ul-li label .ys-fii-input {
    border: 1px solid #F00;
    transition: all .4s;
}
.nowe-ul-li.ys-form-inof-agree {
    margin-bottom: 50px;
}
.pro-overview {
    padding-top: var(--space200);
}
/* b2 */
.dsbu-li {
    width: 100vw;
}
.ys-fii-tips span {
    padding-left: 0px;
}
.nowe-ul-li .std-btn1 {
    display: inline;
}
.nowe-ul-li .std-btn1-box p {
    font-size: var(--label-m);
    line-height: 51px;
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
    margin: 0 auto;
}
.nowe-ul-li .ys-select-bd {
    box-shadow: 4px 6px 6px 1px rgba(0, 0, 0, 0.1);
}
.nowe-ul-li .ys-fii-submit {
    border: none !important;
}
.nowe-ul-li .ys-fii-select .ys-select-bd,
.ys-fiiss-core {
    height: calc(var(--size18)* 12 + 20px);
}
.ys-form-inof-agree.nowe-ul-li {
    margin-left: 0px;
}
/*  */
.sche-auf.pro-overview {
    padding-top: 0;
}
.solupag-main .pro-case {
    padding-bottom: var(--space200);
}
.detail-main .pro-case {
    padding-bottom: var(--space200);
}
.prod-main .prod-mag {
    margin-bottom: var(--space200);
}
.sust-tap {
    position: relative;
    z-index: 1;
    margin-bottom: var(--space200);
    padding: var(--space200) 0;
    background: #FBF5E9;
}
.sust-tap-bj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: -1;
}
.sust-tap-bj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cont-main .ys-fii-tips span,
.ys-fii-tips i {
    margin-top: 0;
}
.choo .ys-select input::placeholder {
    font-size: var(--body-m);
}
.prod-hand-ul-li {
    height: 100vh;
}
/* c2-1 */
.pulb-page-num1 {
    font-size: var(--hero);
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
    line-height: var(--line12);
    letter-spacing: -4px;
}
.pulb-page{
    display: flex;
    align-items: flex-end;
}
.pulb-page-num2 {
    width: 60px;
    color: var(--colors-greyscale-black-600);
}
.pulb-page-num3 {
    font-size: 32px;
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
    line-height: var(--line12);
}
.cto .phbr-ul-li-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 50px 40px 46px 40px;
    align-items: center;
}
.cto .solution-faq {
    margin-bottom: 0;
}
.cto .mod-content {
    padding-bottom: 0;
}
.dsbt-pic .dsbt-pic-video:last-child {
    display: none;
}
#video-canvas {
    width: 100% !important;
    height: 100% !important;
}
.dsbt-pic-pic{
    display: none;
}
.tsvde{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: brightness(1.06);
    opacity: 0;
}
.tsvde.on{
    opacity: 1;
}
/* leo-end */
.ys-hd-pc-wrap{
    padding: 0;
}
.head-nav-item-install{
    width: 296px;
    border-radius: 0px 0px var(--radius24) var(--radius24);
    background: var(--colors-greyscale-white-00);
    box-shadow: var(--mod-shadow);
    z-index: 5;
}
.head-nav-item .head-nav-item-install{
    z-index: -1;
}
.hnii-ul{
    padding: 30px;
}
.hnii-ul-li a{
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-600);
    line-height: var(--line12);
    transition: all .4s ease;
    display: block;
    padding: 13px 18px;    
    border-radius: var(--radius24);
}
.hnii-ul-li.yxnav-active2 a{
    background: var(--colors-brand-yellow-80);
}
.head-lang-pop {
    position: absolute;
    top: 100%;
    width: calc(100vw - 2 * var(--space64));
    left: 50%;
    transform: translateX(-50%);
    background: var(--colors-greyscale-white-00);
    padding: 60px 0 80px;
    display: none;
    box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0 0 var(--radius24) var(--radius24);
    z-index: -2;
}
.head-lang-pop-ul {
    display: flex;
    justify-content: space-between;
}
.hlpu-top {
    margin-bottom: 16px;
}
.hlpu-top .std-h6 {
    color: #363636;
    font-family: 'solax-Bold';
}
.hlpu-btm {
    width: 100%;
    border-top: 1px solid #D8D9E1;
    padding-top: 16px;
    display: flex;
    flex-wrap: wrap;
}
.hlpu-btm-newlin {
    display: flex;
    margin-right: 34px;
}
.hlpu-btm-newlin:last-child {
    margin-right: 0 !important;
}
.hlpu-btm-li {
    margin-bottom: 12px;
}
.hlpu-btm-li a {
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-400);
    transition: all 0.36s;
}
.hlpu-btm-li span {
    color: var(--colors-greyscale-black-600);
    transition: all 0.36s;
    margin-right: 12px;
}
.hlpu-btm-li.act a {
    color: var(--colors-brand-yellow-300);
}
.hlpu-btm-li.act span {
    color: var(--colors-brand-yellow-300);
}
.head-lang-top-circle,
.head-lang-top-jian{
    width: var(--icon-width);
    height: var(--icon-width);
}
.head-lang-top-jian{
    margin-left: 4px;
    transition: all .4s ease;
}
.head-lang-top svg{
    width: 100%;
    height: auto;
}
.head-lang-top svg path{
    transition: all .4s ease;
}
.head-other-lang{
    position: static;
    margin-left: var(--space24);
}
.head-other-lang.act path{
    fill: var(--colors-brand-yellow-300) !important;
    stroke: var(--colors-brand-yellow-300) !important;
}
.ys-search2-win {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: var(--colors-greyscale-white-00);
    text-align: center;
    box-shadow: var(--mod-shadow);
    overflow: hidden;
    display: none;
    z-index: -2;
}
.ys-search2-box {
    padding: 16px 0;
}
.ys-search2-tibox {
    width: 34%;
    margin: 0 auto;
}
.ys-search2-tbox {
    border-bottom: 1px solid #eee;
    width: calc(100% - var(--icon-width));
    padding-right: 20px;
    height: 40px;
}
.ys-search2-tbox input {
    width: 100%;
    height: 100%;
    font-size: var(--parga);
    color: var(--colors-greyscale-black-600);
}
.ys-search2-ibox {
    width: var(--icon-width);
    margin-top: 10px;
}
.ys-search2-ibox img {
    width: 100%;
}
.head-other-search-icon .mod-icon{
    width: var(--icon-width);
    height: var(--icon-width);
}
.head-other-lang.act .mod-icon img:nth-child(2){
    opacity: 0 !important;
}
.head-other-lang.act .mod-icon img:nth-child(1){
    opacity: 1 !important;
}
.head-other-lang.act .head-lang-top-jian{
    transform: rotate(180deg);
}
.head-other-search-icon{
    width: var(--icon-width);
    height: var(--headh);
    display: flex;
    align-items: center;
    cursor: pointer;
}
.ys-hd-pc{
    display: block;
}
.ys-hd-pc-tp{
    padding-top: 14px;
    text-align: right;
}
.yhpt-cont-ul-li a{
    font-size: var(--body-s);
    line-height: 42px;
    color: var(--colors-greyscale-black-600);
}
.yhpt-cont-ul-li{
    margin: 0 15px;
    position: relative;
    transition: all .36s;
}
.yhpt-cont-ul{
    display: flex;
    justify-content: flex-end;
}
.yhpt-cont{
    display: inline-block;
    border-radius: 30px;
    background: #FFF1CC;
    padding: 0 30px;
}
.yhpt-cont-ul-li .head-nav-item-install{
    width: 240px;
}
.yhpt-cont-ul-li .hnii-ul-li a{
    text-align: left;
    line-height: var(--line12);
    font-size: var(--body-m);
}
.yhpt-cont-ul-li::before{
    content: "";
    width: 0;
    height: 16px;
    border-radius: 100px;
    background: var(--colors-brand-yellow-300);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all .36s;
}
.yhpt-cont-ul-li.yxnav-active1{
    padding-left: 40px;
}
.yhpt-cont-ul-li.yxnav-active1::before{
    width: 32px;
}
.ys-footer{
    padding: 60px 0 0;
}
.ys-footer-contact{
    padding-bottom: 60px;
    border-bottom: 1px solid var(--colors-greyscale-black-400);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ys-footer-contact h2{
    color: var(--colors-greyscale-white-00);
    font-family: var(--font-medium);
}
.ys-footer-tp-info{
    width: 100%;
}
.yfti-list{
    width: 100%;
    padding-left: 0;
    margin-bottom: var(--space40);
}
.yfti-list>ul{
    display: flex;
    justify-content: space-between;
}
.yfti-list>ul>li>a{
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    transition: all .36s;
    margin-bottom: 16px;
    font-family: var(--font-medium);
    display: block;
    opacity: 1;
    position: relative;
}
.yfti-list>ul>li:nth-last-child(1),
.yfti-list>ul>li:nth-last-child(2),
.yfti-list>ul>li:nth-last-child(3){
    display: none;
}
.yfti-list a{
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-100);
    transition: all .36s;
    opacity: 0.6;
}
.yfti-list li{
    margin-bottom: 10px;
}
.yfti-list li:last-child{
    margin-bottom: 0;
}
.yfti-link{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}
.yfti-link-info-list .mod-icon{
    width: 12px;
    height: 12px;
}
.yfti-link-info-list a{
    display: flex;
    align-items: center;
}
.yfti-link-info-list span{
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-200);
    transition: all .36s;
    margin-right: 8px;
    font-family: var(--font-medium);
}
.yfti-link-info-list ul{
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}
.yfti-link-info-list li{
    padding: 0 15px;
}
.ys-footer-bt-share{
    margin-left: 90px;
}
.yfti-link-info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ylis-ul-li{
    margin-left: 16px;
    width: var(--icon-width);
    position: relative;
    cursor: pointer;
}
.ylis-ul-li:nth-child(1){
    margin-left: 0;
}
.ylis-ul-li img{
    width: 100%;
}
.ylis-ul{
    display: flex;
}
.yfbs-pop{
    width: 120px;
    height: 120px;
    background: var(--colors-greyscale-white-00);
    padding: 10px;
    border-radius: var(--radius16);
    position: absolute;
    bottom: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    transform-origin: bottom;
    transition: all .36s;
    opacity: 0;
    pointer-events: none;
}
.yfbs-pop::after{
    content: '';
    width: 20px;
    height: 20px;
    background: var(--colors-greyscale-white-00);
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}
.ys-footer-bt-parga p{
    font-size: 14px;
}
.ys-footer-bt-parga a{
    margin-left: 20px;
}
.ys-footer-bt-link{
    margin: 0 -14px;
}
.ys-footer-bt-link a{
    font-size: 14px;
    line-height: var(--line12);
    color: var(--colors-greyscale-black-100);
    position: relative;
    padding: 0 14px;
}
.ys-footer-bt-link a::before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--colors-greyscale-black-100);
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
}
.ys-footer-bt-link a:last-child::before{
    display: none; 
}
.hnis-cont{
    padding: 60px;
    display: flex;
    align-items: stretch;
}
.head-nav-item-solu{
    position: fixed;
    z-index: -1;
    top: var(--headh1);
    border-radius: 0px 0px var(--radius24) var(--radius24);
    background: var(--colors-greyscale-white-00);
    box-shadow: var(--mod-shadow);
}
.hnis-cont-le{
    width: 38%;
    padding-right: 40px;
    border-right: 1px solid var(--colors-greyscale-black-600);
    padding-bottom: 13px;
}
.hnis-cont-ri{
    width: 62%;
    padding-left: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.hclu-li{
    padding: 18px 28px;
    border-radius: 60px;
    transition: all .36s;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.hclu-li.yxnav-active2{
    background: #FFF9E6;
}
.hclu-li-icon{
    width: var(--icon-width);
}
.hclu-li-tit{
    width: calc(100% - var(--icon-width));
    display: flex;
    align-items: center;
}
.hclu-li-tit img{
    width: var(--icon-width);
}
.hclu-li-tit span{
    width: calc(100% - var(--icon-width));
    padding-left: 15px;
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.hnis-cont-ri-case{
    width: 49%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.hcrc-img{
    width: 100%;
}
.hcrc-img img{
    width: 100%;
}
.hcrc-text{
    background: #FBF5E9;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 20px 20px 30px;
}
.hcrc-text-tit{
    font-family: var(--font-bold);
    color: var(--colors-greyscale-black-600);
    margin-bottom: 12px;
}
.hcrc-text-larga,
.hcrc-text-larga p{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-600);
}
.hcrc-text-larga{
    height: 2.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 20px;
}
.hnis-cont-ri-list{
    width: 51%;
    position: relative;
    padding-right: 40px;
}
.hcrl-li{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
}
.hcrl-li.on{
    opacity: 1;
    pointer-events: all;
    position: relative;
}
.hcrl-li-tit span{
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    margin-right: 16px;
}
.hcrl-li-tit a{
    display: flex;
    align-items: center;
}
.hcrl-li-tit .mod-icon{
    width: var(--icon-width);
    height: var(--icon-width);
}
.hcrl-li-tit{
    padding-top: 8px;
}
.hcrl-li-nav{
    margin-top: 30px;
    width: 58%;
}
.hcrl-li-nav-item a{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-600);
    display: block;
    padding: 9px 20px;
    transition: all .36s;
    border-radius: 60px;
}
.hcrl-li-nav-item.yxnav-active3 a{
    background: #FFF9E4;
}
.head-nav-item-drop3 {
    display: none;
    width: calc(100vw - 2 * var(--space64));
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px 0px var(--radius24) var(--radius24);
    background: #FBF5E9;
    position: fixed;
    top: var(--headh1);
    z-index: -1;
    box-shadow: var(--mod-shadow);
    overflow: hidden;
}
.hnid-produc-le {
    width: 41%;
    padding: 60px 34px 60px 50px;
    display: flex;
    background: var(--colors-greyscale-white-00);
}
.hnid-produc-le-softw {
    width: 38%;
    padding-right: 35px;
    border-right: 1px solid var(--colors-greyscale-black-100);
}
.hpls-top {
    margin-bottom: 132px;
}
.hpls-top-tit {
    margin-bottom: 12px;
    color: #363636;
    font-family: 'solax-Bold';
}
.hpls-top-info p{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-600);
}
.hpls-btm .hpls-top-tit{
    margin-bottom: 20px;
}
.hpls-btm-ul-li {
    margin-bottom: 15px;
}
.hbul-link {
    display: flex;
    align-items: center;
}
.hbul-link span{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-600);
    width: calc(100% - var(--icon-width));
    padding-right: 20px;
}
.hbul-link .mod-icon{
    width: var(--icon-width);
    height: var(--icon-width);
}
.hnid-produc-le-slick{
    width: 62%;
    padding-left: 40px;
}
.hpls-link{
    padding: 17px 24px;
    border-radius: 60px;
    transition: all .4s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.hpls-link img{
    width: var(--icon-width);
}
.hpls-link span{
    width: calc(100% - var(--icon-width));
    padding-left: 16px;
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-600);
    line-height: var(--line12);
}
.hpls-ul{
    margin-bottom: 104px;
}
.hpls-btn{
    margin-left: 17px;
}
.hpls-li.yxnav-active2 .hpls-link{
    background: #FBF5E9;
}
.hnid-produc-ri{
    width: 59%;
    padding: 60px 50px;
}
.hnid-produc{
    display: flex;
    align-items: flex-start;
}
.hprl-top-link{
    display: flex;
    align-items: center;
}
.hprl-top{
    display: inline-block;
    margin-bottom: 32px;
}
.hprl-top-link .std-h5{
    color: #363636;
    padding-right: 24px;
}
.hprl-top-link img{
    width: 40px;
}
.hblt-mort span{
    font-size: var(--label-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    padding-right: 16px;
}
.hblt-mort .mod-icon{
    width: var(--icon-width);
    height: var(--icon-width);
}
.hblt-mort{
    display: flex;
    align-items: center;
}
.hprl-btm-li-tit{
    display: inline-block;
    margin-bottom: 25px;
}
.hprl-btm-li{
    margin-bottom: 72px;
}
.hprl-btm-li:last-child{
    margin-bottom: 0;
}
.hprl-btm-li-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.hblu-li{
    width: 25%;
    padding: 0 12px;
}
.hblu-li a{
    width: 100%;
    display: block;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    height: 100%;
    background: var(--colors-greyscale-white-00);
    padding-bottom: 20px;
}
.hblu-link-btm{
    text-align: center;
    padding: 0 20px;
    transition: all .4s ease;
}
.hblu-link-img{
    width: 100%;
    position: relative;
}
.hblu-link-img img{
    width: 100%;
}
.hblu-link-img-icon{
    width: 40px;
}
.hblu-link-img-icon svg{
    width: 100%;
    height: auto;
}
.hblu-link-img-icon rect{
    transition: all .4s ease;
}
.hblu-li.yxnav-active4 .hblu-link-btm{
    color: var(--colors-brand-yellow-300);
}
.hprl-btm{
    height: 460px;
}
.hprl-btm .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
    background: #D8D9E1;
}
.hprl-btm .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colors-brand-yellow-300) !important;
}
.hprl-btm-li-tit.yxnav-active3 span{
    color: var(--colors-brand-yellow-300);
}
.hprl-btm-li-tit.yxnav-active3 .mod-icon img:nth-child(1){
    opacity: 0;
}
.hprl-btm-li-tit.yxnav-active3 .mod-icon img:nth-child(2){
    opacity: 1;
}
.hnid-produc-ri-list{
    position: relative;
}
.hnid-produc-ri-li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .36s;
}
.hnid-produc-ri-li.on{
    pointer-events: all;
    opacity: 1;
    position: relative;
}
.hpls-btm-ul-li.yxnav-active2 .mod-icon img:nth-child(1){
    opacity: 0;
}
.hpls-btm-ul-li.yxnav-active2 .mod-icon img:nth-child(2){
    opacity: 1;
}
.hpls-btm-ul-li.yxnav-active2 span{
    color: var(--colors-brand-yellow-300);
}
.mod-letter-cont{
    border-radius: var(--radius20);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    background: var(--colors-brand-yellow-80);
}
.mod-letter-cont-img{
    width: 50%;
    overflow: hidden;
}
.mod-letter-cont-img img{
    width: 100%;
}
.mod-letter-cont-text{
    width: 50%;
    padding: 66px 176px 50px 80px;
    overflow: hidden;
}
.mod-letter-cont-text .std-titbox{
    width: 100%;
}
.mod-letter-cont-text .std-titbox .std-h2{
    margin-top: 20px;
    font-size: var(--headline-3);
}
.mwis-btn .std-btn1-box p {
    line-height: 56px;
}
.mwis-btn .std-btn1-box{
    width: 170px;
    justify-content: center;
}
.mlct-wrap-info-sub{
    display: flex;
    cursor: pointer;
}
.mwis-input{
    width: calc(100% - 170px);
    padding-right: 10px;
    height: 60px;
}
.mwis-input input{
    width: 100%;
    height: 100%;
    border-radius: 84px;
    background: var(--colors-greyscale-white-00);
    padding: 0 24px;
    cursor: pointer;
    border: 1px solid var(--colors-greyscale-white-00);
}
.mwis-input input::placeholder{
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-200);
}
.mwia-parga p{
    font-size: 14px;
    line-height: 1.8;
    color: var(--colors-greyscale-black-600);
}
.mwia-parga{
    width: calc(100% - 14px);
    padding-left: 8px;
}
.mwia-circle{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid var(--colors-greyscale-black-600);
    position: relative;
    transition: all .4s ease;
    top: 6px;
    cursor: pointer;
}
.mwia-circle::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--colors-brand-yellow-300);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all.4s ease;
    opacity: 0;
}
.mlct-wrap-info-agree{
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}
.mlct-wrap{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.contact-modal{
    background: rgba(0,0,0,.4);
}
.contact-modal .ys-modal-container {
    width: 100%;
    height: 100%;
}
.contact-modal .ys-modal-content{
    width: 38%;
    margin-left: 62%;
    height: 100%;
    max-height: inherit;
    position: relative;
    padding: var(--space64) 0 var(--space64) var(--space64);
    display: flex;
    align-items: center;
}
.contact-modal-wrap{
    max-height: calc(100vh - 160px);
}
.contact-modal-wrap h2{
    color: var(--colors-greyscale-black-600);
}
.contact-modal-wrap-list{
    margin-top: var(--space40);
}
.contact-modal-wrap-list .ys-form-inof-agree,
.contact-modal-wrap-list .ys-form-inof-item2{
    padding: 0 var(--space12);
}
.contact-modal-wrap-list .ys-form-inof{
    margin: 0 calc(-1 * var(--space12));
}
.contact-modal-wrap-list .ys-form-land .ys-fii-name{
    left: var(--space12);
}
.contact-modal-wrap-list .ys-form-land,
.contact-modal-wrap-list .ys-form-email,
.contact-modal-wrap-list .ys-form-captcha{
    width: 100% !important;
}
.contact-modal-wrap-list .ys-form-inof-submit{
    margin-left: var(--space12);
}
.contact-modal-wrap-list .ys-form-inof-notice,
.contact-modal-wrap-list .ys-form-inof-success {
    width: calc(100% - calc(2* var(--space12)));
    margin: 0 auto var(--space24);
}
.yfew-code{
    width: 167px;
}
.yfew-code .std-btn1-box{
    padding: 0;
    border-radius: 10px;
    justify-content: center;
}
.ys-form-email-wrap label{
    width: calc(100% - 167px);
    padding-right: calc(2 * var(--space12));
}
.ys-form-email-wrap{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.ys-form-email-wrap .ys-fii-icon{
    right: calc(2 * var(--space12));
}
.ys-form-select .ys-fii-name {
    top: 50%;
    transform: translateY(-50%) scale(1);
    color: var(--colors-greyscale-black-200);
}
.light .ys-form-select .ys-fii-name {
    color: var(--colors-greyscale-black-300) !important;
}
.contact-modal-wrap-list .ys-form-select .ys-fii-name {
    left: var(--space12);
}
.contact-modal-wrap-list .ys-form-select .ys-fii-name.act {
    top: calc(50% - 30px);
    transform: translateY(-50%) scale(.66);
}
.contact-modal-wrap-list .ys-form-captcha .ys-fii-icon {
    right: 0;
}
.contact-modal-wrap-list .ys-form-captcha{
    margin-bottom: 60px;
}
.contact-modal-wrap-list .ys-form-inof-agree{
    margin-bottom: 44px;
}
/* b3-案例列表-start */
.case-main .about-ban{
    margin-bottom: var(--space80);
}
.about-ban-img{
    border-radius: var(--radius40);
}
.ys-page-wrap.act .ys-main {
    margin-top: var(--headh1);
}
.about-ban{
    padding-top: 26px !important;
}
.about-ban-img-tit{
    width: 100%;
    padding: 0 48px;
    position: absolute;
    bottom: 48px;
    left: 0;
    z-index: 5;
}
.about-ban h1{
    text-align: left;
    padding: 0 !important;
}
.about-ban-img::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(209deg, rgba(0,0,0,0) 49.91%, rgba(0,0,0,.38) 62.5%, rgba(0,0,0,.8) 77.31%);
    pointer-events: none;
}
/* .case-wrap{
    padding-top: 80px;
} */
.list-cont-drop{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--space50);
    position: relative;
    z-index: 10;
}
.list-cont-ul-le {
    width: 46%;
    display: flex;
}
.list-cont-ul-le .ys-select {
    width: 48%;
    margin-right: 30px;
}
.list-cont-ul-le .ys-select-hd {
    border-radius: 80px;
    background: #FFF;
    border: 1px solid var(--colors-greyscale-black-600);
    height: 52px;
}
.list-cont-ul-le .ys-select-hd input {
    padding: 0 34px;
    color: var(--colors-greyscale-black-600);
    font-size: var(--body-m);
}
.list-cont-ul-le .ys-select-hd input::placeholder{
    color: var(--colors-greyscale-black-600);
    font-size: var(--body-m);
}
.list-cont-ul-le .ys-select-xtbbox {
    width: 28px;
    right: 34px;
}
.list-cont-ul-le .ys-select-bd,
.dsbp-down .ys-select-bd {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    max-height: 168px;
    box-shadow: var(--mod-shadow);
}
.list-cont-ul-le .ys-select-li,
.dsbp-down .ys-select-li {
    width: 100%;
    padding: 8px 34px;
    font-size: 14px;
    line-height: var(--line15);
    color: var(--colors-greyscale-black-600);
}
.ys-select .mCSB_outside+.mCSB_scrollTools {
    right: 0;
    top: 10px;
    bottom: 10px;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: #D8D9E1;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colors-brand-yellow-300) !important;
}
.case-wrap-list-ul{
    margin: 0 -26px;
    display: flex;
    flex-wrap: wrap;
}
.cwlu-li{
    width: 50%;
    padding: 0 26px;
    margin-bottom: 68px;
}
.cwlu-li a{
    width: 100%;
    height: 100%;
    display: block;
}
.cwlu-li .ys-imgbox-cover{
    border-radius: var(--radius24);
}
.cwlu-li-text{
    margin-top: var(--space24);
}
.cwlu-li-text-tit{
    font-size: var(--font32);
    line-height: var(--line12);
    color: #363636;
}
.cwlu-li-text-info{
    margin-top: var(--space24);
    display: flex;
    flex-wrap: wrap;
}
.clti-li{
    display: flex;
    align-items: center;
    margin-right: 35px;
}
.clti-li:last-child{
    margin-right: 0;
}
.clti-li img{
    width: 20px;
    margin-right: 8px;
}
.clti-li span{
    font-size: var(--body-m);
    line-height: var(--line175);
    color: var(--colors-greyscale-black-600);
}
.cwlu-li-text-btn{
    margin-top: var(--space50);
}
.pc-fenye li {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0 8px;
    font-size: var(--parga);
    color: #747474;
}
.pc-fenye li.activepage {
    background: var(--colors-brand-yellow-300);
}
.first li, 
.prev li,
.next li,
.end li{
    color: #333;
}
.case-wrap-list{
    margin-top: var(--space50);
    overflow: hidden;
}
.lcur-ul-li {
    padding: 0 38px;
    position: relative;
    display: flex;
    align-items: center;
}
.lcur-ul-li-link {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.lcur-ul-li-pic {
    width: var(--icon-width);
    margin-right: 16px;
}
.lcur-ul-li-pic img{
    width: 100%;
}
.lcur-ul-li-link span{
    font-size: var(--body-s);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.lcur-ul-li-parga{
    font-size: var(--body-s);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.lcur-ul-li-parga span{
    color: #FF7C00;
    margin: 0 12px;
}
.lcur-ul{
    display: flex;
    align-items: center;
    margin: 0 -38px;
}
.lcur-ul-li::after{
    content: "";
    width: 1px;
    height: 20px;
    background: #747474;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.2;
}
.lcur-ul-li:last-child::after{
    display: none;
}
.mwia-circle.act{
    border: 1px solid var(--colors-brand-yellow-300);
}
.mwia-circle.act::before{
    opacity: 1;
}
.cwns-li{
    width: auto !important;
}
.cwns-li a{
    font-size: var(--body-m);
    line-height: 44px;
    padding: 0 24px;
    color: var(--colors-greyscale-black-600);
    font-family: var(--font-medium);
    border-radius: var(--radius20);
    background: #FFF1CC;
    transition: all .4s ease;
}
.cwns-li.act a{
    background: var(--colors-brand-yellow-300);
}
.case-wrap-nav{
    position: relative;
    overflow: hidden;
}
.case-wrap-nav-swiper {
    width: calc(100% - 100px);
    margin: 0 !important;
    overflow: visible !important;
}
.case-wrap-nav::before{
    content: "";
    width: 260px;
    height: 72px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 76.54%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: -145px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
    transition: all .4s ease;
    opacity: 0;
}
.case-wrap-nav::after{
    content: "";
    width: 260px;
    height: 72px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 76.54%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: -145px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
    transition: all .4s ease;
    opacity: 0;
}
.case-wrap-nav.has-after::after{
    opacity: 1;
}
.cwnb-icon{
    width: 30px;
    border-radius: 50%;
    background: var(--colors-brand-yellow-100);
    transition: all .4s ease;
    cursor: pointer;
    pointer-events: all;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.cwnb-icon img{
    width: 100%;
}
.cwnb-prev{
    transform: translateY(-50%) rotate(180deg);
    left: 0;
}
.cwnb-next{
    right: 0;
}
.case-wrap-nav-btn{
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translateY(-50%);
    pointer-events: none;
}
.swiper-button-disabled{
    opacity: 0.5;
    pointer-events: none;
}
.cwnb-icon.swiper-button-disabled{
    display: none;
}
.case-wrap-nav.has-before::before{
    opacity: 1;
}
/* b3-案例列表-end */

/* c1-产品列表-start */
.product-main h1{
    text-align: center;
    font-size: 80px;
}
.product-main .about-ban-img-tit{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: auto;
}
.pro-ban-nav{
    width: 100%;
    position: absolute;
    bottom: 30px;
    z-index: 5;
    left: 0;
    padding: 0 var(--space64);
}
.pbns-li{
    width: auto !important;
}
.pbns-li a{
    font-size: var(--label-m);
    line-height: 42px;
    color: var(--colors-greyscale-white-00);
    transition: all .4s ease;
    border-radius: 100px;
    border: 1px solid var(--colors-greyscale-white-00);
    padding: 0 38px;
    display: block;
    font-family: var(--font-medium);
    cursor: pointer;
}
.pbns-li.act a{
    background: var(--colors-brand-yellow-300);
    color: var(--colors-greyscale-black-600);
    border: 1px solid var(--colors-brand-yellow-300);
}
.pro-ban-nav-swiper.center .swiper-wrapper{
    justify-content: center;
}
.pro-help h2{
    text-align: center;
    margin-bottom: var(--space50);
}
.pro-help-ul{
    margin: 0 calc(-1 * var(--space12));
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.pro-help-ul-li{
    width: 33.333333%;
    padding: 0 var(--space12);
}
.phul-icon{
    width: 74px;
    margin-top: 76px;
}
.phul-icon img{
    width: 100%;
}
.pro-help-ul-li a{
    padding: 40px 35px;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: var(--radius24);
    background: var(--colors-greyscale-black-50);
}
.phul-text-tit{
    font-size: var(--font32);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
    margin-bottom: var(--space16);
}
.pro-recom{
    padding-bottom: var(--space120);
}
.product-main .about-ban{
    margin-bottom: var(--space140) !important;
}
.pro-recom-tab{
    display: flex;
    align-items: stretch;
    /* flex-wrap: wrap; */
    justify-content: center;
    margin: 0 -20px var(--space120);
}
.pro-recom-tab-li{
    padding: 0 20px;
}
.pro-recom-tab-li a,
.prtl-box{
    display: flex;
    align-items: center;
    border-radius: var(--radius20);
    background: var(--colors-greyscale-black-50);
    transition: all .4s ease;
    padding: 24px 32px;
    cursor: pointer;
}
.pro-recom-tab-li img{
    width: 70px;
}
.pro-recom-tab-li span{
    width: calc(100% - 70px);
    padding-left: 30px;
    font-size: var(--headline-6);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.pro-recom-tab-li.act a,
.pro-recom-tab-li.act .prtl-box{
    background: #FFF1CC;
}
.swmi-cont{
    border-radius: var(--radius24);
    height: 100%;
}
.swml-cont.black{
    background: #FBF5E9;
}
.swml-cont.black .swml-cont-tit{
    color: var(--colors-greyscale-black-600);
}
.swml-cont.black .swml-cont-info-parga p{
    color: var(--colors-greyscale-black-600);
}
.pro-list-tab-li{
    border-radius: var(--radius20);
    background: var(--colors-brand-yellow-100);
    padding: 0 var(--space24);
    font-size: var(--label-m);
    line-height: 44px;
    color: var(--colors-greyscale-black-500);
    font-family: var(--font-medium);
    transition: all .4s ease;
    cursor: pointer;
    margin-right: 8px;
}
.pro-list-tab-li.act{
    background: var(--colors-brand-yellow-300);
}
.pro-list-item-li:not(:first-child){
    display: none;
}
.plil-ul{
    margin: 0 calc(-1 * var(--space12));
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.plil-ul-li{
    width: 25%;
    padding: 0 var(--space12);
    margin-top: var(--space80);
}
.plil-ul-li a{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: var(--radius24);
    background: var(--colors-greyscale-black-50);
    padding: var(--space40);
}
.plil-ul-li-tit{
    color: #363636;
}
.plil-ul-li-parga{
    margin-top: 14px;
    font-size: var(--body-s);
    line-height: 1.45;
    height: 1.45em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.plil-ul-li-parga p{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-400);
}
.plil-ul-li-img{
    width: 85%;
    margin: 10px auto 0;
}
.plil-ul-li-btn .std-btn1-box p {
    line-height: 40px;
}
.plil-ul-li-btn{
    margin-top: 23px;
}
.ys-bread-list a{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-200);
}
.ys-bread-list::before{
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/bread.svg) center / cover no-repeat;
}
.mod-bread{
    margin-top: 15px;
    padding: 0 48px;
}
.ys-bread-list:last-child a{
    color: var(--colors-greyscale-black-400);
}
/* c1-产品列表-end */

/* e1-公司概况-start */
.about-main .about-ban-img-tit,
.home-main .about-ban-img-tit{
    top: 50%;
    left: 50%;
    bottom: auto;
    width: 52%;
    padding: 0;
}
.about-main .about-ban h1,
.home-main .about-ban h1{
    text-align: center;
}
.home-main .about-ban-img-tit {
    width: 44%;
}
.about-auth .std-titbox {
    width: 86%;
    text-align: center;
    margin: auto;
}
.about-auth-img{
    border-radius: var(--radius20);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 100%;
    margin: var(--space70) auto 0;
}
.about-auth-img img{
    width: 100%;
}
.aabu-slick-li{
    width: 25%;
}
/* e1-公司概况end */

/* f1-新闻、博客列表-start */
.mod-bread.act{
    padding: 0;
}
.new-wrap-cont{
    padding-top: var(--space80);
}
.new-wrap-cont-recom{
    margin-top: var(--space80);
    position: relative;
}
.new-wrap-cont-list{
    margin-top: var(--space100);
}
.nwcl-ul{
    margin: 0 calc(-1 * var(--space12));
    display: flex;
    flex-wrap: wrap;
}
.nwcl-ul-li{
    width: 33.333333%;
    padding: 0 var(--space12);
    margin-bottom: var(--space80);
}
.nwcl-ul-li .ys-imgbox-cover{
    border-radius: var(--radius24);
}
.nwcl-ul-li-text{
    margin-top: 30px;
}
.nult-time{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-600);
}
.nult-tit{
    margin-top: 10px;
    color: var(--colors-greyscale-black-600);
}
.nwcr-slick-li{
    width: 100%;
    padding: 0 10px;
}
.nwcr-slick{
    margin: 0 -10px;
}
.nwcr-slick-li-img{
    width: 50%;
}
.nwcr-slick-li-img img{
    height: 100%;
    object-fit: cover;
}
.nwcr-slick-li-text{
    width: 50%;
    padding: 80px 130px 107px 80px;
}
.nwcr-slick-li a{
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colors-brand-yellow-80);
}
.new-wrap-cont .pro-data-wrap-btn{
    right: 0;
}
.nslt-cont-tit{
    color: var(--colors-greyscale-black-600);
    margin-top: 20px;
}
.nslt-cont-parga{
    height: 3.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 30px;
}
.nslt-cont-btn{
    margin-top: 130px;
}
.new-wrap-cont-nav{
    margin-top: var(--space50);
}

.mod-nav-swiper-li{
    width: auto !important;
    cursor: pointer;
}
.mnsl-tit{
    font-size: var(--label-m);
    line-height: 44px;
    color: var(--colors-greyscale-black-600);
    padding: 0 var(--space24);
    transition: all .4s ease;
    font-family: var(--font-medium);
    background: var(--colors-brand-yellow-100);
    border-radius: var(--radius20);
    display: block;
}
.mod-nav-swiper-li.act .mnsl-tit{
    background: var(--colors-brand-yellow-300);
}
.mod-nav-swiper{
    margin: 0 !important;
}
/* f1-新闻、博客列表-end */

/* f2-新闻、博客详情-start */
.newdet-ban{
    margin-bottom: var(--space140);
}
.newdet-wrap .ys-cont1600{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.newdet-wrap-le{
    width: 80%;
    padding-right: 170px;
}
.newdet-wrap-le-text p{
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-600);
    line-height: 1.6;
    margin-bottom: 11px;
}
.newdet-wrap-le-text p:last-child{
    margin-bottom: 0;
}
.newdet-wrap-le-text img{
    border-radius: var(--radius24);
}
.newdet-wrap-le-text h5{
    font-family: var(--font-medium);
}
.newdet-wrap-le-text{
    margin-bottom: var(--space100);
} 
.newdet-wrap-ri{
    width: 20%;
}
.nwlp-li{
    width: 50%;
    padding: 0 var(--space12);
}
.newdet-wrap-le-page{
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(-1 * var(--space12));
}
.nwlp-li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 32px 50px 22px;
    border-radius: var(--radius24);
    background: #FBF5E9;
    transition: all .4s ease;
}
.nwlp-li-icon{
    width: var(--icon-width);
}
.nwlp-li-icon img{
    width: 100%;
}
.nwlp-li-text{
    width: calc(100% - var(--icon-width));
}
.nwlp-li:nth-child(1) .nwlp-li-icon{
    transform: rotate(180deg);
}
.nwlp-li:nth-child(1) .nwlp-li-text{
    padding-left: 37px;
}
.nwlp-li-text .std-h6{
    color: var(--colors-greyscale-black-600);
    margin-bottom: 16px;
}
.nwlp-li-text p{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-600);
    letter-spacing: -0.15px;
}
.nwlp-li:nth-child(2) a{
    flex-direction: row-reverse;
}
.nwlp-li:nth-child(2) .nwlp-li-text{
    padding-right: 37px;
} 
.nwru-li{
    margin-bottom: 56px;
}
.nwru-li:last-child{
    margin-bottom: 0;
}
.newdet-wrap-ri h6{
    margin-bottom: var(--space40);
    color: #131415;
}
.nltt-lab{
    font-size: var(--body-s);
    color: #FF7C00;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 3px;
    background: rgba(255, 189, 0, 0.10);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    margin-right: 10px;
}
.nwru-li-text-time{
    display: flex;
    align-items: center;
}
.nltt-parga{
    font-size: var(--body-s);
    line-height: var(--line15);
    color: var(--colors-greyscale-black-600);
}
.nwru-li-text{
    margin-top: 18px;
}
.nwru-li-tit{
    margin-top: 12px;
    height: 2.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s ease;
}
.nwru-li .ys-imgbox-cover{
    border-radius: 12px;
}
.newdet-ban{
    background: var(--colors-brand-yellow-80);
}
.newdet-ban-cont{
    padding-top: var(--space120);
    padding-bottom: var(--space140);
}
.nbct-img{
    width: 49%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.nbct-img img{
    width: 100%;
}
.nbct-text{
    width: 51%;
    padding-right: 134px;
    margin-top: 70px;
}
.newdet-ban-cont-tp{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.nbct-text h1{
    margin-top: 20px;
    color: var(--colors-greyscale-black-600);
}
.newdet-ban-cont-share{
    display: flex;
    align-items: center;
    margin-top: 12px;
}
.mbcs-parga{
    margin-right: 20px;
}
.ys-share-img {
    width: var(--icon-width);
}
.ys-share-list{
    margin-right: var(--space16);
}
/* f2-新闻、博客详情-end */

/* f3-Events-start */
.event-main{
    background: var(--colors-brand-yellow-80);
}
.event-wrap-cont .new-wrap-cont-nav{
    margin-top: 32px;
}
.event-main .mod-letter-cont,
.down-main .mod-letter-cont{
    background: var(--colors-greyscale-white-00);
}
.event-main .mwis-input input,
.down-main .mwis-input input{
    border: 1px solid rgba(54, 54, 54, 0.20);
}
.event-wrap-cont{
    padding-top: var(--space100);
}
.event-wrap-cont-recom{
    margin-top: var(--space50);
}
.events-ul{
    margin: 0 calc(-1 * var(--space12));
}
.events-ul-li{
    padding: 0 var(--space12);
}
.events-ul-li-link {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: var(--radius24);
    background: var(--colors-greyscale-white-00);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.eull-le {
    width: 50%;
    padding: 20px 100px 20px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.eull-le-tit {
    color: var(--colors-greyscale-black-600);
}
.eull-le-ul{
    margin-top: var(--space50);
}
.eull-le-ul-li {
    margin-bottom: 12px;
}
.eull-le-ul-li:nth-child(3){
    margin-bottom: 22px;
}
.eull-le-ul-li:last-child{
    margin-bottom: 0;
}
.elul-qus {
    font-size: var(--parga);
    line-height: 1.7;
    color: #747474;
    width: 82px;
}
.elul-ans {
    font-size: var(--parga);
    line-height: 1.7;
    color: var(--colors-greyscale-black-600);
    padding-left: 12px;
    width: calc(100% - 82px);
    display: flex;
    flex-wrap: wrap;
}
.elul-detail {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.elul-ans-day {
    background-color: #F8F8F8;
    margin-right: 14px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    padding: 0 3px;
    min-width: 50px;
}
.elul-ans-day-num {
    color: var(--colors-greyscale-black-600);
    line-height: 1.6;
}
.elul-ans-day-text {
    font-size: 12px;
    line-height: 1.8;
    color: #747474;
    margin-top: -10px;
}
.eull-ri{
    width: 50%;
}
.eull-ri img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.events-ul.has-dots .slick-list {
    padding-bottom: 50px;
}
.events-ul.has-dots.empty .slick-list {
    padding-bottom: 0px;
}
.events-ul.has-dots .slick-dots {
    bottom: 0;
}
.event-wrap-cont-list{
    margin-top: 64px;
}
.events-bott {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(-1 * var(--space12)) var(--space80);
}
.events-bott-li {
    width: 50%;
    padding: 0 var(--space12);
    margin-top: calc(2 * var(--space12));
}
.events-bott-li:nth-child(1),
.events-bott-li:nth-child(2){
    margin-top: 0;
}
.events-bott-li-link {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 34px 128px 52px 34px;
    border-radius: var(--radius24);
    background: var(--colors-greyscale-white-00);
}
.ebll-le {
    width: 37%;
}
.ebll-le .ys-imgbox-cover {
    background-color: var(--colors-greyscale-black-50);
    border-radius: 10px;
    margin-bottom: 16px;
}
.ebll-le-bott .elul-qus {
    margin-bottom: 8px;
    font-size: 14px;
    color: var(--colors-greyscale-black-600);
}
.ebll-le-bott .elul-ans {
    width: 100%;
    padding-left: 0;
}
.ebll-le-bott{
    padding-left: 11px;
}
.ebll-ri{
    width: 63%;
    padding-left: 35px;
}
.ebll-ri-tit{
    color: var(--colors-greyscale-black-600);
    line-height: 1.6;
    margin-bottom: 16px;
}
.ebll-ri .elul-ans {
    font-size: var(--body-s);
    line-height: 1.45;
}
.ebll-ri .eull-le-ul{
    margin-top: 0;
}
/* 手机端导航 */
.ys-ph-navbar3 .ys-phnav-menu{
    background: var(--colors-greyscale-black-600);
    padding-top: 56px;
    z-index: 98;
}
.ys-ph-navbar3 .ys-phnav-header {
    background: transparent;
    box-shadow: none;
}
.ys-phnav-r{
    display: flex;
    align-items: center;
}
.ys-phsubnav-modal {
    background: var(--colors-greyscale-black-600);
}
.ys-phnav-icon::before{
    background: transparent;
}
.ys-ph-navbar3 .ys-ph-nav .ys-phnav-header-font, 
.ys-ph-navbar3 .ys-ph-nav a {
    color: var(--colors-greyscale-white-00);
    line-height: 1.5;
}
.ys-phnav-lisbox{
    border: none;
}
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, 
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, 
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, 
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active4>.ys-phnav-lisbox .ys-phnav-header-font, 
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active4>.ys-phnav-lisbox .ys-phnav-header-font{
    color: var(--colors-brand-yellow-300);
}
.ys-ph-navbar3 .ys-phnav-icon{
    color: var(--colors-greyscale-white-00);
}
.ys-ph-nav>li>.ys-phsubnav-modal{
    top: 56px;
}
.ys-phsubnav-close {
    color: var(--colors-greyscale-white-00);
}
.ys_navph2_lang {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.ys_navph2_lang_btn {
    display: inline-block;
    padding-bottom: 25px;
}
.ys_navph2_lang_btn img {
    width: 20px;
}
.ys_navph2_lang_btn span{
    font-size: 15px;
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    padding-left: 8px;
}
.ys_navph2_lang_modal {
    position: absolute;
    left: 0;
    top: 56px;
    width: 100%;
    height: calc(100vh - 56px);
    background: inherit;
    padding: 20px 0 20px;
    transform: translateX(100%);
    transition: all .5s cubic-bezier(.55,.085,.68,.53);
}
.ys_navph2_lang_back{
    padding: 0 20px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.ys_navph2_lang_back img{
    transform: rotate(90deg);
    width: var(--icon-width);
}
.ys_navph2_lang_back span{
    font-size: 14px;
    color: var(--colors-greyscale-white-00);
    margin-left: 5px;
}
.ys_navph2_subnav {
    padding: 0 20px;
    height: calc(100% - 40px);
}
.ys_navph2_lang_modal.act {
    transform: translateX(0);
    transition: all .5scubic-bezier(.25,.46,.45,.94);
}
.ys_navph2_subnav li>div {
    position: relative;
    border-bottom: 1px solid rgba(219, 225, 233, 0.60);
}
.ys_navph2_subnav a {
    line-height: 24px;
    padding: 8px 0;
    color: var(--colors-greyscale-white-00);
    display: inline-block;
}
.ys_navph2_subnav_a {
    font-size: 16px;
}
.ys_navph2_nav_icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}
.ys_navph2_nav_icon::before, .ys_navph2_nav_icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: var(--colors-greyscale-white-00);
    transition: all .36s;
}
.ys_navph2_nav_icon::before {
    transform: rotate(90deg);
}
.ys_navph2_subnav ul {
    display: none;
    padding-left: 15px;
}
.ys_navph2_subnav li.act>div .ys_navph2_nav_icon::after {
    transform: rotate(90deg);
}
.modal-open {
    overflow: hidden;
}
.ys-ph-navbar3 .ys-phmenu-scroll {
    height: calc(100vh - 70px - 50px);
}
.ys_navph2_subnav_li.act .ys_navph2_nav_icon::after{
    transform: rotate(90deg);
}
.ys_navph2_lang_modal .mCSB_outside+.mCSB_scrollTools {
    right: -2px;
}
.ys-header{
    top: 0 !important;
}
.ys-ph-nav li{
    margin-bottom: 18px;
}
.ys-ph-navbar3 .ys-phmenu-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: var(--colors-greyscale-black-400);
}
.ys-ph-navbar3 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colors-greyscale-white-00) !important;
}
.ys-ph-navbar3 .ys-ph-nav .ys-phnav-lisbox>.ys-phnav-header-font, .ys-ph-navbar3 .ys-ph-nav .ys-phnav-lisbox>a {
    padding: 0;
}
.ys-ph-navbar3 .ys-phnav-search .iconfont {
    color: var(--colors-greyscale-black-600);
    transition: all .4s .2s;
}
.ys-hd-ph-nav.act .ys-phnav-search .iconfont {
    color: var(--colors-greyscale-white-00);
    transition-delay: .1s;
}
.yspc-wrap-input .yspc-wrap-input-icon .iconfont{
    color: inherit !important; 
}
.ys-ph-navbar3 .ys-phnav-search .iconfont {
    font-size: 18px;
}
.ys-phnav-search-box.ys-phnavss-modal .ys-modal-close, .ys-phnav-search-box.ys-phnavss-modal .ys-modal-close .iconfont {
    color: #999 !important;
}
/* f3-Events-end */

/* g1-下载中心-start */
.down-main{
    background: var(--colors-brand-yellow-80);
}
.down-wrap-cont{
    padding-top: var(--space80);
}
.down-main .mnsl-tit{
    background: var(--colors-greyscale-white-00);
}
.nwcn-search{
    width: 26.75% !important;
    border-radius: 80px;
    background: var(--colors-greyscale-white-00);
    display: flex;
    padding-right: 34px;
}
.down-wrap-cont .mod-nav,
.prodet-down .mod-nav{
    width: 73.25%;
    padding-right: 30px;
}
.nwcn-search-icon{
    width: var(--icon-width);
    cursor: pointer;
    line-height: 44px;
}
.nwcn-search-icon img{
    width: 100%;
}
.nwcn-search-input{
    width: calc(100% - var(--icon-width));
}
.nwcn-search-input input{
    padding: 0 34px;
    width: 100%;
    height: 44px;
    font-size: var(--parga);
    color: var(--colors-greyscale-black-600);
}
.nwcn-search-input input::placeholder{
    font-size: var(--parga);
    color: var(--colors-greyscale-black-200);
}
.down-wrap-cont .new-wrap-cont-nav{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.down-wrap-cont-list{
    margin-top: var(--space80);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.dsbc-le {
    width: 22.5%;
    border-radius: var(--radius20);
    background: var(--colors-greyscale-white-00);
    padding: 20px 35px 30px;
}
.dsbc-le-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--colors-greyscale-black-400);
    margin-bottom: 20px;
}
.dsbc-le-tit .std-h6{
    color: var(--colors-greyscale-black-600);
    width: calc(100% - 20px);
    line-height: 1.6;
}
.dsbc-le-tit-pic{
    width: 20px;
    cursor: pointer;
}
.dsbc-le-tit-pic img{
    width: 100%;
}
.dsbp-down {
    width: 100%;
    margin-bottom: 4px;
    position: relative;
    z-index: 10;
}
.dsbp-down .ys-select-hd {
    border-radius: 80px;
    background: var(--colors-greyscale-white-00);
    border: 1px solid var(--colors-greyscale-black-100);
    height: 52px;
}
.dsbp-down .ys-select-hd input {
    padding: 0 16px;
    font-size: var(--body-s);
    color: var(--colors-greyscale-black-600);
}
.dsbp-down .ys-select-hd input::placeholder{
    font-size: var(--body-s);
    color: var(--colors-greyscale-black-200);
}
.dsbp-down .ys-select-xtbbox{
    width: 20px;
    right: 16px;
}
.dsbp-down .ys-select-xtbbox img{
    width: 100%;
}
.dsbc-le-ul-li {
    margin-bottom: 30px;
}
.dlul-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 26px 0;
    border-bottom: 1px solid #D8D9E1;
    cursor: pointer;
}
.dlul-box-ul{
    margin-top: 26px;
}
.dlul-box .std-h6,
.dbul-box .std-h6{
    color: var(--colors-greyscale-black-600);
    width: calc(100% - 20px);
    padding-right: 10px;
    transition: all .4s ease;
    line-height: 1.4;
}
.dlul-pic,
.dbul-pic{
    width: 20px;
    height: 20px;
    transition: all .4s ease;
}
.dlul-pic svg,
.dbul-pic svg{
    width: 100%;
    height: auto;
}
.dlul-pic path,
.dbul-pic path{
    transition: all .4s ease;
}
.dbul-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0;
    cursor: pointer;
}
.dulb-pic{
    width: 16px;
    height: 16px;
}
.dbul-ul-li-box .std-text18{
    width: calc(100% - 16px);    
    padding-right: 10px;
    color: var(--colors-greyscale-black-400);
    transition: all .4s ease;
    line-height: 1.7;
}
.dbul-ul-li-box{
    display: flex;
    align-items: center;
    padding: 12px 18px;
    transition: all .4s ease;
    cursor: pointer;
}
.dulu-li-box-le{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(54, 54, 54, 0.60);
    transition: all .4s ease;
}
.dulu-li-box-le img{
    width: 100%;
    transition: all .4s ease;
    opacity: 0;
}
.dulu-li-box{
    display: flex;
    align-items: center;
}
.dulu-li-box-ri{
    width: calc(100% - 18px);
    padding-left: 10px;
    color: #363636;
    line-height: 1.7;
}
.dulu-li{
    cursor: pointer;
    padding: 10px 18px;
}
.dlul-box-ul,
.dbul-ul,
.dbul-ul-li-ul{
    display: none;
}
.dsbc-le-ul-li.act .dlul-box .std-h6{
    color: #FF7C00;
}
.dsbc-le-ul-li.act .dlul-pic,
.dlul-box-ul-li.act .dbul-pic{
    transform: rotate(180deg);
}
.dsbc-le-ul-li.act .dlul-pic path{
    fill: #FF7C00;
}
.dbul-ul-li.act .dbul-ul-li-box{
    background: var(--colors-greyscale-black-50);
}
.dbul-ul-li.act .dbul-ul-li-box .std-text18{
    color: var(--colors-greyscale-black-600);
}
.dbul-ul-li.act .mod-icon img:nth-child(1) {
    opacity: 0;
}
.dbul-ul-li.act .mod-icon img:nth-child(2) {
    opacity: 1;
}
.dulu-li.act .dulu-li-box-le{
    background: var(--colors-brand-yellow-300);
    border: 1px solid var(--colors-brand-yellow-300);
}
.dulu-li.act .dulu-li-box-le img{
    opacity: 1;
}
.dsbc-ri{
    width: 77.5%;
    padding-left: 40px;
}
.dsbc-ri-box-top {
    margin-bottom: 20px;
    padding: 18px 50px;
    border-radius: var(--radius20);
    background: var(--colors-brand-yellow-300);
    display: flex;
}
.drtb-ul-li {
    display: flex;
}
.drbt-li1,
.drbb-li-parga1{
    width: 38.2%;
}
.drbt-li2,
.drbb-li-parga2{
    width: 12.3%;
}
.drbt-li3,
.drbb-li-parga3{
    width: 12.3%;
}
.drbt-li4,
.drbb-li-parga4{
    width: 12.3%;
}
.drbt-li5,
.drbb-li-parga5{
    width: 14%;
}
.drbt-li6,
.drbb-li-icon{
    width: 10.9%;
}
.drbb-li a{
    display: flex;
    align-items: flex-start;
    padding: 38px 50px;
    border-radius: var(--radius20);
    background: var(--colors-greyscale-white-00);
}
.drbb-li-icon img{
    width: var(--icon-width);
}
.drbb-li-icon{
    text-align: center;
}
.drbb-li {
    margin-bottom: 20px;
}
.drbb-li:last-child{
    margin-bottom: var(--space80);
}
.down-pop{
    background: rgba(0, 0, 0, 0.40);
}
/* g1-下载中心-end */


/* f4-Events详情-start */
.eventdet-ban {
    background: var(--colors-brand-yellow-80);
    margin-bottom: var(--space200);
}
.eventdet-ban-cont{
    padding-top: var(--space120);
    padding-bottom: var(--space120);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.ebci-li{
    width: 100%;
}
.eventdet-ban-cont-img{
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 41%;
}
.eventdet-ban-text{
    width: 59%;
    padding-left: 110px;
    margin-top: 10px;
}
.eventdet-ban-text h1{
    font-size: var(--font44);
    line-height: 1.3;
    color: var(--color333);
}
.eventdet-ban-text .eull-le-ul{
    margin-top: 44px;
}
.eventdet-ban-text .eull-le-ul-li{
    padding: 21px 0;
    border-bottom: 1px solid #D8D9E0;
}
.eventdet-ban-text .elul-ans{
    font-size: var(--headline-5);
    width: calc(100% - 90px);
    padding-left: 56px;
}
.eventdet-ban-text .elul-qus{
    font-size: var(--label-m);
    width: 90px;
}
.eventdet-ban-text .elul-detail{
    align-items: center;
}
.eventdet-ban-text .elul-ans-day {
    background-color: var(--colors-greyscale-white-00);
    height: 70px;
    min-width: 70px;
    padding: 4px;
}
.eventdet-ban-text .elul-ans-day-num{
    font-size: var(--font32);
    line-height: 1.5;
}
.eventdet-ban-text .elul-ans-day-text {
    font-size: 14px;
}
.eventdet-ban-text .eull-le-ul-li:last-child{
    border: none;
}
.eventdet-ban-text-btn{
    margin-top: 70px;
}
.eventdet-pro h2{
    color: var(--colors-greyscale-black-600);
    text-align: center;
    margin-bottom: var(--space70);
}
.eventdet-pro-slick{
    width: calc(100% - 80px);
}
.eventdet-pro-slick .plil-ul-li{
    margin-top: 0;
}
.eventdet-pro .ys-content{
    position: relative;
}
.eventdet-pro .pro-data-wrap-btn{
    right: var(--space64);
}
.eventdet-pro-slick .slick-list{
    overflow: visible;
}
.down-pop h2{
    margin-bottom: var(--space40);
    color: var(--colors-greyscale-black-600);
}
.down-pop-wrap{
    width: 100%;
    max-height: calc(100vh - 160px);
}
.ys-form-captcha{
    display: flex;
    flex-wrap: wrap;
}
.ys-form-captcha .ys-fic-auth-img {
    width: 188px;
    cursor: pointer;
}
.ys-form-captcha .ys-fic-auth label{
    width: calc(100% - 188px);
    padding-right: 22px;
}
.ys-form-captcha .ys-fic-auth .ys-fii-input{
    width: 100%;
}
.ys-form-captcha .ys-fic-auth {
    width: 100%;
}
.ys-fia-text-word p a{
    text-decoration: underline;
}
.pdfs-info-list-li {
    margin-bottom: 24px;
}
.ys-fii-input {
    height: 58px;
}
.ys-form-captcha .ys-fii-icon{
    right: 22px;
}
/* f4-Events详情-end */

/* c3_产品详情X3-HYB-G4 PRO-start */
.trene-warrap{
    position: relative;
}
.trene-warrap-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.trene-warrap-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.trene-warrap-box{
    padding-top: var(--space100);
    text-align: center;
}
.twbt-parga{
    color: var(--colors-greyscale-black-400);
}
.twbt-tit{
    color: #222;
    margin-top: 15px;
}
.twbt-subtit{
    color: #FF7C00;
    margin-top: 30px;
}
.twbb-ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.twbb-ul-li .std-btn2-box p {
    line-height: 46px;
}
.trene-warrap-box-btns{
    margin-top: var(--space40);
}
.trene-warrap-box-info{
    width: 81%;
    margin: 13px auto 0;
}
.trene-warrap-box-info P{
    color: var(--colors-greyscale-black-400);
}
.twbb-ul-li{
    padding: 0 15px;
}
.twbs-item .ys-imgbox-cover{
    transform: scale(0.6);
    transition: all .4s ease;
}
.twbs-item.slick-current .ys-imgbox-cover{
    transform: scale(1);
}
.twbs-item{
    width: 33.33333%;
    padding: 0 32px;
}
.trene-warrap-box-slick{
    margin: 0 -32px;
}
.trene-warrap-box-image{
    position: relative;
    margin-top: 62px;
}
.ys-cont1480{
    width: 85vw;
    max-width: 1480px;
    margin: auto;
}
.trene-warrap-box-btn{
    width: 100%;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.twbb-icon{
    width: 56px;
    height: 56px;
    cursor: pointer;
    pointer-events: all;
}
.twbb-icon svg{
    width: 100%;
    height: auto;
}
.twbb-icon rect,
.twbb-icon path{
    transition: all .4s ease;
}
.prodet-adv-wrap{
    width: calc(100% - 130px);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.prodet-adv-wrap-img{
    width: 31%;
}
.prodet-adv-wrap-text{
    width: 69%;
    padding-right: 192px;
}
.prodet-adv-wrap-text .std-h5{
    margin-top: var(--space40);
    color: var(--colors-greyscale-black-600);
}
.pawt-btn{
    margin-top: 108px;
}
.prodet-adv-wrap-text h2{
    color: var(--colors-greyscale-black-600);
}
.prodet-adv-slick{
    margin-top: var(--space80);
    width: 74%;
}
.pasu-li{
    width: 50%;
    padding: 0 var(--space12);
    height: auto !important;
}
.prodet-adv-slick-ul{
    margin: 0 calc(-1 * var(--space12));
}
.pasu-li-cont{
    border-radius: var(--radius24);
    background: var(--colors-brand-yellow-80);
    padding: var(--space24);
    height: 100%;
}
.pasu-li-cont-icon{
    width: var(--mod-width);
    height: var(--mod-width);
    border-radius: 50%;
    background: var(--colors-greyscale-white-00);
    margin-bottom: var(--space40);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pasu-li-cont-icon img{
    width: 48px;
}
.plct-tit{
    font-size: var(--font32);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.plct-info{
    margin-top: 20px;
}
.plct-info-li{
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative;
}
.plct-info-li:last-child{
    margin-bottom: 0;
}
.plct-info-li p{
    color: var(--colors-greyscale-black-600);
}
.plct-info-li::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--colors-brand-yellow-300);
    position: absolute;
    top: 7px;
    left: 0;
}
.prodet-adv-slick-ul .slick-list{
    overflow: visible;
}
.prodet-adv .ys-cont1600{
    position: relative;
}
.prodet-adv .slick-dots{
    left: 13%;
}
.trene-ters-box h2{
    text-align: center;
    margin-bottom: var(--space70);
}
.trene-ters-box-tab{
    margin-bottom: var(--space40);
    display: flex;
    align-items: center;
    padding: 10px 40px 10px 10px;
    border-radius: 10px;
    background: var(--colors-greyscale-black-50);
    box-shadow: 0px 1px 8.64px 0px rgba(0, 31, 68, 0.10);
}
.ttbt-le {
    width: calc(100% - 104px);
    position: relative;
    padding-right: 20px;
}
.ttbt-slick {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 30px;
}
.ttbt-slick-li {
    cursor: pointer;
    color: var(--colors-greyscale-black-600);
    text-align: center;
    transition: all 0.4s ease;
    padding: 12px 30px;
    border-radius: 10px;
    font-size: var(--body-m);
    line-height: var(--line12);
    width: auto !important;
    background: var(--colors-greyscale-black-50);
    transition-property: all !important;
}
.ttbt-slick-li.act {
    background: var(--colors-brand-yellow-300);
}
.ttbt-tab-but{
    background: var(--colors-greyscale-white-00);
    right: 40px !important;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}
.trene-ters-box-cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.trene-ters-box-le {
    width: 24%;
    text-align: center;
}
.trene-ters-box-ri {
    width: 76%;
    padding-left: 90px;
}
.trene-ters-box-list{
    padding-left: 83px;
}
.ttbl-tit{
    color: var(--colors-greyscale-black-500);
    margin-top: 10px;
}
.tulb-cont{
    padding: 17px 60px;
    border-radius: 7.2px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.iult-ri{
    width: 34px;
    height: 34px;
}
.tulb-le{
    width: calc(100% - 34px);
    padding-right: 30px;
    color: var(--colors-greyscale-black-600);
    transition: all .4s ease;
}
.ttbr-ul-li-ul{
    padding: 6px 60px;
    display: none;
}
.ttbr-ul-li-box{
    background: var(--colors-greyscale-white-00);
    box-shadow: 0px 1px 8.64px 0px rgba(0, 31, 68, 0.10);
}
.tulu-li-box-le{
    width: 64%;
}
.tulu-li-box-ri{
    width: 36%;
}
.tulu-li-box{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid #D8D9E2; 
}
.tulu-li-box .std-text18{
    color: var(--colors-greyscale-black-600);
}
.tulu-li:last-child .tulu-li-box{
    border: none;
}
.ttbr-ul-li{
    margin-bottom: 20px;
}
.ttbr-ul-li:last-child{
    margin-bottom: 0;
}
.ttbr-ul-li.act .tulb-le{
    color: #FF7C00;
}
.ttbr-ul-li.act .mod-icon img:nth-child(2) {
    opacity: 0;
}
.ttbr-ul-li.act .mod-icon img:nth-child(2) {
    opacity: 1;
}
.ttbt-tab-but .swiper-button-disabled{
    opacity: 1;
    pointer-events: all;
}
.trene-ess {
    position: relative;
}
.trene-ess-pic {
    width: 100%;
}
.trene-ess-pic img {
    width: 100%;
}
.prodet-solu-text {
    margin-top: -240px;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.prodet-solu-text-wrap {
    width: 40%;
    padding: var(--space40);
    border-radius: var(--radius24);
    background: var(--colors-brand-yellow-80);
    margin-right: 137px;
    position: relative;
}
.psts-li .std-h3{
    color: #2E2C2C;
}
.psts-li-parga{
    margin-top: 30px;
    font-size: var(--parga);
    line-height: 1.7;
    height: 5.1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.psts-li-parga p{
    font-size: var(--parga);
    line-height: 1.7;
    color: var(--colors-greyscale-black-400);
}
.psts-li-btn{
    margin-top: 90px;
}
.prodet-solu-img{
    width: 100%;
}
.prodet-solu-img img{
    width: 100%;
}
.prodet-solu-text .pro-data-wrap-btn{
    background: var(--colors-greyscale-white-00);
    right: var(--space40);
    bottom: var(--space40);
}
.prodet-case h2{
    color: #363636;
    text-align: center;
}
.pcbs-li{
    width: 100%;
    padding: 0 var(--space12);
}
.prodet-case-bt-slick{
    margin: 0 calc(-1 * var(--space12));
}
.pcbs-li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: var(--radius24);
    background: #F8F8F8;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 33px 80px 33px 33px;
}
.pcbs-li-le{
    width: 51%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.pcbs-li-ri{
    width: 49%;
    padding-left: 55px;
}
.pcbs-li-ri-tit{
    color: #0A1B1B;
}
.pcbs-li-ri-info{
    margin: 30px -22px 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.pcbs-li-ri-parga{
    margin-top: 25px;
    color: var(--colors-greyscale-black-600);
}
.pcbs-li-ri-btn{
    margin-top: 120px;
}
.plri-li{
    padding: 0 22px;
    display: flex;
    align-items: center;
}
.plri-li img{
    width: var(--icon-width);
}
.plri-li span{
    padding-left: 16px;
    position: relative;
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.plri-li span::before{
    content: "";
    width: 1px;
    height: 14px;
    background: var(--colors-greyscale-black-600);
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
}
.prodet-case-bt{
    position: relative;
    margin-top: var(--space70);
}
.prodet-down h2{
    text-align: center;
    color: #363636;
    margin-bottom: var(--space70);
}
.prodet-down-info{
    margin-top: 0;
    margin-bottom: var(--space50);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.prodet-down-info .mnsl-tit {
    background: var(--colors-brand-yellow-100);
}
.prodet-down-info .ys-select{
    width: 100%;
}
.prodet-down-info .nwcn-search{
    margin-bottom: 0;
    padding-right: 0;
}
.prodet-down-info .ys-select-hd {
    height: 44px;
}
.prodet-down-list-li:not(:first-child){
    display: none;
}
.prodet-down-list .drbb-li a{
    box-shadow: 0px 4px 4.5px 0px rgba(0, 31, 130, 0.04), 0px 4px 40px 0px rgba(0, 31, 130, 0.04);
}
.prodet-down-list .drbt-li1, 
.prodet-down-list .drbb-li-parga1 {
    width: 34%;
}
.prodet-down-list .drbt-li2, 
.prodet-down-list .drbb-li-parga2 {
    width: 15%;
}
.prodet-down-list .drbt-li3, 
.prodet-down-list .drbb-li-parga3 {
    width: 15%;
}
.prodet-down-list .drbt-li4, 
.prodet-down-list .drbb-li-parga4 {
    width: 15%;
}
.prodet-down-list .drbt-li5, 
.prodet-down-list .drbb-li-parga5 {
    width: 16%;
}
.prodet-down-list .drbt-li6, 
.prodet-down-list .drbb-li-icon {
    width: 5%;
}
.prodet-down-info.empty .mod-nav{
    width: 100%;
    padding-right: 0;
}
.prodet-down-info.empty .swiper-wrapper{
    justify-content: center;
}
.prodet-down .drbb-li:last-child{
    margin-bottom: 0;
}
.prodet-case .pro-data-wrap-btn{
    right: 0;
}
.ttbe-mod-wrapper-slide:not(:first-child){
    display: none;
}
/* c3_产品详情X3-HYB-G4 PRO-end */

/* d3-查找安装商-地图显示-start */
.map-pop{
    background: rgba(0, 0,0,.4);
}
.map-pop .ys-modal-content{
    width: 898px;
    border-radius: var(--radius24);
    padding: 60px 96px 78px;
}
.map-pop .ys-modal-close{
    top: 24px;
    right: 30px;
    left: auto;
}
.map-pop h2{
    text-align: center;
    margin-bottom: var(--space40);
    color: #363636;
}
.map-pop-list-li{
    width: 50%;
    padding: 0 29px;
}
.map-pop-list{
    margin: 0 -29px;
    display: flex;
    flex-wrap: wrap;
}
.map-pop-list-li a{
    width: 100%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}
.map-pop-list-li a::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.60) 70.67%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0.6;
}
.mpll-text .std-h6{
    color: var(--colors-greyscale-white-00);
    position: absolute;
    top: var(--space40);
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 0 30px;
    text-align: center;
}
.mpll-text-btn{
    position: absolute;
    bottom: var(--space40);
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}
.ys-cont1520{
    width: 85vw;
    max-width: 1520px;
    margin: auto;
}
.list-cont-apply-ri{
    width: 37%;
}
.list-cont-apply-ri img{
    width: 100%;
}
.list-cont-apply-le{
    width: 63%;
    padding-left: 44px;
    padding-right: 130px;
}
.list-cont-apply{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.list-cont-apply-le h2{
    font-size: var(--font44);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.lcal-parga{
    margin-top: var(--space24);
}
.lcal-parga p{
    line-height: 1.75;
}
.lcal-btn{
    margin-top: var(--space70);
}
.play-map-box-wrap {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.play-map-box-ri {
    width: 36%;
    position: relative;
    height: 100%;
    z-index: 8;
    pointer-events: all;
}
.pmbr-ul {
    width: 100%;
    height: 100%;
    min-height: calc(100vh - var(--headh1));
    background: var(--colors-greyscale-white-00);
}
.pmbr-ul-li{
    background: var(--colors-brand-yellow-80);
}
.pmbr-ul-li:nth-child(2n){
    background: var(--colors-greyscale-white-00);
}
.pmbr-ul-li-box {
    padding: 52px 60px;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.pulb-le, .ipbu-li-box-ri {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
}
.pulb-le {
    padding: 5px;
    border-radius: 10px;
    flex-shrink: 0;
    background: var(--colors-brand-yellow-100);
}
.pulb-le img, 
.ipbu-li-box-ri img {
    width: 100%;
}
.pulb-ri {
    padding-left: 50px;
    width: calc(100% - 56px);
}
.pulb-ri-ul-li {
    margin-bottom: 6px;
}
.prul-pic {
    width: 20px;
    margin-top: 5px;
    flex-shrink: 0;
}
.prul-pic img {
    width: 100%;
}
.play-map-box-map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pmbm-iframe{
    width: 100%;
    position: sticky;
    pointer-events: all;
    top: calc(var(--headh1) + 36px);
    height: calc(100vh - var(--headh1) - 36px);
}
.pmbm-iframe iframe {
    width: 100% !important;
    height: 100% !important;
    pointer-events: all;
}
.pulb-ri-tit{
    color: var(--colors-greyscale-black-600);
    margin-bottom: 22px;
}
.pulb-ri-ul-li,
.pulb-ri-ul-li a{
    display: flex;
    align-items: center;
}
.pulb-ri-ul-li img{
    width: var(--icon-width);
}
.pulb-ri-ul-li span{
    width: calc(100% - var(--icon-width));
    font-size: var(--parga);
    line-height: 1.7;
    color: var(--colors-greyscale-black-600);
    padding-left: 12px;
}
.play-map{
    overflow: inherit;
}
.pmbm-iframe::after{
    content: "";
    width: 36%;
    height: 120px;
    background: linear-gradient(180deg, #FFF -32.08%, #FFF 71.25%);
    position: absolute;
    bottom: 0;
    right: 0;
}
.pmbm-iframe-select{
    position: absolute;
    top: 56px;
    left: var(--space64);
    z-index: 5;
    border-radius: 80px;
    background: var(--colors-greyscale-white-00);
    box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.10);
    /* width: 520px; */
    width: 27%;
}
.pmbm-iframe-select input{
    font-size: var(--parga);
    color: var(--colors-greyscale-black-600);
}
.pmbm-iframe-select input::placeholder{
    font-size: var(--parga);
    color: var(--colors-greyscale-black-600);
}
.pmbm-iframe-select .ys-select-hd{
    height: 52px;
    padding: 0 32px;
}
.pmbm-iframe-select .ys-select-xtbbox{
    width: 28px;
    right: 32px;
}
.pmbm-iframe-select .ys-select-xtbbox img{
    width: 100%;
}
.pmbm-iframe-select .ys-select-bd{
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    max-height: 168px;
    box-shadow: var(--mod-shadow);
}
.pmbm-iframe-select .ys-select-li{
    width: 100%;
    padding: 8px 34px;
    font-size: 14px;
    line-height: var(--line15);
    color: var(--colors-greyscale-black-600);
}
.play-bot{
    padding-top: 73px;
    padding-bottom: 93px;
}
.play-map-box-mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 10;
}
.pmbm-bg{
    width: 100%;
    height: calc(100vh - var(--headh1));
    position: sticky;
    top: var(--headh1);
}
.pmbm-bg::after{
    content: "";
    width: 36%;
    height: 120px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    position: absolute;
    right: 0;
    bottom: 0;
}
.pmbm-iframe-bread{
    width: 100%;
    position: absolute;
    top: -36px;
    left: 0;
    z-index: 5;
    background: var(--colors-greyscale-black-50);
}
.pmbm-iframe-bread .mod-bread{
    margin-top: 0;
    padding: 7px var(--space64);
}
/* d3-查找安装商-地图显示-end */

/* 首页-start */
.home-about-tab.center .swiper-wrapper{
    justify-content: center;
}
.swml-cont-title .std-h3{
    color: var(--colors-greyscale-white-00);
    margin-bottom: 30px;
}
.home-about-tab{
    margin-top: 66px;
}
.home-about-list{
    margin-top: var(--space40);
}
.home-about .solution-why-more{
    margin-top: 0;
}
.home-about-list-li:not(:first-child){
    display: none;
}
.home-new{
    background: var(--colors-greyscale-black-600);
    margin-bottom: var(--space200);
    padding: var(--space120) 0;
}
.home-new-bt{
    margin-top: 110px;
    display: flex;
    flex-wrap: wrap;
}
.home-new-bt-le{
    width: 54.5%;
}
.hnbl-img img{
    height: 100%;
    object-fit: cover;
}
.home-new-bt-ri{
    width: 45.5%;
    padding-left: var(--space40);
}
.home-new-bt-le a{
    width: 100%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    height: 100%;
}
.hnbl-img{
    position: relative;
    height: 100%;
}
.hnbl-img::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,.6) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.hnbl-text{
    position: absolute;
    bottom: 50px;
    left: 50px;
    width: 69%;
    z-index: 5;
}
.hnbl-text-time{
    font-size: var(--label-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
}
.hnbl-tit{
    font-size: var(--font32);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    margin-top: 10px;
}
.hnbl-text-btn{
    margin-top: 35px;
}
.hnbr-ul-li{
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colors-brand-yellow-80);
    margin-bottom: 25px;

}
.hnbr-ul-li:last-child{
    margin-bottom: 0;
}
.hnbr-ul-li .std-h5{
    color: var(--colors-greyscale-black-500);
    height: 2.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hnbr-ul-li-info{
    margin-top: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.huli-btn{
    width: 72px;
    height: 50px;
    border-radius: 100px;
    background: var(--colors-brand-yellow-300);
    transition: all .4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.huli-btn img{
    width: var(--icon-width);
}
.hnbr-ul-li a{
    width: 100%;
    display: block;
    padding: var(--space24) var(--space40);
}
.pcbs-li-cont-text .std-h3 {
    width: 68%;
}
.pcbs-li-cont-text .plri-li span{
    color: var(--colors-greyscale-white-00);
}
.pcbs-li-cont-text .plri-li span::before{
    background: var(--colors-greyscale-white-00);
}
.hpls-li a{
    border-radius: 15px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(255,255,255,.1);
    position: relative;
    height: 100%;
}
.hpls-li-tit{
    text-align: center;
    color: var(--colors-greyscale-white-00);
    width: 100%;
    padding: 0 20px;
    transition: all .4s ease;
    position: absolute;
    left: 0;
    bottom: 20px;
}
.home-pro-list{
    position: relative;
    padding: 0 var(--space40);
}
.home-pro-list-cont{
    margin-top: var(--space70);
    width: 87%;
    position: relative;
    max-width: 1487px;
}
.home-pro-list-swiper{
    margin: 0 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    overflow: visible !important;
}
.home-pro-list-bg{
    width: 650px;
    pointer-events: none;
}
.home-pro-list-bg img{
    width: 100%;
}
.hpls-li.swiper-slide{
    width: var(--width);
}
.hpls-li .ys-imgbox-cover{
    width: 100%;
    margin: auto;
    max-height: 370px;
    transition: all .3s;
}
.hpls-li.swiper-slide-active{
    width: var(--act-width);
}
.hpls-li.swiper-slide-active .ys-imgbox-cover{
    width: 76%;
    max-height: 494px;
}
.hpls-li.swiper-slide-active .hpls-li-tit{
    bottom: 36px;
}
.home-pro .std-titbox{
    padding: 0 var(--space40);
}
.home-pro .pro-data-wrap-btn{
    right: 0;
    background: var(--colors-greyscale-black-400);
}
.home-pro .pdwb-icon path{
    stroke: var(--colors-greyscale-white-00);
}
.ssll-ri {
    width: calc(100% - 112px - var(--icon-width));
    padding-left: 108px;
    padding-right: 60px;
}
.ssll-icon{
    width: var(--icon-width);
    height: var(--icon-width);
    cursor: pointer;
}
.ssll-ri-li:nth-child(1){
    border: none;
}
.solution-stand-list-li{
    padding-top: var(--space16);
    border-top: 1px solid var(--colors-greyscale-black-200);
}
.ssll-ri-li:not(:first-child){
    display: none;
}
.solution-stand-list-li.act .ssll-icon img:nth-child(1){
    opacity: 0;
}
.solution-stand-list-li.act .ssll-icon img:nth-child(2){
    opacity: 1;
}
/* 首页-end */
.pro-case .pcbs-li a{
    padding: 0 !important;
}
video{
    background: transparent !important;
}
.mod-letter{
    padding-bottom: var(--space120) !important;
}
.eventdet-pro-btn{
    margin-top: var(--space70);
    text-align: center;
}
.abit-btn{
    margin-top: var(--space50);
} 
.sust-main .about-ban-img-tit,
.cont-main .about-ban-img-tit{
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.sust-main h1,
.cont-main h1{
    text-align: center;
    animation-delay: .2s;
}
.sust-tap-img{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.sust-tap-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.yxedr-active td, .yxedr-active th{
    border: none !important;
}
.contact-modal .mCSB_inside>.mCSB_container {
    margin-right: 0;
    padding-right: var(--space64);
}
.contact-modal .mCSB_scrollTools {
    right: calc(var(--space64) / 2);
    width: 2px;
}
.ys-form-inof-item .ys-select-xtbbox{
    right: 0;
}
.cont-map-boux-btn{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.inside-main-map-btn{
    width: 100%;
    height: 56px;
    transform: translateY(56px);
    position: relative;
    z-index: 2;
}
.inside-main-map-slick{
    min-height: 524px;
}
.down-pop .ys-modal-content{
    padding-right: 0;
}
.down-pop .mCSB_inside>.mCSB_container {
    margin-right: 0;
    padding-right: var(--space64);
}
.down-pop .mCSB_scrollTools {
    right: calc(var(--space64) / 2);
    width: 2px;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    /* leo-statr */
    .sbyl-boux-slick-item:hover {
        cursor: pointer;
    }
    .dsbt-ul-li-link:hover {
        background-color: #FFBA00;
        cursor: pointer;
    }
    .sgbr-btm-ri-ri:hover {
        cursor: pointer;
    }
    .sgbr-btm-ri-le:hover {
        cursor: pointer;
    }
    /* g3 */
    .swiper-pev:hover {
        cursor: pointer;
    }
    .swiper-nex:hover {
        cursor: pointer;
    }
    .idbl-time-but-prev:hover {
        cursor: pointer;
    }
    .idbl-time-but-next:hover {
        cursor: pointer;
    }
    .inst-page .ybtw-more-link:hover {
        cursor: pointer;
    }
    .inst-page-pop:hover {
        cursor: pointer;
    }
    .swiper-nex:hover rect {
        fill: #FFBD00;
    }
    .swiper-nex:hover path {
        fill: #363636;
    }
    .swiper-pev:hover rect {
        fill: #FFBD00;
    }
    .swiper-pev:hover path {
        fill: #363636;
    }
    .ccbl-page-ul-li:hover .cpul-box-par-bot {
        color: #FFBD00;
    }
    /* .sbyl-boux-slick-item:hover .ys-imgbox-cover img {
        transform: scale(1.05);
    } */
    .ccbr-ul-li:hover .ccbr-ul-li-tit p {
        color: #FFBD00;
    }
    .cont-main .pdwb-icon:hover path {
        stroke: var(--colors-greyscale-black-600);
    }
    .nowe-ul-li .ys-fii-submit:hover {
        border: none;
        background-color: #F59B00 !important;
    }
    /* leo-end */
    .hnis-cont-ri-case a:hover .std-btn1-box{
        background: var(--colors-brand-orange-300);
        border: 2px solid var(--colors-brand-orange-300);
    }
    .home-pro .pdwb-icon:hover path{
        stroke: var(--colors-brand-yellow-300);
    }
    .hnbr-ul-li a:hover .huli-btn{
        background: var(--colors-brand-orange-400);
    }
    .home-new-bt-le:hover .std-btn1-box {
        background: var(--colors-brand-orange-300);
        border: 2px solid var(--colors-brand-orange-300);
    }
    .map-pop-list-li a:hover .std-btn3-box {
        background: var(--colors-brand-orange-300);
        border: 2px solid var(--colors-brand-orange-300);
    }
    .map-pop-list-li a:hover .std-btn3-box p {
        color: var(--colors-greyscale-black-600);
    }
    .map-pop-list-li a:hover .std-btn1-box {
        background: var(--colors-brand-orange-300);
        border: 2px solid var(--colors-brand-orange-300);
    }
    .twbb-icon:hover rect{
        fill: var(--colors-brand-yellow-300);
        fill-opacity: 1;
    }
    .twbb-icon:hover path{
        stroke: var(--colors-greyscale-black-600);
    }
    .nwru-li a:hover .nwru-li-tit{
        color: var(--colors-brand-yellow-300);
    }
    .nwlp-li a:hover{
        background: var(--colors-brand-yellow-300);
    }
    .hlpu-btm-li a:hover,
    .hlpu-btm-li a:hover span{
        color: var(--colors-brand-yellow-300); 
    }
    .yfti-list a:hover{
        opacity: 1;
        color: var(--colors-greyscale-white-00);
    }
    .yfti-link-info-list a:hover span{
        color: var(--colors-greyscale-white-00);
    }
    .yfti-link-info-list a:hover img:nth-child(1){
        opacity: 0;
    }
    .yfti-link-info-list a:hover img:nth-child(2){
        opacity: 1;
    }
    .ys-footer-bt-share li:hover .yfbs-pop{
        opacity: 1;
        transform: translateX(-50%) scale(1);
        pointer-events: all;
    }
    .hblu-link:hover .hblu-link-img-icon rect{
        fill: var(--colors-brand-yellow-300);
    }
    /*.pc-fenye li:hover{*/
    /*    background: var(--colors-brand-yellow-300);*/
    /*    color: var(--colors-greyscale-white-00);*/
    /*}*/
    .first li:hover, 
    .prev li:hover,
    .next li:hover,
    .end li:hover{
        background: transparent !important;
        color: var(--colors-brand-yellow-300) !important;
    }
    .cwlu-li a:hover .std-btn1-box {
        background: var(--colors-brand-orange-300);
        border: 2px solid var(--colors-brand-orange-300);
    }
    .cwnb-icon:hover{
        background: var(--colors-brand-yellow-300);
    }
    .plil-ul-li a:hover .plil-ul-li-img img{
        transform: translate(-50%,-50%) scale(1.05);
    }
    .plil-ul-li a:hover .std-btn1-box {
        background: var(--colors-brand-orange-300);
        border: 2px solid var(--colors-brand-orange-300);
    }
}

/* 载入效果-start */
.cwlu-li:nth-child(2n+1),
.pro-help-ul-li:nth-child(3n+1),
.nwcl-ul-li:nth-child(3n+1){
    animation-delay: .3s;
}
.cwlu-li:nth-child(2n+2),
.pro-help-ul-li:nth-child(3n+2),
.nwcl-ul-li:nth-child(3n+2){
    animation-delay: .4s;
}
.pro-help-ul-li:nth-child(3n+3),
.nwcl-ul-li:nth-child(3n+3){
    animation-delay: .5s;
}
.events-bott-li:nth-child(2n+1){
    animation-delay: .4s;
}
.events-bott-li:nth-child(2n+2){
    animation-delay: .5s;
}
/* 载入效果-end */
/* 2025.6.11二期-end */
.for-main .about-ban-img-tit{
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 80%;
    /* width: 1512px; */
    padding: 0;
}
.for-main .about-ban h1{
    text-align: center;
}
.about-ban-img-tit .std-btn3{
    margin-top: var(--space50);
}
.for-main .sscr-box-bot p{
    font-size: var(--label-m);
    margin-bottom: 0;
}
.for-main .sscr-box-top{
    width: 86%;
}
.for-main .sscr-box-bot {
    width: 58%;
}
.for-main .about-ban-img::after{
    background: rgba(0,0,0,.2);
}
.abct-parg p{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-white-00);
    letter-spacing: -0.15px;
}
.abct-parg{
    margin-top: 28px;
}
.about-ban-cta a{
    display: flex;
    align-items: flex-start;
    border-radius: var(--radius24);
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 0px 35.7px 0px rgba(255, 255, 255, 0.25) inset;
    backdrop-filter: blur(8.649999618530273px);
    -webkit-backdrop-filter: blur(8.649999618530273px);
    padding: 10px 22px 10px 10px;
}
.about-ban-cta{
    position: absolute;
    width: 338px;
    right: 40px;
    bottom: 40px;
    z-index: 5;
}
.about-ban-cta-img{
    border-radius: var(--radius20);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    width: 36%;
}
.about-ban-cta-img img{
    width: 100%;
    animation: none !important;
}
.about-ban-cta-text{
    width: 64%;
    padding-left: 14px;
    margin-top: 20px;
}
.about-ban-cta-text .std-text18{
    color: var(--colors-greyscale-white-00);
}
.for-cost-num{
    width: 47%;
    padding-right: 230px;
}
.for-cost-num-data,
.for-cost-num span{
    font-size: 300px;
    line-height: var(--line12);
    color: var(--colors-brand-yellow-300);
    font-family: var(--font-medium);
}
.for-cost .ys-content{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.for-cost-text{
    width: 53%;
}
.for-cost-text h2{
    color: var(--colors-greyscale-black-600);
}
.for-cost-text-parga{
    margin-top: var(--space40);
}
.for-cost-text-parga p{
    font-size: var(--headline-5);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.for-pioneer h2{
    width: 48%;
    margin: auto;
    text-align: center;
    color: var(--colors-greyscale-black-600);
}
.for-pioneer-bt{
    margin-top: var(--space80);
    display: flex;
    flex-wrap: wrap;
}
.for-pioneer-bt-img{
    width: 50%;
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.for-pioneer-bt-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.for-pioneer-bt-text{
    width: 50%;
    padding-left: var(--space24);
}
.fpbt-li{
    margin-bottom: var(--space24);
}
.fpbt-li:last-child{
    margin-bottom: 0;
}
.fpbt-li-cont{
    padding: 40px 62px 54px;
    border-radius: 10px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colors-brand-yellow-80);
}
.fpbt-li-cont-tit{
    font-size: var(--font32);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-500);
}
.fpbt-li-cont-parga{
    margin-top: 20px;
}
.fpbt-li-cont-parga p{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-500);
}
.for-become h2{
    margin-top: 0;
}
.for-become .std-titbox{
    width: 100%;
}
.for-become .std-titbox .std-h5{
    /* font-size: var(--headline-5); */
    width: 62%;
    margin: 57px auto 0;
}
.for-become-tp-btn{
    margin-top: var(--space70);
}
.for-become-bt-li{
    width: 50%;
    padding: 0 var(--space12);
}
.for-become-bt-li a{
    background: #FBF5E9;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.for-become-bt-li .phul-icon{
    width: 64px;
}
/* .for-story .std-titbox .std-h5{
    font-size: var(--headline-5);
} */
.for-story{
    background: var(--colors-greyscale-black-600);
    padding: var(--space100) 0 var(--space200);
    overflow: inherit !important;
}
.for-story-tp{
    padding: 0 40px;
    margin-top: var(--space100);
}
.sscr-box-info p{
    font-size: var(--body-m);
    color: var(--colors-greyscale-white-00);
    margin-bottom: 4px;
}
.sscr-box-info p:last-child{
    margin-bottom: 0;
}
.sscr-box-tit{
    font-size: var(--font32);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
    width: 66%;
}
.for-story-tp .sust-sola-cont-slide{
    height: auto;
    top: var(--top);
}
.sscr-box-img{
    width: 33%;
    position: absolute;
    bottom: 0;
    right: 25px;
}
.sscr-box-img img{
    width: 100%;
}
.for-adv{
    background: var(--colors-brand-yellow-80);
    overflow: inherit;
}
.for-adv-wrap{
    padding-right: 116px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.fawt-line{
    width: 4px;
    height: 270px;
    border-radius: 4px;
    background: var(--colors-greyscale-white-00);
    position: relative;
    overflow: hidden;
    margin-top: var(--space80);
}
.fawt-line-pro{
    width: 100%;
    height: 100%;
    background: var(--colors-brand-yellow-300);
    border-radius: 4px;
    transform-origin: top;
    transform: scaleY(0);
}
.fawc-ul-li{
    position: sticky;
    top: var(--top);
    transform-origin: top;
}
.fawc-ul-li-cont{
    border-radius: var(--radius24);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colors-greyscale-white-00);
}

.fawc-ul-li .ys-imgbox-cover{
    width: 100%;
}
.fawc-ul-li-text{
    padding: 30px 47px 66px 30px;
}
.fult-page p{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-200);
}
.fult-page p span{
    color: var(--colors-greyscale-black-500);
}
.fult-tit,
.fult-parga{
    margin-top: 13px;
}
.fult-tit{
    font-size: var(--font32);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-500);
}
.fult-parga p{
    font-size: var(--body-s);
    line-height: 1.45;
    color: var(--colors-greyscale-black-500);
}
.for-adv-wrap-card{
    width: 48.5%;
}
.for-adv-wrap-text{
    width: 51.5%;
    padding-right: 130px;
    position: sticky;
    top: var(--space200);
}
.for-adv-wrap-text .std-titbox {
    width: 100%;
}
.fawc-ul{
    row-gap: 32px;
    display: grid;
}
.fawc-ul-li .ys-imgbox-cover::after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    position: absolute;
    top: 0;
    left: 0;
}
.for-map{
    background: var(--colors-greyscale-black-600);
    margin-bottom: var(--space200);
    padding-bottom: 313px;
}
.for-map-img{
    width: 470px;
    margin: auto;
    position: relative;
}
.for-map-img img{
    width: 100%;
}
.fmid-li-circle-cont{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255,192,0,0.8);
    transition: all .4s ease;
}
.fmid-li-circle{
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
}
.fmid-li-circle::before{
    content: "";
    width: 258%;
    height: 258%;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.33);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
    opacity: 0;
    pointer-events: none;
}
.fmid-li-circle::after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colors-greyscale-white-00);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.fmid-li-text-tit{
    font-size: var(--font32);
    line-height: var(--line12);
    color: var(--colors-greyscale-white-00);
}
.fmid-li{
    position: absolute;
    transform: translate(-50%,-50%);
    width: 60px;
    pointer-events: all;
}
.for-map-img-dots{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.fmid-li-text{
    width: 410px;
    position: absolute;
    top: 56px;
    left: -843px;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.fmid-li-text::before{
    content: "";
    width: 873px;
    height: 1px;
    background: rgba(255,255,255,.4);
    position: absolute;
    top: -27px;
    left: 0;
}
.fmid-li-text-img{
    width: 100%;
    margin-top: 34px;
    border-radius: 8px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.fmid-li-text-img img{
    width: 100%;
    transition: all .4s ease;
}
.fmid-li-text-btn{
    margin-top: 22px;
    display: flex;
    align-items: center;
}
.fmid-li-text-btn span{
    font-size: var(--parga);
    line-height: var(--line175);
    color: #FF7C00;
    margin-right: 15px;
    transition: all .4s ease;
}
.fltb-icon {
    width: 12px;
    height: 12px;
}
.fltb-icon svg{
    width: 100%;
    height: auto;
}
.fltb-icon path{
    transition: all .4s ease;
}
.fmid-li.act .fmid-li-circle-cont{
    transform: scale(3.05);
}
.fmid-li.act .fmid-li-circle::before{
    opacity: 1;
    transition-delay: .3s;
}
.fmid-li.act .fmid-li-text{
    opacity: 1;
    pointer-events: all;
}
.fmid-li.right .fmid-li-text{
    left: auto;
    right: -970px;
    top: 30px;
}
.fmid-li.right .fmid-li-text::before {
    width: 577px;
    top: 0;
    left: -590px;
}
.for-story .sscu-li .sust-sola-cont-le{
    transform: translateY(102%);
}
.for-map-text{
    display: none;
}
/* a2-For Home-start */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .fmid-li-text a:hover .fmid-li-text-img img{
        transform: scale(1.05);
    }
    .fmid-li-text a:hover .fmid-li-text-btn span{
        color: var(--colormain);
    }
    .fmid-li-text a:hover .fltb-icon path{
        fill: var(--colormain);
    }
    .pc-fenye li:hover a{
        background: var(--colors-brand-yellow-300);
        color: var(--colors-greyscale-white-00);
    }
    .prev_page:hover a,
    .next_page:hover a,
    .first_page:hover a,
    .last_page:hover a{
        background: transparent !important;
    }
    .prev_page:hover a::before,
    .next_page:hover a::before,
    .first_page:hover a::before,
    .last_page:hover a::before{
        color: var(--colors-brand-yellow-300) !important;
    }
}
/* a2-For Home-end */


.layui-layer-loading .layui-layer-content {
  height: 60px !important;
}
.layui-layer-btn .layui-layer-btn0{
    background-color: var(--colors-brand-yellow-300) !important;
    border-color: var(--colors-brand-yellow-300) !important;
}
.product-main .solution-why-more{
    margin-top: 0;
}
.about-main .about-ban-img-tit{
    transform: translate(-50%, -50%);
}
.pro-box:not(:first-child){
    display: none;
}

/*2025.7.4修改-start*/
.std-titbox .std-h5 p{
    font-size: var(--headline-5);
    line-height: var(--line12);
}
.plct-info li{
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative;
}
.plct-info li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--colors-brand-yellow-300);
    position: absolute;
    top: 7px;
    left: 0;
}
.pcbs-li-ri-parga p{
    font-size: var(--headline-6);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.prodet-adv-wrap-text .std-h5 p{
    font-size: var(--headline-5);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-600);
}
.ttbr-ul-li-ul table{
    width: 100%;
    border-spacing: 0;
}
.ttbr-ul-li-ul td{
    font-size: var(--body-m);
    color: var(--colors-greyscale-black-600);
    line-height: var(--line12);
    padding-top: 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid #D8D9E2;
}
.ttbr-ul-li-ul td:nth-child(1){
    width: 64%;
}
.ttbr-ul-li-ul td:nth-child(2){
    width: 36%;
}
.ttbr-ul-li-ul tr:last-child td{
    border: none;
}
.ttbr-ul-li-ul tr:nth-child(1) td{
    padding-top: 0 !important;
}
.trene-warrap-box-cont{
    width: 30.5%;
    margin: auto;
}
.trene-warrap-box-image{
    overflow: hidden;
}
.trene-warrap-box-slick .slick-list{
    overflow: visible;
}
.for-become-bt-li{
    margin-bottom: calc(2 * var(--space12));
}
.hcrl-li-nav {
    width: 80%;
}
.hcrl-li-nav-item a{
    display: inline-block;
}
.fult-parga p{
    height: 4.35em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.dsbc-ri.empty{
    width: 100%;
    padding-left: 0;
}
.pc-fenye li a{
    line-height: 34px;
    font-size: var(--parga);
    color: #747474;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: transparent;
    transition: all .4s ease;
}
.pc-fenye li.page-active a{
    background: var(--colors-brand-yellow-300);
    color: #fff;
}
.ys-phfy{
    display: none;
}
.pc-fenye .first_page a, 
.pc-fenye .next_page a, 
.pc-fenye .prev_page a, 
.pc-fenye .last_page a {
    font-size: 0;
}
.pc-fenye .first_page a::before, 
.pc-fenye .next_page a::before, 
.pc-fenye .prev_page a::before, 
.pc-fenye .last_page a::before{
    content: "\e743";
    font-family: iconfont;
    color: inherit;
    line-height: inherit;
    transition: all 0.4s ease;
    font-size: var(--parga);
    color: #747474;
}
.pc-fenye .prev_page a::before{
    content: "\e744";
}
.pc-fenye .last_page a::before{
    content: "\e74c";
}
.pc-fenye .first_page a::before{
    content: "\e74d";
}
/*2025.7.4修改-end*/

/* g3-联系我们表单修改-start */
.cfbr-form .pdfs-info-list-li{
    padding: 0 24px;
}
.cfbr-form .ys-form-inof{
    margin: 0 -24px;
}
.ys-form-land-wrap{
    position: relative;
}
.cfbr-tp{
    margin-bottom: var(--space40);
}
.cfbr-par{
    margin-bottom: 0 !important;
}
.cfbr-form .ys-form-inof-submit .std-btn1-box p {
    line-height: 51px;
}
.pill-wrap-img{
    width: 207px;
    cursor: pointer;
    flex-shrink: 0;
}
.pill-wrap-img img{
    width: 100%;
}
.pill-wrap label{
    width: calc(100% - 207px);
    margin-right: 54px;
}
.pill-wrap{
    display: flex;
    align-items: flex-end;
}
.cfbr-form .ys-fia-text-btn{
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.3);
    background: var(--colors-greyscale-white-00);
}
.cfbr-form .ys-fia-text-word p{
    color: var(--colors-greyscale-black-200);
}
.cfbr-form .ys-fia-text-word p a{
    text-decoration: none;
    color: #F08300;
}
.cfbr-form .ys-fia-text-word p span{
    color: #E90D0D;
}
.ys-fii-tips span, .ys-fii-tips i {
    margin-top: 8px !important;
}
.pill-parga p{
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-300);
}
.pill-parga{
    margin-bottom: 25px;
}
.pill-select{
    display: flex;
    flex-wrap: wrap;
}
.pill-select-li-text{
    font-size: var(--body-m);
    line-height: var(--line12);
    color: var(--colors-greyscale-black-300);
    margin-left: 14px;
}
.pill-select-li{
    display: flex;
    align-items: center;
    margin-right: 40px;
    cursor: pointer;
}
.pill-select-li:last-child{
    margin-right: 0;
}
.pill-select-li-box{
    width: 24px;
    height: 24px;
    transition: all .36s;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .3);
    background: var(--colors-greyscale-white-00);
}
.pill-select-li-box img{
    opacity: 0;
}
.pill-select-li.act .pill-select-li-box img:nth-child(1){
    opacity: 1;
}
.cfbr-form .ys-form-inof-submit {
    width: 100%;
    padding: 0 24px;
}
.cfbr-form .ys-form-inof-submit .std-btn1-box{
    justify-content: center;
}
.cfbr-form .ys-form-inof-notice,
.cfbr-form .ys-form-inof-success{
    width: calc(100% - 48px);
    margin: 0 auto 40px;
}
.cfbr-form .ys-form-inof-agree{
    margin-bottom: 40px;
}
.cfbr-form .ys-form-select .ys-fii-name.act {
    top: calc(50% - 30px);
    transform: translateY(-50%) scale(.66);
}
.cfbr-form .ys-fia-text-word {
    padding-left: 14px;
}
.ys-form-select1 li,
.ys-form-select2 li {
    border-bottom: 1px solid var(--colors-greyscale-black-300);
    font-size: var(--body-m) !important;
    line-height: var(--line15) !important;
    color: var(--colors-greyscale-white-00) !important;
    padding: 11px 16px !important;
    position: relative;
    transition: all .36s;
}
.ys-form-select1 li::after,
.ys-form-select2 li::after {
    content: "";
    width: var(--icon-width);
    height: var(--icon-width);
    background: url(../images/select1.svg) center / cover no-repeat;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    transition: all .36s;
    opacity: 0;
}
.ys-form-select1 .ys-select-bd,
.ys-form-select2 .ys-select-bd{
    max-height: 200px;
    padding: 0 !important;
}
.ys-form-select1 li.on,
.ys-form-select2 li.on {
    color: var(--colors-brand-yellow-300) !important;
}
.ys-form-select1 li.on::after,
.ys-form-select2 li.on::after {
    opacity: 1;
}
.cont-from-box-ri {
    background: #FAF5EA;
}

/* g3-联系我们表单修改-end */

.mod-nav-swiper-li{
    margin-right: 8px;
}
.fawc-ul-li:last-child .ys-imgbox-cover::after{
    display: none;
}
.fawc-ul-li .ys-imgbox-cover::after {
    opacity: var(--opacity);
}
.twbb-ul-down .std-btn1-box{
    cursor: pointer;
}
.prodet-adv-slick.empty{
    margin-left: auto;
    margin-right: auto;
}
.prodet-main .trene-ters,
.prodet-down{
    padding-bottom: 30px;
}
.ttbr-ul-li-ul td p{
    font-size: inherit;
    line-height: inherit;
}
.ttbr-ul-li-ul td {
    padding-bottom: 20px;
}
.phbr-ul-li-box-ul{
    height: calc(100vh - var(--space200) / 2 - var(--headh1) - 300px);
}
.swml-cont-tit p{
    font-size: inherit;
    line-height: inherit;
}
html::-webkit-scrollbar {
    width: 15px;
    height: 100%;
    background-color: #f5f5f5;
    overflow: initial
}
html::-webkit-scrollbar-thumb {
    background-color: #ffc000;
}
.yhpn-other-menu-close p{
    display: none;
}
.std-btn1-box{
    justify-content: center;
}
.yhpw-list {
    padding: 0 6%;
}
/*2025.7.10修改-start*/
.ilci-parga p{
    text-align: left;
}
.ilci-parga {
    padding-left: 30px;
}
.cont-main .about-ban{
    padding-top: 0 !important;
}
.cont-map{
    margin-top: 15px;
    margin-bottom: var(--space40) !important;
}
.about-ban .mod-bread{
    display: none;
}
.mod-bread {
    padding: 0 var(--space64);
}
.plil-ul-li a {
    padding: var(--space40) 30px;
}
.wfbr-table table p{
    margin-bottom: 20px;
    color: var(--colors-greyscale-white-00);
}
.wfbr-table table p:last-child{
    margin-bottom: 0 !important;
}
.wfbr-table-box table tbody ul li::marker {
    color: var(--colors-greyscale-white-00);
}
.wfbr-table-box table tbody ul li{
    margin-bottom: 20px;
}
.for-become .std-titbox .std-h2{
    margin-top: 0;
}
.ssll-ri-li .std-h6{
    width: 120px;
}
.ssll-ri-li-parga{
    width: calc(100% - 120px);
}
.ssll-ri-li-parga p{
    text-align: left;
}
.home-pro .std-titbox {
    width: 70%;
}
.ys-search2-box {
    padding: 46px 0;
}
.hnbr-ul-li .std-h5{
    height: 2.6em;
}
.cont-from{
    display: none;
}
.pmbm-iframe-select{
    display: none;
}
.yfew-code {
    width: 260px;
}
.ys-form-email-wrap label {
    width: calc(100% - 260px);
}
.yhpn-other-menu-before img, .yhpn-other-menu-close img {
    width: 18px;
}
.install-program-text-btn .std-btn2{
    margin-right: 16px;
}
.install-program-text-btn .std-btn2:last-child{
    margin-right: 0;
}
.ilci-tit{
    width: 100%;
}
.ilci-parga{
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
}
.isrl-li-cont-item{
    flex-wrap: wrap;
}
.mpll-text-btn p{
    white-space: nowrap;
}
/*2025.7.10修改-end*/

/*2025.7.19修改-start*/
.wfbr-table{
    width: 100%;
}
.ttbr-ul-li-ul td:nth-child(1){
    padding-right: 20px;
}
.sche-auf .std-titbox {
    width: 44%;
}
.sche-auf .std-right {
    width: 56%;
}
.ys-modal-close p{
    display: none;
}
.ys-modal-close img{
    margin-left: 0;
}
.wfbr-table-box tbody tr td{
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.wfbr-table-box tbody tr td:nth-child(1){
    border-left: none !important;
}
.wfbr-table-box tbody tr td {
    padding: 26px 36px;
}
.fmid-li-text-tit {
    font-size: var(--body-l);
}
.pro-overview.empty{
    padding-bottom: var(--space80);
}
.for-map-img {
    width: 100%;
}
.for-map{
    padding-bottom: 0 !important;
}
.for-map .ys-content{
    padding: 0;
}
.fmid-li.up .fmid-li-text{
    top: auto;
    bottom: 100%;
}
.fmid-li.up .fmid-li-text::before {
     top: auto; 
    bottom: -30px;
}
.elul-qus {
    width: 180px;
}
.elul-ans {
    width: calc(100% - 180px);
}
.dsbc-le-ul {
    max-height: 70vh;
}
.dsbc-le{
    position: sticky;
    top: 150px;
}
.down-html,.down-html body,.down-wrap{
    overflow: inherit !important;
}
.about-ban h1{
    font-size: var(--headline-2);
}

/*2025.7.19修改-end*/
/* tammy - 2025.07.21 - start */
:root{
    --font56: 56px;
    --font24: 24px;
    --space110: 110px;
    --space200: 200px;
    --space64: 64px;
}
.stda-font56,
.stda-font56 p{
    font-size: var(--font56);
    line-height: 1.3;
    color: #000;
}
.stda-font24,
.stda-font24 p{
    font-size: var(--font24);
    line-height: 1.2;
    color: #000;
}
.moda-title{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.connect-core-inof{
    --gap1: 80px;
}
.connect-core-inof-nub{
    margin-bottom: var(--gap1);
}
.connect-core-inof-nub:last-child{
    margin-bottom: 0;
}
.ccin-link{
    display: flex;
    --radius1: 24px;
    border-radius: var(--radius1);
    background: #FBF5E9;
}
.ccin-link-img{
    width: 49.33%;
}
.ccin-link-img .ys-imgbox-cover{
    width: 100%;
    height: 100%;
    border-radius: var(--radius1);
}
.ccin-link-img .ys-imgbox-cover img{
    object-fit: cover;
}
.ccin-link-text{
    width: 50.67%;
    padding: 42px 64px 58px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ccin-link-text .stda-font56{
    margin-bottom: 22px;
}
.ccin-link-text .stda-font24{
    width: 84%;
}
.connect-core{
    padding-top: var(--space110);
    padding-bottom: var(--space200);
}
.ccin-link-text-btn{
    display: flex;
    justify-content: flex-end;
}
.connect-core-inof-nub:nth-of-type(2n) .ccin-link{
    flex-direction: row-reverse;
}
.connect-core-inof-nub:nth-of-type(2n) .ccin-link-text {
    padding-left: 85px;
    padding-right: 40px;
}
.moda-title{
    margin-bottom: var(--space110);
    width: 100%;
}
.moda-title .std-h6+.stda-font56 {
    margin-top: 21px;
}
.ccin-link-text-top{
    margin-bottom: 20px;
}
.moda-title .std-h6 {
    padding-left: 64px;
    position: relative;
    font-size: 20px;
    line-height: 1.2;
}
.moda-title .std-h6::after {
    content: "";
    width: 48px;
    height: 24px;
    border-radius: 100px;
    background: #FFC000;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.ys-content{
    width: 100%;
    padding: 0 var(--space64);
}
/* 按钮 - start - helen复制，linda可复制也可不复制 */
.std-btn1 {
    display: inline-block;
}
.std-btn1-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 24px;
    border-radius: 100px;
    background: #FFC000;
    border: 2px solid #FFC000;
    transition: all .36s;
    justify-content: center;
}
.std-btn1-box p {
    font-size: 18px;
    line-height: 46px;
    color: #000;
    font-family: 'solax-Medium';
}
.std-btn1-box img {
    margin-left: 16px;
    width: 24px !important;
}
/* 按钮 - end - helen复制，linda可复制也可不复制 */
@media screen and (min-width: 1200px) {
    /* 按钮 - start - helen复制，linda可复制也可不复制 */
    .std-btn1-box:hover {
        background: #F59B00;
        border: 2px solid #F59B00;
    }
    /* 按钮 - end - helen复制，linda可复制也可不复制 */
    .ccin-link:hover .std-btn1-box {
        background: #F59B00;
        border: 2px solid #F59B00;
    }
}
/* tammy - 2025.07.21 - end */
.eull-le-ul-link .elul-ans{
    text-decoration: underline;
    text-underline-offset: 4px;
}
.events-bott-li-link{
    padding-right: 34px;
}
.for-main .sust-tap-box-tit{
    margin-bottom: var(--space120);
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
}
.sust-tap-box{
    position: relative;
}

.for-main .sust-tap{
    overflow: inherit;
    margin-bottom: 0;
}
.for-main .stbc-ri{
    position: sticky;
    top: 160px;
}
.ys-phnav-link1,
.ys-phnav-link3-parga{
    font-size: 16px !important;
    color: var(--colors-greyscale-white-00);
    line-height: 1.5;
}
.ys-phnav-bt{
    margin-top: 15px;
}
.ys-phnav-bt .ys-phnav-header-font{
    font-size: 14px !important;
}
.ys-phnav-bt li {
    margin-bottom: 10px;
}
.ys-phnav-link3-bt{
    margin-top: 10px;
}
.ys-phnav-link3{
    margin-bottom: 8px;
}
.for-main .sscr-box-top-tit{
    font-size: var(--headline-3);
}
.for-main .for-map{
    margin-bottom: 0 !important;
}
.for-become{
    padding-top: var(--space200);
}
.eventdet-ban-text .elul-qus {
    width: 160px;
}
.eventdet-ban-text .elul-ans {
    width: calc(100% - 160px);
}
.pulb-le {
    background: #FFF;
    box-shadow: 0px 1px 3.5px 0px rgba(0, 0, 0, 0.08);
}
.plct-info{
   max-height: 164px; 
}
.pmbr-ul-li{
    cursor: pointer;
}
.fmid-li-circle::before {
    content: "";
    width: 200%;
    height: 200%;
}
.fmid-li.act .fmid-li-circle-cont {
    transform: scale(2.5);
}
.clul-le {
    width: 175px;
    flex-shrink: 0;
}
.clul-ri {
    width: calc(100% - 175px);
}
.home-main .about-ban-img-tit{
    text-align: center;
}
.wfbr-table-box tbody tr td:nth-child(1){
    width: 300px;
    font-size: var(--headline-6);
    font-family: var(--font-bold);
    color: var(--colors-greyscale-white-00);
    line-height: var(--line12);
    letter-spacing: -0.4px;
}
.ys-form-captcha2 label{
    width: calc(100% - 188px);
    padding-right: 20px;
}
.contact-modal-wrap-list .ys-form-captcha {
    margin-bottom: 24px;
}
.yfti-list a {
    font-size: var(--parga);
}
.yfti-list li {
    max-width: 240px;
}