@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage96-page1{background-color:#f3f6f8}
.wmpage96-page1 .wmpage96-page1-box{display:flex;align-items:center;flex-wrap:wrap}
.wmpage96-page1 .wmpage96-page1-info{width:50%;padding-right:40px}
.wmpage96-page1 .wmpage96-page1-info .wmpage96-page1-txt{color:#555;margin-top:15px}
.wmpage96-page1 .wmpage96-page1-info .wmpage96-page1-txt p{margin:5px 0}
.wmpage96-page1 .wmpage96-page1-info .wmpage96-page1-more{background-color:var(--color);color:#fff;padding:10px 24px;border-radius:5px;display:inline-block;margin-top:20px;transition:all .25s ease-in-out;border:1px solid var(--color)}
.wmpage96-page1 .wmpage96-page1-info .wmpage96-page1-more:hover{background-color:#fff;color:var(--color)}
.wmpage96-page1 .wmpage96-page1-img{width:50%;border-radius:5px;overflow:hidden}
@media screen and (max-width:768px){.wmpage96-page1 .wmpage96-page1-box{flex-direction:column-reverse}
.wmpage96-page1 .wmpage96-page1-info{width:100%;padding-right:0;margin-top:20px}
.wmpage96-page1 .wmpage96-page1-info .wmpage96-page1-txt{margin-top:10px}
.wmpage96-page1 .wmpage96-page1-info .wmpage96-page1-more{padding:6px 20px;margin-top:15px}
.wmpage96-page1 .wmpage96-page1-img{width:100%}
}.wmpage96-page2 .wmpage-title{position:relative;text-align:center;padding-bottom:20px}
.wmpage96-page2 .wmpage-title::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:50px;height:2px;background-color:var(--color)}
.wmpage96-page2 .wmpage-title::before{content:'';position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:100px;height:2px;background-color:var(--color)}
.wmpage96-page2 .wmpage96-page2-desc{color:#555;margin:0 16%;margin-top:20px;text-align:center}
.wmpage96-page2 .wmpage96-page2-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage96-page2 .wmpage96-page2-item{width:23%;margin-top:60px}
.wmpage96-page2 .wmpage96-page2-item .tit{text-align: center;font-size: var(--wmpage-font20);font-weight: var(--fontbold6);line-height: 1;}
.wmpage96-page2 .wmpage96-page2-item .txt{text-align:center;color:#555;margin-top:10px}
.wmpage96-page2 .wmpage96-page2-item .icon{width:80px;height:80px;border-radius:50%;background-color:var(--color);display:flex;align-items:center;justify-content:center;margin:0 auto}
.wmpage96-page2 .wmpage96-page2-item .icon em{color: #fff;font-size: var(--wmpage-font32);width: var(--wmpage-font32);line-height: 1;}
.wmpage96-page2 .wmpage96-page2-item .num{height:180px;margin:15px 0;position:relative}
.wmpage96-page2 .wmpage96-page2-item .num span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#e7e7e7;color:var(--color);font-size:var(--wmpage-font18);margin:0 auto}
.wmpage96-page2 .wmpage96-page2-item .num::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:8px;height:8px;background-color:#e7e7e7;border-radius:50%;transition:all .6s ease-in-out;z-index:-1}
.wmpage96-page2 .wmpage96-page2-item .num::after{content:'';position:absolute;left:50%;height:70%;width:2px;background-color:#e7e7e7;transform:translateX(-50%);transition:all .6s ease-in-out;z-index:-1}
.wmpage96-page2 .wmpage96-page2-item:nth-child(even) .num::after{top:40px}
.wmpage96-page2 .wmpage96-page2-item:nth-child(even) .num::before{top:calc(70% + 40px)}
.wmpage96-page2 .wmpage96-page2-item:nth-child(even):hover .num::after{height:0}
.wmpage96-page2 .wmpage96-page2-item:nth-child(even):hover .num::before{top:0}
.wmpage96-page2 .wmpage96-page2-item:nth-child(odd) .num{display:flex;align-items:flex-end;justify-content:center}
.wmpage96-page2 .wmpage96-page2-item:nth-child(odd) .num::after{bottom:40px}
.wmpage96-page2 .wmpage96-page2-item:nth-child(odd) .num::before{bottom:calc(70% + 40px)}
.wmpage96-page2 .wmpage96-page2-item:nth-child(odd):hover .num::after{height:0}
.wmpage96-page2 .wmpage96-page2-item:nth-child(odd):hover .num::before{bottom:0}
@media screen and (max-width:1024px){.wmpage96-page2 .wmpage96-page2-item{width:49%}
}
@media screen and (max-width:768px){.wmpage96-page2 .wmpage96-page2-item .num{height:120px}
.wmpage96-page2 .wmpage96-page2-desc{margin:0;margin-top:20px}
.wmpage96-page2 .wmpage96-page2-item{margin-top:25px}
}
@media screen and (max-width:500px){.wmpage96-page2 .wmpage96-page2-item{width:100%}
.wmpage96-page2 .wmpage96-page2-item .num{height:80px}
.wmpage96-page2 .wmpage96-page2-item .icon{width:60px;height:60px}
.wmpage96-page2 .wmpage96-page2-item .icon em{font-size:var(--wmpage-font24,24px)}
}.wmpage96-page4 .wmpage96-page4-box{display:flex;flex-wrap:wrap}
.wmpage96-page4 .wmpage96-page4-info{width:50%;padding-right:20px}
.wmpage96-page4 .wmpage96-page4-info .wmpage96-page4-txt{color:#555}
.wmpage96-page4 .wmpage96-page4-info .wmpage96-page4-txt p{margin-top:15px}
.wmpage96-page4 .wmpage96-page4-info .wmpage96-page4-more{background-color:var(--color);display:inline-block;margin-top:20px;padding:10px 20px;border-radius:5px;color:#fff;transition:all .25s ease-in-out;border:1px solid var(--color)}
.wmpage96-page4 .wmpage96-page4-info .wmpage96-page4-more:hover{background-color:#fff;color:var(--color)}
.wmpage96-page4 .wmpage96-page4-list{width:50%;padding-left:20px;display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage96-page4 .wmpage96-page4-item{width:48%;margin-bottom:30px;padding:45px 20px;background-color:#fff;box-shadow:0 0 10px #ccc;transition:all .35s ease-in-out}
.wmpage96-page4 .wmpage96-page4-item .wmpage96-page4-icon{background-color:var(--color);display:flex;align-items:center;justify-content:center;margin:0 auto;margin-bottom:20px;width:70px;height:70px;border-radius:50%}
.wmpage96-page4 .wmpage96-page4-item .wmpage96-page4-icon em{color:#fff;font-size:var(--wmpage-font30);width:30px}
.wmpage96-page4 .wmpage96-page4-item .wmpage96-page4-tit{font-size: var(--wmpage-font20);text-align: center;font-weight: var(--fontbold6);line-height: 1.25;}
.wmpage96-page4 .wmpage96-page4-item:hover{transform:translateY(-6px)}
@media screen and (max-width:1024px){.wmpage96-page4 .wmpage96-page4-info{width:100%;padding-right:0}
.wmpage96-page4 .wmpage96-page4-list{width:100%;padding-left:0}
}
@media screen and (max-width:500px){.wmpage96-page4 .wmpage96-page4-item{margin-top:25px;width:48%;padding:20px 15px;margin-bottom:0}
.wmpage96-page4 .wmpage96-page4-item .wmpage96-page4-icon{width:60px;height:60px}
.wmpage96-page4 .wmpage96-page4-item .wmpage96-page4-tit{font-size:var(--wmpage-font18)}
}