/* 基础样式重置 */
      * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
          font-family: 'Microsoft YaHei', Arial, sans-serif;
      }

      body {
          color: #333;
          line-height: 1.6;
          background-color: #ffffff;
      }

      a {
          text-decoration: none;
          color: #ffffff;
      }

      ul {
          list-style: none;
      }

      /* 页脚 */
      footer {
          background-color: #212636;
          color: #fff;
          padding: 1.0417vw 0 0;
          margin-top: auto;
      }

      .footer-container {
          max-width: 79.375vw;
          height: 16.7188vw;
          margin: 0 auto;
          padding: 0 1.0417vw;
          font-weight: 400;
          font-size: 0.9375vw;
          display: flex;
          flex-direction: column;
          justify-content: space-evenly;
      }

      .footer-nav {
          display: flex;
          /* justify-content: center; */
          flex-wrap: wrap;
          /* margin-bottom: 1.5625vw; */
          padding-bottom: 1.0417vw;
      }

      .footer-nav a {
          color: #ccc;
          margin: 0 0.7813vw;
          font-size: 0.9375vw;
          transition: color 0.3s;
      }

      .footer-nav a:hover {
          color: #1a73e8;
      }

      .footer-nav .separator {
          color: #2d3a46;
      }

      .footer-content {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
      }

      .contact-info {
          flex: 1;
          min-width: 15.625vw;
      }

      .contact-item {
          margin-bottom: 0.625vw;
          display: flex;
          align-items: center;
          color: #ccc;
      }

      .contact-item i {
          margin-right: 0.5208vw;
          color: #1a73e8;
          width: 0.8333vw;
          text-align: center;
      }

      .qrcode-section {
          display: flex;
          justify-content: space-between;
          margin-top: 1.0417vw;
      }



      .qrcode-item {
          text-align: center;
      }

      .qrcode-item p {
          margin-bottom: 0.5208vw;
          font-size: 0.7292vw;
          color: #ccc;
      }

      .qrcode-box {
          width: 5.2083vw;
          height: 5.2083vw;
          /* background: #2d3a46; */
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 0.2604vw;
      }

      .qrcode-box i {
          font-size: 2.0833vw;
          color: #1a73e8;
      }

      .footer-bottom {
          color: #C4C4C4;
          font-size: 0.9375vw;
          height: 3.3854vw;
          line-height: 3.3854vw;
          padding: 0 0 0 1.8229vw !important;
      }

      /* 导航点击 */

      .nav-links {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
      }

      .nav-links li {
          margin: 0 0.7813vw;
          position: relative;
      }

      .nav-links a {
          font-size: 16px;
          font-weight: 500;
          transition: color 0.3s;
          padding: 0.5208vw 0;
          display: block;
      }

      .nav-links a:hover {
          color: #ffffff;
      }

      /* 当前选中状态 */
      .nav-links a.active,
      .nav-links-right a.active {
          color: #ffffff;
          font-weight: 600;
      }

      .nav-links a.active::after {
          content: '';
          position: absolute;
          bottom: -1.1vw;
          left: 0;
          width: 100%;
          height: 0.1563vw;
          background-color: #fcfcfc;
          border-radius: 0.1042vw;
      }

      /* 添加滚动时激活链接的下划线样式 */
      .navbar.scrolled .nav-links a.active::after {

          background-color: none;
          /* 滚动时变为蓝色 */
          bottom: -0.525vw;
          /* 微调位置适应滚动后的导航栏高度 */
      }

      .nav-links-right {
          display: flex;
          align-items: center;
          position: absolute;
          right: 20.875vw;
          top: 50%;
          transform: translateY(-50%);
          font-size: 16px;
          font-weight: 500;
          transition: color 0.3s;
          padding: 0.5208vw 0;
          display: block;
      }


      .nav-links-right a:hover {
          color: #ffffff;
      }

      /* 滚动状态下的样式 */
      .navbar.scrolled .nav-links-right a,
      .navbar.scrolled .navbar-logo {
          color: #000000;
      }

      /* 增强淡入动画基础样式 */
      .fadein {
          opacity: 0;
          /* 初始完全透明 */
          transform: translateY(1.5625vw) scale(0.9);
          /* 初始向下偏移并轻微缩小 */
          transition: opacity 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),
              transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
          /* 缓动函数增强视觉效果 */
          will-change: opacity, transform;
          /* 提示浏览器优化动画性能 */
      }

      /* 动画触发状态 */
      .fadein.animate {
          opacity: 1;
          /* 完全不透明 */
          transform: translateY(0) scale(1);
          /* 回到正常位置和大小 */
      }

      /* 置顶按钮 */
      .back-to-top {
          position: fixed;
          bottom: 1.5625vw;
          right: 1.5625vw;
          width: 2.6042vw;
          height: 2.6042vw;
          background-color: #1D5EF1;
          color: white;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.0417vw;
          cursor: pointer;
          opacity: 0;
          visibility: hidden;
          transition: opacity 0.3s ease, visibility 0.3s ease;
          z-index: 9999;
          /* 确保在最上层 */
          box-shadow: 0 0.1042vw 0.5208vw rgba(0, 0, 0, 0.2);
      }

      /* 按钮显示状态 */
      .back-to-top.visible {
          opacity: 1;
          visibility: visible;
      }

      .imgSize {
          width: 100%;
      }

      /* 响应式英雄区图片样式 */
      .responsive-hero-img {
          width: 100%;
          /* 宽度始终占满容器 */
          /* max-height: 70vh; */
          /* 最大高度为视口高度的70% */
          object-fit: cover;
          /* 保持比例并覆盖容器，避免拉伸 */
          display: block;
          /* 移除图片底部默认空白 */
      }

      .contact-details {
          padding-left: 0.9375vw;
      }

      /* 导航栏样式 */
      header {
          /* background-color: #011C49; 恢复背景色以确保可见性 */
          border-bottom: 0.0521vw solid #a5a4a4;
          position: absolute;
          /* 设置绝对定位使其脱离文档流 */
          top: 0;
          /* 固定在顶部 */
          left: 0;
          right: 0;
          /* 横向铺满屏幕 */
          z-index: 1000;
          /* 确保层级高于横幅区域 */
          color: #fff;
      }

      .navbar {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0.7813vw 1.0417vw;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          z-index: 1000;
          transition: background-color 0.3s ease, padding 0.3s ease;
          background-color: transparent;
          --navbar-height: 4.4458vw;
          height: var(--navbar-height);
          border-bottom: 0.0521vw solid #a5a4a452;
      }

      .navbar-logo {
          display: flex;
          align-items: center;
          position: absolute;
          left: 13.6042vw;
          top: 52%;
          font-weight: 600;
          font-size: 1.222vw;
          transform: translateY(-50%);
      }


      .nav-container {
          display: flex;
          align-items: center;
          position: relative;
      }

      .navbar-logo img {
          height: 3.7833vw;
          width: auto;
      }

      /* 滚动时导航栏样式 */
      .navbar.scrolled {
          background-color: #ffffff;
          padding: 0.5208vw 0;
          /* 可选：滚动时略微缩小高度 */
          box-shadow: 0 0.1042vw 0.5208vw rgba(0, 0, 0, 0.2);
          border-bottom: none;
          /* 添加此行隐藏滚动时的下边框 */
      }

      /* 滚动时导航链接颜色变为黑色 */
      .navbar.scrolled .nav-links a {
          color: #000000;
      }

      /* 滚动时鼠标划过导航链接变为蓝色 */
      .navbar.scrolled .nav-links a:hover {
          color: #1a73e8;
      }

      /* 滚动时点击后导航链接变为蓝色 */
      .navbar.scrolled .nav-links a.active {
          color: #1a73e8;
      }

      .tag {
          background-color: #FDE5D1;
          color: #F37B19;
          /* padding: 0.2083vw 0.5208vw; */
          border-radius: 0.2083vw;
          font-size: 0.625vw;
          height: 1.4583vw;
          width: 4.8438vw;
          text-align: center;
          font-weight: 800;
          line-height: 1.4583vw;

      }

      /* 客户案例卡片描述文本样式 */
      .client-card-desc {
          padding: 0 0.8333vw 1.0938vw;

          color: #000000;
          font-weight: 300;
          font-size: 1.0417vw;
          color: #666666;
          line-height: 1.9271vw;
          text-align: left;
          font-style: normal;
          text-transform: none;
      }

      @media only screen and (max-width: 1011px) {

          .nav-links a,
          .nav-links-right {
              font-size: 1.4375vw;
          }

          .nav-links a.active::after {
              bottom: -0.6vw;
          }

          .navbar-logo {
              left: 5.6042vw;
          }

          .nav-links-right {
              right: 9.875vw;
          }
      }

      @media only screen and (min-width: 1012px) and (max-width: 1700px) {

          .navbar-logo {
              left: 7.6042vw;
          }

          .nav-links-right {
              right: 13.875vw;
          }
      }