body {
    font-family: "solavita","PingFang SC", "Microsoft YaHei";  
}
input, textarea{
    font-family: "solavita","PingFang SC", "Microsoft YaHei" !important;
}
.altumcode {
    --fontFamily: "solavita","PingFang SC", "Microsoft YaHei" !important;
}
@font-face {
    font-family: 'solavita';
    src: url('../font/OpenSansRegular.woff2') format('woff2'),
         url('../font/OpenSansRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'solavita1';
    src: url('../font/OpenSans-variable.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'solavita2';
    src: url('../font/OpenSansLight.woff2') format('woff2'),
         url('../font/OpenSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.table {
    width: 100%;
    max-width: 100%; /* 确保表格不会超过其父容器的宽度 */
  }
/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
span,i{
    line-height: inherit;
}
.ys-cont1328{
    width: 1328px;
    margin: 0 auto;
    max-width: 100%;
}
:root{
    --font80: 80px;
    --font64: 64px;
    --font44: 44px;
    --font32: 32px;
    --font26: 26px;
    --font20: 20px;
    --font18: 18px;
    --font16: 18px;
    --font14: 14px;

    --l1h2: 1.2;
    --l1h3: 1.3;
    --l1h4: 1.4;
    --l1h6: 1.6;
    --l1h7: 1.7;
    --l1h75: 1.75;
    --l1h8: 1.8;


    --colorhover: #0063B2;
    --colortitle: #0A1B1B;
    --colortext: #6A7676;
    --colorb7: #B7BBBB;
    --colorfff: #FFF;
    --colorf9: #f9f9f9;
    --colorgrad: linear-gradient(101deg, #00B9EE 0%, #2CE250 100.57%);
    --colorgradbg: linear-gradient(180deg, var(--colorenvi) 0%, rgba(24,171,182,0) 100%);
    --colorf7: #f7f7f7;
    --colorenvi: #ce121b;
    --colorenvi1: #ce121b;
    --color666: #666;

    --space1: 120px;
    --space100: 100px;
    --space90: 90px;
    --space80: 80px;
    --space60: 60px;
    --space50: 50px;
    --space40: 40px;

    --head1: 36px;
    --head2: 70px;
    --headx: calc(var(--head1) + var(--head2));
    --font24: 24px;
    --font58: 58px;
}
.std-text1,
.std-text1 p,
.yxedr-active p{
    font-size: var(--font16);
    color: var(--colortext);
    line-height: var(--l1h8);
    letter-spacing: 0.05em;
}
.yxedr-active p{
    margin-bottom: 0.8em;
}
.yxedr-active>p:last-child{
    margin-bottom: 0;
}
.std-title1{
    font-size: var(--font64);
    line-height: var(--l1h2);
    color: var(--colortitle);
}
.std-title2,.yxedr-active h2{
    font-size: var(--font44);
    line-height: var(--l1h2);
    color: var(--colortitle);
    letter-spacing: 0.05em;
}
.std-title3,.yxedr-active h3{
    font-size: var(--font32);
    line-height: var(--l1h3);
    color: var(--colortitle);
    letter-spacing: 0.05em;
}
.std-title4,
.std-title4 p,
.yxedr-active h4{
    font-size: var(--font26);
    line-height: var(--l1h4);
    color: var(--colortitle);
    letter-spacing: 0.05em;
}
.std-title5,.yxedr-active h5,
.std-title5 p{
    font-size: var(--font20);
    line-height: var(--l1h6);
    color: var(--colortitle);
    letter-spacing: 0.05em;
}
.std-text18,
.std-text18 p{
    font-size: var(--font18);
    color: var(--colortext);
    line-height: var(--l1h8);
}
.std-text14,
.std-text14 p{
    font-size: var(--font14);
    color: var(--colortext);
    line-height: var(--l1h8);
    letter-spacing: 0.05em;
}
.std-title24{
    font-size: var(--font24);
    color: var(--colorenvi);
    line-height: var(--l1h2);
    letter-spacing: 0.05em;
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    /*分享中文版本*/
    /*content: '分享到 - 微信';*/
    /*分享英文版本*/
     content: 'Share the - weixin'; 
}
/*导航默认选中*/
.yxnav-active1 {

}
.yxnav-active2 {

}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2);
}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/*kim start*/
.case-section-top{
    margin-top: 60px;
    margin-bottom: 40px;
}
.case-section-top-ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
.cstu-list{
    padding: 0 20px;
}
.cstu-list-text{
    min-width: 200px;
    padding: 8px 0;
    text-align: center;
    color: var(--colorenvi);
    border-radius: 80px;
    border: 1px solid var(--colorenvi1);
    overflow: hidden;
    position: relative;
    transition: all 0.36s;
    cursor: pointer;
}
.cstu-list-text::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colorenvi1);
    z-index: -1;
    transition: all 0.36s;
    opacity: 0;
}
.cstu-list.on .cstu-list-text::after{
    opacity: 1;
}
.cstu-list.on .cstu-list-text{
    color: #FFF;
}
.csbc-top{
    padding: 150px 110px 76px;
    /* background: url('../images/i1_img_01.jpg'); */
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.csbc-top-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: linear-gradient(93deg, #00181A 2.35%, #001819 88.38%);
    background: linear-gradient(93deg, color(display-p3 0.0052 0.0918 0.0983) 2.35%, color(display-p3 0.0039 0.0902 0.098 / 0.00) 88.38%);    
}
.csbc-top-res{
    color: #FFF;
    padding: 2px 16px;
    display: inline-block;
    border-radius: 6px;
    background: var(--colorenvi);
    box-shadow: 0px 6px 6px 0px rgba(0, 99, 178, 0.20);
    position: relative;
    margin-bottom: 12px;
}
.csbc-top .std-title2{
    color: #FFF;
    font-weight: 600;
    margin-bottom: 36px;
    position: relative;
}
.csbc-top-loc{
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 50px;
}
.csbc-top-loc-icon{
    width: 24px;
    margin-right: 12px;
}
.csbc-top-loc-icon img{
    width: 100%;
}
.csbc-top-loc .std-title5{
    color: #FFF;
}
.csbc-top-loc .std-title5 span{
    color: #FFF;
    margin-right: 12px;
}
.csbc-top-ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 100px;
    position: relative;
}
.csbc-top-ul-list{
    padding: 0 40px;
}
.csbc-top-ul-list .std-title4{
    color: #FFF;
    margin-bottom: 4px;
    font-weight: 600;
}
.csbc-top-ul-list .std-text1{
    color: #FFF;
}
.csbc-top-link{
    position: relative;
}
.csbc-ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
    margin-left: -24px;
    margin-right: -24px;
}
.csbc-ul-list{
    width: 50%;
    padding: 0 24px;
    margin-bottom: 60px;
}
.csbc-ul-list-link{
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
}
.cull-img{
    border-radius: 10px;
    overflow: hidden;
}
.cull-cont{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.cull-cont-top{
    margin-top: 20px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(14, 26, 27, 0.2);
    flex-grow: 1;
}
.cull-cont-top .std-title4{
    font-weight: 600;
    margin-bottom: 16px;
    height: 1.4em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    letter-spacing: 0.05em;
}
.cull-cont-top-ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
.cctu-list{
    padding: 0 20px;
}
.cctu-list-cont{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cctu-list-cont-icon{
    width: 20px;
    margin-right: 12px;
}
.cctu-list-cont-icon img{
    width: 100%;
}
.cctu-list-cont-text{
    color: #6A7676;
}
.cctu-list-cont-text span{
    margin-right: 12px;
}
.cull-cont-bot{
    display: flex;
}
.cull-cont-bot-icon{
    width: 24px;
    margin-left: 12px;
    margin-top: 3px;
}
.cull-cont-bot-icon img{
    width: 100%;
}
.cull-cont-bot .std-text1{
    color: #0A1B1B;
}
.case-section-more{
    margin-top: 10px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.exhibit-section-cont{
    display: flex;
    flex-wrap: wrap;
}
.exhibit-section-cont-ri{
    width: 92%;
    padding-left: 130px;
}
.exhibit-section-cont-le{
    width: 8%;
}
.exhibit-section-cont-ri .std-text1{
    color: #6A7676;
    margin-bottom: 24px;
}
.exhibit-section-cont-ri .std-text1 span{
    padding: 0 12px;
    color: var(--colorenvi);
    font-size: var(--font16);
    line-height: var(--l1h8);
}
.exhibit-section{
    padding: 100px 0;
}
.escr-ul-list{
    margin-bottom: 40px;
}
.escr-ul-list-link{
    display: block;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid rgba(108, 118, 118, 0.50);
    background: #F9F9F9;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.eull-le{
    width: 33.833333%;
    border-radius: 20px;
    background: linear-gradient(90deg, #FFF 0%, #F9F9F9 100%);
    box-shadow: 0px 4px 12px 0px rgba(0, 64, 68, 0.05);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: relative;
}
.eull-le .ys-imgbox-cover{
    width: 100%;
}
.eull-le-core{
    padding: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}
.eull-le-top{
    display: inline-block;
    padding: 2px 8px;
    color: #FFF;
    font-size: var(--font14);
    line-height: var(--l1h8);
    border-radius: 6px;
    background: var(--colorenvi);
    box-shadow: 0px 6px 6px 0px rgba(0, 99, 178, 0.20);
}
.eull-ri{
    width: 66.166667%;
}
.eull-le .std-title5{
    color: #0A1B1B;
    font-weight: 600;
    margin-bottom: 14px;
}
.eull-le-ul .std-text1{
    color: #0A1B1B;
    margin-bottom: 0;
}
.eull-ri-bot-tit{
    color: #0A1B1B;
    font-weight: 600;
    margin-bottom: 16px;
}
.eull-ri-bot{
    padding-left: 70px;
    padding-right: 40px;
}
.eull-ri-bot-text p{
    color: #6A7676;
}
.eull-ri-top{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
}
.eull-ri-top img{
    width: 100%;
}
.escr-more{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
}
.news-section{
    padding-top: 80px;
    padding-bottom: 100px;
}
.nstc-link{
    display: block;
    border-radius: 20px;
    border: 1px solid #FFF;
    background: linear-gradient(104deg, rgba(255, 255, 255, 0.36) 0%, rgba(245, 245, 245, 0.36) 100%);
    box-shadow: 0px 15px 25px 0px rgba(102, 147, 144, 0.15);
    display: flex;
    flex-wrap: wrap;
}
.nstc-link-le{
    border-radius: 20px 10px 10px 20px;
    overflow: hidden;
    width: 49%;
}
.nstc-link-le .ys-imgbox-cover{
    width: 100%;
}
.nstc-link-ri{
    width: 51%;
    padding: 50px 50px 32px;
}
.nstc-link-ri-date{
    color: var(--colorenvi);
    font-size: var(--font14);
    line-height: 1.7;
}
.nstc-link-ri-tit{
    font-weight: 600;
    color: #000;
    margin-top: 8px;
    margin-bottom: 24px;
}
.nstc-link-ri-text p{
    color: rgba(10, 27, 27, 0.6);
    height: 3.6em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.nstc-link-ri-text{
    margin-bottom: 40px;
}
.news-section-btm{
    margin-top: 100px;
}
.news-section-btm-top{
    display: flex;
    flex-wrap: wrap;
    margin-left: -17px;
    margin-right: -17px;
    margin-bottom: 60px;
}
.nsbt-list{
    padding: 0 17px;
    width: 19.375%;
}
.nsbt-list-cont-sear{
    padding: 16px 24px;
    display: flex;
    border-radius: 80px;
    border: 1px solid rgba(108, 118, 118, 0.20);
}
.nsbt-list-cont .ys-select{
    padding: 16px 24px;
    display: flex;
    border-radius: 80px;
    border: 1px solid rgba(108, 118, 118, 0.20);
}
.nsbt-list-cont-icon{
    width: 24px;
    margin-right: 16px;
}
.nsbt-list-cont-icon img{
    width: 100%;
}
.nsbt-list-cont .ys-select .icon-arrow-down:before {
    color: var(--colorenvi);
}
.nsbt-list-cont .ys-select .iconfont {
    font-size: 10px;
}
.nsbt-list-cont .ys-select-bd{
    background: #FFF;
    border: 1px solid rgba(108, 118, 118, 0.20);
    padding: 20px;
    border-radius: 10px;
    max-height: 160px;
}
.nsbt-list-cont .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}
.nsbt-list-cont .mCSB_scrollTools .mCSB_draggerContainer {
    padding: 5px 0;
}
.nsbt-list-cont .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--colormain);
    width: 2px;
}
.nsbt-list-cont .ys-select-li{
    font-size: var(--font16);
    line-height: var(--l1h8);
    transition: all 0.36s;
}
.nsbt-list2{
    width: 39.5%;
}
.nsbt-list2-cont{
    display: flex;
} 
.nsbt-list2-cont .nsbt-list-cont-sear{
    width: 66%;
    margin-right: 12px;
}
.nsbt-list-cont .ys-select-hd input{
    color: #6A7676;
    font-size: var(--font16);
}
.nsbt-list-cont .ys-select-hd input::placeholder {
    color: #6A7676;
    font-size: var(--font16);
}
.nsbt-list2-cont .nsbt-list-cont-sear input{
    width: 100%;
    color: #6A7676;
    font-size: var(--font16);
}
.nsbt-list2-cont .nsbt-list-cont-sear input::placeholder{
    color: #6A7676;
    font-size: var(--font16);
}
.nsbt-list2-cont-ri{
    width: calc(100% - 66% - 12px); 
    padding: 12px 26px;
    text-align: center;
    border-radius: 80px;
    border: 1.6px solid #FFF;
    background: var(--colorenvi);
    box-shadow: 0px 2px 6px 0px rgba(0, 99, 178, 0.03);
    backdrop-filter: blur(8px);
    cursor: pointer;
    color: #FFF;
    font-size: var(--font18);
    font-weight: 600;
    line-height: var(--l1h8);
}
.nsbb-list-link-img{
    border-radius: 10px;
    overflow: hidden;
}
.nsbb-list-link-img .ys-imgbox-cover{
    width: 100%;
}
.news-section-btm-bot{
    display: flex;
    flex-wrap: wrap;
    margin-left: -22px;
    margin-right: -22px;
}
.nsbb-list{
    width: 33.333333%;
    padding: 0 22px;
    margin-bottom: 60px;
}
.nsbb-list-link{
    display: block;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
    transition: all 0.36s;
    position: relative;
}
.nsbb-list-link::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0;
    transition: all 0.36s;
    z-index: -1;
    border-bottom: 1px solid var(--colorenvi1);
    box-shadow: 0px 6px 24px 0px rgba(0, 64, 68, 0.10);
}
.nsbb-list-link-text{
    padding: 16px 0 24px;
    transition: all 0.36s;
}
.nllt-date{
    color: #0A1B1B;
    font-size: var(--font14);
    line-height: var(--l1h8); 
}
.nllt-tit{
    color: #0A1B1B;
    font-size: var(--font18);
    font-weight: 600;
    line-height: var(--l1h8);
    height: 3.6em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 8px;
    margin-bottom: 24px;
    letter-spacing: 0.05em;
}
.nllt-more{
    display: flex;
}
.nllt-more .std-text1{
    color: #0A1B1B;
    transition: all 0.36s;
}
.nllt-more-icon{
    width: 24px;
    margin-left: 12px;
    margin-top: 3px;
}
.nllt-more-icon img{
    width: 100%;
}
.news-section-more{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.news-section-top .slick-track .slick-slide {
    border-radius: 20px;
    overflow: hidden;
}
.touch-section{
    padding-top: 100px;
    padding-bottom: 50px;
}
.ys-cont1840 {
    width: 1840px;
    margin: 0 auto;
    max-width: 100%;
}
.touch-section-cont-img{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.touch-section-cont-img img{
    width: 100%;
}
.touch-section-cont{
    margin-top: -770px;
}
.touch-section-cont-top .std-title2{
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center;
}
.tsct-link-list-href{
    display: block;
    text-align: center;
    width: 200px;
    padding: 8px 32px;
    border-radius: 80px;
    border: 1px solid var(--colorenvi1);
    position: relative;
    overflow: hidden;
}
.tsct-link-list-href .std-text1{
    color: var(--colorenvi);
    position: relative;
    z-index: 1;
    transition: all 0.36s;
}
.tsct-link{
    display: flex;
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 108px;
}
.tsct-link-list{
    padding: 0 20px;
}
.tsct-link-list-href::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colorenvi);
    opacity: 0;
    transition: all 0.36s;
}
.tsct-link-list.on .tsct-link-list-href::after{
    opacity: 1;
}
.tsct-link-list.on .tsct-link-list-href .std-text1{
    color: #FFF;
}
.tsct-ul-list .std-title3{
    color: #0A1B1B;
    font-weight: 600;
    margin-bottom: 30px;
}
.tsct-ul-list{
    margin-bottom: 50px;
}
.tsct-ul > :last-child{
    margin-bottom: 0;
}
.tulu-list{
    width: 33.333333%;
    padding: 0 16px;
    margin-bottom: 50px;
}
.tsct-ul-list-ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}
.tulu-list-link-top{
    border-radius: 10px;
    overflow: hidden;
}
.tulu-list-link-top .ys-imgbox-cover{
    width: 100%;
}
.tulu-list-link{
    display: block;
    height: 100%;
    border-radius: 20px;
    border: 1px solid rgba(108, 118, 118, 0.50);
    background: #F9F9F9;
}
.tulu-list-link-bot{
    padding: 32px 24px;
}
.tulu-list-link-bot .std-title4{
    color: #0A1B1B;
    font-weight: 600;
    margin-bottom: 24px;
}
.tllb-ul-list{
    display: flex;
    margin-bottom: 12px;
}
.tllb-ul > :last-child{
    margin-bottom: 0;
}
.tllb-ul-list-text p a{
    color: #6A7676;
    font-size: var(--font14);
    line-height: var(--l1h8);
}
.tllb-ul-list-icon{
    width: 24px;
    margin-right: 16px;
}
.tllb-ul-list-icon img{
    width: 100%;
}
.tllb-ul-list-text{
    width: calc(100% - 40px);
}

.contact-main-ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 40px;
    margin-left: -36px;
    margin-right: -36px;
}
.contact-main-ul-list{
    display: flex;
    flex-wrap: wrap;
    padding: 0 36px;
}
.contact-main .tsct-link {
    margin-bottom: 0;
}
.cmul-ri{
    color: var(--colorenvi);
}
.cmul-ri a{
    color: var(--colorenvi);
}
.cmul-le{
    width: 32px;
    margin-right: 14px;
}
.cmul-le img{
    width: 100%;
}
.contact-main-cont{
    position: relative;
    padding: 40px 55px 50px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 6px 24px 0px rgba(0, 64, 68, 0.10);
}
.ys-cont1056{
    width: 1056px;
    margin: 0 auto;
    max-width: 100%;
}
.cmcu-item .std-title5{
    color: #333;
    margin-bottom: 14px;
}
.cmcu-item .std-title5 span{
    color: #FF2828;
}
.cmcu-item{
    width: 50%;
    padding: 0 16px;
    margin-bottom: 32px;
}
.contact-main-cont-ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}
.cmcu-item-box{
    border-radius: 80px;
    border: 1px solid rgba(108, 118, 118, 0.20);
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
}
.cmcu-item.empty .cmcu-item-box{
    border: 1px solid red;
}
.cmcu-item-box input{
    width: 100%;
    height: 100%;
    color: #666;
    font-size: var(--font16);
    line-height: var(--l1h8);
}
.cmcu-item-box input::placeholder{
    color: #666;
    font-size: var(--font16);
    line-height: var(--l1h8);
}
.cmcu-item-box .ys-select-li{
    font-size: var(--font16);
    padding: 0 10px;
    line-height: 2;
    transition: all .36s ease;
    color: #666;
}
.cmcu-item-box .ys-select-bd {
    border-top: 1px solid #eee;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
    padding-top: 7px;
    padding-bottom: 7px;
    height: calc(var(--font16)* 8 + 15px);
    border-radius: 10px;
}
.cmcu-item-box .mCSB_outside+.mCSB_scrollTools {
    right: 10px;
}
.cmcu-item-box .mCSB_scrollTools .mCSB_draggerContainer {
    padding: 5px 0;
}
.cmcu-item-box .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: var(--colormain);
    width: 2px;
}
.form-tips {
    font-size: 14px;
    color: #DE0000;
    line-height: var(--l1h4);
    margin-top: 3px;
    display: none;
    width: 100%;
    padding: 0 10px;
}
.cmcu-item.empty .form-tips{
    display: block;
}
.cmcu-item1{
    width: 18%;
}
.cmcu-item3{
    width: 32%;
}
.cmcu-item2{
    width: 25%;
}
.cmcu-item4{
    width: 100%;
    margin-bottom: 22px;
}
.cmcu-item4 .cmcu-item-box{
    border-radius: 20px;
    border: 1px solid rgba(108, 118, 118, 0.20);
    height: 132px;
}
.cmcu-item4 .cmcu-item-box textarea{
    color: #666;
    font-size: var(--font16);
    line-height: var(--l1h8);
}
.cmcu-item4 .cmcu-item-box textarea::placeholder{
    color: #666;
    font-size: var(--font16);
    line-height: var(--l1h8);
}
.cmcu-item-captcha{
    width: 100%;
    margin-bottom: 22px;
}
.cmcu-item-captcha-cont{
    display: flex;
    flex-wrap: wrap;
}
.cicc-le{
    width: 64%;
    padding-right: 66px;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}
.cicc-le-yzm{
    width: 142px;
    margin-left: 20px;
    cursor: pointer;
}
.cicc-le-yzm img{
    width: 100%;
}
.cicc-le .cmcu-item-box{
    width: calc(100% - 162px);
    flex-grow: 1;
}
.cicc-ri{
    width: 36%;
}
.cmcu-item-text{
    display: flex;
    flex-wrap: wrap;
}
.cmcu-item-text span{
    display: block;
    cursor: pointer;
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid rgba(108, 118, 118, 0.20);
    flex-shrink: 0;
    margin-right: 12px;
    margin-top: 6px;
}
.cmcu-item.empty.cmcu-item-text span{
    border: 1px solid red;
}
.cmcu-item-text span::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: var(--colormain);
    opacity: 0;
    transition: all .36s;
}
.cmcu-item-text span.on::after{
    opacity: 1;
}
.cmcu-item-text p{
    color: #666;
    font-size: var(--font14);
    line-height: var(--l1h8);
    width: calc(100% - 26px);
    letter-spacing: 0.05em;
}
.cmcu-item-text p a{
    color: #0063B2;
    font-size: var(--font14);
    line-height: var(--l1h8);
    text-decoration: underline;
}
.contact-main-cont-ul > :last-child{
    margin-bottom: 0;
}
.cmcu-item-box .iconfont {
    font-size: 12px;
}
.cmcu-item-box .icon-arrow-down:before {
    color: #666;
}
.faqs-section{
    padding-top: 120px;
    padding-bottom: 100px;
}
.faqs-section-cont{
    display: flex;
    flex-wrap: wrap
}
.faqs-section-cont-ri{
    width: 40.5%;
    border-radius: 20px;
    overflow: hidden;
}
.faqs-section-cont-ri .ys-imgbox-cover{
    width: 100%;
    border-radius: 20px;
}
.faqs-section-cont-le{
    width: 59.5%;
    padding-left: 48px;
}
.faqs-section .cmcu-item4 .cmcu-item-box{
    height: 182px;
}
.interact-section{
    padding-top: 80px;
    padding-bottom: 100px;
}
.interact-section-top{
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 100px;
}
.interact-section-top-list{
    width: 50%;
    padding: 0 16px;
}
.istl-link{
    display: block;
    padding: 69px 328px;
    background: url('../image/d1_img_01.jpg');
    background-size: cover;
    border-radius: 10px;
    font-weight: 600;
    color: #FFF;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.istl-link::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--colormain);
    opacity: 0;
    transition: all 0.36s;
}
.interact-section-top > :last-child .istl-link{
    background: url('../image/d1_img_02.jpg');
    background-size: cover;
}
.interact-section-get-ul{
    display: flex;
    flex-wrap: wrap;
}
.isgu-list{
    width: 33.333333%;
    border-right: 1px solid #E2E2E7;
}
.interact-section-get-ul > :last-child{
    border-right: 0;
}
.isgu-list-ul-list{
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #E2E2E7;
    text-align: center;
}
.isgu-list-ul > :last-child{
    border-bottom: 0;
}
.ilul-icon{
    width: 64px;
}
.ilul-icon .ys-imgbox-cover{
    width: 100%;
}
.ilul-title{
    color: #0A1B1B;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 16px;
    letter-spacing: 0.05em;
}
.ilul-text p{
    color: #6A7676;
    font-size: var(--font16);
    line-height: var(--l1h8);
    height: 3.6em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    letter-spacing: 0.05em;
}
.interact-section-get .std-title2{
    color: #0A1B1B;
    font-weight: 600;
    text-align: center;
    margin-bottom: 60px;   
}
.interact-section-get{
    margin-bottom: 100px;
}
.interact-section-faq .std-title2{
    font-weight: 600;
    color: #0A1B1B;
    margin-bottom: 40px;
    text-align: center;
}
.interact-section-faq-bg{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.interact-section-faq-bg img{
    width: 100%;
}
.interact-section-faq{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.interact-section-faq-ul{
    width: 73.125%;
    margin: 0 auto;
    border-radius: 20px;
    background: #FFF;
    padding: 50px;
    margin-top: -322px;
    position: relative;
}
.isfu-list{
    padding: 24px 0;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}
.interact-section-faq-ul > :first-child{
    padding-top: 0;
}
.isfu-list-top{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.isfu-list-top-img{
    width: 32px;
    margin-right: 15px;
    position: relative;
}
.isfu-list-top-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.isfu-list-top-img > :nth-child(1){
    opacity: 0;
    transition: all 0.36s;
}
.isfu-list-top-img > :nth-child(2){
    opacity: 1;
    transition: all 0.36s;
}
.isfu-list-top .std-title5{
    width: calc(100% - 47px);
    color: #0A1B1B;
    font-weight: 600;
}
.isfu-list-bot p{
    color: #0A1B1B;
}
.isfu-list-bot{
    padding-top: 32px;
    display: none;
}
.isfu-list.on .isfu-list-top-img > :nth-child(1){
    opacity: 1;
}
.isfu-list.on .isfu-list-top-img > :nth-child(2){
    opacity: 0;
}
.interact-main .faqs-section-cont-le{
    padding-left: 100px;
}
.interact-main .faqs-section-cont-le .std-title2{
    color: #0A1B1B;
    font-weight: 600;
    margin-bottom: 60px;
}
.interact-main .cmcu-item-box .ys-select-bd {
    height: calc(var(--font16)* 3 + 15px);
}
.interact-main .faqs-section{
    padding-top: 110px;
    background: #F9F9F9;
}
.ask-section{
    padding-top: 100px;
    padding-bottom: 100px;
}
.ask-section-top-search{
    width: 56.25%;
    display: flex;
    flex-wrap: wrap;
}
.asts-le{
    width: calc(100% - 251px);
    flex-grow: 1;
    display: flex;
    border-radius: 80px;
    background: rgba(108, 118, 118, 0.10);
    padding: 12px 24px;
}
.asts-le-icon{
    width: 24px;
    margin-right: 16px;
    margin-top: 4px;
}
.asts-le input{
    width: calc(100% - 40px);
    flex-grow: 1;
    height: 100%;
    color: #6A7676;
    font-size: var(--font18);
    line-height: var(--l1h8);
    letter-spacing: 0.05em;
} 
.asts-le input::placeholder{
    color: #6A7676;
    font-size: var(--font18);
    line-height: var(--l1h8);
}
.asts-ri{
    color: #FFF;
    font-size: var(--font18);
    font-weight: 600;
    line-height: var(--l1h8);
    width: 219px;
    margin-left: 32px;
    border-radius: 80px;
    text-align: center;
    padding: 12px 80px;
    border: 1.6px solid #FFF;
    background: var(--colorenvi);
    box-shadow: 0px 2px 6px 0px rgba(0, 99, 178, 0.03);
    backdrop-filter: blur(8px);
    cursor: pointer;
    letter-spacing: 0.05em;
}
.ask-section-top .std-title2{
    color: #0A1B1B;
    text-align: center;
    font-weight: 600;
}
.ask-section-top{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 100px;
}
.ask-section-top .std-title5 p{
    color: rgba(14, 26, 27, 0.6);
}
.ask-section-top .std-title5{
    margin-top: 32px;
    margin-bottom: 60px;
}
.ask-section-btm{
    display: flex;
    flex-wrap: wrap;
}
.ask-section-btm-le{
    width: 18.5%;
}
.asbl-ul-list-cont{
    display: flex;
}
.aulc-img{
    width: 36px;
    margin-right: 16px;
}
.aulc-img img{
    width: 100%;
}
.aulc-text{
    width: calc(100% - 52px);
    color: #6A7676;
    font-size: var(--font18);
    font-weight: 600;
    line-height: var(--l1h8);
    transition: all 0.36s; 
    letter-spacing: 0.05em;
}
.asbl-ul-list{
    padding: 20px 24px 20px 0;
    margin-bottom: 32px;
    position: relative;
    cursor: pointer;
}
.asbl-ul-list::after{
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: var(--colorenvi1);
    opacity: 0;
    transition: all 0.36s;
}
.asbl-ul-list.on::after{
    opacity: 1;
}
.asbl-ul-list.on .aulc-text{
    color: #0A1B1B;
}
.ask-section-btm-ri{
    width: 81.5%;
}
.ask-section-btm-ri .asbr-cont .interact-section-faq-ul{
    margin-top: 0;
    width: 100%;
    border-radius: 0;
    padding: 0;
    padding-left: 100px;
    border-left: 1px solid rgba(110, 118, 118, 0.2);
}
.asbr-more{
    margin-top: 60px;
}
.isfu-list-bot-act p{
    color: #6A7676;
}
.isfu-list-bot-more{
    margin-top: 32px;
}
.asbr-cont{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.download-section{
    padding-top: 0px;
    padding-bottom: 0px;
}
.download-section-top .std-title2{
    color: #0A1B1B;
    font-weight: 600;
    text-align: center;
}
.download-section-top{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}
.download-section-top-search{
    width: 50%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 80px;
}
.dsts-ri{
    width: 200px;
    padding: 14px 20px;
    border-radius: 80px;
    border: 1.6px solid #FFF;
    background: var(--colorenvi);
    box-shadow: 0px 2px 6px 0px rgba(0, 99, 178, 0.03);
    backdrop-filter: blur(8px);
    color: #FFF;
    text-align: center;
    font-size: var(--font18);
    font-weight: 600;
    line-height: var(--l1h8);
    margin-left: 10px;
    cursor: pointer;
}
.dsts-le{
    width: calc(100% - 210px);
    flex-grow: 1;
    display: flex;
    padding: 14px 24px;
    align-items: center;
    border-radius: 80px;
    background: rgba(108, 118, 118, 0.10);
}
.dsts-le-icon{
    width: 24px;
    margin-right: 16px;
}
.dsts-le-icon img{
    width: 100%;
}
.dsts-le input{
    width: 100%;
    height: 100%;
    color: #6A7676;
    font-size: var(--font18);
    font-weight: 600;
    line-height: var(--l1h8);
    letter-spacing: 0.05em;
}
.dsts-le input::placeholder{
    color: #6A7676;
    font-size: var(--font18);
    font-weight: 600;
    line-height: var(--l1h8);
}
.download-section-top-ul{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-left: -8px;
    margin-right: -8px;
}
.dstu-list{
    min-width: 10%;
    padding: 0 15px;
}
.dstu-list-text{
    padding: 10px;
    color: #6A7676;
    font-size: var(--font18);
    font-weight: 600;
    line-height: var(--l1h8);
    transition: all 0.36s;
    position: relative;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0.05em;

} 
.dstu-list-text::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ff0000;
    opacity: 0;
    transition: all 0.36s;
    font-weight: bold;
	color: #ff0000; /* 将文本颜色设置为蓝色 */
	
}
.dstu-list.on .dstu-list-text::after{
    opacity: 1;	

}
.dstu-list.on .dstu-list-text{
    font-weight: bold;
	color: #ffffff; /* 将文本颜色设置为蓝色 */

}
.dstu-list.on{
    background-color: #ff0000; /* 红色 */	
}
.dstu-list1.on .dstu-list-text::after{
    opacity: 1;	
}



.download-section-top-ul > :first-child{
    padding-left: 8px;
    padding-right: 24px;
    min-width: auto;
    position: relative;
}
.download-section-top-ul > :first-child::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: rgba(110, 118, 118, 0.2);
}
.dsbc-top{
    display: flex;
    flex-wrap: wrap;
    margin-left: -19px;
    margin-right: -19px;
}
.dsbc-top-list{
    padding: 0 19px;
}
.dsbc-top-list-cont{
    display: flex;
    padding-right: 38px;
    position: relative;
}
.dsbc-top-list-cont::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: rgba(110, 118, 118, 0.2);
}
.dtlc-icon{
    width: 24px;
    margin-right: 16px;
    margin-top: 2px;
}
.dtlc-icon img{
    width: 100%;
}
.dsbc-top-list-cont .std-text1{
    color: #6A7676;
}
.dsbc-top > :last-child .dsbc-top-list-cont{
    padding-right: 0;
}
.dsbc-top > :last-child .dsbc-top-list-cont::after{
    opacity: 0;
}
.dsbc-top-list-cont .std-text1 span{
    color: var(--colorenvi); 
    padding: 0 12px;  
}
.dsbc-btm{
    margin-top: 16px;
    border-top: 1px solid rgba(110, 118, 118, 0.2);
    display: flex;
    flex-wrap: wrap;
}
.dsbc-btm-le{
    width: 23.75%;
}
.dblu-list{
    margin-top: 20px;
}
.dblu-list-tit{
    padding: 8px 24px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(110, 118, 118, 0.2);
}
.dblu-list-tit-icon{
    width: 24px;
    margin-right: 16px;
    margin-top: 2px;
}
.dblu-list-tit-icon img{
    width: 100%;
}
.dblu-list-tit .std-title5{
    color: #0A1B1B;
    font-weight: 600;
    width: calc(100% - 40px);
}
.dblu-list-select{
    padding: 16px 24px 0;
}
.dblu-list-select-list{
    display: flex;
    margin-bottom: 12px;
    cursor: pointer;
}
.dblu-list-select > :last-child{
    margin-bottom: 0;
}
.dlsl-box{
    width: 16px;
    height: 16px;
    border-radius: 5px;
    border: 1px solid rgba(110, 118, 118, 0.2);
    position: relative;
    margin-right: 16px;
    margin-top: 3px;
}
.dlsl-box::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: var(--colormain);
    opacity: 0;
    transition: all 0.36s;
}
.dlsl-text{
    color: #0A1B1B;
    font-size: var(--font14);
    line-height: var(--l1h8); 
    width: calc(100% - 32px);
    flex-grow: 1;
}
.dblu-list-select-list.act .dlsl-box::after{
    opacity: 1;
}
.dsbc-btm-ri{
    width: 76.25%;
}
.dsbc-btm-ri-list1,
.dsbc-btm-ri-list{
    padding-top: 50px;
    padding-left: 80px;
    /* border-left: 1px solid rgba(110, 118, 118, 0.2); */
}
.dsbc-btm-ri{
    position: relative;
}
.dsbc-btm-ri::before{
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(110, 118, 118, 0.2);
}
.dbrl-list{
    margin-bottom: 20px;
}
.dsbc-btm-ri-list > :last-child{
    margin-bottom: 0;
}
.dbrl-list-link{
    display: flex;
    flex-wrap: wrap;
    padding: 20px 40px 20px 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 8px 12px 0px rgba(0, 53, 75, 0.12);
}
.dbrl-list-link-img{
    width: 13.157895%;
    border-radius: 5px;
}
.dbrl-list-link-img .ys-imgbox-cover{
    width: 100%;
    border-radius: 5px;
}
.dbrl-list-link-img .ys-imgbox-cover img{
    border-radius: 5px;
}
.dbrl-list-link-right{
    width: 86.842105%;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dllr-top-ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: 16.5px;
}
.dllr-top-ul-list{
    padding: 0 6px;
}
.dtul-text{
    color: #6A7676;
    font-size: var(--font14);
    line-height: var(--l1h8);
}
.dllr-top-ul > :last-child .dtul-text{
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 20px;
    border: 1px solid rgba(108, 118, 118, 0.50);
    letter-spacing: 0.05em;
}
.dllr-top .std-title5{
    font-weight: 600;
    color: #0A1B1B;
}
.dllr-btm{
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px;
}
.dllr-btm-list{
    padding: 0 30px;
    display: flex;
}
.dllr-btm-list-icon{
    width: 24px;
    margin-right: 16px;
}
.dllr-btm-list-icon img{
    width: 100%;
}
.dllr-btm-list-text{
    color: #6A7676;
    font-size: var(--font16);
    line-height: var(--l1h8);
}
.dllr-btm > :last-child .dllr-btm-list-icon{
    margin-right: 0;
    margin-left: 16px;
}
.dllr-btm > :last-child .dllr-btm-list-text{
    color: var(--colorenvi);
}
.dsbc-btm-ri-more{
    margin-top: 60px;
}
.warranty-section{
    padding-top: 110px;
    padding-bottom: 120px;
}
.warranty-section-all{
    display: flex;
    flex-wrap: wrap;
}
.warranty-section-all-ul{
    width: 32%;
}
.wsau-list{
    padding: 40px 20px;
    border-radius: 10px;
    border-top: 2px solid var(--colorenvi);
    background: #FFF;
    box-shadow: 0px 37px 15px 0px rgba(2, 36, 110, 0.01), 0px 21px 13px 0px rgba(2, 36, 110, 0.03), 0px 9px 9px 0px rgba(2, 36, 110, 0.04), 0px 2px 5px 0px rgba(2, 36, 110, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.warranty-section-all-ul > :last-child{
    margin-bottom: 0;
}
.wsau-list-text{
    color: var(--colorenvi);
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 16px;
}
.wsau-list-icon{
    width: 32px;
}
.wsau-list-icon img{
    width: 100%;
}
.wsau-list-nub a{
    color: #0A1B1B;
    font-size: var(--font18);
    font-weight: 600;
    line-height: var(--l1h8);
}
.warranty-section-all-right{
    width: 68%;
    padding-left: 32px;
}
.wsar-cont{
    height: 100%;
    border-radius: 10px;
    border-top: 2px solid var(--colorenvi);
    background: #FFF;
    padding: 50px 80px 73px 80px;
    box-shadow: 0px 37px 15px 0px rgba(2, 36, 110, 0.01), 0px 21px 13px 0px rgba(2, 36, 110, 0.03), 0px 9px 9px 0px rgba(2, 36, 110, 0.04), 0px 2px 5px 0px rgba(2, 36, 110, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.wsar-cont-search .download-section-top-search{
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.wsar-cont-search .download-section-top-search .dsts-le input{
    color: #6A7676;
    font-size: var(--font16);
    line-height: var(--l1h8);
}
.wsar-cont-search .download-section-top-search .dsts-le input::placeholder{
    color: #6A7676;
    font-size: var(--font16);
    line-height: var(--l1h8);
    font-weight: 400;
}
.wsar-cont-search .download-section-top-search .dsts-ri{
    font-size: var(--font16);
    line-height: var(--l1h8);
    font-weight: 400;
}
.wsar-cont-ul{
    border-radius: 10px;
    border: 1px solid rgba(108, 118, 118, 0.20);
}
.wsar-cont-ul-lsit{
    display: flex;
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
}
.wsar-cont-ul > :last-child{
    border-bottom: 0;
}
.wcul-le{
    width: 220px;
    padding: 16px;
    border-right: 1px solid rgba(108, 118, 118, 0.20);
    color: #0A1B1B;
    font-size: var(--font18);
    line-height: var(--l1h8);
}
.wcul-ri{
    width: calc(100% - 220px);
    padding: 16px;
}
.wcul-ri,
.wcul-ri input{
    color: #6A7676;
    font-size: var(--font18);
    line-height: var(--l1h8);
}
.wcul-ri input{
    width: 100%;
    height: 100%;
}
.wcul-ri input::placeholder{
    color: #6A7676;
    font-size: var(--font18);
    line-height: var(--l1h8);
}
.warranty-section-btm{
    padding-bottom: 100px;
}
.warranty-section-btm-cont{
    display: flex;
    flex-wrap: wrap;
}
.wsbc-le{
    width: 46%;
}
.wsbc-le-img{
    width: 100%;
}
.wsbc-le-img .ys-imgbox-cover{
    width: 100%;
}
.wsbc-ri{
    width: 54%;
    padding: 130px 156px 104px 80px;
    background: #F9F9F9;
}
.wsbc-ri-ul-list{
    margin-bottom: 30px;
}
.wsbc-ri-ul > :last-child{
    margin-bottom: 0;
}
.wrul-top{
    color: #6A7676;
    font-size: var(--font32);
    font-weight: 600;
    line-height: var(--l1h3);
}
.wrul-act{
    padding-top: 40px;
    padding-bottom: 20px;
    display: none;
}
.wrul-act ul li {
    list-style: disc;
}
.wrul-act ul {
    padding-inline-start: 30px;
}
.wrul-act ul li::marker{
    color: var(--colormain);
}
.wrul-act ul li p{
    color: #6E7676;
    font-size: var(--font18);
    line-height: var(--l1h8);
    margin-bottom: 14.4px;
}
.wrul-act ul li p span{
    color: var(--colorenvi);
}
/*kim end*/
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    /*kim start*/
    .nsbb-list-link:hover::after{
        opacity: 1;
    }
    .nsbb-list-link:hover .nsbb-list-link-text{
        padding: 16px 20px 24px;
    }
    .nsbb-list-link:hover .nllt-more .std-text1{
        color: var(--colorenvi);
    }
    .nsbt-list-cont .ys-select-li:hover{
        color: var(--colorhover);
    }
    .tsct-link-list-href:hover::after{
        opacity: 1;
    }
    .tsct-link-list-href:hover .std-text1{
        color: #FFF;
    }
    .csbc-ul-list-link:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    }
    .cmcu-item-box .ys-select-li:hover{
        color: var(--colorhover);
    }
    .istl-link:hover::after{
        opacity: 1;
    }
    /*kim end*/
    .std-btn1-link:hover .std-btn1-link-bg1::after{
        background: var(--hover);
    }
    .std-btn2 .std-btn1-link:hover .std-text18{
        color: var(--colorfff);
    }
    .head1-inof-nub-link:hover{
        color: rgba(14,26,27,1)!important;
    }
    .ys-bread-list a:hover{
        color:rgba(110,118,118,1);
    }
    .footer-nav ul a:hover{
        color: rgba(14,26,27,1);
    }
    .std-btn2 .std-btn1-link:hover .std-btn1-link-bg1::before{
        opacity: 0;
    }
    .std-btn2 .std-btn1-link:hover::after{
        opacity: 1;
    }
    .std-btn1-link:hover .std-btn1-quan::after,
    .std-btn1-link:hover .std-btn1-quan img{
        opacity: 1;
    }
    .std-btn1-link:hover .std-btn1-quan::before{
        opacity: 0;
    }
    .std-btn1-link:hover .std-btn1-quan{
        background: rgba(255, 255, 255, 0);
    }
    .foli-nub-link:hover{
        background: var(--colorenvi);
    }
    .foli-nub-link:hover .std-text1{
        color: var(--colorfff);
    }
    .foli-nub-link:hover .foli-nub-link-icon img:nth-of-type(2){
        opacity: 0;
    }
    .foli-nub-link:hover .foli-nub-link-icon img:nth-of-type(3){
        opacity: 1;
    }
    .footer-copy-inof-nub a:hover{
        color: var(--colortitle);
    }
    .hsin-core:hover .hsin-core-img img{
        transform: scale(1.05)
    }
    .ys-nybanner .ys-bread-list a:hover {
        color: rgba(255, 255, 255, .6);
    }
    .product-anchor-nub:hover img{
        transform: scale(1.05);
    }
    .product-anchor-nub:hover::before{
        opacity: 1;
        width: 100%;
    } 
    .product-anchor-nub:hover .std-title5{
        color: var(--colormain);
    }
    .std-b1tn1-link:hover .std-text1{
        color: var(--colorenvi);
    }
    .pisi-link:hover .std-b1tn1-link .std-text1{
        color: var(--colorenvi);
    }
    .product-custom-cry-text .std-btn2 .std-btn1-link:hover .std-btn1-link-bg1::after{
        background: var(--colorenvi);
    }
    .pcci-nub-link:hover .pcci-nub-link-img img{
        transform: scale(1.05);
    }
    .ys-hd-pc .head-nav:hover .head-nav-item.yxnav-active1 .head-nav-item-title{
        color: var(--colortitle);
    }
    .ys-hd-pc .head-nav:hover .head-nav-item:hover .head-nav-item-title,
    .ys-hd-pc .head-nav:hover .head-nav-item.yxnav-active1:hover .head-nav-item-title{
        color: var(--colormain);
    }
    .ys-hd-pc .head-nav:hover .head-nav-item.yxnav-active1 .head-nav-item-title::before{
        opacity: 0;
    }
    .ys-hd-pc .head-nav:hover .head-nav-item:hover .head-nav-item-title::before,
    .ys-hd-pc .head-nav:hover .head-nav-item.yxnav-active1:hover .head-nav-item-title::before{
        opacity: 1;
    }
    .h1lbi-link:hover{
        background: rgba(24,171,182,.08);
    }
    .hnid2-crnt-three a:hover .std-text1{
        color: var(--colormain);
    }
    .irii-link .std-btn1-link:hover .std-btn1-link-bg1::after {
        background: var(--hover);
    }
    .cstu-list-text:hover::after {
        opacity: 1;
    }
    .cstu-list-text:hover {
        color: #FFF;
    }
    .career-vacan-locat .ys-select-li:hover{
        color: var(--colormain);
    }
    .about-miss-ul-li .amul-box:hover{
        border: 1px solid var(--colorfff);
        background: rgba(255, 255, 255, 0.80);
        backdrop-filter: blur(8px);
    }
    .about-miss-ul-li .amul-box:hover .amul-tit{
        color: var(--colortitle);
    }
    .about-miss-ul-li .amul-box:hover .amul-word p{
        color: var(--colorenvi);
    }
    .csbc-all:hover .csbc-top-bg img{
        transform: scale(1.05);
    }
    .csbc-ul-list-link:hover .cull-cont-bot .std-text1{
        color: var(--colormain);
    }
    /* 2024.07.31 */
    .prin-link:hover .prin-pro img{
        transform: scale(1.12);
    } 
    .about-miss-ul-li .amul-box:hover {
        background: rgba(255, 255, 255, 0.70);
        backdrop-filter: blur(32px);
    }
    .std-btn3:hover .std-btn1-link:hover {
        background: rgba(255, 255, 255, .2);
    }
    .std-btnt1 .std-btn1-link:hover .std-btn1-quan {
        transform: scale(1.05);
    }
    .industry-advant-cry-box .std-btn1-link:hover::before{
        background: var(--colormain);
    }
    .isgu-list-ul-list:hover .ilul-title,
    .isgu-list-ul-list:hover .ilul-text,
    .isgu-list-ul-list:hover .ilul-text p{
        color: var(--colorfff);
    }
    .isgu-list-ul-list:hover .ys-imgbox-cover img:nth-child(2){
        opacity: 0;
    }
    .isgu-list-ul-list:hover .ys-imgbox-cover img:nth-child(3){
        opacity: 1;
    }
    .isgu-list-ul-list:hover .isgu-lul-bg{
        opacity: 1;
    }
    .hnid2-crnt-three a:hover .ys-imgbox-cover::before,
    .hnid2-crnt-three:hover .ys-imgbox-cover::before{
        opacity: 1;
        width: 100%;
    }
    .dllr-bottom-nub-btn:hover {
        background: var(--colormain);
    }
    .dllr-bottom-nub-btn:hover .std-text14{
        color: var(--colorfff);
    }
    .dllr-bottom-nub-btn:hover .ys-imgbox-cover img:nth-of-type(3){
        opacity: 1;
    }
    .dllr-bottom-nub-btn:hover .ys-imgbox-cover img:nth-of-type(2){
        opacity: 0;
    }
    .dbrl-list-link:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    }
    .std-btn1x .std-btn1-link:hover{
        background: var(--colorenvi)!important;
    }
    .std-btn1x .std-btn1-link:hover .std-text18{
        color: var(--colorfff);
    }
    .std-btn1x .std-btn1-link:hover .std-btn1x-icon img:nth-of-type(3){
        opacity: 1;
    }
    .std-btn1x .std-btn1-link:hover .std-btn1x-icon img:nth-of-type(2){
        opacity: 0;
    }
}
.mod-head1{
    height: var(--head1);
    background: var(--colorf7);
}
.mod-head123{
    height: var(--head1);
    background: var(--colorf7);
}
.mod-head2{
    height: var(--head2);
    width: 100%;
}
.ys-hd-pc{
    background: var(--colorfff);
    box-shadow: 0px 2px 12px 0px rgba(0, 64, 68, 0.10);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
}
.std-btn1{
    --hover: #009CA3;
    --hover:#ce121b;
    transition: all .4s ease;
}
.std-btn1-link{
    position: relative;
    height: 60px;
    min-width: 280px;
    display: block;
    background: var(--colorenvi);
    border-radius: 80px;
    overflow: hidden;
    padding: 16px 16px 16px 32px;
    display: flex;
    align-items: center;
    transition: all .4s ease;
}
.std-btn1-link-bg1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.std-btn1-link-bg1::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 80px;
    background: linear-gradient(111deg,#19ABB6 0%, #fff 30%,#fff 70%, #19ABB6 100%);
    background: linear-gradient(111deg,#ff0844 0%, #fff 30%,#fff 70%, #ffb199 100%);
    box-shadow: 0px 8px 24px 0px rgba(0, 99, 178, 0.10), 0px 8px 16px 0px rgba(0, 99, 178, 0.04), 0px 2px 6px 0px rgba(0, 99, 178, 0.03);
    transition: all .4s ease;
    opacity: 0;
}
.std-btn1-link::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 80px;
    background: linear-gradient(111deg, #fff 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 70%, #fff 100%);    box-shadow: 0px 8px 24px 0px rgba(0, 99, 178, 0.10), 0px 8px 16px 0px rgba(0, 99, 178, 0.04), 0px 2px 6px 0px rgba(0, 99, 178, 0.03);
    transition: all .4s ease;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.std-btn2 .std-btn1-link-bg1::before{
    opacity: 1;
}
.std-btn2 .std-btn1-link::after{
    opacity: 0;
}
.std-btn1-link-bg1::after{
    position: absolute;
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 3px);
    border-radius: 80px;
    background: #ce121b;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
    z-index: 1;
}
.prodet-one .std-title24{
    text-align: center;
    margin-bottom: 11px;
}
.prodet-one .std-title2{
    text-align: center;
    margin-bottom: 20px;
}
.std-btn1-link .std-text18{
    line-height: var(--l1h6);
    color: var(--colorfff);
    text-align: center;
    flex-grow: 1;
    position: relative;
    z-index: 6;
    margin-right: 16px;
    font-weight: 500;
    transition: all .4s ease;
    letter-spacing: 0.05em;
}
.std-btn1-quan{
    width: 24px;
    height: 24px;
    background: var(--colorfff);
    border-radius: 50%;
    position: relative;
    transition: all .4s ease;
    z-index: 10;
}
.std-btn1-quan::before{
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    background: var(--colorenvi);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.std-btn1-quan img{
    width: 100%;
    position: relative;
    z-index: 10;
    opacity: 0;
    transition: all .4s ease;
}
.std-btn1-quan::after{
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    border: 1px solid var(--colorfff);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .4s ease;
}
.prodet-one{
    padding-top: var(--space90);
}
.prodet-main{
    background: rgba(230,230,230,1);
}
.prodet-box video{
    background: transparent;
}
.std-btn1{
    display: flex;
    justify-content: center;
}
.inside-main.act .ys-main{
    margin-top: calc(var(--head1) + var(--head2));
}
.prodet-video{
    position: absolute;
    width: 1280px;
    top: 0;
    height: 100%;
    z-index: 10;
}
.prodet-video video{
    width: 100%;
}
.prodet-one{
    position: relative;
    z-index: 10;
    height: calc(100vh - var(--headx));
    padding-bottom: var(--space90);
}
.prodet-one .ys-cont1600{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sticky-body,
.sticky-html{
    overflow: visible!important;
}
.prodet-one{
    position: sticky;
    top: var(--headx);
}
.prodet-one-zhan{
    height: 50vh;
}
.prodet-box-bg #scrolly-video{
    width: 1920px!important;
    max-width: 76%!important;
    margin: 0 auto;
    height: calc(100vh - var(--headx) / 2)!important;
    top: calc(var(--headx) / 2)!important;
    height: calc(100vh - 0px)!important;
    top: 0px!important;
    left: 0;
    font-size: 0;
    background: transparent;
    border: 0;
    margin-top: calc(var(--headx) * -1);
}
.prodet-box-bg #scrolly-video video{
    min-width: 102%!important;
    min-height: calc(100% + 4px)!important;
    background: transparent;
    border: 0;
}
.prodet-box{
    position: relative;
}
.prodet-box-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.std-font58{
    font-size: var(--font58);
    line-height: var(--l1h2);
    color: var(--colortitle);
    font-weight: 600;
    letter-spacing: 0.05em;
}
.prodet-two .std-font58{
    text-align: center;
    margin-bottom: var(--space40);
    line-height: var(--l1h2);
    position: relative;
    font-weight: 600;
    letter-spacing: 0.05em;
}
/* .prodet-two .std-font58 span:first-child{
    position: relative;
    background: linear-gradient(101deg, #00C1E6 55.97%, #00F100 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .4s ease;
} */
.prodet-two .std-font58 span,
.prodet-two .std-font58 span:nth-of-type(2){
    color: var(--colortitle);
    text-align: center;
    /* position: absolute; */
    /* left: 50%;
    transform: translateX(-50%); */
    width: 100%;
    opacity: 1;
    transition: all .4s ease;
}
.prodet-two,
.prodet-three,
.prodet-four{
    position: relative;
    z-index: 10;
}
.prodet-two-text,
.prodet-two-text p{
    text-align: center;
    color: var(--colortext);
    line-height: var(--l1h6);
}
.prodet-two-text{
    width: 82.36%;
    margin: 0 auto;
    margin-bottom: 58px;
}
.ptin-icon{
    width: 56px;
    margin: 0 auto;
    margin-bottom: 12px;
}
.ptin-line{
    height: 18px;
    width: 1px;
    background: var(--colormain);
    margin: 0 auto;
}
.ptin-word,
.ptin-word p{
    line-height: var(--l1h6);
    color: var(--colorenvi);
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.05em;
}
.prodet-two-inof{
    --jian: 40px;
    margin: 0 calc(var(--jian) * -1);
    padding: 0 44px;
}
.prodet-two-inof-nub{
    width: 25%;
    padding: 0 var(--jian);
}
.prodet-two-inof-nub:not(:first-child){
    shape-image-threshold: none;
}
.mod-dots1 .slick-dots li{
    width: 27px;
    height: 10px;
    margin: 0 5px;
    background: transparent;
}
.mod-dots1 .slick-dots li::before{
    content: '';
    height: 2px;
    width: 100%;
    border-radius: 1px;
    position: absolute;
    background: rgba(108, 118, 118, 0.20);
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.mod-dots1 .slick-dots li::after{
    background: var(--colormain);
    content: '';
    position: absolute;
    height: 2px;
    width: 0%;
    border-radius: 1px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.mod-dots1 .slick-dots li.slick-active::after{
    animation: width1 3s linear forwards;
}
@keyframes width1 {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes width1 {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
.mod-dots1 .slick-dots{
    bottom: 0;
}
.prodet-two-inof.slick-dotted{
    padding-bottom: 60px;
}
.ptii-img{
    width: 49.125%;
}
.ptii-text{
    width: 50.875%;
    padding-right: 35px;
    padding-left: 166px;
}
.prodet-three2 .prodet-three-inof-item .ptii-text,
.prodet-three-inof-item:nth-of-type(2n) .ptii-text{
    padding-right: 166px;
    padding-left: 30px;
}
.prodet-three-inof-item{
    display: flex;
    align-items: flex-start;
}
.prodet-three2 .prodet-three-inof-item,
.prodet-three-inof-item:nth-of-type(2n){
    flex-direction: row-reverse;
}
.ptii-text .std-font58{
    margin-bottom: var(--space40);
}
.ptii-text-word,
.ptii-text-word p{
    line-height: var(--l1h6);
    color: var(--colortext);
    letter-spacing: 0.05em;
}
.ptii-tln-icon{
    width: 56px;
}
.ptii-text-lie-nub{
    display: flex;
    margin-bottom: 24px;
    align-items: flex-start;
}
.ptii-text-lie-nub:last-child{
    margin-bottom: 0;
}
.ptii-text-lie-nub .std-title5{
    width: calc(100% - 56px);
    flex-grow: 1;
    padding-left: 42px;
    position: relative;
    color: var(--colorenvi);
    font-weight: 600;
    padding-top: 12px;
    letter-spacing: 0.05em;
}
.ptii-text-lie-nub .std-title5::before{
    content: '';
    width: 18px;
    height: 1px;
    background: var(--colormain);
    position: absolute;
    left: 12px;
    top: 27px;
}
.ptii-text-lie{
    margin-top: var(--space60);
}
.prodet-two-img{
    width: 47.36%;
    margin: 0 auto;
}
.prodet-two-img img{
    width: 100%;
}
.prodet-three-inof-item:first-child{
    padding-top: var(--space1);
}
.prodet-three-inof-item{
    padding-bottom: var(--space1);
}
.prodet-four{
    padding-bottom: var(--space1);
}
.prodet-four-img{
    width: 57.5%;
}
.prodet-four-img img{
    width: 100%;
}
.prodet-four .ys-cont1600{
    display: flex;
    align-items: flex-start;
}
.prodet-four-text{
    width: 42.5%;
    padding-right: 32px;
    padding-left: 136px;
}
.prodet-four-text .std-font58{
    margin-bottom: var(--space60);
}
.prodet-four-text-inof{
    border-top: 1px solid var(--colormain);
}
.pfti-nub{
    border-bottom: 1px solid rgba(108, 118, 118, 0.20);
    display: flex;
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 16px;
}
.pfti-nub:last-child{
    border-bottom: 0;
}
.pfti-nub-name{
    color: rgba(110,118,118,.8);
    width: 60.546875%;
    padding-right: 20px;
    letter-spacing: 0.05em;
}
.pfti-nub-value{
    color: var(--colorenvi);
    font-weight: 600;
    width: 39.453125%;
    letter-spacing: 0.05em;
}
.prodet-moon{
    background: var(--colorfff);
    position: relative;
    z-index: 20;
}
.prodet-moon-video{
    width: 100%;
    height: calc(100vh - var(--headx));
    position: relative;
    overflow: hidden;
}
.prodet-moon-video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prodet-moon-video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.prodet-moon-video{
    clip-path: polygon(18% 100px,82% 100px,82% calc(100% - 100px),18% calc(100% - 100px));
    -webkit-clip-path: polygon(18% 100px,82% 100px,82% calc(100% - 100px),18% calc(100% - 100px));
    -moz-clip-path: polygon(18% 100px,82% 100px,82% calc(100% - 100px),18% calc(100% - 100px));
    -ms-clip-path: polygon(18% 100px,82% 100px,82% calc(100% - 100px),18% calc(100% - 100px));
    -o-clip-path: polygon(18% 100px,82% 100px,82% calc(100% - 100px),18% calc(100% - 100px));
    transition: all .8s ease;
}
.prodet-moon.act .prodet-moon-video{
    clip-path: polygon(0% 0px,100% 0px,100% calc(100% - 0px),0% calc(100% - 0px));
    -webkit-clip-path: polygon(0% 0px,100% 0px,100% calc(100% - 0px),0% calc(100% - 0px));
    -moz-clip-path: polygon(0% 0px,100% 0px,100% calc(100% - 0px),0% calc(100% - 0px));
    -ms-clip-path: polygon(0% 0px,100% 0px,100% calc(100% - 0px),0% calc(100% - 0px));
    -o-clip-path: polygon(0% 0px,100% 0px,100% calc(100% - 0px),0% calc(100% - 0px));
}
.prodet-moon{
    padding-top: var(--space1);
}
.prodet-moon .std-title2{
    text-align: center;
    line-height: var(--l1h2);
    font-weight: 600;
    width: 70.7%;
    margin: 0 auto;
    margin-bottom: 32px;
}
.prodet-moon .std-title4,
.prodet-moon .std-title4 p{
    text-align: center;
    color: rgba(14,26,27,.6);
}
.prodet-moon .std-title4{
    margin-bottom: var(--space60);
}
.prodet-moon-video{
    margin-top: -100px;
    position: sticky!important;
    top: var(--headx);
}
.prodet-moon-zhan{
    height: 20vh;
}
.prodet-model{
    padding-top: var(--space1);
    padding-bottom: var(--space100);
    background: var(--colorfff);
}
.prodet-model-top{
    display: flex;
    align-items: flex-end;
}
.prodet-model-top-img{
    width: 470px;
    position: relative;
    z-index: 10;
}
.prodet-model-top-text{
    width: calc(100% - 470px);
    padding: 80px 50px 80px 80px;
    position: relative;
}
.prodet-model-top-text::before{
    content: '';
    height: 100%;
    width: calc(100% + 470px);
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--colorf9);
    border-radius: 10px;
    box-shadow: 0px 8px 16px 4px rgba(0, 51, 112, 0.10);
}
.prodet-model-top-text .std-title2{
    line-height: var(--l1h2);
    color: var(--colortitle);
    font-weight: 600;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
}
.prodet-model-top-text .pmtt-inof{
    position: relative;
    z-index: 10;
    --jian: 10px;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian) * -2);
    display: flex;
    flex-wrap: wrap;
}
.pmtt-inof-nub{
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
    width: 33.333333%;
}
.pmtt-inof-nub-link{
    content: '';
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 80px;
    background: rgba(108, 118, 118, 0.12);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    display: block;
    padding: 9px 20px;
    transition: all .4s ease;
}
.pmtt-inof-nub-link::after{
    content: '';
    position: absolute;
    background: rgba(253,253,253,1);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 80px;
    top: 1px;
    left: 1px;
    transition: all .4s ease;
}
.pmtt-inof-nub-link .std-text1{
    position: relative;
    z-index: 10;
    text-align: center;
    color: rgba(14,26,27,.6);
    transition: all .4s ease;
}
.pmtt-inof-nub.on .std-text1{
    color: var(--colorenvi);
}
.pmtt-inof-nub.on .pmtt-inof-nub-link{
    background: linear-gradient(112deg,#13B6E8,#0063B2);
}
.pmtt-inof-nub.on .pmtt-inof-nub-link::after{
    background: var(--colorfff);
}
.pmti-nub:not(:first-child){
    display: none;
}
.prodet-model-top{
    margin-bottom: 30px;
}
.prodet-model-bot{
    position: relative;
}
.prodet-model-bot-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.prodet-model-bot-item.act{
    opacity: 1;
    pointer-events: all;
    position: relative;
}
.prodet-model-bot-item{
    --heights: 52px;
    --heights2: 64px;
    --height_down: calc(calc(var(--heights) * 2) + calc(var(--heights2) * 9));
}
.pmbi-table{
    border-radius: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0, 51, 112, 0.05);
    background: var(--colorfff);
    border: 1px solid rgba(153, 153, 153, 0.20);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.pmbi-table-head{
    position: relative;
    display: flex;
    min-height: var(--heights);
    align-items: center;
}
.pmbi-tob-text-nub{
    position: relative;
    display: flex;
    min-height: var(--heights2);
    align-items: center;
    border-bottom: 1px solid rgba(153, 153, 153, 0.20);
}
.pmbi-table-head::before{
    content: '';
    background: var(--colorenvi);
    height: calc(100% + 1px);
    width: calc(100% + 2px);
    top: -1px;
    left: -1px;
    position: absolute;
}
.pmbi-table-head-th,
.pmbi-ttn-font{
    position: relative;
    z-index: 2;
    text-align: center;
    color: var(--colorfff);
    line-height: var(--l1h75);
}
.pmbi-table-head-th:first-child,
.pmbi-ttn-font:first-child{
    text-align: left;
    width: 36.15%;
    flex-grow: 1;
    padding: 5px 32px;
    letter-spacing: 0.05em;
}
.pmbi-table-head-th:nth-of-type(2),
.pmbi-ttn-font:nth-of-type(2){
    width: 63.85%;
    padding: 5px 10px;
    letter-spacing: 0.05em;
}
.pmbi-table-head-th::before,
.pmbi-ttn-font::before{
    content: '';
    height: 32px;
    width: 1px;
    background: var(--colorfff);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pmbi-table-head-th:first-child::before,
.pmbi-ttn-font:first-child::before{
    display: none;
}
.pmbi-tob-first{
    border-bottom: 1px solid rgba(153, 153, 153, 0.20);
    background: rgba(0, 99, 178, 0.10);
    padding: 5px 32px;
    min-height: var(--heights);
    display: flex;
    align-items: center;
    font-weight: 700;
    line-height: var(--l1h75);
    color: #1D1D1D;
}
.pmbi-table .pmbi-ttn-font{
    color: #1D1D1D;
}
.pmbi-ttn-font::before{
    background: rgba(153, 153, 153, 0.20);
}
.pmbi-table-other-box:last-child .pmbi-tob-text-nub:last-child{
    border-bottom: 0;
}
.pmbi-btn{ 
    --jian: 25px;
    --jian2: 35px;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian2) * -1);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: var(--space40);
}
.pmbi-btn-nub{
    padding: 0 var(--jian);
    margin-bottom: var(--jian2);
}
.prodet-one .std-btn1-link-bg1::before{
    background: linear-gradient(111deg, #19ABB6 0%, rgba(229, 229, 229, 1) 30%, rgba(229, 229, 229, 1) 70%, #19ABB6 100%);
    background: linear-gradient(111deg, #0063B2 0%, rgba(229, 229, 229, 1) 30%, rgba(229, 229, 229, 1) 70%, #0063B2 100%);
}
.std-btn2 .std-btn1-link,
.std-btn2 .std-btn1-link-bg1::after {
    background: var(--colorfff);
}
.std-btn2 .std-btn1-link .std-text18{
    color: var(--colorenvi);
}
.std-btn2 .std-btn1-quan{
    background: #ff0000;
}
.std-btn2 .std-btn1-quan::before{
    background: var(--colorfff);
}
.std-btn1-link{
    cursor: pointer;
}
.prodet-model-bot-item.on1 .pmbi-table{
    height: var(--height_down);
    overflow: hidden;
}
.pmbi-table{
    height: var(--height_down);
}
.prodet-model-bot-item.on .pmbi-table{
    height: auto;
}
.table-more .std-btn1-link .std-text18{
    transition: all 0s;
}
.table-more .std-btn1-link .std-text18 span{
    transition: all .4s ease;
    color: inherit;
}
.table-more .std-btn1-link .std-text18 span:nth-of-type(2){
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
}
.prodet-model-bot-item.on .std-text18 span:nth-of-type(2){
    opacity: 1;
    pointer-events: all;
}
.prodet-model-bot-item.on .std-text18 span:first-child{
    opacity: 0;
    pointer-events: none;
}
.table-more{
    display: none;
}
.prodet-model-bot-item.on1 .table-more{
    display: block;
}
.head1-inof{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.head1-inof-nub{
    padding: 0 var(--jian);
    letter-spacing: 0.05em;
}
.head1-inof-nub-link{
    transition: all .4s ease;
    font-size: 12px;
    color: rgba(14,26,27,.6);
    line-height: var(--head1);
}
.mod-head1 .ys-cont1600{
    display: flex;
    justify-content: flex-end;
}
.mod-head123 .ys-cont1600{
    display: flex;
    justify-content: flex-end;
}
.head1-language-top-icon{
    width: 20px;
}
.head1-language-top-icon img:nth-of-type(2),
.head1-language-top-jian img:nth-of-type(2){
    opacity: .6;
}
.head1-language-top-jian{
    width: 16px;
}
.head1-language-top-text{
    padding-left: 8px;
    font-size: 12px;
    color: rgba(14,26,27,.6);
    line-height: var(--head1);
}
.head1-language-top{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.head1-language{
    margin-left: 121px;
}
.head1-search-icon .ys-imgbox-cover{
    width: 20px;
    opacity: 0.6;
    transition: all .4s ease;
}
.head1-search-icon{
    margin-left: 40px;
    position: relative;
    height: var(--head1);
    display: flex;
    align-items: center;
    cursor: pointer;
}
.head1-language+.head1-search .head1-search-icon::before{
    content: '';
    height: 14px;
    width: 1px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(14,26,27,.2);
    transition: all .4s ease;
}
.head-logo {
    width: 170px;
    line-height: var(--head2);
}
.head-logo a{
    display: flex;
    height: var(--head2);
    align-items: center;
}
.mod-head2 .ys-cont1600{
    display: flex;
    justify-content: space-between;
}
.head-nav{
    display: flex;
    --jian: 30px;
    margin: 0 calc(var(--jian) * -1);
}
.head-nav-item-title{
    font-size: var(--font16);
    line-height: var(--head2);
    color: var(--colortitle);
    transition: all .4s ease;
    display: inline-block;
    position: relative;
    padding: 0 var(--jian);
    letter-spacing: 0.05em;
}
.head-other{
    display: flex;
    align-items: center;
}
.head-other .std-btn1-link {
    height: 38px;
    width: auto;
    min-width: auto;
    padding: 6px 9px 6px 18px;
}
.head-other .std-btn1-link .std-text18{
    font-size: var(--font14);
    font-weight: 400;
}
.head-other .std-btn1-quan{
    transform: scale(0.7);
}
.head-other .std-btn1{
    margin-left: 100px;
}
.head-other .std-btn1-link-bg1::before {
    background: linear-gradient(111deg, #19ABB6 0%, var(--colorenvi)  30%, var(--colorenvi)  70%, #19ABB6 100%);
    background: linear-gradient(111deg, #0063B2 0%, var(--colorenvi)  30%, var(--colorenvi)  70%, #0063B2 100%);
}
.mod-bread{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
    padding-top: 20px;
}
.ys-bread{
    --jian: 10px;
    margin: 0 calc(var(--jian) * -1);
}
.ys-bread-list{
    padding: 0 var(--jian);
    position: relative;
    letter-spacing: 0.05em;
}
.ys-bread-list a{
    color: rgba(110,118,118,.7);
    line-height: var(--l1h7);
    transition: all .4s ease;
    font-size: 12px;
}
.ys-bread-list::before{
    content: '';
    height: 9px;
    width: 1px;
    position: absolute;
    background:rgba(110,118,118,1);
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.ys-footer{
    background: #F8F8F8;
    padding-top: calc(var(--space100) + 10px);
}
.footer-logo{
    width: 220px;
    margin-bottom: 80px;
}
.footer-logo img{
    width: 100%;
}
.footer-logo a{
    display: block;
}
.footer-nav{
    display: flex;
    justify-content: space-between;
    --jian: 40px;
    margin: 0 calc(var(--jian) * -1);
    padding-bottom: 63px;
}
.footer-nav>li:not(:last-child){
    width: 10%;
    flex-grow: 1;
}
.footer-nav>li{
    padding: 0 var(--jian);
}
.footer-nav-first,
.footer-nav-first a{
    color: #2E2C2C;
    line-height: var(--l1h7);
    font-weight: 500;
}
.footer-nav-first{
    margin-bottom: 20px;
}
.footer-nav ul a{
    color: rgba(14,26,27,0.5);
    line-height: var(--l1h7);
    transition: all .4s ease;
}
.footer-nav ul li{
    margin-bottom: 12px;
}
.footer-nav ul li:last-child{
    margin-bottom: 0;
}
.pmti-nub.slick-active .ys-imgbox-cover{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.prodet-box-bg #scrolly-video::before,
.prodet-box-bg #scrolly-video::after{
    content: '';
    height: 10%;
    position: absolute;
    width: 100%;
    background: rgba(230, 230, 230, 1);
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}
.prodet-box-bg #scrolly-video::after{
    top: auto;
    bottom: 0;
}
.prodet-video video{
    width: 1920px;
    max-width: 100%;
    height: calc(100vh - var(--headx));
    margin: 0 auto;
    object-fit: cover;
    position: sticky;
    top: var(--headx);
}
.prodet-video{
    width: 100%;
    z-index: 0;
    display: flex;
    justify-content: center;
}
.prodet-two{
    padding-top: 40vh;
}

.scrolly-video-container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
/* .prodet-main{
    background: transparent;
}
.prodet-box-bg{
    opacity: 0;
} */
.prodet-box-bg #scrolly-video video{
    object-fit: cover;
}
.prodet-two.on1 .std-font58 span:first-child{
    opacity: 0;
}
.prodet-two.on1 .std-font58 span:nth-of-type(2){
    opacity: 1;
}
.prodet-one-zhan{
    height: auto;
}
/* .prodet-two-text,
.prodet-two-inof{
    opacity: 0!important;
    -webkit-transform: translate3d(0, 60px, 0)!important;
    transform: translate3d(0, 60px, 0)!important;
}
.prodet-two.on2 .prodet-two-text,
.prodet-two.on2 .prodet-two-inof{
    opacity: 1!important;
    -webkit-transform: none!important;
    transform: none!important;
} */
.prodet-two-text{
    transition: all .8s ease-in-out .4s;
}
.prodet-two-inof{
    transition: all .8s ease-in-out .5s;
}
.prodet-one-img,.prodet-two-img,
.ptii-img,.prodet-four-img{
    opacity: 0!important;
    pointer-events: none;
}
.prodet-one-wai{
    height: 180vh;
    height: calc(var(--height) * var(--pro));
}
.prodet-two {
    height: 120vh;
    padding-top: calc(var(--height) * var(--top));
    height: calc(var(--height) * var(--pro));
}
.prodet-box{
    height: 600vh;
}
/* .prodet-three-inof-item:first-child{
    height: calc(var(--height) * var(--pro));
}
.prodet-three-inof-item:nth-of-type(2) {
    height: calc(var(--height) * var(--pro));
}
.prodet-four{
    height: calc(var(--height) * var(--pro));
} */
.prodet-four .ys-cont1600{
    height: 100%;
}
.prodet-four .ys-cont1600{
    align-items: flex-end;
}
.prodet-one .std-btn1{
    transition: all .4s ease;
}
.prodet-one.on1 .std-btn1 .std-btn1-link{
    opacity: 0;
}
.prodet-two-add{
    position: relative;
}
.prodet-box-bg::before {
    content: '';
    background: linear-gradient(0deg, rgba(230, 230, 230, 1) 62.75%, rgba(230, 230, 230, 0) 100%);
    position: fixed;
    width: 90vw;
    height: 55vh;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    transition: all .8s ease-in-out;
}
.prodet-box-bg.mask1::before{
    opacity: 1;
}
.prodet-two-text, .prodet-two-inof{
    z-index: 10;
    position: relative;
    letter-spacing: 0.05em;
}
.prodet-two-add{
    position: sticky;
    top: var(--top1);
}
.prodet-two-zhan1{
    height: calc(var(--height) * 0.04);
}
.prodet-two-img{
    display: none;
}




/* home - start */
.ys-ban-imgbox::before{
    background:rgba(5, 61, 57, 0.4);
}
.ys-ban-txtbox .ys-ban-title{
    color: var(--colorfff);
    text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.30);
    font-size: var(--font64);
    font-weight: 600;
    line-height: var(--l1h2);
    text-align: center;
}
.ys-ban-txtbox .std-title4{
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-top: 32px;
}
.ys-ban-txtbox .std-title4,
.ys-ban-txtbox .std-title4 p{
    line-height: var(--l1h4);
    font-weight: 600;
    color: var(--colorfff);
}
.ys-ban-txtbox .std-btn1{
    margin-top: var(--space100);
}
.std-btn3 .std-btn1-link{
    background: transparent;
}
.std-btn3 .std-btn1-link::before{
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    -webkit--backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
}
.std-btn3 .std-btn1-link-bg1::after{
    background: transparent;
}
.std-btn3 .std-btn1-link-bg1::before{
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    -webkit--backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
}
.mod-dots2 .slick-dots li{
    margin: 0 10px;
    width: 120px;
    height: 10px;
    background: transparent;
}
.mod-dots2 .slick-dots li::before{
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .4);
    border-radius: 1px;
}
.mod-dots2 .slick-dots li::after{
    content: '';
    height: 3px;
    width: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--colorfff);
    border-radius: 2px;
}
.mod-dots2:not(.ys-ban-slick) .slick-dots li.slick-active::after{
    animation: width1 4s linear forwards;
}
.ys-ban-slick .slick-dots{
    bottom: 46px;
}
.mod-help{
    position: fixed;
    z-index: 80;
    right: 50px;
    bottom: 50px;
}
.help-btn{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}
.help-btn-img{
    width: 50%;
    position: relative;
    z-index: 10;
}
.help-btn-img img{
    width: 100%;
}
.help-btn-kuo{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.help-btn::before,
.help-btn::after,
.help-btn-kuo::before,
.help-btn-kuo::after{
    content: '';
    width: 100%;
    height: 100%;
    background: var(--colorenvi);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    border-radius: 50%;
    animation: help_kuo 8s linear infinite;
}
.help-btn::after{
    animation-delay: 2s;
}
.help-btn-kuo::before{
    animation-delay: 4s;
}
.help-btn-kuo::after{
    animation-delay: 6s;
}
@keyframes help_kuo {
    0%{
        background: var(--colorenvi);
        transform: translate(-50%,-50%) scale(1);
        opacity: 1;
    }
    33%{
        background: var(--colorenvi);
        transform: translate(-50%,-50%) scale(1.26);
        opacity: 0;
    }
    34%{
        background: rgba(255,255,255,0);
        transform: translate(-50%,-50%) scale(0.5);
        opacity: 0;
    }
    35%{
        background: rgba(255,255,255,.1);
        transform: translate(-50%,-50%) scale(0.5);
        opacity: 1;
    }
    56%{
        background: rgba(255,255,255,.1);
        transform: translate(-50%,-50%) scale(0.66);
        opacity: 1;
    }
    100%{
        transform: translate(-50%,-50%) scale(1);
        opacity: 1;
        background: var(--colorenvi);
    }
}
@-webkit-keyframes help_kuo {
    0%{
        background: var(--colorenvi);
        transform: translate(-50%,-50%) scale(1);
        opacity: 1;
    }
    33%{
        background: var(--colorenvi);
        transform: translate(-50%,-50%) scale(1.26);
        opacity: 0;
    }
    34%{
        background: rgba(255,255,255,0);
        transform: translate(-50%,-50%) scale(0.5);
        opacity: 0;
    }
    35%{
        background: rgba(255,255,255,.1);
        transform: translate(-50%,-50%) scale(0.5);
        opacity: 1;
    }
    56%{
        background: rgba(255,255,255,.1);
        transform: translate(-50%,-50%) scale(0.66);
        opacity: 1;
    }
    100%{
        transform: translate(-50%,-50%) scale(1);
        opacity: 1;
        background: var(--colorenvi);
    }
}
.mod-help-link{
    display: block;
}
.help-pop{
    position: absolute;
    white-space: nowrap;
    top: 50%;
    right: 20px;
    border-radius: 80px;
    /* border: 1px solid #FFF; */
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    padding: 8px 42px 8px 12px;
    width: 280px;
    transition: all .4s ease-in-out;
    transform: translateY(-50%) scale(1,1);
    transform-origin: right center;
}
.help-pop-close{
    width: 16px;
    cursor: pointer;
    margin-right: 8px;
    font-size: 0;
    position: relative;
    z-index: 10;
}
.help-pop-close img{
    width: 100%;
}
.help-pop-text,
.help-pop-text a{
   line-height: var(--l1h8);
   color: var(--colorfff); 
   position: relative;
   z-index: 10;
}
.mod-help.help-close .help-pop{
    transform: translateY(-50%) scale(0,1);
}
.home-promote{
    padding-top: var(--space1);
    position: relative;
}
.home-promote-bg{
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
}
.home-promote-bg img{
    width: 100%;
    position: sticky;
    top: var(--headx);
    height: calc(100vh - var(--headx));
}
.home-promote .ys-cont1328{
    position: relative;
    z-index: 10;
}
.home-promote .std-title2{
    font-weight: 600;
    text-align: center;
    width: 21em;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: var(--space40);
}
.home-promote .std-title5,
.home-promote .std-title5 p{
    color: rgba(110,118,118,.6);
    line-height: var(--l1h6);
    text-align: center;
}
.home-promote .std-title5{
    width: 40.2em;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: var(--space60);
    letter-spacing: 0.05em;
}
.home-promote-inof{
    --jian: 80px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--jian) * -1);
}
.home-promote-inof-nub{
    width: 25%;
    flex-grow: 1;
    padding: 0 var(--jian);
}
.hpin-data{
    border-top: 1px solid rgba(0, 99, 178, 0.20);
    padding-top: 8px;
}
.scroll-data{
    font-size: 56px;
    line-height: var(--l1h2);
    background: linear-gradient(101deg, #ff0844 0%, #ffb199 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hpin-data-num i{
    font-size: var(--font16);
    line-height: var(--l1h8);
    background: linear-gradient(101deg, #ff0844 0%, #ffb199 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 8px;
    font-style: normal;
}
.hpin-data-num{
    text-align: center;
    margin-bottom: 4px;
}
.hpin-data .std-text1{
    text-align: center;
    color: rgba(14,26,27,.6);
    line-height: var(--l1h6);
    letter-spacing: 0.05em;
}
.home-become-text{
    width: 48.75%;
}
.home-become-text .std-title2{
    font-weight: 600;
    margin-bottom: var(--space40);
    width: 100%;
    text-align: left;
}
.home-become-text .std-text1{
    width: 78%;
    margin-bottom: var(--space60);
}
.home-become-text .std-text1,
.home-become-text .std-text1 p{
    color: rgba(14,26,27,.6);
    line-height: var(--l1h8);
    letter-spacing: 0.05em;
}
.home-become-text .std-text1 span{
    font-weight: 700;
}
.home-become {
    position: relative;
    z-index: 10;
    display: flex;
}
.home-promote,.home-become{
    min-height: calc(100vh - var(--headx));
}
.std-btnt1 .std-btn1-link {
    height: 50px;
    min-width: 180px;
}
.std-btnt1 .std-btn1-link .std-text18{
    font-size: var(--font16);
    letter-spacing: 0.05em;
}
.std-btnt1 .std-btn1-quan{
    transform: scale(0.67);
}
.home-become-text .std-btn1{
    justify-content: flex-start;
}
.home-become .ys-cont1600{
    display: flex;
    align-items: center;
}
.home-creat{
    position: relative;
}
.home-explore{
    position: relative;
    background: var(--colorf9);
}
.home-explore-top{
    height: calc(100vh - var(--headx));
    position: relative;
}
.explore-bg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.explore-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: rotate(180deg);
}
.explore-mouse{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    margin: 0 auto;
}
.explore-mouse img{
    width: 100%;
}
.explore-title{
    font-size: 54px;
    color: var(--colortitle);
    line-height: var(--l1h2);
    font-weight: 600;
    text-align: center;
    margin-bottom: 32px;
    letter-spacing: 0.05em;
}
.explore-title span{
    background: linear-gradient(101deg, #ff0844 0%, #ffb199 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: inherit;
    position: relative;
    line-height: var(--l1h3);
}
.explore-title i{
    font-style: normal;
}
.explore-title span::before{
    content: '';
    border-radius: 4px;
    height: 2px;
    position: absolute;
    width: 130px;
    right: 2px;
    background: linear-gradient(101deg, #ff0844 0%, #ffb199 100.57%);
    background: linear-gradient(101deg, #ff0844 0%, #ffb199 100.57%);
    mix-blend-mode: multiply;
    bottom: 0;
}
.home-explore-top-text{
    position: relative;
    z-index: 10;
}
.home-explore-top-text .std-title5,
.home-explore-top-text .std-title5 p{
    color: rgba(14,26,27,.6);
}
.home-explore-top-text .std-title5{
    width: 88.33%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: var(--space50);
    letter-spacing: 0.05em;
}
.home-explore-top{
    position: relative;
}
.home-explore-top-text{
    height: calc(100vh - var(--headx));
    display: flex;
    align-items: center;
}
.home-explore-zhen{
    width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.home-explore-zhen img{
    width: 100%;
}
.explore-mouse-scroll-icon{
    width: 40px;
    margin: 0 auto;
    margin-bottom: 12px;
}
.explore-mouse-scroll .std-text1{
    text-align: center;
    color: var(--colorenvi);
    line-height: var(--l1h6);
    letter-spacing: 0.05em;
}
.explore-mouse-scroll{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.home-need{
    padding-top: var(--space100);
    padding-bottom: var(--space100);
}
.home-service{
    background: var(--colorf9);
    padding-top: var(--space1);
    padding-bottom: var(--space1);
}
.home-need .std-title2,
.home-service .std-title2,
.home-news .std-title2{
    margin-bottom: var(--space50);
    font-weight: 600;
    position: relative;
    z-index: 10;
}
.home-news{
    padding-top: var(--space1);
    padding-bottom: var(--space1);
}
.mod-call{
    position: relative;
    padding-top: var(--space90);
    padding-bottom: var(--space90);
}
.mod-call .std-title2{
    margin-bottom: 24px;
    text-align: center;
    color: var(--colorfff);
    font-weight: 600;
}
.mod-call .std-text18,
.mod-call .std-text18 p{
    color: var(--colorfff);
    line-height: var(--l1h8);
    text-align: center;
}
.mod-call .std-btn1{
    margin-top: var(--space40);
}
.mod-call .ys-cont1200{
    position: relative;
    z-index: 8;
}
.mod-call-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mod-call-bg img,
.mod-call-bg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.std-btn1-link{
    background: transparent;
}
.std-btn1-link::before{
    content: '';
    width: calc(100% - 1px);
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: var(--colorenvi);
    border-radius: 80px;
}
.mod-call-bg::before{
    content: '';
    background:rgba(0, 40, 43, 0.40);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; 
    z-index: 2;
}
.footer-other{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.footer-other-link-inof{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
}
.foli-nub{
    padding: 0 var(--jian);
}
.foli-nub-link-icon{
    width: 24px;
    margin-left: 16px;
}
.foli-nub-link .std-text1{
    color: var(--colorenvi);
    line-height: var(--l1h7);
    transition: all .4s ease;
}
.foli-nub-link-icon img{
    transform: scale(1)!important;
}
.foli-nub-link{
    display: flex;
    align-items: center;
    border-radius: 80px;
    border: 1px solid var(--colorenvi);
    min-width: 180px;
    justify-content: center;
    height: 40px;
    transition: all .4s ease;
}
.footer-other-link-name{
    color: rgba(14,26,27,.5);
    line-height: var(--l1h7);
    margin-bottom: 6px;
}
.ys-imgbox-cover img:nth-child(n+3) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.foli-nub-link-icon img:nth-of-type(3){
    opacity: 0;
}
.ys-imgbox-cover img{
    transition: all .4s ease;
}
.fosn-link{
    width: 32px;
    display: block;
}
.fosn-link .ys-imgbox-cover{
    width: 100%;
}
.footer-other-share{
    --jian: 20px;
    display: flex;
    margin: 0 calc(var(--jian) * -1);
}
.footer-other-share-nub{
    padding: 0 var(--jian);
}
.fosn-link img{
    transform: scale(1)!important;
}
.footer-other{
    padding-bottom: 20px;
}
.footer-copy{
    border-top: 1px solid rgba(0,0,0,.2);
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.footer-copy-inof{
    --jian: 20px;
    display: flex;
    margin: 0 calc(var(--jian) * -1);
}
.footer-copy-inof-nub{
    padding: 0 var(--jian);
}
.footer-copy-inof-nub a{
    color: rgba(14,26,27,.4);
    line-height: var(--l1h6);
    text-decoration: underline;
    font-size: 12px;
    transition: all .4s ease;
    letter-spacing: 0.05em;
}
.footer-copy-text{
    --jian: 10px;
}
.footer-copy-text span,
.footer-copy-text a{
    padding: 0 var(--jian);
}
.footer-copy-text a{
    text-decoration: underline;
}
.footer-copy-text,
.footer-copy-text span,
.footer-copy-text a{
    color: rgba(14,26,27,.4);
    line-height: var(--l1h6);
    font-size: 12px;
    transition: all .4s ease;
}
.footer-copy-text p{
    margin: 0 calc(var(--jian) * -1);
}
.home-news .std-btn1{
    justify-content: flex-start;
}
.home-service-inof{
    --jian: 35px;
    margin: 0 calc(var(--jian) * -1);
}
.home-service-inof-nub{
    padding: 0 var(--jian);
}
.hsin-core{
    border-radius: 10px;
    background: var(--colorfff);
    box-shadow: 0px 4px 24px 4px rgba(0, 74, 153, 0.10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.hsin-ctl-nub-icon{
    width: 24px;
    position: relative;
    top: 4px;
}
.hsin-ctl-nub{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.hsin-ctl-nub:last-child{
    margin-bottom: 0;
}
.hsin-ctl-nub .std-title5{
    width: calc(100% - 24px);
    padding-left: 44px;
    line-height: var(--l1h6);
    color: var(--colorenvi);
    position: relative;
    letter-spacing: 0.05em;
}
.hsin-ctl-nub .std-title5::before{
    content: '';
    height: 1px;
    width: 12px;
    position: absolute;
    top: 16px;
    background: var(--colorenvi);
    left: 16px;
}
.hsin-core-text-data{
    --jian: 40px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    flex-wrap: wrap;
}
.hsin-ctd-nub{
    padding: 0 var(--jian);
    width: 50%;
}
.hsin-core-img{
    width: 62.5%;
}
.hsin-core-text{
    width: 37.5%;
    position: relative;
    z-index: 10;
}
.hsin-core{
    display: flex;
}
.hsin-core-text-bg{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.hsin-core-text-bg img{
    height: 100%;
    max-width: none;
}
.hsin-core-text .std-title3,
.hsin-core-text-data{
    position: relative;
    z-index: 10;
}
.hsin-core-text .std-btn1{
    justify-content: flex-start;
    margin-top: var(--space80);
}
.hsin-core-text .std-btnt1 .std-btn1-link{
    min-width: 200px;
}
.hsin-ctd-nub .std-title3{
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: 1px solid rgba(14,26,27,.2);
    font-weight: 600;
}
.hsin-ctd-nub .std-text14{
    text-align: right;
    color: rgba(14,26,27,.5);
}
.hsin-title{
    color: #272727;
    line-height: var(--l1h3);
    margin-bottom: 33px;
    letter-spacing: 0.05em;
}
.hsin-core-text-lie{
    margin-bottom: var(--space60);
}
.hsin-core-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 101px;
}
.hsin-core-text-data{
    margin-right: -70px;
}
.home-service-inof-nub:not(:first-child){
    display: none;
}
.home-service-inof .slick-list,
.home-news-inof .slick-list{
    padding: var(--space50) 0;
    margin: calc(var(--space50) * -1) 0;
}
.home-service-inof-nub:not(:first-child){
    display: none;
}
.home-service-inof .slick-list{
    overflow: visible;
}
.home-service{
    overflow: hidden;
}
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next{
    width: 40px;
    height: 40px;
    z-index: 10;
    /* content: ''; */
}
/* .mod-arrows1 .slick-next{
    background-image: url(../image/a1_icon_19.svg);
} */
.mod-arrows1 .slick-prev::before,
.mod-arrows1 .slick-next::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* border: 1px solid rgba(14,26,27,.4); */
    transition: all .4s ease;
    background-image: url(../image/a1_icon_18.svg);
    background-size: 100% 100%;
    opacity: 0;
    top: 0;
    left: 0;
}
.mod-arrows1 .slick-prev::before{
    background-image: url(../image/a1_icon_19.svg);
}
.mod-arrows1 .slick-prev::after,
.mod-arrows1 .slick-next::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* border: 1px solid rgba(14,26,27,.4); */
    transition: all .4s ease;
    background-image: url(../image/a1_icon_20.svg);
    background-size: 100% 100%;
    top: 0;
    left: 0;
}
.mod-arrows1 .slick-prev::after{
    background-image: url(../image/a1_icon_17.svg);
}
.mod-arrows1 .slick-arrow.slick-disabled::before{
    opacity: 1;
}
.mod-arrows1 .slick-arrow.slick-disabled::after{
    opacity: 0;
}
.rotate-core .mod-arrows1 .slick-next,
.home-main .mod-arrows1 .slick-next{
    right: var(--jian);
}
.rotate-core .mod-arrows1 .slick-prev,
.home-main .mod-arrows1 .slick-prev{
    left: auto;
    right: calc(var(--jian) + 80px);
}
.rotate-core .mod-arrows1 .slick-prev,
.rotate-core .mod-arrows1 .slick-next,
.home-main .mod-arrows1 .slick-prev,
.home-main .mod-arrows1 .slick-next{
    top: 0;
    transform: translateY(-100%);
}
.home-need-box{
    display: flex;
    justify-content: flex-start;
    --width1: 280px;
}
.home-need-btn{
    border-radius: 80px;
    background: var(--colorfff);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
    position: relative;
}
.home-need-btn-item{
    width: var(--width1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
    position: relative;
    z-index: 3;
}
.hnbi-icon{
    width: 32px;
    margin-right: 8px;
}
.home-need-btn{
    display: flex;
    flex-wrap: wrap;
}
.home-need-btn-item .std-text1{
    color: rgba(14,26,27,.6);
}
.prodet-two-add{
    --spacea: 120px;
}
/* b2 */
@-webkit-keyframes ysfadeInUpt {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none      
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }
}
@keyframes ysfadeInUpt {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none      
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }
}
.prodet-item{
    opacity: 0;
    pointer-events: none;
}
.prodet-item.start1{
    opacity: 1;
    pointer-events: all;
}
.prodet-item.start1.end1{
    pointer-events: none;
}
.prodet-item:last-child.start1.end1{
    opacity: 1;
    pointer-events: all;
}
@media screen and (min-width: 768px){
    .prodet-item.end1.prodet-one .mod-bread{
        animation: ysfadeInUpt .8s ease-in-out both!important;
        animation-delay: 0s;
    }
    .prodet-item:not(.end1,:last-child) .ys-fadeup1,
    .prodet-item:last-child.start1 .ys-fadeup1{
        animation: ysfadeInUp .8s ease-in-out both!important;
        animation-delay: .2s;
    }
    .prodet-item:not(.end1,:last-child) .ys-fadeup2,
    .prodet-item:last-child.start1 .ys-fadeup2 {
        animation: ysfadeInUp .8s ease-in-out both!important;
        animation-delay: 0.3s;
    }
    .prodet-item:not(.end1,:last-child) .ys-fadeup3,
    .prodet-item:last-child.start1 .ys-fadeup3 {
        animation: ysfadeInUp .8s ease-in-out both!important;
        animation-delay: 0.4s;
    }
    .prodet-item:not(.start1) .ys-fadeup1{
        animation: none .8s ease-in-out both!important;
    }
    .prodet-item:not(.start1) .ys-fadeup2 {
        animation: none .8s ease-in-out both!important;
    }
    .prodet-item:not(.start1) .ys-fadeup3 {
        animation: none .8s ease-in-out both!important;
    }
    .prodet-item.end1:not(:last-child) .ys-fadeup1{
        animation: ysfadeInUpt .8s ease-in-out both!important;
        animation-delay: .2s;
    }
    .prodet-item.end1:not(:last-child) .ys-fadeup2 {
        animation: ysfadeInUpt .8s ease-in-out both!important;
        animation-delay: 0.3s;
    }
    .prodet-item.end1:not(:last-child) .ys-fadeup3 {
        animation: ysfadeInUpt .8s ease-in-out both!important;
        animation-delay: 0.4s;
    }
}
.prodet-item{
    position: sticky;
    top: var(--headx);
    height: calc(100vh - var(--headx));
}
.prodet-two{
    display: flex;
    align-items: flex-end;
    padding-bottom: var(--space90);
}
.prodet-three .ys-cont1600{
    height: 100%;
    display: flex;
    align-items: center;
}
.prodet-four .ys-cont1600{
    align-items: center;
}
.prodet-four{
    padding-top: var(--space1);
}
/* - end */
.nybanner-cry{
    position: absolute;
    height: calc(100% - var(--headx));
    width: 100%;
    top: var(--headx);
    z-index: 10;
}
.ys-nybanner1 .nybanner-cry h1{
    font-size: var(--font80);
    color: var(--colorfff);
    text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.30);
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.05em;
}
.ys-nybanner1 .nybanner-cry p{
    font-size: var(--font24);
    line-height: var(--l1h4);
    text-align: center;
    /* font-weight: 600; */
    margin-top: 16px;
}
.ys-nybanner1 .ys-bread{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    padding-bottom: 10px;
}
.ys-nybanner .ys-bread-list a {
    color: rgba(255, 255, 255, .42);
    line-height: var(--l1h7);
}
.ys-nybanner .ys-bread-list:last-child a{
    color: rgba(255, 255, 255, .6);
}
.ys-nybanner .ys-bread-list::before {
    height: 9px;
    background: rgba(255, 255, 255, .6);
}
.product-anchor-inof{
    display: flex;
    justify-content: space-evenly;
}
.product-anchor-nub{
    width: 283px;
    margin: 0 10px;
    cursor: pointer;
    position: relative;
}
.product-anchor{
    padding-top: var(--space80);
}
.product-anchor-nub-img{
    width: 100%;
}
.product-anchor-nub .std-title5{
    padding: 12px 10px 16px;
    position: relative;
    text-align: center;
    line-height: var(--l1h3);
    color: var(--colortitle);
    transition: all .4s ease;
    letter-spacing: 0.05em;
}
.product-anchor-nub::before{
    content: '';
    height: 1px;
    width: 0%;
    background: var(--colorenvi1);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .4s ease;
}
.product-anchor-nub.on::before{
    opacity: 1;
    width: 100%;
} 
.product-anchor-nub.on .std-title5{
    color: var(--colormain);
}
.product-inof{
    padding-top: var(--space100);
}
.product-wai{
    padding-bottom: var(--space100);
}
.product-inof .std-title2{
    line-height: var(--l1h2);
    font-weight: 600;
    margin-bottom: var(--space40);
}
.solavita-video{
    position: relative;
}
.solavita-video img{
    width: 100%;
}
.solavita-video-icon{
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.20);
    border-radius: 50%;
    top: 19px;
    right: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: all .4s ease;
}
.solavita-video-icon img{
    width: 50%!important;
    height: auto!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.product-inof-big{
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.solavita-video.no-icon .solavita-video-icon{
    opacity: 0;
}
.product-inof-big .solavita-video::before{
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
    background: linear-gradient(90deg, rgba(1,6,6,1) 0%, rgba(1,6,6,0) 100%);
    z-index: 3;
}
.product-inof-big-text{
    position: absolute;
    width: 60%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 60px 120px 92px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.product-inof-big-text .std-text1{
    color: var(--colorfff);
    line-height: var(--l1h8);
    margin-bottom: 4px;
}
.product-inof-big-text .std-title2{
    color: var(--colorfff);
    line-height: var(--l1h2);
    font-weight: 600;
    margin-bottom: 8px;
    width: 9em;
}
.product-inof-big-text .std-title5{
    color: var(--colorfff);
    line-height: var(--l1h6);
    margin-bottom: var(--space40);
    width: 19em;
    letter-spacing: 0.05em;
}
.product-inof-swpro{
    display: flex;
    flex-wrap: wrap;
    --jian: 16px;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian) * -2);
    margin-top: var(--space40);
}
.product-inof-swpro-item{
    width: 25%;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}
.pisi-link{
    display: flex;
    width: 100%;
    flex-direction: column;
    border-radius: 10px;
    background: var(--colorfff);
    box-shadow: 0px 6px 24px 0px rgba(0, 64, 68, 0.10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.pisi-link-img{
    width: 100%;
}
.pisi-link-text{
    padding: 32px 34px 24px;
}
.pisi-link-text .std-title4{
    margin-bottom: 8px;
    font-weight: 600;
}
.pisi-link-text .std-text14{
    color: var(--colorenvi);
    line-height: var(--l1h8);
    margin-bottom: 59px;
}
.std-b1tn1-icon{
    width: 24px;
    margin-left: 12px;
}
.std-b1tn1-link{
    display: flex;
    align-items: center;
}
.std-b1tn1-link .std-text1{
    color: var(--colortitle);
    line-height: var(--l1h8);
    transition: all .4s ease;
}
.pibt-lie{
    --jian: 29px; 
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--jian) * -1);
    margin-top: 49px;
}
.pibt-lie-nub{
    padding: 0 var(--jian);
}
.pibt-lie-nub .std-btn1-link{
    min-width: 320px;
}
.product-inof:last-child .product-inof-big-text {
    padding: 50px 120px 8px;
}
.solavita-video .ys-ban-video{
    opacity: 0;
    transition: all .4s ease;
}
.solavita-video.no-icon .ys-ban-video{
    opacity: 1;
}
.product-custom{
    background: var(--colorf9);
    padding-top: var(--space90);
    padding-bottom: var(--space90);
}
.product-custom-cry-img{
    width: 48.88%;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.product-custom-cry-img img{
    width: 100%;
}
.product-custom-cry-text{
    width: 51.12%;
    padding-left: 117px;
}
.product-custom-cry{
    display: flex;
    align-items: center;
}
.ptii-text {
    padding-right: 110px;
    padding-left: 80px;
}
.ptii-text-lie-nub {
    margin-bottom: 18px;
}
.ptii-text-lie {
    margin-top: var(--space50);
}
.ptii-text .std-font58 {
    margin-bottom: calc(var(--space40) - 10px);
}
.ptii-tln-icon {
    width: 52px;
}
.prodet-two-text {
    width: 94%;
    margin-bottom: 40px;
}
.product-custom-cry-text .std-title2{
    font-weight: bold;
    margin-bottom: var(--space40);
}
.product-custom-cry-text .std-title5,
.product-custom-cry-text .std-title5 p{
    color: rgba(14,26,27,.6);
    line-height: var(--l1h6);
    letter-spacing: 0.05em;
}
.product-custom-cry-text .std-title5{
    margin-bottom: var(--space50);
}
.product-custom-cry-text .std-btnt1 .std-btn1-link {
    min-width: 240px;
}
.product-custom-cry-text .std-btn1 {
    justify-content: flex-start;
}
.product-custom-cry-text .std-btn2 .std-btn1-link,
.product-custom-cry-text .std-btn2 .std-btn1-link-bg1::after {
    background: var(--colorf9);
    transition: all .4s ease;
}
.product-custom-cry-text .std-btn1-link-bg1::before {
    background: linear-gradient(111deg, #19ABB6 0%, var(--colorf9) 30%, var(--colorf9) 70%, #19ABB6 100%);
    background: linear-gradient(111deg, #0063B2 0%, var(--colorf9) 30%, var(--colorf9) 70%, #0063B2 100%);
}
.std-btn2 .std-btn1-link-bg1::after {
    background: var(--colorfff);
}
.prodet-moon-video .solavita-video-icon {
    top: calc(100px + 19px);
    right: calc(18% + 22px);
}
section.prodet-moon.act .solavita-video-icon {
    top: 19px;
    right: 22px;
}
.pmbi-table-head{
    position: relative;
    z-index: 10;
}
.pmbi-table .mCSB_outside+.mCSB_scrollTools {
    right: 0px!important;
    z-index: 10;
}
.pmbi-table .mCSB_scrollTools{
    top: 60px;
    bottom: 60px;
}
.pmbi-table .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colorenvi);
}
.pmbi-table .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.prodet-solution{
    position: relative;
    overflow: hidden;
}
.prodet-solution-bg{
    position: relative;
}
.prodet-solution-bg-nub{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.prodet-solution-bg-nub.act{
    position: relative;
    opacity: 1;
    pointer-events: all;
}
.pstn-inof-item .ys-imgbox-cover{
    width: 24px;
    position: relative;
    top: 4px;
}
.pstn-inof-item{
    display: flex;
    align-items: flex-start;
}
.pstn-inof-item .std-title5{
    width: calc(100% - 24px);
    padding-left: 36px;
    position: relative;
    color: var(--colorfff);
    letter-spacing: 0.05em;
}
.pstn-inof-item .std-title5::before{
    content: '';
    left: 12px;
    width: 12px;
    top: 16px;
    height: 1px;
    position: absolute;
    background: var(--colorfff);
}
.prodet-solution-text .std-title2{
    color: var(--colorfff);
    font-weight: 600;
    margin-bottom: 36px;
    letter-spacing: 0.05em;
}
.pstn-inof-item{
    margin-bottom: 24px;
}
.pstn-inof-item:last-child{
    margin-bottom: 0;
}
.prodet-solution-text-nub .std-btn1{
    justify-content: flex-start;
    margin-top: 74px;
}
.prodet-solution-text{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.prodet-solution-text-nub{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .4s ease;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
}
.prodet-solution-text-nub.act{
    position: relative;
    opacity: 1;
    pointer-events: all;
}
.prodet-solution-btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    z-index: 10;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    -moz-backdrop-filter: blur(6px);
    -ms-backdrop-filter: blur(6px);
    -o-backdrop-filter: blur(6px);
}
.prodet-solution-btn-item{
    width: 50%;
    padding-top: 24px;
    padding-bottom: 32px;
    cursor: pointer;
}
.prodet-solution-btn::before{
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%;
    background: var(--colorfff);
}
.psbi-icon{
    width: 48px;
    margin: 0 auto;
    margin-bottom: 12px;
}
.prodet-solution-btn-item .std-text1{
    text-align: center;
    line-height: var(--l1h6);
    color: var(--colorfff);
}
.prodet-solution-btn-item{
    background: transparent;
    position: relative;
}
.prodet-solution-btn-item::before{
    content: '';
    height: 2px;
    position: absolute;
    background: #00F2FF;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    transition: all .4s ease;
    opacity: 0;
    width: 0%;
}
.prodet-solution-btn-item.on::before{
    opacity: 1;
    width: 100%;
} 
.prodet-solution-btn-item.on{
    background: transparent;
    background: rgba(255, 255, 255, .2);
} 
.prodet-related{
    padding-top: var(--space1);
    padding-bottom: var(--space100);
    background: var(--colorfff);
}
.prodet-related-inof-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.prodet-related-inof{
    --jian: 16px;
    margin: 0 calc(var(--jian) * -1);
    padding-top: var(--space40);
}
.prodet-related-inof-nub:not(:first-child){
    display: none;
}
.prin-link-img{
    width: 100%;
}
.prin-link{
    display: flex;
    flex-direction: column;
}
.prin-link-top{
    position: relative;
}
.prin-link-img{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.prin-link-text{
    padding: 32px 30px 24px;
    position: relative;
    border-radius:  0 0 10px 10px;
    z-index: 5;
}
.prin-link-text::before{
    content: '';
    height: calc(100% + 63px);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius:  0 0 10px 10px;
    background: linear-gradient(to bottom, transparent 0%, #000000 19%);
}
.prin-link-text .std-title4{
    margin-bottom: 8px;
    color: var(--colorfff);
    font-weight: 600;
    line-height: var(--l1h4);
    position: relative;
    z-index: 6;
}
.prin-link-text .std-text14{
    color: rgba(255, 255, 255, .7);
    line-height: var(--l1h8);
    margin-bottom: 59px;
    position: relative;
    z-index: 6;
    letter-spacing: 0.05em;
}
.prin-link-text .std-b1tn1{
    position: relative;
    z-index: 6;
}
.prin-link-text .std-b1tn1-link .std-text1{
    color: var(--colorfff);
}
.prodet-related .slick-list{
    overflow: visible;
}
.prodet-related .std-title2{
    font-weight: 600;
}
.prodet-related{
    overflow: hidden;
}
.prodet-case{
    background: #F9FBFB;
    padding-top: var(--space1);
    padding-bottom: var(--space100);
}
.pcci-nub-link-img{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.pcci-nub{
    width: 50%;
}
.cctu-list-cont-text{
    padding-left: 24px;
    position: relative;
}
.pcci-nub .cctu-list-cont-text{
    color: var(--colorenvi);
}
.cctu-list-cont-text::before{
    content: '';
    width: 12px;
    height: 1px;
    position: absolute;
    left: 0;
    background: var(--colorenvi);
    top: 14px;
}
.csbc-ul .cctu-list-cont-text::before{
    background: var(--colortext);
}
.cull-cont-bot1{
    --jian: 40px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    flex-wrap: wrap;
}
.cull-cont-bot1-nub{
    width: 50%;
    padding: 0 var(--jian);
}
.cull-cont-bot1-nub .std-title24{
    color: var(--colortitle);
    font-weight: 600;
    line-height: var(--l1h4);
    margin-bottom: 4px;
}
.cull-cont-bot1-nub .std-text14{
    color: rgba(14,26,27,.5);
    line-height: var(--l1h8);
}
.prodet-case-cry-inof{
    --jian: 25px;
    margin: 0 calc(var(--jian) * -1);
    padding-top: var(--space50);
}
.pcci-nub{
    padding: 0 var(--jian);
}
.pcci-nub:not(:first-child){
    display: none;
}
.prodet-case .std-title2{
    font-weight: 600;
}
.prodet-case-cry{
    padding-right: 16.875%;
    position: relative;
}
.prodet-case-cry .prodet-case-cry-inof{
    position: static;
}
.prodet-case-cry .slick-list{
    overflow: visible;
}
.pcci-nub .cull-cont-top {
    margin-bottom: 20px;
}
.prodet-case{
    overflow: hidden;
}
.prodet-learn{
    background: var(--colorfff);
    padding-top: calc(var(--space1) + 20px);
    padding-bottom: var(--space1);
}
.prodet-learn .std-title2{
    font-weight: 600;
    line-height: var(--l1h2);
    color: var(--colortitle);
}
.prodet-learn .std-title2 span{
    background: linear-gradient(101deg, #00B9EE 0%, #2CE250 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.prodet-learn .std-title2 span::before {
    content: '';
    border-radius: 4px;
    height: 2px;
    position: absolute;
    width: 100%;
    right: 2px;
    background: linear-gradient(101deg, #00B9EE 0%, #2CE250 100.57%);
    background: linear-gradient(101deg, color(display-p3 0.0729 0.7124 0.9117) 0%, color(display-p3 0.4306 0.8717 0.3923) 100.57%);
    mix-blend-mode: multiply;
    bottom: 0;
}
.prodet-learn .std-title2{
    margin-bottom: 82px;
}
.prodet-learn-rotate{
    --jian: 30px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    flex-wrap: wrap;
}
.prodet-learn-rotate-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.plrn-core{
    border-top: 1px solid rgba(108, 118, 118, 0.20);
    padding-top: 32px;
    display: flex;
    align-items: flex-start;
}
.plrn-core-icon{
    width: 64px;
}
.plrn-core-text{
    width: calc(100% - 64px);
    padding-left: 32px;
    padding-top: 2px;
    flex-grow: 1;
}
.plrn-core-text .std-title5{
    color: var(--colortitle);
    line-height: var(--l1h6);
    margin-bottom: 4px;
    font-weight: 600;
}
.plrn-core-text .std-text14{
    line-height: var(--l1h8);
    color: rgba(14,26,27,.5);
}
.plrn-core-icon img{
    transform: scale(1)!important;
}
.home-news .nsbb-list:not(:first-child){
    display: none;
}
.home-news-inof{
    --jian: 22px;
}
.news-section-btm-bot.home-news-inof{
    display: block;
}
.hnbi-icon img:nth-of-type(3){
    opacity: 0;
}
.home-need-btn-item .std-text1{
    transition: all .4s ease;
}
.home-need-btn-item.on .hnbi-icon img:nth-of-type(3){
    opacity: 1;
}
.home-need-btn-item.on .hnbi-icon img:nth-of-type(2){
    opacity: 0;
}
.home-need-btn-item.on .std-text1{
    color: var(--colorenvi);
}
.home-need-btn-zhan{
    width: calc(100% / var(--total));
    height: 100%;
    left: calc(var(--now) * calc(100% / var(--total)));
    position: absolute;
    border-radius: 50px;
    background: linear-gradient(112deg,#13B6E8,#6EDE64);
    transition: all .4s ease;
}
.home-need-btn-zhan::before{
    content: '';
    position: absolute;
    border-radius: 50px;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    background: var(--colorfff);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.home-need-all{
    position: relative;
}
.home-need-all .slick-list{
    overflow: visible;
}
.home-need{
    overflow: hidden;
}
.home-need-all .prodet-related-inof{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.home-need-all .prodet-related-inof.act{
    position: relative;
    opacity: 1;
    pointer-events: all;
}
.home-system-inof{
    display: flex;
    --jian: 10px;
}
.home-system-inof-nub{
    padding: 0 var(--jian);
}
.home-system .prodet-solution{
    border-radius: 10px;
    overflow: hidden;
}
.home-system-inof-nub{
    width: 50%;
    transition: all .4s ease;
}
.home-system-inof-nub.on{
    width: calc(50% * 2.3);
}
.home-system-old{
    position: absolute;
    text-align: center;
    padding: 0 20px;
    padding-top: var(--space100);
    color: var(--colorfff);
    font-size: 54px;
    line-height: var(--l1h3);
    font-weight: 600;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
}
.home-system .prodet-solution-bg,
.home-system .prodet-solution-bg-nub,
.home-system .prodet-solution-bg .ys-imgbox-cover,
.home-system .prodet-solution-bg img {
    height: 920px;
}
.home-system .ys-cont1600{
    width: 100%;
    padding: 0 120px;
}
.home-system .prodet-solution-bg img{
    object-fit: cover;
}
.home-system-new,
.home-system-old{
    transition: all .4s ease;
}
.home-system-inof-nub .home-system-new{
    opacity: 0;
    pointer-events: none;
}
.home-system-inof-nub.on .home-system-new{
    opacity: 1;
    pointer-events: all;
}
.home-system-inof-nub.on .home-system-old{
    opacity: 0;
    pointer-events: none;
}
.home-creat-dots-nub{
    width: 32px;
    cursor: pointer;
}
.home-creat-dots-nub img{
    width: 100%;
}
.home-creat-pop{
    width: 878px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 60;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg) translate(-50%,-50%);
    -webkit-transform: rotate(0deg) translate(-50%,-50%);
    background: var(--colorfff);
    box-shadow: 0px 0px 35.193px 0px rgba(0, 38, 106, 0.10);
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.home-creat-pop-item{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: var(--colorfff);
    box-shadow: 0px 0px 35.193px 0px rgba(0, 38, 106, 0.10);
}
.home-creat-pop-item:not(:first-child){
    display: none;
}
.home-creat-pop.on{
    opacity: 1;
    pointer-events: all;
}
.hcpi-left{
    width: 54.4%;
    padding: 40px;
}
.hcpi-right{
    width: 45.6%;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.hcpi-cry{
    display: flex;
}
.hcpi-lin-icon{
    width: 24px;
    position: relative;
    top: 1px;
}
.hcpi-left-inof-nub{
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}
.hcpi-left-inof-nub .std-text14{
    width: calc(100% - 24px);
    padding-left: 16px;
    color: var(--colortext);
    line-height: var(--l1h8);
}
.hcpi-left-inof-nub .std-text14 a{
    color: inherit;
    line-height: inherit;
    display: inline-block;
}
.hcpi-left .std-title4{
    font-weight: bold;
    color: var(--colortitle);
    margin-bottom: 20px;
}
.hcpi-left-inof{
    margin-bottom: var(--space40);
}
.hcpi-city{
    --jian: 20px;
    --jian2: 24px;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian2) * -1);
    display: flex;
    flex-wrap: wrap;
}
.hcpi-city-nub{
    width: 50%;
    padding: 0 var(--jian);
    margin-bottom: var(--jian2);
}
.hcpi-city-nub .std-title5{
    line-height: var(--l1h7);
    color: var(--colortitle);
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(14,26,27,.2);
    margin-bottom: 7px;
    text-align: left;
}
.hcpi-city-nub .std-text14{
    color: rgba(14,26,27,.5);
    text-align: right;
    line-height: var(--l1h8);
}
.hcpi-close{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    z-index: 20;
    cursor: pointer;
}
.home-main .mod-arrows1.home-creat-pop .slick-prev,
.home-main .mod-arrows1.home-creat-pop .slick-next {
    top: auto;
    bottom: 40px;
    transform: translateY(0);
}
.home-main .mod-arrows1.home-creat-pop .slick-prev{
    left: 40px;
    right: auto;
}
.home-main .mod-arrows1.home-creat-pop .slick-next{
    right: auto;
    left: 120px;
}
.ys-ban-li.slick-active .ys-ban-title{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
    letter-spacing: 0.05em;
}
.ys-ban-li.slick-active .std-title4{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.5s;
}
.ys-ban-li.slick-active .std-btn3{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.6s;
}
.h1lbi-link-icon{
    width: 20px;
}
.h1lbi-link{
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.h1lbi-link-text{
    padding-left: 12px;
    white-space: nowrap;
    font-size: var(--font16);
    line-height: var(--l1h6);
    color: var(--colortext);
    transition: all .4s ease;
}
.head1-language-bot-item.on .h1lbi-link-text{
    color: var(--colorenvi);
}
.head1-language{
    position: relative;
}
.head1-language-bot{
    border-radius: 10px;
    background: var(--colorfff);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    box-shadow: 0px 6px 6px 0px rgba(0, 99, 178, 0.20);
    display: none;
}
.yx-search3xlbox{
    width: 100%;
    height: 350px;
    background:rgba(255, 255, 255, 1);
    box-shadow:0 5px 13px rgba(35, 50, 64, 0.13);
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
}
.yx-search3-tbox{
    width: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: var(--head);
    border-bottom: 1px solid #666;
}
.yx-search3xlbtn{
    width: 27px;
    line-height: var(--head);
}
.yx-search3xlbtn img{
    width: 100%;
    transition: all .36s;
}
.yx-search3-xls  {
    width: calc(100% - 27px);
    padding-right: 20px;
}
.yx-search3-xls input{
    font-size: 16px;
    line-height: 3.75;
    color: #666;
    width: 100%;
    transition: all .36s;
}
.yx-search3-xls input::placeholder{
    color: #666;
}
.yx-search3-btn.on .yx-search3img2{
    opacity: 1;
}
.yx-search3-btn.on .yx-search3img1{
    opacity: 0;
}
.mod-head1{
    position: relative;
}
.hnid1-inof-nub .ys-imgbox-cover{
    width: 48px;
    margin: 0 auto;
    margin-bottom: 4px;
}
.head-nav-item-down1{
    padding: 30px 0;
}
.hnid1-inof{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    --jian: 60px;
    margin: 0 calc(var(--jian) * -1);
}
.hnid1-inof-nub{
    padding: 0 var(--jian);
}
.hnid1-inof-nub .std-text1{
    text-align: center;
    color: var(--colortitle);
    transition: all .4s ease;
}
.hnid1-inof-nub.yxnav-active2 .std-text1{
    color: var(--colormain);
}
.head-nav-item {
    position: static!important;
}
.mod-head2{
    position: relative;
}
.head-nav-item-down{
    width: calc(100% + 2px);
    box-shadow: 0px 2px 12px 0px rgba(0, 64, 68, 0.10) inset, 0px 2px 12px 0px rgba(0, 64, 68, 0.10);
}
.head-nav-item-down1 .ys-cont1600{
    display: flex;
    justify-content: center;
}
.hnid2-cry-left{
    width: calc(348px + 50vw - 700px);
    background: #F7F7F7;
    padding-left: calc(50vw - 700px);
    padding-top: 40px;
    padding-bottom: 30px;
}
.hnid2-cln-nub-link{
    display: flex;
    align-items: center;
    padding: 12px 40px;
    transition: all .4s ease;
    position: relative;
}
.hnid2-cln-nub{
    margin-bottom: 12px;
}
.hnid2-cln-nub-link .ys-imgbox-cover{
    width: 48px;
}
.hnid2-cry-right{
    width: calc(100% - calc(348px + 50vw - 700px));
    position: relative;
}
.hnid2-cry-right-nub{
    padding: 40px calc(50vw - 700px - 60px) 40px 80px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.hnid2-cry-right-nub.act{
    position: relative;
    display: block;
    opacity: 1;
    pointer-events: all;
}
.hnid2-crnt-three{
    width: 25%;
    padding: 0 var(--jian);
    margin-bottom: var(--jian2);
}
.hnid2-crn-third{
    display: flex;
    flex-wrap: wrap;
    --jian: 10px;
    --jian2: 30px;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian2) * -1);
}
.hnid2-crnt-three .ys-imgbox-cover{
    width: 100%;
    margin-bottom: 14px;
}
.hnid2-crnt-three .std-text1{
    color: var(--colortitle);
    transition: all .4s ease;
}
.hnid2-cry{
    display: flex;
}
.hnid2-cln-nub.yxnav-active2 .std-text18{
    color: var(--colorenvi);
}
.head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colorenvi);
}
.cmcu-item-text.on span::after {
    opacity: 1;
}
.isfu-list-top-img img{
    transform: scale(3.3125);
}
.wrul-top{
    cursor: pointer;
}
.isfu-list-bot-more .std-btn1{
    justify-content: flex-start;
}
.faqs-section,
.touch-section{
    position: relative;
}
.touch-section{
    padding-bottom: var(--space100);
}
.nstc-link-ri .std-btn1{
    justify-content: flex-start;
}
.news-section-btm-top{
    position: relative;
    z-index: 10;
}
.csbc-top-link .std-btn1{
    justify-content: flex-start;
}
.csbc-top-loc .std-title5{
    padding-left: 24px;
    position: relative;
}
.csbc-top-loc .std-title5::before{
    content: '';
    height: 1px;
    width: 12px;
    background: var(--colorfff);
    position: absolute;
    left: 0;
    top: 16px;
}
.ys-hd-pc{
    background: transparent;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    transition: all .4s ease;
}
.mod-head1 {
    background: transparent;
    transition: all .4s ease;
}
.mod-head123 {
    background: transparent;
    transition: all .4s ease;
}
.head1-inof-nub-link,
.head1-language-top-text{
    color: var(--colorfff);
    transition: all .4s ease;
}
.mod-head1 .ys-imgbox-cover img:nth-of-type(2){
    opacity: 0;
}
.mod-head123 .ys-imgbox-cover img:nth-of-type(2){
    opacity: 0;
}
.head1-language+.head1-search .head1-search-icon::before{
    background: var(--colorfff);
}
.head-logo img:nth-of-type(2){
    opacity: 0;
}
.head-nav-item-title{
    color: var(--colorfff);
}
.ys-hd-pc.isfixed,
.ys-hd-pc.ishover,
.inside-main.act .ys-hd-pc{
    background: var(--colorfff);
    box-shadow: 0px 2px 12px 0px rgba(0, 64, 68, 0.10);
}
.ys-hd-pc.isfixed .mod-head1,
.ys-hd-pc.ishover .mod-head1,
.inside-main.act .mod-head1{
    background: #ffffff;
}
.ys-hd-pc.isfixed .mod-head123,
.ys-hd-pc.ishover .mod-head123,
.inside-main.act .mod-head123{
    background: #ffffff00;
}
.ys-hd-pc.isfixed .mod-head2,
.ys-hd-pc.ishover .mod-head2,
.inside-main.act .mod-head2{
    background: var(--colorfff);
}
.ys-hd-pc.isfixed .head1-inof-nub-link,
.ys-hd-pc.ishover .head1-inof-nub-link,
.inside-main.act .head1-inof-nub-link,
.ys-hd-pc.isfixed .head1-language-top-text,
.ys-hd-pc.ishover .head1-language-top-text,
.inside-main.act .head1-language-top-text{
    color: rgba(14, 26, 27, .6);
}
.ys-hd-pc.isfixed .mod-head1 .ys-imgbox-cover img:nth-of-type(2),
.ys-hd-pc.ishover .mod-head1 .ys-imgbox-cover img:nth-of-type(2),
.inside-main.act .mod-head1 .ys-imgbox-cover img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .mod-head123 .ys-imgbox-cover img:nth-of-type(2),
.ys-hd-pc.ishover .mod-head123 .ys-imgbox-cover img:nth-of-type(2),
.inside-main.act .mod-head123 .ys-imgbox-cover img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .mod-head1 .ys-imgbox-cover img:nth-of-type(3),
.ys-hd-pc.ishover .mod-head1 .ys-imgbox-cover img:nth-of-type(3),
.inside-main.act .mod-head1 .ys-imgbox-cover img:nth-of-type(3){
    opacity: 0;
}
.ys-hd-pc.isfixed .mod-head123 .ys-imgbox-cover img:nth-of-type(3),
.ys-hd-pc.ishover .mod-head123 .ys-imgbox-cover img:nth-of-type(3),
.inside-main.act .mod-head123 .ys-imgbox-cover img:nth-of-type(3){
    opacity: 0;
}
.ys-hd-pc.isfixed .head1-language+.head1-search .head1-search-icon::before,
.ys-hd-pc.ishover .head1-language+.head1-search .head1-search-icon::before,
.inside-main.act .head1-language+.head1-search .head1-search-icon::before {
    background: rgba(14, 26, 27, .2);
}
.ys-hd-pc.isfixed .head-logo img:nth-of-type(2),
.ys-hd-pc.ishover .head-logo img:nth-of-type(2),
.inside-main.act .head-logo img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .head-logo img:first-child,
.ys-hd-pc.ishover .head-logo img:first-child,
.inside-main.act .head-logo img:first-child{
    opacity: 0;
}
.ys-hd-pc.isfixed .head-nav-item-title,
.ys-hd-pc.ishover .head-nav-item-title,
.inside-main.act .head-nav-item-title {
    color: var(--colortitle);
}
.yx-search3img2{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.yx-search3img2{
    opacity: 0!important;
}
.yx-search3-btn.on .yx-search3img2 {
    opacity: 1!important;
}
.h1lbi-link-icon img{
    opacity: 1!important;
}
.ys-imgbox-contain img, .ys-imgbox-cover img{
    transition: all .4s ease;
}
.mod-head2{
    position: relative;
    z-index: 3;
    transition: all .4s ease;
}
.mod-head2::before{
    content: '';
    height: 1px;
    width: 1600px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255,255,255,.2);
}
.ys-hd-pc::before{
    content: '';
    position: absolute;
    height: calc(100% + 18px);
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.4;
    background: linear-gradient(180deg, #070C0C 0%, transparent 100%);
    transition: all .4s ease;
}
.ys-hd-pc.isfixed::before,
.ys-hd-pc.ishover::before,
.inside-main.act .ys-hd-pc::before {
    opacity: 0;
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title,
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title,
.inside-main.act .head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colorenvi);
}
.head-nav-item-title::before{
    content: '';
    height: 2px;
    width: 30px;
    position: absolute;
    border-radius: 1px;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colormain);
    opacity: 0;
    transition: all .4s ease;
}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::before,
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title::before,
.inside-main.act .head-nav-item.yxnav-active1 .head-nav-item-title::before{
    opacity: 1;
}
.head1-language-bot{
    border: 1px solid rgba(14,26,27,.1);
}
.head1-language-bot-item{
    border-bottom: 1px solid rgba(14,26,27,.1);
}
.head1-language-bot-item:last-child{
    border-bottom: 0;
}
.h1lbi-link{
    transition: all .4s ease;
}
.yx-search3xlbox{
    --head: 50px;
}
.head1-language-top-jian{
    transition: all .4s ease;
}
.head1-language.on .head1-language-top-jian{
    transform: rotate(180deg);
}
.hnid1-inof-nub img{
    transform: scale(1)!important;
}
.hnid1-inof.act1 .hnid1-inof-nub.yxnav-active2.on1 .std-text1,
.hnid1-inof.act1 .hnid1-inof-nub.on1 .std-text1{
    color: var(--colormain);
}
.hnid1-inof.act1 .hnid1-inof-nub.yxnav-active2 .std-text1 {
    color: var(--colortitle);
}
.hnid2-cln-nub-link .std-text18{
    width: calc(100% - 48px);
    padding-left: 16px;
    color: #0A1B1B;
    font-weight: 600;
    transition: all .4s ease;
    letter-spacing: 0.05em;
}
.hnid2-cln-nub-link img{
    transform: scale(1)!important;
}
.hnid2-cln-nub.yxnav-active2 .hnid2-cln-nub-link{
    background: var(--colorfff);
}
.hnid2-cln-nub-link::before{
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: var(--colormain);
    opacity: 0;
    transition: all .4s ease;
}
.hnid2-cln-nub.yxnav-active2 .hnid2-cln-nub-link::before{
    opacity: 1;
}
.hnid2-cry-left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hnid2-cry.act1 .hnid2-cln-nub.yxnav-active2 .hnid2-cln-nub-link::before{
    opacity: 0;
}
.hnid2-cry.act1 .hnid2-cln-nub.on1 .hnid2-cln-nub-link::before,
.hnid2-cry.act1 .hnid2-cln-nub.on1.yxnav-active2 .hnid2-cln-nub-link::before{
    opacity: 1;
}
.hnid2-cry.act1 .hnid2-cln-nub.yxnav-active2 .hnid2-cln-nub-link{
    background: transparent;
}
.hnid2-cry.act1 .hnid2-cln-nub.on1 .hnid2-cln-nub-link,
.hnid2-cry.act1 .hnid2-cln-nub.on1.yxnav-active2 .hnid2-cln-nub-link{
    background: var(--colorfff);
}
.hnid2-cry.act1 .hnid2-cln-nub.yxnav-active2 .std-text18{
    color: #0A1B1B;
}
.hnid2-cry.act1 .hnid2-cln-nub.on1 .std-text18,
.hnid2-cry.act1 .hnid2-cln-nub.on1.yxnav-active2 .std-text18 {
    color: var(--colorenvi);
}
.head-other .hnid2-cry-left .std-btn1 {
    margin-right: 24px;
    width: calc(100% - 24px);
    margin-left: 0;
}
.head-other .hnid2-cry-left .std-btn1-link{
    width: 100%;
}
.hnid2-cry-right{
    height: 500px;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(108, 118, 118, 0.20);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #0063b2;
}
.hnid2-cry-right .mCSB_scrollTools .mCSB_draggerContainer{
    top: 40px;
    bottom: 40px;
}
.hnid2-cry-right .mCSB_scrollTools{
    right: 86px;
}
.ys-banner .ys-ban-txtbox.ys-pos-center{
    top: calc(50% + var(--headx) / 2);
}
.ys-ph-navbar4 .ys-phnav-menu {
    background: var(--colorfff);
    color: var(--colortitle);
}
.ys-ph-navbar4 .ys-ph-nav .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav a{
    color: var(--colortitle);
}
.ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a, .ys-ph-navbar4 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-navbar4 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colormain);
}
.ys-phnav3-lang-hd{
    border-top: 0;
}
.ys-phnav3-lang-hd .ys-phnav-header-font, .ys-phnav3-lang-hd a {
    font-size: 14px;
}
.mysola-ban{
    position: relative;
}
.mysola-bg{
    width: 1600px;
    height: calc(100vh - var(--headx));
    position: sticky;
    top: var(--headx);
    left: calc(50vw - 800px);
}
.mysola-bg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mysola-big{
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    height: calc(100vh - var(--headx));
    display: flex;
    justify-content: center;
}
.mysola-big-img{
    height: 307px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    top: calc(calc(100vh - var(--headx)) / 2 - 153.5px);
    /* overflow: hidden; */
}
.mysola-big-img img{
    height: 100%;
    object-fit: contain;
}
.mysola-big-img span{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
}
.mysola-big-img::before,
.mysola-big-img::after{
    content: '';
    height: calc(50vh - 103px);
    width: 1700px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colorfff);
}
.mysola-big-img::before{
    top: calc(100% - 2px);
}
.mysola-big-img::after{
    bottom: calc(100% - 2px);
}
.mysola-big-img span::before,
.mysola-big-img span::after{
    content: '';
    position: absolute;
    height: 120%;
    top: 50%;
    transform: translateY(-50%);
    background: var(--colorfff);
    width: calc(calc(1700px - 100%) / 2);
}
.mysola-big-img span::before{
    left: calc(100% - 1px);
}
.mysola-big-img span::after{
    right: calc(100% - 1px);
}
.mod-call,
.ys-footer{
    position: relative;
    z-index: 10;
}
.mysola-other{
    background: var(--colorfff);
    position: relative;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: var(--space1);
}
.mysola-other .std-title2{
    font-weight: 600;
    line-height: var(--l1h2);
    text-align: center;
    margin-bottom: var(--space40);
}
.mysola-other .std-title5,
.mysola-other .std-title5 p{
    text-align: center;
    color: var(--colortext);
    line-height: var(--l1h6);
}
.mysola-other .std-title5{
    margin-bottom: var(--space40);
    letter-spacing: 0.05em;
}
.mysola-other-box .std-btn1-link .std-btn1-link-bg1::after {
    background: var(--colorfff)!important;
}
.mysola-other-box .std-btn1-link {
    height: auto;
    min-width: auto;
    flex-wrap: wrap;
    flex-direction: column;
    box-shadow: 0px 8px 24px 0px rgba(0, 99, 178, 0.10), 0px 8px 16px 0px rgba(0, 99, 178, 0.04), 0px 2px 6px 0px rgba(0, 99, 178, 0.03);
}
.mysola-other-box .std-title5{
    position: relative;
    z-index: 6;
    text-align: center;
    color: var(--colorenvi);
    line-height: var(--l1h6);
    margin-bottom: 12px;
}
.mysola-other-box .std-btn1-link{
    padding: 16px 100px;
}
.mysola-load{
    display: flex;
    flex-wrap: wrap;
    --jian: 12px;
    margin: 0 calc(var(--jian) * -1);
    position: relative;
    z-index: 6;
}
.mysola-load-item{
    padding: 0 var(--jian);
    width: 56px;
}
.mysola-load-item img{
    transform: scale(1)!important;
}
.mysola-load-item .ys-imgbox-cover{
    width: 100%;
}
.mysola-load-item a{
    display: block;
}
.mysola-other-box .std-btn1-link::after {
    opacity: 0!important;
}
.mysola-other-box .std-btn1-link-bg1::before {
    opacity: 1!important;
}
.mysola-uitra-cry{
    width: 100%;
}
.mysola-uitra .std-title2{
    text-align: center;
    margin-bottom: 32px;
    color: var(--colortitle);
    font-weight: 600;
}
.mysola-uitra-cry .std-title5,
.mysola-uitra-cry .std-title5 p{
    color: var(--colortext);
    line-height: var(--l1h6);
    text-align: center;
    letter-spacing: 0.05em;
}
.mysola-uitra-cry .std-title5{
    padding: 0 30px;
}
.mysola-uitra-cry .std-title5{
    margin-bottom: 60px;
}
.mysola-uitra{
    position: relative;
    z-index: 10;
}
.mysola-uitra-cry-img{
    width: 88.33%;
    margin: 0 auto;
    position: relative;
}
.mysola-uitra-cry-img img{
    width: 100%;
}
/* .muci-video1{
    position: sticky;
    width: 100%;
    height: calc(100vh - var(--headx));
    top: var(--headx);
} */
.muci-video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mysola-uitra-wai{
    position: absolute;
    height: calc(100% - 100px);
    width: 100%;
}
.mysola-uitra-zhan{
    height: 60vh;
}
.muci-video {
    position: absolute;
    width: 24.9%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16.714%;
    /* background: #f00; */
    border-radius: 50%;
    height: 38.04%;
    overflow: hidden;
}
.mysola-uitra-cry{
    display: flex;
    flex-direction: column;
    /* justify-content: center;
    align-items: center; */
}
.mysola-uitra-cry-img>img{
    position: relative;
    z-index: 2;
}
.mysola-uitra-cry{
    position: sticky;
    width: 100%;
    height: calc(100vh - var(--headx));
    top: var(--headx);
}
.mysola-uitra-zhan1{
    height: 100vh;
}
.muci-video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.mysola-uitra-two-cry{
    display: flex;
    align-items: center;
    --img: 344px;
}
.mutc-img{
    width: var(--img);
}
.mutc-title,
.mutc-other{
    width: calc(calc(100% - var(--img)) / 2);
}
.mutc-title .std-title2{
    color: var(--colortitle);
    line-height: var(--l1h2);
    font-weight: 600;
    padding: 0 60px;
}
.mutc-other{
    padding-left: 80px;
    padding-right: 10px;
}
.mutc-other .std-title5,
.mutc-other .std-title5 p{
    color: var(--colortext);
}
.mutc-other .std-title5{
    margin-bottom: 30px;
    letter-spacing: 0.05em;
}
.mutc-oin-link{
    display: block;
    border: 1px solid rgba(166,166,166,1);
    border-radius: 8px;
    overflow: hidden;
}
.mutc-oin-link img{
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.mutc-other-inof{
    --jian: 10px;
    margin: 0 calc(var(--jian) * -1) calc(var(--jian) * -2);
    display: flex;
    flex-wrap: wrap;
    padding-right: 58px;
}
.mutc-other-inof-nub{
    height: 40px;
    padding: 0 var(--jian);
    margin-bottom: calc(var(--jian) * 2);
}
.mysola-feature  .mfii-sub{
    color: var(--colorenvi);
    line-height: var(--l1h6);
    text-align: center;
    margin-bottom: 12px;
    letter-spacing: 0.05em;
}
.mysola-feature .std-title2{
    line-height: var(--l1h2);
    text-align: center;
    font-weight: 600;
    margin-bottom: 32px;
    color: var(--colortitle);
}
.mfii-text,
.mfii-text p{
    color: var(--colortext);
    line-height: var(--l1h6);
    text-align: center;
    letter-spacing: 0.05em;
}
.mfii-text{
    margin-bottom: 60px;
}
.mfii-video{
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}
.mfii-wai{
    position: relative;
}
.mfii-wai-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}
.mfii-wai-arrow1{
    left: -20px;
    transform: translate(-100%,-50%);
}
.mfii-wai-arrow2{
    right: -20px;
    transform: translate(100%,-50%);
}
.mfii-wai-arrow .ys-imgbox-cover{
    width: 28px;
    font-size: 0;
}
.mfii-num{
    border-radius: 50%;
    border: 1px solid #6A7676;
    font-size: var(--font20);
    text-align: center;
    color: #6A7676;
    width: 40px;
    height: 40px;
    line-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mfii-wai-arrow1 .mfii-num{
    margin-right: 20px;
}
.mfii-wai-arrow2 .mfii-num{
    margin-left: 20px;
}
.mfii-wai-arrow1 .ys-imgbox-cover{
    transform: rotate(180deg);
}
.mfii-wai-arrow img:first-child{
    opacity: 0;
}
.mysola-feature-inof-item{
    padding-top: 32px;
}
.mfii-line{
    width: 7px;
    margin: 0 auto;
    margin-bottom: 32px;
}
.mysola-feature-inof-item:first-child .mfii-line img{
    content: url(../image/b3_linea2.svg);
}
.mysola-feature{
    padding-bottom: var(--space100);
}
.mysola-main .prodet-related{
    background: #F9FBFB;
}
.industry-main .prodet-learn{
    background: var(--colorf9);
}
.industry-main .prodet-case{
    background: var(--colorfff);
}
.industry-ban{
    position: relative;
}
.industry-ban-text{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 6;
    padding-bottom: var(--space100);
}
.industry-ban-text .ys-cont1600{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.industry-ban-text .std-title2{
    font-weight: 600;
    line-height: var(--l1h2);
    color: var(--colorfff);
    width: 50%;
    padding-right: 180px;
}
.industry-ban-text-inof{
    width: calc(50% + calc(var(--jian) * 2));
    display: flex;
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
}
.ibti-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ibti-nub-top{
    display: flex;
    margin-bottom: 4px;
    align-items: flex-end;
}
.ibti-nub-top .std-title3{
    /* background: linear-gradient(101deg, #00C6FF 0%, #00D400 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: var(--colorfff);
    line-height: var(--l1h3);
}
.ibti-nub-top .std-text14{
    margin-left: 4px;
    /* background: linear-gradient(101deg, #00C0F7 0%, #00D400 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: var(--colorfff);
}
.ibti-nub .ibti-nub-font{
    font-size: 12px;
    color: var(--colorfff);
    line-height: var(--l1h8);
    letter-spacing: 0.05em;
}
.ibti-nub::before{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    background: var(--colorfff);
}
.ibti-nub-top,
.ibti-nub-font{
    padding-left: 16px;
}
.industry-energy{
    position: relative;
}
.industry-energy{
    padding-top: var(--space1);
}
.industry-energy .std-title2{
    text-align: center;
    font-weight: 600;
    line-height: var(--l1h2);
    margin-bottom: 46px;
}
.industry-energy .std-title2 span{
    background: linear-gradient(101deg, #00C0F7 0%, #0063b2 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.industry-energy .std-title2 span::before{
    content: '';
    height: 2px;
    border-radius: 1px;
    width: 100px;
    max-width: 70%;
    background: linear-gradient(101deg, #00C0F7 0%, #0063b2 100.57%);
    position: absolute;
    bottom: -4px;
    right: 6%;
}
.industry-energy .std-text18{
    width: 78.75%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: var(--space50);
    letter-spacing: 0.05em;
}
.industry-energy .std-text18,
.industry-energy .std-text18 p{
    color: rgba(14,26,27,.6);
}
.industry-energy-img{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.industry-ban{
    position: sticky;
    top: calc(var(--pro1) * var(--top));
    z-index: 31;
}
.industry-first .ys-nyban-img{
    transform-origin: center bottom;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: scale(calc(1 - var(--pro1) * var(--san1))) rotate(0deg);
    border-radius: calc(var(--pro1) * 20px);
    overflow: hidden;
}
.industry-main .mod-bread {
    z-index: 1;
    height: var(--height1);
}
.industry-main .mod-bread .ys-cont1600{
    position: sticky;
    top: calc(20px + var(--headx));
}
.industry-ban-text{
    transition: all .4s ease;
}
.industry-first.on1 .industry-ban-text{
    opacity: 0;
}
.industry-energy-img{
    opacity: 0;
    pointer-events: none;
}
.industry-energy .std-title2,
.industry-energy .std-text18{
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: all .8s ease-in-out;
}
.industry-energy .std-text18{
    transition-delay: .1s;
}
.industry-first.on2 .std-title2,
.industry-first.on2 .std-text18{
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.industry-mode{
    padding-top: calc(var(--space1) - 10px);
}
.imti-cry{
    display: flex;
    align-items: flex-start;
}
.imti-cry .std-title3{
   width: 35%; 
}
.imti-cry .imti-cry-text{
    width: 65%;
}
.imti-cry-text .std-text1,
.imti-cry-text .std-text1 p{
    color: rgba(14,26,27,.6);
}
.imti-cry-text .std-text1{
    margin-bottom: 24px;
}
.imti-ctb-link{
    display: flex;
    align-items: center;
}
.imti-ctb-link .ys-imgbox-cover{
    width: 24px;
}
.imti-cry-text-btn{
    display: flex;
    justify-content: flex-start;
}
.imti-ctb-link .std-text1{
    padding-left: 16px;
    line-height: var(--l1h8);
    color: var(--colormain);
    margin-bottom: 0!important;
}
.industry-mode-title{
    margin-bottom: var(--space40);
}
.industry-mode-title-item:not(:first-child){
    display: none;
}
.solavita-video1{
    position: relative;
}
.industry-mode-video{
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.industry-mode-video-item:not(:first-child){
    display: none;
}
.industry-mode-btn{
    --jian: 16px;
    margin: 0 calc(var(--jian) * -1);
    margin-top: 30px;
    display: flex;
}
.industry-mode-btn-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.imbn-core{
    position: relative;
    padding-top: 12px;
    cursor: pointer;
}
.imbn-core::before{
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #D9D9D9;
}
.imbn-core .std-text18{
    color: var(--colortext);
    transition: all .4s ease;
    position: relative;
    letter-spacing: 0.05em;
}
.imbn-core .std-text18 span{
    transition: all .4s ease;
}
.imbn-core .std-text18 span:nth-of-type(2){
    background: linear-gradient(101deg, #0063b2 55.97%, #0063b2 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    max-width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}
.industry-mode-btn-nub.on .std-text18 span:nth-of-type(2){
    opacity: 1;
}
.industry-mode-btn-nub.on .std-text18 span:first-child{
    opacity: 0;
}
.imbn-core::after{
    content: '';
    height: 2px;
    width: 0%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(101deg, #0063b2 55.97%, #0063b2 100.57%);
    opacity: 0;
    transition: all .4s ease;
}
.industry-mode-btn-nub.on .imbn-core::after{
    opacity: 1;
    width: 100%;
}
.solavita-video1 .solavita-video-icon{
    opacity: 1;
}
.solavita-video1.no-icon .solavita-video-icon{
    opacity: 0;
}
.industry-advant,
.industry-advant-cry{
    position: relative;
}
.industry-advant-bg,
.industry-advant-bg img{
    width: 100%;
}
.industry-advant-cry .ys-cont1360{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.industry-advant-cry .std-title2{
    text-align: center;
    line-height: var(--l1h2);
    margin-bottom: var(--space60);
    font-weight: bold;
    margin-top: calc(var(--space100) + 10px);
}
.industry-advant .ptin-word,
.industry-advant .ptin-word p{
    color: var(--colortext);
}
.industry-advant .ptin-word span{
    color: var(--colormain);
}
/* .industry-advant-cry .std-btn1-link{
    box-shadow: 0px 8px 24px 0px rgba(0, 99, 178, 0.10), 0px 8px 16px 0px rgba(0, 99, 178, 0.04), 0px 2px 6px 0px rgba(0, 99, 178, 0.03);
} */
.industry-advant-cry .prodet-two-inof.slick-dotted,
.industry-advant-cry .prodet-two-inof{
    padding-bottom: var(--space40);
}
.industry-advant-cry .prodet-two-inof{
    margin-bottom: 46px;
}
.industry-advant-cry .ptin-word, 
.industry-advant-cry .ptin-word p{
    font-size: var(--font20);
}
.industry-advant-zhan{
    height: 60vh;
}
.industry-relate{
    padding-top: var(--space1);
    padding-bottom: var(--space1);
    position: relative;
}
.industry-relate .std-title2{
    margin-bottom: var(--space60);
    line-height: var(--l1h2);
    font-weight: 600;
}
.industry-advant-cry{
    position: sticky;
    top: var(--headx);
}
.industry-advant-cry-box{
    transform-origin: top center;
    transform: scale(calc(1 - var(--prox) * var(--rate)));
    border-radius: calc(var(--prox) * 20px);
    overflow: hidden;
}
.industry-relate-inof{
    --jian: 40px;
    margin: 0 calc(var(--jian) * -1);
}
.industry-relate-inof-item{
    padding: 0 var(--jian);
}
.irii-link{
    border-radius: 20px;
    background: var(--colorf9);
    box-shadow: 0px 6px 32px 0px rgba(0, 64, 68, 0.10);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.irii-link-img{
    width: 43.37%;
    display: flex;
    align-items: flex-end;
}
.irii-link-img .ys-imgbox-cover{
    width: 100%;
}
.irii-link-text{
    width: 56.63%;
    padding: 30px 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.irii-link-text .std-title2{
    margin-bottom: var(--space40);
    font-weight: 600;
    line-height: var(--l1h2);
}
.irii-link-text .std-text1 p{
    position: relative;
    margin-bottom: 1em;
    padding-left: 66px;
}
.irii-link-text .std-text1 p:last-child{
    margin-bottom: 0;
}
.irii-link-text .std-text1 p::before{
    content: '';
    background-image: url(../image/b2_icon_07.svg);
    position: absolute;
    background-size: 100% 100%;
    width: 32px;
    height: 32px;
    left: 0;
    top: -2px;
}
.irii-link-text .std-text1 p::after{
    content: '';
    width: 18px;
    height: 1px;
    position: absolute;
    background: var(--colorenvi);
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
}
.irii-link-text .std-text1{
    margin-bottom: 54px;
}
.irii-link-text .std-btn1{
    justify-content: flex-start;
}
.irii-link{
    display: flex;
}
.irii-link .std-btn2 .std-btn1-link, 
.irii-link .std-btn2 .std-btn1-link-bg1::after {
    background: var(--colorf9);
}
.irii-link .std-btn1-link-bg1::before {
    background: linear-gradient(111deg, #19ABB6 0%, var(--colorf9) 30%, var(--colorf9) 70%, #19ABB6 100%);
    background: linear-gradient(111deg, #0063B2 0%, var(--colorf9) 30%, var(--colorf9) 70%, #0063B2 100%);
}
.industry-relate-inof .slick-list{
    overflow: visible;
}
.industry-relate{
    overflow: hidden;
}
.industry-relate-inof-item:not(:first-child){
    display: none;
}
.irii-link{
    pointer-events: none;
} 
.industry-relate-inof-item.slick-active .irii-link{
    pointer-events: all;
}
.industry-relate .ys-cont1600{
    position: relative;
    z-index: 10;
}
.industry-relate::before{
    content: '';
    width: 100%;
    height: calc(100% + 50px);
    background: linear-gradient(0deg, #F9FBFB 0%, #FFF 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}
.industry-advant{
    position: relative;
    z-index: 10;
}
.industry-relate {
    margin-top: var(--topx);
}
.case-pop .ys-modal-content{
    width: 1200px;
    padding: 0;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.case-pop-item{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.case-pop .ys-modal-content::before{
    content: '';
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--colorenvi);
    z-index: 20;
}
.case-pop .ys-modal-content{
    padding: 40px 0 40px;
}
.case-pop-item.act{
    position: relative;
    opacity: 1;
    pointer-events: all;
}
.case-pop .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}
.case-pop-item-cry{
    padding: 10px 120px 40px;
}
.cpic-img-nub{
    position: relative;
}
.cpic-img{
    width: 80.8%;
    margin: 0 auto;
}
.cpic-img-nub-icon{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cpic-img-nub-icon img{
    width: 33.333333%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cpic-img-nub[data-src]{
    cursor: pointer;
}
.cpic-img .slick-list{
    overflow: visible;
}
.cpic-img-nub-core{
    width: 100%;
    cursor: pointer;
    pointer-events: none;
    border-radius: 10px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: all .4s ease;
}
.cpic-img-nub.slick-active .cpic-img-nub-core{
    pointer-events: all;
}
.cpic-img-nub .cpic-img-nub-core{
    transform: rotate(0deg) scale(0.46) translateX(30%);
    -webkit-transform: rotate(0deg) scale(0.46) translateX(30%);
}
.cpic-img-nub.slick-active .cpic-img-nub-core{
    transform: rotate(0deg) scale(1) translateX(0px);
    -webkit-transform: rotate(0deg) scale(1) translateX(0px);
}
.cpic-img-nub.slick-active+.cpic-img-nub .cpic-img-nub-core{
    transform: rotate(0deg) scale(0.46) translateX(-30%);
    -webkit-transform: rotate(0deg) scale(0.46) translateX(-30%);
}
.cpic-img.mod-arrows1 .slick-prev {
    left: -67px;
}
.cpic-img.mod-arrows1 .slick-next {
    right: -67px;
}
.cpic-img{
    margin-bottom: var(--space40);
}
.cpic-core-text{
    --jian: 20px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    flex-wrap: wrap;
}
.cpic-core-text-nub .ys-imgbox-cover{
    width: 20px;
    position: relative;
    top: 4px;
}
.cpic-core-text-nub .std-text1{
    position: relative;
    padding-left: 36px;
    color: var(--colorenvi);
}
.cpic-core-text-nub .std-text1::before{
    content: '';
    width: 12px;
    height: 1px;
    background: var(--colorenvi);
    left: 12px;
    top: 12px;
    position: absolute;
}
.cpic-core-text-nub{
    padding: 0 var(--jian);
    display: flex;
    align-items: flex-start;
}
.cpic-core .std-title3{
    font-weight: 600;
    margin-bottom: 14px;
}
.cpic-core-top{
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(14,26,27,.2);
    margin-bottom: 24px;
}
.cpic-core-data{
    --jian: 40px;
    margin: 0 calc(var(--jian) * -1);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px;
}
.cpic-core-data-nub{
    width: 33.333333%;
    padding: 0 var(--jian);
}
.cpic-core-data-nub .std-title24{
    margin-bottom: 4px;
    line-height: var(--l1h4);
    font-weight: 600;
    color: var(--colortitle);
}
.cpic-core-data-nub .std-text14{
    color: rgba(14,26,27,.5);
    line-height: var(--l1h8);
}
.cpic-core .std-text1,
.cpic-core .std-text1 p{
    color: var(--colortext);
    line-height: var(--l1h8);
}
.cpic-product .std-title3{
    line-height: var(--l1h3);
    margin-bottom: 32px;
    font-weight: 600;
}
.cpic-product .product-inof-swpro-item {
    width: 33.333333%;
}
.cpic-product .product-inof-swpro{
    --jian: 22px;
    display: block;
}
.cpic-product{
    padding-top: var(--space60);
}
.cpic-product .pisi-link-text {
    padding: 20px 24px;
}
.cpic-product .pisi-link-text .std-title4{
    font-size: var(--font20);
    margin-bottom: 4px;
}
.cpic-product .pisi-link-text .std-text14{
    margin-bottom: 43px;
}
.cpic-product .mod-arrows1 .slick-prev, 
.cpic-product .mod-arrows1 .slick-next{
    transform: translateY(0);
    top: -72px;
}
.cpic-product .mod-arrows1 .slick-next{
    right: var(--jian);
}
.cpic-product .mod-arrows1 .slick-prev{
    left: auto;
    right: calc(var(--jian) + 80px);
}
.cpic-product .product-inof-swpro-item:not(:first-child){
    display: none;
}
/* .cpic-img-nub:not(:first-child){
    display: none;
} */
.case-pop .mCSB_scrollTools {
    top: 50px;
    right: 12px;
    bottom: 50px;
}
.case-pop-wai{
    width: 56px;
    position: absolute;
    top: 0;
    right: -72px;
}
.case-pop-wai .ys-modal-close{
    width: 100%;
    border-radius: 10px;
    background: var(--colorfff);
    margin-bottom: 10px;
    position: relative;
    top: 0;
    right: 0;
    padding: 16px;
}
.case-pop-wai .ys-modal-close img{
    width: 100%;
}
.case-pop-wai-zhuan{
    border-radius: 10px;
    background: var(--colorfff);
}
.cpwz-arrow-img{
    width: 24px;
    height: 24px;
    position: relative;
}
.cpwz-arrow-img::before,
.cpwz-arrow-img::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: all .4s ease;
    background-image: url(../image/a1_icon_18.svg);
    background-size: 100% 100%;
    opacity: 0;
    top: 0;
    left: 0;
    transition: all .4s ease;
}
.cpwz-arrow-img::after{
    background-image: url(../image/a1_icon_20.svg);
    opacity: 1;
}
.cpwz-arrow1 .cpwz-arrow-img::before,
.cpwz-arrow1 .cpwz-arrow-img::after{
    transform: rotate(180deg);
}
.cpwz-arrow{
    padding: 16px;
    cursor: pointer;
}
.cpwz-arrow1{
    padding-bottom: 5px;
}
.cpwz-arrow2{
    padding-top: 5px;
}
.cpwz-arrow.no-btn .cpwz-arrow-img::after{
    opacity: 0;
}
.cpwz-arrow.no-btn .cpwz-arrow-img::before{
    opacity: 1;
}
/* delia - start */
/* Delia-start */
/* i1_1案例列表页-start*/
/* i1_1案例列表页-end*/
/* h2-新闻详情页-start */
.newdet-main .ys-main{
    padding-top: 190px;
    position: relative;
}
.newdet-cont-wrap{
    padding: 60px 0 80px;
    border-radius: 40px;
    background:var(--colorfff);
    box-shadow: 0px 15px 25px 0px rgba(102, 147, 144, 0.15);
}
.newdet-cont-wrap-top{
    width: 85%;
    margin: 0 auto 50px;
    padding-bottom:25px;
    border-bottom: solid 1px rgba(14, 26, 27, 0.2);
}
.newdet-main h1{
    font-family: 'solavita1' !important;
    font-weight:600;
    color: #002147;
    margin-bottom: 29px;
    line-height: var(--l1h2);
}
/* .newdet-main .ys-bread{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 126px;
} */
.ncwt-btm{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ncwt-btm-share{
    display: flex;
    align-items: center;
}
.ncwt-btm-date p, .ncwt-btm-share-word p{
    color: var(--colortitle);
    opacity: 0.6;
    line-height: var(--l1h8);
}
.ncwt-btm-share-word{
    margin-right: 32px;
}
.ys-share-img{
    width: 24px;
    display: block;
}
.ys-share-img img{
    width: 100%;
}
.ys-share-list{
    padding: 0 16px;
}
.ys-share{
    margin: 0 -16px;
}
.newdet-cont-wrap-min{
    width: 69%;
    margin: 0 auto 72px;
}
.newdet-cont-wrap-min p img{
    border-radius: 20px;
}
.newdet-cont-wrap-min p{
    font-size: var(--font18);
    line-height: var(--l1h8);
    color: rgba(14, 26, 27, 0.6);
    margin-bottom: 14px;
}
.newdet-cont-wrap-min h4{
    color:var(--colorenvi);
    line-height: var(--l1h4);
    font-size: var(--font26);
    margin-bottom: 10px;
    font-weight: 600;
}
.newdet-cont-wrap-min h5{
    font-size: var(--font20);
    line-height: var(--l1h6);
    color: var(--colortitle);
    margin-bottom:12px;
}
.newdet-cont-wrap-bot{
    width: 69%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ncwb-btn a{
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: all .36s;
    padding: 11px 70px 11px 13px;
    border-radius: 80px;
    border: 1.6px solid #FFF;
    background:  #ce121b;
    box-shadow: 0px 36px 80px 0px rgba(0, 131, 139, 0.10), 0px 8.041px 17.869px 0px rgba(0, 130, 139, 0.04), 0px 2.394px 5.32px 0px rgba(0, 130, 139, 0.03);
}
.ncwb-icon{
    width: 32px;
    flex-shrink: 0;
    font-size: 0;
    margin-right:60px;
}
.ncwb-icon img{
    width: 100%;
}
.ncwb-btn p{
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--l1h6);
}
.ncwb-next a{
    flex-direction: row-reverse;
    padding: 11px 13px 11px 70px;
}
.ncwb-next .ncwb-icon{
    margin-right: 0;
    margin-left: 60px;
}
.newdet-main h2{
    color: var(--colortitle);
    line-height: var(--l1h2);
    margin-bottom: var(--space50);
    font-weight: 600;
}
.newdet-cont{
    padding-bottom: var(--space90);
}
.newdet-main .nsbb-list{
    margin-bottom: 0px !important;
}
.career-team-ul{
    margin: 0 -20px;
}
/* h2-新闻详情页-end */
/* j1-加入我们汇总页-start */
.ys-nyban-btn.ys-pos-center{
    top: 65%;
}
.career-team-ul{
    margin: 0 -20px;
    display: flex;
    align-items: stretch;
}
.career-team-ul-li{
    width: 50%;
    padding: 0 20px;
}
.career-team-ul-li:nth-child(2n+1){
    animation-delay: 0.1s;
}
.career-team-ul-li:nth-child(2n+2){
    animation-delay: 0.2s;
}
.ctul-box{
    height: 100%;
    border-radius: 20px;
    box-shadow: 0px 0px 35.193px 0px rgba(0, 38, 106, 0.10);
    overflow: hidden;
    background: var(--colorfff);
}
.ctul-bot{
    padding: 58px 40px 40px;
}
.ys-cont1320{
    width: 1320px;
    margin: 0 auto;
    max-width: 100%;
}
.ctul-bot-tit {
    color: var(--colortitle);
    line-height: var(--l1h4);
    margin-bottom: 12px;
}
.ctul-bot-word p{
    color: var(--colortitle);
    opacity: 0.6;
    line-height: var(--l1h8);
    letter-spacing: 0.05em;
}
.ctul-pic{
    border-radius: 20px;
    overflow: hidden;
}
.career-team{
    padding: var(--space100) 0;
}
.career-main h2{
    text-align: center;
    font-weight: 600;
    color: #151123;
    line-height: var(--l1h2);
    margin-bottom: 32px;
}
.career-team h2 span{
    background: linear-gradient(101deg, #00B9EE 0%, #2CE250 100.57%);
    background: linear-gradient(101deg, color(display-p3 0.0729 0.7124 0.9117) 0%, color(display-p3 0.4306 0.8717 0.3923) 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.career-team-word p{
    font-size: var(--font20);
    line-height: var(--l1h6);
    text-align: center;
    color: var(--colortext);
    letter-spacing: 0.05em;
}
.career-team-word{
    margin-bottom: var(--space60);
}
.ctul-bot-tit{
    font-weight: 600;
}
.career-employ{
    padding: 80px 0;
    position: relative;
}
.career-employ::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - 40px);
    height: 100%;
    border-radius: 40px;
    background: #F8F8F8;
    z-index: -1;
}
.career-employ-img{
    border-radius: 40px;
    overflow: hidden;
}
.career-employ-list{
    width: 88%;
    margin: -103px auto 0;
    position: relative;
    z-index: 2;
}
.career-employ-ul{
    margin: 0 -20px;
    display: flex;
    align-items: stretch;
}
.career-employ-ul-li{
    width: 20%;
    padding: 0 20px;
}
.ceul-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    height: 100%;
    border-radius: 10px;
    background: var(--colorfff);
    position: relative;
    box-shadow: 0px 0px 35.193px 0px rgba(0, 38, 106, 0.10);
}
.ceul-icon{
    width: 60px;
    margin: 0 auto 12px;
}
.ceul-icon img{
    width: 100%;
}
.ceul-tit{
    text-align: center;
    line-height: var(--l1h8);
    color: var(--colortitle);
}
.ceul-bg{
    width: 66px;
    height: 66px;
    border-radius: 50%;
    box-shadow: 0px 36px 80px 0px rgba(52, 128, 225, 0.08), 0px 8.041px 17.869px 0px rgba(52, 128, 225, 0.04), 0px 2.394px 5.32px 0px rgba(52, 128, 225, 0.03);
    background: var(--colorfff);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -53px;
    z-index: 5;
}
.ceul-bg img{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.career-employ-ul-li:last-child .ceul-bg{
    display: none;
}
.career-expand{
    padding: var(--space100) 0;
}
.career-expand-ul-li{
    width: 33.333333%;
    padding: 0 22px;
}
.career-expand-ul{
    margin: 0 -22px;
    padding-bottom: 90px;
}
.career-expand-ul-li a{
    border-radius: 10px;
    overflow: hidden;
    display: block;
}
.career-expand-ul .slick-list{
    overflow: visible !important;
}
.career-expand-ul.mod-arrows1 .slick-prev{
    bottom: 0;
    top: auto;
    left: 48%;
    transform: translateX(-50%);
}
.career-expand-ul.mod-arrows1 .slick-next{
    top: auto;
    bottom: 0px;
    left: 52%;
    transform: translateX(-50%);
}
.career-vacan{
    padding: 80px 0 var(--space100);
    background: #F8F8F8;
}
.career-vacan .career-team-word{
    margin-bottom: var(--space90);
}
.career-main section{
    overflow: hidden;
}
.career-vacan{
    overflow: visible !important;
}
.career-vacan-wrap{
    display: flex;
    align-items: flex-start;
}
.career-vacan-le{
    width: 19.5%;
    position: sticky;
    top: calc(var(--headx) + 40px);
}
.career-vacan-ri{
    width: 80.5%;
    padding-left: 100px;
}
.career-vacan-le-sear{
    width: 100%;
}
.cvls-cry{
    position: relative;
    border-radius: 80px;
    border: 1px solid rgba(108, 118, 118, 0.20);
    overflow: hidden;
    padding: 0 24px;
    margin-bottom: 12px;
}
.cvls-cry-icon{
    width: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    cursor: pointer;
    z-index: 2;
}
.cvls-cry-icon img{
    width: 100%;
}
.cvls-cry-input{
    width: 100%;
    position: relative;
    padding-left: 40px;
}
.cvls-cry-input input{
    width: 100%;
    height:48px;
    font-size:var(--font16);
    line-height: var(--l1h8);
    color: var(--colortitle);
    letter-spacing: 0.05em;
}
.cvls-cry-input input::placeholder{
    color: var(--colortext);
}
.career-vacan-le-sear .std-btn1{
    width: 100%;
    display: block;
}
.career-vacan-le-sear .std-btn1-link{
    padding: 11px 13px 11px 26px;
    height: 50px;
}
.career-vacan-locat{
    position: relative;
    border-radius: 80px;
    border: 1px solid rgba(108, 118, 118, 0.20);
}
.career-vacan-locat-icon{
    width: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
}
.career-vacan-locat{
    margin-top: 34px;
}
.career-vacan-locat .ys-select{
    height: 48px;
    padding: 0 26px 0 64px;
    height: 48px;
}
.career-vacan-locat .icon-arrow-down:before {
    font-size: 12px;
    color: #0063B2;
}
.career-vacan-locat .ys-select-bd{
    border: 1px solid rgba(108, 118, 118, 0.20);
    background: #F8F8F8;
    padding: 10px 26px;
    margin-top: 5px;
    border-radius: 24px;
    max-height: 120px;
}
.career-vacan-locat .ys-select-li {
    cursor: pointer;
    font-size: 14px;
    line-height: 1.75;
    color: var(--colortitle);
    transition: all .4s ease;
}
.career-vacan-locat .mCSB-outside+.mCSB-scrollTools {
    right: 0;
    top: 5px;
    bottom: 5px;
}
.mCS-dark.mCSB-scrollTools .mCSB-dragger .mCSB-dragger-bar{
    width: 2px;
    background: var(--colorenvi) !important;
}
.cvru-li-tp{
    cursor: pointer;
    border-radius: 10px;
    background:#FFF;
    box-shadow: 0px 8px 12px 0px rgba(0, 53, 75, 0.12);
    display: flex;
    align-items: center;
    padding: 20px 40px;
    justify-content: space-between;
    position: relative;
    z-index: 3;
}
.cvru-li-tp-tit{
    width: 44%;
    font-weight: 600;
    color: var(--colortitle);
    letter-spacing: 0.05em;
}
.cltl-box{
    display: flex;
    align-items: center;
}
.cltl-box p{
    font-size: var(--font16);
    line-height: var(--l1h8);
    color: var(--colortext);
}
.cltl-icon{
    width: 24px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
}
.cvru-li{
    margin-bottom: 20px;
}
.cvru-li:last-child{
    margin-bottom: 0px;
}
.cvru-li-tp-list{
    width: 21%;
}
.cvru-li-tp-icon{
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 50%;
    transition: all .4s;
    background: transparent;
    border: solid 1px  var(--colorenvi1);
}
.cvru-li-tp-icon::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40%;
    height: 1px;
    background: var(--colorenvi);
    transition: all .4s;
}
.cvru-li-tp-icon::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1px;
    height: 40%;
    background: var(--colorenvi);
    transition: all .4s;
}
.cvru-li.act .cvru-li-tp-icon{
    background: var(--colorenvi);
}
.cvru-li.act .cvru-li-tp-icon::after, .cvru-li.act .cvru-li-tp-icon::before{
    background: var(--colorfff);
    transform: translate(-50%,-50%) rotate(45deg);
}
.avru-li-btm-tit{
    margin-bottom: 21px;
    color: var(--colortitle);
    line-height: var(--l1h3);
}
.avru-li-btm{
    border-radius: 0 0 20px 20px;
    background: var(--colorfff);
    padding: 70px 50px 20px;
    margin-top: -20px;
}
.avru-li-btm-ul{
    display: flex;
    margin: 0 -30px 50px;
}
.albu-li{
    padding: 0 30px;
}
.albu-li-box{
    display: flex;
    align-items: center;
}
.albu-li-text p{
    color: var(--colorenvi);
    line-height: var(--l1h8);
}
.albu-li-text{
    margin-right: 16px;
    flex-shrink: 0;
}
.albu-li-word p{
   color: var(--colortext);
   line-height: var(--l1h8); 
}
.avru-li-btm-edr p{
    color: var(--colortext);
    line-height: var(--l1h8);
    font-size: var(--font16);
    margin-bottom:13px;
}
.avru-li-btm-edr h5{
    font-weight: 600;
    color: var(--colorenvi);
    line-height: var(--l1h8);
    font-size: var(--font18);
    margin-bottom: 12px;
}
.avru-li-btm-edr{
    margin-bottom: 27px;
}
.avru-li-btm-btn{
    display: flex;
    justify-content: flex-end;
}
.avru-li-btm-btn .std-btn1-link {
    height: 50px;
    min-width: 310px;
    padding: 11px 16px 11px 32px;
}
.avru-li-btm{
    display: none;
}
/* j1-加入我们汇总页-end */
/* g1-关于我们汇总页-start */
.about-main .std-title1{
    color: var(--colortitle);
    line-height: var(--l1h2);
    margin-bottom: var(--space60);
    font-weight: 600;
}
.about-main .ys-main{
    position: relative;
}
.about-us{
    padding-top: calc(var(--space1) - 10px);
    position: relative;
}
.about-us-ri-edr h4{
    font-size: var(--font26);
    line-height: var(--l1h4);
    color:rgba(14, 26, 27, 1);
    margin-bottom: 40px;
    font-weight: 600;
}
.about-us-ri-edr h4 span{
    color:#0065B8;
}
.about-us-ri-edr p{
    font-size: var(--font20);
    line-height: var(--l1h6);
    color: rgba(14, 26, 27, 0.7);
    margin-bottom: 12px;
}
.about-us-ri-edr{
    margin-bottom: 70px;
}
.about-us-le{
    width: 22%;
}
.about-us-le img{
    width: 100%;
}
.about-us-ri{
    width: 78%;
    padding-left: 233px;
}
.about-us-cont{
    display: flex;
    align-items: flex-start;
}
.about-us-ri-ul{
    display: flex;
    margin:0 -80px;
    flex-wrap: wrap;
}
.aure-li{
    width: 33.333333%;
    padding: 0 80px;
    margin-bottom: 48px;
    position: relative;
}
.aure-li::after{
    content: "";
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 60px;
    background: rgba(0, 0, 0, 0.2);
}
.aure-li-icon{
    width: 48px;
    margin-bottom: 24px;
}
.aure-li-icon img{
    width: 100%;
}
.aure-li-num .ys-demo-num1{
    font-size: var(--font44);
    line-height: 1.1;
    background:  linear-gradient(101deg, #00B9EE 0%, #0065B8 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.aure-li-num{
    margin-bottom: 4px;
    display: flex;
    align-items: flex-end;
}
.aure-li-num span{
    display: inline-block;
    font-size: var(--font16);
    background: var(--Linear, linear-gradient(101deg, #00B9EE 0%, #0065B8 100.57%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 8px;
    line-height: var(--l1h8);
}
.aure-li-word p{
    font-size: var(--font14);
    line-height: var(--l1h8);
    color: var(--colortitle);
}
.aure-li:nth-child(3n+3)::after{
    display: none;
}
.about-us-bg{
    width: 32.8%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.about-us-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-us-pic{
    width: 100%;
    margin-top: -80px;
    position: relative;
    pointer-events: none;
    z-index: -1;
}
.about-us-pic::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:30%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 17.5%, rgba(255, 255, 255, 0.80) 67%, #FFF 100%);
}
.about-us-pic img{
    width: 100%;
}
.about-sola-top{
    display: flex;
    align-items: flex-start;
    margin-bottom: 80px;
}
.about-sola-top-le{
    width: 18%;
}
.about-sola-top .about-us-ri{
    width: 82%;
    padding-left: 293px;
}
.about-sola-top .about-us-ri-edr span{
    background: linear-gradient(102deg, #00B9EE 0%, #2CE250 17.89%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ys-cont1740{
    width: 1740px;
    max-width: 100%;
    margin: 0 auto;
}
.about-sola-btm-video{
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}
.about-sola-btm{
    position: relative;
}
.about-sola-btm .std-btn1{
    position: absolute;
    z-index: 2;
    bottom: 40px;
    right: 40px;
}
.about-sola-btm .std-btn1-link {
    height: 64px;
    min-width: 250px;
}
.about-sola{
    padding-bottom: var(--space100);
} 
.yx-switch2li.on {
    width: 50%;
}
.yx-switch2li {
    overflow: hidden;
    transition: all 0.36s;
}
.yx-switch2xin {
    position: relative;
}
.yx-switch2pic {
    height: 560px;
    position: relative;
}
.yx-switch2wen {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 4;
    padding: 0 100px 40px;
}
.yx-switch2pic::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.40);
}
.yx-switch2pic::after {
    content: '';
    width: 100%;
    height: 47%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    opacity: 0.8;
    background: linear-gradient(0deg, #000 0%, #000 100%);
    background: linear-gradient(0deg, color(display-p3 0 0 0) 0%, color(display-p3 0 0 0 / 0.00) 100%);
    opacity: 0.8;
}
.yx-switch2pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.yx-switch2wen .yx-waisypt2 {
    font-size: var(--font32);
    line-height: 1.75;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
}
.yx-waisypt2 {
    font-size: var(--font32);
    position: absolute;
    bottom: 38px;
    width: 100%;
    text-align: center;
    left: 0;
    padding: 0 20px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
    color: #fff;
} 
.yx-switch2xia .yx-waisypt2{
    text-align: left;
    bottom: auto;
    padding-left: 0px;
    position: relative;
}
.yx-switch2li.act {
    width: 25%;
}
.yx-switch2li.act .yx-waisypt2 {
    opacity: 1;
    pointer-events: all;
}
.yx-switch2li.act .yx-switch2xia {
    opacity: 0;
    pointer-events: none;
}
.yx-switch2li.on .yx-switch2xia {
    transition: opacity 0.36s .36s, width 0.36s;
}
.yx-switch2li.on .yx-switch2xia .yx-waisypt2{
    opacity: 1;
}
.about-list-ul{
    display: flex;
    margin: 0 -12px;
}
.about-list-ul-li{
    padding: 0 12px;
}
.alul-text{
    border-radius: 80px;
    border: 1.6px solid #FFF;
    border: 1.6px solid color(display-p3 1 1 1);
    background: rgba(255, 255, 255, 0.15);
    background: color(display-p3 1 1 1 / 0.15);
    backdrop-filter: blur(4px);
    letter-spacing: 0.05em;
}
.alul-text p{
    padding: 12px 24px;
    font-size: var(--font16);
    line-height: var(--l1h6);
    color: var(--colorfff);
}
.about-miss{
    border-radius: 80px 80px 0 0;
    overflow: hidden;
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.about-miss::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: linear-gradient(2deg, #001E1F 21.39%, #001E20 55.79%);
    background: linear-gradient(2deg, color(display-p3 0.0118 0.1137 0.1216 / 0.00) 21.39%, color(display-p3 0.011 0.1139 0.1217) 55.79%);
    mix-blend-mode: multiply;
}
.about-miss::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 28%;
    background: linear-gradient(180deg, #FFF 17.5%, rgba(255, 255, 255, 0.80) 67%, #FFF 100%);
    background: linear-gradient(180deg, color(display-p3 1 1 1 / 0.00) 17.5%, color(display-p3 1 1 1 / 0.80) 67%, color(display-p3 1 1 1) 100%);
}
.about-miss .std-title2{
    text-align: center;
    color: var(--colorfff);
    margin-bottom: var(--space60);
}
.about-miss .ys-cont1400{
    position: relative;
    z-index: 3;
}
.about-miss-ul{
    display: flex;
    align-items: stretch;
    margin: 0 -20px;
}
.about-miss-ul-li{
    width: 50%;
    padding:0 20px;
}
.amul-box{
    height: 100%;
    display: block;
    padding: 90px 40px 106px;
    border-radius: 40px;
    overflow: hidden;
}
.amul-tit{
    text-align: center;
    font-weight: 600;
    line-height: var(--l1h3);
    margin-bottom: var(--space40);
}
.amul-word p{
    font-size: var(--font26);
    line-height: var(--l1h4);
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.05em;
}
.about-miss-ul-li .amul-box{
    border: 1px solid var(--colorfff);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px);
    transition: all .4s ease;
}
.about-miss-ul-li .amul-tit{
    color: var(--colorfff);
    transition: all .4s ease;
}
.about-miss-ul-li .amul-word p{
    color: var(--colorfff);
    transition: all .4s ease;
}
.about-adhere-wrap{
    width: 100%;
    padding: 0 36px;
}
.about-adhere-wrap h2{
    text-align: center;
    color: var(--colortitle);
    margin-bottom: 32px;
    line-height: var(--l1h2);
    font-weight: 600;
}
.about-adhere-word{
    width: 90%;
    margin: 0 auto 80px;
}
.about-adhere-word p, .about-history-word p{
    text-align: center;
    line-height: var(--l1h6);
    color: var(--colortext);
    font-size: var(--font20);
    letter-spacing: 0.05em;
}
.about-adhere-ul{
    display: flex;
    margin: 0 -80px;
}
.about-adhere-ul-li{
    width: 33.333333%;
    padding: 0 80px;
}
.aaul-box .aure-li-num{
    justify-content: center;
}
.aaul-box .ys-demo-num1{
    font-size:56px;
    line-height: 1.1;
}
.aaul-word p{
    text-align: center;
    color: var(--colortitle);
    line-height: var(--l1h6);
}
.aaul-box{
    padding-top: 10px;
    border-top: 1px solid rgba(0, 99, 178, 0.20);
}
.about-history h2{
    text-align: center;
    margin-bottom: 32px;
    color: var(--colortitle);
    line-height: var(--l1h2);
    font-weight: 600;
}
.about-history h2 span{
    background: linear-gradient(112deg, color(display-p3 0.0729 0.7124 0.9117) 24.94%, color(display-p3 0 0.39 0.7) 66.36%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-history{
    padding-bottom: var(--space90);
}
.about-history-btm{
    position: relative;
}
.about-history-btm-bg{
    width: 100%;
    pointer-events: none;
}
.about-history-btm-bg img{
    width: 100%;
}
.about-history-word{
    margin-bottom: var(--space40);
}
.about-history-btm-ul{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.ahbu-li{
    width: 271px;
    position: absolute;
}
.ahbu-li-box{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.20);
    background: color(display-p3 1 1 1 / 0.20);
    box-shadow: 0px 10px 8px 0px rgba(0, 78, 68, 0.05);
    box-shadow: 0px 10px 8px 0px color(display-p3 0 0.3017 0.2655 / 0.05);
    backdrop-filter: blur(6px);
    overflow: hidden;
    padding: 4px 12px;
    display: flex;
    align-items: flex-start;
}
.ahbu-li-icon{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #00BBC9;
    flex-shrink: 0;
    margin-right: 12px;
    margin-top: 10px;
}
.ahbu-li-textbox-tit {
    font-weight: 600;
    color: #000;
    line-height: var(--l1h6);
    margin-bottom: 4px;
    text-align: left;
    font-size: var(--font20);
}
.ahbu-li-textbox-word p{
    text-align: left;
    line-height: var(--l1h8);
    color:rgba(0, 0, 0, 0.6);
    font-size: var(--font14);
    letter-spacing: 0.05em;
}
.ahbu-li.on .ahbu-li-box{
    flex-direction: row-reverse;
}
.ahbu-li.on .ahbu-li-textbox-tit, .ahbu-li.on .ahbu-li-textbox-word p{
    text-align: right;
}
.ahbu-li.on  .ahbu-li-icon{
    margin-right: 0;
    margin-left: 12px;
}
/* g1-关于我们汇总页-end */
/* 载入效果*/
.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}
@keyframes fadeInUpimg {
    0% {
        transform: scale(1.5);
    }
    100% {
        transform: none;
    }
}  
@media screen and (min-width: 1200px) {
    .ctul-box:hover .ys-imgbox-cover img{
        transform: scale(1.05);
    }
    .ncwb-btn a:hover{
        background: #009CA3;
        background: #0063B2;
    }
    .ctul-box:hover .ys-imgbox-cover img {
        transform: scale(1.12);
    }
}
/* delia - end */
.newdet-main .ys-main{
    padding-top: calc(var(--space80) + 4px);
}
.newdet-rela .product-inof-swpro .slick-list {
    padding: var(--space50) 0;
    margin: calc(var(--space50)* -1) 0;
}
.newdet-rela .product-inof-swpro{
    display: block;
}
.newdet-rela .product-inof-swpro-item:not(:first-child){
    display: none;
}
.career-vacan-le .mCSB_outside+.mCSB_scrollTools {
    right: 16px;
    top: 10px;
    bottom: 10px;
}
.career-expand .std-title2{
    margin-bottom: var(--space60);
}
.about-sola .about-us-ri-edr {
    margin-bottom: 0px;
}
.about-sola{
    padding-top: var(--space1);
}
.yx-switch2ul{
    display: flex;
}
.about-why{
    padding-top: var(--space1);
    padding-bottom: var(--space1);
}
.about-why .std-title2{
    text-align: center;
    margin-bottom: var(--space80);
    color: var(--colortitle);
    font-weight: 600;
}
.about-why .std-title2 span{
    background: linear-gradient(101deg, color(display-p3 0.0729 0.7124 0.9117) 48.23%, color(display-p3 0 0.39 0.7) 98.63%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-why-cry-left{
    width: 42.5%;
}
.awcl-inof{
    margin-left: calc(800px - 50vw);
    border-radius: 0 40px 40px 0;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.awcl-inof-item:not(:first-child){
    display: none;
}
.about-why-cry-right{
    width: 57.5%;
    position: relative;
    height: var(--height1);
}
.awcr-inof{
    padding-left: 90px;
    padding-right: 104px;
    padding-bottom: calc(var(--height1) * 0.4);
}
.awcr-inof-item .std-title3{
    color: var(--colortitle);
    line-height: var(--l1h3);
    margin-bottom: var(--space40);
    font-weight: 600;
}
.awcr-inof-item .std-text1,
.awcr-inof-item .std-text1 p{
    color: var(--colortitle);
    line-height: var(--l1h8);
}
.about-why-cry-right::before{
    content: '';
    height: 200px;
    min-height: 40%;
    width: calc(100% - 50px);
    background: linear-gradient(0deg, #FFF 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 2;
}
.about-why-cry{
    display: flex;
    align-items: flex-start;
}
.awcr-inof-item{
    padding-top: 102px;
    padding-bottom: 43px;
}
.about-why-cry-right .mCSB_scrollTools .mCSB_draggerContainer{
    top: 55px;
    bottom: 55px;
}
.about-why-cry-right .mCSB_outside+.mCSB_scrollTools {
    right: 12px;
}
.about-why .slick-prev, 
.about-why .slick-next{
    width: 24px;
    height: 24px;
    z-index: 10;
    top: 55px;
    transform: translateY(0);
}
.about-why .slick-prev::before,
.about-why .slick-next::before{
    content: '';
    background-image: url(../image/0g1_icon.svg);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about-why .slick-prev::before{
    transform: translate(-50%,-50%) rotate(180deg);
}
.about-why .slick-slider{
    position: static;
}
.about-why-cry{
    position: relative;
}
.about-why .slick-next {
    right: -12px;
}
.about-why .slick-prev{
    left: auto;
    right: 27px;
}
.about-why-cry-right .mCSB_scrollTools{
    pointer-events: none;
}
.about-miss{
    position: relative;
}
.about-miss-bg{
    width: 100%;
    /* height: calc(100vh - var(--headx)); */
    top: 0;
    left: 0;
}
.about-miss-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-miss-core{
    /* padding-top: 191px;
    padding-bottom: 242px; */
    padding-bottom: 51px;
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about-miss .std-title2{
    font-weight: bold;
}
.about-year{
    position: relative;
    overflow: hidden;
    padding-top: var(--space1);
    padding-bottom: var(--space1);
}
.about-year-bg{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.about-year-bg img{
    width: 100%;
}
.about-year .ys-cont1600{
    position: relative;
    z-index: 6;
}
.about-year-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space1);
}
.about-year-title .std-title5{
    width: 30em;
}
.about-year-title .std-title2{
    font-weight: bold;
}
.about-year-title .std-title5,
.about-year-title .std-title5 p{
    color: rgba(14,26,27,.7);
}
.about-year-inof{
    width: 825px;
    margin: 0 auto;
    --jian: 36px;
    --jianx: 176px;
}
.about-year-inof-item{
    padding: 0 var(--jianx);
}
.ayii-box .std-title5,
.ayii-box .std-text14{
    position: relative;
    padding-left: 28px;
}
.ayii-box .std-title5::before{
    content: '';
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    background-image: url(../image/0g1_icon2.svg);
    top: 8px;
}
.ayii-box .std-title5{
    line-height: var(--l1h6);
    color: var(--colortitle);
    font-weight: 600;
    margin-bottom: 4px;
}
.ayii-box .std-text14,
.ayii-box .std-text14 p{
    color: rgba(14,26,27,.6);
}
.about-year-inof .about-year-inof-item .std-title1{
    margin-bottom: 27.5px;
    display: inline-block;
    position: relative;
}
.about-year-inof .about-year-inof-item .std-title1 span{
    background: var(--Linear, linear-gradient(101deg, #ff0844 0%, #ffb199 100.57%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--l1h2);
}
.about-year-inof-item:not(:first-child){
    display: none;
}
.about-year-inof .slick-list{
    overflow: visible;
}
.about-year-inof-item{
    position: relative;
}
.about-year-inof-item .std-title1 .ayii-line{
    width: calc(var(--widthx) + var(--jianx) * 2 - var(--jian) * 2);
    height: 1px;
    border-bottom: 1px dashed var(--colorenvi);
    position: absolute;
    left: calc(100% + var(--jian));
    top: 0.6em;
}
.about-year-inof-item .std-title1 .ayii-line::before,
.about-year-inof-item .std-title1 .ayii-line::after{
    content: '';
    width: 4px;
    height: 4px;
    background: var(--colorenvi);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
}
.about-year-inof-item .std-title1 .ayii-line::before{
    left: 0;
}
.about-year-inof-item .std-title1 .ayii-line::after{
    left: 100%;
}
.about-year-inof-item:last-child .std-title1 .ayii-line{
    display: none;
}
.about-year-inof-item .std-title1 span{
    opacity: .4;
    transition: all .4s ease;
}
.about-year-inof-item.slick-center .std-title1 span{
    opacity: 1;
}
.ayii-box .std-title5 span,
.ayii-box .std-text14 {
    opacity: .5;
    transition: all .4s ease;
}
.about-year-inof-item.slick-center .ayii-box .std-title5 span,
.about-year-inof-item.slick-center .ayii-box .std-text14{
    opacity: 1;
}
.about-year-inof{
    margin-bottom: calc(var(--space1) + 20px);
}
.about-year-all{
    border-radius: 80px;
    background: var(--colorfff);
    box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);
    padding: 10.5px 88px;
    position: relative;
}
.ayal-item{
    width: 12.5%;
    text-align: center;
}
.about-year-all.mod-arrows1 .slick-prev, 
.about-year-all.mod-arrows1 .slick-next{
    width: 32px;
    height: 32px;
}
.about-year-all.mod-arrows1 .slick-prev{
    left: 32px;
}
.about-year-all.mod-arrows1 .slick-next{
    right: 32px;
}
.ayal-item{
    cursor: pointer;
}
.ayal-item .std-text18{
    padding: 4px;
    border-radius: 30px;
    transition: all .4s ease;
}
.ayal-item.on .std-text18{
    background: var(--colorenvi);
    color: var(--colorfff);
}
.about-history{
    padding-top: var(--space1);
}
.about-adhere-bg{
    width: 100%;
}
.about-adhere-bg img{
    width: 100%;
}
.about-adhere{
    position: relative;
}
.about-adhere .ys-cont1400{
    position: absolute;
    top: var(--space100);
    left: 50%;
    transform: translateX(-50%);
}
.mysola-big-img{
    --xia: calc(calc(100vh - var(--headx)) / 2 - 153.5px);
    transform-origin: center bottom;
    transform: translateY(calc(var(--xia) * var(--pro1))) scale(calc(1 - var(--pro1) * 0.7));
}
.mysola-big-img::before{
    opacity: 1;
}
.mysola-big{
    --hx1: calc(100vh + var(--headx));
    --da: calc(1 + 1 / 0.3 * var(--pro1));
}
.mysola-big-img::before, 
.mysola-big-img::after {
    height: calc(calc(50vh - 103px) * var(--da));
    width: calc(1700px * var(--da));
    max-width: (10vw * var(--da));
}
.mysola-big-img span::before,
.mysola-big-img span::after{
    height: calc(120% * var(--da));
    width: 200vw;
}
.mysola-ban{
    overflow: hidden;
}
/* 2024.07.28 - start */
.pisi-link {
    height: 100%;
}
.pisi-link-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.pisi-link-text .std-text14 {
    flex-grow: 1;
}
.mod-help.act .help-pop{
    background: rgba(0, 99, 178, 0.80);
}
.help-pop::before{
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 80px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(to right,var(--colorfff) 0%,rgba(255,255,255,0) 30px);
    opacity: 0;
    transition: all .4s ease;
}
.help-pop::after{
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0, 99, 178, 0.80);
    opacity: 0;
    transition: all .4s ease;
}
.mod-help.act .help-pop::before,
.mod-help.act .help-pop::after{
    opacity: 1;
}
.footer-other-link-inof{
    flex-wrap: wrap;
}
.footer-copy-text a{
    white-space: nowrap;
}
.hnid2-cln-nub-link .std-text18{
    flex-grow: 1;
}
.prodet-related-inof .slick-track{
    display: flex;
}
.prodet-related-inof-nub.slick-slide{
    height: auto;
}
.prin-link{
    height: 100%;
}
.prin-link-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.prin-link-text .std-text14{
    flex-grow: 1;
}
.prodet-model{
    overflow: hidden;
}
.rotate-core .mod-arrows1.prodet-case-cry .slick-next{
    right: 0;
}
.rotate-core .mod-arrows1.prodet-case-cry .slick-prev {
    right: 80px;
}
.isfu-list-top-img{
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid var(--colorenvi);
    transition: all .4s ease;
}
.isfu-list-top-img::before,
.isfu-list-top-img::after{
    content: '';
    width: 37.5%;
    height: 1px;
    background: var(--colorenvi);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
}
.isfu-list-top-img::after{
    transform: translate(-50%,-50%) rotate(90deg);
}
.isfu-list.on .isfu-list-top-img{
    transform: rotate(45deg);
    background: var(--colorenvi);
}
.isfu-list.on .isfu-list-top-img::before,
.isfu-list.on .isfu-list-top-img::after{
    background: var(--colorfff);
}
.isfu-list-top-img img{
    display: none;
}
.muci-jia {
    position: absolute;
    width: 24.9%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16.714%;
    border-radius: 50%;
    height: 38.04%;
    overflow: hidden;
}
/* .muci-add>img{
    position: relative;
    z-index: 6;
} */
.muci-video,
.muci-video img,
.muci-video video{
    image-rendering: pixelated;
    backface-visibility: hidden;
}
.muci-add .ys-imgbox-cover img:nth-of-type(2){
    opacity: 1;
}
.muci-add{
    position: relative;
}
.muci-add-img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    opacity: 0;
    transition: all .4s ease-in-out;
}
.muci-add.has-on .muci-add-img{
    opacity: 1;
}
.mysola-uitra-one{
    /* overflow: hidden; */
    position: relative;
}
.mysola-uitra-cry {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
}
.mysola-uitra-zhan1 {
    height: calc(200vh - var(--headx));
}
.mysola-uitra .std-title2{
    padding-top: var(--space1);
}
.mysola-uitra-one.startx .mysola-uitra-cry {
    position: fixed;
    top: var(--headx);
}
.mysola-uitra-one.startx.endx .mysola-uitra-cry {
    position: absolute;
    top: var(--topj);
}
.mysola-uitra-cry-img{
    position: relative;
}
.muci-zhan1,
.muci-zhan1 img{
    width: 100%;
}
.muci-add{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
/* 2024.07.24 - start1 */
.muci-add {
    top: 50%;
    left: 50%;
    --scale1: calc(var(--bgx) - calc(calc(var(--bgx) - 1) * var(--prox1)));
    transform: translate(-50%, -50%) scale(var(--scale1));
    transform-origin: 50% 80%;
}
.muci-add-img img{
    width: 100%;
}
.muci-video{
    /* --scalex: calc(calc(var(--xvalue) - 1) * (1 - var(--prox1)) + 1);
    --scaley: calc(calc(var(--yvalue) - 1) * (1 - var(--prox1)) + 1);
    --radius1: calc(calc(var(--prox1) * 0.5) * 100%); */

    --scalex: calc(calc(var(--xvalue) - 1) * (1 - var(--prox2)) + 1);
    --scaley: calc(calc(var(--yvalue) - 1) * (1 - var(--prox2)) + 1);
    --radius1: calc(calc(var(--prox2) * 0.5) * 100%);
}
.muci-video{
    transform-origin: center var(--xin);
    transform: translateX(-50%) scale(var(--scalex),var(--scaley)) translateZ(10px);
    border-radius: var(--radius1);
    z-index: 10;
    display: block;
}
.mysola-uitra.rotate1 .mysola-uitra-one{
    transform: translateY(var(--now));
}
.mysola-uitra-box{
    height: var(--heightx);
}
.mysola-uitra-one{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}
/* .mysola-uitra.rotate1 .mysola-uitra-one{
    position: fixed;
    top: calc(var(--top_sub) - 1px);
    top: var(--xina);
} */
.mysola-uitra.rotate1.rotate3 .mysola-uitra-one{
    position: absolute;
    top: var(--cha2);
}
/* .mysola-uitra.rotate1 .mysola-rotate3d{
    perspective: 3000px;
} */
/* .mysola-uitra.rotate3 .mysola-rotate3d{
    perspective: 3000px;
} */
/* .mysola-uitra.rotate1 .mysola-uitra-cry-img{
    transform: rotate3d(0, 1, 0, calc(56deg * var(--prox)));
} */
.mysola-uitra{
    overflow: hidden;
}
.mysola-uitra-two{
    opacity: 0;
    pointer-events: none;
    transition: all .9s 0s ease;
}
.mysola-uitra-cry-img{
    transition: all .6s ease;
}
.mysola-uitra.xin1 .mysola-uitra-two{
    opacity: 1;
    pointer-events: all;
    transition: all .9s .5s ease;
}
.mysola-uitra-cry-img{
    transition: all .6s ease,opacity .6s .5s ease;
}
.mysola-uitra.xin1 .mysola-uitra-cry-img{
    opacity: 0;
    pointer-events: none;
    transition: all .6s ease,opacity .6s ease;
}
.mysola-uitra-two{
    position: relative;
    z-index: 10;
}
.mysola-uitra.xin1 .mysola-uitra-two .std-title2{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.mysola-uitra.xin1 .mysola-uitra-two .mutc-other{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.mfii-add{
    transform: scale(0.54);
    transition: all .8s ease-in-out;
}
.mysola-feature-inof-item.on1 .mfii-add{
    transform: scale(1);
}
.mysola-feature-inof-item:first-child .mfii-add{
    transform-origin: center top;
}
.mysola-feature-inof-item.on1:first-child .mfii-add,
.mysola-feature-inof-item.prev1 .mfii-add,
.mysola-feature-inof-item .mfii-add{
    transform-origin: center bottom;
}
.mysola-feature-inof-item.next1 .mfii-add,
.mysola-feature-inof-item.on1~.mysola-feature-inof-item .mfii-add{
    transform-origin: center top;
}
.mysola-feature-inof-item:last-child .mfii-add{
    transform-origin: center top!important;
}
.mysola-uitra .mysola-uitra-two .std-title2{
    text-align: left;
}
.mysola-add{
    height: 100%;
}
.mfii-line img{
    width: 100%;
}
.mutc-img img{
    width: 100%;
}
.mutc-oin-link{
    height: 100%;
}
.muci-zhan1{
    opacity: 0;
    pointer-events: none;
}
.industry-ban .ys-nyban-img img{
    object-fit: cover;
}
.industry-advant-bg, .industry-advant-bg img {
    image-rendering: pixelated;
    backface-visibility: hidden;
}
.irii-link-text .std-text1 p::after{
    top: 0.9em;
}
.industry-relate-inof .slick-track{
    display: flex;
}
.industry-relate-inof-item.slick-slide{
    height: auto;
}
.irii-link{
    height: 100%;
}
.irii-link-text{
    flex-grow: 1;
}
.product-inof-swpro.mod-arrows1 .product-inof-swpro-item{
    margin-bottom: 0;
}
.product-inof-swpro.mod-arrows1 {
    margin: 0 calc(var(--jian)* -1) 0;
    margin-top: var(--space40);
}
.cpic-product .product-inof-swpro.mod-arrows1 {
    margin: 0 calc(var(--jian)* -1) calc(var(--jian)* -2);
    margin-top: var(--space40);
}
.cpic-product .product-inof-swpro.mod-arrows1 .product-inof-swpro-item{
    margin-bottom: calc(var(--jian)* 2);
}
.csbc-top-bg{
    position: relative;
    opacity: 1;
}
.csbc-top-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: linear-gradient(93deg, #00181A 2.35%, rgba(0,0,0,0) 88.38%);
    z-index: 2;
}
.csbc-all{
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.csbc-top-other{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.csbc-top {
    padding: 74px 110px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.cull-cont-bot .std-text1{
    transition: all .4s ease;
}
.about-sola-top-le img{
    width: 100%;
}
.about-miss-core{
    width: 100%;
}
.about-list-ul{
    flex-wrap: wrap;
}
.about-list-ul-li{
    margin-bottom: 18px;
}
.about-list-ul{
    margin-bottom: -18px;
}
.about-miss-ul{
    flex-wrap: wrap;
}
.std-btn3{
    /* --size-default: 22px;
    --size-sm: 16px; */
    --color-green: #00AEB8;
    /* --color-black: #000; */
}
@keyframes rotatex {
    0% {
      --angle: 0deg;
      --glowColor: #00AEB8;
    }
    100% {
      --angle: 360deg;
      --glowColor: #00AEB8;
    }
}
@-webkit-keyframes rotatex {
    0% {
      --angle: 0deg;
      --glowColor: #00AEB8;
    }
    100% {
      --angle: 360deg;
      --glowColor: #00AEB8;
    }
}
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
  }
  @property --glowColor {
    syntax: "<color>";
    initial-value: #00AEB8;
  }
.std-btn3 .std-btn1-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: none;
    background: none;
    position: relative;
    /* padding: 1px; */
    text-decoration: none;
    transition: all 0.18s ease-in-out;
    transform: translate3d(0, 0, 0);
    overflow: visible;
  }
.std-btn3 .std-btn1-link::before,
.std-btn3 .std-btn1-link::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: calc(100px + 1.5px);
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: conic-gradient(from var(--angle) at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, var(--glowColor) 50%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
    /* animation: rotate 2s infinite linear; */
    transform: translate(0);
}
.std-btn3 .std-btn1-link::before{
    animation: rotatex 2s infinite linear;
    filter: blur(20px);
}
.std-btn3 .std-btn1-link-bg1{
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
    -ms-backdrop-filter: blur(40px);
    -o-backdrop-filter: blur(40px);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 80px;
}
.career-vacan-locat .ys-select-li {
    color: var(--colortext);
}
.cvru-li-tp-icon {
    width: 32px;
    height: 32px;
}
.career-main .ys-nyban-btn{
    margin-top: var(--space60);
}
.career-team-ul{
    flex-wrap: wrap;
}
.home-service-inof,
.news-section-btm-bot{
    position: relative;
    z-index: 12;
}
.interact-main .cmcu-item-box .ys-select-bd {
    height: calc(var(--font16)* 4 + 15px);
}
.cmcu-item-box .ys-select-li {
    padding: 0 20px;
}
.cmcu-item-box .ys-select-bd {
    border-radius: 20px;
}
.dsbc-btm-ri-more{
    margin-left: 0!important;
}
.warranty-section-btm .slick-slider{
    position: static;
}
.warranty-section-btm .mod-dots1 .slick-dots{
    width: 10px;
}
.warranty-section-btm .mod-dots1 .slick-dots li {
    width: 10px;
    height: 120px;
    margin: 10px 0px;
    background: transparent;
}
.warranty-section-btm .mod-dots1 .slick-dots li::before,
.warranty-section-btm .mod-dots1 .slick-dots li::after{
    width: 2px;
    height: 100%;
}
.warranty-section-btm .mod-dots1 .slick-dots li::after{
    height: 0%;
    width: 2px;
    top: 0;
    transform: translateX(-50%);
}
.warranty-section-btm .mod-dots1 .slick-dots li.slick-active::after {
    animation: width1x 3s linear forwards;
}
@keyframes width1x {
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}
@-webkit-keyframes width1x {
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}
.warranty-section-btm{
    position: relative;
}
.warranty-section-btm .mod-dots1 .slick-dots{
    top: 50%;
    transform: translateY(-50%);
    right: 75px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.warranty-section-btm{
    padding-bottom: 0!important;
    margin-bottom: var(--space100);
}
.wcul-le {
    display: flex;
    align-items: center;
}
.aulc-text {
    flex-grow: 1;
}
.ys-select-bd .mCSB_scrollTools{
    top: 10px;
    bottom: 10px;
}
/* Delai-20240725 */
.news-section .mod-dots1 .slick-dots{
    width: 51%;
    padding-left: 50px;
    right: 0;
    bottom: 62px;
    text-align: left;
}
.news-section-top .slick-track .slick-slide{
    overflow: visible !important;
}
.news-section-top-cont{
    padding: 0 20px;
}
.news-section-top{
    margin: 0 -20px;
}
.news-section-top .slick-track{
    padding: 10px 0 30px;
}
.nstc-link {
    box-shadow: 0px 10px 18px 0px rgba(102, 147, 144, 0.15);
}
.nsbt-list2-cont-ri{
    transition: all .36s;
}
.nsbt-list-cont .mCSB_outside+.mCSB_scrollTools {
    top: 15px;
    bottom: 10px;
} 
.nsbt-list-cont-icon{
    flex-shrink: 0;
}
.tllb-ul-list{
    align-items: baseline;
}
.tllb-ul-list-text{
    color: var(--colortext);
    line-height: var(--l1h8);
    font-size: var(--font14);
}
.tllb-ul-list-text p a{
    display: block;
}
.tulu-list-link{
    border-radius: 10px 10px 20px 20px;
    border: none;
}
.tulu-list-link-bot{
    position: relative;
    border-radius:  0 0 20px 20px;
}
.tulu-list-link-bot::after{
    content: "";
    width: calc(100% - 3px);
    height: 150%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    border: 1px solid rgba(108, 118, 118, 0.50);
    border-radius:  0 0 20px 20px;
}
.tulu-list-link-top{
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 1200px) {
    .nsbt-list2-cont-ri:hover{
        background:#009CA3;
        background: #0063B2;
    }
}
.dsbc-top-list-cont[onclick]{
    cursor: pointer;
}
.dsbc-btm-ri{
    flex-grow: 1;
    flex-shrink: 0;
}
.dsbc-btm {
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow: hidden;
}
.dsbc-btm.on .dsbc-btm-ri{
    width: 100%;
}
.dsbc-btm.on .dsbc-btm-le{
    opacity: 0;
}
.ys-nybanner1 .ys-bread{
    z-index: 11;
}
.ys-nyban-img{
    position: relative;
}
.ys-nyban-img::before{
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    position: absolute;
    opacity: 0.6;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #002426 100%);
}
.news-section-btm-top {
    z-index: 14;
}
.exhibit-section-cont-le{
    position: relative;
}
.exhibit-section-cont-le::before{
    content: '';
    width: 2px;
    height: 100%;
    background: rgba(108, 118, 118, 0.20);
    position: absolute;
    right: 0;
    top: 0;
}
.escl-list-year.on .std-title5{
    color: var(--colormain);
}
.escl-list-year .std-title5{
    font-weight: 600;
    color: #868D8E;
    transition: all .4s ease;
    cursor: pointer;
    padding-right: 32px;
    position: relative;
    padding-bottom: 23px;
    padding-top: 23px;
}
.escl-lym-nub .std-text14{
    color: #868D8E;
    transition: all .4s ease;
    padding-right: 32px;
}
.escl-lym-nub.on .std-text14{
    color: var(--colormain);
}
.escl-list-year{
    text-align: right;
}
.escl-list-year .std-title5::before,
.escl-list-year .std-title5::after{
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../image/0h3_icon1.svg);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%,-50%);
    opacity: 0;
    transition: all .4s ease;
}
.escl-list-year .std-title5::before{
    background-image: url(../image/0h3_icon2.svg);
    opacity: 1;
}
.escl-list-year.on .std-title5::before{
    opacity: 0;
}
.escl-list-year.on .std-title5::after{
    opacity: 1;
}
.escl-lym-nub{
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
}
.escl-list-year {
    padding-bottom: 25px;
}
.escl-list-year:last-child{
    padding-bottom: 0;
}
.escl-list-year-month{
    display: none;
}
.yx_three3d1_map{
    --widthx: calc(70vh * 1.17);
    width: var(--widthx);
    margin: 0 auto;
    --scale1: calc(1 - 0.15 * var(--proe));
    transform: translateX(calc(50% * var(--proe))) scale(calc(1 - 0.15 * var(--proe)));
    position: sticky;
    top: calc(calc(18.1vh - var(--headx)) / 2 + var(--headx));
}
#yx_three3d1_map_earth{
    width: var(--widthx);
    height: var(--widthx);
    position: relative;
    z-index: 20;
}
.home-promote-inof{
    margin-bottom: var(--space60);
}
.home-promote, .home-become {
    height: calc(100vh - var(--headx));
}
.home-promote{
    height: auto;
    min-height: auto;
}
.home-creat-dots{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.yx_three3d1_map{
    z-index: 20;
}
.home-total{
    position: relative;
}
.home-system .prodet-solution-bg, .home-system .prodet-solution-bg-nub, .home-system .prodet-solution-bg .ys-imgbox-cover, .home-system .prodet-solution-bg img {
    max-height: calc(100vh - var(--headx));
}
.home-explore-zhen{
    height: 75%;
}
.home-explore-zhen img{
    height: 100%;
    object-fit: contain;
}
.home-creat-pop-item:not(:first-child){
    display: none;
}
.home-creat-pop{
    max-width: calc(100% - 80px);
}
.home-creat-pop {
    max-height: calc(100vh - var(--headx) - var(--headx) - 50px);
}
.home-creat-pop .mCSB_inside>.mCSB_container {
    margin-right: 0;
}
.home-creat-pop .mCSB_scrollTools .mCSB_draggerRail{
    top: 20px;
    bottom: 20px;
}
.mysola-big-img img,
.mysola-big-img{
    image-rendering: auto;
    /* image-rendering: pixelated;
    backface-visibility: hidden; */
}
.escr-ul-list {
    margin-bottom: var(--space40)!important;
}
.escr-ul:last-child .escr-ul-list:last-child{
    margin-bottom: 0!important;
}
.escl-list {
    position: sticky;
    top: calc(var(--headx) + var(--space40));
    z-index: 3;
}
.escl-lym-nub{
    position: relative;
}
.escl-list-span{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%,-50%);
}
.escl-list-span-icon{
    border-radius: 50%;
    background: var(--colorfff);
}
.escl-list-span-icon,
.escl-list-span-icon img{
    width: 100%;
    position: relative;
    z-index: 4;
}
.escl-list-span::before,
.escl-list-span::after{
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
}
@keyframes data_kuo {
    0%{
        transform: translate(-50%,-50%) scale(.9);
        opacity: 1;
    }
    100%{
        transform: translate(-50%,-50%) scale(2.2);
        opacity: 0;
    }
}
@-webkit-keyframes data_kuo {
    0%{
        transform: translate(-50%,-50%) scale(.9);
        opacity: 1;
    }
    100%{
        transform: translate(-50%,-50%) scale(2.2);
        opacity: 0;
    }
}
.escl-list-span::before{
    animation: data_kuo 3s linear infinite;
}
.escl-list-span::after{
    animation:  data_kuo 3s linear 1.5s infinite;
}
.escl-list-span{
    opacity: 0;
    transition: all .3s ease;
}
.escl-lym-nub.on .escl-list-span{
    opacity: 1;
}
.exhibit-section-cont-le::after {
    content: '';
    width: 2px;
    height: calc(var(--prox) + 18px);
    background: #18ABB6;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0s ease;
}
.product-inof .ys-cont1600{
    padding-top: calc(var(--space100) + var(--headx));
    margin-top: calc(calc(var(--space100) + var(--headx)) * -1);
}
/* home - 2024.07.31 */
.home-explore{
    position: sticky;
    top: var(--headx);
}
.home-system-add{
    --jian:10px;
    display: flex;
    justify-content: center;
}
.home-system-add-nub{
    padding: 0 var(--jian);
    width: 20px;
    border-radius: 10px;
}
.home-system-inof{
    justify-content: center;
}
.home-system .home-system-inof-nub,
.home-system .home-system-inof-nub.on {
    width: 58px;
    pointer-events: none;
    opacity: 0;
}
.home-system-inof{
    pointer-events: none;
}
.home-total.on1 .home-system-inof-nub{
    opacity: .1;
}
.home-system-inof-nub .home-system-new,
.home-system-inof-nub .home-system-old{
    opacity: 0;
}
.home-system .prodet-solution-bg,
.home-system .prodet-solution-bg-nub, 
.home-system .prodet-solution-bg .ys-imgbox-cover, 
.home-system .prodet-solution-bg img {
    height: calc(100vh - var(--headx));
}
.home-system{
    margin-top: -50vh;
    position: sticky;
    top: var(--headx);
}
.home-total-zhan{
    height: 50vh;
}
.home-system-inof-nub{
    transition: opacity .4s ease,width 1.2s ease;
}
.home-total.on2 .home-system-inof-nub{
    width: 50%;
    opacity: 1;
}
.home-explore-top-text{
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    transition: all .8s .8s ease-in-out;
}
.home-total.on2 .home-explore-top-text{
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
    transition: all .8s ease-in-out;
}
.home-total .home-system-old{
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    opacity: 0;
}
.home-total.on2 .home-system-inof-nub .home-system-old {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    transition: all .4s 1s ease;
}
.home-total.on2.on3 .home-system-inof-nub.on {
    width: calc(50%* 2.3);
}
.home-total.on2.on3 .home-system-inof-nub {
    width: 50%;
    transition: all .5s ease;
}
.home-total.on2.on3 .home-system-old,
.home-total.on2.on3 .home-system-new{
    transition: all .4s ease;
}
.home-total.on2.on3 .home-system-inof-nub.on .home-system-old {
    opacity: 0;
    pointer-events: none;
}
.ys-imgbox-cover.prin-pro{
    overflow: visible;
}
.exhibit-section-cont-ri .std-text1 {
    margin-bottom: 0!important;
}
.awcl-inof{
    position: relative;
}
.awcl-inof-item:not(:first-child){
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.awcl-inof-item{
    opacity: 0;
    pointer-events: none;
    transition: all .4s .2s ease;
    z-index: 1;
}
.awcl-inof-item.on{
    opacity: 1;
    pointer-events: all;
    z-index: 3;
    transition: all .5s .2s ease;
}
.awcl-inof-item.on~.awcl-inof-item{
    transition: all .4s .2s ease;
}
.footer-other-share-nub{
    position: relative;
}
.fosn-code{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    bottom: calc(100% + 18px);
    background: var(--colorfff);
    border-radius: 4px;
    padding: 3px;
    z-index: 10;
    display: none;
}
.fosn-code::before{
    content: '';
    height: 18px;
    width: 100%;
    position: absolute;
    bottom: -18px;
    left: 0;
}
.fosn-code::after{
    content: '';
    border-top: 10px solid var(--colorfff);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.fosn-link{
    cursor: pointer;
}
.aaul-box .ys-demo-num1{
    font-size: calc(var(--font58) - 8px);
    font-weight: bold;
}
.about-adhere-ul-li{
    padding: 0 50px;
}
.about-adhere-ul {
    margin: 0 -50px;
}
.mutc-other-inof {
    padding-right: 40px;
}
.about-sola-ph{
    display: none;
}
.about-sola-btm:not(:first-child){
    display: none;
}
.mod-dots3 .slick-dots li{
    width: 10px;
    height: 10px;
    background: rgba(108, 118, 118, 0.20);
}
.mod-dots3 .slick-dots li.slick-active{
    background: var(--colormain);
}
.mod-dots3 .slick-dots{
    bottom: 0;
}
.about-sola-add.mod-dots3.slick-dotted{
    padding-bottom: 40px;
}
.about-sola-add .slick-prev {
    left: -70px;
}
.about-sola-add .slick-next {
    right: -70px;
}
.pmbi-ttn-font:first-child span{
    color: var(--colortext);
    font-family: 'solavita2'!important;
}
.wsbc-ri{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.wsbc-ri .std-btn1{
    justify-content: flex-end;
    margin-top: var(--space40);
}
.wsbc-ri {
    padding: 80px 127px 50px 70px;
}
.wrul-act {
    padding-top: 16px;
    padding-bottom: 10px;
}
.wrul-act ul li p {
    margin-bottom: 8px;
}
.ys-ban-txtbox .std-title4{
    width: 37em;
    max-width: 100%;
}
.ys-ban-txtbox .std-title4, .ys-ban-txtbox .std-title4 p {
    font-size: var(--font24);
    font-weight: normal;
    letter-spacing: 0.05em;
}
.ys-ban-txtbox .std-title4 p span,
.ys-ban-txtbox .std-title4 span{
    font-weight: 600;
}
.industry-add{
    position: relative;
}
.industry-first{
    position: relative;
    top: 0;
}
.industry-add-box{
    height: 40vh;
}
.industry-add.on1 .industry-first {
    position: fixed;
    top: var(--xia1);
    width: 100%;
}
.industry-add.on2 .industry-first{
    position: absolute;
    top: 40vh;
}
/* 按钮3 - start */
.sb1lb-wai {
    inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.sb1lb-wai{
    width: 100%;
    border-radius: 50px;
    padding: 1.6px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.sb1lb-wai .sb1lb-add{
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: borderTurnWithTranslate 2.5s infinite linear;
    background-image: conic-gradient(from 0 at 50% 50%, rgba(255, 255, 255, .5) 0deg, rgba(255, 255, 255, 0) 60deg, rgba(255, 255, 255, 0) 310deg, rgba(255, 255, 255, .5) 360deg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
.sb1lb-wai .sb1lb-add:before {
    content: "";
    float: left;
    padding-top: 100%;
}
.sb1lb-wai .sb1lb-add:after {
    clear: both;
    content: "";
    display: block;
}
@keyframes borderTurnWithTranslate {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
.std-btn3 .std-btn1-link{
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    -moz-backdrop-filter: blur(32px);
    -ms-backdrop-filter: blur(32px);
    -o-backdrop-filter: blur(32px);
    transition: all .4s ease;
}
.std-btn3 .std-btn1-link::before, 
.std-btn3 .std-btn1-link::after{
    display: none;
}
/* 按钮3 - end */
.industry-advant-cry-box .std-btn1-link-bg1::before {
    background: linear-gradient(111deg, #19ABB6 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, #19ABB6 100%);
    background: linear-gradient(111deg, #0063B2 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, #0063B2 100%);
}
.industry-advant-cry-box .std-btn2 .std-btn1-link,
.industry-advant-cry-box .std-btn1-link::before{
    background: transparent;
    transition: all .4s ease;
}
.cpic-img.act .cpic-img-nub .cpic-img-nub-core {
    transform: rotate(0deg) scale(1) translateX(0%);
    -webkit-transform: rotate(0deg) scale(1) translateX(0%);
}
/* .awcl-inof-item{
    animation: none;
} */
/* .awcl-inof-item.on{
    animation: opacity1 .8s ease forwards;
} */
/* .awcl-inof-item.on~.awcl-inof-item{
    opacity: 0;
} */
@keyframes opacity1{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes opacity1{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.home-system-old{
    padding-top: 0!important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.05em;
}
.home-total.on2 .home-explore-top-text {
    transition: all .8s ease-in-out,opacity .4s ease;
}
.hsin-core-img {
    z-index: -1;
}
.ys-banner .ys-ban-imgbox,
.industry-ban .ys-nyban-img {
    height: 100vh;
}
.ys-banner .ys-ban-imgbox img,
.industry-ban .ys-nyban-img img{
    height: 100%;
    object-fit: cover;
}
.industry-energy-img{
    height: var(--high);
}
.mysola-ban::after{
    content: '';
    width: 100%;
    height: 100%;
    background: var(--colorfff);
    z-index: 10;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .1s ease;
}
.mysola-ban.on::after{
    opacity: 0;
}
.cmcu-item-box input::placeholder,
.cmcu-item-box textarea::placeholder,
.cmcu-item4 .cmcu-item-box textarea::placeholder {
    color: rgba(102,102,102,.5);
}
.cmcu-item4 .cmcu-item-box textarea {
    width: 100%;
    height: 100%;
}
.tulu-list-link-bot::after{
    pointer-events: none;
}
.tllb-ul-list-text p a{
    display: inline-block;
}
/* 2024.08.02 */
.escl-list-year-month{
    position: relative;
}
.exhibit-section-cont-le{
    position: sticky;
    top: calc(var(--headx) + var(--space40));
    height: calc(100vh - calc(var(--headx) + var(--space40)));
}
.escl-list {
    position: relative;
    top: 0;
}
.escl-list-span{
    opacity: 1;
    top: calc(var(--prox) + 18px);
    z-index: 3;
}
.exhibit-section-cont-le::after,
.escl-list-span{
    transition: all .36s ease;
}
/* 2024.08.02 */
.muci-add-bg{
    position: relative;
    /* transform-style: preserve-3d; */
    z-index: -1;
    perspective: 3000px;
}
.mysola-uitra.rotate1 .muci-add-bg{
    transform-style: preserve-3d;
}
/* .mysola-uitra-one.endx .muci-add-bg{
    transform-style: preserve-3d;
} */
.muci-add-bg>img:nth-of-type(n+2){
    position: absolute;
    left: 0;
    top: 0;
}
.muci-add-bg>img{
    transform: translateZ(var(--tz));
}
.muci-add-bg img:nth-child(1) {
    --tz: 0
}
.muci-add-bg img:nth-child(2) {
    --tz: 12px
}
.muci-add-bg img:nth-child(3) {
    --tz: 8px
}
.muci-add-bg img:nth-child(4) {
    --tz: 12px
}
.muci-add-bg img:nth-child(5) {
    --tz: 16px
}
.muci-add-bg img:nth-child(6) {
    --tz: 20px
}
.muci-add-bg img:nth-child(7) {
    --tz: 24px
}
.muci-add-bg img:nth-child(8) {
    --tz: 28px
}
.muci-add-bg img:nth-child(9) {
    --tz: 32px
}
.muci-add-bg img:nth-child(10) {
    --tz: 36px
}
.prodet-box-bg #scrolly-video {
    max-width: 100% !important;
    width: calc(calc(100vh - var(--head2)) * 1.7777) !important;
    height: calc(100vh - var(--head2)) !important;
    top: var(--head2) !important;
}
.prodet-box-bg #scrolly-video video{
    height: calc(100vh - var(--head2)) !important;
}
.mysola-bg video,
.mysola-ban video{
    background: transparent;
}
.mysola-big-img span::after {
    right: calc(100% - 2px);
}
.mysola-big-img span::before {
    left: calc(100% - 2px);
}
.awcl-inof-item:first-child{
    position: relative;
}
.mysola-add{
    position: relative;
}
.mysola-add video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mysola-big-img img{
    position: relative;
    z-index: 10;
}
.mysola-big-img span{
    z-index: 3;
}
.mysola-big-img img {
    height: calc(100% + 4px);
}
.mysola-add video {
    height: 146%;
    object-position: bottom;
    bottom: 0;
}
.home-news .std-btn1{
    z-index: 16;
    position: relative;
}
.head1-language,
.head1-search-icon::before{
    opacity: 0;
    pointer-events: none;
}
.interact-section{
    padding-top: var(--space100)!important;
}
.industry-add.on1 .mod-bread,
.industry-first.on1 .mod-bread{
    z-index: 33;
}
.industry-add.on1 .industry-energy{
    z-index: 32;
}
.industry-energy .std-title2 span::before {
    width: 100%!important;
    max-width: 100%!important;
    right: 0!important;
}
.call-add{
    background: var(--colorfff);
    --height: 60px;
    height: var(--height);
    border-radius: 30px;
    width: 500px;
    box-shadow: 0px 18px 28px 0px rgba(226, 208, 207, 0.24);
    display: flex;
}
.call-add-btn {
    width: 183px;
    border-radius: 30px;
    background: var(--colormain);
    display: flex;
    align-items: center;
    padding: 0 18px;
    transition: all .4s ease;
}
.call-add-btn .std-text1{
    line-height: var(--height);
    text-align: center;
    color: var(--colorfff);
    width: 100%;
    cursor: pointer;
    border: 0;
    outline: none;
    background: none;
}
.call-add-input{
    width: calc(100% - 183px);
    flex-grow: 1;
}
.call-add-input input {
    width: 100%;
    height: var(--height);
    padding-left: 48px;
    padding-right: 20px;
    font-size: var(--font16);
    cursor: pointer;
    border: 0;
    outline: none;
    background: none;
}
.mysola-uitra-three{
    height: 30vh;
}
.mysola-uitra.xin1 .mysola-uitra-two-add{
    position: fixed;
    top: var(--ding1);
    width: 100%;
}
.mysola-uitra.xin2 .mysola-uitra-two-add{
    position: absolute;
    top: var(--addt_top);
} 


.isgu-list-ul-list{
    position: relative;
}
.isgu-lul-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 99, 178, 0.80);
    box-shadow: 0px 0px 12px 0px rgba(109, 223, 255, 0.25);
    overflow: hidden;
    transition: all .4s ease;
    opacity: 0;
}
.isgu-lul-bg span{
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
}
.isgu-lul-bg span::after{
    content: '';
    height: 200px;
    width: 100%;
    background: linear-gradient(to right bottom,#13B6E8,#13B6E8);
    position: absolute;
    bottom: 0;
    left: 0;
}
.ilul-icon,
.ilul-title,
.ilul-text{
    position: relative;
    z-index: 10;
    transition: all .4s ease;
}
.ilul-text p{
    transition: all .4s ease;
}
.isgu-list-ul-list .ys-imgbox-cover img:nth-child(3){
    opacity: 0;
}
.mysola-uitra-addz{
    height: 30vh;
}
.mysola-uitra-one.startx .mysola-uitra-cry {
    top: var(--headx);
}
.mysola-uitra.rotate1 .mysola-uitra-one.startx.endx .mysola-uitra-cry {
    position: fixed;
    top: var(--topt);
}
/* .mysola-uitra.rotate3 .mysola-uitra-cry-img {
    transform: rotate3d(0, 1, 0, calc(28deg* var(--prox)));
} */
.mysola-uitra.xin2 .mysola-uitra-one.startx.endx .mysola-uitra-cry  {
    position: absolute;
    top: calc(var(--topj) + var(--tian1));
}
.hcpi-close{
    display: block!important;
}




/* 按钮3 - start */
.std-addbtn1 .sb1lb-wai {
    inset: 0;
    -webkit-mask: linear-gradient(var(--colorenvi) 0 0) content-box, linear-gradient(var(--colorenvi) 0 0);
    mask: linear-gradient(var(--colorenvi) 0 0) content-box, linear-gradient(var(--colorenvi) 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.sb1lb-wai{
    width: 100%;
    border-radius: 50px;
    padding: 1.6px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.std-addbtn1 .sb1lb-wai .sb1lb-add{
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: borderTurnWithTranslate 2.5s infinite linear;
    background-image: conic-gradient(from 0 at 50% 50%, rgba(255 0 0 / 50%) 0deg, rgba(0, 99, 178, 0) 60deg, rgba(0, 99, 178, 0) 310deg, rgba(255 0 0 / 50%) 360deg);
    background-image: conic-gradient(from 0 at 50% 50%, rgba(255 0 0 / 50%) 0deg, rgba(0, 99, 178, 0) 60deg, rgba(0, 99, 178, 0) 310deg, rgba(255 0 0 / 50%) 360deg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
.sb1lb-wai .sb1lb-add:before {
    content: "";
    float: left;
    padding-top: 100%;
}
.sb1lb-wai .sb1lb-add:after {
    clear: both;
    content: "";
    display: block;
}
@keyframes borderTurnWithTranslate {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
.std-btn3 .std-btn1-link{
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    -moz-backdrop-filter: blur(32px);
    -ms-backdrop-filter: blur(32px);
    -o-backdrop-filter: blur(32px);
    transition: all .4s ease;
}
.std-btn3 .std-btn1-link::before, 
.std-btn3 .std-btn1-link::after{
    display: none;
}
.std-addbtn1 .std-btn1-link-bg1,
.std-addbtn1 .std-btn1-link::before,
.std-addbtn1 .std-btn1-link::after{
    display: none;
}
.std-addbtn1 .std-btn1-link .std-text18 {
    color: var(--colorenvi)!important;
}
.std-addbtn1 .std-btn1-quan::after {
    border: 1px solid var(--colormain);
}
/* 按钮3 - end */
.ahbu-li-box {
    -webkit-backdrop-filter: blur(6px);
    -moz-backdrop-filter: blur(6px);
    -ms-backdrop-filter: blur(6px);
    -o-backdrop-filter: blur(6px);
}
.nstc-link-le .ys-imgbox-cover{
    border-radius: 20px 10px 10px 20px;
}
.nsbb-list-link-img .ys-imgbox-cover{
    border-radius: 10px;
}
.exhibit-main .ys-nyban-img {
    height: 100vh;
}
.exhibit-main .ys-nyban-img img{
    height: 100%;
    object-fit: cover;
}
.ctul-pic .ys-imgbox-cover{
    border-radius: 20px;
}
.career-expand-ul-li .ys-imgbox-cover{
    border-radius: 10px;
}
.hsin-core-img {
    width: 58%;
}
.hsin-core-text {
    width: 42%;
}
.hsin-core-text-bg img{
    width: 100%;
    object-position: right center;
}
.hsin-core-text-bg {
    min-width: 120%;
}
.hsin-core-text {
    padding-left: 82px;
}
.ys-privacy .ys-priban {
    top: 50%;
    padding-top: calc(var(--headx) / 2);
}
.ys-privacyh1 {
    line-height: 1.3;
    position: relative;
    top: -0.35em;
}
.ys-main .ys-pribanner {
    height: 330px;
}
.home-main .ys-ban-slick .slick-dots li.on::after {
    animation: width1 var(--width1) linear forwards;
}
.tsct-link-list-href,
.std-btn1-link{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.mfii-video{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); 
}
.cull-img .ys-imgbox-cover{
    border-radius: 10px;
}
.industry-advant-cry .ys-cont1360{
    z-index: 2;
}
.hnid2-crn-item .std-title4{
    color: #0A1B1B;
    line-height: var(--l1h4);
    margin-bottom: 20px;
    font-weight: 600;
}
.hnid2-crnt-three {
    width: 33.333333%;
}
.hnid2-crnt-three .ys-imgbox-cover{
    background: #F9F9F9;
    position: relative;
}
.hnid2-crnt-three .std-text1{
    font-size: var(--font18);
    text-align: center;
}
.hnid2-crn-item{
    margin-bottom: 57px;
}
.hnid2-crn-item:last-child{
    margin-bottom: 0;
}
.hnid2-crnt-three .ys-imgbox-cover::before{
    content: '';
    height: 1px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colormain);
    transition: all .4s ease;
    opacity: 0;
}
.dlsl-text{
    transition: all .4s ease;
}
.dlsl-box::after{
    display: none;
}
.dlsl-box::before{
    content: '';
    background-image: url(../image/0right.svg);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
    opacity: 0;
}
.dlsl-box{
    font-size: 0;
    transition: all .4s ease;
    border: 1px solid rgba(110, 118, 118, 0.5);
}
.dblu-list-select-list.act .dlsl-box::before{
    opacity: 1;
}
.dblu-list-select-list.act .dlsl-box {
    border: 1px solid var(--colormain);
}
.dblu-list-select-list.act .dlsl-text{
    color: var(--colormain);
}
.dlsl-box {
    margin-top: calc(var(--font14) * 0.9 - 8px);
}
.dllr-bottom{
    --jian1: 10px;
    --jian2: 10px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--jian1) * -1) calc(var(--jian2) * -1);
}
.dllr-bottom-nub{
    padding: 0 var(--jian1);
    margin-bottom: var(--jian2);
}
.dllr-bottom-nub-btn .ys-imgbox-cover{
    width: 16px;
    margin-left: 8px;
}
.dllr-bottom-nub-btn .ys-imgbox-cover img{
    transform: scale(1)!important;
}
.dllr-bottom-nub-btn{
    border: 1px solid var(--colormain);
    height: 30px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border-radius: 15px;
    transition: all .4s ease;
}
.dllr-bottom-nub-btn .std-text14{
    color: var(--colormain);
    transition: all .4s ease;
}
.dstu-list-text{
    font-weight: normal;
}

.dllr-bottom-nub-btn .ys-imgbox-cover img:nth-of-type(3){
    opacity: 0;
}
.dblu-list-tit .std-title5 {
    flex-grow: 1;
}
.industry-mode-video .slick-track{
    display: flex;
}
.industry-mode-video .slick-slide{
    height: auto;
}
.industry-mode-video .solavita-video1{
    height: 100%;
}
.industry-energy .industry-ban-text-inof{
    display: none;
}
/* 2024.08.14 - start */
.mysola-uitra-cry-img{
    position: static;
}
.muci-add,
.muci-add-img,
.muci-add-bg{
    width: 100%;
    height: calc(100vh - var(--headx));
    object-fit: contain;
}
.muci-add-bg img,
.muci-add-img img{
    width: 100%;
    height: calc(100vh - var(--headx));
    object-fit: contain;
}
.muci-add {
    top: 0;
    left: 50%;
    /* --scale1: calc(var(--bgx) - calc(calc(var(--bgx) - 1)* var(--prox1))); */
    --scale1: calc(1 - calc((1 - var(--bgx)) * var(--prox1)));
    transform: translate(-50%, 0) scale(var(--scale1));
    transform-origin: 50% var(--origin2)!important;
}
.muci-add.has-on .muci-add-img {
    opacity: 0;
}
/* 
.mysola-uitra.xin1 .mysola-uitra-cry-img {
    opacity: 1;
    pointer-events: all;
} */
/* .mysola-uitra.rotate3 .mysola-uitra-cry-img {
    transform: rotate3d(0, 0, 0, 0);
} */
.mysola-uitra .muci-add-bg{
    transform: rotate3d(0, 1, 0, calc(0deg* var(--prox)));
    transition: all .5s .5s ease;
}
.mysola-uitra.rotate3 .muci-add-bg{
    transform: rotate3d(0, 1, 0, calc(16deg* var(--prox)));
    transition: all .5s ease;
}
.mysola-uitra .mysola-uitra-cry-img {
    transition: all .6s .8s ease, opacity .6s .8s ease;
}
.mysola-uitra.xin1 .mysola-uitra-cry-img {
    transition: all .6s .8s ease, opacity .6s .8s ease;
}
.mysola-uitra-two {
    transition: all .9s .3s ease;
}
.mysola-uitra.xin1 .mysola-uitra-two {
    transition: all .9s .7s ease;
}
.mysola-title1{
    opacity: 0;
    transition: all .4s ease;
}
.muci-add {
    transform-origin: 50% 0% !important;
    --yxia: calc(var(--tit_hight) * var(--prox3));
    transform: translate(-50%, var(--yxia)) scale(var(--scale1));
}
.mysola-uitra.has-font .mysola-title1{
    opacity: 1;
}
/* 2024.08.14 - end */
.prodet-one-img{
    display: none;
}
.home-creat-pop .mCSB_scrollTools .mCSB_draggerContainer {
    top: 40px;
    bottom: 40px;
}
.ys-ban-imgbox::before{
    opacity: 0;
}
.ptii-text .std-font58{
    font-size: calc(var(--font58) - 4px);
}
.ptii-text-lie-nub {
    margin-bottom: 14px;
}
.ptii-text-lie {
    margin-top: var(--space40);
}
.mysola-uitra-three {
    height: 50vh;
}
/* 2024.08.26 - start */
.ibti-nub-icon{
    width: 40px;
    margin-left: 16px;
    margin-bottom: 10px;
}
.hpin-icon{
    width: 64px;
    margin: 0 auto;
    margin-bottom: 18px;
}
.hnid2-crnt-three .std-text14,
.hnid2-crnt-three .std-text14 p{
    text-align: center;
}
.head-addx{
    display: flex;
}
.head-other .head-addx .std-btn1:not(:first-child) {
    margin-left: 20px;
}
.std-btn1x .std-btn1-link::after,
.std-btn1x .std-btn1-link::before{
    display: none;  
}
.std-btn1x .std-btn1-link{
    border: 1px solid var(--colorenvi);
}
.std-btn1x .std-btn1-link .std-text18{
    color: var(--colorenvi);
}
.std-btn1x-icon{
    width: 20px;
}
.std-btn1x-icon img{
    transform: scale(1)!important;
}
.std-btn1x-icon img:nth-of-type(3){
    opacity: 0;
}
.hnid2-cln-nub-link .std-text18{
    color: rgba(51, 51, 51, .5);
}
.hnid2-cry.act1 .hnid2-cln-nub.yxnav-active2 .std-text18{
    color: rgba(51, 51, 51, .5);
}
.mod-head2 .std-btn1:not(.std-btn1x) .std-btn1-link .std-text18{
    font-size: var(--font14);
}
.hnid2-crn-third {
    --jian2: 50px;
}
.head-other .std-btn1.std-btn1x {
    margin-left: 0px!important;
}
.std-btn1x .std-btn1-link{
    flex-direction: row-reverse;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.std-btn1x .std-btn1-link .std-text18{
    margin-right: 0px;
    margin-left: 14px;
}
.std-btn1x .std-btn1-link {
    border: 1px solid transparent;
}
.ys-hd-pc.isfixed .std-btn1x .std-btn1-link,
.ys-hd-pc.ishover .std-btn1x .std-btn1-link, 
.inside-main.act .ys-hd-pc .std-btn1x .std-btn1-link{
    border: 1px solid transparent;
}
.std-btn1x .std-btn1-link {
    padding-left: 18px;
    padding-right: 18px;
}
.mod-call{
    display: none;
}
.dsts-le input,
.dsts-le input::placeholder{
    font-weight: normal;
}
.prodet-two .std-font58{
    font-size: calc(var(--font58) - 4px);
}
.prodet-main .std-font58 span,
.prodet-two .std-font58 span{
    background: linear-gradient(101deg, #00C0F7 0%, #0063b2 100.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.ayii-box .std-text14, .ayii-box .std-text14 p{
    font-size: var(--font16);
}
.aure-li-num span{
    font-size: var(--font18);
}
.aure-li-word p{
    font-size: var(--font16);
}
.awcr-inof-item .std-text1, .awcr-inof-item .std-text1 p{
    font-size: var(--font18);
}
.exhibit-section-cont-le::after{
    background: var(--colormain);
}
.about-miss-ul-li {
    width: 33.333333%;
}
.ys-select .mCSB_scrollTools{
    opacity: 0;
    transition: all 0s linear 0s;
}
.ys-select .showscroll .mCSB_scrollTools{
    opacity: 1;
    transition: all .3s ease .2s;
}
.explore-title span::before {
    width: 100%;
}
.mutc-other-inof {
    padding-right: 50px;
}
.interact-main .cmcu-item-select.cmcu-item-box .ys-select-bd {
    height: calc(var(--font16)* 8 + 15px);
}
.head1-language,
.head1-search-icon::before{
    opacity: 1;
    pointer-events: all;
}
.h1lbi-link-text{
    padding-left: 0;
}
.prodet-main {
    background: #e5e5e5;
}
.prodet-box-bg #scrolly-video::before, .prodet-box-bg #scrolly-video::after{
    background: #e5e5e5;
}
/* 2024.11.04 */
.mysola-uitra-three {
    height: 200vh;
}
.mysola-uitra.rotate1.xin1 .mysola-uitra-one.startx .mysola-uitra-cry {
    top: var(--topt);
    transition: top .4s ease;
}
.mysola-other .mutc-other-inof{
    justify-content: center;
}
.mutc-oin-link{
    position: relative;
}
.mutc-oin-link::before {
    content: '';
    background: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: all .4s ease;
    height: 100%;
    opacity: 0;
}
.mutc-oin-link img{
    transform: scale(1)!important;
}
.mysola-other .mutc-oin-link{
    border: 0px solid transparent;
}
.mysola-other .mutc-oin-link{
    overflow: visible;
}
.mysola-other .mutc-other-inof-nub {
    width: calc(238px + var(--jian) * 2);
    height: auto;
}
.mysola-other .mutc-oin-link{
    border-radius: 26px;
    overflow: hidden;
}