body.template-index #MainContent .sections-slide-show,body.template-index #MainContent [id*=__image_banner],body.template-index #MainContent .sections-video,body.template-index #MainContent .sections-video-banner,body.template-index #MainContent .sections-hero{overflow:hidden}body.template-index #MainContent .sections-slide-show .fluid-width-video-wrapper,body.template-index #MainContent .sections-slide-show .video,body.template-index #MainContent [id*=__image_banner] .adaptive_height,body.template-index #MainContent [id*=__image_banner] .adaptive_height img,body.template-index #MainContent .sections-video video,body.template-index #MainContent .sections-video-banner video,body.template-index #MainContent .sections-hero video,body.template-index #MainContent .sections-hero img{width:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important}body.template-index #MainContent [id*=__image_banner] .adaptive_height img,body.template-index #MainContent .sections-slide-show .video,body.template-index #MainContent .sections-video video,body.template-index #MainContent .sections-video-banner video,body.template-index #MainContent .sections-hero video,body.template-index #MainContent .sections-hero img{height:100%!important}@media screen and (min-width:750px){body.template-index #MainContent .sections-slide-show .slideshow,body.template-index #MainContent .sections-slide-show .slick-list,body.template-index #MainContent .sections-slide-show .slick-track,body.template-index #MainContent .sections-slide-show .slick-slide,body.template-index #MainContent .sections-slide-show .slick-slide>div,body.template-index #MainContent .sections-slide-show .item,body.template-index #MainContent .sections-slide-show .slide-video,body.template-index #MainContent .sections-slide-show .fluid-width-video-wrapper,body.template-index #MainContent [id*=__image_banner] .halo-banner-wrapper,body.template-index #MainContent [id*=__image_banner] .halo-banner-wrapper>div,body.template-index #MainContent [id*=__image_banner] .item,body.template-index #MainContent [id*=__image_banner] .banner-item,body.template-index #MainContent [id*=__image_banner] .img-box,body.template-index #MainContent [id*=__image_banner] .adaptive_height,body.template-index #MainContent .sections-video .video-section,body.template-index #MainContent .sections-video-banner .video-banner,body.template-index #MainContent .sections-hero .hero{aspect-ratio:2.4 / 1!important;height:auto!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}}@media screen and (max-width:749px){body.template-index #MainContent .sections-slide-show .slideshow,body.template-index #MainContent .sections-slide-show .slick-list,body.template-index #MainContent .sections-slide-show .slick-track,body.template-index #MainContent .sections-slide-show .slick-slide,body.template-index #MainContent .sections-slide-show .slick-slide>div,body.template-index #MainContent .sections-slide-show .item,body.template-index #MainContent .sections-slide-show .slide-video,body.template-index #MainContent .sections-slide-show .fluid-width-video-wrapper,body.template-index #MainContent [id*=__image_banner] .halo-banner-wrapper,body.template-index #MainContent [id*=__image_banner] .halo-banner-wrapper>div,body.template-index #MainContent [id*=__image_banner] .item,body.template-index #MainContent [id*=__image_banner] .banner-item,body.template-index #MainContent [id*=__image_banner] .img-box,body.template-index #MainContent [id*=__image_banner] .adaptive_height,body.template-index #MainContent .sections-video .video-section,body.template-index #MainContent .sections-video-banner .video-banner,body.template-index #MainContent .sections-hero .hero{aspect-ratio:3 / 4!important;height:auto!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}body.template-index #MainContent .sections-slide-show .video,body.template-index #MainContent [id*=__image_banner] .adaptive_height img,body.template-index #MainContent .sections-video video,body.template-index #MainContent .sections-video-banner video,body.template-index #MainContent .sections-hero video,body.template-index #MainContent .sections-hero img{object-position:center top!important}body.template-index{--zhizhi-mobile-kv-top-offset: 118px}body.template-index #MainContent .sections-slide-show .slideshow,body.template-index #MainContent .sections-slide-show .slick-list,body.template-index #MainContent .sections-slide-show .slick-track,body.template-index #MainContent .sections-slide-show .slick-slide,body.template-index #MainContent .sections-slide-show .slick-slide>div,body.template-index #MainContent .sections-slide-show .item,body.template-index #MainContent .sections-slide-show .slide-video,body.template-index #MainContent .sections-slide-show .fluid-width-video-wrapper{aspect-ratio:auto!important;height:calc(100vh - var(--zhizhi-mobile-kv-top-offset))!important;height:calc(100svh - var(--zhizhi-mobile-kv-top-offset))!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/zhizhi-home-hero-ratio.css.map */