/* ========== 关于我们整合页样式 ========== */
.about-main { margin-top: 20px; }
.about-main .container { align-items: flex-start; }

/* 侧边栏 */
.about-sidebar { width: 180px; min-width: 180px; margin-right: 20px; }
.about-sidebar .layui-card { border-radius: 8px; overflow: hidden; }
.about-sidebar .layui-card-body { padding: 10px 0; }
.about-nav { margin: 0; padding: 0; }
.about-nav + .about-nav { border-top: 1px dashed #e5e5e5; padding-top: 8px; margin-top: 8px; }
.about-nav li { list-style: none; line-height: 36px; }
.about-nav li a { display: block; padding: 0 24px; color: #23729e; font-size: 14px; }
.about-nav li a:hover { background: #ebf2f6; text-decoration: none; }
.about-nav li.curr a { background: #ebf2f6; font-weight: bold; }

/* 内容区 */
.about-content { flex: 1; min-width: 0; }
.about-content .layui-card { border-radius: 8px; overflow: hidden; }
.about-card-body { padding: 30px; font-size: 15px; line-height: 28px; color: #333; }
.about-card-body h2 { font-size: 18px; font-family: 'microsoft yahei'; font-weight: normal; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #dae6ec; }
.about-card-body h3 { margin: 25px 0 10px; font-size: 16px; font-weight: bold; }
.about-card-body p { margin-bottom: 15px; text-indent: 2em; }
.about-card-body .update { float: right; margin: 25px 0 0; padding: 0; font-size: 12px; color: #999; text-indent: 0; }

/* 团队列表 */
.about-team { margin-top: 15px; }
.team-item { display: flex; padding: 15px 0; border-bottom: 1px dashed #e5e5e5; }
.team-item:last-child { border-bottom: none; }
.team-face { width: 80px; min-width: 80px; }
.team-face img { width: 80px; height: 98px; border: 1px solid #ccc; border-radius: 4px; object-fit: cover; }
.team-info { flex: 1; padding-left: 15px; }
.team-name { font-size: 16px; font-weight: bold; color: #333; padding-top: 5px; }
.team-name span { margin-left: 12px; font-size: 13px; font-weight: normal; color: #ff9900; }
.team-info p { margin: 5px 0; text-indent: 0; color: #666; }
.team-info .team-contact { font-size: 13px; color: #999; }

/* 发展历程时间线 */
.about-history { margin-top: 15px; }
.history-date { margin-bottom: 15px; }
.history-date > h2 { height: 45px; font-size: 22px; font-family: 'microsoft yahei'; font-weight: normal; color: #00bbff; padding-left: 5px; border: none; margin-bottom: 5px; }
.history-date ul { margin: 0; padding: 0; }
.history-date ul li { list-style: none; padding-bottom: 15px; position: relative; }
.history-date ul li:last-child { padding-bottom: 0; }
.history-date ul li h3 { float: left; width: 110px; text-align: right; color: #c3c3c3; font: normal 18px/18px Arial; margin: 0; }
.history-date ul li h3 span { display: block; color: #d0d0d0; font-size: 12px; }
.history-date ul li dl { overflow: hidden; padding-left: 25px; margin: 0; }
.history-date ul li dl dt { font: 18px/24px 'microsoft yahei'; color: #737373; }
.history-date ul li dl dt span { display: block; color: #787878; font-size: 12px; line-height: 20px; }
.history-date ul li.green h3 { color: #00bbff; }
.history-date ul li.green h3 span { color: #00bbff; }
.history-date ul li.green dl dt { font-size: 22px; }