@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner .swiper-slide.swiper-slide-active img {animation: unset;}
.home-provide{padding:4% 0 0 0}
.home-cirt{padding:4% 0}
.swiper-home-provide{margin-top:3%;padding-bottom:4%}
.home-cirt .list{display:grid;gap:30px;grid-template-columns:repeat(5,1fr);margin-top:3%}
.home-cirt .list li{width:100%;margin-right:0}
@media (max-width:768px){.home-cirt .list{grid-template-columns:repeat(2,1fr)}
}.wmpage222-page3{position:relative;background:#0d2335D4;z-index:1}
.wmpage222-page3::before{position:absolute;content:'';width:100%;height:100%;background:url(https://img01.v15cdn.com/singletem/wmpage222/wmpage222-page3-img1.webp) no-repeat;left:0;top:0;background-size:cover;z-index:-1}
.wmpage222-page3 .wmpage222-page3-text{font-size:var(--wmpage-font17);letter-spacing:5px;text-transform:uppercase;font-weight:var(--fontbold6);color:#fff;opacity:.8;text-align:center}
.wmpage222-page3 .wmpage-title{text-align:center;color:#fff}
.wmpage222-page3 .wmpage222-page3-box{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}
.wmpage222-page3 .wmpage222-page3-box .wmpage222-page3-item{width:100%;position:relative;margin-top:30px;z-index:1}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front{position:relative;transform:rotateY(0);transition:all .3s linear;z-index:1}
.wmpage222-page3 .wmpage222-page3-item:hover .wmpage222-page3-front{z-index:-1;transform:rotateY(180deg)}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front::before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg,#000 0,#fffFFF00 100%);z-index:1}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-img{position:relative}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-img img{position:relative;width:100%;height:410px;object-fit:cover}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-info{position:absolute;left:0;bottom:0;display:flex;justify-content:center;flex-direction:column;text-align:center;width:100%;height:50%;z-index:2}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-icon em{color:var(--color);font-size:var(--wmpage-font50)}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-front .wmpage222-page3-title{font-weight:var(--fontbold7);font-size:var(--wmpage-font20);color:#fff;opacity:.9}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-2;transition:all .3s linear;transform:rotateY(-180deg)}
.wmpage222-page3 .wmpage222-page3-item:hover .wmpage222-page3-back{z-index:1;transform:rotateY(0)}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back::before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background-color:#0c5ADBDB;z-index:1}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-img{position:relative;width:100%;height:410px}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-img img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-info{position:absolute;width:100%;height:100%;padding:20px 30px;display:flex;flex-direction:column;justify-content:center;text-align:center;left:0;top:0;z-index:2}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-icon em{color:#fff;font-size:var(--wmpage-font50)}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold7);color:#fff}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-desc{color:#fff;opacity:.8;margin:10px 0 20px}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-more a{font-size:var(--wmpage-font18);font-weight:var(--fontbold6);color:#ffff}
.wmpage222-page3 .wmpage222-page3-item .wmpage222-page3-back .wmpage222-page3-desc{overflow:hidden;white-space:wrap;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical}
@media screen and (max-width:1024px){.wmpage222-page3 .wmpage222-page3-box{grid-template-columns:repeat(1,1fr)}}
@media (min-width:1025px){.home-product{padding:4% 0 0 }
.home-about{padding-top:0;}}