@charset "utf-8";

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

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

@font-face {
    font-family: 'liangxin-Regular';
    src: url('../fonts/GeistRegular/GeistRegular.eot');
    src: url('../fonts/GeistRegular/GeistRegular.eot') format('embedded-opentype'),
        url('../fonts/GeistRegular/GeistRegular.woff2') format('woff2'),
        url('../fonts/GeistRegular/GeistRegular.woff') format('woff'),
        url('../fonts/GeistRegular/GeistRegular.ttf') format('truetype'),
        url('../fonts/GeistRegular/GeistRegular.svg#GeistRegular') format('svg');
}

@font-face {
    font-family: 'liangxin-Medium';
    src: url('../fonts/GeistMedium/GeistMedium.eot');
    src: url('../fonts/GeistMedium/GeistMedium.eot') format('embedded-opentype'),
        url('../fonts/GeistMedium/GeistMedium.woff2') format('woff2'),
        url('../fonts/GeistMedium/GeistMedium.woff') format('woff'),
        url('../fonts/GeistMedium/GeistMedium.ttf') format('truetype'),
        url('../fonts/GeistMedium/GeistMedium.svg#GeistMedium') format('svg');
}

@font-face {
    font-family: 'liangxin-Bold';
    src: url('../fonts/GeistBold/GeistBold.eot');
    src: url('../fonts/GeistBold/GeistBold.eot') format('embedded-opentype'),
        url('../fonts/GeistBold/GeistBold.woff2') format('woff2'),
        url('../fonts/GeistBold/GeistBold.woff') format('woff'),
        url('../fonts/GeistBold/GeistBold.ttf') format('truetype'),
        url('../fonts/GeistBold/GeistBold.svg#GeistBold') format('svg');
}

@font-face {
    font-family: 'liangxin-SemiBold';
    src: url('../fonts/GeistSemiBold/GeistSemiBold.eot');
    src: url('../fonts/GeistSemiBold/GeistSemiBold.eot') format('embedded-opentype'),
        url('../fonts/GeistSemiBold/GeistSemiBold.woff2') format('woff2'),
        url('../fonts/GeistSemiBold/GeistSemiBold.woff') format('woff'),
        url('../fonts/GeistSemiBold/GeistSemiBold.ttf') format('truetype'),
        url('../fonts/GeistSemiBold/GeistSemiBold.svg#GeistSemiBold') format('svg');
}

@font-face {
    font-family: 'liangxin-Light';
    src: url('../fonts/GeistLight/GeistLight.eot');
    src: url('../fonts/GeistLight/GeistLight.eot') format('embedded-opentype'),
        url('../fonts/GeistLight/GeistLight.woff2') format('woff2'),
        url('../fonts/GeistLight/GeistLight.woff') format('woff'),
        url('../fonts/GeistLight/GeistLight.ttf') format('truetype'),
        url('../fonts/GeistLight/GeistLight.svg#GeistLight') format('svg');
}

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

:root {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line135: 1.35;
    --line14: 1.4;
    --line145: 1.45;
    --line15: 1.5;
    --line16: 1.6;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 72px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #00D8C3;
    --colorbj: #F6F6F6;
    --color0B0: #0B0205;
    /* 板块间距 */
    --space64: 0.64rem;
    --space60: 0.60rem;
    --space48: 0.48rem;
    --space16: 0.16rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;
    /* 特殊字体或粗细 */
    --bold: '';
    --transition: all 0.4s ease;
    --transition1: all 0.8s var(--bezier1);
    --transition2: transform 1.5s var(--bezier2), -webkit-transform 1.5s var(--bezier2), opacity 1.2s var(--bezier2), color 0.3s var(--bezier2);
    --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
    /* 等于gsap的sine.out */
    --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1);
    /* 等于gsap的expo.inOut */
    --bezier2: cubic-bezier(.38, 0, 0, 1);
    --iconwidth: 24px;
    --btnHeight: 42px;
    --space270: 2.7rem;
    --fontwei300: 300;
    --fontwei500: 500;
    --boRds10: 0.1rem;
    --boRds16: 0.16rem;
    --boRds20: 0.2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.std-padtp160 {
    padding-top: var(--space160);
}

.std-padbt160 {
    padding-bottom: var(--space160);
}

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

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

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

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

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

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

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

.yxnav-active2 {}

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

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

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

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

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

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

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

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

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

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

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

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

.ys-ban-li.act .ys-ban-subtit {
    animation: ysfadeInUp .8s ease-in-out both .1s;
}

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

.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-subtit {
    animation-delay: 0.5s;
}

/* 公共样式 - end */
.head-ldi-nub a {
    font-size: var(--font16);
}

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

.head-nav-item-title::after {
    content: "";
    width: 0;
    height: 2px;
    background: var(--colormain);
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--transition);
}

.head-nav-item.yxnav-active1 .head-nav-item-title::after {
    width: calc(100% - 0.16rem);
}

.head-nav {
    --gap2: 0.12rem;
}

.ys-search2-btn,
.head-lang-top-circle,
.head-lang-top-jian {
    width: var(--iconwidth);
}

.ys-search2-btn img:nth-child(2) {
    opacity: 0;
}

.ys-search2 {
    height: var(--headh);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.head-lang-top span {
    margin-right: 4px;
    font-size: var(--font16);
    line-height: var(--headh);
    color: var(--colorfff);
    transition: var(--transition);
}

.head-lang {
    margin-left: 24px;
}

.head-lang::before {
    content: "";
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.10);
    position: absolute;
    top: 50%;
    left: -12px;
    transform: translateY(-50%);
    transition: var(--transition);
}

.head-other-btn {
    margin-left: 0.24rem;
    position: relative;
}

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

.std-btn1-box {
    display: flex;
    padding: 0 0.28rem;
    border-radius: 0.04rem;
    border: 1px solid var(--colorfff);
    cursor: pointer;
    transition: var(--transition);
}

.std-btn1-box span {
    font-size: var(--font16);
    line-height: var(--btnHeight);
    color: var(--colorfff);
    transition: var(--transition);
}

.ys-hd-pc.isfixed .ys-search2-btn img:nth-child(1),
.ys-hd-pc.ishover .ys-search2-btn img:nth-child(1) {
    opacity: 0;
}

.ys-hd-pc.isfixed .ys-search2-btn img:nth-child(2),
.ys-hd-pc.ishover .ys-search2-btn img:nth-child(2) {
    opacity: 1;
}

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

.ys-hd-pc.isfixed .head-lang::before,
.ys-hd-pc.ishover .head-lang::before {
    background: rgba(0, 0, 0, 0.10);
}

.ys-hd-pc.isfixed .std-btn1-box,
.ys-hd-pc.ishover .std-btn1-box {
    border: 1px solid var(--color333);
}

.ys-hd-pc.isfixed .std-btn1-box span,
.ys-hd-pc.ishover .std-btn1-box span {
    color: var(--color333);
}

.hnia-cont {
    padding: 0.4rem 0 0.52rem;
}

.hnia-cont-ul {
    display: flex;
    margin: 0 -0.51rem;
    justify-content: center;
}

.hnia-cont-ul-li {
    width: 14.285714%;
    padding: 0 0.51rem;
    text-align: center;
}

.hnia-cont-ul-li a {
    display: block;
}

.hcul-icon {
    width: 40px;
    margin: auto;
}

.hcul-icon img {
    width: 100%;
    transform: scale(1) !important;
}

.hcul-tit {
    margin-top: 0.2rem;
    transition: var(--transition);
}

.head-nav-item-down {
    position: fixed;
    width: 100%;
    top: var(--headh);
    border-top: 1px solid rgba(0, 0, 0, .1);
    box-shadow: var(--shadow);
}

.ys-search2-win {
    box-shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
}

.hnia-cont-ul-li.yxnav-active2 .hcul-tit,
.hnia-cont-ul-li.select-anchor .hcul-tit {
    color: var(--colormain);
}

.hnis-cont {
    padding: 0.6rem 0 0.73rem;
}

.hnis-cont .ys-cont1600 {
    display: flex;
}

.hnis-cont-le {
    width: 24%;
    padding-right: 0.8rem;
    border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.hnis-cont-ri {
    width: 76%;
    padding-left: 0.8rem;
}

.hnis-cont-le-tp {
    padding-bottom: 0.24rem;
    margin-bottom: 0.24rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.hclt-link-box {
    display: flex;
    align-items: center;
}

.hclt-link .std-text20 {
    margin-right: 4px;
    transition: var(--transition);
}

.hclt-link-icon {
    width: var(--iconwidth);
}

.hclt-link-icon svg {
    width: 100%;
    height: auto;
}

.hclt-link-icon path {
    transition: var(--transition);
}

.hclt-parga {
    margin-top: 0.08rem;
    color: var(--color666);
}

.hclt-parga p {
    color: var(--color666);
}

.hclb-ul-li a {
    display: flex;
    align-items: center;
}

.hclb-ul-li-more {
    width: 16px;
}

.hclb-ul-li-more svg {
    width: 100%;
}

.hclb-ul-li-more path {
    transition: var(--transition);
}

.hclb-ul-li-icon {
    width: 20px;
}

.hclb-ul-li-icon img {
    width: 100%;
}

.hclb-ul-li-tit {
    padding: 0 0.08rem;
    color: var(--color333);
    transition: var(--transition);
}

.hclb-ul-li {
    margin-bottom: var(--space16);
}

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

.hclb-ul {
    display: inline-block;
}

.hcrc-ul-li {
    width: 33.333333%;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.hcrc-ul-li:last-child {
    border: none;
}

.hcrc-ul {
    margin: 0 -0.32rem;
    display: flex;
}

.hcrc-ul-li a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 0.32rem;
}

.hcrc-ul-li .hnis-cont-le-tp {
    padding-bottom: 0;
    margin-bottom: 0.64rem;
    border: none;
}

.hcrc-ul-li-img {
    border-radius: var(--boRds10);
}

.hnis-cont-le-tp.yxnav-active2 span,
.hnis-cont-le-tp.select-anchor span {
    color: var(--colormain);
}

.hnis-cont-le-tp.yxnav-active2 .hclt-link-icon path,
.hnis-cont-le-tp.select-anchor .hclt-link-icon path {
    stroke: var(--colormain);
}

.hclb-ul-li.yxnav-active3 .hclb-ul-li-tit,
.hclb-ul-li.select-anchor .hclb-ul-li-tit {
    color: var(--colormain);
}

.hclb-ul-li.yxnav-active3 .hclb-ul-li-more path,
.hclb-ul-li.select-anchor .hclb-ul-li-more path {
    stroke: var(--colormain);
}

.hcrc-ul-li.yxnav-active2 .hclt-link .std-text20,
.hcrc-ul-li.select-anchor .hclt-link .std-text20 {
    color: var(--colormain);
}

.hcrc-ul-li.yxnav-active2 .hclt-link-icon path,
.hcrc-ul-li.select-anchor .hclt-link-icon path {
    stroke: var(--colormain);
}

.hnis-box {
    padding: 0.6rem 0 0.56rem;
}

.hnis-box .ys-cont1600 {
    display: flex;
}

.hnis-box-le {
    padding-right: 1.08rem;
}

.hnis-box-ri {
    width: 76%;
    padding-left: 1.16rem;
}

.hnis-box-le-parga {
    margin-top: var(--space16);
}

.hnis-box-le-parga,
.hnis-box-le-parga p {
    color: var(--color666);
}

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

.std-btn2-box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.std-btn2-box span {
    transition: var(--transition);
}

.std-btn2-box-icon {
    width: var(--iconwidth);
    height: var(--iconwidth);
    flex-shrink: 0;
}

.std-btn2-box-icon svg {
    width: 100%;
    height: auto;
}

.std-btn2-box-icon path {
    transition: var(--transition);
}

.hnis-box-le-btn {
    margin-top: var(--space48);
}

.hnis-box-ri-wrap {
    display: flex;
}

.hcrw-case {
    width: 31%;
}

.hcrw-plan {
    width: 69%;
    padding-right: 0.47rem;
}

.hcrw-plan-tit {
    padding-bottom: 0.08rem;
    margin-bottom: 0.24rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.hcrw-plan-ul {
    margin: 0 -0.18rem;
    display: flex;
    flex-wrap: wrap;
}

.hcrw-plan-ul-li {
    width: 50%;
    padding: 0 0.18rem;
}

.hcrw-plan-ul-li a {
    padding: 0.12rem 0.1rem;
    transition: var(--transition);
    display: flex;
    align-items: center;
}

.hpul-icon {
    width: var(--iconwidth);
}

.hpul-icon img {
    transform: scale(1) !important;
}

.hpul-tit {
    width: calc(100% - var(--iconwidth));
    padding-left: 8px;
    transition: var(--transition);
}

.hcrw-plan-ul-li.yxnav-active2 a {
    background: var(--colorbj);
}

.hcrw-plan-ul-li.yxnav-active2 .hpul-tit {
    color: var(--colormain);
}

.hcrw-case-link-img {
    border-radius: var(--boRds10);
}

.hcrw-case-link-text {
    margin-top: 0.4rem;
}

.hclt-parga {
    margin-top: 0.1rem;
    color: var(--color999);
}

.hclt-parga p {
    color: var(--color999);
}

.hcrw-case-link a {
    display: block;
}

.hnip-cont .ys-cont1600 {
    display: flex;
}

.hnip-cont-le {
    width: 16.5%;
    padding-right: 1rem;
}

.hnip-cont-ri {
    width: 83.5%;
    padding-left: 1rem;
    padding-bottom: 0.8rem;
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.hclu-li {
    display: flex;
    align-items: center;
    padding: 0.08rem 0;
    margin-bottom: 0.08rem;
    cursor: pointer;
}

.hclu-li-icon {
    width: var(--iconwidth);
}

.hclu-li-icon img {
    transform: scale(1) !important;
}

.hclu-li-tit {
    padding-left: 0.24rem;
}

.hclu-li-tit .std-text16 {
    color: var(--color666);
    transition: var(--transition);
    position: relative;
}

.hclu-li-tit .std-text16::after {
    content: "";
    width: 0;
    height: 1px;
    background: var(--colormain);
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--transition);
}

.hnip-cont {
    padding: 0.6rem 0;
}

.hclu-li:last-child {
    margin-bottom: 0;
}

/* .hnip-cont-ri-wrap:not(:first-child){
    display: none;
} */
.hcrw-img {
    width: 30%;
}

.hcrw-text {
    width: 70%;
    padding-right: 1.4rem;
}

.httb-box-icon {
    width: var(--iconwidth);
    height: var(--iconwidth);
    margin-left: 4px;
}

.httb-box-icon svg {
    width: 100%;
    height: auto;
}

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

.hcrw-text-tp-parga {
    margin-top: 0.08rem;
    color: var(--color666);
}

.hcrw-text-tp-parga p {
    color: var(--color666);
}

.hcrw-text-tp {
    padding-bottom: 0.32rem;
    margin-bottom: 0.32rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.hcrw-text-bt-tit {
    color: var(--color666);
    margin-bottom: 0.2rem;
}

.htbl-ul {
    margin: calc(-1 * var(--space16)) -0.47rem 0;
    display: flex;
    flex-wrap: wrap;
}

.htbl-ul-li {
    width: 33.333333%;
    padding: 0 0.47rem;
    margin-top: var(--space16);
}

.htbl-ul-li a {
    display: flex;
    align-items: center;
}

.htbl-ul-li-icon {
    width: 16px;
    height: 16px;
    transition: var(--transition);
    opacity: 0;
    margin-left: 4px;
}

.htbl-ul-li-icon svg {
    width: 100%;
    height: auto;
}

.htbl-ul-li span {
    transition: var(--transition);
}

.htbl-ul-li.yxnav-active3 .std-text16,
.htbl-ul-li.select-anchor .std-text16 {
    color: var(--colormain);
}

.htbl-ul-li.yxnav-active3 .htbl-ul-li-icon,
.htbl-ul-li.select-anchor .htbl-ul-li-icon {
    opacity: 1;
}

.hclu-li.yxnav-active2 .hclu-li-tit .std-text16 {
    color: var(--colormain);
}

.hclu-li.yxnav-active2 .hclu-li-tit .std-text16::after {
    width: 100%;
}

.ys-hd-pc::before {
    height: 100%;
}

.ys-footer {
    background: #1A1A1A;
    padding-top: 0.9rem;
}

.footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.std-btn3-box-icon {
    width: var(--iconwidth);
    height: var(--iconwidth);
    margin-left: 8px;
}

.std-btn3-box-icon svg {
    width: 100%;
    height: auto;
}

.std-btn3-box .std-text16 {
    line-height: calc(var(--btnHeight) + 2px);

}

.std-btn3-box {
    display: flex;
    align-items: center;
    padding: 0 0.24rem;
    position: relative;
    border-radius: 0.04rem;
    overflow: hidden;
    z-index: 1;
}

.std-btn3-box::before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colormain);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.std-btn3-box::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--transition);
    opacity: 0;
    z-index: -1;
}

.footer-top {
    padding-bottom: 0.43rem;
    margin-bottom: 0.54rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.footer-top-text-tit {
    font-size: var(--font60);
    line-height: var(--line13);
    color: var(--colorfff);
}

.footer-top-text-parga {
    margin-top: var(--space16);
    color: var(--colorfff);
}

.footer-top-text-parga p {
    color: var(--colorfff);
}

.footer-mid {
    padding-bottom: 0.28rem;
    margin-bottom: 0.28rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.footer-mid-le-logo {
    width: 272px;
}

.footer-mid-le-logo a {
    width: 100%;
    display: block;
}

.footer-mid-le-logo img {
    width: 100%;
}

.fmls-tit {
    color: var(--colorfff);
    margin-right: 0.24rem;
}

.footer-mid-le-share {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.footer-share-btn {
    border-radius: 50%;
    border: 1px solid var(--colorfff);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    transition: var(--transition);
}

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

.footer-share {
    --gap1: 8px;
    --codew: 88px;
    /* padding: 4px; */
}

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

.footer-share-code::before {
    border-top: 5px solid var(--colorfff);
    top: auto;
    bottom: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: none;
}

.footer-mid-ri>ul {
    display: flex;
    justify-content: space-between;
}

.footer-mid-ri>ul>li>a {
    font-size: var(--font18);
    line-height: var(--line16);
    color: var(--colorfff);
    display: block;
    margin-bottom: 0.1rem;
    transition: var(--transition);
}

.footer-mid-ri>ul>li>a:last-child {
    margin-bottom: 0;
}

.footer-mid-ri {
    width: 27%;
}

.footer-bot {
    padding-top: 0;
    padding-bottom: 0.36rem;
    border: none;
    justify-content: flex-start;
}

.footer-text,
.footer-text a,
.footer-text p {
    font-size: 12px;
    line-height: var(--line18);
    color: var(--colorfff);
}

.footer-text a img {
    width: 20px;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.footer-text a {
    padding-right: 0.24rem;
}

.footer-text a:last-child {
    padding-right: 0;
}

.footer-info {
    display: flex;
    align-items: center;
}

.footer-privacy a {
    color: rgba(255, 255, 255, .6);
    line-height: var(--line18);
    font-size: 12px;
}

.footer-privacy {
    --gap1: 0.24rem;
    margin: 0;
    padding-left: 0.24rem;
    padding-right: 0.4rem;
}

.footer-privacy>li {
    position: relative;
}

.footer-privacy>li::after {
    content: "";
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, 0.20);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.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 {
    height: 100%;
}

.ys-ban-imgbox::before {
    height: 30%;
    opacity: 0.25;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}

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

.ys-ban-txtbox {
    text-align: center;
}

.ys-ban-title {
    font-size: var(--font60);
    line-height: var(--line13);
    color: var(--colorfff);
    font-weight: var(--fontwei500);
}

.ys-ban-subtit {
    margin-top: var(--space16);
    color: var(--colorfff);
    font-family: 'liangxin-Light';
    letter-spacing: 1.28px;
    line-height: var(--line13);
}

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

.ys-dots1 .slick-dots li {
    width: 78px;
    height: 2px;
    margin: 0 5px;
}

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

.ys-nyban-title h1 {
    font-size: var(--font60);
    line-height: var(--line13);
}

.mod-bread {
    z-index: 10;
    bottom: 0.48rem;
}

.ys-bread-list a {
    color: rgba(255, 255, 255, .4);
    font-size: 12px;
    line-height: 1.8;
}

.ys-bread-list:last-child a {
    color: rgba(255, 255, 255, 8);
}

.ys-bread {
    --gap1: 12px;
}

.ys-bread-list::before {
    content: "";
    width: var(--iconwidth);
    height: var(--iconwidth);
    background: url(../images/bread.svg) center / cover no-repeat;
}

.ys-page-wrap.act .head-other .std-btn1-box {
    border: 1px solid var(--color333);
}

.ys-page-wrap.act .head-other .std-btn1-box span {
    color: var(--color333);
}

.ys-page-wrap.act .head-lang-top span {
    color: var(--color333);
}

.ys-page-wrap.act .head-lang::before {
    background: rgba(0, 0, 0, 0.10);
}

.ys-page-wrap.act .ys-search2-btn img:nth-child(1) {
    opacity: 0;
}

.ys-page-wrap.act .ys-search2-btn img:nth-child(2) {
    opacity: 1;
}

.ys-page-wrap.act .ys-hd-pc {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.home-news-tp {
    margin-bottom: var(--space64);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.std-btn1.black .std-btn1-box {
    padding: 0 0.4rem;
    border: 1px solid rgba(51, 51, 51, 0.60);
}

.std-btn1.black .std-btn1-box span {
    color: var(--color333);
}

.std-btn1.white .std-btn1-box span {
    color: var(--colorfff);
}

.std-btn1.white .std-btn1-box {
    padding: 0 0.4rem;
    border: 1px solid rgba(255, 255, 255, 0.60);
}

.hnbu-li {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.hnbu-li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.24rem 0;
}

.hnbu-li-img {
    width: 23%;
    border-radius: 0.12rem;
}

.hnbu-li-text {
    width: calc(77% - 60px);
    padding-left: 0.8rem;
    padding-right: 1.73rem;
}

.std-btn4 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .2);
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.std-btn4-box {
    cursor: pointer;
    width: 100%;
}

.std-btn4-box img {
    width: 100%;
}

.hnbu-li-text-tit {
    transition: var(--transition);
}

.hnbu-li-text-parga {
    margin-top: var(--space16);
    color: var(--color666);
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.hnbu-li-text-parga p {
    color: var(--color666);
}

.hnbu-li-text-time {
    margin-top: 0.6rem;
    display: flex;
    align-items: center;
}

.hltt-icon {
    width: 20px;
}

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

.hltt-parga {
    padding-left: 10px;
}

.hltt-parga p {
    color: var(--color999);
}

.home-partner {
    background: #F2F2F2;
}

.home-partner-bt {
    width: 100%;
    position: relative;
}

.home-partner-bt img {
    width: 100%;
}

.home-partner-bt img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(60px);
    opacity: 0;
    transition: all .8s ease-in-out;
}

.home-partner-bt.act img:nth-child(2) {
    transform: translateY(0);
    opacity: 1;
    transition-delay: .8s;
}

.home-case {
    padding: 0.95rem 0;
}

.home-case-swiper-nub a {
    display: block;
    width: 100%;
    position: relative;
}

.hcsn-img {
    position: relative;
}

.hcsn-img::after {
    content: "";
    width: 100%;
    height: 46%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.home-case-word {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    text-align: center;
}

.home-case-word-slick,
.home-case-word-slick .slick-list,
.home-case-word-slick .slick-track {
    width: 100%;
    height: 100%;
}

/* .hcsn-text{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 0;
    z-index: 5;
} */
.hcsn-text a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.66rem 0.5rem;
}

.hcsn-text .std-text20 {
    color: var(--colorfff);
    opacity: 0;
    transform: translateY(60px);
    transition: all .6s ease;
}

.hcsn-text-tit {
    margin-top: 0.08rem;
    color: var(--colorfff);
    opacity: 0;
    transform: translateY(60px);
    transition: all .6s ease;
}

.hcsn-text-btn {
    margin-top: var(--space16);
    color: var(--colorfff);
    opacity: 0;
    transform: translateY(60px);
    transition: all .6s ease;
}

.hcsn-text-btn .std-btn2-box span {
    color: var(--colorfff);
}

.hcsn-text-btn .std-btn2-box-icon {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

.home-case-swiper {
    position: relative;
    overflow: visible !important;
}

.home-case .swiper-pagination {
    width: 100%;
    bottom: 0.56rem;
}

.home-case .swiper-pagination-bullet {
    width: 48px;
    height: 2px;
    background: rgba(255, 255, 255, 0.40);
    margin: 0 2px;
    opacity: 1;
    border-radius: 0;
}

.home-case .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.mod-arrow {
    display: flex;
    pointer-events: none;
    justify-content: space-between;
    z-index: 10;
}

.mod-arrow-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .1);
    transition: var(--transition);
    cursor: pointer;
    pointer-events: all;
}

.mod-arrow-icon svg {
    width: 100%;
    height: auto;
}

.home-case .mod-arrow {
    width: calc(100% + 280px);
}

.home-case-wrap {
    position: relative;
    width: 75%;
    margin: auto;
}

.home-case-text {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* .home-case-text-nub{
    opacity: 0 !important;
}
.home-case-text-nub.swiper-slide-active{
    opacity: 1 !important;
    transition-delay: .8s;
} */
.hcws-nub.slick-current .std-text20 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1s;
}

.hcws-nub.slick-current .hcsn-text-tit {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.1s;
}

.hcws-nub.slick-current .hcsn-text-btn {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.2s;
}

.home-scene {
    position: relative;
}

.home-scene-text h2 {
    color: var(--colorfff);
}

.home-scene-text-btn {
    margin-top: 0.4rem;
}

.home-scene-text {
    z-index: 5;
    top: 1.6rem;
    width: 100%;
}

.home-scene-bg {
    width: 100%;
}

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

.home-scene-bg video {
    background: transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.home-scene-dots {
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

.home-scene-dots-ul {
    width: 100%;
}

.hsdu-li-lab-icon {
    width: var(--iconwidth);
    height: var(--iconwidth);
    transition: var(--transition);
}

.hsdu-li-lab-icon svg {
    width: 100%;
    height: auto;
}

.hsdu-li-lab {
    padding-left: 0.3rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.hsdu-li-lab-cont {
    position: relative;
    padding-left: 0.24rem;
    padding-right: var(--space16);
    white-space: nowrap;
    display: flex;
    align-items: center;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    opacity: 0;
    transform: translateY(60px);
    transition: all .8s ease-in-out;
}

.hsdu-li-lab span {
    color: var(--colorfff);
    line-height: 48px;
}

.hsdu-li {
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    pointer-events: all;
    width: 20px;
}

.hsdu-li-dots {
    width: 100%;
    position: relative;
    opacity: 0;
    transform: translateY(60px);
    transition: all .8s ease-in-out;
}

.hsdu-li-dots img {
    width: 100%;
}

.hodu-li-circle-diffuse::before {
    content: '';
    width: 4px;
    height: 4px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .36s;
    overflow: visible;
    border-radius: 50%;
    animation: page-loader-ripple2 4s linear infinite 1s;
    z-index: -1;
}

.hodu-li-circle-diffuse::after {
    content: '';
    width: 4px;
    height: 4px;
    background: var(--colormain);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .36s;
    overflow: visible;
    border-radius: 50%;
    animation: page-loader-ripple2 4s linear infinite 2s;
    z-index: -1;
}

.hodu-li-circle-diffuse.hodu-li-circle-diffuse2::before {
    animation-delay: 3s !important;
}

.hodu-li-circle-diffuse.hodu-li-circle-diffuse2::after {
    animation-delay: 4s !important;
}

@keyframes page-loader-ripple2 {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }

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

.home-scene.active .hsdu-li-dots,
.home-scene.active .hsdu-li-lab-cont {
    opacity: 1;
    transform: translateY(0);
}

.home-upgrade {
    height: 300vh;
    overflow: visible;
}

.home-upgrade-wrap {
    height: calc(100vh - var(--headh));
    position: sticky;
    top: var(--headh);
}

.home-upgrade-wrap-img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
}

.huwi-wrap {
    --size: 30%;
    width: 124px;
    height: 61px;
    overflow: hidden;
    clip-path: circle(var(--size) at 50% 50%);
    transform: translate(var(--left), var(--top));
}

.huwi-box {
    width: 100%;
    height: 100%;
}

.huwi-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-upgrade-wrap-text {
    width: 100vw;
    height: calc(100vh - var(--headh));
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.home-upgrade-wrap-text h2 {
    color: var(--color333);
}

.home-upgrade-wrap-text h2 span,
.huwi-box-tit h2 span {
    margin: 0 40px;
}

.huwt-btn {
    margin-top: 0.24rem;
}

.huwi-box-tit {
    width: 100vw;
    height: calc(100vh - var(--headh));
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    text-align: center;
    transform: translate(calc(-1* var(--left)), calc(-1* var(--top)));
}

.huwi-box-tit h2 {
    color: var(--colorfff);
}

.hfwb-bg {
    width: 100%;
    position: relative;
}

.hfwb-bg img {
    width: 100%;
}

.hfwb-bg::after {
    content: "";
    width: 100%;
    height: 57%;
    background: linear-gradient(180deg, #E8F2F8 10.27%, rgba(230, 245, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.home-factory {
    --valueY: -200px;
}

.hfwt-text-box {
    transform: scale(0.6);
    transition: all .8s linear;
}

.hfwt-text-box.act {
    transform: scale(1);
}

.home-factory-wrap-bt {
    position: relative;
}

.hfwb-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.hfwb-text-ul {
    width: 100%;
    height: 100%;
}

.hfwb-text-ul-li {
    position: absolute;
    pointer-events: all;
    width: 320px;
    border-radius: 0.12rem;
    overflow: hidden;
}

.htul-tp {
    padding: 0.13rem 0.16rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--colorfff);
    background: rgba(242, 245, 248, 0.60);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: var(--transition);
    cursor: pointer;
    border-radius: 0.12rem;
    overflow: hidden;
}

.htul-tp-btn {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    background: var(--colormain);
    display: flex;
    align-items: center;
    justify-content: center;
}

.htul-tp-btn-icon {
    width: 20px;
    height: 20px;
}

.htul-tp-btn-icon svg {
    width: 100%;
    height: auto;
}

.htul-tp-btn-icon path {
    transition: var(--transition);
}

.htul-tp-tit {
    width: calc(100% - 32px);
    padding-right: 0.2rem;
}

.htul-bt {
    display: none;
    padding: var(--space16) var(--space16) 0.3rem;
    background: var(--colorfff);
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.htul-bt-img {
    width: 100%;
    position: relative;
}

.htul-bt-img img {
    width: 100%;
}

.htul-bt-img-icon {
    width: 48px;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.htul-bt-img-icon img {
    width: 100%;
}

.htul-bt-text {
    margin-top: 0.24rem;
}

.htul-bt-text p {
    opacity: 0.8;
    margin-bottom: 0;
}

.htul-bt-text ul {
    margin-block-start: 0;
    margin-block-end: 0;
}

.htul-bt-text li::marker {
    color: var(--color333);
}

.hfwb-text-ul-li.act .htul-tp-btn-icon path:nth-child(3),
.hfwb-text-ul-li.act .htul-tp-btn-icon path:nth-child(4) {
    opacity: 0;
}

.hfwb-text-ul-li.act .htul-tp {
    background: var(--colorfff);
    border-radius: 0.12rem 0.12rem 0 0;
}

.hfwb-text-ul-li.act {
    z-index: 5;
}

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

.hfwt-text-scroll-icon {
    width: 64px;
    margin: auto;
}

.hfwt-text-scroll-icon img {
    width: 100%;
}

.hfwt-text-scroll .std-text18 {
    color: var(--colorfff);
    margin-top: 0.08rem;
}

.hfwt-text-cont-tit {
    font-size: 1rem;
    color: var(--colorfff);
    line-height: var(--line12);
    font-weight: var(--fontwei500);
}

.hfwt-text-cont .std-font24 {
    color: var(--colorfff);
}

.hfwt-text-cont {
    text-align: center;
    margin-top: var(--space64);
}

.home-factory-wrap-tp {
    position: relative;
    z-index: 2;
}

.hfwt-cont {
    --sizeX: 18.75%;
    --sizeY: 20%;
    clip-path: inset(var(--sizeY) var(--sizeX));
    position: relative;
    z-index: 6;
}

.hfwt-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.hfwt-bg img {
    position: absolute;
}

.hfwt-bg img:nth-child(1) {
    width: 70%;
    top: 28.91%;
    left: -29%;
    /* animation: slow-drift 100s linear forwards; */
}

.hfwt-bg img:nth-child(2) {
    width: 104%;
    right: -51.46%;
    top: 46.55%;
    /* animation: slow-drift 400s linear forwards; */
}

@keyframes slow-drift {
    0% {
        transform: translateX(10vw);
    }

    100% {
        transform: translateX(50vw);
    }
}

@keyframes slow-drift-mobile {
    0% {
        transform: translateX(-150vw);
    }

    100% {
        transform: translateX(20vw);
    }
}

.hfwt-cont-tit .hfwt-text-cont .std-font24 {
    color: var(--color666);
}

.hfwt-cont-tit .hfwt-text-cont-tit {
    color: var(--color333);
}

.hfwt-cont-tit {
    width: 100%;
    height: 100%;
    position: absolute;
    top: var(--valueY);
    left: 0;
    z-index: 5;
    padding-top: 1.73rem;
}

.hfwt-text {
    padding-top: 1.73rem;
    padding-bottom: 6.58rem;
    background: linear-gradient(180deg, #4595CB 0%, #E8F2F8 100%);
    position: relative;
    z-index: 1;
}

.hfwt-text .ys-cont1600 {
    position: relative;
    top: var(--valueY);
}

/* E1_可持续发展-start */
.develop-main .ys-nyban-title h1 {
    text-align: center;
}

.inst-main .ys-nybanner,
.low-main .ys-nybanner,
.develop-main .ys-nybanner,
.about-main .ys-nybanner {
    height: 100vh;
}

.inst-main .ys-nyban-img,
.low-main .ys-nyban-img,
.develop-main .ys-nyban-img,
.about-main .ys-nyban-img {
    position: relative;
    height: 100%;
}

.develop-main .ys-nyban-img::after {
    content: "";
    width: 100%;
    height: 34%;
    background: linear-gradient(0deg, #003768 0%, rgba(0, 55, 104, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

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

.develop-esg-tp-tit .std-text18 {
    margin-top: 0.24rem;
    color: var(--color666);
}

.develop-esg-tp-tit .std-text18 p {
    color: var(--color666);
}

.develop-esg-tp-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 144px;
}

.detb-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
}

.detb-icon svg {
    width: 100%;
    height: auto;
}

.detb-icon path {
    transition: var(--transition);
}

.develop-esg-tp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: var(--space60);
}

.develop-esg-tp-tit {
    width: calc(100% - 144px);
    padding-right: 0.5rem;
}

.develop-esg-bt .develop-esg-tp-btn {
    display: none;
}

.debs-li-cont {
    position: relative;
    width: 100%;
    border-radius: var(--boRds16);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    z-index: 1;
}

.debs-li-cont-text {
    width: 100%;
    position: absolute;
    top: 0.42rem;
    padding: 0 0.33rem;
    z-index: 5;
}

.debs-li-cont-text .std-font32 {
    color: var(--colorfff);
}

.dlct-year {
    color: var(--colorfff);
    margin-top: 0.12rem;
    font-weight: var(--fontwei300);
    line-height: var(--line12);
}

.debs-li-cont-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: -1;
}

.dlcb-li {
    margin-right: 0.24rem;
}

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

.dlcb-li a {
    display: flex;
    align-items: center;
}

.dlcb-li-icon {
    width: 16px;
    height: 16px;
}

.dlcb-li-icon svg {
    width: 100%;
    height: auto;
}

.dlcb-li-icon path {
    transition: var(--transition);
}

.dlcb-li .std-text16 {
    margin-right: 0.08rem;
    transition: var(--transition);
}

.debs-li-cont .ys-imgbox-cover {
    transition: var(--transition);
    clip-path: inset(0 0 0 0 round 0.16rem);
}

.swiper-button-disabled {
    pointer-events: none;
    opacity: 0.5;
}

.develop-quality-tp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.develop-quality-tp h2 {
    width: 34%;
    padding-right: 1.1rem;
}

.develop-quality-tp-img {
    width: 66%;
    border-radius: var(--boRds16);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}

.dqti-img {
    width: 100%;
}

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

.develop-quality-tp-img::before {
    content: "";
    width: 53%;
    height: 100%;
    opacity: 0.2;
    background: linear-gradient(-270deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.develop-quality-tp-img::after {
    content: "";
    width: 100%;
    height: 26%;
    opacity: 0.6;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.dqti-data {
    position: absolute;
    right: -30%;
    top: 0;
    width: 25%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, .1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-left: 1px solid var(--colorfff);
    transition: all .8s ease-in-out;
}

.develop-quality-tp-img.act .dqti-data {
    right: 0;
    transition-delay: .3s;
}

.ddul-parga {
    color: var(--colorfff);
}

.dqti-data-ul {
    height: 100%;
}

.dqti-data-ul-li {
    padding: 0.4rem 0.47rem;
    border-bottom: 1px solid var(--colorfff);
    height: 33.333333%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dqti-data-ul-li:last-child {
    border: none;
}

.ddul-num {
    color: var(--colorfff);
}

.ddul-num span {
    font-size: var(--font60);
    line-height: var(--line13);
    color: var(--colorfff);
    font-family: 'liangxin-Medium';
    margin-right: 0.08rem;
}

.dqti-text {
    width: 75%;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    position: absolute;
    bottom: 0.4rem;
    left: 0;
    z-index: 10;
    transform: translateY(60px);
    opacity: 0;
    transition: all .8s ease-in-out;
}

.develop-quality-tp-img.act .dqti-text {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .5s;
}

.dqti-text-tit .std-font32 {
    color: var(--colorfff);
}

.dqti-text-tit-parga {
    margin-top: 0.08rem;
    color: var(--colorfff);
}

.dqti-text-tit-parga p {
    color: var(--colorfff);
}

.dqti-text-info {
    margin-top: var(--space48);
}

.dqti-text-info-ul {
    margin: -0.1rem -0.05rem 0;
    display: flex;
    flex-wrap: wrap;
}

.dtiu-li {
    width: 25%;
    padding: 0 0.05rem;
    margin-top: 0.1rem;
}

.dtiu-li-icon {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    background: var(--colorfff);
}

.dtiu-li-icon img {
    width: 100%;
}

.dtiu-li-parga {
    color: var(--colorfff);
    margin-top: 0.08rem;
}

.develop-quality-bt-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(-1 * var(--space16));
}

.dqbu-li {
    width: 33.333333%;
    padding: 0 var(--space16);
    margin-top: calc(2 * var(--space16));
}

.dqbu-li-cont-img {
    border-radius: var(--boRds16);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.dqbu-li-cont-text {
    margin-top: 0.2rem;
}

.dlct-parga {
    margin-top: 4px;
}

.dlct-parga,
.dlct-parga p {
    color: var(--color999);
}

.develop-park {
    height: var(--height);
    overflow: visible;
    position: relative;
}

.develop-park-wrap {
    position: sticky;
    top: var(--headh);
    height: calc(100vh - var(--headh));
    width: 100%;
}

.develop-park-wrap-bg {
    width: 100%;
    height: 100%;
    position: relative;
}

.develop-park-wrap-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.develop-park-wrap-bg::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .8s ease-in-out;
    opacity: 0;
}

.develop-park-wrap-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--transition);
}

.develop-park-wrap-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.develop-park-wrap-line {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.dpwl-li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: all .8s ease-in-out;
}

.dpwl-li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.develop-park-wrap-text {
    position: absolute;
    top: var(--space120);
    left: 0;
    z-index: 5;
    width: 100%;
}

.dpwt-data {
    width: 40%;
    margin-top: var(--space64);
    transform: translateY(60px);
    opacity: 0;
    transition: all .8s ease-in-out .3s;
}

.dpwt-data-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.36rem;
}

.dpwt-data-ul-li {
    padding: 0 0.36rem;
}

.ddul-number {
    color: var(--colorfff);
}

.ddul-number span {
    font-size: 0.72rem;
    margin-right: 0.08rem;
    font-family: "liangxin-Medium";
}

.dpwt-tit {
    display: flex;
    transform: translateY(60px);
    opacity: 0;
    transition: all .8s ease-in-out .1s;
}

.dpwt-tit h2 {
    color: var(--colorfff);
}

.dpwt-tit-change {
    margin-right: 0.24rem;
    position: relative;
}

.dpwt-tit-change span {
    color: var(--colormain);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: all .8s ease-in-out;
}

.dpwt-tit-change span.notactive {
    opacity: 0;
    transform: translateY(-100%);
}

.dpwt-tit-change span.act {
    position: relative;
    opacity: 1;
    transform: translateY(0%);
}

.develop-park-wrap-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.dpwi-nub {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.dpwi-nub .hfwb-text-ul-li {
    width: 280px;
    pointer-events: none;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transform: translateY(60px);
    transition: all .8s ease-in-out;
}

.dpwi-nub .htul-tp-tit {
    color: var(--colorfff);
}

.dpwi-nub .htul-tp {
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: rgba(0, 0, 0, 0.10);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.dpwi-nub.act .htul-tp {
    opacity: 1;
    transform: translateY(0px);
}

.dpwi-nub .hfwb-text-ul-li.act .htul-tp {
    background: rgba(0, 0, 0, 0.10);
}

.dpwi-nub .htul-bt {
    border-radius: 0 0 0.12rem 0.12rem;
    border: 1px solid rgba(255, 255, 255, 0.60);
    border-top: none;
    background: rgba(0, 0, 0, 0.10);
    padding: var(--space16);
}

.dpwi-nub .htul-bt-img {
    border-radius: 0.04rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.develop-park.play .develop-park-wrap-bg::after {
    opacity: 1;
}

.develop-park.play .dpwt-tit {
    opacity: 1;
    transform: translateY(0);
}

.develop-park.play .dpwt-data {
    opacity: 1;
    transform: translateY(0);
}

.dpwl-li.act {
    opacity: 1;
    transition-delay: .5s;
}



.dpwi-nub.act .hfwb-text-ul-li {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .5s;
    pointer-events: all;
}

.dpwi-nub.notactive .hfwb-text-ul-li {
    opacity: 0;
    transform: translateY(-60px);
}

.develop-park-change {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.dpwc-li {
    height: 50vh;
}

.develop-innova {
    overflow: visible;
}

.develop-innova-tp {
    height: 300vh;
}

.develop-innova-tp-cont {
    width: 100%;
    /* height: calc(100vh - var(--headh)); */
    position: sticky;
    top: var(--headh);
}

.ditc-img {
    width: 100%;
    height: 100%;
}

.ditc-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bgimg-ph {
    display: none;
}

.develop-innova-bt {
    width: 100%;
    height: calc(100vh - var(--headh));
    display: none;
}

.develop-innova-bt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ditc-text .ys-cont1600 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.ditc-text-ri {
    width: 49%;
}

.ditc-text-le {
    width: 51%;
    padding-right: 2rem;
}

.ditc-text {
    position: absolute;
    top: var(--space120);
    width: 100%;
    left: 0;
    z-index: 5;
}

.ditc-text-le h2 {
    color: var(--colorfff);
}

.ditc-text-le-data {
    margin-top: var(--space64);
}

.dtld-ul {
    display: flex;
    margin: 0 -0.4rem;
    flex-wrap: wrap;
}

.dtld-ul-li {
    padding: 0 0.4rem;
    border-right: 1px solid rgba(255, 255, 255, 0.40);
}

.dtld-ul-li:last-child {
    border-right: none;
}

.dtld-ul-li-num {
    color: var(--colorfff);
}

.dtld-ul-li-num span {
    color: var(--colorfff);
    font-family: "liangxin-Medium";
    margin-right: 0.08rem;
}

.dtld-ul-li-parga {
    margin-top: 0.08rem;
    color: var(--colorfff);
}

.dtld-ul-li-parga p {
    color: var(--colorfff);
}

.ditc-text-ri-date {
    color: var(--colorfff);
    text-align: right;
}

.ditc-text-ri-date p {
    opacity: 0.6;
    color: var(--colorfff);
}

.ditc-text-ri-info {
    margin-top: 0.4rem;
    overflow: hidden;
    height: 428px;
}

.dtri-ul-li {
    padding: 0.24rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dulr-num span {
    font-size: 0.72rem;
    line-height: var(--line13);
    color: var(--colorfff);
    font-family: 'liangxin-Medium';
    margin-right: 0.08rem;
}

.dulr-num {
    color: var(--colorfff);
}

.dull-icon {
    width: 40px;
}

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

.dull-tit {
    width: calc(100% - 40px);
    padding-left: 0.32rem;
    color: var(--colorfff);
}

.dtri-ul-li-le {
    display: flex;
    align-items: center;
}

.develop-side {
    width: 70px;
    position: fixed;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    border-right: 1px solid rgba(255, 255, 255, .4);
    transition: var(--transition);
}

.develop-side.start {
    right: 0.4rem;
}

.develop-side.ended {
    right: -100px !important;
}

.develop-side-ul-li p {
    font-size: 12px;
    line-height: var(--line18);
    color: rgba(255, 255, 255, .6);
    transition: var(--transition);
}

.develop-side-ul-li.act p {
    color: var(--colormain) !important;
}

.develop-side-ul-li {
    margin-bottom: 0.32rem;
    cursor: pointer;
}

.develop-side-ul-li:last-child {
    margin-bottom: 0;
}

.develop-side-line {
    width: 1px;
    height: 22px;
    background: var(--colormain);
    position: absolute;
    right: -1px;
    top: var(--top);
    z-index: 5;
    transition: var(--transition);
}

.develop-side.black,
.develop-side.black1 {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.develop-side.black p,
.develop-side.black1 p {
    color: var(--color999);
}

/* E1_可持续发展-end */

/* G1_公司介绍-start */
.about-main .mod-bread {
    bottom: auto;
    top: calc(var(--headh) + 0.6rem);
}

.about-partner-tp {
    text-align: center;
    margin-bottom: 0.4rem;
}

.about-partner-tp-parga {
    margin-top: var(--space16);
    color: var(--color666);
}

.about-partner-tp-parga p {
    color: var(--color666);
}

.about-info-tp {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.about-info-tp-parga {
    width: 66%;
    color: var(--color666);
}

.about-info-tp-parga p {
    color: var(--color666);
    margin-bottom: 0.28rem;
}

.about-info-tp-parga p:last-child {
    margin-bottom: 0;
}

.about-info-tp-tit {
    width: 34%;
    padding-right: 0.5rem;
}

.about-info-bt {
    margin-top: 0.88rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: calc(50vw - 800px);
}

.about-info-bt-le {
    width: 52.5%;
    border-radius: var(--boRds16);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.about-info-bt-ri {
    width: 47.5%;
    padding-left: 0.44rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.aibr-cont {
    padding-right: var(--space);
    overflow: hidden;
    border-radius: var(--boRds16) 0 0 var(--boRds16);
}

.aibl-slick-nub {
    width: 100%;
}

.aibr-img-nub .ys-imgbox-cover {
    border-radius: var(--boRds16);
}

.aibr-img-nub {
    padding: 0 0.22rem;
    width: 100%;
}

.aibr-img {
    margin: 0 -0.22rem;
}

.aibr-img .slick-list {
    overflow: visible;
}

.about-value {
    height: calc(100vh - var(--headh));
}

.avul-text {
    position: absolute;
    width: 100%;
    bottom: 1.18rem;
    left: 0;
    padding: 0 0.4rem;
    transition: var(--transition);
}

.about-value-ul,
.about-value-ul-li,
.avul-img,
.avul-img img {
    height: 100%;
}

.avul-img img {
    width: 100%;
    object-fit: cover;
}

.about-value-ul-li {
    position: relative;
}

.avul-text-icon {
    width: 60px;
}

.avul-text-icon img {
    width: 100%;
}

.avul-text-tit {
    margin-top: 0.4rem;
    color: var(--colorfff);
}

.avul-text-parga {
    margin-top: var(--space16);
    color: var(--colorfff);
    display: none;
    width: 552px;
}

.avul-text-parga p {
    color: var(--colorfff);
    margin-bottom: 0.28rem;
}

.avul-text-parga p:last-child {
    margin-bottom: 0;
}

.about-value-ul {
    display: flex;
}

.about-value-ul-li.act {
    width: 43%;
}

.about-value-ul-li {
    width: 14.25%;
    transition: var(--transition);
    flex-grow: 1;
}

.avul-img {
    width: 100%;
}

.about-value-ul-li.act .avul-text {
    padding: 0 1rem;
}

.about-history {
    position: relative;
    z-index: 1;
}

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

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

.about-history-text h2 {
    text-align: center;
    color: var(--colorfff);
}

.about-history-text-info {
    margin-top: 0.96rem;
}

.asny-tit {
    font-size: var(--font60);
    line-height: var(--line15);
    font-family: "liangxin-Medium";
    background: linear-gradient(180deg, #00D8C3 0%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 0.44rem;
}

.asny-line {
    flex: 1;
    height: 1px;
    border-top: 1px dashed var(--colormain);
    position: relative;
}

.asny-line::before,
.asny-moreline::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--colormain);
    position: absolute;
    top: -3px;
    left: 0;
}

.asny-line::after,
.asny-moreline::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--colormain);
    position: absolute;
    top: -3px;
    right: 0;
}

.ahti-swiper-nub-year {
    display: flex;
    align-items: center;
    position: relative;
}

.ahti-swiper-nub-text {
    margin-top: 0.12rem;
    padding-right: 1.4rem;
}

.ahti-swiper-nub-text p {
    color: var(--colorfff);
    margin-bottom: 0;
}

.ahti-swiper-nub-text li::marker {
    color: var(--colorfff);
}

.ahti-swiper {
    overflow: visible !important;
}

.about-history-text-year {
    margin-top: 3.1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 8px;
}

.ahty-swiper-nub {
    border-radius: 1rem;
    text-align: center;
    width: 10%;
    overflow: hidden;
}

.ahty-swiper-nub .std-text18 {
    color: var(--color666);
    line-height: 48px;
    cursor: pointer;
    transition: var(--transition);
}

.ahty-swiper-nub.act .std-text18 {
    background: var(--colormain);
    color: var(--colorfff);
}

.ahti-swiper-nub-text ul {
    margin: 0;
}

.asny-moreline {
    width: 322px;
    height: 1px;
    border-top: 1px dashed var(--colormain);
    position: absolute;
    top: 50%;
    left: -366px;
    transform: translateY(-50%);
}

.about-partner {
    background: var(--colorfff);
}

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

.about-archite h2 {
    text-align: center;
}

.about-archite-bt {
    margin-top: var(--space64);
}

.about-archite {
    position: relative;
    z-index: 1;
    padding-bottom: 2rem;
}

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

.about-archite-bg img {
    width: 100%;
}

.about-archite-bt-swiper {
    overflow: visible !important;
}

.aabs-nub {
    width: 25%;
    height: auto !important;
}

.aabs-nub-cont {
    width: 100%;
    height: 100%;
    padding: 0.24rem;
    border-radius: var(--boRds16);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.aabs-nub-cont-icon {
    width: 32px;
}

.aabs-nub-cont-icon img {
    width: 100%;
}

.aabs-nub-cont-tit {
    margin-top: 0.24rem;
}

.aabs-nub-cont-parga {
    margin-top: var(--space48);
    color: var(--color666);
}

.aabs-nub-cont-parga p {
    color: var(--color666);
}

.about-archite-bt-swiper .swiper-pagination {
    bottom: 0 !important;
}

.about-archite-bt-swiper .swiper-pagination-bullet {
    width: 72px;
    height: 2px;
    background: rgba(0, 0, 0, 0.10);
    border-radius: 0;
    margin: 0 5px !important;
    opacity: 1;
}

.about-archite-bt-swiper .swiper-pagination-bullet-active {
    background: var(--color333);
}

.about-archite-bt-swiper.has-dots {
    padding-bottom: 0.64rem;
}

.about-archite::after {
    content: "";
    width: 100%;
    height: 170px;
    background: linear-gradient(180deg, #FFF 16%, rgba(255, 255, 255, 0.80) 40%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

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

.about-qualifi-swiper {
    width: 27%;
}

.aqsn-tit {
    text-align: center;
    margin-top: 0.24rem;
    min-height: 1.6em;
    transform: translateY(-50px);
    transition: all 0.8s cubic-bezier(0.439, 0.007, 0.006, 1.007);
}

.about-qualifi-swiper {
    overflow: visible !important;
}

.about-qualifi-swiper-nub {
    /* height: auto !important; */
}

.about-qualifi h2 {
    text-align: center;
    margin-bottom: var(--space64);
}

.about-qualifi-btn {
    margin: var(--space64) auto 0;
}

.aqsn-img-cont {
    padding: 0.85rem 0.63rem;
    position: relative;
    z-index: 1;
}

.aqsn-img-cont::after {
    content: "";
    width: 100%;
    height: 62.5%;
    border-radius: var(--boRds20);
    background: var(--colorfff);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
    transition: height 0.8s cubic-bezier(0.439, 0.007, 0.006, 1.007);
}

.about-qualifi-swiper-nub.swiper-slide-active .aqsn-img-cont::after {
    height: 100%;
}

.about-qualifi-swiper-nub.swiper-slide-prev .aqsn-img-cont::after,
.about-qualifi-swiper-nub.swiper-slide-next .aqsn-img-cont::after {
    height: 79%;
}

.about-qualifi-swiper .swiper-wrapper {
    align-items: center;
}

.aqsn-img {
    transition: all 0.8s cubic-bezier(0.439, 0.007, 0.006, 1.007);
    transform: scale(0.73);
}

.about-qualifi-swiper-nub.swiper-slide-active .aqsn-img {
    transform: scale(1);
}

.about-qualifi-swiper-nub.swiper-slide-active .aqsn-tit {
    transform: translateY(0);
}

/* G1_公司介绍-end */

/* F1_服务网络-start */
.ys-nyban-parga {
    margin-top: var(--space16);
}

.ys-nyban-parga p {
    color: var(--colorfff);
    opacity: 0.8;
}

.network-partner-tp {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
}

.network-partner-tp-ri {
    width: 49%;
}

.network-partner-tp-le {
    width: 51%;
    padding-right: 3.2rem;
}

.nptl-parga {
    margin-top: var(--space48);
    color: var(--color666);
}

.nptl-parga p {
    color: var(--color666);
}

.nptr-ul {
    margin: calc(-2 * var(--space16)) calc(-1 * var(--space16)) 0;
    display: flex;
    flex-wrap: wrap;
}

.nptr-ul-li {
    width: 50%;
    padding: 0 var(--space16);
    margin-top: calc(2 * var(--space16));
    display: flex;
    align-items: center;
}

.nptr-ul-li-icon {
    width: 60px;
}

.nptr-ul-li-tit {
    width: calc(100% - 60px);
    padding-left: 0.2rem;
}

.nptr-ul-li-tit a {
    color: inherit;
}

.network-partner {
    background: var(--colorfff);
}

.network-query {
    overflow: visible;
}

.network-query h2 {
    color: var(--color333);
    padding-bottom: 0.44rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    margin-bottom: 0.44rem;
}

.network-query-bt {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.network-query-bt-le {
    width: 48.5%;
    position: sticky;
    top: var(--space120);
}

.network-query-bt-ri {
    width: 51.5%;
    padding-left: 0.46rem;
}

.nqbl-img {
    width: 100%;
    margin-top: var(--space16);
    border-radius: var(--boRds10);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

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

.nqbl-info {
    border-radius: var(--boRds10);
    background: var(--color333);
    padding: var(--space16);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.nqbl-info-select .ys-select-hd {
    border-radius: 0.06rem;
    border: 1px solid rgba(51, 51, 51, 0.30);
    background: #FFF;
    height: 56px;
    padding: 0 0.24rem;
}

.nqbl-info-select .ys-select-hd input,
.nqbl-info-select .ys-select-hd input::placeholder {
    font-size: var(--font16);
    color: var(--color333);
}

.nqbl-info-select .ys-select-xtbbox {
    right: var(--space16);
    width: var(--iconwidth);
    height: var(--iconwidth);
}

.nqbl-info-select .ys-select-xtbbox svg {
    width: 100%;
    height: auto;
}

.nqbl-info-select .ys-select-bd {
    border-radius: 0.06rem;
    background: #FFF;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);
    padding: 8px 0;
    top: calc(100% + 3px);
}

.nqbl-info-select .ys-select-li {
    font-size: var(--font14);
    line-height: var(--line18);
    color: var(--color666);
    padding: 8px 0.24rem;
    transition: var(--transition);
}

.nqbl-info-select .ys-select-li.on {
    background: var(--colorbj);
    color: var(--color333);
}

.nqbl-info-select .ys-select-inof {
    max-height: 206px;
}

.nqbl-info-select .mCSB_outside+.mCSB_scrollTools {
    right: 0.2rem;
}

.nqbl-info-select {
    width: 34%;
}

.nqbl-info-search {
    width: 66%;
    padding-left: var(--space16);
}

.nqbl-info-search-cont {
    border-radius: 0.06rem;
    border: 1px solid rgba(51, 51, 51, 0.30);
    background: var(--colorfff);
    padding-right: 0.16rem;
    display: flex;
}

.nisc-icon {
    width: var(--iconwidth);
    cursor: pointer;
    line-height: 54px;
}

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

.nisc-input {
    width: calc(100% - var(--iconwidth));
    height: 54px;
}

.nisc-input input {
    width: 100%;
    height: 100%;
    padding: 0 0.24rem;
    font-size: var(--font16);
    color: var(--color333);
}

.nisc-input input::placeholder {
    font-size: var(--font16);
    color: rgba(153, 153, 153, 0.60);
}

.nqbr-result {
    display: flex;
    align-items: flex-end;
}

.nqbr-result .std-font40 {
    margin-right: 8px;
}

.nqbr-result-parga {
    color: var(--color666);
}

.nqbr-info {
    margin-top: var(--space48);
}

.niul-wrap-nub {
    margin-top: 0.24rem;
    padding: 0.24rem;
    border-radius: var(--boRds10);
    background: var(--colorbj);
}

.niul-wrap-nub-info {
    margin-top: var(--space16);
    padding-top: var(--space16);
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    display: flex;
}

.niul-wrap-nub-parga {
    margin-top: 0.08rem;
    color: var(--color666);
}

.niul-wrap-nub-parga p {
    color: var(--color666);
}

.niul-wrap-nub-tit {
    font-weight: var(--fontwei500);
}

.niul-tit {
    font-weight: var(--fontwei500);
}

.nwni-li {
    margin-right: 0.24rem;
}

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

.nwni-li a {
    display: flex;
    align-items: center;
}

.nwni-li-icon {
    width: var(--iconwidth);
}

.nwni-li-icon img {
    width: 100%;
}

.nwni-li-num {
    width: calc(100% - var(--iconwidth));
    padding-left: 0.1rem;
}

.nqbr-info-ul-li {
    margin-bottom: 0.32rem;
}

.nqbr-info-ul-li:last-child {
    margin-bottom: 0;
}

/* F1_服务网络-end */

/* D4_案例详情-start */
.casedet-main .mod-bread {
    bottom: auto;
    top: calc(var(--headh) + 0.34rem);
}

.casedet-info {
    overflow: visible;
    position: relative;
}

.casedet-info-le-cont {
    width: 31.5%;
    padding: 0.48rem;
    border-radius: var(--boRds10);
    background: var(--colorbj);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: all;
}

.cilc-parga {
    margin-top: var(--space16);
    color: var(--color666);
}

.cilc-parga p {
    color: var(--color666);
}

.cilc-lab {
    margin-top: var(--space48);
    display: flex;
    flex-wrap: wrap;
}

.cilc-lab-li {
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.10);
    position: relative;
    margin-right: 0.08rem;
}

.cilc-lab-li:last-child {
    margin-right: 0;
}

.cilc-lab-li span {
    font-size: var(--font14);
    line-height: 32px;
    display: inline-block;
    color: var(--color666);
    position: relative;
    padding-left: 0.33rem;
    padding-right: 0.2rem;
}

.cilc-lab-li::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: var(--space16);
    transform: translateY(-50%);
}

.cilc-share {
    margin-top: 0.64rem;
}

.cilc-share-icon {
    margin-top: 0.2rem;
}

.cilc-share-parga {
    color: var(--color666);
}

.cilc-share-icon .ys-share-list {
    margin-right: 0.24rem;
}

.cilc-share-icon .ys-share-img {
    width: var(--iconwidth);
    height: var(--iconwidth);
}

.cilc-share-icon .ys-share-img svg {
    width: 100%;
    height: auto;
}

.cilc-share-icon .ys-share-img path {
    transition: var(--transition);
}

.casedet-info-ri {
    width: 63.5%;
    margin-left: 36.5%;
}

.casedet-info-ri p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: var(--line175);
    margin-bottom: 0.75em;
}

.casedet-info-le {
    margin-top: calc(-1 * (calc(472px + var(--space120))));
    padding-bottom: calc(472px + var(--space120));
    position: sticky;
    top: calc(var(--headh) + 1rem);
    pointer-events: none;
}

.casedet-pro {
    background: var(--colorbj);
    position: relative;
}

.casedet-pro-bt::before {
    content: "";
    width: calc(50vw - 800px);
    height: 100%;
    background: linear-gradient(270deg, rgba(246, 246, 246, 0.00) 0%, #F6F6F6 100%);
    position: absolute;
    top: 0;
    left: calc(-1 * calc(50vw - 800px));
    z-index: 2;
}

.casedet-pro-bt::after {
    content: "";
    width: calc(50vw - 800px);
    height: 100%;
    background: linear-gradient(90deg, rgba(246, 246, 246, 0.00) 0%, #F6F6F6 100%);
    position: absolute;
    top: 0;
    right: calc(-1 * calc(50vw - 800px));
    z-index: 2;
}

.casedet-pro-bt {
    margin-top: var(--space48);
    position: relative;
}

.casedet-pro-bt-btn {
    width: calc(100% + 264px);
    z-index: 5;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: calc(50% - 20px);
}

.cpbb-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .1);
    transition: var(--transition);
    pointer-events: all;
    cursor: pointer;
}

.cpbb-icon svg {
    width: 100%;
    height: auto;
}

.cpbb-icon svg:nth-child(2) {
    display: none;
}

.casedet-pro .pbru-li-cont-title {
    font-weight: 400;
    font-size: var(--font32);
}

.prolist-box-right-ul .slick-list {
    overflow: visible;
}

.casedet-pro .prolist-box-right-ul {
    margin: 0 -0.22rem;
}

.casedet-pro .pbru-li {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0.22rem;
}

.casedet-pro .slick-dots {
    margin-top: 0.74rem;
}

.casedet-pro .pbru-li-cont {
    margin-bottom: 0.56rem;
}

.casedet-pro .pbru-li-btn {
    width: 56px;
    height: 56px;
}

/* D4_案例详情-end */

/* F3_防伪查验_01表单-start */
.form-wrap-tp {
    padding-bottom: 0.4rem;
    margin-bottom: var(--space48);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.form-wrap-tp h2 {
    font-weight: var(--fontwei500);
}

.form-wrap-tp-parga {
    margin-top: var(--space16);
    color: var(--color666);
}

.form-wrap-tp-parga p {
    color: var(--color666);
}

.form-wrap-bt {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.form-wrap-bt-ri {
    width: 31.5%;
    border-radius: var(--boRds10);
    background: var(--colorfff);
    padding: 0.24rem 0.28rem;
    position: sticky;
    top: var(--space120);
}

.form-wrap-bt-le {
    width: 68.5%;
    padding-right: 1.37rem;
}

.fwbr-tit {
    font-weight: var(--fontwei500);
}

.fwbr-parga {
    margin-top: var(--space16);
    color: var(--color666);
}

.fwbr-parga p {
    color: var(--color666);
}

.fwbr-img {
    margin-top: 0.24rem;
    width: 100%;
}

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

.fwbr-notice {
    margin-top: 0.24rem;
    color: var(--color666);
}

.fwbr-notice p {
    color: var(--color666);
}

.form-wrap {
    background: var(--colorbj);
    overflow: visible;
}

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

.mess-pop .ys-modal-container {
    border-radius: var(--boRds16);
}

.mess-pop .ys-modal-content {
    width: 590px;
    padding: 0.48rem 0.64rem;
    border-radius: var(--boRds16);
    background: var(--colorfff);
}

.mess-pop-icon {
    width: 88px;
    margin: auto;
}

.mess-pop-icon img {
    width: 100%;
}

.mess-pop-tit {
    margin-top: 0.4rem;
    font-weight: var(--fontwei500);
    text-align: center;
}

.mess-pop-parga {
    text-align: center;
    color: var(--color666);
    margin-top: 0.14rem;
}

.mess-pop-parga p {
    color: var(--color666);
}

.mess-pop-btn {
    margin-top: 0.4rem;
    color: var(--colorfff);
    text-align: center;
    border-radius: 0.08rem;
    line-height: var(--btnHeight);
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.mess-pop-btn::before,
.form-wrap-bt-le .ys-fii-submit::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
    background: var(--colormain);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.mess-pop-btn::after,
.form-wrap-bt-le .ys-fii-submit::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--transition);
    opacity: 0;
    z-index: -1;
}

.form-wrap-bt-le .ys-fii-name {
    font-weight: var(--fontwei500);
    margin-bottom: var(--space16);
}

.form-wrap-bt-le .ys-form {
    --height: 58px;
    --spacein: 16px;
    --spacebot: 0.4rem;
    --space: 16px;
    --colortips: #DE4346;
    --space: 0.14rem;
}

.ys-fii-tips {
    line-height: var(--line18);
    margin-top: 0.08rem;
}

.form-wrap-bt-le .ys-fii-input {
    border-radius: 0.08rem;
    border: 1px solid rgba(0, 0, 0, .1);
}

.form-wrap-bt-le .ys-fii-input input,
.form-wrap-bt-le .ys-fii-input textarea {
    font-size: var(--font14);
}

.form-wrap-bt-le .ys-fii-input input::placeholder,
.form-wrap-bt-le .ys-fii-input textarea::placeholder {
    font-size: var(--font14);
    color: var(--color999);
}

.form-wrap-bt-le .ys-fii-input textarea {
    padding: var(--spacein);
}

.form-wrap-bt-le .ys-form-inof-code {
    width: 60%;
}

.form-wrap-bt-le .ys-fic-auth label {
    width: 100%;
}

.form-wrap-bt-le .ys-fic-auth .ys-fii-input {
    width: 100%;
}

.form-wrap-bt-le .ys-fic-auth {
    align-items: flex-end;
}

.form-wrap-bt-le .ys-fic-auth-img {
    border-radius: 0.08rem;
    border: 1px solid #000;
    overflow: hidden;
}

.form-wrap-bt-le .ys-fii-submit {
    height: 52px;
    line-height: 52px;
    border-radius: 0.08rem;
    position: relative;
    background: transparent;
    z-index: 1;
}

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

.std-btn5-box {
    display: flex;
    align-items: center;
    padding-left: 16px;
    padding-right: 8px;
    border-radius: 0.08rem;
    background: var(--colorfff);
    cursor: pointer;
}

.std-btn5-box span {
    font-size: var(--font14);
    line-height: calc(var(--btnHeight) + 2px);
    color: var(--color333);
    margin-right: 8px;
}

.std-btn5-box-icon {
    width: 28px;
    height: 28px;
    border-radius: 0.04rem;
    background: var(--colormain);
}

.std-btn5-box-icon svg {
    width: 100%;
    height: auto;
}

.yfib-nub {
    margin-right: 0.12rem;
}

.yfib-nub:last-child {
    margin-right: 0;
}

.ys-form-inof-anticode {
    margin-bottom: 0.12rem;
}

.yfib-nub.not-act {
    display: none;
}

.ys-form-inof-anticode.ys-form-empty .ys-fii-tips span {
    display: none;
}

.ys-form-inof-anticode.ys-form-empty .ys-fii-tips i {
    display: block;
}

/* F3_防伪查验_01表单-end */

/* D1_行业解决方案列表页 */
.cata-main h1 {
    margin-bottom: 0.12rem;
    text-align: center;
}

.cata-main .ys-nyban-parga {
    text-align: center;
}

.cata-solu-inof-nub {
    display: flex;
    align-items: start;
    position: relative;
    z-index: 5;
    justify-content: space-between;
    margin-bottom: 0.56rem;
}

.cata-solu-inof-nub:nth-last-child(1) {
    margin-bottom: 0;
}

.csin-le-content-tit {
    margin-bottom: 0.18rem;
}

.csin-le-content-txt,
.csin-le-content-txt p {
    color: var(--color666);
}

.csin-le-content-txt {
    margin-bottom: 0.8rem;
}

.cata-main {
    background: var(--colorbj);
}

.csin-le .ys-spot {
    width: var(--widths);
    height: var(--widths);
    z-index: 10;
}

.cata-solu {
    overflow: visible;
}

.csin-le .std-btn1.black .std-btn1-box {
    padding: 0 0.28rem;
    border: 1px solid var(--color333);
}

.csin-le .ys-spot>span:nth-child(1) {
    background: var(--colorfff);
    z-index: 11;
    border: 4px solid var(--colormain);
}

.csin-le .ys-spot>span:nth-child(1)::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--colorfff);
    border-radius: 50%;
    z-index: 15;
}

.csin-le .ys-spot>span:nth-of-type(n+2) {
    animation: scalebigs 2s linear infinite
}

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

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

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

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

.csin-le-case {
    padding-top: 0.07rem;
    position: relative;
    --widths: 18px;
    left: calc(var(--widths) * -0.5);
}

.cata-solu-inof {
    position: relative;
}

.cata-solu-inof::after {
    content: '';
    position: absolute;
    left: -1px;
    width: 1px;
    height: calc(100% - 0.31rem);
    bottom: 0px;
    background: rgba(0, 0, 0, 0.10);
}

.csin-le {
    width: 56.5%;
    padding-top: 0.24rem;
    padding-right: 2.74rem;
    display: flex;
    position: sticky;
    top: calc(var(--headh) + 0.2rem);
}

.csin-ri {
    width: 43.5%;
    border-radius: var(--boRds10);
}

.csin-le-content {
    width: calc(100% - 18px);
    padding-left: 1.35rem;
}

/* D3_应用案例 */
.estab-main .mod-bread {
    bottom: auto;
    top: 0.42rem;
}

.estab-main .ys-bread-list::before,
.serve-main .ys-bread-list::before {
    background: url(../images/no-bread.svg) center / cover no-repeat;
}

.estab-main .ys-bread-list a,
.serve-main .ys-bread-list a {
    color: var(--color666);
    opacity: .6;
}

.estab-main .ys-bread-list:nth-last-child(1) a,
.serve-main .ys-bread-list:nth-last-child(1) a {
    opacity: 1;
}

.estab-pro-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.42rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: var(--space48);
}

.estab-pro-top-txt {
    width: 57%;
}

.estab-pro-top-txt,
.estab-pro-top-txt p {
    color: var(--color666);
}

.estab-pro {
    position: relative;
}

.estab-pro-top-tit {
    color: var(--color333);
    font-size: var(--font60);
    line-height: var(--line13);
}

.epsi-nub.act .epsi-nub-link .epsi-nub-link-tit {
    color: var(--colorfff);
}

.epsi-nub.act .epsi-nub-link {
    background: var(--color333);
}

.epsi-nub-link-tit {
    line-height: calc(var(--btnHeight) + 2px);
    transition: var(--transition);
    display: block;
}

.epsi-nub-link {
    transition: var(--transition);
    padding: 0 0.32rem;
    border-radius: 0.5rem;
}

.estab-pro-scroll-inof {
    display: flex;
    width: 100%;
    --btn1pa: 0.08rem;
    margin: 0 calc(var(--btn1pa) * -1);
}

.epsi-nub {
    padding: 0 var(--btn1pa);
    white-space: nowrap;
    width: auto;
}

.estab-pro-scroll {
    padding-bottom: 0.2rem;
    margin-bottom: 0.5rem;
}

.estab-pro-list {
    --estapa: 0.22rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--estapa) * -1) calc(var(--estapa) * -2);
}

.epln-link-content {
    padding: 0.4rem 0.2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.epln-link-content-tip {
    color: var(--color666);
    margin-bottom: 0.08rem;
}

.epln-link-content-tit {
    transition: var(--transition);
    font-weight: var(--fontwei500);
    margin-bottom: 0.3rem;
    flex-grow: 1;
}

.epln-link {
    background: var(--colorbj);
    border-radius: var(--boRds10);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.epln-link-pic {
    border-radius: var(--boRds10);
    flex: none;
    width: 100%;
}

.estab-pro-list-nub {
    width: 33.333%;
    padding: 0 var(--estapa);
    margin-bottom: calc(var(--estapa) * 2);
}

.elci-nub-case {
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 0 var(--space16);
    color: var(--color666);
}

.elci-nub-case p {
    line-height: 31.5px;
    color: var(--color666);
    padding-left: 0.17rem;
    position: relative;
}

.elci-nub-case p::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    --elcidot: 5px;
    width: var(--elcidot);
    height: var(--elcidot);
    background: var(--colormain);
    border-radius: 50%;
}

.epln-link-content-inof {
    display: flex;
    --tippa: 0.04rem;
    flex-wrap: wrap;
    margin: 0 calc(var(--tippa) * -1) calc(var(--tippa) * -2);
}

.elci-nub {
    padding: 0 var(--tippa);
    margin-bottom: calc(var(--tippa) * 2);
}

.pc-fenye li {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    font-size: var(--font16);
    border-radius: 0.04rem;
    line-height: 40px;
    margin: 0 10px;
}

.pc-fenye .comp-end,
.pc-fenye .comp-next,
.pc-fenye .comp-prev,
.pc-fenye .comp-first {
    width: 52px;
}

.pc-fenye li.activepage {
    border: 1px solid var(--colormain);
}

/* C1_低压电器总览 */
.low-main h1 {
    font-weight: var(--fontwei500);
    text-align: center;
    margin-bottom: 0.15rem;
}

.inst-main .ys-nyban-parga,
.inst-main .ys-nyban-parga p,
.low-main .ys-nyban-parga,
.low-main .ys-nyban-parga p {
    font-size: var(--font34);
    letter-spacing: 5.44px;
    line-height: var(--line15);
    opacity: 1;
    text-align: center;
}

.inst-main .ys-nybanner .ys-nyban-title,
.low-main .ys-nybanner .ys-nyban-title {
    height: auto;
    top: calc(var(--headh) + var(--space120));
}

.low-main .ys-nyban-img img,
.inst-main .ys-nyban-img img {
    transform: scale(1.2);
    transition: all 1.2s linear;
}

.low-main .ys-nyban-img.active img,
.inst-main .ys-nyban-img.active img {
    transform: scale(1);
}

.low-bus-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.low-bus-case {
    position: relative;
}

.low-bus-case-content {
    position: relative;
    padding: 0.93rem 0.63rem 0.6rem;
    z-index: 9;
}

.low-bus-bg {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: var(--boRds20);
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

.low-bus-case-content h2 {
    color: var(--colorfff);
    padding-left: 0.2rem;
    margin-bottom: 2.4rem;
}

.lbcc-txt {
    border-radius: var(--boRds10);
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    padding: 0.48rem 0.44rem;
    width: 53%;
}

.lbcc-txt,
.lbcc-txt p {
    color: var(--colorfff);
}

.lbcc-txt p {
    margin-bottom: var(--space16);
}

.low-pro h2 {
    margin-bottom: var(--space48);
}

.lbcc-txt p:nth-last-child(1) {
    margin-bottom: 0;
}

.low-main {
    background: var(--colorbj);
}

.lpfn-link {
    position: relative;
    width: 100%;
    border-radius: var(--boRds20);
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

.lpfn-link-bg {
    width: 100%;
    position: relative;
}

.inst-bus-bg {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.low-pro {
    position: relative;
    z-index: 9;
}

.inst-bus {
    position: relative;
    overflow: visible;
}

.inst-bus-bg img {
    width: 100%;
}

.lpfn-link-bg::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 51.5%;
    height: 100%;
    pointer-events: none;
    opacity: 0.5;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}

.lpfn-link-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 58%;
    z-index: 9;
    width: 33%;
    left: 0.64rem;
}

.lsci-btn .std-btn1-box,
.low-pro .std-btn1-box {
    border: 1px solid rgba(255, 255, 255, 0.60);
    padding: 0 0.4rem;
}

.lpfn-link-content-tit {
    color: var(--colorfff);
    padding-right: 0.08rem;
}

.lpfn-link-content-top {
    margin-bottom: 0.08rem;
    display: flex;
    align-items: start;
}

.llct-tip {
    background: var(--colormain);
    padding: 0 0.12rem;
    position: relative;
    top: -0.18rem;
    border-radius: 0.04rem 0.04rem 0.04rem 0;
}

.llct-tip p {
    line-height: 28px;
    font-size: var(--font14);
    color: var(--colorfff);
}

.lpfn-link-content-txt {
    margin-bottom: 0.4rem;
}

.lpfn-link-content-txt,
.lpfn-link-content-txt p {
    color: rgba(255, 255, 255, .75);
}

.low-pro-fir-nub {
    margin-bottom: 0.4rem;
}

.low-pro-fir-nub:nth-last-child(1) {
    margin-bottom: 0;
}

.lpfn-link-bg img {
    width: 100%;
}

.low-pro-fir {
    margin-bottom: 0.44rem;
}

.low-pro-sec {
    display: flex;
    flex-wrap: wrap;
    --propa: 0.22rem;
    margin: calc(var(--propa) * -2) calc(var(--propa) * -1) 0;
}

.low-pro-sec-item {
    width: 50%;
    padding: 0 var(--propa);
    margin-top: calc(var(--propa) * 2);
}

.lpsi-next {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: var(--boRds20);
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

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

.lpsi-next-content {
    position: relative;
    z-index: 5;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
    padding: 0.38rem 0.38rem 0.38rem 0.64rem;
}

.lncl-tit {
    color: var(--colorfff);
    margin-bottom: 0.08rem;
}

.lpsi-next-content-le {
    width: 55%;
    padding-right: 0.3rem;
}

.lncl-txt {
    margin-bottom: 0.4rem;
    max-height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.lpsi-next-content-pro {
    width: 45%;
}

.lncl-txt,
.lncl-txt p {
    color: var(--colorfff);
}

.lpsi-next-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.low-sys-case-tit {
    text-align: center;
    color: var(--colorfff);
    margin-bottom: var(--space16);
}

.low-sys-case-txt,
.low-sys-case-txt p {
    color: var(--colorfff);
    text-align: center;
}

.low-sys-case-txt {
    width: 55%;
    margin: 0 auto 0.34rem;
}

.lsci-btn {
    display: flex;
    justify-content: center;
}

.low-sys-case {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.low-sys-case .ys-cont1600 {
    margin: var(--space120) auto 0;
}

.low-sys {
    position: relative;
    height: calc(100vh - var(--headh));
}

.low-sys-bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.low-sys-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.2);
    transition: all 1.2s linear;
}

.low-sys.active .low-sys-bg img {
    transform: scale(1);
}

.low-about-case-le {
    width: 30%;
    position: sticky;
    top: calc(var(--headh) + 0.4rem);
}

.low-about-case-le h2 {
    margin-bottom: 0.36rem;
}

.low-about-case-ri {
    width: 65.8%;
}

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

.low-about-case-le .std-btn2-box {
    padding: 9px 0.31rem;
    border-radius: 0.04rem;
    border: 1px solid var(--color333);
}

.low-about-case-le .std-btn2-box .std-btn2-box-icon {
    position: relative;
    right: -8px;
}

.lacr-nub-link {
    display: flex;
    justify-content: space-between;
    padding: 0.32rem 0;
    border-bottom: 1px solid rgba(2, 22, 15, 0.2);
}

.lacr-nub:nth-child(1) .lacr-nub-link {
    padding-top: 0;
}

.lacr-nub:nth-last-child(1) .lacr-nub-link {
    border-bottom: none;
    padding-bottom: 0;
}

.lacr-nub-link-pic {
    border-radius: var(--boRds16);
    width: 42.5%;
}

.lacr-nub-link-pic img {
    height: 100%;
    object-fit: cover;
}

.lacr-nub-link-content {
    width: 57.5%;
    padding-left: 0.4rem;
    display: flex;
    flex-direction: column;
}

.lacr-nub-link-content .cilc-lab,
.epln-link .cilc-lab {
    margin-top: 0;
}

.low-about {
    background: var(--colorfff);
    overflow: visible;
}

.lnlc-tip {
    color: var(--color666);
    margin-bottom: var(--space16);
}

.lnlc-tit-ce {
    flex-grow: 1;
    margin-bottom: 0.2rem;
    transition: var(--transition);
}

.lhin-link {
    background: var(--colorfff);
    padding: 0.4rem;
    border-radius: 0.08rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.low-help-inof {
    --hepa: 0.24rem;
    margin: 0 calc(var(--hepa) * -1);
}

.low-help-inof-nub {
    width: 33.333%;
    padding: 0 var(--hepa);
}

.lhin-link-top-icon {
    width: 48px;
    flex: none;
}

.low-help h2 {
    text-align: center;
    margin-bottom: var(--space48);
}

.lhin-link-top-icon img {
    width: 100%;
}

.lhin-link-top {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding-bottom: 0.24rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: 0.24rem;
}

.lhin-link-txt {
    margin-bottom: 0.4rem;
}

.lhin-link-txt,
.lhin-link-txt p {
    color: var(--color666);
}

.lhin-link-top-tit {
    padding-left: var(--space16);
    transition: var(--transition);
}

.mod-dots .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 0.5rem;
}

.mod-dots .slick-dots li {
    width: 78px;
    height: 2px;
    background: rgba(0, 0, 0, .1);
    border-radius: 0;
    margin: 0 5px;
}

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

/* C2_仪器仪表总览 */
.inst-main h1 {
    font-weight: var(--fontwei500);
    text-align: center;
    margin-bottom: 0.14rem;
}

.ibcl-tit {
    margin-bottom: var(--space48);
}

.ibcl-txt,
.ibcl-txt p {
    color: var(--color666);
}

.inst-bus-case-le {
    width: 51.5%;
    padding-right: 3.18rem;
}

.inst-bus-case {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.ibcr-nub-case-icon {
    width: 60px;
    flex: none;
    margin-bottom: 0.2rem;
}

.ibcr-nub-case-icon img {
    width: 100%;
}

.ibcr-nub-case {
    padding-bottom: 0.3rem;
    height: 100%;
    border-bottom: 1px solid #C8C9CE;
}

.inst-bus-case-ri {
    width: 48.5%;
}

.ibcr-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.35rem -0.7rem;
}

.inst-main {
    background: var(--colorbj);
}

.ibcr-nub {
    width: 50%;
    padding: 0 0.35rem;
    margin-bottom: 0.7rem;
}

.lpsi-next-content-pro img {
    object-fit: cover;
}

.isin-case-icon {
    width: 24px;
    flex: none;
}

.isin-case-icon img {
    width: 100%;
}

.inst-sys-inof {
    display: flex;
    flex-wrap: wrap;
    --instpa: 0.12rem;
    justify-content: center;
    margin: 0 calc(var(--instpa) * -1) calc(var(--instpa) * -2);
}

.inst-sys-ce {
    margin-bottom: 0.5rem;
}

.inst-sys-inof-nub {
    padding: 0 var(--instpa);
    margin-bottom: calc(var(--instpa) * 2);
}

.inst-sys .low-sys-case-tit {
    margin-bottom: 0.32rem;
}

.isin-case-tit {
    color: var(--colorfff);
    padding-left: 0.08rem;
}

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

/* C3_智能配电总览汇总页 */
.dis-main .ys-ban-title {
    margin-bottom: var(--space16);
}

.dis-main .ys-ban-subtit {
    font-size: var(--font34);
    line-height: var(--line15);
    letter-spacing: 5.44px;
    font-weight: 400;
    font-family: inherit;
}

.dis-main .ys-ban-li.act .ys-ban-subtit {
    animation: ysfadeInUp .8s ease-in-out both;
}

.dis-main .ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-subtit {
    animation-delay: 0.4s;
}

.dis-three-top h2 {
    margin-bottom: var(--space16);
}

.dis-three-top-txt,
.dis-three-top-txt p {
    color: var(--color666);
}

.dis-three-top {
    text-align: center;
    margin-bottom: 0.61rem;
}

.ys-fold.dis-three-inof {
    --dishe: 600px;
    --gap1: 8px;
}

.dis-three-inof-nub {
    height: var(--dishe);
}

.ys-fold-nub.dis-three-inof-nub {
    width: calc(calc(var(--cont) + calc(var(--gap1)* 2))* .203);
}

.dtin-case {
    height: 100%;
    position: relative;
    width: 100%;
}

.ys-fold-nub.dis-three-inof-nub.on {
    width: calc(calc(var(--cont) + calc(var(--gap1)* 2))* .5732);
}

.dtin-case-pic img {
    object-fit: cover;
}

.dtin-case-pic {
    width: 100%;
    position: relative;
    height: 100%;
}

.dtin-case-pic::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.40) 50%, rgba(0, 0, 0, 0.00) 100%);
    pointer-events: none;
}

.dtin-case {
    border-radius: var(--boRds16);
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}

.dcsi-nub {
    display: flex;
    margin-bottom: 0.1rem;
}

.dcsi-nub:nth-last-child(1) {
    margin-bottom: 0;
}

.ys-fold-nub.dis-three-inof-nub.on .dtin-case-fir {
    opacity: 0;
}

.dcsi-nub .std-text16 {
    color: var(--colorbj);
    padding-left: var(--space16);
}

.dcsi-nub-icon {
    flex: none;
    width: var(--iconwidth);
}

.dcsi-nub-icon img {
    width: 100%;
}

.dtin-case-sec {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
    transition: var(--transition);
    padding: 0.47rem 0.4rem;
}

.ys-fold-nub.dis-three-inof-nub.on .dtin-case-sec {
    opacity: 1;
    transition-delay: .3s;
}

.dtin-case-sec .dtin-case-fir-inner {
    margin-bottom: 0.32rem;
}

.dtin-case-fir {
    position: absolute;
    left: 50%;
    bottom: 0.6rem;
    transition: var(--transition);
    width: 100%;
    padding: 0 0.4rem;
    transform: translateX(-50%);
    z-index: 9;
}

.dtin-case-fir-inner {
    display: flex;
    align-items: center;
}

.estab-pro-bg img {
    width: 100%;
}

.estab-pro-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.dtin-case-fir-icon {
    --dcwi: 40px;
    position: relative;
    flex: none;
    width: var(--dcwi);
    height: var(--dcwi);
    border-radius: 0.08rem;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    -moz-backdrop-filter: blur(6px);
    -ms-backdrop-filter: blur(6px);
    -o-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.dtin-case-fir-inner .std-font24 {
    color: var(--colorfff);
    padding-left: var(--space16);
}

.dtin-case-fir-icon img {
    width: var(--iconwidth);
}

.dis-three {
    background: var(--colorbj);
}

.dis-type .dis-three-top {
    margin-bottom: 0.4rem;
}

.dis-type-scroll {
    display: flex;
    justify-content: center;
    margin-bottom: var(--space48);
}

.dis-type-scroll-inof {
    padding: 8px;
    display: flex;
    border-radius: 9999px;
    border: 1px solid #F3F4F6;
    background: var(--colorbj);
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05) inset;
}

.dtsi-nub.act .dtsi-nub-case {
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.dtsi-nub.act .dtsi-nub-case-tit {
    color: var(--color333);
}

.dtsi-nub-case {
    padding: 0 0.32rem;
    border-radius: 9999px;
    cursor: pointer;
    transition: var(--transition);
}

.dtsi-nub-case-tit {
    line-height: 54px;
    transition: var(--transition);
    color: var(--color666);
}

.dis-type-inof-item {
    display: none;
}

.dis-type-inof-item:nth-child(1) {
    display: block;
}

.dtii-box {
    padding: 0.47rem 0.56rem;
    border-radius: 0.24rem;
    background: var(--colorbj);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dtii-box-le-tit {
    margin-bottom: 0.24rem;
}

.dtii-box-le-txt,
.dtii-box-le-txt p {
    color: var(--color666);
}

.dbll-nub-case {
    border-radius: var(--boRds16);
    border: 1px solid #F3F4F6;
    background: var(--colorfff);
    height: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 0.24rem;
}

.dis-capa-bg {
    width: 100%;
    height: 100%;
}

.dis-capa-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dis-capa {
    position: relative;
    height: calc(100vh - var(--headh));
}

.dis-capa-case {
    position: absolute;
    bottom: 13%;
    left: 0;
    width: 100%;
    z-index: 9;
}

.dtii-box-le-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.08rem calc(-1 * var(--space16));
}

.dbll-nub-case-icon {
    width: 40px;
    margin: 0 auto 8px;
    flex: none;
}

.dbll-nub-case-tit {
    text-align: center;
}

.dbll-nub-case-icon img {
    width: 100%;
}

.dtii-box-ri {
    border-radius: var(--boRds16);
    width: 58%;
    cursor: pointer;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}

.dbll-nub {
    width: 33.333%;
    padding: 0 0.08rem;
    margin-bottom: var(--space16);
}

.dtii-box-le-txt {
    margin-bottom: var(--space48);
    width: 80%;
}

.dtii-box-le {
    width: 42%;
    padding-right: 0.64rem;
}

.dcct-tit {
    color: var(--colorfff);
    margin-bottom: var(--space16);
}

.dcct-txt,
.dcct-txt p {
    color: rgba(255, 255, 255, .8);
}

.inst-main .low-about {
    background: #F9F9F9;
}

.dis-deve-case {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dis-deve-case-le {
    width: 48.625%;
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    border-radius: var(--boRds16);
}

.dis-deve-case-ri {
    width: 51.375%;
    padding-left: 1.37rem;
}

.ddcr-tit {
    margin-bottom: var(--space64);
}

.dis-deve-case-le img {
    width: 100%;
}

.ddcr-inof-nub:nth-child(1) {
    border-top: 1px solid rgba(0, 0, 0, 0.30);
}

.ddcr-inof-nub {
    padding: 0.3rem 0;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.30);
}

.ddcr-inof-nub-fir {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dinf-icon {
    width: 26px;
    height: 26px;
    position: relative;
}

.dinf-icon::before {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--color333);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: var(--transition);
}

.dinf-icon::after {
    content: "";
    width: 2px;
    height: 100%;
    background: var(--color333);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--transition);
}

.dinf-box {
    --dinfwi: 32px;
    width: var(--dinfwi);
    height: var(--dinfwi);
    flex: none;
    position: relative;
    border-radius: 50%;
}

.dinf-tit {
    padding-right: 0.3rem;
    width: calc(100% - 26px);
}

.dinf-box::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color333);
    height: 100%;
    width: 2.5px;
    transition: var(--transition);
}

.ddcr-inof-nub.act .dinf-icon::after {
    opacity: 0;
}

.ddcr-inof-nub.act .dinf-icon::before {
    background: var(--colormain);
}

.ddcr-inof-nub-txt,
.ddcr-inof-nub-txt p {
    color: var(--color666);
}

.ddcr-inof-nub-txt {
    width: 100%;
    margin-top: var(--space16);
    display: none;
}

.ddcr-inof-nub-txt p span {
    font-size: inherit;
    line-height: inherit;
    font-weight: var(--fontwei500);
    color: var(--color333);
}

.dinf-box::before {
    content: '';
    position: absolute;
    transition: var(--transition);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color333);
    width: 100%;
    height: 2.5px;
}

.dis-glob {
    position: relative;
    height: calc(100vh - var(--headh));
}

.dinf-num {
    color: #52525A;
    line-height: var(--line18);
    opacity: .5;
    width: 46px;
    text-align: center;
}

.dgci-inof-nub {
    cursor: pointer;
    padding: var(--space16) 0;
    border-bottom: 1px solid rgb(82, 82, 90, .2);
}

.dgci-inof-nub-fir {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dgci-inof-nub:nth-child(1) {
    padding-top: 0;
}

.dgci-inof-nub:nth-last-child(1) {
    padding-bottom: 0;
}

.dgci-inof-nub:nth-last-child(1) {
    border-bottom: none;
}

.dgci-inof-nub.act .dinf-box::after {
    opacity: 0;
}

.dinf-tits {
    width: calc(100% - 46px);
    padding-left: var(--space16);
    color: #0A0915;
}

.dgci-inof-nub-sec {
    display: none;
    width: 100%;
    padding-left: calc(46px + var(--space16));
    padding-right: 32px;
    margin-top: 8px;
}

.dgci-inof-nub-sec,
.dgci-inof-nub-sec p {
    color: #52525A;
}

.dgci-inof .dinf-box::after {
    height: 14px;
    width: 1px;
}

.dgci-inof .dinf-box::before {
    width: 14px;
    height: 1px;
}

.dgci-inof .dinf-box {
    background: var(--colorbj);
}

.dinf-le {
    display: flex;
    padding-right: 0.3rem;
    align-items: center;
    width: calc(100% - 32px);
}

.dgci-tit {
    margin-bottom: 0.8rem;
}

.dis-glob-case {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dis-glob-case-inner {
    border-radius: var(--boRds16);
    background: var(--colorfff);
    width: 35%;
    padding: 0.48rem 0.4rem 0.4rem;
}

.dis-main .low-pro {
    background: var(--colorbj);
}

.dis-main .lpfn-link-content-txt p,
.dis-main .lpfn-link-content-txt {
    color: var(--colorfff);
}

.low-friends {
    position: relative;
}

.low-friends .dis-capa-bg {
    position: absolute;
    top: 0;
    left: 0;
}

.low-friends-case-ri {
    width: 39%;
}

.lfcr-txt {
    margin-bottom: 0.4rem;
}

.low-friends-case-ri .std-btn3 {
    display: flex;
}

.low-friends-case-ri .std-btn3-box {
    padding: 0 0.45rem;
}

.low-friends-case-ri .std-btn3-box .std-text16 {
    line-height: calc(var(--btnHeight) + 0.18rem);
    font-weight: var(--fontwei500);
    font-size: var(--font18);
}

.low-friends-case {
    position: relative;
    z-index: 9;
    padding-top: var(--space180);
    align-items: start;
    display: flex;
    justify-content: space-between;
    padding-bottom: var(--space90);
}

.lfcr-txt,
.lfcr-txt p {
    color: var(--colorfff);
}

.low-friends-case-le {
    color: var(--colorfff);
    width: 50%;
}

.dcci-nub-case {
    border-radius: var(--boRds16);
    border: 1px solid #EAEAEA;
    height: 100%;
    background: var(--colorfff);
    padding: 0.4rem 0.3rem 0.24rem;
}

.dis-capa-case-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px -8px;
}

.dcci-nub {
    padding: 0 4px;
    width: 25%;
    margin-bottom: 8px;
}

.dnci-item-case-tit {
    color: var(--color666);
}

.dcci-nub-case-tit {
    margin-bottom: 4px;
}

.dict-icon.down img:nth-child(1) {
    opacity: 1;
}

.dict-icon.down img:nth-child(2) {
    opacity: 0;
}

.dcci-nub-case-txt,
.dcci-nub-case-txt p {
    color: var(--color999);
}

.dcci-nub-case-txt {
    padding-bottom: 0.24rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: 0.32rem;
}

.dcci-nub-case-cont {
    color: var(--colormain);
}

.dict-num {
    font-size: var(--font38);
    color: var(--colormain);
    line-height: var(--line14);
}

.dict-icon {
    width: var(--iconwidth);
    margin-left: 4px;
    flex: none;
    transition: var(--transition);
    position: relative;
    top: 3px;
}

.dict-icon img {
    opacity: 0;
}

.dict-num span {
    color: var(--colormain);
    line-height: var(--line14);
    font-size: var(--font24);
}

.dis-capa-case-top {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.dnci-item-case-top {
    display: flex;
    align-items: center;
}

.dict-icon.top img:nth-child(1) {
    opacity: 0;
}

.dict-icon.top img:nth-child(2) {
    opacity: 1;
}

.dcci-nub-case-inof {
    display: flex;
    --dccipa: 0.2rem;
    margin: 0 calc(var(--dccipa) * -1);
}

.dnci-item::after {
    content: '';
    position: absolute;
    width: 1px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 61%;
    background: rgba(0, 0, 0, .1);
}

.dnci-item:nth-child(1)::after {
    opacity: 0;
}

.dnci-item {
    padding: 0 var(--dccipa);
    position: relative;
}

.two-per-bot-tit {
    color: var(--colormain);
    padding-top: 0.08rem;
    padding-right: 0.2rem;
    margin-right: 0.2rem;
}

.two-per-bot .dnci-item:nth-child(1)::after {
    opacity: 1;
}

.dis-capa-case-inner {
    position: relative;
}

.two-per-bot {
    display: flex;
    align-items: start;
}

/* C6_产品详情 */
.serve-pro-case {
    display: flex;
    flex-wrap: wrap;
    --serri: 51.7%;
    justify-content: space-between;
    background: var(--colorbj);
}

.serve-pro-case-ri {
    width: 51%;
    padding: 1.7rem calc(50vw - 800px) 1.7rem 1.42rem;
    position: relative;
}

.serve-pro-case-le {
    justify-content: center;
    position: relative;
    display: flex;
    align-items: center;
    width: 49%;
    padding: 1.7rem 0.85rem 1.7rem calc(50vw - 800px);
    background: var(--colorfff);
}

.spcl-wrap {
    padding-left: 1.05rem;
    width: 100%;
    position: relative;
}

.sinc-tit {
    padding-left: 0.08rem;
}

.spcr-tit {
    color: #0B0205;
    font-weight: var(--fontwei500);
    margin-bottom: 0.24rem;
}

.sinc-icon {
    width: 20px;
    position: relative;
    top: 1px;
    flex: none;
}

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

.spcr-inof-nub-case {
    display: flex;
    align-items: start;
}

.spcr-txt p:nth-last-child(1) {
    margin-bottom: 0;
}

.spcr-txt p {
    margin-bottom: 0.28rem;
}

.spcr-txt {
    padding-bottom: 0.24rem;
    margin-bottom: 0.24rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.spcr-txt,
.spcr-txt p {
    color: var(--color666);
}

.spcr-btn {
    display: flex;
}

.spcr-inof {
    display: flex;
    flex-wrap: wrap;
    --spcrpa: 0.12rem;
    margin: 0 calc(var(--spcrpa) * -1) calc(var(--spcrpa) * -2);
}

.spcr-btn .black1 .std-btn1-box {
    border: 1px solid var(--color333);
    background: var(--color333);
    padding: 0 0.27rem;
}

.spcr-btn .white1 .std-btn1-box {
    border: 1px solid var(--color333);
    padding: 0 0.27rem;
}

.spcr-btn .white1 .std-btn1-box span {
    color: var(--color333);
}

.spcr-ce {
    margin-bottom: 0.8rem;
}

.spcr-btn {
    --spcrpa: 0.04rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--spcrpa) * -1);
}

.spcr-btn .std-btn1 {
    padding: 0 var(--spcrpa);
}

.spcr-inof-nub {
    width: 33.333%;
    padding: 0 var(--spcrpa) calc(var(--spcrpa) * 2);
}

.spcl-big-nub {
    width: 100%;
}

.spcl-big-nub-pro {
    display: flex;
    width: 100%;
    justify-content: center;
}

.sbnp-pic {
    width: 68.1%;
}

.spcl-poas {
    width: 122px;
    top: 50%;
    left: -0.8rem;
    transform: translateY(-50%);
    position: absolute;
}

.spln-case-pro {
    width: 50%;
}

.spcl-poas-le-nub {
    padding: var(--spclpa) 0;
}

.spcl-poas-le {
    --spclpa: 0.12rem;
    width: 100%;
    margin: calc(var(--spclpa) * -1) 0;
}

.spcl-poas-btn-le {
    bottom: calc(100% + 0.2rem);
    transform: rotate(180deg) translateX(50%) !important;
}

.spcl-poas-btn-ri {
    top: calc(100% + 0.2rem);
}

.spcl-poas-btn-case {
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.spcl-poas-btn-case svg {
    width: 100%;
    height: auto;
}

.spcl-poas-btn-case path {
    transition: var(--transition);
}

.spln-case {
    width: 100%;
    display: flex;
    justify-content: center;
    border: 1px solid transparent;
    transition: var(--transition);
    position: relative;
    padding: 3px 0;
    cursor: pointer;
}

.spln-case::after {
    content: '';
    border-radius: var(--boRds10);
    position: absolute;
    left: 0;
    transition: var(--transition);
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.spcl-poas-le-nub.slick-current .spln-case::after {
    opacity: 1;
}

.spcl-poas-le .slick-track {
    display: block;
}

.sdti-nub-case {
    transition: var(--transition);
    color: #0B0205;
    opacity: .6;
    cursor: pointer;
    position: relative;
    line-height: 70px;
}

.sdti-nub.act .sdti-nub-case::after {
    width: 100%;
}

.sdti-nub-case::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    transform: translateX(-50%);
    background: var(--colormain);
    transition: var(--transition);
}

.sdti-nub.act .sdti-nub-case {
    opacity: 1;
    color: var(--colormain);
}

.serve-down-top-inof {
    display: flex;
    --setoppa: 0.24rem;
    margin: 0 calc(var(--setoppa) * -1);
}

.sdti-nub {
    padding: 0 var(--setoppa);
}

.serve-down-top {
    position: relative;
    margin-bottom: var(--space90);
}

.serve-down-top::after {
    content: '';
    position: absolute;
    top: 0;
    height: 1px;
    width: 100vw;
    left: 50%;
    background: rgba(0, 0, 0, 0.10);
    transform: translateX(-50%);
}

.serve-down-top::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100vw;
    left: 50%;
    background: rgba(0, 0, 0, 0.10);
    transform: translateX(-50%);
}

/* D2_行业解决方案详情汇总页 */
.ssbn-case {
    border-radius: var(--boRds16);
    background: var(--colorfff);
    padding: 0.42rem 0.4rem 0.4rem;
    height: 100%;
    transition: var(--transition);
}

.scen-main h1 {
    margin-bottom: 0.2rem;
}

.scen-main .insides-main-txt,
.scen-main .insides-main-txt p {
    text-align: start;
}

.scen-safe-top-tit {
    width: 40%;
}

.scen-safe-top-txt {
    width: 57%;
}

.scen-safe-top-txt,
.scen-safe-top-txt p {
    color: var(--color666);
}

.serve-down-inof-nub:not(:first-child) {
    display: none;
}

.scen-safe-bot {
    --scenpa: 0.22rem;
    margin: 0 calc(var(--scenpa) * -1);
    display: flex;
    flex-wrap: wrap;
}

.ssbn-case-tip {
    color: var(--color999);
    margin-bottom: 0.3rem;
}

.ssbn-case-txt,
.ssbn-case-txt p {
    color: var(--color666);
}

.ssbn-case-tit {
    margin-bottom: 0.2rem;
}

.ssbn-case-icon-pic {
    margin-bottom: var(--space80);
    width: 60px;
    flex: none;
}

.ssbn-case-icon-pic img {
    width: 100%;
}

.scen-safe {
    background: var(--colorbj);
}

.scen-safe-top {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.92rem;
    justify-content: space-between;
}

.scen-safe-bot-nub {
    padding: 0 var(--scenpa);
    flex: 1;
}

.serve-main .mod-bread {
    bottom: auto;
    top: calc(var(--headh) + 0.42rem);
}

.dis-body {
    padding-right: 0 !important;
}

.scen-solu-parga {
    margin-top: var(--space16);
    color: var(--color666);
}

.scen-solu-parga p {
    color: var(--color666);
}

.scen-solu-bt {
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.scen-solu-bt-text {
    width: 51%;
    padding-right: 1.8rem;
    margin-top: 0.24rem;
    position: sticky;
    top: calc(var(--space120) + var(--headh));
}

.ssbt-ul-li-img {
    width: 100%;
    border-radius: var(--boRds16);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    display: none;
}

.scen-solu-bt-img {
    width: 49%;
}

.ssbi-nub {
    width: 100%;
    border-radius: var(--boRds16);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-bottom: var(--space120);
}

.ssbi-nub:last-child {
    margin-bottom: 0;
}

.ssbt-ul-li-tit {
    margin-bottom: 0.96rem;
}

.ssbt-swiper-nub {
    opacity: 1 !important;
}

.ssbt-swiper-nub-cont {
    opacity: 0 !important;
    transition-property: all !important;
    transform: translateY(50%) !important;
    transition: opacity .8s cubic-bezier(.77, 0, .175, 1), transform .8s cubic-bezier(.77, 0, .175, 1);
}

.ssbt-swiper-nub.swiper-slide-active .ssbt-swiper-nub-cont {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.ssbt-swiper-nub.swiper-slide-prev .ssbt-swiper-nub-cont {
    opacity: 0 !important;
    transform: translateY(-50%) !important;
}

.ssbt-swiper {
    overflow: visible !important;
}

.suli-ul-li {
    margin-bottom: 0.32rem;
}

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

.suli-ul-li-tit {
    display: flex;
    align-items: center;
}

.sult-icon {
    width: 32px;
}

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

.suli-ul-li-tit .std-font24 {
    width: calc(100% - 32px);
    padding-left: 8px;
}

.suli-ul-li-parga {
    margin-top: 0.1rem;
    color: var(--color666);
}

.suli-ul-li-parga p {
    color: var(--color666);
}

.scen-solu {
    overflow: visible;
    position: relative;
    z-index: 1;
}

.scen-solu-bt-line {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.ssbl-wrap {
    position: sticky;
    top: calc(var(--space120) + var(--headh) - 0.24rem);
}

.ssbl-wrap-line {
    width: 1px;
    height: 550px;
    background: rgba(0, 0, 0, .1);
    margin-left: -0.86rem;
    position: relative;
}

.ssbl-wrap-line::after {
    content: "";
    width: 1px;
    height: calc(var(--index) * var(--pro));
    background: var(--color333);
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--transition);
}

.ssbl-wrap-num {
    width: 34px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: calc(-0.86rem - 17px);
    bottom: 0;
}

.ssbl-wrap-num span.active {
    color: var(--color333);
}

.ssbl-wrap-num span {
    font-size: 12px;
    line-height: var(--line13);
    color: #C9C9D2;
}

#qrcode {
    border: 7px solid #464646;
}

/* 2026.04.22 - Teemo新增 - start */
/* G4 - start */
.newslist-main .ys-main {
    background: var(--colorbj);
}

.newslist-slick {
    margin: 0 -0.24rem;
}

.newslist-slick-item {
    padding: 0 0.24rem;
}

.newslist-slick-item a {
    width: 100%;
    height: 100%;
    display: flex;
    background: var(--colorfff);
}

.newslist-slick-item a,
.newslist-slick-item-left {
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.newslist-slick-item-left {
    width: 48.375%;
    flex-shrink: 0;
}

.newslist-slick-item-left img {
    width: 100%;
    object-fit: cover;
}

.newslist-slick-item-right {
    width: 51.625%;
    height: 100%;
    padding: 0.9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nsir-text {
    margin-bottom: 0.8rem;
}

.nsir-text-time {
    color: var(--color666);
    margin-bottom: 0.08rem;
}

.nsir-text-title {
    font-weight: var(--fontwei500);
    transition: var(--transition);
}

.nsir-btn .std-btn1-box {
    width: fit-content;
}

.nsir-btn .std-btn1-box {
    padding: 0 0.28rem !important;
}

/* 第二板块 */
.newslist-list .hnbu-li:first-child {
    border-top: none;
}

.newslist-list .hnbu-li a {
    padding: 0.24rem 0 0.32rem;
    justify-content: space-between;
}

.newslist-list .hnbu-li:first-child a {
    padding-top: 0;
}

.newslist-list .hnbu-li:last-child a {
    padding-bottom: 0;
}

.newslist-list .hnbu-li-text {
    width: calc(100% - 60px);
    padding-left: 0;
    padding-right: 3.4rem;
}

/* G4 - end */
/* G5 - start */
.newsdet-cont {
    display: flex;
    align-items: flex-start;
}

.newsdet-cont-left {
    width: 76%;
    padding-right: 1.43rem;
}

.newsdet-cont-left-time {
    color: var(--color999);
}

.newsdet-cont-left .newsdet-cont-left-time {
    margin-bottom: 0.33rem;
}

.newsdet-cont-left-title {
    font-weight: var(--fontwei500);
    margin-bottom: 0.4rem;
}

.newsdet-cont-left-share {
    display: flex;
    align-items: center;
    margin-bottom: var(--space16);
}

.ncls-icon {
    width: 20px;
    margin-left: 8px;
}

.ncls-icon svg {
    width: 100%;
    height: auto;
}

.ncls-icon path {
    transition: var(--transition);
}

.newsdet-cont-left-box {
    padding: 0.4rem 0 var(--space64) 0;
    margin-bottom: var(--space64);
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.newsdet-cont-left-box p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    margin-bottom: 0.75em;
}

.newsdet-cont-left-box p:last-child {
    margin-bottom: 0;
}

.nclb-link {
    display: flex;
    align-items: flex-start;
}

.nclb-li {
    margin-bottom: var(--space16);
}

.nclb-li:last-child {
    margin-bottom: 0;
}

.nclb-link p,
.nclb-link-text {
    color: var(--color999);
    transition: var(--transition);
}

.nclb-link-text {
    flex-shrink: 0;
}

/* 右侧区域 */
.newsdet-main,
.newsdet-main .ys-main,
.newsdet-wrap,
.newsdet-wrap .ys-cont1600 {
    overflow: visible !important;
}

.newsdet-cont-right {
    width: 24%;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: var(--space120);
    z-index: 10;
}

.newsdet-cont-right-title {
    font-weight: var(--fontwei500);
    margin-bottom: 0.4rem;
}

.ncru-item:nth-child(1) a {
    padding-top: 0;
}

.ncru-item a {
    display: flex;
    flex-direction: column;
    padding: 0.28rem 0 0.38rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.ncru-item .newsdet-cont-left-time {
    margin-bottom: 0.27rem;
}

.ncru-title {
    transition: var(--transition);
}

/* G5 - end */
/* G6 - start */
.vidlist-main .ys-main {
    background: var(--colorbj);
}

.vidlist-box-tag {
    display: flex;
    align-items: center;
}

.vidlist-box-tag-item {
    margin-right: var(--space16);
}

.vidlist-box-tag-item:last-child {
    margin-right: 0;
}

.vidlist-box-tag-item a {
    display: block;
    border-radius: 0.5rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    line-height: var(--btnHeight);
    padding: 0 0.32rem;
    border: 1px solid rgba(0, 0, 0, 0.10);
    cursor: pointer;
    transition: var(--transition);
}

.vidlist-box-tag-item span {
    transition: var(--transition);
    line-height: 42px;
    display: block;
}

.vidlist-box-tag-item.on a {
    background: var(--color333);
    border: 1px solid var(--color333);
}

.vidlist-box-tag-item.on span {
    color: var(--colorfff);
}

.vidlist-box-tag-item:first-child a {
    margin-left: 0;
}

.vidlist-box-tag-item:last-child a {
    margin-right: 0;
}

/* 视频列表 */
.vidlist-wrap {
    margin-top: var(--space64);
}

.ys-pcfy {
    margin-top: var(--space64);
}

.vidlist-box-ul {
    margin: -0.24rem -0.22rem 0;
    display: flex;
    flex-wrap: wrap;
}

.vidlist-box-ul-item {
    padding: 0 0.22rem;
    margin-top: 0.24rem;
    width: 33.3333%;
}

.vbui-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
    cursor: pointer;
}

.vbui-box-img {
    position: relative;
    flex-shrink: 0;
}

.vbui-box-img img {
    width: 100%;
}

.vbui-box-img-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--colorfff);
    border-radius: 100%;
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, 0.30);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

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

.vbui-box-text {
    height: 100%;
    padding: 0.3rem 0.32rem 0.27rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vbui-box-text-title {
    margin-bottom: 0.24rem;
    transition: var(--transition);
    min-height: 4.5em;
}

.vbui-box-text-time {
    color: var(--color999);
}

/* G6 - end */
/* H1 - start */
.conus-main .ys-nyban-title {
    text-align: center;
}

.conus-main .ys-main {
    background: var(--colorbj);
}

.conus-main .vidlist-box-tag-item a {
    border: 1px solid var(--colorbj);
}

.conus-main .vidlist-box-tag-item.on a {
    border: 1px solid var(--color333);
}

.conus-main .conus-top {
    overflow: visible !important;
}

.conus-main .mod-bread {
    bottom: auto;
    top: calc(var(--headh) + 0.44rem);
}

/* 第一板块 */
.conus-top-box {
    border-radius: var(--boRds16);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
    padding: 0.7rem 0.8rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -1.4rem;
    position: relative;
    z-index: 10;
}

.conus-top-box-left {
    width: 56.2%;
    padding-right: 2.22rem;
    border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.ctbl-title {
    margin-bottom: 0.8rem;
}

.ctbl-desc,
.ctbl-desc p {
    color: var(--color666);
}

.ctbl-desc p span {
    color: var(--color333);
}

.conus-top-box-right {
    width: 43.8%;
    padding-left: 2.22rem;
}

.ctbr-li {
    margin-bottom: 0.6rem;
}

.ctbr-li:last-child {
    margin-bottom: 0;
}

.ctbr-li-box {
    display: flex;
    align-items: center;
    margin-bottom: var(--space16);
}

.ctbr-li-icon {
    width: 28px;
    margin-right: 0.16rem;
}

.ctbr-li-icon img {
    width: 100%;
}

.ctbr-li-text1 {
    color: var(--color666);
}

.ctbr-li-num p,
.ctbr-li-num a {
    font-family: "liangxin-Light";
}

.ctbr-li-num a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

/* 第二板块 */
.conus-wrap-title {
    padding-bottom: 0.44rem;
    margin-bottom: 0.44rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.conus-wrap-fun {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.8rem;
    flex-wrap: wrap;
}

.conus-wrap-fun-sea {
    width: 31%;
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    background: var(--colorfff);
    border-radius: 0.5rem;
    padding-right: 0.16rem;
}

.cwfs-input {
    width: calc(100% - var(--iconwidth));
    height: 60px;
}

.conus-wrap-fun-sea input {
    width: 100%;
    height: 100%;
    font-size: var(--font16);
    color: var(--color333);
    padding: 0 0.24rem;
}

.conus-wrap-fun-sea input::placeholder {
    color: var(--color999);
    font-size: var(--font16);
}

.cwfs-icon {
    width: var(--iconwidth);
    cursor: pointer;
    line-height: 60px;
}

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

.conus-wrap-ul {
    margin: 0 -0.2rem -0.4rem;
    display: flex;
    flex-wrap: wrap;
}

.conus-wrap-ul-li {
    width: 33.3333%;
    height: auto;
    padding: 0 0.2rem;
    margin-bottom: 0.4rem;
}

.cwul-box {
    height: 100%;
    padding: 0.24rem 0.32rem 0.32rem;
    border-radius: var(--boRds10);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
    display: flex;
    flex-direction: column;
}

.cwul-title {
    padding-bottom: 0.24rem;
    margin-bottom: 0.24rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    font-weight: var(--fontwei500);
}

.cwul-ul-li {
    display: flex;
    margin-bottom: 0.1rem;
    align-items: flex-start;
}

.cwul-ul-li-icon {
    width: var(--iconwidth);
    position: relative;
    top: 2px;
}

.cwul-ul-li-icon img {
    width: 100%;
}

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

.cwul-ul-li-text {
    display: flex;
    width: calc(100% - var(--iconwidth));
    padding-left: 8px;
}

.cwul-ul-li-text .std-text16,
.cwul-ul-li-text .std-text16 p,
.cwul-ul-li-text a {
    color: var(--color666);
}

.cwul-ul-li-text div:first-child {
    flex-shrink: 0;
}

.vidlist-tag-wrap {
    width: 69%;
    padding-right: 0.5rem;
}

.vidlist-main .vidlist-tag-wrap {
    width: 80%;
}

/* H1 - end */
/* E4-1 - start */
.manual-box-left-text {
    font-weight: var(--fontwei500);
    margin-bottom: 0.24rem;
    color: var(--color0B0);
}

.manual-main .ys-nyban-title,
.manual2-main .ys-nyban-title,
.manual3-main .ys-nyban-title,
.manual4-main .ys-nyban-title,
.manual5-main .ys-nyban-title {
    text-align: center;
}

.manual-main .ys-main,
.manual3-main .ys-main {
    background: var(--colorbj);
}

.manual-tag {
    display: flex;
    justify-content: center;
    margin: 0 -0.52rem 0.9rem;
}

.manual-tag-li {
    padding: 0 0.52rem;
}

.manual-tag-li a {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.manual-tag-li-icon {
    width: 88px;
    flex-shrink: 0;
    background: var(--colorfff);
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0.2rem;
    margin-bottom: 0.16rem;
    transition: var(--transition);
}

.manual-tag-li-icon .ys-imgbox-cover {
    width: 100%;
}

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

.manual-tag-li.on .manual-tag-li-icon {
    background: var(--colormain);
}

.manual-tag-li.on .manual-tag-li-icon .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.manual-tag-li-text {
    color: var(--color0B0);
}

/* 内容区 */
.manual-box {
    display: flex;
}

/* 左侧 */
.manual-box-left {
    width: 27%;
    padding-right: 0.64rem;
    position: sticky;
    top: var(--space120);
    z-index: 10;
}

.manual-box-left-title {
    font-weight: var(--fontwei500);
    color: var(--color0B0);
    margin-bottom: 0.24rem;
    transition: var(--transition);
}

.manual-box-left-sea {
    width: 100%;
    position: relative;
    margin-bottom: 0.32rem;
    border-radius: 0.5rem;
    background: var(--colorfff);
    display: flex;
    align-items: center;
    padding-right: 0.16rem;
}

.mbls-input input {
    width: 100%;
    height: 100%;
    padding: 0 0.16rem;
    font-size: var(--font16);
    color: var(--color333);
}

.mbls-input input::placeholder {
    color: var(--color999);
    font-size: var(--font16);
}

.manual-box-left-down {
    height: 72vh;
}

.manual-box-left .mCSB_outside+.mCSB_scrollTools {
    right: -32px;
}

.mbls-input {
    width: calc(100% - var(--iconwidth));
    height: 44px;
}

.mbls-icon {
    width: var(--iconwidth);
    line-height: 44px;
    cursor: pointer;
}

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

.mbld-text {
    color: var(--color0B0);
    padding: 0.16rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.msit-icon,
.msit-icon1,
.msit-icon2 {
    width: var(--iconwidth);
    flex-shrink: 0;
}

.msit-icon img,
.msit-icon1 img,
.msit-icon2 img {
    width: 100%;
}

.msit-icon1,
.msit-icon2 {
    transition: var(--transition);
}

.mbld-slide-item1:last-child .mbld-slide-item-top1 {
    border-bottom: none;
}

.mbld-slide-item1 .msit-icon1 {
    transform: rotate(180deg);
}

.mbld-slide-item2 .msit-icon2 {
    transform: rotate(180deg);
}

.mbld-slide-item1.on .msit-icon1 {
    transform: rotate(360deg);
}

.mbld-slide-item2.on .msit-icon2 {
    transform: rotate(360deg);
}

.mbld-slide-item-top1,
.mbld-slide-item-top2 {
    display: flex;
    align-items: center;
}

.mbld-slide-item-top1 {
    padding: 0.24rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mbld-slide-item-top2 {
    padding: 0.16rem 0;
}

.msit-name1 {
    color: var(--color0B0);
}

.msib2-item a {
    display: flex;
    align-items: center;
    padding: 0.08rem 0;
    cursor: pointer;
}

.msib2-item-radio {
    width: 16px;
    height: 16px;
    border: 1px solid var(--color333);
    border-radius: 0.5rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-right: 8px;
    position: relative;

}

.msib2-item-radio::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--color333);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: var(--transition);
}

.msib2-item.on .msib2-item-radio::after {
    opacity: 1;
}

.msib2-item-text {
    color: var(--color666);
}

/* 右侧 */
.manual-box-right {
    width: 74.25%;
}

.mbrl-li {
    margin-bottom: 0.24rem;
}

.mbrl-li:last-child {
    margin-bottom: 0;
}

.mbrl-li a {
    width: 100%;
    padding: 0.32rem;
    background: var(--colorfff);
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.mbrl-li-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 0.24rem;
    margin-bottom: 0.24rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mbrl-li-top-icon {
    width: 64px;
}

.mbrl-li-top-icon img {
    width: 100%;
}

.mbrl-li-top-text {
    width: calc(100% - 64px);
    padding-left: 0.32rem;
}

.mbrl-li-top-text-title {
    font-weight: var(--fontwei500);
    transition: var(--transition);
}

.mbrl-li-top-text-time {
    color: var(--color666);
    margin-top: 0.08rem;
}

.mbrl-li-bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mbrl-li-bot-text {
    color: var(--color999);
}

.mbrl-li-bot-btn {
    border: 1px solid var(--color333);
    display: flex;
    align-items: center;
    padding: 0 0.16rem;
    border-radius: 4px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
}

.mlbb-text {
    line-height: var(--btnHeight);
    padding-right: 8px;
    transition: var(--transition);
}

.mlbb-icon {
    width: 16px;
    flex-shrink: 0;
}

.mlbb-icon svg {
    width: 100%;
    height: auto;
}

.mlbb-icon svg path {
    transition: var(--transition);
}

/* E4-1 - end */
/* E4-2 - start */
.manual2-main .ys-main {
    background: var(--colorbj);
}

.msib-ul-li a {
    color: var(--color999);
    margin-bottom: 8px;
    cursor: pointer;
}

.msib-ul-li.on a {
    color: var(--color333);
}

/* E4-2 - end */
/* E4-4 - start */
.manual4-main .ys-main {
    background: var(--colorbj);
}

.manual4-main .manual-box {
    flex-direction: column;
}

.manual-box-up {
    display: flex;
    align-items: flex-start;
    padding-bottom: var(--space64);
    margin-bottom: var(--space64);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.manual-box-up-left {
    width: 34.25%;
    padding-right: 1.8rem;
    position: sticky;
    top: var(--space120);
    z-index: 10;
}

.mbul-title {
    font-weight: var(--fontwei500);
    margin-bottom: var(--space16);
}

.mbul-desc,
.mbul-desc p {
    color: var(--color666);
}

.manual-box-up-right {
    width: 65.75%;
}

.mbur-title {
    font-weight: var(--fontwei500);
    margin-bottom: 0.32rem;
}

.mbur-ul-li {
    margin-bottom: 0.16rem;
}

.mbur-ul-li a {
    padding: 0.24rem;
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mbur-ul-li-title {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

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

.manual-box-down {
    display: flex;
    align-items: flex-start;
}

.manual-box-down-cont {
    width: 65.75%;
}

.manual-box-down-cont P {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
    margin-bottom: 12px;
}

.manual-box-down .mbul-title {
    width: 63%;
    margin-bottom: 0;
}

.manual4-main,
.manual4-main .ys-main,
.manual-wrap,
.manual-wrap .ys-cont1600 {
    overflow: visible !important;
}

.manual-wrap {
    padding-top: 0.9rem;
}

/* E4-4 - end */
/* E4-5 - start */
.manual5-main .ys-main {
    background: var(--colorbj);
}

.manual5-main .manual-box-right {
    padding-left: 1.2rem;
}

.manual5-main .manual-box-left-sea {
    margin-bottom: 0;
}

/* E4-5 - end */
/* G2 - start */
.ibvrel-main .ys-main {
    background: var(--colorbj);
}

.invrel-top-title {
    margin-bottom: var(--space64);
}

.invrel-top-cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.invrel-top-cont-left {
    width: 42%;
    padding: 0.14rem 0.5rem 0.14rem 0;
    border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.itcl-tag {
    margin-bottom: 0.24rem;
}

.itcl-box {
    margin-bottom: 0.48rem;
    display: flex;
    align-items: flex-end;
}

.itcl-box-num {
    color: var(--color333);
    font-size: var(--font64);
    font-family: "liangxin-Bold";
    line-height: var(--line13);
    padding-right: 0.16rem;
}

.itcl-box-tag,
.itcl-box-incr,
.itcl-box-decr {
    position: relative;
    bottom: 0.14rem;
}

.itcl-box-incr,
.itcl-box-decr {
    padding-left: 0.2rem;
    display: flex;
    align-items: center;
}

.itcl-box-icon {
    width: 24px;
    flex-shrink: 0;
    margin-right: 4px;
}

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

.itcl-box-incr .itcl-box-text {
    color: #F13838;
    font-family: "liangxin-SemiBold";
}

.itcl-box-decr .itcl-box-text {
    color: var(--colormain);
    font-weight: 600;
}

/* 右侧 */
.invrel-top-cont-right {
    width: 58%;
    padding-left: 2.82rem;
}

.itcr-item {
    display: flex;
    align-items: center;
    padding: 0.16rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.itcr-item:last-child {
    border: none;
}

.itcr-item-text1 {
    min-width: 150px;
    margin-right: 1.6rem;
    color: var(--color666);
}

.invrel-info {
    position: relative;
    z-index: 5;
    margin-bottom: 0.76rem;
    overflow: visible;
}

.invrel-info-bg {
    position: absolute;
    top: calc(-1 * var(--space120));
    left: 0;
    width: 100%;
    z-index: -1;
}

.invrel-info-bg img {
    width: 100%;
}

.invrel-info::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(to bottom, transparent 0%, #F6F6F6 100%);
    z-index: -1;
}

/* 第二板块 */
.invrel-notice .invrel-top-title {
    margin-bottom: var(--space48);
}

.invrel-notice-ul-li {
    margin-bottom: var(--space16);
}

.invrel-notice-ul-li:last-child {
    margin-bottom: 0;
}

.invrel-notice-ul-li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.16rem 0.24rem;
    background: var(--colorfff);
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.inul-box-time {
    color: var(--color999);
    margin-bottom: 0.08rem;
}

.inul-box-title {
    font-weight: var(--fontwei500);
    transition: var(--transition);
}

.inul-btn {
    display: flex;
    align-items: center;
}

.inul-btn-icon {
    width: var(--iconwidth);
    margin-right: 8px;
}

.inul-btn-icon img {
    width: 100%;
}

.inul-btn-text {
    line-height: var(--line15);
    transition: var(--transition);
}

.invrel-notice .ys-pcfy {
    margin-bottom: 0.48rem;
}

.invrel-notice .itcr-item-text1 {
    margin-bottom: var(--space16);
    margin-right: 0;
}

.invrel-notice-web {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.12rem;
}

.invrel-notice-web-li {
    width: 50%;
    padding: 0 0.12rem;
}

.invrel-notice-web-li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.18rem 0.24rem;
    border-radius: var(--boRds10);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
}

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

.inwl-box-icon {
    width: 40px;
    margin-right: 8px;
    flex-shrink: 0;
}

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

.inwl-box-text {
    color: #1E1F24;
    transition: var(--transition);
}

.inwl-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--colorbj);
    transition: var(--transition);
}

.inwl-icon svg {
    width: 100%;
    height: auto;
}

.inwl-icon path {
    transition: var(--transition);
}

/* 第三板块 */
.invrel-contact-box {
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
    padding: 0.68rem 0.72rem;
    position: relative;
}

.invrel-contact-box-cont {
    display: flex;
}

.invrel-contact-box-title {
    margin-bottom: var(--space120);
}

.icbc-item {
    flex-shrink: 0;
    padding: 0 0.4rem;
    position: relative;
}

.icbc-item:first-child {
    padding-left: 0;
}

.icbc-item:last-child {
    padding-right: 0;
}

.icbc-item-top {
    display: flex;
    align-items: center;
    margin-bottom: var(--space16);
}

.icbc-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    height: 53px;
    width: 1px;
    background: rgba(0, 0, 0, 0.20);
    transform: translateY(-50%);
}

.icbc-item-icon {
    width: var(--iconwidth);
    margin-right: 8px;
    flex-shrink: 0;
}

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

.icbc-item-text1 {
    color: var(--color666);
}

.invrel-contact-box-bgpc {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 46.75%;
    height: 100%;
}

.invrel-contact-box-bgpc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.invrel-contact-box-bgph {
    display: none;
}

.invrel-contact-box-bgph img {
    width: 100%;
}

.itcl-text {
    color: var(--color999);
}

.itcl-text:not(:last-child) {
    margin-bottom: 8px;
}

/* G2 - end */
/* G3 - start */
.joinus-main .ys-nyban-title {
    text-align: center;
}

.joinus-main .ys-main {
    background: var(--colorbj);
}

.joinus-hc-box {
    display: flex;
    align-items: flex-start;
}

.joinus-hc-box-left {
    width: 40%;
}

.jhbl-img {
    width: 100%;
}

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

.joinus-hc-box-right {
    width: 60%;
    padding-left: 1.82rem;
}

.jhbl-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.22rem calc(-1 * var(--space60));
}

.jhbl-item {
    width: 50%;
    height: auto;
    padding: 0 0.22rem;
    margin-bottom: var(--space60);
}

.jhbl-item-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 0.32rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.30);
}

.jhbl-item-icon {
    width: 48px;
    flex-shrink: 0;
    margin-bottom: 0.32rem;
}

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

.jhbl-item-title {
    font-weight: var(--fontwei500);
    margin-bottom: var(--space16);
}

.jhbl-item-desc,
.jhbl-item-desc p {
    color: var(--color666);
}

/* 第二板块 */
.joinus-om-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.jhbl-top {
    margin-bottom: 0.56rem;
}

.joinus-hc-box .jhbl-title {
    margin-bottom: 0.56rem;
}

.joinus-om-box-title {
    display: none;
}

.joinus-om-left {
    width: 60%;
    padding-right: 1.82rem;
}

.joinus-om-right {
    width: 40%;
    border-radius: var(--boRds16);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.joinus-om-right img {
    width: 100%;
}

.joli-icon {
    width: 32px;
}

.joli-text {
    width: calc(100% - 32px);
    padding-left: 0.12rem;
}

.joli-title {
    margin-bottom: 8px;
}

.joinus-om-left-item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding-bottom: var(--space16);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: var(--space16);
}

.joinus-om-left-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.joinus-om-box.reverse {
    flex-direction: row-reverse;
}

.joinus-om-box.reverse .joinus-om-left {
    padding-right: 0;
    padding-left: 1.82rem;
}

.joinus-om-box {
    margin-bottom: var(--space90);
}

.joinus-om-box:last-child {
    margin-bottom: 0;
}

.jhbl-desc {
    padding-top: 0.16rem;
}

.jhbl-desc,
.jhbl-desc p {
    color: var(--color666);
}

/* 第三板块 */
.joinus-rec-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.16rem;
}

.joinus-rec-ul-li {
    width: 50%;
    padding: 0 0.16rem;
}

.jrul-box-img {
    width: 100%;
}

.jrul-box-img img {
    width: 100%;
}

.joinus-rec-ul-li a {
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    display: block;
}

.jrul-box-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0.48rem;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.jrul-box-cont-top {
    width: 55%;
}

.jrul-box-cont-icon {
    width: 48px;
    margin-bottom: 0.32rem;
}

.jrul-box-cont-icon img {
    width: 100%;
    transform: scale(1) !important;
}

.jbct-title {
    color: var(--colorfff);
    margin-bottom: var(--space16);
    transition: var(--transition);
}

.jbct-desc,
.jbct-desc p {
    color: var(--colorfff);
}

.jbct-desc {
    margin-bottom: 0.32rem;
}

.jrul-box-cont-btn {
    display: flex;
    align-items: center;
    justify-content: end;
}

.jbcb-text {
    color: var(--colorfff);
    padding-right: 0.16rem;
    transition: var(--transition);
}

.jbcb-icon {
    width: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid var(--colorfff);
    transition: var(--transition);
}

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

/* G3 - end */
/* C5 - start */
.prolist-main .ys-main {
    background: var(--colorbj);
}

.prolist-box-right {
    width: 73%;
}

.prolist-box-right-ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.24rem -0.12rem 0;
}

.pbru-li {
    width: 33.33333%;
    height: auto;
    padding: 0 0.12rem;
    margin-top: 0.24rem;
}

.pbru-li a {
    height: 100%;
    padding: 0.32rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
    background: var(--colorfff);
}

.pbru-li-img {
    width: 45.3%;
    margin: 0 auto 0.4rem;
    flex-shrink: 0;
}

.pbru-li-img img {
    width: 100%;
}

.pbru-li-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.pbru-li-cont {
    width: 100%;
    margin-bottom: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pbru-li-cont-title {
    font-weight: var(--fontwei500);
    margin-bottom: var(--space16);
    transition: var(--transition);
    text-align: center;
    width: 100%;
}

.pbru-li-cont-desc,
.pbru-li-cont-desc p {
    color: var(--color666);
    line-height: var(--line175);
}

.pbru-li-cont-desc {
    height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.pbru-li-btn {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--colorbj);
    border-radius: 50%;
    transition: var(--transition);
}

.pbru-li-btn svg {
    width: 100%;
    height: auto;
    transition: var(--transition);
}

.pbru-li-btn svg path {
    transition: var(--transition);
}

/* 帮助列表 */
.prolist-help-title {
    text-align: center;
    margin-bottom: 0.48rem;
}

.prolist-help-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.24rem;
}

.prolist-help-ul-li {
    width: 33.3333%;
    height: auto;
    padding: 0 0.24rem;
}

.prolist-help-ul-li a {
    height: 100%;
    padding: 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
}

.phul-top {
    display: flex;
    align-items: center;
    padding-bottom: 0.24rem;
    margin-bottom: 0.24rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.phul-top-icon {
    width: 48px;
    flex-shrink: 0;
    margin-right: 0.16rem;
}

.phul-top-icon img {
    width: 100%;
}

.phul-desc,
.phul-desc p {
    color: var(--color666);
}

.phul-desc {
    margin-bottom: 0.4rem;
}

.phul-btn {
    display: flex;
    align-items: center;
}

.phul-btn-text {
    transition: var(--transition);
    padding-right: 4px;
}

.phul-btn-icon {
    width: 24px;
    flex-shrink: 0;
}

.phul-btn-icon svg {
    width: 100%;
}

.phul-btn-icon svg path {
    transition: var(--transition);
}

/* C5 - end */
/* F2 - start */
.afsama-main .ys-main {
    background: var(--colorbj);
}

.acp-box {
    display: flex;
    flex-wrap: wrap;
    background: var(--colorfff);
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.acp-box-left {
    width: 38.75%;
    padding: 0.85rem 1.27rem 0.85rem 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.acp-box-left-title {
    margin-bottom: 0.32rem;
}

.ablt-text {
    margin-bottom: 0.24rem;
}

.ablt-desc,
.ablt-desc p {
    color: var(--color666);
}

.acp-box-right {
    width: 61.25%;
    height: 100%;
    overflow: hidden;
}

.acp-box-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 第二板块 */
.afsama-content {
    position: relative;
    z-index: 5;
    /* min-height: 940px; */
    margin-bottom: var(--space120);
}

.act-box {
    width: 35.75%;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0.48rem 0.4rem 0.4rem;
    background: var(--colorfff);
    margin: var(--space160) 0;
}

.act-box-title {
    margin-bottom: var(--space80);
}

.act-slide-item {
    padding: 0.16rem 0;
    border-bottom: 1px solid rgba(82, 82, 90, 0.10);
    cursor: pointer;
}

.act-slide-item:first-child {
    padding-top: 0;
}

.act-slide-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.act-slide-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    transition: var(--transition);
}

.asit-name {
    width: 93.5%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-right: 0.16rem;
}

.asit-name-text {
    padding-left: 0.1rem;
    padding-right: 0.26rem;
    color: rgba(82, 82, 90, 0.5);
}

.asit-icon {
    width: 32px;
    flex-shrink: 0;
    position: relative;
}

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

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

.act-slide-item-bot {
    padding-left: 0.6rem;
}

.asib-text {
    color: var(--color666);
}

.act-slide-item.on .act-slide-item-top {
    margin-bottom: 8px;
}

.act-slide-item.on .asit-icon img:nth-child(0) {
    opacity: 0;
}

.act-slide-item.on .asit-icon img:nth-child(2) {
    opacity: 1;
}

.act-slide-item-bot li:last-child {
    margin-bottom: 0;
}

.act-slide-item-bot li p {
    margin-bottom: 0 !important;
}

.act-slide-item-bot p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line175);
}

.act-slide-item-bot li::marker {
    font-size: 0;
}

.act-slide-item-bot ul {
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.act-slide-item-bot li {
    list-style-type: none;
    position: relative;
    padding-left: 16px;
}

.act-slide-item-bot li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 4px;
    background: var(--color666);
    border-radius: 50%;
}

.act-slide-item-bot li:last-child {
    margin-bottom: 0;
}

.afsama-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.afsama-content-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.afsama-content-bg-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

/* 第三板块 */
.afsama-case .act-box-title {
    margin-bottom: 0;
}

.act-box-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space48);
}

.afsama-case .slick-list {
    overflow: visible !important;
}

.afsama-case-slick-control {
    display: flex;
    align-items: center;
}

.acsc-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.acsc-prev-arrow {
    margin-right: 0.12rem;
}

.acsc-next-arrow {
    transform: rotate(180deg);
}

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

.acsc-icon img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(180deg);
}

.afsama-case-box {
    width: 88.125%;
}

.afsama-case-slick {
    margin: 0 -0.4rem;
}

.afsama-case-slick-item {
    padding: 0 0.4rem;
}

.afsama-case-slick-item a {
    display: flex;
    align-items: center;
}

.acsi-cont-img {
    width: 65%;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    transition: var(--transition);
    transform-origin: left bottom;
}

.acsi-cont-text-title {
    margin-bottom: var(--space48);
}

.acsi-cont-text {
    width: 35%;
    padding-left: 0.4rem;
}

.acsi-cont-text-desc {
    height: 7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.acsi-cont-text-desc,
.acsi-cont-text-desc p {
    color: var(--color666);
}

.afsama-case-slick-item .acsi-cont-img {
    transform: scale(0.84);
}

.afsama-case-slick-item.slick-current .acsi-cont-img {
    transform: scale(1);
    transform-origin: bottom center;
}

.dgci-inof-nub-sec ul {
    margin-block-start: 0;
    margin-block-end: 0;
}

.dgci-inof-nub-sec p {
    margin-bottom: 0;
}

.afsama-main .dis-glob {
    margin-bottom: var(--space120);
}

.afsama-main .dis-capa-bg {
    position: relative;
}

.afsama-main .dis-capa-bg::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.new-tab {
    position: relative;
    height: 70px;
}

.new-tab.isfixed {
    z-index: 97;
}

.new-tab-wrap {
    background: var(--colorfff);
    transition: var(--transition);
}

.new-tab-wrap.isfixed {
    position: fixed;
    top: var(--headh);
    z-index: 100;
    width: 100%;
    box-shadow: var(--shadow);
}

.new-tab .serve-down-top {
    margin-bottom: 0;
}

.new-tab .serve-down-top::before {
    display: none;
}

.new-tab .sdti-nub {
    padding: 0;
}

.new-tab .sdti-nub-case {
    padding: 0 0.24rem;
    color: var(--color666);
}

.new-tab .serve-down-top-inof {
    margin: 0;
}

.newslist-main .newslist-carousel,
.newslist-main .newslist-list {
    padding-top: var(--space90);
}

.newsdet-wrap {
    padding-top: var(--space90);
    position: relative;
}

.newsdet-wrap .mod-bread {
    bottom: auto;
    top: 0.25rem;
    width: 85vw;
    max-width: 1400px;
}

.newsdet-wrap .ys-bread-list a {
    color: rgba(51, 51, 51, .5);
}

.newsdet-wrap .ys-bread-list:last-child a {
    color: rgba(51, 51, 51, 1);
}

.newsdet-wrap .ys-bread-list::before {
    background: url(../images/no-bread.svg) center / cover no-repeat;
}

.invrel-notice-btn {
    text-align: center;
    margin-top: var(--space48);
}

.invrel-notice-btn-box {
    display: inline-block;
}

.inbb-cont {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid var(--color333);
    transition: var(--transition);
}

.inbb-text {
    line-height: calc(var(--btnHeight) + 2px);
    margin-right: 0.08rem;
}

.inbb-icon {
    width: var(--iconwidth);
    transition: var(--transition);
}

.inbb-icon svg {
    width: 100%;
    height: auto;
}

.invrel-notice-ul-li:nth-child(n+6) {
    display: none;
}

.invrel-notice-info {
    margin-top: var(--space48);
}

.inbb-cont.act .inbb-icon {
    transform: rotate(180deg);
}

/* F2 - end */
/* 2026.04.28 - Teemo新增 - start */
.isin-case-icon {
    width: var(--iconwidth);
    flex: none;
}

.lpfn-link-content-txt {
    max-height: 3.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.low-about-case-btn {
    display: none;
}

.low-about-case-btn {
    padding: 6px 0.24rem;
    border-radius: 0.04rem;
    border: 1px solid var(--color333);
}

.low-about-case-btn .std-btn2-box-icon {
    position: relative;
    right: -4px;
    top: -1px;
}

.csin-le .csin-ri {
    display: none;
}

.sdin-case .mbrl-li {
    margin-bottom: 0.4rem;
}

.sdin-case .mbrl-li:last-child {
    margin-bottom: 0;
}

.sdin-case .mbrl-li a {
    background: var(--colorbj);
}

.serve-down {
    overflow: visible !important;
}

.serve-down-top {
    background: var(--colorfff);
}

.scen-solu-pag {
    display: none;
}

.serve-down-list {
    margin-top: 0.9rem;
}

.serve-main .new-tab-wrap {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.serve-main .new-tab .sdti-nub-case {
    padding: 0;
}

.serve-main .sdti-nub {
    margin-right: 0.48rem;
}

.serve-main .sdti-nub:last-child {
    margin-right: 0;
}

.footer-mid-ri-share {
    display: none;
}

.footer-share-btn {
    display: flex !important;
}

.develop-park-pop {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.vidlist-wrap-tp-search {
    width: 20%;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, .1);
    display: flex;
}

.vwts-btn {
    line-height: 42px;
    cursor: pointer;
    padding: 0 0.32rem;
    border-radius: 0.5rem;
    color: var(--colorfff);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.vwts-btn::before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colormain);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.vwts-btn::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--transition);
    z-index: -1;
    opacity: 0;
}

.vwts-input {
    padding: 0 0.16rem;
    display: flex;
    align-items: center;
}

.vwts-input-icon {
    width: var(--iconwidth);
    line-height: 42px;
    cursor: pointer;
}

.vwts-input-icon img {
    width: 100%;
}

.vwts-input-text {
    width: calc(100% - var(--iconwidth));
    height: 100%;
    padding-left: 0.1rem;
}

.vwts-input-text input {
    width: 100%;
    height: 100%;
    font-size: var(--font16);
    color: var(--color333);
}

.vwts-input-text input::placeholder {
    font-size: var(--font16);
    color: var(--color666);
}

.vidlist-wrap-tp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: var(--space48);
}

.nclb-video {
    position: relative;
}

.nclb-video img {
    width: 100%;
}

@media screen and (max-width: 1882px) {

    .casedet-pro-bt::after,
    .casedet-pro-bt::before {
        width: 7.5vw;
    }

    .casedet-pro-bt::before {
        left: -7.5vw;
    }

    .casedet-pro-bt::after {
        right: -7.5vw;
    }

    .serve-pro-case-le {
        padding: 1.7rem 0.85rem 1.7rem 7.5vw;
        ;
    }

    .serve-pro-case-ri {
        padding: 1.7rem 7.5vw 1.7rem 1.42rem;
    }

    .about-info-bt {
        padding-left: 7.5vw;
    }
}

/* 2026.04.28 - Teemo新增 - end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .std-btn1-box:hover {
        border: 1px solid var(--colormain) !important;
        background: var(--colormain) !important;
    }

    .std-btn1-box:hover span {
        color: var(--colorfff) !important;
    }

    .std-btn2-box:hover span {
        color: var(--colormain);
    }

    .std-btn2-box:hover path {
        stroke: var(--colormain);
    }

    .hcrw-case-link a:hover .std-btn2-box span {
        color: var(--colormain);
    }

    .hcrw-case-link a:hover .std-btn2-box-icon path {
        stroke: var(--colormain);
    }

    .std-btn3-box:hover::after {
        opacity: 1;
    }

    .footer-share-btn:hover {
        opacity: 1;
    }

    .footer-mid-ri>ul>li>a:hover {
        color: var(--colormain);
    }

    .std-btn4:hover {
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

    .hnbu-li a:hover .std-btn4 {
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

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

    .hsdu-li:hover .hsdu-li-lab span,
    .hsdu-li:hover .hsdu-li-lab-icon {
        opacity: 1;
        transition: all .36s .4s;
    }

    .hnbu-li a:hover .hnbu-li-text-tit {
        color: var(--colormain);
    }

    .detb-icon:hover {
        border: 1px solid var(--colormain);
        background: var(--colormain);
    }

    .detb-icon:hover path {
        stroke: var(--colorfff);
    }

    .debs-li-cont:hover .ys-imgbox-cover {
        clip-path: inset(0 0 0.5rem 0 round 0.16rem);
    }

    .dlcb-li a:hover .std-text16 {
        color: var(--colormain);
    }

    .dlcb-li a:hover path {
        stroke: var(--colormain);
    }

    .cilc-share-icon .ys-share-img:hover path {
        fill: var(--colormain);
    }

    .mess-pop-btn:hover::after {
        opacity: 1;
    }

    .cpbb-icon:hover {
        background: var(--colormain);
    }

    .sdti-nub-case:hover {
        color: var(--colormain);
        opacity: 1;
    }

    .sdti-nub-case:hover::after {
        width: 100%;
    }

    .spcr-btn .black1 .std-btn1-box:hover {
        background: var(--color333) !important;
        border: 1px solid var(--color333) !important;
    }

    .dtsi-nub-case:hover {
        background: var(--colorfff);
    }

    .dtsi-nub-case:hover .dtsi-nub-case-tit {
        color: var(--color333);
    }

    .lhin-link:hover .std-btn2-box span {
        color: var(--colormain);
    }

    .lhin-link:hover .std-btn2-box path {
        stroke: var(--colormain);
    }

    .lacr-nub-link:hover .lnlc-tit-ce {
        color: var(--colormain);
    }

    .low-about-case-le .std-btn2-box:hover {
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

    .low-about-case-le .std-btn2-box:hover span {
        color: var(--colorfff);
    }

    .low-about-case-le .std-btn2-box:hover svg,
    .low-about-case-le .std-btn2-box:hover svg path {
        stroke: var(--colorfff);
    }

    .lpsi-next:hover .lpsi-next-content-pro img {
        transform: scale(1.0);
    }

    .lpsi-next:hover .std-btn1-box {
        border: 1px solid var(--colormain) !important;
        background: var(--colormain) !important;
    }

    .lpfn-link:hover .std-btn1-box {
        border: 1px solid var(--colormain) !important;
        background: var(--colormain) !important;
    }

    .pc-fenye li:hover {
        border: 1px solid var(--colormain);
    }

    .epsi-nub-link:hover .epsi-nub-link-tit {
        color: var(--colorfff);
    }

    .epln-link:hover .epln-link-content-tit {
        color: var(--colormain);
    }

    .epsi-nub-link:hover {
        background: var(--color333);
    }

    .spcl-poas-btn-case:hover path {
        stroke: var(--colormain);
    }

    .spcr-btn .black1 .std-btn1-box:hover {
        background: var(--colormain) !important;
        border: 1px solid var(--colormain) !important;
    }

    .ys-fii-submit:hover::after {
        opacity: 1;
    }

    /* G4 - start */
    .newslist-slick-item:hover .nsir-text-title {
        color: var(--colormain);
    }

    .newslist-slick-item:hover .std-btn1-box {
        border: 1px solid var(--colormain);
        background: var(--colormain);
    }

    .newslist-slick-item:hover .std-btn1-box span {
        color: var(--colorfff);
    }

    .newslist-list .hnbu-li:hover .hnbu-li-text-tit {
        color: var(--colormain);
    }

    /* G4 - end */
    /* G5 - start */
    .nclb-link:hover p,
    .nclb-link:hover .nclb-link-text {
        color: var(--colormain);
    }

    .ncru-item:hover .ncru-title {
        color: var(--colormain);
    }

    /* G5 - end */
    /* G6 - start */
    .vidlist-box-tag-item a:hover {
        background: var(--color333);
        border: 1px solid var(--color333);
    }

    .vidlist-box-tag-item a:hover span {
        color: var(--colorfff);
    }

    .vbui-box:hover .vbui-box-text-title {
        color: var(--colormain);
    }

    /* G6 - end */
    /* E4 - start */
    .manual-tag-li a:hover .manual-tag-li-icon {
        background: var(--colormain);
    }

    .manual-tag-li a:hover .ys-imgbox-cover img:nth-child(2) {
        opacity: 0;
    }

    .mbrl-li a:hover .mbrl-li-bot-btn {
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

    .mbrl-li a:hover .mbrl-li-bot-btn .mlbb-text {
        color: var(--colorfff);
    }

    .mbrl-li a:hover .mbrl-li-top-text-title {
        color: var(--colormain);
    }

    .mbrl-li a:hover .mbrl-li-bot-btn svg path {
        stroke: var(--colorfff);
    }

    .mbur-ul-li a:hover .mbrl-li-bot-btn .mlbb-text {
        color: var(--colorfff);
    }

    .mbur-ul-li a:hover .mbur-ul-li-title {
        color: var(--colormain);
    }

    .mbur-ul-li a:hover .mbrl-li-bot-btn svg path {
        stroke: var(--colorfff);
    }

    .mbur-ul-li a:hover .mbrl-li-bot-btn {
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

    /* E4 - end */
    /* G2 - start */
    .invrel-notice-ul-li a:hover .inul-box-title,
    .invrel-notice-ul-li a:hover .inul-btn-text {
        color: var(--colormain);
    }

    .invrel-notice-web-li a:hover .inwl-box-text {
        color: var(--colormain);
    }

    .invrel-notice-web-li a:hover .inwl-icon {
        background: var(--colormain);
    }

    .invrel-notice-web-li a:hover .inwl-icon path {
        stroke: var(--colorfff);
    }

    /* G2 - end */
    /* G3 - start */
    .joinus-rec-ul-li a:hover .jbcb-text {
        color: var(--colormain);
    }

    .joinus-rec-ul-li a:hover .jbcb-icon {
        background: var(--colormain);
        border: 1px solid var(--colormain);
    }

    /* G3 - end */
    /* C5 - start */
    .prolist-help-ul-li a:hover .phul-btn-text {
        color: var(--colormain);
    }

    .prolist-help-ul-li a:hover .phul-btn-icon svg path {
        stroke: var(--colormain);
    }

    .pbru-li a:hover .pbru-li-cont-title {
        color: var(--colormain);
    }

    .pbru-li a:hover .pbru-li-btn {
        background: var(--colormain);
    }

    .pbru-li a:hover .pbru-li-btn svg {
        transform: rotate(45deg);
    }

    .pbru-li a:hover .pbru-li-btn svg path {
        stroke: var(--colorfff);
    }

    /* C5 - end */
    /* F2 - start */
    .acsc-icon:hover img:nth-child(1) {
        opacity: 0;
    }

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

    .afsama-case-slick-item a:hover .acsi-cont-text-title {
        color: var(--colormain);
    }

    /* F2 - end */
    .vbui-box:hover .vbui-box-img>img {
        transform: scale(1.05);
    }

    .ncls-icon:hover path {
        fill: var(--colormain);
    }

    .dqbu-li-cont:hover .dqbu-li-cont-img img {
        transform: scale(1.05);
    }

    .ssbn-case:hover {
        box-shadow: var(--shadow);
    }

    .hsdu-li:hover .hsdu-li-lab-icon {
        transform: translateX(5px);
    }

    .home-case-swiper-nub a:hover .hcsn-img img {
        transform: scale(1.05) !important;
    }

    .vwts-btn:hover::after {
        opacity: 1;
    }
}


/* 载入效果 */
.ys-fadeInUpimg {
    animation: fadeInUpimg 2s ease 1;
}

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

    100% {
        transform: scale(1);
    }
}


/* 2026.5.27 mia start */
.habait-life-tit {
    text-align: center;
    margin-bottom: var(--space64);
}

.hlul-top-tit {
    margin-bottom: 0.08rem;
}

.hlul-top-info p {
    color: var(--color666);
}

.hlul-top {
    margin-bottom: 0.24rem;
}

.habit-page {
    background: var(--colorbj);
}

.hlul-link {
    background: var(--colorfff);
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0.08rem;
    padding-top: 0.24rem;
    border-radius: 0.16rem;
    position: relative;
}

.hlul-top {
    text-align: center;
    padding: 0 0.2rem;
}

.hlul-img {
    flex: 1;
    border-radius: 0.08rem;
}

.hlul-icon {
    position: absolute;
    width: 40px;
    bottom: 0.24rem;
    right: 0.24rem;
}

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

.habait-life-ul {
    display: flex;
    flex-wrap: wrap;
    --gap: 0.22rem;
    margin: 0 calc(var(--gap) * -1);
}

.habait-life-ul-li {
    width: 25%;
    padding: 0 var(--gap);
    cursor: pointer;
}

.habait-conce-tit {
    text-align: center;
    margin-bottom: var(--space64);
}

.habait-conce-ul {
    display: flex;
    flex-wrap: wrap;
    --gap: 0.08rem;
    margin: 0 calc(var(--gap) * -1);
}

.habait-conce-ul-li {
    width: 33.333333%;
    position: relative;
    padding: 0 var(--gap);
}

.hcul-info {
    position: absolute;
    top: 26%;
    left: 50%;
    transform: translateX(-50%);
}

.hcul-info-tit {
    font-size: 1.2rem;
    color: var(--colormain);
    line-height: var(--line12);
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.14rem;
}

.hcul-img {
    width: 100%;
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden;
    height: 6rem;
}

.hcul-img img:last-child {
    object-fit: cover;
}

.hcul-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
}

.hcul-info-img {
    max-width: 3.8rem;
}

.hcul-info-img p {
    font-size: var(--font18);
    color: var(--colorfff);
    line-height: var(--line16);
    text-align: center;
    font-weight: 500;
    margin-bottom: 0.14rem;
}
.hcul-info-img p:last-child {
    margin-bottom: 0;
}
.hcul-info-img img {
    width: 100%;
}

.hcul-info-msg p {
    text-align: center;
    color: var(--colorfff);
}

.hcul-info-msg {
    margin-bottom: 0.44rem;
}

.hcul-arr {
    width: 92px;
    position: absolute;
    top: 50%;
    right: -0.45rem;
    transform: translateY(-50%);
    z-index: 2;
}

.habait-conce-ul-li:last-child .hcul-arr {
    display: none;
}

.hcul-arr img {
    width: 100%
}

.hcul-info-tips p {
    text-align: center;
    color: var(--colorfff);
    line-height: var(--line16);
    margin-bottom: 0.11rem;
}

.habait-conce-ul-li2 .hcul-info-msg {
    margin-bottom: 0.25rem;
}

.habait-conce-ul-li3 .hcul-info-msg {
    margin-bottom: 0.25rem;
}

.habit-solu-top {
    text-align: center;
    margin-bottom: var(--space64);
    position: relative;
    z-index: 1;
    width: 100%;
}

.habit-solu-top span {
    color: #E5E5E5;
    font-size: 1.28rem;
    font-weight: 500;
    line-height: var(--line135);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2;
    top: -1rem;
}

.habit-solu-top-info p {
    color: var(--color666);
}

.habit-solu-top-tit {
    margin-bottom: 0.15rem;
}

.hsmb-li {
    width: 20%;
    padding: 0 var(--gap);
}

.hsmb-li-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--colorfff);
    border-radius: 0.16rem;
    padding: 0.24rem;
    height: 100%;
}

.hsmb-li-img {
    width: 40px;
    margin-bottom: 0.25rem;
}

.hsmb-li-info-tit {
    margin-bottom: 0.12rem;
}

.hsmb-li-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hsmb-li-info-msg p {
    color: var(--color666);
    text-align: center;
}

.habit-solu-main-bot {
    display: flex;
    flex-wrap: wrap;
    --gap: 0.1rem;
    margin: 0 calc(var(--gap) * -1);
}

.hsmt-li {
    padding: 0 var(--gap);
}

.hsmt-li1 {
    width: 30.3%;
}

.hsmt-li2 {
    width: 39.5%;
}

.hsmt-li3 {
    width: 30.2%;
}

.hsmt-li-info {
    margin-bottom: 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hsmt-li-info-main {
    padding: 0.45rem 0.08rem 0.08rem;
    background: var(--colorfff);
    border-radius: 0.16rem;
    height: 100%;
}

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

.hsmt-li-info-tit {
    text-align: center;
    margin-bottom: 0.38rem;
}

.hsmt-li-info-img {
    border-radius: 0.08rem;
    overflow: hidden;
}

.hsmt-li-info-img img {
    object-fit: cover;
    width: 100%;
}

.habit-solu-main-top {
    display: flex;
    margin-bottom: 0.2rem;
    --gap: 0.1rem;
    margin: 0 calc(var(--gap) * -1);
    margin-bottom: 0.2rem;
    flex-wrap: wrap;
}

.hsmt-li2 .hsmt-li-info-tit {
    margin-bottom: 0.4rem;
}

.hsmt-li3 .hsmt-li-info-tit {
    margin-bottom: 0;
}

.hsmt-li3 .hsmt-li-info-main {
    padding: 0.28rem;
}

.hsmt-li3 .hsmt-li-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem;
}

.hsmt-li3 {
    border-radius: 0.16rem;
    height: 100%;
}

.hsmt-li3 .hsmt-li-info-main1 .hsmt-li-info-img {
    margin-bottom: 0.28rem;
    width: 100%;
}

.hsmt-li3 .hsmt-li-info-main2 .hsmt-li-info-img {
    margin-bottom: 0.1rem;
    width: 89%;
}

.hsmt-li3 .hsmt-li-info {
    width: 33.333333%;
    padding: 0 0.1rem;
}

.hsmt-li-info-main1 {
    margin-bottom: 0.2rem;
}

.hsmt-li-info-main2 .hsmt-li-info {
    width: 50%;
    margin-bottom: 0.1rem;
    padding: 0 0.1rem;
}

.hsmt-li2 .hsmt-li-info-main {
    display: flex;
    padding-top: 0.4rem;
    flex-direction: column;
    justify-content: space-between;
}

.habit-save-img img {
    border-radius: 0.12rem;
}

.hhul-info-tit {
    font-weight: 500;
    color: var(--colorfff);
    margin-bottom: 0.16rem;
}

.hhul-info-msg p {
    color: var(--colorfff);
}

.hhul-img {
    border-radius: 0.16rem;
}

.habit-heal-ul-li {
    width: 50%;
    position: relative;
    padding: 0 0.22rem;
}

.hhul-info {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.4rem;
}

.hhul-info-con {
    width: 32%;
}

.hhul-info-msg {
    margin-bottom: 0.32rem;
}

.hhul-link {
    display: block;
    position: relative;
}

.habit-prod .hhul-info-con {
    width: 100%;
}

.habit-heal-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.22rem;
}

.habit-heal {
    padding-bottom: 0.56rem;
}

.hhul-info-btn {
    display: flex;
    align-items: center;
}

.hhul-info-btn span {
    font-size: var(--font16);
    line-height: var(--line175);
    color: var(--colorfff);
    transition: var(--transition);
}

.hhul-info-img {
    width: 24px;
    position: relative;
}

.hhul-info-img img {
    width: 100%;
    transition: var(--transition);
}

.hhul-info-img img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.hsul-li-info {
    position: absolute;
    padding: 0.4rem;
    bottom: 0;
    left: 0;
    width: 100%;
    color: var(--colorfff);
}

.habit-safe-ul {
    display: flex;
    margin: 0 -0.1rem;
}

.habit-safe-ul-li {
    position: relative;
    padding: 0 0.1rem;
    width: 32.2%;
}

.habit-safe-ul-li.on {
    width: 35.5%;
}

.hsul-li-img img {
    border-radius: 0.16rem;
}

.hsul-li {
    position: relative;
    margin-bottom: 0.2rem;
}

.hsul-li:last-child {
    margin-bottom: 0;
}

.habit-safe-ul-li1 .hsul-li:last-child {
    margin-bottom: 0;
}

.habit-safe .habit-solu-top-tit {
    margin-bottom: 0;
}

.hsul-li-img {
    width: 100%;
}

.hsul-li-img img {
    width: 100%;
}

.habit-plat {
    position: relative;
}

.habit-plat .habit-solu-top {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1.2rem;
}

.habit-plat .habit-solu-top span {
    color: var(--colorfff);
    opacity: 0.2;
}

.habit-plat .habit-solu-top-tit,
.habit-plat .habit-solu-top-info p {
    color: var(--colorfff);
}

.habit-plat .habit-solu-top-info p {
    opacity: 0.8;
}

.habit-plat .habit-solu-top span {
    top: -74%;
}

.habit-cover-swiper {
    position: relative;
    width: 8rem;
    display: flex;
    justify-content: center;
}

.habit-cover-swiper-wrap {
    position: relative;
    margin: 0 auto;
    width: 9rem;
}

.habit-cover .swiper-slide {
    max-width: 8rem;
    height: 4.5rem;
    padding: 0 0.1rem;
}

.habit-cover .slick-list {
    overflow: visible;
}

.hcsw-img {
    width: 100%;
    position: relative;
}

.hcsw-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(15, 23, 42, 0.80) 0%, rgba(15, 23, 42, 0.20) 50%, rgba(15, 23, 42, 0.00) 100%);
    z-index: 2;
    border-radius: 0.16rem;
}

.hcsw-img img {
    width: 100%;
    border-radius: 0.16rem;
}

.hcsw-info {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.4rem;
    color: var(--colorfff);
}

.hcsw-con {
    position: relative;
}

.hpul-link {
    height: 100%;
    display: block;
    position: relative;
}

.hpul-link-img {
    height: 100%;
    border-radius: 0.16rem;
    overflow: hidden;
}

.hpul-link-img img {
    object-fit: cover;
}

.habit-prod-ul {
    margin: 0 -0.1rem;
}

.habit-prod-ul-li {
    padding: 0 0.1rem;
}

.habit-prod-ul-li1 {
    width: 46.6%;
}

.habit-prod-ul-li2 {
    width: 29.7%;
}

.habit-prod-ul {
    display: flex;
}

.hpul-li {
    margin-bottom: 0.2rem;
}

.hpul-li:last-child {
    margin-bottom: 0;
}

.habit-all {
    background: var(--colorfff);
}

.habit-all .habit-solu-top {
    margin-bottom: 0.48rem;
}

.haul-con {
    padding-left: 0.28rem;
}

.haul-tit {
    background: var(--colorbj);
    padding: 0.35rem 0;
    width: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    border-radius: 0.08rem;
}

.habit-all-ul-li {
    display: flex;
    width: 100%;
    margin-bottom: 0.4rem;
}

.habit-all-ul-li3 {
    display: flex;
    align-items: flex-start;
}

.habit-all-ul-li3 .haul-tit {
    padding: 0.5rem 0;
}

.habit-all-ul {
    margin-bottom: var(--space64);
}

.habit-all-ul-li:last-child {
    margin-bottom: 0;
}

.haul-ul-li-tit {
    color: var(--color666);
    width: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

.haul-ul {
    display: flex;
    margin: 0 -0.2rem;
}

.haul-ul-li {
    display: flex;
    padding: 0 0.2rem;
}

.haul-ul-li-ul {
    display: flex;
    background: var(--colorbj);
    padding: 0 0.14rem;
    height: 100%;
    border-radius: 0.08rem;
}

.hulu-li {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0.14rem;
}

.haul-ul-li-pro {
    padding-left: 0.3rem;
}

.haul-ul-li2 .hulu-li {
    width: 50%;
}

.habit-page .low-about {
    background: var(--colorbj);
}

.haul-tit-list {
    background: var(--colorbj);
    padding: 0.28rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    border-radius: 0.08rem;
}

.haul-tit-main {
    padding-left: 0.28rem;
}

.haul-tit-list-li {
    width: 20%;
    position: relative;
    padding: 0 0.28rem;
}

.haul-tit-list-li::before {
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    position: absolute;
    width: 1px;
    height: 0.94rem;
    background: #000;
    opacity: 0.1;
}

.haul-tit-list-li:last-child:before {
    display: none;
}

.habit-solu-top .habit-solu-top,
.habit-video .habit-solu-top {
    text-align: left;
}

.habit-cont .slick-dots li {
    width: 0.64rem;
    height: 2px;
    margin: 0 6px;
    border-radius: 0;
    background: #0000001A;
}

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

.habit-cont .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 0.48rem;
}

.habit-case {
    background: var(--colorfff);
}

.haul-col-li {
    padding: 0 0.14rem;
}

.haul-col-li-main {
    background: var(--colorbj);
    padding: 0.28rem 0.11rem;
    border-radius: 0.08rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.habit-page .mod-bread {
    z-index: 10;
    bottom: 0.7rem;
}

.habit-page .ys-ban-slick .slick-dots {
    bottom: 0.9rem;
}

.haul-col-li-ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.haul-col-li-tit {
    color: var(--color666);
    text-align: center;
    margin-bottom: 0.16rem;
}

.haul-col {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0.28rem;
    margin: 0 -0.14rem;
}

.haul-col-li {
    display: flex;
    width: 11.111111%;
    flex-direction: column;
    justify-content: space-between;
}

.habit-all-more {
    display: flex;
    justify-content: center;
    align-items: center;
}

.habit-all-more-link {
    border: 1px solid var(--color333);
    border-radius: 4px;
    padding: 0.08rem 0.28rem;
    display: inline-block;
}

.habit-page .develop-side-ul-li p {
    color: var(--color999);
}

.hcsw-item {
    position: relative;
    padding: 0 0.1rem;
}

.habit-page .develop-side {
    border-color: rgba(0, 0, 0, 0.10);
}

.habit-page .develop-side-line {
    height: 40px;
}

.habit-case .habit-solu-top {
    text-align: left;
}

.habit-case .vbui-box {
    background: var(--colorbj);
}

.habit-cover {
    overflow: visible !important;
}

.habit-solu-img {
    margin-bottom: var(--space64);
}

.habit-page .develop-side-ul-li {
    padding: 0.08rem 0;
    margin: 0;
}

@media screen and (min-width: 1200px) {
    /* .habit-heal-ul-li:hover 
    .hhul-info-img img:last-child {
        opacity: 1;
    }
    .habit-heal-ul-li:hover 
    .hhul-info-img img:first-child {
        opacity: 0;
    }
    .habit-heal-ul-li:hover 
    .hhul-info-btn span {
        color: var(--colormain);
    } */

}

/* 2026.5.27 mia end */


/* 2026.6.11修改-start */
.ys-hd-pc.has-search .ys-search2-btn img:nth-child(1) {
    opacity: 0;
}

.ys-hd-pc.has-search .ys-search2-btn img:nth-child(2) {
    opacity: 1;
}

.ys-hd-pc.has-search .head-lang::before {
    background: rgba(0, 0, 0, 0.10);
}

.ys-hd-pc.has-search .head-lang-top span {
    color: var(--color333);
}

.ys-hd-pc.has-search .std-btn1-box {
    border: 1px solid var(--color333);
}

.ys-hd-pc.has-search .std-btn1-box span {
    color: var(--color333);
}

.hnip-cont-ri-cont {
    position: relative;
}

.hnip-cont-ri-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.hnip-cont-ri-wrap.act {
    opacity: 1;
    pointer-events: all;
    position: relative;
}

/* 2026.6.11修改-end */

/* 2026.6.25修改-start */
.dis-main .ys-ban-li a{
    height: 100%;
    display: block;
}
/* 2026.6.25修改-end */

/* 2026.6.26新增-start */
.low-more{
    background: var(--colorfff);
    padding-bottom: var(--space120);
}
.low-more-bg{
    width: 100%;
}
.low-more-bg img{
    width: 100%;
}
.low-more-cont{
    width: 100%;
    position: relative;
    border-radius: 0.16rem;
    overflow: hidden;
}
.low-more-cont-text{
    position: absolute;
    top: 50%;
    left: 0.9rem;
    transform: translateY(-50%);
    z-index: 5;
    width: 30%;
}
.lmct-logo{
    width: 112px;
    margin-bottom: 0.32rem;
}
.lmct-logo img{
    width: 100%;
}
.low-more-cont-code{
    width: 208px;
    position: absolute;
    right: 28%;
    top: 19%;
}
.lmcc-box{
    width: 100%;
    border-radius: 0.16rem;
    background: var(--colorfff);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}
.lmcc-box img{
    width: 100%;
}
.lmcc-bg{
    width: 130px;
    position: absolute;
    top: 0;
    right: -128px;
}
.lmcc-bg img{
    width: 100%;
}
.head-logo a{
    display: block;
}
/* 2026.6.26新增-end */

/* 2026.6.29新增-start */
.about-custom{
    background: #F6F6F6;
}
.about-custom h2{
    text-align: center;
    margin-bottom: var(--space64);
}
.about-custom-slick{
    width: 75%;
    margin: auto;
}
.acsn-cont{
    padding: 0.24rem 0.4rem 0.24rem 0.24rem;
    border-radius: 0.16rem;
    background: #FFF;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.acsn-cont-img{
    width: 45%;
    border-radius: 0.12rem;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.77rem 1.12rem;
}
.acsn-cont-img .ys-imgbox-cover{
    width: 100%;
}
.acsn-cont-text{
    width: 55%;
    padding-left: 0.88rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0.3rem 0;
}
.acsn-cont-text-icon{
    width: 37px;
    margin-bottom: 0.36rem;
}
.acsn-cont-text-icon img{
    width: 100%;
}
.acsn-cont-text-tit{
    margin-bottom: 0.36rem;
}
.acsn-cont-text-tp{
    margin-bottom: 0.36rem;
}
.acsn-cont-text-parga{
    color: var(--color666);
    height: 4.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.acsn-cont-text-parga p{
    color: var(--color666);
}
.acsn-cont-text-logo{
    width: 107px;
}
.acsn-cont-text-logo img{
    width: 100%;
}
.about-custom-slick-nub{
    transition: all .5s ease !important;
    opacity: 0.4;
}
.about-custom-slick-nub.about-custom-slick-nub_prev {
    opacity: 0.4 !important;
    transform: translateX(-27%) scale(0.8);
}
.about-custom-slick-nub.about-custom-slick-nub_next {
    opacity: 0.4 !important;
    transform: translateX(27%) scale(0.8);
}
.about-custom-slick .slick-list{
    overflow: visible;
}
.cilc-lab-li{
    margin-bottom: 0.08rem;
}
.cilc-lab{
    margin-bottom: -0.08rem;
}
/* 2026.6.29新增-end */

/* 2026.7.16修改-start */
.habit-solu-top span{
    width: 100%;
}
.cilc-lab-li span{
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
}
.hnia-cont-ul {
    margin: 0 -0.2rem;
}
.hnia-cont-ul-li{
    width: 16.666666%;
    padding: 0 0.2rem;
}
.home-upgrade-wrap-text h2 span, .huwi-box-tit h2 span{
    margin: 0 30px;
}
.joinus-rec-ul-li.full{
    width: 100%;
}
.jrul-box-img{
    position: absolute;
    height: 100%;
    z-index: -1;
}
.jrul-box-img img{
    height: 100%;
    object-fit: cover;
}
.jrul-box-cont{
    position: static;
}
.dtri-ul-li-ri{
    width: 280px;
    display: flex;
    justify-content: flex-end;
}
.dtri-ul-li-le{
    width: calc(100% - 320px);
}
.dtld-ul-li{
    width: 33.333333%;
    padding: 0 0.2rem;
}
.dtld-ul{
    margin: 0 -0.2rem;
}
.ditc-text-le {
    padding-right: 1rem;
}
.develop-quality-tp-img::after {
    height: 60%;
}
.dpwt-data {
    width: 50%;
}
.jhbl-item-box {
    padding-bottom: 0.24rem;
}
.jhbl-item {
    padding: 0 0.2rem;
    margin-bottom: 0.4rem;
}
.jhbl-ul {
    margin: 0 -0.2rem calc(-1* var(--space60));
}
.jhbl-item-icon {
    margin-bottom: 0.24rem;
}
.conus-top-box-left {
    padding-right: 1.5rem;
}
.conus-top-box-right{
    padding-left: 1.5rem;
}
.epsi-nub-link{
    cursor: pointer !important;
}
.estab-pro-scroll-inof {
    --btn1pa: 0;
}
.epsi-nub{
    margin-right: 16px;
    width: auto !important;
}
.estab-pro-nav{
    position: relative;
}
.estab-pro-nav .casedet-pro-bt-btn{
    width: calc(100% + 100px);
    top: 50%;
}
.estab-pro-nav .cpbb-icon{
    width: 32px;
    height: 32px;
    background: transparent;
}
.estab-pro-scroll-inof{
    margin-left: 2px;
}
.manual-box-down .mbul-title {
    width: 100%;
}
.inst-main .ys-nyban-parga, .inst-main .ys-nyban-parga p, .low-main .ys-nyban-parga, .low-main .ys-nyban-parga p{
    letter-spacing: inherit;
}
.hnip-cont-le {
    padding-right: 0.5rem;
}
.hclu-li-icon{
    flex-shrink: 0;
}
.hclu-li-tit{
    width: calc(100% - var(--iconwidth));
}
.hnip-cont-ri {
    padding-left: 0.5rem;
}
.hcrw-text {
    padding-right: 0.8rem;
}
.htbl-ul-li {
    padding: 0 0.2rem;
}
.htbl-ul {
    margin: calc(-1* var(--space16)) -0.2rem 0;
}
.develop-side{
    width: 105px;
}
/* 2026.7.16修改-end */
.casedet-pro-bt .slick-dots{
    display: none !important;
}
.htbl-ul-li{
    width: 50%;
}
.htbl-ul-li-icon{
    flex-shrink: 0;
}