@charset "utf-8";

html {
	height: 100%;
}

body {
	font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
	padding: 0;
	margin: 0;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #0d2a6e;
	text-decoration: none;
}

a {
	color: #505050;
}

ul,
ol {
	list-style: none;
	padding: 0;
}

img {
	/* max-width: 100%; */
}

.text_center {
	text-align: center;
}

.blsit-list li {
	list-style: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.bg_style {
	background-position: center;
	background-repeat: no-repeat;
}

.logo_color {
	color: rgb(218, 37, 29);
}


.width40 {
	width: 40%;
	margin: 0 auto;
}

.txt_overflow {
	overflow: hidden;
	.white-space: nowrap;
	text-overflow: ellipsis;
}

/* 响应式隐藏类 */
.hidden-xs {
	display: block;
}

.hidden-md {
	display: block;
}

button:focus,
input:focus {
	outline: none !important;
}

/*  */
.navbar-brand>img {
	display: block;
	width: 270px;
	z-index: 9;
	position: absolute;
	top: 0;
}

nav.navbar-default {
	background: #0d2a6e;
	border-radius: 0;
	border: 0;
	padding: 69px 0 15px;
	margin-bottom: 0;
	position: fixed;
	top: 0;
	width: 100%;
	/*overflow: hidden;*/
	z-index: 99;
}

nav.navbar-default::after {
	content: '';
	background-image: url(../images/nav.png);
	/*background-size: cover;*/
	/*background-repeat: no-repeat;   */
	background-size: contain;
	background-repeat: no-repeat;
	width: 390px;
	display: block;
	height: 180px;
	background-position: left;
	position: absolute;
	opacity: .3;
	top: 0;
}

.top_right_seacher {
	display: flex;
	align-items: center;
	gap: 20px;
	position: fixed;
	top: 16px;
	margin-left: auto;
	right: 3%;
	z-index: 1002;
}

.search-input {
	flex: 1;
	border: none;
	background: none;
	padding: 10px 16px;
	font-size: 14px;
	color: #333;
	outline: none;
}

.search-input::placeholder {
	color: #999;
}

.search-btn {
	background: #1a3c8b !important;
	border: none;
	cursor: pointer;
	padding: 10px 24px;
	color: #fff !important;
	border-radius: 50px;
	transition: all 0.3s;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	position: relative;
	overflow: visible;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}

.search-btn:hover {
	background: #0c2a5c !important;
	transform: scale(1.05);
	box-shadow: 0 4px 12px rgba(26, 60, 139, 0.3);
	color: #fff !important;
	text-decoration: none !important;
}

.search-btn:active,
.search-btn:focus {
	color: #fff !important;
	background: #1a3c8b !important;
	text-decoration: none !important;
}

.search-container {
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 50px;
	min-width: 280px;
	font-size: 12px;
	backdrop-filter: blur(10px);
	border: 1px solid #e0e0e0;
	overflow: hidden;
}

.navbar-nav>li {
	float: left;
	width: 11%;
	text-align: center;
}

.top_right_seacher .login-register {
	display: flex;
	align-items: center;
}

.top_right_seacher .login-register a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	transition: opacity 0.3s;
}

.top_right_seacher .login-register a:hover {
	opacity: 0.8;
}

.top_right_seacher .login-register .divider {
	color: #fff;
	margin: 0 8px;
	font-size: 14px;
}

.top_right_seacher .lang-switch {
	display: flex;
	align-items: center;
}

.top_right_seacher .lang-switch a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	transition: background-color 0.3s;
	backdrop-filter: blur(4px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.top_right_seacher .lang-switch a:hover {
	background: rgba(255, 255, 255, 0.4);
}

nav.navbar-default .navbar-nav>li>a {
	color: #fff;
	padding: 10px;
}

nav.navbar-default .navbar-nav>li:last-child {
	display: none;
}

nav.navbar-default .navbar-nav>li:last-child>a {
	padding: 4px 18px;
	border-radius: 30px;
	margin-top: 9px;
	font-weight: 400;
}

.navbar-right {
	float: inherit !important;
	border-radius: 63px;
	z-index: 9;
	position: relative;
	width: 100%;
	border: 0;
}

.navbar-default .navbar-nav .dropdown a {
	transition: all 0.3s;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background: none;
	color: #fff;
	font-weight: bold;
}

/* 首页导航项特殊样式 - 未滚动时文字白色加粗突出 */
.navbar-default .navbar-nav>.nav-home-item.active>a,
.navbar-default .navbar-nav>.nav-home-item.active>a:focus {
	background: none;
	color: #fff;
	font-weight: bold;
}

/* 首页未滚动时hover保持选中效果 */
.navbar-default .navbar-nav>.nav-home-item.active>a:hover {
	background: none !important;
	color: #fff !important;
	font-weight: bold !important;
}

/* 滚动后恢复首页active样式 */
body.nav-scrolled .navbar-default .navbar-nav>.nav-home-item.active>a,
body.nav-scrolled .navbar-default .navbar-nav>.nav-home-item.active>a:focus,
body.nav-scrolled .navbar-default .navbar-nav>.nav-home-item.active>a:hover {
	background: none;
	color: #fff;
	font-weight: bold;
}

.navbar-nav>li>a:hover {
	/*border-radius: 0px !important;*/
}

.navbar .dropdown-toggle {
	/*border-radius: 0px !important;*/
}


.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background: none;
	color: #f0f0f0;
}

/* 非首页选中项hover保持样式 */
.navbar-default .navbar-nav>.active>a:hover {
	background: none !important;
	color: #fff !important;
	font-weight: bold !important;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #fff !important;
	background-color: transparent !important;
}

.navbar-nav>li>.dropdown-menu {
	min-width: 100%;
	/*无背景色*/
	background: #fff;
	/*background: none;*/
	/* width: 100%; */
	border: 0;
	transform: translateX(38px);
	border-radius: 0;
	left: 0;
	text-align: left;
	/*margin-top: 20px !important;*/
	border-radius: 20px;

}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
	margin-left: -15px;
	color: #fff;
	font-size: 32px;
	font-weight: 100;
}

.dropdown-menu>li {
	margin-bottom: 10px;
	text-align: center;
	background: transparent !important;
	border-radius: 0;
}

.dropdown-menu>li>a {
	padding: 7px 29px;
	color: black;
	display: block;
	transition: all 0.3s ease;
	background: transparent !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.navbar-nav .dropdown-menu>li>a:hover,
.navbar-nav .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .dropdown-menu>li>a:focus {
	color: #1a3c8b;
	font-weight: bold !important;
	background: transparent !important;
	background-color: transparent !important;
}

.dropdown-menu>li:hover {
	background: transparent !important;
}

body.nav-scrolled .banner-container {
	top: 70px;
}

.center-intro-wrapper {
	/* padding-top: 240px; */
	padding-top: 150px;
	transition: padding-top 0.3s ease;
}

body.nav-scrolled .center-intro-wrapper {
	padding-top: 70px;
}

/* 滚动后的导航栏样式 */
.nav.scrolled {
	height: 65px;
	background-image: none;
	background-color: #0d2a6e;
	padding: 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.nav-search-scrolled {
	display: none;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
}

.search-icon-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.nav.scrolled .nav-search-scrolled {
	display: block;
	position: relative;
	z-index: 1002;
}

.nav.scrolled .nav-search-scrolled .search-container {
	min-width: 160px;
	max-width: 200px;
	transform: scale(0.85);
	transform-origin: right center;
	pointer-events: auto;
}

.nav.scrolled .nav-search-scrolled .search-input {
	width: 115px;
	min-width: 80px;
}

.nav.scrolled .nav-search {
	display: none;
}

.nav.scrolled .top_right_seacher {
	z-index: 1002;
}

.nav.scrolled .logo-container {
	display: flex;
	width: auto;
	margin: 0;
	padding: 0 10px;
	flex-shrink: 0;
}

.nav.scrolled .logo img {
	max-width: 180px;
	height: auto;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
}

.nav.scrolled .nav-tabs {
	width: auto;
	flex: 1;
	max-width: none;
	margin: 0;
	padding: 0 20px;
	background-color: transparent;
	position: relative;
	justify-content: flex-end;
	width: 95%;
	/* float: right; */
	padding-left: 165px;
	padding-top: 11px;
	/*background-color: white;*/
}

.nav.scrolled .navbar-brand>img {
	display: block;
	width: 183px;
	z-index: 9;
	position: absolute;
	top: 0;
}

.nav.scrolled .container {
	width: 99%;
}

nav.scrolled.navbar-default::after {
	display: none;
}

.nav-tabs {
	width: 100%;
	margin-top: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	/*background-color: white;*/
	border: 0;
	border-radius: 50px;
	padding: 5px;
	transition: all 0.3s ease;
	position: relative;
	z-index: 1001;
}

.nav.scrolled .nav-search {
	display: none;
}

.nav.scrolled .nav-tabs::before {
	display: none;
}

/* 关于我们部分样式 */
.about-container {
	margin-top: 36px;
	padding-bottom: 40px;
	background: linear-gradient(135deg, #0d2a6e 0%, #1a3c8b 100%);
	color: #fff;
	opacity: 0;
	transform: translateY(-150px) scale(0.95);
	/* 初始状态不自动播放动画，由JS控制 */
}

.nav-scrolled .about-container {
	margin-top: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

/* 动画由JS动态添加，不需要CSS类 */

@keyframes aboutContainerEntry {
	0% {
		opacity: 0;
		transform: translateY(-150px) scale(0.95);
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
	}

	70% {
		opacity: 1;
		transform: translateY(20px) scale(1.02);
		box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
		box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
	}
}

/* 确保内容区域在动画期间正常显示 */
.about-container.animate-visible .about {
	opacity: 1;
}

/* 从下方进入的动画类 */
.animate-from-bottom {
	opacity: 0;
	transform: translateY(100px);
	transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 从上方进入的动画类（已存在，确保完整） */
.animate-from-top {
	opacity: 0;
	transform: translateY(-100px);
	transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 从侧方进入的动画类（已存在，确保完整） */
.animate-from-side {
	opacity: 0;
	transform: translateX(0);
	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 可见状态（已存在，确保完整） */
.animate-visible {
	opacity: 1;
	transform: translateY(0) scale(1) translateX(0);
}

/* 移动端适配代码已统一移动到文件底部 */

.about {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 90%;
	height: 600px;
	opacity: 1;
	transition: opacity 0.4s ease, transform 0.4s ease;
	color: #fff;
}

.about .sidebar {
	width: 320px;
	padding: 20px;
	background: none;
}

.about .sidebar h2 {
	text-align: center;
	margin: 0;
	font-size: 44px;
	font-weight: 800;
	background: linear-gradient(to right bottom, #aabdde, #0752c2);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.about .sidebar h2+h2 {
	margin-top: 8px;
	background: linear-gradient(to left bottom, #aabdde, #0752c2);
	-webkit-background-clip: text;
	background-clip: text;
}

.about .sidebar ul {
	margin-top: 80px;
	list-style: none;
}

.about .sidebar li {
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: left;
	padding-left: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
}

.about .sidebar li a {
	padding-left: 10px;
}

.about .sidebar li:hover,
.about .sidebar li.active {
	background-color: rgba(42, 75, 154, 0.6);
	border-radius: 6px;
	transform: translateX(6px);
}

.about .sidebar li.active {
	background-color: rgba(42, 75, 154, 0.8);
	box-shadow: 0 2px 8px rgba(42, 75, 154, 0.3);
}

.about .sidebar li span {
	font-size: 18px;
}

.about .sidebar .sidebar-item.has-submenu {
	flex-direction: column;
	height: auto;
	align-items: stretch;
}

.about .sidebar .sidebar-item.has-submenu .sidebar-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0;
	height: 64px;
}

.about .sidebar .sidebar-link a {
	flex: 1;
	color: #505050;
	text-decoration: none;
	font-size: 18px;
	padding-left: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
}

.about .sidebar .submenu-arrow {
	font-size: 14px;
	font-style: normal;
	transition: transform 0.3s ease;
	cursor: pointer;
	padding: 10px;
	margin-right: 5px;
	color: #1a3c8b;
	user-select: none;
}

.about .sidebar .submenu-arrow:hover {
	color: #0d2a5c;
}

.about .sidebar .submenu {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, margin 0.3s ease, padding 0.3s ease, background 0.3s ease;
	border-radius: 6px;
}

.about .sidebar .submenu.open {
	max-height: 500px;
	margin: 10px 0 0 0;
	padding: 8px 0;
	background: rgba(26, 60, 139, 0.3);
}

.about .sidebar .submenu-item {
	height: 45px;
	padding-left: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-left: none;
}

.about .sidebar .submenu-item a {
	padding-left: 30px;
}

.about .sidebar .submenu-item:last-child {
	border-bottom: none;
}

.about .sidebar .submenu-item a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}

.about .sidebar .submenu-item:hover,
.about .sidebar .submenu-item.active {
	background: rgba(42, 75, 154, 0.5);
	border-left: none;
}

.about .sidebar .submenu-item.active a {
	color: #aabdde;
	font-weight: bold;
}

.about .content {
	flex: 1;
	padding: 20px 30px;
	background: rgba(0, 0, 0, 0.35);
	border-radius: 12px;
	backdrop-filter: blur(4px);
	position: relative;
	width: auto;
	height: 600px;
	overflow: auto;
	/* 隐藏滚动条（兼容各浏览器） */
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE/Edge */
	scroll-behavior: smooth;
}

.content::-webkit-scrollbar {
	display: none;
}

/* 内容面板样式 */
.content-section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	padding: 20px 30px;
	opacity: 0;
	transform: translateY(30px) scale(0.98);
	transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),
		transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	pointer-events: none;
	box-sizing: border-box;
}

.content-section.active {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
	z-index: 1;
}

#contactUs {
	position: fixed;
	bottom: 79px;
	right: 6px;
	width: auto;
	min-width: 120px;
	height: 50px;
	background-color: #1a3c8b;
	color: white;
	border-radius: 25px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(26, 60, 139, 0.3);
	transition: all 0.3s ease;
	z-index: 1000;
	border: none;
	outline: none;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 500;
}

#contactUs img {
	width: 20px;
	height: 20px;
	filter: brightness(0) invert(1);
}


.contact-link {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
	width: 100%;
	justify-content: center;
}

#contactUs:hover {
	background-color: #2a4b9a;
	transform: translateY(-3px);
	box-shadow: 0 6px 15px rgba(26, 60, 139, 0.4);
}

#contactUs:hover a {
	color: #fff;
}

.content-section .topImg {
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 8px;
	background: rgba(255, 255, 255, 0.05);
	/* background: white; */
}

.content-section .topImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	transition: transform 0.8s ease, filter 0.5s ease;
}

/* .content-section.active .topImg img {
  transform: scale(1);
  filter: brightness(1.1);
}

.content-section:hover .topImg img {
  transform: scale(1.08);
  filter: brightness(1.2);
} */

.about_zc p {
	width: 81%;
	float: left;
	margin-right: 4%;
	margin-top: 5%;
	/*font-size: 18px;*/
}

.content-section .topImg:empty {
	display: none;
}

.content-section .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.content-section .left {
	/*width: 50%;*/
	/*float: left;*/
}

.financial-support {
	column-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	margin-top: 20px;
	display: grid;
}

.financial-support h4 {
	font-size: 16px;
}

.content-section .subtitle {
	font-size: 16px;
	color: #fff;
	background: rgba(42, 75, 154, 0.8);
	padding: 6px 12px;
	border-radius: 999px;
	display: inline-block;
	margin-bottom: 10px;
}

.content-section p {
	font-size: 15px;
	color: #f5f5f5;
	line-height: 1.8;
	margin-bottom: 10px;
}

.service-advantages {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-top: 20px;
}

.service-advantages .advantage-item {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.service-advantages .advantage-title {
	font-weight: 600;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* 查看更多按钮 */
.read-more-container {
	text-align: center;
	margin-top: 30px;
}

.btn.white {

	background: white;
	color: #1a3c8b;
}

.btn {
	display: inline-block;
	padding: 10px 30px;
	background: #1a3c8b;
	color: white;
	text-decoration: none;
	border-radius: 4px;
	transition: background 0.3s;
}

.btn:hover {
	background: #2a4b9a;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(26, 60, 139, 0.3);
	transition: all 0.3s ease;
}

/* 移动端适配代码已统一移动到文件底部 */

.main-body {
	padding-top: 153px;
	flex: 1;
}

.swiper-slide img {
	width: 100%;
}

.content-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

/* 新闻 */
.news {
	width: 100%;
	/* padding: 60px 0; */
	background: rgba(255, 255, 255, 0.9);
	padding-top: 40px;
	position: relative;
	z-index: 5;
}

.news .news-title {
	text-align: center;
	color: #1a3c8b;
	font-size: 38px;
	font-weight: 800;
	margin-bottom: 40px;
	position: relative;
	display: inline-block;
}

.news .news-title span {
	position: absolute;
	left: 30%;
	bottom: -10px;
	transform: translateX(-50%);
	font-size: 38px;
	color: #999;
	font-weight: 400;
	letter-spacing: 4px;
	font-size: 38px;
}

.tabs {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
	margin-bottom: 24px;
	margin-top: 20px;
	opacity: 0;
	transition: opacity 0.8s ease;
}

.tabs.visible {
	opacity: 1;
}

.tabs.hidden-up {
	opacity: 0;
}

.blist li,
.tabs a,
.tabs button {
	padding: 8px 30px;
	border: none;
	border-radius: 50px;
	background: #1a3c8b;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s;
	font-weight: 500;
	display: inline-block;
	margin-right: 15px;
}

.blist li:last-child {
	margin-right: 0;
}

.blist li.active,
.tabs button.active,
.tabs button:hover {
	background: #2a4b9a;
	box-shadow: 0 2px 8px rgba(26, 60, 139, 0.3);
}

/* 服务申请按钮样式 */
.service-apply-btn-container {
	margin-top: 30px;
	text-align: center;
}

.service-apply-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 40px;
	background: linear-gradient(135deg, #1a3c8b 0%, #2a4b9a 100%);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 30px;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(26, 60, 139, 0.3);
}

.service-apply-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(26, 60, 139, 0.4);
	background: linear-gradient(135deg, #2a4b9a 0%, #3a5baa 100%);
}

.service-apply-btn i {
	font-size: 18px;
}

/*新闻卡片动画样式 */
.cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(260px, 1fr));
	column-gap: 50px;
	row-gap: 30px;
	justify-items: stretch;
	width: min(100%, 1500px);
	margin: 0 auto 15px;
	padding-top: 15px;
	padding-bottom: 15px;

}

/*jork-------------------------------------------------------------------*/

/*.cards {*/
/* 去掉自动均分两列 */
/*	display: block;*/
/*width: min(100%, 2000px); */
/* 这里随便改容器宽度，不影响新闻 */
/*	margin: 0 auto 15px;*/
/*	padding: 15px;*/
/*	background-color: #0F2D6E;*/


/*}*/



/*-------------------------------------------------------------------------------------------------------*/

.card {
	/* display: flex; */
	flex-direction: row;
	gap: 16px;
	background: #fff;
	padding: 18px;
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(26, 60, 139, 0.1);
	/* border-left: 4px solid #1a3c8b; */
	transition: transform 0.3s, box-shadow 0.3s;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	align-items: flex-start;

	/* 动画初始状态 */
	/* opacity: 0; */
	transform: translateX(0);
	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 可见状态 */
.card.animate-visible {
	opacity: 1;
	transform: translateX(0) !important;
}

/* 悬停效果 */
.card:hover {
	transform: translateY(-6px) scale(1.01) !important;
	box-shadow: 0 12px 28px rgba(26, 60, 139, 0.25);
	border-left-width: 6px;
	border-color: #0d2a6e;
}

/* 移动端适配代码已统一移动到文件底部 */

.card-img {
	width: 110px;
	height: 110px;
	min-height: 110px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
	background: #f0f0f0;
	float: left;
	margin-right: 18px;
}

.card-img img {
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
}

.card-right {
	flex: 1;
	min-width: 0;
	/* display: flex; */
	flex-direction: column;
	justify-content: flex-start;
}

.card-title {
	font-size: 16px;
	font-weight: bold;
	color: #1a3c8b;
	margin-bottom: 6px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.4;
	transition: color 0.3s ease;
}

.card:hover .card-title {
	color: #2a4b9a;
}

.card-date {
	font-size: 13px;
	color: #888;
	margin-bottom: 6px;
}

.card-desc {
	font-size: 14px;
	color: #444;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 3.4em;
}

.more-btn {
	text-align: center;
	padding-bottom: 15px;
}

.news-more-btn {
	margin-top: 30px;
	padding-bottom: 40px;
}

.more-btn .btn {
	border-radius: 999px;
	border: 1px solid #1a3c8b;
	background: transparent;
	color: #1a3c8b;
	padding: 12px 40px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s;
}

.more-btn .btn:hover {
	background: #1a3c8b;
	color: #fff;
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(26, 60, 139, 0.3);
}

/* 动画类 */
.animate-from-top {
	opacity: 0;
	transform: translateY(-80px);
	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 可见状态 */
.animate-visible {
	opacity: 1;
	transform: translateY(0) scale(1) translateX(0);
}

/* 移动端适配代码已统一移动到文件底部 */





/*服务 */
.service {
	margin: 0 auto;
	background: linear-gradient(353deg, #0d2a6e 0%, #173983 100%);
	color: #fff;
	padding: 60px 0 100px;
}

.service .service_change h2 {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 38px;
	margin-bottom: 30px;
}

.service .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.service .item {
	width: 220px;
	background: rgba(26, 60, 139, 0.95);
	padding: 20px 12px;
	border-radius: 12px;
	text-align: center;
	color: #fff;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
	border: 2px solid transparent;
}

.service .item:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
	border-color: rgba(255, 255, 255, 0.3);
	background: rgba(26, 60, 139, 1);
}

.service .icon {
	width: 72px;
	height: 72px;
	line-height: 72px;
	margin: 0 auto 22px;
}

.service .icon img {
	width: 66px;
}

.service .item-title {
	font-weight: bold;
	margin-bottom: 8px;
}

.service .item-desc {
	font-size: 13px;
	line-height: 1.6;
	color: #e2e7ff;
}




/*joke-------------------------------------------------------------------------------------------------------*/






/*.service {*/
/*	margin: 0 auto;*/
/*	background: linear-gradient(135deg, #0d2a6e 0%, #1a3c8b 100%);*/
/*	color: #fff;*/
/*	padding: 60px 0 100px;*/
/*	position: relative;*/
/*}*/

/*.service h2 {*/
/*	text-align: center;*/
/*	color: #fff;*/
/*	font-size: 38px;*/
/*	margin-bottom: 30px;*/
/*}*/

/* 核心：永远不换行 + 横向滚动 */
/*.service .items {*/
/*	display: flex;*/
/*	flex-wrap: nowrap !important;*/
/*	justify-content: flex-start;*/
/*	gap: 20px;*/
/*	overflow-x: auto;*/
/*	scroll-behavior: smooth;*/
/*	padding: 10px 20px;*/
/*	flex-direction: row;*/
/*	width: 100%;*/
/*	scrollbar-width: none;*/
/*}*/
/*.service .items::-webkit-scrollbar {*/
/*	display: none;*/
/*}*/

/* 每个卡片固定大小 */
/*.service .item {*/
/*	width: 350px;*/
/*	height: 500px;*/
/*flex: 0 0 auto !important; */
/* 关键：不换行、不压缩 */
/*	padding: 0;*/
/*	border-radius: 12px;*/
/*	text-align: center;*/
/*	color: #fff;*/
/*	transition: all 0.3s;*/
/*	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);*/
/*	border: 2px solid transparent;*/
/*	position: relative;*/
/*	overflow: hidden;*/
/*}*/

/*.service .item:hover {*/
/*	transform: translateY(-8px) scale(1.02);*/
/*	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);*/
/*	border-color: rgba(255, 255, 255, 0.3);*/
/*	background: rgba(26, 60, 139, 1);*/
/*}*/

/*.service .icon {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	margin: 0;*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	z-index: 1;*/
/*}*/

/*.service .icon img {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	object-fit: cover;*/
/*	display: block;*/
/*}*/

/*.service .item-title,*/
/*.service .item-desc {*/
/*	position: relative;*/
/*	z-index: 2;*/
/*	padding: 0 12px;*/
/*}*/

/*.service .item-title {*/
/*	font-weight: bold;*/
/*	margin: 30px 0 8px;*/
/*}*/

/*.service .item-desc {*/
/*	font-size: 13px;*/
/*	line-height: 1.6;*/
/*	color: #e2e7ff;*/
/*	padding-bottom: 20px;*/
/*}*/

/* 左右箭头 */
/*.scroll-btn {*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	transform: translateY(-50%);*/
/*	width: 50px;*/
/*	height: 50px;*/
/*	border-radius: 50%;*/
/*	background: rgba(255,255,255,0.2);*/
/*	border: none;*/
/*	color: #fff;*/
/*	font-size: 24px;*/
/*	cursor: pointer;*/
/*	z-index: 999;*/
/*}*/
/*.scroll-left { left: 20px; }*/
/*.scroll-right { right: 20px; }*/

/*-------------------------------------------------------------------------------------------------------*/

/* 页脚 */
.footer {
	padding-top: 50px;
	background: #1a3c8b;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	color: #fff;
}

.footer .container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	/*max-width: 1400px;*/
	margin: 0 auto;
	/* gap: 24px; */
}

.footer-links {
	position: relative;
	float: left;
	display: flex;
	flex-direction: row;
	/* gap: 60px; */
}

.footer-links .link-column {
	margin-right: 30px;
	width: 61%;
}

.footer-links .link-column:nth-child(5) {
	margin-right: 18px;
	width: 75%;
}

.footer .logo-area {
	flex-shrink: 0;
	text-align: center;
	margin-left: 30px;
}

.footer .logo-area .icons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
}

.footer .logo-area .icons p {
	padding-top: 20px;
}

.footer .link-column a:hover {
	color: #fff;
	text-decoration: underline;
}



/*.footer .logo-area .icon img {*/
/*	width: 50px;*/
/*	height: 50px;*/
/*	border-radius: 6px;*/
/*	object-fit: cover;*/
/*}*/

.footer .footer-wechat-center {
	width: 10%;
	display: flex;
	justify-content: center;
	padding: 30px 0;
}

.wechat-icon-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	top: 50%;
}

/*joke-------------------------------------------------------------------------------------------------------*/
.footer .wx-btn img {
	width: 40px;
	height: 55px;
	max-width: 55px;
	max-height: 55px;
	object-fit: contain;
}

.footer .link-column h3 {
	margin-bottom: 12px;
	font-size: 16px;
	text-align: left;
	white-space: nowrap;
}

.footer .link-column ul {
	list-style: none;
	text-align: left;
	padding: 0;
}

.footer .link-column ul li {
	margin-bottom: 6px;
}

.footer .link-column ul a {
	color: #e0e0e0;
	font-size: 13px;
	transition: color 0.3s;
	text-decoration: none;
	white-space: nowrap;
}

.footer .link-column ul a:hover {
	color: #fff;
	text-decoration: underline;
}

/*joke-------------------------------------------------------------------------------------------------------*/
/* 二维码弹窗容器 */
.footer .icon {
	position: relative;
	/* 关键：让二维码能定位在它上面 */
}

/* 二维码弹窗样式 */
.footer .wx-qrcode {
	position: absolute;
	bottom: 100%;
	/* 放在按钮上方 */
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	padding: 12px;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	opacity: 0;
	/* 默认隐藏 */
	visibility: hidden;
	transition: all 0.3s ease;
	margin-bottom: 15px;
}

/* 二维码图片大小 */
.footer .wx-qrcode img {
	width: 100px;
	height: 100px;
	display: block;
}

/* 加上尖角效果（和你截图里的一样） */
.footer .wx-qrcode::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #fff transparent transparent;
}

/* 鼠标悬停时显示二维码 */
.footer .wechat-icon-wrapper:hover .wx-qrcode {
	opacity: 1;
	visibility: visible;
}

.footer .wx-btn {
	width: 40px;
	/*圆形大小 */
	height: 40px;
	border-radius: 50%;
	/*正圆形 */
	background: #0056b3;
	/*主蓝色 */
	border: 2px solid #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.3s;
	overflow: hidden;
}

/*鼠标悬浮效果 */
.footer .wx-btn:hover {
	background: #0056b3;
	transform: scale(1.08);
}

.footer-bottom {
	background: #0d2a5c;
	margin-top: 50px;
	padding: 20px 0;
	text-align: center;
}

.footer-bottom p {
	font-size: 12px;
	color: #d6d6d6;
	margin: 0;
}

.footer-recordation:hover {
	color: #d6d6d6;
	text-decoration: underline;
}
.center-intro-wrapper {
	padding-bottom: 40px;
	background: #fafbfc;
	min-height: 100vh;
}

.banner-container {
	position: relative;
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/bcBanner1.png');
	transition: top 0.3s ease;
}

body.nav-scrolled .banner-container {
	top: 70px;
}

.center-intro-content {
	display: flex;
	align-items: flex-start;
	width: 100%;
	gap: 30px;
}

.sidebar {
	width: 220px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	padding-bottom: 20px;
	flex-shrink: 0;
}

.sidebar-title {
	font-size: 20px;
	font-weight: bold;
	color: #222;
	padding: 24px 0 16px 0;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
}

.sidebar-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-list li {
	padding: 16px 0 16px 15px;
	text-align: left;
	color: #666;
	font-size: 16px;
	cursor: pointer;
	border-left: 4px solid transparent;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.sidebar-list li a {
	display: block;
	padding-left: 10px;
}

.sidebar-list li.active,
.sidebar-list li:hover {
	background: #f5f7fa;
	color: #1a3c8b;
	border-left: 4px solid #1a3c8b;
}

.sidebar-list .active .submenu {
	background-color: #f9fafb;
}

.sidebar-list .expanded .open {
	background-color: #f9fafb;
	display: block !important;
}

.sidebar-list .submenu {
	display: none;
}

.sidebar-item.has-submenu .sidebar-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	width: 100%;
}

.sidebar-item.has-submenu .sidebar-link a {
	flex: 1;
	color: #505050;
	text-decoration: none;
	padding-left: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
}

.sidebar-item.active > .sidebar-link a {
	color: #1a3c8b;
	font-weight: bold;
}

.sidebar-item.active {
	background: rgba(42, 75, 154, 0.08);
	border-radius: 6px;
}

.sidebar-item.has-submenu .sidebar-link span {
	flex: 1;
}

.submenu-arrow {
	font-size: 14px;
	color: #1a3c8b;
	transition: transform 0.3s ease;
	cursor: pointer;
	padding: 10px;
	margin-right: 5px;
	user-select: none;
}

.submenu-arrow:hover {
	color: #0d2a5c;
}

.submenu {
	list-style: none;
	padding: 8px 0;
	margin: 10px 0 0 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, margin 0.3s ease, padding 0.3s ease;
	display: none;
	/* background: #f9fafb; */
}

.submenu.open {
	display: block;
	max-height: 500px;
	margin: 10px 0 0 0;
	padding: 8px 0;
}

.submenu-item {
	padding: 12px 0 12px 15px !important;
	text-align: left !important;
	font-size: 14px !important;
	border-left: none !important;
}

.submenu-item a {
	color: #666;
	text-decoration: none;
	padding-left: 30px;
}

.submenu-item:hover,
.submenu-item.active {
	background: #f0f4f8 !important;
	border-left: none !important;
}

.submenu-item:hover a,
.submenu-item.active a {
	color: #1a3c8b;
}

.submenu-item.active a {
	font-weight: bold;
}

/* ========== 移动端横向侧边栏 ========== */
.mobile-sidebar {
	display: none;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	overflow: hidden;
}

.mobile-sidebar-title {
	font-size: 16px;
	font-weight: bold;
	color: #222;
	padding: 15px 20px;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
	background: #fafbfc;
}

.mobile-sidebar-scroll {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 12px 0;
}

.mobile-sidebar-scroll::-webkit-scrollbar {
	display: none;
}

.mobile-sidebar-list {
	display: flex;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	gap: 0;
	white-space: nowrap;
}

.mobile-sidebar-item {
	flex-shrink: 0;
	padding: 10px 20px;
	text-align: center;
	color: #666;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.mobile-sidebar-item a {
	color: #666;
	text-decoration: none;
	display: block;
}

.mobile-sidebar-item.active,
.mobile-sidebar-item:hover {
	color: #1a3c8b;
	font-weight: bold;
}

.mobile-sidebar-item.active a,
.mobile-sidebar-item:hover a {
	color: #1a3c8b;
	font-weight: bold;
}

/* 移动端侧边栏二级导航 */
.mobile-sidebar-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.mobile-sidebar-link a {
	flex: 1;
}

.mobile-submenu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-submenu.open {
	display: block;
}

.mobile-submenu-item {
	padding: 8px 12px;
	font-size: 13px;
	color: #666;
	white-space: nowrap;
}

.mobile-submenu-item a {
	color: #666;
	text-decoration: none;
}

.mobile-submenu-item.active,
.mobile-submenu-item:hover {
	color: #1a3c8b;
	font-weight: bold;
}

.mobile-submenu-item.active a,
.mobile-submenu-item:hover a {
	color: #1a3c8b;
	font-weight: bold;
}

.main-content {
	flex: 1;
	background: #fff;
	border-radius: 4px;
	/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); */
	padding: 40px 48px 32px 48px;
	min-width: 0;
}

.content-section {
	display: none;
}


.content-section.active {
	display: block;
	opacity: 1;
}

.main-title {
	font-size: 20px;
	font-weight: bold;
	color: #222;
	margin-bottom: 12px;
}

.main-subtitle {
	font-size: 16px;
	color: #1a3c8b;
	margin-bottom: 24px;
}

.main-desc p {
	font-size: 15px;
	color: #444;
	line-height: 1.8;
	margin-bottom: 8px;
}



/* 宣传手册内容样式 */
.brochure-tabs {
	display: flex;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

.brochure-tab {
	padding: 12px 24px;
	cursor: pointer;
	font-size: 16px;
	color: #666;
	border-bottom: 3px solid transparent;
	transition: all 0.3s;
}

.brochure-tab.active {
	color: #1a3c8b;
	border-bottom-color: #1a3c8b;
	font-weight: bold;
}

.brochure-content {
	display: none;
	animation: fadeIn 0.5s ease;
}

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

.brochure-section {
	margin-bottom: 40px;
}

.brochure-content.active .brochure-section a {
	color: #1a3c8b;
	text-decoration: none;
	border-bottom: 1px dashed #1a3c8b;
	transition: all 0.3s ease;
	position: relative;
}

.brochure-content.active .brochure-section a:hover {
	color: #0d2a6e;
	border-bottom-style: solid;
}

.brochure-content.active .brochure-section a::after {
	content: ' →';
	opacity: 0;
	transition: opacity 0.3s ease;
}

.brochure-content.active .brochure-section a:hover::after {
	opacity: 1;
}

.brochure-content.active .brochure-section ul {
	list-style: none;
	margin: 16px 0;
	padding-left: 0;
}

.brochure-content.active .brochure-section ul li {
	position: relative;
	padding: 12px 15px;
	margin-bottom: 0;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-radius: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	transition: all 0.3s ease;
}

.brochure-content.active .brochure-section ul li p {
	margin-bottom: 0;
}

.brochure-content.active .brochure-section ul li:first-child {
	border-radius: 8px 8px 0 0;
}

.brochure-content.active .brochure-section ul li:last-child {
	border-radius: 0 0 8px 8px;
}

.brochure-content.active .brochure-section ul li::before {
	content: '';
}

.brochure-content.active .brochure-section ul li:hover {
	background: linear-gradient(135deg, #e8eeff 0%, #dce4ff 100%);
	transform: translateX(5px);
	box-shadow: 0 6px 16px rgba(26, 60, 139, 0.15);
}

.brochure-content.active .brochure-section ul li:hover::before {}

.brochure-content.active .brochure-section ol {
	list-style: none;
	counter-reset: item;
	margin: 16px 0;
	padding-left: 0;
}

.brochure-content.active .brochure-section ol li {
	counter-increment: item;
	position: relative;
	padding: 14px 15px 14px 50px;
	margin-bottom: 12px;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-radius: 8px;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	transition: all 0.3s ease;
}

.brochure-content.active .brochure-section ol li::before {
	content: counter(item);
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background: linear-gradient(135deg, #1a3c8b 0%, #0d2a6e 100%);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(26, 60, 139, 0.3);
}

.brochure-content.active .brochure-section ol li:hover {
	background: linear-gradient(135deg, #e8eeff 0%, #dce4ff 100%);
	transform: translateX(5px);
	box-shadow: 0 6px 16px rgba(26, 60, 139, 0.15);
}

.brochure-content.active .brochure-section blockquote {
	margin: 24px 0;
	padding: 20px 25px;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-left: 5px solid #1a3c8b;
	border-radius: 0 12px 12px 0;
	font-style: italic;
	color: #444;
	position: relative;
	transition: all 0.3s ease;
}

.brochure-content.active .brochure-section blockquote::before {
	content: '"';
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 40px;
	color: #1a3c8b;
	opacity: 0.3;
	font-family: Georgia, serif;
	line-height: 1;
}

.brochure-content.active .brochure-section blockquote:hover {
	background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
	box-shadow: 0 8px 24px rgba(26, 60, 139, 0.12);
	transform: translateX(5px);
}

.brochure-content.active .brochure-section img {
	border-radius: 12px;
	margin: 20px 0;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	transition: all 0.4s ease;
	border: 1px solid #e8eeff;
}

.brochure-content.active .brochure-section img:hover {
	transform: scale(1.02) translateY(-5px);
	box-shadow: 0 16px 40px rgba(26, 60, 139, 0.2);
}

.brochure-content.active .brochure-section table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-size: 15px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.brochure-content.active .brochure-section thead {
	background: linear-gradient(135deg, #1a3c8b 0%, #0d2a6e 100%);
}

.brochure-content.active .brochure-section th {
	padding: 16px 20px;
	text-align: left;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.brochure-content.active .brochure-section td {
	padding: 14px 20px;
	border-bottom: 1px solid #e8eeff;
	color: #333;
	transition: all 0.3s ease;
}

.brochure-content.active .brochure-section tbody tr {
	background: #fff;
	transition: all 0.3s ease;
}

/* 移除整行悬停效果，改为单个td悬停效果 */
.brochure-content.active .brochure-section tbody tr:hover {
	background: #fff;
}

.brochure-content.active .brochure-section tbody tr:hover td {
	color: #333;
}

/* 单个td悬停效果 */
.brochure-content.active .brochure-section td:hover {
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	color: #1a3c8b;
}

/* 图片行悬停效果 - 图片放大 */
.brochure-content.active .brochure-section tbody tr:first-child td:hover {
	background: transparent;
}

.brochure-content.active .brochure-section tbody tr:first-child td:hover img {
	transform: scale(1.1);
	transition: transform 0.3s ease;
}

/* 文字行悬停效果 - 文字变蓝色 */
.brochure-content.active .brochure-section tbody tr:last-child td:hover {
	color: #1a3c8b;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
}

.brochure-content.active .brochure-section tbody tr:last-child td {
	border-bottom: none;
}

.brochure-content.active .brochure-section hr {
	border: none;
	height: 2px;
	background: linear-gradient(90deg, transparent, #1a3c8b, transparent);
	margin: 30px 0;
}

.brochure-content.active .brochure-section strong,
.brochure-content.active .brochure-section b {
	color: #1a3c8b;
	font-weight: 600;
}

.brochure-content.active .brochure-section em,
.brochure-content.active .brochure-section i {
	color: #4a6cd5;
}

.brochure-content.active .brochure-section code {
	background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
	padding: 3px 8px;
	border-radius: 4px;
	font-family: 'Consolas', 'Monaco', monospace;
	font-size: 14px;
	color: #1a3c8b;
	border: 1px solid #d5e0f5;
}

.brochure-content.active .brochure-section pre {
	background: linear-gradient(135deg, #1a3c8b 0%, #0d2a6e 100%);
	padding: 20px;
	border-radius: 12px;
	overflow-x: auto;
	margin: 20px 0;
	box-shadow: 0 8px 24px rgba(26, 60, 139, 0.2);
}

.brochure-content.active .brochure-section pre code {
	background: transparent;
	padding: 0;
	color: #fff;
	border: none;
}

.brochure-content.active .brochure-section dl {
	margin: 20px 0;
}

.brochure-content.active .brochure-section dt {
	font-weight: 600;
	color: #1a3c8b;
	margin-top: 15px;
	padding: 8px 15px;
	background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
	border-radius: 6px;
	border-left: 3px solid #1a3c8b;
}

.brochure-content.active .brochure-section dd {
	margin-left: 20px;
	padding: 10px 0;
	color: #555;
	font-style: italic;
}

.ecosystem-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 20px;
}

.ecosystem-item {
	background: #f8f9fa;
	padding: 15px;
	border-radius: 8px;
	text-align: center;
	transition: transform 0.3s;
}

.ecosystem-item:hover {
	transform: translateY(-5px);
}

.ecosystem-item h3 {
	color: #1a3c8b;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ecosystem-item p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 10px;
}

.ecosystem-item img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}


.leader-messages {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.leader-item {
	background: #f8f9fa;
	border-radius: 8px;
	padding: 24px;
	border-left: 4px solid #1a3c8b;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.leader-header {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 12px;
	margin-bottom: 16px;
}

.timeline {
	position: relative;
	margin-top: 20px;
	padding-left: 20px;
}

.timeline::before {
	content: '';
	position: absolute;
	left: 18px;
	top: 5px;
	bottom: 0;
	width: 2px;
	background: #1a3c8b;
	/*display: none;*/
}

a:focus {
	outline: none;
}

.timeline-item {
	position: relative;
	margin-bottom: 24px;
	padding-left: 24px;
}

.timeline-item::before {
	content: '';
	position: absolute;
	left: -9px;
	top: 5px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #1a3c8b;
}

.timeline-date {
	font-weight: bold;
	color: #1a3c8b;
	margin-bottom: 6px;
}

#timeline.active p {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
	text-align: justify;
	position: relative;
	padding-left: 0;
	transition: all 0.3s ease;
}

#timeline.active p:hover {
	color: #1a3c8b;
}

#timeline.active a {
	color: #1a3c8b;
	text-decoration: none;
	border-bottom: 1px dashed #1a3c8b;
	transition: all 0.3s ease;
	position: relative;
}

#timeline.active a:hover {
	color: #0d2a6e;
	border-bottom-style: solid;
}

#timeline.active a::after {
	content: ' →';
	opacity: 0;
	transition: opacity 0.3s ease;
}

#timeline.active a:hover::after {
	opacity: 1;
}

#timeline.active ul {
	list-style: none;
	margin: 16px 0;
	padding-left: 0;
}

#timeline.active ul li {
	position: relative;
	padding: 12px 15px;
	margin-bottom: 0;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-radius: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	transition: all 0.3s ease;
}

#timeline.active ul li p {
	margin-bottom: 0;
}

#timeline.active ul li:first-child {
	border-radius: 8px 8px 0 0;
}

#timeline.active ul li:last-child {
	border-radius: 0 0 8px 8px;
}

#timeline.active ul li::before {
	content: '';
}

#timeline.active ul li:hover {
	background: linear-gradient(135deg, #e8eeff 0%, #dce4ff 100%);
	transform: translateX(5px);
	box-shadow: 0 6px 16px rgba(26, 60, 139, 0.15);
}

#timeline.active ul li:hover::before {}

#timeline.active ol {
	list-style: none;
	counter-reset: item;
	margin: 16px 0;
	padding-left: 0;
}

#timeline.active ol li {
	counter-increment: item;
	position: relative;
	padding: 14px 15px 14px 50px;
	margin-bottom: 12px;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-radius: 8px;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	transition: all 0.3s ease;
}

#timeline.active ol li::before {
	content: counter(item);
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background: linear-gradient(135deg, #1a3c8b 0%, #0d2a6e 100%);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(26, 60, 139, 0.3);
}

#timeline.active ol li:hover {
	background: linear-gradient(135deg, #e8eeff 0%, #dce4ff 100%);
	transform: translateX(5px);
	box-shadow: 0 6px 16px rgba(26, 60, 139, 0.15);
}

#timeline.active blockquote {
	margin: 24px 0;
	padding: 20px 25px;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-left: 5px solid #1a3c8b;
	border-radius: 0 12px 12px 0;
	font-style: italic;
	color: #444;
	position: relative;
	transition: all 0.3s ease;
}

#timeline.active blockquote::before {
	content: '"';
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 40px;
	color: #1a3c8b;
	opacity: 0.3;
	font-family: Georgia, serif;
	line-height: 1;
}

#timeline.active blockquote:hover {
	background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
	box-shadow: 0 8px 24px rgba(26, 60, 139, 0.12);
	transform: translateX(5px);
}

#timeline.active img {
	max-width: 30%;
	height: auto;
	border-radius: 12px;
	margin: 20px 0;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	transition: all 0.4s ease;
	border: 1px solid #e8eeff;
}

#timeline.active img:hover {
	transform: scale(1.02) translateY(-5px);
	box-shadow: 0 16px 40px rgba(26, 60, 139, 0.2);
}

#timeline.active table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-size: 15px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

#timeline.active thead {
	background: linear-gradient(135deg, #1a3c8b 0%, #0d2a6e 100%);
}

#timeline.active th {
	padding: 16px 20px;
	text-align: left;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.5px;
}

#timeline.active td {
	padding: 14px 20px;
	border-bottom: 1px solid #e8eeff;
	color: #333;
	transition: all 0.3s ease;
}

#timeline.active tbody tr {
	background: #fff;
	transition: all 0.3s ease;
}

#timeline.active tbody tr:hover {
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
}

#timeline.active tbody tr:hover td {
	color: #1a3c8b;
}

#timeline.active tbody tr:last-child td {
	border-bottom: none;
}

#timeline.active hr {
	border: none;
	height: 2px;
	background: linear-gradient(90deg, transparent, #1a3c8b, transparent);
	margin: 30px 0;
}

#timeline.active strong,
#timeline.active b {
	color: #1a3c8b;
	font-weight: 600;
}

#timeline.active em,
#timeline.active i {
	color: #4a6cd5;
}

#timeline.active code {
	background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
	padding: 3px 8px;
	border-radius: 4px;
	font-family: 'Consolas', 'Monaco', monospace;
	font-size: 14px;
	color: #1a3c8b;
	border: 1px solid #d5e0f5;
}

#timeline.active pre {
	background: linear-gradient(135deg, #1a3c8b 0%, #0d2a6e 100%);
	padding: 20px;
	border-radius: 12px;
	overflow-x: auto;
	margin: 20px 0;
	box-shadow: 0 8px 24px rgba(26, 60, 139, 0.2);
}

#timeline.active pre code {
	background: transparent;
	padding: 0;
	color: #fff;
	border: none;
}

#timeline.active dl {
	margin: 20px 0;
}

#timeline.active dt {
	font-weight: 600;
	color: #1a3c8b;
	margin-top: 15px;
	padding: 8px 15px;
	background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
	border-radius: 6px;
	border-left: 3px solid #1a3c8b;
}

#timeline.active dd {
	margin-left: 20px;
	padding: 10px 0;
	color: #555;
	font-style: italic;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 移动端适配代码已统一移动到文件底部 */

.process-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 20px;
	margin-top: 24px;
}

.process-steps {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 40px 0;
}

.process-steps::before {
	content: '';
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	height: 2px;
	background: #e2e8f0;
	z-index: 1;
}

.process-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 2;
	flex: 1;
}

.step-number {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #4299e1;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	box-shadow: 0 4px 8px rgba(66, 153, 225, 0.3);
}

.step-content {
	text-align: center;
	padding: 0 10px;
}

.step-content h4 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 4px;
	color: #2d3748;
}

.step-content p {
	font-size: 14px;
	color: #718096;
}

.nac {
	margin: 40px 0 28px;
	color: #999;
	display: flex;
	align-items: center;
}

.nac a,
.nac span {
	margin-right: 3px;
	font-size: 14px;
}

.nac:before {
	content: '';
	width: 18px;
	height: 18px;
	background: url(../images/icon_home.png) no-repeat center;
	display: inline-block;
	background-size: contain;
	margin-right: 10px;
	flex-shrink: 0;
}

/*新闻*/
.news-page-wrapper {
	background: #fafbfc;
	min-height: 100vh;
	padding-bottom: 40px;
	/* padding-top: 240px; */
	padding-top: 150px;
	transition: padding-top 0.3s ease;
}

.banner-container {
	position: relative;
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: top 0.3s ease;
}

body.nav-scrolled .banner-container {
	top: 70px;
}

body.nav-scrolled .news-page-wrapper {
	padding-top: 70px;
}

.news-page-content-with-sidebar {
	display: flex;
	align-items: flex-start;
	width: 100%;
	gap: 30px;
}

.news-main-content {
	flex: 1;
	min-width: 0;
	width: 100%;
}

.news-page-content {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

.news-tabs {
	display: flex;
	gap: 18px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.news-tabs button {
	background: #fff;
	border: none;
	border-radius: 6px;
	padding: 10px 32px;
	font-size: 16px;
	color: #444;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
}

.news-tabs button.active,
.news-tabs button:hover {
	background: #1a3c8b;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(26, 60, 139, 0.3);
}

.news-cards-grid {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 40px;
}

.news-card {
	display: flex;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	padding: 20px;
	align-items: flex-start;
	gap: 24px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	border-left: 4px solid transparent;
	text-decoration: none;
}

.news-card:hover {
	box-shadow: 0 8px 24px rgba(26, 60, 139, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateY(-4px);
	border-left: 4px solid #1a3c8b;
}

.news-card-img {
	width: 280px;
	height: 220px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}


.news-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.news-card-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.news-card-title {
	font-size: 20px;
	font-weight: bold;
	color: #222;
	margin-bottom: 0;
	line-height: 1.4;
}

.news-card-date {
	font-size: 14px;
	color: #888;
	margin-bottom: 0;
}

.news-card-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.pagination-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin-bottom: 60px;
}

.pagination-controls {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
}

.pagination-button {
	padding: 8px 16px;
	border: 1px solid #e0e0e0;
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 14px;
}

.pagination-button.active {
	background: #1a3c8b;
	color: #fff;
	border-color: #1a3c8b;
}

.pagination-button:hover:not(.active) {
	background: #f5f7fa;
	border-color: #1a3c8b;
}

.page-info {
	font-size: 14px;
	color: #666;
}

/* 移动端适配代码已统一移动到文件底部 */

.equip-card {
	flex: 1;
	min-width: 280px;
	background: #f9f9f9;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	padding: 20px;
	margin-bottom: 20px;
}

.platform-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
	margin-top: 24px;
}

.platform-category {
	background: white;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	transition: transform 0.2s ease;
}

.platform-category:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.platform-category h4 {
	font-weight: 600;
	color: #2b6cb0;
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e2e8f0;
}

.platform-category ul {
	list-style: none;
	padding-left: 0;
}

.platform-category li {
	position: relative;
	padding: 6px 0 6px 20px;
	font-size: 14px;
	color: #4a5568;
}

.platform-category li::before {
	content: "•";
	color: #4299e1;
	font-weight: bold;
	position: absolute;
	left: 8px;
}

.margin_bottom50 {
	margin-bottom: 50px;
}

.service-content a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dashed #1a3c8b;
	transition: all 0.3s ease;
	position: relative;
}

.service-content a:hover {
	color: white;
	border-bottom-style: solid;
}

.service-content a::after {
	content: ' →';
	opacity: 0;
	transition: opacity 0.3s ease;
}

.service-content a:hover::after {
	opacity: 1;
}

.service-content ul {
	list-style: none;
	margin: 16px 0;
	padding-left: 0;
}

.service-content ul li {
	position: relative;
	padding: 12px 15px;
	margin-bottom: 0;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-radius: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	transition: all 0.3s ease;
}

.service-content ul li p {
	margin-bottom: 0;
}

.service-content ul li:first-child {
	border-radius: 8px 8px 0 0;
}

.service-content ul li:last-child {
	border-radius: 0 0 8px 8px;
}

.service-content ul li::before {
	content: '';
}

.service-content ul li:hover {
	background: linear-gradient(135deg, #e8eeff 0%, #dce4ff 100%);
	transform: translateX(5px);
	box-shadow: 0 6px 16px rgba(26, 60, 139, 0.15);
}

.service-content ul li:hover::before {}

.service-content ol {
	list-style: none;
	counter-reset: item;
	margin: 16px 0;
	padding-left: 0;
}

.service-content ol li {
	counter-increment: item;
	position: relative;
	padding: 14px 15px 14px 50px;
	margin-bottom: 12px;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-radius: 8px;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	transition: all 0.3s ease;
}

.service-content ol li::before {
	content: counter(item);
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background: linear-gradient(135deg, #1a3c8b 0%, #0d2a6e 100%);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(26, 60, 139, 0.3);
}

.service-content ol li:hover {
	background: linear-gradient(135deg, #e8eeff 0%, #dce4ff 100%);
	transform: translateX(5px);
	box-shadow: 0 6px 16px rgba(26, 60, 139, 0.15);
}

.service-content blockquote {
	margin: 24px 0;
	padding: 20px 25px;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-left: 5px solid #1a3c8b;
	border-radius: 0 12px 12px 0;
	font-style: italic;
	color: #444;
	position: relative;
	transition: all 0.3s ease;
}

.service-content blockquote::before {
	content: '"';
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 40px;
	color: #1a3c8b;
	opacity: 0.3;
	font-family: Georgia, serif;
	line-height: 1;
}

.service-content blockquote:hover {
	background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
	box-shadow: 0 8px 24px rgba(26, 60, 139, 0.12);
	transform: translateX(5px);
}

.service-content img {
	height: auto;
	border-radius: 12px;
	margin: 20px 0;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	transition: all 0.4s ease;
	border: 1px solid #e8eeff;
}

.service-content img:hover {
	transform: scale(1.02) translateY(-5px);
	box-shadow: 0 16px 40px rgba(26, 60, 139, 0.2);
}

.service-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-size: 15px;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.service-content thead {
	background: linear-gradient(135deg, #1a3c8b 0%, #0d2a6e 100%);
}

.service-content th {
	padding: 16px 20px;
	text-align: left;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.service-content td {
	padding: 14px 20px;
	border-bottom: 1px solid #e8eeff;
	color: #333;
	transition: all 0.3s ease;
}

.service-content tbody tr {
	background: #fff;
	transition: all 0.3s ease;
}

.service-content tbody tr:hover {
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
}

.service-content tbody tr:hover td {
	color: #1a3c8b;
}

.service-content tbody tr:last-child td {
	border-bottom: none;
}

.service-content hr {
	border: none;
	height: 2px;
	background: linear-gradient(90deg, transparent, #1a3c8b, transparent);
	margin: 30px 0;
}

.service-content strong,
.service-content b {
	color: #1a3c8b;
	font-weight: 600;
}

.service-content em,
.service-content i {
	color: #4a6cd5;
}

.service-content code {
	background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
	padding: 3px 8px;
	border-radius: 4px;
	font-family: 'Consolas', 'Monaco', monospace;
	font-size: 14px;
	color: #1a3c8b;
	border: 1px solid #d5e0f5;
}

.service-content pre {
	background: linear-gradient(135deg, #1a3c8b 0%, #0d2a6e 100%);
	padding: 20px;
	border-radius: 12px;
	overflow-x: auto;
	margin: 20px 0;
	box-shadow: 0 8px 24px rgba(26, 60, 139, 0.2);
}

.service-content pre code {
	background: transparent;
	padding: 0;
	color: #fff;
	border: none;
}

.service-content dl {
	margin: 20px 0;
}

.service-content dt {
	font-weight: 600;
	color: #1a3c8b;
	margin-top: 15px;
	padding: 8px 15px;
	background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
	border-radius: 6px;
	border-left: 3px solid #1a3c8b;
}

.service-content dd {
	margin-left: 20px;
	padding: 10px 0;
	color: #555;
	font-style: italic;
}

.platform-category,
.process-section,
.advantages-section .advantage-card {
	/*background: #f9f9f9;*/
	border: 0px solid #e8e8e8;
	padding: 20px;
	margin-bottom: 20px;
}

.financial-support .support-category {
	background: #f9f9f9;
	border: 0px solid #e8e8e8;
	padding: 20px;
	margin-bottom: 20px;
}

.tech-item h3,
.support-category h3,
.platform-category h4,
.process-section h3,
.advantage-card h4 {
	font-weight: bold;
	color: #1a3c8b;
	margin-bottom: 10px;
}

.new-facility-layout {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.left-vertical-img {
	flex: 1;
	min-width: 260px;
	max-width: calc(33.333% - 12px);
}

.equipment-img {
	max-width: 100%;
	border-radius: 8px;
	margin: 20px 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.left-vertical-img img {
	width: 100%;
	height: 410px;
	object-fit: cover;
	border-radius: 4px;
	border: 1px solid #eee;
}

.right-content {
	width: calc(66.666% - 12px);
}

.horizontal-images {
	display: flex;
	flex: 2;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.horizontal-images img {
	width: 49%;
	height: 200px;
	object-fit: cover;
	object-position: center;
	border-radius: 4px;
	border: 1px solid #eee;
}

.facility-list {
	list-style: none;
	padding-left: 18px;
	margin: 16px 0 0;
	font-size: 16px;
	font-weight: 600;
}

.facility-list li {
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.facility-list img {
	width: 16px;
	border: 0;
	height: 16px;
}

.commercial-section {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 18px;
}

.commercial-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	border: 1px solid #eee;
}

.conference-list {
	width: 100%;
	max-width: 100%;
	display: flex;
	flex: 3;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 14px;
	margin-bottom: 40px;
	box-sizing: border-box;
}

.company-category {
	display: inline-block;
	background: #e6f7ff;
	color: #1890ff;
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.feature-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.feature-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.feature-icon {
	width: 48px;
	height: 48px;
	background: #ebf8ff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #3182ce;
	flex-shrink: 0;
}

.feature-content h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 4px;
	color: #2d3748;
}

.feature-content p {
	font-size: 14px;
	color: #718096;
}

.company-name {
	font-size: 18px;
	font-weight: bold;
	color: #1a3c8b;
	margin-bottom: 6px;
}

.conference-card {
	width: calc(33% - 10px);
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(60, 60, 60, 0.04);
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.conference-card:hover {
	box-shadow: 0 8px 20px rgba(26, 60, 139, 0.15);
	transform: translateY(-5px);
	border-color: #1a3c8b;
}

.conference-img {
	width: 100%;
	height: 230px;
	background: #eee;
}

.conference-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.conference-title {
	font-size: 18px;
	font-weight: bold;
	margin: 16px 18px 6px;
	color: #222;
}

.conference-date {
	font-size: 14px;
	color: #888;
	margin: 0 18px 8px;
}

.conference-desc {
	font-size: 14px;
	color: #666;
	margin: 0 18px 16px;
	line-height: 1.6;
	flex-grow: 1;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


.conference-link {
	margin: 0 18px 18px;
}

.conference-link a {
	display: block;
	background: #1a3c8b;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	border-radius: 6px;
	text-decoration: none;
	font-size: 15px;
	transition: all 0.3s ease;
}

.conference-link a:hover {
	background: #2a4b9a;
	transform: translateY(-2px);
}

/*joke-------------------------------------------------------------------------------------------------------*/
/* 产业大会列表 */
/* 布局 */
/*.conference-list {*/
/*    width: 100%;*/
/*    max-width: 100%;*/
/*    display: flex;*/
/*    flex: 3;*/
/*    flex-wrap: wrap;*/
/*    flex-direction: row;*/
/*    gap: 14px;*/
/*    margin-bottom: 40px;*/
/*    box-sizing: border-box;*/
/*}*/

/* 卡片 */
/*.conference-card {*/
/*    width: calc(50% - 7px);*/
/*    background: #fff;*/
/*    border-radius: 8px;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 2px 8px rgba(60, 60, 60, 0.04);*/
/*    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);*/
/*    cursor: pointer;*/
/*    border-left: 4px solid transparent;*/
/*    position: relative;*/
/*    padding: 0;*/
/*}*/
/*.conference-card:hover {*/
/*    box-shadow: 0 8px 24px rgba(26, 60, 139, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15);*/
/*    transform: translateY(-6px) scale(1.01);*/
/*    border-left: 4px solid #1a3c8b;*/
/*}*/

/* 图片铺满 */
/*.conference-img {*/
/*    width: 100%;*/
/*    height: 230px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/
/*.conference-img img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    display: block;*/
/*}*/

/* 👇 核心：底部渐变遮罩 + 文字放在底部（和新闻一模一样） */
/*.conference-card::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient(transparent 30%, rgba(0, 0, 0, 0.85));*/
/*    z-index: 1;*/
/*    pointer-events: none;*/
/*}*/

/* 👇 文字全部固定在图片底部，不飘 */
/*.conference-title,*/
/*.conference-date,*/
/*.conference-desc {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    padding: 0 20px;*/
/*    color: #fff;*/
/*    z-index: 2;*/
/*    text-shadow: 0 1px 3px rgba(0,0,0,0.9);*/
/*    margin: 0;*/
/*    pointer-events: none;*/
/*}*/

/* 位置固定在底部，不乱飘 */
/*.conference-title {*/
/*    bottom: 50%;*/
/*    font-size: 17px;*/
/*    font-weight: bold;*/
/*    line-height: 1.4;*/
/*white-space: normal; */
/* 自动换行 */
/*overflow: visible;*/
/* 不隐藏文字 */
/*text-overflow: unset;*/
/* 去掉点点点 */
/*    width: calc(100% - 40px);*/
/*}*/
/*.conference-date {*/
/*bottom: 35%;*/
/* 👈 改这里：日期在标题下面一点 */
/*    font-size: 13px;*/
/*    color: #eee;*/
/*}*/
/*.conference-desc {*/
/*bottom: 10%;   */
/* 👈 改这里：简介在最最底部 */
/*    font-size: 14px;*/
/*    line-height: 1.6;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 2;*/
/*    -webkit-box-orient: vertical;*/
/*    overflow: hidden;*/
/*}*/

/*.conference-link {*/
/*    display: none;*/
/*}*/

/*.conference-card::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 3;*/
/*    cursor: pointer;*/
/*}*/
/*.conference-card {*/
/*  cursor: pointer;*/
/*}*/












/*-------------------------------------------------------------------------------------------------------*/
.conf-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.conf-pagination button {
	padding: 8px 16px;
	border: 1px solid #e0e0e0;
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.conf-pagination button.active {
	background: #1a3c8b;
	color: #fff;
	border-color: #1a3c8b;
}

/* 先进院转化企业样式 */
.transfer-enterprises {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	padding: 30px;
	margin-bottom: 30px;
	animation: fadeInUp 0.6s ease-out;
}

.transfer-tabs {
	display: flex;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 30px;
	gap: 5px;
	position: relative;
}

.transfer-tab {
	padding: 14px 28px;
	cursor: pointer;
	font-size: 16px;
	color: #666;
	border-radius: 8px 8px 0 0;
	transition: all 0.3s ease;
	position: relative;
	font-weight: 500;
	background: #f8f9fa;
	margin-right: 5px;
}

.transfer-tab:hover {
	background: #e9ecef;
	color: #333;
}

.transfer-tab.active {
	background: #1a3c8b;
	color: #fff;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(26, 60, 139, 0.2);
}

.transfer-tab.active::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #1a3c8b;
}

.company-content {
	display: none;
	animation: fadeIn 0.5s ease;
}

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

.company-content h2 {
	font-size: 28px;
	color: #1a3c8b;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #f0f0f0;
	font-weight: 700;
}

.company-info {
	display: flex;
	gap: 30px;
	margin-top: 20px;
	align-items: flex-start;
}

.image-gallery {
	flex: 0 0 350px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.image-gallery img {
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.image-gallery img:hover {
	transform: translateY(-5px);
}

.company-details {
	flex: 1;
}

.company-details p {
	font-size: 16px;
	line-height: 1.7;
	color: #444;
	margin-bottom: 20px;
}

.company-details ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

/* 企业案例分类小标题 */
.section-subtitle {
    font-size: 20px;
    font-weight: 600;
    color: #1a3c8b;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
}

.company-details li {
	position: relative;
	padding: 10px 0 10px 30px;
	font-size: 15px;
	line-height: 1.6;
	color: #555;
	border-bottom: 1px dashed #f0f0f0;
}

.company-details li:last-child {
	border-bottom: none;
}

.company-details li::before {
	content: '✓';
	position: absolute;
	left: 0;
	top: 10px;
	color: #1a3c8b;
	font-weight: bold;
	font-size: 16px;
}

.partner-logos {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #e8e8e8;
}

.partner-logos h3 {
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	font-weight: 600;
}

.partner-logos .logos {
	padding-left: 50px;
	padding-right: 50px;
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.partner-logos .logos img {
	height: 100px;
	width: auto;
	filter: grayscale(30%);
	transition: all 0.3s ease;
	opacity: 0.8;
}

.partner-logos .logos img:hover {
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.05);
}

.company-card {
	display: flex;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	padding: 24px;
	gap: 20px;
	border-left: 4px solid transparent;
	transition: all 0.3s ease;
}

.company-card:hover {
	transform: translateY(-4px);
	border-left-color: #1a3c8b;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

.company-card .company-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 0;
}

.company-card .company-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.company-card .company-name {
	font-size: 18px;
	font-weight: bold;
	color: #1a3c8b;
	margin-bottom: 0;
}

.company-card .company-category {
	display: inline-block;
	background: #e6f7ff;
	color: #1890ff;
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 10px;
	margin-bottom: 0;
}

.company-card .company-info p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.company-img {
	width: 100px;
	height: 100px;
	border: 1px solid #f0f0f0;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.company-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 8px;
}

/* 动画效果 */
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 移动端适配代码已统一移动到文件底部 */

.jobs-table-container {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	padding: 30px;
}

/* .user_tt,
.content-title {
	font-size: 24px;
	font-weight: bold;
	color: #222;
	margin-bottom: 24px;
	border-bottom: 2px solid #1a3c8b;
	padding-bottom: 12px;
} */

.table-header {
	background: #f5f7fa;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #e8e8e8;
}

.table-row {
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	transition: all 0.3s ease;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
}

.table-row:hover {
	background: linear-gradient(135deg, #e8eeff 0%, #dce4ff 100%);
	transform: translateX(5px);
	box-shadow: 0 6px 16px rgba(26, 60, 139, 0.15);
}

.table-header,
.table-row {
	display: flex;
	align-items: center;
	padding: 16px 20px;
}

.col-position {
	flex: 2;
	font-size: 16px;
}

.col-info {
	flex: 1;
	font-size: 14px;
	color: #666;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.jobs-table {
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

/* 移动端适配代码已统一移动到文件底部 */

.content-section {
	display: none;
}

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

.apply-intro,
.feedback-intro,
.download-intro {
	line-height: 1;
	color: #444;
	font-size: 15px;
	margin-top: 10px;
}

/*joke-------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: #f0f5fa;
	font-family: 'Inter', sans-serif;
	/* 基础字号调大：原浏览器默认16px → 提升至18px，阅读更舒适 */
	font-size: 18px;
	/*padding: 2rem 1.5rem;*/
	color: #1a2c3e;
	/* 保持flex布局 */
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

.form-container {
	max-width: 1400px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 32px;
	box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: all 0.2s ease;
}

.form-header {
	background: linear-gradient(135deg, #0b3b3f 0%, #1b6d6f 100%);
	padding: 0.5rem 2rem 1.8rem;
	padding-bottom: 0.5rem;
	color: white;
}

.form-header h1 {
	font-size: 2.2rem;
	/* 增大主标题 */
	font-weight: 700;
	letter-spacing: -0.3px;
	margin-bottom: 0.6rem;
}

.form-header p {
	opacity: 0.9;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.form-header p i {
	margin-right: 4px;
}

.badge {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 40px;
	padding: 0.3rem 1rem;
	font-size: 0.9rem;
	font-weight: 500;
}

.form-body {
	padding: 2rem 2rem 2.5rem;
}

.contact-content .form-container h3 {
	margin-top: 5px;
}


.contact-content .form-container h3,
.contact-content .form-container p {
	color: white;
	margin-bottom: 0px;
}

.contact-content .form-container p:hover {
	color: white;
}

/* 分区卡片 */
.section-card {
	background: #ffffff;
	border-radius: 24px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
	margin-bottom: 2.2rem;
	border: 1px solid #e9edf2;
	transition: box-shadow 0.2s;
}

.section-card:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}


.section-content {
	padding: 1.5rem 1.8rem 1.8rem;
}

/* 表单栅格 */
.form-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: 1.4rem 2rem;
}

.full-width {
	grid-column: 1 / -1;
}

.form-field {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin-bottom: 20px;
}

.form-field label {
	font-weight: 600;
	font-size: 0.95rem;
	/* 标签字体稍微加大，约17px (基于body 18px) */
	color: #333;
	letter-spacing: 0.2px;
}

.form-field label .required {
	color: #e56c4b;
	margin-left: 4px;
}

input,
select,
textarea {
	font-family: 'Inter', sans-serif;
	border: 1px solid #cfdfe8;
	border-radius: 16px;
	padding: 0.8rem 1rem;
	font-size: 1rem;
	/* 输入框文字 ≥ 18px */
	transition: all 0.2s;
	background-color: #fefefe;
	width: 100%;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: #1a3c8b;
	box-shadow: 0 0 0 3px rgb(26 60 139 / 13%);

}

textarea {
	resize: vertical;
	min-height: 90px;
}

.inline-group {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
}

.radio-group {
	display: flex;
	gap: 1.8rem;
	align-items: center;
	flex-wrap: wrap;
}

.radio-group label {
	font-weight: 500;
	font-size: 0.95rem;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
}

.radio-group input {
	width: auto;
	margin-right: 2px;
	transform: scale(1.05);
}

.table-wrapper {
	overflow-x: auto;
	margin: 1rem 0 0.5rem;
	border-radius: 18px;
	border: 1px solid #e2e8f0;
}

.dynamic-table {
	width: 100%;
	border-collapse: collapse;
	background: white;
	font-size: 0.95rem;
	/* 表格内字稍大 */
}

.dynamic-table th,
.dynamic-table td {
	border: 1px solid #e2edf2;
	padding: 12px 10px;
	text-align: left;
	vertical-align: top;
}

.dynamic-table th {
	background-color: #f8fafc;
	font-weight: 600;
	color: #1f5e5f;
	font-size: 0.95rem;
}

.dynamic-table input {
	padding: 0.6rem 0.8rem;
	font-size: 0.9rem;
}

.btn-icon {
	background: #eef2fa;
	border: none;
	padding: 8px 16px;
	border-radius: 40px;
	font-size: 0.9rem;
	font-weight: 500;
	cursor: pointer;
	transition: 0.2s;
	margin-top: 10px;
	color: #2b6c6f;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.btn-icon i {
	font-size: 1rem;
}

.btn-icon:hover {
	background: #dee6ef;
	transform: translateY(-1px);
}

.member-card {
	background: #fafcfe;
	border-radius: 24px;
	border: 1px solid #e2edf2;
	padding: 1.5rem;
	margin-bottom: 1.8rem;
}

.member-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.2rem;
	flex-wrap: wrap;
	border-left: 5px solid #2b8c8f;
	padding-left: 16px;
}

.remove-member {
	background: none;
	border: none;
	color: #b91c1c;
	font-size: 0.9rem;
	cursor: pointer;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 6px;
}

.inline-badge {
	background: #edf7f7;
	border-radius: 30px;
	padding: 0.3rem 1rem;
	font-size: 0.8rem;
	font-weight: 500;
}

hr {
	margin: 1rem 0;
	border: none;
	border-top: 1px solid #ecf3f8;
}

.submit-area {
	margin-left: auto;
	align-self: center;
}

/* 验证码区域 */
.captcha-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e2edf2;
}

.captcha-display {
	flex-shrink: 0;
	border: 1px solid #d0d8e8;
	border-radius: 6px;
	overflow: hidden;
}

.captcha-input-wrap {
	display: flex;
	flex-direction: column;
}

.captcha-input {
	width: 160px;
	padding: 10px 14px;
	border: 1px solid #d0d8e8;
	border-radius: 6px;
	font-size: 15px;
	outline: none;
	transition: border-color 0.2s;
}

.captcha-input:focus {
	border-color: #1a3c8b;
	box-shadow: 0 0 0 2px rgba(26, 60, 139, 0.1);
}

.btn-submit[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.btn-submit {
	background: linear-gradient(95deg, #1b6d6f 0%, #23898c 100%);
	border: none;
	padding: 1rem 2.8rem;
	border-radius: 50px;
	font-size: 1.15rem;
	font-weight: 600;
	color: white;
	cursor: pointer;
	transition: 0.2s;
	box-shadow: 0 8px 16px rgba(27, 109, 111, 0.25);
	letter-spacing: 1px;
}

.btn-submit:hover {
	transform: translateY(-2px);
}

/* 移动端适配代码已统一移动到文件底部 */

/* 部分辅助样式 */
.form-field small {
	font-size: 0.8rem;
	color: #5b7a8a;
}

.fas,
.far {
	margin-right: 4px;
}

/* 强制放大整个表单内所有文字 - 使用 !important 确保覆盖 */
.form-container,
.form-container *,
.form-container input,
.form-container select,
.form-container textarea,
.form-container label,
.form-container button,
.form-container .form-field label,
.form-container .dynamic-table,
.form-container .dynamic-table th,
.form-container .dynamic-table td,
.form-container .member-card,
.form-container .btn-icon,
.form-container .btn-submit {
	font-size: 15px;
}


/* 提交按钮稍大 */
.form-container .btn-submit {
	font-size: 15px !important;
	padding: 12px 28px !important;
}

/*---------------------------------------------------------------------*/
.download-card,
.document-item {
	width: 100%;
	display: flex;
	align-items: center;
	background: #f9f9f9;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: -20px;
}

.file-icon,
.doc-icon {
	font-size: 40px;
	margin-right: 15px;
}

.file-icon,
.file-info {
	float: left;
}

.file-info {

	margin-top: 10px;
}

.download-btn {
	float: right;
	margin-top: 10px;
}

.download-btn,
.submit-btn {
	background: #1a3c8b;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 15px;
	transition: background 0.3s;
	white-space: nowrap;
}

.download-btn:hover,
.submit-btn:hover {
	background: #0d2a6e;
	color: #fff;
}

.transport-info {
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

.map-with-markers {
	position: relative;
	width: 100%;
	min-height: 580px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.map-with-markers img {
    width: 100%;
    height: 100%;
}

.location-marker {
	position: absolute;
	/*top: 61%;*/
	/*left: 34%;*/
	transform: translate(-71%, 54%);
	text-align: center;
}

.marker-dot {
	width: 12px;
	height: 12px;
	background: #1a3c8b;
	border: 2px solid #fff;
	border-radius: 50%;
}

.marker-label {
	margin-top: 6px;
	background: rgba(255, 255, 255, 0.9);
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}

.contact-info {
	background: #f9f9f9;
	border-radius: 6px;
	padding: 20px;
	border: 1px solid #e8e8e8;
	flex: 1;
}

.contact-item {
	display: flex;
	margin-bottom: 12px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
}

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

.contact-item .label {
	width: 100%;
	color: #222;
	font-weight: 500;
	flex-shrink: 0;
	padding: 0;
	font-size: 21px;
}

.qr-codes {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	flex-wrap: wrap;
}

.qr-item {
	flex: 1;
	min-width: 120px;
	text-align: center;
}

.qr-code {
	width: 140px;
	height: 140px;
	background: #eaeaea;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 28px auto 8px;
	color: #888;
	border-radius: 4px;
}

.qr-code img {

	width: 80%;
}

.transport-methods {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.transport-method {
	flex: 1;
	min-width: 200px;
	display: flex;
	gap: 15px;
	background: #f9f9f9;
	padding: 15px;
	border-radius: 6px;
}

.method-icon {
	font-size: 24px;
}

.feedback-form {
	max-width: 600px;
}

.feedback-form-container {
	max-width: 900px;
	margin: 0 auto;
}

.feedback-form-container .form-header {
	padding: 1.5rem 2rem;
}

.feedback-form-container .form-header h1 {
	font-size: 1.5rem;
}

.feedback-form-container .section-card {
	margin-bottom: 0;
}

.feedback-intro {
	margin-bottom: 20px;
	padding: 15px 20px;
	background: #f8f9fa;
	border-radius: 8px;
	border-left: 4px solid #0b3b3f;
}

.feedback-intro p {
	margin: 0;
	color: #555;
	line-height: 1.6;
}

.form-group {
	margin-bottom: 20px;
}

.form-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 500;
}

.form-group input,
.form-group textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
}

.documents-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-top: 20px;
}

/* 移动端适配代码已统一移动到文件底部 */

/* 搜索结果样式 */

.news-detail-content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}

.breadcrumb a {
	color: #1a3c8b;
	text-decoration: none;
	transition: color 0.3s;
}

.breadcrumb a:hover {
	color: #2a4b9a;
	text-decoration: underline;
}

.news-detail-article {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	padding: 50px 60px;
	margin-bottom: 40px;
}

.news-detail-title {
	font-size: 32px;
	font-weight: bold;
	color: #222;
	margin-bottom: 20px;
	line-height: 1.4;
}

.news-detail-meta {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 30px;
	font-size: 14px;
	color: #888;
}

.news-detail-date {
	display: flex;
	align-items: center;
	gap: 6px;
}

.news-detail-type {
	display: inline-block;
	padding: 4px 12px;
	background: #1a3c8b;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
}

.news-detail-body {
	font-size: 16px;
	line-height: 1.8;
	color: #444;
}

.news-detail-body p {
	margin-bottom: 20px;
}

.news-detail-body img {
	display: block;
	/* å…³é”®å±žæ€§ */
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 30px auto;
	/* ä¿®æ”¹ä¸ºautoå®žçŽ°æ°´å¹³å±…ä¸­ */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.news-detail-body .image-caption {
	text-align: center;
	font-size: 14px;
	color: #888;
	margin-top: -20px;
	margin-bottom: 30px;
	font-style: italic;
}

.news-detail-body h2,
.news-detail-body h3 {
	color: #1a3c8b;
	margin-top: 40px;
	margin-bottom: 20px;
	font-weight: bold;
}

.news-detail-body h2 {
	font-size: 24px;
}

.news-detail-body h3 {
	font-size: 20px;
}

.news-detail-body ul,
.news-detail-body ol {
	margin: 20px 0;
	padding-left: 30px;
}

.news-detail-body li {
	margin-bottom: 10px;
}

/* 移动端适配代码已统一移动到文件底部 */

/* åˆ—è¡¨æ ·å¼ç¾ŽåŒ– */
.news-detail-body ul,
.news-detail-body ol {
	margin: 25px 0;
	padding-left: 0;
	background: #f8f9fa;
	border-radius: 12px;
	padding: 25px 30px;
	border-left: 4px solid #1a3c8b;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.news-detail-body ul {
	list-style: none;
}

.news-detail-body ol {
	list-style: none;
	counter-reset: list-counter;
}

.news-detail-body li {
	margin-bottom: 16px;
	padding: 12px 16px;
	background: white;
	border-radius: 8px;
	transition: all 0.3s ease;
	border: 1px solid #e8e8e8;
	position: relative;
	cursor: pointer;
}

.news-detail-body li:hover {
	transform: translateX(5px);
	box-shadow: 0 4px 12px rgba(26, 60, 139, 0.15);
	border-color: #1a3c8b;
	background: #f8fafd;
}

.news-detail-body li:last-child {
	margin-bottom: 0;
}

/* æœ‰åºåˆ—è¡¨æ•°å­—æ ·å¼ */
.news-detail-body ol li {
	counter-increment: list-counter;
	padding-left: 50px;
}

.news-detail-body ol li::before {
	content: counter(list-counter);
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background: #1a3c8b;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
}

/* æ— åºåˆ—è¡¨ç‚¹æ ·å¼ */
.news-detail-body ul li {
	padding-left: 50px;
}

.news-detail-body ul li::before {
	content: "â€¢";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #1a3c8b;
	font-size: 24px;
	font-weight: bold;
}

/* åˆ—è¡¨é¡¹å†…å®¹æ ·å¼ */
.list-item-content {
	font-size: 15px;
	color: #444;
	line-height: 1.6;
	font-weight: 500;
	text-decoration: none;
	display: block;
	transition: color 0.3s ease;
}

.news-detail-body li:hover .list-item-content {
	color: #1a3c8b;
}

/* åˆ—è¡¨æ ‡é¢˜æ ·å¼ */
.list-section-title {
	font-size: 18px;
	font-weight: bold;
	color: #1a3c8b;
	margin: 40px 0 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #e8e8e8;
	position: relative;
}

.list-section-title::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 60px;
	height: 2px;
	background: #1a3c8b;
}

/* åœ°å›¾å¡ç‰‡æ ·å¼ */
.map-card {
	display: flex;
	align-items: center;
	background: #f8f9fa;
	border-radius: 8px;
	padding: 20px;
	margin: 30px 0;
	border-left: 4px solid #1a3c8b;
}

.map-icon {
	width: 40px;
	height: 40px;
	margin-right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.map-icon img {
	width: 24px;
	height: 24px;
}

.map-info {
	flex: 1;
}

.location-name {
	font-size: 16px;
	font-weight: bold;
	color: #1a3c8b;
	margin-bottom: 4px;
}

.address {
	font-size: 14px;
	color: #666;
	line-height: 1.4;
}

#back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 70px;
	height: 70px;
	background-color: #1a3c8b;
	color: white;
	border-radius: 50%;
	display: none;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(26, 60, 139, 0.3);
	transition: all 0.3s ease;
	z-index: 1000;
	border: none;
	outline: none;
}

#back-to-top:hover {
	background-color: #2a4b9a;
	transform: translateY(-3px);
	box-shadow: 0 6px 15px rgba(26, 60, 139, 0.4);
}

#back-to-top:active {
	transform: translateY(0);
}

#back-to-top img {
	width: 30px;
	height: 30px;
	filter: brightness(0) invert(1);
}

.index_video_div h2 {
	text-align: center;
	color: #1a3c8b;
	font-size: 38px;
	margin-bottom: 30px;
}

.index_video div.index_div {
	margin: 0 auto;
	width: min(100%, 1200px);
	display: grid;
	text-align: center;
	grid-template-columns: repeat(5, minmax(160px, 1fr));
	column-gap: 10px;
	row-gap: 10px;
}

.index_video div.index_div div video {
	width: 100%;

}

/* 基础样式 - 可根据需求调整 */
.video-carousel {
	width: 100%;
	position: relative;
}

.video-container {
	width: 100%;
	height: 700px;
	overflow: hidden;
}

.video-item {
	width: 100%;
	height: 100%;
	display: none;
	/* 默认隐藏所有视频 */
}

.video-item.active {
	display: block;
	/* 显示当前激活的视频 */
}

video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 切换按钮样式 */
.carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	font-size: 20px;
	z-index: 10;
}

.prev-btn {
	left: 20px;
}

.next-btn {
	right: 20px;
}




/*joke-------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	font-family: "Microsoft YaHei", sans-serif;
}

/* 布局样式 - 横向排列 */
.e_container-10 {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	padding: 50px 20px;
	justify-content: center;
	text-align: center;
	background: linear-gradient(to bottom, #3f83ad, #153681);
}

.p_item {
	flex: 1;
	min-width: 200px;
}

/* 数字样式 */
.e_scrollNumber-47,
.e_scrollNumber-48,
.e_scrollNumber-49,
.e_scrollNumber-50 {
	font-size: 42px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}

/* 文字样式 */
.e_text-18,
.e_text-24,
.e_text-28,
.e_text-15 {
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
}


/*首页新闻2026,5,9*/
/*--JOker---------------------------------------------------------------------------------------------------*/
/*#news-cards .cards {*/
/*    display: grid !important;*/
/*    grid-template-columns: 58% 38% !important;*/
/*    gap: 20px !important;*/
/*height: auto !important; */
/* 取消整体高度限制 */
/*    position: relative;*/
/*    padding-top: 175px !important;*/
/*}*/

/* 大新闻：高度固定，不会被小新闻影响 */
/*#news-cards .card:first-child {*/
/*    grid-row: 1 / span 3 !important;*/
/*height: 600px !important; */
/* 大新闻高度固定 */
/*    align-self: start !important;*/
/*}*/

/* 小新闻1 */
/*#news-cards .card:nth-child(2) {*/
/*    grid-row: 1 !important;*/
/*height: 175px !important; */
/* 👈 小新闻高度，改这里！ */
/*    margin-bottom: 15px !important;*/
/*}*/
/* 小新闻2 */
/*#news-cards .card:nth-child(3) {*/
/*    grid-row: 2 !important;*/
/*height: 175px !important; */
/* 👈 小新闻高度 */
/*    margin-bottom: 15px !important;*/
/*}*/
/* 小新闻3 */
/*#news-cards .card:nth-child(4) {*/
/*    grid-row: 3 !important;*/
/*height: 180px !important;*/
/* 👈 小新闻高度 */
/*}*/

/* 以下样式完全不动 */
/*#news-cards .card {*/
/*    position: relative !important;*/
/*    overflow: hidden !important;*/
/*    background: #000 !important;*/
/*}*/
/*#news-cards .card-img {*/
/*    position: absolute !important;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100% !important;*/
/*    height: 100% !important;*/
/*    z-index: 1 !important;*/
/*}*/
/*#news-cards .card-img img {*/
/*    width: 100% !important;*/
/*    height: 100% !important;*/
/*    object-fit: cover !important;*/
/*    display: block !important;*/
/*}*/
/*#news-cards .card-right {*/
/*    position: absolute !important;*/
/*    bottom: 0 !important;*/
/*    left: 0 !important;*/
/*    width: 100% !important;*/
/*    z-index: 2 !important;*/
/*    padding: 30px 20px !important;*/
/*    background: linear-gradient(transparent, #000 80%) !important;*/
/*    color: #fff !important;*/
/*}*/
/*#news-cards .card-right * {*/
/*    color: #fff !important;*/
/*}*/
/*.more-btn { position: absolute; top: 0; right: 0; z-index: 9; }*/
/*.more-btn .btn {*/
/*    color: #fff !important;*/
/*    border: 1px solid #fff !important;*/
/*    background: transparent !important;*/
/*    font-weight: 500 !important;*/
/*    margin: 75px 50px !important;*/
/*}*/
/*.more-btn .btn:hover {*/
/*    background-color: #ffffff !important;*/
/*    color: #14347E !important;*/
/*    border-color: #fff !important;*/
/*}*/

/*#news-cards .cards::before {*/
/*    content: "新闻动态";*/
/*    position: absolute;*/
/*    top: 50px;*/
/*    left: 100px;*/
/*    color: #fff;*/
/*    font-size: 50px;*/
/*    font-weight: 600;*/
/*    z-index: 999;*/
/*}*/


/*2026.5.9 joke-------------------------------------------------------------------------------------------------------*/
/*右下角两个下表*/
/* 两个固定右下角图标 */
.fixed-icons {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.fixed-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
	background-color: #1a3c8b;
	box-shadow: 0 4px 12px rgba(26, 60, 139, 0.4);
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	box-sizing: border-box;
	border: 2px solid rgba(255, 255, 255, 0.8);
}

.fixed-icon img {
	width: 30px;
	height: 30px;
	object-fit: contain;
}

.fixed-icon:hover {
	background-color: #0d2a5c;
	transform: scale(1.1);
	box-shadow: 0 6px 16px rgba(13, 42, 92, 0.5);
}

/*joke-------------------------------------------------------------------------------------------------------*/
/*2026,5,9*/
/*首页轮播大页面*/
/*--JOker---------------------------------------------------------------------------------------------------*/
/*设置一下这个盒子的样式*/
.bthlist>span:last-child {
	margin-right: 0;
}

.che {
	background: #007bff !important;
}

.bthlist {
	display: flex;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 9999 !important;
	/* 强制显示在最上层 */
}

.bthlist>span {
	background: #ccc;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	display: block;
	margin-right: 10px;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 80vh;
	overflow: hidden;
}

.swiper-wrapper>a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*   opacity: 0; 默认隐藏 */
	transition: opacity 0.4s ease;
}

.swiper-wrapper>a.active {
	opacity: 1;
	/* 显示 */
	z-index: 10;
}



.blsit-list li:nth-child(1) {
	display: block;
}

.about-body p {
	margin-bottom: 7px;
	line-height: 19px;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/*background: #fff;*/
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/*nav.navbar-default::after,*/
/*nav.navbar-default {*/
/*	background:none;*/
/*} .main-body {*/
/*     padding-top: 0; */
/*}*/





.s_layout {
	margin-top: 50px;
}

/*.new_div_news_div .new_div_news{*/
/*    float: left;*/
/*    width: 47%;*/
/*    position: relative;*/
/*    margin-right: 1%;*/
/*}*/
.new_div_news_div .new_div_news {
	float: left;
	width: 44%;
	position: relative;
	margin-right: 2%;
	border-radius: 5px;
	overflow: hidden;
}

.new_div_news_div .new_div_news a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
}

.new_div_news_div .new_img {
	height: 250px;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.new_div_news .new_title {
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 15px;
	background: rgb(0 0 0 / 64%);
	color: #fff;
	border-bottom: 7px solid #ffffff;
	padding: 15px;
	transition: .3s;
}

.new_div_news .new_title span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	line-height: 1.5;
	max-height: 4.5em;
}

.new_div_news:hover .new_title {
	border-bottom: 7px solid #ffffff;
	background: #0e2b6e;
	color: #fff;
}

.new_div_news_div .new_div_news:nth-child(1) .new_img {
	height: 517px;
}

.new_div_news_div .new_div_news .new_img {
	transition: all 0.4s;
}

.new_div_news_div .new_div_news:hover .new_img {
	transform: scale(1.1);
}

.new_div_news_div .new_div_news:nth-child(2),
.new_div_news_div .new_div_news:nth-child(3),
.new_div_news_div .new_div_news:nth-child(4),
.new_div_news_div .new_div_news:nth-child(5) {
	width: 26%;
	margin: 0 0 17px 0;
}

.new_div_news_div .new_div_news:nth-child(2),
.new_div_news_div .new_div_news:nth-child(4) {
	margin-right: 2%;
}

.new_div_news_div .new_div_news:nth-child(4),
.new_div_news_div .new_div_news:nth-child(5) {
	margin-bottom: 0;
}

/* 横向手风琴容器 */
.accordion-box {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	height: 400px;
	display: flex;
	overflow: hidden;
	box-sizing: border-box;
}

.ac_txt {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* 手风琴链接容器 */
.accordion-link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.accordion-link:hover,
.accordion-link:focus {
	color: inherit;
	text-decoration: none;
}

/* 每个面板项 */
.accordion-item {
	width: 380px;
	height: 100%;
	position: relative;
	transition: all 0.5s ease;
}

/* 背景图 */
.accordion-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 文字遮罩 */
.accordion-item .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px 10px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
}

.ac_txt .item-title {

	font-size: 25px;
	color: #0d2a6e;
	background: rgb(255 255 255 / 68%);
	padding: 18px;
}

.ac_txt .item-title span {
	display: block;
}

.ac_txt .item-desc {
	color: #163881;
	padding: 18px;
	display: none;
}

.ac_txt .item-desc span {

	width: 20px;
	height: 20px;
	display: block;
	float: left;
	background: #15367f;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	margin-right: 6px;
}

.news_detial {

	background: #fff;
	padding: 20px;
}

.detail_xx span:nth-child(1) {
	color: #1a3c8b;
	margin-right: 20px;

}

.detail_xx {
	font-size: 15px;
	color: #999;
	margin-top: 20px;
}

.detail_cont {
	line-height: 28px;
	font-size: 15px;

}

.detail_cont a {
	color: #1a3c8b;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.detail_cont a:hover {
	color: #0d2a6e;
	text-decoration: underline;
	background-color: rgba(26, 60, 139, 0.08);
	padding: 2px 4px;
	border-radius: 3px;
}

.search_jg_ul li {
	margin-bottom: 20px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 15px;

}

.search_jg_ul li span.red {
	font-weight: bold;
	color: red;
}

.search_jg_data {
	color: #676767;
	margin-right: 20px;
}

.search_jg_span {
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ddd'%2F%3E%3C%2Fsvg%3E") no-repeat center;
}

.conference-title {
	/* 核心：多行省略必备 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* 限制显示 3 行 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 超出显示省略号 */

	/* 可选：让文字排版更美观 */
	line-height: 1.5;
	/* 行高 */
	word-break: break-all;
	/* 自动换行 */
}

/*新闻修改*/
.news_change {
	text-align: center;
	padding: 0 11.5%;
}

.news_change h2 {
	display: inline-block;
	position: relative;
	font-size: 38px;
}

/*服务修改*/
.service_change {
	text-align: center;
	padding: 0 11.5%;
}

.new_div_news_div {
	padding: 0;
}

/* 首页新闻区域容器 - 固定宽度居中 */
.wrap.influ_box {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.download-card {
	margin: 50px 0;
}

.blsit-list .apply-instructions ul li {
	display: block;
}

.download-card a {
	color: #f0f0f0;
	border-bottom-style: solid;
	white-space: nowrap;
}

.doc-info,
.file-info {

	width: 70%;
}

.method-info p,
.doc-info {
	font-size: 15px;
}

.form-container .form-field label {
	font-size: 16px;
}

h3 {
	font-size: 18px;
	font-weight: 800;
}

h2 {
	font-weight: 800;
	font-size: 22px;
}

.pagination>li>a,
.pagination>li>span,
.timeline-content p {
	font-size: 15px;
}

.news-video {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.news-video img {
	width: 100%;
}

.news-video a {

	position: relative;
}

.video_txt {
	text-align: center;

	position: absolute;
	margin-top: -46px;
	padding: 10px;
	color: #fff;
	width: 100%;
	z-index: 9;
}

.video_img {
	position: relative;
}

.video_img::after {
	content: '';
	background: #00000069;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 9;
	position: absolute;
	top: 0;
}

.video_img::before {
	content: '';
	position: absolute;
	background: url(../images/icon_video.png);
	width: 50px;
	height: 50px;
	background-size: contain;
	z-index: 999;
	top: 42%;
	left: 44%;
}

/* 搜索结果页样式 */
.search-page-box {
	padding: 40px 0 30px;
	text-align: center;
}

.search-page-input-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	max-width: 600px;
	margin: 0 auto;
}

.search-page-input {
	flex: 1;
	padding: 12px 20px;
	border: 2px solid #1a3c8b;
	border-radius: 25px 0 0 25px;
	font-size: 16px;
	outline: none;
	transition: border-color 0.3s;
}

.search-page-input:focus {
	border-color: #0d2a5c;
}

.search-page-btn {
	padding: 12px 30px;
	background: #1a3c8b;
	color: #fff;
	border: 2px solid #1a3c8b;
	border-radius: 0 25px 25px 0;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s;
	text-decoration: none;
	display: inline-block;
}

.search-page-btn:hover {
	background: #0d2a5c;
	border-color: #0d2a5c;
}

.search-tabs {
	display: flex;
	justify-content: center;
	gap: 0;
	margin-bottom: 40px;
	border-bottom: 2px solid #e0e0e0;
}

.search-tab {
	padding: 12px 30px;
	color: #666;
	text-decoration: none;
	font-size: 16px;
	transition: all 0.3s;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
}

.search-tab:hover {
	color: #1a3c8b;
}

.search-tab.active {
	color: #1a3c8b;
	border-bottom-color: #1a3c8b;
	font-weight: bold;
}

.search-results {
	padding-bottom: 60px;
}

.search-category {
	margin-bottom: 40px;
}

.search-category-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 20px;
}

.search-category-header h3 {
	font-size: 22px;
	color: #1a3c8b;
	font-weight: bold;
	margin: 0;
}

.search-count {
	color: #888;
	font-size: 14px;
}

.search-category-content {
	min-height: 100px;
}

.search-empty {
	text-align: center;
	padding: 40px 20px;
	color: #999;
	font-size: 16px;
}

/* 搜索结果列表项 */
.search-result-item {
	padding: 20px;
	border-bottom: 1px solid #f0f0f0;
}

.search-result-title {
	font-size: 18px;
	color: #1a3c8b;
	margin-bottom: 8px;
	font-weight: 500;
}

.search-result-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 8px;
}

.search-result-meta {
	font-size: 13px;
	color: #999;
}

/* 全局统一标题样式 */
/* h1: 使用 .service-content h2 的效果（带左边蓝色竖线） */
.main-content h1,
.jobs-table-container h1,
.service-content h1,
.brochure-content.active .brochure-section h1,
#timeline.active h1 {
	font-size: 24px;
	font-weight: 700;
	color: #0d2a6e;
	margin: 20px 0 12px;
	padding-left: 16px;
	border-left: 4px solid #0d2a6e;
	position: relative;
	transition: all 0.3s ease;
}

.main-content h1:hover,
.jobs-table-container h1:hover,
.service-content h1:hover,
.brochure-content.active .brochure-section h1:hover,
#timeline.active h1:hover {
	padding-left: 20px;
	color: #1a3c8b;
}

/* h2: 使用 .service-content h3 的效果，去除左边蓝色竖线 */
.main-content h2,
.jobs-table-container h2,
.service-content h2,
.brochure-content.active .brochure-section h2,
#timeline.active h2 {
	font-size: 22px;
	font-weight: 600;
	color: #1a3c8b;
	margin: 18px 0 12px;
	padding: 8px 12px;
	background: linear-gradient(135deg, #d8e4ff 0%, #c0d0ff 100%);
	border-radius: 8px;
	transition: all 0.3s ease;
}

.main-content h2:hover,
.jobs-table-container h2:hover,
.service-content h2:hover,
.brochure-content.active .brochure-section h2:hover,
#timeline.active h2:hover {
	background: linear-gradient(135deg, #c0d0ff 0%, #a8c0ff 100%);
	transform: translateX(5px);
}

/* h3: 使用 #timeline.active h4 的效果（虚线下划线） */
.main-content h3,
.jobs-table-container h3,
.service-content h3,
.brochure-content.active .brochure-section h3,
#timeline.active h3 {
	font-size: 20px;
	font-weight: 600;
	color: #2a4db5;
	margin: 16px 0 10px;
	padding-bottom: 6px;
	border-bottom: 2px dashed #c5d4f5;
}

/* h4: 正常样式 */
.main-content h4,
.jobs-table-container h4,
.service-content h4,
.brochure-content.active .brochure-section h4,
#timeline.active h4 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 14px 0 8px;
}

/* h5: 正常样式 */
.main-content h5,
.jobs-table-container h5,
.service-content h5,
.brochure-content.active .brochure-section h5,
#timeline.active h5 {
	font-size: 16px;
	font-weight: 600;
	margin: 16px 0 8px;
}

/* 统一 hr 样式：加粗蓝色横线 */
.main-content hr,
.jobs-table-container hr,
.service-content hr,
.brochure-content.active .brochure-section hr,
#timeline.active hr {
	border: none;
	height: 3px;
	background: linear-gradient(90deg, #0d2a6e 0%, #1a3c8b 50%, #0d2a6e 100%);
	margin: 8px 0 16px;
	border-radius: 2px;
	opacity: 1;
}

/* 统一 p 样式 */
.main-content p,
.jobs-table-container p,
.service-content p,
.brochure-content.active .brochure-section p,
#timeline.active p {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
	text-align: justify;
	position: relative;
	padding-left: 0;
	transition: all 0.3s ease;
}

.main-content p:hover,
.jobs-table-container p:hover,
.service-content p:hover,
.brochure-content.active .brochure-section p:hover,
#timeline.active p:hover {
	color: #1a3c8b;
}

/* ========== Layer弹窗自定义样式 ========== */
/* 成功弹窗 - 绿色 */
.layui-layer-success .layui-layer-title {
	background: linear-gradient(135deg, #00B42A 0%, #00d430 100%) !important;
	color: #fff !important;
	border-bottom: none !important;
}

.layui-layer-success .layui-layer-btn a {
	background: #00B42A !important;
	border-color: #00B42A !important;
	color: #fff !important;
}

.layui-layer-success .layui-layer-btn a:hover {
	background: #009a23 !important;
	border-color: #009a23 !important;
}

/* 警告弹窗 - 橙色 */
.layui-layer-warning .layui-layer-title {
	background: linear-gradient(135deg, #FF7D00 0%, #ff9a2d 100%) !important;
	color: #fff !important;
	border-bottom: none !important;
}

.layui-layer-warning .layui-layer-btn a {
	background: #FF7D00 !important;
	border-color: #FF7D00 !important;
	color: #fff !important;
}

.layui-layer-warning .layui-layer-btn a:hover {
	background: #e66a00 !important;
	border-color: #e66a00 !important;
}

/* 错误弹窗 - 红色 */
.layui-layer-error .layui-layer-title {
	background: linear-gradient(135deg, #F53F3F 0%, #ff5f5f 100%) !important;
	color: #fff !important;
	border-bottom: none !important;
}

.layui-layer-error .layui-layer-btn a {
	background: #F53F3F !important;
	border-color: #F53F3F !important;
	color: #fff !important;
}

.layui-layer-error .layui-layer-btn a:hover {
	background: #d93636 !important;
	border-color: #d93636 !important;
}

/* 疑问弹窗 - 蓝色 */
.layui-layer-question .layui-layer-title {
	background: linear-gradient(135deg, #1677FF 0%, #4096ff 100%) !important;
	color: #fff !important;
	border-bottom: none !important;
}

.layui-layer-question .layui-layer-btn a {
	background: #1677FF !important;
	border-color: #1677FF !important;
	color: #fff !important;
}

.layui-layer-question .layui-layer-btn a:hover {
	background: #0958d9 !important;
	border-color: #0958d9 !important;
}

/* 弹窗图标增强 */
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
	font-size: 32px !important;
}

/* ========== 服务优势模块 ========== */
.service-advantage-container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.service-advantage-image {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.service-advantage-image .service-img {
	width: 100%;
	height: 100%;
	margin: 0 !important;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.service-advantage-image:hover .service-img {
	transform: scale(1.02);
}

.service-advantage-tabs {
	display: flex;
	justify-content: space-between;
}

.service-tab {
	flex: 1;
	padding: 24px 20px;
	background: #f5f5f5;
	cursor: pointer;
	border-bottom: 4px solid transparent;
	position: relative;
}

.service-tab:hover,
.service-tab.hover {
	background: #fff;
	border-bottom: 4px solid #1a3c8b;
}

.service-tab.active {
	background: #fff;
	border-bottom: 4px solid #1a3c8b;
}

.service-tab-title {
	font-size: 17px;
	font-weight: 600;
	color: #222;
	margin-bottom: 12px;
	transition: color 0.3s ease;
	line-height: 1.4;
}

.service-tab:hover .service-tab-title,
.service-tab.hover .service-tab-title,
.service-tab.active .service-tab-title {
	color: #1a3c8b;
}

.service-tab-desc {
	font-size: 13px;
	color: #666;
	line-height: 1.7;
	display: -webkit-box;
	text-overflow: ellipsis;
}

.service-tab:hover .service-tab-desc,
.service-tab.hover .service-tab-desc,
.service-tab.active .service-tab-desc {
	color: #333;
}

/* ========== 生态联动模块 ========== */
.ecosystem-container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.ecosystem-cards {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 30px;
}

.ecosystem-card {
	display: flex;
	background: #f1f5ff;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	padding: 0 20px;
	align-items: center;
}

.ecosystem-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(26, 60, 139, 0.12);
}

.ecosystem-card-image {
	flex: 0 0 260px;
	width: 200px;
	height: 130px;
	overflow: hidden;
	background-color: #fff;
	align-items: center;
	border-radius: 12px;
}

.ecosystem-card-image .ecosystem-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
	margin: 0 !important;
}

.ecosystem-card:hover .ecosystem-img {
	transform: scale(1.05);
}

.ecosystem-card-content {
	flex: 1;
	padding: 20px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ecosystem-card-title {
	font-size: 18px;
	font-weight: 600;
	color: #222;
	margin: 0 0 12px 0;
	position: relative;
	line-height: 1.4;
}

.ecosystem-card-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0;
}

/* ========== 中心服务模块 ========== */
.center-service-container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.center-service-cards {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 30px;
}

.center-service-card {
	display: flex;
	background: #f1f5ff;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	padding: 0 20px;
	align-items: center;
}

.center-service-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(26, 60, 139, 0.12);
}

/* Reverse layout for desktop */
.center-service-card.reverse {
	flex-direction: row-reverse;
}

.center-service-image {
	flex: 0 0 260px;
	width: 200px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	align-items: center;
	border-radius: 12px;
}

.center-service-image .center-service-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
	margin: 0 !important;
}

.center-service-card:hover .center-service-img {
	transform: scale(1.05);
}

.center-service-content {
	flex: 1;
	padding: 20px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.center-service-title {
	font-size: 18px;
	font-weight: 600;
	color: #222;
	margin: 0 0 12px 0;
	position: relative;
	line-height: 1.4;
}

.center-service-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.7;
	margin: 0;
}

/* ========== 自定义分页器样式 ========== */
.custom-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 30px 0;
	flex-wrap: wrap;
	user-select: none;
}
.custom-pagination a,
.custom-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	background: #fff;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.2s ease;
	cursor: pointer;
}
.custom-pagination a:hover {
	border-color: #1a3c8b;
	color: #1a3c8b;
	background: #f0f4ff;
}
.custom-pagination a.active {
	border-color: #1a3c8b;
	background: #1a3c8b;
	color: #fff;
	font-weight: 600;
}
.custom-pagination a.disabled,
.custom-pagination span.disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}
.custom-pagination .page-ellipsis {
	border: none;
	background: none;
	color: #999;
	min-width: 24px;
	cursor: default;
}
.custom-pagination .page-total {
	border: none;
	background: none;
	color: #666;
	font-size: 13px;
	margin-left: 4px;
	cursor: default;
	min-width: auto;
}
.custom-pagination .page-jump-wrap {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-left: 8px;
}
.custom-pagination .page-jump-input {
	width: 50px;
	height: 36px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s;
	padding: 0;
}
.custom-pagination .page-jump-input:focus {
	border-color: #1a3c8b;
	box-shadow: 0 0 0 2px rgba(26, 60, 139, 0.1);
}
.custom-pagination .page-jump-btn {
	min-width: 44px;
	height: 36px;
	border: 1px solid #1a3c8b;
	border-radius: 4px;
	background: #1a3c8b;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.2s;
	padding: 0 10px;
}
.custom-pagination .page-jump-btn:hover {
	background: #0d2a6e;
	border-color: #0d2a6e;
}
.custom-pagination .page-jump-error {
	color: #e74c3c;
	font-size: 12px;
	margin-left: 6px;
	display: none;
}

/* ========== 框架分页样式美化 ========== */
.pageHtml {
	text-align: center;
	margin: 30px 0;
}
.pageHtml .pagination {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.pageHtml .pagination li {
	display: inline-flex;
}
.pageHtml .pagination li a,
.pageHtml .pagination li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	background: #fff;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.2s ease;
}
.pageHtml .pagination li a:hover {
	border-color: #1a3c8b;
	color: #1a3c8b;
	background: #f0f4ff;
}
.pageHtml .pagination li.active a,
.pageHtml .pagination li.active span {
	border-color: #1a3c8b;
	background: #1a3c8b;
	color: #fff;
	font-weight: 600;
.pageHtml .pagination li.disabled a,
.pageHtml .pagination li.disabled span {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

/* ========== 图片放大查看器 ========== */
.image-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
	cursor: zoom-out;
}

.image-lightbox.active {
	display: flex;
}

.image-lightbox img {
	max-width: 90%;
	max-height: 90%;
	object-fit: contain;
	transition: transform 0.1s ease;
	cursor: grab;
	user-select: none;
	-webkit-user-drag: none;
}

.image-lightbox img.dragging {
	cursor: grabbing;
}

.image-lightbox-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2);
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	z-index: 10001;
}

.image-lightbox-close:hover {
	background: rgba(255, 255, 255, 0.4);
	transform: scale(1.1);
}

.image-lightbox-zoom-info {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	background: rgba(0, 0, 0, 0.5);
	padding: 8px 16px;
	border-radius: 20px;
	pointer-events: none;
}

/* 详情页图片可点击提示 */
.detail_cont img {
	cursor: zoom-in;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.detail_cont img:hover {
	transform: scale(1.02);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}