@charset "utf-8";
nav.scrolled .dropdown-column a {
    color: #002fa5;
}
.page_industry .nav-item-container:nth-child(2) .dropdown-column:nth-child(1) a {
				color: #fff !important;
				/* padding-left: 5px; */
				background-color: #002fa5;
			}

			/* Your existing CSS remains unchanged */
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				-ms-overflow-style: none; /* IE 和旧版 Edge 隐藏滚动条 */
				scrollbar-width: none; /* Firefox 隐藏滚动条 */
				text-decoration: none !important;
			}

			body {
				font-family:
					Source Han Sans,
					-apple-system,
					BlinkMacSystemFont,
					'Segoe UI',
					sans-serif;
				overflow-x: hidden;
				color: #333;
			}
			.hover {
				transition: all 0.3s ease;
			}
			.hover:hover {
				transform: scale(1.05);
				transition: all 0.3s ease;
			}

		
			.nav-content {
				width: 1300px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 22px 0;
			}
			nav.scrolled .nav-content {
				padding: 0;
			}

			nav.scrolled .logo {
				color: #002fa5;
			}

			.icon-mark {
				position: absolute;
				left: -25px;
				width: 14px;
				height: 14px;
				margin-right: 8px;
			}

			.page-title {
				position: absolute;
				bottom: 145px;
				left: 180px;
				z-index: 1;
				color: #fff;
				font-size: 64px;
			}

		

			/* Hero 区域 */
			.hero {
				position: relative;
				top: 0;
				min-height: 100vh;
				/* background: linear-gradient(135deg, #001440 0%, #002060 50%, #003080 100%); */
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: visible;
			}

			.hero-content {
				position: relative;
				top: 0;
				z-index: 10;
				text-align: center;
				opacity: 0;
				width: 100%;
				min-height: 100vh;
				display: flex;
				align-items: center;
				justify-content: center;
				animation: fadeInUp 1s ease forwards 0.5s;
			}

			.hero-logo-img {
				width: 554px;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 1;
			}

			.banner-image {
				width: 100%;
				height: auto;
				z-index: -1;
				min-width: 100%;
				min-height: 100%;
				object-fit: cover;
			}

			.banner-img {
				width: 100vw;
				height: auto;
				min-width: 100%;
				min-height: 100%;
				object-fit: cover;
			}

			.banner-img-container {
				display: flex;
				flex-direction: column;
				width: 100%;
			}

			.banner-img-container .banner-img {
				width: 100%;
				display: block;
				margin: 0;
				padding: 0;
			}

			.btn-wrrapper {
				padding: 5px;
				width: 123px;
				border-radius: 100px;
				background: linear-gradient(180deg, #eef4fa 0%, #f4f4fa 100%);
				/* margin: 0 auto; */
			}

			.btn {
				width: 113px;
				height: 33px;
				background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);
				color: #002fa5;
				font-size: 14px;
				border-radius: 100px;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
			}

			@keyframes shoot {
				0% {
					transform: translate(0, 0);
					opacity: 0;
				}
				10% {
					opacity: 1;
				}
				90% {
					opacity: 0.5;
				}
				100% {
					transform: translate(-300px, 300px);
					opacity: 0;
				}
			}

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

			/* 内容区域 */
		

			.section-title {
				font-family: Source Han Sans;
				font-size: 40px;
				font-weight: 500;
				color: #002fa5;
				margin-bottom: 50px;
				position: relative;
				display: inline-block;
			}

			.section-user {
				font-family: Source Han Sans;
				font-size: 24px;
				font-weight: 500;
				line-height: 38.4px;
				letter-spacing: 0em;
				margin-bottom: 4px;
				color: #414141;
			}

			.section-tag {
				font-family: Source Han Sans;
				font-size: 20px;
				font-weight: normal;
				line-height: 38.4px;
				letter-spacing: 0em;
				color: #787878;
			}

			.first-title {
				font-family: Source Han Sans;
				font-size: 20px;
				font-weight: normal;
				line-height: 32px;
				letter-spacing: 0em;
				text-align: initial;
				color: #002fa5;
				padding-top: 120px;
				margin-bottom: 120px;
			}

			/* Nav Logo */
			.nav-logo-img {
				width: clamp(100px, 15vw, 164px); /* 响应式宽度 */
				height: auto;
			}

			/* Nav Arrow */
			.nav-link-flex {
				display: flex;
				align-items: center;
				gap: 4px;
			}

			/* 页脚 */
			footer {
				color: #002fa5;
				/* padding: 50px; */
				position: relative; /* 确保背景图定位正常 */
				overflow: hidden; /* 隐藏溢出的背景图 */
			}

			.footer-content {
				width: 1440px;
				margin: 151px auto 132px;
				position: relative;
				display: flex;
				z-index: 1; /* 确保内容在背景图上方 */
			}

			.footer-logo {
				display: flex;
				flex-direction: column;
				margin-left: 219px;
				margin-right: 226px;
				position: relative;
				top: -7px;
			}

			.footer-section h3 {
				margin-bottom: 12px;
				color: #002fa5;
				font-size: 16px;
				line-height: 25px;
			}

			.footer-section a {
				display: block;
				color: #002fa5;
				text-decoration: none;
				margin-bottom: 12px;
				transition: all 0.3s ease;
				font-family: Source Han Sans;
				font-size: 16px;
				line-height: 25px;
			}

			.footer-section a:last-child {
				margin-bottom: 0;
			}

			.footer-section a:hover {
				color: #002fa5;
				transform: translateX(5px);
			}
			.footer-bold {
				font-weight: bold;
			}

			/* Footer Images */
			.footer-logo-blue {
				width: 272px; /* 响应式宽度 */
			}

			.footer-logo-text {
				width: 232px; /* 响应式宽度 */
				margin-left: 90px; /* 响应式左侧间距 */
				margin-top: 5px; /* 增加顶部间距，避免重叠 */
			}

			/* Footer Background */
			.footer-bg-img {
				width: 100%;
				height: auto; /* 改为自动高度，避免变形 */
				min-height: 578px; /* 最小高度保证覆盖 */
				position: absolute;
				top: 0;
				left: 0;
				z-index: -1;
				object-fit: cover; /* 保持图片比例 */
			}

		
			.w-width-100 {
				width: 100% !important;
			}

			.industry-content {
				display: flex;
				align-items: end;
				width: 100%;
				height: 538px;
				position: relative;
			}
            .industry_img_show {
    width: 650px;
    overflow: hidden; /* 关键：让图片放大不会溢出容器 */
}

.industry_img_show .industry-img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease; /* 平滑放大动画 */
	cursor: pointer;
}

/* 鼠标悬停放大 */
.industry_img_show:hover .industry-img {
    transform: scale(1.05); /* 1.1 = 放大10%，可自己改 */
	cursor: pointer;
}

			.industry-des {
				width: 660px;
				padding-left: 40px;
				padding-top: 32px;
				position: absolute;
				right: 0;
				background-color: #ffffff;
			}

			.industry-img-container {
				position: absolute;
				right: 0px;
			}

			.industry-des2 {
				position: absolute;
				z-index: 1;
				width: 630px;
				left: 0;
				height: auto;
				padding-left: 162px;
				padding-top: 32px;
				padding-right: 40px;
				background-color: #ffffff;
			}

			.industry-title {
				font-size: 32px;
				font-weight: 500;
				line-height: 48px;
				letter-spacing: 0em;
				color: #002fa5;
				padding-bottom: 58px;
				position: relative;
			}
			.industry-title::after {
				content: '';
				display: block;
				width: 60px;
				height: 1px;
				background-color: #002fa5;
				position: absolute;
				bottom: 30px;
			}

			.industry-content .industry-des-content {
				font-size: 16px;
				font-weight: normal;
				line-height: 30px;
				text-align: initial; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #858b98;
				width: 428px;
			}
			
			.industry-content .industry-des-content p{
  line-height: 30px;
  max-height: calc(30px * 6);
  overflow-y: auto;
	height: 180px;
			    /* ========== 火狐 Firefox 原生滚动条兼容 ========== */
	scrollbar-width: thin; /* 火狐专用：纤细滚动条 */
	scrollbar-color: #cccccc #f1f1f1; /* 滑块颜色 轨道颜色 */
			    
			}
			
			/* ========== Chrome、Edge、Safari webkit ========== */
.industry-content .industry-des-content p::-webkit-scrollbar {
	width: 4px;
}
.industry-content .industry-des-content p::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}
.industry-content .industry-des-content p::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
}
.industry-content .industry-des-content p::-webkit-scrollbar-thumb:hover {
	background: #999;
}

			.industry-des-content-item {
				margin-top: 9px;
				font-size: 16px;
				font-weight: normal;
				line-height: 30px;
				text-align: initial; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #002fa5;
			}
			
			
			.index_center_content .section:nth-child(odd) .industry-content {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
}
.index_center_content .section:nth-child(even) .industry-content {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.index_center_content .section:nth-child(even) .industry-content .industry_img_show {
  width: 650px;
  overflow: hidden;
}	
.index_center_content .section:nth-child(even) .industry-des {
  position: absolute;
  z-index: 1;
  width: 630px;
  left: 0;
  height: auto;
  padding-left: 162px;
  padding-top: 32px;
  padding-right: 40px;
  background-color: #ffffff;
}
			

			/* ========== 响应式断点优化 ========== */
			/* 平板设备 (768px - 1024px) */
			@media screen and (max-width: 1024px) {
				.nav-links {
					gap: clamp(20px, 5vw, 30px);
				}

				.footer-content {
					grid-template-columns: 2fr 1fr 1fr; /* 平板3列布局 */
				}

				.dropdown-panel {
					top: 60px; /* 平板上导航栏可能较小 */
					height: 180px;
				}

				.dropdown-content {
					flex-direction: row; /* 平板保持多列布局 */
					justify-content: center;
				}

				.dropdown-column {
					flex: 1;
					min-width: 150px;
				}
			}

			/* 小平板/大手机 (576px - 768px) */
			@media screen and (max-width: 768px) {
			
		  .index_center_content .section:nth-child(2n+1) .industry-content {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }
   .index_center_content .section:nth-child(2n) .industry-content {
    display: block;
    justify-content: flex-start;
    flex-direction: column;
  }
   .index_center_content .section:nth-child(2n) .industry-content .industry_img_show {
    width: 100%;
    overflow: hidden;
  }
   .index_center_content .section:nth-child(2n) .industry-des {
    position: inherit;
    z-index: 1;
    width: inherit;
    left: 0;
    height: auto;
    padding-left: 0;
    padding-top: 32px;
    padding-right: 40px;
    background-color: #fff;
    width: 100%;
    padding: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    position: static;
    background-color: #fff;
    order: 2;
  }		
			
			   .industry_img_show {
    width: 100%;
    overflow: hidden;
}
				.first-title {
					padding-top: 10px !important;
					margin-bottom: 10px !important;
					font-size: 16px;
					line-height:1.8; margin-top:-40px;
				}
				.padding-bottom-140 {
					margin-bottom: 10px !important;
				}
				.nav-links {
					gap: clamp(10px, 5vw, 20px);
				}

				.intro-content {
					flex-direction: column;
					text-align: center;
				}

				.intro-des {
					text-align: center; /* 移动端文本居中 */
				}
				.banner-image {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center top;
					z-index: -1;
				}

				.footer-content {
					grid-template-columns: 1fr 1fr; /* 2列布局 */
				}

				.section {
					padding: clamp(40px, 5vw, 60px) clamp(15px, 3vw, 20px);
				}

				/* 移动端优化 */
				nav {
					padding: clamp(10px, 2vw, 12px) clamp(10px, 2vw, 15px);
				}

				nav.scrolled {
					padding: clamp(10px, 2vw, 12px) clamp(10px, 2vw, 15px);
				}

				/* .logo img {
					width: clamp(100px, 15vw, 120px);
					height: auto;
				} */

				.hero {
					min-height: clamp(80vh, 90vw, 100vh);
				}

				.section-title {
					font-size: clamp(24px, 4vw, 28px);
				}

				/* 下拉面板响应式 */
				.dropdown-panel {
					top: 50px; /* 移动端导航栏高度 */
					height: auto; /* 移动端自适应高度，但限制最大高度 */
					max-height: 40vh; /* 限制最大高度 */
				}

				.dropdown-content {
					padding: 15px clamp(15px, 5vw, 20px);
					flex-direction: column; /* 移动端垂直布局 */
					gap: 20px;
				}

				.dropdown-column {
					width: 100%;
					min-width: auto;
				}

				/* 移动端导航隐藏 */
				nav:not(.mobile-nav) {
					display: none;
				}

				/* 显示移动版导航 */
				.mobile-nav {
					display: flex;
				}

				/* 调整内容区域宽度 */
				.section {
					padding: clamp(40px, 5vw, 60px) clamp(15px, 3vw, 20px);
				}

				.nav-links {
					gap: clamp(10px, 5vw, 20px);
				}

				.section-title {
					font-size: clamp(24px, 4vw, 28px);
				}

				/* 行业内容移动端适配 */
				.industry-content {
					flex-direction: column;
					height: auto;
					min-height: 400px;
				}

				.industry-img {
					width: 100%;
					height: auto;
					object-fit: cover;
					order: 1;
				}

				.industry-des,
				.industry-des2 {
					width: 100%;
					padding: 20px;
					position: static;
					background-color: #ffffff;
					order: 2;
				}

				.industry-des2 {
					left: auto;
					padding-left: 20px;
				}

				.industry-img-container {
					position: static;
				}

				.industry-title {
					font-size: 22px;
    padding-bottom: 20px;
    line-height: 1.8;
				}

				.industry-title::after {
					bottom: 10px;
				}

				.industry-content .industry-des-content {
					width: 100%;
					font-size: 14px;
					line-height: 1.8;
				}

				.industry-des-content-item {
					font-size: 14px;
					line-height: 1.8;
				}
			}

			/* 手机设备 (360px - 576px) */
			@media screen and (max-width: 576px) {
				nav {
					flex-direction: column;
					padding: clamp(8px, 2vw, 10px) clamp(10px, 2vw, 15px);
					gap: clamp(5px, 1vw, 10px);
					background: rgba(0, 20, 60, 0.8); /* 移动端默认显示半透明背景，提升可读性 */
				}

				nav.scrolled {
					flex-direction: column;
					padding: clamp(8px, 2vw, 10px) clamp(10px, 2vw, 15px);
				}

				.nav-links {
					gap: clamp(8px, 2vw, 12px);
					flex-wrap: wrap; /* 导航项换行 */
					justify-content: center; /* 导航项居中 */
				}

				/* Hero 区域适配 */
				.hero {
					min-height: 50vh;
					margin-top: 60px; /* 为移动端导航留出空间 */
				}

				.hero-content {
					padding-top: 8px;
					align-items: center;
					position: relative;
					min-height: 50vh;
				}

				.banner-image {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center top;
					z-index: -1;
				}
				.section {
					padding: clamp(30px, 4vw, 40px) clamp(10px, 2vw, 15px);
				}

				.section-title {
					font-size: clamp(20px, 3vw, 24px);
				}

				.footer-content {
					grid-template-columns: 1fr; /* 单列布局 */
				}

				.footer-section {
					margin-bottom: clamp(15px, 3vw, 20px);
				}

				.copyright {
					padding-top: clamp(50px, 8vw, 60px);
					padding-right: clamp(10px, 2vw, 15px);
					text-align: center;
				}

				/* 下拉面板响应式 */
				.dropdown-panel {
					top: 70px; /* 手机端导航栏高度 */
					max-height: 40vh; /* 限制最大高度 */
				}

				.dropdown-content {
					padding: 15px clamp(10px, 3vw, 15px);
				}

				/* 宽度与间距调整，保持桌面样式不变 */
				.nav-content {
					padding: 10px 12px;
					width: calc(100% - 24px);
					margin: 0 12px;
				}

				/* 导航 logo 更小以节省空间 */
				.nav-logo-img {
					width: clamp(72px, 18vw, 120px);
				}

				/* Hero 区域适配：将横幅图片设为覆盖层，标题定位居中 */
				.hero {
					min-height: 50vh; /* 减少高度 */
				}
				.hero-content {
					padding-top: 8px;
					align-items: center;
					position: relative;
				}
				.banner-image {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center top;
					z-index: -1;
				}
				.page-title {
					position: absolute;
					left: 10%;
					bottom: 15%; /* 调整位置，避免显示不全 */
					text-align: center;
					z-index: 2;
					color: #fff;
					font-size: clamp(20px, 6vw, 36px);
				}

				/* 内容区域流式布局 */
				.section {
					width: 100%;
					padding: 24px 16px;
				}

				/* 页脚适配 */
				.footer-content {
					width: 100% !important;
					margin: 40px 16px 32px !important;
					flex-direction: column;
					align-items: flex-start;
				}

				.footer-logo {
					margin-left: 0 !important;
					margin-right: 0 !important;
					margin-bottom: 24px;
					flex-direction: column;
					/* align-items: center; */
					gap: 16px;
				}

				.footer-logo-blue {
					width: 120px;
				}

				.footer-logo-text {
					position: relative;
					width: 100px;
					top: -11px;
					left: 40px;
					margin-left: 0px !important;
					margin-top: 0 !important;
				}

				.footer-section {
					margin-bottom: 24px;
					width: 100%;
				}

				.copyright {
					padding-right: 16px;
					text-align: left;
					margin-bottom: 40px;
				}
			}

			/* 超小屏手机 (< 360px) */
			@media screen and (max-width: 360px) {
				.banner-image {
					width: 100vw; /* 使用视口宽度 */
					height: auto;
					object-fit: cover;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					max-width: none;
					max-height: none;
				}

				.section-title {
					font-size: clamp(18px, 3vw, 22px);
				}

				.nav-links a {
					font-size: clamp(10px, 1.5vw, 12px); /* 缩小导航字体 */
				}

				/* 下拉面板响应式 */
				.dropdown-panel {
					top: 60px; /* 超小屏导航栏高度 */
					max-height: 40vh; /* 限制最大高度 */
				}
			}

			/* 针对更小屏幕的额外适配 */
			@media screen and (max-width: 420px) {
				/* 进一步收敛字体与间距，提升小屏可读性 */
				.nav-links {
					gap: 8px;
				}
				.page-title {
					font-size: 24px;
					bottom: 20%; /* 进一步调整位置 */
				}
			}

			.margin-none {
				margin: 0;
			}
			.padding-none {
				padding: 0;
			}
			.padding-top-120 {
				padding-top: 120px;
			}
			.padding-top-149 {
				padding-top: 149px;
			}
			.padding-bottom-70 {
				padding-bottom: 70px;
			}
			.padding-bottom-80 {
				padding-bottom: 80px;
			}
			.padding-bottom-24 {
				padding-bottom: 24px;
			}
			.margin-right-80 {
				margin-right: 80px;
			}
			.padding-bottom-120 {
				padding-bottom: 120px;
			}
			.padding-bottom-130 {
				padding-bottom: 130px;
			}
			.padding-bottom-160 {
				padding-bottom: 160px;
			}
			.padding-bottom-187 {
				padding-bottom: 187px;
			}
			.padding-bottom-127 {
				padding-bottom: 127px;
			}
			.padding-bottom-140 {
				margin-bottom: 140px;
			}
			.tab-content {
				opacity: 0 !important;
				pointer-events: none;
				height: 0 !important;
				overflow: hidden;
				box-sizing: border-box;
			}

			.tab-content {
				padding: 0 !important;
			}

			.tab-content.active {
				opacity: 1 !important;
				pointer-events: auto;
				height: auto !important;
				overflow: visible;
			}