@charset "utf-8";
/* CSS Document */

/* 在 CSS 文件的第一行 */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

 * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Montserrat', sans-serif;
    }

    .container {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 20px;
    }
    .content-container {
      max-width: 1320px;
      margin: 0 auto;
      padding: 0 20px;
    }
    :root {
      --primary: #e63946;
      --dark: #000000; /* 修改1：#1d3557替换为黑色 */
      --light: #f1faee;
      --gray: #6c757d;
    }
    body {
      line-height: 1.6;
    
      margin: 0; /* 确保body无默认边距 */
    }
    img {
      max-width: 100%;
      display: block;
    }
    a {
      text-decoration: none;
      color: inherit;
    }
    ul {
      list-style: none;
    }

    /* 统一模块前缀 jy-home- */
    .jy-home-section-title {
      text-align: center;
      margin-bottom: 50px;
      position: relative;
    }
    .jy-home-section-title h2 {
      font-size: 38px;
      font-weight: 700;
      color: var(--dark); /* 现在是黑色 */
      display: inline-block;    font-family: Oswald, sans-serif !important;
    }
    .jy-home-section-title h2::after {
      content: '';
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
      width: 80px;
      height: 3px;
      background: var(--primary);
    }
    .jy-home-section-title p {
      max-width: 700px;
      margin: 20px auto 0;
      color: var(--gray);
    }

    /* ==================== 头部导航 ==================== */
    .header {
      position: fixed;
      top: 0;
      background: white;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      z-index: 999;
      width: 100%;
      transition: all 0.3s ease;
      height: 100px; /* 【修改3】固定导航栏总高度，从自适应改为固定100px */
      overflow: hidden; /* 新增：防止导航栏内容溢出 */
    }
    .nav-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px; /* 【优化】减小内边距 */
      margin: 0 auto;
    
      transition: height 0.3s ease;
      width: 100%; /* 新增：确保宽度100% */
    }
    .logo {
      flex-shrink: 0; /* 新增：防止logo被压缩 */
      width: 120px; /* 新增：给logo固定宽度，避免占用过多空间 */
    }
    .logo img {
      height: 50px; /* 【修改3】缩小logo高度，从60px改为50px */
      transition: height 0.3s ease;
      margin: 0 auto; /* 新增：logo居中显示 */
    }

    /* 滚动后动态效果 */
    .header.scrolled {
      height: 70px; /* 【修改3】滚动后导航栏高度从自适应改为70px */
    }
    .header.scrolled .top-nav {
      height: 0;
      opacity: 0;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }
    .header.scrolled .nav-wrapper {
      height: 100%; /* 【优化】滚动后保持高度100% */
    }
    .header.scrolled .logo img {
      height: 40px; /* 【优化】滚动后logo进一步缩小 */
    }

    .nav-menu {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      width: calc(100% - 120px); /* 新增：减去logo宽度，避免溢出 */
      overflow-x: auto; /* 新增：横向滚动，替代强制不换行 */
      padding-bottom: 5px; /* 新增：给滚动条预留空间 */
      /* 新增：确保nav-menu自身高度适配，让子元素可以居中 */
      height: calc(100% - 10px); /* 减去top-nav的margin-bottom */
      justify-content: center; /* 垂直居中 */
    }
    /* 隐藏滚动条但保留滚动功能 */
    .nav-menu::-webkit-scrollbar {
      height: 0;
    }

    .top-nav {
      width: 100%;
      position: relative;
      left: 0;
      right: 0;
      background: #000000;
      color: white;
      font-size: 12px;
      padding: 5px 0; /* 【修改3】减小top-nav高度，从默认改为5px上下内边距 */
      margin-bottom: 5px; /* 【修改3】减小底部间距，从10px改为5px */
      transition: all 0.3s ease;
    }
	  
	.top-nav-inner a {
    padding: 5px 0; position: relative; /* 【优化】减小内边距 */
}
	  
.top-nav-inner a:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 16px;
    background: #838383;
    position: absolute;
    right: -8px; /* 【修改2】减小分隔线间距，从-10px改为-8px */
    top: 50%;
    transform: translateY(-50%);
}
	  
    .top-nav-inner {
      margin: 0 auto;
      padding: 0 20px; /* 【优化】减小内边距 */
      display: flex;
      justify-content: flex-end;
      gap: 15px; /* 【修改2】减小top-nav链接间距，从20px改为15px */
    }

    .main-nav {
      font-size: clamp(11px, 1vw, 14px); /* 【修复】进一步缩小字体，从12px改为11px起 */
      font-weight: 600;
      background: white;
      width: 100%; /* 新增：宽度100% */
    }
    .main-nav > ul {
      display: flex;
      gap: clamp(5px, 1vw, 15px); /* 【修复】减小最小间距，从10px改为5px，最大从30px改为15px */
      justify-content: flex-end;
      flex-wrap: nowrap; /* 保持不换行，但新增横向滚动 */
      width: 100%; /* 新增：宽度100% */
      align-items: center; /* 【关键修复】添加垂直居中 */
      height: 100%; /* 【关键修复】让ul撑满父容器高度 */
    }
    .nav-item {
      position: relative;
      padding: 8px; /* 【关键修复】统一内边距，去掉上下15px的padding */
      white-space: nowrap; /* 【修改2】禁止文字换行 */
      line-height: 1; /* 【新增】确保行高不影响居中 */
    }
    .nav-item i {
      margin-left: 3px; /* 【优化】减小图标间距 */
      font-size: 10px; /* 【优化】缩小下拉图标 */
    }

  /* 下拉菜单修复 - 终极版 */
.dropdown {
  position: fixed !important;
  top: 100px !important; /* 【修改3】适配新的导航栏高度，从130px改为100px */
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  background: white;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  padding: 40px 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 998;
}
	  
	  
	  
/* 放大镜图标间距 */
.fa-search {
  margin-right: 4px; /* 【优化】减小图标间距 */
}

/* 搜索父容器：用于定位下方搜索框 */
.search-wrapper {
  position: relative;    
  padding: 5px 0; /* 【优化】减小内边距 */
}

/* 浮动搜索框：直接在搜索图标正下方 */
.search-box {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  margin-top: 5px;
  z-index: 999;
}

.search-box input {
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  box-sizing: border-box;
}

/* 显示搜索框 */
.search-box.show {
  display: block;
} 
	  
	  

/* 滚动后导航栏变矮，下拉菜单也要跟着上移 */
.header.scrolled .dropdown {
  top: 70px !important; /* 【修改3】适配滚动后的导航栏高度 */
}
    .dropdown-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 30px;
      max-width: 1320px;
      margin: 0 auto;
      padding: 0 20px;
    }
    .dropdown-item {
      text-align: center;
      transition: 0.3s;
    }
    .dropdown-item:hover {
      transform: translateY(-5px);
    }
    .dropdown-item img {
      
      height: 160px;
      object-fit: cover;
      border-radius: 6px;
      margin-bottom: 15px;
    }
    .dropdown-item h3 {
      color: var(--primary);
      margin-bottom: 8px;
      font-size: 16px;
    }
    .dropdown-item a {
      display: block;
      font-weight: 500;
      font-size: 14px;
      color: var(--dark); /* 现在是黑色 */
    }
    .nav-item.has-dropdown:hover .dropdown {
      opacity: 1;
      visibility: visible;
    }

    /* ==================== Banner轮播 ==================== */
.jy-home-banner {
    position: relative;
    overflow: hidden;
    height: 100vh; /* 全屏高度，但不覆盖导航 */
    min-height: 400px;
    scroll-snap-align: start;
}




    .jy-home-banner-slide {
      display: none;
      height: 100%; /* 【修改1】让轮播项撑满banner高度 */
    }
    .jy-home-banner-slide.active {
      display: block;
    }
    .jy-home-banner-img {
      width: 100%;
      height: 100%; /* 【修改1】图片高度100% */
      object-fit: cover; /* 【修改1】保持比例覆盖容器，避免拉伸 */
    }
    .jy-home-banner-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background: rgba(255,255,255,0.7);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 10;
    }
    .prev {
      left: 30px;
    }
    .next {
      right: 30px;
    }
    .jy-home-banner-dots {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
    }
    .jy-home-dot {
      width: 12px;
      height: 12px;

      border-radius: 50%;
      background: rgba(255,255,255,0.5);
      cursor: pointer;
    }
    .jy-home-dot.active {
      background: white;
    }

    /* ==================== 关于我们 ==================== */
.jy-home-about {
    padding: 0;
    position: relative;
    height: 700px;
    scroll-snap-align: start;
}

.jy-home-about-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: -1;
}


.jy-home-about-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.jy-home-about-content {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
    .jy-home-about-title {
      font-size: 48px;
      font-weight: 700;
      color: white;
      margin-bottom: 20px;text-transform: uppercase;
    }
    .jy-home-about-title span {
      color: var(--primary);
    }
    .jy-home-about-desc {
      color: white;
      max-width: 600px;
      margin-bottom: 40px;
    }
    .jy-home-counter-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
    }
    .jy-home-counter-item {
      color: white;
      text-align: center;
      position: relative;
    }
    /* 修改2：数字样式增强 - 特别大+加粗 */
    .jy-home-counter {
      font-size: 72px; /* 增大字号 */
      font-weight: 900; /* 极致加粗 */
      margin-bottom: 10px;
      position: relative;
      line-height: 1.2;
      display: inline-flex; /* 新增：让数字和单位在同一行 */
      align-items: baseline; /* 新增：对齐数字和单位基线 */
    }
    /* 数字单位样式 - 修复间距问题 */
    .jy-home-counter .unit {
      font-size: 24px;
      font-weight: 400;
      position: static !important; /* 【关键修复】取消绝对定位 */
      margin-left: 5px !important; /* 【关键修复】和+符号保持一致间距 */
      bottom: auto !important;
      right: auto !important;
    }
    .jy-home-counter .plus-sign {
      font-size: 48px;
      font-weight: 700;
      margin-left: 5px;
    }
    /* 数字标题样式 */
 .counter-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    height: 50px;
}
    /* 【关键修复】隐藏数字底部标题 */
    .jy-home-counter-label {
      display: none !important;
    }

    /* ==================== 行业应用 ==================== */
    .jy-home-solution {
      padding: 80px 0;
      background: #f5f5f5;
    }
    .jy-home-solution-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
    }
    .jy-home-solution-card {
      text-align: center;
      padding: 30px;
      transition: 0.3s;
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    }
    .jy-home-solution-card:hover {
      transform: translateY(-10px);
    }
    .jy-home-solution-icon {
      width: 140px;
      height: 140px;
      border-radius: 50%;
      margin: 0 auto 20px;
      overflow: hidden;
      
    }
    .jy-home-solution-icon img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .jy-home-solution-card h3 {
      font-size: 22px;
      margin-bottom: 15px;
      color: var(--dark); /* 现在是黑色 */    font-family: 'Oswald', sans-serif!important;
    }

  .jy-home-solution-card h3 a {
     font-family: 'Oswald', sans-serif!important;
    }


    .jy-home-solution-card p {
      color: var(--gray);
      margin-bottom: 25px;
    }
.jy-home-solution-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-weight: 600;
    background-color: #ff0000;
    padding: 10px 20px 8px 20px;
}

    /* ==================== 视频模块 ==================== */
    .jy-home-video-section {
      height: 700px;
      position: relative;
      background: var(--dark); /* 现在是黑色 */
      overflow: hidden;
    }
    .jy-home-video-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .jy-home-video-content {
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 60px 0;
    }
    .jy-home-video-title {
      color: white;
      font-size: 36px;
      font-weight: 700;    font-family: Oswald, sans-serif !important;
    }
    .jy-home-video-tabs {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }
    .jy-home-video-tab {
      position: relative;
      cursor: pointer;
      border: 2px solid white;
      transition: 0.3s;
    }
    .jy-home-video-tab.active,
    .jy-home-video-tab:hover {
      border-color: var(--primary);
      transform: scale(1.05);
    }
    .jy-home-video-tab img {
      width: 100%;
      height: 120px;
      object-fit: cover;
    }
    .jy-home-play-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      background: var(--primary);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
    }

    /* ==================== 热销产品 ==================== */
    .jy-home-products {
      padding: 80px 0;
      background: #f8f9fa;
    }
    .jy-home-product-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      grid-auto-rows: minmax(300px, auto);
    }
    .jy-home-product-card {
      border: 1px solid #eee;
      padding: 20px;
      transition: 0.3s;
      background: #ffffff;
      border-radius: 5px;
    }
    .jy-home-product-card:hover {
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    .jy-home-product-img {
      margin-bottom: 15px;    height: 230px;
    }
    .jy-home-product-brand {
      margin-bottom: 10px;
    }
	  
	  
	.jy-home-product-brand img {
    width: 100px;
}
	  
	  
	  
    .jy-home-product-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 15px;
      color: var(--dark); /* 现在是黑色 */
    }
    .jy-home-params {
      margin-bottom: 20px;
    }
    .jy-home-param-item {
      display: flex;
      justify-content: space-between;
      padding: 5px 0;
      border-bottom: 1px dashed #eee;
    }
    .jy-home-param-name {
      color: var(--gray);
      font-size: 13px;
    }
    .jy-home-param-value {
      font-weight: 600;
      font-size: 13px;
    }
    .jy-home-product-btns {
      display: flex;
      gap: 10px;
    }
    .jy-home-btn1 {
      flex: 1;
      background: var(--primary);
      color: white;
      padding: 10px;
      text-align: center;
      border: none;
    }
    .jy-home-btn2 {
      flex: 1;
      border: 1px solid var(--primary);
      color: var(--primary);
      padding: 10px;
      text-align: center;
    }

    /* ==================== 客户案例 ==================== */
    .jy-home-cases {
      padding: 80px 0;
      background: #f8f9fa;
    }
    .jy-home-case-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
    }
    .jy-home-case-main {
      position: relative;
      height: 500px;
      overflow: hidden;
      border-radius: 8px;
    }
    .jy-home-case-small {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
    .jy-home-case-item {
      position: relative;
      height: 240px;
      overflow: hidden;
      border-radius: 8px;
    }
    .jy-home-case-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.5s;
    }
    .jy-home-case-main:hover .jy-home-case-img,
    .jy-home-case-item:hover .jy-home-case-img {
      transform: scale(1.1);
    }
    .jy-home-case-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60%;
      background: linear-gradient(transparent, rgba(0,0,0,0.8));
      transition: 0.5s;
    }
    .jy-home-case-main:hover .jy-home-case-overlay,
    .jy-home-case-item:hover .jy-home-case-overlay {
      height: 70%;
    }
    .jy-home-case-content {
      position: absolute;
      bottom: 30px;
      left: 30px;
      color: white;
      transition: 0.4s;
    }
    .jy-home-case-main:hover .jy-home-case-content,
    .jy-home-case-item:hover .jy-home-case-content {
      bottom: 40px;
    }
    .jy-home-case-content h3 {
      font-size: 22px;
      margin-bottom: 10px;
    }
    .jy-home-case-more {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
    }

    /* ==================== 联系我们 ==================== */
    .jy-home-contact {
      padding: 80px 0;
    }
    .jy-home-contact-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }
    .jy-home-contact-info h2 {
      font-size: 32px;
      margin-bottom: 30px;
      color: var(--dark); /* 现在是黑色 */
    }
    .jy-home-info-item {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 20px;
    }
    .jy-home-info-item i {
      width: 40px;
      height: 40px;
      background: var(--primary);
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .jy-home-map iframe {
      width: 100%;
      height: 450px;
      border: none;
    }

    /* ==================== 底部 ==================== */
    .footer {
      background: #000000; /* 修改3：底部背景色改为黑色 */
      color: white;
      padding: 60px 0 20px;
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr 1fr;
      gap: 30px;
      margin-bottom: 40px;
    }
    .footer-logo img {
      height: 60px;
      margin-bottom: 20px;
    }
 .footer-col h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
}
    .footer-col ul li {
      margin-bottom: 10px;
      font-size: 14px;
    }
    .footer-bottom {
      border-top: 1px solid rgba(255,255,250,0.1);
      padding-top: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .social {
      display: flex;
      gap: 15px;
    }
    .social a {
      width: 35px;
      height: 35px;
      background: rgba(255,255,255,0.1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* ==================== 响应式适配 ==================== */
    @media (max-width: 1200px) {
      .jy-home-product-grid { grid-template-columns: repeat(3, 1fr); }
      .jy-home-solution-grid { grid-template-columns: repeat(2, 1fr); }
      .footer-grid { grid-template-columns: repeat(3, 1fr); }
      .main-nav > ul {
        gap: clamp(5px, 1vw, 10px); /* 【修复】进一步减小大屏缩小后的间距 */
      }
      .main-nav {
        font-size: clamp(10px, 0.9vw, 12px); /* 【修复】进一步减小大屏缩小后的字体 */
      }
      .jy-home-counter {
        font-size: 56px; /* 响应式调整数字大小 */
      }
    }
    @media (max-width: 768px) {
      .jy-home-counter-grid { grid-template-columns: repeat(2, 1fr); }
      .jy-home-case-wrapper { grid-template-columns: 1fr; }
      .jy-home-contact-wrapper { grid-template-columns: 1fr; }
      .nav-menu { display: none; } /* 移动端隐藏菜单，建议补充汉堡菜单 */
      .jy-home-banner {
        height: calc(100vh - 80px); /* 【优化】移动端banner高度适配 */
      }
      /* 移动端显示汉堡菜单（可选） */
      .mobile-menu-toggle {
        display: block;
        font-size: 24px;
        cursor: pointer;
      }
      .jy-home-counter {
        font-size: 48px; /* 移动端进一步调整数字大小 */
      }
    }
	  
	.top-nav {
  position: relative; /* 父级定位 */
}

.hsbj {
    background-color: #F8F8F8;    padding-top: 100px;
}

 /* 主体容器 宽度1320px */
        .list-cpfm-container {
            width: 1320px;
            margin: 30px auto;
            position: relative;
        }

        /* ==================== 面包屑导航 ==================== */
        .list-cpfm-breadcrumb {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #666;
            margin-bottom: 20px;
        }
        .list-cpfm-breadcrumb a {
            color: #666;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .list-cpfm-breadcrumb a:hover {
            color: #e53935;
        }
        .list-cpfm-breadcrumb span {
            margin: 0 8px;
            color: #999;
        }

        /* ==================== 主体布局 ==================== */
        .list-cpfm-row {
            display: flex;
            gap: 15px;
        }

        /* ==================== 左侧分类栏（固定不动） ==================== */
        .list-cpfm-sidebar {
            width: 280px;
            position: sticky;
            top: 30px;
            height: calc(100vh - 60px);
            overflow-y: auto;
            padding: 20px;
        }

        /* 搜索框 + 图标 */
        .list-cpfm-search-wrap {
            position: relative;
            margin-bottom: 15px;
        }
        .list-cpfm-search-input {
            width: 100%;
            height: 44px;
            padding: 0 15px 0 40px;
            border: 1px solid #eee;
            outline: none;
            font-size: 14px;
            background: #fff;
          
        }
        .list-cpfm-search-input:focus {
            border-color: #e53935;
        }
        .list-cpfm-search-icon {
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #999;
            font-size: 14px;
        }

        /* 分类项 白色背景 */
        .list-cpfm-category-item {
            margin-bottom: 10px;
            background: #fff;
           transition: all 0.3s ease;
        }
        .list-cpfm-category-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 15px;
            font-weight: 500;
            color: #333;
            padding: 14px 16px;
        }
        .list-cpfm-category-title a {
            color: inherit;
        }
        /* 首项高亮红色 */
    
        /* 加号 */
        .list-cpfm-plus-icon {
            font-size: 18px;
            color: #666;
        }

        /* ==================== 右侧产品区域 ==================== */
        .list-cpfm-product-wrap {
            flex: 1;    margin-top: 19px;
        }

        /* 大标题 + 左侧伪元素线 */
        .list-cpfm-product-main-title {
            font-size: 24px;
            font-weight: bold;
            color: #222;
            position: relative;
            padding-left: 15px;
            margin-bottom: 15px;
        }
        .list-cpfm-product-main-title::before {
            content: '';
            position: absolute;
            left: 0;
            top: 4px;
            width: 3px;
            height: 22px;
            background-color: #e53935;
        }

        /* 产品介绍 */
        .list-cpfm-product-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 30px;
            max-width: 800px;
        }

        /* 产品网格 一排3个 */
        .list-cpfm-product-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;    margin-top: 30px;
        }

        /* 产品卡片 白色背景 */
        .list-cpfm-product-card {
            background: #fff;
         
            overflow: hidden;
            transition: all 0.3s ease;
        }
        /* 鼠标悬浮阴影 */
        .list-cpfm-product-card:hover {
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            transform: translateY(-3px);
        }

      .list-cpfm-product-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    padding: 30px;
}

        /* 产品内容内边距 */
        .list-cpfm-product-info {
            padding: 20px;
        }

        /* 产品主标题 */
        .list-cpfm-product-title {
            font-size: 16px;
            font-weight: 600;
            color: #222;
            margin-bottom: 6px;
        }

        /* 产品副标题 */
        .list-cpfm-product-subtitle {
            font-size: 13px;
            color: #888;
            margin-bottom: 15px;
        }

        /* 分割线 */
        .list-cpfm-product-line {
            height: 1px;
            background-color: #eee;
            margin-bottom: 15px;
        }

        /* 详情 + 箭头 */
        .list-cpfm-product-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
        }
        .list-cpfm-check-details {
            color: #e53935;
            font-weight: 500;
        }
        .list-cpfm-arrow-icon {
            color: #e53935;
            font-size: 16px;
        }


.glmenu {
    background: #e60012;
}

.glmenu a {
    color: #ffffff!important;
}

.glmenu .list-cpfm-plus-icon {
    color: #ffffff;
}



.list-cpfm-category-item:hover{
    background: #e60012;
}


.list-cpfm-category-item:hover a{
   color: #ffffff!important;
}

.list-cpfm-category-item:hover .list-cpfm-plus-icon{
   color: #ffffff!important;
}



 /* 详情页容器 - 全屏100% 高度自适应 */
        .jy-cpxqaf-detail-container {
            width: 100%;
            display: flex;    padding-top: 100px;    border-bottom: 2px solid #000000;
        }

        /* ==================== 左侧：40% 产品图片区域 背景白色 ==================== */
        .jy-cpxqaf-detail-gallery {
            width: 40%;
            padding: 40px;
            position: sticky;
            top: 0;
            display: flex;
            flex-direction: column;
            gap: 15px;
            background-color: #ffffff;
        }

        /* 主图 */
        .jy-cpxqaf-detail-swiper {
            width: 100%;
           
            border-radius: 8px;
            overflow: hidden;
            background: #fff;
        }
   .jy-cpxqaf-detail-swiper img {
    width: 100%;
    object-fit: contain;
    height: 500px;
    object-position: center;
}

        /* 缩略小图 */
        .jy-cpxqaf-detail-thumb-list {
            display: flex;
            gap: 12px;
            overflow-x: auto;
        }
        .jy-cpxqaf-detail-thumb-item {
            width: 80px;
            height: 80px;
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            border: 2px solid transparent;
        }
        .jy-cpxqaf-detail-thumb-item.active {
            border-color: #e53935;
        }
        .jy-cpxqaf-detail-thumb-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* ==================== 右侧：60% 产品信息区域 ==================== */
        .jy-cpxqaf-detail-info {
            width: 60%;
            padding: 40px 60px 40px 44px;    background-color: #f5f5f5;
        }

        /* 面包屑 */
        .jy-cpxqaf-breadcrumb {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #666;
            margin-bottom: 20px;
        }
        .jy-cpxqaf-breadcrumb a {
            color: #666;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .jy-cpxqaf-breadcrumb a:hover {
            color: #e53935;
        }
        .jy-cpxqaf-breadcrumb span {
            margin: 0 8px;
            color: #999;
        }

        /* 产品标题 */
        .jy-cpxqaf-detail-title {
            font-size: 28px;
            font-weight: bold;
            color: #222;
            margin-bottom: 20px;
            line-height: 1.4;
        }

        /* 红色锚点按钮 */
        .jy-cpxqaf-detail-anchor-btn {
            display: inline-block;
            padding: 10px 24px;
            background-color: #000000;
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            border-radius: 4px;
            margin-bottom: 20px;
            border: none;
            cursor: pointer;
        }

        /* 描述文字 */
        .jy-cpxqaf-detail-desc {
            font-size: 15px;
            color: #666;
            line-height: 1.7;
            margin-bottom: 25px;
        }

        /* 产品特色列表 */
        .jy-cpxqaf-detail-feature-list {
            margin-bottom: 35px;
        }
        .jy-cpxqaf-detail-feature-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 15px;
            color: #333;
            margin-bottom: 12px;
        }
        .jy-cpxqaf-detail-feature-item i {
            color: #e53935;
            font-size: 16px;
        }

        /* ==================== 产品参数区域：独立一行 1320px 居中 全白色背景 ==================== */
        .jy-cpxqaf-param-section {
            width: 1320px;
            margin: 50px auto 0;
            background: #fff;
            border-radius: 8px;
            padding: 30px;
        }

        /* 参数标题（伪元素竖线） */
        .jy-cpxqaf-detail-param-title {
            font-size: 28px;
            font-weight: bold;
            color: #222;
            position: relative;
            padding-left: 15px;
            margin-bottom: 20px;
        }
  .jy-cpxqaf-detail-param-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 30px;
    background-color: #e53935;
}

        /* 参数内容 */
        .jy-cpxqaf-detail-param-content {
            background: transparent;
            padding: 0;
        }
        .jy-cpxqaf-param-row {
            display: flex;
            padding: 12px 0;
            border-bottom: 1px solid #eee;
        }
        .jy-cpxqaf-param-row:last-child {
            border-bottom: none;
        }
        .jy-cpxqaf-param-label {
            width: 150px;
            color: #666;
            font-size: 14px;
        }
        .jy-cpxqaf-param-value {
            flex: 1;
            color: #333;
            font-size: 14px;
        }




    /* 全局悬浮动效 */
    .jy-klj-hover {
      transition: all 0.3s ease;
    }
 

    /* 1. 全屏头部 */
    .jy-klj-hero {
      position: relative;
      width: 100%;
      height: 700px;
      background-image: url('/uploadfile/202605/4a31bf42d00a77c64331b3e23499db62.jpg');
      background-size: cover;
      background-position: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .jy-klj-hero::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
    }
    .jy-klj-hero h1 {
      position: relative;
      z-index: 1;
      font-size: clamp(2.5rem, 5vw, 4rem);
      font-weight: bold;
      color: white;
      text-align: center;
      padding: 0 20px;
    }

    /* 视频按钮：基于 1320px 内容宽度居左 */
   .jy-klj-play-btn {
    position: absolute;
    bottom: 40px;
    left: calc(50% - 660px);
    z-index: 20;
    cursor: pointer;
    width: 120px;
    height: 120px;
    background-color: #e60012;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 38px;
}
    .jy-klj-play-btn:hover {
      background-color: #165DFF;
    }

    /* 视频弹窗 */
    .jy-klj-video-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      background-color: rgba(0, 0, 0, 0.9);
      display: none;
      align-items: center;
      justify-content: center;
    }
    .jy-klj-video-modal.jy-klj-active {
      display: flex;
    }
    .jy-klj-close-modal {
      position: absolute;
      top: -50px;
      right: 20px;
      color: white;
      font-size: 32px;
      background: none;
      border: none;
      cursor: pointer;
    }
    .jy-klj-close-modal:hover {
      color: #ff5555;
    }
    .jy-klj-video-box {
      position: relative;
      width: 100%;
      max-width: 900px;
      padding: 0 20px;
    }
    video {
      width: 100%;
      display: block;
    }

    /* 2. About 区域 */
    .jy-klj-about {
      max-width: 1320px;
      margin: 0 auto;
      padding: 80px 20px;
      display: flex;
      align-items: center;
      gap: 40px;
    }
    .jy-klj-about-left {
      width: 50%;
    }
    .jy-klj-about-right {
      width: 50%;
      position: relative;
      height: 240px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .jy-klj-about h2 {
      font-size: 36px;
      margin-bottom: 20px;
    }
    .jy-klj-about p {
      font-size: 18px;
      line-height: 1.6;
      color: #666;
      margin-bottom: 15px;
    }

    /* 圆圈重叠样式 */
    .jy-klj-circle {
      width: 260px;
      height: 260px;
      border-radius: 50%;
      background: #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      font-weight: bold;
      position: absolute;
      transition: 0.3s;    text-transform: uppercase; color: #ffffff;     text-align: center;
    }
    .jy-klj-circle.jy-klj-team {
      left: calc(50% - 100px);
      z-index: 2;    background: #9FA0A0;
    }
 .jy-klj-circle.jy-klj-work {
    right: calc(2% - 100px);background-color: #E60012;
    z-index: 1;
}
    .jy-klj-circle:hover {
      background: #E60012;
      color: white;
    }

    /* 3. Solutions 区域 —— 伪元素背景（高度200px） */
    .jy-klj-solutions {
      padding: 80px 20px;
      position: relative;
    }
    .jy-klj-solutions::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 300px;
      background-color: #A6ACB3;
      z-index: 0;
    }
    .jy-klj-solutions-container {
      max-width: 1320px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }
 .jy-klj-solutions h2 {
    font-size: 56px;
    margin-bottom: 40px;
    text-align: left;
    color: #ffffff;
}

    /* 4个图片模块 */
    .jy-klj-solution-grid {
      display: flex;
      gap: 20px;
      margin-bottom: 60px;
    }
    .jy-klj-solution-item {
      flex: 1;
      text-align: center;
    }
    .jy-klj-solution-item img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      border-radius: 8px;
      margin-bottom: 15px;
    }
    .jy-klj-solution-item h3 {
      font-size: 18px;
    }

    /* 左右无缝结构 */
    .jy-klj-feature-row {
      display: flex;
      width: 100%;
      align-items: center;background-color: #A6ACB3;
    }
    .jy-klj-feature-row img {
      width: 50%;
      display: block;
    }
    .jy-klj-feature-text {
      width: 50%;
      padding: 30px;
    }
    .jy-klj-feature-text h3 {
      font-size: 24px;
      margin-bottom: 15px;
    }
    .jy-klj-feature-text li {
      list-style: none;
      font-size: 14px;
      color: #666;
      margin-bottom: 4px;
    }

    /* 4. Cooperation Process */
    .jy-klj-process {
      position: relative;
      padding: 80px 20px;
      background-image: url('/uploadfile/202604/2ab312cc1f3298f97bbff4462be343cf.jpg');
      background-size: cover;
      background-position: center;
    }
    .jy-klj-process::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.7);
    }
    .jy-klj-process-container {
      max-width: 1320px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }
    .jy-klj-process h2 {
      font-size: 36px;
      color: white;
      margin-bottom: 15px;
    }
    .jy-klj-process-desc {
      color: #ccc;
      font-size: 18px;
      max-width: 700px;
      margin-bottom: 40px;
    }
    .jy-klj-process-grid {
      display: flex;
      gap: 20px;
    }
    .jy-klj-process-item {
      flex: 1;
      background: #ffffff;
      padding: 25px;
      border-radius: 8px;
      color: white;
    }
    .jy-klj-process-item .jy-klj-num {
      font-size: 36px;
      color: #e60012;
      font-weight: bold;
      margin-bottom: 10px;
    }
  .jy-klj-process-item h3 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #e60012;
}
    .jy-klj-process-item p {
      color: #333333;
      font-size: 16px;
    }

    /* 5. 推荐产品 */
    .jy-klj-products {
      max-width: 1320px;
      margin: 0 auto;
      padding: 80px 20px;
    }
    .jy-klj-products h2 {
      font-size: 36px;
      text-align: center;
      margin-bottom: 40px;
    }
    .jy-klj-product-grid {
      display: flex;
      gap: 20px;
    }
    .jy-klj-product-card {
      flex: 1;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      display: block;
    }
    .jy-klj-product-card img {
      width: 100%;
      height: 320px;
      object-fit: cover;
      transition: 0.3s;
    }
    .jy-klj-product-title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #e60012;
      color: white;
      text-align: center;
      padding: 12px;
      opacity: 0;
      transform: translateY(10px);
      transition: 0.3s;
    }
    .jy-klj-product-card:hover .jy-klj-product-title {
      opacity: 1;
      transform: translateY(0);
    }

.jy-klj-feature-text h3 {
    
    color: #ffffff;
}

.jy-klj-feature-text p {
    
    color: #ffffff;
}


.jy-klj-feature-text ul li {
    
    color: #ffffff;
}


/* ========== 顶部全屏模块 700px 居左标题 ========== */
.jy-wl-top-banner {
  position: relative;
  width: 100%;
  height: 700px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.jy-wl-top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.jy-wl-top-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jy-wl-top-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
  z-index: 1;
}
.jy-wl-top-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
  color: white;
}
.jy-wl-top-title {
  font-size: 56px;
  line-height: 1.2;
}

/* ========== 纯白背景 无图 标题模块 ========== */
.jy-wl-hero-section {
  width: 100%;
  padding: 100px 20px;
  background: #ffffff;
}
.jy-wl-hero-content {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  color: #1D2129;
}
.jy-wl-hero-title {
  font-size: 50px;
  margin-bottom: 20px;
  line-height: 1.2;
}
.jy-wl-hero-desc {
  font-size: 18px;
  margin-bottom: 30px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.jy-wl-hero-image {
  margin-bottom: 30px;
}
.jy-wl-hero-image img {
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
  margin: 0 auto;
}
.jy-wl-hero-btn {
  background-color: #165DFF;
  color: white;
  border: none;
  padding: 12px 30px;
  font-size: 18px;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}
.jy-wl-hero-btn:hover {
  background-color: #0047d1;
  transform: scale(1.05);
}

/* 全屏轮播 */
.jy-wl-carousel-section {
  position: relative;
  width: 100%;
  height: 1200px;
  overflow: hidden;
}
.jy-wl-carousel-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.jy-wl-carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease;
}
.jy-wl-carousel-item.active {
  opacity: 1;
}
.jy-wl-carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jy-wl-carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.4));
  z-index: 1;
}
.jy-wl-carousel-content {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: white;
  max-width: 550px;
}
.jy-wl-carousel-title {
  font-size: 46px;
  margin-bottom: 24px;
}
.jy-wl-carousel-text {
  font-size: 18px;
  margin-bottom: 16px;
  line-height: 1.6;
}
.jy-wl-carousel-sub {
  font-size: 16px;
  opacity: 0.8;
}
/* 轮播箭头 */
.jy-wl-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  border: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jy-wl-carousel-arrow:hover {
  background: rgba(255,255,255,0.4);
}
.jy-wl-prev {
  left: 20px;
}
.jy-wl-next {
  right: 20px;
}

/* 滚动服务 */
.jy-wl-services-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 20px;
}
.jy-wl-section-title {
  text-align: center;
  margin-bottom: 50px;
}
.jy-wl-section-title h2 {
  font-size: 36px;
  margin-bottom: 16px;
}
.jy-wl-section-title p {
  font-size: 18px;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
}
/* 滚动容器 */
.jy-wl-scroll-container {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  padding: 10px 0;
  scroll-behavior: smooth;
}
/* 隐藏滚动条 */
.jy-wl-scroll-container::-webkit-scrollbar {
  display: none;
}
.jy-wl-scroll-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.jy-wl-service-card {
  flex: none;
  width: 32%;
  min-width: 280px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: 0.3s;
}
.jy-wl-service-card:hover {
  transform: scale(1.03);
}
.jy-wl-service-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.jy-wl-service-card .jy-wl-title {
  padding: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
/* 圆点 */
.jy-wl-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}
.jy-wl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  border: none;
  cursor: pointer;
}
.jy-wl-dot.active {
  background: #333333;
}
  .jy-up-container {
            width: 100%;
            max-width: 1320px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .jy-up-hero-section {
            width: 100%;
            height: 700px;
            background: url('/uploadfile/202604/70964c4c2fa3372fb1faef114c00bc66.png') no-repeat center left;
            background-size: cover;
            position: relative;
            display: flex;
            align-items: center;
            transition: 0.3s;
        }

        .jy-up-hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
          
        }

        .jy-up-hero-content {
            position: relative;
            z-index: 1;
            padding-left: 5%;
        }

        .jy-up-hero-title {
            font-size: 60px;
            color: white;
            font-weight: bold;
            line-height: 1.2;    text-transform: uppercase;
        }

        .jy-up-double-section {
            padding: 80px 0;
        }

        .jy-up-double-layout {
            display: flex;
            gap: 40px;
            align-items: stretch;
        }

        .jy-up-double-left {
            flex: 1;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 500px;
            border-radius: 8px;
            overflow: hidden;
            transition: 0.3s ease;
        }

        .jy-up-double-left img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .jy-up-double-left:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .jy-up-double-left-text {
            position: absolute;
            color: white;
            text-align: center;
            padding: 20px;
        }

        .jy-up-double-left-text h2 {
            font-size: 36px;
            margin-bottom: 15px;
        }

        .jy-up-double-left-text p {
            font-size: 18px;
        }

        .jy-up-double-right {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .jy-up-right-item {
            display: flex;
            align-items: center;
            gap: 20px;
            flex: 1;
            padding: 25px;
            border-radius: 8px;
            transition: 0.3s ease;
        }

        .jy-up-right-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 15px rgba(0,0,0,0.1);
        }

        .jy-up-right-item-text {
            flex: 1;
        }

        .jy-up-right-item-text h3 {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .jy-up-right-item-text p {
            font-size: 16px;
            line-height: 1.6;
        }

        .jy-up-right-item-img {
            width: 180px;
            height: 180px;
            object-fit: cover;
            border-radius: 8px;
        }

        .jy-up-right-item.jy-up-strategic {
            background: #000;
        }
        .jy-up-right-item.jy-up-strategic h3,
        .jy-up-right-item.jy-up-strategic p {
            color: #fff;
        }

        .jy-up-right-item.jy-up-creative {
            background: #f5f5f5;
        }
        .jy-up-right-item.jy-up-creative h3,
        .jy-up-creative p {
            color: #222;
        }

        .jy-up-slider-section {
            padding: 80px 0;
            text-align: center;
        }

        .jy-up-section-title {
            font-size: 40px;
            margin-bottom: 50px;
            color: #222;
        }

        .jy-up-slider-container {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

        .jy-up-slider-wrapper {
            display: flex;
            transition: transform 0.5s ease !important;
        }

        .jy-up-slider-item {
            min-width: 25%;
            padding: 0 10px;
            transition: 0.3s ease;
        }

        .jy-up-slider-item:hover {
            transform: translateY(-8px);
        }

        .jy-up-slider-item img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            border-radius: 8px;
        }

        .jy-up-slider-item h4 {
            margin-top: 15px;
            font-size: 18px;
            color: #222;
        }

        .jy-up-slider-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: rgba(0,0,0,0.7);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            z-index: 10;
            transition: 0.3s;
        }

        .jy-up-slider-arrow:hover {
            background: #000;
        }

        .jy-up-prev { left: 0; }
        .jy-up-next { right: 0; }

        .jy-up-slider-dots {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 30px;
        }

        .jy-up-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ccc;
            cursor: pointer;
            transition: 0.3s;
        }

        .jy-up-dot.jy-up-active {
            background: #222;
        }

        .jy-up-video-full-section {
            display: flex;
            width: 100%;
            min-height: 600px;
            position: relative;
        }

        .jy-up-video-left {
            width: 50%;
            background: url('/uploadfile/202604/0de299a9389b7836a5d95748eee00f7f.png') no-repeat center;
            background-size: cover;
        }

        .jy-up-video-right {
            width: 50%;
            background: #000;
            color: white;
            padding: 60px 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .jy-up-video-right h2 {
            font-size: 36px;
            margin-bottom: 20px;
        }

        .jy-up-video-right .jy-up-sub-title {
            font-size: 18px;
            color: #aaa;
            margin-bottom: 40px;
            line-height: 1.6;
        }

        .jy-up-feature-list {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .jy-up-feature-item {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            transition: 0.3s;
            padding: 5px;
            border-radius: 6px;
        }

        .jy-up-feature-item:hover {
            background: rgba(255,255,255,0.05);
            padding-left: 10px;
        }

        .jy-up-feature-item i {
            font-size: 28px;
            color: #fff;
            margin-top: 5px;
        }

        .jy-up-feature-text h4 {
            font-size: 20px;
            margin-bottom: 8px;
        }

        .jy-up-feature-text p {
            color: #aaa;
            line-height: 1.5;
        }

        .jy-up-video-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
            background: rgba(255,255,255,0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 5;
            transition: 0.3s;
        }

        .jy-up-video-play-btn:hover {
            transform: translate(-50%, -50%) scale(1.1);
        }

        .jy-up-video-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.9);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 999;
        }

        .jy-up-video-modal.jy-up-active {
            display: flex;
        }

        .jy-up-modal-content {
            position: relative;
            width: 80%;
            max-width: 900px;
        }

        .jy-up-close-modal {
            position: absolute;
            top: -40px;
            right: 0;
            color: white;
            font-size: 30px;
            cursor: pointer;
            transition: 0.3s;
        }

        .jy-up-close-modal:hover {
            color: #ff5555;
        }

        video {
            width: 100%;
            display: block;
        }

        .jy-up-card-section {
            padding: 80px 0;
            text-align: center;
        }

        .jy-up-card-wrapper {
            display: flex;
            gap: 40px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .jy-up-card {
            flex: 1;
            min-width: 280px;
            max-width: 350px;
            padding: 40px 20px;
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            transition: 0.3s ease;
        }

     .jy-up-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
    background: #e60012;
}









   .jy-up-card:hover i {
    color: #ffffff;
}






   .jy-up-card:hover h3 {
    color: #ffffff;
}



   .jy-up-card:hover p {
    color: #ffffff;
}




        .jy-up-card i {
            font-size: 50px;
            color: #222;
            margin-bottom: 25px;
        }

        .jy-up-card h3 {
            font-size: 24px;
            margin-bottom: 15px;
            color: #222;
        }

        .jy-up-card p {
            color: #666;
            line-height: 1.6;
        }










    /* 全局悬浮动效 */
    .jy-pform-hover {
      transition: all 0.3s ease;
    }
    .jy-pform-hover:hover {
      transform: translateY(-3px);
    }

    /* 1. 全屏头部 */
    .jy-pform-hero {
      position: relative;
      width: 100%;
      height: 700px;
      background-image: url('https://picsum.photos/id/1068/1920/1080');
      background-size: cover;
      background-position: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .jy-pform-hero::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
    }
    .jy-pform-hero h1 {
      position: relative;
      z-index: 1;
      font-size: clamp(2.5rem, 5vw, 4rem);
      font-weight: bold;
      color: white;
      text-align: center;
      padding: 0 20px;
    }

    /* 视频按钮：基于 1320px 内容宽度居左 */
    .jy-pform-play-btn {
      position: absolute;
      bottom: 40px;
      left: calc(50% - 660px);
      z-index: 20;
      cursor: pointer;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background-color: rgba(22, 93, 255, 0.8);
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 28px;
    }
    .jy-pform-play-btn:hover {
      background-color: #165DFF;
    }

    /* 视频弹窗 */
    .jy-pform-video-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      background-color: rgba(0, 0, 0, 0.9);
      display: none;
      align-items: center;
      justify-content: center;
    }
    .jy-pform-video-modal.jy-pform-active {
      display: flex;
    }
    .jy-pform-close-modal {
      position: absolute;
      top: -50px;
      right: 20px;
      color: white;
      font-size: 32px;
      background: none;
      border: none;
      cursor: pointer;
    }
    .jy-pform-close-modal:hover {
      color: #ff5555;
    }
    .jy-pform-video-box {
      position: relative;
      width: 100%;
      max-width: 900px;
      padding: 0 20px;
    }
    video {
      width: 100%;
      display: block;
    }

    /* 3. Solutions 区域 —— 伪元素背景（高度200px） */
    .jy-pform-solutions {
      padding: 80px 20px;
      position: relative;
    }

    .jy-pform-solutions-container {
      max-width: 1320px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }
    .jy-pform-solutions h2 {
      font-size: 36px;
      margin-bottom: 60px;
      text-align: left;
    }

    /* 左右图文布局 */
    .jy-pform-product-row {
      display: flex;
      align-items: center;
      margin-bottom: 80px;    background-color: #f7f9fc;
    }
    /* 第二个产品 全屏背景色 + 内容居中 */
    .jy-pform-product-row-reverse {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      
      background-color: #f7f9fc;
      padding: 60px 0;
      margin-bottom: 80px;
    }
    .jy-pform-product-inner {
      max-width: 1320px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      padding: 0 20px;
    }
    .jy-pform-product-img {
      width: 50%;
      height: 400px;
      object-fit: cover;
    }
    .jy-pform-product-text {
      width: 50%;
      padding: 0 30px;
    }
    .jy-pform-product-text h3 {
      font-size: 24px;
      margin-bottom: 10px;
      color: #333333;
    }
    .jy-pform-product-text p {
      font-size: 16px;
      line-height: 1.8;
      color: #333;
      text-align: left;
    }

.mt-140 {
    margin-top: 140px;
}







.jy-skldo-img-slider::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgb(0 0 0 / 88%), transparent);
    pointer-events: none;
    z-index: 1;
}


 .jy-skldo-row {
            width: 100%;
            height: 45vh;
            display: flex;
            align-items: center;
        }

        .jy-skldo-col {
            width: 50%;
            height: 100%;
            transition: all 0.3s ease;
            overflow: hidden;
            position: relative;
        }

        /* 大图背景图容器 */
        .jy-skldo-img-slider {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: background-image 0.4s ease;position: relative; 
        }

        /* 底部小图切换条 */
        .jy-skldo-thumb-wrap {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
            z-index: 2;
        }

        /* 小图样式 */
        .jy-skldo-thumb {
            width: 40px;
            height: 30px;
            object-fit: cover;
            cursor: pointer;
            border: 2px solid transparent;
            border-radius: 3px;
            transition: 0.2s;
            opacity: 0.85;
        }

        .jy-skldo-thumb:hover {
            opacity: 1;
            border-color: #fff;
        }

        .jy-skldo-thumb.active {
            border-color: #165DFF;
            opacity: 1;
        }

        /* 文字区域不变 */
        .jy-skldo-content {
            padding: 0 30px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #f8f9fa;
            transition: all 0.3s ease;
        }

        .jy-skldo-content:hover {
            background-color: #f8f9fa;
            transform: translateY(-3px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
        }

        .jy-skldo-content h2 {
            font-size: 22px;
            color: #222;
            margin-bottom: 10px;
            transition: color 0.2s;
        }

        .jy-skldo-content:hover h2 {
            color: #165DFF;
        }

        .jy-skldo-content p {
            font-size: 15px;
            color: #666;
            line-height: 1.6;
        }





.nav-item a {
    font-weight: bolder;
    font-size: 18px;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 500;
}



/* 弹窗遮罩 */
#jy-foeem-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

/* 弹窗盒子 */
.jy-foeem-modal-box {
  background: #fff;
  width: 90%;
  max-width: 550px;
  padding: 30px;
  border-radius: 10px;
  text-align: center;position: relative;
}

/* 标题 */
.jy-foeem-modal-box h2 {
  margin: 0 0 25px;
  font-size: 22px;
  color: #333;
}

/* 表单通用样式 */
.jy-foeem-info-form {
  text-align: left;
}
.jy-foeem-form-group {
  margin-bottom: 18px;
}
.jy-foeem-form-group label {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
  color: #333;
}
.jy-foeem-form-group input,
.jy-foeem-form-group textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
}
.jy-foeem-form-group textarea {
  resize: vertical;
}

/* 左右两列布局 */
.jy-foeem-form-row {
  display: flex;
  gap: 15px;
  margin-bottom: 18px;
}
.jy-foeem-form-col {
  flex: 1;
}
.jy-foeem-form-col label {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
  color: #333;
}
.jy-foeem-form-col input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  box-sizing: border-box;
}

/* 提交按钮 */
.jy-foeem-submit-btn {
  width: 100%;
  background: #ff0000;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 5px;
}


.bty {
    margin-top: -10px!important;
    padding-bottom: 10px!important;
    padding-left: 30px!important;
}


.hsbj-40 {
    background-color: #F8F8F8;
    padding-top: 40px;
}


/* 右上角关闭按钮 */
.jy-foeem-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #666;
  cursor: pointer;
  transition: color 0.2s;
}
.jy-foeem-close-btn:hover {
  color: #000;
}


  /* 👇 二级菜单样式（默认直接显示） */
        .list-cpfm-submenu {
            margin: 5px 0 10px 0;
            padding-left: 20px;
            list-style: none;
            display: block !important;
        }
        .list-cpfm-submenu li {
            margin: 5px 0;
        }
        .list-cpfm-submenu a {
            font-size: 14px;
            color: #666;
            text-decoration: none;
        }
        .list-cpfm-submenu a:hover {
            color: #0066cc;
        }



/* 仅修复表格横线/边框，不改动原有结构 */
table {
    border-collapse: collapse !important;
    width: 100% !important;
}
table td {
    border: 1px solid #ddd !important;
    padding: 10px !important;
}
/* 跨行列标题（分类标题）样式 */
td.one-line {
    background: #f5f5f5 !important;
    font-weight: bold !important;
}