@media (min-width:1281px){#product .pro-list>li{width:16.66%}}
@media (min-width:769px) and (max-width:1280px){#product .pro-list>li{width:33.33%}}
#product .pro-item .img1{transition: opacity .3s linear;}
#product .pro-item .img2{position: absolute;top: 50%;transform: translateY(-50%) !important;left: 0;opacity: 0;transition: opacity .3s ease-out;}
#product .pro-item:hover .img1{opacity: 0;}
#product .pro-item:hover .img2{opacity: 1;}
body{max-width:1920px;margin:0 auto;position:relative;overflow:hidden}
#home-swiper{position: relative;}
#product .pro-list .pro-name{margin:10px 0;text-align:center;color:var(--fontcolor);font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.home-case .l-wrap{overflow:hidden}
.caseswiper2 .swiper-slide img{display:block;margin:0 auto;padding:50px 50px 0;box-sizing:border-box;max-width: 80%;}
.caseswiper1 .swiper-slide img{border: 2px solid transparent;width: 100%;display: block;}
.caseswiper1 .swiper-slide:hover::after{background: none;}
.caseswiper1 .swiper-slide::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.4);transition:background-color .1s ease-in-out}
.caseswiper1 .swiper-slide-thumb-active{border:1px solid #108cee}
.caseswiper1 .swiper-slide{overflow:hidden;cursor:pointer}
.caseswiper1 .swiper-slide-thumb-active::after{background:0 0}
.caseswiper2 .swiper-slide{position:relative;overflow:hidden}
.caseswiper2 .case-text{width:100%;background:#000000b0;text-align:center;transition:all .7s ease-in-out}
.caseswiper2 .case-text p{padding:20px 0;color:#fff;text-transform:capitalize;font-size:22px;line-height:1}
.caseswiper1{margin-top:25px;padding:0 10px}
.caseswiper2 .swiper-slide-active .case-text{bottom:0}
.home-solution{display:flex;justify-content:space-between;margin-top:80px}
.solution-left{flex:1;background:var(--color);margin-right:.5%;display:flex;justify-content:center;align-items:center}
.solution-left span{display:flex;writing-mode:sideways-rl;justify-content:center;align-items:center;font-size:22px;color:#fff;text-align:center}
.solution-right{display:flex;flex-wrap:wrap;width:86%;justify-content:space-between}
.solution-box{width:24.5%;position:relative;margin-bottom:.5%}
.solution-text{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;background:#00000082;opacity:0;transition:all .5s ease-in-out}
.solution-text p{color:#fff;padding:0 15px;font-size:18px}
.solution-box img{aspect-ratio:1.5/1;object-fit:cover;display:block}
.solution-box:hover .solution-text{opacity:1}
.solution-box:nth-last-child(-n+4){margin-bottom:0}
.downloads-contant{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}
.downloads-box{width: 16.6%;padding: 0px 20px;margin-bottom: 40px;box-sizing: border-box;}
.home-download{background:#f4f4f4;padding:50px 0}
#product{margin-bottom: 50px;}
.bg-scroller img{width: 85%;display: block;margin: 0 auto;}
.downloads-text{padding: 0px 10px;text-align: center;}
.downloads-btn{margin-top:10px}
.downloads-btn a{display: flex;align-items: center;font-size: 16px;text-transform: uppercase;justify-content: center;}
.downloads-btn a img{margin-right:10px;max-width: 25px;}
.downloads-text h5{margin: 10px 0;color: var(--fontcolor);font-size: var(--fontsize16);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.home-partner{position:relative;margin-top:80px}
.home-partner::after{content:'';position:absolute;width:200%;height:100%;background:url(/uploads/43932/dz/partner-back.webp) 0 0 repeat-x;background-size:auto 100%;animation:slide1 130s linear infinite;top:0;z-index:-1}
@keyframes slide1{0%,100%{transform:translateX(0)}
50%{transform:translateX(-50%)}}
#new{padding:50px 130px}
@media (max-width:1366px) {
    .downloads-btn a{font-size: 14px;}
    .downloads-btn a img{max-width: 25px;}
    .downloads-text h5{font-size: 14px;min-height: 50px;}
    .caseswiper2 .case-text p{padding: 16px 0;font-size: 18px;}
}
@media (max-width:1024px) {
    .downloads-box{width: 32%;}
    .downloads-text {padding: 10px 5px;}
    .downloads-text h5 {font-size: 16px;min-height: unset;}
    .home-partner{margin-top: 50px;}
    .solution-left span{font-size: 18px;}
}
@media (max-width:768px) {
    .home-solution{flex-direction: column;}
    .solution-left span{writing-mode: unset;padding: 10px 0;}
    .solution-right{width: 100%;margin-top: 10px;}
    .solution-left{margin-right: 0;}
    .downloads-text h5{font-size: 14px;}
    .caseswiper2 .case-text p {padding: 10px 0;font-size: 16px;}
    .downloads-btn a{font-size: 12px;}
    .home-download{padding: 30px 0;}
    .caseswiper2 .swiper-slide img{padding: 30px 20px 0;}
    .solution-text p{font-size: 14px;text-align: center;}
    #new {padding: 30px 0px;}
}
@media (max-width:550px) {
    .home-solution{margin-top: 30px;}
    .solution-box{width: 49%;position: relative;margin-bottom: 1%;}
    .solution-box:nth-last-child(-n+4){margin-bottom: 1%;}
    .home-partner{margin-top: 30px;}
    .caseswiper2 .swiper-slide img{padding: 30px 0 0;}
    .downloads-box{width: 49%;}
}
#about{display:none;}
.home-download  .downloads-text h5{-webkit-line-clamp:unset; min-height: 51px; }
.solution-left span {writing-mode: initial;}
.home-solution a{color: #fff;}
.bg-scroller img{visibility: hidden;aspect-ratio: 3;}
.home-download .downloads-box{display: flex; flex-direction: column;align-items: center;justify-content: space-between;}
#new .new-img img{aspect-ratio: 499/374;object-fit: contain;}