.navbar-nav .nav-item .nav-link:hover {
    background-color: #fff;    /* 背景变为白色 */
    color: dodgerblue;            /* 文字变为蓝色 */
    transition: all 0.3s ease; /* 添加过渡动画效果（可选） */
}
.navbar-nav .nav-item .nav-link {
    transition: all 0.3s ease; /* 为所有状态添加过渡效果 */
}
.navbar-nav > .nav-item > .nav-link:hover {
    background-color: #fff !important;
    color: dodgerblue !important;
}
.navbar-nav .nav-item .nav-link {
    display: inline-block;
    padding: 0.5rem 1rem;      /* 根据实际间距调整 */
    /*border-radius: 4px;        !* 可选圆角效果 *!*/
}
.list-group-item a {
    color: dodgerblue !important; /* 使用Bootstrap蓝色或自定义蓝色值 */
}

/* 可选：如果希望激活状态保持蓝色但调整背景色 */
.list-group-item.active {
    background-color: #e9ecef !important; /* 修改激活项背景色为浅灰色 */
    border-color: #dee2e6 !important;
}
/* 修改标题样式 */
.col-lg-3 .h1 {
    background-color: dodgerblue;  /* 背景蓝色 */
    color: white !important;     /* 字体白色 */
    padding: 0.5rem 1rem;       /* 添加适当内边距 */
    border-radius: 4px;         /* 可选：添加圆角 */
}

/* 移除所有列表链接下划线 */
.col-lg-3 .list-group-item a {
    text-decoration: none !important;
}

/* 悬停时保持无下划线 */
.col-lg-3 .list-group-item a:hover {
    text-decoration: none !important;
}

/* 激活状态保持无下划线 */
.col-lg-3 .list-group-item.active a {
    text-decoration: none !important;
}
/* Products项样式 */
.col-lg-3 .list-group-item.active {
    background-color: dodgerblue !important;  /* 浅蓝色背景 */
    border-color: #87CEEB !important;      /* 边框颜色同步 */
}

/* 文字颜色和下划线处理 */
.col-lg-3 .list-group-item.active a {
    color: white !important;               /* 白色文字 */
    text-decoration: none !important;      /* 移除下划线 */
}

/* 悬停状态保持样式 */
.col-lg-3 .list-group-item.active a:hover {
    color: white !important;
    text-decoration: none !important;
}
.col-lg-3 .list-group-item.active {
    font-weight: bold !important;    /* 字体加粗 */
    font-size: 24px !important;     /* 24号字体 */
    /* 保持之前的颜色设置 */
    background-color: dodgerblue !important;
    color: white !important;
}
.card-hover {
    height: 420px;
    position: relative; /* 定位基准 */
}

.card-hover a {
    display: block;
    width: 100%;
    height: 100%;
}

.card-hover img {
    position: absolute;
    top: 50%; /* 定位到容器中点 */
    left: 50%;
    transform: translate(-50%, -50%); /* 反向偏移自身尺寸的50% */
    max-width: 90%; /* 留出边距 */
    max-height: 90%;
    object-fit: contain;
}
/* 滚动轨道 */
.brands-scroll-track {
    display: flex;
    gap: 2rem; /* 图片间距 */
    padding: 1rem 0;
    animation: scroll 40s linear infinite;
}

/* 关键帧动画（精准位移） */
@keyframes scroll {
    0% { transform: translateX(0); }
    /* 位移量为 -(单组宽度 + 总间距) */
    100% { transform: translateX(calc(-100% - 2rem)); }
}

/* 单个图片容器 */
.brands-item {
    flex: 0 0 calc((100vw - 10rem) / 7); /* 7等分屏幕宽度 */
    max-width: 200px; /* 最大宽度限制 */
}

/* 图片样式 */
.brands-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: opacity 0.3s;
}

/* 悬停暂停 */
.brands-scroll-track:hover {
    animation-play-state: paused;
}
/* 在CSS中添加 */
/*.swiper-slide {*/
    /*width: 300px !important;  !* 固定卡片宽度 *!*/
    /*flex-shrink: 0;  !* 禁止宽度收缩 *!*/
/*}*/

.card-hover {
    min-height: 380px;  /* 统一卡片高度 */
}
/* 强制去除所有圆角 */
.ratio, .ratio img {
    border-radius: 0 !important;
}
/* 方法1：基础约束方案 */
.ratio-16x9 {
    max-width: 100%;  /* 限制容器最大宽度 */
    margin: 0 auto;   /* 水平居中 */
}

.ratio-16x9 img {
    width: 100%;      /* 强制图片宽度匹配容器 */
    height: auto;     /* 高度自适应 */
}

/*about*/
.ad-banner {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.ad-banner img {
    width: 100%;
    height: auto;
    display: block;
}
.about-section {
    padding: 60px 0;
    background-color: #f8f9fa;
}

.about-content {
    padding: 20px;
}

.about-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333;
}

.about-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
}

.about-image {
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    .about-content {
        text-align: center;
        margin-bottom: 30px;
    }
}

.contact-info {
    padding: 20px;
    border-radius: 5px;
}
.form-section {
    padding: 20px;
}
.btn-submit {
    background-color: dodgerblue; /* 设置背景颜色为蓝色 */
    color: white; /* 文字颜色为白色 */
}
.btn-submit:hover {
    background-color: darkblue; /* 悬停时颜色变深 */
}
.form-group {
    margin-bottom: 20px; /* 增加表单字段间的间距 */
}

.custom-mt-10 {
    margin-top: 30px;
}