/**
 * Swiper 4.1.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 11, 2018
 */
 
 :root {
	--primary-blue: #1e5fa8;
	--secondary-blue: #2c7dbe;
	--light-blue: #e1f0fa;
	--accent-blue: #85c1f4;
	--dark-blue: #0d3c61;
	--text-dark: #333;
	--text-light: #fff;
	--border: #d1e7f7;
}

/* 职位卡片样式 */
.recruitment_info{
	width: 1200px;
	/* height: 100px; */
	/*background: red;*/
	margin: 0 auto;
	color: #BA0034;
	text-align: center;
	/* line-height: 100px; */
	/*font-size: 30px;*/
	color: #000;
	letter-spacing: 0;
}
.jobs-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 25px;
	margin: 40px 0;
}

.job-card {
	background: white;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	overflow: hidden;
	transition: all 0.3s ease;
	border: 1px solid var(--border);
	display: flex;
	flex-direction: column;
}

.job-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(30,95,168,0.15);
}

.job-header {
	padding: 20px;
	border-bottom: 1px solid var(--border);
}

.job-title {
	color: var(--primary-blue);
	font-size: 20px;
	margin-bottom: 10px;
}

.job-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	color: #666;
	font-size: 14px;
	margin-bottom: 15px;
}

.job-meta-item {
	display: flex;
	align-items: center;
}

.job-meta-item i {
	margin-right: 8px;
	color: var(--secondary-blue);
}

.job-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 15px;
}

.tag {
	background: var(--light-blue);
	color: var(--primary-blue);
	padding: 5px 10px;
	border-radius: 50px;
	font-size: 13px;
}

.job-content {
	padding: 20px 20px 0px 20px;
}

.job-content h3 {
	color: var(--primary-blue);
	margin-bottom: 15px;
	font-size: 18px;
	display: flex;
	align-items: center;
}

.job-content h3 i {
	margin-right: 10px;
}

.job-content ul {
	padding-left: 20px;
	margin-bottom: 10px;
}

.job-content li {
	margin-bottom: 8px;
	color: #555;
}
.job-apply {
	 width: 100%;
	 display: flex;
	 justify-content: center;
	 box-sizing: border-box;
	 padding: 0px 20px 20px 20px;
	 margin-top: auto;
}

.apply-btn {
	display: block;
	background: var(--secondary-blue);
	color: white;
	text-align: center;
	padding: 12px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	/*margin-top: 20px;*/
	transition: all 0.3s ease;
	width:100%;
}

.apply-btn:hover {
	background: var(--primary-blue);
}

/* 招聘流程部分 */
.hiring-process {
	background: var(--light-blue);
	padding: 60px 0;
	margin: 60px 0;
}

.section-title {
	text-align: center;
	color: var(--primary-blue);
	margin-bottom: 20px;
	font-size: 32px;
}

.steps {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
	margin-top: 30px;
}

.step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 200px;
	padding:0px 25px;
}

.step-icon {
	width: 80px;
	height: 80px;
	background: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--secondary-blue);
	font-size: 28px;
	margin-bottom: 20px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.step h4 {
	margin: 10px 0;
	color: var(--dark-blue);
}