@media screen and (min-width:1800px){
    .hidden-lg{display:none!important}
}
@media screen and (min-width:1601px) and (max-width: 1799px){
    .hidden-lg{display:none!important}
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
    .prowarpper,.warpper{width: 96%!important;}
    html{font-size:54%;}
    .hidden-lg{display:none!important}

    .indexcom_right>ul li h4{font-size:2.4rem}
    .tio_div>h2,.tio_div>h4{font-size:3.2rem}
    .msg_1{width:400px}
    .indexcoop ul li:first-of-type{width:120px;height:120px}
    .indexcoop ul li:nth-of-type(4){width:150px;height:150px}
    .indexcoop ul li:nth-of-type(5){width:90px;height:90px}
    .indexcoop ul li:nth-of-type(6){width:100px;height:100px}
    /*company*/
    .zcom01pic{height: 540px;}
    .zcoopSwiper{height: 320px;}
    /*product*/
    .protype{grid-template-columns: repeat(auto-fill,minmax(220px,1fr));}
    /*case*/
    .zcaselist ul li{height: 30vw;}
    /*news*/
    .znewslist ul {grid-template-columns: repeat(auto-fill, minmax(266px, 1fr));}
    .znewsText>small{line-height: 18px;min-height: 56px;}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .prowarpper,.warpper{width: 96%!important;}
    .hidden-l{display:none!important;}
    html{font-size:60%;}

    .indexcom_right>ul li h4{font-size:1.8rem}
    .indexcom_right>h1,.title h3,.zcom01text>h1{font-size:3.2rem}
    .tio_div>h2,.tio_div>h4{font-size:3.2rem}
    .msg_1{width:400px}
    .indexcoop ul li:first-of-type{width:100px;height:100px}
    .indexcoop ul li:nth-of-type(2){width:120px;height:120px}
    .indexcoop ul li:nth-of-type(3){width:60px;height:60px}
    .indexcoop ul li:nth-of-type(4){width:130px;height:130px}
    .indexcoop ul li:nth-of-type(5){width:70px;height:70px}
    .indexcoop ul li:nth-of-type(6){width:80px;height:80px}
    .indexcoop ul li:nth-of-type(7){width:120px;height:120px}
    .foot-logo div h1{font-size:2.3rem}
    .foot-logo div small{letter-spacing:0.7px}
    .foot-nav-list a{font-size:1.8rem}

    /*company*/
    .zbanner h3:before{font-size:8.2rem}
    .zcoopSwiper .swiper-slide p{line-height:36px;font-size:1.6rem}
    .zcoopSwiper .swiper-slide b img{max-width:70%;max-height:60%}

    .zcom01pic{height: 655px;}
    .zcoopSwiper{height: 320px;}

    /*product*/
    .protype{grid-template-columns: repeat(auto-fill,minmax(220px,1fr));}
    .proallStyle a>p{line-height: 58px;}
    /*case*/
    .zcaselist ul li{height: 38vw;}

    /*news*/
    .znewslist ul {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
    .znewsText>small{line-height: 18px;min-height: 56px;}

    /*contact*/
    .zcontact ul li>h5 {font-size: 1.7rem;}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .prowarpper,.warpper, .mycontainer{width: 93%!important;}
    .hidden-m{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .indexcom_right>ul li{margin-right:15px}
    .indexcom_right>ul li p{width:125px}
    .indexcom_right>ul li h4{font-size:1.8rem}
    .indexcom_right>h1,.title h3,.zcom01text>h1{font-size:3rem}
    .tio_div>h2,.tio_div>h4{font-size:2.2rem}
    .msg_1{width:330px}
    .msg_1 li>h3{font-size:2.2rem}
    .msg_1 li>h5{font-size:1.5rem}

    .proflSwiper{width:100%}
    .proallStyle a>b{height: 24vw;}
    .indexcoop ul li:first-of-type{width:80px;height:80px}
    .indexcoop ul li:nth-of-type(2){width:100px;height:100px}
    .indexcoop ul li:nth-of-type(3){width:50px;height:50px}
    .indexcoop ul li:nth-of-type(4){width:110px;height:110px}
    .indexcoop ul li:nth-of-type(5){width:50px;height:50px}
    .indexcoop ul li:nth-of-type(6){width:60px;height:60px}
    .indexcoop ul li:nth-of-type(7){width:100px;height:100px}
    .foot-logo div h1{font-size:2.3rem}
    .foot-logo div small{letter-spacing:0.7px}
    .foot-nav-list a{font-size:1.8rem}
    .foot,.foot a{font-size:1.5rem}
    .fot_lx{flex-wrap:wrap}
    .fot_lx li>img{width:45px}
    .fot_lx li:last-of-type{width:100%;margin-top:2vw}

    /*company*/
    .zbanner{height:360px}
    .zbanner h3:before{font-size:7rem}
    .zbanner h3 span{font-size:3rem}
    .zcom01text>p{font-size:1.6rem}

    .zcoopSwiper .swiper-slide p{line-height:36px;font-size:1.6rem}
    .zcoopSwiper .swiper-slide b img{max-width:70%;max-height:60%}
    .zcom02text>h3{font-size: 1.8rem;}
    .zcom01pic{height: 755px;}
    .zcoopSwiper{height: 320px;}

    /*product*/
    .protype{grid-template-columns: repeat(auto-fill,minmax(220px,1fr));}
    .proallStyle a>p{line-height: 58px;}
    .de-product-list ul{grid-template-columns: repeat(3,1fr);}


    /*case*/
    .zcaselist ul{grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
    .zcaseText{padding:25px;}
    .zcaseText h3{font-size: 2.3rem;}
    .zcaselist ul li{height: 38vw;}

    /*news*/
    .znewslist ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
    .znewsText>small{line-height:18px;min-height:56px}
    .znewslist ul li a>b{height:20vw}


    /*contact*/
    #formData .submit,#formData input{line-height:45px}
    #formData .code .verify{height:45px}
    .zcontact ul li>h5{font-size:1.7rem}
    .zmessage .warpper>b{height:380px}

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

    /*index*/
    .indexcom_right>ul{flex-wrap: wrap}
    .indexcom_right>ul li{margin-right:0;width:100%;}
    .indexcom_right>ul li h4{font-size:1.8rem}
    .indexcom_right>h1,.title h3,.zcom01text>h1{font-size:2.5rem}
    .tio_div>h2,.tio_div>h4{font-size:2.2rem}
    .msg_1{width:330px}
    .msg_1 li>h3{font-size:2.2rem}
    .msg_1 li>h5{font-size:1.5rem}
    .proflSwiper{width:100%}
    .proallStyle a>b{height: 24vw;}
    .indexcoop ul li:first-of-type{width:80px;height:80px}
    .indexcoop ul li:nth-of-type(2){width:90px;height:90px}
    .indexcoop ul li:nth-of-type(3){width:50px;height:50px}
    .indexcoop ul li:nth-of-type(4){width:90px;height:90px}
    .indexcoop ul li:nth-of-type(5){width:50px;height:50px}
    .indexcoop ul li:nth-of-type(6){width:60px;height:60px}
    .indexcoop ul li:nth-of-type(7){width:100px;height:100px}
    .indexcoop ul li:nth-of-type(8){width:120px;height:120px}
    .foot-logo div h1{font-size:2.3rem}
    .foot-logo div small{letter-spacing:0.7px}
    .foot-nav-list a{font-size:1.8rem}
    .foot,.foot a{font-size:1.5rem}
    .fot_lx{flex-wrap:wrap}
    .fot_lx li>img{width:45px}
    .fot_lx li:last-of-type{width:100%;margin-top:2vw}

    /*company*/
    .zbanner{height:34vw}
    .zbanner h3:before{font-size:7rem}
    .zbanner h3 span{font-size:3rem}
    .zcom01text>p{font-size:1.5rem}
    .zcom02text>small{font-size:1.5rem;line-height:22px}
    .zcom01text>small{line-height:24px}
    .zcoopSwiper .swiper-slide p{line-height:36px;font-size:1.6rem}
    .zcoopSwiper .swiper-slide b img{max-width:70%;max-height:60%}
    .zcom02text>h3{font-size: 1.8rem;height:55px;margin-top:30px;}
    .zcom01pic{height: 755px;}
    .zcoopSwiper{height: 320px;}

    /*product*/
    .protype a{line-height:48px}
    .protype{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
    .zpro_top_left{height:320px}
    .proallStyle a>p{line-height:58px}
    .de-product-list ul{grid-template-columns:repeat(3,1fr)}
    .znewsDetail{grid-template-columns:auto 250px}
    .znewsCard02>h2{font-size:2.3rem}

    /*case*/
    .zcaselist ul{grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
    .zcaseText{padding:25px;}
    .zcaseText h3{font-size: 2.3rem;}
    .zcaselist ul li{height: 38vw;}

    /*news*/
    .znewslist ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
    .znewsText>small{line-height:18px;min-height:56px}
    .znewslist ul li a>b{height:20vw}


    /*contact*/
    #formData .submit,#formData input{line-height:45px}
    #formData .code .verify{height:45px}
    .zcontact ul li>h5{font-size:1.7rem}
    .zmessage .warpper>b{height:380px}

}

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

    .searchshowbg form{width: 95%;}
    .searchshowbg form input[name=keyword]{width: calc(100% - 110px);}

    /*index*/
    .head .warpper{
        height: 100%;
    }
    .logo>img{
        height: 43px;
    }
    .logo>div h1{
        font-size: 2.3rem;
        line-height: 23px;
    }
    .logo>div>small{
        letter-spacing: -0.5px;
    }
    .swiper-button-prev,
    .swiper-button-next{display:none;}
    .swiperbanner .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }
    .swiperbanner .swiper-pagination-bullet:after{
        width: 10px;
        height: 10px;
        border:1px solid #fff;
    }
    .indexCompany{
        flex-wrap: wrap;
    }
    .indexcom_left{
        width: 100%;
        height: 30vw;
        order:2;
    }
    .indexcom_right{
        width: 100%;
        padding-right: 2vw;
        padding-top: 8vw;
    }
    .btnStyle{
        width: 135px;
        padding:5px;
        padding-left: 15px;
    }
    .indexcom_right, .indexcoopbg, .newsbg, .indexprobg {
        padding-bottom: 8vw;
    }
    .indexcom_right>ul{flex-wrap: wrap;display:none;}
    .indexcom_right>ul li{margin-right:0;width:100%;}
    .indexcom_right>ul li h4{font-size:1.8rem}
    .indexcom_right>h1,.title h3,.zcom01text>h1{font-size:2.2rem}
    .title p{font-size: 1.4rem;}
    .tio_div>h2,.tio_div>h4{font-size:2.2rem}
    .msg_1{width:330px}
    .msg_1 li>h3{font-size:2.2rem}
    .msg_1 li>h5{font-size:1.5rem}
    .proflSwiper{width:100%}
    .proflSwiper .swiper-slide a{
        height: 46px;
    }
    .proallStyle a>b{height: 36vw;}
    .indexcoop ul{
        height: 450px;
    }
    .indexcoop ul li:first-of-type{width:80px;height:80px;top:23px;}
    .indexcoop ul li:nth-of-type(2){width:90px;height:90px}
    .indexcoop ul li:nth-of-type(3){width:90px;height:90px}
    .indexcoop ul li:nth-of-type(4){width:50px;height:50px}
    .indexcoop ul li:nth-of-type(5){width:50px;height:50px}
    .indexcoop ul li:nth-of-type(6){width:80px;height:80px;right:4%;}
    .indexcoop ul li:nth-of-type(7){width:70px;height:70px}
    .indexcoop ul li:nth-of-type(8){width:100px;height:100px}
    .news_text>h3{
        font-size: 1.8rem;
    }
    .news_text>small{
        font-size: 1.4rem;
        line-height: 24px;
    }
    .mynewsSwiper .swiper-slide a>b{
        height: 32vw;
    }
    .footer>.warpper{
        flex-wrap: wrap;
    }
    .fot_left{
        width:100%;
    }
    .fot_right{margin:2vw auto;}
    .foot-nav-list{display:none;}
    .foot-logo div h1{font-size:2.3rem}
    .foot-logo div small{letter-spacing:0.7px}
    .foot-nav-list a{font-size:1.8rem}
    .foot,.foot a{font-size:1.5rem}
    .fot_lx{flex-wrap:wrap}
    .fot_lx li>img{width:40px}
    .fot_lx li>div p{
        font-size: 1.6rem;
    }
    .fot_lx li:last-of-type{width:100%;margin-top:2vw}

    /*company*/
    .zbanner{height:34vw}
    .zbanner h3:before{font-size:4rem;line-height: 40px;}
    .zbanner h3 span{font-size:2rem}
    .zcom01text>p{font-size:1.5rem}
    .zcom02text>small{font-size:1.5rem;line-height:22px;height:initial}
    .zcom01text>small{line-height:24px}
    .zcoopSwiper .swiper-slide p{line-height:36px;font-size:1.4rem}
    .zcoopSwiper .swiper-slide b img{max-width:70%;max-height:60%}
    .zcom02text>h3{font-size: 1.8rem;margin-top:30px;}
    .zcompany01{flex-wrap: wrap;width:94%;margin:0 auto;}
    .zcom01pic{height: 45vw;order:2;width:100%;}
    .zcom01text{width:100%;}
    .zcompany02 ul{flex-wrap: wrap}
    .zcompany02 ul li{
        width: 100%;}
    .zcompany02 ul li b{
        height: 62vw;
    }
    .zcom02text{
        padding:6vw 20px;
    }
    .zcoopSwiper{height: 256px;}

    /*product*/
    .protype a{line-height:48px;margin:5px;height:48px;justify-content:flex-start}
    .protype{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));    padding: 5px;
        border-radius: 8px;}
    .protype a>img{
        margin-left: 5px;
        max-width: 25px;
        max-height:25px;
    }
    .zpro_top_left{height:60vw;width:100%;}
    .proallStyle a>p{line-height:42px;font-size:1.6rem;}
    .protype a span{
        font-size: 1.5rem;
    }
    .de-product-list ul{grid-template-columns:repeat(2,1fr)}
    .zpro_top{flex-wrap: wrap}
    .zpro_top_right{
        width: 100%;
        margin-top: 3vw;
    }
    .zpro_top_right>h2{
        font-size: 2rem;
    }
    .zpro_top_right ul li{
        margin-right: 8px;
    }
    .zpro_top_right ul{
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .zpro_top_right>a{
        width: 187px;
    }
    .znewsDetail{grid-template-columns:auto}
    .znewsCard01>h4,.znewsCard02>h4,
    .zpro_bom_left>h4{
        font-size: 2rem;
    }
    .zcaseText h3,.znewsinfoLeft>h3,
    .znewsCard02>h2{font-size:2rem}
    .de-page-mian .page-inner input,.de-page-mian .page-inner a.page-btn,
    .de-page-mian .page-inner span{display:none;}
    /*case*/
    .zcaselist ul{grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
    .zcaseText{padding:15px;}
    .zcaseText h3{font-size: 2.3rem;}
    .zcaselist ul li{height: 90vw;}
    .zcaselist ul li>b>i{
        width: 45px;
        height: 45px;
    }
    .zcaselist ul li>b>i img{
        max-width: 28px;
        max-height: 28px;
    }
    /*news*/
    .zcontact ul {
        flex-wrap: wrap;
    }
    .zcontact ul li{
        width: 49%;
        margin-top: 2vw;
    }
    .zcontact ul li:last-of-type{
        width: 100%;
    }
    .znewslist ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
    .znewsText>small{line-height:18px;min-height:56px}
    .znewslist ul li a>b{height:66vw}


    /*contact*/
    .zcontact {
        padding: 7vw 0;
    }
    .zcontact ul li>p{
        font-size: 1.4rem;
    }
    #formData .submit,#formData input{line-height:45px}
    #formData .code .verify{height:45px}
    .zcontact ul li>h5{font-size:1.4rem;height:initial}
    .zmessage .warpper>b{height:47vw;width:100%;}
    #dituContent{
        height: 50vw;
    }
    .zmessage .warpper{
        flex-wrap: wrap;
    }
    #formData{
        width: 100%;
        margin-top: 2vw;
    }

}