@media (max-width: 575.98px) {

    #logo img { max-width: 80%;}

    .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.5rem !important; background-color: rgba(255,255,255,0.5); padding: 10px 5px; color: var(--base_color) !important; }

    .container { padding-left: 10px; padding-right: 10px; }
    .row { margin-left: -10px; margin-right: -10px; }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding-left: 10px; padding-right: 10px; }
    .mb-4 { margin-bottom: 2rem !important; }

    .de-page-mian .page-inner .prev,.de-page-mian .page-inner .next,.de-page-mian .page-inner span,.de-page-mian .page-inner input,.de-page-mian .page-inner .page-btn { display: none !important; }
    .de-page-mian .page-inner { border-right: 1px solid #dddddd; }

}

@media (min-width: 576px) {

    main { margin-bottom: 30px; }

    .fs-sm-12 { font-size: 1.2rem;}
    .fs-sm-14 { font-size: 1.4rem;}
    .fs-sm-16 { font-size: 1.6rem;}
    .fs-sm-18 { font-size: 1.8rem;}
    .fs-sm-24 { font-size: 2.4rem;}
    .fs-sm-30 { font-size: 3.0rem;}
    .fs-sm-40 { font-size: 4.0rem;}

    #logo img { max-width: 80%;}

    .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.5rem !important; background-color: rgba(255,255,255,0.5); padding: 10px 5px; color: var(--base_color) !important; }
    
    #in_bar { background-size: 300% auto !important; }

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

}

@media (min-width: 768px) {

    body {
        font-size: 1.4rem;
    }

    .fs-md-12 { font-size: 1.2rem;}
    .fs-md-14 { font-size: 1.4rem;}
    .fs-md-15 { font-size: 1.5rem;}
    .fs-md-16 { font-size: 1.6rem;}
    .fs-md-18 { font-size: 1.8rem;}
    .fs-md-20 { font-size: 2.0rem;}
    .fs-md-24 { font-size: 2.4rem;}
    .fs-md-30 { font-size: 3.0rem;}
    .fs-md-40 { font-size: 4.0rem;}

    #logo img {max-width: 100%; max-height: 40px; }


    .swiper-button-next:after, .swiper-button-prev:after { font-size: 3.0rem !important; }


}

@media (min-width: 992px) {


    footer { margin-bottom: 0;}
    
    .fs-lg-12 { font-size: 1.2rem;}
    .fs-lg-14 { font-size: 1.4rem;}
    .fs-lg-16 { font-size: 1.6rem;}
    .fs-lg-17 { font-size: 1.7rem;}
    .fs-lg-18 { font-size: 1.8rem;}
    .fs-lg-19 { font-size: 1.9rem;}
    .fs-lg-22 { font-size: 2.4rem;}
    .fs-lg-24 { font-size: 2.4rem;}
    .fs-lg-26 { font-size: 2.6rem;}
    .fs-lg-28 { font-size: 2.8rem;}
    .fs-lg-30 { font-size: 3.0rem;}
    .fs-lg-32 { font-size: 3.2rem;}
    .fs-lg-35 { font-size: 3.5rem;}
    .fs-lg-38 { font-size: 3.8rem;}
    .fs-lg-40 { font-size: 4.0rem;}
    .fs-lg-45 { font-size: 4.5rem;}

    i.fs-lg-36 { font-size: 3.6rem !important;}
    i.fs-lg-40 { font-size: 4.0rem !important;}
    i.fs-lg-50 { font-size: 5.0rem !important;}

    #logo img { max-height: 50px; }


    #index .sliderBox { height: auto; overflow: hidden; }

    .mImg { max-width: 600px !important; }
    .hImg { max-height: 400px !important; }

    .swiper-button-next:after, .swiper-button-prev:after { font-size: 3.0rem !important; }

    .in_content { line-height: 35px; height: 140px; overflow: hidden; }

    #index .sliderList li { line-height: 21px; }
}



@media (min-width: 1200px) {

    main { margin-bottom: 60px; }

    .py-xl-8 { padding: 50px 0 !important; }

    .fs-xl-14 { font-size: 1.4rem;}
    .fs-xl-15 { font-size: 1.5rem;}
    .fs-xl-16 { font-size: 1.6rem;}
    .fs-xl-19 { font-size: 1.9rem;}
    .fs-xl-22 { font-size: 2.2rem;}
    .fs-xl-24 { font-size: 2.4rem;}
    .fs-xl-30 { font-size: 3.0rem;}
    .fs-xl-32 { font-size: 3.2rem;}
    .fs-xl-35 { font-size: 3.5rem;}
    .fs-xl-38 { font-size: 3.8rem;}
    .fs-xl-40 { font-size: 4.0rem;}
    .fs-xl-46 { font-size: 4.6rem;}
    .fs-xl-60 { font-size: 6.0rem;}

    i.fs-xl-36 { font-size: 3.6rem !important; }
    i.fs-xl-50 { font-size: 5.0rem !important; }


    .name_box_w .col-auto { height: 68px; }

    #logo img { max-height: 68px; }


    #location { margin-top: -5rem !important; }


    #index .sliderBox { height: auto; overflow: hidden; }

    #index .sliderList li { line-height: 30px; }

    .picList .content { height: 66px; line-height: 22px; }

    .swiper-button-next:after, .swiper-button-prev:after { font-size: 4.4rem !important; }

    #sider {
        flex: 0 0 23%;
        max-width: 23%;
    }

    #right { flex: 0 0 74%;
            max-width: 74%;
            margin-left: 3%;
    }


    .footer-info #e1 { flex: 0 0 28%; max-width: 28%;}
    .footer-info #e2 { flex: 0 0 28%; max-width: 28%;}
    .footer-info #e3 { flex: 0 0 44%; max-width: 44%; }

    #company .main { padding-bottom: 120px !important; }

    .in_ys_list li { padding: 170px 0 70px !important; }

    #nomal_news li { margin-bottom: 5px !important; }

    #in_bar { background-size: auto !important; }

}

@media (min-width: 1600px) {

    .py-xl-8 { padding: 80px 0 !important; }

    .container { max-width: 1320px;}

    #banner_box {
        width: 100%;
        position: relative;
        height: 737px;
        overflow: hidden;
    }

    #banner_box .flash {
        width: 1920px;
        height: 737px;
        left: 50%;
        margin-left: -960px !important;
        position: absolute;
    }


    #page_banner_box {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    #page_banner_box img {
        width: 1920px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
    }


    #about_content { flex: 0 0 calc(100% - 669px); max-width: calc(100% - 669px); }
    #about_img { flex: 0 0 669px; max-width: 669px; }

    #index .sliderBox { height: auto; overflow: hidden; }

    #index .sliderList li { line-height: 34px; }

    .in_content { line-height: 35px; height: 220px; overflow: hidden; }

    #nomal_news li { margin-bottom: 2rem !important; }




}