@charset "utf-8";

/* 响应式原则：调大看小 */
@media screen and (max-width: 1920px) {
    .about-factory-content .std-text18 {
        margin-top: 0.41rem;
    }

    .about-factory .ys-cont1440 {
        top: 42.5%;
    }

    .about-factory .mod-btn-link {
        padding: 0.17rem 0.32rem;
    }

    .research-data-list {
        width: 83%;
    }
    .about-intro-pic1 {
         width: 7rem;
    }
    
    .about-intro-pic2 {
         width: 7rem;
    }
    
    .about-intro-pic3 {
          width: 4rem;
          left: 1.2rem;
    }
    .about-intro-pic4 {
         width: 7rem;
    }
    
    .about-intro-pic5 {
         width: 7rem;
    }
    
    .about-intro-pic6 {
         width: 4rem;
         right: 1.2rem;
         
    }
    /*8.29-start*/
    .sulu-item {
        min-height: 3.8rem;
    }
    .sustain-index-main .sustain-result-box {
        padding: 0.3rem 0.32rem 0.26rem;
    }
/*    .home-sustain-title {*/
/*    width: 94%;*/
/*}*/
    /*8.29-end*/
    /*9.7-start*/
    .research-system-head {
        width: 83%;
    }
    /*9.7-end*/
}

@media screen and (max-width: 1919px) {
    .home-solution-cont-wrap {
        position: sticky;
        overflow: hidden;
        position: sticky;
        top: calc(var(--headh) + 0.6rem);
    }

    .home-solution-cont {
        top: auto;
        min-height: 100%;
        height: 100%;
        overflow: visible;
        position: relative;
    }

    /* 7.13 */
    .ys-bread-list a img {
        margin-top: -1.5px
    }

    .expert-form {
        margin-top: -1.43rem;
    }

    .home-sustain-word {
        font-size: 1.8rem;
    }

    :is(.home-main, .inside-main) .head-prod-series-list {
        padding: 0.27rem 0.4rem 0.3rem 0.5rem;
    }

    .home-esg-panel {
        margin-top: 0.7rem
    }

    .ys-ban-slick .slick-dots {
        bottom: 0.8rem;
    }

    .head-prod-left {
        width: 73%;
    }

    .head-drop-inner-le {
        padding-right: 0.8rem;
    }

    .sample-form {
        margin-top: -1.43rem;
    }

    .about-value-bg {
        position: absolute;
    }

    .about-value .ys-cont1440 {
        position: relative;
        bottom: 0;
        left: auto;
        transform: translateX(0);
    }

    .htdn-box {
        padding-left: 0.2rem;
    }

    .about-intro .ys-cont1440 {
        padding-top: 1.1rem;
    }

    /* 7.13-end */
    /* 7.21-start */
    .ys-ban-slick .slick-dots {
        bottom: 1.2rem;
    }

    .resource-down-icon {
        margin-top: -2px;
    }

    .join-activity {
        padding-bottom: 2rem;
    }

    /* .research-history-item:nth-child(2n-1) {
        transform: translateY(40%);
    }

    .research-history-item:nth-child(1) {
        transform: translateY(46%);
    }

    .research-history-item:nth-child(2n) {
        transform: translateY(35%);
    } */
    .he_canvsdm {
        width: 720px;
        height: 720px;
    }

    /* 7.21-end */
    /*8.29-start*/
    .about-intro-center {
        width: 80%;
        margin-bottom: 0.5rem;
    }
        .about-intro-pic1 {
        width: 5.5rem;
    }
        .about-intro-pic2 {
        width: 5.5rem;
            left: 0.4rem;
    }
        .about-intro-pic3 {
        width: 4rem;
        left: 0.4rem;
    }
         .about-intro-pic4 {
        width: 5.5rem;
    }
        .about-intro-pic5 {
        width: 5.5rem;
            right: 0.4rem;
    }
        .about-intro-pic6 {
        width: 4rem;
               right: 0.4rem;
    }
        .about-intro .ys-cont1440 {
        padding-top: 0.8rem;
    }
    .about-head {
    margin-bottom: 0.45rem;
}
.sustain-index-main .sustain-result-data p span {
    font-size: var(--font48);
}
.sustain-index-main .sustain-head-copy {
    margin-top: 0.1rem;
}
.sustain-result-bot {
    margin-top: 0.2rem;
}
.sustain-index-main .sustain-result-copy p{
        font-size: var(--font14);
}
.sustain-result-icon {
    width: 0.5rem;
    height: 0.5rem;
}
    .sustain-index-main .sustain-result-data p span {
        font-size: var(--font46);
    }
    .research-system-head {
    width: 87%;
}
    .research-pd .ys-cont1440 {
        padding-left: 1.2rem;
    }
    :is(.home-main, .inside-main) .head-nav {
    --gap2: 0.1rem;
}

    .home-sustain-word {
        font-size: 1rem;
    }
/*    .home-sustain-title {*/
/*    transform: translateX(100px);*/
/*}*/
/*.home-sustain-title {*/
/*    width: 82%;*/
/*}*/
/*8.29-end*/
    /*9.7-start*/
    .research-system-head {
        width: 79%;
    }
    /*9.7-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;
    }

    /* b1 */
    .product-style .product-head {
        width: 80%;
    }

    .product-card-box {
        padding: 0.5rem 0.6rem 0.6rem;
    }

    /* b1 - end */
    /* b2 */
    .catalog-check {
        width: 12px;
        height: 12px;
    }

    .catalog-dot {
        width: 12px;
        height: 12px;
    }

    /* b2-end */
    /* b3 */

    .product-solution .std-font40, .product-solution .std-font40 p {
        margin-bottom: 0.5rem;
    }

    /* b3-end */
    /* b4 */
    .habitat-anchor {
        padding-top: 0.2rem;
    }

    .habitat-case-text {
        padding: 0.5rem;
    }

    /* b4-end */
    /* d2 */
    .sustain-title {
        margin-bottom: 0.6rem
    }

    /* d2-end */
    /* e1 */
    .news-filter-item {
        height: 42px;
    }

    /* e1-end */
    /* e2 */
    .news-related-title {
        margin-bottom: 0.6rem
    }

    /* e2-end */

    /* 7.13 */
    /* .has-hot::before {
        right: 5px;
    } */

    .ys-bread-list a img {
        margin-top: -1.5px
    }

    .ducb-num::after {
        left: 0.08rem;
    }

    .ducb-num {
        padding: 0 0.1rem;
        padding-left: 0.3rem;
    }

    :is(.home-main, .inside-main) .head-prod-series-list {
        padding: 0.27rem 0.35rem 0.3rem 0.45rem;
        width: 42%;
    }

    :is(.home-main, .inside-main) .head-prod-product-list {
        width: 58%;
    }

    .head-prod-left {
        width: 72%;
    }

    :is(.home-main, .inside-main) .head-prod-series-list {
        padding: 0.27rem 0.3rem 0.3rem 0.35rem;
        width: 45%;
    }

    :is(.home-main, .inside-main) .head-prod-product-list {
        width: 55%;
    }

    .ahct-ul-li-cont ul li::after {
        top: 18px;
    }

    :is(.home-main, .inside-main) .head-nav-item-title {
        font-size: 16px;
    }

    .footer-share {
        --width1: 0.36rem;
    }

    .footer-nav ul a, .footer-nav-link {
        font-size: 14px;
    }

    .footer-nav {
        width: 54%;
    }

    .footer-contact-title span {
        font-size: 14px;
    }

    .footer-privacy a, .footer-text a[href="https://www.yongsy.com"] {
        font-size: 14px;
    }

    .has-hot::after {
        font-size: 10px;
    }

    .ahct-ul-li-cont ul li p::after {
        top: 17px;
    }

    .home-trust-num span {
        font-size: var(--font66);
    }

    .home-trust-data {
        margin: 0 -0.3rem;
    }

    .home-trust-data-nub {
        padding: 0 0.3rem;
    }

    .catalog-color-text span {
        font-size: 14px;
    }

    .catalog-total, .catalog-total span, .product-series-tab-link {
        font-size: 14px;
    }

    .footer-contact a, .footer-contact-copy, .footer-contact-copy p, .catalog-option span, .product-system-tab-link {
        font-size: 16px;
    }

    .about-intro-wrap {
        top: var(--space100);
    }


    /* 7.13-end */
    /* 7.21-start */
    .deta-use-cry {
        width: 120px;
    }

    .home-esg-kpi .home-esg-count {
        min-width: 78px
    }

    :is(.home-main, .inside-main) .head-search-btn, :is(.home-main, .inside-main) .head-lang-top-circle {
        width: 22px;
    }

    .footer-share {
        --width1: 34px;
    }

    .repc-icon {
        right: 34%;
    }

    .resource-card-icon {
        width: 22px
    }

    .sustain-index-main .mod-view-link-text {
        font-size: 14px;
    }

    .research-quality-arr-next {
        right: -0.7rem;
    }

    .news-filter-date {
        width: 1.9rem;
    }

    .mod-view-link-text {
        font-size: 14px;
    }

    .research-history-list .std-text18, .research-history-list .std-text18 p {
        font-size: var(--font20);
        line-height: 1.5;
    }

    .product-card-more-icon {
        margin-top: 0px;
    }

    /* .research-future-track {
        height: 480px;
    } */

    .sustain-index-main .mod-view-link-text {
        padding-right: 2px;
    }

    .join-welfare-card {
        left: 0.6rem;
    }

    .research-history-list-wrap.swiper-slide {
        min-height: 320px;
    }

    .research-history-item {
        width: 270px;
    }

    /* .research-history-item:nth-child(2) {
        transform: translateY(48%);
    } */

    /* .research-history-list-wrap.swiper-slide {
        padding-right: 100px;
    } */

    .research-coop-text {
        margin-top: 80px;
    }

    .footer-contact-icon {
        width: 22px;
    }

    /* .research-history-item:nth-last-child(-n+2) {
        justify-content: flex-start;
    } */
    .has-hot::before {
        right: -12px;
    }

    .footer-nav>li>ul {
        align-items: flex-start;
    }

    .has-hot::before {
        right: -22px;
    }

    .has-hot::after {
        right: -51px;
    }

    .has-hot::before {
        right: -23px;
    }

    .contact-main .ys-cont1440, .contact-main .ys-cont1400 {
        width: 80vw;
    }

    .about-value .ys-cont1440 {
        width: 80vw;
    }

    .he_canvsdm {
        width: 640px;
        height: 640px;
    }

    .home-esg-panel {
        padding: 0.27rem 0.6rem 0.36rem;
    }

    .research-history-list-wrap.swiper-slide {
        width: 2342px;
    }

    .research-history-list-wrap.swiper-slide {
        width: 2160px;
    }

    .research-history-item:nth-child(1) {
        transform: translateY(39%);
    }

    .habitat-cert-meta li::before {
        left: 4px;
    }

    .research-pd .ys-cont1440 {
        padding-left: 0.4rem;
    }

    .home-esg-panel {
        padding: 0.27rem 0.6rem 0.7rem;
    }
 .about-intro-pic1 {
         width: 6rem;
    }
    
    .about-intro-pic2 {
         width: 6rem;
    }
    
    .about-intro-pic3 {
          width: 3.5rem;left: 1.2rem;
    }
    .about-intro-pic4 {
         width: 6rem;
    }
    
    .about-intro-pic5 {
         width: 6rem;
    }
    
    .about-intro-pic6 {
         width: 3.5rem;right: 1.2rem;
    }
    /* 7.21-end */
    .footer-contact {
        width: 20%;
    }
    /*8.29-start*/
    .about-intro-pic3 {
        left: 0.8rem;
    }
    .about-intro-pic6 {
        right: 0.8rem;
    }
     .footer-nav>li:nth-child(3n - 2) {
     width: 30%;
    }    
    .footer-nav {
        width: 56%;
    }
     .footer-brand {
        width: 20%;
    }
    .research-pd .ys-cont1440 {
        padding-left: 1.2rem;
    }
        .research-pd .ys-cont1200 {
        padding-left: 1.2rem;
    }
    .reml-li .research-eco-mark {
    min-width: 4rem;
}
/*:is(.home-main, .inside-main) .head-logo {*/
/*    left: 52%;*/
/*}*/
    :is(.home-main, .inside-main) .head-nav-item-title {
        font-size: 14px;
    }
   
.home-esg-bar-track {
    width: 0.4rem;
}
.home-esg-kpi-num {
    padding-right: 0.5rem;
}
.home-esg-bar-list {
    margin: 0 -0.1rem;
}
.home-esg-bar-item {
    padding: 0 0.1rem;
}
.home-esg-ring-item {
    padding: 0 0.2rem;
}
.home-esg-rings {
    margin: 0 -0.2rem;
    margin-bottom: -0.2rem;
}
    /*8.29-end*/
    /*9.7-start*/
    .research-system-head {
        width: 74%;
    }
     .concept-message-copy {
        width: 72%;
    }
    .sustain-head-copy {
        width: 64%;
    }
    .about-intro .about-head .std-font46, .about-intro .about-head .std-font46 p {
        font-size: var(--font42);
    }
    .about-map .about-head,.about-history-cont {
        width: 64%;
    }
    .research-future-head {
        width: 66%;
    }
    .research-history-list .std-text18, .research-history-list .std-text18 p {
        font-size: var(--font18);
    }
    .concept-message-copy {
        width: 94%;
    }
    /*9.7-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;
    }

    /* b1 */
    .product-style .product-head {
        width: 90%
    }

    .product-system-tab-box {
        padding: 0 0.2rem;
        margin-bottom: 0.6rem;
    }

    .product-card-box {
        padding: 0.4rem 0.5rem 0.5rem;
    }

    /* b1-end */
    /* b2 */
    .catalog-row2 .catalog-option span {
        line-height: 1.2;
    }

    .catalog-check {
        width: 10px;
        height: 10px;
    }

    .catalog-dot {
        width: 10px;
        height: 10px;
    }

    .catalog-colorbar {
        margin-top: 0.3rem;
        margin-bottom: 0.5rem;
    }

    /* b2-end */
    /* b2 */
    .product-feature-name, .product-feature-name p {
        font-size: var(--font22)
    }

    .product-feature-name, .product-feature-name p {
        font-size: 12px;
    }

    /* b2-end */
    /* b3 */
    .product-feature .std-font40 {
        margin-bottom: 0.4rem;
    }

    .product-solution .std-font40, .product-solution .std-font40 p {
        margin-bottom: 0.5rem;
    }

    /* b3-end */
    /* b4 */
    .habitat-case-text {
        padding: 0.4rem;
    }

    .habitat-anchor-item {
        padding: 0 0.4rem;
    }

    .habitat-anchor-inof {
        margin: 0 -0.4rem;
    }

    /* b4-end */
    /* c1 */
    .reml-li-cont-img {
        width: 0.3rem;
        height: 0.3rem;
    }

    .research-hero-img {
        margin-top: 0.6rem
    }

    .repc-ri .repc-le-grade-li {
        margin-bottom: 0.5rem;
    }

    /* c1-end */
    /* d2 */
    .sustain-title {
        margin-bottom: 0.5rem
    }

    .news-channel-tabs-list {
        --gap: 0.4rem;
    }

    /* d2-end */
    /* e1 */
    .news-filter-date {
        width: 2.5rem;
    }

    .news-filter-keyword {
        width: 4rem;
    }

    .news-filter-item {
        height: 40px;
    }

    /* e1-end */
    /* e2 */
    .std-dots1 li,
    .std-dots1 span,
    .std-dots2 li,
    .std-dots2 span,
    .std-dots3 li,
    .std-dots3 span {
        width: 8px;
        height: 8px;
    }

    .news-related-title {
        margin-bottom: 0.5rem
    }

    /* e2-end */
    /* 7.13 */
    .footer-nav {
        width: 56.3%;
    }

    .has-hot::after {
        padding: 0.06rem;
        /* right: -15px; */
    }

    .ys-bread-list a img {
        margin-top: -1px
    }

    .sample-form-card {
        border-radius: 0.24rem;
    }

    .sample-form .ys-form-tiled-icon {
        top: 6px;
    }

    /* .about-value-card-box {
        padding: 0.4rem 0.5rem;
    } */

    .about-head {
        margin-bottom: 0.6rem;
    }

    .expert-form-box .ys-form-inof-agree {
        margin-bottom: 0.6rem;
    }

    .expert-form .ys-fia-text-btn {
        top: 6px;
    }

    .sample-form .ys-fia-text-btn {
        top: 6px;
    }

    .sustain-index-main .sustain-smile {
        transform: translateX(-50%) scale(0.8) translateY(-6px);
    }

    :is(.home-main, .inside-main) .head-prod-product-list {
        width: 59%;
    }

    :is(.home-main, .inside-main) .head-prod-series-list {
        padding: 0.27rem;
        width: 39%;
    }

    .mod-sider {
        bottom: 50px;
    }

    .home-trust-dots-nub {
        width: 36px;
    }

    /* .research-history-list-wrap.swiper-slide {
        width: 2000px;
    } */

    .research-history-img {
        width: 1.4rem;
        height: 1.4rem;
    }

    .research-future-control {
        margin: 1.6rem auto 0;
    }

    .research-history-item:nth-child(2n) .research-history-img {
        width: 1.6rem;
        height: 1.6rem;
    }

    /* .research-history-item:nth-child(3) {
        transform: translateY(59%) translateX(7%);
    }

    .research-history-item:nth-child(5) {
        transform: translateY(-6%) translateX(25%);
    } */

    .home-esg-count {
        width: 66px;
    }

    .contact-card-inof {
        --gap1: 0.2rem;
    }

    /* .deta-use-cry {
        width: 70%;
    } */

    .ducb-num {
        padding: 0 0.16rem;
        padding-left: 0.3rem;
    }

    :is(.home-main, .inside-main) .head-prod-series-list {
        width: 45%;
    }

    :is(.home-main, .inside-main) .head-prod-product-list {
        width: 55%;
    }

    .head-drop-inner-le {
        padding-right: 0.6rem;
        width: 61%;
    }

    .ahct-ul-li-cont ul li::after {
        top: 13px;
    }

    .footer-nav {
        width: 63%;
    }

    .footer-brand {
        width: 20%;
    }

    .footer-share {
        --width1: 0.4rem;
    }

    .footer-nav>li:nth-child(3n) {
        padding-left: 0.6rem;
    }

    /* .has-hot::before {
        right: 12px;
    } */

    :is(.home-main, .inside-main) .head-nav-item-title {
        font-size: var(--font18);
    }

    .footer-nav ul a, .footer-nav-link, .footer-privacy a, .footer-text a[href="https://www.yongsy.com"] {
        font-size: var(--font16);
    }

    .ahct-ul-li-cont ul li p::after {
        top: 14px;
    }

    .yx_three3d1_map {
        --widthx: 580px;
    }

    .catalog-color-text span {
        font-size: var(--font16);
    }

    .catalog-total, .catalog-total span, .product-series-tab-link {
        font-size: var(--font16);
    }

    .footer-contact a, .footer-contact-copy, .footer-contact-copy p, .catalog-option span, .product-system-tab-link {
        font-size: var(--font18);
    }

    /* 7.13-end */
    /* 7.21-start */

    .ducb-num::after {
        width: 16px;
    }

    .ducb-num::after {
        left: 8px;
    }

    .ducb-num {
        padding: 0 0.12rem;
        padding-left: 0.3rem;
    }

    .deta-use-cry .ducb-num, .deta-use-cry .home-esg-count {
        font-size: 24px;
    }

    .ducb-num::after {
        top: 0.2rem;
    }

    .ducb-num {
        padding: 0 0.12rem;
        padding-left: 0.4rem;
    }

    .home-esg-kpi-label {
        font-size: 12px;
    }

    .home-esg-data {
        margin-top: 0.34rem;
    }

    .home-esg-kpi .home-esg-count {
        min-width: 60px;
    }

    .company-pop-nub .mod-btn-link img {
        width: 42px;
    }

    :is(.home-main, .inside-main) .head-search-btn, :is(.home-main, .inside-main) .head-lang-top-circle {
        width: 20px;
    }

    .head-ldi-nub a {
        font-size: 14px;
    }

    .footer-share {
        --width1: 32px;
    }

    .repc-icon {
        right: 35%;
    }

    .repc-icon {
        width: 2.4rem;
    }

    .rlll-info p {
        line-height: var(--line15);
    }

    .repc-le-rule {
        margin-bottom: 1px;
    }

    .research-quality-arr-next {
        right: 0.36rem;
    }

    .mod-icon {
        padding: 0.1rem 0.12rem;
    }

    .research-equipment .mod-icon {
        width: 0.52rem;
        height: 0.52rem;
    }

    .research-equipment .mod-icon .ys-imgbox-cover {
        width: 14px;
    }

    .resource-card-icon {
        width: 20px;
    }

    .about-value-bg {
        display: flex;
        align-items: flex-end;
    }

    .about-value-bg img {
        height: auto;
        min-height: 100%;
    }

    .about-value-card-box {
        min-height: 7rem;
    }

    .join-activity {
        padding-bottom: 2.5rem;
    }

    .join-jobs {
        padding-top: 0.4rem;
    }

    .research-side-nav {
        left: 0.2rem;
    }

    .research-side-nav li {
        padding: 0.1rem;
    }

    .research-quality-arr-next {
        right: 0.2rem;
    }

    .research-side-nav {
        left: 0.18rem;
    }

    /* .research-history-item:nth-last-child(-n+2) {
        justify-content: flex-start;
    }

    .research-history-item:nth-child(2) {
        transform: translateY(39%);
    }

    .research-history-item:nth-child(5) {
        transform: translateY(48%);
    }

    .research-history-item:nth-child(7) {
        transform: translateY(35%);
    } */

    .product-card-more-icon {
        width: 6px;
    }

    .product-card-more-icon {
        margin-top: -1px;
    }

    /* .research-future-track {
        height: 350px;
    } */

    .join-welfare-card {
        left: 1.6rem;
    }

    .research-history-item {
        width: 230px;
    }

    /* .research-history-item:nth-child(2n) {
        transform: translateY(42%);
    } */
    /* 
    .research-history-item:nth-child(2n) {
        transform: translateY(44%);
    }

    .research-history-item:nth-child(2) {
        transform: translateY(51%);
    }

    .research-history-item:nth-child(2n-1) {
        transform: translateY(39%);
    }

    .research-history-item:nth-child(1) {
        transform: translateY(46%);
    } */

    .research-future-track {
        margin-bottom: 150px;
    }

    .research-side-nav li {
        font-size: 12px;
    }

    .about-factory .mod-btn-link img {
        width: 42px;
    }

    .footer-contact-icon {
        width: 20px;
    }

    .about-factory .ys-cont1440 {
        top: 50%;
    }

    .about-value .ys-cont1440 {
        width: 75vw;
    }

    .home-esg-bar-unit {
        margin-top: 0.24rem;
    }

    .research-data-list {
        width: 74%;
    }

    .contact-main .ys-cont1440, .contact-main .ys-cont1400 {
        width: 75vw;
    }

    .about-factory .ys-cont1440 {
        top: 42%;
    }

    .sustain-index-main .sustain-smile {
        top: -4px;
        width: 2.2rem;

    }

    .sustain-index-main .sustain-smile {
        top: 0px;
        width: 2.4rem;
    }

    .about-value-card-box {
        min-height: 6.4rem;
    }

    .about-factory::after {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 5.34%, rgba(255, 255, 255, 0.20) 33.56%, #FFF 83.48%);
    }

    .he_canvsdm {
        width: 600px;
        height: 600px;
        position: relative;
    }

    .home-esg-panel {
        padding: 0.27rem 0.6rem 0.8rem;
    }

    .research-history-list-wrap.swiper-slide {
        width: 2070px;
    }

    .research-history-list-wrap.swiper-slide {
        min-height: 184px;
    }

    .research-history-list-wrap.swiper-slide {
        width: 1840px;
    }

    .habitat-cert-meta li::before {
        left: 0px;
    }

    .habitat-cert-meta {
        --gap: 0.26rem;
    }

    /*.research-pd .ys-cont1440 {*/
    /*    padding-left: 0.6rem;*/
    /*}*/

    .research-history-item:nth-child(2n) {
        transform: translateY(24%) !important;
    }

    .research-history-item-bg {
        top: -42%;
    }

    .research-history-item {
        min-height: 190px;
    }

    .research-history-item-bg {
        top: -65%;
    }
.about-intro-pic1 {
         width: 6rem;
    }
    
    .about-intro-pic2 {
         width: 6rem;
    }
    
    .about-intro-pic3 {
          width: 4rem;left: 1rem;
    }
    .about-intro-pic4 {
         width: 6rem;
    }
    
    .about-intro-pic5 {
         width: 6rem;
    }
    
    .about-intro-pic6 {
         width: 4rem;right: 1rem;
    }
    /* 7.21-end */
    .footer-contact {
        width: 22%;
    }
        .footer-brand {
        width: 16%;
    }
    /*8.29-start*/
    .about-main .ys-nybanner .std-font20 {
        width: 100%;
    }
    .footer-brand {
        width: 14%;
    }
    .footer-contact {
        width: 21%;
    }
    .footer-nav>li:nth-child(3n - 1) {
    padding-left: 0.4rem;
}
    .footer-nav {
        width: 61%;
    }
    .research-pd .ys-cont1200{
        padding-left: 1.2rem;
    }
    .home-esg-rings {
        width: 51%;
        flex-shrink: 0;
    }
    .home-esg-bars {
    margin-left: 0.3rem;
}
/* :is(.home-main, .inside-main) .head-logo {*/
/*    left: 60%;*/
/*}*/
.concept-core-copy.std-text16, .concept-core-copy.std-text16 p {
    font-size: var(--font14);
}
.concept-core-title.std-font36, .concept-core-title.std-font36 p {
    font-size: var(--font30);
}
.join-job-tab p {
    min-width: 2.6rem;
}
.pad-width1{
        width: 100%;
    }
    /*    .home-sustain-title {*/
    /*    width: 73%;*/
    /*    transform: translateX(135px);*/
    /*}*/
    /*8.29-end*/
    /*9.7-start*/
        .research-system-head {
        width: 68%;
    }
    .about-main .ys-nybanner .std-font20{
        width: 75%;
    }
    .about-map .about-head,.about-history-cont {
    width: 74%;
}
      .has-hot::after {
        right: -41px;
    }
    .has-hot::before {
        right: -13px;
    }
        .concept-message-copy {
        width: 97%;
    }
    /*9.7-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 */
    .mod-bread {
        display: none;
    }

    .ys-phnav-logo {
        width: 80px;
    }

    :root {
        --headh: 56px;
    }

    /* b1 */
    .product-system-tab-link {
        padding: 0.12rem 0.15rem;
    }

    .product-color-item {
        width: 20%;
    }

    .product-style .product-head {
        width: 80%;
    }

    .product-style .product-head {
        width: 100%
    }

    .product-system-tab-box {
        padding: 0;
    }

    .product-system-tab-box {
        margin-bottom: 0.5rem;
    }

    .product-card-box {
        padding: 0.3rem 0.4rem 0.4rem;
    }

    /* b1 - end */
    /* b2 */
    .catalog-item {
        width: 33.333333%;
    }

    .pc-fenye li {
        width: 0.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
    }

    /* b2-end */
    /* b3 */
    .product-cert-item {
        width: 1.2rem;
    }

    /* .series-ban-color-item {
        width: 16.666666%;
    } */
    .product-feature-name, .product-feature-name p {
        font-size: var(--font20)
    }

    .product-feature-core {
        padding: 0.6rem 0.2rem 0.8rem;
    }

    .product-solution .std-font40, .product-solution .std-font40 p {
        margin-bottom: 0.4rem
    }

    /* b3-end */
    /* b4 */
    .habitat-case-text {
        padding: 0.32rem;
    }

    .habitat-case-text .std-font40 {
        font-size: var(--font36);
    }

    .habitat-case-text .std-font40 {
        margin-bottom: 0.2rem;
    }

    .habitat-anchor-item {
        padding: 0 0.3rem;
    }

    .habitat-anchor-inof {
        margin: 0 -0.3rem;
    }

    .habitat-scene-item.swiper-slide {
        width: 25%;
    }

    /* .habitat-scene .swiper-button-next {
        right: 3rem !important;
    }

    .habitat-scene .swiper-button-prev {
        left: 3rem !important;
    } */

    .habitat-scene .swiper-horizontal>.swiper-pagination-progressbar {
        width: 35% !important;
    }

    /* .habitat-scene {
        padding-bottom: 2rem;
    } */

    /* b4-end */

    /* c1 */

    .reml-li .research-eco-mark {
        left: auto;
        right: 0.3rem;
        top: 0;
    }

    .research-eco-info {
        width: 39%;
    }

    .research-eco-list li+li {
        margin-top: 0.2rem;
    }

    .research-eco-list {
        margin-top: 0.3rem;
    }

    .research-eco-mark {
        padding: 0.12rem 0.2rem;
    }

    .research-main .mod-anchor {
        display: none;
    }

    /* .research-equipment .swiper-button-next {
        right: 2rem !important;
    }

    .research-equipment .swiper-button-prev {
        left: 2rem !important;
    } */

    .research-hero-img {
        margin-top: 0.6rem
    }

    .repc-ri .repc-le-grade-li {
        margin-bottom: 0.4rem;
    }

    .research-process-box {
        padding: 0.4rem 1rem .5rem;
    }

    .research-attr-list-con {
        padding: 0.18rem 0.24rem;
    }

    /* c1-end */
    /* d1 */
    .sustain-index-main .sustain-practice-card {
        padding: 0.4rem;
        width: 46%;
    }

    .sustain-index-main .sustain-result-box {
        padding: 0.2rem 0.3rem 0.3rem;
    }

    .sustain-result-icon {
        width: 0.42rem;
        height: 0.42rem;
    }

    .sustain-index-main .sustain-result-title.std-font26, .sustain-index-main .sustain-result-title.std-font26 p {
        font-size: var(--font20);
    }

    .sustain-doc-info {
        padding: 0.28rem 0.3rem;
    }

    .sustain-doc-item {
        width: 50%
    }

    /* d1-end */
    /* d2 */
    .sustain-title {
        margin-bottom: 0.4rem
    }

    /* d2-end */
    /* e1 */
    .news-card-item {
        width: 50%;
    }

    .news-feature-title {
        margin-bottom: 0.4rem;
        margin-top: 0.2rem
    }

    .news-feature-info {
        margin-bottom: 0.9rem;
    }

    .news-feature {
        padding: 0.33rem 0.3rem 0.32rem 0.52rem;
    }

    .news-channel-tabs-list {
        --gap: 0.36rem;
    }

    .news-list-ul .slick-dots {
        left: 0.52rem;
    }

    .news-filter-item {
        height: 38px;
    }

    /* e1-end */
    /* e2 */
    .news-main .news-related-arrows .std-arrow-prev {
        left: -0.8rem;
    }

    .news-main .news-related-arrows .std-arrow-next {
        right: -0.8rem;
    }

    .std-dots1 li,
    .std-dots1 span,
    .std-dots2 li,
    .std-dots2 span,
    .std-dots3 li,
    .std-dots3 span {
        width: 6px;
        height: 6px;
    }

    .news-related-title {
        margin-bottom: 0.4rem
    }

    .home-solution-cont-bot {
        opacity: 1;
        padding: 0
    }

    .hscw-box {
        display: none;
    }

    .home-solution-cont-wrap {
        top: auto;
        position: relative;
    }

    .home-solution {
        height: auto;
    }

    /* e2-end */


    .footer-brand {
        width: 100%;
    }

    .footer-contact {
        width: 100%;
    }

    .footer-nav {
        flex-direction: row;
    }

    .footer-nav {
        width: calc(100% + 20px);
        border: none;
        margin: 0 -10px;
        margin-bottom: 0;

    }

    .footer-nav>li {
        width: auto;
        border-bottom: 0;
        padding: 0 10px !important;
    }

    .footer-nav>li {
        margin-bottom: 0
    }

    .footer-nav>li::before, .footer-nav>li::after {
        display: none;
    }

    /* 7.13 */
    .research-process-box-wrap {
        width: 100%;
    }

    .research-process-copy {
        width: 100%
    }

    .research-process-box {
        padding: 0.4rem 0.5rem .5rem;
    }

    .home-trust-info {
        width: 100%;
    }

    .yx_three3d1_map {
        width: 100%;
        margin: 0 auto;
    }

    .yx_three3d1_map {
        --widthx: 450px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home-sec-head-left {
        padding-right: 0;
    }

    .home-product-list .slick-dots {
        bottom: -20px;
    }

    .home-product-list .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .sample-form {
        margin-top: -1.2rem;
    }

    .sample-main .ys-bread {
        display: none;
    }

    .sample-form .ys-form-tiled-icon {
        top: 7px;
    }

    .habitat-product-slick.slick-initialized .slick-track {
        display: flex;
    }

    .habitat-product-slide {
        --scale1: 1;
    }

    .habitat-product-card {
        width: 100%;
        height: 100%;
    }

    .about-value-card-box {
        min-height: 4.82rem;
        padding: 0.35rem 0.45rem;
    }

    .about-value-card .std-font36 {
        margin-bottom: 0.3rem;
    }

    .about-head {
        margin-bottom: 0.5rem;
    }

    .about-value .ys-cont1440 {
        padding-bottom: 0.45rem;
    }

    .about-map-card {
        min-width: 3.26rem;
    }

    .ahyu-li {
        font-size: 1rem;
    }

    .mod-dots4 .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .concept-core-item {
        padding: 0.4rem 0.36rem;
    }

    .concept-core-num {
        margin-bottom: 0.2rem;
    }

    .concept-core-title.std-font36, .concept-core-title.std-font36 p {
        font-size: var(--font32);
    }

    .concept-core-copy.std-text16 {
        margin-top: 0.2rem;
    }

    .join-welfare-card {
        top: 0.4rem;
        padding: 0.5rem 0.4rem;
    }

    .repc-icon {
        width: 2rem;
    }

    .repc-le-cont {
        padding: 0.42rem 0.8rem 0.42rem 0.6rem;
    }

    .repc-le-rule p {
        font-size: 8px;
    }

    .rlll-info p {
        line-height: 12px;
    }

    .repc-le-list-li {
        padding: 0 0.1rem;
    }

    .repc-le-list {
        margin: 0 -0.1rem;
    }

    .expert-form-box .ys-form-inof-agree {
        margin-bottom: 0.5rem;
    }

    .expert-form .ys-fia-text-btn {
        top: 5px;
    }

    .sample-form .ys-fia-text-btn {
        top: 5px;
    }

    .expert-form .ys-form {
        --height: 38px;
    }

    .sample-form .ys-form {
        --height: 38px
    }

    .expert-main .ys-bread {
        display: none;
    }


    .research-quality-view {
        width: 45%;
        margin-left: 0.8rem;
    }

    .research-quality-core {
        justify-content: flex-start;
    }

    .research-quality-item.on1 {
        transform: translateX(20%) scale(0.92);
    }

    .research-quality-item.on2 {
        transform: translateX(32%) scale(0.82);
    }

    .research-quality-arr-next {
        right: -1.8rem;
    }

    .home-trust-core {
        flex-wrap: wrap;
    }

    .home-sustain-word {
        font-size: 1rem;
    }

    .home-esg-data {
        flex-wrap: wrap;
    }

    .home-esg-rings {
        margin-bottom: 0.4rem
    }

    .home-esg-bars {
        margin: 0 auto
    }

    .ahct-ul {
        padding-left: 38%;
    }

    .footer-contact-pc {
        display: none;
    }

    .footer-contact-pd {
        display: block;
    }

    .footer-logo {
        margin-bottom: 0.4rem
    }

    .footer-text a[href="https://www.yongsy.com"] {
        width: 100%;
        margin: 5px 0;
    }

    .mod-sider {
        bottom: 40px;
    }

    .home-trust-dots-nub {
        width: 28px;
    }

    /* .research-history-list-wrap.swiper-slide {
        width: 1800px;
    } */

    .contact-main .ys-flex-pos-center {
        height: 64%;
    }

    .contact-card-icon {
        width: 0.4rem;
        margin-bottom: 0.1rem;
    }

    .contact-card-box {
        padding: 0.3rem 0.4rem 0.5rem 0.3rem;
    }

    .contact-card-inof {
        --gap1: 0.16rem;
    }

    /* .deta-use-cry {
        width: 79%;
    } */

    .habitat-scene-pagination {
        width: 49%;
    }

    .sample-form {
        margin-top: -2.2rem;
    }

    .expert-form {
        margin-top: -2.2rem;
    }

    .about-map-card .std-text14, .about-map-card .std-text14 p {
        white-space: wrap;
    }

    .home-solution-card, .home-solution-cont-bot {
        pointer-events: all;
    }

    .footer-nav ul {
        display: none !important;
    }

    .contact-ban-title-top {
        margin-bottom: 0.4rem;
    }

    .contact-card-box {
        padding: 0.3rem 0.4rem;
    }

    .contact-main .ys-flex-pos-center {
        height: 90%;
    }

    .contact-card-box {
        padding: 0.3rem 0.24rem;
    }

    .contact-card-title, .contact-card-title p {
        font-size: var(--font20);
    }

    .contact-card-icon {
        width: 20px;
    }

    .contact-card-copy, .contact-card-copy p {
        font-size: 14px;
    }

    .contact-head .std-font46, .contact-head .std-font46 p, .contact-main .contact-ban-title-top h1 {
        font-size: var(--font42);
    }

    .contact-head {
        text-align: center;
        margin-bottom: 0.45rem;
    }

    .about-intro-pic1 {
        left: -1rem;
    }

    .about-intro-pic2 {
        left: 0rem;
    }

    .about-intro-pic3 {
        left: 0.8rem;
    }

    .about-intro-pic4 {
        right: -1rem;
    }

    .about-intro-pic5 {
        right: 0rem;
    }

    .about-intro-pic6 {
        right: 0.8rem;
    }

    .about-intro-center {
        width: 47%;
    }

    .sample-form {
        margin-top: -1.2rem;
    }

    .sample-main .ys-nyban-title {
        top: 2rem;
    }

    .expert-form {
        margin-top: -1.2rem;
    }

    .expert-main .ys-nyban-title {
        top: 2rem
    }

    .research-quality-arr-prev .ys-imgbox-cover {
        transform: translateX(0px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .research-quality-arr-next .ys-imgbox-cover {
        transform: translateX(0px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer-share {
        margin-bottom: 0.4rem;
    }

    .footer-share {
        --width1: 0.5rem;
    }

    /* 7.13-end */
    /* 7.21-start */
    .home-esg-ring-copy, .home-esg-bar-name, .home-esg-note, .home-esg-bar-unit {
        font-size: 10px;
    }

    :is(.home-main, .inside-main) .head-search-btn, :is(.home-main, .inside-main) .head-lang-top-circle {
        width: 18px;
    }

    .repc-icon {
        right: 34%;
    }

    .repc-le-rule {
        margin-bottom: 10px;
    }

    .research-equipment .mod-icon {
        width: 0.6rem;
        height: 0.6rem;
    }

    .research-equipment .mod-icon .ys-imgbox-cover {
        width: 12px;
    }

    .sustain-practice-item .mod-view-link-img {
        width: 18px;
    }

    .sustain-index-main .mod-view-link-text {
        padding-right: 6px;
    }

    .resource-down-icon {
        width: 14px;
    }

    .about-value-card-box {
        min-height: 5rem;
    }

    .home-product-card {
        padding: 0.3rem 0.4rem 0.4rem;
    }

    /* .research-future-track {
        height: 320px;
    } */

    /* .research-history-item:nth-child(4) {
        transform: translateY(40%);
    }

    .research-history-item:nth-child(6) {
        transform: translateY(48%);
    }

    .research-history-item:nth-child(7) {
        transform: translateY(17%);
    } */

    .research-history-list .std-text18, .research-history-list .std-text18 p {
        font-size: var(--font18);
    }

    .research-history-list .std-font24, .research-history-list .std-font24 p {
        font-size: var(--font20);
    }

    /* .research-history-item:nth-child(1) {
        transform: translateY(31%);
    }

    .research-history-item:nth-child(2) {
        transform: translateY(32%);
    }

    .research-history-item:nth-child(8) {
        transform: translateY(51%);
    } */

    .join-welfare-card {
        left: 0;
    }

    .home-solution-img {
        min-height: 320px;
    }

    /* .research-history-item:nth-child(2) {
        transform: translateY(51%);
    }

    .research-history-item:nth-child(1) {
        transform: translateY(50%);
    }

    .research-history-item:nth-child(2n-1) {
        transform: translateY(41%);
    }

    .research-history-item:nth-child(4) {
        transform: translateY(50%);
    }

    .research-history-item:nth-child(6) {
        transform: translateY(42%);
    } */

    .home-esg-kpi {
        order: 2;
    }

    .home-esg-rings {
        width: 100%;
        order: 1;
    }

    .home-esg-bars {
        order: 3;
        margin: 0;
    }

    .research-attr-list-con {
        padding: 0.18rem 0.2rem;
    }

    .footer-contact-icon {
        width: 18px;
    }

    .contact-card-code-text, .contact-card-code-text p {
        font-size: 14px;
    }

    .contact-card-copy a, .contact-card-copy span {
        font-size: 12px;
    }

    .contact-ban-title-top {
        margin-bottom: 0.2rem;
    }

    .home-trust-info {
        margin-bottom: 0.7rem
    }

    .home-sec-head-left {
        margin-bottom: 0.6rem;
    }

    .home-esg-kpi-num {
        font-size: 42px;
    }

    .home-solution-cont-wrap {
        padding: 0;
    }

    .home-solution-slide.swiper-slide.swiper-slide-prev, .home-solution-slide.swiper-slide.swiper-slide-next {
        transform: scale(1);
    }

    /* .about-intro-wrap {
    position: relative;
    position: sticky !important;
    top: 50%;
    transform: translateY(-50%);
} */
    .about-intro-wrap {
        position: relative !important;
    }

    .about-intro {
        height: auto;
        padding-bottom: var(--space120)
    }

    .aibs-wrap.mod-ph {
        display: block;
        width: 100%;
        margin-top: 0.48rem
    }

    .about-intro-bg {
        display: none !important;

    }

    .about-intro .ys-cont1440 {
        flex-direction: column;
    }

    .about-intro-center {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .about-intro-wrap {
        top: auto
    }

    .about-value-card-box {
        min-height: 5.5rem;
    }

    .about-value .ys-cont1440 {
        width: 85vw;
    }

    .about-value-icon {
        margin-bottom: 0.2rem;
    }

    .about-value-card .std-font36 {
        margin-bottom: 0.2rem;
    }

    .about-value-card .std-font36 {
        font-size: var(--font34);
    }

    .research-data-list {
        width: 100%;
    }

    .research-history-list-wrap.swiper-slide {
        min-height: 162px;
    }

    .sustain-index-main .sustain-smile {
        top: -8px;
        width: 1.6rem;
        left: calc(50% + -1px);
    }

    .research-history-list-wrap.swiper-slide {
        width: 1985px;
    }

    .research-history-list-wrap.swiper-slide {
        width: 1840px;
    }

    .about-value-icon {
        width: 0.54rem;
    }

    .mod-dots6 .swiper-pagination-bullet {
        height: 2px;
    }

    .mod-dots6 .swiper-pagination-bullet::before {
        height: 2px;
    }

    .research-honor-slide.slick-slide {
        width: 33.333333%;
    }

    .habitat-cert-meta li::before {
        left: 1px;
    }

    .research-pd .ys-cont1440 {
        padding-left: 0;
    }

    .research-history-list li {
        width: 30%;
    }

    .research-history-item {
        min-height: 160px;
    }

    .research-history-item-bg {
        top: -77%;
    }

    /* 7.21-end */
    /*8.29-start*/
    .about-intro-copy {
        width: 100%;
        margin: 0 auto;
    }
    .about-head .std-font40, .about-head .std-font40 p {
        font-size: var(--font38);
    }
    .sustain-result-info-li {
        width: 100%;
    }
    .sustain-result-info-li:not(:last-child){
        margin-bottom:0.15rem;
    }
    .sustain-result-icon {
        width: 0.52rem;
        height: 0.52rem;
    }
    .research-pd .ys-cont1200 {
        padding-left: 0rem;
    }
    .reml-li .research-eco-mark {
        min-width: 3rem;
    }
        .home-esg-bars {
        width: 72%;
    }
    .footer-nav>li:nth-child(3n - 2) {
        width: auto;
    }
     .concept-core-info .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .concept-core-info .slick-dots {
        bottom: 6px;
    }
.sustain-index-main .sustain-practice-card {
        width: calc(100% - 0.66rem);
        right: 0.33rem;
    }
    
    /*    .home-sustain-title {*/
    /*    width: 100%;*/
    /*    transform: translateX(0);*/
    /*}*/
        .home-sustain-inner {
        transform: translateY(-12%);
    }
.home-sustain-smile {
     flex: none; 
    height: 3rem;
}
    /*8.29-end*/
    /*9.7-start*/
    .research-system-head {
        width: 100%;
    }
    .rdli-name p {
        font-size: var(--font16);
    }
    .resource-cta-cont {
        padding: 0.72rem 0.6rem;
    }
       .research-coop-text {
        margin-top: 0;
    }
        .concept-message-copy {
        width: 100%;
    }
    .sustain-head-copy {
        width: 87%;
    }
     .about-main .ys-nybanner .std-font20{
        width: 90%;
    }
    .about-intro .about-head {
        width: 100%;
    }
    .about-map .about-head,.about-history-cont {
        width: 89%;
    }
        .research-future-head {
        width: 90%;
    }
    .research-quality-text .std-font40 {
        font-size: var(--font38);
    }
    
    /*9.7-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;
    }

    .mod-pc {
        display: none;
    }

    .mod-ph {
        display: block;
    }


    /* b1 */
    .product-ban .std-text18, .product-ban .std-text18 p {
        font-size: var(--font14);
    }

    .product-main .ys-nybanner {
        padding: 0 20px;
    }

    .product-main .ys-nybanner .std-font46 {
        font-size: 24px;
    }

    .product-main .ys-nyban-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        padding: 0 20px;
    }

    .product-main .ys-flex-pos-center {
        position: relative;
        padding: 20px 0;
    }

    .product-ban .ys-nyban-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .product-colors {
        padding-top: var(--space120);
    }

    .product-color-item {
        width: 25%;
    }

    .product-system-tab-top {
        border-radius: 0.32rem;
        margin-bottom: 0.3rem;

    }

    .product-system-tab-link {
        border-radius: 0.3rem;
    }

    .product-system-tab-box {
        margin-bottom: 0.4rem;
    }

    .product-card-item {
        width: 100%;
    }

    .product-card-box {
        padding: 0.3rem;
    }

    .product-card-title {
        margin-bottom: 0.1rem;
    }

    .product-card-pics {
        --gap1: 0.1rem;
        --gap2: 0.2rem;
    }


    /* b1 - end*/
    /* b2 */
    .catalog-label-list {
        display: none;
    }

    .catalog-label {
        width: 100%;
        position: relative;
        margin-bottom: 0.32rem;
    }

    .catalog-label::after {
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 24px;
        content: '';
        background: url('../images/g1_down.svg') no-repeat center;
        background-size: contain;
        transition: all 0.4s ease;
    }

    .catalog-row.on .catalog-label::after {
        transform: rotate(180deg);
    }

    .catalog-row {
        flex-wrap: wrap;
    }

    /* .catalog-label {
        border: 1px solid #e1e8ef;
    } */
    .catalog-option, .catalog-option-text {
        width: 100%;
    }

    .catalog-item {
        width: 50%;
    }

    .pc-fenye li {
        margin: 0 4px;
    }

    /* b2-end */
    /* b3 */
    .series-ban-color-item {
        width: 16.666666%;
    }

    .series-main .ys-nyban-img {
        padding: 0 20px;
    }

    .product-section-title {
        width: 100%;
        margin-bottom: 0.32rem;
        padding-right: 0;
    }

    .product-info-body, .product-scene-body {
        width: 100%;
    }

    .product-feature-name, .product-feature-name p {
        font-size: 12px;
    }

    .product-feature {
        padding: 0 20px;
    }

    .product-solution-wrap {
        width: 80%;
    }

    .mod-arrow1 .slick-prev {
        left: -0.24rem;
    }

    .mod-arrow1 .slick-next {
        right: -0.24rem;
    }

    .product-solution-card {
        transform: scale(1);
    }

    .product-solution-name {
        opacity: 1;
    }

    .product-solution .std-font40, .product-solution .std-font40 p {
        margin-bottom: 0.3rem
    }

    /* b3-end */
    /* b4 */
    .habitat-anchor-item {
        padding: 0 0.2rem;
    }

    .habitat-anchor-inof {
        margin: 0 -0.2rem;
    }

    /* .habitat-scene .swiper-button-next {
        right: 1rem !important;
    }

    .habitat-scene .swiper-button-prev {
        left: 1rem !important;
    } */

    .habitat-scene .swiper-horizontal>.swiper-pagination-progressbar {
        width: 40% !important;
    }

    .habitat-data-col {
        width: 100%
    }

    /* .habitat-scene {
        padding-bottom: 1.6rem;
    } */

    .habitat-product-tit {
        font-size: var(--font24)
    }

    .habitat-product-card {
        padding: 0.36rem 0.32rem;
        align-items: center;
    }

    .habitat-product-text {
        margin-top: 0;
    }

    .habitat-product-tag {
        font-size: var(--font14)
    }

    .habitat-product-desc {
        margin-top: 0.2rem;
        font-size: var(--font16);
    }

    .habitat-product-img {
        width: 36%;
    }

    .habitat-case {
        padding-top: 0
    }

    .habitat-case-img::after {
        background: linear-gradient(53deg, rgba(0, 0, 0, 0.30) 11.06%, rgba(0, 0, 0, 0.00) 75%);
    }

    .habitat-cert-meta {
        --gap: 0.32rem;
    }

    .habitat-cert-meta li::before {
        left: 0.1rem;
    }

    /* b4-end */
    /* c1 */
    .research-hero-title {
        width: 100%;
        margin-bottom: 0.52rem
    }

    .research-hero-copy {
        width: 100%;
        padding-top: 0;
    }

    .research-eco-tab-content {
        padding: 0.12rem .2rem;
    }

    .research-hero-card1 {
        top: 0.2rem;
        left: 0.3rem;
        width: 80%;
        padding: 0.2rem 0.4rem 0.2rem 0.2rem;
    }

    .research-hero-card2 {
        right: .2rem;
        bottom: .2rem;
    }

    .research-hero-img {
        margin-top: 0.5rem
    }

    .research-eco-tabs {
        --gap: 0.1rem;
    }

    .repc-le, .repc-ri {
        width: 100%;
    }

    .repc-le-cont {
        padding: 0.4rem 0.32rem 0.5rem;
    }

    .repc-icon {
        top: 53%;
    }

    .repc-ri {
        margin-top: 25%;
    }

    .repc-ri .repc-le-cont {
        background: #DAE7EF;
        padding: 0.32rem 0.4rem;
    }

    .repc-ri .repc-le-grade-li {
        margin-bottom: 0.3rem;
    }

    .research-data-list li {
        width: 50%;
    }

    .research-data-list li:nth-child(2n-1)::before {
        display: none;
    }

    .research-system-head .std-font40 {
        font-size: 20px;
    }

    .research-data-list {
        margin-top: 0.5rem;
    }

    .research-process-box {
        padding: 0.4rem 0.3rem .5rem;
    }

    .research-process-step.slick-current .research-process-step-number {
        background: var(--colormain);
        color: var(--colorfff);
        border: 1px dashed #FABE00;
    }

    .research-attr-list li {
        width: 33.333333%;
    }

    .research-coop-text {
        width: 100%;
    }

    .research-coop-logos {
        width: 100%;
    }

    .research-honor-slick .research-honor-slide {
        padding: 0 0.18rem;
    }

    .research-honor-list.research-honor-slick {
        margin-right: -0.18rem;
        margin-left: -0.18rem;
    }

    .research-honor-list .std-text16, .research-honor-list .std-text16 p {
        font-size: 12px;
    }

    .research-quality-text {
        width: 100%;
        margin-bottom: 0.4rem
    }

    .research-attr-text-tit {
        margin-bottom: 0.4rem;
    }

    .research-control-list-item {
        width: 33.333333%
    }

    .research-control-list {
        width: auto
    }

    /* 
    .research-equipment .swiper-button-next {
        right: 0rem !important;
    }

    .research-equipment .swiper-button-prev {
        left: 0rem !important;
    } */

    /* c1-end */
    /* d1 */
    .sustain-index-main .sustain-promise-item {
        width: 100%
    }

    .sustain-index-main .sustain-practice-card .std-font36 {
        font-size: var(--font24);
    }

    .sustain-index-main .sustain-practice-card {
        padding: 0.4rem;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }

    .sustain-result-info-li {
        width: 100%;
    }

    .sustain-result-icon {
        width: 0.6rem;
        height: 0.6rem;
    }

    /* d1-end */

    /* d2 */
    .sustain-title {
        margin-bottom: 0.3rem
    }

    .sustain-group-title, .sustain-group-title p {
        font-size: var(--font30);
    }

    .sustain-acc-title, .sustain-acc-title p {
        font-size: var(--font26);
    }

    .sustain-editor, .sustain-editor p {
        font-size: var(--font16);
    }

    .sustain-acc-bd {
        padding: 0 0.3rem 0.4rem;
    }

    /* d2-end */
    /* e1 */
    /* .news-card-item {
        width: 100%;
    } */
    .news-card-inof {
        --gap: 0.1rem;
    }

    .news-card-bot {
        padding: 0.28rem 0.28rem;
    }

    .news-card-bot-info {
        margin-bottom: 0.6rem;
    }

    .news-channel-tabs-list {
        --gap: 0.3rem;
    }

    .news-feature-info {
        width: 100%;
        order: 2;
    }

    .news-feature-img {
        width: 100%;
        order: 1;
    }

    .news-feature {
        padding: 0.3rem;
    }

    .news-list-ul .slick-dots {
        left: 50%;
        transform: translateX(-50%);
    }

    .news-filter-keyword {
        width: 100%;
        margin-bottom: 0.25rem
    }

    .news-filter-item {
        height: 36px;
    }

    /* e1-end */
    /* e2 */
    .news-related-arrows {
        display: none;
    }

    .news-related-title {
        margin-bottom: 0.3rem
    }



    /* e2-end */
    /* e3 */
    .resource-card-item {
        width: 100%;
    }

    .resource-down-icon {
        width: 0.24rem;
        /* height: 0.24rem */
    }

    .resource-cta {
        padding: 0 20px 0.7rem
    }

    .resource-main .ys-nyban-search {
        width: 74%;
    }

    /* e3-end */
    .footer-nav>li {
        width: 33.333333%;
    }

    /* 7.13 */
    .ys-phnav3-lang-hd.on .ys-phnav-icon {
        transform: translateY(-50%)
    }

    .ys-phnav3-lang-hd.on .ys-phnav-icon::after {
        transform: translateX(-50%) rotate(90deg);
    }

    .about-factory-bg img {
        min-height: 300px;
    }

    .yx_three3d1_map {
        --widthx: 240px;
    }

    .expert-main .ys-nyban-title {
        top: 40%
    }

    .expert-form {
        margin-top: -0.8rem;
    }

    .research-eco-img {
        width: 100%;
        margin-bottom: 0.4rem
    }

    .research-eco-info {
        width: 100%;
    }

    .research-eco-list {
        margin-top: 0.15rem;
    }

    .habitat-anchor-item .std-text18 {
        padding: 0.2rem 0;
    }

    .habitat-anchor {
        padding-top: 0;
    }

    .habitat-anchor .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 10px;
    }

    .habitat-scene .mySwiper {
        overflow: visible;
    }

    .habitat-scene .mod-icon {
        width: 30px;
        height: 30px;
    }

    .habitat-scene .mod-icon .ys-imgbox-cover {
        width: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hsic-info {
        font-size: var(--font16);
    }

    .repc-icon {
        top: calc(var(--transtop) - 0.2rem);
        transform: translate(0px, 0px);
        top: 52%
    }

    .research-data-list-item {
        padding: 0 0.15rem;
        margin-bottom: 0.3rem;
    }

    /* .research-data-list-item:nth-child(2n - 1) .rdli-num::before {
        opacity: 0;
    } */

    .rdli-num p {
        font-size: 36px;
    }

    .news-filter-keyword {
        width: 50%;
        margin-bottom: 0;
    }

    .news-filter-date {
        width: 46%;
    }

    .resource-down-icon {
        width: 16px;
        /* height: 16px; */
        margin-top: -2px;
    }

    .resource-main .ys-nyban-search-field img {
        width: 18px;
    }

    .resource-main .ys-nyban-search {
        width: 100%;
        margin-top: 0.4rem;
    }

    .resource-card-icon {
        margin-top: 4px;
    }

    .resource-down {
        padding: 0.1rem 0.16rem;
    }

    .mod-nyban-nav-wrap {
        --gap: 0.3rem;
    }

    .ys-nyban-scroll {
        display: none;
    }

    .contact-office-item {
        width: 100%;
    }

    .contact-main .ys-nyban-title {
        padding-top: 0.7rem;
        position: relative;
        padding-bottom: 0.7rem;
    }

    .contact-card-item {
        width: 100%;
    }

    .contact-card-inof {
        --gap1: 0.2rem;
        --gap2: 0.2rem;
    }

    .about-data li {
        width: 50%;
    }

    .about-intro {
        height: auto;
    }

    .about-data-item .ys-demo-num span {
        font-size: 36px;
        ;
    }

    .about-value-card-box {
        padding: 0.35rem 0.36rem;
    }

    .about-value-card {
        width: 50%;
        padding: 0 0.12rem;
    }

    .about-value-list {
        margin: 0 -0.12rem
    }

    .about-head {
        margin-bottom: 0.4rem;
    }

    .about-value-icon {
        width: 0.4rem;
        margin-bottom: 0.2rem;
    }

    .about-value-card .std-font36 {
        margin-bottom: 0.24rem;
    }

    .about-value-card-box {
        padding: 0.35rem 0.3rem;
    }

    .about-value-card-box {
        min-height: 3.82rem;
    }

    .about-honor-list .std-text18, .about-honor-list .std-text18 p {
        font-size: 12px;
    }

    .about-map-card {
        position: relative;
        top: auto !important;
        left: auto !important;
        width: 100%;
        opacity: 1;
    }

    .about-map-card {
        width: 100%;
        height: 100%;
    }

    /* .about-map-pin.act .about-map-pin-item {
        background: var(--colormain1);
    }

    .about-map-pin.act .about-map-pin-item::before, .about-map-pin.act .about-map-pin-item::after, .about-map-pin.act .about-map-pin-item span::before {
        background: radial-gradient(at 50% 50%, rgba(0, 0, 0, 0), var(--colormain1));
    } */

    .about-intro-center {
        width: 100%;
    }

    .about-intro-bg {
        opacity: 0 !important;
    }


    .ahli-wrap-nub {
        padding: 0 0.1rem;
        height: 50%;
        margin-bottom: 0.4rem;
    }

    .about-honor-list {
        margin: 0 -0.1rem -0.4rem;
    }

    .mod-dots4 .slick-dots li {
        width: 6px;
        height: 6px;
    }

    .concept-core-info {
        position: relative;
    }

    .concept-core-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

    }

    .concept-core-img img {
        object-fit: cover;
    }

    .concept-core-copy {
        display: block !important;
    }

    .concept-core-item::before {
        opacity: 1;
    }

    .concept-core-info .slick-dots li {
        width: 6px;
        height: 6px;
    }

    .concept-core-info .slick-dots {
        bottom: 6px;
    }

    .join-partner-row-le {
        width: 100%;
    }

    .join-partner-info {
        width: 100%;
    }

    .join-partner-copy .std-text18 {
        margin-bottom: 0.4rem
    }

    .join-welfare-img {
        width: 100%;
    }

    .join-welfare-card {
        position: relative;
        top: auto;
        left: auto;
        min-height: auto;
        width: 100%;
        flex-grow: 1;
    }

    .join-welfare-slide-inner {
        background: #fff;
        border-radius: 0.16rem;
        display: flex;
        flex-direction: column;
    }

    /* 
    .join-welfare-tab-text {
        display: none;
    } */

    .join-welfare-core .swiper-pagination {
        margin: 0.4rem auto 0.2rem;
    }

    .join-welfare-slide.swiper-slide {
        height: auto;
    }

    .join-job-item {
        --left: 0.3rem;
        --right: 0.3rem;
    }

    .join-job-detail {
        margin-top: 0.3rem;
    }

    .contact-office-body {
        min-height: auto;
        padding: 0.4rem 0.24rem;
    }

    .contact-office-inof {
        --gap2: 0.48rem;
    }

    .home-product-list .slick-dots {
        bottom: -30px;
    }

    .sample-form-card {
        max-width: none;
        padding: 0.4rem 0.32rem;
    }

    .sample-form .ys-form-tiled-icon {
        --width1: 10px;
        top: 6px;
    }

    .expert-form-box .ys-form-inof-item2 {
        width: 100%;
    }

    .expert-form-inner {
        width: calc(100% - 0.64rem)
    }

    .expert-form-box .ys-form-inof-agree {
        margin-bottom: 0.4rem;
    }

    .expert-form .ys-fia-text-btn {
        top: 7px;
    }

    .expert-form {
        padding-bottom: 0.7rem;
    }

    .sample-form .ys-fia-text-btn {
        top: 7px;
    }

    .sample-form {
        padding-bottom: 0.7rem
    }

    .research-hero-card1 p:first-child {
        margin-bottom: 4px;
        line-height: 1.5;
    }

    .concept-core-item {
        border-left: none
    }

    .concept-core-item::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        content: '';
        background: rgba(255, 255, 255, 0.50);
    }

    .concept-core-item::before {
        display: none;
    }

    .concept-core-img::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: rgba(255, 255, 255, 0.1);
        pointer-events: none;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        transition: var(--transition);
        z-index: 5;
    }

    .about-honor-list .std-text18 {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

    .about-honor-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
    }

    .ahli-wrap {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .ahli-wrap-nub {
        flex-grow: 1;
    }

    .ahli-wrap-nub-box {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .expert-form .ys-form {
        --height: 36px;
    }

    .sample-form .ys-form {
        --height: 36px
    }

    .research-quality-view {
        width: calc(100% - 1rem);
        margin-left: 0;
        margin-right: 0.8rem;
    }

    .research-quality-list {
        width: 100%;
    }

    .research-quality-arrs {
        display: none;
    }

    .research-equipment .swiper-horizontal>.swiper-pagination-progressbar {
        width: 66% !important;
    }

    .research-equipment .swiper-button-next {
        right: 0.2rem !important;
    }

    .research-equipment .swiper-button-prev {
        left: 0.2rem !important;

    }

    .habitat-scene .swiper-horizontal>.swiper-pagination-progressbar {
        width: 66% !important;
    }

    /* .habitat-scene .swiper-button-prev {
        left: 0.2rem !important;
    }

    .habitat-scene .swiper-button-next {
        right: 0.2rem !important;
    } */

    .research-equipment .mod-icon {
        width: 30px;
        height: 30px;
    }

    .research-equipment .mod-icon .ys-imgbox-cover {
        width: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .research-control-list .std-font30, .research-control-list .std-font30 p {
        font-size: 16px;
    }

    .rcli-con-text p {
        font-size: 12px;
    }

    .research-control-list {
        --gap: 0.12rem;
    }

    .rcli-con-icon {
        right: -0.24rem;
    }

    .sustain-index-main .sustain-smile {
        transform: translateX(-50%) scale(0.6) translateY(-23px);
    }

    .home-sustain-word {
        font-size: 20px;
    }

    .home-esg-kpi {
        width: 100%;

    }

    .home-esg-bars {
        order: 3;
    }

    .home-esg-kpi {
        order: 2;
    }

    .home-esg-rings {
        width: 100%;
        order: 1;
    }

    .home-esg-count {
        width: auto;

    }

    .home-esg-rings {
        flex-wrap: wrap;
    }

    .home-esg-ring-item {
        width: 50%;
    }

    .home-trust-info {
        margin-bottom: 0.4rem;
    }

    .footer-share {
        --width1: 24px;
    }

    .footer-share {
        margin-bottom: 0.4rem
    }

    .home-esg-panel {
        padding: 0.32rem 0.3rem 0.3rem;
    }

    .home-esg-ring-item {
        padding: 0 0.2rem
    }

    .home-esg-rings {
        margin: 0 -0.2rem -0.2rem
    }

    .home-esg-bar-list {
        margin: 0 -0.1rem;
    }

    .home-esg-bar-item {
        padding: 0 0.1rem;
        margin: 0
    }

    .home-esg-kpi {
        width: auto;
    }

    .home-esg-kpi-num {
        padding-right: 0.2rem;
    }

    .home-esg-bars {
        margin: 0;
    }

    .home-esg-kpi {
        flex: auto;
    }

    .about-devel-svg {
        display: none;
    }

    .ahct-ul {
        padding-left: 33%;
    }

    .ahyb-btn p {
        display: none;
    }

    .ahyb-btn img {
        width: 18px;
    }

    .ahyb-btn {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        position: relative;
        background: var(--colormain1);
    }

    .ahyb-btn img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .about-history-year-btn {
        width: 80px;
        bottom: 32px;
        top: auto;
        transform: translateX(-50%);
    }

    .about-history {
        padding-bottom: 40px;
    }

    .ahyb-prev img {
        margin-right: 0;
        transform: translate(-50%, -50%) rotate(180deg);
    }

    .about-history {
        position: relative;
    }

    .about-history .ys-cont1200 {
        position: static
    }

    .about-history-year {
        position: static;
    }

    .ahyb-next img {
        margin: 0
    }

    .about-history-year-btn .slick-disabled {

        opacity: 0.5 !important;
    }

    .about-history-year {
        margin-top: 0.4rem;
    }

    .research-hero-card1 {
        top: 0.4rem;
        left: 0.3rem;
    }

    .research-hero-card2 {
        right: 0.4rem;
        bottom: 0.4rem;
    }

    .habitat-product-text {
        height: 100%;
    }

    .about-head .std-font40, .about-head .std-font40 p {
        font-size: 18px;
    }

    .about-head .std-font46, .about-head .std-font46 p {
        font-size: 24px;
    }

    .about-intro .ys-cont1440 {
        padding-top: 0.7rem;
    }

    .about-intro-center {
        margin-bottom: 0.5rem
    }

    .aibs-wrap {
        width: 100%;
        margin-top: 0.4rem;
    }

    .about-intro .ys-cont1440 {
        display: block;
    }

    .aibs-wrap .ys-imgbox-cover {

        border-radius: 8px;

    }

    .aibs-wrap .ys-imgbox-cover img {
        object-fit: cover;
    }

    .home-sustain-word {
        font-size: 30px;
    }

    .home-esg-title {
        font-size: 20px;
    }

    .deta-use-cry {
        width: 100%;
    }

    .home-esg-ring-item {
        width: 33.333333%;
    }

    .ducb-num span, .ducb-num {
        font-size: 16px;
    }

    .home-esg-ring-copy {
        font-size: 8px;
    }

    .ducb-num::after {
        top: 7px;
    }

    .home-esg-rings {
        margin-bottom: 0.4rem;
    }

    .yx_three3d1_map {
        --widthx: 280px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home-solution {
        padding: 0.7rem 20px;
    }

    .research-hero-title .std-font46 {
        font-size: 24px;
    }

    .home-solution-text {
        max-width: 100%;
        width: 100%;
        padding: 0 16px;
        left: 0;
    }

    .catalog-option-text {
        display: flex;
    }

    .catalog-check {
        margin-top: 2px;
    }

    .footer-text a {
        margin-left: 0;
    }

    .footer-text span {
        margin-right: 10px;
    }

    .footer-share {
        --width1: 32px;
    }

    .mod-sider {
        bottom: 30px;
    }

    .home-solution-img {
        min-height: 360px;
    }

    .research-hero-card1, .research-hero-card2 {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
    }

    .research-hero-card1 {
        margin-bottom: 0.2rem;
    }

    .rhiw-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0.32rem
    }

    .ahct-ul {
        padding-left: 0;
    }

    /* .ahct-ul-li-cont p {
        text-align: center;
    } */

    .research-hero-card1 {
        margin-bottom: 0.8rem;
    }

    .home-trust-dots-nub {
        width: 22px;
    }

    .ys-ban-imgbox img {
        height: 100vh;
    }

    .home-sustain-inner {
        transform: translateY(-12%);
    }

    .contact-main .ys-flex-pos-center {
        height: auto;
    }

    .habitat-scene-pagination {
        width: 90%;
    }

    .sample-form {
        margin-top: -0.8rem;
    }

    .sample-main .ys-nyban-title {
        top: 40%;
    }

    .about-map-pin:not(:first-child) .about-map-card.mod-pc {
        display: block;
        opacity: 0;
    }

    .about-map-pin:not(:first-child).on .about-map-card {
        opacity: 1;
    }

    .mod-nyban-nav-wrap {
        --gap: 0.2rem;
    }

    .mod-nyban-nav {
        justify-content: center;
    }

    .about-history-year-btn {
        z-index: 33;
    }

    .repc-ri {
        margin-top: 1rem;
    }

    .research-eco-panel.act .repc-icon {
        animation: none;
    }

    .ys-phmenu-scroll {
        max-height: calc(100vh - 140px - 64px);
    }

    .about-map-pin-item {
        width: 8px;
        height: 8px;
    }

    .about-map-pin:not(:first-child) {
        display: none !important;
    }

    .sustain-index-main .sustain-smile {
        width: auto;
    }

    /* 7.13-end */

    /* 7.21-start */
    .deta-use-cry .ducb-num, .deta-use-cry .home-esg-count {
        font-size: var(--font30);
    }

    .ducb-num::after {
        width: 8px;
    }

    .rdli-num p span {
        font-size: 36px;
    }

    .habitat-scene-pagination .swiper-pagination {
        width: 60% !important;
    }

    .ducb-num::after {
        left: 4px;
    }

    .home-esg-kpi .home-esg-count {
        min-width: auto;
    }

    .home-esg-kpi-num {
        font-size: var(--font60);
    }

    .join-activity {
        padding-bottom: 1.5rem;
    }

    .mod-view-link-text {
        font-size: var(--font16);
    }

    .deta-use-cry {
        width: 80px;
    }

    .home-solution-cont-wrap {
        padding: 0;
    }

    .home-solution-slide.swiper-slide {
        transform: scale(1) !important;
    }

    /* .research-future-track {
        height: 260px;
    } */

    .home-solution-text {
        opacity: 1;
    }

    .home-esg-kpi-num span:nth-child(1) {
        font-size: 20px;
    }

    .ducb-num::after {
        top: 10px;
    }

    /* .research-history-item:nth-child(1) {
        transform: translateY(50%);
    } */

    .research-history-list-wrap.swiper-slide {
        padding-right: 0;
    }

    .research-coop-text {
        margin-bottom: 0.4rem
    }

    .repc-icon {
        position: relative;
        top: auto;
        right: auto;
        margin: 0 auto;
        margin-top: -20px
    }

    .repc-ri {
        margin-top: -20px
    }

    .home-esg-note {
        padding: 0
    }

    .home-products-top-bg {
        display: none;
    }

    .home-products-bg {
        opacity: 1;
    }

    .product-card-more-icon {
        margin-top: 0.5px;
        display: flex;
    }

    .research-coop-text {
        margin-top: 0
    }

    .research-eco-tabs {
        padding: 0.12rem 0;
    }

    .research-eco-tab-content {
        padding: 0.12rem;
    }

    .research-eco-panels {
        padding-top: 0
    }

    .rcli-con {
        padding: 0.2rem;
    }

    .research-control-list {
        --gap: 0.16rem;
    }

    .rcli-con-icon {
        right: -0.32rem;
    }

    .rcli-con {
        padding: 0.16rem;
    }

    .about-value .ys-cont1440 {
        width: 100%;
    }

    .sustain-promise-bg {
        left: 50%;
        width: 200vw;
        transform: translateX(-50%);
    }

    .sustain-promise-bg img {
        width: 200vw;
    }

    .sustain-index-main .sustain-smile {
        left: 50%;
    }

    .sustain-index-main .sustain-smile {
        left: 50%;
        transform: translateX(-50%);
        width: 1.6rem;
    }

    .he_canvsdm {
        width: 380px;
        height: 380px;
    }

    .home-esg-panel {
        padding: 0.32rem 0.3rem 0.7rem;
    }

    .research-honor-slide.slick-slide {
        width: 50%;
    }

    .habitat-cert-meta li::before {
        left: 1px;
    }

    .habitat-cert-meta li::before {
        left: 1px;
    }

    .habitat-cert-meta {
        --gap: 0.3rem;
    }

    .habitat-cert-meta li::before {
        left: 3px;
    }

    .research-pd .ys-cont1440 {
        padding-left: 20px;
    }

    .research-history-list li {
        width: 55%;
    }

    .research-history-item:nth-child(2n - 1) {
        transform: translateY(33%) !important;
    }

    .research-history-item-bg {
        top: -80%;
    }

    .research-history-item {
        min-height: 160px;
    }

    /* 7.21-end */
    /*8.29-start*/
    .ahli-wrap-nub{
        width:100%;
        /*margin-bottom: 0.7rem;*/
    }
    .about-honor-list .std-text18 {
        width: 80%;
    }
    .about-honor-icon {
        width: 100%;
        /*height: 100%;*/
        object-fit: contain;
    }
    .sril-ul-li-ul{
        flex-wrap: wrap;
    }
    .sulu-item{
        width: 100%;
    }
    .sulu-item:not(:last-child){
        margin-bottom:0.15rem;
    }
    .research-eco-mark p{
        font-size: var(--font14);
    }
        .reml-li .research-eco-mark {
        min-width: 3.1rem;
    }
        .research-eco-mark {
        padding: 0.1rem 0.15rem;
    }
    .reml-li .research-eco-mark,.reml-li.on .research-eco-mark  {
    top: -6px;
}
.research-system-content{
    position: relative;
    top:auto;
    left: auto;
    transform: none;
}    .research-system-head {
        width: 100%;
    }
    .research-system {
    padding: 0.7rem 0;
}
.footer-nav>li,.footer-nav>li:nth-child(3n - 2){
    width: 50%;
}
.join-job-meta img {
    width: 0.24rem;
}
    .home-esg-title {
        font-size: 18px;
    }
    .home-esg-btn {
    margin-top: 0.3rem;
}
    .home-esg-panel {
        margin-top: 0.5rem;
    }
        .home-esg-rings {
        margin: 0 -0.1rem -0.2rem;
    }
        .home-esg-ring-item {
        padding: 0 0.1rem;
    }
        .home-esg-rings {
        margin-bottom: 0.3rem;
    }
        .home-esg-kpi {
        width: 28%;
    }.home-esg-panel-title {
    font-size: var(--font12);
}
.home-esg-ring-item {
    margin-bottom: 0.1rem;
}
    .home-esg-panel {
        padding: 0.32rem 0.3rem 0.6rem;
    }
        .home-esg-bar-unit {
        margin-top: 0.15rem;
    }.home-esg-kpi {
    padding-bottom: 0.2rem;
}
.home-esg-title {
    line-height: 1.4;
}
.home-esg-note {
    margin-top: 0.1rem;
}
.expert-form .ys-fii-submit,.sample-form .ys-fii-submit{
    max-width: 100%;
    padding: 0 0.2rem;
    font-size: 8px;
    min-width: 100%;
}
    .reml-li .research-eco-mark {
        min-width: 2.8rem;
    }
        .research-eco-mark p {
        font-size: var(--font12);
    }
    .expert-main .ys-nyban-title .std-text16, .expert-main .ys-nyban-title .std-text16 p,.ys-nybanner15 .ys-nyban-copy.std-text16, .ys-nybanner15 .ys-nyban-copy.std-text16 p {

    font-size: var(--font12);
}
.concept-sign-name {
    font-size: var(--font20) !important;
}
    .home-sustain-smile {
    height: 2rem;
}

/*9.7-start*/
 .resource-cta-cont {
    padding: 0.72rem 0.32rem;
}
.home-main .resource-cta-note p {
    font-size: var(--font12);
}
.research-coop-text .std-font40, .research-coop-text .std-font40 p{
        font-size: var(--font34);
}
.sustain-head-copy {
    width: 100%;
}
    .about-main .ys-nybanner .std-font20 {
        width: 100%;
    }
    .about-main .ys-nyban-title .std-font48, .about-main .ys-nyban-title .std-font48 p {
    line-height: 1.5;
}
.about-map .about-head ,.about-history-cont{
        width: 100%;
    }
        .research-future-head {
        width: 100%;
    }
/*9.7-end*/
    /*8.29-end*/
    /* 767end */
}