@import url(animate.min.css);
    body {
      background-color: #f0f0f0;
      font-family: "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    
    .bg_contact{ background:url(img/contact.png) no-repeat top; }
	
	.bgf0{background-color: #f0f0f0 !important;}
	.f333{ color:#333!important;}

    /* 页面最大宽度修改为1440px */
    .container-custom {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0;
    }
    /* 导航栏样式 - 核心修复：左中右布局 */
    .navbar-etie {
      background-color: #fff;
      border-bottom: 1px solid #eee;
      padding: 0.5rem 0;
      position: relative;
      z-index: 1030;
      height: 80px; /* 固定高度，确保布局稳定 */
      display: flex;
      align-items: center;
    }
    /* ========== 核心修复：电脑端导航左中右布局 ========== */
    .navbar-etie .container-custom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; /* 确保容器占满宽度 */
    }
    /* 桌面端导航布局 - 关键修复 */
    @media (min-width: 993px) {
      /* Logo容器 - 靠左 */
      .navbar-brand-wrap {
        width: 40%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
      /* 导航菜单容器 - 居中 */
      .navbar-nav-wrap {
        width: 60%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      /* 右侧功能区 - 靠右 */
      .nav-right {
        width: 20%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 1rem;
      }
      /* 导航菜单居中对齐 */
      .navbar-nav {
        margin: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      /* 导航项水平排列 */
      .nav-item {
        display: inline-block; margin-right:20px;
      }
    }
    /* ========== 核心修复结束 ========== */
    .navbar-etie .navbar-brand img {
      height: 60px;
    }
    .navbar-etie .nav-link {
      color: #333;
      padding: 1rem 1.2rem ;
      font-size: 16px;
      position: relative;font-family: 'OPPOSans';
  font-weight: 400;
    }
    .navbar-etie .nav-link:hover {
      color: #ff9f00;
    }
    /*
    .navbar-etie .nav-link.active,.navbar-etie .nav-link:hover {
      position: relative;
    }
    .navbar-etie .nav-link.active i,.navbar-etie .nav-link:hover i{
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      height: 3px;background-color: #ff9f00;
    }*/
    
   .navbar-etie .nav-link:hover {
      position: relative;
    }
    .navbar-etie .nav-link:hover i{
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      height: 3px;background-color: #ff9f00;
    }
    
    
    /* 导航下拉菜单样式 - 修复点击显示 */
    .navbar-etie .dropdown-menu {display: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 120vw;
    max-width: 120vw;
    margin: 0;
    padding: 2rem 0;
    background-color: #f0f0f0;
    border: none;
    border-radius: 0;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 1050;
    transform: translateX(calc((100vw - 1320px) / -2));
    /*left: 50%;*/
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    }
    
    .dropdown-menu1{margin-left: -55vw!important;}
    /* 点击激活时显示下拉菜单 */
    .navbar-etie .dropdown.show .dropdown-menu,.navbar-etie .dropdown:hover .dropdown-menu {
      display: block !important;
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .dropdown-menu-custom {
      min-width: 600px;
      padding: 1.5rem;
      border-radius: 0;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1rem;
    }
    .dropdown-item-custom {
      flex: 0 0 auto;
    text-align: center;
    min-width: 100px;
    }
    
    .dropdown-menu-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 89px;
}
    
    
    .dropdown-item-custom img {
      width: 154px;
      height: 151px;
      object-fit: contain;
      margin-bottom: 0.5rem;
    }
    .dropdown-item-custom p {
      margin: 0;
      font-size: 23px;
      color: #333;
    }
    .dropdown-item-custom:hover {
      transform: translateY(-3px);
    }
    
    /* 导航右侧区域 - 固定在1440px最右侧 */
    .nav-right {
      display: flex;
      align-items: center;
      gap: 1rem;
    }
    /* 搜索弹窗 */
    .search-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.8);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s;
    }
    .search-modal.show {
      opacity: 1;
      visibility: visible;
    }
    .search-box {
      width: 60%;
      position: relative;
    }
    .search-box input {
      width: 100%;
      padding: 1rem 2rem;
      font-size: 18px;
      border: none;
      outline: none;
      border-radius: 50px;
    }
    .search-close {
      position: absolute;
      right: 1.5rem;
      top: 50%;
      transform: translateY(-50%);
      font-size: 24px;
      color: #666;
      cursor: pointer;
    }
    /* 面包屑 */
    .breadcrumb {
      background: transparent;
      /*padding: 1.5rem 0;*/
      font-size: 18px;
      color: #666;
    }
    .breadcrumb a {
      color: #666;
      text-decoration: none;
    }
    .breadcrumb a:hover {
      color: #ff9f00;
    }
    
    /* 产品信息 */
    .product-info h2 {
      font-size: 26px;
      font-weight: bold;
      color: #333;
      margin-bottom: 3rem;
    }
    .product-info p {
      font-size: 15px;
      color: #666;
      line-height: 1.8;
      margin-bottom: 0.8rem; display:block;
    }
    .product-info strong {
      color: #333;
    }
	
	 .btns{ margin-top:100px; margin-left:50px;}
    .btn-orange {
      background-color: #ff9f00;
      color: #fff;
      padding: 0.6rem 2rem;
      border-radius: 20px;
      border: none;
      margin-right: 1rem;
      font-weight: 500;
    }
    .btn-orange:hover {
      background-color: #e66e00;
      color: #fff;
    }
    /* 详情标题 */
    .detail-title {
      text-align: center;
      margin: 3rem 0;
      font-size: 22px;
      font-weight: bold;
      color: #333;
    }
    /* 产品系列轮播 - 修复按钮点击 */
    .series-swiper {
      background-color: #fff;
      padding: 2rem;
      border-radius: 8px;
      margin-bottom: 2rem;
      position: relative;
      z-index: 1;
    }
    /* 产品系列大类标题 */
    .series-main-title {
      font-size: 20px;
      font-weight: bold;
      color: #333;
      margin-bottom: 1rem;
      text-align: center;
    }
    .series-swiper .swiper-slide {
      text-align: center;
    }
    .series-swiper .swiper-slide img {
      width: 180px;
      height: 180px;
      object-fit: contain;
      margin-bottom: 1rem;
    }
    .series-swiper .swiper-slide h5 {
      font-size: 16px;
      font-weight: bold;
      color: #333;
      margin-bottom: 0.5rem;
    }
    .series-swiper .swiper-slide p {
      font-size: 13px;
      color: #666;
      line-height: 1.5;
    }
    .series-tab {
      text-align: center;
      margin-bottom: 1.5rem;
    }
    .series-tab span {
      display: inline-block;
      padding: 0.5rem 1.5rem;
      cursor: pointer;
      font-weight: 500;
      color: #666;
      border-bottom: 2px solid transparent;
    }
    .series-tab span.active {
      color: #ff9f00;
      border-color: #ff9f00;
    }
    /* 产品系列独立切换按钮 */
    .series-custom-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 45px;
      height: 45px;
      background-color: #ff9f00;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 3px 10px rgba(0,0,0,0.2);
      cursor: pointer;
      z-index: 10;
      border: none;
      font-size: 30px;
      pointer-events: auto; /* 确保按钮可点击 */
    }
    .series-custom-btn.prev {
      left: 1rem;
    }
    .series-custom-btn.next {
      right: 1rem;
    }
    .series-custom-btn:hover {
      background-color: #e66e00;
      transform: translateY(-50%) scale(1.05);
    }
    /* 底部订阅栏 - 取消通栏，1440px居中 */
    .subscribe-bar {
      width: 100%;
	  position: absolute;
	  top:-40px;
    }
    .subscribe-bar .container-custom {
      padding: 0 10rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
	  background-color: #ff9f00;
	  height:80px; border-radius:40px;
    }
	
	.subscribe-bar .container-custom .msg{
		color:#fff;
    }
	
	.subscribe-bar .container-custom .msg span{
		font-size:18px; font-weight:600;
    }
	
	
    .subscribe-bar p {
      margin: 0;
      font-size: 12px;
    }
    .subscribe-input {
      display: flex;
      align-items: center;
    }
    .subscribe-input input {
      width: 300px;
      padding: 0.5rem 1rem;
      border: none;
      outline: none;
      border-radius: 4px 0 0 4px;
    }
    .subscribe-input button {
      background-color: #fff;
      border: none;
      padding: 0.5rem 1.2rem;
      border-radius: 0 4px 4px 0;
	  margin-left:1rem;
    }
	
	/* 自定义样式实现对齐效果 */
        .product-info .info-item {
            display: flex;
            align-items: flex-start; /* 顶部对齐 */
            margin-bottom: 10px; /* 每个项目之间的间距 */
        }
        .product-info .info-label {
            width: 68px; /* 固定标签宽度，实现左对齐 */
            flex-shrink: 0; /* 防止标签宽度被压缩 */
            font-weight: bold; /* 保持加粗效果 */
        }
        .product-info .info-content {
            flex: 1; /* 内容区域自动填充剩余空间 */
			color:#646464;
        }
		
		
    /* 页脚 - 背景色改为#2b2b2b，左右padding为0 */
    footer {
		
	  position: relative;
      background-color: #2b2b2b !important;
      color: #aaa;
      padding: 6rem 0 0 !important; /* 左右padding设为0 */
      margin-top:50px;
    }
    footer .container-custom {
      padding: 0 2rem; /* 内容区域保留内边距 */
    }
    footer h5 {
      color: #d5d5d5;
      font-size: 16px;
      margin-bottom: 1.5rem;
    }
    /* 应用领域 - 8个选项分两列 */
    .footer-app-list {
      columns: 2;
      column-gap: 1rem;
      list-style: none;
      padding: 0;
    }
	footer ul{ padding:0;}
    footer ul li {
      margin-bottom: 0.9rem;
      font-size: 14px;
      break-inside: avoid;
	  list-style:none;
    }
    footer ul li a {
      color: #898989;
      text-decoration: none;
    }
    footer ul li a:hover {
      color: #ff9f00;
    }
    /* 联系我们区域重新排版 */
    .footer-contact-wrap {
      display: flex;
      gap: 1.5rem;
      margin-bottom: 1rem;
    }
    .footer-contact-qr {
      flex-shrink: 0;
	  margin-right:50px;
    }
    .footer-contact-qr img {
      width: 120px;
      height: 120px;
	  padding:4px; background-color:#fff; border-radius:5px;
	  display:block;
    }
	.footer-contact-qr span{ margin-top:15px; font-size:14px; background:url(../images/weishi.png) no-repeat left center; text-indent:30px; display:block;}
    .footer-contact-info {
      flex: 1; 
    }
    .footer-contact-info p {
      font-size: 14px;
      margin-bottom: 0.3rem;
    }
    /* 自媒体图标 - 黑色圆形背景 */
    .footer-social {
      margin-top: 1rem;
    }
    .footer-social i {
      font-size: 20px;
      color: #aaa;
      cursor: pointer;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background-color: #000;
      border-radius: 50%;
      display: inline-block;
    }
    .footer-social i:hover {
      color: #ff9f00;
      background-color: #111;
    }
    /* 版权信息 - 单独通栏一行，内容在1440px容器内靠左 */
    .copyright-bar {
      width: 100%;
      background-color: #000;
      padding: 1rem 0;
      margin-top: 2rem;
      border-top: 1px solid #333;
    }
    .copyright {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 2rem;
      text-align: left !important;
      font-size: 12px;
      color: #666;
      
            font-family: 'OPPOSans';
            font-weight: 300;
    }
    
    .copyright a{
      color: #666;
      
            font-family: 'OPPOSans';
            font-weight: 300;
    }
     /* 悬浮工具栏容器 - 垂直排列 */
    .float-bar-wrap {
      position: fixed;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      z-index: 9999;
    }

    /* 悬浮工具栏主体容器 - 上半部分 */
    .float-bar-container {
      background-color: #ff9f00; /* 整体背景色 */
      padding: 8px;
      border-radius: 24px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      transition: all 0.3s ease; /* 整体动画 */
    }

    /* 收缩状态 - 作用于整个容器 */
    .float-bar-container.collapsed {
      opacity: 0;
      visibility: hidden;
      transform: translateX(20px); /* 整体右移隐藏 */
    }

    /* 悬浮工具栏主体 */
    .float-bar {
      display: flex;
      flex-direction: column;

      gap: 8px;
    }

    /* 悬浮项样式 - 默认无独立背景色 */
    .float-item {
      width: 32px;
      height: 32px;
      background-color: transparent; /* 默认透明，继承整体背景色 */
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      position: relative;
      transition: all 0.2s ease;
      color: white; /* 默认文字/图标白色 */
    }

    /* 鼠标悬停时显示背景色 */
    .float-item:hover {
      background-color: white; /* 悬停显示白色背景 */
      color: #ff9f00; /* 悬停时图标变色 */
      transform: scale(1.05);
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    /* 提示文本样式 - 渐变滑出效果 */
    .float-tip {
      position: absolute;
      right: 60px;
      top: 50%;
      transform: translateY(-50%) translateX(20px);
      background-color: rgba(0,0,0,0.8);
      color: white;
      padding: 6px 12px;
      border-radius: 4px;
      font-size: 14px;
      white-space: nowrap;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      pointer-events: none;
      z-index: 1;
    }

    /* 提示文本三角箭头 */
    .float-tip::after {
      content: '';
      position: absolute;
      right: -6px;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-width: 6px 0 6px 6px;
      border-style: solid;
      border-color: transparent transparent transparent rgba(0,0,0,0.8);
    }

    /* 鼠标悬停时显示提示文本 */
    .float-item:hover .float-tip {
      opacity: 1;
      visibility: visible;
      transform: translateY(-50%) translateX(0);
    }

    /* 收缩按钮 - 下半部分 */
    .float-collapse {
      width: 48px;
      height: 48px;
      background-color: #ff9f00;
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
      box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	  margin-top:20px;
    }

    .float-collapse:hover {
      background-color: #e08e00;
      transform: scale(1.05);
    }
	
	/* 整体背景与文字样式，还原原图深色底白字 */
       
        /* 图标统一样式 */
        .contact-item i {
            width: 24px;
            text-align: center;
            font-size: 14px;
        }
        /* 行间距 */
        .contact-item {
            margin-bottom: 10px; font-size:14px;
        }
        
         @media (min-width:1269px) {
            .contact-item {width:400px;}
         }
         @media (max-width:1320px){
             .container-custom {
    max-width: 1140px!important;
}
         }
        /* 最后一行去掉下边距 */
        .contact-item:last-child {
            margin-bottom: 0;
        }

    /* ========== 核心优化：移动端导航 ========== */
    /* 汉堡按钮样式优化 */
    .navbar-toggler {
      border: none !important;
      padding: 0.25rem 0.5rem;
      outline: none !important;
      box-shadow: none !important;
    }
    .navbar-toggler i {
      font-size: 24px;
      color: #fff;
    }
    
    .on .navbar-toggler i {
      color: #333!important;
    }
	
	.footer-social {
      display: flex;
      justify-content: space-evenly;
      font-size: 30px;
      color: #333;
      position: relative; /* 为二维码定位做父级参考 */
    }
    /* 图标样式 */
    .footer-social i,.footer-social a {
      cursor: pointer;
      transition: color 0.3s ease;
      position: relative; 
    }
    .footer-social i:hover,.footer-social a:hover {
      color: #0d6efd; /* 悬停时图标变色 */
    }
    .footer-social a{ display:block; width:41px;height:41px;}
    /* 二维码弹窗样式 */
    .qrcode-popup {
      display: none; /* 默认隐藏 */
      position: absolute;
      bottom: 100%; /* 定位到图标上方 */
      left: 50%;
      transform: translateX(-50%);
      margin-bottom: 10px; /* 与图标保持间距 */
      width: 150px; /* 二维码宽度 */
      height: 150px;
      background-color: #fff;
      border: 1px solid #eee;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      padding: 8px;
      z-index: 999;
    }
    /* 二维码图片样式 */
    .qrcode-popup img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /* 显示弹窗的类 */
    .qrcode-popup.show {
      display: block;
    }
    /* 移动端导航容器样式 - 核心优化 */
    @media (max-width: 992px) {
        .container-custom img{ max-width:100%;}
      /* 移动端导航展开层样式 */
      .navbar-collapse {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        height: calc(100vh - 70px);
        background-color: #fff;
        z-index: 1029;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        padding: 1rem 2rem;
        box-shadow: -2px 0 10px rgba(0,0,0,0.1);
      }
      /* 导航展开状态 */
      .navbar-collapse.show {
        transform: translateX(0);
      }
      /* 移动端导航列表样式 */
      .navbar-nav {
        width: 100%;
        flex-direction: column;
        gap: 0.5rem;
      }
      .nav-item {
        border-bottom: 1px solid #f0f0f0;
      }
      .nav-link {
        padding: 1rem 0 !important;
        font-size: 16px !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /*justify-content: center;*/
        color:#333!important;
      }
      /* 移动端下拉菜单指示器 */
      .dropdown-toggle::after {
        display: inline-block !important;
        margin-left: 0.5rem;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        transition: transform 0.3s ease;
      }
      .dropdown.show .dropdown-toggle::after {
        transform: rotate(180deg);
      }
      /* 移动端下拉菜单样式重构 */
      .dropdown-menu-custom {
        min-width: 100%;
        grid-template-columns: repeat(2, 1fr);
        position: static !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none !important;
        padding: 1rem 0 !important;
        margin-top: 0.5rem !important;
      }
      /* 移动端导航右侧操作区 - 核心优化：只保留导航图标 */
      .mobile-actions {
        display: flex;
        align-items: center;
        gap: 0.8rem;
      }
      /* 移动端导航栏高度固定 */
      .navbar-etie {
        height: 60px;
        padding: 0 !important;
      }
      /* 移动端Logo - 核心优化：完全靠左 */
      .navbar-brand-wrap {
        width: auto !important;
        margin-right: auto !important;
		max-width:50%;
      }
	  .navbar-etie .navbar-brand img{
		  max-width:100%; height:40px;
	  }
      .navbar-brand {
        margin: 0 !important;
        padding: 0 !important;
      }
      /* 移动端导航容器布局 - 核心优化：Logo靠左，操作区靠右 */
      .navbar-etie .container-custom {
        /*display: flex;*/
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 .5rem !important;
      }
      /* 隐藏语言按钮和搜索按钮，只保留导航图标 */
      .mobile-actions .lang-btn,
      .mobile-actions #searchBtnMobile {
        display: none !important;
      }
      /* 移动端下拉菜单默认隐藏 */
      .dropdown-menu {
        position: static !important;
        width: 100%;
        margin-top: 0.5rem;
      }
      /* 隐藏原桌面端的nav-right */
      .navbar-collapse .nav-right {
        display: none;
      }
      /* 移动端面包屑适配 */
      .breadcrumb {
        padding: 1rem 0;
        font-size: 13px;
      }
      /* 移动端产品主图区域内边距调整 */
      .product-main {
        padding:0 1rem;
      }
      /* 移动端产品标题字号调整 */
      .product-info h2 {
        font-size: 22px;
      }
      /* 移动端按钮间距调整 */
      .btn-orange {
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
        padding: 0.5rem 1.5rem;
      }
    }
    
    @media (max-width: 768px) {
        footer{padding: 3rem 0 0 !important;}
      .dropdown-menu-custom {
        grid-template-columns: 1fr;
      }
      /* 移动端订阅输入框宽度 */
      .subscribe-input input {
        width: 100%;
      }
      /* 移动端产品系列轮播内边距 */
      .series-swiper {
        padding: 1rem;
      }
    }
    
    /* 桌面端隐藏移动端操作区 */
    @media (min-width: 993px) {
      .mobile-actions {
        display: none !important;
      }
    }
	
	

/*产品详情*/

        /* 自定义样式 */
        .product-swiper {
            position: relative; /* 新增：作为外部按钮的定位父容器 */
        }
        /* 大图容器样式 */
        .main-swiper {
            height: 500px;
            margin-bottom: 20px;
            border-radius: 8px;
            overflow: hidden;
        }
        .main-swiper .swiper-slide {
            display: flex;
            align-items: center;
            justify-content: center; background-color: #fff;
        }
        /*
        .main-swiper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }*/
        /* 缩略图容器样式 */
        .thumb-swiper {
            height: 120px;
            /* 移除position: relative，避免影响外部按钮定位 */
            width: 100%;
        }
        /* 外部切换按钮样式（核心修改） */
        .thumb-outer-nav {
            position: absolute;
            top: calc(500px + 60px); /* 大图高度 + 间距 + 缩略图一半高度 */
            transform: translateY(-50%);
            width: 100%;
            left: 0;
            z-index: 20;
            pointer-events: none; /* 避免遮挡缩略图点击 */
        }
        .thumb-outer-nav-btn {
           
            color: #8d8d8d;
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            cursor: pointer;
            transition: all 0.2s ease;
            pointer-events: auto; /* 恢复按钮点击事件 */
            position: absolute; z-index: 1;
			
        }
		.thumb-outer-nav-btn i {
		font-size:36px;
		}
        .thumb-outer-prev {
            left: -40px; /* 向左超出容器 */
        }
        .thumb-outer-next {
            right: -40px; /* 向右超出容器 */
        }
        /* 缩略图slide样式 */
        .thumb-swiper .swiper-slide {
            opacity: 0.6;
            border: 2px solid transparent;
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .thumb-swiper .swiper-slide-thumb-active {
            opacity: 1;
            border-color: #0d6efd; /* Bootstrap主色调 */
        }
        .thumb-swiper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        /* 响应式适配 */
        @media (max-width: 768px) {
            .main-swiper {
                height: 300px;
            }
            .thumb-swiper {
                height: 80px;
            }
            .thumb-outer-nav {
                top: calc(300px + 40px); /* 适配小屏幕的大图高度 */
            }
        }
		
		
/* 新闻详情 */
.news-detail {
    background-color: #fff;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-bottom: 2rem;
}
.news-detail .news-title {
    font-size: 1.8rem;
    color: #333;
    margin-bottom: 1rem;
    text-align: center;
    font-weight:600;
}
.news-detail .news-meta {
    font-size: 1rem;
    color: #999;
    text-align: center;
    margin-bottom: 1.5rem;
}
.news-detail .news-content {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #575757;
}
 @media (min-width: 769px) {
    .news-detail .news-content {
        padding:0.3rem 2.5rem;
    }
}
		
        .news-details .news-nav {
            margin-top: 2rem;
            font-size: 16px;
			border-top:1px dashed #a3a3a3;
			padding:2rem 2.5rem;
			line-height:2.5rem;
        }
        .news-details .news-nav a {
            color: #4f4f4f;
            text-decoration: none;
        }
		
		
		@media (max-width: 768px) {
		    .news-detail {padding: 2rem 1rem!important;}
            .news-title {
				font-size: 1rem!important;
			}
			.news-content {
				font-size: 1rem!important;
			}
			.news-nav {
				font-size: 14px!important;
				border-top:1px dashed #a3a3a3;
				padding:0.8rem .5rem;
				line-height:2rem;
			}
        }
        
        
/* 导航栏样式*/
.series-swiper .nav-tabs{border-bottom: none;display: flex;justify-content: center;margin-bottom: 2rem;}
.series-swiper .nav-tabs .nav-item{margin: 0 1.5rem;}
.series-swiper .nav-tabs .nav-link{color: #333;font-size: 18px;border: none;background: transparent;padding: 0.5rem 0;}
.series-swiper .nav-tabs .nav-link.active{color: #ff9f00;background: transparent;position: relative;}
.series-swiper .nav-tabs .nav-link.active::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 3px;background-color: #ff9f00;}
.series-swiper .product-title{ font-size:21px;}
.series-swiper .product-desc{ font-size:16px!important;}
        /* 导航栏样式 */
        .news-details .nav-tabs {
            border-bottom: none;
            display: flex;
            justify-content: center;
            margin-bottom: 2rem;
        }

        .news-details .nav-tabs .nav-item {
            margin: 0 1.5rem;
        }

        .news-details .nav-tabs .nav-link {
            color: #333;
            font-size: 28px;
            font-weight:600;
            border: none;
            background: transparent;
            padding: 0.5rem 0;
			
        }

        .news-details .nav-tabs .nav-link.active,.news-details .nav-tabs a:hover {
            color: #ff9f00;
            background: transparent;
        }

        /* 主容器样式 */
.newslist{max-width: 1440px;margin: 0 auto;background-color: #fff;border-radius: 12px;padding: 2rem;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);}
.newslist .news-item{display: flex;gap: 1.5rem;padding: 1.5rem;border-bottom: 1px dashed #ccc;}
.newslist .news-item:last-child{border-bottom: none;}
.newslist .news-img{width: 160px;height: 120px;object-fit: cover;border-radius: 8px;}
.newslist .news-content{flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.newslist .news-title{font-size: 1.1rem;font-weight: 600;color: #222;margin-bottom: 0.5rem;line-height: 1.4;}
.newslist .news-desc{font-size: 0.9rem;color: #666;line-height: 1.6;margin-bottom: 0.5rem;}
.newslist .news-date{font-size: 0.85rem;color: #999;}
.newslist .news-item:hover{ background-color:#f0f0f0;}

@media (max-width: 768px) {
.nav-tabs .nav-item{margin: 0 0.8rem;}
.nav-tabs .nav-link{font-size: 1rem;}
.news-item{flex-direction: column;gap: 1rem; padding:1.5rem 0!important;}
.news-img{width: 100%!important;height: auto!important;}
}

/* 主容器样式 */
.feedback .form-container{max-width: 1200px;margin: 0 auto;background: #ffffff;border-radius: 16px;padding: 30px 25px;box-shadow: 0 2px 12px rgba(0,0,0,0.05);}

.feedback .subtitle{font-size:18px;color: #868686;text-align: center;margin-bottom: 30px;}
.feedback .form-label{font-weight: 500;color: #333;margin-bottom: 8px;}
.feedback .radio-row{display: flex;align-items: center;flex-wrap: nowrap;/* 强制不换行*/gap: 15px;/* 标签和单选框之间的间距*/}
.feedback .radio-label{flex-shrink: 0;/* 标签不被压缩*/margin-bottom: 0;/* 清除默认margin*/ margin-right:15px;}
.feedback .radio-group{display: flex;gap: 40px;align-items: center;flex-wrap: nowrap;}
.feedback .form-control{border-radius: 8px;padding: 12px 16px;font-size: 1rem;transition: border-color 0.2s; background-color:#f0f0f0;}
.feedback .form-control:focus{border-color: #ff9500;box-shadow: 0 0 0 0.2rem rgba(255, 149, 0, 0.15);}
.feedback .form-check{padding-left: 0;/* 清除默认左内边距*/margin-right: 5px;display: flex;align-items: center;}
.feedback .form-check-input{width: 20px;height: 20px;margin-top: 0;/* 重置默认margin*/margin-right: 8px;/* 单选框和文字间距*/cursor: pointer;}
.feedback .form-check-label{cursor: pointer;color: #555;margin-bottom: 0;/* 清除默认margin*/}
.feedback .btn-reset{background-color: #b0b0b0;color: #fff;border: none;font-size: 1rem;font-weight: 500;transition: background-color 0.2s;}
.feedback .btn-reset:hover{background-color: #999;}
.feedback .btn-submit{background-color: #ff9500;color: #fff;border: none;font-size: 1rem;font-weight: 500;transition: background-color 0.2s;}
.feedback .btn-submit:hover{background-color: #e68600;}
.feedback .footer-note{font-size: clamp(0.85rem, 1.6vw, 1rem);color: #666;text-align: center;margin-top: 30px;}

.feedback .form-check-input:checked{background-color: #ff9f00;
    border-color: #f0f0f0;}
@media (max-width: 576px) {
    .feedback .form-container {
        padding: 20px 15px;
    }
    .feedback .btn-reset, .feedback .btn-submit {
        width: 100%;
        margin-bottom: 12px;
    }
    /* 移动端依然保持一行，缩小间距适配 */
    .feedback .radio-row {
        gap: 10px;
    }
    .feedback .radio-group {
        gap: 15px;
    }
}

.contact .contact-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
}
.contact .divider {
    position: relative;
}
.contact .divider::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: repeating-linear-gradient(
        to bottom,
        #ddd,
        #ddd 4px,
        transparent 4px,
        transparent 8px
    );
    transform: translateX(-50%);
}
.contact .text-orange {
    color: #ff8c00;
    font-size:27px;
    font-family: 'OPPOSans';
  font-weight: 400;
}

.contact button { width:100px; height: 40px; border-radius: 25px; letter-spacing: 8px; text-align: center; text-indent: 10px;}

.feedback button { width:100px; height: 40px; border-radius: 25px; letter-spacing: 8px; text-align: center; text-indent: 10px;}

/*.btn-secondary{ background-color:#b1b1b1;}*/

.contact .btn-submit {
    background-color: #ff8c00;
    border-color: #ff8c00;
    color: #fff;
}
.contact .btn-submit:hover {
    background-color: #e67e00;
    border-color: #e67e00;
}
.contactlist{ line-height:34px; font-size:18px;font-family: 'OPPOSans';
    font-weight: 400;}
.contactlist i {
    color: #ff8c00;
}
/* 适配标签和输入框同行的样式 */
.contact .form-row-item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.contact .form-row-item label {
    flex: 0 0 100px; /* 固定标签宽度，保证对齐 */
    margin-bottom: 0;font-size:18px;font-family: 'OPPOSans';
    font-weight: 400;
}
.contact .form-row-item .form-control {
    flex: 1; 
    background-color: #f0f0f0;
}
@media (max-width: 768px) {
    .contact .divider::after {
        display: none;
    }
    /* 移动端恢复上下布局，提升体验 */
    .contact .form-row-item {
        flex-direction: column;
        align-items: flex-start;
    }
    .contact .form-row-item label {
        flex: none;
        margin-bottom: 0.5rem;
    }
}

.joblist .page-title {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin: 2rem 0 1rem;
}
.joblist .page-subtitle {
    text-align: center;
    color: #868686;
    margin-bottom: 2rem; font-size: 18px;
}
.joblist .accordion-item {
    border: none;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.joblist .accordion-button {
    background-color: #fff;
    border-radius: 0.75rem !important;
    padding: 1.25rem 1.5rem;
    font-size: 1.1rem;
    font-weight: 500;
    color: #333;
    box-shadow: none !important;
    position: relative;
}
/* 隐藏默认的伸缩图标 */
.joblist .accordion-button::after {
    display: none;
}
/* 自定义Bootstrap Icons伸缩按钮样式 */
.joblist .accordion-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ff9f00;
    border-radius: 50%;
    color: #ff9f00;
    background-color: #fff;
    transition: transform 0.2s ease;
}
/* 展开状态下的图标旋转 */
.joblist .accordion-button:not(.collapsed) .accordion-icon i {
    transform: rotate(180deg);
}
.joblist .accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #333;
}
/* 展开时job-meta添加下边框 */
.joblist .accordion-button:not(.collapsed) .job-meta {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
}
.joblist .accordion-body {
    background-color: #fff;
    border-radius: 0 0 0.75rem 0.75rem;
    padding: 0 1.5rem 1.5rem; /* 调整内边距，避免与上边框重叠 */
}
/* 职位信息布局样式 */
.joblist .job-meta {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
    transition: all 0.2s ease; /* 过渡效果，更流畅 */
    font-weight: 600;
}
.joblist .job-title {
    flex: 1;
    text-align: left;
}
.joblist .job-count, 
.joblist .job-address {
    flex: 1;
    text-align: center;
}
.joblist .job-icon {
    text-align: right;
}
/* 提交简历按钮样式 */
.joblist .btn-submit {
    background-color: #ff9f00;
    border-color: #ff9f00;
    color: #fff;
    border-radius: 1.8rem;
    padding: 0.5rem 1.25rem;
    font-weight: 500;
}
.joblist .btn-submit:hover {
    background-color: #e68900;
    border-color: #e68900;
    color: #fff;
}
.joblist .resume-btn-wrapper {
    text-align: right;
    margin-top: 1rem;
    padding-top: 0.5rem;
}
/* 关于我们页面的所有样式 */
.about .section-title {
    text-align: center;
    font-size: 27px;
    margin-bottom: 40px;
    color: #222;
}
.about_detail p{ font-size:15px;font-family: 'OPPOSans';
  font-weight: 300; margin-bottom:30px;color:#000;}

.about .company-name {
    font-size: 46px;
    font-weight: 500;font-family: 'OPPOSans';
    margin-bottom: 30px;
    color: #111;
}

.about .intro-text {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 20px;
}

.about .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 比例 */
    background-color: #000;
    border-radius: 4px;
    overflow: hidden;
}

.about .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about .video-overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    font-weight: 600;
    color: #ff9900;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    pointer-events: none;
}
        
        
        
        .business-section {
            background-color: #ff9900;
            padding: 40px 20px;
        }
        .section-title {
            text-align: center;
            font-size: 36px;
            color: #fff;
            margin-bottom: 16px;
            font-family: 'OPPOSans';
            font-weight: 500;
        }
        .section-subtitle {
            text-align: center;
            font-size: 18px;
            color: #fff;
            /*max-width: 820px;*/
            margin: 0 auto 32px auto;
            line-height: 1.6;
            font-family: 'OPPOSans';
            font-weight: 300;
        }
        .section-subtitle2 {
            text-align: center;
            font-size: 18px;
            color: #fff;
            margin: 0 auto 32px auto;
            line-height: 1.6;
            font-family: 'OPPOSans';
            font-weight: 400;
        }
        .card-container {
            max-width: 1000px;
            margin: 0 auto;
        }
        .business-card {
            position: relative;
            overflow: hidden;
            height: 640px;
            background-color: #000;
        }
        .business-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .business-card:hover img {
            transform: scale(1.05);
        }
        .card-text-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 20px;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
            color: #fff;
        }
        .chuangxin-card .card-title {
            font-size:27px;
            margin-bottom: 15px;font-family: 'OPPOSans';
  font-weight: 500;
        }
        .card-description{font-family: 'OPPOSans';font-weight: 400; font-size:15px;}
        
        .business-card .card-title{ font-size:37px;
  font-family: 'OPPOSans';
  font-weight: 300;}
        
        .card-desc {
            font-size: 15px;
            line-height: 1.6;
            margin: 0;
  font-family: 'OPPOSans';
  font-weight: 300;
        }
        
        /*.chuangxin .section-title{ padding-top:60px;}*/
        /* 响应式适配 */
        @media (max-width: 768px) {
            .business-card {
                height: 300px;
                margin-bottom: 16px;
            }
            .section-title {
                font-size: 20px;
            }
            .section-subtitle {
                font-size: 13px;
            }
        }
        


        .company-vision {
            font-family: "Microsoft Yahei", sans-serif;
            padding: 60px 20px;
        }
        .company-vision .vision-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        .company-vision .vision-title {
            text-align: center;
            font-size: 18px;
            font-weight: 500;
            color: #333;
            margin-bottom: 40px;
        }
        .company-vision .vision-content {
            display: flex;align-items: flex-start;
    justify-content: space-between;
        }
        .vision-text{ padding-left:50px;}
        .company-vision .vision-img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
        .company-vision .vision-text h2 {
            font-size: 28px;
            font-weight: 600;
            color: #222;
            margin-bottom: 20px;
        }
        .company-vision .vision-text p {
            font-size: 15px;
            line-height: 1.8;
            color: #666;
            margin-bottom: 12px;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .company-vision {
                padding: 40px 15px;
            }
            .company-vision .vision-content {
                flex-direction: column;
                gap: 20px;
            }
            .company-vision .vision-img {
                max-width: 100%;
            }
            .company-vision .vision-text h2 {
                font-size: 22px;
            }
            .company-vision .vision-text p {
                font-size: 14px;
            }
        }
        

.patent-section {
            font-family: "Microsoft Yahei", sans-serif;
            padding:50px 20px 20px 20px;
        }
        .patent-section .patent-container {
            max-width: 1440px;
            margin: 0 auto;
        }
        
        .patent-section .patent-card {
            text-align: center;
        }
        .patent-section .patent-img {
            width: 100%;
            max-width: 280px;
            height: auto;
            border: 1px solid #eee;
            border-radius: 4px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            margin-bottom: 12px;
            transition: transform 0.3s ease;
        }
        .patent-section .patent-img:hover {
            transform: translateY(-5px);
        }
        .patent-section .patent-name {
            font-size: 16px;
            color: #666;
            font-weight: 500;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .patent-section {
                padding: 40px 15px;
            }
            .patent-section .patent-title {
                font-size: 20px;
                margin-bottom: 30px;
            }
            .patent-section .patent-img {
                max-width: 90%;
            }
            .patent-section .patent-name {
                font-size: 14px;
            }
        }
        /* 平板适配 */
        @media (min-width: 769px) and (max-width: 992px) {
            .patent-section .patent-img {
                max-width: 220px;
            }
        }
        
    

.brand-story {
            font-family: "Microsoft Yahei", sans-serif;
            position: relative;
            overflow: hidden;
        }
.brand-story .section-title{  position: absolute; /* 下级设置绝对定位 */
  left: 50%;          /* 向左移动父级宽度的50% */
  top: 60px;           /* 向下移动父级高度的50% */
  transform: translate(-50%, -50%); /* 将自己向左移动自身宽度的50%，向上移动自身高度的50% */
  /* 如果是单行文字，可搭配 text-align: center; 确保文字内部居中 */
  text-align: center;}
        .brand-story .swiper {
            width: 100%;
            height: 100vh; /* 全屏高度，可根据需求调整 */
            min-height: 500px;
        }
        .brand-story .swiper-slide {
            position: relative;
            /* 取消居中，改为默认布局 */
        }
        .brand-story .slide-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
        }
        /* 调整文字容器位置：固定在下方1/3区域 */
        .brand-story .slide-content {
            position: absolute;
            z-index: 2;
            bottom: 0;
            left: 0;
            right: 0;
            /* 高度约占整体的1/3 */
            height: 33%;
            min-height: 200px;
            padding: 30px 5%;
            color: #fff;
            /* 半透明背景层 - 仅覆盖文字区域 */
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
            /* 文字垂直居中 */
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow-y: auto; /* 内容超出时可滚动 */
        }
        .brand-story .slide-title {
            font-size: 37px;
            margin-bottom: 15px;
            font-family: 'OPPOSans';
  font-weight: 500;
        }
        .brand-story p {
            font-size: 18px;
            line-height: 1.8;
            margin-bottom: 10px;
            font-family: 'OPPOSans';
  font-weight: 300; max-width: 65%;
        }
        /* Swiper分页器样式定制 */
        .brand-story .swiper-pagination {
            bottom: 20px !important;
            z-index: 3; /* 保证分页器在文字上方 */
        }
        .brand-story .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 0.6;
        }
        .brand-story .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: #ff9900;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .brand-story .swiper {
                height: auto;
                min-height: 450px;
            }
            .brand-story .slide-content {
                height: 40%; /* 移动端适当提高文字区域占比 */
                min-height: 180px;
                padding: 20px 4%;
            }
            .brand-story .slide-title {
                font-size: 22px;
            }
            .brand-story .slide-desc {
                font-size: 14px;
            }
            .brand-story .swiper-pagination {
                bottom: 15px !important;
            }
        }
        /* 平板适配 */
        @media (min-width: 769px) and (max-width: 992px) {
            .brand-story .slide-content {
                height: 38%;
                padding: 25px 4%;
            }
        }

.application-area {
            font-family: "Microsoft Yahei", sans-serif;
            background-color: #fff;
            padding: 60px 20px;
        }
        /* 标题样式 - 强化居中效果 */
        .application-area .area-title {
            text-align: center;
            font-size: 36px;
            
            color: #333;
            margin-bottom: 40px;
            line-height: 1.2;
        }
        /* 应用卡片样式 - 重构布局，文字在图片内靠下 */
        .application-area .area-card {
            position: relative;
            overflow: hidden;
            border-radius: 4px;
            margin-bottom: 24px;
            transition: transform 0.3s ease;
            /* 保证卡片是图片的容器 */
            height:358px;
        }
        .application-area .area-card:hover {
            transform: translateY(-5px);
        }
        .application-area .area-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .application-area .area-card:hover .area-img {
            transform: scale(1.05);
        }
        /* 文字样式 - 图片内靠下显示 */
        .application-area .area-name {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 15px 20px;
            margin: 0;
            font-size: 27px;
            color: #fff;
            font-weight: 500;
            /* 渐变背景，从下往上透明，更贴合设计 */
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
            /* 保证文字在最上层 */
            z-index: 2;
            text-align: center;
            font-weight: 100;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .application-area {
                padding: 40px 15px;
            }
            .application-area .area-title {
                font-size: 22px;
                margin-bottom: 30px;
            }
            .application-area .area-card {
                margin-bottom: 16px;
            }
            .application-area .area-name {
                font-size: 14px;
                padding: 12px 15px;
            }
        }
        /* 平板适配 */
        @media (min-width: 769px) and (max-width: 992px) {
            .application-area .area-card {
                height: 200px;
            }
            .application-area .area-name {
                font-size: 15px;
                padding: 14px 18px;
            }
        }

.newproduct {
    padding: 60px 0;
}

.newproduct .section-title {
    font-size: 36px;
    color: #222;
    margin-bottom: 12px;
    text-align: center;
}

.newproduct .section-subtitle {
    font-size: 18px;
    color: #666;
    margin-bottom: 40px;
    text-align: center;
}

.newproduct .product-card {
    text-align: center;
    background: transparent;
    border-radius: 0;
    border: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.newproduct .product-card .card-img-top {
    width: 100%;
    height: auto;
    object-fit: contain;
    /*padding: 20px;*/
    background: transparent;
}

.newproduct .product-card .card-body {
    padding: 10px 0 20px;
    background: transparent;
}

.newproduct .product-card .card-title {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin: 0;
}

.newproduct .product-card:hover .card-img-top {
    border: 2px solid #ff9900;
    border-radius: 4px;
}

.newproduct .swiper-nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    color: #666;
    transition: all 0.3s ease;
    user-select: none;
    pointer-events: auto;
}

.newproduct .swiper-nav-btn:hover {
    color: #ff9900;
}

.newproduct .swiper-prev-btn {
    left: -60px;
}

.newproduct .swiper-next-btn {
    right: -60px;
}

.newproduct .swiper-nav-btn i {
    font-size: 48px;
}

.newproduct .product-swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.newproduct .swiper-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
}

.newproduct .swiper-slide {
    width: auto;
    flex-shrink: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newproduct .swiper-slide .product-card {
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .newproduct {
        padding: 40px 0;
    }
    
    .newproduct .section-title {
        font-size: 20px;
    }
    
    .newproduct .swiper-nav-btn {
        width: 32px;
        height: 32px;
    }
    
    .newproduct .swiper-nav-btn i {
        font-size: 14px;
    }
    
    .newproduct .swiper-prev-btn {
        left: -16px;
    }
    
    .newproduct .swiper-next-btn {
        right: -16px;
    }
}

@media (max-width: 576px) {
    .newproduct .swiper-prev-btn {
        left: 10px;
    }
    
    .newproduct .swiper-next-btn {
        right: 10px;
    }
}

.videolist .video-card {
    transition: transform 0.2s ease-in-out;
    height: 100%;
    background-color: #484848;
    border: none;
}

.videolist .video-container {
    width: 100%;
    aspect-ratio: 16/9;
    background-color: #000;
}

.videolist video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.videolist .video-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

/*首页*/
.feature-section {
            background-color: #222222;
            color: #ffffff;
        }
        .video-wrapper {
            position: relative;
            width: 100%;
            border-radius: 0;
            overflow: hidden;
            cursor: pointer;
        }
        .video-thumbnail {
            width: 100%;
            object-fit: cover;
        }
        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 130px;
            height: 130px;
            background-color: #f7b500;
            opacity: .8;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #000000;
            font-size:50px;
            transition: all 0.3s ease;
        }
        .play-button:hover {
            transform: translate(-50%, -50%) scale(1.1);
        }
        .learn-more-link {
            color: #ffffff;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s ease;
        }
        .learn-more-link:hover {
            color: #f7b500;
        }
        .learn-more-link::after {
            content: ' >';
            margin-left: 4px;
        }
        
        .bg-orange-etie {
      background-color: #ff9f00 !important;
    }
    /* 保证任何直接放在通栏里的文字都是白色 (除非单独覆盖) */
    .text-white-force {
      color: #fff !important;
    }
    /* 卡片透明无边框，白色文字，轻微悬浮效果提升可读性 */
    .etie-card {
      background: transparent;
      border: 3px solid #fff;
      border-radius: 20px;
      color: #fff;
      transition: transform 0.2s ease;
      padding:8px 25px;
    }
    .etie-card .card-body {
      padding-left: 0;
      padding-right: 0;
    }
    .etie-card .card-title {
      font-weight: 600;
      font-size: 1.5rem;
      margin-bottom: 0.5rem;
      color: #fff;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    .etie-card .card-text {
      font-size: 1rem;
      line-height: 1.5;
      color: #fff;
      opacity: 0.95;
    }
    /* 标题区样式 */
    .section-header {
      padding: 2rem 0 1rem 0;
    }
    .section-header h1 {
      font-weight: 700;
      letter-spacing: 0.02em;
      margin-bottom: 0.25rem;
    }
    .section-header .subhead {
      opacity: 0.9;
      padding-bottom: 1rem;
    }
    /* 左侧图片自适应 + 轻微圆角 */
    .etie-feature-img {
      max-width: 100%;
      height: auto;
      border-radius: 20px;
      box-shadow: 0 15px 30px rgba(0,0,0,0.2);
      background: #fff; /* 如果有透明png，白色底衬显干净，但图片本身覆盖 */
      display: block;
    }
    /* 右侧内容间距 */
    .features-list {
      display: flex;
      flex-direction: column;
      gap: 1.75rem;
    }
    /* 移动端微调 */
    @media (max-width: 767.98px) {
      .section-header h1 {
        font-size: 2.5rem;
      }
      .etie-card .card-title {
        font-size: 1.4rem;
      }
    }
    /* 装饰性分割线 (可选) */
    hr.divider-light {
      color: #fff;
      opacity: 0.25;
      margin: 0.5rem 0 1rem 0;
    }
    /* 保证整体背景色覆盖 */
    .fullwidth-bg {
      background-color: #ff9f00;
    }
    
    
.ibanner {
      display: block;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

    .ibanner .ibanner-title {
      text-align: center;
      color: rgba(255, 255, 255, 0.85);
      font-weight: 500;
      font-size: 1.4rem;
      letter-spacing: 2px;
      margin-bottom: 20px;
    }

    /* Swiper 容器 - 相对定位，作为分页器的参照 */
    .ibanner .swiper {
      width: 100%;
      overflow: hidden;
      position: relative;
    }

    /* 每个slide */
    .ibanner .swiper-slide {
      position: relative;
      width: 100%;
      background: #2c4050;
    }

    /* 图片 */
    .ibanner .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      user-select: none;
    }

    /* 文字叠加层 */
    .ibanner .slide-caption {
      position: absolute;
      top: 200px;
      left: 0;
      right: 0;
      padding: 30px 24px 50px;  /* 底部留出空间给分页器 */
      background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
      color: white;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
      pointer-events: none;
    }

    /* 第一行文字 */
    .ibanner .caption-line1 {
      font-size: clamp(1.4rem, 6vw, 2.2rem);
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 8px;
      letter-spacing: -0.02em;
    }

    /* 第二行文字 */
    .ibanner .caption-line2 {
      font-size: clamp(0.95rem, 4vw, 1.3rem);
      font-weight: 400;
      line-height: 1.4;
      opacity: 0.9;
      max-width: 80%;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    }

    /* 动态效果 - 激活时淡入 */
    .ibanner .swiper-slide:not(.swiper-slide-active) .caption-line1,
    .ibanner .swiper-slide:not(.swiper-slide-active) .caption-line2 {
      opacity: 0;
      transition: none;
    }

    .ibanner .swiper-slide-active .caption-line1 {
      animation: ibannerFadeIn 0.6s ease forwards;
    }

    .ibanner .swiper-slide-active .caption-line2 {
      animation: ibannerFadeIn 0.7s ease 0.1s forwards;
    }

    @keyframes ibannerFadeIn {
      0% {
        opacity: 0;
        transform: translateY(10px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .iabout{height:800px;background-image: url('img/iabout.png');
            background-repeat: no-repeat;
            background-position: 70% bottom;   /* 居中靠下 */
            background-size: contain;color:#fff;}
    
    .iabout .tit{ font-size:55px; font-weight:600;}
    .iabout .subtit{ font-size:36px; margin-bottom:25px; margin-top:15px;}
    .iabout .desc{ font-size:18px; max-width:500px; }
    .iabout  p{}
    
    .iabout a{ padding-top:50px; color:#fff; font-size:27px; display:inline-block; font-weight:100;}
    .iabout a:hover{color:#ff9f00;}
    .iabout .container-custom{ display:flex;flex-direction: column;padding-left:20px;}
    @media (min-width: 769px) {
       .iabout .container-custom{padding-left:120px;}
    }
    .feature-section .row{ margin-left:0; margin-right:0;}
    .feature-section .desc{ font-size:18px; max-width:600px;font-family: 'OPPOSans'; font-weight:400px;color:#a9a9a9; line-height:36px;}
    .feature-section .flex{ display:flex;}
    /* ===== 关键修正：分页器放在swiper容器内，所有slide共用 ===== */
    .ibanner .swiper-pagination {
      position: absolute !important;
      bottom: 20px !important;      /* 位于图片内部底部 */
     
      right: 0 !important;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 20;
      pointer-events: auto;
    }

    /* 分页器圆点样式 */
    .ibanner .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background: rgba(255, 255, 255, 0.6);
      opacity: 1;
      margin: 0 6px !important;
      transition: all 0.3s ease;
      border-radius: 10px;
    }

    .ibanner .swiper-pagination-bullet-active {
     
      background: #ff9f00;
    }

    /* 移除左右箭头 */
    .ibanner .swiper-button-prev,
    .ibanner .swiper-button-next {
      display: none !important;
    }

    /* 移动端优化 */
    @media (max-width: 480px) {
      
      .ibanner .slide-caption {
        padding: 20px 16px 40px;
      }
      .ibanner .swiper-pagination {
        bottom: 12px !important;
      }
      .ibanner .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px !important;
      }
      .ibanner .swiper-pagination-bullet-active {
        width: 20px;
      }
    }


        .xinxilie-row {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -12px;
        }
        .xinxilie-col {
            flex: 0 0 25%;
            padding: 0 12px;
            margin-bottom: 24px;
        }
        
        @media (max-width: 768px) {
            .xinxilie-col {
                flex: 0 0 50%;
            }
        }
        @media (max-width: 576px) {
            .xinxilie-col {
                flex: 0 0 100%;
            }
        }

        /* 前三个信息卡片公用样式 */
        .xinxilie-info-card {
            background-color: #000;
            border-radius: 24px;
            padding: 25px 18px 20px 18px;
            height: 100%;
            display: flex;
            flex-direction: column;
            position: relative;
            /* 背景图设置：居中靠下，自适应不溢出 */
            background-image: url('img/bg_xin1.png');
            background-repeat: no-repeat;
            background-position: center bottom;   /* 居中靠下 */
            background-size: contain;             /* 自适应，不剪裁 */
            /*background-blend-mode: overlay;*/
        }

        /* 标题与副标题 */
        .xinxilie-info-title {
            font-size: 46px;
            font-weight: 700;
            line-height: 1.1;
            color: #ff9f00;
            font-family: 'OPPOSans';
            font-weight: 500; 
        }
        .xinxilie-info-desc {
            font-size: 18px;
            line-height: 1.8;
            color: #a9a9a9;
            margin-top: 16px;
            margin-bottom: 16px;
            padding: 12px 0px 12px 0;
            border-radius: 0 12px 12px 0;
            font-family: 'OPPOSans';
            font-weight: 400; 
        }
        /* 英文小字 */
        .xinxilie-info-en {
            font-size: 27px;
            font-weight: 400;
            color: #ff9f00;
            text-transform: uppercase;
            margin-bottom: 10px;
            font-family: 'OPPOSans';
            font-weight: 300; 
        }

        /* 第四列：纯图片卡片 */
        .xinxilie-image-card {
            background-color: #000000;
            border-radius: 24px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .xinxilie-image-card img {
            max-width: 100%;
            height: auto;
            display: block;
            border-radius: 16px;
            width: 100%;          /* 适应容器 */
            object-fit: cover;
        }

        /* 左右布局容器 */
        .xuanjie-row {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -20px;
        }
        .xuanjie-left {
            padding: 0 20px;
        }
        .xuanjie-right {
            padding: 0 20px;
        }

        /* 8个图文网格：两行四列 */
        .xuanjie-grid {
            display: flex;
            flex-wrap: wrap;
        }
        .xuanjie-grid-item {
            flex: 0 0 25%;  /* 四列 */
            max-width: 25%;
            padding: 20px;   /* 卡片间距 */
        }

        /* 图文卡片样式 */
        .xuanjie-card {
            border-radius: 24px;
            padding: 20px 12px 16px 12px;
            text-align: center;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            transition: all 0.2s ease;
        }
        .xuanjie-card:hover {
            transform: translateY(-3px);
        }
        .xuanjie-card-icon {
            width: 150px;
            height: 150px;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .xuanjie-card-icon img {
            width: 100%;
            height: 100%;
        }
        .xuanjie-card-text {
            font-size: 15px;
            font-weight: 500;
            color: #1f2a41;
            margin-bottom: 4px;
            line-height: 1.4;
        }
        .xuanjie-card-sub {
            font-size: 12px;
            color: #6f7d98;
            font-weight: 400;
        }

        /* 右侧图片区域 */
        .xuanjie-right-content {
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .xuanjie-main-image {
            background-color: #eef2f8;
            border-radius: 32px;
            overflow: hidden;
            width: 100%;
            aspect-ratio: 1 / 1.2;  /* 控制图片比例 */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .xuanjie-main-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .xuanjie-image-caption {
            margin-top: 20px;
            text-align: left;
            padding-left: 8px;
        }
        .xuanjie-image-caption .xuanjie-caption-title {
            font-size: 28px;
            font-weight: 700;
            color: #1a1f2e;
            margin-bottom: 8px;
        }
        .xuanjie-image-caption .xuanjie-caption-desc {
            font-size: 16px;
            color: #4f5b6b;
            margin-bottom: 0;
        }
        .xuanjie-note {
            font-size: 24px;
            font-weight: 600;
            color: #a0b3d9;
            margin-top: 20px;
            text-align: right;
            border-top: 2px dashed #d9e1ec;
            padding-top: 20px;
        }

        /* 移动端适配 */
        @media (max-width: 992px) {
            .xuanjie-left, .xuanjie-right {
                flex: 0 0 100%;
                max-width: 100%;
            }
            .xuanjie-right {
                margin-top: 40px;
            }
            .xuanjie-main-image {
                aspect-ratio: 16/9;
            }
        }

        @media (max-width: 768px) {
            .xuanjie {
                padding: 30px 20px;
            }
            .xuanjie-title h2 {
                font-size: 32px;
            }
            .xuanjie-grid-item {
                flex: 0 0 50%;  /* 移动端变成两列 */
                max-width: 50%;
            }
            .xuanjie-note {
                font-size: 20px;
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .xuanjie-grid-item {
                flex: 0 0 100%;  /* 小屏单列 */
                max-width: 100%;
            }
        }
		
		
        .product-section {
            padding: 96px 0 40px;
        }
        .partner-section {
            background-color: #ffffff;
            padding: 40px 0;
            margin-top: 20px;
        }
        .partner-section .section-title,.partner-section .section-subtitle{ color:#000!important;}
		.partner-section img {
            max-width:100%;
        }
        .nav-pills .nav-link.active,.nav-pills a:hover {
            background-color: #f5a623;
            color: #ffffff;
        }
        .nav-pills .nav-link {
            color: #333333;
            margin-bottom: 8px;
			width:180px;
			background-color:#fff;
			border-radius:20px;
			text-align:center;
        }
        .product-item {
            text-align: center;
            margin-bottom: 30px;
           
        }
        
        .product-item:hover img{
            border:2px solid #ff9f00;
        }
        .product-item img {
            max-width: 95%;
            height: auto;
            border-radius: 8px;
             margin:5px;
        }
        .product-item p {
            margin-top: 12px;
            font-size: 16px;
            color: #333333;
        }
        .pagination-custom {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
        }
        .pagination-custom a, .pagination-custom span {
            margin: 0 5px;
            text-decoration: none;
            color: #333333;
        }
        .pagination-custom a:hover {
            color: #f5a623;
        }
        .partner-logo {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 25px;
            margin-top: 30px;
        }
        .partner-logo img {
            max-height: 40px;
            max-width: 120px;
            object-fit: contain;
        }
        /*
        .section-title {
            text-align: center;
            margin-bottom: 30px;
            font-size: 20px;
            font-weight: 600;
            color: #333333;
        }
        
       */
        .section-subtitle2 {
            font-size: 18px;
            color: #666666;
            margin-bottom: 30px;		
             font-family: 'OPPOSans';
  font-weight: 300; 
        }
        .partner_list{justify-content: flex-start;align-content: center;align-items: center;}
        .partner_list li{margin-bottom:15px; width: 14.28%!important;}
        
    
    /* 标题区域 */
    .news-section .module-title {
      margin-bottom: 32px;
    }
    .news-section .module-title h2 {
      font-weight: 650;
      color: #1e3b5c;
      font-size: 2rem;
      letter-spacing: -0.02em;
      position: relative;
      display: inline-block;
    }
    .news-section .module-title h2:after {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 0;
      width: 60px;
      height: 4px;
      background: linear-gradient(90deg, #2b6c9e, #6fa3d9);
      border-radius: 4px;
    }
    
    .cxxl{ background: linear-gradient(180deg, #d5d5d5, #fff); border-radius:25px; padding:50px 50px; flex: 1; margin:30px 20px;transition: transform 0.5s ease;}
    
    
    .cxxl:hover{
      transform: scale(1.05);
    }
    
    .patent-name2{color:#fff; background-color:#ff9f00; border-radius:15px; text-align:center; font-size:24px; width:120px; margin:120px auto 0;}
    .sys{ background-color: #000;height:800px;
            /* 背景图设置：居中靠下，自适应不溢出 */
            background-image: url('img/sys.jpg');
            background-repeat: no-repeat;}
    
    .sys img{ max-width:100%;}
    /* ===== 选项卡样式 ===== */
    .news-section .news-tabs {
      display: flex;
      gap: 20px;
      margin-bottom: 36px;
      padding-bottom: 8px;
          flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    }
    .news-section .tab-item {
      font-size: 27px;
            font-family: 'OPPOSans';
            font-weight: 500;
      color: #000;
      padding: 8px 4px 12px;
      cursor: pointer;
      position: relative;
      transition: all 0.2s;
      letter-spacing: 0.3px;
    }
    .news-section .tab-item.active {
      color: #ff9f00;
    }
    .news-section .tab-item:hover {
      color: #ff9f00;
    }

    /* ===== 内容区域 ===== */
    .news-section .tab-content {
      display: none;
    }
    .news-section .tab-content.active {
      display: block;
    }

    /* 左右布局 */
    .news-section .content-row {
      display: flex;
      gap: 32px;
      align-items: stretch;
    }

    /* 左侧大图 */
    .news-section .left-image {
      flex: 1;
      overflow: hidden;
      box-shadow: 0 20px 30px -10px rgba(0, 30, 50, 0.2);
      background: #eef3f8;
      min-height: 380px;
      aspect-ratio: 4/3;
          position: relative;
    transition: transform 0.3s ease;
    }
    .news-section .left-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .news-section .left-image:hover img {
      transform: scale(1.03);
    }
    
    
    .news-section .area-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        /* 文字样式 - 图片内靠下显示 */
     .news-section .area-name {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 15px 20px;
            margin: 0;
            font-size: 16px;
            color: #fff;
            font-weight: 500;
            /* 渐变背景，从下往上透明，更贴合设计 */
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
            /* 保证文字在最上层 */
            z-index: 2;
        }

    /* 右侧新闻列表 */
    .news-section .right-news {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    /* 单条新闻卡片 */
    .news-section .news-item {
      display: flex;
      gap: 16px;
      padding: 16px 18px;
     
      transition: all 0.2s ease;
    }
    .news-section .news-item:hover {
      background: #eaeaea;
      border-color: #ff9f00;
      transform: translateY(-2px);
    }
    
    .news-section .news-item:hover .news-date {
      border-color: #ff9f00;
    }
    
    /* 左侧日期块 */
    .news-section .news-date {
      min-width: 80px;
      text-align: center;
      background: #f0f0f0;
      padding: 12px 8px;
      border: 3px solid rgba(0,0,0,0.03);
      align-self: flex-start;
    }
    .news-section .date-day {
      font-size: 2rem;
      font-weight: 700;
      line-height: 1;
      color: #575757;
      margin-bottom: 4px;
    }
    .news-section .date-year {
      font-size: 0.8rem;
      color: #575757;
      margin-top: 2px;
    }
    .news-section .news-item:hover .date-day,.news-section .news-item:hover .date-year  {
      color: #ff9f00;
    }

    /* 右侧内容 */
    .news-section .news-content {
      flex: 1;
    }
    .news-section .news-title {
      font-size: 1.15rem;
      font-weight: 650;
      margin-bottom: 6px;
      line-height: 1.3;
    }
    .news-title a{color: #000;}
    .news-section .news-desc {
      font-size: 0.9rem;
      color: #8b8b8b;
      line-height: 1.5;
      opacity: 0.85;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* 底部分隔装饰 */
    .news-section .divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(0,40,70,0.1), transparent);
      margin: 20px 0;
    }
    .news-section .more-info {
      text-align: right;
      color: #9bb1c7;
      font-size: 0.9rem;
    }

    /* ===== 移动端适配（所有样式都限定在.news-section内） ===== */
    @media (max-width: 900px) {
      .news-section {
        padding: 30px 24px;
      }
      .news-section .content-row {
        flex-direction: column;
      }
      .news-section .left-image {
        width: 100%;
        aspect-ratio: 16/9;
        min-height: auto;
      }
    }

    @media (max-width: 600px) {
      .news-section {
        padding: 24px 18px;
      }
      .news-section .module-title h2 {
        font-size: 1.8rem;
      }
      .news-section .tab-item {
        font-size: 1.1rem;
      }
      .news-section .news-item {
        flex-direction: column;
        gap: 12px;
      }
      .news-section .news-date {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        padding: 8px 16px;
      }
      .news-section .date-day {
        font-size: 1.6rem;
        margin-bottom: 0;
      }
      .news-section .date-month, 
      .news-section .date-year {
        font-size: 0.9rem;
      }
      .news-section .news-title {
        font-size: 1.1rem;
      }
      .news-section .news-desc {
        font-size: 0.85rem;
      }
    }

    @media (max-width: 400px) {
      .news-section .news-tabs {
        gap: 12px;
      }
      .news-section .tab-item {
        font-size: 1rem;
      }
    }
    

 /* 三列卡片容器 */
    .chuangxin .chuangxin-cards {
      display: flex;
      flex-wrap: wrap;
      gap: 50px;justify-content: space-evenly;
    }

    /* 卡片样式 */
    .chuangxin .chuangxin-card {
      flex: 1 1 300px;
      max-width: 440px;
      background: white;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 25px 45px -18px rgba(0,40,70,0.3), 0 0 0 1px rgba(0,0,0,0.02) inset;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border: 1px solid rgba(255,255,255,0.6);
      backdrop-filter: blur(2px);
      display: flex;
      flex-direction: column;
    }

    .chuangxin .chuangxin-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 35px 55px -20px #0f3d5e;
    }

    /* 卡片图片区域 - 固定比例 */
    .chuangxin .card-image {
      width: 100%;
      aspect-ratio: 16 / 12;
      overflow: hidden;
      display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;  
    }
    .chuangxin .card-image img {
      width: 80%;
      height: 80%;
      transition: transform 0.5s ease;
    }
    .chuangxin .chuangxin-card:hover .card-image img {
      transform: scale(1.05);
    }

    /* 卡片内容区域 */
    .chuangxin .card-content {
      padding: 28px 24px 30px;
      flex: 1;
      display: flex;
      flex-direction: column; background-color: #ff9f00;
    }

    /* 标签/脚注装饰 */
    .chuangxin .card-footer-tag {
      margin-top: auto;
      font-size: 0.9rem;
      color: #5e7e9c;
      display: flex;
      align-items: center;
      gap: 6px;
      border-top: 1px dashed rgba(0,60,100,0.15);
      padding-top: 16px;
    }

    /* 辅助分隔 */
    .chuangxin .divider {
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(0,50,80,0.15), transparent);
      margin: 20px 0;
    }

    .chuangxin .footer-text {
      text-align: center;
      color: #4f6f8c;
      font-size: 0.95rem;
      padding: 20px 0 10px;
    }

    /* ===== 移动端适配（所有样式都限定在.chuangxin内） ===== */
    @media (max-width: 768px) {
      .chuangxin .chuangxin-header h1 {
        font-size: 2.5rem;
      }
      .chuangxin .chuangxin-header .lead {
        font-size: 1.1rem;
        padding: 0 15px;
      }
      .chuangxin .chuangxin-cards {
        gap: 24px;
      }
      .chuangxin .card-title {
        font-size: 1.4rem;
      }
    }

    @media (max-width: 480px) {
      .chuangxin .chuangxin-header h1 {
        font-size: 2rem;
      }
      .chuangxin .card-content {
        padding: 22px 18px;
      }
      .chuangxin .card-description {
        font-size: 0.95rem;
      }
    }
    
     /* 三列卡片容器 */
    .chuangxin2 .chuangxin-cards {
      display: flex;
      flex-wrap: wrap;
      gap: 50px;
      justify-content: center;
      margin-top:70px;
    }

    /* 卡片样式 */
    .chuangxin2 .chuangxin-card {
      flex: 1 1 200px;
      max-width: 440px;
      overflow: hidden;
      
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      backdrop-filter: blur(2px);
      display: flex;
      flex-direction: column;
    }

    .chuangxin2 .chuangxin-card:hover {
      transform: translateY(-8px);
    }

    /* 卡片图片区域 - 固定比例 */
    .chuangxin2 .card-image {
      width: 100%;
      aspect-ratio: 16 / 12;
      overflow: hidden;
    }
    .chuangxin2 .card-image img {
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .chuangxin2 .chuangxin-card:hover .card-image img {
      transform: scale(1.05);
    }

    /* 卡片内容区域 */
    .chuangxin2 .card-content {
      padding: 28px 0px 30px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    /* 标题 */
    .chuangxin2 .card-title {
      font-size: 1.6rem;
      font-weight: 650;
      color: #1e3f5c;
      margin-bottom: 18px;
      line-height: 1.3;
      position: relative;
      padding-bottom: 12px;
    }

    /* 描述文字 */
    .chuangxin2 .card-description {
      font-size: 1rem;
      line-height: 1.7;
      color: #000;
      opacity: 0.9;
      margin-bottom: 20px;
      flex: 1;
    }

    /* 标签/脚注装饰 */
    .chuangxin2 .card-footer-tag {
      margin-top: auto;
      font-size: 0.9rem;
      color: #5e7e9c;
      display: flex;
      align-items: center;
      gap: 6px;
      border-top: 1px dashed rgba(0,60,100,0.15);
      padding-top: 16px;
    }

    /* 辅助分隔 */
    .chuangxin2 .divider {
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(0,50,80,0.15), transparent);
      margin: 20px 0;
    }

    .chuangxin2 .footer-text {
      text-align: center;
      color: #4f6f8c;
      font-size: 0.95rem;
      padding: 20px 0 10px;
    }

    /* ===== 移动端适配（所有样式都限定在.chuangxin内） ===== */
    @media (max-width: 768px) {
      .chuangxin2 .chuangxin-header h1 {
        font-size: 2.5rem;
      }
      .chuangxin2 .chuangxin-header .lead {
        font-size: 1.1rem;
        padding: 0 15px;
      }
      .chuangxin2 .chuangxin-cards {
        gap: 24px;
      }
      .chuangxin2 .card-title {
        font-size: 1.4rem;
      }
    }

    @media (max-width: 480px) {
      .chuangxin2 .chuangxin-header h1 {
        font-size: 2rem;
      }
      .chuangxin2 .card-content {
        padding: 22px 18px;
      }
      .chuangxin2 .card-description {
        font-size: 0.95rem;
      }
    }