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:1401px){
    .hidden-lb{display:none!important}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .warpper{width: 92%!important;}
    .warpper2{width: 96%!important;}
    .hidden-l{display:none!important;}
    html{font-size:60%;}


    /*index*/
    .nav{width:647px;}
    .fot_top ul li{margin-right:35px;}

    /*company*/
    .zcompany_cont1 ul li>h3 span{font-size:5rem;line-height:40px;}

}


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

    /*index*/
    .logo{height:46px;}
    .nav{width:558px;}
    .fot_top ul li{margin-right:35px;}
    .fot_top ul li:nth-of-type(4),.fot_top ul li:nth-of-type(5),.fot_top ul li:nth-of-type(6){display:none;}
    .nav li{margin:0;}

    /*company*/
    .zcompany_cont1 ul li>h3 span{font-size:5rem;line-height:40px;}
    .par_cont b{width:19%;}
    .par_cont b:nth-of-type(5n){margin-right:1.25%;}
    .par_cont b:nth-of-type(4n){margin-right:0;}
    .zpartner .ztitle>p span{font-size:20rem;}


    /*product*/
    .zproducts a{height:31vw;}
    .zproducts a p{font-size:2.2rem;line-height:50px;}
    .zproban_list a{min-width:125px;}
    .zsearch_res ul li a>div h3{font-size:2.2rem;}

    /*news*/
    .znews_style a>small{height:42px;}
    .znewsinfo_left{width:calc(96% - 246px);}
    .znewsinfo_right{width:246px;}
    .znewsinfo_left>h3{font-size:2.2rem;}


    /*contact*/
    .zcontact_c1_left{width:45%}


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


    /*index*/
    .indexbody_text h2{font-size:3rem;}
    .swiper-indexbody .swiper-fotslide img{width:268px;}
    .head{height:78px;}
    .logo{height:46px;}
    .nav{width:558px;}
    .fot_top ul li{margin-right:35px;}
    .fot_top ul li:nth-of-type(4),.fot_top ul li:nth-of-type(5),.fot_top ul li:nth-of-type(6){display:none;}
    .nav li{margin:0;}

    /*company*/
    .zcompany_cont1 ul li>h3 span{font-size:5rem;line-height:40px;}
    .zpartner_cont ul{width:100%;}
    .zpartner .ztitle>p span{font-size:13rem;}
    .zpartner .ztitle>p sub{font-size:6rem;}
    .zhonor_cont1>ul li{font-size:1.7rem;}
    .zhonor_c1_cont>div>h4{font-size:1.8rem;}
    .zhonor_c1_cont>div{margin-right:2%;margin-bottom:2%;width:32%;height:170px;}
    .zhonor_c1_cont>div:nth-of-type(4n){margin-right:2%;}
    .zhonor_c1_cont>div:nth-of-type(3n){margin-right:0;}

    /*product*/
    .zprolist_cont ul li a>div>h3{font-size: 2.3rem;}
    .zproducts a{height:31vw;}
    .zproducts a p{font-size:2.2rem;line-height:50px;}
    .zproban_list a{min-width:125px;}
    .zsearch_res ul li a>div h3{font-size:2.2rem;}

    /*news*/
    .znews_style a>small{height:42px;}
    .znewsinfo_left{width:calc(96% - 246px);}
    .znewsinfo_right{width:246px;}
    .znewsinfo_left>h3{font-size:2.2rem;}


    /*contact*/
    .zcontact_c1_left{width:45%}


    /*join*/
    .zjoin_link{flex-wrap:wrap}
    .zjoin_link a{width:46%;margin-bottom:2vw}

}


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


    /*index*/
    .zsearch form{
        width: 96%;
    }
    .zsearch_res ul li{
        float:none;
        width:100%;
    }


    .indexbody_text h2{font-size:2.2rem;}
    .swiper-indexbody .swiper-fotslide img{width:170px;}
    .head{height:68px;}
    .mnavbar{
        top:68px;
        height: calc(100% - 68px);
    }
    .indexbody_text>img {
        width: 140px;
    }
    .logo{height:46px;}
    .nav{width:558px;}
    .fot_top{
        flex-wrap: wrap;
    }
    .fot_top ul{
        width: 100%;
    }
    .fot_top ul li{margin-right:35px;display:none;}
    .fot_top ul li:nth-of-type(7){display:block;}
    .fot_code{
        width: 100%;
        justify-content: center;
        margin-top: 3vw;
    }
    .nav li{margin:0;}

    .btn_style{
        width: 155px;
        padding: 5px 14px;
    }
    .zbanner{
        height: 180px;
    }
    .zban_text>h3{
        font-size: 1.8rem;
    }
    .ztitle>h3 {
        font-size: 2.3rem;
    }
    .zban_list{
        width: 100%!important;
        overflow-x:auto;
    }
    .zban_list a{
        line-height: 44px;
        height: 44px;
    }
    /*company*/
    .zcrumblist a{
        float:left;
        display: block;
        border: solid 1px #eee;
        text-transform: capitalize;
        transition: all 0.8s;
        width: 32%;
        margin-right: 2%;
        margin-top: 2vw;
        text-align: center;
        color: #666;
        line-height: 34px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow:hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .zcrumblist a:nth-of-type(3n){
        margin-right: 0;
    }

    .zcompany_cont1 ul{
        flex-wrap: wrap;
    }
    .zcompany_cont1 ul li{
        width: 48%;
        text-align: center;
        margin-bottom: 2vw;
    }
    .zcompany_cont1 ul li>h3 span{font-size:3rem;line-height:40px;}
    .zcompany_cont2 ul li{
        width: 32%;
    }
    .zcompany_cont2 ul li img{
        height: 38px;
    }
    .zcompany_cont2 ul li>h4{
        font-size: 1.8rem;
        margin-top: 1vw;
    }
    .zcompany_cont2 ul li>p{
        font-size: 1.2rem;
        height: 40px;
    }


    /*history*/
    .zhistory ul{
        margin-top: 50px;
    }
    .his_text>h3{
        font-size: 2.2rem;
    }
    .his_text>small{
        font-size: 1.2rem;
    }
    .zhistory ul li>div:after{
        top:2px;
    }

    /*global*/
    .zglobal_cont1 ul li{
        width: 100%;
    }
    /*honor*/
    .zhonor_cont1>ul{
        flex-wrap: wrap;
    }
    .zhonor_cont1>ul li{
        width: 100%;
        font-size:1.7rem;
    }
    .zhonor_c1_cont>div>h4{font-size:1.8rem;}
    .zhonor_c1_cont>div{margin-right:2%;margin-bottom:2%;width:49%;height:170px;}
    .zhonor_c1_cont>div:nth-of-type(4n){margin-right:2%;}
    .zhonor_c1_cont>div:nth-of-type(2n){margin-right:0;}

    .zhonor_list ul li{
        width: 49%;
        margin-right: 2%;
    }
    .zhonor_list ul li:nth-of-type(4n){
        margin-right: 2%;
    }
    .zhonor_list ul li:nth-of-type(2n){
        margin-right: 0;
    }
    .zhonor_list ul li a p{
        line-height: 45px;
        font-size: 1.4rem;
    }
    .de-page-mian .page-inner span,.de-page-mian .page-inner input,.de-page-mian .page-inner a.page-btn{
        display:none;
    }

    .zpartner_cont ul{width:100%;}
    .zpartner .ztitle>p span{font-size:8rem;line-height: 100px;}
    .zpartner .ztitle>p sub{font-size:5rem;line-height: 50px;
        vertical-align: baseline;}
    .zpartner .ztitle>small{
        font-size: 1.8rem;
    }
    .par_tit>p{
        font-size: 2.2rem;
    }
    .par_cont b{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .par_cont b:nth-of-type(5n){
        margin-right: 2%;
    }
    .par_cont b:nth-of-type(3n){
        margin-right: 0;
    }


    /*product*/
    .zproducts a{
        float:none;
        width:100%;
        height:56vw;
    }
    .protype_list a p {
        font-size: 2.3rem;
    }
    .zprolist_cont ul li a>div>h3{font-size: 2.1rem;}
    .zproducts a p{font-size:2.2rem;line-height:50px;}
    .zproban_list a{min-width:125px;}
    .zsearch_res ul li a>div h3{font-size:2.2rem;}
    .pro-sider{
        display:none;
    }
    .zprolist{
        float:none;
        width:100%;
    }
    .zprolist_cont ul li a>b{
        height: 145px;
    }

    .zproinfo_cont01>div{
        display:none;
    }
    .zproinfo_cont01>h3 {
        font-size: 2.3rem;
    }
    .zproinfo_cont2{
        flex-wrap: wrap;
    }
    .zproinfo_c2_swiper{
        width: 100%;
        height: 59vw;
    }
    .zproinfo_c2_text{
        width: 100%;
    }
    .zproinfo_c2_text>h2{
        font-size: 2rem;
        margin-top:3vw;
    }


    /*news*/
    .znews_style a>small{height:42px;}
    .znewsinfo_left{width:100%;}
    .znewsinfo_right{display:none;}
    .znewsinfo_left>h3{font-size:2.2rem;}
    .znews_cont1{
        padding:0;
    }
    .znews_cont1 a>b {
        height: 55vw;
    }
    .znews_style a>b{
        height: 46vw;
    }
    .znews_cont1 a{
        width: 100%;
    }
    .znews_cont1 a>h4 {
        font-size: 2rem;
    }
    .znews_style a{
        float:none;
        width:100%;
        margin-right: 0;
        margin-bottom: 25px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 25px;
    }
    /*contact*/
    .zcontact_cont1 .warpper2{
        flex-wrap: wrap;
    }
    .zcontact_c1_left{width:100%;margin-bottom:3vw;}
    .zcontact_c1_right{
        width: 100%;
    }
    .zcontact_c1_left>div img{
        height: 45px;
    }
    .zcontact_c1_left>div>div>h3 {
        font-size: 2.8rem;
    }

    .zbanner_join .warpper>h3{
        font-size: 1.6rem;
    }



    /*join*/
    .zjoin_link{flex-wrap:wrap}
    .zjoin_link a{width:100%;margin-bottom:5vw}
    .zjoin_con1 ul li{
        flex-wrap: wrap;
    }
    .zjoin_con1 ul li>b{
        width: 100%;
        height: 54vw;
        margin-bottom: 3vw;
    }
    .zjoin_link a>b{
        width: 70%;
        margin:0 auto;
    }
    .zjoin_con1 ul li>div{
        width: 100%;
    }
    .zjoin_con1 ul li:nth-of-type(2)>b {
        order:1;
    }
    .zjoin_con1 ul li>div h4{
        font-size: 2.4rem;
    }

    .zjoin_tit small{
        display:block;
        width: 80%;
        margin:0 auto;
    }
    .swiper-join2{
        height: 67vw;
    }

}