﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage212-page2{background:url(/uploads/43952/banner/202608310450377f56d.jpg) no-repeat;background-size:cover;background-color:#ffffffdd;background-blend-mode:overlay}
.wmpage212-page2 .wmpage212-page2-top{text-align:center}
.wmpage212-page2 .wmpage212-page2-text{text-transform:uppercase;color:var(--color);font-size:var(--wmpage-font17);font-weight:var(--fontbold6);padding-left:45px;position:relative;display:inline-block}
.wmpage212-page2 .wmpage212-page2-text::before{position:absolute;content:'';width:20px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage212-page2 .wmpage212-page2-text::after{position:absolute;content:'';width:13px;height:2px;background:var(--color);left:25px;top:50%;transform:translateY(-50%)}
.wmpage212-page2 .wmpage-title{color:var(--wmpage-color22)}
.wmpage212-page2 .wmpage-title span{color:var(--color)}
.wmpage212-page2 .wmpage212-page2-line{display:inline-block;position:relative;width:90px;height:5px;border-radius:20px;background:#000}
.wmpage212-page2 .wmpage212-page2-line::after{position:absolute;content:'';width:11px;height:11px;border-radius:50%;background:var(--color);top:50%;transform:translateY(-50%);left:0;animation:page1 3s infinite linear}
.wmpage212-page2 .wmpage212-page2-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-left{width:29%}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-img{width:40%;height:auto}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-img img{position:relative;width:100%;height:100%;object-fit:cover;transform:scale(.8)}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-right{width:29%}
.wmpage212-page2 .wmpage212-page2-item{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage212-page2 .wmpage212-page2-item:not(:first-child),.wmpage212-page2 .wmpage212-page2-item:not(:nth-child(4)){margin-top:60px}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-icon{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 90px;height: 90px;background: linear-gradient(-60deg, var(--color) 0, var(--wmpage-color0) 100%);border-radius: 50%;}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-icon::after{position:absolute;content:'';width:115px;height:115px;border-radius:50%;border:1px solid #ddd;z-index:1}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-icon em{color:#fff;font-size:var(--wmpage-font36)}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-num{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;position:absolute;right:-15px;top:-5px;background:var(--color);box-shadow:#ccc 0 0 10px;color:#fff;font-weight:var(--fontbold6);transition:all .3s linear;z-index:2}
.wmpage212-page2 .wmpage212-page2-item:hover .wmpage212-page2-num{transform:scale(1.08)}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-info{width:62%;margin-left:40px;flex:1}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);margin-bottom:10px;-webkit-text-fill-color:transparent;transition:.5s;background:linear-gradient(to right,#f16722,#f16722,50%,#232323 50%) 100% center/200% 100% text;background-position:100% center}
.wmpage212-page2 .wmpage212-page2-item:hover .wmpage212-page2-title{background-position:0 center}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-desc{color:var(--fontcolor)}
@media screen and (max-width:1024px) {.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-left {width: 100%;}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-img {width: 100%;}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-right {width: 100%;}
}.wmpage163-page4-title{text-align:center}
.wmpage163-page4-dev p{font-size:16px;display:inline-block;margin-bottom:10px;color:var(--wmpage-color34);line-height:1}
.wmpage163-page4-col{display:flex;justify-content:space-between;margin-top:45px;flex-wrap:wrap}
.wmpage163-pag4-row{width:32%;position:relative;border-radius:10px;margin-bottom:20px;overflow:hidden}
.wmpage163-pag4-img img{width:100%;aspect-ratio: 1.5 / 1;object-fit: cover;}
.wmpage163-pag4-box{position:absolute;width:100%;height:100%;top:0;left:0;padding:40px;background:linear-gradient(90deg, var(--color), var(--color) 100%);display:flex;align-items:center;opacity:1;transition:all .3s ease-in-out}
.wmpage163-pag4-icon{flex:1;padding-right:25px;display:block}
.wmpage163-pag4-icon em{width:50px;font-size:50px;color:#fff;font-weight:var(--fontbold5);display:block}
.wmpage163-pag4-text p:nth-of-type(1){font-size:var(--fontsize22);color:#fff;margin-bottom:20px;line-height:1}
.wmpage163-pag4-text p:nth-of-type(2){color:#fff}
.wmpage163-pag4-row:hover .wmpage163-pag4-box{opacity:0}
@media (max-width:1200px){.wmpage163-pag4-row{width:49%}
}
@media (max-width:768px){.wmpage163-pag4-row{width:100%}
}.wmpage154-page2 .wmpage154-page2-top{max-width:1000px;margin:0 auto}
.wmpage154-page2 .wmpage154-page2-top .wmpage-title{text-align:center;font-family:sans-serif;color:var(--wmpage-color22);font-weight:var(--fontbold3)}
.wmpage154-page2 .wmpage154-page2-top .wmpage154-page2-desc{color:#555;margin:20px 0 30px;text-align:center}
.wmpage154-page2 .wmpage154-page2-bottom{display:flex;flex-wrap:wrap;justify-content:center}
.wmpage154-page2 .wmpage154-page2-bottom .wmpage154-page2-item{width:10%;display:flex;flex-direction:column;align-items:center}
.wmpage154-page2 .wmpage154-page2-bottom .wmpage154-page2-item:nth-child(-n+2){border-right:1px solid #cfcfcf}
.wmpage154-page2 .wmpage154-page2-bottom .wmpage154-page2-item .wmpage154-page2-icon em{font-size:var(--wmpage-font50);color:var(--color)}
.wmpage154-page2 .wmpage154-page2-bottom .wmpage154-page2-item .wmpage154-page2-title{color:#555;font-weight:var(--fontbold6);font-size:var(--wmpage-font18);text-transform:uppercase;margin-top:5px}
@media screen and (max-width:1024px){.wmpage154-page2 .wmpage154-page2-bottom .wmpage154-page2-item{width:25%}
}
@media screen and (max-width:768px){.wmpage154-page2 .wmpage154-page2-bottom .wmpage154-page2-item{width:50%}
.wmpage154-page2 .wmpage154-page2-bottom .wmpage154-page2-item:last-child{margin-top:20px}
.wmpage154-page2 .wmpage154-page2-bottom .wmpage154-page2-item:first-child{border-left:1px solid #cfcfcf}
}