﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage81-page2{position:relative}
.wmpage81-page2::after{content:'';position:absolute;width:1920px;height:100%;top:0;right:0;background:url(https://img01.v15cdn.com/singletem/wmpage81//wmpage81-page2-bg.webp) center no-repeat;background-position-x:right;z-index:-1}
.wmpage81-page2::before{content:'';position:absolute;width:1920px;height:100%;top:0;right:0;background:#f5f7fa;z-index:-1}
.wmpage81-page2-title{color:var(--wmpage-color1,#333);text-align:center;font-weight:var(--fontbold4);line-height:1;}
.wmpage81-page2-line{width:30px;height:2px;background-color:var(--color);margin:15px auto}
.wmpage81-page2-tech{padding-top:15px}
.wmpage81-page2-tech p{padding-bottom:30px;font-size:var(--wmpage-font16);font-weight:var(--fontbold4);text-align:center;line-height:1.75}
.wmpage81-page2-tech p:last-child{padding-bottom:0}
.wmpage81-page2-tech p span{color:var(--color)}
@media (max-width:1024px){.wmpage81-page2-tech{padding-top:0}
.wmpage81-page2-tech p{padding-bottom:15px}
}


 
.outProgress{width:2px;position:absolute;height:87.7%;background-color:#e0e5eb;top:227px}
.progress{width:2px;background-color:var(--color,#cd575a);position:absolute;top:0;left:0;transform-origin:0 50%;animation:scaleProgress auto linear;animation-timeline:scroll()}
.wmpage39-howWork-circle{width:60px;height:60px;background-color:var(--color,#cd575a);border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,0);display:flex;align-items:center;justify-content:center;color:#fff}
.wmpage39-howWork-circle:nth-of-type(3){top:14.2%}
.wmpage39-howWork-circle:nth-of-type(4){top:28.4%}
.wmpage39-howWork-circle:nth-of-type(5){top:42.7%}
.wmpage39-howWork-circle:nth-of-type(6){top:56.9%}
.wmpage39-howWork-circle:nth-of-type(7){top:71.1%}
.wmpage39-howWork-circle:nth-of-type(8){top:85.4%}
.wmpage39-howWork-circle:nth-of-type(9){top:99.5%}
.wmpage39-howWork-continer{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.wmpage39-howWork-card-box{width:100%;display:flex;align-items:center;justify-content:flex-start}
.wmpage39-howWork-card{padding:35px;width:45%;background:#e9e9e9;position:relative;border-radius:8px}
.wmpage39-howWork-card::after{content:'';position:absolute;right:0;top:50%;transform:translate(13px,-50%);border:0 solid transparent;border-bottom-width:15px;border-top-width:15px;border-left:15px solid #e9e9e9}
.wmpage39-howWork-img{margin-bottom:20px;overflow:hidden}
.wmpage39-howWork-img img{transition: all .1s linear;width: 100%;display: block;aspect-ratio: 1.5 / 1;object-fit: cover;}
.wmpage39-howWork-titile{line-height:1;font-size:var(--wmpage-font20);color:#231815;font-weight:var(--fontbold7,700)}
.wmpage39-howWork-desc{margin-top:20px}
.wmpage39-howWork-card-box:nth-of-type(odd){justify-content:flex-end}
.wmpage39-howWork-card-box:nth-of-type(odd) .wmpage39-howWork-card::after{left:-30px;right:auto!important;border:0 solid transparent;border-top-width:20px;border-bottom-width:20px;border-right:30px solid #e9e9e9}
.wmpage39-howWork-card:hover img{transform:scale(1.01)}
@keyframes scaleProgress{0%{height:0}
100%{height:100%}
}
@media(max-width:1472px){.outProgress{top:177px}
}
@media(max-width:1340px){.outProgress{top:177px}
}
@media(max-width:1248px){.outProgress{top:177px}
}
@media(max-width:965px){.wmpage39-howWork-card-box:nth-of-type(odd){justify-content:flex-start}
.outProgress{top:260px;left:40px;height:87.9%}
.wmpage39-howWork-card{width:100%}
.wmpage39-howWork-continer{padding-left:120px}
.wmpage39-howWork-card-box{margin-bottom:20px}
.wmpage39-howWork-card-box .wmpage39-howWork-card::after{left:-30px;width:0;height:0;border:0 solid transparent;border-top-width:20px;border-bottom-width:20px;border-right:30px solid #e9e9e9}
}
@media(max-width:828px){.outProgress{top:220px}
}
@media(max-width:776px){/*.wmpage39-howWork{padding:0 55px;}*/
.wmpage39-howWork-continer{padding-left:80px}
.outProgress{top:200px;left:20px}}
@media(max-width:544px){.outProgress{display:none}
.wmpage39-howWork-continer{padding:0}
.wmpage39-howWork{padding:0}
.wmpage39-howWork-card{padding:30px 20px;}
}