@media screen and (max-width: 768px) {
    .box-a {
        background-image: url('../images/index/bg1_s.jpg');
        padding-top: 0.63rem;
        padding-bottom: 0.63rem;
    }

    .box .flex-bet-s {
        flex-direction: column;
    }

    .box-title h3 {
        font-size: 0.5rem;
        margin-bottom: 0.23rem;
        font-weight: bold;
    }

    /* .box-content p {
        font-size: 0.38rem;
        line-height: 0.65rem;
    } */

    .box-a .flex {
        flex-direction: column;
    }

    .box-l {
        width: 100%;
    }

    .box-r img {
        width: 100%;
        height: auto;
        margin-top: unset;
        margin-top: 0.6rem;
    }

    .more-btn {
        width: 100%;
        height: 0.87rem;
        border-radius: 0.44rem;
        font-size: 0.3rem;
        margin-top: 0.3rem;
    }

    .box-b {
        padding: 0.6rem 0;
        background-image: url('../images/index/bg2_s.jpg');

    }

    .box-b-content {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        padding: 0 0.3rem;
    }

    .box-b-tabs {
        flex-direction: row;
        padding: 0;
        height: unset;
        width: 100%;
        justify-content: space-between;
        margin-right: unset;
        margin-bottom: 0.7rem;
    }

    .tab-item span {
        font-size: 0.4rem;
    }

    .tab-item.active span {
        border-bottom: 0.09rem solid #30803A;
    }




    .box-b-slider-wrap {
        padding: 0;
        overflow: visible;
        height: auto;
    }

    .box-b-slider {
        height: auto !important;
        overflow: visible !important;
        position: relative;
    }

    .slider-wrapper {
        position: relative;
        height: auto;
    }

    .slider-item {
        position: static;
        width: 100%;
        transform: none !important;
        opacity: 0;
        visibility: hidden;
        display: none;
        flex-direction: column;
        border-radius: 0.2rem;
        padding: 0.3rem;

        background: #fff;
        z-index: 1;
    }

    .slider-item.active {
        opacity: 1;
        visibility: visible;
        display: flex;
        z-index: 10;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    }

    .slider-item.next {
        display: none !important;
    }

    .slider-img {
        width: 100%;
        height: 3.5rem;
        border-radius: 0.2rem 0.2rem 0 0;
        overflow: hidden;
    }

    .slider-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .slider-info {
        padding: 0.3rem 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .slider-info h4 {
        font-size: 0.48rem;

        margin: 0 0 0.2rem 0;

        padding-bottom: 0.15rem;
    }

    .slider-info p {
        font-size: 0.3rem;
        line-height: 0.5rem;

    }

    .slider-btn {
        width: 100%;
        height: 0.8rem;
        background: #30803A;
        color: #fff;
        font-size: 0.3rem;
        line-height: 0.8rem;
        border-radius: 0.4rem;
        margin-top: 0.3rem;
        text-align: center;
    }

    .box-b-pagination.block_pc {
        display: none;
    }


    .box-c {
        padding: 0.8rem 0.3rem;
        background-image: url('../images/index/bg3_s.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .box-c .flex-bet-c,
    .box-c .safe_width {
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .brand-r {
        width: 100%;
    }

    .brand-line {
        width: 100%;
        margin: 0 0.08rem;
        margin-top: -0.5rem;
    }

    .circle-item {
        width: 1rem;
        height: 1rem;
        margin-bottom: 0.1rem;
    }

    .circle-box span {
        font-size: 0.34rem;
        font-weight: bold;
    }

    .brand-pro-wrapper {
        position: relative;
        overflow: hidden;
        margin-top: 0.5rem;
        width: 100%;
        /* padding: 0 0.3rem; */
    }

    .brand-pro {
        width: 100%;
        background-image: url('../images/index/brand_s.jpg');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 1.6rem;
        padding-bottom: 0.46rem;

        margin-top: 0.37rem;
        overflow: hidden;
        position: relative;
    }

    .brand-pro-inner {
        overflow: hidden;
        position: relative;
    }

    .brand-pro-group {
        display: none;
    }

    .brand-pro-group.active {
        display: block;
    }

    /* Swiper 手机端 */
    .brand-swiper .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .brand-item {
        width: 5.22rem;
        padding: 0.3rem 0;
    }

    .brand-item img {
        width: 100%;
        height: auto;
        border-radius: 0.2rem;
    }

    .brand-pro-prev,
    .brand-pro-next {
        position: absolute;
        top: 55%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 10;
    }

    .brand-pro-prev.block_pc,
    .brand-pro-next.block_pc {
        display: none;
    }

    .brand-pro-prev.block_sj,
    .brand-pro-next.block_sj {
        display: block;
    }

    .more-box {
        margin-top: 0.42rem;
    }

    .brand-pro-prev {
        left: 0.1rem;
    }

    .brand-pro-next {
        right: -0.2rem;
    }

    .brand-pro-prev img,
    .brand-pro-next img {
        width: 0.76rem;
        height: 0.76rem;
    }
    .more-en {
        width: 100%;
        height: 0.82rem;
        border-radius: 0.41rem 0.41rem 0.41rem 0.41rem;
        font-size: 0.3rem;
    }

    .more-en img {
        width: 0.66rem;
        margin-left: 0.06rem;
        margin-top: 0.06rem;
    }



    .box-d {
        padding-top: 0.64rem;
        padding-bottom: 0.4rem;
    }

    .box-d .flex-bet-c {
        flex-direction: column;
        align-items: flex-start;
    }

    .news-item {
        margin-top: 0.23rem;
        margin-bottom: 0.27rem;
        flex-direction: column;

    }

    .news-l {
        width: 100%;
        margin-right: unset;
        border-radius: 0;
    }


    .news-r {
        padding: 0.39rem 0;
    }

    .news-r h5 {
        font-size: 0.34rem;
        margin-bottom: 0.32rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .news-r p {
        font-size: 0.28rem;
        line-height: 0.5rem;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: wrap;
        margin-bottom: 0.32rem;
    }

    .news-r span {
        font-size: 0.32rem;
        color: #7E7E7E;

    }

    .box-e {
        padding-bottom: 0.8rem;
    }
}