@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage165-page1-row{display:flex;position:relative;overflow:hidden;background:#000}
.wmpage165-page1-row::before{display:table;content:' '}
.wmpage165-page1-row::after{display:block;clear:both;height:0;content:' '}
.wmpage165-page1-col{position:relative;display:inline-block;height:670px;flex:1;transition:all .36s}
.wmpage165-page1-bgbox{position:relative;z-index:1;height:100%}
.wmpage165-page1-bgbox::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;background:rgba(0,0,0,.5)}
.wmpage165-page1-bgbox::after{content:'';position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;background:rgba(10,56,165,.57);opacity:0;transition:all .36s}
.wmpage165-page1-txtbox{position:absolute;left:0;top:0;height:100%;z-index:5;width:100%;color:#fff;transition:all .36s;white-space:normal}
.wmpage165-page1-bg{width:100%;height:100%}
.wmpage165-page1-title{width:100%;top:40%;font-size:30px;line-height:1.5;font-variation-settings:'wght' 750;text-align:center;transition:all .36s}
.wmpage165-page1-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.wmpage165-page1-titwrap{display:inline-block;text-align:left;vertical-align:top}
.wmpage165-page1-titwrap em{font-size:46px;width:46px;display:block}
.wmpage165-page1-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:100px 60px;opacity:0;width:100%;height:100%}
.wmpage165-page1-Box{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}
.wmpage165-page1-titles{font-size:28px;line-height:1.2;margin-bottom:20px;text-align:left;opacity:1}
.wmpage165-page1-titles p{font-size:16px;line-height:30px;color:#b2c8fa}
.wmpage165-page1-container p{font-size:16px;line-height:30px;color:#b2c8fa}
.wmpage165-page1-titles p{font-size:28px;line-height:1.52;color:#fff}
.wmpage165-page1-titwrap p{font-size:26px;line-height:1.25;margin-top:20px}
.wmpage165-page1-titles em{font-size:42px;line-height:1;width:42px;display:block;margin-bottom:15px}
.wmpage165-page1-col:hover{flex:1.5}
.wmpage165-page1-col:hover .wmpage165-page1-bgbox::after{opacity:1}
.wmpage165-page1-col:hover .wmpage165-page1-title{opacity:0}
.wmpage165-page1-col:hover .wmpage165-page1-txt{opacity:1}
.wmpage165-page1-col:hover .wmpage165-page1-bgbox{width:100%}
@media (max-width:1366px){.wmpage165-page1-titwrap p{font-size:22px}
.wmpage165-page1-txt{padding:35px}
.wmpage165-page1-titwrap em{font-size:32px;width:32px}
}
@media (max-width:1024px){.wmpage165-page1-row{flex-wrap:wrap}
.wmpage165-page1-col{height:400px;width:50%;flex:auto}
.wmpage165-page1-col:hover{flex:auto}
.wmpage165-page1-titles p{font-size:24px}
.wmpage165-page1-titles{margin-bottom:10px}
}
@media (max-width:620px){.wmpage165-page1-col{width:100%}
}.wmpage165-page2-contant{display:flex;box-shadow:0 0 14px 1px rgba(234,234,234,.75)}
.wmpage165-page2-contant::after{display:block;clear:both;height:0;content:' '}
.wmpage165-page2-contant::before{display:table;content:' '}
.wmpage165-page2-title{text-align:center;margin-bottom:50px}
.wmpage165-page2-left{width:30%;height:600px;min-height:auto}
.wmpage165-page2-right{width:70%;height:600px;position:relative;z-index:1}
.wmpage165-page2-list{position:relative;width:100%;height:100%;overflow:hidden}
.wmpage165-page2-li{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;width:100%;padding:30px 50px;display:none}
.wmpage165-page2-box{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}
.wmpage165-page2-box h5{font-size:24px;line-height:1.2;text-align:left;margin-bottom:20px;color:#1d1d1f}
.wmpage165-page2-box p{font-size:18px;color:#333;line-height:1.75;font-weight:lighter}
.wmpage165-page2-imgbox{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}
.wmpage165-page2-imgbox::before{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.1)}
.wmpage165-page2-row{width:100%;height:100%}
.wmpage165-page2-img{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .5s;overflow:hidden}
.wmpage165-page2-img.act{opacity:1}
.wmpage165-page2-poster{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.wmpage165-page2-col{float:left;width:20%;height:100%;position:relative}
.wmpage165-page2-col:not(:last-child){border-right:1px solid rgba(255,255,255,.3)}
.wmpage165-page2-colbox{display:block;width:100%;height:100%}
.wmpage165-page2-cont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 15px}
.wmpage165-page2-deco{display:block;width:6rem;height:6rem;opacity:1;transition:.1s;transform:translateZ(0);margin:0 auto}
.wmpage165-page2-deco::after{content:'';left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale(.75);transition:.4s;border:1px solid #ffffff1a;border-radius:100%;height:4rem;width:4rem}
.wmpage165-page2-deco::before{content:'';left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale(.75);transition:.4s;border:1px solid #ffffff4d;border-radius:100%;height:3rem;width:3rem}
.wmpage165-page2-deco i{background:#ffffffcc;border:1px solid #fff;border-radius:100%;height:1.2rem;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale(.5);transition:.4s;width:1.2rem}
.wmpage165-page2-cont h4{font-size:18px;line-height:1.52;color:#fff;margin-top:20px;text-align:center;transition:all .36s;font-weight:500;height:60px}
.wmpage165-page2-col:hover .wmpage165-page2-deco::before{animation:scalepulse 1.3s linear .3s infinite both;transform:translate3d(-50%,-50%,0) scale(1)}
.wmpage165-page2-col:hover .wmpage165-page2-deco::after{animation:scalepulse 1.3s linear .15s infinite both;transform:translate3d(-50%,-50%,0) scale(1)}
.wmpage165-page2-col:hover .wmpage165-page2-deco i{background:#fff;animation:scalepulse 1.3s linear 0s infinite both;transform:translate3d(-50%,-50%,0) scale(1)}
@keyframes scalepulse{20%{-webkit-transform:translate3d(-50%,-50%,0) scale(1.15);transform:translate3d(-50%,-50%,0) scale(1.15);-webkit-animation-timing-function:ease;animation-timing-function:ease}
50%{-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);-webkit-animation-timing-function:ease;animation-timing-function:ease}
}
@media (max-width:1366px){.wmpage165-page2-li{padding:25px 30px}
.wmpage165-page2-box p{font-size:16px;line-height:1.52}
.wmpage165-page2-left{width:25%}
.wmpage165-page2-right{width:75%}
.wmpage165-page2-cont h4{font-size:14px}
}
@media (max-width:1024px){.wmpage165-page2-contant{flex-direction:column}
.wmpage165-page2-left{width:100%;height:160px}
.wmpage165-page2-right{width:100%;height:500px}
}
@media (max-width:768px){.wmpage165-page2-box h5{font-size:18px;margin-bottom:6px}
.wmpage165-page2-box p{font-size:14px}
.wmpage165-page2-title{margin-bottom:30px}
}
@media (max-width:640px){.wmpage165-page2-li{padding:20px}
.wmpage165-page2-deco::before{height:1.5rem;width:1.5rem}
.wmpage165-page2-deco::after{height:2rem;width:2rem}
.wmpage165-page2-deco i{width:1rem;height:1rem}
.wmpage165-page2-right{height:400px}
.wmpage165-page2-left{height:130px}
.wmpage165-page2-title{margin-bottom:10px}
}.wmpage165-page3-title{text-align:center}
.wmpage165page3Swiper .swiper-slide{position:relative;z-index:1}
.wmpage165-page3-image img{width:100%}
.wmpage165-page3-contant{margin-top:50px}
.wmpage165-page3-image{position:relative;overflow:hidden}
.wmpage165-page3-image::after{content:'';position:absolute;left:0;bottom:0;z-index:3;width:100%;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))}
.wmpage165-page3-image img{width:100%;position:relative;z-index:1;top:0;left:0;object-fit:cover}
.wmpage165-page3-txtbox{position:absolute;left:0;bottom:0;z-index:5;width:100%;padding:0 30px;transition:all .36s}
.wmpage165-page3-tit{line-height:30px;height:30px;overflow:hidden;color:#fff;margin-bottom:10px;font-size:24px}
.wmpage165-page3-tex{opacity:0;transition:all .36s}
.wmpage165-page3-tex p{font-size:16px;line-height:24px;height:48px;overflow:hidden;color:#fff}
.wmpage165page3Swiper .swiper-slide:hover .wmpage165-page3-txtbox{bottom:30px}
.wmpage165page3Swiper .swiper-slide:hover .wmpage165-page3-tex{opacity:1}
.wmpage165-page3-next,.wmpage165-page3-prev{width:60px;height:60px;color:#001eb4;opacity:1;transition:all .36s;background:#fff;border-radius:50%;box-shadow:0 5px 10px #00000033;top:calc(50% - 40px);position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0}
.wmpage165-page3-next{left:10px}
.wmpage165-page3-prev{right:10px}
.wmpage165-page3-next em,.wmpage165-page3-prev em{font-size:24px;width:24px}
.wmpage165page3Swiper:hover .wmpage165-page3-next{opacity:1}
.wmpage165page3Swiper:hover .wmpage165-page3-prev{opacity:1}.wmpage165-page4-contant{display:flex}
.wmpage165-page4-left,.wmpage165-page4-right{width:50%;padding:50px}
.wmpage165-page4-box>em{font-size:98px;width:110px;display:block;line-height:1;color:var(--color)}
.wmpage165-page4-box{display:flex;align-items:center;padding:0 50px}
.wmpage165-page4-left{background:#f4f5f5;transition:all .3s ease-in-out}
.wmpage165-page4-right{background:#ebeff2;transition:all .3s ease-in-out}
.wmpage165-page4-left .wmpage165-page4-box{justify-content:right}
.wmpage165-page4-box p{font-size:28px;color:var(--color);line-height:1;padding-left:20px;transition:all .3s ease-in-out}
.wmpage165-page4-left:hover{background:var(--color)}
.wmpage165-page4-left:hover em,.wmpage165-page4-left:hover p{color:#fff}
.wmpage165-page4-right:hover{background:var(--color)}
.wmpage165-page4-right:hover em,.wmpage165-page4-right:hover p{color:#fff}
@media (max-width:1440px){.wmpage165-page4-left,.wmpage165-page4-right{padding:25px}
.wmpage165-page4-box>em{width:68px;font-size:68px}
.wmpage165-page4-box p{font-size:22px}
}
@media (max-width:550px){.wmpage165-page4-contant{flex-wrap:wrap}
.wmpage165-page4-left,.wmpage165-page4-right{padding:25px;width:100%;display:flex;justify-content:center}
}