@media (max-width: 1199px) {
    #product-feature .container .row>div .feature-center {
        height: calc((100vw / 3 - var(--bs-gutter-x) * 2) * 0.9);
    }
    .aboutus-photos .item-title ul li {
        float: left;
    }


}

@media (max-width: 1023px) {

    .slide-inner.style-1 {
        min-height: 200px;
    }

    #feature-area .row>div .feature-center {
        height: 15.5rem;
    }

}

@media (min-width: 767px) and (max-width: 1023px) {
    .aboutus-photos .list-view .list-content .item:nth-child(2) {
        left: 38%;
    }

}

@media (max-width: 991px) {
    .quick-view-modal .modal-dialog {
        margin-top: 100px;
    }

    .header-logo img {
        height: 30px;
    }

    .service-bg, .aboutus-bg, .product-bg, .home-bg {
        background: url(../images/m_service_banner.png) !important;
        background-size: cover !important;
        height: 440px;
    }
    .aboutus-bg {
        background: url(../images/m_about_banner.png) !important;
    }

    .product-bg {
        background: url(../images/m_product_banner.png) !important;
    }

    .news-bg {
        background: url(../images/m_news_banner.png) !important;
    }

    .home-bg {
        background: url(../images/m_home_banner.png) !important;
    }



    .footer-area .section-space-top-80 {
        padding-top: 80px;
    }
    #feature-area .row>div .feature-center {
        height: 11rem;
    }
    #product-quantity-compare .container .vs-list-item ul li {
        height: 80px;
    }
    #product-feature .container .row>div .feature-center {
        height: calc((100vw / 3) * 0.8);
    }
    #product-feature .container .row>div .info {
        padding: 0 60px;
    }

    .aboutus-photos .list-view .item-title ul {
        padding: 0 10px;
    }
    .aboutus-photos .list-view .item-title {
        border-radius: 5px;
        width: 24%;
        height: 48px;
        line-height: 48px;
        margin-right: 6px;
        font-size: 0;
        -webkit-tap-highlight-color: transparent;
    }
    .aboutus-photos .list-view .item-title ul li:last-child {
        margin-right: 0 !important;
    }
    .aboutus-photos .item-title ul li:hover, #fh5co-aboutus .item-title ul li.active {
        border: none;
    }
    .aboutus-photos .list-view .item-title {

    }
    .aboutus-photos .list-view .item-title:before {
        content: '品控中心';
        font-size: 13px;
    }
    .aboutus-photos .list-view .item-title:nth-child(2):before {
        content: '研发实验室';
    }
    .aboutus-photos .list-view .item-title:nth-child(3):before {
        content: '生产基地';
    }
    .aboutus-photos .list-view .item-title:last-child {
        margin-right: 0;
    }
    .aboutus-photos .list-view .item-title:last-child:before {
        content: '高校共研';
    }


    .aboutus-intro .item-photos .item:nth-child(2)  {
        padding-right: 0;
    }
    .aboutus-intro .item-intro-photo img {
        height: 250px;
    }

    .aboutus-intro .item-photos {
        margin-bottom: 30px;
    }
}


@media (max-width: 767px) {

    .news-category li {
        width: 104px !important;
        margin-right: 10px !important;;
    }

    .news-category li:last-child {
        margin-right: 0 !important;
    }

    #feature-area .row>div:first-child,
    #feature-area .row>div:nth-child(3) {
        padding-right: 0;
    }
    #feature-area .row>div:nth-child(2),
    #feature-area .row>div:nth-child(4) {
        padding-left: 0;
    }

    .service-bg, .aboutus-bg, .product-bg, .news-bg, .home-bg {
        background-size: cover !important;
        height: 190px;
    }
    .home-bg {
        height: 240px;
    }

    #index-scence .feature-center .row-box .desc h3 {
        font-size: 16px;
        font-weight: bold;
    }

    #index-scence .feature-center .row-box .desc p {
        font-size: 14px;
    }

    .aboutus-photos .item-title:first-child {
        margin-left: 4px;
    }
    .aboutus-photos .item-title {
        padding: 0;
        margin-right: 2px !important;
    }
    .aboutus-photos .list-view .item-wrap {
        position: relative;
    }
    .aboutus-photos .list-view .item-wrap .item {
        width: 100% !important;
        margin: 0 !important;
    }
    .aboutus-photos .list-view .item-wrap img {
        width: 49% !important;
        height: 120px;
        padding: 0 !important;
        float: left;
        margin: 0 0 2px 2px  !important;
    }
    .aboutus-photos .list-view .item-wrap .item:nth-child(2) {
        position: absolute;
        border-radius: 50%;
        width: 135px !important;
        height: 135px !important;
        top: 50px;
        height: 30px;
        left: 30%;
        margin: 0 auto;
        opacity: 0.9;
        z-index: 99;
    }
    .aboutus-photos .list-view .item-wrap .item-c {
        z-index: 1;
    }
    .aboutus-photos .list-view .item-wrap .item:nth-child(2) img {
        border-radius: 50%;
        width: 135px !important;
        height: 135px !important;
        border: solid 2px rgba(36, 212, 212, 0.7);
    }

    .aboutus-course .swiper-button-list,
    .ach-list .swiper-button-list {
        display: block;
    }

    .aboutus-course .swiper-pagination,
    .ach-list .swiper-pagination {
        display: none !important;
    }
    .aboutus-course .swiper-button-next, .aboutus-course  .swiper-button-prev,
    .ach-list .swiper-button-next, .ach-list .swiper-button-prev
    {
        opacity: 0.7;
    }

    #feature-area {
        background: linear-gradient(180deg, #F8FDFD 0%, #EFFAFA 100%) ;
    }
    #feature-area .row>div .feature-center {
        height: 13.6rem;
    }
    #product-quantity-compare .container .vs-list-item ul li {
        height: 160px;
    }
    #product-feature .container .row>div .feature-center {
        height: 292px;
    }
    #product-feature .container .row>div .info {
        bottom: 10px;
        max-width: 360px;
    }
    .aboutus-intro .item-intro-photo img {
        height: 100%;
    }
}