body {
  background: radial-gradient(0% 0% at 0% 0%, #fff1e4 0%, #fffbf7 100%);
}
.sxtpicos2026-banner {
  background: url(zqzjg2026_banner_bg@2x.png) center top no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: calc(100vw * 660 / 1920);
}
.sxtpicos2026-banner .container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.sxtpicos2026-banner-logo {
  height: 20%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 3%;
  box-sizing: border-box;
}
.sxtpicos2026-banner-logo dt,
.sxtpicos2026-banner-logo dd {
  height: 100%;
  margin: 0;
}
.sxtpicos2026-banner-logo img {
  height: 100%;
  width: auto;
  object-fit: contain;
  min-height: 2rem;
}
.sxtpicos2026-banner-slogan {
  height: 40%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2%;
  /* perspective: 1000px; */
}
.sxtpicos2026-banner-slogan img {
  width: 78%;
  object-fit: contain;
  min-height: 3rem;
  outline: 0;
  /* --- 新增动画代码 --- */

  /* 1. 初始设为透明，防止动画开始前闪烁 */
  opacity: 0;

  /* 2. 调用动画：名称 时长 缓动函数 延迟 填充模式 */
  /* ease-out: 结束时减速，比较自然 */
  /* forwards: 动画结束后保持在 100% 的状态（即保持显示） */
  /* animation: slideInLeft 1s ease-out 0.2s forwards; */
  animation: superSlideIn 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s
    forwards;
  /* 开启硬件加速，防止模糊导致卡顿 */
  will-change: transform, filter, opacity;
  /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

  animation: rotate3dIn 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s
    forwards; */
}
@keyframes slideInLeft {
  0% {
    opacity: 0; /* 初始状态：完全透明 */
    transform: translateX(-50%); /* 初始状态：在左侧 100px 处 */
  }
  100% {
    opacity: 1; /* 结束状态：完全显示 */
    transform: translateX(0); /* 结束状态：回到原位 */
  }
}
@keyframes superSlideIn {
  0% {
    opacity: 0;
    /* 初始状态：
       1. translateX(-200px): 从更远的左侧飞入
       2. skewX(30deg): 向后倾斜，模拟速度过快导致的形变
       3. scale(1.5): 初始很大，模拟从近处冲进去的感觉
    */
    transform: translateX(-50%) skewX(0deg) scale(1.5);
    /* 核心：运动模糊，模拟高速移动 */
    filter: blur(20px);
  }
  60% {
    /* 稍微冲过头一点点，增加弹性 */
    transform: translateX(0px) skewX(0deg) scale(1);
    filter: blur(0);
    opacity: 1;
  }
  80% {
    /* 回弹 */
    transform: translateX(0px) skewX(0deg);
  }
  100% {
    /* 最终归位 */
    opacity: 1;
    transform: translateX(0) skewX(0) scale(1);
    filter: blur(0);
  }
}
@keyframes rotate3dIn {
  0% {
    opacity: 0;
    /* 
       rotateY(90deg): 侧面旋转90度（几乎看不见）
       translateX(-100px): 从左侧移入
    */
    transform: translateX(-150px) rotateY(-90deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotateY(0deg) scale(1);
  }
}
.sxtpicos2026-bignews-box {
  width: 100%;
}
.sxtpicos2026-bignews-bigtit {
  width: 100%;
  background-color: #f7e2dd;
  display: flex;
  box-sizing: border-box;
  margin-top: 4rem;
  padding: .5rem;
  box-sizing: border-box;
  position: relative;
}
.sxtpicos2026-bignews-bigtit::after {
  content: '';
  position: absolute;
  width: 70%;
  right: 0;
  bottom: -0.25rem;
  height: 0.5rem;
  background-color: #ffac50;
}
.sxtpicos2026-bignews-bigtit dt {
  font-weight: 800;
  font-size: var(--fs-lg);
  line-height: 1.4;
  position: relative;
  text-align: center;
  background: #cc0a00;
  width: 1.5em;
  display: flex;
  align-items: center;
}
.sxtpicos2026-bignews-bigtit dt > em {
  color: #fff;
  font-style: normal;
  padding: 0.5em 0.25em;
}
/* --- 描述 (DD) --- */
.sxtpicos2026-bignews-bigtit dd {
  flex: 1;
  padding: 0 2em;
  box-sizing: border-box;
  color: #cc0a00;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sxtpicos2026-bignews-bigtit dd > a {
  font-size: var(--fs-xl);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  text-align: center;
}
.sxtpicos2026-bignews-bigtit dd > p {
  font-size: var(--fs-base);
  text-align: right;
  margin-top: 0.5em;
  display: none;
}
/* ================= 容器设定 ================= */
/* ================= Swiper 外层 ================= */
.sxtpicos2026-bignews-slidebox {
  margin-top: 3rem;
}

.zqzjg2026-swiper {
  position: relative;
  overflow: visible; /* ✅ 改为 visible，让两侧图片可以露出 */
  padding: 2rem 0; /* ✅ 给 scale 留出空间 */
}

/* 用父容器裁剪两侧超出部分 */
.sxtpicos2026-bignews-slidebox {
  overflow: hidden; /* ✅ 移到父容器裁剪 */
}

/* ================= Slide 核心 ================= */
.zqzjg2026-swiper .swiper-slide {
  width: 50%; /* ✅ 稍微加宽，让两侧各露出约 20% */
  max-width: 50rem;
  border-radius: 0;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease width 0.4s ease;
  position: relative;
  cursor: pointer;
}

/* 遮罩层 —— 非激活状态 */
.zqzjg2026-swiper .swiper-slide::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.4s ease;
  z-index: 2;
}

/* ✅ 激活 slide：放大 + 去除遮罩 */
.zqzjg2026-swiper .swiper-slide-active {
  transform: scale(1.12);
  z-index: 10;
}
.zqzjg2026-swiper .swiper-slide-active::after {
  background: rgba(0, 0, 0, 0);
  display: none;
}

/* 图片 */
.zqzjg2026-swiper img {
  width: 100%;
  height: 22rem; /* ✅ 固定高度，保持一致 */
  object-fit: cover;
  display: block;
}

/* ================= 标题浮层 ================= */
/* ✅ 非激活 slide 的标题隐藏 */
.zqzjg2026-slide-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--space-xs) var(--space-sm);
  font-size: var(--fs-base);
  color: #fff;
  background: radial-gradient(0% 0% at 0% 0%, #ce2929 0.2%, #e67c60 100%);
  z-index: 3; /* ✅ 高于遮罩层 */
  opacity: 0; /* ✅ 默认隐藏 */
  transition: opacity 0.4s ease;
}

/* ✅ 仅激活 slide 显示标题 */
.zqzjg2026-swiper .swiper-slide-active .zqzjg2026-slide-title {
  opacity: 1;
}

/* ================= 左右按钮 ================= */
.zqzjg2026-prev,
.zqzjg2026-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20; /* ✅ 高于 slide */
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: rgb(214, 17, 3);
  cursor: pointer;
}

.zqzjg2026-prev::after,
.zqzjg2026-next::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
}

.zqzjg2026-prev {
  left: var(--space-sm);
}
.zqzjg2026-prev::after {
  transform: translate(-40%, -50%) rotate(45deg);
}

.zqzjg2026-next {
  right: var(--space-sm);
}
.zqzjg2026-next::after {
  transform: translate(-60%, -50%) rotate(-135deg);
}

.zqzjg2026-slide-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 两列 */
  /* grid-template-rows: repeat(4, auto);  */
  gap: 1rem 2rem; /* 行间距 / 列间距 */
  width: 100%;
  box-sizing: border-box;
  margin-top: 2rem;
}

.zqzjg2026-slide-list li {
  min-width: 0;
  font-size: var(--fs-base);
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
}

.zqzjg2026-slide-list a {
  display: block;
  width: 100%;
  min-width: 0;
  /* 单行省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制2行 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  color: #222;
  transition: all 0.3s;
}
.zqzjg2026-slide-list a:hover {
  color: #df272e;
}
.sxtpicos2026-common-title {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
}
.sxtpicos2026-common-title > a > img {
  display: block;
  margin: 0 auto;
}
.sxtpicos2026-common-title > p {
  text-align: right;
  margin-top: 1rem;
  margin-top: 0.5em;
  font-size: var(--fs-base);
}
.sxtpicos2026-common-title > p > a {
  color: #df272e;
}
/*  */
.zqzjg2026-imnews-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 2rem;
  margin-top: 3rem;
}

/* 卡片 */
.zqzjg2026-imnews-list li {
  position: relative;
  min-width: 0;
}

/* 外框 */
.zqzjg2026-imnews-list a {
  position: relative;

  padding: 1rem 2.5rem 1rem 1rem;
  border: 1px solid #e54d42;
  background: #fff;

  text-decoration: none;
  color: #333;

  /* 两行省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  overflow: hidden;
  line-height: 1.6;
}

/* 左上角红条 */
.zqzjg2026-imnews-list a::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;

  width: 2.5rem;
  height: 0.25rem;
  background: #e54d42;
}

/* 右侧 >>> */
.zqzjg2026-imnews-list a::after {
  content: '>>>';

  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;

  color: #e54d42;
  font-size: 1rem;
}

/* hover 效果（可选） */
.zqzjg2026-imnews-list a:hover {
  background: #fff5f4;
  border-color: #d9363e;
  color: #df272e;
  font-weight: bold;
}
/* jiejue */
.zqzjg2026-comexp-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-top: 3rem;
}

.zqzjg2026-comexp-list > dl {
  position: relative; /* 让日期绝对定位到左上角 */
  border: 1px solid #e0e0e0;
  padding: 1.25rem 0.875rem 1rem 0.875rem; /* 顶部留出日期标签的高度 */
  margin: 0;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.zqzjg2026-comexp-list > dl:hover {
  border: 1px solid #d61103;
}
.zqzjg2026-comexp-list > dl dt span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--fs-sm);
  color: #fff;
  background: #d61103;
  padding: 0.125rem 0.75rem;
  letter-spacing: 0.5px;
  transform: translate3d(0, -50%, 0);
  display: none;
}

.zqzjg2026-comexp-list > dl dt a {
  display: block;
  font-size: var(--fs-base);
  font-weight: 600;
  color: #333;
  text-decoration: none;
  line-height: 1.5;
  margin-bottom: 0.625rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.zqzjg2026-comexp-list > dl dt a:hover {
  color: #df272e;
}

.zqzjg2026-comexp-list > dl dd {
  margin: 0;
  border-top: 1px solid #dddddd;
  padding-top: 0.75rem;
}

.zqzjg2026-comexp-list > dl dd p {
  margin: 0;
  font-size: var(--fs-sm);
  color: #666;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* slide3 */
.zqzjg2026-comexp-slidebox {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-top: 2rem;
}
.zqzjg2026-jd-swiper {
  padding-bottom: 3rem;
}
/* 箭头按钮：绝对定位在容器左右 */
.zqzjg2026-comexp-slidebox .swiper-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  z-index: 10;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: #fff;
  color: #c0392b;
  font-size: var(--fs-base);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
  user-select: none;
  transition:
    background 0.2s,
    color 0.2s;
}

.zqzjg2026-comexp-slidebox .swiper-btn:hover {
  background: #c0392b;
  color: #fff;
}

.zqzjg2026-comexp-slidebox .zqzjg2026-prev {
  left: 0;
  transform: translateX(-150%);
}
.zqzjg2026-comexp-slidebox .zqzjg2026-next {
  right: 0;
  transform: translateX(150%);
}

/* Swiper 容器 */
.zqzjg2026-comexp-slidebox .zqzjg2026-swiper {
  width: 100%;
  padding-bottom: 2rem !important;
}

/* 每张 slide 等大 */
.zqzjg2026-comexp-slidebox .swiper-slide {
  box-sizing: border-box;
}

/* slide 内容卡片 */
.zqzjg2026-comexp-slidebox .slide-inner {
  border-radius: 0.5rem;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}

/* 图片区域 16:9 */
.zqzjg2026-comexp-slidebox .slide-img {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.zqzjg2026-comexp-slidebox .slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 播放按钮 */
.zqzjg2026-comexp-slidebox .slide-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zqzjg2026-comexp-slidebox .play-icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  border: 2px solid rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
  display: none;
}

.zqzjg2026-comexp-slidebox .play-icon::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5rem 0 0.5rem 0.9375rem;
  border-color: transparent transparent transparent #fff;
  margin-left: 0.25rem;
}

/* 标题 */
.zqzjg2026-comexp-slidebox .slide-title {
  padding: 0.625rem 0.875rem;
  font-size: var(--fs-base);
  color: #333;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #ffd6af;
}
.zqzjg2026-comexp-slidebox .slide-title:hover {
  color: #cc0a00;
}
/* 分页圆点 */
.zqzjg2026-comexp-slidebox .swiper-pagination {
  bottom: 0.5rem;
  z-index: 9;
}

.zqzjg2026-comexp-slidebox .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background: #ffddbd;
  opacity: 1;
}

.zqzjg2026-comexp-slidebox .swiper-pagination-bullet-active {
  background: #c0392b;
}
/* footer */
.sxtopicos2026-footer {
  border-top: 0.625rem solid #fc1100;
  background: url(zqzjg2026-footer-i2@2x.png) center top no-repeat;
  background-size: cover;
}
.footer-linebg {
  background: url(zqzjg2026-footer-i1@2x.png) center top no-repeat;
  background-size: cover;
  height: 5rem;
}
/* ================= 自适应处理 (平板/手机) ================= */
@media (min-width: 1921px) {
}
@media (min-width: 1024px) {
}
@media (max-width: 1400px) {
  .container {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    box-sizing: border-box;
  }
  .sxtpicos2026-bignews-slidebox {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .sxtpicos2026-banner-logo {
    height: 20%;
    padding-top: 3%;
  }

  .sxtpicos2026-banner-slogan {
    margin-top: 5%;
    /* perspective: 1000px; */
  }
  .sxtpicos2026-banner-slogan img {
    width: 80%;
  }
  .zqzjg2026-swiper .swiper-slide-active {
    transform: scale(1);
  }
  .zqzjg2026-swiper {
    padding: 0;
  }
  .zqzjg2026-imnews-list,
  .zqzjg2026-comexp-list {
    margin-top: 2rem;
  }
  .zqzjg2026-imnews-list a {
    display: block;
  }
  .zqzjg2026-comexp-list {
    grid-template-columns: repeat(2, 2fr);
    gap: 2rem 1rem;
  }
  .zqzjg2026-comexp-slidebox .zqzjg2026-prev {
    left: 0;
    transform: unset;
    transform: translateY(-100%);
  }
  .zqzjg2026-comexp-slidebox .zqzjg2026-next {
    right: 0;
    transform: unset;
    transform: translateY(-100%);
  }
}

@media (max-width: 768px) {
  :root {
    --container-padding: 1rem;
    overflow-x: hidden;
  }
  .sxtpicos2026-bignews-bigtit {
    /* border: none; */
    padding: 0.25rem;
    margin-top: 1rem;
  }
  .sxtpicos2026-bignews-bigtit dd {
    padding: 0.25rem;
  }
  .sxtpicos2026-bignews-bigtit dd > a {
    -webkit-line-clamp: unset;
    font-size: var(--fs-md);
  }
  .zqzjg2026-slide-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .zqzjg2026-imnews-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-top: 1rem;
  }
  .sxtpicos2026-common-title > a > img {
    max-width: 160%;
    transform: translateX(-20%);
  }
  .sxtpicos2026-common-title {
    margin-top: 2rem;
  }
  .zqzjg2026-comexp-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem 1rem;
  }
  .zqzjg2026-swiper img {
    height:auto;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  .sxtpicos2026-bignews-bigtit dt {
    font-size: var(--fs-lg);
    margin-bottom: 0;
  }
}
@media (max-width: 320px) {
  :root {
    --container-padding: 0.5rem;
  }
  .bignews-bigtit-content {
    padding-bottom: 0;
  }
}