/* =========================================================
   mpaper.cn 公司简介页 about.css（仅 about.html 使用）
   内容：① 公司概况原样式（#profile_main 系列）
        ② 子页 banner / 画廊 / 时间线 / 弹出层
   依赖：tokens → reset.css → style.css → responsive.css → about.css
   ========================================================= */

/* 公司概况 开始 */
#profile_main {
	background-color: var(--color-bg-card);
}
#profile_main .main_tap {
	background-color: var(--color-bg-soft);
}
/*#profile_main .main_tap .main_tap_wrap {*/
/*	text-align: center;*/
/*}*/
#profile_main .profile_mian_banner {
	height: 800px;
	position: relative;
}
@media (max-width: 1800px) {
  #profile_main .profile_mian_banner {
	height: 600px;
}
}
#profile_main .profile_mian_banner .title_wrap {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	background-color: rgba(0,0,0,.6);
	color: var(--color-text-invert);
	width: 55%;
	padding: 35px;
}
#profile_main .profile_mian_banner .title_wrap .title {
	font-size: 48px;
} 
#profile_main .profile_mian_banner .title_wrap .title span {
	font-size: 36px;
	color: var(--color-text-muted);
} 
#profile_main .profile_mian_banner .title_wrap .subtitle {
	font-size: 16px;
	line-height: 30px;
	margin-top: 25px;
}
.company_speech_content,
.profile_content,
.history_content {
	background-color: var(--color-bg-card);
}
.profile_content .profile_content_wrap,
.history_content .history_content_wrap {
	max-width: 1400px;
	margin: 0 auto;
	padding-top: 80px;
}
.profile_content .profile_content_wrap .title,
.history_content .history_content_wrap .title {
	font-size: 30px;
	color: var(--color-text);
	margin-bottom: 50px;
	text-align: center;
}
.history_content .history_content_view {
    text-align: center;
    margin-bottom: 50px;
}
.history_content .history_content_view .history_img {
	max-width: 100%;
}


.company_speech_content .company_content {
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 0;
	position: relative;
}
.company_speech_content.fold .company_content {
	height: 500px;
	overflow: hidden;
}
.company_speech_content.fold .company_content:after {
	display: block;
}
.company_speech_content .company_content:after {
	content: "";
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background-image: -webkit-linear-gradient(top, #0000, var(--color-bg-card));
  background-image: linear-gradient(to bottom, #0000, var(--color-bg-card));
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.company_speech_content .company_content > div {
	font-size: 14px;
}
.company_speech_content .company_content .title_wrap .title {
	font-size: 30px;
	color: var(--color-text);
	margin-bottom: 50px;
	text-align: center;
}
.company_speech_content .company_content .title_wrap .subtitle {
	font-size: 16px;
	color: var(--color-text);
	line-height: 30px;
	margin-bottom: 50px;
}
.company_speech_content .company_content .title_wrap .title_bottom {
	text-align: right;
	font-size: 20px;
}
.company_speech_content .company_content .title_wrap .title_bottom .text {
	margin-right: 15px;
}
.company_speech_content .company_content .cover_wrap {
	padding: 0 60px;
	height: 350px;
	width: 700px;
	float: right;
}
.company_speech_content .company_content .cover_wrap .cover {
	width: 100%;
	height: 100%;
}
#profile_main .company_culture_content {
	height: 900px;
	padding: 100px 0;
}
#profile_main .company_culture_content .culture_content {
	max-width: 1400px;
	margin: 0 auto;	
}
.company_culture_content .culture_content .list_culture {
	background-color: var(--color-bg-card);
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.company_culture_content .culture_content .list_culture .item_culture {
	padding: 25px 0;
	text-align: center;
	width: 33.33%;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-text-secondary);
	font-size: 25px;
	cursor: pointer;
}
.company_culture_content .culture_content .list_culture .item_culture.active,
.company_culture_content .culture_content .list_culture .item_culture:hover {
	background-color: var(--color-brand-bronze);
	color: var(--color-text-invert);
}
.company_culture_content .culture_content .list_culture .item_culture .material-icons {
	margin-right: 10px;
	font-size: 40px;
}
.culture_content .list_culture_wrap .item_culture_wrap {
	font-size: 0;
	background-color: rgba(0,0,0,.3);
	display: none;
}
.culture_content .list_culture_wrap .item_culture_wrap.active {
	display: block;
}
.culture_content .culture_wrap > div {
	font-size: 14px;
	display: inline-block;
	width: 50%;
	padding: 80px;
	vertical-align: top;
	height: 600px;
}
.culture_content .culture_wrap .cover_wrap {
	position: relative;
}
.culture_content .culture_wrap .cover_wrap .cover {
	padding-top: 70%;
	width: 100%;
	background-size: contain;
}
.culture_content .culture_wrap .cover_wrap .cover_text {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: var(--color-primary);
	color: var(--color-text-invert);
	text-align: center;
}

.culture_content .culture_wrap .culture_info {
	background-color: rgba(76,155,76,.1);
	color: var(--color-text-invert);
	overflow: auto;
}
.culture_content .culture_wrap .culture_info .title {
	font-size: 16px;
	line-height: 25px;
	padding: 0 5px;
	margin-bottom: 50px;
}

.culture_content .culture_wrap .culture_info .list_certificate {
	font-size: 0;
}
.culture_content .culture_wrap .culture_info .list_certificate .item_certificate {
	display: inline-block;
	font-size: 14px;
	width: 33.33%;
	border: 5px solid transparent;
	cursor: pointer;
}
.culture_content .culture_wrap .culture_info .list_certificate .item_certificate.active {
	border: 5px solid var(--color-primary);
}
.culture_content .culture_wrap .culture_info .list_certificate .item_certificate .cover_wrap {
	background-color: var(--color-bg-card);
	width: 100%;
	padding: 10px;
}
.culture_content .culture_wrap .culture_info .list_certificate .item_certificate .cover_wrap .cover {
	width: 100%;
	padding-top: 70%;
	background-size: contain;
}
/* 公司概况 结束 */

/* =========================================================
   About 页（公司简介）沿用首页布局体系
   子页 Banner 高度参考 https://test.lanbozx.com/xuanxue/about.html
   （min-height:420px，移动端 280px）
   ========================================================= */
#profile_main .profile_mian_banner {
height: auto;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hp-subbanner .bg {
position: absolute; inset: 0; z-index: 0;
  background-size: cover; background-position: center;
}

.hp-subbanner .mask {
position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(20,40,28,.28) 0%, rgba(20,40,28,.16) 50%, rgba(20,40,28,.44) 100%);
}

.hp-subbanner .inner {
position: relative; z-index: 2; text-align: center;
  max-width: 1200px; margin: 0 auto; /* 对齐首页 .hp-container（1200/48） */
  padding: 96px 48px; color: var(--color-text-invert);
}

.hp-subbanner .inner h1 {
font-size: clamp(32px, 3.2vw, 50px); font-weight: 700; margin: 0;
  text-shadow: 0 2px 18px rgba(0,0,0,.5);
}

.hp-subbanner .inner p {
margin: 16px 0 0; font-size: clamp(15px, 1.6vw, 20px); letter-spacing: 2px;
  color: rgba(255,255,255,.9); text-shadow: 0 1px 12px rgba(0,0,0,.5);
}

/* 板块交替底色 + 100px 间距，对齐首页 .hp-band */
#profile_main .profile_content,
#profile_main .company_speech_content,
#profile_main .history_content {
background: var(--color-bg-card);
  padding: 100px 0;
}

#profile_main .company_speech_content,
#profile_main .company_culture_content {
background: var(--color-bg-soft);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: 100px 0;
}

/* 内容容器收拢到 1200，对齐首页 .hp-container */
#profile_main .profile_content_wrap,
#profile_main .company_content,
#profile_main .history_content_wrap,
#profile_main .company_culture_content .culture_content {
max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
}

/* 区块标题对齐首页 .hp-section-title（居中 + 辅助色下划线） */
#profile_main .profile_content_wrap .title,
#profile_main .history_content_wrap .title {
font-size: 42px; color: var(--color-text); text-align: center;
  position: relative; padding-bottom: 18px; margin-bottom: 56px;
}

#profile_main .profile_content_wrap .title:before,
#profile_main .history_content_wrap .title:before {
content: ''; position: absolute; left: 50%; bottom: 0;
  transform: translateX(-50%); width: 80px; height: 5px; background: var(--color-primary);
}

/* 公司简介正文（.profile_content_view）
   ------------------------------------------------------------
   富文本从后台录入，不带任何内联样式，所以此前没有任何规则命中它，
   一路继承 html 的 12px —— 比同页「董事长致辞」的 16px 小一圈，
   视觉上像是脚注。这里与致辞正文对齐：16px / 30px，
   并把行长收到 900px（满宽 1104px 一行近 70 个汉字，读起来容易串行）。 */
#profile_main .profile_content_view {
max-width: 900px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 30px;
  color: var(--color-text-secondary);
}

#profile_main .profile_content_view p {
margin: 0 0 18px;
}

#profile_main .profile_content_view p:last-child {
margin-bottom: 0;
}

/* 正文里的加粗小标题跟着正文走，颜色提一档以示层级 */
#profile_main .profile_content_view strong,
#profile_main .profile_content_view b {
color: var(--color-text);
}

/* 英文同一字号下一行能塞 100+ 字符，比中文更费眼，单独再收一档（约 88 字符/行） */
html[lang="en"] #profile_main .profile_content_view {
max-width: 780px;
}

/* 窄屏：900px 上限自然失效，只剩水槽留白，字号下调一档防大段换行 */
@media (max-width: 640px) {
#profile_main .profile_content_view {
font-size: 15px;
    line-height: 28px;
}
}

#profile_main .company_content .title_wrap .title {
font-size: 42px; color: var(--color-text); text-align: center;
  position: relative; padding-bottom: 18px; margin-bottom: 24px;
}

/* 致辞标题的下划线：标题盒是整行宽（1104），但右侧 700px 是浮动照片，
   文本只在前 404px 的行盒里居中 —— left:50% 算的是整行中心，下划线会落到照片上。
   行盒宽 = 100% - 照片宽，所以锚点取 (100% - 700px) / 2，正好压在标题文字下方。 */
#profile_main .company_content .title_wrap .title:before {
content: ''; position: absolute; bottom: 0;
  left: calc((100% - 700px) / 2);
  transform: translateX(-50%); width: 80px; height: 5px; background: var(--color-primary);
}

/* 窄屏照片不再浮动（见文件末尾 cover_wrap 满宽规则），行盒恢复整宽，锚点回到 50% */
@media (max-width: 980px) {
  #profile_main .company_content .title_wrap .title:before { left: 50%; }
}

/* 顶部 Tab / 展开按钮 / 荣誉 Tab 统一品牌绿 */
#profile_main .main_tap {
background: var(--color-bg-card);
border-bottom: 1px solid var(--color-brand-bronze); /* 棕色分割线 */
position: sticky;
top: var(--header-stuck); /* 下滑后工具条收起，锁在「导航条 + 1px 线」正下方 */
z-index: 50; /* 低于页头(z-100)，高于正文 */
}

/* 窄桌面/平板：--header-stuck 由 responsive.css 的 :root 覆盖（64+1），无需在此另写 */

#profile_main .main_tap .main_tap_wrap {
max-width: 1200px;
  padding: 0 48px; /* 对齐首页 .hp-container 水槽 */
}
@media (max-width: 980px) {
#profile_main .main_tap .main_tap_wrap {
padding: 0 20px;
}
}

#profile_main .main_tap .main_tap_wrap .tap_item:hover,
#profile_main .main_tap .main_tap_wrap .tap_item.active {
color: var(--color-primary);
}

/* 展开 / 收起按钮：与首页 btn-primary 同款（绿实底、古铜 hover、圆角+浮起） */
#profile_main .company_speech_content .btn_spreadmore {
width: 150px;
  height: 40px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  color: var(--color-text-invert);
  background: var(--color-primary);
  transition: .25s;
}

/* 折叠态（未展开）：与正文保留间距 */
#profile_main .company_speech_content.fold .btn_spreadmore {
  margin-top: 36px; margin-bottom: 0;
}


#profile_main .company_speech_content .btn_spreadmore:hover {
background: var(--color-brand-bronze); color: var(--color-text-invert);
  transform: translateY(-2px); box-shadow: 0 8px 20px rgba(199,157,110,.35);
}

#profile_main .company_culture_content .list_culture .item_culture.active,
#profile_main .company_culture_content .list_culture .item_culture:hover {
background-color: var(--color-primary); color: var(--color-text-invert);
}

/* About 页：荣誉资质 / 社会公益 / 企业文化 画廊（拆分后的三个独立板块） */
#profile_main .hp-gal {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}

#profile_main .hp-gal--2 {
grid-template-columns: repeat(2, 1fr); /* 填满容器内容区，对齐首页案例/新闻卡片整行铺开 */
}

#profile_main .hp-gal-item {
display: block; text-decoration: none;
  background: var(--color-bg-card); border: 1px solid var(--color-primary); border-radius: 10px;
  overflow: hidden; box-shadow: 0 2px 12px rgba(76,155,76,.07); transition: .25s;
}

#profile_main .hp-gal-item:hover {
transform: translateY(-6px); box-shadow: 0 12px 26px rgba(0,0,0,.14); border-color: var(--color-brand-bronze);
}

#profile_main .hp-gal-item .cover {
padding-top: 70%; background-size: cover; background-position: center; background-color: var(--color-border);
}

#profile_main .hp-gal-item .cap {
padding: 16px 18px; font-size: 16px; color: var(--color-text-invert); font-weight: 600; text-align: center; transition: .2s; background-color: var(--color-primary);
}

#profile_main .hp-gal-item:hover .cap {
color: var(--color-text-invert); background-color: var(--color-brand-bronze);
}

/* 荣誉资质卡片图片完整显示（contain，不裁剪；区域宽高不变） */
#profile_main #honor .hp-gal-item .cover {
background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--color-bg-card);
  /* 背景图卡片用 padding-top 撑高，直接加 padding 会破坏比例；
     用同色白边做内缩，给证书图留约 14px 内边距、不贴边 */
  border: 14px solid var(--color-bg-card);
}

/* 弹出层（荣誉资质大图 / 社会公益详情 共用尺寸） */
.hp-modal {
position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center;
}

.hp-modal.open {
display: flex;
}

.hp-modal-mask {
position: absolute; inset: 0; background: rgba(15,28,20,.72);
}

.hp-modal-box {
position: relative; z-index: 1; background: var(--color-bg-card); border-radius: 12px;
  width: 90vw; max-width: 900px; max-height: 90vh; overflow: auto;
  padding: 28px; box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

.hp-modal-close {
position: absolute; top: 10px; right: 12px; width: 36px; height: 36px;
  border: none; background: rgba(0,0,0,.06); border-radius: 50%;
  font-size: 24px; line-height: 1; color: var(--color-text-secondary); cursor: pointer; z-index: 2;
}

.hp-modal-close:hover {
background: var(--color-primary); color: var(--color-text-invert);
}

.hp-modal-img {
display: block; max-width: 100%; max-height: 72vh; margin: 0 auto; object-fit: contain;
}

.hp-modal-cap {
text-align: center; margin-top: 16px; font-size: 18px; font-weight: 600; color: var(--color-text);
}

.hp-modal-detail .hp-modal-fig {
display: block; max-width: 100%; max-height: 60vh; margin: 0 auto 18px; object-fit: contain; border-radius: 8px;
}

.hp-modal-detail-title {
font-size: 20px; color: var(--color-text); text-align: center; margin: 0 0 14px;
}

.hp-modal-detail-text {
font-size: 15px; line-height: 1.9; color: var(--color-text);
}

.hp-modal-detail-text p {
margin: 0 0 12px;
}

/* About 页：发展历程时间线（参考 lanbozx 站点布局，年份 + 阶段 + 事件） */
#profile_main .hp-timeline {
position: relative; max-width: 1104px; margin: 0 auto; text-align: left; /* 1104 = 1200 容器 − 48×2 水槽，与首页板块内容区等宽 */
}

#profile_main .hp-tl-item {
display: grid; grid-template-columns: 104px 1fr; gap: 26px;
}

#profile_main .hp-tl-body {
position: relative; padding: 0 0 46px 34px; border-left: 2px solid var(--color-border); text-align: left;
}

#profile_main .hp-tl-item:last-child .hp-tl-body {
padding-bottom: 0;
}

#profile_main .hp-tl-body:before {
content: ''; position: absolute; left: -9px; top: 4px; width: 16px; height: 16px;
  box-sizing: border-box; border-radius: 50%; background: var(--color-brand-bronze);
  border: 3px solid var(--color-bg-card); box-shadow: 0 0 0 3px var(--color-brand-bronze);
}

#profile_main .hp-tl-year {
font-size: clamp(22px, 2.4vw, 30px); font-weight: 800; color: var(--color-text-secondary);
  text-align: right; line-height: 1.3; padding-top: 1px;
}

#profile_main .hp-tl-phase {
margin: 0 0 14px; font-size: 21px; font-weight: 700; color: var(--color-text-secondary);
}

#profile_main .hp-tl-events {
margin: 0; padding: 0; list-style: none;
}

#profile_main .hp-tl-events li {
display: flex; gap: 8px; margin-bottom: 12px; line-height: 1.75; color: var(--color-text-secondary); font-size: 15px;
}

#profile_main .hp-tl-events li:last-child {
margin-bottom: 0;
}

#profile_main .hp-tl-ev {
flex: 0 0 auto; font-weight: 700; color: var(--color-primary-dark);
}

#profile_main .hp-tl-ev:after {
content: '：';
}

#profile_main .hp-tl-desc {
flex: 1;
}

@media (max-width: 768px) {
#profile_main .profile_mian_banner {
min-height: 280px;
}
.hp-subbanner .inner {
padding: 64px 20px; /* 对齐首页容器移动端水槽 20px */
}
#profile_main .main_tap {
display: none;
}
}

@media (max-width: 980px) {
#profile_main .profile_content,
  #profile_main .company_speech_content,
  #profile_main .history_content,
  #profile_main .company_culture_content {
padding: 64px 0;
}
#profile_main .profile_content_wrap,
  #profile_main .company_content,
  #profile_main .history_content_wrap,
  #profile_main .company_culture_content .culture_content {
padding: 0 20px;
}
#profile_main .hp-gal, #profile_main .hp-gal--2 {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 560px) {
#profile_main .hp-gal, #profile_main .hp-gal--2 {
grid-template-columns: 1fr;
}
.hp-modal-box {
width: 94vw; padding: 20px;
}
.hp-modal-img {
max-height: 64vh;
}
}

@media (max-width: 640px) {
#profile_main .hp-tl-item {
grid-template-columns: 1fr; gap: 8px;
}
#profile_main .hp-tl-year {
text-align: left; font-size: 22px;
}
#profile_main .hp-tl-body {
padding-left: 26px;
}
/* 移动端正字号收紧：板块标题 42px 在 345px 宽屏上换行难看 */
#profile_main .profile_content_wrap .title,
#profile_main .history_content_wrap .title,
#profile_main .company_content .title_wrap .title {
font-size: 26px; margin-bottom: 36px; padding-bottom: 14px;
}
#profile_main .profile_content_wrap .title:before,
#profile_main .history_content_wrap .title:before,
#profile_main .company_content .title_wrap .title:before {
width: 56px; height: 4px;
}
/* banner 主标题 */
#profile_main .hp-subbanner h1 {
font-size: 30px;
}
/* 时间线条目收紧 */
#profile_main .hp-tl-item {
padding-bottom: 20px;
}
}


/* 企业文化内容墙（#enterprise，替换原双卡片） */
#profile_main .cul-quote {
	background-color: #fff;
	border-top: 5px solid var(--color-brand-bronze);
	padding: 44px 40px;
	text-align: center;
	margin-bottom: 28px;
}
#profile_main .cul-quote-label {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 6px;
	font-weight: bold;
	color: var(--color-brand-bronze);
	margin-bottom: 14px;
}
#profile_main .cul-quote-text {
	font-size: 26px;
	letter-spacing: 3px;
	font-weight: bold;
	color: var(--color-text);
	margin-bottom: 16px;
}
#profile_main .cul-quote-sub {
	font-size: 14px;
	line-height: 1.9;
	color: var(--color-text-muted);
	max-width: 760px;
	margin: 0 auto;
}
#profile_main .cul-mv { font-size: 0; margin: 0 -10px 28px; }
#profile_main .cul-mv-item {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 33.3333%;
	padding: 0 10px;
	font-size: 14px;
}
#profile_main .cul-mv-box {
	background-color: #fff;
	padding: 26px 24px;
	min-height: 168px;
}
#profile_main .cul-mv-k {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: var(--color-primary);
	border-radius: 3px;
	padding: 3px 12px;
	margin-bottom: 12px;
}
#profile_main .cul-mv-v { font-size: 15px; line-height: 1.9; color: var(--color-text-secondary); }
#profile_main .cul-keys { font-size: 0; margin: 0 -10px; }
#profile_main .cul-key {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 25%;
	padding: 0 10px;
	font-size: 14px;
}
#profile_main .cul-key .t {
	font-size: 18px;
	font-weight: bold;
	color: var(--color-text);
	padding-top: 16px;
	border-top: 2px solid var(--color-brand-bronze);
	margin-bottom: 10px;
}
#profile_main .cul-key .d { font-size: 13px; line-height: 1.8; color: var(--color-text-muted); }
@media (max-width: 980px) {
	#profile_main .cul-quote { padding: 32px 24px; }
	#profile_main .cul-quote-text { font-size: 20px; letter-spacing: 1px; }
	#profile_main .cul-mv { margin-bottom: 18px; }
	#profile_main .cul-mv-item { width: 100%; margin-bottom: 14px; }
	#profile_main .cul-mv-box { min-height: 0; }
	#profile_main .cul-key { width: 50%; margin-bottom: 20px; }
}
@media (max-width: 640px) {
	#profile_main .cul-key { width: 100%; }
}


/* 移动端：董事长致辞配图满宽居中（原 700px 右浮动在手机屏溢出偏右） */
@media (max-width: 980px) {
	#profile_main .company_speech_content .company_content .cover_wrap {
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 auto 28px;
	}
	#profile_main .company_speech_content .company_content .cover_wrap .cover {
		height: 0;
		padding-top: 58%;
	}
}

/* 移动端折叠高度要单独抬：桌面的 500px 里照片是右侧浮动（不占纵向空间），
   扣掉后还剩十来行正文；手机上照片改成满宽、占掉约 200~540px，
   同样 500px 只够露出照片和标题，整段致辞等于没显示（2026-11-02 站长反馈）。
   平板（照片按 58% 比例很高）给 900px，手机给 720px，都留出十几行正文再淡出。 */
@media (max-width: 980px) {
	#profile_main .company_speech_content.fold .company_content { height: 900px; }
}
@media (max-width: 640px) {
	#profile_main .company_speech_content.fold .company_content { height: 720px; }
}

/* 移动端：发展历程标签最多五个中文字一行，超出部分换行 */
@media (max-width: 640px) {
	#profile_main .hp-tl-ev { width: 5em; white-space: normal; word-break: break-all; }
}