.timeline-mobile {
    display: none;
}

@media (max-width: 1024px) {
    .ifc_detail_content .ifc_four_item_box {
        height: auto;
        padding-top: 1.01rem !important;
        padding-bottom: 0.86rem;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: 100% 100% !important;
    }

    .ifc_detail_content .ifc_four_item_box .first_item_box_content {
        flex-direction: column;
        margin-top: 0 !important;
        padding: 0 0.39rem;
    }

    .ifc_detail_content .ifc_four_item_box .first_item_box_content_left {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ifc_detail_content .ifc_four_item_box .first_item_box_content_left p {
        text-align: center;
    }

    .ifc_detail_content .ifc_four_item_box .first_item_box_content_left img {
        width: 6.72rem;
        height: auto;
        margin-top: 0.34rem;
        margin-bottom: 0.74rem;
    }

    .ifc_detail_content .ifc_four_item_box .first_item_box_content_right img {
        display: block;
        height: auto !important;
    }

    .ifc_detail_content .ifc_four_item_box .first_item_box_content_right_1 img {
        width: 2.13rem;
    }

    .ifc_detail_content .ifc_four_item_box .first_item_box_content_right_2 img,
    .ifc_detail_content .ifc_four_item_box .first_item_box_content_right_3 img {
        width: 2.12rem;
    }

    .idc_detail_content .idc310_item_box {
        height: auto !important;
        padding-top: 0.92rem;
        padding-bottom: 0.9rem;
        background:
                radial-gradient(circle at 50% 18%, rgba(82, 176, 255, 0.36) 0%, rgba(19, 63, 122, 0.12) 24%, rgba(8, 22, 44, 0) 44%),
                linear-gradient(180deg, #16579d 0%, #0f4481 30%, #0d3465 58%, #08162c 100%) !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: cover !important;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content {
        margin-top: 0 !important;
        padding: 0 0.39rem !important;
        flex-direction: column;
        align-items: center;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_left {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_left p {
        width: 100%;
        font-size: 1rem;
        line-height: 1;
        text-align: left;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_left img {
        width: 6.72rem;
        height: auto;
        margin-top: 0.36rem;
        margin-bottom: 0.72rem;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_right {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.16rem;
        align-items: start;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_right .first_item_box_content_right_1 {
        width: 100%;
        gap: 0.16rem;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_right img {
        width: 100%;
        height: auto !important;
        display: block;
    }
}

@media (max-width: 640px) {
    .idc_detail_content .idc310_item_box {
        padding-top: 0.82rem;
        padding-bottom: 0.78rem;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_left p {
        font-size: 1.28rem;
        text-align: center;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_left img {
        width: 100%;
        max-width: 6.72rem;
        margin-top: 0.28rem;
        margin-bottom: 0.64rem;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_right {
        gap: 0.14rem;
    }

    .idc_detail_content .idc310_item_box .first_item_box_content_right .first_item_box_content_right_1 {
        gap: 0.14rem;
    }
}

@media (max-width: 640px) {
    .slogan-strip__icon {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .company-section__copy h2, .timeline-title > span, .global-section h2, .ecosystem-section h2, .innovation-copy h2 {
        font-size: clamp(26px, 6vw, 32px);
    }
}

@media (max-width: 640px) {
    .innovation-feature {
        width: 100%;
        margin-bottom: clamp(20px, 1vw, 14px);
    }
}

@media (max-width: 960px) {
    .timeline-mobile {
        display: block;
        padding: 6px 0 0;
        --timeline-mobile-card-width: min(220px, 72vw);
        --timeline-mobile-gap: 18px;
        --timeline-mobile-track-pad: 18px;
        --timeline-mobile-line-bottom: 58px;
        --timeline-mobile-dot-size: 12px;
    }

    .timeline-section .timeline-grid,
    .timeline-section .timeline-title {
        display: none;
    }

    .timeline-mobile__title {
        margin: 0 0 22px;
        text-align: center;
        font-size: clamp(28px, 6vw, 40px);
        line-height: 1.15;
        font-weight: 600;
        color: #333333;
    }

    .timeline-mobile__track {
        display: flex;
        gap: var(--timeline-mobile-gap);
        overflow-x: auto;
        padding: 0 var(--timeline-mobile-track-pad) 18px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }

    .timeline-mobile__track::before {
        content: "";
        position: absolute;
        left: calc(var(--timeline-mobile-track-pad) + (var(--timeline-mobile-card-width) / 2));
        width: calc((var(--timeline-mobile-card-width) + var(--timeline-mobile-gap)) * 10);
        bottom: var(--timeline-mobile-line-bottom);
        height: 3px;
        background: linear-gradient(90deg, #cfd4dc 0%, #d7dbe1 100%);
        border-radius: 999px;
        z-index: 0;
    }

    /* .timeline-mobile__track::after {
        content: "";
        position: absolute;
        left: calc(var(--timeline-mobile-track-pad) + (var(--timeline-mobile-card-width) / 2) + ((var(--timeline-mobile-card-width) + var(--timeline-mobile-gap)) * 10));
        bottom: calc(var(--timeline-mobile-line-bottom) - 9px);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 16px solid #cfd4dc;
        z-index: 0;
    } */

    .timeline-mobile__track::-webkit-scrollbar {
        display: none;
    }

    .timeline-mobile__item {
        position: relative;
        flex: 0 0 var(--timeline-mobile-card-width);
        scroll-snap-align: start;
        padding-bottom: 68px;
        z-index: 1;
    }

    .timeline-mobile__item::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: calc(var(--timeline-mobile-line-bottom) - ((var(--timeline-mobile-dot-size) - 3px) / 2));
        width: var(--timeline-mobile-dot-size);
        height: var(--timeline-mobile-dot-size);
        margin-left: calc(var(--timeline-mobile-dot-size) / -2);
        border-radius: 50%;
        background: #c2c7cf;
        box-shadow: 0 0 0 6px rgba(245, 245, 245, 0.95);
        z-index: 1;
    }

    .timeline-mobile__card {
        min-height: 360px;
        padding: 22px 18px 18px;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 10px 28px rgba(27, 42, 72, 0.12);
        text-align: center;
    }

    .timeline-mobile__card h3 {
        min-height: 62px;
        margin: 0 0 18px;
        font-size: 17px;
        line-height: 1.45;
        font-weight: 600;
        color: #444a55;
    }

    .timeline-mobile__card img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: contain;
    }

    .timeline-mobile__card p {
        margin: 10px 0 0;
        text-align: right;
        font-size: 14px;
        color: #8d93a0;
    }

    .timeline-mobile__date {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        font-size: 15px;
        line-height: 1;
        color: #666d78;
        white-space: nowrap;
        z-index: 1;
    }
}

@media (max-width: 640px) {
    .timeline-mobile {
        --timeline-mobile-card-width: min(190px, 76vw);
        --timeline-mobile-gap: 14px;
        --timeline-mobile-track-pad: 12px;
        --timeline-mobile-line-bottom: 50px;
        --timeline-mobile-dot-size: 10px;
    }

    .timeline-mobile__track {
        padding: 0 var(--timeline-mobile-track-pad) 16px;
    }

    .timeline-mobile__card {
        min-height: 300px;
        padding: 18px 14px 14px;
        border-radius: 16px;
    }

    .timeline-mobile__card h3 {
        min-height: 52px;
        margin-bottom: 14px;
        font-size: 15px;
    }

    .timeline-mobile__card p {
        font-size: 12px;
    }

    .timeline-mobile__date {
        font-size: 13px;
    }

    .timeline-mobile__track::after {
        bottom: calc(var(--timeline-mobile-line-bottom) - 7px);
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 12px;
    }
}

@media (max-width: 960px) {
    .innovation-section {
        padding-top: 100px;
    }
}
@media (max-width: 640px) {
    .innovation-copy > p{
        margin: 0 0 clamp(26px, 1.4vw, 18px);
    }
}

@media (max-width: 960px) {
    .highlights-panel__card {
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .innovation-feature span, .innovation-copy > p, .innovation-more, .highlights-panel__list li {
        align-items: center;
    }
}
@media (max-width: 960px) {
    .highlights-panel__bg {
        min-height: auto;
    }
}

@media (max-width: 960px) {
    .global-section .global-map {
        width: 122%;
        max-width: none;
        margin-left: -11%;
    }

    .global-section .map-pin,
    .global-section .map-city {
        gap: 4px;
        font-size: 8px;
        line-height: 1;
    }

    .global-section .map-pin::before {
        width: 9px;
        height: 9px;
        border-width: 2px;
    }

    .global-section .map-pin::after {
        left: 3px;
        top: calc(50% + 2px);
        width: 3px;
        height: 5px;
    }

    .global-section .map-city::before {
        width: 5px;
        height: 5px;
        margin-left: 0;
        box-sizing: border-box;
        border: 1.5px solid #58a8ff;
        border-radius: 50%;
        background: #ffffff;
    }

    .global-section .map-city::after {
        display: block;
        left: 1px;
        top: calc(50% + 1px);
        width: 2px;
        height: 3px;
        background: #58a8ff;
    }

    .global-section .map-city--beijing {
        top: 33.8%;
        left: 66.5%;
    }

    .global-section .map-city--wuhan {
        top: 39.4%;
        left: 65.6%;
    }

    .global-section .map-city--guangzhou {
        top: 46.2%;
        left: 68.3%;
    }

    .global-section .map-city--shanghai {
        top: 40.1%;
        left: 71.2%;
    }

    .global-section .map-city--suzhou {
        top: 37.2%;
        left: 69.8%;
    }
}

@media (max-width: 640px) {
    .global-section .global-map {
        width: 138%;
        margin-left: -19%;
    }

    .global-section .map-pin,
    .global-section .map-city {
        gap: 3px;
        font-size: 7px;
    }

    .global-section .map-city::before {
        width: 4px;
        height: 4px;
        border-width: 1px;
    }

    .global-section .map-city::after {
        left: 1px;
        top: calc(50% + 1px);
        width: 2px;
        height: 2px;
    }

    .global-section .map-pin--munich {
        left: 46.6%;
    }

    .global-section .map-pin--east-europe {
        left: 55.3%;
    }

    .global-section .map-pin--middle-east {
        left: 53.8%;
    }

    .global-section .map-pin--malaysia {
        left: 67.6%;
        top: 51.1%;
    }

    .global-section .map-city--beijing {
        top: 33.2%;
        left: 66.1%;
    }

    .global-section .map-city--wuhan {
        top: 39.5%;
        left: 65.1%;
    }

    .global-section .map-city--guangzhou {
        top: 47.1%;
        left: 68.1%;
    }

    .global-section .map-city--shanghai {
        top: 40.2%;
        left: 71.6%;
    }

    .global-section .map-city--suzhou {
        top: 36.8%;
        left: 69.2%;
    }
}

.global-section h2, .ecosystem-section h2{
    color: #333;
}


@media (max-width: 960px) {
    .timeline-mobile__track::before {
        content: "";
        position: absolute;
        width: calc((var(--timeline-mobile-card-width) + var(--timeline-mobile-gap)) * 11 );
        height: 3px;
        background: linear-gradient(90deg, #cfd4dc 0%, #d7dbe1 100%);
        border-radius: 999px;
        z-index: 0;
        bottom: 66px;
        left: 0;
    }
}

@media (max-width: 767px) {
    .yanfa-overview .yanfa-shell {
        width: calc(100% - 32px);
    }

    .yanfa-overview .yanfa-panel {
        display: grid;
        grid-template-columns: 1.02fr 1.68fr;
        gap: 14px;
        align-items: center;
        padding: 18px 16px;
        margin-bottom: 22px;
        border-radius: 22px;
        background: #e5f1ff;
    }

    .yanfa-overview .yanfa-panel__intro {
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 4px 0;
    }

    .yanfa-overview .yanfa-panel__icon {
        width: 52px;
        height: 52px;
        margin-bottom: 10px;
    }

    .yanfa-overview .yanfa-panel__title {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 1.15;
        color: #333333;
    }

    .yanfa-overview .yanfa-panel__subtitle {
        font-size: 15px;
        line-height: 1.45;
        color: #4b5563;
    }

    .yanfa-overview .yanfa-panel__items {
        gap: 14px;
    }

    .yanfa-overview .yanfa-feature-card {
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
        gap: 12px;
        align-items: center;
        padding: 0;
        background: transparent;
        border-radius: 0;
    }

    .yanfa-overview .yanfa-feature-card__media {
        min-height: 0;
        padding: 0;
        border-radius: 0;
        background: transparent;
    }

    .yanfa-overview .yanfa-feature-card__media img {
        width: 100%;
        border-radius: 0;
    }

    .yanfa-overview .yanfa-feature-card__body {
        min-width: 0;
    }

    .yanfa-overview .yanfa-feature-card__title {
        margin: 0 0 6px;
        font-size: 22px;
        line-height: 1.18;
        color: #333333;
    }

    .yanfa-overview .yanfa-feature-card__text {
        font-size: 14px;
        line-height: 1.55;
        color: #333333;
    }
}

@media (max-width: 640px) {
    .yanfa-overview .yanfa-shell {
        width: calc(100% - 24px);
    }

    .yanfa-overview .yanfa-panel {
        grid-template-columns: .9fr 1.7fr;
        gap: 12px;
        padding: 16px 14px;
        margin-bottom: 18px;
        border-radius: 20px;
    }

    .yanfa-overview .yanfa-panel__icon {
        width: 46px;
        height: 46px;
        margin-bottom: 8px;
    }

    .yanfa-overview .yanfa-panel__title {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .yanfa-overview .yanfa-panel__subtitle {
        font-size: 13px;
        line-height: 1.5;
    }

    .yanfa-overview .yanfa-panel__items {
        gap: 12px;
    }

    .yanfa-overview .yanfa-feature-card {
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
        gap: 10px;
    }

    .yanfa-overview .yanfa-feature-card__title {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .yanfa-overview .yanfa-feature-card__text {
        font-size: 12px;
        line-height: 1.5;
    }
}

.yanfa-roadmap__heading-mobile {
    display: none;
}

.yanfa-ecosystem__heading-mobile {
    display: none;
}

.yanfa-manufacturing__controls {
    display: none;
}

.yanfa-projects__page {
    display: contents;
}

.yanfa-projects__scrollbar {
    display: none;
}

@media (max-width: 767px) {
    .yanfa-roadmap__heading-desktop {
        display: none;
    }

    .yanfa-roadmap__heading-mobile {
        display: inline-block;
        font-size: 24px;
    }

    .yanfa-ecosystem__heading-desktop {
        display: none;
    }

    .yanfa-ecosystem__heading-mobile {
        display: inline-block;
        font-size: 24px;
    }

    .yanfa-manufacturing .yanfa-section-heading {
        margin-bottom: 22px;
    }

    .yanfa-manufacturing .yanfa-manufacturing__slider {
        overflow: hidden;
    }

    .yanfa-manufacturing .yanfa-manufacturing__grid {
        display: flex;
        gap: 0;
        grid-template-columns: none;
        transform: translateX(0);
        transition: transform 0.35s ease;
        will-change: transform;
    }

    .yanfa-manufacturing .yanfa-manufacturing__card {
        flex: 0 0 100%;
        width: 100%;
        padding: 0 10px;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .yanfa-manufacturing .yanfa-manufacturing__icon {
        width: 72px;
        height: 72px;
        margin: 0 auto 14px;
    }

    .yanfa-manufacturing .yanfa-manufacturing__title {
        margin-bottom: 22px;
        font-size: 22px;
        line-height: 1.2;
    }

    .yanfa-manufacturing .yanfa-manufacturing__media {
        margin-bottom: 26px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .yanfa-manufacturing .yanfa-manufacturing__media img {
        width: 100%;
        border-radius: 8px;
    }

    .yanfa-manufacturing .yanfa-manufacturing__list,
    .yanfa-manufacturing .yanfa-manufacturing__summary {
        width: calc(100% - 22px);
        margin: 0 auto;
    }

    .yanfa-manufacturing .yanfa-manufacturing__list li,
    .yanfa-manufacturing .yanfa-manufacturing__summary {
        font-size: 15px;
        line-height: 1.75;
        color: #303948;
    }

    .yanfa-manufacturing .yanfa-manufacturing__controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-top: 6px;
    }

    .yanfa-manufacturing .yanfa-manufacturing__nav {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        border: 1.5px solid #2b5eb8;
        background: #ffffff;
        color: #2b5eb8;
        font-size: 32px;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        transition: opacity 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    }

    .yanfa-manufacturing .yanfa-manufacturing__nav span{
        font-size: 24px;
    }
    .yanfa-manufacturing .yanfa-manufacturing__nav[disabled] {
        border-color: #cfd6e3;
        color: #cfd6e3;
    }

    .yanfa-manufacturing .yanfa-manufacturing__dots {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .yanfa-manufacturing .yanfa-manufacturing__dot {
        width: 8px;
        height: 8px;
        border: 0;
        border-radius: 50%;
        background: #d7dce6;
        padding: 0;
    }

    .yanfa-manufacturing .yanfa-manufacturing__dot.is-active {
        width: 26px;
        border-radius: 999px;
        background: #2b5eb8;
    }

    .yanfa-projects .yanfa-projects__viewport {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        margin-top: 30px;
    }

    .yanfa-projects .yanfa-projects__viewport::-webkit-scrollbar {
        display: none;
    }

    .yanfa-projects .yanfa-projects__grid {
        display: flex;
        gap: 0;
        margin-top: 0;
    }

    .yanfa-projects .yanfa-projects__page {
        display: grid;
        flex: 0 0 100%;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 16px;
        row-gap: 34px;
        padding: 0 4px;
        box-sizing: border-box;
        scroll-snap-align: start;
    }

    .yanfa-projects .yanfa-project {
        width: auto;
    }

    .yanfa-projects .yanfa-project__image {
        height: 116px;
        margin-bottom: 12px;
    }

    .yanfa-projects .yanfa-project__name {
        font-size: 16px;
        line-height: 1.45;
    }

    .yanfa-projects .yanfa-projects__scrollbar {
        display: block;
        position: relative;
        width: calc(100% - 8px);
        height: 4px;
        margin: 26px auto 0;
        border-radius: 999px;
        background: #e5e7eb;
        overflow: hidden;
    }

    .yanfa-projects .yanfa-projects__scrollbar-thumb {
        display: block;
        height: 100%;
        width: 25%;
        border-radius: 999px;
        background: #1e80ff;
        transform: translateX(0);
    }

    .yanfa-roadmap .yanfa-section-heading h2 {
        font-size: 22px !important;
        line-height: 1.45;
    }
    .yanfa-section-heading h2{
        font-size: 22px !important;
    }

    .yanfa-roadmap .yanfa-section-heading {
        margin-bottom: 18px;
    }

    .yanfa-roadmap .yanfa-roadmap__switch {
        margin-top: 12px;
    }

    .yanfa-roadmap .yanfa-roadmap__board {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 18px 0 10px;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .yanfa-roadmap .yanfa-roadmap__board::-webkit-scrollbar {
        display: none;
    }

    .yanfa-roadmap .yanfa-roadmap__stages {
        display: grid;
        grid-template-columns: repeat(5, 138px);
        gap: 16px;
        width: 818px;
        min-width: 818px;
        padding: 0 12px;
        align-items: start;
        grid-auto-rows: max-content;
    }

    .yanfa-roadmap .yanfa-stage {
        gap: 8px;
    }

    .yanfa-roadmap .yanfa-stage--1 {
        margin-top: 138px;
    }

    .yanfa-roadmap .yanfa-stage--2 {
        margin-top: 88px;
    }

    .yanfa-roadmap .yanfa-stage--3 {
        margin-top: 56px;
    }

    .yanfa-roadmap .yanfa-stage--4 {
        margin-top: 2px;
    }

    .yanfa-roadmap .yanfa-stage--5 {
        margin-top: 0;
        max-width: none;
        grid-column: auto;
    }

    .yanfa-roadmap .yanfa-stage__title {
        min-height: 58px;
        font-size: 14px;
        line-height: 1.2;
    }

    .yanfa-roadmap .yanfa-stage__card {
        padding: 8px;
        border-radius: 10px;
    }

    .yanfa-roadmap .yanfa-stage__lead {
        min-height: 38px;
        padding: 8px 6px;
        font-size: 12px;
        border-radius: 6px;
    }

    .yanfa-roadmap .yanfa-stage__grid {
        gap: 5px;
        margin-top: 6px;
    }

    .yanfa-roadmap .yanfa-chip {
        min-height: 32px;
        padding: 6px 4px;
        font-size: 10px;
        line-height: 1.3;
    }

    .yanfa-roadmap .yanfa-chip--tall {
        min-height: 74px;
    }

    .yanfa-roadmap .yanfa-stage--3 .yanfa-stage__lead,
    .yanfa-roadmap .yanfa-stage--4 .yanfa-stage__lead,
    .yanfa-roadmap .yanfa-stage--5 .yanfa-stage__lead {
        min-height: 46px;
    }

    .yanfa-roadmap .yanfa-roadmap__track {
        width: 818px;
        min-width: 818px;
        margin-top: -16px;
        padding: 0 12px;
    }

    .yanfa-roadmap .yanfa-roadmap__curve {
        display: block;
        width: 100%;
        height: 100px;
    }

    .yanfa-roadmap .yanfa-roadmap__milestones {
        display: grid;
        grid-template-columns: repeat(5, 138px);
        gap: 10px;
        width: 818px;
        min-width: 818px;
        margin-top: -162px;
        align-items: start;
    }

    .yanfa-roadmap .yanfa-milestone {
        padding: 0;
        padding-top: calc(var(--point-offset) + 24px);
        background: transparent;
        border: 0;
        border-radius: 0;
        text-align: center;
    }

    .yanfa-roadmap .yanfa-milestone::before {
        display: block;
        width: 8px;
        height: 8px;
    }

    .yanfa-roadmap .yanfa-milestone__year {
        position: absolute;
        top: calc(var(--point-offset) + 8px);
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        font-size: 12px;
    }

    .yanfa-roadmap .yanfa-milestone__detail {
        width: max-content;
        min-height: 64px;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .yanfa-roadmap .yanfa-milestone__icon {
        height: 34px;
    }

    .yanfa-roadmap .yanfa-milestone__icon img {
        max-height: 34px;
    }

    .yanfa-roadmap .yanfa-milestone__text {
        max-width: 102px;
        padding-top: 1px;
        font-size: 10px;
        line-height: 1.4;
        text-align: left;
        text-align: center;
    }

    .yanfa-roadmap .yanfa-milestone--1 {
        --point-offset: 144px;
    }

    .yanfa-roadmap .yanfa-milestone--2 {
        --point-offset: 138px;
    }

    .yanfa-roadmap .yanfa-milestone--3 {
        --point-offset: 124px;
    }

    .yanfa-roadmap .yanfa-milestone--4 {
        --point-offset: 104px;
    }

    .yanfa-roadmap .yanfa-milestone--5 {
        --point-offset: 83px;
    }
    .yanfa-ecosystem, .yanfa-manufacturing, .yanfa-projects{
        padding-top: 40px;
    }
    .idc_introduce{
        margin-top: 0 !important;
    }
}

@media (max-width: 1024px) {
    .ifc_four_item_box .first_item_box_content_right img {
        height: auto !important;
    }
}