@charset "UTF-8";

/* CSS Document */
@media screen and (max-width:1920px){
    .zSolve .solveBox .hd{right:160px;bottom:60px;}
    .zHead .box .tel_show{right:260px;}
}
@media screen and (max-width:1440px){
    /* .zHead .box .nav{padding-left:166px;} */
    .zSolve .solveBox li .txt h3{font-size:40px;left:100px;top:70px;}
    .zSolve .solveBox li .wz{width:680px;font-size:14px;padding:30px 40px 25px;left:-80px;top:160px;}
    .zSolve .solveBox .hd{right:120px;bottom:50px;}
    .zNews ul li .box a .conBox h3{font-size:16px;}
    .zNews ul li .box a .conBox .txt{line-height:28px;font-size:13px;padding-top:10px;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;}
    .zHead .box .tel_show{right:0;}
}
@media screen and (max-width:1300px){
    /* .zHead .box .nav li{margin-left:33px;} */
    .zSolve .solveBox li .txt h3{font-size:30px;left:80px;top:60px;}
    .zSolve .solveBox li .wz{width:650px;padding:25px 30px;top:140px;}
    .zSolve .solveBox .hd{right:70px;bottom:30px;}
    .zNews ul li .box a .conBox h3{padding-top:10px;}
    .zNews ul li .box a .conBox .txt{font-size:12px;line-height:24px;}
    .zAbout ul li h3{font-size:20px;}
    .zAbout ul li p{line-height:24px;font-size:13px;}
    .pageCont{padding:40px 20px;}
    .boxfeed .f_form .inpuText{width:283px;}
    .newsList ul li .box a .conBox .time{padding-top:10px;}
    .newsCont .contBox,.miAnq ul,.miShare ul{width:100%;}
    .newsCont .contBox .box{margin:0 20px;}
    .zWisProd{padding:40px 10px;}
    .zWisProd ul,.solveYd,.solveGL .box,.solveGL1 .box,.miMade ul{width:100%;}
    .solveYs .box{width:100%;padding:0 20px;}
    .solveLc{width:100%;padding:60px 20px;}
    .solveLc .box ul li{width:180px;}
    .solveGL,.solveGL1{padding-left:20px;padding-right:20px;}
    .miShare ul li{padding:0 20px;}


}
@media screen and (min-width:1024px){
.solveTit p span {
    padding: 0 50px;
}
}
@media screen and (max-width:1300px){
.zHead .box .lj{    display: none;
}

.right{
    display: none!important;
}
.phonebanes{
    display: flex!important;
}
.zHead{width:100%;height:68px;position: fixed;left:0;top:0;background:#fff;box-shadow: 0px 0px 3px #ccc;z-index:11}

.swiper-slide-phone{
    width: 100%!important;
}
}


@media screen and (min-width:1780px) {
    .zHead .box .nav li .navbox{display:none;width:100%;min-width:1920px;position:absolute;top:68px;background:rgba(255,255,255,.95);padding:50px 0;overflow:hidden;}
}
@media screen and (max-width:1024px){




    .zHead .box .nav{padding-left:15px;}
    .zHead .box .nav li{margin-left:26px;}
    .zProd ul li{width:50%;margin:15px 0;}
    .zHead .box .tel{margin-left:30px;}
    .zHead .box .tel_show{opacity:0;}
    .zSolve .solveBox li .txt h3{font-size:24px;left:40px;top:40px;}
    .zSolve .solveBox li .wz{width:100%;padding:25px 30px;top:100px;line-height:24px;font-size:13px;}
    .zSolve .solveBox li .wz span{padding-top:10px;}
    .zSolve .solveBox .hd{right:80px;bottom:15px;}
    .zSolve .solveBox .hd a{width:30px;height:30px;}
    .zAbout .box{width:100%;padding:40px 25px 0;line-height:34px;}
    .zAbout .box a{margin:60px auto 0;}
    .zAbout ul{padding-top:60px;overflow:hidden;}
    .zAbout ul li{width:33.333333%;padding-top:0;}
    .zAbout ul li p{font-size:14px;}
    .zNews ul li .box a .conBox .txt{line-height:24px;font-size:12px;padding-top:10px;-webkit-line-clamp:1;}
    .zNews ul li .box a .conBox .time{padding-top:10px;}
    .zTitle span{font-size:30px;}
    .kefu-box{display:none;}
    #dituContent{height:400px;}
    .boxfeed .f_form .inpuText{width:100%;float:none;margin:0 0 15px;}
    .boxfeed .f_form .inputTextarea{height:180px;margin-top:0;}
    .pageNav .box{min-height:auto;}
    .pageNav .box .cur{line-height:40px;}

    .newsList ul li .box a .conBox h3{padding-top:0;font-size:16px;}
    .newsList ul li .box a .conBox .txt{line-height:22px;padding-top:10px;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;}
    .newsCont .contBox .box{padding:30px;}
    .newsCont .contBox .box .title{font-size:20px;}
    .newsCont .contBox .box .msg span:last-child{width:100%;display:block;margin-top:5px;}
    .newsCont .contBox .box .nbox{padding:20px 0;line-height:30px;font-size:14px;}
    .pageCont .contBox img{float:none;padding-right:0;width:100%;padding-bottom:20px;}
    .zWisdom,.zstand{padding:40px 20px;}
    .zstand{width:100%;}
    .solveYs .box ul.bx1,.solveYs .box ul.bx2{float:none;}
    .solveYs .box{margin-top:60px;}
    .solveYs .box .ig{position: static;left:auto;top:auto;padding-bottom:40px;}
    .solveYs .box ul{width:100%;}
    .solveYs .box ul li{width:50%;float:left;}
    .solveSbys .box{width:100%;padding:50px 20px 0;}
    .solveLc .box ul li{width:50%;margin:0 0 30px;}
    .solveLc .box ul li:after{display:none;}
    .solveLc .box1 ul{background-size:100%;}
    .solveLc .box1 ul{height:360px;}
    .solveLc .box1 ul li{font-size:18px;}
    .solveBoxpage ul li{padding-left:0;padding-right:0;width:25%;}
    .solveYs .box ul li h3{font-size:20px;}
    .solveYs .box ul li p{font-size:14px;}
    .solveSbys .box img{width:360px;}
    .solveSbys .box p{font-size:18px;padding-top:10%;}
    .solveBoxpage{padding-top:40px;}
    .solveSbys{padding:40px 0;}
    .solveLc .box1 ul li{font-size:16px;}
    .solveLc .box1 ul{max-height:240px;padding-top:30px;}
    .solveLc .box1 ul li.bx1{padding-top:5%;}
    .solveLc .box1 ul li.bx2{padding:9% 20px 0;}
    .solveLc .box1 ul li.bx3{padding-top:7%;}
    .solveLc .box1 ul li.bx4{padding-top:11%;}
    .solveYs,.solveLc{padding:40px 0;}
    .solveGL .box img{padding-right:100px;}
    .solveYd li p{font-size:14px;}
    .prodList li .box .txt .bx{position:static;width:auto;top:0;transform:translateY(0);}
    .prodList li.lb1 .box .txt .bx{left:auto;padding-right:0;}
    .prodList li.lb2 .box .txt .bx{right:0;padding-left:0;}
    .paPartner .box ul li .wz{padding-left:54%;}
    .paPartner .box ul li .wz2,.paPartner .box ul li .wz4{padding-right:54%;padding-left:0;}

    .yangshi{
        margin-left: 0px; }
    .zProd .bd{width: 100%;   padding:45px 20px 0;overflow:hidden;    margin-left: 0%;}

    .yamhjg{ width: 80%; margin-left: 10%; display: flex;  flex-direction: row;  justify-content: space-between; flex-wrap: wrap;}

    .col-lg-20 {
        position: relative;
        min-height: 1px;
        /* padding-right: 15px;
        padding-left: 15px */
        width: 45%;
    }
}

@media screen and (max-width:1500px){
    /* .zHead .box .nav{display:none;} */
    .zHead .box .mbtn{display:block;}
    .zProd ul{padding-left:10px;padding-right:10px;}
    .zSolve .solveBox li .txt h3{font-size:20px;left:30px;top:24px;}
    .zSolve .solveBox li .wz{top:70px;left:0;bottom:0;padding:20px;line-height:22px;font-size:12px;}
    .zSolve .solveBox li .wz span{text-align:left;}
    .zSolve .solveBox .hd{right:15px;bottom:15px;}
    .zAbout ul li p{font-size:14px;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;}
    .zAbout .box{padding:40px 20px 0;line-height:32px;}
    .zAbout ul li{padding:0 20px 60px;}
    .zCase ul{padding:40px 10px 0;}
    .zCase ul li a{margin:0 10px;}
    .zCase ul li a span{height:40px;line-height:40px;font-size:14px;}
    .zNews{padding-bottom:40px;}
    .zNews ul li{width:100%;}
    .zNews ul li .box{margin-left:0;margin-right:0;}
    .zNews ul li .box a .conBox .txt{-webkit-line-clamp:3;}
    .zFoot .box .nav{text-align:center;font-size:14px;line-height:60px;margin-bottom:25px;}
    .zFoot .box .nav em{padding:0 10px;}
    .zFoot .box h3{font-size:18px;}
    .zFoot .box .rwm{width:25%;}
    .pageCont{padding:40px 10px;}
    .boxlx,.pageCont .contBox,.culBox{padding:0 10px;}
    .boxfeed{padding:40px 10px 0;}
    .boxlx .box,.boxlx .rwm{width:100%;float:none;}
    .boxlx .rwm{padding-top:30px;padding-bottom:30px;border-bottom:1px solid #ddd;overflow: hidden;}
    .boxlx .rwm span{padding:0 20px;text-align:center;}
    .boxlx .rwm span img{display:block;width:100%;}
    #dituContent{display:none;}
    .newsList ul li,.downList li{width:100%;float:none;}
    .newsList ul li .box{margin:0 10px 20px;}
    .newsList ul li .box a .conBox h3{padding-top:10px;}
    .newsList ul li .box a .conBox .txt{padding-top:15px;}
    .newsCont .contBox .box .page p.pl,.newsCont .contBox .box .page p.pr{width:100%;float:none;text-align:left;padding-bottom:10px;}
    .culBox .wh,.culBox .wz{width:100%;float:none;padding:0;}
    .culBox .wz .t{margin-top:20px;padding:30px 0;background:#f2f2f2;}
    .zstand ul{padding-top:30px;}
    .zstand ul li{width:100%;background:#F5F5F5;margin:10px 0;overflow: hidden;}
    .zstand ul li.rj1,.zstand ul li.rj2{padding:30px;float:none;}
    .zWisProd{background-size:auto 100%;}
    .zWisProd ul li{width:50%;margin:10px 0;}
    .solveYd li{width:33.33333%;}
    .solveGL .box,.solveGL1 .box{text-align:center;}
    .solveGL .box img,.solveGL1 .box img{float:none;padding-right:0;}
    .solveGL .box h3,.solveGL1 .box h3{padding-top:30px;font-size:24px;}
    .solveGL .box h3 span{font-size:16px;}
    .miShare ul li{text-align:center;}
    .miShare ul li img{float:none;}
    .miAnq ul li{width:50%;padding:20px 0;}
    .miMade ul li{width:50%;padding:20px;}
    .miMade ul li p{line-height:24px;}

    .prodShow{padding:0 10px;}
    .prodShow .ti,.prodShow .prodXian .ti{font-size:30px;}
    .prodShow .prodSlide{margin-top:30px;height:500px;}
    .prodShow .prodSlide .swiper-container{height:500px;}
    .prodShow .prodXian{padding-top:30px;}
    .prodShow .page p{width:100%;}
    .prodShow .page p.pr{text-align:left;padding-left:0;}
    .swiper-button-next,.swiper-button-prev{display:none;}
    .paPartner .box .boxline,.paPartner .box ul li .lineh{left:20px;}
    .paPartner .box ul li .wz{padding-left:45px;}
    .paPartner .box ul li .wz{padding-right:0;}
    .paPartner .box ul li .wz .z{text-align:left;line-height:24px;}
    .paPartner  p{text-align:left;padding-left:45px;}
    .paPartner .box ul li .wz2, .paPartner .box ul li .wz4{text-align:left;}
}

@media screen and (max-width:670px){


            .prodList li{padding:40px 0;width:50%;float:left;}
    .prodList li:nth-child(3){background:#f5f5f5!important;}
    .prodList li:nth-child(4){background:#fff!important;}
    .prodList li .box .pic,.prodList li .box .txt{width:100%;}
    .prodList li .box .pic img{width:100%!important;}
    .prodList li.lb1 .box .pic,.prodList li.lb2 .box .pic{padding:0;}
    .prodList li .box .txt{padding-top:30px;}
    .prodList li .box .txt h2{font-size:30px;}
    .prodList li .box .txt .js{padding-top:20px;font-size:16px;}
    .prodList li .box .txt a{width:160px;height:40px;line-height:38px;margin-top:20px;}
    .image1{width: 100%;  margin-left: 0%;}
    .zSlide .hd{bottom:20px;}
    .zSlide .prev,.zSlide .next{display:none;}
    .zFoot .box .nav,.zFoot .box .rwm{display:none;}
    .zFoot .box h3{padding-top:40px;}
    .zFoot .box .copy{float:none;width:100%;font-size:14px;line-height:28px;}
    .zTitle span{font-size:26px;}
    .zProd ul{padding-top:30px;}
    .zProd,.miMade{padding:40px 0;}
    .zProd ul li{width:100%;}
    .zSolve .solveBox li .pic,.zSolve .solveBox li .txt{width:100%;}
    .zSolve .solveBox li .wz{line-height:26px;}
    .zAbout{padding-top:40px;background-size:cover;background-position:50%;padding-bottom:20px;}
    .zAbout ul li,.zCase ul li{width:100%;}
    .zAbout ul li{padding:25px 20px;}
    .zCase ul li{margin-bottom:30px;}
    .zCase{padding:40px 0 10px;}
    .zNews ul li .box a .conBox h3{padding-top:1px;}
    .zNews ul li .box a .conBox .txt{-webkit-line-clamp:1;padding-top:8px;}
    .zNews ul li .box a .conBox .time{font-size:12px;text-align:left;}
    .zNews ul li .box{margin-bottom:15px;}
    .newsList ul li{width:100%;float:none;}
    .newsList ul li .box a{padding:15px;}
    .newsList ul li .box a .conBox h3{padding-top:5px;font-size:14px;}
    .newsList ul li .box a .conBox .txt{-webkit-line-clamp:1;padding-top:8px;font-size:12px;}
    .newsList ul li .box a .conBox .time{font-size:12px;padding-top:5px;}
    .newsCont .contBox .box{padding:30px 20px;}
    .parList li{width:33.333333%;}
    .downList li a{padding:15px;}
    .swiper-container-horizontal .swiper-pagination-bullets{bottom:10px;}
    .swiper-button-next,.swiper-button-prev{width:20px;height:34px;background-size:100% 100%;}
    .swiper-button-next{right:0;}
    .swiper-button-prev{left:0;}
    .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px!important;}
    .swiper-pagination-bullet:after{height:8px;}
    .zWisProd ul li{width:100%;}
    .solveBoxpage ul li{padding:20px 0; width: 33.33%;}
    .dfggh{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    
    .solveBoxpage ul li a span{width:30px;height:34px;background-size:100% 100%;margin:0 auto 10px;}
    .solveTit{height:200px;background-size:auto 100%;}
    .solveTit h3{font-size:24px;padding-top:10%;}
    .solveTit p{font-size:14px;padding:7% 0px;}
    .solveYs .box ul li{width:100%;}
    .solveSbys .box img{width:100%;float:none;}
    .solveSbys .box p{width:100%;padding-top:20px;}
    .solveLc .box, .solveLc .box1{padding:40px 10px 0;}
    .solveLc .box ul li{padding:0 10px;}
    .solveLc .box ul li p{font-size:14px;}
    .solveLc .box1 ul{background:none;height:auto;max-height:auto!important;margin-top:0;}
    .solveLc .box1 ul li{width:100%;background:#f5f5f5;text-align:left;padding:10px 0 10px 20px!important;margin-bottom:10px;}
    .solveYd li,.miAnq ul li,.miShare ul li{width:50%;float:none;}
    .miShare,.miAnq{padding:40px 20px;}
    .miShare ul li{padding-bottom:20px;}
    .miMade ul li{width:100%;float:none;}
    .prodList li{padding:40px 0;width:100%;float:none;}
    .prodList li:nth-child(3){background:#fff!important;}
    .prodList li:nth-child(4){background:#f5f5f5!important;}
    .zFootMenu{width:100%;height:50px;line-height:50px;text-align:center;background:#353535;position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;display:block;}
    .zFootMenu a{width:33.33333%;display:block;overflow:hidden;text-align:center;float:left;font-size:16px;color:#fff;position:relative;}
    .zFootMenu a img{width:30px;padding-right:10px}
    .zFootMenu a ~ a:before{content:"";position:absolute;left:0;top:50%;margin-top:-5px;height:10px;border-left:1px solid #a0a0a0;opacity:0.5;}
    .tan{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);display: none;z-index:9147483646}
    .tan .box{width:300px;height: auto;overflow: hidden;background-color: #fff;border-radius: 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    .tan .box .form{position: relative;width: 100%;height: 100%;padding: 40px 50px;text-align: center;overflow: hidden;}
    .tan .box .form span.close{position: absolute;right: 16px;top: 5px;font-size: 14px;display: block;cursor: pointer;height: 8px;width: 8px;color: #b0b8bf;}
    .tan .box .form span:hover{color: #808492;}
    .tan .box .form form input{display: block;width: 100%;outline-style: none;height: 38px;margin-bottom: 10px;border-radius: 3px;border:1px solid #ccc;padding: 0 10px;}
    .tan .box .form h3{font-size: 18px;
        color: #333437;font-weight: normal;margin-bottom: 8px;}
    .tan .box .form p{overflow:hidden;}
}
@media screen and (max-width:480px){
    .prodShow .prodSlide,.prodShow .prodSlide .swiper-container{height:300px;}
        .prodShow .ti,.prodShow .prodXian .ti{font-size:24px;}
}
@media screen and (max-width:414px){
    .parList li{width:50%;}
    .parList li a span i{font-size:16px;}
    .downList li a .zl p{font-size:12px;}
    .zstand ul li.rj1, .zstand ul li.rj2{padding:35px 20px;text-align:center;}
    .zstand ul li.rj1 img,.zstand ul li.rj2 img{float:none;padding:0;}
    .zstand ul li h3{font-size:18px;}
    .solveBoxpage ul li a{font-size:18px;}


}
@media screen and (max-width:320px){
    .zHead .box .tel,.zHead .box .mbtn{margin-left:10px;}
    .zTitle{padding:0 20px 20px}
    .solveBoxpage ul li a{font-size:16px;}
     .prodShow .prodSlide,.prodShow .prodSlide .swiper-container{height:250px;}

}