.content-body {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-top: 6vw;
	width: 100vw;
}

.rzcl-back {
	display: flex;
	flex-wrap: nowrap;
	gap: 2vw;
	justify-content: flex-start;
	width: 50vw;
	margin-bottom: 3vh;
	/* height: 10vw; */
}

.rzcl-back>div {
	font-size: 1vw;
}

.rzcl-back-div {
	border-radius: 0.8vw 0.8vw;
	box-shadow: inset 0 4px 20px hsla(0, 0%, 100%, .6);
	background: rgb(255 255 255);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-width: 0 1px 1px 1px;
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
	padding: 0.5vw 0.7vw 0.5vw 0.7vw;
	font-size: 1vw;
	width: 60%;
	height: 100%;
}

.rzcl-back-div>div {
	margin-top: 0.5vw;
}


.rzcl-back-div-2 {
	border-radius: 0vw 0vw 0.8vw 0.8vw;
	box-shadow: inset 0 4px 20px hsla(0, 0%, 100%, .6);
	background: rgb(255 255 255);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-width: 0 1px 1px 1px;
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
	padding: 0.5vw 0.7vw 0.5vw 0.7vw;
	font-size: 0.7vw;
	/* height: 80%; */
}


.rzcl-back-title-1 {
	align-items: center;
	color: #000;
	display: flex;
	font-size: 1vw;
	justify-content: center;
	line-height: 1vw;
	position: relative;
	text-align: center;
}

.rzcl-back-title-2 {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
	text-align: center;
	margin-top: 1vw;
}

.rzcl-back-title-1:after,
.rzcl-back-title-1:before {
	background: linear-gradient(270deg, #2b9869, hsla(0, 0%, 100%, 0));
	border-radius: 0.1vw;
	content: "";
	display: inline-block;
	height: 0.2vw;
	width: 1vw;
}

.rzcl-back-title-1:after {
	/* margin-left: 8px; */
	transform: rotate(180deg);
}

.rzlc-back-div-two {
	width: 40%;
}

.rzlc-back-div-title {
	background: #119967;
	border-radius: 0.5vw 0.5vw 0 0;
	padding: 0.3vw;
	/* width: 5vw; */
	/* height: 20%; */
	font-size: 0.9vw;
	color: white;
	text-align: center;
}

.flex-div {
	display: flex;
	/* 将容器设置为 Flex 容器 */
	flex-wrap: nowrap;
	/* 禁止换行，确保所有子元素在一行 */
	/* gap: 10px; */
	/* 子元素之间的间距（可选） */
	/* 可选：添加对齐方式 */
	align-items: center;
	/* 垂直方向居中对齐 */
	justify-content: flex-start;
}

.flex-div-txet-1,
.flex-div-txet-1>* {
	font-size: 0.7vw;
}

/* ----------------圆形按钮基础样式---------------- */
.circle-btn {
	/* 按钮基础样式 */
	width: 0.8vw;
	height: 0.8vw;
	border-radius: 50%;
	/* 圆形 */
	border: 0.1vw solid #239364;
	/* 边框颜色 */
	background-color: transparent;
	/* 初始透明背景 */
	cursor: pointer;
	transition: all 0.3s ease;
	/* 平滑过渡效果 */
	outline: none;
	margin: 0.3vw;
	padding: 0;
}

/* 按钮悬停效果 */
.circle-btn:hover {
	transform: scale(1.1);
	/* 轻微放大 */
	box-shadow: 0 0 0.3vw rgba(52, 152, 219, 0.4);
	/* 阴影效果 */
}

/* 选中状态 - 实心圆 */
.circle-btn.active {
	background-color: #239364;
	box-shadow: inset 0 0 0 0.1vw #ffffff;
}

/* 禁用状态样式（可选） */
.circle-btn:disabled {
	border-color: #bdc3c7;
	cursor: not-allowed;
	opacity: 0.7;
}

.circle-btn:disabled:hover {
	transform: none;
	box-shadow: none;
}

/*--------------- 圆形按钮基础样式结束 -------------------------*/

.content-two-body {
	width: 100%;
	display: table;
	clear: both;
	/* 关键：清除浮动 */
}

/* 核心样式：清除浮动影响，确保高度自适应 */
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

/* 内容区域样式优化 */
.content-two-body {
	/* 移除固定高度和强制滚动设置 */
	max-height: none !important;
	overflow-y: visible !important;

	/* 确保内边距不影响整体布局 */
	box-sizing: border-box;
	padding: 20px;
}

/* 材料项样式，避免内容溢出 */
.material-item {
	margin-bottom: 15px;
	overflow: hidden;
	/* 防止内部内容溢出容器 */
}


/* ------------------表格整体样式 ------------------*/

.rzcl-back-table {
	display: flex;
	flex-wrap: nowrap;
	gap: 2vw;
	justify-content: flex-start;
	width: 50vw;
	margin-bottom: 3vh;

	/* 确保内容超长有正确的文档流 */
	overflow: visible;
	/* 移除可能存在的overflow:hidden限制 */
	position: relative;
	/* 建立正常文档流上下文 */
	/* max-height: 300vh; */
}

.rzcl-back-table>div {
	font-size: 1vw;
}



.qualification-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

/* 表头样式 */
.qualification-table thead {
	background-color: #f0f5ff;
	/* 浅蓝色表头背景 */
}

/* 表格边框样式 */
.qualification-table th,
.qualification-table td {
	border: 1px solid #ddd;
	/* 内边框 */
	padding: 12px 15px;
	text-align: left;
}

/* 表格外边框 */
.qualification-table {
	border: 1px solid #ddd;
}

/* 资质名称列样式 */
.qualification-table td:first-child {
	font-weight: bold;
	width: 20%;
}

/* 详细描述列样式 */
.qualification-table td:last-child {
	width: 80%;
}

/* 列表项样式 */
.qualification-table p {
	margin: 8px 0;
	line-height: 1.5;
}

/* 查看示例链接样式 */
.in69gngMe687iJdp {
	color: #165DFF;
	font-size: 12px;
	cursor: pointer;
	text-decoration: underline;
	margin-top: 4px;
	display: inline-block;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.qualification-table {
		font-size: 12px;
	}

	.qualification-table th,
	.qualification-table td {
		padding: 8px 10px;
	}
}


.display-none {
	display:none;
}
/* ------------------表格整体样式结束 ------------------*/


/* ------------------图片预览样式结束 ------------------*/

/* 全局样式重置 */
.container-img {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}


.preview-container {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

/* 基础预览按钮样式 */
.preview-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.1vw;
	background: linear-gradient(135deg, #70b556 0%, #185852 100%);
	color: white;
	border-radius: 12px;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
	user-select: none;
	font-size: 0.6vw;
	padding: 0.4vw;
}

.preview-btn:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
}

.preview-btn:active {
	transform: translateY(-2px);
	box-shadow: 0 5px 20px rgba(102, 126, 234, 0.35);
}

/* 带文字的预览按钮 */
.preview-btn span {
	font-size: 0.3vw;
	font-weight: 500;
	text-align: center;
}

/* 带小图片的预览按钮 */
.image-preview-btn {
	padding: 5px;
	background: #fff;
	border: 2px solid #e1e8ed;
}

.image-preview-btn img {
	max-width: 250px;
	max-height: 200px;
	border-radius: 8px;
	display: block;
}

.image-preview-btn:hover {
	border-color: #667eea;
	background: #f8f9fa;
}

/* 带文字和小图片的组合预览按钮 */
.combined-preview-btn {
	background: #fff;
	border: 2px solid #e1e8ed;
	padding: 15px;
	flex-direction: column;
	gap: 10px;
	color: #333;
}

.combined-preview-btn img {
	max-width: 200px;
	max-height: 150px;
	border-radius: 6px;
}

.combined-preview-btn span {
	font-size: 14px;
	font-weight: 500;
}

.combined-preview-btn:hover {
	border-color: #667eea;
	background: #f8f9fa;
}

/* 图片查看器模态框 */
.image-viewer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 1000;
	align-items: center;
	justify-content: center;
	animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.image-viewer-content {
	position: relative;
	max-width: 90%;
	max-height: 90%;
	animation: zoomIn 0.3s ease;
}

@keyframes zoomIn {
	from {
		transform: scale(0.9);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

#fullsize-image {
	max-width: 100%;
	max-height: 80vh;
	display: block;
	margin: 0 auto;
	border-radius: 8px;
}

/* 关闭按钮 */
.close-btn {
	position: absolute;
	top: -40px;
	right: 0;
	color: white;
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
	transition: 0.3s;
	line-height: 1;
}

.close-btn:hover {
	color: #bbb;
	transform: rotate(90deg);
}

/* 响应式设计 */
@media (max-width: 768px) {
	.container {
		padding: 20px 15px;
	}

	h1 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.preview-btn {
		padding: 15px;
	}

	.preview-btn span {
		font-size: 14px;
	}

	.image-preview-btn img {
		max-width: 200px;
		max-height: 150px;
	}

	.combined-preview-btn img {
		max-width: 180px;
		max-height: 130px;
	}

	.close-btn {
		font-size: 32px;
		top: -35px;
	}
}

@media (max-width: 480px) {
	.container {
		padding: 15px 10px;
	}

	h1 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.preview-btn {
		padding: 12px;
	}

	.preview-btn span {
		font-size: 13px;
	}

	.image-preview-btn img {
		max-width: 180px;
		max-height: 130px;
	}

	.combined-preview-btn img {
		max-width: 160px;
		max-height: 110px;
	}

	.close-btn {
		font-size: 28px;
		top: -30px;
	}
}

/* 加载动画效果 */
#fullsize-image {
	transition: opacity 0.3s ease;
}

/* 触摸设备优化 */
@media (hover: none) {
	.preview-btn:active {
		transform: scale(0.98);
	}
}

/* ------------------图片预览样式结束 ------------------*/


/* 图片查看兼容样式 */

/* 图片查看兼容样式结束 */