.detail{
	position: relative;
	background-image: url(/img/bg_1.jpg)!important;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment:fixed;
	z-index: 1;
}
.detail_view{
	position: absolute;
	width: 30%;
	height:100%;
	top:0;
	left:20%;right:20%;
	z-index:2;
}
.box-title{	
	text-align: center;
}
.box-title>.main{
	margin:0 auto;
	line-height: 2.8rem;
	font-size: 2.5rem;
	font-weight: bold;
	color:#b33131;
}
.box-title.f>.main{
	color:#fff;
}
.box-title.f>.ext{
	color:#fff;
}
.box-title .ext{
	font-size: 1rem;
	line-height: 2rem;
	color: #999;
}
.box-text{
	margin: 5rem 0;
	color:#000;
	font-size: 1.25rem;
	text-indent:2.5rem;
}
.box-title .main>b{
	color:#C30D23;
}

.tranings{
	background-color: #fafafa;
}
.traning{
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.traning .content{
	overflow: hidden;
	padding:0 2.5rem;
	width:100%;height:100%;position: absolute;
	top:0;left:0;
	z-index: 2;
	background: rgba(179,49,49,0.1);
	color: #fff;
	transition:all 0.5s;
}
.traning .content:hover{
	background: rgba(179,49,49,0.9);
}
.traning .icon{
	display: block;	
	width:20%;	
}
.traning .line{
	background-color: #fff;
	height:1.5625rem;
	width:2px;
	transition:all 0.5s;
}
.traning .content:hover .line{
	transform:rotate(90deg);
}

.traning .title{
	font-size: 1.875rem;	
	font-weight: bold;
}
.traning .detail{
	background: transparent;
	position: relative;
	font-size: 1rem;
	line-height:1.25rem;
	height:5rem;
	transition:all 0.5s;
	bottom: -20rem;	
}
.traning .content:hover .detail{
	background: transparent;
	bottom: 0;
}

.sas{
	position: relative;
	margin-top: 5%;
}
.sa_bg{
	background-color: #fff;
	background-image: url(../../hyjob.oss-cn-shanghai.aliyuncs.com/res/site/tj/icons/bg_bd_1.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.sa{
	background-color: #fff;
	padding: 3rem;
	position: relative;
}
.sa .icon{	
	display: block;
	width:4rem;
	height:4rem;
	position: relative;
	margin: 0 auto;
}
.sa .icon img{width: 100%;}
.sa .icon::before{
	content: "+";
	position: absolute;
	top:-10px;right:-20px;
	color: #C30D23;
	font-weight: 1000;
	z-index: 1;
	font-size: 1.25rem;
	
}
.sa .text{
	margin-top:2.5rem;
	text-align: center;
	font-size: 0.875rem;
	color: #333;
}

.smart{
	margin: 5rem 0;
	padding: 0;
	text-align: center;
}
.smart .col{
	padding: 0;
	margin: 0;
}
.smart .icon{
	font-size: 15rem;
	height:15rem;
	line-height: 15rem;
	color:#f3f3f3;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
.smart .icon::after{
	position:absolute;
	content: " ";
	font-size:1.25rem;
	width:5px;height:5px;
	border-radius: 50%;
	background-color: #C30D23;
	left: 0;right: 0;
	top: 51%;	
	margin:auto;
	z-index: 2;
}
.smart .icon::before{
	content:" ";
	display: block;
	position: absolute;
	z-index: -1;
	width:100%;
	height:2px;
	top:52%;
	background-color: #eaeaea;
}
.smart .title{
	color:#1A264B;
	font-weight: bold;
	font-size: 1.25rem;
}
.smart p{
	font-size:1rem;
	padding: 0.625rem;
	color:#333;
}

/* ==================== 医疗大健康品牌介绍 移动端响应式适配 (<= 768px) ==================== */
@media screen and (max-width: 768px) {
	/* 1. 外层容器重置：取消固定的背景图覆盖与固定高度，改为自适应弹性流 */
	#join_us.join_us_box {
		position: relative !important;
		height: auto !important;
			background-image: url(/img/bg_1.jpg)!important; /* 优雅淡灰底色 */
		padding: 2rem 1rem !important; /* 上下左右留白 */
	 /* 移动端清除背景大图，防止纹理干扰文字阅读 */
	}

	/* 2. 隐藏移动端容易变形的主背景图 */
	#join_us .join_us_bg {
		display: none !important;
	}

	/* 3. 重置内容卡片：脱离绝对定位，设为 100% 宽度居中卡片 */
	#join_us .join_us_content {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		height: auto !important;
		padding: 1.5rem 1.2rem !important;
		background-color: #ffffff !important; /* 纯白背景卡片 */
		border-radius: 10px !important; /* 柔和圆角 */
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important; /* 轻微阴影，提升质感 */
		box-sizing: border-box !important;
	}

	/* 4. 品牌 Logo 与标题样式微调 */
	#join_us .brand_title_box .brand_logo_p {
		margin-bottom: 0.5rem !important;
		text-align: center !important;
	}

	#join_us .brand_title_box .brand_logo_img {
		max-width: 160px !important; /* 移动端限制 Logo 宽度 */
		height: auto !important;
		display: inline-block;
	}

	#join_us .brand_title_box .main {
		font-size: 1.4rem !important; /* 标题字号调整至 22.4px */
		line-height: 1.8rem !important;
		margin-top: 0.3rem !important;
		color: #b33131 !important;
		font-weight: bold !important;
	}

	/* 5. 【核心】正文可读性优化 */
	#join_us .brand_text_box {
		margin: 1rem 0 0 0 !important; /* 清除原有的 margin: 5rem 0 */
		font-size: 0.95rem !important; /* 适合手机阅读的 15.2px 标准字号 */
		line-height: 1.75 !important; /* 舒适行高 (1.75倍)，防止文字拥挤 */
		color: #333333 !important; /* 深灰文本，保证对比度 */
		text-align: justify !important; /* 两端对齐，边缘平整 */
		text-indent: 2em !important; /* 首行缩进 2 个字符 */
	}

	#join_us .brand_text_box p {
		margin-bottom: 0.75rem !important; /* 段落间留白 */
	}

	#join_us .brand_text_box p:last-child {
		margin-bottom: 0 !important;
	}
}


/* ==================== 客户领域模块 移动端适配 (<= 768px) ==================== */
@media screen and (max-width: 768px) {
	/* 1. 容器边距压缩，减少无用留白 */
	#traning.client_domain_section {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	#traning .box-title {
		padding-top: 0.5rem !important;
		padding-bottom: 1rem !important;
	}

	#traning .box-title .main {
		font-size: 1.4rem !important;
		font-weight: bold;
	}

	/* 2. 重置行间距，避免图片贴合过近 */
	#traning .row {
		margin-top: 0 !important;
		row-gap: 12px !important; /* 手机端卡片上下间隔 */
	}

	/* 3. 卡片外层与圆角控制 */
	#traning .traning {
		position: relative;
		overflow: hidden;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	}

	/* 4. 图片自适应等比缩放 */
	#traning .traning img {
		height: 110px !important; /* 统一移动端卡片图片高度 */
		object-fit: cover !important; /* 保持图片裁剪不拉伸 */
	}

	/* 5. 悬浮/覆盖文字遮罩层微调 */
	#traning .traning .content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.45); /* 加深遮罩颜色以确保白字清晰 */
		padding: 0.25rem !important;
	}

	/* 6. 卡片标题字号与换行自适应 */
	#traning .traning .title {
		margin-top: 0 !important;
		font-size: 0.85rem !important; /* 约 13.6px，适配手机屏幕 */
		color: #ffffff !important;
		font-weight: 600;
		text-align: center;
		line-height: 1.3;
		word-break: break-all; /* 防止“农业/动保/植保”长文字溢出 */
	}
	
	.box-title>.main{
	margin:0 auto;
	line-height: 2.8rem;
	font-size: 1.4rem;
	font-weight: bold;
	color:#b33131;
}
}