/* 全局样式重置 */
    * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", sans-serif;
    }
    a {
    text-decoration: none;
    color: #333;
    }
    ul {
    list-style: none;
    }
    .container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    }
    .fz {
    font-size: 16px;
    }
    .mb80 {
    margin-bottom: 80px;
    }
    .mb90 {
    margin-bottom: 90px;
    }
    .mb120 {
    margin-bottom: 120px;
    }
    
 /* ===== 导航栏容器 ===== */
    .navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 280px;
    height: 80px;
    background: #fff;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0);
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1);
    border-bottom: 1px solid transparent;
    }

    /* 滚动后添加的样式类 */
    .navbar.scrolled {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    height: 70px;
    }

    /* 内部内容最大宽度，保持居中 */
    .navbar-container {
    max-width: 1400px;
    display: flex;
    align-items: center; 
    justify-content: space-between;
    }

     /* Logo 区域 */
    .logo {
      font-size: 24px;
      font-weight: 700;
      color: #1b1b1b;
      text-decoration: none;
      letter-spacing: -0.3px;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      transition: all 0.2s;
    }
    .header-logo {
      width: 120px;
      height: 40px;
      background: url("../images/LOGO2.png") center no-repeat;
       background-size: contain;
      color: white;
      font-size: 14px;
      padding: 50px 80px;
      border-radius: 30px;
      margin-left: 10px;
      -webkit-text-fill-color: white;
      background-clip: unset;
    }

    /* 头部样式 */
    .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    position: relative;
    z-index: 99;
    }
    .nav_con {
    display: flex;
    gap: 50px;
    }
    .nav_item {
    position: relative;
    }
    .nav_item_a {
    font-size: 16px;
    color: #333;
    transition: color 0.3s;
    }
    .nav_item_a:hover {
    color: #e62129;
    }
    .select_box {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
    min-width: 150px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .nav_item:hover .select_box {
    display: block;
    }
    .select_box a {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    }
    .lang {
    display: flex;
    gap: 10px;
    align-items: center;
    }
    .lang {
    background: none;
    border: none;
    font-size: 14px;
    color: #666;
    }
    .lang .active {
    background: none;
    border: none;
    color: #e62129;
    font-weight: bold;
    }
    .lang .line {
    width: 1px;
    height: 14px;
    background: #ccc;
    }
       /* 带下拉的菜单项 */
    .has-dropdown .nav_item_a {
    display: flex;
    align-items: center;
    gap: 6px;
    }

    .dropdown-arrow {
    margin-left: .317vw;
    border: solid #090909;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: .156vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 18px;
    transition: all .2s ease-in;
    }

    .has-dropdown:hover .dropdown-arrow {
      transform: rotate(220deg);
    }

 /* ===== 下拉面板核心样式（稳定停留） ===== */
    .dropdown {
      position: absolute;
      top: 100%;                /* 紧贴菜单项底部，无垂直间隙 */
      left: 50%;
      transform: translateX(-50%);
      min-width: 180px;
      background: #ffffff;
      border-radius: 24px;
      box-shadow: 0 20px 35px -8px rgba(0, 0, 0, 0.12), 0 5px 12px -4px rgba(0, 0, 0, 0.05);
      padding: 24px 20px;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
      transform: translateX(-50%) translateY(-8px);
      border: 1px solid #f0f2f5;
      pointer-events: none;
      z-index: 200;
      /* 关键：用 margin-top 制造视觉间距，但通过伪元素补全可hover区域 */
      margin-top: 0;
    }

    /* 透明桥接层：填补菜单项与下拉面板之间的任何微小空隙，确保鼠标移动路径连续 */
    .has-dropdown::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 12px;            /* 覆盖从菜单底部到下拉面板顶部的区域 */
      background: transparent;
      z-index: 150;
      pointer-events: auto;    /* 允许鼠标事件，使hover保持 */
    }

    /* hover时显示下拉，并且面板可接收鼠标事件 */
    .has-dropdown:hover .dropdown {
      opacity: 1;
      visibility: visible;
      transform: translateX(-50%) translateY(0);
      pointer-events: auto;
    }

    /* 下拉内部网格布局 */
    .dropdown-grid {
      display: flex;
      gap: 28px;
    }

    .dropdown-col {
      flex: 1;
    }

    .dropdown-title {
      font-size: 15px;
      font-weight: 600;
      color: #64748b;
      letter-spacing: 0.5px;
      margin-bottom: 16px;
      padding-bottom: 8px;
      border-bottom: 1.5px solid #eef2f6;
    }

    .dropdown-links {
      padding-left: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .dropdown-link-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 8px 8px 8px 0;
      text-decoration: none;
      color: #1e293b;
      font-weight: 450;
      font-size: 15px;
      border-radius: 12px;
      transition: background 0.15s, padding 0.15s;
    }

    .dropdown-link-item:hover {
      background: #f8fafc;
      padding-left: 8px;
    }

    .link-icon {
      text-align: center;
      font-size: 18px;
      margin-right: 8px;
    }

    /* 顶部轮播 */
    .top_banner {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
    }
    .news_banner {
    width: 100%;
    height: 500px;
    position: relative;
    /* overflow: hidden; */
    }
    .about_banner {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    }
    .banner-slide {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s;
    }
    .banner-slide.active {
    opacity: 1;
    }
    .banner-slide .banner-bg {
    width: 100%;
    height: 100%;

    /* 轮播图占位符 - 可替换为实际图片 */
    background: #fcf9f2  center center no-repeat;
    background-size: cover;
    }
    .banner-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    }
    .banner-pagination .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    }
    .banner-pagination .dot.active {
    background: #e62129;
    }
    .banner-btn-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); 
    left: 3.6vw !important;
    width: 62px;
    height: 62px;
    background: url(../images/prew.png) no-repeat;
    background-size: 100%;
    color: #fff; 
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 30px;
    }
    .banner-btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); 
    right: 3.6vw !important;
    width: 62px;
    height: 62px;
    background: url(../images/next.png) no-repeat;
    background-size: 100%;
    color: #fff; 
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 30px;
    }

    /* 关于我们模块 */
    .about-section {
    padding: 80px 0 160px 0;
    text-align: center;
    }
    .en_title {
    font-size: 18px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 10px;
    }
    .cn_title {
    font-size: 36px;
    color: #333;
    margin-bottom: 30px;
    }
    .normal-txt {
    text-indent: 2em;
    line-height: 1.8;
    color: #666;
    /* max-width: 800px; */
    margin: 0 auto;
    text-align: left;
    }
    .more {
    display: inline-block;
    margin-top: 20px;
    color: #e62129;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e62129;
    }
    .logo-banner {
    width: 100%;
    height: 145px;
    margin-top: 20px;
    margin-left: 100px;
    padding-left: 20px;
    background: url(../images/logo-banner.jpg) no-repeat;
    }
    .video-box {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto 0;
    position: relative;
    }
    .video-box video {
    width: 100%;
    height: auto;
    }
    .video-placeholder {
    width: 100%;
    height: 500px;
    background: #f5f5f5 url("https://placehold.co/1000x500/f5f5f5/666666?text=视频占位符") center center no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    }

    /* 核心价值模块 */
    .value-section {
    padding: 80px 0;
    background: #f9f9f9;
    text-align: center;
    }
    .value-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
    }
    .value-item {
    width: 23%;
    padding: 20px;
    }
    .value-item .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;

    /* 图标占位符 */
    background: #eee url("https://placehold.co/80x80/eeeeee/333333?text=ICON") center center no-repeat;
    border-radius: 50%;
    }
    .item_title {
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
    }
    .item_desc {
    line-height: 1.6;
    color: #666;
    }

    /* 热门商品模块 */
    .product-section {
    padding: 0 0 160px 0;
    text-align: center;
    }
    .product-banner {
    width: 100%;
    height: 500px;

    /* 热门商品轮播占位图 */
    background: #fcf9f2 url("../images/3.jpg") center center no-repeat;
    background-size: cover;
    margin-top: 40px;
    }

    /* ---------- 网页底部样式 (核心) ---------- */
    .footer {
    background: #383838;
    border-top: 1px solid #eef2f6;
    padding: 60px 24px 80px;
    color: #334155;
    font-size: 14px;
    transition: all 0.2s;
    }normal-txt

    .footer-container {
    max-width: 1280px;
    margin: 0 auto;
    }

    /* 主要行：版权 + 备案信息 (flex 自适应) */
    .footer-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    }

    .copyright {
    color: #ffffff;
    font-weight: 450;
    letter-spacing: 0.2px;
    }

    .copyright a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s;
    }

    .copyright a:hover {
    color: #ffffff;
    text-decoration: underline;
    }

    /* 备案信息组 */
    .beian-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 28px;
    }

    .beian-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s;
    white-space: nowrap;
    }

    .beian-item:hover {
    color: #ffffff;
    }

    /* 公安备案图标 (沿用官方风格盾牌，内嵌 base64 保证显示) */
    .beian-icon {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* 使用优化过的盾牌图标 */
    background-image: url('data:image/png;base64,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');
    }

    /* 分隔线 (可选) */
    .footer-divider {
    margin: 24px 0 18px;
    border: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
    }

    /* 第二行辅助链接（营业执照、隐私条款等） */
    .footer-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 18px 28px;
    color: #ffffff;
    }

    .footer-links a {
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s;
        }

    .footer-links a:hover {
    color: #ffffff;
    text-decoration: underline;
    }
    /* 响应式适配 */
    @media (max-width: 1200px) {
    .container {
        width: 90%;
    }
    .value-item {
        width: 48%;
        margin-bottom: 30px;
    }
    .news-item {
        width: 48%;
    }
        }
    @media (max-width: 768px) {
    .nav_con {
        display: none;
        }
    .value-item {
        width: 100%;
    }
    .news-item {
        width: 100%;
    }
    .top_banner, .product-banner {
        height: 300px;
    }
        }