@media screen and (min-width: 1601px) {
    .hidden-lx {display: none!important;}
}
/* --------------------------
 1201px ~ 1600px 大屏
--------------------------- */
@media screen and (min-width: 1201px) and (max-width: 1600px) {
    :root { --unit: 10px; }
    .hidden-lg {display: none!important;}
    .warpper {
        width: calc(100% - 200px);
    }

    .de-news-list ul{
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap:2rem;
    }

    .zprolist ul{
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    .zprolist ul a b{
        height: 20vw;
    }

    .advlist_text svg{
        height: 4rem;
        width: 5rem;
    }
    .advlist_text{
        padding-top: 2vw;
    }
    .indexpro_list .swiper-slide a b{
        height: calc(100% - 4rem);
    }
    .indexpro_list .swiper-slide a p{
        height: 4rem;
        line-height: 2.5;
    }


    .swiper-workshop .swiper-slide {
        height: calc((100% - 30px) / 2) !important;
    }

}

/* --------------------------
 961px ~ 1200px 标准桌面
--------------------------- */
@media screen and (min-width: 961px) and (max-width: 1200px) {
    :root { --unit: 9px; }
    .hidden-l {display: none!important;}
    .warpper{width:calc(100% - 6rem)}

    .head{padding:0 3rem}
    .indexpro_list .swiper-slide a b{height:calc(100% - 4rem)}
    .indexpro_list .swiper-slide a p{height:4rem;line-height:2.5}
    .indexcom{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between}
    .indexcom>b,.indexcom_text{width:initial}
    .indexpro_fl a{padding:1rem 2rem}
    .advlist{height:40vw}
    .advlist_text{padding:3rem;padding-bottom:7rem}
    .advlist_text svg{width:5rem;height:5rem}
    .newsstyle>b{height:17vw}
    .indexmsg .warpper{gap:3rem;grid-template-columns:1fr 1.5fr}

    /*company*/
    .swiper-workshop{height:44vw}
    .fixed-banner{height:32vw}
    .zprolist ul a b{height:30vw}
    .de-news-list ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}

    .swiper-workshop .swiper-slide {
        height: calc((100% - 15px) / 2) !important;
    }


}

    /* --------------------------
     769px ~ 960px 小桌面 / 平板横屏
    --------------------------- */
@media screen and (min-width: 769px) and (max-width: 960px) {
    :root { --unit: 8px; }
    .hidden-m {display: none!important;}
    .warpper{width:98%}

    .head{height:70px;padding:0 1%}
    .logo img {height: 4.8rem;}

    .indexpro_list .swiper-slide a b{height:calc(100% - 4rem)}
    .indexpro_list .swiper-slide a p{height:4rem;line-height:2.5}
    .indexcom{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between}
    .indexcom_text{padding-left:2rem;}
    .indexcom>b,.indexcom_text{width:initial}
    .title {padding-top: 4vw;}
    .advfl {height: 11rem;}
    .indexpro_fl a{padding:1rem 2rem}
    .swiper-adv{width: 64%;}
    .advlist>b {width: 36%;}
    .advlist .swiper-button-next,.advlist .swiper-button-prev{width:4rem;height:4rem}
    .advlist{height:40vw}
    .advlist_text{padding:3rem;padding-bottom:4rem}
    .advlist_text svg{width:5rem;height:4rem}
    .newsstyle>b{height:17vw}
    .indexmsg .warpper{gap:3rem;grid-template-columns:1fr 1.5fr}
    .fot_mid{flex-wrap:wrap}
    .fot_mid li{width:50%;margin-bottom:2vw}
    .foot-lx{padding-top:6vw;padding-bottom:4vw}
    .zprobg{padding-top:4rem}
    .indexpro_fl{margin-bottom:4rem}
    .zprolist ul{grid-template-columns:repeat(2,1fr)}
    .zpro_tel{flex-wrap:wrap}
    .zpro_tel>a{width:139px;line-height:42px}
    .zpro_tel>div{padding-left:50px;background-size:40px;margin-top:2vw}
    .zpro_tel>div>h4{font-size:2.4rem;line-height:1}
    .zcontact01{gap:3rem;grid-template-columns: repeat(2, 1fr);}
    .zcontact01 ul li{margin-top:1rem}
    .zcontact01 ul li i{width:6rem;height:6rem}

    /*company*/
    .swiper-workshop{height:62vw}
    .fixed-banner{height:32vw}
    .zprolist ul a b{height:30vw}
    .de-news-list ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}


    .swiper-workshop .swiper-slide {
        height: calc((100% - 10px) / 2) !important;
    }

}

/* --------------------------
 0 ~ 768px 平板 & 手机移动端
--------------------------- */
@media screen and (max-width: 768px) {
    :root { --unit: 7px; }
    .warpper, .mycontainer {
        width: 96%;
    }
    .hidden-sm {display: none!important;}
    .logo img {
        height: 4rem;
    }
    .text-50 { font-size: clamp(26px, 2.60vw, 54px);}
    .text-40 { font-size: clamp(25px, 2.08vw, 44px);}
    .text-36 { font-size: clamp(23px, 1.88vw, 40px);}
    /*index*/
    .head{height:70px;padding:0 2%}
    .logo img {height: 4.8rem;}

    .banner .swiper-slide a{
        width: 96%;
        margin:0 auto;
    }

    .indexpro_list .swiper-slide a b{height:calc(100% - 4rem)}
    .indexpro_list .swiper-slide a p{height:4rem;line-height:2.5}
    .indexcom{display:grid;grid-template-columns:1fr;justify-content:space-between}
    .indexcom>b{display:none;}
    .indexcom_text{width:initial;padding:2rem;}
    .title {padding-top: 12vw;}
    .pb4{padding-bottom:12vw;}
    .advfl {height: 11rem;}
    .indexpro_fl a{padding:0.5rem 1rem;}
    .swiper-pro{height: 51vw;}
    .swiper-adv{width: 100%;}
    .advlist>b {display:none;}
    .advlist .swiper-button-next,.advlist .swiper-button-prev{width:4rem;height:4rem}
    .advlist{height:35rem;flex-wrap: wrap}
    .advlist_text{padding:3rem;padding-bottom:4rem}
    .advlist_text svg{width:5rem;height:4rem}
    .newsstyle>b{height:57vw}
    .indexmsg .warpper>b{display:none;}
    .indexmsg .warpper{gap:3rem;grid-template-columns:1fr}
    .fot_mid{flex-wrap:wrap}
    .fot_mid li{width:100%;margin-bottom:2vw}
    .fot_mid li b {
        width: 5.5rem;
        height: 5.5rem;
    }
    .foot-lx{padding-top:6vw;padding-bottom:4vw}
    .zprobg{padding-top:4rem}
    .indexpro_fl{margin-bottom:2rem}
    .zprolist ul{grid-template-columns:repeat(2,1fr);gap:8px;}
    .zpro_tel{flex-wrap:wrap}
    .zpro_tel>a{width:139px;line-height:42px}
    .zpro_tel>div{padding-left:50px;background-size:40px;margin-top:2vw}
    .zpro_tel>div>h4{font-size:2.4rem;line-height:1}
    .zcontact01{gap:3rem; padding:2rem;   grid-template-columns:1fr;flex-wrap: wrap}
    .zcontact01>b{
        width: 100%;
    }
    .zcontact>.warpper{
        padding:2rem;
    }
    #formData2{
        gap:2rem;
    }
    .zcontact01 ul li{margin-top:1rem}
    .zcontact01 ul li i{width:6rem;height:6rem}
    .foot-logo img {
        max-height: 5rem;}
    .foot-logo {
        padding: 3rem 0;
    }
    .banner .swiper-button-prev, .banner .swiper-button-next{
        display:none;
    }
    .foot {
        padding: 1rem 0;}

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

    .zproinfo_top{
        flex-wrap: wrap;
        padding:15px;
    }
    .zproinfo_top>b{
        width: 100%;
        height: 68vw;
    }
    .zpro_top_right{
        width: 100%;
    }
    .applytype{
        flex-wrap: wrap;
    }
    .applytype a{
        min-width: 10rem;
        padding-bottom: 2vw;
    }
    .applytype a b{
        height: 4rem;
    }
    .applytype a b img {
        max-width: 3rem;
        max-height: 3rem;
    }
    .zppinfo .news-detail-title b {
        width: 27vw;
        height: 18vw;
    }
    #formData2 .submit,
    .group2:last-of-type{
        grid-column: 1 / -1;
    }

    /*company*/
    .swiper-workshop{height:62vw}
    .fixed-banner{height:32vw}
    .zprolist ul a b{height:30vw}
    .de-news-list ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}
    .swiper-workshop .swiper-slide {
        height: calc((100% - 10px) / 2) !important;
    }

}