/* ══ IE / 兼容内核最小可用框架（wjxy 子站共享版，2026-11-04 b）════════════
   只在 html.ie-mode 下生效（head.tera 顶部的 documentMode 探测脚本加类），
   Chrome 等现代浏览器不匹配、零影响。 */

/* 只裁横向溢出；字号/颜色一律不覆盖 */
html.ie-mode,
html.ie-mode body { overflow-x: hidden; }
/* IE11 不能解码 webp：先隐藏，head 脚本会把 src 换回 .jpg/.png 原图 */
html.ie-mode img[src$=".webp"] { display: none !important; }

/* Swiper 在 IE 里初始化不了：画出来的按钮/分页点只剩孤立方块 */
html.ie-mode .swiper-button-prev,
html.ie-mode .swiper-button-next,
html.ie-mode .swiper-pagination { display: none !important; }

/* 顶部大图（.list_banner=template15/18/20、.sliderbox=template26、.slider=rzc）：
   纯 CSS 叠放，不依赖 JS 时机——Swiper 不跑时 wrapper 保持 flex 会把多张并排
   挤压变形（实测 jwc 两张各占一半），直接块级 + 绝对定位叠放，第一张可见；
   head 脚本随后的 rs-rot 接手做淡入淡出。 */
html.ie-mode .list_banner,
html.ie-mode .sliderbox,
html.ie-mode .slider { overflow: hidden; }
html.ie-mode .list_banner .swiper-wrapper,
html.ie-mode .sliderbox .swiper-wrapper,
html.ie-mode .slider .swiper-wrapper {
    display: block; position: relative; height: 100%;
}
html.ie-mode .list_banner .swiper-slide,
html.ie-mode .sliderbox .swiper-slide,
html.ie-mode .slider .swiper-slide {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    opacity: 0; text-align: center; list-style: none;
}
html.ie-mode .list_banner .swiper-wrapper > :first-child,
html.ie-mode .sliderbox .swiper-wrapper > :first-child,
html.ie-mode .slider .swiper-wrapper > :first-child { opacity: 1; }
/* 图交给 background-size:cover（IE9+ 支持，head 脚本把 src 抄到 slide 背景），
   等比裁切与 Chrome 的 object-fit:cover 一致；老样式 width/height:100% 在
   IE 没有 object-fit 会把 1920 宽图压扁，img 本身隐藏。 */
html.ie-mode .list_banner .swiper-slide img,
html.ie-mode .sliderbox .swiper-slide img,
html.ie-mode .slider .swiper-slide img { display: none; }

/* 极简叠放轮播（head 脚本给 wrapper 加 rs-rot） */
html.ie-mode .rs-rot { position: relative; display: block; height: 100%; }
html.ie-mode .rs-rot > * {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    opacity: 0;
}
html.ie-mode .rs-rot > *:first-child { opacity: 1; }

/* 底部「图片新闻」：Chrome 是 Swiper slidesPerView=4 轮播，IE 里静态摆 4 张一行。
   template15/20 家族：.scroll .slider_Box，格高 174px（老样式自带），图 contain 居中 */
html.ie-mode .scroll .slider_Box { height: auto; overflow: hidden; padding: 0 5px; }
html.ie-mode .scroll .swiper-wrapper { display: block; }
html.ie-mode .scroll .swiper-slide {
    float: left; width: 25%; height: 174px; padding: 0 5px; box-sizing: border-box;
    text-align: center; line-height: 174px; font-size: 0; list-style: none;
}
html.ie-mode .scroll .swiper-slide:nth-child(n+5) { display: none; }
html.ie-mode .scroll .swiper-slide img {
    display: inline-block; vertical-align: middle;
    width: auto; height: auto; max-width: 100%; max-height: 174px;
}

/* template26 家族：.news-box .slider_Box，格高 210px、间距 10px、图 100% 填满
   （slidesPerView=4 + spaceBetween=10，(100%-30px)/4 防取整换行） */
html.ie-mode .news-box .slider_Box { overflow: hidden; }
html.ie-mode .news-box .slider_Box .swiper-wrapper { display: block; font-size: 0; }
html.ie-mode .news-box .slider_Box .swiper-slide {
    display: inline-block; vertical-align: top;
    width: calc((100% - 30px) / 4); height: 210px; margin: 0 10px 0 0; overflow: hidden;
}
html.ie-mode .news-box .slider_Box .swiper-slide:nth-child(4n) { margin-right: 0; }
html.ie-mode .news-box .slider_Box .swiper-slide:nth-child(n+5) { display: none; }
html.ie-mode .news-box .slider_Box .swiper-slide img { width: 100%; height: 100%; }