button{border:none!important;outline:0}
button,input[type=button],input[type=date],input[type=file],input[type=number],input[type=password],input[type=submit],select,textarea{cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
input[type=date]{cursor:pointer;-webkit-appearance:none}
button,input[type=button],input[type=reset],input[type=submit],input[type=text],select,textarea{-webkit-appearance:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset}

@media screen and (min-width:1601px){
    .hidden-lb{display:none!important}
}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .warpper{width: 94%!important;}
    .hidden-lg{display:none!important;}
    html{font-size:62%;}

    /*index*/
    .logo>img{max-height:53px}
    .nav-bar{width:750px}
    .nav-bar li>a{font-size:1.8rem}
    .head>.warpper{height:95px}
    .searchshow input[type=text]{line-height:40px}
    .searchshow input[type=submit]{height:40px}
    .ban_text p{font-size:3.2rem}
    .ban_text h3{font-size:4.5rem;line-height:4.5rem}
    .t2{height:4.5rem}
    .ban_text small,.ban_text span{font-size:1.5rem}
    .ban_text span{padding:8px 15px}
    .ban_pic{width:60%}
    .com_text>h3,.indexproduct a>div>h3,.news a h3,.zcom_cont01>div>h3,.zcom_cont01>div>p,.ztitle h3{font-size:3.2rem}
    .fot_add li>h5{font-size:2.2rem}
    .fot_left>div>p{font-size:1.4rem}
    .fot_right>a{font-size:1.6rem}

    /*product*/
    .zprolist a>div>h3{font-size: 3.2rem;}

    /*proinfo*/
    .zg_top_l{width:780px}
    .zg_top_r{width:calc(97% - 780px)}
    .swi_bom{height:120px}



    /*contact*/
    .zcontact_01 li>h3,
    .zcontact_01 li h4{font-size: 2.2rem;}


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

    /*index*/
    .logo>img{max-height:53px}
    .nav-bar{width:56%}
    .nav-bar li>a{font-size:1.8rem}
    .head>.warpper{height:95px}
    .searchshow input[type=text]{line-height:40px}
    .searchshow input[type=submit]{height:40px}
    .banner{
        height: 63vw;
    }
    .ban_cont {
        width: calc(98% - 266px);}
    .ban_text p{font-size:2.5rem}
    .ban_text h3{font-size:3.5rem;line-height:3.5rem}
    .t2{height:3.5rem}
    .ban_text small,.ban_text span{font-size:1.4rem}
    .ban_text span{padding:8px 15px}
    .ban_pic{width:60%}
    .com_text>h3,.indexproduct a>div>h3,.news a h3,.zcom_cont01>div>h3,.zcom_cont01>div>p,.ztitle h3{font-size:3.2rem}
    .fot_left>div>h5{
        font-size: 2rem;
    }
    .fot_add li>h5{font-size:2.2rem}
    .fot_left>div>p{font-size:1.4rem}
    .fot_right>a{font-size:1.6rem;margin-left:32px;}

    .zbanner{height: 35vw;}
    .zbanner h3{
        font-size: 3.4rem;}
    /*product*/
    .zprolist a>div>h3{font-size: 3.2rem;}

    /*proinfo*/
    .zg_top_l{width:58%}
    .zg_top_r{width:40%;}
    .swi_bom{height:120px}
    .zg_cshu ul li span{font-size:1.5rem;}
    .flex02 li>div>p{
        font-size: 2.2rem;
    }
    .flex06 li>b{
        height: 220px;
    }
    .flex06 li>div>small{
        line-height: 16px;
    }

    /*company*/
    .linian li{
        background-size: auto 100%;
    }
    .linian li:hover{
        background-size: auto 103%;
    }
    .history .swiper-slide small{
        font-size: 1.6rem;
    }
    .swiper-workshop{
        height: 525px;
    }

    /*contact*/
    .zcontact_01 li>h3,
    .zcontact_01 li h4{font-size: 2.2rem;}

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

    /*index*/
    .logo>img{max-height:53px}
    .nav-bar{width:60%}
    .nav-bar li>a{font-size:1.8rem}
    .head>.warpper{height:80px}
    .searchshow input[type=text]{line-height:40px}
    .searchshow input[type=submit]{height:40px}
    .banner{height:63vw}
    .ban_cont{width:calc(98% - 200px)}
    .ban_text p{font-size:2.5rem}
    .ban_text h3{font-size:3.5rem;line-height:3.5rem}
    .t2{height:3.5rem}
    .ban_text small,.ban_text span{font-size:1.4rem}
    .ban_text span{padding:8px 15px}
    .ban_pic{width:55%}
    .banner .swiper-button-next,.banner .swiper-button-prev{width:50px;height:50px}
    .com_text>h3,.indexproduct a>div>h3,.news a h3,.zcom_cont01>div>h3,.zcom_cont01>div>p,.ztitle h3{font-size:2.7rem}
    .com_text>small{font-size:1.6rem;line-height:28px}
    .com_text>div>a{width:140px;height:45px;line-height:45px}
    .fot_left>div>h5{font-size:2rem}
    .fot_add li>h5{font-size:1.8rem}
    .fot_left>div>p{font-size:1.4rem}
    .fot_right>a{font-size:1.6rem;margin-left:32px}
    .fot_left>div{display:none}
    .fot_left>img{max-height:40px}
    .zbanner{height:35vw}
    .zbanner h3{font-size:3.4rem}
    .crumbs .warpper{font-size:1.6rem}
    .crumbs .warpper a,.crumbs .warpper span{line-height:55px}
    .crumbs .warpper span{padding-left:30px;background-size:23px}

    /*product*/
    .zprolist a>div>h3{font-size:2.8rem}
    .zprolist a{height:327px}
    .zprolist a>b{width:58%}


    /*proinfo*/
    .zg_top_l{width:58%}
    .zg_top_r{width:40%}
    .zg_top_r>h3{font-size:3.2rem}
    .zg_top_r>ul li{width:100%}
    .zg_top_r>ul li p{font-size:1.5rem}
    .swi_top{height:410px}
    .swi_bom{height:120px}
    .zg_tit>span{width:160px;line-height:53px;font-size:2rem}
    .zg_cshu ul li span{font-size:1.4rem}
    .zg_cshu ul li{width:32%}
    .flex02 li>div>p{font-size:2.2rem}
    .flex06 li>b{height:220px}
    .flex06 li>div>small{line-height:16px}


    /*company*/
    .linian li{background-size:auto 100%}
    .linian li:hover{background-size:auto 103%}
    .linian li h3{font-size:2.3rem}
    .linian li small{width:92%;margin:0 auto}
    .history .swiper-slide small{font-size:1.6rem}
    .history .swiper-slide h3{font-size:2.3rem}
    .swiper-workshop{height:525px}

    /*news*/
    .znewsinfo_left{width:calc(97% - 325px)}
    .znewsinfo_right{width:325px}


    /*contact*/
    .zcontact_01 li b{height:46px}
    .zcontact_01 li p{font-size:1.6rem}
    .zcontact_01 li h4,.zcontact_01 li>h3{font-size:1.8rem;height:52px}
    .zcontact_01 li>img{height:135px}
    .zcontact_02{height:40vw}
    #formData input,#formData input::placeholder,.zmsg_right .submit,.zmsg_right label{line-height:60px}
    .zmsg_left>div{margin-top:10px}
    .zmsg_left label{width:87px;font-size:1.5rem}
    .zmsg_right label{font-size:1.5rem}
    .zmsg_left .code{height:60px}
    .zmsg_left .code>input{width:calc(100% - 140px)}
    .zmsg_left .code .verify{width:140px}
    .zmsg_left .code{width:calc(100% - 87px)}
    .zmsg_right textarea{height:142px}
    .ztitle{padding-top:5vw}
    .zmsg{padding-bottom:5vw}

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

    /*index*/
    .logo>img{max-height:46px}
    .nav-bar{width:66%}
    .nav-bar li>a{font-size:1.6rem}
    .head>.warpper{height:80px}
    .searchshow input[type=text]{line-height:40px}
    .searchshow input[type=submit]{height:40px}
    .banner{height:63vw}
    .ban_cont{width:calc(98% - 200px)}
    .ban_text p{font-size:1.8rem;background-size:73px!important;padding-left:77px;}
    .ban_text h3{font-size:2.3rem;line-height:2.3rem}
    .t2{height:2.3rem;margin:10px 0;}
    .ban_text small,.ban_text span{font-size:1.2rem}
    .ban_text span{padding:5px 8px}
    .banner .swiper-pagination span{
        width: 8px;
        height: 8px;
    }
    .ban_pic{width:55%}
    .banner .swiper-button-next:after, .banner .swiper-button-prev:after{
        font-size: 14px;
    }
    .banner .swiper-button-next,.banner .swiper-button-prev{width:40px;height:40px}
    .com_text>h3,.indexproduct a>div>h3,.news a h3,.zcom_cont01>div>h3,.zcom_cont01>div>p,.ztitle h3{font-size:2.4rem}
    .com_text>small{font-size:1.5rem;line-height:28px}
    .indexproduct a>div>small{
        font-size: 1.4rem;
        width: 50%;
    }
    .indexproduct a>div>p{
        width: 90px;
        line-height: 32px;
    }
    .company>b{
        height: 46vw;
    }
    .com_text>div>a{width:116px;height:40px;line-height:40px}
    .news a p{
        width: 137px;
        line-height: 40px;
    }
    .fot_left>div>h5{font-size:2rem}
    .fot_add li>h5{font-size:1.8rem}
    .fot_add li>img {
        max-height: 123px;
    }
    .fot_bot .warpper>p, .fot_bot .warpper a{
        font-size: 1.5rem;
    }
    .fot_left>div>p{font-size:1.4rem}
    .fot_right>a{font-size:1.6rem;margin-left:32px}
    .fot_left>div{display:none}
    .fot_left>img{max-height:40px}
    .zbanner{height:35vw}
    .zbanner h3{font-size:3.4rem}
    .crumbs .warpper{font-size:1.6rem}
    .crumbs .warpper a,.crumbs .warpper span{line-height:55px}
    .crumbs .warpper span{padding-left:30px;background-size:23px}

    /*product*/
    .zprolist a>div>h3{font-size:2.8rem}
    .zprolist a{height:327px}
    .zprolist a>b{width:58%}


    /*proinfo*/
    .zg_tit_cs{
        font-size: 2rem;
    }
    .zg_cshu ul li p{
        font-size: 1.8rem;
    }
    .zg_top_l{width:58%}
    .zg_top_r{width:40%}
    .zg_top_r>h3{font-size:3.2rem}
    .zg_top_r>ul li{width:100%}
    .zg_top_r>ul li p{font-size:1.5rem}
    .swi_top{height:410px}
    .swi_bom{height:70px}
    .zg_tit>span{width:160px;line-height:53px;font-size:2rem}
    .zg_cshu ul li span{font-size:1.4rem}
    .zg_cshu ul li{width:32%}
    .flex02 li>div>p{font-size:2rem}
    .flex03 li{
        width: 49%;
    }
    .flex06 li{
        width: 32%;
        margin-bottom: 2vw;
    }
    .flex06 li>b{height:220px}
    .flex06 li>div>small{line-height:16px}


    /*company*/
    .linian li{background-size:auto 100%}
    .linian li:hover{background-size:auto 103%}
    .linian li h3{font-size:2.3rem}
    .linian li small{width:92%;margin:0 auto}
    .history .swiper-slide small{font-size:1.6rem}
    .history .swiper-slide h3{font-size:2.3rem}
    .swiper-workshop{height:525px}
    .swiper-zhonor{
        height: 31vw;
    }

    /*news*/
    .znewsinfo_left{width:100%;float:none;}
    .znewsinfo_right{width:100%;float:none;margin-top:2vw;}
    .znews_info_tj:after{
        display:block;
        content: '';
        clear: both;
    }
    .znews_info_tj a{
        width: 49%;
        float:left;
        margin-right: 2%;
    }
    .znewsinfo_right a>b{
        height: 22vw;
    }
    .znews_info_tj a:nth-of-type(2n){
        margin-right: 0;
    }

    /*contact*/
    .zcontact_01 li{height: 196px;}
    .zcontact_01 li b{height:46px}
    .zcontact_01 li p{font-size:1.6rem}
    .zcontact_01 li h4,.zcontact_01 li>h3{font-size:1.8rem;height:52px}
    .zcontact_01 li>img{height:117px}
    .zcontact_02{height:40vw}
    #formData input,#formData input::placeholder,.zmsg_right .submit,.zmsg_right label{line-height:60px}
    .zmsg_left>div{margin-top:10px}
    .zmsg_left label{width:87px;font-size:1.5rem}
    .zmsg_right label{font-size:1.5rem}
    .zmsg_left .code{height:60px}
    .zmsg_left .code>input{width:calc(100% - 140px)}
    .zmsg_left .code .verify{width:140px}
    .zmsg_left .code{width:calc(100% - 87px)}
    .zmsg_right textarea{height:142px}
    .ztitle{padding-top:5vw}
    .zmsg{padding-bottom:5vw}



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

    /*menu*/
    .nav-bar{
        position:fixed;
        top:60px;
        left:0;
        width: 100%;
        height:calc(100% - 60px);
        background:#fff;
        z-index: 10000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y:auto;
        display:none;
    }
    .nav-bar li{
        width: 100%;
        line-height: 48px;
        padding:0 4%;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #e8e8e8;
    }
    .nav-bar li>a{color: #333;font-size:1.5rem;}
    .nav-bar li.mousein{
        background:#f7f9fa;
    }
    .nav-bar li:first-of-type{
        border-top: 1px solid #e8e8e8;
    }
    .nav-bar li:before{
        right: 0;
        margin: 0 auto;
        width: 56px;
        height: 3px;
    }
    .mbanner .swiper-pagination span{
        width: 8px;
        height: 8px;
        margin: 0 3px!important;
    }
    .zbanner{
        margin-top: 60px;}

    /*index*/
    .logo>img{max-height:30px}
    .head>.warpper{height:60px}
    .searchshow input[type=text]{line-height:40px}
    .searchshow input[type=submit]{height:40px}
    .banner{height:63vw}
    .ban_cont{width:calc(98% - 200px)}
    .ban_text p{font-size:1.8rem;background-size:73px!important;padding-left:77px;}
    .ban_text h3{font-size:2.3rem;line-height:2.3rem}
    .t2{height:2.3rem;margin:10px 0;}
    .ban_text small,.ban_text span{font-size:1.2rem}
    .ban_text span{padding:5px 8px}
    .banner .swiper-pagination span{
        width: 8px;
        height: 8px;
    }
    .ban_pic{width:55%}
    .banner .swiper-button-next:after, .banner .swiper-button-prev:after{
        font-size: 14px;
    }
    .banner .swiper-button-next,.banner .swiper-button-prev{width:40px;height:40px}
    .com_text>h3,.indexproduct a>div>h3,.news a h3,.zcom_cont01>div>h3,.zcom_cont01>div>p,.ztitle h3{font-size:2rem}
    .indexproduct a>div>h3{
        margin-top: 34px;
    }
    .indexproduct a>div>small{
        font-size: 1.4rem;
        width: 37%;
    }
    .indexproduct{
        flex-wrap: wrap;
        height: initial;
    }
    .indexproduct a>div{
        background: -moz-linear-gradient(0deg, rgba(0, 88, 177, 0.54), transparent);
        background: -webkit-linear-gradient(0deg,rgba(0, 88, 177, 0.54),transparent);
        background: -o-linear-gradient(0deg, rgba(0, 88, 177, 0.54), transparent);
    }
    .indexproduct a{
        width: 100%;
        height: 204px;
        margin-bottom: 1vw;
    }
    .indexproduct a>div>p{
        width: 90px;
        line-height: 32px;
    }
    .company>b{
        display:none;
    }
    .com_text{
        width: 100%;
        padding: 10vw 4vw;
    }
    .com_text>div>a{width:103px;height:40px;line-height:40px}
    .com_text>small{font-size:1.5rem;line-height:26px}
    .swiper-adv .swiper-button-prev,
    .swiper-adv .swiper-button-next{
        display:none;
    }
    .news{
        flex-wrap: wrap;
    }
    .news a{
        width: 100%;
        height: 72vw;
        margin-bottom: 1vw;
    }
    .news a p{
        width: 137px;
        line-height: 40px;
    }
    .footer{
        padding-bottom: 40px;
    }
    .fot_add .warpper{
        flex-wrap: wrap;
    }
    .fot_add li>b{
        height: 25px;
    }
    .fot_add li{
        width: 49%;
    }
    .fot_add li>p{
        font-size: 1.4rem;
    }
    .fot_add li>h5{font-size:1.6rem;height:50px;}

    .fot_bot .warpper>p, .fot_bot .warpper a{
        font-size: 1.5rem;
    }
    .fot_add li:last-of-type{
        width: 100%;
        text-align: center;
        margin-top: 3vw;
    }
    .fot_add li:last-of-type img{
        margin:0 auto;
        height: 100px;
    }

    .zbanner{height:35vw}
    .zbanner h3{font-size:2.2rem}
    .zbanner small{
        font-size: 1.4rem;
    }
    .crumbs .warpper{font-size:1.4rem;padding:10px 0;}
    .crumbs .warpper a,.crumbs .warpper span{line-height:35px;font-size:1.4rem}
    .crumbs .warpper span{padding-left:25px;background-size:20px}

    /*product*/
    .zprolist a{
        float:none;
        width: 100%;
        height: 206px;
        margin-right: 0;
        margin-bottom: 2vw;
    }
    .zprolist a>div>p{
        font-size: 1.4rem;
    }
    .zprolist a>div{
        width: 39%;
        height: initial;
    }
    .zprolist a>div>h3{font-size:2rem}
    .zprolist a>b{width:49%}


    /*proinfo*/
    .zg_tit_cs{
        font-size: 1.8rem;
    }
    .zg_cshu ul li p{
        font-size: 1.6rem;
    }
    .zgoodsinfo_top{flex-wrap: wrap}
    .zg_top_l{width:100%}
    .zg_top_r{width:100%;
        margin-top: 4vw;}
    .zg_top_r>h3{font-size:2rem}
    .zg_top_r>p{
        font-size: 1.6rem;
    }
    .zg_top_r>ul li>img{
        height: 32px;
    }
    .zg_top_r>a{
        width: 120px;
        line-height: 42px;
    }
    .zg_top_r>ul li p{font-size:1.4rem}
    .swi_top{height:410px}
    .swi_bom{height:70px}
    .zg_tit>span{width: 118px;
        line-height: 44px;
        font-size: 1.7rem;}
    .flex02 b {
        height: 194px;
    }
    .flex02 li>div>small{
        font-size: 1.4rem;
        line-height: 16px;
    }
    .zg_cshu ul li span{font-size:1.4rem}
    .zg_cshu ul li{width:100%}
    .flex02 li{
        margin-bottom: 2vw;
        width: 100%;}
    .flex03 li>div>p,
    .flex02 li>div>p{font-size:1.8rem}
    .flex03 li{
        width: 100%;
    }
    .flex06 li{
        width: 49%;
        margin-bottom: 2vw;
    }
    .flex06 li>b{height:152px}
    .flex06 li>div{
        padding: 10px 5px;
    }
    .flex06 li>div>small{line-height:16px}


    /*company*/
    .linian .warpper,
    .zcom_cont01{
        flex-wrap: wrap;
    }
    .linian .warpper{
        height: initial;
    }
    .zcom_cont01>b{
        width: 100%;
        height: 41vw;
    }
    .ztitle small{
        font-size: 1.4rem;
        display:block;
        width: 70%;
        margin:0 auto;
    }
    .zcom_cont01>div{
        width: 100%;
        padding:4vw 0;
    }
    .linian li img{
        height: 45px;
    }
    .zcom_cont01>div>ul li h3 {
        font-size: 2.4rem;
    }
    .linian li{background-size:100% auto;width:100%;    padding: 8vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 2vw;}
    .linian li:hover{background-size:103% auto;}
    .linian li h3{font-size:2rem}
    .linian li small{width:92%;margin:0 auto}
    .historybg{
        margin-top:7vw;
    }
    .history .swiper-slide small{font-size:1.4rem}
    .history .swiper-slide h3{font-size:2rem}
    .his_button{
        width: 86px;
    }
    .historybg .his_button .swiper-button-prev, .historybg .his_button .swiper-button-next{
        width: 35px;
        height: 35px;
    }
    .historybg .his_button .swiper-button-prev:after, .historybg .his_button .swiper-button-next:after {
        font-size: 13px;
    }
    .swiper-workshop{height:290px}
    .swiper-zhonor{
        height: 64vw;
    }
    .swiper-workshop .swiper-slide a p{
        line-height: 30px;
        font-size: 1.5rem;
    }



    /*news*/
    .znewslist ul li:nth-of-type(1), .znewslist ul li:nth-of-type(2), .znewslist ul li:nth-of-type(3){
        border-top: none;
    }
    .znewslist ul li{
        width: 100%;
        border-top: none;
        border-left: none;
        border-right: none;
    }
    .news_style>h4{
        height: initial;
    }
    .znewsinfo_left{width:100%;float:none;}
    .znewsinfo_right{width:100%;float:none;margin-top:2vw;}


    .znewsinfo_right a>b{
        height: 41vw;
    }

    /*contact*/
    .zcontact_01 ul{flex-wrap: wrap}
    .zcontact_01 li{height: initial;width:100%;padding:3vw 0;
        margin-bottom: 2vw;}
    .zcontact_01 li b{height:46px}
    .zcontact_01 li p{font-size:1.6rem}
    .zcontact_01 li h4,.zcontact_01 li>h3{font-size:1.8rem;height:initial;}
    .zcontact_01 li b>img {
        height: 35px;}
    .zcontact_01 li>img{height:117px}
    .zcontact_02{height:40vw}
    #formData input,#formData input::placeholder,.zmsg_right .submit,.zmsg_right label{line-height:46px}
    .zmsg form{flex-wrap: wrap}
    .zmsg_left{width:100%;}
    .zmsg_left>div{margin-top:10px}
    .zmsg_left label{width:87px;font-size:1.5rem}
    .zmsg_right label{font-size:1.5rem}
    .zmsg_left .code{height:60px}
    .zmsg_left .code>input{width:calc(100% - 140px)}
    .zmsg_left .code .verify{width:140px}
    .zmsg_left .code{width:calc(100% - 87px)}
    .zmsg_right{width:100%;
        margin-top: 2vw;}
    .zmsg_right textarea{height:142px}
    .ztitle{padding-top:5vw}
    .zmsg{padding-bottom:5vw}

}