@media (max-width: 575.98px) {
    html {
        font-size: 46.875%;
    }

    .base-fs { font-size: 1.8rem !important; }

    .page-inner span,.page-inner input,.page-inner a.page-btn { display: none !important; }

    .fs-sm-26 { font-size: 2.6rem; }
    .fs-sm-20 { font-size: 2.0rem; }
    .fs-sm-18 { font-size: 1.8rem; }
    .fs46 { font-size: 4.0rem; }

    #in_about_box { background-color: rgba(255,255,255,0.8); }
    #index_cpys li { height: 50vh !important; }

    #index_case .caseList li:nth-child(-n+3) .box { width: calc(100vw / 3); height: calc(100vw / 3);}

    #index_case .caseList li:nth-child(n+4) .box { width: calc(100vw / 2); height: calc(100vw / 2);}

    #index_case .caseList li:nth-child(2n){top: 0; margin-top: 0;}
    
    #index_case .caseList li:nth-child(-n+3) .box { border-bottom: 0; }
    #index_case .caseList li:nth-child(-n+2) .box { border-right: 0; }
    #index_case .caseList li:nth-child(4) .box { border-right: 0; }

    #index_news li:last-child { display: none; } 


}

@media (min-width: 576px) and (max-width: 767.98px) {

    html {
        font-size: 55%;
    }

    .base-fs { font-size: 1.8rem !important; }

    .fs-sm-26 { font-size: 2.6rem; }
    .fs-sm-20 { font-size: 2.0rem; }
    .fs-sm-18 { font-size: 1.8rem; }
    .fs46 { font-size: 4.0rem; }

    #in_about_box { background-color: rgba(255,255,255,0.8); }
    #index_cpys li { height: 50vh !important; }

    #index_case .caseList li:nth-child(-n+3) .box { border-bottom: 0; }
    #index_case .caseList li:nth-child(-n+2) .box { border-right: 0; }
    #index_case .caseList li:nth-child(4) .box { border-right: 0; }

    #index_news li:last-child { display: none; } 

}

@media (min-width: 768px) and (max-width: 991.98px) {

    html {
        font-size: 55%;
    }

    .base-fs { font-size: 1.8rem !important; }

    #in_about_box { background-color: rgba(255,255,255,0.8); }
    #index_cpys li { height: 50vh !important; }
    
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .banner_swiper .swiper-slide .bg,
    .banner_swiper .swiper-slide .bg {
        width: 1920px !important;
        height: 100vh;
    }

    #in_about_box { background-color: rgba(255,255,255,0.8); }
    #index_cpys li { height: 50vh !important; }

    #index_case .caseList { width: 1000px; margin: 0 auto; padding-bottom: 200px;}
    #index_case .caseList li .box { width: 200px !important; height: 200px !important; }

    #index_case .caseList li:nth-child(2n){top: 200px;}

    #index_news .in_news_section { height: 100vh !important; }

    .mImg {
        max-width: 800px !important;
    }

    .mInfo img {
        max-width: 800px !important;
    }
    .pro_desc { height: 120px; }
    
}

@media (min-width: 1200px) {

    .py-lg-6 { padding: 13rem 0 !important; }
    
    #index_case .caseList { width: 1175px; margin: 0 auto; padding-bottom: 235px; }
    #index_case .caseList li .box { width: 235px !important; height: 235px !important; }

    #index_case .caseList li:nth-child(2n){top: 235px;}

    #index_news .container { max-width: 1600px; }

    #index_news .in_news_section { height: 100vh !important; }

    .gs_pic { transform: translateY(50px); }


    .mImg {
        max-width: 800px !important;
    }

    .mInfo img {
        max-width: 800px !important;
    }

    .desc {
        max-width: 700px;
    }

    .catname {
        font-size: 4.0rem;
    }

    .catname_goods {
        font-size: 4.0rem;
    }

    .subClass {
        font-size: 1.7rem;
    }

    .fs-lg-15 {
        font-size: 1.5rem;
    }

    .fs-lg-17 {
        font-size: 1.7rem;
    }

    .fs-lg-28 {
        font-size: 2.8rem;
    }

    .fs-lg-36 {
        font-size: 3.6rem;
    }

    .fs-lg-46 {
        font-size: 4.6rem;
    }

    .fs-lg-100 { font-size: 10rem; }

    .bg-lg-white {
        background-color: #fff !important;
    }

    .news_detail {
        border: 1px dotted #efefef;
        box-shadow: 0 0 10px #efefef;
    }


    #dituContent { 
    width: calc(100%; - 5px);
     }

     .mainInfo img { max-width: 800px; display: block; margin: 0 auto !important; }

     .pro_desc { height: 120px; }

     .proinfo_desc { height: 240px; }

     .w-20 { }

     #about_box1 { padding-bottom: 0 !important; }

     #page_case .caseList li { padding-left: 150px; }
}