@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage221-page1 .wmpage221-page1-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{width:48%;height:600px}
.wmpage221-page1 .wmpage221-page1-left img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-right{width:48%}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:0}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);left:0;bottom:-3px;z-index:1;animation:page1 3s linear infinite}
@keyframes page1{0%{transform:translateX(0)}
100%{transform:translateX(68px)}
}
.wmpage221-page1 .wmpage221-page1-right .wmpage-title{color:var(--wmpage-color22);margin:10px 0}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-desc{color:var(--wmpage-color8);margin-bottom:5px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li{width:50%;color:var(--wmpage-color8);font-size:var(--wmpage-font17);margin-top:8px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li em{color:var(--color);margin-right:5px;font-weight:var(--fontbold6);font-size:var(--wmpage-font18)}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li{position:relative;display:block;margin-top:30px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin-bottom:10px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-bar{position:relative;width:100%;height:9px;background:#e9e9e9;border-radius:1px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-inner{position:relative;display:block;width:0;height:9px;transition:width 1.2s linear;border-radius:1px;background:var(--color)}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-list li .wmpage221-page1-barcount{font-weight:var(--fontbold7);color:var(--wmpage-color8);color:var(--color);font-size:var(--wmpage-font18);position:absolute;bottom:15px;right:-17px;transition:opacity 1s linear;opacity:0}
.wmpage221-page1 .wmpage221-page1-btn a{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:150px;height:45px;border-radius:5px;overflow:hidden;padding:0 20px;background:var(--color);color:#fff;font-size:var(--wmpage-font17);font-weight:var(--fontbold6);text-transform:uppercase;margin-top:30px;z-index:1}
.wmpage221-page1 .wmpage221-page1-btn a::before{position:absolute;content:'';width:100%;height:0;left:0;top:0;background:var(--wmpage-color22);z-index:-1;transition:all .3s linear}
.wmpage221-page1 .wmpage221-page1-btn a:hover::before{height:100%}
@media screen and (max-width:1024px){.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{width:100%;margin-bottom:30px}
.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-right{width:100%}
}
@media screen and (max-width:768px){.wmpage221-page1 .wmpage221-page1-box .wmpage221-page1-left{height:400px}
.wmpage221-page1 .wmpage221-page1-right .wmpage221-page1-catalog li{width:100%}
}.wmpage221-page2 .wmpage221-page2-top{text-align:center}
.wmpage221-page2 .wmpage221-page2-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page2 .wmpage221-page2-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:40px}
.wmpage221-page2 .wmpage221-page2-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);bottom:-3px;left:40px;z-index:1;animation:page1 3s linear infinite}
.wmpage221-page2 .wmpage221-page2-bottom{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage221-page2 .wmpage221-page2-bottom .wmpage221-page2-item{width:32%;margin-top:30px;position:relative;overflow:hidden}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-img{position:relative;width:100%}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-img img{position:relative;width:100%;height:auto;object-fit:cover}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-card{position:absolute;left:0;bottom:0;width:100%;padding:20px;display:flex;align-items:center;flex-wrap:wrap;background:var(--color);opacity: 0.8;transform:translateY(0);transition:all .3s linear}
.wmpage221-page2 .wmpage221-page2-item.active .wmpage221-page2-card,.wmpage221-page2 .wmpage221-page2-item:hover .wmpage221-page2-card{transform:translateY(150px)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-icon{display:inline-flex;justify-content:center;align-items:center;width:85px;height:85px;background:#fff;margin-right:20px}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-icon em{color:var(--color);font-size:var(--wmpage-font40)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-title{flex:1;font-weight:var(--fontbold7);font-size:var(--wmpage-font22);color:#fff}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-info{width:88%;height:88%;position:absolute;top:50%;left:50%;transform:translate(-50%,-170%);background:rgba(255,255,255,.8);padding:30px;display:flex;flex-direction:column;text-align:center;justify-content:center;transition:all .3s linear}
.wmpage221-page2 .wmpage221-page2-item.active .wmpage221-page2-info{transform:translate(-50%,-50%)}
.wmpage221-page2 .wmpage221-page2-item:hover .wmpage221-page2-info{transform:translate(-50%,-50%)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-info em{font-size:var(--wmpage-font50);color:var(--color)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-words{position:relative;font-weight:var(--fontbold7);font-size:var(--wmpage-font22);color:var(--wmpage-color22);padding-top:50px}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-words::after{position:absolute;content:'';width:2px;height:40px;background:var(--color);left:50%;transform:translateX(-50%);top:0}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-desc{color:var(--wmpage-color8);margin-top:10px}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-btn a{display:inline-flex;justify-content:center;align-items:center;width:55px;height:55px;border-radius:50%;border:1px solid var(--color);margin-top:20px;transition:all .3s linear}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-btn em{font-size:var(--wmpage-font26);transition:all .3s linear;transition-delay:.3s}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-btn a:hover{background:var(--color)}
.wmpage221-page2 .wmpage221-page2-item .wmpage221-page2-btn a:hover em{color:#fff}
@media screen and (max-width:1024px){.wmpage221-page2 .wmpage221-page2-bottom .wmpage221-page2-item{width:48.5%}
}
@media screen and (max-width:768px){.wmpage221-page2 .wmpage221-page2-bottom .wmpage221-page2-item{width:100%}
}.wmpage221-page3{background:#eff2f7}
.wmpage221-page3 .wmpage221-page3-top{text-align:center;margin-bottom:30px}
.wmpage221-page3 .wmpage221-page3-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page3 .wmpage221-page3-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:30px}
.wmpage221-page3 .wmpage221-page3-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);bottom:-3px;left:30px;z-index:1;animation:page1 3s linear infinite}
.wmpage221-page3 .wmpage221-page3-bottom{padding:10px}
.wmpage221-page3 .wmpage221-page3-slide{position:relative;overflow:hidden;border-radius:10px}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-img{width:100%;position:relative;overflow:hidden}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-img img{position:relative;width:100%;height:auto;transition:all .3s linear}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-triangle{width:150%;height:35%;background:var(--color);clip-path:polygon(50% 0,0 100%,100% 100%);position:absolute;left:-25%;bottom:0;z-index:1;transition:all .3s linear}
.wmpage221-page3 .wmpage221-page3-slide:hover .wmpage221-page3-triangle{background:#13287d}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-triangle::before{position:absolute;content:'';width:100%;height:100%;background:#fff;clip-path:polygon(50% 0,0 100%,100% 100%);position:absolute;left:0;bottom:-12px;z-index:1}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-info{padding:0 20px 40px;background:#fff;position:relative}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-icon{display:inline-flex;justify-content:center;align-items:center;width:90px;height:90px;border-radius:50%;background:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 30px);box-shadow:0 0 4px rgba(0,0,0,.16);z-index:2;transition:all .3s linear}
.wmpage221-page3 .wmpage221-page3-slide:hover .wmpage221-page3-icon{transform:translateX(-50%) rotateY(-360deg)}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-icon em{color:var(--color);font-size:var(--wmpage-font40)}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-title{position:relative;padding-bottom:10px;color:#13287d;font-weight:var(--fontbold6);font-size:var(--wmpage-font22)}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-title::after{position:absolute;content:'';width:50px;height:3px;background:var(--color);left:0;bottom:0}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-desc{color:var(--wmpage-color8);margin:20px 0}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-btn a{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:150px;height:45px;border-radius:30px;overflow:hidden;padding:0 20px;background:var(--color);color:#fff;font-size:var(--wmpage-font17);font-weight:var(--fontbold6);text-transform:uppercase;margin-top:30px;z-index:1}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-btn a::before{position:absolute;content:'';width:100%;height:0;left:0;top:0;background:var(--wmpage-color22);z-index:-1;transition:all .3s linear}
.wmpage221-page3 .wmpage221-page3-slide .wmpage221-page3-btn a:hover::before{height:100%}
.wmpage221-page3 .wmpage221-page3-pagination{text-align:center;margin-top:35px}.wmpage221-page4 .wmpage221-page4-bottom{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage221-page4 .wmpage221-page4-bottom .wmpage221-page4-item{width:32%;position:relative;overflow:hidden;border-top:6px solid var(--color);box-shadow:0 20px 50px rgb(229 229 229 / 80%)}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-img{position:relative;width:100%;height:400px}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-img img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-card{position:absolute;left:0;top:0;width:100%;text-align:left;background:#06305f;padding:30px 30px 50px;transform-origin:50% 0;transition:all .3s linear 0s;transform:perspective(500px) rotateX(-90deg);opacity:0}
.wmpage221-page4 .wmpage221-page4-item:hover .wmpage221-page4-card{opacity:1;transform:perspective(500px) rotateX(0);transition-delay:.2s}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-letter{text-transform:uppercase;font-size:var(--wmpage-font17);color:#fff}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-words{font-weight:var(--fontbold7);font-size:var(--wmpage-font22);color:#fff;margin-top:10px}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-btn{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;background:var(--color);border-radius:50%;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);transition:all .2s linear}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-btn em{color:#fff;font-size:var(--wmpage-font20);transition:all .2s linear}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-btn:hover{background:#fff}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-btn:hover em{color:var(--color)}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-info{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(to bottom,rgba(255,255,255,.3) -68%,#fff 76%);width:100%;padding:0;transition:.4s;height:100%;padding:30px 30px 20px 30px;transform-origin:50% 0;transition:all .3s linear .1s;transform:perspective(500px) rotateX(0)}
.wmpage221-page4 .wmpage221-page4-item:hover .wmpage221-page4-info{bottom:-100%;transition-delay:0s;opacity:0;transform:perspective(500px) rotateX(-90deg)}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-icon{position:relative;display:inline-flex;justify-content:center;align-items:center;width:75px;height:75px;background:var(--color);z-index:1}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-icon::before{position:absolute;content:'';width:70px;height:70px;border:2px solid var(--color);bottom:-7px;right:-7px;z-index:-1}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-icon em{font-size:var(--wmpage-font40);color:#fff}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-text{text-transform:uppercase;color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-top:30px;font-size:var(--wmpage-font18)}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-title{position:relative;color:#13287d;font-weight:var(--fontbold7);font-size:var(--wmpage-font24);padding-bottom:10px}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-title::after{position:absolute;content:'';width:60px;height:2px;background:var(--color);left:0;bottom:0}
.wmpage221-page4 .wmpage221-page4-item .wmpage221-page4-desc{color:var(--wmpage-color8);margin-top:10px}
@media screen and (max-width:1024px){.wmpage221-page4 .wmpage221-page4-bottom .wmpage221-page4-item{width:48.5%}
.wmpage221-page4 .wmpage221-page4-bottom .wmpage221-page4-item:nth-child(-n+2){margin-bottom:30px}
}
@media screen and (max-width:768px){.wmpage221-page4 .wmpage221-page4-bottom .wmpage221-page4-item{width:100%}
}.wmpage221-page5 .wmpage221-page5-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmpage221-page5 .wmpage221-page5-box .wmpage221-page5-left{width:55%}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-text{position:relative;display:inline-block;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);letter-spacing:3px;padding-bottom:15px}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-text::after{position:absolute;content:'';width:70px;height:4px;background:#aec6ef;border-radius:10px;bottom:0;left:0}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-text::before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;background:var(--color);left:0;bottom:-3px;z-index:1;animation:page1 3s linear infinite}
.wmpage221-page5 .wmpage221-page5-left .wmpage-title{margin-top:10px}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-desc{color:var(--wmpage-color8);margin:13px 0 10px}
.wmpage221-page5 .wmpage221-page5-left ul li{margin-top:18px;background:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.16)}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-open{display:flex;align-items:center;justify-content:space-between;padding:13px 20px}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-icon{position:relative;height:3px;width:20px;background:var(--wmpage-color22);margin-right:15px}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-icon::before{position:absolute;content:'';height:20px;width:3px;background:var(--wmpage-color22);left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;opacity:1}
.wmpage221-page5 .wmpage221-page5-left li.active .wmpage221-page5-icon::before{opacity:0}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin-right:15px}
.wmpage221-page5 .wmpage221-page5-left li.active .wmpage221-page5-title{color:var(--color);text-decoration:underline}
.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-close{color:var(--wmpage-color8);padding:0 20px 12px;display:none}
.wmpage221-page5 .wmpage221-page5-box .wmpage221-page5-right{width:40%;height:700px}
.wmpage221-page5 .wmpage221-page5-right img{position:relative;width:100%;height:100%;object-fit:cover}
@media screen and (max-width:1024px){.wmpage221-page5 .wmpage221-page5-box .wmpage221-page5-left{width:100%;margin-bottom:30px}
.wmpage221-page5 .wmpage221-page5-box .wmpage221-page5-right{width:100%;height:auto}
}
@media screen and (max-width:768px){.wmpage221-page5 .wmpage221-page5-left .wmpage221-page5-open{padding:13px 15px}
}