@media screen and (max-width: 768px) {
    .layui-col-space20>*{
        padding: 5px;
    }
    .header, .header-top{
        height: auto; padding: 10px 0px;
    }
    .header-top-logo{
        width: 100%; height: auto;
    }
    .nmenu{
        padding: 0px; position: sticky; top: 0px; z-index: 10000;
    }
    .nmenu .layui-container{
        padding: 0px;
    }
    .header-top-menu .layui-nav{
        white-space: nowrap; overflow-x: scroll;
    }
    .header-top-menu .layui-nav li{
        display: inline-flex;
    }

    .banner-swiper-item-content-honor{
        flex-wrap: wrap; margin-top: 0px;
    }
    .banner-swiper-item-content-honor-item{
        width: 50%; margin-right: 0px;
    }
    .banner-swiper-item-content-honor-item .counter{
        font-size: 2rem;
    }
    .banner-swiper-item-content-honor-item .banner-swiper-item-content-honor-item-unit{
        font-size: 0.8rem;
    }
    .banner-swiper-item-content-honor-item .banner-swiper-item-content-honor-label{
        font-size: 1rem; margin-top: 0px;
    }
    .icompany{
        padding: 20px 0px;
    }
    .inews-top{
        flex-wrap: wrap; justify-content: flex-start;
    }
    .inews-top-label{
        width: 100%; margin-bottom: 20px;
    }
    .inews-top a{
        margin-left: 0px; margin-right: 20px;
    }

    .footer-copy .layui-container{
        flex-wrap: wrap;
    }



    /* 内页样式 */

    .nwiper{
        height: 220px;
    }
    .nwiper-cont{
        height: 100%;
    }
    .nwiper-cont-label-cn{
        font-size: 2.0rem;
    }
    .nwiper-cont-label-en{
        font-size: 1rem;
    }
    .nposition-view{
        padding: 0px; height: 60px;
    }
    .nposition{
        height: 60px;
    }

    .nabout-item-video-view{
        padding-left: 0px !important; margin-top: 10px;
    }

    .ncontent-view{
        padding: 20px 0px;
    }
    .nproduct-list{
        padding-left: 0px;
    }

    .nnews-item-title{
        height: 40px;
        overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;
    }

    .nequipment{
        margin-top: -20px; padding: 0px ;
    }

    .nequipment-item-title{
        height: 40px; padding: 0px 10px; text-align: left;
        overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;
    }

    .mySwiper2{
        border-radius: 0px !important;
    }
    .mySwiper{
        height: 100px !important;
    }
    .mySwiper .swiper-slide{
        border-radius: 4px !important;
    }
    .mySwiper .swiper-slide:first-child{
        margin-left: 10px !important;
    }
    .nproduct-detail-content{
        padding: 15px;
    }

    .nproduct-detail-right{
        display: grid; grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }


    .nnews-detail-recom{
        display: grid; grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .swiper-button-next, .swiper-button-prev{
        width: 40px !important; height: 40px !important; background: rgba(0,0,0,0.4); font-size: 16px;
        border-radius: 50%; margin: 0px 0px;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 16px !important; font-weight: bold; color: #ffffff;
    }


    .nhonnorview .layui-tab .layui-tab-title{
        height: 50px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px;
    }
    .nhonnorview .layui-tab .layui-tab-title li{
        padding: 0px;
        flex-grow: 1; height: 40px; line-height: 40px; background: #ffffff; border-radius: 20px; margin-right: 10px;
    }
    .nhonnorview .layui-tab .layui-tab-title li:last-child{
        margin-right: 0px;
    }
    .nhonnorview .layui-tab .layui-tab-title li.layui-this{
        background: #fc2626; color: #ffffff; border-color: #fc2626;
    }
    .nhonnorview .layui-tab .layui-tab-title li:hover{
        background: #fc2626; color: #ffffff; border-color: #fc2626;
    }
    .nhonnorview .layui-tab .layui-tab-title li.layui-this:after{
        border: 0px;
    }

    .mySwiper3 {
        width: 100%;
        aspect-ratio: 10/14.4 !important;
    }

    .honnor-one-item{
        padding: 10px;
    }
}