#c_static_001_P_6350-1663418766175 .swiper-slide{ background:#ecf1f3; } .swiper{ width: 100%; height: 100%; margin-left: auto; margin-right: auto; overflow:hidden; position: relative; background: #ecf1f3; } .swiper-slide{ text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .cprow{width:94%;display: flex;padding: 60px 0;max-width: 1200px;align-items: center;} .cpleft{width: 50%;} .cpleft img{max-width: 580px;flex: 0 0 50%;} .cpright{/* background:#fff; */padding:40px;flex: 0 0 50%;text-align:left;} .cpright h3{font-size:26px;color:#000;} .cpright p{margin-top:20px;color:#666;font-size:16px;line-height:2;margin-bottom:40px;} .cpright .cpmore{background: #7dba00;width:150px;color:#fff;text-align:center;font-size: 14px;line-height: 36px;display: inline-block;margin-right:10px;} .cpright .cpmore:hover{background: #333;} .cpright .download{background: #999;} .cplirow{ width: 94%; max-width: 1440px; } .cplirow .swiper-wrapper{ transform: translate3d(0px, 0px, 0px)!important; } #c_static_001_P_6350-1663418766175 .cplirow .swiper-slide{background:#fff;border-bottom:4px solid #fff;padding: 30px 0px;cursor: pointer;} #c_static_001_P_6350-1663418766175 .cplirow .swiper-slide.swiper-slide-thumb-active{background: #eee;border-bottom: 4px solid #7dba00;} .cpli{} .cpli .pic{width:50px;margin:10px auto} .cpli .pic img{width:100%} .cpli .pic .img1{display:block;} .cpli .pic .img2{display:none;} .cpli span{font-size:16px;color:#333} #c_static_001_P_6350-1663418766175 .swiper-button-prev,#c_static_001_P_6350-1663418766175 .swiper-button-next{ display:none;top:50%!important; } #c_static_001_P_6350-1663418766175 .mySwiper2:hover .swiper-button-prev,#c_static_001_P_6350-1663418766175 .mySwiper2:hover .swiper-button-next{ display:block; } #c_static_001_P_6350-1663418766175 .swiper-button-prev{left: 50%;margin-left: -650px;} #c_static_001_P_6350-1663418766175 .swiper-button-next{left: 50%;margin-left: 650px;} #c_static_001_P_6350-1663418766175 .swiper-button-next:after,#c_static_001_P_6350-1663418766175 .swiper-button-prev:after{font-size: 24px;color: #666;} #c_static_001_P_6350-1663418766175 .mySwiper .swiper-wrapper .swiper-slide-thumb-active .img1{display:none;} #c_static_001_P_6350-1663418766175 .mySwiper .swiper-wrapper .swiper-slide-thumb-active .img2{display:block;} @media screen and (max-width:768px){ .cprow{padding:20px 0;} .cpli .pic{width:40px;} .cpli span{font-size:14px;height: auto;width: 20px;display: block;margin: 0 auto;} .cprow{display:block;} .cpleft{width:100%;margin-bottom:20px;} .cpright{width:100%;padding:20px;} .cpli{line-height:22px;} .cpright h3{font-size:18px;} .cpright p{font-size:14px;line-height:1.6;margin-top:10px;margin-bottom:20px;} .mySwiper2 .swiper-wrapper{height:auto!important;} }