/* 全局样式重置 */
          * {
              margin: 0;
              padding: 0;
              box-sizing: border-box;
              font-family: "Microsoft Yahei", sans-serif;
          }
  
          html, body {
              width: 100%;
              overflow-x: hidden;
              font-size: 16px;
          }
  
          /* 容器样式 - 基准1920px，左右边距10% */
          .container {
              width: 80%;
              margin: 0 auto;
              max-width: 1920px;
          }
  
          /* 顶部导航 - 固定+半透明 */
          header {
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 80px;
              background: rgba(255, 255, 255, 0.8);
              z-index: 999;
              display: flex;
              align-items: center;
              transition: all 0.3s ease;
              border-bottom: 1px solid rgba(0, 102, 204, 0.1);
          }
  
          .nav-wrapper {
              width: 80%;
              margin: 0 auto;
              display: flex;
              justify-content: space-between;
              align-items: center;
          }
  
          .logo {
              width: 120px; /* Logo尺寸：120*60px */
              height: 60px;
              object-fit: contain;
          }
  
          /* PC端导航列表 */
          .nav-list {
              display: flex;
              list-style: none;
          }
  
          .nav-list li {
              margin: 0 25px;
              position: relative;
          }
  
          .nav-list li a {
              text-decoration: none;
              color: #333;
              font-size: 16px;
              font-weight: 500;
              transition: color 0.3s ease;
              padding: 5px 0;
          }
  
          .nav-list li a.active {
              color: #0066cc;
          }
  
          .nav-list li a:hover {
              color: #0066cc;
          }
  
          /* 移动端菜单按钮 */
          .mobile-menu-btn {
              display: none;
              width: 40px;
              height: 40px;
              cursor: pointer;
              background: transparent;
              border: none;
              outline: none;
          }
  
          /* ========== 移动端导航 - 1:1匹配设计图 ========== */
          .mobile-nav {
              position: fixed;
              top: 0;
              right: 0;
              width: 0;
              height: 100vh;
              background: #fff;
              z-index: 1000;
              transition: width 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
              overflow: hidden;
              display: flex;
              box-shadow: -2px 0 10px rgba(0,0,0,0.1);
          }
  
          .mobile-nav.active {
              width: 85%; /* 设计图比例 */
          }
  
          /* 左侧蓝色关闭栏 */
          .mobile-nav-left {
              width: 60px;
              height: 100%;
              background: #0066cc;
              display: flex;
              justify-content: center;
              align-items: flex-start;
              padding-top: 20px;
              flex-shrink: 0;
          }
  
          .mobile-nav-close {
              width: 30px;
              height: 30px;
              cursor: pointer;
              display: flex;
              justify-content: center;
              align-items: center;
          }
  
          .mobile-nav-close img {
              width: 20px;
              height: 20px;
              filter: invert(1); /* 关闭按钮白色 */
          }
  
          /* 右侧导航内容区 */
          .mobile-nav-right {
              flex: 1;
              height: 100%;
              padding: 30px 20px;
              overflow-y: auto;
              background: #fff;
          }
  
          /* 移动端Logo */
          .mobile-nav-logo {
              width: 120px;
              height: 60px;
              margin: 0 auto 50px;
              display: block;
              object-fit: contain;
          }
  
          /* 移动端导航列表 */
          .mobile-nav-list {
              list-style: none;
              width: 100%;
          }
  
          .mobile-nav-list li {
              border-bottom: 1px solid #f0f0f0;
              margin-bottom: 5px;
          }
  
          .mobile-nav-list li a {
              text-decoration: none;
              color: #333;
              font-size: 18px;
              display: block;
              padding: 18px 10px;
              transition: all 0.2s ease;
          }
		  
		  
		  /* 首页选中样式 - 完全匹配设计图 */
		  .mobile-nav-list li a.active {
		      background: #0066cc;
		      color: #fff;
		      font-weight: 500;
		  }
		    
		  .mobile-nav-list li a:hover:not(.active) {
		      background: #f8f8f8;
		  }
	
			
		
		/* ========== 响应式适配 - 重点调整数字板块 ========== */
		/* 平板 (1024px以下) - 数字板块每行2个 */
		@media (max-width: 1024px) {
		    .container {
		        width: 90%;
		    }
		  
		    .nav-wrapper {
		        width: 90%;
		    }
		  
		    .nav-list {
		        display: none;
		    }
		  
		    .mobile-menu-btn {
		        display: block;
		    }
		  
		    .banner {
		        height: 650px;
		    }
		  
		    .banner-text h1 {
		        font-size: 40px;
		    }
		  
		    .banner-text p {
		        font-size: 16px;
		        max-width: 500px;
		    }
		  
		    /* 平板端：数字板块换行，每行2个 */
		    .about-numbers {
		        flex-wrap: wrap;
		    }
		    .number-item {
		        flex: 0 0 calc(50% - 7.5px);
		        margin-bottom: 15px;
		        padding: 25px 15px;
		    }
		  
		    .about-img-item {
		        width: 48%;
		        height: 200px;
		        margin-bottom: 15px;
		    }
		  
		    .enterprise-img-item {
		        width: calc(50% - 12.5px);
		        height: 450px;
		    }
		  
		    .news-item {
		        width: calc(50% - 12.5px);
		        height: 450px;
		    }
		}
		  
		/* 手机 (768px以下) - 数字板块每行1个 */
		@media (max-width: 768px) {
		    header {
		        height: 70px;
		    }
		  
		    .logo {
		        width: 100px;
		        height: 50px;
		    }
		  
		    .banner {
		        height: 500px;
		        margin-top: 70px;
		    }
		  
		    .banner-text {
		        left: 8%;
		        top: 45%;
		    }
		  
		    .banner-text h1 {
		        font-size: 32px;
		        margin-bottom: 15px;
		    }
		  
		    .banner-text p {
		        font-size: 14px;
		        max-width: 90%;
		    }
		  
		    .banner-dots {
		        bottom: 25px;
		    }
		  
		    .about {
		        padding: 80px 0;
		    }
		  
		    .about-title h2 {
		        font-size: 28px;
		    }
		  
		    .about-title p {
		        font-size: 16px;
		    }
		  
		    .about-desc {
		        margin-bottom: 60px;
		        font-size: 14px;
		        text-align: left;
		    }
		  
		    /* 手机端：数字板块每行1个 */
		    .number-item {
		        flex: 0 0 100%;
		        padding: 20px 15px;
		    }
		  
		    .number-item .num {
		        font-size: 36px;
		    }
		  
		    .about-img-item {
		        width: 100%;
		        height: 220px;
		    }
		  
		    .enterprises {
		        padding: 80px 0;
		    }
		  
		    .enterprises-title h2 {
		        font-size: 28px;
		    }
		  
		    .enterprise-img-item {
		        width: calc(100% - 25px);
		        height: 400px;
		    }
		  
		    .news {
		        padding: 80px 0;
		    }
		  
		    .news-title h2 {
		        font-size: 28px;
		    }
		  
		    .news-item {
		        width: calc(100% - 25px);
		        height: 400px;
		    }
		  
		    .footer-wrapper {
		        flex-direction: column;
		        text-align: center;
		        gap: 40px;
		    }
		  
		    .footer-nav {
		        display: none;
		    }
		  
		    .footer-qrcode {
		        justify-content: center;
		    }
		}
		  
		/* 小屏手机 (480px以下) - 保持每行1个 */
		@media (max-width: 480px) {
		    .banner {
		        height: 400px;
		    }
		  
		    .banner-text h1 {
		        font-size: 26px;
		    }
		  
		    .about-img-item {
		        height: 180px;
		    }
		  
		    .enterprise-img-item {
		        height: 350px;
		    }
		  
		    .news-item {
		        height: 380px;
		    }
		}
		
		
		
  /* 页脚基础样式 */
    footer {
        background-color: #003399;
        color: #fff;
        padding: 3rem 0 1.5rem;
        margin-top: 4rem;
    }

    .footer-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 2rem;
        margin-bottom: 2rem;
    }

    /* 左侧LOGO+二维码 */
    .footer-left {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .footer-logo-link {
        display: inline-block;
        text-decoration: none;
    }

    .footer-logo {
        width: 6rem;
        height: auto;
    }

    .footer-qrcode {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .footer-qrcode-item {
        width: 100px;
        height: 150px;
        overflow: hidden;
        border-radius: 4px;
    }

    .footer-qrcode-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* 中间导航（移动端隐藏） */
    .footer-middle {
        flex: 1;
        text-align: center;
    }

    .footer-nav {
        display: flex;
        justify-content: center;
        gap: 2rem;
        flex-wrap: wrap;
    }

    .footer-nav a {
        color: #fff;
        text-decoration: none;
        font-size: 1rem;
        transition: color 0.3s;
    }

    .footer-nav a:hover {
        color: #00cc99;
    }

    /* 右侧联系方式 */
    .footer-right {
        flex: 1;
        text-align: right;
    }

    .footer-contact {
        font-size: 0.95rem;
        line-height: 1.8;
    }

    .footer-contact p {
        margin: 0.5rem 0;
    }

    .footer-contact a {
        color: #fff;
        text-decoration: none;
        transition: color 0.3s;
    }

    .footer-contact a:hover {
        color: #00cc99;
        text-decoration: underline;
    }

    /* 版权信息 */
    .footer-copyright {
        text-align: center;
        padding-top: 1.5rem;
        border-top: 1px solid rgba(255,255,255,0.2);
        font-size: 0.85rem;
        color: rgba(255,255,255,0.7);
    }

    .footer-copyright a {
        color: rgba(255,255,255,0.8);
        text-decoration: none;
        margin: 0 0.5rem;
    }

    .footer-copyright a:hover {
        color: #00cc99;
        text-decoration: underline;
    }

    /* 移动端适配（768px以下） */
    @media (max-width: 768px) {
        /* 隐藏中间导航 */
        .footer-middle {
            display: none;
        }

        .footer-wrapper {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .footer-right {
            text-align: center;
        }

        .footer-qrcode {
            justify-content: center;
        }

        .footer-logo {
            width: 10rem;
        }
    }

    /* 小屏移动端优化 */
    @media (max-width: 576px) {
        footer {
            padding: 2rem 0 1rem;
        }

        .footer-copyright {
            font-size: 0.75rem;
            line-height: 1.6;
        }

        .footer-contact {
            font-size: 0.9rem;
        }
    }