@media (max-width: 575.98px) {

    html {
        font-size: 50%;
    }

    :root {
        --prop: 0.6;
    }

    .fs26 {
        font-size: 2.0rem !important;
    }

    .fs45 {
        font-size: 3.0rem !important;
    }
    .fs70 { font-size: 5.0rem; }

    .py-8 {
        padding: 3rem 0;
    }
    .base_fs { font-size: 1.2rem !important; }

    .name_box_w {
    background-image: linear-gradient(to right,#fff 75%,#00a59e 75%) !important;
    }

    .ys_list li div {
        padding: 40px 0;
    }

    .ys_list li:hover div {
        padding: 10px 0;
    }

    .swiper-button-prev,

    .swiper-button-next {
        width: 20px !important;
        height: 20px !important;
        border: 1px solid #efefef !important;
        background-size: 5px !important;
    }

    .tab-content .img {
        height: 125.25px;
    }

    .ys_gd img {
        max-height: 200px;
    }

    .type_nav li a {
        text-align: center;
    }
}

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

    html {
        font-size: 46.875%;
    }

    :root {
        --prop: 0.6;
    }

    .py-8 {
        padding: 3rem 0;
    }
    
    .name_box_w {
    background-image: linear-gradient(to right,#fff 75%,#00a59e 75%) !important;
    }


    .ys_list li div {
        padding: 20px;
    }

    .ys_list li:hover div {
        padding: 10px 0;
    }

    .tab-content .img {
        height: 125.25px;
    }
}

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

    html {
        font-size: 46.875%;
    }

    .py-8 {
        padding: 3rem 0;
    }



    .ys_list li div {
        padding: 20px;
    }

    .ys_list li:hover div {
        padding: 10px 0;
    }

    #in_box1 .container-fluid {
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to right, transparent 60%, var(--base_color) 40%);
    }

    .tab-content .img {
        height: 187.63px;
    }
}

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

    .tab-content .img {
        height: 188px;
    }
}

@media (min-width: 1200px) {
    .name_box_w .container { max-width: 1600px; }

    #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 {
        padding: 40px 0 !important;
    }

    #in_box1 .container-fluid {
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to right, transparent 60%, var(--base_color) 40%);
    }

    .tab-content .img {
        height: 325px;
    }

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

}