/* css/ywbk.style.css - 业务板块内容文字专属样式 */

/* 父级定位确保样式 */
.sf-profile .gsgk-conten .gsgk-content {
    padding-left: 60px;  /* 左侧内边距增大 */
    padding-right: 20px; /* 右侧内边距不变，保持整体平衡 */
}

/* 业务项基础间距 */
.business-item.wow.fadeInUp.animated {
    margin-bottom: 70px; /* 项目垂直间距 */
    padding-top: 10px;
}
.business-item.wow.fadeInUp.animated:last-child {
    margin-bottom: 0; /* 最后一项清除底部间距 */
}

/* 标题样式*/
.business-title {
    color: #000000; /* 标题灰色 */
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px; /* 标题与下方内容间距 */
    line-height: 1.4;
}

/* 内容段落样式 */
.business-content {
    color: #333; /* 正文主色 */
    font-size: 16px;
    line-height: 1.8; /* 行高优化阅读 */
    margin-bottom: 16px; /* 段落与列表间距 */
    text-align: justify; /* 文字两端对齐 */
}

/* 列表项样式 */
.business-list {
    padding-left: 24px; /* 列表缩进 */
    margin-bottom: 8px;
}
.business-list li {
    color: #444; /* 列表文字色 */
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 12px; /* 列表项之间间距 */
}

/* 总结段落样式 */
.business-summary {
    padding: 0 60px; /* 左侧内边距与内容容器一致 */
    margin-top: 30px;
}
.business-summary p {
    color: #333;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    border-top: 1px dashed #eee; /* 顶部虚线分隔 */
    padding-top: 24px;
}
/* 父容器：控制图片组整体上下分布，为子元素居中提供基础 */
.business-img-group {
    display: flex;
    flex-direction: column; /* 强制上下纵向排列 */
    gap: 30px; /* 上下图片间距，可根据需求调整 */
    margin: 25px 0; /* 与上方列表、下方内容的间距，避免拥挤 */
}
/* 子容器（图片外层）：实现水平居中 + 宽度控制 */
.business-img-group .profile-right {
    width: 30%; /* 小屏幕下自适应父容器宽度 */
    max-width: 1200px; /* 超宽屏幕下限制最大宽度，避免图片拉伸变形 */
    margin: 10px auto; /* 核心居中属性：左右margin自动分配，实现水平居中 */
    text-align: center; /* 可选：若内部有行内元素（如文字），也让其居中 */
}
/* 图片本身：保持比例 + 适应容器 */
.business-img-group .profile-right img {
    border: 1px solid #f0f0f0; /* 可选：轻微边框提升质感，与页面风格统一 */
    border-radius: 4px; /* 可选：轻微圆角，弱化生硬边缘（可根据原有设计决定是否保留） */
}

/* 图片描述文字：与图片居中对齐 */
.business-img-group .profile-right .img-desc {
    margin-top: 8px;
    margin-bottom: 20px;
    color: #666;
    font-size: 14px;
    text-align: center; /* 文字与图片居中对齐，视觉更统一 */
	font-weight: bold;
}
.business-img-group .profile-right2 {
    width: 100%; /* 小屏幕下自适应父容器宽度 */
    max-width: 1200px; /* 超宽屏幕下限制最大宽度，避免图片拉伸变形 */
    margin: 10px auto; /* 核心居中属性：左右margin自动分配，实现水平居中 */
    text-align: center; /* 可选：若内部有行内元素（如文字），也让其居中 */
}
/* 图片本身：保持比例 + 适应容器 */
.business-img-group .profile-right2 img {
    width: 80%; /* 图片宽度适应父容器 */
    height: auto; /* 固定宽高比，避免图片拉伸变形 */
    border: 1px solid #f0f0f0; /* 可选：轻微边框提升质感，与页面风格统一 */
    border-radius: 4px; /* 可选：轻微圆角，弱化生硬边缘（可根据原有设计决定是否保留） */
}

/* 图片描述文字：与图片居中对齐 */
.business-img-group .profile-right2 .img-desc {
    margin-top: 8px;
    margin-bottom: 20px;
    color: #666;
    font-size: 14px;
    text-align: center; /* 文字与图片居中对齐，视觉更统一 */
	font-weight: bold;
}
/* 响应式适配 */
@media (max-width: 768px) {
    /* 移动端内容容器左内边距减小，避免内容挤压 */
    .sf-profile .gsgk-conten .gsgk-content {
        padding-left: 30px; /* 移动端左侧内边距 */
        padding-right: 15px;
    }

    .business-item.wow.fadeInUp.animated {
        margin-bottom: 50px; /* 移动端项目间距缩小 */
    }
    .business-title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .business-content {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 14px;
    }
    .business-list {
        padding-left: 20px; /* 移动端列表缩进适配 */
    }
    .business-list li {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    /* 移动端总结文本左内边距同步减小 */
    .business-summary {
        padding: 0 30px;
        margin-top: 20px;
    }
    .business-summary p {
        font-size: 15px;
        padding-top: 20px;
    }
}