.content-body-style{
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding: 128px 0;
}
.conten-top-style{
    display: flex;

}
.conten-left-style{
    flex: 0 0  330px;
    margin-right: 80px;
}
.tip-style{
    color: #222222;
    font-size: 20px;
    margin-bottom: 18px;
}
.title-style{
    font-size: 44px;
    color: #222222;
    font-weight: bold;
    line-height: 60px;
}
.text-style1{
    color: #666;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 180%;
}
.bottom-node{
  margin-bottom: 0;
}
.conten-top-style{
    display: flex;
    justify-content: space-between;
}
.checkout-body{
   display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 80px;
    
}
.checkou-btn{
    height: 64px;
    border: 1px solid #666;
    opacity: 1;
    border-radius: 45px;
    color: #222222;
    flex: 0 0 160px;
    font-size: 20px;
    line-height: 64px;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
}
.checkou-btn:hover{
    background-color: #194AC3;
    color: #FFF;
    border: 1px solid #194AC3;
}
.conten-img{
    width: calc(1200px - 410px);
    overflow: hidden;
}
.conten-img img{
    width: 100%;
    overflow: hidden;
    display: block;
}



/* ---------- 应用领域模块 (原 .yinyong-style) ---------- */
    .yinyong-style {
      width: 100%;
      overflow: hidden;
      /* background-color: #194AC3; */
      color: #fff;
      padding: 128px 0;
      background-image: url('../img/index/1.jpg');
      /* background-repeat: repeat; */
      background-size: 100% 100%;
background-repeat: no-repeat;
    }

    .yingyong-title {
       width: 1200px;
        margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 82px;
    }

    .left-text-tip {
      margin-bottom: 18px;
      font-size: 20px;
    }

    .left-text-title {
      font-weight: bold;
      font-size: 44px;
    }

    .checkout-all {
      height: 64px;
      border: 1px solid #FFF;
      border-radius: 45px;
      color: #fff;
      flex: 0 0 160px;
      font-size: 20px;
      line-height: 64px;
      text-align: center;
      cursor: pointer;
      font-weight: 600;
      transition: 0.25s;
      background: transparent;
    }
    .checkout-all:hover {
      background-color: #fff;
      color: #194AC3;
       border: 1px solid #194AC3;
    }

    /* ----- 轮播核心 (拖拽 + 按钮 + 指示器) ----- */
    .img-body {
       width: calc(((100vw - 1200px) / 2) + 1200px);
      margin: 0 0 0 auto;
      /* padding: 0 20px; */
      position: relative;
    }

    /* 滑动轨道容器 — 隐藏溢出，支持拖拽 */
    .slider-wrapper {
      overflow: hidden;
      border-radius: 12px;
      cursor: grab;
      user-select: none;
      -webkit-user-select: none;
      touch-action: pan-y;          /* 保留垂直滚动，水平拖拽由JS接管 */
    }
    .slider-wrapper:active {
      cursor: grabbing;
    }

    .img-list {
      display: flex;
      gap: 30px;
      /* transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); */
      /* will-change: transform; */
      /* width: fit-content; */
    }

    .img-item-style {
      flex: 0 0 380px;            /* 固定宽度，可根据设计调整 */
      max-width: 380px;
      overflow: hidden;
      /* background: #ffffff10; */
      /* backdrop-filter: blur(2px); */
      /* transition: transform 0.2s; */
    }
    .img-item-style img {
      width: 380px;
      height: 380px;
      object-fit: cover;
      display: block;
      background: #d9e2ef;
      border-radius: 24px;
    }
    .img-tip-style {
      font-weight: 600;
      font-size: 22px;
      padding: 24px 0 0;
      text-align: left;
      letter-spacing: 0.5px;
      /* background: rgba(255,255,255,0.06); */
      backdrop-filter: blur(4px);
      border-radius: 0 0 8px 8px;
    }

    /* ----- 底部控制: 箭头 + 指示线 ----- */
    .btn-style {
      margin-top: 94px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 280px;
    }

    .btn-item {
      display: flex;
      align-items: center;
      gap: 35px;
    }

    .btn-item-style {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 56px;
      height: 56px;
      transition: 0.2s;
      cursor: pointer;
    }
    .btn-item-style img {
      width: 60px;
      height: 60px;
    }
    .btn-item-style .active-img {
      display: none;
    }
    .btn-item-active .now-img { display: none; }
    .btn-item-style:hover .active-img {
      display: block;
    }
    .btn-item-style:hover .now-img {
      display: none;
    }

    /* 指示线 (点状线) */
    .line-body {
      flex: 1;
      min-width: 750px;
      display: flex;
      align-items: center;
    }
    .line-style {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
    .line-item {
      width: 200px;
      height: 4px;
      background: rgba(255,255,255,0.35);
      transition: 0.3s;
      cursor: pointer;
    }
    .line-item.active {
      background: #ffffff;
      width: 200px;
      border-radius: 10px;
    }
    .line-item:hover {
      background: rgba(255,255,255,0.7);
      border-radius: 10px;

    }
    .line-item:first-child{
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
    }
    .line-item:last-child{
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
    }









.hezuo-style{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 128px 0;
    background: #EFEFEF;
}
.hezuo-top-style{
    margin-bottom: 80px;
}
.hezuo-tip{
    font-size: 20px;
    text-align: center;
    margin-bottom:16px;
}
.hezuo-title{
    text-align: center;
    font-size: 44px;
    line-height: 44px;
    color: #222;
    font-weight: bold;

}
.lis-style{
    width: 100%;
    overflow: hidden;
    margin-bottom: 18px;
}
/* 跑马灯容器 — 隐藏溢出，一行展示 */
    .marquee-wrapper {
      width: 100%;
      overflow: hidden;          /* 关键：隐藏超出一行的内容 */
      border-radius: 24px;
    }
    .marquee-wrapper:last-child{
   margin-top:50px ;
    }

    /* 核心：动画轨道 — 复制一份图片列表实现无缝循环 */
    .marquee-track {
      display: flex;
      gap: 5px;                /* 图片间距，可调 */
      width: max-content;       /* 宽度由内容撑开，保证动画连续 */
      animation: scrollMarquee 20s linear infinite;  /* 速度可调 */
    }
      .marquee-track2 {
      display: flex;
      gap: 5px;                /* 图片间距，可调 */
      width: max-content;       /* 宽度由内容撑开，保证动画连续 */
      animation: scrollMarquee2 20s linear infinite;  /* 速度可调 */
    }

    /* 每个图片项 — 保持宽高比例，圆角 */
    .img-list-item {
      flex: 0 0 auto;
      overflow: hidden;
      background: #eef2f7;
    }

    .img-list-item img {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 24px;
    }

    /* 悬停暂停动画 & 优雅放大效果 */
    .marquee-wrapper:hover .marquee-track {
      animation-play-state: paused;
    }

    

    /* ---------- 关键帧：向左滚动 ---------- */
    @keyframes scrollMarquee {
      0% {
        transform: translateX(0);
      }
      100% {
        /* 移动距离 = (单个图片宽度 + gap) * 图片数量 */
        /* 这里一共10张图片，每张200px，gap 24px，总宽 = 10 * (200 + 24) = 2240px */
        /* 因为我们复制了同样的列表（共20项）所以移动一半即可无缝衔接 */
        transform: translateX(-1120px); /* 10项总宽度的一半 = (200+24)*10 = 2240 / 2 */
      }
    }
    @keyframes scrollMarquee2 {
      0% {
    transform: translateX(-1120px); /* 从最左侧开始 */
  }
  100% {
    transform: translateX(0); /* 移动到初始位置 */
  }
    }

   

   

    /* 可选：速度调整提示 */
    .marquee-note {
      text-align: center;
      margin-top: 18px;
      font-size: 0.9rem;
      color: #7b8ba3;
      letter-spacing: 0.3px;
      opacity: 0.7;
    }
.img-list-item{
    display: inline-block;
    margin: 0 15px;
}
.img-list-item:first-child{
    margin-left: 0;
}
.img-list-item:last-child{
    margin-left: 0;
}
.img-list-item img{
    width: 100%;
    display:inline-block;
}
.contact-us-style{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.text-style{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.contact-body{
    width: 100%;
}
.conact-tip{
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.conact-title{
    width: 100%;
    color: #FFF;
    font-size: 44px;
    text-align: center;
    font-weight: 600;
    margin: 18px 0 32px 0;
}
.contact-banner{
    display: block;
    width: 100%;
    height: 368px;
}
.conact-btn{
    font-size: 20px;
    display: block;
    width: 160px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 45px;
    margin-right: 15px;
    cursor: pointer;
    margin: 0 auto;
    background: #fff;
}
.conact-btn:hover{
    background: #194AC3;
    color: #fff;
     border: 1px solid #194AC3;
}
.dongtai-style{
    width: 100%;
    overflow: hidden;
    padding: 128px 0;
}
.dongtai-top{
    width: 1200px;
    margin: 0 auto 80px auto;
    display: flex;
    align-content: start;
    justify-content: space-between;
}
.dongtai-tip{
    font-size: 24px;
    color: #222;
    margin-bottom: 18px;
    font-weight: 400;
}
.donbtai-title{
    font-size: 44px;
    font-weight: bold;
    color: #222;
}
.dongtai-btn{
    height: 64px;
    border: 1px solid #666;
    opacity: 1;
    border-radius: 45px;
    color: #222222;
    flex: 0 0 160px;
    font-size: 20px;
    line-height: 64px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    
}
.dongtai-btn:hover{
background: #194AC3;
    color: #FFF;
     border: 1px solid #194AC3;
}
.dongtai-list{
    width: 1200px;
    margin: 0 auto; 
    display: flex;
    align-items: center;
    gap: 30px;
}
.dongtai-item{
    flex: 1;
    overflow: hidden;
    cursor: pointer;
    display: block;
}
.dongtai-item img{
    display: block;
    width: 380px;
    height: 320px;
}
.dongtai-item-title{
    font-size: 24px;
    color: #222;
    font-weight: bold;
    margin:  32px 0 12px 0;
}

.dongtai-item-tip{
    font-size: 16px;
    color: #666;
    line-height: 150%;
}