:root {
            --primary-color: #2c3e50;
            --secondary-color: #3498db;
            --accent-color: #e74c3c;
            --text-dark: #2c3e50;
            --text-light: #7f8c8d;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Microsoft YaHei', Arial, sans-serif;
            line-height: 1.6;
            color: var(--text-dark);
        }

a,
a:visited,
a:hover,
a:active {
  text-decoration: none; 
}


a {
  text-decoration: none !important;
}


        /* 导航栏样式 */
/* 导航栏样式 */
.navbar {
    background-color: #00000061; /* 初始状态透明 */
    backdrop-filter: blur(5px); /* 毛玻璃效果 */
    transition: all 0.3s ease;
    padding: 15px 0; /* 减少padding */
}

.navbar.scrolled { /* 滚动后的样式 */
    background-color: rgba(255, 255, 255, 0.95);
}

.navbar-brand {
  /*   font-size: 2rem; 增大logo字体 */
   /* margin-right: auto;  logo左对齐 */
}

.navbar-nav .nav-link {
 /*   font-size: 1.2rem;  增大导航字体 */
 /*    color: var(--text-dark) !important; 初始字体颜色 */
}

.navbar.scrolled .nav-link { /* 滚动后字体颜色 */
    color: var(--text-dark) !important;
}

.navbar-toggler-icon {
    filter: invert(1); /* 反转toggler图标颜色 */
}

.navbar.scrolled .navbar-toggler-icon { /* 滚动后toggler图标颜色 */
    filter: none;
}

/* ...其他样式 */


        .navbar-brand {
            font-weight: bold;
            color: var(--primary-color) !important;
            font-size: 1.5rem;
        }

.navbar-nav .nav-link {
    font-size: 1.2rem; /* 增大导航字体 */
    color: white !important; /* 初始字体颜色为白色 */
}

.navbar.scrolled .nav-link { /* 滚动后字体颜色 */
    color: var(--text-dark) !important;
}

.navbar-toggler-icon { /* 初始toggler颜色白色 */
    filter: invert(1); /* 反转toggler图标颜色 */
}

.navbar.scrolled .navbar-toggler-icon { /* 滚动后toggler图标颜色 */
    filter: none; /* 还原默认颜色 */
}

        .navbar-nav .nav-link:hover {
         /*    color: var(--secondary-color) !important;*/
        }

        /* 下拉菜单样式 */
.dropdown-menu {
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 20px;
}

/* 桌面端的特定样式 */
@media (min-width: 992px) {
    .dropdown-menu {
        min-width: 200px; /* 桌面端默认宽度 */
    }

    .wkp{
	  width: 75%;  margin: 0 auto;
	}
    /* 产品中心的下拉菜单保持宽度 */
    #productsDropdown + .dropdown-menu {
        min-width: 600px;
    }

    /* 动态和技术支持的下拉菜单使用较小宽度 */
    #newsDropdown + .dropdown-menu,
    #supportDropdown + .dropdown-menu {
        min-width: 180px;
        padding: 15px;
    }
}
        .mega-menu {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .mega-menu-item {
            flex: 1;
            min-width: 150px;
            text-align: center;
            padding: 15px;
            border-radius: 8px;
            transition: all 0.3s ease;
            text-decoration: none;
            color: var(--text-dark);
        }

        .mega-menu-item:hover {
            background: #f8f9fa;
            color: var(--secondary-color);
            transform: translateY(-2px);
        }

        .mega-menu-item img {
            width: 60px;
            height: 60px;
            object-fit: cover;
            border-radius: 8px;
            margin-bottom: 10px;
        }

        .holographic-products {
            display: flex;
            gap: 30px;
            /*margin: 20px 0;*/
        }

        .holographic-section {
            flex: 1;
            text-align: center;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 10px;
        }


        .holographic-section h6 {
            color: var(--primary-color);
            margin-bottom: 20px;
            font-weight: bold;
        }

        .product-list {
            list-style: none;
            padding: 0;
        }

        .product-list li {
            padding: 5px 0;
            color: var(--text-dark);
        }

        .product-list li:hover {
            color: var(--secondary-color);
            cursor: pointer;
        }

        /* 轮播图样式 */
        .hero-carousel {
            height: 100vh;
            position: relative;
            overflow: hidden;
        }

        .carousel-item {
            height: 100vh;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
        }

        .carousel-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
         /*    background: linear-gradient(135deg, rgba(44, 62, 80, 0.8), rgba(52, 152, 219, 0.6)); */
            z-index: 1;
        }

        .carousel-item.active {
            animation: zoomIn 8s ease-in-out infinite alternate;
        }

        @keyframes zoomIn {
            0% { transform: scale(1); }
            100% { transform: scale(1.1); }
        }

        .carousel-caption {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            z-index: 2;
            width: 80%;
        }

        .carousel-caption h1 {
            font-size: 3.5rem;
            font-weight: bold;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }

        .carousel-caption p {
            font-size: 1.5rem;
            margin-bottom: 30px;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        }

        .btn-hero {
            background: linear-gradient(45deg, var(--secondary-color), var(--accent-color));
            border: none;
            padding: 15px 40px;
            font-size: 1.1rem;
            font-weight: bold;
            border-radius: 50px;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .btn-hero:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }

        /* 产品展示区域 */
        .products-section {
            padding: 100px 0;
            background: #f8f9fa;
        }

        .section-title {
            text-align: center;
            margin-bottom: 80px;
        }

        .section-title h2 {
            font-size: 2.5rem;
            font-weight: bold;
            color: var(--primary-color);
            margin-bottom: 20px;
        }

        .section-title p {
            font-size: 1.2rem;
            color: var(--text-light);
            max-width: 600px;
            margin: 0 auto;
        }

        .product-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            margin-bottom: 30px;
        }

        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
        }

        .product-card img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .product-card:hover img {
            transform: scale(1.05);
        }

        .product-info {
            padding: 25px;
        }

        .product-info h4 {
            font-size: 1.3rem;
            font-weight: bold;
            color: var(--primary-color);
            margin-bottom: 15px;
        }

        .product-info p {
            color: var(--text-light);
            margin-bottom: 20px;
        }

        .btn-product {
            background: var(--secondary-color);
            color: white;
            border: none;
            padding: 10px 25px;
            border-radius: 25px;
            transition: all 0.3s ease;
        }

        .btn-product:hover {
            background: var(--primary-color);
            transform: translateY(-2px);
        }

        /* 解决方案区域 */
       /* 解决方案板块背景图样式 */
.solutions-section {
    position: relative; /* 为伪元素定位提供上下文 */
    padding: 100px 0;
    color: white; /* 保持文字为白色 */
    background-image: url('//www.zmleds.com/static/zmled/img/led88.jpg'); /* 高科技感的建筑背景图 */
    background-size: cover; /* 图像将覆盖整个区域 */
    background-position: center center; /* 图像居中显示 */
    background-attachment: fixed; /* 创建酷炫的视差滚动效果 */
    overflow: hidden;
}

/* 添加半透明遮罩层，以确保文字的可读性 */
.solutions-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(44, 62, 80, 0.30); /* 使用您网站主色调的75%透明度版本作为遮罩 */
    z-index: 1;
}

/* 确保您的内容（标题和卡片）显示在遮罩层之上 */
.solutions-section .container {
    position: relative;
    z-index: 2;
}

        .solution-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 30px;
            text-align: center;
            transition: all 0.3s ease;
            margin-bottom: 30px;
        }

        .solution-card:hover {
            transform: translateY(-5px);
            background: rgba(255, 255, 255, 0.2);
        }

        .solution-icon {
            font-size: 3rem;
            margin-bottom: 20px;
            color: #fff;
        }

        .solution-card h4 {
            font-size: 1.5rem;
            margin-bottom: 15px;
        }

        /* 案例展示区域 */
        .cases-section {
            padding: 100px 0;
            background: white;
        }

        .case-card {
            position: relative;
            overflow: hidden;
            border-radius: 15px;
            margin-bottom: 30px;
        }

        .case-card img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .case-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(44, 62, 80, 0.8), rgba(52, 152, 219, 0.6));
            opacity: 0;
            transition: opacity 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            padding: 20px;
        }

        .case-card:hover .case-overlay {
            opacity: 1;
        }

        .case-card:hover img {
            transform: scale(1.1);
        }

        /* 动态资讯区域 */
        .news-section {
            padding: 100px 0;
            background: #f8f9fa;
        }

        .news-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            margin-bottom: 30px;
        }

        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        }

        .news-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .news-content {
            padding: 25px;
        }

        .news-date {
            color: var(--text-light);
            font-size: 0.9rem;
            margin-bottom: 10px;
        }

        .news-title {
            font-size: 1.2rem;
            font-weight: bold;
            color: var(--primary-color);
            margin-bottom: 15px;
        }

        .news-excerpt {
            color: var(--text-light);
            margin-bottom: 20px;
        }

        /* 关于我们区域 */
        .about-section {
            padding: 100px 0;
            background: white;
        }

        .about-content {
            display: flex;
            align-items: center;
            gap: 50px;
        }

        .about-text {
            flex: 1;
        }

        .about-text h2 {
            font-size: 2.5rem;
            font-weight: bold;
            color: var(--primary-color);
            margin-bottom: 20px;
        }

        .about-text p {
            font-size: 1.1rem;
            color: var(--text-light);
            margin-bottom: 20px;
        }

        .about-image {
            flex: 1;
        }

        .about-image img {
            width: 100%;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        /* 联系我们区域 */
        .contact-section {
            padding: 100px 0;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
        }

        .contact-info {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 40px;
            margin-bottom: 30px;
        }

        .contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .contact-icon {
            font-size: 1.5rem;
            margin-right: 15px;
            color: #fff;
        }

        /* 页脚 */
    /*    .footer {*/
    /*        background: var(--primary-color);*/
    /*        color: white;*/
    /*        padding: 50px 0 20px;*/
    /*    }*/

    /*    .footer-content {*/
    /*        display: grid;*/
    /*        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
    /*        gap: 40px;*/
    /*        margin-bottom: 30px;*/
    /*    }*/

    /*    .footer-section h5 {*/
    /*        font-size: 1.2rem;*/
    /*        margin-bottom: 20px;*/
    /*        color: var(--secondary-color);*/
    /*    }*/

    /*    .footer-section ul {*/
    /*        list-style: none;*/
    /*        padding: 0;*/
    /*    }*/

    /*    .footer-section li {*/
    /*        margin-bottom: 10px;*/
    /*    }*/

    /*    .footer-section a {*/
    /*        color: #bdc3c7;*/
    /*        text-decoration: none;*/
    /*        transition: color 0.3s ease;*/
    /*    }*/

    /*    .footer-section a:hover {*/
    /*        color: white;*/
    /*    }*/

    /*    .footer-bottom {*/
    /*        border-top: 1px solid #34495e;*/
    /*        padding-top: 20px;*/
    /*        text-align: center;*/
    /*        color: #95a5a6;*/
    /*    }*/

        /* 响应式设计 */
    /*    @media (max-width: 768px) {*/
    /*        .carousel-caption h1 {*/
    /*            font-size: 2.5rem;*/
    /*        }*/
            
    /*        .carousel-caption p {*/
    /*            font-size: 1.2rem;*/
    /*        }*/
            
    /*       .dropdown-menu {*/
    /*border: none;*/
    /*box-shadow: 0 10px 30px rgba(0,0,0,0.1);*/
    /*border-radius: 10px;*/
    /*padding: 20px;*/
    /*min-width: 600px;*/
/*}*/

/* 移动端下拉菜单样式 */
@media (max-width: 991px) {
    .dropdown-menu {
        min-width: 100%;
        max-width: 100%;
        max-height: 70vh; /* 最大高度为视窗高度的70% */
        overflow-y: auto; /* 允许垂直滚动 */
        padding: 15px;
        position: static !important; /* 移动端使用静态定位 */
        transform: none !important;
        border-radius: 0;
        box-shadow: none;
        border-top: 1px solid #eee;
    }
    
    .mega-menu {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 移动端显示3列 */
        gap: 15px;
    }
    
    .mega-menu-item {
        min-width: auto;
        padding: 10px 5px;
        font-size: 0.85rem;
    }
    
    .mega-menu-item img {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
    }
    
    .holographic-products {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 20px;
    }
    
    .holographic-section {
        padding: 15px;
        background: #f8f9fa;
        border-radius: 8px;
    }
    
    .holographic-section h6 {
        font-size: 0.9rem;
     
    }
    
    .series-products {
        gap: 10px;
    }
    
    .series-item {
        min-width: 60px;
        padding: 8px;
    }
    
    .series-item img {
        width: 35px;
        height: 35px;
        margin-bottom: 5px;
    }
    
    .series-item span {
        font-size: 0.8rem;
    }
}

            
          /*    .mega-menu { */
          /*        flex-direction: column; */
          /*    } */
            
            .holographic-products {
                /*flex-direction: column;*/
            }
            
            .about-content {
                /*flex-direction: column;*/
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
        }

        /* 滚动动画 */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
		
		.series-products {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.series-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: var(--text-dark);
    padding: 10px;
    border-radius: 8px;
    transition: all 0.3s ease;
    min-width: 80px;
}

.series-item:hover {
    background: #f8f9fa;
    color: var(--secondary-color);
    transform: translateY(-2px);
}

.series-item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 8px;
}

.series-item span {
    font-size: 0.9rem;
    font-weight: 500;
}

/* 自定义滚动条样式 */
.dropdown-menu::-webkit-scrollbar {
    width: 6px;
}

.dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}





/* ... 其他样式 ... */

.holographic-products > .row > .col-md-6 { /* 只针对全息屏部分的 col-md-6 */
    padding-left: 0;
    padding-right: 0;
}

.mega-menu > .row {
    margin-left: -15px;
    margin-right: -15px;
}
.mega-menu > .row > .col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.mega-menu .product-card {
    margin-bottom: 20px;
}



.evan .evans{
    min-height: 600px; /* 设置最小高度为 600px */
    padding: 30px;       /* 调整内边距 */
    display: flex;      /* 使用 flex 布局 */
    flex-direction: column; /* 垂直排列 */
    justify-content: space-between; /* 上下均匀分布内容 */
}

.evan .evans{
    margin-top: auto; /* 将系列产品列表推到底部 */
}




@media (max-width: 768px) {
    .holographic-products > .row > .col-md-6 {
        width: 100%;
        padding: 15px;
    }
    .mega-menu .col-lg-4 {
        width: calc(100% / 3);
        flex: 0 0 calc(100% / 3);
    }
    .holographic-products .holographic-section {
      /*   min-height: 400px;  */
        padding: 30px;
    }
    .mega-menu .product-card {
        margin-bottom: 20px;
    }
}











.product-card img {
  width: 100%;
  height: auto; /* Maintain aspect ratio */
  display: block; /* Prevents a small gap below the image */
}

.product-info {
  padding: 15px;
}

.product-info h4 {
  margin-bottom: 10px;
}

.product-info a {
  text-decoration: none; /* Remove underline from link */
  color: inherit;       /* Inherit text color from parent */
  display: block;      /* Make the entire h4 clickable */
}
.product-info a:hover {
    text-decoration: underline; /* Add underline on hover */
    color: blue; /* Or any color you prefer */
}


.product-info p {
  margin-bottom: 10px;
}

.btn-product {
  background-color: #007bff; /* Blue background color */
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}


/* P3.9 产品详情板块样式 */
.feature-item .icon-circle {
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background-color: #eaf5ff; /* 浅蓝色背景 */
    color: var(--secondary-color); /* 主题蓝色图标 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.feature-item:hover .icon-circle {
    background-color: var(--secondary-color);
    color: white;
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3);
}

.feature-item h6 {
    margin-top: 1rem;
    font-weight: bold;
    color: var(--primary-color);
}

.technical-parameters .table {
    vertical-align: middle;
    font-size: 0.95rem;
}

.technical-parameters .table td:first-child {
    width: 40%;
    font-weight: 500;
}

/* P3.9 产品标题横幅样式 */
.product-title-banner {
    position: relative;
    padding: 100px 20px; /* 上下留出足够的空间 */
    background-image: url('//www.zmleds.com/static/zmled/img/sbn1.jpg'); /* 这是您提供的产品图 */
    background-size: cover;
    background-position: center;
    border-radius: 15px; /* 添加圆角，使其更柔和 */
    overflow: hidden; /* 确保伪元素不会溢出 */
    margin-bottom: 50px; /* 和下面的内容保持一些距离 */
}

/* 添加半透明黑色遮罩，以确保文字清晰 */
.product-title-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 50% 透明度的黑色遮罩 */
    z-index: 1;
}

/* 确保文字在遮罩之上 */
.product-title-banner .section-title {
    position: relative;
    z-index: 2;
}

/* 修改标题和段落的颜色和样式，使其在背景图上更突出 */
.product-title-banner .section-title h2,
.product-title-banner .section-title p {
    color: white;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); /* 添加文字阴影增加可读性 */
    margin-bottom: 0;
}

.product-title-banner .section-title h2 {
    font-size: 3rem; /* 可以适当增大标题字体 */
}

.product-title-banner .section-title p {
    font-size: 1.2rem;
    opacity: 0.9;
}


      .products-hero h1 { font-size: 3.5rem; font-weight: 700; }
        .products-hero p { font-size: 1.3rem; opacity: 0.9; }

        /* 明星产品系列 */
        .featured-series-section { background-color: white; }
        .series-card {
            position: relative; border-radius: 15px; overflow: hidden;
            color: white; min-height: 300px;
            display: flex; flex-direction: column; justify-content: flex-end;
            padding: 30px; transition: all 0.4s ease;
            background-size: cover; background-position: center;
        }
        .series-card::before {
            content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 50%);
            transition: all 0.4s ease;
        }
        .series-card-content { position: relative; z-index: 2; transform: translateY(20px); transition: all 0.4s ease;}
        .series-card:hover .series-card-content { transform: translateY(0); }
        .series-card h3 { font-weight: bold; }
        .series-card p { opacity: 0; transition: opacity 0.4s ease; height: 0; }
        .series-card:hover p { opacity: 0.8; height: auto; }
        .series-card .btn { background: var(--secondary-color); border: none; font-weight: bold; opacity: 0; transform: translateY(10px); transition: all 0.4s ease; }
        .series-card:hover .btn { opacity: 1; transform: translateY(0); }

        /* 全部产品概览 */
        .filter-tabs { border-bottom: none; }
        .filter-tabs .nav-link { border: 1px solid #ddd; border-radius: 50px; margin: 5px; padding: 8px 25px; color: var(--text-dark); font-weight: 500; }
        .filter-tabs .nav-link.active { background-color: var(--secondary-color); color: white; border-color: var(--secondary-color); }
        
        .product-card {
            background: white; border-radius: 15px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.07);
            transition: all 0.3s ease; height: 100%;
        }
        .product-card:hover { transform: translateY(-8px); box-shadow: 0 12px 35px rgba(0,0,0,0.1); }
        .product-card img { height: 250px; object-fit: cover; border-top-left-radius: 15px; border-top-right-radius: 15px; }
        .product-card .card-body { padding: 25px; }
        .product-card h5 { font-weight: bold; color: var(--primary-color); }
        .product-features { list-style: none; padding: 0; margin-top: 15px; }
        .product-features li { color: var(--text-light); font-size: 0.9rem; margin-bottom: 8px; }
        .product-features i { color: var(--secondary-color); margin-right: 8px; }
        .btn-details { background-color: var(--secondary-color); color: white; border: none; }
        .btn-details:hover { background-color: var(--primary-color); }

   .series-hero h1 { font-size: 3.5rem; font-weight: 700; }
        .series-hero p { font-size: 1.3rem; opacity: 0.9; max-width: 800px; margin: 0 auto; }
        
        /* 面包屑导航 */
        .breadcrumb-section { padding: 20px 0; background-color: white; }
        .breadcrumb { margin-bottom: 0; }
        .breadcrumb-item a { text-decoration: none; color: var(--secondary-color); }
        
        /* 产品列表视图 */
        .product-list-item {
            display: flex;
            background: white;
            border-radius: 15px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.07);
            overflow: hidden;
            margin-bottom: 30px;
            transition: all 0.3s ease;
        }
        .product-list-item:hover {
            transform: translateY(-5px) scale(1.02);
            box-shadow: 0 12px 35px rgba(0,0,0,0.1);
        }
        .product-list-item .product-image {
            flex: 0 0 300px; /* 固定图片宽度 */
        }
        .product-list-item .product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .product-list-item .product-info {
            padding: 30px;
            flex-grow: 1;
        }
        .product-info h3 { font-weight: bold; color: var(--primary-color); }
        .product-info .subtitle { color: var(--text-light); font-weight: 500; margin-bottom: 15px; }
        .product-specs {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 15px;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }
        .spec-item { font-size: 0.9rem; }
        .spec-item strong { color: var(--text-dark); }
        .spec-item i { color: var(--secondary-color); margin-right: 8px; }
        .product-actions { margin-top: 25px; }
        .product-list-item .btn-details { background-color: var(--secondary-color); color: white; border: none; }
        .product-list-item .btn-quote { background-color: transparent; color: var(--secondary-color); border: 2px solid var(--secondary-color); }
        .product-list-item .btn-quote:hover { background-color: var(--secondary-color); color: white; }
        @media (max-width: 768px) {
            .product-list-item { flex-direction: column; }
            .product-list-item .product-image {
                flex-basis: 250px; /* 固定移动端图片高度 */
            }
        }
        
 
 
/* 表格基础样式 */
table {
    border-collapse: collapse;
    width: 100%;
    max-width: 1240px;
    margin: 20px auto;
    background: #ffffff;
    border: 1px solid #ddd;
}

/* 第一行（标题行）样式 */
table tbody tr:first-child {
    background: #f5f5f5;
}

table tbody tr:first-child td {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    /*text-align: center;*/
    padding: 15px;
    border: 1px solid #ddd;
}

/* 普通单元格基础样式 */
table td {
    padding: 10px 15px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

/* 第一列（序号列）样式 */
table tbody tr:not(:first-child) td:first-child {
    background: #f9f9f9;
    font-weight: bold;
    /*text-align: center;*/
    width: 80px;
    min-width: 80px;
}

/* 第二列（参数名称列）样式 */
table tbody tr:not(:first-child) td:nth-child(2) {
    background: #f9f9f9;
    font-weight: bold;
    width: 250px;
    min-width: 250px;
}

/* 第三列（参数值列）样式 */
table tbody tr:not(:first-child) td:nth-child(3) {
    background: #ffffff;
}

/* 偶数行样式（斑马纹） */
table tbody tr:nth-child(even):not(:first-child) td {
    background: #f9f9f9;
}

table tbody tr:nth-child(even):not(:first-child) td:nth-child(2) {
    background: #f0f0f0;
}

/* 响应式设计 */
@media (max-width: 768px) {
    table {
        font-size: 14px;
        margin: 10px;
    }
    
    table td {
        padding: 8px 10px;
    }
    
    table tbody tr:first-child td {
        padding: 12px 10px;
        font-size: 15px;
    }

    table tbody tr:not(:first-child) td:first-child {
        width: 60px;
        min-width: 60px;
    }

    table tbody tr:not(:first-child) td:nth-child(2) {
        width: 180px;
        min-width: 180px;
    }
}

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;}


/* 语言切换按钮样式 */
.language-switcher {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px !important;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.navbar.scrolled .language-switcher {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
}

.language-switcher:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.navbar.scrolled .language-switcher:hover {
    background: rgba(0, 0, 0, 0.1);
}

.language-menu {
    min-width: 160px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    border: none;
    padding: 10px 0;
}

.language-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.language-option:hover {
    background: #f8f9fa;
    color: var(--primary-color);
}

.language-option.active {
    background: var(--primary-color);
    color: white;
}

/* 国旗图标样式 */
.flag-icon {
    width: 20px;
    height: 15px;
    display: inline-block;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.flag-icon-cn {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjE4IiBmaWxsPSIjREUyOTEwIi8+CjxwYXRoIGQ9Ik0zLjYgMy42TDYgNi42TDguNCA0LjhMNy4yIDcuMkw5LjYgOUw2LjYgOS42TDYgMTJMNS40IDkuNkwyLjQgOUw0LjggNy4yTDMuNiAzLjZaIiBmaWxsPSIjRkZERTA4Ii8+CjxwYXRoIGQ9Ik0xMC4yIDIuNEwxMS40IDQuMkwxMy4yIDMuNkwxMi42IDUuNEwxNC40IDZMMTIuNiA2LjZMMTIgOC40TDExLjQgNi42TDkuNiA2TDExLjQgNS40TDEwLjIgMi40WiIgZmlsbD0iI0ZGREUwOCIvPgo8cGF0aCBkPSJNMTMuMiA3LjJMMTQuNCA5TDE2LjIgOC40TDE1LjYgMTAuMkwxNy40IDEwLjhMMTUuNiAxMS40TDE1IDEzLjJMMTQuNCAxMS40TDEyLjYgMTAuOEwxNC40IDEwLjJMMTMuMiA3LjJaIiBmaWxsPSIjRkZERTA4Ii8+CjxwYXRoIGQ9Ik0xMC4yIDEyTDExLjQgMTMuOEwxMy4yIDEzLjJMMTIuNiAxNUwxNC40IDE1LjZMMTIuNiAxNi4yTDEyIDE4TDExLjQgMTYuMkw5LjYgMTUuNkwxMS40IDE1TDEwLjIgMTJaIiBmaWxsPSIjRkZERTA4Ii8+Cjwvc3ZnPgo=');
}

.flag-icon-us {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjE4IiBmaWxsPSIjQjIyMjM0Ii8+CjxyZWN0IHk9IjEuMzgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIxLjM4IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB5PSI0LjE0IiB3aWR0aD0iMjQiIGhlaWdodD0iMS4zOCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeT0iNi45IiB3aWR0aD0iMjQiIGhlaWdodD0iMS4zOCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeT0iOS42NiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjEuMzgiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHk9IjEyLjQyIiB3aWR0aD0iMjQiIGhlaWdodD0iMS4zOCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeT0iMTUuMTgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIxLjM4IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiMzQzNDNjQiLz4KPC9zdmc+Cg==');
}

.flag-icon-kr {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8Y2lyY2xlIGN4PSIxMiIgY3k9IjkiIHI9IjMiIGZpbGw9IiNDNjBDMzAiLz4KPHBhdGggZD0iTTEyIDZBMyAzIDAgMCAwIDEyIDEyQTEuNSAxLjUgMCAwIDEgMTIgOUExLjUgMS41IDAgMCAxIDEyIDZaIiBmaWxsPSIjMDAzNzhBIi8+CjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiIGZpbGw9IiMwMDM3OEEiLz4KPHJlY3QgeD0iMTgiIHk9IjE0IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIiBmaWxsPSIjMDAzNzhBIi8+CjxyZWN0IHg9IjE4IiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIxIiBmaWxsPSIjQzYwQzMwIi8+CjxyZWN0IHg9IjMiIHk9IjE0IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIiBmaWxsPSIjQzYwQzMwIi8+Cjwvc3ZnPgo=');
}

/* 响应式设计 */
@media (max-width: 991px) {
    .language-switcher {
        background: transparent;
        border: none;
        padding: 8px 15px !important;
    }
    
    .language-menu {
        position: static;
        box-shadow: none;
        background: transparent;
        border: none;
        padding: 0;
        margin-left: 20px;
    }
    
    .language-option {
        padding: 8px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .navbar.scrolled .language-option {
        border-bottom-color: rgba(0, 0, 0, 0.1);
    }
}