@charset "utf-8";

/* 公共样式 - start */

@font-face {
    font-family: "OPPOSans-Regular";
    src: url('../fonts/OPPOSans/OPPOSans-Regular.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "OPPOSans-Medium";
    src: url('../fonts/OPPOSans/OPPOSans-Medium.woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OPPOSans-Light';
    /* font-style: normal;
            font-display: swap; */
    src: url('../fonts/OPPOSans/OPPOSans-L/OPPOSans-L-2.ttf') format("truetype");
}

@font-face {
    font-family: 'OPPOSans-Bold';
    /* font-style: normal;
            font-display: swap; */
    src: url('../fonts/OPPOSans/OPPOSans-B/OPPOSans-B-2.ttf') format("truetype");
}

@font-face {
    font-family: 'OPPOSans-Heavy';
    /* font-style: normal;
            font-display: swap; */
    src: url('../fonts/OPPOSans/OPPOSans-H/OPPOSans-H-2.ttf') format("truetype");
}


body,
input,
textarea {
    font-family: "OPPOSans-Regular", "Microsoft YaHei" !important;
}

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

html {
    font-size: 100px;
}

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

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

:root {
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line14: 1.4;
    --line145: 1.45;
    --line15: 1.5;
    --line16: 1.6;
    --line165: 1.65;
    --line17: 1.7;
    --line175: 1.75;
    --line18: 1.8;
    /* 导航-高度 */
    --headh: 72px;
    /* 颜色 */
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --colorfff: #fff;
    --colormain: #0028AA;
    --color0a1: #0A1A81;
    --colorf1f: #F1F3F6;
    --colorbj: ;
    --color000: #000;
    --colorDDD: #DDD;
    --colorEAF: #EAF0F2;
    /* 板块间距 */
    --space40: 0.4rem;
    /* 段落间距 */
    --parpspace16: 0.16rem;
    --parpspace12: 0.12rem;
    --parpspace10: 0.1rem;
    /* 特殊字体或粗细 */
    --bold: 'OPPOSans-Bold';
    --light: 'OPPOSans-Light';
    --regular: 'OPPOSans-Regular';
    --medium: 'OPPOSans-Medium';
    --pbmed: 'OPPOSans-Heavy';
    --pbbold: 'OPPOSans-Heavy';
    --pbblack: 'OPPOSans-Heavy';
    --transition: all 0.36s ease-in-out;
    --transition1: all 0.8s var(--bezier1);
    --transition2: transform 1.5s var(--bezier2), -webkit-transform 1.5s var(--bezier2), opacity 1.2s var(--bezier2), color 0.3s var(--bezier2);
    --shadow: 0 8px 15px 3px rgba(0, 0, 0, 0.03);
    /* 等于gsap的sine.out */
    --bezier1: cubic-bezier(0.39, 0.575, 0.565, 1);
    /* 等于gsap的expo.inOut */
    --bezier2: cubic-bezier(.38, 0, 0, 1);
}

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

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

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

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

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

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

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

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

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

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

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

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

.std-num-roll {
    display: inline-block;
}

.std-route-vehicle {
    will-change: left, top, transform, opacity;
}

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

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

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

.yxedr-active ul,
.yxedr-active ol {
    margin: 0 0 0.75em;
    padding-left: 1.4em;
}

.yxedr-active ul {
    list-style: disc;
}

.yxedr-active ol {
    list-style: decimal;
}

.yxedr-active li+li {
    margin-top: 0.5em;
}

.yxedr-active li p {
    margin-bottom: 0;
}

.yxedr-active>ul:last-child,
.yxedr-active>ol:last-child {
    margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.yxnav-active2 {}

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

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

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

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

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

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

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

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

.mod-arrows1 .swiper-button-next,
.mod-arrows1 .swiper-button-prev,
.mod-arrows1 .slick-prev,
.mod-arrows1 .slick-next {
    z-index: 2;
    width: .44rem;
    height: .44rem;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.mod-arrows1 .slick-prev {
    background-image: url("../images/b2_icon13.svg");
}

.mod-arrows1 .slick-next {
    background-image: url("../images/b2_icon14.svg");
}

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

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

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

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

/* 公共样式 - end */
.std-btn1 .std-btn1-link {
    display: inline-block;
    min-width: 140px;
    padding: 0 20px;
    line-height: 40px;
    color: var(--colorfff);
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: all 0.36s;
    text-align: center;
    border-radius: 60px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colormain);
    font-family: var(--light);
}

.std-btn1 .std-btn1-link::before {
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    width: 0;
    left: auto;
    top: 0;
    background: linear-gradient(90deg, #0028AA 0%, #1548EF 100%);
    transition: all 0.36s;
    z-index: -1;
}

.std-btn1.res .std-btn1-link {
    border: 1px solid var(--colorfff);
    background: rgba(255, 255, 255, 0.05);
}

.ys-hd-pc {
    top: 10px;
}

.ys-hd-pc::before {
    background: transparent;
    box-shadow: unset;
}

.ys-hd-pc-core {
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    padding: 0 0.5rem;
    transition: var(--transition);
    position: relative;
}

.head-logo {
    width: var(--logowid);
    margin-right: 0.6rem;
}

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

.yhpc-lebox {
    --logowid: 104px;
    display: flex;
    align-items: center;
}

.ys-hd-pc.isfixed .ys-hd-pc-core,
.ys-hd-pc.ishover .ys-hd-pc-core,
.ys-page-wrap.act .ys-hd-pc-core {
    background: rgba(255, 255, 255, 1);
}

.head-search-btn {
    width: 26px;
}

.head-lang::before {
    content: "";
    width: 1px;
    height: 16px;
    background: var(--colorfff);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    transition: var(--transition);
}

.head-lang-top-circle {
    width: 26px;
    margin-right: 4px;
}

.head-other .std-btn1 {
    margin-left: 0.2rem;
}

.ys-hd-pc.isfixed .head-lang::before,
.ys-hd-pc.ishover .head-lang::before,
.ys-page-wrap.act .head-lang::before {
    background: #333;
}

.ys-page-wrap.act .ys-main {
    margin-top: 0;
}

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

body::after {
    display: none;
}

.ys-page-wrap {
    position: relative;
}

.ys-page-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    pointer-events: none;
    opacity: 0;
    transition: var(--transition);
}

body.mod-viewer .ys-page-wrap::after {
    opacity: 1;
}

.ys-banner {
    height: 100vh;
}

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

.ys-ban-slick .slick-list .slick-track .ys-ban-li .ys-ban-imgbox * {
    object-fit: cover;
}

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

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

.ys-footer-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ys-footer .ys-cont1600 {
    position: relative;
    z-index: 2;
}

.footer-top {
    flex-direction: column;
}

.footer-top-topbox {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    padding-bottom: 0.28rem;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-nav>li {
    display: flex;
    flex-direction: column;
}

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

.ftbr-cry,
.ftbr-cry p {
    font-size: var(--font20);
    line-height: var(--line14);
    color: var(--colorfff);
}

.ftbr-cry {
    margin-bottom: 0.4rem;
}

.footer-top-botbox {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

.footer-nav {
    --gap1: 0.5rem;
    --gap2: 0.3rem;
    width: calc(23% + calc(var(--gap1) * 2));
}

.footer-top-botbox-ri {
    width: 17.69%;
}

.footer-bot {
    border-top: unset;
    position: relative;
}

.footer-bot::before {
    content: "";
    width: 100vw;
    height: 1px;
    background: rgba(255, 255, 255, 0.20);
    top: 0;
    left: calc(var(--place) * -1);
    position: absolute;
}

.ys-footer {
    --sapceft1: 1.05rem;
    --sapceft2: 1.21rem;
    --sapceft3: 0.21rem;
    --sapceft4: 0.21rem;
}

.footer-nav>li>a:last-child {
    margin-bottom: 0;
}

.footer-text,
.footer-text a,
.footer-text p {
    color: rgba(255, 255, 255, 0.6);
}

a[href="https://beian.miit.gov.cn/"] {
    margin: 0 0.2rem;
}

a[href="https://www.yongsy.com"] {
    margin-left: 0.2rem;
}

.footer-text p img {
    width: 18px;
    margin-right: 4px;
    margin-top: -3px;
}

.footer-privacy a {
    color: var(--colorfff);
    font-size: var(--font14);
}

.std-cta .std-font54 {
    color: var(--colorfff);
    width: 39%;
}

.std-cta .std-btn1 {
    margin-top: 0.5rem;
}

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

.std-cta .ys-imgbox-cover {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.std-cta {
    padding: 0.8rem 0;
}

.std-cta .ys-cont1600 {
    position: relative;
    z-index: 2;
}

.std-btn1 {
    width: fit-content;
}

.hlli-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.hlli-link .ys-imgbox-cover {
    width: 20px;
}

.hlli-link-le-cry {
    transition: var(--transition);
    color: var(--color666);
    line-height: var(--line12);
    font-size: var(--font16);
    flex: 1;
}

.hlli-link-le .ys-imgbox-cover {
    margin-right: 0.04rem;
}

.hlli-link-le {
    padding-right: 20px;
    flex: 1;
    display: flex;
    align-items: flex-start;
}

.hspc-le {
    width: 2.6rem;
    padding: 0.33rem 0.2rem;
    border-radius: 6px;
    background: var(--colorfff);
    margin-right: 0.14rem;
    position: relative;
    box-shadow: var(--shadow);
}

.hspc-ri-list-item {
    box-shadow: var(--shadow);
}

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



.hlli-link {
    padding: 0.1rem;
    transition: var(--transition);
}

.hspc-le-list-item.yxnav-active2 .hlli-link-le-cry {
    color: var(--colormain);
}

.hspc-le-list-item.yxnav-active2 .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.hspc-le-list-item.yxnav-active2 .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.hspc-le-list-item.yxnav-active2 .hlli-link {
    border-radius: 6px;
    background: #F1F3F6;
}

.head-nav-item-down {
    top: calc(100% + 12px);
    background: transparent;
}

.header-select-ps {
    border-radius: 6px;
    background: transparent;
    transform: unset;
    left: auto;
    right: 0;
}

.header-select-ps.notright .hspc-le::before {
    opacity: 0;
}

.hspc-le::before {
    content: "";
    background: url(../images/Polygon2.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0.43rem;
    right: -15px;
    left: auto;
    background-repeat: no-repeat;
    background-size: contain;
    transition: var(--transition);
}

.std-cta-img {
    top: -10%;
    height: 120%;
    object-fit: cover;
    transition: none;
    will-change: transform;
}

.hrli-box-ri-tit {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line145);
    position: absolute;
    width: 100%;
    padding: 0.1rem 0.15rem;
    z-index: 3;
    left: 0;
    bottom: 0;
}

.hrli-box-ri {
    position: relative;
    width: 30.9%;
}

.hrli-box-ri .ys-imgbox-cover {
    border-radius: 6px;
}

.hrli-box-ri-link::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(16, 24, 53, 0.00) 56.59%, rgba(16, 24, 53, 0.60) 93.86%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.hill-linkli-info {
    color: var(--color333);
    font-size: var(--font16);
    line-height: var(--line12);
    transition: var(--transition);
    padding-right: 0.2rem;
    flex: 1;
}

.hill-linkli {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.hill-linkli .ys-imgbox-cover {
    width: 16px;
}

.hbli-item-top {
    color: var(--color999);
    font-size: var(--font16);
    line-height: var(--line12);
    padding-bottom: 0.1rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #DDD;
}

.hspc-ri {
    width: 11.72rem;
}

.header-select-ps-cry {
    display: flex;
    align-items: flex-start;
}

.hrli-box {
    border-radius: 6px;
    background: var(--colorfff);
    padding: 0.4rem 0.36rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.hrli-box-le {
    width: 65.45%;
}

.hrli-box-le-item {
    --ge: 50%;
    --gap1: 0.1rem;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    flex-wrap: wrap;
}

.hrli-box-le-item>li {
    width: var(--ge);
    padding: 0 var(--gap1);
}

.hbli-item-list-li:not(:last-child) {
    margin-bottom: 0.2rem;
}

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

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

.hspc-ri-list-item:not(:first-child) {
    display: none;
}

.head-nav-item.notrelative:first-child {
    position: static;
}

.hbli-item-list-li.yxnav-active3 .hill-linkli-info {
    color: var(--colormain);
}

.hbli-item-list-li.yxnav-active3 .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.hbli-item-list-li.yxnav-active3 .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.hrli-box-ri-link {
    width: 100%;
    position: relative;
    border-radius: 6px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.hsmc-listbox-li-link {
    color: var(--color333);
    font-size: var(--font16);
    line-height: var(--line12);
    padding: 0.1rem;
    text-align: center;
    width: 100%;
    transition: var(--transition);
    border-radius: 6px;
}

.hsmc-listbox-li:not(:last-child) {
    margin-bottom: 0.1rem;
}

.header-select-mls-cry {
    min-width: 3rem;
    padding: 0.2rem;
    border-radius: 6px;
    background: var(--colorfff);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.hsmc-listbox-li.yxnav-active2 .hsmc-listbox-li-link {
    color: var(--colormain);
    background: #F1F3F6;
}

.hssc-listbox-item-link .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.hlil-segcry {
    color: var(--color333);
    line-height: var(--line12);
    transition: var(--transition);
    font-size: var(--font16);
    flex: 1;
}

.hssc-listbox-item-link .ys-imgbox-cover {
    width: 20px;
    margin-right: 4px;
}

.hssc-listbox-item-link {
    display: flex;
    padding: 0.1rem;
    transition: var(--transition);
    border-radius: 6px;
    align-items: flex-start;
}

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

.hssc-listbox-item.yxnav-active2 .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.hssc-listbox-item.yxnav-active2 .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.hssc-listbox-item.yxnav-active2 .hlil-segcry {
    color: var(--colormain);
}

.hssc-listbox-item.yxnav-active2 .hssc-listbox-item-link {
    background: #F1F3F6;
}

.header-select-seg-cry {
    min-width: 3.34rem;
    background: var(--colorfff);
    border-radius: 6px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0.2rem;
}

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

.header-select-mls.header-select-reso .header-select-mls-cry {
    min-width: 1.47rem;
}

.header-select-mls.header-select-about .header-select-mls-cry {
    min-width: 2.71rem;
}

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

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

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

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

.head-nav-item.select-anchor .head-nav-item-title {
    color: var(--colormain) !important;
}

.hspc-le-list-item.select-anchor .hlli-link-le-cry {
    color: var(--colormain);
}

.hspc-le-list-item.select-anchor .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.hspc-le-list-item.select-anchor .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.hspc-le-list-item.select-anchor .hlli-link-le-cry {
    color: var(--colormain);
}

.hbli-item-list-li.select-anchor .hill-linkli-info {
    color: var(--colormain);
}

.hbli-item-list-li.select-anchor .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.hbli-item-list-li.select-anchor .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.hsmc-listbox-li.select-anchor .hsmc-listbox-li-link {
    color: var(--colormain);
}

.hssc-listbox-item.select-anchor .hlil-segcry {
    color: var(--colormain);
}

.hssc-listbox-item.select-anchor .ys-imgbox-cover img:nth-child(2) {
    opacity: 1;
}

.hssc-listbox-item.select-anchor .ys-imgbox-cover img:nth-child(1) {
    opacity: 0;
}

.fttr-follow {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line12);
    margin-right: 0.12rem;
}

.footer-top-topbox-ricry {
    display: flex;
    align-items: center;
    margin-right: 1.07rem;
}

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

.ys-hd-pc.hide {
    top: calc(var(--headh) * -1);
}

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

    .std-btn1 .std-btn1-link:hover::before,
    .std-btn1 .std-btn1-link:focus-visible::before,
    .std-btn1:focus-visible .std-btn1-link::before {
        width: 100%;
        left: 0;
        right: auto;
    }

    .std-btn1.res:hover .std-btn1-link,
    .std-btn1.res:focus-within .std-btn1-link,
    .std-btn1.res:focus-visible .std-btn1-link {
        border-color: transparent;
    }

    .home-news-link:hover .home-news-name {
        color: var(--colormain);
    }

    .home-project-video-btn:hover .home-project-play {
        transform: scale(1.08);
    }

    .std-arrow1:not(.is-disabled):hover {
        opacity: 1;
    }

    .vessel-solution-head:hover,
    .vessel-solution-card:hover {
        background: rgba(255, 255, 255, 0.84);
    }

    .vessel-cases-link:hover .vessel-cases-img .ys-imgbox-cover img:nth-child(2) {
        transform: scale(1.05);
    }

    .vessel-cases-link:hover .vessel-cases-name {
        color: var(--colormain);
    }

    .shore-system-point-btn:hover {
        background: var(--colormain);
        color: var(--colorfff);
    }

    .shore-product-item:hover .shore-product-figure .ys-imgbox-cover img:nth-child(2) {
        transform: scale(1.04);
    }

    .segments-filter-btn:hover {
        background: var(--colormain);
        color: var(--colorfff);
    }

    .blog-list .segments-filter-btn:hover {
        background: var(--colormain);
    }

    .case-detail-play:hover {
        transform: scale(1.08);
    }

    .article-detail-page-link:hover * {
        color: var(--colormain);
    }

    .resources-card-link:hover .resources-card-img img:nth-child(2),
    .resources-feature-link:hover .resources-feature-img img:nth-child(2),
    .resources-paper-link:hover .resources-paper-img img:nth-child(2),
    .resources-story-link:hover .resources-story-img img:nth-child(2) {
        transform: scale(1.05);
    }

    .resources-card-link:hover .resources-card-title,
    .resources-paper-link:hover .resources-paper-title,
    .resources-story-link:hover .resources-story-title {
        color: var(--colormain);
    }

    .blog-card-link:hover {
        border-color: var(--colormain);
    }

    .blog-card-link:hover .blog-card-img img:nth-child(2) {
        transform: scale(1.05);
    }

    .article-recommend-link:hover .article-recommend-name,
    .article-detail-page-link:hover {
        color: var(--colormain);
    }

    .article-detail-share-btn:hover {
        opacity: 0.72;
    }

    .about-history-item:hover .about-history-img img:nth-child(2) {
        transform: scale(1.05);
    }

    .std-swiperbtnbox-btn-prev:hover .ssbp-path {
        stroke: var(--colormain);
    }

    .std-swiperbtnbox-btn-next:hover .ssbp-path {
        stroke: var(--colormain);
    }

    .contact-form .ys-fii-submit:hover::before {
        width: 100%;
        left: 0;
        right: auto;
    }

    .vcsi-link:hover .std-font24 {
        color: var(--colormain);
    }

    .shore-product-item:hover .shore-product-figure .ys-imgbox-cover img:nth-child(2) {
        transform: scale(1);
    }

    .shore-product-item .shore-product-figure:hover .ys-imgbox-cover img:nth-child(2) {
        transform: scale(1.05);
    }

    .shore-system-point-btn:hover {
        background: var(--colorfff);
        color: var(--colormain);
    }

    .battery-video-open:hover,
    .battery-intro-arrows button:hover {
        background: var(--colormain);
        color: var(--colorfff);
        border-color: var(--colormain);
    }

    .battery-quality-nav-item:hover {
        opacity: 1;
    }

    .battery-product-tab:hover {
        color: var(--colorfff);
        background: var(--colormain);
    }

    .battery-case-card:hover h3 {
        color: var(--colormain);
    }

    /* two - end */
}

/* 2026.5.14 start */
.ys-phmenu-scroll .std-btn1 {
    margin-top: 0.2rem;
}

.hbil-title {
    font-size: var(--font72);
    line-height: var(--line12);
    color: var(--colorfff);
    margin-bottom: 2.05rem;
    width: 44.81%;
}

.hbil-bot-cry,
.hbil-bot-cry p {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line145);
}

.hbil-bot-cry {
    max-width: 27.06%;
}

.hbil-bot .std-btn1 {
    margin-top: 0.3rem;
}

.home-ban-ribot-le {
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    padding: 0.18rem 0.14rem;
    width: 2.4rem;
    margin-right: 0.1rem;
    cursor: pointer;
    pointer-events: all;
}

.hbrl-cry,
.hbrl-cry p {
    color: var(--colorfff);
    line-height: var(--line145);
}

.hbrl-cry {
    margin-bottom: 0.6rem;
}

.hbrl-watch-text {
    font-family: var(--light);
    line-height: var(--line145);
    color: #FFFFF0;
    flex: 1;
    padding-right: 0.2rem;
}

.ys-banner {
    position: relative;
}

.home-ban-ribot {
    position: absolute;
    bottom: 1.02rem;
    right: var(--place);
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
}

.hbrl-watch img {
    width: 32px;
}

.hbrl-watch {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-ban-ribot-ri {
    width: 3.2rem;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    position: relative;
}

.ys-ban-slick .slick-dots {
    bottom: 41px;
}

.slick-dots.std-dots1 {
    position: static;
    bottom: auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    margin: 0.4rem 0 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.slick-dots.std-dots1.is-single {
    display: none !important;
}

.slick-dots.std-dots1 li {
    width: 0.2rem;
    height: 2px;
    margin: 0;
    transition: var(--transition);
}

.slick-dots.std-dots1 li.slick-active {
    width: 0.4rem;
}

.slick-dots.std-dots1 button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(0, 40, 170, 0.2);
    font-size: 0;
    line-height: var(--line12);
    cursor: pointer;
    transition: var(--transition);
}

.slick-dots.std-dots1 button::before {
    display: none;
}

.slick-dots.std-dots1 button::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    min-width: 0.32rem;
    height: 0.32rem;
    transform: translate(-50%, -50%);
}

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

.ys-dots1 .slick-dots li {
    width: 20px;
}

.slick-dots li.slick-active {
    width: 40px;
}

.home-solution {
    position: relative;
    min-height: 9.46rem;
    overflow: hidden;
}

.home-solution-media,
.home-solution-media img,
.home-solution-media video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.home-solution-media img,
.home-solution-media video {
    object-fit: cover;
}

.home-solution-ph {
    display: none;
}

.home-solution-video {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.8s ease;
}

.home-solution.is-video-active .home-solution-video {
    opacity: 1;
}

.home-solution-content {
    position: relative;
    z-index: 3;
    width: 6.36rem;
    margin: 1.2rem auto 0;
    text-align: center;
    transition: transform 0.8s var(--bezier2), opacity 0.6s ease;
}

.home-solution.is-copy-left .home-solution-content.ys-fade-true {
    transform: translate3d(-3.9rem, 0, 0);
}

.home-solution.is-video-active .home-solution-content {
    opacity: 0;
}

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

.home-solution-copy,
.home-solution-copy p {
    color: var(--color666);
    line-height: var(--line145);
}

.home-solution-panel {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: 0.28rem;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
}

.home-solution-panel::before {
    content: "";
    position: absolute;
    left: 0;
    top: -0.18rem;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
}

.home-solution-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.99rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    pointer-events: auto;
}

.home-solution-tabs-item {
    color: rgba(255, 255, 255, 0.7);
    font-size: var(--font16);
    line-height: var(--line145);
    cursor: pointer;
    transition: var(--transition);
}

.home-solution-tabs-item.on {
    color: var(--colorfff);
}

.home-solution-link {
    display: flex;
    align-items: center;
    gap: 0.14rem;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line12);
    text-transform: capitalize;
    pointer-events: auto;
}

.home-solution-link img {
    width: 40px;
    flex-shrink: 0;
}

.home-power {
    position: relative;
    min-height: 9.4rem;
    padding: 1.39rem 0 1.93rem;
    overflow: hidden;
    background: var(--colorfff);
}

.home-power .ys-cont1600 {
    position: relative;
    z-index: 2;
}

.home-power-head {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
}

.home-power-title {
    width: 56.875%;
}

.home-power-copy,
.home-power-copy p {
    max-width: 100%;
    color: var(--color666);
    line-height: var(--line145);
}

.home-power-copy {
    width: 4.78rem;
}

.ys-ban-video {
    background: transparent;
}

.home-power-inof {
    display: flex;
    gap: 0.8rem;
    margin-top: 0.6rem;
}

.home-power-item {
    flex: 1;
    min-width: 0;
    border-top: 1px solid rgba(51, 51, 51, 0.12);
    padding-top: 0.2rem;
}

.home-power-num {
    font-family: var(--pbblack);
    font-size: 1.4rem;
    line-height: var(--line12);
    color: var(--color333);
}

.home-power-text,
.home-power-text p {
    color: var(--color666);
    line-height: var(--line145);
}

.home-power-deco {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0.87rem;
    width: 50%;
    pointer-events: none;
}

.home-power-shape {
    width: 100%;
}

.home-power-ship {
    position: absolute;
    width: 2.64rem;
    right: 36%;
    top: 0.25rem;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.25));
    opacity: 0;
}

.home-power.is-animate .home-power-ship {
    animation: none;
}

.home-project {
    position: relative;
    padding: 1.2rem 0;
    background: #F1F3F6;
    overflow: hidden;
}

.home-project-title {
    text-align: center;
}

.home-project-core {
    margin-top: 0.5rem;
    position: relative;
}

.home-project-item-core {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.home-project-info {
    width: 24%;
    padding-top: 0.65rem;
}

.home-project-name {
    margin-bottom: 0.4rem;
}

.home-project-meta {
    margin-bottom: 0.4rem;
}

.home-project-meta li:not(:last-child) {
    margin-bottom: 0.18rem;
}

.home-project-num {
    font-family: var(--pbblack);
    font-size: var(--font40);
    line-height: var(--line12);
    color: var(--color333);
}

.home-project-label,
.home-project-label p {
    color: var(--color666);
    line-height: var(--line145);
}

.home-project-media {
    width: 65.75%;
}

.home-project-video-btn {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0.14rem;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
}

.home-project-video-btn .ys-imgbox-cover {
    border-radius: 0.14rem;
}

.home-project-video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.home-project-video-btn.is-playing .home-project-video {
    opacity: 1;
}

.home-project-tag {
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    z-index: 3;
    min-width: 0.86rem;
    padding: 0.08rem 0.1rem;
    border-radius: 4px;
    background: rgba(241, 243, 246, 0.88);
    color: var(--colormain);
    font-size: var(--font14);
    line-height: var(--line145);
    text-align: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
}

.home-project-play {
    position: absolute;
    right: 0.18rem;
    bottom: 0.18rem;
    z-index: 3;
    width: 40px;
    transition: var(--transition);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.home-project-play img {
    width: 100%;
}

.home-project-arrows {
    display: flex;
    gap: 0.1rem;
    margin-top: -0.44rem;
}

.std-arrow1 {
    width: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    opacity: 0.75;
    cursor: pointer;
    transition: var(--transition);
}

.std-arrow1.is-disabled {
    pointer-events: none;
    opacity: 0.35;
}

.home-news {
    position: relative;
    padding: 1.6rem 0 1.2rem;
    min-height: 9.46rem;
    overflow: hidden;
    background: var(--colorfff);
}

.home-news-core {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.home-news-left {
    width: 34.75%;
    padding-top: 0.4rem;
}

.home-news-title {
    margin-bottom: 0.16rem;
}

.home-news-copy,
.home-news-copy p {
    color: var(--color666);
    line-height: var(--line145);
}

.home-news-copy {
    margin-bottom: 0.55rem;
}

.home-news-inof {
    width: 51.625%;
}

.home-news-item:not(:last-child) {
    margin-bottom: 0.2rem;
}

.home-news-link {
    display: flex;
    align-items: center;
    padding: 0.24rem;
    border-radius: 0.16rem;
    background: #F1F3F6;
}

.home-news-img {
    width: 33.656%;
    flex-shrink: 0;
}

.home-news-img .ys-imgbox-cover {
    border-radius: 0.14rem;
}

.home-news-main {
    flex: 1;
    min-width: 0;
}

.home-news-meta {
    display: flex;
    align-items: center;
    gap: 0.12rem;
    margin-bottom: 0.1rem;
}

.home-news-type {
    min-width: 0.64rem;
    padding: 0.06rem 0.1rem;
    border-radius: 2px;
    background: var(--colorfff);
    color: var(--colormain);
    font-size: var(--font14);
    line-height: var(--line12);
    text-align: center;
}

.home-news-date {
    color: var(--color666);
    font-size: var(--font14);
    line-height: var(--line145);
}

.home-news-name {
    color: var(--color333);
    line-height: var(--line145);
    transition: var(--transition);
}

.home-news-deco {
    position: absolute;
    left: 0;
    top: 0;
    width: 33.85%;
    pointer-events: none;
}

.home-news-shape {
    width: 100%;
}

.home-news-ship {
    position: absolute;
    left: 19%;
    bottom: 0.58rem;
    width: 2.64rem;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.25));
    opacity: 0;
}

.home-news.is-animate .home-news-ship {
    animation: none;
}

.join-banner {
    overflow: hidden;
}

@keyframes homeShipMove1 {
    0% {
        opacity: 0;
        transform: translate3d(0.7rem, -0.2rem, 0) rotate(-30deg);
    }

    15% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(-0.4rem, 0.38rem, 0) rotate(-30deg);
    }
}

@keyframes homeShipMove2 {
    0% {
        opacity: 0;
        transform: translate3d(-0.45rem, 0.35rem, 0) rotate(33deg);
    }

    15% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0.55rem, -0.3rem, 0) rotate(33deg);
    }
}

/* 2026.5.14 end */
/* B1 Vessel Solutions start */
.blog-main .ys-nybanner1::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(56, 111, 194, 0.6) 0%, rgba(56, 111, 194, 0) 55%);
}

.vessel-banner.ys-nybanner1::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(56, 111, 194, 0.6) 0%, rgba(56, 111, 194, 0) 55%);
}

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

.ys-nybanner1 .ys-nyban-img img {
    object-fit: cover;
    object-position: center center;
}

.ys-nybanner1 .ys-nyban-title {
    z-index: 2;
    justify-content: flex-start;
}

.ys-nybanner1 .ys-nyban-title h1 {
    font-size: var(--font72);
    line-height: 1.1;
    color: var(--colorfff);
    font-family: var(--regular);
    font-weight: normal;
}

.ys-nybanner1 .ys-bread {
    position: absolute;
    z-index: 3;
    left: calc((100vw - 16rem) / 2);
    bottom: 0.34rem;
    display: flex;
    top: auto !important;
}

.ys-nybanner1 .ys-bread-list a,
.ys-nybanner1 .ys-bread-list::before {
    color: var(--colorfff);
}

.vessel-challenge {
    position: relative;
    min-height: 9.4rem;
    padding: 1.4rem 0 2.3rem;
    overflow: hidden;
    background: var(--colorfff);
}

.vessel-challenge-core {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.vessel-challenge-info {
    width: 39.56%;
}

.vessel-challenge-title {
    margin-bottom: 0.3rem;
}

.vessel-challenge-copy,
.vessel-challenge-copy p {
    color: var(--color666);
    line-height: var(--line145);
}

.vessel-challenge-data {
    width: 53.125%;
}

.vessel-challenge-data-item {
    padding-top: 0.22rem;
    border-top: 1px solid rgba(51, 51, 51, 0.75);
}

.vessel-challenge-data-item:not(:last-child) {
    margin-bottom: 0.8rem;
}

.vessel-challenge-num {
    display: flex;
    align-items: flex-end;
    color: var(--color333);
    font-family: var(--pbblack);
    line-height: var(--line12);
    opacity: 0;
    transform: translate3d(0, 0.3rem, 0);
}

.vessel-challenge-num span {
    font-size: 1.8rem;
    line-height: var(--line12);
}

.vessel-challenge-num em {
    margin-left: 0.08rem;
    padding-bottom: 0.28rem;
    font-style: normal;
    font-size: var(--font40);
    line-height: var(--line12);
}

.vessel-challenge-label {
    margin-top: 0.18rem;
    color: var(--color333);
    font-family: var(--light);
    font-size: var(--font24);
    line-height: var(--line145);
}

.vessel-challenge.is-animate .vessel-challenge-num {
    animation: vesselDataIn 1s var(--bezier2) forwards;
}

.vessel-challenge.is-animate .vessel-challenge-data-item:nth-child(2) .vessel-challenge-num {
    animation-delay: 0.16s;
}

.vessel-challenge-deco {
    position: absolute;
    left: -0.2rem;
    bottom: -0.37rem;
    z-index: 1;
    width: 7.41rem;
    pointer-events: none;
}

.vessel-challenge-shape {
    display: block;
    width: 100%;
}

.vessel-challenge-ship {
    position: absolute;
    left: 34.95%;
    top: 39.9%;
    width: 2.64rem;
    opacity: 0;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.25));
}

.vessel-challenge.is-animate .vessel-challenge-ship {
    animation: none;
}

.vessel-solution {
    position: relative;
    min-height: 9.4rem;
    overflow: hidden;
    background: #b9ddec;
}

.vessel-solution-bg-list,
.vessel-solution-inof,
.vessel-cases-inof,
.vessel-cases-meta {
    margin: 0;
    padding: 0;
    list-style: none;
}

.vessel-solution-bg-list {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.vessel-solution-bg-item {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.vessel-solution-bg-item.on {
    opacity: 1;
}

.vessel-solution-bg-item img {
    position: absolute;
    left: 0;
    top: -0.6rem;
    width: 100%;
    height: calc(100% + 0.65rem);
    object-fit: cover;
    object-position: center top;
}

.vessel-solution-title {
    position: absolute;
    left: 0.5rem;
    top: 0.7rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    color: var(--colorfff);
    font-family: var(--pbblack);
    font-size: 1.6rem;
    line-height: 0.8;
    text-transform: uppercase;
    pointer-events: none;
}

.vessel-solution-core {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    padding-top: 2.81rem;
}

.vessel-solution-inof {
    width: 42.5%;
}

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

.vessel-solution-head {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 0.2rem;
    padding: 0.155rem 0.2rem;
    border: 0;
    border-radius: 0.06rem;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--color333);
    cursor: pointer;
    transition: var(--transition);
    text-align: left;
}

.vessel-solution-head-text {
    flex: 1;
    min-width: 0;
    font-size: var(--font16);
    line-height: var(--line145);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vessel-solution-icon {
    width: 26px;
    flex-shrink: 0;
}

.vessel-solution-head .vessel-solution-icon img:nth-child(2) {
    opacity: 0;
}

.vessel-solution-item.on .vessel-solution-head .vessel-solution-icon img:nth-child(1) {
    opacity: 0;
}

.vessel-solution-item.on .vessel-solution-head .vessel-solution-icon img:nth-child(2) {
    opacity: 1;
}

.vessel-solution-panel {
    display: none;
    overflow: visible;
    opacity: 0;
    transition: opacity 0.35s ease, margin-top 0.35s ease;
}

.vessel-solution-item.on .vessel-solution-panel {
    display: block;
    margin-top: 0.1rem;
    opacity: 1;
}

.vessel-solution-card {
    display: flex;
    gap: 0.2rem;
    align-items: flex-start;
    padding: 0.2rem;
    border-radius: 0.08rem;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: var(--transition);
}

.vessel-solution-card-img {
    width: 32.66%;
    flex-shrink: 0;
}

.vessel-solution-card-img .ys-imgbox-cover {
    border-radius: 0.06rem;
    overflow: hidden;
}

.vessel-solution-card-img .ys-imgbox-cover img:nth-child(2) {
    object-position: right center;
}

.vessel-solution-card-main {
    flex: 1;
    min-width: 0;
}

.vessel-solution-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.16rem;
    margin-bottom: 0.06rem;
}

.vessel-solution-card-title {
    flex: 1;
    min-width: 0;
    color: var(--color333);
    font-size: var(--font20);
    line-height: var(--line145);
}

.vessel-solution-card-top .vessel-solution-icon img:nth-child(1) {
    opacity: 0;
}

.vessel-solution-card-top .vessel-solution-icon img:nth-child(2) {
    opacity: 1;
}

.vessel-solution-card-top .vessel-solution-icon {
    cursor: pointer;
}

.vessel-solution-card-copy,
.vessel-solution-card-copy p {
    color: var(--color666);
    line-height: var(--line145);
}

.vessel-solution-card-copy {
    margin-bottom: 0.2rem;
}

.vessel-solution-card .std-btn1 .std-btn1-link {
    text-transform: capitalize;
}

.vessel-cases {
    width: 100%;
    padding: var(--space140) 0;
    background: var(--colorfff);
}

.vessel-cases-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.vessel-cases-title {
    line-height: var(--line12);
}

.vessel-cases-inof {
    display: flex;
    gap: 0.32rem;
}

.vessel-cases-inof.slick-slider {
    display: block;
    margin: 0 -0.16rem;
}

.vessel-cases-inof.slick-slider .slick-track {
    display: flex;
}

.vessel-cases-inof.slick-slider .slick-slide {
    height: auto;
}

.vessel-cases-inof.slick-slider .vessel-cases-item {
    padding: 0 0.16rem;
}

.vessel-cases-inof.slick-slider .vessel-cases-link {
    height: 100%;
}

.vessel-cases-item {
    width: calc((100% - 0.32rem) / 2);
}

.vessel-cases-link {
    display: block;
    color: inherit;
}

.vessel-cases-img .ys-imgbox-cover {
    border-radius: 0.1rem;
    overflow: hidden;
}

.vessel-cases-img .ys-imgbox-cover img:nth-child(2) {
    transition: var(--transition);
}

.vessel-cases-main {
    padding: 0.3rem 0 0.48rem;
    border-bottom: 1px solid rgba(102, 102, 102, 0.25);
}

.vessel-cases-name {
    margin-bottom: 0.5rem;
    color: #000;
    line-height: var(--line145);
    transition: var(--transition);
}

.vessel-cases-meta {
    display: flex;
    gap: 0.8rem;
}

.vessel-cases-meta li {
    width: calc((100% - 0.8rem) / 2);
}

.vessel-cases-num {
    margin-bottom: 0.1rem;
    color: var(--color333);
    font-family: var(--pbblack);
    font-size: var(--font32);
    line-height: var(--line12);
}

.vessel-cases-label,
.vessel-cases-label p {
    color: var(--color666);
    line-height: var(--line16);
}

@keyframes vesselDataIn {
    0% {
        opacity: 0;
        transform: translate3d(0, 0.3rem, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes vesselShipMove {
    0% {
        opacity: 0;
        transform: translate3d(0.55rem, -0.2rem, 0) rotate(30deg);
    }

    15% {
        opacity: 1;
    }

    82% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(-0.55rem, 0.38rem, 0) rotate(30deg);
    }
}

/* B1 Vessel Solutions end */
/* B7 Shore Solutions start */
.shore-banner .ys-nyban-img img {
    object-position: center center;
}

.shore-overview {
    padding-top: 1.4rem;
    background: var(--colorfff);
}

.shore-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9.8125%;
    margin-bottom: 0.82rem;
}

.shore-intro-title {
    width: 42.5%;
    text-transform: capitalize;
}

.shore-intro-copy {
    width: 47.6875%;
}

.shore-intro-copy,
.shore-intro-copy p {
    color: var(--color666);
    line-height: var(--line145);
}

.shore-intro-copy p:not(:last-child) {
    margin-bottom: 0;
}

.shore-system {
    width: 85vw;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    background: #808080;
    will-change: width, max-width;
}

.shore-system-media {
    position: relative;
    overflow: hidden;
}

.shore-overview.is-animate .shore-system-picture {
    transform: none;
}

.shore-system-picture img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.shore-system-video {
    display: none;
}

.shore-system-point {
    position: absolute;
    z-index: 3;
}

.shore-system-point-docking {
    left: 57.6%;
    top: 37.8%;
}

.shore-system-point-charge {
    left: 22.6%;
    top: 61.4%;
}

.shore-system-point-dc {
    left: 66.98%;
    top: 58.4%;
}

.shore-system-point-btn {
    display: flex;
    align-items: center;
    gap: 0.14rem;
    min-width: 0;
    padding: 0.04rem 0.2rem 0.04rem 0.06rem;
    border: 0;
    border-radius: 0.6rem;
    background: var(--colorfff);
    color: var(--color333);
    cursor: pointer;
    transition: var(--transition);
}

.shore-system-point-icon {
    display: block;
    width: 0.42rem;
    flex-shrink: 0;
}

.shore-system-point-icon img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.shore-system-point-text {
    font-size: var(--font16);
    line-height: var(--line145);
    white-space: nowrap;
}

.shore-compare {
    padding: 1.3rem 0;
    background: var(--colorfff);
}

.shore-compare-title {
    margin-bottom: 0.5rem;
    text-align: center;
}

.shore-compare-media {
    position: relative;
    overflow: hidden;
    border-radius: 0.12rem;
    background: #0d2538;
}

.shore-compare-side {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 65.3125%;
    overflow: hidden;
}

.shore-compare-charging {
    left: 0;
    z-index: 1;
}

.shore-compare-swapping {
    right: 0;
    z-index: 2;
}

.shore-compare-parallax,
.shore-compare-layer {
    width: 100%;
    height: 100%;
}

.shore-compare-layer img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shore-compare-swapping .shore-compare-layer {
    transform: rotate(180deg);
}

.shore-compare-card {
    position: absolute;
    z-index: 4;
    width: 28.75%;
    padding: 0.2rem;
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: var(--colorfff);
    opacity: 0;
    transform: translate3d(0, 0.28rem, 0);
    transition: opacity 0.8s var(--bezier2), transform 0.8s var(--bezier2);
}

.shore-compare.is-animate .shore-compare-card {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.shore-compare.is-animate .shore-compare-card-swapping {
    transition-delay: 0.18s;
}

.shore-compare-card-charging {
    left: 1.375%;
    bottom: 2.9%;
}

.shore-compare-card-swapping {
    right: 1.25%;
    top: 2.9%;
}

.shore-compare-card h3 {
    margin-bottom: 0.2rem;
    color: var(--colorfff);
    font-family: var(--medium);
    font-size: var(--font20);
    line-height: var(--line145);
    font-weight: normal;
}

.shore-compare-card-copy,
.shore-compare-card-copy p {
    color: var(--colorfff);
    line-height: var(--line145);
}

.shore-compare-card-copy p:not(:last-child) {
    margin-bottom: 0.1rem;
}

.shore-products {
    padding: 0.6rem 0 1.4rem;
    background: var(--colorfff);
}

.shore-products-title {
    margin-bottom: 0.46rem;
}

.shore-products-inof {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.shore-product-item {
    display: flex;
    align-items: center;
    gap: 4.375%;
}

.shore-product-figure {
    position: relative;
    width: 29.625%;
    flex-shrink: 0;
    overflow: hidden;
    background: #eaf0f2;
}

.shore-product-figure .ys-imgbox-cover img:nth-child(2) {
    object-fit: contain;
    transition: var(--transition);
}

.shore-product-main {
    flex: 1;
    min-width: 0;
}

.shore-product-title {
    margin-bottom: 0.16rem;
    color: var(--color333);
    font-size: var(--font30);
    line-height: var(--line13);
    font-weight: normal;
}

.shore-product-copy {
    margin-bottom: 0.3rem;
}

.shore-product-copy,
.shore-product-copy p {
    color: var(--color666);
    line-height: var(--line145);
}

.shore-product-feature-inof {
    display: flex;
    flex-wrap: wrap;
    column-gap: 7.8%;
    row-gap: 0.2rem;
}

.shore-product-feature-item {
    width: 46.1%;
}

.shore-product-feature-name {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    margin-bottom: 0.08rem;
    color: var(--color333);
    font-size: var(--font18);
    line-height: var(--line145);
}

.shore-product-feature-icon {
    width: 0.3rem;
    flex-shrink: 0;
}

.shore-product-feature-icon img:nth-child(2) {
    object-fit: contain;
}

.shore-product-feature-copy,
.shore-product-feature-copy p {
    color: var(--color666);
    line-height: var(--line145);
}

.shore-product-more {
    margin-top: 0.4rem;
}

/* B7 Shore Solutions end */
/* H1 Contact Us start */
.contact-form-section {
    position: relative;
    display: flex;
    align-items: stretch;
    min-height: 9.8rem;
    background: var(--colorfff);
    overflow: hidden;
}

.contact-form-media {
    position: relative;
    width: 45.833333%;
    flex-shrink: 0;
    overflow: hidden;
    background: #071320;
}

.contact-form-media img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 64% center;
}

.contact-form-main {
    display: flex;
    align-items: flex-start;
    width: 54.166667%;
    padding: 1.43rem 0 1.06rem 0.8rem;
    background: var(--colorfff);
}

.contact-form-inner {
    width: 6.4rem;
    max-width: calc(100% - 0.8rem);
}

.contact-form-title {
    width: 5.99rem;
    max-width: 100%;
    margin-bottom: 0.3rem;
    color: var(--color333);
    font-family: var(--regular);
    font-size: var(--font30);
    font-weight: normal;
    line-height: var(--line13);
    text-transform: capitalize;
}

.contact-form {
    --space: 0.12rem;
    --spacebot: 0.2rem;
    --spacein: 0.2rem;
    --height: 40px;
    --colortips: #ff2828;
}

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

.contact-form .ys-form-inof-item {
    margin-bottom: var(--spacebot);
}

.contact-form .contact-form-field-full {
    width: 100%;
}

.contact-form .ys-fii-name {
    margin-bottom: 0.06rem;
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line145);
}

.contact-form .ys-fii-name span {
    color: #ff2828;
}

.contact-form .ys-fii-input {
    overflow: hidden;
    background: var(--colorf1f);
}

.contact-form .ys-fii-input input,
.contact-form .ys-fii-input textarea {
    width: 100%;
    height: 100%;
    padding: 0 0.2rem;
    border: 0;
    background: transparent;
    color: var(--color333);
    font-family: var(--regular);
    font-size: var(--font16);
    line-height: var(--line145);
}

.contact-form .ys-fii-input input::placeholder,
.contact-form .ys-fii-input textarea::placeholder {
    color: var(--color999);
}

.contact-form .ys-fii-input textarea {
    padding-top: 0.12rem;
    padding-bottom: 0.12rem;
    resize: none;
}

.contact-form .ys-form-inof-text .ys-fii-input {
    height: 0.9rem;
}

.contact-form .ys-fii-tips {
    padding-top: 0.04rem;
    color: #ff2828;
    font-size: var(--font12);
    line-height: var(--line145);
}

.contact-form .ys-fic-auth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.64rem;
    padding: 0.02rem 0.02rem 0.02rem 0.2rem;
    overflow: hidden;
    border-radius: 0.08rem;
    background: var(--colorf1f);
}

.contact-form .ys-fic-auth .ys-fii-input {
    flex: 1;
    height: 100%;
    background: transparent;
}

.contact-form .ys-fic-auth .ys-fii-input input {
    padding: 0;
}

.contact-form-code-img {
    position: relative;
    width: 2.17rem;
    height: 0.56rem;
    flex-shrink: 0;
    overflow: hidden;
    background: var(--colorfff);
}

.contact-form-code-img img {
    position: absolute;
    left: -3.6%;
    top: -88.81%;
    width: 111.45%;
    max-width: none;
    height: 223.7%;
}

.contact-form .ys-fia-text {
    display: flex;
    align-items: center;
    gap: 0.04rem;
}

.contact-form .ys-fia-text-btn {
    position: relative;
    width: 0.24rem;
    height: 0.24rem;
    flex-shrink: 0;
}

.contact-form .ys-fia-text-word {
    color: var(--color999);
    font-size: var(--font14);
    line-height: var(--line145);
}

.contact-form .ys-fia-text-word a {
    color: var(--colormain);
}

.contact-form .ys-fii-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0.56rem;
    padding: 0.1rem 0.32rem;
    border-radius: 0.6rem;
    background: var(--colormain);
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line145);
    cursor: pointer;
    transition: var(--transition);
}

/* H1 Contact Us end */
/* D1 Segments start */
.segments-feature {
    position: relative;
    background: linear-gradient(180deg, #F1F3F6 15.85%, rgba(241, 243, 246, 0.00) 100%) no-repeat;
    background-size: 100% 15%;
}

.segments-bread {
    margin: var(--space100) 0 0.4rem 0;
}

.case-detail .segments-bread {
    margin-bottom: 0.6rem;
}

.segments-bread .ys-bread-list a,
.segments-bread .ys-bread-list::before {
    color: var(--color999);
    font-size: var(--font16);
    line-height: var(--line145);
}

.segments-feature-head {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.segments-feature-copy {
    width: 70.5%;
    padding-right: 1.59rem;
}

.segments-feature-title {
    margin-bottom: var(--space40);
    color: var(--color000);
    line-height: var(--line13);
}

.segments-feature-stats {
    width: 29.5%;
    padding-left: 0.49rem;
    display: flex;
    align-items: center;
    border-left: 1px solid var(--colorDDD);
}

.segments-feature-data {
    display: flex;
    flex-direction: column;
}

.segments-feature-num {
    margin-bottom: 0.1rem;
    font-family: var(--pbbold);
    line-height: var(--line12);
}

.segments-feature-data>li:not(:last-child) {
    margin-bottom: 0.24rem;
}

.segments-feature-label {
    color: var(--color666);
}

.segments-feature-media {
    position: relative;
    overflow: hidden;
    border-radius: 0.1rem;
    background: #e8edf2;
    cursor: pointer;
}

.segments-feature-poster {
    z-index: 1;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.segments-feature-video {
    z-index: 2;
}

.segments-feature-play {
    position: absolute;
    right: 0.15rem;
    bottom: 0.2rem;
    z-index: 4;
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    cursor: pointer;
    transition: var(--transition);
}

.segments-feature-play img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.segments-list {
    padding-bottom: var(--space80);
    background: var(--colorfff);
}

.segments-filter {
    display: flex;
    margin-bottom: var(--space40);
}

.segments-filter>li:not(:last-child) {
    margin-right: 10px;
}

.segments-filter-btn {
    white-space: nowrap;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 8px 0.2rem;
    border-radius: 0.6rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorf1f);
    color: var(--color333);
    font-size: var(--font16);
    line-height: var(--line145);
    transition: var(--transition);
}

.segments-filter>li.act .segments-filter-btn {
    background: var(--colormain);
    color: var(--colorfff);
}

.segments-case-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.14rem;
}

.segments-case-item {
    width: 50%;
    height: auto;
    padding: 0 0.14rem;
    margin-bottom: var(--space40);
}

.segments-case-item a {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.segments-case-img {
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-bottom: 0.26rem;
    flex-shrink: 0;
}

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

.segments-case-name {
    margin-bottom: 0.26rem;
    color: #000;
    font-size: var(--font20);
    line-height: var(--line145);
}

.segments-case-meta {
    margin: 0 -0.12rem;
}

.segments-case-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0.44rem;
    border-bottom: 1px solid var(--colorDDD);
}

.segments-case-meta li {
    width: calc((100% - 0.94rem) / 2);
    padding: 0 0.12rem;
}

.segments-case-num {
    margin-bottom: 8px;
    font-size: var(--font28);
    font-family: var(--pbbold);
}

/* D1 Segments end */
/* D2 Case Detail start */
.case-detail {
    padding: 1.8rem 0 1.28rem;
    overflow: visible;
    position: relative;
}

.case-detail::before {
    content: "";
    width: 100%;
    height: 1.83rem;
    background: linear-gradient(180deg, #F1F3F6 15.85%, rgba(241, 243, 246, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.case-detail-related .case-detail-related-title {
    text-align: center;
    margin-bottom: 0.4rem;
}

.vessel-cases-link .ys-imgbox-cover {
    border-radius: 0.1rem;
}

.case-detail-crumb {
    display: flex;
    align-items: center;
    gap: 0.09rem;
    margin-bottom: 0.65rem;
}

.case-detail-crumb,
.case-detail-crumb a {
    color: var(--color999);
    font-size: var(--font16);
    line-height: var(--line145);
}

.case-detail-crumb i {
    width: 0.06rem;
    height: 0.11rem;
    background: url("../images/ys_jt1.svg") center / contain no-repeat;
    opacity: 0.6;
}

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

.case-detail-aside {
    position: sticky;
    top: 1.1rem;
    width: 31.714%;
    flex-shrink: 0;
}

.case-detail-card {
    padding: 0.3rem 0.22rem 0.32rem;
    border-radius: 0.1rem;
    background: var(--colorfff);
    box-shadow: 0 0.05rem 0.15rem rgba(204, 210, 218, 0.6);
}

.case-detail-specs,
.case-detail-tags {
    margin: 0;
    padding: 0;
    list-style: none;
}

.case-detail-specs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -0.2rem;
}

.case-detail-specs li {
    width: 50%;
    padding: 0 0.12rem;
    margin-bottom: 0.2rem;
}

.case-detail-specs-cont {
    width: 100%;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid rgba(102, 102, 102, 0.16);
}

.case-detail-spec-label {
    margin-bottom: 0.04rem;
    color: var(--color666);
    line-height: 2.25;
}

.case-detail-spec-value {
    color: var(--color333);
    font-family: var(--pbmed);
    font-size: var(--font28);
    line-height: var(--line12);
}

.case-detail-spec-value em {
    font-style: normal;
    font-size: var(--font16);
}

.case-detail-content {
    width: 65.71%;
}

.case-detail-title {
    margin-bottom: 0.2rem;
    color: #000;
    line-height: var(--line13);
}

.case-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    margin-bottom: 0.4rem;
}

.case-detail-tag {
    display: flex;
    min-height: 0.4rem;
    align-items: center;
    justify-content: center;
    padding: 0.08rem 0.2rem;
    font-size: var(--font16);
    line-height: var(--line145);
}

.case-detail-tag.is-vessel {
    color: #3183ff;
    background: #dfeaff;
}

.case-detail-tag.is-green {
    color: #35c788;
    background: #e3ffef;
}

.case-detail-tag.is-orange {
    color: #c78a35;
    background: #ffeae3;
}

.case-detail-media {
    position: relative;
    margin-bottom: 0.3rem;
    overflow: hidden;
    border-radius: 0.14rem;
    background: #e8edf2;
    cursor: pointer;
}

.case-detail-media .ys-imgbox-cover {
    border-radius: 0.14rem;
    overflow: hidden;
}

.case-detail-media .ys-imgbox-cover img:nth-child(2) {
    left: -15.98%;
    top: -23.91%;
    width: 131.96%;
    height: 156.18%;
    max-width: none;
    object-fit: cover;
}

.resources-feature-list .slick-dots {
    bottom: 0.8rem;
    left: calc(54.37% + 0.22rem + 0.14rem);
    width: fit-content;
}

.resources-feature-list .slick-dots li {
    border-radius: 0.2rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(0, 40, 170, 0.2);
    width: 20px;
    height: 2px;
    margin: 0 5px;
}

.resources-feature-list .slick-dots li.slick-active {
    background: var(--colormain);
    width: 40px;
    transition: var(--transition);
}

.case-detail-video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-detail-play {
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    z-index: 4;
    display: flex;
    width: 0.32rem;
    height: 0.32rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    cursor: pointer;
    transition: var(--transition);
}

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

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

.case-detail-editor p {
    margin: 0;
}

.case-detail-related {
    padding: 0 0 1.28rem;
    background: var(--colorfff);
}

.case-detail-related-head {
    margin-bottom: 0.4rem;
    text-align: center;
}

.case-detail-related-title {
    color: var(--color333);
    line-height: var(--line13);
}

.case-detail-related-list {
    gap: 0.28rem;
}

.case-detail-related-list .vessel-cases-item {
    width: calc((100% - 0.28rem) / 2);
}

.case-detail-related-list .vessel-cases-main {
    padding: 0.26rem 0 0.44rem;
}

.case-detail-related-list .vessel-cases-name {
    margin-bottom: 0.26rem;
    color: #000;
    line-height: var(--line145);
}

.case-detail-related-list .vessel-cases-meta {
    gap: 0.7rem;
}

.case-detail-related-list .vessel-cases-meta li {
    width: calc((100% - 0.7rem) / 2);
}

.case-detail-related-list .vessel-cases-num {
    font-size: var(--font28);
}

/* D2 Case Detail end */
/* E1 Resources start */
.resources-hero {
    padding-top: 1.6rem;
    background: linear-gradient(180deg, #edf3f5 0%, #f8fbfc 100%);
}

.resources-crumb {
    display: flex;
    align-items: center;
    gap: 0.12rem;
    margin-bottom: 0.38rem;
    color: var(--color999);
    font-size: var(--font16);
    line-height: var(--line12);
}

.resources-crumb a {
    color: var(--color999);
}

.resources-crumb span {
    display: flex;
    align-items: center;
    gap: 0.12rem;
}

.resources-crumb span::before {
    content: "";
    width: 0.06rem;
    height: 0.11rem;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    opacity: 0.5;
    transform: rotate(45deg);
}

.resources-feature-list,
.resources-news-side,
.resources-paper-list,
.resources-story-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.resources-feature-list {
    margin: 0 -0.14rem
}

.resources-feature-item {
    height: auto;
    padding: 0 0.14rem;
}

.resources-feature-link {
    height: 100%;
    display: flex;
    align-items: center;
    color: inherit;
    position: relative;
    padding: 0.22rem 0.85rem 0.22rem 0.22rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    border: 1px solid var(--colorfff);
    border-radius: 0.2rem;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.4) 0%, var(--colorfff) 100%);
}

.resources-feature-img {
    width: 54.37%;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0.14rem;
}

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

.resources-main .slick-dots li {
    background: rgba(0, 40, 170, 0.2);
}

.resources-main .ys-dots1 .slick-dots li::before {
    background: rgba(0, 40, 170, 0.2);
}

.resources-main .ys-dots1 .slick-dots li::after {
    background: var(--colormain);
}

.resources-feature-img img:nth-child(2),
.resources-card-img img:nth-child(2),
.resources-paper-img img:nth-child(2),
.resources-story-img img:nth-child(2) {
    transition: var(--transition);
}

.resources-feature-main {
    width: calc(100% - 54.37%);
    padding-left: 0.75rem;
    padding-bottom: 0.72rem;
}

.resources-date {
    color: var(--color666);
    line-height: var(--line145);
    margin-bottom: 0.1rem;
}

.resources-news-side .resources-date {
    margin-bottom: 0;
}

.resources-feature-title {
    color: var(--color333);
    line-height: var(--line13);
    font-size: var(--font30);
    margin-bottom: 0.2rem;
}

.resources-desc {
    margin-bottom: var(--space60);
    max-height: 2.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.resources-desc,
.resources-desc p {
    color: var(--color666);
    line-height: var(--line145);
}

.resources-news {
    background: linear-gradient(180deg, #f8fbfc 0%, #fff 100%);
}

.resources-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 0.48rem;
}

.resources-section-title {
    color: #000;
}

.resources-news-layout {
    display: flex;
    align-items: stretch;
}

.resources-news-main {
    width: 57.5%;
    overflow: hidden;
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: #eef2f6;
    color: inherit;
}

.resources-news-main-img {
    overflow: hidden;
}

.resources-news-main-img img {
    width: 100%;
}

.resources-news-main-copy {
    padding: 0.32rem 0.32rem 0.7rem;
}

.resources-news-main-title {
    line-height: var(--line145);
    transition: var(--transition);
}

.resources-news-side {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-left: 0.15rem;
}

.resources-news-side li {
    flex: 1;
}

.resources-news-side li:not(:last-child) {
    margin-bottom: 0.14rem;
}

.resources-news-small {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0.24rem;
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: #eef2f6;
    color: inherit;
}

.resources-news-small-img {
    width: 32.5%;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 6px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-right: 0.28rem;
}

.resources-news-small-img img {
    width: 100%;
    object-fit: cover;
}

.resources-news-small-copy {
    width: 62.25%;
}

.resources-meta {
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
}

.resources-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.14rem;
    background: repeating-conic-gradient(#eef1f4 0deg 44.5deg, #fff 44.5deg 45deg);
    line-height: 28px;
    color: var(--colormain);
    margin-right: 0.12rem;
}

.resources-paper .resources-tag {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 10px;
}

.resources-paper-wrap .resources-tag {
    margin-right: 0;
}

.resources-tag-blue .resources-tag {
    color: #15A5FF;
    background: #E2F5FF;
}

.resources-tag-purple .resources-tag {
    color: #7157ff;
    background: #f0edff;
}

.resources-tag-orange .resources-tag {
    color: #df8a34;
    background: #fff0e2;
}

.resources-tag-green .resources-tag {
    color: #20bf68;
    background: #e9fff1;
}

.resources-news-small-title {
    line-height: var(--line145);
    transition: var(--transition);
    height: 2.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.resources-paper {
    background: #fff;
}

.resources-paper-wrap {
    border-bottom: 1px solid var(--colorDDD);
}

.resources-paper-list {
    margin: 0 -0.14rem;
}

.resources-paper-list:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
}

.resources-paper-list .resources-paper-item {
    width: 25%;
    margin-bottom: 0.3rem;
}

.resources-paper-item {
    padding: 0 0.14rem;
}

.resources-paper-link {
    display: block;
    color: inherit;
}

.resources-paper-img {
    overflow: hidden;
    border-radius: 8px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-bottom: 0.2rem;
}

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

.resources-paper-title {
    display: -webkit-box;
    max-height: 2.9em;
    margin-bottom: 0.4rem;
    overflow: hidden;
    font-weight: normal;
    line-height: var(--line145);
    text-overflow: ellipsis;
    transition: var(--transition);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.resources-paper-dots {
    display: none;
}

.resources-paper .slick-initialized+.resources-paper-dots {
    display: flex;
    justify-content: center;
}

.resources-paper-dots .std-dots1 {
    justify-content: center;
    margin-top: 0.42rem;
}

.resources-stories {
    background: linear-gradient(180deg, #fff 0%, #edf3f5 100%);
}

.resources-story-list {
    display: flex;
    flex-direction: column;
    margin-bottom: -0.24rem;
}

.resources-story-list>li {
    margin-bottom: 0.24rem;
}

.resources-story-link {
    display: flex;
    align-items: center;
    padding: 0.24rem;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: #fff;
    color: inherit;
}

.resources-story-img {
    width: 13.83%;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0.06rem;
}

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

.resources-story-main {
    width: 82.17%;
    padding-left: 0.56rem;
}

.resources-story-main .resources-date {
    margin-bottom: 6px;
}

.resources-story-title {
    font-weight: normal;
    line-height: var(--line13);
    transition: var(--transition);
    margin-bottom: 0.14rem;
}

.resources-story-desc {
    margin-bottom: 0.2rem;
    max-height: 2.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.resources-story-desc,
.resources-story-desc p {
    color: var(--color666);
    line-height: var(--line145);
}

.resources-story-more {
    color: var(--colormain);
    font-family: var(--light);
}

/* E1 Resources end */
/* E2 Blog List start */
.blog-main .ys-main {
    background: var(--colorEAF);
}

.blog-main .ys-nybanner {
    margin-bottom: 0.8rem;
}

.blog-banner .ys-nyban-img img {
    object-position: center 69%;
}

.blog-card-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-list .segments-filter-btn {
    background: var(--colorfff);
    padding: 8px 0.3rem;
}

.blog-filter-item.is-active .blog-filter-link {
    background: var(--colormain);
    color: var(--colorfff);
}

.blog-card-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.14rem;
    margin-bottom: 0.32rem;
}

.blog-card-item {
    width: 33.33333%;
    height: auto;
    padding: 0 0.14rem;
    margin-bottom: 0.28rem;
}

.blog-card-link {
    display: block;
    height: 100%;
    padding: 0.24rem 0.24rem 0.6rem;
    border: 1px solid transparent;
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
    color: inherit;
    transition: var(--transition);
}

.blog-card-img {
    border-radius: 0.08rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    margin-bottom: 0.28rem;
}

.blog-card-img img {
    width: 100%;
}

.blog-card-img img:nth-child(2) {
    transition: var(--transition);
}

.blog-card-meta {
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
}

.blog-card-tag {
    line-height: 28px;
    padding: 0 0.1rem;
    margin-right: 0.12rem;
    color: var(--colormain);
    background: var(--colorEAF);
}

.blog-card-date {
    color: var(--color666);
    line-height: var(--line145);
}

.blog-card-title {
    line-height: var(--line145);
}

/* E2 Blog List end */
/* E3 News Detail start */
.article-detail {
    padding-top: var(--space150);
    overflow: visible;
    background: var(--colorEAF);
}

.article-detail-layout {
    display: flex;
    align-items: flex-start;
}

.article-detail-content {
    width: 76%;
    padding-right: 0.26rem;
}

.article-detail-card {
    padding: 0.4rem;
    border-radius: 0.14rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
}

.article-detail-head {
    padding-bottom: 0.5rem;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid var(--colorDDD);
    text-align: center;
}

.article-detail-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.14rem;
}

.article-detail-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.16rem;
    border-radius: 2px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorEAF);
    line-height: 20px;
    margin-right: 0.1rem;
}

.article-detail-date {
    color: var(--color666);
    line-height: var(--line145);
}

.article-detail-title {
    text-align: center;
    line-height: var(--line13);
}

.article-detail-editor {
    padding-bottom: 0.6rem;
}

.article-detail-editor p {
    color: var(--color333);
    font-size: var(--font16);
    line-height: var(--line165);
    margin-bottom: 0.75em;
}

.article-detail-editor p:last-child {
    margin-bottom: 0;
}

.article-detail-share-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.17rem;
    border-bottom: 1px solid var(--colorDDD);
    margin-bottom: 0.2rem;
}

.article-detail-insights {
    display: flex;
    align-items: center;
    line-height: var(--line145);
}

.ys-copy-btn {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
    margin-left: 0.14rem;
    cursor: pointer;
}

.ys-copy-btn img {
    width: 100%;
    height: 100%;
}

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

.article-detail-share-btn {
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.article-detail-share-btn:not(:last-child) {
    margin-right: 0.25rem;
}

.article-detail-share-btn img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.article-detail-prevnext {
    display: flex;
    flex-direction: column;
}

.article-detail-page-link {
    display: flex;
    line-height: var(--line145);
    transition: var(--transition);
}

.article-detail-page-link p {
    transition: var(--transition);
}

.adpl-text {
    flex-shrink: 0;
    line-height: var(--line145);
    transition: var(--transition);
}

.article-detail-page-link:not(:last-child) {
    margin-bottom: 0.16rem;
}

.article-detail-aside {
    position: sticky;
    top: 1.1rem;
    width: 24%;
    flex-shrink: 0;
}

.article-recommend {
    padding: 0.2rem 0.2rem 0.28rem;
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colorfff);
}

.article-recommend-title {
    margin-bottom: 0.2rem;
    line-height: var(--line145);
}

.article-recommend-item:first-child .article-recommend-link {
    padding-top: 0;
    border-top: none;
}

.article-recommend-item:last-child .article-recommend-link {
    padding-bottom: 0;
}

.article-recommend-link {
    display: block;
    color: inherit;
    padding: 0.2rem 0;
    border-top: 1px solid var(--colorDDD);
}

.article-recommend-date {
    margin-bottom: 0.1rem;
    color: var(--color666);
    font-size: var(--font14);
    line-height: var(--line145);
}

.article-recommend-name {
    display: -webkit-box;
    overflow: hidden;
    font-weight: normal;
    line-height: var(--line145);
    text-overflow: ellipsis;
    transition: var(--transition);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.9em;
}

.copy-success-tip {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 12px 24px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    z-index: 9999;
    display: none;
}

/* E3 News Detail end */
/* F1 About CAEV start */
.about-hero {
    position: relative;
    min-height: 9.4rem;
    overflow: hidden;
    background: #73b8e8;
}

.about-hero-media {
    position: absolute;
    inset: 0;
}

.about-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.about-hero-title {
    z-index: 2;
    text-align: center;
}

.about-hero-name {
    color: var(--colorfff);
    font-size: var(--font72);
    font-weight: normal;
    line-height: var(--line12);
}

.about-slogan {
    padding: 0.83rem 0 1.43rem;
    overflow: visible;
    background: var(--colorfff);
}

.about-slogan-core {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-slogan-title {
    width: 8.49rem;
    max-width: 100%;
    margin-bottom: 0.5rem;
    text-align: center;
    text-transform: capitalize;
    transition: transform 1s var(--bezier2), opacity 0.8s ease;
}

.about-slogan-img {
    width: 4.6rem;
    max-width: 100%;
    overflow: hidden;
    border-radius: 0.15rem;
    transition: transform 1.2s var(--bezier2);
    will-change: transform;
}

.about-slogan-img img:nth-child(2) {
    object-position: right center;
}

.about-slogan.is-animate .about-slogan-title {
    opacity: 0;
    transform: translate3d(0, -0.28rem, 0);
}

.about-slogan.is-animate .about-slogan-img {
    transform: scale(1.08);
}

.about-profile {
    position: relative;
    min-height: 9.8rem;
    padding: 2.6rem 0 1.5rem;
    overflow: hidden;
    background: #94cdf8;
}

.about-profile-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.about-profile-main {
    position: absolute;
    right: -0.04rem;
    bottom: -0.14rem;
    width: 68%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
    will-change: transform;
}

.about-profile-cloud {
    position: absolute;
    pointer-events: none;
    will-change: transform;
}

.about-profile-cloud1 {
    left: -0.9rem;
    top: 0.42rem;
    width: 7.42rem;
}

.about-profile-cloud2 {
    left: 33%;
    bottom: -1.31rem;
    width: 6.5rem;
    opacity: 0.6;
}

.about-profile .ys-cont1600 {
    position: relative;
    z-index: 2;
}

.about-profile-content {
    width: 8.29rem;
    max-width: 58%;
    color: var(--colorfff);
    opacity: 0;
    transform: translate3d(0, 0.58rem, 0);
    transition: transform 1s var(--bezier2), opacity 0.8s ease;
}

.about-profile.is-animate .about-profile-content {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.about-profile-title {
    margin-bottom: 0.3rem;
    color: var(--colorfff);
    text-transform: capitalize;
}

.about-profile-copy,
.about-profile-copy p,
.about-profile-note,
.about-profile-note p {
    color: var(--colorfff);
    line-height: var(--line145);
}

.about-profile-stat {
    width: 4.63rem;
    max-width: 100%;
    margin-top: 0.5rem;
}

.about-profile-num {
    color: var(--colorfff);
    font-family: var(--pbblack);
    font-size: var(--font60);
    line-height: var(--line12);
}

.about-stack {
    position: relative;
    min-height: 9.4rem;
    padding: 1rem 0 1.08rem;
    overflow: hidden;
    background: #b6d8f4;
}

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

.about-stack-img {
    object-fit: cover;
    object-position: center bottom;
    will-change: transform;
}

.about-stack-mark {
    position: absolute;
    left: 13.9%;
    top: 4.7rem;
    z-index: 1;
    width: 72.2%;
    opacity: 0.58;
    will-change: transform, opacity;
}

.about-stack-boat {
    position: absolute;
    left: 26.9%;
    bottom: 0.86rem;
    z-index: 2;
    width: 21.82%;
    will-change: transform;
}

.about-stack .ys-cont1600 {
    position: relative;
    z-index: 3;
}

.about-stack-title {
    width: 13.32rem;
    max-width: 90%;
    color: var(--colorfff);
    font-family: var(--pbbold);
    font-size: var(--font80);
    font-weight: normal;
    line-height: var(--line12);
    text-transform: uppercase;
}

.about-stack-list {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    width: 65.6%;
    margin: 2.0rem 0 0 31.6%;
    padding: 0;
    list-style: none;
    opacity: 0;
    transform: translate3d(0, 0.45rem, 0);
    transition: transform 1s var(--bezier2), opacity 0.8s ease;
}

.about-stack.is-animate .about-stack-list {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.about-stack-item {
    width: calc((100% - 0.8rem) / 3);
    padding: 0.34rem 0.4rem 0.4rem;
    background: rgba(255, 255, 255, 0.88);
}

.about-stack-name {
    padding-bottom: 0.14rem;
    margin-bottom: 0.14rem;
    border-bottom: 1px solid rgba(51, 51, 51, 0.18);
    color: var(--colormain);
    font-size: var(--font30);
    font-weight: normal;
    line-height: var(--line13);
}

.about-stack-text,
.about-stack-text p {
    color: var(--color666);
    line-height: var(--line145);
}

.about-history {
    position: relative;
    padding: 1.58rem 0 1.2rem;
    overflow: visible;
    background: var(--colorfff);
}

.about-history-core {
    position: relative;
    min-height: 16.8rem;
}

.about-history-route {
    position: absolute;
    left: 50%;
    top: 0;
    width: 2.8rem;
    height: 12.5rem;
    transform: translateX(-50%);
}

.about-history-line {
    display: block;
    width: 100%;
    height: 100%;
}

.about-history-ship {
    position: absolute;
    left: 78%;
    top: 8%;
    z-index: 3;
    width: 1.13rem;
    opacity: 1;
    pointer-events: none;
    transform: translate3d(-50%, -50%, 0) rotate(90deg);
    transform-origin: center;
    will-change: left, top, transform;
}

.about-history-list {
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-history-item {
    position: absolute;
    width: 24%;
    opacity: 0.32;
    transition: opacity 0.36s ease, transform 0.36s ease;
}

.about-history-item.is-active {
    opacity: 1;
}

.about-history-item.is-past {
    opacity: 0.2;
}

.about-history-item::before {
    content: "";
    position: absolute;
    top: 1.78rem;
    width: 2.41rem;
    height: 1px;
    background: currentColor;
}

.about-history-item::after {
    content: "";
    position: absolute;
    top: 1.7rem;
    width: 0.18rem;
    height: 0.18rem;
    border-radius: 50%;
    border: 1px solid currentColor;
    background: var(--colorfff);
}

.about-history-item:nth-child(1) {
    left: 66%;
    top: 0.36rem;
    color: var(--colormain);
}

.about-history-item:nth-child(2) {
    left: 6%;
    top: 3.04rem;
    color: var(--color333);
}

.about-history-item:nth-child(3) {
    left: 56%;
    top: 7.03rem;
    color: var(--color333);
}

.about-history-item:nth-child(4) {
    left: 7%;
    top: 10.48rem;
    color: var(--color333);
}

.about-history-item:nth-child(odd)::before {
    right: 100%;
}

.about-history-item:nth-child(odd)::after {
    right: calc(100% + 2.34rem);
}

.about-history-item:nth-child(even)::before {
    left: 100%;
}

.about-history-item:nth-child(even)::after {
    left: calc(100% + 2.34rem);
}

.about-history-img {
    width: 2.01rem;
    overflow: hidden;
    border-radius: 0.08rem;
}

.about-history-main {
    margin-top: 0.22rem;
}

.about-history-year {
    color: currentColor;
    font-family: var(--pbblack);
    font-size: 1.2rem;
    line-height: 1.05;
    text-transform: uppercase;
}

.about-history-text,
.about-history-text p {
    color: var(--color333);
    line-height: var(--line145);
}

.about-history-text p {
    margin-bottom: 0.1rem;
}

.about-history-text p:last-child {
    margin-bottom: 0;
}

/* F1 About CAEV end */
/* two - end */
/* 5.14修改 start */
.home-power-title {
    margin-bottom: 1.8rem;
}

.home-power-head {
    gap: unset;
    margin-bottom: 0.6rem;
}

.home-power-inof {
    gap: unset !important;
}

.home-power-inof {
    --ge: 33.333333%;
    --gap1: 0.4rem;
    --gap2: 0.4rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.home-power-inof>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
    border-top: unset;
    position: relative;
}

.home-power-inof>li::before {
    content: "";
    width: calc(100% - (var(--gap1) * 2));
    height: 1px;
    background: rgba(51, 51, 51, 0.12);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.home-power-text {
    width: 75.83%;
}

.home-project-meta li:not(:last-child) {
    margin-bottom: 0.2rem;
}

.home-project-meta {
    margin-bottom: 0 !important;
}

.home-project-info .std-btn1 {
    margin-top: 0.5rem;
}

.home-project-arrows {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.home-project-info {
    width: 30.56%;
    padding-top: 0.6rem;
}

.home-project-name {
    margin-bottom: 0.35rem;
}

.home-project-num {
    margin-bottom: 0.05rem;
}

.std-swiperbtnbox-btn {
    width: 44px;
    cursor: pointer;
}

.std-swiperbtnbox-btn svg {
    width: 100%;
}

.std-swiperbtnbox-btn-prev {
    margin-right: 0.1rem;
}

.std-swiperbtnbox {
    display: flex;
}

.ssbp-path {
    transition: var(--transition);
}

.std-swiperbtnbox-btn {
    transition: var(--transition);
}

.home-project .std-swiperbtnbox {
    position: absolute;
    left: 0;
    bottom: 0;
}

.home-project-play {
    transform: scale(1) !important;
}

.home-news-img {
    margin-right: 0.28rem;
}

.home-news-type {
    line-height: 28px;
    padding: 0 0.1rem;
    margin-right: 0.12rem;
}

.home-news-meta {
    gap: 0;
}

.home-power-route {
    position: absolute;
    right: 0;
    bottom: -10px;
}

.home-power-route-ship {
    position: absolute;
    top: -7%;
    left: -1.15rem;
    width: 2.3rem;
}

.home-news {
    position: relative;
}

.home-news .home-power-route {
    top: -4.3rem;
    left: 0;
    width: 33.8%;
}

.home-power-route-ship.hide {
    opacity: 0;
    transition: var(--transition);
}

.std-cta .std-cta-img {
    top: -10% !important;
    height: 140% !important;
    object-fit: cover;
    transition: none;
    will-change: transform;
}

.home-power-route svg {
    width: 100%;
    height: auto;
}

.home-power .home-power-route {
    width: 30.72%;
    bottom: -3.3rem;
}

.ys-banner.isfirst .ys-ban-imgbox {
    animation: imgchange 1.2s ease-in-out both;
}

@-webkit-keyframes imgchange {
    0% {
        transform: scale(1.2);
    }

    to {
        transform: scale(1);
    }
}

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

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

.ys-ban-li.act .hbil-bot-cry {
    animation: ysfadeInUp .8s ease-in-out both;
}

.ys-ban-slick.ys-slick-act .ys-ban-li.act .hbil-bot-cry {
    animation-delay: 0.5s;
}

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

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

.ys-hd-pc-core {
    box-shadow: var(--shadow);
}

/* 5.14修改 end */
/* 5.15修改 start */
.ys-nybanner1 .ys-bread {
    left: var(--place);
}

.std-font72 {
    font-size: var(--font72);
    line-height: var(--line12);
    color: var(--colorfff);
}

.vessel-banner .std-font72 {
    font-size: var(--font72);
    line-height: var(--line12);
    color: var(--colorfff);
}

.vessel-challenge-title {
    color: #000;
}

.vessel-challenge-label {
    margin-top: 0 !important;
}

.vessel-challenge-num {
    align-items: baseline;
}

.vessel-challenge-num .vessel-challenge-num-symbol {
    color: var(--color333);
    margin-left: 0.05rem;
    font-size: var(--font40);
    line-height: var(--line12);
    font-family: var(--pbblack);
}

.vessel-challenge .home-power-route {
    position: absolute;
    right: auto;
    left: 0;
}

.vessel-challenge-num {
    opacity: 1;
    transform: unset;
}

.vessel-solu-tit {
    color: var(--colorfff);
    font-size: 1.6rem;
    line-height: 0.8;
    font-family: var(--pbblack);
    position: absolute;
    top: 0.7rem;
    left: 0.5rem;
    z-index: 10;
}

.vessel-solu {
    position: relative;
}

.vessel-solu-rightbox {
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 35.42%;
}

.vessel-solu-slide .ys-slide-item-top {
    width: 100%;
    padding: 0.15rem 0.2rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    display: flex;
    justify-content: space-between;
}

.vessel-solu-slide-botle .ys-imgbox-cover {
    width: 32.66%;
}

.vsrl-item-cent {
    position: relative;
    width: 100%;
    padding: 0.2rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    min-height: calc(1.45em + 0.4rem);
    transition: var(--transition);
}

.vsrl-item-cent-icon {
    width: var(--iconwid);
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    cursor: pointer;
}

.vsrl-item {
    --iconwid: 26px;
    overflow: hidden;
}

.bicd-tit {
    line-height: var(--line145);
    height: 1.45em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    transition: var(--transition);
    opacity: 1;
    width: calc(100% - 0.4rem);
    cursor: pointer;
    pointer-events: all;
    padding-right: 40px;
}

.vici-le {
    width: 32.66%;
    margin-right: 0.2rem;
    border-radius: 6px;
}

.vici-ri-tit {
    font-size: var(--font20);
    color: var(--color333);
    line-height: var(--line145);
}

.vici-ri-cry {
    margin-top: 0.06rem;
}

.vici-ri-cry,
.vici-ri-cry p {
    color: var(--color666);
    line-height: var(--line145);
}

.vici-ri .std-btn1 {
    margin-top: 0.2rem;
}

.vicb-info {
    display: flex;
    align-items: flex-start;
}

.vici-ri {
    flex: 1;
    padding-right: calc(var(--iconwid) + 10px);
}

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

.vsrl-item-cent-bot {
    display: none;
}

.vsrl-item-cent-icon img:nth-child(1) {
    opacity: 0;
}

.vsrl-item-cent-icon img:nth-child(2) {
    opacity: 1;
}

.vsrl-item-cent-icon img {
    transform: scale(1) !important;
}

.vsrl-item.act .bicd-tit {
    opacity: 0;
    pointer-events: none;
}

.vsrl-item.act .vsrl-item-cent-icon img:nth-child(2) {
    opacity: 0;
}

.vsrl-item.act .vsrl-item-cent-icon img:nth-child(1) {
    opacity: 1;
}

.vessel-solu-bglist-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: var(--transition);
}

.vessel-solu-bglist-item:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}

.vessel-solu-bglist-item.on img {
    opacity: 1;
}

.vessel-cases-item {
    width: var(--ge) !important;
    padding: 0 var(--gap1) !important;
}

.vessel-cases-item>a {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.vessel-cases-slick .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 0.2rem;
}

.vessel-cases-slick.ys-dots1 .slick-dots li::before {
    background: rgba(0, 40, 170, 0.2);
}

.vessel-cases-slick.ys-dots1 .slick-dots li::after {
    background: var(--colormain);
}

.vcsi-link .std-font24 {
    color: #000;
    line-height: var(--line145);
    margin-top: 0.2rem;
    transition: var(--transition);
}

.vcsi-link-list {
    --gap1: 0.4rem;
    --gap2: 0.2rem;
    margin: 0.2rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    align-items: flex-end;
}

.vcsi-link-list>li {
    min-width: 33.333333%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.vlli-top {
    font-family: var(--pbblack);
    line-height: var(--line12);
    margin-bottom: 0.04rem;
}

.vlli-bot {
    color: var(--color666);
}

.vessel-cases-slick {
    --ge: 50%;
    --gap1: 0.16rem;
    margin: 0 calc(var(--gap1) * -1);
}

.vessel-cases-slick-item {
    width: var(--ge);
    padding: 0 var(--gap1);
}

.vessel-cases-slick-item>a {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #DDD;
}

.vcsi-link .ys-imgbox-cover {
    border-radius: 0.1rem;
}

.vessel-challenge .home-power-route-ship {
    top: -13%;
}

.footer-top-topbox-ricry {
    margin-right: 0;
    width: 17.69%;
}

.ys-bread-list a {
    font-size: var(--font16);
    line-height: var(--line145);
    color: var(--colorfff);
}

.shore-intro {
    gap: 0 !important;
}

.shore-overview-bot {
    position: relative;
}

.shore-system-picture {
    width: 80%;
    margin: auto;
    position: relative;
    height: 100vh;
}

.shore-product-figure {
    position: relative;
    cursor: pointer;
}

.shore-product-figure-btn {
    width: 40px;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.shore-product-figure {
    padding: 0.6rem 0.27rem;
}

.shore-product-item {
    gap: 0 !important;
    justify-content: space-between;
}

.shore-product-main {
    flex: unset;
    width: 66%;
}

.spmb-list-item-top img {
    width: 18px;
    margin-right: 0.1rem;
}

.slit-text {
    line-height: var(--line145);
}

.spmb-list-item-top {
    display: flex;
    margin-bottom: 0.1rem;
    align-items: flex-start;
}

.spmb-list-item-bot,
.spmb-list-item-bot p {
    color: var(--color666);
    line-height: var(--line145);
}

.spmb-list {
    --gap1: 0.6rem;
    --gap2: 0.22rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.spmb-list>li {
    width: 50%;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.shore-product-main-bot .std-btn1 {
    margin-top: 0.4rem;
}

.shore-products-inof {
    gap: 0 !important;
}

.shore-product-item:not(:last-child) {
    margin-bottom: 0.6rem;
}

.shore-products {
    padding: 1.4rem 0;
}

.shore-compare {
    padding-bottom: 0 !important;
}

.std-cta .ys-imgbox-cover::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.39) 12.41%, rgba(0, 0, 0, 0.00) 46.06%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.shore-system-point-btn .ys-spot img {
    width: 12px;
}

.ys-spot {
    --width: 26px;
}

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

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

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

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

.shore-system-point-btn {
    gap: 0 !important;
    min-width: 0;
    padding: 0 0.2rem 0 0.14rem;
    height: 50px;
}

.shore-system-point-btn .ys-spot {
    margin-right: 0.14rem;
    position: relative;
}

.shore-system-point-btn .ys-spot::before {
    content: "";
    width: 12px;
    height: 1px;
    background: var(--colorfff);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    z-index: 11;
}

.shore-system-point-btn .ys-spot::after {
    content: "";
    width: 1px;
    height: 12px;
    background: var(--colorfff);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    z-index: 11;
}

.contact-form-inner {
    width: 61.54%;
    max-width: unset;
}

.contact-form-title {
    width: 6rem;
    text-transform: unset;
}

.contact-form .ys-fii-input {
    border: unset;
}

.contact-form .ys-form-inof-text .ys-fii-input {
    height: 90px;
}

.contact-form .ys-fic-auth {
    height: 54px;
    padding: 0.02rem 0.02rem 0.02rem 0.2rem;
}

.ys-fic-auth-img {
    height: calc(var(--height) + 0.06rem);
}

.ys-fii-tips span {
    font-size: var(--font14);
}

.contact-form .ys-fia-text-btn {
    width: 16px;
    height: 16px;
    top: 0;
    margin-left: 0.08rem;
}

.ys-fia-text-btn::before {
    border-radius: 2px;
    border: 1px solid #666;
}

.contact-form .ys-fia-text {
    gap: unset !important;
}

.contact-form .ys-form-inof-item:last-child {
    margin-bottom: 0;
}

.contact-form .ys-fii-submit {
    min-height: unset;
    height: calc(var(--height) + 0.16rem);
    padding: 0 0.32rem;
    position: relative;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.contact-form .ys-fii-submit::before {
    content: "";
    position: absolute;
    height: 100%;
    right: 0;
    width: 0;
    left: auto;
    top: 0;
    background: linear-gradient(90deg, #0028AA 0%, #1548EF 100%);
    transition: all 0.36s;
    z-index: 1;
}

.ys-fii-submit span {
    position: relative;
    z-index: 2;
}

.shore-compare-botbox {
    height: 690px;
    position: relative;
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.shore-compare-botbox-list {
    --ge: 65.31%;
    display: flex;
}

.shore-compare-botbox-list>li {
    width: var(--ge);
}

.scbl-item:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-mask: url(../images/mask2.svg);
    mask: url(../images/mask2.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    height: 100%;
}

.shore-compare-botbox-list>li:first-child {
    -webkit-mask: url(../images/mask1.svg);
    mask: url(../images/mask1.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

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

.scbi-li-cry-tit {
    font-size: var(--font20);
    font-family: var(--medium);
    line-height: var(--line145);
    color: var(--colorfff);
    margin-bottom: 0.2rem;
}

.scbi-li-cry-box,
.scbi-li-cry-box p {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line145);
}

.scbi-li-cry-box p:not(:last-child) {
    margin-bottom: 0.1rem;
}

.scbi-li-cry {
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    padding: 0.2rem;
    width: 4.6rem;
    position: relative;
}

.scbi-li {
    position: absolute;
}

.scbi-li:first-child {
    left: 20px;
    bottom: 20px;
}

.scbi-li:last-child {
    top: 20px;
    right: 20px;
}

.about-banner {
    height: var(--height-ph);
}

.about-banner .ys-nyban-img {
    height: 100%;
}

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

.about-banner .std-font72 {
    font-size: var(--font72);
    line-height: var(--line12);
    color: var(--colorfff);
    text-align: center;
}

.about-banner .ys-cont1600 {
    margin-top: 3rem;
}

.about-contemporary {
    height: 400vh;
    overflow: visible;
    position: sticky;
    top: 0;
}

.about-contemporary-cry {
    height: 100vh;
    position: sticky;
    top: 0;
}

.about-contemporary-bg {
    width: 100%;
    height: 100%;
}

.about-contemporary-cry .ys-cont1600 {
    position: absolute;
    top: var(--space130);
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 5;
}

.about-contemporary-bg-img {
    width: 24%;
    height: 60%;
    position: absolute;
    left: 50%;
    top: calc(var(--space130) + var(--tithei) + 0.5rem);
    z-index: 1;
    transform: translate(-50%, 0%);
    border-radius: 0.15rem;
    overflow: hidden;
}

.about-contemporary-bg {
    transition: var(--transition);
    opacity: 0;
}

.about-contemporary-bg.isshow {
    opacity: 1;
}

.about-contemporary-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 92% 50%;
}

.about-contemporary-cry .std-font54 {
    text-align: center;
}

.about-contemporary-cry-tit2 {
    color: var(--colorfff);
    margin-bottom: 0.3rem;
    text-align: left !important;
}

.acca-info,
.acca-info p,
.acca-bot-info,
.acca-bot-info p {
    color: var(--colorfff);
    line-height: var(--line145);
}

.acca-info {
    margin-bottom: 0.5rem;
}

.acca-bot-num {
    color: var(--colorfff);
    font-size: var(--font60);
    line-height: var(--line12);
    font-family: var(--pbblack);
    margin-bottom: 0.04rem;
}

.acca-bot {
    width: 55.85%;
}

.about-contemporary-cry-anmi {
    width: 51.81%;
    margin-top: 0.6rem;
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    pointer-events: none;
    transition: var(--transition);
}

.about-contemporary-cry-anmi.act {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    pointer-events: all;
}

.about-contemporary-bg-clo1 {
    width: 38.65%;
    position: absolute;
    top: -1.2rem;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: var(--transition);
    pointer-events: none;
}

.about-contemporary-bg-clo1.act {
    animation: clo1 1.2s var(--bezier2) forwards;
}

.about-contemporary-bg-clo2 {
    width: 33.85%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.5rem;
    z-index: 2;
    opacity: 0;
    transition: var(--transition);
    pointer-events: none;
}

.about-contemporary-bg-clo2.act {
    animation: clo2 1.2s 0.2s var(--bezier2) forwards;
}

.about-contemporary-cry-tit1 {
    transition: var(--transition);
}

.about-contemporary-cry-tit1.ishide {
    opacity: 0;
    pointer-events: none;
}

@keyframes clo1 {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes clo2 {
    0% {
        opacity: 0;
        transform: translate3d(-80%, 50%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }
}

.about-full {
    position: relative;
    height: var(--height-ph);
}

.about-full .ys-nyban-img {
    height: 100%;
}

.about-full .ys-nyban-img img {
    height: 120%;
    object-fit: cover;
}

.afli-tit {
    font-size: var(--font30);
    line-height: var(--line13);
    color: var(--colormain);
    margin-bottom: 0.14rem;
    padding-bottom: 0.14rem;
    border-bottom: 1px solid #DDD;
}

.afli-cry,
.afli-cry p {
    color: var(--color666);
    line-height: var(--line145);
}

.about-full-list {
    --ge: 33.333333%;
    --gap1: 0.2rem;
    margin: 0 calc(var(--gap1) * -1);
    position: relative;
    z-index: 3;
}

.about-full-list-item {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.about-full-botinfo {
    width: 85%;
    margin-left: auto;
}

.about-full .ys-cont1600 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.about-full-tit {
    font-size: var(--font80);
    line-height: 1;
    color: var(--colorfff);
    font-family: var(--pbblack);
    margin-bottom: 1.9rem;
    width: 83.25%;
}

.about-full-catl {
    width: 86.625%;
    position: absolute;
    left: 50%;
    top: 84%;
    z-index: 1;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.about-full-catl img {
    width: 100%;
}

.ahln-cent-ri-point {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--color333);
    transition: var(--transition);
}

.ahln-cent-ri-line {
    width: 2rem;
    height: 1px;
    background: var(--color333);
    transition: var(--transition);
}

.ahln-cent-ri {
    display: flex;
    align-items: center;
}

.about-history-newlist-item {
    width: 5.86rem;
    height: 344px;
}

.about-history-newlist-item .ys-imgbox-cover {
    margin-bottom: 0.23rem;
    border-radius: 0.08rem;
    width: 34.3%;
}

.ahln-year {
    transition: var(--transition);
    color: var(--color333);
    line-height: 0.8;
    font-size: 1.2rem;
    font-family: var(--pbblack);
    margin-bottom: 0.2rem;
}

.ahln-cry,
.ahln-cry p {
    color: var(--color333);
    line-height: var(--line145);
    font-size: var(--font16);
}

.ahln-cry {
    width: 65.36%;
    /* height: 4.35em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; */
}

.ahln-center {
    display: flex;
}

.about-history-newlist-item:nth-child(odd) .ahln-center {
    flex-direction: row-reverse;
}

.about-history-newlist-item:nth-child(odd) .ahln-year {
    margin-left: 0.1rem;
}

.about-history-newlist-item:nth-child(odd) .ys-imgbox-cover {
    margin-left: calc(9px + 9px + 2rem + 0.1rem);
}

.about-history-newlist-item:nth-child(odd) .ahln-cry {
    margin-left: calc(9px + 9px + 2rem + 0.1rem);
}

.about-history-newlist-item:nth-child(odd) .ahln-center {
    justify-content: flex-end;
}

.about-history-newlist-item:nth-child(even) .ahln-year {
    margin-right: 0.5rem;
}

.about-history-newlist-item:nth-child(even) .ahln-cent-ri {
    flex-direction: row-reverse;
}

.ahln-cent-ri-point1 {
    position: relative;
}

.ahln-cent-ri-point1 span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    border: 0.1px solid var(--color333);
    animation: scalebig3 4.5s linear infinite;
}

.ahln-cent-ri-point1 span:nth-child(2) {
    animation-delay: 0s;
}

.ahln-cent-ri-point1 span:nth-child(3) {
    animation-delay: 1.5s;
}

.ahln-cent-ri-point1 span:nth-child(4) {
    animation-delay: 3s;
}

@keyframes scalebig3 {
    0% {
        width: 0;
        height: 0;
        opacity: 0.8;
    }

    100% {
        width: 0.6rem;
        height: 0.6rem;
        opacity: 0;
    }
}

.about-history-newlist-item {
    position: relative;
}

.about-history-newlist-item:nth-child(6n+1) {
    margin-right: 1.37rem;
    margin-left: auto;
}

.about-history-newlist-item:nth-child(6n+2) {
    margin-left: 1.5rem;
}

.about-history-newlist-item:nth-child(6n+3) {
    margin-left: auto;
    margin-right: 3.15rem;
}

.about-history-newlist-item:nth-child(6n+4) {
    margin-left: 1.5rem;
}

.about-history-newlist-item:nth-child(6n+5) {
    margin-right: 1.37rem;
    margin-left: auto;
}

.about-history-newlist-item:nth-child(6n) {
    margin-left: 3.2rem;
}

.ahln-cry:not(:last-child) {
    margin-bottom: 0.1rem;
}

.about-history .ys-cont1600 {
    position: relative;
}

.about-history-cenline {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 17.5%;

}

.about-newhistory {
    position: relative;
    z-index: 15;
    background: var(--colorfff);
}

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

.home-comprehensive-onescreen .std-font54 {
    text-align: center;
    margin-bottom: 0.2rem;
}

.home-comprehensive-onescreen-cry,
.home-comprehensive-onescreen-cry p {
    color: var(--color666);
    line-height: var(--line145);
    text-align: center;
}

.home-comprehensive .ys-cont1600 {
    position: relative;
    z-index: 10;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-comprehensive-onescreen {
    padding-top: var(--space130);
}

.hlil-text {
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: var(--line12);
    font-family: var(--light);
    margin-right: 0.14rem;
}

.hcbr-list-item-link img {
    width: 40px;
}

.hcbr-list-item-link {
    display: flex;
    align-items: center;
    width: fit-content;
}

.hcbr-list-item {
    position: absolute;
    bottom: -8px;
    right: 1.1rem;
    transition: var(--transition);
    opacity: 0;
    pointer-events: none;
}

.hcbr-list-item.act {
    opacity: 1;
    pointer-events: all;
}

.home-comprehensive-bottap-list {
    --gap1: 0.5rem;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    flex-wrap: wrap;
}

.home-comprehensive-bottap-list>li {
    width: fit-content;
    padding: 0 var(--gap1);
    position: relative;
    text-align: center;
}

.hcbl-item-box {
    position: relative;
    cursor: pointer;
}

.hcbl-item-box::before {
    content: "";
    width: 0%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colorfff);
    transition: var(--transition);
    z-index: 2;
    height: 1px;
    position: absolute;
}

.hcbl-item.act .hcbl-item-box::before {
    width: 100%;
}

.hcbl-item.act .hcbl-item-box {
    opacity: 1;
}

.home-comprehensive-bottap {
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 10;
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}

.hcbl-item-box {
    font-size: var(--font16);
    line-height: 73px;
    color: var(--colorfff);
    opacity: 0.7;
    transition: var(--transition);
}

.home-comprehensive-infobox {
    position: sticky;
    top: 0;
    height: 100vh;
}

.home-comprehensive {
    position: relative;
    height: 300vh;
    overflow: visible;
}

.home-comprehensive-onescreen {
    transition: var(--transition);
}

.home-comprehensive-onescreen.ishide {
    opacity: 0;
    transform-origin: 0% 50%;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
}

.home-main {
    width: 100vw;
}

.stdny-bread .ys-bread {
    top: 96px;
    left: var(--place);
    position: absolute;
}

.stdny-bread .ys-bread-list a {
    color: var(--color999);
}

.stdny-bread .ys-bread-list::before {
    color: var(--color999);
}

/* B3 Marine Batteries */
.battery-banner .ys-nyban-title h1 {
    color: var(--colorfff);
}

.battery-anchor,
.battery-intro,
.battery-core,
.battery-quality,
.battery-design,
.battery-test,
.battery-products,
.battery-cases {
    background: #edf4f6;
}

.battery-anchor {
    position: sticky;
    top: 0px;
    z-index: 18;
    height: 60px;
    background: rgba(255, 255, 255, 0.94);
    transition: var(--transition);
}

.battery-anchor.isstart {
    top: 0px;
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    box-shadow: var(--shadow);
}

.battery-anchor.thistop {
    top: calc(var(--headh));
}

.battery-anchor .ys-cont1600 {
    transition: var(--transition);
}

.battery-anchor-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.battery-anchor-list li {
    position: relative;
    width: calc((100% - 1.2rem) / 7);
    text-align: center;
}

.battery-anchor-list li.is-active::before {
    width: 100%;
}

.battery-anchor-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    color: var(--color333);
    font-size: var(--font16);
    line-height: 1.2;
    transition: var(--transition);
}

.battery-anchor-list li.is-active a {
    color: var(--colormain);
}

.battery-intro {
    position: relative;
    overflow: hidden;
    padding: 1.8rem 0 2rem;
}

.battery-intro-core {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.battery-intro-info {
    position: relative;
    z-index: 2;
    width: 35.25%;
    min-height: 5.26rem;
    padding: 0.56rem 0.44rem 0.5rem 0;
}

.battery-intro-info::before {
    content: "";
    position: absolute;
    top: -0.38rem;
    right: 0;
    bottom: -0.72rem;
    left: -1.6rem;
    z-index: -1;
    background: rgba(255, 255, 255, 0.78);
    border-radius: 0 0 0.18rem 0;
}

.battery-title {
    margin-bottom: 0.3rem;
}

.battery-intro-copy,
.battery-intro-copy p {
    color: var(--color333);
    line-height: var(--line145);
}

.battery-intro-points {
    margin-top: 0.36rem;
}

.battery-intro-points li {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 0;
    color: var(--color333);
    font-size: var(--font16);
    line-height: 1.45;
}

.battery-intro-points li:not(:last-child) {
    margin-bottom: 0.16rem;
}

.battery-intro-points li img {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.1rem;
}

.battery-intro-ship {
    position: absolute;
    left: 0.22rem;
    bottom: -0.6rem;
    z-index: 3;
    width: 2.1rem;
    pointer-events: none;
    animation: batteryShipMove 5s ease-in-out infinite alternate;
}

.battery-intro-ship img {
    display: block;
    width: 100%;
}

@keyframes batteryShipMove {
    0% {
        transform: translate3d(-0.12rem, 0.06rem, 0) rotate(-3deg);
    }

    100% {
        transform: translate3d(0.14rem, -0.04rem, 0) rotate(2deg);
    }
}

.battery-intro-media {
    position: relative;
    width: 58.5%;
    margin-top: 0.2rem;
}

.battery-video-card {
    position: relative;
    overflow: hidden;
    border-radius: 0.06rem;
    background: #dce5e8;
}

.battery-video-card video,
.battery-video-card>img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.battery-video-card .battery-video-poster {
    display: none;
}

.battery-video-open {
    position: absolute;
    right: 0.18rem;
    bottom: 0.18rem;
    z-index: 4;
    width: 0.42rem;
    height: 0.42rem;
    background: rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    cursor: pointer;
    transition: var(--transition);
}

.battery-video-open::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 0.075rem solid transparent;
    border-bottom: 0.075rem solid transparent;
    border-left: 0.12rem solid var(--colorfff);
    transform: translate(-42%, -50%);
}

.battery-intro-arrows {
    position: absolute;
    left: -0.42rem;
    bottom: -0.64rem;
    display: flex;
    gap: 0.1rem;
}

.battery-intro-arrows button {
    width: 0.44rem;
    height: 0.44rem;
    border: 1px solid rgba(0, 40, 170, 0.28);
    border-radius: 50%;
    color: var(--colormain);
    font-size: var(--font20);
    line-height: 1;
    background: rgba(255, 255, 255, 0.9);
    transition: var(--transition);
}

.battery-section-title {
    color: var(--color333);
    text-align: center;
}

.battery-section-sub {
    margin-top: 0.08rem;
    color: var(--color666);
    text-align: center;
}

.battery-core {
    padding: 1.48rem 0 1.3rem;
}

.battery-core-card {
    margin-top: 0.56rem;
    padding: 0.5rem;
    background: var(--colorfff);
    border-radius: 0.08rem;
}

.battery-core-label {
    color: var(--color333);
}

.battery-core-flow {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;
    padding-bottom: 0.42rem;
}

.battery-core-flow::before {
    content: "";
    position: absolute;
    left: 0.05rem;
    right: 0.05rem;
    bottom: 0.42rem;
    height: 1px;
    background: var(--colormain);
}

.battery-core-flow li {
    position: relative;
    width: 8.94%;
    text-align: center;
}

.battery-core-icon {
    position: relative;
    overflow: hidden;
    display: block;
    width: 0.98rem;
    height: 0.98rem;
    margin: 0 auto 0.12rem;
    background: #eaf0f2;
    border: 1px solid #333;
    border-radius: 50%;
}

.battery-core-icon img {
    position: absolute;
    display: block;
    width: 2127.06%;
    height: 1192.15%;
    max-width: none;
    top: -221.54%;
}

.battery-core-icon1 img {
    left: -113.85%;
}

.battery-core-icon2 img {
    left: -339.08%;
}

.battery-core-icon3 img {
    left: -563.15%;
}

.battery-core-icon4 img {
    left: -787.5%;
}

.battery-core-icon5 img {
    left: -1012.75%;
}

.battery-core-icon6 img {
    left: -1238.11%;
}

.battery-core-icon7 img {
    left: -1462.94%;
}

.battery-core-icon8 img {
    left: -1687.25%;
}

.battery-core-icon9 img {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.battery-core-flow li::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.36rem;
    width: 0.1rem;
    height: 0.1rem;
    background: var(--colormain);
    border-radius: 50%;
    transform: translateX(-50%);
}

.battery-core-flow p {
    min-height: 0.46rem;
    color: var(--color333);
    font-size: var(--font16);
    line-height: 1.45;
}

.battery-core-flow em {
    display: block;
    margin-top: 0.32rem;
    color: var(--color333);
    font-size: var(--font14);
    line-height: 1.45;
    font-style: normal;
}

.battery-core-flow em sup {
    font-size: 0.65em;
    line-height: 0;
}

.battery-core-data {
    margin-top: 0.62rem;
}

.battery-core-data-list {
    display: flex;
    margin-top: 0.26rem;
}

.battery-core-data-list li {
    width: 25%;
    padding-right: 0.3rem;
}

.battery-core-data-list li:not(:first-child) {
    padding-left: 0.42rem;
    border-left: 1px solid #d8e1e4;
}

.battery-core-data-list strong {
    display: block;
    color: var(--colormain);
    font-size: var(--font54);
    line-height: 1;
    font-family: var(--bold);
}

.battery-core-data-list p {
    margin-top: 0.08rem;
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.45;
}

.battery-quality {
    padding-top: 1.5rem;
}

.battery-quality-core {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.battery-quality-nav {
    width: 33.4%;
}

.battery-quality-nav-item {
    display: block;
    width: 100%;
    padding: 0.32rem 0;
    text-align: left;
    border-top: 1px solid #cfd9dd;
    color: var(--color333);
    opacity: 0.42;
    transition: var(--transition);
}

.battery-quality-nav-item:first-child {
    border-top: 0;
    padding-top: 0;
}

.battery-quality-nav-item.is-active {
    opacity: 1;
}

.battery-quality-nav-item span {
    display: block;
    margin-bottom: 0.18rem;
    font-size: var(--font24);
    line-height: 1.45;
}

.battery-quality-nav-item em {
    position: relative;
    display: block;
    padding-left: 0.18rem;
    color: var(--color333);
    font-size: var(--font16);
    line-height: 1.45;
    font-style: normal;
}

.battery-quality-nav-item em:not(:last-child) {
    margin-bottom: 0.08rem;
}

.battery-quality-nav-item em::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.12rem;
    width: 0.06rem;
    height: 0.06rem;
    background: var(--colormain);
}

.battery-quality-media {
    position: relative;
    width: 57.5%;
    overflow: hidden;
    border-radius: 0.06rem;
}

.battery-quality-media::before {
    content: "";
    display: block;
    padding-top: 63.04%;
}

.battery-quality-media-item {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.battery-quality-media-item.is-active {
    opacity: 1;
    pointer-events: auto;
}

.battery-quality-media-item img,
.battery-quality-media-item video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.battery-quality-play {
    display: none;
}

.battery-design {
    padding-top: 1.47rem;
}

.battery-design-img {
    overflow: hidden;
    margin-top: 0.42rem;
    background: var(--colorfff);
    border-radius: 0.08rem;
}

.battery-design-img img {
    display: block;
    width: 100%;
}

.battery-design-img picture {
    display: block;
}

.battery-test {
    position: relative;
    height: 400vh;
    overflow: visible;
}

.battery-test-sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.battery-test-head {
    flex-shrink: 0;
    margin-bottom: 0.51rem;
    margin-top: 0;
}

.battery-test-window {
    --place: max(7.5vw, calc(50vw - 800px));
    width: 100%;
    overflow: hidden;
}

.battery-test-track {
    display: flex;
    align-items: stretch;
    width: max-content;
    padding: 0 var(--place);
    will-change: transform;
    margin: 0 -0.16rem;
}

.battery-test-item {
    position: relative;
    flex-shrink: 0;
    width: min(37.5vw, 7.2rem);
    padding: 0 0.16rem;
}

.battery-test-item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: min(24vw, 4.4rem);
}

.battery-test-num {
    color: var(--colormain);
    font-size: var(--font54);
    line-height: 1;
    font-family: var(--bold);
}

.battery-test-item-text h3 {
    margin-top: 0.22rem;
    color: var(--color333);
    font-size: var(--font22);
    line-height: 1.35;
}

.battery-test-item-text .std-text16 {
    margin-top: 0.18rem;
    color: var(--color333);
}

.battery-test-img img {
    transition: var(--transition);
}

.battery-test-item>p {
    position: absolute;
    left: 0.28rem;
    bottom: 0.22rem;
    z-index: 2;
    color: var(--colorfff);
    font-size: var(--font16);
    line-height: 1.45;
}

.battery-products {
    padding-top: 1rem;
}

.battery-products-tabs {
    display: flex;
    justify-content: center;
    gap: 0.16rem;
    margin-top: 0.26rem;
}

.battery-product-tab {
    min-height: 40px;
    padding: 0.08rem 0.2rem;
    color: var(--color333);
    font-size: var(--font16);
    line-height: 1.2;
    background: var(--colorfff);
    border-radius: 43px;
    transition: var(--transition);
}

.battery-product-tab.is-active {
    color: var(--colorfff);
    background: var(--colormain);
}

.battery-product-panels {
    margin-top: 0.38rem;
}

.battery-product-panel {
    display: none;
    transition: var(--transition);
}

.battery-product-panel.is-active {
    display: block;
}

.battery-product-panel.is-refreshing {
    opacity: 0.45;
    transform: translateY(0.06rem);
}

.battery-product-item {
    display: flex;
    align-items: center;
    min-height: 4.4rem;
    padding: 0.2rem 0.6rem;
    background: var(--colorfff);
    border-radius: 0.02rem;
}

.battery-product-item:not(:last-child) {
    margin-bottom: 0.18rem;
}

.battery-product-figure {
    width: 18.75%;
    flex-shrink: 0;
}

.battery-product-info {
    flex: 1;
    min-width: 0;
    padding-left: 0.24rem;
}

.battery-product-name {
    color: var(--color333);
    font-size: var(--font20);
    line-height: 1.45;
    font-family: var(--medium);
}

.battery-product-specs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.22rem;
}

.battery-product-spec {
    width: calc((100% - 0.4rem) / 3);
    margin-right: 0.2rem;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #d8e1e4;
}

.battery-product-spec:nth-child(3n) {
    margin-right: 0;
}

.battery-product-spec:nth-child(n+4) {
    margin-top: 0.2rem;
}

.battery-product-spec dt {
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.45;
}

.battery-product-spec dd {
    margin-top: 0.06rem;
    color: var(--color333);
    font-size: var(--font18);
    line-height: 1.45;
    font-family: var(--medium);
}

.battery-cases {
    padding: 0.9rem 0 1.12rem;
}

.battery-cases-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.battery-cases-head .battery-section-title {
    text-align: left;
}

.battery-case-list {
    display: flex;
    gap: 0.32rem;
    margin-top: 0.42rem;
}

.battery-case-list>li {
    width: calc((100% - 0.32rem) / 2);
}

.battery-case-card {
    display: block;
    color: var(--color333);
}

.battery-case-img {
    overflow: hidden;
    border-radius: 0.04rem;
}

.battery-case-img img {
    transition: var(--transition);
}

.battery-case-card h3 {
    margin-top: 0.26rem;
    color: var(--color333);
    font-size: var(--font24);
    line-height: 1.45;
    font-family: var(--medium);
}

.battery-case-data {
    display: flex;
    margin-top: 0.22rem;
}

.battery-case-data li {
    width: 42%;
}

.battery-case-data strong {
    display: block;
    color: var(--color333);
    font-size: var(--font24);
    line-height: 1.25;
    font-family: var(--bold);
}

.battery-case-data span {
    display: block;
    margin-top: 0.06rem;
    color: var(--color666);
    font-size: var(--font16);
    line-height: 1.45;
}

/* 5.15修改 end */
/* 5.19 start */
.home-comprehensive-bottap {
    bottom: 0;
    height: 73px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
}

.hcbr-list-item {
    bottom: 17px;
}

.about-newhistory .ys-cont1600 {
    position: relative;
    padding: 2rem 0 3rem;
}

.about-newhistory .home-power-route-ship {
    width: 2rem;
    left: -98px;
    top: 0;
}

.about-history-cenline {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
}

.about-newhistory-linebox {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 278px;
}

.about-newhistory-linebox-cry {
    position: relative;
}

.about-newhistory .ys-cont1600::before {
    content: "";
    width: 50%;
    height: 15.82rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    transform: translate(-50%, 0%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.about-history-newlist-item.act .ahln-year {
    color: var(--colormain);
}

.about-history-newlist-item.act .ahln-cent-ri-point {
    background: var(--colormain);
}

.about-history-newlist-item.act .ahln-cent-ri-line {
    background: var(--colormain);
}

.about-history-newlist-item.act .ahln-cent-ri-point1 span {
    border-color: var(--colormain);
}

.about-history-newlist-item.act .ahln-cry,
.about-history-newlist-item.act .ahln-cry p {
    color: var(--colormain);
}

.home-power-route-ship img {
    width: 100%;
    transition: var(--transition);
    opacity: 0;
}

.home-power-route-ship.act img {
    opacity: 1;
}

/* 5.19 end */
.battery-page .ys-nybanner1::after {
    background: linear-gradient(90deg, rgba(16, 21, 55, 0.20) 0%, rgba(16, 21, 55, 0.00) 55.73%);
}

.birs-item-box {
    position: relative;
    border-radius: 0.1rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.birs-item-box .ys-imgbox-cover {
    border-radius: 0.1rem;
}

.battery-intro-le {
    width: 35.25%;
}

.battery-intro-ri {
    width: 58.5%;
}

.battery-intro .ys-cont1600 {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    position: relative;
    z-index: 5;
}

.battery-intro-le .std-font54 {
    color: var(--color000);
    margin-bottom: 0.3rem;
}

.battery-intro-le-cry,
.battery-intro-le-cry p {
    color: var(--color666);
    line-height: var(--line145);
}

.battery-intro-le-cry {
    margin-bottom: 0.4rem;
}

.bill-item img {
    width: 24px;
    margin-right: 0.23rem;
}

.bill-item-text {
    line-height: var(--line145);
    flex: 1;
}

.bill-item:not(:last-child) {
    margin-bottom: 0.08rem;
}

.bill-item {
    display: flex;
    align-items: center;
}

.birs-item-box-btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 15;
}

.battery-intro .std-swiperbtnbox {
    margin-top: 0.72rem;
}

.battery-intro-ri-slick {
    --ge: 100%;
    --gap1: 0.1rem;
    margin: 0 calc(var(--gap1) * -1);
}

.ys-slick-item {
    width: var(--ge);
    padding: 0 var(--gap1);
}

.birs-item-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.battery-intro .home-power-route {
    position: absolute;
    right: auto;
    left: 0;
    bottom: -10px;
    width: 30%;
    pointer-events: none;
}

.bebt-bot-list-item .ys-imgbox-cover {
    border-radius: 50%;
    border: 2px solid #333;
    margin-bottom: 0.12rem;
}

.battery-page .ys-main {
    background: #edf4f6;
}

.bbli-name {
    line-height: var(--line145);
    text-align: center;
    margin-bottom: 0.25rem;
    height: 2.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.battery-edge-bottom {
    border-radius: 0.14rem;
    padding: 0.5rem;
    background: linear-gradient(84deg, #FFF 0.82%, rgba(255, 255, 255, 0.48) 86.1%);
}

.battery-edge .std-font54 {
    text-align: center;
    margin-bottom: 0.6rem;
}

.bebt-from,
.bebt-from p {
    font-size: var(--font20);
    line-height: var(--line12);
    color: var(--color666);
}

.bebt-from {
    margin-bottom: 0.3rem;
}

.bbli-dir {
    width: var(--dirwidt);
    height: var(--dirwidt);
    background: var(--colormain);
    border-radius: 50%;
    margin-bottom: 0.11rem;
}

.bebt-bot {
    --dirwidt: 10px;
    position: relative;
}

.bebt-bot-list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bebt-bot-list {
    --ge: calc(100% / var(--num));
    --gap1: 0.18rem;
    --gap2: 0.2;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.bebt-bot-list>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.bebt-bot-list::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em + 2px);
}

.bbli-type {
    color: var(--color333);
    line-height: var(--line145);
    font-size: var(--font16);
    height: 1.45em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.bebt-bot::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    background: var(--colormain);
    left: 0;
    bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em);
    position: absolute;
}

.bebt-bot::after {
    content: "";
    background: url(../images/0Polygon1.png);
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    right: -14px;
    bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em + -4px);
    position: absolute;
}

.bebt-bot-unit {
    font-size: var(--font16);
    line-height: var(--line145);
    color: var(--color333);
    position: absolute;
    right: -14px;
    bottom: 0;
}

.battery-edge-bottom-top {
    padding-bottom: 0.65rem;
    margin-bottom: 0.4rem;
    border-bottom: 0.1rem solid #EAF0F2;
}

.bfli-num {
    color: var(--colormain);
    font-size: var(--font60);
    font-family: var(--pbblack);
    line-height: var(--line12);
    margin-bottom: 0.1rem;
}

.bfli-text,
.bfli-text p {
    line-height: var(--line12);
    font-size: var(--font16);
    color: var(--color666);
}

.bebt-from-list {
    --ge: 25%;
    --gap1: 0.5rem;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    flex-wrap: wrap;
}

.bebt-from-list>li {
    width: var(--ge);
    padding: 0 var(--gap1) 0.17rem;
    margin-bottom: var(--gap2);
}

.bebt-from-list-item:not(:last-child) {
    border-right: 1px solid #DDD;
}

.battery-edge {
    padding-top: 1rem;
}

.bqcl-item-tit {
    color: var(--color000);
    font-size: var(--font30);
    line-height: var(--line12);
    margin-bottom: 0.3rem;
}

.bqcl-item-list-item {
    position: relative;
    padding-left: calc(8px + 0.08rem);
}

.bqcl-item-list-item::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 1px;
    background: var(--colormain);
    position: absolute;
    top: 7px;
    left: 0;
}

.bqcl-item-list-item,
.bqcl-item-list-item p {
    color: var(--color333);
    font-size: var(--font16);
    line-height: var(--line145);
}

.bqcl-item-list-item:not(:last-child) {
    margin-bottom: 0.12rem;
}

.bqcl-item:not(:last-child) {
    padding-bottom: 0.47rem;
    margin-bottom: 0.47rem;
}

.bqcl-item {
    transition: var(--transition);
    opacity: 0.4;
    position: relative;
    cursor: pointer;
}

.bqcl-item:not(:last-child)::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #DDD;
    position: absolute;
    bottom: 0;
    left: 0;
    position: absolute;
}

.bqcl-item.act {
    opacity: 1;
}

.bqrl-item {
    position: relative;
    border-radius: 0.14rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

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

.battery-design .ys-nyban-img {
    margin-top: 0.5rem;
    border-radius: 0.16rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.battery-test-num p {
    margin-top: 0.09rem;
    color: var(--color666);
    line-height: var(--line145);
    font-size: var(--font16);
    font-family: var(--regular);
}

.battery-test-info,
.battery-test-info p {
    color: var(--color666);
    line-height: var(--line145);
    font-size: var(--font16);
}

.battery-test-info p span {
    color: var(--colormain);
}

.battery-test-info p:not(:last-child) {
    margin-bottom: 0.12rem;
}

.battery-test-info {
    margin-top: 0.25rem;
    padding-right: 0.3rem;
}

.battery-test-item-bottext {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    padding: 0.15rem;
    color: var(--colorfff);
    line-height: var(--line145);
    font-size: var(--font18);
    text-align: center;
}

.battery-test-item-cry {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.battery-products-tabbox-list {
    --gap1: 0.08rem;
    --gap2: 0.16rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.battery-products-tabbox-list>li {
    width: fit-content;
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.battery-products-tabbox-list>li>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 0.2rem;
    border-radius: 42px;
    background: var(--colorfff);
    transition: var(--transition);
    font-size: var(--font16);
    line-height: 40px;
    color: var(--color333);
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.battery-products-tabbox {
    margin-bottom: 0.5rem;
}

.bptl-item.act .bptl-item-cry {
    color: var(--colorfff);
    background: var(--colormain);
}

.battery-products .std-font54 {
    text-align: center;
    margin-bottom: 0.4rem;
}

.brli-top {
    color: var(--color666);
    line-height: var(--line145);
    font-size: var(--font16);
    margin-bottom: 0.06rem;
}

.brli-bot {
    color: var(--color000);
    font-size: var(--font18);
    line-height: var(--line145);
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #DDD;
}

.bpbi-crylist-item-box {
    padding: 0.2rem 0.6rem;
    border-radius: 0.14rem;
    background: linear-gradient(84deg, #FFF 0.82%, rgba(255, 255, 255, 0.48) 86.1%);
}

.bpbi-crylist-item:not(:last-child) {
    margin-bottom: 0.2rem;
}

.bcib-le {
    width: 20.27%;
    padding: 0.38rem 0.27rem;
}

.bcib-le-name {
    color: var(--color000);
    text-align: center;
    font-size: var(--font20);
    line-height: var(--line145);
    margin-top: 0.1rem;
}

.bpbi-crylist-item-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bcib-ri {
    width: 79.73%;
    padding-left: 0.24rem;
}

.bcib-ri-list {
    --ge: 33.333333%;
    --gap1: 0.1rem;
    --gap2: 0.22rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.bcib-ri-list>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.battery-products-botinfolist-item:not(:first-child) {
    display: none;
}

.battery-page .vessel-cases {
    background: #edf4f6;
    padding-top: 1.5rem;
}

.vessel-cases-slick-item .ys-imgbox-cover img:nth-child(n+2) {
    object-fit: cover;
}

.battery-anchor-list-item.act::before {
    width: 100%;
}

.bali-link {
    color: var(--color333);
    font-size: var(--font16);
    line-height: var(--line145);
    transition: var(--transition);
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.bali-link::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -0.1rem;
    width: 0;
    height: 2px;
    background: var(--colormain);
    transform: translateX(-50%);
    transition: var(--transition);
}

.battery-anchor-list {
    --ge: calc(100% / var(--num));
    --gap1: 0.1rem;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    justify-content: center;
}

.battery-anchor-list>li {
    width: var(--ge);
    padding: 0.1rem var(--gap1);
    height: 100%;
}

.battery-anchor-list-item.act .bali-link {
    color: var(--colormain);
}

.battery-anchor-list-item.act .bali-link::before {
    width: 100%;
}

.pc-fenye li {
    float: left;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(221, 221, 221, 0.4);
    font-size: 14px;
    line-height: 34px;
    color: rgba(51, 51, 51, 0.4);
    text-align: center;
    margin: 0 0.08rem;
    border-radius: 4px;
    transition: var(--transition);
    background: 0 0;
}

.contact-main .ys-bread {
    position: absolute;
    top: 96px;
    left: var(--place);
    z-index: 5;
}

.contact-main .ys-bread-list::before {
    color: var(--colorfff);
}

.about-main .ys-bread {
    position: absolute;
    top: 96px;
    left: var(--place);
    z-index: 5;
    margin-top: 0;
}

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

.home-comprehensive-infobox::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--colorfff);
    z-index: 30;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
}

.home-comprehensive-infobox.istransition::before {
    opacity: 1;
}

.home-comprehensive.active .home-comprehensive-onescreen {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50px);
}

.home-comprehensive-bottap {
    transition: var(--transition);
    transform: translateY(100%);
    opacity: 0;
}

.home-comprehensive.active .home-comprehensive-bottap {
    opacity: 1;
    transform: translateY(0%);
}

.hcpi-crylist-item {
    position: absolute;
    z-index: 10;
}

.shore-system-point-btn img {
    width: 7px;
    margin-left: 0.14rem;
}

.sspb-ritext {}

.sspb-ritext .shore-system-point-text,
.sspb-ri {
    flex: 1;
}

.sspb-ri {
    overflow: hidden;
}

.sspb-ritext {
    display: flex;
    transform: translateX(-100%);
    transition: var(--transition);
}

.hcpi-crylist-item .shore-system-point-btn {
    background: transparent;
    pointer-events: none;
}

.hcpi-crylist-item.act .shore-system-point-btn {
    pointer-events: all;
}

.hcpi-crylist-item .shore-system-point-btn::before {
    content: "";
    width: 0%;
    height: 100%;
    border-radius: 0.6rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: var(--transition);
    background: var(--colorfff);
    pointer-events: none;
}

.hcpi-crylist-item .ys-spot {
    pointer-events: none;
}

.home-comprehensive-pointlist-item.isshow .ys-spot,
.home-comprehensive-pointlist-item.show .ys-spot {
    pointer-events: all;
}

.hcpi-crylist-item.act .shore-system-point-btn::before {
    opacity: 1;
    width: 100%;
}

.hcpi-crylist-item.act .sspb-ritext {
    transform: translateX(0%);
    transition-delay: 0.3s;
}

.hcpi-crylist-item .shore-system-point-text {
    color: var(--color333);
}

.shore-system-point-btn .ys-spot::before,
.shore-system-point-btn .ys-spot::after {
    transition: var(--transition);
}

.hcpi-crylist-item.act .shore-system-point-btn .ys-spot::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.hcpi-crylist-item.act .shore-system-point-btn .ys-spot::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.hcpi-crylist-item.on .ys-spot>span {
    background: #F8792A;
}

.home-comprehensive-pointlist-item .hcpi-crylist-item {
    transition: var(--transition);
    opacity: 0;
    pointer-events: none;
}

.home-comprehensive-pointlist-item.show .hcpi-crylist-item {
    opacity: 1;
    /* pointer-events: all; */
}

.home-comprehensive-pointlist-item.isshow .hcpi-crylist-item {
    opacity: 1;
    /* pointer-events: all; */
}

.home-comprehensive-video {
    pointer-events: none;
}

.article-detail-editor p img {
    width: 100%;
}

.resources-feature-img::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #14274A 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transform: translateY(70%);
    pointer-events: none;
}

.home-ban-ribot-ri .ys-imgbox-cover img:nth-child(n+2) {
    object-fit: cover;
}

.home-comprehensive-ph {
    display: none;
}

.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}

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

    100% {
        transform: none;
    }
}

.vessel-challenge .home-power-route {
    width: 32.24%;
    bottom: -1rem;
}

.scbl-item .scbi-li-cry {
    display: none;
}

.about-full-list {
    display: flex;
    flex-wrap: wrap;
}

.battery-quality-ri {
    width: 57.5%;
}

.battery-quality-core-list {
    width: 33.44%;
}

.battery-test-cryph {
    display: none;
}

.brli-cry {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.segments-feature {
    padding-top: 1.8rem;
}

.case-detail-main .vessel-cases {
    padding-top: 0;
}

.case-detail-main .vessel-cases-title {
    text-align: center;
    width: 100%;

}

.case-detail-main .vessel-cases-head {
    margin-bottom: 0.4rem;
}

.case-cases .std-font20 {
    color: var(--color000);
    font-size: var(--font20);
    line-height: var(--line145);
    margin-top: 0.26rem;
}

.case-cases .vcsi-link-list {
    margin: 0.26rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
}

.vessel-cases-slick {
    --gap1: 0.14rem;
}

.case-cases .std-font28 {
    color: var(--color333);
    font-size: var(--font28);
    font-family: var(--pbblack);
    line-height: var(--line12);
    margin-bottom: 0.08rem;
}

.vessel-cases-slick-item>a {
    padding-bottom: 0.32rem;
}

.ahln-cent-ri {
    pointer-events: none;
    opacity: 0;
}

.ys-main {
    width: 100vw;
}

.vlli-top .vlli-top {
    margin-bottom: 0 !important;
}

.header-select-mls,
.header-select-seg,
.header-select-reso,
.header-select-about {
    box-shadow: var(--shadow);
}

/* 2026.6.1 start */
/*.head-lang,*/
/*.ys-phnav2-language {*/
/*    display: none;*/
/*}*/

.hcpi-crylist-item.act {
    z-index: 12;
}

.ys-hd-pc.isfixed::before {
    background: var(--colorfff);
    box-shadow: var(--shadow);
}

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

.ys-hd-pc.isfixed {
    top: 0;
}

.ys-hd-pc.isfixed .ys-hd-pc-core {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
}

.ys-hd-pc.hide {
    top: calc(var(--headh) * -1);
}

.yx-search3xlbox {
    top: 90%;
}

.ys-header.isfixed .yx-search3xlbox {
    width: 100vw;
    left: calc(var(--place) * -1);
}

.search-main.ys-page-wrap.act .ys-main {
    margin-top: var(--headh);
}

.hcpi-crylist-item.res .shore-system-point-btn {
    flex-direction: row-reverse;
}

.hcpi-crylist-item.res .ys-spot {
    margin-right: 0;
    margin-left: 0.14rem;
}

.hcpi-crylist-item.res .sspb-ritext {
    flex-direction: row-reverse;
}

.hcpi-crylist-item.res .shore-system-point-btn img {
    transform: rotate(180deg);
    margin-right: 0.14rem;
    margin-left: 0;
}

.hcpi-crylist-item.res .sspb-ritext {
    transform: translateX(100%);
}

.hcpi-crylist-item.res.act .sspb-ritext {
    transform: translateX(0%);
}

.hcpi-crylist-item.res .shore-system-point-btn::before {
    left: auto;
    right: 0;
}

.vessel-challenge .home-power-route-ship {
    opacity: 0;
    transition: opacity 0.36s ease-in-out;
}

.vessel-challenge .home-power-route-ship.isshow {
    opacity: 1;
}

.vessel-challenge .home-power-route-ship.isshow.hide {
    opacity: 0;
}

.vsrl-item.isfade .vsrl-item-cent-bot {
    animation: ysfadeInUp .8s ease-in-out both;
}

.home-power-route-ship.isstop img {
    opacity: 0;
}

.footer-top-botbox .footer-top-topbox-ricry {
    display: none;
}

.about-history-newlist-item .ys-imgbox-cover {
    display: none;
}

.shore-system-point {
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s ease-in-out;
}

.shore-overview.video-played .shore-system-point {
    opacity: 1;
    pointer-events: all;
}

/* 2026.6.1 end */
/* 2026.6.5 start */
.shore-system-point.res .shore-system-point-btn {
    flex-direction: row-reverse;
}

.shore-system-point.res .ys-spot {
    margin-right: 0;
    margin-left: 0.14rem;
}

/* 2026.6.5 end */
/* 2026.6.6 start */
.shore-system-points-ph {
    display: none;
}

.scbi-li-cry-box p span {
    font-size: var(--font20);
}

.contact-form .ys-fii-input {
    border-radius: 0.08rem;
}

.vessel-solu-bglist-item {
    width: 100%;
    height: 100%;
}

/* 2026.6.6 end */
/* 2026.6.11 star */
.battery-products {
    overflow: visible;
}

.battery-products-tabbox {
    position: sticky;
    top: 0;
    z-index: 10;
}

.battery-products-tabbox::before {
    content: "";
    width: 100vw;
    height: 100%;
    background: var(--colorfff);
    position: absolute;
    top: 0;
    left: calc(var(--place) * -1);
    box-shadow: var(--shadow);
    opacity: 0;
    transition: var(--transition);
}

.ys-hd-pc.importanttop {
    top: calc(var(--headh) * -1) !important;
}

.battery-anchor.importanttop {
    top: calc(var(--headh) * -1) !important;
}

.battery-products-tabbox-list {
    position: relative;
    z-index: 5;
    transition: var(--transition);
}

.battery-products.istop .battery-products-tabbox-list {
    transform: translateY(calc(var(--gap2) / 2));
}

.battery-products.istop .battery-products-tabbox::before {
    opacity: 1;
}

.bbli-name {
    height: 4.35em;
    -webkit-line-clamp: 3;
}

.birs-item-box-btn {
    width: 32px;
}

.birs-item-box-btn img {
    width: 100%;
}

/* 2026.6.11 end */
/* 2026.6.12 发展历史 start */
.about-deve {
    padding: 1.2rem 0 2.3rem;
    position: relative;
    z-index: 5;
    background: var(--colorfff);
}

.about-deve-top {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aibt-year {
    font-size: var(--font30);
    line-height: var(--line13);
    color: var(--colormain);
    margin-bottom: 0.14rem;
}

.aibt-cry,
.aibt-cry p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line145);
}

.about-deve-bot {
    width: 33.45%;
    margin: auto;
}

.adbs-item-box-bot {
    height: 3.2rem;
}

.aibb-list {
    --ge: 5px;
    display: flex;
    height: 100%;
    align-items: flex-end;
}

.aibb-list>li {
    width: var(--ge);
    margin-right: var(--gap);
    height: 100%;
    position: relative;
}

.aibb-list>li::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #999 0%, #999 23.99%, rgba(153, 153, 153, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    transition: var(--transition);
}

.aibb-list>li::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0028AA 0%, rgba(0, 40, 170, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: var(--transition);
}

.aibb-list>li:not(:first-child) {
    height: 76%;
}

.aibt-cry {
    width: 69.9%;
    margin-bottom: 0.27rem;
    height: 5.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.adbs-item-box-top {
    transition: var(--transition);
    opacity: 0.4;
}

.about-deve-bot-slick .slick-list {
    overflow: visible;
}

.adbs-item.slick-active .aibb-list>li::after {
    opacity: 0;
}

.adbs-item.slick-active .aibb-list>li::before {
    opacity: 1;
}

.adbs-item.slick-active .adbs-item-box-top {
    opacity: 1;
}

.adbs-item.isprev .aibb-list>li::after {
    opacity: 0;
    transition: unset;
}

.adbs-item.isprev .aibb-list>li::before {
    opacity: 1;
    transition: unset;
}

.adbs-item-box-bot {
    position: relative;
}

.about-deve-bot {
    --gap: calc(var(--centwid) / 20);
}

.adbs-item:first-child .adbs-item-box-bot::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 76%;
    right: 100%;
    background-image: repeating-linear-gradient(-90deg, var(--colorfff), var(--colorfff) var(--gap), transparent var(--gap), transparent calc(5px + var(--gap))), linear-gradient(180deg, #0028AA 0%, rgba(0, 40, 170, 0.00) 100%);
}

.adbs-item:last-child .adbs-item-box-bot::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 76%;
    left: calc(100% - var(--gap));
    transition: var(--transition);
    opacity: 1;
    background-image: repeating-linear-gradient(90deg, var(--colorfff), var(--colorfff) var(--gap), transparent var(--gap), transparent calc(5px + var(--gap))), linear-gradient(180deg, #999 0%, #999 23.99%, rgba(153, 153, 153, 0.00) 100%);
}

.adbs-item:last-child .adbs-item-box-bot::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 76%;
    left: calc(100% - var(--gap));
    transition: var(--transition);
    opacity: 0;
    background-image: repeating-linear-gradient(90deg, var(--colorfff), var(--colorfff) var(--gap), transparent var(--gap), transparent calc(5px + var(--gap))), linear-gradient(180deg, #0028AA 0%, rgba(0, 40, 170, 0.00) 100%);
}

.about-deve-bot-slick.islast .adbs-item:last-child .adbs-item-box-bot::after {
    opacity: 1;
}

.about-deve-bot-slick.islast .adbs-item:last-child .adbs-item-box-bot::before {
    opacity: 0;
}

.about-deve-bot-yearslick .slick-track {
    flex-direction: column;
}

.adby-item-year {
    color: var(--colormain);
    font-size: var(--font100);
    line-height: var(--line12);
}

.about-deve-bot-yearbox {
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    z-index: 5;
}

.about-deve .ys-cont1600 {
    position: relative;
}

.hbil-title {
    margin-bottom: 1.05rem;
}

/* 2026.6.12 发展历史 end*/
/* 2026.6.26 Lucas 载入效果调整 start */
.ys-imgbox-cover img {
    transition: all 1s cubic-bezier(.43, .195, .02, 1);
}

a:hover .ys-imgbox-cover img {
    transform: scale(1.1);
}

.yx-case8-fadeInUpimg {
    animation: fadeInUpimg 2.4s ease 1;
}

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

    100% {
        transform: none;
    }
}

.vessel-solu-tit span {
    display: inline-block;
}

.vessel-solu-tit span span {
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    transition: all 0.8s ease-in-out;
}

.vessel-solu-tit span span.startup1 {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.vessel-solu-tit>span {
    overflow: hidden;
}

@-webkit-keyframes startup1 {
    0% {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

/* 2026.6.26 lucas 载入效果调整 end */


/* 2026.07.09 - 二期 - start */
.std-font72,
.std-font72 p {
    font-size: var(--font72);
    color: var(--colorfff);
    line-height: var(--line12);
}

.ys-nyban-title .std-font72 {
    font-size: var(--font72);
}

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

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

/* B5 Beichen */
.beichen-main .ys-nybanner2 {
    position: relative;
    overflow: hidden;
    background: #081220;
}

.beichen-main .ys-nybanner2 .ys-nyban-img,
.beichen-main .ys-nybanner2 .ys-nyban-img img {
    width: 100%;
}

.beichen-main .ys-nybanner2 .ys-nyban-img img {
    display: block;
}

.beichen-main .ys-nybanner2 .ys-nyban-ph {
    display: none;
}

.beichen-main .ys-nybanner2 .ys-nyban-title {
    position: absolute;
    left: 0;
    top: 1.92rem;
    z-index: 2;
    width: 100%;
}

.beichen-main .ys-nybanner2 .ys-nyban-title .std-font72 {
    width: 11.45rem;
    color: #fff;
    font-family: var(--regular);
    font-weight: 400;
    line-height: 1.05;
}

.beichen-main .ys-nybanner2 .mod-bread {
    position: absolute;
    left: 0;
    bottom: .17rem;
    z-index: 3;
    width: 100%;
}

.beichen-main .ys-nybanner2 .ys-bread {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

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

.beichen-main .ys-nybanner2 .ys-bread-list::before {
    color: #fff;
}

.beichen-public,
.beichen-functions {
    background: #f1f3f6;
}

.beichen-public {
    padding-top: 1.2rem;
    padding-bottom: 0.3rem;
}

.beichen-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.beichen-intro-copy {
    width: 43.5%;
    padding-top: .4rem;
}

.beichen-intro-copy .std-font54 {
    color: #081220;
}

.beichen-intro-text {
    width: 93.82%;
    margin-top: .44rem;
}

.beichen-intro-text,
.beichen-intro-text p {
    color: #666;
    line-height: 1.45;
}

.beichen-intro-media {
    width: 54%;
    overflow: hidden;
    border: 1px solid #e0e8f2;
    border-radius: .24rem;
}

.beichen-card-item {
    position: relative;
    box-sizing: border-box;
    width: calc((100% - .4rem) / 3);
    margin-right: .2rem;
    padding: .27rem .47rem .25rem 1.03rem;
    border: 1px solid #e0e8f2;
    border-radius: .08rem;
    background: #fff;
    box-shadow: 0 .1rem .13rem rgba(16, 34, 62, .06);
}

.beichen-card-item:nth-child(3n) {
    margin-right: 0;
}

.beichen-card-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .04rem;
    height: 100%;
    border-radius: .08rem 0 0 .08rem;
    background: #0028aa;
}

.beichen-card-icon {
    position: absolute;
    left: .27rem;
    top: .27rem;
    width: .58rem;
    height: .58rem;
}

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

.beichen-card-copy {
    min-width: 0;
}

.beichen-card-title {
    color: #081220;
    font-family: var(--medium);
    font-weight: 500;
    line-height: 1.3;
}

.beichen-card-text {
    margin-top: .1rem;
}

.beichen-card-text,
.beichen-card-text p {
    color: #666;
    line-height: 1.5;
}

.beichen-functions {
    padding: 1.2rem 0 1.3rem;
}

.beichen-functions-title {
    color: #081220;
    text-align: center;
}

.beichen-functions-core {
    display: flex;
    align-items: center;
    margin-top: .43rem;
    padding: .32rem .4rem;
    border-radius: .2rem;
    background: #fff;
    justify-content: space-between;
}

.beichen-functions-nav {
    width: 32.236%;
}

.beichen-functions-item {
    border-bottom: 1px solid #ddd;
    padding: .24rem 0;
}

.beichen-functions-item:first-child {
    padding-top: 0;
}

.beichen-functions-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.beichen-functions-head {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.beichen-functions-subtitle {
    flex: 1;
    min-width: 0;
    color: #333;
    font-family: var(--regular);
    font-weight: 400;
    line-height: 1.3;
}

.beichen-functions-symbol {
    position: relative;
    flex-shrink: 0;
    width: .2rem;
    height: .2rem;
    margin-left: .2rem;
}

.beichen-functions-symbol::before,
.beichen-functions-symbol::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #333;
}

.beichen-functions-symbol::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.beichen-functions-item.on .beichen-functions-subtitle {
    color: #0028aa;
}

.beichen-functions-item.on .beichen-functions-symbol::before,
.beichen-functions-item.on .beichen-functions-symbol::after {
    background: #0028aa;
}

.beichen-functions-item.on .beichen-functions-symbol::after {
    opacity: 0;
}

.beichen-functions-text {
    margin-top: .2rem;
}

.beichen-functions-text:empty {
    margin-top: 0;
}

.beichen-functions-text,
.beichen-functions-text p {
    color: #666;
    line-height: 1.45;
}

.beichen-functions-item:not(.on) .beichen-functions-text {
    display: none;
}

.beichen-functions-media {
    position: relative;
    width: 65.329%;
    margin-left: 2.435%;
    overflow: hidden;
    border-radius: .12rem;
    background: #dce5e8;
}

.beichen-functions-panel {
    display: none;
}

.beichen-functions-panel.on {
    display: block;
}

.beichen-functions-video {
    position: relative;
    overflow: hidden;
    background: #dce5e8;
}

.beichen-functions-video-ratio {
    display: block;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

.beichen-functions-video-poster,
.beichen-functions-video video {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.beichen-functions-video-poster {
    z-index: 1;
}

.beichen-functions-video video {
    z-index: 2;
    background: #000;
}

.beichen-functions-video-open {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: none;
    cursor: pointer;
}

.beichen-functions-video-open::before,
.beichen-functions-video-open::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
}

.beichen-functions-video-open::before {
    width: .68rem;
    height: .68rem;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 50%;
    background: rgba(0, 40, 170, .72);
    transform: translate(-50%, -50%);
}

.beichen-functions-video-open::after {
    width: 0;
    height: 0;
    border-top: .1rem solid transparent;
    border-bottom: .1rem solid transparent;
    border-left: .16rem solid #fff;
    transform: translate(-38%, -50%);
}

.beichen-cta .ys-ban-ph {
    display: none;
}

.yunhan-main .ys-main {
    background: var(--colorfff);
}

.yunhan-detail {
    position: relative;
    overflow: visible;
    background: var(--colorfff);
    padding: 1.42rem 0 0.6rem;
    min-height: 100vh;
}

.yunhan-detail-bg {
    position: sticky;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    pointer-events: none;
}

.yunhan-detail-post {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.yunhan-detail-bg .yunhan-bg-ph {
    display: none !important;
}

.yunhan-detail-bg .ys-imgbox-cover {
    height: 100%;
}

.yunhan-detail-post-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.yunhan-detail-post-line img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: inset(0% 100% 0% 0%);
    pointer-events: none;
}

.my-clipanmi {
    animation: clipanmi 2.4s ease-in-out both;
    animation-delay: 1s;
}

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

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

.yunhan-detail .ys-cont1600 {
    position: relative;
    z-index: 2;
}

.yunhan-detail-panel {
    width: 56.25%;
    margin-left: auto;
}

.yunhan-product-card,
.yunhan-content-card {
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.yunhan-detail-post2 {
    z-index: 5;
    pointer-events: none;
}

.yunhan-product-card-zhan {
    opacity: 0;
    pointer-events: none;
}

.yunhan-detail-bg-cry .yunhan-product-card {
    width: 56.25%;
    position: absolute;
    right: 0;
    pointer-events: all;
}

.yunhan-detail-bg-cry {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.yunhan-product-card {
    position: sticky;
    top: 1.42rem;
    z-index: 5;
    display: flex;
    align-items: center;
    padding: 0.3rem 0.4rem;
    border-radius: 0.12rem 0.12rem 0 0;
}

.yunhan-product-media {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 22.32%;
}

.yunhan-product-img {
    width: 69.4%;
    margin-bottom: 0.19rem;
}

.yunhan-product-media-topslick {
    --ge: 100%;
    --gap1: 10px;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    flex-wrap: wrap;
}

.yunhan-product-media-top {
    width: 69.4%;
    margin: 0 auto 0.19rem;
}

.ypmt-item {
    width: var(--ge);
    padding: 0 var(--gap1);
}

.ypmt-item>div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.yunhan-product-media-botslick {
    --ge: 25%;
    --gap1: 0.08rem;
    margin: 0 calc(var(--gap1) * -1);
    display: flex;
    flex-wrap: wrap;
}

.ypmb-li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.ypmb-li>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.yunhan-thumb-item {
    position: relative;
    flex-shrink: 0;
    width: 0.33rem;
    height: 0.26rem;
    cursor: pointer;
    opacity: 0.72;
    transition: var(--transition);
}

.yunhan-thumb-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.06rem;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: var(--colormain);
    opacity: 0;
    transition: var(--transition);
}

.yunhan-thumb-item.is-active {
    opacity: 1;
}

.yunhan-thumb-item.is-active::after {
    opacity: 1;
}

.yunhan-thumb-img {
    width: 100%;
    height: 100%;
}

.yunhan-product-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 77.68%;
    padding-left: 0.4rem;
}

.yunhan-product-title {
    margin-bottom: 0.4rem;
}

.yunhan-product-actions {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.yunhan-param-btn .std-btn1-link {
    color: var(--colormain);
    border: 1px solid var(--colormain);
    background: transparent;
}

.yunhan-param-btn {
    margin-left: 0.1rem;
}

.yunhan-content-card {
    margin-top: 0.08rem;
    padding: 0.4rem;
    overflow: hidden;
    clip-path: inset(var(--yunhan-content-clip-top, 0px) 0 0 0);
}

.yunhan-content-inner-item {
    margin-bottom: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid var(--colorDDD);
}

.yunhan-content-inner-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: unset;
}

.yunhan-block-title {
    margin-bottom: 0.2rem;
    color: var(--color333);
    line-height: var(--line13);
}

.yunhan-intro-text {
    display: flex;
    flex-direction: column;
}

.yunhan-intro-text,
.yunhan-intro-text p,
.yunhan-list-text,
.yunhan-list-text p,
.yunhan-dot-list,
.yunhan-dot-list p {
    color: var(--color666);
    line-height: var(--line145);
}

.yunhan-icon-list {
    display: flex;
    flex-direction: column;
}

.yunhan-icon-list-item {
    display: flex;
    align-items: flex-start;
}

.yunhan-icon-list-item:not(:last-child) {
    margin-bottom: 0.3rem;
}

.yunhan-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 0.58rem;
    height: 0.58rem;
    margin-right: 0.2rem;
}

.yunhan-list-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.yunhan-list-text {
    flex: 1;
    min-width: 0;
    padding-top: 0.01rem;
}

.yunhan-list-title {
    margin-bottom: 0.1rem;
    color: var(--color333);
    font-weight: 400;
    line-height: var(--line13);
}

.yunhan-bullet-block {
    width: 8.16rem;
}

.yunhan-dot-list {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.yunhan-dot-list li {
    position: relative;
    padding-left: 0.16rem;
}

.yunhan-dot-list li::before {
    content: "";
    position: absolute;
    top: 0.085rem;
    left: 0;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background: var(--colormain);
}

.yunhan-cta {
    display: flex;
    align-items: center;
    height: 3.8rem;
    padding: 0;
}

.yunhan-cta .std-cta-img {
    top: 0 !important;
    height: 100% !important;
}

.yunhan-cta .yunhan-cta-ph {
    display: none !important;
}

.yunhan-cta .std-font54 {
    width: 6rem;
    text-transform: capitalize;
}

/* E4 White Paper List */
.paper-main .ys-main {
    background: var(--colorfff);
}

.paper-banner {
    height: 6rem;
    overflow: hidden;
}

.paper-banner.ys-nybanner1 .ys-nyban-img img {
    object-position: center center;
}

.paper-feature {
    padding-top: 1.2rem;
    background: var(--colorfff);
}

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

.paper-feature-copy {
    width: 39.43%;
}

.paper-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.18rem;
    border-radius: 2px;
    background: #e2f5ff;
    color: #15a5ff;
    line-height: normal;
    width: fit-content;
}

.paper-feature-title {
    color: #000;
    line-height: var(--line13);
}

.paper-feature-desc {
    margin-top: 0.2rem;
}

.paper-feature-desc,
.paper-feature-desc p {
    color: var(--color666);
    line-height: var(--line145);
}

.paper-feature-actions {
    display: flex;
    align-items: center;
    margin-top: 0.6rem;
}

.paper-feature-actions .std-btn1:not(:last-child) {
    margin-right: 0.1rem;
}

.paper-btn-outline .std-btn1-link {
    border: 1px solid var(--colormain);
    background: transparent;
    color: var(--colormain);
}

.paper-btn-outline .std-btn1-link::before {
    background: var(--colormain);
}

.paper-feature-figure {
    width: 49.21%;
    border-radius: 8px;
    background: #f1f3f6;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.paper-list-section {
    padding: 0.83rem 0 1.2rem;
    background: var(--colorfff);
}

.paper-card-list {
    --ge: 33.333333%;
    --gap1: 0.18rem;
    --gap2: 0.58rem;
    margin: 0 calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.paper-card-list>li {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.paper-card-list>li>a {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0.21rem 0.16rem;
    border-radius: 0.16rem;
    background: var(--colorfff);
    transition: var(--transition);
    box-shadow: 0 0 30px 0 rgba(206, 209, 212, 0.60);
    border: 1px solid transparent;
}

.paper-card-img {
    border-radius: 0.1rem;
    margin-bottom: 0.28rem;
}

.paper-card-main {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0 0.18rem 0.08rem;
}

.paper-card-title {
    transition: var(--transition);
    color: var(--color333);
    font-size: var(--font20);
    line-height: var(--line145);
    height: 2.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 0.54rem;
}

.paper-list-section .ys-pcfy {
    margin-top: 0.68rem;
}

.paper-card-main .paper-tag {
    align-self: flex-start;
    margin-top: auto;
}

.paper-pagination {
    margin-top: 1.26rem;
}

.paper-cta {
    padding: 0.8rem 0;
}

.paper-cta .join-ban-tit {
    width: 6rem;
    text-transform: capitalize;
}

.paper-cta .std-cta-img {
    object-fit: cover;
    object-position: center 58%;
}

.yunhan-product-media-botbox {
    width: 100%;
}

.my-styledir1 .slick-dots li {
    width: 8px !important;
    height: 8px !important;
}

.my-styledir1 .slick-dots {
    bottom: 0;
    margin-top: 0.1rem;
    position: relative;
}

.ycii-list-item-icon {
    border-radius: 8px;
    border: 1px solid #D5E1F8;
    background: #FFF;
    padding: 0.1rem;
    width: 0.58rem;
    height: 0.58rem;
    margin-right: 0.2rem;
}

.ycii-list-item-icon img {
    width: 100%;
}

.ycii-list-item {
    display: flex;
}

.ylir-title {
    color: var(--color333);
    line-height: var(--line13);
    font-size: var(--font20);
}

.ylir-cry {
    margin-top: 0.1rem;
}

.ylir-cry,
.ylir-cry p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line145);
}

.ycii-list-item:not(:last-child) {
    margin-bottom: 0.28rem;
}

.ycii-crybox ul li p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line145);
}

.ycii-crybox ul li:not(:last-child) {
    margin-bottom: 0.1rem;
}

.ycii-crybox ul li {
    padding-left: 16px;
    position: relative;
}

.ycii-crybox ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--colormain);
    left: 0;
    top: 8px;
    position: absolute;
}

.yunhan-detail-bg img {
    height: 100%;
    object-fit: cover;
    min-height: 9.8rem;
}

.beichen-main .vessel-banner .std-font72 {
    width: 71.56%;
}

.bcli-box-le {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 8px;
    border: 1px solid #D5E1F8;
    background: #F1F3F6;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
    padding: 0.1rem;
}

.bcli-box-le img {
    width: 100%;
}

.beichen-card-list {
    --ge: 33.333333%;
    --gap1: 0.1rem;
    --gap2: 0.2rem;
    margin: 0.8rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    display: flex;
    flex-wrap: wrap;
}

.beichen-card-list-item {
    width: var(--ge);
    padding: 0 var(--gap1);
    margin-bottom: var(--gap2);
}

.beichen-card-list-item>div {
    height: 100%;
    display: flex;
    border-radius: 8px;
    border: 1px solid #E0E8F2;
    background: #FFF;
    box-shadow: 0 10px 26px 0 rgba(16, 34, 62, 0.06);
    padding: 0.28rem 0.4rem 0.22rem 0.28rem;
    position: relative;
}

.bcli-box-ri {
    flex: 1;
    margin-left: 0.18rem;
}

.bcli-box::before {
    content: "";
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--colormain);
    position: absolute;
}

.bcli-box-ri-tit {
    color: #081220;
    font-size: var(--font20);
    line-height: var(--line13);
    font-family: var(--medium);
}

.bcli-box-ri-cry {
    margin-top: 0.16rem;
}

.bcli-box-ri-cry,
.bcli-box-ri-cry p {
    color: var(--color666);
    font-size: var(--font16);
    line-height: var(--line15);
}

.beichen-functions-core-le {
    width: 32.24%;
}

.beichen-functions-core-ri {
    width: 65.33%;
}

.bfcr-list-item {
    position: relative;
    border-radius: 0.12rem;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.bfcl-slide .ys-sit-name {
    color: var(--color333);
    font-size: var(--font30);
    line-height: var(--line13);
    transition: var(--transition);
    margin-right: 0.2rem;
    flex: 1;
}

.bfcl-slide .ys-slide-item.on .ys-sit-name {
    color: var(--colormain);
}

.bfcl-slide .ys-slide-item-bot {
    padding-top: 0.2rem;
}

.bfcl-slide .ys-slide-item {
    padding: 0.24rem 0;
    border-bottom: 1px solid #DDD;
}

.bfcl-slide .ys-slide-item:first-child {
    padding-top: 0;
}

.bfcl-slide .ysib-crybox,
.bfcl-slide .ysib-crybox p {
    color: var(--color666);
    font-size: var(--font18);
    line-height: var(--line145);
}

.bfcl-slide .ys-slide-item-bot .ys-imgbox-cover {
    display: none;
}

.bfcr-list-item:not(:first-child) {
    display: none;
}

.bfcl-slide .ys-sit-icon {
    width: 20px;
    height: 20px;
    margin-top: 9px;
}

.ys-sit-icon::after,
.ys-sit-icon::before {
    background: #000;
}

.ycii-list-item-ri {
    flex: 1;
}

.handle-main .yunhan-product-card {
    top: 2.12rem;
}

.handle-main .yunhan-detail {
    padding: 2.12rem 0 0.6rem;
}

.std-btn1 .std-btn1-link {
    line-height: normal !important;
    padding: 10px 20px;
}

.yunhan-intro-text p:not(:last-child) {
    margin-bottom: 0.1rem;
}

.yunhan-detail .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 4px;
}

.yunhan-detail .slick-dots li.slick-active {
    width: 8px;
}

.yunhan-detail .slick-dots {
    position: relative;
    margin-top: 0.2rem;
    bottom: 0;
}

.yunhan-param-btn {
    cursor: pointer;
}

@keyframes fn3 {
    0% {
        opacity: 0;
        -webkit-transform: matrix(1, -.1, 0, 1, 0, -20);
        transform: matrix(1, -.1, 0, 1, 0, -20)
    }

    100% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.my-fadeup {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: fn3 1.2s cubic-bezier(.49, .54, .16, 1);
    animation: fn3 1.2s cubic-bezier(.49, .54, .16, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.beichen-card-list-item:nth-child(3n+2) {
    animation-delay: 0.3s;
}

.beichen-card-list-item:nth-child(3n) {
    animation-delay: 0.6s;
}

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

    .paper-card-link:hover .paper-card-img img:nth-child(2),
    .paper-feature-figure:hover .paper-feature-img img:nth-child(2) {
        transform: scale(1.035);
    }

    .paper-btn-outline .std-btn1-link:hover {
        color: var(--colorfff);
    }

    .yunhan-thumb-item:hover {
        opacity: 1;
    }

    .yunhan-param-btn .std-btn1-link:hover {
        color: var(--colorfff);
        border-color: var(--colormain);
    }

    .paper-card-link:hover {
        border: 1px solid var(--colormain);
    }
}

/* 2026.07.09 - 二期 - end */
/* 2026.07.22 - 三期 - start */
/* 公共 - start */
/* 公共 - end */
/* 0f2 - start */
/* F2 加入我们 - banner start */
.career-main {
    overflow: visible;
}

.career-main .ys-nybanner1 {
    background: #081220;
}

.career-main .ys-nybanner1::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(8, 18, 32, .42) 0%, rgba(8, 18, 32, .5) 100%);
    content: "";
    pointer-events: none;
}

.career-main .ys-nybanner1 .ys-nyban-title {
    justify-content: center;
    text-align: center;
}

.career-main .ys-nyban-content {
    width: 7.6rem;
    max-width: 100%;
}

.career-main .ys-nyban-content .std-font72 {
    color: #fff;
    font-family: var(--regular);
    font-weight: 400;
}

.career-main .std-text20,
.career-main .std-text20 p {
    font-size: var(--font20);
    color: #fff;
    line-height: var(--line145);
}

.career-main .ys-nyban-copy {
    width: 100%;
    margin-top: .24rem;
}

.career-main .ys-nyban-action,
.career-join-action {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .42rem;
}

.career-main .ys-nyban-action .std-btn1:not(:first-child),
.career-join-btn:not(:first-child) {
    margin-left: .18rem;
}


/* F2 加入我们 - banner end */

/* F2 加入我们 - 选择我们 start */
.career-why {
    position: relative;
    padding: 1.2rem 0 0;
    overflow: visible;
    background: #fff;
}

.career-why-scene {
    position: relative;
    overflow: visible;
}

.career-why-content {
    position: relative;
    z-index: 2;
}

.career-why-head {
    width: 9.68rem;
    max-width: 100%;
    margin: 0 auto .47rem;
    text-align: center;
    transition: all 0.36s;
}

.career-why-head .std-text18 {
    margin-top: .16rem;
    color: #666;
}

.career-why-head .std-text18 p {
    color: #666;
}

.career-why-track {
    width: 100%;
    overflow: visible;
}

.career-why-inof {
    --gap1: .24rem;
    display: flex;
    width: 100%;
    gap: var(--gap1);
    margin: 0;
}

.career-why-inof-item {
    width: 42.5%;
    padding: 0;
    flex: 0 0 42.5%;
}

.career-why-link {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: .1rem;
    background: #1e2734;
}

.career-why-inof-item:nth-child(odd) .career-why-link {
    aspect-ratio: 680 / 512;
}

.career-why-inof-item:nth-child(even) .career-why-link {
    aspect-ratio: 680 / 431;
}

.career-why-link::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    content: "";
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.148%, rgba(0, 0, 0, .2) 87.703%);
}

.career-why-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: inherit;
}

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

.career-why-copy {
    position: absolute;
    right: .16rem;
    bottom: .16rem;
    left: .16rem;
    z-index: 2;
    padding: .14rem .2rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .06rem;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.career-why-flag {
    display: none;
}

.career-why-copy-detail {
    display: none;
}

.career-why-copy .std-font24,
.career-why-copy .std-font24 p,
.career-why-copy .std-text16,
.career-why-copy .std-text16 p {
    color: #fff;
}

.career-why-copy .std-text16 {
    margin-top: 0;
}

.career-why-inof-item.is-expanded .career-why-copy {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: .36rem;
    border: 0;
    border-radius: .1rem;
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}

.career-why-inof-item.is-expanded .career-why-flag {
    display: block;
    width: .41rem;
    margin-bottom: .08rem;
}

.career-why-inof-item.is-expanded .career-why-copy-detail {
    display: block;
    margin-top: .34rem;
    padding-top: .34rem;
    border-top: 1px solid rgba(255, 255, 255, .28);
}

.career-why-inof-item.is-expanded .career-why-copy-detail p {
    position: relative;
    padding-left: .14rem;
    color: rgba(255, 255, 255, .7);
}

.career-why-inof-item.is-expanded .career-why-copy-detail p::before {
    position: absolute;
    top: .08rem;
    left: 0;
    width: .08rem;
    height: .08rem;
    border-radius: 1px;
    content: "";
    background: #fff;
}

.career-why-inof-item.is-expanded .career-why-copy-detail p:not(:first-child) {
    margin-top: .14rem;
}

/* F2 加入我们 - 选择我们 end */

/* F2 加入我们 - 薪酬福利 start */
.career-benefit {
    position: relative;
    padding: 1.36rem 0 1.28rem;
    overflow: hidden;
    background: #07182c;
}

.career-benefit::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, .46) 0%, rgba(102, 102, 102, 0) 100%), rgba(0, 0, 0, .42);
    opacity: var(--career-benefit-mask-opacity, 1);
}

.career-benefit-bg {
    position: absolute;
    inset: 0;
}

.career-benefit-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career-benefit-core {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.career-benefit-copy {
    width: 8.58rem;
    max-width: 100%;
    color: #fff;
}

.career-benefit-copy .std-font54,
.career-benefit-copy .std-font54 p,
.career-benefit-copy .std-text18,
.career-benefit-copy .std-text18 p {
    color: #fff;
}

.career-benefit-inof {
    width: 6.89rem;
    max-width: 100%;
    margin-top: .56rem;
}

.career-benefit-inof-item {
    border-top: 1px solid rgba(255, 255, 255, .34);
    border-bottom: 1px solid rgba(255, 255, 255, .34);
}

.career-benefit-inof-item+.career-benefit-inof-item {
    margin-top: -1px;
}

.career-benefit-top {
    display: flex;
    align-items: center;
    padding: .23rem 0;
    color: #fff;
    cursor: pointer;
}

.career-benefit-inof-item.on .career-benefit-top {
    padding-bottom: .12rem;
}

.career-benefit-icon {
    width: .32rem;
    flex: none;
}

.career-benefit-top .std-font20,
.career-benefit-top .std-font20 p {
    color: #fff;
}

.ccbu-li-tit {
    width: 100%;
    padding-left: 0.24rem;
    padding-right: 0.24rem;
}

.career-benefit-mark {
    position: relative;
    display: block;
    width: .26rem;
    flex: none;
}

.career-benefit-mark-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity .3s ease, transform .3s ease;
}

.career-benefit-mark-minus {
    opacity: 0;
    transform: scale(.72);
}

.career-benefit-inof-item.on .career-benefit-mark-plus {
    opacity: 0;
    transform: scale(.72);
}

.career-benefit-inof-item.on .career-benefit-mark-minus {
    opacity: 1;
    transform: scale(1);
}

.career-benefit-body {
    display: none;
    width: 100%;
    padding-left: 0.56rem;
    padding-bottom: 0.23rem;
}

.career-benefit-list-item {
    position: relative;
    padding-left: .22rem;
    color: rgba(255, 255, 255, .7);
}

.career-benefit-list-item::before {
    position: absolute;
    top: .08rem;
    left: 0;
    width: .08rem;
    height: .08rem;
    border-radius: 1px;
    content: "";
    background: currentColor;
}

.career-benefit-list-item:not(:first-child) {
    margin-top: 0;
}

.career-benefit-list-item .std-text16,
.career-benefit-list-item .std-text16 p {
    color: inherit;
    line-height: .24rem;
}

.career-why.is-scroll-ready {
    height: var(--career-scroll-height, 100vh);
    padding: 0;
}

.career-why.is-scroll-ready .career-why-scene {
    height: 100vh;
    overflow: hidden;
}

.career-why.is-scroll-ready .career-why-content {
    height: 100%;
    padding-top: 1.2rem;
}

.career-why.is-scroll-ready .career-why-track {
    position: relative;
    z-index: 6;
    pointer-events: none;
}

.career-why.is-scroll-ready .career-benefit-stage {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    z-index: 5;
    width: 100vw;
    height: 100vh;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    pointer-events: none;
    visibility: hidden;
    will-change: transform, width, height, border-radius, opacity;
}

.career-why.is-scroll-ready .career-benefit-core {
    height: 100%;
    justify-content: flex-start;
    padding-top: 1.2rem;
}

.career-why.is-scroll-ready .career-benefit-copy,
.career-why.is-scroll-ready .career-benefit-inof {
    opacity: 0;
}

.career-why.is-scroll-ready .career-benefit-stage.is-revealed {
    pointer-events: auto;
}

/* F2 加入我们 - 薪酬福利 end */

/* F2 加入我们 - 人才培养 start */
.career-talent {
    width: 100%;
    padding: var(--space140) 0;
    background: #fff;
}

.career-talent-head {
    text-align: center;
    margin-bottom: var(--space50);
}

.career-talent-inof {
    --gap1: .1rem;
    display: flex;
    margin: 0 calc(var(--gap1) * -1);
}

.career-talent-inof-item {
    width: 50%;
    padding: 0 var(--gap1);
}

.ctil-link {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
}

.career-talent-media {
    width: 100%;
    border-radius: .1rem;
    height: 5.94rem;
}

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

.career-talent-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .2rem;
    width: 100%;
}

.career-talent-caption-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .06rem;
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 0.32rem 0.3rem;
}

.career-talent-copy,
.career-talent-copy p {
    font-size: var(--font24);
    color: #fff;
    line-height: 1.45;
}

.career-talent-arrow {
    width: .2rem;
    margin-left: .2rem;
    flex: none;
}

/* F2 加入我们 - 人才培养 end */

/* F2 加入我们 - 招聘流程 start */
.career-process {
    position: relative;
    background: #fff;
    padding-bottom: var(--space140);
}

.career-process-bg {
    position: absolute;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    left: 11%;
    width: 77%;
    height: auto;
    max-width: none;
    pointer-events: none;
}

.career-process-bg img {
    width: 100%;
}

.career-process .ys-cont1600 {
    position: relative;
    z-index: 1;
}

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

.career-process-inof {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    margin: 0 auto;
}

.career-process-inof-item {
    position: relative;
    z-index: 1;
    width: 9.831461%;
    opacity: .4;
    text-align: center;
    transform: translateY(.2rem);
    transition: all 0.36s;
}

.career-process-icon {
    position: relative;
    display: flex;
    width: 1.4rem;
    height: 1.4rem;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 50%;
    background: rgba(0, 40, 170, 0.1);
}

.career-process-halo {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
}

.career-process-dot {
    position: relative;
    z-index: 2;
    display: flex;
    width: 86%;
    height: 86%;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0028aa;
}

.career-process-label {
    width: 100%;
    color: #fff;
    font-size: var(--font16);
    line-height: 1.45;
    text-align: center;
}

.career-process-orbit {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.career-process-orbit img {
    width: 100%;
}

@keyframes career-process-orbit-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.career-process-orbit.is-orbit-turning {
    animation: career-process-orbit-rotate .32s linear 1 forwards;
    transform-origin: 50% 50%;
    will-change: transform;
}

.cpii-final .career-process-orbit.is-orbit-looping {
    animation: career-process-orbit-rotate 1.4s linear infinite;
    transform-origin: 50% 50%;
    will-change: transform;
}

.career-process-arrow {
    position: absolute;
    z-index: 2;
    top: .63rem;
    left: calc(100% + .3rem);
    width: .14rem;
}

.career-process-arrow img {
    width: 100%;
}

.cpii-final .career-process-dot {
    background: #2dc74e;
}

.career-process-check {
    display: flex;
    width: .5rem;
    height: .5rem;
    align-items: center;
    justify-content: center;
}

.career-process-check img {
    width: .36rem;
    height: .36rem;
    max-width: none;
    object-fit: contain;
}

.career-process-smile {
    position: absolute;
    z-index: 2;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(.88);
}

.career-process-smile-core {
    position: relative;
    z-index: 1;
    display: flex;
    width: 1.2rem;
    height: 1.2rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #2dc74e;
}

.career-process-smile-face {
    width: .54rem;
    height: .54rem;
    max-width: none;
}

.career-process.is-process-ready .career-process-inof-item {
    opacity: .4;
    transform: translateY(.2rem);
}

.career-process.is-process-complete .career-process-inof-item {
    opacity: 1;
    transform: none;
}

.career-process.is-process-complete .cpii-final .career-process-dot {
    background: #2dc74e;
}

.career-process.is-process-complete .career-process-check {
    opacity: 0;
}

.career-process.is-process-complete .career-process-smile {
    opacity: 1;
    transform: scale(1);
}

.career-process.is-process-complete .cpii-final .career-process-orbit {
    opacity: 1;
}

/* F2 加入我们 - 招聘流程 end */

/* F2 加入我们 - 加入入口 start */
.career-join {
    position: relative;
    overflow: hidden;
}

.career-join-bg {
    position: absolute;
    inset: 0;
}

.career-join-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career-join-core {
    position: relative;
    display: flex;
    align-items: center;
}

.career-join-copy {
    width: 48%;
    padding: 1.48rem 0;
}

.career-join-info {
    margin-top: .22rem;
}

.career-join-info p {
    color: #666;
}

.career-join-btn .std-btn1-link {
    border-color: rgba(0, 40, 170, .72);
    color: #0028aa;
    background: rgba(255, 255, 255, .4);
}

/* F2 加入我们 - 加入入口布局 start */
.career-join-bg {
    position: relative;
    inset: auto;
}

.career-join-bg-img {
    display: block;
    height: auto;
}

.career-join-bg::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #fff 5.053%, rgba(255, 255, 255, 0) 44.066%);
    content: "";
    pointer-events: none;
}

.career-join.is-parallax-ready .career-join-bg-img {
    will-change: transform;
}

.career-join-core {
    position: absolute;
    inset: 0;
    z-index: 1;
    align-items: flex-start;
}

.career-join-core>.ys-cont1600 {
    margin: 0 auto;
}

.career-join-copy {
    width: 8.8rem;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    margin-top: 1rem;
    max-width: 100%;
}

.career-join-action {
    margin-top: .4rem;
}

.career-join-btn:not(:first-child) {
    margin-left: .1rem;
}

/* F2 加入我们 - 加入入口布局 end */
/* F2 加入我们 - 加入入口 end */
/* 0f2 - end */
/* 0i1 - start */
.service-main .ys-nybanner1 .std-font72 {
    width: 52%;
}

.service-map {
    width: 100%;
    position: relative;
    overflow: visible;
    padding-top: var(--space140);
    padding-bottom: 0.85rem;
    /* background: #fff; */
    background: linear-gradient(180deg, rgba(241, 243, 246, 0.00) 27.55%, #F1F3F6 87.14%);
}

.service-map-top {
    width: 76.5%;
    margin: 0 auto;
}

.service-map-head {
    text-align: center;
}

.service-map-head .std-font54 {
    color: #333;
}

.service-map-intro {
    margin-top: .18rem;
}

.service-map-intro p {
    color: #666;
    line-height: 1.45;
}

.service-map-visual {
    position: relative;
    width: 100%;
    margin-top: 0.22rem;
}

.service-map-img {
    position: relative;
    /* z-index: 1; */
    display: block;
    width: 100%;
}

.service-map-img img {
    mix-blend-mode: screen;
    width: 100%;
}


.service-map-hotspot-list {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.service-map-hotspot-list {
    z-index: 2;
}

.service-map-hotspot {
    position: absolute;
    width: .4rem;
    height: .4rem;
    cursor: pointer;
    opacity: .6;
    pointer-events: auto;
    transform: translate(-50%, -50%);
    transition: opacity .25s ease;
}

.service-map-hotspot .ys-spot {
    --width: .1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--width);
    height: var(--width);
    transform: translate(-50%, -50%);
}

.service-map-hotspot .ys-spot span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #0028aa;
    box-shadow: none;
    transform: translate(-50%, -50%);
}

.service-map-hotspot .ys-spot span:nth-child(1) {
    z-index: 3;
}

.service-map-hotspot .ys-spot span:nth-child(n+2) {
    z-index: 1;
    animation: service-map-hotspot-pulse 4.5s linear infinite;
}

.service-map-hotspot .ys-spot span:nth-child(2) {
    animation-delay: 0s;
}

.service-map-hotspot .ys-spot span:nth-child(3) {
    animation-delay: 1.5s;
}

.service-map-hotspot .ys-spot span:nth-child(4) {
    animation-delay: 3s;
}

.service-map-hotspot.is-active {
    z-index: 3;
    opacity: 1;
}

.service-map-popover-item {
    position: absolute;
    top: calc(50% + .27rem);
    left: 50%;
    transform: translateX(-50%) translateY(.1rem);
    visibility: hidden;
    width: 2.63rem;
    padding: .22rem .16rem;
    border-radius: .08rem;
    background: rgba(255, 255, 255, .96);
    opacity: 0;
    pointer-events: none;
    transition: all 0.363s;
    box-shadow: 0 0.04rem 0.37rem rgba(0, 0, 0, 0.10);
}

.service-map-hotspot.is-active .service-map-popover-item {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.service-map-popover-title,
.service-map-popover-title p {
    color: #333;
    line-height: var(--line13);
}

.service-map-popover-copy,
.service-map-popover-copy p {
    margin-top: .14rem;
    color: #333;
    line-height: 1.45;
}

.service-map-popover-copy p+p {
    margin-top: .02rem;
}

.service-map-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .06rem;
}

.service-map-bottom-left {
    width: 32%;
}

.service-map-bottom-right {
    display: flex;
    width: 54%;
}

.service-map-legend li+li {
    margin-top: .12rem;
}

.service-map-legend p {
    color: #666;
    line-height: var(--line145);
    display: inline-flex;
    align-items: self-start;
}

.service-map-legend img {
    display: block;
    width: .08rem;
    margin-right: .08rem;
    margin-top: 0.07rem;
}

.service-map-stat {
    width: 2.6rem;
    text-align: center;
    flex: none;
}

.service-map-stat-number,
.service-map-stat-number .std-num-roll,
.service-map-stat-symbol {
    line-height: var(--line13);
}

.service-map-stat-number {
    display: flex;
    align-items: baseline;
    justify-content: center;
    color: #0028aa;
    font-family: 'OPPOSans-Bold';
    font-weight: 700;
}

.service-map-stat-label p {
    color: #666;
    line-height: var(--line13);
}

.service-map-location-list {
    width: 100%;
    padding-left: 0.1rem;
    margin-top: 0.15rem;
}

.service-map-location-list p {
    color: #333;
    line-height: var(--line145);
    margin-bottom: 0.1rem;
}

.service-map-location-list p:last-child {
    margin-bottom: 0;
}

@keyframes service-map-hotspot-pulse {
    0% {
        opacity: .55;
        transform: translate(-50%, -50%) scale(1);
    }

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

.service-recycle-stage {
    position: relative;
    height: 260vh;
    overflow: visible;
    background: #F1F3F6;
}

.service-recycle {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    /* background: #fff; */
}

.service-recycle-head {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    padding-top: .78rem;
}

.service-recycle-title {
    width: 46%;
}

.service-recycle-title .std-font54 {
    color: #333;
}

.service-recycle-copy {
    width: 30.875%;
    margin-right: .06rem;
    padding-top: 0;
    color: rgba(51, 51, 51, .6);
    line-height: var(--line145);
}

.service-recycle-copy p {
    color: inherit;
    line-height: inherit;
    min-height: 5.8em;
}

.service-recycle-media {
    position: absolute;
    top: 2.1rem;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.service-recycle-img,
.service-finance-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-recycle-flow {
    position: absolute;
    z-index: 3;
    top: 2.06rem;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.service-recycle-flow-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    transform: translate3d(0, 100%, 0);
    will-change: transform, -webkit-backdrop-filter, backdrop-filter;
}

.service-flow-map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.service-flow-map .ys-cont1600 {
    height: 100%;
}

.service-flow-core {
    position: relative;
    height: 100%;
    color: #fff;
}

.service-flow-card {
    position: absolute;
    box-sizing: border-box;
    padding: .2rem .18rem;
    border-radius: .1rem;
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.service-flow-card .std-text18 {
    color: #fff;
    font-size: var(--font18);
    font-weight: 400;
    line-height: var(--line145);
}

.service-flow-card-copy,
.service-flow-card-copy p {
    margin-top: .06rem;
    color: rgba(255, 255, 255, .8);
    font-size: var(--font16);
    line-height: 1.5;
}

.service-flow-icon {
    width: .8rem;
    margin: 0 auto .12rem;
}

.service-flow-icon img {
    display: block;
    width: 100%;
    height: auto;
}

.service-flow-card--design {
    top: 1.14rem;
    left: 9.25%;
    width: 18.75%;
    text-align: center;
}

.service-flow-card--raw {
    bottom: 1.05rem;
    left: 9.25%;
    width: 18.75%;
    text-align: center;
}

.service-flow-card--operation,
.service-flow-card--separation,
.service-flow-card--echelon,
.service-flow-card--recycling {
    left: 35.75%;
    width: 17.125%;
}

.service-flow-card--operation {
    top: 1.14rem;
}

.service-flow-card--separation {
    top: 2.31rem;
}

.service-flow-card--scrapping {
    top: 1.14rem;
    left: 55.31%;
    width: 14%;
}

.service-flow-card--echelon {
    top: 4rem;
}

.service-flow-card--recycling {
    top: 5.26rem;
}

.service-flow-card--retired {
    top: 2.28rem;
    left: 75%;
    width: 17%;
    text-align: center;
}

.service-flow-label {
    position: absolute;
    color: rgba(255, 255, 255, .72);
    font-size: var(--font16);
    line-height: 1.45;
    white-space: nowrap;
}

.service-flow-label--performance {
    top: 2.56rem;
    left: 54%;
}

.service-flow-label--healthy {
    top: 4.1rem;
    left: 55.75%;
}

.service-flow-label--unhealthy {
    top: 5.44rem;
    left: 56.12%;
}

.service-flow-line {
    position: absolute;
    background: rgba(255, 255, 255, .7);
}

.sfla-right::after,
.sfla-left::after,
.sfla-up::after,
.sfla-down::after {
    position: absolute;
    width: .06rem;
    height: .06rem;
    border-color: rgba(255, 255, 255, .7);
    border-style: solid;
    content: "";
}

.sfla-right::after {
    top: 50%;
    right: 0;
    border-width: 1px 1px 0 0;
    transform: translateY(-50%) rotate(45deg);
}

.sfla-left::after {
    top: 50%;
    left: 0;
    border-width: 0 0 1px 1px;
    transform: translateY(-50%) rotate(45deg);
}

.sfla-up::after {
    top: 0;
    left: 50%;
    border-width: 1px 1px 0 0;
    transform: translateX(-50%) rotate(-45deg);
}

.sfla-down::after {
    bottom: 0;
    left: 50%;
    border-width: 0 0 1px 1px;
    transform: translateX(-50%) rotate(-45deg);
}

.sflr-up {
    bottom: 3.14rem;
    left: 18.625%;
    width: 1px;
    height: .86rem;
}

.sfld-out {
    top: 2.25rem;
    left: 27.94%;
    width: 3.88%;
    height: 1px;
}

.sfld-branch {
    top: 1.62rem;
    left: 31.82%;
    width: 1px;
    height: 1.22rem;
}

.sflo-in {
    top: 1.62rem;
    left: 31.82%;
    width: 3.94%;
    height: 1px;
}

.sfl-separate-in {
    top: 2.84rem;
    left: 31.82%;
    width: 3.94%;
    height: 1px;
}

.sflp-out {
    top: 2.65rem;
    left: 52.875%;
    width: 17.44%;
    height: 1px;
}

.sfl-scrap-in {
    top: 1.6rem;
    left: 69.31%;
    width: 1px;
    height: 1.06rem;
}

.sflr-top {
    top: 1.98rem;
    left: 69.31%;
    width: 13.13%;
    height: 1px;
}

.sflr-branch {
    top: 1.98rem;
    left: 83.25%;
    width: 1px;
    height: 3.18rem;
}

.sflh-in {
    top: 4.43rem;
    left: 52.88%;
    width: 30.38%;
    height: 1px;
}

.sflu-in {
    top: 5.8rem;
    left: 52.88%;
    width: 30.38%;
    height: 1px;
}

.sflr-down {
    top: 4.96rem;
    left: 43.75%;
    width: 1px;
    height: .3rem;
}

.sflr-in {
    top: 5.76rem;
    left: 27.94%;
    width: 7.81%;
    height: 1px;
}

.service-recycle-inner {
    position: absolute;
    z-index: 2;
    top: 3.69rem;
    right: 0;
    left: 0;
    padding-top: 0;
}

.service-recycle-list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    --gasp: 0.15rem;
    margin: 0 calc(var(--gasp) * -1);
}

.service-recycle-item {
    display: flex;
    width: 25%;
    padding: 0 var(--gasp);
}

.srli-box {
    width: 100%;
    padding: .28rem;
    border-radius: .1rem;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.srli-box .std-text20 {
    color: #fff;
    font-size: var(--font20);
    font-weight: 400;
    line-height: 1.45;
}

.srli-icon {
    width: 1rem;
    margin-bottom: .24rem;
    font-size: 0;
}

.srli-icon-img {
    display: block;
    width: 100%;
    height: auto;
}

.srli-point-list {
    margin-top: .08rem;
}

.srli-point {
    position: relative;
    padding-left: .15rem;
}

.srli-point::before {
    position: absolute;
    top: .07rem;
    left: 0;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.srli-point+.srli-point {
    margin-top: .08rem;
}

.srli-copy,
.srli-copy p {
    color: rgba(255, 255, 255, .7);
    font-size: var(--font16);
    line-height: 1.5;
}

.service-finance {
    position: relative;
    overflow: hidden;
    background: #f5faff;
    padding: var(--space140) 0;
}

.service-finance-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.service-finance-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FFF 3.08%, rgba(255, 255, 255, 0.00) 21.23%);
}


.service-finance-core {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-finance-copy {
    width: 38%;
}

.service-finance-copy .std-font54 {
    color: #000;
}

.service-plan-copy .std-font54 {
    color: #081220;
}

.service-finance-intro {
    margin-top: .2rem;
}

.service-finance-intro,
.service-finance-intro p {
    font-size: var(--font16);
    line-height: 1.45;
}

.service-finance-intro,
.service-finance-intro p {
    margin-bottom: 0;
    color: var(--color666);
}

.service-finance-editor {
    margin-top: .38rem;
    width: 93%;
}

.service-finance-editor,
.service-finance-editor li,
.service-finance-editor li p {
    font-size: var(--font16);
    color: var(--color666);
    line-height: 1.45;
}

.service-finance-editor>ul {
    margin: 0;
    padding-left: .23rem;
}

.service-finance-editor li::marker {
    color: var(--colormain);
}

.service-finance-editor>ul li+li {
    margin-top: .18rem;
}

.service-finance-editor>ul li p {
    margin-bottom: 0;
}

.spp-intro {
    margin-top: .2rem;
}

.spp-intro p {
    color: #666;
}

.service-network {
    position: relative;
    width: 58.45%;
}

.service-network-static-img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
}

.service-network-route {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.service-network-route {
    z-index: 2;
    overflow: visible;
}

.service-network-route path {
    fill: none;
    stroke: #0028aa;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-network-route path.service-network-route-guide {
    stroke: none;
}

.service-network-point-list {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.service-network-point {
    position: absolute;
    top: 0;
    left: 0;
    width: .47rem;
    height: .47rem;
}

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

.service-network.is-route-ready .service-network-point {
    will-change: transform;
}

.service-plan {
    position: relative;
    padding: var(--space140) 0;
    background: #fff;
    min-height: auto;
}

.service-plan-core {
    display: flex;
    justify-content: space-between;
}

.service-plan-copy {
    width: 37.75%;
}

.service-plan-slide {
    width: 57.5%;
}

.service-plan-list {
    display: flex;
    flex-direction: column;
}

.service-plan-list .ys-slide-item-top {
    align-items: center;
    justify-content: space-between;
    padding: .24rem .2rem;
    border-radius: .06rem;
    background: #f1f3f6;
    cursor: pointer;
}

.ys-slide-item {
    width: 100%;
    margin-bottom: 0.2rem;
}

.ys-slide-item:last-child {
    margin-bottom: 0;
}

.service-plan-item-title {
    width: calc(100% - .46rem);
    color: #333;
    font-size: var(--font16);
    line-height: 1.45;
}

.service-plan-item-toggle,
.service-plan-card-toggle {
    flex: none;
    width: .26rem;
}

.service-plan-item-toggle img,
.service-plan-card-toggle img {
    display: block;
    width: 100%;
}

/* .service-plan-list .ys-slide-item-bot {
    margin-top: .2rem;
} */

/* .service-plan-list .ys-slide-item.on .ys-slide-item-bot {
    margin-top: 0;
} */

.service-plan-item-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: .2rem .2rem .32rem;
    border-radius: .08rem;
    background: rgba(255, 255, 255, .7);
    box-shadow: 0 .04rem .156rem rgba(125, 125, 125, .16);
}

.service-plan-card-media {
    width: 23%;
    border-radius: .08rem;
    overflow: hidden;
}

.service-plan-card-media .ys-imgbox-cover img:nth-child(2) {
    object-fit: cover;
}

.service-plan-card-content {
    display: flex;
    flex-direction: column;
    width: 74.5%;
}

.service-plan-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    cursor: pointer;
}

.service-plan-card-title {
    width: 3.8rem;
    max-width: 100%;
    color: #333;
    line-height: 1.3;
}

.service-plan-card-editor {
    font-size: var(--font16);
    line-height: 1.45;
}

.service-plan-card-editor ul {
    list-style-type: none;
    padding-left: 0;
}

.service-plan-card-editor ul p {
    padding-left: 0.15rem;
    position: relative;
}

.service-plan-card-editor ul p::after {
    content: '';
    position: absolute;
    top: 0.07rem;
    left: 0;
    width: 0.08rem;
    height: 0.08rem;
    background: #0028AA;
    border-radius: 50%;
}

/* .service-plan-card-editor>ul {
    margin: 0;
    padding-left: .15rem;
    color: #0028aa;
} */

.service-plan-card-editor>ul>li {
    color: #0028aa;
    line-height: 1.45;
}

.service-plan-card-editor>ul>li+li {
    margin-top: .1rem;
}

.service-plan-card-editor>ul>li p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.45;
}

/* 0i1 - end */
/* 0b4 - start */
/* B4 shared - start */
.control-main {
    overflow: visible;
    color: #081220;
    background: #fff;
}

.control-legacy {
    display: none;
}

.ys-nybanner3 {
    position: relative;
    height: 9.4rem;
    min-height: 9.4rem;
    overflow: hidden;
    background: #081220;
}

.ys-nybanner3::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(8, 18, 32, .58), rgba(8, 18, 32, .04) 64%);
    content: "";
}

.ys-nybanner3 .ys-nyban-img,
.ys-nybanner3 .ys-nyban-img img {
    width: 100%;
    height: 100%;
}

.ys-nybanner3 .ys-nyban-img img {
    display: block;
    object-fit: cover;
    object-position: center;
}

.ys-nybanner3 .ys-nyban-ph {
    display: none;
}

.ys-nybanner3 .ys-bread,
.ys-nybanner3 .ys-nyban-title {
    z-index: 2;
    color: #fff;
}

.ys-nybanner3 .ys-bread a,
.ys-nybanner3 .std-font72 {
    color: #fff;
}

.ys-nybanner3 .ys-nyban-title {
    top: 50%;
    transform: translateY(-50%);
}

.ys-nybanner3 .std-font72 {
    max-width: 9.8rem;
    font-weight: 400;
    line-height: 1.16;
}

.control-intro {
    background: #fff;
    padding-top: var(--space140);
    padding-bottom: var(--space140);
}

.control-intro-core,
.propulsion-intro-core,
.domain-product-core,
.domain-features-core,
.energy-arch-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.control-copy {
    width: 37.5%;
}

.control-copy .std-font54 {
    color: #081220;
}

.control-copy-summary {
    margin-top: .3rem;
}

.control-copy-summary .std-text16,
.control-copy-summary .std-text16 p {
    margin-top: 0;
    color: #666;
    line-height: 1.45;
}

.control-copy-editor {
    margin-top: .28rem;
}

.control-copy-editor p {
    margin: 0;
    color: #666;
    font-size: var(--font16);
    line-height: 1.45;
}

.control-copy-editor p+p {
    margin-top: .1rem;
}

.control-intro-media {
    width: 59.5%;
    overflow: hidden;
    border-radius: .16rem;
}

.control-nav {
    position: relative;
    z-index: 11;
    overflow: visible;
    background: #fff;
    margin-bottom: 0.7rem;
}

.sticky-body .control-nav {
    position: sticky;
    top: var(--headh);
    transition: top .3s ease;
}

.control-tabs {
    display: flex;
    overflow: visible;
    background: transparent;
    --gap: 0.05rem;
    margin: 0 calc(var(--gap) * -1);
}

.control-tab-item {
    width: 33.333333%;
    text-align: center;
    padding: var(--gap);
}

.control-tab-item+.control-tab-item {
    margin-left: .1rem;
}

.control-tab-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.085rem .1rem;
    border-radius: .06rem;
    background: #f1f3f6;
    color: #333;
    text-decoration: none;
    transition: var(--transition);
}

.control-tab-text {
    color: inherit;
    font-size: var(--font16);
    line-height: 1.45;
}

.control-tab-item.act .control-tab-link {
    color: #fff;
    background: #0028aa;
}

/* B4 shared - end */
/* B4 e-PCS - start */
.propulsion-story {
    position: relative;
    /*height: 580svh;*/
    /*min-height: 580svh;*/
    overflow: visible;
    padding: 0;
    background: #f2f5f8;
}

.propulsion-story-sticky {
    position: sticky;
    top: 0;
    height: 100svh;
    overflow: hidden;
    isolation: isolate;
    background: #f2f5f8;
}

.propulsion-story-intro {
    position: relative;
    z-index: 5;
    display: block;
    height: 100%;
    padding-top: 1.7rem;
    pointer-events: none;
}

.propulsion-copy {
    width: 37%;
    pointer-events: auto;
}

.propulsion-story-copy .std-font54 {
    color: #333;
}

.propulsion-copy .std-text16 {
    width: 100%;
    margin: 2.95rem 0 0 1.93rem;
    color: #666;
    line-height: 1.45;
}

.propulsion-copy .std-text16 p+p {
    margin-top: .18rem;
}

.propulsion-story .home-power-route {
    position: absolute;
    z-index: 3;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 29.494528%;
    pointer-events: none;
    margin-top: -12%;
}

.propulsion-story .home-power-route svg {
    display: block;
}

.propulsion-story .home-power-route-ship {
    top: -7%;
    left: -1.15rem;
    width: 2.3rem;
    opacity: 1;
}

.propulsion-story .home-power-route-ship.hide {
    opacity: 0;
    transition: opacity .45s ease;
}

.propulsion-story-start-media {
    position: absolute;
    top: 0;
    right: 0;
    left: 60.05%;
    z-index: 3;
    height: 100%;
    overflow: hidden;
    background: #07101c;
    will-change: left;
}

.propulsion-story-start-media img,
.propulsion-story-reveal-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.propulsion-story-start-media>img {
    object-position: center center;
    transform: scale(1.14);
    transform-origin: right center;
    will-change: transform;
}

.propulsion-story-reveal {
    position: absolute;
    inset: 0;
    z-index: 4;
    overflow: hidden;
    background: transparent;
    pointer-events: none;
}

.propulsion-story-reveal-list {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.propulsion-story-reveal-item {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: #07101c;
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
    will-change: clip-path;
}

.propulsion-story-reveal-item:first-child {
    z-index: 1;
}

.propulsion-story-reveal-item:nth-child(2) {
    z-index: 2;
}

.propulsion-story-reveal-item:nth-child(3) {
    z-index: 3;
}

.psri-dashboard {
    padding: .5rem;
    background: #02070b;
}

.psri-dashboard img {
    object-fit: contain;
}

.propulsion-core {
    overflow: visible;
    background: #fff;
    padding-top: var(--space140);
    padding-bottom: var(--space140);
}

.propulsion-core-title {
    text-align: center;
}

.propulsion-card-list {
    display: flex;
    justify-content: space-between;
    --gap: 0.2rem;
    margin: 0 calc(var(--gap) * -1);
}

.propulsion-core-btm {
    width: 78.875%;
    max-width: 12.62rem;
    margin: .5rem auto 0;
}

.propulsion-card-list-item {
    position: relative;
    width: 33.333333%;
    will-change: transform;
    padding: 0 var(--gap);
}

.pcli-wrap {
    width: 100%;
    overflow: hidden;
    border-radius: .16rem;
    position: relative;
}

.propulsion-card-media {
    position: relative;
    overflow: hidden;
}

.propulsion-card-media::after {
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.031%, rgba(0, 0, 0, .4) 84.447%);
    content: "";
    pointer-events: none;
}


.propulsion-card-parallax {
    transform: scale(1.1);
    transition: all 0s !important;
}

.pcli-multi .propulsion-card-parallax {
    object-position: 97.37% center;
}

.propulsion-card-copy {
    position: absolute;
    z-index: 3;
    color: #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.36rem 0.3rem;
}

.propulsion-card-copy .std-font20 {
    color: #fff;
    font-size: var(--font20);
    line-height: 1.45;
}

.propulsion-card-copy .std-text16 p {
    color: #fff;
    font-size: var(--font16);
    line-height: 1.45;
}

.propulsion-card-copy .std-text16 {
    margin-top: .1rem;
}

.service-panel {
    overflow: visible;
    background: #fff;
    padding-bottom: var(--space140);
}

.service-head {
    max-width: 8.07rem;
    margin: 0 auto;
    text-align: center;
}

.service-head .std-font54 {
    color: #081220;
}

.service-head .std-text16,
.service-head .std-text16 p {
    color: #666;
    line-height: 1.45;
}

.service-head .std-text16 {
    margin-top: .2rem;
}

.service-table {
    position: relative;
    margin-top: .4rem;
    overflow: visible;
}

.service-table-btm table {
    width: 100%;
    border-spacing: 0 .1rem;
    border-collapse: separate;
    table-layout: fixed;
    background: transparent;
}

.service-table-btm thead th,
.service-table-btm td {
    padding: .18rem .24rem;
    text-align: center;
    vertical-align: middle;
}

.service-table-btm thead th {
    height: .84rem;
    color: #fff;
    background: #0028aa;
    transition: all 0.36s;
}

.service-table-btm thead th p {
    color: #fff;
}

.service-table-btm th,
.service-table-btm th p,
.service-table-btm td p,
.service-table-btm td {
    line-height: 1.45;
    font-size: var(--font16);
}

.service-table-btm thead th:nth-child(1),
.service-table-btm td:nth-child(1) {
    width: 32.022472%;
}

.service-table-btm thead th:nth-child(2),
.service-table-btm td:nth-child(2) {
    width: 29.400749%;
}

.service-table-btm thead th:nth-child(3),
.service-table-btm td:nth-child(3) {
    width: 38.576779%;
}

.service-table-btm thead th:first-child {
    border-radius: .04rem 0 0 .04rem;
}

.service-table-btm thead th:last-child {
    border-radius: 0 .04rem .04rem 0;
}

.service-table-btm td {
    background: #f1f3f6;
    box-shadow: inset 0 1px 0 #f1f3f6, inset 0 -1px 0 #f1f3f6;
    transition: background .3s ease;
}

.service-table-btm td:first-child {
    border-radius: .04rem 0 0 .04rem;
    box-shadow: inset 1px 0 0 #f1f3f6, inset 0 1px 0 #f1f3f6, inset 0 -1px 0 #f1f3f6;
}

.service-table-btm td:last-child {
    border-radius: 0 .04rem .04rem 0;
    box-shadow: inset -1px 0 0 #f1f3f6, inset 0 1px 0 #f1f3f6, inset 0 -1px 0 #f1f3f6;
}

.service-table-btm td,
.service-table-btm td p {
    color: #666;
    line-height: 1.45;
}

.service-table-btm tr {
    transition: filter .3s ease;
}

.service-table-btm tr.is-collapsed {
    display: none;
}

.service-table-btm tr {
    display: none;
}

.service-table-btm tr:nth-child(-n+8) {
    display: table-row;
}

.service-panel.is-more .service-table-btm tr {
    display: table-row;
}

.service-more img {
    transition: all 0.36s;
}

.service-panel.is-more .service-more img {
    transform: rotate(180deg);
}

.service-panel.is-more .service-table-btm thead th {
    position: sticky;
    top: 1.33rem;
    z-index: 4;
}

.service-download {
    position: absolute;
    z-index: 5;
    top: -.46rem;
    right: 0;
    width: .4rem;
    cursor: pointer;
}

.service-download img {
    width: 100%;
}

.service-table-btm {
    width: 100%;
    position: relative;
}

.service-more {
    margin: .28rem auto 0;
    text-align: center;
    cursor: pointer;
}

.service-more .std-btn1-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
}

.service-more .std-btn-text {
    color: #fff;
}

.service-more-icon {
    display: flex;
    flex-shrink: 0;
    width: .24rem;
    margin-left: .1rem;
    align-items: center;
    justify-content: center;
}

.service-more-icon-image {
    display: block;
    width: .13rem;
    height: .07rem;
}

.service-more.is-hidden {
    display: none;
}

/* B4 e-PCS - end */
/* B4 FDCS - start */
.domain-core {
    position: relative;
    background: #081220;
    padding: var(--space140) 0;
}

.domain-core-bg {
    position: absolute;
    inset: 0;
}

.domain-core-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.domain-core>.ys-cont1600 {
    position: relative;
    z-index: 1;
}

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

.domain-core-copy {
    width: 40%;
    color: #fff;
}

.domain-core-copy .std-font54 {
    color: #fff;
}

.domain-core-desc {
    width: 40.75%;
    padding-top: .065rem;
    color: #fff;
}

.domain-core-desc,
.domain-core-desc p {
    color: #fff;
    line-height: 1.45;
}

.domain-core-slogan {
    color: #fff;
}

.domain-core-btm {
    margin-top: 1.4rem;
    width: 52.8%;
}

.domain-core-slogan,
.domain-core-slogan p {
    color: #fff;
    line-height: 1.45;
}

.domain-fact-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    --gap1: 0.05rem;
    margin: 0 calc(var(--gap1) * -1);
    margin-top: 0.3rem;
}

.domain-fact-list-item {
    width: 33.333333%;
    padding: 0 var(--gap1);
    margin-bottom: calc(var(--gap1) * 2);
    color: #fff;
}

.domain-fact-card {
    width: 100%;
    height: 100%;
    padding: .2rem;
    border-radius: .1rem;
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(.4rem);
    backdrop-filter: blur(.4rem);
}

.domain-fact-icon {
    width: .4rem;
    margin-bottom: .1rem;
}


.domain-fact-copy {
    color: #fff;
}

.domain-fact-copy,
.domain-fact-copy p {
    color: #fff;
    line-height: 1.45;
}

.domain-product {
    width: 100%;
    padding: var(--space120) 0;
    background: linear-gradient(180deg, rgba(241, 243, 246, 0) 44.841%, #f1f3f6 87.138%);
}

.domain-product-core {
    position: relative;
    display: flex;
    width: calc(100% + 1rem);
    transform: translateX(-1rem);
}

.domain-stage {
    overflow: hidden;
    width: 63%;
    position: relative;
}

.domain-stage-ship {
    width: 100%;
}

.domain-stage::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(76.925912deg, #f1f3f6 3.1397%, rgba(255, 255, 255, 0) 7.132%), linear-gradient(-90deg, #f7f8fa 2.563%, rgba(247, 248, 250, 0) 43.646%), linear-gradient(183.706928deg, rgba(241, 243, 246, 0) 69.869%, #f1f3f6 87.998%);
    content: "";
}

.domain-stage.ys-fadeleft1,
.domain-product-copy.ys-fadeup1 {
    opacity: 0;
    transition: transform .8s var(--bezier2), opacity .6s ease;
    will-change: transform, opacity;
}

.domain-stage.ys-fadeleft1 {
    animation: none;
    transform: translate3d(-.6rem, 0, 0);
}

.domain-product-copy.ys-fadeup1 {
    animation: none;
    transform: translate3d(0, .6rem, 0);
}

.domain-stage.ys-fadeleft1.ys-fade-true,
.domain-product-copy.ys-fadeup1.ys-fade-true {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.domain-point-list {
    position: absolute;
    z-index: 2;
    inset: 0;
}

.domain-point-list-item {
    position: absolute;
}

.domain-point {
    position: relative;
    z-index: 0;
    width: .42rem;
    height: .42rem;
    cursor: pointer;
    isolation: isolate;
}

.domain-point-mark {
    position: relative;
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    transition: all 0.36s;
    background: rgba(0, 40, 170, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}

.domain-point-mark::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    border-radius: 50%;
    background: rgba(0, 40, 170, 0.60);
    z-index: -1;
    animation: myfirst 2s linear infinite;
    animation-delay: 0.6s;
    transform: translate(-50%, -50%) scale(0.1);
    opacity: .7;
    transition: all 0.36s;
}

.domain-point-mark::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    border-radius: 50%;
    background: rgba(0, 40, 170, 0.60);
    z-index: -1;
    animation: myfirst 2s linear infinite;
    transform: translate(-50%, -50%) scale(0.1);
    opacity: .7;
    transition: all 0.36s;
}

@keyframes myfirst {
    0% {
        transform: translate(-50%, -50%) scale(0.1);
        opacity: .7;
    }

    50% {
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 0.5;
    }

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

.domain-point-mark img {
    width: 0.26rem;
}

.domain-point-pulse {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: .26rem;
    height: .26rem;
    border: 1px solid rgba(0, 40, 170, .52);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
}

.domain-point-list-item:focus-within .domain-point-pulse,
.domain-point-list-item.is-active .domain-point-pulse {
    opacity: 1;
    animation: domain-point-pulse 1.8s ease-out infinite;
}

.domain-point-copy {
    position: absolute;
    z-index: 2;
    top: -.04rem;
    left: -.06rem;
    display: flex;
    height: .5rem;
    align-items: center;
    padding: 0 .2rem 0 .06rem;
    border-radius: .6rem;
    background: #fff;
    opacity: 1;
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
    pointer-events: none;
}

.domain-point-copy .domain-point-mark {
    flex-shrink: 0;
}

.domain-point-label {
    margin-left: .14rem;
    color: #333;
    font-size: var(--font16);
    line-height: 1.45;
    white-space: nowrap;
}

.domain-point-list-item:focus-within .domain-point-copy,
.domain-point-list-item.is-active .domain-point-copy {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@keyframes domain-point-pulse {
    0% {
        opacity: .72;
        transform: translate(-50%, -50%) scale(1);
    }

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

.domain-product-copy {
    width: 30.5%;
}

.domain-product-copy .std-font54,
.domain-product-copy .std-font54 p {
    color: #081220;
    font-size: .54rem;
    font-weight: 400;
    line-height: 1.2;
}

.domain-product-copy .std-text16,
.domain-product-copy .std-text16 p {
    margin-top: .41rem;
    color: #666;
    font-size: var(--font16);
    line-height: 1.45;
}

.domain-features {
    background: #fff;
    width: 100%;
    padding: var(--space140) 0;
}

.domain-features-core {
    margin-top: 0.5rem;
}

.domain-feature-heading {
    text-align: center;
}

.domain-feature-list {
    width: 39.375%;
}

.domain-feature-list .domain-feature-item {
    border-bottom: 1px solid #ddd;
}

.domain-feature-list .domain-feature-item:first-child {
    border-top: 1px solid #ddd;
}

.domain-feature-list .domain-feature-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .24rem 0;
    cursor: pointer;
}

.domain-feature-list .domain-feature-item .domain-feature-title {
    color: #333;
    font-size: .3rem;
    font-weight: 400;
    line-height: 1.3;
}

.domain-feature-list .domain-feature-item.on .domain-feature-title {
    color: #0028aa;
}

.domain-feature-list .domain-feature-icon {
    position: relative;
    flex: 0 0 .2rem;
    width: .2rem;
    height: .2rem;
    margin-left: .2rem;
}

.domain-feature-list .domain-feature-icon::before,
.domain-feature-list .domain-feature-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .2rem;
    height: 1px;
    background: #000;
    content: "";
    transform: translate(-50%, -50%);
}

.domain-feature-list .domain-feature-icon::after {
    transition: var(--transition);
    transform: translate(-50%, -50%) rotate(90deg);
}

.domain-feature-list .domain-feature-item.on .domain-feature-icon::after {
    transform: translate(-50%, -50%);
}

.domain-feature-list .domain-feature-copy {
    display: none;
    padding: 0 0 .24rem;
}

.domain-feature-list .domain-feature-copy .std-text16,
.domain-feature-list .domain-feature-copy .std-text16 p {
    color: #666;
    font-size: var(--font18);
    line-height: 1.45;
}

.domain-feature-media {
    position: relative;
    margin-right: -0.25rem;
    width: 58.9375%;
    overflow: hidden;
    border-radius: .12rem;
}

.domain-feature-media-item {
    display: none;
}

.domain-feature-media-item.is-active {
    position: relative;
    z-index: 1;
    display: block;
}

.domain-feature-media-item .ys-imgbox-cover {
    width: 100%;
}

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

.domain-feature-media-item.is-active .domain-feature-media-img {
    animation: domain-feature-media-zoom .7s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes domain-feature-media-zoom {
    from {
        transform: scale(1.08);
    }

    to {
        transform: scale(1);
    }
}

/* B4 FDCS - end */
/* B4 EMS - start */
.energy-core {
    position: relative;
    overflow: visible;
    background: #090114;
    color: #fff;
}

.energy-core-btm {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.energy-core-ul-li {
    width: 100%;
    height: 60vh;
}

.energy-core-pin {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.energy-core-desz {
    position: absolute;
    top: 0;
    left: 0;
    width: 24%;
    z-index: 2;
}

.energy-core-desz img {
    width: 100%;
}

.energy-core-layout {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    z-index: 8;
}

.energy-core-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}

.energy-core-bg img {
    display: block;
    width: 100%;
}

.energy-core-head {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* gap: .4rem; */
    width: 100%;
}

.energy-core-title {
    width: 39%;
    color: #fff;
    line-height: 1.2;
}

.energy-core-title-line {
    display: block;
    line-height: 1.2;
}

.energy-core-summary {
    width: 36%;
}

.energy-core-summary p {
    color: #fff;
    line-height: 1.45;
}

.energy-card-viewport {
    position: relative;
    width: 100%;
    margin-top: .63rem;
    overflow: visible;
}

.energy-card-list {
    display: flex;
    align-items: stretch;
}

.energy-card-list-item {
    width: 3.61rem !important;
    height: auto !important;
    margin-right: 0.3rem;
    padding: .28rem .28rem .32rem;
    border-radius: .1rem;
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    /* transition: background .36s ease; */
}

.energy-card-copy {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.energy-card-icon {
    width: 0.76rem;
}


.energy-card-detail {
    margin-top: 1.8rem;
}

.energy-card-detail .std-font20 {
    color: #fff;
    line-height: 1.45;
}

.energy-card-detail .std-text16 {
    margin-top: .08rem;
}

.energy-card-detail .std-text16 p {
    color: rgba(255, 255, 255, .7);
}

.energy-network {
    padding: var(--space140) 0;
    background: linear-gradient(180deg, rgba(241, 243, 246, 0) 0%, #f1f3f6 92.397%);
    margin-bottom: var(--space140);
}

.energy-network-title {
    text-align: center;
}

.energy-arch-list {
    margin-top: .5rem;
}

.energy-arch-list-item:nth-child(even) {
    flex-direction: row-reverse;
}

.energy-arch-list-item {
    margin-bottom: 2rem;
}

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

.energy-arch-copy {
    width: 30%;
}

.energy-arch-title {
    color: #333;
    line-height: 1.2;
    margin-bottom: 0.2rem;
    font-weight: bold;
}

.energy-arch-summary {
    margin-top: .2rem;
}

.energy-arch-summary-text,
.energy-arch-summary-text p,
.energy-arch-point-text,
.energy-arch-point-text p {
    color: #666;
    line-height: 1.45;
}

.energy-arch-copy-top {
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
}

.energy-arch-points {
    display: flex;
    flex-direction: column;
}

.energy-arch-point {
    display: flex;
    align-items: flex-start;
}

.energy-arch-point+.energy-arch-point {
    margin-top: .2rem;
}

.energy-arch-point-icon {
    width: .48rem;
    height: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5e1f8;
    border-radius: .08rem;
    background: #f1f3f6;
    flex: none;
}

.energy-arch-point-icon img {
    width: 0.22rem;
}

.energy-arch-point-text {
    width: 100%;
    padding-left: 0.24rem;
}

.energy-arch-media {
    position: relative;
    width: 62.5%;
    overflow: hidden;
}

.energy-arch-media img {
    width: 100%;
}

.energy-arch-line-base,
.solution-diagram-line-base {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    opacity: .2;
}

.energy-arch-line,
.solution-diagram-line {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none;
}

.energy-arch-line-svg,
.solution-diagram-line-svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* B4 EMS - end */
/* Product certificates carousel - start */
.certificate-panel {
    width: 100%;
    background: linear-gradient(180deg, #fff 0%, #f1f3f6 83.664%);
    text-align: center;
    padding-bottom: var(--space140);
}

.certificate-list {
    position: relative;
    width: 100%;
    margin: .5rem auto 0;
    --certificate-motion: .5s;
}

.certificate-list:not(.slick-initialized) {
    display: flex;
    justify-content: center;
}

.certificate-list-item {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    width: 2.8rem;
    margin: 0 .2rem;
    padding: .435rem 0;
}

.certificate-list-item:not(:first-child) {
    display: none;
}

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

.certificate-list .slick-list {
    width: 100%;
    min-width: 0;
    margin: 0 auto;
}

.certificate-list .slick-track {
    left: 0;
}

.certificate-media {
    box-sizing: border-box;
    border: .14rem solid #fff;
    background: #fff;
    transform: translateX(0) scale(.657142857);
    transform-origin: center;
    opacity: 0;
    will-change: transform, opacity;
    transition: all 0.36s;
}

.certificate-media img:first-child {
    visibility: hidden;
    pointer-events: none;
}

.certificate-list:not(.is-cert-ready) .certificate-media {
    transition: none;
}

.certificate-list:not(.slick-initialized) .certificate-media {
    transform: none;
    opacity: 1;
}

.certificate-list.slick-initialized .certificate-list-item.is-cert-current {
    z-index: 3;
}

.certificate-list.slick-initialized .certificate-list-item.is-cert-current .certificate-media {
    transform: translateX(0) scale(1.225);
    opacity: 1;
}

.certificate-list.slick-initialized .certificate-list-item.is-cert-near {
    z-index: 2;
}

.certificate-list.slick-initialized .certificate-list-item.is-cert-near .certificate-media {
    opacity: .6;
}

.certificate-list.slick-initialized .certificate-list-item.is-cert-near.is-cert-before .certificate-media {
    transform: translateX(-.115rem) scale(1);
}

.certificate-list.slick-initialized .certificate-list-item.is-cert-near.is-cert-after .certificate-media {
    transform: translateX(.115rem) scale(1);
}

.certificate-list.slick-initialized .certificate-list-item.is-cert-far .certificate-media {
    opacity: .4;
}

.certificate-list.slick-initialized .certificate-list-item.is-cert-far.is-cert-before .certificate-media {
    transform: translateX(.565rem) scale(.657142857);
}

.certificate-list.slick-initialized .certificate-list-item.is-cert-far.is-cert-after .certificate-media {
    transform: translateX(-.565rem) scale(.657142857);
}

.certificate-media img:last-child {
    object-fit: contain;
}

.certificate-list .slick-prev,
.certificate-list .slick-next {
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
}

.certificate-list .slick-prev {
    left: 0;
}

.certificate-list .slick-next {
    right: 0;
}

/* Product certificates carousel - end */
/* 0b4 - end */
/* 0b2 - start */
.power-main .ys-nybanner1::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, rgba(16, 21, 55, .18) 0%, rgba(16, 21, 55, 0) 57%);
    content: "";
    pointer-events: none;
}

.power-main .ys-nybanner1 .ys-nyban-title,
.power-main .ys-nybanner1 .ys-bread {
    z-index: 2;
}

.power-main .ys-nybanner1 .ys-nyban-title .std-font72,
.power-main .ys-nybanner1 .ys-bread,
.power-main .ys-nybanner1 .ys-bread a {
    color: #fff;
}

.power-banner-copy {
    width: 44.5%;
    margin-top: .34rem;
}

.power-banner-copy,
.power-banner-copy p {
    color: #fff;
    line-height: 1.45;
}

.solution-head {
    margin-bottom: 0.5rem;
    width: 100%;
}

.solution-head .std-font54 {
    text-align: center;
}

.solution-area {
    background: linear-gradient(180deg, rgba(241, 243, 246, 0) 0%, #f1f3f6 100%);
}

.solution-item {
    padding: .2rem 0 1.45rem;
}

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

.solution-item:nth-child(even) .solution-core {
    flex-direction: row-reverse;
}

.solution-info {
    width: 30%;
}

.solution-title {
    margin-bottom: .24rem;
    font-weight: bold;
}

.solution-points {
    --gap1: .1rem;
}

.solution-point {
    display: flex;
    align-items: center;
}

.solution-point+.solution-point {
    margin-top: var(--gap1);
}

.solution-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .48rem;
    height: .48rem;
    flex-shrink: 0;
    border: 1px solid #d5e1f8;
    border-radius: .08rem;
    background: #f1f3f6;
}

.solution-item+.solution-item .solution-icon,
.solution-area-hybrid .solution-icon {
    background: #fff;
}

.solution-copy {
    flex: 1;
    margin-left: .16rem;
}

.solution-copy,
.solution-copy p {
    color: #666;
    line-height: 1.45;
}

.solution-diagram {
    position: relative;
    width: 62.5%;
    flex-shrink: 0;
    overflow: hidden;
}

.system-area {
    width: 100%;
    padding-top: var(--space140);
}

.system-content {
    width: 58.75%;
    margin: 0 auto;
}

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

.system-tabs {
    display: flex;
    width: max-content;
    margin: .4rem auto 0;
}

.system-tabs-item {
    min-width: 2rem;
}

.system-tabs-item+.system-tabs-item {
    margin-left: .16rem;
}

.system-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: .4rem; */
    padding: 0.085rem 0.2rem;
    color: #999;
    line-height: 1.45;
    text-align: center;
    background: #f1f3f6;
    border-radius: .83rem;
    cursor: pointer;
    transition: var(--transition);
}

.system-tabs-item.act .system-tab {
    color: #fff;
    background: var(--colormain);
}

.system-panel {
    display: none;
}

.system-panel.act {
    display: block;
}

.system-cards {
    --gap1: .1rem;
    display: flex;
    margin: 0 calc(var(--gap1) * -1);
}

.system-card {
    width: 33.333333%;
    padding: 0 var(--gap1);
    margin-bottom: calc(var(--gap1) * 2);
}

.system-card-wrap {
    padding: .26rem 0.2rem;
    border-radius: .12rem;
    background: #f1f3f6;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.system-icon {
    width: .42rem;
}

.system-title {
    margin-top: .2rem;
    text-align: center;
}

.system-title,
.system-title p {
    color: #333;
    line-height: 1.45;
}

/* .system-card:first-child .system-title,
.system-card:first-child .system-title p {
    font-size: .24rem;
    line-height: .29rem;
} */

.power-cases .vessel-cases-head {
    justify-content: center;
}

.power-cases .vessel-cases-more {
    margin: 0 auto;
    margin-top: 0.5rem;
}

.power-cases+.certificate-panel {
    padding-top: 0;
}

.power-cases .vessel-cases-slick-item {
    width: 33.333333%;
}

.power-cases .vcsi-link .std-font24 {
    font-size: var(--font16);
}

.power-cases .vlli-top {
    font-size: var(--font24);
}

.power-cases .vlli-bot {
    font-size: var(--font14);
}

/* 0b2 - end */
/* 0b5 - start */
.beichen-main .ys-nybanner1 .ys-nyban-title {
    z-index: 2;
}

.beichen-main .ys-nybanner1 .ys-nyban-title .std-font72 {
    color: #fff;
}

.beichen-main .ys-nybanner1 .ys-bread {
    z-index: 2;
}

.beichen-public {
    padding: 1.6rem 0 .8rem;
    background: #f1f3f6;
}

.beichen-public-wrap {
    display: flex;
    align-items: center;
}

.beichen-public-wrap-text {
    width: 40.8125%;
}

.beichen-public-wrap-text .std-font54 {
    color: #081220;
}

.beichen-public-wrap-text .std-text16 {
    margin-top: .72rem;
    color: #666;
}

.beichen-public-wrap-img {
    width: 54%;
    margin-left: 5.1875%;
    border-radius: .24rem;
    overflow: hidden;
}

.beichen-public-wrap-img .ys-imgbox-cover {
    border-radius: inherit;
}

.beichen-feature {
    padding: .8rem 0 1.2rem;
    background: #f1f3f6;
}

.beichen-feature-inof {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.1rem;
}

.beichen-feature-inof-item {
    width: 33.3333%;
    padding: 0 .1rem;
}

.bfii-card {
    display: flex;
    align-items: flex-start;
    height: 100%;
    padding: .27rem .4rem .22rem .28rem;
    border: 1px solid #e0e8f2;
    border-left: 4px solid #0028aa;
    border-radius: .08rem;
    background: #fff;
    box-shadow: 0 .1rem .13rem rgba(16, 34, 62, .06);
}

.bfii-card-icon {
    width: .58rem;
    flex-shrink: 0;
}

.bfii-card-text {
    margin-left: .2rem;
}

.bfii-card-text .std-font20 {
    color: #081220;
}

.bfii-card-text .std-text16 {
    margin-top: .14rem;
    color: #666;
}

/* 0b5 - end */
/* 0b8 - start */
.cloud-main {
    background: #fff;
}

.cloud-main .ys-nybanner2 {
    position: relative;
    overflow: hidden;
    background: #081220;
    z-index: 10;
}

.cloud-main .ys-nybanner2 .ys-nyban-img,
.cloud-main .ys-nybanner2 .ys-nyban-pc,
.cloud-main .ys-nybanner2 .ys-nyban-ph {
    display: block;
    width: 100%;
}

.cloud-main .ys-nybanner2 .ys-nyban-ph {
    display: none;
}

.cloud-main .ys-nybanner2 .ys-nyban-title {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    padding-top: .15rem;
}

.cloud-main .ys-nybanner2 .ys-nyban-title .std-font72 {
    width: 48.8125%;
    color: #fff;
    font-family: var(--regular);
    font-weight: 400;
    line-height: 1;
}

.cloud-main .ys-nybanner2 .mod-bread {
    position: absolute;
    left: 0;
    bottom: .2rem;
    z-index: 3;
    width: 100%;
}

.cloud-main .ys-nybanner2 .ys-bread {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cloud-main .ys-nybanner2 .ys-bread-list a,
.cloud-main .ys-nybanner2 .ys-bread-list::before {
    color: #fff;
}

.cloud-anchor {
    position: sticky;
    top: .1rem;
    z-index: 18;
    /* height: .6rem; */
    overflow: visible;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e9ee;
    background: transparent;
    transition: var(--transition);
}

.cloud-anchor.isstart {
    top: 0;
    background: #fff;
}

.cloud-anchor.thistop {
    top: var(--headh);
    /* background: #fff; */
}

.cloud-anchor .ys-cont1600 {
    height: 100%;
    transition: var(--transition);
}

.cloud-anchor.isstart .ys-cont1600 {
    background: #fff;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.cloud-anchor-list {
    --gap1: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 calc(var(--gap1) * -1);
}

.cloud-anchor-list-item {
    position: relative;
    width: 20%;
    height: 100%;
    padding: 0 var(--gap1);
}

.cali-link {
    padding: 0.18rem 0;
}

.cali-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    color: #333;
    font-size: var(--font16);
    line-height: 1.45;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
}

.cali-link::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background: #0028aa;
    content: "";
    transform: translateX(-50%);
    transition: var(--transition);
}

.cloud-anchor-list-item.act .cali-link {
    color: #0028aa;
}

.cloud-anchor-list-item.act .cali-link::before {
    width: 100%;
}

.cloud-overview {
    width: 100%;
    position: relative;
    padding: var(--space140) 0;
    overflow: visible;
}

.cloud-overview-route {
    position: absolute;
    top: -4.27rem;
    left: -2.97%;
    z-index: 0;
    width: 90.39%;
    pointer-events: none;
}

.cloud-overview-route-bg {
    display: block;
    width: 100%;
    height: auto;
}

.cloud-overview-route-ship {
    position: absolute;
    top: 94%;
    left: 21.8%;
    display: block;
    width: 2.17rem;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.25));
    transform: rotate(-33.33deg);
    transform-origin: center center;
}

.cloud-overview>.ys-cont1600 {
    position: relative;
    z-index: 1;
}

.cloud-overview-core,
.cloud-product-core,
.cloud-feature-core {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cloud-overview-core {
    align-items: center;

}

.cloud-overview-copy {
    width: 39%;
}

.cloud-overview-copy .std-font54,
.cloud-feature .std-font54,
.cloud-value .std-font54 {
    color: #333;
}

.cloud-overview-copy .std-font54 {
    color: #333;
}

.cloud-overview-copy .std-text16 {
    max-width: 5.57rem;
    margin-top: .24rem;
}

.cloud-overview-copy .std-text16,
.cloud-overview-copy .std-text16 p,
.cloud-feature-copy .std-text16,
.cloud-feature-copy .std-text16 p,
.cloud-value-head .std-text16,
.cloud-value-head .std-text16 p {
    color: #666;
    line-height: 1.45;
}

.cloud-overview-copy .std-btn1 {
    margin-top: .6rem;
}

.cloud-overview-media {
    width: 49.75%;
}

.cloud-overview-inof {
    position: relative;
    width: 100%;
}

.cloud-overview-slide:not(:first-child) {
    display: none;
}

.cloud-overview-slick.slick-initialized .cloud-overview-slide {
    display: block;
}

.cloud-overview-slide {
    width: 100%;
    padding: 0 .08rem;
}

.cloud-overview-slick .slick-slide {
    margin: 0;
}

.cloud-overview-visual {
    position: relative;
    width: 100%;
}

.cloud-overview-visual img {
    width: 100%;
}

.cloud-overview-caption {
    position: absolute;
    right: .04rem;
    bottom: 1.06rem;
    color: #999;
    font-family: "Source Han Sans CN", sans-serif;
    font-size: var(--font16);
    line-height: 1.45;
}

.cloud-overview-slick .slick-dots.std-dots1 {
    justify-content: flex-end;
    margin-top: .18rem;
}

.cloud-pop-open,
.cloud-feature-link,
.cloud-value-link,
.cloud-pop-close,
.cloud-pop-submit {
    cursor: pointer;
}

.cloud-pop-open .std-btn1-link,
.cloud-pop-submit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cloud-overview-copy .cloud-pop-open .std-btn-text {
    margin-top: 0;
}


.cloud-product {
    position: relative;
    overflow: visible;
    --cloud-product-progress: .333333;
    padding: 1.4rem 0;
    background: #071020;
}

.cloud-product-bg {
    position: absolute;
    inset: 0;
    opacity: .56;
}

.cloud-product-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cloud-product .ys-cont1600 {
    position: relative;
    z-index: 1;
}

.cloud-product-core {
    align-items: flex-start;
}

.cloud-product-progress {
    position: sticky;
    top: calc(var(--headh) + .42rem);
    width: .7rem;
    flex-shrink: 0;
}

.cloud-product-progress-inof {
    position: relative;
    height: 4.48rem;
    margin: 1.45rem 0 0;
}

.cloud-product-progress-inof::before,
.cloud-product-progress-inof::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    content: "";
}

.cloud-product-progress-inof::before {
    background: rgba(255, 255, 255, .28);
}

.cloud-product-progress-inof::after {
    height: calc(100% * var(--cloud-product-progress));
    background: #fff;
    transition: height .2s linear;
}

.cloud-product-progress-item {
    position: relative;
    height: 1.19rem;
    padding: 0;
}

.cloud-product-progress-item:first-child {
    height: 2rem;
}

.cloud-product-progress-item:last-child {
    height: auto;
}

.cloud-product-progress-item::before {
    position: absolute;
    top: 0;
    left: -.1rem;
    z-index: 1;
    width: .2rem;
    height: .2rem;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 50%;
    background: radial-gradient(circle, #dfe7f4 0 .03rem, transparent .031rem);
    content: "";
    transition: var(--transition);
}

.cloud-product-progress-active {
    position: absolute;
    top: .7rem;
    left: -.31rem;
    z-index: 2;
    display: block;
    width: .62rem;
    height: .62rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s linear;
}

.cloud-product-progress-label {
    position: absolute;
    top: .25rem;
    left: -.35rem;
    z-index: 3;
    width: .7rem;
    color: #fff;
    font-family: Roboto, Arial, sans-serif;
    font-size: var(--font14);
    font-weight: 400;
    line-height: var(--line145);
    text-align: center;
    transition: var(--transition);
}

.cloud-product-progress-item.act::before {
    opacity: 0;
}

.cloud-product-progress-item.act .cloud-product-progress-active {
    opacity: 1;
}

.cloud-product-progress-item.act:not(:first-child) .cloud-product-progress-active {
    top: -.21rem;
}

.cloud-product-progress-item.act .cloud-product-progress-label {
    top: .7rem;
    left: -.31rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .62rem;
    height: .62rem;
    color: #0028aa;
}

.cloud-product-progress-item.act:not(:first-child) .cloud-product-progress-label {
    top: -.21rem;
}

.cloud-product-copy {
    width: 6.14rem;
    flex-shrink: 0;
    margin-left: 0;
}

.cloud-product-title,
.cloud-product-copy-title {
    color: #fff;
}

.cloud-product-title {
    position: relative;
    left: -.7rem;
    width: 6.2rem;
    font-family: Roboto, Arial, sans-serif;
    font-size: var(--font54);
    font-weight: 400;
    line-height: var(--line12);
}

.cloud-product-copy-inof {
    margin-top: .8rem;
}

.cloud-product-copy-item {
    padding-bottom: 1.92rem;
    opacity: .22;
    transition: opacity .36s ease;
}

.cloud-product-copy-item:last-child {
    padding-bottom: 0;
}

.cloud-product-copy-item.act {
    opacity: 1;
}

.cloud-product-copy-title {
    font-size: var(--font24);
    line-height: var(--line145);
}

.cobr-ul-li-info p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.45;
    margin-bottom: 0.2rem;
}

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


.cobr-ul-li-info {
    margin-top: 0.3rem;
}

.cobr-ul-li {
    width: 100%;
    margin-bottom: 1.9rem;
    opacity: 0.4;
    transition: opacity .36s ease;
}

.cobr-ul-li.act {
    opacity: 1;
}

.cloud-product-copy-item .std-text16,
.cloud-product-copy-item .std-text16 p {
    color: rgba(255, 255, 255, .7);
    font-family: Roboto, Arial, sans-serif;
    font-size: var(--font16);
    font-weight: 400;
    line-height: var(--line145);
}

.cloud-product-copy-item .std-text16 p+p {
    margin-top: .2rem;
}

.cloud-product-media {
    position: sticky;
    top: calc(50vh - 3.14rem);
    width: 8.74rem;
    flex-shrink: 0;
    margin-top: .05rem;
    margin-left: .42rem;
}

.cloud-product-figure {
    position: relative;
    display: none;
}

.cloud-product-figure.act {
    display: block;
    -webkit-animation: cloudFade .45s ease both;
    animation: cloudFade .45s ease both;
}

.cloud-product-figure .ys-imgbox-contain {
    width: 100%;
}

.cloud-feature {
    background: #fff;
    padding: var(--space140) 0;
}

.cobr-slick-ul-li {
    width: 100%;
    display: none;
}

.cobr-slick-ul-li:first-child {
    display: block;
}

.cloud-feature-heading {
    color: #333;
    text-align: center;
}

.cobr-slick {
    width: 57.5%;
    margin-top: -0.5rem;
}

.cobr-slick-ul {
    width: 100%;
    position: sticky;
    top: 28%;
    left: 0;
}

.cloud-feature-core {
    align-items: center;
    margin-top: .62rem;
}

.cloud-feature-inof {
    width: 39.375%;
    border-top: 1px solid #d9dee6;
}

.cloud-feature-item {
    border-bottom: 1px solid #ddd;
}

.cloud-feature-link {
    padding: .24rem 0;
}

.cloud-feature-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cloud-feature-title .std-font30 {
    padding-right: .2rem;
    color: #333;
    font-size: .3rem;
    line-height: 1.3;
    transition: color .3s ease;
}

.cloud-feature-icon {
    position: relative;
    width: .2rem;
    height: .2rem;
    flex-shrink: 0;
}

.cloud-feature-icon::before,
.cloud-feature-icon::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .2rem;
    height: 1px;
    background: #0028aa;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease, background .3s ease;
}

.cloud-feature-icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.cloud-feature-copy {
    display: none;
    margin-top: .2rem;
    padding: 0 0 .24rem;
}

.cloud-feature-copy .std-text16,
.cloud-feature-copy .std-text16 p {
    color: #666;
    font-size: var(--font18);
    line-height: 1.45;
}

.cloud-feature-item.act .cloud-feature-link {
    padding-bottom: 0;
}

.cloud-feature-item.act .cloud-feature-title .std-font30 {
    color: #0028aa;
}

.cloud-feature-item.act .cloud-feature-icon::before,
.cloud-feature-item.act .cloud-feature-icon::after {
    background: #0028aa;
}

.cloud-feature-item.act .cloud-feature-icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
}

.cloud-feature-media {
    position: relative;
    width: 43.9375%;
    overflow: hidden;
    border-radius: .12rem;
    background: transparent;
}

.cloud-feature-figure {
    position: relative;
}

.cloud-feature-figure-item .ys-imgbox-cover img:first-child {
    visibility: hidden;
}

.cloud-feature-figure-item .ys-imgbox-cover img:last-child {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cloud-feature-figure-item {
    display: none;
}

.cloud-feature-figure-item.act {
    position: relative;
    display: block;
}

.cloud-feature-figure-item.act .ys-imgbox-cover img:last-child {
    animation: cloud-feature-media-zoom .7s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes cloud-feature-media-zoom {
    from {
        transform: scale(1.08);
    }

    to {
        transform: scale(1);
    }
}

.cloud-value {
    overflow: visible;
    background: #fff;
    padding-top: var(--space140);
    padding-bottom: 0.4rem;
}

.cloud-value-head {
    width: 100%;
    text-align: center;
}

.cloud-value-map {
    position: relative;
    width: calc(100% + 1.44rem);
    height: 6.24rem;
    margin: .49rem 0 0 -.72rem;
}

.cloud-value-wheel {
    position: absolute;
    top: 0;
    left: 50%;
    width: 5.835985rem;
    height: 5.835985rem;
    overflow: visible;
    border-radius: 50%;
    background: repeating-conic-gradient(#eef1f4 0deg 44.5deg, #fff 44.5deg 45deg);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cloud-value-inof {
    position: absolute;
    inset: 0;
}

.cloud-value-item {
    --value-angle: 0deg;
    --value-x: 0rem;
    --value-y: 0rem;
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 50%;
    pointer-events: none;
    -webkit-transform: translate(var(--value-x), var(--value-y)) rotate(var(--value-angle)) scale(.995);
    transform: translate(var(--value-x), var(--value-y)) rotate(var(--value-angle)) scale(.995);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease;
}

.cloud-value-slice {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -100%;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #0028aa 0deg 44.5deg, transparent 44.5deg 360deg);
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease;
}

.cloud-value-link {
    position: absolute;
    z-index: 2;
    top: 0;
    left: -100%;
    display: block;
    width: 200%;
    height: 200%;
    overflow: visible;
    pointer-events: auto;
    clip-path: polygon(50% 50%, 50% 0, 59.75% .96%, 69.13% 3.81%, 77.78% 8.43%, 85.36% 14.64%);
    -webkit-clip-path: polygon(50% 50%, 50% 0, 59.75% .96%, 69.13% 3.81%, 77.78% 8.43%, 85.36% 14.64%);
    background: transparent;
    -webkit-transition: background .35s ease;
    transition: background .35s ease;
}

.cloud-value-labels {
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
}

.cloud-value-label {
    position: absolute;
    width: 1.31rem;
    color: #333;
    text-align: center;
    -webkit-transition: color .35s ease, -webkit-transform .35s ease;
    transition: color .35s ease, -webkit-transform .35s ease;
    transition: color .35s ease, transform .35s ease;
    transition: color .35s ease, transform .35s ease, -webkit-transform .35s ease;
}

.cloud-value-label-title {
    color: inherit;
    font-size: var(--font16);
    line-height: 1.45;
}

.label-global {
    top: .658rem;
    left: 1.468rem;
    width: 1.15rem;
}

.label-integration {
    top: .658rem;
    left: 3.068rem;
    width: 1.36rem;
}

.label-team {
    top: 1.948rem;
    left: 4.158rem;
}

.label-scaling {
    top: 3.378rem;
    left: 4.158rem;
}

.label-lifecycle {
    top: 4.558rem;
    left: 3.038rem;
}

.label-mobile {
    top: 4.678rem;
    left: 1.388rem;
}

.label-software {
    top: 3.498rem;
    left: .368rem;
}

.label-security {
    top: 1.778rem;
    left: .328rem;
}

.value-global {
    --value-angle: -45deg;
}

.value-integration {
    --value-angle: 0deg;
}

.value-team {
    --value-angle: 45deg;
}

.value-scaling {
    --value-angle: 90deg;
}

.value-lifecycle {
    --value-angle: 135deg;
}

.value-mobile {
    --value-angle: 180deg;
}

.value-software {
    --value-angle: 225deg;
}

.value-security {
    --value-angle: 270deg;
}

.cloud-value-center {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    width: 1.74rem;
    height: 1.74rem;
    border: .28rem solid #f7f8fa;
    border-radius: 50%;
    background: #0028aa;
    color: #fff;
    font-size: .24rem;
    font-weight: 400;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cloud-value-center span {
    color: #fff;
    line-height: 1.45;
}

.cloud-value-notes {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.cloud-value-note {
    position: absolute;
    color: #666;
    font-size: var(--font16);
    line-height: 1.45;
    pointer-events: all;
}

.cloud-value-note-editor p {
    color: #666666;
    line-height: 1.45;
    margin-bottom: 0.1rem;
    position: relative;
    padding-left: 0.24rem;
}

.cloud-value-note-editor p::after {
    content: '';
    position: absolute;
    top: 0.07rem;
    left: 0.09rem;
    width: 0.08rem;
    height: 0.08rem;
    background: #0028AA;
    border-radius: 50%;
}

.cloud-value-note-editor p:last-child {
    margin-bottom: 0;
}

.cloud-value-note-line {
    width: 100%;
    position: relative;
}

.cloud-value-line {
    border-top: 1px dashed #b7bdc7;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.2rem;
}

.cloud-value-dot {
    display: block;
    position: relative;
    width: .26rem;
    height: .26rem;
    border-radius: 50%;
    background: rgba(0, 40, 170, 0.10);
}

.cloud-value-dot::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44%;
    height: 44%;
    border-radius: 50%;
    background: #0028aa;
}

.cloud-value-note-editor {
    margin-top: 0.1rem;
}

.cloud-value-note1 {
    width: 29.5%;
    top: 11%;
    left: 11%;
}

.cloud-value-note2 {
    width: 38.5%;
    top: 32%;
    left: -6.5%;
}

.cloud-value-note3 {
    width: 28%;
    top: 60%;
    left: 3.5%;
}

.cloud-value-note4 {
    width: 27%;
    top: 83%;
    left: 12.5%;
}

.cloud-value-note1 .cloud-value-note-editor {
    width: 80%;
}

.cloud-value-note2 .cloud-value-note-editor,
.cloud-value-note3 .cloud-value-note-editor,
.cloud-value-note4 .cloud-value-note-editor {
    width: 95%;
}

.cloud-value-note5 {
    left: auto;
    right: 0;
    width: 24%;
    top: 10%;
}

.cloud-value-note6 {
    left: auto;
    right: -5%;
    width: 32.5%;
    top: 31%;
}

.cloud-value-note7 {
    left: auto;
    right: -5%;
    width: 24.5%;
    top: 58%;
}

.cloud-value-note8 {
    left: auto;
    right: -1%;
    width: 24.5%;
    top: 80%;
}

.cloud-value-note5 .cloud-value-line,
.cloud-value-note6 .cloud-value-line,
.cloud-value-note7 .cloud-value-line,
.cloud-value-note8 .cloud-value-line {
    left: auto;
    right: 100%;
}

.cloud-value-note6 .cloud-value-line,
.cloud-value-note7 .cloud-value-line,
.cloud-value-note8 .cloud-value-line {
    width: 70%;
}

.cloud-value-item.act {
    z-index: 3;
}

.cloud-value-item.act .cloud-value-slice {
    opacity: 1;
}

.value-global.act {
    --value-y: -.14rem;
}

.value-integration.act {
    --value-x: .14rem;
    --value-y: -.14rem;
}

.value-team.act {
    --value-x: .2rem;
}

.value-scaling.act {
    --value-x: .14rem;
    --value-y: .14rem;
}

.value-lifecycle.act {
    --value-y: .2rem;
}

.value-mobile.act {
    --value-x: -.14rem;
    --value-y: .14rem;
}

.value-software.act {
    --value-x: -.24rem;
    --value-y: .14rem;
}

.value-security.act {
    --value-x: -.2rem;
}

.cloud-value-wheel:has(.value-global.act) .label-global,
.cloud-value-wheel:has(.value-integration.act) .label-integration,
.cloud-value-wheel:has(.value-team.act) .label-team,
.cloud-value-wheel:has(.value-scaling.act) .label-scaling,
.cloud-value-wheel:has(.value-lifecycle.act) .label-lifecycle,
.cloud-value-wheel:has(.value-mobile.act) .label-mobile,
.cloud-value-wheel:has(.value-security.act) .label-security,
.cloud-value-wheel:has(.value-software.act) .label-software {
    color: #fff;
}

.cloud-value-wheel:has(.value-software.act) .label-software {
    -webkit-transform: translate(-.47rem, .14rem);
    transform: translate(-.47rem, .14rem);
}

.cloud-value-wheel:has(.value-global.act) .label-global {
    -webkit-transform: translate(0, -.14rem);
    transform: translate(0, -.14rem);
}

.cloud-value-wheel:has(.value-integration.act) .label-integration {
    -webkit-transform: translate(.14rem, -.14rem);
    transform: translate(.14rem, -.14rem);
}

.cloud-value-wheel:has(.value-team.act) .label-team {
    -webkit-transform: translate(.2rem, 0);
    transform: translate(.2rem, 0);
}

.cloud-value-wheel:has(.value-scaling.act) .label-scaling {
    -webkit-transform: translate(.14rem, .14rem);
    transform: translate(.14rem, .14rem);
}

.cloud-value-wheel:has(.value-lifecycle.act) .label-lifecycle {
    -webkit-transform: translate(0, .2rem);
    transform: translate(0, .2rem);
}

.cloud-value-wheel:has(.value-mobile.act) .label-mobile {
    -webkit-transform: translate(-.14rem, .14rem);
    transform: translate(-.14rem, .14rem);
}

.cloud-value-wheel:has(.value-security.act) .label-security {
    -webkit-transform: translate(-.2rem, 0);
    transform: translate(-.2rem, 0);
}

.cloud-cta .std-cta-img {
    width: 100%;
}

.cloud-cta .std-font54 {
    width: 8.5rem;
    color: #fff;
}

.cloud-cta .cloud-pop-open {
    margin-top: .3rem;
}

.cloud-pop.act {
    opacity: 1;
    visibility: visible;
}

.cloud-pop-lock {
    overflow: hidden;
}


.cloud-pop .ys-modal-content {
    width: 7.32rem;
    border-radius: 8px;
    /* overflow: hidden; */
    padding: 0.4rem 0.5rem;
}

.cloud-pop-core>.std-font54 {
    width: 5rem;
    max-width: 100%;
    color: #333;
    font-size: var(--font30);
    line-height: 1.3;
}

.cloud-pop-close {
    display: flex;
    width: .32rem;
    height: .32rem;
    align-items: center;
    justify-content: center;
    border-radius: .06rem;
    background: #f1f3f6;
}

.ys-modal-update .ys-modal-close {
    position: absolute;
    top: 0.08rem;
    right: 0.08rem;
    margin-top: 0;
    margin-right: 0;
}

.cloud-pop-close::before,
.cloud-pop-close::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .1067rem;
    height: 1px;
    background: #666;
    content: "";
}

.cloud-pop-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.cloud-pop-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.cloud-pop-inof {
    display: flex;
    flex-wrap: wrap;
    margin: .3rem 0 0;
}

.cloud-pop-core .std-font54 {
    margin-bottom: 0.3rem;
}

.cloud-pop-item {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.cloud-pop-half {
    width: calc((100% - .24rem) / 2);
    min-height: .7rem;
    margin-bottom: .2rem;
}

.cloud-pop-half:nth-child(odd) {
    margin-right: .24rem;
}

.cloud-pop-full {
    width: 100%;
    min-height: .7rem;
    margin-bottom: .2rem;
}

.cloud-pop-requirement {
    min-height: 1.29rem;
}

.cloud-pop-label {
    display: block;
}

.cloud-pop-label .std-font20 {
    display: block;
    color: #666;
    font-size: var(--font16);
    line-height: 1.45;
}

.cloud-pop-label em {
    color: #e72233;
    font-style: normal;
}

.cloud-pop-input,
.cloud-pop-area {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: .06rem;
    padding: 0 .2rem;
    border: 0;
    border-radius: .04rem;
    background: #f1f3f6;
    color: #333;
    font-size: var(--font16);
    line-height: .4rem;
}

.cloud-pop-input::placeholder,
.cloud-pop-area::placeholder {
    color: #999;
    opacity: 1;
}

.cloud-pop-area {
    height: 1rem;
    padding-top: .12rem;
    padding-bottom: .12rem;
    border-radius: .06rem;
    line-height: 1.45;
    resize: vertical;
}

.cloud-pop-code {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-height: .69rem;
    margin-bottom: .17rem;
}

.cloud-pop-code .cloud-pop-label {
    width: 100%;
}

.cloud-pop-code .cloud-pop-input {
    padding-right: 1.5rem;
}

.cloud-pop-auth {
    position: absolute;
    right: .02rem;
    bottom: .04rem;
    width: 1.24rem;
    height: .32rem;
    margin: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.cloud-pop-auth img {
    position: absolute;
    top: -88.81%;
    left: -3.6%;
    width: 111.45%;
    max-width: none;
    height: 223.7%;
}

.cloud-pop-agree {
    width: 100%;
    min-height: .24rem;
}

.cloud-pop-check {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cloud-pop-check-input {
    position: absolute;
    opacity: 0;
}

.cloud-pop-mark {
    position: relative;
    width: .24rem;
    height: .24rem;
    flex-shrink: 0;
    margin-right: .04rem;
    border: 0;
}

.cloud-pop-mark::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .16rem;
    height: .16rem;
    box-sizing: border-box;
    border: 1px solid #666;
    border-radius: .02rem;
    content: "";
    transform: translate(-50%, -50%);
}

.cloud-pop-check-input:checked+.cloud-pop-mark {
    background: transparent;
}

.cloud-pop-check-input:checked+.cloud-pop-mark::before {
    border-color: #0028aa;
    background: #0028aa;
}

.cloud-pop-check-input:checked+.cloud-pop-mark::after {
    position: absolute;
    left: .095rem;
    top: .065rem;
    width: .05rem;
    height: .09rem;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cloud-pop-check .std-text16,
.cloud-pop-check .std-text16 a {
    color: #999;
    font-size: .14rem;
    line-height: 1.45;
}

.cloud-pop-check .std-text16 a {
    color: #0028aa;
    text-decoration: underline;
}

.cloud-pop-form .cloud-pop-submit {
    position: relative;
    z-index: 0;
    display: flex;
    width: 100%;
    min-height: 0;
    height: .4rem;
    align-items: center;
    justify-content: center;
    margin: .2rem 0 0;
    padding: 0;
    overflow: hidden;
    border-radius: .2rem;
    background: #0028aa;
    color: #fff;
    isolation: isolate;
    line-height: 1.45;
    transition: background .36s ease;
}

.cloud-pop-submit::before {
    display: none;
}

.cloud-pop-submit .std-btn-text {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: var(--font16);
    line-height: 1.45;
}

.cloud-pop-status {
    display: none;
    margin-top: .18rem;
    text-align: center;
}

.cloud-pop-status .std-text16,
.cloud-pop-status .std-text16 p {
    color: #0028aa;
    font-size: .14rem;
}

.cloud-pop-form.act .cloud-pop-status {
    display: block;
}

@-webkit-keyframes cloudFade {
    from {
        opacity: 0;
        -webkit-transform: translateY(.12rem);
        transform: translateY(.12rem);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes cloudFade {
    from {
        opacity: 0;
        -webkit-transform: translateY(.12rem);
        transform: translateY(.12rem);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* 0b8 - end */
@media screen and (min-width: 1200px) {

    /* 公共 - start */
    /* 公共 - end */
    /* 0f2 - start */
    /* F2 加入我们 - 桌面悬停 start */
    .career-why-copy {
        transition: inset .45s ease, min-height .45s ease, padding .45s ease, background .45s ease;
    }

    .career-why-copy .std-font24,
    .career-why-copy .std-font24 p {
        font-size: .24rem;
        line-height: 1.45;
    }

    .career-why-copy-detail,
    .career-why-copy .career-why-flag {
        display: none;
    }

    .career-why-inof-item.is-expanded .career-why-copy {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: .36rem;
        border-radius: .1rem;
        background: rgba(255, 255, 255, .1);
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
    }

    .career-why-inof-item.is-expanded .career-why-link::after {
        opacity: 0;
    }

    .career-why-inof-item.is-expanded .career-why-flag {
        display: block;
        width: .41rem;
        margin-bottom: .08rem;
    }

    .career-why-inof-item.is-expanded .career-why-copy .std-font24,
    .career-why-inof-item.is-expanded .career-why-copy .std-font24 p {
        font-size: .2rem;
    }

    .career-why-inof-item.is-expanded .career-why-copy-detail {
        display: block;
        width: 100%;
        margin-top: .3rem;
        padding-top: .4rem;
        border-top: 1px solid rgba(255, 255, 255, .68);
    }

    .career-why-inof-item.is-expanded .career-why-copy-detail p {
        position: relative;
        padding-left: .14rem;
        color: rgba(255, 255, 255, .7);
    }

    .career-why-inof-item.is-expanded .career-why-copy-detail p:not(:first-child) {
        margin-top: .16rem;
    }

    .career-why-inof-item.is-expanded .career-why-copy-detail p::before {
        position: absolute;
        top: .08rem;
        left: 0;
        width: .08rem;
        height: .08rem;
        content: "";
        border-radius: .01rem;
        background: #fff;
    }

    .career-talent-inof-item {
        transition: width .6s var(--bezier2);
    }

    .career-talent-inof:hover .career-talent-inof-item {
        width: 38.58%;
    }

    .career-talent-inof .career-talent-inof-item:hover {
        width: 61.42%;
    }

    .career-main .career-join .career-join-btn:hover .std-btn1-link,
    .career-main .career-join .career-join-btn:focus-within .std-btn1-link {
        border-color: #0028aa;
        color: #fff;
    }

    .career-main .ys-nyban-action .std-btn1:hover .std-btn1-link,
    .career-main .ys-nyban-action .std-btn1:focus-within .std-btn1-link {
        color: #fff;
    }

    /* F2 加入我们 - 桌面悬停 end */
    /* 0f2 - end */
    /* 0i1 - start */
    .service-map-hotspot:hover {
        z-index: 3;
        opacity: 1;
    }

    /* 0i1 - end */
    /* 0b4 - start */
    /* B4 desktop hover - start */
    .sticky-body:has(.ys-hd-pc.hide) .control-nav {
        top: 0;
    }

    .sticky-body:has(.ys-hd-pc.hide) .service-table-btm thead th {
        top: 0.5rem;
    }


    .control-tab-item:not(.act) .control-tab-link:hover {
        color: #fff;
        background: #0028aa;
    }

    .domain-point-list-item:hover .domain-point-pulse {
        opacity: 1;
        animation: domain-point-pulse 1.8s ease-out infinite;
    }

    .domain-point-list-item:hover .domain-point-copy {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* B4 desktop hover - end */
    /* 0b4 - end */
    /* 0b2 - start */
    .system-tab {
        transition: var(--transition);
    }

    .system-tabs-item:not(.act) .system-tab:hover {
        color: #fff;
        background: var(--colormain);
    }

    /* 0b2 - end */
    /* 0b8 - start */
    .cloud-anchor-list-item:hover .cali-link {
        color: #0028aa;
    }

    .cloud-anchor-list-item:hover .cali-link::before {
        width: 100%;
    }

    .cloud-feature-link:hover .cloud-feature-title .std-font30 {
        color: #0028aa;
    }

    .cloud-feature-link:hover .cloud-feature-icon::before,
    .cloud-feature-link:hover .cloud-feature-icon::after {
        background: #0028aa;
    }

    .cloud-value-item:has(.cloud-value-link:hover) {
        z-index: 3;
    }

    .cloud-value-item:has(.cloud-value-link:hover) .cloud-value-slice {
        opacity: 1;
    }

    .cloud-value-wheel:has(.value-global .cloud-value-link:hover) .label-global,
    .cloud-value-wheel:has(.value-integration .cloud-value-link:hover) .label-integration,
    .cloud-value-wheel:has(.value-team .cloud-value-link:hover) .label-team,
    .cloud-value-wheel:has(.value-scaling .cloud-value-link:hover) .label-scaling,
    .cloud-value-wheel:has(.value-lifecycle .cloud-value-link:hover) .label-lifecycle,
    .cloud-value-wheel:has(.value-mobile .cloud-value-link:hover) .label-mobile,
    .cloud-value-wheel:has(.value-security .cloud-value-link:hover) .label-security,
    .cloud-value-wheel:has(.value-software .cloud-value-link:hover) .label-software {
        color: #fff;
    }

    .value-global:has(.cloud-value-link:hover) {
        --value-y: -.14rem;
    }

    .value-integration:has(.cloud-value-link:hover) {
        --value-x: .14rem;
        --value-y: -.14rem;
    }

    .value-team:has(.cloud-value-link:hover) {
        --value-x: .2rem;
    }

    .value-scaling:has(.cloud-value-link:hover) {
        --value-x: .14rem;
        --value-y: .14rem;
    }

    .value-lifecycle:has(.cloud-value-link:hover) {
        --value-y: .2rem;
    }

    .value-mobile:has(.cloud-value-link:hover) {
        --value-x: -.14rem;
        --value-y: .14rem;
    }

    .value-software:has(.cloud-value-link:hover) {
        --value-x: -.24rem;
        --value-y: .14rem;
    }

    .value-security:has(.cloud-value-link:hover) {
        --value-x: -.2rem;
    }

    .cloud-value-wheel:has(.value-global .cloud-value-link:hover) .label-global {
        -webkit-transform: translate(0, -.14rem);
        transform: translate(0, -.14rem);
    }

    .cloud-value-wheel:has(.value-integration .cloud-value-link:hover) .label-integration {
        -webkit-transform: translate(.14rem, -.14rem);
        transform: translate(.14rem, -.14rem);
    }

    .cloud-value-wheel:has(.value-team .cloud-value-link:hover) .label-team {
        -webkit-transform: translate(.2rem, 0);
        transform: translate(.2rem, 0);
    }

    .cloud-value-wheel:has(.value-scaling .cloud-value-link:hover) .label-scaling {
        -webkit-transform: translate(.14rem, .14rem);
        transform: translate(.14rem, .14rem);
    }

    .cloud-value-wheel:has(.value-lifecycle .cloud-value-link:hover) .label-lifecycle {
        -webkit-transform: translate(0, .2rem);
        transform: translate(0, .2rem);
    }

    .cloud-value-wheel:has(.value-mobile .cloud-value-link:hover) .label-mobile {
        -webkit-transform: translate(-.14rem, .14rem);
        transform: translate(-.14rem, .14rem);
    }

    .cloud-value-wheel:has(.value-software .cloud-value-link:hover) .label-software {
        -webkit-transform: translate(-.47rem, .14rem);
        transform: translate(-.47rem, .14rem);
    }

    .cloud-value-wheel:has(.value-security .cloud-value-link:hover) .label-security {
        -webkit-transform: translate(-.2rem, 0);
        transform: translate(-.2rem, 0);
    }

    .cloud-pop-submit:hover::before,
    .cloud-pop-submit:focus-visible::before {
        width: 100%;
        left: 0;
        right: auto;
    }

    /* 0b8 - end */
    /* 0b4_1 - start */
    .service-table-btm tr:hover {
        position: relative;
        z-index: 2;
        filter: drop-shadow(0 .04rem .122rem rgba(0, 40, 170, .24));
    }

    .service-table-btm tr:hover td {
        background: #fff;
    }

    /* 0b4_1 - end */
}

/* 2026.07.22 - 三期 - end */

/* helen 2026.7.24 star */

.std-btn1.is-act .std-btn1-link {
    background: #fff;
    color: #333333;
}

:root {
    --space50: 0.5rem;
}

.career-process-btm {
    position: relative;
    width: 100%;
    margin-top: 1.05rem;
}

.career-join-action .std-btn1.res .std-btn1-link {
    border-color: #0028AA;
}

.service-map-popover-item::after {
    content: '';
    position: absolute;
    top: -0.16rem;
    left: 50%;
    transform: translateX(-50%);
    border-left: 0.12rem solid transparent;
    border-right: 0.12rem solid transparent;
    border-top: 0.08rem solid transparent;
    border-bottom: 0.08rem solid #fff;
}

.service-batter {
    width: 100%;
    position: relative;
    background: #F1F3F6;
    overflow: visible;
}

.service-batter-posit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.service-batter-wrap {
    width: 100%;
    position: relative;
    padding-top: 150vh;
    pointer-events: none;
}

.service-batter-img {
    max-width: 100%;
    width: 13.22rem;
    margin: 0 auto;
}

.service-batter-img img {
    width: 100%;
}

.service-batter-posit-style {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
}

.service-batter-posit-top {
    padding-top: .78rem;
    padding-bottom: 0.4rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}


.service-batter-posit-btm {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.sbpb-img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

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

.sbpb-posit {
    position: absolute;
    top: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
}

.srli-box-btm p {
    color: rgba(255, 255, 255, 0.7);
    padding-left: 0.16rem;
    position: relative;
    margin-bottom: 0.08rem;
}

.srli-box-btm p::after {
    content: '';
    position: absolute;
    width: 0.08rem;
    height: 0.08rem;
    background: #fff;
    border-radius: 50%;
    top: 0.08rem;
    left: 0;
}

.srli-box-btm {
    margin-top: 0.1rem;
}

.service-batter-wrap-bgcl {
    width: 100%;
    position: relative;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(50px);
    padding-top: 1.13rem;
    padding-bottom: 1.13rem;
    height: calc(100vh - 2.1rem);
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-finance-editor ul {
    list-style-type: none !important;
    padding-left: 0;
}

.service-finance-editor ul p {
    padding-left: 0.15rem;
    position: relative;
}

.service-finance-editor ul p::after {
    content: '';
    position: absolute;
    top: 0.07rem;
    left: 0;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 1px;
    background: #0028AA;
    border-radius: 50%;
}

.control-copy-summary-info p {
    color: #666666;
    margin-bottom: 0.15rem;
}

.pscl-info p {
    color: #666666;
    line-height: 1.45;
    margin-bottom: 0;
    margin-top: 0 !important;
}

.propulsion-card-copy .std-text16 p {
    min-height: 4.35em;
}

.pcli-tranf2 {
    margin-top: 0.9rem;
}

.pcli-tranf3 {
    margin-top: 1.8rem;
}

.certificate-licen {
    width: 100%;
    position: relative;
    padding-bottom: var(--space140);
    background: linear-gradient(180deg, #fff 0%, #f1f3f6 83.664%);
    text-align: center;
}


.certificate-licen-btm-swiper {
    width: 84.5%;
    margin: 0 auto;
    overflow: hidden;
}

.clbs-ul-li {
    width: 25% !important;
    background: #fff;
    border-radius: 0.08rem;
    overflow: hidden;
    padding: 0.15rem;
}

.certificate-licen-btm {
    margin-top: 0.5rem;
    position: relative;
}

.clbc-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 0.44rem;
}

.clbc-btn img {
    width: 100%;
}

.clbc-le {
    left: 0;
}

.clbc-ri {
    right: 0;
}

.domain-point-li {
    position: absolute;
    transform: translate(-50%, -50%);
    padding: 0.04rem 0.06rem;
    cursor: pointer;
    pointer-events: none;
}

.domain-point-li-ri {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 60px;
    background: #FFF;
    white-space: nowrap;
    padding-left: 0.62rem;
    padding-right: 0.2rem;
    display: flex;
    align-items: center;
    font-size: var(--font16);
    line-height: 1.45;
    color: #333;
    opacity: 0;
    transition: all 0.36s;
}

.domain-point-li-icon {
    position: relative;
    z-index: 10;
    pointer-events: all;
    transition: all 0.36s;
}

.domain-feature-item {
    margin-bottom: 0 !important;
}

.ys-fadeInUpimg {
    transition: all 0.8s !important;
    animation: fadeInUpimg 2s ease 1;
}

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

    100% {
        transform: none;
    }
}

.energy-core-ul-li:nth-last-child(-n+4) {
    height: 40vh;
}

.power-batter {
    width: 100%;
    position: relative;
    padding: var(--space140) 0;
    background: linear-gradient(180deg, rgba(241, 243, 246, 0.00) 0%, #F1F3F6 100%);
}

.power-batter-list-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.power-batter-list-li .energy-arch-point:first-child {
    margin-top: 0;
}

.power-batter-list-li .energy-arch-point {
    margin-top: 0.1rem;
}

.power-batter-list-li .energy-arch-point {
    align-items: center;
}

.power-batter-list-li:nth-child(2n) {
    flex-direction: row-reverse;
}

.power-batter-list-li:last-child {
    margin-bottom: 0;
}

.system-panels {
    margin-top: 0.6rem;
}

.power-batter-list-li:nth-child(2n) .energy-arch-point-icon {
    background: #fff;
}

.cloud-pop-open .std-btn-text {
    color: #fff;
}

.cloud-overview-slick .slick-dots li {
    height: 2px;
    border-radius: 0;
}

.cloud-overview-slick .slick-dots {
    position: absolute;
    bottom: -0.3rem;
}

.domain-feature-media-item .ys-imgbox-cover img {
    object-fit: cover;
}

.cloud-feature-btm .domain-feature-media {
    margin-right: 0rem;
    width: 43.9375%;
}

.cloud-value-btm {
    width: 100%;
    position: relative;
}

.cloud-value-btm-svg {
    width: 44%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.cloud-value-btm-svg svg {
    width: 100%;
}

.cvbs-path,
.cvbs-path tspan,
.cvbs-path text,
.cvbs-path path {
    transition: all 0.36s;
}

.cvbs-path {
    position: relative;
    overflow: hidden;
}

.cvbs-circle {
    pointer-events: none;
}

.cloud-main .cloud-feature {
    padding-bottom: 0;
}

.cloud-main .vessel-cases {
    padding-bottom: 0;
}

.cloud-main .certificate-licen {
    padding-top: var(--space140);
}

.cloud-opetat {
    width: 100%;
    position: relative;
    overflow: visible;
}

.cloud-opetat-wrap {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: var(--space140) 0;
}

.cloud-opetat-posit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cloud-opetat-posit-img {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0;
}

.cloud-opetat-posit-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cloud-opetat-top .std-font54 {
    color: #fff;
    line-height: 1.2;
}

.cloud-opetat .ys-cont1600 {
    position: relative;
    z-index: 10;
}

.cloud-opetat-btm {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.cloud-opetat-btm-le {
    width: 0.7rem;
    transform: translateX(-0.35rem);
    margin-top: 0.8rem;
}

.cobl-wrap {
    width: 100%;
    position: sticky;
    top: 31%;
    left: 0;
}

.cobl-wrap-line {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
}

.cobl-wrap-line span {
    width: 100%;
    display: block;
    background: #fff;
    height: 100%;
}

.cobl-li-top {
    width: 100%;
    text-align: center;
    transition: all 0.36s;
}

.cobl-li-top-icon {
    width: 0.2rem;
    height: 0.2rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.05rem;
}

.cobl-li-top-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.06rem;
    height: 0.06rem;
    background: #fff;
    border-radius: 50%;
}

.cobl-li-top-text {
    text-align: center;
    font-size: var(--font14);
    line-height: 1.45;
    color: #fff;
}

.cobl-li-btm-text {
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-size: var(--font14);
    line-height: 1.45;
    color: #0028AA;
}

.cobl-ul {
    display: flex;
    flex-direction: column;
    padding: 0.37rem 0;
    position: relative;
}

.cobl-li {
    width: 100%;
    position: relative;
    margin: 0.37rem 0;
}

.cobl-li-btm {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
    opacity: 0;
}

.cobl-li-btm-icon {
    width: 80%;
    margin: 0 auto;
}

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

.cobl-li.act .cobl-li-top {
    opacity: 0;
}

.cobl-li.act .cobl-li-btm {
    opacity: 1;
}

.cloud-opetat-btm-ri {
    width: calc(100% - 0.8rem);
    display: flex;
    justify-content: space-between;
}

.cobr-ul {
    width: 40%;
    margin-top: 0.8rem;
}


.mod-modal-name {
    background: rgba(0, 13, 54, 0.39)
}

.ys-form {
    --space: 0.12rem;
    --spacebot: 0.21rem;
    --spacein: 15px;
    --height: 0.4rem;
    --colortips: #f00;
}

.ys-fii-name {
    color: #666;
    margin-bottom: 0.06rem;
}

.ys-fii-input {
    background: #F1F3F6;
    border-color: #F1F3F6;
    border-radius: 0.04rem;
}

.ys-fic-auth {
    flex-direction: column;
}

.ys-fic-auth-btm {
    width: 100%;
    position: relative;
}

.ys-fic-auth .ys-fii-input {
    width: 100%;
}

.ys-fic-auth .ys-fii-input input {
    padding-right: 1.35rem;
}

.ys-fic-auth-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
    height: 0.32rem;
}

.ys-fia-text-btn {
    width: 0.16rem;
    height: 0.16rem;
    top: 0.01rem;
}

.ys-fia-text-word {
    font-size: var(--font14);
    line-height: 1.45;
    color: #999;
}

.ys-fii-submit {
    border-radius: 0.8rem;
}

.career-choose {
    width: 100%;
    position: relative;
    overflow: visible;
}

.career-choose-ul-li {
    width: 100%;
    height: 100vh;
}

.career-choose-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.career-choose-wrap-cont {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.career-choose-wrap-cont {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.career-why-cont {
    margin: 0 auto;
}

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

.ccbs-li {
    width: 100%;
    padding: 0 0.12rem;
}

.ccbs-li-wrap {
    width: 100%;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
}

.ccbs-li-wrap-top {
    width: 100%;
}

.clwt-img {
    width: 100%;
    border-radius: 0.1rem;
}

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

.clwt-posit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.16rem;
    z-index: 5;
}

.clwt-posit-wrap {
    width: 100%;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(20px);
    padding: 0.14rem 0.2rem;
    transition: all 0.36s;
    border-radius: 0.06rem;
}

.clwt-posit-wrap .std-font24 {
    color: #fff;
    line-height: 1.45;
}

.ccbs-li-wrap-btm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(30px);
    padding: 0.36rem;
    z-index: 10;
    opacity: 0;
    transition: all 0.36s;
}

.clwb-icon {
    width: 0.72rem;
    margin-bottom: 0.1rem;
}

.clwb-tit {
    width: 100%;
    padding-bottom: 0.3rem;
    margin-bottom: 0.42rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.clwb-tit p {
    color: #fff;
    line-height: 1.45;
    font-size: var(--font20);
}

.clwb-info p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.45;
    padding-left: 0.15rem;
    position: relative;
    margin-bottom: 0.1rem;
}

.clwb-info p:last-child {
    margin-bottom: 0;
}

.clwb-info p::after {
    content: '';
    position: absolute;
    top: 0.07rem;
    left: 0;
    width: 0.08rem;
    height: 0.08rem;
    background: #fff;
    border-radius: 1px;
}

.career-choose-btm-swiper {
    width: 36.5vw;
    margin: 0 auto;
    transform: translateX(2.4rem);
    position: relative;
    z-index: 10;
    transition: all 0.36s;
}

.career-choose-btm-scrle {
    width: 35.5vw;
    /* width: 100vw; */
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 42%;
    transform: translate(-50%, -50%);
    transition: opacity 0.36s;
    opacity: 0;
    z-index: 15;
}

.career-choose-btm-scrle .ys-cont1600 {
    opacity: 0;
    pointer-events: none;
}

.ccbs-li-end {
    width: 2.4rem !important;
}

.ccbs-li.swiper-slide-prev .clwt-posit-wrap {
    opacity: 0;
}

.ccbs-li.swiper-slide-prev .ccbs-li-wrap-btm {
    opacity: 1;
}

.career-choose-ul-li2 {
    height: 200vh;
}

.ccbs-wrap {
    width: 100%;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
}

.ccbs-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.36s;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.46) 0%, rgba(102, 102, 102, 0.00) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 100%);
}

.ccbs-wrap img {
    width: 100%;
}

.career-choose-btm-scrle .ys-cont1600 {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.ccbs-cont {
    width: 54%;
}

.ccbs-cont-top .std-font54 {
    color: #fff;
    line-height: 1.2;
}

.ccbs-cont-top {
    margin-bottom: 0.56rem;
}

.ccbs-cont-btm {
    width: 80%;
}

.ccbs-cont-btm-ul {
    width: 100%;
}

.ccbu-li:first-child {
    border-top: 1px solid #999;
}

.ccbu-li {
    width: 100%;
    border-bottom: 1px solid #999;
}

.career-benefit-list {
    width: 100%;
}

.career-benefit-list p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    position: relative;
    padding-left: 0.22rem;
}

.career-benefit-list p::after {
    content: '';
    position: absolute;
    width: 0.08rem;
    height: 0.08rem;
    background: #fff;
    border-radius: 1px;
    top: 0.07rem;
    left: 0;
}

.career-benefit-mark img:nth-child(2) {
    opacity: 0;
}

.ccbu-li.on .career-benefit-mark img:nth-child(1) {
    opacity: 0;
}

.ccbu-li.on .career-benefit-mark img:nth-child(2) {
    opacity: 1;
}

.career-choose.act .career-why-head,
.career-choose.act .career-choose-btm-swiper {
    opacity: 0;
    pointer-events: none;
}

.career-choose.act .career-choose-btm-scrle {
    opacity: 1;
}

.career-choose.act1 .ccbs-wrap::after {
    opacity: 1;
}

.career-choose.act1 .career-choose-btm-scrle .ys-cont1600 {
    opacity: 1;
    pointer-events: all;
}

.ysit-ph {
    display: none;
}

.service-network-route,
.service-network-point-list {
    opacity: 0;
}

.ys-footer {
    width: 100vw;
}

.career-talent-media img {
    object-fit: cover;
}

.service-batter-ph {
    display: none;
}

.propulsion-core-btm .propulsion-card-list-item {
    transform: translateY(0) !important;
}

.cobr-ul-li .ys-imgbox-cover {
    display: none;
}

.service-map-ph {
    display: none;
}

@media screen and (min-width: 1200px) {
    .std-btn1.is-act .std-btn1-link:hover {
        background: transparent;
    }

    .career-join-action .std-btn1.res .std-btn1-link:hover {
        border-color: transparent;
    }

    .domain-point-li:hover .domain-point-li-ri {
        opacity: 1;
        pointer-events: all;
    }

    .domain-point-li:hover .domain-point-li-icon {
        transform: rotate(45deg);
    }

    .domain-point-li:hover .domain-point-mark::before,
    .domain-point-li:hover .domain-point-mark::after {
        opacity: 0 !important;
    }

    .cvbs-path:hover path {
        fill: #0028AA;
    }

    .cvbs-path:hover text {
        fill: #fff
    }

    .cvbs-path1:hover {
        transform: translate(-5px, -15px);
    }

    .cvbs-path2:hover {
        transform: translate(-17px, -7px);
    }

    .cvbs-path3:hover {
        transform: translate(-17px, 5px);
    }

    .cvbs-path4:hover {
        transform: translate(-6px, 17px);
    }

    .cvbs-path5:hover {
        transform: translate(7px, 16px);
    }

    .cvbs-path6:hover {
        transform: translate(16px, 6px);
    }

    .cvbs-path7:hover {
        transform: translate(17px, -8px);
    }

    .cvbs-path8:hover {
        transform: translate(8px, -18px);
    }
}

/* helen 2026.7.24 end */

/* 2026.7.31 lucas start */
.bebt-bot::after {
    opacity: 0;
}

.bebt-bot-list {
    --pro: 0%;
}

.bebt-bot-list::before {
    width: var(--pro)
}

.bebt-bot-list-item {
    opacity: 1;
    transform: translateY(0px);
}

.bebt-bot-list-item .ys-imgbox-cover,
.bbli-name,
.bbli-dir,
.bbli-type,
.bebt-bot-unit {
    transition: var(--transition);
    opacity: 0;
    transform: translateY(50px);
}

.bebt-bot::before {
    content: unset;
}

.bebt-bot-list-item.ishow .bbli-dir,
.bebt-bot-list-item.ishow .bbli-type,
.bebt-bot-unit.ishow {
    opacity: 1;
    transform: translateY(0px);
}

.bebt-bot-list-item.imgshow .ys-imgbox-cover,
.bebt-bot-list-item.imgshow .bbli-name {
    opacity: 1;
    transform: translateY(0px);
}

.bebt-bot-list {
    --gap1: 0.1rem;
}

.bebt-bot.ish::after {
    opacity: 1;
    transition: var(--transition);
}

.about-contemporary {
    height: 200vh;
}

.bcib-le-name span {
    color: var(--color666);
}

@media screen and (min-width: 1200px) {
    .bcib-le:hover .ys-imgbox-cover img:nth-child(n+2) {
        transform: scale(1.05);
    }
}

/* 2026.7.31 lucas end */
/*2026.8.4 Lucas start*/
.contact-form-section .ys-fic-auth .ys-fii-input {
    width: 50%;
}

.contact-form-section .contact-form .ys-fic-auth {
    flex-direction: row;
}

.contact-form-section .ys-fic-auth-img {
    position: unset;
    top: auto;
    transform: unset;
    right: auto;
    height: calc(var(--height) + 0.06rem);
}

/*2026.8.4 lucas end*/


.energy-arch-copy {
    width: 34%;
}

.ys-fadelexz {
    animation: ysfadelexz .8s ease-in-out both;
    animation-delay: 0.2s;
}

@keyframes ysfadelexz {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px, 0, 0);
        transform: translate3d(60px, 60px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}


.ys-fadeInUpimg {
    transition: all 0.8s !important;
    animation: fadeInUpimg 2s ease 1;
}

@keyframes fadeInUpimg1 {
    0% {
        transform: scale(0.6);
    }

    100% {
        transform: none;
    }
}

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

    100% {
        transform: none;
    }
}

.domain-core-bg {
    overflow: hidden;
}

.service-download {
    display: block;
}

/* 2026.8.1 star  */

.service-network-route,
.service-network-point-list {
    opacity: 1;
}

.service-network-point img {
    width: 100%;
}

.service-network-point {
    top: -0.235rem;
    left: -0.235rem;
}

.service-network-route {
    opacity: 0;
}

/* 2026.8.1 end  */

.service-plan-card-editor ul {
    list-style-type: none !important;
}

.career-main .ys-nybanner1::after {
    opacity: 0.6;
}

.cloud-pop .ys-modal-content {
    max-height: inherit;
    overflow: hidden;
}

/*.cloud-pop-core {*/
/*    max-height: 700px;*/
/*}*/

.cloud-pop.ys-modal-update .ys-modal-wrap {
    padding: 0vh 0;
}

.ys-form-inof-text .ys-fii-input {
    height: 1.2rem;
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* 2026.8.11 lucas start */
.mmfc-name-btn {
    width: 0.4rem;
}

.mmfc-name-btn-link,
.mmfc-name-btn-link img {
    width: 100%;
}

.mmfc-name {
    color: var(--color000);
    font-size: var(--font54);
    line-height: var(--line12);
    padding-right: 0.2rem;
}

.mmfc-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}

.mmfc-bot thead {
    background: var(--colormain);
    border-radius: 0.06rem;
    display: table-caption;
    margin-bottom: 0.04rem;
}

.mmfc-bot thead tr th {
    font-size: var(--font20);
    line-height: var(--line145);
    color: var(--colorfff);
    padding: 0.05rem 0.24rem;
    text-align: justify;
}

.mmfc-bot tbody tr td {
    color: var(--color666);
    line-height: var(--line145);
    font-size: var(--font16);
    padding: 0.08rem 0.24rem;
    border-right: 2px solid #FFF;
    background: #F1F3F6;
}

.mmfc-bot table {
    border-collapse: separate;
    border-spacing: 0px 0.08rem;
}

.mmfc-bot tbody tr td:first-child {
    border-radius: 6px 0 0 6px;
    width: 31.17%;
}

.mmfc-bot tbody tr td:last-child {
    border-radius: 0 6px 6px 0;
    width: 68.83%;
}

.mod-modal-form .ys-modal-content {
    width: 11.7rem;
    height: 7.8rem;
    border-radius: 0.1rem;
    background: #FFF;
    padding: 0.6rem 0.6rem 0.6rem 0.93rem;
    padding-bottom: 0;
}

.mod-modal-form .mCSB_inside>.mCSB_container>* {
    padding-right: 0.33rem;
}

.mod-modal-form .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
}

.mod-modal-form .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
}

.mod-modal-form .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
    height: 84%;
}

.mmfc-bot table:not(:last-child) {
    margin-bottom: 0.18rem;
}

.mod-modal-form .ys-modal-close {
    border-radius: 6px;
    background: #F1F3F6;
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 6px;
    right: 6px;
    font-weight: 400;
}

.mod-modal-form .icon-close:before {
    color: var(--colormain);
}

/* 2026.8.11 lucas end */

.clwb-icon-ph {
    display: none;
}

.service-table-btm tr:first-child td {
    height: .84rem;
    color: #fff;
    background: #0028aa;
    transition: all 0.36s;
}

.service-table-btm tr:first-child td,
.service-table-btm tr:first-child td p {
    color: #fff;
}

.service-table-btm tr:first-child td:first-child {
    border-radius: .04rem 0 0 .04rem;
}

.service-table-btm tr:first-child td:last-child {
    border-radius: 0 .04rem .04rem 0;
}

.service-panel.is-more .service-table-btm tr:first-child td {
    position: sticky;
    top: 1.33rem;
    z-index: 4;
}

.sticky-body:has(.ys-hd-pc.hide) .service-table-btm tr:first-child td {
    top: 0.5rem;
}

.career-process-smile {
    transition: all 0.36s;
}

.vessel-cases.is-act {
    padding-bottom: var(--space140);
}

.cloud-anchor {
    background: #fff;
    top: 0px;
}

.cloud-main-conty {
    position: relative;
}

.clwb-info {
    max-height: 2rem;
}

.clwb-tit {
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
}

.clwb-info .mCSB_dragger_bar {
    background: #fff !important;
}

.clwb-info .mCSB_outside+.mCSB_scrollTools {
    right: -0.1rem;
}

.career-choose-ul-li {
    height: 60vh;
}

.career-choose-ul-li2 {
    height: 200vh;
}

/* 2026.8.13 效果修改 star */


.propul-system {
    width: 100%;
    position: relative;
    overflow: visible;
}

.propul-system-ul {
    width: 100%;
}

.propul-system-ul-li {
    width: 100%;
    height: 100vh;
}

.propul-system-posit {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.propul-system-posit-wrap {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #f2f5f8;
}

.pssm-ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.pssm-ul-li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: inset(0% 0% 0% 100%);
    -webkit-clip-path: inset(0% 0% 0% 100%);
    will-change: clip-path;
}

.pssm-ul-li:first-child {
    clip-path: inset(0% 0% 0% 0%) !important;
    -webkit-clip-path: inset(0% 0% 0% 0%) !important;
}

.pssm-ul-li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.propulsion-copy {
    transition: all 0.36s;
}

.propul-system.is-act .propulsion-copy {
    opacity: 0;
    transform: translateY(-0.6rem);
}

.pssm-dots {
    position: absolute;
    bottom: 1.1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    width: 100%;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.36s;
}

.pssm-dots-li {
    width: 0.2rem;
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.2rem;
    margin: 0 0.05rem;
    cursor: pointer;
    transition: all 0.36s;
}

.pssm-dots-li.act {
    width: 0.4rem;
    background: #fff;
}

.propul-system.is-act1 .pssm-dots {
    opacity: 1;
    pointer-events: all;
}

/*.propul-system-ul-li2:first-child {*/
/*    height: 0vh;*/
/*}*/

.propulsion-story-start-media {
    z-index: 10;
}

.propul-system-ul-li3 {
    height: 50vh;
}

@media screen and (max-width: 767px) {
    .propul-system-ul {
        display: none;
    }

    .propul-system-posit {
        position: relative;
    }

    .propul-system-posit-wrap {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        background: #f2f5f8;
    }

    .propulsion-story-start-media {
        display: block !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        right: auto !important;
        margin-top: 0.35rem;
        background: transparent !important;
    }

    .pssm-ul-li {
        width: 100%;
        height: inherit;
        position: relative !important;
        top: 0;
        left: 0;
        clip-path: inset(0% 0% 0% 0%) !important;
        -webkit-clip-path: inset(0% 0% 0% 0%) !important;
        will-change: clip-path;
    }

    .pscl-info {
        animation: inherit !important;
        animation-delay: 0s;
    }

    .pssm-ul .slick-dots {
        position: relative;
        bottom: auto;
        margin-top: 0.25rem;
    }


    .pssm-ul .slick-dots li {
        width: 8px !important;
        height: 8px !important;
    }

    .propul-system-posit-wrap {
        padding: 0 !important;
    }
}


/* 2026.8.13 效果修改 end */
/*2026.8.13 lucas start*/
.resources-feature-link {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -o-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
}

.mod-modal-form .mCSB_scrollTools .mCSB_draggerContainer {
    top: 20px;
    height: 90%;
}

.hspc-le-list-item .ys-imgbox-cover img:nth-child(1) {
    opacity: 1;
}

.hspc-le-list-item .ys-imgbox-cover img:nth-child(2) {
    opacity: 0;
}

.resources-hero {
    padding-top: 0 !important;
    margin-top: -3rem;
}

/*2026.8.13 lucas end*/


.cloud-value-note-tit {
    display: none;
}

/*2026.8.17 Lucas start*/
.vici-ri {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vicb-info {
    align-items: stretch;
}

.aibt-cry {
    height: 8.7em;
    -webkit-line-clamp: 6;
}

/*2026.8.17 lucas end*/


.career-main .ys-nyban-content {
    width: 13.6rem;
}

.career-main .ys-nyban-content .ys-nyban-copy {
    width: 7.6rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.energy-arch-media {
    position: relative;
}

.energy-arch-media img {
    width: 100%;
    position: relative;
    z-index: 10;
}

.energy-arch-media svg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.eams-svg1 path {
    stroke: rgba(0, 40, 170, 0.20);
    transition: all 0.36s;
}

.energy-arch-media-wrap {
    width: 100%;
    position: relative;
}

.power-batter-list-li1.is-act .eams-svg2-path1 {
    stroke: rgba(0, 40, 170, 1);
}

.power-batter-list-li1.is-act1 .eams-svg2-path2 {
    stroke: rgba(0, 40, 170, 1);
}

.power-batter-list-li1.is-act2 .eams-svg2-path3 {
    stroke: rgba(0, 40, 170, 1);
}

.power-batter-list-li1 .eams-svg2,
.power-batter-list-li1 .service-network-point-list {
    opacity: 0;
}

.power-batter-list-li1.is-on .eams-svg2,
.power-batter-list-li1.is-on .service-network-point-list {
    opacity: 1;
}

/*2026.8.24 lucas start*/
.about-banner .ys-cont1600 {
    margin-top: auto;
}

.cloud-pop-core>.std-font54 {
    width: 100%;
}

@media screen and (min-width: 1200px) {
    .bcib-le:hover .ys-imgbox-cover img:nth-child(n+2) {
        transform: scale(1.2);
    }
}

/*2026.8.24 lucas end*/

.career-join-copy {
    width: 10.8rem;
}

.cloud-value-note-editor p::after {
    opacity: 0.4;
}


/*2026.8.26 helen star*/
.power-batter-list-li .service-network-point {
    width: .67rem;
    height: .67rem;
    top: -0.335rem;
    left: -0.335rem;
}

.service-network-point,
.power-batter-list-li1 .eams-svg-path5,
.power-batter-list-li1 .eams-svg-path6,
.power-batter-list-li1 .eams-svg-path7,
.power-batter-list-li1 .eams-svg-path8,
.power-batter-list-li1 .eams-svg-path9,
.power-batter-list-li1 .eams-svg-path10 {
    opacity: 0;
}

.power-batter-list-li2.is-act .eams-svg2-path1,
.power-batter-list-li2.is-act2 .eams-svg2-path2,
.power-batter-list-li2.is-act3 .eams-svg2-path3 {
    stroke: rgba(0, 40, 170, 1);
}

.power-batter-list-li3.is-act .eams-svg2-path1,
.power-batter-list-li3.is-act2 .eams-svg2-path2,
.power-batter-list-li3.is-act3 .eams-svg2-path3 {
    stroke: rgba(0, 40, 170, 1);
}

.power-batter-list-li4.is-act .eams-svg2-path1,
.power-batter-list-li4.is-act2 .eams-svg2-path2,
.power-batter-list-li4.is-act3 .eams-svg2-path3 {
    stroke: rgba(0, 40, 170, 1);
}

.power-batter-list-li .eams-svg2,
.power-batter-list-li .service-network-point-list {
    opacity: 0;
}

.power-batter-list-li.is-on .eams-svg2,
.power-batter-list-li.is-on .service-network-point-list {
    opacity: 1;
}

/*2026.8.26 helen end*/

/* 2026.8.27 lucas start */
.article-detail .adsl-cry:not(:last-child) {
    margin-right: 0.25rem;
}

.acca-info,
.acca-info p,
.acca-info * {
    color: var(--colorfff);
    line-height: var(--line145);
}

.acca-info a {
    position: relative;
}

.acca-info a::before {
    content: "";
    width: 100%;
    height: 1px;
    background:#fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.home-project-name {
    font-size: var(--font30);
}

/* 2026.8.27 lucas end */

/* 2026.8.29 star */

.stdny-breadb .ys-nybanner1 .ys-bread-list a,
.stdny-breadb .ys-nybanner1 .ys-bread-list::before {
    color: var(--colorfff);
}

.stdny-breadb .ys-nybanner1 .ys-bread-list a,
.stdny-breadb .ys-nybanner1 .ys-bread-list::before {
    color: var(--colorfff);
}

.segments-list.on {
    padding-top: var(--space120);
}

.segments-feature {
    padding-top: var(--space120) !important;
}

.vessel-challenge-info {
    width: 44.56%;
}

.vessel-challenge-num span {
    font-size: 1.5rem;
}

.vessel-challenge-data {
    width: 50.125%;
}

.home-project-media {
    width: 63.75%;
}

.home-project-info {
    width: 33.56%;
}

.spmb-list {
    --gap1: 0.1rem;
}

.ys-nybanner1 .ys-bread,
.beichen-main .ys-nybanner1 .ys-bread {
    z-index: 4 !important;
}

/* 2026.8.29 end */
/* 2026.8.31 lucas start */
.battery-page .slick-arrow,.vessel-cases-slick .slick-arrow,.resources-main .slick-arrow,.about-main .slick-arrow{
    display: none !important;
}
/* 2026.8.31 lucas end */

.cloud-value-note-editor p {
    transition: all 0.36s;
}

.cloud-value-note.is-on .cloud-value-note-editor p {
    color: #0028aa;
}
/*2026.9.2 lucas start*/
.resources-main .ys-nybanner .ys-bread-list a, .resources-main .ys-nybanner .ys-bread-list::before{
    color: var(--colorfff);
}
.about-main .about-deve .slick-arrow{
    display: block !important;
}
/*2026.9.2 lucas end*/


/*2026.9.3 helen star*/

.cloud-value-note8 {
    left: auto;
    right: 0;
    width: 24%;
    top: 10%;
}

.cloud-value-note7 {
    left: auto;
    right: -5%;
    width: 32.5%;
    top: 31%;
}

.cloud-value-note6 {
    left: auto;
    right: -5%;
    width: 24.5%;
    top: 58%;
}

.cloud-value-note5 {
    left: auto;
    right: -1%;
    width: 24.5%;
    top: 80%;
}

.cloud-value-note8 .cloud-value-line,
.cloud-value-note7 .cloud-value-line,
.cloud-value-note6 .cloud-value-line,
.cloud-value-note5 .cloud-value-line {
    left: auto;
    right: 100%;
}

.cloud-value-note7 .cloud-value-line,
.cloud-value-note6 .cloud-value-line,
.cloud-value-note5 .cloud-value-line {
    width: 70%;
}

/*2026.9.3 helen end*/