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

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

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

    #menu_map {
        height: 100vh;
    }

    #menu_map ul li a.active {
        background-color: var(--base_color);
        color: #fff; 
    }

    .brand_gd .swiper-wrapper { height: 140px; }
    .brand_gd .swiper-wrapper { height: 140px; }

    
    .fs55 { font-size: 3.6rem; }

    #verifyImg { height: 34px !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; }


    .ys_list li div { padding-left: 54px; height: 54px; }
    .ys_list li img { width: 54px; height: 54px; top:0; left: 0;}

    .c-cursor {
        display: none;
    }

}

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

    html {
        font-size: 55%;
    }

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

    .sycj_swiper .swiper-slide.swiper-slide-active .text_box {
        width: 531px !important;
        height: 531px !important;
    }

    .brand_gd .swiper-wrapper { height: 140px; }

    .c-cursor {
        display: none;
    }

    


}

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

    html {
        font-size: 55%;
    }

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

    .sycj_swiper .swiper-slide .text_box {
        width: 400px !important;
        height: 400px !important;
    }

    .brand_gd .swiper-wrapper { height: 140px; }

    .c-cursor {
        display: none;
    }

    
}

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

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

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

    #case_gd_box {
        background: url(../images/border_red.png) right 15px center no-repeat;
        padding: 80px 50px;
    }

    .brand_gd .swiper-wrapper { height: 160px; }

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

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

    #menu_map .col-lg-1 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .pro_desc { height: 200px; }

    .c-cursor {
        display: none;
    }

    
}

@media (min-width: 1200px) {

    #fixedNav a {
        padding: 26px 33px !important;
    }

    #case_gd_box {
        background: url(../images/border_red.png) right 15px center no-repeat;
        padding: 80px 50px;
    }

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

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

    #about_box3 .imgbox {
        max-width: 720px;
    }

    .banner_desc {
        max-width: 500px;
    }

    .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-36 {
        font-size: 3.6rem;
    }

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

    .so_box {
        max-width: 500px;
        margin: 0 auto;
    }

    .news_detail {
        border: 15px solid #efefef;
    }

    #job_box1 .text_box {
        width: calc(100% - 140px);
        margin-left: 40px !important;
    }

    #menu_map .col-xl-1 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    #menu_map ul li a.active {
        border-top: 3px solid var(--base_color);
    }

    .brand_gd .swiper-wrapper { height: 180px; }

    .pro_desc { height: 200px; }
    .two_list .pro_desc { height: 140px; }

    #dituContent { 
    width: calc(100%; - 25px);
    box-shadow: 15px -15px 0 var(--base_color);
     }

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

     .pro_desc { height: 200px; }

    .c-cursor {
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        pointer-events: none;
        mix-blend-mode: difference;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
    }

    .c-cursor[data-cursor-hiding="true"] {
        pointer-events: none;
        opacity: 0;
    }

    .c-cursor[data-cursor-hiding="false"] {
        pointer-events: none;
        opacity: 1;
    }

    .c-cursor__outer {
        -webkit-transform: translate3d(-50%, -50%, 1px);
        transform: translate3d(-50%, -50%, 1px);
    }

    .c-cursor__inner {
        width: 0.5rem;
        height: 0.5rem;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        -webkit-transform: rotate(135deg) scale(1) translateZ(0);
        transform: rotate(135deg) scale(1) translateZ(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        pointer-events: none;
        opacity: 1;
        border: 1px solid #fff;
        background-color: #fff;
        will-change: width, height;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .c-cursor__svg-wrapper {
        display: none;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    .c-cursor[data-cursor-type="left-right"] .c-cursor__inner {
        width: 3.75rem;
        height: 3.75rem;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        border-radius: 50%;
        background-color: transparent;
    }

    .c-cursor[data-cursor-type="left-right"] .c-cursor__left-right {
        display: block;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .c-cursor[data-cursor-type="left-right"] .c-cursor__left-right svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    .c-cursor[data-cursor-type="left-right"] .c-cursor__left-right svg path,
    .c-cursor[data-cursor-type="left-right"] .c-cursor__left-right svg polygon {
        fill: #fff;
    }

    .c-cursor[data-cursor-type="left-right"][data-cursor-holding] .c-cursor__inner {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    .c-cursor[data-cursor-type="eye"][data-cursor-holding] .c-cursor__inner {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    .c-cursor[data-cursor-type="interactive-element"] .c-cursor__inner,
    .c-cursor[data-cursor-interactive="true"] .c-cursor__inner {
        width: 4rem;
        height: 4rem;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        opacity: 1;
        border-radius: 50%;
        background-color: #fff;
    }

    .c-cursor[data-cursor-type="interactive-element"] .c-cursor__inner.focus::after,
    .c-cursor[data-cursor-interactive="true"] .c-cursor__inner.focus::after {
        font-size: 14px;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        display: block;
        content: "More";
        transform: translate(-50%, -50%);
        color: #999;
    }
}