@charset "utf-8";



.technologyinfo_img_show {
    overflow: hidden;
    width: 50%;
  display: flex;
  justify-content: center;
}

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


.mySwiper {
      width: 100%;
      height: 100%;padding-bottom: 30px;
    }

  .mySwiper  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center; overflow: hidden;border-radius: 8px;
    }

   .mySwiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.mySwiper .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
    cursor: pointer; /* 鼠标变成小手（销售/可点击样式） */
}
.mySwiper .swiper-slide:hover img {
    transform: scale(1.05); /* 图片放大 */
    cursor: pointer; /* 悬停时依然保持小手 */
}
.mySwiper .swiper-pagination{ bottom:0}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{ background-color:#002fa5}

 .swiper {
      margin-left: auto;
      margin-right: auto;
    }





.page_technology .dropdown-column:nth-child(2) a {
				color: #fff !important;
				/* padding-left: 5px; */
				background-color: #002fa5;
			}
.back_previous{
  position: fixed;
  bottom:10%;
  left: 10%; z-index:100;
  cursor: pointer;
  display: block;
  align-items: center;
  justify-content: center;
  }
  .back_previous .layer-set{ display:block}
 .back_previous .back_previous_font{ display:block; color:#002FA5; font-size:14px; text-align:center; padding-top:10px;}
			

		
			.detail-title {
				font-family: Source Han Sans;
				font-size: 56px;
				font-weight: 600;
				line-height: 60px;
				color: #002fa5;
				margin-bottom: 8px; padding-top:80px ;
			}

			#detail-process {
				font-family: Source Han Sans;
				font-size: 14px;
				font-weight: 500;
				line-height: 21.7px;
				text-align: justify; /* 浏览器可能不支持 */
				letter-spacing: 0em;

				font-variation-settings: 'opsz' auto;
				font-feature-settings: 'kern' on;
				/* 英科特-蓝-10 */
				color: #002fa5;
			}

			/* 产品详情图片样式 */

			.detail-content {
				margin-top: 70px;
				font-family: Source Han Sans;
				font-size: 17px;
				font-weight: normal;
				line-height: 34px;
				color: #858b98; width: 34%;
			}
			.detail-img {
				display: flex;
				margin-top: 40px;
				margin-bottom: 80px;
				justify-content: space-between;
			}

			.detail-img > div:last-child {
				width: 62%; /* 设置为容器宽度的一半 */
				display: flex;
				justify-content: center;margin-top: 30px;
			}

			#detail-image {
				width: 100%;
				height: auto;
				max-width: 100%;
				object-fit: contain;
				border-radius: 8px;
				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
			}
           .gongyi_width{max-width: 1100px;
  margin: 0 auto;}
			.btn-container {
				display: flex;
				margin-top: 39px;
				margin-bottom: 48px;
			}

			.back-btn {
				background: linear-gradient(180deg, #eef4fa 0%, #f4f4fa 100%);
				border-radius: 100px;
				padding: 6px;
				cursor: pointer;
			}

			.back-inner-btn {
				background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%);
				border-radius: 100px;
				height: 33px;
				padding-left: 24px;
				padding-right: 22px;
				color: #002fa5;
				line-height: 33px;
				font-weight: 500;
				font-size: 14px;
			}

			.back-inner-btn img {
				margin-left: 15px;
				width: 7px;
				height: auto;
			}

			

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

			.padding-top-41 {
				padding-top: 41px;
			}

			/* ========== 移动端适配样式 ========== */
			/* 平板设备 (768px - 1024px) */
			@media screen and (max-width: 1024px) {
				.nav-links {
					gap: clamp(20px, 5vw, 30px);
				}

				.nav-content {
					width: calc(100% - 40px);
					max-width: 1300px;
					margin: 0 20px;
				}
			}

			/* 导航在较窄屏幕下允许换行或横向滚动，以防溢出 */
			@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;
				}

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

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

				/* 宽度与间距调整，保持桌面样式不变 */
				.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;
					height: 50vh; /* 添加固定高度 */
					position: relative;
				}

				.hero-content {
					padding-top: 8px;
					align-items: center;
					position: relative;
					height: 100%; /* 确保内容区域占满高度 */
				}

				.banner-image {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%; /* 使用百分比高度 */
					object-fit: cover;
					object-position: center center; /* 确保图片居中显示 */
					z-index: -1;
				}
				/* 内容区域流式布局 */
				.section {
					width: 100%;
					padding: 24px 16px;
				}

				/* 产品详情布局适配 */
				.detail-title {
					font-size: 28px;
					line-height: 40px;
				}

				#detail-process {
					font-size: 14px;
					line-height: 20px;
				}

				.detail-img {
					flex-direction: column;
					margin-top: 30px;
					margin-bottom: 40px;
					gap: 30px;
				}

				.detail-img > div:last-child {
					width: 100%;
					order: -1; /* 图片放在描述前面 */
				}

				#detail-image {
					width: 100%;
					max-width: 400px;
					margin: 0 auto;
					display: block;
				}

				.detail-content {
					margin-top: 0;
					font-size: 14px;
					line-height: 24px; width: 30%;
				}

				.btn-container {
					margin-top: 20px;
					margin-bottom: 30px;
				}

				/* 页脚流式布局 */
				.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);
				}
				/* 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;
				}
				.nav-links {
					gap: clamp(8px, 2vw, 12px);
					flex-wrap: wrap;
					justify-content: center;
				}
				/* 页脚适配 */
				.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: row;
					align-items: center;
					gap: 16px;
				}

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

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

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

				/* 产品详情进一步适配 */
				.detail-title {
					font-size: 24px;
					line-height: 32px;
				}

				#detail-process {
					font-size: 13px;
					line-height: 18px;
				}

				.detail-img {
					margin-top: 0px;
					margin-bottom: 0px;
					gap: 20px;
				}

				#detail-image {
					max-width: 300px;
				}

				.detail-content {
					font-size: 13px;
					line-height: 22px;
				}

				.back-btn {
					padding: 4px;
				}

				.back-inner-btn {
					height: 28px;
					padding-left: 20px;
					padding-right: 18px;
					line-height: 28px;
					font-size: 13px;
				}

				.back-inner-btn img {
					margin-left: 10px;
					width: 6px;
				}
			}

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

				.detail-title {
					font-size: 22px;
					line-height: 30px;
				}

				#detail-process {
					font-size: 12px;
					line-height: 18px;
				}

				#detail-image {
					max-width: 250px;
				}

				.detail-content {
					font-size: 12px;
					line-height: 20px;
				}

				.sidebar {
					width: 280px;
				}
			}

			/* 超小屏手机 (< 360px) */
			@media screen and (max-width: 360px) {
				.sidebar {
					width: 260px;
				}
				.hero {
					min-height: 30vh;
					height: 30vh;
				}
				.detail-title {
					font-size: 20px;
					line-height: 28px;
				}

				#detail-image {
					max-width: 200px;
				}

				.detail-content {
					font-size: 11px;
					line-height: 18px;
				}
			}