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

}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .warpper{width: 90%!important;}
    .hidden-lg{display:none!important;}
    html{font-size:62%;}
    /*index*/
    .nav-bar ul li a{
        line-height: 80px;
    }
    .nav-bar ul li a{
        font-size: 1.6rem;
    }
    .title h3{
        font-size: 2.4rem;
    }
    .nav-bar ul li{
        margin:0 17px;
    }
    .company-left>h3{font-size:2.4rem}
    .com-content{line-height:25px;font-size:1.5rem}
    .companyul li h3{font-size:3rem}
    .companyul li h5{font-size:1.4rem}


    /*zcompany*/
    .zbanner h3{font-size:3rem}
    .zcom01_left>h1{font-size:2.3rem}
    .zbanner p{font-size:1.4rem}
    .zcom_intro .img_cover{width:42%}

    /*zproduct*/
    .pro-sider{width:300px}
    .proinfo_right,.zpro_right{width:calc(98% - 300px)}

    /*zcase*/
    .znewsinfo_left>h3{font-size:1.8rem}

    /*zcontact*/
    .contact-list li>div h5{font-size:1.8rem}



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

    /*index*/
    .nav-bar ul li a{
        line-height: 70px;
        font-size: 1.8rem;
    }
    .nav-bar ul li{
        margin:0 10px;
    }
    .banner .swiper-slide a img{
        max-height:75%
    }
    .company-left>h3{font-size:2.4rem}
    .com-content{line-height:25px;font-size:1.5rem}
    .companyul li h3{font-size:3rem}
    .companyul li h5{font-size:1.4rem}

    .title h3{
        font-size: 2.6rem;
    }
    .zbread_left>a{
        line-height: 70px;
    }

    /*zcompany*/
    .zbanner h3{font-size:3rem}
    .swiper-envir{
        height: 560px;
    }
    .zcom01_left>h1{font-size:2.3rem}
    .zbanner p{font-size:1.4rem}
    .zcom_intro .img_cover{width:42%}

    /*zproduct*/
    .zproinfo_right>h4{
        font-size: 2rem;
    }
    .zproinfo_right>p{
        font-size: 1.4rem;
    }
    .zproinfo_right>ul li img{
        max-height:40px;
    }
    .pro-sider{width:300px}
    .proinfo_right,.zpro_right{width:calc(98% - 300px)}

    .info-center .center-content strong{
        font-size: 2rem;
    }
    .znewsinfo_right h4{
        font-size: 2.2rem;
    }


    /*zcase*/
    .znewsinfo_left>h3{font-size:1.8rem}

    /*zcontact*/
    .contact-list li>div h5{font-size:1.8rem}

}

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

    .banner,.zbanner{
        margin-top: 55px;
    }
        /*index*/
    .banner .swiper-slide a img{
        max-height:70%;
        max-width: 60%;
    }
    .nav-bar ul li{
        margin:0 10px;
    }
    .nav-bar ul li a{
        font-size: 1.8rem;
    }

    .float_box{display:none;}
    .company-left>h3{font-size:2.4rem}
    .com-content{line-height:25px;font-size:1.5rem}
    .companyul li h3{font-size:3rem}
    .companyul li h5{font-size:1.4rem}

    .title h3{
        font-size: 2.6rem;
    }
    .zbread_left>a{
        line-height: 70px;
    }
    .index-case-main{
        height: 390px;}
    .swiper-news .swiper-slide a>b{
        height: 180px;
    }
    .foot-link ul li div h3{
        font-size: 1.6rem;
    }
    /*zcompany*/
    .zbanner h3{font-size:3rem}
    .swiper-envir{
        height: 560px;
    }
    .zcom01_left>h1{font-size:2rem}
    .zbanner p{font-size:1.4rem}
    .zcom_intro .img_cover{width:42%}

    /*zproduct*/
    .zproinfo_right>h4{
        font-size: 1.8rem;
    }
    .zproinfo_right>p{
        font-size: 1.4rem;
    }
    .zproinfo_right>ul{
        flex-wrap: wrap;
    }
    .zproinfo_right>ul li{
        width: 100%;
        margin-top: 1vw;
    }
    .zproinfo_right>ul li img{
        max-height:40px;
    }
    .pro-sider{width:220px}
    .proinfo_right,.zpro_right{width:calc(98% - 220px)}

    .info-center .center-content strong{
        font-size: 2rem;
    }
    .znewsinfo_right h4{
        font-size: 2.2rem;
    }
    .pro-sider div a{
        padding:10px;
    }


    /*zcase*/
    .znewsinfo_left>h3{font-size:1.8rem}

    .apply-job .job-tr .tr-cont{
        width: 80%;
    }


    /*zcontact*/
    .contact-list li>div h5{font-size:1.8rem}

}

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

    .banner,.zbanner{
        margin-top: 55px;
    }
    /*index*/
    .banner .swiper-slide a img{
        max-height:70%;
        max-width: 60%;
    }
    .nav-bar ul li{
        margin:0 10px;
    }

    .float_box{display:none;}
    .company-left>h3{font-size:2.4rem}
    .com-content{line-height:25px;font-size:1.5rem}
    .companyul li h3{font-size:3rem}
    .companyul li h5{font-size:1.4rem}
    .companyul li p{
        font-size: 1.2rem;
    }
    .title h3{
        font-size: 2.6rem;
    }
    .zbread_left>a{
        line-height: 70px;
    }

    .index-case-main{
        height: 390px;}
    .swiper-news .swiper-slide a>b{
        height: 180px;
    }
    .foot-link .warpper>h2{
        font-size: 1.8rem;
    }
    .foot-link ul{
        flex-wrap: wrap;
    }
    .foot-link ul li div h3{
        font-size: 1.6rem;
    }
    .foot-link ul li:last-of-type{
        margin-top: 1vw;
        width: 100%;
    }
    /*zcompany*/
    .zcom_intro{
        flex-wrap: wrap;
    }
    .zcom01_left{
        width: 100%;
        margin-bottom: 2vw;
    }
    .zcom_intro .img_cover{width:100%}
    .zbanner h3{font-size:2.6rem}
    .swiper-envir{
        height: 360px;
    }
    .zcom01_left>h1{font-size:2rem}
    .zbanner p{font-size:1.4rem}
    .partner ul li{
        width: 200px;
        height: 95px;
    }

    /*zproduct*/
    .zproinfo_right>h4{
        font-size: 1.8rem;
    }
    .zproinfo_right>p{
        font-size: 1.4rem;
    }

    .zproinfo_right>ul li img{
        max-height:40px;
    }
    .de-product-list ul li a b{
        height: 21vw;
    }
    .proinfo_right,.zpro_right{width:100%;}
    .info-center .center-content strong{
        font-size: 2rem;
    }
    .znewsinfo_right h4{
        font-size: 2.2rem;
    }
    .pro-sider div a{
        padding:10px;
    }
    .zbread>.warpper>p {
        display:none;
    }
    .zproinfo_top{
        flex-wrap: wrap;
    }
    .zproinfo_left{
        width: 100%;
        height: 52vw;
        margin-bottom: 2vw;
    }
    .zproinfo_right{
        width: 100%;
    }

    /*zcase*/
    .news-detail-content{
        flex-wrap: wrap;
    }
    .znewsinfo_left{
        width: 100%;
    }
    .znewsinfo_right{
        width: 100%;
    }
    .znewsinfo_right ul {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .znewsinfo_right ul li{
        width: 48%;
        margin-bottom: 2vw;
    }
    .znewsinfo_left>h3{font-size:1.8rem}

    .apply-job .job-tr .tr-cont{
        width: 80%;
    }
    .zcaseinfo_right ul li a>b{
        height: 25vw;
    }

    .zhonor-list ul li{
        width: 24%;
        margin-right: 1.25%;
    }
    .zhonor-list ul li:nth-of-type(5n) {
        margin-right: 1.25%;
    }
    .zhonor-list ul li:nth-of-type(4n) {
        margin-right: 0;
    }

    /*zcontact*/
    .contact-list li>div h5{font-size:1.8rem}
    .contact-list li img{
        max-height:46px;
    }

}

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


    #bannerpagination{display:none;}

    .banner,.zbanner{
        margin-top: 55px;
    }
    .banner_btn{
        justify-content: space-between;
        bottom:10px;
        width: 50%;
    }

    /*index*/
    .banner .swiper-slide a img{
        max-width: 60%;
    }
    .nav-bar ul li{
        margin:0 10px;
    }

    .float_box{display:none;}
    .title h3{
        font-size: 2.3rem;
    }
    .title small{
        font-size: 1.4rem;
    }
    .company-main .warpper{
        flex-wrap: wrap;
    }
    .company-left{
        width: 100%;
        padding:5vw 3vw;
    }
    .company-img{
        width: 100%;
        height:65vw;
    }
    .company-left>h3{font-size:1.9rem}
    .com-content{line-height:25px;font-size:1.5rem}
    .companyul li h3{font-size:1.8rem}
    .companyul li h5{font-size:1.4rem}
    .companyul li p{
        font-size: 1.2rem;
    }
    .index-case-main{
        flex-wrap: wrap;
        height: initial;}
    .case_left{
        width: 100%;
    }
    .case_left a{
        height: 48vw;
    }
    .case_mid{
        width: 100%;
        height: 48vw;
    }
    .zbread_left>a{
        line-height: 46px;
    }
    .product-main ul li{
        width: 49%;
    }
    .de-product-list ul li{
        width: 49%;
    }
    .de-product-list ul li:nth-child(3n){
        margin-right: 2%;
    }
    .de-product-list ul li:nth-child(2n){
        margin-right: 0;
    }
    .swiper-news .swiper-slide a>b{
        height: 180px;
    }
    .product-main ul li a>b{
        height: 26vw;
    }
    .foot-link ul li img{
        height: 38px;
    }
    .foot-link ul li{
        width: 100%;
        margin-right: 0;
        margin-top: 2vw;
    }
    .no-goods img{
        width: 147px;
    }
    .no-goods{
        padding-bottom: 100px;
    }
    .foot-link .warpper>h2{
        font-size: 1.8rem;
    }
    .foot-link ul li div p{
        display:none;
    }
    .foot-link ul{
        flex-wrap: wrap;
    }
    .foot-link ul li div h3{
        font-size: 1.4rem;
        font-weight: normal;
    }
    .foot-link ul li:last-of-type{
        margin-top: 2vw;
        width: 100%;
    }
    .foot{
        padding:10px 0;
        font-size: 1.2rem;
    }
    .foot a{
        font-size: 1.2rem;
    }
    .swi-newsbtn .swiper-button-prev, .swi-newsbtn .swiper-button-next{
        width: 45px;
        height: 45px;
    }
    /*zcompany*/
    .zbanner{
        height: 34vw;
    }
    .zcom_intro{
        flex-wrap: wrap;
    }
    .zcom01_left{
        width: 100%;
        margin-bottom: 2vw;
    }
    #comfuture ul li img{
        height: 25px;
    }
    .zcom_intro .img_cover{width:100%}
    .zbanner h3{font-size:2.3rem}
    .swiper-envir{
        height: 270px;
    }
    #comfuture ul li{
        width: 45%;
    }
    .zcom01_left>h1{font-size:1.8rem}
    .zbanner p{display:none;}
    #comfuture ul li h5{
        font-weight: normal;
        font-size: 1.4rem;
    }
    .partner ul li{
        width: 145px;
        height: 55px;
    }
    .partner ul li .img_jz{
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .partner ul li .img_jz img{
        max-width: 60%;
        max-height:80%;
    }
    .de-news-list ul li,
    .zcase-list>a{
        width: 100%;
        margin-right: 0;
    }
    .de-news-list ul li a>b,
    .zcase-list a>b{
        height: 56vw;
    }
    /*zproduct*/
    .zproinfo_right>h4{
        font-size: 1.8rem;
    }
    .zproinfo_right>p{
        font-size: 1.4rem;
    }

    .zproinfo_right>ul li img{
        max-height:30px;
    }
    .de-product-list ul li a b{
        height: 36vw;
    }
    .de-product-list ul li a p{
        line-height: 36px;
    }
    .proinfo_right,.zpro_right{width:100%;}
    .info-center .center-content strong{
        font-size: 1.8rem;
    }
    .zproinfo_right>ul{
        flex-wrap: wrap;
    }
    .zproinfo_right>ul li{
        width: 100%;
        margin-top: 1vw;
    }
    .znewsinfo_right h4{
        font-size: 2.2rem;
    }
    .pro-sider div a{
        padding:10px;
    }
    .zbread>.warpper>p {
        display:none;
    }
    .zproinfo_top{
        flex-wrap: wrap;
    }
    .zproinfo_left{
        width: 100%;
        height: 52vw;
        margin-bottom: 4vw;
    }
    .zproinfo_right{
        width: 100%;
    }

    /*zcase*/
    .news-detail-content{
        flex-wrap: wrap;
    }
    .znewsinfo_left{
        width: 100%;
    }
    .znewsinfo_right{
        width: 100%;
    }
    .znewsinfo_right ul {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .znewsinfo_right ul li{
        width: 48%;
        margin-bottom: 2vw;
    }
    .znewsinfo_left>h3{font-size:1.8rem}

    .apply-job .job-tr .tr-cont{
        width: 80%;
    }
    .zcaseinfo_right ul li a>b{
        height: 25vw;
    }

    .zhonor-list ul li{
        width: 49%;
        margin-right: 2%;
    }
    .zhonor-list ul li:nth-of-type(5n) {
        margin-right: 2%;
    }
    .zhonor-list ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .zhonor-list ul li a>b{
        height: 50vw;
    }
    .zjob_top_l>div p,
    .zjob_top_l img{
        display:none;
    }
    .zjob_top_r{
        font-size: 1.8rem;
        width: 200px;
    }
    .zjob_top_l>div h3 {
        font-size: 1.8rem;
        max-width: calc(98% - 200px);
    }
    .btn_style{
        width: 110px;
        line-height: 38px;
        height: 38px;
    }
    /*zcontact*/
    .contact-list li{
        width: 100%;
    }
    .contact-list li>div h5{font-size:1.6rem}
    .contact-list li img{
        max-height:40px;
    }
    .contact-map{
        flex-wrap: wrap;
    }
    #dituContent{
        width: 100%;
        height: 350px;
    }
    .zmsg{
        width: 100%;
        padding:4vw;
    }
    #formData>input{
        width: 100%;
        line-height: 38px;
        height: 38px;
        padding:0 10px;
    }
    #formData textarea{
        line-height: 38px;
    }
    #formData .code input{
        line-height: 38px;
        height: 38px
    }
    #formData .code .verify{
        height: 38px
    }
    #formData .submit{
        line-height: 38px;
    }


}