@charset "utf-8";

/* 响应式原则：调大看小 */
@media screen and (max-width: 1919px) {
    /* 2026.06.01 - Teemo - start */
    .home-footer-bottom>a {
        padding-right: 2.4rem;
    }
    .home-footer-bottom>span {
        padding-right: 1.4rem;
    }
    /* 2026.06.01 - Teemo - end */
    /* 1919end */
}
@media screen and (max-width: 1680px) {
    html {
        font-size: 86px;
    }
    :root{
        /* 间距 */
        --space250: 2.0rem;
        --space240: 1.95rem;
        --space230: 1.9rem;
        --space220: 1.85rem;
        --space210: 1.8rem;
        --space200: 1.75rem;
        --space190: 1.7rem;
        --space180: 1.65rem;
        --space170: 1.6rem;
        --space160: 1.55rem;
        --icon24: 20px
    }
    /* 2026.06.01 - aaa - start */
    .home-header-core {
        padding: 0 0.78rem;
    }
    .home-nav {
        width: 7.1rem;
    }
    .home-solution-next {
        width: 0.84rem;
    }
    /* 2026.06.01 - aaa - end */
    /* 2026.06.01 - Teemo - start */
    .head-logo{
        width: 180px;
        margin-left: 0.6rem;
        margin-right: 1.8rem;
    }    
    .head-nav-item:not(:last-child){
        margin-right: 0.7rem;
    }
    .head-nav{
        padding-right: 0.4rem;
    }
    .ys-banner-icon{
        width: 22px;
    }
    .head-lang-top-circle{
        width: 22px;
    }
    .head-search-btn, 
    .head-search-btn .ys-imgbox-cover{
        width: 18px;
    }
    .home-footer-logo{
        width: 440px;
    }
    .head-lang,
    .head-search{
        padding-right: 0.6rem;
    }
    .ys-btn3-link{
        line-height: 44px;
    }
    .home-main .ys-dots1 .slick-dots li::before, .home-main .ys-dots1 .slick-dots li::after {
        height: 4px;
    }
    .home-intell-point-icon{
        width: 18px;
    }
    .home-intell-point{
        width: 40px;
    }
    .home-intell-title{
        width: 58%;
        bottom: 14%;
    }
    .home-solution-showcase .home-solution-detail-copy{
        width: 48%;
    }
    .home-footer-social {
        --width1: 20px;
    }
    .std-btn1-link,
    .has-icon .std-btn1-link {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .home-product-copy,
    .home-product-row .home-product-copy{
        width: 40%;
    }
    .hnlc-tit,
    .hnlc-time{
        margin-bottom: 0.3rem;
    }
    .ys-banner-icon{
        bottom: 10%;
    }
    .home-product-switch {
        margin-bottom: var(--space200);
    }
    .home-products::after{
        background: rgba(0, 30, 96, 0.6);
    }
    .home-footer-bottom>a {
        padding-right: 2rem;
    }
    .home-footer-bottom>span {
        padding-right: 1.8rem;
    }
    /* 2026.06.01 - Teemo - end */
    /* 1680end */
}
@media screen and (max-width: 1440px) {
    .ys-modal-content {
        max-height: 650px;
    }
    html {
        font-size: 62px;
    }
    :root {
        --font28: 0.30rem; 
        --font26: 0.28rem; 
        --font24: 0.28rem; 
        --font22: 0.26rem; 
        --font20: 0.26rem; 
        --font18: 0.24rem;  
        --font16: 0.22rem;   
        --font14: 0.20rem;  
        --font12: 0.16rem; 
        --icon24: 18px;  
    }
    /* 2026.06.01 - aaa - start */
    .home-header-core {
        padding: 0 0.58rem;
    }
    .home-nav {
        width: 6.4rem;
    }
    .home-product-tabs {
        margin-top: 0.8rem;
    }
    /* 2026.06.01 - aaa - end */
    /* 2026.06.01 - Teemo - start */
    .head-logo {
        width: 160px;
        margin-right: 1.4rem;
    }
    .ys-btn3-link {
        line-height: 40px;
    }
    .home-product-row .home-product-copy,
    .home-product-copy{
        width: 40%;
    }
    .home-intell-point-icon{
        width: 16px;
    }
    .home-solution-showcase .home-solution-detail-copy{
        width: 51%;
    }
    .home-footer-logo {
        width: 400px;
    }
    .head-nav-item:not(:last-child) {
        margin-right: 0.6rem;
    }
    .home-intell-point .ys-spot{
        --width: 8px;
    }
    .ys-ban-slick .slick-dots li.slick-active,
    .home-news-ul .slick-dots li.slick-active{
        width: 38px;
    }
    .ys-ban-slick .slick-dots li,
    .home-news-ul .slick-dots li{
        width: 10px;
    }
    .home-intell-point {
        width: 30px;
    }
    .home-footer-bottom>a {
        padding-right: 1.4rem;
    }
    .home-footer-bottom>span {
        padding-right: 0.6rem;
    }
     .home-footer-bottom>a {
        padding-right: 1rem;
    }
    .home-footer-bottom>span {
        padding-right: 0.8rem;
    }
    /* 2026.06.01 - Teemo - end */
    /* 1440end */
}
@media screen and (max-width: 1199px) {
    :root {
        --headh: 56px;
    }
    html {
        font-size: 58px;
    }
    :root {
        /* 字号82-100 0.66rem 38px */
        --fontr1: 0.66rem;
        --font100: var(--fontr1);
        --font98: var(--fontr1);
        --font96: var(--fontr1);
        --font94: var(--fontr1);
        --font92: var(--fontr1);
        --font90: var(--fontr1);
        --font88: var(--fontr1);
        --font86: var(--fontr1);
        --font86: var(--fontr1);
        --font84: var(--fontr1);
        --font82: var(--fontr1);
        /* 字号72-80 0.59rem 34px */
        --fontr2: 0.59rem;
        --font80: var(--fontr2);
        --font78: var(--fontr2);   
        --font76: var(--fontr2); 
        --font74: var(--fontr2); 
        --font72: var(--fontr2); 
        /* 字号62-70 0.55rem 32px */
        --fontr3: 0.55rem;
        --font70: var(--fontr3); 
        --font68: var(--fontr3);
        --font66: var(--fontr3);
        --font64: var(--fontr3);
        --font62: var(--fontr3);  
        /* 字号52-60 0.52rem 30px */
        --fontr4: 0.52rem;
        --font60: var(--fontr4); 
        --font58: var(--fontr4); 
        --font56: var(--fontr4); 
        --font54: var(--fontr4); 
        --font52: var(--fontr4); 
        /* 间距 */
        --space250: 1.425rem;
        --space240: 1.4rem;
        --space230: 1.375rem;
        --space220: 1.35rem;
        --space210: 1.325rem;
        --space200: 1.3rem;
        --space190: 1.275rem;
        --space180: 1.25rem;
        --space170: 1.225rem;
        --space160: 1.2rem;
        --space150: 1.175rem;
        --space140: 1.15rem;
        --space130: 1.125rem;
        --space120: 1.1rem;
        --space110: 1.0rem;
        --space100: 0.95rem;
    }
    /* 移动端-副导航 - start */
    .footer-nav{
        flex-direction: column;
        --gap1: 0px;
        --gap2: 0px;
        border-top: 1px solid rgba(102,102,102,.5);
    }
    .footer-nav>li{
        position: relative;
        border-bottom: 1px solid rgba(102,102,102,.5);
    }
    .footer-nav>li>a{
        padding: 6px 0;
    }
    .footer-nav>li::before,
    .footer-nav>li::after{
        content: '';
        position: absolute;
        width: 16px;
        height: 1px;
        background: rgba(51,51,51,.5);
        right: 2px;
        top: calc(0.875em + 6px);
        transition: all .4s ease;
    }
    .footer-nav>li::after{
        transform: rotate(90deg);
    }
    .footer-nav ul{
        display: none;
    }
    .footer-nav>li.act::after {
        transform: rotate(0deg);
    }
    .footer-nav>li.no-nav::before,
    .footer-nav>li.no-nav::after{
        display: none;
    }
    .footer-nav>li.no-nav a{
        width: 100%;
    }
    /* 移动端-副导航 - end */
    /* 2026.06.01 - aaa - start */
    .home-main {
        --headh: 56px;
    }
    .home-header .ys-phnav-header {
        background: rgba(0,3,7,0.22);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }
    .home-header .ys-hd-ph.isfixed .ys-phnav-header,
    .home-main.on .ys-phnav-header {
        background: rgba(255,255,255,0.96);
    }
    .home-header .ys-phnav-logo {
        width: 1.8rem;
    }
    .home-header .ys-phnav-menu {
        padding: 0.28rem 0.36rem 0.4rem;
    }
    .home-header .ys-ph-nav .ys-phnav-header-font,
    .home-header .ys-ph-nav a {
        font-size: var(--font20);
    }
    .home-banner .ys-ban-imgbox img {
        object-position: center top;
    }
    .home-banner-content {
        width: 82%;
    }
    .home-banner-title {
        font-size: var(--font60);
    }
    .home-banner-desc,
    .home-banner-desc p {
        font-size: var(--font18);
    }
    .home-future-title {
        width: 100%;
    }
    .home-product-row .home-product-copy, 
    .home-product-copy,
    .home-product-panel .home-product-copy,
    .home-product-media,
    .home-product-panel .home-product-media,
    .home-product-row .home-product-media {
        width: 50%;
    }
    .home-product-copy{
        padding-right: 0.2rem;
    }
    .home-product-row .home-product-copy{
        padding-left: 0.2rem;
        padding-right: 0;
    }
    .home-product-name {
        margin-bottom: 0.28rem;
    }
    .home-product-tab {
        padding: 0.16rem 0;
        font-size: var(--font16);
    }
    .home-product-tab::before {
        height: 1px;
    }
    .home-product-row {
        margin-top: 1.02rem;
    }
    /* .home-solutions-mosaic {
        left: -178%;
        top: -20%;
        width: 455%;
    }
    .home-solutions-row h2 {
        font-size: var(--font40);
    }
    .home-solution-detail-inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        padding-bottom: 0.58rem;
    }
    .home-solution-detail-title {
        width: 100%;
        margin-bottom: 0.32rem;
        font-size: var(--font52);
    }
    .home-solution-detail-copy {
        width: 100%;
    }
    .home-solution-detail-desc,
    .home-solution-detail-desc p {
        font-size: var(--font16);
    }
    .home-solution-next {
        right: 0.42rem;
        top: 39%;
        width: 0.76rem;
    } */
    .home-news-inof {
        flex-wrap: wrap;
        padding-top: 0.42rem;
    }
    .home-news-item {
        width: 50%;
    }
    .home-news-name {
        font-size: var(--font30);
    }
    .home-contact {
        padding: 1.08rem 0;
    }
    .home-contact-core {
        width: 88%;
        margin-top: 1.08rem;
    }
    .home-contact-line-short {
        margin-top: 1.08rem;
    }
    .home-contact-title {
        font-size: var(--font52);
    }
    .home-footer {
        padding: 1.0rem 0 0.42rem;
    }
    .home-footer-top,
    .home-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .home-footer-brand,
    .home-footer-nav,
    .home-footer-mid {
        width: 100%;
    }
    .home-footer-logo {
        width: 330px;
        margin-bottom: 0.34rem;
    }
    .home-footer-nav {
        margin: 0.76rem -0.22rem -0.42rem;
    }
    .home-footer-nav > li {
        width: 25%;
        padding: 0 0.22rem;
        margin-bottom: 0.42rem;
    }
    .home-footer-mid {
        margin-top: 0.45rem;
    }
    .home-footer-bottom {
        margin-top: 0.56rem;
    }
    .home-footer .footer-text p {
        flex-direction: column;
        align-items: flex-start;
    }
    .home-footer .footer-text a {
        margin-right: 0;
        margin-bottom: 0.08rem;
    }
    .ys-footer{
        padding: 0 0 0.85rem 0 ;
    }
    .home-footer-inner {
        padding-top: 0.7rem;
    }
    .ys-phnav-r .head-lang{
        line-height: 0;
        margin: 0 !important;
        padding-right: 0;
        display: flex;
        align-self: center;
    }
    .ys-phnav-r .head-lang .head-lang-down{
        top: 150%;
        left: -25%;
        transform: translateX(0);
    }
    .copy-pc{
        display: none;
    }
    .copy-ph{
        display: block;
    }
    /* 2026.06.01 - aaa - end */
    /* 2026.06.01 - Teemo - start */
    .ys-phnav-logo{
        width: 150px;
    }
    .ys-phnav-language{
        display: flex;
        align-self: center;
    }
    .ys-phnav-r {
        display: flex;
        align-self: center;
    }
    .ys-hd-ph .ys-phnav-language span{
        color: var(--colorfff);
        font-size: 18px;
    }
    .ys-page-wrap.open-nav .ys-phnav-language span,
    .ys-hd-ph.isfixed .ys-phnav-language span{
       color: var(--color1515);
    }
    .ys-hd-ph .head-lang-top-circle img:nth-child(2){
        opacity: 0;
    }
    .ys-page-wrap.open-nav .head-lang-top-circle img:nth-child(1),
    .ys-hd-ph.isfixed .head-lang-top-circle img:nth-child(1){
        opacity: 0;
    }
    .ys-page-wrap.open-nav .head-lang-top-circle img:nth-child(2),
    .ys-hd-ph.isfixed .head-lang-top-circle img:nth-child(2){
        opacity: 1;
    }
    .ys-phnav-menubox{
        margin-left: 30px !important;
    }
    .std-btn1-link, 
    .has-icon .std-btn1-link{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .home-news{
        padding-bottom: 1.8rem;
    }
    .ys-ban-slick .slick-dots li.slick-active,
    .home-news-ul .slick-dots li.slick-active{
        width: 34px;
    }
    .ys-ban-slick .slick-dots li,
    .home-news-ul .slick-dots li{
        width: 8px;
    }
    .home-footer-bottom>span,
    .home-footer-bottom>ul{
        margin-top: 0.18rem;
    }
    .home-ban-title{
        margin-bottom: 0.3rem;
    }
    .ys-banner-icon {
        width: 18px;
    }
    .home-future-bg::after{
        height: 100%;
    }
    .home-intell-point {
        width: 20px;
    }
    .home-footer-nav>li>ul{
        display: none;
    }
    .home-footer-bottom>a,
    .home-footer-bottom>span {
        padding-right: 0rem;
    }
    .ys-hd-ph.isfixed .head-bg2 {
        display: none;
    }
    .home-solution-showcase.is-detail-active .home-solution-control{
        opacity: 1;
    }
    .home-solution-control-icon{
        width: 66px;
    }
    .home-footer-top .footer-share{
        display: none;
    }
    .home-footer-mid{
        display: block;
    }
     .home-solution-text-list{
        bottom: 16%;
    }
    .home-solution-control-icon {
        width: 44px;
        position: absolute;
        bottom: 6%;
    }
    .home-solution-control-next .home-solution-control-icon{
        left: 20px;
    }
    .home-solution-control-prev .home-solution-control-icon{
        right: 20px;
    }
    .home-solution-control-prev{
        padding-left: 20px;
    }
    .home-solution-control-next{
        padding-right: 20px;
    }
    /* 2026.06.01 - Teemo - end */
    /* 1199end */
}
@media screen and (max-width: 767px) {
    .ys-ban-pc, .ys-nyban-pc{
        display: none!important;
    }
    .ys-ban-video{
        display: none!important;
    }
    .ys-ban-ph, .ys-nyban-ph{
        display: block!important;
    }
    .ys-table-swipe{
        display: flex;
    }
    .ys-modal-content {
        max-height: 550px;
        padding: 50px 20px;
    }
    html {
        font-size: 56px;
    }
    :root {
        /* 字号82-100 0.60rem 34px */
        --fontr1: 0.60rem;
        /* 字号72-80 0.57rem 32px */
        --fontr2: 0.57rem;
        /* 字号62-70 0.54rem 30px */
        --fontr3: 0.54rem;
        /* 字号52-60 0.50rem 28px */
        --fontr4: 0.50rem;
        /* 下 */
        --font36: 0.38rem; 
        --font34: 0.36rem; 
        --font32: 0.36rem; 
        --font30: 0.34rem; 
        --font28: 0.34rem; 
        --font26: 0.32rem; 
        --font24: 0.30rem; 
        --font22: 0.28rem; 
        --font20: 0.26rem; 
        --font18: 0.26rem;  
        --font16: 0.25rem;   
        --font14: 0.24rem;  
        --font12: 0.18rem;
        /* 间距 */
        --space250: 1.00rem;
        --space240: 0.99rem;
        --space230: 0.97rem;
        --space220: 0.95rem;
        --space210: 0.93rem;
        --space200: 0.91rem;
        --space190: 0.89rem;
        --space180: 0.87rem;
        --space170: 0.85rem;
        --space160: 0.83rem;
        --space150: 0.81rem;
        --space140: 0.79rem;
        --space130: 0.77rem;
        --space120: 0.75rem;
        --space110: 0.73rem;
        --space100: 0.71rem;
        --space90: 0.69rem;
        --space80: 0.67rem;
        --space70: 0.65rem;
        --space60: 0.6rem;
        --icon24: 16px;
        
    }
    /* 2026.06.01 - aaa - start */
    .ys-cont1680{
        padding: 0 20px;
    }
    .home-container {
        width: 100%;
    }
    .home-header .ys-phnav-logo {
        width: 155px;
    }
    .home-header .ys-phnav-menu {
        padding: 20px;
    }
    .home-banner-content {
        width: 100%;
    }
    .home-banner-desc,
    .home-banner-desc p {
        margin-top: 0.18rem;
    }
    .home-products {
        padding: 0.82rem 0 0.92rem;
    }

    .home-product-tab {
        width: 100%;
    }
    .home-product-row {
        margin-top: 0.82rem;
    }
    .home-news-inof {
        margin: 0 0 -0.42rem;
    }
    .home-news-item {
        width: 100%;
        padding: 0;
        margin-bottom: 0.42rem;
    }
    .home-news-date,
    .home-news-name,
    .home-news-desc,
    .home-news-desc p,
    .home-news-item .std-btn1 {
        margin-top: 0.2rem;
    }
    .home-contact-core {
        width: 100%;
        margin-top: 0.82rem;
    }
    .home-contact-line-short {
        width: 100%;
        margin-top: 0.82rem;
    }
    .home-footer {
        padding: 0.82rem 0 0.36rem;
    }
    .home-footer-logo {
        width: 260px;
    }
    .home-footer-nav {
        margin: 0.76rem -0.12rem -0.42rem;
    }
    .home-footer-nav > li {
        padding: 0 0.12rem;
    }
    .home-footer-mid {
        margin-top: 0.46rem;
        padding-top: 0.36rem;
    }
    .home-footer-bottom {
        margin-top: 0.4rem;
        padding-top: 0.36rem;
    }
    .home-footer .footer-privacy {
        flex-wrap: wrap;
        margin: 0 -0.1rem;
    }
    .home-footer .footer-privacy li {
        padding: 0 0.1rem;
    }
    /* 2026.06.01 - aaa - end */
    /* 2026.06.01 - Teemo - start */
    .home-container{
        padding: 0;
    }
    .home-solution-showcase .home-container {
        padding: 0;
    }
    .home-more-box{
        padding: 0;
    }
    .home-news-box{
        padding: 0;
    }
    .std-btn1-link, .has-icon .std-btn1-link {
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .hnlc-tit, .hnlc-time{
        margin-bottom: 0.2rem;
    }
    .home-news-li-text,
    .home-news-li-img{
        margin-bottom: 0.48rem;
    }
    .home-product-row .home-product-copy, 
    .home-product-copy,
    .home-product-panel .home-product-copy,
    .home-product-media,
    .home-product-panel .home-product-media,
    .home-product-row .home-product-media {
        width: 100%;
    }
    .home-product-row{
       flex-direction: column-reverse; 
    }
    .home-product-panel{
        flex-direction: column;
    }
    .home-ban-title,
    .home-ban-desc {
        width: calc(100% - 40px);
    }
    .home-footer-bottom>span{
        margin-top: 0.12rem;
    }
     .home-footer-bottom>ul {
        margin-top: 0.2rem;
    }
    .head-bg{
        top: 0;
    }
    .home-intell-text{
        position: static;
        width: 100%;
        padding: 0.36rem 20px var(--space170);
    }
    .home-intell-title{
        width: 100%;
    }
    .home-product-copy
    .home-product-row .home-product-copy{
        padding: 0;
    }
    .home-product-copy .std-btn1{
        margin-bottom: 0.48rem;
    }
    .home-product-tabs{
        margin-top: 0.5rem;
    }
    .home-product-tab{
        white-space: nowrap;
    }
    .home-product-tab::before{
        top: -1px;
    }
    .home-product-tab:not(:last-child){
        margin-right: 0.48rem;
    }
    .home-footer-nav > li{
        width: auto;
        padding: 0;
    }
    .home-footer-nav{
        margin-right: 0;
        margin-left: 0;
        justify-content: space-between;
    }
    .home-news::after{
        background: rgba(75, 57, 180, 0.8);
    }
    .home-products .mCSB_scrollTools .mCSB_draggerContainer{
        top: -140%;
    }
    .home-products .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
        background-color: var(--colorfff);
    }
    .head-bg2 {
        top: 0%;
    }
    .ys-ban-imgbox img {
        width: 100%;
        height: 100%;
    }
    .home-intell-bg{
        margin-bottom: 0;
    }
    .home-intell-point{
        left: var(--phleft) !important;
        top: var(--phtop) !important;
    }
    .home-intell-video{
        width: 100%;
        position: relative;
    }
    .home-intell-bg{
        display: none;
    }
    .home-intell-point-icon {
        width: 12px;
    }
    .hsdi-box{
        padding: 0 20px;
        flex-direction: column;
    }
    .home-solution-detail-title{
        width: 100%;
        margin-bottom: 0.28rem;
    }
    .home-solution-showcase .home-solution-detail-copy{
        width: 100%;
    }
   .home-solutions{
    transform: translateY(20%);
   }
    .home-solution-showcase-tit,
    .home-solution-showcase-tit p{
         font-size: 20px;
    }
    .home-future-desc,
    .home-future-desc p{
        font-size: var(--font40);
    }
    .ys-banner .ys-ban-ph{
        width: 100vw;
        height: 100vh;
    }
    /* 2026.06.01 - Teemo - end */
    /* 767end */
}