/* ==========================================================================
   中创远达 - 内页专属样式 (page.master.css)
   包含所有内页独立版块，采用独立 class 隔离
   ========================================================================== */
/* ==========================================================================
   关于我们 - 内页专属样式 (命名空间: zcyd-about-)
   ========================================================================== */

/* --- Banner 区域 --- */
.zcyd-about-banner {
    height: 560px;
    background: url('../img/about-banner-bg.jpg') center bottom/cover no-repeat;
    background-color: #0b3472; /* 兜底深蓝色 */
    display: flex;
    align-items: start;
	padding-top:130px;
    justify-content: center;
}
.zcyd-about-banner .banner-content {
    color: #ffffff;
}
.zcyd-about-banner h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: 2px;
}
.zcyd-about-banner p {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
}

/* --- 公司简介区域 --- */
.zcyd-about-intro {
    padding: 120px 0;
    background: #fbfbfc url('../img/about-bg-lines.jpg') center/cover no-repeat;
}
.zcyd-about-intro .intro-text-wrap{
	padding-right:6%;
}
.zcyd-about-intro .title {
    font-size: 42px;
    font-weight: bold;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.3;
}
.zcyd-about-intro .subtitle {
    font-size: 28px;
    color: #333333;
    margin-bottom: 40px;
    font-weight: 500;
}
.zcyd-about-intro .desc-content p {
    font-size: 18px;
    color: #555555;
    line-height: 2;
    margin-bottom: 25px;
    text-align: justify;
}
.zcyd-about-intro .desc-content p:last-child {
    margin-bottom: 0;
}
.zcyd-about-intro .intro-img-wrap {
   display:flex;
   justify-content:center;
}
.zcyd-about-intro .intro-img-wrap img {
    display: block;
	 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

/* --- 发展历程区域 (Timeline) --- */
.zcyd-about-history {
    padding: 100px 0 120px;
    background-color: #ffffff;
}
.zcyd-about-history .history-main-title {
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    color: #222222;
    margin-bottom: 80px;
}

/* 历史选中详情展示 */
.zcyd-about-history .history-active-display {
    margin-bottom: 80px;
}
.zcyd-about-history .machine-img {
    max-height: 360px;
    object-fit: contain;
}
.zcyd-about-history .active-year {
    font-size: 64px;
    font-weight: bold;
    color: #1969D3; 
    line-height: 1;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
.zcyd-about-history .active-desc {
    font-size: 24px;
    color: #999999;
    line-height: 1.8;
    max-width: 400px;
}

/* 时间轴导航容器 */
.zcyd-about-history .history-timeline-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    padding: 0 50px;
}

/* 左右控制箭头 */
.zcyd-about-history .nav-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    color: #999999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    position: absolute;
    top: 25px; /* 对齐圆点中心 */
    transform: translateY(-50%);
}
.zcyd-about-history .nav-arrow:hover {
    border-color: #1969D3;
    color: #1969D3;
}
.zcyd-about-history .nav-arrow.prev { left: 0; }
.zcyd-about-history .nav-arrow.next { right: 0; }

/* 时间轴轨道与节点 */
.zcyd-about-history .timeline-track-wrap {
    flex: 1;
    overflow: hidden; /* 若节点过多可配合JS滑动，此处为静态排版 */
}
.zcyd-about-history .timeline-track {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 15px;
}
/* 灰色横线 */
.zcyd-about-history .timeline-track::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 2%;
    right: 2%;
    height: 1px;
    background-color: #e5e5e5;
    z-index: 1;
}

.zcyd-about-history .timeline-item {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
/* 默认圆点 */
.zcyd-about-history .timeline-item .dot {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 6px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    box-shadow: inset 0 0 0 2px #999; /* 内部深色小圆 */
}
.zcyd-about-history .timeline-item .year {
    margin-top: 20px;
    font-size: 21px;
    color: #666666;
    font-weight: 500;
    transition: all 0.3s;
}

/* 激活状态的圆点与文字 */
.zcyd-about-history .timeline-item.active .dot {
    background-color: #1969D3;
    border-color: #D2E4FC; 
    box-shadow: none;
    color: #ffffff;
}
.zcyd-about-history .timeline-item.active .year {
    color: #1969D3;
    font-weight: bold;
}

/* --- 移动端适配 --- */
@media (max-width: 991px) {
    .zcyd-about-banner {
        height: 280px;
    }
    .zcyd-about-banner h1 {
        font-size: 32px;
    }
    .zcyd-about-banner p {
        font-size: 14px;
    }
    .zcyd-about-intro {
        padding: 60px 0;
    }
    .zcyd-about-intro .title {
        font-size: 28px;
    }
    .zcyd-about-intro .subtitle {
        font-size: 18px;
    }
    .zcyd-about-history {
        padding: 60px 0;
    }
    .zcyd-about-history .history-main-title {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .zcyd-about-history .active-year {
        font-size: 48px;
    }
    .zcyd-about-history .active-desc {
        margin: 0 auto;
    }
    /* 移动端隐藏多余的年份，只保留左右几个 */
    .zcyd-about-history .timeline-item:nth-child(n+6) {
        display: none;
    }
}


/* ==========================================================================
   关于我们 - 追加文化与合作伙伴版块 (命名空间: zcyd-about-)
   ========================================================================== */

/* --- 企业文化版块 (使命/愿景等) --- */
.zcyd-about-culture {
    height: 480px;
    background: url('../img/about-culture-bg.jpg') center/cover no-repeat;
    position: relative;
    /* 防止内部的边框溢出 */
    overflow: hidden; 
}

/* 深色渐变遮罩，保证文字与图标的清晰对比度 */
.zcyd-about-culture::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(5, 20, 50, 0.9) 0%, rgba(5, 20, 50, 0.4) 100%);
    z-index: 1;
}

.zcyd-about-culture .container {
    position: relative;
    z-index: 2;
}

.zcyd-about-culture .culture-row {
    margin: 0;
}

.zcyd-about-culture .culture-col {
    /* 采用右侧 1px 极细半透明白色边框，还原设计稿的分割线 */
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}
/* 去掉最后一列的右边框 */
.zcyd-about-culture .culture-col:last-child {
    border-right: none;
}

.zcyd-about-culture .culture-item {
    text-align: center;
    color: #ffffff;
    width: 100%;
}

.zcyd-about-culture .culture-icon {
    color: #ffffff;
    margin-bottom: 30px;
    opacity: 0.9; 
}

.zcyd-about-culture .culture-title {
    font-size:32px;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.zcyd-about-culture .culture-desc {
    font-size:18px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    min-height: 50px; /* 保证高度一致性 */
}


/* ==========================================================================
   关于我们 - 时间轴交互轮播优化 (追加或覆盖原样式)
   ========================================================================== */

/* 让内容区域支持淡入淡出动画 */
.zcyd-about-history .history-active-display {
    transition: opacity 0.3s ease;
}

/* 将原本固定的轨道改为可横向滚动的容器 */
.zcyd-about-history .timeline-track-wrap {
    flex: 1;
    overflow-x: hidden; /* 隐藏原生滚动条，由 JS 箭头控制 */
    scroll-behavior: smooth; /* 开启平滑滚动 */
    padding: 10px 0; /* 防止选中态的阴影被裁切 */
}

/* 轨道本体由内容撑开，设置固定间距 */
.zcyd-about-history .timeline-track {
    display: flex;
    justify-content: flex-start; /* 取消两端对齐 */
    gap: 80px; /* 固定年份之间的间距 */
    width: max-content; /* 关键：宽度由内部元素总和决定，从而产生溢出 */
    padding: 6px 40px 0; /* 左右留出缓冲可视区 */
    margin: 0;
}

/* 修正灰色的贯穿背景线，使其能铺满超长的轨道 */
.zcyd-about-history .timeline-track::before {
    left: 0;
    right: 0;
    width: 100%;
}

/* 保证每个时间节点宽度一致，不会被压缩 */
.zcyd-about-history .timeline-item {
    flex-shrink: 0;
    min-width: 60px; /* 保证年份文字有足够空间 */
}

/* 移动端适配覆盖 */
@media (max-width: 991px) {
    .zcyd-about-history .timeline-track {
        gap: 50px; /* 移动端间距适当缩小 */
        padding: 15px 20px 0;
    }
    /* 取消之前隐藏多余年份的设定，因为现在可以滑动查看了 */
    .zcyd-about-history .timeline-item:nth-child(n+6) {
        display: flex !important;
    }
}

/* --- 合作伙伴静态网格版块 --- */
.zcyd-about-partners {
    padding: 100px 0 120px;
    background: linear-gradient(135deg, #ffffff 0%, #f6f8fb 100%);
}

.zcyd-about-partners .section-title {
    font-size: 42px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 60px;
}

.zcyd-about-partners .about-partners-grid {
    display: grid;
    /* 严格按照设计稿 5列 排布 */
    grid-template-columns: repeat(5, 1fr);
    gap: 15px; 
}

.zcyd-about-partners .partner-box {
    background-color: #ffffff;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
    border-radius: 2px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.zcyd-about-partners .partner-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.zcyd-about-partners .partner-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* 让带白底的jpg显得更通透融合 */
    mix-blend-mode: multiply; 
}


/* --- 移动端适配处理 --- */
@media (max-width: 991px) {
    /* 文化版块在平板下改为 2x2 网格 */
    .zcyd-about-culture {
        height: auto;
        padding: 60px 0;
    }
    .zcyd-about-culture .culture-col {
        border-right: none; /* 移除垂直线 */
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* 增加横向底边线 */
        padding: 40px 20px;
    }
    /* 去除最后两列(底排)的底线 */
    .zcyd-about-culture .culture-col:nth-last-child(-n+2) {
        border-bottom: none;
    }

    /* 合作伙伴改为 3 列 */
    .zcyd-about-partners {
        padding: 60px 0;
    }
    .zcyd-about-partners .about-partners-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    /* 手机端文化版块变为 1 列堆叠 */
    .zcyd-about-culture .culture-col {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 40px 20px;
    }
    .zcyd-about-culture .culture-col:nth-last-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* 恢复倒数第二列的边线 */
    }
    .zcyd-about-culture .culture-col:last-child {
        border-bottom: none;
    }
    .zcyd-about-culture .culture-icon {
        width: 40px;
        height: 40px;
    }
    
    /* 手机端合作伙伴改为 2 列 */
    .zcyd-about-partners .about-partners-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .zcyd-about-partners .partner-box {
        height: 80px;
    }
}






/* --- 产品中心列表版块 --- */

.zcyd-page-products {
    background-color: #f5f6f8; 
    padding: 80px 0 100px;
    min-height: calc(100vh - 80px);
}

.zcyd-page-products .zcyd-product-grid {
    margin-top: 0;
}
.zcyd-page-products .col-lg-4{
	margin-bottom:40px;
}
.zcyd-page-products .product-card {
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
    cursor: pointer;
}

.zcyd-page-products .product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
}

.zcyd-page-products .product-img-box {
    height: 360px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.zcyd-page-products .product-img-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply; 
}

.zcyd-page-products .product-info {
    padding: 20px 35px 45px 35px;
	border-top:1px solid rgba(0,0,0,0.1);
    flex-grow: 1;
}

.zcyd-page-products .product-info h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
    line-height: 1.4;
}

.zcyd-page-products .product-info p {
    font-size: 14px;
    color: #666666;
    line-height: 1.8;
    margin: 0;
    
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* --- 产品中心版块：移动端适配 --- */
@media (max-width: 991px) {
    .zcyd-page-products {
        padding: 40px 0 60px;
    }
    .zcyd-page-products .product-img-box {
        height: 240px;
        padding: 30px;
    }
    .zcyd-page-products .product-info {
        padding: 0 20px 30px 20px;
    }
    .zcyd-page-products .product-info h3 {
        font-size: 18px;
    }
}


/* ==========================================================================
   联系我们 - 内页
   ========================================================================== */

/* --- 顶部 Banner --- */
.zcyd-contact-banner {
    height: 380px;
    background: url('../img/contact-banner.jpg') center/cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
}
/* 叠加深色渐变遮罩，确保白字清晰 */
.zcyd-contact-banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(90deg, rgba(11, 52, 114, 0.8) 0%, rgba(11, 52, 114, 0.3) 100%);
    z-index: 1;
}
.zcyd-contact-banner .banner-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
}
.zcyd-contact-banner h1 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.zcyd-contact-banner p {
    font-size: 18px;
    opacity: 0.9;
    letter-spacing: 1px;
}

/* --- 主体内容区域 --- */
.zcyd-contact-section {
    padding: 100px 0;
    background-color: #ffffff;
}

/* 公用小标题样式 */
.zcyd-contact-section .section-heading {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    position: relative;
    margin-bottom: 50px;
}
.zcyd-contact-section .section-heading .heading-line {
    display: block;
    width: 35px;
    height: 4px;
    background-color: #1B5BB5; /* 替换橙色为蓝色 */
    margin-top: 15px;
}

/* --- 左侧：联系方式 --- */
.zcyd-contact-info-wrap .info-item {
    padding: 25px 0;
    border-bottom: 1px dashed #e5e5e5;
}
.zcyd-contact-info-wrap .item-label {
    display: flex;
    align-items: center;
    color: #999999;
    font-size: 21px;
    margin-bottom: 12px;
}
.zcyd-contact-info-wrap .item-label svg {
    margin-right: 10px;
    color: #999999;
}
.zcyd-contact-info-wrap .item-value {
    padding-left: 28px; /* 文本对齐图标右侧 */
}
.zcyd-contact-info-wrap .phone-number {
    font-size: 36px;
    font-weight: bold;
    color: #1B5BB5;
    font-family: Arial, sans-serif;
    line-height: 1.2;
}
.zcyd-contact-info-wrap .text-value {
    font-size: 18px;
    color: #333333;
    line-height: 1.6;
}

.zcyd-contact-form-wrap .input-group-custom {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #f8f9fb; 
    border-radius: 6px;
    border: 1px solid transparent; 
    transition: all 0.3s ease;
}
.zcyd-contact-form-wrap .input-group-custom:focus-within {
    background-color: #ffffff;
    border-color: rgba(27, 91, 181, 0.4); 
    box-shadow: 0 4px 15px rgba(27, 91, 181, 0.05);
}

/* 修复 textarea 被 flex 居中拉扯的问题 */
.zcyd-contact-form-wrap .input-group-custom.align-items-start {
    align-items: flex-start;
}
.zcyd-contact-form-wrap .textarea-icon {
    top: 20px; /* 图标固定在顶部 */
}

.zcyd-contact-form-wrap .input-icon {
    position: absolute;
    left: 20px;
    color: #1B5BB5; 
    z-index: 2;
}

.zcyd-contact-form-wrap .form-control {
    width: 80%;
    border: none;
    background: transparent;
    padding: 22px 20px 22px 55px; 
    font-size: 18px;
    color: #333;
    box-shadow: none !important;
    outline: none;
    line-height: 1.5;
}
.zcyd-contact-form-wrap .form-control::placeholder {
    color: #a0a0a0;
}
.zcyd-contact-form-wrap textarea.form-control {
    resize: vertical;
    min-height: 120px;
}

.zcyd-contact-form-wrap .select-wrapper {
    position: relative;
}
.zcyd-contact-form-wrap select.form-control {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.zcyd-contact-form-wrap .select-arrow {
    position: absolute;
    right: 20px;
    pointer-events: none;
}

/* 提交按钮 */
.zcyd-contact-form-wrap .btn-submit-message {
    background-color: #1B5BB5; 
    color: #ffffff;
    border: none;
    padding: 14px 45px;
    font-size: 20px;
    border-radius: 30px; 
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(27, 91, 181, 0.2);
    min-width: 160px; /* 防止文案变化时按钮忽长忽短 */
}
.zcyd-contact-form-wrap .btn-submit-message:hover:not(:disabled) {
    background-color: #15488e;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(27, 91, 181, 0.3);
}
.zcyd-contact-form-wrap .btn-submit-message:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

/* --- 修复 Select 下拉框默认占位文字不显示及颜色问题 --- */

.zcyd-contact-form-wrap select.form-control {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    height: 64px; 
}

/* 默认未选择时，呈现浅灰色（与普通的 input placeholder 保持一致） */
.zcyd-contact-form-wrap select.form-control.is-placeholder {
    color: #a0a0a0; 
}

/* 展开的下拉列表选项强制设为深色，确保可读性 */
.zcyd-contact-form-wrap select.form-control option {
    color: #333333; 
}
/* 错误提示文字：平滑下滑淡入 */
.just-validate-error-label {
    font-size: 14px !important;
    color: #e74c3c !important; /* 优雅的警示红 */
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
    animation: slideDownFade 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideDownFade {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 输入框错误状态联动 (由 JS 动态添加 has-error 类) */
.zcyd-contact-form-wrap .input-group-custom.has-error {
    border-color: rgba(231, 76, 60, 0.5); /* 红色边框 */
    background-color: #fff9f9; /* 极浅红色背景 */
    box-shadow: 0 4px 15px rgba(231, 76, 60, 0.05);
}

/* 错误状态下，左侧 SVG 图标跟着变红 */
.zcyd-contact-form-wrap .input-group-custom.has-error .input-icon {
    color: #e74c3c; 
    transition: color 0.3s;
}

/* --- 移动端适配 --- */
@media (max-width: 991px) {
    .zcyd-contact-banner {
        height: 260px;
    }
    .zcyd-contact-banner h1 {
        font-size: 32px;
    }
    .zcyd-contact-banner p {
        font-size: 15px;
    }
    .zcyd-contact-section {
        padding: 60px 0;
    }
    .zcyd-contact-info-wrap .phone-number {
        font-size: 28px;
    }
    .zcyd-contact-section .section-heading {
        margin-bottom: 30px;
        font-size: 26px;
    }
}


/* --- 技术支持 Banner --- */
.zcyd-support-banner {
    height: 380px;
    background: url('../img/support-banner.jpg') center/cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
}
.zcyd-support-banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(90deg, rgba(11, 52, 114, 0.85) 0%, rgba(11, 52, 114, 0.2) 100%);
    z-index: 1;
}
.zcyd-support-banner .banner-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
}
.zcyd-support-banner h1 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.zcyd-support-banner p {
    font-size: 18px;
    opacity: 0.9;
    letter-spacing: 1px;
}

/* --- 技术支持 主体内容 --- */
.zcyd-support-content {
    padding: 100px 0 60px;
    background-color: #ffffff;
}
.zcyd-support-content .support-row {
    margin-bottom: 100px;
}
.zcyd-support-content .support-row:last-child {
    margin-bottom: 0;
}

/* --- 技术支持 图片 --- */
.zcyd-support-content .support-img {
    overflow: hidden;
    /* 给图片加一点非常微弱的阴影提升立体感 */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.zcyd-support-content .support-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.zcyd-support-content .support-img:hover img {
    transform: scale(1.03);
}

/* --- 技术支持 文本 --- */
.zcyd-support-content .support-heading {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    position: relative;
    margin-bottom: 30px;
}
.zcyd-support-content .support-heading::after {
    content: '';
    display: block;
    width: 45px;
    height: 4px;
    background-color: #C20007; 
    margin-top: 15px;
}
.zcyd-support-content .support-desc {
    font-size: 21px;
    color: #555555;
    line-height: 1.8;
    margin-bottom: 25px;
}

.zcyd-support-content .support-text{
	padding:0px 5%;
}

/* --- 技术支持 列表项目 --- */
.zcyd-support-content .support-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.zcyd-support-content .support-list li {
    font-size: 18px;
    color: #666666;
    line-height: 2;
	
    margin-bottom: 15px;
    position: relative;
}
.zcyd-support-content .highlight-orange {
    color: #C20007; 
	font-weight:500;
}

/* --- 技术支持 移动端适配 --- */
@media (max-width: 991px) {
    .zcyd-support-banner {
        height: 260px;
    }
    .zcyd-support-banner h1 {
        font-size: 32px;
    }
    .zcyd-support-banner p {
        font-size: 15px;
    }
    .zcyd-support-content {
        padding: 60px 0 40px;
    }
    .zcyd-support-content .support-row {
        margin-bottom: 60px;
    }
    .zcyd-support-content .support-heading {
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* ==========================================================================
   解决方案 - 内页专属样式 (命名空间: zcyd-solution-)
   ========================================================================== */

/* --- 解决方案 Banner --- */
.zcyd-solution-banner {
    height: 80vh;
    background: url('../img/solution-banner.jpg') center/cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 添加深色叠加层，保证文字清晰度并还原科技感 */
.zcyd-solution-banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(5, 15, 30, 0.2);
    z-index: 1;
}
.zcyd-solution-banner .banner-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
    max-width: 900px;
    margin: 0 auto;
}
.zcyd-solution-banner h1 {
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 25px;
    letter-spacing: 2px;
}
.zcyd-solution-banner p {
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
    text-align: justify;
    text-align-last: center; /* 确保最后一行居中 */
}

/* --- 解决方案 主体模块 --- */
.zcyd-solution-block {
    padding: 100px 0;
    background-color: #ffffff;
}
.zcyd-solution-block.bg-light-gray {
    background-color: #f5f6f8; /* 设计稿中的浅灰背景 */
}

/* 模块头部(标题+按钮)居中 */
.zcyd-solution-block .block-header {
    text-align: center;
}
.zcyd-solution-block .title {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
}
/* 还原“了解我们”空心按钮 */
.zcyd-solution-block .btn-learn-more {
    display: inline-block;
    padding: 8px 25px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #666666;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s;
}
.zcyd-solution-block .btn-learn-more:hover {
    border-color: var(--zcyd-primary-blue);
    color: var(--zcyd-primary-blue);
}

/* --- 图例系统 --- */
.zcyd-solution-block .diagram-legend {
    display: flex;
    flex-direction: column;
    gap: 12px; /* 列表项之间的间距 */
}
/* 设计稿模块2使用的双列网格排版 */
.zcyd-solution-block .legend-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
}
.zcyd-solution-block .legend-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.zcyd-solution-block .legend-item {
    display: flex;
    align-items: flex-start; /* 适配较长的英文换行 */
}
/* 青蓝色圆形数字序号 */
.zcyd-solution-block .legend-item .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-color: #24a9e1; /* 提取自设计稿的青蓝色 */
    color: #ffffff;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 12px;
    margin-top: 2px; /* 对齐文本 */
}
.zcyd-solution-block .legend-item .text {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
}

/* 缩放图片 */
.zcyd-solution-block .diagram-img img {
    width: 100%;
    max-width: 900px;
    display: block;
    margin: 0 auto;
}

/* --- 移动端适配 --- */
@media (max-width: 991px) {
    .zcyd-solution-banner {
        height: 320px;
        padding: 0 20px;
    }
    .zcyd-solution-banner h1 {
        font-size: 28px;
    }
    .zcyd-solution-banner p {
        font-size: 14px;
        text-align: left;
        text-align-last: left;
    }
    .zcyd-solution-block {
        padding: 60px 0;
    }
    .zcyd-solution-block .title {
        font-size: 26px;
    }
    /* 移动端将双列图例变回单列，避免拥挤 */
    .zcyd-solution-block .legend-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   人才招聘 - 内页专属样式 (命名空间: zcyd-careers-)
   ========================================================================== */

/* 全局统一定义招聘页的品牌橙色 */
:root {
    --zcyd-orange: #1361C8;
}

/* --- 公用标题样式 --- */
.section-heading {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    position: relative;
    margin-bottom: 30px;
}
.section-heading.text-white {
    color: #ffffff;
}
.section-heading .heading-line {
    display: block;
    width: 35px;
    height: 4px;
    background-color: var(--zcyd-orange); 
    margin-top: 15px;
}
.center-heading {
    margin-bottom: 50px;
}

/* --- 1. 人才招聘 Banner --- */
.zcyd-careers-banner {
    height: 380px;
    background: url('../img/careers-banner.jpg') center/cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
}
.zcyd-careers-banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /* 左侧深蓝渐变过渡到右侧透明 */
    background: linear-gradient(90deg, rgba(11, 52, 114, 0.85) 0%, rgba(11, 52, 114, 0.1) 100%);
    z-index: 1;
}
.zcyd-careers-banner .banner-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
    max-width: 600px;
}
.zcyd-careers-banner h1 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.zcyd-careers-banner p {
    font-size: 18px;
    opacity: 0.9;
    letter-spacing: 1px;
    line-height: 1.6;
}

/* --- 2. 人才理念 --- */
.zcyd-careers-concept {
    padding: 100px 0;
    background-color: #ffffff;
}
.zcyd-careers-concept .concept-text-wrap p {
    font-size: 18px;
    color: #333;
    line-height: 2;
    margin-bottom: 20px;
    text-align: justify;
}
.zcyd-careers-concept .concept-img-wrap img {
    width: 100%;
	max-width:1000px;
    border-radius: 8px; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

/* --- 3. 核心价值观 --- */
.zcyd-careers-values {
    padding: 120px 0;
    background: url('../img/careers-values-bg.jpg') center/cover no-repeat;
    position: relative;
}
.zcyd-careers-values::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(15, 25, 40, 0.1); /* 深色叠加保证白字清晰 */
    z-index: 1;
}
.zcyd-careers-values .container {
    position: relative;
    z-index: 2;
}
.zcyd-careers-values .values-list {
    margin-top: 40px;
}
.zcyd-careers-values .value-item {
    display: flex;
    align-items: center;
    padding: 25px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); /* 微弱的白线分割 */
    color: #ffffff;
}
.zcyd-careers-values .value-icon {
    margin-right: 20px;
    color: #ffffff;
}
.zcyd-careers-values .value-item span {
    font-size: 21px;
    letter-spacing: 1px;
}

/* --- 4. 福利待遇 --- */
.zcyd-careers-benefits {
    padding: 100px 0;
    background-color: #f7f8fa; /* 极浅灰底色 */
}
.zcyd-careers-benefits .benefit-card {
    background: #ffffff;
    border-radius: 8px;
    padding: 40px 30px;
    height: 100%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left;
}
.zcyd-careers-benefits .benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.06);
}
.zcyd-careers-benefits .icon-wrap {
    color: var(--zcyd-orange);
    margin-bottom: 25px;
}
.zcyd-careers-benefits .benefit-card h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
}
.zcyd-careers-benefits .benefit-card p {
    font-size: 16px;
    color: #777777;
    line-height: 1.8;
    margin: 0;
}

/* --- 5. 人才招聘入口 --- */
.zcyd-careers-jobs {
    padding: 100px 0 120px;
    background-color: #ffffff;
}
.zcyd-careers-jobs .job-entry-card {
    display: block;
    position: relative;
    height: 320px;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: #ffffff;
}
/* 分别对应两张背景图 */
.zcyd-careers-jobs .social-bg {
    background: url('../img/careers-social.jpg') center/cover no-repeat;
}
.zcyd-careers-jobs .campus-bg {
    background: url('../img/careers-campus.jpg') center/cover no-repeat;
}

/* 图片暗色遮罩与交互放大 */
.zcyd-careers-jobs .card-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 0.4s ease;
    z-index: 1;
}
.zcyd-careers-jobs .job-entry-card:hover .card-overlay {
    background-color: rgba(0, 0, 0, 0.3); /* 悬停时遮罩变浅 */
}

/* 内容绝对居中 */
.zcyd-careers-jobs .card-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    width: 100%;
}
.zcyd-careers-jobs .entry-icon {
    margin-bottom: 15px;
    transition: transform 0.4s ease;
}
.zcyd-careers-jobs .card-content h3 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 25px;
    letter-spacing: 2px;
}

/* 橙色圆形箭头按钮 */
.zcyd-careers-jobs .btn-circle-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: var(--zcyd-orange);
    border-radius: 50%;
    color: #ffffff;
    transition: transform 0.3s ease;
}
.zcyd-careers-jobs .job-entry-card:hover .btn-circle-arrow {
    transform: translateX(5px); /* 悬停箭头右移 */
}
.zcyd-careers-jobs .job-entry-card:hover .entry-icon {
    transform: translateY(-5px); /* 悬停图标上浮 */
}

/* --- 移动端适配 --- */
@media (max-width: 991px) {
    .zcyd-careers-banner {
        height: 280px;
    }
    .zcyd-careers-banner h1 {
        font-size: 32px;
    }
    .zcyd-careers-banner p {
        font-size: 15px;
    }
    .zcyd-careers-concept, .zcyd-careers-values, .zcyd-careers-benefits, .zcyd-careers-jobs {
        padding: 60px 0;
    }
    .section-heading {
        font-size: 28px;
    }
    .zcyd-careers-values .value-item span {
        font-size: 16px;
    }
    .zcyd-careers-jobs .job-entry-card {
        height: 240px;
    }
    .zcyd-careers-jobs .card-content h3 {
        font-size: 22px;
    }
}