#page {
    background: #f5f5f5!important;
}

.zp-solution {
    width: 1174px;
    margin: 0 auto;
}

.zp-solution-zro {
    margin-top:50px;
    text-align: center;

    font-weight:600;
}

.zp-solution-zro .tit1 {
    text-transform: uppercase;
    font-size: 27px;
    color: #2a2a2a;
}

.zp-solution-zro .tit2 {
    font-size: 14px;
    color: #777;
    padding-top: 20px;
    font-weight:400;
    position:relative;
    display:inline;
}
.zp-solution-zro .tit2::before,.zp-solution-zro .tit2::after{content:'';width:40px;height:1px;background:#afafaf;position:absolute;top:31px;}
.zp-solution-zro .tit2::before{left:-60px;}
.zp-solution-zro .tit2::after{right:-60px;}

.zp-solution-one {
    background: url(/skin/zp/file20241207/xx.jpg) no-repeat;
    background-size: contain;
    height: 501px;
    margin-top: 42px;
    display: flex;
    justify-content: space-between;
    width: 1170px;
    border: 1px #dcdcdc solid;
}

.zp-solution-one img:nth-child(1) {
    width: 710px;
    height: 412px;
    margin-top: 45px;
}

.zp-solution-one img:nth-child(2) {
    width: 444px;
    height: 233px;
    margin-top: 130px;
}

.zp-solution-senven {
    margin-top: 50px;
}

.zp-solution-senven .tit {
    font-size: 26px;
    color: #039846;
    font-style: italic;
    font-weight:600;
    text-decoration: underline;
}

.zp-solution-senven ul,.zp-solution-six ul {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap:wrap;
}
.zp-solution-six ul{margin-top:0;}
.zp-solution-senven ul li,.zp-solution-six ul li {
    width: 32%;
}
.zp-solution-six ul li{margin-top:20px;}
.zp-solution-six ul::after{content:'';width:32%;}

.zp-solution-senven ul li .box,.zp-solution-six ul li .box{background: #fff;padding:20px 25px;}

.zp-solution-senven ul li::after,.zp-solution-six ul li::after {
    content: '';
    background: url(/skin/zp/file20241207/indu_bg.jpg) no-repeat;
    background-size: cover;
    height:16px;
    display:block;
}

.zp-solution-senven ul li h3,.zp-solution-six ul li h3 {
    font-size: 16px;
    color: #2c2c2c;
    font-weight:600;
}

.zp-solution-senven ul li p,.zp-solution-six ul li p {
    font-size: 14px;
    line-height: 26px;
    color: #2a2a2a;
    margin:0;
}
.zp-solution-senven ul li p{margin:0;}
.zp-solution-senven ul li p::before{content:'';width:8px;height:8px;background:#6bc94d;display:inline-block;margin-right:12px;}
.zp-solution-two .tit,.zp-solution-nine .tit{  
     font-size: 26px;
    color: #039846;
    font-style: italic;margin-top:40px;text-decoration: underline;text-transform: uppercase;font-weight:600;padding-bottom:40px;}
.zp-solution-nine ul li{margin-top:20px;}
.zp-solution-two h3,.zp-solution-nine h3{font-size:26px;color:#2a2a2a;}
.zp-solution-two h3::before{content:'';background:url(/skin/zp/file20241207/g.png) no-repeat;background-size:contain;width:22px;height:18px;display:inline-block;margin-right:12px;}
.zp-solution-two p,.zp-solution-nine p{margin-left:26px;}
.zp-solution-three{background:url(/skin/zp/file20241207/industry_description_bg.jpg) top center no-repeat;width:100%;height:375px;margin-top:50px;text-align: center;}
.zp-solution-three h3{color:#fff;font-size:28px;padding-top:105px;font-weight:600;}
.zp-solution-three p{width:1200px;margin:0 auto;color:#fff;max-height:258px;overflow: hidden;}

/* .zp-solution-nine h3:nth-child(1)::before{content:'';background:url(/skin/zp/file20241207/Power_Equipment.png) no-repeat;background-size:contain;display:inline-block;width:40px;height:40px;vertical-align: middle;margin-right:16px;}
.zp-solution-nine h3:nth-child(3)::before{content:'';background:url(/skin/zp/file20241207/Pneumatic_system_control.png) no-repeat;background-size:contain;display:inline-block;width:40px;height:40px;vertical-align: middle;margin-right:16px;}
.zp-solution-nine h3:nth-child(5)::before{content:'';background:url(/skin/zp/file20241207/Provide_air.png) no-repeat;background-size:contain;display:inline-block;width:40px;height:40px;vertical-align: middle;margin-right:16px;}
.zp-solution-nine h3:nth-child(7)::before{content:'';background:url(/skin/zp/file20241207/Conveying_and_transportation.png) no-repeat;background-size:contain;display:inline-block;width:40px;height:40px;vertical-align: middle;margin-right:16px;}
.zp-solution-nine h3:nth-child(9)::before{content:'';background:url(/skin/zp/file20241207/Wastewater_treatment.png) no-repeat;background-size:contain;display:inline-block;width:40px;height:40px;vertical-align: middle;margin-right:16px;}
.zp-solution-nine h3:nth-child(11)::before{content:'';background:url(/skin/zp/file20241207/Cleaning.png) no-repeat;background-size:contain;display:inline-block;width:40px;height:40px;vertical-align: middle;margin-right:16px;} */
.zp-solution-nine p{margin-left:60px;}
.zp-solution-six{margin-top:50px;}
.zp-solution-six .tit,.zp-solution-eight .tit{font-size:26px;color:#039846;text-decoration: underline;font-style: italic;font-weight:600;}
.zp-solution-six .wenzi{color:#2a2a2a;font-size:14px;padding-top:20px;}
.zp-solution-five{display:flex;justify-content: space-between;box-shadow:0 0  10px #ddd;margin-top:50px;}
.zp-solution-five .ad-left{background:#009a44;width:743px;height:168px;color:#fff;font-size:24px;display:flex;align-items: center;justify-content: center;}
.zp-solution-five .ad-right{background:#dbf1e5;width:431px;height:168px;display:flex;align-items: center;justify-content: center;}
.zp-solution-five .ad-right button{background:url(/skin/zp/file20241207/Make_an_Enquiry_01.png) no-repeat;background-size:contain;width:200px;height:59px;border:none;display:flex;align-items: top;justify-content: left;padding:15px;}
.zp-solution-five .ad-right button a{color:#fff;font-size:16px;}
.zp-solution-five .ad-right button span{margin-top:15px;margin-left:20px;}
.zp-solution-five .ad-right button:hover{background:url(/skin/zp/file20241207/Make_an_Enquiry_02.png) no-repeat;cursor: pointer;}
.zp-solution-eight{margin-top:50px;}
.zp-solution-eight ul{margin-top:30px;display:flex;justify-content: space-between;flex-wrap:wrap;} 
.zp-solution-eight ul li{width:50%;border-left:1px #ddd dashed;border-top:1px #ddd dashed;box-sizing:border-box;} 
.zp-solution-eight ul li:nth-child(1){border-left:none;border-top:none;}
.zp-solution-eight ul li:nth-child(2){border-top:none;}
.zp-solution-eight ul li:nth-child(3){border-left:none;}
.zp-solution-eight ul li .box{padding:20px 25px;}

.zp-solution-eight ul li span{color:#009a44;font-size:20px;} 
.zp-solution-eight ul li h3{color:#2a2a2a;font-size:16px;font-weight:600;} 
.zp-solution-eight ul li{color:#2a2a2a;font-size:14px;line-height:26px;} 
.zp-solution-videos{padding:50px 0;background:#fff;position:relative;}

.zp-solution-videos .swiper-container {
    margin-top:30px;
    padding-bottom:40px;
}
.zp-solution-videos .swiper-slide {
    width:978px;
    height:452px;
    margin-top:50px;
    transition-timing-function:linear;
}
@media only screen and (max-width:1200px){
    .zp-solution-videos .swiper-slide {
        width:770px;
    }
}
@media only screen and (max-width:980px){
    .zp-solution-videos .swiper-slide {
        
        height:522px;
    }
}
@media only screen and (max-height:480px){
    .zp-solution-videos .swiper-slide {
        width:471px;
    }
}
.zp-solution-videos .swiper-slide.swiper-slide-active{height:546px;width:964px;margin-top:-1px;}
.zp-solution-videos .swiper-slide .box{
    width:100%;
    height:100%;
    border-radius: 34px;
    background-repeat:no-repeat;
    background-size:cover;
    overflow: hidden;
    position:relative;
    
}
.zp-solution-videos .swiper-slide .box::before{content:'';background:url(/skin/zp/file20241207/video-play.png) no-repeat;background-size:contain;width:170px;height:170px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99;}
.zp-solution-videos .swiper-slide .box::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .3);z-index:98;}
.zp-solution-videos .swiper-slide .box .title{color:#fff;font-weight:600;font-size:20px;position:absolute;bottom:85px;left:50%;transform:translateX(-50%);z-index:99;height:24px;overflow: hidden;}
.zp-solution-videos .swiper-slide .box .descr{color:#fff;font-size:14px;position:absolute;bottom:55px;left:50%;transform:translateX(-50%);z-index:99;height:18px;overflow: hidden;}
.zp-solution-videos .swiper-slide .box .url{display:none;}


    .zp-solution-videos .swiper-button-next, .zp-solution-videos .swiper-button-prev{bottom:30px;top:auto;}
    .zp-solution-videos .swiper-button-next{
    background-image:url(/skin/zp/file20241207/jiantou.png);background-repeat:no-repeat;background-size:contain;transform:scaleX(-1);right:25%;width:42px;}
    .zp-solution-videos .swiper-button-prev{
    background-image:url(/skin/zp/file20241207/jiantou.png);background-repeat:no-repeat;background-size:contain;left:25%;width:42px;}	
    .swiper-button-prev:after, .swiper-button-next:after{content:''}
    .zp-solution-videos .swiper-pagination-bullet{
    background:none;
    opacity:1;
    margin:0 6px !important;
    position:relative;
    outline:none;
    vertical-align:middle;
    width:8px;
    height:8px;  padding:8px;
    bottom:40px;
}

    .zp-solution-videos .swiper-pagination-bullet span{
    width:8px;
    height:8px;
    background:#009843;
    display:block;
    border-radius:50%;
    margin-top:-4px;
    margin-left:-4px;
 
}
/* .zp-solution-videos .swiper-pagination-bullet i{
    background:#000;
    height:1px;
    width:20px;
    position:absolute;
    top:4px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
    } */
    .zp-solution-videos .swiper-pagination-bullet-active,.swiper-pagination-bullet:hover{border:3px #009843 solid;}
    .zp-solution-videos .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
    width:8px;
    height:8px;

    background:#009843;
    position:relative;
    z-index:1;
    }
    .zp-solution-videos .swiper-pagination-bullet-active i{
    animation:middle 6s;
    }
    .zp-solution-videos .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
    animation:first 6s;
    }
    .zp-solution-videos .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
    animation:last 6s;
    }				
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}/*091*/
  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}	

@media (max-width:768px){
    .zp-solution-zro .tit2::before,.zp-solution-zro .tit2::after{display:none;}
    .zp-solution{width:92%;margin:0 auto;}
    .zp-solution-zro{margin-top:25px;}
    .zp-solution-zro .tit1{font-size:22px;}
    .zp-solution-zro .tit2{font-size:14px;padding-top:12px;}
    .zp-solution-one{margin-top:25px;height:auto;width:100%;background:none;display:block}
    .zp-solution-one img{width:100%!important;height:auto!important;margin-top:0!important;}
    .zp-solution-two .tit, .zp-solution-nine .tit{margin-top:20px;padding-bottom:20px;font-size:22px;}
    .zp-solution-two h3, .zp-solution-nine h3{font-size:20px;margin:0 0 15px;}
    .zp-solution-three{padding:40px 0;height:auto;}
    .zp-solution-three h3{padding:0;font-size:22px;}
    .zp-solution-three p{width:80%;margin:0 auto;}
    .zp-solution-five{display:block;}
    .zp-solution-five .ad-left,.zp-solution-five .ad-right{width:100%;height:auto;padding:10px 14px;}
    .zp-solution-videos{padding:25px 0;}
    .zp-solution-videos .swiper-container{margin-top:15px;}
    .zp-solution-videos .swiper-slide,.zp-solution-videos .swiper-slide.swiper-slide-active{height:200px;width:50%;}
    .zp-solution-videos .swiper-slide .box::before{width:50px;height:50px;}
    .zp-solution-videos .swiper-button-prev,.zp-solution-videos .swiper-button-next{width:30px;bottom:27px;}
    .playvideo .close{top:15%;}
    .zp-solution-senven ul li, .zp-solution-six ul li{width:100%;}
    .zp-solution-senven,.zp-solution-three,.zp-solution-eight,.zp-solution-five{margin-top:25px;}
    .zp-solution-eight ul li{width:100%;border:none!important;}
}