/* 奇科建筑 - 深蓝色主题 */
:root {
    --site-primary: #1a4d8f;
    --site-primary-light: #2563b8;
    --site-primary-dark: #123566;
}

.head_nav_16_5 .fullnav,
.head_nav_16_5 .dropdown-menu,
.countup_16_1.bgcolor,
.product_list_16_1.bgcolor {
    background-color: var(--site-primary) !important;
    background: var(--site-primary) !important;
}

.head_nav_16_5 .navbar-nav .nav-item .nav-link:hover,
.head_nav_16_5 .navbar-nav .nav-item .nav-link:focus,
.head_nav_16_5 .navbar-nav .nav-item.open > .nav-link,
.head_nav_16_5 .navbar-nav .nav-item.active > .nav-link,
.head_nav_16_5 .navlist .nav-item a.active,
.head_nav_16_5 .navlist .nav-item.open a,
.head_nav_16_5 .navlist .nav-item:hover a.nav-link {
    background-color: var(--site-primary-light) !important;
    color: #fff !important;
}

.head_nav_16_5 .eco_header .top-info .icon-box,
.head_nav_16_5 .eco_header .top-info .content-box a,
.news_list_11_3 .btn-more,
.product_list_16_1 .nav-tabs .nav-link.active h3,
.product_list_16_1 .nav-tabs .nav-link.active {
    color: var(--site-primary) !important;
}

.subcolumn_nav_16_1-ul li a.active,
.subcolumn_nav_16_1-ul li a:hover,
.subcolumn_nav_16_1 .subcolumn_nav_16_1-ul > li a.active,
.subcolumn_nav_16_1 .subcolumn_nav_16_1-ul > li a:hover {
    background-color: var(--site-primary) !important;
    color: #fff !important;
}

.subcolumn_nav_16_1-ul li {
    margin: 0 12px;
}

.subcolumn_nav_16_1-ul li > a {
    padding: 8px 20px;
    border-radius: 4px;
}

.subcolumn_nav_16_1 .subcolumn-nav {
    padding: 12px 0;
}

.head_nav_16_5 .eco_header .top-info .icon-box {
    border-color: var(--site-primary) !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
}

a {
    color: var(--site-primary-light);
}

a:hover,
a:focus {
    color: var(--site-primary-dark);
}

.news_list_11_3 .btn-more {
    border-color: var(--site-primary) !important;
}

.product_list_16_1 .nav-tabs .nav-link.active {
    border-bottom-color: var(--site-primary) !important;
}

.head_nav_16_5 .logo img {
    max-height: 72px;
}

.about_list_16_2.about-white {
    background: #fff !important;
    background-color: #fff !important;
    color: #333;
}

.about_list_16_2.about-white h2 {
    color: #333;
}

.about_list_16_2.about-white .editor {
    color: #555;
}

.banner_11_5 .slick-list,
.banner_11_5 .slick-track {
    height: auto !important;
}

.banner_11_5 .slick-slide {
    line-height: 0;
}

.banner_11_5 .slick-slide img.cover-image {
    width: 100%;
    height: auto !important;
    max-height: none;
    display: block;
    object-fit: cover;
}

/* 手机端右下角联系客服 */
@media (max-width: 767px) {
    #site-wechat-float {
        display: none;
    }
}

.site-contact-fab {
    display: none;
}

@media (max-width: 767px) {
    .site-contact-fab {
        position: fixed;
        right: 16px;
        bottom: calc(20px + env(safe-area-inset-bottom));
        z-index: 1200;
        display: flex;
        align-items: center;
        gap: 6px;
        height: 44px;
        padding: 0 16px;
        border-radius: 22px;
        background: var(--site-primary);
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        box-shadow: 0 4px 14px rgba(26, 77, 143, 0.4);
        -webkit-tap-highlight-color: transparent;
    }

    .site-contact-fab:active {
        background: var(--site-primary-dark);
    }
}