@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner .banner-animote .p1{text-align: center;}
.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-subtitle{font-size:var(--fontsize24);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-sub{font-size:var(--fontsize18);line-height:1.52;color:#fff;margin-top:20px;text-align:center;transition:all .36s;font-weight:var(--fontbold5);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-left{width:25%}
.wmpage165-page2-right{width:75%}
.wmpage165-page2-sub{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-subtitle{font-size:18px;margin-bottom:6px}
.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:350px}
.wmpage165-page2-title{margin-bottom:10px}.wmpage165-page2-sub {font-size: 12px;}}
@media(max-width:768px){.wmpage165-page2-deco{width: 3rem;}}