.slideshow {
    height: 400px;
    object-fit: cover;
}

.logo-brand {
    display: inline-flex;
    align-items: center;
    height: 50px;
    max-height: 50px;
    overflow: hidden;
    line-height: 50px;
}

.logo-img {
    display: block;
    height: 50px !important;
    max-height: 50px !important;
    max-width: 360px;
    width: auto;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    object-fit: contain;
    vertical-align: middle;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo-img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

@media (max-width: 768px) {
    .logo-brand {
        height: 40px;
        max-height: 40px;
        line-height: 40px;
    }
    .logo-img {
        height: 40px !important;
        max-height: 40px !important;
        max-width: 240px;
    }
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #000 !important;
    font-size: 16px !important;
    transition: color 0.2s ease;
}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-item.active .nav-link {
    color: #ff6e00 !important;
}

.navbar-expand-lg .navbar-phone {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 1.2rem !important;
    margin-right: 1rem !important;
    color: #000 !important;
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    cursor: default !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

.navbar-expand-lg .navbar-phone:hover,
.navbar-expand-lg .navbar-phone:focus {
    color: #000 !important;
    text-decoration: none !important;
}

.navbar-expand-lg .navbar-phone .fa-phone {
    margin-right: 6px !important;
    font-size: 20px !important;
    color: #000 !important;
}

/* =============================================
   主题配色覆盖：将蓝色/青色替换为橙色 #ff6e00
   ============================================= */

/* 1. Bootstrap CSS 变量覆盖 */
:root {
    --blue: #ff6e00;
    --cyan: #ff6e00;
    --primary: #ff6e00;
    --info: #ff6e00;
}

/* 2. 超链接默认/悬停色覆盖 */
a {
    color: #ff6e00;
}
a:hover {
    color: #e65c00;
}

/* 3. 表单控件聚焦橙色边框与阴影 */
.form-control:focus,
.custom-select:focus,
.custom-file-input:focus ~ .custom-file-label {
    border-color: #ffb27a;
    box-shadow: 0 0 0 0.2rem rgba(255, 110, 0, 0.25);
}

/* 4. 按钮 .btn-info 全套状态覆盖 */
.btn-info {
    color: #fff;
    background-color: #ff6e00;
    border-color: #ff6e00;
}
.btn-info:hover {
    color: #fff;
    background-color: #e65c00;
    border-color: #d65500;
}
.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #e65c00;
    border-color: #d65500;
    box-shadow: 0 0 0 0.2rem rgba(255, 110, 0, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #ff6e00;
    border-color: #ff6e00;
    opacity: 0.65;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #d65500;
    border-color: #c94d00;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 110, 0, 0.5);
}

/* 5. 按钮 .btn-primary 全套状态覆盖 */
.btn-primary {
    color: #fff;
    background-color: #ff6e00;
    border-color: #ff6e00;
}
.btn-primary:hover {
    color: #fff;
    background-color: #e65c00;
    border-color: #d65500;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #e65c00;
    border-color: #d65500;
    box-shadow: 0 0 0 0.2rem rgba(255, 110, 0, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #ff6e00;
    border-color: #ff6e00;
    opacity: 0.65;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #d65500;
    border-color: #c94d00;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 110, 0, 0.5);
}

/* 6. 背景色 .bg-info / .bg-primary 覆盖 */
.bg-info {
    background-color: #ff6e00 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover, button.bg-info:focus {
    background-color: #e65c00 !important;
}
.bg-primary {
    background-color: #ff6e00 !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover, button.bg-primary:focus {
    background-color: #e65c00 !important;
}

/* 7. 文字色 .text-info / .text-primary 覆盖 */
.text-info {
    color: #ff6e00 !important;
}
a.text-info:hover, a.text-info:focus {
    color: #e65c00 !important;
}
.text-primary {
    color: #ff6e00 !important;
}
a.text-primary:hover, a.text-primary:focus {
    color: #e65c00 !important;
}

/* 8. 边框色 .border-info / .border-primary 覆盖 */
.border-info {
    border-color: #ff6e00 !important;
}
.border-primary {
    border-color: #ff6e00 !important;
}

/* 9. 徽章 .badge-info / .badge-primary 覆盖 */
.badge-info {
    color: #fff;
    background-color: #ff6e00;
}
a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #e65c00;
    text-decoration: none;
}
.badge-primary {
    color: #fff;
    background-color: #ff6e00;
}
a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #e65c00;
    text-decoration: none;
}

/* 10. 警告框 .alert-info / .alert-primary 覆盖 */
.alert-info {
    color: #8a3d00;
    background-color: #fff1e5;
    border-color: #ffd9b8;
}
.alert-info hr {
    border-top-color: #ffc79a;
}
.alert-info .alert-link {
    color: #6a2e00;
}
.alert-primary {
    color: #8a3d00;
    background-color: #fff1e5;
    border-color: #ffd9b8;
}
.alert-primary hr {
    border-top-color: #ffc79a;
}
.alert-primary .alert-link {
    color: #6a2e00;
}

/* 11. 列表组 .list-group-item-info / list-group-item-primary 覆盖 */
.list-group-item-info {
    color: #8a3d00;
    background-color: #fff1e5;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #8a3d00;
    background-color: #ffe5cc;
}
.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #ff6e00;
    border-color: #ff6e00;
}
.list-group-item-primary {
    color: #8a3d00;
    background-color: #fff1e5;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #8a3d00;
    background-color: #ffe5cc;
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #ff6e00;
    border-color: #ff6e00;
}

/* 12. 表格 .table-info / .table-primary 覆盖 */
.table-info,
.table-info > th,
.table-info > td {
    background-color: #fff1e5;
}
.table-hover .table-info:hover {
    background-color: #ffe5cc;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #ffe5cc;
}
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #fff1e5;
}
.table-hover .table-primary:hover {
    background-color: #ffe5cc;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #ffe5cc;
}

/* 13. 分页链接与激活态覆盖（覆盖 aoyun.css 中的 #17a2b8） */
.page-num, .page-link {
    color: #ff6e00;
}
a.page-num:hover, .page-link:hover {
    color: #e65c00;
}
.page-num-current {
    color: #fff;
    background-color: #ff6e00 !important;
    border-color: #ff6e00 !important;
}
.page-item.active .page-link {
    color: #fff;
    background-color: #ff6e00;
    border-color: #ff6e00;
}
.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 110, 0, 0.25);
}

/* 14. 右侧在线客服样式覆盖（覆盖 aoyun.css 中的蓝色） */
.online dl {
    background: #ff6e00 !important;
}
.online dl:hover {
    background: #e65c00 !important;
}
.online dl dt button {
    background: #ff6e00 !important;
}
.online dl dt button:hover {
    background: #e65c00 !important;
}

/* 15. 轮播分页激活点颜色覆盖（swiper 橙色） */
.swiper-pagination-bullet-active {
    background: #ff6e00 !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #ff6e00 !important;
}

/* 16. Dropdown 激活项覆盖 */
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    background-color: #ff6e00;
}

/* 17. 自定义复选框/单选框选中色覆盖 */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ff6e00;
    background-color: #ff6e00;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 110, 0, 0.25);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #ff6e00;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ff6e00;
    border-color: #ff6e00;
}

/* 18. 进度条颜色覆盖 */
.progress-bar {
    background-color: #ff6e00;
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
}

/* 19. Toast / Nav-pill 激活态覆盖 */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #ff6e00;
}

/* 20. 自定义文件上传 focus 高亮覆盖 */
.custom-file-input:focus ~ .custom-file-label::after {
    border-color: #ffb27a;
}

/* 21. 右侧客服导航栏 - 垂直居中定位 + 宽度调整（适配14px字体不换行） */
.online {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
    width: 80px !important;
}

/* 22. 右侧客服导航栏 - 统一分隔线 + 取消自身定位参考（让dt以 .online 为参考，统一中心对齐） */
.online dl {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    position: static !important;
}
.online dl:last-child {
    border-bottom: none;
}

/* 23. 右侧客服导航栏 - 竖条模块圆角（由 JS 动态给首/末可见元素加 class） */
.online dl.first-visible {
    border-radius: 8px 8px 0 0;
}
.online dl.last-visible {
    border-radius: 0 0 8px 8px;
}

/* 24. 右侧客服导航栏 - 悬停弹出框：统一垂直居中定位 + 间隙 + 圆角 */
.online dl dt {
    border-radius: 8px;
    top: 50% !important;
    right: calc(100% + 8px) !important;
    transform: translateY(-50%);
}

/* 25. 右侧客服导航栏 - 字体大小14px + 强制水平居中 */
.online dl dd {
    font-size: 14px !important;
    text-align: center !important;
}

/* 26. 首页Banner左右切换按钮 - 仅PC端（≥768px） */
@media (min-width: 768px) {
    .swiper-container .swiper-button-prev,
    .swiper-container .swiper-button-next {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        background-size: 14px 24px;
        background-color: rgba(0, 0, 0, 0.45);
        border-radius: 50%;
        backdrop-filter: blur(4px);
        transition: background-color 0.2s ease, transform 0.2s ease;
    }
    .swiper-container .swiper-button-prev {
        left: 24px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    }
    .swiper-container .swiper-button-next {
        right: 24px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    }
    .swiper-container .swiper-button-prev:hover,
    .swiper-container .swiper-button-next:hover {
        background-color: rgba(0, 0, 0, 0.65);
        transform: scale(1.08);
    }
    .swiper-container .swiper-button-prev.swiper-button-disabled,
    .swiper-container .swiper-button-next.swiper-button-disabled {
        opacity: 0.35;
        background-color: rgba(0, 0, 0, 0.25);
    }
}