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:1602px){
    .hidden-lb{display:none!important}
}

@media screen and (min-width: 1400px) and (max-width: 1601px) {
    .warpper{width: 94%!important;}
    .hidden-lg{display:none!important;}
    html{
        font-size:62%;
    }
    /*index*/
    .ban_down{left:3%}
    .com_left{padding-left:3%}

    /*product*/
    .card_left{padding-left: 14px;width: initial;}

    /*case*/
    .zbanner{height: 42vw;}
    .de-case-list ul li a .img_jz{height: 17vw;}

}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .warpper{width: 96%!important;}
    .hidden-l{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .ban_down{left:2%;}
    .com_left{padding-left:2%;}
    .nav-bar li{margin-right:18px;}
    .indexproduct h2{font-size:6.2rem;}
    .indexproduct h3{font-size:2.2rem;}
    .inpro_left li:first-of-type{height:260px;}
    .indexproduct span{margin-top:7vh;}
    .inpro_right li{height:500px;}
    .inpro_left li{height:280px;}
    .inpro_right li:last-of-type{height:341px;}
    .comul li h3{font-size:3.2rem;}
    .company{height:650px;}
    .caselist{height:340px;}
    .indexmsg>h3{font-size:3.2rem;}
    .indexjoin a{height:480px;}


    /*company*/
    .zbanner{height: 47vw;}
    .zcomcont1>h4{font-size:3rem;}
    .his_text>h3{font-size:3.8rem;}
    .fc_bom a>p{font-size:2rem;line-height:50px;}

    /*product*/
    .zfinfo_left{width:640px;}
    .zfinfo_right{width:calc(98% - 640px);}
    .card_left{padding-left:10px;width:inherit;}
    .card_left>p{line-height:24px;}
    .zfinfo_right>h3{font-size:2.6rem;}
    .order-btn>a{line-height:50px!important;}
    .zproinfo_list a>div{padding:18px;}

    /*case*/
    .de-case-list ul li a .img_jz{height: 17vw;}
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .warpper{width: 93%!important;}
    .hidden-m{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .ban_down{left:2%;}
    .com_left{padding-left:2%;}
    .logo>img {width: 70px;}
    .nav-bar li{margin-right:18px;}
    .indexproduct h2{font-size:3.2rem;    margin-bottom: -4.2rem;}
    .indexproduct h3{font-size:2.2rem;}
    .inpro_left li:first-of-type{height:260px;}
    .indexproduct span{margin-top:7vh;}
    .inpro_right li{height:500px;}
    .inpro_left li{height:280px;}
    .inpro_right li:last-of-type{height:341px;}
    .comul li h3{font-size:3.2rem;}
    .company{height:650px;}
    .com_left{width:64%;}
    .commore a{width:115px;height:115px;}
    .commore a>div{padding-top:10px;}
    .com_right{width:36%;}
    .caselist{height:340px;}
    .indexmsg>h3{font-size:3.2rem;}
    .indexjoin a{height:480px;}
    .fot01{display:none;}
    .fot02{width:73%;}


    /*company*/
    .title>small{margin-bottom:-6rem;font-size:5rem;}
    .zbanner{height:47vw;}
    .zcomcont1>h4{font-size:2.3rem;}
    .his_text>h3{font-size:3.3rem;}
    .fc_bom a>p{font-size:2rem;line-height:50px;}
    .zcomul li small{font-size:1.4rem;}
    .zcomul li>img{width:45px;}
    .history_top{height:312px;}
    .culture ul li h3{font-size:2.2rem;}
    .culture ul li small{font-size:1.8rem;}


    /*product*/
    .crumbs_left{flex-wrap:wrap;}
    .crumbs_left{width:62%;}
    .zfinfo_left{width:400px;}
    .zfinfo_right{width:calc(98% - 400px);}
    .sinfo_top{height:400px;}
    .sinfo_bombg{height:82px;}
    .lxcard{margin-top:85px;}
    .zprotit{font-size:2.2rem;}
    .bg_white{padding:23px;}
    .zproinfo_left{width:70%;}
    .zproinfo_right{width:28%;}
    .zproinfo_list a b{height:22vw;}
    .card_left{padding-left:10px;width:inherit;}
    .card_left>p{line-height:24px;}
    .zfinfo_right>h3{font-size:2.6rem;}
    .order-btn>a{line-height:50px!important;}
    .zproinfo_list a>div{padding:18px;}

    /*case*/
    .de-case-list ul li a .img_jz{height: 17vw;}

    /*join*/
    .zcoop3_right{padding:45px 25px;width:42%;height:400px;}
    .zcoop3_left{width:55%;}
    .zcoop3_left #formData .code .verify{width:41%;background:#f3fbfe;}
    .zcoop3_left #formData .code input{width:59%;}
    .zcoop3_left #formData .code img{width:100%;object-fit:contain;}

    /*contact*/
    #zlink ul>li p{font-size:2rem;}
    #zlink ul>li small{font-size:1.4rem;}
    #zlink ul>li div{width:80%;}
    #zlink ul>li small{height:40px;}

}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .warpper{width: 96%!important;}
    .hidden-sm{display:none!important;}
    html{font-size:60%;}

    /*head*/
    .head .warpper{height: 80px;}
    /*index*/
    .ban_down{left:2%;}
    .com_left{padding-left:2%;}
    .logo>img {width: 70px;}
    .nav-bar li{margin-right:18px;}
    .indexproduct h2{font-size:3.2rem;    margin-bottom: -4.2rem;}
    .indexproduct h3{font-size:1.8rem;}
    .inpro_left li:first-of-type{height:230px;}
    .indexproduct span{margin-top:7vh;}
    .inpro_right li{height:500px;}
    .inpro_left li{height:250px;}
    .inpro_right li:last-of-type{height:250px;}
    .comul li h3{font-size:3.2rem;}
    .company{height:650px;}
    .com_left{width:64%;}
    .commore a{width:115px;height:115px;}
    .commore a>div{padding-top:10px;}
    .com_right{width:36%;}
    .caselist{height:210px;}
    .indexmsg>h3{font-size:3.2rem;}
    .indexjoin a{height:480px;}
    .news_text{width:72%;}
    .newsul a{height:93px;}
    .newsul a:hover .date{width:24%;}
    .title>small{font-size:5rem;}
    .news_left>div>h4{font-size:2rem;}
    .news_left,.news_left>b{height:290px;}
    .indexjoin a h4{font-size:2rem;}
    .indexjoin a span{padding-top:74px;height:120px;}
    .indexjoin a small{font-size:1.6rem;line-height:25px;}
    .fot_top h3{font-size:2rem;}
    .fot02{display:none;}


    /*company*/
    .title>small{margin-bottom:-6rem;font-size:5rem;}
    .zbanner>div>h3{font-size:2.8rem;}
    .zbanner>div>p{margin:0 auto;width:85%;}
    .zbanner{height:47vw;}
    .crumbs{height:50px;}
    .de-page-mian .page-inner a{height:35px;min-width:35px;line-height:35px;}
    .zcomcont1>h4{font-size:2.3rem;}
    .his_text>h3{font-size:3.3rem;}
    .fc_bom a>p{font-size:2rem;line-height:50px;}
    .zcomul li small{font-size:1.4rem;}
    .zcomul li>img{width:45px;}
    .history_top{height:312px;}
    .culture ul li h3{font-size:2.2rem;}
    .culture ul li small{font-size:1.8rem;}
    .his_text{width:475px;}

    /*product*/
    .zgoods_list a>div{padding:15px;}
    .crumbs_left{overflow-x:auto;}
    .crumbs_left::-webkit-scrollbar{width:1px;}
    .crumbs_left::-webkit-scrollbar-track-piece{-webkit-border-radius:4px;background-color:#1b1b1b;}
    .crumbs_left::-webkit-scrollbar-thumb{width:1px;background-color:#474747;}
    .crumbs_left a{min-width:120px;}
    .crumbs_right span{display:none;}
    .zginfo_top>.warpper{flex-wrap:wrap;}
    .crumbs_left{width:62%;}
    .zfinfo_left{width:100%;}
    .zfinfo_right{width:100%;}
    .sinfo_top{height:54vw;}
    .sinfo_bombg{margin-bottom:4vw;height:127px;}
    .lxcard{margin-top:85px;}
    .zprotit{font-size:2.2rem;}
    .bg_white{padding:23px;}
    .zproinfo_left{width:70%;}
    .zproinfo_right{width:28%;}
    .zproinfo_list a b{height:22vw;}
    .card_left{padding-left:10px;width:calc(100% - 165px);}
    .card_right{width:165px;}
    .zfinfo_right>h3{font-size:2.6rem;}
    .order-btn>a{line-height:50px!important;}
    .zproinfo_list a>div{padding:18px;}

    /*news*/
    .znewsinfo>.znewsinfo_right{padding:20px;}

    /*case*/
    .de-case-list ul li{margin-right:2%;width:32%;}
    .de-case-list ul li:nth-of-type(4n){margin-right:2%;}
    .de-case-list ul li:nth-of-type(3n){margin-right:0;}
    .de-case-list ul li a .img_jz{height:24vw;}
    .zcase_text h4{font-size:15px;}
    .zslovent a:hover .zcase_text h4{font-size:16px;}

    /*join*/
    .title h3{font-size:2.6rem;}
    .zcoop3_right{padding:45px 15px;width:44%;height:400px;}
    .zcoop3_left{width:52%;}
    .zcoop3_left #formData .code .verify{width:41%;background:#f3fbfe;}
    .zcoop3_left #formData .code input{width:59%;}
    .zcoop3_left #formData .code img{width:100%;object-fit:contain;}
    .zcoop2 ul li b{width:85px;height:85px;}


    /*contact*/
    #zlink ul>li p{font-size:2rem;}
    #zlink ul>li small{font-size:1.4rem;}
    #zlink ul>li div{width:80%;}
    #zlink ul>li small{height:40px;}
    #zlink ul>li,#zlink ul>div{height: 263px;}
    .zjob_tit h5:nth-of-type(2),.zjob_tit h5:nth-of-type(3),.zjob_content ul li p:nth-of-type(2),.zjob_content ul li p:nth-of-type(3){display:none;}
    .zjob_tit h5,.zjob_content ul li p{width: 24%;}


}

@media only screen and (max-width: 767px){
    .warpper{width:94%!important;}
    .hidden-xs{display:none!important;}
    html{font-size:60%;}

    /*head*/
    .head .warpper{height: 50px;}
    .mnavbar{top:50px;}
    /*index*/
    .ban_down{display:none;}
    .com_left{padding-right:3%;padding-bottom:60px;padding-left:3%;}
    .logo>img{height:29px;}
    .nav-bar li{margin-right:18px;}
    .indexproduct h2{margin-bottom:-4.2rem;font-size:3.2rem;}
    .indexproduct h3{font-size:1.8rem;}
    .indexproduct .warpper{flex-wrap:wrap;}
    .inpro_left{width:100%;}
    .indexproduct li{
        width: 49%;
    }
    .indexproduct li:first-of-type,.indexproduct li:nth-of-type(2),.indexproduct li:nth-of-type(7){width:100%;}
    .indexproduct span{margin-top:7vh;}
    .comul li h3{font-size:2.52rem;line-height:3.3rem;}
    .company{height:initial;flex-wrap:wrap;}
    .com_left>small{font-size:1.5rem;line-height:31px;}
    .commore{top:initial;right:0;bottom:-69px;left:0;display:flex;margin:0 auto;width:94%;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);justify-content:space-between;-ms-transform:translateY(0);}
    .commore a{margin-bottom:0;}
    .more{width:120px;line-height:35px;}
    .com_left{width:100%;}
    .commore a{width:115px;height:115px;}
    .commore a>div{padding-top:10px;}
    .title h3{font-size:2.3rem;}
    .title>small{margin-bottom:-1rem;font-size:2.2rem;}
    .com_left>p{font-size:2rem;}
    .comul li small{font-size:1.4rem;}
    .com_right{width:100%;}
    .casebtn .swiper-button-next,.casebtn .swiper-button-prev{width:32px;height:32px;background-size:9px!important;}
    .casebtn a{width:32px;height:32px;}
    .casebtn{top:-43px;}
    .caselist{height:210px;}
    .indexmsg>h3{font-size:2.2rem;}
    .indexmsg>small{font-size:1.4rem;}
    #indexformData>input{width:49%;}
    #indexformData .code>input,#indexformData>input,#indexformData>textarea{padding-left:37px;height:40px;background-position:10px center!important;background-size:15px!important;line-height:40px;}
    #indexformData>a{height:40px;line-height:40px;}
    #indexformData .code{width:100%;height:40px;}
    .news_text{width:72%;}
    .newshref a{width:100px;line-height:33px;}
    .newsul a{height:93px;}
    .newsul a:hover .date{width:24%;}
    .newsbg{padding-top:4vw;}
    .fot_top,.indexjoin,.news{flex-wrap:wrap;}
    .news_left,.newsul{width:100%;}
    .news_left>div>h4{font-size:1.8rem;}
    .news_left,.news_left>b{height:290px;}
    .date>h5{font-size:2.8rem;line-height:22px;}
    .indexjoin a{margin-bottom:3vw;padding:10vw 0;width:100%;height:initial;}
    .indexjoin a h4{font-size:2rem;}
    .indexjoin a>div{width:85%;}
    .indexjoin a span{padding-top:74px;height:120px;}
    .indexjoin a small{font-size:1.6rem;line-height:25px;}
    .fot_top h3{font-size:2rem;}
    .fot02{display:none;}
    .fot01>a img{display:none;}
    .fot_top a{width:212px;line-height:37px;}
    .fot03>div>h3{font-size:2.4rem;}
    .fot03>h4{font-size:1.6rem;}
    .fot03>small{font-size:1.4rem;}
    .fot_bot{padding:10px 0;height:initial;line-height:25px;}
    .fot_bot .warpper>a{display:none;}
    .fot_bot .warpper a,.fot_bot .warpper>p{font-size:12px;}

    /*company*/
    .zbanner>div>h3{font-size:2.3rem;}
    .zbanner>div>p{display:none}
    .zbanner{height:47vw;}
    .crumbs{height:50px;}
    .crumbs_right{
        display:none;
    }
    .de-page-mian .page-inner a{height:35px;min-width:35px;line-height:35px;}
    .zcomcont1>h4{font-size:1.8rem;}
    .zcomul li{
        width: 49%;
        height: 100px;
    }
    .history_top .swiper-slide>h2{
        font-size: 19rem;
    }
    .his_text>h3{font-size:2.7rem;}
    .his_text>small{
        font-size: 1.4rem;
    }
    .history_top .swiper-button-next, .history_top .swiper-button-prev{
        width: 40px;
        height: 40px;
    }
    .fc_bom a b{
        height: 34vw;
    }
    .fc_bom a>p,.zhonor a p{font-size:1.4rem;line-height:33px;}
    .zcomul li small{font-size:1.4rem;}
    .zcomul li>img{width:45px;}
    .history_top{height:312px;}
    .culture ul li h3{font-size:2.2rem;}
    .culture ul li small{font-size:1.8rem;}
    .his_text{width:50%;}
    .culture ul{
        flex-wrap: wrap;
    }
    .culture ul li{
        width: 100%;
        height: 273px;
    }
    .zvideo_top>div{
        height: 70vw!important;
    }
    .zvideo_bom{
        flex-wrap: wrap;
    }
    .zvideo_bom li{
        width: 100%;
        height: 55vw;
        margin-bottom: 2vw;
    }
    /*product*/
    .zgoods_list a>div{padding:15px;}
    .crumbs_left{overflow-x:auto;width:100%;}
    .crumbs_left::-webkit-scrollbar{width:0;height:0;}
    .crumbs_left a{min-width:114px;}
    .crumbs_right span{display:none;}
    .zgoods_list a{
        width: 49%;
    }
    .zgoods_list a:nth-of-type(3n){
        margin-right: 2%;
    }
    .zgoods_list a:nth-of-type(2n){
        margin-right: 0;
    }
    .zgoods_list a b{
        height: 42vw;
    }
    .zgoods_list a p{
        font-size: 1.6rem;
    }
    .zgoods_list a b>i{
        background-size:35px;
    }
    .zginfo_top>.warpper{flex-wrap:wrap;}
    .zfinfo_left{width:100%;}
    .zfinfo_right{width:100%;}
    .sinfo_top{height:70vw;}
    .sinfo_bombg{margin-bottom:4vw;height:76px;padding:0 45px;}
    .sinfo_bombg .swiper-button-next, .sinfo_bombg .swiper-button-prev{
        width: 31px;
    }
    .lxcard{margin-top:2vw;}
    .zprotit{font-size:2.2rem;}
    .bg_white{padding:23px;}
    .zproinfo_content{
        flex-wrap: wrap;
    }
    .zproinfo_left{width:100%;}
    .zproinfo_right{width:100%;margin-top:3vw;}
    .zproinfo_list a b{height:75vw;}
    .card_left{padding-left:10px;width:100%;}
    .card_right{display:none;}
    .zfinfo_right>h3{font-size:2.2rem;}
    .order-btn>a{line-height:50px!important;}
    .zproinfo_list a>div{padding:18px;}
    .order-btn>a:last-of-type{
        padding-left: 74px;
        padding-right: 24px;
        background:#d4a879 url("../images/back2.png") no-repeat 36px center;
    }
    .order-btn>a:first-of-type{
        padding-left: 74px;
        padding-right: 24px;
        background:#f5f5f5  url("../images/back.png") no-repeat 36px center;
    }
    .send-form .order-content .order-line .dwid {
        width: 46%;
    }


    /*news*/
    .znewsinfo_right .bot_tit{
        font-size: 2.2rem;
    }
    .znewsinfo>.znewsinfo_right{padding:20px;}
    .znewsinfo>.inner-right,.znewsinfo>.znewsinfo_right{
        width: 100%;
        float:none;
    }
    .znewsinfo_list a b{
        height: 52vw;
    }
    .de-news-list ul li{
        float:none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 2vw;
    }
    .common-inner .inner-right{
        padding:0;
    }
    .common-inner .inner-right .news-detail-content .news-detail-title .h3{
        padding-top: 25px;
    }

    /*case*/
    .de-case-list ul li{margin-right:2%;width:49%;}
    .de-case-list ul li:nth-of-type(4n){margin-right:2%;}
    .de-case-list ul li:nth-of-type(2n){margin-right:0;}
    .de-case-list ul li a .img_jz{height:34vw;}
    .zcase_text h4{font-size:15px;}
    .zslovent a:hover .zcase_text h4{font-size:16px;}

    /*join*/
    .title h3{font-size:2.2rem;}
    .zcoop1 ul,.zcoop2 ul,.zcoop3{
        flex-wrap: wrap;
    }
    .zcoop1 ul li{
        width: 100%;
    }
    .zcoop2 ul{
        justify-content: center;
    }
    .zcoop2 ul li{
        width: 28%;
    }
    .zcoop2 ul li b{width:85px;height:85px;}
    .zcoop2 ul>img{
        margin: 28px 2px;
    }
    .zcoop2 ul>img:nth-of-type(3){
        display:none;
    }
    .zcoop3_left{width:100%;}
    .zcoop3_left #formData .code .verify{width:41%;background:#f3fbfe;}
    .zcoop3_left #formData .code input{width:59%;}
    .zcoop3_left #formData .code img{width:100%;object-fit:contain;}
    .zcoop3_right{padding:45px 15px;width:100%;height:400px;}



    /*contact*/
    #zlink ul{
        flex-wrap: wrap;
    }
    #zlink ul>li,#zlink ul>div{
        width: 49%;
        margin-bottom: 2vw;
    }
    #zlink ul>li p{font-size:2rem;}
    #zlink ul>li small{font-size:1.4rem;}
    #zlink ul>li div{width:80%;}
    #zlink ul>li small{height:40px;}
    #zlink ul>li,#zlink ul>div{height: 263px;}
    .zjob_tit h5:nth-of-type(2),.zjob_tit h5:nth-of-type(3),.zjob_content ul li p:nth-of-type(2),.zjob_content ul li p:nth-of-type(3){display:none;}
    .zjob_tit h5,.zjob_content ul li p{width: 24%;}
    .zjob_content{
        padding:0;
    }
    .zjob_content ul li p{
        font-size: 1.4rem;
    }
    .zjob_content ul li{
        line-height: 50px;
    }
    .zjob_tit h5 span{
        padding-left: 17px;
        background-size:13px!important;
    }
    .zjob_tit h5 {
        font-size: 1.5rem;
    }
    .job-name{
        font-size: 2.2rem;
    }
    .jobs-infotit ul li:nth-of-type(2),.jobs-infotit ul i:nth-of-type(2){
        display:none;
    }
    .layui-layer-iframe{
        width: 94%!important;
    }
    .ask>p {
        line-height: 26px;
        padding:15px 0;
    }
    .zpro_cont table tr td{
        padding:5px;
    }

}