.home-focus{position:relative;width:100%;height:567px;overflow:hidden;background:#111;border-radius:2px;box-shadow:0 8px 24px rgba(20,28,40,.12);isolation:isolate}
.home-focus__slides,.home-focus__slide,.home-focus__link,.home-focus__image{width:100%;height:100%}
.home-focus__slide{position:absolute;inset:0;z-index:0;visibility:hidden;opacity:0;transition:opacity .5s ease,visibility .5s}
.home-focus__slide.is-active{z-index:1;visibility:visible;opacity:1}
.home-focus__link,.home-focus__image{display:block}
.home-focus__image{object-fit:cover}
.home-focus__shade{position:absolute;inset:auto 0 0;z-index:2;height:38%;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 28%,rgba(0,0,0,.9) 100%)}
.home-focus__caption{position:absolute;right:42px;bottom:50px;left:42px;z-index:3;padding-right:110px;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.45)}
.home-focus__badge{display:none}
.home-focus__title{display:block;overflow:hidden;color:#fff;font:700 28px/1.4 "Microsoft YaHei",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.home-focus__dots{position:absolute;right:42px;bottom:23px;left:42px;z-index:5;display:flex;height:4px;gap:7px;align-items:stretch}
.home-focus__dot{position:relative;min-width:0;height:4px;padding:0;flex:1;overflow:hidden;border:0;background:rgba(255,255,255,.38);cursor:pointer}
.home-focus__dot-thumb,.home-focus__dot-title{display:none}
.home-focus__dot-progress{position:absolute;inset:0}
.home-focus__dot.is-active{background:rgba(255,255,255,.65)}
.home-focus__dot.is-active .home-focus__dot-progress::after{content:"";display:block;width:100%;height:100%;background:#d71920;transform-origin:left;animation:homeFocusProgress 5s linear forwards}
.home-focus.is-paused .home-focus__dot.is-active .home-focus__dot-progress::after{animation-play-state:paused}
.home-focus__counter{position:absolute;right:42px;bottom:49px;z-index:5;color:#fff;font:500 15px/1 Arial,sans-serif;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.55)}
.home-focus__counter-current{font-size:25px;font-weight:700}
.home-focus__arrow{position:absolute;top:50%;z-index:4;display:flex;width:44px;height:64px;padding:0;align-items:center;justify-content:center;color:#fff;border:0;outline:0;background:rgba(0,0,0,.38);cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .2s,background .2s}
.home-focus:hover .home-focus__arrow,.home-focus:focus-within .home-focus__arrow{opacity:1}
.home-focus__arrow:hover{background:rgba(215,25,32,.92)}
.home-focus__arrow--prev{left:0}.home-focus__arrow--next{right:0}
.home-focus__arrow::before{content:"";width:12px;height:12px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.home-focus__arrow--prev::before{margin-left:5px;transform:rotate(-135deg)}.home-focus__arrow--next::before{margin-right:5px;transform:rotate(45deg)}
@keyframes homeFocusProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){.home-focus{height:450px}.home-focus__caption{right:30px;bottom:43px;left:30px}.home-focus__title{font-size:23px}.home-focus__dots{right:30px;bottom:19px;left:30px}.home-focus__counter{right:30px;bottom:42px}}
@media(prefers-reduced-motion:reduce){.home-focus__slide{transition:opacity .2s}.home-focus__dot.is-active .home-focus__dot-progress::after{animation:none;transform:scaleX(1)}}