@media screen and (min-width:1400px){
    .hidden-lm{display:none;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
    .hidden-l{display:none!important;}
    .warpper{width:96%;}
    /*index*/
    .search{width:12%}
    .search>a{margin-left:8%;margin-right:7%}
    .head .warpper>ul{width:54%}
    .head>.warpper>.searchshow{width:75%}
    .dropdown{background-size:80% 100%}
    .product>a:first-of-type{width:48%}
    .product>a{width:51%;height:305px}
    .product>a:nth-of-type(2){margin-bottom:1%}
    .product>a:nth-of-type(2)>div,.product>a:nth-of-type(3)>div{width:38%}
    .product>a:nth-of-type(2)>img,.product>a:nth-of-type(3)>img{max-width:58%}
    .z_profltitle .fl_show a{
        padding-left: 37px;
        padding-right: 48px;
        min-width: initial;
    }
    /*company*/
    .company>img{max-width:44%}
    .com_text{width:53%}
    .com_text>h5{padding-top:5vw}
    .news_left{padding:0 2%;padding-bottom:2%}
    .swiper-news .swiper-slide a img{width:initial;height:100%}
    .news_left li{height:84px}
    .zcom_left{width:55%}
    .com_cont01 ul,.zom02_right{width:43%}
    /*honor*/
    .zhonor_cont li a{height:31vw;}
    .ztownscape_cont li a{height:15vw;}

    /*message*/
    .form_left,.form_right{width:49%}
    /*contact*/
    #dituContent{width:65%}
    .contact-link{width:35%}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .mycontainer{width: 96%!important;}
    .warpper{width: 96%!important;}
    .hidden-m{display:none!important;}

    /*index*/
    .banner,.banner #bannerSwiper{height:auto}
    .banner .swiper-slide{height:51vw}
    .search{width:12%}
    .search>a{margin-right:7%;margin-left:8%}
    .head .warpper>ul{width:54%}
    .head>.warpper>.searchshow{width:67%}
    .dropdown{background-size:80% 100%}
    .product{margin-bottom:0}
    .product>a:first-of-type{width:48%}
    .product>a{width:51%;height:305px}
    .pro_cont2 a{width:24.2%;height:28vw}
    .product>a{margin-bottom:1%}
    .product>a>div{width:45%;padding-left:17px;}
    .product>a>img{max-width:53%;}
    .z_profltitle .fl_show{flex-wrap:wrap}
    .productindex ul li a{height:35vw}
    .z_profltitle .fl_show a{margin-bottom:2vw;width:31%;min-width:inherit}
    .zpro_cont2{margin-top:0}
    .zpro_cont2>div>a{padding:0 2%;width:auto}
    .productindex ul li a{height:31vw}
    .swiper-zproduct{height:357px}
    .hotline>h4>span{display:block}
    .hotline>h4{font-size:27px}
    .pro_recommend li{width:23.5%}
    .footer .warpper>.clearfix>div{margin-right:20px;}
    /*honor*/
    .zhonor_cont li a{height:29vw}
    .honor{background-size:41%}

    /*company*/
    .company-main .title>small{width:49%;}
    .com02bg{padding-top:2.5vw;padding-bottom:2.5vw;}
    .company>img{max-width:44%;}
    .com_text{width:53%;}
    .com_text>small{line-height:33px;}
    .com_text>h5{padding-top:0;}
    .news_left{padding:0 2%;padding-bottom:2%;}
    .swiper-news .swiper-slide a img{width:initial;height:100%;}
    .news_left li{height:84px;}
    .news_text{margin-left:6%;}
    .zcom_left{width:55%;}
    .com_cont01 ul,.zom02_right{width:43%;}
    .ztownscape_cont li a{height:15vw;}
    /*message*/
    .form_left,.form_right{width:49%}
    #formData{padding-bottom: 9vw;}
    /*contact*/
    #dituContent{width:65%}
    .contact-link{width:35%;padding:5% 2%;}
    .de-contact .contact-list ul li{padding-left:44px;}

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

    /*index*/
    .title{padding-top:5vw}
    .title h3{font-size:27px}
    .title a{height:38px;line-height:38px;font-size:16px}
    .banner,.fixed-banner{margin-top:55px}
    .fixed-banner{height:333px}
    .fixed-banner .warpper>h3{font-size:32px;padding-top:16%}
    .banner,.banner #bannerSwiper{height:auto}
    .banner .swiper-slide{height:51vw}
    .search{width:12%}
    .search>a{margin-right:7%;margin-left:8%}
    .head .warpper>ul{width:54%}
    .head>.warpper>.searchshow{width:75%}
    .com_text>h5{font-size:25px}
    .com_text>b{margin-top:2vw;margin-bottom:2vw}
    .dropdown{background-size:80% 100%}
    .product{margin-bottom:0}
    .product>a:first-of-type{width:48%}
    .product>a{width:51%;height:305px}
    .pro_cont2 a{width:24.2%;height:28vw}
    .product>a{margin-bottom:1%}
    .product>a>div{width:49%;padding-left:15px}
    .product>a>img{max-width:45%}
    .z_profltitle .fl_show{flex-wrap:wrap}
    .productindex ul li a{height:35vw}
    .z_profltitle .fl_show a{margin-bottom:2vw;width:31%;min-width:inherit}
    .zpro_cont2{margin-top:0}
    .zpro_cont2>div>a{padding:0 2%;width:auto}
    .productindex ul li a{height:31vw}
    .swiper-zproduct{height:357px}
    .hotline>h4>span{display:block}
    .hotline>h4{font-size:27px}
    .pro_recommend li{width:23.5%}
    .z_profltitle h3{font-size:27px}
    .zpro_cont2>div{display:flex;flex-wrap:wrap}
    .zpro_cont2>div>a{float:none;margin-right:15px}
    .zpro_cont2>div>a:nth-child(3n){margin-right:15px}
    .proinfo_title{font-size:20px}
    .hotline .order-btn>a{width:43%}

    /*honor*/
    .zhonor_cont li a{height:39vw}
    .honor{background-size:41%;padding:2vw 0}
    .honor a{padding-top:82px}
    .honor a span{font-size:19px;margin-bottom:0}

    /*company*/
    .company-main .title>small{width:49%}
    .com02bg{padding-top:2.5vw;padding-bottom:2.5vw}
    .company>img{max-width:44%;margin-top:8vw}
    .com_text{width:53%}
    .com_text>small{line-height:33px}
    .com_text>h5{padding-top:0}
    .news_left{padding:0 2%;padding-bottom:2%}
    .swiper-news .swiper-slide a img{width:initial;height:100%}
    .news_left li{height:54px;margin-top:5vw}
    .news_text{margin-left:6%}
    .zcom_left{width:55%}
    .news_date h5{line-height:35px;font-size:35px}
    .com_cont01 ul,.zom02_right{width:43%}
    .date>h4{line-height:29px;font-size:35px}
    .news_text h5{margin-top:0;margin-bottom:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
    .news_date{padding:5px 0;width:82px}
    .date>span{font-size:12px}
    .swiper-news .swiper-slide a{height:292px}
    .ztownscape_cont li a{height:20vw}
    .footer .warpper>.clearfix>div{margin-right:2%}
    .znewslist li a h4{font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
    .swiper-znews-cont01{height:650px}
    .z_news{padding-bottom:7vw}
    .z_news_cont01 .swiper-button-next,.z_news_cont01 .swiper-button-prev{display:none}
    .znews_c1>small{height:120px}
    .znews_cont01_right>img{height:initial;width:100%}
    .znewslist li{padding-bottom:0}
    .znewslist li a .date i,.znewslist li a .date p{font-size:24px}
    .znews_cont01_left,.znews_cont01_right{float:none;width:100%;height:50%}

    /*company*/
    .com_cont01 ul li span{font-size:38px;line-height:36px}
    .com_cont02 .zcom_left>h3{font-size:37px}
    .com_cont02 .zcom_left>p{font-size:26px;margin-bottom:3vw}
    .com_cont02 .zcom_left>img{margin-top:6vw}
    .zom02_right>div{font-size:20px}
    .com_cont02{padding-bottom:0}
    .zom02_right>img{height:616px}
    .culture>div,.culture>img{float:none;width:100%}
    .zhonor_cont li{width:32.5%}
    .zhonor_cont li:nth-of-type(4n){margin-right:1.25%}
    .zhonor_cont li:nth-of-type(3n){margin-right:0}

    /*message*/
    .form_left,.form_right{width:49%}
    #formData{padding-bottom: 9vw;}
    /*contact*/
    #dituContent{width:65%}
    .contact-link{width:35%;padding:5% 2%}
    .de-contact .contact-list ul li{padding-left:44px}
    .z_contact{padding-bottom:7vw}
    .de-contact .contact-list ul li span{float:none}
    .de-contact .contact-list ul li{background-position:left -7px!important}
    #bannerSwiper .swiper-button-next:after,#bannerSwiper .swiper-button-prev:after{
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px){
    .mycontainer{width:94%!important;}
    .warpper{width:94%!important;}
    .hidden-xs{display:none!important;}
    .crumbs{display:none;}
    .common-inner {padding-top: 6vw;}
    /*index*/
    .title{padding-top:5vw;margin-bottom:6vw}
    .title h3{font-size:22px;background-size:auto 100%!important}
    .title a{height:33px;line-height:33px;font-size:16px}
    .banner,.fixed-banner{margin-top:55px}
    .fixed-banner{height:168px}
    .fixed-banner .warpper>h3{font-size:23px;padding-top:16%}
    .banner,.banner #bannerSwiper{height:auto}
    .banner .swiper-slide{height:51vw}
    .search{width:12%}
    .search>a{margin-right:7%;margin-left:8%}
    .head .warpper>ul{width:54%}
    .head>.warpper>.searchshow{width:75%}
    .com_text>h5{font-size:25px}
    .com_text>b{margin-top:2vw;margin-bottom:2vw}
    .dropdown{background-size:80% 100%}
    .product{margin-bottom:0}
    .product>a:first-of-type{width:100%}
    .product>a{width:100%;height:245px;display:block}
    .product>a:nth-of-type(2)>div{float:right}
    .product>a:nth-of-type(2)>img{left:2%;right:initial}
    .pro_cont2 a{width:49.5%;height:53vw;margin-bottom:1%}
    .product>a{margin-bottom:1%}
    .product>a>div{width:49%;padding-left:15px;padding-top:10vw}
    .product>a>img{max-width:45%}
    .pro_cont2{flex-wrap:wrap}
    .pro_title h5{font-size:20px}
    .pro_cont2 a h5{font-size:20px}
    .z_profltitle .fl_show{flex-wrap:wrap}
    .z_profltitle .fl_show a{margin-bottom:2vw;line-height:38px;width:100%;min-width:inherit}
    .product{display:block}
    .zpro_cont2{margin-top:0}
    .zpro_cont2>div{display:block}
    .zpro_cont2>div>a{padding:0 2%;width:100%;margin:0 auto;line-height:35px;font-size:15px}
    .z_profltitle .fl_show a:after{line-height:38px}
    .productindex ul li a{height:47vw}
    .swiper-zproduct{height:357px}
    .fl_show a{margin-left:0}
    .hotline>h4>span{display:block}
    .hotline>h4{font-size:20px}
    .z_profltitle h3{font-size:27px}
    .zpro_cont2>div{display:flex;flex-wrap:wrap}
    .zpro_cont2>div>a{float:none;margin-right:15px;margin-bottom:10px}
    .zpro_cont2>div>a:nth-child(3n){margin-right:15px}
    .proinfo_title{font-size:20px;margin-top:5vw}
    .hotline .order-btn>a{width:43%;line-height:35px;height:35px}
    .footer{padding-top:0}
    .footer>.warpper>div:first-of-type{display:none}
    .foot-l{height:initial;line-height:initial;padding:10px 0}
    .foot-l>a{display:none}

    /*honor*/
    .zhonor_cont li a{height:60vw}
    .honor{background-size:41%;padding:2vw 0}
    .honor a{padding-top:79px;background-size:27%!important;background-position:center!important}
    .honor a span{font-size:16px;margin-bottom:0}

    /*company*/
    .de-page-mian .page-inner a.page-btn,.de-page-mian .page-inner input,.de-page-mian .page-inner span{display:none}
    .culture{padding-top:7vw;padding-bottom:5vw}
    .company-main{background-size:193%;padding-top:59vw}
    .company-main .title>small{width:100%}
    .com02bg{padding-top:0;padding-bottom:2.5vw}
    .company>img{max-width:100%;margin-top:0;margin-bottom:6vw}
    .com_text{width:100%}
    .com_text>small{line-height:33px}
    .com_text>h5{padding-top:0;font-size:20px}
    .news_left{float:none;width:100%;padding:0 2%;padding-bottom:2%}
    .swiper-news .swiper-slide a img{width:initial;height:100%}
    .news_left li{height:54px;margin-top:1vw;padding-top:5vw}
    .news_right{float:none;width:100%;margin-top:13vw}
    .news_text{margin-left:6%}
    .zcom_left{width:100%;float:none}
    .news_date h5{line-height:25px;font-size:22px}
    .com_cont01 ul,.zom02_right{width:100%;float:none}
    .com_cont01 ul li b{background-size:30%!important;height:50px}
    .date>h4{line-height:29px;font-size:20px}
    .news_text h5{margin-top:0;margin-bottom:2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
    .news_date{padding:5px 0;width:68px}
    .date>span{font-size:12px}
    .news{padding-bottom:2vw}
    .swiper-news .swiper-slide a{height:292px}
    .ztownscape_cont li a{height:26vw}
    .footer .warpper>.clearfix>div{margin-right:2%}
    .znewslist li a h4{font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
    .swiper-znews-cont01{height:575px}
    .z_news{padding-bottom:7vw}
    .z_news_cont01 .swiper-button-next,.z_news_cont01 .swiper-button-prev{display:none}
    .znews_cont01_right>img{height:initial;width:100%}
    .znewslist li{padding-bottom:15px;width:100%;float:none}
    .znewslist li a .date i,.znewslist li a .date p{font-size:24px}
    .rig-title-over{line-height:43px}
    .znews_cont01_left,.znews_cont01_right{float:none;width:100%;height:50%}
    .honor a small,.zom02_right{display:none}

    .com_cont01 ul{margin-top:5vw}
    .znewsinfo-left{display:none}
    .common-inner .inner-right{float:none;width:100%;padding:0;min-height:initial}
    .com_cont01 ul li span{font-size:27px;line-height:19px}
    .com_cont02 .zcom_left>h3{font-size:26px}
    .com_cont02 .zcom_left>p{font-size:22px;margin-bottom:3vw}
    .com_cont02 .zcom_left>img{margin-top:6vw}
    .zom02_right>div{font-size:20px}
    .com_cont02{padding-bottom:0}
    .zom02_right>img{height:616px}
    .culture>div,.culture>img{float:none;width:100%}
    .zhonor_cont li{width:49.35%}
    .zhonor_cont li:nth-of-type(4n){margin-right:1.25%}
    .zhonor_cont li:nth-of-type(3n){margin-right:1.25%}
    .zhonor_cont li:nth-of-type(2n){margin-right:0}
    .com_cont01{margin-bottom:5vw;padding-bottom:5vw}

    /*message*/
    .form_left,.form_right{width:100%;float:none}
    #formData{padding-bottom:9vw}
    .form_left .form-tr input{line-height:40px}
    .code .verify img{height:40px}
    .form_right{height:180px}

    /*contact*/
    .z_contact{height:auto}
    .contact-link>span{margin-bottom:4vw;padding-bottom:4vw;font-size:22px}
    #dituContent{float:none;margin-bottom:20px;width:100%;height:200px}
    .contact-link{float:none;padding:5% 2%;width:100%}
    .de-contact .contact-list ul li{padding-left:44px}
    .z_contact{padding-bottom:7vw}
    .de-contact .contact-list ul li span{float:none}
    .de-contact .contact-list ul li{background-position:left -7px!important}
    .clickphone div{padding-top:7%}
    #pictureViewer>.content{width:90%!important;height:104vw!important}
    .productindex ul li{width:49%}
    .productindex ul li:nth-child(3n){margin-right:2%}
    .productindex ul li:nth-child(2n){margin-right:0}
    .productindex ul li a p{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:35px;line-height:35px}
    .productindex ul li a p:after,.productindex ul li a p:before{padding-left:5px}
    .swiper-zproduct,.zproinfo_right{float:none;width:100%}
    .zproinfo_right>h4{font-size:20px}
    .zproinfo_right{margin-top:3vw}
    .zproinfo_right>small{font-size:14px}
    .hotline{margin-top:4vw;padding:5% 3%}
    .pro_recommend li{width:32%}
    .pro_recommend li a b{height:30vw}
    .pro_recommend li:nth-of-type(3){margin-right:0}
    .pro_recommend li:last-of-type{display:none}

    /*news*/
    .znews_c1>small{height:182px;line-height:29px;}
    .z_news_cont01{margin-bottom:7vw;}
    .znews_c1{padding:4vw 2vw;padding-right:2vw;}
    .znews_c1>p{font-size:20px;}
    .znews_cont01_left{height:65%;}
    .znews_cont01_right{height:35%;}
    #layui-layer1{width:95%!important;}
    .send-form .order-content .order-line .dwid{width:46%!important;}
    .zdownload_cont li>div>h4{font-size:18px;}
    .zdownload_cont li>div>div span{font-size:14px;}
    .zdownload_cont li>a{font-size:15px;}
    .zdownload_cont li{padding:2%;}
    .zdownload_cont li>div>div span{margin-right:10px;width:initial;}
    #bannerSwiper .swiper-button-next:after,#bannerSwiper .swiper-button-prev:after{
        font-size: 16px;
    }
    .phone_hotpro{display:block;}
    .phone_hotpro span{
        width:100%;
        display:block;
    }
    .showtime form:after{
        display:block;
        content: '';
        clear: both;
    }
    .phone_hotpro>div a{
        font-size: 14px;
    }
}