/* 关于我们 */
/* 整体容器 */
			.gywm-container {
				max-width: 1200px;
				margin: 40px auto;
				padding: 0 20px;
			}

			/* 左右布局容器 */
			.gywm-wrapper {
				display: flex;
				flex-wrap: wrap;
				gap: 40px;
				/* 左右间距 */
				align-items: center;
				/* 垂直居中对齐 */
			}

			/* 左侧区域：标题+正文（占比约55%） */
			.gywm-left {
				flex: 1 1 55%;
				/* 自适应宽度，最小占55% */
			}

			/* 标题样式 */
			.gywm-title {
				font-size: 28px;
				color: #0a4d5c;
				/* 深青色标题，与示例一致 */
				margin: 0 0 25px 0;
				font-weight: bold;
				line-height: 1.2;
			}

			/* 正文样式 */
			.gywm-content {
				color: #333;
				font-size: 14px;
				line-height: 1.8;
				/* 行高适中，提升可读性 */
			}

			.gywm-content p {
				margin: 0 0 20px 0;
				/* 段落间距 */
			}

			.gywm-content p:last-child {
				margin-bottom: 0;
				/* 最后一段无底部间距 */
			}

			/* 右侧区域：图片（占比约40%） */
			.gywm-right {
				flex: 1 1 40%;
				/* 自适应宽度，最小占40% */
			}

			/* 图片样式 */
			.gywm-img {
				width: 100%;
				height: auto;
				border: none;
				/* 无边框 */
				object-fit: cover;
				/* 保持图片比例 */
			}

			/* 响应式调整：小屏幕上下布局 */
			@media (max-width: 768px) {
				.gywm-wrapper {
					flex-direction: column;
					gap: 30px;
				}

				.gywm-left,
				.gywm-right {
					flex: 1 1 100%;
					/* 占满宽度 */
				}

				.gywm-title {
					font-size: 24px;
					margin-bottom: 20px;
					text-align: center;
					/* 小屏幕标题居中 */
				}
			}

/* 图集 */
/* 外层容器：控制整体宽度和居中 */
			.img-grid-container {
				max-width: 1200px;
				/* 最大宽度，适配大屏 */
				margin: 40px auto;
				/* 上下外边距+水平居中 */
				padding: 0 20px;
				/* 左右内边距，避免贴边 */
			}

			/* 网格容器：实现3列2行布局 */
			.img-grid {
				display: grid;
				/* 网格布局 */
				grid-template-columns: repeat(3, 1fr);
				/* 3列，每列宽度平均分配 */
				gap: 0px;
				/* 图片之间的间距（水平+垂直） */
			}

			/* 单个图片项：控制图片容器 */
			.img-item {
				overflow: hidden;
				/* 防止图片缩放时溢出容器 */
				border-radius: 0px;
				/* 可选：轻微圆角，优化视觉 */
			}

			/* 图片样式：确保显示一致 */
			.grid-img {
				width: 100%;
				/* 宽度充满容器 */
				height: 280px;
				/* 固定高度，保持所有图片整齐 */
				object-fit: cover;
				/* 裁剪图片适配容器，不拉伸变形 */
				transition: transform 0.3s ease;
				/* 悬停动画过渡 */
			}

			/* 悬停效果：轻微放大，增强交互 */
			.grid-img:hover {
				transform: scale(1.03);
				/* 放大3% */
			}

			/* 响应式适配：中等屏幕（769px-992px） */
			@media (max-width: 992px) {
				.img-grid {
					grid-template-columns: repeat(2, 1fr);
					/* 改为2列布局 */
				}

				.grid-img {
					height: 240px;
					/* 适当减小高度 */
				}
			}

			/* 响应式适配：小屏幕（≤768px） */
			@media (max-width: 768px) {
				.img-grid {
					grid-template-columns: 1fr;
					/* 改为1列布局 */
				}

				.grid-img {
					height: 200px;
					/* 进一步减小高度 */
				}
			}