@charset "utf-8";

/* 公共样式 - start */
@font-face {
    font-family: 'Hebi-RobotoRegular';
    src: url('../fonts/RobotoRegular14/RobotoRegular14.woff2') format('woff2'),
        url('../fonts/RobotoRegular14/RobotoRegular14.woff') format('woff');
}

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

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

body,
input,
textarea {
    font-family: "Hebi-RobotoRegular", "PingFang SC", "Microsoft YaHei" !important;
}

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

html {
    font-size: 100px;
}

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

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

:root {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line135: 1.35;
    --line14: 1.4;
    --line15: 1.5;
    --line16: 1.6;
    --line165: 1.65;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 90px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #C32227;
    --colorbj: #EEF2F5;
    /* 板块间距 */
    --space60: 0.6rem;
    --space50: 0.5rem;
    --space40: 0.4rem;
    --space30: 0.3rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;
    /* 特殊字体或粗细 */
    --bold: 'Hebi-RobotoBold';
    --light: 'Hebi-RobotoLight';
    --regular: 'Hebi-RobotoRegular';
    --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-font72,
.std-font72 p {
    font-size: var(--font72);
    color: var(--color333);
    line-height: var(--line12);
    font-family: var(--bold);
}

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

.std-font56,
.std-font56 p,
.yxedr-active h3 {
    font-size: var(--font56);
    color: var(--color333);
    line-height: var(--line12);
    font-family: var(--bold);
}

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

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

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

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

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

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

.mod-text24 {
    font-size: var(--font24);
    line-height: var(--line15);
    color: var(--colorfff);
}

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

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

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

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

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

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

.std-padd120 {
    padding: var(--space120) 0;
}

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

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

.std-padd100 {
    padding: var(--space100) 0;
}

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

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

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

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

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

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

.std-mar50 {
    margin-bottom: var(--space50);
}

.std-padd50 {
    padding-bottom: var(--space50);
}

.std-mar30 {
    margin-bottom: var(--space30);
}

.std-padd30 {
    padding-bottom: var(--space30);
}

.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;
}

.text-color6,
.text-color6 p,
.text-color6 * {
    color: var(--color666);
}

.text-colorf,
.text-colorf p,
.text-colorf * {
    color: var(--colorfff);
}

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

.yx-flex-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}

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

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

/* 轮播溢出隐藏 */
.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 {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    transition: var(--transition);
    border: solid 1px var(--color333);
    z-index: 2;
}

.mod-arrows1.mod-arrows1-white .swiper-button-next,
.mod-arrows1.mod-arrows1-white .swiper-button-prev,
.mod-arrows1.mod-arrows1-white .slick-prev,
.mod-arrows1.mod-arrows1-white .slick-next {
    border: solid 1px var(--colorfff)
}

.mod-arrows1 .swiper-button-next::after,
.mod-arrows1 .swiper-button-prev::after,
.mod-arrows1 .slick-prev::after,
.mod-arrows1 .slick-next::after {
    content: "\e744";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-family: 'iconfont';
    color: var(--color333);
    transition: var(--transition);
}

.mod-arrows1.mod-arrows1-white .swiper-button-next::after,
.mod-arrows1.mod-arrows1-white .swiper-button-prev::after,
.mod-arrows1.mod-arrows1-white .slick-prev::after,
.mod-arrows1.mod-arrows1-white .slick-next::after {
    color: var(--colorfff);
}

.mod-arrows1 .swiper-button-next::after,
.mod-arrows1 .slick-next::after {
    content: "\e743";
}

.mod-arrows1 .swiper-button-next,
.mod-arrows1 .slick-next {
    right: -0.9rem;
}

.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev {
    left: -0.9rem;
}

.slick-dotted .slick-list {
    padding-bottom: 0.48rem;
}

/* 载入 */
.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);
}

.ys-upfade2 {
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    transition: var(--transition2);
    transition-delay: 0.2s;
    will-change: transform, opacity;
}

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

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

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

/* 公共样式 - end */
/* 内页banner */
.ys-nybanner h1 {
    text-align: center;
    font-family: var(--bold);
    font-size: var(--font64);
    line-height: var(--line12);
}

.ys-nybanner h1 span {
    display: block;
    font-size: var(--font20);
    line-height: var(--line12);
    margin-bottom: 0.1rem;
    font-weight: normal;
}

.pc-fenye li {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    font-size: var(--font16);
    line-height: 40px;
    color: #333;
    text-align: center;
    margin: 0 10px;
    border-radius: 4px;
    transition: var(--transition);
    background: 0 0;
}

.std-btn1 {
    display: inline-block;
}

.std-btn1-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    padding: 0.12rem 0.2rem;
    min-width: 1.77rem;
    position: relative;
    z-index: 2;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: normal;
    border-radius: 0.06rem;
    overflow: hidden;
    background: var(--colormain);
    cursor: pointer;
}

.std-btn1-link::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.20) 7.16%, rgba(255, 255, 255, 0.00) 84.27%), rgba(195, 34, 39, 1);
    opacity: 0;
    transition: var(--transition);
}

.slick-dots {
    bottom: 0;
}

.slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(195, 34, 39, 0.3);
}

.slick-dots li.slick-active {
    background: var(--colormain);
}

/* 底部导航--start */
.ys-footer {
    padding-top: 1.14rem;
    position: relative;
}

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

.ys-footer-bg {
    width: 48%;
    position: absolute;
    top: 1.59rem;
    right: 0.55rem;
    z-index: 1;
    opacity: 0.15;
    pointer-events: none;
}

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

.footer-top-title {
    width: 80%;
    font-size: var(--font72);
    color: var(--colorfff);
    line-height: var(--line12);
    font-family: var(--bold);
}

.ys-footer {
    background: #272B2F;
}

.footer-top {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0.14rem;
}

.footer-top-btn .std-btn1-link {
    min-width: 2.08rem;
    height: 58px;
}

.footer-top-btn {
    margin-bottom: 0.8rem;
}

.footer-nav>li>a {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line12);
    margin-bottom: 0.13rem;
}

.footer-nav ul a {
    font-size: var(--font16);
    font-weight: var(--bold);
    color: var(--color666);
    line-height: var(--line12);
    margin-bottom: 0.13rem;
    transition: var(--transition);
}

.footer-nav {
    --gap1: 0.5rem;
    width: auto;
    display: flex;
    align-items: flex-start;
    margin: 0 calc(var(--gap1) * -1) 0.8rem;
}

.footer-share {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.footer-share>li {
    padding: 0;
    margin-right: 0.12rem;
}

.footer-share>li:last-child {
    margin-right: 0;
}

.footer-share-btn .ys-imgbox-cover {
    width: var(--iconWidth32);
}

.footer-share-code {
    top: auto;
    bottom: calc(100% + 0.1rem);
}

.footer-share-code::before {
    bottom: -10px;
    top: auto;
    transform: translate(-50%, -50%) rotate(180deg);
}

.footer-share-code::after {
    left: 0;
    top: auto;
    bottom: -10px;
}

.footer-privacy>li {
    padding: 0 0.12rem;
}

.footer-privacy>li a {
    color: #4E4E4E;
    opacity: 0.8;
    transition: var(--transition);
}

.footer-privacy {
    margin: 0 -0.12rem;
}

.footer-bot {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0.16rem 0 0.19rem;
}

.footer-text p span {
    font-size: var(--font12);
    color: var(--colorfff);
    opacity: 0.4;
    transition: var(--transition);
    line-height: var(--line14);
    margin-right: 0.12rem;
}

.footer-text p a {
    color: var(--colorfff);
    opacity: 0.3;
    font-size: var(--font12);
    line-height: var(--line14);
}

/* 底部导航--end */
/* 顶部导航--start */
.ys-hd-pc-core {
    width: 100vw;
    padding: 0 6.25vw;
    max-width: 1920px;
    --place: 6.25vw;
    --cont: 87.5vw;
    margin: auto;
    position: relative;
}

@media screen and (min-width: 1921px) {
    .ys-hd-pc-core {
        padding: 0 60px;
        --place: calc(50vw - 900px);
        --cont: 1800px;
    }
}

.ys-hd-pc-core::before {
    content: "";
    position: absolute;
    left: calc((6.25vw + 0.38rem) * -1);
    bottom: 0;
    width: calc(var(--cont) - calc(var(--place) * 2) - 0.8rem);
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    pointer-events: none;
    transition: var(--transition);
    opacity: 1;
}

.ys-hd-pc-core::after {
    content: "";
    position: absolute;
    right: calc((6.25vw + 0.38rem) * -1);
    bottom: 0;
    width: calc(var(--cont) - calc(var(--place) * 2) - 0.85rem);
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    pointer-events: none;
    transition: var(--transition);
    opacity: 1;
}

.ys-hd-pc.isfixed .ys-hd-pc-core::before,
.ys-hd-pc.isfixed .ys-hd-pc-core::after,
.ys-hd-pc.ishover .ys-hd-pc-core::before,
.ys-hd-pc.ishover .ys-hd-pc-core::after {
    opacity: 0;
}

.head-lang-top-text {
    font-size: var(--font18);
    color: var(--color333);
    line-height: var(--headh);
    flex-shrink: 0;
    margin-right: 2px;
    transition: var(--transition);
}
.head-ldi-nub.on a {
    color: var(--colormain) !important;
}
.head-lang-top-jian,
.head-search-btn {
    width: 18px;
}

.head-other {
    width: 38.89%;
    margin-left: 0.2rem;
    justify-content: space-between;
}

.head-other-cry {
    display: flex;
}

.head-nav {
    display: flex;
    --gap1: 0.08rem;
    --gap2: 0.3rem;
    margin: 0 calc(var(--gap2) * -1);
    justify-content: space-between;
}

.ys-hd-pc.isfixed .head-lang-top-text,
.ys-hd-pc.ishover .head-lang-top-text {
    color: var(--color333);
}

.head-lang {
    margin-left: 0.4rem;
}

.head-nav-item-title {
    font-size: var(--font18);
    color: var(--colorfff);
    position: relative;
}

.head-nav-item-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
    width: 0%;
    height: 3px;
    border-radius: 3px;
    background: var(--colorfff);
    transition: var(--transition);
    pointer-events: none;
}

.head-nav-item.yxnav-active1 .head-nav-item-title::after {
    width: calc(100% - calc(var(--gap1) * 2));
}

.head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--colorfff) !important;
}

.ys-page-wrap.act .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--colormain) !important;
}

.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title,
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--colormain) !important;
}

.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::after,
.ys-hd-pc.ishover .head-nav-item.yxnav-active1 .head-nav-item-title::after {
    background: var(--colormain)
}

.ys-page-wrap.act .head-nav-item.yxnav-active1 .head-nav-item-title::after {
    background: var(--colormain);
}

.head-logo {
    width: 22.22%;
    flex-shrink: 0;
}

.head-left {
    width: 38.89%;
}

.head-logo a {
    display: block;
    width: 110px;
    margin: 0 auto;
}

.mpli-link {
    display: block;
    color: var(--color333);
    font-weight: 500;
    font-size: var(--font16);
    line-height: var(--line15);
    padding: 0.09rem 0.15rem;
    background: transparent;
    transition: var(--transition);
    white-space: nowrap;
    text-align: center;
    border-radius: 0.05rem;
}

.mod-pull-list {
    padding: 0.12rem;
    background: var(--colorfff);
    border-radius: 0.08rem;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.mod-pull-list-item.yxnav-active2 .mpli-link {
    background: #EDEEF1;
}

.mod-pull-list-item {
    margin-bottom: 0.05rem;
}

.mod-pull-list-item:last-child {
    margin-bottom: 0;
}

.mod-pull {
    padding-top: 0.04rem;
    background: transparent;
}

.yx-search3xlbox {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}

/* 顶部导航--end */
/* Teemo--start */
/*  新增 E2-新闻-start */
.std-padd120-top {
    padding-top: var(--space120);
}

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

.news-page {
    background: rgb(240, 244, 247);
}

/* 分类 */
.news-tab {
    margin-bottom: 0.50rem;
}

.news-tab-list {
    display: flex;
    margin: 0 -7px;
    justify-content: center;
}

.news-tab-list-item {
    width: auto;
    padding: 0 7px;
}

.news-tab .ntli-link {
    padding: 0.18rem 0.8rem;
    color: var(--color333);
    line-height: var(--line14);
    transition: var(--transition);
    background: var(--colorfff);
    border-radius: 0.06rem;
    overflow: hidden;
}

.news-tab .news-tab-list-item.on .ntli-link {
    background: var(--colormain);
    color: var(--colorfff);
}

/*swiper轮播  */
.nsli-link {
    position: relative;
}

.nsli-img {
    border-radius: 0.12rem;
}

.nsli-img img {
    width: 100%;
}

.news-swiper-icon {
    border-radius: 50%;
    border: 1px solid var(--color333);
}

.nsli-text {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 0.28rem;
}

.nsli-text-box {
    padding: 0.32rem;
    background: rgba(255, 255, 255, 0.20);
    border-radius: 0.10rem;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.nsli-text-time {
    margin-bottom: 0.12rem;
    color: var(--colorfff);
    line-height: var(--line14);
}

/* 新增24号字体 */
.std-font24,
.std-font24 p {
    font-size: var(--font24);
    color: var(--color333);
}

.nsli-text-title {
    color: var(--colorfff);
    line-height: 1.25;
}

/* 列表 */
.news-page .news-list {
    padding-top: 0.3rem;
}

.news-page .ys-pcfy {
    padding-top: 0.96rem;
}

.news-page .news-list-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.12rem;
}

.news-page .news-list-box-item {
    width: 33.33333%;
    padding: 0 0.12rem;
    margin-top: 0.3rem;
}

.nlbi-link {
    height: 100%;
    background: var(--colorfff);
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.news-page .nlbi-pic {
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    flex-shrink: 0;
}

.news-page .nlbi-pic img {
    width: 100%;
}

.news-page .nlbi-text {
    padding: 0.26rem 0.22rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-page .nlbi-text-info {
    margin-bottom: 0.5rem;
}

.news-page .nlbi-text-info-time {
    margin-bottom: 0.1rem;
    line-height: var(--line15);
}

.news-page .nlbi-text-info-title {
    line-height: var(--line15);
    max-height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: var(--transition);
}

.news-page .nlbi-text-btn {
    color: var(--colormain);
}

/*  新增 E1-新闻列表-end */
/*  新增 E2-新闻详情-start */
.news-detail-wrap {
    margin-top: -3.7rem;
}

.news-detail-page {
    background: rgb(240, 244, 247)
}

.detail-wrap {
    padding: 1rem 2.2rem 1rem 1.9rem;
    background: var(--colorfff);
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.detail-box-top {
    padding-bottom: 0.2rem;
    border-bottom: 1px solid rgba(0, 82, 217, 0.1)
}

.detail-box-top-time {
    line-height: var(--line165);
    margin-bottom: 0.14rem;
}

.detail-box-top-title {
    font-family: var(--bold);
    margin-bottom: 0.62rem;
}

.detail-box-share {
    display: flex;
    align-items: center;
}

.detail-box-share-box {
    margin-left: 0.24rem;
}

.detail-box-share-box .ys-share-list {
    border-radius: 50%;
    background: #F2F7FC;
}

.detail-box-share-box .ys-share-list:not(:first-child) {
    margin-left: 0.12rem;
}

.detail-box-share-text {
    color: var(--color333);
    line-height: var(--line175);
}

.dbsb-icon {
    width: 35px;
}

.dbsb-icon img {
    width: 100%;
}

.detail-box-content {
    padding: 0.26rem 0;
    border-bottom: 1px solid rgba(0, 82, 217, 0.1)
}

.detail-box-content p {
    font-size: var(--font16);
    color: var(--color333);
    line-height: var(--line14);
    margin-bottom: 0.75em;
}

.detail-box-content p:last-child {
    margin-bottom: 0;
}

.detail-box-footer {
    padding-top: 0.26rem;
}

.dbfl-item:first-child {
    margin-bottom: 0.16rem;
    ;
}

.dbfl-item-link {
    display: flex;
    justify-content: flex-start;
}

.dbfl-item-pre,
.dbfl-item-next {
    flex-shrink: 0;
    transition: var(--transition);
    color: var(--color333);
    line-height: var(--line14);
}

.dbfl-item-text {
    transition: var(--transition);
    padding-left: 0.16rem;
    line-height: var(--line14);
}

/*  新增 E2-新闻详情-end */
/*  新增 H1联系我们-start */
.contact-page {
    background: rgb(240, 244, 247);
}

.contact-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.12rem;
}

.contact-list-item {
    width: 50%;
    height: auto;
    padding: 0 0.12rem;
    margin-bottom: 0.20rem;
}

.contact-list-item-link {
    height: 100%;
    display: flex;
    padding: 0.1rem 0.44rem 0.1rem 0.1rem;
    background: var(--colorfff);
    border-radius: 0.1rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.contact-list .clil-img {
    width: 41%;
    border-radius: 8px;
    flex-shrink: 0;
}

.contact-list .clil-img img {
    object-fit: cover;
    transition: var(--transition);
    width: 100%;
}

.clil-right {
    width: 59%;
    padding: 0.4rem 0 0.2rem 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.clil-text-title {
    font-family: var(--bold);
    line-height: var(--line14);
    margin-bottom: 0.14rem;
    transition: var(--transition);
}

.clil-text-desc p {
    line-height: 1.6;
    max-height: 4.95em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 0.2rem;
}

.clil-email-link {
    display: flex;
    align-items: center;
    width: fit-content;
}

.clil-email-icon {
    flex-shrink: 0;
    width: 24px;
}

.clil-email-icon img {
    width: 100%;
    height: auto;
}

.clil-email-text {
    color: var(--color333);
    line-height: var(--line14);
    padding-left: 8px;
}

.contact-tab-title {
    font-family: var(--bold);
    margin-bottom: 0.44rem;
}

.contact-tab-top {
    margin-bottom: 0.5rem;
}

.contact-tab-list {
    display: flex;
    justify-content: center;
    margin: 0 -0.07rem;
}

.contact-tab-list-item {
    width: 25%;
    padding: 0 0.07rem;
}

.contact-tab-wrap .ntli-text {
    width: 100%;
    padding: 0.18rem 10px;
    background: var(--colorfff);
    border-radius: 6px;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    cursor: pointer;
    transition: var(--transition);
    color: #000;
    line-height: var(--line14);
    text-align: center;
    transition: var(--transition);
    white-space: nowrap;
    white-space: nowrap;
}

.contact-tab-list-item.on .ntli-text {
    background: var(--colormain);
}

.contact-tab-list-item.on .ntli-text {
    color: var(--colorfff);
}

.ctcs-list {
    display: flex;
}

.ctcs-list-item {
    width: 33.33333%;
    height: auto !important;
    border-radius: 0.12rem;
    overflow: hidden;
    background: var(--colorfff);
}

.ct-tab-cont-swiper .clil-img {
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.ct-tab-cont-swiper .clil-img img {
    width: 100%;
    transition: var(--transition);
}

.clil-info {
    padding: 0.28rem 0.28rem 0.46rem 0.28rem;
}

.clil-info-title {
    font-family: var(--bold);
    margin-bottom: 0.22rem;
}

.clil-info-text li {
    margin-bottom: 0.16rem;
}

.clil-info-text li:last-child {
    margin-bottom: 0;
}

.clil-info-text li p,
.clil-info-text li p a {
    padding-right: 0.04rem;
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line14);
}

.clil-info-text li::marker {
    font-size: 0;
}

.clil-info-text ul {
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.clil-info-text li {
    list-style-type: none;
    position: relative;
    padding-left: 26px;
}

.clil-info-text li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px;
    background: url(../images/dingwe.svg) center / contain no-repeat;
    /* border-radius: 50%; */
}

.clil-info-text li:last-child {
    margin-bottom: 0;
}

.contact-tab-content {
    position: relative;
}

.contact-swiper-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 160px);
    z-index: 1;
    display: flex;
    justify-content: space-between;
    transform: translate(-50%, 50%);
    pointer-events: none;
}

.contact-swiper-prev,
.contact-swiper-next {
    cursor: pointer;
    pointer-events: all;
}

.contact-tab-content:not(:first-child) {
    display: none;
}

.contact-swiper-pag {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-swiper-pag .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin-right: 12px;
    transition: var(--transition);
    background: var(--color999);
}

.contact-swiper-pag .swiper-pagination-bullet-active {
    background: var(--colormain);
}

.contact-tab-list .mCSB_container {
    display: flex;
    justify-content: center;
}

/*  新增 H1联系我们-end */
/* Teemo--end */
/* Kaffi--start */
/* kaffi-start */
/* banner--start */
.about-banner {
    overflow: inherit;
    position: relative;
}

.about-banner-cont {
    height: auto;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.about-banner-cont-wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.abcw-list {
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
}

.abcw-list-bg {
    width: 100%;
    position: absolute;
    height: 100%;
    overflow: hidden;
    transform-origin: right center;
    top: 55%;
    transform: translateY(-55%);
}

.altw-tit-sub,
.altw-parga-text p {
    line-height: var(--line12);
    color: var(--colorfff);
    text-align: center;
    transition: var(--transition);
    overflow: hidden;
}

.abcw-list-bg-imgs {
    height: 100%;
}

.albi-bg {
    height: 100%;
}

.abcw-list-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: pixelated;
    backface-visibility: hidden;
}

.albi-img {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 5;
}

.abcw-list-texts {
    will-change: transform, opacity;
}

.abcw-list-texts {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.abcw-list-box {
    transition: all .36s;
}

.abcw-list-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.abcw-list-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transform-origin: left center;
}

.ban-title,
.abcw-list-text h1 {
    line-height: var(--line12);
    color: var(--colorfff);
    font-weight: bold;
    font-family: var(--bold);
    transition: var(--transition);
    text-align: center;
}

.abcw-list-text-wrap {
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    transform-origin: left 30%;
    position: relative;
}

.abcw-list-text-wrap {
    transition: none;
}

.altw-tit {
    position: relative;
    display: inline-block;
    margin-top: -1.8rem;
}

.abcw-list .ys-cont1200 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.altw-parga {
    width: 34%;
    overflow: hidden;
    text-align: left;
    transition: all .2s;
    opacity: 0;
}

.abcw-list-texts .altw-parga {
    transition: var(--transition);
}

.altw-parga .std-font40,
.abtl-wrap-subtit {
    color: var(--color333);
    font-family: var(--bold);
    line-height: var(--line12);
    margin-bottom: 0.16rem;
    font-size: var(--font40);
}

.altw-parga-text {
    pointer-events: all;
    position: relative;
    z-index: 5;
}

.altw-parga p {
    color: var(--color333);
}

.abcw-list-pro {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.about-banner-text {
    position: relative;
    padding-top: 200vh;
    padding-bottom: 4vh;
    pointer-events: none;
}

.about-banner-text-li {
    width: 100%;
    height: calc(100vh - var(--headh));
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
}

.about-banner-text-li .ys-cont1200 {
    height: 100%;
    display: flex;
    align-items: center;
}

.about-banner-text-li:nth-last-child(2) .abtl-wrap-subtit,
.about-banner-text-li:nth-last-child(2) .abtl-wrap-tit {
    opacity: 1 !important;
}

.abtl-wrap {
    width: 34.8%;
}

.abtl-wrap-subtit {
    transition: var(--transition);
}

.abtl-wrap-tit,
.altw-parga-text {
    color: var(--color333);
    line-height: var(--line165);
    transition: var(--transition);
}

.about-banner-text-li .albi-img {
    display: none;
}

.abcw-list-texts .albi-img {
    display: none !important;
}

.abcw-list-ph {
    display: none !important;
}

.abcw-list-text-wrap {
    transition: none;
}

.abcw-list-text h1 {
    margin-bottom: 0.24rem;
}

.altw-parga .altw-parga-text p,
.abtl-wrap-tit {
    color: var(--color666);
    text-align: left !important;
    line-height: var(--line14);
}

.about-banner .mod-bread {
    height: 100vh;
    bottom: 0;
    top: 0;
    padding-bottom: 0.48rem;
    z-index: 99;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    pointer-events: none;
}

.ys-bread-list {
    pointer-events: all;
}

.altw-info-ul {
    display: flex;
    justify-content: space-between;
}

.abcw-list-text-wrap {
    flex-direction: column;
}

.aiul-icon img {
    width: 100%;
}

.altw-info {
    margin-top: 1.3rem;
    display: block !important;
}

.altw-info-ul-li1 .aiul-icon {
    transform: translateY(1.44rem);
}

.altw-info-ul-li2 .aiul-icon {
    transform: translateY(0.63rem);
}

.altw-info-ul-li3 .aiul-icon,
.altw-info-ul-li5 .aiul-icon {
    transform: translateY(2.2rem);
    width: 1.2rem;
}

.altw-info-ul-li6 .aiul-icon {
    transform: translateY(0.55rem);
    width: 1.2rem;
}

.profile-list-ul-li:nth-child(2n+1) {
    animation-delay: 0.2s;
}

.profile-list-ul-li:nth-child(2n+2) {
    animation-delay: 0.3s;
}

/* banner--end */
.mod-ph {
    display: none;
}

.about-scroll {
    background: var(--colorbj);
}

.about-scroll .std-font56 {
    text-align: center;
    margin-bottom: 0.36rem;
    padding-top: 0.14rem;
}

.about-scroll-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--space140);
}

.about-scroll-top .std-text16,
.about-scroll-top .std-text16 p {
    text-align: center;
    line-height: var(--line14);
}

.about-scroll-top .std-text16 {
    width: 71%;
}

.about-scroll-num-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -0.55rem -0.7rem;
}

.asnw-list {
    width: 33.333333%;
    padding: 0 0.55rem 0.7rem;
}

.asnw-list-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
}

.asnw-list-box-img {
    width: 0.9rem;
    flex-shrink: 0;
}

.asnw-list-box-cont {
    padding-left: 0.2rem;
}

.asnw-list-box-cont .ys-demo-num,
.asnw-list-box-cont .ys-demo-num p {
    color: var(--colormain);
    font-size: var(--font20);
    font-family: var(--bold);
}

.asnw-list-box-cont .ys-demo-num p span {
    font-size: var(--font64);
    font-family: var(--bold);
    color: var(--colormain);
}

.asnw-list-box-cont .std-text16,
.asnw-list-box-cont .std-text16 p {
    line-height: var(--line14);
}

.about-scroll-map {
    width: 100%;
    position: relative;
    z-index: 1;
    pointer-events: none;
    margin-top: -33%;
}

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

.about-scroll-num {
    position: relative;
    z-index: 3;
}

.about-chair {
    position: relative;
}

.about-chair-bg {
    position: relative;
}

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

.about-chair-box .mod-title::after {
    background: var(--colorfff);
}

.about-chair-box .std-font56 {
    color: var(--colorfff);
    margin-bottom: 2rem;
    padding-top: 0.08rem;
}

.about-chair .ys-cont1200 {
    z-index: 3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1.68rem;
}

.about-chair-box {
    width: 46.333333%;
}

.acbb-top .std-font24 {
    color: var(--colorfff);
    font-family: var(--bold);
    padding-right: 0.11rem;
    margin-right: 0.11rem;
    position: relative;
    line-height: var(--line12);
}

.acbb-top .std-font24::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 80%;
    transform: translateY(-50%);
    content: '';
    background: rgba(255, 255, 255, 0.20);
}

.acbb-top {
    display: flex;
    margin-bottom: 0.27rem;
}

.acbb-top .std-text16 {
    line-height: var(--line14);
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.6);
}

.acbb-bot,
.acbb-bot p {
    color: var(--colorfff);
    line-height: var(--line14);
}

.about-chair-box-bot {
    width: 96%;
}

.acbb-bot p {
    margin-bottom: 0.22rem;
}

.acbb-bot p:last-child {
    margin-bottom: 0;
}

.about-leader .std-font56 {
    font-family: var(--bold);
    margin-bottom: 0.88rem;
    text-align: center;
}

.about-leader-box-wrap {
    /* display: flex; */
    /* flex-wrap: wrap; */
    margin: 0 -0.4rem 0.22rem;
}

.albw-list {
    width: 33.333333%;
    padding: 0 0.4rem;
    margin-bottom: 0.3rem;
}

.albw-list-box-img {
    border-radius: 50%;
    margin-bottom: 0.12rem;
}

.about-leader-box {
    width: 68.5%;
}

.about-leader .ys-cont1200 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.albw-list-box-bot .std-font20 {
    text-align: center;
}

.albw-list-box-bot .std-text16,
.albw-list-box-bot .std-text16 p {
    text-align: center;
    line-height: var(--line14);
}

.albw-list-box-img img {
    object-fit: cover;
}

.albw-list-box-bot .std-font20 {
    font-weight: bold;
    color: #000;
    margin-bottom: 0.07rem;
}

.albw-list-box {
    width: 100%;
}

.albw-list-box-img {
    width: 83%;
}

.about-story .mod-title::after {
    background: var(--colorfff);
}

.about-story .about-story-top .std-font56 {
    margin-bottom: var(--space110);
    color: var(--colorfff);
    text-align: center;
    padding-top: 0.24rem;
}

.about-story .about-story-bot .std-font56 {
    margin-bottom: 0.2rem;
    color: var(--colorfff);
    text-align: center;
    padding-top: 0.27rem;
}

.about-story {
    position: relative;
}

.about-story-bg {
    position: relative;
    width: 100%;
    height: 100%;
}

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

.about-story .ys-cont1360 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ascw-item-box .std-font64 {
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 0.61rem;
}

.ascw-item-box .std-font20,
.ascw-item-box .std-font20 p {
    color: rgba(255, 255, 255, 0.8);
    line-height: var(--line14);
}

.ascw-item-box .std-font20 ul {
    margin-left: 16px;
}

.about-story-cont {
    position: relative;
}

.about-story-cont.swiper-container {
    overflow: visible;
}

.asts-btn {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 9;
    pointer-events: none;
}

.asts-le {
    left: 0;
}

.asts-ri {
    right: 0;
}

.ascw-item-box {
    padding-left: 0.47rem;
    padding-right: 2rem;
    padding-bottom: 1.15rem;
}

.ascw-item {
    position: relative;
}

.ascw-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--colorfff);
}

.ascw-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    width: 1px;
    height: 100%;
    /* background: url(../images/b1_cust_icon2.svg) no-repeat center top;
    background-size: contain; */
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.00) 100%);
}

.about-story-top {
    position: relative;
    overflow: hidden;
}

.about-switch-icon {
    width: 0.84rem;
    height: 0.84rem;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    opacity: 0;
    position: fixed;
    pointer-events: none;
    padding: 18px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.60), 0 0 4px 0 rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.about-switch-icon img {
    width: 100%
}

.about-switch-icon.active {
    opacity: 1;
}

.about-story-bot {
    padding-top: var(--space180);
}

.about-story-bot .std-text16,
.about-story-bot .std-text16 p {
    color: rgba(255, 255, 255, 0.6);
    line-height: var(--line14);
    text-align: center;
}

.about-story-bot .std-text16 {
    width: 65%;
    margin-bottom: 0.48rem;
}

.about-story-bot-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.altw-tit-sub {
    margin-bottom: 0.18rem
}

.about-scroll {
    position: relative;
    padding-bottom: 0.44rem;
}

.about-story-top-box {
    width: 100%;
}

.area-page .ys-nybanner {
    min-height: 400vh;
}

.altw-info-ul-li {
    flex-grow: 1;
}

.about-ban-ph {
    display: none;
}

.albi-img img {
    width: 100%;
}

.about-banner-text-li {
    height: auto;
    margin-bottom: calc((100vh - var(--headh)) / 2.5);
}

.about-banner-text-li {
    animation: none !important;
}

.about-story-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    padding-top: var(--space180);
    width: 100%;
}

.asnw-list-box-cont .ys-demo-num {
    margin-bottom: 0.06rem;
}

.about-banner-text-li:nth-last-child(2) {
    position: sticky;
    top: calc((100vh - var(--headh)) / 1.8);
}

.abcw-list-bg-imgs .albi-bg img {
    image-rendering: pixelated;
    backface-visibility: hidden;
}

.about-banner-text {
    padding-top: 160vh;
}

.about-story-top-box {
    cursor: grab;
}

.about-story-cont-wrap.swiper-wrapper .swiper-slide {
    height: auto;
}

.ascw-item-box {
    height: 100%;
}

.about-banner-text-li:last-child {
    height: 40vh;
}

/* Kaffi--end */
/* 补充--start */
.news-swiper-list-item {
    padding: 0 0.1rem;
}

.news-swiper-list {
    margin: 0 -0.1rem;
    margin-bottom: 0.3rem;
}

.dbfl-item-text {
    height: 1.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contact-tab-control {
    width: 100%;
    position: relative;
}

.contact-swiper-btn {
    width: 100%;
}

.clil-email-icon {
    position: relative;
    top: -1px;
}

/* 补充--end */
/* A1首页--start */
.ys-ban-title {
    font-size: var(--font72);
    color: var(--colorfff);
    font-family: var(--bold);
    line-height: var(--line12);
    text-align: center;
}

.ys-ban-title span {
    display: block;
    text-align: center;
    font-size: var(--font20);
    font-weight: 400;
    margin-bottom: 0.2rem;
    line-height: var(--line12);
}

.ys-banner {
    height: 100vh;
}

.ys-ban-slick,
.ys-ban-slick .slick-list,
.ys-ban-slick .slick-track,
.ys-ban-li,
.ys-ban-imgbox,
.ys-ban-imgbox img,
.ys-ban-li {
    height: 100%;
}

.ys-ban-slick .slick-list {
    padding-bottom: 0 !important;
}

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

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

.ys-ban-slick .slick-dots li {
    width: 0.2rem;
    height: 2px;
    background: rgba(255, 255, 255, 0.20);
    margin: 0 2px;
    border-radius: 0;
}

.ys-ban-imgbox::before {
    background: linear-gradient(0deg, rgba(15, 19, 31, 0.40) 0%, rgba(15, 19, 31, 0.40) 100%);
    pointer-events: none;
}

.home-join {
    position: relative;
}

.home-join-bg,
.home-join-bg img {
    width: 100%;
}

.home-join-wrap {
    position: absolute;
    top: 1.58rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mod-title span {
    position: relative;
    display: inline-block;
    padding-top: 0.12rem;
}

.mod-title span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.6rem;
    height: 2px;
    background: var(--colormain);
}

.mod-title-white span::after {
    background: var(--colorfff) !important;
}

.home-mode .mod-title::after {
    display: none;
}

.home-join .mod-title::after {
    left: 0.15rem;
}

.home-join-wrap-word {
    width: 50.6%;
    margin: 0 auto 0.65rem;
}

.home-join-wrap-word p {
    text-align: center;
    color: var(--color333);
    line-height: var(--line15);
}

.home-join .std-btn1-link {
    padding: 0.12rem 0.6rem;
}

.home-join h2 {
    margin-bottom: 0.2rem;
}

.home-news .ys-cont1200 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
}

.home-news-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.home-news-wrap-left {
    width: 57.7%;
    border-radius: 0.1rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.home-news-wrap-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.hnwl-textbox {
    padding: 0.2rem 0.5rem 0.35rem;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
}

.hnwl-textbox-date,
.hull-date {
    font-weight: 500;
    color: var(--colorfff);
    margin-bottom: 0.12rem;
}

.hull-date {
    color: var(--color333);
}

.hnwl-textbox-text {
    color: var(--colorfff);
    line-height: var(--line165);
}

.home-news-wrap-right {
    width: 38%;
}

.hull-title {
    line-height: var(--line13);
    text-overflow: ellipsis;
    height: 3.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    transition: var(--transition);
}

.hnwr-ul-li-link {
    padding: 0.33rem 0;
    border-bottom: solid 1px #ddd;
}

.hnwr-ul-li:last-child .hnwr-ul-li-link {
    border-bottom: none;
}

.home-news {
    position: relative;
    z-index: 2;
}

.home-news::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(12deg, rgba(238, 242, 245, 0.00) 53.31%, rgba(238, 242, 245, 1) 83.71%);
    pointer-events: none;
}

.hnwr-ul {
    height: 100%;
}

.hnwr-ul-li {
    height: 33.333333%;
}

.home-news-btn {
    margin-top: 0.4rem;
    display: flex;
    justify-content: center;
}

.home-reason .ys-cont1440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.home-reason-ul {
    display: flex;
    justify-content: center;
    margin: 0 -0.05rem;
    width: calc(100% + calc(0.05rem * 2));
}

.home-reason-ul-list {
    width: 20%;
    padding: 0 0.05rem;
    position: relative;
}

.hrul-box-show {
    width: 100%;
    position: relative;
}

.hrul-box-show .ys-imgbox-cover::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.3%, rgba(0, 0, 0, 0.30) 91.25%);
    pointer-events: none;
    z-index: 1;
}

.hrul-box {
    width: 100%;
    border-radius: 0.1rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.hrul-box-show-title {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 0.3rem 0.3rem;
    color: var(--colorfff);
    font-family: var(--bold);
    line-height: var(--line12);
    z-index: 2;
}

.hrul-box-hide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--colormain);
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 3;
    padding: 0.4rem 0.18rem;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.hrul-box-hide .hrul-box-show-title {
    text-align: left;
    margin-bottom: 0.2rem;
    position: relative;
    bottom: auto;
    left: auto;
    padding: 0;
    width: 100%;
}

.hrul-box-hide-icon {
    width: 20px;
}

.hrul-box-hide-icon img {
    width: 100%;
}

.hrul-box-hide-word p {
    color: var(--line165);
}

.hrul-box-hide-word p {
    color: var(--colorfff);
}

.home-reason-ul-list.yx-active .hrul-box-hide {
    opacity: 1;
    pointer-events: all;
}

.home-mode h2 {
    margin-bottom: 0.78rem;
    text-align: center;
}

.home-mode .ys-cont1440 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

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

.home-mode-wrap-media,
.home-mode-wrap-media img {
    width: 100%;
}

.hmwu-li-btn-icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--colormain);
    flex-shrink: 0;
    margin-left: 0.29rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: var(--transition);
}

.hmwu-li-btn-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: 100%;
    animation: scalebig2 2s linear infinite;
    background: var(--colormain);
    border-radius: 50%;
    z-index: 0;
    transition: var(--transition);
    pointer-events: none;
}

.hmwu-li-btn-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: 100%;
    animation: scalebig2 2s linear infinite;
    animation-delay: 1s;
    background: var(--colormain);
    border-radius: 50%;
    z-index: 0;
    transition: var(--transition);
    pointer-events: none;
}

@keyframes scalebig2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .8;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.8);
        opacity: 0;
    }
}

.hmwu-li-btn-icon img {
    width: 50%;
    transition: var(--transition);
    position: relative;
    z-index: 2;
}

.hmwu-li-btn-icon img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-mode-wrap-ul {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    pointer-events: none;
}

.hmwu-li-btn {
    display: flex;
    align-items: center;
    padding: 0.12rem 0.14rem 0.12rem 0.21rem;
    background: var(--colorfff);
    border-radius: 0.56rem;
    overflow: hidden;
    cursor: pointer;
    transition: var(--transition);
    height: 50px;
}

.hmwu-li {
    position: absolute;
    pointer-events: all;
}

.hmwu-li-btn-text {
    color: var(--color333);
    transition: var(--transition);
    line-height: normal;
}

.hmwu-li-pop-link {
    width: 2.78rem;
    background: var(--colorfff);
    border-radius: 0.06rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    padding: 0.12rem 0.12rem 0.2rem;
}

.hmwu-li-pop-link .ys-imgbox-cover {
    border-radius: 0.04rem;
    margin-bottom: 0.16rem;
}

.hlpl-title {
    font-family: var(--bold);
    margin-bottom: 0.2rem;
}

.hlpl-btn {
    color: var(--colormain);
}

.hmwu-li-pop {
    padding-top: 0.12rem;
}

.hmwu-li-pop {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.hmwu-li.yx-left .hmwu-li-btn {
    flex-direction: row-reverse;
    padding: 0.12rem 0.21rem 0.12rem 0.14rem;
}

.hmwu-li.yx-left .hmwu-li-btn-icon {
    margin-left: 0;
    margin-right: 0.29rem;
}

.hmwu-li.yx-active .hmwu-li-pop,
.slbu-list-dost-lis.yx-active .hmwu-li-pop {
    opacity: 1;
    pointer-events: all;
}

.hmwu-li.yx-active .hmwu-li-btn,
.slbu-list-dost-lis.yx-active .hmwu-li-btn {
    background: var(--colormain);
}

.hmwu-li.yx-active .hmwu-li-btn-text,
.slbu-list-dost-lis.yx-active .hmwu-li-btn-text {
    color: var(--colorfff);
}

.hmwu-li.yx-active .hmwu-li-btn-icon,
.slbu-list-dost-lis.yx-active .hmwu-li-btn-icon {
    background: var(--colorfff);
}

.hmwu-li.yx-active .hmwu-li-btn-icon img:nth-child(2),
.slbu-list-dost-lis.yx-active .hmwu-li-btn-icon img:nth-child(2) {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(45deg);
}

.hmwu-li.yx-active .hmwu-li-btn-icon img:nth-child(1),
.slbu-list-dost-lis.yx-active .hmwu-li-btn-icon img:nth-child(1) {
    opacity: 0;
}

.hmwu-li.yx-active .hmwu-li-btn-icon::after,
.hmwu-li.yx-active .hmwu-li-btn-icon::before,
.slbu-list-dost-lis.yx-active .hmwu-li-btn-icon::after,
.slbu-list-dost-lis.yx-active .hmwu-li-btn-icon::before {
    background: rgba(255, 255, 255, 0.6);
}

.home-earth h2 {
    margin-bottom: 0.3rem;
    width: 60%;
}

.home-earth-word {
    width: 55%;
}

.home-earth-word p {
    color: var(--color666);
    line-height: var(--line135);
}

.home-earth {
    position: relative;
}

.home-earth-bg {
    width: 48.125%;
    position: absolute;
    left: 1.6rem;
    top: calc(var(--space140) + 0.15rem);
    pointer-events: none;
    z-index: 0;
}

.home-earth-bg img {
    width: 100%;
}

.home-earth .ys-cont1440 {
    position: relative;
    z-index: 3;
    margin-bottom: 0.8rem;
}

.heul-bot {
    color: var(--color666);
    line-height: var(--line135);
}

.heul-top .ys-demo-num1 {
    font-size: 1.4rem;
    font-weight: 900;
    line-height: var(--line135);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #999;
    color: transparent;
    transition: var(--transition);
    font-family: var(--bold);
}

.home-earth-ul-li {
    margin-bottom: 0.5rem;
    pointer-events: all;
}

.home-earth-ul-li:last-child {
    margin-bottom: 0;
}

.home-earth .ys-cont1680 {
    position: relative;
}

.home-earth-wrap {
    width: 100%;
    height: 42.15vw;
    max-width: 1300px;
    max-height: 1300px;
    margin: 0 auto;
    position: relative;
}

.home-earth-botcry {
    width: 42.15vw;
    max-width: 1300px;
    position: relative;
    margin: 0 auto;
}

.home-earth-ul {
    position: absolute;
    right: 1.32rem;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    pointer-events: none;
}

#threebox {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

#threebox canvas {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.home-earth {
    overflow: visible;
}

.home-earth-wrap-mask {
    pointer-events: none;
    opacity: 0.7;
    width: 81%;
    height: 81%;
}

.home-join-bg-mask {
    width: 100%;
    height: 100%;
    display: flex;
}

.yx_three3d1_map_dots {
    display: none;
}

.home-join-bg-mask span {
    flex-grow: 1;
    background: var(--colorfff);
    clip-path: inset(0 -5px 0 0);
    -webkit-clip-path: inset(0 -5px 0 0);
    transition: var(--transition);
    position: relative;
    display: block;
}

.home-join-bg-mask span::after {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    width: 10px;
    height: 100%;
    background: var(--colorfff);
}

.home-join.ys-start .home-join-bg-mask span:nth-child(1),
.home-join.ys-start .home-join-bg-mask span:nth-child(6) {
    animation: bot-bg .8s ease-in-out both;
    animation-delay: 0.1s;
}

.home-join.ys-start .home-join-bg-mask span:nth-child(2),
.home-join.ys-start .home-join-bg-mask span:nth-child(5) {
    animation: bot-bg .8s ease-in-out both;
    animation-delay: 0.4s;
}

.home-join.ys-start .home-join-bg-mask span:nth-child(3),
.home-join.ys-start .home-join-bg-mask span:nth-child(4) {
    animation: bot-bg .8s ease-in-out both;
    animation-delay: 0.7s;
}

@keyframes bot-bg {
    0% {
        clip-path: inset(0 -5px 0 0);
        -webkit-clip-path: inset(0 -5px 0 0);
    }

    100% {
        clip-path: inset(0 0 100% 0);
        -webkit-clip-path: inset(0 0 100% 0);
    }
}

.home-join.ys-back .home-join-bg-mask span:nth-child(1),
.home-join.ys-back .home-join-bg-mask span:nth-child(6) {
    animation: bot-back .8s ease-in-out both;
    animation-delay: 0.1s;
}

.home-join.ys-back .home-join-bg-mask span:nth-child(2),
.home-join.ys-back .home-join-bg-mask span:nth-child(5) {
    animation: bot-back .8s ease-in-out both;
    animation-delay: 0.4s;
}

.home-join.ys-back .home-join-bg-mask span:nth-child(3),
.home-join.ys-back .home-join-bg-mask span:nth-child(4) {
    animation: bot-back .8s ease-in-out both;
    animation-delay: 0.7s;
}

@keyframes bot-back {
    0% {
        clip-path: inset(0 0 100% 0);
        -webkit-clip-path: inset(0 0 100% 0);
    }

    100% {
        clip-path: inset(0 -5px 0 0);
        -webkit-clip-path: inset(0 -5px 0 0);
    }
}

.home-join h2,
.home-join-wrap-word,
.home-join .std-btn1 {
    opacity: 0;
}

.home-join.ys-start h2,
.home-join.ys-start .home-join-wrap-word,
.home-join.ys-start .std-btn1 {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: 1s;
}

.mc_a1s1dots {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.mc_a1s1dots.on {
    opacity: 1;
    z-index: 10;
}

.mc_a1s1dots_li {
    width: 4.26rem;
    position: absolute;
    top: 3%;
    left: 2%;
    opacity: 0;
    pointer-events: none;
}

.mc_a1s1dots_li.on {
    opacity: 1;
    /* pointer-events: all; */
}

.mc_a1s1dots_li.on .company-pop-nub-address {
    opacity: 1;
    pointer-events: all;
}

.mc_a1s1dots_li.on .mc_a1s1dots_li_box {
    opacity: 0;
    pointer-events: none;
}

.mc_a1s1dots_li.active {
    opacity: 1;
    pointer-events: all;
    z-index: 9999 !important;
}

.mc_a1s1dots_li.active .mc_a1s1dots_li_box {
    opacity: 1 !important;
    pointer-events: all !important;
}

.mc_a1s1dots_li_box {
    width: 100%;
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: 0 0 60px 0 rgba(201, 201, 201, 0.25);
    padding: 0.33rem 0.2rem;
}

.malb_item {
    margin-bottom: 0.3rem;
}

.malb_item:last-child {
    margin-bottom: 0;
}

.malb_item_text {
    color: var(--color333);
    margin-bottom: 0.15rem;
    font-size: var(--font20);
    font-family: var(--bold);
}

.malb_item_edr h4 {
    font-size: var(--font18);
    color: var(--color333);
    font-family: var(--bold);
    margin-bottom: 0.75em;
}

.malb_item_edr h5 {
    font-size: var(--font16);
    color: var(--color666);
    font-family: var(--bold);
    margin-bottom: 0.75em;
}

.malb_item_edr ul {
    display: flex;
    flex-wrap: wrap;
}

.malb_item_edr ul li {
    list-style-type: disc;
    width: calc(50% - 18px);
    margin-bottom: 0.12rem;
    margin-left: 18px;
}

.malb_item_edr ul li::marker {
    color: var(--colormain);
    font-size: 16px;
}

.malb_item_edr ul li p,
.malb_item_edr p {
    color: var(--color666);
    font-size: var(--font14);
    line-height: var(--line13);
}

.company-pop-nub-address {
    padding: 0.12rem 0.22rem;
    border-radius: 0.6rem;
    overflow: hidden;
    color: var(--colorfff);
    background: var(--colormain);
    margin-bottom: 0.12rem;
    display: inline-block;
    font-size: var(--font16);
    line-height: var(--line15);
}

.company-pop-nub {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-main.ys-page-wrap.act .ys-main,
.join-page.ys-page-wrap.act .ys-main,
.develop-main.ys-page-wrap.act .ys-main {
    margin-top: 0;
}

/* 2026.5.19 */
.ys-ph-nav li.select-anchor>.ys-phnav-lisbox a,
.ys-ph-nav li.select-anchor>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colormain);
}

.ys-ph-navbar3 .ys-ph-nav li.select-anchor>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colormain);
}

.ys-ph-navbar3 .ys-ph-nav li.select-anchor>.ys-phnav-lisbox a,
.ys-ph-navbar3 .ys-ph-nav li.select-anchor>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colormain);
}

.ys-ph-navbar4 .ys-ph-nav li.select-anchor>.ys-phnav-lisbox a,
.ys-ph-navbar4 .ys-ph-nav li.select-anchor>.ys-phnav-lisbox .ys-phnav-header-font {
    color: var(--colormain);
}

.mod-pull-list-item.select-anchor .mpli-link {
    background: #EDEEF1;
}

/* A1首页--end */
/* B2-可持续发展--start */
.develop-susta-word p {
    text-align: center;
    color: var(--color666);
    line-height: var(--line14);
}

.ys-fold {
    --gap1: 0.12rem;
}

.ys-fold-zhan {
    border-radius: 0.08rem;
    overflow: hidden;
    background: transparent !important;
    height: 5.02rem;
    position: relative;
}

.ys-fold-zhan-img,
.ys-fold-zhan-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ys-fold-zhan-img {
    position: relative;
}

.ys-fold-zhan-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 35.56%, rgba(0, 0, 0, 0.00) 77.69%);
    pointer-events: none;
}

.ys-fold-zhan-hide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0.26rem 0.26rem;
    z-index: 3;
}

.yfzh-title {
    color: var(--colorfff);
    font-family: var(--bold);
    text-align: center;
    opacity: 1;
    width: 1.34rem;
    width: 100%;
    /* transition: 0; */
    /* transition-delay: 0s; */
}

.ys-fold-nub.on .yfzh-title {
    opacity: 0;
}

.yfzh-desc p {
    color: var(--colorfff);
    line-height: var(--line14);
}

.yfzh-desc {
    padding-top: 0.12rem;
}

.yfzh-hide {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.26rem 0.3rem;
    transition-delay: 0s;
    transition: all 0s;
}

.yfzh-hide .yfzh-title {
    width: 100%;
    opacity: 1 !important;
    text-align: left !important;
    transition: 0;
    transition-delay: 0;
}

.ys-fold-nub.on .yfzh-hide {
    opacity: 1;
    pointer-events: all;
    transition: var(--transition);
    transition-delay: .4s;
}

.ys-fold-nub {
    width: 17%;
}

.ys-fold-nub.on {
    width: 49%;
}

.develop-support {
    background: #F0F4F7;
}

.develop-support-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem;
}

.develop-support-ul-list {
    padding: 0 0.1rem;
    width: 11.11%;
    padding: 0 0.1rem;
    margin-top: 0.2rem;
}

.develop-support-ul-list .ys-imgbox-cover {
    border-radius: 0.11rem;
}

.develop-awards {
    position: relative;
}

.develop-awards-bg,
.develop-awards-bg img {
    width: 100%;
}

.develop-awards-wrap {
    position: absolute;
    left: 50%;
    top: 1.8rem;
    transform: translateX(-50%);
    z-index: 3;
}

.develop-awards-wrap-edr ul {
    padding-left: 18px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.develop-awards-wrap-edr ul li {
    list-style-type: disc;
}

.develop-awards-wrap-edr p {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line14);
}

.text-white,
.text-white p,
.text-white * {
    color: var(--colorfff);
}

.develop-policy h2 {
    margin-bottom: 0.94rem;
}

.develop-policy-ul-li {
    width: 33.333333%;
    padding: 0 0.12rem;
}

.develop-policy-ul {
    margin: 0 -0.12rem;
}

.dpul-link {
    display: block;
    padding: 0.4rem 0.4rem 0.87rem;
    border-radius: 0.1rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: #EEF2F5;
}

.develop-policy-ul-li .ys-imgbox-cover {
    width: 64%;
    margin: 0 auto 0.45rem;
    border-radius: 0.04rem;
}

.dpul-link-title {
    color: var(--color333);
    line-height: var(--line165);
}

.develop-gover-word {
    width: 87.41%;
    margin: 0 auto 0.58rem;
}

.dgli-box-icon {
    width: .84rem;
    margin: 0 auto;
    transition: var(--transition);
    transform-origin: center 100%;
    position: relative;
    transform: scale(1.95);
}

.dgli-box-icon img {
    width: 100%;
    transition: var(--transition);
}

.dgli-box-icon img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.develop-gover-list {
    margin: 0 -0.12rem;
}

.develop-gover-list-item {
    width: 33.333333%;
    padding: 0 0.12rem;
}

.dgli-box {
    padding: 0.24rem 0.19rem 0.28rem;
    background: #EEF2F5;
    height: 3.6rem;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dgli-box-text {
    text-align: center;
    transition: var(--transition);
    color: var(--color333);
    line-height: var(--line12);
}

.dgli-box-word {
    padding-top: 0.19rem;
    display: none;
}

.dgli-box-word p {
    line-height: var(--line14);
    height: 8.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.choose-win-bg {
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    position: relative;
    pointer-events: none;
}

.choose-win-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.00) 23.36%);
    z-index: 1;
}

/* B2-可持续发展--end */
/* D1-为什么选择我们--start */
.ys-cont1700 {
    width: 100vw;
    padding: 0 5.75vw;
    max-width: 1920px;
    --place: 6.25vw;
    --cont: 87.5vw;
    margin: 0 auto;
}

@media screen and (max-width: 1921px) {
    .ys-cont1700 {
        /* padding: 0 110px; */
        --place: calc(50vw - 850px);
        --cont: 1700px;
    }
}

.choose-partner-word {
    width: 46.6%;
    margin: 0 auto 0.8rem;
}

.choose-partner-word p {
    line-height: var(--line14);
}

.choose-partner-wrap {
    width: 100%;
    position: relative;
    padding: 0 0.05rem;
}

.choose-partner-ul {
    display: flex;
    justify-content: space-evenly;
}

.choose-partner-ul {
    margin: 0 -0.1rem;
}

.choose-partner-ul-list {
    padding: 0 0.1rem;
    position: relative;
}

.choose-partner-ul-list::after {
    content: "";
    position: absolute;
    top: 1.05rem;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--colormain);
    pointer-events: none;
}

.cpul-textbox {
    padding-top: 0.45rem;
    margin-top: 0.17rem
}

.cpul-textbox-title {
    color: var(--color333);
    font-family: var(--bold);
    margin-bottom: 0.1rem;
}

.choose-partner-ul-list .ys-imgbox-cover {
    width: 1.40rem;
    margin: 0 auto;
}

.choose-win {
    position: relative;
}

.choose-win-bg,
.choose-win-bg img {
    width: 100%;
}

.choose-win-wrap {
    z-index: 3;
}

.choose-win-wrap h2 {
    color: var(--color333);
    font-family: var(--bold);
}

.choose-win-wrap-word p {
    line-height: var(--line16);
    margin-bottom: 0.2rem;
}

.choose-win-wrap-word p:last-child {
    margin-bottom: 0;
}

.choose-win-wrap h2,
.choose-win-wrap-word {
    width: 52.58%;
}

.choose-rede {
    position: relative;
}

.choose-rede-bg,
.choose-rede-bg img {
    width: 100%;
}

.choose-rede-bg {
    position: relative;
}

.choose-rede-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(15, 19, 31, 0.40) 0%, rgba(15, 19, 31, 0.40) 100%);
    z-index: 3;
    pointer-events: none;
}

.choose-rede-wrap {
    z-index: 3;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.choose-rede h2::after {
    background: var(--colorfff);
}

.choose-rede h2 {
    width: 70%;
}

.choose-rede-wrap-word {
    width: 60%;
}

.choose-rede-wrap-word p {
    opacity: 0.8;
    line-height: var(--line14);
}

.crsu-list-item {
    margin-bottom: 0.4rem;
}

.crsu-list-item:last-child {
    margin-bottom: 0;
}

.choose-rede-wrap-bot {
    width: 100%;
    padding: 0 1.4rem;
    margin-top: -0.5rem;
}

.choose-rede-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.crsu-list-item-top {
    display: flex;
    align-items: flex-end;
}

.crsu-list-item-top .ys-demo-num,
.clit-span {
    color: var(--colorfff);
    font-size: var(--font72);
    font-family: var(--bold);
    line-height: var(--line12);
}

.crsu-list-item-top span {
    font-size: var(--font24);
    color: var(--colorfff);
    font-family: var(--bold);
    line-height: 2.2;
    margin-left: 0.05rem;
    flex-shrink: 0;
    display: inline-block;
}

.choose-rede-slide-ul {
    min-width: 23%;
    max-width: 4.6rem;
    display: inline-block;
}

.crsu-list {
    padding-right: 0.1rem;
}

.crsu-list-item-desc p {
    line-height: var(--line14);
    opacity: 0.6;
}

.choose-rede-slide-ul .slick-dots {
    text-align: left;
}

.choose-rede-slide-ul .slick-dots li {
    width: 0.28rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    margin: 0 0.04rem;
    border-radius: 0;
}

.choose-rede-slide-ul .slick-dots li.slick-active {
    background: var(--colorfff);
}

.choose-rede-slide-ul.slick-dotted .slick-list {
    padding-bottom: 0.68rem;
}

.choose-summary {
    position: relative;
}

.choose-summary-bg,
.choose-summary-bg img {
    width: 100%;
}

.choose-summary-content {
    width: 100%;
    position: absolute;
    top: 1.28rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.text-colorf.mod-title::after {
    background: var(--colorfff);
}

.cmwl-item {
    width: 16.666667%;
    padding: 0 0.07rem;
}

.choose-smart-wrap-list {
    margin: 0 -0.07rem;
}

.choose-smart-wrap {
    width: 100%;
    position: relative;
}

.choose-smart {
    width: 100%;
    position: relative;
}

.cmwl-item-box-icon {
    width: 1.1rem;
    margin: 0 auto;
}

.cmwl-item-box-icon img {
    width: 100%;
}

.cmwl-item-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.08rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 0.3rem 0.2rem 0.45rem;
    transition: var(--transition);
}

.cmwl-item-box-top {
    margin-bottom: 0.38rem;
    width: 100%;
}

.cmwl-item-box-title {
    font-family: var(--bold);
    margin-bottom: 0.14rem;
}

.cmwl-item-box-word p {
    line-height: var(--line14);
    opacity: 0.6;
    transition: var(--transition);
}

.choose-lead-word {
    width: 63.375%;
    margin: 0 auto 0.45rem;
}

.choose-lead-word p {
    opacity: 0.6;
}

.choose-lead-wrap {
    width: 100%;
    padding: 0 0.5rem;
}

.clwl-item {
    width: 14.285%;
    padding: 0 0.09rem;
}

.choose-lead-wrap-list {
    margin: 0 -0.09rem;
}

.clwl-item-box {
    width: 100%;
    position: relative;
}

.clwl-item-bg,
.clwl-item-bg img {
    width: 100%;
    pointer-events: none;
}

.clwl-item .ys-sic-text {
    line-height: var(--line14);
    top: 0.3rem;
    transform: translate(-50%, 0);
    width: 60%;
}

.clwl-item .ys-sic-text span {
    opacity: 0.6;
    font-size: var(--font14);
    display: block;
    margin-top: 0.14rem;
    line-height: var(--line14);
    font-family: var(--light);
}

.choose-case-word {
    width: 73.5%;
    margin: 0 auto 0.5rem;
}

.choose-case-wrap {
    width: 100%;
    position: relative;
}

.ccwl-item {
    width: 50%;
    padding: 0 0.12rem;
}

.choose-case-wrap-list {
    margin: 0 -0.12rem;
}

.ccwl-item-link {
    border-radius: 0.12rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: #EDEDF0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ccwl-item-link .ys-imgbox-cover {
    flex-shrink: 0;
}

.ccwl-item-link-bot {
    padding: 0.42rem 0.43rem 0.45rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cilb-title {
    color: var(--color333);
    margin-bottom: 0.16rem;
    transition: var(--transition);
}

.cilb-word p {
    line-height: var(--line14);
}

.cilb-top {
    width: 100%;
    margin-bottom: 0.66rem;
}

.cilb-btn {
    color: var(--colormain);
}

.choose-partner-wrap-bg {
    pointer-events: none;
    width: 100%;
    position: absolute;
    top: calc(1.05rem + 6px);
    left: 50%;
    transform: translateX(-50%);
}

.choose-partner-wrap-bg svg {
    width: 100%;
    height: 100%;
}

.choose-partner-wrap-bg .line1 {
    stroke-dasharray: 1790 1790;
    animation: lineOff1 7s linear infinite both 1s;
}

@keyframes lineOff1 {
    0% {
        stroke-dashoffset: 3200px;
    }

    100% {
        stroke-dashoffset: 0px;
    }
}

.choose-partner {
    padding-bottom: var(--space180);
}

/* D1-为什么选择我们--end */
/* F1-加入我们--start */
.join-page .ys-nybanner {
    height: 100vh;
}

.join-page .ys-nyban-img img {
    object-fit: cover;
}

.join-page .ys-nyban-img,
.join-page .ys-nyban-img img {
    height: 100%;
}

.ys-nybanner .ys-pos-center {
    z-index: 11;
    top: 45%;
}

.ys-nyban-btn {
    margin-top: 0.29rem;
}

.join-page .ys-nyban-img {
    position: relative;
}

.join-page .ys-nyban-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    z-index: 11;
}

.join-grow-word {
    width: 70%;
    margin: 0 auto 0.6rem;
}

.ys-hin-box {
    background: transparent;
    color: transparent;
    height: auto;
    border-radius: 0.1rem;
}

.ys-horse {
    position: relative;
    overflow: hidden;
    --width1: 3.7rem;
    --gap1: 0.1rem;
}

.ys-horse.act {
    margin-top: 0.2rem;
}

.join-career {
    background: linear-gradient(180deg, rgba(238, 242, 245, 0.00) 0%, rgba(238, 242, 245, 1) 64.29%);
}

.join-career-wrap-ul {
    margin: 0 -0.1rem;
}

.jcwu-list {
    width: 50%;
    padding: 0 0.1rem;
}

.jcwu-list-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    height: 100%;
    background: var(--colorfff);
    border-radius: 0.12rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.jcwu-list-link .ys-imgbox-cover {
    flex-shrink: 0;
}

.jcwu-list-link-bot {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    justify-content: space-between;
    padding: 0.36rem 0.3rem 0.69rem;
}

.jllb-text {
    margin-bottom: 0.12rem;
    font-family: var(--bold);
    transition: var(--transition);
}

.jllb-desc p {
    line-height: var(--line14);
}

.jllb-top {
    width: 100%;
}

.join-career-wrap {
    width: 100%;
    position: relative;
}

.join-locat-wrap {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.join-locat-wrap-img {
    overflow: hidden;
    width: 76.25%;
}

.join-locat-wrap-img img {
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    width: 100%;
}

.join-locat-wrap-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 56%;
    height: calc(100% - 1.34rem);
}

.jlwl-cont {
    background: #EEF2F5;
    border-radius: 0.12rem;
    overflow: hidden;
    width: 100%;
    padding: 0.2rem 0.18rem 0.2rem 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.join-locat-wrap-left h2 {
    margin-bottom: 0.21rem;
    font-family: var(--bold);
}

.jlwl-word p {
    line-height: var(--line14);
}

.join-locat-wrap-left .std-btn1 {
    margin-top: 0.6rem;
}

.join-locat-wrap-left .std-btn1-link {
    padding: 0.12rem 0.6rem;
}

/* F1-加入我们--end */
/* C1-解决方案--start */
.solut-elect-word,
.solut-mode-word {
    width: 70%;
    margin: 0 auto 0.5rem;
}

.solut-elect h2 {
    margin-bottom: 0.2rem;
}

.solut-elect-list-item {
    width: 33.333333%;
    padding: 0 0.13rem;
}

.solut-elect-list {
    --gap: 0.13rem;
    margin: 0 -0.13rem;
    width: calc(100% + (var(--gap) * 2));
}

.seli-box {
    width: 100%;
    height: 100%;
    border-radius: 0.1rem;
    background: #EEF2F5;
    padding: 0.59rem 0.35rem 0.65rem;
}

.seli-box-icon {
    width: 0.94rem;
    margin: 0 auto 0.35rem;
}

.seli-box-icon img {
    width: 100%;
}

.seli-box-text {
    font-family: var(--bold);
    margin-bottom: 0.2rem;
}

.seli-box-word p {
    line-height: var(--line14);
}

.solut-mode h2 {
    width: 87%;
    margin-bottom: 0.2rem;
}

.solut-mode-media-first {
    width: 100%;
    position: relative;
}

.solut-mode-media-first .home-mode-dots {
    animation-delay: 0.3s;
}

.smmf-video,
.smmf-video img {
    width: 100%;
}

.home-mode-dots {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 5;
    animation-delay: 0.5s;
}

.home-mode-dots-nub {
    position: absolute;
    pointer-events: all !important;
    border-radius: 0.56rem;
}

.home-mode-dots-nub.yx-active .hmwu-li-btn-icon img:nth-child(2) {
    transform: translate(-50%, -50%) rotate(0deg);
}

.hmwu-li.ys-bottom .hmwu-li-pop {
    top: auto;
    padding-top: 0;
    bottom: 100%;
    padding-bottom: 0.1rem;
}

.solut-mode-smallpop {
    position: absolute;
    top: 100%;
    left: 0;
    width: 3.17rem;
    padding-top: 0.12rem;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.solut-mode-smallpop.show1 {
    opacity: 1;
    pointer-events: all;
}

.solut-mode-smallpop-content {
    width: 100%;
    border-radius: 0.06rem;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: var(--colorfff);
    box-shadow: 0 0 30px 0 rgba(169, 169, 169, 0.25);
    padding: 0.26rem 0.2rem;
}

.smsc-title {
    font-family: var(--bold);
    margin-bottom: 0.1rem;
}

.smsc-picul-li {
    display: none;
    width: 100%;
}

.smsc-picul-li:first-child {
    display: block;
}

.smsc-picul-li img {
    width: 100%;
}

.smsc-picul {
    margin-bottom: 0.13rem;
}

.smsc-textul-list-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.1rem 0;
    border-bottom: solid 1px #DDD;
    cursor: pointer;
}

.smsc-textul-list.active .stlb-left {
    color: var(--colormain);
}

.smsc-textul-list.active .stlb-right img:nth-child(1) {
    opacity: 0;
}

.smsc-textul-list.active .stlb-right img:nth-child(2) {
    opacity: 1;
}

.solut-mode-maxpop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #EEF2F5;
    z-index: 100;
    transform: translateX(100%);
    transition: var(--transition);
}

.solut-mode-maxpop.yx-open {
    transform: translateX(0%);
}

.solut-mode-maxpop.yx-open .solut-mode-maxpop-li.active {
    opacity: 1;
    pointer-events: all;
}

.stlb-right {
    width: 18px;
    flex-shrink: 0;
    position: relative;
    margin-left: 0.2rem;
}

.stlb-right img {
    width: 100%;
    transition: var(--transition);
}

.stlb-right img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.stlb-left {
    width: 100%;
    position: relative;
    transition: var(--transition);
    padding-left: 0.16rem;
    line-height: var(--line14);
}

.stlb-left::after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 0.1rem;
    height: 0.1rem;
    background: var(--colormain);
    border-radius: 50%;
}

.smsc-textul-list.yx-nopop .stlb-right {
    display: none;
}

.solut-mode {
    position: relative;
    z-index: 9;
}

.solut-mode.zindex {
    z-index: 99;
}

.solut-mode-maxpop-li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    pointer-events: none;
}

.smml-content {
    --gap: 0.12rem;
    height: 100%;
    justify-content: center;
}

.smml-content-list-item {
    width: 33.333333%;
    padding: 0 var(--gap);
}

.smml-content-list {
    margin: 0 calc(var(--gap) * -1);
    width: calc(100% + (var(--gap) * 2));
}

.smml-content-title {
    font-family: var(--bold);
}

.scli-box {
    width: 100%;
    height: 100%;
    background: var(--colorfff);
    border-radius: 0.1rem;
    overflow: hidden;
    padding: 0.44rem 0.38rem 0.7rem;
}

.scli-box-text {
    margin-bottom: 0.12rem;
    transition: var(--transition);
}

.solut-mode-maxpop-li .mod-arrows1 .swiper-button-next,
.solut-mode-maxpop-li .mod-arrows1 .swiper-button-prev,
.solut-mode-maxpop-li .mod-arrows1 .slick-prev,
.solut-mode-maxpop-li .mod-arrows1 .slick-next {
    border-radius: 0.06rem;
    background: var(--colorfff);
    border: none !important;
}

.solut-mode-maxpop-li .mod-arrows1 .swiper-button-next::after,
.solut-mode-maxpop-li .mod-arrows1 .swiper-button-prev::after,
.solut-mode-maxpop-li .mod-arrows1 .slick-prev::after,
.solut-mode-maxpop-li .mod-arrows1 .slick-next::after {
    font-size: 12px !important;
}

.solut-mode-backbtn {
    display: inline-block;
}

.solut-mode-backbtn-link {
    display: flex;
    align-items: center;
    height: 46px;
    background: var(--colorfff);
    border-radius: 0.08rem;
    padding: 0.08rem 0.2rem;
    cursor: pointer;
}

.smbl-left {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    background: var(--colormain);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 0.1rem;
}

.smbl-left img {
    width: 50%;
}

.smbl-right {
    font-size: var(--font14);
    color: var(--color333);
    line-height: normal;
}

.smml-content-list {
    margin-bottom: var(--space50);
}

.hmwu-li.yx-active {
    z-index: 6;
}

.solut-choose-word {
    width: 61%;
    margin: 0 auto;
}

.solut-choose .std-btn1 {
    margin-top: 0.4rem;
}

.solut-choose-img {
    position: relative;
    border-radius: 0.3rem;
    overflow: hidden;
    background: #EEF2F5;
    margin-top: 0.6rem;
}

.solut-choose-img img {
    width: 100%;
    position: relative;
    z-index: 3;
}

.solut-choose-img svg {
    width: 100%;
    height: 100%;
}

.bg1,
.bg2 {
    opacity: 0.5;
    transform-origin: 21%;
    animation: bg1 2.8s linear infinite;
}

.bg2 {
    animation-delay: 1s;
}

.bg3,
.bg4 {
    opacity: 0.5;
    transform-origin: 88%;
    animation: bg2 2.8s linear infinite;
}

.bg4 {
    animation-delay: 1s;
}

@keyframes bg1 {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes bg2 {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    100% {
        transform: scale(1.45);
        opacity: 0;
    }
}

.mode-second-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    pointer-events: none;
}

.smms-dots-list {
    width: 100%;
    height: 100%;
}

.mswu-li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.mswu-li-box,
.mswu-li-video {
    height: 100%;
}

.mswu-li-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.mswu-li .slbu-list-dost {
    z-index: 6;
    opacity: 0;
    pointer-events: none;
    transition: all .4s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slbu-list-dost-lis {
    position: absolute;
    z-index: 4;
    pointer-events: none;
}

.slbu-list-dost-lis.yx-active {
    z-index: 5;
}

.mswu-li.act.more {
    pointer-events: all;
    position: relative;
}

.mswu-li.act {
    opacity: 1;
}

.mswu-li.more .slbu-list-dost {
    opacity: 1;
}

.smms-dots-list-item.act .slbu-list-dost-lis {
    pointer-events: all;
}

.sdli-ul-li.right-bot .hmwu-li-btn {
    flex-direction: row-reverse;
}

.sdli-ul-li.right-bot .hmwu-li-btn-text {
    padding-left: 0.29rem !important;
    padding-right: 0 !important;
}

.sdli-ul-li.right-bot .hmwu-li-btn::before {
    left: 0;
    right: auto;
}

.sdli-ul-li.active {
    z-index: 9;
}

.sdli-ul-li.ys-bottom .solut-mode-smallpop {
    top: auto;
    padding-top: 0;
    bottom: 100%;
    padding-bottom: 0.1rem;
}

.mode-second-wrap-bot {
    width: 100vw;
    height: 1.18rem;
    border-top: solid 1px rgba(255, 255, 255, 0.40);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: var(--transition);
}

.mode-second-wrap-bot.more {
    opacity: 1;
}

.mode-second-wrap-bot .mode-second-wrap-back {
    position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.ipvb_top_ul {
    pointer-events: none;
    display: inline-block;
    width: auto !important;
}

.mode-second-wrap-aside {
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.mode-second-wrap-back {
    opacity: 0;
    pointer-events: none;
}

.mode-second-wrap-aside.more {
    opacity: 1;
    pointer-events: all;
}

.mode-second-wrap-aside.more .ipvb_top_ul {
    pointer-events: all;
}

.mode-second-wrap-back.more {
    opacity: 1;
    pointer-events: all;
}

.ipvb_top_ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -0.055rem;
}

.ipvb_top_li {
    padding: 0 0.055rem;
}

.ipvb_top_li.acta {
    pointer-events: none;
}

.ipvb_top_li p {
    color: var(--color333);
    text-align: center;
    padding: 0.12rem 0.18rem;
    background: var(--colorfff);
    border-radius: 0.08rem;
    overflow: hidden;
    transition: var(--transition);
    cursor: pointer;
}

.ipvb_top_li.act p {
    color: var(--colorfff);
    background: var(--colormain);
}

.mode-second-wrap-aside {
    height: 100%;
    display: flex;
    justify-content: center;
}

.solut-mode-media {
    width: 100%;
    position: relative;
}

.solut-mode-ph {
    display: none;
}

/* C1-解决方案--end */
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

/* 2026.4.20--bug修改--start */
.about-scroll .std-font56 {
    display: inline-block;
    width: fit-content;
    max-width: 9.4rem;
}

.crsu-list-item-top .ys-demo-num,
.clit-span- {
    font-size: var(--font58);
}

.cmwl-item-box-word p {
    text-align: center;
}

.about-chair .ys-cont1200 {
    top: 50% !important;
    transform: translateX(-50%) translateY(-50%);
}

.dgli-box-word p {
    opacity: 0.8;
}

.malb_item_edr p {
    margin-bottom: 0.75em;
}

.malb_item_edr ul li p {
    margin-bottom: 0;
    padding-right: 0.1rem;
}

.hrul-box-show img {
    height: 100%;
    object-fit: cover;
}

.about-story .swiper-button-prev,
.about-story .swiper-button-next {
    width: 0.44rem;
    height: 0.44rem;
    position: relative;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    /* border: solid 1px rgba(255,255,255,0.8); */
    flex-shrink: 0;
    border: solid 1px transparent !important;
}

.about-story .swiper-button-prev::before,
.about-story .swiper-button-next::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 97%;
    height: 97%;
    border-radius: 50%;
    background: transparent;
    border: solid 1px #fff;
    transition: var(--transition);
}

.about-story .swiper-button-prev::after,
.about-story .swiper-button-next::after {
    color: var(--colorfff);
}

.about-story .swiper-button-prev {
    margin-right: 0.2rem;
}

.about-story .contact-swiper-btn {
    position: relative;
    top: auto;
    left: auto;
    transform: inherit;
    justify-content: center;
    margin-top: 0.2rem;
}

.head-left {
    display: flex;
}

.mc_a1s1dots_li_box {
    max-height: 314px;
}

.mc_a1s1dots_li_box .mCSB_outside+.mCSB_scrollTools {
    top: 0.15rem;
    bottom: 0.15rem;
    right: 5px;
}

/* 2026.4.20--bug修改--end */
/* 2026.4.24--新增板块--start */
.develop-main .ys-nybanner {
    height: auto;
    width: 100vw;
    overflow: visible;
}

.ys-nybanner-sticky {
    position: sticky;
    -webkit-position: sticky;
    top: 0;
    height: 100vh;
}

.develop-main .ys-nyban-img,
.develop-main .ys-nyban-img img {
    height: 100%;
    object-fit: cover;
}

.develop-main .ys-nybanner .ys-flex-pos-center {
    z-index: 4;
}

.ys-nybanner-zhan {
    height: 100vh;
}

.ys-nybanner-hide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-backdrop-filter: blur(30px);
    -o-backdrop-filter: blur(30px);
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    background: rgba(255, 255, 255, 0.10);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.ys-nybanner-hide p {
    width: 67%;
    font-size: var(--font36);
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line13);
    margin-bottom: 0.75em;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

/* 2026.4.24--新增板块--end */
/* 2026.5.7--新增板块--start */
.about-board {
    /* padding-bottom: var(--space60); */
}

.about-leader {
    padding-top: var(--space120);
}

.about-board h2 {
    margin-bottom: 0.16rem;
}

.about-board-list-item {
    width: 25%;
    padding: 0 0.12rem;
    margin-top: 0.24rem;
}

.about-board-list {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    margin-top: 0.24rem;
}

.abli-box {
    height: 100%;
    min-height: 1.76rem;
    border-radius: 0.1rem;
    overflow: hidden;
    background: #EEF2F5;
    padding: 0.24rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

.abli-box-top {
    text-align: center;
    padding-bottom: 0.1rem;
    margin-bottom: 0.2rem;
    border-bottom: solid 1px #DDD;
    color: var(--color666);
}

.abli-box-top span {
    display: block;
    font-family: var(--bold);
    line-height: var(--line12);
    color: #000;
    margin-bottom: 0.07rem;
    font-size: var(--font20);
}

.abli-box-btn {
    text-align: center;
    color: var(--colormain);
}

.albw-list-box-img {
    width: 1.26rem !important;
    margin: 0 auto 0.15rem;
    background: #d9d9d9;
}

.post-modal .ys-modal-mask {
    background: rgba(0, 0, 0, .6);
}

.post-modal-bot p {
    color: var(--color666);
    line-height: var(--line165);
    font-size: var(--font16);
}

.post-modal-top {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 0.2rem;
    margin-bottom: 0.28rem;
    border-bottom: solid 1px #DDD;
}

.post-modal-top {
    font-size: var(--font30);
    color: #000;
    font-family: var(--bold);
    line-height: var(--line12);
}

.post-modal-top span {
    color: var(--color666);
    line-height: var(--line14);
    font-size: var(--font16);
    padding-left: 0rem !important;
    margin-left: 0 !important;
    margin-top: 0.13rem;
    display: inline-block;
    border-left: none !important;
    font-family: var(--regular);
}

.post-modal-top-ul>li>p {
    color: var(--color666);
    line-height: var(--line14);
    font-size: var(--font16);
    font-family: var(--regular);
}

.post-modal-top-ul>li>p {
    margin-top: 0 !important;
}

.post-modal-top-ul>li {
    margin-top: 0.06rem;
}

.post-modal-top-ul>li:first-child {
    margin-top: 0 !important;
}

.post-modal-top-ul {
    margin-top: 0.13rem;
}

.post-modal .ys-modal-content {
    width: 864px;
    max-height: 680px;
    padding: 0.3rem 0.34rem;
    border-radius: 0.16rem;
}

.post-modal .ys-modal-close {
    right: 20px;
    top: 20px;
    font-size: 16px;
    font-weight: 400;
}

.post-modal .mCSB_scrollTools {
    width: 10px;
    top: 15px;
    right: -3px;
}

.post-modal .ys-modal-content:not(.mCS_no_scrollbar) {
    padding: 0.3rem 0.26rem 0.3rem 0.34rem;
}

/* 2026.5.7--新增板块--end */
/* 2026.5.11--start */
.malb_item_edr ul.has-strip li {
    width: 100%;
}

.ascw-item-box ul li {
    list-style-type: disc;
}

.summary-mode-media-second .sdli-ul-li .hmwu-li-btn {
    background: transparent;
    position: relative;
}

.summary-mode-media-second .sdli-ul-li,
.summary-mode-media-second .sdli-ul-li .hmwu-li-btn {
    pointer-events: none;
    cursor: default;
}

.summary-mode-media-second .sdli-ul-li.yx-active,
.summary-mode-media-second .sdli-ul-li.yx-active .hmwu-li-btn {
    pointer-events: all;
    cursor: pointer;
}

.summary-mode-media-second .sdli-ul-li .hmwu-li-btn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    border-radius: 0.56rem;
    background: var(--colormain);
    pointer-events: none;
    z-index: 1;
    transition: var(--transition);
}

.summary-mode-media-second .sdli-ul-li.yx-active .hmwu-li-btn::before {
    width: 100%;
}

.summary-mode-media-second .sdli-ul-li .hmwu-li-btn-text {
    opacity: 0;
    transition: var(--transition);
    transition-delay: 0s;
    pointer-events: none;
    padding-right: 0.29rem;
}

.summary-mode-media-second .sdli-ul-li.yx-active .hmwu-li-btn-text {
    opacity: 1;
    transition-delay: 0.2s;
    pointer-events: all;
}

.summary-mode-media-second .smms-dots-list-item.act .sdli-ul-li .hmwu-li-btn-icon {
    cursor: pointer;
    pointer-events: all;
    margin-left: 0 !important;
}

.summary-mode-media-second .sdli-ul-li .hmwu-li-btn-icon,
.summary-mode-media-second .sdli-ul-li .hmwu-li-btn-text {
    position: relative;
    z-index: 2;
}

.scli-box-desc p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line15);
    margin-bottom: var(--parpspace10);
}

.scli-box-desc ul li {
    list-style-type: disc;
}

.scli-box-desc ul {
    margin-left: 16px;
}

/* .smml-content{
    width: 100%;
} */
/* 2026.5.11--end */
/* 载入效果 */
.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}

@keyframes fadeInUpimg {
    0% {
        transform: scale(1.3);
    }

    100% {
        transform: none;
    }
}

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

    /* teemo--start */
    .news-tab-list-item:hover .ntli-link {
        background: var(--colormain);
    }

    .news-tab-list-item:hover {
        color: var(--colorfff);
    }

    .dbfl-item:hover .dbfl-item-pre,
    .dbfl-item:hover .dbfl-item-next,
    .dbfl-item:hover .dbfl-item-text {
        color: var(--colormain);
    }

    .contact-list-item-link:hover .clil-img img {
        transform: scale(1.05);
    }

    .ntli-text:hover {
        background: var(--colormain);
    }

    .ntli-text:hover {
        color: var(--colorfff);
    }

    .ct-tab-cont-swiper .ctcs-list-item:hover img {
        transform: scale(1.05);
    }

    .contact-list-item:hover .clil-text-title {
        color: var(--colormain);
    }

    /* Teemo--end */
    /* 补充--start */
    .nlbi-link:hover .nlbi-text-info-title {
        color: var(--colormain);
    }

    .ntli-link:hover {
        background: var(--colormain);
        color: var(--colorfff);
    }

    /* 补充--end */
    .std-btn1-link:hover::after {
        opacity: 1;
    }

    .mod-arrows1 .swiper-button-next:hover,
    .mod-arrows1 .swiper-button-prev:hover,
    .mod-arrows1 .slick-prev:hover,
    .mod-arrows1 .slick-next:hover {
        background: var(--colormain);
        border: solid 1px var(--colormain);
    }

    .mod-arrows1 .swiper-button-next:hover::after,
    .mod-arrows1 .swiper-button-prev:hover::after,
    .mod-arrows1 .slick-prev:hover::after,
    .mod-arrows1 .slick-next:hover::after {
        color: var(--colorfff);
    }

    .footer-nav ul a:hover {
        color: var(--colorfff);
    }

    .footer-privacy>li a:hover {
        color: var(--colorfff);
    }

    .home-news-wrap-left:hover img {
        transform: scale(1.05);
    }

    .hnwr-ul-li-link:hover .hull-title {
        color: var(--colormain);
    }

    .hrul-box:hover .ys-imgbox-cover img {
        transform: scale(1) !important;
    }

    .heul-top:hover .ys-demo-num1 {
        color: var(--colormain);
        -webkit-text-stroke-color: var(--colormain);
    }

    .dgli-box:hover {
        background: var(--colormain);
    }

    .dgli-box:hover .dgli-box-icon {
        transform: scale(1);
    }

    .dgli-box:hover .dgli-box-icon img:nth-child(2) {
        opacity: 1;
    }

    .dgli-box:hover .dgli-box-icon img:nth-child(1) {
        opacity: 0;
    }

    .dgli-box:hover .dgli-box-text {
        color: var(--colorfff);
    }

    .cmwl-item-box:hover {
        background: var(--colormain);
        border: solid 1px var(--colormain);
    }

    .cmwl-item-box:hover .cmwl-item-box-word p {
        opacity: 1;
    }

    .ccwl-item-link:hover .cilb-title {
        color: var(--colormain);
    }

    .jcwu-list-link:hover .std-btn1-link::after {
        opacity: 1;
    }

    .jcwu-list-link:hover .jllb-text {
        color: var(--colormain);
    }

    .smsc-textul-list-box:hover .stlb-left {
        color: var(--colormain);
    }

    .smsc-textul-list-box:hover .stlb-right img:nth-child(2) {
        opacity: 1;
    }

    .smsc-textul-list-box:hover .stlb-right img:nth-child(1) {
        opacity: 0;
    }

    .scli-box:hover .ys-imgbox-cover img:nth-child(2) {
        transform: scale(1.05);
    }

    .scli-box:hover .scli-box-text {
        color: var(--colormain);
    }

    .about-story .swiper-button-prev:hover,
    .about-story .swiper-button-next:hover {
        background: transparent !important;
    }

    .about-story .swiper-button-prev:hover::before,
    .about-story .swiper-button-next:hover::before {
        border: solid 1px var(--colormain);
        background: var(--colormain);
    }

    .hdli-box:hover{
        transform: translateY(-4px);
        transition: var(--transition);
    }
}

/* 字号单独调整 */
.ys-ban-title span,
.altw-tit-sub {
    font-size: var(--font26);
}

.home-earth-word p,
.home-join-wrap-word p,
.altw-parga-text p,
.abtl-wrap-tit,
.about-scroll-top .ys-fade-true p,
.about-story-bot-box .std-text16,
.acbb-bot .std-text16 p,
.choose-partner-word .std-text16,
.choose-rede-wrap-word p,
.choose-lead-word p,
.solut-elect-word p,
.solut-mode-word.text-center p,
.solut-choose-word.ys-fade-true p,
.join-grow-word p,
.develop-susta-word p,
.develop-gover-word p,
.develop-awards-wrap-edr p,
.seli-box-word p {
    font-size: var(--font18);
}

.yfzh-hide .yfzh-title {
    font-size: var(--font22);
}

.home-earth-word {
    width: 59%;
}

.choose-win-wrap-word {
    width: 48.58%;
}

.join-grow-word {
    width: 88%;
}

.nlbi-link {
    display: flex;
    flex-direction: column;
}

.detail-box-content p {
    line-height: var(--line15);
}

.about-leader-box-wrap {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
}

.about-leader-box {
    width: 100% !important;
}

.albw-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -0.4rem 0.4rem;
}

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

.albw-list {
    width: 20%;
    margin-bottom: 0 !important;
}

.about-board {
    padding-top: var(--space60);
    padding-bottom: var(--space120);
}

.about-leader {
    padding-bottom: var(--space60);
}

.about-leader-box-wrap {
    margin: 0 !important;
}

.about-leader .std-font56 {
    margin-bottom: 0.48rem;
}

.albw-list-box-bot .std-font20,
.albw-list-box-bot .std-text16 {
    text-align: center;
}

/* helen 2026.6.25 star */

.about-chair.act .about-chair-box {
    margin-left: auto;
}

.about-chair .mod-title span::after {
    background: #fff;
}

.about-chair .about-chair-box .std-font56 {
    margin-bottom: 0.54rem;
}

@media screen and (max-width: 767px) {
    .about-chair .about-chair-box .std-font56 {
        margin-bottom: 0.34rem;
    }
}

/* helen 2026.6.25 end */
/* 2026.8.13--start */
.home-defi{
    position: relative;
}
.home-defi::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.36) 100%);
    pointer-events: none;
    z-index:1;
}
.home-defi-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-defi .ys-cont1200{
    padding-top: var(--space120);
    padding-bottom: var(--space120);
}
.home-defi h2{
    margin-bottom: 0.3rem;
}
.home-defi .home-join-wrap-word{
    margin-bottom: 0.4rem;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.home-defi h2 span::after{
    background: var(--colorfff);
}
.home-defi h2,
.home-defi .home-join-wrap-word p{
    color: var(--colorfff);
    text-align: center;
}
.home-defi-list{
    display: flex;
    justify-content: center;
    margin:0 -0.12rem;
    position: relative;
    z-index: 2;
}
.home-defi-list-item{
    width: 33.3333%;
    padding:0 0.12rem;
    margin-bottom: 0.24rem;
}
.hdli-box{
    width: 100%;
    height: 100%;
    border-radius: 0.1rem;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: linear-gradient(109deg, rgba(255, 255, 255, 0.11) 9.9%, rgba(255, 255, 255, 0.00) 26.29%), rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(44.79999923706055px);
    -webkit-backdrop-filter: blur(44.79999923706055px);
    padding:0.45rem 0.17rem;
}
.hdli-box-top{
    display: flex;
    align-items: center;
}
.hdli-box-top-icon{
    width: 0.5rem;
    flex-shrink: 0;
    margin-right:0.1rem;
}
.hdli-box-top{
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 0.3rem;
}
.hdli-box-min{
    color: var(--colorfff);
    font-family: var(--bold);
    margin-bottom: 0.08rem;
}
.hdli-box-bot p{
    color: var(--colorfff);
    line-height: var(--line14);
}
.home-defi .home-join-wrap {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: inherit;
    margin-bottom: 0.53rem;
}
.home-defi .ys-slick .slick-track{
    padding-top:4px
}
body{
    font-variant-ligatures: no-common-ligatures;
}
@supports (-webkit-text-size-adjust: 100%) {
  body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }
}
/* 2026.8.13--end */

/* 2026.8.24 lucas start */
/* 0a - start */
.innovation-mark {
    display: block;
    width: 0.6rem;
    height: 2px;
    margin: 0 auto 0.12rem;
    background: var(--colormain);
}
.innovation-rd {
    position: relative;
    overflow: hidden;
    padding: 1.32rem 0 1.3rem;
    color: var(--colorfff);
    background: #100D10;
}
.innovation-rd-heading .std-font56{
    color: var(--colorfff);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.innovation-rd-heading .std-font56-cry{
    position: relative;
    width: fit-content;
}
.innovation-rd-heading .std-font56-cry:first-child:before{
    content: "";
    width: 0.6rem;
    height: 2px;
    background: var(--colorfff);
    position: absolute;
    left: 0;
    top: -0.12rem;
}
.innovation-rd-bg,
.innovation-rd-map {
    position: absolute;
    pointer-events: none;
}
.innovation-rd-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.innovation-rd-map {
    top: 1.03rem;
    left: 50%;
    width: 12.17rem;
    transform: translateX(-50%);
    opacity: 0.58;
}
.innovation-rd-core,
.innovation-digital-core,
.innovation-story-core {
    position: relative;
    z-index: 1;
}
.create-banner .create-banner-sub{
    color: var(--colorfff);
    text-align: center;
    font-size: var(--font20);
    line-height: var(--line12);
    margin-bottom:0.18rem;
    font-family:var(--bold) ;
}
.create-banner .std-font64{
    font-size: var(--font64);
    text-align: center;
    font-family: var(--bold);
    line-height: var(--line12);
    color: var(--colorfff);
}
.innovation-rd-heading{
    text-align: center;
}
.innovation-rd-heading .innovation-mark {
    background: var(--colorfff);
}
.innovation-rd-title {
    color: var(--colorfff);
    line-height: 1.05;
}
.innovation-rd-inof{
   --ge: 25%;
   --gap1: 0.12rem;
   --gap2: 0.24rem;
   margin: 0.76rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
   display: flex;
   flex-wrap: wrap;
}
.innovation-rd-inof>li{
   width: var(--ge);
   padding: 0 var(--gap1);
   margin-bottom: var(--gap2);
}
.innovation-rd-card {
    height: 100%;
    position: relative;
    padding:0.24rem 0.15rem 0.15rem 0.24rem;
    border-radius: 0.1rem;
    border: 1px solid rgba(255, 255, 255, 0.21);
    background: rgba(248, 248, 248, 0.06);
    overflow: hidden;
    backdrop-filter: blur(26px);
    -webkit-backdrop-filter: blur(26px);
    -moz-backdrop-filter: blur(26px);
    -o-backdrop-filter: blur(26px);
    -ms-backdrop-filter: blur(26px);
}
.irct-sub{
    color: var(--colorfff);
    line-height: var(--line135);
    margin-bottom: 0.06rem;
}
.irct-num {
    color: var(--colorfff);
    line-height: var(--line14);
    display: flex;
    align-items: flex-start;
}
.irct-num-span{
    font-family: var(--bold);
    line-height: var(--line12);
    font-size: var(--font40);
}
.irct-num-span2{
    margin-left: 5px;
    margin-top: 0.08rem;
}
.innovation-rd-card-bot{
    margin-top: 0.05rem;
    color: var(--color999);
    line-height: var(--line135);
    text-align: right;
}
.innovation-digital {
    overflow: hidden;
    padding: 1.4rem 0 1.21rem;
    background: var(--colorfff);
}
.innovation-digital-title {
    position: relative;
    width: fit-content;
    text-align: center;
    padding-top: 0.12rem;
}
.innovation-digital-title::before{
    content: "";
    width: 0.6rem;
    height: 2px;
    background: var(--colormain);
    top: 0;
    left: 0;
    position: absolute;
}
.innovation-digital-heading{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}
.innovation-digital-copy{
    margin-top: 0.3rem;
}
.innovation-digital-copy,.innovation-digital-copy p {
    color: var(--color666);
    text-align: center;
    line-height: var(--line135);
    font-size: var(--font20);
}
.innovation-digital-inof {
    display: flex;
    overflow: hidden;
    margin-top: 0.86rem;
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    height: 7.07rem;
}
.innovation-digital-inof-item {
    position: relative;
    width: 33.3333%;
    transition: all 0.5s ease;
}
.innovation-digital-card {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: var(--colorfff);
    cursor: pointer;
    z-index: 2;
}
/* .innovation-digital-card::after {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    content: '';
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
} */
.innovation-digital-img {
    height: 100%;
    border-radius: 0;
}
.innovation-digital-img img:nth-child(n+2) {
    object-fit: cover;
}
.innovation-digital-inof-item:first-child .innovation-digital-img {
    border-radius: 0.16rem 0 0 0.16rem;
}
.innovation-digital-inof-item:last-child .innovation-digital-img {
    border-radius: 0 0.16rem 0.16rem 0;
}
.innovation-digital-card-botinfo{
    position: absolute;
    width: 100%;
    padding: 0.2rem;
    z-index: 5;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease;
    opacity: 1;
    z-index: 2;
}
.idcb-cry{
    border-radius: 0.08rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(217, 217, 217, 0.42);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    width: 100%;
    overflow: hidden;
    height: 100%;
    padding: 0.36rem 0.7rem 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.innovation-digital-card-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.2rem;
    z-index: 2;
    transition: all 0.5s ease;
}
.idch-cry{
    border-radius: 0.08rem;
    border: 1px solid rgba(255, 255, 255,1);
    background: rgba(217, 217, 217, 0.24);
    backdrop-filter: blur(23px);
    -webkit-backdrop-filter: blur(23px);
    -moz-backdrop-filter: blur(23px);
    -o-backdrop-filter: blur(23px);
    -ms-backdrop-filter: blur(23px);
    width: 100%;
    overflow: hidden;
    height: 100%;
    padding: 0.3rem 0.24rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    pointer-events: none;
}
.idch-cry-bot .idcb-tit{
    text-align: left;
    margin-bottom: 0.13rem;
    height: auto;
    -webkit-line-clamp: inherit;
}
.idch-cry-bot{
    padding-right:1.24rem ;
}
.idch-cry .ys-imgbox-cover{
    width: 1.08rem;
}
.idch-cry-info,.idch-cry-info p{
    line-height: var(--line135);
    color: var(--colorfff);
    font-size: var(--font18);
}
.idcb-cry .ys-imgbox-cover{
    width:0.5rem;
    margin-bottom:0.27rem;
}
.idcb-tit{
    color: var(--colorfff);
    font-size: var(--font24);
    font-family: var(--bold);
    line-height: var(--line12);
    text-align: center;
    height: 2.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.innovation-story {
    position: relative;
    overflow: visible;
    padding: 1.62rem 0 1.27rem;
}
.innovation-story-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.innovation-story-core {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.innovation-story-left {
    position: sticky;
    top: calc(1.62rem + var(--headh));
    width: 40.97%;
}
.innovation-story-title,
.innovation-story-copy,
.innovation-story-copy p {
    color: var(--colorfff);
}
.innovation-story-title {
    line-height: var(--line12);
    padding-top: 0.12rem;
    position: relative;
}
.innovation-story-title::before{
    content: "";
    width: 0.6rem;
    height: 2px;
    background: var(--colorfff);
    position: absolute;
    top: 0;
    left: 0;
}
.innovation-story-copy {
    max-width: 5.22rem;
    margin-top: 0.34rem;
}
.innovation-story-copy,.innovation-story-copy p{
    font-size: var(--font16);
    color: var(--colorfff);
    line-height: var(--line14);
}
.innovation-story-ri{
    width:56.32%;
}
.create-banner{
    position: relative;
}
.isrl-item:not(:last-child){
    margin-bottom: 0.24rem;
}
.isrl-item-cry{
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: linear-gradient(138.11deg, rgba(255, 255, 255, 0.32) 9.9%, rgba(255, 255, 255, 0) 26.29%), rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(44px);
    -webkit-backdrop-filter: blur(44px);
    -moz-backdrop-filter: blur(44px);
    -o-backdrop-filter: blur(44px);
    -ms-backdrop-filter: blur(44px);  
    padding:0.48rem  1.1rem 0.48rem 0.32rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.isrl-item{
    opacity: 0.38;
    transition: var(--transition);
}
.isrl-item.act{
    opacity: 1;
}
.isrl-item-cry-ri {
    width: 81%;
    padding: 0 0.16rem;
}
.isrl-item-cry-le{
    width: 1.14rem;
}
.isrl-item-cry-le img{
    width: 100%;
}
.iicr-tit{
    color: var(--colorfff);
    font-size: var(--font24);
    line-height: var(--line12);
    font-family: var(--bold);
    margin-bottom:0.16rem;
}
.iicr-list-item{
    position: relative;
    padding-left:0.18rem;
}
.iicr-list-item:not(:last-child){
    margin-bottom:0.1rem;
}
.iicr-list-item::before{
    content: "";
    width:0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 7px;
    background: var(--colorfff);
}
.iicr-list-item,.iicr-list-item p{
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line14);
}
.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}
.create-banner .ys-flex-pos-center{
    z-index: 10;
}
@keyframes fadeInUpimg {
    0% {
        transform: scale(1.5);
    }
    100% {
        transform: none;
    }
} 
.innovation-rd-heading .std-font56,.innovation-digital-title,.innovation-story-title{
    font-size: var(--font40);
}
/* 0a - end */
@media screen and (min-width: 1200px){
    /* 0a - start */
    .innovation-digital-inof-item:hover,
    .innovation-digital-inof-item.act {
        width: 40.8334%;
    }
    .innovation-digital-inof.act .innovation-digital-inof-item:not(.act) {
        width: 29.5833%;
    }
    .innovation-digital-inof-item:hover .innovation-digital-panel,
    .innovation-digital-inof-item.act .innovation-digital-panel {
        top: 0.2rem;
        padding: 0.24rem;
        align-items: flex-start;
        text-align: left;
        background: rgba(217, 217, 217, 0.24);
        -webkit-backdrop-filter: blur(23.55px);
        backdrop-filter: blur(23.55px);
    }
    .innovation-digital-inof-item:hover .innovation-digital-icon,
    .innovation-digital-inof-item.act .innovation-digital-icon {
        width: 1.7rem;
        height: 1.7rem;
        margin: 0;
    }
    .innovation-digital-inof-item:hover .innovation-digital-desc,
    .innovation-digital-inof-item.act .innovation-digital-desc {
        display: block;
    }
    .innovation-digital-inof.act .innovation-digital-inof-item:not(.act) .innovation-digital-card::after {
        background: rgba(0, 0, 0, 0.31);
    }
    .innovation-digital-card:hover .innovation-digital-card-botinfo{
        opacity: 0;
        pointer-events: none;
    }
    .innovation-digital-card:hover .idch-cry{
        opacity: 1;
        pointer-events: all;
        transition: all 0.5s ease;
        transition-delay: 0.5s;
    }
    /* 0a - end */
}
/* 2026.8.24 lucas end */