/*!
 * 首页排版与字体优化 (cqzicai)
 * ---------------------------------------------------------------
 * 在不改动模板结构的前提下，统一首页的字体层级、行距、留白与对齐，
 * 解决以下问题：
 *   1. 中英文副标题使用 fangsong（仿宋），与全站微软雅黑不协调 → 统一为雅黑
 *   2. 区块标题 42px/400 偏细，缺少视觉层级 → 加粗并调整字距
 *   3. 正文 12px/22px 偏小偏挤 → 提升至 14px 并放宽行距
 *   4. 卡片标题与正文之间缺少间距层级 → 增加间距与色阶区分
 *   5. 数字序号（01./02.）与标题基线不齐 → 统一对齐
 *   6. 英文小标题全大写/斜体风格不统一 → 统一字距与不透明度
 *
 * 本文件在 style.css 之后加载，覆盖同名选择器。
 */

/* ============================================================
   一、全局排版基线
   ============================================================ */
body {
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.75;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ============================================================
   二、顶部导航
   ============================================================ */
.daoht1_2 ul li a {
    font-size: 15px;
    line-height: 48px;
    letter-spacing: .5px;
    color: #2c2c2c;
    transition: color .25s ease;
}

.daoht1_2 ul li a:hover {
    color: #12b0ec;
}

.daoht1_2 ul li.daoht1_2_h a {
    color: #12b0ec;
    font-weight: 700;
}

/* ============================================================
   三、区块标题（中文主标题 + 英文副标题）
   ============================================================ */

/* 经营品类 / 企业采购 / 新闻资讯 / 招商合作 / 公司介绍 —— 统一标题样式 */
.zicai_1,
.zicai1_1,
.zicai2_a,
.zicai3_2_a,
.zicai4_2 {
    font-weight: 700;
    letter-spacing: 3px;
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
}

/* 英文副标题：fangsong → 雅黑，加字距、降低不透明度，视觉更精致 */
.zicai_2,
.zicai1_2,
.zicai2_b,
.zicai3_2_b,
.zicai4_3 {
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    opacity: .72;
}

/* ============================================================
   四、经营品类卡片
   ============================================================ */

/* 说明：卡片容器宽度与轮播位移由 superslide 自行计算，
   容器宽度保持原设计值不动，避免干扰轮播定位。 */
.zicai_3 ul li {
    overflow: hidden;
}

.zicai_6_1 {
    font-weight: 700;
    letter-spacing: .5px;
    color: #1a1a1a;
    /* 原设计用 zc_2.jpg 红色条作标题背景，文字变长时会被裁切。
       改为「短横线 + 文字」的表现，宽度自适应，不再截断。 */
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 34px;
    line-height: 34px;
    background: none;
    position: relative;
    display: inline-block;
    padding-bottom: 8px;
}

.zicai_6_1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 56px;
    height: 3px;
    background: #ff4d3d;
    border-radius: 2px;
    transition: width .3s ease;
}

.zicai_6_1:hover::after {
    width: 100%;
}

.zicai_6_1 a {
    color: #1a1a1a;
    transition: color .25s ease;
}

.zicai_6_1 a:hover {
    color: #12b0ec;
}

.zicai_6_2 {
    font-size: 13px;
    line-height: 26px;
    color: #555;
    letter-spacing: .3px;
}

/* ============================================================
   五、公司介绍区
   ============================================================ */
.zicai1_4_1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    color: #1a1a1a;
    letter-spacing: 1px;
}

.zicai1_4_2 {
    font-size: 15px;
    line-height: 34px;
    color: #4a4a4a;
    letter-spacing: .5px;
}

/* 公司介绍正文：首行不缩进，整体行距放宽，阅读更舒适 */
.zicai1_4_4 {
    font-size: 15px;
    line-height: 32px;
    color: #4f4f4f;
    letter-spacing: .3px;
    text-align: justify;
}

.zicai1_4_4 p {
    margin: 0 0 14px;
    text-indent: 2em;
}

/* 公司介绍下方的四个小图标标题 */
.zicai1_4_5_2 a {
    font-size: 15px;
    color: #333;
    letter-spacing: .5px;
    transition: color .25s ease;
}

.zicai1_4_5_2 a:hover {
    color: #12b0ec;
}

/* ============================================================
   六、企业采购区
   ============================================================ */
.zicai2_4_3 {
    font-weight: 700;
    letter-spacing: 1px;
    /* 标题 22px/35px 两行 = 70px，与容器高度一致，此处放开以便长标题完整显示 */
    height: auto;
    min-height: 70px;
    line-height: 35px;
}

/* 外层容器写死 110px，放大字号后会裁切并压到下方插画 */
.zicai2_4_0,
.zicai2_4_2 {
    height: auto;
}

/* 下方插画（cg_1_a.jpg）与文字的间距：
   文字区放大后向下延伸，原 margin-top:75px 会让插画压住副标题，
   这里拉开到 105px 保证留白。 */
.zicai2_6 {
    margin-top: 105px;
}

/* ---------------------------------------------------------------
   企业采购区背景图 cg_1.jpg 里烧录了「两个商务人士握手」的插画，
   位置正好在左侧文字区之后，导致标题与副标题直接压在人物上，
   白字与深色西装/亮黄衣服混在一起几乎无法辨认。
   这里给文字块加一层极淡的深色蒙版 + 左侧红色竖条，
   提升对比度，同时保留插画的存在感。
   --------------------------------------------------------------- */
.zicai2_4_0 {
    position: relative;
    padding: 8px 0 8px 14px;
    /* 背景图人物正好在文字后方，用一层实底蒙版把文字托出来 */
    background: rgba(116, 88, 38, .46);
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
}

.zicai2_4_4 {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: .5px;
    opacity: .9;
    /* 原容器写死 height:20px / line-height:20px，放大字号后文字溢出，
       压到下方插画上。这里放开高度让文字完整显示。 */
    height: auto;
    min-height: 26px;
    line-height: 26px;
}

/* ============================================================
   七、新闻资讯区
   ============================================================ */
.zicai3_2_2 {
    font-size: 15px;
    line-height: 30px;
    color: #888;
    letter-spacing: .5px;
}

/* 新闻标题 */
.zicai3_3_2 {
    /* 原 height:32px + overflow:hidden 会裁切加粗后的文字，改为自适应 */
    height: auto;
    min-height: 32px;
    line-height: 32px;
}

.zicai3_3_2 a {
    font-size: 17px;
    line-height: 32px;
    color: #1a1a1a;
    letter-spacing: .3px;
    transition: color .25s ease;
}

.zicai3_3_2 a:hover {
    color: #12b0ec;
}

/* 新闻摘要 */
.zicai3_3_3 {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    letter-spacing: .2px;
}

/* 日期 */
.zicai3_3_4_2 {
    font-size: 13px;
    letter-spacing: .5px;
    color: #999;
}

/* ============================================================
   八、招商合作区
   ============================================================ */
.zicai4_3 {
    font-size: 15px;
    line-height: 32px;
    letter-spacing: .5px;
    opacity: .92;
}

.zicai4_5 {
    font-size: 15px;
    letter-spacing: 1px;
    opacity: .85;
}

/* 服务热线数字：fantasy → 雅黑加粗，避免字体缺失回退 */
.zicai4_6 {
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 2px;
}

.zicai4_7 {
    font-size: 14px;
    letter-spacing: .5px;
    opacity: .8;
}

.zicai4_8_2 {
    font-size: 13px;
    letter-spacing: .5px;
    opacity: .85;
}

/* ============================================================
   九、页脚
   ============================================================ */
.zicai5_2_1_3 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
}

.zicai5_2_1_4 ul li a,
.zicai5_2_1_5 ul li a {
    font-size: 14px;
    line-height: 34px;
    letter-spacing: .5px;
    transition: color .25s ease;
}

.zicai5_3_1 {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .5px;
}

.zicai5_3_2 {
    font-size: 13px;
    letter-spacing: .5px;
    opacity: .85;
}

/* ============================================================
   十、按钮与交互元素
   ============================================================ */
.zicai_6_4 img,
.zicai_6_5 img {
    transition: transform .3s ease, opacity .3s ease;
}

.zicai_6_4 img:hover,
.zicai_6_5 img:hover {
    transform: translateX(4px);
    opacity: .85;
}

/* ============================================================
   十一、移动端同步优化
   ============================================================ */
@media screen and (max-width: 640px) {
    body {
        font-size: 14px;
        line-height: 1.75;
    }

    /* 移动端标题字号略收，但保持字重与字距的层级关系 */
    .zicai_1,
    .zicai1_1,
    .zicai2_a,
    .zicai3_2_a,
    .zicai4_2 {
        font-weight: 700;
        letter-spacing: 2px;
    }

    .zicai_2,
    .zicai1_2,
    .zicai2_b,
    .zicai3_2_b,
    .zicai4_3 {
        font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif !important;
        font-style: normal;
        letter-spacing: 1.5px;
    }

    /* 移动端正文可读性 */
    .zicai_6_2 {
        font-size: 13px;
        line-height: 24px;
    }

    .zicai1_4_1 {
        font-size: 18px;
        line-height: 30px;
    }

    .zicai1_4_2,
    .zicai1_4_4 {
        font-size: 14px;
        line-height: 28px;
    }

    .zicai3_3_2 a {
        font-size: 16px;
        line-height: 28px;
    }

    .zicai3_3_3 {
        font-size: 13px;
        line-height: 24px;
    }

    .zicai4_6 {
        font-size: 26px;
        line-height: 36px;
    }
}

/* ============================================================
   六、企业采购区「合作单位」logo 网格
   ---------------------------------------------------------------
   原规则 .zicai2_3 ul li img{ max-width:100%; width:auto; height:auto; }
   让图片按原始像素渲染（多为 800×800 / 1500×1500 的方形 logo），
   撑破 342×128 的格子高度，导致网格出现大块空白与裁切。
   这里限定图片在格子里等比缩放并居中。
   ============================================================ */
.zicai2_3 ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.zicai2_3 ul li img {
    max-width: 78%;
    max-height: 92px;
    width: auto;
    height: auto;
    margin-top: 0;
    object-fit: contain;
}

/* ============================================================
   七、区块标题的装饰线与英文副标题
   ============================================================ */
.zicai_1,
.zicai2_a,
.zicai3_2_a,
.zicai4_2 {
    letter-spacing: 1px;
}

/* ============================================================
   八、企业采购区「See more」按钮
   ---------------------------------------------------------------
   原规则 .zicai2_5 img{width:auto; height:59px;} 会把
   185×59 的按钮图强行压成 59×59，文字被挤扁变形。
   这里改为按原始比例缩放，并让链接成为行内块以便对齐。
   ============================================================ */
.zicai2_5 {
    display: flex;
    align-items: center;
}

.zicai2_5 a {
    display: inline-block;
    line-height: 0;
    transition: transform .25s ease, opacity .25s ease;
}

.zicai2_5 img {
    width: auto;
    height: auto;
    max-height: 59px;
    margin-left: 15px;
}

.zicai2_5 a:hover {
    transform: translateX(4px);
    opacity: .85;
}

/* ============================================================
   九、企业采购区「合作单位」网格高度
   ---------------------------------------------------------------
   原设计把 .zicai2_2 / .zicai2_3 写死为 532px / 516px，
   而实际只有 5 个 logo（2 列 × 3 行 ≈ 387px），
   导致右侧白色面板底部空出约 130px。
   改为按内容自适应，左右两栏各自贴合内容。
   ============================================================ */
.zicai2_1 {
    height: auto;
    min-height: 470px;
}

.zicai2_2 {
    height: auto;
    min-height: 470px;
}

.zicai2_3,
.zicai2_3 .tempWrap,
.zicai2_3 .ulWrap {
    height: auto;
    min-height: 0;
}

.zicai2_3 ul {
    height: auto;
}