/* ==========================================================================
   job.css  ·  人才招聘
   ========================================================================== */

/* 金牌服务 结束 */



/* 人才招聘 开始 */
#recruit_main {
	
}
.recruit_content {
	background-color: var(--color-bg-page);
	padding: 100px 0; /* 对齐 about 板块间距 */
}
.recruit_wrap {
	max-width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	padding: 64px 48px; /* 对齐 about 容器水槽 */
}
.recruit_wrap .recruit_tap {
	font-size: 0;
	height: 80px;
	line-height: 80px;
	background-color: var(--color-bg-page);
	border-top: 5px solid var(--color-brand-bronze);
	padding: 0 50px;
}
.recruit_wrap .recruit_tap > div {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	font-weight: bold;
	color: var(--color-text);
}
.recruit_wrap .recruit_tap .item_recruit_post {
	width: 30%;
}
.recruit_wrap .recruit_tap .item_recruit_section {
	width: 20%;
}
.recruit_wrap .recruit_tap .item_recruit_address {
	width: 30%;
}
.recruit_wrap .recruit_tap .item_recruit_people {
	width: 10%;
}
.recruit_wrap .recruit_tap .item_recruit_date {
	width: 10%;
}
.list_work {
	
}
.list_work .item_work {
	border-bottom: 1px solid var(--color-border);
}
.item_work .work_wrap {
	font-size: 0;
	cursor: pointer;
	padding: 0 50px;
}
.item_work .work_wrap > div {
	font-size: 18px;
	color: var(--color-text);
	display: inline-block;
	vertical-align: top;
	padding: 25px 0;
}
.item_work .work_wrap .post {
	width: 30%;
}
.item_work .work_wrap .section {
	width: 20%;
}
.item_work .work_wrap .address {
	width: 30%;
}
.item_work .work_wrap .people {
	width: 10%;
}
.item_work .work_wrap .date {
	width: 10%;
}
.item_work .work_info {
	display: none;
	padding: 25px 50px;
	background-color: var(--color-bg-page);
}
.item_work.active .work_info {
	display: block;
}
.item_work .work_info .title_wrap {
	margin-bottom: 25px;
}
/* 岗位概况：薪资 / 学历 / 经验，后台填了才出现 */
.item_work .work_info .job_meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-bottom: 22px;
	padding: 14px 18px;
	background-color: var(--color-bg-card);
	border-left: 3px solid var(--color-primary);
	font-size: 14px;
	color: var(--color-text-secondary);
}
.item_work .work_info .title_wrap .title {
	font-size: 18px;
	color: var(--color-text);
	margin-bottom: 15px;
}
.item_work .work_info .title_wrap .subtitle {
	font-size: 14px;
	color: var(--color-text-secondary);
}
.item_work .work_info .btn_box {
	text-align: right;
}
/* 「立即申请」与首页 .hp-btn 同款：默认绿，悬停转古铜 */
.item_work .work_info .btn_box .btn_apply {
	display: inline-block;
	background-color: var(--color-primary);
	font-size: 18px;
	color: var(--color-text-invert);
	height: 60px;
	line-height: 60px;
	padding: 0 100px;
	border-radius: 3px;
	transition: .25s;
}
.item_work .work_info .btn_box .btn_apply:hover {
	background-color: var(--color-brand-bronze);
	color: var(--color-text-invert);
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(199, 157, 110, .35);
}

/* 人才招聘移动端适配 */
@media (max-width: 980px) {
	.recruit_content { padding: 64px 0; }
	.recruit_wrap .recruit_tap { height: auto; line-height: 1.4; padding: 14px 20px; }
	.recruit_wrap .recruit_tap > div { font-size: 14px; }
	.item_work .work_wrap { padding: 0 20px; }
	.item_work .work_wrap > div { font-size: 14px; padding: 16px 0; }
	.item_work .work_info { padding: 20px; }
	.item_work .work_info .btn_box .btn_apply { height: 48px; line-height: 48px; padding: 0 40px; font-size: 16px; }
}
@media (max-width: 640px) {
	/* 职位表收窄为 职位/地点/日期 三列 */
	.recruit_wrap .recruit_tap .item_recruit_section,
	.recruit_wrap .recruit_tap .item_recruit_people,
	.item_work .work_wrap .section,
	.item_work .work_wrap .people { display: none; }
	.recruit_wrap .recruit_tap .item_recruit_post,
	.item_work .work_wrap .post { width: 40%; }
	.recruit_wrap .recruit_tap .item_recruit_address,
	.item_work .work_wrap .address { width: 35%; }
	.recruit_wrap .recruit_tap .item_recruit_date,
	.item_work .work_wrap .date { width: 25%; }
}


/* 人才政策页（job_policy.html） */
.jp_wrap { padding-top: 56px; padding-bottom: 56px; }
.jp-sec { margin-bottom: 56px; }
.jp-sec:last-of-type { margin-bottom: 0; }
.jp-head {
	background-color: var(--color-bg-page);
	border-top: 5px solid var(--color-brand-bronze);
	padding: 20px 30px;
	margin-bottom: 28px;
}
.jp-head .jp-title { font-size: 24px; font-weight: bold; color: var(--color-text); }
.jp-head .jp-sub { font-size: 14px; color: var(--color-text-muted); margin-top: 6px; }
.jp-cards { font-size: 0; margin: 0 -10px; }
.jp-card {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 25%;
	padding: 0 10px;
	margin-bottom: 20px;
	font-size: 14px;
}
.jp-cards-3 .jp-card { width: 33.3333%; }
.jp-card .jp-card-box {
	background-color: var(--color-bg-page);
	padding: 28px 22px;
	min-height: 210px;
}
.jp-ico {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background-color: var(--color-primary);
	color: #fff;
	text-align: center;
	margin-bottom: 16px;
}
.jp-ico .material-icons { font-size: 26px; line-height: 52px; }
.jp-card .jp-card-title { font-size: 17px; font-weight: bold; color: var(--color-text); margin-bottom: 10px; }
.jp-card .jp-card-text { font-size: 14px; line-height: 1.8; color: var(--color-text-secondary); }
/* 文化：宗旨引言 + 使命愿景 + 文化关键词 */
.jp-quote {
	background-color: var(--color-bg-page);
	padding: 36px 30px;
	text-align: center;
	margin-bottom: 20px;
}
.jp-quote .jp-quote-label {
	display: inline-block;
	font-size: 13px;
	color: var(--color-brand-bronze);
	font-weight: bold;
	letter-spacing: 4px;
	margin-bottom: 12px;
}
.jp-quote .jp-quote-text { font-size: 22px; letter-spacing: 3px; color: var(--color-text); font-weight: bold; }
.jp-mv { font-size: 0; margin: 0 -10px 8px; }
.jp-mv .jp-mv-item {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
	font-size: 14px;
}
.jp-mv .jp-mv-item .jp-mv-k {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: var(--color-primary);
	border-radius: 3px;
	padding: 3px 10px;
	margin-bottom: 10px;
}
.jp-mv .jp-mv-item .jp-mv-v { font-size: 15px; line-height: 1.8; color: var(--color-text-secondary); }
.jp-culture { font-size: 0; margin: 0 -10px; }
.jp-cul-item {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 25%;
	padding: 18px 10px;
	font-size: 14px;
	text-align: center;
	border-top: 2px solid var(--color-border);
}
.jp-cul-item .t { font-size: 17px; font-weight: bold; color: var(--color-text); margin-bottom: 8px; }
.jp-cul-item .d { font-size: 13px; line-height: 1.8; color: var(--color-text-muted); }
/* 福利 */
.jp-benefits { font-size: 0; margin: 0 -10px; }
.jp-benefit {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 25%;
	padding: 0 10px;
	margin-bottom: 20px;
	font-size: 14px;
}
.jp-benefit .jp-benefit-box {
	background-color: var(--color-bg-page);
	padding: 24px 16px;
	text-align: center;
	min-height: 170px;
}
.jp-benefit .jp-ico { margin-left: auto; margin-right: auto; }
.jp-benefit .jp-benefit-title { font-size: 16px; font-weight: bold; color: var(--color-text); margin-bottom: 8px; }
.jp-benefit .jp-benefit-text { font-size: 13px; line-height: 1.7; color: var(--color-text-muted); }
/* 应聘引导条 */
.jp-cta {
	margin-top: 56px;
	background-color: var(--color-bg-page);
	border-top: 5px solid var(--color-brand-bronze);
	padding: 32px 30px;
	text-align: center;
}
.jp-cta .jp-cta-text { font-size: 17px; color: var(--color-text); margin-bottom: 18px; }
.jp-cta .jp-cta-btn {
	display: inline-block;
	padding: 13px 48px;
	background-color: var(--color-primary);
	border: 1px solid var(--color-primary);
	border-radius: 8px;
	color: #fff;
	font-size: 16px;
	transition: background-color .2s, border-color .2s;
}
.jp-cta .jp-cta-btn:hover { background-color: var(--color-brand-bronze); border-color: var(--color-brand-bronze); }
@media (max-width: 980px) {
	.jp_wrap { padding-top: 40px; padding-bottom: 40px; }
	.jp-sec { margin-bottom: 40px; }
	.jp-card, .jp-benefit { width: 50%; }
	.jp-cards-3 .jp-card { width: 100%; }
	.jp-mv .jp-mv-item { width: 100%; }
	.jp-cul-item { width: 50%; }
	.jp-head { padding: 16px 20px; }
	.jp-quote { padding: 28px 20px; }
	.jp-quote .jp-quote-text { font-size: 18px; letter-spacing: 1px; }
	.jp-cta { margin-top: 40px; padding: 26px 20px; }
}
@media (max-width: 640px) {
	.jp-card, .jp-benefit, .jp-cul-item { width: 100%; margin-bottom: 14px; }
	.jp-card .jp-card-box, .jp-benefit .jp-benefit-box { min-height: 0; }
}

@media (max-width: 640px) {
	.item_work .work_info .btn_box { text-align: center; }
}


/* 暂无职位 */
.recruit_empty {
	padding: 60px 20px;
	text-align: center;
	font-size: 15px;
	line-height: 1.9;
	color: var(--color-text-muted);
}