/* 静态镜像兜底样式
   平台默认将轮播/滑块容器设为 visibility:hidden，待在线 JS 初始化后再显示。
   静态化后强制可见，保证首屏 banner 与各滑块内容不依赖 JS 初始化即可正常呈现；
   平台 JS 若正常运行，自动播放/切换不受影响。 */
.w-slide,
.w-slider,
.w-slide-inner,
.w-slider-inner,
.w-slide .content-box,
.w-slider .content-box {
  visibility: visible !important;
}

/* 文字透明底色：还原平台半透明蓝色渐变（中间深蓝、两侧淡出到全透明），
   替换静态化时的占位灰块。PC/手机通用 */
#smv_con_494_4 .w-container {
  background-color: transparent !important;
  background-image: url("assets/ntemimg.wezhan.cn/contents/sitefiles2046/10234655/images/-49398.png") !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
}

/* ============ 桌面端（视口 ≥1200px）：全屏轮播 ============
   平台靠在线 JS 把 .w-slide 拉到视口宽度并向左偏移实现全屏，
   静态化后用 CSS 复现：宽度 100vw，向左偏移 (100vw-1200)/2，
   使 1200px 居中容器内的轮播视觉铺满整个视口。 */
@media (min-width: 1200px) {
  #slider_smv_con_490_24 {
    width: 100vw !important;
    left: calc((100vw - 1200px) / -2) !important;
  }
  #slider_smv_con_490_24 .w-slide-inner,
  #slider_smv_con_490_24 .content-box,
  #slider_smv_con_490_24 .content-box-inner,
  #slider_smv_con_490_24 .w-slide-mask {
    width: 100vw !important;
    left: 0 !important;
  }
  #slider_smv_con_490_24 .slideset_AreaC {
    width: 100vw !important;
  }
  /* 文字外层 area 在全屏容器内水平居中（内部文字本就以 1200 画布中心 600 居中） */
  #smv_con_494_4 {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 1200px !important;
  }
}

/* ============ 手机/平板（视口 <1200px）：容器自适应，轮播铺满 ============
   此区间 1200px 固定容器已被平台 @media 改为自适应视口宽度，
   不再需要桌面的负偏移；轮播 left:0、width:100% 即可铺满。
   文字块重置为文档流并水平居中，避免设计画布的绝对定位在窄屏错位。 */
@media (max-width: 1199px) {
  #slider_smv_con_490_24,
  #slider_smv_con_490_24 .w-slide-inner,
  #slider_smv_con_490_24 .content-box,
  #slider_smv_con_490_24 .content-box-inner,
  #slider_smv_con_490_24 .w-slide-mask,
  #slider_smv_con_490_24 .slideset_AreaC {
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
  }
  #smv_con_494_4 {
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
  }
  /* 让整条定位链回到文档流，高度正常包裹两行文字，避免 absolute 塌陷 */
  #smv_con_494_4 .yibuFrameContent,
  #smv_con_494_4 .w-container,
  #smv_con_494_4 .smAreaC {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
  }
  /* 窄屏下宽幅渐变图 cover 后偏淡，改用明确的半透明深蓝底色，保证白字清晰且可透底 */
  #smv_con_494_4 .w-container {
    background-image: none !important;
    background-color: rgba(20, 45, 95, 0.45) !important;
    padding: 10px 12px !important;
    border-radius: 4px;
  }
  /* 标题/副标题：取消绝对定位，按文档流垂直排列并居中 */
  #smv_con_495_4,
  #smv_con_496_4 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
  }
  #smv_con_495_4 .editableContent,
  #smv_con_496_4 .editableContent {
    text-align: center !important;
  }
}

/* ============ 首页·涉及材质卡片：鼠标悬停标题变翠绿（与涉及行业一致 #64AB2A） ============ */
@media (hover: hover) and (pointer: fine) {
  #smv_con_477_47:hover #smv_con_479_47,
  #smv_con_480_47:hover #smv_con_482_47,
  #smv_con_483_47:hover #smv_con_485_47,
  #smv_con_486_47:hover #smv_con_488_47 {
    transition: color .3s ease;
  }
  #smv_con_477_47:hover #smv_con_479_47 a,
  #smv_con_477_47:hover #smv_con_479_47 span,
  #smv_con_480_47:hover #smv_con_482_47 a,
  #smv_con_480_47:hover #smv_con_482_47 span,
  #smv_con_483_47:hover #smv_con_485_47 a,
  #smv_con_483_47:hover #smv_con_485_47 span,
  #smv_con_486_47:hover #smv_con_488_47 a,
  #smv_con_486_47:hover #smv_con_488_47 span {
    color: #64AB2A !important;
  }
}