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*/
    .indexpro a:hover>div>b {
        top: 27%;
    }
    /*product*/
    .zglist_right>div>span{
        margin-right: 10px;
    }
    .zglist_right>small{
        letter-spacing: 2px;
    }
}
@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 li{margin:0 10px;}
    .nav>li>a{font-size:1.6rem;}
    .indexpro a:hover>div>b{top:27%;}
    .indexpro a:hover>div>p{bottom:24%;}
    .adv_text>h3{font-size:1.8rem;}
    .swiper-adv .swiper-slide>b{height:17vw;}
    .indexform .warpper{height:530px;}
    .fot_top_right li h4{font-size:1.8rem;}
    /*product*/
    .zglist_right>div>span{margin-right: 10px;}
    .zglist_right>small{letter-spacing: 1px;}
}

@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*/
    .head .warpper{height:75px;}
    .logo>img{height:33px;}
    .nav{width:calc(95% - 245px);}
    .logo>div>h1{letter-spacing:24px;font-size:2rem;line-height:23px;}
    .nav li{margin:0 10px;}
    .nav>li>a{font-size:1.6rem;line-height:75px;}
    .indexpro a:hover>div>b{top:24%;font-size:3.8rem;}
    .indexpro a:hover>div>p{bottom:24%;}
    .adv_text>h3{font-size:1.8rem;}
    .swiper-adv .swiper-slide>b{height:17vw;}
    .indexform .warpper{height:530px;}
    .fot_top_right li h4{font-size:1.8rem;}
    .navlist_left{width:360px;}
    .title h3{font-size:3rem;}
    .indexpro a>div>p{line-height:37px;}
    .intro_top>h3{font-size:2.2rem;}
    .intro_bom>a{height:116px;}
    .intro_bom>a>div{height:33px;}
    .intro_top{margin-bottom:13px;}
    .intro_bom>a p{line-height:33px;}
    .indexcompany .warpper>b{height:440px;}
    .intro_bom>a:hover>div>i{top:12%;font-size:3.6rem;}
    .fot_top{flex-wrap:wrap;}
    .fot_top_left{width:100%;justify-content:center;}
    .fot_top_right{width:100%;justify-content:center;}

    /*product*/
    .zglist_right>div>span{margin-right: 10px;}
    .zglist_right>small{letter-spacing: 1px;}
    .zproinfo_top_right{padding:20px;width:320px;}
    .zproinfo_top_left{padding:20px;width:calc(98% - 320px);}
    .zproinfo_top_right>h4{font-size:2.2rem;}
    .swiper-zproinfo{height:388px;}
    .swiper-zproinfo2{height:100px;}

    /*company*/
    .zbanner>img{height:45vw;}
    .zban_text>h3{font-size:7rem;}
    .zcom01>b{display:none;}
    .zcom01>div{width:100%;}
    /*news*/
    .znews_text {width: calc(100% - 450px);}

}
@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*/
    .head .warpper{height:75px;}
    .logo>img{height:33px;}
    .nav{width:calc(95% - 245px);}
    .logo>div>h1{letter-spacing:24px;font-size:2rem;line-height:23px;}
    .nav li{margin:0 10px;}
    .nav>li>a{font-size:1.6rem;line-height:75px;}
    .indexpro a:hover>div>b{top:24%;font-size:3.8rem;}
    .indexpro a:hover>div>p{bottom:24%;}
    .adv_text>h3{font-size:1.8rem;}
    .swiper-adv .swiper-slide>b{height:17vw;}
    .indexform .warpper{height:530px;}
    .fot_top_right li h4{font-size:1.8rem;}
    .navlist_left{width:360px;}
    .title h3{font-size:3rem;}
    .indexpro a>div>p{line-height:37px;}
    .intro_top>h3{font-size:1.8rem;}
    .intro_bom>a{height:116px;}
    .intro_bom>a>div{height:33px;}
    .intro_top{margin-bottom:13px;}
    .intro_bom>a p{line-height:33px;}
    .indexcompany .warpper>b{height:429px;}
    .intro_bom>a:hover>div>i{top:12%;font-size:3.6rem;}
    .fot_top{flex-wrap:wrap;}
    .fot_top_left{width:100%;justify-content:center;}
    .fot_top_right{width:100%;justify-content:center;}
    .adv_text>i{display:flex;align-items: center;justify-content: center;}
    .adv_text>i img{height:27px;}
    .indexnews_right a:last-of-type{display:none;}
    .indexnews_right a:nth-of-type(2){margin-bottom:0;}
    .indexnews_left b{height:151px;}
    .indexform .warpper>b{display:none;}
    .indexform_right{width:100%;}
    .fm01>div:first-of-type{width:50%;flex-wrap:wrap;}
    .fm01_text{width:100%;}
    .fm01>div:first-of-type>div:first-of-type{margin-bottom:4vw;}
    .fot_top{padding-top:4vw;}
    .fot_top_right li h4{width:167px;}
    .fm01_text>h3 span{font-size:2rem;}
    .wxcode>h3{font-size:1.6rem;}
    .wxcode>h3 span{font-size:2rem;}

    /*product*/
    .zglist_right>div>span{margin-right: 10px;}
    .zglist_right>small{letter-spacing: 1px;}
    .zglist_right>div {
        display: none;
    }
    .zproinfo_top_right{display:none;}
    .zproinfo_top_left{padding:20px;width:100%;}
    .zproinfo_top_right>h4{font-size:2.2rem;}
    .swiper-zproinfo{height:388px;}
    .swiper-zproinfo2{height:100px;}


    /*company*/
    .zbanner>img{height:49vw;}
    .zban_text>h3{font-size:6.5rem;}
    .zban_text>h5{font-size:3rem;}
    .zcom01>div>h1{font-size:2.8rem;}
    .zcom01>b{display:none;}
    .zcom01>div{width:100%;}
    .zcom02 .warpper{flex-wrap:wrap;}
    .zcom02 ul li{width:49%;}
    .zcom02 ul li:hover:before{width:105%;height:105%;}
    .zcom02>h3{font-size: 2.6rem;}

    /*news*/
    .znewsinfo{float:none;padding-right:0;width:100%;border-right:none;}
    .znews_tj{float:none;width:100%;}
    .znews_text {
        width: calc(100% - 450px);}

    /*contact*/
    .zcontact01_right ul li{height:100px;}
    .zcontact01_right ul li>div small{font-size:1.6rem;}
    .zcontact01_right ul li>div h3{font-size:2rem;}
    .zcontact01_right>img{width:129px;}
    #dituContent{height:568px;}

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

    /*index*/
    .banner {
        height: 139vw;
    }
    /*index*/
    .head .warpper{height:75px;}
    .logo>img{height:33px;}
    .nav{width:calc(95% - 245px);}
    .logo>div>h1{letter-spacing:24px;font-size:2rem;line-height:23px;}
    .nav li{margin:0 10px;}
    .nav>li>a{font-size:1.6rem;line-height:75px;}
    .indexpro a:hover>div>b{top:24%;font-size:3.8rem;}
    .indexpro a:hover>div>p{bottom:24%;}
    .adv_text>h3{font-size:1.8rem;}
    .swiper-adv .swiper-slide>b{height:67vw;}
    .indexform .warpper{height:inherit}
    .fot_top_right li h4{font-size:1.8rem;}
    .navlist_left{width:360px;}
    .title h3{font-size:2.2rem;}
    .indexprotype a{
        font-size: 1.4rem;
        margin-bottom:10px;
    }
    .indexprotype i{
        margin: 0 6px;
        margin-bottom:10px;
    }
    .indexpro a{
        width: 49.5%;
        height: 36vw;
        margin-right: 1%;
        margin-bottom: 1vw;
    }
    .indexpro a:nth-of-type(2n){
        margin-right: 0;
    }
    .indexcompany .title small {
        width: 200px;
        display: block;
        font-size: 1.2rem;
        margin: 0 auto;
    }
    .title small:after, .title small:before{
        width: 48px;
        height: 1px;
    }
    .indexpro a>div>p{line-height:37px;}
    .intro_top>h3{font-size:1.8rem;}
    .intro_bom>a{height:116px;}
    .intro_bom>a>div{height:33px;}
    .intro_top{margin-bottom:13px;padding:26px;}
    .intro_bom>a p{line-height:33px;}
    .indexcompany .warpper{
        flex-wrap: wrap;
    }
    .indexcompany .warpper>b{height:45vw;width:100%;}
    .indexcom_right{
        width:100%;
    }
    .indexnews .warpper{
        flex-wrap: wrap;
    }
    .intro_bom>a:hover>div>i{top:12%;font-size:3.6rem;}
    .fot_top{flex-wrap:wrap;}
    .fot_top_left{width:100%;justify-content:left;}
    .fot_top_right{width:100%;justify-content:center;}
    .adv_text>i{display:flex;align-items: center;justify-content: center;}
    .adv_text>i img{height:27px;}
    .indexnews_right a:last-of-type{display:none;}
    .indexnews_right a:nth-of-type(2){margin-bottom:0;}
    .indexnews_left{
        width:100%;
        margin-bottom: 2vw;
    }
    .indexnews_right{display:none;}
    .indexnews_left b{height:151px;}
    .indexform .warpper>b{display:none;}
    .indexform_right{width:100%;padding:15px;}
    .formlistbg{
        flex-wrap: wrap;
    }
    #indexform .code{
        width: 100%;
    }
    #indexform input, #indexform textarea{
        line-height: 54px;
        height: 54px;
    }
    .indexsubmit{
        width: 100%;
        line-height: 54px;
        margin-top: 2vw;
    }
    .fm01>div:first-of-type{display:none;}
    .fm01_text{width:100%;}
    .fot_top{padding-top:4vw;}
    .fm01_text>h3 span{font-size:2rem;}
    .wxcode>h3{display:none;}
    .wxcode>h3 span{font-size:2rem;}
    .fot_top{
        height: inherit;
    }
    .fot_top_right{
        flex-wrap: wrap;
        justify-content: left;
        margin: 3vw 0;
    }
    .fot_top_right li{
        width: 100%;
        margin-top: 2vw;
        margin-left: 0!important;
    }
    .fm01>div{
        margin:0 auto;
    }
    .fm01_text{display:none;}
    .fot_bom>.warpper{
        height: inherit;
        padding:5px 0;
    }
    .fot_bom>.warpper>a{
        display:none;
    }

    /*product*/
    .zgoodslist ul li{
        width: 100%;
        float:none;
        margin-right: 0;
    }
    .zglist_right>div>span{margin-right: 10px;}
    .zglist_right>small{letter-spacing: 1px;}
    .zglist_right>div {
        display: none;
    }
    .zgoodslist ul li a>b{
        height: 185px;
    }
    .zproinfo_top_right{display:none;}
    .zproinfo_top_left{padding:20px;width:100%;}
    .zproinfo_top_right>h4{font-size:2.2rem;}
    .swiper-zproinfo{height:59vw;}
    .swiper-zproinfo2{height:65px;}
    .zproinfo_top_left>h3{
        font-size: 2.3rem;
    }
    .zproinfo_top_left>small{
        font-size: 1.6rem;
    }
    .zprotit{
        line-height: 62px;
    }
    /*company*/
    .zcom02>h3{font-size: 2.3rem;}
    .zcom02 ul li>h4{
        font-size: 2.2rem;
    }
    .zcom02 ul li>p{
        font-size: 1rem;
    }
    .zcom02 ul li>i{
        height: 90px;
    }
    .zcom02 ul li>i>img {
        max-height: 38px;
    }
    .zgoodslist ul li:nth-of-type(2n) a>b{
        order:2;
    }
    .zgoodslist ul li:nth-of-type(2n) .zglist_right{
        order:1;
    }
    .zbanner>img{height:54vw;}
    .zban_text{
        margin-top: 40px;
    }
    .zban_text>h3{font-size:3.5rem;}
    .zban_text>h5{font-size:2rem;}
    .crumbs>span{
        line-height: 30px;
    }
    .zcom01>div>h1{font-size:2.3rem;}
    .zcom01>b{display:none;}
    .zcom01>div{width:100%;}
    .zcom02 .warpper{flex-wrap:wrap;}
    .zcom02 ul li{width:49%;}
    .zcom02 ul li:hover:before{width:105%;height:105%;}


    /*news*/
    .znewsinfo{float:none;padding-right:0;width:100%;border-right:none;}
    .znews_tj{float:none;width:100%;}
    .znews ul li a{
        flex-wrap: wrap;
        height: inherit;
    }
    .znews ul li b{
        width: 100%;
        margin-bottom: 2vw;
    }
    .znews_text{
        width: 100%;
    }
    .znews ul li a>span{
        display:none;
    }
    .znews_text h4{
        font-size: 2rem;
    }
    /*contact*/
    .zcontact01_right ul li{height:100px;}
    .zcontact01_right ul li>div small{font-size:1.6rem;}
    .zcontact01_right ul li>div h3{font-size:2rem;}
    .zcontact01_right>img{width:129px;}
    #dituContent{
        width: 100%;
        height: 53vw;
    }
    .zcontact01_right{
        width: 100%;
    }
    .zcontact01{
        flex-wrap: wrap;
    }
    #zcontactform{
        width: 100%;
    }
    .zcontact02 .warpper>b{
        display:none;
    }
    #zcontactform .code{
        width: 100%;
    }
    #zcontactform>input{
        line-height: 45px;
    }
    #zcontactform .code input{
        line-height: 45px;
    }
    #zcontactform textarea{
        height: 120px;
    }
    .zcontsubmit{
        width: 100%;
        margin-top: 2vw;
        line-height: 45px;
    }

    /*honor*/
    .zcase ul li:nth-of-type(3){
        border-top: 1px solid #ddd;
    }
    .zcase ul li{
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .zcase ul li:nth-of-type(3n){
        border-right:1px solid #ddd;
    }
    .zcase ul li:nth-of-type(2n){
        border-right:none;
    }
    .zcase ul li a>b{
        height: 21vw;
    }




}