* {
              margin: 0;
              padding: 0;
              box-sizing: border-box;
              font-family: "宋体", "SimSun", serif;
              transition: background-color 0.3s, color 0.3s;
          }
          
         /* 主题颜色变量 */
         :root {
             --primary-color: #1e88e5;
             --primary-hover: #1565c0;
             --footer-bg: #333;
             --nav-bg: #fff; /* 默认导航栏背景为白色 */
         }
          
         /* 蓝色主题 */
         .theme-blue {
             --primary-color: #1e88e5;
             --primary-hover: #1565c0;
             --nav-bg: #1e88e5; /* 导航栏使用主题色 */
         }
          
         /* 绿色主题 */
         .theme-green {
             --primary-color: #4caf50;
             --primary-hover: #388e3c;
             --nav-bg: #4caf50; /* 导航栏使用主题色 */
         }
          
         /* 橙色主题 */
         .theme-orange {
             --primary-color: #ff9800;
             --primary-hover: #f57c00;
             --nav-bg: #ff9800; /* 导航栏使用主题色 */
         }
          /* 顶部工具栏 */
          .top-toolbar {
              background-color: #f5f5f5;
              padding: 8px 0;
              font-size: 14px;
          }
          
          .toolbar-container {
              display: flex;
              justify-content: flex-end;
              align-items: center;
              max-width: 1200px;
              margin: 0 auto;
              padding: 0 15px;
          }
          
          .theme-switcher, .language-switcher {
              display: flex;
              align-items: center;
              margin-left: 20px;
          }
          
          .theme-switcher span, .language-switcher span {
              margin-right: 8px;
              color: #666;
          }
          
          .theme-option {
              width: 20px;
              height: 20px;
              border-radius: 50%;
              margin: 0 5px;
              cursor: pointer;
              border: 2px solid transparent;
          }
          
          .theme-option:hover {
              transform: scale(1.1);
          }
          
          .theme-option.active  {
              border-color: #333;
          }
          
          .theme-blue-option {
              background-color: #1e88e5;
          }
          
          .theme-green-option {
              background-color: #4caf50;
          }
          
          .theme-orange-option {
              background-color: #ff9800;
          }
          
          .language-option {
              padding: 2px 8px;
              border-radius: 3px;
              cursor: pointer;
              color: #666;
          }
          
          .language-option.active  {
              background-color: var(--primary-color);
              color: white;
          }
          
          body {
              line-height: 1.6;
              color: #333;
          }
          
          a {
              text-decoration: none;
              color: inherit;
          }
          
          .container {
              width: 100%;
              max-width: 1200px;
              margin: 0 auto;
              padding: 0 15px;
          }
          
          /* 头部样式 */
      /*    header {
              background-color: #fff;
              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
              position: sticky;
              top: 0;
              z-index: 1000;
          }
          */
     	   /* 头部样式 */
     	   header {
     	       background-color: var(--nav-bg);
     	       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     	       position: sticky;
     	       top: 0;
     	       z-index: 1000;
     	       transition: background-color 0.3s;
     	   }
     	    
     	   /* 导航链接颜色调整 */
     	   .nav-desktop a {
     	       padding: 10px 15px;
     	       margin: 0 5px;
     	       font-size: 16px;
     	       transition: all 0.3s;
     	       color: var(--nav-bg) == #fff ? #333 : #fff; /* 根据背景色调整文字颜色 */
     	   }
     	    
     	   /* 移动端导航菜单背景色 */
     	   .nav-mobile {
     	       background-color: var(--nav-bg);
     	       /* 其他样式保持不变 */
     	   }
     	   
     	   
          .header-container {
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 15px 0;
          }
          
          .logo {
              display: flex;
              align-items: center;
          }
          
          .logo img {
              height: 40px;
          }
          
          .nav-desktop {
              display: flex;
          }
          
         .nav-desktop a {
              padding: 10px 15px;
              margin: 0 5px;
              font-size: 16px;
              transition: all 0.3s;
          }
          
         /* .nav-desktop a:hover {
              color: var(--primary-color);
          } */
          
          .contact-phone {
              display: flex;
              flex-direction: column;
              align-items: flex-end;
          }
      
          .phone-item {
              display: flex;
              align-items: center;
              margin-bottom: 5px;
              font-size: 14px;
              /* color: var(--primary-color); */
     			color: #EEEEEE;
              font-weight: bold;
          }
      
          .phone-item:last-child {
              margin-bottom: 0;
          }
      
          .phone-item i {
              margin-right: 5px;
              font-size: 14px;
          }
      
          .contact-name {
              margin-left: 8px;
              /* color: #666; */
     			color: #EEEEEE;
              font-weight: normal;
          }
          
          /* 移动端导航按钮 */
          .nav-toggle {
              display: none;
              background: none;
              border: none;
              font-size: 24px;
              cursor: pointer;
              color: #333;
          }
          
          /* 移动端导航菜单 */
          .nav-mobile {
              display: none;
              /* background-color: #fff; */
              padding: 15px;
              box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          }
          
          .nav-mobile a {
              display: block;
              padding: 10px 0;
              border-bottom: 1px solid #eee;
          }
          
          /* Banner部分 */
          .banner {
              margin-top: 0;
              height: 500px;
              background-color: #f5f5f5;
              display: flex;
              align-items: center;
              justify-content: center;
              background-size: cover;
              background-position: center;
              color: #fff;
              text-align: center;
              position: relative;
          }
          
          .banner::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.5);
          }
          
          .banner-content {
              position: relative;
              z-index: 1;
              max-width: 800px;
              padding: 0 20px;
          }
          
          .banner h1 {
              font-size: 42px;
              margin-bottom: 20px;
          }
          
          .banner p {
              font-size: 18px;
              margin-bottom: 30px;
          }
          
          .btn {
              display: inline-block;
              padding: 12px 30px;
              background-color: var(--primary-color);
              color: #fff;
              border-radius: 4px;
              transition: all 0.3s;
          }
          
          .btn:hover {
              background-color: var(--primary-hover);
          }
          
          /* 面包屑导航 */
          .breadcrumb {
              padding: 15px 0;
              font-size: 14px;
              color: #666;
          }
          
          .breadcrumb a {
              transition: color 0.3s;
          }
          
          .breadcrumb a:hover {
              color: var(--primary-color);
          }
          
          .breadcrumb span {
              margin: 0 8px;
          }
          
          /* 产品详情部分 */
          .product-detail {
              padding: 80px 0;
          }
          
          .product-container {
              display: flex;
              flex-wrap: wrap;
              gap: 40px;
          }
          
          .product-images {
              flex: 1;
              min-width: 300px;
          }
          
          .main-image {
              width: 100%;
              /*height: 400px;*/
              overflow: hidden;
              border-radius: 8px;
              margin-bottom: 15px;
          }
          
          .main-image img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              transition: transform 0.5s;
          }
          
          .main-image img:hover {
              transform: scale(1.05);
          }
          
          .thumbnail-images {
              display: flex;
              gap: 10px;
          }
          
          .thumbnail {
              width: 80px;
              height: 80px;
              overflow: hidden;
              border-radius: 4px;
              cursor: pointer;
              border: 2px solid transparent;
          }
          
          .thumbnail.active {
              border-color: var(--primary-color);
          }
          
          .thumbnail img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              transition: transform 0.3s;
          }
          
          .thumbnail img:hover {
              transform: scale(1.1);
          }
          
          .product-info {
              flex: 1;
              min-width: 300px;
          }
          
          .product-title {
              font-size: 28px;
              margin-bottom: 15px;
          }
          
          .product-desc {
              color: #666;
              margin-bottom: 25px;
          }
          
          .product-features {
              margin-bottom: 30px;
          }
          
          .product-features h3 {
              font-size: 20px;
              margin-bottom: 15px;
          }
          
          .product-features ul {
              list-style: none;
          }
          
          .product-features ul li {
              margin-bottom: 10px;
              display: flex;
              align-items: center;
          }
          
          .product-features ul li i {
              color: var(--primary-color);
              margin-right: 10px;
          }
          
          .product-specs {
              margin-bottom: 30px;
          }
          
          .product-specs h3 {
              font-size: 20px;
              margin-bottom: 15px;
          }
          
          .specs-table {
              width: 100%;
              border-collapse: collapse;
          }
          
          .specs-table td {
              padding: 10px 15px;
              border: 1px solid #eee;
          }
          
          .specs-table tr:nth-child(even) {
              background-color: #f9f9f9;
          }
          
          .specs-table td:first-child {
              font-weight: bold;
              width: 30%;
          }
          
          .product-actions {
              display: flex;
              flex-wrap: wrap;
              gap: 15px;
          }
          
          .btn-contact {
              background-color: var(--primary-color);
          }
          
          .btn-download {
              background-color: #f5f5f5;
              color: #333;
          }
          
          .btn-download:hover {
              background-color: #eee;
          }
          
          /* 产品详情选项卡 */
          .product-tabs {
              margin-top: 80px;
          }
          
          .tab-navigation {
              display: flex;
              border-bottom: 1px solid #eee;
          }
          
          .tab-link {
              padding: 15px 30px;
              cursor: pointer;
              font-size: 16px;
              transition: all 0.3s;
              position: relative;
          }
          
          .tab-link::after {
              content: '';
              position: absolute;
              bottom: -1px;
              left: 0;
              width: 0;
              height: 3px;
              background-color: var(--primary-color);
              transition: width 0.3s;
          }
          
          .tab-link:hover::after, .tab-link.active::after {
              width: 100%;
          }
          
          .tab-link.active {
              font-weight: bold;
              color: var(--primary-color);
          }
          
          .tab-content {
              padding: 30px 0;
          }
          
          .tab-pane {
              display: none;
          }
          
          .tab-pane.active {
              display: block;
          }
          
          /* 相关产品 */
          .related-products {
              padding: 80px 0;
              background-color: #f9f9f9;
          }
          
          .related-products h2 {
              font-size: 28px;
              margin-bottom: 40px;
          }
          
          .related-grid {
              display: grid;
              grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
              gap: 30px;
          }
          
          .related-card {
              background-color: #fff;
              border-radius: 8px;
              overflow: hidden;
              box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
              transition: all 0.3s;
          }
          
          .related-card:hover {
              transform: translateY(-5px);
              box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
          }
          
          .related-image {
              /*height: 200px;*/
              overflow: hidden;
          }
          
          .related-image img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              transition: all 0.5s;
          }
          
          .related-card:hover .related-image img {
              transform: scale(1.05);
          }
          
          .related-info {
              padding: 20px;
          }
           
           .related-info h3 {
               
               text-align: center;
           }
          
          .related-title {
              font-size: 18px;
              margin-bottom: 10px;
          }
          
          .related-desc {
              color: #666;
              font-size: 14px;
              margin-bottom: 15px;
          }
          
          /* 页脚部分 */
          footer {
			    width: 100vw;
			      margin-left: calc(-50vw + 50%);
              background-color: var(--footer-bg);
              color: #fff;
              padding: 60px 0 20px;
          }
          
          .footer-container {
              display: grid;
              grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
              gap: 30px;
              margin-bottom: 40px;
          }
          
          .footer-column h3 {
              font-size: 18px;
              margin-bottom: 20px;
              position: relative;
              padding-bottom: 10px;
          }
          
          .footer-column h3::after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              width: 40px;
              height: 2px;
              background-color: var(--primary-color);
          }
          
          .footer-column p {
              margin-bottom: 15px;
              color: #ccc;
              font-size: 14px;
          }
          
          .footer-column ul {
              list-style: none;
          }
          
          .footer-column ul li {
              margin-bottom: 10px;
          }
          
          .footer-column ul li a {
              color: #ccc;
              font-size: 14px;
              transition: all 0.3s;
          }
          
          .footer-column ul li a:hover {
              color: var(--primary-color);
              padding-left: 5px;
          }
          
          .footer-bottom {
              text-align: center;
              padding-top: 20px;
              border-top: 1px solid #444;
              color: #999;
              font-size: 14px;
          }
          
          /* 页脚链接 分类pc样式 */
          
          .footerpc-column h3 {
              font-size: 18px;
              margin-bottom: 20px;
              position: relative;
              padding-bottom: 10px;
          }
          
          .footerpc-column h3::after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              width: 40px;
              height: 2px;
              background-color: var(--primary-color);
          }
          
          .footerpc-column p {
              margin-bottom: 15px;
              color: #ccc;
              font-size: 14px;
          }
          
          .footerpc-column ul {
              list-style: none;
          }
          
          .footerpc-column ul li {
              margin-bottom: 10px;
          }
          
          .footerpc-column ul li a {
              color: #ccc;
              font-size: 14px;
              transition: all 0.3s;
          }
          
          .footerpc-column ul li a:hover {
              color: var(--primary-color);
              padding-left: 5px;
          }
          
          /* 微信二维码样式 */
          .wechat-qrcode {
              margin-top: 20px;
              text-align: center;
          }
          
          .wechat-qrcode img {
              width: 120px;
              height: 120px;
              border: 1px solid #eee;
              padding: 5px;
              background: #fff;
              margin-bottom: 8px;
          }
          
          .wechat-qrcode p {
              font-size: 12px;
              color: #ccc;
          }
          
          /* 响应式设计 */
          @media (max-width: 992px) {
              .banner {
                  height: 400px;
              }
              
              .banner h1 {
                  font-size: 36px;
              }
              
              .product-container {
                  flex-direction: column;
              }
              
              .main-image {
                  height: 350px;
              }
          }
          
          @media (max-width: 768px) {
              .nav-desktop {
                  display: none;
              }
              
              .nav-toggle {
                  display: block;
              }
              
              .contact-phone {
                  display: none;
              }
              
              .phone-mobile {
                  display: flex;
                  align-items: center;
                  color: var(--primary-color);
                  font-weight: bold;
                  font-size: 14px;
              }
              
              .banner {
                  height: 350px;
              }
              
              .banner h1 {
                  font-size: 30px;
              }
              
              .banner p {
                  font-size: 16px;
              }
              
              .about-container {
                  flex-direction: column;
              }
              
              .about-image, .about-content {
                  min-width: 100%;
              }
              
              .news-grid {
                  grid-template-columns: 1fr;
              }
              
              /* 移动端导航菜单中添加电话信息 */
              .nav-mobile .mobile-phones {
                  padding: 15px;
                  border-top: 1px solid #eee;
                  border-bottom: 1px solid #eee;
                  margin: 10px 0;
              }
              
              .nav-mobile .phone-item {
                  color: #333;
                  margin-bottom: 10px;
              }
              
              .footerpc-column {
                  display: none;
              }
              
              .tab-navigation {
                  flex-direction: column;
              }
              
              .tab-link {
                  padding: 15px 0;
                  border-bottom: 1px solid #eee;
              }
              
              .tab-link::after {
                  display: none;
              }
          }
          
          @media (max-width: 576px) {
              .banner {
                  height: 300px;
              }
              
              .banner h1 {
                  font-size: 26px;
              }
              
              .section-title {
                  font-size: 28px;
              }
              
              .products-grid {
                  grid-template-columns: 1fr;
              }
              
              .news-card {
                  flex-direction: column;
              }
              
              .news-image {
                  width: 100%;
                  height: 180px;
              }
              
              /* 顶部工具栏在小屏幕上调整 */
              .toolbar-container {
                  justify-content: center;
              }
              
              .theme-switcher, .language-switcher {
                  margin-left: 10px;
              }
              
              .main-image {
                  height: 250px;
              }
              
              .thumbnail-images {
                  flex-wrap: wrap;
              }
              
              .thumbnail {
                  width: 60px;
                  height: 60px;
              }
          }
		  
		  
		  
		  /* 20251225图片放大弹窗样式  251226增加关闭按钮 */
		   .image-modal {
		          display: none;
		          position: fixed;
		          top: 0;
		          left: 0;
		          width: 100%;
		          height: 100%;
		          background: rgba(0, 0, 0, 0.9);
		          z-index: 1000;
		          align-items: center;
		          justify-content: center;
		      }
		      .image-modal.active {
		          display: flex;
		      }
		      .modal-content {
		          position: relative;
		          width: 90%;
		          height: 90%;
		          display: flex;
		          align-items: center;
		          justify-content: center;
		          overflow: hidden;
		      }
		      #modalImage {
		          max-width: 100%;
		          max-height: 100%;
		          transition: transform 0.2s ease;
		          transform-origin: center center;
		          cursor: move; /* 新增：鼠标样式改为移动光标 */
		          position: absolute; /* 新增：改为绝对定位，支持拖动偏移 */
		      }
		      /* 修改：关闭按钮改为红色样式 */
		      .modal-close {
		          position: fixed;
		          top: 20px;
		          right: 30px;
		          width: 40px;
		          height: 40px;
		          background: rgba(255, 0, 0, 0.7); /* 背景改为红色半透明 */
		          border-radius: 50%;
		          display: flex;
		          align-items: center;
		          justify-content: center;
		          color: #fff; /* 关闭符号为白色，对比更明显 */
		          font-size: 20px;
		          cursor: pointer;
		          z-index: 1002;
		          transition: background 0.2s ease;
		      }
		      .modal-close:hover {
		          background: rgba(255, 0, 0, 1); /* hover时红色不透明 */
		      }
			  
		  /* 手机端适配 251225*/
		  
		  /* 响应式调整：相关产品移动端显示2列 */
		  @media (max-width: 768px) {
		    .related-grid {
		      grid-template-columns: repeat(2, 1fr) !important; /* 移动端强制2列，覆盖原有4列样式 */
		      gap: 15px !important; /* 移动端缩小间距，提升适配性 */
		    }
		  }
		  
		  /* 小屏幕（手机竖屏）保持2列，优化卡片内边距 */
		  @media (max-width: 576px) {
		    .related-grid {
		      grid-template-columns: repeat(2, 1fr) !important;
		      gap: 10px !important;
		    }
		    .related-info {
		      padding: 15px !important; /* 缩小移动端卡片内边距，避免拥挤 */
		    }
		    .related-title {
		      font-size: 16px !important; /* 缩小标题字体 */
		    }
		    .related-desc {
		      font-size: 12px !important; /* 缩小描述字体 */
		    }
		    .related-card .btn {
		      padding: 8px 15px !important; /* 缩小按钮尺寸 */
		      font-size: 12px !important;
		    }
		  }
		  
		  /* tab-content 移动端自适应样式 */
		  @media (max-width: 768px) {
		    .tab-content {
		      padding: 20px 0 !important; /* 缩小上下内边距 */
		    }
		    /* tab内文字自适应 */
		    .tab-pane {
		      font-size: 14px !important; /* 统一移动端文字大小 */
		      line-height: 1.7 !important; /* 优化行高，提升可读性 */
		    }
		    .tab-pane h3, .tab-pane h4 {
		      font-size: 18px !important; /* 缩小标题字体 */
		      margin: 15px 0 10px !important; /* 调整标题间距 */
		    }
		    /* tab内图片自适应 */
		    .tab-pane img {
		      max-width: 100% !important; /* 图片宽度不超过容器 */
		      height: auto !important; /* 高度自动，保持比例 */
		      margin: 10px 0 !important; /* 增加图片上下间距 */
		    }
		    /* 技术参数表格移动端适配 */
		    .tab-pane .specs-table {
		      font-size: 12px !important; /* 缩小表格字体 */
		    }
		    .tab-pane .specs-table td {
		      padding: 8px 10px !important; /* 缩小表格单元格内边距 */
		    }
		  }
		  
		  /* 小屏幕（手机竖屏）进一步优化 */
		  @media (max-width: 576px) {
		    .tab-content {
		      padding: 15px 0 !important;
		    }
		    .tab-pane {
		      font-size: 13px !important;
		    }
		    .tab-pane h3, .tab-pane h4 {
		      font-size: 16px !important;
		    }
		    /* 表格横向溢出时允许滚动 */
		    .tab-pane .specs-table {
		      display: block !important;
		      overflow-x: auto !important; /* 表格横向滚动，避免挤压 */
		      white-space: nowrap !important;
		    }
		  }
		  
		  /* 移动端隐藏侧边新闻栏，保持主内容适配 */
		  @media (max-width: 768px) {
		    .news-sidebar {
		      display: none !important;
		    }
		    /* 产品容器占满宽度 */
		    .product-container {
		      width: 100% !important;
		    }
		  }