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:60%;}


    /*index*/
    .lang{margin-right:50px;margin-left:30px;padding-left:28px;}
    .case_left>h3{font-size:3.2rem;}
    .swiper-workshop a:hover>div p{font-size:2rem;}
    .ban2>div>img{width:740px;}
    .fotnav a{margin-right:20px;margin-left:75px;}
    .fbom_left ul li{margin-right:63px;}
    .zbanner{height:460px;}
    .zbanner h4{font-size:3.3rem;}
    .pro_rig_bot a>small{height:37px;}
    .title h3{font-size:3.4rem;}


}
@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-bar li a{width:100px;}
    .lang{margin-right:50px;margin-left:30px;padding-left:28px;}
    .swiper-pro a>small{height:37px;}
    .case_left>h3{font-size:3.2rem;}
    .swiper-workshop a:hover>div p{font-size:2rem;}
    .zbanner{height:460px;}
    .zbanner h4{font-size:3.3rem;}
    .pro_rig_bot a>small{height:37px;}
    .title h2{font-size:3.5rem;}
    .title h3{font-size:3.2rem;}
    .company{height:600px;}
    .com_text>div>h1{font-size:3rem;}
    .com_text>div{background-size:100%;}
    .com_text>div>h1,.com_text>div>p{left:-34px;}
    .com_text{padding:15px 5%;}
    .ban2{height:580px;}
    .ban2 ul li{width:330px;height:149px;}
    .ban2>div>img{width:740px;}
    .fotnav a{margin-right:20px;margin-left:25px;}
    .fbom_left ul li{margin-right:63px;}
    .fbom_left ul li span{display:block;}

    /*company*/
    #zadv .warpper>ul{width:52%;}
    .zcom01_left>h1{font-size:3rem;}
    #zadv .warpper>ul li h5{font-size:2rem;}
    #zadv .warpper>ul li small{font-size:1.4rem;}
    #zcul ul li>h3{font-size:2.2rem;}


    /*zcase*/
    .zcase_text>h3{font-size:2.6rem;}
    .zcont_ul li h4{font-size:1.6rem;}
    .zmsg_cont>h4{font-size:2.5rem;}


}

@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*/
    .nav-bar li a{width:100px;}
    .lang{margin-right:0;margin-left:20px;padding-left:20px;}
    .banner .swiper-pagination{bottom:12px;}
    .swiper-pro a>small{height:43px;}
    .swiper-case{width:529px;}
    .case_left>h3{font-size:3rem;}
    .swiper-workshop a:hover>div p{font-size:2rem;}
    .zbanner{height:345px;}
    .zbanner h4{font-size:2.4rem;}
    .com_text>h3{font-size:2.3rem;}
    .zbanner small{font-size:1.6rem;}
    .zbanner img{width:40px;}
    .swiper-workshop{height:533px;}
    #zcom01{padding:4vw 0;}
    .pro_rig_bot a>small{height:37px;}
    .title h2{font-size:3.5rem;}
    .title h3{font-size:3.2rem;}
    .company{height:600px;}
    .com_text>div>h1{font-size:3rem;}
    .com_text>div{padding-top:57px;height:190px;background-size:100%;}
    .com_text>div>h1,.com_text>div>p{left:-34px;}
    .com_text{padding:70px 5%;}
    .ban2{height:580px;}
    .ban2 ul li{padding:0 22px;width:287px;height:140px;}
    .ban2>div>img{width:740px;}
    .fotnav a{margin-right:20px;margin-left:10px;}
    .fbom_left ul li{margin-right:45px;}
    .fbom_left ul li:nth-of-type(3){margin-right:0;width:201px;}
    .fbom_left ul li span{display:block;}
    .fbom_right{padding:8px 22px;}
    .fbom_right>h4{font-size:2.3rem;}

    /*company*/
    #zadv .warpper>ul{width:52%;}
    .zcom01_left>h1{font-size:2.2rem;}
    .zcom01_left>p{font-size:1.6rem;}
    .zcom01_left>small{line-height:29px;}
    #zadv .warpper>ul li{margin-bottom:32px;}
    .zcom01_left>ul li h3 span{font-size:3rem;}
    #zadv .warpper>ul li img{margin-right:17px;width:64px;}
    #zadv .warpper>ul li h5{font-size:1.8rem;}
    #zadv .warpper>ul li small{font-size:1.4rem;line-height:23px;}
    #zcul ul li>h3{font-size:2.2rem;}


    /*product*/
    .pro_rig_bot a{margin-right:2%;margin-bottom:2vw;width:32%;}
    .pro_rig_bot a:nth-of-type(4n){margin-right:2%;}
    .pro_rig_bot a:nth-of-type(3n){margin-right:0;}
    .pro_rig_bot a b{height:236px;}
    .zproinfo_top_text>ul>i{margin:0 14px;}
    .zproinfo_top_text>h3{font-size:2.3rem;}
    .zproinfo_top_text>small{font-size:1.4rem;}
    .zproinfo_swiper{width:100%;}
    .zproinfo_top>b{height:462px;}
    .zproinfo_tel>a{padding-left:58px;background:#4281ea url(../images/infocont.png) no-repeat 19px center;}
    .center-content strong{font-size:2.3rem;}
    .infopro_cont a>p{line-height:40px;}

    /*zcase*/
    .zcase_text>h3{font-size:2.6rem;}
    .zcont_ul li h4{font-size:1.6rem;}
    .zmsg_cont>h4{font-size:2.5rem;}

    /*zcontact*/
    .zcont_ul li{padding-left:69px;background-size:55px!important;}
    .zcont_ul li small{margin-bottom:0;}


}
@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*/
    .boxmt,.head>.warpper{height:66px;}
    .logo img{max-width:43px;}
    .nav-bar li a{width:100px;}
    .lang{margin-right:0;margin-left:20px;padding-left:20px;}
    .banner .swiper-pagination{bottom:12px;}
    .swiper-pro a>small{height:43px;}
    .swiper-case{width:452px;}
    .case{height:390px;}
    .case_left>h3{font-size:2.4rem;}
    .swiper-workshop a:hover>div p{font-size:2rem;}
    .zbanner{height:262px;}
    .zbanner h4{font-size:2.4rem;}
    .com_text>h3{font-size:2.3rem;}
    .zbanner small{font-size:1.6rem;}
    .zbanner img{width:40px;}
    .swiper-workshop{height:533px;}
    #zcom01{padding:4vw 0;}
    .pro_rig_bot a>small{height:37px;}
    .title h2{font-size:3rem;}
    .title h3{font-size:2.4rem;}
    .company{height:600px;}
    .com_text>div>h1{font-size:2.3rem;}
    .com_text>div{padding-top:57px;height:190px;background-size:100%;}
    .com_text>div>h1,.com_text>div>p{left:-17px;}
    .com_text{padding:70px 5%;}
    .ban2{height:448px;}
    .ban2>div>p{font-size:2.3rem;}
    .ban2 ul li{padding:0 22px;width:226px;height:109px;}
    .ban2 ul li h4{margin-bottom:0;font-size:1.8rem;}
    .ban2 ul li small{font-size:1.4rem;}
    .ban2>div>img{width:649px;}
    .ban2 ul li img{width:38px;}
    .fotlogo img{max-width:51px;}
    .fotnav a{margin-right:8px;margin-left:6px;}
    .fbom_left ul li{margin-right:45px;}
    .fbom_left ul li:nth-of-type(3){margin-right:0;width:201px;}
    .fbom_left ul li span{display:block;}
    .fbom_right{display:none;}
    .fbom_left ul{margin-bottom:30px;}

    /*company*/
    .zcom01_left{width:46%;}
    #zadv .warpper{flex-wrap:wrap;}
    #zadv .warpper>img{width:100%;}
    #zadv .warpper>ul{width:100%;}
    .zcom01_left>h1{font-size:2.2rem;}
    .zcom01_left>p{font-size:1.6rem;}
    .zcom01_left>small{line-height:29px;}
    #zadv .warpper>ul li{margin-bottom:32px;}
    .zcom01_left>ul li h3 span{font-size:3rem;}
    #zadv .warpper>ul li img{margin-right:17px;width:64px;}
    #zadv .warpper>ul li h5{font-size:1.8rem;margin-bottom:0;}
    #zadv .warpper>ul li small{font-size:1.4rem;line-height:23px;}
    #zcul ul li>h3{font-size:1.8rem;}


    /*product*/
    .pro_rig_bot a{margin-right:2%;margin-bottom:2vw;width:32%;}
    .pro_rig_bot a:nth-of-type(4n){margin-right:2%;}
    .pro_rig_bot a:nth-of-type(3n){margin-right:0;}
    .pro_rig_bot a b{height:236px;}
    .zproinfo_top_text>ul>i{margin:0 7px;}
    .zproinfo_top_text>h3{font-size:2rem;}
    .zproinfo_top_text>small{font-size:1.4rem;}
    .zproinfo_swiper{width:100%;padding:1.5vw 36px;}
    .zproinfo_top>b{height:518px;}
    .zproinfo_tel>a{padding-left:58px;background:#4281ea url(../images/infocont.png) no-repeat 19px center;}
    .center-content strong{font-size:2.3rem;}
    .infopro_cont a>p{line-height:40px;}
    .zproinfo_tel>div h5{font-size:2.4rem;}
    .zproinfo_tel{height:74px;}
    .zproinfo_tel>div{padding-left:47px;background-size:35px;}
    .info_bom{flex-wrap:wrap;}
    .info_bom_left{width:100%;}
    .info_bom_right{width:100%;}
    .proinfo_tit{height:60px;}
    .proinfo_tit span{font-size:2rem;}
    .infopro_cont:after{clear:both;display:block;content:'';}
    .infopro_cont a{float:left;margin-right:2%;margin-bottom:2vw;width:32%;}
    .infopro_cont a:nth-of-type(3n){margin-right:0;}
    .infopro_cont a b{height:18vw;}

    /*zcase*/
    .zcase_text>h3{font-size:2.6rem;}
    .zcont_ul li h4{font-size:1.6rem;}

    /*zcontact*/
    .zcont_ul li{padding-left:69px;background-size:55px!important;}
    .zcont_ul li small{margin-bottom:0;}
    .zcont_ul li:nth-of-type(3){width:193px;}
    .zmsg{flex-wrap:wrap;}
    .zmsg>img{margin-bottom:3vw;width:100%;}
    .zmsg_cont{width:100%;}
    .zmsg_cont>small{font-size:2.4rem;}
    .zmsg_cont>p{font-size:1.5rem;}
    .zmsg_cont>h4{font-size:2.3rem;}


    /*znews*/
    .de-news-list ul li a .img_jz{height: 198px;}


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

    /*index*/
    .boxmt,.head>.warpper{height:66px;}
    .logo img{max-width:43px;}
    .nav-bar li a{width:100px;}
    .lang{margin-right:0;margin-left:20px;padding-left:20px;}
    .banner .swiper-pagination{display:none;}
    .swiper-pro a b{height:156px;}
    .swiper-pro a>p {
        padding: 12px 0;
        font-size: 1.6rem;
    }
    .swiper-pro a>span{
        width: 82px;
        margin-top: 12px;
    }
    .swiper-pro a>small{height:37px;}
    .swiper-case{width:452px;}
    .case{height:initial;
        flex-wrap: wrap;
    }
    .case_leftbg{
        width: 100%;
        order:2;
        margin-top: 3vw;
    }
    .case_rightbg{
        width: 100%;
        height: 66vw;
        order:1;
    }
    .case_left>h6 {
        text-align: center;
        font-size: 1.6rem;
    }
    .swiper-case{
        width: 100%;
    }
    .swiper-case a p{
        line-height: 40px;
    }
    .case_btn{
        display:none;
    }
    .case_left>h3{font-size:2.2rem;    text-align: center;}
    .case_left>small{
        text-align: center;
    }
    .case_left>a{
        margin: 0 auto;
    }
    .case_left>b{
        margin:20px auto;
    }
    .case_left>p {
        font-size: 1.6rem;
        text-align: center;
    }
    .swiper-workshop a:hover>div p{font-size:2rem;}
    .zbanner{height:155px;}
    .zbanner h4{font-size:2rem;}
    .com_text>h3{font-size:2rem;}
    .date {
        width: 77px;
    }
    .date>h5 {
        font-size: 3rem;
    }
    .date>small {
        font-size: 1.4rem;
    }
    .company{
        flex-wrap: wrap;
        height: initial;
    }
    .news_text{
        width: calc(100% - 77px);
    }
    .morebtn {
        width: 114px;
        line-height: 36px;
    }
    .com_pic{
        width: 100%;
        height: 61vw;
    }
    .com_text{
        width:100%;
        height: initial;
    }
    .zbanner small{font-size:1.4rem;}
    .zbanner img{display:none;}
    .swiper-workshop{height:300px;}
    .swiper-workshop a>div{
        height: 30px;
    }
    .news a{
        width: 100%;
    }
    .title {
        margin-top: 11vw;
        margin-bottom: 7vw;
    }
    #zcom01{padding:4vw 0;}
    .pro_rig_bot a>small{height:37px;}
    .title h2{font-size:2.2rem;}
    .title h3{font-size:2rem;}
    .company{height:initial;}
    .com_text>div>h1{font-size:2.3rem;}
    .com_text>div{display:none;}
    .com_text>div>h1,.com_text>div>p{left:-17px;}
    .com_text{padding:45px 5%;padding-top:20px;}
    .ban2{height:448px; background-attachment: inherit;background-size:cover;}
    .ban2>div>p{font-size:1.6rem;}
    .ban2 ul{
        flex-wrap: wrap;
    }
    .ban2 ul li{padding:0 22px;width:226px;height:109px;margin-bottom:10px;background: rgba(255, 255, 255, 0.71);}
    .ban2 ul li h4{margin-bottom:0;font-size:1.8rem;}
    .ban2 ul li small{font-size:1.4rem;}
    .ban2>div>img{width:300px;}
    .ban2 ul li img{width:38px;}
    .fotlogo img{max-width:51px;}
    .fotnav a{margin-right:8px;margin-left:6px;}
    .fbom_left ul li{margin-right:0;width:100%;
        margin-top: 6vw;}
    .fbom_left ul li:nth-of-type(3){margin-right:0;width:100%;}
    .fbom_left ul li span{display:block;}
    .fbom_right{display:none;}
    .fbom_left ul{margin-bottom:30px;flex-wrap: wrap}
    .fot_top{display:none;}
    .float_box{
        display:none;
    }
    .fot_bom{
        font-size: 1.2rem;
    }
    .fot_bom a{
        font-size: 1.2rem;
    }

    /*company*/
    .crumbs_right{display:none;}
    .crumbs {
        line-height: 43px;
    }
    .zcom01_left{width:100%;        order: 2;}
    #zadv .warpper{flex-wrap:wrap;padding:20px;}
    #zcom01>.warpper{
        flex-wrap:wrap;
    }
    #zadv .warpper>img{width:100%;}
    #zcom01>.warpper>img{
        width: 100%;
        order: 1;
        margin-bottom: 3vw;
    }
    #zadv .warpper>ul{width:100%;}
    #zcul ul{
        flex-wrap: wrap
    }
    #zcul ul li b{
        width: 70px;
        height: 70px;
    }
    #zcul ul li b img{
        width: 28px;
        margin:0 auto;
    }
    .zcom01_left>h1{font-size:2.2rem;}
    .zcom01_left>p{font-size:1.6rem;}
    .zcom01_left>small{line-height:29px;}
    #zadv .warpper>ul li{margin-bottom:32px;    align-items: flex-start;}
    .zcom01_left>ul li h3 span{font-size:2.4rem;}
    #zadv .warpper>ul li img{margin-right:17px;width:64px;}
    #zadv .warpper>ul li h5{font-size:1.8rem;margin-bottom:0;}
    #zadv .warpper>ul li small{font-size:1.4rem;line-height:23px;}
    #zcul ul li{
        margin-bottom: 7vw;
    }
    #zcul ul li>h3{font-size:1.8rem;
        margin-top: 10px;
        margin-bottom: 5px;}
    #zcul ul li>small{
        display:block;
        width: 126px;
    }
    #zcul ul>img:nth-of-type(2){
        display:none;
    }

    /*product*/
    .pro_rig_bot a{margin-right:0;margin-bottom:2vw;width:100%;}
    .pro_rig_bot a b{height:236px;}
    .pro_rig_bot a>p {
        padding: 13px 0;
        font-size: 1.8rem;
    }
    .zproinfo_top_text>ul>i{margin:0 3px;}
    .zproinfo_top_text>h3{font-size:2rem;}
    .zproinfo_top_text>small{font-size:1.4rem;}
    .zproinfo_swiper{width:100%;padding:1.5vw 36px;}
    .zproinfo_top{flex-wrap: wrap}
    .zproinfo_top>b{height: 65vw;width:100%;margin-bottom:5vw;}
    .zproinfo_top_text{width:100%;}
    .zproinfo_tel>a{padding-left:58px;background:#4281ea url(../images/infocont.png) no-repeat 19px center;margin-left:15px;
        width: 142px;
        line-height: 43px;
    }
    .info_href{
        height: 50px;
    }
    .info_href span{
        line-height: 50px;
    }
    .info_app ul{
        overflow:hidden;
    }
    .info_app ul li{
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow:hidden;
        background:none!important;
        border-bottom: 1px solid #ededed;
        border-left:1px solid #ededed;
    }
    .info_app ul li:nth-of-type(odd){
        border-left:none;
    }
    .info_app ul li:nth-of-type(7),.info_app ul li:nth-of-type(8){
        border-bottom:none;
    }
    .info_app ul li:hover{
        pointer-events: none;
    }


    .info_work a{
        width: 49%;
        margin-right: 2%;
        height: 41vw;
    }
    .info_work a:nth-of-type(3n){
        margin-right: 2%;
    }
    .info_work a:nth-of-type(2n){
        margin-right: 0;
    }
    .info_msg_cont{
        padding:20px;
    }
    .info_msg_cont>h4 {
        font-size: 2rem;
    }
    .info_msg_cont>p {
        font-size: 1.3rem;
    }
    #formData>input,#formData .code{
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-top: 10px;
    }
    .info_msg_cont #formData .code input{
        height: 40px;
        line-height: 40px;
    }
    #formData .code .verify{
        height: 40px;
    }
    #formData .submit{
        height: 40px;
        line-height: 40px;
    }
    .center-content strong{font-size:1.8rem;}
    .infopro_cont a>p{line-height:40px;}
    .zproinfo_tel>div h5{font-size:2.4rem;}
    .zproinfo_tel{height:74px;}
    .zproinfo_tel>div{padding-left:47px;background-size:35px;}
    .info_bom{flex-wrap:wrap;}
    .info_bom_left{width:100%;}
    .info_bom_right{width:100%;margin-bottom:8vw;}
    .proinfo_tit{height:45px;}
    .proinfo_tit span{font-size:2rem;}
    .infopro_cont:after{clear:both;display:block;content:'';}
    .infopro_cont a{float:left;margin-right:0;margin-bottom:2vw;width:100%;}
    .infopro_cont a:nth-of-type(3n){margin-right:0;}
    .infopro_cont a b{height:49vw;}

    /*zcase*/
    .zcase_text>h6 {
        font-size: 1.8rem;
    }
    .zcase_text>h3{font-size:2rem;}
    .zcase_text>p {
        font-size: 1.6rem;
    }
    .zcase a:after{
        top:initial;
        bottom:35%;
    }
    .zcont_ul li h4{font-size:1.6rem;height:initial}
    .zcase a{
        flex-wrap: wrap;
        height: initial;
    }
    .zcase a>b{
        width: 100%;
        height: 55vw;
        margin-bottom: 3vw;
    }
    .zcase_text{
         width: 100%;
     }
    .zcase a:nth-of-type(2n) b {
        order: 1;
    }
    .zcase a:nth-of-type(2n) .zcase_text {
        order: 2;
    }
    /*zcontact*/
    .zcont_ul{
        flex-wrap: wrap;
    }
    .zcont_ul li{padding-left:69px;background-size:55px!important;width:100%;}
    .zcont_ul li small{margin-bottom:0;font-size:1.8rem;}
    .zmsg{flex-wrap:wrap;}
    .zmsg>img{margin-bottom:3vw;width:100%;}
    .zmsg_cont{width:100%;}
    .zmsg_cont>small{font-size:2rem;}
    .zmsg_cont>p{font-size:1.5rem;}
    .zmsg_cont>h4{font-size:2.2rem;}
    #dituContent{
        height: 210px;
    }

    /*znews*/
    .de-news-list ul li{
        width: 100%;
        margin-right: 0;
        float:none;
    }
    .news-detail-title .h3{
        font-size: 1.8rem;
    }
    .de-news-list ul li a .img_jz{height: 198px;}

}