.hpslider{position:relative;width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:550px;overflow:hidden}
.hpslider-track{display:flex;width:100%;height:100%;transition:transform .45s ease;will-change:transform}
.hpslide{position:relative;flex:0 0 100%;height:100%}
.hpslide-img{width:100%;height:100%;object-fit:cover;display:block}
.hpslide-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hpslide-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 150px;color:#fff;max-width:1100px}
.hpslide-t1{font-size:34px;font-weight:700;line-height:1.15}
.hpslide-t2{font-size:16px;line-height:1.45;max-width:720px}
.hpslide-t3{font-size:15px;line-height:1.45;max-width:720px;opacity:.95}
.hpslide-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:10px;background:#fff;color:#111;text-decoration:none;font-weight:700;width:max-content}
.hpslider-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1}
.hpslider-prev{left:14px}
.hpslider-next{right:14px}
.hpslider-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:10px}
.hpslider-dot{width:10px;height:10px;border:0;border-radius:999px;background:rgba(255,255,255,.55);cursor:pointer}
.hpslider-dot.is-active{background:rgba(255,255,255,.95)}
@media (max-width: 768px){
.hpslider{height:280px}
.hpslide-in{padding:0 16px}
.hpslide-t1{font-size:22px}
.hpslide-t2{font-size:14px}
.hpslide-t3{font-size:13px}
.hpslider-btn{width:38px;height:38px;font-size:24px}
}