.innercase-list{display:flex;flex-wrap:wrap;}
.innercase-list li{width:32%;margin:0 2% 25px 0;position:relative;}
.innercase-list li:nth-child(3n){margin-right:0;}
.innercase-list li .innercase-pic{overflow:hidden;width:100%;}
.innercase-list li .innercase-pic img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:.6s;}
.innercase-list li .innercase-hover{position:absolute;width:100%;height:100%;top:0;left:0;transition:.3s ease-out;display:flex;align-items:center;justify-content:center;}
.innercase-list li .innercase-hover .innercase-hover-info{text-align:center;padding:20px;color:#fff;}
.innercase-list li .innercase-hover .innercase-hover-info-txt{font-size:var(--fontsize12);text-transform:uppercase;letter-spacing:4px;transition:.3s ease-out;transform:translateY(20px);opacity:0}
.innercase-list li .innercase-hover .innercase-hover-info-tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:bold;line-height:1.4;margin-top:10px;font-size:var(--fontsize22);transition:.3s ease-out .1s;transform:translateY(20px);opacity:0;}
.innercase-list li>a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.innercase-list li:hover .innercase-pic img{transform:scale(1.04)}
.innercase-list li:hover .innercase-hover{background:rgba(0 0 0 / 25%)}
.innercase-list li:hover .innercase-hover .innercase-hover-info-txt{opacity:1;transform:translateY(0)}
.innercase-list li:hover .innercase-hover .innercase-hover-info-tit{opacity:1;transform:translateY(0)}
@media (max-width:1280px){.innercase-list li .innercase-hover .innercase-hover-info{padding:10px 15px}
.innercase-list li .innercase-hover .innercase-hover-info-tit{font-size:var(--fontsize20)}}
@media (max-width:1024px){.innercase-list li{width:48%;margin:0 4% 25px 0;}
.innercase-list li:nth-child(3n){margin-right:4%;}
.innercase-list li:nth-child(2n){margin-right:0;}}
@media (max-width:768px){.innercase-list li .innercase-hover{background:rgba(0 0 0 / 25%)}
.innercase-list li .innercase-hover .innercase-hover-info-txt{opacity:1;transform:translateY(0)}
.innercase-list li .innercase-hover .innercase-hover-info-tit{opacity:1;transform:translateY(0)}
.innercase-list li .innercase-hover .innercase-hover-info-tit{font-size:var(--fontsize18)}}
@media (max-width:540px){.innercase-list li{width:100%;margin:0 0 25px 0!important;}}
.pagesbanner .pagesbanner-animate{color:var(--color);text-align:left;width:74%;padding:0}
.pagesbanner .pagesbanner-animate .p1{font-weight:bold;text-transform:uppercase;font-size:4.4vw;line-height:1.4}
.pagesbanner .pagesbanner-animate .p2{margin-top:.6vw;font-size:1.32vw}
.pagesbanner img{min-height:inherit}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:32px;line-height:1.3}
.pagesbanner .pagesbanner-animate .p2{margin-top:5px;font-size:var(--fontsize12);line-height:1.3}}
@media (max-width:540px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize18)}
.pagesbanner .pagesbanner-animate .p2{margin-top:3px}}