@media (max-width: 1600px) {
    .st_intro .en_title {
        font-size: 4.4rem;
    }
    .st_intro .intro_desc {
        font-size: 2.2rem;
    }

    .hc_item .hc_icon img {
        max-width: 24rem;
    }
}
@media (max-width: 1440px) {
    .st_intro {
        min-height: 61rem;
    }
    .st_intro .en_title {
        font-size: 3.8rem;
    }
    .st_intro .intro_desc {
        font-size: 2rem;
    }
    .st_belief .belief_img {
        min-width: 30rem;
    }

    .st_belief .row_left .belief_text {
        padding-left: 5.54168vw;
    }
    .st_belief .belief_title {
        font-size: 2.2rem;
    }
    .st_belief .belief_desc {
        font-size: 2rem;
    }
    .st_belief {
        padding: 16rem 0 14.5rem;
    }
    .st_belief .belief_row {
        margin-bottom: 8rem;
    }
}

@media (max-width: 1024px) {
    .st_intro .inner {
        padding: 22.02085vw 4rem 0;
    }
    .st_history {
        padding: 11.8rem 0 7.2rem;
    }
    .hc_item .hc_icon img {
        max-width: 20rem;
    }
    .hc_item .hc_icon {
        height: 15.4rem;
    }
    .hc_item::before {
        top: 17.5rem;
    }
    .hc_item::after {
        top: 16.4rem;
    }
    .hc_item .hc_line {
        top: 18rem;
    }
    .hc_item .hc_year {
        font-size: 2.4rem;
    }
    .hc_item .hc_desc {
        font-size: 1.8rem;
    }
    .history_swiper {
        padding-bottom: 6.6rem;
    }

    .st_belief .row_right .belief_text {
        padding-right: 11vw;
    }
}

@media (max-width: 768px) {
    .mobile {
        display: block;
    }
    .web {
        display: none;
    }
    .st_intro {
        min-height: 70rem;
    }
    /* .st_intro .inner {
        padding: 32.02085vw 4rem 0;
    } */

    .intro_line {
        width: 1.4rem;
        height: 0.1rem;
        background-color: var(--blackC1C1C1);
        margin: 1.3rem auto 2.6rem;
    }
    .st_intro .inner {
        padding: 22.2162vw 4rem 0;
        gap: 0;
    }
    .st_intro {
        background: url(../../images/bg/story_bg_m.png) no-repeat center bottom / cover;
        aspect-ratio: 375 / 605;
        width: 100%;
        max-height: 86rem;
        min-height: 60.5rem;
    }

    .st_intro .intro_name {
        font-family: "Poppins";
        font-size: 1.5rem;
        font-weight: 500;
        color: var(--blackC1C1C1);
        margin-bottom: 0.9rem;
        text-align: center;
    }
    .st_intro .en_title {
        font-size: 2.8rem;
        text-align: center;
        margin-bottom: 0;
    }
    .st_intro .intro_desc {
        font-size: 1.5rem;
        text-align: center;
    }
    .st_belief {
        padding: 12rem 0 10.5rem;
    }
    .st_belief .belief_img {
        max-width: 28rem;
    }
    .st_belief .belief_row {
        gap: 3.6rem;
        flex-direction: column;
        align-items: flex-start;
    }
    .st_belief .belief_row:nth-child(even) {
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .st_belief .row_right .belief_text {
        text-align: right;
        padding-right: 0rem;
    }

    .st_belief .row_left .belief_text {
        padding-left: 0rem;
    }
    .st_history .history_title {
        font-size: 2.2em;
    }
    .st_history {
        padding: 9.5rem 0 7.2rem;
    }
    .hc_item .hc_icon img {
        max-width: 14rem;
    }
    .hc_item .hc_line {
        top: 12rem;
    }
    .hc_item::after {
        top: 10.4rem;
    }
    .hc_item .hc_line {
        top: 12rem;
    }
    .hc_item .hc_icon {
        height: 8.4rem;
    }
    .hc_item .hc_desc {
        font-size: 1.3rem;
    }
    .hc_item .hc_tags li {
        font-size: 1.3rem;
        padding: 1.2rem 0;
    }
    .hc_item .hc_year {
        font-size: 1.8rem;
    }
    .hc_item::before {
        top: 11.5rem;
    }
}

@media (max-width: 480px) {
    .st_intro .inner {
        padding: 25.8667vw 4rem 0;
    }
    .st_belief {
        padding: 11.3rem 0 9.2rem;
    }
    .st_belief .belief_img {
        min-width: 25rem;
        max-width: 0;
    }
    .st_belief .inner {
        padding: 0px 3rem;
    }
    .st_belief .belief_row {
        gap: 3em;
    }
    .st_belief .belief_text {
        gap: 2.2rem;
    }
    .st_belief .belief_title {
        font-size: 1.8rem;
    }
    .st_belief .belief_desc {
        font-size: 1.5rem;
    }
    .st_history .history_title {
        font-size: 1.8em;
    }
    .hc_item .hc_tags li {
        padding: 1.2rem;
        max-width: fit-content;
        margin: 0 auto;
    }
    .history_progress_wrap {
        padding: 0 3rem;
    }
}