@charset "utf-8";

/* 响应式原则：调大看小 */
@media screen and (max-width: 1920px) {
    .footer-nav {
        width: calc(30% + calc(var(--gap1) * 2));
    }

    .home-news .home-power-route {
        top: -1.3rem;
    }

    .home-power .home-power-route {
        bottom: -10px;
    }

    .about-contemporary-cry-anmi {
        margin-top: 0;
    }

    .battery-intro {
        padding-bottom: 1rem;
    }

    /* b3调整 start */
    .battery-edge,
    .battery-products {
        padding-top: 1.5rem;
    }

    /* b3调整 end */
}

@media screen and (max-width: 1919px) {
    .about-contemporary-cry-anmi {
        margin-top: calc(var(--tithei) * -1 / 2);
    }

    /* 1919end */
}

@media screen and (max-width: 1900px) {
    .shore-compare-botbox {
        height: 610px;
    }

    .scbl-item:nth-child(2) {
        height: auto;
    }
}

@media screen and (max-width: 1680px) {
    html {
        font-size: 86px;
    }

    :root {
        /* 间距 */
        --space250: 2.0rem;
        --space240: 1.95rem;
        --space230: 1.9rem;
        --space220: 1.85rem;
        --space210: 1.8rem;
        --space200: 1.75rem;
        --space190: 1.7rem;
        --space180: 1.65rem;
        --space170: 1.6rem;
        --space160: 1.55rem;
        --headh: 68px;
    }

    /* D1 - start */
    .segments-bread {
        margin-top: 1.2rem;
    }

    .std-btn1 .std-btn1-link {
        min-width: 120px;
        padding: 0 16px;
        line-height: 36px;
        font-size: var(--font16);
    }

    .segments-feature-copy {
        width: 69%;
        padding-right: 1rem;
    }

    .segments-feature-stats {
        width: 31%;
    }

    .segments-filter-btn {
        height: 36px;
    }

    .segments-feature-play {
        width: 30px;
        height: 30px;
        right: 0.2rem;
        bottom: 0.24rem;
    }

    /* D1 - end */
    /* D2 - start */
    .case-detail-tag-box {
        line-height: 38px;
    }

    /* D2 - end */
    /* E1 - start */
    .resources-feature-main {
        padding-left: 0.6rem;
    }

    .resources-tag {
        line-height: 24px;
    }

    .resources-story-main {
        padding-left: 0.48rem;
    }

    .resources-feature-list .slick-dots li {
        width: 16px;
    }

    .resources-feature-list .slick-dots li.slick-active {
        width: 32px;
    }

    .resources-paper .resources-tag {
        line-height: 8px;
    }

    /* E1 - end */
    /* E2 - start */
    .blog-card-tag {
        line-height: 24px;
    }

    /* E2 - end */
    /* E3 - start */
    .ys-copy-btn {
        width: 16px;
        height: 16px;
    }

    .article-detail-share-btn {
        width: 20px;
        height: 20px;
    }

    /* E3 - end */
    .footer-nav {
        width: calc(30% + calc(var(--gap1) * 2));
    }

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

    .footer-logo {
        width: 160px;
    }

    .head-search-btn,
    .head-lang-top-circle {
        width: 24px;
    }

    .yhpc-lebox {
        --logowid: 98px;
    }

    .article-detail-head {
        padding-bottom: 0.4rem;
        margin-bottom: 0.4rem;
    }

    .resources-hero {
        padding-top: 1.8rem;
    }

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

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

    .hssc-listbox-item-link .ys-imgbox-cover {
        width: 18px;
    }

    .hspc-ri {
        width: 11rem;
    }

    .hbil-title {
        font-size: var(--font68);
        width: 54.81%;
    }

    .hcbr-list-item-link img {
        width: 36px;
    }

    .home-comprehensive-bottap {
        height: 64px;
    }

    .hcbl-item-box {
        line-height: 64px;
    }

    .hcbr-list-item {
        bottom: 15px;
    }

    .home-project-info {
        padding-top: 0.2rem;
    }

    .std-swiperbtnbox-btn {
        width: 38px;
    }

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

    .home-news .home-power-route {
        top: 0;
    }

    .home-power .home-power-route-ship {
        top: -10%;
    }

    .std-cta .std-font54 {
        width: 50%;
    }

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

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

    .ys-spot {
        --width: 24px;
    }

    .shore-system-point-btn {
        height: 42px;
    }

    .vessel-challenge .home-power-route {
        bottom: -0.5rem;
    }

    .vessel-solu-tit {
        font-size: 1.4rem;
    }

    .shore-compare-botbox {
        height: 490px;
    }

    .scbi-li-cry {
        width: 4rem;
    }

    .spmb-list-item-top img {
        width: 16px;
    }

    .shore-product-figure-btn {
        width: 36px;
    }

    .battery-intro .home-power-route {
        bottom: 1rem;
    }

    .bill-item img {
        width: 22px;
    }

    .battery-intro .home-power-route {
        bottom: 0rem;
    }

    .bebt-bot-list::before {
        bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em + 0px);
    }

    .bebt-bot::before {
        bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em - 2px);
    }

    .bebt-bot::after {
        bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em + -7px);
    }

    .bqcl-item-list-item::before {
        top: 5px;
    }

    .battery-products-tabbox-list>li>div {
        line-height: 40px;
    }

    .contact-form-inner {
        width: 69.54%;
    }

    .contact-form .ys-fia-text-btn {
        width: 14px;
        height: 14px;
        top: -1px;
    }

    .contact-form {
        --height: 38px;
    }

    .case-detail .case-detail-tag-box {
        line-height: unset;
    }

    .case-detail {
        padding: 2.2rem 0 1.28rem;
    }

    .about-history-newlist-item:nth-child(6n+1) {
        margin-right: 1rem;
    }

    .about-history-newlist-item:nth-child(6n+2) {
        margin-left: 1rem;
    }

    .about-history-newlist-item:nth-child(6n+3) {
        margin-right: 2rem;
    }

    .about-history-newlist-item:nth-child(6n+4) {
        margin-left: 1rem;
    }

    .about-history-newlist-item:nth-child(6n+5) {
        margin-right: 1rem;
    }

    .about-history-newlist-item:nth-child(6n) {
        margin-left: 2.2rem;
    }

    .scbl-item:nth-child(2) {
        height: auto;
    }

    .vessel-challenge-num span {
        font-size: 1.3rem;
    }

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

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

    /* 1680end */
}

@media screen and (max-width: 1440px) {
    .ys-modal-content {
        max-height: 650px;
    }

    html {
        font-size: 62px;
    }

    :root {
        --font28: 0.30rem;
        --font26: 0.28rem;
        --font24: 0.28rem;
        --font22: 0.26rem;
        --font20: 0.26rem;
        --font18: 0.24rem;
        --font16: 0.22rem;
        --font14: 0.20rem;
        --font12: 0.16rem;
        --headh: 62px;
    }

    /* D1 - start */
    .segments-bread {
        margin-top: 1.5rem;
    }

    .segments-feature-copy {
        width: 68%;
        padding-right: 0.8rem;
    }

    .segments-feature-stats {
        width: 32%;
    }

    /* D1 - end */
    /* E1 - start */
    /* E1 - end */
    .yhpc-lebox {
        --logowid: 92px;
    }

    .std-btn1 .std-btn1-link {
        line-height: 34px;
        min-width: 110px;
    }

    .head-search-btn,
    .head-lang-top-circle {
        width: 22px;
    }

    .head-logo {
        margin-right: 0.5rem;
    }

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

    .footer-logo {
        width: 140px;
    }

    .footer-text {
        width: 80%;
    }

    .footer-text p img {
        width: 16px;
        margin-right: 2px;
        margin-top: -2px;
    }

    .segments-filter-btn {
        height: 34px;
    }

    .pc-fenye li {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    .resources-hero {
        padding-top: 2.3rem;
    }

    .resources-feature-list .slick-dots {
        left: calc(54.37% + 0.22rem + 0.1rem);
    }

    .hspc-le {
        width: 3.6rem;
    }

    .hspc-ri {
        width: 12rem;
    }

    .home-ban-ribot-le {
        width: 3rem;
    }

    .home-ban-ribot-ri {
        width: 3.6rem;
    }

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

    .hbil-title {
        margin-bottom: 1.5rem;
    }

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

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

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

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

    .hcbr-list-item-link img {
        width: 30px;
    }

    .home-comprehensive-bottap {
        height: 52px;
    }

    .hcbl-item-box {
        line-height: 52px;
    }

    .ys-spot {
        --width: 20px;
    }

    .shore-system-point-btn .ys-spot::before {
        width: 8px;
    }

    .shore-system-point-btn .ys-spot::after {
        height: 8px;
    }

    .shore-system-point-btn {
        height: 36px;
    }

    .hcbr-list-item {
        bottom: 12px;
    }

    .std-swiperbtnbox-btn {
        width: 34px;
    }

    .home-project-play {
        width: 34px;
    }

    .home-news-type {
        line-height: 26px;
    }

    .vessel-challenge {
        padding-bottom: 2rem;
    }

    .vessel-challenge .home-power-route {
        bottom: -1.5rem;
    }

    .vsrl-item {
        --iconwid: 20px;
    }

    .vessel-solu .std-btn1-link {
        line-height: 30px;
        min-width: 100px;
    }

    .vici-ri .std-btn1 {
        margin-top: 0.1rem;
    }

    .shore-compare-botbox {
        height: 420px;
    }

    .scbi-li:last-child {
        right: 32px;
    }

    .shore-product-figure-btn {
        width: 32px;
    }

    .bill-item img {
        width: 18px;
        margin-right: 0.18rem;
    }

    .bebt-bot {
        --dirwidt: 8px;
    }

    .bebt-bot-list::before {
        bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em + -1px);
    }

    .bebt-bot::before {
        bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em - 3px);
    }

    .bqcl-item-list-item::before {
        width: 6px;
        height: 6px;
        top: 6px;
    }

    .battery-products-tabbox-list>li>div {
        line-height: 34px;
    }

    .segments-feature {
        padding-top: 2.3rem;
    }

    .contact-form .ys-fic-auth {
        height: 46px;
    }

    .ys-fic-auth-img {
        height: var(--height);
    }

    /* 1440end */
}

@media screen and (max-width: 1199px) {
    :root {
        --headh: 56px;
    }

    html {
        font-size: 58px;
    }

    :root {
        /* 字号82-100 0.66rem 38px */
        --fontr1: 0.66rem;
        --font100: var(--fontr1);
        --font98: var(--fontr1);
        --font96: var(--fontr1);
        --font94: var(--fontr1);
        --font92: var(--fontr1);
        --font90: var(--fontr1);
        --font88: var(--fontr1);
        --font86: var(--fontr1);
        --font86: var(--fontr1);
        --font84: var(--fontr1);
        --font82: var(--fontr1);
        /* 字号72-80 0.59rem 34px */
        --fontr2: 0.59rem;
        --font80: var(--fontr2);
        --font78: var(--fontr2);
        --font76: var(--fontr2);
        --font74: var(--fontr2);
        --font72: var(--fontr2);
        /* 字号62-70 0.55rem 32px */
        --fontr3: 0.55rem;
        --font70: var(--fontr3);
        --font68: var(--fontr3);
        --font66: var(--fontr3);
        --font64: var(--fontr3);
        --font62: var(--fontr3);
        /* 字号52-60 0.52rem 30px */
        --fontr4: 0.52rem;
        --font60: var(--fontr4);
        --font58: var(--fontr4);
        --font56: var(--fontr4);
        --font54: var(--fontr4);
        --font52: var(--fontr4);
        /* 间距 */
        --space250: 1.425rem;
        --space240: 1.4rem;
        --space230: 1.375rem;
        --space220: 1.35rem;
        --space210: 1.325rem;
        --space200: 1.3rem;
        --space190: 1.275rem;
        --space180: 1.25rem;
        --space170: 1.225rem;
        --space160: 1.2rem;
        --space150: 1.175rem;
        --space140: 1.15rem;
        --space130: 1.125rem;
        --space120: 1.1rem;
        --space110: 1.0rem;
        --space100: 0.95rem;
    }

    /* 移动端-副导航 - start */
    .footer-nav {
        flex-direction: column;
        --gap1: 0px;
        --gap2: 0px;
    }

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

    .footer-nav>li>a {
        padding: 6px 0;
    }

    .footer-nav>li::before,
    .footer-nav>li::after {
        content: '';
        position: absolute;
        width: 16px;
        height: 1px;
        background: rgba(51, 51, 51, .5);
        right: 2px;
        top: calc(0.875em + 6px);
        transition: all .4s ease;
    }

    .footer-nav>li::after {
        transform: rotate(90deg);
    }

    .footer-nav ul {
        display: none;
    }

    .footer-nav>li.act::after {
        transform: rotate(0deg);
    }

    .footer-nav>li.no-nav::before,
    .footer-nav>li.no-nav::after {
        display: none;
    }

    .footer-nav>li.no-nav a {
        width: 100%;
    }

    /* 移动端-副导航 - end */
    .home-solution {
        min-height: 8.5rem;
    }

    .home-solution-content {
        width: 76%;
        margin-top: 1.2rem;
    }

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

    .home-solution-panel {
        bottom: 0.35rem;
    }

    .home-solution-tabs {
        gap: 0.5rem;
    }

    .home-power {
        min-height: auto;
        padding: 1.5rem 0;
    }

    .home-power-title {
        width: 72%;
        margin-bottom: 0.5rem;
    }

    .home-power-num {
        font-size: 0.9rem;
    }

    .home-power-deco {
        width: 48%;
        opacity: 0.75;
    }

    .home-project {
        padding: 1rem 0;
    }

    .home-project-info {
        padding-top: 0;
        margin-bottom: 0.45rem;
    }

    .home-project-arrows {
        margin-top: 0.3rem;
    }

    .home-news {
        min-height: auto;
        padding: 1rem 0;
    }

    .home-news-left {
        padding-top: 0;
        margin-bottom: 0.5rem;
    }

    .home-news-deco {
        width: 48%;
        opacity: 0.65;
    }

    .ys-nybanner1 .ys-bread {
        left: 0.5rem;
    }

    .vessel-challenge {
        min-height: auto;
        padding: 1rem 0;
    }

    .vessel-challenge-num span {
        font-size: 1.2rem;
    }

    .vessel-challenge-deco {
        width: 56%;
        opacity: 0.55;
    }

    .vessel-solution {
        min-height: 8.4rem;
    }

    .vessel-solution-title {
        left: 0.4rem;
        top: 0.5rem;
        font-size: 1.08rem;
    }

    .vessel-solution-core {
        padding-top: 2.3rem;
    }

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

    .shore-intro-title,
    .shore-intro-copy {
        width: calc((100% - 0.6rem) / 2);
    }

    .shore-system-point-btn {
        padding-right: 0.16rem;
    }

    .shore-system-point-icon {
        width: 0.34rem;
    }

    .shore-system-point-text {
        font-size: var(--font14);
    }

    .shore-compare-card {
        width: 34%;
    }

    .shore-product-item {
        gap: 0.36rem;
    }

    .shore-product-feature-inof {
        column-gap: 5%;
    }

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

    .contact-form-section {
        flex-direction: column;
        min-height: auto;
    }

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

    .contact-form-main {
        width: 100%;
        padding: 0.7rem 0.3rem 0.8rem;
    }

    .contact-form-inner {
        width: 100%;
        max-width: none;
    }

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

    .segments-feature {
        padding-top: calc(1.2rem + 56px);
    }

    .segments-bread {
        margin-bottom: 0.45rem;
    }

    .segments-list {
        padding-bottom: 1rem;
    }

    .case-detail-crumb {
        margin-bottom: 0.45rem;
    }

    .case-detail-specs li {
        width: 100%;
    }

    .resources-crumb {
        margin-bottom: 0.32rem;
    }

    .resources-feature {
        padding: 0.18rem;
    }

    .resources-feature-img {
        width: 52%;
    }

    .resources-feature-title {
        margin-bottom: 0.22rem;
    }

    .resources-desc {
        margin-bottom: 0.48rem;
    }

    .resources-story-img {
        width: 18%;
    }

    .blog-card-item {
        width: 50%;
    }

    .blog-pagination {
        margin-top: 0.48rem;
    }

    .article-detail {
        padding-top: 1.4rem;
    }

    .article-detail-card {
        padding: 25px 20px;
    }

    .article-detail-head {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .article-detail-title {
        max-width: none;
        font-size: var(--font32);
    }

    .article-recommend {
        padding: 0.24rem;
    }

    .about-hero {
        min-height: 6.2rem;
    }

    .about-hero-name {
        font-size: var(--font54);
    }

    .about-slogan {
        padding: 0.72rem 0 1rem;
    }

    .about-slogan-title {
        width: 7.2rem;
        font-size: var(--font40);
    }

    .about-slogan-img {
        width: 3.6rem;
    }

    .about-profile {
        min-height: auto;
        padding: 1rem 0;
    }

    .about-profile-main {
        width: 88%;
        opacity: 0.9;
    }

    .about-profile-content {
        width: 7rem;
        max-width: 70%;
    }

    .about-stack {
        min-height: 7.6rem;
        padding: 0.8rem 0;
    }

    .about-stack-title {
        width: 9rem;
        font-size: var(--font54);
    }

    .about-stack-list {
        width: 100%;
        margin: 2.2rem 0 0;
        gap: 0.24rem;
    }

    .about-stack-item {
        width: calc((100% - 0.48rem) / 3);
        padding: 0.28rem;
    }

    .about-stack-name {
        font-size: var(--font24);
    }

    .about-stack-mark {
        top: 3.8rem;
        left: 6%;
        width: 88%;
    }

    .about-stack-boat {
        left: 18%;
        width: 32%;
    }

    .about-history {
        overflow: hidden;
        padding: 1rem 0 0.8rem;
    }

    .about-history-core {
        min-height: 14.2rem;
    }

    .about-history-route {
        width: 2.2rem;
        height: 11.2rem;
    }

    .about-history-item {
        width: 32%;
    }

    .about-history-item:nth-child(1) {
        left: 60%;
        top: 0.2rem;
    }

    .about-history-item:nth-child(2) {
        left: 3%;
        top: 3rem;
    }

    .about-history-item:nth-child(3) {
        left: 58%;
        top: 6.5rem;
    }

    .about-history-item:nth-child(4) {
        left: 3%;
        top: 9.8rem;
    }

    .about-history-item::before {
        width: 1.4rem;
    }

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

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

    .about-history-img {
        width: 1.72rem;
    }

    .about-history-year {
        font-size: 0.74rem;
    }

    /* two - end */
    /* D1 - start */
    .case-detail::after,
    .segments-feature::after {
        display: none;
    }

    .std-btn1 .std-btn1-link {
        min-width: 90px;
        line-height: 30px;
    }

    .segments-scroll .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: 12px;
    }

    .segments-filter {
        flex-wrap: nowrap;
    }

    .segments-filter-btn {
        height: 30px;
    }

    .segments-feature-play {
        width: 28px;
        height: 28px;
    }

    .std-cta .join-ban-tit {
        width: 60%;
    }

    /* D1 - end */
    /* D2 - start */
    .case-detail {
        padding-top: 1.4rem;
    }

    .case-detail-tag-box {
        line-height: 32px;
    }

    .case-detail {
        padding-top: calc(1.2rem + 56px);
    }

    /* D2 - end */
    /* D3 - start */
    .blog-card-tag {
        line-height: 20px;
    }

    .blog-card-meta {
        margin-bottom: 0.12rem;
    }

    /* D3 - end */
    /* E1 - start */
    .resources-feature-main {
        padding-left: 0.4rem;
        padding-bottom: 0;
    }

    .resources-feature-link {
        padding-right: 0.24rem;
    }

    .resources-tag {
        line-height: 18px;
    }

    .resources-story-main {
        padding-left: 0.36rem;
    }

    .resources-news-small {
        padding: 6px 0.14rem;
    }

    .resources-story-link {
        padding: 25px 20px;
    }

    .resources-feature-list .slick-dots {
        left: 0;
        bottom: -30px;
    }

    .resources-paper-list .resources-paper-item {
        width: 50%;
        margin-bottom: 0.48rem;
    }

    .resources-paper-title {
        margin-bottom: 0.32rem;
    }

    .resources-feature-list .slick-dots li {
        width: 14px;
    }

    .resources-feature-list .slick-dots li.slick-active {
        width: 28px;
    }

    .resources-hero {
        padding-top: 1.4rem;
    }

    .case-detail-scroll .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: 12px;
    }

    /* E1 - end */
    /* E3 - start */
    .article-detail-tag {
        line-height: 16px;
    }

    .ys-copy-btn {
        width: 14px;
        height: 14px;
    }

    .article-detail-share-btn {
        width: 16px;
        height: 16px;
    }

    .article-detail-aside {
        width: 30%;
    }

    .article-detail-content {
        width: 70%;
        padding-right: 0.16rem;
    }

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

    /* B3 - start */
    .battery-banner .ys-nyban-img img {
        height: 100%;
        object-fit: cover;
        object-position: 58% center;
    }

    .battery-anchor {
        position: relative;
        top: auto;
        height: auto;
        overflow-x: auto;
    }

    .battery-anchor .ys-cont1600 {
        width: 100%;
    }

    .battery-anchor-list {
        justify-content: flex-start;
        width: max-content;
        min-width: 100%;
        height: 52px;
        padding: 0 var(--place);
    }

    .battery-anchor-list li {
        width: auto;
        min-width: 2.2rem;
        margin-right: 0.16rem;
    }

    .battery-anchor-list li::before {
        top: 0;
    }

    .battery-anchor-list a {
        font-size: var(--font14);
    }

    .battery-intro-core {
        display: block;
    }

    .battery-intro-info {
        width: 100%;
        min-height: auto;
        padding: 0.44rem 0;
    }

    .battery-intro-info::before {
        left: calc(var(--place) * -1);
        right: calc(var(--place) * -1);
        top: 0;
        bottom: 0;
    }

    .battery-intro-ship {
        display: none;
    }

    .battery-intro-media {
        width: 100%;
        margin-top: 0.36rem;
    }

    .battery-inline-video,
    .battery-quality-media-item video {
        display: none;
    }

    .battery-video-card .battery-video-poster {
        display: block;
    }

    .battery-intro-arrows {
        left: 0;
        right: 0;
        bottom: -0.58rem;
        justify-content: center;
    }

    .battery-core-card {
        margin-top: 0.34rem;
        padding: 0.32rem;
    }

    .battery-core-flow {
        display: block;
        padding-bottom: 0;
    }

    .battery-core-flow::before,
    .battery-core-flow li::after {
        display: none;
    }

    .battery-core-flow li {
        width: auto;
        padding: 0 0.08rem;
    }

    .battery-core-flow .slick-list {
        overflow: hidden;
    }

    .battery-core-flow em {
        margin-top: 0.12rem;
    }

    .battery-core-data-list {
        flex-wrap: wrap;
        margin-bottom: -0.24rem;
    }

    .battery-core-data-list li {
        width: 50%;
        margin-bottom: 0.24rem;
        padding-right: 0.2rem;
    }

    .battery-core-data-list li:not(:first-child) {
        padding-left: 0;
        border-left: 0;
    }

    .battery-core-data-list li:nth-child(2n) {
        padding-left: 0.24rem;
        border-left: 1px solid #d8e1e4;
    }

    .battery-quality-nav,
    .battery-quality-media {
        width: 100%;
    }

    .battery-quality-nav {
        display: flex;
        gap: 0.18rem;
        margin-bottom: 0.3rem;
    }

    .battery-quality-nav-item {
        width: calc((100% - 0.18rem) / 2);
        padding: 0.2rem;
        border: 1px solid #cfd9dd;
        border-radius: 0.08rem;
        background: rgba(255, 255, 255, 0.56);
        opacity: 1;
    }

    .battery-quality-nav-item:first-child {
        padding-top: 0.2rem;
    }

    .battery-quality-nav-item.is-active {
        border-color: var(--colormain);
        background: var(--colorfff);
    }

    .battery-quality-nav-item span {
        font-size: var(--font20);
    }

    .battery-quality-play {
        display: block;
    }

    .battery-test {
        height: auto;
        padding: 0.74rem 0;
    }

    .battery-test-sticky {
        position: static;
        height: auto;
        display: block;
        overflow: hidden;
        padding: 0;
    }

    .battery-test-window {
        overflow-x: auto;
        margin-top: 0.36rem;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .battery-test-window::-webkit-scrollbar {
        display: none;
    }

    .battery-test-item {
        width: 5.6rem;
    }

    .battery-test-item-text {
        width: 3.6rem;
        padding-right: 0.16rem;
    }

    .battery-products-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 0.08rem;
    }

    .battery-product-tab {
        flex-shrink: 0;
    }

    .battery-product-item {
        min-height: auto;
        padding: 0.28rem;
    }

    .battery-product-figure {
        width: 28%;
    }

    .battery-product-spec {
        width: calc((100% - 0.2rem) / 2);
    }

    .battery-product-spec:nth-child(3n) {
        margin-right: 0.2rem;
    }

    .battery-product-spec:nth-child(2n) {
        margin-right: 0;
    }

    .battery-product-spec:nth-child(n+3) {
        margin-top: 0.18rem;
    }

    .battery-case-list {
        gap: 0.22rem;
    }

    .battery-case-card h3 {
        font-size: var(--font20);
    }

    /* B3 - end */
    /* E3 - end */
    .footer-top-topbox {
        align-items: flex-start;
        flex-direction: column;
        border-bottom: unset;
        padding-bottom: 0;
    }

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

    .footer-nav {
        width: 100%;
        margin-bottom: calc(15px + 0.3rem);
    }

    .footer-nav>li.no-nav a {
        font-size: 14px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    }

    .footer-logo {
        margin-bottom: 10px;
    }

    .footer-nav>li>a {
        padding: 0.3rem 0;
    }

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

    .ys-footer {
        --sapceft1: 0.7rem;
        --sapceft2: 0.6rem;
    }

    .footer-bot {
        flex-direction: column-reverse;
    }

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

    .footer-privacy {
        margin: 0 calc(var(--gap1) * -1) 0.1rem;
    }

    .ys-phnav-header {
        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);
    }

    .ys-hd-ph.has-btn .ys-phnav-header,
    .ys-hd-ph.isfixed .ys-phnav-header,
    .ys-page-wrap.on .ys-phnav-header {
        background: rgba(255, 255, 255, 1);
    }

    .ys-phnavss-form .iconfont {
        color: var(--color333) !important;
    }

    .footer-top-topbox-ricry {
        width: 100%;
    }

    .footer-text {
        width: 100%;
    }

    .ys-ph-navbar2 .ys-phnav-logo {
        width: 120px;
    }

    .ys-bread {
        display: none !important;
    }

    .blog-card-link {
        padding-bottom: 0.4rem;
    }

    .resources-feature-list .slick-dots {
        position: relative;
        margin-top: 0.2rem;
        bottom: auto;
        left: auto;
        width: 100%;
    }

    .resources-desc {
        margin-bottom: 0.25rem;
    }

    .resources-feature-main {
        flex: 1;
    }

    .resources-feature-link {
        padding: 25px 20px;
    }

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

    .resources-paper .slick-dots {
        position: relative;
        margin-top: 0.2rem;
        bottom: auto;
        left: auto;
        width: 100%;
    }

    .resources-paper-wrap {
        border-bottom: unset;
    }

    .resources-paper-list .resources-paper-item {
        margin-bottom: 0;
        border-bottom: 1px solid var(--colorDDD);
        padding-bottom: 0.32rem;
    }

    .resources-paper-title {
        font-size: 14px;
    }

    .resources-feature-list .slick-dots li {
        margin: 0 3px;
    }

    .home-comprehensive-infobox {
        display: none;
    }

    .home-comprehensive-ph {
        display: block;
    }

    .hcpl-item:not(:last-child) {
        margin-bottom: 40px;
    }

    .hcpl-item,
    .hcpl-item-link {
        width: 100%;
    }

    .hcpl-item-link {
        display: block;
        position: relative;
    }

    .hcpl-item-link-bot {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.73rem;
        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);
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .hilb-le {
        font-size: var(--font20);
        line-height: 0.73rem;
        color: var(--colorfff);
    }

    .home-comprehensive-onescreen {
        margin-bottom: 60px;
    }

    .hcbr-list-item-link img {
        width: 28px;
    }

    .home-comprehensive {
        height: auto;
    }

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

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

    .home-power-route-ship {
        width: 1.8rem;
    }

    .home-project-item-core {
        align-items: center;
    }

    .home-project-info {
        margin-bottom: 0;
    }

    .home-project .std-swiperbtnbox {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 0.2rem;
    }

    .std-swiperbtnbox-btn {
        width: 32px;
    }

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

    .home-news .home-power-route-ship {
        top: -7%;
        left: -1rem;
    }

    .home-power .home-power-route-ship {
        left: -0.9rem;
    }

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

    .hbil-title {
        width: 60%;
        margin-bottom: 0.5rem;
    }

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

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

    .vessel-challenge .home-power-route {
        display: none;
    }

    .vessel-solu-rightbox {
        position: relative;
        right: auto;
        bottom: auto;
        width: 85vw;
        max-width: 1600px;
        margin: auto;
    }

    .vessel-solu-bglist {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .vessel-solu-bglist-item {
        width: 100%;
        height: 100%;
    }

    .vessel-solu-bglist-item img {
        width: 100%;
        height: 100%;
    }

    .vessel-solu-tit {
        position: relative;
        top: auto;
        left: auto;
        width: 85vw;
        max-width: 1600px;
        margin: auto;
        margin-bottom: 0.5rem;
        font-size: 1.2rem;
    }

    .vessel-solu {
        padding: 1.2rem 0;
    }

    .shore-compare-botbox-list {
        --ge: 100%;
        flex-direction: column;
    }

    .scbl-item:nth-child(2) {
        position: relative;
        top: auto;
        right: auto;
    }

    .shore-compare-botbox {
        height: auto;
    }

    .shore-compare-botbox-list>li {
        -webkit-mask: unset !important;
        mask: unset !important;
        -webkit-mask-size: unset !important;
        mask-size: unset !important;
    }

    .scbl-item img {
        height: 100%;
    }

    .scbi-li:last-child {
        right: 20px;
    }

    .scbi-li-cry {
        width: 6rem;
    }

    .about-contemporary-bg-img {
        width: 50%;
    }

    .about-contemporary-cry-anmi {
        margin-top: 0;
        width: 100%;
        margin-top: 1rem;
    }

    .about-contemporary-cry::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.30);
        z-index: 2;
        transition: var(--fontr1);
        opacity: 0;
    }

    .about-contemporary-cry .ys-cont1600 {
        z-index: 3;
    }

    .about-contemporary.isphstyle .about-contemporary-cry::before {
        opacity: 1;
    }

    .acca-info,
    .acca-info p {
        font-size: 14px;
    }

    .about-full-botinfo {
        width: 85%;
    }

    .about-full-catl {
        width: 90%;
        top: 64%;
    }

    .about-newhistory-linebox {
        display: none;
    }

    .ahln-cent-ri {
        display: none;
    }

    .about-history-newlist-item .ys-imgbox-cover {
        margin-left: 0 !important;
    }

    .about-history-newlist-item {
        margin: unset !important;
    }

    .ahln-cry {
        margin: unset !important;
    }

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

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

    .about-newhistory .ys-cont1600::before {
        content: unset;
    }

    .about-newhistory .ys-cont1600 {
        padding: 1.2rem 0;
    }

    .about-newhistory .slick-dots {
        position: relative;
        bottom: auto;
        margin-top: 0.3rem;
    }

    .about-history-newlist-item .ys-imgbox-cover {
        width: 100%;
        margin-bottom: 25px;
    }

    .about-history-newlist-item {
        padding: 0 10px;
    }

    .about-history-newlist {
        margin: 0 -10px;
    }

    .ahln-cry {
        width: 100%;
    }

    .ahln-year {
        margin-left: 0 !important;
        font-size: 32px;
    }

    .about-history-newlist-item {
        width: 50%;
    }

    .battery-anchor {
        display: none;
    }

    .battery-intro {
        padding: 1.2rem 0 0;
    }

    .battery-intro-le {
        width: 42%;
    }

    .battery-intro-ri {
        width: 50%;
    }

    .battery-intro .ys-cont1600 {
        align-items: center;
    }

    .battery-intro .home-power-route {
        bottom: auto;
        top: 0;
        display: none;
    }

    .bill-item img {
        width: 16px;
    }

    .battery-edge .std-font54 {
        margin-bottom: 0.4rem;
    }

    .bebt-bot {
        --dirwidt: 6px;
    }

    .bebt-bot-list::before {
        bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em + -6px);
    }

    .bebt-bot::before {
        width: 4px;
        height: 4px;
        bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em - 7px);
    }

    .bebt-bot::after {
        width: 10px;
        height: 10px;
        right: -10px;
        bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em + -10px);
    }

    .battery-edge-bottom {
        padding: 25px 15px;
    }

    .bbli-type,
    .bebt-bot-unit {
        font-size: 10px;
    }

    .bebt-bot-unit {
        right: -10px;
    }

    .bbli-name {
        margin-bottom: 0.2rem;
    }

    .bebt-from-list {
        --gap1: 0.3rem;
    }

    .bpbi-crylist-item-box {
        padding: 0.2rem 0.4rem;
    }

    .bcib-le {
        padding: 0.3rem 0.2rem;
    }

    .battery-quality-core-list {
        width: 40%;
    }

    .bqcl-item:not(:last-child) {
        padding-bottom: 0.3rem;
        margin-bottom: 0.3rem;
    }

    .plbu-li {
        padding: 0;
        padding-top: 1.2rem;
    }

    .battery-page .vessel-cases {
        padding: 1.2rem 0;
    }

    .battery-test-item {
        width: 50%;
    }

    .battery-test-ph {
        display: block;
    }

    .battery-test-window {
        display: none;
    }

    .battery-test-ph {
        --ge: 50%;
        --gap1: 10px;
        margin: 0 calc(var(--gap1) * -1);
    }

    .battery-test-ph-item {
        width: var(--ge);
        padding: 0 var(--gap1);
    }

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

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

    .battery-test .slick-dots {
        position: relative;
        bottom: auto;
        margin-top: 0.3rem;
    }

    .battery-test-img {
        height: 100%;
    }

    .battery-test-img img {
        height: 100%;
        object-fit: cover;
    }

    .battery-products-tabbox-list>li>div {
        line-height: 32px;
    }

    .contact-form-title {
        font-size: 20px;
    }

    .contact-form .ys-fii-submit {
        height: calc(var(--height) + 0.1rem);
    }

    .segments-case-main {
        padding-bottom: 20px;
    }

    .ys-phnav2-lang-modal {
        z-index: 5;
    }

    .footer-top-botbox .footer-top-topbox-ricry {
        display: flex;
        margin-bottom: 15px;
    }

    .footer-top-topbox .footer-top-topbox-ricry {
        display: none;
    }

    .shore-system-picture {
        width: 100%;
        height: auto;
    }

    .about-history-newlist-item {
        height: auto;
    }

    .battery-products-tabbox {
        top: 56px;
    }

    /* 1199end */
}

@media screen and (max-width: 767px) {

    .ys-ban-pc,
    .ys-nyban-pc {
        display: none !important;
    }

    .ys-ban-video {
        display: none !important;
    }

    .ys-ban-ph,
    .ys-nyban-ph {
        display: block !important;
    }

    .ys-table-swipe {
        display: flex;
    }

    .ys-modal-content {
        max-height: 550px;
        padding: 50px 20px;
    }

    html {
        font-size: 56px;
    }

    :root {
        /* 字号82-100 0.60rem 34px */
        --fontr1: 0.60rem;
        /* 字号72-80 0.57rem 32px */
        --fontr2: 0.57rem;
        /* 字号62-70 0.54rem 30px */
        --fontr3: 0.54rem;
        /* 字号52-60 0.50rem 28px */
        --fontr4: 0.50rem;
        /* 下 */
        --font72: 26px;
        --font36: 0.38rem;
        --font34: 0.36rem;
        --font32: 0.36rem;
        --font30: 0.34rem;
        --font28: 0.34rem;
        --font26: 0.32rem;
        --font24: 0.30rem;
        --font22: 0.28rem;
        --font20: 0.26rem;
        --font18: 0.26rem;
        --font16: 0.25rem;
        --font14: 0.24rem;
        --font12: 0.18rem;
        /* 间距 */
        --space250: 1.00rem;
        --space240: 0.99rem;
        --space230: 0.97rem;
        --space220: 0.95rem;
        --space210: 0.93rem;
        --space200: 0.91rem;
        --space190: 0.89rem;
        --space180: 0.87rem;
        --space170: 0.85rem;
        --space160: 0.83rem;
        --space150: 0.81rem;
        --space140: 0.79rem;
        --space130: 0.77rem;
        --space120: 0.75rem;
        --space110: 0.73rem;
        --space100: 0.71rem;
        --space90: 0.69rem;
        --space80: 0.67rem;
        --space70: 0.65rem;
        --space60: 0.6rem;
    }

    .home-solution {
        min-height: 9rem;
    }

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

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

    .home-solution-content {
        width: calc(100% - 0.6rem);
        margin-top: 1rem;
    }

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

    .home-solution-panel {
        width: calc(100% - 0.6rem);
        justify-content: center;
        bottom: 0.4rem;
    }

    .home-solution-tabs {
        position: static;
        transform: none;
        gap: 0.35rem;
    }

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

    .home-power-title,
    .home-power-copy {
        width: 100%;
    }

    .home-power-inof {
        flex-direction: column;
    }

    .home-power-num {
        font-size: 36px;
        padding-top: 5px;
    }

    .home-power-deco {
        width: 80%;
        right: -32%;
        top: 0.7rem;
    }

    .home-power-ship,
    .home-news-ship {
        width: 1.7rem;
    }

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

    .home-project-meta {
        display: flex;
        flex-direction: column;
        gap: 0.18rem;
    }

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

    .home-project-video-btn {
        border-radius: 0.12rem;
    }

    .home-project-tag {
        right: 0.12rem;
        top: 0.12rem;
    }

    .home-project-play {
        right: 0.12rem;
        bottom: 0.12rem;
    }

    .home-news-link {
        align-items: flex-start;
        padding: 0;
        flex-direction: column;
    }

    .home-news-img {
        width: 100%;
        margin: 0;
    }

    .home-news-main {
        padding: 20px 15px;
    }

    .home-news-meta {
        flex-wrap: wrap;
        gap: 0.08rem;
    }

    .home-news-deco {
        width: 82%;
        left: -32%;
    }

    .ys-nybanner1 .ys-nyban-title h1 {
        font-size: var(--font54);
    }

    .ys-nybanner1 .ys-bread {
        left: 0.3rem;
        bottom: 0.28rem;
    }

    .vessel-challenge {
        padding: 0.8rem 0;
    }

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

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

    .vessel-challenge-num span {
        font-size: 0.72rem;
    }

    .vessel-challenge-num em {
        padding-bottom: 0.12rem;
        font-size: var(--font24);
    }

    .vessel-challenge-label {
        font-size: var(--font18);
    }

    .vessel-challenge-deco {
        left: -34%;
        bottom: 0;
        width: 92%;
    }

    .vessel-challenge-ship {
        width: 1.7rem;
    }

    .vessel-solution {
        min-height: auto;
        padding: 1.9rem 0 0.75rem;
    }

    .vessel-solution-bg-item img {
        top: 0;
        height: 100%;
        object-position: left bottom;
    }

    .vessel-solution-title {
        left: 0.3rem;
        top: 0.45rem;
        font-size: 0.58rem;
    }

    .vessel-solution-core {
        padding-top: 0;
    }

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

    .vessel-solution-head {
        padding: 0.16rem 0.18rem;
    }

    .vessel-solution-head-text {
        white-space: normal;
    }

    .vessel-solution-card {
        flex-direction: column;
        gap: 0.18rem;
        padding: 0.18rem;
    }

    .vessel-solution-card-img {
        width: 100%;
    }

    .vessel-cases-head {
        margin-bottom: 0.35rem;
    }

    .vessel-cases-inof {
        flex-direction: column;
        gap: 0.45rem;
    }

    .vessel-cases-item {
        width: 100%;
    }

    .vessel-cases-main {
        padding: 0.24rem 0 0.35rem;
    }

    .vessel-cases-name {
        margin-bottom: 0.28rem;
    }

    .shore-overview {
        padding-top: 0.8rem;
    }

    .shore-intro {
        flex-direction: column;
        gap: 0.24rem;
        margin-bottom: 0.3rem;
    }

    .shore-intro-title,
    .shore-intro-copy {
        width: 100%;
    }

    .shore-system {
        width: calc(100% - 40px);
        max-width: calc(100% - 40px);
    }

    .shore-system-picture img {
        object-position: center center;
    }

    .shore-system-point {
        transform: scale(0.82);
        transform-origin: left center;
    }

    .shore-system-point-docking {
        left: 38%;
        top: 31%;
    }

    .shore-system-point-charge {
        left: 4%;
        top: 60%;
    }

    .shore-system-point-dc {
        left: 43%;
        top: 55%;
    }

    .shore-system-point-text {
        max-width: 3.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .shore-compare {
        padding: 0.8rem 0;
    }

    .shore-compare-title {
        margin-bottom: 0.34rem;
        text-align: left;
    }

    .shore-compare-media {
        border-radius: 0.12rem;
    }

    .shore-compare-side {
        width: 100%;
        height: 55%;
        bottom: auto;
    }

    .shore-compare-charging {
        top: 0;
    }

    .shore-compare-swapping {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
    }

    .shore-compare-card {
        width: calc(100% - 0.36rem);
        padding: 0.18rem;
    }

    .shore-compare-card-charging {
        left: 0.18rem;
        bottom: auto;
        top: 0.18rem;
    }

    .shore-compare-card-swapping {
        right: auto;
        left: 0.18rem;
        top: auto;
        bottom: 0.18rem;
    }

    .shore-products {
        padding: 0.7rem 0 0.9rem;
    }

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

    .shore-product-item {
        flex-direction: column;
        align-items: stretch;
        gap: 0.3rem;
    }

    .shore-product-figure {
        width: 100%;
    }

    .shore-product-title {
        font-size: var(--font28);
        margin-bottom: 0.1rem;
    }

    .shore-product-feature-inof {
        flex-direction: column;
        gap: 0.22rem;
    }

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

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

    .contact-form-main {
        padding: 42px 20px;
    }

    .contact-form-title {
        margin-bottom: 0.28rem;
        font-size: var(--font28);
    }

    .contact-form {
        --space: 0rem;
        --spacebot: 0.18rem;
        --spacein: 0.16rem;
    }

    .contact-form .ys-form-inof {
        margin: 0;
    }

    .contact-form .ys-form-inof-item {
        width: 100%;
        padding: 0;
    }

    .contact-form .ys-fii-input input,
    .contact-form .ys-fii-input textarea {
        padding-left: 0.16rem;
        padding-right: 0.16rem;
    }

    .contact-form .ys-fic-auth {
        padding-left: 0.16rem;
    }

    .contact-form-code-img {
        width: 1.86rem;
        height: 0.48rem;
    }

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

    .contact-form .ys-fia-text-word {
        flex: 1;
        white-space: normal;
    }

    .segments-bread {
        margin-bottom: 0.34rem;
    }

    .segments-bread .ys-bread-list a,
    .segments-bread .ys-bread-list::before {
        font-size: var(--font14);
    }

    .segments-feature-copy {
        width: 100%;
        padding-right: 0;
        margin-bottom: 0.28rem;
    }

    .segments-feature-head {
        margin-bottom: 0.3rem;
    }

    .segments-feature-title {
        margin-bottom: 0.2rem;
    }

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

    .segments-feature-stats {
        width: 100%;
        padding-left: 0;
        border-left: none;
    }

    .segments-feature-data {
        width: 100%;
        flex-direction: row;
        margin: 0 -0.2rem;
        margin-bottom: 0;
    }

    .segments-feature-data li {
        width: 50%;
        padding: 0 0.2rem;
    }

    .segments-feature-media {
        border-radius: 0.08rem;
    }

    .segments-feature-video {
        display: none;
    }

    .segments-list {
        padding-bottom: 0.8rem;
    }

    .segments-case-main {
        padding-bottom: 0.28rem;
    }

    .case-detail-crumb {
        margin-bottom: 0.34rem;
    }

    .case-detail-card {
        padding: 20px 15px;
    }

    .case-detail-specs li,
    .case-detail-specs li:last-child {
        width: 50%;
    }

    .case-detail-title {
        margin-bottom: 0.28rem;
    }

    .case-detail-tags {
        margin: 0;
        margin-bottom: 0.32rem;
        gap: unset;
    }

    .case-detail-tag {
        flex-shrink: 0;
        font-size: 12px;
        margin-bottom: 0.1rem;
        margin-right: 0.1rem;
    }

    .case-detail-media,
    .case-detail-media .ys-imgbox-cover {
        border-radius: 0.08rem;
    }

    .case-detail-video {
        display: none;
    }

    .case-detail-play {
        right: 0.08rem;
        bottom: 0.08rem;
        width: 0.3rem;
        height: 0.3rem;
    }

    .case-detail-editor,
    .case-detail-editor p {
        font-size: var(--font16);
    }

    .case-detail-related {
        padding-bottom: 1.2rem;
    }

    .case-detail-related-head {
        margin-bottom: 0.34rem;
    }

    .segments-pagination .pc-fenye li {
        width: 0.3rem;
        height: 0.3rem;
    }

    .resources-crumb,
    .resources-crumb a {
        font-size: var(--font14);
    }

    .resources-feature-link {
        flex-direction: column;
        align-items: stretch;
        padding: 20px 15px;
    }

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

    .resources-desc {
        margin-bottom: 0.24rem;
    }

    .resources-feature-dots {
        position: static;
        margin-top: 0.28rem;
    }

    .resources-section-head {
        flex-direction: column;
        margin-bottom: 0.42rem;
        align-items: flex-start;
    }

    .resources-section-title {
        margin-bottom: 0.2rem;
    }

    .resources-news-layout {
        flex-direction: column;
    }

    .resources-news-main {
        width: 100%;
        margin-bottom: 0.36rem;
    }

    .resources-news-main-copy {
        padding: 20px 15px;
    }

    .resources-news-main-title {
        font-size: var(--font20);
    }

    .resources-news-small {
        padding: 13px;
    }

    .resources-date {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .resources-news-small-img {
        width: 44%;
        margin-right: 0;
    }

    .resources-tag {
        font-size: 12px;
    }

    .resources-news-small-copy {
        width: 58%;
        padding-left: 15px;
    }

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

    .resources-meta {
        flex-wrap: wrap;
        margin-bottom: 0.16rem;
    }

    .resources-story-link {
        padding: 15px;
    }

    .resources-story-img {
        width: 44%;
    }

    .blog-filter {
        flex-wrap: nowrap;
        gap: 0.08rem;
        margin-right: calc(var(--paddlr) * -1);
        margin-bottom: 0.28rem;
        overflow-x: auto;
        padding-right: var(--paddlr);
    }

    .blog-filter-item {
        flex-shrink: 0;
    }

    .blog-filter-link {
        min-height: 0.34rem;
        padding: 0.07rem 0.2rem;
        font-size: var(--font14);
    }

    .blog-card-item {
        width: 100%;
        padding: 0;
        margin-bottom: 0.4rem;
    }

    .blog-card-link {
        padding: 20px 15px;
    }

    .blog-card-title {
        font-size: 16px;
    }

    .blog-card-meta {
        flex-wrap: wrap;
        margin-bottom: 0.16rem;
    }

    .blog-pagination {
        margin-top: 0.36rem;
    }

    .article-detail-head {
        padding-bottom: 0.32rem;
        margin-bottom: 0.28rem;
    }

    .article-detail-meta {
        margin-bottom: 0.12rem;
    }

    .article-detail-figure {
        margin: 0.28rem 0 0.3rem;
    }

    .article-detail-caption {
        margin-top: 0.14rem;
    }

    .article-detail-share-row {
        display: none;
    }

    .article-detail-page-link {
        font-size: var(--font14);
    }

    .article-detail-editor {
        padding-bottom: 0.28rem;
        border-bottom: 1px solid var(--colorDDD);
        margin-bottom: 0.28rem;
    }

    .about-hero {
        min-height: 4.8rem;
    }

    .about-hero-name {
        font-size: var(--font40);
    }

    .about-slogan {
        padding: 0.56rem 0 0.7rem;
    }

    .about-slogan-title {
        margin-bottom: 0.28rem;
        font-size: var(--font28);
    }

    .about-slogan-img {
        width: 2.8rem;
        border-radius: 0.1rem;
    }

    .about-profile {
        padding: 0.72rem 0 3.2rem;
    }

    .about-profile-main {
        right: -0.5rem;
        bottom: 0;
        width: 135%;
        height: 72%;
        opacity: 0.72;
    }

    .about-profile-cloud1 {
        left: -0.6rem;
        width: 4.5rem;
    }

    .about-profile-cloud2 {
        left: 25%;
        bottom: -0.6rem;
        width: 4.2rem;
    }

    .about-profile-content {
        width: 100%;
        max-width: 100%;
    }

    .about-profile-title {
        font-size: var(--font30);
    }

    .about-profile-copy,
    .about-profile-copy p,
    .about-profile-note,
    .about-profile-note p {
        font-size: var(--font14);
    }

    .about-profile-num {
        font-size: var(--font44);
    }

    .about-stack {
        min-height: auto;
        padding: 0.68rem 0 0.72rem;
    }

    .about-stack-title {
        max-width: 100%;
        font-size: var(--font36);
    }

    .about-stack-mark {
        top: 2.6rem;
        left: -10%;
        width: 120%;
    }

    .about-stack-boat {
        left: 8%;
        bottom: 0.58rem;
        width: 46%;
    }

    .about-stack-list {
        flex-direction: column;
        margin: 1.2rem 0 0;
        gap: 0.16rem;
    }

    .about-stack-item {
        width: 100%;
        padding: 0.22rem;
    }

    .about-stack-name {
        font-size: var(--font20);
    }

    .about-stack-text,
    .about-stack-text p {
        font-size: var(--font14);
    }

    .about-history {
        padding: 0.72rem 0;
    }

    .about-history-core {
        min-height: auto;
    }

    .about-history-route {
        display: none;
    }

    .about-history-list {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 0.34rem;
    }

    .about-history-item,
    .about-history-item:nth-child(1),
    .about-history-item:nth-child(2),
    .about-history-item:nth-child(3),
    .about-history-item:nth-child(4) {
        position: relative;
        left: auto;
        top: auto;
        display: flex;
        align-items: flex-start;
        width: 100%;
        gap: 0.2rem;
        color: var(--color333);
        opacity: 1;
    }

    .about-history-item.is-active {
        color: var(--colormain);
    }

    .about-history-item::before,
    .about-history-item::after {
        display: none;
    }

    .about-history-img {
        flex-shrink: 0;
        width: 34%;
    }

    .about-history-main {
        flex: 1;
        min-width: 0;
        margin-top: 0;
    }

    .about-history-year {
        font-size: var(--font44);
    }

    .about-history-text,
    .about-history-text p {
        font-size: var(--font14);
    }

    /* two - end */
    /* D1 - start */
    .segments-feature-head {
        flex-direction: column;
    }

    .segments-filter {
        margin-bottom: 0.5rem;
    }

    .std-cta .join-ban-tit {
        width: 100%;
    }

    .segments-filter-btn {
        height: 28px;
    }

    .segments-case-num {
        margin-bottom: 6px;
    }

    /* D1 - end */
    /* D2 - start */
    .case-detail-layout {
        flex-direction: column-reverse;
    }

    .case-detail-aside {
        position: static;
        width: 100%;
        margin-bottom: 0;
    }

    .case-detail-content {
        width: 100%;
        padding-left: 0;
        margin-bottom: 0.36rem;
    }

    .case-detail-related-list .slick-dots {
        bottom: -10px;
    }

    /* D2 - end */
    /* E1 - start */
    .resources-feature-main {
        width: 100%;
        padding-left: 0;
    }

    .resources-feature-img {
        margin-bottom: 20px;
    }

    .std-btn1 .std-btn1-link {
        line-height: 30px;
    }

    .resources-feature-list .slick-dots {
        bottom: 0;
        margin-top: 20px;
    }

    .resources-news-side {
        padding-left: 0;
    }

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

    .resources-paper-list .resources-paper-item {
        width: 100%;
        padding: 0;
        margin-bottom: 0.44rem;
    }

    .resources-paper-title {
        font-size: var(--font20);
        margin-bottom: 0.24rem;
    }

    .resources-feature-list {
        padding: 0 -6px;
    }

    .resources-feature-item {
        padding: 0 6px;
    }

    .resources-news-small-title {
        font-size: var(--font20);
    }

    .resources-story-main {
        width: 56%;
        padding-left: 0;
        padding: 0 0 0 10px;
    }

    .resources-story-list {
        margin-bottom: 0rem;
    }

    .resources-story-list>li {
        margin-bottom: 15px;
    }

    .resources-story-title {
        font-size: 14px;
        margin-bottom: 0.12rem;
        line-height: 1.2;
    }

    .resources-story-desc,
    .resources-story-desc p,
    .resources-story-more {
        font-size: 12px;
    }

    .resources-story-main .resources-date {
        margin-bottom: 0.08rem;
    }

    .resources-story-desc {
        mix-blend-mode: 0.24rem;
    }

    /* E1 - end */
    /* E3 - start */
    .article-detail-layout {
        flex-direction: column;
    }

    .article-detail-content {
        width: 100%;
        padding-right: 0;
        margin-bottom: 0.46rem;
    }

    .article-detail-aside {
        position: static;
        width: 100%;
    }

    .article-recommend-title {
        font-size: var(--font24);
        margin-bottom: 0.32rem;
    }

    .article-recommend {
        padding: 0.36rem 0.28rem;
    }

    .article-recommend-link {
        padding: 0.32rem 0 0.2rem 0;
    }

    /* B3 - start */
    .battery-banner .ys-nyban-img img {
        object-position: 62% center;
    }

    .battery-anchor-list li {
        min-width: 2rem;
    }

    .battery-title {
        margin-bottom: 0.2rem;
    }

    .battery-intro-points {
        margin-top: 0.24rem;
    }

    .battery-video-open {
        width: 0.48rem;
        height: 0.48rem;
    }

    .battery-core-card {
        padding: 0.24rem;
    }

    .battery-core-icon {
        width: 0.86rem;
        height: 0.86rem;
    }

    .battery-core-data-list li {
        width: 100%;
        padding: 0 0 0.18rem 0;
        border-bottom: 1px solid #d8e1e4;
    }

    .battery-core-data-list li:nth-child(2n) {
        padding-left: 0;
        border-left: 0;
    }

    .battery-quality-nav {
        display: block;
    }

    .battery-quality-nav-item {
        width: 100%;
    }

    .battery-quality-nav-item:not(:last-child) {
        margin-bottom: 0.16rem;
    }

    .battery-design-img {
        margin-top: 0.3rem;
        overflow-x: auto;
    }

    .battery-design-img img {
        width: 10.6rem;
        max-width: none;
    }

    .battery-test-track {
        gap: 0.16rem;
    }

    .battery-test-item {
        width: 5.2rem;
    }

    .battery-test-item-text {
        width: 3.2rem;
    }

    .battery-products-tabs {
        margin-top: 0.22rem;
    }

    .battery-product-item {
        display: block;
    }

    .battery-product-figure {
        width: 42%;
        margin: 0 auto 0.22rem;
    }

    .battery-product-info {
        padding-left: 0;
    }

    .battery-product-spec {
        width: 100%;
        margin-right: 0;
    }

    .battery-product-spec:nth-child(3n) {
        margin-right: 0;
    }

    .battery-product-spec:nth-child(n+2) {
        margin-top: 0.16rem;
    }

    .battery-cases-head {
        align-items: flex-start;
    }

    .battery-case-list {
        display: block;
    }

    .battery-case-list>li {
        width: 100%;
    }

    .battery-case-list>li:not(:last-child) {
        margin-bottom: 0.34rem;
    }

    .battery-case-data li {
        width: 50%;
    }

    /* B3 - end */
    /* E3 - end */
    .ys-ph-navbar2 .ys-phnav-logo {
        width: 100px;
    }

    .article-detail-card,
    .article-recommend {
        padding: 20px 15px;
    }

    .article-detail-head,
    .article-detail-editor {
        padding-bottom: 13px;
        margin-bottom: 13px;
    }

    .article-detail-editor p,
    .article-detail-page-link p {
        line-height: 1.5;
    }

    .article-recommend-title {
        margin-bottom: 13px;
    }

    .article-recommend-link {
        padding: 0.2rem 0;
    }

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

    .footer-nav>li>a {
        padding: 0.2rem 0;
    }

    .footer-top-botbox-ri {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-nav {
        margin-bottom: 25px;
    }

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

    .ys-footer {
        --sapceft1: 42px;
        --sapceft2: 30px;
    }

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

    .blog-card-tag,
    .blog-card-date {
        font-size: 12px;
    }

    .inside-main .ys-nybanner1::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.20);
        z-index: 1;
    }

    .blog-card-img {
        margin-bottom: 20px;
    }

    .blog-card-item:last-child {
        margin-bottom: 0 !important;
    }

    .pc-fenye li {
        width: 28px;
        height: 28px;
        line-height: 28px;
        margin: 0 2px;
    }

    .blog-card-list {
        margin-bottom: 25px;
    }

    .blog-card-item {
        margin-bottom: 20px;
    }

    .resources-hero {
        padding-top: calc(42px + 46px);
        padding-bottom: 0;
    }

    .resources-feature-title {
        font-size: 18px;
        margin-bottom: 0.18rem;
    }

    .resources-news {
        padding-top: 42px;
    }

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

    .resources-news-side .slick-dots {
        position: relative;
        bottom: 0;
        margin-top: 0.2rem;
    }

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

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

    .resources-news-side-item,
    .resources-paper-item {
        padding: 0 5px !important;
        width: 100%;
        border-bottom: unset !important;
        margin-bottom: 0 !important;
    }

    .resources-news-side,
    .resources-paper-list {
        margin: 0 -5px;
    }

    .std-font54 {
        font-size: 24px;
    }

    .resources-paper .slick-dots {
        margin-top: 0.25rem;
    }

    .resources-paper-title {
        max-height: 100%;
        -webkit-line-clamp: inherit;
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 0.15rem;
    }

    .resources-paper-img {
        margin-bottom: 20px;
    }

    .resources-story-list>li:last-child {
        margin-bottom: 0;
    }

    .hbil-title {
        width: 100%;
    }

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

    .home-ban-ribot {
        display: none;
    }

    .ys-ban-li .ys-cont1600 {
        height: var(--height-ph);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 98px 20px 62px;
    }

    .home-comprehensive-onescreen {
        margin-bottom: 25px;
    }

    .hcpl-item:not(:last-child) {
        margin-bottom: 25px;
    }

    .hcbr-list-item-link img {
        width: 24px;
    }

    .hilb-le {
        font-size: 14px;
    }

    .home-power {
        padding: 42px 0;
    }

    .home-power-title {
        margin-bottom: 15px;
    }

    .home-power-inof {
        --ge: 70%;
    }

    .home-power .home-power-route {
        width: 100%;
        right: -70%;
        bottom: -14%;
    }

    .home-power .home-power-route-ship {
        top: -5%;
    }

    .home-power-text,
    .home-power-text p {
        font-size: 14px;
    }

    .home-project {
        padding: 42px 0;
    }

    .home-project-item-core {
        flex-direction: column-reverse;
    }

    .home-project-info,
    .home-project-media {
        width: 100%;
    }

    .home-project-core {
        margin-top: 15px;
    }

    .home-project-media {
        margin-bottom: 15px;
    }

    .home-project-name {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .home-project-num {
        font-size: 20px;
    }

    .home-project-info .std-btn1 {
        margin-top: 15px;
    }

    .home-project-tag {
        min-width: 0.7rem;
        padding: 2px 0.1rem;
        font-size: 12px;
    }

    .home-project-play {
        width: 30px;
    }

    .home-news .home-power-route {
        display: none;
    }

    .home-news {
        padding: 42px 0;
    }

    .home-news-core {
        flex-direction: column;
    }

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

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

    .home-news-name {
        font-size: 16px;
        line-height: 1.3;
    }

    .home-news-type {
        line-height: 22px;
        font-size: 12px;
    }

    .home-news-date {
        font-size: 12px;
    }

    .home-news-title,
    .home-news-copy,
    .home-news-copy p {
        text-align: center;
    }

    .home-news .std-btn1 {
        margin: auto;
    }

    .home-news-copy {
        margin-bottom: 15px;
    }

    .home-news-left {
        margin-bottom: 20px;
    }

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

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

    .std-cta .std-font54 {
        width: 100%;
    }

    .vessel-challenge-core {
        flex-direction: column;
    }

    .vessel-challenge-info {
        width: 100%;
        margin-bottom: 25px;
    }

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

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

    .vessel-solu {
        padding: 42px 0;
    }

    .vessel-solu-tit {
        width: 100%;
        font-size: 0.6rem;
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .vessel-solu-rightbox {
        width: 100%;
        padding: 0 20px;
    }

    .vessel-cases {
        padding: 42px 0;
    }

    .vessel-cases-slick-item>a {
        padding-bottom: 15px;
    }

    .vcsi-link .std-font24 {
        margin-top: 20px;
    }

    .vcsi-link-list {
        margin: 0.2rem calc(var(--gap1) * -1) calc(var(--gap2) * -1);
    }

    .vlli-top {
        margin-bottom: 2px;
    }

    .vessel-cases-slick .slick-dots {
        margin-top: 13px;
    }

    .shore-system-picture {
        width: 100%;
    }

    .shore-system-point-text {
        opacity: 0;
        pointer-events: none;
        transition: var(--transition);
    }

    .shore-system-point-btn {
        background: transparent;
    }

    .shore-intro-title {
        margin-bottom: 0.2rem;
    }

    .shore-product-main {
        width: 100%;
    }

    .shore-product-figure {
        margin-bottom: 20px;
        padding: 20px 15px;
    }

    .spmb-list>li {
        max-width: 100%;
        width: 100%;
    }

    .shore-product-main-bot .std-btn1 {
        margin-top: 10px;
    }

    .shore-product-item:not(:last-child) {
        margin-bottom: 25px;
    }

    .spmb-list-item-top img {
        width: 14px;
    }

    .scbl-item .scbi-li-cry {
        display: block;
    }

    .shore-compare-botbox-infobox {
        display: none;
    }

    .scbi-li-cry {
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }

    .scbi-li-cry-tit,
    .scbi-li-cry-box,
    .scbi-li-cry-box p {
        color: var(--color333);
    }

    .scbl-item:not(:last-child) {
        margin-bottom: 25px;
    }

    .scbi-li-cry-tit {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .shore-products {
        padding: 42px 0;
    }

    .about-contemporary-cry-anmi {
        margin-top: 0;
    }

    .acca-bot {
        width: 100%;
    }

    .about-full-tit {
        width: 100%;
        font-size: 30px;
        margin-bottom: 30px;
    }

    .about-full-botinfo {
        width: 100%;
    }

    .about-full-list .slick-dots {
        position: relative;
        bottom: 0;
        margin-top: 0.3rem;
    }

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

    .about-full-list.ys-dots1 .slick-dots li::after {
        background: var(--colormain);
    }

    .about-newhistory .ys-cont1600 {
        padding: 42px 20px;
    }

    .about-history-newlist-item {
        width: 100%;
    }

    .plbu-li {
        padding: 0;
        padding-top: 42px;
    }

    .battery-intro .ys-cont1600 {
        flex-direction: column;
    }

    .battery-intro-le {
        width: 100%;
        margin-bottom: 25px;
    }

    .battery-intro-ri {
        width: 100%;
    }

    .battery-intro .std-swiperbtnbox {
        margin-top: 0;
    }

    .battery-intro-le .std-font54 {
        margin-bottom: 0.1rem;
    }

    .battery-intro-le-cry {
        margin-bottom: 0.25rem;
    }

    .bill-item img {
        width: 14px;
        margin-right: 0.1rem;
    }

    .battery-edge-bottom {
        padding: 20px 15px;
    }

    .bebt-bot-list {
        --ge: 50%;
        --gap1: 20px;
        margin: 0 calc(var(--gap1) * -1);
        display: unset;
        display: flex;
    }

    .bebt-bot-list-item {
        padding: 0 var(--gap1);
    }

    .bebt-bot-list::before {
        width: calc(100% - 0.3rem);
    }

    .battery-edge-bottom-top {
        overflow: hidden;
    }

    .bbli-dir {
        margin: 0 auto 0.11rem;
    }

    .bebt-bot::after {
        width: 10px;
        height: 10px;
        right: 0px;
        bottom: calc(var(--dirwidt) / 2 + 0.11rem + 1.45em + -10px);
    }

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

    .bebt-bot-unit {
        right: 2px;
    }

    .bebt-from-list {
        --ge: 50%;
    }

    .bebt-from-list-item:not(:last-child) {
        border-right: unset;
    }

    .battery-edge-bottom-top {
        padding-bottom: 0.4rem;
        margin-bottom: 0.4rem;
    }

    .battery-quality-core-list {
        width: 100%;
    }

    .battery-quality-ri {
        width: 100%;
        margin-bottom: 20px;
    }

    .battery-quality-core {
        flex-direction: column-reverse;
        margin-top: 20px;
    }

    .bqcl-item-tit {
        margin-bottom: 0.1rem;
        font-size: 18px;
    }

    .bqcl-item:not(:last-child) {
        padding-bottom: 0.2rem;
        margin-bottom: 0;
    }

    .bqcl-item-list-item:not(:last-child) {
        margin-bottom: 2px;
    }

    .battery-design .ys-nyban-img {
        margin-top: 0.3rem;
    }

    .battery-test-info {
        padding-right: 0;
    }

    .battery-products-tabbox-list {
        flex-wrap: nowrap;
        justify-content: unset;
        margin: 0;
    }

    .battery-products-tabbox-list>li {
        padding: 0;
        margin-right: 10px;
    }

    .battery-products .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 8px;
    }

    .battery-products-tabbox {
        margin-bottom: 0.3rem;
    }

    .bpbi-crylist-item-box {
        padding: 20px 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
    }

    .bcib-le {
        width: 100%;
        padding: 0;
    }

    .bcib-le .ys-imgbox-cover {
        width: 50%;
        margin: auto;
    }

    .bpbi-crylist-item {
        margin-bottom: 0;
        padding: 0 5px;
    }

    .battery-products-botinfolist {
        margin: 0 -5px;
    }

    .bcib-ri-list {
        --ge: 50%;
    }

    .bcib-ri {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }

    .bpbi-crylist-item:not(:last-child) {
        margin-bottom: 0;
    }

    .battery-page .vessel-cases {
        padding: 42px 0;
    }

    .battery-test-cryph {
        display: block;
    }

    .contact-form .ys-fia-text-btn {
        top: 3px;
    }

    .contact-form .ys-form-inof-text .ys-fii-input {
        height: 80px;
    }

    .segments-feature {
        padding-top: calc(42px + 56px);
    }

    .segments-case-item {
        width: 100%;
    }

    .vessel-cases-name {
        font-size: 16px;
        margin-bottom: 0.2rem;
    }

    .vessel-cases-link .ys-imgbox-cover {
        margin-bottom: 20px;
    }

    .case-detail {
        padding-top: calc(42px + 56px);
        padding-bottom: 42px;
    }

    .case-detail-specs {
        gap: unset;
    }

    .case-detail-spec-label {
        line-height: 1.7;
    }

    .about-banner .std-font72 {
        font-size: 30px;
    }

    .resources-news-side-item:not(:last-child) {
        margin-bottom: 10px !important;
    }

    .footer-top-botbox .footer-top-topbox-ricry {
        margin-bottom: 8px;
    }

    .footer-logo {
        margin-bottom: 0;
    }

    .bpbi-crylist .slick-dots {
        bottom: 0;
        position: relative;
        margin-top: 0.2rem;
    }

    .ys-nybanner1 .ys-nyban-title h1 {
        padding-top: var(--headh);
    }

    .about-full-list {
        --ge: 100%;
    }

    .about-full .ys-cont1600 {
        top: 46%;
    }

    .battery-quality-core-list .slick-dots {
        bottom: 0;
        position: relative;
        margin-top: 0.1rem;
    }

    .bqcl-item:not(:last-child)::before {
        content: unset;
    }

    .bqcl-item {
        opacity: 1;
    }

    /* 2026.6.5 start */
    .shore-system-point .ys-spot {
        pointer-events: all;
    }

    .shore-system-point {
        pointer-events: none !important;
    }

    .shore-system-point.isclick {
        pointer-events: all !important;
        z-index: 5;
    }

    .shore-system-point.isclick .shore-system-point-text {
        opacity: 1;
        pointer-events: all;
    }

    .shore-system-point.isclick .shore-system-point-btn {
        background: var(--colorfff);
    }

    .shore-system-points-ph {
        display: block;
    }

    .shore-system-points-pc {
        display: none;
    }

    .scbl-item img {
        border-radius: 0.12rem;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        overflow: hidden;
    }

    .contact-form .ys-fic-auth {
        height: 42px;
    }

    .ys-fic-auth-img {
        height: calc(var(--height) - 0.04rem);
    }

    .ys-form-inof-code .ys-fic-auth .ys-fii-input {
        padding-right: 10px;
    }

    /* 2026.6.5 end */
    /* 767end */
}

/* 新历史历程 start */
@media screen and (max-width: 1680px) {
    .aibb-list {
        --ge: 4px;
    }

    .adbs-item:first-child .adbs-item-box-bot::before {
        background-image: repeating-linear-gradient(-90deg, var(--colorfff), var(--colorfff) var(--gap), transparent var(--gap), transparent calc(4px + var(--gap))), linear-gradient(180deg, #0028AA 0%, rgba(0, 40, 170, 0.00) 100%);
    }

    .adbs-item:last-child .adbs-item-box-bot::before {
        background-image: repeating-linear-gradient(90deg, var(--colorfff), var(--colorfff) var(--gap), transparent var(--gap), transparent calc(4px + 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 {
        background-image: repeating-linear-gradient(90deg, var(--colorfff), var(--colorfff) var(--gap), transparent var(--gap), transparent calc(4px + var(--gap))), linear-gradient(180deg, #0028AA 0%, rgba(0, 40, 170, 0.00) 100%);
    }
}

@media screen and (max-width: 1440px) {
    .about-contemporary-bg-clo1 {
        top: -0.8rem;
    }
}

@media screen and (max-width: 1199px) {
    .aibb-list {
        --ge: 3px;
    }

    .adbs-item:first-child .adbs-item-box-bot::before {
        background-image: repeating-linear-gradient(-90deg, var(--colorfff), var(--colorfff) var(--gap), transparent var(--gap), transparent calc(3px + var(--gap))), linear-gradient(180deg, #0028AA 0%, rgba(0, 40, 170, 0.00) 100%);
    }

    .adbs-item:last-child .adbs-item-box-bot::before {
        background-image: repeating-linear-gradient(90deg, var(--colorfff), var(--colorfff) var(--gap), transparent var(--gap), transparent calc(3px + 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 {
        background-image: repeating-linear-gradient(90deg, var(--colorfff), var(--colorfff) var(--gap), transparent var(--gap), transparent calc(3px + var(--gap))), linear-gradient(180deg, #0028AA 0%, rgba(0, 40, 170, 0.00) 100%);
    }

    .about-contemporary-bg-clo1 {
        top: -0.2rem;
    }

    .ys-main.ys-privacy .ys-priban {
        top: 60%;
    }
}

@media screen and (max-width: 767px) {
    .about-deve-bot {
        width: 100%;
    }

    .adbs-item-box-bot {
        height: 2.2rem;
    }

    .aibt-cry {
        width: 90%;
    }

    .about-deve-top {
        margin-bottom: 25px;
    }

    .about-deve {
        padding: 42px 0 52px;
    }

    .about-deve-bot-yearbox {
        bottom: -20px;
        left: 20px;
    }

    .about-contemporary-bg-clo1 {
        top: 0.8rem;
    }

    .about-contemporary-bg-clo2 {
        bottom: -0.2rem;
    }

    .ys-main.ys-privacy .ys-priban {
        top: 66%;
    }
}

/* 新历史历程 end */

/* 2026.07.09 - 二期 - start */
@media screen and (max-width: 1680px) {
    .bfcl-slide .ys-sit-icon {
        width: 18px;
        height: 18px;
        margin-top: 8px;
    }

    .std-btn1 .std-btn1-link {
        padding: 9px 18px;
    }

    .ycii-crybox ul li::before {
        width: 5px;
        height: 5px;
        top: 7px;
    }

    .ycii-crybox ul li {
        padding-left: 14px;
    }
}

@media screen and (max-width: 1440px) {
    .bfcl-slide .ys-sit-icon {
        width: 16px;
        height: 16px;
        margin-top: 3px;
    }

    .std-btn1 .std-btn1-link {
        padding: 8px 16px;
    }

    .ycii-list-item-icon {
        border-radius: 6px;
    }
}

@media screen and (max-width: 1199px) {
    .beichen-intro-copy {
        padding-top: 0;
    }

    .beichen-card-list {
        --ge: 50%;
        margin: 0.5rem calc(var(--gap1) * -1) 0;
    }

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

    .beichen-card-list.ys-dots1 .slick-dots li::after {
        background: var(--colormain);
    }

    .beichen-card-list .slick-dots {
        bottom: auto;
        margin-top: 0.1rem;
        position: relative;
    }

    .beichen-card-list-item>div {
        box-shadow: 0 4px 10px 0 rgba(16, 34, 62, 0.06);
        padding: 25px 20px;
    }

    .bcli-box::before {
        width: 3px;
    }

    .beichen-functions-core-le {
        width: 43.24%;
    }

    .beichen-functions-core-ri {
        width: 52.33%;
    }

    .bfcl-slide .ys-sit-icon {
        width: 14px;
        height: 14px;
    }

    .yunhan-detail-post-line {
        display: none;
    }

    .yunhan-detail-panel {
        width: 100%;
    }

    .yunhan-detail-bg-cry .yunhan-product-card {
        width: 100%;
    }

    .paper-feature-copy {
        width: 47.43%;
    }

    .paper-feature-actions {
        margin-top: 0.4rem;
    }

    .paper-card-list {
        --gap1: 0.1rem;
        --gap2: 0.4rem;
    }

    .paper-card-title {
        margin-bottom: 0.35rem;
    }

    .beichen-public {
        padding-bottom: 0;
    }

    .yunhan-detail .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 3px;
    }

    .yunhan-detail .slick-dots li.slick-active {
        width: 6px;
    }
}

@media screen and (max-width: 767px) {
    .beichen-main .vessel-banner .std-font72 {
        width: 100%;
    }

    .beichen-intro {
        flex-direction: column;
    }

    .beichen-intro-copy {
        width: 100%;
    }

    .beichen-public {
        padding-top: 42px;
    }

    .beichen-intro-text {
        width: 100%;
        margin-top: 12px;
    }

    .beichen-intro-media {
        width: 100%;
        margin-top: 20px;
    }

    .beichen-card-list-item>div {
        padding: 20px 15px;
    }

    .bcli-box-ri-tit {
        font-size: 18px;
    }

    .bcli-box-ri-cry,
    .bcli-box-ri-cry p {
        line-height: 1.4;
    }

    .beichen-card-list .slick-dots {
        margin-top: 0rem;
    }

    .beichen-functions {
        padding: 42px 0;
    }

    .beichen-functions-core-ri {
        display: none;
    }

    .beichen-functions-core-le {
        width: 100%;
    }

    .beichen-functions-core {
        padding: 20px 15px;
        margin-top: 0.3rem;
    }

    .bfcl-slide .ys-slide-item-bot .ys-imgbox-cover {
        display: block;
        margin-top: 10px;
    }

    .bfcl-slide .ys-sit-name {
        font-size: 18px;
    }

    .bfcl-slide .ys-sit-icon {
        width: 12px;
        height: 12px;
        margin-top: 5px;
    }

    .bfcl-slide .ysib-crybox,
    .bfcl-slide .ysib-crybox p {
        font-size: 14px;
        line-height: 1.4;
    }

    .yunhan-product-title {
        font-size: 18px;
        margin-bottom: 0.2rem;
    }

    .yunhan-product-info {
        width: 65%;
        padding-left: 0.2rem;
    }

    .yunhan-product-media {
        width: 35%;
    }

    .std-btn1 .std-btn1-link {
        padding: 7px 16px;
    }

    .yunhan-content-card {
        padding: 20px 15px;
        margin-top: 10px;
    }

    .yunhan-detail {
        padding-top: calc(var(--headh) + 42px);
        padding-bottom: 42px;
    }

    .yunhan-content-inner-item {
        padding-bottom: 18px;
        margin-bottom: 18px;
    }

    .ylir-title {
        font-size: 16px;
    }

    .ylir-cry,
    .ylir-cry p {
        font-size: 12px;
        line-height: 1.4;
    }

    .yunhan-block-title {
        font-size: 20px;
    }

    .ycii-list-item-icon {
        margin-right: 0.1rem;
    }

    .ycii-crybox ul li::before {
        width: 4px;
        height: 4px;
    }

    .ycii-crybox ul li {
        padding-left: 10px;
    }

    .ycii-list-item:not(:last-child) {
        margin-bottom: 12px;
    }

    .yunhan-param-btn.std-btn1 .std-btn1-link {
        padding: 6px 16px;
    }

    .yunhan-detail-post2 {
        display: none;
    }

    .yunhan-product-card-zhan {
        opacity: 1;
        pointer-events: all;
        width: 100%;
        position: relative;
        top: auto;
    }

    .yunhan-param-btn {
        margin-left: 0;
        margin-top: 0.05rem;
    }

    .handle-main .yunhan-product-card {
        top: auto;
    }

    .handle-main .yunhan-detail {
        padding: calc(var(--headh) + 42px) 0 42px;
    }

    .paper-feature {
        padding-top: 42px;
    }

    .paper-feature-core {
        flex-direction: column;
    }

    .paper-feature-copy {
        width: 100%;
    }

    .paper-feature-figure {
        width: 100%;
        margin-top: 25px;
    }

    .paper-feature-actions {
        margin-top: 0.3rem;
    }

    .paper-card-list {
        --ge: 100%;
    }

    .paper-list-section {
        padding: 42px 0;
    }

    .paper-card-title {
        height: auto;
        -webkit-line-clamp: inherit;
        margin-bottom: 0.28rem;
    }

    .paper-card-main {
        padding-bottom: 10px;
    }

    .paper-list-section .ys-pcfy {
        margin-top: 25px;
    }
}

/* 2026.07.09 - 二期 - end */


/* 2026.7.31 三期 star */

@media screen and (max-width: 1940px) {}

@media screen and (max-width: 1680px) {
    .ccbs-li-wrap-btm {
        padding: 0.26rem;
    }

    .clwb-icon {
        width: 0.68rem;
        margin-bottom: 0.05rem;
    }

    .clwb-tit {
        padding-bottom: 0.2rem;
        margin-bottom: 0.22rem;
    }

    .ccbu-li-tit {
        padding-left: 0.15rem;
        padding-right: 0.15rem;
    }

    .ccbs-cont-top {
        margin-bottom: 0.36rem;
    }

    .career-benefit-top {
        padding: .2rem 0;
    }

    .career-talent-caption-wrap {
        padding: 0.25rem 0.2rem;
    }

    .career-join-copy {
        margin-top: 0.8rem;
    }

    .career-process-inof-item {
        width: 14.285714%;
    }

    .career-process-arrow {
        left: 98%;
    }

    .career-talent-head {
        margin-bottom: 0.4rem;
    }

    .service-map-bottom-right {
        width: 59%;
    }

    .service-map-popover-item::after {
        top: -0.14rem;
    }

    .service-recycle-copy {
        width: 34.875%;
    }

    .srli-icon {
        width: 0.8rem;
        margin-bottom: .2rem;
    }

    .srli-box {
        padding: .25rem;
    }

    .srli-box-btm p::after {
        width: 0.06rem;
        height: 0.06rem;
        top: 0.1rem;
    }

    .service-batter-img {
        width: 11.22rem;
    }

    .service-plan-card-editor ul p::after {
        width: 0.06rem;
        height: 0.06rem;
    }

    .service-finance-editor ul p::after {
        top: 0.05rem;
    }

    .propulsion-copy {
        width: 40%;
    }

    .propulsion-copy .std-text16 {
        margin: 2.5rem 0 0 1.93rem;
    }

    .propulsion-card-copy {
        padding: 0.3rem 0.25rem;
    }

    .clbs-ul-li {
        width: 26% !important;
    }

    .domain-product-copy {
        width: 32.5%;
    }

    .energy-core-summary {
        width: 41%;
    }

    .energy-card-icon {
        width: 0.66rem;
    }

    .energy-card-detail {
        margin-top: 1.5rem;
    }

    .energy-arch-copy-top {
        padding-bottom: 0.3rem;
        margin-bottom: 0.3rem;
    }

    .energy-arch-copy {
        width: 34%;
    }

    .power-batter-list-li {
        margin-bottom: 1.4rem;
    }

    .energy-arch-list-item {
        margin-bottom: 1.4rem;
    }

    .cloud-overview-copy {
        width: 43%;
    }

    .cloud-overview-copy .std-btn1 {
        margin-top: .45rem;
    }

    .cloud-value-note3 {
        top: 68%;
        left: 5.5%;
    }

    .cloud-value-note4 {
        top: 86%;
        left: 15.5%;
    }

    .cloud-value-note-editor p::after {
        width: 0.06rem;
        height: 0.06rem;
    }

    .ys-form {
        --spacebot: 0.12rem;
    }

}

@media screen and (max-width: 1440px) {
    .career-main .ys-nyban-content {
        width: 9.6rem;
    }

    .clwb-info p::after {
        top: 0.09rem;
    }

    .ccbs-li-wrap-btm {
        padding: 0.2rem;
    }

    .clwb-tit {
        padding-bottom: 0.18rem;
        margin-bottom: 0.18rem;
    }

    .clwb-info p {
        margin-bottom: 0.06rem;
    }

    .career-benefit-list p::after {
        top: 0.12rem;
    }

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

    .career-benefit-mark {
        width: .3rem;
    }

    .career-talent-arrow {
        width: .26rem;
    }

    .career-process-icon {
        width: 1.8rem;
        height: 1.8rem;
    }

    .career-process-arrow {
        top: .78rem;
        width: .18rem;
    }

    .career-join-copy {
        width: 9.8rem;
    }

    .career-process-dot {
        width: 90%;
        height: 90%;
    }

    .service-map-popover-item::after {
        top: -0.18rem;
        border-left: 0.18rem solid transparent;
        border-right: 0.18rem solid transparent;
        border-top: 0.1rem solid transparent;
        border-bottom: 0.1rem solid #fff;
    }

    .service-map-popover-item {
        width: 3.63rem;
    }

    .service-map-bottom-right {
        width: 61%;
    }

    .service-map-stat {
        width: 3.2rem;
    }

    .service-recycle-copy {
        width: 40.875%;
    }

    .srli-box-btm p::after {
        top: 0.13rem;
    }

    .service-batter-img {
        width: 15.22rem;
    }

    .service-batter-wrap-bgcl {
        height: calc(100vh - 2.45rem);
    }

    .service-plan-card-editor ul p::after {
        top: 0.1rem;
    }

    .service-finance-editor ul p::after {
        top: 0.08rem;
    }

    .service-finance-copy {
        width: 40%;
    }

    .control-tab-link {
        padding: 0.13rem .1rem;
    }

    .propulsion-core-btm {
        width: 100%;
        max-width: 16.62rem;
    }

    .clbs-ul-li {
        width: 26.4% !important;
    }

    .control-copy-summary {
        margin-top: .2rem;
    }

    .control-copy {
        width: 38.5%;
    }

    .propulsion-card-list {
        --gap: 0.15rem;
    }

    .service-head {
        max-width: 100%;
    }

    .domain-core-desc {
        width: 44.75%;
    }

    .domain-core-copy {
        width: 45%;
    }

    .domain-fact-icon {
        width: .6rem;
        margin-bottom: .16rem;
    }

    .energy-card-list-item {
        width: 4.6rem !important;
    }

    .energy-card-icon {
        width: 0.86rem;
    }

    .system-icon {
        width: .62rem;
    }

    .system-content {
        width: 77.75%;
    }

    .cloud-overview-copy {
        width: 46%;
    }

    .cloud-overview-copy .std-text16 {
        max-width: 6.57rem;
    }

    .cloud-overview-copy .std-btn1 {
        margin-top: .4rem;
    }

    .cloud-opetat-btm-ri {
        width: calc(100% - 1rem);
    }

    .cloud-opetat-btm-le {
        width: 0.9rem;
    }

    .cobr-ul-li-info p {
        margin-bottom: 0.15rem;
    }

    .cobr-ul-li-info {
        margin-top: 0.2rem;
    }

    .cobl-li-top-icon {
        width: 0.26rem;
        height: 0.26rem;
    }

    .cloud-value-note-editor p {
        font-size: var(--font14);
    }

    .cloud-value-note-editor p::after {
        top: 0.09rem;
    }

    .cloud-value-note1 {
        top: 9%;
        left: 13%;
    }

    .energy-arch-copy {
        width: 36%;
    }

    .cloud-pop .ys-modal-content {
        width: 9.32rem;
    }

    .cloud-pop-close {
        width: .42rem;
        height: .42rem;
    }

    .ys-form {
        --height: 0.58rem;
    }

    .cloud-pop-core .std-font54 {
        margin-bottom: 0.2rem;
    }

}


@media screen and (max-width: 1199px) {
    .career-choose-ul {
        display: none;
    }

    .career-choose-wrap {
        position: relative;
        height: auto;
    }

    .career-choose-wrap-cont {
        position: relative;
        top: 0;
        left: 0;
        height: auto;
    }

    .ys-ban-video {
        display: none;
    }

    .career-choose {
        padding: var(--space140) 0;
    }

    .career-choose-btm-swiper {
        width: 36.5vw;
        margin: 0 auto;
        transform: translateX(0);
    }

    .career-choose-btm-scrle {
        width: 100vw;
        position: relative;
        top: auto;
        left: auto;
        opacity: 1;
        transition: all 0s;
        transform: none;
        margin-top: 0.6rem;
    }

    .career-choose-btm-scrle .ys-cont1600 {
        opacity: 1;
        pointer-events: all;
    }

    .ccbs-wrap::after {
        opacity: 1;
    }

    .ccbs-li-end {
        display: none !important;
    }

    .career-choose-btm-swiper {
        width: 54.5vw;
    }

    .ccbs-cont {
        width: 95%;
    }

    .career-why-head {
        margin: 0 auto .4rem;
    }

    .ccbs-li-wrap-btm {
        display: none;
    }

    .ccbs-li:nth-last-child(2) {
        display: none !important;
    }

    .career-choose-btm-scrle .ys-cont1600 {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        z-index: 10;
    }

    .career-choose-btm-scrle {
        padding: 0.9rem 0 1.1rem;
    }

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

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

    .career-choose {
        padding-bottom: 0 !important;
    }

    /* .career-talent-media {
        height: 4.8rem;
    } */

    .career-process-orbit {
        opacity: 1;
    }

    .career-process-inof-item {
        opacity: 1;
    }

    .career-process-inof {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .career-process-inof-item {
        width: 20%;
        margin-bottom: 0.15rem;
    }

    .career-process-bg {
        top: -9%;
        transform: none;
    }

    .career-main .ys-nyban-content {
        padding-left: 16px;
        padding-right: 16px;
    }

    .service-map-top {
        width: 100%;
    }

    .service-map-bottom {
        flex-wrap: wrap;
    }

    .service-map-bottom-left {
        width: 100%;
        margin-bottom: 0.3rem;
        margin-top: 0.25rem;
    }

    .service-map-bottom-right {
        width: 100%;
    }

    .service-map-stat {
        text-align: left;
    }

    .service-map-stat-number {
        align-items: self-start;
        justify-content: flex-start;
    }

    .service-map-legend {
        display: flex;
    }

    .service-map-legend li+li {
        margin-top: 0;
        margin-left: .25rem;
    }

    .service-map-legend img {
        width: .1rem;
        margin-right: .08rem;
        margin-top: 0.09rem;
    }

    .service-recycle-copy {
        width: 48.875%;
    }

    .service-batter-posit {
        position: relative;
    }

    .service-batter-posit-top {
        padding-top: 0rem;
        padding-bottom: 0.3rem;
        flex-wrap: wrap;
    }

    .service-recycle-title {
        width: 100%;
    }

    .service-recycle-copy {
        width: 100%;
        margin-right: 0;
        margin-top: 0.2rem;
    }

    .service-recycle-copy p {
        min-height: auto;
    }

    .service-batter-posit-style {
        width: 100%;
        height: auto;
        position: relative;
    }

    .sbpb-posit {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

    .sbpb-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

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

    .service-batter-posit-btm {
        padding-top: 0.75rem;
        padding-bottom: 0;
    }

    .service-recycle-item {
        width: 50%;
        margin-bottom: 0.25rem;
    }

    .service-batter-ph {
        display: block;
    }

    .service-batter-pc {
        display: none;
    }

    .service-batter-wrap {
        padding-top: 0.4rem;
        pointer-events: all;
    }

    .srli-box-btm p::after {
        top: 0.15rem;
    }

    .service-batter-wrap-bgcl {
        height: auto;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }

    .service-plan-core {
        flex-wrap: wrap;
    }

    .service-plan-copy {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    .service-plan-slide {
        width: 100%;
    }

    .service-plan {
        padding-bottom: 0;
    }

    .service-finance-core {
        flex-wrap: wrap;
    }

    .service-finance-copy {
        width: 100%;
        /* margin-bottom: 0.2rem; */
    }

    .service-network {
        width: 100%;
    }

    .service-finance-editor ul p::after {
        top: 0.11rem;
    }

    .service-recycle-item {
        display: none;
    }

    .service-recycle-item:first-child {
        display: block;
    }

    .service-recycle-list .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .service-recycle-list .slick-dots {
        position: relative;
        bottom: auto;
        /* margin-top: 0.15rem; */
    }

    .srli-box {
        height: 100%;
    }

    .smpu-li-wrap {
        width: 100%;
        height: 100%;
        padding: .22rem .16rem;
        border-radius: .08rem;
        background: rgba(255, 255, 255, .96);
    }

    .smpu-li {
        width: 50%;
        padding: 0 0.1rem;
        display: none;
    }

    .smpu-li:first-child {
        display: block;
    }

    .service-map-ph-ul {
        margin: 0 -0.1rem;
        display: flex;
        flex-wrap: wrap;
    }

    .service-map-ph-ul .slick-dots li {
        width: 8px;
        height: 8px;
    }

    .service-map-ph-ul .slick-dots {
        position: relative;
        bottom: auto;
        margin-top: 0.15rem;
    }

    .service-map-ph {
        margin-top: 0.3rem;
    }

    .service-map-popover-item {
        display: none;
    }

    .control-intro-core {
        flex-wrap: wrap;
    }

    .control-copy {
        width: 100%;
        margin-bottom: 0.2rem;
    }

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

    .propulsion-copy {
        width: 55%;
    }

    .propulsion-copy .std-text16 {
        margin: 2.2rem 0 0 0rem;
    }

    .propulsion-story-intro {
        padding-top: 2.2rem;
    }

    .control-nav {
        margin-bottom: 0.5rem;
    }

    .service-table {
        margin-top: .8rem;
    }

    .clbs-ul-li {
        width: 30.4% !important;
    }

    .service-panel.is-more .service-table-btm thead th {
        top: 1.6rem;
    }

    .domain-core-head {
        flex-wrap: wrap;
    }

    .domain-core-copy {
        width: 100%;
        margin-bottom: 0.15rem;
    }

    .domain-core-desc {
        width: 100%;
    }

    .domain-core-btm {
        margin-top: 1rem;
        width: 73.8%;
    }

    .domain-product-core {
        width: 100%;
        transform: translateX(0rem);
        flex-direction: column-reverse;
    }

    .domain-product-copy {
        width: 100%;
        margin-bottom: 0.25rem;
    }

    .domain-stage {
        width: 100%;
    }

    .domain-product-copy .std-text16,
    .domain-product-copy .std-text16 p {
        margin-top: .3rem;
    }

    .domain-point-li.act .domain-point-li-icon {
        transform: rotate(45deg);
    }

    .domain-point-li.act .domain-point-mark::before,
    .domain-point-li.act .domain-point-mark::after {
        opacity: 0 !important;
    }

    .domain-point-li.act .domain-point-li-ri {
        opacity: 1;
    }

    .domain-point-li {
        pointer-events: all;
    }

    .domain-point-li img {
        pointer-events: none;
    }

    .domain-feature-media {
        display: none;
    }

    .domain-feature-list {
        width: 100%;
    }

    .ysit-ph {
        display: block;
        margin-top: 0.2rem;
        border-radius: 0.14rem;
    }

    .energy-core-head {
        flex-wrap: wrap;
    }

    .energy-core-title {
        width: 100%;
        margin-bottom: 0.1rem;
    }

    .energy-core-summary {
        width: 100%;
    }

    .energy-core-ul {
        display: none;
    }

    .energy-core-btm {
        position: relative;
        height: auto;
    }

    .energy-core-pin {
        height: auto;
        padding: var(--space140) 0;
    }

    .energy-arch-list-item {
        flex-wrap: wrap;
    }

    .energy-arch-copy {
        width: 100%;
        margin-bottom: 0.25rem;
    }

    .energy-arch-media {
        width: 100%;
    }

    .energy-arch-list-item {
        margin-bottom: 1rem;
    }

    .power-batter-list-li {
        margin-bottom: 1rem;
    }

    .energy-arch-list-item {
        margin-bottom: 1rem;
    }

    .power-banner-copy {
        width: 70.5%;
    }

    .cloud-anchor {
        display: none;
    }

    .cloud-main .ys-nybanner2 .ys-nyban-title .std-font72 {
        width: 70.8125%;
    }

    .cloud-overview-core {
        flex-wrap: wrap;
    }

    .cloud-overview-copy {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    .cloud-overview-media {
        width: 100%;
    }

    .cloud-overview-copy .std-text16 {
        max-width: 100%;
    }

    .cloud-overview-copy .std-btn1 {
        margin-top: .3rem;
    }

    .cobr-ul-li .ys-imgbox-cover {
        display: block;
    }

    .cobr-slick {
        display: none;
    }

    .cobr-ul {
        width: 100%;
    }

    .cloud-value-notes {
        position: relative;
        inset: auto;
        pointer-events: all;
    }

    .cloud-value-btm-svg {
        width: 80%;
    }

    .cloud-value-btm {
        display: flex;
        flex-direction: column;
    }

    .cloud-value-note {
        position: sticky !important;
        top: auto !important;
        bottom: auto !important;
        right: auto !important;
        left: auto !important;
    }

    .cloud-value-notes {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -0.1rem;
    }

    .cloud-value-note {
        width: 50%;
        padding: 0 0.1rem;
        margin-bottom: 0.2rem;
    }

    .cloud-value-line {
        width: calc(100% - 0.2rem) !important;
        left: 0.2rem !important;
        right: auto !important;
    }

    .cloud-value-notes {
        margin-top: 0rem;
    }

    .cloud-value-btm-svg {
        margin-top: -0.3rem;
        margin-bottom: -0.3rem;
    }

    .service-map-ph {
        display: block;
    }

    .cloud-value-note-tit {
        display: block;
        border-bottom: 1px solid rgba(153, 153, 153, 0.50);
        padding-bottom: 0.15rem;
        margin-bottom: 0.15rem;
    }

    .cloud-value-note-line {
        display: none;
    }

    .cvnl-wrap {
        width: 100%;
        background: #F1F3F6;
        border-radius: 0.08rem;
        padding: 0.24rem 0.16rem;
        height: 100%;
    }

}


@media screen and (max-width: 767px) {
    .career-choose-btm-swiper {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .career-choose-btm-scrle {
        padding: 0.6rem 0 0.75rem;
        margin-top: 0.5rem;
    }

    .ccbs-cont {
        width: 100%;
    }

    .ccbs-cont-btm {
        width: 100%;
    }

    .career-why-head .std-text18 {
        margin-top: .1rem;
    }

    .career-why-head {
        margin: 0 auto .3rem;
    }

    .career-benefit-list p::after {
        top: 0.13rem;
    }

    .career-talent-inof-item {
        margin-bottom: 0.25rem;
        width: 100%;
    }

    .career-talent-inof {
        flex-wrap: wrap;
    }

    .career-talent-inof-item:last-child {
        margin-bottom: 0;
    }

    .career-talent-head {
        margin-bottom: 0.3rem;
    }

    .career-talent-media {
        height: 5rem;
    }

    .career-talent-caption-wrap {
        padding: 0.22rem 0.18rem;
    }

    .career-process-inof-item {
        width: 50%;
    }

    .career-process-arrow {
        display: none;
    }

    .career-process-icon {
        width: 2.4rem;
        height: 2.4rem;
    }

    .career-process-inof {
        justify-content: center;
    }

    .career-process-bg {
        display: none;
    }

    .career-process-btm {
        margin-top: 0.22rem;
    }

    .career-join-core {
        position: relative;
        inset: auto;
    }

    .career-join {
        display: flex;
        flex-direction: column-reverse;
    }

    .career-join-copy {
        margin-top: 0;
    }

    .career-join-bg {
        margin-top: -0.9rem;
    }

    .career-join-action {
        margin-top: .25rem;
    }

    .career-process-inof {
        width: 88%;
    }

    .service-main .ys-nyban-img img {
        min-height: 300px;
        object-fit: cover;
    }

    .service-map-legend {
        display: block;
    }

    .service-map-legend li+li {
        margin-top: 0.12rem;
        margin-left: 0;
    }

    .service-map-bottom-right {
        flex-wrap: wrap;
    }

    .service-map-stat {
        width: 100%;
    }

    .service-map-location-list {
        width: 100%;
        padding-left: 0rem;
        margin-top: 0.15rem;
    }

    .service-recycle-item {
        width: 100%;
    }

    .srli-box-btm p::after {
        top: 0.16rem;
    }

    .service-plan-item-card {
        flex-direction: column-reverse;
    }

    .service-plan-card-content {
        width: 100%;
    }

    .service-plan-card-media {
        width: 100%;
        margin-top: 0.15rem;
    }

    .service-plan-copy {
        margin-bottom: 0.3rem;
    }

    .propulsion-story {
        height: auto;
        min-height: auto;
    }

    .propulsion-story-sticky {
        position: relative;
        top: 0;
        height: auto;
    }

    .propulsion-story-intro {
        padding-top: var(--space140);
    }

    .propulsion-copy {
        width: 100%;
        pointer-events: all;
    }

    .propulsion-copy .std-text16 {
        margin: 0.3rem 0 0 0rem;
    }

    .propulsion-story-start-media {
        display: none;
    }

    .propulsion-story-reveal {
        position: relative;
        inset: auto;
        z-index: 4;
        overflow: hidden;
        background: transparent;
        pointer-events: all;
        margin-top: 0.35rem;
    }

    .propulsion-story-reveal-item {
        position: relative;
        inset: auto;
        -webkit-clip-path: inherit;
        display: none;
    }

    .propulsion-story-reveal-item:first-child {
        display: block;
    }

    .propulsion-story-reveal-list img {
        height: inherit;
        max-height: 180px;
        object-fit: cover;
    }

    .propulsion-story-reveal-item {
        height: inherit;
    }

    .propulsion-story-reveal-item {
        width: 100%;
        padding: 0 !important;
    }

    .propulsion-card-list .slick-dots li,
    .propulsion-story-reveal-list .slick-dots li {
        width: 8px;
        height: 8px;
    }


    .propulsion-story-reveal-list .slick-dots {
        position: relative;
        bottom: auto;
        margin-top: 0.25rem;
    }

    .propulsion-card-list .slick-dots {
        position: relative;
        bottom: auto;
    }

    .propulsion-story {
        padding-bottom: var(--space140);
    }

    .propulsion-card-list-item {
        margin-top: 0 !important;
        width: 100%;
        margin-bottom: 0.25rem;
        transform: inherit;
    }

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

    .propulsion-card-list {
        flex-wrap: wrap;
    }

    .propulsion-card-list-item {
        display: none;
    }

    .propulsion-card-list-item:first-child {
        display: block;
    }

    .propulsion-core-btm {
        margin: .3rem auto 0;
    }

    .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(--font14);
    }

    .service-table-btm thead th,
    .service-table-btm td {
        padding: .18rem .12rem;
    }

    .service-more {
        margin: .2rem auto 0;
    }

    .service-panel.is-more .service-table-btm thead th {
        top: 1.72rem;
    }

    .clbs-ul-li {
        width: 80.4% !important;
    }

    .certificate-licen-btm-swiper {
        width: 82.5%;
    }

    .certificate-licen-btm {
        margin-top: 0.3rem;
    }

    .domain-core-btm {
        margin-top: 1rem;
        width: 100%;
    }

    .domain-fact-list-item {
        width: 50%;
    }

    .energy-card-viewport {
        margin-top: .43rem;
    }

    .energy-card-detail {
        margin-top: 1.2rem;
    }

    .energy-card-list-item {
        width: 5.2rem !important;
    }

    .energy-arch-list {
        margin-top: .3rem;
    }

    .energy-arch-copy-top {
        padding-bottom: 0.2rem;
        margin-bottom: 0.2rem;
    }

    .energy-arch-list-item {
        margin-bottom: 0.8rem;
    }

    .power-banner-copy {
        width: 100%;
    }

    .solution-head {
        margin-bottom: 0.3rem;
    }

    .power-batter-list-li {
        margin-bottom: 0.5rem;
    }

    .energy-arch-list-item {
        margin-bottom: 0.5rem;
    }

    .system-content {
        width: 100%;
    }

    .system-card {
        width: 50%;
    }

    .system-panels {
        margin-top: 0.4rem;
    }

    .system-cards {
        flex-wrap: wrap;
    }

    .system-tabs {
        margin: .3rem auto 0;
    }

    .power-cases .vessel-cases-more {
        margin-top: 0.3rem;
    }

    .cloud-overview-copy .std-btn1 {
        margin-top: .2rem;
    }

    .cloud-opetat-btm-le {
        display: none;
    }

    .cloud-opetat-btm-ri {
        width: 100%;
    }

    .cobr-ul {
        margin-top: 0.1rem;
    }

    .cobr-ul-li-info {
        margin-top: 0.15rem;
    }

    .cobr-ul-li {
        margin-bottom: 0.5rem;
    }

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

    .cloud-value-note {
        width: 100%;
    }

    .cloud-value-note-editor p::after {
        top: 0.14rem;
    }

    .cloud-value-btm-svg {
        width: 100%;
        margin-bottom: -1rem;
    }

    .bebt-bot-list-item .ys-imgbox-cover,
    .bbli-name,
    .bbli-dir,
    .bbli-type,
    .bebt-bot-unit {
        opacity: 1;
        transform: translateY(0px);
    }

    .bebt-bot::after {
        opacity: 1;
    }

    .ys-form-inof-item2 {
        width: 100%;
    }

    .cloud-pop .ys-modal-content {
        padding: 0.4rem 0.3rem;
    }

    .ys-fii-name {
        margin-bottom: 0;
    }

    .cloud-pop-core .std-font54 {
        margin-bottom: 0.15rem;
    }

    .ys-form {
        --spacebot: 0.1rem;
    }

    .service-plan-card-title {
        width: 100%;
        padding-right: 0.1rem;
    }

}


/* 2026.7.31 三期 end */
/* 2026.8.11 lucas start */
@media screen and (max-width: 1680px) {
    .mod-modal-form .ys-modal-content {
        height: 6.8rem;
    }

    .resources-hero {
        margin-top: -2rem;
    }



}

@media screen and (max-width: 1440px) {
    .mod-modal-form .ys-modal-close {
        width: 28px;
        height: 28px;
    }

    .mod-modal-form .iconfont {
        font-size: 12px;
    }

    .sticky-body:has(.ys-hd-pc.hide) .service-table-btm thead th {
        top: 0.7rem;
    }

    .sticky-body:has(.ys-hd-pc.hide) .service-table-btm tr:first-child td {
        top: 0.7rem;
    }

    .service-panel.is-more .service-table-btm tr:first-child td {
        position: sticky;
        top: 1.68rem;
        z-index: 4;
    }

    .clwb-info {
        max-height: 2.6rem;
    }

    .career-main .ys-nyban-content {
        width: 14.6rem;
    }

    .career-main .ys-nyban-content .ys-nyban-copy {
        width: 9.6rem;
    }

}

@media screen and (max-width: 1199px) {
    .mod-modal-form .mCSB_scrollTools .mCSB_draggerRail {
        width: 2px;
    }

    .mod-modal-form .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 2px;
    }

    .clwb-icon-ph {
        display: block;
    }

    .clwb-icon-pc {
        display: none;
    }

    .ccbs-li-wrap-btm {
        display: block;
        opacity: 1;
        position: relative;
        top: 0;
        left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .clwb-tit p {
        color: #333333;
    }

    .clwb-tit {
        border-color: #999999;
    }

    .clwb-info p {
        color: #333333;
    }

    .clwb-info p::after {
        background: #333333;
    }

    .clwt-posit {
        display: none;
    }

    .sticky-body:has(.ys-hd-pc.hide) .service-table-btm tr:first-child td {
        top: 1.6rem;
    }

    .service-panel.is-more .service-table-btm tr:first-child td {
        top: 1.6rem;
    }

    .clwb-info {
        max-height: inherit;
    }

    .resources-hero {
        margin-top: -1.5rem;
    }

    .contact-main .contact-form-media img {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-height: 500px;
        object-fit: cover;
        object-position: center 82%;
    }

    .cloud-opetat-posit-img {
        height: 100%;
        position: relative;
        top: 0;
    }

}

@media screen and (max-width: 767px) {
    .mod-modal-form .ys-modal-content {
        height: 8rem;
        padding: 45px 15px 0;
    }

    .mmfc-name {
        font-size: 20px;
    }

    .mod-modal-form .ys-modal-close {
        width: 24px;
        height: 24px;
    }

    .mod-modal-form .iconfont {
        font-size: 10px;
    }

    .mod-modal-form .mCSB_scrollTools .mCSB_draggerContainer {
        height: 89%;
    }

    .ylir-cry,
    .ylir-cry p {
        font-size: 14px;
        line-height: 1.4;
    }

    .resources-main .ys-nybanner {
        position: absolute;
        top: 0;
        left: 0;
    }

    .resources-hero {
        margin-top: 100px;
    }

    .cloud-value-btm-svg {
        margin-bottom: 0rem;
        margin-top: -0.2rem;
    }

    .cloud-value-note:last-child {
        margin-bottom: 0 !important;
    }

    .contact-main .contact-form-media img {
        max-height: 360px;
    }

    .about-contemporary-cry .ys-cont1600 {
        top: 1.8rem;
    }

}

/* 2026.8.11 lucas end */