@media (max-width: 575.98px) {

    html {

        font-size: 46.875%;

    }



    :root {

        --prop: 0.6;

    }



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



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



    .py-8 {

        padding: 3rem 0;

    }



    #in_box5 .in_title a {

        color: #fff;

        text-shadow: 0 3px 0 #000;

    }



    .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;

    }



    #in_box5 .in_title a {

        color: #fff;

        text-shadow: 0 3px 0 #000;

    }



    .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;

    }



    #in_box5 .in_title a {

        color: #fff;

        text-shadow: 0 3px 0 #000;

    }



    .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) {



    #banner_box {

        width: 100%;

        position: relative;

        height: 800px;

        overflow: hidden;

    }



    #banner_box .flash {

        width: 1920px;

        height: 800px;

        left: 50%;

        margin-left: -960px !important;

        position: absolute;

    }

    

    #page_banner_box { padding: 80px 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;

    }


    #in_box2 {
    background: url(../images/P.png) left top no-repeat;
    background-position: 200px 0px;
    margin-top: 100px;
    }

    #in_box4 {
    background: url(../images/S.png) left top no-repeat;
    background-position: 200px 0px;
    margin-top: 100px;
    }

}