@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage138-page3{position:relative;max-width:1920px;margin:0 auto;z-index:1;height:auto}
.wmpage138-page3 .wmpage138-page3-container{overflow:hidden;padding:60px 0}
.wmpage138-page3 .wmpage138-page3-item{background:#fff;transition:all .6s linear}
.wmpage138-page3 .wmpage138-page3-item .wmpage138-page3-content{padding:80px 50px;text-align:center;transition:all .4s linear}
.wmpage138-page3 .wmpage138-page3-item .wmpage138-page3-content .wmpage138-page3-title a{position:relative;padding-bottom:15px;font-size:var(--wmpage-font20);font-weight:var(--fontbold6);color:var(--wmpage-color22);transition:all .2s linear}
.wmpage138-page3 .wmpage138-page3-item .wmpage138-page3-content .wmpage138-page3-title a:hover{color:var(--color)}
.wmpage138-page3 .wmpage138-page3-item .wmpage138-page3-content .wmpage138-page3-title a::after{position:absolute;content:'';width:40px;height:1px;background:var(--wmpage-color10);bottom:0;left:50%;transform:translateX(-50%)}
.wmpage138-page3 .wmpage138-page3-item .wmpage138-page3-content .wmpage138-page3-txt{color:#555;padding:25px 0 35px}
.wmpage138-page3 .wmpage138-page3-item .wmpage138-page3-content .wmpage138-page3-btn a{color:var(--color);font-weight:var(--fontbold6);transition:all .2s linear}
.wmpage138-page3 .wmpage138-page3-item .wmpage138-page3-content .wmpage138-page3-btn a:hover{color:var(--wmpage-color22)}
.wmpage138-page3 .wmpage138-page3-item .item-num{position:absolute;font-size:70px;font-weight:var(--fontbold7);right:5px;bottom:0;opacity:.1;color:var(--wmpage-color22)}
@media screen and (min-width:768px){.wmpage138-page3 .wmpage138-page3-item.swiper-slide-active{transform:translateY(-10px);background:var(--color)}
.wmpage138-page3 .wmpage138-page3-item.swiper-slide-active .wmpage138-page3-content .wmpage138-page3-btn a,.wmpage138-page3 .wmpage138-page3-item.swiper-slide-active .wmpage138-page3-content .wmpage138-page3-title a{color:#fff}
.wmpage138-page3 .wmpage138-page3-item.swiper-slide-active .wmpage138-page3-content .wmpage138-page3-txt{color:#fff;opacity:.9}
.wmpage138-page3 .wmpage138-page3-item.swiper-slide-active .wmpage138-page3-content .wmpage138-page3-title a::after{background:#fff}
}
@media screen and (max-width:768px){.wmpage138-page3 .wmpage138-page3-container{padding:0}}
.wmpage138-page3{position:relative;z-index:0}
.wmpage138-page3::before{content:'';width:100vw;max-width:1920px;height:100%;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;background:url(/uploads/43439/banner/202508281135169851b.jpg) center no-repeat;background-size:cover}

 
.wmpage161-page3-contant{display:flex;margin-top:30px}
.wmpage161-page3-box{width:33.33%;padding:20px}
.wmpage161-page3-ser{position:relative;overflow:hidden;box-shadow:0 0 10px 2px #e5e5e5}
.wmpage161-page3-title{text-align:center}
.wmpage161-page3-dev{color:var(--color);margin-bottom:10px}
.wmpage161-page3-title .wmpage-title{max-width:45%;margin:0 auto;line-height:1.25}
.wmpage161-page3-image img{width:100%}
.wmpage161-page3-image{overflow:inherit}
.wmpage161-page3-icon{position:absolute;top:10px;right:76px}
.wmpage161-page3-icon a{font-size:var(--wmpage-font24,24px);position:relative;z-index:1}
.wmpage161-page3-icon a::before{content:'';position:absolute;height:130px;width:130px;background:#fff;right:-58px;z-index:-1;transform:rotate(-45deg);top:-88px;border-radius:0 50px;transition:.5s}
.wmpage161-page3-icon a em{font-size:var(--wmpage-font26,26px);line-height:1;width:var(--wmpage-font26,26px);display:block;color:var(--color);font-weight:var(--fontbold7);}
.wmpage161-page3-service{box-shadow:0 0 30px 0 rgb(0 0 0 / 9%);padding:45px 30px 30px;position:relative;background:#fff;z-index:1}
.wmpage161-page3-service::before{content:'';position:absolute;top:0;left:0;right:0;z-index:-1;transition:.5s;background:#222429;height:0}
.wmpage161-page3-service::after{content:'';position:absolute;background:url(https://img01.v15cdn.com/singletem/wmpage161/wmpage161-page3-im.png) no-repeat bottom right;width:50%;height:100%;z-index:1;right:0;bottom:0;opacity:0;transition:.5s;z-index:-1}
.wmpage161-page3-bottom{position:absolute;padding:15px 30px 15px 20px;top:-33px;left:25px;filter:drop-shadow(0 0 35px rgba(0, 0, 0, .08));z-index:1;line-height:1}
.wmpage161-page3-bottom::before{content:'';position:absolute;background:#fff;height:100%;width:100%;left:0;top:0;clip-path:polygon(0 1%,85% 0,100% 100%,0 100%);border-radius:10px 26px 10px 10px;transition:.5s;z-index:-3}
.wmpage161-page3-bottom em{font-size:var(--wmpage-font30,30px);z-index:1;position:relative;color:var(--color);width:var(--wmpage-font30,30px);display:block;line-height:1}
.wmpage161-page3-text p:nth-of-type(1){font-size:var(--wmpage-font22,22px);line-height:1.25;margin-bottom:10px;font-weight: var(--fontbold6);}
.wmpage161-page3-box:hover .wmpage161-page3-icon a::before{background:var(--color)}
.wmpage161-page3-box:hover .wmpage161-page3-icon a em{color:#fff}
.wmpage161-page3-box:hover .wmpage161-page3-bottom::before{background:var(--color)}
.wmpage161-page3-box:hover .wmpage161-page3-bottom em{color:#fff}
.wmpage161-page3-box:hover .wmpage161-page3-service::before{bottom:0;height:100%}
.wmpage161-page3-box:hover .wmpage161-page3-text{color:#fff}
.wmpage161-page3-box:hover .wmpage161-page3-service::after{opacity:1}
@media (max-width:1366px){.wmpage161-page3-title .wmpage-title{max-width:80%}
}
@media (max-width:1024px){.wmpage161-page3-box{padding:10px}
.wmpage161-page3-icon a::before{width:90px;right:-18px}
.wmpage161-page3-icon a em{font-size:var(--wmpage-font22,22px);width:var(--wmpage-font22,22px)}
.wmpage161-page3-service{padding:30px 15px}
.wmpage161-page3-bottom{top:-40px;left:15px}
}
@media (max-width:768px){.wmpage161-page3-text p:nth-of-type(1){font-size:var(--wmpage-font20,20px)}
.wmpage161-page3-contant{flex-wrap:wrap}
.wmpage161-page3-box{width:50%}
}
@media (max-width:550px){.wmpage161-page3-contant{margin-top:20px}
.wmpage161-page3-text p:nth-of-type(1){font-size:var(--wmpage-font18,18px);margin-bottom:10px}
.wmpage161-page3-text p{font-size:14px}
.wmpage161-page3-bottom em{font-size:var(--wmpage-font26,26px);width:var(--wmpage-font26,26px)}
.wmpage161-page3-bottom{padding:10px 20px}
}




.wmpage160-page3-item{display:flex;justify-content:space-between;margin-top:25px;flex-wrap:wrap}
.wmpage160-page3-dev{width:50px;background:var(--color,#ff7417);height:1px;margin-top:10px}
.wmpage160-page3-box{width:32%;position:relative;margin-bottom:2%;border-radius:5px;overflow:hidden}
.wmpage160-page3-image img{aspect-ratio:1.5/1;object-fit:cover}
.wmpage160-page3-caption{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:15px;background-color:var(--color);transition:250ms ease-in-out;align-items:center;opacity:0;transform:scale(.8)}
.wmpage160-page3-caption>em{font-size:40px;color:#fff;width:40px;line-height:1;opacity:0;transform:translateY(30px);transition:250ms 320ms linear}
.wmpage160-page3-text{margin-top:20px}
.wmpage160-page3-text p:nth-of-type(1){font-size:14px;font-style:italic;color:#fff;text-align:center;opacity:0;transform:translateY(30px);transition:250ms 320ms linear}
.wmpage160-page3-text p:nth-of-type(2){font-size: var(--fontsize20);font-weight: var(--fontbold6);line-height:1;margin-top:10px;color:#fff;opacity:0;transform:translateY(30px);transition:250ms 320ms linear}
.wmpage160-page3-divider{width:2%;height:1px;background:#fff;margin:20px 0;transition:250ms 280ms ease-in-out}
.wmpage160-page3-box:hover .wmpage160-page3-caption{opacity:1;transform:scale(1)}
.wmpage160-page3-box:hover .wmpage160-page3-caption>em{opacity:1;transform:translateY(0)}
.wmpage160-page3-box:hover .wmpage160-page3-text p:nth-of-type(1){opacity:1;transform:translateY(0)}
.wmpage160-page3-box:hover .wmpage160-page3-text p:nth-of-type(2){opacity:1;transform:translateY(0)}
.wmpage160-page3-box:hover .wmpage160-page3-divider{width:45%}
@media (max-width:1024px){.wmpage160-page3-text p:nth-of-type(2){font-size:18px}
.wmpage160-page3-divider{margin:10px 0}
}
@media (max-width:768px){.wmpage160-page3-box{width:49%}
.wmpage160-page3-box:nth-last-of-type(-n+2){margin-bottom:0}
}
@media (max-width:500px){.wmpage160-page3-box{width:100%}
.wmpage160-page3-box:nth-last-of-type(-n+2){margin-bottom:2%}
.wmpage160-page3-box:nth-last-of-type(-n+1){margin-bottom:0}
}