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

    .base-fs { font-size: 1.8rem !important; }
    
    #in_ys { background: url(../Image/in_bg3_1.jpg) center no-repeat; background-size: cover; }
    #in_news { background: url(../Image/in_bg3_2.jpg) center no-repeat; background-size: cover; }
    #sider { top: 20px !important; }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    html {
        font-size: 60%;
    }
    #in_ys { background: url(../Image/in_bg3_1.jpg) center no-repeat; background-size: cover; }
    #in_news { background: url(../Image/in_bg3_2.jpg) center no-repeat; background-size: cover; }
}

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

}

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

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

    #name_box_w #logo,
    #name_box_w #top_tel {
        height: 100px;
    }

    .in_content {
        height: 100px;
        overflow: hidden;
    }

    .mImg {
        max-width: 600px;
    }

    #in_box1 {
        background-image: linear-gradient(to right, #0870c4 30%, #FFF 30%);
    }
}

@media (min-width: 1200px) {
    .py-6 {
        padding: 80px 0 !important;
    }

    .fs-lg-45 { font-size: 4.5rem; }
    .fs-lg-24 { font-size: 2.4rem; }

    #name_box_w #logo,
    #name_box_w #top_tel {
        height: 100px;
    }

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

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

    .in_content {
        height: 100px;
        overflow: hidden;
    }

    .mImg {
        max-width: 600px;
    }

    #in_box1 {
        background-image: linear-gradient(to right, #0870c4 30%, #FFF 30%);
        margin-bottom: 10rem;
        padding-bottom: 0 !important;
    }

    #in_box1 .container { transform: translateY(6rem); }

    #in_box3 {
        background: url(../Image/in_bg3.jpg) center no-repeat #FFF;
        background-size: cover;
    }


    .page-footer .main {
    background-image: linear-gradient(to right, #000206 50%, #0870c4 50%) !important;
    }
}