/* 公司品牌色按钮样式 */
.btn-primary {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
    border-width: 2px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
    color: #ffffff;
}

/* 导航栏激活状态颜色 */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #324390;
}

/* 链接悬停颜色 */
a:hover,
a:focus {
    color: #324390;
}

/* 按钮默认样式 */
.btn-default {
    border-color: #324390;
    color: #324390;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: #324390;
    border-color: #324390;
    color: #ffffff;
}

/* 轮播指示器样式 */
.carousel-indicators li {
    border: 1px solid #324390;
}

.carousel-indicators .active {
    background-color: #324390;
}

/* hero区域的轮播指示器样式 */
.hello_slid ol li {
    border: 1px solid #324390 !important;
    background: transparent !important;
}

.hello_slid ol li.active {
    background-color: #324390 !important;
}

/* 覆盖默认的轮播指示器样式 */
.home .hello_slid .carousel-indicators li {
    border: 1px solid #324390 !important;
    background-color: transparent !important;
}

.home .hello_slid .carousel-indicators li.active {
    background-color: #324390 !important;
}

/* 特色图标颜色 */
.f_item_icon {
    color: #324390;
    font-size: 40px;
}

.f_item_icon .fa {
    color: #324390;
    font-size: 40px;
}

/* 服务图标颜色 */
.features_item .f_item_icon i {
    color: #324390;
    border-color: #324390;
    font-size: 40px;
}

/* 移动端特色图标样式优化 */
@media (max-width: 767px) {
    .f_item_icon {
        font-size: 60px;
    }
    
    .f_item_icon .fa {
        font-size: 60px;
    }
    
    .features_item .f_item_icon i {
        font-size: 60px;
    }
}

/* 淡蓝色背景区域 */
.bg-light-blue {
    background-color: #EEF1FF; /* 使用实色，浅蓝色 */
}

/* 移动端导航栏样式优化 */
@media (max-width: 767px) {
    .navbar-brand {
        padding: 0;
        margin: 0;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        transform: translateY(10px);  /* 从0px向下移动10px */
    }

    .navbar-brand img {
        height: 42px !important;
        width: auto;
        padding: 2px;
        margin: 0 !important;
        object-fit: contain;
    }

    /* 为刘海屏增加安全区域 */
    .navbar {
        padding-top: env(safe-area-inset-top);
        padding-left: env(safe-area-inset-left);
    }

    /* 优化移动端导航栏高度 */
    .navbar-header {
        height: 60px;
        display: flex;
        align-items: center;
    }

    /* 调整汉堡菜单按钮位置 */
    .navbar-toggle {
        margin: 0;
        padding: 9px;
        height: 38px;  /* 设置具体高度 */
        transform: translateY(2px);  /* 原来17px向上移动15px */
    }

    /* 调整搜索按钮位置 */
    .attr-nav {
        margin: 0;
        height: 60px;
    }

    .attr-nav > ul {
        margin: 0;
        padding: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .attr-nav > ul > li {
        height: 36px;  /* 设置具体高度 */
        transform: translateY(2px);  /* 原来17px向上移动15px */
    }

    .attr-nav > ul > li > a {
        padding: 6px 15px;
        height: 100%;
        display: flex;
        align-items: center;
    }

    /* 确保导航栏高度合适 */
    nav.navbar.bootsnav {
        min-height: 60px;
    }
}

/* 平板设备样式优化 */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-brand img {
        height: 22px !important;
        margin: 0 !important;
    }
}

/* 桌面端样式 */
@media (min-width: 992px) {
    .navbar-brand {
        height: 40px;
        display: flex;
        align-items: center;
        padding: 0 15px;
        transform: translateY(10px);  
    }

    .navbar-brand img {
        height: 45px !important;
        width: auto;
        margin: 0 !important;
        object-fit: contain;
    }

    nav.navbar.bootsnav {
        min-height: 40px;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

    .attr-nav > ul > li > a {
        padding: 10px 15px;
    }
}

/* 移动端logo向上移动导航栏高度的1/4 */
@media (max-width: 767px) {
    .navbar-brand {
        padding: 0;
        margin: 0;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        transform: translateY(0);  /* 从15px向上移动15px */
    }
}

/* 公司logo样式 */
.company-logo {
    margin-bottom: 15px;
}

.company-logo img {
    max-width: 200px;
    height: auto;
}