@charset "utf-8";

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

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

@font-face {
    font-family: 'MontserratMedium';
    src: url('../fonts/MontserratMedium/MontserratMedium.woff2') format('woff2'),
        url('../fonts/MontserratMedium/MontserratMedium.woff') format('woff');
}

@font-face {
    font-family: 'FigtreeMedium';
    src: url('../fonts/Figtree/Figtree-Medium/Figtree-Medium.woff2') format('woff2'),
        url('../fonts/Figtree/Figtree-Medium/Figtree-Medium.woff') format('woff');
}

@font-face {
    font-family: 'MontserratMedium';
    src: url('../fonts/Figtree/Figtree-Regular/Figtree-Regular.woff2') format('woff2'),
        url('../fonts/Figtree/Figtree-Regular/Figtree-Regular.woff') format('woff');
}

@font-face {
    font-family: 'PoppinsRegular';
    src: url('../fonts/PoppinsRegular/PoppinsRegular.woff2') format('woff2'),
        url('../fonts/PoppinsRegular/PoppinsRegular.woff') format('woff');
}

@font-face {
    font-family: 'PoppinsBold';
    src: url('../fonts/PoppinsBold/PoppinsBold.woff2') format('woff2'),
        url('../fonts/PoppinsBold/PoppinsBold.woff') format('woff');
}

@font-face {
    font-family: 'PoppinsLight';
    src: url('../fonts/PoppinsLight/PoppinsLight.woff2') format('woff2'),
        url('../fonts/PoppinsLight/PoppinsLight.woff') format('woff');
}

@font-face {
    font-family: 'PoppinsMedium';
    src: url('../fonts/PoppinsMedium/PoppinsMedium.woff2') format('woff2'),
        url('../fonts/PoppinsMedium/PoppinsMedium.woff') format('woff');
}

@font-face {
    font-family: 'PoppinsSemiBold';
    src: url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff2') format('woff2'),
        url('../fonts/PoppinsSemiBold/PoppinsSemiBold.woff') format('woff');
}

@font-face {
    font-family: 'PoppinsThin';
    src: url('../fonts/PoppinsThin/PoppinsThin.woff2') format('woff2'),
        url('../fonts/PoppinsThin/PoppinsThin.woff') format('woff');
}

html {
    font-size: 100px;
}

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

:root {
    /* 字号 */
    --font100: 1.0rem;
    --font98: 0.98rem;
    --font96: 0.96rem;
    --font94: 0.94rem;
    --font92: 0.92rem;
    --font90: 0.90rem;
    --font88: 0.88rem;
    --font86: 0.86rem;
    --font84: 0.84rem;
    --font82: 0.82rem;
    --font80: 0.80rem;
    --font78: 0.78rem;
    --font76: 0.76rem;
    --font74: 0.74rem;
    --font72: 0.72rem;
    --font70: 0.70rem;
    --font68: 0.68rem;
    --font66: 0.66rem;
    --font64: 0.64rem;
    --font62: 0.62rem;
    --font60: 0.60rem;
    --font58: 0.58rem;
    --font56: 0.56rem;
    --font54: 0.54rem;
    --font52: 0.52rem;
    --font50: 0.50rem;
    --font48: 0.48rem;
    --font46: 0.46rem;
    --font44: 0.44rem;
    --font42: 0.42rem;
    --font40: 0.40rem;
    --font38: 0.38rem;
    --font36: 0.36rem;
    --font34: 0.34rem;
    --font32: 0.32rem;
    --font30: 0.30rem;
    --font28: 0.28rem;
    --font26: 0.26rem;
    --font24: 0.24rem;
    --font22: 0.22rem;
    --font20: 0.20rem;
    --font18: 0.18rem;
    --font16: 0.16rem;
    --font14: 0.14rem;
    --font12: 0.12rem;
    --font10: 0.10rem;
    /* 间距 */
    --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;
    --line15: 1.5;
    --line16: 1.6;
    --line165: 1.65;
    --line17: 1.7;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 80px;
    /* 颜色 */
    --color000: #000;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #FABE00;
    --colormain1: #003153;
    --colortext1: #B0C0DD;
    --colortext2: #8999A4;
    --color15: #151515;
    --colorred: #DE0000;
    --colortext3: #8B8D98;
    --colortext4: #B3B3B3;
    --colortext5: rgba(176, 192, 221, 0.4);
    /* 板块间距 */
    --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-font200,
.std-font200 p {
    font-size: var(--font200);
    color: var(--color333);
    line-height: var(--line15);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.std-text18,
.std-text18 p {
    font-size: var(--font18);
    color: var(--color333);
    line-height: var(--line16);
}

.std-text16,
.std-text16 p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line165);
}

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

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

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

.std-text14,
.std-text14 p {
    font-size: var(--font14);
    color: var(--color333);
    line-height: var(--line17);
}

.std-text12,
.std-text12 p {
    font-size: var(--font12);
    color: var(--color333);
    line-height: var(--line18);
}

.std-text10,
.std-text10 p {
    font-size: var(--font10);
    color: var(--color333);
    line-height: var(--line175);
}

.std-padd {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
}

.std-padding120t {
    padding-top: var(--space120);
}

.std-padding120 {
    padding-bottom: var(--space120);
}

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

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

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

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

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

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

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

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

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

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

/*导航默认选中*/
.yxnav-active1 {}

.yxnav-active2 {}

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

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

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

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

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

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

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

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

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

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

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

/* 首页banner载入 */
.ys-ban-li.act .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;
} */

/* 公共轮播控件 - start */
.std-dots1,
.std-dots2,
.std-dots3 {
    position: static;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.std-dots1 li,
.std-dots1 span,
.std-dots2 li,
.std-dots2 span,
.std-dots3 li,
.std-dots3 span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 0.06rem;
    border-radius: 50%;
    transition: var(--transition);
}

.std-dots2 li,
.std-dots2 span {
    flex: 0 0 auto;
    width: 0.08rem;
    height: 0.08rem;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.48);
    background: transparent;
    box-sizing: border-box;
}

.std-dots2 li+li,
.std-dots2 span+span {
    margin-left: 0.06rem;
}

.std-dots3 li,
.std-dots3 span {
    background: rgba(0, 49, 83, 0.25);
}

.std-dots2 li.slick-active,
.std-dots2 li.act,
.std-dots2 span.act {
    border-color: var(--colormain);
    background: var(--colormain);
}

.std-dots3 li.slick-active,
.std-dots3 li.act,
.std-dots3 span.act {
    background: var(--colormain1);
}

.std-dots1 button,
.std-dots2 button,
.std-dots3 button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    font-size: 0;
    line-height: 0;
    background: transparent;
    cursor: pointer;
}

.std-arrows1,
.std-arrows2 {
    pointer-events: none;
}

.std-arrows1 .std-arrow,
.std-arrows2 .std-arrow {
    display: block;
    width: 0.48rem;
    height: 0.48rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    line-height: 0;
    background: transparent;
    cursor: pointer;
    pointer-events: auto;
    transition: var(--transition);
}

.std-arrows1 .std-arrow.slick-hidden,
.std-arrows2 .std-arrow.slick-hidden {
    display: none;
}

.std-arrows1 .std-arrow img,
.std-arrows2 .std-arrow img {
    display: block;
    width: 100%;
}

/* 公共轮播控件 - end */
/* 公共描边胶囊按钮 - start */
.std-pill-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    min-height: 0.51rem;
    padding: 0.13rem 0.32rem;
    border: 1px solid rgba(0, 49, 83, 0.18);
    border-radius: 999px;
    color: var(--colormain1);
    text-align: center;
    background: rgba(255, 255, 255, 0.68);
    transition: var(--transition);
}

.std-pill-btn.std-text16,
.std-pill-btn.std-text16 p {
    color: var(--colormain1);
    line-height: 1.4;
}

.std-pill-btn[aria-disabled="true"] {
    cursor: default;
}

.nydemo-btn-area {
    padding: 0.6rem 0;
}

.nydemo-btn-title {
    margin-bottom: 0.2rem;
    color: var(--colormain1);
    font-size: var(--font24);
    line-height: 1.4;
    font-weight: 500;
}

/* 公共描边胶囊按钮 - end */
/* 公共样式 - end */
picture,
picture img {
    width: 100%;
}

/* 公共banner弧形mask - start */
.about-main .ys-nyban-img,
.concept-main .ys-nyban-img,
.sustain-index-main .ys-nyban-img,
.sample-main .ys-nyban-img,
.join-main .ys-nyban-img,
.join-activity {
    /* --banner-mask-x: 96%;
    --banner-mask-y: 100%; */
    -webkit-mask-image: radial-gradient(ellipse var(--banner-mask-x) var(--banner-mask-y) at 50% 0, #000 99.5%, transparent 100%);
    mask-image: radial-gradient(ellipse var(--banner-mask-x) var(--banner-mask-y) at 50% 0, #000 99.5%, transparent 100%);
    -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

/* 公共banner弧形mask - end */
/* 自定义公共 */
.pc-fenye li {
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
}

.pc-fenye li {
    margin: 0 0.11rem;
}

.mod-bread {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0.2rem;
    z-index: 5;
}

.ys-bread {
    display: flex;
}

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

.ys-nybanner1 .ys-nyban-title {
    z-index: 3;
}

.ys-nybanner1 .ys-nyban-title .ys-cont1400 {
    max-width: 11.2rem;
    text-align: center;
}

.ys-nybanner1 .ys-nyban-title .std-font46,
.ys-nybanner1 .ys-nyban-title .std-font46 p {
    color: var(--colorfff);
    line-height: 1.5;
    font-weight: 500;
}


.ys-nybanner2 {
    position: relative;
    padding: 0;
    overflow: visible;
}

/* .ys-nybanner2 .ys-bread {
    position: absolute;
    z-index: 4;
    top: 1.19rem;
    left: 50%;
    width: 85vw;
    max-width: 14.4rem;
    margin: 0;
    transform: translateX(-50%);
} */
/* .ys-nybanner2 .ys-nyban-img {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
} */

.ys-nybanner2 .ys-nyban-img::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.14) 48%, rgba(0, 0, 0, 0.02) 100%);
}

.ys-nybanner2 .ys-nyban-img img {
    height: 100%;
    object-fit: cover;
}

.ys-nybanner2 .mod-bread {
    top: calc(var(--headh) + 0.2rem);
}

.ys-nybanner2 .ys-bread-list a {
    color: #fff
}

.ys-nybanner2 .ys-bread-list:not(:last-child) {
    color: #000;
    opacity: 0.4;
}

.ys-nybanner2 .ys-bread-list::before {
    color: #fff;
    opacity: 1;
}

.ys-nybanner3 .ys-bread-list a,
.ys-nybanner3 .ys-bread-list a p {
    color: var(--colormain1);
    line-height: 1.5;
}

.ys-nybanner3 .ys-nyban-title {
    text-align: left;
}

.ys-nybanner3 .ys-nyban-kicker.std-text18,
.ys-nybanner3 .ys-nyban-kicker.std-text18 p {
    margin-bottom: 0.02rem;
    color: var(--colormain1);
    line-height: 1.45;
    font-weight: 500;
}

.ys-nybanner3 .ys-nyban-heading .std-font48,
.ys-nybanner3 .ys-nyban-heading .std-font48 p {
    color: var(--colormain1);
    line-height: 1.45;
    font-weight: 500;
}

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

.ys-nybanner3 .ys-nyban-inner {
    width: 75vw;
    max-width: 1440px;
    margin: 0 auto;
}

.ys-nybanner3 .ys-nyban-color {
    width: 100%;
    margin: 0.52rem 0 0;
}

.ys-nybanner3 .ys-nyban-color img {
    display: block;
    width: 100%;
}

.ys-nybanner3 .ys-bread-list a {
    color: #999;
}

.ys-nybanner3 .ys-bread-list::before {
    color: #999
}

.ys-nybanner3 .ys-bread-list:last-child a {
    color: var(--colormain1);
}

.ys-bread-list:first-child {
    padding-left: 0
}

/* .ys-nybanner6 .ys-nyban-scroll {
    position: absolute;
    left: 50%;
    bottom: 0.44rem;
    z-index: 6;
    width: 0.26rem;
    line-height: 0;
    transform: translateX(-50%);
}
.ys-nybanner6 .ys-nyban-scroll img {
    display: block;
    width: 100%;
} */
/* 
.ys-nybanner11 .ys-nyban-subnav {
    position: absolute;
    z-index: 5;
    top: 1.47rem;
    right: 2.52rem;
    display: flex;
    align-items: center;
}
.ys-nybanner11 .ys-nyban-subnav li+li {
    margin-left: 0.52rem;
}
.ys-nybanner11 .ys-nyban-subnav a.std-text16,
.ys-nybanner11 .ys-nyban-subnav a.std-text16 p {
    color: rgba(255, 255, 255, 0.62);
    font-size: var(--font16);
    line-height: 1.5;
    transition: var(--transition);
}
.ys-nybanner11 .ys-nyban-subnav .act a {
    color: var(--colorfff);
} */
/* .ys-nybanner11 .ys-nyban-scroll {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 0.42rem;
    width: 0.26rem;
    line-height: 0;
    transform: translateX(-50%);
}
.ys-nybanner11 .ys-nyban-scroll img {
    display: block;
    width: 100%;
} */
/* 
.ys-nybanner12 .ys-nyban-subnav {
    position: absolute;
    z-index: 5;
    top: 1.47rem;
    right: 2.52rem;
    display: flex;
    align-items: center;
}
.ys-nybanner12 .ys-nyban-subnav li+li {
    margin-left: 0.52rem;
}
.ys-nybanner12 .ys-nyban-subnav a {
    color: rgba(255, 255, 255, 0.62);
    transition: var(--transition);
}
.ys-nybanner12 .ys-nyban-subnav .act a {
    color: var(--colorfff);
} */
/* .ys-nybanner12 .ys-nyban-scroll {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 0.42rem;
    width: 0.26rem;
    line-height: 0;
    transform: translateX(-50%);
}
.ys-nybanner12 .ys-nyban-scroll img {
    display: block;
    width: 100%;
} */
/* 
.ys-nybanner13 .ys-nyban-subnav {
    position: absolute;
    top: 1.48rem;
    right: 13.54vw;
    z-index: 4;
    display: flex;
    align-items: center;
}
.ys-nybanner13 .ys-nyban-subnav li {
    margin-left: 0.62rem;
}
.ys-nybanner13 .ys-nyban-subnav li:first-child {
    margin-left: 0;
}
.ys-nybanner13 .ys-nyban-subnav a {
    display: block;
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--font16);
    line-height: 1.5;
    transition: var(--transition);
}
.ys-nybanner13 .ys-nyban-subnav .act a {
    color: var(--colorfff);
} */
.mod-nyban-nav-wrap {
    display: flex;
    --gap: 0.44rem;
    margin: 0 calc(-1 * var(--gap))
}

.mnnw-item {
    padding: 0 var(--gap);
}

.mnnw-item-link {
    opacity: 0.5;
}

.mnnw-item.act .mnnw-item-link {
    opacity: 1;
}

.mnnw-item-link {
    color: #fff;
}

.mod-nyban-nav {
    position: absolute;
    top: calc(0.5rem + var(--headh));
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: flex-end;
    z-index: 5;
}

@media screen and (min-width: 1200px) {
    .mnnw-item-link:hover {
        opacity: 1;
    }

    /* .ys-nybanner11 .ys-nyban-subnav li:not(.act) a:hover {
        color: var(--colorfff);
    }
    .ys-nybanner12 .ys-nyban-subnav li:not(.act) a:hover {
        color: var(--colorfff);
    } */
}

/* 自定义公共 - end */
/* Mod-btn */
.mod-btn {
    display: inline-flex;
}

.mod-btn.on .mod-btn-link {
    background: var(--colormain1);
    border-color: var(--colormain1);
}

.mod-btn-link {
    border-radius: 60px;
    background: var(--colormain);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    color: #fff;
    border: 1px solid var(--colormain);
    padding: 0.145rem 0.32rem;
    font-size: var(--font16);
    line-height: 1.2;
    transition: var(--transition);
}

.mod-view-link-img img:nth-child(2) {
    opacity: 0;
}

.mod-view-link-img {
    width: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mod-view-link {
    display: flex;
    align-items: center;
}

.mod-view-link-text {
    font-size: var(--font16);
    line-height: 1.2;
    color: #666;
    transition: var(--transition);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    -o-backdrop-filter: blur(2px);
    -ms-backdrop-filter: blur(2px);
    -moz-backdrop-filter: blur(2px);
    padding-right: 8px;
}

.mod-view-link-img img {
    transform: scale(1) !important;
}

.mod-icon {
    padding: 0.13rem 0.14rem 0.14rem 0.15rem;
    --wh: 0.48rem;
    width: var(--wh);
    height: var(--wh);
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
    cursor: pointer;
}

.mod-icon .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.mod-icon .ys-imgbox-cover img {
    transform: scale(1) !important;
}

.mod-line {
    display: inline-flex;
}

.mod-line-link {
    border-radius: 50px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    color: #fff;
    border: 1px solid var(--colorfff);
    padding: 0.145rem 0.32rem;
    font-size: var(--font16);
    line-height: 1.2;
    transition: var(--transition);
}

.mod-line.on .mod-line-link {
    color: var(--colormain);
    border: 1px solid var(--colormain);
}

.mod-line.act .mod-line-link {
    color: var(--colormain1);
    border: 1px solid var(--colormain1);
}

.mod-more {
    display: inline-flex;
    --wh: 0.57rem;
    flex: none;
}

.mod-more-link {
    display: flex;
    align-items: center;
    background: var(--colormain);
    border-radius: 100px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    padding: 7px;
    /* transition: var(--transition); */
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    z-index: 1;
    transition: all .8s ease;
    padding-right: calc(var(--wh) + 4px);
    /* border: 1px solid transparent; */
    cursor: pointer;
}

.mod-more-link::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background: var(--colormain);
    border-radius: 80px;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    transition: var(--transition);
    z-index: 2;
    /* transition: all .6s ease; */
}

.mod-more-link-icon {
    width: var(--wh);
    height: var(--wh);
    background: rgba(255, 255, 255, 0.30);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* transition: var(--transition); */
    position: relative;
    z-index: 3;
    transition: all .8s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
}

.mod-more-link-icon img {
    width: 0.24rem;
}

.mod-more-link span {
    display: block;
    color: var(--colorfff);
    padding-left: 0.5rem;
    padding-right: 0.44rem;
    font-size: var(--font16);
    line-height: var(--line175);
    position: relative;
    z-index: 3;
    transition: all .8s ease;
    height: var(--wh);
    line-height: var(--wh);
}

.mod-more.on .mod-more-link {
    background: rgba(255, 255, 255, 0.10);
    position: relative;
}

.mod-more.on .mod-more-link::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    border: 1px solid var(--colorfff);
    pointer-events: none;
    transition: all .4s ease;
    border-radius: 100px;
}

.mod-more.on .mod-more-link-icon {
    background: var(--colormain);
}

.mod-arrow1 .slick-arrow {
    width: 0.48rem;
    height: 0.48rem;
    z-index: 5;
}

.mod-arrow1 .slick-arrow::before, .mod-arrow1 .slick-arrow::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: var(--transition);
}

.mod-arrow1 .slick-prev::before {
    background: url('../images/buttom_cust01.svg')no-repeat;
    background-size: contain;
}

.mod-arrow1 .slick-prev::after {
    background: url('../images/button_cust01.svg')no-repeat;
    background-size: contain;
}

.mod-arrow1 .slick-next::before {
    background: url('../images/buttom_cust02.svg')no-repeat;
    background-size: contain;
}

.mod-arrow1 .slick-next::after {
    background: url('../images/button_cust02.svg')no-repeat;
    background-size: contain;
}

.mod-arrow1 .slick-arrow::after {
    opacity: 0;
}

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

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

.mod-arrows1 .slick-prev, .ys-slick.mod-arrows1 .slick-next {
    transition: var(--transition);
    width: 0.4rem;
    height: 0.4rem;
}

.mod-arrows1 .slick-prev {

    background-size: contain;
    left: -0.4rem;
}

.mod-arrows1 .slick-next {
    background-size: contain;
    right: -0.4rem;
}

.mod-arrows1 .slick-prev::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: url('../images/arrow5.svg') no-repeat center center;
    background-size: contain;
    transition: var(--transition);
}

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

.mod-arrows1 .slick-next::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: url('../images/arrow6.svg') no-repeat center center;
    background-size: contain;
    transition: var(--transition);
}

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

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .mod-btn-link:hover {
        color: var(--colormain);
        background: transparent;
    }

    a:hover .mod-btn-link {
        color: var(--colormain)
    }

    .mod-btn.on .mod-btn-link:hover {
        color: #fff;
        background: var(--colormain);
        border-color: var(--colormain);
    }

    a:hover .mod-btn.on .mod-btn-link {
        color: #fff;
        background: var(--colormain);
        border-color: var(--colormain);
    }

    .mod-view-link:hover .mod-view-link-img img:nth-child(1) {
        opacity: 0;
    }

    .mod-view-link:hover .mod-view-link-img img:nth-child(2) {
        opacity: 1;
    }

    .mod-view-link:hover .mod-view-link-text {
        color: var(--colormain);
    }

    a:hover .mod-view-link .mod-view-link-img img:nth-child(1) {
        opacity: 0;
    }

    a:hover .mod-view-link .mod-view-link-img img:nth-child(2) {
        opacity: 1;
    }

    a:hover .mod-view-link .mod-view-link-text {
        color: var(--colormain);
    }

    .mod-icon:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }

    .mod-icon:hover .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }

    .mod-icon:hover {
        background: var(--colormain);
        border-color: var(--colormain);
    }

    a:hover .mod-icon .ys-imgbox-cover img:nth-child(2) {
        opacity: 1;
    }

    a:hover .mod-icon .ys-imgbox-cover img:nth-child(1) {
        opacity: 0;
    }

    a:hover .mod-icon {
        background: var(--colormain);
        border-color: var(--colormain);
    }

    .mod-line-link:hover {
        background: var(--colormain);
        border-color: var(--colormain);
    }

    .mod-line.on .mod-line-link:hover {
        color: var(--colorfff);
    }

    .mod-line.act .mod-line-link:hover {
        color: var(--colorfff);
        border-color: var(--colormain);
    }

    a:hover .mod-line-link {
        background: var(--colormain);
        border-color: var(--colormain);
    }

    a:hover .mod-line.on .mod-line-link {
        color: var(--colorfff);
    }

    a:hover .mod-line.act .mod-line-link {
        color: var(--colorfff);
        border-color: var(--colormain);
    }

    .mod-more-link:hover::before {
        width: 100%;
        left: 0;
        right: auto;
    }

    a:hover .mod-more-link::before {
        width: 100%;
        left: 0;
        right: auto;
    }

    .mod-more-link:hover span {
        transform: translateX(var(--wh));
    }

    a:hover .mod-more-link span {
        transform: translateX(var(--wh));
    }

    .mod-more-link:hover .mod-more-link-icon {
        right: calc(100% - 7px - var(--wh));
    }

    a:hover .mod-more-link .mod-more-link-icon {
        right: calc(100% - 7px - var(--wh));
    }

    /* .mod-more.on .mod-more-link:hover::after {
        opacity: 0;
    }
    a:hover .mod-more.on .mod-more-link::after {
        opacity: 0;
    } */
    /* .mod-more-link:hover {
        background: transparent;
    }
    a:hover .mod-more.on .mod-more-link:hover {
        background: transparent;
    }
    .mod-more-link:hover::before {
        background: transparent;
    }
    a:hover .mod-more.on .mod-more-link:hover::before {
        background: transparent;
    } */
    .mod-more.on .mod-more-link:hover::before {
        width: 0%;
    }

    a:hover .mod-more.on .mod-more-link::before {
        width: 0%;
    }

    .mod-arrow1 .slick-arrow:hover::before {
        opacity: 0;
    }

    .mod-arrow1 .slick-arrow:hover::after {
        opacity: 1;
    }

    .mod-arrows1 .slick-prev:hover::before {
        opacity: 0;
    }

    .mod-arrows1 .slick-prev:hover::after {
        opacity: 1;
    }

    .mod-arrows1 .slick-next:hover::before {
        opacity: 0;
    }

    .mod-arrows1 .slick-next:hover::after {
        opacity: 1;
    }
}

/* Mod-btn - end*/
/* B1 产品汇总 - start */
.product-ban .std-text18, .product-ban .std-text18 p {
    text-align: center;
}

.product-ban .ys-nyban-img img {
    border-radius: 0.16rem;
}

.product-ban {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 0.33rem;
}

.product-colors {
    position: relative;
    overflow: visible;
    /* padding-bottom: 1.28rem; */
}

.product-head {
    text-align: center;
    margin-bottom: 0.68rem;
}

.product-head .std-font46 {
    margin-bottom: 0.07rem;
}

.product-head .std-font46,
.product-head .std-font46 p {
    color: var(--colormain1);
    line-height: 1.75;
}

.product-head-copy,
.product-head-copy p {
    color: #666;
    line-height: var(--line175);
    text-align: center;
}

.product-color-inof {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.18rem;
    --gap2: 0.36rem;
    margin: 0 calc(-1 * var(--gap1)) calc(-1 * var(--gap2));
}

.product-color-item {
    width: 16.666666%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.product-color-img,
.product-color-custom {
    border-radius: 0.08rem;
    overflow: hidden;
}

.product-color-img {
    margin-bottom: 0.12rem;
}

.product-color-custom {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 3 / 4;
    background: #e6f2fb;
}

.product-color-custom img {
    width: 55.24%;
}

.product-color-name {
    color: var(--colormain1);
    font-size: var(--font20);
    line-height: var(--line175);
    text-align: center;
}

.product-consult {
    position: absolute;
    z-index: 2;
    top: 4rem;
    right: 0;
    width: 9.53125%;
    max-width: 1.83rem;
}

.product-consult img {
    width: 100%;
}

.product-style {
    padding-bottom: 0.68rem;
}

.product-style-img {
    width: 100%;
}

.product-style-img img {
    display: block;
    width: 100%;
}

.product-system {
    background: #F8FBFF;
}

.product-system-tab-top {
    padding: 0.1rem 0.13rem;
    border-radius: 0.3rem;
    background: var(--colorfff);
    margin-bottom: 0.45rem;
    overflow: hidden;
}

.product-system-tab {
    display: flex;
    overflow-x: auto;


}

.product-system-tab-item {
    /* width: 25%; */
    flex-shrink: 0;
    flex-grow: 1;

}

.product-system-tab-item.no-pointer {
    pointer-events: none;
}

.product-system-tab-item.no-pointer .product-system-tab-link {
    color: #999;
}

.product-system-tab-link {
    display: block;
    padding: 0.09rem 0.1rem;
    border-radius: 0.24rem;
    color: #333;
    font-size: var(--font16);
    line-height: 1.45;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
}

.product-system-tab-item.on .product-system-tab-link {
    color: var(--colorfff);
    background: var(--colormain);
}

.product-series-tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -0.2rem 0;
}

.product-series-tab-item {
    position: relative;
}

.product-series-tab-link {
    display: block;
    color: #999;
    font-size: var(--font14);
    line-height: 1.5;
    cursor: pointer;
    transition: var(--transition);
    padding: 0 0.2rem 0.08rem;
    position: relative;
}

.product-series-tab-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid var(--colormain);
    opacity: 0;
    transform: scaleX(0);
    transform-origin: 50% 50%;
    transition: var(--transition);
}

.product-series-tab-item.act .product-series-tab-link {
    color: var(--colormain);
}

.product-series-tab-item.act .product-series-tab-link::after {
    opacity: 1;
    transform: scaleX(1);
}

.product-card-inof {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.18rem;
    --gap2: 0.34rem;
    margin: 0 calc(-1 * var(--gap1)) calc(var(--gap2) * -1);
}

.product-card-item {
    width: 50%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.product-system-tab-box {
    padding: 0 0.41rem;
    margin-bottom: 0.68rem
}

.product-card-box {
    position: relative;
    padding: 0.57rem 0.68rem 0.67rem;
    border-radius: 0.16rem;
    background: var(--colorfff);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-card-title,
.product-card-title p {
    color: var(--colormain1);
    line-height: 1.75;
    font-weight: 500;
}

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

.product-card-copy,
.product-card-copy p {
    color: #666;
    line-height: 1.75;
    min-height: 5.25em;
}

.product-card-box-top {
    margin-bottom: 0.2rem;
}

.product-card-pics {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.13rem;
    --gap2: 0.26rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
}

.product-card-pics li {
    width: 33.333333%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.product-card-pic {
    border-radius: 0.06rem;
}

.product-card-more {
    display: flex;
    align-items: center;
    width: max-content;
    /* margin: 0.02rem 0 0 auto; */
    color: var(--colormain);
    font-size: var(--font14);
    line-height: 1.5;
    position: absolute;
    bottom: 0;
    right: 0;
}

.product-card-more-icon {
    position: relative;
    display: block;
    width: 0.07rem;
    margin-left: 0.08rem;
    line-height: 0;
    margin-top: 2px
}

.product-card-more-icon img {
    display: block;
    width: 100%;
    transition: var(--transition);
}

.product-card-more-icon img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

/* B1 产品汇总 - end */
/* B2 产品列表 - start */
.catalog-main.ys-page-wrap.act .ys-main {
    margin-top: 0;
}

.catalog-main .ys-main {
    background: #f3f8fc;
}

.catalog-filter {
    position: relative;
    z-index: 5;
    margin-top: -1.89rem;
    padding-bottom: 0.46rem
}

.catalog-box {
    padding: 0.44rem 0.32rem 0.53rem 0.44rem;
    border-radius: 0.16rem;
    background: var(--colorfff);
    box-shadow: 0 5px 25px 1px rgba(135, 165, 193, 0.15);
}

.catalog-title {
    color: #666;
    line-height: var(--line15);
    margin-bottom: 0.24rem;
}

.catalog-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.24rem;
}

.catalog-row:first-of-type {
    margin-top: 0.2rem;
}

.catalog-colorbar {
    margin-top: 0.38rem;
    flex-direction: column;
    margin-bottom: 0.6rem;
}

.catalog-label {
    flex-shrink: 0;
    padding-right: 0.32rem;
    color: #666;
    line-height: 1.75;
    margin-top: 5px
}

.catalog-colorbar .catalog-label {
    color: #666;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0.24rem;
}

.catalog-options {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    align-items: center;
    margin: 0rem -6px -12px;
}

.catalog-option-text {
    padding: 0.1rem 0.2rem;
    border: 1px solid #e7edf3;
    transition: var(--transition);
    background: var(--colorfff);
    border-radius: 26px;
}

.catalog-option {
    display: flex;
    align-items: center;
    color: #666;
    line-height: 1.5;
    cursor: pointer;
    transition: var(--transition);
    padding: 0 6px;
    margin-bottom: 12px;
}

.catalog-option span {
    color: #666;
    display: inline-block;
    font-size: var(--font16);
    line-height: 1.2;
}

.catalog-row2 .catalog-option span {
    line-height: 1.75;
}

.catalog-check {
    display: block;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-right: 0.08rem;
    border: 1px solid #e1e8ef;
    border-radius: 50%;
    background: var(--colorfff);
    transition: var(--transition);
}

.catalog-option.act .catalog-check {
    border-color: var(--colormain);
    /* background: var(--colormain); */
}

.catalog-color {
    display: flex;
    align-items: center;
    /* margin: 0.06rem 0.13rem 0.06rem 0; */
    color: #5f6c79;
    line-height: 1.5;
    background: none;
    cursor: pointer;
    transition: var(--transition);
    padding-bottom: 0.12rem
}

.catalog-color-text {
    display: flex;
    align-items: center;
    padding: 0.06rem 0.1rem;
}

.catalog-color-text span {
    color: #666;
    font-size: var(--font14);
    line-height: 1.5;
}

.catalog-dot {
    display: block;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-right: 0.08rem;
    border-radius: 50%;
    background: var(--color);
    transition: var(--transition);
    border: 1px solid #E5E6EB;
}

.catalog-color.act {
    color: var(--colormain1);
}

.catalog-actions {
    display: flex;
    align-items: center;
}

.catalog-search {
    padding: 0.09rem 0.36rem;
    text-align: center;
    border-radius: 50px;
    background: var(--colormain1);
    color: var(--colorfff);
    line-height: 1.5;
    cursor: pointer;
    transition: var(--transition);
}

.catalog-reset {
    margin-left: 0.36rem;
    color: #B3B3B3;
    line-height: 1.5;
    background: none;
    cursor: pointer;
    transition: var(--transition);
}

.catalog-total {
    margin-bottom: 0.24rem;
}

.catalog-total, .catalog-total span {
    color: var(--colormain);
    line-height: 1.5;
    display: inline-block;
}

.catalog-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.17rem -0.4rem;
}

.catalog-item {
    padding: 0 0.17rem;
    width: 25%;
    margin-bottom: 0.4rem;
}

.catalog-card {
    display: block;
    padding-bottom: 0.2rem;
}

.catalog-img {
    border-radius: 0.08rem;
    margin-bottom: 0.24rem
}

.catalog-img img {
    display: block;
}

.catalog-tag {
    position: absolute;
    top: 0.13rem;
    right: 0.13rem;
    z-index: 3;
    padding: 0.06rem 0.18rem;
    border-radius: 18px;
    color: var(--colorfff);
    line-height: 1.5;
    border-radius: 17px;
    background: rgba(0, 49, 83, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
}

.catalog-name {
    color: #333;
    line-height: 1.75;
    transition: var(--transition);
    margin-bottom: 0.08rem;
}

.catalog-code {
    color: #666;
    line-height: 1.5;
}

.catalog-page {
    margin-top: 0.73rem;
}

/* B2 产品列表 - end */
/* F1 企业简介 - start */
.about-main .ys-main {
    background: var(--colorfff);
}

.about-main .ys-nybanner {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.about-main .ys-nyban-img {
    --banner-mask-x: 92%;
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
}

.about-main .ys-nyban-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(102, 102, 102, 0.00) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    pointer-events: none;
}

.about-main .ys-nyban-img img {
    display: block;
    width: 100%;
}

.about-main .ys-nybanner .std-font20 p {
    color: #fff;
    font-size: var(--font20);
    line-height: 1.75;
}

.about-main .ys-nybanner .std-font20 {
    margin-bottom: var(--space120)
}

/* 
.about-main .ys-bread {
    position: absolute;
    z-index: 5;
    top: 1.18rem;
    left: 50%;
    justify-content: flex-start;
    width: 85vw;
    max-width: 14.4rem;
    margin: 0;
    transform: translateX(-50%);
}

.about-main .ys-bread-list {
    display: flex;
    align-items: center;
    padding: 0 0.045rem;
    color: rgba(255, 255, 255, 0.74);
    font-size: var(--font14);
    line-height: 1.75;
}

.about-main .ys-bread-list::before {
    display: none;
}

.about-main .ys-bread-list a.std-text14,
.about-main .ys-bread-list a.std-text14 p {
    color: inherit;
    font-size: var(--font14);
    line-height: 1.75;
}

.about-main .ys-bread-list:last-child {
    color: var(--colorfff);
}

.about-main .ys-bread-list img {
    display: block;
    width: 0.14rem;
    height: 0.14rem;
    object-fit: contain;
}

.about-main .ys-bread-list:nth-child(2) img,
.about-main .ys-bread-list:nth-child(4) img {
    width: 0.1rem;
    height: 0.1rem;
} */

/* 
.ys-nybanner11 .ys-nyban-subnav {
    position: absolute;
    z-index: 5;
    top: 1.47rem;
    right: 2.52rem;
    display: flex;
    align-items: center;
}
.ys-nybanner11 .ys-nyban-subnav-item+.ys-nyban-subnav-item {
    margin-left: 0.52rem;
}
.ys-nybanner11 .ys-nyban-subnav-link.std-text16,
.ys-nybanner11 .ys-nyban-subnav-link.std-text16 p {
    color: rgba(255, 255, 255, 0.62);
    font-size: var(--font16);
    line-height: 1.5;
    transition: var(--transition);
}
.ys-nybanner11 .ys-nyban-subnav .act .ys-nyban-subnav-link {
    color: var(--colorfff);
} */
.about-main .ys-nyban-title {
    z-index: 4;
    text-align: center;
}

.about-main .ys-nyban-title .std-font48,
.about-main .ys-nyban-title .std-font48 p {
    color: var(--colorfff);
    font-weight: 400;
}

.about-main .ys-nyban-title .std-font48 {
    margin-bottom: 0.12rem;
}

/* 
.ys-nybanner11 .ys-nyban-scroll {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 0.42rem;
    width: 0.26rem;
    line-height: 0;
    transform: translateX(-50%);
}
.ys-nybanner11 .ys-nyban-scroll img {
    display: block;
    width: 100%;
} */
.ys-nybanner11 .ys-nyban-copy {
    width: 6.72rem;
    max-width: 100%;
    margin: 0.22rem auto 0;
}

.ys-nybanner11 .ys-nyban-copy.std-text18,
.ys-nybanner11 .ys-nyban-copy.std-text18 p {
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.75;
}

.about-intro {
    position: relative;
    padding: 0.98rem 0 0.86rem;
    overflow: visible;
    background: var(--colorfff);
}

.about-intro .ys-cont1440 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.about-intro-wrap {
    position: relative;
    position: sticky !important;
    top: var(--space120);

}

.about-intro-center {
    position: relative;
    z-index: 3;
    /* width: 6.45rem;
    max-width: 46vw; */
    margin: 0 auto;
    text-align: center;
    width: 53%;
    margin-bottom: 1.27rem;
}

.about-head {
    text-align: center;
}

.about-head .std-font46,
.about-head .std-font46 p {
    color: var(--colormain1);
    line-height: 1.6;
}

.about-head .std-font40,
.about-head .std-font40 p {
    /* margin-top: 0.14rem; */
    color: var(--colormain1);
    line-height: 1.6;
}

.about-head .std-text18,
.about-head .std-text18 p {
    /* max-width: 6.8rem;
    margin: 0.2rem auto 0; */
    color: #6a747e;
    line-height: 1.75;
}

.about-head-white .std-font48,
.about-head-white .std-font48 p,
.about-head-white .std-font30,
.about-head-white .std-font30 p,
.about-head-white .std-text18,
.about-head-white .std-text18 p {
    color: var(--colorfff);
}

/* 
.about-intro-copy {
    margin-top: 0.34rem;
} */

.about-intro-copy.std-text16,
.about-intro-copy.std-text16 p {
    color: #666;
    line-height: 1.75;
}

/* .about-data {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.24rem;
    margin-top: 0.56rem;
}

.about-data li {
    position: relative;
    text-align: center;
}

.about-data li+li::before {
    content: "";
    position: absolute;
    left: -0.12rem;
    top: 0.18rem;
    width: 1px;
    height: 0.56rem;
    background: #dfe8ef;
} */

.about-data strong.std-font40,
.about-data strong.std-font40 p {
    display: block;
    color: var(--colormain1);
    font-size: 0.38rem;
    line-height: 1.18;
    font-family: var(--modia);
    font-weight: 600;
}

.about-data em {
    margin-left: 0.04rem;
    font-size: var(--font18);
    font-style: normal;
    font-family: var(--font-family);
    font-weight: 400;
}

.about-data .about-data-item-text,
.about-data .about-data-item-text p {
    /*margin-top: 0.12rem;*/
    color: #74808a;
    font-size: var(--font16);
    line-height: 1.5;
}

.about-intro-visual {
    position: absolute;
    z-index: 1;
    top: 0.1rem;
    /* width: 4.95rem; */
    /* height: 5.72rem; */
    pointer-events: none;
}

.about-intro-left {
    left: -0.86rem;
}

.about-intro-right {
    right: -0.74rem;
}

.about-intro-pic {
    position: absolute;
    /* line-height: 0;
    filter: drop-shadow(0 0.18rem 0.32rem rgba(0, 49, 83, 0.12)); */
    top: 50%;
    transform: translateY(-50%);

}

.about-intro-pic img {
    display: block;
    width: 100%;
}

.about-intro-pic1 {
    left: 0;
    transform: translateY(-50%) scale(0.66);
    transform-origin: left center;
     width: 8rem;
}

.about-intro-pic2 {
    left: 0.8rem;
  transform: translateY(-50%) scale(0.4);
    transform-origin: left center;
     width: 8rem;
}

.about-intro-pic3 {
    left: 1rem;
     transform: translateY(-50%) scale(0.23);
      width: 5rem;
    transform-origin: left center;
}

.about-intro-pic4 {
    right: 0;
    transform-origin: right center;
    transform: translateY(-50%) scale(0.66);
     width: 8rem;
}

.about-intro-pic5 {
    right: 0.8rem;
     transform-origin: right center;
     
    transform: translateY(-50%) scale(0.4);
     width: 8rem;
}

.about-intro-pic6 {
    right: 1rem;
    transform-origin: right center;
    transform: translateY(-50%) scale(0.23);
     width: 5rem;
}

.about-value {
    position: relative;
    /* min-height: 8.62rem;
    padding: 1.08rem 0 1.16rem; */
    overflow: hidden;
    color: var(--colorfff);
    background: var(--colormain1);
}

/* .about-value::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
    content: '';
    z-index: 5;
    pointer-events: none;
} */

.about-value-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 1;
    left: 0;
}

.about-value-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .about-value::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(0, 31, 54, 0.32);
    pointer-events: none;
} */

.about-value .ys-cont1440 {
    position: relative;
    z-index: 3;
    padding-top: 1.12rem;
    padding-bottom: 0.15rem;
}

/* 
.about-value-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.28rem;
    margin-top: 3.22rem;
} */

.about-value-card-box {
    padding: 0.49rem 0.66rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 0.08rem;
    background: rgba(255, 255, 255, 0.12);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    min-height: 5.82rem;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.00) 102.79%);
}

/* .about-value-icon {
    width: 0.58rem;
    height: 0.58rem;
    margin-bottom: 0.3rem;
}

.about-value-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
} */

.about-value-card .std-font36,
.about-value-card .std-font36 p {
    color: var(--colorfff);
    line-height: 1.3;
}

.about-value-card .std-text20,
.about-value-card .std-text20 p {
    line-height: 1.45;
    color: #fff;
}

.about-map {
    padding: 1.02rem 0 0.96rem;
    background: var(--colorfff);
}

.about-map-box {
    position: relative;
    /* width: 10.9rem;
    max-width: 100%;
    aspect-ratio: 1440 / 777;
    margin: 0.58rem auto 0;
    line-height: 0; */
}

.about-map-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.about-map-img img {
    width: 100%;
}

.about-map-pin {
    position: absolute;
    left: var(--left);
    top: var(--top);
    z-index: 3;
    width: 0.1rem;
    height: 0.1rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: var(--transition);
}

.about-map-pin img {
    display: block;
    width: 100%;
    height: 100%;
}

.about-map-pin.act {
    transform: translate(-50%, -50%) scale(1.12);
    z-index: 20;
}

.about-map-pop {
    position: absolute;
    z-index: 4;
    right: 1.08rem;
    top: 2.28rem;
    width: 2.82rem;
    padding: 0.2rem 0.24rem;
    border-radius: 0.06rem;
    background: rgba(0, 49, 83, 0.92);
    color: var(--colorfff);
    line-height: 1.5;
    box-shadow: 0 0.18rem 0.36rem rgba(0, 49, 83, 0.18);
}

.about-map-pop .std-text18,
.about-map-pop .std-text18 p {
    display: block;
    font-size: var(--font18);
    line-height: 1.4;
    font-weight: 400;
}

.about-map-pop .std-text14,
.about-map-pop .std-text14 p {
    margin-top: 0.08rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--font14);
    line-height: 1.6;
}

.about-history {
    position: relative;
    padding: 0.98rem 0 1.22rem;
    overflow: hidden;
    color: var(--colorfff);
    background: #202C45;
}

.layui-slider-wrap::before {
    content: "";
    position: absolute;
    bottom: 0.29rem;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--transition);
    width: 1.86rem;
    height: 2.71rem;
    z-index: 1;
    background: radial-gradient(circle at 18% 34%, rgba(250, 190, 0, 0.16), transparent 32%);
    pointer-events: none;
    background:
        radial-gradient(circle at 19% 48%, rgba(250, 190, 0, 0.16), transparent 30%),
        linear-gradient(90deg, rgba(41, 91, 73, 0.56) 0%, rgba(0, 58, 84, 0) 44%);
    border-radius: 50%;
    background: #FABE00;

    filter: blur(25px);
    -webkit-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    -moz-filter: blur(25px);
    opacity: 0.2;

}

.about-history .ys-cont1440 {
    position: relative;
    z-index: 3;
}

.about-history-card {
    display: grid;
    grid-template-columns: 4.24rem 1fr 3.3rem;
    gap: 0.48rem;
    align-items: center;
    margin-top: 0.58rem;
    min-height: 3.22rem;
}

.about-history-year {
    color: rgba(255, 255, 255, 0.96);
    font-size: 1.72rem;
    line-height: 1;
    font-family: var(--modia);
    font-weight: 600;
}

.about-history-info .std-text18,
.about-history-info .std-text18 p,
.about-history-range .std-text18,
.about-history-range .std-text18 p {
    display: block;
    color: var(--colormain);
    font-size: var(--font18);
    line-height: 1.45;
}

.about-history-info .std-font30,
.about-history-info .std-font30 p {
    margin-top: 0.16rem;
    color: var(--colorfff);
    font-size: var(--font30);
    line-height: 1.35;
    font-weight: 400;
}

.about-history-info .std-text16,
.about-history-info .std-text16 p,
.about-history-range .std-text16,
.about-history-range .std-text16 p {
    margin-top: 0.18rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: var(--font16);
    line-height: 1.75;
}

.about-history-range {
    padding-left: 0.34rem;
    border-left: 1px solid rgba(255, 255, 255, 0.22);
}

.about-history-line {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3.18rem;
    object-fit: fill;
    opacity: 0.54;
    pointer-events: none;
}

.about-honor {
    padding: 0.96rem 0 0.88rem;
    background: var(--colorfff);
}

.about-honor-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.34rem 0.22rem;
    margin-top: 0.56rem;
}

.about-honor-list.slick-initialized {
    display: block;
}

.about-honor-list.slick-initialized .slick-track {
    display: flex;
}

.ahli-wrap-nub {
    padding: 0 0.235rem;
    text-align: center;
    margin-bottom: 0.74rem
}

.about-honor-list .slick-list {
    margin-bottom: -0.74rem
}

.about-honor-list {
    margin: 0 -0.235rem -0.74rem
}


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

.about-honor-list .std-text18,
.about-honor-list .std-text18 p {
    color: #3b4650;
    font-size: var(--font18);
    line-height: 1.55;
}

.about-honor-list .std-text18 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 0.4rem
}

.about-honor-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.42rem;
}

.about-honor-dots li {
    width: 0.1rem;
    height: 0.1rem;
    margin: 0 0.06rem;
    border-radius: 50%;
    background: #d4dde5;
}

.about-honor-dots li.act {
    background: var(--colormain);
}

.about-factory {
    position: relative;
    min-height: 7.6rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: var(--colorfff);
    background: var(--colormain1);
}

.about-factory-bg {
    position: relative;
    width: 100%;
    z-index: 1;
}

.about-factory-bg img {
    width: 100%;
    object-fit: cover;
}

.about-factory::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 5.34%, rgba(255, 255, 255, 0.20) 30.56%, #FFF 77.08%);
    pointer-events: none;

}

.about-factory .ys-cont1440 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;

    z-index: 3;
}

.about-factory-content {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-factory-content .std-font48,
.about-factory-content .std-font48 p {
    color: var(--colormain1);
    font-weight: 400;
}

.about-factory-content .std-text18 {
    margin-top: 0.24rem;
}

.about-factory-content .std-text18,
.about-factory-content .std-text18 p {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
}

.about-factory-content .mod-btn {
    margin-top: 0.47rem
}

.about-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.7rem;
    height: 0.54rem;
    margin-top: 0.4rem;
    padding: 0 0.24rem;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 0.27rem;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.4;
    transition: var(--transition);
}

.about-more .std-text16,
.about-more .std-text16 p {
    color: inherit;
    font-size: var(--font16);
    line-height: 1.4;
}

.about-more i {
    position: relative;
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.12rem;
}

.about-more i img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: var(--transition);
}

.about-more i img:nth-child(2) {
    opacity: 0;
}

/* F1 企业简介 - end */
/* F2 公司理念 - start */
.concept-main .ys-main {
    background: var(--colorfff);
    overflow: hidden;
}

.concept-main .ys-nybanner {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.concept-main .ys-nyban-img {
    --banner-mask-x: 92%;
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
}

.concept-main .ys-nyban-img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.16);
    pointer-events: none;
}

.concept-main .ys-nyban-img img {
    display: block;
    width: 100%;
}

/* 
.ys-nybanner12 .ys-nyban-subnav {
    position: absolute;
    z-index: 5;
    top: 1.47rem;
    right: 2.52rem;
    display: flex;
    align-items: center;
}
.ys-nybanner12 .ys-nyban-subnav-item+.ys-nyban-subnav-item {
    margin-left: 0.52rem;
}
.ys-nybanner12 .ys-nyban-subnav-link {
    color: rgba(255, 255, 255, 0.62);
    transition: var(--transition);
}
.ys-nybanner12 .ys-nyban-subnav .act .ys-nyban-subnav-link {
    color: var(--colorfff);
} */
.concept-main .ys-nyban-title {
    z-index: 4;
    text-align: center;
}

.concept-main .ys-nyban-title .std-font48,
.concept-main .ys-nyban-title .std-font48 p {
    color: var(--colorfff);
    font-weight: 400;
    font-size: var(--font48);
}

/* .ys-nybanner12 .ys-nyban-scroll {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 0.42rem;
    width: 0.26rem;
    line-height: 0;
    transform: translateX(-50%);
}
.ys-nybanner12 .ys-nyban-scroll img {
    display: block;
    width: 100%;
} */
/* .concept-message {
    padding: 0.98rem 0 1.55rem;
} */
.concept-head {
    text-align: center;
    margin-bottom: 0.6rem;
}

.concept-head .std-font46 {
    color: var(--colormain1);
    line-height: 1.5;
}

.concept-core .concept-head {
    margin-bottom: 0.72rem
}

.concept-sign {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1.45rem;
}

.concept-sign-line {
    display: block;
    width: 1.7rem;
    height: 1px;
    margin-right: 0.3rem;
    background: #313943;
}

.concept-sign-sep {
    margin: 0 0.12rem;
    color: #6a747e;
}

/* .concept-core {
    padding: 0.18rem 0 0.88rem;
} */
.concept-core .ys-cont1824 {
    width: 95vw;
    max-width: 18.24rem;
    margin: 0 auto;
}

.concept-core-card {
    position: relative;
    margin-top: 0.62rem;
    border-radius: 0.2rem;
    overflow: hidden;
    background: var(--colormain1);
    --concept-progress: 25%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.concept-core-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 49, 83, 0.04) 0%, rgba(0, 49, 83, 0.52) 100%);
    pointer-events: none;
}

.concept-core-img img {
    display: block;
}

.concept-core-info {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    color: var(--colorfff);
}

.concept-core-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25%;
    padding: 0.47rem 0.77rem 0.47rem 0.52rem;
    position: relative;
}

.concept-core-item {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.concept-core-num.std-text18,
.concept-core-num.std-text18 p {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.45;
}

.concept-core-title.std-font36,
.concept-core-title.std-font36 p {
    color: var(--colorfff);
    line-height: 1.45;
}

.concept-core-copy.std-text16,
.concept-core-copy.std-text16 p {
    color: rgba(255, 255, 255, 1);
    line-height: 1.5;
}

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

/* F2 公司理念 - end */
/* F4 联系我们 banner - start */
.contact-main .ys-main {
    overflow: hidden;
    background: #f8fbff;
}

.contact-main .ys-nybanner {
    position: relative;
    padding: 0;
    overflow: hidden;
    background: #eef4f8;
}

.contact-main .ys-nyban-img {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
}

.contact-main .ys-nyban-img::before,
.contact-main .ys-nyban-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.contact-main .ys-nyban-img::before {
    height: 50%;
    background: linear-gradient(180deg, #00242F 0%, rgba(0, 0, 0, 0.00) 100%);
    opacity: 0.4;
}

.contact-main .ys-nyban-img::after {
    background: transparent;
    filter: blur(40px);
    -webkit-filter: blur(40px);
    -o-filter: blur(40px);
    -ms-filter: blur(40px);
    -moz-filter: blur(40px);
    width: 40%;
}

.contact-main .ys-nyban-img img {
    display: block;
    width: 100%;
}

.contact-main .ys-nyban-title {
    z-index: 4;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
}

.contact-main .ys-nyban-title .std-font48,
.contact-main .ys-nyban-title .std-font48 p {
    color: var(--colormain1);
    line-height: 1.45;
    font-weight: 400;
}

.ys-nybanner14 .ys-nyban-copy {
    margin-top: 0.34rem;
}

.ys-nybanner14 .ys-nyban-copy,
.ys-nybanner14 .ys-nyban-copy p {
    color: #425a6b;
    line-height: 1.72;
}

/* F4 联系我们 banner - end */
/* F4 联系我们 联系卡片 - start */
.contact-card-inof {
    --gap1: 0.26rem;
    --gap2: 0rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    pointer-events: auto;
}

.contact-card-item {
    width: 25%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.contact-card-box {
    display: flex;
    flex-direction: column;
    padding: 0.33rem 0.44rem 0.36rem 0.38rem;
    border-radius: 0.2rem;
    background: rgba(255, 255, 255, 1);
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 6px 0 rgba(186, 203, 238, 0.10), 0 7px 16px 0 rgba(41, 107, 255, 0.06), 0 4px 9.642px 6px rgba(64, 123, 255, 0.05);
}

.contact-card-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 0.48rem;
    line-height: 0;
    margin-bottom: 0.19rem;
}

.contact-card-icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.contact-card-title,
.contact-card-title p {
    color: #333;
    line-height: 1.45;
    font-weight: 400;
}

.contact-card-title {
    margin-bottom: 0.11rem;
}

.contact-card-copy,
.contact-card-copy p {
    color: #666;
    line-height: 1.75;
    font-size: var(--font16);
}

.contact-card-copy a, .contact-card-copy span {
    font-size: var(--font14);
    display: inline-block;
}

.contact-card-copy a {
    color: var(--colormain1);
    font-weight: 700;
    overflow-wrap: anywhere;
    transition: var(--transition);
}

.contact-card-code {
    align-items: center;
    padding-top: 0.33rem;
    text-align: center;
}

.contact-card-qr {
    width: 1.4rem;
    margin: 0 auto;
    line-height: 0;
}

.contact-card-qr img {
    display: block;
    width: 100%;
}

.contact-card-code-text {
    margin-top: 0.18rem;
}

.contact-card-code-text,
.contact-card-code-text p {
    color: #313943;
    line-height: 1.5;
}

/* F4 联系我们 联系卡片 - end */
/* F4 联系我们 子导航 - start */
.contact-subnav {
    background: var(--colorfff);
    border-bottom: 1px solid #e7edf3;
}

.contact-subnav-inof {
    display: flex;
    align-items: center;
    margin: 0 -0.44rem;
}

.contact-subnav li {
    position: relative;
}

.contact-subnav li:last-child {
    margin-right: 0;
}

.contact-subnav .std-text18 {
    display: block;
    color: #666;
    transition: var(--transition);
    position: relative;
    padding: 0.28rem 0 0.25rem;
}

.contact-subnav .contact-subnav-inof-nub.act .std-text18 {
    color: var(--colormain);
}

.contact-subnav-inof-nub .std-text18::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background: var(--colormain);
    bottom: 0;
    transition: var(--transition);
    opacity: 0;
}

.contact-subnav-inof-nub.act .std-text18::after {
    opacity: 1;
}

/* F4 联系我们 子导航 - end */
/* F4 联系我们 国内办事处 - start */
.contact-office {
    background: #f8fbff;
}

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

.contact-head .std-font46,
.contact-head .std-font46 p {
    color: var(--colormain1);
    line-height: 1.5;
    font-weight: 400;
}

.contact-office-item {
    width: 50%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.contact-office-card {
    height: 100%;
    overflow: hidden;
    border-radius: 0.08rem;
    background: var(--colorfff);
    box-shadow: 0 0.12rem 0.28rem rgba(0, 49, 83, 0.08);
}

.contact-office-img {
    overflow: hidden;
    border-radius: 0.08rem 0.08rem 0 0;
}

.contact-office-img img:nth-child(2) {
    transition: var(--transition);
}

.contact-office-body {
    min-height: 1.82rem;
    padding: 0.42rem 0.65rem 0.46rem;
}

.contact-office-title {
    color: var(--colormain1);
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 0.17rem;
}

.contact-office-copy,
.contact-office-copy p {
    color: #333;
    line-height: 1.75;
}

/* F4 联系我们 国内办事处 - end */
/* 2026.6.23 - start */
/* F4 联系我们头尾修正 - start */
/* .contact-main .ys-hd-pc-core {
    position: relative;
    align-items: center;
    width: 91.6667vw;
    max-width: 17.6rem;
} */
/* .contact-main .head-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.95rem;
    line-height: 0;
    transform: translate(-50%, -50%);
}

.contact-main .head-logo a {
    display: flex;
    align-items: center;
    line-height: 0;
}

.contact-main .head-logo img {
    width: 100%;
} */

/* .contact-main .head-nav {
    --gap1: 0.05rem;
    --gap2: 0.12rem;
    max-width: 6rem;
}

.contact-main .head-nav-item-title {
    font-size: var(--font16);
    color: rgba(255, 255, 255, 0.92);
} */

.contact-main .head-other {
    gap: 0.2rem;
}

.contact-main .head-lang {
    margin-left: 0;
}

.contact-main .head-lang-top-circle,
.contact-main .head-search-btn {
    width: 0.24rem;
}

.contact-main .head-lang-top-jian {
    display: none;
}

/* .contact-main .head-actions {
    display: flex;
    align-items: center;
    margin-left: 0.02rem;
} */
.contact-main .head-action-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0.94rem;
    min-height: 0.36rem;
    padding: 0.08rem 0.2rem;
    border-radius: 999px;
    color: var(--colorfff);
    font-size: var(--font14);
    line-height: 1.4;
    transition: var(--transition);
}

.contact-main .head-action-link+.head-action-link {
    margin-left: 0.12rem;
}

.contact-main .head-action-link-contact {
    background: var(--colormain1);
}

.contact-main .head-action-link-sample {
    background: var(--colormain);
}

/* F4 联系我们国内办事处校正 - start */
.contact-office-inof {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.24rem;
    --gap2: 0.63rem;
    margin: 0 calc(-1 * var(--gap1)) calc(-1 * var(--gap2));
}

.contact-office-card {
    border-radius: 0.16rem;
}

.contact-office-img {
    border-radius: 0.16rem 0.16rem 0 0;
}

/* F4 联系我们国内办事处校正 - end */
/* .contact-main .ys-footer {
    padding-top: 1.16rem;
    background: #1b2e4a;
}

.contact-main .footer-top {
    padding-bottom: 3.38rem;
} */

/* .contact-main .footer-brand {
    flex: 0 0 2.2rem;
} */

/* .contact-main .footer-logo {
    width: 0.95rem;
} */

/* .contact-main .footer-share {
    --gap1: 0.04rem;
    --width1: 0.32rem;
    margin: 0.3rem calc(var(--gap1) * -1) 0;
} */

/* .contact-main .footer-share-btn .ys-imgbox-cover {
    width: var(--width1);
} */

/* .contact-main .footer-nav {
    flex: 1;
    width: auto;
    max-width: 8.2rem;
    margin: 0 0.56rem;
}

.contact-main .footer-nav>li {
    min-width: 1rem;
}

.contact-main .footer-nav>li>a {
    margin-bottom: 0.2rem;
    color: rgba(255, 255, 255, 0.96);
    font-size: var(--font16);
    line-height: 1.5;
}

.contact-main .footer-nav ul a {
    margin-bottom: 0.08rem;
    color: rgba(255, 255, 255, 0.62);
    font-size: var(--font14);
    line-height: 1.55;
} */

/* .contact-main .footer-contact {
    flex: 0 0 2.62rem;
} */

/* .contact-main .footer-contact li {
    position: relative;
    padding-left: 0.24rem;
} */

/* 
.contact-main .footer-contact li+li {
    margin-top: 0.28rem;
} */
/* 
.contact-main .footer-contact li::before {
    content: "";
    position: absolute;
    top: 0.03rem;
    left: 0;
    width: 0.14rem;
    height: 0.14rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
}

.contact-main .footer-contact span {
    display: block;
    margin-bottom: 0.1rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: var(--font14);
    line-height: 1.5;
}

.contact-main .footer-contact a,
.contact-main .footer-contact p {
    color: rgba(255, 255, 255, 0.92);
    font-size: var(--font14);
    line-height: 1.75;
}

.contact-main .footer-bot {
    padding: 0.38rem 0 0.45rem;
    border-top-color: rgba(255, 255, 255, 0.08);
}

.contact-main .footer-text,
.contact-main .footer-text p,
.contact-main .footer-text a,
.contact-main .footer-privacy a {
    color: rgba(255, 255, 255, 0.42);
}

.contact-main .footer-privacy {
    --gap1: 0.12rem;
} */

/* F4 联系我们子导航点击范围 - start */
.contact-subnav-inof-nub {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 0.44rem;
}

.contact-subnav a {
    display: flex;
    align-items: center;
    height: 100%;
}

/* F4 联系我们子导航点击范围 - end */
/* F4 联系我们头尾修正 - end */
/* 2026.6.23 - end */
/* 2026.6.24 - start */
/* 首页通用标题与按钮 - start */


.home-sec-head-left {
    padding-right: 0.9rem;
    margin-bottom: 0.97rem
}

.home-sec-title {
    color: var(--colormain1);
    font-size: var(--font48);
    line-height: 1.5;
    text-align: center;
}

.home-sec-desc,
.home-sec-desc p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.6;
    text-align: center;
}

.home-sec-desc {
    margin-bottom: 0.38rem
}

.home-sec-title {
    margin-bottom: 0.2rem;
}

.home-trust .home-sec-title {
    text-align: left;
}

.home-trust .home-sec-desc, .home-trust .home-sec-desc p {
    text-align: left;
}

.home-sec-head-white .home-sec-title,
.home-sec-head-white .home-sec-desc,
.home-sec-head-white .home-sec-desc p {
    color: var(--colorfff);
}

.ys-ban-btn-link,
.home-esg-btn-link,
.home-trust-btn-link,
.home-cta-btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.78rem;
    padding: 0.1rem 0.28rem;
    border-radius: 999px;
}

.ys-ban-btn-link .std-btn-text,
.home-esg-btn-link .std-btn-text,
.home-trust-btn-link .std-btn-text,
.home-cta-btn-link .std-btn-text {
    font-size: var(--font14);
    line-height: 1.55;
    font-weight: 400;
    white-space: nowrap;
}

.ys-ban-btn-link .std-btn-text {
    font-size: var(--font16);
    line-height: 1.35;
}

/* 首页通用标题与按钮 - end */
/* 首页 banner - start */
.ys-banner {
    position: relative;
    background: var(--colormain1);
}

.ys-ban-slick.slick-initialized .ys-ban-li {
    display: block;
}

.ys-ban-li {
    position: relative;
    overflow: hidden;
}

.ys-ban-imgbox {
    position: relative;
}

.ys-ban-imgbox::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 49, 83, 0.2) 0%, rgba(0, 49, 83, 0.06) 35%, rgba(0, 0, 0, 0.22) 100%);
    pointer-events: none;
}

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

.ys-ban-imgbox img {
    min-height: 100vh;
    object-fit: cover;
}

.ys-ban-txtbox {
    z-index: 4;
    text-align: center;
    pointer-events: none;
}

.ys-ban-txtbox .ys-cont1200 {
    pointer-events: auto;
}

.ys-ban-title {
    color: var(--colorfff);
    font-size: var(--font48);
    line-height: 1.3;
    margin-bottom: 0.2rem;
}

.ys-ban-subtitle {
    color: rgba(255, 255, 255, 1);
    font-size: var(--font20);
    line-height: 1.3;
}

.ys-ban-btn {
    margin-top: 0.42rem;
}

.ys-ban-btn-link {
    box-sizing: border-box;
    min-width: 2.82rem;
    padding: 0.06rem 0.07rem 0.07rem 0.62rem;
    border: 1px solid rgba(255, 255, 255, 0.72);
    color: var(--colorfff);
    background: rgba(255, 255, 255, 0.12);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    gap: 0.44rem;
    justify-content: flex-start;
}

.ys-ban-btn-icon {
    flex: 0 0 0.57rem;
    width: 0.57rem;
    aspect-ratio: 1;
    margin: 0;
    border-radius: 50%;
    background: var(--colormain);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ys-ban-btn-icon img {
    display: block;
    width: 0.1rem;
    max-width: none;
    object-fit: contain;
}

.ys-ban-slick .slick-dots {
    left: 50%;
    bottom: 0.62rem;
    z-index: 5;
    transform: translateX(-50%);
}

.ys-ban-slick.ys-dots1 .slick-dots li {
    width: 0.8rem;
    height: 0.02rem;
    margin: 0 0.1rem;
    border-radius: 0;
}

.ys-ban-slick.ys-dots1 .slick-dots li::before {
    background: rgba(255, 255, 255, 0.3);
}

.ys-ban-slick.ys-dots1 .slick-dots li::after {
    background: var(--colorfff);
}

/* 首页 banner - end */
/* 首页可持续整屏叠层 - start */
.home-sustain.home-esg {
    --sustain-progress: 0;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    overflow: hidden;
    padding: 0;
    color: var(--colorfff);
    background: #78956f;
}

.home-esg-bg,
.home-esg-bg picture,
.home-esg-bg img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

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

.home-sustain.home-esg::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 49, 83, 0.08) 0%, rgba(0, 49, 83, 0.12) 45%, rgba(0, 49, 83, 0.26) 100%);
    pointer-events: none;
}

.home-sustain-mask {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    /*will-change: opacity;*/
}

.home-sustain-mask-svg {
    display: block;
    width: 100%;
    height: 100%;
}

.home-sustain-mask-path {
    transform-box: view-box;
    transform-origin: center;
    /*will-change: transform;*/
}

.home-sustain-inner {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* width: 100%; */
    /* max-width: none; */
    /* padding-top: clamp(1.35rem, 23vh, 2.2rem); */
    pointer-events: none;
}

.home-sustain-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colormain1);
    font-size: clamp(1.2rem, 6.7vw, 1.82rem);
    line-height: 1.08;
    font-weight: 400;
    white-space: nowrap;
    transform-origin: center;
    /*will-change: opacity, transform;*/
}

.home-sustain-word {
    display: block;
}

.home-sustain-smile {
    display: block;
    flex: 0 0 1.64em;
    width: 1.64em;
    height: 0.52em;
    margin: 0 0.08em;
}

/* 首页可持续整屏叠层 - end */
/* 首页 ESG 数据面板 - start */
.home-esg-inner {
    position: relative;
    z-index: 2;
    /* width: 13.8rem;
    max-width: 86vw; */
    margin: 0 auto;
    padding: 1.2rem 0 0.78rem;
    /* will-change: opacity, transform; */
}

.home-esg-head {
    text-align: center;
}

.home-esg-title {
    color: var(--colorfff);
    font-size: var(--font40);
    line-height: 1.45;
    font-weight: 400;
}

.home-esg-btn {
    margin-top: 0.26rem;
}

.home-esg-btn-link {
    background: var(--colormain);
}

.home-esg-btn-link .std-btn-text {
    color: var(--colorfff);
}

.home-esg-panel {
    position: relative;
    margin: 0.7rem auto 0;
    padding: 0.27rem 0.6rem 0.34rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 0.1rem;
    background: rgba(34, 51, 39, 0.36);
    box-shadow: 0 0.24rem 0.5rem rgba(0, 49, 83, 0.1);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    opacity: 1;
    transform: translateY(0) scale(1);
    /* filter: blur(0); */
    transition: opacity 0.56s ease, transform 0.72s cubic-bezier(0.19, 1, 0.22, 1), filter 0.56s ease;
}

.home-esg.is-dataviz-ready .home-esg-panel {
    opacity: 0;
    transform: translateY(0.56rem) scale(0.985);
    /* filter: blur(0.04rem); */
}

.home-esg-panel {
    position: relative;
}

.home-esg.is-dataviz-ready.is-dataviz-active .home-esg-panel {
    opacity: 1;
    transform: translateY(0) scale(1);
    /* filter: blur(0); */
}

.home-esg-panel-title {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.6;
    text-align: center;
}

.home-esg-panel-title sup,
.home-esg-ring-copy sup {
    font-size: 0.65em;
    line-height: 1;
}

.home-esg-data {
    display: flex;
    align-items: flex-end;
    margin-top: 0.28rem;
}

.home-esg-kpi {
    flex: 0 0 1.9rem;
    padding-bottom: 0.46rem;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.46s ease 0.14s, transform 0.54s ease 0.14s;
}

.home-esg.is-dataviz-ready .home-esg-kpi {
    opacity: 0;
    transform: translateY(0.26rem);
}

.home-esg.is-dataviz-ready.is-dataviz-active .home-esg-kpi {
    opacity: 1;
    transform: translateY(0);
}

.home-esg-kpi-num {
    display: flex;
    align-items: baseline;
    color: var(--colorfff);
    font-size: var(--font60);
    line-height: 1.1;
    font-weight: 300;
}

.home-esg-kpi-num span:nth-child(3) {
    color: rgba(255, 255, 255, 0.52);
}

.home-esg-kpi-label {
    margin-top: 0.14rem;
    color: rgba(255, 255, 255, 0.86);
    font-size: var(--font14);
    line-height: 1.55;
}

.home-esg-rings {
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    margin: 0 -0.325rem;
}

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

.home-esg-ring-item {
    /* flex: 1; */
    width: 33.333333%;
    min-width: 0;
    text-align: center;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.42s ease, transform 0.54s ease;
    padding: 0 0.325rem;
}

/* .home-esg-ring-item+.home-esg-ring-item {
    margin-left: 0.34rem;
} */

.home-esg.is-dataviz-ready .home-esg-ring-item {
    opacity: 0;
    transform: translateY(0.24rem);
}

.home-esg.is-dataviz-ready.is-dataviz-active .home-esg-ring-item {
    opacity: 1;
    transform: translateY(0);
}

.home-esg.is-dataviz-ready.is-dataviz-active .home-esg-ring-item:nth-child(1) {
    transition-delay: 0.24s;
}

.home-esg.is-dataviz-ready.is-dataviz-active .home-esg-ring-item:nth-child(2) {
    transition-delay: 0.34s;
}

.home-esg.is-dataviz-ready.is-dataviz-active .home-esg-ring-item:nth-child(3) {
    transition-delay: 0.44s;
}

.home-esg-ring {
    --ring-angle: 360deg;
    position: relative;
    width: 0.94rem;
    margin: 0 auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background: conic-gradient(#05b862 0deg var(--ring-angle), rgba(255, 255, 255, 0.22) var(--ring-angle) 360deg);
    box-shadow: inset 0 0 0.18rem rgba(255, 255, 255, 0.08);
}

.home-esg-ring-item[data-ring="48"] .home-esg-ring {
    --ring-angle: 172.8deg;
}

.home-esg-ring-item[data-ring="60"] .home-esg-ring {
    --ring-angle: 216deg;
}

.home-esg-ring-item[data-ring="23"] .home-esg-ring {
    --ring-angle: 82.8deg;
}

.home-esg.is-dataviz-ready .home-esg-ring {
    --ring-angle: 0deg;
}

.home-esg-ring::before {
    content: "";
    position: absolute;
    inset: 0.12rem;
    border-radius: 50%;
    background: rgba(50, 54, 48, 0.76);
}

.home-esg-ring-core {
    position: absolute;
    inset: 0.12rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.9);
    font-size: var(--font24);
    line-height: 1.2;
    font-weight: 300;
}

.home-esg-ring-core span:first-child {
    margin-right: 0.02rem;
    color: rgba(255, 255, 255, 0.55);
}

.home-esg-ring-copy {
    margin-top: 0.16rem;
    color: rgba(255, 255, 255, 0.84);
    font-size: var(--font12);
    line-height: 1.55;
}

.home-esg-bars {
    /* flex: 0 0 2.58rem; */
    margin-left: 0.54rem;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.46s ease 0.56s, transform 0.54s ease 0.56s;
}

.home-esg.is-dataviz-ready .home-esg-bars {
    opacity: 0;
    transform: translateY(0.24rem);
}

.home-esg.is-dataviz-ready.is-dataviz-active .home-esg-bars {
    opacity: 1;
    transform: translateY(0);
}

.home-esg-bar-list {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 -0.2rem;
}

.home-esg-bar-item {
    /* flex: 0 0 0.62rem; */
    height: 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0.2rem;
}

.home-esg-bar-value {
    margin-bottom: 0.08rem;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.35;
}

.home-esg-bar-track {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 0.48rem;
    /* aspect-ratio: 48 / 132; */
    margin: 0 auto;
    height: var(--data-bar-height);
}

.home-esg-bar-fill {
    display: block;
    width: 100%;
    border-radius: 0.04rem 0.04rem 0 0;
    background: #05b862;
    transition: var(--transition);
    height: 100%;

}

.home-esg.is-dataviz-ready .home-esg-bar-fill {
    height: 0;
}

.home-esg.is-dataviz-ready.is-dataviz-active .home-esg-bar-fill {
    height: var(--bar-height, 100%);
}

.home-esg-bar-name,
.home-esg-bar-unit,
.home-esg-note {
    color: rgba(255, 255, 255, 0.82);
    font-size: var(--font12);
    line-height: 1.55;
}

.home-esg-bar-name {
    margin-top: 0.08rem;
    /*white-space: nowrap;*/
}

.home-esg-bar-unit {
    margin-top: 8px;
    text-align: right;
}

.home-esg-note {
    margin-top: 0.2rem;
}

/* 首页 ESG 数据面板 - end */
/* 首页全球信任 - start */
.home-trust {
    padding: 1.22rem 0 0.46rem;
    background: var(--colorfff);
}

.home-trust-core {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* .home-trust .home-sec-title {
    white-space: nowrap;
} */

.home-trust-btn {
    margin-top: 0.34rem;
}

.home-trust-btn-link {
    border: 1px solid rgba(0, 49, 83, 0.22);
    color: var(--colormain1);
    background: var(--colorfff);
}

.home-trust-btn-link .std-btn-text {
    color: var(--colormain1);
}

.home-trust-data {
    display: flex;
    /* margin-top: 0.86rem; */
}

.htdn-box {
    padding-left: 0.28rem;
    border-left: 1px solid rgba(0, 49, 83, 0.22);
}

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

.home-trust-data {
    margin: 0 -0.45rem
}

.home-trust-num {
    display: flex;
    align-items: flex-end;
    color: var(--colormain1);
}

.home-trust-num span {
    font-size: var(--font80);
    white-space: nowrap;
    line-height: 1.05;
    font-weight: 400;
}

.home-trust-num em {
    margin-left: 0.04rem;
    color: var(--colormain1);
    font-size: var(--font16);
    line-height: 1.6;
    font-style: normal;
}

.home-trust-num sup {
    font-size: 0.62em;
    line-height: 1;
}

.home-trust-name {
    margin-top: 0.1rem;
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.5;
    color: rgba(0, 49, 83, 0.7);
}

.home-trust-map {
    position: relative;
    width: 49%;
}

.home-trust-map img {
    display: block;
    width: 100%;
}

.home-trust-map-btn {
    position: absolute;
    right: 18.9%;
    top: 39.3%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.13rem;
    min-height: 0.7rem;
    padding: 0.12rem 0.25rem 0.12rem 0.3rem;
    gap: 0.06rem;
    border-radius: 999px;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.5;
    font-weight: 500;
    background: var(--colormain);
}

.home-trust-map-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 0.53rem;
    width: 0.53rem;
    height: 0.27rem;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 999px;
    color: var(--colorfff);
    font-size: var(--font12);
    line-height: 1;
    font-weight: 600;
}

.home-brand {
    --width1: 2.3rem;
    --gap1: 0.15rem;
    margin-top: 0.64rem;
    overflow: hidden;
}

.home-brand-list {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.home-brand-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    padding: 0 0.36rem;
}

.home-brand-box {
    width: 100%;
    padding: 0.34rem 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
}

.home-brand-list img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 0.52rem;
    object-fit: contain;
}

/* 首页全球信任 - end */
/* 首页产品体系 - start */
.home-products {
    position: relative;
    padding: 1.26rem 0 1.2rem;
    color: var(--colorfff);
    background: var(--colormain1);
}

/* .home-products-bg,
.home-products-bg-item,
.home-products-bg-item img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
} */
.home-products-top {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

/* .home-products-bg-item {
    opacity: 0;
    transition: opacity 0.55s ease;
} */

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

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

.home-products::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.08) 52%, rgba(0, 0, 0, 0.22) 100%);
    pointer-events: none;
}

.home-products-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1920px;
    padding-left: 0.6rem;
    padding-right: 0.45rem;
    margin: 0 auto;
}

.home-products-head {
    margin-bottom: 0.58rem;
}

.home-product-list {
    display: flex;
    margin: 0 -0.16rem;
}

.home-product-item {
    display: flex;
    width: 25%;
    padding: 0 0.16rem;
}

.home-product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 0.74rem 0.3rem 0.75rem 0.57rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 0.2rem;
    overflow: hidden;
    color: var(--colorfff);
    background-color: rgba(255, 255, 255, 0.14);
    background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.06) 52%, rgba(255, 255, 255, 0.18) 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26), inset 0 -1px 0 rgba(255, 255, 255, 0.12);
    transition: var(--transition);
    min-height: 5.23rem;
}

.home-product-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    /* width: 100%;
    height: 100%; */
    margin-bottom: 0.4rem;
}

.home-product-title {
    color: var(--colorfff);
    font-size: var(--font26);
    line-height: 1.3;
    margin-bottom: 0.25rem;
}

.home-product-title sup {
    font-size: 0.62em;
}

.home-product-desc {
    /* margin-top: 0.28rem; */
    /* color: rgba(255, 255, 255, 0.9); */
    font-size: var(--font16);
    line-height: 1.5;
}

.home-product-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.48rem;
    margin-top: auto;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    transition: background 0.4s ease, border-color 0.4s ease;
}

.home-product-arrow img {
    display: block;
    width: 0.1rem;
    object-fit: contain;
}

.home-product-note {
    display: block;
    margin-top: auto;
    color: rgba(255, 255, 255, 0.9);
    font-size: var(--font16);
    line-height: 1.5;
}

/* .home-product-item.act .home-product-card {
    border-color: rgba(255, 255, 255, 0.62);
    background-color: rgba(255, 255, 255, 0.2);
} */

.home-product-item.act .home-product-arrow {
    border-color: var(--colormain);
    background: var(--colormain);
}

.home-product-item.is-disabled .home-product-card {
    cursor: default;
}

/* 首页产品体系 - end */
/* 首页解决方案 - start */
.home-solution {
    background: var(--colorfff);
}

.home-solution-head {
    margin-bottom: 0.52rem;
}

.home-solution-wrap {
    position: relative;
    /* width: calc(100% + 0.96rem);
    max-width: 15.36rem;
    margin: 0 -0.48rem; */
}

.home-solution-slick {
    overflow: visible;
}

.home-solution-slick .slick-list {
    overflow: hidden;
}

.home-solution-slick .slick-track {
    display: flex;
    align-items: stretch;
}

.home-solution-slick .slick-slide {
    height: auto;
    padding: 0 0.06rem;
}

/* .home-solution-slide:not(:first-child) {
    display: none;
}

.home-solution-slick.slick-initialized .home-solution-slide {
    display: block;
} */

.home-solution-slick .slick-slide:not(.slick-center) .home-solution-card {
    -webkit-clip-path: inset(20% 0 round 0.16rem);
    clip-path: inset(20% 0 round 0.16rem);
}

.home-solution-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0.16rem;
    color: var(--colorfff);
    clip-path: inset(0 round 0.16rem);
    transition: var(--transition1), clip-path var(--transition1);
    width: 100%;
    height: 100%;
}

.home-solution-img {
    border-radius: 0.16rem;
}

.home-solution-img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    background: linear-gradient(104deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.1) 48%, rgba(0, 0, 0, 0.04) 100%);
    pointer-events: none;
    transition: var(--transition);
}

.home-solution-text {
    position: absolute;
    left: 0.9rem;
    top: 50%;
    z-index: 3;
    max-width: 5.5rem;
    transform: translateY(-50%);
    transition: var(--transition);
}

.home-solution-slick .slick-slide:not(.slick-center) .home-solution-text,
.home-solution-slick .slick-slide:not(.slick-center) .home-solution-img::after {
    opacity: 0;
}

.home-solution-title {
    color: var(--colorfff);
    font-size: var(--font40);
    line-height: 1.35;
    font-weight: 400;
}

.home-solution-copy {
    margin-top: 0.22rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: var(--font18);
    line-height: 1.75;
}

.home-solution-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    margin-top: 0.98rem;
    padding: 0.12rem 0.28rem;
    border: 1px solid rgba(255, 255, 255, 0.64);
    border-radius: 999px;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.5;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.home-solution-slick .slick-dots {
    left: 50%;
    bottom: 0.42rem;
    z-index: 4;
    transform: translateX(-50%);
}

.home-solution-slick.ys-dots1 .slick-dots li {
    width: 0.8rem;
    height: 0.02rem;
    border-radius: 0;
}

.home-solution-slick.ys-dots1 .slick-dots li::before {
    background: rgba(255, 255, 255, 0.32);
}

.home-solution-slick.ys-dots1 .slick-dots li::after {
    background: var(--colorfff);
}

/* 首页解决方案 - end */
/* 首页资源活动 - start */
.home-news {
    padding: 0.16rem 0 1.1rem;
    background: var(--colorfff);
}

.home-news-head {
    margin-bottom: 0.52rem;
}

.home-news-wrap {
    position: relative;
}

.home-news-list {
    margin: 0 -0.18rem;
}

.home-news-item:not(:first-child) {
    display: none;
}

.home-news-slick.slick-initialized .slick-track {
    display: flex;
}

.home-news-item {
    width: 33.333%;
    padding: 0 0.18rem;
}

/* .home-news-slick.slick-initialized .home-news-item {
    display: flex;
    height: auto;
} */

.home-news-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(227, 227, 227, 0.62);
    border-radius: 0.12rem;
    color: var(--color333);
    background: #f9f9f9;
}

.home-news-img {
    border-radius: 0.12rem 0.12rem 0 0;
}

.home-news-date {
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.4;
    font-family: Arial, sans-serif;
}

.home-news-title {
    margin: 0.18rem 0.4rem 0.44rem;
    color: var(--color15);
    font-size: var(--font20);
    line-height: 1.42;
    font-weight: 400;
}

.home-news-more {
    margin: auto 0.4rem 0;
    padding: 0.24rem 0 0.28rem;
    border-top: 1px solid rgba(0, 49, 83, 0.08);
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.5;
}

.home-news-arrows {
    pointer-events: none;
}

.home-news-arrows .std-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    pointer-events: auto;
    transform: translateY(-50%);
}

.home-news-arrows .std-arrow-prev {
    left: -0.78rem;
}

.home-news-arrows .std-arrow-next {
    right: -0.78rem;
}

.home-news-arrows .slick-disabled {
    opacity: 0.38;
    cursor: default;
}

/* 首页资源活动 - end */
/* 首页 CTA - start */
.home-cta {
    padding: 0 0 1.1rem;
    background: var(--colorfff);
}

.home-cta-core {
    position: relative;
    overflow: hidden;
    border-radius: 0.12rem;
}

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

.home-cta-bg img {
    aspect-ratio: 1873 / 400;
    object-fit: cover;
}

.home-cta-core::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 49, 83, 0.55) 0%, rgba(0, 49, 83, 0.18) 58%, rgba(0, 49, 83, 0.08) 100%);
    pointer-events: none;
}

.home-cta-text {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 8.2rem;
    max-width: 78%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.home-cta-title {
    color: var(--colorfff);
    font-size: var(--font32);
    line-height: 1.35;
    font-weight: 400;
}

.home-cta-copy {
    margin-top: 0.16rem;
    color: rgba(255, 255, 255, 0.88);
    font-size: var(--font16);
    line-height: 1.6;
}

.home-cta-btn {
    margin-top: 0.3rem;
}

.home-cta-btn-link {
    background: var(--colormain);
}

.home-cta-btn-link .std-btn-text {
    color: var(--colorfff);
}

/* 首页 CTA - end */
@media screen and (min-width: 1200px) {

    /* 首页 hover - start */
    .ys-ban-btn-link:hover,
    .home-esg-btn-link:hover,
    .home-cta-btn-link:hover {
        background: var(--colormain1);
    }

    .home-trust-btn-link:hover {
        color: var(--colorfff);
        border-color: var(--colormain1);
        background: var(--colormain1);
    }

    .home-trust-btn-link:hover .std-btn-text {
        color: var(--colorfff);
    }

    .home-brand-track:hover {
        animation-play-state: paused;
    }

    /* .home-product-item:not(.is-disabled) .home-product-card:hover,
    .home-product-item.is-hover .home-product-card {
        border-color: rgba(255, 255, 255, 0.68);
        background: rgba(255, 255, 255, 0.18);
    } */

    .home-product-item:not(.is-disabled) .home-product-card:hover .home-product-arrow,
    .home-product-item.is-hover .home-product-arrow {
        border-color: var(--colormain);
        background: var(--colormain);
    }



    .home-solution-more:hover {
        border-color: var(--colormain);
        background: var(--colormain);
    }

    .home-news-card:hover .home-news-title,
    .home-news-card:hover .home-news-more {
        color: var(--colormain1);
    }

    /* 首页 hover - end */
}

/* 2026.6.24 - end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {

    /* 公共描边胶囊按钮 hover - start */
    .std-pill-btn:not([aria-disabled="true"]):hover {
        color: var(--colorfff);
        border-color: var(--colormain1);
        background: var(--colormain1);
    }

    /* 公共描边胶囊按钮 hover - end */
    /* B1 产品汇总 hover - start */
    .product-system-tab-item:not(.on) .product-system-tab-link:hover,
    .product-series-tab-item:not(.on) .product-series-tab-link:hover {
        color: var(--colormain);
    }

    .product-card-more:hover .product-card-more-icon img:first-child {
        opacity: 0;
    }

    .product-card-more:hover .product-card-more-icon img:nth-child(2) {
        opacity: 1;
    }

    /* B1 产品汇总 hover - end */
    /* B2 产品列表 hover - start */
    .catalog-option:not(.act):hover {
        color: var(--colormain1);
        border-color: #dce7ef;
        background: #f9fcfe;
    }

    .catalog-color:not(.act):hover,
    .catalog-reset:hover,
    .catalog-card:hover .catalog-name {
        color: var(--colormain);
    }

    .catalog-search:hover {
        background: var(--colormain);
    }

    .catalog-card:hover .catalog-img img:nth-child(2) {
        transform: scale(1.04);
    }

    /* B2 产品列表 hover - end */
    /* F1 企业简介 hover - start */
    /* .ys-nybanner11 .ys-nyban-subnav-item:not(.act) .ys-nyban-subnav-link:hover {
        color: var(--colorfff);
    } */
    /* .about-map-pin:hover {
        transform: translate(-50%, -50%) scale(1.12);
    } */

    .about-more:hover {
        border-color: var(--colorfff);
        background: var(--colorfff);
        color: var(--colormain1);
    }

    .about-more:hover i img:nth-child(1) {
        opacity: 0;
    }

    .about-more:hover i img:nth-child(2) {
        opacity: 1;
    }

    /* F1 企业简介 hover - end */
    /* F2 公司理念 hover - start */
    /* .ys-nybanner12 .ys-nyban-subnav-item:not(.act) .ys-nyban-subnav-link:hover {
        color: var(--colorfff);
    } */
    /* F2 公司理念 hover - end */
    /* F4 联系我们 hover - start */
    .contact-subnav li:not(.act) a:hover,
    .contact-card-copy a:hover {
        color: var(--colormain);
    }

    .contact-office-card:hover .contact-office-img img:nth-child(2) {
        transform: scale(1.04);
    }

    /* F4 联系我们 hover - end */
    /* 2026.6.23 - start */
    /* F3 员工活动 hover - start */
    .join-activity-img:hover .ys-img {
        transform: scale(1.06);
    }

    /* F3 员工活动 hover - end */
    /* F4 联系我们头尾 hover - start */
    .contact-main .head-action-link-contact:hover {
        background: #00243f;
    }

    .contact-main .head-action-link-sample:hover {
        background: #e8ad00;
    }

    .contact-main .footer-nav a:hover,
    .contact-main .footer-contact a:hover,
    .contact-main .footer-privacy a:hover {
        color: var(--colorfff);
    }

    /* F4 联系我们头尾 hover - end */
    /* 2026.6.23 - end */
}

/* B3 产品详情 - start */
.product-detail-inner {
    padding-left: 0.15rem;
}

.product-scene-core .product-scene-body-bot {
    padding-right: 1.06rem;
}

.product-info-core,
.product-scene-core {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-section-title {
    width: 24.583333%;
    padding-right: 0.2rem;
    padding-top: 0.01rem;
}

.product-section-title .std-font40,
.product-section-title .std-font40 p,
.product-feature .std-font40,
.product-feature .std-font40 p,
.product-solution .std-font40,
.product-solution .std-font40 p {
    color: var(--colormain1);
    line-height: 1.35;
}

.product-info-copy.std-text18,
.product-info-copy.std-text18 p {
    color: #666;
    line-height: 1.75;
}

.product-spec-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0.54rem -0.08rem -0.36rem;
}

.product-spec-item {
    width: 25%;
    padding: 0 0.08rem;
    margin-bottom: 0.36rem;
}

.product-spec-name.std-text20,
.product-spec-name.std-text20 p {
    margin-bottom: 0.24rem;
    color: #000;
    line-height: 1.3;
}

.product-spec-text.std-text16,
.product-spec-text.std-text16 p {
    color: var(--colormain1);
    line-height: 1.65;
    font-weight: 500;
}

.product-cert-inof {
    display: flex;
    align-items: center;
    margin: 0.18rem -0.09rem 0;
}

.product-cert-item {
    margin: 0 0.09rem;
    line-height: 0;
    width: 0.82rem;
}

.product-cert-item img {
    display: block;
    width: 100%;
}

.product-feature {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 0.22rem;
}

.product-feature-core {
    padding: 0.81rem 0.2rem 1.13rem;
    border-radius: 0.16rem;
    overflow: hidden;
    background: var(--colormain1);
}

.product-feature .std-font40,
.product-feature .std-font40 p {
    color: var(--colorfff);
    text-align: center;
}

.product-feature-inof {
    margin: 0 -0.1rem
}

.product-feature-item {
    text-align: center;
    width: 20%;
    padding: 0 0.1rem;
}

.product-feature-icon {
    --wh: 1.05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--wh);
    height: var(--wh);
    border-radius: 50%;
    background: #fabe00;
    /* border: 6px solid rgba(255, 255, 255, 0.1); */
    position: relative;
    z-index: 2;
    margin-bottom: 0.17rem;
}

.product-feature-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: transparent;
    content: "";
    border-radius: 50%;
    z-index: -1;
    border: 6px solid rgba(255, 255, 255, 0.1);
}

.product-feature-icon img {
    display: block;
    width: 52%;
    max-height: 65%;
}

/* .product-scene {
    padding: 0.89rem 0 1.16rem;
} */

.product-scene-tags {
    color: var(--color666);
    line-height: 1.2;
    margin-bottom: 0.54rem;
}

.product-scene-inof {
    --gap1: 0.12rem;
    --gap2: 0.24rem;
    margin: 0 calc(var(--gap1) * -1);
}

.product-scene-inof::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    width: 50vw;
    height: calc(100% + 20px);
    background: #fff;
    content: "";
    pointer-events: none;
}

.product-scene-item {
    width: 50%;
    padding: 0 var(--gap1);
}

.product-scene-img {
    border-radius: 0.08rem;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.product-scene-img img {
    object-fit: cover;
}

.product-solution {
    /* padding: 0.99rem 0 1.39rem; */
    overflow: hidden;
    background: #f8fbff;
}

.product-solution .std-font40,
.product-solution .std-font40 p {
    text-align: center;
    margin-bottom: 0.67rem;
}

.product-solution-wrap {
    position: relative;
    margin: 0 auto;
    --gap1: 0.35rem;
    width: 7.66rem;
}

.product-solution-slick {
    margin: 0 calc(var(--gap1) * -1);
}

.product-solution-slick .slick-list {
    overflow: visible;
    padding: 0 !important;
}

.product-solution-slick .slick-track {
    display: flex;
    align-items: center;
}

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

.product-solution-card {
    position: relative;
    /* border-radius: 0.2rem; */
    overflow: hidden;
    transform: scale(0.78);
    transition: var(--transition);
}

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

.product-solution-img {
    border-radius: 0.2rem;
}

.product-solution-img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 49, 83, 0) 0%, rgba(0, 49, 83, 0.7) 100%);
    pointer-events: none;
    opacity: 0;
}

.product-solution-name.std-font26,
.product-solution-name.std-font26 p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.19rem;
    z-index: 3;
    color: var(--colorfff);
    line-height: 1.75;
    font-weight: 500;
    text-align: center;
    opacity: 0;
    transition: var(--transition);
    padding: 0 0.4rem
}

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

.product-solution-arrows {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    width: 9.12rem;
    max-width: 90vw;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.product-solution-arrow {
    position: absolute;
    top: 50%;
    display: block;
    width: 0.48rem;
    height: 0.48rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    line-height: 0;
    background: transparent;
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: auto;
}

.product-solution-prev {
    left: 0;
}

.product-solution-next {
    right: 0;
}

.product-solution-arrow img {
    display: block;
    width: 100%;
}

/* B3 产品详情 - end */
/* G1 样品申请 - start */
.sample-main.ys-page-wrap .ys-main {
    margin-top: 0;
    background: #f8fbff;
}

.sample-main .ys-nybanner {
    position: relative;
    overflow: visible;
    background: #f8fbff;
}

.sample-main .ys-nyban-img {
    --banner-mask-x: 112%;
    position: relative;
    z-index: 1;
    line-height: 0;
    overflow: hidden;
}

.sample-main .ys-nyban-img img {
    display: block;
    width: 100%;
}

.sample-main .ys-bread {
    position: absolute;
    z-index: 4;
    top: 1.55rem;
    left: 50%;
    width: 85vw;
    max-width: 12.78rem;
    margin: 0;
    transform: translateX(-50%);
}

/* .sample-main .ys-bread-list {
    display: flex;
    align-items: center;
    padding: 0 0.045rem;
} */

/* .sample-main .ys-bread-list::before {
    display: none;
} */

/* .sample-main .ys-bread-list a.std-text14,
.sample-main .ys-bread-list a.std-text14 p {
    color: var(--colorfff);
    line-height: 1.75;
}

.sample-main .ys-bread-list img {
    display: block;
    width: 0.14rem;
    height: 0.14rem;
    object-fit: contain;
}

.sample-main .ys-bread-list:nth-child(2) img {
    width: 0.1rem;
    height: 0.1rem;
} */

.sample-main .ys-nyban-title {
    z-index: 3;
}

.sample-main .ys-nyban-title .ys-cont1400 {
    text-align: center;
}

.sample-main .ys-nyban-title .std-font48,
.sample-main .ys-nyban-title .std-font48 p {
    color: var(--colorfff);
    line-height: 1.3;
    font-weight: 400;
}

.ys-nybanner15 .ys-nyban-copy {
    margin-top: 0.18rem;
}

.ys-nybanner15 .ys-nyban-copy.std-text16,
.ys-nybanner15 .ys-nyban-copy.std-text16 p {
    color: var(--colorfff);
    line-height: 1.5;
}

/* G1 样品申请 - end */
@media screen and (min-width: 1200px) {

    /* B3 产品详情 hover - start */
    .product-solution-arrow:hover {
        opacity: 0.75;
    }

    /* B3 产品详情 hover - end */
}


/* B4 家居生活解决方案 - start */
.habitat-main .ys-main {
    overflow: visible;
    background: var(--colorfff);
}

.habitat-main .ys-nybanner {
    padding-bottom: 0.32rem
}

.ys-nybanner4 {
    padding: 0.18rem 0 0.57rem;
    background: var(--colorfff);
}

.ys-nybanner4 .ys-bread {
    width: 85vw;
    max-width: 1400px;
    justify-content: flex-start;
    margin: 0 auto 0.68rem;
}

.ys-nybanner4 .ys-nyban-title {
    text-align: center;
}

.ys-nybanner4 .ys-nyban-title .ys-cont1400 {
    max-width: 8rem;
}

.ys-nybanner4 .ys-nyban-title .std-font40,
.ys-nybanner4 .ys-nyban-title .std-font40 p {
    color: var(--colormain1);
    line-height: 1.4;
    font-weight: 500;
}

.ys-nybanner4 .ys-nyban-copy,
.ys-nybanner4 .ys-nyban-copy p {
    color: #526779;
    line-height: 1.65;
}

.ys-nybanner4 .ys-nyban-img {
    width: 97.291667vw;
    max-width: 1868px;
    margin: 0.85rem auto 0;
    border-radius: 0.18rem;
    overflow: hidden;
}

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

.habitat-anchor {
    position: sticky;
    top: var(--headh);
    z-index: 60;
    /* overflow: visible; */
    background: var(--colorfff);
}

.habitat-anchor .ys-cont1400 {
    position: relative;
}

.habitat-anchor-inof {
    display: flex;
    align-items: center;
    margin: 0 -0.44rem;
}

.habitat-anchor-item {
    position: relative;
    padding: 0 0.44rem;
}

.habitat-anchor-item .std-text18::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 2px;
    max-width: 100%;
    background: var(--colormain);
    opacity: 0;
    transform: translateX(-50%);
    transition: var(--transition);
}

.habitat-anchor-item.act .std-text18::after {
    opacity: 1;
}

.habitat-anchor-item .std-text18 {
    display: block;
    color: var(--colormain1);
    line-height: 1.5;
    white-space: nowrap;
    transition: var(--transition);
    padding-bottom: 0.25rem;
    cursor: pointer;
    position: relative;
}

.habitat-anchor-item.act .std-text18 {
    color: var(--colormain);
}

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

.habitat-title .std-font40 {
    color: var(--colormain1);
    line-height: 1.75;
    margin-bottom: 0.38rem
}

.habitat-why {
    padding-top: 0.79rem;
}

.habitat-why-inof {
    --gap1: 0.15rem;
    margin: 0 calc(var(--gap1) * -1);
}

/* .habitat-why-slick:not(.slick-initialized) .habitat-why-slide:not(:first-child) {
    display: none;
} */
.habitat-why-slick.slick-initialized {
    display: block;
    flex-wrap: nowrap;
}

.habitat-why-slick.slick-initialized .habitat-why-slide {
    display: block;
}

.habitat-why-slick .slick-track {
    display: flex;
}

.habitat-why-slick .slick-slide {
    height: auto;
}

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

.habitat-why-card {
    min-height: 2.4rem;
    height: 100%;
    padding: 0.36rem 0.33rem 0.32rem;
    border-radius: 0.08rem;
    border: 1px solid #C9DEEE;
    background: #E6F2FB;
}

.habitat-why-card .std-font24,
.habitat-why-card .std-font24 p {
    color: var(--colormain1);
    line-height: var(--line175);
}

.habitat-why-card .std-font24 {
    margin-bottom: 0.2rem;
}

.habitat-why-text,
.habitat-why-text p {
    color: #8999A4;
    font-size: var(--font14);
    line-height: var(--line175);
}

.habitat-dots {
    display: block;
    margin-top: 0.34rem;
    font-size: 0;
    text-align: center;
}

.habitat-dots:empty {
    display: none;
}

.habitat-data {
    padding: 0.02rem 0 1.92rem;
}

.habitat-data-table {
    max-width: 13.25rem;
    margin: 0.42rem auto 0;
    border-radius: 0.18rem;
}

.habitat-data-col {
    width: 33.333333%;
    border: 1px solid #d6e4ee;
    border-radius: 0.16rem;
    overflow: hidden;
    background: var(--colorfff);
}

.habitat-data-col.act {
    border-color: var(--colormain1);
    /* background: var(--colormain1); */
}

.habitat-data-head {
    padding: 0.2rem 0.2rem;
    color: var(--colormain1);
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    background: #eef8ff;
}

.habitat-data-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0.86rem;
    padding: 0.12rem 0.22rem;
    color: #526779;
    line-height: 1.55;
    text-align: center;
    border-top: 1px solid #d6e4ee;
}

.habitat-data-list li p {
    color: #526779;
    line-height: 1.55;
    text-align: center;
}

.habitat-product-slick {
    position: relative;
    z-index: 2;
    width: 9.09rem;
    max-width: 100%;
    margin: 0.45rem auto 0;
}

.habitat-product-slick:not(.slick-initialized) .habitat-product-slide:not(:first-child) {
    display: none;
}

.habitat-product-slick.slick-initialized .habitat-product-slide {
    display: block;
}

.habitat-product-slick .slick-list {
    overflow: visible;
}

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

.habitat-product-slide {
    position: relative;
    height: auto;
    padding-bottom: 0.31rem;
    transition: var(--transition);
}

.habitat-product-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 2.64rem;
    margin: 0;
    padding: 0.42rem 0.24rem 0.38rem 0.68rem;
    border-radius: 0.12rem;
    background: var(--colorfff);
    box-shadow: 0 0.16rem 0.5rem rgba(0, 49, 83, 0.12);
}

.habitat-product-card::before,
.habitat-product-card::after {
    content: "";
    position: absolute;
    left: 50%;
    z-index: -1;
    width: 86%;
    height: 0.64rem;
    border-radius: 0 0 0.12rem 0.12rem;
    background: rgba(0, 49, 83, 0.08);
    transform: translateX(-50%);
}

.habitat-product-card::after {
    bottom: -0.27rem;
    width: 76%;
    background: rgba(0, 49, 83, 0.05);
}

.habitat-product-text {
    position: relative;
    z-index: 2;
    max-width: 4.3rem;
}

.habitat-product-tag {
    display: inline-flex;
    align-items: center;
    min-height: 0.31rem;
    padding: 0.04rem 0.18rem;
    border-radius: 0.16rem;
    color: var(--colorfff);
    line-height: 1.5;
    background: var(--colormain1);
}

.habitat-product-text .std-font24,
.habitat-product-text .std-font24 p {
    margin-top: 0.28rem;
    color: var(--colormain1);
    line-height: 1.4;
    font-weight: 500;
}

.habitat-product-desc {
    margin-top: 0.16rem;
}

.habitat-product-desc,
.habitat-product-desc p {
    color: #526779;
    line-height: 1.75;
}


.habitat-product-img img {
    display: block;
    width: 100%;
}

.habitat-wide {
    width: calc(100% - 1.02rem);
    max-width: 1819px;
    margin: 0 auto;
}

.habitat-case-inof {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.07rem;
    --gap2: 0.14rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
}

.habitat-case-item {
    width: 50%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.habitat-case-card {
    position: relative;
    border-radius: 0.08rem;
    overflow: hidden;
    background: var(--colormain1);
}

.habitat-case-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: linear-gradient(53deg, rgba(0, 0, 0, 0.20) 11.06%, rgba(0, 0, 0, 0.00) 59.33%);
    pointer-events: none;
}

.habitat-case-img img:nth-child(2) {
    transition: var(--transition);
}

.habitat-case-text {
    position: absolute;
    left: 0.52rem;
    right: 0.52rem;
    bottom: 0.54rem;
    z-index: 4;
}

.habitat-case-text .std-font30,
.habitat-case-text .std-font30 p {
    color: var(--colorfff);
    line-height: 1.4;
    font-weight: 500;
}



.habitat-case-desc,
.habitat-case-desc p {
    color: rgba(255, 255, 255, 0.86);
    line-height: 1.75;
}

.habitat-cert {
    padding: 0 0 1.46rem;
}

.habitat-cert-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0.38rem -0.24rem 0;
}

.habitat-cert-meta li {
    margin: 0 0.24rem;
    color: var(--colormain1);
    line-height: 1.6;
}

.habitat-cert-inof {
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.15rem;
    --gap2: 0.3rem;
    margin: 0.41rem auto calc(var(--gap2) * -1);
}

.habitat-cert-item {
    width: 25%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.habitat-cert-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 1.84rem;
    height: 100%;
    padding: 0.22rem 0.16rem 0.18rem;
    border-radius: 0.08rem;
    background: #f4f9fd;
}

.habitat-cert-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.12rem;
}

.habitat-cert-img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.habitat-cert-name {
    margin-top: 0.12rem;
    color: var(--colormain1);
    line-height: 1.45;
    text-align: center;
}

@media screen and (min-width: 1200px) {

    /* B4 家居生活解决方案 hover - start */
    .habitat-anchor-item:hover .std-text18 {
        color: var(--colormain);
    }

    .habitat-case-card:hover .habitat-case-img img:nth-child(2) {
        transform: scale(1.04);
    }

    /* B4 家居生活解决方案 hover - end */
}

/* B4 家居生活解决方案 - end */

/* G2 联系专家 - start */
.expert-main .ys-main {
    background: var(--colorfff);
}

.expert-main .ys-nybanner {
    position: relative;
}

.expert-main .ys-bread {
    position: absolute;
    top: 1.25rem;
    left: 50%;
    z-index: 4;
    width: 85vw;
    max-width: 13.6rem;
    justify-content: flex-start;
    transform: translateX(-50%);
}

.expert-main .ys-bread-list a,
.expert-main .ys-bread-list::before {
    color: rgba(255, 255, 255, 0.78);
}

.expert-main .ys-nyban-img {
    position: relative;
    overflow: hidden;
}

.expert-main .ys-nyban-img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(0, 28, 31, 0.2);
    pointer-events: none;
}

.expert-main .ys-nyban-img img {
    display: block;
    width: 100%;
}

.expert-main .ys-nyban-title {
    top: 2.51rem;
    z-index: 3;
    height: auto;
}

.expert-main .ys-nyban-title .ys-cont1400 {
    text-align: center;
}

.expert-main .ys-nyban-title .std-font46,
.expert-main .ys-nyban-title .std-font46 p {
    color: var(--colorfff);
    line-height: 1.326;
    font-weight: 400;
}

.expert-main .ys-nyban-title .std-text16 {
    margin-top: 0.28rem;
}

.expert-main .ys-nyban-title .std-text16,
.expert-main .ys-nyban-title .std-text16 p {
    color: var(--colorfff);
    line-height: 1.5;
}

/* G2 联系专家 - end */
/* C1 研发创新 - start */
.research-main {
    --research-blue: #003153;
    --research-light: #e8f6ff;
    --research-yellow: #fabe00;
}


.research-main .ys-bread {
    width: 85vw;
    max-width: 1440px;
    justify-content: flex-start;
}

.research-hero-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.research-hero-title {
    width: 45%;
}

.research-hero-title .std-font48, .research-hero-title .std-font48 p {
    color: var(--research-blue);
    line-height: 1.35;
    font-weight: 500;
}

.research-hero-title .std-font48::after {
    content: "";
    display: block;
    width: .58rem;
    height: .12rem;
    margin-top: .16rem;
    border: solid var(--research-yellow);
    border-width: 0 0 .04rem .04rem;
    border-radius: 0 0 0 .18rem;
}

.research-hero-copy {
    width: 45.833333%;
    padding-top: .1rem;
}

.research-hero-copy .std-font30, .research-hero-copy .std-font30 p {
    color: var(--research-blue);
    line-height: 1.45;
    font-weight: 500;
}

.research-hero-copy .std-text18 {
    margin-top: .18rem;
}

.research-hero-copy .std-text18, .research-hero-copy .std-text18 p {
    color: #425a6b;
    line-height: 1.85;
}

.research-hero-img {
    position: relative;
    margin-top: 0.9rem;
    border-radius: .32rem;
    overflow: hidden;
}

.research-hero-img picture, .research-hero-img img {
    display: block;
    width: 100%;
}

.research-hero-card {
    position: absolute;
    z-index: 2;
    padding: .3rem .36rem;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: .12rem;
    background: rgba(0, 49, 83, .55);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--colorfff);
}

.research-hero-card .std-font40, .research-hero-card .std-font40 p {
    display: block;
    color: var(--colorfff);
    font-size: var(--font40);
    line-height: 1.2;
    font-weight: 600;
}

.research-hero-card .std-text16, .research-hero-card .std-text16 p {
    display: block;
    margin-top: .07rem;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.5;
}

.research-hero-card .std-text14, .research-hero-card .std-text14 p {
    display: block;
    margin-top: .1rem;
    color: rgba(255, 255, 255, .88);
    font-size: var(--font14);
    line-height: 1.45;
}

.research-hero-card1 {
    top: .6rem;
    left: .45rem;
    width: 3.32rem;
}

.research-hero-card2 {
    right: .45rem;
    bottom: .56rem;
    width: 3.42rem;
}

.research-hero-card2 .std-text18, .research-hero-card2 .std-text18 p {
    display: block;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.45;
    font-weight: 600;
}

.research-eco {
    position: relative;
    padding: .1rem 0 1.02rem;
}

.research-eco .ys-cont1440 {
    position: relative;
}


.research-side-nav li {
    position: relative;
    padding: .06rem 0 .22rem .18rem;
}

.research-side-nav .std-text14, .research-side-nav .std-text14 p {
    color: #8ba0ae;
    font-size: var(--font14);
    line-height: 1.4;
}

.research-side-nav li.act {
    color: var(--research-blue);
}

.research-side-nav li.act::before {
    content: "";
    position: absolute;
    top: .08rem;
    left: -1px;
    height: .44rem;
    border-left: 2px solid var(--research-yellow);
}

.research-head {
    text-align: center;
}

.research-head .std-font48, .research-head .std-font48 p, .research-head .std-font40, .research-head .std-font40 p {
    color: var(--research-blue);
    line-height: 1.35;
    font-weight: 500;
}

.research-head-copy {
    max-width: 7rem;
    margin: .18rem auto 0;
}

.research-head-copy.std-text18, .research-head-copy.std-text18 p {
    color: #6b7e8f;
    line-height: 1.8;
}

.research-eco-tabs {
    display: flex;
    width: max-content;
    max-width: 100%;
    margin: .34rem auto 0;
    padding: .06rem;
    border-radius: 28px;
    background: #f3f6f8;
}

.research-eco-tab {
    min-width: 2.42rem;
    padding: .1rem .26rem;
    border-radius: .22rem;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
}

.research-eco-tab.std-text14, .research-eco-tab.std-text14 p {
    color: #6b7e8f;
    font-size: var(--font14);
    line-height: 1.45;
}

.research-eco-tab.act {
    color: var(--colorfff);
    background: var(--research-yellow);
}

.research-eco-core {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .37rem;
}

.research-eco-img {
    position: relative;
    width: 56.111111%;
    overflow: hidden;
    border-radius: .08rem;
    background: #dff0fa;
}

.research-eco-img img {
    display: block;
    width: 100%;
}

.research-eco-mark {
    position: absolute;
    top: .56rem;
    left: 50.8%;
    padding: .13rem .24rem;
    border-radius: .04rem;
    background: var(--colorfff);
    transform: translateX(-50%);
}

.research-eco-mark.std-text14, .research-eco-mark.std-text14 p {
    color: var(--research-blue);
    font-size: var(--font14);
    line-height: 1.45;
    font-weight: 600;
}

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

.research-eco-info .std-font40, .research-eco-info .std-font40 p {
    color: var(--research-blue);
    line-height: 1.4;
    font-weight: 500;
}

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

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

.research-eco-list .std-text18, .research-eco-list .std-text18 p {
    color: var(--research-blue);
    font-size: var(--font18);
    line-height: 1.45;
    font-weight: 600;
}

.research-eco-list .std-text14, .research-eco-list .std-text14 p {
    margin-top: .08rem;
    color: #425a6b;
    font-size: var(--font14);
    line-height: 1.8;
}

.research-system, .research-honor, .research-future {
    position: relative;
    overflow: hidden;
}

.research-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

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

.research-system::after, .research-future::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .38);
    pointer-events: none;
}

.research-system .ys-cont1440, .research-honor .ys-cont1440, .research-future .ys-cont1440 {
    position: relative;
    z-index: 2;
}

.research-system {
    min-height: 9.4rem;
    padding: 1.34rem 0 1.25rem;
    color: var(--colorfff);
}

.research-system-head {
    /* max-width: 10.9rem; */
    margin: 0 auto;
    text-align: center;
}

.research-system-head .std-font48, .research-system-head .std-font48 p {
    color: var(--colorfff);
    line-height: 1.35;
    font-weight: 500;
}

.research-system-head .std-text16 {
    margin-top: .26rem;
}

.research-system-head .std-text16, .research-system-head .std-text16 p {
    color: rgba(255, 255, 255, .84);
    line-height: 1.9;
}

.research-data-list {
    display: flex;
    justify-content: center;
    /* max-width: 9.5rem; */
    margin: 1.46rem auto 0;
    flex-wrap: wrap;
    width: 66%;
}

.research-data-list li {
    position: relative;
    width: 25%;
    text-align: center;
}

/* .rdli-num {
    position: relative;
} */

.research-data-list-item:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 1);
}

.research-data-list .std-font54, .research-data-list .std-font54 p {
    display: block;
    color: var(--colorfff);
    font-size: var(--font54);
    line-height: 1.1;
    font-weight: 700;
}

.research-data-list .std-text16, .research-data-list .std-text16 p {
    display: block;
    margin-top: .12rem;
    color: rgba(255, 255, 255, .9);
    font-size: var(--font16);
    line-height: 1.5;
}

.research-process {
    padding: .88rem 0 .73rem;
}

.research-process-box {
    margin-top: .45rem;
    padding: .65rem 2.05rem .67rem;
    border-radius: .12rem;
    background: var(--research-light);
}

.research-process-steps {
    position: relative;
    /* display: flex;
    justify-content: space-between; */
}

.research-process-steps::before {
    content: "";
    position: absolute;
    top: .26rem;
    left: .65rem;
    right: .65rem;
    border-top: 1px dashed #8ca8bd;
}

.research-process-step {
    position: relative;
    z-index: 2;
    width: 20%;
    text-align: center;
    cursor: pointer;
}

.research-process-step em {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .54rem;
    height: .54rem;
    margin: 0 auto;
    border: 1px dashed var(--research-yellow);
    border-radius: 50%;
    background: var(--colorfff);
    font-style: normal;
    transition: var(--transition);
}

.research-process-step .std-text14, .research-process-step .std-text14 p {
    color: var(--research-blue);
    font-size: var(--font14);
    line-height: 1.2;
}

.research-process-step.act em {
    border-style: solid;
    color: var(--colorfff);
    background: var(--research-yellow);
}

.research-process-step .std-text18, .research-process-step .std-text18 p {
    display: block;
    margin-top: .18rem;
    color: var(--research-blue);
    font-size: var(--font18);
    line-height: 1.45;
    font-weight: 600;
}

.research-process-copy {
    position: relative;
    width: 82%;
    margin: .43rem auto 0;
    padding: .34rem .48rem;
    border-radius: .04rem;
    background: var(--colorfff);
}

.research-process-copy::before {
    content: "";
    position: absolute;
    top: -.11rem;
    left: 8.8%;
    width: 0;
    height: 0;
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-bottom: .12rem solid var(--colorfff);
}

.research-process-copy.std-text16, .research-process-copy.std-text16 p {
    color: #6b7e8f;
    line-height: 1.8;
}

.research-attr-head {
    margin-top: .74rem;
}

.research-attr-list {
    display: flex;
    flex-wrap: wrap;
    --gap1: .075rem;
    margin: .37rem calc(var(--gap1) * -1) calc(var(--gap1) * -2);
}

.research-attr-list-item {
    width: 16.666666%;
    padding: 0 var(--gap1);
    margin-bottom: calc(2 * var(--gap1));
    text-align: center;
}

.research-attr-list .std-text18, .research-attr-list .std-text18 p {
    color: var(--research-blue);
    font-size: var(--font18);
    line-height: .92rem;
    font-weight: 600;
}

.research-attr-list li::before {
    content: "";
    display: block;
    height: .92rem;
    margin-bottom: -.92rem;
    border-radius: .12rem;
    background: var(--research-light);
}

.research-coop {
    padding: .78rem 0 .9rem;
}

.research-coop .ys-cont1440 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

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

.research-coop-text .std-font40, .research-coop-text .std-font40 p {
    color: var(--research-blue);
    line-height: 1.4;
    font-weight: 500;
}

.research-coop-text .std-text18 {
    margin-top: .31rem;
}

.research-coop-text .std-text18, .research-coop-text .std-text18 p {
    color: #425a6b;
    line-height: 1.85;
}

.research-coop-logos {
    position: relative;
    width: 50%;
    min-height: 3.5rem;
}

.research-coop-logos li {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--colorfff);
    box-shadow: 0 .12rem .38rem rgba(0, 49, 83, .08);
}

.research-coop-logos img {
    max-width: 68%;
    max-height: 68%;
}

.research-coop-logos li:nth-child(1) {
    left: 11%;
    top: 38%;
    width: 1.18rem;
    height: 1.18rem;
}

.research-coop-logos li:nth-child(2) {
    left: 27%;
    top: 10%;
    width: 1.1rem;
    height: 1.1rem;
}

.research-coop-logos li:nth-child(3) {
    left: 52%;
    top: 4%;
    width: 1.16rem;
    height: 1.16rem;
}

.research-coop-logos li:nth-child(4) {
    left: 74%;
    top: 8%;
    width: 1.18rem;
    height: 1.18rem;
}

.research-coop-logos li:nth-child(5) {
    left: 47%;
    top: 41%;
    width: 1.2rem;
    height: 1.2rem;
}

.research-coop-logos li:nth-child(6) {
    left: 41%;
    top: 64%;
    width: 1.28rem;
    height: 1.28rem;
}

.research-coop-logos li:nth-child(7) {
    left: 61%;
    top: 73%;
    width: 1.36rem;
    height: 1.02rem;
    border-radius: .52rem;
}

.research-coop-logos li:nth-child(8) {
    left: 24%;
    top: 76%;
    width: .96rem;
    height: .96rem;
}

.research-coop-logos li:nth-child(9) {
    left: 76%;
    top: 51%;
    width: 1.52rem;
    height: 1.22rem;
    border-radius: .61rem;
}

.research-honor {
    min-height: 8.18rem;
    padding: .96rem 0 .86rem;
    text-align: center;
}

.research-honor .std-font40, .research-honor .std-font40 p {
    color: var(--colorfff);
    line-height: 1.4;
    font-weight: 500;
}

.research-honor-list {
    display: flex;
    flex-wrap: wrap;
    --gap1: .22rem;
    margin: .63rem calc(var(--gap1) * -1) 0;
}

.research-honor-list li {
    width: 20%;
    padding: 0 var(--gap1);
}

.research-honor-img {
    padding: .2rem .22rem .22rem;
    border-radius: .06rem;
    background: rgba(255, 255, 255, .22);
}

.research-honor-list .std-text16, .research-honor-list .std-text16 p {
    margin-top: .16rem;
    color: rgba(255, 255, 255, .9);
    font-size: var(--font16);
    line-height: 1.5;
}

.research-dots {
    display: flex;
    justify-content: center;
    margin-top: .46rem;
}

.research-dots span {
    width: .07rem;
    height: .07rem;
    margin: 0 .035rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .75);
}

.research-dots span:first-child {
    border-color: var(--research-yellow);
    background: var(--research-yellow);
}

.research-quality {
    padding: 1.08rem 0 .74rem;
}

.research-quality-core {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.research-quality-text {
    width: 40.277778%;
}

.research-quality-text .std-font40, .research-quality-text .std-font40 p {
    color: var(--research-blue);
    line-height: 1.45;
    font-weight: 500;
}

.research-quality-text .std-text18 {
    margin-top: .42rem;
}

.research-quality-text .std-text18, .research-quality-text .std-text18 p {
    color: #425a6b;
    line-height: 1.85;
}

.research-quality-view {
    position: relative;
    width: 54.166667%;
    min-height: 5.4rem;
}

.research-quality-list {
    position: relative;
    width: 6.62rem;
    height: 5.38rem;
    margin: 0 auto;
}

.research-quality-item {
    position: absolute;
    top: .58rem;
    left: 1.08rem;
    width: 4.56rem;
    border-radius: .08rem;
    overflow: hidden;
    opacity: 0;
    transform: scale(.8);
    transition: var(--transition);
}

.research-quality-item.act {
    z-index: 4;
    top: 0;
    left: 0;
    width: 5.32rem;
    opacity: 1;
    transform: scale(1);
}

.research-quality-item.prev {
    z-index: 2;
    left: -.16rem;
    opacity: .45;
    transform: translateX(-.38rem) scale(.72);
}

.research-quality-item.next {
    z-index: 3;
    left: 4.08rem;
    opacity: .9;
    transform: scale(.76);
}

.research-quality-item .ys-imgbox-cover {
    border-radius: .08rem;
}

.research-quality-item .ys-imgbox-cover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 38%;
    z-index: 3;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .42));
    pointer-events: none;
}

.research-quality-item .std-text18, .research-quality-item .std-text18 p {
    position: absolute;
    left: .32rem;
    bottom: .28rem;
    z-index: 4;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.45;
    font-weight: 600;
}

.research-quality-arrow {
    position: absolute;
    top: 50%;
    z-index: 6;
    width: .48rem;
    height: .48rem;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 0;
    cursor: pointer;
    transform: translateY(-50%);
    transition: var(--transition);
}

.research-quality-arrow img {
    display: block;
    width: 100%;
}

.research-quality-prev {
    left: 0;
}

.research-quality-next {
    right: 0;
}

.research-control-head {
    margin-top: .5rem;
}

.research-control-list {
    display: flex;
    justify-content: center;
    margin-top: .36rem;
}

.research-control-list li {
    position: relative;
    width: 3.6rem;
    padding: .19rem .2rem;
    border-radius: .12rem;
    background: var(--research-light);
    text-align: center;
}

.research-control-list li+li {
    margin-left: .62rem;
}

.research-control-list li+li::before {
    content: ">";
    position: absolute;
    left: -.34rem;
    top: 50%;
    color: #7e9aaf;
    font-size: var(--font18);
    line-height: 1;
    transform: translateY(-50%);
}

.research-control-list .std-font30, .research-control-list .std-font30 p {
    display: block;
    color: var(--research-blue);
    font-size: var(--font30);
    line-height: 1.2;
    font-weight: 700;
}

.research-control-list .std-text16, .research-control-list .std-text16 p {
    display: block;
    margin-top: .08rem;
    color: var(--research-blue);
    font-size: var(--font16);
    line-height: 1.45;
}

/* .research-equipment {
    padding: .18rem 0 .84rem;
} */

.research-equipment-list {
    display: flex;
    flex-wrap: wrap;
    --gap1: .08rem;
    margin: .42rem calc(var(--gap1) * -1) 0;
}

.research-equipment-list li {
    width: 20%;
    padding: 0 var(--gap1);
}

.research-equipment-img {
    border-radius: .04rem;
    overflow: hidden;
}

.research-equipment-list .std-text14, .research-equipment-list .std-text14 p {
    margin-top: .16rem;
    color: #1c3445;
    font-size: var(--font14);
    line-height: 1.45;
    text-align: center;
}

.research-equipment-line {
    width: 3.58rem;
    height: 1px;
    margin: .52rem auto 0;
    background: #d9e2e8;
}

.research-equipment-line span {
    display: block;
    width: .93rem;
    height: 1px;
    background: var(--research-yellow);
}

.research-future {
    min-height: 8.29rem;
    padding: .78rem 0 .58rem;
    color: var(--colorfff);
}

.research-future-head {
    margin: 0 auto;
    text-align: center;
}

.research-future-head .std-font48, .research-future-head .std-font48 p {
    color: var(--colorfff);
    line-height: 1.35;
    font-weight: 500;
}

.research-future-head .std-text16 {
    margin-top: .2rem;
}

.research-future-head .std-text16, .research-future-head .std-text16 p {
    color: rgba(255, 255, 255, .86);
    line-height: 1.8;
}

.research-future-track {
    position: relative;
    height: 4.36rem;
    margin-top: .58rem;
}

.research-wave {
    position: absolute;
    left: 50%;
    top: -.42rem;
    width: 14.4rem;
    line-height: 0;
    transform: translateX(-50%);
}

.research-wave img {
    display: block;
    width: 100%;
}

.research-history-list {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    /* align-items: flex-start; */
    max-width: 12.4rem;
    margin: 0 auto;
}

.research-history-list li {
    width: 18%;
    text-align: center;
}

/* .research-history-list li:nth-child(1) {
    padding-top: 1.16rem;
}

.research-history-list li:nth-child(2) {
    padding-top: .48rem;
}

.research-history-list li:nth-child(3) {
    padding-top: 0;
}

.research-history-list li:nth-child(4) {
    padding-top: .74rem;
}

.research-history-list li:nth-child(5) {
    padding-top: .98rem;
} */

.research-history-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.22rem;
    height: 1.22rem;
    margin: 0 auto .12rem;
    border: .04rem solid rgba(255, 255, 255, .85);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 .08rem .22rem rgba(0, 0, 0, .2);
}

/* .research-history-list li:nth-child(2) .research-history-img {
    width: 1.64rem;
    height: 1.64rem;
}

.research-history-list li:nth-child(3) .research-history-img {
    width: 1.18rem;
    height: 1.18rem;
}

.research-history-list li:nth-child(4) .research-history-img {
    width: 1.44rem;
    height: 1.44rem;
} */

.research-history-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.research-history-list .std-font24, .research-history-list .std-font24 p {
    display: block;
    color: var(--colorfff);
    font-size: var(--font24);
    line-height: 1.2;
    font-weight: 500;
}

.research-history-list .std-text18, .research-history-list .std-text18 p {
    margin-top: .06rem;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.55;
}

.research-future-control {
    /* width: 1.34rem; */
    margin: .02rem auto 0;
    line-height: 0;
}

.research-future-control img {
    display: block;
    width: 100%;
}

.research-honor-img,
.research-equipment-img {
    transition: var(--transition);
}

.research-equipment .mod-icon {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 0.48rem;
    height: 0.48rem;
}

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

@media screen and (min-width:1200px) {
    .research-eco-tab:not(.act):hover, .research-process-step:not(.act):hover .std-text18, .research-side-nav li:hover {
        color: var(--research-yellow);
    }
}

/* C1 研发创新 - end */
/* F3 加入我们 - start */
.join-main .ys-main {
    overflow: hidden;
}

.join-main .ys-nybanner {
    position: relative;
    color: var(--colorfff);
    background: #dfe8ee;
    overflow: hidden;
}

.join-main .ys-bread li,
.join-main .ys-bread li a {
    color: var(--colorfff);
}

/* 
.ys-nybanner13 .ys-nyban-subnav {
    position: absolute;
    top: 1.48rem;
    right: 13.54vw;
    z-index: 4;
    display: flex;
    align-items: center;
}
.ys-nybanner13 .ys-nyban-subnav-item+.ys-nyban-subnav-item {
    margin-left: 0.62rem;
}
.ys-nybanner13 .ys-nyban-subnav-link {
    display: block;
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--font16);
    line-height: 1.5;
    transition: var(--transition);
}
.ys-nybanner13 .ys-nyban-subnav .act .ys-nyban-subnav-link {
    color: var(--colorfff);
} */
/* .join-main .ys-nyban-img {
    --banner-mask-x: 105%;
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 817;
    overflow: hidden;
} */

.join-main .ys-nyban-img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.16);
    pointer-events: none;
}

/* .join-main .ys-nyban-img picture,
.join-main .ys-nyban-img img {
    display: block;
    width: 100%;
    height: 100%;
} */

.join-main .ys-nyban-img img {
    object-fit: cover;
}

.join-main .ys-nyban-title {
    z-index: 3;
    width: 100%;
    text-align: center;
    transform: none;
}

/* .join-main .ys-nyban-title .ys-cont1400 {
    max-width: 13.2rem;
    transform: translateY(-0.18rem);
} */

.join-main .ys-nyban-title .std-font48,
.join-main .ys-nyban-title .std-font48 p {
    color: var(--colorfff);
    line-height: 1.5;
    font-weight: 400;
}

.join-section-title {
    text-align: center;
}

.join-section-title .std-font46,
.join-section-title .std-font46 p {
    color: var(--colormain1);
    line-height: 1.4;
}

.join-partner-list {
    margin-top: 0.61rem;
}

.join-partner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.join-partner-img {
    width: 100%;
    overflow: hidden;
    border-radius: 0.2rem;
}

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

.join-partner-info-heading.std-font36 {
    position: relative;
    padding-bottom: 0.37rem;
    margin-bottom: 0.37rem;
    color: var(--colormain1);
    font-size: var(--font36);
    line-height: 1.4;
    font-weight: 400;
}

/* .join-partner-item-title.std-font24,
.join-partner-item-title.std-font24 p {
    color: #333;
    font-size: var(--font24);
    line-height: 1.45;
    font-weight: 500;
} */
.join-welfare {
    padding: 0.94rem 0 0.92rem;
    background: #f8fbff;
}

.join-welfare-core {
    position: relative;
    max-width: 100%;
    margin-bottom: 0.3rem
}

.join-welfare-img {
    width: 68.7%;
    margin-left: auto;
    overflow: hidden;
    border-radius: 0.16rem;
}

.join-welfare-card {
    position: absolute;
    top: 0.9rem;
    left: 0;
    z-index: 2;
    width: 4.84rem;
    min-height: 3.53rem;
    padding: 0.92rem 0.73rem 0.85rem 0.74rem;
    border-radius: 0.16rem;
    background: var(--colorfff);
    /* box-shadow: 0 0.18rem 0.45rem rgba(31, 66, 102, 0.08); */
}

.join-welfare-card-icon {
    position: absolute;
    top: -0.29rem;
    right: 0.88rem;
    display: block;
    width: 0.58rem;
    height: 0.58rem;
}

.join-welfare-card .std-font30,
.join-welfare-card .std-font30 p {
    color: #333;
    font-size: var(--font30);
    line-height: 1.4;
    color: var(--colormain1);
}

.join-welfare-card .std-font30 {
    margin-bottom: 0.28rem
}

/* .join-welfare-copy {
    margin-top: 0.2rem;
} */
.join-welfare-card .std-text18,
.join-welfare-card .std-text18 p {
    color: #666;
    line-height: 1.5;
}

.join-welfare-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 13.94rem; */
    max-width: 100%;
    /* margin: 0.51rem auto 0; */
}

.join-welfare-tab {
    color: #666;
    font-size: var(--font30);
    line-height: 1.4;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition);
}

.join-welfare-tab.act {
    color: var(--colormain1);
}

.join-activity {
    --banner-mask-x: 105%;
    position: relative;
    overflow: hidden;
    padding: 1.03rem 0 1.39rem;
    background: #202c45;
}

.join-activity .join-section-title .std-font48,
.join-activity .join-section-title .std-font48 p {
    color: var(--colorfff);
}

.join-activity-wrap {
    max-width: 2200px;
    width: 100%;
    margin: 0 auto;
}

.join-activity-slick .slick-list {
    overflow: visible;
}

.join-activity-slick {
    overflow: visible;
}

.join-activity-slide {
    padding: 0 var(--gap1);
}

/* .join-activity-slide:not(:first-child) {
    display: none;
} */
/* .join-activity-slick.slick-initialized .join-activity-slide {
    display: block;
} */
.join-activity-img {
    overflow: hidden;
    border-radius: 0.08rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: relative;
}

.join-activity .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
}

.join-jobs {
    padding: 0 0 1.48rem;
}

.join-job-wrap {
    width: 11.62rem;
    max-width: 100%;
    margin: 0 auto;
}

.join-job-tabs {
    display: flex;
    /*width: 36.9%;*/
    justify-content: center;
    margin: 0.42rem auto 0;
    border-radius: 0.23rem;
    background: #e4eef7;
    overflow: hidden;
}

.join-job-tab p{
    display: flex;
    align-items: center;
    justify-content: center;
    /*flex: 1;*/
    height: 0.46rem;
    color: var(--colormain1);
    font-size: var(--font18);
    line-height: 1.4;
    cursor: pointer;
    transition: var(--transition);
}

.join-job-tab.on p{
    color: var(--colorfff);
    background: var(--colormain1);
}

.join-job-item {
    position: relative;
    overflow: hidden;
    /* padding: 0.31rem 0.58rem; */
    /* border-bottom: 1px solid #e4edf5; */
    transition: var(--transition);
}

.join-job-item.act {
    /* padding: 0.35rem 0.58rem 0.5rem; */
    /* border: 1px solid #c9deee; */
    border-radius: 0.14rem;
    background: #e6f2fb;
    margin-top: 0.18rem;
}

/* .join-job-item.act .join-job-head {
    padding-top: 0.39rem
} */

.join-job-head {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 0.84rem;
    cursor: pointer;
    padding-top: 0.3rem;
    padding-bottom: 0.27rem;
    width: 100%;
    transition: var(--transition);
}

.join-job-head .std-font24 {
    color: #333;
    font-size: var(--font24);
    line-height: 1.45;
    font-weight: bold;
    margin-bottom: 0.15rem;
}

.join-job-meta {
    display: flex;
    align-items: center;
    color: #666;
    font-size: var(--font18);
    line-height: 1.5;
}

.join-job-state {
    /* position: absolute;
    top: 50%;
    right: 0; */
    /* display: block; */
    position: relative;
    width: 0.38rem;
    height: 0.38rem;
    /* transform: translateY(-50%); */
}

.join-job-state img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.join-job-minus {
    opacity: 0;
}

.join-job-item.act .join-job-plus {
    opacity: 0;
}

.join-job-item.act .join-job-minus {
    opacity: 1;
}

.join-job-detail .std-text20,
.join-job-detail .std-text20 p {
    margin-bottom: 0.14rem;
    color: #333;
    font-size: var(--font20);
    line-height: 1.45;
    font-weight: 500;
}

.join-job-detail .std-text16,
.join-job-detail .std-text16 p {
    color: #666;
    line-height: 1.62;
}

.join-job-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.69rem;
    height: 0.46rem;
    margin-top: 0.36rem;
    padding: 0 0.28rem;
    border-radius: 0.23rem;
    color: var(--colormain1);
    font-size: var(--font18);
    line-height: 1.4;
    background: var(--colormain);
    transition: var(--transition);
    color: #fff;
}

.join-job-more-icon {
    position: relative;
    display: block;
    width: 0.11rem;
    height: 0.1rem;
    margin-left: 0.12rem;
}

.join-job-more-icon img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.join-job-more-icon img+img {
    opacity: 0;
}

/* F3 加入我们 - end */
@media screen and (min-width: 1200px) {

    /* F3 加入我们 hover - start */
    .join-welfare-tab:hover {
        color: var(--colormain1);
    }

    /* .ys-nybanner13 .ys-nyban-subnav-link:hover {
        color: var(--colorfff);
    } */
    .join-job-tab:not(.on):hover p{
        background: rgba(0, 49, 83, 0.08);
    }

    .join-job-more:hover {
        color: var(--colorfff);
        background: var(--colormain1);
    }

    .join-job-more:hover .join-job-more-icon img:first-child {
        opacity: 0;
    }

    .join-job-more:hover .join-job-more-icon img+img {
        opacity: 1;
    }

    /* F3 加入我们 hover - end */
}

/* 2026.6.23 - start */
/* F2 董事长致词文字修正 - start */
.concept-message-copy.std-text18,
.concept-message-copy.std-text18 p {
    color: #999;
    font-size: var(--font24);
    line-height: 2;
    font-weight: 400;
}

.concept-message-copy p+p {
    margin-top: 0.42rem;
}

.concept-sign {
    margin-top: 1.36rem;
}

.concept-sign.std-text20,
.concept-sign.std-text20 p {
    color: var(--color333);
    font-size: var(--font24);
    line-height: 1.5;
}

.concept-sign-line {
    width: 1.96rem;
    margin-right: 0.32rem;
    background: var(--color333);
}

.concept-sign-name,
.concept-sign-role {
    color: var(--color333);
    font-size: var(--font24);
    line-height: 1.5;
    font-weight: 400;
    font-style: normal;
}

.concept-sign-name {
    font-size: var(--font36) !important;
}

.concept-sign .concept-sign-sep.concept-sign-sep {
    margin: 0 0.16rem;
    color: #999;
    font-size: var(--font24);
    line-height: 1.5;
}

/* F2 董事长致词文字修正 - end */
/* F2 经营理念固定滚动进度 - start */
.concept-main .ys-main {
    overflow: visible;
}

.concept-core {
    overflow: visible;
}

.concept-core-pin {
    position: relative;
    z-index: 1;
}

.concept-core-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    width: var(--concept-progress);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 49, 83, 0.08) 0%, rgba(0, 49, 83, 0.72) 100%);
    pointer-events: none;
    transition: width 0.16s linear;
}

.concept-core-card::after {
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 49, 83, 0.02) 0%, rgba(0, 49, 83, 0.42) 100%);
}

.concept-core.is-scroll-progress .concept-core-card::before {
    display: block;
}

.concept-core-info {
    z-index: 4;
}

.concept-core-item {
    position: relative;
    isolation: isolate;
    transition: var(--transition);
}

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

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

.concept-core-num,
.concept-core-bottom {
    position: relative;
    z-index: 1;
}

.concept-core-num {
    margin-bottom: 0.4rem
}

.concept-core-item.act,
.concept-core-item.is-passed {
    opacity: 1;
}

.concept-core-item.act .concept-core-num,
.concept-core-item.act .concept-core-num p,
.concept-core-item.is-passed .concept-core-num,
.concept-core-item.is-passed .concept-core-num p {
    color: var(--colorfff);
}

.concept-core-item.act .concept-core-copy {
    opacity: 1;
}

/* F2 经营理念固定滚动进度 - end */
/* F3 员工活动图片文案修正 - start */
.join-activity-img {
    position: relative;
    background: #202c45;
}

.join-activity-img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 1.18rem;
    background: linear-gradient(180deg, rgba(32, 44, 69, 0) 0%, rgba(32, 44, 69, 0.58) 100%);
    pointer-events: none;
}

.join-activity-img .ys-img {
    transition: transform 0.6s ease;
}

.join-activity-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    padding: 0.3rem 0.4rem;
}

.join-activity-caption.std-text18,
.join-activity-caption.std-text18 p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.6;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* F3 员工活动图片文案修正 - end */
/* F3 职位列表招聘切换修正 - start */
.join-job-tabs {
    /*width: 3.92rem;*/
    margin: 0.4rem auto 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
}

.join-job-tab p{
    /*flex: 0 0 1.89rem;*/
    /*width: 1.89rem;*/
    height: 0.56rem;
    padding: 0.08rem 0.16rem 0.08rem 0.24rem;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    background: var(--colorfff);
    color: var(--colormain1);
    font-size: var(--font16);
    font-weight: 400;
    line-height: 1.75;
    box-sizing: border-box;
}

.join-job-tab+.join-job-tab {
    margin-left: 0.14rem;
}

.join-job-tab.on p{
    border-color: var(--colormain);
    background: var(--colormain);
}

.join-job-list {
    margin-top: 0.4rem;
}

/* F3 职位列表招聘切换修正 - end */
/* F3 职位列表职位卡片修正 - start */
/* .join-job-item {
    padding: 0.16rem 0.58rem;
} */
.join-job-item {
    border: 1px solid transparent;
    /* border-bottom: 1px solid #dbe4f0; */
}

.join-job-item:first-child {
    border-top: 1px solid #dbe4f0;
}

/* .join-job-item.act {
    padding: 0.35rem 0.58rem 0.42rem;
} */
.join-job-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 0.84rem;
    position: relative;
}

.join-job-item:has(+ .act) .join-job-head::after {
    opacity: 0;
}

.join-job-head::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #dbe4f0;
    transition: var(--transition);
}

.join-job-item.act .join-job-head::after {
    bottom: 0.07rem;
    width: calc(100% - var(--left) - var(--right));
    left: var(--left);
}

.join-job-head .std-font24,
.join-job-head .std-font24 p {
    width: 100%;
    color: var(--colormain1);
    line-height: 1.35;
    font-weight: 600;
}

.join-job-meta {
    color: #333;
    font-size: var(--font16);
    line-height: 1.625;
}

.join-job-meta img {
    width: 0.2rem;
    object-fit: contain;
}

.join-job-meta span {
    display: inline-block;
    color: #333;
    line-height: 1.6;
    font-size: var(--font16);
    padding-left: 0.11rem;
}

/* 
.join-job-state {
    top: 0;
    transform: none;
} */
.join-job-state img {
    object-fit: contain;
}

/* .join-job-item.act .join-job-head::after {
    content: "";
    display: block;
    height: 1px;
    margin-top: 0.24rem;
    background: #c9deee;
} */
.join-job-detail {
    width: 100%;
    margin-top: 0.52rem;
}

.join-job-detail-group+.join-job-detail-group {
    margin-top: 0.34rem;
}

.join-job-detail .std-text20,
.join-job-detail .std-text20 p {
    margin-bottom: 0.14rem;
    font-size: var(--font18);
    line-height: 1.55;
    font-weight: 600;
}

.join-job-detail .std-text16,
.join-job-detail .std-text16 p {
    line-height: 1.75;
}

.join-job-more {
    min-width: 1.54rem;
    margin-top: 0.34rem;
    padding: 0 0.24rem;
    font-size: var(--font16);
}

/* F3 职位列表职位卡片修正 - end */
/* 首页/内页公共头部 - start */
/* :is(.home-main, .inside-main) {
    --headh: 100px;
}

:is(.home-main, .inside-main) .ys-header {
    z-index: 100;
} */

:is(.home-main, .inside-main) .ys-hd-pc::before {
    box-shadow: none;
    border-bottom: 1px solid transparent;
}

:is(.home-main, .inside-main).open-nav .ys-hd-pc::before,
:is(.home-main, .inside-main) .ys-hd-pc.has-search::before,
:is(.home-main, .inside-main) .ys-hd-pc.isfixed::before,
:is(.home-main, .inside-main) .ys-hd-pc.ishover::before,
:is(.home-main, .inside-main).act .ys-hd-pc::before {
    height: 100%;
    opacity: 1;
    border-bottom-color: #e6edf3;
}

/* 
:is(.home-main, .inside-main) .ys-hd-pc-core {
    position: relative;
    align-items: center;
    height: var(--headh);
    width: calc(100% - 1.1rem);
    max-width: none;
} */
:is(.home-main, .inside-main) .head-logo {
    position: absolute;
    top: 58%;
    left: 50%;
    width: 0.95rem;
    line-height: 0;
    transform: translate(-50%, -50%);
}

:is(.home-main, .inside-main) .head-logo a {
    display: block;
    width: 100%;
    line-height: 0;
}

:is(.home-main, .inside-main) .head-logo img {
    width: 100%;
}

:is(.home-main, .inside-main).open-nav .head-logo img:nth-of-type(2) {
    opacity: 1;
}

:is(.home-main, .inside-main).open-nav .head-logo img:first-child {
    opacity: 0;
}

:is(.home-main, .inside-main) .head-nav {
    --gap2: 0.2rem;
    align-items: center;
    /* max-width: 7rem; */
    margin: 0 calc(var(--gap2) * -1);
}

:is(.home-main, .inside-main) .head-nav-item-nub {
    line-height: var(--headh);
}

:is(.home-main, .inside-main) .head-nav-item-title {
    padding: 0;
    margin: 0 var(--gap2);
    color: rgba(255, 255, 255, 0.96);
    font-size: var(--font16);
    line-height: 1.75;
}

:is(.home-main, .inside-main).open-nav .head-nav-item-title,
:is(.home-main, .inside-main) .ys-hd-pc.has-search .head-nav-item-title,
:is(.home-main, .inside-main) .ys-hd-pc.isfixed .head-nav-item-title,
:is(.home-main, .inside-main) .ys-hd-pc.ishover .head-nav-item-title,
:is(.home-main, .inside-main).act .ys-hd-pc .head-nav-item-title {
    color: var(--colormain1);
}

:is(.home-main, .inside-main) .head-nav-item.yxnav-active1 .head-nav-item-title,
:is(.home-main, .inside-main) .head-nav-item.select-anchor .head-nav-item-title {
    color: var(--colormain) !important;
}

:is(.home-main, .inside-main) .head-other {
    height: 100%;
}

:is(.home-main, .inside-main) .head-lang {
    margin-left: 0;
    margin-right: 0.14rem;
}

:is(.home-main, .inside-main) .head-lang-top {
    height: var(--headh);

    padding: 0 0.08rem;
}

:is(.home-main, .inside-main) .head-lang-top-circle {
    width: 0.24rem;
}

:is(.home-main, .inside-main) .head-lang-top-jian {
    width: 0.16rem;
}

:is(.home-main, .inside-main) .head-search-btn {
    width: 0.24rem;
    height: var(--headh);
}

:is(.home-main, .inside-main).open-nav .head-search-btn img:nth-of-type(2),
:is(.home-main, .inside-main).open-nav .head-lang-top img:nth-of-type(2) {
    opacity: 1;
}

:is(.home-main, .inside-main).open-nav .head-search-btn img:first-child,
:is(.home-main, .inside-main).open-nav .head-lang-top img:first-child {
    opacity: 0;
}

:is(.home-main, .inside-main) .head-lang-down {
    /* top: 0.76rem; */
    border-radius: 0.08rem;
    overflow: hidden;
}

:is(.home-main, .inside-main) .head-ldi-nub a {
    min-width: 0.8rem;
    padding: 0.08rem 0.22rem;
    /* color: var(--colormain1); */
}

:is(.home-main, .inside-main) .head-actions {
    display: flex;
    align-items: center;
    /* gap: 0.16rem; */
    margin-left: 0;
    position: relative;
}

:is(.home-main, .inside-main) .head-action-btn {
    line-height: 1;
}

:is(.home-main, .inside-main) .head-action-btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    min-height: 0.48rem;
    padding: 0.08rem 0.24rem;
    border-radius: 0.6rem;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.75;
    white-space: nowrap;
    transition: var(--transition);
}

:is(.home-main, .inside-main) .head-action-btn-link .std-btn-text {
    color: var(--colorfff);
}

:is(.home-main, .inside-main) .head-action-btn-contact .head-action-btn-link {
    background: var(--colormain1);
}

:is(.home-main, .inside-main) .head-action-btn-sample .head-action-btn-link {
    background: var(--colormain);
}

:is(.home-main, .inside-main) .head-drop {
    position: fixed;
    top: var(--headh);
    left: 0;
    width: 100vw;
    transform: none;
    background: var(--colorfff);
    /* box-shadow: none; */
    z-index: 9;
    overflow: hidden;
}

:is(.home-main, .inside-main) .head-drop::before {
    display: none;
}

:is(.home-main, .inside-main) .head-prod-solution::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: #F8FBFF;
    z-index: -1;
    width: 50vw;
    height: 100%;

}

:is(.home-main, .inside-main) .head-drop-inner {
    position: relative;
    z-index: 1;
    display: flex;
    /* width: 81.875vw;
    max-width: 15.72rem; */
    height: 100%;
    margin: 0 auto;
}

/* :is(.home-main, .inside-main) .head-prod-left,
:is(.home-main, .inside-main) .head-prod-new,
:is(.home-main, .inside-main) .head-prod-solution {
    padding-top: 0.51rem;
} */

/* :is(.home-main, .inside-main) .head-prod-left {
    width: 5.7rem;
} */

/* :is(.home-main, .inside-main) .head-prod-new {
    width: 1.84rem;
    margin-left: 0.66rem;
} */

:is(.home-main, .inside-main) .head-prod-solution {
    width: 40%;
    position: relative;
    padding-left: 0.86rem;
    padding-top: var(--top);
    padding-bottom: var(--bottom);
}

/* 
:is(.home-main, .inside-main) .head-drop-title {
    height: 0.55rem;
    border-bottom: 1px solid #dfe8ef;
} */

:is(.home-main, .inside-main) .head-drop-title a,
:is(.home-main, .inside-main) .head-drop-title {
    color: #000;
    font-size: var(--font20);
    line-height: 1.75;
}

:is(.home-main, .inside-main) .head-drop-title sup,
:is(.home-main, .inside-main) .head-prod-product-list sup,
:is(.home-main, .inside-main) .ys-phnav-header-font sup {
    font-size: 0.64em;
    line-height: 0;
}

:is(.home-main, .inside-main) .head-prod-left-bd {
    --head-prod-series-gap: 0.56rem;
    display: flex;
    /* min-height: 3.27rem;
    margin-top: 0.22rem; */
}

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

:is(.home-main, .inside-main) .head-prod-system-link {
    position: relative;
    display: block;
    min-height: 0.7rem;
    padding: 0.17rem 0.15rem;
    color: #333;
    font-size: var(--font18);
    line-height: 1.75;
    /* white-space: nowrap; */
    transition: var(--transition);
    /* padding:0.25rem 0.73rem  */
}

:is(.home-main, .inside-main) .hppl-nub.yxnav-active3 .head-prod-system-link {
    background: #f8fbff;
}

/* :is(.home-main, .inside-main) .head-prod-system-link.act::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: var(--head-prod-series-gap);
    background: #f8fbff;
    pointer-events: none;
    transition: none;
} */

:is(.home-main, .inside-main) .head-prod-system-disabled {
    color: #999;
    cursor: default;
}

:is(.home-main, .inside-main) .head-prod-series-list {
    width: 45%;
    /* margin-left: var(--head-prod-series-gap); */
    padding: 0.27rem 0.44rem 0.3rem 0.62rem;
    background: #f8fbff;
}

:is(.home-main, .inside-main) .head-prod-series-panel:not(.act) {
    display: none;
}

:is(.home-main, .inside-main) .head-prod-series-panel.act {
    display: block;
}

:is(.home-main, .inside-main) .head-prod-series-panel a,
:is(.home-main, .inside-main) .head-prod-series-panel span,
:is(.home-main, .inside-main) .head-prod-new-list a {
    display: block;
    color: #999;
    font-size: var(--font16);
    line-height: 1.75;
    /* white-space: nowrap; */
}

:is(.home-main, .inside-main) .head-prod-series-panel a+a,
:is(.home-main, .inside-main) .head-prod-new-list a+a {
    margin-top: 0.16rem;
}

/* 
:is(.home-main, .inside-main) .head-prod-series-panel a.act,
:is(.home-main, .inside-main) .head-prod-new-list a.act {
    color: var(--colormain1);
} */

/* :is(.home-main, .inside-main) .head-prod-new-list {
    margin-top: 0.47rem;
} */

:is(.home-main, .inside-main) .head-solution-list {
    display: flex;
    flex-wrap: wrap;
    margin: -0.1rem;
    /* gap: 0.2rem;
    margin-top: 0.32rem; */
}

:is(.home-main, .inside-main) .head-solution-list li {
    width: 50%;
    padding: 0.1rem;
}

:is(.home-main, .inside-main) .head-solution-card {
    position: relative;
    display: block;
    border-radius: 0.1rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

:is(.home-main, .inside-main) .head-solution-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 58%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 100%);
}

:is(.home-main, .inside-main) .head-solution-card .ys-imgbox-cover,
:is(.home-main, .inside-main) .head-solution-card img {
    width: 100%;
    height: 100%;
}

:is(.home-main, .inside-main) .head-solution-card img {
    object-fit: cover;
    transition: var(--transition);
}

:is(.home-main, .inside-main) .head-solution-card-tips {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.14rem 0.27rem;
    z-index: 1;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.75;
    bottom: 0;
}

:is(.home-main, .inside-main) .head-about-drop {
    /* height: 0.97rem; */
    border-top: 1px solid #e6edf3;
}

:is(.home-main, .inside-main) .head-about-list {
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 0.88rem; */
    height: 100%;
}

:is(.home-main, .inside-main) .haln-link {
    color: #666;
    font-size: var(--font18);
    line-height: 1.5;
    white-space: nowrap;
    transition: var(--transition);
}

:is(.home-main, .inside-main) .yx-search3xlbox {
    position: fixed;
    top: var(--headh);
    height: 2.8rem;
    border-top: 1px solid #e6edf3;
    box-shadow: none;
}

:is(.home-main, .inside-main) .yx-search3-tbox {
    max-width: 7rem;
    border-bottom-color: #dfe8ef;
}

/* 首页/内页公共头部 - end */
/* B4 家居生活解决方案还原修正 - start */
.std-dots1 li,
.std-dots1 span {
    width: 0.06rem;
    height: 0.06rem;
    margin: 0 0.045rem;
    background: #d8e1e8;
}

.std-dots1 button {
    border-radius: 50%;
    cursor: pointer;
}

.std-dots1 li.slick-active,
.std-dots1 li.act,
.std-dots1 span.act {
    background: var(--colormain);
}

.ys-nybanner4 {
    padding: 0.18rem 0 0.46rem;
}

.ys-nybanner4 .ys-bread {
    margin-bottom: 0.5rem;
}

.ys-nybanner4 .ys-nyban-copy {
    margin-top: 0.12rem;
}

.ys-nybanner4 .ys-nyban-img {
    width: calc(100% - 0.44rem);
    max-width: 18.68rem;
    margin-top: 0.44rem;
    border-radius: 0.16rem;
}

/* .habitat-anchor {
    padding-bottom: 0.78rem;
} */
.habitat-anchor-inof {
    position: relative;
    /* border-bottom: 1px solid #e6edf3; */
}

/* 
.habitat-why {
    padding-bottom: 0.72rem;
} */
.habitat-why-text {
    margin-top: 0.12rem;
}

.habitat-why-text,
.habitat-why-text p {
    color: #6f7f8d;
    line-height: 1.7;
}

.habitat-dots {
    margin-top: 0.28rem;
}

.habitat-data {
    /* padding: 0 0 1.06rem; */
    padding-top: 0.83rem;
}

.habitat-data-table {
    max-width: 13.24rem;
    margin-top: 0.4rem;
}

.habitat-data-col {
    width: 31.9%;
    border-color: #9fc8e0;
    border-radius: 0.18rem;
    background: var(--colorfff);
}

.habitat-data-col+.habitat-data-col {
    margin-left: 0.32rem;
}


.habitat-data-col.act .habitat-data-content {
    background: #f0fbff;
}

.habitat-data-head {
    min-height: 0.48rem;
    padding: 0.1rem 0.2rem;
    color: var(--colormain1);
    background: var(--colorfff);
}

.habitat-data-col.act .habitat-data-head {
    color: var(--colorfff);
    background: var(--colormain1);
}

.habitat-data-list li {
    min-height: 0.82rem;
    color: #6f7f8d;
    border-top: 1px dashed #dce7ef;
}

.habitat-data-col.act .habitat-data-list li {
    color: var(--colormain1);
    border-top-color: #dce7ef;
    font-weight: 600;
}

.habitat-data-col.act .habitat-data-list li p {
    font-weight: 600;
    color: var(--colormain1);
}

.habitat-product {
    padding: 0 0 0.9rem;
}

.habitat-product-slick {
    margin-top: 0.4rem;
}

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

.habitat-product-slick.slick-initialized .slick-slide {
    height: auto;
}

.habitat-product-slide {
    padding-bottom: 0.28rem;
}

.habitat-product-card {
    min-height: 2.64rem;
    padding: 0.38rem 0.24rem 0.34rem 0.64rem;
    border: 1px solid #d7e8f3;
    border-radius: 0.12rem;
    box-shadow: none;
}

.habitat-product-card::before {
    bottom: -0.18rem;
    width: 94%;
    height: 0.28rem;
    border: 1px solid #e2edf5;
    border-top: 0;
    background: #f8fcff;
}

.habitat-product-card::after {
    display: none;
}

.habitat-product-tag {
    min-height: 0.28rem;
    padding: 0.04rem 0.18rem;
    color: var(--colormain);
    background: #fff5dd;
}

.habitat-product-text .std-font24,
.habitat-product-text .std-font24 p {
    margin-top: 0.2rem;
}

.habitat-product-img {
    width: 2.65rem;
    border-radius: 0.08rem;
    overflow: hidden;
}

.habitat-product .habitat-dots {
    margin-top: 0.02rem;
}

.habitat-case {
    padding: 0 0 0.95rem;
}


.habitat-cert {
    padding-bottom: 1.42rem;
}

.habitat-cert-meta {
    margin-top: 0.34rem;
}

.habitat-cert-meta li {
    display: flex;
    align-items: center;
    color: var(--colormain1);
}

.habitat-cert-mark {
    margin-right: 0.06rem;
    color: var(--colormain);
}

.habitat-cert-inof {
    margin-top: 0.38rem;
}

.habitat-cert-card {
    min-height: 0;
    padding: 0;
    background: transparent;
}

.habitat-cert-img {
    height: 1.14rem;
    padding: 0.18rem 0.24rem;
    border: 1px solid #d7e8f3;
    border-radius: 0.08rem;
    background: var(--colorfff);
}

.habitat-cert-name {
    margin-top: 0.16rem;
}

.habitat-anchor .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 6px;
}

.habitat-anchor-box {
    display: flex;
}

/* B4 家居生活解决方案还原修正 - end */
/* 首页底部 - start */
.ys-footer {
    padding-top: 1.12rem;
    color: var(--colorfff);
    background: #202c45;
}

.footer-top {
    align-items: flex-start;
    padding-bottom: 0.23rem;
    flex-wrap: wrap;
}

/* 
.footer-brand {
    flex: 0 0 4.28rem;
} */

.footer-logo {
    width: 96px;
}

.footer-logo img {
    display: block;
    width: 100%;
}

.footer-share {
    --gap1: 0.045rem;
    --width1: 0.34rem;
    margin: 0.4rem calc(var(--gap1) * -1) 0;
    flex-wrap: wrap;
}

.footer-share>li {
    padding: 0 var(--gap1);
}

.footer-share-btn .ys-imgbox-cover {
    width: var(--width1);
}

.footer-share-btn .ys-imgbox-cover img {
    transform: scale(1);
}

.footer-nav {
    display: flex;
    flex-wrap: wrap;
    width: 40.3%;
    margin: 0 -0.12rem -0.43rem;
}

.footer-nav>li {
    width: 33.333333%;
    padding: 0 0.12rem;
    margin-bottom: 0.43rem;
}

.footer-nav>li>a {
    display: block;
    margin-bottom: 0.21rem;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.4;
    transition: var(--transition);
}

.footer-nav ul a,
.footer-nav-link {
    display: flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    color: var(--colortext1);
    font-size: var(--font14);
    line-height: 3;
    transition: var(--transition);
}

.footer-nav sup {
    top: -0.18em;
    font-size: 0.64em;
    line-height: 1;
}

.footer-nav-link.is-disabled {
    color: var(--colortext5);
    cursor: default;
    pointer-events: none;
}

.footer-nav-hot {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 0.16rem;
    margin-left: 0.08rem;
    padding: 0 0.04rem;
    border-radius: 0.03rem;
    color: var(--colormain1);
    font-size: var(--font10);
    line-height: 1;
    text-transform: uppercase;
    background: var(--colormain);
}

.footer-nav-hot::before {
    content: "";
    position: absolute;
    left: -0.035rem;
    top: 50%;
    border-top: 0.035rem solid transparent;
    border-bottom: 0.035rem solid transparent;
    border-right: 0.045rem solid var(--colormain);
    transform: translateY(-50%);
}

.footer-contact {
    width: 16%;
}

/* 
.footer-contact li+li {
    margin-top: 0.26rem;
} */
.footer-contact li:not(:last-child) {
    margin-bottom: 0.28rem;
}

.footer-contact-title {
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
    font-size: var(--font14);
    line-height: 1.6;
    opacity: 0.5;
}

.footer-contact-title span {
    display: inline-block;
    color: #fff;
    font-size: var(--font14);
    line-height: 1.6;
}

.footer-contact-icon {
    position: relative;
    /* width: 0.24rem;
    height: 0.24rem; */
    width: 24px;
    margin-right: 0.06rem;
}


.footer-contact-address .footer-contact-icon::before {
    content: "";
    position: absolute;
    left: 18.75%;
    right: 18.75%;
    top: 18.75%;
    bottom: 10.416667%;
    border: 1px solid currentColor;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
}

.footer-contact-address .footer-contact-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.07rem;
    height: 0.07rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.footer-contact a,
.footer-contact-copy,
.footer-contact-copy p {
    color: rgba(255, 255, 255, 1);
    font-size: var(--font16);
    line-height: var(--line175);
}

.footer-contact-copy p+p {
    line-height: 1.75;
}

.footer-bot {
    position: relative;
    z-index: 1;
    align-items: center;
    padding: 0.33rem 0 0.32rem;
    border-top: none;
}

.footer-bot::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 100vw;
    background: #1c263c;
    transform: translateX(-50%);
    height: 100%;
    pointer-events: none;
}

.footer-text p {
    display: flex;
    align-items: center;
}

.footer-text,
.footer-text p,
.footer-text span,
.footer-text a {
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--font12);
    line-height: 1.5;
}

.footer-text a {
    margin-left: 0.08rem;
}

.footer-text a[href="https://www.yongsy.com"] {
    margin-left: 0.12rem;
    font-size: var(--font14);
    line-height: 1.4;
}

.footer-privacy {
    --gap1: 0;
    align-items: center;
}

.footer-privacy>li {
    position: relative;
    padding: 0;
}

.footer-privacy>li+li {
    margin-left: 0.08rem;
    padding-left: 0.09rem;
}

.footer-privacy>li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0.14rem;
    background: rgba(255, 255, 255, 0.5);
    transform: translateY(-50%);
}

.footer-privacy a {
    color: rgba(255, 255, 255, 0.5);
    font-size: var(--font14);
    line-height: 1.4;
}

/* 首页底部 - end */
/* F3 加入我们 banner 文字修正 - start */
.join-main .ys-nyban-title .ys-cont1400 {
    transform: none;
}

.join-main .ys-nyban-title .std-font48,
.join-main .ys-nyban-title .std-font48 p {
    font-size: var(--font46);
    line-height: 1.2;
    font-weight: 400;
}

.ys-nybanner13 .ys-nyban-copy {
    margin-top: 0.36rem;
}

.join-main .ys-nyban-title .std-text18,
.join-main .ys-nyban-title .std-text18 p {
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--font24);
    line-height: 2;
}

.join-main .ys-nyban-title .ys-nyban-copy p+p {
    margin-top: 0.05rem;
}

/* F3 加入我们 banner 文字修正 - end */
/* F3 加入我们 banner 颜色和鼠标修正 - start */
.join-main .ys-nybanner {
    background: var(--colorfff);
}

/* .ys-nybanner13 .ys-nyban-scroll {
    position: absolute;
    left: calc(50% - 0.03rem);
    bottom: 0.68rem;
    z-index: 5;
    width: 0.26rem;
    pointer-events: none;
}
.ys-nybanner13 .ys-nyban-scroll-img {
    display: block;
    width: 100%;
} */
/* F3 加入我们 banner 颜色和鼠标修正 - end */
/* F3 加入我们同行者模块修正 - start */
.join-partner {
    padding: 1.02rem 0 1.57rem;
}

.join-partner .join-section-title .std-font48,
.join-partner .join-section-title .std-font48 p {
    font-size: var(--font46);
    line-height: 1.3;
    font-weight: 400;
}

/* .join-partner-img {
    width: 7.61rem;
    flex-shrink: 0;
} */
/* .join-partner-row:nth-child(2) .join-partner-img {
    width: 7.58rem;
    border-radius: 0.16rem;
} */
.join-partner-row:not(:last-child) {
    margin-bottom: 0.77rem
}

.join-partner-info {
    flex-shrink: 0;
}

/* 
.join-partner-row:nth-child(2) .join-partner-info {
    margin-top: 1.09rem;
} */
.join-partner-info-heading.std-font36,
.join-partner-info-heading.std-font36 p {
    position: relative;
    padding-bottom: 0.37rem;
    color: var(--colormain1);
    font-size: var(--font36);
    line-height: 1.4;
    font-weight: 400;
}

.join-partner-info-heading.std-font36::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e7edf2;
}

.join-partner-info .join-partner-menu {
    margin-top: 0.37rem;
}

.join-partner-menu .join-partner-item+.join-partner-item {
    margin-top: 0.24rem;
}

.join-partner-item-title,
.join-partner-item-title p {
    color: var(--color666);
    line-height: 2;
    cursor: pointer;
}

.join-partner-item.act .join-partner-item-title.std-font24,
.join-partner-item.act .join-partner-item-title.std-font24 p {
    color: var(--color333);
}

.join-partner-copy {
    margin-top: 0.24rem;
    display: none;
}

.join-partner-item:first-child .join-partner-copy {
    display: block;
}

.join-partner-copy.std-text18,
.join-partner-copy.std-text18 p {
    color: var(--color666);
    font-size: var(--font18);
    line-height: 2;
    font-weight: 400;
}

/* F3 加入我们同行者模块修正 - end */
/* F3 加入我们福利保障切换修正 - start */
/* .join-welfare-slides {
    position: relative;
}
.join-welfare-slide {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.45s ease, visibility 0.45s ease;
}
.join-welfare-slide.act {
    position: relative;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.join-welfare-slide-inner {
    position: relative;
} */
/* .join-welfare-card-icon {
    position: absolute;
    top: 0.39rem;
    left: 0.72rem;
    display: block;
    width: 0.58rem;
    height: 0.58rem;
} */
.join-welfare-progress {
    position: relative;
    width: 13.94rem;
    max-width: calc(100% - 0.12rem);
    height: 2px;
    margin: 0.5rem auto 0;
    background: #e7edf2;
}

.join-welfare-progress::before {
    content: "";
    position: absolute;
    left: -0.06rem;
    top: 50%;
    z-index: 2;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    background: var(--colormain1);
    transform: translateY(-50%);
}

.join-welfare-progress-fill {
    width: 100%;
    height: 100%;
    background: var(--colormain1);
    transform: scaleX(0);
    transform-origin: left center;
}

.join-welfare-progress-fill.is-animating {
    transform: scaleX(1);
}

/* 
.join-welfare-tabs {
    margin-top: 0.35rem;
} */
.join-welfare-tab {
    position: relative;
    text-align: center;
}

.join-welfare-tab-text {
    display: block;
    line-height: 1.2;
}

/* F3 加入我们福利保障切换修正 - end */
/* F1 企业简介交互修正 - start */
.ys-nybanner11::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1.86rem;
    z-index: 3;
    width: 126%;
    height: 3.34rem;
    border-radius: 50% 50% 0 0;
    background: var(--colorfff);
    transform: translateX(-50%);
    pointer-events: none;
}

.about-intro-left {
    opacity: 0;
    transform: translateX(-0.78rem);
    transition: opacity 1s ease, transform 1s ease;
}

.about-intro-right {
    opacity: 0;
    transform: translateX(0.78rem);
    transition: opacity 1s ease, transform 1s ease;
}

.about-intro.is-visible .about-intro-left,
.about-intro.is-visible .about-intro-right {
    opacity: 1;
    transform: translateX(0);
}

.about-map-box {
    overflow: visible;
    pointer-events: none;
}

/* .about-map-pin {
    outline: none;
} */

/* .about-map-pin::before {
    content: "";
    position: absolute;
    inset: 18%;
    z-index: 1;
    border-radius: 50%;
    background: rgba(250, 190, 0, 0.36);
    animation: about-map-pulse 2.2s ease-out infinite;
} */

/* .about-map-pin img {
    position: relative;
    z-index: 2;
    animation: about-map-breath 2.2s ease-in-out infinite;
} */

/* .about-map-card {
    position: absolute;
    left: 0.38rem;
    top: 0.05rem;
    z-index: 6;
    min-width: 2.72rem;
    padding:0.42rem  0.2rem 0.24rem;
    border-radius: 0.08rem;
    background: rgba(0, 49, 83, 0.94);
    color: var(--colorfff);
    line-height: 1.5;
    box-shadow: 0 0.18rem 0.36rem rgba(0, 49, 83, 0.2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(0.1rem);
    transition: opacity .35s ease, visibility .35s ease, transform .35s ease;
} */

.about-map-pin-east .about-map-card {
    left: auto;
    right: 0.38rem;
}

.about-map-card .std-text18,
.about-map-card .std-text18 p {
    display: block;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.4;
    font-weight: 400;
}

.about-map-card .std-text14,
.about-map-card .std-text14 p {
    margin-top: 0.08rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--font14);
    line-height: 1.6;
}

.about-map-pin.act .about-map-card {
    /* opacity: 1; */
    /* visibility: visible; */
    transform: translateY(0);
    pointer-events: all;
}

.about-map-pin.on .about-map-card {
    opacity: 1;
}

.about-history .about-head .std-text18,
.about-history .about-head .std-text18 p {
    color: rgba(255, 255, 255, 0.66);
}

.about-history-stage {
    position: relative;
    z-index: 3;
    margin-top: 0.54rem;
    padding-bottom: 1.2rem;
}

.about-history-slick:not(.slick-initialized) .about-history-slide:not(:first-child) {
    display: none;
}

.about-history-slick.slick-initialized .about-history-slide {
    display: block;
}

.about-history-slick .slick-list {
    overflow: visible;
}

.about-history-card {
    display: flex;
    align-items: center;
    min-height: 3.22rem;
    margin-top: 0;
}

.about-history-year {
    flex: 0 0 34.2%;
}

.about-history-info {
    flex: 1;
}

.about-history-range {
    flex: 0 0 26%;
    margin-left: 4.8%;
}

.about-history-arrows {
    position: absolute;
    right: 0;
    top: 1.42rem;
    z-index: 5;
    display: flex;
    align-items: center;
}

.about-history-arrows .std-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.08);
}

.about-history-arrows .std-arrow+.std-arrow {
    margin-left: 0.14rem;
}

.about-history-arrows .std-arrow-prev img {
    transform: rotate(180deg);
}

.about-history-arrows .slick-disabled {
    opacity: 0.38;
    cursor: default;
}

.about-history-years {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: flex-end;
    margin: 0;
    padding: 0;
}

.about-history-years::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.19rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
}

.about-history-year-dot {
    position: relative;
    width: 25%;
    padding-bottom: 0.42rem;
    color: rgba(255, 255, 255, 0.44);
    font-size: var(--font18);
    line-height: 1.4;
    cursor: pointer;
    transition: var(--transition);
}

.about-history-year-dot::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.12rem;
    z-index: 2;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.48);
    transition: var(--transition);
}

.about-history-year-dot.act {
    color: var(--colormain);
}

.about-history-year-dot.act::before {
    width: 0.22rem;
    height: 0.22rem;
    bottom: 0.09rem;
    background: var(--colormain);
    box-shadow: 0 0 0 0.08rem rgba(250, 190, 0, 0.14);
}

.about-history-line {
    height: 3.18rem;
}

.about-history-line img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.about-honor-list:not(.slick-initialized)>li:nth-child(n+9) {
    display: none;
}

.about-honor-list.slick-initialized .slick-slide>div+div {
    margin-top: 0.34rem;
}

@keyframes about-map-pulse {
    0% {
        opacity: 0.7;
        transform: scale(0.6);
    }

    100% {
        opacity: 0;
        transform: scale(2.3);
    }
}

@keyframes about-map-breath {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}

/* F1 企业简介交互修正 - end */
/* G1 样品申请表单 - start */
.sample-form {
    position: relative;
    z-index: 5;
    margin-top: -2.08rem;
    padding-bottom: 1.2rem;
    overflow: visible;
}

.sample-form-card {
    max-width: 12.78rem;
    margin: 0 auto;
    padding: 0.62rem 0.38rem 0.62rem 0.52rem;
    border-radius: 0.32rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 -8px 10px rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    -o-backdrop-filter: blur(40px);
    -ms-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
}

.sample-form .ys-form {
    --space: 0.29rem;
    --spacebot: 0.26rem;
    --spacein: 0.25rem;
    --height: 40px;
    --colortips: #DE0000;
    color: var(--colormain);
}

.sample-form .ys-fii-name {
    margin-bottom: 0.08rem;
    color: var(--color333);
    font-size: var(--font16);
    line-height: 1.75;
    font-weight: 400;
}

.sample-form .ys-fii-input {
    border: 1px solid rgba(0, 49, 83, 0.08);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.82);
    transition: var(--transition);
    border-color: #eee;
}

.sample-form .ys-fii-input input,
.sample-form .ys-fii-input textarea,
.sample-form .ys-select-show {
    color: var(--color333);
    font-size: var(--font14);
    line-height: 1.5;
}

.sample-form .ys-fii-input input::placeholder,
.sample-form .ys-fii-input textarea::placeholder {
    color: var(--color999) !important;
}

/* .sample-form .ys-fii-input:focus-within {
    border-color: rgba(250, 190, 0, 0.65);
    background: var(--colorfff);
} */
.sample-form .ys-select-xtbbox {
    right: 0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.24rem;
    height: 0.24rem;
}

.sample-form .ys-select-xtbbox img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sample-form .ys-select-bd,
.sample-form .ys-checkbox-bd {
    border: 1px solid rgba(0, 49, 83, 0.08);
    border-top: 0;
}

.sample-form .ys-select-li,
.sample-form .ys-checkbox1-font,
.sample-form .ys-form-tiled-font {
    color: var(--colortext4);
    font-size: var(--font14);
    line-height: 1.75;
}

/* .sample-form .sample-industry-field {
    margin-top: 0.23rem;
} */
.sample-form .ys-form-tiled-inof {
    --gap1: 0.25rem;
    --gap2: 0.08rem;
    margin-top: 0.08rem;
}

.sample-form .ys-form-tiled-icon {
    --width1: 0.14rem;
    top: 4px
}

.sample-form .ys-form-tiled-icon::before,
.sample-form .ys-fia-text-btn::before {
    border-color: #E0E2EA;
    background: #F7F8FB;
}

.sample-form .ys-form-tiled-icon .iconfont {
    font-size: var(--font12);
}

/* .sample-form .ys-form-inof-code {
    margin-top: 0.36rem;
} */
.sample-form .ys-fic-auth {
    width: 4.45rem;
    max-width: 100%;
}

.sample-form .ys-fic-auth-img {
    height: var(--height);
    margin-left: 0.38rem;
}

.sample-form .ys-form-inof-agree {
    margin-top: 0.07rem;
    margin-bottom: 0.94rem;
}

.sample-form .ys-fia-text-btn {
    width: 0.18rem;
    height: 0.18rem;
}

.sample-form .ys-fia-text-word {
    padding-left: 0.2rem;
    color: var(--color999);
    font-size: var(--font16);
    line-height: 1.75;
}

.sample-form .ys-fii-submit {
    min-width: 3.76rem;
    --height: 0.6rem;
    border-radius: 0.3rem;
    color: var(--colorfff);
    font-size: var(--font16);
    background: var(--colormain);
    transition: var(--transition);
    padding: 0;
    line-height: var(--height);
}

.sample-form .ys-form-inof-item.ys-form-inof-submit {
    justify-content: center;
}

/* .sample-form .ys-form-empty .ys-fii-input,
.sample-form .ys-form-empty .ys-form-tiled-icon::before,
.sample-form .ys-form-empty .ys-fia-text-btn::before {
    border-color: var(--colortips);
} */
/* G1 样品申请表单 - end */
/* G2 联系专家表单 - start */
.expert-form {
    position: relative;
    z-index: 5;
    margin-top: -2.43rem;
    padding-bottom: 1.52rem;
}

.expert-form-box {
    border: 1px solid #eeeeee;
    border-radius: 0.32rem;
    background: var(--colorfff);
    box-shadow: 0 0 10px 1px rgba(37, 97, 212, 0.08);
}

.expert-form-inner {
    width: 82.941176%;
    margin: 0 auto;
    padding: 0.72rem 0 0.68rem;
}

.expert-form .ys-form {
    --space: 0.15rem;
    --spacebot: 0.23rem;
    --spacein: 0.2rem;
    --height: 0.6rem;
    --colortips: #f00;
}

.expert-form .ys-fii-name {
    margin-bottom: 0.06rem;
    color: var(--color333);
    font-size: var(--font18);
    line-height: 1.75;
}

.expert-form .ys-fii-input {
    border: 1px solid #dfe2e8;
    border-radius: 0.06rem;
    background: var(--colorfff);
    transition: var(--transition);
}

.expert-form .ys-fii-input input,
.expert-form .ys-fii-input textarea {
    color: var(--color333);
    font-size: var(--font14);
    line-height: 1.5;
}

.expert-form .ys-fii-input input::placeholder,
.expert-form .ys-fii-input textarea::placeholder {
    color: #999 !important
}

/* .expert-form .ys-fii-input:focus-within {
    border-color: rgba(0, 49, 83, 0.35);
} */
.expert-form .ys-form-inof-text .ys-fii-input {
    height: 2.42rem;
}

.expert-form .ys-form-inof-text .ys-fii-input textarea {
    padding-top: 0.24rem;
    resize: none;
}

.expert-form .ys-form-inof-text {
    margin-bottom: 0.3rem
}

.expert-form .ys-form-inof-code {
    margin-bottom: 0.3rem
}

.expert-form .ys-fic-auth {
    width: 5.05rem;
    max-width: 100%;
}

.expert-form .ys-fic-auth .ys-fii-input {
    width: 3.17rem;
}

.expert-form .ys-fic-auth-img {
    width: 1.63rem;
    height: 0.57rem;
    margin-left: 0.25rem;
}

.expert-form .ys-fia-text {
    width: fit-content;
}

.expert-form .ys-fia-text-btn {
    width: 0.18rem;
    height: 0.18rem;
    top: 0.04rem;
}

.expert-form .ys-fia-text-btn::before {
    border-color: #e0e2ea;
    background: #f7f8fb;
}

.expert-form .ys-fia-text-word {
    padding-left: 0.2rem;
    color: var(--color999);
    font-size: var(--font16);
    line-height: 1.75;
}

.expert-form .ys-fia-text-word a {
    margin: 0 0.04rem;
    text-decoration: underline;
    text-underline-offset: 0.02rem;
}

.expert-form .ys-fii-submit {
    width: fit-content;
    min-width: 3.74rem;
    height: 0.6rem;
    padding: 0 0.34rem;
    border-radius: 0.3rem;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 0.6rem;
    background: var(--colormain1);
    transition: var(--transition);
}

/* .expert-form .ys-form-empty .ys-fii-input,
.expert-form .ys-form-empty .ys-fia-text-btn::before {
    border-color: var(--colortips);
} */
/* G2 联系专家表单 - end */
/* C1 研发创新 1:1还原与交互补充 - start */
/* .research-main .ys-hd-pc-core {
    position: relative;
    align-items: center;
    width: 91.6667vw;
    max-width: 17.6rem;
} */
/* .research-main .head-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.95rem;
    line-height: 0;
    transform: translate(-50%, -50%);
}

.research-main .head-logo a {
    display: flex;
    align-items: center;
    line-height: 0;
}

.research-main .head-logo img {
    width: 100%;
}

.research-main .head-nav {
    --gap1: 0.05rem;
    --gap2: 0.12rem;
    max-width: 7.2rem;
}

.research-main .head-nav-item-title {
    color: rgba(0, 49, 83, 0.86);
    font-size: var(--font16);
}

.research-main .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--research-blue) !important;
}

.research-main .head-other {
    gap: 0.2rem;
}

.research-main .head-lang {
    margin-left: 0;
}

.research-main .head-lang-top-circle,
.research-main .head-search-btn {
    width: 0.24rem;
}

.research-main .head-lang-top-jian {
    display: none;
} */

/* .research-main .head-actions {
    display: flex;
    align-items: center;
    margin-left: 0.02rem;
} */
/* 
.research-main .head-action-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0.94rem;
    min-height: 0.36rem;
    padding: 0.08rem 0.2rem;
    border-radius: 999px;
    color: var(--colorfff);
    font-size: var(--font14);
    line-height: 1.4;
    transition: var(--transition);
}

.research-main .head-action-link+.head-action-link {
    margin-left: 0.12rem;
}

.research-main .head-action-link-contact {
    background: var(--research-blue);
}

.research-main .head-action-link-sample {
    background: var(--research-yellow);
} */

.research-eco-panels {
    margin-top: 0.37rem;
}

.research-eco-panel {
    display: none;
}

.research-eco-panel.act {
    display: block;
}

.research-eco-panel .research-eco-core {
    margin-top: 0;
}

.research-eco-pending {
    min-height: 4.78rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.42rem;
    border: 1px dashed rgba(0, 49, 83, 0.2);
    border-radius: 0.08rem;
    text-align: center;
    background: #eaf6ff;
}

.research-eco-pending-title,
.research-eco-pending-title p {
    color: var(--research-blue);
    font-weight: 500;
}

.research-eco-pending-copy {
    max-width: 6.2rem;
    margin-top: 0.16rem;
}

.research-eco-pending-copy,
.research-eco-pending-copy p {
    color: #61798a;
    line-height: 1.8;
}

.research-side-nav li {
    cursor: pointer;
    transition: var(--transition);
}

.research-data-list .std-font54 span {
    color: inherit;
    font: inherit;
    line-height: inherit;
}

.research-process-box {
    --process-arrow-left: 10%;
    overflow: hidden;
}

.research-process-copy::before {
    left: calc(var(--process-arrow-left) - 0.12rem);
    transition: left 0.4s ease;
}

.research-process-copy-list {
    margin: 0 -0.2rem
}

.rpcl-item {
    padding: 0 0.2rem;
}

.research-process-copy-list>li {
    display: none;
}

.research-process-copy-list>li.act {
    display: block;
}

.research-honor-list.research-honor-slick {
    display: block;
    flex-wrap: nowrap;
    --gap1: 0;
    margin-right: -0.22rem;
    margin-left: -0.22rem;
}

.research-honor-slick:not(.slick-initialized) .research-honor-slide:not(:first-child),
.research-equipment-slick:not(.slick-initialized) .research-equipment-slide:not(:first-child) {
    display: none;
}

.research-honor-slick.slick-initialized .research-honor-slide,
.research-equipment-slick.slick-initialized .research-equipment-slide {
    display: block;
}

.research-honor-slick .research-honor-slide {
    /* width: auto; */
    padding: 0 0.22rem;
}

.research-honor-slick .slick-list,
.research-equipment-slick .slick-list {
    overflow: visible;
}

.research-honor-dots {
    display: flex !important;
    justify-content: center;
    margin-top: 0.46rem;
}

.research-honor-dots li {
    width: 8px;
    height: 8px;
    margin: 0 0.035rem;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
}

.research-honor-dots li.slick-active {
    border-color: var(--research-yellow);
    background: var(--research-yellow);
}

.research-honor-dots button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    font-size: 0;
}

.research-equipment-list.research-equipment-slick {
    display: block;
    flex-wrap: nowrap;
    --gap1: 0;
    margin-right: -0.08rem;
    margin-left: -0.08rem;
}

.research-equipment-slick .research-equipment-slide {
    width: auto;
    padding: 0 0.08rem;
}

.research-quality-arrow:focus-visible {
    outline: 2px solid var(--research-yellow);
    outline-offset: 0.04rem;
}

.research-future .research-wave {
    overflow: hidden;
}

.research-future .research-wave img {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1.6s cubic-bezier(.38, 0, 0, 1);
}

.research-future.is-visible .research-wave img {
    clip-path: inset(0 0 0 0);
}

/* 
.research-history-list li {
    opacity: 0;
    transform: translateY(0.32rem);
    transition: opacity 0.8s ease, transform 0.8s ease;
} */
/* 
.research-future.is-visible .research-history-list li {
    opacity: 1;
    transform: translateY(0);
}

.research-future.is-visible .research-history-list li:nth-child(2) {
    transition-delay: 0.12s;
}

.research-future.is-visible .research-history-list li:nth-child(3) {
    transition-delay: 0.24s;
}

.research-future.is-visible .research-history-list li:nth-child(4) {
    transition-delay: 0.36s;
}

.research-future.is-visible .research-history-list li:nth-child(5) {
    transition-delay: 0.48s;
} */

/* .research-main .ys-footer {
    padding-top: 1.16rem;
    background: #1b2e4a;
} */

/* .research-main .footer-top {
    padding-bottom: 3.38rem;
} */

/* .research-main .footer-brand {
    flex: 0 0 2.2rem;
}

.research-main .footer-logo {
    width: 0.95rem;
} */

/* .research-main .footer-share {
    --gap1: 0.04rem;
    --width1: 0.32rem;
    margin: 0.3rem calc(var(--gap1) * -1) 0;
}

.research-main .footer-share-btn .ys-imgbox-cover {
    width: var(--width1);
} */

/* .research-main .footer-nav {
    flex: 1;
    width: auto;
    max-width: 8.2rem;
    margin: 0 0.56rem;
}

.research-main .footer-nav>li {
    min-width: 1rem;
}

.research-main .footer-nav>li>a {
    margin-bottom: 0.2rem;
    color: rgba(255, 255, 255, 0.96);
    font-size: var(--font16);
    line-height: 1.5;
}

.research-main .footer-nav ul a {
    margin-bottom: 0.08rem;
    color: rgba(255, 255, 255, 0.62);
    font-size: var(--font14);
    line-height: 1.55;
} */

/* .research-main .footer-contact {
    flex: 0 0 2.62rem;
}

.research-main .footer-contact li {
    position: relative;
    padding-left: 0.24rem;
} */


/* 
.research-main .footer-contact li::before {
    content: "";
    position: absolute;
    top: 0.03rem;
    left: 0;
    width: 0.14rem;
    height: 0.14rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
}

.research-main .footer-contact span {
    display: block;
    margin-bottom: 0.1rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: var(--font14);
    line-height: 1.5;
}

.research-main .footer-contact a,
.research-main .footer-contact p {
    color: rgba(255, 255, 255, 0.92);
    font-size: var(--font14);
    line-height: 1.75;
}

.research-main .footer-bot {
    padding: 0.38rem 0 0.45rem;
    border-top-color: rgba(255, 255, 255, 0.08);
}

.research-main .footer-text,
.research-main .footer-text p,
.research-main .footer-text span,
.research-main .footer-text a,
.research-main .footer-privacy a {
    color: rgba(255, 255, 255, 0.42);
}

.research-main .footer-privacy {
    --gap1: 0.12rem;
} */

/* C1 研发创新 1:1还原与交互补充 - end */
/* F1/F2/F3/D1 内页banner弧线滚动效果 - start */
.ys-nybanner11,
.ys-nybanner12,
.ys-nybanner13,
.ys-nybanner6 {
    --nyban-arc-y: 42%;
    position: relative;
    overflow: hidden;
}

.ys-nybanner11::before {
    transform: translate(-50%, var(--nyban-arc-y));
    transition: transform 0.12s linear;
}

/* .ys-nybanner12::after,
.ys-nybanner13::after,
.ys-nybanner6::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -0.02rem;
    z-index: 4;
    width: 126%;
    height: 2.86rem;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    background: var(--colorfff);
    pointer-events: none;
    transform: translate(-50%, var(--nyban-arc-y));
    transition: transform 0.12s linear;
} */
/* .ys-nybanner12 .ys-nyban-title,
.ys-nybanner13 .ys-nyban-title,
.ys-nybanner6 .ys-nyban-title,
.ys-nybanner12 .ys-nyban-scroll,
.ys-nybanner13 .ys-nyban-scroll,
.ys-nybanner6 .ys-nyban-scroll,
.ys-nybanner12 .ys-nyban-subnav,
.ys-nybanner13 .ys-nyban-subnav,
.ys-nybanner6 .ys-bread {
    z-index: 6;
} */
/* F1/F2/F3/D1 内页banner弧线滚动效果 - end */

@media screen and (min-width: 1200px) {

    /* 首页/内页公共头部 hover - start */
    /* :is(.home-main, .inside-main) .head-nav-item-title:hover,
    :is(.home-main, .inside-main) .head-prod-system-link:not(.head-prod-system-disabled):hover,
    :is(.home-main, .inside-main) .head-prod-series-panel a:hover,
    :is(.home-main, .inside-main) .head-prod-new-list a:hover,
    :is(.home-main, .inside-main) .head-about-list a:hover,
    :is(.home-main, .inside-main) .head-ldi-nub a:hover {
        color: var(--colormain);
    } */

    :is(.home-main, .inside-main) .head-action-btn-contact .head-action-btn-link:hover {
        background: #004a7a;
    }

    :is(.home-main, .inside-main) .head-action-btn-sample .head-action-btn-link:hover {
        background: #efad00;
    }

    :is(.home-main, .inside-main) .head-solution-card:hover img {
        transform: scale(1.05);
    }

    /* 首页/内页公共头部 hover - end */
    /* 首页底部 hover - start */
    /* .footer-nav a:hover,
    .footer-contact a:hover,
    .footer-privacy a:hover {
        color: var(--colorfff);
    } */

    /* .footer-share-btn:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0.78;
    } */

    /* 首页底部 hover - end */
    /* F3 加入我们同行者模块 hover - start */
    /* .join-partner-menu:has(.join-partner-item:hover) .join-partner-item.act:not(:hover) .join-partner-copy {
        display: none;
    }
    .join-partner-menu:has(.join-partner-item:hover) .join-partner-item.act:not(:hover) .join-partner-item-title.std-font24,
    .join-partner-menu:has(.join-partner-item:hover) .join-partner-item.act:not(:hover) .join-partner-item-title.std-font24 p {
        color: var(--color666);
    } */
    /* .join-partner-item:hover .join-partner-copy {
        display: block;
    }
    .join-partner-item:hover .join-partner-item-title.std-font24,
    .join-partner-item:hover .join-partner-item-title.std-font24 p {
        color: var(--color333);
    } */
    /* F3 加入我们同行者模块 hover - end */
    /* F1 企业简介交互 hover - start */
    .about-history-arrows .std-arrow:not(.slick-disabled):hover {
        border-color: var(--colormain);
        background: var(--colormain);
    }

    .about-history-year-dot:not(.act):hover {
        color: rgba(255, 255, 255, 0.8);
    }

    /* F1 企业简介交互 hover - end */
    /* G1 样品申请表单 hover - start */
    /* .sample-form .ys-fii-submit:hover {
        background: var(--colormain1);
    } */
    .sample-form .ys-fia-text-word a:hover {
        color: var(--colormain1);
    }

    .sample-form .ys-select-li:not(.ys-select-emptyli):hover,
    .sample-form .ys-select-li:not(.ys-select-emptyli):hover .ys-checkbox1-font {
        color: var(--colormain);
    }

    /* G1 样品申请表单 hover - end */
    /* G2 联系专家表单 hover - start */
    .expert-form .ys-fii-submit:hover {
        background: var(--colormain);
    }

    /* G2 联系专家表单 hover - end */
    /* C1 研发创新 hover - start */
    .research-main .head-nav-item-title:hover,
    .research-main .footer-nav a:hover,
    .research-main .footer-contact a:hover,
    .research-side-nav li:hover,
    .research-eco-tab:not(.act):hover,
    .research-process-step:not(.act):hover .std-text18 {
        color: var(--research-yellow);
    }

    .research-main .head-action-link-contact:hover {
        background: var(--colormain);
    }

    .research-main .head-action-link-sample:hover {
        background: var(--research-blue);
    }

    .research-process-step:not(.act):hover em {
        border-style: solid;
        border-color: var(--research-yellow);
    }

    .research-quality-arrow:hover {
        opacity: 0.72;
    }

    .research-honor-img:hover,
    .research-equipment-img:hover {
        transform: translateY(-0.06rem);
    }



    /* C1 研发创新 hover - end */
}

/* 2026.6.23 - end */
/* 2026.6.24 - start */



/* F1 企业介绍参考站滚动效果 - start */
.about-intro {
    height: 178vh;
    /* height: 178lvh; */
    padding: 0;
    /* overflow: hidden; */
}

.about-intro .ys-cont1440 {
    /* height: 100vh;
    height: 100lvh; */
    /* min-height: 100vh; */
    align-items: flex-start;
    padding-top: 1.56rem;
    /* perspective: 12rem; */
}

/* 
.about-intro-center {
    width: 8.62rem;
    max-width: 45vw;
    will-change: transform, opacity;
} */

/* .about-intro-copy {
    margin-top: 0.4rem;
} */

.about-intro-copy.std-text18 p+p {
    margin-top: 0.16rem;
}

.about-data {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* width: 10.92rem;
    max-width: 76vw;
    margin: 0.58rem 0 0 50%; */
    /* transform: translateX(-50%); */
}

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

.about-data li+li::before {
    display: none;
}

.about-data strong.std-font40 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    white-space: nowrap;
}

.about-data em {
    flex-shrink: 0;
}

.about-intro-visual {
    top: 0.1rem;
    /* width: 4.95rem; */
    height: 100%;
    opacity: 1;
    /* perspective: 9rem; */
    transform: none;
    transform-style: preserve-3d;
    transition: none;
    width: 27.2vw;
}

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

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

.about-intro-visual .about-intro-pic {
    overflow: hidden;
    border-radius: 0.04rem;
    /* background: var(--colorfff); */
    /* filter: drop-shadow(0 0.18rem 0.32rem rgba(0, 49, 83, 0.14)); */
    transform-style: preserve-3d;
    backface-visibility: hidden;
    /*will-change: transform, opacity;*/
    transition: none;
}

/* .about-intro-pic3 {
    right: 3.5rem;
}

.about-intro-pic6 {
    left: 2.6rem;
} */

/* F1 企业介绍参考站滚动效果 - end */
/* F1 使命愿景价值观设计稿还原 - start */
/* .about-value {
    min-height: 8.78rem;
    padding: 0;
} */
/* 
.about-value::after {
    background: rgba(0, 31, 54, 0.18);
} */

/* .about-value .ys-cont1440 {
    padding-top: 1.08rem;
} */

/* .about-value-list {
    display: flex;
    gap: 0.28rem;
    margin-top: 1.22rem;
} */

.about-value-card {
    width: 33.333333%;
    padding: 0 0.2rem
}

.about-value-icon {
    width: 0.62rem;
    /* height: 0.62rem; */
    margin-bottom: 0.5rem;
}

/* F1 使命愿景价值观设计稿还原 - end */
/* F1 全球业务网络弹窗设计稿还原 - start */
.about-map-card {
    --left: 0.18rem;
    --top: 0.42rem;
    box-sizing: border-box;
    top: 0.62rem;
    /* left: -1.16rem; */
    min-width: 4.26rem;
    min-height: 1.38rem;
    padding: 0.42rem 0.18rem 0.2rem;
    border-radius: 0.14rem;
    background: rgba(0, 56, 86, 0.98);
    box-shadow: 0 0.18rem 0.34rem rgba(0, 49, 83, 0.18);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: var(--transition);
}

.about-map-pin.act {
    transform: translate(-50%, -50%);
}

/* .about-map-pin-east .about-map-card {
    left: -1.16rem;
    right: auto;
} */

.about-map-card::before {
    content: "";
    position: absolute;
    left: 0.18rem;
    top: 0.16rem;
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    background: var(--colorfff);
}

.about-map-card .std-text18,
.about-map-card .std-text18 p {
    font-size: var(--font24);
    line-height: 1.35;
    font-weight: 500;
}

.about-map-card .std-text14,
.about-map-card .std-text14 p {
    margin-top: 0.14rem;
    color: rgba(255, 255, 255, 0.68);
    font-size: var(--font16);
    line-height: 1.55;
}

/* F1 全球业务网络弹窗设计稿还原 - end */
/* F1 我们的旅程进度参考页效果 - start */
.about-history {
    --history-segment: 7.6923%;
    --history-segment-half: 3.8461%;
    --history-x: 0%;
    --history-handle-left: 7.6923%;
    --history-segment-size: 7.6923%;
    --history-x-size: 0%;
    --history-handle-size: 3.8461%;
    --history-year-handle-left: 11.5384%;
    min-height: 7.8rem;
    padding: 0.86rem 0 0.76rem;
}

/* .about-history::before {
    background:
        radial-gradient(circle at 19% 48%, rgba(250, 190, 0, 0.16), transparent 30%),
        linear-gradient(90deg, rgba(41, 91, 73, 0.56) 0%, rgba(0, 58, 84, 0) 44%);
} */

.about-history-stage {
    margin-top: 0.62rem;
    padding-bottom: 1.24rem;
}

.about-history-card {
    min-height: 2.82rem;
    padding: 0 1.12rem 0 1.98rem;
}

.about-history-year {
    flex: 0 0 39.4%;
    font-size: 1.54rem;
    letter-spacing: 0;
}

.about-history-info {
    position: relative;
    flex: 1;
    max-width: 6.1rem;
    padding-left: 0.46rem;
}

.about-history-info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.08rem;
    width: 1px;
    height: 1.16rem;
    background: rgba(255, 255, 255, 0.2);
}

.about-history-info .std-text18,
.about-history-info .std-text18 p {
    color: var(--colormain);
    font-size: var(--font18);
    line-height: 1.45;
    font-weight: 600;
}

.about-history-info .std-font30,
.about-history-info .std-font30 p {
    margin-top: 0.12rem;
    color: var(--colorfff);
    font-size: var(--font30);
    line-height: 1.45;
    font-weight: 400;
}

.about-history-range {
    display: none;
}

.about-history-arrows {
    right: 0.16rem;
    top: 1.32rem;
}

.about-history-years {
    left: 1.65rem;
    right: 1.65rem;
    bottom: 0.06rem;
    align-items: flex-start;
    height: 0.78rem;
    overflow: visible;
}

.about-history-years::before {
    left: var(--history-segment-half);
    right: var(--history-segment-half);
    bottom: 0.24rem;
    background: rgba(255, 255, 255, 0.18);
}

.about-history-years::after {
    content: "";
    position: absolute;
    left: var(--history-year-handle-left);
    bottom: -0.34rem;
    z-index: 4;
    width: 0.6rem;
    height: 0.6rem;
    border: 1px solid rgba(255, 255, 255, 0.46);
    border-radius: 50%;
    background: linear-gradient(316.95deg, #0b4963 9.47%, #34a9ff 98.35%);
    box-shadow: 0 0.12rem 0.24rem rgba(0, 25, 44, 0.24);
    transform: translateX(-50%);
    transition: left 0.7s ease;
    pointer-events: none;
}

.about-history-year-dot {
    flex: 1 1 0;
    width: auto;
    padding: 0 0 0.42rem;
    color: rgba(255, 255, 255, 0.48);
    font-size: var(--font14);
    line-height: 1.4;
    text-align: center;
}

.about-history-year-dot span {
    display: block;
    position: relative;
    z-index: 3;
    transform: translateY(-0.02rem);
}

.about-history-year-dot::before {
    left: 50%;
    bottom: 0.17rem;
    width: 0.1rem;
    height: 0.1rem;
    background: rgba(255, 255, 255, 0.52);
    transform: translateX(-50%);
}

.about-history-year-dot.act {
    color: var(--colormain);
}

.about-history-year-dot.act::before {
    bottom: 0.13rem;
    width: 0.18rem;
    height: 0.18rem;
    background: var(--colormain);
    box-shadow: 0 0 0 0.08rem rgba(250, 190, 0, 0.16);
}

.about-history-year-dot.act::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.05rem;
    z-index: 1;
    width: 0.34rem;
    height: 0.34rem;
    border: 1px solid rgba(250, 190, 0, 0.24);
    border-radius: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.about-history-year-dot.act span::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0.66rem;
    z-index: -1;
    width: 1.12rem;
    height: 2.42rem;
    background:
        repeating-linear-gradient(90deg, rgba(250, 190, 0, 0.78) 0 2px, transparent 2px 0.2rem),
        linear-gradient(0deg, rgba(250, 190, 0, 0.32), rgba(250, 190, 0, 0));
    -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.62) 54%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.62) 54%, rgba(0, 0, 0, 0) 100%);
    transform: translateX(-50%);
    pointer-events: none;
}

.about-history-line {
    height: 3.05rem;
    opacity: 0.5;
    overflow: hidden;
}

.about-history-line img {
    opacity: 0.42;
}

.about-history-line::before {
    display: none;
}

.about-history-line::after {
    display: none;
}

/* F1 我们的旅程进度参考页效果 - end */


/* 2026.6.24 - end */



/* D1 可持续发展 - start */
.sustain-index-main .ys-main {
    background: var(--colorfff);
}

.sustain-index-main .ys-nyban-title p {
    color: #fff;
}

.sustain-index-main .ys-nyban-title h1 {
    margin-bottom: 0.12rem;
    font-size: var(--font46);
}

.sustain-index-main .ys-nybanner {
    position: relative;
    padding: 0;
    overflow: hidden;
    background: #f8fbff;
}

.sustain-index-main .ys-nybanner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    padding-top: 10.416667%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.sustain-index-main .ys-nyban-img {
    --banner-mask-x: 92%;
    position: relative;
    margin: 0;
    border-radius: 0;
}

.sustain-index-main .ys-nyban-img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 100%);
    pointer-events: none;
}

.sustain-index-main .ys-nyban-img img {
    display: block;
    width: 100%;
}

.sustain-index-main .ys-nyban-ph {
    display: none;
}

.sustain-index-main .ys-nyban-title {
    z-index: 5;
}

.sustain-index-main .ys-nyban-title .ys-cont1400 {

    text-align: center;
}

.sustain-index-main .ys-nyban-title {
    color: var(--colorfff);
    line-height: var(--line175);
    font-weight: 400;
}

/* .sustain-index-main .ys-bread {
    position: absolute;
    top: 1.2rem;
    left: 50%;
    z-index: 6;
    width: 66.666667%;
    transform: translateX(-50%);
}

.sustain-index-main .ys-bread li,
.sustain-index-main .ys-bread li a,
.sustain-index-main .ys-bread li span {
    color: var(--colorfff);
} */


.sustain-index-main .sustain-intro {
    position: relative;
    background: var(--colorfff);
}

.sustain-head {
    text-align: center;
    margin-bottom: 0.5rem
}

.sustain-index-main .sustain-head .std-font40,
.sustain-index-main .sustain-head .std-font40 p {
    color: var(--colormain1);
    line-height: 1.75;
}

.sustain-index-main .sustain-head-copy {
    margin-top: 0.12rem;
}

.sustain-index-main .sustain-head-copy p {
    color: var(--color666);
    line-height: var(--line16);
}

.sustain-index-main .sustain-intro-copy {
    margin-top: 0.5rem;
}

.sustain-index-main .sustain-intro-copy p {
    color: var(--color999);
    line-height: 2;
    margin-bottom: 0.4rem;
}

.sustain-index-main .sustain-intro-copy p:last-child {
    margin-bottom: 0;
}

.sustain-index-main .sustain-smile {
    position: absolute;
    left: 50%;
    top: -12px;
    z-index: 2;
    width: 1.8rem;
    line-height: 0;
    transform: translateX(-50%);
}

.sustain-index-main .sustain-smile img {
    width: 100%;
}

.sustain-index-main .sustain-promise {
    background: #F8FBFF;
    position: relative;
    padding-top: 1.84rem;
}

.sustain-index-main .sustain-promise-inof {
    display: flex;
    flex-wrap: wrap;
    --gap: 0.18rem;
    margin: 0.56rem calc(var(--gap) * -1) 0;
}

.sustain-index-main .sustain-promise-item {
    width: 33.333333%;
    padding: 0 var(--gap);
}

.sustain-index-main .sustain-promise-box {
    height: 100%;
    padding: 0.36rem 0.33rem 0.37rem;
}

.sustain-index-main .sustain-promise-title {
    color: var(--colormain1);
    line-height: var(--line175);
}

.sustain-index-main .sustain-promise-copy {
    margin-top: 0.15rem;
}

.sustain-index-main .sustain-promise-copy p {
    color: #8999A4;
    line-height: 1.75;
}

.sustain-promise-progress {
    margin-top: 0.3rem;
}

.sustain-index-main .sustain-promise-label {
    color: #8999A4;
    font-size: var(--font14);
    line-height: var(--line175);
}

.sustain-index-main .sustain-promise-bar {
    position: relative;
    margin-top: 0.14rem;
    height: 0.06rem;
    overflow: hidden;
    border-radius: 0.2rem;
    background: #C9DEEE;
}

.sustain-index-main .sustain-practice {
    background: var(--colorfff);
}

.sustain-index-main .sustain-practice-inof {
    margin-top: 0.58rem;
}

.sustain-index-main .sustain-practice-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 0.6rem;
    border-radius: 0.32rem;
}

.sustain-index-main .sustain-practice-item:last-child {
    margin-bottom: 0;
}

.sustain-index-main .sustain-practice-img {
    border-radius: 0.32rem;
    width: 100%;
}

.sustain-index-main .sustain-practice-img img:nth-child(2) {
    transition: var(--transition);
}

.sustain-index-main .sustain-practice-card {
    position: absolute;
    top: 0.31rem;
    bottom: 0.28rem;
    left: 0.33rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 38.4%;
    max-width: 100%;
    padding: 0.88rem 0.84rem 0.92rem;
    border-radius: 0.32rem;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.sustain-index-main .sustain-practice-icon {
    width: 0.72rem;
    line-height: 0;
}

.sustain-index-main .sustain-practice-icon img {
    display: block;
    width: 100%;
}

.sustain-index-main .sustain-practice-card .std-font36 {
    color: var(--colorfff);
    line-height: var(--line12);
}

.sustain-index-main .sustain-practice-icon+.std-font36,
.sustain-index-main .sustain-practice-icon+.std-font36 p,
.sustain-index-main .sustain-practice-title.std-font36,
.sustain-index-main .sustain-practice-title.std-font36 p {
    margin-top: 0.41rem;
}

.sustain-index-main .sustain-practice-copy {
    margin-top: 0.38rem;
}

.sustain-practice-content {
    margin-bottom: 0.4rem
}

.sustain-index-main .sustain-practice-copy p {
    color: var(--colorfff);
    line-height: var(--line16);
}

.sustain-index-main .sustain-more.std-text16,
.sustain-index-main .sustain-more.std-text16 p {
    display: flex;
    align-items: center;
    width: max-content;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.75;
}

.sustain-index-main .sustain-more-icon {
    position: relative;
    width: 0.24rem;
    margin-left: 0.04rem;
}

.sustain-index-main .sustain-more-icon img {
    display: block;
    width: 100%;
    transition: var(--transition);
}

.sustain-index-main .sustain-more-icon img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.sustain-index-main .sustain-result {
    background: #F8FBFF;
}

.sustain-index-main .sustain-result-inof {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.4rem;
}

.sustain-index-main .sustain-result-item {
    width: 25%;
    margin-bottom: 0.15rem;
    padding: 0 0.07rem;
}

.sustain-index-main .sustain-result-box {
    height: 100%;
    padding: 0.3rem 0.47rem 0.46rem;
    border: 1px solid #c9deee;
    border-radius: 0.32rem;
    background: var(--colorfff);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sustain-index-main .sustain-result-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sustain-result-tag {
    color: var(--colormain);
    line-height: var(--line175);
    border-radius: 0.26rem;
    background: #FFF8E0;
    padding: 0.06rem 0.18rem;
}

.sustain-index-main .sustain-result-tag {
    text-align: right;
}

.sustain-index-main .sustain-result-data p span {
    color: var(--colormain1);
    line-height: var(--line175);
    font-weight: 700;
    font-size: var(--font60);
}

.sustain-index-main .sustain-result-title.std-font26,
.sustain-index-main .sustain-result-title.std-font26 p {
    color: var(--colormain1);
    line-height: var(--line175);
    font-weight: 400;
}

.sustain-index-main .sustain-result-copy {
    margin-top: 0.16rem;
}

.sustain-index-main .sustain-result-copy p {
    color: #8999A4;
    line-height: 1.75;
}

.sustain-index-main .sustain-result-info.std-text14,
.sustain-index-main .sustain-result-info.std-text14 p {
    margin-top: 0.1rem;
    color: #6f7c87;
    font-size: var(--font14);
    line-height: 1.75;
}

.sustain-index-main .ys-cont1510 {
    width: 78.645833%;
    max-width: 1510px;
    margin: 0 auto;
}

.sustain-index-main .sustain-doc {
    background: var(--colorfff);
}

.sustain-index-main .sustain-doc-tab {
    display: flex;
    margin: 0.32rem auto 0;
    border-radius: 0.27rem;
    background: #f2f4f9;
    width: fit-content
}

.sustain-index-main .sustain-doc-tab-item {
    width: 50%;
    padding: 0.12rem 0.2rem;
    min-width: 2.2rem;
    border-radius: 0.8rem;
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    text-align: center;
    cursor: pointer;
    transition: var(--transition);

}

.sustain-index-main .sustain-doc-tab-item.on {
    color: var(--colorfff);
    background: var(--colormain);
}

.sustain-index-main .sustain-doc-panel {
    display: none;
}

.sustain-index-main .sustain-doc-panel.act {
    display: block;
}

.sustain-index-main .sustain-doc-inof {
    display: flex;
    flex-wrap: wrap;
    --gap: 0.1rem;
    margin: 0.5rem calc(-1 * var(--gap)) 0;
}

.sustain-index-main .sustain-doc-item {
    position: relative;
    width: 25%;
    padding: 0 var(--gap);
    height: fit-content;
}

.sustain-index-main .sustain-doc-box {
    position: relative;
    overflow: hidden;
    border-radius: 0.2rem;
    box-shadow: 0 0.07rem 0.15rem rgba(0, 0, 0, 0.06);
}

.sustain-index-main .sustain-doc-img {
    border-radius: 0.2rem;
    position: relative;
}

.sustain-index-main .sustain-doc-img img:nth-child(2) {
    transition: var(--transition);
}

.sustain-doc-info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 0.32rem 0.4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sustain-doc-title {
    color: var(--colorfff);
    line-height: var(--line15);
    font-weight: bold;
    margin-bottom: 0.4rem;
}

.sustain-doc-more {
    display: flex;
    align-items: center;
}

.sustain-doc-more-text {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.75;
}

.sustain-doc-more-icon img {
    width: 100%;
}

.sustain-index-main .sustain-doc-empty.std-text16,
.sustain-index-main .sustain-doc-empty.std-text16 p {
    margin-top: 0.5rem;
    padding: 0.56rem 0.3rem;
    border: 1px solid #c9deee;
    border-radius: 0.2rem;
    color: #6f7c87;
    font-size: var(--font16);
    line-height: 1.75;
    text-align: center;
    background: #f8fbff;
}

.sustain-index-main .sustain-doc-empty .std-font26,
.sustain-index-main .sustain-doc-empty .std-font26 p {
    color: var(--colormain1);
    line-height: 1.45;
    font-weight: 400;
}

.sustain-index-main .sustain-doc-empty.std-text16 p {
    margin-top: 0.12rem;
    color: #6f7c87;
    line-height: 1.75;
}

@media screen and (min-width: 1200px) {

    /* D1 可持续发展 hover - start */
    .sustain-index-main .sustain-practice-item:hover .sustain-practice-img img:nth-child(2),
    .sustain-index-main .sustain-doc-item:hover .sustain-doc-img img:nth-child(2) {
        transform: scale(1.04);
    }

    .sustain-index-main .sustain-doc-tab-item:not(.on):hover.std-text16,
    .sustain-index-main .sustain-doc-tab-item:not(.on):hover.std-text16 p {
        color: var(--colormain);
    }

    .sustain-practice-con:hover .mod-view-link-text {
        color: var(--colormain) !important;
    }

    /* D1 可持续发展 hover - end */
}

/* D1 可持续发展 - end */
/* D2 可持续发展详情 - start */
.sustain-main .ys-main {
    background: #f8fbff;
}


.sustain-bread {
    display: flex;
    align-items: center;
    margin: 0 -0.045rem;
}

.sustain-bread-item {
    padding: 0 0.045rem;
}

.sustain-bread-item,
.sustain-bread-item p {
    color: var(--color999);
    font-size: var(--font14);
    line-height: var(--line175);
}

.sustain-bread-item a,
.sustain-bread-item span,
.sustain-bread-item p {
    color: inherit;
}

.sustain-bread-item:last-child {
    color: var(--colormain1);
}

.sustain-bread-item img {
    display: block;
    width: 0.14rem;
}

.sustain-bread-item:nth-child(2) img,
.sustain-bread-item:nth-child(4) img {
    width: 0.1rem;
}

.sustain-title {
    margin-bottom: 0.8rem
}

.sustain-title,
.sustain-title p {
    color: var(--colormain1);
    line-height: var(--line12);
    text-align: center;
}

.sustain-group+.sustain-group {
    margin-top: 0.82rem;
}

.sustain-group-title,
.sustain-group-title p {
    color: var(--colormain1);
    line-height: var(--line175);
    font-weight: 700;
}

.sustain-acc {
    margin-top: 0.38rem;
}

.sustain-acc-item {
    border-radius: 0.16rem;
    background: var(--colorfff);
}

.sustain-acc-item+.sustain-acc-item {
    margin-top: 0.2rem;
}

.sustain-acc-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.32rem 0.45rem 0.32rem 0.59rem;
    cursor: pointer;
}

.sustain-acc-title,
.sustain-acc-title p {
    color: var(--colormain1);
    line-height: var(--line175);
    font-weight: 400;
}

.sustain-acc-icon {
    position: relative;
    flex-shrink: 0;
    width: 0.22rem;
    margin-left: 0.24rem;
    line-height: 0;
}

.sustain-acc-icon img {
    display: block;
    width: 100%;
    transition: var(--transition);
}

.sustain-acc-icon img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.sustain-acc-item.act .sustain-acc-icon img:first-child {
    transform: rotate(180deg);
}

.sustain-acc-item.act .sustain-acc-icon img:nth-child(2) {
    opacity: 1;
}

.sustain-acc-bd {
    padding: 0 0.59rem 0.39rem;
    margin-top: -0.12rem;
}

.sustain-acc-item:not(.act) .sustain-acc-bd {
    display: none;
}

.sustain-editor,
.sustain-editor p {
    color: var(--color666);
    font-size: var(--font18);
    line-height: var(--line175);
}

.sustain-editor p {
    margin-bottom: 0.135rem;
}

.sustain-editor h4 {
    margin-bottom: 0.165rem;
    color: var(--colormain1);
    font-size: var(--font22);
    line-height: var(--line175);
}

/* D2 可持续发展详情 - end */

/* E1 新闻列表 - start */
/* .news-main.ys-page-wrap.act .ys-main {
    margin-top: 0;
} */
.news-main .ys-nybanner {
    padding-top: 0.81rem;
    padding-bottom: 0.42rem
}

.news-main1 .ys-nybanner {
    padding-top: 0;
    padding-bottom: 0
}


.news-main .ys-main {
    background: #f8fbff;
}

.news-channel-tabs {
    background: var(--colorfff);
}

.news-channel-tabs-list {
    display: flex;
    align-items: center;
}

.news-channel-tabs-item {
    position: relative;
    padding: 0 var(--gap);
}

.news-channel-tabs-link {
    display: block;
    padding: 0.28rem 0;
    transition: var(--transition);
    position: relative;
}

.news-channel-tabs-link.std-text18,
.news-channel-tabs-link.std-text18 p {
    color: var(--color666);
    line-height: 1.333333;
    white-space: nowrap;
}

.news-channel-tabs-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 0.02rem;
    background: var(--colormain);
    opacity: 0;
    transition: var(--transition);
}


.news-channel-tabs-item.act .news-channel-tabs-link::after {
    opacity: 1;
}

.news-list {
    padding-top: 0.51rem;
    background: #f8fbff;
}

.news-feature {
    display: flex;
    justify-content: space-between;
    padding: 0.33rem 0.3rem 0.32rem 0.72rem;
    border-radius: 0.11rem;
    background: var(--colorfff);
    flex-wrap: wrap;
}

.news-feature-info {
    width: 42%;
    padding-top: 0.24rem;
    margin-bottom: 0.6rem;
}

.news-list .news-date.std-text16,
.news-list .news-date.std-text16 p {
    color: #666;
    line-height: 1.4;
    font-family: 'MontserratMedium';
}

.news-feature-title {
    margin-top: 0.24rem;
    transition: var(--transition);
    margin-bottom: 1.06rem;
    max-height: 4.5em;
    -webkit-line-clamp: 3;
}

.news-feature-title.std-font30,
.news-feature-title.std-font30 p {
    color: #151515;
    line-height: 1.5;
    font-weight: 500;
}

.news-more {
    display: flex;
    align-items: center;
    width: max-content;
    transition: var(--transition);
}

.news-more.std-text16,
.news-more.std-text16 p {
    color: #666;
    line-height: 1.4;
}

.news-more img {
    display: block;
    width: 0.07rem;
    margin-left: 0.14rem;
    transition: var(--transition);
}

.news-feature-more {
    margin-top: 1.1rem;
}

.news-feature-line {
    display: flex;
    margin-top: 0.8rem;
}

.news-feature-line li {
    width: 0.56rem;
    height: 0.02rem;
    margin-right: 0.08rem;
    background: #d9d9d9;
}

.news-feature-line li.act {
    background: var(--colormain);
}

.news-feature-img {
    width: 50.5%;
    border-radius: 0.1rem;
    overflow: hidden;
}

.news-filter {
    display: flex;
    align-items: center;
    margin-top: 0.56rem;
}

.news-filter-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid transparent;
    border-radius: 0.8rem;
    background: var(--colorfff);
    transition: var(--transition);
    position: relative;
    --width: 0.24rem;
}

.news-filter-keyword {
    width: 3.23rem;
    margin-right: 0.14rem;
}

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

.news-filter-input {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    padding-left: 0.29rem;
    padding-right: calc(0.3rem + var(--width));
}

.news-filter-input.std-text16,
.news-filter-input.std-text16 p {
    color: #151515;
    line-height: 1.4;
}

.news-filter-input::placeholder {
    color: #999;
}

.news-filter-btn {
    flex-shrink: 0;
    display: block;
    width: 0.24rem;
    padding: 0;
    border: 0;
    line-height: 0;
    cursor: pointer;
}

.news-filter-date .news-filter-btn {
    width: 0.2rem;
    height: 0.2rem;
}

.news-filter-btn img {
    display: block;
    width: 0.24rem;
}

.news-filter-item.act {
    border-color: rgba(250, 190, 0, 0.75);
}

.news-card-inof {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.49rem;
}

.news-card-item {
    display: flex;
    width: calc((100% - 0.72rem) / 3);
    margin-right: 0.36rem;
    margin-bottom: 0.34rem;
}

.news-main .news-card-item:not(:first-child) {
    display: none;
}

.news-main1 .news-card-item:not(:first-child) {
    display: block;
}

.news-card-item:nth-child(3n) {
    margin-right: 0;
}

.news-card-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid rgba(227, 227, 227, 0.5);
    border-radius: 0.16rem;
    overflow: hidden;
    background: var(--colorfff);
    backdrop-filter: blur(10px);
}

.news-card-img {
    flex-shrink: 0;
}

.news-card-bot {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0.32rem 0.4rem 0.31rem;

}

.news-card-title {
    margin-top: 0.16rem;
    transition: var(--transition);
    /*max-height: 4.2em;*/
    /*overflow: hidden;*/
    /*-webkit-line-clamp: 3;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
}

.news-card-title.std-text20,
.news-card-title.std-text20 p {
    color: #151515;
    line-height: 1.4;
}

.news-card-line {
    width: 100%;
    height: 1px;
    margin-top: 0.88rem;
    background: #e2e2e2;
}

.news-page {
    margin-top: 0.42rem;
}

.news-list .pc-fenye {
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-list .pc-fenye.std-text16,
.news-list .pc-fenye.std-text16 p {
    color: #333;
    line-height: 1.4;
}

.news-list .pc-fenye::after {
    display: none;
}

.news-list .pc-fenye li {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.08rem;
}

.news-list .pc-fenye li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.news-list .pc-fenye .activepage {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.08rem;
    border-radius: 50%;
    color: var(--colorfff);
    background: var(--colormain);
}

.news-list .pc-fenye .comp-first,
.news-list .pc-fenye .comp-end {
    width: 0.38rem;
    height: 0.14rem;
}

.news-list .pc-fenye .comp-prev,
.news-list .pc-fenye .comp-next {
    width: 0.07rem;
    height: 0.13rem;
}

.news-list .pc-fenye img {
    display: block;
    width: 100%;
    height: auto;
}

.news-list .pc-fenye .comp-prev img {
    transform: rotate(180deg);
}

/* E1 新闻列表 - end */

/* E2 新闻详情 - start */

.news-main .news-date {
    color: var(--color999);
    line-height: var(--line175);
}

.news-main .news-title {
    margin-top: 3px;
    color: #000000;
    line-height: var(--line16);
}

.news-main .news-detail {
    padding-top: 0.52rem;
    background: var(--colorfff);
}

.news-main .news-edr,
.news-main .news-edr p {
    color: var(--color666);
    line-height: var(--line175);
}

.news-main .news-edr p {
    margin-bottom: 0.096rem;
}

.news-source {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    --gap: 0.18rem;
    margin: 0 var(--gap);
    margin-top: 0.3rem;
}

.news-source-li {
    color: var(--color666);
    line-height: var(--line175);
    padding: 0 var(--gap);
}

.news-source-li:last-child {
    margin-right: 0;
}

.news-main .news-related {
    background: #f3f8fc;
}

.news-related-title {
    color: var(--colormain1);
    line-height: 1.45;
    text-align: center;
}

.news-related-wrap {
    position: relative;
}

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

.news-main .news-related-slick {
    width: calc(100% + 0.36rem);
    margin: 0 -0.18rem;
}

.news-main .news-related-slick:not(.slick-initialized) .news-related-item:not(:first-child) {
    display: none;
}

.news-main .news-related-slick.slick-initialized .news-related-item {
    display: block;
}

.news-main .news-related-item {
    padding: 0 0.18rem;
}

.news-related-card {
    display: flex;
    flex-direction: column;
    background: var(--colorfff);
    border: 1px solid #e7eef5;
    border-radius: 0.08rem;
    overflow: hidden;
    box-shadow: 0 0.08rem 0.18rem rgba(0, 49, 83, 0.03);
    height: 100%;
}

.news-main .news-related-info {
    padding: 0.29rem 0.46rem 0.35rem;
}

.news-related-date {
    color: var(--color666);
    line-height: var(--line14);
}

.news-related-name {
    margin-top: 0.16rem;
    color: #151515;
    line-height: var(--line15);
    transition: var(--transition);
}

.news-main .news-related-more {
    display: flex;
    align-items: center;
    margin-top: 0.75rem;
    padding-top: 0.2rem;
    border-top: 1px solid #d9e1e8;
}

.news-related-more-detail {
    color: var(--color666);
    line-height: var(--line15);
    transition: var(--transition);
}

.news-main .news-related-more p,
.news-main .news-related-more span {
    display: inline-flex;
    align-items: center;
}

.news-main .news-related-more-icon {
    display: block;
    width: 0.16rem;
    margin-left: 0.07rem;
    opacity: 0.55;
    transition: var(--transition);
    align-items: center;
}

.news-main .news-related-more-icon img {
    width: 100%;
}

.news-main .news-related-arrows {
    pointer-events: none;
}

.news-main .news-related-arrows .std-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    pointer-events: auto;
    transform: translateY(-50%);
}

.news-main .news-related-arrows .std-arrow-prev {
    left: -0.98rem;
}

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

/* E2 新闻详情 - end */

/* E3 资源获取 - start */
.resource-main.ys-page-wrap.act .ys-main {
    margin-top: 0;
}

.resource-main .ys-main {
    background: #f8fbff;
}

.resource-main .ys-nyban-img {
    position: relative;
}

.resource-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%);
}

.resource-main .ys-nyban-search-field img {
    flex-shrink: 0;
    display: block;
    width: 0.24rem;
    /* height: 0.24rem; */
    margin-right: 0.14rem;
}

.resource-main .ys-nyban-search-field {
    height: 100%;
    padding-right: 0.1rem;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.resource-main .ys-nyban-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 49.166666%;
    margin: 0 auto;
    margin-top: 0.64rem;
    padding: 0.08rem 0.08rem 0.08rem 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.16);
    -webkit-backdrop-filter: blur(0.18rem);
    backdrop-filter: blur(0.18rem);
}

.resource-main .ys-nyban-search-field input.std-text16,
.resource-main .ys-nyban-search-field input.std-text16 p {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    color: var(--colorfff);
    font-family: inherit;
    line-height: 1.4;
    background: transparent;
    outline: none;
}

.resource-main .ys-nyban-search-field input.std-text16,
.resource-main .ys-nyban-search-field input::placeholder {

    color: rgba(255, 255, 255, 0.6);
}

.resource-list {
    padding-top: 0.52rem;
    background: #f8fbff;
}

.resource-result.std-text14,
.resource-result.std-text14 p {
    color: var(--colormain);
    line-height: 1.8;
}

.resource-card-list {
    display: flex;
    flex-wrap: wrap;
    --gap: 0.12rem;
    margin: 0.16rem calc(var(--gap) * -1) 0.36rem;
}

.resource-card-item {
    width: 33.333333%;
    padding: 0 var(--gap);
    margin-bottom: calc(var(--gap) * 2);
}

.resource-card-box {
    display: flex;
    flex-direction: column;
    min-height: 2.77rem;
    padding: 0.32rem;
    border-radius: 0.08rem;
    background: var(--colorfff);
}

.resource-card-head {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.4rem
}

.resource-card-icon {
    flex-shrink: 0;
    width: 0.24rem;
    /* height: 0.24rem; */
    margin: 0.04rem 0.12rem 0 0;
}

.resource-card-icon img {
    display: block;
    width: 100%;
    /* height: 100%; */
}

.resource-card-title {
    color: var(--color333);
    line-height: var(--line16);
    -webkit-line-clamp: 3;
    max-height: 4.8rem;
}

.resource-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.resource-card-date.std-text16,
.resource-card-date.std-text16 p {
    color: var(--color999);
    line-height: 1.75;
}

.resource-down {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0.85rem;
    padding: 0.08rem 0.16rem;
    border: 0;
    border-radius: 0.8rem;
    font-family: inherit;
    background: #f5f5f5;
    cursor: pointer;
    transition: var(--transition);
}

.resource-down.std-text14,
.resource-down.std-text14 p {
    color: var(--color999);
    line-height: 1.5;
}

.resource-down-icon {
    position: relative;
    display: block;
    width: 0.16rem;
    /* height: 0.16rem; */
    margin-right: 0.09rem;
    flex-shrink: 0;
}


.resource-down-icon img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.resource-cta {
    position: relative;
    margin: 0 auto;
    border-radius: 0.16rem;
    overflow: hidden;
    padding: 0 0.6rem 0.49rem;
    max-width: 1920px;
}

.resource-cta-box {
    position: relative;
    border-radius: 0.24rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.resource-cta-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.resource-cta-cont {
    width: 100%;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    padding: 0.72rem 0.32rem;
}

.resource-cta-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.resource-cta-core {
    width: 100%;
}

.resource-cta-core .std-font40,
.resource-cta-core .std-font40 p {
    color: var(--colorfff);
    font-weight: 400;
    line-height: 1.3;
}

.resource-cta-text, .resource-cta-text p {
    color: var(--colorfff);
    line-height: 1.75;
    text-align: center;
}

.resource-cta-text {
    margin-top: 0.18rem;

}

.resource-cta-btn.std-text16,
.resource-cta-btn.std-text16 p {
    margin-top: 0.36rem;
    padding: 0.14rem 0.38rem;
    border-radius: 0.8rem;
    color: var(--colorfff);
    line-height: 1.6;
    background: var(--colormain);
    transition: var(--transition);
}

.resource-cta-note {
    margin-top: 0.24rem;
}

.resource-cta-note p {
    color: var(--colorfff);
    line-height: 1.8;
}

/* E3 资源获取 - end */

@media screen and (min-width: 1200px) {

    /* E1 新闻列表 hover - start */
    .news-channel-tabs-item:hover .news-channel-tabs-link,
    .news-channel-tabs-item:hover .news-channel-tabs-link p {
        color: var(--colormain);
    }

    .news-feature:hover .news-feature-title,
    .news-card-link:hover .news-card-title,
    .news-feature:hover .news-more,
    .news-card-link:hover .news-more {
        color: var(--colormain);
    }


    /* E1 新闻列表 hover - end */

    /* E2 新闻详情 hover - start */
    .news-main .news-related-card:hover .news-related-more,
    .news-main .news-related-card:hover .news-related-more p,
    .news-main .news-related-card:hover .news-related-more span {
        color: var(--colormain1);
    }

    .news-main .news-related-arrows .std-arrow:hover {
        opacity: 0.8;
        border: 1px solid var(--colormain);
    }

    .news-related-card:hover .news-related-name {
        color: var(--colormain);
    }

    .news-related-card:hover .news-related-more-detail {
        color: var(--colormain);
    }

    /* E2 新闻详情 hover - end */

    /* E3 资源获取 hover - start */


    .resource-card-box:hover .resource-down {
        background: var(--colormain);
    }

    .resource-card-box:hover .resource-down-text {
        color: var(--colorfff);
    }

    .resource-card-box:hover .resource-card-title {
        color: var(--colormain);
    }

    .resource-card-box:hover .resource-down-icon img:first-child {
        opacity: 0;
    }

    .resource-card-box:hover .resource-down-icon img:nth-child(2) {
        opacity: 1;
    }

    .resource-cta-btn:hover,
    .resource-cta-btn:hover p {
        color: var(--colorfff);
        background: var(--colormain1);
    }

    /* E3 资源获取 hover - end */
}

/* 2026.6.24 mia start */

.sustain-editor h4 {
    font-weight: 400;
}

.sustain-acc-item.act .sustain-acc-hd {
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
    transition: var(--transition);
}

.sustain-acc-icon {
    margin: 0;
}

.news-channel-tabs-link {
    color: var(--color666);
}

.news-channel-tabs-list {
    --gap: 0.44rem;
    margin: 0 calc(var(--gap) * -1);
    position: relative;
}

.news-channel-tabs {
    background: transparent;
}

.news-channel-tabs-list::before {
    content: '';
    position: absolute;
    left: -44%;
    top: 0;
    width: 200vw;
    height: 100%;
    background: var(--colorfff);
}

.news-list-ul .slick-dots li {
    height: 2px;
    width: 0.56rem;
    border-radius: 0;
}

.news-list-ul .slick-dots {
    bottom: 0.42rem;
    width: auto;
    left: 0.72rem;
}

.news-more img {
    width: 8px;
}

.news-filter {
    margin-top: 0;
    flex-wrap: wrap;
}

.news-list-item {
    margin-top: 0.56rem;
}

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

.news-filter-input {
    height: 100%;
}

.news-filter-item img {
    width: var(--width);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.29rem;
}

.news-filter-date img {
    width: 0.2rem;
}

.news-card-inof {
    --gap: 0.18rem;
    margin: 0.4rem calc(var(--gap) * -1) 0;
}

.news-card-item {
    width: 33.333333%;
    padding: 0 var(--gap);
    margin: 0;
    margin-bottom: 0.34rem;
}

.pc-fenye li {
    font-size: var(--font16);
}

.news-card-more {
    width: 100%;
}

.news-card-link {
    height: 100%;
}

.news-card-bot {
    justify-content: space-between;
}

.news-main .sustain-bread-item,
.resource-main .sustain-bread-item,
.news-main.sustain-bread-item p,
.resource-main.sustain-bread-item p {
    color: var(--colorfff);
    opacity: 0.5;
}

.news-main .sustain-bread-item:last-child,
.resource-main .sustain-bread-item:last-child,
.news-main.sustain-bread-item p:last-child,
.resource-main.sustain-bread-item p:last-child {
    opacity: 1;
}

.news-main .ys-bread,
.resource-main .ys-bread {
    top: 1rem;
}

.resource-main .ys-flex-pos-center .mod-btn-link {
    padding: 0.11rem 0.32rem;
}

.resource-main .ys-nyban-title h1 {
    font-size: var(--font46);
    text-align: center;
}

.ys-nybanner10 .ys-nyban-search {
    height: 0.6rem;
}

.ys-nybanner10 .ys-nyban-search-field {
    height: 100%;
    padding-right: 0.1rem;
}

.ys-nybanner10 .ys-nyban-search-field img {
    flex: none;
}

.ys-nybanner10 .ys-nyban-search-field input {
    height: 100%;
}

.resource-card-box {
    height: 100%;
    justify-content: space-between;
}

.resource-cta-cont .mod-btn {
    margin-top: 0.44rem;
}

.resource-cta-cont .mod-btn-link {
    line-height: var(--line17);
}

.resource-cta-img {
    width: 100%;
}

.resource-down-text {
    transition: var(--transition);
    color: var(--color999);
    line-height: var(--line15);
}

.resource-main .resource-cta .mod-btn-link {
    padding: 0.13rem 0.4rem;
}

.resource-cta-cont-tit {
    color: var(--colorfff);
    line-height: var(--line15);
    text-align: center;
}

/* 
.inside-main .ys-bread-list::before {
    color: var(--color999);
}

.inside-main .ys-bread-list a {
    color: var(--color999);
}

.inside-main .ys-bread-list:last-child a {
    color: var(--colormain1);
} */

.news-related-arrows .mod-icon {
    padding: 0.13rem 0.14rem 0.14rem 0.15rem;
    border: 1px solid #333;
}

/* .sustain-index-main .ys-bread-list a {
    color: var(--colorfff) !important;
} */

.sustain-head {
    color: var(--colormain1);
    line-height: var(--line175);
}

.sustain-intro-copy span {
    color: var(--color333);
}

.sustain-promise-bar::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: inherit;
    background: #003153;
    max-width: 100%;
    width: var(--wid);
}


.sustain-promise-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.08rem;
    border: 1px solid #C9DEEE;
    background: #E6F2FB;
}

.sustain-practice-con {
    width: 100%;
    display: block;
}

.sustain-doc-link {
    display: block;
    height: 100%;
    border-radius: 0.2rem;
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.06);
    position: relative;
}

.sustain-doc-img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(0deg, rgba(0, 48, 78, 0.10) 0%, rgba(0, 48, 78, 0.10) 100%);
    z-index: 1;
}

.sustain-doc-more-icon {
    width: 0.24rem;
    margin-left: 0.08rem;
}

.sustain-result-inof {
    --gap: 0.07rem;
    margin: 0 calc(var(--gap) * -1);
}

.sustain-result-info-li {
    width: 50%;
    padding: 0 var(--gap);
}

.sril-ul-li1 {
    width: 100%;
}

.sril-ul-li1 {
    margin-bottom: 0.15rem;
}

.sulu-item {
    width: 50%;
    padding: 0 var(--gap);
    min-height: 4.97rem;
}

.sril-ul-li-ul {
    display: flex;
    margin: 0 calc(var(--gap) * -1);
}

.sustain-result-info-li2 .sril-ul-li2 {
    margin-bottom: 0.15rem;
}

.sustain-result-info-li2 .sril-ul-li1 {
    margin-bottom: 0;
}

.sustain-result-icon {
    width: 0.62rem;
    height: 0.62rem;
    background: rgba(0, 119, 202, 0.06);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.2rem;
}

.sustain-index-main .sustain-result-icon img {
    width: 100%;
}

.sustain-result-main {
    padding: 0 0.11rem;
}

.sustain-result-bot {
    margin-top: 0.22rem;
}

.sustain-result-data p {
    color: var(--color000);
    line-height: var(--line175);
    font-weight: 400;
    font-size: var(--font14);
}

.sril-ul-li2 .sustain-result-box {
    padding: 0.3rem 0.47rem 0.56rem;

}

.sril-ul-li2 .sustain-result-copy {
    margin-top: 0.14rem;
}

/* .sustain-index-main .ys-bread {
    top: 0.2rem
} */

.news-main1 .ys-bread-list a,
.resource-main .ys-bread-list a {
    color: rgba(255, 255, 255, 0.5);
}

.news-main1 .ys-bread-list:last-child a,
.resource-main .ys-bread-list:last-child a {
    color: var(--colorfff);
}

/* .news-main1 .ys-bread-list:last-child a>img,
.resource-main .ys-bread-list:last-child a>img {
    opacity: 0.5;
} */
/* .inside-main .ys-bread-list::before {
    color: var(--colorfff);
    opacity: 0.5;
} */

.news-channel-tabs-list::after {
    content: '';
    position: absolute;
    left: -44%;
    bottom: 0;
    width: 200vw;
    height: 1px;
    background: #E0E2EA;
    z-index: 1;
}

.news-list-ul-li:not(:first-child) {
    display: none;
}

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

.news-card-inof .mod-view {
    border-top: 1px solid #DDDDDD;
    padding-top: 0.24rem;
}

.news-related .news-date {
    color: var(--color666);
    font-family: 'MontserratMedium';
}


.resource-main h1 {
    line-height: var(--line13);
}

.sustain-index-main .mod-view-link-text {
    color: #fff;
    backdrop-filter: none;
}

.news-main1 .ys-nyban-img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.news-card-img img {
    width: 100%;
    object-fit: cover;
}

.sustain-practice-item .mod-view-link-img {
    width: 0.2rem;
}

/* .sustain-index-main .ys-nybanner .mod-bread {
    width: 100%;
} */

.news-card-link .news-card-title {
    margin-top: 0.1rem;
}

/* 2026.6.24 mia end */

/* 2026.6.27 mia start */

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

.habitat-main .ys-nyban-title h1 {
    line-height: var(--line175);
}

.habitat-title {
    color: var(--colormain1);
    line-height: 1.75;
    margin-bottom: 0.38rem
}

.habitat-why-card {
    min-height: auto;
}

.habitat-why-card .std-font24 {
    margin-bottom: 0.15rem;
}

.habitat-why-text,
.habitat-why-text p {
    color: #8999A4;
    line-height: var(--line175)
}

.habitat-why-card {
    padding: 0.36rem 0.33rem;
}

.habitat-why-inof .slick-dots li {
    margin: 0 3px;
}

.habitat-data {
    padding: auto;
}

.habitat-data {
    padding-bottom: var(--space110)
}

.habitat-title {
    color: var(--colormain1);
    line-height: var(--line12);
    margin-bottom: 0.48rem;
}

.habitat-data-table {
    --gap: 0.17rem;
    margin: 0 calc(var(--gap) * -1);
    max-width: none;
    width: 100%;
    width: calc(100% + var(--gap) * 2);

}

/* .habitat-data-main {
    padding: 0 0.2rem;
} */

.habitat-data-col {
    width: 33.33333%;
    padding: 0 var(--gap);
    border: none;
    background: transparent;
}

.habitat-data-col+.habitat-data-col {
    margin-left: 0;
}

.habitat-data-col+.habitat-data-col {
    margin-left: 0;
}

.habitat-data-content {
    border-bottom: 1px solid #00538D;
    border-radius: 0.5rem;
    height: 100%;
    position: relative;
}

.habitat-data-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.06;
    background: linear-gradient(90deg, #8CBCDE 0.71%, #FFF 63.78%);
    border-radius: 0.5rem;
    z-index: 0;
    pointer-events: none;
}

.habitat-data-head {
    font-weight: bold;
    min-height: auto;
    color: var(--color333);
    line-height: 1.45;
    padding: 0.15rem 0.2rem;
    border-radius: 50px;
    border: 1px solid #00538D;
}

.habitat-data-list li {
    min-height: auto;
    color: var(--color666);
    line-height: 1.45;
    padding: 0.41rem 0.2rem;
    border-top: 1px dashed #CDCDCD;
}

.habitat-data-col.act .habitat-data-list li {
    font-weight: 400;
    font-size: var(--font18);
    line-height: 2;
    padding: 0.35rem 0.2rem;
}

.habitat-data-col.act .habitat-data-content::before {
    opacity: 0.1;
    background: linear-gradient(90deg, #005A98 0.71%, #D6ECFB 61.12%);
}

.habitat-data-list li:first-child {
    border-top: none;
}

.habitat-case {
    padding-top: var(--space120);
    padding-bottom: var(--space120);
}

.habitat-case-inof {
    margin: 0 calc(var(--gap1) * -1);
}

.habitat-case-card {
    border-radius: 0.16rem;
}

.habitat-case-text .std-font40 {
    line-height: 1.75;
    font-weight: 400;
    color: var(--colorfff);
}

.habitat-case-desc p {
    color: var(--colorfff);
    line-height: 1.75;
    font-weight: 400;
}

.habitat-case-desc {
    max-width: 100%;
    width: 100%;
}

.habitat-case-text {
    bottom: 0;
    left: 0;
    right: auto;
    padding: 0.63rem;
}



.habitat-title .habitat-cert {
    color: var(--colormain1);
    line-height: 1.75;
    margin-bottom: 0.38rem
}

.habitat-cert-meta {
    --gap: 0.44rem;
    margin: 0 calc(var(--gap) * -1);
}

.habitat-cert-meta li {
    margin: 0;
    padding: 0 var(--gap);
    position: relative;
    line-height: var(--line17);
    color: var(--color333);
}

.habitat-cert-meta li::before {
    content: '✓';
    position: absolute;
    top: 0;
    left: 0.22rem;
    width: 0.2rem;
    height: 0.2rem;
    color: var(--colormain);
}

.habitat-cert-name {
    color: var(--color333);
    line-height: var(--line17);
}

.habitat-cert-img {
    height: auto;
    border-radius: 0.2rem;
}

.habitat-cert-inof {
    margin: 0.46rem calc(var(--gap1) * -1) 0;
}

.habitat-cert-img {
    padding: 0.42rem 0.24rem;
}

.habitat-cert-name {
    margin-top: 0.04rem;
}

.habitat-cert .habitat-title {
    line-height: var(--line175);
}

.research-main .ys-nybanner {
    padding-top: var(--space180);
    padding-bottom: var(--space100);
}

.research-hero-title .std-font46 {
    line-height: 1.45;
    font-weight: 400;
    color: var(--colormain1);
}

.research-hero-copy .std-font30 {
    line-height: var(--line175);
    font-weight: 400;
}

.research-hero-copy .std-text18,
.research-hero-copy .std-text18 p {
    color: var(--color666);
    line-height: var(--line175);
}

.research-hero-copy .std-text18 {
    margin-top: 0.12rem;
}

.research-hero-card p {
    color: var(--colorfff);
    line-height: var(--line175);
    margin-bottom: 0.08rem;
}

.research-hero-card p:last-child {
    margin-bottom: 0;
}

.research-hero-card span {
    color: var(--colorfff);
    line-height: var(--line175);
    font-size: var(--font36);
    padding-right: 0.07rem;
    font-weight: bold;
}

.research-hero-card {
    border-radius: 0.2rem;
    backdrop-filter: blur(20px);
    background: transparent;
    width: auto;
    -webkit-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
}

.research-hero-card1 {
    padding: 0.2rem 0.7rem 0.24rem 0.37rem;
}

.research-hero-card1 p:first-child {
    margin-bottom: 0.12rem;
}

.research-hero-card2 {
    padding: 0.2rem 0.73rem 0.2rem 0.43rem;
}

.research-head .std-font40 {
    color: var(--colormain1);
    line-height: 1.75;
    font-weight: 400;
}

.research-head-copy {
    max-width: 100%;
    margin-top: 0.22rem;
}

.research-head-copy.std-text18,
.research-head-copy.std-text18 p {
    color: var(--color666);
    line-height: var(--line175);
}

.research-eco-tab {
    min-width: auto;
    color: var(--color666);
    padding: 0 var(--gap);
}

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

.research-eco-tabs {
    padding: 0.12rem 0.2rem 0.12rem 0.06rem;
    --gap: 0.14rem;
    margin: 0.38rem calc(var(--gap) * -1);
}

.research-eco-tab.act {
    background: transparent;
}

.research-eco-tab.act .research-eco-tab-content {
    color: var(--colorfff);
    background: var(--research-yellow);
    border-radius: 20px;
}

.research-eco-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.research-eco-img {
    background: #DAE7EF;
    border-radius: 0.16rem;
}

.research-eco-mark span {
    font-size: var(--font18);
    color: var(--colormain1);
    font-weight: 700;
}

.research-eco-mark p {
    color: var(--colormain1);
}

.research-eco-mark {
    border-radius: 0.08rem;
    border: 0.3px solid #FFF;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(25px);
    padding: 0.16rem 0.25rem;
    top: 0.62rem;
    right: 1.44rem;
}

.research-eco-info h3 {
    color: var(--colormain1);
    line-height: 1.75;
}

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

.research-eco-list h4 {
    color: var(--colormain1);
    line-height: 1.7;
    font-weight: bold;
    margin-bottom: 0.07rem;
}

.research-eco-list-content p {
    color: var(--color666);
    line-height: 1.7;
}

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

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

.research-system-head .std-font40 {
    line-height: 1.75;
    font-weight: 400;
    color: var(--colorfff);
    margin-bottom: 0.3rem;
}

.research-system-head .std-text18 p {
    line-height: 1.75;
    color: var(--colorfff);
    font-weight: 400;
}

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

.rdli-num p {
    font-family: 'UrbanistMedium';
    color: var(--colorfff);
    font-size: var(--font60);
    font-weight: 700;
    line-height: 1.2;
}

.rdli-name p {
    color: var(--colorfff);
    margin-top: 0.06rem;
}

.research-data-list li+li::before {
    width: 8px;
    height: 8px;
    background: var(--colorfff);
    top: 50%;
    transform: translateY(-50%);
}

.research-process-step-number {
    background: var(--colorfff);
    border-radius: 50%;
    width: 0.67rem;
    height: 0.67rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0;
    border: 0.8px dashed #FABE00;
    margin-bottom: 0.2rem;
    transition: var(--transition);
    position: relative;
    font-weight: 400 !important;
    line-height: 1.75 !important;
}

.research-process-step-number::before {
    /* content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: repeating-radial-gradient(circle at center,
            transparent 0,
            transparent 0.33rem,
            #ffbc00 0.31rem,
            #ffbc00 0.32rem);
    border: 1px dashed #FABE00;
    border-radius: 50%;
    top: 0;
    left: 0;
    inset: -10px;  */
}

.research-process-copy.std-text16,
.research-process-copy.std-text16 p {
    color: var(--color666);
    line-height: var(--line17);
}

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

.research-process-step .std-text18,
.research-process-step .std-text18 p {
    margin-top: 0;
}

.research-process-box {
    background: #E6F2FB;
}

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

.research-process-steps::before {
    top: 0.34rem;
}

.research-attr-list .std-text18,
.research-attr-list .std-text18 p {
    line-height: var(--line12);
    font-weight: 700;
}

.research-attr-list-con {
    padding: 0.34rem 0.58rem;
    border-radius: 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: #E6F2FB;
    backdrop-filter: blur(20px);
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
}

.research-attr-list li::before {
    display: none;
}

.research-coop-text .std-font40,
.research-coop-text .std-font40 p {
    line-height: var(--line175);
}

.research-coop-text .std-text18 {
    margin-top: 0.26rem;
}

.research-coop-text .std-text18,
.research-coop-text .std-text18 p {
    color: var(--color666);
    line-height: var(--line175);
}

.research-honor .std-font40,
.research-honor .std-font40 p {
    line-height: var(--line15);
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    font-weight: 400;
    margin-bottom: 0.72rem;
}

.research-honor-slide-con {
    border-radius: 0.1rem;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(5px);
    padding: 0.24rem;
}

.research-honor-list .std-text16,
.research-honor-list .std-text16 p {
    color: var(--colorfff);
}

.research-honor-slide {
    width: 20%;
}

.research-honor-img {
    padding: 0;
}

.research-quality-text .std-font40 {
    line-height: var(--line15);
    font-weight: 400;
}

.research-quality-text .std-text18 p {
    color: var(--color666);
    line-height: var(--line175);
    font-weight: 400;
}

.research-quality-text .std-text18 span {
    color: var(--colormain1);
}

.research-quality-item .std-font24 {
    line-height: var(--line175);
    font-weight: bold;
    color: var(--colorfff);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.4rem 0.56rem;
    width: 100%;
    z-index: 2;
}

.research-control-list li {
    width: 33.333333%;
    border-radius: auto;
    background: transparent;
}

.research-control-head .std-font36 {
    line-height: var(--line175);
    color: var(--colormain1);
}

.rcli-con-title {
    line-height: var(--line12);
    font-weight: 700;
    color: var(--colormain1);
    margin-bottom: 0.2rem;
}

.rcli-con-text p {
    line-height: var(--line12);
    color: var(--colormain1);
}

.rcli-con {
    height: 100%;
    border-radius: 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: #E6F2FB;
    backdrop-filter: blur(20px);
    padding: 0.26rem;
}

.research-control-list {
    margin-top: 0.3rem;
    width: 100%;
}

.research-control-list li+li::before {
    display: none;
}

.research-equipment-tit {
    color: var(--colormain1);
    line-height: var(--line175);
    text-align: center;
    margin-bottom: 0.46rem;
}

.research-equipment-info p {
    color: var(--color000);
    line-height: var(--line15);
    text-align: center;
}

.research-equipment-img {
    margin-bottom: 0.2rem;
}

.research-future-head-tit {
    color: var(--colorfff);
    line-height: var(--line175);
    text-align: center;
    margin-bottom: 0.07rem;
}

.research-future-head .research-future-head-info p {
    color: var(--colorfff);
    line-height: var(--line175);
    text-align: center;
}

.research-wave {
    z-index: 2;
}

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

.research-wave {
    left: 14.5rem;
    top: 0;
}

.habitat-scene-tit {
    color: var(--colormain1);
    line-height: var(--line12);
    text-align: center;
    margin-bottom: 0.72rem;
}

.habitat-scene .mySwiper {
    --gap: 0.12rem;
    margin: 0 calc(var(--gap) * -1);

}

.habitat-scene-item.swiper-slide {
    width: 16.666666%;
    padding: 0 var(--gap);
}

.habitat-scene-item-cont {
    position: relative;
}

.hsic-info {
    color: var(--colorfff);
    line-height: 1.45;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.3rem 0.2rem;
    width: 100%;
}

.habitat-anchor-item .std-text18 {
    color: var(--color666);
}

.habitat-data-col.act .habitat-data-head {
    padding: 0.14rem 0.2rem;
}

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

.habitat-cert .habitat-title {
    margin-bottom: 0.28rem
}

.research-bg {
    pointer-events: none;
}

.research-system-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    margin-top: 0.38rem;
}

.research-system {
    position: relative;
}

.research-hero-title {
    position: relative;
}

.research-hero-title::before {
    content: '';
    position: absolute;
    bottom: -0.32rem;
    left: 0;
    width: 0.5rem;
    height: 0.14rem;
    background: url('../images/c1_icon.svg') no-repeat center center / cover;

}

.research-hero-copy {
    padding-top: 0.14rem;
}

.research-hero-img picture,
.research-hero-img img {
    overflow: hidden;
    object-fit: cover;
}

.research-eco {
    padding-top: 0;
    padding-bottom: var(--space100);
}

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


.habitat-scene .swiper-horizontal>.swiper-pagination-progressbar {
    height: 1px !important;
    left: 50% !important;
    top: auto !important;
    bottom: -0.82rem;
    transform: translateX(-50%);
    width: 26% !important;
}

.habitat-scene .swiper-navigation-icon,
::slotted(.swiper-navigation-icon) {
    display: none;
}

/* .habitat-scene .swiper-button-next,
.habitat-scene .swiper-button-prev {
    bottom: -1.04rem;
    top: auto !important;
} */

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

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

.habitat-scene {
    padding-bottom: var(--space120);
}

.habitat-product-tag {
    line-height: var(--line17);
    border-radius: 1rem;
    background: rgba(250, 190, 0, 0.10);
    padding: 0.08rem 0.3rem;
    margin-bottom: 0.14rem;
}

.habitat-product-tit {
    color: var(--colormain1);
    font-weight: bold;
    line-height: var(--line14);
}

.habitat-product-desc p {
    color: var(--color666);
    line-height: var(--line17);
}

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

.habitat-product-text {
    width: 60%;
    max-width: 100%;
    margin-top: 0.24rem;
}

.habitat-product-desc {
    margin-top: 0.22rem;
}

.habitat-product-card::before {
    display: none;
}

.habitat-product-slick:not(.slick-initialized) .habitat-product-slide:not(:first-child) {
    display: block;
}

.research-equipment-slide {
    /* width: 4.2rem !important; */
    padding: 0 var(--gap1) !important;
    border-radius: 0.08rem;
    overflow: hidden;
}

/* .research-equipment .swiper {
    overflow: visible;
} */

.reml-li-cont-img {
    width: 0.22rem;
    height: 0.22rem;
}

.reml-li-cont-img img {
    width: 100%;
}

.research-eco-mark-list {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
}

.reml-li {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

.reml-li1 {
    left: 56%;
    top: 20%;
}

.reml-li2 {
    left: 71%;
    top: 26%;
}

.reml-li3 {
    left: 82%;
    top: 44%;
}

.reml-li4 {
    left: 90%;
    top: 67%;
}

.reml-li.act .research-eco-mark {
    opacity: 1;
    pointer-events: all;

}

.reml-li-cont {
    position: relative;
    width: 100%;
}

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

}

.research-eco-mark {
    top: -0.6rem;
    left: 0.16rem;
    pointer-events: none;
    opacity: 0;
    transform: none;
    right: auto;
    white-space: nowrap;
    transition: var(--transition);
}

.research-side-nav {
    position: fixed;
    width: fit-content;
    top: 1.2rem;
    left: -200px;
    border-left: 1px solid #d8e3ec;
    z-index: 12;
    left: 0.42rem;
    transition: var(--transition);
}

.research-side-nav.close1 .std-text16 {
    color: rgba(255, 255, 255, 0.85)
}

.research-side-nav.close1 .std-text16.anchor-btn.act {
    color: rgba(255, 255, 255, 1)
}

.research-side-nav.start {
    left: 0.45rem;
}

.research-side-nav.ended {
    opacity: 0;
}

.research-side-nav li {
    line-height: var(--line14);
    color: var(--color999);
    padding: 0.11rem 0.18rem;
    white-space: nowrap;
}

.research-side-nav li.act::before {
    top: 0;
}


.research-eco {
    overflow: visible;
    z-index: 10;
}

.research-process-steps {
    --gap: 0.4rem;
    margin: 0 calc(var(--gap) * -1);
}

.research-process-step {
    padding: 0 var(--gap);
    padding-bottom: 0.52rem;
}

.research-process-step-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.research-process-copy {
    margin-top: 0;
}

.research-process-step::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-bottom: .12rem solid var(--colorfff);
    opacity: 0;
    transition: all 0.3s ease;
}

.research-process-step.act::before {
    opacity: 1;
}

.research-process-step:first-child:before {
    left: 0.7rem;
}

.research-process-copy::before {
    display: none;
}

.rcli-con-icon {
    width: 0.24rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.43rem;
}

.rcli-con-icon img {
    width: 100%;
}

.research-control-list-item:last-child .rcli-con-icon {
    display: none;
}

.research-control-list {
    --gap: 0.31rem;
    margin: 0.3rem calc(var(--gap) * -1) 0;

}

.research-control-list li {
    padding: 0 var(--gap);
    margin: 0;
}

.research-control-list li+li {
    margin-left: 0;
}

.research-equipment-list {
    flex-wrap: nowrap;
    --gap1: 0.1rem;
}

.research-equipment .swiper-horizontal>.swiper-pagination-progressbar {
    height: 1px !important;
    left: 50% !important;
    top: auto !important;
    bottom: -0.56rem;
    transform: translateX(-50%);
    width: 4.4rem !important;
    display: block;
}

.research-equipment .swiper-navigation-icon,
::slotted(.swiper-navigation-icon) {
    display: none;
}

.research-equipment .swiper-button-next,
.research-equipment .swiper-button-prev {
    bottom: -0.8rem;
    top: auto !important;
    display: block;
}

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

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

/* .research-equipment {
    padding-top: 0;
    padding-bottom: 2rem;
} */

.research-eco-panel-con {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
}

.repc-le {
    width: 59%;
}

.repc-ri {
    width: 38%;
}

.repc-le-cont {
    background: #EBF6ED;
    border-radius: 0.16rem;
    padding: 0.42rem 1.44rem 0.42rem 0.74rem;
    /* height: 100%; */
}

.repc-le-und {
    color: #4FA052;
    line-height: var(--line175);
    background: rgba(79, 160, 82, 0.16);
    border-radius: 0.3rem;
    padding: 0.08rem 0.26rem;
    margin-bottom: 0.3rem;
    width: fit-content;
}

.rlgl-top {
    display: flex;
}

.rlgl-top-tit {
    padding-left: 0.28rem;
}

.rlgl-top-tit p {
    color: #4FA052;
    line-height: var(--line175);
}

.rlgl-top-tit span {
    font-size: var(--font26);
    color: #4FA052;
    line-height: var(--line175);
}

.rlgl-info p {
    color: #7B9488;
    line-height: var(--line175);
}

.rlgl-info span {
    color: var(--colormain);
    line-height: var(--line175);
}

.rlgl-top-img {
    width: 0.38rem;
}

.repc-le-list {
    display: flex;
    margin: 0 -0.255rem
}

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

.repc-le-grade-li:last-child {
    margin-bottom: 0;
}

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

.repc-le-list-li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.255rem;
}

/* 
.repc-le-list-li:last-child {
    margin-right: 0;
} */

.rlll-info p {
    color: #4FA052;
    font-weight: bold;
    line-height: var(--line175);
}

.repc-le-rule p {
    color: #8BB28D;
    font-size: 0.1rem;
    line-height: var(--line175);
    font-weight: 400;
}

.rlll-img {
    width: 0.26rem;
    margin-bottom: 0.08rem;
}

.repc-ri .repc-le-und {
    color: #3787C8;
    background: rgba(55, 135, 200, 0.16);
    margin-bottom: 0.34rem;
}

.repc-ri .repc-le-cont {
    background: #DAE7EF;
    padding: 0.42rem 1rem 0.42rem 0.74rem;

}

.repc-ri .rlgl-top-tit p {
    color: #3787C8;
}

.repc-icon {
    width: 2.68rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 33%;
}

.repc-icon img {
    width: 100%;
}

.research-eco-panel-con {
    margin-bottom: 0.14rem;
}

.research-system-content {
    width: 100%;
}

.research-eco-panel-info p {
    color: var(--color999);
    line-height: var(--line175);
}

.repc-le-box {
    display: flex;
    align-items: flex-end;
}

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

.research-quality-item {
    opacity: 1;
    transform: none;
}


.research-quality-item {
    display: none;
    transition: var(--transition);
}

.research-quality-item:first-child {
    display: block;
}

.research-quality-item.slick-current .psbu-li-wrap {
    transform: scale(1);
}

.research-quality-item .slick-list {
    overflow: visible;
}

.research-quality-item.on1,
.research-quality-item.on2 {
    opacity: 1 !important;
}

.research-quality-item.on {
    z-index: 999 !important;
}

.research-quality-item.on1 {
    z-index: 998 !important;
}

.research-quality-item.on2 {
    z-index: 997 !important;
}

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

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

.research-quality-list {
    height: auto;
    width: 5.32rem;
    margin: 0;
}

.research-quality.act .research-quality-item {
    transition: var(--transition);
}

.psbu-li-wrap {
    width: 100%;
    position: relative;
    transform: scale(0.86);
    transition: all 0.36s;
}

.research-quality .slick-list {
    overflow: visible;
}

.psbu-li-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
    background: linear-gradient(193deg, rgba(0, 0, 0, 0.00) 69.3%, rgba(0, 0, 0, 0.50) 91.72%);
    z-index: 0;
}

.research-quality-arr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.research-quality-arr-prev {
    left: -0.7rem;
}

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

.research-process {
    padding: .88rem 0 1.22rem;
}

.research-coop {
    padding-bottom: 2.4rem;
    padding-top: 0;
}

.research-coop-logo {
    border-radius: 100%;
}

.research-coop-logos li:first-child {
    width: 1.45rem;
    height: 1.45rem;
    left: 1%;
    top: 35%;
}

.research-coop-logos li:nth-child(2) {
    width: 1.4rem;
    height: 1.4rem;
    left: 22%;
    top: 14%;
}

.research-coop-logos li:nth-child(3) .research-coop-logo-img {
    width: 80%;
    height: 80%;
}

.research-coop-logos li:nth-child(3) {
    width: 1.38rem;
    height: 1.38rem;
    left: 46%;
    top: 2%;
}

.research-coop-logos li:nth-child(4) {
    width: 1.45rem;
    height: 1.45rem;
    left: 70%;
    top: 4%;
}

.research-coop-logos li:nth-child(4) .research-coop-logo-img {
    width: 89%;
    height: 89%;
}

.research-coop-logos li:nth-child(5) {
    width: 1.33rem;
    height: 1.33rem;
    left: 13.5%;
    top: 80%;

}

.research-coop-logos li:nth-child(5) .research-coop-logo-img {
    width: 70%;
    height: 70%;
}

.research-coop-logos li:nth-child(6) {
    width: 1.45rem;
    height: 1.45rem;
    left: 34%;
    top: 60%;
}

.research-coop-logos li:nth-child(7) {
    width: 1.4rem;
    height: 1.4rem;
    left: 56%;
    top: 46%;
    border-radius: 100%;
}

.research-coop-logos li:nth-child(7) .research-coop-logo-img {
    width: 80%;
    height: 80%;
}

.research-coop-logos li:nth-child(8) {
    width: 1.45rem;
    height: 1.45rem;
    left: 80.5%;
    top: 50%;
}

.research-coop-logos li:nth-child(9) {
    width: 1.4rem;
    height: 1.4rem;
    left: 52.5%;
    top: 91%;
    border-radius: 100%;
}

.research-coop-logo-img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.research-coop-logo-img img:nth-child(n+2) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.habitat-product-slide {
    /* opacity: 0 !important; */
    pointer-events: none;
    z-index: 100 !important;
    transform-origin: center bottom;
    transition: all 0.36s ease-out !important;
}

.habitat-product-slide.prev {
    transform: scale(1) translateY(calc(var(--move) * -1));
}

.habitat-product-slide.slick-active {
    opacity: 1 !important;
    pointer-events: all;
    transform: scale(1) translateY(0);
}

.habitat-product-slick {
    width: 9.1rem !important;
    /* display: flex;
    flex-direction: column; */
}

.habitat-product .mod-dots3 .slick-dots {
    margin-top: 0.32rem;
}

.habitat-product-card {
    padding: 0.2rem 0.24rem 0.16rem 0.64rem;
}

.habitat-product-card {
    align-items: flex-start;
}



/* .yx_rotate4 .slick-list {
    overflow: visible;
}

.yx_rotate4 {
    --move: 60px;
    --scale1: 0.05;
} */

.habitat-product-slide {
    opacity: 0 !important;
    pointer-events: none;
    z-index: var(--zindex) !important;
    transform-origin: center bottom;
    transition: all 0.36s ease-out !important;
    /* perspective: 2000px; */
    --move: 0.2rem;
    --scale1: 0.05;
}

.habitat-product-slide.prev {
    transform: scale(1) translateY(calc(var(--move) * -1));
}

.habitat-product-slide.slick-active {
    opacity: 1 !important;
    pointer-events: all;
    transform: scale(1) translateY(0);
}

.habitat-product-slide.next1 {
    transform: scale(0.9) translateY(var(--move));
    opacity: 1 !important;
    pointer-events: all;
}

.habitat-product-slide.next2 {
    transform: scale(0.8) translateY(calc(var(--move) * 2));
    opacity: 1 !important;
    pointer-events: all;
}

.habitat-product-slide.next {
    transform: scale(calc(1 - calc(var(--scale1) * 3))) translateY(calc(var(--move) * 3));
}

.itbu_wrap {
    transition: all 0.36s;
}

.habitat-product-slide.prev .itbu_wrap {
    transform: translate3d(0px, -130px, 25px) rotateX(30deg);
}

.product-swiper .slick-track {
    transform-style: preserve-3d;
}

.enviro_change {
    overflow: hidden;
}

.research-quality-view {
    width: 49%;
}

.habitat-anchor-item .std-text18::after {
    height: 1px;
}

.habitat-why {
    padding-top: 0.9rem;
}

.research-attr-tit {
    color: var(--colormain1);
    line-height: var(--line175);
}

.research-attr-text-tit {
    color: var(--colormain1);
    line-height: var(--line175);
    margin-bottom: 0.6rem;
}

/* @media screen and (min-width: 1200px) {

    .rotate4_arrows .slick-prev:hover::before,
    .rotate4_arrows .slick-next:hover::before {
        opacity: 0;
    }

    .rotate4_arrows .slick-prev:hover::after,
    .rotate4_arrows .slick-next:hover::after {
        opacity: 1;
    }
} */
.research-history-list-li {
    width: 100% !important;
}

.swiper-history-list {
    display: flex;
    position: relative;
    /* width: 100vw; */
}

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

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

.research-wave {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    width: 108vw;
}

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

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

/* .research-history-item:nth-child(2) .research-history-img {
    width: 1.64rem;
    height: 1.64rem;
} */

.research-future .swiper {
    overflow: visible;
}

.research-history-list {
    overflow: visible;
}

.habitat-product-slick.swiper-wrapper {
    display: block;
}

.research-quality-item {
    transition: none;
}

.psbu-li-wrap {
    transition: none;
}

.research-quality.act .psbu-li-wrap {
    transition: var(--transition);
}

.research-quality.act .research-quality-item {
    transition: var(--transition);
}

.research-control-head {
    margin-top: 0;
}

.research-quality .ys-cont1440 {
    margin-bottom: 1.16rem;

}

.research-quality {
    padding-bottom: 1.15rem;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {

    .research-honor-img:hover,
    .research-equipment-img:hover {
        transform: none;
    }

    .research-honor-slide:hover .research-honor-img img:nth-child(2) {
        transform: translate(-50%, -50%) scale(1.04);
    }
}

/* 2026.6.27 mia end */
/* kaffi-start */
/* B1 - start */

.product-ban .std-text18, .product-ban .std-text18 p {
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.8;
}

.product-main .ys-nybanner {
    padding-top: 0.75rem;
    padding-bottom: 0.7rem;
}

.product-main .ys-nybanner .std-font46 {
    text-align: center;
    font-size: var(--font46);
    margin-bottom: 0.2rem;
    line-height: var(--line175);
}

.product-style .product-head .std-font46 {
    margin-bottom: 0.2rem;
}

.product-style .product-head {
    width: 73.5%;
    margin: 0 auto;
    margin-bottom: 0.4rem;
}

.product-system .product-head .std-font46 {
    margin-bottom: 0
}

.product-system .product-head {
    margin-bottom: 0.3rem;
}

.product-main .ys-nybanner .std-font46 sup {
    font-size: var(--font26)
}

.product-system-info-nub:not(:first-child) {
    display: none;
}

.product-series-bot-nub:not(.act) {
    display: none;
}

.product-card-more-text {
    display: inline-block;
    font-size: var(--font16);
    color: var(--colormain);
}

.product-card-box-bot {
    position: relative;
}

.pc-fenye li a {
    transition: all 0s;
}

.comp-tabli {
    cursor: pointer;
}

/* B1 - end */
/* B2 */
.catalog-main .ys-nybanner {
    position: relative;
}

/* B2-end */
/* B3 */
.series-main .ys-nybanner {
    max-width: 1920px;
    margin: 0 auto;
}

.series-main .ys-nyban-img {
    padding: 0 0.29rem;
    margin-bottom: 0.7rem
}

.series-main .ys-nyban-img img {
    border-radius: 0.16rem;
}

.series-main .std-font46 {
    color: var(--colormain1);
    text-align: left;
    font-size: var(--font46);
    line-height: var(--line175);
    padding-right: 0.2rem
}

.series-ban-kicker {
    color: var(--colormain);
    display: inline-block;
    margin-bottom: 4px;
}

.series-ban-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.series-ban-box-link {
    margin-bottom: 0.1rem
}

.series-ban .ys-nyban-title {
    margin-bottom: 0.74rem
}

.series-ban-color-item {
    width: 11.111111%;
    padding: 0 0.1rem;
    margin-bottom: 0.2rem
}

.series-ban-color {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem -0.2rem
}

.series-ban-color-item .ys-imgbox-cover {
    border-radius: 0.16rem;
}

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

.product-info-body-table tbody {
    display: flex;
    flex-wrap: wrap;
}

.product-info-body-table tr {
    width: 33.333333%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #DBE4F0;
    padding: 0.3rem 0.1rem 0.24rem 0
}

.product-info-body-table tr td {
    color: #666;
    font-size: var(--font16);
    line-height: var(--line13);
}

.product-info-body-table tr td:first-child {
    color: #000;
    margin-bottom: 0.24rem;
    font-size: var(--font20);
}

.product-feature .std-font40 {
    margin-bottom: 0.67rem;
}

.product-feature-item-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 6px;
}

.product-feature-name, .product-feature-name p {
    color: #fff;
}

.product-scene-body {
    margin-top: 0.11rem
}

.product-scene-inof .slick-list {
    overflow: visible;
}

.series-ban .mod-line.on .mod-line-link {
    font-size: var(--font18);
    padding: 0.14rem 0.5rem;
}

/* B3-end */
/* G1 */
.sample-form .ys-fii-tips {
    margin-top: 4px;
}

.sample-form .ys-form-tiled-font {
    padding-left: 0.1rem;
    color: #999;
}

.sample-form .ys-form-inof-code .ys-fii-input {
    background: #F7F8FB;
    border: none
}

.sample-form .ys-fia-text-word a {
    text-decoration: underline;
}

/* G1 - end */
/* G2 */
.expert-form-box .ys-fii-tips span {
    margin-top: 4px;
    /* display: block; */
}

.expert-form-box .ys-form-inof-item.ys-form-inof-submit {
    justify-content: center;
}

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

/* G2 -end */
/* F4 */
.contact-main .contact-ban-title-top h1 {
    color: var(--colormain1);
    font-size: var(--font46);
    line-height: var(--line175);
    margin-bottom: 7px;
}

.contact-main .contact-ban-title-top p {
    color: #666;
}

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

/* F4 -end */
/* F2 */
.ys-nyban-scroll {
    width: 20px;
    height: 26px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 42%;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    border-top-color: #fff;
}

.ys-nyban-scroll::after {
    position: absolute;
    top: 5px;
    height: 6px;
    width: 2px;
    content: '';
    background: #fff;
    border-radius: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.concept-message-copy p {
    color: #999;
    background: #999 -webkit-linear-gradient(left, #333, #333) no-repeat 0 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: var(--size) 100%;
    display: initial;
}

.concept-core-copy {
    display: none;
}

.concept-core-item:first-child .concept-core-copy {
    display: block;
}

/* F2-end */
/* F3 */
.join-partner-row-le {
    width: 53.9%;
}

.join-partner-row-wrap {
    pointer-events: none;
}

.join-partner-row:nth-child(2n) {
    flex-direction: row-reverse;
}

.join-welfare .std-font46 {
    margin-bottom: 0.67rem;
}

.join-welfare-core .swiper-pagination {
    --swiper-theme-color: #4C69A7;
    margin: 0.7rem auto 0.2rem;
    width: 78% !important;
}

.join-welfare-core .swiper-pagination-progressbar {
    &.swiper-pagination-horizontal, &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-horizontal>&, .swiper-vertical>&.swiper-pagination-progressbar-opposite {
        height: var(--swiper-pagination-progressbar-size, 2px);
    }
}

.join-welfare-core .swiper-pagination-progressbar {
    position: relative;
}

.join-welfare-core .swiper-pagination::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #264994;
}

.join-activity .std-font46 {
    margin-bottom: 0.68rem;
    color: #fff;
}

.join-activity-swiper.swiper {
    overflow: visible;
    margin: 0 calc(var(--gap1) * -1);
    --gap1: 0.12rem;
}

.join-activity-img::after {
    display: none;
}

.mod-dots2 .swiper-pagination-bullet {
    border: 1px solid #FFF;
    background-color: transparent;
    opacity: 1;
    transition: var(--transition);
}

.mod-dots2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--colormain);
    border-color: var(--colormain);
}

.mod-dots2 .swiper-pagination {
    position: relative;
    top: auto !important;
    bottom: auto !important;
    margin-top: 0.35rem;
}

.join-job-head-le {
    padding-right: 0.3rem;
}

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

.join-job-head {
    padding-left: var(--left);
    padding-right: var(--right);
}

.join-job-detail {
    padding-left: var(--left);
    padding-right: var(--right);
    padding-bottom: 0.45rem;
}

.join-job-detail-group h4 {
    font-size: var(--font18);
    line-height: 1.6;
    color: #333;
    margin-bottom: 0.1rem
}

.join-job-detail-group p {
    font-size: var(--font16);
    line-height: 1.6;
    color: #666;
    margin-bottom: 0.096rem;
}

/* F3 - end */
/* B4-start */
.habitat-main .ys-nybanner {
    max-width: 1920px;
    margin: 0 auto;
}

.habitat-main .ys-nybanner .ys-nyban-img {
    padding: 0 0.26rem;
}

.habitat-main .ys-nybanner .ys-nyban-img img {
    border-radius: 0.2rem;
}

.habitat-main .ys-nyban-title h1 {
    font-size: var(--font46);
    color: var(--colormain1);
    text-align: center;
    margin-bottom: 0.12rem;
}

.habitat-main .ys-nyban-title p {
    color: #666;
    line-height: 1.75;
    font-size: var(--font24);
    text-align: center;
}

.habitat-main .ys-nyban-title {
    margin-bottom: 0.52rem;
}

.mod-dots3 .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #999;
    transition: var(--transition);
}

.mod-dots3 .slick-dots li.slick-active {
    background: var(--colormain);
    border-color: var(--colormain);
}

.mod-dots3 .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 0.38rem;
}

/* B4-end */
/* 首页 */
.ys-hd-pc-core {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0.55rem;
}


.head-drop-inner-le {
    width: 60%;
    display: flex;
    justify-content: space-between;
    padding-right: 1.1rem;
    padding-bottom: var(--bottom);
    padding-top: var(--top);
}

.head-drop-inner {
    --bottom: 0.75rem;
    --top: 0.5rem;
}

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

.head-prod-new {
    width: 22.32%;
}

.hppl-nub.no-pointer .head-prod-system-link {
    color: #999;
}

.hppl-nub.no-pointer {
    pointer-events: none;
}

.hpnl-nub.yxnav-active2 .hpnl-nub-link {
    color: var(--colormain1);
}

.hpsp-wrap-nub.yxnav-active4 .hpsp-wrap-nub-link {
    color: var(--colormain1);
}

.hpsp-wrap-nub:not(:last-child) {
    margin-bottom: 0.16rem
}

:is(.home-main, .inside-main) .ys-hd-pc::before {
    border-bottom: 1px solid #DBE4F0;
}

:is(.home-main, .inside-main).open-nav .ys-hd-pc::before, :is(.home-main, .inside-main) .ys-hd-pc.has-search::before, :is(.home-main, .inside-main) .ys-hd-pc.isfixed::before, :is(.home-main, .inside-main) .ys-hd-pc.ishover::before, :is(.home-main, .inside-main).act .ys-hd-pc::before {
    height: calc(100% - 1px);
}

.hpnl-nub:not(:last-child) {
    margin-bottom: 0.16rem
}

.head-drop-title {
    font-size: var(--font20);
    line-height: 1.75;
    padding-bottom: 0.19rem;
    border-bottom: 1px solid #DBE4F0;
}

.head-prod-solution-box {
    max-height: 330px;
    /* display: flex; */
}

.head-prod-solution .head-drop-title {
    margin-bottom: 0.32rem;
}

.head-prod-left .head-drop-title {
    margin-bottom: 0.23rem;
}

.head-prod-new .head-drop-title {
    margin-bottom: 0.5rem;
}

.hpsb-wrap {
    width: 100%;
}

.head-nav-item-down {
    box-shadow: var(--shadow);
}

.head-solution-card-tips span {
    display: inline-block;
    color: var(--colorfff);
    font-size: var(--font18);
    line-height: 1.75;
}

.head-about-drop .ys-cont1560 {
    padding-top: 0.36rem;
    padding-bottom: 0.36rem;
}

.head-about-list {
    --gap1: 0.44rem;
    margin: 0 calc(-1 * var(--gap1))
}

.head-about-list-nub {
    padding: 0 var(--gap1);
}

.head-about-list-nub.yxnav-active2 .haln-link {
    color: var(--colormain1);
}

.head-search {
    margin-right: 0.16rem;
}

.head-actions {
    margin: 0 -0.08rem;
}

.head-actions .mod-btn {
    padding: 0.08rem
}

.footer-brand {
    width: 24.3%
}

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

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

.footer-nav li.no-pointer {
    pointer-events: none;
    opacity: 0.5;
}

.footer-nav-hot {
    display: none;
}

.has-hot .footer-nav-hot {
    display: inline-flex;
}

.footer-nav li {
    position: relative;
}

.has-hot::after {
    content: attr(data-text);
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.04rem;
    border-radius: 0.03rem;
    color: var(--colormain1);
    font-size: var(--font10);
    line-height: 1;
    text-transform: uppercase;
    background: var(--colormain);
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.has-hot::before {
    content: '';
    position: absolute;
    right: 9px;
    top: 50%;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid var(--colormain);
    transform: translateY(-50%);
    width: 4px;
    height: 1px;
}

.ys-ban-txtbox-top {
    margin-bottom: 0.6rem
}

.home-product-item .hpcb-tips, .home-product-item.is-disabled .home-product-card-bot .mod-icon {
    display: none;
}

.home-product-item.is-disabled .hpcb-tips {
    display: block;
}

.home-product-item .mod-icon {
    border-color: #fff
}

.ys-dots1 .slick-dots li::before {
    height: 1px;
    border-radius: 0.5rem;
}

.ys-ban-slick.ys-dots1 .slick-dots li::after {
    height: 3px;
    border-radius: 0.5rem;
}

.home-sustain-inner {
    align-items: center;
}

.home-trust-info {
    width: 54%
}

.home-news .news-card-inof {
    display: block;
}

.home-news .news-card-link {
    border-radius: 0.16rem;
    border: 1px solid rgba(227, 227, 227, 0.50);
    background: #F9F9F9;
    backdrop-filter: blur(10px);
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.news-date {
    color: #666;
}

/* 首页-end */
/* F1- */
.about-data-item {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.24rem;

}

.about-data-item .ys-demo-num span {
    font-size: var(--font54);
    color: var(--colormain1);
}

.about-data .ys-demo-num,
.about-data .ys-demo-num p {
    line-height: 1.2;
    color: var(--colormain1);
    font-family: 'FigtreeMedium';
}

.about-value-list {
    display: flex;
    margin: 0 -0.2rem
}

.about-head {
    margin-bottom: 0.78rem;
    /* margin-bottom: 0.32rem */
}

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

.about-map .about-head .std-font46 {
    margin-bottom: 0.36rem
}

.about-map .about-head {
    margin-bottom: 0.38rem;
}

.about-map-pin, .about-map-pin-east {
    pointer-events: all;
}

.about-map-pin-item::before, .about-map-pin-item::after, .about-map-pin-item span::before {
    animation: kuox 3s linear infinite;
}

.about-map-pin-item::before, .about-map-pin-item::after, .about-map-pin-item span::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(at 50% 50%, rgba(0, 0, 0, 0), var(--colormain));
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.agbp-item span {
    background: var(--colormain);
    border-radius: 50%;
    z-index: 3;
}

.agbp-item span, .agbd-item span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes kuox {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }

    10% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    90% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(4);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}

.about-map-pin-item {
    position: absolute;
    pointer-events: all;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colormain);
}

.about-map-card {
    top: calc(-5px + -0.16rem);
    left: calc(-5px + -0.18rem);
}

.ahli-wrap-nub-box {
    position: relative;
}

/* F1-end */
/* B4 */
.habitat-scene .mod-icon {
    width: 0.48rem;
    height: 0.48rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.habitat-scene .mod-icon .ys-imgbox-cover {
    width: 0.12rem;
}

/* B4-end */

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .sample-form .ys-fii-submit:hover {
        color: var(--colormain);
        background: transparent;
    }
}

.product-card-box:hover .ys-imgbox img {
    transform: scale(1);
}

.mod-ph {
    display: none;
}

/* kaffi-end */


/* 发展历程效果-start */
.about-history {
    padding-bottom: 236px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.about-history h2 {
    color: #fff;
}

.about-history_line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .5);
}

.about-history_bg {
    width: 48%;
    position: absolute;
    right: 0;
    top: 65px;
    z-index: -1;
}

.about-history_bg img {
    width: 100%;
}

@keyframes historyWord {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

.js-timeline-item:not(.is-hidden) .about-history_ul_li {
    animation: ysfadeInUp 1s ease-out both .3s;
}

.about-history_ul {
    height: 185px;
    overflow: hidden;
}

.about-history_ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.about-history_ul .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .75);
}

.about-history_ul .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .5);
}

.timeline_svg2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.ahct-ul-li-cont p {
    color: #fff;
    position: relative;
}

.ahct-ul-li-cont {
    margin-bottom: 8px;
}

.about-history_btn {
    width: 24px;
}

.about-history_btn img {
    width: 100%;
}

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

.about-history-cont h2 {
    text-align: center;
    color: #fff;
}

.ahyu-li {
    font-size: 200px;
    line-height: 1.4;
    color: #fff;
    font-family: 'PoppinsRegular';
    text-align: center;
    margin-bottom: 0.4rem;
}

@keyframes year {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes year1 {
    0% {
        opacity: 1;
        transform: translateY(0%);
    }

    100% {
        opacity: 0;
        transform: translateY(-100%);
    }
}

.about-history-year-btn .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.ahct-ul-li.slick-current,
.ahyu-li.slick-current .ahyu-li {
    animation: year 1s ease-out both;
}

/* .ahyu-li:not(:first-child), */
.ahct-ul-li:not(:first-child) {
    display: none;
}

.ahyu-li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    animation: year1 .8s ease-out both;
    font-family: 'PoppinsExtraLight';
}

.ahyu-li.on {
    position: relative;
    animation: year .6s ease-in-out both;
}

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

.ahyb-prev img {
    margin-right: 14px;
}

.ahyb-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ahyb-btn p {
    font-size: 24px;
    line-height: 1.4;
    font-family: 'PoppinsRegular';
    color: #fff;
}

.ahyb-prev img {
    transform: rotate(180deg);
}

.ahyb-next img {
    margin-left: 14px;
}

.about-history-year {
    position: relative;
    margin-top: 100px;
}

.about-history-year-btn {
    width: 100%;
}

.about-devel-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.about-devel-svg svg {
    width: 100%;
    height: auto;
}

.about-devel-svg_dots {
    width: 164px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(calc(var(--pro-zong) * var(--pro-shu)));
    transition: all 0.2s;
}

.adsd_wrap {
    width: 64px;
    position: absolute;
    bottom: 50px;
    transform: translateX(-50%);
    left: 50%;
}

.adsd_wrap img {
    width: 100%;
}

.about-devel-svg_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.adse_li {
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.about_devel_rect {
    x: calc(var(--pro-xin));
    transition: all 0.2s;
}

.about-history .ys-cont1200 {
    position: relative;
    z-index: 5;
}

.about-history .ys-cont1200 {
    z-index: 99;
}

.yx_event6_slider .layui-slider {
    height: 100%;
    background: transparent;
}

.yx_event6_slider .layui-slider-tips {
    display: none !important;
}

.yx_event6_slider .layui-slider-wrap-btn {
    width: 42px;
    height: 41px;
    background: url(../images/h1_icon04.svg) center / cover no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    transition: 0s;
}

.layui-slider-wrap-btn.layui-slider-hover, .layui-slider-wrap-btn:hover {
    transform: translateX(-50%) scale(1) !important;
}

.yx_event6_slider {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

.yx_event6_slider .layui-slider-wrap {
    width: 14%;
    height: 100%;
    position: absolute;
    top: auto;
    transform: translateX(0);
    bottom: 0;
    transition: all 0.2s;
}

.about-history-cont-parga p {
    text-align: center;
    color: #fff;
}

.mod-dots4 .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 0.64rem
}

.mod-dots4 .slick-dots li {
    margin: 0 0.085rem;
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.1);
}

.mod-dots4 .slick-dots li.slick-active {
    background: var(--colormain1);
}

/* 发展历程效果-end */
/* 侧边 */
.mod-sider {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 90;
    right: -2rem;
    transition: var(--transition);
    width: 1.83rem;
    cursor: pointer;
}

.mod-sider.show {
    right: -10px;
    pointer-events: all;
}

.mod-sider.close {
    transform: translate(133%, -50%);
}

.mod-sider img {
    width: 100%;
}

/* 侧边 */
/* 地球 */
/* .yx_three3d1_map {
    --widthx: calc(70vh * 1.4);
    --widthx: 708px;
    width: var(--widthx);
    margin: 0 auto;
    --scale1: calc(1 - 0.4 * var(--proe));
    position: relative;
    z-index: 20;
    transform-origin: center;
    border-radius: 50%;
}

.yx_three3d1_map_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 50%;
    transform-origin: center;
}

.yx_three3d1_map_bg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#yx_three3d1_map_earth,
#about-three {
    width: var(--widthx);
    height: var(--widthx);
    position: relative;
    z-index: 20;
    transform-origin: center;
}

.home-trust-dots-nub {
    width: 42px;
    cursor: pointer;
}

.yx_three3d1_map_area {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 30;
} */

.company-pop-nub {
    position: absolute;
    top: 3%;
    left: 2%;
    opacity: 0;
    transition: all .36s ease;
    /* pointer-events: none; */
}

.company-pop-nub-box {
    display: flex;
    align-items: center;
    width: 128px;
    padding: 9px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
    border-radius: 5px;
}

.company-pop-nub-text {
    color: #333;
    line-height: 1.5;
    font-weight: bold;
}

.company-pop-nub.active {
    opacity: 1;
    pointer-events: all;
}

.yx_three3d1_map_area.on {
    opacity: 1;
}

.company-pop-nub .mod-btn-link {
    display: flex;
    border: 4px solid rgba(255, 255, 255, 0.80);
}

.company-pop-nub .mod-btn-link span {
    white-space: nowrap;
    flex: none;
    pointer-events: none;
}

.company-pop-nub .mod-btn-link img {
    width: 52px;
    flex: none;
    pointer-events: none;
}

/* 圆形进度条 */
.deta-use-cry {
    position: relative;
    width: 70%;
    margin: 0 auto;
}


.circle canvas {
    width: 100%;
}

.second.circle {
    width: 144px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.deta-use-cry-btm {
    width: calc(100% - 25px);
    height: calc(100% - 25px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
}

.ducb-num {
    display: flex;
    align-items: flex-start;
    line-height: var(--line15);
    color: rgba(255, 255, 255, 0.4);
    justify-content: center;
    width: 100%;
    padding: 0 0.2rem;
    position: relative;
    padding-left: 0.3rem;
    font-size: var(--font30);
}

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

.ducb-num span {
    color: rgba(255, 255, 255, 1);
    display: inline-block;
    line-height: var(--line15);
    width: 40px;
}

.ducb-num::after {
    position: absolute;
    top: 0.16rem;
    left: 0.15rem;
    width: 0.2rem;
    height: 10px;
    content: '';
    background: url(../images/a_cust_icon01.svg)no-repeat center;
    background-size: contain;
    transition: var(--transition);
}

.home-esg-ring-item.up .ducb-num::after {
    transform: rotate(180deg);
}

.second.circle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: url(../images/line_icon.svg) center no-repeat;
    background-size: contain;
}

/* 
.home-sustain-mask {
    display: none;
}

.home-sustain-inner {
    display: none;
} */
.home-esg-rings {
    width: 50%;
}

/* 放大轮播 */

.home-solution-slide.swiper-slide {
    transition: var(--transition);
}

/* .home-solution-card {
    transition: var(--transition);
} */


.home-solution {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: visible;
    height: 400vh;

}


.home-solution-cont {
    overflow: hidden;
    position: sticky;
    top: var(--space120);
    min-height: 100vh;
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
}

.home-solution-slide.swiper-slide.swiper-slide-prev {
    transform-origin: right center;
}

.home-solution-slide.swiper-slide.swiper-slide-next {
    transform-origin: left center;
}

/* 
.home-solution-slide.swiper-slide {
    width: 10%;
}

.home-solution-slide.swiper-slide.swiper-slide-active {
    width: 80%;
}

.home-solution-wrap {
    min-height: 6.41rem;
} */

/* .home-solution-text {
    opacity: 0;
} */

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

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

.hscw-box {
    display: flex;
    /* align-items: center; */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    transition: var(--transition);
}

/* 首页顶部导航 */
.head-drop-title-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head-drop-title.yxnav-active2 .head-drop-title-link span {
    color: var(--colormain)
}

/* 第二屏微笑 */
.home-esg-inner {
    padding: 0
}

/* b2颜色 */
.catalog-dot {
    position: relative;
}

.catalog-dot::after {
    position: absolute;
    content: '';
    background: url(../images/dot01.svg)no-repeat center;
    background-size: contain;
    width: 60%;
    height: 60%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    opacity: 0;
}

.catalog-color.act .catalog-dot::after {
    opacity: 1;
}

.catalog-color.act .catalog-dot {
    background: var(--colormain);
    border-color: var(--colormain);
}

/* 头部滚动 */
.scroll-main .ys-nybanner .ys-nyban-img img, .scroll-main .ys-nybanner .ys-nyban-img source {
    height: 100vh;
}

.scroll-main.act .ys-nybanner .ys-nyban-img img, .scroll-main.act .ys-nybanner .ys-nyban-img source {
    height: calc(100vh - var(--headh));
}

.scroll-main .ys-nyban-img {
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    /* --banner-mask-y: 130%; */
    -webkit-mask-image: radial-gradient(ellipse var(--banner-mask-x) var(--banner-mask-y) at 50% 0, #000 99.5%, transparent 100%);
    mask-image: radial-gradient(ellipse var(--banner-mask-x) var(--banner-mask-y) at 50% 0, #000 99.88%, transparent 100%);
    -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

/* 全系列生态革放大 */
.home-solution-cont-bot {
    opacity: 0;
    transition: var(--transition);
    pointer-events: none;
}

.hscw-box-list img {
    object-fit: cover;
}

/* .hscw-box, .home-solution-wrap.swiper {
    margin: 0 -9px;
}

.hscw-box-list, .home-solution-slide {
    padding: 0 9px;
} */
.hscw-box-list.is-prev {
    padding: 0 18px;
}

.hscw-box-list.is-next {
    padding: 0 18px;
}

.hscw-box-list img {
    width: 100%;
}

/* 
.hscw-box-list {
    padding: 0 8px
}

.hscw-box {
    margin: 0 -8px;
}

.home-solution-slide {
    padding: 0 16px;
} */
.home-solution-img img {
    height: 100%;
    object-fit: cover;
}

.home-solution-img {
    height: 100%;
}

.hscw-box-list {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .home-solution-card:hover .home-solution-img img {
        transform: scale(1);
    }
}

/* b4-吸顶导航 */
.ys-hd-pc {
    transition: var(--transition);
}

body.down .ys-hd-pc {
    transform: translateY(calc(-1 * var(--headh)));
}

.habitat-anchor {
    transition: var(--transition);
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    -o-backdrop-filter: blur(50px);
    -ms-backdrop-filter: blur(50px);
    -moz-backdrop-filter: blur(50px);
}

body.down .habitat-anchor {
    /* transform: translateY(var(--headh)); */
    top: 0
}

body.up .habitat-anchor {
    top: var(--headh);
}

.habitat-anchor .ys-cont1400::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: 100%;
    height: 1px;
    background: #DBE4F0;
    transition: all 0.4s ease;
}

.habitat-anchor.act .ys-cont1400::after {
    width: 100vw;
}

.head-drop-title-link span {
    font-size: var(--font20);
    line-height: 1.75;
    display: inline-block;
}

.research-eco-mark span {
    display: inline-block;
    padding-right: 0.18rem
}

.research-honor-slide-con {
    width: 100%;
    height: 100%;
}

.news-main1 h1 {
    font-size: var(--font46);
    text-align: center;
    color: #fff
}

.news-feature-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* margin-bottom: 1.2rem; */
}

.sample-main .ys-nyban-img {
    --banner-mask-y: 93%
}

.mod-dots6 .swiper-pagination {
    bottom: 0.6rem !important;
}

.mod-dots6 .swiper-pagination-bullet {
    background: transparent;
    height: 2px;
    width: 0.8rem;
    border-radius: 1px;
    position: relative;
    margin: 0 0.1rem !important;
}

.mod-dots6 .swiper-pagination-bullet-active {
    background: transparent;
}

.mod-dots6 .swiper-pagination-bullet::before {
    background: rgba(255, 255, 255, 0.3);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 1px;
}

.mod-dots6 .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0;
    height: 3px;
    background: #fff;
    transition: var(--transition);
    border-radius: 8px;
}

/* .mod-dots6 .swiper-pagination-bullet-active::after {
    width: 100%;
} */
.mod-dots6 .swiper-pagination-bullet-active::after {
    animation: dots2 5s linear both;
}

@keyframes dots2 {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes dots2 {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.ys-ban-li.act .ys-ban-subtitle {
    animation: ysfadeInUp .8s ease-in-out both;
}

/* .ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-subtitle {
    animation-delay: 0.4s;
} */

.ys-ban-li.act .mod-more-link {
    animation: ysfadeInUp .8s ease-in-out both;
}

/* 
.ys-ban-slick.ys-slick-act .ys-ban-li.act .mod-more-link {
    animation-delay: 0.4s;
} */

.home-solution {
    padding-left: 1.32rem;
    padding-right: 1.05rem
}

.home-solution-img {
    max-height: calc(100vh - 0.6rem - var(--headh));
}

.home-products-bg-item:not(:first-child) {
    display: none;
}

.home-products-bg-item {
    width: 100%;
}

.footer-text p {
    flex-wrap: wrap;
}

.footer-bot {
    flex-wrap: wrap;
}

.research-equipment-img img {
    object-fit: cover;
}

.research-future-head {
    position: relative;
    z-index: 5;
    width: 83%;
}

.about-history .ys-cont1400 {
    z-index: 30;
    position: relative;
}

.about-history .ys-cont1440 {
    z-index: 32;
}

.about-history-cont .std-font46 {
    margin-bottom: 0.28rem
}

.about-history-cont-parga p {
    color: #fff;
    font-size: var(--font16);
    line-height: 1.75;
}

.ahyu-li {
    font-family: 'PoppinsLight';
    font-weight: 400;
}

.ahct-ul-li-cont p {
    font-size: var(--font24);
    line-height: 1.75;
}

.about-history-year-btn .slick-disabled {
    opacity: 0 !important;
}

.about-factory .mod-btn-link {
    border-radius: 60px;
    border: 4px solid rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(9.149999618530273px);
}

.about-factory .mod-btn-link img {
    width: 0.53rem;
}

.about-factory .mod-btn-link span {
    font-size: var(--font16);
    line-height: 1.2;
}

@media screen and (min-width: 1200px) {
    .about-factory .mod-btn-link:hover {
        color: #FFF;
        background: transparent;
    }
}

.about-intro .ys-cont1440 {
    padding-bottom: var(--space100)
}

.join-job-detail-group {
    color: #666
}

/* 7.13 */
.footer-nav {
    width: 47.3%;
}

.ys-bread {
    align-items: center;
}

.ys-bread-list a img {
    width: 14px;
    margin-top: -3px
}

.product-card-copy, .product-card-copy p {
    max-height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.catalog-option.no-pointer {
    pointer-events: none;

}

.catalog-option.no-pointer .catalog-option-text * {
    color: #999
}

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

.research-process-steps::before {
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 0.8rem - ((100% / 5) - 0.67rem));
}

.research-process-box {
    padding: 0.65rem 0.6rem 0.67rem
}

.research-process-box-wrap {
    width: 83%;
    margin: 0 auto;
}

.research-process-copy {
    width: 78%;
}

.research-process-step:first-child:before {
    left: 50%;
}

.repc-le-rule p {
    font-size: var(--font12);
}

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

.sustain-index-main .ys-nybanner {
    background: transparent;
}

.sustain-head-copy span {
    display: inline-block;
    width: 1em;
    height: 1em;
}

.about-map-card {
    border-radius: 0.2rem;
    border: 1px solid #FFF;
    background: #003153;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.about-factory {
    min-height: auto;
}

.ys-bread-list::before {
    font-size: 8px;
    /* margin-top:1px; */
}

.home-products-bg, .home-products-bg .slick-list, .home-products-bg .slick-track, .home-products-bg-item img {
    height: 100%;
}

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

.sample-main .ys-nyban-title .std-font48, .sample-main .ys-nyban-title .std-font48 p {
    font-size: var(--font48);
}

.sample-main .ys-bread {
    top: calc(var(--headh) + 0.2rem)
}

.expert-main .ys-nyban-title .std-font46, .expert-main .ys-nyban-title .std-font46 p {
    font-size: var(--font46);
}

.research-eco-core {
    flex-wrap: wrap;
}

.mod-dots3 .slick-dots li {
    margin: 0 4px;
}

.research-data-list-item {
    padding: 0 0.2rem;
    margin-bottom: 0.4rem;
}

.about-main .ys-nyban-title .std-font48, .about-main .ys-nyban-title .std-font48 p {
    font-size: var(--font48);
}

.about-data {
    flex-wrap: wrap;
    margin: -0.24rem
}


.about-value-icon img {
    width: 100%;
}

.about-value-list {
    display: block;
}

.about-honor-icon {
    width: 100%;
}

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

.ahyb-btn p {
    font-size: var(--font24);
}

.ahyb-next img {
    margin-left: 0.14rem;
    width: var(--font24);
}

.join-main .ys-nyban-title h1 {
    font-size: var(--font46);
}

.join-partner-row {
    flex-wrap: wrap;
}

.join-welfare-slide-inner {
    width: 100%;
    height: 100%;
}

.repc-le-list {
    flex-wrap: wrap
}

.repc-le-list-li {
    margin-bottom: 0.2rem
}

.repc-le-list {
    margin-bottom: -0.2rem
}

.repc-le-box {
    flex-wrap: wrap;
}

.ys-bread-list-white {
    display: none;
}

.white-bread .ys-bread-list-white {
    display: block;
}

.white-bread .ys-bread-list-black {
    display: none;
}

/* .ys-bread-list:first-child {
    margin-top: 2px;
} */

.ys-page-wrap:not(.act) .mod-bread {
    top: calc(var(--headh) + 0.2rem)
}

.sample-form .ys-form-tiled-icon::before, .sample-form .ys-fia-text-btn::before {
    background: #fff;
}

.sample-form .ys-form-inof-code .ys-fii-input {
    background: #fff;
    border: 1px solid rgba(0, 49, 83, 0.08);
}

.sample-industry-field {
    margin-top: -3px;
    margin-bottom: 0.28rem;
}

.sample-industry-field .ys-fii-name {
    margin-bottom: 0.12rem;
}

.sample-industry-adresse {
    margin-bottom: 0.32rem
}

.sample-industry-adresse .ys-fii-name {
    margin-bottom: 0.14rem
}

.head-drop-title-link span {
    padding-right: 0.2rem;
}

.hdtl-img {
    width: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hdtl-img img {
    width: 100%;
    transform: scale(1) !important;
}

.hdtl-img img:nth-child(1) {
    opacity: 0;
}

.head-drop-title.yxnav-active2 .hdtl-img img:nth-child(1) {
    opacity: 1;
}

.head-drop-title.yxnav-active2 .hdtl-img img:nth-child(2) {
    opacity: 0;
}

.habitat-anchor-item .std-text18::after {
    z-index: 5;
}

.concept-core-info .slick-track {
    height: 100%;
}

.slick-track .slick-slide.concept-core-item {
    display: flex !important;
    flex-direction: column;
}

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

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

.research-quality-item {
    transition: all 0.4s ease !important;
}

.psbu-li-wrap {
    transition: all 0.4s ease;
}

.sustain-index-main .sustain-smile {
    width: 180px;
}

/* 
.home-sustain-inner {
    height: 940px;
    height: calc(var(--height) - 2.56rem);
    margin: 0 auto;
} */

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

.home-sustain-title {
    width: 100%;
    justify-content: space-between;
}

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

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

.home-esg-inner {
    width: 100%;
    padding: 0 20px;
}

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

.footer-text, .footer-text p, .footer-text span, .footer-text a {
    font-size: 12px;
}

/* .home-solution-img img ,.home-solution-img,.home-solution-card{
    pointer-events: none;
} */

/* 弧度 */
.ys-nybanner-container {
    height: 150vh;
}

.ys-nybanner-sticky {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    overflow: hidden;
}

.ys-page-wrap.act .ys-nybanner-sticky {
    top: var(--headh);
}

.scroll-main .ys-nybanner {
    overflow: visible;
}

.join-main .ys-main {
    overflow: visible;
}

.mask-path {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 32;
    pointer-events: none;
    margin-bottom: -2px;
}

.mask-path img {
    width: 100%;
}

.ys-nyban-scroll {
    bottom: 1.08rem
}

.ys-nybanner2 .mod-bread {
    top: calc(var(--headh) + 0.2rem);
}

.ys-page-wrap.act .ys-nybanner2 .mod-bread {
    top: 0.2rem
}

.scroll-main .ys-banner {
    overflow: visible;
}

/* 弧度-end */
.home-esg-inner {
    margin-top: var(--headh);
}

.home-esg-btn {
    margin-top: 0.35rem
}

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

.home-esg-ring-item {
    margin-bottom: 0.2rem
}

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

.concept-core-box {
    border-radius: 0.2rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    margin-top: 0.6rem
}

.concept-core-card {
    margin-top: 0
}

.about-history-year {
    margin-top: 1rem
}

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

.mod-sider {
    top: auto;
    transform: none;
    bottom: 66px;
    width: 1.73rem;
}

.research-wave {
    z-index: 2;
}

.research-hero-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rhiw-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.about-intro-box-slick .ys-slick-item-cont img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-intro-box-slick .ys-slick-item-cont {
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    border-radius: 0.2rem;
    width: 100%;
    height: 100%;
}

.about-intro-box-slick {
    margin: 0 -0.2rem;
}

.about-intro-box-slick .ys-slick-item {
    padding: 0 0.2rem
}

.research-wave {
    background: transparent;
}

.research-history-list-wrap.swiper-slide {
    height: 100%;
    width: 2464px;
    display: flex !important;
    z-index: 5;
    height: auto;
}

.research-history-item {
    width: 12.5%;
}

/* .research-history-item-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
} */

.research-wave img {
    width: 100%;
}

.research-wave {
    transform: translateX(1.5rem) translateY(-50%);
}

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

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

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

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

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

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

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

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

.research-history-list .std-text18,
.research-history-list .std-text18 p {
    text-align: center;
}

.about-intro .ys-cont1440 {
    z-index: 5;
}

.home-trust-dots-nub {
    width: 42px;
    cursor: pointer;
}

.home-trust-dots-nub {
    width: 42px;
    cursor: pointer;
}

.layui-slider-wrap::before {
    opacity: 0;
}

.home-solution-card {
    pointer-events: none;
}

.home-trust-num p {
    font-size: var(--font20);
    line-height: 1.5;
}

.home-trust-num span {
    font-size: var(--font80);
    line-height: 1.5;
}

.home-esg-title {
    font-size: var(--font48);
    line-height: 1.5;
}

.home-esg-btn-link, .home-esg-btn-link .std-btn-text {
    font-size: var(--font16);
}

.home-esg-panel-title {
    font-size: var(--font20);
}

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

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

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

.home-esg-ring-copy, .home-esg-bar-name, .home-esg-bar-unit, .home-esg-note {
    line-height: 1.5;
}

.home-esg-bar-value span {
    font-size: var(--font16);
    line-height: var(--line15);
}

.home-sec-desc, .home-sec-desc p {
    line-height: 1.75;
}

.home-trust .mod-line.act .mod-line-link {
    font-size: var(--font14);
    padding: 0.16rem 0.52rem
}

.home-trust-num span {
    font-family: 'PoppinsRegular';
}

.home-products .home-sec-desc, .home-products .home-sec-desc p {
    line-height: 1.5;
}

.home-products .home-sec-title {
    line-height: 1.2;
}

.home-solution .home-sec-desc p {
    font-size: var(--font18);
}

.home-solution-title {
    line-height: 1.75;
}

/* 
.contact-main .ys-nybanner .ys-cont1400 {
    height: 100%;
    bottom: 0.69rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 0.69rem;
} */
.contact-main .ys-flex-pos-center {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

:is(.home-main, .inside-main) .head-nav-item-title {
    padding: var(--gap2);
    margin: 0;
}

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

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

.ducb-num::after {
    width: 0.18rem;
}

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

.company-pop-nub {
    opacity: 1;
    top: 40%;
    left: 50%;
}

.company-pop {
    z-index: 30;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.company-pop-nub .mod-btn-link {
    background: var(--colormain);
}

.company-pop-nub .mod-btn-link span {
    display: inline-block;
    font-size: var(--font16);
    color: var(--colorfff);
}

.product-color-item-link {
    width: 100%;
    height: 100%;
}

.data-empty {
    padding: 0 0.17rem;
}

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

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

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

.habitat-scene-pagination {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 35%;
    margin: 0 auto;
    --width: 0.48rem;
}

.habitat-scene .mod-icon {
    position: relative;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin-top: 0.57rem !important;
    width: var(--width) !important;
    height: var(--width) !important;

}

.habitat-scene-pagination .swiper-pagination {
    top: calc(var(--width) / 2 + 0.57rem) !important;
    height: 1px !important;
    width: 74% !important;
    left: 50% !important;
    transform: translateX(-50%);
}

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

.habitat-data-col.act .habitat-data-head {
    z-index: 5;
    position: relative;
}

.habitat-data-col {
    flex-grow: 1;
}

.sample-main .ys-nyban-title {
    top: 2.51rem;
    z-index: 3;
    height: auto;
}

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

.research-side-nav {
    top: 50%;
    transform: translateX(-100%) translateY(-50%);
}

.mod-anchor.on1 {
    transform: translateX(0%) translateY(-50%);
}

.research-side-nav li:not(:last-child) {
    margin-bottom: 0.22rem;
}

.repc-icon {
    transform: translateY(50%);
    transition: var(--transition1);
}

.research-eco-panel.act .repc-icon {
    animation: trasny 2s ease-out 1 forwards;
}

@keyframes trasny {
    0% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(-50%);
    }
}

.concept-message-copy p {
    line-height: var(--line175);
}

.news-main1 .ys-bread-list::before {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.news-main1 .ys-bread-list a, .resource-main .ys-bread-list a {
    color: #fff
}

.news-main1 .ys-bread-list:not(:last-child) {
    opacity: 0.5;
}

.product-card-box-bot {
    flex-grow: 1;
}



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

.about-map-pin:not(:first-child) .about-map-card .std-text14 {
    display: none;
}

.about-map-pin .about-map-card {
    pointer-events: all;
}

.about-map-card {
    min-width: auto !important;
    min-height: auto !important;
}

.about-map-pin:not(:first-child) .about-map-card {
    padding: 0;
    border: none;
    pointer-events: none;
}

.about-map-pin:not(:first-child) .about-map-card {
    background: transparent;
}

.about-map-pin:not(:first-child) .about-map-card .std-text18 {
    color: var(--colormain1);
    white-space: nowrap;
}

.about-map-pin:not(:first-child) .about-map-card {
    top: 50%;
    left: calc(100% + 0.16rem);
    transform: translateY(-50%);
}

.about-map-pin.on {
    z-index: 10;
}

.about-map-card .std-text18, .about-map-card .std-text14, .about-map-card .std-text14 p {
    white-space: nowrap
}

.about-intro-wrap {
    overflow: hidden;
}

.about-history-year-btn {
    top: auto;
    transform: translateX(-50%);
    bottom: 0.7rem;
}

/* 
.ahct-ul {
    padding-left: 0 !important;
}
.ahct-ul-li-cont p {
    font-size: var(--font24);
    line-height: 1.75;
    width: 50%;
    margin: 0 auto;
    text-align: center;
} */
.ahct-ul-li-cont ul li::marker {
    font-size: 0;
}

.ahct-ul-li-cont ul li {
    display: flex;
    justify-content: center;
}

.ahct-ul-li-cont ul li p {
    position: relative;
}

.ahct-ul-li-cont ul li p::after {
    position: absolute;
    top: 20px;
    left: -12px;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    content: '';
}

.company-pop {
    pointer-events: none;
}

.company-pop-nub .mod-btn-link {
    pointer-events: all;
}

.ys-phnav-search-box {
    display: block;
    opacity: 0;
    pointer-events: none;
}

.ys-phnav-search-box.show {
    opacity: 1;
    pointer-events: all;
}

.ys-phnav-search-box .icon-search:before {
    color: var(--colormain1);
}

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

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

.habitat-data-table .slick-track.on {
    width: 100% !important;
}

.sulu-item {
    min-height: 4.8rem;
}

.news-main1 .ys-nyban-img::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.about-map-pin:not(:first-child) .about-map-card {
    left: calc(100% + 0.08rem)
}

.footer-share>li {
    margin-bottom: calc(2 * var(--gap1));
}

.footer-share {
    margin-bottom: calc(-2 * var(--gap1))
}

.mod-dots6 .swiper-pagination-bullet::before {
    background: rgba(255, 255, 255, 0.7);
}

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

.about-value .ys-cont1440 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.about-value-card-box {
    position: relative;
    border: none
}

.about-value-card-box::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    z-index: -1;
    border-radius: 0.08rem;
    padding: 1px;
    background: linear-gradient(180deg, #fff 0%, transparent 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.about-value {
    /*will-change: filter, transform;*/
    filter: blur(0px);
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.home-solution-wrap.go .swiper-pagination-bullet-active::after {
    animation: dots2 5s linear both;
}

.catalog-option.act .catalog-option-text {
    border-color: var(--colormain)
}

/* .research-honor {
    position: relative;
}

.research-honor::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20%;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    content: "";
    pointer-events: none;
    z-index: 5;
    transform: translateY(-50%);
}
.research-equipment{
position: relative;}
.research-equipment::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20%;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    content: "";
    pointer-events: none;
    z-index: 5;
    transform: translateY(-50%);
} */
.research-side-nav {
    transform: translateX(-100%);
}

.research-side-nav {
    top: calc(0.12rem + var(--headh))
}

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

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

.research-equipment .swiper-button-next, .research-equipment .swiper-button-prev {
    border: 1px solid rgba(0, 49, 83, 0.3);
}

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

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

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

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

.ahct-ul-li-cont ul {
    padding-left: 0 !important;
}

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

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

.home-solution-cont-wrap {
    position: sticky;
    overflow: hidden;
    position: sticky;
    top: calc(var(--headh) + var(--space120));
}

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

.ys-phnav3-lang-hd {
    border-top: none;
    border-bottom: 1px solid rgba(51, 51, 51, .4);
}

.repc-ri .repc-le-cont {
    height: 100%;
}

/* .research-quality-arr-prev .ys-imgbox-cover {
    transform: translateX(-1px);
}

.research-quality-arr-next .ys-imgbox-cover {
    transform: translateX(1px);
} */

.about-intro-visual .about-intro-pic img {
    border-radius: 8px;
}

.about-intro-pic {
    position: absolute;
    perspective: 1600px;
    transform-style: preserve-3d;
}

.about-intro-left .about-intro-pic img {
    transform-origin: left center;
    transform: rotateY(30deg);
}

/* 右边图片：向左倾斜（相反方向） */
.about-intro-right .about-intro-pic img {
    transform-origin: right center;
    transform: rotateY(-30deg);
}

/* .about-intro-pic4,.about-intro-pic5,.about-intro-pic6{
} */
.company-pop-nub .mod-btn-link {
    align-items: center;
}

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

.home-solution-slide.swiper-slide-active .home-solution-text {
    opacity: 1;
}

.home-main .news-card-item {
    margin-bottom: 0;
}

/* 7.19-start */
.home-product-item.is-disabled .hpcb-tips {
    font-size: var(--font16);
    line-height: 1.5;
}

.home-products .home-sec-title {
    line-height: 1.5;
}

.home-solution.home-sec-title,
.home-news .home-sec-title {
    line-height: 1.2;

}

.home-solution-more {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.home-news .home-sec-desc,
.home-news .home-sec-desc p {
    font-size: var(--font18);
    line-height: 1.2;
}

.home-news .news-date {
    line-height: 1.4;
}

.home-main .resource-cta-text,
.resource-cta-text p {
    line-height: 1.5;

}

.home-main .resource-cta-cont .mod-btn-link {
    line-height: 1.75;
}

.home-main .resource-cta-note p {
    line-height: 1.2;
}

/* B1 */
.product-ban .std-text18,
.product-ban .std-text18 p {
    line-height: 1.75;
}

.product-series-tab-link {
    line-height: 1.75;
}

.product-card-title,
.product-card-title p {
    font-weight: 400;
}

/* B2 */
.catalog-colorbar .catalog-label {
    line-height: 1.5;
}

/* B3 */
.series-ban .mod-line.on .mod-line-link {
    line-height: 1.75;
}

/* G1 */
.sample-form .ys-fii-submit {
    font-size: var(--font20);
}

/* G2 */
.expert-form .ys-fii-submit {
    font-size: var(--font20);
}

/* B4 */
.habitat-why .habitat-title {
    line-height: 1.75;
}

.habitat-data-col.act .std-text16,
.habitat-data-col.act .std-text16 p {
    font-size: var(--font18);
}

/* C1 */
.rdli-num p span {
    display: inline-block;
    color: var(--colorfff);
    font-size: var(--font60);
    font-weight: 700;
    line-height: 1.2;
    font-family: auto;
}

.research-process .research-head .std-font40 {
    font-size: var(--font36);
}

.research-process-step-info, .research-process-step-info p {
    font-weight: bold;
    color: var(--colormain1)
}

.research-attr-list .std-text18, .research-attr-list .std-text18 p {
    font-size: var(--font20)
}

.research-history-list .std-font24, .research-history-list .std-font24 p {
    line-height: 1.75;
}

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

/* D1 */
.sustain-index-main .ys-nyban-title h1, .sustain-index-main .ys-nyban-title p {
    line-height: 1.75;
}

.sustain-index-main .sustain-doc .sustain-head .std-font40, .sustain-index-main .sustain-doc .sustain-head .std-font40 p {
    font-size: var(--font36);
    line-height: 1.2;
}

.sustain-index-main .sustain-doc-tab-item {
    font-size: var(--font18);
    line-height: 1.6;
}

.sustain-doc-more-text {
    line-height: 1.6;
}

/* E1 */
.news-main1 h1 {
    line-height: 1.75;
}

.news-feature-title.std-font30, .news-feature-title.std-font30 p {
    font-weight: 400;
}

/* E2 */
.news-main .news-edr span {
    font-size: var(--font16);
    line-height: 1.75;
    color: #666;
    display: inline-block;
}

.news-main .news-related .news-date {
    line-height: 1.4;
}

/* E3 */
.resource-main .ys-nyban-search-field input.std-text16, .resource-main .ys-nyban-search-field input.std-text16 p {
    line-height: 1.75;
}

.resource-down-text {
    line-height: 1.75;
}

/* F1 */
.about-main .ys-nyban-title .std-font48, .about-main .ys-nyban-title .std-font48 p {
    font-size: var(--font46);
    line-height: 1.75;
}

/* .about-intro .about-head .std-font40, .about-intro .about-head .std-font40 p {
    font-size: var(--font46);
    line-height: 1.6;
} */

.about-data-item .ys-demo-num span {
    display: inline-block;
    line-height: 1.2;
}

.about-value .std-font48, .about-value .std-font48 p {
    font-size: var(--font46);
    line-height: 1.45;
}

.about-value-card .std-font36, .about-value-card .std-font36 p {
    line-height: 1.45;
}

.about-map .about-head .std-font46, .about-map .about-head .std-font46 p {
    line-height: 1.2;
}

.about-map .about-head .std-text18, .about-map .about-head .std-text18 p {
    line-height: 1.6;
}

.about-map-card .std-text18 {
    font-size: var(--font16);
    line-height: 1.5;
}

.about-map-card .std-text14, .about-map-card .std-text14 p {
    line-height: 1.8;
}

.about-history .ys-cont1200 {
    z-index: 30;
}

.about-history .ys-cont1440 {
    z-index: 34;
}

.about-history-cont .std-font46 {
    line-height: 1.4;
}

.about-history-year-btn {
    pointer-events: none;
}

.ahyb-btn {
    pointer-events: all;
}

.about-honor .std-font48 {
    font-size: var(--font46);
    line-height: 1.2;
    color: var(--colormain1)
}

.about-honor-list .std-text18, .about-honor-list .std-text18 p {
    font-size: var(--font16);
    line-height: 1.75;
}

.about-honor-list .std-text18 span {
    font-size: var(--font14);
    line-height: 1.8;
}

.about-factory-content .std-font48, .about-factory-content .std-font48 p {
    font-size: var(--font40);
}

.about-main .habitat-cert-meta li {
    line-height: 1.6;
    font-size: var(--font16);
}

.about-factory-content .std-text18 {
    margin-top: 0.41rem;
}

/* F2 */
.concept-main .ys-nyban-title .std-font48, .concept-main .ys-nyban-title .std-font48 p {
    font-size: var(--font46);
    line-height: 1.45;
}

.concept-head .std-font46 {
    line-height: 1.2;
}

.concept-message-copy.std-text18, .concept-message-copy.std-text18 p {
    line-height: 1.75
}

.concept-sign-name {
    line-height: 1.45;
}

.concept-core-num.std-text18, .concept-core-num.std-text18 p {
    font-size: var(--font20);
}

/* F3 */
.join-main .ys-nyban-title h1 {
    line-height: 1.2;
}

.join-section-title .std-font46, .join-section-title .std-font46 p {
    line-height: 1.3;
}

.join-welfare-tab-text {
    font-size: var(--font30);
}

.join-section-title .std-font46, .join-section-title .std-font46 p {
    line-height: 1.3;
}

.join-section-title .std-font46, .join-section-title .std-font46 p {
    line-height: 1.3;
}

.join-job-more span {
    display: inline-block;
    font-size: var(--font18);
}

/* F4 */
.contact-card-title, .contact-card-title p {
    line-height: 1.75;
}

.contact-head .std-font46, .contact-head .std-font46 p {
    line-height: 1.3;
}

.contact-office-title {
    font-size: var(--font26);
    line-height: 1.4
}

.research-honor-slick .slick-list {
    overflow: hidden;
}

.research-equipment .swiper-button-next, .research-equipment .swiper-button-prev {
    position: relative;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    margin: 0 !important;
    margin-top: 0.34rem !important;
    ;
}

.research-equipment .habitat-scene-pagination .swiper-pagination {
    top: calc(var(--width) / 2 + 0.34rem) !important;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .head-actions .mod-btn .mod-btn-link:hover {
        background: var(--colormain1);
        border-color: var(--colormain1);
        color: #FFF;
    }

    .head-actions .mod-btn.on .mod-btn-link:hover {
        background: var(--colormain);
        border-color: var(--colormain);
        color: #FFF;
    }

    .about-map-pin:hover .about-map-card {
        opacity: 1;
    }

    .head-search-btn:hover img:nth-child(1) {
        opacity: 0;
    }

    .research-equipment-slide:hover .ys-imgbox-cover img:nth-child(2) {
        transform: scale(1.05);
    }
}

/* 7.13-end */
.search-main {
    --colormain1: #003153 !important;
}

/* .deta-use-cry-top {
    transform: scale(0.5);
}

.deta-use-cry {
    display: flex;
    justify-content: center;
} */
/* 7.21-start */
.resource-card-list .data-empty {
    padding: 0 var(--gap);
}

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

.ducb-num span {
    width: auto !important;
}

.ducb-num span {
    font-size: var(--font30);
}

.home-esg-ring-copy, .home-esg-bar-name, .home-esg-note, .home-esg-bar-unit {
    font-size: 12px;
}

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

.home-esg-count {
    width: auto !important;
}

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

.company-pop-nub .mod-btn-link span {
    line-height: 1.2;
}

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

.head-ldi-nub a {
    color: var(--colormain1)
}

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

.mod-icon .ys-imgbox-cover {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-icon {
    padding: 0.13rem 0.14rem;
}

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

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

.sustain-index-main .mod-view-link-text {
    line-height: 1.5;
}

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

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

.about-intro-pic {
    z-index: 2;
}

.about-intro-pic1, .about-intro-pic4 {
    z-index: 5;
}

.join-job-state {
    flex-shrink: 0;
}

.join-job-state img {
    opacity: 0 !important;
    pointer-events: none;
}

.join-job-state {
    position: relative;
}

.join-job-state::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    background: var(--colormain1);
    width: 42%;
    height: 1px;
    transition: var(--transition);
}

.join-job-state::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    content: '';
    background: var(--colormain1);
    width: 42%;
    height: 1px;
    transition: var(--transition);
}

.join-job-item.act .join-job-state::after {
    transform: translate(-50%, -50%);
    background: #fff;
}

.join-job-item.act .join-job-state::before {

    background: #fff;
}

.join-job-state {
    background: transparent;
    border: 1px solid var(--colormain1);
    transition: var(--transition);
    border-radius: 50%;
}

.join-job-item.act .join-job-state {
    background: var(--colormain);
    border-color: var(--colormain);
}

.footer-nav sup {
    margin-top: -8px;
}

.expert-form .ys-fii-submit {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sample-form .ys-fii-submit {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-factory .mod-btn-link {
    display: flex;
    align-items: center;
}

.home-brand-box img {
    width: 100%;
}

.home-brand-box {
    padding: 0.34rem 0.32rem
}

.join-welfare-core .swiper-pagination-progressbar {
    height: 3px;
}

.mod-dots2 .swiper-pagination-bullet {
    margin: 0 3px;
}

.rcli-con {
    position: relative;
}

.join-activity {
    padding-bottom: 3rem
}

.home-esg-panel {
    border-radius: 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%;
}


.mod-sider.show {
    bottom: 20px;
}

.research-coop .ys-cont1360 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.research-system .ys-cont1360, .research-honor .ys-cont1360, .research-future .ys-cont1360 {
    position: relative;
    z-index: 2;
}

.research-quality .ys-cont1360 {
    margin-bottom: 1.16rem;
}

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

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

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .habitat-scene-pagination .mod-icon:hover {
        border-color: var(--colormain)
    }
}

.hscw-box-list {
    padding: 0 0.09rem;
}

.hscw-box {
    margin: 0 -0.09rem
}

.home-solution-cont-bot {
    padding: 0
}

.home-solution-card {
    pointer-events: none;
}

.home-solution-slide {
    pointer-events: none;
}

.home-solution-img {
    display: flex;
}

.home-solution-img img {
    height: auto;
}

.hscw-box {
    align-items: center;
}

.home-solution-slide {
    padding: 0 0.09rem;
}

.home-solution-wrap.swiper {
    margin: 0 -0.09rem;
    overflow: visible;
}

.home-solution-cont-wrap {
    padding: 0 1rem
}

.hscw-newbox {
    padding: 0 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.hscw-box {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0);
}

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

.home-solution-wrap:not(.swiper-initialized) .home-solution-slide:not(.act),
.home-solution-wrap.swiper-destroyed .home-solution-slide:not(.act) {
    transform: scale(0.7);
}

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

.home-solution-slide.swiper-slide-active {
    opacity: 1;
}

.home-solution-card {
    pointer-events: none !important;
}

.home-solution-slide.swiper-slide-active .home-solution-card {
    pointer-events: all !important;
}

.home-solution-slide {
    pointer-events: all !important;
}

/* 河流 */
.research-history-list-wrap.swiper-slide {
    background: url('../images/river.svg')no-repeat center;
    cursor: grab;
}

.research-history-item {
    display: flex;
    align-items: flex-start;
}

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

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

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

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

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

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

.research-future-track {
    height: 600px;
    margin-bottom: 0.65rem
}

.research-future-control {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
}

.research-future-control img {
    width: 24px;
}

.research-future-control-pointer {
    width: 32px;
    margin: 0 0.27rem;
    animation: moveLeftAnim 1s ease-in-out infinite alternate;
}

@keyframes moveLeftAnim {
    from {
        transform: translateX(0) scale(1);
        opacity: 1;
    }

    to {
        transform: translateX(-10px) scale(0.9);
        opacity: 0.6;
    }
}

/* 7.21-end */
/* 7.22 */
.home-trust-data {
    margin: 0 -0.36rem;
}

.home-trust-data-nub {
    padding: 0 0.36rem;
    width: 50%;
}

.ys-ban-txtbox-top .mod-more {
    padding-bottom: 2px
}

/* 
.ys-ban-imgbox img {
    position: relative;
} */

.ys-ban-imgbox::before {
    position: absolute;
    height: 25%;
    width: 100%;
    content: '';
    opacity: 0.3;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

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

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

/* .research-history-list-wrap.swiper-slide {
    background-image: url('../images/river.svg');
    background-position: center;
    background-repeat: repeat;
    background-size: contain; 
    cursor: grab;
} */
.research-history-list-wrap.swiper-slide {
    /* background-image: url('../images/river.svg');
    background-position: 0 center;
    background-repeat: repeat-x;
    background-size: auto; */
    background: url(../images/f1_line1.png) no-repeat center center;
    background-size: contain;
    cursor: grab;
}

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

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

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

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

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

.research-future-track {
    height: auto;
    margin-bottom: 200px;
}

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

.research-history-list {
    max-width: none;
}

/* 首页背景 */
.home-products-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.home-products-top-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-products-inner {
    z-index: 5;
}

.home-products-bg {
    z-index: 3;
}

/* .home-products-bg-item img{
    opacity: 0;
}

.home-products-bg-item.act img{
    opacity: 1; transition: opacity 500ms;
} */
.home-products-bg {
    transition: opacity 500ms;
    opacity: 0;
}

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

/* 创新研发右侧 */
.research-coop-logos img {
    width: 100%;
}

.research-coop-logos {
    min-height: auto !important;
}

.research-coop-logos img {
    max-width: none !important;
    max-height: none !important;
}

.research-coop {
    padding-bottom: var(--space120)
}

.home-solution-wrap .swiper-pagination-bullet {
    opacity: 1;
}

.mod-dots6 .swiper-pagination-bullet::before {
    background: rgba(255, 255, 255, 0.5);
}

.product-card-more-text {
    line-height: 1.2;
}

/* index内容 */
.home-solution-img {
    min-height: 500px;
}

.hscw-box-list {
    padding: 0 0.09rem;
}

.hscw-box {
    margin: 0 -0.09rem
}

.home-solution-cont-bot {
    padding: 0
}

.home-solution-card {
    pointer-events: none;
}

.home-solution-slide {
    pointer-events: none;
}

.home-solution-img {
    display: flex;
}

.home-solution-img img {
    height: auto;
}

.hscw-box {
    align-items: center;
}

.home-solution-slide {
    padding: 0 0.09rem;
}

.home-solution-wrap.swiper {
    margin: 0 -0.09rem;
    overflow: visible;
}

.home-solution-cont-wrap {
    padding: 0 1rem
}

.hscw-newbox {
    padding: 0 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.hscw-box {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0);
}

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

.home-solution-wrap:not(.swiper-initialized) .home-solution-slide:not(.act),
.home-solution-wrap.swiper-destroyed .home-solution-slide:not(.act) {
    transform: scale(0.7);
}

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

.home-solution-slide.swiper-slide-active {
    opacity: 1;
}

.home-solution-card {
    pointer-events: none !important;
}

.home-solution-slide.swiper-slide-active .home-solution-card {
    pointer-events: all !important;
}

.home-solution-slide {
    pointer-events: all !important;
}

.research-coop .ys-cont1360 {
    align-items: flex-start;
}

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

.research-attr-list-con {
    padding: 0.34rem 0.3rem;
}

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

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

.about-factory .mod-btn-link {
    align-items: center;
}

.about-factory .mod-btn-link span {
    line-height: 1.2;
    display: inline-block;
    font-size: var(--font16);
    color: var(--colorfff)
}

.contact-card-code-text, .contact-card-code-text p {
    color: #666
}

.contact-card-copy a, .contact-card-copy span {
    display: inline-block;
    line-height: 1.75;
}

.product-info-copy {
    margin-bottom: 0.36rem
}

.product-info-body-table tr {
    position: relative;
}

.product-info-body-table tr:nth-child(3n-2)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 1px;
    background: #DBE4F0;
}

.product-info-body-table {
    overflow: hidden;
}

.product-info-body-table tr {
    border-bottom: none
}

.sril-ul {
    width: 100%;
    height: 100%;
}

.sril-ul-li {
    flex-grow: 1
}

.sril-ul {
    display: flex;

    flex-direction: column;
}

.sril-ul-li-ul {
    width: 100%;
    height: 100%;
}

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

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

/* .about-factory-content .std-text18 {
    margin-top: 0.6rem;
} */

.catalog-option.act span {
    color: var(--colormain)
}

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

.hebv-action {
    object-fit: cover;
}

.home-esg-bg img {
    position: relative;
}

.home-esg-bg img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(198deg, rgba(19, 39, 12, 0.20) 21.34%, rgba(27, 85, 49, 0.00) 76.39%);
}


.habitat-product-slide.slick-current {
    z-index: 23 !important;
}

.habitat-product-slide.next1 {
    z-index: 22 !important;
}

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

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

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

.research-history-item:last-child {
    transform: translateY(30%) translateX(18px);
}

.hscw-newbox {
    top: 0;
    left: 0;
    transform: none;
}

.about-value-bg::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%);
    opacity: 0;
}

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

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

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

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

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

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

.ys-select-sup .ys-select-show {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.ys-select-show-overlay {
    width: 100%;
    height: var(--height);
    line-height: var(--height);
    padding: 0 var(--spacein);
    color: var(--color333);
    font-size: var(--font14);
    pointer-events: none;
}

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

/* 弧形 */

.sustain-index-main .sustain-smile {
    top: 0
}

/* .sustain-index-main .sustain-promise {
    background: url(../images/ao.svg)no-repeat top center;
    background-size: 100% auto;
    
} */

.sustain-promise-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    pointer-events: none;
}

.sustain-promise-bg img {
    width: auto;
    display: block;
    pointer-events: none;
}

.sustain-promise-bg::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30vw;
    content: '';
    background: rgba(248, 251, 255, 1);
    height: 100%;
    pointer-events: none;
}

.sustain-promise-bg::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 30vw;
    content: '';
    background: rgba(248, 251, 255, 1);
    height: 100%;
    pointer-events: none;
}

.sustain-promise::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    content: '';
    background: rgba(248, 251, 255, 1);
    height: 80%;
    z-index: 1;
    pointer-events: none;
}

.sustain-promise .ys-cont1440 {
    position: relative;
    z-index: 5;
}

.sustain-index-main .sustain-promise {
    background: transparent;
}

.sustain-index-main .sustain-smile {
    display: flex;
    justify-content: center;
}

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

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

/* 弧形-end */
/* 地球 */
.he_canvsdm {
    /* width: 100%;
    height: 100%; */
    position: relative;
    margin: 0 auto;
}

#threebox {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 50%;
    /* overflow: hidden; */
}

#threebox canvas {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.mc_a1s1_area {
    /* color: #333; */
    padding: 0;
    /* font-size: 14px; */
    /* line-height: 1.5; */
    position: absolute;
    opacity: 0;
    /* z-index: 20; */
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
    /* background: #fff; */
    /* border-radius: 5px; */
    white-space: nowrap;
    /* padding: 2px 8px; */
    display: inline-block;
}

.mhnl_down {
    position: fixed;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    /* background: #fff; */
    border-top: 1px solid rgba(45, 117, 217, 0.20);
    display: none;
}

.map_wrap {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
    padding: 12px 24px;
}

.map_wrap_li {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.map_wrap_li:last-child {
    margin-bottom: 0 !important;
}

.map_wrap_li_le {
    width: 34px;
}

.map_wrap_li_le img {
    width: 100%;
}

.map_wrap_li_ri p {
    color: 16px;
    line-height: 1.8;
    color: #333532;
}

.map_wrap_li_ri {
    padding-left: 24px;
}

#threebox {
    width: 100%;
    height: 100%;
}

.he_canvsdm {
    width: 708px;
    height: 708px;
    margin: 0 auto;
    position: relative;
}

.he_canvsdm {
    width: 780px;
    height: 780px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    z-index: -1;
}

/* 地球-end */
.home-sustain.home-esg::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45%, rgba(0, 0, 0, 0.20) 100%);
}

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

.home-esg-bars {
    position: relative;
}

.home-esg-bar-unit {
    position: absolute;
    right: 0;
    top: 100%;
}

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

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

/* .research-history-list-wrap:not(:first-child) {
    margin-left: -80px;
    margin-top: -30px;
} */
.home-solution-wrap .swiper-pagination {
    height: 20px;
}

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

.about-factory {
    padding-top: 0.7rem;
}

.mod-dots6 .swiper-pagination-bullet {
    height: 3px;
    cursor: pointer;
}

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

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

.research-equipment-slide.swiper-slide {
    width: 20%;
}

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

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

.series-main .ys-main {
    width: 100vw;
}

.footer-share-btn .ys-imgbox-cover::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: var(--transition);
    background: var(--colormain);
    z-index: -1;
}

.research-quality-text {
    width: 42%;
}

.footer-share-btn .ys-imgbox-cover img:nth-child(3) {
    opacity: 0;
}

/* 8.6-start */
.research-history-item-bg {
    position: absolute;
    top: -38%;
    left: 0.2rem;
    z-index:-1;
    pointer-events: none;
    width: calc(1920px * 5);
    background: url(../images/f1_line1.png) repeat-x left center;
    background-size: auto 150px;
    z-index: 1;
}
.research-history-item-bg img{
    width: 1920px;;
}
.research-history-item:not(:first-child) .research-history-item-bg {
    display: none;
}

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

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

.research-history-item-con {
    position: relative;
    display: flex;
    justify-content: flex-start;
    z-index: 2;
}

.future-swiper {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
}

.research-history-item {
    padding: 0 0.2rem;
    width: 24%;
}

/* .rhic-bot {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
} */

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

.rhic-box {
    position: relative;
}

.home-solution-slide.swiper-slide-active .home-solution-card {
    pointer-events: none !important;
}

.home-solution-wrap.swiper.go .home-solution-slide.swiper-slide-active .home-solution-card {
    pointer-events: all !important;
}

.home-solution-wrap .swiper-pagination {
    width: 100%;
}

.home-solution-slide {
    pointer-events: none !important;
}

.home-solution-wrap.swiper.go .home-solution-slide {
    pointer-events: all !important;
}

.home-solution-img-alt {
    position: absolute;
    font-size: var(--font26);
    color: var(--colorfff);
    line-height: var(--line175);
    text-align: center;
    bottom: 0.41rem;
    width: 100%;
    padding: 0 0.2rem;
    z-index: 5;
    pointer-events: all;
}

.home-solution-img {
    position: relative;
}

.home-solution-img::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}

.home-main .ys-ban-imgbox picture, .home-main .ys-ban-imgbox img {
    height: 100%;
}

.home-main .ys-ban-imgbox {
    height: 100%;
}

.yxnav-active4>.ys-phnav-lisbox .ys-phnav-header-font, .yxnav-active5>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colormain) !important;
}

.ys-hd-ph li.no-pointer .ys-phnav-header-font {
    color: #999;
    opacity: 0.8;
}

.ys-hd-ph li.no-pointer {
    pointer-events: none;
}
.research-history-item{
    z-index: 3;
}
.research-history-item:not(:first-child){
    z-index: 5;
}
.footer-contact {
    width: 18%;
}
.news-main .news-edr span {
    display: inline;
}

/* 8.6-end */
@media screen and (min-width: 1200px) {

    /* .footer-share-btn:hover .ys-imgbox-cover::after {
        opacity: 1;
    } */
    .footer-share-btn:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }

    .footer-share-btn:hover .ys-imgbox-cover img:nth-child(3) {
        opacity: 1;
    }
}
/*8.29-start*/
.about-main .ys-nybanner .std-font20 {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}
.about-intro .about-head .std-font46,.about-intro .about-head .std-font46 p{
        font-size: var(--font44);
}
.about-intro-center {
    width: 80%;
}
.about-intro-copy{
    width: 74%;
    margin: 0 auto;
}
.about-intro-wrap {
    top: var(--headh);
}
.sustain-result-icon{
    flex-shrink: 0;
}
.about-map-pin .about-map-card {
    width: 3.21rem;
}
.about-map-card .std-text18, .about-map-card .std-text14, .about-map-card .std-text14 p {
    white-space: wrap;
}
.about-data .about-data-item-text{
    margin-top: 0.12rem;
}
.about-data-item .ys-demo-num span {
    font-size: var(--font52);
}



.about-honor-icon{
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ahli-wrap{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.ahli-wrap-nub{
    height: 50%;
    flex-grow: 1;
}
.ahli-wrap-nub-box{
    height: 100%;
}
.about-honor-list .std-text18 {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.join-job-tab{
    white-space: nowrap;
}
.join-job-tab {
   min-width: 1.89rem;
   width: auto;
}
.sustain-index-main .sustain-result-title.std-font26, .sustain-index-main .sustain-result-title.std-font26 p {
    font-size: var(--font20);
}
.sustain-index-main .sustain-result-box{      padding: 0.3rem 0.32rem 0.36rem;
    
}
.sril-ul-li2 .sustain-result-box{      padding: 0.3rem 0.32rem 0.46rem;
    
}
.sustain-index-main .sustain-result-data p span {
    font-size: var(--font52);
}
.sustain-result-icon {
    margin-right: 0.1rem;
}
.sustain-result-tag{
    font-size: var(--font14);
}
.sril-ul-li-ul{
    width: calc(100% + var(--gap) * 2);
}
.sustain-result-data p,.sustain-index-main .sustain-result-data p span{
    line-height: var(--line16);
}
.footer-contact-copy a[href^="mailto:"] {
  white-space: nowrap;
}
.research-hero-copy .std-font30 {
    font-size: var(--font26);
}
.research-hero-copy .std-text18, .research-hero-copy .std-text18 p{
    font-size: var(--font16);
}
.product-feature-name, .product-feature-name p {
    color: #fff;
    font-size: var(--font22);
}
.about-data .ys-demo-num, .about-data .ys-demo-num p{
    white-space: nowrap;
}
.sustain-result-icon-img{
    width:42%;
}
.reml-li .research-eco-mark {
    min-width: 3rem;
}
.research-eco-mark{
    white-space: wrap;
}
.research-eco-tab-content{
    width:100%;
    height: 100%;
}
/*8.29-end*/
/*8.31-start*/
/*.home-sustain-title {*/
/*    flex-direction: column;*/
/*}*/
.home-trust-num p{
    white-space: nowrap;
}
.home-esg-bar-value {
    position: absolute;
    bottom: 100%;
}

.home-esg-bar-track {
    position: relative;
}

.hebi-bar {
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.home-esg-bar-fill {
    max-height: 100%;
    overflow: hidden;
}

.home-esg.is-dataviz-ready.is-dataviz-active .home-esg-bar-fill {
    height: var(--bar-height);
}

.home-esg-bar-item {
    max-height: 100%;
}

.join-job-tab-top {
    display: flex;
    justify-content: center;
}
.join-job-tab+.join-job-tab{
margin-left: 0;
}
/*.home-trust {*/
/*    margin-top: -3px;*/
/*    position: relative;*/
/*    z-index: 9;*/
/*}*/
.join-job-tab {
    padding: 0 var(--gap1);
}

.join-job-tabs {
    --gap1: 0.14rem;
    margin-left: calc(-1 * var(--gap1));
    margin-right: calc(-1 * var(--gap1));
}
.join-job-tab p{
    min-width: 2rem;
}
.expert-form .ys-fii-submit,.sample-form .ys-fii-submit{
    line-height: 1.2;
}

    .home-sustain-word {
        font-size: 1.2rem;
    }
/*    .home-sustain-title {*/
/*    transform: translateX(200px);*/
/*}*/
.footer-nav>li:nth-child(3n) {
    padding-left: 0.6rem;
}
.home-sustain-title { flex-direction: column; }
/*8.31-end*/
/*9.7-start*/
.resource-cta-cont {
    padding: 0.72rem 1.8rem;
}
.research-coop-text {
    width: 44%;
}
.research-coop-text .std-font40, .research-coop-text .std-font40 p{
        font-size: var(--font36);
}
.research-history-list .std-text18, .research-history-list .std-text18 p {
    font-size: var(--font18);
}
.sustain-index-main .ys-nyban-title h1, .sustain-index-main .ys-nyban-title p{
    text-align: center;
}
.sustain-index-main .ys-nyban-title p{
    font-size: var(--font20);
}
.join-main .ys-nyban-title .std-text18, .join-main .ys-nyban-title .std-text18 p {
    line-height: 1.75;
        
}
 .join-main .ys-nyban-title .std-text18 p{
     font-size: var(--font20);
     
 }
 .sustain-intro .std-font24, .sustain-intro .std-font24 p{
    font-size: var(--font18);    
    text-align: center;
 }
 .concept-message-copy {
    width: 84%;
    margin: 0 auto;
}
.sustain-head-copy{
    width: 68%;
    margin-left: auto;
    margin-right: auto;
}

   .about-intro .about-head {
        width: 81%;
        margin-left: auto;
        margin-right: auto;
    }
    .about-map .about-head,.about-history-cont {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.research-future-head {
    width: 77%;
}
.concept-message-copy {
    width: 96%;
    margin: 0 auto;
}
.concept-message .concept-message-copy{
    width: 100%!important;
}
/*9.7-end*/
/*9.15-start*/
.home-solution-img::after{
    opacity: 1;
background: linear-gradient(115deg, rgba(0, 0, 0, 0.20) 11.55%, rgba(102, 102, 102, 0.20) 46.82%)
    
}
.sustain-result-data p{
    color:var(--colormain1);
}
.research-hero-card2,.research-hero-card1{
        padding: 0.24rem 0.37rem;
}
/*.research-hero-card {*/
/*    width: 6rem;*/
/*    width: 5rem;*/
/*}*/
.research-hero-card{
    max-width: 7rem;
}
.about-main .ys-nybanner .std-font20{
    margin-bottom: 0.6rem;
}
.contact-card-copy, .contact-card-copy p {
    font-size: var(--font14);
}

.product-system {
    overflow: visible;
}

.product-system-tab-box {
    position: sticky;
    top: var(--headh);
    z-index: 5;
}

.product-system-tab-box::before {
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    content: '';
    background: #C9DEEE;
    z-index: 2;
    opacity: 0;
    transition: var(--transition);
}

.product-system-tab-box::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    content: '';
    background: #F8FBFF;
    z-index: 2;

}

.product-system-tab-box .product-system-tab-top, .product-system-info {
    position: relative;
    z-index: 3;
}

.product-system-tab-box.is-fixed::before {
    opacity: 1;
}

.product-system-tab-top {
    transition: var(--transition);
}

.product-system-tab-box.is-fixed .product-system-tab-top {
    margin-bottom: 0.2rem;
}
/*.home-esg-btn {*/
/*    margin-top: 0.35rem;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/
.product-system-tab-box.is-fixed .product-system-tab-link {
    padding: 4px 0.1rem;
}
.product-system-tab-box.is-fixed .product-system-tab-top{
        padding: 0.08rem 0.13rem;
}
.has-hot::after {
    right: -50px;
}
.has-hot::before {
    right: -21px;
}
.ys-select-show-overlay input{
    padding: 0!important;
}
.about-main .ys-nyban-img::after{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(102, 102, 102, 0.00) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
}
/*9.15-end*/