﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage222-page1 .wmpage222-page1-box{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.wmpage222-page1 .wmpage222-page1-box .wmpage222-page1-left{width:48%;position:relative}
.wmpage222-page1 .wmpage222-page1-left img{position:relative;width:100%;height:auto;object-fit:cover;border-radius:0 100% 76% 24%/0 30% 70% 100%}
.wmpage222-page1 .wmpage222-page1-left .wmpage222-page1-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.wmpage222-page1 .wmpage222-page1-left .wmpage222-page1-play a{display:inline-flex;justify-content:center;align-items:center;width:75px;height:75px;border-radius:50%;background:#fff;position:relative;animation:wmpage222-page1 1s linear infinite;transition:.5s}
@keyframes wmpage222-page1{0%{box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(212,90,219,0)}
}
.wmpage222-page1 .wmpage222-page1-left .wmpage222-page1-play em{font-size:var(--wmpage-font26);color:var(--color)}
.wmpage222-page1 .wmpage222-page1-box .wmpage222-page1-right{width:48%}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-text{color:var(--color);font-size:var(--wmpage-font17);letter-spacing:5px;text-transform:uppercase;font-weight:var(--fontbold6)}
.wmpage222-page1 .wmpage222-page1-right .wmpage-title{color:var(--wmpage-color22)}
.wmpage222-page1 .wmpage222-page1-right .wmpage-title span{color:var(--color)}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-desc{color:var(--wmpage-color8);margin:10px 0 35px}
.wmpage222-page1 .wmpage222-page1-right ul li{display:flex;flex-wrap:wrap;align-items:center;margin-top:30px}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-icon{display:inline-flex;justify-content:center;align-items:center;width:65px;height:65px;border-radius:2px;overflow:hidden;background:var(--color);border:1px solid var(--color);transition:all .3s linear}
.wmpage222-page1 .wmpage222-page1-right li:hover .wmpage222-page1-icon{background:#fff}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-icon em{color:#fff;font-size:var(--wmpage-font34);transition:all .3s linear}
.wmpage222-page1 .wmpage222-page1-right li:hover .wmpage222-page1-icon em{color:var(--color)}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-info{flex:1;margin-left:20px}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage222-page1 .wmpage222-page1-right .wmpage222-page1-words{color:var(--wmpage-color8);margin-top:5px;line-height:1.4}
.wmpage222-page1 .wmpage222-page1-btn a{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:160px;height:50px;border-radius:5px;padding:0 20px;overflow:hidden;background:var(--color);color:#fff;font-weight:var(--fontbold6);margin-top:35px;border:1px solid var(--color);transition:all .3s linear;z-index:1}
.wmpage222-page1 .wmpage222-page1-btn a:hover{color:var(--color)}
.wmpage222-page1 .wmpage222-page1-btn a::before{position:absolute;top:0;left:50%;content:'';height:110%;width:110%;z-index:-1;background-color:#fff;transition:all .25s ease-in-out;transform:translateX(-50%) skew(25deg) scale(0)}
.wmpage222-page1 .wmpage222-page1-btn a:hover::before{transform:translateX(-50%) skew(25deg) scale(1.3)}
@media screen and (max-width:1024px){.wmpage222-page1 .wmpage222-page1-box .wmpage222-page1-left{width:100%;margin-bottom:30px}
.wmpage222-page1 .wmpage222-page1-box .wmpage222-page1-right{width:100%}
}.wmpage66-page1 .wmpage-title{font-weight:var(--fontbold9);line-height:1.2;color:var(--fontcolor);text-align:center}
.wmpage66-pagelist{margin:4% auto 0;position:relative;padding-bottom:20px;z-index:1}
.wmpage66-pagelist::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;width:1px;height:100%;background:var(--color);z-index:-1}
.wmpage66-pageitem{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;transition:all .3s ease-in-out}
.wmpage66-history-left{display:flex}
.wmpage66-history-right{display:flex;align-items:center}
.wmpage66-history-length{width:50px;height:5px;background:var(--color);border-radius:3px;margin-right:10px}
.wmpage66-history-left,.wmpage66-history-right{width:45%}
.wmpage66-history-year span:nth-of-type(1){color:var(--color);font-size:var(--fontsize24);font-weight:var(--fontbold6);line-height: 1;}
.wmpage66-history-year span:nth-of-type(2){color:#111;font-weight:var(--fontbold6)}
.wmpage66-history-year{width:300px;height:50px;border-radius:27px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:0;position:relative;overflow:hidden}
.wmpage66-history-year::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--color),#fff);opacity:.3;z-index:-1}
.wmpage66-history-info{width:95%;background:#fff;box-shadow:0 7px 25px 5px #c0c0c070;border-radius:8px;padding:30px;position:relative;transition:all .1s linear}
.wmpage66-history-name{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#111;line-height:1.2;text-align:center;padding-bottom:15px}
.wmpage66-history-icon{width:60px;height:60px;background:var(--color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--fontbold6);position:relative}
.wmpage66-history-icon em{font-size:var(--fontsize20);width:var(--fontsize20)}
.wmpage66-pageitem:nth-child(2n){flex-direction:row-reverse}
.wmpage66-pageitem:nth-child(2n) .wmpage66-history-left{flex-direction:row-reverse}
.wmpage66-pageitem:nth-child(2n) .wmpage66-history-right{flex-direction:row-reverse}
.wmpage66-pageitem:nth-child(2n) .wmpage66-history-year{flex-direction:row-reverse}
.wmpage66-pageitem:nth-child(2n) .wmpage66-history-year::after{background:linear-gradient(-90deg,var(--color),#fff)}
.wmpage66-pageitem:hover{transform:translateY(-8px)}
@media (max-width:1420px){.wmpage66-pageitem{margin-bottom:20px}
.wmpage66-history-name{font-size:var(--wmpage-font20)}
}
@media (max-width:768px){.wmpage66-history-info{padding:15px}
.wmpage66-history-name{font-size:var(--wmpage-font16);padding-bottom:10px}
.wmpage66-history-year span:nth-of-type(1){font-size:var(--wmpage-font18)}
.wmpage66-history-year{width:190px;height:35px}
.wmpage66-history-icon{width:50px;height:50px}
.wmpage66-history-icon em{font-size:var(--fontsize16);width:var(--fontsize16)}
}.wmpage211-page5 .wmpage211-page5-text{display:inline-block;position:relative;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font24);padding-left:20px;left:50%;transform:translateX(-50%)}
.wmpage211-page5 .wmpage211-page5-text:before{content:'';position:absolute;width:18px;height:10px;background-color:var(--color);border-top-left-radius:10px;border-top-right-radius:10px;left:0;top:50%;transform:translateY(-50%) rotate(-90deg)}
.wmpage211-page5 .wmpage-title{color:var(--wmpage-color22);text-align:center}
.wmpage211-page5 .wmpage211-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:22%}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd;border-radius:35px;transition:all .2s linear;cursor: pointer;}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li.active{background:var(--color);border:1px solid transparent}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li:last-child{margin-bottom:0}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-letter{line-height:1.3;padding:15px 20px;color:var(--color);font-weight:var(--fontbold6);flex:1;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-letter{color:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;margin:5px;background:#f6f6f6;transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon{background:#fff}
.wmpage211-page5 .wmpage211-page5-left .wmpage211-page5-icon em{transform:rotate(-30deg);color:var(--color);transition:all .2s linear}
.wmpage211-page5 .wmpage211-page5-left li.active .wmpage211-page5-icon em{color:var(--wmpage-color22)}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:75%;position:relative;overflow:hidden}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item{visibility:hidden;opacity:0;transform:scale(.8);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;position:absolute;top:0;left:0;width:100%}
.wmpage211-page5 .wmpage211-page5-right .wmpage211-page5-item.active{visibility:visible;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;opacity:1;transform:scale(1);position:relative}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:36%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img img{width:100%;height:auto;border-radius:30px;object-fit:cover}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:61%}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-desc{color:var(--wmpage-color8);margin:10px 0 20px}
.wmpage211-page5 .wmpage211-page5-item ul li{display:flex;align-items:center;color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-top:7px}
.wmpage211-page5 .wmpage211-page5-item ul li em{color:var(--color);font-weight:var(--fontbold5);margin-right:10px}
@media screen and (max-width:1024px){.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-right{width:100%}
}
@media screen and (max-width:768px){.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-img{width:100%;margin-bottom:30px}
.wmpage211-page5 .wmpage211-page5-item .wmpage211-page5-info{width:100%}
.wmpage211-page5 .wmpage211-page5-box .wmpage211-page5-left li a{pointer-events: none;}}
