/* 在原有样式后追加 */
    .banner {
        margin-top: 0;
        height: 70vh;
        min-height: 600px;
    }

    .banner-bg {
        background: url('../images/banner-bg.jpg') center/cover no-repeat;
        height: 70vh;
        min-height: 600px;
        position: relative;
    }

    .banner-bg::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 51, 102, 0.3);
        mix-blend-mode: multiply;
    }

    .banner-content {
        top: 40%;
        width: 65%; background:rgba(0,0,0,0.3);
        z-index: 1;
    }
	   @media (max-width: 1024px) {
		   
		    .banner-content {
        top: 40%;
        width: 60%;
       
    }
		   }

    .text-orange {
        color: var(--accent-orange) !important;
    }

    .text-blue {
        color: var(--primary-blue) !important;font-size:1.1rem;font-weight:bold;
    }
	.text-muted{font-size:0.9rem;line-height:2.2rem;}

    .deco-line {
        width: 100px;
        height: 4px;
        opacity: 0.8;
    }

    /* 响应式调整 */
    @media (max-width: 992px) {
        .banner-content h1 {
            font-size: 2.5rem !important;
        }
        
        .banner-content p {
            font-size: 1.2rem !important;
        }
	
    }

    @media (max-width: 768px) {
        .banner {
            height: 40vh;
            min-height: 300px;
        }

        .banner-bg {
            height: 40vh;
            min-height: 300px;
        }

        .banner-content {
            top: 35%;
            width: 95%;
        }

        .banner-content h1 {
            font-size: 2rem !important;
            margin-bottom: 1rem !important;
        }

        .banner-content p {
            font-size: 1rem !important;
        }
    }

    /* 动画效果 */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .animate__fadeInUp {
        animation: fadeInUp 1s ease-out;
    }
	
	
	
	
	
	
	 .contact p{ line-height:42px;}
	
	.form-control {  
            border: 1px solid #ced4da;  
            border-radius: 0;  line-height:32px;

            font-size: 1rem;  
        }  
	
	
	.category-section {
	 background:#ddd; line-height:80px; text-align:center;
}
.category-section a{padding:0 40px;line-height:80px;height:80px; display:inline-block}
.category-section a:hover{ background:#003366; color:#fff;}
#active{background:#003366; color:#fff;}

.category-section h2 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    color: #2a2a2a; /* 一级分类文字颜色 */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* 添加文字阴影效果 */
}
	
	@media (max-width: 768px) {
			.form-control {  
            border: 1px solid #ced4da;  
            border-radius: 0;  line-height:32px;

            font-size: 0.9rem;  
        }  
		.category-section {
	 background:#ddd; line-height:40px; text-align:center;
}
	.category-section a{padding:0 10px;line-height:40px;height:40px; }	
	}
	
	
	
	 /* 优势 */
    .advantages {
        background: rgba(0, 51, 102, 0.05);
    }

    .advantage-card {
        padding: 2rem 1rem;
        border-radius: 12px;
        transition: all 0.3s ease;
        border: 1px solid rgba(0, 51, 102, 0.1);
    }

	@media (max-width:1024px) {
		 .advantage-card {
        padding: 0;
        
    }
		}
    .advantage-card:hover {
        background: white;
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 51, 102, 0.1);
    }

    .icon-box {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon-box i {
        font-size: 3rem;
        transition: transform 0.3s ease;
    }

    .advantage-card:hover i {
        transform: scale(1.1);
    }

    /* 响应式调整 */
    @media (max-width: 992px) {
        .icon-box {
            width: 70px;
            height: 70px;
        }
        .advantage-card {
            padding: 1.5rem;
        }
    }

    @media (max-width: 768px) {
        .icon-box {
            width: 60px;
            height: 60px;
        }
        .icon-box i {
            font-size: 1.5rem;
        }
        h4 {
            font-size: 1.1rem;
        }
    }
	

	
	 /* 产品 */
    .nav-tabs {
        border-bottom: 2px solid rgba(255, 102, 0, 0.3);
    }

    .fenlei {
/*        color: rgba(255,255,255,0.7) !important;*/
        border: none !important;
        position: relative;
        transition: all 0.3s ease;padding:1rem 1rem !important
    }

    .fenlei.active {
        color: var(--accent-orange) !important;padding:1rem 1rem !important;
        background:#f1f1f1 !important;
    }

    .fenlei.active:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: var(--accent-orange);
    }

    /* 产品卡片 */
    .product-card {
        border-radius: 8px;
        overflow: hidden;
        transition: transform 0.3s ease;
        background: none;
    }

    .product-card:hover {
        transform: translateY(-5px);
    }

    .product-info {
        padding: 1.5rem; text-align: center;
        background: #fff;color:#333;    border: 1px solid rgba(0, 51, 102, 0.1);border-radius:0 0 8px 8px;
    }


    .specs span {
        display: inline-block;
        padding: 4px 12px;
        margin: 4px;
        border-radius: 20px;
        background: rgba(255,102,0,0.8);
        color: white;
    }
    .products { background: #fff;}

    /* 响应式调整 */
    @media (max-width: 768px) {
        .nav-item {
            width: 100%;
            text-align: center;border-bottom:1px dashed #ddd;padding:8px 0;
        }
        .products .nav-item{width: 50%;border-bottom:none}
        .dropdown-item{ text-align: center;border-bottom:1px dashed #f1f1f1;padding:4px 0;
        }}
        .nav-link {
            font-size: 1rem !important;
        }
        .product-info {
            padding: 0.9rem; 
        }


    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	  /* 新闻 */
    .section-title {
        color: var(--primary-blue);
        font-weight: 700;
        position: relative;
        padding-bottom: 1rem;
    }

    .section-title::after {
       /* content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 3px;
        background: var(--accent-orange);*/
    }

    .news-card {
        border: 1px solid rgba(0, 51, 102, 0.1);
        border-radius: 8px;
        transition: all 0.3s ease;
        background: white;
    }

    .news-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 51, 102, 0.1);
    }

    .news-badge {
        position: absolute;
        top: -12px;
        right: 20px;
        color: white;
        padding: 6px 15px;
        border-radius: 20px;
        font-size: 0.9rem;
    }

    .news-body {
        padding: 1.5rem;
    }

    .news-title {
        color: var(--primary-blue);
        font-size: 1.25rem;
        min-height: 3em;
    }

    .news-title i {
        font-size: 1.5em;
        margin-right: 10px;
        vertical-align: middle;
    }

    .news-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid rgba(0, 51, 102, 0.1);
    }

    .news-date {
        color: #666;
        font-size: 0.9rem;
    }

    .news-link {
        color: var(--accent-orange);
        text-decoration: none;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .news-link:hover {
        letter-spacing: 0.5px;
    }

    /* 响应式调整 */
	   @media (max-width: 1024px) {.navbar-brand .zhuyao{display:none;}
	   .navbar-brand .ciyao{display:none;}
		   
		   
		   }
    @media (max-width: 992px) {
        .news-title {
            font-size: 1.1rem;
        }
    }

    @media (max-width: 768px) {
        .news-card {
            margin-bottom: 1.5rem;
        }
        .news-title {
            min-height: auto;
        }


        .section-title::after{    content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 0;
            background: none;}
        
    }