@media screen and (min-width: 320px) and (max-width: 768px) {
    .w {
        width: 90%;
    }
    .pcd {
        display: none !important;
    }
    .ydd {
        display: block !important;
    }
    .navbar {
        padding-top: 15px !important;
    }

    .navbar .logo {
        width: 110px;
        height: 32px;
        padding-left: 18px;
    }

    .slide-content {
        right: 5%;
        left: 5%;
        text-align: center;
        transform: translateY(-50%);
    }

    .nav-menu .nav1,
    .nav-menu .nav2,
    .nav-menu .nav3 {
        display: none;
        /* 移动端可改为汉堡菜单 */
    }

    .navbar .nav-menu {
        width: auto;
        height: auto;
        background-color: rgba(0, 0, 0, 0.0);
        margin-top: 0;
    }

    .hero-section {
        height: 303px !important;
    }

    .slide-content .slide-title {
        text-align: right;
        font-weight: 700;
        font-size: 36px;
    }

    .slide-content .slide-subtitle {
        font-size: 20px;
        text-align: right;
    }

    .hero-section .swiper-controls {
        left: 0;
        transform: translateX(-0%);
        width: 148px;
        height: 36px;
        padding: 0;
        bottom: 20px;
        margin-left: 20px;
    }

    .swiper-button-prev-custom {
        padding-left: 15px;
    }

    .swiper-button-next-custom {
        padding-right: 15px;
    }

    .swiper-button-prev-custom,
    .swiper-button-next-custom {
        width: 19px;
        height: 16px;
        display: flex;
    }

    .swiper-button-prev-custom img,
    .swiper-button-next-custom img {
        width: 100%;
    }

    .swiper-pagination-custom {
        font-size: 14px !important;
    }

    .swiper-pagination-custom span {
        font-family: Microsoft YaHei;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 100%;
    }

    .intro-section {
        height: auto !important;
    }

    .intro-section .intro-content {
        flex-direction: column;
        gap: 30px;
        padding-top: 10px;
    }

    .intro-section .section-main-title {
        font-size: 24px;
        padding-top: 11px;
        line-height: 80px;
    }

    .intro-section .section-main-title::after {
        font-size: 30px;
    }

    .intro-content .intro-image {
        width: 93%;
        height: 212px;
    }

    .intro-content .intro-image::after {
        top: 32px;
        right: -27px;
        width: 100%;
        height: 100%;
    }

    .intro-content .intro-text {
        padding-left: 0;
        padding-top: 32px;
    }

    .intro-content .intro-text h2 {
        font-size: 20px;
    }

    .intro-content .intro-subtitle::after {
        width: 80px;
    }

    .intro-content .intro-text p {
        font-size: 15px;
        line-height: 35px;
        padding-top: 26px;
    }

    .intro-content .intro-text h5 {
        padding-top: 0px;
        font-size: 15px;
        line-height: 40px;
    }

    .intro-content .intro-text .intro-pagination {
        display: none;
    }

    .dual-carousel-section {
        padding-top: 44px;
        flex-direction: column;
        height: auto !important;
    }

    .dual-carousel-section .left-carousel {
        width: auto;
        height: auto;
    }

    .left-carousel .left-slide-caption {
        height: 63px;
    }

    .left-carousel .left-slide-caption h3 {
        font-size: 20px;
        padding-left: 35px;
    }

    .left-carousel .left-slide-arrow {
        padding-right: 35px;
        width: 17px;
        height: 17px;
    }

    .dual-carousel-section .right-carousel {
        width: auto;
        height: auto;
    }

    .left-swiper {
        height: 300px;
    }

    .right-carousel .right-swiper-top {
        height: 248px;
    }

    .right-carousel .right-swiper-bottom {
        height: auto;
        padding: 0;
    }

    .right-carousel .right-swiper-bottom .right-pagination {
        padding-bottom: 45px;
        padding-left: 34px;
        padding-top: 30px;
    }

    .right-carousel .right-slide-text p {
        width: auto;
        padding-top: 30px;
        padding-left: 34px;
        padding-right: 27px;
        font-size: 16px;
    }
    .process-section {
        height: auto !important;
    }
    .process-section .process-main-title {
        font-size: 24px;
        line-height: 80px;
        padding-top: 30px;
        text-align: left;
    }

    .process-section .process-main-title::after {
        font-size: 36px;
        left: 0px;
    }
    .process-section .process-timeline {
        flex-direction: column;
        margin-top: 60px;
    }
    .process-timeline .process-timeline {
        flex-direction: column;
        gap: 30px;
        padding-top: 0;
    }

    .process-section .process-timeline::before {
        /* display: none; */
        /* 移动端隐藏进度线 */
        width: 1px;
        height: 100%;
        top: -36px;
        left: 24px;
        z-index: 0;
        background-color: #666666;
    }

    .process-timeline .process-step {
        width: 100%;
        text-align: left;
        display: flex;
        gap: 16px;
    }

    .process-step .step-dot {
        display: none;
        /* 移动端隐藏进度点 */
    }

    .process-step .step-icon {
        margin: 0;
        flex-shrink: 0;
    }
    .process-timeline .process-step .step-icon img {
        width: 100%;
    }
    .process-step .step-content .step-title {
        font-size: 20px;
    }
    .process-step .step-content h3 br {
        /* flex: 1; */
        display: none;
    }
    .process-step .step-content .step-desc{
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .video-cover-section {
        height: auto !important;
        padding: 22px 0;
    }
    .video-cover .play-button {
        width: 45px;
        height: 45px;
        border: 5px solid #FF842D;
    }
    .video-cover .play-button::after {
        border-left: 11px solid #FF842D;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    .product-section {
        height: 630px !important;
    }
    .product-section .product-carousel {
        padding-top: 40px;
    }
}