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: 1300px) and (max-width: 1600px) {
    .warpper{width: 96%!important;}
    .hidden-lg{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .swiper-product{height:32vw;}
    .swiper-product img{margin:0 auto;width:70%;}
    .pro_text>h3{font-size:4.5rem;}
    .video_text>h4{font-size:3.4rem;}
    .videoiconbg{height:30vw;}
    .peijian{height:620px;}
    .peijian a>div p{font-size:2rem;}
    .custom li>div>h3{font-size:3rem;}
    .custom li>div>span{font-size:9rem;}
    .video2 .warpper>div>h3{font-size:3rem;}





}
@media screen and (min-width: 1150px) and (max-width: 1300px) {
    .warpper{width: 96%!important;}
    .hidden-l{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .logo{height:76px;}
    .langchange{top:27px;}
    .headfix li{margin:0 10px;}
    .menu_left{width:480px;}
    .menu_right{width:calc(94% - 480px);}
    .menu_left>h2{font-size:2rem;line-height:62px;}
    .menu_right a h3{font-size:2.2rem;}
    .bannertext>h3 span,.bannertext>h3 {font-size:2.4rem;}

    .swiper-product{height:38vw;}
    .swiper-product img{margin:0 auto;width:70%;}
    .pro_text>h3{font-size:3.5rem;}
    .video_text>h4{font-size:3.4rem;}
    .video_ul li h5{font-size:3rem;}
    .video_ul li{min-width:200px;}
    .videoiconbg{height:30vw;}
    .peijian{height:620px;}
    .peijian a>div p{font-size:2rem;}
    .custom li>div>h3{font-size:3rem;}
    .custom li>div>span{font-size:9rem;}
    .video2 .warpper>div>h3{font-size:3rem;}

    /*product*/
    .zpromain_04>img{max-width:85%;}
    .zpromain_03{margin-top:18vw;margin-bottom:15vw;}
    .zprobanner ul li{width:30%;}
    .zprobanner ul li small{width:100%;}
    .zpromain_03 .warpper2 li:nth-of-type(odd)>b{margin-right:-50px;}
    .zpromain_03 .warpper2 li:nth-of-type(even)>b{margin-left:-50px;}
    .zpromain_03 .warpper2 li>b{width:calc(50% + 50px);}
    .zpromain_03 .warpper2 li>div h4{font-size:2.6rem;}
    .zpromain_04>h3,.zpromain_05>h3,.zpromain_06>div>h3{font-size:3rem;}
    .zpro_jiegou_detail li:nth-of-type(6){right:20%;}
    .zpro_jiegou_detail li:nth-of-type(6)>div{left:-287px;}
    .zpro_jiegou_detail li:nth-of-type(2)>div{left:-146px;}
    .zpro_jiegou_detail li:first-of-type>div{left:-29vw;}
    .zpro_jiegou_detail li:nth-of-type(5)>div{left:-13px;}
    .zproinfo_top_left{width:684px;}
    .zproinfo_top_right{width:calc(98% - 684px);}
    .zpeijian_ul a>div p,.zpeijian_ul2 a>div p{font-size:2.3rem;}
    .zproinfo_top_right>h2{font-size:3rem;}
    .zproinfo_top_right>p{font-size:3.4rem;}

    /*定制*/
    .dz_text img{max-width:315px}
    .dz_text>h4{font-size:3rem}
    .zdz_ul>a>b{display:block;width:61%}
    .zdz_ul>a>div>h3{font-size:3rem}

    /*server*/
    .zser_right>h3{font-size:2.8rem;}
    .zzhence p strong{font-size:1.8rem;}
    .zshouhou{padding:28px;}
    .zshouce_text>h3{font-size:2.8rem;}


    /*company*/
    .zcompany_banner>img:first-of-type{width:315px;}
    .zcompany_banner>div{font-size:2.4rem;}


    /*NEWS*/
    .znews_cont01{height: 560px;}


}

@media screen and (min-width: 960px) and (max-width: 1149px) {
    .warpper, .mycontainer {width: 95% !important;}
    .warpper2 {width: 92%;}
    .hidden-m {display: none !important;}
    html {font-size: 60%;}

    /*index*/
    .logo{height:76px;}
    .headfix>.warpper>a img{width: 180px;}
    .langchange{top:27px;}
    .headfix li{margin:0 6px;}
    .zheader_right>i{margin-right:9px;margin-left:7px;}
    .menu_left{width:480px;}
    .menu_right{width:calc(94% - 480px);}
    .menu_left>h2{font-size:2rem;line-height:62px;}
    .menu_right a h3{font-size:2.2rem;}
    .bannertext>h3 span,.bannertext>h3 {font-size:2.6rem;}

    .swiper-product{height:45vw;}
    .swiper-product img{margin:0 auto;width:70%;}
    .pro_text>h3{font-size:3.5rem;}
    .video_text>h4{font-size:3rem;}
    .video_ul li h5{font-size:3rem;}
    .video_ul li{min-width:200px;}
    .videoiconbg{height:30vw;}
    .peijian{height:470px;}
    .peijian a>div p{font-size:2rem;}
    .custom li>div>h3{font-size:2.8rem;}
    .custom li>div>span{font-size:8rem;}
    .video2 .warpper>div>h3{font-size:2.8rem;}
    .video2 .warpper>b{width:428px;height:204px;}
    .video2 .warpper>b>img{top:-56px;left:-12px;width:670px;}
    .fot_mid_left ul li{margin-right:45px;}


    /*product*/
    .zpromain_04>img{max-width:85%;}
    .zpromain_03{margin-top:18vw;margin-bottom:15vw;}
    .zprobanner ul li{width:30%;}
    .zprobanner ul li small{width:100%;}
    .zpromain_03 .warpper2 li:nth-of-type(odd)>b{margin-right:-50px;}
    .zpromain_03 .warpper2 li:nth-of-type(even)>b{margin-left:-50px;}
    .zpromain_03 .warpper2 li>b{width:calc(50% + 50px);height:443px;}
    .zpromain_03 .warpper2 li>div h4{font-size:2.6rem;}
    .zpromain_04>h3,.zpromain_05>h3,.zpromain_06>div>h3{font-size:3rem;}
    .zpro_jiegou_detail li:nth-of-type(6){right:20%;}
    .zpro_jiegou_detail li:nth-of-type(6)>div{left:-287px;}
    .zpro_jiegou_detail li:nth-of-type(2)>div{left:-146px;}
    .zpro_jiegou_detail li:first-of-type>div{left:-29vw;}
    .zpro_jiegou_detail li:nth-of-type(5)>div{left:-13px;}
    .zproinfo_top_left{width:540px;}
    .swiper-info{height:300px;}
    .zproinfo_top_right{width:calc(98% - 540px);}
    .swiper-infobg{width:100px;}
    .swiper-pic{width:calc(98% - 100px);height:425px;}

    .zpeijian_ul a>div p,.zpeijian_ul2 a>div p{font-size:2.3rem;}
    .zproinfo_top_right>h2{font-size:2.6rem;}
    .zproinfo_top_right>p{font-size:3rem;}
    .swiper-infobg>.swiper-button-next,.swiper-infobg>.swiper-button-prev{width:100%;}
    .zpeijian>a>b{height:255px;}
    .swiper-menu{height:35vw;}
    .zother_video>a>b{height:200px;}
    .zser_left{width:210px;}
    .zser_right{width:calc(98% - 210px);}
    .zjiaocheng>a>b{height:180px;}

    /*定制*/
    .zmapbox>b{height:85px;}
    .zmapbox{width:260px;}
    .dz_text img{max-width:315px}
    .dz_text>h4{font-size:3rem}
    .zdz_ul>a>b{display:block;width:61%}
    .zdz_ul>a>div>h3{font-size:3rem}

    /*server*/
    .zser_right>h3{font-size:2.8rem;}
    .zzhence p strong{font-size:1.8rem;}
    .zshouhou{padding:28px;}
    .zshouce_text>h3{font-size:2.8rem;}


    /*company*/
    .zcompany_banner>img:first-of-type{width:315px;}
    .zcompany_banner>div{font-size:2.4rem;}


    /*NEWS*/
    .znews_cont01{height: 440px;}
    .znews_text>h4{font-size:2rem;}

    /*contact*/
    .zcontact_cont2 ul li{width:160px;height:160px;}
    .zcontact_cont2 li div>i{height:100px;}
    .zcontact_cont2 ul li:hover .zcont_after>p{margin-top:0;}

}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .mycontainer,.warpper{width:96%!important;}
    .warpper2{width:92%;}
    .hidden-sm{display:none!important;}
    html{font-size:60%;}

    .nav{
        height: 80px;
    }
    .banner{
        height: 54vw;
    }
    /*index*/
    .logo{height:76px;}
    .headfix>.warpper>a img{width: 180px;}
    .langchange{top:27px;}
    .headfix li{margin:0 6px;}
    .zheader_right>i{margin-right:9px;margin-left:7px;}
    .menu_left{width:480px;}
    .menu_right{width:calc(94% - 480px);}
    .menu_left>h2{font-size:2rem;line-height:62px;}
    .menu_right a h3{font-size:2.2rem;}
    .bannertext>h3 span,.bannertext>h3 {font-size:2.6rem;}

    .swiper-product{height:45vw;}
    .swiper-product img{margin:0 auto;width:70%;}
    .pro_text>h3{font-size:3.5rem;}
    .video_text>h4{font-size:3rem;}
    .video_ul li h5{font-size:3rem;}
    .video_ul li{min-width:200px;}
    .videoiconbg{height:30vw;}
    .peijian{height:470px;}
    .peijian a>div p{font-size:2rem;}
    .custom li>div>h3{font-size:2.8rem;}
    .custom li>div>span{font-size:8rem;}
    .video2 .warpper>div>h3{font-size:2.8rem;}
    .video2 .warpper>b{width:428px;height:204px;}
    .video2 .warpper>b>img{top:-56px;left:-12px;width:670px;}
    .fot_mid_left ul li{margin-right:18px;}
    .swiper-video3{height:53vw;}

    /*product*/
    .zpromain_04>img{max-width:85%;}
    .zpromain_03{margin-top:18vw;margin-bottom:15vw;}
    .zprobanner ul li{width:31%;}
    .zprobanner ul li small{width:100%;font-size:1.2rem;}
    .zpromain_03 .warpper2 li:nth-of-type(odd)>b{margin-right:-35px;}
    .zpromain_03 .warpper2 li:nth-of-type(even)>b{margin-left:-35px;}
    .zpromain_03 .warpper2 li>b{width:calc(50% + 35px);height:443px;}
    .zpromain_03 .warpper2 li>div h4{font-size:2.6rem;}
    .zpromain_04{padding-top:11vw;}
    .zpromain_04>h3,.zpromain_05>h3,.zpromain_06>div>h3{font-size:3rem;}
    .zpro_jiegou_detail li:nth-of-type(6){right:20%;}
    .zpro_jiegou_detail li:nth-of-type(6)>div{left:-332px;}
    .zpro_jiegou_detail li:nth-of-type(2)>div{left:-146px;}
    .zpro_jiegou_detail li:first-of-type>div{left:-29vw;}
    .zpro_jiegou_detail li:nth-of-type(5)>div{left:-13px;}
    .zpro_jiegou_detail li:nth-of-type(7)>div{left:-257px;}
    .zproinfo_top{
        flex-wrap: wrap;
    }
    .zproinfo_top_left{width:100%;}
    .swiper-info{height:300px;}
    .zproinfo_top_right{width:100%;margin-top:8vw;}
    .swiper-infobg{width:100px;}
    .swiper-pic{width:calc(98% - 100px);height:425px;}

    .zpeijian_ul a>div p,.zpeijian_ul2 a>div p{font-size:2.3rem;}
    .zproinfo_top_right>h2{font-size:2.6rem;}
    .zproinfo_top_right>p{font-size:3rem;}
    .swiper-infobg>.swiper-button-next,.swiper-infobg>.swiper-button-prev{width:100%;}
    .zpeijian>a>b{height:255px;}
    .swiper-menu{height:35vw;}
    .zother_video>a>b{height:200px;}
    .zser_left{width:210px;}
    .zser_right{width:calc(98% - 210px);}
    .zjiaocheng>a>b{height:180px;}

    /*定制*/
    .dz_banner{
        height: 49vw;
    }
    .dz_banner>.warpper>img{right:0;}
    .zmapbox>b{height:85px;}
    .zmapbox{width:260px;}
    .dz_text img{max-width:315px}
    .dz_text>h4{font-size:3rem}
    .zdz_ul>a>b{display:block;width:61%}
    .zdz_ul>a>div>h3{font-size:3rem}

    /*server*/
    .zser_ban>.warpper p {
        font-size: 3rem;
    }
    .zserver_type a>img {
        width: 50px;
        left:73%;
    }
    .zserver_type a span {
        width: 75%;
        display: block
    }
    .zserver_type a{
        height: 150px;
    }
    .zser_right>h3{font-size:2.8rem;}
    .zzhence p strong{font-size:1.8rem;}
    .zshouhou{padding:28px;}
    .zshouce_text>h3{font-size:2.8rem;}

    #zform>input{
        width: 49%;
    }
    #zform>.zcode{
        width: 49%;
    }
    .chosec_type label{
        margin-left: 13px;
    }

    /*company*/
    .zcompany_banner>img:first-of-type{width:315px;}
    .zcompany_banner>div{font-size:2.4rem;}


    /*NEWS*/
    .znews_cont01{height: 440px;}
    .znews_text>h4{font-size:2rem;}

    /*contact*/
    .zcontact_cont2 ul li{width:160px;height:160px;}
    .zcontact_cont2 li div>i{height:100px;}
    .zcontact_cont2 ul li:hover .zcont_after>p{margin-top:0;}




}
@media only screen and (max-width: 767px){
    .warpper, .mycontainer{width:94%!important;}
    .warpper2{width: 92%!important;}
    .hidden-xs{display:none!important;}
    html{font-size:60%;}

    .nav{
        height: 60px;
    }
    .mnavbar{
        top: 60px;
        height: calc(100% - 60px);
    }
    .banner{
        height: 96vw;
    }
    .ban_btn a{
        width: 97px;
    }
    .ban_btn a span{
        line-height: 34px;
    }
    .zpromain_03 .warpper2 li:last-of-type>b{
        margin-bottom: 0;
    }
    /*index*/
    .logo{height:76px;}
    .headfix>.warpper>a img{width: 180px;}
    .langchange{top:27px;}
    .headfix li{margin:0 6px;}
    .zheader_right>i{margin-right:9px;margin-left:7px;}
    .menu_left{width:480px;}
    .menu_right{width:calc(94% - 480px);}
    .menu_left>h2{font-size:2rem;line-height:62px;}
    .menu_right a h3{font-size:2.2rem;}
    .bannertext>h3{margin-top:10px;}
    .bannertext>h3 span,.bannertext>h3 {font-size:1.6rem;}

    .swiper-product{height:67vw;}
    .swiper-product img{margin:0 auto;width:70%;}
    .swiper-product .swiper-button-prev,.swiper-product .swiper-button-next{
        width: 35px;
        height: 35px;
        background-size: 100%;
    }
    .indexvideo{
        padding: 18vw 0;
    }
    .tel_ome{
        width: 45px;
        height: 45px;
    }
    .tel_ome i, .tel_ome i:before{
        width: 60px;
        height: 60px;
    }
    .tel_ome i:after{
        width: 70px;
        height: 70px;
    }
    .tel_ome>img {
        max-width: 42%;
    }

    .pro_text>h3{font-size:2.5rem;}
    .video_text>h4{font-size:2rem;    font-weight: normal;}
    .video_ul{
        flex-wrap: wrap;
    }
    .video_ul li small{
        font-size: 1.4rem;
    }
    .video_ul li h5{font-size:1.7rem;}
    .video_ul li{min-width: inherit;
        width: 43%;
        margin-top: 5vw;
    }

    .videoiconbg{height:30vw;}


    .peijian a:first-of-type{
        width: 100%;
        margin-bottom: 2vw;
        height: 109vw;
    }
    .peijian a:nth-of-type(2){
        margin-left: 0;
    }
    .peijian a:nth-of-type(2),.peijian a:nth-of-type(3){
         width: 49%;
     }
    .peijian a:last-of-type{
        width: 100%;
    }
    .peijian{height:initial;}
    .peijian a>div p{font-size:1.4rem;}
    .custom{
        flex-wrap: wrap;
    }
    .custom li{
        width: 100%;
        margin-top: 6vw;
    }
    .custom li>div>h3{font-size:2rem;}
    .custom li>small{
        width: 100%;
        height: inherit;
        margin-bottom: 2vw;
    }
    .custom li>div>span{font-size:6rem;}
    .peijian a>div i{
        width: 50px;
        line-height: 27px;
        height: 27px;
    }
    .peijian a:last-of-type>div{
        top:initial;
        bottom:0;
        width:100%;
        justify-content: space-between;
        display: flex;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        align-items: center;
    }
    .peijian a:last-of-type>div p {
        width: 80%;
        margin-bottom: initial;
    }

    .swiper-video3 .swiper-slide>p{
        font-size: 1.2rem;
        font-weight: normal;
    }
    .video2 .warpper{
        flex-wrap: wrap;
    }
    .video2 .warpper>div{
        width: 100%;
    }
    .video2 .warpper>div>img:first-of-type {
        width: 200px;
        margin:0 auto;
    }

    .videoiconbg2{

    }
    .video2 .warpper>div>h3{font-size:2rem;text-align: center;}
    .video2 .warpper>b{width:354px;height:165px;}
    .video2 .warpper>div>small{
        text-align: center;
    }
    .video2 .warpper>div>img:last-of-type{
        margin:0 auto;
        margin-bottom: 22vw;
    }
    .video2{
        background-attachment: inherit;
    }
    .fot_top{display:none;}
    .video2_playerbg{
        border-radius: 13px;
    }
    .video2 .warpper>b>img{    top: -50px;
        left: -11px;
        width: 554px;}
    .fot_mid_left ul li{margin-right:18px;}
    .swiper-video3{height:70vw;}
    .fot_mid{flex-wrap: wrap}
    .fot_mid_left{width:100%;}
    .fot_mid_right{width:100%;}
    .fot_mid_right>p{display:none;}
    .fot_mid_right>h3,.fot_mid_right>a{text-align: center}
    .zfooter .fot_mid_left>img{margin:4vw auto;}
    .fotbom>.warpper {
        height: 42px;
        justify-content: center;
    }
    .fot_mid_right>ul{width:100%;justify-content: center}
    .fot_mid_right>ul>li:last-of-type{
        margin-right: 0;}
    .fot_mid_left ul{display:none;}
    .zfotbom .warpper>a{display:none;}
    /*product*/
    .zpromain_04>img{max-width:85%;}
    .zpromain_03{margin-top:18vw;margin-bottom:15vw;}
    .zprobanner ul li{width:31%;}
    .swiper-zpro{
        height: 350px;
    }
    .swiper-zproicon{
        height: 100px;
    }
    .zproicon_cir>i{
        width: 26px;
        height: 26px;
    }
    .zproicon_cir>span{
        line-height: 26px;
        width: 57px;
        padding-right: 17px;
        font-size: 1.6rem;
    }
    .zprobanner ul li small{display:none;}

    .zprobanner ul li img {
        margin-right: 10px;
        width: 25px;
    }
    .zprobanner ul li h5 {
        font-size: 1.4rem;
    }
    .zpromain_02{
        flex-wrap: wrap;
    }
    .zpromain_02 li{
        width: 49%;
        text-align: center;
        margin-bottom: 3vw;
    }
    .zpromain_02 i:nth-of-type(2){
        display:none;
    }
    .zpromain_02 li>h4{
        font-size: 2.6rem;
    }
    .zpromain_02 li>small{
        font-size: 1.6rem;
    }
    .zpromain_03 .warpper2 li{
        flex-wrap: wrap;
    }
    .zpromain_03 .warpper2 li>div{width:100%;padding-top:4vw;
        padding-right:8%!important;
        padding-left:8%!important;
        padding-bottom: 4vw;}
    .zpromain_03 .warpper2 li:first-of-type>b{
        margin-top: 0;}
    .zpromain_03 .warpper2 li>div h4:before {
        left: 100%;
    }
    .zpromain_03 .warpper2 li:nth-of-type(even)>div h4:before {
        right: 100%;
    }
    .zpromain_03 .warpper2 li:nth-of-type(odd)>b{margin-right:0;}
    .zpromain_03 .warpper2 li:nth-of-type(even)>b{margin-left:0;order: 3;}
    .zpromain_03 .warpper2 li>b{width:100%;height:182px;}
    .zpromain_03 .warpper2 li>div h4{font-size:1.6rem;}
    .zbtn{
        width: 142px;
    }
    .zbtn span{line-height: 40px;font-size:1.4rem;}
    .zpromain_04{padding-top:11vw; background-size: auto;}
    .zpromain_04>h3,.zpromain_05>h3,.zpromain_06>div>h3{font-size:2rem;}
    .zpromain_04>small,.zpromain_05>small{
        font-size: 1.6rem;
        width:90%;
        margin:0 auto;
        display:block;
    }
    .zpro_jiegou_detail li>b{
        width: 15px;
        height: 15px;
    }
    .zpro_jiegou_detail li>b>i{
        width: 10px;
        height: 10px;
        margin: 2px auto;
    }
    .zpro_jiegou_detail li>div>div{
        width: 165px;
    }
    .zpro_jiegou_detail li:first-of-type {
        top: 19px;
    }
    .zpro_jiegou_detail li:nth-of-type(6){right:20%;}
    .zpro_jiegou_detail li:nth-of-type(6)>div{left:-263px;top: -143px;}
    .zpro_jiegou_detail li:nth-of-type(2)>div{left:-55px;}
    .zpro_jiegou_detail li:first-of-type>div{left: -266px;    top: -223px;}
    .zpro_jiegou_detail li:nth-of-type(5)>div{left: 34px;top: -231px;}
    .zpro_jiegou_detail li:nth-of-type(7)>div{left:-257px;}
    .zpro_jiegou_detail li:nth-of-type(4)>div{
        top: -227px;
        left: -155px;
    }
    .zpromain_05>ul>li>b{
        font-size: 1.4rem;
    }
    .zpromain_05>ul>li>span{
        text-align: right;
        font-size: 1.4rem;
    }
    .zproinfo_top,.zproinfo_top_left{
        flex-wrap: wrap;
    }
    .swiper-infobg{
        width: 100%;
        height: 72px;
        order:3;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display:flex;
        justify-content: space-between;
        align-items: center;
    }
    .swiper-infobg>.swiper-button-next, .swiper-infobg>.swiper-button-prev{
        width: 28px;
        height: 100%;
        border-radius: 0;
    }
    .swiper-infobg>.swiper-button-prev{
        margin-bottom: 0;
        margin-right: 10px;
    }
    .swiper-infobg>.swiper-button-next{margin-top:0;margin-left:10px;}
    .swiper-infobg>.swiper-button-prev:after, .swiper-infobg>.swiper-button-next:after{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .mylocation{
        line-height: 36px;
    }
    .zpromain_05>ul>li{
        width: 100%;
    }
    .infotit{
        font-size: 2.6rem;
    }
    .parm{padding:15px;}
    .parm li{
        width: 100%;
    }
    .zpeijian>a{
        float:none;
        width:100%;
        border-bottom: 1px solid #ddd;
        margin-bottom: 2vw;
        padding-bottom: 2vw;
    }
  .zpromain_05>ul>li:nth-of-type(2){
        border-top: none;
    }
    .zproinfo_top_left{width:100%;}
    .swiper-info{height:100%;}
    .zproinfo_top_right{width:100%;margin-top:8vw;}
    .swiper-pic{width:100%;height:73vw;order:2;}

    .zpromain_06>div>small{
        font-size: 1.2rem;
    }
    .zpromain_06{
        height: 70vw;
    }
    .zpeijian_ul a>div p,.zpeijian_ul2 a>div p{font-size:2.3rem;}
    .zproinfo_top_right>h2{font-size:2.6rem;}
    .zproinfo_top_right>p{font-size:3rem;}
    .zpeijian>a>b{height:255px;}
    .swiper-menu{height:35vw;}
    .zother_video>a>b{height: 31vw;}
    .zser_left{width:210px;}
    .zser_right{width:calc(98% - 210px);}
    .zjiaocheng>a>b{height:180px;}

    /*配件*/
    .zpeijian_ul a:nth-of-type(1){
        width: 100%;
        height: 66.5vw;
    }
    .zpeijian_ul a, .zpeijian_ul2 a{
        width: 49%;
        height: 42vw;
        border-radius: 10px;
    }
    .zpeijian_ul2 a:nth-of-type(even){
        margin-right: 0;
    }

    /*定制*/
    .dz_banner{
        height: 49vw;
    }
    .dz_text small{display:none;}
    .dz_banner>.warpper{overflow:visible}
    .dz_banner>.warpper>img{right:-73px; max-width: 70%;}
    .zmapbox>b>img{
        max-width: 100%;
    }
    .zmapbox>b{height:45px;width:100%;}
    .zmapbox{
        bottom:0;
        left:0;
        top:initial;
        width: 100%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        z-index: 10000;
    }
    .dz_text img{max-width:190px;margin-left: -9px;}
    .dz_text>h4{font-size:2rem}
    .zdz_ul>a>b{display:block;width:50%}
    .zdz_ul>a>div>h3{font-size:2.6rem}
    .zdz_ul>a{float:none;width:100%;}
    .cir_btn{
        width: 120px;
        line-height: 35px;
    }
    .cir_btn span{
        font-size: 1.5rem;
    }
    .zmapbox>div{
        padding:10px;
    }
    .zmapbox>div>ul li{
        margin-top: 5px;
    }

    /*server*/
    .zser_ban{
        height: 41vw;
    }
    .zser_ban>.warpper p {
        font-size: 2.3rem;
    }
    .zser_ban>.warpper small {
        font-size: 1.6rem;
    }
    .zserver_type a>img {
        width: 39px;
    }
    .zserver_type a>img{
        left:73%;
    }
    .zserver_type a span {
        width: 75%;
        display: block;
        font-size: 1.2rem;
    }
    .zserver_type a p{
        font-size: 2rem;
    }
    .zserver_type a{
        height: 130px;
        width: 49%;
    }
    .zserver_type a:nth-of-type(3n){
        margin-right: 2%;
    }
    .zserver_type a:nth-of-type(2n){
        margin-right: 0;
    }

    .zser_right>h3{font-size:2.8rem;}
    .zzhence p strong{font-size:1.8rem;}
    .zshouhou{padding:15px;}
    .zshouce{
        flex-wrap: wrap;
    }
    .zshouce_text{
        width: 100%;
    }
    .zshouce>img{
        max-width: 100%;
        margin:0 auto;
    }
    .zshouce_text>h3{font-size:2.8rem;}
    #zform .zsubmit{
        justify-content: space-between;
    }
    #zform .zsubmit input{
        width: 49%;
        margin-right: 0;
    }

    .zser_left{
        width:100%;
        border-bottom: 1px solid #ddd;
        margin-bottom: 4vw;
        padding-bottom: 4vw;
    }
    .zser_left a{
        float:left;
        width: 49%;
        padding-left: 15px;
        margin-bottom: 13px;
    }
    .zser_video>h3 {
        font-size: 2rem;
    }
    .zquestion>div>p{
        font-size: 1.6rem;
    }
    .zser_video_desbg,.zser_video_des{
        flex-wrap: wrap;
    }
    .zser_video_des{
        width: 100%;
    }
    .zser_video_desbg>a{
        margin-right: 0;
        margin-left: auto;
    }
    .zother_video>a{
        width: 49%;
    }
    .zother_video>a:nth-of-type(3n){margin-right:2%;}
    .zother_video>a:nth-of-type(2n){
        margin-right: 0;}
    .zser_video_des>b,.zser_video_des>span{
        margin-bottom:2vw;
    }
    .zjiaocheng>a{
        width: 49%;
    }
    .zjiaocheng>a:nth-of-type(3n){
        margin-right: 2%;
    }
    .zjiaocheng>a:nth-of-type(2n){
        margin-right: 0;
    }
    .zzhence{
        padding:20px;
    }
    .zser_right{
        float:none;
        width:100%;
    }
    #zform>input{
        width: 100%;
    }
    #zform>.zcode{
        width: 100%;
    }
    .chosec_type label{
        margin-left: 0;
    }
    .zcoopformbg form>input[type=submit]{
        width: 100%;
        font-size: 1.6rem;
        line-height: 35px;
    }

    /*company*/
    .zcompany_banner>img:first-of-type {
        width: inherit;
        max-width: 46%;
    }
    .zcompany_banner>img:nth-of-type(2){
        width: 23px;
    }
    .zcompany_banner>div{font-size:1.5rem;}

    .zcompanylist ul li{
        width: 100%;
    }
    .zcompany_cont>div{
        flex-wrap: wrap;
        height: initial;
        padding:5vw 3vw;
    }
    .zcompany_cont>div>h5{
        width: 100%;
    }
    .zcompany_cont>div>small{
        width: 100%;
    }

    /*coop*/
    .zcoop_list{
        height: 73vw;
    }
    .zcoopformbg>form h1{
        font-size: 2.2rem;
    }
    .zcoopformbg>form>input{
        width: 100%;
    }
    .zcoopformbg .zcode{
        width: 100%;
    }
    .chosec_type{
        width: 100%;
    }



    /*NEWS*/
    .znews_cont01{height: 440px;}
    .znews_text>h4{font-size:1.8rem;}
    .znews_cont02 .swiper-znews a h4{
        font-size: 1.6rem;
    }

    .znewsinfo_right{
        display:none;
    }
    .znewsinfo_left{
        width: 100%;
        padding-right: 0;
        border-right: none;
    }
    .znewsinfo_left>h3{
        font-size: 1.8rem;
    }
    /*contact*/
    .zcontact_cont2 ul li{width:105px;height:105px;    margin: 3vw 6px;}
    .zcontact_cont2 li div.zcont_before>i{height:31px;margin-bottom:24px;}
    .zcontact_cont2 {
        padding: 15vw 0;
    }
    .zcontact_cont2 li div.zcont_before>i>img{
        width: 40%;
        margin:0 auto;
    }
    .zcontact_cont2 li div.zcont_after>i {
        height: 67px;
        margin-top: 12px;
    }
    .zcontact_cont2 li div>p,.zcontact_cont2 li div>p{
        font-size: 1.5rem;
    }
    .zcontact_cont2 ul li:hover .zcont_after>p{margin-top:0;}
    .zcontactbg>i{
        width:100%;
        height: 230px;
        bottom:0;
        top:initial;
        background: transparent;
        background: -moz-linear-gradient(90deg, #1e1f24, transparent);
        background: -webkit-linear-gradient(90deg,#1e1f24,transparent);
        background: -o-linear-gradient(90deg, #1e1f24, transparent);
    }
    .zcontactbg .warpper{
        position:absolute;
        left:0;
        bottom:4vw;
        width:100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding:3vw;
        z-index: 1000;
    }
    .zcontactbg .warpper>h3{
        font-size: 2.2rem;
    }
    .zcontactlogo{
        padding:5px;
    }
    .zcontactbg{
        height: 410px;
    }
    .zcontact_cont2>h3{
        font-size: 2.2rem;
        margin-bottom: 5vw;
    }
    .zcontact_cont2 ul{
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .zcontact_cont2 ul li>b img {
        width: 40px;
    }
    .zcontactbg .warpper>ul li{
        margin-top: 5px;
        font-size: 1.6rem;
    }
    .zcontactlogo>img{
        width: 75px;
    }
    .amap-icon img{
        width: 26px;
    }






    .bannertext>img{
        width: 156px;
    }

    .zinfomation li>a{
        flex-wrap: wrap;
    }
    .zinfomation li>a b{
        width: 100%;
        height: 58vw;
    }
    .zinfomation li>a>div{
        width: 100%;
        margin-top: 3vw;
    }
    .zinfomation li:hover a>div{
        padding-left: 0;
    }




    }
