@import url(https://js01.v15cdn.com/single-template/public.css);
.procate-keyword{margin-top:50px;}
.procate-keyword li{display:inline-block;border:1px solid #8a8a8a;color:#8a8a8a;border-radius:30px;padding:5px 15px;margin:0 10px 10px 0;}
@media (max-width:1024px){.procate-keyword li{padding:3px 10px;font-size:var(--fontsize15);margin:0 6px 8px 0}}

      .wmpage207-page2-contant{display:flex;align-items:center;justify-content:space-between}
.wmpage207-page2-left{width:45%}
.wmpage207-page2-image{padding:0 10%;position:relative}
.wmpage207-page2-right{width:50%}
.wmpage207-page2-right .wmpage-title b{color:var(--color)}
.wmpage207-page2-image img{width:100%;display:block}
.wmpage207-page2-play{position:absolute;top:50%;left:50%;cursor:pointer;transform:translate(-50%,-50%)}
.wmpage207-page2-play::after,.wmpage207-page2-play::before{content:'';position:absolute;inset:0;background-color:#ffffffaf;z-index:-2;border-radius:50%;transition:all ease .4s;animation-duration:1.58s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-name:ripple}
.wmpage207-page2-play em{font-size:80px;color:#fff;width:80px;display:block;line-height:1}
.wmpage207-page2-dev{font-size:var(--wmpage-font18);color:var(--color)}
.wmpage207-page2-title{width:100%}
.wmpage207-page2-text p{color:#6e6e6e;margin:15px 0;line-height:1.75}
.wmpage207-page2-text ul li{position:relative;padding-left:25px;line-height:1.5;margin-bottom:20px}
.wmpage207-page2-text ul li::after{position:absolute;content:'';width:8px;height:8px;background:var(--color);border-radius:100%;left:0;top:50%;transform:translateY(-50%)}
.wmpage207-page2-btn a{box-shadow:0 20px 30px rgba(0,0,0,.1);position:relative;display:inline-flex;overflow:hidden;padding:17px 35px 16px;text-align:center;z-index:1;letter-spacing:1px;color:#fff;font-weight:600;text-transform:uppercase;transition:.5s;background-color:var(--color);line-height:1}
.wmpage207-page2-btn a:hover span{width:225%;height:562.5px}
.wmpage207-page2-btn a span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#2c2a49;transition:width .4s ease-in-out,height .4s ease-in-out;transform:translate(-50%,-50%);z-index:-1}
.wmpage207-page2-open{position:fixed;width:100%;height:100%;background:#0000009e;top:0;left:0;z-index:999;display:flex;justify-content:center;align-items:center}
.wmpage207-page2-none{display:none;position:relative;z-index:999999}
.wmpage207-page2-close{position:absolute;top:10%;right:10%;z-index:9999;cursor:pointer}
.wmpage207-page2-close em{font-size:36px;color:#fff;line-height:1;width:36px;display:block}
@keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
30%{opacity:.4}
100%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}
}@media (max-width:1366px){.wmpage207-page2-image{padding:0 5%}
.wmpage207-page2-title{width:70%}
.wmpage207-page2-text ul li{margin-bottom:10px}
.wmpage207-page2-title .wmpage-title{line-height:1.25}
}@media (max-width:1024px){.wmpage207-page2-btn a{padding:15px 25px}
.wmpage207-page2-btn{margin-top:15px}
.wmpage207-page2-text p{margin:10px 0}
}@media (max-width:768px){.wmpage207-page2-contant{flex-direction:column}
.wmpage207-page2-left{width:100%}
.wmpage207-page2-image{padding:0}
}.wmpage191-page1-left{width:43%;height:540px;padding-right:40px;position:relative}
.wmpage191-page1-left img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage191-page1-left .wmpage191-page1-card{position:relative;padding:20px 25px;position:absolute;bottom:50px;right:-30px;text-align:center;background:var(--color);box-shadow:0 0 10px 1px rgba(0,0,0,.3);overflow:hidden;z-index:1}
.wmpage191-page1-left .wmpage191-page1-card::before{content:'';width:0;height:500%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#fff;transition:.5s ease;display:block;z-index:-1}
.wmpage191-page1-left .wmpage191-page1-card:hover::before{width:150%}
.wmpage191-page1-left .wmpage191-page1-num{font-size:var(--wmpage-font36);font-weight:var(--fontbold6);color:#fff;transition:all .2s linear}
.wmpage191-page1-left .wmpage191-page1-num em{font-style:normal;font-size:20px}
.wmpage191-page1-left .wmpage191-page1-text{color:#fff;font-size:var(--wmpage-font18);font-weight:var(--fontbold6)}
.wmpage191-page1-left .wmpage191-page1-card:hover .wmpage191-page1-num,.wmpage191-page1-left .wmpage191-page1-card:hover .wmpage191-page1-text{color:var(--wmpage-color22)}
@media screen and (max-width:1024px){.wmpage191-page1-left{width:100%;height:auto;padding-right:70px;margin-bottom:30px}
}@media screen and (max-width:768px){.wmpage191-page1-left{height:400px;padding-right:0}
.wmpage207-page2-right{width:100%}
}