@charset "utf-8";

.page_solution .nav-item-container:nth-child(2) .dropdown-column:nth-child(3) a {
				color: #fff !important;
				/* padding-left: 5px; */
				background-color: #002fa5;
			}
			
.intro-content {

}

.solution_img_show {
  width: 465px;     /* 你设定的宽度 */
  max-width: 100%;  /* 兼容手机，不超出屏幕 */
  overflow: hidden;
  flex-shrink: 0;   /* 超级关键：不让容器被压缩 */
}

.solution_img_show .ibs-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.5s ease;
  cursor: pointer;
  display: block;   /* 消除图片底部空白间隙 */
}

.solution_img_show:hover .ibs-img {
  transform: scale(1.05);
}

.ibs-shiming-img {
				width: 500px;
				height: auto;
				object-fit: cover;
			}
			/* 内容区域 */
			.section {
				width: 1146px;
				margin: 0 auto;
				position: relative;
			}

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

			.section-title-2 {
				font-family: Source Han Sans;
				font-size: 32px;
				font-weight: 500;
				line-height: 56px;
				letter-spacing: 0em;
				color: #002fa5;
				padding-top: 120px;
				padding-bottom: 120px;
				border-bottom: #dcdcdc solid 0.5px;
			}

			.section-title-3 {
				font-family: Source Han Sans;
				font-size: 32px;
				font-weight: 500;
				line-height: 56px;
				color: #002fa5;
				letter-spacing: 0em;
				margin-bottom: 60px;
			}
			.section-title-4 {
				font-family: Source Han Sans;
				font-size: 40px;
				font-weight: normal;
				line-height: 56px;
				text-align: justify; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #002fa5;
				margin-bottom: 40px;
			}

			.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;
			}

			.talk {
				margin-bottom: 80px;
			}

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

			.quality-system-title {
				font-size: 40px;
				font-weight: 500;
				line-height: 56px;
				text-align: justify; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #002fa5;
				padding-bottom: 52px;
			}

			.quality-system-content {
				padding-bottom: 159px;
				display: flex;
				justify-content: space-between;
			}

			.quality-left {
				width: 500px;
			}
			.quality-left-des {
				font-size: 16px;
				font-weight: normal;
				line-height: 30px;
				text-align: justify; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #858b98;
				padding-bottom: 32px;
			}

			.quality-left-text {
				font-size: 16px;
				font-weight: normal;
				line-height: normal;
				letter-spacing: 0em;
				color: #002fa5;
				padding-bottom: 10px;
				padding-top: 10px;
				border-top: 1px solid #dcdcdc;
			}
			.quality-left-text:last-child {
				border-bottom: 1px solid #dcdcdc;
			}

			.quality-system-img {
				width: 520px;
			}
			.safe-system-title {
				font-size: 40px;
				font-weight: 500;
				line-height: 56px;
				text-align: justify; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #002fa5;
				padding-bottom: 52px;
			}

			.safe-system-content {
				padding-bottom: 80px;
				display: flex;
				justify-content: space-between;
			}

			.safe-right {
				width: 520px;
			}
			.safe-right-des {
				font-size: 16px;
				font-weight: normal;
				line-height: 30px;
				text-align: justify; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #858b98;
				padding-bottom: 32px;
			}

			.safe-right-text {
				font-size: 16px;
				font-weight: normal;
				line-height: normal;
				letter-spacing: 0em;
				color: #002fa5;
				padding-bottom: 10px;
				padding-top: 10px;
				border-top: 1px solid #dcdcdc;
			}
			.safe-right-text:last-child {
				border-bottom: 1px solid #dcdcdc;
			}

			.safe-system-img {
				width: 500px;
			}
			.intro {
				position: relative;
			}

			.intro-content {
				display: flex;
				align-items: center;
				font-family: Source Han Sans;
				padding-bottom: 80px;
			}
			.intro-title {
				margin-left: 80px;
				width: 100%;
			}
			.intro-title-2 {
				position: relative;
			}
			.intro-title1 {
				font-family: Source Han Sans;
				font-size: 32px;
				font-weight: 500;
				line-height: 48px;
				letter-spacing: 0em;
				color: #002fa5;
				padding-bottom: 16px;
			}
			.intro-title2 {
				font-size: 16px;
				font-weight: normal;
				line-height: 28px;
				text-align: justify; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #858b98;
			}

			.intro-des-point {
				font-size: 16px;
				font-weight: normal;
				line-height: 28px;
				text-align: justify; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #858b98;
				position: relative;
				padding-left: 15px;
			}

			.intro-des-point::before {
				content: '';
				position: absolute;
				top: 12px;
				left: 5px;
				width: 4px;
				height: 4px;
				border-radius: 50%;
				margin-right: 10px;
				background-color: #858b98;
			}
			.intro-title3 {
				font-size: 32px;
				font-weight: 500;
				line-height: 44.8px;
				text-align: justify; /* 浏览器可能不支持 */
				letter-spacing: 0em;
				color: #002fa5;
				margin-bottom: 80px;
			}
			.intro-title4 {
				font-size: 16px;
				font-weight: normal;
				line-height: 28px;
				letter-spacing: 0em;
				color: #858b98;
				padding-top: 32px;
			}

			.intro-content-2 {
				display: flex;
				justify-content: space-between;
				font-family: Source Han Sans;
			}

			.line-content {
				padding-top: 40px;
				border-top: #dcdcdc solid 0.5px;
			}

			.line-content2 {
				padding-top: 120px;
				padding-bottom: 120px;
			}

			.intro-title5 {
				font-size: 16px;
				font-weight: normal;
				line-height: 28px;
				letter-spacing: 0em;
				color: #858b98;
			}

			.intro-title6 {
				font-family: Source Han Sans;
				font-size: 32px;
				font-weight: 500;
				line-height: 56px;
				letter-spacing: 0em;
				color: #002fa5;
			}

			.intro-title7 {
				font-family: Source Han Sans;
				font-size: 32px;
				font-weight: 500;
				line-height: 48px;
				letter-spacing: 0em;
				color: #002fa5;
			}

			.stats-summary-content {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 120px 0;
				width: 1200px;
				margin-bottom: 128px;
			}
			.stats-summary-item {
				height: 116px;
				border-left: #dcdcdc solid 1px;
				padding-left: 32px;
			}
			.stats-summary-item-title {
				font-size: 56px;
				color: #002fa5;
				font-size: 56px;
				font-weight: normal;
				line-height: 60px;
				letter-spacing: 0em;
				padding-bottom: 16px;
			}
			.stats-summary-item-des {
				font-size: 16px;
				font-weight: normal;
				line-height: 24px;
				letter-spacing: 0em;
				color: #858b98;
			}

			.main-color {
				color: #002fa5;
			}

			.service-content {
				position: absolute;
				top: 218px;
				left: 180px;
				width: 512px;
				height: auto;
			}

			.service-item {
				color: #fff;
			}
			.service-content .service-item-title {
				font-size: 32px;
				font-weight: 500;
				line-height: 48px;
				margin-bottom: 40px;
			}

			.service-item-des {
				font-size: 16px;
				line-height: 24px;
				text-align: justify;
				margin-bottom: 10px;
				font-weight: normal;
			}
			.service-item-point {
				font-size: 16px;
				line-height: 30px;
				text-align: justify;
				font-weight: normal;
			}
			.padding-bottom-8 {
				margin-bottom: 8px;
			}

			.core-value {
				position: relative;
				top: 60px;
				z-index: -1;
			}

			.core-content {
				position: absolute;
				top: 197px;
				right: 82px;
				width: 646px;
				height: auto;
			}

			.core-item {
				color: #002fa5;
			}
			.core-content .core-item-title {
				font-size: 32px;
				font-weight: 500;
				line-height: 56px;
				margin-bottom: 24px;
			}

			.core-item-subtitle {
				font-size: 16px;
				font-weight: bold;
				line-height: 24px;
				text-align: justify;
				margin-bottom: 24px;
			}

			.core-item-des {
				font-size: 16px;
				line-height: 30px;
				text-align: justify;
				margin-bottom: 10px;
				padding-top: 12px;
				font-weight: normal;
			}

			.core-item-des-item {

				color: #858b98;
			}

			.core-item-point {
				color: #858b98;
				font-size: 16px;
				line-height: 24px;
				text-align: justify;
				font-weight: normal;
				margin-bottom: 12px;
			}

			.core-item-point-item {
				color: #002fa5;
			}

			.development-container {
				padding-top: 120px;
				padding-bottom: 120px;
				display: flex;
				align-items: center;
			}

			.development-container .section-title {
				color: #858b98;
				font-size: 40px;
				font-weight: 500;
				line-height: 60px;
				margin-bottom: 0;
				margin-right: 50px;
			}

			.title-line {
				width: 80px;
				height: 4px;
				margin-right: 50px;
				background-color: #002fa5;
			}

			.development-item {
				font-family: HarmonyOS Sans SC;
				font-size: 20px;
				line-height: 24px;
				font-weight: normal;
				color: #858b98;
				text-align: justify;
				width: 46px;
			}

			/* Tab选项卡样式 */
			#section_padding0 .tabs-section {
				padding-top: 80px;
				padding-bottom: 80px;
				/* padding-bottom: 40px; */
			}

			.tabs-wrapper {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0 165px;
				gap: 0;
			}

			.tab {
				cursor: pointer;
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 368px;
				height: 72px;
				border: 2px solid #f1f4fa;
				border-radius: 8px;
			}

			.tab-text {
				color: #858b98;
				font-size: 20px;
				font-weight: 500;
				font-family: Source Han Sans;
				display: block;
				transition: color 0.3s ease;
			}

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

			.tab-line {
				position: absolute;
				bottom: 0;
				width: 368px;
				height: 4px;
				border-radius: 0px 0px 8px 8px;
			}

			.tab.active .tab-line {
				position: absolute;
				width: 368px;
				height: 4px;
				border-radius: 0px 0px 8px 8px;
				background: #002fa5;
			}

			.tab-divider {
				color: #d9e3ee;
				display: flex;
				align-items: center;
				justify-content: center;
				height: 20px;
				margin: 0 10px;
			}

			.intro-des {
				line-height: 30px;
				color: #858b98;
				font-size: 16px;
				text-align: justify;
			}

			.intro-des2 {
				margin-top: 7px;
				margin-bottom: 7px;
			}

			.partner-content {
				display: flex;
				justify-content: space-between;
				padding-top: 24px;
				gap: 163px;
			}

			.partner-img {
				width: clamp(100px, 15vw, 205px);
				height: auto;
			}

			.partner-item-title {
				font-size: clamp(16px, 2vw, 26px);
				font-weight: bold;
				color: #002fa5;
			}

			.partner-item-des {
				font-size: 16px;
				line-height: 30px;
				color: #858b98;
				letter-spacing: 0em;
				font-variation-settings: 'opsz' auto;
				font-feature-settings: 'kern' on;
			}

			.partner-info {
				text-align: center;
			}

			.partner-info-title {
				font-size: clamp(16px, 2vw, 20px);
				font-weight: 500;
				line-height: 28px;
				text-align: center; /* 浏览器可能不支持 */
				letter-spacing: 0em;

				font-variation-settings: 'opsz' auto;
				font-feature-settings: 'kern' on;
				color: #666666;
			}
			.partner-info-des {
				font-size: 14px;
				font-weight: normal;
				line-height: 21px;
				text-align: center; /* 浏览器可能不支持 */
				letter-spacing: 0em;

				font-variation-settings: 'opsz' auto;
				font-feature-settings: 'kern' on;
				color: #858b98;

				margin-top: 12px;
				margin-bottom: 4px;
			}

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

			.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;
			}

			.margin-top-10 {
				margin-top: 10px;
			}
			.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;
			}
			.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;
			}

			/* ========== 响应式断点优化 ========== */
			/* 平板设备 (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) {
				/* 移动端导航隐藏 */
				nav:not(.mobile-nav) {
					display: none;
				}

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

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

				/* 解决方案内容适配 */
				.intro-content {
					flex-direction: column;
					align-items: center;
					text-align: center;
				}

				.ibs-img {
					width: 80%;
					margin-bottom: 30px;
				}

				.intro-title {
					margin-left: 0;
				}

				/* Tabs 区域适配 */
				.tabs-wrapper {
					padding: 0 20px;
				}

				.tab {
					width: 300px;
					height: 60px;
				}

				.tab-line {
					width: 300px;
				}

				.tab.active .tab-line {
					width: 300px;
				}
			}

			/* 手机设备 (360px - 576px) */
			@media screen and (max-width: 576px) {
				nav {
					display: none; /* 隐藏桌面版导航 */
				}

				.first-title {
					font-family: Source Han Sans;
					font-size: 16px;
					font-weight: normal;
					line-height: 1.6em;
					letter-spacing: 0em;
					color: #002fa5;
					padding-top: 20px;
				}

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

				/* 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;
				}

				.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 !important;
				}
				.intro {
					padding: 0 16px !important;
				}
				.intro.active {
					padding: 24px 16px !important;
				}

				/* Tabs 区域适配 */
				.tabs-wrapper {
					flex-direction: column;
					padding: 0;
					gap: 16px;
				}

				.tab {
					width: 100%;
					height: 60px;
				}

				.tab-line {
					width: 100%;
				}

				.tab.active .tab-line {
					width: 100%;
				}

				/* 解决方案内容适配 */
				.intro-content {
					flex-direction: column;
					padding-bottom: 40px;
				}

				.ibs-img {
					width: 100%;
					height: auto;
					margin-bottom: 0px;
				}

				.intro-title {
					margin-left: 0;
					text-align: center;
				}

				.intro-title1 {
					font-size: 22px;
					line-height: 1.8;
				}

				.intro-title2 {
					font-size: 14px;
					line-height: 1.8;
				}

				/* 页脚适配 */
				.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) {
				.hero {
					min-height: 40vh;
				}

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

				.tab-text {
					font-size: 16px;
				}
			}
			
			/* TAB 内容基础样式：隐藏状态 */
.tab-content {
    opacity: 0 !important;
    pointer-events: none;
    height: 0 !important;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 !important;
    transition: opacity 0.8s ease, transform 0.8s ease; /* 如果需要动画 */
}

/* TAB 内容激活状态：显示 */
.tab-content.active {
    opacity: 1 !important;
    pointer-events: auto;
    height: auto !important;
    overflow: visible;
}

/* 以下是您原有的样式，用于滚动进入视口时的动画 */
.section {
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    transition: all 0.8s ease;
}
.section.visible {
    opacity: 1;
    transform: translateY(0);
}


@media screen and (max-width: 768px) {	
			
			 .first-title {
    padding-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.8;
    margin-top: -30px;
  }
  .intro-des-point {
  font-size: 14px;
  line-height: 1.8;}

  }