@charset "utf-8";






.page_technology .nav-item-container:nth-child(2) .dropdown-column:nth-child(2) a {
				color: #fff !important;
				/* padding-left: 5px; */
				background-color: #002fa5;
			}
			/* 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;
				color: #002fa5;
				padding-top: 120px;
				margin-bottom: 80px;
			}

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

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

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

			.industry-content {
				display: flex;
				justify-content: space-between;
			}

.technology_img_show {
    margin-top: 52px;
    width: 550px;
    overflow: hidden;
}

.technology_img_show .industry-img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
    cursor: pointer; /* 鼠标变成小手（销售/可点击样式） */
}
.technology_img_show:hover .industry-img {
    transform: scale(1.05); /* 图片放大 */
    cursor: pointer; /* 悬停时依然保持小手 */
}

			.industry-img {
				width: 100%;
				height: auto;
			}

			.industry-des {
				width: 550px;
				background-color: #ffffff;
			}

			.industry-des2 {
				position: relative;
				z-index: 1;
				width: 550px;
				height: auto;
				padding-left: 162px;
				padding-top: 32px;
				padding-right: 40px;
				background-color: #ffffff;
			}
			.industry-img-container {
				position: relative;
				left: -170px;
			}

			.industry-title {
				font-size: 32px;
				font-weight: 500;
				line-height: 48px;
				letter-spacing: 0em;
				color: #002fa5;
				padding-bottom: 16px;
			}


			.industry-des-content {
				font-size: 16px;
				font-weight: normal;
				line-height: 30px;
				text-align: initial; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #858b98;
				margin-bottom: 9px;
			}

			.industry-des-content-item {
				margin-top: 9px;
				font-size: 16px;
				font-weight: normal;
				line-height: 30px;
				text-align: initial; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #002fa5;
			}

			.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-131 {
				padding-bottom: 131px;
			}
			.padding-bottom-91 {
				padding-bottom: 91px;
				border-bottom: #dcdcdc 1px solid;
			}

			.padding-top-41 {
				padding-top: 41px;
			}
			.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;
			}

			/* 产品案例部分新增样式 */
			#section_padding0 .section.product-cases-section {
				padding-top: 80px;
			}

			.section-header {
				display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 31px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
			}

			.product-case-title {
				font-size: 40px;
				font-weight: 500;
				line-height: 48px;
				letter-spacing: 0em;
				color: #002fa5; min-width:270px;
			}

			.tabs-container {
				
			}
		   .tabs-container ul li {float: left;}

			.tab {
				cursor: pointer;
				font-size: 18px;
				font-weight: 500;
				line-height: normal;
				letter-spacing: 0em;
				color: #858b98;
				transition: color 0.3s ease;margin-left: 60px;
  line-height: 2;
			}

			.tab.active {
				color: #002fa5;
			}

			.product-cards-container {
				margin-bottom: 40px;
				position: relative;
				width: 1260px;
				left: -56px;
				margin: 0 auto;
			}

			.product-card-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 0px;
			}

			.product-card {
				background: white;
				padding: 60px 40px 40px;
				display: flex;
				flex-direction: column;
				align-items: center;
				text-align: center;
				transition:
					transform 0.3s ease,
					box-shadow 0.3s ease;
				cursor: pointer;
			}

			.product-card:hover {
				transform: translateY(-10px);
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
			}

			.card-content {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;padding-top: 0;
			}

			.card-image {
				width: 210px !important;
  height: 210px !important;
  object-fit: cover;
  margin-bottom: 14px;
  border-radius: 0;
			}

			.card-title {
				color: #002fa5;
				font-family: Source Han Sans;
				font-size: 20px;
				font-weight: 500;
				line-height: normal;
				letter-spacing: 0em;
				margin: 0 0 30px;
			}

			.card-description {
				font-size: 12px;
				font-weight: normal;
				line-height: 19px;
				color: #858b98;
				margin: 5px 0;
			}

			.see-more-btn {
		margin-top: 27px;
				cursor: pointer;
				transition:
					opacity 0.25s ease,
					transform 0.25s ease,
					color 0.25s ease;
				opacity: 0;
				visibility: hidden;
				transform: translateY(6px);
				pointer-events: none;
			}

			.see-more-btn:hover {
				color: #001c70;
			}

			.product-card:hover .see-more-btn {
				opacity: 1;
				visibility: visible;
				transform: translateY(0);
				pointer-events: auto;
			}

			.pagination {
				display: flex;
				justify-content: center;
				gap: 16px;
				margin-top: 20px;
			}

			.page-btn {
				font-family: Source Han Sans;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				background: transparent;
				color: #858b98;
				cursor: pointer;
				transition: all 0.3s ease;
				font-size: 16px;
				font-weight: normal;
			}

			.page-btn.active {
				color: #002fa5;
				font-size: 32px;
				font-weight: 500;
				line-height: normal;
				text-align: initial;
			}

			.page-btn:hover:not(.active) {
				color: #002fa5;
			}

			.prev-group-btn,
			.next-group-btn {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 36px;
				height: 36px;
				color: #858b98;
				cursor: pointer;
				transition: all 0.3s ease;
				font-size: 16px;
				font-weight: normal;
			}

			.prev-group-btn:hover,
			.next-group-btn:hover {
				color: #002fa5;
			}

			.productLine {
				width: 600px;
				height: 1px;
				margin: 80px auto;
				background-color: #002fa5;
			}

			.final-paragraph {
				text-align: center;
				font-family: Source Han Sans;
				font-size: 24px;
				font-weight: normal;
				line-height: 48px;
				text-align: center;
				letter-spacing: 0em;
				color: #002fa5;
				padding: 0 70px 80px;
			}

			/* 添加蒙版遮罩层样式 */
			.dropdown-overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.3);
				z-index: 999;
				opacity: 0;
				visibility: hidden;
				transition: all 0.3s ease;
			}

			.dropdown-overlay.active {
				opacity: 1;
				visibility: visible;
			}

			/* 导航在较窄屏幕下允许换行或横向滚动，以防溢出 */
			@media screen and (max-width: 1024px) {
				.nav-links {
					flex-wrap: wrap;
					gap: clamp(8px, 2.5vw, 20px);
					max-width: 100%;
					overflow-x: auto;
					-webkit-overflow-scrolling: touch;
				}

				.nav-links::-webkit-scrollbar {
					display: none;
				}

				.language-switch {
					margin-left: 16px;
				}
			}

			@media screen and (max-width: 768px) {
				/* 桌面版导航隐藏 */
				nav:not(.mobile-nav) {
					display: none;
				}

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

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

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

				/* 宽度与间距调整，保持桌面样式不变 */
				.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; */
				}

				/* 行业内容布局改为纵向 */
				.industry-content {
					flex-direction: column;
					gap: 30px;
				}

				.industry-des,
				.industry-img {
					width: 100%;
					max-width: 100%;
				}

				.industry-img {
					margin-top: 0px;
					order: 2; /* 图片放在描述后面 */
				}

				.industry-des {
					order: 1;
				}

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

				.industry-des-content {
					font-size: 16px;
					line-height: 24px;
				}

				/* 产品案例区域适配 */
				#section_padding0 .section.product-cases-section {
					padding-top: 40px;
				}

				.section-header {
					flex-direction: column;
					align-items: flex-start;
					gap: 20px;
				}

				.product-case-title {
					font-size: 28px;
					line-height: 36px;
				}

				.tabs-container {
					width: 100%;
					overflow-x: auto;
					
					padding-bottom: 10px;
				}
		

				.tab {
					font-size: 16px;
					white-space: nowrap;
				}

				.product-cards-container {
					width: 100%;
					left: 0;
					margin: 0;
				}

				.product-card-grid {
					grid-template-columns: repeat(2, 1fr);
					gap: 0px;
				}

				.product-card {
					padding: 30px 20px;
				}

				.card-image {
					width: 120px  !important;
					height: 120px  !important;
				}

				.card-title {
					font-size: 20px;
					margin-bottom: 15px;
				}

				.card-description {
					font-size: 14px;
					line-height: 18px;
				}

				/* 分页控件适配 */
				.pagination {
					gap: 12px;
				}

				.page-btn {
					width: 32px;
					height: 32px;
					font-size: 14px;
				}

				.page-btn.active {
					font-size: 24px;
				}

				/* 分隔线和最终段落适配 */
				.productLine {
					width: 100%;
					margin: 10px auto;
				}

				.final-paragraph {
					font-size: 20px;
					line-height: 32px;
					padding: 0 20px 40px;
				}

				/* 页脚流式布局 */
				.footer-content {
					width: calc(100% - 32px);
					margin: 48px 16px 32px;
					flex-direction: column;
					align-items: flex-start;
				}

				.footer-logo {
					margin-left: 0;
					margin-right: 0;
					margin-bottom: 16px;
				}

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

			@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-links {
					gap: clamp(8px, 2vw, 12px);
					flex-wrap: wrap;
					justify-content: center;
				}

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

				.section {
					width: 100%;
					padding: 0px 16px;
				}

				/* 进一步调整产品卡片布局 */
				.product-card-grid {
					grid-template-columns: 1fr;
					gap: 0px;
				}

				.product-card {
					padding: 0;
				}

				.card-image {
					width: 100%  !important;
					height: auto  !important;
				}

				.page-title {
					font-size: 24px;
					bottom: 20%; /* 进一步调整位置 */
				}
				/* 页脚适配 */
				.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%;
				}

				/* 调整行业内容间距 */
				.padding-bottom-91,
				.padding-bottom-131,
				.padding-bottom-127,
				.padding-bottom-187,
				.padding-bottom-160,
				.padding-bottom-130,
				.padding-bottom-120,
				.padding-bottom-80,
				.padding-bottom-70,
				.padding-bottom-24,
				.padding-top-120,
				.padding-top-149,
				.padding-top-41 {
					padding-top: 20px !important;
					padding-bottom: 40px !important;
				}

				.first-title {
					padding-top: 40px;
					margin-bottom: 40px;
					font-size: 16px;
					line-height: 1.6em;
				}
				/* 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;
				}
			}

			@media screen and (max-width: 420px) {
				/* 进一步收敛字体与间距，提升小屏可读性 */
				.nav-links {
					gap: 8px;
				}

				.page-title {
					font-size: 20px;
					bottom: 25%;
				}

				.industry-des-content {
					line-height: 1.6;
					font-size: 13px;
				}

				.product-case-title {
					font-size: 22px; line-height:1.8;
				}

				.tab {
					font-size: 14px;
				}

				.final-paragraph {
					font-size: 18px;
					line-height: 28px;
					padding: 0 16px 30px;
				}
			}

			/* 超小屏手机 (< 360px) */
			@media screen and (max-width: 360px) {
				.sidebar {
					width: 260px;
				}

				.product-card {
					padding: 20px 12px;
				}

				.card-title {
					font-size: 14px;
				}

				.card-description {
					font-size: 11px;
					line-height: 16px;
				}

				.page-title {
					font-size: 18px;
				}
			}
			
			
			
			
			
			
			
			
@media screen and (max-width: 768px) {	
			
			 .first-title {
    padding-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height:1.8;
    margin-top: -30px;
  }
  .tab {
  margin-left: 0;
  margin-right: 40px; font-size:16px;
}
.tabs-container ul li {
  margin-top: 10px;
}
.card-content {
  padding-top: 0;
  padding-bottom: 20px;
}
 .industry-des-content {
    line-height: 1.8;
    font-size: 14px;
  }

.technology_img_show {
    margin-top: 0;
    width: auto;
    overflow: hidden;
}



  }