/**
 * ZDHCS 主题模块样式集合
 * 独立于 style.css，便于单独维护
 */

.zdhcs-hero-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.zdhcs-hero-banner .carousel-inner {
    width: 100%;
}

.zdhcs-hero-banner .carousel-item {
    width: 100%;
}

.zdhcs-hero-banner .carousel-item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (min-width: 768px) {
    .zdhcs-hero-banner .carousel-item img {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .zdhcs-hero-banner .carousel-item img {
        height: auto;
        max-height: 260px;
    }
}