.p-index-hero {
	margin-top: 80px;
	background-color: #FFEA00;
}



/* 基础容器高度 */
.p-index-hero {
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.p-index-hero-container {
  display: flex;
  width: 100%;
  height: 100%;
}

/* --- 左侧文案层 --- */
.p-index-hero-copy {
  width: 30%; /* PC端 30% */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5%;
  box-sizing: border-box;
  z-index: 20;
}

.p-index-hero-copy img {
  width: 100%;
  height: auto;
  max-width: 250px;
}

/* --- 右侧轮播层 --- */
.p-index-hero-slider.swiper {
  width: 70%; /* PC端 70% */
  height: 100%;
  /* 强制取消手动干扰：防止用户触摸停止滚动 */
  pointer-events: none; 
  z-index: 20;
}

/* 关键：强制 linear 以消除循环重置时的速度抖动 */
.swiper-wrapper {
  transition-timing-function: linear!important;
}

.p-index-hero-slider-item {
  width: 450px!important; /* PC单图固定宽度 */
  height: 100%;
  padding: 5px; /* 你要求的 5px 间隙 */
  box-sizing: border-box;
}

.p-index-hero-slider-item__image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* --- 移动端（SP）响应式修正 --- */
@media screen and (max-width: 767px) {
.p-index-hero { height: 450px; }
 
.p-index-hero-copy {
    width: 20%; /* 移动端 20% 分割要求 */
    padding: 0 5px;
  }
.p-index-hero-copy img {
    max-width: 120px; /* 进一步缩小侧边文案图片 */
  }
  
.p-index-hero-slider.swiper {
    width: 80%; /* 移动端 80% 分割要求 */
  }
.p-index-hero-slider-item {
    width: 280px!important; /* 移动端单图变窄 */
  }
}

/* 显隐工具类 */
.u-pc-view { display: block; }
.u-sp-view { display: none; }
@media (max-width: 767px) {
.u-pc-view { display: none; }
.u-sp-view { display: block; }
}