/* ========== 基础重置 ========== */
    *, *::before, *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    
    html {
      scroll-behavior: smooth;
      font-size: 16px;
    }
    @media (min-width: 1200px) { html { font-size: 18px; } }
    @media (min-width: 2560px) { html { font-size: 20px; } }
    
    body {
      font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #333;
    }
    
    /* ========== CSS 变量 ========== */
    :root {
      --theme-primary: #087368;
      --theme-primary-light: #0a9587;
      --theme-primary-dark: #065a52;
      --theme-gold: #c9a962;
      --theme-text: #1167ac;
      --theme-text-light: #666666;
      --theme-bg-light: #f5f5f5;
      --theme-text-h2:#424242;
    }
    
    /* ========== Swiper 全屏滚动样式 ========== */
    .swiper {
      width: 100%;
      height: 100vh;
    }
    
    .swiper-wrapper {
      width: 100%;
      height: 100%;
    }
    
    .swiper-slide {
      width: 100%;
      height: 100vh;
      overflow: hidden;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    /* 分页指示器样式 */
    .swiper-pagination {
      position: fixed !important;
      right: 30px !important;
      left: auto !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      width: auto !important;
      display: flex;
      flex-direction: column;
      gap: 12px;
      z-index: 100;
    }
    
    .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background: #60a4db;
      border-radius: 50%;
      cursor: pointer;
      transition: all 0.3s ease;
      opacity: 1;
    }
    
    .swiper-pagination-bullet-active {
      background: #0659b0;
      height: 30px;
      border-radius: 5px;
    }
    
    /* ========== 导航栏样式 ========== */
    .navbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 110px;
      z-index: 2000;
      transition: all 0.3s ease;
      background: #fff;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    }
    
    .navbar.scrolled {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    }
    
    .navbar.scrolled .nav-link {
      color: var(--theme-text);
    }
    
    .navbar.scrolled .logo-text {
      color: var(--theme-primary);
    }
    
    .navbar.scrolled .mobile-menu-btn span {
      background: var(--theme-text);
    }
    
    .navbar-container {
      max-width: 100%;
      margin: 0 auto;
      padding: 0 20px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #fff;
      overflow: hidden;
    }
    .mobile-menu-close{display: none !important}
    
     /* 搜索框通用样式 */
        .search-box {
            display: flex;
            width: 300px;
            margin-left: 30px;
        }
        .search_box_d{width: 300px; position: relative;top: 0;left: 0;}
        .search_box_d input {
            flex: 1;
            width: 300px;
            padding: 10px 15px;
            border: 1px solid #ddd;
            border-radius: 4px 0 0 4px;
            font-size: 14px;
            height: 45px;
        }
        .search_box_d img{position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;}

        .search-box button {
            padding: 10px 10px;
            background-color: #1669ac;
            color: white;
            border: none;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
            height: 45px;
            font-size: 14px;
            transition: background-color 0.3s ease;
        }

        .search-box:hover  button{
            background-color: #003399;
            cursor: pointer;
        }
        .desktop-search input{padding-left: 10px;}
    .logo {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    
    .logo-icon {
      width: 45px;
      height: 45px;
      background: var(--theme-primary);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 20px;
      font-weight: bold;
    }
    
    .logo-text {
      font-size: 24px;
      font-weight: 700;
      color: white;
      transition: color 0.3s ease;
    }
    
    .nav-menu {
      display: none;
      align-items: center;
      gap: 40px;
       margin-left: auto;
    margin-right: 30px;
    }
    .bg-image{margin-top: 100px;display: block;}
    .banner_h5-image{display: none}
    .nav_pc{width: 100%;position:fixed;top: 110px; z-index: 10000;text-align: center;background: #1067ac;box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.1);}
    .nav-menu-pc {
      display: flex;
      align-items: center;
      gap: 5px;
      width: 90%;margin:0 auto;text-align: center;height: 48px;
      margin-left: 30px;
    }
    .nav-menu-pc {
  display: flex;
  align-items: center;
  position: relative; /* 为下拉菜单定位做准备 */
}

.nav-menu-pc .nav-link {
  flex: noneauto;
  padding: 0;
  display: inline-block; /* 确保宽高生效 */
  text-align: center; /* 文字居中 */
  margin-right:1.5rem; ;
}

.nav-link {
  color: #1067ac;
  font-size: 22px;
  font-weight: 500;
  cursor: pointer;
  position: relative; /* 为绝对定位的边框做容器 */
  padding: 8px 0;
  transition: color 0.3s ease;
  text-decoration: none;
  height: 110px;
  line-height: 110px; /* 保持垂直居中 */
  box-sizing: border-box; /* 防止边框撑大元素 */
}

/* 核心修改：用绝对定位实现边框紧贴文字底部 */
.nav-link:hover,
.nav-link.active {
  color: #1067ac;
  font-weight: bold;
  /* 移除原有line-height和border-bottom */
  line-height: 110px; /* 恢复原行高，保证文字垂直居中 */
}

/* 新增：绝对定位的底部边框 */
.nav-link::after {
  content: '';
  position: absolute;
  top: 80px;
  left: 0px;
  width: 0;
  height: 3px;
  transition: width 0.3s ease;
}

.nav-link:hover::after,
.nav-link.active::after {
  width: 100%; /* hover/激活时显示边框 */
}

/* 下拉菜单样式补充（保证不影响导航边框） */
.nav-item.has-dropdown {
  position: relative;
  height: 50px; /* 和导航项高度一致 */
  display: flex;
  align-items: center;
  top: 0;left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  display: none;
  z-index: 999;
  white-space: nowrap;
  opacity: 0.6;
}

.dropdown-item {
  display: inline-block;
  padding: 8px 25px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s;
}

.dropdown-item:hover {
  color: #1067ac;
}

.nav-item.has-dropdown:hover .dropdown-menu {
  display: block;

}

/* 确保下拉菜单的导航文字也有相同的边框效果 */
.nav-item.has-dropdown .nav-link {
  width: 100%;
  height: 100%;
}
    /* 移动端菜单按钮 */
    .mobile-menu-btn {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      padding: 8px;
    }
    
    .mobile-menu-btn span {
      width: 25px;
      height: 3px;
      background-color: #333;
      border-radius: 3px;
      transition: all 0.3s ease;
    }
    
    /* 移动端菜单 */

    .mobile-menu.open {
      transform: translateX(0);
    }
    
    .mobile-menu .nav-link {
      color: var(--theme-text);
      font-size: 24px;
    }
    
    .mobile-menu-close {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 30px;
      cursor: pointer;
      color: var(--theme-text);
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    /* ========== 页面通用样式 ========== */
    .page-section {
      width: 100%;
      height: 100vh;
      position: relative;
      display: flex;
      align-items: center;
      /*padding-top: 100px;*/
      justify-content: center;
      overflow: hidden;
    }
    
    .page-content {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 40px;
      position: relative;
      z-index: 10;
      margin-top: 10vh;
    }
    
    /* ========== 背景图片样式 ========== */
    .bg-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
    }
    
    .bg-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
      z-index: 2;
    }
    
    /* ========== 动画效果 ========== */
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(60px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    @keyframes fadeInDown {
      from {
        opacity: 0;
        transform: translateY(-60px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    @keyframes fadeInLeft {
      from {
        opacity: 0;
        transform: translateX(-60px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
    
    @keyframes fadeInRight {
      from {
        opacity: 0;
        transform: translateX(60px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }
    
    @keyframes scaleIn {
      from {
        opacity: 0;
        transform: scale(0.8);
      }
      to {
        opacity: 1;
        transform: scale(1);
      }
    }
    
    .animate-fadeInUp {
      animation: fadeInUp 0.8s ease forwards;
    }
    
    .animate-fadeInDown {
      animation: fadeInDown 0.8s ease forwards;
    }
    
    .animate-fadeInLeft {
      animation: fadeInLeft 0.8s ease forwards;
    }
    
    .animate-fadeInRight {
      animation: fadeInRight 0.8s ease forwards;
    }
    
    .animate-scaleIn {
      animation: scaleIn 0.8s ease forwards;
    }
    
    .delay-100 { animation-delay: 0.1s; }
    .delay-200 { animation-delay: 0.2s; }
    .delay-300 { animation-delay: 0.3s; }
    .delay-400 { animation-delay: 0.4s; }
    .delay-500 { animation-delay: 0.5s; }
    .delay-600 { animation-delay: 0.6s; }
    
    /* 初始隐藏状态 */
    .swiper-slide .animate-on-scroll {
      opacity: 0;
    }
    
    .swiper-slide-active .animate-on-scroll {
      opacity: 1;
    }
    
    /* ========== 首页样式 ========== */
    .hero-section {
      text-align: center;
      color: white;
    }
    
    .hero-title {
      font-size: clamp(36px, 8vw, 80px);
      font-weight: 700;
      margin-bottom: 20px;
      text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
      letter-spacing: 8px;
      opacity: 0;
    }
    
    .swiper-slide-active .hero-title {
      animation: fadeInUp 0.8s ease forwards;
    }
    
    .hero-subtitle {
      font-size: clamp(16px, 2.5vw, 24px);
      font-weight: 300;
      margin-bottom: 40px;
      opacity: 0;
      letter-spacing: 4px;
    }
    
    .swiper-slide-active .hero-subtitle {
      animation: fadeInUp 0.8s ease 0.2s forwards;
    }
    
    .hero-btn-wrapper {
      opacity: 0;
    }
    
    .swiper-slide-active .hero-btn-wrapper {
      animation: fadeInUp 0.8s ease 0.4s forwards;
    }
    
    .hero-btn {
      display: inline-block;
      padding: 16px 48px;
      background: var(--theme-primary);
      color: white;
      font-size: 16px;
      font-weight: 500;
      border-radius: 30px;
      cursor: pointer;
      transition: all 0.3s ease;
      border: 2px solid var(--theme-primary);
      text-decoration: none;
    }
    
    .hero-btn:hover {
      background: transparent;
      color: white;
      transform: translateY(-3px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    }
    
    /* 滚动提示 */
    .scroll-hint {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 5px;
      color: white;
      font-size: 14px;
      animation: bounce 2s infinite;
      z-index: 10;
    }
    
    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
      }
      40% {
        transform: translateX(-50%) translateY(-10px);
      }
      60% {
        transform: translateX(-50%) translateY(-5px);
      }
    }
    
    .scroll-hint-icon {
      width: 20px;
      height: 40px;
      border: 2px solid white;
      border-radius: 15px;
      display: flex;
      justify-content: center;
      padding-top: 8px;
    }
    
    .scroll-hint-dot {
      width: 6px;
      height: 6px;
      background: white;
      border-radius: 50%;
      animation: scrollDot 1.5s infinite;
    }
    
    @keyframes scrollDot {
      0% {
        opacity: 1;
        transform: translateY(0);
      }
      100% {
        opacity: .6;
        transform: translateY(15px);
      }
    }
    
    /* ========== 内容页样式 ========== */
    .section-title {
      font-size: clamp(18px, 2.07vw, 32px);
      font-weight: 700;
      color: var(--theme-text);
      position: relative;
      display: inline-block;
      opacity: 0;
    }
    
    .swiper-slide-active .section-title {
      animation: fadeInUp 0.8s ease forwards;
    }

    
    .section-title.center {
      text-align: center;
      display: block;
    }
    
    .section-title.center::after {
      left: 50%;
      transform: translateX(-50%);
    }
    @import url('https://cdn.jsdelivr.net/npm/source-han-sans-sc@1.0.0/index.css');
    .section-subtitle {
      font-size: 20px;
      color: #1167ac;
      opacity: 0;
      font-family: 'Source Han Sans SC';
      font-weight: 300;
    }
    
    .swiper-slide-active .section-subtitle {
      animation: fadeInUp 0.8s ease 0.1s forwards;
    }
    
    /* ========== 卡片样式 ========== */
    .card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      margin-top: 40px;
    }
    
    .info-card {
      background: white;
      border-radius: 16px;
      padding: 40px 30px;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
      text-align: center;
      opacity: 0;
    }
    
    .swiper-slide-active .info-card {
      animation: fadeInUp 0.8s ease forwards;
    }
    
    .swiper-slide-active .info-card:nth-child(1) { animation-delay: 0.1s; }
    .swiper-slide-active .info-card:nth-child(2) { animation-delay: 0.2s; }
    .swiper-slide-active .info-card:nth-child(3) { animation-delay: 0.3s; }
    .swiper-slide-active .info-card:nth-child(4) { animation-delay: 0.4s; }
    .swiper-slide-active .info-card:nth-child(5) { animation-delay: 0.5s; }
    .swiper-slide-active .info-card:nth-child(6) { animation-delay: 0.6s; }
    
    .info-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    }
    
    .card-icon {
      width: 70px;
      height: 70px;
      background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-light) 100%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 24px;
      font-size: 28px;
      color: white;
    }
    
    .card-title {
      font-size: 20px;
      font-weight: 600;
      color: var(--theme-text);
      margin-bottom: 12px;
    }
    
    .card-desc {
      font-size: 14px;
      color: var(--theme-text-light);
      line-height: 1.8;
    }
    
    /* ========== 关于我们页样式 ========== */
    .about-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      margin-top: 30px;
    }
    
    .about-image {
      position: relative;
      opacity: 0;
    }
    
    .swiper-slide-active .about-image {
      animation: fadeInLeft 0.8s ease forwards;
    }
    
    .about-image img {
      width: 100%;
      border-radius: 16px;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    }
    
    .about-text {
      padding: 20px 0;
      opacity: 1;
    }
    
    .swiper-slide-active .data_text {
      animation: fadeInRight 0.8s ease 0.2s forwards;
    }
    .swiper-slide-active .news-list{
      animation: fadeInUp 0.8s ease 0.2s forwards;
    }
    
    .about-text p {
      font-size: 16px;
      line-height: 2;
      color: var(--theme-text-light);
      margin-bottom: 20px;
    }
    .news-list{

    }
    .news-list li{
      display: flex;
      justify-content: space-between;
      font-size: 16px;
      line-height: 1.8;
      color: var(--theme-text-light);
      margin-bottom: 10px;
    }
    .news-list li a{
      font-size: clamp(1rem, 1.2vw, 1.125rem);
      line-height: 1.8;
      color: var(--theme-text-h2);
      text-decoration: none;
      font-weight: bold;
    }
    .news-list li span{
      font-size: clamp(1rem, 1.2vw, 1.25rem);
      line-height: 1.8;
      color: var(--theme-text-light);
    }
    .stats-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      margin-top: 40px;
    }
    
    .stat-item {
      text-align: center;
      opacity: 0;
    }
    
    .swiper-slide-active .stat-item {
      animation: fadeInUp 0.8s ease forwards;
    }
    
    .swiper-slide-active .stat-item:nth-child(1) { animation-delay: 0.4s; }
    .swiper-slide-active .stat-item:nth-child(2) { animation-delay: 0.5s; }
    .swiper-slide-active .stat-item:nth-child(3) { animation-delay: 0.6s; }
    
    .stat-number {
      font-size: 42px;
      font-weight: 700;
      color: var(--theme-primary);
      margin-bottom: 8px;
    }
    
    .stat-label {
      font-size: 14px;
      color: var(--theme-text-light);
    }
    .data{text-align: left;
      color: #898989;
      font-size: 18px;}
    .data span{
      color: var(--theme-text);
      font-size: 40px;
      font-weight: bold;
      margin-right: 5px;
    }
    .data_text{
      width: 100%;
      text-align: left;
      margin-bottom: 20px;
    }
    .data_text a{
      font-size:clamp(20px, 1.55vw, 24px);
      color: var(--theme-text-h2);
      text-decoration: none;
      margin:15px 0px;
    }
    .data_text p{
      font-size: 16px;
      line-height: 2;
      color: var(--theme-text-light);
      margin-bottom: 20px;
    }

    /* ========== 科创研究样式 ========== */
    .swiper-button-next:after, .swiper-button-prev:after{display: none}
.kc_ul {
 max-width: 1200px;
  margin-top: 50px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  /* 新增：滚动顺滑过渡 */
  scroll-behavior: smooth; /* 核心，让滚动有动画 */
  box-sizing: border-box;
  padding: 0 10px 10px;
}
/* 隐藏滚动条（保留滚动功能） */
.kc_ul::-webkit-scrollbar {
  display: none;
}
.swiper-slide-active .kc_ul{animation: fadeInRight 0.8s ease 0.2s forwards;}
.swiper-slide-active .middle_lay{animation: scaleIn 0.8s ease forwards}
.kc_ul ul {
  width: 100%;
  display: flex;
  gap: 0 10px;
  text-align: center;
  /* 移动端强制不换行，实现横向滚动 */
  flex-wrap: nowrap;
}
.kc_ul li {
  text-align: left;
  list-style: none;
  /* 移动端取消flex:1，改为固定最小宽度 */
  flex: noneauto;
  /* min-width: 120px; 保证每个Tab有足够宽度 */
  cursor: pointer; /* 鼠标指针提示可点击 */
  transition: all 0.2s ease; /* li选中态过渡动画 */
  padding: 0px; /* 移动端增加内边距 */
  margin-right:27px; ;
}
.kc_ul li a {
  font-size: 20px;
  color: #5d5d5d;
  text-decoration: none;
  padding-bottom: 5px;
  display: block; /* 扩大点击区域 */
  transition: color 0.2s ease;
  white-space: nowrap; /* 移动端Tab文字不换行 */
}
.kc_ul .active{;}
.kc_ul .active a {
  border-bottom: 5px #1167ac solid;
    color: #1167ac
  border-bottom: 5px var(--primary-color) solid;
  color: var(--primary-color); /* 选中态文字变色 */
  width: 100%;
  font-size: 24px;
  font-weight: bold;
}
.kc_img_ul {
  display: flex;
  gap: 0 30px;
  margin-top: 50px;
  align-items: center; /* 箭头与内容垂直居中 */
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px; /* 移动端左右留白 */
}
/* 箭头样式 */
.left1, .right1 {
  width: 46px;
  height: 46px; /* 固定高度，保证点击区域 */
  flex: none;
  cursor: pointer;
  user-select: none; /* 禁止文字选中 */
  -webkit-user-select: none;
  transition: opacity 0.2s ease; /* 箭头hover动画 */
  position: relative; /* 图片居中 */
  z-index: 10; /* 保证箭头在Swiper上层 */
}
/* 箭头hover效果 */
.left1:hover, .right1:hover {
  opacity: 0.8;
}
.left1 img, .right1 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%; /* 箭头图片自适应 */
  height: auto;
}
/* Swiper容器样式 */
.middle.swiper-container {
  flex: 1;
  overflow: hidden; /* 隐藏超出部分 */
  position: relative;
  height: auto; /* 自适应内容高度 */
}
.swiper-wrapper {
  display: flex;
  transition: transform 0.5s ease; /* Swiper滑动动画 */
}
/* 每个slide占满容器 */
.middle_lay.swiper-slide {
  flex: 0 0 100%;
  width: 100%;
  display: flex; /* 保持原有图片+文字布局 */
  box-sizing: border-box;
  padding: 0 10px; /* 移动端左右留白 */
}
.m_img {
  width: 300px;
  flex: none;
}
.m_img img {
  width: 100%;
  height: auto; /* 图片自适应 */
  object-fit: cover; /* 保持图片比例 */
}
.m_p {
  flex: 1;
  border: 1px #c6d3d8 solid;
  background: #ffffff;
  margin: 20px 0;
  margin-left: 40px;
  padding: 40px;
  height: 380px;
}
.m_p h2 {
  font-size: clamp(20px, 1.55vw, 24px);
  color: var(--theme-text-h2);
  margin: 15px 0px;
}
.m_p h2  a{
  font-size: clamp(20px, 1.55vw, 24px);
  color: var(--theme-text-h2);
text-decoration: none
}
.m_p p {
  font-size: 18px;
  color: var(--theme-text-h2);
  line-height: 34px;
  margin-top: 5px;
}
/* 隐藏Swiper默认的分页/滚动条（如需） */
.swiper-pagination, .swiper-scrollbar {
 /*  display: none !important;*/
}
#kcSwiper .swiper-slide{height: auto;}



/* ========== 二级页面 ========== */
.banner_2j{width: 100%;height: 447px;background: url(../images/banner_2.jpg) top center no-repeat;margin-top: 110px;}
.layout_2{width: 100%;background: url(../images/liebiao_bg.jpg) bottom center repeat-y;padding-bottom: 180px;}
.layout_2_div{width: 1215px;margin:0 auto;background: #fff;}
.layout_2 .page-content{padding-top: 40px;margin-top: 0;}
.mb_tittle{width: 1120px;margin:0 auto;padding:10px 0px;position: relative;top: 0;left: 0;color: #a5a5a5;font-size: 14px;padding:20px 0px;border-bottom: 1px #b0b0b0 solid;margin-bottom: 20px;}
.mb_tittle span{position:relative;top: 4px;left:0px;height: 20px;display: inline-block;}
.mb_tittle span img{height: 100%;}
.mb_tittle a{color: #4c5051;font-size: 16px;padding:0 10px;text-decoration: none;}
.mb_tittle a:hover{ color:#1669ac;font-weight:bold; }
.mb_tittle .active{color:#1669ac !important;font-weight:bold !important;}

.p_list_div{width: 1200px;margin:0 auto;padding:10px 40px;position: relative;top: 0;left: 0;color: #a5a5a5;font-size: 14px;}
.p_list{border-bottom: 1px #b0b0b0 solid;padding-bottom: 20px;margin-bottom: 20px;}
.p_list ul{list-style: none;}
.p_list li{display: flex;text-align: left;}
.tittle_data{justify-content:space-between;display: flex;text-align: left;width: 100%;}
.p_list li a{text-align: left;flex: 1;color: #4c5051;font-size: 16px; line-height: 40px;text-decoration: none;}
.p_list li a:hover{color:#1669ac;}
.p_list .span1{width: 15px; flex: none;color: #4c5051;font-size: 16px; line-height: 40px;}
.p_list .span2{width: 100px; flex: none;text-align: right;font-size: 14px; color: #bbb6b7;line-height: 40px;}

.plist_tw{width: 100%;display: flex;margin-bottom: 30px;}
.plist_img{width: 400px; flex: noneauto;}
.plist_img img{width: 100%;}
.plist_p{flex: 1;margin-left: 30px;}
.plist_p h2{text-align: left;}
.plist_p h2 a{font-size: 20px;color: #1167ac;line-height: 40px;text-decoration: none;}
.plist_p p{ color:#4c5051; line-height:30px;text-align:left;text-indent:2em ;margin-top: 5px;}

.more_jz a{display: block;width: 140px;height: 40px;margin:0 auto;border:1px #e7eded solid; color: #1669ac;line-height: 40px; font-size: 14px;margin-top: 50px;text-align: center;text-decoration:none;}
.more_jz a:hover{background: #1669ac;color: #fff;}

.layout_2 .footer{position: initial;}


.pic_list_div{width: 100%;}
.pic_list_div ul{display: grid;grid-template-columns: repeat(3, 1fr); gap: 40px; padding: 0 10px;margin-top: 10px;}
.pic_list_div li{background: #f8f8f8;list-style: none;padding-bottom: 40px;}
.pic_list_div li h2{padding:20px 20px;padding-bottom: 10px;}
.pic_list_div li h2 a{font-size: 16px;color: #4c5051;line-height: 25px; text-decoration: none}
.pic_list_div li h3{padding:0 20px;margin-top: 0px;}
.pic_list_div li h3 .span1{background: url(../images/icon11.jpg) top left no-repeat;padding-left: 20px;font-size: 12px;margin-right: 20px;display: inline-block;height: 16px;color: #4c5051;}
.pic_list_div li h3 .span2{background: url(../images/icon12.jpg) top left no-repeat;padding-left: 20px;font-size: 12px;display: inline-block;height: 16px;color: #4c5051;}


.layout_div1_nr_tittle{ color: #333333; font-size: 28px; line-height: 50px;margin-top:50px;text-align: center;font-weight: bold;}
.layout_div1_nr_day{ color: #3d3d3d; font-size: 12px; line-height: 50px;text-align: center;}
.neirong_div{text-align: left;width: 100%;margin:0 auto;}
.neirong_div p{text-align: left;color: #666666;font-size: 14px;line-height: 30px;margin-top:10px;margin-bottom:20px;line-height: 30px !important;
    text-indent: 0em !important;
    font-size: 14px !important;
    padding:0 !important;}
.neirong_div p a{text-align: left;color: #666666;font-size: 18px;line-height: 35px;padding-left:15px;text-decoration: underline;}
.nr_img{text-align: center;}
.nr_img img{width: 80%;}



/* ========== 动画补全（避免动画失效） ========== */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

  /* 全局动画补全（避免动画失效） */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ========== 科创服务基础样式 ========== */
.fw_ul,.hz_ul {
  max-width: 1200px;
  margin-top: 50px;
  /* 移动端横向滚动容器 */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* 移动端顺滑滚动 */
  padding-bottom: 10px; /* 避免滚动条遮挡 */
  box-sizing: border-box;
  padding: 0 10px 10px;


  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  box-sizing: border-box;
  padding: 0 10px 10px;
  /* 新增：滚动时的顺滑过渡 */
  scroll-behavior: smooth; /* 核心：让滚动动画更丝滑 */
}

.hz_ul::-webkit-scrollbar {
  display: none;
}
.fw_ul::-webkit-scrollbar {
  display: none;
}
/* 隐藏滚动条（保留滚动功能） */
.fw_ul::-webkit-scrollbar {
  display: none;
}
.hz_ul::-webkit-scrollbar {
  display: none;
}
.swiper-slide-active .fw_ul {
  animation: fadeInRight 0.8s ease 0.2s forwards;
}
.swiper-slide-active .middle_lay {
  animation: scaleIn 0.8s ease forwards;
}
.fw_ul ul {
  width: 930px;
  margin:0 auto;
  display: flex;
  gap: 0 10px;
  text-align: center;
  /* 移动端强制不换行，实现横向滚动 */
  flex-wrap: nowrap;
}


.fw_ul li {
  text-align: left;
  list-style: none;
  /* 移动端取消flex:1，改为固定最小宽度 */
  flex: noneauto;
  /* min-width: 120px; 保证每个Tab有足够宽度 */
  cursor: pointer; /* 鼠标指针提示可点击 */
  transition: all 0.2s ease; /* li选中态过渡动画 */
  padding: 0px; /* 移动端增加内边距 */
  margin-right:clamp(1.625rem, 1.335vw, 2rem); ;
}
.fw_ul li a {
  font-size: 20px;
  color: #5d5d5d;
  text-decoration: none;
  padding-bottom: 5px;
  display: block; /* 扩大点击区域 */
  transition: color 0.2s ease;
  white-space: nowrap; /* 移动端Tab文字不换行 */
}
.fw_ul .active{;}
.fw_ul .active a {
  border-bottom: 5px #1167ac solid;
    color: #1167ac
  border-bottom: 5px var(--primary-color) solid;
  color: var(--primary-color); /* 选中态文字变色 */
  width: 100%;
  font-size: 24px;
  font-weight: bold;
}



/* 父容器：保证所有子元素高度统一 */
.fu_img_list {
  width: 100%;
  display: flex;
  gap: 10px;
  margin-top: 50px;
  align-items: stretch; /* 强制所有子元素高度一致 */
  min-height: 400px; /* 保底高度，避免内容过少导致高度不一致 */
  box-sizing: border-box;
  padding: 0 10px; /* 移动端左右留白 */
  overflow: hidden; /* 隐藏溢出部分 */
}

/* 核心样式：统一背景+布局，解决对齐问题 */
.fw_img_plist1 {
  flex: 0 0 calc((100% - 5 * 10px) / 7);
  padding: 15px;
  border-radius: 5px;
  position: relative;
  height: auto; /* 继承父容器高度，保证所有元素等高 */
  box-sizing: border-box; /* 宽度包含padding，避免溢出 */

  /* 关键：统一背景样式，解决对齐问题 */
  background-size: cover !important; /* 强制cover，保证缩放一致 */
  background-position: center center !important; /* 背景居中显示 */
  background-attachment: local; /* 背景随元素缩放，不随滚动 */

  /* flex布局实现文字底部对齐 */
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer; /* 鼠标指针提示可点击 */
  /* 移动端触控优化：增加点击区域 */
  touch-action: manipulation;
  position: relative; /* 为伪元素提供定位参考 */
  overflow: hidden; /* 防止渐变层溢出 */
}
.fw_img_plist1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%; /* 渐变覆盖整个容器高度，从底部向上渐变 */
  /* 渐变：底部纯黑（rgba(0,0,0,0.8)）向上过渡到透明（rgba(0,0,0,0)） */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  z-index: 1; /* 渐变层在背景图之上，文字之下 */
  pointer-events: none; /* 不影响点击交互 */
}

/* 调整文字层级，浮在渐变层上方 */
.fw_img_plist1 h2,
.fw_img_plist1 p {
  position: relative; /* 开启层级控制 */
  z-index: 2; /* 高于渐变层的z-index:1 */
  /* 保留原有文字样式，可按需调整 */
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}
/* 文字样式优化 */
.fw_img_plist1 h2 {
  color: #fff;
  font-size: 20px;
  margin: 0 0 8px 0;
  line-height: 1.2;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); /* 增强阴影，提高可读性 */
  position: relative;
  z-index: 2;
  width: 80%;
}

.fw_img_plist1 p {
  color: #fff;
  font-size: 14px;
  margin: 0;
  line-height: 1.4;
  max-height: 80%;
  position: absolute;
  bottom:20px;
  left: 0;
  padding: 15px;
  overflow: hidden;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); /* 增强阴影 */
  display: none;
  z-index: 2;
  /* 文字溢出省略（移动端优化） */
  display: -webkit-box;
  -webkit-line-clamp: 10; /* 最多显示8行 */
  -webkit-box-orient: vertical;
  display: none;
}

/* active状态：仅修改宽度，其他样式保持一致 */
.fu_img_list .active {
  flex: 0 0 calc(2 * (100% - 5 * 10px) / 7);
}
.fu_img_list .active h2{width: 100%;}
.fu_img_list .active p {
  display: -webkit-box !important; /* 强制显示，同时启用行数限制 */
  display: block;
}

.nav-menu-pc {
  display: flex;
  align-items: center;
  position: relative; /* 为下拉菜单定位做准备 */
}

.nav-item {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

/* 下拉菜单容器 */
.dropdown-menu {
  position:fixed;
  top: 110px;
  left: 0;
  background: #fff;
  display: none; /* 默认隐藏 */
  z-index: 999;
  white-space: nowrap; /* 防止换行 */
  width: 100%;
  text-align:center;
height: 80px !important;
}

/* 二级菜单项横向排列 */
.dropdown-item {
  display: inline-block;
  color: #333;
  text-decoration: none;
  font-size: 18px;
  transition: color 0.3s;
height: 30px !important;
position: relative;
top: -20px;
}

.dropdown-item:hover {
  color: #0066cc; /* hover变色 */
}

/* 鼠标经过显示下拉菜单 */
.nav-item.has-dropdown:hover .dropdown-menu {
  display: block;
}

/* 移动端下拉菜单样式 */
.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 280px;
  height: 100vh;
  background: #fff;
  z-index: 9999;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  padding-top: 80px;
  padding-left: 20px;
}
.nav-link:hover .dropdown-menu{display: block;} 
.mobile-menu.open {
  transform: translateX(0);

}

.mobile-nav-item {
  position: relative;
  margin-bottom: 15px;

}

/* 移动端下拉菜单触发按钮 */
.mobile-nav-item.has-dropdown .nav-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* 移动端下拉菜单箭头（可选） */
.nav-link span::after {
 content: '';
  /* 核心：用border绘制三角形箭头 */
  position: absolute;
  right:10px; /* 紧贴右侧 */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%); /* 抵消自身高度 */
  width: 0;
  height: 0;
  /* 绘制向左的箭头（border方向控制） */
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid #666; /* 箭头颜色/大小 */
  /* 过渡动画：旋转更丝滑 */
  transition: transform 0.3s ease;
}

.open1 .nav-link span::after {
  transform: translateY(-50%) rotate(270deg);
}

/* 移动端二级菜单 */
.mobile-dropdown-menu {
  transition: max-height 0.3s ease;
  margin-top:45px;
  display: none;
}
.open1 .mobile-dropdown-menu {display: block;}

.mobile-nav-item.has-dropdown.open .mobile-dropdown-menu {
  max-height: 500px; /* 足够大的高度容纳所有项 */
}

.mobile-dropdown-menu .dropdown-item {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #666;
  height: 50px !important;
  padding-left: 20px;

}

 @media (max-height: 899px) {
    .data_text p{font-size: 14px;line-height: 25px;}
    .news-list li a,.news-list li span{font-size: 18px; line-height: 30px;}
    .kc_img_ul,.fu_img_list{margin-top: 25px;}
    .news-list{margin-top: 50px;}
    .about-content{margin-top: 15px;}
  }


/* ========== 移动端响应式适配（768px以下） ========== */
@media (max-width: 768px) {
  /* 1. Tab栏适配 */
  .fw_ul {
    margin-top: 30px; /* 减小间距 */
  }
  .fw_ul li {
    min-width: 90px; /* 缩小最小宽度 */
    flex: 0 0 auto; /* 取消等分 */
  }
  .fw_ul li a {
    font-size: 14px; /* 缩小字体 */
    padding-bottom: 10px; /* 减小下划线间距 */
  }
  .fw_ul .active a {
    border-bottom-width: 3px; /* 缩小下划线 */
  }

  /* 2. 卡片布局适配：6列→2列 */
  .fu_img_list {
    margin-top: 30px;
    min-height: 300px; /* 降低保底高度 */
    gap: 8px; /* 缩小间距 */
  }
  .fw_img_plist1 {
    /* 非选中项：占比调整 */
    flex: 0 0 calc((100% - 8px) / 2 * 0.4) !important;
  }
  .fu_img_list .active {
    /* 选中项：占比调整 */
    flex: 0 0 calc((100% - 8px) / 2 * 1.6) !important;
  }
  .fw_img_plist1 h2 {
    font-size: 14px; /* 缩小标题字体 */
  }
  .fw_img_plist1 p {
    font-size: 12px; /* 缩小正文字体 */
    -webkit-line-clamp: 6; /* 减少显示行数 */
    padding: 10px;
    line-height: 1.3;
  }
}

/* ========== 小屏手机适配（480px以下） ========== */
@media (max-width: 480px) {
  /* 1. Tab栏进一步缩小 */
  .fw_ul li {
    min-width: auto;
  }
  .fw_ul li a {
    font-size: 14px;
  }

  /* 2. 卡片布局：2列→1列堆叠 */
  .fu_img_list {
    flex-direction: column; /* 纵向排列 */
    min-height: auto; /* 取消保底高度 */
    gap: 10px;
    margin-top: 0px;
  }
  .fw_img_plist1 {
    /* 所有卡片默认占满宽度，非选中项隐藏文字并缩小高度 */
    flex: 0 0 60px !important;
    width: 100% !important;
  }
  .fu_img_list .active {
    /* 选中项：展开高度，显示文字 */
    flex: 0 0 200px !important;
  }
  .fw_img_plist1 h2 {
    font-size: 13px;
    padding: 5px 0;
  }
  .fw_img_plist1 p {
    font-size: 11px;
    -webkit-line-clamp: 8;
    padding: 8px;
  }
}
    /* ========== 服务页样式 ========== */
    .service-section {
      background: var(--theme-bg-light);
    }
    



    /* ========== 合作案例页样式 ========== */
    .hz_ul {
  max-width: 1200px;
  margin-top: 50px;
}
.swiper-slide-active .hz_ul{animation: fadeInRight 0.8s ease 0.2s forwards;}
.swiper-slide-active .middle_lay{animation: scaleIn 0.8s ease forwards}
 

.hz_ul ul {
  width: 930px;
  margin:0 auto;
  display: flex;
  gap: 0 10px;
  text-align: center;
  /* 移动端强制不换行，实现横向滚动 */
  flex-wrap: nowrap;
}


.hz_ul li {
  text-align: left;
  list-style: none;
  /* 移动端取消flex:1，改为固定最小宽度 */
  flex: noneauto;
  /* min-width: 120px; 保证每个Tab有足够宽度 */
  cursor: pointer; /* 鼠标指针提示可点击 */
  transition: all 0.2s ease; /* li选中态过渡动画 */
  padding: 0px; /* 移动端增加内边距 */
  margin-right:70px ;
}
.hz_ul li a {
  font-size: 20px;
  color: #5d5d5d;
  text-decoration: none;
  padding-bottom: 5px;
  display: block; /* 扩大点击区域 */
  transition: color 0.2s ease;
  white-space: nowrap; /* 移动端Tab文字不换行 */
}
.hz_ul .active{;}
.hz_ul .active a {
  border-bottom: 5px #1167ac solid;
    color: #1167ac
  border-bottom: 5px var(--primary-color) solid;
  color: var(--primary-color); /* 选中态文字变色 */
  width: 100%;
  font-size: 24px;
  font-weight: bold;
}


#hzSwiper .swiper-slide{height: auto;}

.hz_img {
  width: 500px;
  flex: none;
}
.hz_img img {
  width: 100%;
}
.hz_p {
  flex: 1;
  margin-left: 40px;
  padding: 0px 0;
}
.hz_p h2 {
  font-size: clamp(20px, 1.55vw, 24px);
  color: var(--theme-text-h2);
  margin: 15px 0px;
}
.hz_p h2 a {
  font-size: clamp(20px, 1.55vw, 24px);
  color: var(--theme-text-h2);
text-decoration: none
}
.hz_p p {
  font-size: 14px;
  color: var(--theme-text-h2);
  line-height: 25px;
  margin-top: 5px;
}
#hzSwiper{margin-top: 50px;}
#hzSwiper .middle_lay{align-items: flex-start; }
    
    /* ========== 联系我们页样式 ========== */
    .contact-section {

    }
    .swiper-slide-active .link_list{animation: fadeInRight 0.8s ease 0.2s forwards;}
    .swiper-slide-active .yq_link{animation: fadeInLeft  0.8s ease forwards}
    .swiper-slide-active .yq_link2{animation: fadeInUp  0.8s ease forwards}
    .link_list{width: 100%;min-width: 1120px;}
    .link_list ul{display: flex;list-style: none;border-bottom: 1px #b0b0b0 solid;height: 45px;}
    .link_list li{width: 140px;flex: none;margin-right: 20px;height: 45px;text-align: center;font-size: 14px; color:#000;padding-top: 10px;}
    .link_list li:hover{ color:#fff;background: url(../images/link_bg.jpg) top center no-repeat;font-weight: bold;}
    .link_list .active1{ color:#fff !important;background: url(../images/link_bg.jpg) top center no-repeat !important;font-weight: bold}


    .link_div {
  margin-top: 10px;
  display: none; /* 初始隐藏 */
  line-height: 36px; /* 统一行高，避免排版错乱 */
  flex-wrap: wrap; /* 自动换行，避免横向溢出 */
}

/* 显示active对应的link_div */
.link_div.active {
  display: flex !important;
}

.link_div a {
  font-size: 15px;
  color: #4c5051;
  line-height: 36px;
  text-decoration: none;
  white-space: nowrap; /* 链接文字不换行 */
}

.link_div b {
  font-weight: normal;
  margin: 0 10px;
  color: #4c5051;
  line-height: 36px;
}

    .yq_link{width: 100%;border-top:1px #4c5051 solid;margin-top: 20px;padding-top: 20px;display: flex;border-bottom: 1px #bababa solid;padding-bottom: 20px;}
    .yq_link .name{font-size: 15px; color: #4c5051; line-height: 36px;}
    .yq_link_list{}
    .yq_link_list a{font-size: 15px; color: #4c5051; line-height: 36px;text-decoration: none}
    .yq_link_list b{font-weight: normal;margin:0 10px; color: #4c5051;line-height: 36px;}

    .yq_link2{width: 100%;display: flex;margin-top: 20px;}
    .ewm{width: 123px;flex: none}
    .ewm img{width: 100%;}
    .xinxi{flex: 1;margin-left: 30px;}
    .xinxi h2{text-align: left;font-size: 16px; color: #4c5051; line-height: 36px;font-weight: normal;text-decoration: none}
    .xinxi h2 span{margin-right: 5px;position: relative;top: 2px;}

    .contact-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
    }
    
    .contact-info {
      opacity: 0;
    }
    
    .swiper-slide-active .contact-info {
      animation: fadeInLeft 0.8s ease forwards;
    }
    
    .contact-info h2 {
      font-size: 36px;
      font-weight: 700;
      margin-bottom: 20px;
    }
    
    .contact-info > p {
      font-size: 16px;
      opacity: 0.8;
      margin-bottom: 40px;
      line-height: 1.8;
    }
    
    .contact-item {
      display: flex;
      align-items: center;
      gap: 20px;
      margin-bottom: 30px;
      opacity: 0;
    }
    
    .swiper-slide-active .contact-item {
      animation: fadeInLeft 0.8s ease forwards;
    }
    
    .swiper-slide-active .contact-item:nth-child(3) { animation-delay: 0.1s; }
    .swiper-slide-active .contact-item:nth-child(4) { animation-delay: 0.2s; }
    .swiper-slide-active .contact-item:nth-child(5) { animation-delay: 0.3s; }
    
    .contact-icon {
      width: 50px;
      height: 50px;
      background: var(--theme-primary);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      flex-shrink: 0;
    }
    
    .contact-icon svg {
      width: 22px;
      height: 22px;
    }
    
    .contact-detail h4 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 4px;
    }
    
    .contact-detail p {
      font-size: 14px;
      opacity: 0.8;
    }
    
    .contact-form {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(10px);
      border-radius: 20px;
      padding: 40px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      opacity: 0;
    }
    
    .swiper-slide-active .contact-form {
      animation: fadeInRight 0.8s ease 0.2s forwards;
    }
    
    .form-group {
      margin-bottom: 24px;
    }
    
    .form-group label {
      display: block;
      font-size: 14px;
      margin-bottom: 8px;
      opacity: 0.9;
    }
    
    .form-group input,
    .form-group textarea {
      width: 100%;
      padding: 14px 18px;
      background: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 8px;
      color: white;
      font-size: 14px;
      transition: all 0.3s ease;
      font-family: inherit;
    }
    
    .form-group input:focus,
    .form-group textarea:focus {
      outline: none;
      border-color: var(--theme-primary);
      background: rgba(255, 255, 255, 0.15);
    }
    
    .form-group input::placeholder,
    .form-group textarea::placeholder {
      color: rgba(255, 255, 255, 0.5);
    }
    
    .submit-btn {
      width: 100%;
      padding: 16px;
      background: var(--theme-primary);
      color: white;
      font-size: 16px;
      font-weight: 600;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
      font-family: inherit;
    }
    
    .submit-btn:hover {
      background: var(--theme-primary-light);
      transform: translateY(-2px);
    }
    
    /* ========== 页脚样式 ========== */
    .footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 30px 40px;
      text-align: center;
      color: #000;
      font-size: 14px;
      z-index: 10;
    }

    /* 移动端菜单样式修改 */


.mobile-menu.open {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.mobile-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10001;
}

.mobile-menu-close:hover {
    background: rgba(0, 0, 0, 0.2);
    transform: rotate(90deg);
}

.mobile-menu-close svg {
    stroke: #333;
    width: 20px;
    height: 20px;
}

.mobile-menu .nav-link {
    width: 90%;
    max-width: 400px;
    padding: 16px 20px;
    margin: 8px 0;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    opacity: 0;
    transform: translateY(-20px);
}

.mobile-menu.open .nav-link {
    animation: slideDown 0.5s ease forwards;
}

.mobile-menu.open .nav-link:nth-child(1) { animation-delay: 0.1s; }
.mobile-menu.open .nav-link:nth-child(2) { animation-delay: 0.15s; }
.mobile-menu.open .nav-link:nth-child(3) { animation-delay: 0.2s; }
.mobile-menu.open .nav-link:nth-child(4) { animation-delay: 0.25s; }
.mobile-menu.open .nav-link:nth-child(5) { animation-delay: 0.3s; }

@keyframes slideDown {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* 移动端菜单按钮 */


    /* 叉子状态 */
    .mobile-menu-btn.active span:nth-child(1) {
      transform: translateY(7px) rotate(45deg);
    }

    .mobile-menu-btn.active span:nth-child(2) {
      opacity: 0;
    }

    .mobile-menu-btn.active span:nth-child(3) {
      transform: translateY(-9px) rotate(-45deg);
    }

    /* 移动端菜单面板 */
    .mobile-menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: rgba(255, 255, 255, 0.98);
      backdrop-filter: blur(10px);
      z-index: 1001;
      padding: 100px 20px 40px;
      transform: translateY(-100%);
      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      flex-direction: column;
      overflow-y: auto;
    }

    .mobile-menu.open {
      transform: translateY(0);
    }

    /* 移动端搜索框 */
    .mobile-search-container {
      margin-bottom: 10px;
      margin-top: 50px;
      width: 100%;
    }

    .mobile-search-box {
      position: relative;
      display: flex;
      align-items: center;
      background: #f5f5f5;
      border-radius: 5px;
      padding: 0 15px;
      height: 50px;
      border: 1px solid #e0e0e0;
    }

    .mobile-search-input {
      flex: 1;
      border: none;
      background: transparent;
      padding: 10px 15px;
      font-size: 16px;
      color: #333;
      outline: none;
    }

    .mobile-search-input::placeholder {
      color: #999;
    }

    .mobile-search-btn {
      background: none;
      border: none;
      padding: 5px;
      cursor: pointer;
      color: #666;
      transition: color 0.3s ease;
    }

    .mobile-search-btn:hover {
      color: #007bff;
    }

    .mobile-search-btn svg {
      width: 20px;
      height: 20px;
    }

    /* 移动端菜单项 */
    .mobile-menu .nav-link {
      font-size: 20px;
      padding: 18px 0;
      border-bottom: 1px solid #eee;
      color: #333;
      text-decoration: none;
      display: block;
      width: 100%;
      text-align: left;
    }

    .mobile-menu .nav-link:last-child {
      border-bottom: none;
    }

    .mobile-menu .nav-link.active {
      color: #007bff;
      font-weight: 600;
    }

    /* 遮罩层 */
    .mobile-menu-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 999;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
    }

    .mobile-menu-overlay.active {
      opacity: 1;
      visibility: visible;
    }

    /* Swiper 样式 */
    .swiper {
      width: 100%;
      height: 100vh;
    }

    .swiper-slide {
      position: relative;
    }

    .page-section {
      width: 100%;
      height: 100%;
      position: relative;
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
      .nav-menu {
        display: none;
      }
      .search-box{display: none}



    }

    @media (min-width: 769px) {
      .mobile-menu {
        display: none !important;
      }

      .mobile-menu-overlay {
        display: none !important;
      }
    }
/* 响应式设计 */
@media (max-width: 768px) {

    
    .nav-menu {
        display: none;
    }
    
    .mobile-menu {
        display: flex;
    }
}

@media (max-width: 480px) {
    .mobile-menu {
        padding-top: 80px;
    }
    
    .mobile-menu .nav-link {
        padding: 0px 16px;
        font-size: 16px;
        height: auto;
        line-height: 50px;
    }
    
    .mobile-search-input {
        height: 44px;
        font-size: 15px;
    }

}
    
    /* ========== 响应式设计 ========== */
    @media (max-width: 1024px) {
      .page-content {
        padding: 0 30px;
      }
      
      .about-content {
        grid-template-columns: 1fr;
        gap: 40px;
      }
      
      .about-image {
        order: -1;
      }
      
      .contact-content {
        grid-template-columns: 1fr;
        gap: 50px;
      }
      
      .card-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      
      .case-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 940px) {
      .banner_2j{display: none}
      .banner_h5-image{display: block;}
      .navbar {
        height: 60px;
      }
      .navbar-container {
        padding: 0 20px;
      }
      .search-box{display: none}
      .logo-icon {
        width: 38px;
        height: 38px;
        font-size: 16px;
      }
      
      .logo-text {
        font-size: 18px;
      }
      
      .nav-menu {
        display: none;
      }
      
      .mobile-menu-btn {
        display: flex;
      }
      
      .page-content {
        padding: 20px 30px;
      }
      
      .hero-title {
        letter-spacing: 4px;
      }
      
      .card-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }
      
      .case-grid {
        grid-template-columns: 1fr;
      }
      
      .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }
      
      .contact-form {
        padding: 30px 20px;
      }
      
      .swiper-pagination {
        right: 15px !important;
        display: none;
      }
      
      .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
      }
      
      .swiper-pagination-bullet-active {
        height: 24px;
      }
      
      .section-title::after {
        width: 40px;
        height: 3px;
      }
      .p_list_div,.mb_tittle,.layout_2_div{width: 100%;}
      .layout_2_div{margin-top: 70px;}
      .mb_tittle{width: 95%;margin:0 auto;}
      .layout_div1_nr_tittle{line-height: 40px;}
      .link_list{min-width: 100%;}
      .link_list li{width: 100px;}
      .yq_link{margin-top: 10px;padding-top: 10px;padding-bottom: 10px;}
      .link_div a {line-height:40px;}
      .link_div b {line-height: 40px;}
      .yq_link_list a {line-height:3vh;}
      .yq_link_list b {line-height: 3vh;}
      .yq_link .name{width: 120px;line-height: 3vh;}
      .xinxi{flex: 1;margin-left: 10px;}
      .xinxi h2{text-align: left;font-size: 14px; color: #4c5051; line-height: 26px;font-weight: normal;text-decoration: none}
     .xinxi h2 span{margin-right: 5px;position: relative;top: 2px;}
     .nav-menu-pc{display: none}
     .page-content{margin-top: 10px;}
     .logo{width: 150px;}
     .logo img{width: 100%;}
     .bg-image{margin-top: 60px;}
     .section-title{font-size: 26px;}
     .page-section{padding-top: 60px;}
     .about-content{gap: 10px}
     .about_sp{display: flex;}
     .data{width: 100px;}
     .data span{display: block;}
     .layout_2{padding-bottom: 0;}
     .pic_list_div ul{grid-template-columns: repeat(2, 1fr);gap: 10px 0 20px 0}
     .plc_list_img img{width: 100%;}
     .plist_tw{display: block;}
     .plist_p{margin-left:0;margin-top: 15px;}
      .bg-image{display: none;}
      .banner_h5-image{display: block;width: 100%;}
      .op{display: none}
      #mobileMenuClose{display: none}
      .nav-menu{display: block;}
      .nav-menu-pc{display: none}
      .nav-menu{display: none}
      .bg-image{margin-top: 60px;}
      .logo{width:150px;}
      .logo img{width: 90%;}
      .page-content{margin-top:0;}
      .about_p{display: none}
      .page-section{align-items: initial;}
      .data_text{margin-bottom: 0;}
      .data_text a{font-size: 18px;}
      .data_text p{font-size: 14px;}
      .data_text p{line-height: 25px;margin-top: 10px;margin-bottom: 10px;}
      .kc_ul .active a{font-size: 16px;}
      .kc_ul li{margin-right: 10px;}
      .fw_ul .active a,.hz_ul .active a{font-size: 16px;}
      .fw_ul li{margin-right: 15px;}
      .fw_ul ul,.hz_ul ul,.kc_ul ul{width: 100%;}
      .kc_ul{width: 95%;margin:0 auto;margin-top: 20px;}
      .hz_ul li{margin-right: 13px;}
      .kc_img_ul,.fu_img,.hz_img_ul{margin-top: 20px;}
      .hz_ul,.about-content,.fw_ul{margin-top: 20px;}
      #hzSwiper{margin-top: 0;}
      .about-content{display: flex;}
      .about-image{width: 300px;}
      .about-text{flex: 1;margin-left: 30px;}
      .news-list{margin-top: 0;}
      .news-list li a, .news-list li span{font-size: 14px;}
      .news-list li{display: block;}
      .about_p1{margin-top: 0;padding:0;}
      .m_img{width: 200px;}
      .hz_img{width: 300px;margin:0 auto;}
      .hz_p{margin-left: 0;}
      .nav-link:hover, .nav-link.active{height: 50px; line-height: 50px;}
      .nav-link{height: 50px; line-height: 50px;padding:0 20px !important;font-size: 16px !important;}
        .fw_ul li {}
      .hz_ul li a{font-size: 14px;}
      .tittle_data{display: block;}
      .plist_img{width: 100%;}
      .plist_img img{width: 100%;}
      .p_list li{padding:10px 0;}
      .p_list li a{display: block;line-height: 25px;}
      .p_list .span2{display: block;line-height: 25px;text-align: left;}
      .p_list .span1{display: block;line-height: 25px;}
  .fw_ul li a ,.hz_ul li a{
    font-size: 14px;
  }

  /* 2. 卡片布局：2列→1列堆叠 */
  .fu_img_list {
    flex-direction: column; /* 纵向排列 */
    min-height: auto; /* 取消保底高度 */
    gap: 10px;
    margin-top: 0px;
  }
  .fw_img_plist1 {
    /* 所有卡片默认占满宽度，非选中项隐藏文字并缩小高度 */
    flex: 0 0 60px !important;
    width: 100% !important;
  }
  .fu_img_list .active {
    /* 选中项：展开高度，显示文字 */
    flex: 0 0 200px !important;
  }
  .fw_img_plist1 h2 {
    font-size: 13px;
    padding: 5px 0;
  }
  .fw_img_plist1 p {
    font-size: 11px;
    -webkit-line-clamp: 8;
    padding: 8px;
  }
    }
    
    @media (max-width: 480px) {
         .bg-image{display: none;}
    .banner_h5-image{display: block;height: 100%;}
      .op{display: none}
      #mobileMenuClose{display: none}
      .nav-menu{display: block;}
      .nav-menu-pc{display: none}
      .nav-menu{display: none}
      .bg-image{margin-top: 60px;}
      .logo{width:150px;}
      .logo img{width: 90%;}
      .page-content{margin-top:0;}
      .about_p{display: none}
      .page-section{align-items: initial;}
      .data_text{margin-bottom: 0;}
      .data_text a{font-size: 18px;}
      .data_text p{font-size: 14px;}
      .data_text p{line-height: 25px;margin-top: 10px;margin-bottom: 10px;}
      .kc_ul .active a{font-size: 16px;}
      .kc_ul li{margin-right: 10px;}
      .fw_ul .active a{font-size: 16px;}
      .fw_ul li{margin-right: 15px;}
      .fw_ul ul,.hz_ul ul,.kc_ul ul{width: 100%;}
      .kc_ul{width: 95%;margin:0 auto;margin-top: 20px;}
      .hz_ul li{margin-right: 13px;}
      .kc_img_ul,.fu_img,.hz_img_ul{margin-top: 20px;}
      .hz_ul,.about-content,.fw_ul{margin-top: 20px;}
      #hzSwiper{margin-top: 0;}
      .about-content{display: block;}
      .about-image{width: 100%;}
      .about-text{margin:0 auto;margin-top: 20px;}
      .fw_img_plist1 p{font-size: 12px;}
      .fu_img_list .active{flex: 0 0 248px !important}
      .fw_img_plist1 h2{font-size: 16px;}
      .hero-title {
        font-size: 28px;
        letter-spacing: 2px;
      }
      
      .hero-subtitle {
        font-size: 14px;
      }
      
      .hero-btn {
        padding: 12px 32px;
        font-size: 14px;
      }
      
      .section-title {
        font-size: 24px;
      }
      
      .stat-number {
        font-size: 32px;
      }
      
      .scroll-hint {
        display: none;
      }
      
      .stats-grid {
        grid-template-columns: 1fr;
      }
      .hz_img{width: 100%;}
      .hz_p{margin-left: 0;}
      .nav-link::after{
        top: 0;
        left: auto;
        right: -20px;
        background: none;
      }
    }

    /* ========== 移动端响应式适配（768px以下） ========== */
@media (max-width: 768px) {
  /* 1. Tab栏适配 */
  .kc_ul {
    margin-top: 30px; /* 减小间距 */
    padding: 0 10px 10px; /* 移动端左右留白 */
  }
  .kc_ul li {
    min-width: 100px; /* 移动端缩小Tab最小宽度 */
    flex: 0 0 auto;
  }
  .kc_ul li a {
    font-size: 14px; /* 缩小字体 */
    padding-bottom: 10px; /* 减小下划线间距 */
  }
  .kc_ul .active a {
    border-bottom-width: 3px; /* 移动端缩小下划线 */
  }

  /* 2. 内容布局适配 */
  .kc_img_ul {
    margin-top: 0px; /* 减小间距 */
    gap: 0px; /* 缩小箭头与内容间距 */
  }
  /* 移动端箭头缩小 */
  .left1, .right1 {
    width: 36px;
    height: 36px;
  }
  /* 移动端内容改为纵向布局（图片在上，文字在下） */
  .middle_lay.swiper-slide {
    flex-direction: column; /* 纵向排列 */
  }
  .m_img {
    margin-bottom: 15px; /* 图片与文字间距 */
  }
  .m_p {
    margin: 0; /* 移除原有margin */
    padding: 20px 15px; /* 减小内边距 */
    border: none; /* 移动端移除边框（可选，更简洁） */
    background: transparent; /* 移除背景色 */
  }
  .m_p h2 {
    font-size: 18px; /* 缩小标题字体 */
    margin: 10px 0;
  }

  .m_p p {
    font-size: 13px; /* 缩小正文字体 */
    line-height: 25px; /* 调整行高 */
  }

  /* 3. 滚动提示适配（移动端可选隐藏） */
  .scroll-hint {
    font-size: 12px;
  }
  .scroll-hint-icon {
    width: 20px;
    height: 30px;
  }
}

/* ========== 小屏手机适配（480px以下） ========== */
@media (max-width: 480px) {
  .fuxm_layout .page-content{padding:20px 0;}
  .kc_ul li {
    min-width: auto; /* 更小的Tab宽度 */
  }
  .kc_ul li a {
    font-size: 14px; /* 更小的字体 */
  }
  .left1, .right1 {
    width: 30px;
    height: 30px; /* 更小的箭头 */
  }
  .left1{left: 0;}
  .right1{right: 0;}
  .m_p {
    padding: 15px 10px; /* 进一步减小内边距 */
  }
  .m_p h2 {
    font-size: 16px;
  }
  .m_p p {
    font-size: 14px;
  }
    .m_img {
    width: 70%; /* 图片占满宽度 */
    margin-bottom: 15px; /* 图片与文字间距 */
  }
  .hz_ul li a{font-size: 16px !important;}
  .pic_list_div ul{grid-template-columns: repeat(1, 1fr);gap: 10px 0 20px 0}
}

    /* ========== 响应式设计 ========== */
    @media (min-width: 1400px) {
      .nav-menu-pc{width: 800px;}
      .search-box{width: 500px;}
      .desktop-search input{width: 350px;}
      .desktop-search button{width: 100px;}
    }
    @media (max-width: 1300px) {
          .nav-menu-pc .nav-link {margin-right:1.3rem; ;}
          .dropdown-menu{padding:0 100px;}
    }
    @media (max-width: 1200px) {
          .nav-menu-pc .nav-link {margin-right:.5rem; ;}
          .dropdown-menu{padding:0 100px;}
    }


    
    /* 禁用动画（针对偏好减少动画的用户） */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }
      
      .scroll-hint,
      .scroll-hint-dot {
        animation: none !important;
      }
    }