@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage70-page3-ment{display:flex;flex-wrap:wrap}
.wmpage70-page3-left{position:relative;width:42%;border-radius:5px;overflow:hidden}
.wmpage70-page3-left img{width:100%;transition:all .2s ease}
.wmpage70-page3-info{position:absolute;margin:20px;left:0;bottom:20px;display:inline-block;box-sizing:border-box;padding:20px;padding-right:30px;color:var(--fontcolor)}
.wmpage70-page3-title{position:relative;z-index:10;font-size:var(--fontsize24);font-weight:var(--fontbold5);line-height:1.4}
.wmpage70-page3-p{font-size:var(--fontsize16);position:relative;z-index:10}
.wmpage70-page3-info::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f6f6f6;opacity:.9;border-radius:5px 50px 5px 5px;z-index:0}
.wmpage70-page3-right{width:58%;box-sizing:border-box;padding-left:2%;display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage70-page3-img{width:49%;height:auto;margin-bottom:2%;border-radius:5px;overflow:hidden;position:relative;}
.wmpage70-page3-img img{width:100%;transition:all .2s ease;height:100%;object-fit:cover;}
.wmpage70-page3-img:hover img,.wmpage70-page3-left:hover img{transform:scale(1.02)}
@media (max-width:1024px){.wmpage70-page3-title{font-size:var(--wmpage-font18)}
.wmpage70-page3-p{font-size:var(--wmpage-font14)}
.wmpage70-page3-info{margin:10px;bottom:15px;padding:15px}
.wmpage70-page3-info::after{border-radius:5px 25px 5px 5px}
}
@media (max-width:768px){.wmpage70-page3-ment{flex-direction:column}
.wmpage70-page3-left{width:100%;margin-bottom:20px}
.wmpage70-page3-right{width:100%;padding-left:0}
}
@media (max-width:600px){.wmpage70-page3-img{width:100%;}}
.pagesbanner .pagesbanner-animate .p1{font-size:2.2vw;font-weight:bold;}
.pagesbanner .pagesbanner-animate .p2{font-size:1vw;margin-top:.5vw}
.pagesbanner .pagesbanner-animate{top:50%;max-width:85%;text-align:left}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize13);margin-top:6px}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize20)}
.pagesbanner .pagesbanner-animate{max-width:100%;}
.breadcrumb .breadcrumb-box{position:relative}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize18)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize12)}}