/*!
 * 首页补充样式：目标站这块由 page.js的 toTop 插件用 JS 设置，
 * 这里改为纯 CSS 控制，避免模板内联样式踩 think 解析的坑。
 */
#to-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 30px;
    width: 46px;
    height: 46px;
    background: url(../images/common/scrolltop.png) no-repeat center;
    opacity: .7;
    transition: .3s;
    z-index: 8;
}
#to-top:hover {
    opacity: 1;
}

/* ============================================================
   加工能力卡片
   默认：标题 + 副标题 居中显示
   悬浮：整块上移到左上原位，并淡出下方文字段
   ============================================================ */
.jgnl-wrap .swiper-slide .cover {
    padding: 0;
    background: linear-gradient(180deg, rgba(6, 10, 18, .50) 0%, rgba(6, 10, 18, .20) 46%, rgba(6, 10, 18, .68) 100%);
    transition: background .42s ease;
}
.jgnl-wrap .swiper-slide:hover .cover {
    background: linear-gradient(180deg, rgba(24, 66, 150, .88) 0%, rgba(24, 66, 150, .74) 46%, rgba(24, 66, 150, .93) 100%);
}
.jgnl-wrap .swiper-slide .cover .inner {
    position: absolute;
    left: 40px;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    transition: top .42s cubic-bezier(.4, 0, .2, 1), transform .42s cubic-bezier(.4, 0, .2, 1);
}
.jgnl-wrap .swiper-slide:hover .cover .inner {
    top: 56px;
    transform: translateY(0);
    text-align: left;
}
.jgnl-wrap .swiper-slide .cover h4 {
    font-size: 26px;
    line-height: 1.32;
    color: #fff;
    font-weight: 700;
}
.jgnl-wrap .swiper-slide .cover .sub {
    font-size: 17px;
    line-height: 1.45;
    color: rgba(255, 255, 255, .9);
    margin-top: 8px;
    font-weight: 500;
}
/* 文字段：默认收起，悬浮展开 */
.jgnl-wrap .swiper-slide .cover p {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    font-size: 14px;
    line-height: 1.85;
    color: rgba(255, 255, 255, .8);
    transition: max-height .42s ease, opacity .28s ease, margin-top .42s ease;
}
.jgnl-wrap .swiper-slide:hover .cover p {
    max-height: 260px;
    margin-top: 14px;
    opacity: 1;
}

/* 触屏/窄屏没有 hover：直接按展开态排版，整块贴底 */
@media (max-width: 1024px) {
    .jgnl-wrap .swiper-slide .cover {
        padding: 0;
        background: linear-gradient(180deg, rgba(6, 10, 18, .28) 0%, rgba(6, 10, 18, .12) 40%, rgba(6, 10, 18, .82) 100%);
    }
    .jgnl-wrap .swiper-slide .cover .inner,
    .jgnl-wrap .swiper-slide:hover .cover .inner {
        top: auto;
        bottom: 22px;
        left: 24px;
        right: 24px;
        transform: none;
        text-align: left;
    }
    .jgnl-wrap .swiper-slide .cover h4 {
        font-size: 20px;
    }
    .jgnl-wrap .swiper-slide .cover .sub {
        font-size: 14px;
        margin-top: 6px;
    }
    .jgnl-wrap .swiper-slide .cover p,
    .jgnl-wrap .swiper-slide:hover .cover p {
        max-height: none;
        margin-top: 10px;
        opacity: 1;
        font-size: 12.5px;
        line-height: 1.7;
    }
}

/* 行业服务卡片右侧：原为「代表客户 logo」，改为「可加工基材/工艺」文字标签 */
.swiper-container-jgfw .swiper-slide .cover .kh ul li.txt {
    width: 48%;
    height: auto;
    margin-bottom: 10px;
    padding: 5px 0;
    background: transparent;
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    opacity: .9;
}

/* ============================================================
   关于我们页首屏：实景图偏亮，加一层左深右浅的压暗，保证白色标题可读
   ============================================================ */
.tr-page-hero--about::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(4, 16, 28, .88) 0%, rgba(4, 16, 28, .66) 45%, rgba(4, 16, 28, .22) 100%);
    background: linear-gradient(90deg, rgba(4, 16, 28, .88) 0%, rgba(4, 16, 28, .66) 45%, rgba(4, 16, 28, .22) 100%);
}
@media (max-width: 750px) {
    .tr-page-hero--about::after {
        background: -webkit-linear-gradient(top, rgba(4, 16, 28, .82) 0%, rgba(4, 16, 28, .58) 60%, rgba(4, 16, 28, .78) 100%);
        background: linear-gradient(180deg, rgba(4, 16, 28, .82) 0%, rgba(4, 16, 28, .58) 60%, rgba(4, 16, 28, .78) 100%);
    }
}

/* 页脚样式统一在 style.css 的「尾部」段落，本文件不再重复定义 */

/* ============================================================
   新闻详情页：按目标站视觉做的两处修正
   1) news.css 里侧栏缩略图是 display:none，目标站页面实际显示了，这里恢复
   2) 正文默认 14px 偏小，目标站正文观感约 15px
   ============================================================ */
.news-show-right dl.tab dd ul li .pic {
    display: block;
}
.news-show-left .news-views {
    font-size: 15px;
    line-height: 1.9;
}

/* ============================================================
   为什么选择：三张数据卡
   目标站原图偏暗，白字直接压得住；我们的实景图偏亮，
   这里补一层底部渐变压暗，保证 num / h4 / p 清晰（层级在图片之上、悬浮蓝块之下）
   ============================================================ */
.ys-list .item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 78%;
    z-index: 1;
    pointer-events: none;
    background: -webkit-linear-gradient(top, rgba(6, 10, 18, 0) 0%, rgba(6, 10, 18, .30) 42%, rgba(6, 10, 18, .78) 100%);
    background: linear-gradient(180deg, rgba(6, 10, 18, 0) 0%, rgba(6, 10, 18, .30) 42%, rgba(6, 10, 18, .78) 100%);
}

/* ============================================================
   工厂实力：整幅背景图 + 居中标题 + 说明 + 描边按钮
   ============================================================ */
.pz-intro {
    position: relative;
    width: 91.6666%;
    max-width: 1760px;
    height: 400px;
    margin: 73px auto 0;
    background: #0d1826 center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.pz-intro::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* 只做轻微压暗，画面通透为主；文字靠自身投影保证可读 */
    background: rgba(8, 14, 24, .28);
    background: -webkit-radial-gradient(50% 50%, ellipse closest-side, rgba(6, 10, 18, .46) 0%, rgba(6, 10, 18, .22) 62%, rgba(6, 10, 18, .32) 100%);
    background: radial-gradient(ellipse 62% 86% at 50% 50%, rgba(6, 10, 18, .46) 0%, rgba(6, 10, 18, .22) 62%, rgba(6, 10, 18, .32) 100%);
}
.pz-intro-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 820px;
    padding: 0 20px;
    text-align: center;
}
/* 只在文字背后做一团柔和暗影，画面整体保持通透 */
.pz-intro-inner::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 128%;
    height: 210%;
    margin-left: -64%;
    margin-top: -105%;
    z-index: -1;
    pointer-events: none;
    background: -webkit-radial-gradient(50% 50%, ellipse closest-side, rgba(6, 10, 18, .62) 0%, rgba(6, 10, 18, .34) 46%, rgba(6, 10, 18, 0) 74%);
    background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(6, 10, 18, .62) 0%, rgba(6, 10, 18, .34) 46%, rgba(6, 10, 18, 0) 74%);
}
.pz-intro-inner h3 {
    font-size: 34px;
    line-height: 1.35;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}
.pz-intro-inner .des {
    margin-top: 16px;
    font-size: 15px;
    line-height: 30px;
    color: rgba(255, 255, 255, .92);
    text-shadow: 0 1px 8px rgba(0, 0, 0, .75), 0 0 22px rgba(0, 0, 0, .45);
}
.pz-intro-btn {
    display: inline-block;
    margin-top: 28px;
    padding: 0 34px;
    height: 42px;
    line-height: 40px;
    border: 1px solid rgba(255, 255, 255, .7);
    background: rgba(8, 14, 24, .28);
    font-size: 14px;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.pz-intro-btn:hover {
    background: #fff;
    color: #16406f;
    border-color: #fff;
}
@media (max-width: 1024px) {
    .pz-intro { height: 340px; }
    .pz-intro-inner h3 { font-size: 26px; }
    .pz-intro-inner .des { font-size: 14px; line-height: 26px; margin-top: 12px; }
    .pz-intro-btn { margin-top: 22px; height: 38px; line-height: 36px; padding: 0 26px; }
}
@media (max-width: 750px) {
    .pz-intro { height: 260px; margin-top: 30px; }
    .pz-intro-inner h3 { font-size: 20px; letter-spacing: 0; }
    .pz-intro-inner .des { font-size: 12.5px; line-height: 22px; }
    .pz-intro-btn { margin-top: 16px; height: 34px; line-height: 32px; font-size: 12.5px; padding: 0 20px; }
}