/* 全局重置 & 基础样式 */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: '微软雅黑', sans-serif;
}
a {
				text-decoration: none;
				color: inherit;
			}
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
}

html {
	font-size: 16px;
	/* 基准值 */
}

@media (max-width: 768px) {
	html {
		font-size: 14px;
		/* 平板下缩小基准 */
	}
}

h2 {
	font-size: 1.5rem;
	/* 基于基准值的相对大小 */
}


/* 自定义滚动条样式（可选） */

.scroll-container::-webkit-scrollbar {
	height: 6px;
}

.scroll-container::-webkit-scrollbar-thumb {
	background-color: #e2e8f0;
	border-radius: 3px;
}

.scroll-container::-webkit-scrollbar-track {
	background-color: #f8fafc;
}


/*body {
      background-color: #f5f5f5;
    }*/

a {
	text-decoration: none;
	color: #262626;
}

@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.woff2?t=1764906695728') format('woff2'), url('../font/iconfont.woff?t=1764906695728') format('woff'), url('../font/iconfont.ttf?t=1764906695728') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.tab-container .iconfont {
	font-weight: 600;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* 头部容器 */

.header {
	background-color: white;
	padding: 0 20px;
	position: sticky;
	top: 0;
	z-index: 1000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	/* 轻微阴影增强层次感 */
}


/* 头部内容容器（flex 布局） */

.header-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	/* 头部高度，可根据需求调整 */
}


/* Logo 区域 */

.header-logo {
	display: flex;
	align-items: center;
	gap: 10px;
	/* Logo 图片与文字间距 */
}

.header-logo img {
	height: 80px;
	/* Logo 高度，根据实际图片调整 */
	width: auto;
}

.header-logo div {
	color: #262626;
	font-size: 1.2rem;
	font-weight: bold;
}


/* 桌面端导航 */

.main-nav .nav-list {
	display: flex;
	list-style: none;
	gap: 40px;
	/* 导航项间距 */
}

.nav-item {
	color: #262626;
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
}


/* 活跃状态样式 */

.nav-item.active {
	color: #262626;
	/*font-weight: 600;*/
	/* 活跃颜色 */
}

/*  hover 效果：底部下划线 */

.nav-item:hover::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #247FD0;
	
}

.nav-item.active::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #247FD0;
	
}


/* 联系信息区域 */

.header-contact {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #666;
	font-size: 0.9rem;
}

.header-contact img {
	height: 14px;
	width: auto;
}

.header-contact a {
	color: #666;
	text-decoration: none;
	transition: color 0.3s ease;
}

.header-contact a:hover {
	color: #666;
}


/* 汉堡按钮（默认隐藏） */

.hamburger {
	display: none;
	cursor: pointer;
	font-size: 1.8rem;
	color: #262626;
}


/* 移动端折叠菜单（默认隐藏） */

.mobile-menu {
	display: none;
	background-color: white;
	border-top: 1px solid #eee;
	padding: 15px 0;
}

.mobile-menu .nav-list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

.mobile-menu .nav-item {
	font-size: 1.1rem;
	padding: 5px 0;
}


/* 移动端联系信息（默认隐藏） */

.mobile-contact {
	display: none;
	padding: 15px 20px;
	text-align: center;
	border-top: 1px solid #eee;
}

.mobile-contact {
	color: #666;
	font-size: 0.9rem;
}

.mobile-contact img {
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
}

.mobile-contact a {
	color: #666;
	text-decoration: none;
	margin: 0 10px;
}

.mobile-contact span {
	margin-left: 10px;
}


/* 响应式适配：屏幕宽度 ≤ 992px（平板） */

@media (max-width: 992px) {
	.header-contact {
		gap: 10px;
		font-size: 0.8rem;
	}
	.main-nav .nav-list {
		gap: 30px;
	}
}


/* 响应式适配：屏幕宽度 ≤ 768px（手机） */

@media (max-width: 768px) {
	/* 隐藏桌面端导航和联系信息 */
	.main-nav {
		display: none;
	}
	.header-contact {
		display: none;
	}
	/* 显示汉堡按钮 */
	.hamburger {
		display: block;
	}
	/* 显示移动端折叠菜单和联系信息 */
	.mobile-menu.active {
		display: block;
	}
	.mobile-contact.active {
		display: block;
	}
	/* 调整头部高度 */
	.header-container {
		height: 70px;
	}
	.header-logo img {
		height: 60px;
	}
}


/* Banner 区域样式 */

.banner {
	position: relative;
	height: 650px;
	background-image: url(../image/banner-bg.jpg);
	background-position: center;
	/* 背景居中 */
	background-size: cover;
	/* 背景覆盖整个区域 */
	background-repeat: no-repeat;
	/* 背景不重复 */
	color: #fff;
	text-align: center;
	padding-top: 245px;
	/* 新增：添加半透明遮罩，提升文字可读性 */
	/* background-color: rgba(0, 0, 0, 0.4);*/
	background-blend-mode: overlay;
}


/* 桌面端文字样式 */

.banner h1 {
	font-size: 54px;
	margin-bottom: 10px;
	margin-top: 30px;
	line-height: 1.3;
	/* 优化行高，避免文字重叠 */
	letter-spacing: 2px;
	font-weight: bold;
	/* 新增：文字阴影，增强对比度 */
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	color: #fff;
}

.banner p {
	font-size: 48px;
	line-height: 1.4;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}


/* 响应式适配：平板（992px ~ 1200px） */

@media (max-width: 1024px) {
	.banner {
		height: 550px;
		padding-top: 200px;
	}
	.banner h1 {
		font-size: 1.5rem;
	}
	.banner p {
	font-size: 1.5rem;
	}
}


/* 响应式适配：小平板（768px ~ 992px） */

@media (max-width: 992px) {
	.banner {
		height: 480px;
		padding-top: 180px;
	}
	.banner h1 {
		font-size: 1.5rem;
		letter-spacing: 1px;
	}
	.banner p {
		font-size: 1.5rem;
	}
}


/* 响应式适配：移动端（≤768px） */

@media (max-width: 768px) {
	.banner {
		height: 400px;
		padding-top: 150px;
		padding: 150px 20px 0;
		/* 左右添加内边距，避免文字贴边 */
	}
	.banner h1 {
		font-size: 1.5rem;
		margin-bottom: 15px;
		margin-top: 10px;
	}
	.banner p {
		font-size: 1.5rem;
	}
}


/* 响应式适配：小屏手机（≤480px） */

@media (max-width: 480px) {
	.banner {
		height: 350px;
		padding-top: 120px;
	}
	.banner h1 {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.banner p {
		font-size: 1.5rem;
	}
}


/* Banner2 区域样式 */

.banner2 {
	position: relative;
	height: 650px;
	background-image: url(../image/banner2_bg.jpg);
	background-position: center;
	/* 背景居中 */
	background-size: cover;
	/* 背景覆盖整个区域 */
	background-repeat: no-repeat;
	/* 背景不重复 */
	color: #fff;
	text-align: center;
	padding-top: 245px;
	/* 新增：添加半透明遮罩，提升文字可读性 */
	/* background-color: rgba(0, 0, 0, 0.4);*/
	background-blend-mode: overlay;
}


/* 桌面端文字样式 */

.banner2 h1 {
	color: #fff;
	max-width: 1200px;
	margin: auto;
	text-align: left;
	font-size: 54px;
	margin-bottom: 10px;
	line-height: 1.3;
	/* 优化行高，避免文字重叠 */
	letter-spacing: 2px;
	font-weight: bold;
	/* 新增：文字阴影，增强对比度 */
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.banner2 p {
	max-width: 1200px;
	text-align: left;
	margin: auto;
	font-size: 48px;
	line-height: 1.4;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}


/* 响应式适配：平板（992px ~ 1200px） */

@media (max-width: 1024px) {
	.banner2 {
		height: 550px;
		padding-top: 200px;
	}
	.banner2 h1 {
		font-size: 1.5rem;
	}
	.banner2 p {
		font-size: 1.5rem;
	}
}


/* 响应式适配：小平板（768px ~ 992px） */

@media (max-width: 992px) {
	.banner2 {
		height: 480px;
		padding-top: 180px;
	}
	.banner2 h1 {
		font-size: 1.5rem;
		letter-spacing: 1px;
	}
	.banner2 p {
		font-size: 1.5rem;
	}
}


/* 响应式适配：移动端（≤768px） */

@media (max-width: 768px) {
	.banner2 {
		height: 400px;
		padding-top: 150px;
		padding: 150px 20px 0;
		/* 左右添加内边距，避免文字贴边 */
	}
	.banner2 h1 {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}
	.banner2 p {
		font-size: 1.5rem;
	}
}


/* 响应式适配：小屏手机（≤480px） */

@media (max-width: 480px) {
	.banner2 {
		height: 350px;
		padding-top: 120px;
	}
	.banner2 h1 {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.banner2 p {
		font-size: 1.5rem;
	}
}


/* Banner3 区域样式 */

.banner3 {
	position: relative;
	height: 650px;
	background-image: url(../image/banner3_bg.jpg);
	background-position: center;
	/* 背景居中 */
	background-size: cover;
	/* 背景覆盖整个区域 */
	background-repeat: no-repeat;
	/* 背景不重复 */
	color: #fff;
	text-align: center;
	padding-top: 245px;
	/* 新增：添加半透明遮罩，提升文字可读性 */
	/* background-color: rgba(0, 0, 0, 0.4);*/
	background-blend-mode: overlay;
}


/* 桌面端文字样式 */

.banner3 h1 {
	color: #fff;
	max-width: 1200px;
	margin: auto;
	text-align: left;
	font-size: 54px;
	margin-bottom: 10px;
	line-height: 1.3;
	/* 优化行高，避免文字重叠 */
	letter-spacing: 2px;
	font-weight: bold;
	/* 新增：文字阴影，增强对比度 */
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.banner3 p {
	max-width: 1200px;
	text-align: left;
	margin: auto;
	font-size: 48px;
	line-height: 1.4;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}


/* 响应式适配：平板（992px ~ 1200px） */

@media (max-width: 1024px) {
	.banner3 {
		height: 550px;
		padding-top: 200px;
	}
	.banner3 h1 {
		font-size: 1.5rem;
	}
	.banner3 p {
		font-size: 1.5rem;
	}
}


/* 响应式适配：小平板（768px ~ 992px） */

@media (max-width: 992px) {
	.banner3 {
		height: 480px;
		padding: 180px 20px;
	}
	.banner3 h1 {
		font-size: 1.5rem;
		letter-spacing: 1px;
	}
	.banner3 p {
	font-size: 1.5rem;
	}
}


/* 响应式适配：移动端（≤768px） */

@media (max-width: 768px) {
	.banner3 {
		height: 400px;
		padding-top: 150px;
		padding: 150px 20px 0;
		/* 左右添加内边距，避免文字贴边 */
	}
	.banner3 h1 {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}
	.banner3 p {
		font-size: 1.5rem;
	}
}


/* 响应式适配：小屏手机（≤480px） */

@media (max-width: 480px) {
	.banner3 {
		height: 350px;
		padding-top: 120px;
	}
	.banner3 h1 {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.banner3 p {
		font-size: 1.5rem;
	}
}


/* Banner4 区域样式 */

.banner4 {
	position: relative;
	height: 650px;
	background-image: url(../image/banner4_bg.jpg);
	background-position: center;
	/* 背景居中 */
	background-size: cover;
	/* 背景覆盖整个区域 */
	background-repeat: no-repeat;
	/* 背景不重复 */
	color: #fff;
	text-align: center;
	padding-top: 245px;
	/* 新增：添加半透明遮罩，提升文字可读性 */
	/* background-color: rgba(0, 0, 0, 0.4);*/
	background-blend-mode: overlay;
}


/* 桌面端文字样式 */

.banner4 h1 {
	color: #fff;
	max-width: 1200px;
	margin: auto;
	text-align: center;
	font-size: 54px;
	margin-bottom: 10px;
	line-height: 1.3;
	/* 优化行高，避免文字重叠 */
	letter-spacing: 2px;
	font-weight: bold;
	/* 新增：文字阴影，增强对比度 */
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.banner4 p {
	max-width: 1200px;
	text-align: center;
	margin: auto;
	font-size: 48px;
	line-height: 1.4;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}


/* 响应式适配：平板（992px ~ 1200px） */

@media (max-width: 1024px) {
	.banner4 {
		height: 550px;
		padding-top: 200px;
	}
	.banner4 h1 {
		font-size: 1.5rem;
	}
	.banner4 p {
		font-size: 1rem;
	}
}


/* 响应式适配：小平板（768px ~ 992px） */

@media (max-width: 992px) {
	.banner4 {
		height: 480px;
		padding-top: 180px;
	}
	.banner4 h1 {
		font-size: 1.5rem;
		letter-spacing: 1px;
	}
	.banner4 p {
		font-size: 1rem;
	}
}


/* 响应式适配：移动端（≤768px） */

@media (max-width: 768px) {
	.banner4 {
		height: 400px;
		padding-top: 150px;
		padding: 150px 20px 0;
		/* 左右添加内边距，避免文字贴边 */
	}
	.banner4 h1 {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}
	.banner4 p {
		font-size: 1.5rem;
	}
}


/* 响应式适配：小屏手机（≤480px） */

@media (max-width: 480px) {
	.banner4 {
		height: 350px;
		padding-top: 120px;
	}
	.banner4 h1 {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.banner4 p {
		font-size: 1.5rem;
	}
}


/* 业务办理区域样式 */

.section {
	padding: 50px 0px;
	/* 替换固定百分比内边距，适配不同屏幕 */
	background-color: #fff;
	max-width: 1200px;
	/* 限制最大宽度，避免大屏过宽 */
	margin: 0 auto;
	/* 水平居中 */
}


/* 区域标题样式 */

.section-title {
	text-align: center;
	margin-bottom: 40px;
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
}


/* 业务卡片容器（grid 布局） */

.business {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	/* 增大间距，提升美观度 */
}


/* 业务卡片样式 */

.business-item {
	text-align: center;
	background-color: #fafafa;
	/*border-radius: 8px; /* 圆角优化 */
	*/ overflow: hidden;
	/* 裁剪图片圆角 */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	/* hover 动画 */
}


/* 卡片 hover 效果 */

.business-item:hover {
	transform: translateY(-8px);
	/* 轻微上浮 */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
	/* 阴影增强层次感 */
}


/* 卡片图片样式 */

.business-item img {
	width: 100%;
	height: 244px;
	object-fit: cover;
	/* 保持图片比例，裁剪多余部分 */
	margin-bottom: 25px;
	/*transition: transform 0.5s ease; /* 图片缩放动画 */
	*/
}


/* 图片 hover 缩放 */

.business-item:hover img {
	/* transform: scale(1.05); /* 轻微放大 */
	*/
}


/* 卡片标题样式 */

.business h3 {
	font-size: 16px;
	margin-bottom: 15px;
	color: #333;
	padding: 0 20px;
	letter-spacing: 1px;
	font-weight: 600;
}


/* 卡片描述样式 */

.business p {
	font-size: 14px;
	color: #666;
	padding: 0 20px 30px;
	/* 底部增加内边距，避免文字贴底 */
	line-height: 25px;
	letter-spacing: 1px;
	text-align: justify;
	text-align-last: center;
	/* 最后一行居中，优化排版 */
}


/* 响应式适配：平板（768px ~ 992px） */

@media (max-width: 992px) {
	.business {
		grid-template-columns: repeat(2, 1fr);
		/* 2列布局 */
	}
	.business h3 {
		font-size: 17px;
	}
	.business p {
		font-size: 13px;
		line-height: 24px;
	}
}


/* 响应式适配：移动端（≤768px） */

@media (max-width: 768px) {
	.section {
		padding: 30px 20px;
		/* 减小移动端内边距 */
	}
	.business {
		grid-template-columns: 1fr;
		/* 1列布局 */
		gap: 25px;
	}
	.section-title {
		margin-bottom: 30px;
	}
	.business-item img {
		height: 200px;
		/* 减小移动端图片高度 */
		margin-bottom: 20px;
	}
	.business h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}
	.business p {
		padding: 0 15px 25px;
		line-height: 23px;
	}
}


/* 响应式适配：小屏手机（≤480px） */

@media (max-width: 480px) {
	.business-item img {
		height: 180px;
	}
	.section-title {
		font-size: 22px;
	}
	.business h3 {
		font-size: 15px;
	}
	.business p {
		font-size: 12px;
	}
}


/* 线路切换区域样式 */
/* 表格滚动容器：核心样式，控制滚动+宽度适配 */
/* ========== 表格滚动容器 - 核心样式（解决横向滚动） ========== */
.route-table-box {
  width: 100%;
  /* 核心1：横向滚动生效、纵向滚动+最大高度限制 */
  overflow-x: auto;
  overflow-y: auto;
  max-height: 600px;
  
  box-sizing: border-box;
  position: relative;
  /* 移动端顺滑滚动必备 */
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* ========== 表格基础样式 ========== */
.route-table {
  width: 100%;
  min-width: 1200px; /* 关键：保证表格最小宽度，移动端才会横向滚动 */
  border-collapse: collapse;
  text-align: center;
  font-size: 14px;
}

/* ========== 表头固定 - STICKY方案（最优，无错位） ========== */
.route-table thead tr {
  position: sticky;
  top: 0; /* 吸顶核心值，必须写0 */
  z-index: 99; /* 表头层级置顶，不被内容遮挡 */
  background: #228ae7; /* 表头背景色，保留你的配置 */
}

/* ========== 表头单元格样式 ========== */
.route-table th {
  font-weight: 600;
  padding: 12px 8px;
  color: #FFFFFF; /* 表头文字白色，增加可读性 */
  white-space: nowrap; /* 文字不换行，保证列宽稳定 */
}

/* ========== 内容单元格样式 ========== */
.route-table td {
  padding: 10px 8px;
 
  white-space: nowrap; /* 禁止单元格文字换行，避免列变形 */
 
}


/* ========== 滚动条美化（横向+纵向统一美化） ========== */
.route-table-box::-webkit-scrollbar {
  width: 4px;   /* 纵向滚动条宽度 */
  height: 4px;  /* 横向滚动条高度，和纵向一致更美观 */
}
.route-table-box::-webkit-scrollbar-track {
  background: transparent; /* 滚动条轨道透明 */
  border-radius: 2px;
}
.route-table-box::-webkit-scrollbar-thumb {
  background: #e0e0e0; /* 滚动条滑块颜色 */
  border-radius: 2px;  /* 滑块圆角 */
}
.route-table-box::-webkit-scrollbar-thumb:hover {
  background: #b0b0b0; /* 滑块hover高亮 */
}

.scroll-container::-webkit-scrollbar{
  width: 4px;   /* 纵向滚动条宽度 */
  height: 4px;  /* 横向滚动条高度，和纵向一致更美观 */	
}
.scroll-container::-webkit-scrollbar-track {
  background: transparent; /* 滚动条轨道透明 */
  border-radius: 2px;
}
.scroll-container::-webkit-scrollbar-thumb {
  background: #e0e0e0; /* 滚动条滑块颜色 */
  border-radius: 2px;  /* 滑块圆角 */
}
.scroll-container::-webkit-scrollbar-thumb:hover {
  background: #b0b0b0; /* 滑块hover高亮 */
}

.routes {
	padding: 40px 20px;
	/* 替换固定百分比内边距，适配不同屏幕 */
	background-color: #fff;
	margin: 0 auto;
	/* 水平居中 */
	background-image: url(../image/route-bg.jpg);
	background-position: center;
	/* 背景居中 */
	background-size: cover;
	/* 背景覆盖整个区域 */
	background-repeat: no-repeat;
	/* 背景不重复 */
	/*height: 890px;*/
}

.routes2 {
	    padding: 20px 20px 40px 20px;
	/* 替换固定百分比内边距，适配不同屏幕 */
}
.routes p{
	color: #fff;
	font-size: 14px;
	max-width: 1200px;
	text-align: center;
	margin: auto;
	margin-top: 30px;
}


/* 基础 Tab 样式（保持不变） */


/* Tab 容器：响应式 Grid 布局核心 */

.tab-container {
	display: grid;
	/* 间距：自适应屏幕宽度，移动端更紧凑，PC 更宽松 */
	gap: clamp(8px, 1.5vw, 12px);
	/* 最大宽度限制 + 居中，避免宽屏过度拉伸 */
	max-width: 1200px;
	margin: 0 auto 20px;
	/* 媒体查询前的默认值（移动端）：两行两列 */
	grid-template-columns: repeat(2, 1fr);
}


/* PC 端（≥768px）：一行四列 */

@media (min-width: 768px) {
	.tab-container {
		grid-template-columns: repeat(4, 1fr);
		gap: clamp(10px, 2vw, 15px);
	}
}


/* Tab 项核心样式：全终端适配 */

.tab-item {
	/* 内边距：自适应，PC 更宽，移动端适中 */
	padding: clamp(12px, 2.5vw, 16px) 0;
	text-align: center;
	cursor: pointer;
	color: #247FD0;
	font-size: clamp(14px, 2vw, 16px);
	font-weight: 600;
	background-color: #f5f5f5;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* 轻微阴影分层 */
	*/ position: relative;
	transition: all 0.2s ease;
	/* 过渡更顺滑 */
	/* 移动端消除点击高亮 */
	-webkit-tap-highlight-color: transparent;
	/* 无障碍：支持键盘聚焦 */
	tab-index: 0;
	outline: none;
}


/* 激活状态：强对比视觉，全终端统一 */

.tab-item.active {
	background-color: #3491ed;
	color: #fff;
	font-weight: 600;
	box-shadow: 0 2px 6px rgba(0, 102, 204, 0.2);
	/* 激活态阴影强化 */
}


/* PC 端悬浮效果（移动端隐藏） */

@media (min-width: 768px) {
	.tab-item:hover:not(.active) {
		background-color: #f8f9fd;
		transform: translateY(-1px);
		/* 轻微上浮，提升交互感 */
	}
	/* PC 端聚焦样式（无障碍） */
	.tab-item:focus-visible:not(.active) {
		outline: 2px solid #0066cc;
		outline-offset: 2px;
	}
}


/* 移动端点击按压效果（模拟原生按钮） */

.tab-item:active:not(.active) {
	transform: scale(0.98);
	background-color: #f0f5ff;
}


/* 内容区域：全终端适配 */

.content-container {
	max-width: 1200px;
	margin: 0 auto;
	/* padding: clamp(16px, 3vw, 24px);*/
/*	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);*/
	min-height: 220px;
}

.content-item {
	display: none;
	color: #666;
	font-size: clamp(14px, 1.8vw, 15px);
	line-height: 1.7;
}

.content-item.active {
	display: block;
}

.content-item h3 {
	color: #333;
	font-size: clamp(16px, 2vw, 18px);
	margin-bottom: 12px;
}


/* 平板横屏适配（补充：768px~1024px 优化） */

@media (min-width: 768px) and (max-width: 1024px) {
	.tab-item {
		padding: 14px 0;
		font-size: 15px;
	}
}

.tab-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #e3f2fd;
	color: #1e88e5;
	border-radius: 50%;
	margin-right: 6px;
	font-size: 12px;
}

.tab-item.active .tab-icon {
	background-color: white;
	color: #1e88e5;
}


/* 内容容器 */

.content-container {
	/* background-color: white;*/
	margin: 0 auto;
	/*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);*/
	overflow: hidden;
	max-width: 1200px;
}


/* 线路内容 */

.content {
	display: none;
	/* 默认隐藏 */
}

.content.active {
	display: block;
	/* 激活时显示 */
}


/* 切换器样式 */

.routes-switch {
	padding: 15px;
	/* border-bottom: 1px solid #f0f0f0;*/
}

.route-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	/* 元素间距 */
}

.route-text {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}

.switch-btn {
	display: flex;
	align-items: center;
	/* gap: 8px;*/
	/* padding: 6px 12px;*/
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
}

.train-icon,
.arrow-icon {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


/* 模拟火车图标（可用实际图片替换） */


/*.train-icon {
      background-image: url(../image/xhc.png);
      width: 30px;
      height: 40px;
    }*/

.train-icon .iconfont {
	font-size: 30px;
}

.arrow-icon .iconfont {
	font-size: 24px;
}

.switch-text {
	font-size: 14px;
}


/* 表格样式 */

.content-container {
	overflow-x: auto;
	/* 表格过宽时横向滚动 */
}

.route-table {
	width: 100%;
	min-width: 768px;
	/* 确保表格在窄屏有足够宽度可滚动 */
	border-collapse: collapse;
}

.route-table th,
.route-table td {
	padding: 12px 15px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.ys {
	background-color: rgba(64, 158, 255, 0.7);
	color: #ffffff;
}

.route-table th {
	/*background-color: #f5f7fa;*/
	color: #FFFFFF;
	font-weight: 500;
	text-align: center;
}

.route-table tr:hover {
	/*background-color: #f9f9f9;*/
}


/* 响应式适配 - 平板（768px以下） */

@media (max-width: 768px) {
	.tab-item {
		padding: 8px 16px;
		font-size: 16px;
	}
	.route-text {
		font-size: 15px;
	}
	.switch-btn {
		padding: 5px 10px;
		font-size: 13px;
	}
	.route-table th,
	.route-table td {
		padding: 10px 12px;
		font-size: 13px;
	}
	/* 隐藏次要列 */
	.route-table th:nth-child(8),
	/* 全程里程 */
	.route-table td:nth-child(8) {
		display: none;
	}
}


/* 响应式适配 - 手机（480px以下） */

@media (max-width: 480px) {
	.tab-item {
		/*margin: 0 5px;*/
		padding: 6px 7px;
		font-size: 12px;
	}
	.tab-icon {
		width: 16px;
		height: 16px;
		font-size: 10px;
		margin-right: 4px;
	}
	.routes-switch {
		padding: 10px;
	}
	.route-content {
		gap: 10px;
	}
	.train-icon,
	.arrow-icon {
		width: 16px;
		height: 16px;
	}
	.switch-text {
		font-size: 14px;
	}
	.arrow-icon .iconfont {
		font-size: 14px;
	}
	.train-icon .iconfont {
		font-size: 24px;
	}
	.single-arrow-icon .iconfont {
		font-size: 14px;
		line-height: 14px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	/* 再隐藏一列（根据优先级调整） */
	.route-table th:nth-child(9),
	/* 参考时长 */
	.route-table td:nth-child(9) {
		display: none;
	}
}


/* 不可切换线路的标识（单向箭头） */

.non-switch-route {
	padding: 15px;
	/* border-bottom: 1px solid #f0f0f0;*/
}

.non-switch-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.non-switch-text {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
}


/* 单向箭头图标（区别于可切换的双向切换器） */

.single-arrow-icon {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


/* 不可切换线路外层容器 */

.non-switch-route {
	padding: 15px;
	/*border-bottom: 1px solid #f0f0f0;
  background-color: rgba(255, 255, 255, 0.9); /* 与可切换线路背景统一 */
	*/
}


/* 不可切换按钮核心（纵向 Flex 布局：图标上，文字+箭头下） */

.non-switch-btn {
	display: flex;
	flex-direction: column;
	/* 纵向排列 */
	align-items: center;
	/* 内部元素水平居中 */
	justify-content: center;
	/* gap: 4px; /* 火车图标与下方容器的垂直间距 */
	*/
	/*  padding: 8px 12px;*/
	border-radius: 6px;
	font-size: 14px;
	color: #fff;
	/* 文字灰色，体现不可交互 */
}

.non-switch-desc {
	font-size: 14px;
}


/* 箭头+文字容器（横向并排） */

.non-switch-bottom {
	display: flex;
	align-items: center;
	gap: 6px;
	/* 文字与箭头的间距 */
}


/* 火车图标（灰色，适配不可交互风格） */

.train-icon {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


/* 单向箭头图标（灰色） */

.single-arrow-icon .iconfont {
	font-size: 24px;
	line-height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


/* 响应式适配（平板/手机） */

@media (max-width: 768px) {
	.non-switch-route {
		padding: 12px;
	}
	.non-switch-content {
		gap: 10px;
	}
	.non-switch-text {
		font-size: 15px;
	}
	.non-switch-btn {
		padding: 6px 10px;
		font-size: 13px;
		gap: 3px;
	}
	.non-switch-bottom {
		gap: 5px;
	}
	.train-icon,
	.single-arrow-icon {
		width: 18px;
		height: 18px;
	}
	.train-icon .iconfont {
		font-size: 20px;
	}
}

@media (max-width: 480px) {
	.non-switch-route {
		padding: 10px;
	}
	.non-switch-content {
		gap: 8px;
	}
	.non-switch-text {
		font-size: 14px;
	}
	.non-switch-btn {
		padding: 5px 8px;
		font-size: 12px;
		gap: 2px;
	}
	.non-switch-bottom {
		gap: 4px;
	}
	.train-icon,
	.single-arrow-icon {
		width: 16px;
		height: 16px;
	}
	.train-icon .iconfont {
		font-size: 20px;
	}
}


/* 响应式适配 */


}

/* 切换器外层容器 */
.routes-switch {
	padding: 15px;
}

/* 切换器内容容器（水平居中） */

/* 线路文字（中国/欧洲） */
.route-text {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}

/* 切换按钮核心样式（纵向 Flex 布局） */
.switch-btn {
	display: flex;
	flex-direction: column;
	/* 纵向排列：图标上，文字+箭头下 */
	
	align-items: center;
	/* 内部元素水平居中 */
	
	justify-content: center;
	/* 内部元素垂直居中 */
	/* gap: 10px; /* 图标和下方容器的间距 */
	
	*/
	/* padding: 8px 12px; /* 上下内边距略大，适配纵向布局 */
	
	*/ color: #fff;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.2s ease;
	border: none;
	outline: none;
}

/* 文字+箭头容器（横向排列） */
.switch-bottom {
	display: flex;
	align-items: center;
	gap: 6px;
	/* 文字和箭头的间距 */
}

/* 火车/箭头图标样式 */
.train-icon,
.arrow-icon {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* 响应式适配（平板/手机） */
@media (max-width: 768px) {
	.routes-switch {
		padding: 12px;
	}
	
	.route-content {
		gap: 10px;
	}
	
	.route-text {
		font-size: 16px;
	}
	
	.switch-btn {
		padding: 6px 10px;
		font-size: 13px;
		gap: 10px;
	}
	
	.switch-bottom {
		gap: 5px;
	}
}
@media (max-width: 480px) {
	.routes-switch {
		padding: 10px;
	}
	
	.route-content {
		gap: 8px;
	}
	
	.route-text {
		font-size: 14px;
	}
	
	.switch-btn {
		padding: 5px 8px;
		font-size: 12px;
		gap: 10px;
	}
	
	.switch-bottom {
		gap: 4px;
	}
	
	.train-icon,
	.arrow-icon {
		width: 16px;
		height: 16px;
	}
}

/* 容器自适应 */
.bg {
	background: #f7f8f8;
}
.sections {
	width: 100%;
	padding: 40px 0px;
	max-width: 1200px;
	margin: 0 auto;
}

/* 标题样式 */
.sections-title {
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	text-align: center;
	margin-bottom: 40px;
	color: #333;
	font-weight: bold;
}

/* 理由列表：固定每行4列 */

.reasons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	/* 列/行间距统一 */
	
	justify-content: space-between;
	/* 两端对齐，保证4列均匀分布 */
}
/* 核心：reasons容器 - flex布局控制列数 */
.reasons {
    width: 100%;
    display: flex;
    flex-wrap: wrap; /* 超出自动换行 */
    gap: 20px; /* item之间的间距（左右+上下），统一规范 */
    justify-content: flex-start; /* 左对齐，排版更整齐 */
}

/* PC端：一行4个item（默认样式，大屏优先） */
.reason-item {
    flex: 0 0 calc(25% - 15px); /* 4列：25%占比 - gap均分的间距 */
    box-sizing: border-box; /* 防止padding/border撑大宽度 */
    padding: 22px 18px;
    /*background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04); /* 轻微阴影提升质感 */*/
    text-align: center;
}

/* 图标、标题、文本样式优化 */
.reason-item .iconfont {
    font-size: 36px;
    color: #0072e5; /* 可替换为官网主色 */
    margin-bottom: 18px;
    display: inline-block;
}
.reason-item h3 {
    font-size: 19px;
    color: #333;
    margin: 0 0 12px 0;
    font-weight: 600;
}
.reason-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

/* 响应式断点1：平板/大屏手机（≤992px）- 一行2个item */
@media (max-width: 992px) {
    .reason-item {
        flex: 0 0 calc(50% - 10px); /* 2列：50%占比 - gap均分的间距 */
        padding: 20px 15px;
    }
    .sections-title {
        font-size: 24px; /* 标题字号微调 */
    }
    .reason-item h3 {
        font-size: 18px;
    }
    .reason-item .iconfont {
        font-size: 32px;
    }
}

/* 响应式断点2：小屏手机（≤576px）- 保持一行2个，仅微调细节 */
@media (max-width: 576px) {
    
    .reasons {
        gap: 15px; /* 减小间距，适配小屏 */
    }
    .reason-item {
        padding: 18px 12px;
    }
    .reason-item p {
        font-size: 13px; /* 文本字号缩小，避免换行过多 */
    }
}

/* 理由项：强制每行4个（宽度计算：100%/4 - 间距补偿） */
.reason-item {
	width: calc(25% - 15px);
	/* 25%宽度 - 间距补偿，确保4列不换行 */
	
	padding: 25px 20px;
	/* border-radius: 8px;*/
	/* background-color: #f8f9fa;*/
	/*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);*/
	
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	transition: transform 0.3s ease;
}

/* 悬浮效果 */
.reason-item:hover {
	transform: translateY(-5px);
}

/* 图标样式 */
.reason-item .iconfont {
	font-size: 3rem;
	color: #247fd0;
	margin-bottom: 15px;
}

/* 标题样式 */
.reason-item h3 {
	font-size: 1rem;
	color: #247fd0;
	margin-bottom: 10px;
	font-weight: bold;
}

/* 描述文字 */
.reason-item p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
}

/* 响应式断点适配 */

/* 平板端（992px以下）：每行2列 */
@media (max-width: 992px) {
	.reason-item {
		width: calc(50% - 10px);
		/* 2列布局，调整间距补偿 */
	}
}

/* 移动端（768px以下）：单列显示 */
@media (max-width: 768px) {
	
	.reasons {
		gap: 15px;
		justify-content: center;
	}
	
	.reason-item {
		width: 100%;
		/* 单列全屏 */
		max-width: 400px;
		/* 避免大屏手机过宽 */
		padding: 20px 15px;
	}
}

/* 小屏手机（480px以下） */
@media (max-width: 480px) {
	.section-title {
		margin-bottom: 20px;
	}
	
	.reason-item {
		padding: 18px 12px;
	}
	
	.reason-item .iconfont {
		font-size: 1.8rem;
		margin-bottom: 12px;
	}
}

/* 客户见证容器 */
.testimonials-section {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0px;
}

/* 标题样式 */
.testimonials-title {
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	color: #333;
	text-align: center;
	margin-bottom: 10px;
}
.testimonials-subtitle {
	font-size: clamp(1rem, 2vw, 1rem);
	color: #666;
	text-align: center;
	margin-bottom: 40px;
	font-weight: normal;
}

/* 见证列表：固定一排2个，共2排 */
.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* 强制2列布局 */
	
	gap: 30px;
	/* 卡片间距（水平+垂直） */
}

/* 卡片整体样式 */
.testimonial-card {
	background-color: #fff;
	border: 2px solid #fafafa;
	/*border-radius: 10px;*/
	
	padding: 30px;
	/*  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);*/
	/*  transition: transform 0.3s ease;*/
}
.testimonial-card:hover {
	/* transform: translateY(-5px);*/
}

/* 上部分：图片+名称职位（横向排列） */
.testimonial-header {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
	/* 与下部分拉开距离 */
	
	padding-bottom: 15px;
	border-bottom: 2px solid #fafafa;
	/* 分隔线增强层次感 */
}

/* 头像样式 */
.testimonial-avatar {
	width: 116px;
	height: 103px;
	/* border-radius: 50%;
*/
	
	object-fit: cover;
	flex-shrink: 0;
	/* 防止压缩 */
}

/* 客户信息文字区域 */
.client-info {
	flex-grow: 1;
}
.client-name {
	font-size: 1rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
}
.client-type {
	font-size: 0.9rem;
	color: #666;
	line-height: 1.4;
	margin-bottom: 8px;
}
.kfxx {
	margin-top: 8px;
	color: #000;
	font-weight: 300;
	/*font-size: 0.999rem;*/
}
.stars {
	color: #FFD700;
	letter-spacing: 2px;
	font-size: 0.95rem;
}
.zw {
	margin-top: 2px;
	/*font-size: 0.875rem;*/
}

/* 下部分：评价内容 */
.testimonial-content .testimonial-text {
	font-size: 0.875rem;
	color: #666;
	line-height: 1.8;
	margin: 0;
	/* 清除默认margin */
}

/* 移动端适配 */
@media (max-width: 768px) {
	.testimonial-header {
		flex-direction: column;
		/* 移动端垂直排列图片和信息 */
		text-align: center;
		gap: 15px;
		padding-bottom: 10px;
	}
	
	.testimonial-avatar {
		width: 70px;
		height: 70px;
	}
	
	.testimonial-card {
		padding: 25px 20px;
	}
}
@media (max-width: 1024px) {
	.testimonials-section {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}

}




/* 容器样式 - 统一顶层样式，无冗余 */
.bgg {
	background: #f7f8f8;
	padding: 50px 0;
}
.partners-section {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0px; /* 全局统一左右留白，避免大屏贴边 */
}

/* 标题样式 */
.partners-title {
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	color: #333;
	text-align: center;
	margin-bottom: 40px;
	font-weight: 600;
}

/* 5列网格布局（核心）- PC端默认样式 */
.partners-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr); /* 强制一排5个 */
	gap: 20px; /* 缩小间距适配5列 */
}

/* 单个合作伙伴卡片 */
.partner-item {
	background-color: #fff;
	padding: 20px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	/*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;*/
}
.partner-item:hover {
	/* transform: translateY(-5px);*/
}

/* 品牌Logo自适应 - ✅修复114x → 114px 单位BUG */
.partner-logo {
	max-width: 100%;
	max-height: 114px; /* 修复：补充缺失的px单位，限制Logo最大高度生效 */
	object-fit: contain;
	padding: 0 10px; /* 预留边距防止边缘裁切 */
}

/* 响应式断点适配 - 层级清晰，仅写差异化样式，无冗余 */
/* 平板横屏（1024px以下）：3列布局 */
@media (max-width: 1024px) {
	.partners-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}
	.bgg {
		padding: 40px 0;
	}
	.partners-section {
	
	padding: 0 20px; /* 全局统一左右留白，避免大屏贴边 */
}
}

/* 平板竖屏/手机端（768px以下）：✅稳定2列布局（核心需求） */
@media (max-width: 768px) {
	.partners-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 超小屏手机（576px以下）：1列布局（窄屏适配） */
@media (max-width: 576px) {
	.partners-grid {
		/*grid-template-columns: 1fr;*/
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.partner-item {
		padding: 15px;
	}
}


/* 页脚基础样式 */
.footer {
	background-color: #333;
	color: #fff;
	padding: 30px 20px;
	font-size: 14px;
}
.footer-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/* align-items: center;*/
	
	gap: 20px;
}

/* 左侧：Logo+信息 */
.footer-left {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.footer-logo {
	display: flex;
	align-items: center;
	gap: 10px;
}
.footer-logo img {
	height: 48px;
	width: auto;
}
.footer-logo-text h3 {
	font-size: 16px;
	margin: 0;
}
.footer-logo-text p {
	font-size: 12px;
	opacity: 0.8;
	margin: 0;
}
.footer-contact {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.footer-contact a {
	color: #fff;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 8px;
}
.footer-contact a:hover {
	opacity: 0.8;
}

/* 中间：导航 */
.footer-nav {
	display: flex;
	gap: 25px;
	font-size: 16px;
}
.footer-nav a {
	color: #fff;
	text-decoration: none;
}
.footer-nav a:hover {
	opacity: 0.8;
}

/* 右侧：二维码 */
.footer-qrcode {
	display: flex;
	gap: 20px;
}
.qrcode-item {
	text-align: center;
}
.qrcode-item img {
	width: 80px;
	height: 80px;
	margin-bottom: 5px;
}
.qrcode-item p {
	font-size: 12px;
	margin: 0;
}

/* 底部：友情链接 */
.footer-links {
	max-width: 1200px;
	margin: 20px auto 0;
	padding-top: 20px;
	/*border-top: 1px solid #444;*/
}
.footer-links a {
	color: #fff;
	text-decoration: none;
	/*margin-right: 15px;*/
}
.footer-links a:hover {
	opacity: 0.8;
}

 /* 版权信息（补充） */
    .footer-copyright {
      max-width: 1200px;
      text-align: center;
      padding: 20px 0 10px;
      font-size: 12px;
      color: #999;
      margin: auto;
      margin-top: 20px;
      border-top: 1px solid #444;
  
    }
   .footer-copyright a{
   	 color: #999;
   	 text-decoration: none;
   }  

/* 响应式适配 */
@media (max-width: 1024px) {
	.footer-container {
		/* flex-direction: column;*/
		/*text-align: left;*/
	}
	
	.footer-left {
		/*align-items: center;*/
	}
	
	.footer-nav {
		justify-content: center;
		gap: 20px;
	}
}
@media (max-width: 992px) {
	.footer-container {
		/* flex-direction: column;*/
		/*text-align: left;*/
	}
	
	.footer-left {
		/*align-items: center;*/
	}
	
	
	.footer-nav {
		justify-content: center;
		gap: 20px;
	}
}
@media (max-width: 576px) {
	.footer-nav {
		flex-wrap: wrap;
		gap: 15px;
	}
	
	.footer-qrcode {
		/* flex-direction: column;*/
		gap: 15px;
		text-align: center;
		margin: auto;
	}
}

/* 中欧班列 */

/* 内容容器 */

/* 简介区域 */

/* 简介区域基础样式 */
.intro {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0px 10px 0;
}

/* 标题样式 */
.intro h2 {
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	color: #333;
	margin-bottom: 18px;
	padding-bottom: 10px;
	display: inline-block;
	/* 下划线仅跟随文字宽度 */
	
	letter-spacing: 0.5px;
	/* 字间距优化 */
}

/* 正文文本样式 */
.intro p {
	font-size: 1rem;
	color: #555;
	line-height: 1.8;
	/* 行高适中，提升可读性 */
	
	margin-bottom: 15px;
	letter-spacing: 0.2px;
}

/* 平板设备适配（768px - 991px） */
@media (max-width: 1024px) {
	.intro{
		padding: 30px 20px 10px 20px;
	}
	.intro h2 {
		font-size: clamp(1.5rem, 3vw, 1.5rem);
		margin-bottom: 15px;
		padding-bottom: 8px;
	}
	
	.intro p {
		font-size: 1rem;
		line-height: 1.7;
		margin-bottom: 12px;
	}
}

@media (max-width: 991px) {
	.intro h2 {
		font-size: clamp(1.5rem, 3vw, 1.5rem);
		margin-bottom: 15px;
		padding-bottom: 8px;
	}
	
	.intro p {
		font-size: 1rem;
		line-height: 1.7;
		margin-bottom: 12px;
	}
}

/* 手机设备适配（767px以下） */
@media (max-width: 767px) {
	.intro h2 {
		font-size: clamp(1.5rem, 3vw, 1.5rem);
		margin-bottom: 12px;
		padding-bottom: 6px;
	}
	
	.intro p {
		font-size: 1rem;
		line-height: 1.6;
		margin-bottom: 10px;
		text-align: center;
		/* 两端对齐（解决文字分散问题） */
		text-align: justify;
		/* 兼容IE等浏览器的两端对齐 */
		text-justify: inter-ideograph;
		/* 确保最后一行也两端对齐（可选） */
		text-align-last: center;
	}
	
	.intro {
		max-width: 1200px;
		margin: 0 auto;
		padding: 30px 20px 10px 20px;
		text-align: center;
	}
}

/* 小屏手机适配（480px以下） */
@media (max-width: 480px) {
	.intro h2 {
		font-size: clamp(1.5rem, 3vw, 1.5rem);
	}
	
	.intro p {
		font-size: 1rem;
		line-height: 1.5;
		word-break: break-word;
		/* 长单词自动换行，避免溢出 */
	}
}

/* Tab栏样式 */

/* 线路详情容器（默认隐藏，仅激活对应线路显示） */
.route-detail-wrapper {
	display: none;
	background: #f5f6f8;
	max-width: 1200px;
	margin: 30px auto;
}
.route-detail-wrapper.active {
	display: block;
}

/* 线路详情 */
.route-detail {
	display: flex;
	flex-wrap: wrap;
	background: #fafafa;
}
.route-detail-img {
	flex: 1;
	min-width: 280px;
}
.route-detail-img img {
	width: 100%;
	height: auto;
}
.route-detail-text {
	flex: 2;
	min-width: 280px;
	background: #f5f6f8;
	padding: 0 30px 0px 30px;
}
.route-detail-text h3 {
	margin-bottom: 10px;
	color: #333;
	margin-top: 30px;
	border-bottom: 2px solid #ebebeb;
	padding-bottom: 10px;
	font-size: 16px;
}
.text-l {
	color: #247FD0;
	border-bottom: 4px solid #247FD0;
	padding-bottom: 10px;
}
.route-detail-text p {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 25px;
	text-align: justify;
	letter-spacing: 1px;
}
.route-detail-text p strong {
	color: #262626;
}

/* 内容容器（Tab对应内容） */
.content-container {
	width: 100%;
}
/*.container2 {
	padding: 0px 20px;
}*/
.content {
	display: none;
}
.content.active {
	display: block;
}

/* 标题 */
.page-title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #333;
}

/* 容器适配 */
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 20px;
}

/* 标题样式 */
.wrapper h2 {
	text-align: center;
	margin: 3rem 0;
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	/* 响应式字体 */
	
	color: #333;
	font-weight: 600;
}

/* FAQ容器 - 强制一行2列 */
.faq-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(1rem, 2vw, 1.5rem);
	/* padding: 0 0.5rem;*/
	
}
.faq-s{
margin-bottom: 40px;	
}

/* FAQ项样式 */
.faq-item {
	background: #fafafa;
	box-shadow: var(--shadow);
	overflow: hidden;
	transition: var(--transition);
}
.faq-item:hover {
	/* box-shadow: 0 4px 16px rgba(0,0,0,0.1);*/
}

/* 问题tab卡 */
.faq-question {
	padding: clamp(1rem, 2vw, 1.2rem) clamp(1rem, 2vw, 1.5rem);
	/* font-weight: 600;*/
	
	color: #333;
	transition: color 0.3s ease, background-color 0.3s ease;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: var(--transition);
	position: relative;
}
.faq-question::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fafafa;
	opacity: 0;
	transition: var(--transition);
}
.faq-question:hover {
	background-color: #fafafa;
	color: #247fd0;
}
.faq-question:hover::after {
	opacity: 1;
}

/* 标题激活态（蓝色字体） */
.faq-question.active {
	color: #247fd0;
	/* 可根据需求修改蓝色值 */
	/* background-color: #f0f7ff; /* 可选：配套背景色增强视觉 */
	
	*/
}

/* 答案展开态（原有样式，确保生效） */
.faq-answer.active {
	max-height: 800px;
	padding: 20px 25px 25px;
}

/* 箭头样式 */
.arrow {
	font-size: clamp(1rem, 2vw, 1.2rem);
	font-weight: 600;
	transition: transform 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}
.arrow.active {
	transform: rotate(180deg);
	/* color: #247FD0;*/
}

/* 回答区域 */
.faq-answer {
	padding: 0 clamp(1rem, 2vw, 1.5rem);
	line-height: 1.7;
	color: #666666;
	text-align: justify;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease;
	font-size: clamp(0.9rem, 1.5vw, 0.9rem);
}
.faq-answer.active {
	padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
	max-height: 800px;
	/* 足够容纳长文本 */
}
@media (max-width: 1024px) {
	/* FAQ容器 - 强制一行2列 */
	
	.faq-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: clamp(1rem, 2vw, 1.5rem);
		/* padding: 0 0.5rem;*/
	}
	
	.wrapper {
		margin: 0 auto;
		/*padding: 0 20px 60px 20px;*/
	}
	.wrapper1{
		padding: 0 20px 0px 20px;
	}
}

/* 核心断点：767px以下改为1列（手机适配） */
@media (max-width: 767px) {
	.faq-container {
		grid-template-columns: 1fr;
		/* 手机端1列 */
	}
	.faq-s{
margin-bottom: 40px;	
}
	
}

/* 小屏手机优化（320px以下） */
@media (max-width: 320px) {
	.faq-container {
		gap: 0.8rem;
	}
	
	.faq-question {
		padding: 0.8rem 1rem;
	}
	
	.wrapper {
		margin: 0 auto;
		padding: 0 20px 60px 20px;
	}
}

/* 大屏优化（1200px+） */
@media (min-width: 1200px) {
	.faq-container {
		gap: 2rem;
	}
}

/* 暗黑模式适配（可选） */
@media (prefers-color-scheme: dark) {
	 :root {
		--bg-color: #1a1a1a;
		--white: #2d2d2d;
		--text-color: #f5f5f5;
		--text-light: #d0d0d0;
		--light-primary: #0047ab;
		--shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
	}
	
	.faq-question::after {
		background-color: #444;
	}
}

/* 清关派送核心容器 */
.qgps {
	padding: 30px 0 10px 0;
	max-width: 1200px;
	margin: 0 auto;
	/* 全局居中，无需重复定义 */
	
	text-align: center;
	/*padding-left: 2%;
            padding-right: 2%; /* 小屏统一留白，避免贴边 */
	
	*/
}

/* ========== Tab栏：移动端两行两列 ========== */
.tab-container3 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* 移动端2列 */
	
	gap: 8px;
	margin-bottom: 30px;
	width: 100%;
}

/* Tab项样式 */
.tab-item3 {
	padding: 12px 0;
	background-color: #f5f5f5;
	font-weight: 600;
	cursor: pointer;
	font-size: 14px;
	color: #247FD0;
	transition: all 0.2s ease;
	white-space: nowrap;
	text-align: center;
	/* border-radius: 4px; /* 优化视觉，可选 */
	
	*/
}
.tab-item3.active {
	background-color: #3491ed;
	color: #fff;
}
.tab-item3 .iconfont {
	margin-right: 6px;
	font-size: 14px;
}

/* ========== 详情容器（移动端基础布局） ========== */
.route-detail-wrapper3 {
	display: none;
	width: 100%;
}
.route-detail-wrapper3.active {
	display: block;
}
.route-detail3 {
	display: flex;
	flex-wrap: wrap;
	/* 移动端默认换行 */
	
	background: #fafafa;
}
.route-detail-text3 {
	width: 100%;
	/* 移动端文字区占满宽度 */
	
	padding: 0 15px;
	/* 移动端文字留白 */
}
.route-detail-text3 h3 {
	margin-bottom: 10px;
	color: #333;
	margin-top: 30px;
	border-bottom: 2px solid #ebebeb;
	padding-bottom: 10px;
	font-size: 16px;
	/* 移动端基础字号 */
	
	text-align: left;
}
.route-detail-text3 .text-l3 {
	color: #247FD0;
	border-bottom: 4px solid #247FD0;
	padding-bottom: 10px;
}
.route-detail-text3 p {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 25px;
	text-align: justify;
	letter-spacing: 1px;
}
.route-detail-text3 p strong {
	color: #333;
}
.route-detail-img3 {
	width: 100%;
	/* 移动端图片占满宽度 */
	
	overflow: hidden;
	/*margin-top: 15px; /* 移动端图文间距 */
	
	*/
}
.route-detail-img3 img {
	width: 100%;
	height: auto;
	/* 保持图片比例 */
}

/* ========== 断点适配（从窄到宽，避免重复） ========== */

/* 超小屏手机 (<375px) 优化 */
@media (max-width: 375px) {
	.tab-item3 {
		padding: 10px 0;
		font-size: 13px;
	}
	
	.tab-item3 .iconfont {
		display: none;
		/* 隐藏图标节省空间 */
	}
	
	.route-detail-text3 h3 {
		font-size: 15px;
		margin-bottom: 8px;
	}
	
	.route-detail-text3 p {
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 15px;
	}
}

/* 超小屏手机 (<768px) 优化 */
@media (max-width: 768px) {
	.qgps {
		padding: 30px 20px 10px 20px;
		margin: 0 auto;
		/* 全局居中，无需重复定义 */
		text-align: center;
		/*padding-left: 2%;
            padding-right: 2%; /* 小屏统一留白，避免贴边 */
		*/
	}
	
	.tab-item3 {
		padding: 10px 0;
		font-size: 16px;
	}
	
	.tab-item3 .iconfont {
		display: none;
		/* 隐藏图标节省空间 */
	}
	
	.route-detail-text3 h3 {
		font-size: 15px;
		margin-bottom: 8px;
	}
	
	.route-detail-text3 p {
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 15px;
	}
}

/* 平板端 (≥768px)：横向布局，4列Tab */
@media (min-width: 768px) {
	.tab-container3 {
		grid-template-columns: repeat(4, 1fr);
		/* 4列均分 */
		gap: 10px;
	}
	.tab-item3:hover:not(.active) {
		background-color: #f8f9fd;
	/*	transform: translateY(-1px);*/
		/* 轻微上浮，提升交互感 */
	}
	.tab-item3 {
		padding: 8px 0;
		font-size: 16px;
	}
	
	.route-detail3 {
		flex-direction: row;
		/* 横向排列 */
		/*  gap: 20px; /* 图文间距 */
		*/
	}
	
	.route-detail-text3 {
		flex: 2;
		min-width: 280px;
		/* 最小宽度，避免挤压 */
		background: #f5f6f8;
		padding: 0 30px;
		/* 平板端文字区留白 */
		/*margin-top: 15px;*/
	}
	
	.route-detail-img3 {
		flex: 0 0 40%;
		/* 图片固定40%宽度 */
		max-width: 40%;
		/* margin-top: 15px;*/
	}
	
	.route-detail-text3 h3 {
		font-size: 16px;
	}
	
	.route-detail-text3 p {
		font-size: 15px;
		line-height: 1.7;
	}
}

/* 桌面端 (≥1024px) 精细化优化 */
@media (min-width: 1024px) {
	.tab-container3 {
		gap: 15px;
		/* 增大Tab间距 */
	}
	
	.tab-item3 {
		padding: 14px 0;
		font-size: 16px;
		font-weight: 600;
	}
	
	.route-detail3 {
		/* gap: 30px; /* 增大图文间距 */
		*/
	}
	
	.route-detail-text3 h3 {
		margin-bottom: 15px;
		margin-top: 30px;
		/* 增加标题上边距 */
	}
	
	.route-detail-text3 p {
		font-size: 14px;
		line-height: 1.8;
		margin-bottom: 10px;
	}
	
	.route-detail-img3 {
		flex: 1;
		/* 桌面端图片自适应 */
		max-width: none;
		/* 取消平板端的40%限制 */
		min-width: 280px;
	}
}
.container-bz {
	width: 100%;
	max-width: 1200px;
	margin: 50px auto;
	text-align: center;
	/*padding: 0 2%;*/
	/* 百分比内边距，适配小屏 */
}
.title-bz {
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	/* 响应式字体：最小22px，最大28px */
	
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
	letter-spacing: 0.5px;
}
.desc-bz {
	color: #666;
	font-size: clamp(14px, 3vw, 16px);
	line-height: 1.6;
	margin-bottom: 40px;
	padding: 0 5%;
	/* 小屏时增加左右内边距 */
}

/* 卡片容器：大屏横向排列，小屏强制单列 */
.cards-bz {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	/* 大屏间距 */
}

/* 卡片：大屏自适应，小屏占满宽度 */
.card-bz {
	flex: 1;
	min-width: 280px;
	/* 大屏最小宽度 */
	
/*	max-width: 380px;*/
	/* 大屏最大宽度 */
	/* 线性渐变背景：从浅蓝到深蓝 */
	
	background: linear-gradient(135deg, #298ee7, #42a8f3);
	color: #fff;
	padding: 25px 20px;
	border-radius: 12px;
	text-align: left;
	box-shadow: 0 4px 12px rgba(33, 133, 208, 0.2);
	transition: transform 0.3s ease;
	border: 2px solid #67baf6;
}
.card-bz:hover {
	transform: translateY(-5px);
	/* hover时渐变加深 */
	
	background: linear-gradient(135deg, #298ee7, #42a8f3);
}
.card-title {
	font-size: clamp(16px, 4vw, 16px);
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.8);
	letter-spacing: 1px;
	display: inline-block;
	line-height: 2.2;
}
.card-content {
	font-size: clamp(14px, 3vw, 14px);
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.95);
}
@media (max-width: 1024px) {
	.container-bz {
		padding: 0 20px;
	}
}

/* 手机端（≤768px）强制单列排版 */
@media (max-width: 768px) {
	.container-bz {
		margin: 40px auto;
	}
	
	.cards-bz {
		gap: 20px;
		/* 手机端卡片间距 */
	}
	
	.card-bz {
		/* 强制占满容器宽度，实现单列 */
		min-width: 100%;
		max-width: 100%;
		/*padding: 22px 18px;*/
		/* 手机端内边距优化 */
	}
	
	.desc-bz {
		margin-bottom: 30px;
		padding: 0 8%;
		/* 手机端文字左右留白更多 */
	}
	
	.container-bz {
		margin: 50px auto;
		text-align: center;
		/*padding: 0 1%;*/
		*//* 百分比内边距，适配小屏 */
	}
}

/* 超小屏手机（≤480px）精细化优化 */
@media (max-width: 480px) {
	.card-bz {
		min-width: 95%;
		max-width: 95%;
	}
	
	.title-bz {
		margin-bottom: 10px;
		font-size: clamp(20px, 5vw, 24px);
	}
	
	.desc-bz {
		font-size: clamp(13px, 3vw, 14px);
	}
}

/* 帮助中心 容器基础样式 */

/* 容器基础样式 */
.tab-container-bz {
	max-width: 1200px;
	margin: 20px auto;
	font-family: "微软雅黑", sans-serif;
}

/* Tab导航栏 - PC端固定3个一排 */
.tab-nav-bz {
	display: flex;
	gap: 10px;
	/* 按钮间间距 */
	
	margin-bottom: 15px;
	/* PC端强制3个均分宽度，禁止换行 */
	
	flex-wrap: nowrap;
	margin-top: 60px;
}

/* Tab按钮 - PC端均分宽度 */
.tab-btn-bz {
	flex: 1;
	/* 关键：每个按钮均分父容器宽度 */
	
	padding: 12px 0;
	/* 调整内边距，适配均分宽度 */
	
	border: none;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 内容水平居中 */
	
	gap: 8px;
	white-space: nowrap;
	/* 防止文字换行 */
}
.tab-btn-bz span {
	font-size: 18px;
}

/* 按钮样式 */
.tab-btn-bz {
	background-color: #333;
}
.tab-btn-bz.active {
	background-color: #247fd0;
}
.tab-btn-bz:hover:not(.active) {
	background-color: #555;
}

/* Tab内容面板 */
.tab-panel-bz {
	display: none;
	padding: 20px 0;
	/* border: 1px solid #eee;*/
	/* border-radius: 4px;*/
}
.tab-panel-bz.active {
	display: block;
}

/* 移动端适配（屏幕<768px） */
@media (max-width: 768px) {
	.tab-nav-bz {
		flex-direction: column;
		/* 移动端垂直排列 */
		gap: 8px;
	}
	.tab-nav-bz {
   
    margin-top: 30px;
}
	.tab-btn-bz {
		flex: none;
		/* 取消移动端均分宽度 */
		width: 100%;
		/* 移动端按钮占满宽度 */
		padding: 10px 0;
	}
	
	.tab-container-bz {
		padding: 0 20px;
		margin: 20px auto;
	}
}

/* 资讯导航栏样式（4个分类） */
.nav-zx {
	margin-bottom: 30px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.nav-item-zx {
	padding: 8px 16px;
	color: #333;
	font-size: 16px;
	cursor: pointer;
	/*border-radius: 4px;*/
	
	transition: all 0.2s;
	user-select: none;
	font-weight: 600;
}
.nav-item-zx:hover {
	color: #007bff;
	/*background-color: #f0f7ff;*/
}
.nav-item-zx.active {
	color: #247FD0;
	/*color: #fff;
            background-color: #007bff;*/
}

/* 资讯列表样式（左图右文） */
.news-list {
	/*display: flex;*/
	flex-direction: column;
	gap: 20px;
	margin-bottom: 30px;
}
.news-item {
	display: flex;
	background-color: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s, box-shadow 0.3s;
	display: none;
	/* 默认隐藏，由分页控制显示 */
	    margin-bottom: 20px;
}
.news-item.show {
	display: flex;
	/* 显示当前页的资讯 */
}
.news-item:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* 左侧图片样式 */
.news-img-wrap {
	flex: 0 0 240px;
	/* 固定图片宽度 */
	
	height: 200px;
	overflow: hidden;
}
.news-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}
.news-item:hover .news-img {
	transform: scale(1.05);
}

/* 右侧文字内容 */
.news-content {
	flex: 1;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* 标题下划线样式 */
.news-title {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 16px;
	line-height: 1.4;
	position: relative;
	padding-bottom: 8px;
}

/*.news-title::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 60px;
            height: 3px;
            background-color: #007bff;
            border-radius: 2px;
        }*/

/* 描述文字关键信息下划线 */
.news-desc {
	font-size: 14px;
	color: #666666;
	margin-bottom: 20px;
	line-height: 1.8;
}

/*.news-desc span.highlight {
            color: #007bff;
            text-decoration: underline;
            text-underline-offset: 4px;
            text-decoration-color: #007bff;
            text-decoration-thickness: 2px;
        }*/
.news-date {
	font-size: 13px;
	color: #9ca3af;
	display: inline-block;
	padding: 6px 12px;
	background-color: #fafafa;
	/* border-radius: 4px;*/
}

/* 分页控件样式 */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-width: 100%;
	margin: 30px auto 0;
	flex-wrap: wrap;
	padding: 0 10px;
}
.page-btn {
	padding: 8px 16px;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	background-color: #fff;
	color: #333;
	cursor: pointer;
	transition: all 0.2s;
	font-size: 14px;
	flex-shrink: 0;
	/* 补充防压缩 */
	
	white-space: nowrap;
	/* 补充防换行 */
}

/* 分页容器整体间距 */
#pageNumberWrap {
	display: flex;
	align-items: center;
	gap: 8px;
	/* 所有子元素之间的间距（核心），可根据需求调整为6px/10px等 */
	
	justify-content: center;
	/* 页码居中显示，可选 */
	
	padding: 10px 0;
	/* 容器上下内边距，提升整体美观度 */
}

/* 页码按钮样式优化（可选） */
#pageNumberWrap .page-btn {
	padding: 6px 12px;
	/* 按钮内边距，避免太挤 */
	
	border-radius: 4px;
	/* 圆角，提升质感 */
	
	border: 1px solid #ddd;
	cursor: pointer;
}

/* 选中态按钮 */
#pageNumberWrap .page-btn.active {
	background-color: #007bff;
	color: white;
	border-color: #007bff;
}

/* 省略号样式优化 */
#pageNumberWrap span {
	color: #9ca3af;
	font-size: 14px;
}
.page-btn:hover {
	border-color: #007bff;
	color: #007bff;
}
.page-btn.active {
	background-color: #007bff;
	color: #fff;
	border-color: #007bff;
}
.page-btn:disabled {
	cursor: not-allowed;
	color: #9ca3af;
	border-color: #e5e7eb;
	background-color: #f9fafb;
}

/* 响应式适配 */
@media (max-width: 768px) {
	.news-item {
		flex-direction: column;
		/* 移动端变回上下布局 */
	}
	
	.news-img-wrap {
		flex: none;
		width: 100%;
		height: 180px;
	}
	
	.news-content {
		padding: 20px;
	}
	
	.news-title {
		font-size: 14px;
	}
	
	.news-desc {
		font-size: 14px;
	}
	
	.nav-zx {
		gap: 5px;
		padding: 8px 10px;
	}
	
	.nav-item-zx {
		padding: 6px 12px;
		font-size: 14px;
	}
	
	.page-btn {
		padding: 6px 12px;
		font-size: 13px;
	}
}
@media (max-width: 480px) {
	.news-img-wrap {
		height: 160px;
	}
	
	.news-content {
		padding: 16px;
	}
	
	.pagination {
		gap: 5px;
	}
}

/* 下载中心 */
.file-list-s {
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	border-radius: 12px;
	padding: 15px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.file-item {
	display: flex;
	align-items: center;
	margin: 10px 0;
	padding: 12px 8px;
	border-bottom: 1px solid #eee;
	gap: 12px;
	flex-wrap: wrap;
}
.file-item:last-child {
	border-bottom: none;
}
.file-icon {
	width: 88px;
	height: 88px;
	background: #fafafa;
	border-radius: 6px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 20px;
	color: #c3c1c1;
}
.iconxz{
	    font-size: 58px;
	    color: #247FD0;
}
.file-info {
	flex: 1;
	min-width: 200px;
}
.file-name {
	font-size: 16px;
	margin-bottom: 4px;
	color: #333;
	word-break: break-all;
}
.file-date {
	font-size: 12px;
	color: #999;
}
.download-btn {
	padding: 8px 16px;
	background: #247fd0;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	flex-shrink: 0;
	transition: background 0.2s;
	white-space: nowrap;
}
.download-btn:hover {
	background: #409eff;
}


@media (max-width: 991px) {
	.file-icon {
	width: 58px;
	height: 58px;
	background: #fafafa;
	border-radius: 6px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 20px;
	color: #c3c1c1;
}
.iconxz{
	    font-size: 38px;
	    color: #247FD0;
}
}

/* 手机设备适配（767px以下） */
@media (max-width: 767px) {
	.file-icon {
	width: 48px;
	height: 48px;
	background: #fafafa;
	border-radius: 6px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 20px;
	color: #c3c1c1;
}
.iconxz{
	    font-size: 28px;
	    color: #247FD0;
}
}

/* 小屏手机适配（480px以下） */
@media (max-width: 480px) {
	.file-icon {
	width: 48px;
	height: 48px;
	background: #fafafa;
	border-radius: 6px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 20px;
	color: #c3c1c1;
}
.iconxz{
	    font-size: 28px;
	    color: #247FD0;
}
}









/* 适配新的pagination-s类名 */
.pagination-s {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-width: 100%;
	margin: 40px auto 0;
	flex-wrap: wrap;
	padding: 0 10px 10px 10px;
}
.pagination-btn {
	padding: 6px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
	transition: all 0.2s;
	flex-shrink: 0;
	white-space: nowrap;
}
.pagination-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	background: #f5f5f5;
}
.pagination-btn:not(:disabled):hover {
	border-color: #409eff;
	color: #409eff;
}
.pagination-s .page-num {
	background: #409eff;
	color: white;
	border-color: #409eff;
}
.ellipsis {
	padding: 6px 4px;
	color: #666;
	user-select: none;
}
@media (max-width: 768px) {
	.file-item {
		padding: 10px 5px;
		gap: 8px;
	}
	
	.file-icon {
		width: 36px;
		height: 36px;
		font-size: 18px;
	}
	
	.file-name {
		font-size: 14px;
	}
	
	.download-btn {
		padding: 6px 12px;
		font-size: 13px;
		margin-top: 8px;
		width: 100%;
	}
	
	.pagination-s {
		gap: 4px;
		/*margin-top: 20px;*/
	}
	
	.pagination-btn {
		padding: 5px 10px;
		font-size: 13px;
	}
	
	.file-list-s {
		padding: 10px;
	}
}
@media (max-width: 480px) {
	.file-info {
		min-width: 100%;
	}
	
	.file-icon {
		margin-bottom: 8px;
	}
	
	.file-item {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.pagination-btn {
		padding: 4px 8px;
		font-size: 12px;
	}
}

/* 简介区域基础样式 */
.about {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0px 0px 0px;
}

/* 标题样式 */
.about h2 {
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	color: #333;
	margin-bottom: 18px;
	padding-bottom: 10px;
	display: inline-block;
	/* 下划线仅跟随文字宽度 */
	
	letter-spacing: 0.5px;
	/* 字间距优化 */
}

/* 正文文本样式 */
.about p {
	font-size: 1rem;
	color: #666;
	line-height: 1.8;
	/* 行高适中，提升可读性 */
	/*margin-bottom: 15px;*/
	
	letter-spacing: 0.2px;
}

/* 平板设备适配（768px - 991px） */
@media (max-width: 991px) {
	.about h2 {
		font-size: clamp(1.5rem, 3vw, 1.5rem);
		margin-bottom: 15px;
		padding-bottom: 8px;
	}
	
	.about p {
		font-size: 1rem;
		line-height: 1.7;
		margin-bottom: 12px;
	}
}

/* 手机设备适配（767px以下） */
@media (max-width: 767px) {
	.about h2 {
		font-size: clamp(1.5rem, 3vw, 1.5rem);
		margin-bottom: 12px;
		padding-bottom: 6px;
	}
	
	.about p {
		font-size: 1rem;
		line-height: 1.6;
		margin-bottom: 10px;
		text-align: center;
		/* 两端对齐（解决文字分散问题） */
		text-align: justify;
		/* 兼容IE等浏览器的两端对齐 */
		text-justify: inter-ideograph;
		/* 确保最后一行也两端对齐（可选） */
		text-align-last: center;
	}
	
	.about {
		max-width: 1200px;
		margin: 0 auto;
		padding: 30px 20px 10px 20px;
		text-align: center;
	}
}

/* 小屏手机适配（480px以下） */
@media (max-width: 480px) {
	.about h2 {
		font-size: clamp(1.5rem, 3vw, 1.5rem);
	}
	
	.about p {
		font-size: 1rem;
		line-height: 1.5;
		word-break: break-word;
		/* 长单词自动换行，避免溢出 */
	}
}

/* 统计卡片容器 */
.stats-container {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
}

/* 单个统计卡片 */
.stats-card {
	background-color: #fff;
	/* border-radius: 12px;*/
	
	padding: 30px 20px;
	width: 284px;
	text-align: center;
	border: 2px solid #fafafa;
	/*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;*/
}

/*.stats-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }*/
.stats-y {
	color: #ffffff;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background-color: #247fd0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}

/* 图标样式 */
.stats-icon {
	font-size: 58px;
	color: #ffffff;
}

/* 数字样式 */
.stats-number {
	font-size: 30px;
	font-weight: 600;
	color: #247fd0;
	margin-top: 10px;
}

/* 描述文字样式 */
.stats-desc {
	font-size: 16px;
	color: #247fd0;
	line-height: 1.5;
}

/* 响应式适配 */
@media (max-width: 1024px) {
	.stats-container {
        /* 替换flex为grid，布局更简洁，精准控制2列 */
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 强制2列，每列宽度均等 */
        grid-gap: 20px; /* 列+行间距，替代margin更统一 */
        justify-content: unset; /* 重置flex的justify-content */
        padding: 20px 20px 0; /* 上下内边距调整，左右留空避免贴边 */
    }

    .stats-card {
        width: 100%; /* grid布局下宽度自适应列宽 */
        max-width: none; /* 取消最大宽度限制，适配grid列宽 */
        padding: 24px 15px; /* 微调内边距，适配1024px屏幕 */
        margin-bottom: 0; /* 用grid-gap控制间距，取消margin */
    }
}

@media (max-width: 992px) {
	.stats-card {
		width: 200px;
		padding: 24px 16px;
	}
}
@media (max-width: 768px) {
	.stats-container {
		justify-content: center;
		padding-top: 20px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		/* 2列，每列等分宽度 */
		padding: 0 20px;
	}
	
	.stats-card {
		width: 100%;
		max-width: 400px;
		padding: 24px 0px;
	}
}

/* 轮播容器基础样式 */
.honor-list-wrap {
	position: relative;
	overflow: hidden;
	margin-top: 40px;
}
.honor-list {
	display: flex;
	gap: 20px;
	/* 图片间距 */
	
	transition: transform 0.5s ease;
	/* 轮播过渡动画 */
}
.honor-item {
	flex: 0 0 auto;
	/* 固定宽度，不伸缩 */
}
.honor-pic {
	width: 100%;
	height: auto;
	object-fit: cover;
	/* 保持图片比例，填充容器 */
	
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* PC端样式（≥768px） */
@media (min-width: 768px) {
	.honor-list-wrap {
		width: 100%;
	}
	
	.honor-item {
		width: calc(25% - 15px);
		/* 4个一排，减去间距 */
	}
}

/* 移动端样式（<768px） */
@media (max-width: 767px) {
	.honor-list-wrap {
		overflow: visible;
		/* 关闭隐藏，取消轮播 */
	}
	
	.honor-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		/* 两两排列 */
		gap: 15px;
		transform: none !important;
		/* 禁用JS的位移 */
	}
	
	.honor-item {
		width: 100%;
	}
}

/* 行业荣誉列表容器：核心响应式布局 */
.honor-list2 {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	/* 间距统一设为20px */
	
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
}

/* 单个荣誉项：移动端两两排列 */
.honor-item2 {
	flex: 1 0 calc(50% - 10px);
	/* 50%宽度 - gap的一半（20px/2），保证间距20px */
	
	min-width: 0;
	/* 解决flex子元素宽度溢出问题 */
	/* border-radius: 8px;*/
	
	overflow: hidden;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	background: #fff;
}

/* 图片自适应：保证比例不变形 */
.honor-pic2 {
	width: 100%;
	height: auto;
	/* 高度随宽度自适应 */
	
	display: block;
	/* 去除图片默认间隙 */
	
	object-fit: cover;
	/* 图片填充容器（可选，根据实际需求替换为contain） */
}

/* 平板适配（768~1023px）：四列均分 */
@media (min-width: 768px) and (max-width: 1023px) {
	.honor-item2 {
		flex: 1 0 calc(25% - 15px);
		/* 25%宽度 - 20px*3/4，保证四列间距均匀 */
	}
}

/* 大屏适配（≥1024px）：可选，保持四列或自定义 */
@media (min-width: 1024px) {
	.honor-item2 {
		flex: 1 0 calc(25% - 15px);
	}
}

/* 极端小屏优化（≤320px）：防止挤压 */
@media (max-width: 320px) {
	.honor-list2 {
		gap: 15px;
		/* 小屏适当缩小间距 */
	}
	
	.honor-item2 {
		flex: 1 0 calc(50% - 7.5px);
	}
}
@media (max-width: 1024px) {
	.about {
		max-width: 1200px;
		padding: 30px 20px;
	}
}

/* 团队板块容器 */

/* 核心：背景图片自适应配置 */
.team {
	color: #fff;
	/*padding: 5vw 3vw;*/
	
	text-align: center;
	position: relative;
	z-index: 1;
	/* 背景图片自适应核心属性 */
	
	background-image: url(../image/team-bg.jpg);
	/* 替换为你的背景图路径 */
	
	background-repeat: no-repeat;
	background-position: center;
	/* 居中显示 */
	
	background-size: cover;
	/* 覆盖容器+保持比例 */
	/*    background-attachment: fixed; /* 滚动时背景固定（可选） */
	
	*/ min-height: 80vh;
	/* 保证容器最小高度，适配内容 */
	
	margin-top: 50px;
}

/* 遮罩层：解决背景图与文字对比度问题 */

/*.team::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
           background-color: rgba(30, 115, 190, 0.85); 
            z-index: -1;
        }*/

/* 半透明蓝，可调整 */
.team-section {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	padding: 50px 0;
	text-align: center;
	margin-top: 50px;
}
.team-section h2 {
	font-size: 24px;
	margin-bottom: 30px;
}
.team-desc {
	margin-bottom: 60px;
	font-size: 1rem;
	line-height: 1.8;
	margin-left: auto;
	margin-right: auto;
}

/* 团队成员列表 */
.team-members {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	flex: 0 0 auto;
	/* 禁止卡片拉伸，保持固定宽度 */
}

/* 单个成员卡片 */
.team-member {
	width: clamp(200px, 25vw, 380px);
	/* 自适应宽度：最小200px，最大240px */
	
	text-align: center;
}
.member-avatar {
	width: 182px;
	height: 182px;
	/*border-radius: 50%;*/
	
	overflow: hidden;
	margin: 0 auto 20px;
}
.member-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.member-name {
	font-size: 16px;
	margin-bottom: 10px;
}
.member-contact {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 1px;
}

/* 响应式适配 */
@media (max-width: 768px) {
	.team-section h2 {
		font-size: 20px;
	}
	
	.team-desc {
		font-size: 14px;
		margin-bottom: 40px;
		text-align: center;
	}
	
	.team-section {
		padding: 50px 0px;
	}
	
	.member-avatar {
		width: 100px;
		height: 100px;
	}
	
	.team-members {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px;
		flex: 0 0 auto;
	}
}
@media (max-width: 1024px) {
	.team {
		max-width: 1200px;
		padding: 0px 20px;
	}
}

/* 服务保障板块容器 */
.service-section {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0px 50px 0px;
}
.service-section h2 {
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	color: #333;
	margin-bottom: 18px;
	padding-bottom: 10px;
	display: inline-block;
	letter-spacing: 0.5px;
}
.service-section p {
	
	font-size: 1rem;
	color: #666;
	line-height: 1.8;
	margin-bottom: 40px;
	letter-spacing: 0.2px;
	text-align: center;
	/* 整体居中 */
	
	text-align-last: center;
	/* 最后一行也居中 */
	
	justify-content: center;
}

/* 标题样式 - 响应式字体 */

/* 描述文本 - 响应式适配 */

/* 文本高亮样式 */
.service-desc {
	color: #1e73be;
}

/* 地图容器 - 自适应核心 */
.service-map {
	width: 100%;
	max-width: 1200px;
	/* 限制地图最大宽度 */
	
	margin: 0 auto;
	overflow: hidden;
	/* box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);*/
}
.service-map img {
	width: 100%;
	height: auto;
	/* 保持宽高比，不拉伸 */
	
	display: block;
	/* 消除图片底部空白 */
	
	object-fit: cover;
	/* 适配容器，裁剪多余部分（可选） */
}

/* ========== 响应式断点适配 ========== */

/* 平板（768px以下） */
@media (max-width: 768px) {
	.service-desc {
		line-height: 1.7;
	}
	
	.service-section p {
		margin-bottom: 20px;
	}
	
	.service-section {
		padding: 50px 20px;
	}
}
@media (max-width: 1024px) {
	.service-map {
	padding: 0 20px;
}
	.service-section {
		max-width: 1200px;
		padding: 50px 20px;
	}
	.service-section p {
		margin-bottom: 20px;
		padding: 0 20px;
	}
}

/* 手机（480px以下） */
@media (max-width: 480px) {
	.service-section {
		max-width: 1200px;
		padding: 50px 0px;
	}
	
	.service-section p {
		margin-bottom: 20px;
	}
	
	.service-desc {
		text-align: left;
		/* 手机端左对齐更易读 */
		font-size: clamp(0.8rem, 1.8vw, 0.9rem);
		line-height: 1.9;
	}
	/* 手机端高亮文字优化 */
	
	.service-desc span {
		padding: 1px 3px;
	}
	
	.service-map {
		/*border-radius: 4px;
                box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);*/
	}
}


@media (max-width: 1024px) {
	.service-section {
		max-width: 1200px;
		padding: 50px 0px;
	}
	
	.service-desc {
		font-size: 1rem;
	}
}

/* 联系方式板块容器 */
.contact-section {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

/* 标题样式 - 响应式 */
.contact-title {
	font-size: clamp(1.5rem, 3vw, 1.5rem);
	text-align: center;
	margin-bottom: clamp(25px, 4vw, 40px);
	font-weight: 600;
	color: #333;
	letter-spacing: 1px;
}

/* 联系方式列表容器 */
.contact-list {
	display: flex;
	flex-direction: column;
	gap: clamp(20px, 3vw, 50px);
	max-width: 1200px;
	margin: 0 auto;
}

/* 单个联系项（中国总部/欧洲公司） */
.contact-item {
	padding-bottom: 50px;
	border-bottom: 2px solid #fafafa;
	/* 分隔线 */
}

/* 子标题（中国总部/欧洲公司） */
.contact-subtitle {
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 22px;
	color: #333;
	justify-content: flex-end;
}

/* 欧洲公司英文补充样式 */
.contact-subtitle span {
	font-size: clamp(0.9rem, 1.5vw, 1rem);
	font-weight: 600;
	color: #333;
	margin-left: 10px;
}

/* 联系信息行 - 弹性布局适配 */
.contact-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(10px, 2vw, 20px);
	font-size: clamp(0.875rem, 1.2vw, 1rem);
	color: #555;
}

/* 信息项（地址/电话/邮箱等） */
.info-item {
	flex: 1 1 auto;
	/* 自适应宽度，小屏换行 */
	
	min-width: 200px;
	/* 小屏最小宽度，避免挤在一起 */
	
	display: flex;
	align-items: center;
	gap: 6px;
}

/* 标签样式（地址/电话等） */
.info-label {
	color: #666;
	white-space: nowrap;
	/* 标签不换行 */
}

/* 内容样式 */
.info-content {
	color: #666;
}

/* 高亮号码（蓝色） */
.info-highlight {
	color: #1e73be;
	font-weight: 500;
}

/* ========== 响应式断点适配 ========== */
@media (max-width: 1024px) {
	.contact-section {
		padding: 0 20px 60px 20px;
	}
	
	.contact-info {
		gap: clamp(8px, 1.5vw, 15px);
	}
	
	.info-item {
		min-width: 180px;
	}
}

/* 平板（768px以下） */
@media (max-width: 768px) {
	.contact-section {
		padding: 0 20px 40px 20px;
	}
	
	.contact-info {
		gap: clamp(8px, 1.5vw, 15px);
	}
	
	.info-item {
		min-width: 180px;
	}
}

/* 手机（480px以下） */
@media (max-width: 480px) {
	.contact-title {
		font-size: clamp(1.5rem, 4vw, 2rem);
		margin-bottom: clamp(20px, 3vw, 30px);
	}
	
	.contact-subtitle {
		font-size: clamp(1rem, 2vw, 1.2rem);
		margin-bottom: clamp(8px, 1vw, 12px);
	}
	
	.contact-info {
		flex-direction: column;
		/* 手机端竖向排列 */
		align-items: flex-start;
		gap: clamp(6px, 1vw, 10px);
	}
	
	.info-item {
		min-width: 100%;
		gap: 4px;
		font-size: clamp(0.8rem, 1.5vw, 0.9rem);
	}
	/* 手机端标签右对齐，内容左对齐（更规整） */
	
	.info-label {
		display: inline-block;
		width: 60px;
		color: #666;
	}
}




   /* 外层容器：控制整体布局 + 相对定位（作为提示框的参考） */
        .contact-wrapper {
            position: fixed;
            right: 20px; /* 距离右侧的间距，可调整 */
            top: 50%;
            transform: translateY(-50%);
            z-index: 9999; /* 确保在页面最上层 */
        }
        /* 核心容器：控制卡片+按钮布局 */
        .contact-container {
            display: flex;
            align-items: flex-start;
        }
        /* 左侧卡片：显示手机号 */
        .phone-card {
            background: #fff;
            border: 1px solid #eee;
            padding: 20px;
            border-radius: 4px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
            margin-right: 10px;
        }
        .phone-icon {
            width: 40px;
            height: 30px;
            margin: 0 auto 10px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M19 14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2s.75-.3 1-.63c-.75.89-1.25 2.03-1.25 3.37h1c0-1.1.3-2.11.82-2.95C5.8 15.43 6.81 16 8 16h10c1.19 0 2.2-.57 2.82-1.38A3.99 3.99 0 0 0 19 14zm-2 0c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1z'/%3E%3C/svg%3E") no-repeat center;
            background-size: contain;
        }
        .phone-number {
            font-size: 16px;
            color: #333;
            text-align: center;
        }
        /* 右侧按钮组 */
        .button-group {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .contact-btn {
            width: 48px;
            height: 48px;
            background: #3491ed;
            border: none;
            cursor: pointer;
            background-repeat: no-repeat;
            background-position: center;
            position: relative; /* 用于定位提示框 */
            transition: background-color 0.2s;
          
        }
        /* 按钮hover变色 */
        .contact-btn:hover {
            background-color: #43a9f4;
        }
        /* 提示框样式：默认隐藏，固定在卡片左侧 */
        .btn-tooltip {
            position: absolute;
            left: calc(-145px - 10px); /* 固定在按钮左侧（145px是提示框宽度，10px是间距） */
            top: 50%;
            transform: translateY(-50%);
            width: 145px;
            height: auto; 
            line-height: 36px;
            color: #fff;
            font-size: 14px;
            text-align: center;
           
            pointer-events: none; /* 不遮挡鼠标事件 */
            opacity: 0;
            transition: opacity 0.2s;
            z-index: 999;
        }
        /* hover时显示提示框 */
        .contact-btn:hover .btn-tooltip {
            opacity: 1;
        }
        /* 返回顶部按钮样式修复 */
        .back-to-top {
            background-color: #3491ed; /* 初始背景色 */
            transition: background-color 0.2s;
        }
        .back-to-top:hover {
            background-color: #43a9f4; /* hover背景色 */
        }
        /* 修复：返回顶部图标样式 */
        .back-to-top .btn-share {
            color: #fff; /* 初始图标颜色 */
        }
        .back-to-top:hover .btn-share {
            color: #fff; /* hover图标颜色 */
        }
        /* 提示框小三角（补充完整） */
        /*.btn-tooltip::after {
            content: '';
            position: absolute;
            right: -8px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-left: 8px solid #fff;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
        }*/
        /* 按钮图标 */
        .btn-call, .btn-chat {
            font-size: 32px;
            color: #ffffff;
        }
        .btn-share {
            font-size: 32px;
            color: #ffffff;
        }
        

 /* 响应式适配 - 平板/小屏PC（768px以下） */
        @media (max-width: 768px) {
            .contact-wrapper {
                right: 20px; /* 缩小右侧间距 */
            }
            .contact-btn {
                width: 40px; /* 缩小按钮尺寸 */
                height: 40px;
            }
            .btn-call, .btn-chat, .btn-share {
                font-size: 24px; /* 缩小图标 */
            }
            .btn-tooltip {
                width: 80px; /* 缩小提示框 */
                left: calc(-80px - 68px);
                font-size: 13px;
                line-height: 32px;
            }
           
            .phone-card {
                padding: 15px; /* 缩小卡片内边距 */
                margin-right: 8px;
            }
            .phone-number {
                font-size: 14px; /* 缩小手机号字体 */
            }
        }

        /* 响应式适配 - 移动端（480px以下） */
        @media (max-width: 480px) {
            .contact-wrapper {
                right: 10px; /* 进一步缩小右侧间距 */
            }
            .contact-btn {
                width: 32px; /* 进一步缩小按钮 */
                height: 32px;
            }
            .button-group {
                gap: 8px; /* 缩小按钮间距 */
            }
            .btn-call, .btn-chat, .btn-share {
                font-size: 22px; /* 进一步缩小图标 */
            }
            /* 可选：移动端隐藏手机号卡片，只保留按钮（节省空间） */
            .phone-card {
                display: none; 
            }
            /* 移动端提示框改为右侧（避免超出屏幕左边界） */
            .btn-tooltip {
                left: auto;
                right: calc(100% + 8px); /* 改为按钮右侧 */
                width: 100px;
                font-size: 12px;
                line-height: 28px;
            }
            
            /* 移动端返回顶部显隐阈值降低（更易触发） */
            .back-to-top-mobile-threshold {
                --scroll-threshold: 200px;
            }
        }

        /* 极端小屏（320px以下） */
        @media (max-width: 320px) {
            .contact-btn {
                width: 38px;
                height: 38px;
            }
            .btn-call, .btn-chat, .btn-share {
                font-size: 18px;
            }
            .btn-tooltip {
                width: 80px;
                line-height: 24px;
            }
        }
        



 /* 面包屑导航样式 */
        .breadcrumb {
            max-width: 1200px;
            margin: 0 auto 50px;
            padding: 0 15px;
            font-size: 14px;
            color: #999;
            padding-top: 40px;
        }
        .breadcrumb a {
            color: #247fd0;
        }
        .breadcrumb a:hover {
            text-decoration: underline;
        }
        .breadcrumb span {
            margin: 0 8px;
            color: #ccc;
        }

        /* 新闻详情主体 */
        .container {
           /* max-width: 1200px;*/
            margin: 0 auto;
          /*  padding: 0 15px;*/
        }
        .news-detail {
        	 max-width: 1200px;
            padding: 50px 0; /* 调整顶部内边距，适配面包屑导航 */
           
        }
        /* 新闻标题区 */
        .news-detail-header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }
        .detail-title {
            font-size: 1.125rem;
            font-weight: bold;
            line-height: 1.4;
            margin-bottom: 15px;
            color: #333;
        }
        .detail-meta {
            color: #999;
            font-size: 14px;
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
        }
        .meta-label {
            margin-right: 5px;
            color: #666;
        }
        /* 新闻正文区 */
        .news-detail-content {
            background-color: #fff;
            margin-bottom: 30px;
        }
        .content-paragraph {
            font-size: 14px;
            margin-bottom: 20px;
            text-indent: 2em; /* 首行缩进2字符 */
            color: #666;
            line-height: 35px;
        }
        .content-img {
            text-align: center;
            margin: 30px 0;
        }
        .content-img img {
            max-width: 100%;
            height: auto;
           
        }
        .img-caption {
            font-size: 14px;
            color: #999;
            margin-top: 10px;
        }
        .content-subtitle {
            font-size: 14px;
            font-weight: bold;
            margin: 30px 0 15px;
            color: #333;
        }

        /* 相关新闻推荐 */
        .related-news {
            margin-bottom: 40px;
        }
        .related-title {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 20px;
            color: #247fd0;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }
        .related-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
        .related-items{
        	background-color: #fff;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            transition: transform 0.2s;
        }
        /*.related-item {
            background-color: #fff;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            transition: transform 0.2s;
        }*/
        .related-item:hover {
            transform: translateY(-3px);
        }
        
        .related-item-title {
            font-size: 14px;
           /* font-weight: 600;*/
            margin-bottom: 10px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .related-item-meta {
            font-size: 14px;
            color: #999;
        }

        /* 响应式适配 */
          @media (max-width: 1024px) {
          	 .container {
           /* max-width: 1200px;*/
            margin: 0 auto;
            padding: 0 20px;
        }
            .detail-title {
                font-size: 24px;
            }
             .news-detail {
            padding: 40px 20px; /* 调整顶部内边距，适配面包屑导航 */
        }
           
            .related-list {
                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            }
            .breadcrumb {
                font-size: 13px;
            }
        }
        /* 平板/小屏PC（768px以下） */
        @media (max-width: 768px) {
            .detail-title {
                font-size: 24px;
            }
             .news-detail {
            padding: 40px 20px; /* 调整顶部内边距，适配面包屑导航 */
        }
           
            .related-list {
                grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            }
            .breadcrumb {
                font-size: 13px;
            }
        }

        /* 移动端（480px以下） */
        @media (max-width: 480px) {
            .detail-title {
                font-size: 20px;
            }
            .news-detail {
            padding: 30px 20px; /* 调整顶部内边距，适配面包屑导航 */
        }
           
            .detail-meta {
                flex-direction: column;
                gap: 5px;
                align-items: center;
            }
           
            .content-paragraph {
                font-size: 15px;
                text-indent: 1.5em;
            }
            .content-subtitle {
                font-size: 18px;
            }
            .related-list {
                grid-template-columns: 1fr;
            }
            .breadcrumb {
                font-size: 12px;
            }
            .breadcrumb span {
                margin: 0 4px;
            }
        }