@media screen and (min-width:1920px){
    .hidden-lb{display:none!important}

}

@media screen and (min-width: 1600px) and (max-width: 1919px) {
    .warpper{ width: calc(100% - 300px);}

    .hidden-lg{display:none!important;}
    html{font-size:62%;}
    /*index*/
    .indexpro_list .swiper-slide{height: calc((100% - 40px) / 2) !important;}
    .fot_mid_left ul li div>h4{font-size: 2rem;}


}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
    .warpper{ width: calc(100% - 200px);}
    .hidden-l{display:none!important;}
    html{font-size:60%;}

    .head ul{width:48%}
    .title h2{font-size:3.2rem}
    .indexpro_list .swiper-slide{height:calc((100% - 20px)/ 2)!important}
    .advfl{height:92px}
    .advfl>div>h5{font-size:2.2rem}
    .swiper-adv{width:calc(100% - 200px)}
    .indexcom_text>h1{font-size:2.4rem}
    .indexcom>.warpper>b{height:452px}
    .foot-logo h1{font-size:2rem}
    .foot-logo a img{max-width:162px}
    .fot_mid_left ul li div>h4{font-size:1.8rem}
    .fot_mid_left ul li img{margin-right:10px;width:40px}
    .fot_mid_left>p{font-size:1.8rem}
    .fot_mid_right{width:118px;padding:3px;padding-bottom:0}

    /*company*/
    .zcom_adv_text h4 {
        font-size: 2.2rem;
    }

    /*news*/
    .de-news-list ul li .img_cover{height:200px}
    .znews_text h4{font-size:1.8rem}
    .crumbs .warpper>div{padding-left:32px;background-size:25px}




}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .warpper, .mycontainer{width: 93%!important;}
    .hidden-m{display:none!important;}
    html{font-size:60%;}


    .logo>img{max-width: 155px;}
    .head ul{width:48%}
    .head .warpper{height:82px;}
    .title h2{font-size:3.2rem}
    .indexpro_list .swiper-slide{height:calc((100% - 20px)/ 2)!important}
    .swiper-pro{height:51vw}
    .advfl{height:92px}
    .advfl>img{max-height:36px}
    .advfl>div>h5{font-size:2.2rem}
    .swiper-adv{width:calc(100% - 200px)}
    .indexcom_text>h1{font-size:2.4rem}
    .indexcom>.warpper>b{height:452px}
    .fot_mid_left ul{flex-wrap: wrap}
    .fot_mid_left ul li{width:100%!important}
    .foot-logo h1{font-size:2rem}
    .foot-logo a img{max-width:162px}
    .fot_mid_left ul li div>h4{font-size:1.8rem}
    .fot_mid_left ul li img{margin-right:10px;width:40px}
    .fot_mid_left>p{font-size:1.8rem}
    .fot_mid_right{width:118px;padding:3px;padding-bottom:0}

    /*company*/
    .zcom_adv_text h4{font-size:2.2rem}
    .zcom_adv_text h5{font-size:2rem}


    /*news*/
    .de-news-list ul li .img_cover{height:200px}
    .znews_text h4{font-size:1.8rem}
    .crumbs .warpper>div{padding-left:32px;background-size:25px}

    /*contact*/
    .zcont_bom{width:529px}
    .zcontact>h2{font-size:3rem}
    .zcont_top_left>h1{font-size:2rem}

}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .warpper, .mycontainer{width: 96%!important;}
    .hidden-sm{display:none!important;}
    html{font-size:60%;}

    .head .warpper{height:72px}
    .logo>img{max-width:155px}
    .head ul{width:48%}
    .title h2{font-size:2.6rem}
    .indexpro_list .swiper-slide{height:calc((100% - 20px)/ 2)!important}
    .banner .swiper-button-next,.banner .swiper-button-prev{width:35px;height:35px}
    .scrolldown b{font-size:12px}
    .indexpro_fl{padding:13px}
    .indexpro_fl>a{width:110px;line-height:45px;font-size:1.5rem}
    .indexpro_flmid{width:calc(100% - 260px)}
    .swiper-flmid a{line-height:45px;padding:0 8px}
    .swiper-pro{height:51vw}
    .indexpro_list .swiper-slide a b{height:calc(100% - 38px)}
    .indexpro_list .swiper-slide a p{line-height:38px;font-size:1.5rem}
    .advfl{height:67px}
    .advfl>img{max-height:30px;max-width:30px}
    .advfl>div{margin-left:6px}
    .advfl>div>h5{font-size:1.8rem}
    .advlist .swiper-button-next,.advlist .swiper-button-prev{width:40px;height:40px}
    .swiper-adv{width:calc(100% - 200px)}
    .indexcom_text>h1{font-size:2.4rem}
    .indexcom>.warpper>b{height:520px}
    .indexcom_text>small{font-size:1.2rem}
    .swiper-news a>b{height:29vw}
    #formData .submit,#formData input{line-height:50px}
    #formData .submit{font-size:1.8rem}
    #formData .code .verify{height:50px}
    .indexmsg .warpper>b{height:384px}
    .fot_mid_left ul{flex-wrap:wrap}
    .fot_mid_left ul li{width:100%!important;margin-right:0}
    .foot-logo h1{font-size:2rem}
    .foot-logo a img{max-width:162px}
    .fot_mid_left ul li div>h4{font-size:1.8rem}
    .fot_mid_left ul li img{margin-right:10px;width:40px}
    .fot_mid_left{width:calc(100% - 200px)}
    .fot_mid_left>p{font-size:1.6rem}
    .fot_mid_right{width:118px;padding:3px;padding-bottom:0}

    /*company*/
    .fixed-banner{height:41vw}
    .fixed-banner .warpper h3{font-size:3rem}
    .zcom_adv_text h4{font-size:2.2rem}
    .zcom_adv_text h5{font-size:2rem}

    /*news*/
    .de-news-list ul{gap:30px}
    .de-news-list ul li .img_cover{height:200px}
    .znews_text h4{font-size:1.8rem}
    .crumbs .warpper>div{padding-left:32px;background-size:25px}

    /*product*/
    .zpro_top_right>h2{font-size:2.2rem}
    .zproinfo_top>b{height:250px}
    .zpro_tel>a{width:152px;line-height:48px}
    .zpro_tel{flex-wrap:wrap}
    .zpro_tel>div{padding-left:44px;background-size:35px;margin-top:1.5vw}
    .zpro_tel>div>h4{font-size:2.4rem;line-height:26px}

    /*contact*/
    .contact-list{padding:15px;margin-right:15px}
    .zcont_top_right b{width:88px}
    .zcont_bom{width:488px}
    .zcontact>h2{font-size:2.4rem}
    .zcont_top_left>h1{font-size:1.8rem}
    .zcont_bom>h4{font-size:2rem}

}

@media only screen and (max-width: 767px) {
    .warpper, .mycontainer {width: 94% !important;}
    .hidden-xs {display: none !important;}
    html {font-size: 60%;}

    .head .warpper{height:58px}
    .mnavbar{
        top:58px;
        height: calc(100% - 58px);
    }
    .logo>img{        max-width: 140px;
        max-height: 28px;}
    .head ul{width:48%}
    .title h2{font-size:2.2rem}
    .title {
        padding-top: 7vw;
        padding-bottom: 4.5vw;
    }
    .title p{
        font-size: 1.5rem;
        box-sizing: border-box;
        padding:0 10px;
    }
    .head_right>div{
        width: 38px;
        height: 38px;
    }
    .head_right .mmenu{
        width: 26px;
    }
    .mbanner .swiper-slide img{
        width: 100%;
    }
    .indexpro_list .swiper-slide{height:calc((100% - 20px)/ 2)!important}
    .banner .swiper-button-next,.banner .swiper-button-prev{width:35px;height:35px}
    .scrolldown b{font-size:12px}
    .indexpro_fl{padding:13px}
    .indexpro_fl>a{width: 80px;
        line-height: 33px;font-size:1.5rem}
    .indexpro_flmid{width:calc(100% - 90px)}
    .swiper-flmid a{line-height:33px;padding:0 8px;font-size:1.5rem;min-width:180px;}
    .swiper-pro{height:87vw}
    .indexpro_list .swiper-slide a b{height:calc(100% - 38px)}
    .indexpro_list .swiper-slide a p{line-height:38px;font-size:1.5rem}
    .advfl{height:67px}
    .advfl>img{max-height:30px;max-width:30px}
    .advfl>div{margin-left:6px}
    .advfl>div>h5{font-size:1.8rem}
    .advlist .swiper-button-next,.advlist .swiper-button-prev{width:32px;height:32px}
    .advlist .swiper-button-prev:after, .advlist .swiper-button-next:after{
        font-size: 12px;
    }
    .swiper-adv{width:calc(100% - 200px)}
    .indexcom>.warpper{
        flex-wrap: wrap;
    }
    .indexcom_text>h1{font-size:2rem}
    .indexcom>.warpper>b{height:52vw;width:100%;}
    .indexcom_text{width:100%;}
    .indexcom_text>small{font-size:1.2rem}
    .swiper-news a>b{height:54vw}
    #formData .submit,#formData input{line-height:50px}
    #formData .submit{font-size:1.8rem}
    #formData .code .verify{height:50px}
    .indexmsg .warpper>b{display:none;}
    #formData{width:100%;}
    .foot-nav{display:none;}
    .fot_mid .warpper{
        flex-wrap: wrap;
        justify-content: center;
    }
    .fot_mid{
        padding:10vw 0;
    }
    .fot_mid_left ul{flex-wrap:wrap}
    .fot_mid_left ul li{width:100%!important;margin-right:0;margin-top:2vw;}
    .foot-logo h1{font-size:2rem}
    .foot-logo a{display:none;}
    .fot_mid_left ul li div>h4{font-size:1.8rem}
    .fot_mid_left ul li img{margin-right:10px;width:40px}
    .fot_mid_left{width:100%}
    .fot_mid_left>p{font-size:1.6rem}
    .fot_mid_right{width:118px;padding:3px;padding-bottom:0}

    /*company*/
    .crumbs {
        padding: 5px 0;
    }
    .fixed-banner{height:52vw}
    .fixed-banner .warpper h3{font-size:2.1rem}
    .swiper-zadv .swiper-slide{
        height: 350px;
    }
    .zcom_adv_text h4{font-size:2rem}
    .zcom_adv_text h5{font-size:1.8rem}

    /*news*/
    .de-news-list ul{gap:30px;grid-template-columns: 1fr;}
    .de-news-list ul li .img_cover{height:170px}
    .znews_text h4{font-size:1.8rem}
    .crumbs .warpper>div{padding-left:32px;background-size:25px}

    /*product*/
    .zprolist ul{
        grid-template-columns:1fr;
    }
    .center-content table{
        word-break: break-all;
    }
    .center-content table tr td{
        line-height: 24px !important;
    }
    .zpro_top_right>h2{font-size:2.2rem}
    .zproinfo_top>b{height:54vw;width: 100%}
    .zpro_tel>a{width:152px;line-height:48px}
    .zpro_tel{flex-wrap:wrap}
    .zpro_tel>div{padding-left:44px;background-size:35px;margin-top:1.5vw}
    .zpro_tel>div>h4{font-size:2.4rem;line-height:26px}
    .zproinfo_top{
        flex-wrap: wrap;
        padding:15px;
    }
    .zpro_top_right {
        width: 100%;
        margin-top: 3vw;
    }

    /*contact*/
    .contact-list{padding:15px;margin-right:15px}
    .zcont_top_right b{width:88px}
    .zcont_bom{width:100%}
    .zcontact>h2{font-size:2rem}
    .zcont_top_left>h1{font-size:1.8rem}
    .zcont_bom>h4{font-size:1.7rem}
    .de-contact{
        display: block;
    }
    .contact-map{
        position:relative;
        width: 100%;
        height: 300px;
    }
    .zcont_top_left{
        width: 100%;
    }
    .zcont_top_right{
        display:none;
    }
    .searchshow form input[type=text]{
        width: 80%;
    }

}