.container {
 	background-color: #f5f5f5;
 	line-height: 1.6;
 }

 /* 医院简介区域 */
 .hospital-intro {
 	background-color: white;
 	padding: 30px 20px;
 	margin: 20px auto;
 	width: 92%;
 	max-width: 1200px;
 	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
 }

 .intro-title {
 	color: #1a6fb3;
 	font-size: 22px;
 	margin-bottom: 15px;
 	padding-bottom: 8px;
 	border-bottom: 2px solid #e6f0fa;
 }

 .intro-content {
 	margin-bottom: 25px;
 	text-align: justify;
 }

 .intro-content p {
 	margin-bottom: 15px;
 	text-indent: 2em;
 }

 .detail-btn {
 	display: inline-block;
 	background-color: #1a6fb3;
 	color: white;
 	padding: 10px 25px;
 	border-radius: 4px;
 	text-decoration: none;
 	font-weight: bold;
 	border: none;
 	cursor: pointer;
 	transition: background-color 0.3s;
 }

 .detail-btn:hover {
 	background-color: #0d5a9e;
 }

 /* 科室区域 */
 .departments-section {
 	max-width: 1200px;
 	width: 92%;
 	margin: 30px auto;
 	padding: 0 20px;
 }

 .section-title {
 	color: #1a6fb3;
 	font-size: 22px;
 	margin-bottom: 20px;
 	padding-bottom: 8px;
 	border-bottom: 2px solid #e6f0fa;
 }

 .departments-grid {
 	display: grid;
 	grid-template-columns: repeat(4, 1fr);
 	gap: 20px;
 }

 @media (max-width: 900px) {
 	.departments-grid {
 		grid-template-columns: repeat(2, 1fr);
 	}
 }

 @media (max-width: 500px) {
 	.departments-grid {
 		grid-template-columns: 1fr;
 	}
 }

 .dept-block {
 	background-color: white;
 	padding: 25px 20px;
 	border-radius: 6px;
 	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
 	text-align: center;
 	transition: transform 0.3s, box-shadow 0.3s;
 }

 .dept-block:hover {
 	transform: translateY(-5px);
 	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 .dept-name {
 	font-size: 20px;
 	font-weight: bold;
 	margin-bottom: 15px;
 	color: #1a6fb3;
 }

 .dept-desc {
 	color: #666;
 	font-size: 14px;
 	line-height: 1.5;
 }

 /* 颜色块样式 */
 .dept-block:nth-child(1) {
 	background-color: #e6f2ff;
 	border-left: 5px solid #1a6fb3;
 }

 .dept-block:nth-child(2) {
 	background-color: #f0f7ff;
 	border-left: 5px solid #2a8bd6;
 }

 .dept-block:nth-child(3) {
 	background-color: #e6f2ff;
 	border-left: 5px solid #1a6fb3;
 }

 .dept-block:nth-child(4) {
 	background-color: #f0f7ff;
 	border-left: 5px solid #2a8bd6;
 }

 /* 医院概况区域 */
 .hospital-overview {
 	width: 92%;
 	max-width: 1200px;
 	margin: 40px auto;
 	padding: 0 20px;
 }

 .overview-buttons {
 	display: flex;
 	justify-content: center;
 	gap: 30px;
 	margin-top: 25px;
 	flex-wrap: wrap;
 }

 .overview-btn {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	width: 300px;
 	height: 180px;
 	background-color: white;
 	border-radius: 8px;
 	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
 	text-decoration: none;
 	color: #333;
 	transition: all 0.3s;
 	padding: 15px;
 }

 .overview-btn:hover {
 	transform: translateY(-5px);
 	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 	background-color: #f0f7ff;
 }

 .btn-title {
 	font-size: 18px;
 	font-weight: bold;
 	color: #1a6fb3;
 	margin-bottom: 10px;
 }

 .btn-desc {
 	font-size: 13px;
 	color: #666;
 	text-align: center;
 }

 /* 文章列表区域 */
 .articles-section {
 	max-width: 1200px;
 	width: 92%;
 	margin: 40px auto 60px;
 	padding: 0 20px;
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
 	gap: 30px;
 }

 @media (max-width: 768px) {
 	.articles-section {
 		grid-template-columns: 1fr;
 	}
 }

 .article-box {
 	background-color: white;
 	border-radius: 8px;
 	overflow: hidden;
 	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
 }

 .article-header {
 	background-color: #1a6fb3;
 	color: white;
 	padding: 15px 20px;
 	font-size: 18px;
 	font-weight: bold;
 }

 .article-header a {
 	color: #fff;
 }

 .article-list {
 	padding: 20px;
 }

 .article-item {
 	padding: 12px 0;
 	border-bottom: 1px dashed #eaeaea;
 	display: flex;
 	justify-content: space-between;
 }

 .article-item:last-child {
 	border-bottom: none;
 }

 .article-title {
 	color: #333;
 	text-decoration: none;
 	flex-grow: 1;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .article-title:hover {
 	color: #1a6fb3;
 	text-decoration: underline;
 }

 .article-date {
 	color: #999;
 	font-size: 13px;
 	flex-shrink: 0;
 	margin-left: 15px;
 }

 /* 分隔线 */
 .divider {
 	height: 1px;
 	background-color: #eaeaea;
 	margin: 40px 0;
 	max-width: 1200px;
 	width: 92%;
 	margin-left: auto;
 	margin-right: auto;
 }



 @media (max-width:1260px) {
 	.overview-buttons {
 		gap: 0;
 		justify-content: space-between;
 	}

 	.overview-btn {
 		width: 31.3%;
 	}
 }

 @media (max-width:991px) {
 	* {
 		box-sizing: border-box;
 	}

 	.intro-title,
 	.section-title {
 		font-size: 20px;
 	}

 	.dept-name {
 		font-size: 18px;
 	}

 	.detail-btn {
 		padding: 5px 20px;
 	}

 	.overview-buttons {
 		display: block;
 	}

 	.overview-btn {
 		width: 100%;
 		height: 70px;
 		margin: 0 0 15px;
 		box-shadow: none;
 	}

 	.btn-title {
 		font-size: 16px;
 		margin: 0;
 	}

 	.departments-section,
 	.hospital-overview,
 	.articles-section {
 		padding: 0;
 	}




 }