@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage220-page4 .wmpage220-page4-top{text-align:center}
.wmpage220-page4 .wmpage220-page4-text{text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17)}
.wmpage220-page4 .wmpage220-page4-box .wmpage220-page4-item{background:#cfcfcf9c;padding:30px 20px 20px;border-radius:9px;text-align:center;overflow:hidden;position:relative;z-index:1;transition:.4s;margin-top:30px;height:auto;}
.wmpage220-page4 .wmpage220-page4-box .wmpage220-page4-item::before{content:'';position:absolute;width:410px;height:321px;border-radius:100%;top:-173px;left:-25px;background:#a9a9a9;z-index:-1}
.wmpage220-page4 .wmpage220-page4-box .wmpage220-page4-item::after{content:'';position:absolute;width:100%;height:0;bottom:0;left:0;background:var(--color);transition:.7s;z-index:-2}
.wmpage220-page4 .wmpage220-page4-box .wmpage220-page4-item:hover::after{height:100%}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-img{position:relative;display:inline-block}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-img{position:relative;width:182px;height:182px;border-radius:50%;border:6px solid #fff;overflow:hidden}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-img img{width:100%;height:100%;border-radius: 50%;}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-title{font-weight:var(--fontbold7);font-size:var(--wmpage-font20);color:var(--wmpage-color22);transition:all .2s linear;margin:10px 0;}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-desc{color:var(--color);transition:all .2s linear;margin-bottom:15px}
.wmpage220-page4 .wmpage220-page4-item:hover .wmpage220-page4-desc,.wmpage220-page4 .wmpage220-page4-item:hover .wmpage220-page4-title{color:#fff}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-phone{padding-top:15px;border-top:1px solid rgba(55,58,63,.2);transition:all .2s linear;display:flex;flex-direction: column;align-items:center;justify-content:center;font-size:var(--wmpage-font18);font-weight:var(--fontbold6);color:var(--color);transition:all .2s linear}
.wmpage220-page4 .wmpage220-page4-item:hover .wmpage220-page4-phone p,.wmpage220-page4 .wmpage220-page4-item:hover .wmpage220-page4-phone p a{color:#fff;}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-phone em{margin-right:7px}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-share{position:absolute;right:20px;top:30px}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-line{display:inline-flex;justify-content:center;align-items:center;height:35px;width:35px;border-radius:50% 50% 0 50%;background:var(--color);transition:all .3s linear}
.wmpage220-page4 .wmpage220-page4-item:hover .wmpage220-page4-line{background:#d2d2d2}
.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-line em{font-size:var(--wmpage-font14);color:#fff;transition:all .2s linear}
.wmpage220-page4 .wmpage220-page4-item:hover .wmpage220-page4-line em{color:#000}
.wmpage220-page4 .wmpage220-page4-item ul{width:35px;height:auto;padding:15px 0;text-align:center;border-radius:20px 0;transform:translateY(-30px);opacity:0;transition:all .5s 0s ease-out;background:#d2d2d2}
.wmpage220-page4 .wmpage220-page4-item ul li{cursor: pointer;}
.wmpage220-page4 .wmpage220-page4-item:hover ul{transform:translateY(20px);opacity:1}
.wmpage220-page4 .wmpage220-page4-item ul li em{font-size:var(--wmpage-font14);transition:all .3s linear}
.wmpage220-page4 .wmpage220-page4-item ul li em:hover{color:#fff}
.wmpage220-page4 .wmpage220-page4-item ul li:nth-child(-n+3) em{margin-bottom:5px}
@media (max-width:1440px){.wmpage220-page4 .wmpage220-page4-item .wmpage220-page4-phone{font-size:var(--fontsize16)}}