@charset "utf-8";

/* 公共样式 - start */
body,
input, textarea {
    font-family: "Public Sans", "PingFang SC", "Microsoft YaHei" !important;
}

/* 原生功能按钮：清除浏览器默认外观，后续保留各语义类的既有视觉样式。 */
:where(button).head-lang-top,
:where(button).head-search-btn,
:where(button).ys-search2-submit,
:where(button).ys-phnav-menubtn,
:where(button).ys-phnav-icon,
:where(button).footer-friend-btn,
:where(button).product-anchor-btn,
:where(button).product-download-btn,
:where(button).ys-modal-close,
:where(button).product-form-code,
:where(button).product-captcha-refresh,
:where(button).case-filter-head,
:where(button).case-search-submit,
:where(button).culture-values-tab,
:where(button).ys-fii-submit {
    appearance: none;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: inherit;
}

/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "Public Sans", "PingFang SC", "Microsoft YaHei" !important;
}

html {
    font-size: 6.25rem;
}

/* kaffi */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    -webkit-text-size-adjust: none;
}

/* kaffi */
/* a[href=""],a[href='']{
    cursor:default
} */
.mod-form input:-webkit-autofill,
.mod-form input:-webkit-autofill:hover,
.mod-form input:-webkit-autofill:focus,
.mod-form input:-webkit-autofill:active {
    -webkit-text-fill-color: #333 !important;
}

:root {
    /* 字号 */
    --font110: 1.1rem;
    --font100: 1.0rem;
    --font98: 0.98rem;
    --font96: 0.96rem;
    --font94: 0.94rem;
    --font92: 0.92rem;
    --font90: 0.90rem;
    --font88: 0.88rem;
    --font86: 0.86rem;
    --font84: 0.84rem;
    --font82: 0.82rem;
    --font80: 0.80rem;
    --font78: 0.78rem;
    --font76: 0.76rem;
    --font74: 0.74rem;
    --font72: 0.72rem;
    --font70: 0.70rem;
    --font68: 0.68rem;
    --font66: 0.66rem;
    --font64: 0.64rem;
    --font62: 0.62rem;
    --font60: 0.60rem;
    --font58: 0.58rem;
    --font56: 0.56rem;
    --font54: 0.54rem;
    --font52: 0.52rem;
    --font50: 0.50rem;
    --font48: 0.48rem;
    --font46: 0.46rem;
    --font44: 0.44rem;
    --font42: 0.42rem;
    --font40: 0.40rem;
    --font38: 0.38rem;
    --font36: 0.36rem;
    --font34: 0.34rem;
    --font32: 0.32rem;
    --font30: 0.30rem;
    --font28: 0.28rem;
    --font26: 0.26rem;
    --font24: 0.24rem;
    --font22: 0.22rem;
    --font20: 0.20rem;
    --font18: 0.18rem;
    --font16: 0.16rem;
    --font14: 0.14rem;
    --font12: 0.12rem;
    /* 间距 */
    --space250: 2.5rem;
    --space240: 2.4rem;
    --space230: 2.3rem;
    --space220: 2.2rem;
    --space210: 2.1rem;
    --space200: 2.0rem;
    --space190: 1.9rem;
    --space180: 1.8rem;
    --space170: 1.7rem;
    --space160: 1.6rem;
    --space150: 1.5rem;
    --space140: 1.4rem;
    --space130: 1.3rem;
    --space120: 1.2rem;
    --space110: 1.1rem;
    --space100: 1.0rem;
    --space90: 0.9rem;
    --space80: 0.8rem;
    --space70: 0.7rem;
    --space60: 0.6rem;
}

:root {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line145: 1.45;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 72px;
    /* 颜色 */
    --color000: #000;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #009944;
    --colortitle: #20352D;
    --colorbj: #F4F7F5;
    --colorgreen: #abcd03;
    /* 清新绿 */
    --colororange: #f8b500;
    /* 能量橙 */
    --colorblue: #004386;
    /* 科技蓝 */
    --colorgray: #3a3a3a;
    /* 沉稳灰 */
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;
    /* 特殊字体或粗细 */
    --bold: '';
    --transition: all 0.4s ease;
    --transition1: all 0.8s var(--bezier1);
    --transition2: transform 1.5s var(--bezier2), -webkit-transform 1.5s var(--bezier2), opacity 1.2s var(--bezier2), color 0.3s var(--bezier2);
    --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
    /* 等于gsap的sine.out */
    --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1);
    /* 等于gsap的expo.inOut */
    --bezier2: cubic-bezier(.38, 0, 0, 1);
}

.std-font110,
.std-font110 p {
    font-size: var(--font110);
    color: var(--colormain);
    line-height: var(--line12);
}

.std-font96,
.std-font96 p {
    font-size: var(--font96);
    color: var(--colormain);
    line-height: var(--line12);
}

.std-font90,
.std-font90 p {
    font-size: var(--font90);
    color: var(--colormain);
    line-height: var(--line12);
}

.std-font46,
.std-font46 p {
    font-size: var(--font46);
    color: var(--colortitle);
    line-height: var(--line15);
}

.std-font50,
.std-font50 p {
    font-size: var(--font50);
    color: var(--colortitle);
    line-height: var(--line15);
}

.std-font40,
.std-font40 p,
.yxedr-active h2 {
    font-size: var(--font40);
    color: var(--colortitle);
    line-height: var(--line15);
}

.std-font36,
.std-font36 p,
.yxedr-active h3 {
    font-size: var(--font36);
    color: var(--color000);
    line-height: var(--line15);
}

.std-font32,
.std-font32 p {
    font-size: var(--font32);
    color: var(--color333);
    line-height: var(--line15);
}

.std-font24,
.std-font24 p,
.yxedr-active h4 {
    font-size: var(--font24);
    color: var(--color000);
    line-height: var(--line15);
}

.std-font20,
.std-font20 p,
.yxedr-active h5 {
    font-size: var(--font20);
    color: var(--color000);
    line-height: var(--line15);
}

.std-font18,
.std-font18 p {
    font-size: var(--font18);
    color: var(--color666);
    line-height: var(--line145);
}

.std-font16,
.std-font16 p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line175);
}

.yxedr-active,
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line175);
}

.yxedr-active p {
    margin-bottom: 0.75em;
}

.yxedr-active>p:last-child {
    margin-bottom: 0;
}

.std-font14,
.std-font14 p {
    font-size: var(--font14);
    color: var(--color666);
    line-height: var(--line175);
}

.std-padd {
    padding: var(--space140) 0
}

.std-padding140t {
    padding-top: var(--space140);
}

.std-padding140 {
    padding-bottom: var(--space140);
}

.std-padding100t {
    padding-top: var(--space100);
}

.std-padding100 {
    padding-bottom: var(--space100);
}

.std-margin60 {
    margin-bottom: var(--space60);
}

.std-padding60 {
    padding-bottom: var(--space60);
}

.std-margin40 {
    margin-bottom: var(--space40);
}

.std-padding40 {
    padding-bottom: var(--space40);
}

.yxedr-active h2, .yxedr-active h3 {
    margin-bottom: var(--parpspace16);
}

.yxedr-active h4 {
    margin-bottom: var(--parpspace12);
}

.yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}

.search-main {
    --colormain1: var(--colormain) !important;
}

/*分享翻译*/
.ys-wechat-cont-parga p::before {
    content: '分享到 - 微信';
    /* content: 'Share the - WeChat'; */
}

/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2) !important;
    white-space: nowrap;
}

/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child) {
    display: none;
}

/* 省略号 */
.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 侧边锚点隐藏 */
.mod-anchor {
    opacity: 0;
    transform: translateX(-50%);
    transition: all .4s ease;
    position: fixed;
    z-index: 20;
}

.mod-anchor.on1 {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor ul {
    transition: all .4s ease;
}

.mod-anchor:not(.act) ul {
    opacity: 1;
    transform: translateX(0%);
}

.mod-anchor.act ul {
    opacity: 0;
    transform: translateX(-50%);
}

/* 轮播箭头 */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.slick-arrow.slick-disabled {
    pointer-events: none !important;
    opacity: .5 !important;
}

.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev,
.mod-arrows1 .slick-next {}

/* 载入 */
.ys-upfade1 {
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: var(--transition2);
    will-change: transform, opacity;
}

.ys-upfade1.ys-fade-true {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}

/* 首页banner载入 */
.ys-ban-li.act .ys-ban-title {
    animation: ysfadeInUp .8s ease-in-out both;
}

.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-title {
    animation-delay: 0.4s;
}

/* 公共样式 - end */
/* 公共按钮 */
.std-btn1,
.std-btn2,
.std-btn3 {
    display: inline-block;
}

.std-btn1-link,
.std-btn2-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.3rem;
    border-radius: 60px;
    transition: var(--transition);
}

.std-btn1-link {
    background: #009651;
}

.std-btn2-link {
    border: 1px solid #fff;
    background: transparent;
}

.std-btn3-link {
    display: inline-block;
    font-family: "Microsoft YaHei", "Microsoft YaHei UI", sans-serif;
    text-decoration: none;
    transition: var(--transition);
}

.std-btn1 .std-btn-text,
.std-btn2 .std-btn-text,
.std-btn3 .std-btn-text {
    color: #fff;
    font-size: var(--font16);
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
    transition: var(--transition);
}

.std-btn3 .std-btn-text {
    color: #009944;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .std-btn1-link:hover {
        background: #04703e;
    }

    .std-btn2-link:hover {
        border-color: #009651;
        background: #009651;
    }

    .std-btn3-link:hover .std-btn-text {
        color: #04703e;
    }

    a:hover .std-btn1-link {
        background: #04703e;
    }

    a:hover .std-btn2-link {
        border-color: #009651;
        background: #009651;
    }

    a:hover .std-btn3-link .std-btn-text {
        color: #04703e;
    }

    .head-nav-down-link:hover {
        color: var(--colormain);
    }

    .home-map-point:hover {
        z-index: 3;
    }

    .home-map-point:hover .home-map-point-detail {
        opacity: 1;
        pointer-events: auto;
    }

    .home-map-point:hover .home-map-point-marker {
        opacity: 0;
        transform: scale(.5);
    }

    .home-about-btn .std-btn1-link:hover {
        background: #fff;
    }

    .home-about-btn .std-btn1-link:hover .std-btn-text {
        color: var(--colormain);
    }

    .home-about-btn .std-btn1-link:hover .home-btn-arrow img:first-child {
        opacity: 0;
    }

    .home-about-btn .std-btn1-link:hover .home-btn-arrow img:nth-child(2) {
        opacity: 1;
    }

    .home-news-media:hover img {
        transform: scale(1.04);
    }
}

/* public-brand-start */

.ys-cta {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    /* align-items: center;
    justify-content: center; */
    --width: 93.4375%;
}

.ys-cta-bg {
    width: var(--width);
    /* height: 100%; */
    /* position: absolute;
    left: 0;
    top: 0; */
    /* background: linear-gradient(90deg, #f5faf8 0%, #c9eee0 100%);
    clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%); */
}

.ys-cta-mask {
    /* height: 43.8%; */
    width: 5.5%;
    position: absolute;
    left: var(--width);
    top: 0;
    transform: translateX(-0.36rem);
}

.ys-cta-mask img {
    width: 100%;
}

.ys-cta-bg img {
    width: 100%;
}


.ys-cta-content {
    position: relative;
    z-index: 2;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ys-cta-lead {
    color: var(--colorgray);
    font-weight: 300;
    margin-top: 0.24rem;
}


.ys-cta-btn {
    margin-top: 0.47rem;
}

.footer-brand {
    width: var(--widthle);
    flex-shrink: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    padding-right: 0.96rem;
    padding-top: var(--top);
    padding-bottom: 0.17rem;
}

.footer-logo {
    width: 2.58rem;
}

.footer-friend {
    margin-top: 0.59rem;
}

.footer-friend-label {
    color: var(--color999);
    font-size: var(--font14);
    line-height: var(--line15);
    margin-bottom: 0.15rem;
    margin-bottom: 0.11rem;
}


.footer-share {
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

.footer-share-btn .ys-imgbox-cover {
    width: 0.44rem;
}

.ys-footer .footer-text a[href="https://www.yongsy.com"] {
    color: var(--colorgray) !important;
    color: #6E7787 !important;
}

.footer-box {
    padding-top: var(--top);
    width: calc(100% - var(--widthle));
    padding-left: 1.6rem;

}

.footer-nav {
    margin: 0 calc(-1 * var(--gap1));
    width: calc(100% + calc(2 * var(--gap1)));
    --gap1: 0.3rem;
    --gap2: 0.32rem;
    --gap3: 0.16rem;
}

.footer-top {
    justify-content: flex-start;
    padding-bottom: 1.53rem;
}

.footer-text span {
    margin-right: 0.12rem;
    display: inline-block;
    line-height: var(--line15);
    font-weight: 300;
}

.ys-footer {
    --sapceft1: 0.4rem;
    --sapceft3: 0.2rem;
    --sapceft4: 0.5rem;
    --top: 0.51rem;
    --widthle: 24%;
}

/* public-brand-end */

/* home - start */
/* home-banner-start */
.ys-ban-imgbox picture,
.ys-ban-imgbox img {
    width: 100%;
    display: block;
}

.home-map-points {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.home-map-point {
    width: 0.64rem;
    aspect-ratio: 1;
    position: absolute;
    transform: translate(-50%, -50%);
}

.home-map-point-link,
.home-map-point-marker,
.home-map-point-marker img {
    width: 100%;
    height: 100%;
    display: block;
}

.home-map-point-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-map-point-marker {
    position: relative;
    transition: var(--transition);
}

.home-map-point-detail {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%);
    transform-origin: center;
    transition: var(--transition);
    left: 0.1rem;
}

.home-map-point-panel {
    padding: 5px 0.2rem 5px 5px;


    display: flex;
    align-items: center;
    position: relative;
}

.home-map-point-panel::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: '';
    background: linear-gradient(90deg, #009944 0%, #48c991 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    border-radius: 60px;
    box-shadow: 0 2px 10.4px 0 rgba(113, 113, 113, 0.25);
    z-index: -1;
    transition: all 0.4s ease;
}

.home-map-point:focus-within,
.home-map-point.is-active {
    z-index: 3;
}

.home-map-point:focus-within .home-map-point-detail,
.home-map-point.is-active .home-map-point-detail {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
    visibility: visible;
    transition-delay: 0s;
}

.home-map-point:focus-within .home-map-point-marker,
.home-map-point.is-active .home-map-point-marker {
    opacity: 0;
    transform: scale(.5);
}

.home-map-point-icon {
    width: 0.36rem;
    transition: var(--transition);
    transform: scale(0.7);
}

.home-map-point-icon img,
.home-map-point-arrow img {
    width: 100%;
    display: block;
}

.home-map-point-text {
    color: #fff;
    white-space: nowrap;
    margin-left: 0.11rem;
    margin-right: 0.23rem;
    line-height: var(--line13);
}

.home-map-point-arrow {
    width: 0.16rem;
}


/* home-banner-end */

/* home-about-start */
.home-about {
    position: relative;
    overflow: visible;
}

.home-about-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-about-bg-img {
    height: 100vh;
    position: sticky;
    top: var(--headh);
    width: 100%;

}

.home-about-bg picture,
.home-about-bg img {
    width: 100%;
    height: 100%;
    display: block;
}

.home-about-bg img {
    object-fit: cover;
}

.home-about-top {
    position: relative;
    z-index: 2;
    padding-bottom: 0.75rem;
}

.home-about-head {
    padding-top: 1.03rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home-about-copy {
    padding-top: 0.37rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
}

.home-about-kicker,
.home-about-title {
    color: #fff;
    font-weight: 300;
}

.home-about-title {
    margin-top: 0.4rem;
}

.home-about-media {
    width: 41%;
}

.home-about-media picture,
.home-about-media img {
    width: 100%;
    display: block;
}

.home-about-card {
    margin-top: 1.05rem;
    padding: 0.48rem 0.55rem 0.45rem 0.44rem;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home-about-desc {
    width: 42%;
    padding-right: 0.2rem;
}

.home-about-desc,
.home-about-desc p {
    color: #fff;
    line-height: 1.65;
}

.home-about-btn .std-btn1-link {
    width: 1.94rem;
    padding: 0.1rem 0.2rem;
    justify-content: space-between;
    background: #fff;
}

.home-about-btn .std-btn-text {
    color: var(--color333);
}

.home-btn-arrow {
    width: 0.14rem;
    aspect-ratio: 1;
    position: relative;
}

.home-btn-arrow img {
    width: 100%;
    position: absolute;
    inset: 0;
    transition: opacity .3s ease;
}

.home-btn-arrow img:nth-child(2) {
    opacity: 0;
}

.home-tech {
    position: relative;
    z-index: 2;
    background: transparent;
    overflow: hidden;
    padding-bottom: 0.42rem;
}

.home-tech .ys-cont1200 {
    position: relative;
    z-index: 2;
    padding-top: 1.67rem;
    text-align: center;
    padding-bottom: var(--space140);

}

.home-tech .ys-cont1400 {
    position: relative;
    z-index: 2;
    padding-top: 1.67rem;
    text-align: center;

}

.home-tech-over {
    overflow: hidden;
}

.home-tech-title {
    font-weight: 400;
}

.home-tech-desc {
    width: 89.5%;
    margin: 0.36rem auto 0;
}

.home-tech-desc, .home-tech-desc p {
    line-height: 1.65;
    font-weight: 300;
}

.home-data-item {
    width: auto;
}

.home-data-item:last-child {
    margin-right: 0;
}

.home-data-box.swiper {
    --gap: 0.975rem;
    margin: 0 calc(-1 * var(--gap)) 0;
}

.home-data-item.swiper-slide {
    width: auto;
    padding: 0 var(--gap);
    flex-shrink: 0;
    /* flex-grow: 1; */
    text-align: left;
}

/* ai-2026.8.20 start */
.home-tech-data {
    width: 100%;
    margin: 0 auto;
}

/* 桌面端：列表左边溢出隐藏、右边溢出保留（横向滚动跑马灯） */
@media (min-width: 1200px) {
    .home-tech-data {
        /* inset(top right bottom left)：right 为负值 = 不裁剪右侧，left:0 = 裁剪左侧 */
        clip-path: inset(0 -9999px 0 0);
    }
}

/* ai-2026.8.20 end */

.home-num-value {
    color: var(--colormain);
    white-space: nowrap;
    text-align: left;
    /* font-size: 90px; */
}

.home-data-name, .home-data-name p {
    color: var(--colormain);
    font-weight: 300;
    white-space: nowrap;
    text-align: left;
}

.home-tech-mark {
    --left: 0.9rem;
    width: calc(100% + var(--left) + 20px);
    position: absolute;
    left: calc(-1 * var(--left));
    top: 0;
    /* height: 100%; */
}

.home-tech-mark::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    content: '';
    margin-top: -50px;
    pointer-events: none;
}

.home-tech-mark img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: left top;
}

.home-tech-mark-ph {
    display: none;
}

/* home-about-end */

/* home-cases-start */
.home-cases {
    background: #fff;
    position: relative;
    margin-top: -20px;
    z-index: 5;
    overflow: visible;
}

.home-section-title {
    text-align: center;
    font-weight: 400;

}

.home-news .home-section-title {
    padding-right: 0.2rem;
}

.home-case-list {
    position: relative;
}

.home-case-item {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(var(--valueY));
    transform-origin: center top;
}

.home-case-item:first-child {
    position: relative;
}


.home-case-item:last-child {
    margin-bottom: 0;
}

.home-case-tag {
    width: fit-content;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fff;
    display: flex;
    align-items: center;
    font-weight: 300;
    position: absolute;
    top: 0;
    left: 0;
}

.home-case-tag span {
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 2px;
    background: #009651;
}

.home-case-detail {
    width: 32.8%;
    position: relative;
    display: flex;
    align-items: center;
}

.home-case-copy {
    width: 100%;
    padding-top: 0.59rem;
}

.home-case-title {
    color: var(--color333);
    font-weight: 300;
    line-height: 1.35;
}

.home-case-metric {
    padding: 0 var(--gap1);
    width: 50%;
    margin-bottom: calc(var(--gap1) * 2);
}

.home-case-metrics {

    display: flex;
    flex-wrap: wrap;
    --gap1: 0.15rem;
    margin: 0 calc(-1 * var(--gap1)) calc(-2 * var(--gap1));
    margin-top: 0.4rem;
}


.home-case-value {
    color: var(--color333);
    line-height: 1.2;
}

.home-case-value-number {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.home-case-unit {
    font-size: var(--font16);
}

.home-case-name {
    margin-top: 0.1rem;
    font-weight: 300;
}

.home-case-btn {
    margin-top: 0.8rem;
}

.home-case-media {
    width: 63.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-case-media .ys-imgbox-cover {
    border-radius: 0.14rem;
}

/* home-cases-end */

/* home-news-start */
.home-news {
    background: #fff;
}

.home-news-list {
    --gap: 0.16rem;
    margin: 0.52rem calc(-1 * var(--gap)) calc(-2 * var(--gap));
    display: flex;
    flex-wrap: wrap;
}

.home-news-item {
    width: 33.3333%;
    padding: 0 var(--gap);
    margin-bottom: calc(var(--gap) * 2);
}

.home-news-media {
    border-radius: 0.14rem;
}

.home-news-media .ys-imgbox-cover,
.home-news-media img {
    width: 100%;
    display: block;
}

.home-news-media img {
    transition: transform .8s var(--bezier1);
}

.home-news-date {
    margin-top: 0.32rem;
    line-height: 1.2;
    margin-top: 0.35rem;
}

.home-news-title {
    margin-top: 0.12rem;
    font-weight: 300;
    line-height: 1.3;
    color: #333;
}

.home-news-title a {
    color: var(--color333);
}

.home-news-btn {
    margin-top: 0.42rem;
}

/* home-news-end */


/* home - end */
/* 第二批 */
/* 分界线 */
/* 公共2 - start */
.ys-nybanner {
    position: relative;
}

.ys-nyban-img,
.ys-nyban-img picture,
.ys-nyban-img img {
    display: block;
    width: 100%;
}

.ys-nyban-title .std-font50 {
    color: var(--colorfff);
    font-size: var(--font50);
}

.ys-nyban-title .std-font50 {
    color: var(--colorfff);
    line-height: 1.2;
    text-align: center;
}

.mod-bread {
    position: absolute;
    top: 0.35rem;
    left: 0;
    z-index: 1;
    width: 100%;
}

.ys-bread {
    display: flex;
}

.ys-bread-list a {
    opacity: 0.6;
}

.ys-bread-list:last-child a {
    opacity: 1;
    font-weight: 300;
}

.ys-bread-list:not(:last-child)::before {
    opacity: 0.6;
}

/* 公共2 - end */
/* b1 - start */
.product-main .product-banner {
    overflow: hidden;
}

.product-main .product-banner .ys-nyban-img,
.product-main .product-banner .ys-nyban-img picture,
.product-main .product-banner .ys-nyban-img img {
    height: 4.57rem;
}

.product-main .product-banner .ys-nyban-img img {
    object-fit: cover;
    object-position: center top;
}

.product-main .product-banner .ys-nyban-title .ys-cont1600 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.product-main .std-font50 {
    font-size: var(--font50);
    line-height: 1.2;
    color: var(--colortitle)
}

.product-main .product-banner-copy {
    margin-top: .24rem;
}

.product-main .product-banner-copy, .product-main .product-banner-copy p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    text-align: center;
    font-weight: 300;
}

.product-content {
    background: #fff;
    overflow: visible;
}

.product-anchor.mod-anchor {
    position: sticky;
    top: var(--headh);
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 30;
    width: 100%;
    opacity: 1;
    transform: none;
    background: #fff;
    box-shadow: inset 0 -1px 0 #d0d0d0;
}

.product-anchor-list {
    display: flex;
    justify-content: center;
    --gap: 0.25rem;
    margin: 0 calc(-1 * var(--gap));

}

.product-anchor-item {
    display: flex;
    align-items: center;
    padding: 0 var(--gap);
}

.product-anchor-btn {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0.2rem 0 0.22rem 0.26rem;
    color: #000;
    cursor: pointer;
    transition: var(--transition);
    font-weight: 300;
    white-space: nowrap;
}

.product-anchor-btn::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D9D9D9;
    content: '';
    transition: var(--transition);
}

.product-anchor-btn::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background: #009944;
    content: '';
    width: 0;
    transform-origin: center;
    transition: var(--transition);
}

/* 
.product-anchor-item.act .product-anchor-btn {
    color: #009944;
} */

.product-anchor-item.act .product-anchor-btn::after {
    width: 100%;
}

.product-anchor-item.act .product-anchor-btn::before {
    background: var(--colormain);
}

.product-heading {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-title {
    margin: 0;
    font-weight: 400;
    text-align: center;
}

.product-download {
    margin-top: 0.24rem;
}

.product-download .std-btn1-link {
    min-width: 1.2rem;
    padding: .13rem .2rem;
}

.product-showcase {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.4rem;
}

.product-logo-outline {
    position: absolute;
    top: 25%;
    left: 50%;
    z-index: 0;
    width: 12.04rem;
    pointer-events: none;
    transform: translateX(-50%);
}

.product-logo-outline-img {
    display: block;
    width: 100%;
    height: auto;
}

.product-media {
    position: relative;
    z-index: 1;
    width: 6.35rem;
}

.product-showcase-wide .product-media {
    width: 6.62rem;
}

.product-feature-list-box {
    padding: .75rem 1.35rem 0;
    position: relative;
    z-index: 1;
    border-radius: .2rem;
    background: #fff;
    margin-top: -0.88rem;
}

.product-feature-list {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.625rem;
    margin: 0 calc(-1 * var(--gap1)) -0.5rem;
}

.product-feature-item {
    display: flex;
    align-items: center;
    width: 33.3333%;
    padding: 0 var(--gap1);
    margin-bottom: 0.5rem;
}

.product-feature-icon {
    --wh: 0.78rem;
    width: var(--wh);
    height: var(--wh);
    border-radius: 50%;
    background: #F4F7F5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.product-feature-icon .ys-imgbox-cover {
    width: 59%;
}

.product-feature-copy {
    min-width: 0;
    margin-left: .41rem;
}


.product-feature-title {
    color: #333;
    font-weight: 300;
}

.product-feature-text {
    margin-top: .15rem;
    color: #666;
}

.product-feature-text, .product-feature-text p {
    font-weight: 300;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.product-app {
    position: relative;
    z-index: 1;
    margin-top: 0.93rem;
}

.product-app-title {
    margin: 0;
    font-weight: 300;
    text-align: center;
}

.product-app-list {
    display: flex;
    margin: .6rem calc(-1 * var(--gap)) calc(-1 * var(--gap));
    flex-wrap: wrap;
    --gap: 0.2rem;
}

.product-app-item {
    width: 16.666666%;
    position: relative;
    padding: 0 var(--gap);
    margin-bottom: calc(2 * var(--gap));
}

.product-app-item:not(:nth-child(6n-5))::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 61%;
    content: '';
    background: rgba(204, 204, 204, 1);
    left: 0;
}

.product-app-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
}

.product-app-icon {
    position: relative;
    width: .58rem;
    flex-shrink: 0;
    aspect-ratio: 1;
}

.product-app-vector-frame {
    position: absolute;
    display: block;
}

.product-app-vector {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
}

.product-app1-vector1 {
    inset: 27.44% 14.94% 27.44% 6.61%;
}

.product-app1-vector2 {
    inset: 41.67% 4.17% 41.67% 87.5%;
}

.product-app1-vector3 {
    top: 42.03%;
    bottom: 42.03%;
}

.product-app1-bar1 {
    left: 25.36%;
    right: 71.19%;
}

.product-app1-bar2 {
    left: 37.86%;
    right: 58.69%;
}

.product-app1-bar3 {
    left: 50.36%;
    right: 46.19%;
}

.product-app1-bar4 {
    left: 62.86%;
    right: 33.69%;
}

.product-app2-vector1 {
    inset: 5.17%;
}

.product-app3-vector1 {
    inset: 21.19% 6.61% 6.61%;
}

.product-app3-vector2 {
    left: 6.61%;
    right: 6.61%;
}

.product-app3-row1 {
    top: 58.69%;
    bottom: 25.36%;
}

.product-app3-row2 {
    top: 39.94%;
    bottom: 44.11%;
}

.product-app3-vector3 {
    inset: 6.61% 6.61% 64.94%;
}

.product-app4-vector1 {
    inset: 80.66% 27.06% 8.69%;
}

.product-app4-vector2 {
    inset: 18.66% 59.91% 33.83% 12.86%;
}

.product-app4-vector3 {
    inset: 18.66% 12.86% 33.83% 59.91%;
}

.product-app4-vector4 {
    inset: 62.86% 8.69% 12.86% 67.03%;
}

.product-app4-vector5 {
    inset: 62.86% 67.03% 12.86% 8.69%;
}

.product-app4-vector6 {
    inset: 6.61% 37.86% 69.12%;
}

.product-app5-vector1 {
    inset: 6.61% 27.45% 48.28% 48.28%;
}

.product-app5-vector2 {
    inset: 27.45% 6.61% 27.45% 48.28%;
}

.product-app5-vector3 {
    inset: 27.45% 48.28% 48.28% 6.61%;
}

.product-app5-vector4 {
    inset: 48.28% 48.28% 6.61% 27.45%;
}

.product-app6-vector1 {
    inset: 6.61%;
}

.product-app6-vector2 {
    inset: 27.45% 35.78%;
}

.product-app-name {
    margin-top: .23rem;
    color: inherit;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    transition: color .3s ease;
}

.product-download-modal .ys-modal-mask {
    background: rgba(25, 37, 33, .46);
}

.product-download-modal .ys-modal-wrap {
    padding: .4rem 0;
}

.product-download-modal .ys-modal-container {
    display: block;
    width: 12.56rem;
    max-width: calc(100vw - .8rem);
    background: #fff;
    border-radius: .2rem;
}

.product-download-modal .ys-modal-close {
    position: absolute;
    top: .2rem;
    right: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .36rem;
    height: .36rem;
    margin: 0;
    border-radius: 50%;
    color: #20352d;
    font-size: .2rem;
    font-weight: 400;
}

.product-download-modal .ys-modal-content {
    box-sizing: border-box;
    width: 100%;
    padding: 0.6rem 1.36rem;
    border-radius: .2rem;
    background: #fff;
}

.product-modal-title {
    margin-bottom: 0.35rem;
    text-align: center;
}

.product-contact-form {
    --space: .08rem;
    --spacebot: .2rem;
    --spacein: .26rem;
    --height: .4rem;
    --colortips: #f00;
}

.product-form-quarter {
    width: 25%;
}

.product-form-wide,
.product-form-code {
    width: 100%;
}

.product-form-label {
    display: block;
}

.product-contact-form .ys-fii-name {
    display: block;
    margin-bottom: .08rem;
    color: #333;
    font-weight: 300;
    line-height: 1.75;
}

.product-contact-form .ys-fii-name em {
    color: #e34747;
    font-style: normal;
}

.product-contact-form .ys-fii-input {
    border: 1px solid #e3e7e5;
    border-radius: .04rem;
    background: #f5f7f6;
}

.product-contact-form .ys-fii-input input,
.product-contact-form .ys-fii-input textarea {
    color: #333;
    font-size: .16rem;
    line-height: 1.75;
    transition: var(--transition);
}

.product-contact-form .ys-fii-input input {
    height: calc(var(--height) - 2px);
}

.product-contact-form .ys-fii-input textarea::placeholder {
    color: #999;
}

.product-contact-form .ys-fic-auth {
    display: flex;
    align-items: center;
    width: 4.41rem;
}

.product-contact-form .ys-fic-auth label {
    flex-grow: 1;
}

.product-form-agreement {
    margin-top: .04rem;
    margin-bottom: .3rem;
}

.product-contact-form .ys-fia-text {
    align-items: flex-start;
}

.product-contact-form .ys-fia-text-btn {
    top: 4px;
    width: 10px;
    height: 10px;
}

.product-contact-form .ys-fia-text-btn::before {
    border-color: #b6bdb9;
    border-radius: 2px;
}

.product-contact-form .ys-fia-text-btn::after {
    width: .04rem;
    height: .07rem;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: transparent;
    transform: translate(-50%, -58%) rotate(45deg);
}

.product-contact-form .ys-form-inof-agree.on .ys-fia-text-btn::before {
    border-color: #009944;
    background: #009944;
}

.product-contact-form .ys-fia-text-word {
    color: #666;
    font-weight: 300;
}

.product-contact-form .ys-fia-text-word a {
    color: #009944;
}

.product-form-submit-wrap {
    margin-bottom: 0;
    text-align: center;
}

.product-form-submit {
    width: 1.68rem;
    height: .44rem;
    margin: 0 auto;
    border: 0;
    padding: 0;
    border-radius: .22rem;
    background: #009651;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: .15rem;
    line-height: .44rem;
    transition: background-color .3s ease;
}

/* b1 - end */
/* c1 - start */
.solution-area {
    background: #ffffff;
}

.solution-main .solution-area:nth-of-type(odd) {
    background: #f4f7f6;
}

.solution-area-core {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.solution-intro {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.solution-title {
    color: #20352d;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0.21rem
}

.solution-copy,
.solution-copy p {
    color: #666666;
    font-weight: 300;
    line-height: 1.75;
}

.solution-more {
    margin-top: 0.4rem;
}

.solution-case-wrap {
    margin-top: 0.9rem;
}

.solution-case-inof {
    --gap: 0.2rem;
    margin: 0 calc(-1 * var(--gap));
}


.solution-case-inof-item {
    padding: 0 var(--gap);
}

.solution-case-card {
    display: flex;
    background: var(--colorbj);
    padding: 0.3rem 0.46rem 0.3rem 0.36rem;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 0.14rem;
}

.solution-area:nth-of-type(odd) .solution-case-card {
    background: #ffffff;
}

.solution-case-media {
    width: 49%;
    border-radius: 0.1rem;
}

.solution-case-media img:nth-child(2) {
    display: block;
    width: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.solution-case-info {
    display: flex;
    flex-direction: column;
    width: 46%;
    justify-content: space-between;
}

.solution-case-title {
    color: #20352d;
    font-weight: 300;
    line-height: 1.5;
}

.solution-case-link {
    display: flex;
    align-items: center;
    color: #009944;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 0.4rem;
}


.solution-case-inof .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: rgba(196, 196, 196, 0.4);
}


.solution-case-inof.std-dots1 .slick-dots .slick-active {
    background: var(--colormain);
}

.solution-feature-side {
    width: 44.625%;
    padding-left: 0.65rem;
    border-left: 2px solid #dce2df;
    position: relative;
    margin-top: 0.14rem;
    min-height: 5.95rem;
}


.solution-feature-inof-item:not(:last-child) {
    margin-bottom: 0.88rem;
}

.solution-feature-title {
    color: var(--colormain);
    line-height: var(--line15);
    margin-bottom: 0.11rem;
}

.solution-feature-copy,
.solution-feature-copy p {
    color: #666;
    font-weight: 300;
    line-height: var(--line175);
}

.solution-feature-scroll {
    position: absolute;
    height: 100%;
    width: 100%;
}

/* c1 - end */
/* c2 - start */
.transit-content {
    overflow: visible;
    padding-top: 1.04rem
}

.transit-solution-list {
    position: relative;
    display: block;
}

.transit-layout {
    position: relative;
}

.transit-solution-item {
    width: 100%;
}


.transit-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1.37rem;
    flex-wrap: wrap;
}

.transit-media {
    width: 53.5%;
    flex: none;
    border-radius: 14px;
}


.transit-copy {
    width: 38%;
}

.transit-title {
    color: #333333;
}

.transit-copy-text {
    margin-top: .25rem;
}

.transit-copy-text,
.transit-copy-text p {
    font-weight: 300;
}

.transit-feature-carousel {
    position: relative;
    margin-top: .7rem;
}

.transit-feature-inof {
    --gap1: 0.16rem;
    margin: 0 calc(var(--gap1) * -1);
}


.transit-feature-inof.slick-initialized .transit-feature-item {
    display: flex;
}

.transit-feature-item {
    width: 25%;
    padding: 0 var(--gap1);
    display: flex;
}

.transit-feature-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0.35rem 0;
    border-top: 1px solid #009944;
}

.transit-feature-title {
    color: #333333;
    font-weight: 300;
}

.transit-feature-copy {
    margin-top: .14rem;
}

.transit-feature-copy,
.transit-feature-copy p {
    color: #666666;
    font-weight: 300;
}

/* c2 - end */
/* c3 - start */
.case-content {
    padding-top: var(--space120);
    overflow: visible;
}

.case-layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.case-filter {
    position: sticky;
    top: calc(var(--headh) + .3rem);
    width: 19.9375%;
}

.case-filter-head {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .22rem;
    border-bottom: 1px solid rgba(204, 204, 204, 0.6);
    cursor: pointer;
}

.case-filter-inof-item:not(:first-child) .case-filter-head {
    padding-top: 0.34rem;
}

.case-filter-head .ys-sit-name {
    color: #333;
    padding-right: 0.2rem;
}

.case-filter-icon {
    width: .2rem;
    height: .2rem;
    transition: var(--transition);
}

.case-filter-icon::before,
.case-filter-icon::after {
    display: none;
}

.case-filter-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.case-search-submit img {
    display: block;
    width: 100%;
}

.case-filter-inof-item:not(.on) .case-filter-icon {
    transform: rotate(180deg);
}

.case-filter-body {
    display: none;
    padding-top: .21rem;
}


.case-filter-child-item {
    position: relative;
}

.case-filter-child-item:not(:last-child) {
    margin-bottom: 0.1rem;
}

.case-filter-link {
    display: block;
    color: #333;
    position: relative;
    z-index: 1;
    font-weight: 300;
    border-radius: 0.1rem;
    transition: var(--transition);
}

.case-results {
    width: 74.5%;
}

.case-toolbar {
    display: flex;
    justify-content: space-between;
    margin-top: -.14rem;
    margin-bottom: .39rem;
    align-items: flex-end;
    flex-wrap: wrap;
}

.case-result-number {
    color: #009944;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.case-search {
    display: flex;
    align-items: center;
    width: 36.913%;
    border: 1px solid #e5e5e5;
    border-radius: .6rem;
    position: relative;
    --wh: 0.22rem;
    --gap: 0.3rem;
}

.case-search-input {
    position: relative;
    padding: 0 calc(var(--wh) + var(--gap) + 0.2rem) 0 var(--gap);
    color: #333;
    height: 48px;
    width: 100%;
    font-weight: 300;
}

.case-search-input::placeholder {
    color: #999 !important;
}

.case-search-submit {
    width: var(--wh);
    position: absolute;
    right: var(--gap);
    top: 50%;
    transform: translateY(-50%);
}

.case-card-inof {
    --gap1: .16rem;
    --gap2: .7rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--gap1) * -1) 0.1rem;
}

.case-card-inof-item {
    width: 33.3333%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.case-card-inof-item-link {
    /* display: block; */
    text-decoration: none;
    padding-bottom: .37rem;
    border-bottom: 1px solid rgba(204, 204, 204, 0.6);
    width: 100%;
    height: 100%;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
}

.case-card-media {
    width: 100%;
    border-radius: .14rem;
}

.case-card-copy {
    padding-top: .3rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.case-card-meta {
    display: flex;
    align-items: center;
}

.case-card-tag {
    color: #666;
    white-space: nowrap;
}

.case-card-category {
    color: #009944;
}

.case-card-meta-line {
    width: 1px;
    height: .15rem;
    margin: 0 .16rem;
    background: #d9d9d9;
}

.case-card-title {
    margin-top: .13rem;
    color: #333;
    font-weight: 300;
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.case-card-btn {
    margin-top: .36rem;
}

.case-card-rule {
    height: 1px;
    margin-top: .36rem;
    background: #e8e8e8;
}

.case-pagination {
    display: flex;
    justify-content: center;
    margin-top: .8rem;
}

.case-pagination .pc-fenye {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.case-pagination .pc-fenye>a,
.case-pagination .pc-fenye>li {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin: 0 16px 0 0;
}

.case-pagination .pc-fenye>a {
    display: block;
    float: none;
    color: #666;
}

.case-pagination .pc-fenye>li,
.case-pagination .pc-fenye>a>li {
    display: flex;
    float: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 30px;
    color: #666;
    font-family: "Microsoft YaHei Light", "Microsoft YaHei", sans-serif;
    font-size: var(--font16);
    font-weight: 300;
    line-height: 1.6;
}

.case-pagination .pc-fenye>a>li {
    margin: 0;
}

.case-pagination .pc-fenye> :last-child {
    margin-right: 0;
}

.case-pagination .pc-fenye .activepage {
    border-radius: 30px;
    background: var(--colormain);
    color: var(--colorfff);
}

/* c3 - end */
/* c4 - start */
.case-detail {
    overflow: visible;
    position: relative;
    padding-top: 1.13rem;
}


.case-core {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.case-article {
    width: 62.96875%;
}

.case-top {
    padding-bottom: .29rem;
    border-bottom: 1px solid rgba(204, 204, 204, 0.6);
    margin-bottom: 0.5rem
}

.case-recommend-title {
    color: var(--color333);
    margin-bottom: 0.38rem;
}

.case-tag-list {
    display: flex;
    --gap: 0.16rem;
    margin: 0 calc(-1 * var(--gap));
}

.case-top .case-tag-list {
    margin-top: 0.19rem;
}

.case-tag-item {
    flex: none;
    white-space: nowrap;
    padding: 0 0.16rem;
    position: relative;
}

.case-tag-item:not(:first-child)::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 0.15rem;
    background: rgba(204, 204, 204, 0.6);
    transform: translateY(-50%);
    content: '';
}

.case-tag-green {
    color: #009944;
}

.case-tag-gray {
    color: #666666;
}

.case-media {
    width: 100%;
}

.case-media-img {
    display: block;
    width: 100%;
}


.case-copy img {
    border-radius: .14rem;
}

.case-copy.yxedr-active p {
    font-weight: 300;
    margin-bottom: 0.12rem
}

.case-recommend {
    position: sticky;
    top: 1.2rem;
    width: 25.5%;
    margin-top: .08rem;
}


.case-recommend-item {

    border-bottom: 1px solid rgba(204, 204, 204, 0.6);
}

.case-recommend-item:not(:first-child) .case-recommend-link {
    padding-top: .35rem;
}

.case-recommend-link {
    padding-bottom: .35rem;
}


.case-recommend-link {
    display: block;
    color: inherit;
}

.case-recommend-name {
    margin-top: .13rem;
    color: #333;
    transition: var(--transition);
    font-weight: 300;
}

/* c4 - end */
/* d1 - start */
.innovation-platform {
    background: #fff;
}

.innovation-title {
    text-align: center;
}

.innovation-title .std-font40 {
    color: #20352d;
    line-height: var(--line15);
}

.innovation-platform-slick {
    position: relative;
    overflow: visible;
    margin-top: 0.57rem;
}


.innovation-platform-card {
    display: flex;
    /* align-items: stretch; */
    position: relative;
    /* aspect-ratio: 1600 / 490; */
    justify-content: flex-end;
    flex-wrap: wrap;
    height: 100%;
}

.innovation-team-card {
    width: 53.5%;
    margin-top: .01rem;
    padding: .55rem .52rem;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 53%;
    padding-right: 1.6rem;
    padding-bottom: 1px;
    height: 100%;

}

.innovation-team-card::before {
    /* content: ''; */
    position: absolute;
    inset: 0;
    z-index: -1;
    /* transform: scaleY(-1);
    background: url('../images/d1_team_card.svg') center / 100% 100% no-repeat; */
    background: url('../images/d1_cust_line.svg') center / 100% 100% no-repeat;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.innovation-team-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.innovation-team-card-bg img {
    width: 100%;
    height: 100%;
    height: calc(100% - 1px);
}

.innovation-team-icon {
    width: .62rem;
    height: .62rem;
    flex-shrink: 0;
    margin-bottom: 0.42rem
}

.innovation-team-icon-image {
    height: 100%;
    object-fit: contain;
}

.innovation-team-title {
    color: #333;
    font-weight: 400;
    line-height: 1.5;
    padding-bottom: .36rem;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid rgba(204, 204, 204, 0.6);
}

.innovation-team-line {
    width: 100%;
    height: 1px;
    margin-top: .36rem;
    background: #e6e9e7;
}

.innovation-team-copy,
.innovation-team-copy p {
    font-weight: 300;
}

.innovation-team-copy {
    width: 71.5%;
    margin-bottom: 0.62rem;
}

.innovation-team-media {
    width: 58.75%;
    /* margin-left: -12.25%; */
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    width: 53.2%;
}

/* 
.innovation-team-media-image {
    width: 100%;
    margin-bottom: -.01rem;
    border-radius: 0;
    -webkit-mask: url('../images/d1_img1_mask.svg') right bottom / 90.6882% 90.9217% no-repeat;
    mask: url('../images/d1_img1_mask.svg') right bottom / 90.6882% 90.9217% no-repeat;
} */
.innovation-team-media-image {
    position: relative;
    width: 100%;
    height: 100%;
}

.innovation-team-media-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-mask: url(../images/d1_img1_mask.svg) no-repeat;
    mask: url(../images/d1_img1_mask.svg) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.innovation-team-media-placeholder {
    display: block;
    width: 100%;
}

/* 
.innovation-team-media-image img.innovation-team-media-source {
    height: 100%;
    top: 5.74%;
    left: -14.28%;
} */

.mod-arrows2 .slick-prev,
.mod-arrows2 .slick-next {
    width: .24rem;
    height: .24rem;
    top: auto;
    bottom: .73rem;
    z-index: 2;
    background: transparent;
    cursor: pointer;
    transition: var(--transition);
    bottom: .6rem;
}

.mod-arrows2 .slick-prev {
    left: .52rem;
}

.mod-arrows2 .slick-next {
    right: auto;
    left: .9192rem;
}

.mod-arrows2 .slick-prev::before,
.mod-arrows2 .slick-next::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    content: '';
    background: url('../images/d1_icon21.svg') center / contain no-repeat;
    transform: translate(-50%, -50%);
    transition: var(--transition);
}

.mod-arrows2 .slick-prev::after,
.mod-arrows2 .slick-next::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    content: '';
    background: url('../images/d1_icon2.svg') center / contain no-repeat;
    transform: translate(-50%, -50%);
    transition: var(--transition);
    opacity: 0;
}

.mod-arrows2 .slick-prev::before,
.mod-arrows2 .slick-prev::after {
    transform: translate(-50%, -50%) rotate(180deg);
}

.mod-arrows2 .slick-arrow.slick-disabled {
    opacity: 0.4 !important;
}

.innovation-awards-wrap {
    --innovation-award-progress: 15.2941%;

    margin-top: var(--space110);
}

.innovation-award-item-box {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: .6rem .3672rem;
    border-radius: .16rem;
    background: #f4f7f5;
    width: 100%;
    height: 100%;
}

.innovation-award-media {
    width: 100%;
    flex: 0 0 auto;
    position: relative;
}


.innovation-award-name {
    width: 100%;
    margin-top: .27rem;
    color: #333;
    line-height: var(--line15);
    text-align: center;
}

.innovation-award-controls {
    padding: 0 var(--gap1);
    margin-top: .6rem;
    display: flex;
    align-items: center;
}

.innovation-award-control {
    position: relative;
    width: .5rem;
    aspect-ratio: 1;
    padding: 0;
    border: .02rem solid rgba(0, 153, 68, .4);
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    cursor: pointer;
    appearance: none;
}

.innovation-award-next {
    margin-left: .1042rem;
}

.innovation-award-control::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: .24rem;
    height: .24rem;
    margin: 0;
    content: '';
    background: url('../images/d1_icon4.svg') center / contain no-repeat;
    transform: translate(-50%, -50%);
}

.innovation-award-prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.innovation-award-progress {
    flex: 1 1 auto;
    height: 1px;
    margin-left: .45rem;
    overflow: hidden;
    background: rgba(204, 204, 204, .6);
}

.innovation-award-progress-fill {
    display: block;
    width: var(--innovation-award-progress);
    height: 100%;
    background: #009944;
    transition: width .3s ease;
}

.innovation-award-control.swiper-button-disabled {
    cursor: default;
    opacity: .4;
    pointer-events: none;
}

.innovation-results {
    background: #f3f7f5;
}

.innovation-results-main {
    margin-top: .61rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.innovation-roadmap-list {

    position: relative;
}

.innovation-results-main-le {
    width: 53.5%;
}

.innovation-roadmap-media {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: .14rem;
}

.innovation-roadmap-list {
    --gap1: 0.2rem;
    margin: 0 calc(var(--gap1) * -1);
}

.innovation-roadmap-item {
    padding: 0 var(--gap1);
}

.innovation-roadmap-tabs {
    position: relative;
    margin-top: .07rem;
    padding-top: .51rem;
    width: 40.5%;
    border-top: 1px solid rgba(204, 204, 204, 0.6);
}


.innovation-roadmap-tab {
    color: #333;
    font-size: var(--font32);
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    opacity: .4;
    transition: var(--transition);
    position: relative;
}

.innovation-roadmap-tab:not(:last-child) {
    margin-bottom: 0.36rem;
}

.innovation-roadmap-trigger {
    cursor: pointer;
    transition: var(--transition);
}

.innovation-roadmap-tab.is-active .innovation-roadmap-trigger {
    transform: translateX(0.39rem);
}

.innovation-roadmap-tab::after {
    position: absolute;
    top: 0.19rem;
    left: 0;
    width: 0.16rem;
    height: 0.1rem;
    content: '';
    background: url('../images/d1_icon5.svg') center / contain no-repeat;
    opacity: 0;
    transition: var(--transition);

}


.innovation-roadmap-tab.is-active {
    opacity: 1;
}

.innovation-roadmap-tab.is-active::after {
    opacity: 1;
}

.innovation-data-list {
    --gap1: 0.16rem;
    display: flex;
    margin: 0.9rem calc(var(--gap1) * -1) calc(var(--gap1) * -2);
    flex-wrap: wrap;
}

.innovation-data-item {
    padding: 0 var(--gap1);
    width: 25%;
    margin-bottom: calc(var(--gap1) * 2);

}

.innovation-data-item-box {
    padding-top: 0.31rem;
    border-top: 1px solid #009944;
    padding-top: 0.13rem;
}

.innovation-data-value,
.innovation-data-value span {
    color: #20352d;
    font-weight: 400;
    line-height: 1.2;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.innovation-data-number {
    display: inline-block;
}

.innovation-data-unit {
    margin-left: .07rem;
    font-size: var(--font40);
}

.innovation-data-name {
    margin-top: 2px;
    color: var(--colormain);
    font-weight: 300;
}

.innovation-library {
    background: #fff;
}

.innovation-library-list {
    margin-top: .64rem;
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.16rem;
    margin: 0.59rem calc(var(--gap1) * -1) calc(var(--gap1) * -2);
}

.innovation-library-item {
    width: 33.3333%;
    padding: 0 var(--gap1);
    margin-bottom: calc(var(--gap1) * 2);
}

.innovation-library-link {
    padding: .4rem .3rem .2rem;
    border: 1px solid #d1d2d4;
    border-radius: .16rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f9f9f9;
    cursor: pointer;
    transition: var(--transition);
    min-height: 2.8rem;
    width: 100%;
    height: 100%;
}

.innovation-library-type {
    color: #009944;
    transition: var(--transition);
}

.innovation-library-type {
    line-height: 1.75;
}

.innovation-library-name {
    margin-top: 4px;
    color: #333;
    line-height: 1.5;
    font-weight: 300;
    transition: var(--transition);
}

.innovation-library-footer {
    margin-top: .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.innovation-library-date {
    color: #999;
    font-weight: 300;
    line-height: 1.75;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
    transition: var(--transition);
    padding-right: .2rem;
}

.innovation-library-download {
    --wh: 0.4rem;
    width: var(--wh);
    height: var(--wh);
    flex: none;
    border: 1px solid #d6ddd9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
}

.innovation-library-download img {
    width: .14rem;
    height: auto;
    object-fit: contain;
}

/* d1 - end */
/* e1 - start */
.service-promise,
.service-flow,
.service-support {
    overflow: visible;
}

.service-promise {
    background: #f3f7f4;

    --top: 0.5rem;
    --martop: 0.6rem;
    --alltop: var(--space140) + var(--headh) + var(--height1) + var(--martop)
}

.service-title {
    text-align: center;
}

.service-promise .service-title {

    position: sticky;
    top: calc(var(--space140) + var(--headh));
}

.service-promise .service-title {
    text-align: left;
    /* position: sticky;
    top: calc(var(--headh) + var(--top)); */
    margin-bottom: calc(var(--space140) + 500px)
}

.service-promise-list {
    margin-top: calc(-500px + var(--martop) - var(--space140));
    position: relative;
}

.service-promise-item {
    position: sticky;
    z-index: 1;
    display: flex;
    /* align-items: flex-start; */
    margin-bottom: .2rem;
    padding: .22rem .25rem;
    border-radius: .2rem;
    overflow: hidden;
    /* position: relative; */

}

/* .service-promise-item:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
} */

.service-promise-item:nth-child(4n-3) {
    z-index: 1;
    background: #ddf1e4;
    top: calc(var(--alltop));
}

.service-promise-item:nth-child(4n-2) {
    z-index: 2;
    background: #b7dfc1;
    top: calc(var(--alltop) + 70px);
}

.service-promise-item:nth-child(4n-1) {
    z-index: 3;
    background: #81cda0;
    top: calc(var(--alltop) + 70px * 2);
}

.service-promise-item:nth-child(4n) {
    z-index: 4;
    background: #1bb66e;
    top: calc(var(--alltop) + 70px * 3);
}

.service-promise-num {
    width: 29%;
    color: #263d31;
}

.service-promise-copy {
    width: 34%;
    padding-top: .04rem;
    /* flex: 0 0 auto; */
}

.service-promise-name {
    color: #253e31;
    font-weight: 300;
}

.service-promise-desc {
    margin-top: 1.48rem;
}

.service-promise-desc, .service-promise-desc p {
    color: #fff;
}

.service-promise-media {
    width: 33.875%;
    margin-left: 3.125%;
    border-radius: .14rem;
    background: rgba(255, 255, 255, .18);
    aspect-ratio: 542 / 305;
    overflow: hidden;
}

.service-promise-media img {
    display: block;
    width: 100%;
    height: auto;
}

.service-promise-media.ys-imgbox-cover img {
    height: 100%;
    object-fit: cover;
}

.service-promise-media.ys-imgbox-cover img:nth-child(2) {
    position: absolute;
    inset: 0;
}

.service-promise-item:nth-child(4n-3) .service-promise-desc, .service-promise-item:nth-child(4n-3) .service-promise-desc p, .service-promise-item:nth-child(4n-2) .service-promise-desc, .service-promise-item:nth-child(4n-2) .service-promise-desc p {
    color: #496457;
}

.service-promise-item:nth-child(4n-1) .service-promise-num,
.service-promise-item:nth-child(4n-1) .service-promise-name,
.service-promise-item:nth-child(4n-1) .service-promise-desc,
.service-promise-item:nth-child(4n-1) .service-promise-desc p,
.service-promise-item:nth-child(4n) .service-promise-num,
.service-promise-item:nth-child(4n) .service-promise-name,
.service-promise-item:nth-child(4n) .service-promise-desc,
.service-promise-item:nth-child(4n) .service-promise-desc p {
    color: #fff;
}

.service-flow {
    background: #fff;
}

.service-flow-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    --bot: 1.2rem;
    --gap1: 0.7rem;
    --gap2: 0.16rem;
    margin: 0.88rem calc(var(--gap2) * -1) calc(-1 * var(--bot));
}

.service-flow-item {
    position: relative;
    width: 25%;
    padding: 0 var(--gap2);
    margin-bottom: var(--bot);
}

.service-flow-item:nth-child(5) {
    order: 7;
}

.service-flow-item:nth-child(6) {
    order: 6;
}

.service-flow-item:nth-child(7) {
    order: 5;
}

.service-flow-item::before {
    content: '';
    position: absolute;
    top: .17rem;
    left: calc(var(--gap1) + var(--gap2));
    width: calc(100% - var(--gap1) - (var(--gap2) * 2));
    border-top: 1px solid #d6ddd8;
}

.service-flow-item::after {
    content: '';
    position: absolute;
    top: .13rem;
    right: var(--gap2);
    width: .08rem;
    aspect-ratio: 1;
    border-top: 1px solid #d6ddd8;
    border-right: 1px solid #d6ddd8;
    transform: rotate(45deg);
}

/* .service-flow-item:nth-child(4)::before {
    width:  calc(100% - var(--gap1) - (var(--gap2) * 2));
} */

.service-flow-item:nth-child(4)::after {
    top: .17rem;
    right: 0;
    width: .34rem;
    height: calc(100% + var(--bot) - 1px);
    border: 1px solid #d6ddd8;
    border-left: 0;
    border-radius: 0 .24rem .24rem 0;
    transform: none;
}

.service-flow-item:nth-child(5)::before, .service-flow-item:nth-child(6)::before, .service-flow-item:nth-child(7)::before {
    left: calc(var(--gap1) + var(--gap2));
}

.service-flow-item:nth-child(5)::before {
    width: calc(150% - var(--gap1) - (var(--gap2) * 2));
}

.service-flow-item:nth-child(5)::after, .service-flow-item:nth-child(6)::after, .service-flow-item:nth-child(7)::after {
    right: auto;
    left: calc(var(--gap1) + var(--gap2));
    transform: rotate(-135deg);
}

.service-flow-num {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    --wh: 0.36rem;
    width: var(--wh);
    height: var(--wh);
    border-radius: 50%;
    background: #009944;
    color: #fff;
}

.service-flow-name {
    margin-top: .3rem;
    color: #20352D;
    font-weight: 300;
}

.service-flow-desc {
    margin-top: .16rem;
    padding-right: var(--gap1);
}

.service-flow-desc, .service-flow-desc p {
    color: #666;
    font-weight: 300;
}

.service-support {
    background: #f3f7f4;
}

.service-support-list {
    position: relative;
    --gap1: 0.16rem;
    margin: .6rem calc(-1 * var(--gap1)) 0;
}

.service-support-item {
    width: 33.333333%;
    padding: 0 var(--gap1);
}

.service-support-item-box {
    padding: .7rem .55rem .43rem;
    border-radius: .2rem;
    background: #fff;
    width: 100%;
    height: 100%;
}

.service-support-icon {
    width: .62rem;
}

.service-support-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.service-support-name {
    margin-top: .44rem;
    color: #333;
}

.service-support-desc {
    margin-top: .2rem;
}

.service-support-desc, .service-support-desc p {
    font-weight: 300;
}

.service-support-desc p+p {
    margin-top: 0;
}

.service-cta {
    position: relative;
    overflow: hidden;
}

.service-cta::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(5, 37, 31, 0.72) 0%, rgba(0, 91, 60, 0.72) 100%);
    backdrop-filter: blur(70px);
    -webkit-backdrop-filter: blur(70px);
    content: '';
    opacity: 0;
}


.service-cta-bg, .service-cta-bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.service-cta-bg img {
    display: block;
    object-fit: cover;
    object-position: center top;
}

.service-cta-core {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.33rem 0;
    flex-wrap: wrap;
}

.service-cta-copy {
    width: 50%;
}

.service-cta-title, .service-cta-title p {
    color: #fff;
    font-weight: 300;
}

.service-cta-desc {
    margin-top: .3rem;
}

.service-cta-desc, .service-cta-desc p {
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
}

.service-cta-list {
    display: flex;
    width: 45%;
}

.service-cta-item {
    width: 50%;
    padding: .04rem 0 .04rem .4rem;
    border-left: 1px solid rgba(255, 255, 255, .76);
}

.service-cta-icon {
    display: block;
    width: .4rem;
    aspect-ratio: 1;
}

.service-cta-icon img {
    height: 100%;
    object-fit: contain;
}

.service-cta-name {
    margin-top: .34rem;
    color: #fff;
    font-weight: 300;
}

.service-cta-detail {
    margin-top: .16rem;
}

.service-cta-detail, .service-cta-detail p {
    color: rgba(255, 255, 255, 1);
    line-height: var(--line15);
    font-weight: 300;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.service-cta-detail-link {
    color: inherit;
    text-decoration: none;
}

/* e1 - end */
/* e2 - start */
.faq-content {
    overflow: visible;
    position: relative;
    padding-top: var(--space120);
}


.faq-layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.faq-side {
    width: 25%;
    flex: none;
    position: sticky;
    top: var(--space150);
}

.faq-title,
.faq-heading,
.faq-question {
    margin: 0;
}

.faq-title {
    color: #20352d;
    line-height: 1.2;
}

.faq-anchor {
    margin-top: .47rem;
}

.faq-anchor.mod-anchor .faq-anchor-inof {
    display: block;
}

.faq-anchor-item:not(:last-child) {
    margin-bottom: .14rem;
}

.faq-anchor-btn {
    position: relative;
    display: block;
    color: #666666;
    font-size: var(--font16);
    font-weight: 300;
    line-height: 1.75;
    cursor: pointer;
    transition: var(--transition);
    padding-left: 0.27rem;
}

.faq-anchor-item {
    position: relative;
}

.faq-anchor-item.act .faq-anchor-btn {
    transform: translateX(0.11rem);
    color: #009944;
}

.faq-anchor-item::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    content: "";
    background: #009944;
    transform: translateY(-50%);
    transition: var(--transition);
}

.faq-anchor-item.act::before {
    width: 0.25rem;
}

.faq-core {
    width: 66%;
    padding-top: .45rem;
}

.faq-group:not(:last-child) {
    margin-bottom: var(--space100);
}

.faq-heading {
    color: #333333;
    line-height: 1.5;
    margin-bottom: 0.29rem
}

.faq-inof {
    border-top: 1px solid rgba(51, 51, 51, .1);
}

.faq-inof-item {
    border-bottom: 1px solid rgba(51, 51, 51, .1);
    --width: 83.7%;
}

.faq-inof-top {
    align-items: center;
    justify-content: space-between;
    padding: .26rem 0 .26rem;
    cursor: pointer;
}

.faq-core .ys-sit-icon {
    width: 0.2rem;
    height: 0.2rem;
}

.faq-core .ys-sit-icon::after, .faq-core .ys-sit-icon::before {
    background: #333;
}

.faq-question {
    padding-right: .2rem;
    color: #333333;
    font-weight: 400;
    line-height: 1.5;
    transition: var(--transition);
    width: var(--width);

}

.faq-icon {
    position: relative;
    flex: none;
    width: .23rem;
    height: .23rem;
}

.faq-icon-open,
.faq-icon-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease;
}

.faq-icon-close {
    opacity: 0;
}


.faq-inof-item.on .faq-question {
    color: var(--colormain);
}

.faq-inof-item.on .faq-icon-open {
    opacity: 0;
}

.faq-inof-item.on .faq-icon-close {
    opacity: 1;
}

.faq-answer {
    color: #666666;
    font-weight: 300;
    line-height: 1.75;
    width: var(--width);
    margin-top: -0.1rem;
    margin-bottom: 0.26rem;
}


/* e2 - end */
/* f1 - start */
.company-main .ys-nyban-img {
    position: relative;
    z-index: 2;
}

.company-main .ys-nybanner {
    position: absolute;
    top: var(--headh);
    left: 0;
    width: 100%;
    /* height: 100vh; */
    z-index: 2;
}

.company-main .ys-nybanner .ys-nyban-img {
    opacity: 0;
}

.company-main .ys-nyban-img::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
}

.company-main .ys-flex-pos-center {
    z-index: 2;
}

.company-main .ys-nyban-video {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

.company-story {
    position: relative;
    overflow: hidden;
    background-color: #092a22;
    z-index: 3;
}

.company-intro, .company-history, .company-honors {
    position: relative;
}

.company-story-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* .company-story-bg::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, rgba(5, 37, 31, 0.72), rgba(0, 91, 60, 0.72));
    -webkit-backdrop-filter: blur(70px);
    backdrop-filter: blur(70px);
} */


.company-story::before {
    bottom: -0.72rem;
    left: -0.7rem;
}

.company-story::after {
    top: 4.09rem;
    right: 1.97rem;
}

.company-story-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-story-core {
    position: relative;
    z-index: 2;
    padding-top: 2.1rem;
    padding-bottom: 1.7rem;
}

.company-story-layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: var(--space100);
    margin-bottom: 0.85rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    flex-wrap: wrap;
}

.company-story-title,
.company-section-title {
    margin: 0;
    color: #20352d;
    font-size: 0.4rem;
    font-weight: 400;
    line-height: 1.5;
}

.company-story-title {
    width: 24.5%;
    color: #fff;
}

.company-story-detail {
    width: 67%;
}

.company-story-copy,
.company-story-copy p {
    color: #fff;
    font-weight: 300;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.company-video-btn {
    margin-top: 0.7rem;
    cursor: pointer;
}

.company-video-btn .std-btn2-link {
    min-width: 1.69rem;
    min-height: 0.48rem;
    padding: 0.1rem 0.2rem;
    justify-content: flex-start;
}

.company-video-btn .std-btn2-link-icon {
    flex: none;
    margin-right: 0.12rem;
    width: 0.24rem;
}

.std-btn2-link-icon img {
    width: 100%;
}

.company-stat-list {
    display: flex;
    flex-wrap: wrap;
    --gap1: 1.75rem;
    margin: 0 calc(-1 * var(--gap1)) -0.3rem;
}

.company-stat-item {
    position: relative;
    width: 33.3333%;
    padding: 0 var(--gap1);
    margin-bottom: 0.3rem;
}

.company-stat-item:not(:nth-child(3n - 2))::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 74%;
    content: "";
    background-color: rgba(255, 255, 255, 0.35);
}

.company-stat-value {
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.company-stat-number {
    color: var(--colorfff)
}

.company-stat-name {
    margin-top: 0.08rem;
    color: #fff;
    font-weight: 300;
}

.company-intro-media {
    width: 100%;
}

.company-intro-media img {
    width: 100%;
}

.company-history {
    padding-bottom: 2rem;
    overflow: hidden;
    background-color: #fff;
}

.company-section-head,
.company-honor-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.company-history-slick {
    position: relative;
    --gap1: 0.16rem;
    margin: 0rem calc(-1 * var(--gap1)) 0;
}

.company-history::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2.18rem;
    content: "";
    pointer-events: none;
    background: repeating-linear-gradient(90deg,
            rgba(19, 129, 5, 0.00) 0,
            rgba(19, 129, 5, 0.15) 1px,
            transparent 1px,
            transparent 0.2rem);

}

.company-history-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    display: none;
}

.company-history-bg img {
    width: 100%;
}

.company-history-item {
    position: relative;
    z-index: 1;
    width: 25%;
    padding: 0 var(--gap1);
}

.company-history-item:nth-child(even) {
    padding-top: 1.75rem;
}

.company-history-year {
    padding-bottom: 0.15rem;
    border-bottom: 1px solid var(--colormain);
    margin-bottom: 0.24rem;
    padding-bottom: 0;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.company-history-copy,
.company-history-copy p {
    color: #666;
    line-height: 1.65;
}

.company-honors {
    overflow: hidden;
    background-color: #f4f7f5;
}

.company-honor-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.company-honor-head {
    flex: none;
    width: 28.75%;
    padding-top: 0.7rem;
    padding-bottom: 0.33rem;
    border-top: 1px solid var(--colormain);
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.company-honor-slick {
    width: 67.875%;
    margin: 0 calc(-1 * var(--gap1));
    --gap1: 0.15rem;
}

.company-honor-item {
    width: 33.3333%;
    padding: 0 var(--gap1);
}

.company-honor-card {
    position: relative;
    overflow: hidden;
    padding: 0.76rem 0.495rem 0.95rem;
    border-radius: 0.14rem;
    background-color: #fff;
}

.company-honor-card img {
    display: block;
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
}

.company-honor-media {
    position: relative;
}

.company-honor-media .ys-imgbox-cover {
    z-index: 2;
}

.company-honor-media-bot {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 146%;
    height: 14px;
    z-index: 1;
    pointer-events: none;
}

.company-honor-media-bot img {
    width: 100%;
}

.company-honor-name {
    margin-top: 0.22rem;
    color: #333;
    line-height: 1.5;
}

/* f1 - end */
/* f2 - start */
/* f2-banner-motion-start */
.culture-motion {
    position: relative;
    background: #fff;
}

.culture-motion-pin {
    position: relative;
}

.culture-motion.is-ready .culture-motion-pin {
    overflow: visible;
    background: #fff;
}

.culture-motion.is-ready .ys-nybanner {
    position: relative;
    z-index: 2;
    height: calc(100vh - var(--headh));
}

.culture-motion.is-ready .ys-nybanner .ys-nyban-img {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 0;
    will-change: top, left, width, height, border-radius, opacity;
}

.culture-motion.is-ready .ys-nybanner .ys-nyban-img picture,
.culture-motion.is-ready .ys-nybanner .ys-nyban-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.culture-motion.is-ready .ys-nybanner .ys-nyban-img img {
    object-fit: cover;
}

.culture-motion.is-ready .ys-nybanner .ys-nyban-title,
.culture-motion.is-ready .ys-nybanner .mod-bread {
    z-index: 3;
    will-change: transform, opacity;
}

.culture-motion.is-ready .culture-values {
    position: relative;
    z-index: 1;
    overflow: visible;
    padding: 0;
    visibility: hidden;
}

.culture-motion.is-ready .culture-values-main {
    position: relative;
    align-items: flex-start;
}

.culture-motion.is-ready .culture-values-inof {
    padding: calc(50vh - .46rem) 0 calc(25vh - .4rem);
}

.culture-motion.is-ready .culture-values-item+.culture-values-item {
    margin-top: 1.1rem;
}

.culture-motion.is-ready .culture-values-stage {
    position: fixed;
    top: 50%;
    left: var(--culture-stage-left);
    width: var(--culture-stage-width);
    transform: translateY(-50%);
    will-change: transform;
}

.culture-motion.is-ready .culture-values-stage.is-before,
.culture-motion.is-ready .culture-values-stage.is-after {
    position: absolute;
    left: auto;
    width: 43.4375%;
    transform: none;
}

.culture-motion.is-ready .culture-values-stage.is-before {
    top: 0;
    right: 0;
}

.culture-motion.is-ready .culture-values-stage.is-after {
    top: var(--culture-stage-after-top);
    right: 0;
    bottom: auto;
}

/* f2-banner-motion-end */
/* f2-values-start */
.culture-values {
    position: relative;
    z-index: 1;
    overflow: visible;
    padding: 1.4rem 0;
    background: #fff;
}

.culture-values-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.culture-values-inof {
    width: 38.4375%;
    margin: 0;
    padding: 0;
}

.culture-values-item {
    cursor: pointer;
    opacity: .2;
    transition: opacity .35s ease;
}

.culture-values-tab {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: left;
    cursor: inherit;
}

.culture-values-tab .culture-values-name,
.culture-values-tab .culture-values-copy {
    display: block;
}

.culture-values-item+.culture-values-item {
    margin-top: 1.1rem;
}

.culture-values-item.is-active {
    cursor: default;
    opacity: 1;
}

.culture-values-name,
.culture-values-name span {
    color: #666;
    font-weight: 300;
    line-height: 1.75;
}

.culture-values-item.is-active .culture-values-name,
.culture-values-item.is-active .culture-values-name span {
    color: #009944;
}

.culture-values-copy,
.culture-values-copy p {
    margin: .26rem 0 0;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
}

.culture-values-stage {
    position: sticky;
    top: .92rem;
    width: 43.4375%;
    transform-origin: center center;
}

.culture-values-media {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: .2rem;
    aspect-ratio: 695 / 502;
}

.culture-values-media-item {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    opacity: 0;
    visibility: hidden;
}

.culture-values-media-item.is-active {
    opacity: 1;
    visibility: visible;
}

.culture-values-media-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* f2-values-end */
/* f2-pioneer-start */
.culture-pioneer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 1.88rem 0 2.37rem;
    color: #fff;
}

.culture-pioneer-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.culture-pioneer-bg::after {
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.culture-pioneer-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.culture-pioneer-main {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 44.5%;
    margin: 0 auto;
}

.culture-pioneer-title {
    margin-bottom: 0.34rem;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
}

.culture-pioneer-copy,
.culture-pioneer-copy p {
    color: #fff;
    font-weight: 300;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.7);
}

/* f2-pioneer-end */
/* f2-party-start */
.culture-party {
    background: #fff;
}

.culture-party-title {
    margin: 0;
    color: #20352d;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0.6rem
}

.culture-party-inof {
    margin-top: .8rem;
    margin-bottom: 0;
}

.culture-party-item {
    margin-bottom: 0;
}

.culture-party-item .news-card-date {
    margin-top: .2rem;
    color: #666;
}

.culture-party-item .news-card-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 300;
    line-height: 1.55;
}

.culture-party-item .news-card-more {
    display: flex;
    justify-content: center;
    width: 1.2rem;
    margin-top: .24rem;
    padding: .13rem .1rem;
    border-radius: .6rem;
    background: #009944;
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
}

/* f2-party-end */
/* f2 - end */
/* f3 - start */
.news-head {
    padding-top: var(--space120);
    position: relative;
}

.news-bread {
    position: relative;
    top: auto;
    left: auto;
}

.news-bread .ys-bread-list,
.news-bread .news-bread-link {
    color: #999;
    font-size: var(--font14);
    font-weight: 300;
    line-height: .3rem;
}

.news-bread .ys-bread-list:last-child .news-bread-link {
    color: #999;
}

.news-bread .ys-bread-list+.ys-bread-list {
    display: flex;
    align-items: center;
    margin-left: .12rem;
}

.news-bread .ys-bread-list+.ys-bread-list::before {
    display: none;
}

.news-bread-icon {
    flex: none;
    width: .12rem;
    margin-right: .12rem;
}

.news-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 0.67rem;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #e6e6e6;
    flex-wrap: wrap;
}

.news-title {
    margin: 0;
    color: var(--colortitle);
    line-height: 1.35;
    margin-bottom: 0.42rem
}

.news-heading-copy {
    width: 31%;
}

.news-summary,
.news-summary p {
    color: #666;
    font-weight: 300;
    line-height: 1.75;
}

.news-search-link {
    display: flex;
    align-items: center;
    width: 4.4rem;
    border: 1px solid #d9d9d9;
    border-radius: .28rem;
    color: #999;
    line-height: 1.5;
    transition: var(--transition);
    position: relative;
    --width: 0.2rem;
    --right: 0.3rem;
}

.news-search-link input {
    padding-left: .3rem;
    height: 0.5rem;
    width: 100%;
    padding-right: calc(var(--right) + var(--width) + 0.2rem);
    font-size: var(--font16);
    line-height: 1.75;
}

.news-search-link input::placeholder {
    color: var(--color999)
}

.news-search-link-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .3rem;

}

.news-search-link-icon img {
    width: var(--width);
}

.news-search-text {
    flex: 1;
    font-weight: 300;
}

.news-search-icon {
    flex: none;
    width: .21rem;
    margin-left: .16rem;
}

.news-nav {
    display: flex;
    margin-bottom: 0.5rem;
}

.news-nav-inof {
    display: flex;
    align-items: center;
    --gap: 0.09rem;
    margin: 0 calc(var(--gap) * -1);
}

.news-nav-inof-item {
    padding: 0 var(--gap);
}

.news-nav-inof-item:last-child {
    margin-right: 0;
}

.news-nav-inof-item-link {
    display: block;
    padding: 0.14rem 0.54rem;
    border: 1px solid #d9d9d9;
    border-radius: 60px;
    color: #666;
    line-height: 1.2;
    text-align: center;
    transition: var(--transition);
    white-space: nowrap;
}

.news-nav-inof-item.act .news-nav-inof-item-link {
    border-color: #009944;
    background: #009944;
    color: #fff;
}

.news-content {
    padding: .36rem 0 1.22rem;
}

.news-inof {
    --gap1: .16rem;
    --gap2: .6rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--gap1) * -1) 0.2rem;
    padding: 0;
}

.news-inof-item {
    width: 33.333333%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.news-inof-item-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-card-media {
    overflow: hidden;
    width: 100%;
    border-radius: .14rem;
    margin-bottom: 0.32rem;
}

.news-card-image {
    display: block;
    width: 100%;
    opacity: 1 !important;
    transition: transform .5s ease;
}

.news-card-date {
    color: #666;
    font-weight: 300;
    line-height: 1.5;
}

.news-card-title {
    margin-top: .12rem;
    color: #333;
    line-height: 1.55;
    transition: var(--transition);
}

.news-card-more {
    display: flex;
    align-items: center;
    margin-top: .16rem;
    color: #009944;
    font-weight: 300;
    line-height: 1.5;
}

.news-card-more-icon {
    flex: none;
    width: .18rem;
    margin-left: .08rem;
}

.news-pagination {
    display: flex;
    justify-content: center;
    margin-top: .5rem;
}

.news-pagination .pc-fenye {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.news-pagination .pc-fenye .comp-tabli {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .32rem;
    aspect-ratio: 1;
    margin: 0 0 0 .16rem;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    color: #666;
    font-size: var(--font14);
    font-weight: 300;
    line-height: 1;
}

.news-pagination .pc-fenye .comp-tabli:first-child {
    margin-left: 0;
}

.news-pagination .pc-fenye .comp-tabli a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: inherit;
}

.news-pagination .pc-fenye .comp-tabli .first,
.news-pagination .pc-fenye .comp-tabli .prev,
.news-pagination .pc-fenye .comp-tabli .next,
.news-pagination .pc-fenye .comp-tabli .end {
    font-size: 0;
}

.news-pagination .pc-fenye .activepage {
    border-color: #009944;
    background: #009944;
    color: #fff;
}

.news-pagination .pc-fenye .comp-tabli img {
    width: .14rem;
    height: auto;
}

/* f3 - end */
/* f4 - start */
.news-detail {
    position: relative;
    padding-top: var(--space110);
}

.news-detail-bread {
    position: relative;
    top: auto;
}

.news-detail-bread .ys-bread {
    gap: 6px;
}

.news-detail-bread .ys-bread-list,
.news-detail-bread .ys-bread-list a {
    color: rgba(102, 102, 102, .6);
    font-size: var(--font14);
    font-weight: 300;
    line-height: 30px;
}

.news-detail-bread .ys-bread-list:last-child,
.news-detail-bread .ys-bread-list:last-child a {
    color: rgba(102, 102, 102, .6);
}

.news-detail-bread .ys-bread-list+.ys-bread-list {
    margin-left: 0;
}

.news-detail-bread .ys-bread-list+.ys-bread-list::before {
    display: none;
}

.news-detail-bread-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.news-detail-bread-icon {
    width: 5px;
    flex: 0 0 auto;
    object-fit: contain;
    transform: scaleX(-1);
}

.news-detail-core {
    padding: 0 0.5rem;
    max-width: 100%;
}

.news-detail-head {
    padding-bottom: 0.29rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid rgba(204, 204, 204, 0.6);
}

.news-detail-title {
    font-weight: 300;
}

.news-detail-meta {
    display: flex;
    align-items: center;
    margin: 0 calc(var(--gap) * -1);
    margin-top: 0.19rem;
    --gap: 0.16rem;
}

.news-detail-category {
    color: var(--colormain);
}

.news-detail-meta-line {
    width: 1px;
    height: 15px;
    margin: 0 .8333vw;
    background: #d9d9d9;
}

.news-detail-date {
    color: var(--color666);
    font-family: "Noto Sans", "Public Sans", "PingFang SC", "Microsoft YaHei" !important;
}

.news-detail-rule {
    height: 1px;
    background: #e8e8e8;
}


.news-detail-page-item+.news-detail-page-item {
    margin-top: .625vw;
}

.news-detail-page-item a {
    color: #9099a0;
    font-size: var(--font16);
    font-weight: 300;
    line-height: var(--line15);
    transition: var(--transition);
}

.news-detail-page-item.is-prev a {
    color: var(--colormain);
}

/* f4 - end */
/* f5 - start */
/* f5-sustain-story-start */
.sustain-story {
    background-color: #fff;
    overflow: visible;
}

.sustain-story-layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 93.5%;
}

.sustain-story-media-wrap {
    flex: none;
    width: 50%;
    position: relative;
}

.sustain-story-media {
    position: relative;
}

.sustain-story-media::after {
    display: none;
}


.sustain-story-media-item:not(:last-child) {
    margin-bottom: var(--space120)
}

.sustain-story-media-item:last-child {
    transform: translateY(calc(-1 * var(--space120)));
}

.sustain-story-media-item {
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    /* top:0;
    height: 100vh; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.sustain-story-media-item .ys-imgbox-cover {
    border-radius: 0.2rem;
}

.sustain-story-list {
    display: flex;
    position: sticky;
    top: var(--headh);
    width: 39.84%;
    height: calc(100vh - var(--headh));
    align-items: center;
    flex-wrap: wrap;

}

.sustain-story-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sustain-story-item:nth-child(1) {
    position: relative;
}

.sustain-story-copy {
    width: 100%;
}

.sustain-story-heading {
    display: flex;
    flex-direction: column;
}

.sustain-story-number {
    color: var(--colormain);
    font-weight: 300;
    margin-bottom: 0.11rem;
}

.sustain-story-title {
    margin-bottom: 0.27rem;
}

.sustain-story-text,
.sustain-story-text p {
    margin: 0;
    color: #666;
    font-weight: 300;
    line-height: 1.75;
}


.sustain-story-mobile-media {
    display: none;
}

/* f5-sustain-story-end */
/* f5-certificate-start */
.sustain-certificate {
    overflow: visible;
    background-color: #fff;
}

.sustain-certificate-head {
    text-align: center;
}

.sustain-certificate-title {
    margin: 0;
    color: #20352d;
    font-size: 0.4rem;
    font-weight: 400;
    line-height: 1.5;
}

.sustain-certificate-shell {
    position: relative;
    margin-top: 0.6rem;
}

.sustain-certificate-slick {
    margin: 0 -0.16rem;
}

.sustain-certificate-slick>.sustain-certificate-item:not(:first-child) {
    display: none;
}

.sustain-certificate-slick.slick-initialized .sustain-certificate-item {
    display: block;
}

.sustain-certificate-item {
    padding: 0 0.16rem;
}

.sustain-certificate-slick.slick-initialized .slick-track {
    display: flex;
    align-items: stretch;
}

.sustain-certificate-slick.slick-initialized .sustain-certificate-item {
    display: flex;
    height: auto;
}

.sustain-certificate-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0.48rem 0.45rem 0.45rem;
    border-radius: 0.2rem;
    background: linear-gradient(180deg, #F4F7F5 0%, rgba(244, 247, 245, 0.60) 100%);
    text-align: center;
    width: 100%;
    height: 100%;
}


.sustain-certificate-name {
    margin-top: 0.3rem;
    color: #333;
    line-height: 1.5;
}

.sustain-certificate-btn {
    display: flex;
    align-self: center;
    /* width: 1.2rem; */
    margin-top: auto;
    padding-top: 0.23rem;
}

.sustain-certificate-btn .std-btn1-link {
    width: 100%;
    /* min-height: 0.4rem; */
    padding: 0.1rem;
}


/* f5-certificate-end */
/* f5 - end */
/* f6 - start */
.career-story {
    padding: 0.82rem 0 0.9rem;
    background-color: #fff;
}

.career-story-item-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
}

.career-story-item:not(:last-child) {
    margin-bottom: 1.34rem;
}

.career-story-media {
    flex: none;
    width: 54.44%;
    overflow: hidden;
    border-radius: 0.1rem;
}



.career-story-copy {
    width: 35%;
}

.career-story-item:nth-child(2n) .career-story-item-box {
    flex-direction: row-reverse;
}

.career-story-text {
    margin-top: 0.25rem;
}

.career-story-text, .career-story-text p {
    font-weight: 300;
}

.career-benefit {
    background-color: #f5f8f6;
}

.career-section-head {
    text-align: center;
}

.career-section-text {
    width: 67%;
    margin: 0.3rem auto 0;
}

.career-benefit-slick {
    --gap1: 0.16rem;
    margin: 0.62rem calc(-1 * var(--gap1)) 0;
}

.career-benefit-item {
    padding: 0 var(--gap1);
}

.career-benefit-slick .career-benefit-item:not(:first-child) {
    display: none;
}

.career-benefit-slick.slick-initialized .career-benefit-item {
    display: block;
}

.career-benefit-card {
    padding: 0.36rem 0.34rem 0.32rem;
    background-color: #fff;
    border-radius: 0.1rem;
    transition: var(--transition);
    width: 100%;
    height: 100%;
}

.career-benefit-icon {
    width: 0.6rem;
}

.career-benefit-icon img {
    width: 100%;
}

.career-benefit-title {
    margin-top: 0.38rem;
    color: #333;
    font-weight: 500;
    line-height: 1.4;
}

.career-benefit-text {
    margin-top: 0.16rem;
}

.career-benefit-text, .career-benefit-text p {
    font-weight: 300;
}

.career-benefit-slick .slick-dots {
    bottom: -0.53rem;
}

.career-benefit-slick .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background-color: rgba(196, 196, 196, 0.4);
}

.career-benefit-slick .slick-dots li.slick-active {
    background-color: #009844;
}

.career-benefit-slick .slick-dots li button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 0;
}

.career-benefit-slick .slick-dots li button::before {
    display: none;
}

.career-culture {
    overflow: hidden;
    background-color: #fff;
}

.career-culture .ys-horse {
    --width1: calc(5.61rem + var(--gap1) * 2);
    --gap1: 0.16rem;
    margin-top: 0.6rem;
}

.career-culture-media {
    position: relative;
    overflow: hidden;
    border-radius: 0.14rem;
    height: auto;
    background: transparent;
}

.career-culture-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* f6 - end */
/* g1 - start */
.contact-form-section {
    position: relative;
    z-index: 2;
    overflow: visible;
}

.contact-form-card {
    padding: .86rem 1.36rem .75rem;
    border-radius: .2rem;
    background-color: #fff;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
}

.contact-form {
    --space: .08rem;
    --spacebot: .2rem;
    --spacein: .16rem;
    --height: .4rem;
    --colortips: #e44d4d;
}

.contact-form-item4 {
    width: 25%;
}

.contact-form-wide {
    width: 100%;
}

.contact-form .ys-fii-name {
    margin-bottom: .08rem;
    color: #343434;
    line-height: .28rem;
}

.contact-form .ys-fii-name em {
    color: #e44343;
    font-style: normal;
}

.contact-form .ys-fii-input {
    border: 1px solid rgba(204, 204, 204, .4);
    border-radius: .04rem;
    background-color: #f4f7f5;
}

.contact-form .ys-fii-input input,
.contact-form .ys-fii-input textarea {
    color: #343434;
}

.contact-form .ys-fii-input input {
    height: calc(var(--height) - 2px);
    padding-right: .16rem;
    padding-left: .16rem;
}

.contact-form .ys-fii-input textarea {
    height: 1.57rem;
    padding-right: .16rem;
    padding-left: .16rem;
    padding-top: .12rem;
    padding-bottom: .12rem;
    resize: none;
}

.contact-form .ys-fic-auth {
    display: flex;
    width: 4.14rem;
}

.contact-form .ys-fic-auth .ys-fii-input {
    flex: 1;
}

.contact-form .ys-fic-auth-img {
    width: .95rem;
    height: .39rem;
    margin-left: .27rem;
    overflow: hidden;
    border-radius: .04rem;
}

.contact-form .ys-fic-auth-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-form .ys-form-inof-agree {
    margin-top: -.06rem;
    margin-bottom: .36rem;
}

.contact-form .ys-fia-text {
    align-items: flex-start;
}

.contact-form .ys-fia-text-btn {
    top: 0;
    width: .11383rem;
    height: .12rem;
    margin-top: .08rem;
    margin-right: 0;
    aspect-ratio: auto;
}

.contact-form .ys-fia-text-btn::before {
    border-color: #d9d9d9;
    border-radius: .02rem;
}

.contact-form .ys-form-inof-agree.on .ys-fia-text-btn::before {
    border-color: #009944;
    background-color: #009944;
}

.contact-form .ys-fia-text-btn::after {
    top: 45%;
    left: 50%;
    width: .056rem;
    height: .032rem;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: transparent;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.contact-form .ys-fia-text-word {
    width: calc(100% - .11383rem);
    padding-left: .05617rem;
    color: #666;
    line-height: .28rem;
}

.contact-form .ys-fia-text-word a {
    color: #009b4e;
}

.contact-form .ys-form-inof-submit {
    margin-bottom: 0;
    text-align: center;
}

.contact-form .ys-fii-submit {
    width: 1.68rem;
    height: .46rem;
    margin: 0 auto;
    padding: 0;
    border-radius: .6rem;
    background-color: #009b4e;
    color: #fff;
    line-height: .46rem;
}

.contact-address-title {
    margin-bottom: 0.5rem;
    color: var(--colortitle);
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
}

.contact-address-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .4rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    flex-wrap: wrap;
}

.contact-address-item:not(:first-child) {
    padding-top: .4rem;
}

.contact-address-media {
    overflow: hidden;
    border-radius: 0.1rem;
    width: 49%;
}

.contact-address-media img {
    width: 100%;
    height: auto;
}

.contact-address-media.ys-imgbox-cover img {
    height: 100%;
    object-fit: cover;
}

.contact-address-media.ys-imgbox-cover img:nth-child(2) {
    position: absolute;
    inset: 0;
}

.contact-address-content {
    width: 43.5%;
}

.contact-address-name {
    margin-bottom: .24rem;
    color: #009b4e;
}

.contact-address-company,
.contact-address-company p {
    color: #333;
    font-weight: 300;
}

.contact-address-detail {
    display: flex;
    flex-direction: column;
    margin-top: .5rem;
}

.contact-address-detail-item {
    display: flex;
    align-items: flex-start;
}

.contact-address-detail-item:not(:last-child) {
    margin-bottom: 0.16rem;
}

.cadi-icon {
    width: .24rem;
}


.contact-address-detail-copy span {
    color: #666;
    font-weight: 300;
    line-height: var(--line175);
    font-size: var(--font16);
    min-width: 0.63rem;
    font-family: "PingFang SC", "Microsoft YaHei" !important;
    display: inline-block;
    padding-right: 0.13rem;
}

.contact-address-detail-copy a {
    color: #151515;
    font-weight: 300;
    line-height: var(--line175);
    font-size: var(--font16);
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}

.product-contact-form .ys-fic-auth-img {
    margin-left: 0.27rem;
}

.contact-address-detail-copy, .contact-address-detail-copy p {
    color: #151515;
    font-weight: 300;
    line-height: var(--line175);
    font-size: var(--font16);
}

/* g1 - end */
@media screen and (min-width: 1200px) {

    /* 公共2 - start */
    /* 公共2 - end */

    /* c1 - start */
    .solution-case-media:hover img:nth-child(2) {
        transform: scale(1.05);
    }

    .solution-case-link:hover {
        color: #006f32;
    }

    /* c1 - end */

    /* c4 - start */
    /* c4 - end */


    /* e2 - start */
    .faq-anchor-btn:hover,
    .faq-anchor-btn.act:hover {
        color: #009944;
    }

    .faq-inof-top:hover .faq-question {
        color: #009944;
    }

    /* e2 - end */
    /* f1 - start */
    .company-slider-btn:hover {
        border-color: #007b37;
        background-color: #007b37;
    }

    /* f1 - end */
    /* f2 - start */
    /* f2 - end */
    /* f3 - start */
    .news-bread-link:hover {
        color: #009944;
    }

    .news-nav-inof-item:not(.act) .news-nav-inof-item-link:hover {
        border-color: #009944;
        color: #fff;
        background: var(--colormain);
    }

    .news-inof-item-link:hover .news-card-image {
        transform: scale(1.05);
    }

    .news-inof-item-link:hover .news-card-title {
        color: #009944;
    }

    .news-pagination .pc-fenye .comp-tabli:not(.activepage):hover {
        border-color: #009944;
        color: #009944;
    }

    .news-pagination .comp-first a::before,
    .news-pagination .comp-prev a::before,
    .news-pagination .comp-next a::before,
    .news-pagination .comp-end a::before {
        display: none;
    }

    /* f3 - end */
    /* f4 - start */
    .news-detail-bread .ys-bread-list a:hover {
        color: var(--colormain);
    }

    .news-detail-page-item.is-prev a:hover {
        color: #04703e;
    }

    .news-detail-page-item.is-next a:hover {
        color: var(--colormain);
    }

    /* f4 - end */
    /* 分界线2 */
    /* b1 - start */

    .product-anchor-btn:hover::after {
        width: 100%;
    }

    .product-app-btn:hover {
        color: #009944;
    }

    .product-download-modal .ys-modal-close:hover {
        background: #f4f7f5;
    }


    /* b1 - end */
    /* c3 - start */


    /* c3 - end */
    /* d1 - start */
    .mod-arrows2 .slick-prev:hover::before,
    .mod-arrows2 .slick-next:hover::before {
        opacity: 0;
    }

    .mod-arrows2 .slick-prev:hover::after,
    .mod-arrows2 .slick-next:hover::after {
        opacity: 1;
    }

    .innovation-award-control:not(.swiper-button-disabled):hover {
        border-color: #009944;
        background: #009944;
    }

    .innovation-award-control:not(.swiper-button-disabled):hover::before {
        background-image: url('../images/d1_icon12.svg');
    }

    .innovation-library-item:hover .innovation-library-link {
        border-color: #009944;
        background: #009944;
    }

    .innovation-library-item:hover .innovation-library-type,
    .innovation-library-item:hover .innovation-library-name,
    .innovation-library-item:hover .innovation-library-date {
        color: #fff;
    }

    .innovation-library-item:hover .innovation-library-download {
        border-color: #fff;
        background: #fff;
    }

    /* d1 - end */
    /* f1 - start */


    /* f1 - end */
    /* f2 - start */
    /* f2 - end */
    /* g1 - start */
    .contact-form .ys-fii-input:focus-within {
        border-color: #009b4e;
        background-color: #fff;
    }

    .contact-form .ys-fii-submit:hover {
        background-color: #087b45;
    }

    .contact-address-detail-copy a:hover {
        color: #009b4e;
    }

    /* g1 - end */
}

/* kaffi-8.13-start */
.head-lang-top {
    height: var(--headh);
    padding: 0
}

.head-lang-top-circle {
    width: 22px;
}

.head-contact {
    position: relative;
}

.head-nav-item-title {
    font-size: var(--font16);
    padding: var(--gap1) 0.2rem;
}

.head-nav {
    --gap1: 0.08rem;
    --gap2: 0;
}

.ys-hd-pc::before {
    pointer-events: none;
}

.head-logo {
    width: 204px;
}

.head-nav-item-down {
    width: 3rem;
    padding-top: 5px;
    background: transparent;
}

.hnid-wrap {
    box-shadow: var(--shadow);
    background: var(--colorfff);
    padding: 0.19rem 0.4rem 0.3rem 0.4rem;
    border-radius: 8px;
}

.head-search-btn {
    width: 22px;
}

.head-search {
    margin-left: 0.2rem;
}

.head-lang-top-jian {
    width: 10px;
    margin-left: 5px;
}

.head-nav-down-link {
    display: flex;
    align-items: center;
    padding: 0.2rem 0 0.15rem 0;
    justify-content: space-between;
    border-bottom: 1px solid #E3E3E3;
}

.head-nav-down-item .std-font16 {
    transition: var(--transition);
    padding-right: 0.2rem;
    font-weight: 300;
}

.head-nav-down-item.yxnav-active2 .std-font16 {
    color: var(--colormain);
}

.head-nav-down-icon {
    width: 24px;
    flex: none;
    transition: var(--transition);
    opacity: 0;
}

.head-nav-down-item.yxnav-active2 .head-nav-down-icon {
    opacity: 1;
}

/* Cta */
.ys-cta .std-btn1-link {
    padding: 0.12rem 0.54rem 0.16rem;
    padding: 0.14rem 0.54rem;
}

/* footer */
.footer-select .icon-arrow-down:before {
    content: url(../images/link_down.svg);
}

.footer-select .ys-select-hd {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 100px;
    --right: 0.33rem;
    --width: 12px;
}

.footer-select .ys-select-show {
    height: 40px;
    padding-left: 0.24rem;
    padding-right: calc(var(--right) + var(--width) + 0.2rem);
    font-size: var(--font14);
    font-weight: 300;
}

.footer-select .ys-select-show::placeholder {
    color: #999
}

.footer-select .ys-select-xtbbox {
    right: var(--right);
}

.footer-select .ys-select-bd {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    padding: 0.1rem 0;
    top: calc(100% + 5px);
}

.footer-nav ul a {
    font-size: var(--font16);
    font-weight: 300;
    transition: var(--transition);
}

.footer-select .ys-select-li a {
    display: block;
    --gap: 0.24rem;
    padding: 0.08rem var(--gap);
    color: #999;
    line-height: 1.2;
    font-size: var(--font14);
    font-weight: 300;
    position: relative;
}

.footer-select .ys-select-li a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: calc(100% - 2 *var(--gap));
    height: 1px;
    background: rgba(0, 0, 0, 0.30);
    transition: var(--transition);
}

.footer-select .ys-select-inof {
    max-height: 2rem;
}

.footer-select .mCSB_outside+.mCSB_scrollTools {
    right: 10px;
    margin: 0.24rem 0;
}

.footer-select .ys-select-bd .ys-select-li {
    padding-right: 0;
}

.footer-text, .footer-text a, .footer-text p {
    font-size: var(--font16);
    font-weight: 300;
    color: #6E7787;
}

.footer-privacy a {
    font-size: var(--font16);
    font-weight: 300;
    color: #666;
}

.footer-share-code {
    top: auto;
    bottom: calc(100% + 10px);
}

.footer-share-code::before {
    top: auto;
    bottom: -8px;
    transform: translateX(-50%) rotate(180deg);
}

.footer-share-code::after {
    top: auto;
    bottom: -10px;
}

.footer-text {
    padding-right: 0.2rem;
}

.footer-bot {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* 首页 */
.ys-ban-slick .slick-dots {
    bottom: 0.4rem;
}

.ys-ban-slick .slick-dots li {
    width: 20px;
    border-radius: 0.2rem;
    background: #fff;
    opacity: 0.5;
    height: 2px;
    transition: var(--transition);
}

.ys-ban-slick .slick-dots li.slick-active {
    opacity: 1;
    width: 0.4rem;
}

.hmpl-circle {
    position: relative;
    animation: bordershow 3s infinite;
    display: block;
    width: 0.26rem;
    height: 0.26rem;
    background: #fff;
    border: 0.1rem solid var(--colormain);
    border-radius: 50%;
    transition: var(--transition);
}

@keyframes bordershow {
    50% {
        box-shadow: 0px 0px 10px 0 var(--colormain);
    }
}

.hmpl-circle1 {
    animation: boderM 3s 0.1s infinite;
}

.hmpl-circle2 {
    animation: boderM1 3s infinite;
}

@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.2;
    }

    20% {
        opacity: 0.2;
    }

    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0.2;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes boderM1 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.2;
    }

    20% {
        opacity: 0.2;
    }

    75% {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0.2;
    }

    100% {
        opacity: 0.2;
    }
}

.hmpl-circle1 {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 0.26rem;
    height: 0.26rem;
    border-radius: 50%;
    background: var(--colormain);
}

.hmpl-circle2 {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 0.26rem;
    height: 0.26rem;
    border-radius: 50%;
    background: var(--colormain);
}

.home-cases {
    height: var(--height);

}

.home-cases-cont {
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    display: flex;
    align-items: center;
    width: 100%;
}

.home-case-item-link {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 0.42rem 0.53rem;
    border-radius: 0.24rem;
    background: #F2F8F4;
    justify-content: space-between;
    box-shadow: var(--shadow);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.10);
}

.hccr-list {
    height: 100vh;
    width: 100%;
}


.home-cases .ys-cont1600 {
    position: relative;
}

.home-section-bot {
    margin-top: 0.6rem;
}

.home-cases-cont-run {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.home-news-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.home-news-head .std-btn1 {
    margin-top: 0.115rem;
}

.home-news-item-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.home-news-item-bot {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.hmpp-ri {
    display: flex;
    opacity: 0;
    align-items: center;

}

.home-map-point:hover .hmpp-ri {
    opacity: 1;
    transition: var(--transition);
    transition-delay: 0.4s;

}

.solution-intro-top {
    width: 92%;
}

.solution-case-inof .slick-dots {
    bottom: -0.33rem;
}

.solution-case-link .std-btn3-link {
    display: flex;
    align-items: center;
}

.solution-case-link-icon {
    width: 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

.solution-case-link-icon img:nth-child(2) {
    opacity: 0;
}

.solution-case-link .std-btn-text {
    padding-right: 0.07rem;
    font-weight: 300;
}

.solution-area-wrap-item:nth-child(2n) {
    background: var(--colorbj);
}

.solution-area-wrap-item:nth-child(2n) .solution-case-card {
    background: var(--colorfff);
}

.case-title {
    color: var(--color333);
}

.faq-answer, .faq-answer p {
    font-weight: 300;
}

.news-card-bot {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.news-card-cont {
    margin-bottom: 0.44rem
}

.pc-fenye li {
    color: var(--color666);
    font-size: var(--font16);
    font-weight: 300;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 8px;
}

.news-detail-meta .std-font16 {
    padding: 0 var(--gap);
    position: relative;
}

.news-detail-meta .std-font16:not(:first-child)::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: rgba(204, 204, 204, 0.6);
    width: 1px;
    height: 0.15rem;
    content: "";
}

.green-footer .ys-footer {
    background: var(--colorbj);
}

.news-detail-editor, .news-detail-editor p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
}

.news-detail-editor p {
    font-weight: 300;
    margin-bottom: 0.12rem;
}

.news-detail-editor h6 {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line175);
    margin-bottom: 0.12rem
}

.news-detail-editor img {
    border-radius: 0.1rem;
}

.news-detail-editor {
    padding-bottom: 0.5rem;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid rgba(204, 204, 204, 0.6);
}

.career-section-text, .career-section-text p {
    font-weight: 300;
}

.career-culture .ys-horse-inof-nub {
    width: var(--width1);
}

.product-heading-top {
    background: var(--colorbj);
    padding-top: var(--space120);
    padding-bottom: 1.03rem;
    position: relative;

}

.product-heading-top::before {
    position: absolute;
    top: 0.55rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 0.455rem;
    background: rgba(51, 51, 51, 0.6);
    content: "";
}

.ys-form-inof-item4 {
    width: 25%;
}


.product-contact-form .ys-fic-auth {
    display: flex;
    align-items: flex-end;
}

.product-contact-form .ys-fic-auth .ys-fii-input {
    width: 100%;
}

.product-contact-form .ys-form-inof-item.ys-form-inof-submit {
    display: flex;
    justify-content: center;
}

.product-contact-form .std-btn1-link {
    padding: 0 0.69rem;
    cursor: pointer;
}

.product-contact-form .ys-fii-submit {
    line-height: calc(var(--height) + 6px);
    height: calc(var(--height) + 6px);
}

.product-contact-form .ys-form-inof-text .ys-fii-input {
    height: 106px;
}

.product-contact-form .ys-form-inof-agree {
    margin-bottom: 0.3rem;
}

.product-contact-form .ys-fii-input textarea {
    padding-top: 0.125rem;
}

.mod-bread2 .ys-bread-list a {
    color: var(--colorfff)
}

.mod-bread2 .ys-bread-list::before {
    color: var(--colorfff)
}

.solution-detail-main .ys-nyban-img {
    position: relative;
}

.solution-detail-main .ys-nyban-img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    content: "";
}

.mod-arrows1 .slick-prev, .mod-arrows1 .slick-next {
    --wh: 0.5rem;
    width: var(--wh);
    height: var(--wh);
    background: var(--colormain);
    border-radius: 50%;
    z-index: 6;
    border: 2px solid var(--colormain);
    transition: var(--transition);
}

.mod-arrows1 .slick-prev::after, .mod-arrows1 .slick-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 48%;
    height: 48%;
    transition: var(--transition);

}

.mod-arrows1 .slick-prev {
    left: calc(-0.53rem - var(--wh));
}

.mod-arrows1 .slick-next {
    right: calc(-0.53rem - var(--wh));
}

.mod-arrows1 .slick-prev::after {
    background: url(../images/c2_cust_le.svg) no-repeat center center;
    background-size: contain;
}

.mod-arrows1 .slick-next::after {
    background: url(../images/c2_cust_ri.svg) no-repeat center center;
    background-size: contain;
}

.mod-arrows1 .slick-arrow {
    transition: var(--transition);
}

.mod-arrows1 .slick-arrow.slick-disabled {
    background: transparent;
    opacity: 0.4 !important;

}

.mod-arrows1 .slick-prev::before, .mod-arrows1 .slick-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 48%;
    height: 48%;
    transition: var(--transition);
    opacity: 0;
}

.mod-arrows1 .slick-prev::before {
    background: url(../images/c2_cust_black.svg) no-repeat center center;
    background-size: contain;
}

.mod-arrows1 .slick-next::before {
    background: url(../images/c2_cust_blackr.svg) no-repeat center center;
    background-size: contain;
}


.mod-arrows1 .slick-arrow.slick-disabled::before {
    opacity: 1;
}

.mod-arrows1 .slick-arrow.slick-disabled::after {
    opacity: 0;
}

.case-filter-link {
    padding: 0.14rem 0.2rem 0.14rem 0.23rem;
}

.case-filter-child-item.is-current .case-filter-link {
    background: #F2F8F4;
}

.case-result-total, .case-result-total p {
    font-weight: 300;
}

.case-result-total {
    margin-bottom: 0.07rem
}

.contact-main .ys-nyban-img {
    position: relative;
}

.contact-main .ys-nyban-img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    content: "";
}

.contact-main .std-font50 {
    color: var(--colorfff);
    text-align: center;
    margin-bottom: 0.72rem;
}

.contact-form-section .ys-cont1600 {
    margin-top: -3.58rem;
}

.contact-address-detail-copy {
    padding-left: 0.12rem;
}

.product-contact-form .ys-fii-name span {
    margin-left: 3px;
}

.product-contact-form .ys-fii-tips {
    margin-top: 3px;
}

.contact-main .product-contact-form .ys-form-inof-text .ys-fii-input {
    height: 157px;
}

.contact-main .product-contact-form .ys-form-inof-agree {
    margin-bottom: 0.34rem;
}

.contact-main .product-contact-form .ys-form-inof-code {
    margin-bottom: 0.16rem;
}

.innovation-main .ys-nyban-img {
    position: relative;
}

.innovation-main .ys-nyban-img::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.innovation-award-controls .swiper-pagination-progressbar {
    position: relative;
    height: 1px !important;
}

.mod-arrows3 .swiper-button-prev, .mod-arrows3 .swiper-button-next {
    --wh: 0.5rem;
    width: var(--wh);
    height: var(--wh);
    background: var(--colormain);
    border-radius: 50%;
    z-index: 6;
    border: 2px solid var(--colormain);
    transition: var(--transition);
}

.mod-arrows3 .swiper-button-prev::after, .mod-arrows3 .swiper-button-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 48%;
    height: 48%;
    transition: var(--transition);
}

.mod-arrows3 .swiper-button-prev {
    left: calc(-0.53rem - var(--wh));
}

.mod-arrows3 .swiper-button-prev {
    right: calc(-0.53rem - var(--wh));
}

.mod-arrows3 .swiper-button-prev::after {
    background: url(../images/c2_cust_le.svg) no-repeat center center;
    background-size: contain;
}

.mod-arrows3 .swiper-button-next::after {
    background: url(../images/c2_cust_ri.svg) no-repeat center center;
    background-size: contain;
}

.mod-arrows3 .swiper-button-next {
    transition: var(--transition);
}

.mod-arrows3 .swiper-button-disabled {
    background: transparent;
    opacity: 0.4 !important;

}

.mod-arrows3 .swiper-button-prev::before, .mod-arrows3 .swiper-button-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 48%;
    height: 48%;
    transition: var(--transition);
    opacity: 0;
}

.mod-arrows3 .swiper-button-prev::before {
    background: url(../images/c2_cust_black.svg) no-repeat center center;
    background-size: contain;
}

.mod-arrows3 .swiper-button-next::before {
    background: url(../images/c2_cust_blackr.svg) no-repeat center center;
    background-size: contain;
}


.mod-arrows3 .swiper-button-disabled::before {
    opacity: 1;
}

.mod-arrows3 .swiper-button-disabled::after {
    opacity: 0;
}

.mod-arrows3 .swiper-navigation-icon {
    display: none !important;
}

.innovation-award-controls .swiper-button-prev, .innovation-award-controls .swiper-button-next {
    position: relative;
    flex-shrink: 0;
    left: auto !important;
    right: auto !important;
    margin-top: auto !important;
}

.innovation-award-controls .swiper-button-prev {
    margin-right: 0.1rem !important;
}

.innovation-award-controls .swiper-button-next {
    margin-right: 0.45rem !important;
}

.innovation-award-item.swiper-slide {
    padding: 0 var(--gap1);
    height: auto;
}

.innovation-awards-swiper.swiper {
    --gap1: 0.16rem;
    margin: 0 calc(-1 * var(--gap1));
}

.mod-ph {
    display: none;
}

.service-main .ys-nyban-img {
    position: relative;
}

.service-main .ys-nyban-img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    content: "";
}

.service-promise-empty-list {
    height: 50vh;
}

.mod-head-arrow.mod-arrows1 .slick-arrow {
    position: relative;
    left: auto !important;
    right: auto !important;
    top: 0;
    transform: none !important;
}

.mod-head-arrow {
    display: flex;
}

.mod-head-arrow-le {
    margin-right: 0.1rem;
}

.company-honor-head .company-section-title {
    margin-bottom: 0.4rem
}

.company-history .company-section-title {
    padding-right: 0.2rem;
}

.company-history .company-section-head {
    margin-bottom: 0.7rem;
}

.company-history-copy span {
    display: inline-block;
    padding: 0 1em;
}

.culture-party .news-inof-item {
    margin-bottom: 0;
}

.culture-party .news-inof {
    margin-bottom: 0
}

.culture-party .news-card-title {
    line-height: 1.3;
    font-weight: 300;
}

.culture-party .news-card-cont {
    margin-bottom: 0.4rem;
}

.sustain-certificate-media {
    position: relative;
    width: 2.11rem;
}

.sustain-certificate-media .ys-imgbox-cover {
    position: relative;
    z-index: 3;
}

.sustain-main .ys-nyban-title {
    padding-top: var(--space120);
    padding-bottom: 0.52rem;
    --width: 46.5%;
}

.sustain-main .ys-nyban-title .std-font50 {
    color: var(--colortitle);
    width: var(--width);
    margin: 0 auto;
    margin-bottom: 0.5rem;
}

.sustain-banner-copy {
    margin: 0 auto;
    width: var(--width);
}

.sustain-main .ys-nyban-title p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.75;
    text-align: center;


    font-weight: 300;
}


.culture-banner-inof-nub {
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    height: 100%;
}

.culture-banner-inof-nub img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.culture-banner-inof {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 6;
}

.culture-banner-inof .ys-nyban-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.culture-banner-inof .ys-nyban-img {
    height: 100%;
    position: relative;
}

.culture-banner-one {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.culture-banner {
    overflow: visible;
}

.culture-banner-one-core {
    height: 100vh;
    position: sticky;
    top: var(--headh);
    overflow: hidden;
    width: 100%;
}

.culture-may-cry {
    padding-top: 100vh;
}

.culture-banner-zhan {
    height: 150vh;
}

.culture-banner-title2 h2 {
    font-size: var(--font50);
    font-weight: bold;
    text-align: center;
    line-height: var(--line15);
    color: var(--colortitle);
}

.ys-nybanner .ys-flex-pos-center.culture-banner-title2 {
    z-index: 4;
}

.culture-banner {
    --one: -50%;
}

.culture-banner .ys-nyban-title .ys-cont1600 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.culture-banner .ys-nyban-title {
    --lefta: 0%;
    z-index: 8;
}


.culture-banner-text {
    width: 39em;
    padding-top: 0.4rem;
    opacity: 0;
}

.culture-banner .culture-banner-title2 .ys-cont1600 {
    align-items: flex-start;
}

.culture-banner-title1 .culture-banner-text {
    opacity: 0 !important;
}

.culture-may-inof {
    width: 40.46%;
}

.culture-may-inof-nub .std-font18 {
    line-height: 1.65;
    color: var(--color666);
    margin-bottom: 0.12rem;
}

.culture-may-inof-nub .std-font24 {
    color: var(--colortitle);
    line-height: var(--line15);
}

.culture-may-inof-nub {
    margin-bottom: 2.1rem;
    opacity: 0.2;
    /* margin-bottom: 10rem; */
}

.culture-may-inof-nub:last-child {
    margin-bottom: 0;
}

.culture-may-cry {
    position: relative;
    z-index: 10;
    padding-bottom: 48vh;
}

.ys-nyban-title .culture-banner-text {
    text-align: left;
}

.culture-banner-one-core {
    right: 0;
}


.wboc-add {
    position: absolute;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 6;
    will-change: width, height, right;
}


.culture-banner-title .ys-cont1600 {
    padding-top: var(--headh);
}

.walk-world-earth {
    z-index: 10;
}

.wdin-img {
    width: 30%;
}

.wmin-img {
    display: none;
}

.culture-main .ys-nyban-title p {
    color: var(--color333);
}

.culture-may-inof-nub .std-font18, .culture-main .ys-nyban-title .std-font18 {
    color: var(--colormain);
    margin-bottom: 0.14rem;
}

.culture-may-inof-nub .std-font24, .culture-main .ys-nyban-title .std-font24 {
    color: var(--color333)
}

.culture-main .ys-nyban-title h1 {
    font-size: var(--font50);
}

.culture-banner-inof .ys-nyban-img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

/* 
.home-data-list {
    display: flex !important;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: calc(600px * var(--total));
} */

.home-data-box {
    display: flex;
}

.home-tech-top {
    margin-bottom: 1.15rem;
}

.home-tech-data.no-wiper .home-data-list {
    justify-content: center;
}

.product-anchor-box {
    display: flex;
    justify-content: center;
}

.innovation-results .ys-slide-item.is-active .ys-sit-icon::after {
    transform: translate(-50%, -50%) rotate(0);
}

.company-back {
    position: sticky;
    top: var(--headh);
}

.mod-head-arrow.mod-ph {
    display: none;
}

.ys-ban-title {
    font-size: var(--font50);
}

.culture-may-inof-nub:nth-child(1), .culture-banner-inof-nub:nth-child(1) {
    display: none;
}

.career-main .ys-nyban-img {
    position: relative;
}

.career-main .ys-nyban-img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.career-story-item:nth-child(2n) {
    display: flex;
    justify-content: flex-end;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .footer-nav ul a:hover, .footer-nav>li>a:hover {
        color: var(--colormain)
    }

    a:hover .std-btn1-link {
        background: #04703e;
    }

    .footer-select .ys-select-li a:hover {
        color: var(--colormain)
    }

    .home-map-point:hover .home-map-point-panel::after {
        width: 100%;
    }

    .home-map-point:hover .hmpl-circle1, .home-map-point:hover .hmpl-circle2 {
        animation: none;
    }

    .home-map-point:hover .home-map-point-icon {
        transform: scale(1);
    }

    a:hover .solution-case-link-icon img:nth-child(2) {
        opacity: 1;
    }

    a:hover .solution-case-link-icon img:nth-child(1) {
        opacity: 0;
    }

    .news-detail-page-item a:hover {
        color: var(--colormain)
    }

    .case-filter-link:hover {
        background: #F2F8F4;
    }

    .mod-arrows1 .slick-arrow:hover {
        background: #04703E;
        border-color: #04703E;
    }

    .case-recommend-link:hover .case-recommend-name {
        color: var(--colormain)
    }
}

/* kaffi-8.13-end */
/* culture-banner-title1 */
.home-data-box.swiper {
    --gap: 0.7rem;
}

/* 8.28-start */
.service-promise .service-title {
    position: relative;
    top: auto;
    margin-bottom: 0.6rem;
}

.service-promise-item {
    position: relative;
    top: auto !important;

}

.service-promise-item:not(:first-child) {
    position: absolute;
    top: 0 !important;
    left: 0;
    width: 100%;
}

/* .service-promise-item:nth-child(4n-2) {
    transform: translateY(calc(-100% + var(--title)));
}

.service-promise-item:nth-child(4n-1) {
    transform: translateY(calc(-200% + var(--title) * 2));
}

.service-promise-item:nth-child(4n) {
    transform: translateY(calc(-300% + var(--title) * 3));
} */
.service-promise-item:nth-child(4n-2) {
    margin-top: var(--title);
    transform: translateY(calc(100% - var(--title) + 0.2rem));
}

.service-promise-item:nth-child(4n-1) {
    margin-top: calc(var(--title) * 2);
    transform: translateY(calc(200% - var(--title) * 2 + 0.4rem));
}

.service-promise-item:nth-child(4n) {
    margin-top: calc(var(--title) * 3);
    transform: translateY(calc(300% - var(--title) * 3 + 0.6rem));
}

.service-promise-wrap-list {
    height: 50vh;
}

.service-promise-list {
    --title: 76px;
    margin-top: 0;
    margin-bottom: calc(var(--title) * 3);
}

.service-promise .ys-cont1600 {
    position: sticky;
    top: var(--headh);
    min-height: calc(100vh - var(--headh));
    /* height: calc(100% + 4 * var(--title));
    --title: 76px; */
}

.service-promise-desc {
    margin-top: 0.4rem;
}

.service-promise-copy {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.service-promise-item {
    padding: .22rem .25rem 0.2rem .29rem;
}

.company-history::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2.18rem;
    content: "";
    pointer-events: none;
    /* base64 就是你最开始那根垂直渐变竖线svg：上透明，下深色；宽度1px，高度100% */
    background-image: url("../images/linear.svg");
    background-repeat: repeat-x;
    /* 水平重复铺满 */
    background-size: 0.2rem 100%;
    /* 每根线之间间隔：0.2rem；高度占满容器 */
    opacity: 0.18;
}

.ys-ban-imgbox picture, .ys-ban-imgbox img {
    height: 100%;
}

.ys-ban-imgbox {
    height: 100%;
}

/* 8.28-end */
/* 9.4-start */
.ys-ban-slick .slick-dots {
    bottom: 1rem;
}

.home-num-value {
    transform: translateX(-0.06rem);
}

.service-promise-desc {
    margin-top: 0;
}

.service-promise-name {
    margin-bottom: 0.4rem
}

.service-promise-desc li {
    position: relative;
    z-index: 1;
    padding-left: 0.2rem;
}

.service-promise-desc li::after {
    position: absolute;
    top: 0.12rem;
    left: 0;
    width: 4px;
    height: 4px;
    background: #496457;
    content: '';
    border-radius: 50%;
}

.service-promise-item:nth-child(4n-2) .service-promise-desc li::after {
    background: #496457;
}

.service-promise-item:nth-child(4n-1) .service-promise-desc li::after {
    background: #fff;
}

.service-promise-item:nth-child(4n) .service-promise-desc li::after {
    background: #fff;
}

.service-support-item-box {
    padding: .7rem .45rem .43rem;
}

.company-honor-card {
    cursor: pointer;
}

.company-history .mod-arrows1 .slick-arrow.slick-disabled {
    background: #fff;
}

.company-history .ys-cont1600 {
    position: relative;
    z-index: 3;
}

.news-card-title {
    max-height: 3.1em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.contact-address-detail-copy p {
    display: flex;
    align-items: flex-start;
}

.home-map-point.is-active .home-map-point-panel::after {
    width: 100%;
}

.home-news-title {
    max-height: 2.6em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.faq-anchor {
    transition: var(--transition);
}

.faq-side .mCSB_horizontal.mCSB_inside>.mCSB_container {
    transition: var(--transition);
}

.service-promise-copy {
    justify-content: flex-start;
}

.home-map-point-icon {
    /* transition: var(--transition); */
    opacity: 0;
}

.company-stat-list {
    margin: 0 0 -0.3rem;
}

.product-contact-form .ys-fia-text-btn {
    top: 7px
}

.sustain-story-item.slick-current {
    animation: ysfadeInUp .8s ease-in-out both;
}

.product-anchor .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 0
}

.product-anchor .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    opacity: 0;
    bottom: -3px;
}

.product-app-list {
    justify-content: center;
}

.news-inof .slick-track {
    margin: 0 auto;
}

.culture-may-inof-nub {
    margin-bottom: 30vh;
}

.product-anchor.mod-anchor,.product-content-wrap {
    overflow: hidden;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .home-map-point:hover .home-map-point-icon {
        opacity: 1;
    }
}