@charset "utf-8";
/* 公共样式 - start */
body,
input,textarea{
    font-family: 'OutfitRegular',"PingFang SC", "Microsoft YaHei" !important;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: 'OutfitRegular',"PingFang SC", "Microsoft YaHei" !important;
}
html{
    font-size: 100px;
}
/* a[href=""],a[href='']{
    cursor:default
} */
.mod-form input:-webkit-autofill,
.mod-form input:-webkit-autofill:hover,
.mod-form input:-webkit-autofill:focus,
.mod-form input:-webkit-autofill:active {
    -webkit-text-fill-color: #333 !important;
}
@font-face {
    font-family: 'OutfitRegular';
    src: url('../fonts/OutfitRegular/OutfitRegular.woff2') format('woff2'),
         url('../fonts/OutfitRegular/OutfitRegular.woff') format('woff');
}
@font-face {
    font-family: 'OutfitLight';
    src: url('../fonts/OutfitLight/OutfitLight.woff2') format('woff2'),
         url('../fonts/OutfitLight/OutfitLight.woff') format('woff');
}
@font-face {
    font-family: 'OutfitBold';
    src: url('../fonts/OutfitBold/OutfitBold.woff2') format('woff2'),
         url('../fonts/OutfitBold/OutfitBold.woff') format('woff');
}
@font-face {
    font-family: 'OutfitSemiBold';
    src: url('../fonts/OutfitSemiBold/OutfitSemiBold.woff2') format('woff2'),
         url('../fonts/OutfitSemiBold/OutfitSemiBold.woff') format('woff');
}
@font-face {
    font-family: 'OutfitMedium';
    src: url('../fonts/OutfitMedium/OutfitMedium.woff2') format('woff2'),
         url('../fonts/OutfitMedium/OutfitMedium.woff') format('woff');
}
:root{
    /* 字号 */
    --font100: 1.0rem;
    --font98: 0.98rem;
    --font96: 0.96rem;
    --font94: 0.94rem;
    --font92: 0.92rem;
    --font90: 0.90rem;
    --font88: 0.88rem;
    --font86: 0.86rem;
    --font84: 0.84rem;
    --font82: 0.82rem;
    --font80: 0.80rem;
    --font78: 0.78rem;
    --font76: 0.76rem;
    --font74: 0.74rem;
    --font72: 0.72rem;
    --font70: 0.70rem;
    --font68: 0.68rem;
    --font66: 0.66rem;
    --font64: 0.64rem;
    --font62: 0.62rem;
    --font60: 0.60rem;
    --font58: 0.58rem;
    --font56: 0.56rem;
    --font54: 0.54rem;
    --font52: 0.52rem;
    --font50: 0.50rem;
    --font48: 0.48rem;
    --font46: 0.46rem;
    --font44: 0.44rem;
    --font42: 0.42rem;
    --font40: 0.40rem;
    --font38: 0.38rem;
    --font36: 0.36rem;
    --font34: 0.34rem;
    --font32: 0.32rem;
    --font30: 0.30rem;
    --font28: 0.28rem;
    --font26: 0.26rem;
    --font24: 0.24rem;
    --font22: 0.22rem;
    --font20: 0.20rem;
    --font18: 0.18rem;
    --font16: 0.16rem;
    --font14: 0.14rem;
    --font12: 0.12rem;
    /* 间距 */
    --space250: 2.5rem;
    --space240: 2.4rem;
    --space230: 2.3rem;
    --space220: 2.2rem;
    --space210: 2.1rem;
    --space200: 2.0rem;
    --space190: 1.9rem;
    --space180: 1.8rem;
    --space170: 1.7rem;
    --space160: 1.6rem;
    --space150: 1.5rem;
    --space140: 1.4rem;
    --space130: 1.3rem;
    --space120: 1.2rem;
    --space110: 1.1rem;
    --space100: 1.0rem;
    --space90: 0.9rem;
    --space80: 0.8rem;
    --space70: 0.7rem;
    --space60: 0.6rem;
    --space50: 0.5rem;
}
:root {
    --font120: 1.1rem;
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 72px;
    /* 颜色 */
    --color000: #000;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --color1c: #1C1C1C;
    --colormain: #03C2D5;
    --colorbj: ;
    --colortit: #080808;
    --colortit2: #283A3A;
    --color2d: #2D2D2D;
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;  
    /* 特殊字体或粗细 */
    --regular:'OutfitRegular';
    --bold:'OutfitBold';
    --semibold:'OutfitSemiBold';
    --medium:'OutfitMedium';
    --light:'OutfitLight';
    --transition: all 0.4s ease;
    --transition3: all 0.6s var(--bezier1);
    --transition1: all 0.8s var(--bezier1);
    --transition2: transform 1.5s var(--bezier2),-webkit-transform 1.5s var(--bezier2), opacity 1.2s var(--bezier2),color 0.3s var(--bezier2);
    --transition4: all 0.8s var(--bezier3);
    --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
    /* 等于gsap的sine.out */
    --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1); 
    /* 等于gsap的expo.inOut */
    --bezier2: cubic-bezier(.38, 0, 0, 1);
    /* 等于gsap的power2.out */
    --bezier3: cubic-bezier(.25, .74, .22, .99); 
}
.ys-cont1360 {
    width: 85vw;
    max-width: 1360px;
    margin: auto;
    --place: calc(50vw - 680px);
    --cont: 1360px;
}
.ys-cont1520 {
    width: 85vw;
    max-width: 1520px;
    margin: auto;
    --place: calc(50vw - 760px);
    --cont: 1520px;
}
@media screen and (max-width: 1788px){
    .ys-cont1520 {
        --place: 7.5vw;
        --cont: 85vw;
    }
}
@media screen and (max-width: 1600px){
    .ys-cont1360 {
        --place: 7.5vw;
        --cont: 85vw;
    }
}
@media screen and (max-width: 767px){
    .ys-cont1520,
    .ys-cont1360 {
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
        --place: 20px;
        --cont: calc(100vw - 40px);
    }
}
.std-font120,
.std-font120 p {
    font-size: var(--font120);
    color: var(--color333);
    line-height: 1.1;
    font-family: var(--bold);
}
.std-font80,
.std-font80 p {
    font-size: var(--font80);
    color: var(--color000);
    line-height: 1.1;
    font-family: var(--medium);
}
.std-font60,
.std-font60 p {
    font-size: var(--font60);
    color: var(--colortit);
    line-height: 1.1;
    font-family: var(--semibold);
}
.std-font48,
.std-font48 p,
.yxedr-active h2 {
    font-size: var(--font48);
    color: var(--color333);
    line-height: var(--line15);
}
.std-font50,
.std-font50 p {
    font-size: var(--font50);
    color: var(--color333);
    line-height: var(--line15);
}
.std-font40,
.std-font40 p,
.yxedr-active h3 {
    font-size: var(--font40);
    color: var(--colortit);
    line-height: var(--line15);
}
.std-font32,
.std-font32 p,
.yxedr-active h4 {
    font-size: var(--font32);
    color: var(--color333);
    line-height: var(--line15);
}
.std-font30,
.std-font30 p {
    font-size: var(--font30);
    color: var(--color000);
    line-height: var(--line12);
    font-family: var(--medium);
}
.std-font28,
.std-font28 p {
    font-size: var(--font28);
    color: #283A3A ;
    line-height: var(--line14);
}
.std-font26,
.std-font26 p {
    font-size: var(--font26);
    color: var(--color000);
    line-height: var(--line14);
}
.std-font24,
.std-font24 p,
.yxedr-active h5 {
    font-size: var(--font24);
    color: var(--colortit);
    line-height: var(--line15);
}
.std-font22,
.std-font22 p {
    font-size: var(--font22);
    color: #1C1C1C ;
    line-height: var(--line15);
}
.std-font20,
.std-font20 p {
    font-size: var(--font20);
    color: var(--color333);
    line-height: var(--line15);
}
.std-text18,
.std-text18 p {
    font-size: var(--font18);
    color: var(--color333);
    line-height: var(--line15);
}
.std-text16,
.std-text16 p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line175);
}
.std-text14,
.std-text14 p {
    font-size: var(--font14);
    color: var(--color333);
    line-height: var(--line175);
}
.yxedr-active,
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line175);
}
.yxedr-active p{
    margin-bottom: 0.75em;
}
.yxedr-active>p:last-child{
    margin-bottom: 0;
}
.std-padding120t {
    padding-top: var(--space120);
}
.std-padding120 {
    padding-bottom: var(--space120);
}
.std-padding100t {
    padding-top: var(--space100);
}
.std-padding100 {
    padding-bottom: var(--space100);
}
.std-margin40 {
    margin-bottom: var(--space40);
}
.std-padding40 {
    padding-bottom: var(--space40);
}
.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}
.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}
.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}
.search-main{
    --colormain1: var(--colormain) !important;
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    content: '分享到 - 微信';
    /* content: 'Share the - WeChat'; */
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2)!important;
    white-space: nowrap;
}
/*导航默认选中*/
.yxnav-active1 {

}
.yxnav-active2 {

}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/* 省略号 */
.line-clamp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 侧边锚点隐藏 */
.mod-anchor{
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
    position: fixed;
    z-index: 20;
}
.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor ul{
    transition: all .4s ease;
}
.mod-anchor:not(.act) ul{
    opacity: 1;
    transform: translateX(0%);
}
.mod-anchor.act ul{
    opacity: 0;
    transform: translateX(-50%);
}
/* 轮播箭头 */
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled{
    pointer-events: none!important;
    opacity: .5!important;
}
.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev, 
.mod-arrows1 .slick-next{
    
}
/* 载入 */
.ys-upfade1{
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: var(--transition2);
    will-change: transform, opacity;
}
.ys-upfade1.ys-fade-true{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}
/* 首页banner载入 */
.ys-ban-li.act .std-title1-leade,
.ys-ban-li.act .ys-ban-title,
.ys-ban-li.act .home-ban-text,
.ys-ban-li.act .home-btns{
    animation: ysfadeInUp .8s ease-in-out both;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.act .std-title1-leade{
    animation-delay: 0.3s;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-title{
    animation-delay: 0.4s;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.act .home-ban-text{
    animation-delay: 0.5s;
}
.ys-ban-slick.ys-slick-act .ys-ban-li.act .home-btns{
    animation-delay: 0.6s;
}
/* 公共样式 - end */

/* Acrab首页公共结构 - start */
.std-title1-leade,
.std-title1-leade p {
    font-size: var(--font16);
    line-height: 1.45;
    color: var(--colormain);
    font-weight: 400;
}
.std-title1 .std-font40 {
    line-height: 1.1;
    color: #080808;
    font-weight: 400;
    text-align: center;
}
.std-title1-text,
.std-title1-text p {
    font-size: var(--font16);
    line-height: 1.45;
    color: #666;
    font-weight: 400;
    text-align: center;
}
.std-title1 {
    width: 8.39rem;
    margin: 0 auto;
    text-align: center;
}
.std-title1 .std-title1-leade {
    margin-bottom: 0.1rem;
}
.std-title1 .std-title1-text {
    margin-top: 0.2rem;
}
.acrab-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    padding: 0.11rem 0.18rem;
    border-radius: 6rem;
    font-size: var(--font16);
    line-height: 1.1;
    font-weight: 400;
    white-space: nowrap;
    transition: var(--transition3);
}
.acrab-btn span {
    display: block;
    line-height: inherit;
}
.acrab-btn-dark {
    color: #fff;
    background: #000;
    border: 1px solid #000;
}
.acrab-btn-line {
    color: #333;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #333;
}
/* Acrab首页公共结构 - end */

/* Acrab首页Header - start */
.home-head-core {
    height: var(--headh);
    margin: 0 auto;
    position: relative;
}
.acrab-logo {
    width: 1.09rem;
    height: 0.4rem;
    background: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
    line-height: 1;
}
.acrab-logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 1;
}
.acrab-logo img {
    width: 0.882rem!important;
    height: auto;
    object-fit: contain;
}
.acrab-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
.acrab-nav .head-nav-item {
    margin: 0;
    padding: 0;
    flex-shrink: 0;
}
.acrab-nav .head-nav-item-title {
    display: block;
    font-size: var(--font16);
    line-height: 1.5;
    color: #333;
    transition: var(--transition);
}
.acrab-head-other {
    position: absolute;
    right: 0;
    top: 0.24rem;
}
/* Acrab首页Header - end */

/* Acrab首页Banner - start */
.home-ban-slick {
    margin: 0;
    padding: 0;
    list-style: none;
}
.home-ban-li {
    position: relative;
    overflow: hidden;
    list-style: none;
}
.home-ban-imgbox {
    position: relative;
    z-index: 1;
}
.home-ban-imgbox::before {
    background:
        linear-gradient(180deg, #e8eff4 0%, rgba(232, 239, 244, 0) 29.84%),
        linear-gradient(90deg, rgba(235, 249, 255, 0.85) 39.679%, rgba(249, 246, 240, 0) 70.717%);
}
.home-ban-imgbox img {
    display: block;
    width: 100%;
    height: auto;
}
.home-ban-txtbox {
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
}
.home-ban-content {
    width: 5.88rem;
    position: relative;
}
.home-ban-content .std-title1-leade {
    margin-bottom: 0.2rem;
}
.home-ban-title {
    font-size: var(--font50);
    line-height: 1.1;
    color: #333;
    font-weight: 400;
    margin-bottom: 1rem;
}
.home-ban-text,
.home-ban-text p {
    font-size: var(--font16);
    line-height: 1.55;
    color: #666;
    font-weight: 400;
}
.home-btns {
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
}
.home-btns .std-btn1 {
    margin-right: 0.2rem;
}
.home-btns .std-btn2 {
    margin-right: 0;
}
/* Acrab首页Banner - end */

/* 执行场景手风琴 - start */
.home-surfaces {
    padding-top: var(--space120);
    overflow: visible;
}
.home-surfaces-inof {
    display: flex;
    align-items: stretch;
    width: 100%;
    aspect-ratio: 1280 / 530;
    margin: 0 -0.08rem;
    margin-top: 0.4rem;
    padding: 0;
    list-style: none;
}
.home-surfaces-item {
    width: 17%;
    min-width: 0;
    padding: 0 0.08rem;
    flex-grow: 1;
    transition: var(--transition4);
}
.home-surfaces-item:last-child {
    margin-right: 0;
}
.home-surfaces-item.act {
    width: 66%;
}
.home-surface-card {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0.16rem;
    overflow: hidden;
}
.home-surface-img {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.home-surface-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-surface-caption {
    position: absolute;
    left: 0.1rem;
    right: 0.1rem;
    bottom: 0.1rem;
    z-index: 1;
    min-height: 1.18rem;
    padding: 0.41rem 0.05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #fff;
    border-radius: 0.12rem;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    transition: var(--transition);
}
.home-surface-title {
    font-size: var(--font16);
    line-height: 1.1;
    color: #080808;
    font-weight: 400;
    transition: all .6s ease;
    transform-origin: center bottom;
}
.home-surface-desc {
    display: none;
    margin-top: 0.1rem;
}
.home-surface-desc .std-text14{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 1.45em;
}
.home-surface-desc,
.home-surface-desc p {
    line-height: 1.45;
    color: #666;
    font-weight: 400;
    font-size: var(--font16);
}
.home-surfaces-item.act .home-surface-caption {
    padding: 0.33rem 0.3rem;
}
.home-surfaces-item.act .home-surface-title {
    /* font-size: var(--font20); */
    transform: scale(1.25);
}
/* 执行场景手风琴 - end */

/* 硬件基础介绍 - start */
.home-foundation {
    padding-top: var(--space140);
}
.home-foundation-core {
    width: 7.18rem;
    margin: 0 auto;
    text-align: center;
    margin-bottom: var(--space80);
}
.std-title1 .std-btn1 {
    margin-top: 0.3rem;
}
/* 硬件基础介绍 - end */

/* 芯片横幅 - start */
.home-chip {
    overflow: hidden;
}
.home-chip-img {
    width: 100%;
}
.home-chip-img img {
    width: 100%;
    height: auto;
    display: block;
}
/* 芯片横幅 - end */

/* 技术笔记 - start */
.home-notes {
    padding-top: var(--space120);
    padding-bottom: var(--space140);
}
.home-notes-inof {
    --gap1: 0.12rem;
    --gap2: 0;
    flex-wrap: wrap;
    margin: 0.8rem calc(var(--gap1) * -1) 0;
    margin-top: var(--space50);
    padding: 0;
    list-style: none;
}
.home-notes-item {
    width: 33.333333%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}
.home-notes-item-link {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.home-note-top {
    padding-top: var(--space40);
    border-top: 1px solid rgba(40, 58, 58, 0.20);
    margin-bottom: var(--space60);
}
.home-note-label {
    font-size: var(--font16);
    line-height: 1.45;
    color: var(--colormain);
    font-weight: 400;
    margin-bottom: 0.1rem;
}
.home-note-title {
    font-size: var(--font28);
    line-height: 1.4;
    color: #283A3A;
    font-weight: 400;
    letter-spacing: -1px;
}
.home-note-img {
    width: 100%;
    border-radius: 0.16rem;
    overflow: hidden;
}
/* 技术笔记 - end */

/* 页脚 - start */
.ys-footer {
    background: #e9f2f6;
    padding-top: var(--space80);
}
.footer-bottom{
    padding-bottom: var(--space40);
}
.footer-main,
.footer-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.footer-main {
    margin-bottom: var(--space60);
}
.footer-logo {
    width: 1.6rem;
    margin-bottom: 0.28rem;
}
.footer-logo a,
.footer-logo img {
    display: block;
    width: 100%;
}
.footer-text,
.footer-text p {
    width: 5.22rem;
    font-size: var(--font24);
    line-height: 1.3;
    color: #333;
    font-weight: 400;
}
.footer-action {
    padding-top: 0.54rem;
}
.footer-nav {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-nav>li {
    margin-right: 0.4rem;
}
.footer-nav>li:last-child {
    margin-right: 0;
}
.footer-nav a {
    font-size: var(--font16);
    line-height: 1.6;
    color: #666;
}
.footer-share {
    display: flex;
    align-items: center;
    padding: 0;
    list-style: none;
}
.footer-share>li .footer-share-btn{
    width: 0.28rem;
}
.footer-share {
    --gap1: 0.13rem;
}
.footer-share .footer-share-btn {
    display: block;
    width: 100%;
}
.footer-share .ys-imgbox-contain {
    width: 100%;
}
/* 页脚 - end */

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    /* Acrab首页Header hover - start */
    .acrab-nav .head-nav-item-title:hover,
    .acrab-nav .yxnav-active1 .head-nav-item-title,
    .acrab-nav .select-anchor .head-nav-item-title {
        color: var(--colormain);
    }
    /* Acrab首页Header hover - end */
    /* Acrab首页按钮 hover - start */
    .acrab-btn-dark:hover {
        background: var(--colormain);
        border-color: var(--colormain);
    }
    .acrab-btn-line:hover {
        color: var(--colormain);
        border-color: var(--colormain);
    }
    /* Acrab首页按钮 hover - end */
    /* 技术笔记 hover - start */
    .home-notes-item>a:hover .home-note-title {
        color: var(--colormain);
    }
    /* 技术笔记 hover - end */
    .footer-nav>li>a:hover {
        color: var(--colormain);
    }
    .footer-privacy a:hover{
        color: var(--color666);
    }
    /* 2026.6.12 - start */
    .home-solution-img:hover img{
        transform: scale(1.05);
    }
    .std-btn4-link:hover{
        background: var(--colormain);
    }
    .std-btn3 .acrab-btn:hover{
        background: var(--colormain);
    }
    .cnii-link:hover .std-btn5-link span,
    .std-btn5-link:hover span{
        color: var(--colorfff);
    }
    .cnii-link:hover .std-btn5-link img:nth-child(2),
    .std-btn5-link:hover img:nth-child(2){
        opacity: 1;
    }
    .cnii-link:hover .std-btn5-link img:nth-child(1),
    .std-btn5-link:hover img:nth-child(1){
        opacity: 0;
    }
    .cnii-link:hover .std-btn5-link,
    .std-btn5-link:hover{
        background: #000;
    }
    .prodect-system-inof-item:hover .psii-img img{
        transform: scale(1.05);
    }
    /* 2026.6.12 - end */
}
.home-note-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.7em;
}
.home-notes-item:not(:first-child){
    display: none;
}
.footer-nav>li>a {
    font-size: var(--font20);
    line-height: var(--line13);
    color: rgba(51,51,51,0.74);
}
.footer-nav {
    --gap1: 0px;
}
.footer-nav {
    justify-content: flex-start;
}
.home-head-core{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ys-hd-pc-core .acrab-btn{
    min-width: 1.6rem;
}
.mod-dots1 .slick-dots{
    bottom: -0.4rem;
}
.footer-bot {
    border-top: 1px solid #ddd;
    padding: 0.09rem 0 0.13rem;
}
.footer-bot .ys-cont1280{
    display: flex;
    justify-content: space-between;
}
.footer-text1, .footer-text1 p {
    font-size: var(--font14);
    line-height: 1.4;
    color: rgba(102,102,102,.4);
}
a[href="https://www.yongsy.com"] {
    color: rgba(102,102,102,.4) !important;
    margin-left: 0.26rem;
}
.footer-privacy a {
    color: rgba(102,102,102,.4);
    line-height: var(--line14);
}
.footer-privacy {
    --gap1: 0.12rem;
}
.home-surfaces-item.act .home-surface-caption {
    padding: 0.33rem 0.05rem;
}
/* 2026.6.12 - start */
.ys-banner1 .home-ban-imgbox::before {
    width: 48%;
    background: linear-gradient(90deg, rgba(232, 224, 220, 0.42) 0%, rgba(232, 224, 220, 0.22) 58%, rgba(232, 224, 220, 0) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    mask-image: linear-gradient(90deg, #000 0%, #000 58%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 58%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}
.ys-banner1 .home-ban-imgbox {
    mask-image: radial-gradient(ellipse 190.16% 153.75% at 50.1% -53.75%, #000 99.85%, rgba(0, 0, 0, 0) 100%);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    -webkit-mask-image: radial-gradient(ellipse 190.16% 153.75% at 50.1% -53.75%, #000 99.85%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}
.ys-banner1 .std-font120,
.ys-banner1 .std-font120 p{
    color: var(--colorfff);
    font-family: var(--bold);
    text-align: center;
    font-size: var(--font120);
}
.ys-banner1 .home-ban-content{
    width: 100%;
}
.ys-banner1 .home-btns {
    justify-content: center;
    margin-top: 0.35rem;
}
.std-btn3 .acrab-btn{
    background: rgba(0, 206, 229, 0.6);
    color: var(--colorfff);
    padding: 0.205rem 0.855rem;
}
.ys-banner1 .home-ban-txtbox {
    padding-bottom: 6.7vw;
}
.ys-banner1{
    overflow: visible;
    position: relative;
    z-index: 6;
}
.home-mv {
    position: relative;
    overflow: visible;
    margin-top: -3.5vw;
}
.home-mv-pin {
    position: sticky;
    height: calc(100vh - var(--headh));
    top: var(--headh);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.home-mv-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.home-mv-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-mv-inof-item{
    text-align: center;
}
.home-mv-inof-item .std-font60{
    font-size: var(--font80);
    font-family: var(--semibold);
    line-height: 1.22;
    margin-bottom: 0.18rem;
}
.home-mv-inof-item .std-font26,
.home-mv-inof-item .std-font26 p{
    font-size: var(--font36);
    line-height: 1.55;
    color: rgba(28,28,28,0.6);
}
.home-mv-inof-item .std-font26{
    max-width: 12.5rem;
    margin: 0 auto;
}
.home-mv .ys-cont1200{
    position: relative;
    z-index: 6;
}
.home-mv-zhan-nub{
    height: 70vh;
}
.home-mv-inof-item{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    width: 100%;
    opacity: 0;
    pointer-events: none;
}
.home-mv-inof-item .std-font60,
.home-mv-inof-item .std-font26{
    transform: translateY(80px);
    transition: none;
}
.home-mv-inof-item:first-child{
    opacity: 1;
    pointer-events: all;
}
.home-mv-inof-item:first-child .std-font60,
.home-mv-inof-item:first-child .std-font26{
    transform: translateY(0px);
}
.home-solutions {
    position: relative;
    overflow: visible;
    background: #fff;
}
.home-solutions-pin {
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    padding-top: 0.33rem;
    padding-bottom: 0.2rem;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;    
}
.home-solutions-pin .ys-cont1520{
    width: auto;
    max-width: none;
    padding-left: var(--place);
    padding-right: var(--place);
}
.home-solutions-zhan-item{
    height: 70vh;
}
.prodect-main .home-solutions {
    overflow: hidden;
}
.prodect-main .home-solutions-pin {
    position: relative;
    top: auto;
    height: auto;
    overflow: visible;
}
.prodect-main .home-solutions-zhan {
    display: none;
}
.prodect-main .home-solutions-pin .ys-cont1520 {
    transform: none !important;
}
.home-solutions-core {
    display: flex;
    align-items: flex-start;
}
.home-solutions .std-title1,
.home-solutions .std-title1 *{
    text-align: left;
}
.home-solutions .std-title1 {
    width: 6.24rem;
    padding-right: 1.23rem;
}
.std-title1-text.std-font26, 
.std-title1-text.std-font26 p {
    font-size: var(--font26);
}
.home-solutions-bg{
    width: 6.88rem;
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
}
.home-solutions-bg img{
    width: 100%;
}
.home-solutions-track {
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
}
.home-solution-item {
    width: 7rem;
    flex-shrink: 0;
    margin-right: 0.68rem;
}
.home-solution-item:last-child {
    margin-right: 0;
}
.home-solution-img {
    border-radius: 0.16rem;
    overflow: hidden;
}
.home-solution-item-text{
    margin-top: 0.27rem;
    padding-right: 0.52rem;
}
.home-solution-item-text,
.home-solution-item-text p,
.home-solution-item-text strong {
    font-size: var(--font18);
    line-height: 1.45;
    color: #666;
}
.home-chip {
    position: relative;
    overflow: hidden;
    padding-top: 1.63rem;
    padding-bottom: 1.89rem;
}
.home-chip-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
}
.home-chip-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}
.home-chip-bg::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;
    background: linear-gradient(130.55deg, #61bfeb 35.865%, #f9b65e 100%);
}
.home-chip-inof {
    display: flex;
    align-items: flex-start;
    list-style: none;
    margin-top: 0.75rem;
}
.home-chip-item {
    position: relative;
    width: 33.333333%;
    text-align: center;
    padding: 0 0.12rem;
}
.home-chip-icon {
    width: 1.44rem;
    height: 1.44rem;
    background-image: url(../images/0a1_icon1.svg);
    margin: 0 auto;
    margin-bottom: 0.24rem;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-chip-icon .ys-imgbox-cover{
    width: 56%;
}
.home-chip-name,
.home-chip-name p {
    width: 11em;
    max-width: 100%;
    margin: 0 auto;
    color: var(--color000);
    font-family: var(--medium);
    line-height: 1.25;
}
.home-chip-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 0.5px);
    transform: translateY(calc(-50% + 0.84rem));
    bottom: 0.3rem;
    width: 1px;
    height: 0.7rem;
    background: rgba(0, 0, 0, 0.2);
}
.home-surfaces1{
    position: relative;
    padding-bottom: var(--space120);
}
.home-surfaces1-bg{
    position: absolute;
    width: 34.58%;
    right: 0;
    top: calc(var(--space120) - 0.2rem);
}
.home-surfaces1-bg img{
    width: 100%;
}
.home-solutions-bg,
.home-surfaces1-bg{
    opacity: 0.5;
}
.home-surfaces1 .std-title1{
    width: 100%;
}
.home-surfaces-item.act .home-surface-title {
    font-size: var(--font26);
    transform: scale(1);
}
.home-surface-title {
    font-size: var(--font16);
    transform: scale(1);
}
.home-surface-desc .home-surface-title{
    font-size: var(--font26);
    margin-bottom: 0.1rem;
    display: none;
}
.home-surface-desc .std-text14 {
    -webkit-line-clamp: inherit;
    height: auto;
}
.home-surface-caption{
    height: 1.28rem;
}
.home-surface-caption {
    padding: 0.41rem 0.06rem;
}
.home-notes1 {
    position: relative;
    padding-top: var(--space100);
    padding-bottom: var(--space120);
    background: #EAFAFF;
}
.home-notes1-bg1,
.home-notes1-bg2{
    width: 32.031225%;
    position: absolute;
    bottom: 0.86rem;
}
.home-notes1-bg1 img,
.home-notes1-bg2 img{
    width: 100%;
}
.home-notes1-bg1{
    left: 0;
}
.home-notes1-bg2{
    right: 0;
}
.home-notes1 .ys-cont1280 {
    position: relative;
    z-index: 2;
}
.home-notes1 .home-note-title {
    letter-spacing: 0;
}
.home-notes1 .home-notes-inof {
    margin-top: 0.24rem;
}
.home-notes1 .home-note-top{
    border-top: 0px;
    margin-bottom: var(--space50);
}
.home-cta {
    position: relative;
    overflow: hidden;
    padding-bottom: var(--space130);
    background: #fff;
}
.home-cta-collage{
    --gap1: 5px;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    margin-bottom: calc(var(--gap1) * -2);
    padding-bottom: 5vw;
}
.home-cta-collage-item{
    width: 11.11%;
    flex-grow: 1;
    padding: 0 var(--gap1);
    position: relative;
}
.home-cta-collage-item .ys-imgbox-cover{
    margin-bottom: calc(var(--gap1) * 2);
    border-radius: 16px;
}
.home-cta-collage-item1,
.home-cta-collage-item9{
    transform: translateY(5vw);
}
.home-cta-collage-item2,
.home-cta-collage-item8{
    transform: translateY(0.35vw);
}
.home-cta-collage-item3,
.home-cta-collage-item7{
    transform: translateY(5.9vw);
}
.home-cta-collage-item4,
.home-cta-collage-item6{
    transform: translateY(0.85vw);
}
.home-cta-collage-item5{
    transform: translateY(3.9vw);
}
.home-cta-btns{
    --gap1: 0.1rem;
}
.home-cta-btns .std-btn3,
.home-cta-btns .std-btn2{
    margin: 0 var(--gap1);
}
.home-cta-content {
    position: relative;
    z-index: 2;
    margin-top: -3.05vw;
    text-align: center;
}
.home-cta .home-section-title {
    text-align: center;
}
.home-cta-text{
    margin-top: 0.27rem;
}
.home-cta-text,
.home-cta-text p {
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.38;
}
.home-cta-btns .std-btn3 .acrab-btn{
    color: var(--colortit);
}
.home-cta-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.22rem;
}
.home-cta-btns .acrab-btn {
    min-width: 1.8rem;
    padding: 0.11rem 0.14rem;
}
.home-cta-btns .acrab-btn + .acrab-btn {
    margin-left: 0.2rem;
}
.ys-footer1 .std-btn3 .acrab-btn{
    border: 0px;
    color: var(--colortit);
}
.home-head-core {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.acrab-nav {
    position: static;
    left: auto;
    transform: none;
    margin-left: auto;
}
.acrab-nav .head-nav-item {
    margin-left: 0.56rem;
}
.acrab-nav .head-nav-item-title {
    color: #080808;
}
.acrab-phnav .ys-phnav-logo img {
    object-fit: contain;
}
.ys-nyban-title .std-font120{
    font-size: var(--font120);
    text-align: center;
    line-height: 1.2;
}
.ys-nybanner1 .ys-nyban-img{
    background: #10141A;
}
.ys-nybanner1 .ys-nyban-img img{
    opacity: 0.8;
}
.prodect-misson{
    padding-top: 1.5rem;
    padding-bottom: 1.9rem;
}
.prodect-misson .ys-cont1280{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.prodect-misson .std-title1{
    width: 42.3%;
    text-align: left;
    margin: 0;
    margin-right: 1.48rem;
    padding-top: 0.18rem;
}
.prodect-misson .std-title1 *{
    text-align: left;
}
.prodect-misson .prodect-misson-img{
    width: 42.1%;
}
.prodect-misson-img img{
    width: 100%;
}
.prodect-misson .std-title1 .std-title1-text {
    margin-top: 0.3rem;
}
.prodect-misson .std-font24{
    margin-top: 0.35rem;
}
.prodect-misson .std-font24,
.prodect-misson .std-font24 p{
    color: #080808;
    line-height: 1.45;
}
.prodect-misson .std-font24 p:not(:last-child){
    margin-bottom: 0.2rem;
}
.prodect-misson .std-btn4{
    margin-top: 0.7rem;
}
.std-btn4-link{
    background: var(--colortit);
    padding: 0.11rem 0.41rem;
    transition: all .4s ease;
}
.std-btn4-link .std-btn4-link-font{
    font-size: var(--font16);
    color: #fff;
    line-height: 1.1;
}
.contact-news{
    padding-top: 1.68rem;
    padding-bottom: 1.05rem;
}
.ys-nybanner2 .std-font80{
    font-size: var(--font80);
    color: #000;
    line-height: 1.3;
}
.ys-nybanner2 .std-font26{
    margin-top: 0.1rem;
}
.ys-nybanner2 .std-font26,
.ys-nybanner2 .std-font26 p{
    color: #1C1C1C;
    line-height: 1.5;
}
.ys-nybanner2 .ys-cont1520{
    margin-top: 0.63rem;
}
.contact-news-inof{
    --gap1: 0.3rem;
    margin: 0 calc(var(--gap1) * -1);
}
.contact-news-inof-item{
    width: 33.333333%;
    padding: 0 var(--gap1);
}
.contact-news-inof-item:not(:first-child){
    display: none;
}
.cnii-link-img{
    width: 100%;
    border-radius: 0.16rem;
}
.cnii-link{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.cnii-link-text{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-top: 0.38rem;
}
.cnii-link .std-font30{
    color: #000;
    line-height: 1.2;
    margin-bottom: 0.11rem;
    font-family: var(--medium);
}
.cnii-link .cnii-link-text-mail{
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3;
    margin-bottom: 0.33rem;
}
.cnii-link-text-word{
    flex-grow: 1;
}
.cnii-link-text-word,
.cnii-link-text-word p{
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.3;
    font-family: var(--light);
}
.cnii-link .std-btn5{
    margin-top: 1.0rem;
}
.std-btn5-link{
    display: flex;
    align-items: center;
    border-radius: 32px;
    border: 1px solid #000;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 0.18rem 0.48rem;
}
.std-btn5{
    display: flex;
    justify-content: flex-start;
}
.std-btn5-link span{
    font-size: var(--font22);
    color: rgba(28,28,28,.9);
    line-height: 1.1;
}
.std-btn5-link .ys-imgbox-cover{
    width: 0.24rem;
}
.std-btn5-link span+.ys-imgbox-cover{
    margin-left: 0.08rem;
}
.head-nav-item.yxnav-active1 .head-nav-item-title{
    font-family: var(--bold);
    color: #000;
}
.head-nav-item.yxnav-active1 .head-nav-item-title {
    color: #000 !important;
}
.acrab-nav .head-nav-item-title::before{
    content: '';
    width: 0px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #1C1C1C;
    opacity: 0;
    transition: all .4s ease;
}
.head-nav-item.yxnav-active1 .head-nav-item-title::before{
    opacity: 1;
    width: 32px;
}
.ys-upfade2{
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, -10vw, 0);
    transform: translate3d(0, -10vw, 0);
    /* transition: var(--transition2); */
    transition: transform 2.5s ease-out,-webkit-transform 2.5s ease-out, opacity 1.2s var(--bezier2),color 0.3s var(--bezier2);
    transition-delay: 0s;
    will-change: transform, opacity;
}
.ys-upfade2.ys-fade-true{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}
/* 2026.6.12 - end */
.prodect-main .ys-main{
    padding-top: 0.46rem;
}
.contact-main .ys-main{
    padding-top: 0.88rem;
}
.ys-hd-pc::before {
    box-shadow: none;
}
.ys-hd-pc.has-search::before, 
.ys-hd-pc.isfixed::before, 
.ys-hd-pc.ishover::before {
    box-shadow: var(--shadow);
}
.std-btn5-link img{
    transform: scale(1)!important;
}
.contact-news-inof .slick-list{
    padding-bottom: 2px;
}
.std-btn5-link img:nth-child(2){
    opacity: 0;
}
.std-btn5-link span,
.std-btn5-link{
    transition: all .4s ease;
}
.std-btn5-link .ys-imgbox-cover{
    font-size: 0;
}
.prodect-system{
    padding-top: var(--space160);
}
.psii-img{
    width: 61.765%;
    border-radius: 0.2rem;
}
.prodect-system-inof-item{
    margin-bottom: var(--space100);
}
/*.prodect-system-inof-item:last-child{*/
/*    margin-bottom: 0;*/
/*}*/
.prodect-system-inof-item .std-title1{
    width: 31.03%;
    margin: 0;
    padding-top: var(--space50);
}
.prodect-system-inof-item{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.prodect-system-inof-item:nth-of-type(2n){
    flex-direction: row-reverse;
}
.prodect-system-inof-item .std-title1,
.prodect-system-inof-item .std-title1 *{
    text-align: left;
}
.prodect-system .std-title1 .std-title1-leade {
    margin-bottom: 0.2rem;
}
.prodect-system .std-title1 .std-font40{
    line-height: 1.3;
    color: var(--color333);
}
.prodect-system .std-title1 .std-title1-text {
    margin-top: 0.3rem;
}
.prodect-system .std-title1-text, 
.prodect-system .std-title1-text p{
    line-height: 1.5;
}