@charset "utf-8";
/* ==========================================================================
   官网新增栏目 · 统一样式表（唯一维护点）
   --------------------------------------------------------------------------
   适用页面：关于我们 / 厂区实景 / 企业文化 / 荣誉资质 / 首页荣誉轮播
   依赖：官网原有 css.css（本文件只补充新增组件，不覆盖原样式）

   维护方式：
     只改本文件 → 运行 python scripts/sync_site_assets.py 同步到各页面目录
     不要把样式再写回各页面自己的 css 里

   配色（取自官网 css.css）：
     主色 #0e55b9   辅助色 #ff5400
     文字 #333 / #555 / #666 / #999
     浅底 #f6f9ff / #fafafa   边框 #e6e6e6 / #ebebeb

   目录：
     0. 公共 —— 面包屑 / 侧栏 / 正文排版 / 信息表格
     1. 首页荣誉轮播修复
     2. 关于我们
     3. 企业文化
     4. 厂区实景
     5. 荣誉资质（列表页 + 详情页）
   ========================================================================== */


/* ==========================================================================
   0. 公共
   ========================================================================== */

/* ---------- 0.1 面包屑：长标题单行截断，避免溢出压到正文标题 ---------- */
/* 注意：面包屑里的当前页文字必须用 <i class="crt">，
   不能用 <span> —— 官网 .nei_biao span 是 20px 粗体 block，会把 <span> 撑开 */
.nei_biao p {
    max-width: 62%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nei_biao p a,
.nei_biao p i { white-space: nowrap; }
.nei_biao p .crt { color: #999; font-style: normal; }

/* ---------- 0.2 侧栏：当前栏目高亮 ---------- */
.nei_lan ul li a.on { color: #0e55b9; font-weight: 800; }

/* ---------- 0.3 正文排版（关于我们 / 企业文化 / 厂区实景 共用） ---------- */
.nei-page { padding-top: 8px; }

.nei-page h1 {
    font-size: 26px;
    font-weight: 800;
    color: #333;
    text-align: center;
    line-height: 1.5;
    padding: 18px 0 26px;
}

.nei-page h2 {
    font-size: 19px;
    font-weight: 800;
    color: #333;
    line-height: 1.5;
    margin: 40px 0 18px;
    padding: 0 0 12px 13px;
    position: relative;
    border-bottom: 1px solid #ededed;
}
.nei-page h2::before {
    content: "";
    position: absolute;
    left: 0; top: 5px;
    width: 4px; height: 17px;
    background: #0e55b9;
}

.nei-page h3 {
    font-size: 15px;
    font-weight: 800;
    color: #0e55b9;
    margin: 0 0 6px;
}

.nei-page p {
    font-size: 15px;
    line-height: 2.05;
    color: #555;
    margin-bottom: 16px;
}

.nei-page a { color: #0e55b9; }
.nei-page a:hover { color: #ff5400; }

/* 导语块 */
.nei-lead {
    font-size: 16px !important;
    line-height: 2.05 !important;
    color: #333 !important;
    background: #f6f9ff;
    border-left: 3px solid #0e55b9;
    padding: 16px 20px;
    margin-bottom: 26px !important;
}

/* ---------- 0.4 信息表格（三页共用，宽度用 w-narrow / w-wide 调） ---------- */
.nei-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin: 0 0 20px;
}
.nei-table th {
    width: 150px;
    text-align: left;
    font-weight: 400;
    background: #f6f9ff;
    color: #333;
    padding: 10px 12px;
    border: 1px solid #e6e6e6;
    vertical-align: top;
    white-space: nowrap;
}
.nei-table td {
    color: #555;
    padding: 10px 12px;
    border: 1px solid #e6e6e6;
    line-height: 1.8;
    vertical-align: top;
}
.nei-table caption {
    text-align: left;
    font-size: 16px;
    font-weight: 800;
    color: #333;
    padding-bottom: 12px;
}
.nei-table.w-narrow th { width: 110px; }
.nei-table.w-wide th { width: 170px; }


/* ==========================================================================
   1. 首页荣誉轮播修复
   ========================================================================== */

/* 官网原样式有 aspect-ratio:197/152 但没有 object-fit，
   图片会被强行拉伸到该比例 → 证书变形。这里改为 contain + 白底 */
.swipery .swiper-slide img {
    object-fit: contain;
    background: #fff;
}
.swipery .swiper-slide a {
    display: block;
    width: 100%;
}
.swipery .swiper-slide a:hover img {
    border-color: #0e55b9;
}


/* ==========================================================================
   2. 关于我们
   ========================================================================== */

/* ---------- 2.1 厂区图 ---------- */
.about-figure { margin: 0 0 10px; text-align: center; }
.about-figure img {
    max-width: 100% !important;
    height: auto !important;
    border: 1px solid #ebebeb;
    display: block;
    margin: 0 auto;
}
.about-figure figcaption {
    font-size: 13px;
    color: #999;
    margin-top: 10px;
}

/* ---------- 2.2 产品品类四宫格 ---------- */
.about-cats { display: flex; flex-wrap: wrap; margin: 0 -10px 20px; }
.about-cat {
    width: 50%;
    padding: 0 10px 16px;
    box-sizing: border-box;
}
.about-cat p { font-size: 14px; line-height: 1.9; color: #666; margin: 0; }

/* ---------- 2.3 荣誉缩略四联 ---------- */
.about-honor { display: flex; flex-wrap: wrap; margin: 0 -8px 20px; }
.about-honor a {
    display: block;
    width: 25%;
    padding: 0 8px 16px;
    box-sizing: border-box;
    text-align: center;
    color: #333;
}
.about-honor a:hover { color: #0e55b9; }
.about-honor img {
    max-width: 100% !important;
    height: auto !important;
    border: 1px solid #ebebeb;
    display: block;
    margin: 0 auto 8px;
    background: #fff;
}
.about-honor span { font-size: 13px; line-height: 1.6; display: block; }


/* ==========================================================================
   3. 企业文化
   ========================================================================== */

/* ---------- 3.1 核心主张条 ---------- */
.culture-core {
    font-size: 20px !important;
    font-weight: 800;
    color: #0e55b9 !important;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.8 !important;
    margin: 0 0 20px !important;
    padding: 18px 0;
    background: #fafafa;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

/* ---------- 3.2 卡片区 ---------- */
.culture-grid { display: flex; flex-wrap: wrap; margin: 0 -10px 20px; }
.culture-card {
    width: 50%;
    padding: 0 10px 16px;
    box-sizing: border-box;
}
.culture-card p { font-size: 14px; line-height: 1.95; color: #666; margin: 0; }

/* ---------- 3.3 宗旨引文区 ---------- */
.culture-quote {
    background: #fafafa;
    border: 1px solid #ebebeb;
    padding: 6px 22px;
    margin-bottom: 20px;
}
.culture-quote p {
    margin: 0 !important;
    padding: 14px 0;
    border-bottom: 1px dashed #e6e6e6;
}
.culture-quote p:last-child { border-bottom: none; }
.culture-quote strong {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 800;
    line-height: 1.9;
}
.culture-quote span {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 1.9;
}

/* ---------- 3.4 脚注说明 ---------- */
.culture-old {
    font-size: 13px !important;
    color: #999 !important;
    line-height: 1.8 !important;
    border-top: 1px dashed #e6e6e6;
    padding-top: 12px;
}


/* ==========================================================================
   4. 厂区实景
   ========================================================================== */

/* 图片一律不裁切，保持原始比例。按每节图片数量用不同类：
   .single     单图 → 居中限宽
   .span-last  2 方 + 1 横 → 末张通栏
   .three-col  3 张竖图 → 三列并排 */
.factory-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px 20px;
    align-items: start;
    margin-bottom: 10px;
}
.factory-grid.single { grid-template-columns: 1fr; }
.factory-grid.single .factory-figure { max-width: 560px; margin: 0 auto; }
.factory-grid.span-last .factory-figure:last-child { grid-column: 1 / -1; }
.factory-grid.three-col { grid-template-columns: repeat(3, 1fr); gap: 20px 16px; }

.factory-figure { margin: 0; }
.factory-figure img {
    width: 100% !important;
    height: auto !important;
    display: block;
    border: 1px solid #ebebeb;
    background: #fafafa;
}
.factory-figure figcaption {
    font-size: 13px;
    color: #888;
    line-height: 1.7;
    padding: 8px 2px 0;
}

/* 拍摄说明 */
.factory-note {
    background: #fafafa;
    border: 1px solid #ebebeb;
    padding: 18px 22px 4px;
    margin-top: 30px;
}
.factory-note h2 {
    font-size: 15px !important;
    font-weight: 800;
    color: #333;
    margin: 0 0 10px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #e6e6e6;
}
.factory-note h2::before { display: none; }
.factory-note p {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.9 !important;
}


/* ==========================================================================
   5. 荣誉资质
   ========================================================================== */

/* ---------- 5.1 列表页：导语 ---------- */
.honor-intro {
    background: #f6f9ff;
    border-left: 3px solid #0e55b9;
    padding: 16px 20px;
    margin-bottom: 30px;
    line-height: 1.9;
    font-size: 15px;
    color: #575757;
}
.honor-intro strong { color: #ff5400; font-weight: 800; padding: 0 3px; }

/* ---------- 5.2 列表页：分类筛选条 ---------- */
.honor-cats {
    flex-wrap: wrap;
    border-bottom: 1px solid #ededed;
    padding-bottom: 16px;
    margin-bottom: 26px;
}
.honor-cats a {
    display: block;
    padding: 0 18px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #575757;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    background: #fff;
    transition: all .2s;
}
.honor-cats a:hover { border-color: #0e55b9; color: #0e55b9; }
.honor-cats a.on { background: #0e55b9; border-color: #0e55b9; color: #fff; }

/* ---------- 5.3 列表页：分组标题 ---------- */
.honor-sec { margin-bottom: 10px; }
.honor-h2 {
    font-size: 18px;
    font-weight: 800;
    color: #333;
    padding: 0 0 14px 13px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.honor-h2::before {
    content: "";
    position: absolute;
    left: 0; top: 4px;
    width: 4px; height: 16px;
    background: #0e55b9;
}
.honor-h2 span { font-size: 14px; font-weight: 400; color: #999; margin-left: 6px; }

/* ---------- 5.4 列表页：证书卡片 ---------- */
.honor-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 30px;
}
.honor-list > li {
    width: 33.333%;
    padding: 0 12px 24px;
    box-sizing: border-box;
}
.honor-list > li > a,
.honor-list > li > .card {
    display: block;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 14px;
    box-sizing: border-box;
    transition: border-color .2s;
}
.honor-list > li > a:hover,
.honor-list > li > .card:hover { border-color: #0e55b9; }
.honor-list .pic {
    width: 100%;
    height: 230px;
    background: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.honor-list .pic img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}
.honor-list .info { padding-top: 14px; }
.honor-list .info h3 {
    font-size: 15px;
    font-weight: 800;
    color: #333;
    line-height: 1.5;
    height: 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.honor-list > li > a:hover .info h3,
.honor-list > li > .card:hover .info h3 { color: #0e55b9; }
.honor-list .info .meta {
    font-size: 13px;
    color: #666;
    line-height: 1.7;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.honor-list .info .no,
.honor-list .info .valid {
    font-size: 13px;
    color: #999;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.honor-list .info .more {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    color: #0e55b9;
}

/* ---------- 5.5 详情页：证书大图 ---------- */
.honor-detail { padding-top: 26px; }
.honor-figure { margin: 0 0 26px; text-align: center; }
.honor-figure img {
    max-width: 100% !important;
    height: auto !important;
    border: 1px solid #ebebeb;
    background: #fff;
    display: inline-block;
}
.honor-figure figcaption {
    font-size: 13px;
    color: #999;
    margin-top: 10px;
}

/* ---------- 5.6 详情页：证书说明 ---------- */
.honor-note {
    background: #fafafa;
    border: 1px solid #ebebeb;
    padding: 18px 22px;
    margin-bottom: 10px;
}
.honor-note h2 {
    font-size: 15px;
    font-weight: 800;
    color: #333;
    padding-bottom: 10px;
}
.honor-note p { font-size: 14px; color: #575757; line-height: 1.95; }


/* ==========================================================================
   6. 响应式
   ========================================================================== */

@media screen and (max-width: 990px) {
    /* 荣誉资质 */
    .honor-list > li { width: 50%; }
    .honor-list .pic { height: 210px; }
    /* 关于我们 */
    .about-cat { width: 100%; }
    .about-honor a { width: 50%; }
    /* 企业文化 */
    .culture-card { width: 100%; }
}

@media screen and (max-width: 640px) {
    /* 公共 */
    .nei_biao p { max-width: 58%; }
    .nei-page h1 { font-size: 21px; padding: 12px 0 20px; }
    .nei-page h2 { font-size: 17px; margin: 28px 0 14px; }
    .nei-page p { font-size: 14px; line-height: 1.95; }
    .nei-lead { font-size: 15px !important; padding: 14px 16px; }
    .nei-table th { width: 104px; white-space: nowrap; }
    .nei-table.w-narrow th { width: 86px; white-space: normal; }
    .nei-table { font-size: 13px; }

    /* 关于我们 */
    .about-figure figcaption { font-size: 12px; }
    .about-cats { margin: 0 0 16px; }
    .about-cat { padding: 0 0 14px; }
    .about-honor { margin: 0; }
    .about-honor a { width: 100%; padding: 0 0 16px; }

    /* 企业文化 */
    .culture-core { font-size: 17px !important; letter-spacing: 1px; padding: 14px 10px; }
    .culture-grid { margin: 0 0 16px; }
    .culture-card { padding: 0 0 14px; }

    /* 厂区实景 */
    .factory-grid,
    .factory-grid.three-col { grid-template-columns: 1fr; gap: 18px; }
    .factory-grid.single .factory-figure { max-width: 100%; }

    /* 荣誉资质 */
    .honor-list { margin: 0 0 24px; }
    .honor-list > li { width: 100%; padding: 0 0 20px; }
    .honor-list .pic { height: 260px; }
    .honor-list .info h3 { height: auto; -webkit-line-clamp: 3; }
    .honor-cats a { padding: 0 12px; font-size: 13px; margin-right: 8px; }
    .honor-intro { font-size: 14px; padding: 14px 16px; }
    .honor-detail { padding-top: 16px; }
    .honor-h2 { font-size: 16px; }
}