@charset "utf-8";
/* 公共样式 - start */
body,input,textarea {
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}
.altumcode {
    --fontFamily: "PingFang SC", "Microsoft YaHei" !important;
}
html{
    font-size: 100px;
}
:root{
    /* 字号 */
    --font200: 2.0rem;
    --font100: 1.0rem;
    --font80: 0.80rem;
    --font64: 0.64rem;
    --font54: 0.54rem;
    --font52: 0.52rem;
    --font48: 0.48rem;
    --font44: 0.44rem;
    --font40: 0.40rem;
    --font32: 0.32rem;
    --font26: 0.26rem;
    --font24: 0.24rem;
    --font20: 0.20rem;
    --font18: 0.18rem;
    --font16: 0.16rem;
    --font14: 0.14rem;
    --font12: 0.12rem;
    /* 间距 */
    --space240: 2.4rem;
    --space210: 2.1rem;
    --space200: 2.0rem;
    --space190: 1.9rem;
    --space180: 1.8rem;
    --space160: 1.6rem;
    --space150: 1.5rem;
    --space140: 1.4rem;
    --space130: 1.3rem;
    --space120: 1.2rem;
    --space100: 1.0rem;
    --space90: 0.9rem;
    --space80: 0.8rem;
    --space60: 0.6rem;
}
:root {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 60px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #F4AA74;
    --colorhover: #0047BA;
    --colorclick: #003995;
    --colorbj: #23233A;
    --colorbj1: #E8F3FF;
    --colorlin: linear-gradient(100deg, #0AB0F7 3.14%, #0803E9 97.83%);
    --colorbj2: #F2F3F5;
    --colortitle1: #0F0F0F;
    --colortitle2: #555669;
    --colortext: #9F9F9F;
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;  
    /* 特殊字体 */
    --bold:'';
}
.std-font64,
.std-font64 p {
    font-size: var(--font64);
    color: var(--colortitle1);
    line-height: var(--line12);
}
.std-font54,
.std-font54 p {
    font-size: var(--font54);
    color: var(--colortitle1);
    line-height: var(--line12);
}
.std-font48,
.std-font48 p{
    font-size: var(--font48);
    color: var(--colorfff);
    line-height: var(--line12);
    font-weight: 600;
}
.std-font44,
.std-font44 p,
.yxedr-active h2 {
    font-size: var(--font44);
    color: var(--colortitle1);
    line-height: var(--line13);
}
.std-font40,
.std-font40 p {
    font-size: var(--font40);
    color: var(--colortitle2);
    line-height: var(--line13);
}
.std-font32,
.std-font32 p,
.yxedr-active h3 {
    font-size: var(--font32);
    color: var(--colortitle1);
    line-height: var(--line14);
}
.std-font24,
.std-font24 p,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--colortitle2);
    line-height: var(--line14);
}
.std-font20,
.std-font20 p {
    font-size: var(--font20);
    color: var(--colortitle2);
    line-height: var(--line16);
}
.std-text18,
.std-text18 p {
    font-size: var(--font18);
    color: var(--colortext);
    line-height: var(--line16);
}
.std-text16,
.std-text16 p {
    font-size: var(--font16);
    color: var(--colortext);
    line-height: var(--line16);
}
.std-text14,
.std-text14 p {
    font-size: var(--font14);
    color: var(--colortext);
    line-height: var(--line18);
}
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line16);
    margin-bottom: 0.6em;
}
.std-padding120t {
    padding-top: var(--space120);
}
.std-padding120 {
    padding-bottom: var(--space120);
}
.std-padding100t {
    padding-top: var(--space100);
}
.std-padding100 {
    padding-bottom: var(--space100);
}
.std-margin40 {
    margin-bottom: var(--space40);
}
.std-padding40 {
    padding-bottom: var(--space40);
}
.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}
.search-main{
    --colormain1: var(--colormain) !important;
}
.ys-cont1800 {
    width: 100vw;
    padding: 0 3.125vw;
    max-width: 1800px;
    --place: 3.125vw;
    --cont: 93.75vw;
    margin: auto;
}
@media screen and (min-width: 1921px){
    .ys-cont1800 {
        padding: 0 60px;
        --place: calc(50vw - 900px);
        --cont: 1800px;
    }
}
.ys-cont1520 {
    width: 85vw;
    max-width: 1520px;
    margin: auto;
    --place: calc(50vw - 760px);
    --cont: 1520px;
}
.ys-cont1480 {
    width: 85vw;
    max-width: 1480px;
    margin: auto;
    --place: calc(50vw - 740px);
    --cont: 1480px;
}
.ys-cont900 {
    width: 85vw;
    max-width: 900px;
    margin: auto;
    --place: calc(50vw - 450px);
    --cont: 950px;
}
@media screen and (max-width: 1788px){
    .ys-cont1520 {
        --place: 7.5vw;
        --cont: 85vw;
    }
}
@media screen and (max-width: 1741px){
    .ys-cont1480 {
        --place: 7.5vw;
        --cont: 85vw;
    }
}
@media screen and (max-width: 1117px){
    .ys-cont900 {
        --place: 7.5vw;
        --cont: 85vw;
    }
}
@media screen and (max-width: 767px) {
    .ys-cont1800,
    .ys-cont1520,
    .ys-cont1480,
    .ys-cont900 {
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
        --place: 20px;
        --cont: calc(100vw - 40px);
    }
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    content: '分享到 - 微信';
    /* content: 'Share the - WeChat'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2)!important;
    white-space: nowrap;
}
/*导航默认选中*/
.yxnav-active1 {

}
.yxnav-active2 {

}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/* 省略号 */
.line-clamp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 过渡 */
.transition-time1{
    transition: all .36s both;
}
.transition-time2{
    transition: all .5s both;
}
/* 侧边锚点隐藏 */
.mod-anchor{
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
    position: fixed;
    z-index: 20;
}
.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor ul{
    transition: all .4s ease;
}
.mod-anchor:not(.act) ul{
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor.act ul{
    opacity: 0;
    transform: translateX(-50%);
}
/* 轮播箭头 */
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled{
    pointer-events: none!important;
    opacity: .5!important;
}
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next{
    
}
/* 公共样式 - end */

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .std-btn1-link:hover::after{
        width: 100%;
        left: 0%;
        right: auto;
    }
    .home-control-click-nub:hover::before{
        width: 100%;
        left: 0;
        right: auto;
    }
    .home-control-click-nub:hover .std-text18{
        color: transparent;
    }
    .home-control-click-nub:hover .std-text18::before{
        opacity: 1;
    }
    .footer-privacy a:hover{
        color: var(--colorfff);
    }
    .std-btn4-link:hover::before,
    .std-btn5-link:hover::before,
    .head-lang:hover .std-btn5-link::before{
        left: 0;
        right: auto;
        width: 100%;
    }
    .std-btn4-link:hover .std-text18,
    .std-btn5-link:hover .std-text16,
    .head-lang:hover .std-btn5-link .std-text16{
        color: var(--colorfff)!important;
    }
    .std-btn5-link:hover .btn5-icon img:first-child,
    .head-lang:hover .std-btn5-link .btn5-icon img:first-child{
        opacity: 1!important;
    }
    .std-btn5-link:hover .btn5-icon img:nth-of-type(2),
    .head-lang:hover .std-btn5-link .btn5-icon img:nth-of-type(2){
        opacity: 0!important;
    }
    .head-ldi-nub a:hover{
        color: var(--colorfff);
        background: #7E818F;
    }
    .home-design-text .std-text16 span:hover i{
        opacity: 1;
        pointer-events: all;
    }
    .home-super-btn-nub:hover .hsbn-text::before{
        width: 100%;
        left: 0%;
        right: auto;
    }
    .home-super-btn-nub:hover .liquidGlass-shine{
        opacity: 0;
    }
    .home-super-btn-nub:hover .hsbn-icon{
        background: #fff;
    }
    .ys-share-list:hover .ys-share-img img:nth-of-type(2){
        opacity: 1;
    }
    .ys-share-list:hover .ys-share-img img:first-child{
        opacity: 0;
    }
    .nsll-link:hover .nsll-link-le .ys-imgbox-cover img{
        transform: scale(1.2);
    }
    .mod-arrows1 .swiper-button-next:hover::before,
    .mod-arrows1 .swiper-button-prev:hover::before{
        opacity: 0;
    }
    .mod-arrows1 .swiper-button-next:hover::after,
    .mod-arrows1 .swiper-button-prev:hover::after{
        opacity: 1;
    }
}
.home-control-click-nub.on .std-text18{
    color: transparent;
}
.home-control-click-nub.on .std-text18::before{
    opacity: 1;
}
.ys-nybanner{
    background: linear-gradient(to bottom,#232d3f,#36558c);
}
.about-scroll{
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    transform: translateX(-50%);
}
.about-scroll-btn{
    width: 0.64rem;
    height: 0.64rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.about-scroll-rotate{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    animation: rotate1 10s linear infinite;
}
@keyframes rotate1 {
    0%{
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%,-50%) rotate(360deg);
    }
}
@-webkit-keyframes rotate1 {
    0%{
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%,-50%) rotate(360deg);
    }
}
.about-scroll-btn-arrow{
    width: 59.375%;
    height: 59.375%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    border: 1px solid var(--colorfff);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-scroll-btn-arrow img{
    width: 52.64%!important;
    height: auto!important;
}
.about-scroll .std-text18{
    color: var(--colorfff);
    line-height: var(--line16);
    text-align: center;
    margin-top: 0.1rem;
}
.ys-nyban-title .std-font64{
    position: relative;
}
.ys-nyban-title .std-font64,
.ys-nyban-title .std-font64 p{
    font-weight: bold;
    color: var(--colorfff);
    font-size: var(--font64);
    line-height: var(--line12);
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.font64-left{
    padding-right: 0.15em;
}
.font64-right{
    padding-left: 0.15em;
}
.font64-left,
.font64-center,
.font64-right{
    overflow: hidden;
}
.ys-nyban-title .font64-center:nth-child(2){
    width: 0;
}
.ys-nyban-title p{
    white-space: nowrap;
}
.ys-nyban-title .std-font20{
    margin-top: 0.61rem;
    text-align: center;
}
.ys-nyban-title .std-font20,
.ys-nyban-title .std-font20 p{
    line-height: var(--line16);
    color: var(--colorfff);
}
.font64-left p{
    transform: translateY(-110%);
}
.font64-right p{
    transform: translateY(110%);
}
.ys-nyban-title .std-font64 p{
    transition: all 0s ease;
}
.ys-nyban-img{
    height: 100vh;
}
.ys-nyban-img img{
    height: 100%;
    object-fit: cover;
}
.about-dream{
    /* height: 600vh; */
    height: 300vh;
    overflow: visible;
}
.about-dream-box{
    height: 100vh;
    background: #363945;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.about-dream-font{
    font-size: var(--font200);
    line-height: var(--line12);
    color: var(--colorfff);
    transition: all 0s ease;
    white-space: nowrap;
    font-weight: 600;
    display: flex;
    justify-content: center;
    will-change: font-size;
}
.about-dream-font span{
    white-space: nowrap;
    margin: 0 auto;
    opacity: 0;
    transform: translate(50%, 0px);
    transition: all 0s ease;
    line-height: inherit;
    will-change: font-size;
}
.about-dream-box .std-font24{
    padding-top: 0.32rem;
}
.about-dream-text{
    height: 0;
    opacity: 0;
    transform: translateY(50vh);
}
.about-dream-box .std-font24,
.about-dream-box .std-font24 p{
    text-align: center;
    line-height: var(--line15);
    color: var(--colorfff);
}
.about-dream-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0rem;
    height: 0rem;
    border-radius: 50%;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-dream-bg img{
    width: 100vw;
    height: 100vh;
    transform: scale(2);
    object-fit: cover;
}
.about-world{
    height: 300vh;
    overflow: visible;
}
.about-world-core{
    height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.about-world-core .ys-cont900{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.about-world-core .std-font64{
    display: flex;
    align-items: center;
    position: relative;
    width: 98vw;
    justify-content: center;
}
.font64-left1,
.font64-right1{
    width: calc(50% - 2rem);
}
.font64-left1{
    text-align: right;
}
.about-world-core .std-font64,
.about-world-core .std-font64 p{
    font-weight: 600;
    color: #363945;
    line-height: var(--line12);
    white-space: nowrap;
}
.font64-center1{
    width: 0px;
    margin: 0 0.15em;
    position: relative;
}
.font64-center1::before{
    content: '';
    height: 4px;
    width: calc(100% - 0.95em);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #363945;
}
.font64-left1,
.font64-right1{
    overflow: hidden;
}
.font64-left1 p{
    transform: translateY(110%);
}
.font64-right1 p{
    transform: translateY(-110%);
}
.about-world-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
}
.about-world-bg-nub{
    width: 50%;
    height: 100%;
}
.about-world-bg-nub img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0);
}
.about-world-bg-nub:first-child img{
    transform-origin: top left;
}
.about-world-bg-nub:last-child img{
    transform-origin: bottom right;
}
.about-world .std-font24,
.about-world .std-font24 p{
    line-height: var(--line15);
    color: var(--colorfff);
    text-align: center;
}
.about-world .std-font24{
    padding-top: 0.32rem;
}
.about-world-text{
    height: 0;
    opacity: 0;
    transform: translateY(50vh);
}
.about-global{
    background: #363945;
    padding-top: var(--space160);
}
.mod-title1 .std-font48,
.mod-title1 .std-font20,
.mod-title1 .std-font20 p{
    text-align: center;
    color: var(--colorfff);
}
.mod-title1 .std-font20{
    width: 57em;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 0.32rem;
}
.agci-nub{
    margin-bottom: 0.25rem;
}
.about-global-cry-inof{
    width: 4.9rem;
}
.about-global-cry{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.agci-nub-core{
    cursor: pointer;
    background: rgba(206, 209, 225, 0.01); 
    border-radius: 12px;                
    -webkit-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 0 24px 50px -6px rgba(0, 0, 0, 0.35); 
    display: flex;
    padding: 30px 40px;
}
.agci-nub-core .std-text18{
    width: 44.88%;
}
.agci-nub-core .std-text16{
    width: 55.12%;
}
.home-ban{
    min-height: 150vh;
    overflow: visible;
    position: relative;
}
.home-ban-wai,
.home-ban-text{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.home-ban-bg{
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    position: sticky;
    overflow: hidden;
}
.home-ban-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-ban #scrolly-video{
    position: relative;
    z-index: 6;
}
.home-ban video{
    background: transparent;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-ban-text-core .std-font64,
.home-ban-text-core .std-font64 span{
    text-align: center;
}
.home-ban .std-font64 span{
    background: linear-gradient(180deg, #F2FBFF 6.33%, #D0E8FF 65.97%, #FFEBDA 102.74%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.1;
    letter-spacing: 2.56px;
    font-weight: 600;
    position: relative;
    z-index: 6;
}
.home-ban .ys-cont1480{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 8;
    top: 31.9vh;
    margin: 0 auto;
}
.home-star{
    position: relative;
    padding-top: 1.9rem;
    overflow: visible;
}
.home-star-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.home-star-bg,
.home-star-bg img{
    width: 100%;
}
.home-star .mod-title2{
    width: 74.5%;
    margin: 0 auto;
    text-align: center;
}
.home-star .ys-cont1480{
    position: relative;
    z-index: 6;
}
.font-gradient1 span{
    background: linear-gradient(to right bottom,#FFFFFF 0%,#E0F0FF 58%,#FFE4D0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mod-title2 .std-font64{
    line-height: var(--line12);
    font-weight: 600;
}
.mod-title2 .std-font20{
    margin-top: 0.4rem;
}
.mod-title2 .std-font20,
.mod-title2 .std-font20 p{
    line-height: var(--line16);
    color: rgba(255, 255, 255, .7);
}
.mod-title2 .std-font20 span{
    color: var(--colorfff);
    line-height: var(--line16);
}
.home-star .mod-title2{
    margin-bottom: 1.11rem;
}
.ys-horse:not(:last-child){
    margin-bottom: 0.3rem;
}
.home-star .ys-horse{
    --width1: 4.96rem;
    --gap1: 0.16rem;
}
.home-star .ys-horse .ys-imgbox-cover{
    width: 100%;
    border-radius: 10px;
}
.home-do{
    padding-top: var(--space200);
    position: relative;
    z-index: 3;
    padding-bottom: 0.19rem;
}
.home-do-top{
    display: flex;
    --gap1: 0.2rem;
    margin: 0 calc(var(--gap1) * -1);
}
.home-do-inof{
    display: flex;
    flex-wrap: wrap;
   
}
.home-do-inof-nub{
    width: 100%;
    padding: 0 var(--gap1);
    margin-bottom: calc(var(--gap1) * 2);
}
.hdin-link{
    display: block;
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.hdin-link-bg,
.hdin-link-bg img{
    width: 100%;
}
.hdin-link .std-font40{
    font-weight: 500;
    color: #363945;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.hdin-link .about-scroll-btn{
    position: absolute;
    bottom: 0.3rem;
    right: 0.3rem;
}
.about-scroll-btn1 .about-scroll-btn-arrow{
    background: rgba(40, 40, 40, 0.3);
}
.home-do .std-font64{
    text-align: center;
    line-height: var(--line12);
    font-weight: 600;
    color: #363945;
    margin-bottom: 0.8rem;
}
.home-do-inof-nub:first-child .std-font40 {
    padding: 0.6rem 0.5rem 0;
    text-align: center;
}
.home-do-inof:first-child .home-do-inof-nub:nth-of-type(2) .std-font40{
    padding: 0.4rem 0.4rem 0;
    color: var(--colorfff);
    width: 70%;
}
.home-do-inof:nth-of-type(2) .home-do-inof-nub:nth-of-type(2) .std-font40{
    padding: 0.5rem 0.5rem 0;
    width: 70%;
}
.home-do-bot .hdin-link-bg{
    width: 65.4%;
}
.hdin-link::before{
    content: '';
    position: absolute;
    width: 75.95%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0.3;
    background: linear-gradient(270deg, #222B3C 0%, rgba(34, 43, 60, 0.00) 100%);
}
.home-do-bot .std-font40{
    position: absolute;
    padding-top: 0.8rem;
    padding-right: 1.16rem;
    right: 0;
    top: 0;
    text-align: right;
    z-index: 6;
}
.home-do-bot .std-font40,
.home-do-bot .std-font40 p{
    color: #363945;
}
.home-do-bot .std-font40 p:nth-of-type(2n-1){
    padding-right: 3.2em;
}
.hdin-link-phone{
    width: 23.784%;
}
.home-do-bot .hdin-link{
    height: 4.55rem;
}
.home-do-bot .hdin-link-bg {
    margin-top: -6%;
}
.hdin-link-phone{
    margin-top: -19%;
    margin-left: 38.78%;
    position: relative;
    z-index: 10;
}
.home-design{
    position: relative;
    overflow: visible;
}
.home-design-zhan-start{
    height: 50vh;
}
.home-design-zhan-end{
    height: 100vh;
}
.home-design-zhan-center{
    min-height: 150vh;
}
.home-design-box{
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 6;
}
.hdii-icon{
    width: 0.6rem;
    border-radius: 50%;
    background: #F4F4F4;
    box-shadow: 0.75px 0.75px 0.75px 0 #FFF inset, -0.75px -0.75px 0 0 rgba(0, 0, 0, 0.10) inset;
    filter: drop-shadow(7.5px 7.5px 15.91px rgba(0, 0, 0, 0.05)) drop-shadow(4.426px 4.426px 6.259px rgba(0, 0, 0, 0.19)) drop-shadow(1.994px 1.994px 2.82px rgba(0, 0, 0, 0.23)) drop-shadow(0.908px 0.908px 1.284px rgba(0, 0, 0, 0.25)) drop-shadow(0.333px 0.333px 0.472px rgba(0, 0, 0, 0.26));
    -webkit-filter: drop-shadow(7.5px 7.5px 15.91px rgba(0, 0, 0, 0.05)) drop-shadow(4.426px 4.426px 6.259px rgba(0, 0, 0, 0.19)) drop-shadow(1.994px 1.994px 2.82px rgba(0, 0, 0, 0.23)) drop-shadow(0.908px 0.908px 1.284px rgba(0, 0, 0, 0.25)) drop-shadow(0.333px 0.333px 0.472px rgba(0, 0, 0, 0.26));
    -moz-filter: drop-shadow(7.5px 7.5px 15.91px rgba(0, 0, 0, 0.05)) drop-shadow(4.426px 4.426px 6.259px rgba(0, 0, 0, 0.19)) drop-shadow(1.994px 1.994px 2.82px rgba(0, 0, 0, 0.23)) drop-shadow(0.908px 0.908px 1.284px rgba(0, 0, 0, 0.25)) drop-shadow(0.333px 0.333px 0.472px rgba(0, 0, 0, 0.26));
    -ms-filter: drop-shadow(7.5px 7.5px 15.91px rgba(0, 0, 0, 0.05)) drop-shadow(4.426px 4.426px 6.259px rgba(0, 0, 0, 0.19)) drop-shadow(1.994px 1.994px 2.82px rgba(0, 0, 0, 0.23)) drop-shadow(0.908px 0.908px 1.284px rgba(0, 0, 0, 0.25)) drop-shadow(0.333px 0.333px 0.472px rgba(0, 0, 0, 0.26));
    -o-filter: drop-shadow(7.5px 7.5px 15.91px rgba(0, 0, 0, 0.05)) drop-shadow(4.426px 4.426px 6.259px rgba(0, 0, 0, 0.19)) drop-shadow(1.994px 1.994px 2.82px rgba(0, 0, 0, 0.23)) drop-shadow(0.908px 0.908px 1.284px rgba(0, 0, 0, 0.25)) drop-shadow(0.333px 0.333px 0.472px rgba(0, 0, 0, 0.26));
}
.home-design-inof-item .hdii-icon{
    margin-bottom: 6px;
}
.home-design-inof-item .std-font32{
    line-height: var(--line14);
    font-weight: 500;
    color: #363945;
    margin-bottom: 6px;
}
.home-design-inof-item .std-text16{
    color: #7E818F;
    line-height: var(--line16);
}
.home-design-inof-item{
    padding: 0.6rem 0;
    position: relative;
}
.home-design-data-nub{
    padding: 0.4rem 0;
    position: relative;
}
.home-design-inof-item::before{
    content: '';
    width: 0.6rem;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #CED1E1;
}
.home-design-data-nub::before{
    content: '';
    width: 0.5rem;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #CED1E1;
}
.home-design-inof-item:last-child::before,
.home-design-data-nub:last-child::before{
    display: none;
}
.home-design-font{
    font-size: var(--font200);
    line-height: var(--line12);
    color: rgba(206, 209, 225, 0.1);
}
/* .home-design{
    background: linear-gradient(to bottom,#F5F5F7 0%,#FDFDFD 30%,#FFFFFF 100%);
} */
.home-design-sticky{
    position: sticky;
    height: 100vh;
    top: 0;
    /* padding-top: var(--space160); */
}
.home-design-sticky-left{
    padding-top: var(--space160);
}
.home-design-sticky .home-design-font{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0 0.2rem;
}
.home-design-text .std-font20{
    color: #F4AA74;
    line-height: var(--line16);
    margin-bottom: 2px;
}
.home-design-text .std-font40{
    line-height: var(--line12);
    font-weight: 600;
    color: #363945;
    margin-bottom: 0.24rem;
}
.home-design-text .std-text16,
.home-design-text .std-text16 p{
    color: #7E818F;
    line-height: var(--line16);
}
.home-design-text .std-text16 span{
    color: #F4AA74;
    text-decoration: underline;
    text-underline-position: under;
    cursor: pointer;
    position: relative;
}
.home-design-text{
    width: 42.11%;
}
.home-design-sticky .ys-cont1520{
    position: relative;
    height: 100%;
}
.home-design-right{
    width: 2rem;
    right: 0;
    position: absolute;
    height: 100%;
    top: 0;
}
.std-btn1{
    display: flex;
    justify-content: flex-start;
}
.std-btn1-link{
    padding: 0.1rem 0.6rem; 
    border-radius: 5px;
    border: 1px solid #FFF;
    background: #363945;
    display: block;
    position: relative;
}
.std-btn1-link .std-text18{
    background: linear-gradient(180deg, #FFF 6.33%, #D0E8FF 102.74%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--line16);
    font-weight: 500;
    position: relative;
    z-index: 8;
}
.home-design-text .std-btn1{
    margin-top: 0.6rem;
}
.std-btn1-link::after{
    content: '';
    position: absolute;
    right: 0%;
    background: #7E818F;
    border-radius: 5px;
    width: 0%;
    height: 100%;
    top: 0%;
    z-index: 2;
    transition: all .4s ease;
}
.std-btn1-link::before{
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    background: linear-gradient(to right,transparent,#fff,transparent);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
}
.home-design-data-nub .std-font40{
    color: #363945;
    line-height: var(--line13);
    font-weight: 600;
}
.home-design-data-nub .std-font40 i{
    margin-left: 4px;
    font-size: var(--font20);
    line-height: var(--line16);
    color: #363945;
    font-style: normal;
    font-weight: 500;
}
.home-design-data-nub .std-text16{
    color: #7E818F;
    line-height: var(--line16);
}
.home-design-pro{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.home-design-pro .ys-cont1440{
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.home-design-wai{
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
}
.home-design-wai-pos{
    position: sticky;
    top: 0;
    height: 100vh;
}
.home-design-wai-pos .hdwp-add{
    width: 100%;
    top: 20vh;
    position: relative;
}
.home-design-wai-pos img{
    width: 100%;
}
.hdwp-imgh2{
    display: none;
}
.home-main video{
    background: transparent;
}
.home-energy-inof-nub{
    position: relative;
}
.home-super-btn,
.hein-core-box{
    width: 100vw;
    height: calc(100vw / 1920 * 940);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home-super.act .home-super-btn,
.home-energy.act .home-super-btn,
.home-super.act .hein-core-box{
    height: 100vh;
    width: calc(100vh / 940 * 1920);
}
.hein-text{
    width: 35.42vw;
    max-width: 680px;
    background: rgba(255, 255, 255, 0.2); /* 霜冻 + 浅色 */
    border: 1px solid rgba(255, 255, 255, 0.3); /* 描边 */
    backdrop-filter: blur(22px); 
    -webkit-backdrop-filter: blur(22px); 
    -moz-backdrop-filter: blur(22px);
    -ms-backdrop-filter: blur(22px);
    -o-backdrop-filter: blur(22px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2); /* 玻璃反光 */
    padding: 0.5rem;
    border-radius: 10px;
    bottom: calc(100% - var(--top));
    right: calc(100% - var(--left));
    position: absolute;
}
.home-energy-inof-nub.on .hein-text{
    right: auto;
    left: var(--left);
}   
.hein-text .std-font32{
    color: var(--colorfff);
    line-height: var(--line14);
    font-weight: 600;
    margin-bottom: 0.24rem;
}
.hein-text .std-text18,
.hein-text .std-text18 p{
    color: var(--colorfff);
    line-height: var(--line16);
}
.mod-title3{
    text-align: center;
}
.hein-img-top{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}
.hein-img-top img{
    width: 100%;
}
.home-energy-inof-nub.on .ys-cont1560{
    justify-content: flex-end;
}
.mod-title3 .std-font20{
    color: #F4AA74;
    line-height: var(--line16);
}
.mod-title3 .std-font40{
    color: #363945;
    line-height: var(--line12);
    margin-bottom: 0.24rem;
    font-weight: 600;
}
.mod-title3 .std-text16,
.mod-title3 .std-text16 p{
    color: #7E818F;
    line-height: var(--line16);
}
.home-energy .mod-title3,
.home-super .mod-title3{
    margin-bottom: 0.6rem;
}
.home-energy{
    padding-top: var(--space150);
    overflow: visible;
}
.home-super-box{
    position: relative;
    width: 100%;
    /* border-radius: 20px; */
    overflow: hidden;
}
.home-super-box-img,
.home-super-box-img img{
    width: 100%;
}
.home-super-btn-nub{
    width: 34px;
    height: 34px;
    transform: translate(-50%,-50%);
    position: absolute;
    cursor: pointer;
}
.hsbn-icon{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid var(--colorfff);
    background: #CED1E1;
    transition: all .4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 8;
}
.hsbn-icon span{
    width: 8px;
    height: 8px;
    background: #363945;
    border-radius: 50%;
}
.home-super{
    padding-top: var(--space160);
    overflow: visible;
}
.hsbn-text{
    position: absolute;
    border-radius: 80px;
    top: 50%;
    transform: translateY(-50%);
    --right1: -12px;
    --padding1: 22px;
    right: var(--right1);
    padding-right: var(--padding1);
}
.home-super-btn-nub.act .hsbn-text{
    left: var(--right1);
    padding-left: var(--padding1);
    right: auto;
    padding-right: 0;
}
.hsbn-text .std-text18{
    white-space: nowrap;
    color: var(--colorfff);
    line-height: var(--line16);
    padding: 14px 40px;
}
/* 玻璃 - start */
#glass-distortion,
.liquidGlass-wrapper {
    --frost: 18px;
    --border: 1.5px;  
}       
.liquidGlass-wrapper{
    display: inline-block;
    border-radius: 9999px;   
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 0px var(--border) rgba(255, 255, 255, 0.2), 0 0 20px rgba(255, 255, 255, 0.1);
}
.liquidGlass-effect {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(var(--frost));
    -webkit-backdrop-filter: blur(var(--frost));
    -moz-backdrop-filter: blur(var(--frost));
    -ms-backdrop-filter: blur(var(--frost));
    -o-backdrop-filter: blur(var(--frost));
    filter: url(#glass-distortion);
    -webkit-filter: url(#glass-distortion);
    -moz-filter: url(#glass-distortion);
    -ms-filter: url(#glass-distortion);
    -o-filter: url(#glass-distortion);
    border-radius: inherit;
    height: calc(100% - 1px);
    top: 1px;
}
.liquidGlass-tint {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.08);
    border-radius: inherit;
    height: calc(100% - 1px);
    top: 1px;
}
.liquidGlass-shine {
    inset: 0;
    position: absolute;
    -webkit-mask: linear-gradient(var(--colormain) 0 0) content-box, linear-gradient(var(--colormain) 0 0);
    mask: linear-gradient(var(--colormain) 0 0) content-box, linear-gradient(var(--colormain) 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    padding: 1px;
    border-radius: inherit;
    height: 100%;
    width: 100%;
}
.liquidGlass-shine span{
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(169deg,#fff,transparent,#fff);
    top: 0;
    left: 0;
    transition: all .4s ease;
}
.liquidGlass-text{
    position: relative;
    z-index: 3;
}
/* 玻璃 - end */
.home-super-pop-nub{
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 0.32rem;
    border-radius: 10px;
    width: 340px;
    transform: translateY(calc(100% + 40px));
    transition: all .4s ease;
}
.home-super-pop-nub.on{
    transform: translateY(0);
}
.home-super-pop-nub .std-font24{
    margin-bottom: 0.16rem;
    line-height: var(--line15);
    font-weight: 500;
    color: var(--colorfff);
}
.home-super-pop-nub .std-text16,
.home-super-pop-nub .std-text16 p{
    color: rgba(255,255,255,.7);
    line-height: var(--line16);
}
.hsbn-text::before{
    content: '';
    background: #363945;
    position: absolute;
    width: 0%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    border-radius: 80px;
    transition: all .4s ease;
    z-index: 2;
}
.liquidGlass-shine {
    transition: all .4s ease;
}
.home-super-btn-nub.on .hsbn-text::before{
    width: 100%;
    left: 0%;
    right: auto;
}
.home-super-btn-nub.on .liquidGlass-shine{
    opacity: 0;
}
.home-super-btn-nub.on .hsbn-icon{
    background: #fff;
}
.home-adas{
    position: relative;
    background: #000;
    overflow: visible;
}
.home-adas-bg-wai{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-adas-bg{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-adas-bg{
    max-width: 1920px;
}
.home-adas-bg,
.home-adas-bg img{
    width: 100%;
}
.home-adas .mod-title4{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.home-adas{
    padding-top: 2.2rem;
}
.mod-title4 .std-font64{
    margin-bottom: 0.24rem;
    font-weight: 600;
}
.home-adas .ys-cont1520{
    position: relative;
    z-index: 6;
}
.mod-title4 .std-font40,
.mod-title4 .std-font40 p{
    color: rgba(255,255,255,.5);
    line-height: var(--line12);
    font-weight: 600;
}
.mod-title4 .std-font40 span{
    color: var(--colorfff);
}
.font-gradient1{
    position: relative;
}
.font-gradient1::before{
    content: attr(data-title);
    position: absolute;
    top: 0.059375em;
    left: 0.2125em;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: inherit;
    opacity: 0.3;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
}
.home-adas .home-super-box{
    z-index: 6;
}
.home-adas-box{
    margin-top: 0.7rem;
    width: 100vw;
    /* left: 7.396vw; */
    left: 0;
}
.home-adas-box .home-super-btn-nub{
    width: 28px;
    height: 28px;
}
.home-adas-box .hsbn-icon::before{
    content: '';
    position: absolute;
    width: 207%;
    height: 175%;
    top: 50%;
    left: 50%;
    transform: translate(-63%, -48%);
    object-fit: contain;
    background: url(../images/0a1_add1.svg) no-repeat center center;
    background-size: 100% 100%; 
}
.home-adas-box .hsbn-icon {
    border: 1px solid transparent;
    background: transparent;
}
.home-adas-box .hsbn-text .std-text18 {
    padding: 10px 20px;
}
.home-adas-box .hsbn-text{
    --right1: -10px;
    --padding1: 34px;
}
.home-adas-box .home-super-pop-nub {
    right: calc(7.396vw + 48px);
    bottom: 23px;
}
.hspn-text .std-text16 ul p{
    position: relative;
    padding-left: 0.24rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.5em;
}
.hspn-text .std-text16 li:last-child p{
    margin-bottom: 0;
}
.hspn-text .std-text16 ul p::before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--colorfff);
    opacity: 0.9;
    left: 0.09rem;
    top: calc(0.8em - 2.5px);
    border-radius: 50%;
}
.home-touch{
    position: relative;
}
.home-touch-inof-nub:not(:first-child){
    display: none;
}
.htin-img{
    position: relative;
}
.htin-img img{
    width: 100%;
}
.rotate-video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.home-touch-box{
    position: absolute;
    left: 0.8rem;
    width: 6.1rem;
    height: 6.1rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
    /* background: rgba(94, 94, 94, 0.10); */
    background: rgba(94, 94, 94, 0.30);
}
.home-touch-text-nub:not(:first-child){
    display: none;
}
.home-touch-text-nub .std-font32{
    margin-bottom: 0.24rem;
    line-height: var(--line14);
    text-align: center;
    font-weight: 600;
    color: var(--colorfff);
}
.home-touch-text-nub .std-text16,
.home-touch-text-nub .std-text16 p{
    text-align: center;
    line-height: var(--line16);
    color: var(--colorfff);
}
.home-touch-core{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-touch-text{
    width: 4.6rem;
}
.home-touch-circle{
    position: absolute;
    width: 5.2rem;
    height: 5.2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    border: 1px dashed var(--colorfff);
}
.home-modern{
    min-height: 200vh;
    overflow: visible;
    position: relative;
}
.home-modern-core{
    position: sticky;
    height: 100vh;
    top: 0;
}
.home-modern-bg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.home-modern-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-modern-bg video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.home-modern-video,
.home-modern-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.home-modern-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
}
.std-btn2 .std-btn2-link{
    position: relative;
    padding: 8px 28px;
    border-radius: 5px;
}
.std-btn2-link .std-text16{
    line-height: var(--line16);
    color: var(--colorfff);
}
.home-modern-core .std-btn2{
    margin-top: 0.32rem;
}
.home-modern-core {
    padding-top: var(--space190);
}
.home-modern-core .mod-title3 .std-font20,
.home-modern-core .mod-title3 .std-font40{
    color: var(--colorfff);
}
.home-modern-end,
.home-modern-end img{
    width: 100%;
}
.home-modern-end{
    position: relative;
}
.home-modern-inof{
    --gap1: 0.4rem;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    margin-top: 0.25rem;
}
.home-modern-inof-nub{
    width: 20%;
    padding: 0 var(--gap1);
    position: relative;
}
.home-modern-inof-nub .hdii-icon{
    width: 0.64rem;
    margin: 0 auto;
    margin-bottom: 0.12rem;
}
.home-modern-inof-nub .std-text18{
    color: #363945;
    line-height: var(--line16);
    text-align: center;
}
.home-modern-inof-nub::before{
    content: '';
    position: absolute;
    right: 0;
    height: 0.44rem;
    width: 1px;
    background: #CED1E1;
    top: 50%;
    transform: translateY(-50%);
}
.home-modern-inof-nub:last-child::before{
    display: none;
}
.home-modern-text-title{
    color: #363945;
}
.home-modern-text-word,
.home-modern-text-word p{
    color: #7E818F;
}
.home-modern-text-title,
.home-modern-text-word{
    text-align: center;
}
.home-modern-text{
    margin-top: 0.4rem;
}
.home-modern-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.home-modern-pop{
    opacity: 1;
}
.home-modern-pop-bg{
    opacity: 0;
}
/* .home-modern-pop.on{
    opacity: 1;
    pointer-events: all;
} */
.home-modern-pop.on .home-modern-pop-bg{
    opacity: 1;
    pointer-events: all;
}
.home-modern-pop-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    top: 0;
    left: 0;
    z-index: 2;
}
.hmpn-core{
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.70);
    width: 100%;
    position: relative;
    pointer-events: all;
}
.hmpn-core-cry{
    display: flex;
}
.hmpn-core-cry-img{
    width: 46.25%;
    position: relative;
}
.hmpn-core-cry-img video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 6;
}
.home-modern-pop-nub{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 6;
    transform: translateY(120%);
    transition: all .4s ease;
    will-change: transform;
}
.home-modern-pop-nub.on{
    transform: translateY(-0.89rem);
}
.hmpn-core-cry-word{
    width: 53.75%;
    padding: 0.3rem 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hmpn-core-cry-word .std-font24{
    margin-bottom: 0.24rem;
    color: #363945;
    font-weight: 600;
    line-height: var(--line15);
}
.hmpn-core-cry-word .std-text16,
.hmpn-core-cry-word .std-text16 p{
    color: #7E818F;
    line-height: var(--line16);
}
.hmpn-core-cry-word .std-text16 span{
    color: #F4AA74;
}
.std-btn3-link-icon{
    width: 24px;
    margin-left: 12px;
}
.std-btn3-link-icon img{
    width: 100%;
}
.std-btn3-link{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.hmpn-core .std-btn3{
    position: absolute;
    right: 0.8rem;
    bottom: 0.6rem;
    z-index: 10;
}
.std-btn3-link .std-text16 {
    color: #363945;
}
.hmpn-core-close{
    width: 48px;
    position: absolute;
    top: 0.16rem;
    right: 0.16rem;
    border-radius: 80px;
    background: #F4F4F4;
    box-shadow: 1px 1px 1px 0 #FFF inset, -1px -1px 0 0 rgba(0, 0, 0, 0.10) inset, 0.445px 0.445px 0.629px -0.75px rgba(0, 0, 0, 0.26), 1.211px 1.211px 1.712px -1.5px rgba(0, 0, 0, 0.25), 2.658px 2.658px 3.759px -2.25px rgba(0, 0, 0, 0.23), 5.901px 5.901px 8.345px -3px rgba(0, 0, 0, 0.19), 10px 10px 21.213px -3.75px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    z-index: 10;
}
.hmpn-core-close img{
    width: 100%;
}
.home-control{
    position: relative;
    overflow: visible;
    min-height: 200vh;
}
.home-control-core{
    min-height: 100vh;
    position: relative;
    padding-bottom: var(--space160);
}
.home-control-img{
    position: relative;
    padding-top: 31px;
}
.home-control-img,
.home-control-img img{
    width: 100%;
}
.home-control-img-small{
    width: 84.0625%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.home-control-img-small img{
    width: 100%;
}
.home-control-img-small img:nth-of-type(n+2){
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.home-control-btn{
    position: absolute;
    width: 85.1042%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4%;
}
.home-control-btn img{
    width: 100%;
}
.home-control-core{
    padding-top: 1.55rem;
    position: sticky;
    top: 0;
}
.home-control-core-title{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1.3rem;
    z-index: 8;
}
.home-control-click{
    border-radius: 10px;
    background: #F4F4F6;
    padding: 4px;
    display: flex;
}
.home-control-click-nub{
    margin: 0 5px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.40);
    min-width: 1.6rem;
    padding: 4px 40px;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-control-click-nub:first-child{
    margin-left: 0;
}
.home-control-click-nub:last-child{
    margin-right: 0;
}
.home-control-rotate{
    width: 741px;
    margin: 0 auto;
}
.home-control-img-nub:not(:first-child){
    display: none;
}
.home-control-total{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.home-control-click-nub .std-text18{
    color: #7E818F;
    transition: all .4s ease;
    position: relative;
    z-index: 6;
}
.home-control-click-nub .std-text18::before{
    background: linear-gradient(180deg, #FFF 6.33%, #D0E8FF 102.74%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
}
.font-before::before{
    content: attr(data-text);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    line-height: inherit;
    transition: all .4s ease;
    text-align: inherit;
    font-size: inherit;
    color: inherit;
}
.home-ban-text-core .font-before{
    position: relative;
}
.home-ban-text-core .font-before::before{
    opacity: 0.2;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    color: #fff;
}
.home-control-click-nub::before{
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
    width: 0%;
    transition: all .4s ease;
    background: #363945;
    /* border: 1px solid #fff; */
    border-radius: 10px;
    top: 0;
    z-index: 3;
}
.home-control-click-nub::after{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    border: 1px solid #fff;
    position: absolute;
    z-index: 2;
}
.home-control-click-nub.on::before{
    width: 100%;
    left: 0;
    right: auto;
}
.home-control-click-nub.on .std-text18{
    color: transparent;
}
.home-control-click-nub.on .std-text18::before{
    opacity: 1;
}
.home-control-text{
    width: 69.375%;
    margin: 0 auto;
    margin-top: 0.32rem;
    text-align: center;
}
.home-control-text .std-text16,
.home-control-text .std-text16 p{
    color: #7E818F;
    line-height: var(--line16);
}
.home-control-text-nub:not(:first-child){
    display: none;
}
.horn-img{
    width: 100%;
    position: relative;
}
.horn-img video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.home-one-rotate-nub:not(:first-child){
    display: none;
}
.home-need{
    position: relative;
    overflow: visible;
}
.home-need .ys-cont1560{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: var(--space180);
}
.home-need-bg,
.home-need-bg img{
    width: 100%;
}
.home-need .std-font64{
    background: linear-gradient(91deg, #FFF 2.33%, #E0F0FF 34.38%, #FFE4D0 84.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}
.home-need .std-font24{
    margin-top: 0.24rem;
}
.home-need .std-font24,
.home-need .std-font24 p{
    line-height: var(--line15);
    color: var(--colorfff);
}
.mod-title5{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.ys-footer{
    background: #202020;
    position: relative;
}
.footer-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.footer-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footer-mail-lin{
    position: relative;
}
.footer-bg canvas{
    width: 100%;
    height: 100%;
}
.ys-footer .ys-cont1600{
    position: relative;
    z-index: 6;
}
.ys-footer{
    padding-top: var(--space80);
}
.footer-nav{
    --gap1: 0.3rem;
    --gap2: 0rem;
    justify-content: flex-start;
}
.footer-nav>li>a {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--colorfff);
}
.footer-top {
    align-items: center;
    padding-bottom: var(--space130);
}
.footer-mail-core{
    display: flex;
    align-items: center;
    padding: 0.1rem 0.28rem;
}
.footer-mail-lin.liquidGlass-wrapper {
    border-radius: 10px;
}
.footer-mail-core-icon{
    width: 24px;
}
.footer-mail-core-icon img{
    width: 100%;
} 
.footer-mail-lin .std-font20{
    padding-left: 10px;
    line-height: var(--line16);
    color: var(--colorfff);
}
.footer-mail-lin .liquidGlass-shine span {
    background: linear-gradient(174deg, #fff, transparent, #fff);
}
.footer-share {
    --gap1: 12.5px;
    --width1: 40px;
}
.ys-footer {
    --sapceft3: 0.3rem;
    --sapceft4: 0.3rem;
}
.footer-share-code {
    bottom: calc(100% + 10px);
    top: auto;
}
.footer-share-code::before {
    border-top: 8px solid var(--colorfff);
    border-bottom: 0px;
    top: auto;
    bottom: -8px;
}
.footer-bot{
    align-items: center;
}
.footer-privacy {
    --gap1: 16px;
}
.footer-privacy a{
    font-size: var(--font16);
    line-height: var(--line16);
    color: rgba(255, 255, 255, .5);
}
.home-future-inof-nub{
    width: 40.625vw;
    padding: var(--gap1);
}
.home-future-bg{
    --gap1: 2.5px;
}
.home-future{
    background: #000;
    height: 100vh;
    position: relative;
}
.home-future-inof{
    display: flex;
}
.home-future-bg{
    width: 121.875vw;
    /* position: absolute;
    top: 50%;
    left: 50%; */
    /* transform: translate(-50%,-50%) rotate(-4.499deg); */
    transform: rotate(-4.499deg);
}
.home-future-bg::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 6;
}
.home-future-core{
    position: absolute;
    z-index: 8;
    width: 100%;
    height: 100%;
    top: 0 ;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.home-future .std-font64{
    background: linear-gradient(91deg, #FFF 2.33%, #E0F0FF 34.38%, #FFE4D0 84.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    line-height: var(--line12);
}
.home-future .std-font20{
    margin-top: 0.24rem;
}
.home-future .std-font20,
.home-future .std-font20 p{
    line-height: var(--line16);
    color: var(--colorfff);
}
.home-future .std-btn4{
    margin-top: 0.4rem;
    display: flex;
    justify-content: center;
}
.std-btn4-link{
    border-radius: 5px;
    background: var(--colorfff);
    padding: 0.1rem 0.6rem;
    position: relative;
}
.std-btn4-link .std-text18{
    color: #363945;
    position: relative;
    z-index: 6;
    transition: all .4s ease;
}
.std-btn4-link::before,
.std-btn5-link::before{
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: inherit;
    transition: all .4s ease;
    background: #7E818F;
    z-index: 2;
}
.home-future .ys-cont1560{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.home-need .home-adas-box {
    margin-top: 0rem;
    left: 0vw;
}
.horn-img{
    width: 100vw;
    height: 100vh;
}
.horn-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-one-rotate-nub{
    position: relative;
}
.home-one-rotate-nub .ys-cont1520{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: var(--space180);
    padding-bottom: var(--space150);
}
.horn-top{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.horn-top .std-font20{
    color: #F4AA74;
}
.horn-top .std-font64{
    background: linear-gradient(91deg, #FFF 2.33%, #E0F0FF 34.38%, #FFE4D0 84.77%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}
.horn-bot .std-text18,
.horn-bot .std-text18 p{
    line-height: var(--line16);
    color: var(--colorfff);
}
.horn-bot .std-text18{
    width: 54.54%;
}
.home-one{
    position: relative;
}
.mod-dots1-controls{
    position: absolute;
    bottom: 1.1rem;
    left: 50%;
    transform: translateX(-50%);
}
.mod-dots1-controls .slick-dots{
    bottom: 0;
    padding: 8px 11px;
}
.mod-dots1-controls .slick-dots li{
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, .2)!important;
    padding: 1px;
    position: relative;
    border-radius: 10px;
    margin: 0 5px;
}
.mod-dots1-controls .slick-dots li span{
    position: absolute;
    width: 0%;
    height: calc(100% - 2px);
    background: #fff;
    border-radius: 10px;
    top: 1px;
    left: 1px;
    opacity: 0;
    transition: all .4s ease;
}
.mod-dots1-controls .slick-dots li.slick-active{
    width: 30px;
}
.mod-dots1-controls .slick-dots li.slick-active span{
    opacity: 1;
}
@keyframes progress1 {
    0%{
        width: 0%;
    }
    100%{
        width: calc(100% - 2px);
    }
}
@-webkit-keyframes progress1 {
    0%{
        width: 0%;
    }
    100%{
        width: calc(100% - 2px);
    }
}
.mod-dots1-controls .slick-dots li::before,
.mod-dots1-controls .slick-dots li::after{
    display: none;
}
.ys-dots1.dots-go .slick-dots li.slick-active span {
    animation: progress1 var(--pro) linear both;
}
.home-control-img{
    transform-origin: top center;
}
.home-control-rotate{
    width: 100%;
}
.home-control-img-nub:first-child .hcin-core{
    opacity: 0;
}
.hcin-core{
    margin: 0 auto;
    /* transition: all .4s ease; */
}
.home-control-rotate{
    --width1: 741px;
    --topx:-0.38;
}
.hcin-core img,
.hcin-core-cry{
    width: 100%;
}
.home-control-rotate{
    transform-origin: 50% 20%;
}
.home-control-img-nub{
    position: relative;
}
.home-control-img{
    position: absolute;
    width: 100%;
}
/* .home-control.control-change .home-control-img-nub:first-child .hcin-core{
    opacity: 1;
}
.home-control.control-change .home-control-img-nub:first-child .home-control-img{
    opacity: 0;
} */
.head-nav-item-nub{
    padding: 0 0.3rem;
}
.head-nav{
    margin: 0 -0.3rem;
}
.head-nav-item-title {
    color: var(--colorfff);
    line-height: var(--headh);
}
.ys-hd-pc.isfixed .head-nav-item-title, 
.ys-hd-pc.ishover .head-nav-item-title, 
.ys-page-wrap.act .ys-hd-pc .head-nav-item-title {
    color: #363945;
}
.ys-hd-pc{
    padding: 0 4.167vw;
}
.head-nav-item.yxnav-active1 .head-nav-item-title{
    color: var(--colormain)!important;
}
.head-logo {
    width: 238px;
}
.std-btn5-link{
    position: relative;
    cursor: pointer;
}
.head-other .std-btn5{
    margin: 0 10px;
}
.head-other{
    margin: 0 -10px;
}
.btn5-icon{
    width: 24px;
    margin-left: 10px;
    transition: all .4s ease;
}
.std-btn5-link-core{
    display: flex;
    align-items: center;
    padding: 0.08rem 0.28rem;
}
.std-btn5-link .std-text16{
    color: var(--colorfff);
    line-height: var(--line16);
    transition: all .4s ease;
}
.std-btn5-link.liquidGlass-wrapper{
    border-radius: 5px;
}
.btn5-icon img:nth-of-type(2){
    opacity: 0;
}
.ys-hd-pc.isfixed .head-nav-item-title, 
.ys-hd-pc.ishover .head-nav-item-title, 
.ys-page-wrap.act .ys-hd-pc .head-nav-item-title {
    color: #363945;
}
.ys-hd-pc.isfixed .std-btn5-link .liquidGlass-shine span,
.ys-hd-pc.ishover .std-btn5-link .liquidGlass-shine span,
.ys-page-wrap.act .ys-hd-pc .std-btn5-link .liquidGlass-shine span{
    background: #7E818F;
}
.ys-hd-pc.isfixed .std-btn5-link .std-text16,
.ys-hd-pc.ishover .std-btn5-link .std-text16,
.ys-page-wrap.act .ys-hd-pc .std-btn5-link .std-text16{
    color: #363945;
}
.ys-hd-pc.isfixed .btn5-icon img:nth-of-type(2),
.ys-hd-pc.ishover .btn5-icon img:nth-of-type(2),
.ys-page-wrap.act .ys-hd-pc .btn5-icon img:nth-of-type(2){
    opacity: 1;
}
.ys-hd-pc.isfixed .btn5-icon img:first-child,
.ys-hd-pc.ishover .btn5-icon img:first-child,
.ys-page-wrap.act .ys-hd-pc .btn5-icon img:first-child{
    opacity: 0;
}
.head-lang-top{
    height: auto;
}
.head-lang-down {
    width: 100%;
    border: 1px solid #7E818F;
    border-radius: 5px;
    top: calc(100% - 3px);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.head-ldi-nub a {
    font-size: var(--font14);
    line-height: var(--line16);
    padding: 0.06rem 0.26rem;
    color: #363945;
    position: relative;
}
.head-lang.act .btn5-icon{
    transform: rotate(180deg);
}
.ys-page-wrap:not(.act)::before{
    content: '';
    height: 0.8rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(34, 43, 60, .6) 0%, rgba(34, 43, 60, 0.0) 100%);
    z-index: 7;
    pointer-events: none;
}
.home-ban-text-core{
    height: 100vh;
    position: sticky;
    top: 0;
}
.home-ban-text{
    z-index: 10;
    pointer-events: none;
}
.home-ban-text-core .std-font64{
    pointer-events: all;
    transform: translateY(2rem);
    opacity: 0;
    transition: all 1.2s ease;
}
.home-ban .ys-cont1480{
    overflow: hidden;
    transform: translate(-50%,1rem);
    transition: all 1.2s ease;
}
.home-ban.on1 .ys-cont1480{
    transform: translate(-50%,0rem);
}
.home-ban.on1 .std-font64{
    transform: translateY(0rem);
    opacity: 1;
}
.home-ban video{
    transition: all 1.2s ease;;
    transform-origin: center bottom;
    transform:translate(-50%, -50%) scale(1.2)!important;
}
.home-ban-bg>img{
    transform:scale(1.2)!important;
    transition: all 1.2s ease;;
    transform-origin: center bottom;
}
.home-ban.on1 video{
    transform:translate(-50%, -50%) scale(1)!important;
}
.home-ban.on1 .home-ban-bg>img{
    transform:scale(1)!important;
}
.home-float,
.home-float-small{
    position: fixed;
    bottom: 0.3rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 98;
}
.home-float-bg{
    border-radius: 10px;
    background: rgba(54, 57, 69, 0.50);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.home-float-inof{
    position: relative;
    z-index: 6;
    display: flex;
    width: 76.5vw;
}
.home-float-inof-nub{
    width: 14.285714%;
    padding: 0.15rem;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-float-inof-nub,
.home-float-inof-nub .std-text16{
    font-size: var(--font16);
    line-height: var(--line16);
    color: var(--colorfff);
}
.home-float-inof-nub::before{
    content: '';
    height: calc(100% - 24px);
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .4);
}
.home-float-inof-nub:last-child::before{
    display: none;
}
.home-float-small-core{
    position: relative;
    z-index: 6;
    display: flex;
    padding: 0.12rem 0.2rem;
    cursor: pointer;
    align-items: center;
}
.hfsc-icon{
    width: 0.32rem;
    margin-right: 0.16rem;
}
.hfsc-icon img{
    width: 100%;
}
.home-float-small-core .std-text18{
    color: var(--colorfff);
    line-height: var(--line16);
}
.home-float-small .home-float-bg{
    border-radius: 90px;
}
.home-float,
.home-float-small{
    transition: all .4s ease;
    will-change: transform;
}
.home-float.on,
.home-float-small.on{
    transform: translateX(-50%) translateY(200px);
}
.mod-title2-title{
    overflow: hidden;
    padding: 2em;
    margin: -2em;
}
.mod-title2-title .std-font64{
    transform: translateY(100%);
    opacity: 0;
}
.ys-fadeuptit1{
    animation: ysfadeInUptit .8s ease-in-out both;
    animation-delay: 0.2s;
}
@-webkit-keyframes ysfadeInUptit {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes ysfadeInUptit {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.home-ban::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 14.9vh;
    bottom: -1px;
    background: linear-gradient(0deg, #110C07 0%, rgba(17, 12, 7, 0.00) 100%);
    left: 0;
    z-index: 7;
}
.home-star-bg::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 29.8vh;
    top: -1px;
    left: 0;
    background: linear-gradient(180deg, #110C07 0%, rgba(17, 12, 7, 0.00) 100%);
}
.hdin-link-bg{
    position: relative;
}
.hdin-link-bg video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ys-fadenow1{
    transform: translateY(2rem);
    transition: all 1s ease;
}
.ys-fadenow1.open{
    transform: translateY(0);
}
.home-do-inof:nth-of-type(2) .home-do-inof-nub{
    transition-delay: 0.1s;
}
.hdin-link-bg{
    transform: scale(1.2);
    transition: all 1.2s ease;
}
.ys-fadenow1.open .hdin-link-bg{
    transform: scale(1);
}
.hdin-link-phone{
    transform: translate(-1rem,-0.3rem);
    transition: all 1.2s ease;
}
.ys-fadenow1.open .hdin-link-phone{
    transform: translate(0,0);
}
.home-design::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100vh;
    background: linear-gradient(180deg, #F5F5F7 0%, #FDFDFD 30%, #FFF 100%);
    top: 0;
    left: 0;
}
.home-design-word{
    position: relative;
}
.home-design-text{
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(5rem);
    opacity: 0;
    transition: all 0.8s ease;
    pointer-events: none;
}
.home-design.on1 .home-design-text:first-child{
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}
.home-design.on2 .home-design-text:first-child{
    transform: translateY(-5rem);
    opacity: 0;
    pointer-events: none;
}
.home-design.on3 .home-design-text:nth-of-type(2){
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}
.home-design-right-inof{
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 0;
    transform: translateY(calc(-50% + 5rem));
    transition: all 0.8s .3s ease;
    pointer-events: none;
}
.home-design.on1 .home-design-right-inof:first-child{
    transform: translateY(-50%);
    opacity: 1;
    pointer-events: all;
}
.home-design.on2 .home-design-right-inof:first-child{
    transform: translateY(calc(-50% - 5rem));
    opacity: 0;
    pointer-events: none;
}
.home-design.on3 .home-design-right-inof:nth-of-type(2){
    transform: translateY(-50%);
    opacity: 1;
    pointer-events: all;
}
.home-design-pro{
    transform: translateY(5rem);
    transition: all 1.2s .2s ease;
}
.home-design.on1 .home-design-pro{
    transform: translateY(0);
}
.home-design-text .std-text16 i{
    position: absolute;
    top: 30%;
    left: 100%;
    width: 37.66vw;
    font-size: var(--font14);
    line-height: var(--line16);
    color: var(--colorfff);
    border-radius: 5px;
    background: rgba(54, 57, 69, 0.60);
    padding: 0.1rem 0.2rem;
    transform: translateY(-50%);
    font-style: normal;
    z-index: 6;
    backdrop-filter: blur(22px); 
    -webkit-backdrop-filter: blur(22px); 
    -moz-backdrop-filter: blur(22px);
    -ms-backdrop-filter: blur(22px);
    -o-backdrop-filter: blur(22px);
    max-width: 763px;
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease;
}
.home-design-sticky-left{
    position: relative;
    z-index: 6;
}
/* #scrolly-video1{
    margin-top: 100vh;
    margin-bottom: 100vh;
    top: -100vh;
}
 */
.home-design-wai-pos,
#scrolly-video1{
    will-change: transform;
    transition: all .4s ease;
}
.home-design.on2 .home-design-wai-pos,
.home-design.on2 #scrolly-video1{
    transform: translateX(2%) scale(1.1);
}
.home-design.on2.on3 .home-design-wai-pos,
.home-design.on2.on3 #scrolly-video1{
    transform: translateX(0%) scale(1);
}
.std-btn1 .std-btn1-link{
    border: 0px;
}
.home-super-box-img,
.hein-img,
.hein-img-top{
    height: 100vh;
    width: 100vw;
}
.home-super-box-img img,
.hein-img-top img,
.hein-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.home-energy-core{
    position: relative;
}
.home-energy-core{
    border-radius: 0px;
    overflow: hidden;
}
.home-energy-inof-nub:not(:first-child){
    display: none;
}
.home-super-box,
.home-energy-core{
    clip-path: inset(10% 15% 20% 15% round 20px);
    -webkit-clip-path: inset(10% 15% 20% 15% round 20px);
    -moz-clip-path: inset(10% 15% 20% 15% round 20px);
    -ms-clip-path: inset(10% 15% 20% 15% round 20px);
    -o-clip-path: inset(10% 15% 20% 15% round 20px);
}
.mod-title3 .std-font20,
.mod-title3 .std-font40,
.mod-title3 .std-text16,
.mod-title3 .std-btn2{
    opacity: 0;
    transition: all .8s ease-in-out;
}
.home-modern.on1 .mod-title3 .std-font20,
.home-modern.on1 .mod-title3 .std-font40,
.home-modern.on1 .mod-title3 .std-btn2,
.home-modern.on1 .mod-title3 .std-text16,
.home-control.on1 .mod-title3 .std-font20,
.home-control.on1 .mod-title3 .std-font40,
.home-energy.on1 .mod-title3 .std-font20,
.home-energy.on1 .mod-title3 .std-font40,
.home-energy.on1 .mod-title3 .std-text16,
.home-super.on1 .mod-title3 .std-font20,
.home-super.on1 .mod-title3 .std-font40,
.home-super.on1 .mod-title3 .std-text16{
    opacity: 1;
}
.mod-title3-font{
    padding: 0.2em;
    margin: -0.2em;
    overflow: hidden;
}
.mod-title3-font{
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    -moz-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    -ms-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    -o-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: all 1.2s .2s ease-in-out;
}
.home-modern.on1 .mod-title3-font,
.home-control.on1 .mod-title3-font,
.home-energy.on1 .mod-title3-font,
.home-super.on1 .mod-title3-font{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.hein-text{
    transform: translateY(100%);
    opacity: 0;
    transition: all 1.2s ease-in-out;
}
.home-energy.on2 .home-energy-inof-nub.act .hein-text{
    transform: translateY(0%);
    opacity: 1;
}
.home-energy-core{
    position: sticky;
    top: 0;
}
.home-energy-zhan li{
    height: 100vh;
}
.home-energy-inof-nub.act .hein-text{
    transform: translateY(0%);
    opacity: 1;
}
.ys-rotate22-ul.nexting .ys-slick-prev {
    z-index: 1000 !important;
    animation: slideOutLeft  1s ease both;
}
.ys-rotate22-ul.preving .ys-slick-prev {
    z-index: 1000 !important;
    animation: slideOutRight  1s ease both;
}
.ys-rotate22-ul.nexting .ys-slick-prev img,
.ys-rotate22-ul.nexting .ys-slick-prev video {
    animation: slideOutRights 1s ease both;
}
.ys-rotate22-ul.nexting .ys-slick-active {
    z-index: 999 !important;
    animation: slideInLefts 1s ease both;
}
.ys-rotate22-ul.preving .ys-slick-active {
    z-index: 999 !important;
    animation: slideInLefts1 1s ease both;
}
@keyframes slideInLefts {
    0% {
        transform: translateX(50%);
    }
}
@keyframes slideInLefts1 {
    0% {
        transform: translateX(-50%);
    }
}
@keyframes slideOutRights {
    100% {
        transform: translateX(50%);
    }
}
.home-one-rotate-nub,
.home-energy-inof-nub{
    opacity: 1!important;
    overflow: hidden;
}
.home-energy .mod-dots1-controls .slick-dots li span{
    width: var(--width1);
}
.home-super .home-super-box{
    position: sticky;
    top: 0;
}
.home-super-zhan{
    height: 50vh;
}
.home-super-btn-nub{
    transition: transform .8s ease-in-out,opacity .8s ease-in-out;
}
.home-need .home-super-btn-nub:not(.act),
.home-super .home-super-btn-nub:not(.act){
    transform: translate(-250%, -50%);
}
.home-need .home-super-btn-nub.act,
.home-super .home-super-btn-nub.act{
    transform: translate(150%, -50%);
}
.hsbn-text.liquidGlass-wrapper{
    transition: all .8s ease-in-out;
    box-shadow: 0 0px 0px rgba(255, 255, 255, 0), 0 0 0px rgba(255, 255, 255, 0);
}
.home-need.on2 .hsbn-text.liquidGlass-wrapper,
.home-super.on2 .hsbn-text.liquidGlass-wrapper {
    box-shadow: 0 0px var(--border) rgba(255, 255, 255, 0.2), 0 0 20px rgba(255, 255, 255, 0.1);
}
.home-need .home-super-btn-nub .hsbn-icon,
.home-need .home-super-btn-nub .hsbn-text *,
.home-super .home-super-btn-nub .hsbn-icon,
.home-super .home-super-btn-nub .hsbn-text *{
    opacity: 0;
    transition: all .8s ease-in-out;
}
.home-need.on2 .home-super-btn-nub:not(.act),
.home-super.on2 .home-super-btn-nub:not(.act){
    transform: translate(-50%, -50%);
    opacity: 1;
}
.home-need.on2 .home-super-btn-nub.act,
.home-super.on2 .home-super-btn-nub.act{
    transform: translate(-50%, -50%);
    opacity: 1;
}
.home-need.on2 .home-super-btn-nub .hsbn-icon,
.home-need.on2 .home-super-btn-nub .hsbn-text *,
.home-super.on2 .home-super-btn-nub .hsbn-icon,
.home-super.on2 .home-super-btn-nub .hsbn-text *{
    opacity: 1;
}
.home-adas-bg {
    transform: translateY(-12vw);
}
.home-adas .mod-title4{
    transform-origin: left top;
    transform: translateY(0.2rem) scale(1);
}
.home-adas .home-super-box {
    z-index: 5;
}
.home-adas{
    --heightx: 10vw;
}
.home-adas-box{
    transform: translateY(100%);
    margin-top: calc(-0.7rem - var(--heightx));
}
.home-adas-zhan{
    height: var(--heightx);
}
.home-adas .mod-title4{
    position: sticky;
    top: calc(2.2rem - var(--headh));
}
/* 2025.8.6 lucas start */
.newsdet-info{
    padding-top: var(--space160);
    overflow: visible;
}
.newsdet-info .ys-cont1120{
    padding-bottom: var(--space120);
}
.ys-cont1120{
    width: 85vw;
    margin: auto;
    max-width: 1120px;
}
.newsdet-info-time{
    color: #F4AA74;
    text-align: center;
    margin-bottom: 20px;
}
.newsdet-info-top .std-font40{
    color:#363945 ;
    text-align: center ;
    font-weight: 500;
}
.newsdet-info-top{
    margin-bottom: var(--space60);
}
.newsdet-info-cry p{
    color:  #7E818F;
    font-size: var(--font18);
    line-height: 1.6;
    margin-bottom: 0.6em;
}
.newsdet-page .yxedr-active p{
     color:  #7E818F;
    font-size: var(--font18);
    line-height: 1.6;
    margin-bottom: 0.6em;
}
.newsdet-info-cry h6{
    color:  #363945;
    font-size: var(--font20);
    font-weight: 600;
    line-height: 1.6; 
    margin-bottom: 0.6em;
}
.newsdet-page .yxedr-active h6{
    color:  #363945;
    font-size: var(--font20);
    font-weight: 600;
    line-height: 1.6; 
    margin-bottom: 0.6em;
}
.newsdet-info-foll {
    border-radius: 10px;
    background: rgba(54, 57, 69, 0.50);
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    backdrop-filter:blur(10px) ;
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
}
.newsdet-info-foll-return{
    color: #fff;
    padding: 0 var(--space40) ;
    border-right: 1px solid #fff;
    cursor: pointer;
    transition: all 0.36s ease-in-out;
}
.newsdet-info-foll-page{
    flex: 1;
}
.nifp-link-icon{
    width: 24px;
}
.nifp-link-icon img{
    width: 100%;
}
.newsdet-info-foll-page{
    padding:0 var(--space60);
}
.nifp-link-text{
    color: #fff;
    margin-right: var(--parpspace12);
    transition: all 0.36s ease-in-out;
}
.nifp-link{
    display: flex;
    align-items: center;
}
.nifp-link .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}
.nifp-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}
.newsdet-info-foll-right .ys-share-img{
    width:40px;
}
.newsdet-info-foll-right .ys-share-img img{
    width:100%;
}
.nifr-text{
    color:  #FFF;
    margin-right: 19px;
}
.newsdet-info-foll-right{
    display: flex;
    align-items: center;
}
.ys-share{
   --gap1: 13px;
   --gap2: 0;
   margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.ys-share>li{
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.newsdet-info-foll-right{
    padding: 0 var(--space60);
}
.ys-share-pop-code {
    width: fit-content;
    padding: 10px;
    border-radius: 10px;
    background: rgba(54, 57, 69, 0.50);
    position: relative;
    bottom: 0px!important;
    display: none;
}
.ys-share-pop{
    position: relative;
}
.ys-pop-code::before{
    content: '';
    position: absolute;
    height: 25px;
    width: 100%;
    bottom: -25px;
    left: 0;
}
.ys-pop-code{
    position: absolute;
    bottom: calc(100% + 25px);
    left: 50%;
    transform: translateX(-50%);
}
.newsdet-story{
    background: #F5F5F7;
    padding-top: var(--space140);
    padding-bottom: var(--space120);
}
.newsdet-story .std-font48{
    color: #363945;
    margin-bottom: 0.3rem;
}
 .nsll-link-le{
    width: 29.62%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.nsll-link{
    width: 100%;
    display: flex;
    padding:var(--space40) 0;
}
.nsll-link-le-time{
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
     background: rgba(45, 45, 45, 0.40);
     position: absolute;
     width: fit-content;
     top: 20px;
     left: 20px;
     backdrop-filter:blur(10px);
     -webkit-backdrop-filter: blur(10px);
     -moz-backdrop-filter: blur(10px);
     -o-backdrop-filter: blur(10px);
     -ms-backdrop-filter: blur(10px);
}
.nsll-link-le-time::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 80px;
    padding: 1px;
    background: linear-gradient(17deg, rgba(45, 45, 45, 0.4) 0%, rgba(255, 255, 255, 1) 50%, rgba(45, 45, 45, 0.4) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.nlrl-title{
    line-height: 1.5;
    font-weight: 600;
    color: #363945;
}
.nlrl-cry,.nlrl-cry p{
    color: #7E818F;
}
.nsll-link-ri-le,.nsll-link-ri-ri{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.nlrr-text{
    color: #363945;
}
.nsll-link-ri-ri .ys-imgbox-cover{
    width:26px;
}
.nsll-link-ri-ri .ys-imgbox-cover img:nth-child(1){
    opacity: 0;
}
.nsll-link-ri-ri .ys-imgbox-cover img:nth-child(2){
    opacity: 1;
}
.nsll-link-ri {
    width: 70.38%;
    padding-left: var(--space240);
    display: flex;
    justify-content: space-between;
}
.nsll-link-ri-ri{
    width: 10%;
    align-items: flex-end;
}
.nsll-link-ri-le{
    flex: 1;
    padding-right: var(--space210);
}
.nsll-link{
    transition: all 0.36s ease-in-out;
    border-bottom: 1px solid #CED1E1;
}
.newsdet-info .ys-cont1800 {
    position: sticky;
    bottom: 0;
    padding-bottom: 20px;
}
.coninfm-info-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}
.coninfm-info-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.coninfm-info{
    position: relative;
    padding-top: 5rem;
    padding-bottom: var(--space100);
}
.coninfm-info-box .std-font64{
    color: #fff;
    margin-bottom: 0.5rem;
    font-weight: 600;
}
.coninfm-info-box-cry,.coninfm-info-box-cry p{
    color: #fff;
}
.coninfm-info-form{
    width: 40.24%;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.00);
    padding: var(--space40) 0.3rem;
}
.coninfm-info-box{
    width:44.94%;
    transform: translateY(-330px);
}
.coninfm-info .ys-cont1680 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.coninfm-info-form-cry .ys-form-inof-item3 {
    width: 50%;
}
.coninfm-info-form .std-font24 {
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    margin-bottom: var(--parpspace16);
    position: relative;
    z-index: 1;
}
.coninfm-info-form-cry .ys-form-inof-item{
    position: relative;
}
.coninfm-info-form-cry .ys-fii-submit{
     font-size: var(--font18);
    color: var(--colortext);
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    position: relative;
    background:  #363945;
}
.coninfm-info-form-cry .ys-form-inof-submit::before{
    content: "";
    width: calc(100% - (var(--space) * 2 ) );
    height: 1px;
    background: linear-gradient(17deg, rgba(45, 45, 45, 0.4) 0%, rgba(255, 255, 255, 1) 50%, rgba(45, 45, 45, 0.4) 100%);
    position: absolute;
    bottom: 0;
    left: var(--space);
    z-index: 1;
}
.coninfm-info-form-cry .ys-fia-text-word span{
    color: #FF2828;
    margin-right: 2px;
}
.coninfm-info-form-cry .ys-fia-text-word {
    line-height: var(--line16);
    color: #fff;
}
.coninfm-info-form-cry .ys-fia-text-word a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.coninfm-info-form-cry .ys-form-inof-text .ys-fii-input {
    height: 208px;
}
.ys-fii-input input::placeholder{
    color: rgba(255, 255, 255, 0.80) !important;
    font-size: var(--font16);
    line-height: 1.6; 
}
.ys-fii-input textarea::placeholder{
    color: rgba(255, 255, 255, 0.80) !important;
    font-size: var(--font16);
    line-height: 1.6; 
}
.coninfm-info-form-cry .ys-fii-name {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--colorfff);
    margin-bottom: 16px;
    font-weight: 500;
}
.coninfm-info-form-cry .ys-fii-input{
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    border-radius: 5px;
    position: relative;
    border: none;
}
.coninfm-info-form-cry .ys-fii-input::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    padding: 1px;
    background: linear-gradient(185deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.36s ease-in-out;
}
.coninfm-info-form{
    position: relative;
}
.coninfm-info-form-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.coninfm-info-form-bg::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(185deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.coninfm-info-form-bg.liquidGlass-wrapper {
    --frost: 6px;
}
.coninfm-info-form-bg .liquidGlass-tint {
    background: rgba(255, 255, 255, 0.01);
}
.coninfm-info-form-bg .liquidGlass-shine {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.5), inset -1px -1px 2px -1px rgba(0, 0, 0, 0.8), inset -1px -1px 1px 0 rgba(255, 255, 255, 0.3);
}
.coninfm-info-form-cry.ys-form {
    --space: 10px;
    --spacebot: 24px;
    --spacein: 20px;
    --height: 61px;
    --colortips: #f00;
    --colormain: #F4AA74;
}
.coninfm-info-form-cry .ys-fii-input{
    position: relative;
}
.coninfm-info-form-cry .ys-fii-input label {
    position: absolute;
    left: 20px;
    top: 50%;
    z-index: 1;
    transform: translate(0%, -50%);
    color: rgba(255, 255, 255, 0.80);
    font-size: var(--font16);
    line-height: 1.6;
    display: inline-block;
    pointer-events: none;
    transition: all 0.36s ease-in-out;
}
.coninfm-info-form-cry .ys-fii-input label span{
    color:#FF2828 ;
    margin-left: 2px;
}
.coninfm-info-form-cry .ys-fii-input input:not(:placeholder-shown) + label {
  transform: translateY(-23px);
  font-size: var(--font12);
  
}
.ys-fii-input-wit{
    position: relative;
    width: 100%;
    height: 100%;
}
.ys-fii-input-wit label{
    position: absolute;
    left: 20px;
    top: 50%;
    z-index: 1;
    transform: translate(0%, -50%);
    color: rgba(255, 255, 255, 0.80);
    font-size: var(--font16);
    line-height: 1.6;
    display: inline-block;
    pointer-events: none;
    transition: all 0.36s ease-in-out;
}
 .ys-fii-input-wit label span{
    color:#FF2828 ;
    margin-left: 2px;
}
.coninfm-info-form-cry .ys-form-inof-item .ys-select-xtbbox .ys-imgbox-cover{
    width: 24px;
}
.coninfm-info-form-cry .ys-form-inof-item .ys-select-xtbbox .ys-imgbox-cover img:nth-child(1){
    opacity: 0;
}
.coninfm-info-form-cry .ys-form-inof-item .ys-select-xtbbox .ys-imgbox-cover img:nth-child(2){
    opacity: 1;
}
.coninfm-info-form-cry .ys-select-bd{
    max-height: 222px;
    height: unset;
    padding: 8px 0;
}
.coninfm-info-form-cry .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain);
}
.coninfm-info-form-cry .ys-select-bd {
    top: calc(100% + 4px);
    border-radius: 5px;
}
.coninfm-info-form-cry .ys-form-inof-item .ys-select-li {
    line-height: var(--line16);
    color: #7E818F;
    transition: all 0.36s ease-in-out;
    padding: 5px var(--spacein);
}
.coninfm-info-form-cry .ys-select-hd.on{
    background: #fff;
}
.ys-select-hd{
    transition: all 0.36s ease-in-out;
}
.coninfm-info-form-cry .ys-select-hd.on .ys-fii-input-wit label{
    color: #363945 ;
}
.coninfm-info-form-cry .ys-select-hd.on .ys-select-show{
    color: #363945 ;
}
.coninfm-info-form-cry .ys-select-hd.on .ys-select-xtbbox .ys-imgbox-cover img:nth-child(1){
    opacity: 1;
}
.coninfm-info-form-cry .ys-select-hd.on .ys-select-xtbbox .ys-imgbox-cover img:nth-child(2){
    opacity: 0;
}
.ys-fii-input-wit input{
    transition: all 0.36s ease-in-out;
}
.ys-fii-input.act{
    background:#363945 ;
}
.ys-fii-input.act::before{
    background:#363945 ;
}
.ys-fii-input{
    transition: all 0.36s ease-in-out;
}
.ys-select-hd.act .ys-fii-input-wit input{
    color: #fff;
    padding-top: 0.2rem;
    transition: padding-top 0.36s ease 0.1s;
}
.ys-select-hd.act  {
    background: #363945;
}
.ys-select-hd.act::before {
   background:#363945 ;
}
.coninfm-info-form-cry .ys-fii-input input,.coninfm-info-form-cry .ys-fii-input textarea {
   color: #fff;
}
.ys-form-inof-mb{
    margin-bottom: 0.4rem;
}
.coninfm-info-form-cry .ys-fii-input textarea {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.coninfm-info-form-cry .ys-form-inof-text{
    margin-bottom: 0.3rem;
}
.coninfm-info-form-cry .ys-form-inof-agree{
    margin-bottom: 0.3rem;
}
.ys-form-inof-item:last-child{
    margin-bottom: 0 !important;
}
.coninfm-info-form-cry .ys-fia-text-btn {
    width: 16px;
    height: 16px;
    border-radius: 5px;
}
.coninfm-info-form-cry .ys-fia-text-btn::before {
    border-radius: 3px;
}
.coninfm-info-form-cry .ys-fii-submit {
    --hei1:50px;
    height: var(--hei1);
    line-height: var(--hei1);
    position: relative;
    overflow: hidden;
    z-index: 8;
}
.coninfm-info-form-cry .ys-fii-submit::before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    background: linear-gradient(to right, transparent, #fff, transparent);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
}
.coninfm-info-form-cry .ys-fii-submit::after {
    content: '';
    position: absolute;
    right: 0%;
    background: #7E818F;
    border-radius: 5px;
    width: 0%;
    height: 100%;
    top: 0%;
    z-index: -1;
    transition: all .4s ease;
}
.newslist-page .newsdet-story-list{
    margin-bottom:var(--space80) ;
}
.newslist-page .std-btn1 {
    justify-content: center;
}
.newslist-banner .std-font100 {
    font-size: var(--font100);
    color: #fff;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: var(--space60);
}
.newslist-banner .ys-nyban-title p{
    max-width: 740px;
    font-size: var(--font18);
    color: #fff;
    line-height: var(--line16);
    white-space: normal;
}
.newslist-cir-cry{
    --size:38px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background: rgba(178, 178, 178, 0.10);
    border: 1px solid #FFF;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter:blur(10px);
    -moz-backdrop-filter:blur(10px);
    -o-backdrop-filter:blur(10px);
    -ms-backdrop-filter:blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    /* animation: pulse 2s ease-in-out infinite, counter-rotate 10s linear infinite; */
}
@keyframes pulse {
	0% { box-shadow: 0 0 5px 1px #ffffff; }
	50% { box-shadow: 0 0 10px 3px #ffffff; }
	100% { box-shadow: 0 0 5px 1px #ffffff; }
}
.newslist-cir-cry img{
    width: 24px;
}
.newslist-cir-dash{
    --size1:64px;
    width: var(--size1);
    height: var(--size1);
    border-radius: 50%;
    border: 2px dashed rgba(255, 255, 255, 0.8);
    animation: rotate 10s linear infinite;
}
.newslist-cir-info{
    position: relative;
    width: fit-content;
}
@keyframes rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@-webkit-keyframes rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.newslist-cir .std-text18{
    color: #fff;
    text-align: center;
}
.newslist-cir-info{
    margin-bottom:10px ;
}
.newslist-cir{
    position: absolute;
    right: 60px;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
}
.newslist-banner .ys-nyban-img{
    filter: blur(10px);
    transform: scale(1.2);
    animation: newslist 1.5s linear both; 
    animation-delay: 0.7s ;
    transform-origin: right;
}
@keyframes newslist {
	from { 
        filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        -moz-backdrop-filter: blur(10px);
        -o-backdrop-filter: blur(10px);
        -ms-backdrop-filter: blur(10px);
        transform: scale(1.2);
     }
	to {
        filter: blur(0);
        -webkit-backdrop-filter: blur(0);
        -moz-backdrop-filter: blur(0);
        -o-backdrop-filter: blur(0);
        -ms-backdrop-filter: blur(0);
        transform: scale(1);
     }
}
.newslist-banner .std-font100 span{
     animation: fadebot .8s ease-in-out both;
     display: inline-block;
}
.fadebot1{
    animation-delay: 0.1s !important;
}
.fadebot2{
    animation-delay: 0.2s !important;
}
.fadebot3{
    animation-delay: 0.3s !important;
}
.fadebot4{
    animation-delay: 0.4s !important;
}
.fadebot5{
    animation-delay: 0.5s !important;
}

.ys-fia-text-btn::before {
    border: 1px solid #fff;
}
.newslist-page .newsdet-story{
    background: #fff;
    padding-top: var(--space100);
}
.nifp-link .ys-imgbox-cover{
    width: 24px;
}
.ys-share-pop-code canvas{
    width: 120px;
    height: 120px;
}
.ys-form-inof-agree .ys-fia-text-btn img{
    width: 16px;
    transition: all 0.36s ease-in-out;
    opacity: 0;
}
.ys-form-inof-agree.on .ys-fia-text-btn img{
    opacity: 1;
}
.coninfm-info-form-cry .ys-fia-text-btn::after {
    content: unset;
}
.agci-nub:last-child{
    margin-bottom: 0 !important;
}
@-webkit-keyframes fadebot {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
/* b1 start*/
.about-global .about-global-earth {
    height: auto;
    width: 60.26%;
}
.about-global-cry-box{
    width: 31.41%;
}
.about-global-cry-inof{
    width: 100%;
}
.about-global-earth img{
    width: 100%;
    height: auto;
}
.about-global-earth img{
    position: sticky;
}
.ys-footer{
    z-index: 5;
}
.about-global-cry{
    align-items: stretch;
}
.agci-nub-core .std-text18  {
    font-weight: 600;
    color: #fff;
    padding: 0 0.2rem 0 0.34rem;
    position: relative;
    display: flex;
    align-items: center;
}
.agci-nub-core .std-text18::before{
    content: "";
    background: #FFF;
    --size:20px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
}
.agci-nub-core .std-text16,.agci-nub-core .std-text16 p{
    color: #fff;
}
.agci-nub-core .std-text16{
    padding-left: 0.2rem;
    position: relative;
}
.agci-nub-core{
    padding: 0.24rem 0.4rem;
}
.agci-nub-core .std-text16::before{
    content: "";
    height:40px ;
    width: 1px;
    background:#CED1E1;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
}
.agci-nub-core {
    --radius:20px;
    box-shadow: inset 4px 4px 20px 2px rgba(0, 0, 0, 0.15), inset -4px -4px 9px 2px rgba(255, 255, 255, 0.05);
    position: relative;
    border-radius: var(--radius);
}
.agci-nub-core-hei{
    min-height: 52px;
    width: 100%;
    display: flex;
    align-items: center;
}
.agci-nub-core::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--radius);
    padding: 1px;
    background: linear-gradient(
    8deg, 
    transparent 0%, 
    rgba(255, 255, 255, 0) 5%,
    rgba(255, 255, 255, 0.5) 41%,
    rgba(255, 255, 255, 0) 95%,
    transparent 100% 
  );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.about-global{
    position: relative;
}
.about-global::after{
    content: "";
    width: 100%;
    height:25% ;
    background: linear-gradient(180deg, rgba(54, 57, 69, 0.00) 0%, #202020 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
}
.about-global .mod-title1{
    margin-bottom:var(--space100) ;
}
.about-global-cry-box{
    padding-top: 0.5rem;
}
.about-global{
    overflow: visible;
}
.about-global{
    overflow: visible;
}
.about-global-stickyb{
    width: 100%;
    position: sticky;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}
.about-global-stickyb #about-three{
    width: 100%;
    position: absolute;
    bottom: 0;
}
.about-global-stickyt{
    width: 100%;
    position: sticky;
    top: 0;
    pointer-events: none;
    opacity: 0;
    transition: all 0.36s ease-in-out;
}
.about-global-stickyt img{
    width: 100%;
    position: absolute;
    top: 40px;
    transform: rotate(180deg);
}
/* b1 动画 */
.about-dream-font span{
    position: relative;
}
.about-dream-font {
    --before-scale:1;
    --before-opacity: 1;
}
.about-dream-font span::before {
    content: attr(data-text);
    font-size: var(--font200);
    line-height: var(--line12);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(224, 240, 255, 1) 50%,rgba(255, 228, 208, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 100%;
    z-index: 5;
    opacity: var(--before-opacity);
    transform: scale(var(--before-scale));
}

.about-main .ys-nyban-img{
    filter: blur(10px);
    transform: scale(1.2);
    transform-origin: top;
    animation: newslist 3s linear both; 
}
.about-scroll{
    animation-delay: 2.8s;
}
.ys-nyban-title .font64-center:nth-child(2) {
    width: 1.5em;
    opacity: 0;
}
.ys-nyban-title .std-font20 {
    transform: translateY(50px);
    opacity: 0;
}
.about-dream .about-dream-text {
    max-width: 820px;
    margin: auto;
}
.about-dream-bg{
    filter:blur(8px);
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
}
.about-world .font64-right1 p {
    transform: translateY(110%);
}
.font64-center1 {
    width:3.59rem;
    transform: scale(0);
    margin: 0 0.15em;
    position: relative;
}
/* .swiper-wrapper.about-global-cry-inof {
    flex-direction: column;
} */
.swiper-container.about-global-cry-box{
    overflow: visible;
    margin: unset;
}
.agci-nub.swiper-slide{
    height: auto;
}
.agci-nub-core{
    height: 100%;
}
.about-global-cry-box .swiper-pagination-bullet-active{
    background: #fff;
}
.about-global-cry-box .swiper-pagination-bullet {
    background: #fff;
}


/* b1 end */
@media screen and (min-width: 1200px) {
    .coninfm-info-form-cry .ys-fii-submit:hover::after {
        width: 100%;
        left: 0%;
        right: auto;
    }
    .coninfm-info-form-cry .ys-form-inof-item .ys-select-li:hover{
        color: var(--colormain);
     }
    .nsll-link:hover{
        border-bottom: 1px solid #F4AA74 ;
    }
    .nsll-link:hover  .nsll-link-ri-ri .ys-imgbox-cover img:nth-child(1){
        opacity: 1;
    }
    .nsll-link:hover .nsll-link-ri-ri .ys-imgbox-cover img:nth-child(2){
        opacity: 0;
        transform: rotate(45deg) scale(0.7);
    }
    .nifp-link:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 1;
    }
     .nifp-link:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }
    .nifp-link:hover .nifp-link-text{
        color: var(--colormain);
    }
    .newsdet-info-foll-return:hover{
        color: var(--colormain);
    }
    .coninfm-info-form-cry .ys-fia-text-word a:hover{
        color: var(--colormain);
    }
}
/* 2025.8.6 lucas end */
#dream-star{
    position: absolute;
    width: 100%;
    height: 100%;
}
.about-global-earth-box{
    position: relative;
    width: 100%;
    height: 100%;
}
#about-three{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about-three canvas{
    width: 100%!important;
    height: 100%!important;
}
.about-global-earth-box{
    position: sticky;
}
.home-need .home-adas-box{
    top: 0;
}
.home-adas-bg-wai .ys-ban-video{
    height: auto;
    top: 0;
    transform: translate(-50%, 0%);
}
.home-touch-circle-dots{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.htcd-nub{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(calc(var(--deg)*1deg));
    pointer-events: none;
}
.home-touch-text{
    position: relative;
    z-index: 8;
}
.htcd-nub-icon{
    width: 0.38rem;
    height: 0.38rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    pointer-events: all;
}
.htcd-nub-icon1{
    width: 100%;
    height: 100%;
}
.htcd-nub-icon2{
    position: absolute;
    width: 0.1rem;
    height: 0.1rem;
    background: var(--colorfff);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
    z-index: 4;
}
.htcd-nub-icon3{
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--colorfff);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s ease;
    opacity: 0;
}
.htcd-nub.on .htcd-nub-icon3{
    opacity: 1;
}
.htcd-nub.on .htcd-nub-icon2{
    background: #F4AA74;
}
.home-touch-circle svg{
    transform: rotate(-90deg);
}
.home-touch-circle{
    --time: 5s;
}
.home-touch-circle:not(.on) circle{
    stroke-dashoffset:var(--start1)!important;
    transition: all 0s linear!important;
}
.home-touch-circle.on circle{
    stroke-dashoffset: var(--end1)!important;;
    transition: all var(--time) linear!important;
}
.home-touch{
    --dega: 45;
    --now: 0;
}
.home-touch-circle{
    --rotate: calc(var(--dega) / 2 * calc(var(--now) + 1) * 1deg);
    transform: translate(-50%,-50%) rotate(var(--rotate));
    transition: transform 4s ease;
}
.home-modern-video{
    padding-top: 50vh;
    opacity: 0;
    pointer-events: none;
}
.home-modern.on2 .home-modern-video{
    opacity: 1;
    pointer-events: all;
}
#scrolly-video2 video{
    object-fit: cover;
}
#scrolly-video2{
    inset: 0;
    position: relative;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}
.home-modern-img .home-modern-img-pic,
.home-modern #scrolly-video2{
    -webkit-mask: var(--pcurl) no-repeat center;
    mask: var(--pcurl) no-repeat center;
    -webkit-mask-size: 5760px 1840px;
    mask-size: 5760px 1840px;
    transition: all .8s ease;
}
.home-modern.on3 .home-modern-img .home-modern-img-pic,
.home-modern.on3 #scrolly-video2{
    -webkit-mask-size: 1440px 460px;
    mask-size: 1440px 460px;
}
.home-modern-end{
    opacity: 0;
    pointer-events: none;
    transform: scale(4);
}
.home-modern.on3 .home-modern-end{
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
    transition:  transform .8s ease, opacity .4s .6s ease;
}
.home-modern-end .home-super-btn{
    width: 100%!important;
    height: 100%!important;
}
.home-modern-pic{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 12;
    pointer-events: none;
}
.home-modern-pic .ys-cont1440{
    display: flex;
    align-items: center;
    height: 100vh;
    position: sticky;
    top: 0;
}
.home-modern.on3 .home-super-btn-nub{
    pointer-events: all;
}
.home-modern.on3 .mod-title3 .std-font20 {
    color: #F4AA74;
}
.home-modern.on3 .mod-title3 .std-font40 {
    color: #363945;
}
.home-modern-inof,
.home-modern-text{
    opacity: 0;
    pointer-events: none;
    transform: translateY(2rem);
}
.home-modern.on3 .home-modern-inof,
.home-modern.on3 .home-modern-text{
    opacity: 1;
    pointer-events: all;
    transform: translateY(0rem);
    transition: all .8s .4s ease;
}
.home-modern-zhan{
    opacity: 0!important;
    pointer-events: none!important;
}
.home-modern.on3 .mod-title3 .std-btn2{
    display: none;
}
.home-modern.on3 .home-modern-core {
    padding-top: 0;
    transition: all .4s ease;
}
.home-modern.on3 .home-modern-core .ys-cont1440{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: var(--headh);
}
.home-modern-inof-nub:not(:first-child){
    display: none;
}
.home-modern-inof .slick-list{
    padding: 40px;
    margin: -40px;
}
.home-modern-inof.act .home-modern-inof-nub:not(:first-child){
    display: block;
}
.home-modern-inof:not(.act){
    display: block;
}
.home-control-img1-nub2{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}
.home-one{
    overflow: visible;
}
.home-future-bg {
    /* width: 300vw; */
    --gap1: 0px;
    /* transform: translate(-50%, -50%) rotate(0deg); */
    transform: scale(3) rotate(0deg);
}
/* .home-future-inof-nub{
    width: 100vw;
} */
.home-future{
    overflow: visible;
}
.home-future-core1{
    width: 100vw;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}
.home-future-bg::before{
    opacity: 0;
}
.home-future-title .std-font64{
    padding: 0.3em;
    transform: translateY(100%);
    transition: all .6s ease;
}
.home-future-title{
    overflow: hidden;
    margin: -0.3em;
    font-size: var(--font64);
}
.home-need.on1 .std-font64,
.home-future.on1 .std-font64{
    transform: translateY(0%);
}
.home-need .std-font24,
.home-future .std-font20,
.home-future .std-btn4{
    opacity: 0;
    transform: translateY(1.5rem);
    transition: all .6s ease;
}
.home-need.on1 .std-font24,
.home-future.on1 .std-font20,
.home-future.on1 .std-btn4{
    opacity: 1;
    transform: translateY(0rem);
}
.home-need-bg{
    transform: scale(1.5);
    transform-origin: top center;
    height: 100vh;
}
.home-need-bg img{
    height: 100%;
    object-fit: cover;
}
.home-need-core{
    position: relative;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    position: sticky;
    top: 0;
}
.home-need-core .ys-cont1560{
    top: 0;
    padding-top: var(--space180);
}
.home-need .mod-title5{
    pointer-events: all;
}
.home-one-rotate-nub.act .std-font20{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.2s;
}
.home-one-rotate-nub.act .std-font64{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.4s;
}
.home-one-rotate-nub.act .horn-bot{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0.3s;
}
.home-need-bg{
    position: relative;
}
.home-need-bg::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #0E1C3C 30%, rgba(14, 28, 60, 0.00) 100%);
    mix-blend-mode: multiply;
    opacity: 1;
    transition: all 1.1s ease;
}
.home-need.on1 .home-need-bg::before{
    opacity: 0;
}
.home-control-img-nub .hcin-core {
    width: 91%;
    margin-top: -2.2%;
    position: relative;
    /* z-index: 6; */
}
.home-control-img-nub .hcin-core{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 104%;
}
.home-control-img-nub:not(:first-child) .hcin-core .hcin-core-cry{
    width: 80%;
}
.home-control-rotate .slick-list{
    overflow: visible;
}
.home-control-imga{
    opacity: 0;
}
.home-control.on1 .mod-title3{
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 0s;
}
.home-control .std-font40 span{
    color: var(--colormain);
}
.home-control .mod-title3 .std-font20,
.home-control .mod-title3 .std-font40{
    opacity: 1;
}
.home-control .home-control-img-small .home-control-img2{
    transform: translateY(30%);
}
.head-lang-down {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
.mod-title4 .std-font40 span{
    line-height: inherit;
}
.home-modern .mod-title3 .std-font40 {
    margin-bottom: 0rem;
}
.home-adas-box .home-super-btn-nub.on .hsbn-icon{
    background: transparent;
}
.home-modern-inof .slick-dots{
    bottom: -0.24rem;
}
.home-future.act1 .home-future-bg{
    /* width: calc(300vw * var(--width1)); */
    --scale1: calc(3 * var(--width1));
    transform: scale(var(--scale1)) rotate(0deg);
}
/* .home-future-inof-nub {
    width: calc(100vw * var(--width1));
} */
.home-need .home-adas-box {
    width: 100vw;
    height: calc(100vw / 1920 * 1120);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)!important;
}
.home-need.act .home-adas-box {
    width: calc(100vh / 1120 * 1920);
    height: 100vh;
}
.mod-dots1-controls .slick-dots {
    display: flex;
}
.home-future-add{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-control-grab{
    width: 55.83vw;
    height: 10vw;
    margin: 0 auto;
    top: -6.8vw;
    cursor: grab;
    position: relative;
    margin-bottom: -5vw;
}
.home-control-rotate{
    position: relative;
    z-index: 6;
}
.home-control-rotate{
    cursor: grab;
}
.home-control-grab svg{
    width: 100%;
    height: 100%;
    overflow: visible;
    transition: all .8s ease;
}
.home-control-grab *{
    transition: all .8s ease;
}
.home-control-grab.on .path{
    stroke-dasharray: 10 12;
}
.home-control-grab.on .path-blue{
    stroke-dasharray: 720px!important;
}
.home-control-grab.on .dragger{
    transform: matrix(1, 0, 0, 1, 205, 32);
}
.home-control-grab.on svg{
    opacity: 0;
}
.home-control-core{
    pointer-events: none;
}
.home-control-core>*{
    pointer-events: all;
}
.home-control-bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
}
.home-control-bg img{
    width: 100%;
}
.home-design-sticky,
.home-super-box{
    overflow: hidden;
}
.home-modern-pic .ys-cont1440{
    overflow: hidden;
}
.home-modern-img img, .home-modern #scrolly-video2{
    overflow: hidden;
}
.home-future-core1,
.home-modern-core,
.home-control-core,
.home-need-core,
.about-dream-box{
    overflow: hidden;
}
#about-three::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    box-shadow: inset 0 0 30px 0px rgba(255,255,255, 0.4);
    pointer-events: none;
    z-index: 3;
}
.std-btn2-link{
    cursor: pointer;
}
.hsbi-video{
    position: absolute;
    width: 100%;
    height: 100%;
}
.hsbi-video-item video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.home-canvas{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none;
}
.home-canvas.on{
    opacity: 1;
    pointer-events: all;
}
.home-control-img {
    top: 50%;
    transform: translateY(-50%);
}
.hcin-core-cry{
    position: relative;
    width: 100%;
}
.hcin-core-cry img{
    object-fit: contain;
}
.hcin-core-cry video,
.hcin-core .home-canvas{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.home-control-rotate{
    margin-top: -40vw;
    top: 20vw;
}
.hsbi-video-item:not(:first-child){
    display: none;
}
.hsbi-video .slick-list,
.hsbi-video .slick-track{
    height: 100%;
}
.ys-privacy .ys-priban {
    top: calc(50% + calc(var(--headh) / 2))!important;
}
.ys-share-img img:nth-of-type(2){
    opacity: 0;
}
.about-dream .about-dream-text {
    max-width: 100%;
}
.nsll-link-le .ys-imgbox-cover img{
    transition: all .8s ease-out;
}
.home-super-pop-nub{
    width: 364px;
}
.home-adas .home-super-pop-nub{
    width: 440px;
}
.home-ban-text-core .std-font64{
    max-width: 23.2em;
    margin: 0 auto;
}
.home-design-wai-pos img{
    mix-blend-mode: darken;
}
.home-design.on2 .home-design-wai-pos img{
    opacity: 0;
}
.home-design-pro {
    mix-blend-mode: darken;
}
.home-design.on2 .home-design-pro {
    mix-blend-mode: normal;
}
.about-main .ys-nyban-title .font64-left,
.about-main .ys-nyban-title .font64-right{
    width: 6em;
}
.about-main .ys-nyban-title .font64-left,
.about-main .ys-nyban-title .font64-left *{
    display: flex;
    justify-content: flex-end;
    text-align: right;
}
.about-main .ys-nyban-title .font64-right,
.about-main .ys-nyban-title .font64-right *{
    display: flex;
    justify-content: flex-start;
    text-align: left;
}
.home-adas .home-super-pop-nub {
    right: auto;
    bottom: auto;
    font-size: var(--font18);
    transform-origin: left top;
    transform: translate(-8em,-2em) scale(0);
}
.home-adas .home-super-pop-nub.act{
    transform: translate(-2em,-2em) scale(0);
}
.home-adas .home-super-pop-nub.on{
    transform: translate(-8em,-2em) scale(1);
}
.home-adas .home-super-pop-nub.act.on{
    transform: translate(-2em,-2em) scale(1);
}
.home-touch,
.home-modern {
    z-index: 5;
}
.ys-modern-video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.home-modern-img-pic{
    height: 100vh;
    position: sticky;
    top: 0;
}
.home-control-rotate {
    transform-origin: 50% 30%;
}
.home-control-core .ys-cont1600:not(.home-control-core-title){
    position: relative;
    z-index: 8;
}
.home-super .hsbn-text::before{
    background: #F4AA74;
}
.home-super .home-super-btn-nub.on .hsbn-icon span{
    background: #F4AA74;
}
.htin-img {
    height: 100%;
}
.htin-img img{
    height: 100%;
    object-fit: cover;
}
.home-adas .home-super-btn-nub{
    transition: transform 0s ease-in-out,opacity .8s ease-in-out;
}
.home-adas .home-super-btn-nub.on{
    transform: translate(-50%, -50%) scale(0);
    transition: transform .8s ease-in-out,opacity .8s ease-in-out;
}
.hdin-link,
.hdin-link-bg{
    height: 100%;
}
.hdin-link-bg img{
    height: 100%;
    object-fit: cover;
}
.hdin-link-bg video{
    transform: translate(0,0)!important;
}
.home-do-inof{
    width: 50%;
}
.home-do-bot .hdin-link-bg img {
    height: auto;
}
.hdin-link,
.home-do-bot{
    cursor: pointer;
}
.home-ban-text-core .std-font64{
    font-size: var(--font80);
    color: var(--colorfff);
    font-weight: bold;
    line-height: var(--line12);
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.20);
}
.home-ban .ys-cont1480{
    top: 50%;
}
.home-ban .ys-cont1480{
    transform: translate(-50%,calc(-50% + 1rem));
}
.home-ban.on1 .ys-cont1480{
    transform: translate(-50%,-50%);
}
.home-ban-text-core {
    position: relative;
}
.home-ban-black{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: 6;
    opacity: 0.4;
}
.home-ban{
    height: 170vh;
}
.home-ban .about-scroll {
    z-index: 10;
}
.about-global-cry{
    flex-direction: column;
}
.about-global .about-global-earth{
    margin: 0 auto;
}
.agci-nub{
    padding: 0 0.1rem;
}
.about-global-cry-box {
    width: 8.1rem;
    margin: 0 auto;
}
.about-global-cry {
    align-items: center;
}
.agci-nub {
    margin-bottom: 0;
}
.agci-nub-core::after{
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background: var(--colorfff);
    border-radius: 50%;
    top: 10px;
    left: 10px;
    transition: all .4s ease;
}
.agci-nub-core {
    padding: 0.2rem 0.4rem;
}
.agci-nub-core-hei {
    min-height: auto!important;
    align-items: flex-start;
    flex-direction: column;
}
.agci-nub-core .std-text18,
.agci-nub-core .std-text16{
    width: 100%!important;
}
.agci-nub-core .std-text18::before{
    display: none;
}
.agci-nub-core .std-text18{
    padding: 0!important;
    padding-bottom: 0.04rem!important;
}
.agci-nub-core .std-text16{
    padding: 0!important;
    padding-top: 0.04rem!important;
}
.agci-nub-core .std-text16::before {
    content: "";
    height: 1px;
    width: 40px;
    background: #CED1E1;
    position: absolute;
    left: var(--gap1);
    top: 0;
    z-index: 1;
    transform: translate(0, 0);
}
.agci-nub-core .std-text16{
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.12rem;
    margin: 0 calc(var(--gap1) * -1);
}
.agci-nub-core .std-text16 p{
    padding: 0 var(--gap1);
    position: relative;
}
.agci-nub-core .std-text16,
.agci-nub-core .std-text16 p{
    font-size: var(--font14);
}
.agci-nub-core .std-text16 p::before{
    content: '';
    width: 1px;
    height: 1em;
    background: var(--colorfff);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.agci-nub-core .std-text16 p:last-child::before{
    display: none;
}
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev{
    width: 20px;
    height: 20px;
    opacity: 1!important;
}
.mod-arrows1 .swiper-button-next::before,
.mod-arrows1 .swiper-button-prev::before{
    content: '';
    position: absolute;
    background-image: url(../images/a1.svg);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    transition: all .4s ease;
}
.mod-arrows1 .swiper-button-next::after,
.mod-arrows1 .swiper-button-prev::after{
    content: '';
    position: absolute;
    background-image: url(../images/a1h.svg);
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .4s ease;
}
.mod-arrows1 .swiper-button-prev::before,
.mod-arrows1 .swiper-button-prev::after{
    transform: translate(-50%,-50%) rotate(180deg);
}
.about-global-cry-box{
    padding-bottom: 42px!important;
}
.about-global .swiper-button-next,
.about-global .swiper-button-prev{
    top: auto;
    bottom: 0;
    margin-top: 0!important;
}
.about-global .swiper-button-prev{
    left: calc(50% - 29px);
}
.about-global .swiper-button-next{
    right: calc(50% - 29px);
}
.about-global .mod-title1{
    margin-bottom: 0.5rem;
}
.about-global-earth-add {
    width: 100%;
    margin-top: -5.45rem;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 6;
}
.about-global .about-global-earth{
    width: 9.42rem;
    height: 9.42rem;
}
.about-global-cry{
    position: relative;
    padding-bottom: var(--space120);
}
.about-global-cry::before{
    content: '';
    width: 100%;
    height: 3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(54, 57, 69, 0.00) 0%, #202020 100%);
    z-index: 2;
    pointer-events: none;
}
.about-global-cry-box{
    position: relative;
    z-index: 6;
}
.agci-nub-core{
    display: block;
    --radius: 0.1rem;
}
.agci-nub-core-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(54,57,69,.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    top: 0;
    left: 0;
    border-radius: var(--radius);
}
.agci-nub-core::before{
    z-index: 3;
    transition: all .4s ease;
}
.agci-nub-core-hei{
    position: relative;
    z-index: 8;
}
.agci-nub.active .agci-nub-core::before{
    background: var(--colormain);
}
.agci-nub.active .agci-nub-core::after{
    background: var(--colormain);
}
.about-global-earth{
    position: relative;
}
.yx_three3d1_map_area {
    border-radius: 5px;
    background: var(--colorfff);
    padding: 12px 24px;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 86%;
    transform: translate(-50%,0);
    z-index: 20;
    opacity: 0;
    transition: all 0.4s ease;
    pointer-events: none;
}
.yx_three3d1_map_area .std-font20{
    background: linear-gradient(180deg, #363945 49.04%, #F4C7A6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: var(--line16);
}
.yx_three3d1_map_area.on.on1.on2{
    opacity: 1;
    pointer-events: all;
}
.about-global-earth-add{
    inset: 0;
    position: relative;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 20%,rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 95%);
    mask: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 20%,rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 95%);
}
.yx_three3d1_map_area .std-font20{
    font-size: var(--font26);
    font-weight: bold;
}
.agci-nub-core {
    padding: 0.2rem 0.1rem 0.2rem 0.25rem;
}
.agci-nub-core .std-text16 {
    --gap1: 0.08rem;
}
.agci-nub-core::after {
    width: 9px;
    height: 9px;
}
.about-global-cry-box {
    width: 95vw;
}
.about-global-earth-add {
    -webkit-mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 95%, rgba(0, 0, 0, 0) 100%);
    mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 95%, rgba(0, 0, 0, 0) 100%);
}
.agci-nub {
    padding: 0 0.07rem;
}
.about-global-earth-add {
    margin-top: -4.0rem;
}
@media screen and (min-width: 1921px){
    .agci-nub-core {
        padding: 0.2rem 0.4rem;
    }
    .agci-nub-core::after {
        width: 12px;
        height: 12px;
    }
    .agci-nub {
        padding: 0 0.1rem;
    }
}
.hcin-core img{
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select:none; /* 去掉文本选中蓝底 */
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events: none;
    caret-color: transparent;
}
.hcin-core{
    caret-color: transparent;
}
.coninfm-info-form-cry .ys-fii-select-search .ys-select-bd{
    max-height: none;
}
.ys-fiiss-core {
    height: 222px;
}
.home-float-inof-nub {
    flex-grow: 1;
}
.home-modern-core .std-font20 span{
    color: var(--colormain);
}
.about-global-zhan{
    height: 50vh;
}
.about-global-core{
    position: sticky;
    top: calc(var(--headh) + calc(var(--space160) * 0.3));
    min-height: calc(var(--height-ph) - var(--headh) - calc(var(--space160) * 0.3));
}
.about-global-earth-add {
    margin-top: -4.4rem;
}
.home-do-bot .std-font40, .home-do-bot .std-font40 p{
    font-weight: 500;
}
.home-energy {
    z-index: 7;
    position: relative;
}
.home-control-grab{
    display: none!important;
}
.home-control-total{
    margin-top: 0.3rem;
}
.about-global-cry {
    position: static;
}
.ys-hd-pc .head-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
