@charset "UTF-8";

/* 320px - 767px 原始适配 */
@media (max-width: 699px) {
	body {
		/* width: 100vw; */
		overflow-x: hidden;
	}

	.content {
		width: unset;
		/* overflow-y: hidden; */
	}

	.banner-content {
		padding-top: 2vw;
		padding-left: 5vw;
	}

	.header,
	.layer-1,
	.layer-2,
	.layer-3,
	.layer-4,
	.banner,
	.video {
		width: 100vw;
		/* background-color: red; */
	}

	.layer-1,
	.layer-2,
	.layer-3,
	.layer-4,
	.banner,
	.video {
		overflow: hidden;
		/* background-color: red; */
	}

	.layer-1 {
		padding: 0;
		height: unset;
		align-items: center;
		justify-content: center;
		width: 100vw;
		height: auto;
		padding: 0;
		overflow: hidden;
	}

	.dropdown-item-phone-7 {
		display: flex;
	}

	.banner-features div {
		line-height: unset;
		padding-left: 15px;
	}

	.banner {
		margin-top: 152px;
		height: 467px;
		/* 移动端触摸滑动支持 */
		position: relative;
		overflow: hidden;
		touch-action: pan-y;
		/* 允许垂直滚动，限制水平滚动 */
		/* banner容器支持水平滑动 */
		/* banner幻灯片样式调整 */
		/* 移动端指示器位置调整 */
	}

	.banner .banner-container {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		transition: transform 0.3s ease-out;
		will-change: transform;
	}

	.banner .banner-slide {
		position: relative;
		width: 100vw;
		height: 100%;
		flex-shrink: 0;
		display: none;
		/* 默认隐藏所有幻灯片 */
		align-items: flex-start;
		justify-content: flex-start;
		/* 只显示激活的幻灯片 */
	}

	.banner .banner-slide.active {
		display: flex;
	}

	.banner .banner-content {
		margin-top: 12px;
		/* Frame 28 */
		width: 248px;
		height: 256px;
		/* 自动布局 */
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 16;
	}

	.banner .banner-content .banner-title {
		width: 80vw;
		font-size: 18px;
		padding: 15px;
	}

	.banner .banner-content .banner-subtitle {
		font-size: 32px;
		width: 80vw;
		padding: 15px;
	}

	.banner .banner-content .banner-features {
		width: 77vw;
		min-height: 140px;
	}

	.banner .banner-content .banner-features div {
		width: 248px;
		font-size: 14px;
		height: auto;
	}

	.banner .banner-content .banner-button {
		margin-left: 10px;
		margin-top: 15px;
	}

	.banner .banner-content .banner-button span {
		white-space: nowrap;
	}

	.banner .slider-indicators {
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		gap: 8px;
		z-index: 1000;
	}

	.banner .slider-indicators .slider-indicator {
		width: 18px;
		height: 3px;
		border-radius: 6px;
		cursor: pointer;
		background: #dfdfdf;
		position: relative;
		overflow: hidden;
		/* 宽度变化立即完成 */
		transition: width 0s linear;
	}

	.banner .slider-indicators .slider-indicator.active {
		width: 36px;
		/* 宽度立即变为36px */
	}

	.banner .slider-indicators .slider-indicator::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		background: #003f7d;
		/* 默认没有过渡效果 */
		transition: none;
	}

	.banner .slider-indicators .slider-indicator.active::before {
		width: 100%;
		transition: width 5s linear;
	}

	/* Video指示器样式 - 添加动画效果 */
	.video .slider-indicator-videos {
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		gap: 8px;
		z-index: 1000;
	}

	.video .slider-indicator-video {
		width: 18px;
		height: 3px;
		border-radius: 6px;
		cursor: pointer;
		background: #dfdfdf;
		position: relative;
		overflow: hidden;
		/* 宽度变化立即完成 */
		transition: width 0s linear;
	}

	.video .slider-indicator-video.active {
		width: 36px;
		/* 宽度立即变为36px */
	}

	.video .slider-indicator-video::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		background: #003f7d;
		/* 默认没有过渡效果 */
		transition: none;
	}

	.video .slider-indicator-video.active::before {
		width: 100%;
		/* 在36px宽度内慢慢填充蓝色 */
		transition: width 5s linear;
		/* 视频指示器动画时间为5秒 */
	}

	/* Services指示器样式 - 添加动画效果 */
	.service-indicators {
		display: flex;
		justify-content: center;
		gap: 8px;
		margin-top: 20px;
	}

	.service-indicator {
		width: 18px;
		height: 3px;
		border-radius: 6px;
		cursor: pointer;
		background: #dfdfdf;
		position: relative;
		overflow: hidden;
		/* 宽度变化立即完成 */
		transition: width 0s linear;
	}

	.service-indicator.active {
		width: 36px;
		/* 宽度立即变为36px */
	}

	.service-indicator::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		background: #003f7d;
		/* 默认没有过渡效果 */
		transition: none;
	}

	.service-indicator.active::before {
		width: 100%;
		/* 在36px宽度内慢慢填充蓝色 */
		transition: width 5s linear;
		/* 服务指示器动画时间为5秒 */
	}

	/* Product指示器样式 - 添加动画效果 */
	.product-indicators {
		display: flex;
		justify-content: center;
		gap: 8px;
		margin-top: 20px;
	}

	.product-indicator {
		width: 18px;
		height: 3px;
		border-radius: 6px;
		cursor: pointer;
		background: #dfdfdf;
		position: relative;
		overflow: hidden;
		/* 宽度变化立即完成 */
		transition: width 0s linear;
	}

	.product-indicator.active {
		width: 36px;
		/* 宽度立即变为36px */
	}

	.product-indicator::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		background: #003f7d;
		/* 默认没有过渡效果 */
		transition: none;
	}

	.product-indicator.active::before {
		width: 100%;
		/* 在36px宽度内慢慢填充蓝色 */
		transition: width 5s linear;
		/* 产品指示器动画时间为5秒 */
	}

	.services-container-320 {
		width: 97vw;
		height: 82vw;
		display: flex;
		flex-direction: row;
		/* 主容器横向排列 */
		flex-wrap: nowrap;
		/* 不换行 */
		overflow-x: auto;
		/* 横向滚动 */
		overflow-y: hidden;
		margin: 0 auto;
		margin-top: 16px;
		position: relative;
		gap: 15px;
		justify-content: flex-start;
		scroll-snap-type: x mandatory;
		/* 滚动吸附效果 */
		-webkit-overflow-scrolling: touch;
		/* iOS平滑滚动 */
		/* 隐藏滚动条（可选） */
		scrollbar-width: none;
		/* 子元素样式 */
		padding-right: 10%;
		box-sizing: border-box;
	}

	.services-container-320::-webkit-scrollbar {
		display: none;
	}

	.services-container-320 .service-item-320 {
		width: 95%;
		height: 100%;
		/* 继承父容器高度 */
		min-width: 200px;
		/* 防止压缩 */
		position: relative;
		overflow: hidden;
		scroll-snap-align: start;
		/* 滚动吸附 */
		/* 内部垂直排列 */
		display: flex;
		flex-direction: column;
		/* 内部内容垂直排列 */
		justify-content: center;
		/* 垂直居中 */
		align-items: center;
		/* 水平居中 */
		/* 背景图设置 */
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 2px;
		/* 毛玻璃效果层（仅影响背景） */
		/* 内容容器（置于毛玻璃层之上） */
		/* 背景图设置 */
	}

	.services-container-320 .service-item-320::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(77, 77, 77, 0.05);
		backdrop-filter: blur(2px);
		z-index: 1;
	}

	.services-container-320 .service-item-320 .content-wrapper {
		position: relative;
		z-index: 2;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.services-container-320 .service-item-320 img {
		display: none;
	}

	.services-container-320 .service-item-320 .service-title-320 {
		margin-bottom: 15px;
		/* 调整间距 */
		width: 100%;
		color: rgb(255, 255, 255);
		font-family: Roboto;
		font-size: 16px;
		font-weight: 400;
		line-height: 120%;
		/* 微调行高 */
		text-align: center;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
		/* 提升可读性 */
		display: block;
		/* 确保独占一行 */
	}

	.services-container-320 .service-item-320 .service-description-320 {
		width: 100%;
		color: rgb(255, 255, 255);
		font-family: Roboto;
		font-size: 12px;
		font-weight: 400;
		line-height: 140%;
		/* 增加行高提升可读性 */
		text-align: center;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	}

	.services-container-320 .service-item-320:nth-child(1) {
		background-image: url(../img/services-320-1.webp);
	}

	.services-container-320 .service-item-320:nth-child(2) {
		background-image: url(../img/services-320-2.webp);
	}

	.services-container-320 .service-item-320:nth-child(3) {
		background-image: url(../img/services-320-3.webp);
	}

	.services-container-320 {
		display: flex;
		flex-direction: row;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		padding: 10px 0;
		gap: 5px;
		scroll-behavior: smooth;
	}

	.service-item-320 {
		flex: 0 0 90%;
		height: 82vw;
		scroll-snap-align: start;
		transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
		margin-right: 5px;
		border-radius: 8px;
	}

	.service-item {
		height: 311.6px;
		width: 230px;
		align-items: center;
	}

	nav ul {
		gap: 15px;
	}

	.product-container-img {
		margin: 0 auto;
		width: 123.99px;
		height: 148.62px;
	}

	.product-container-img img {
		width: 123.99px;
		height: 148.62px;
	}

	.layer-3 {
		height: 1246px;
		position: relative;
	}

	.layer-3 .technology-wrapper .technology-image {
		height: 587.81px;
	}

	.layer-3 .technology-wrapper .technology-image:first-child {
		display: none;
	}

	.layer-3 .technology-wrapper .technology-image:nth-child(2) {
		display: block;
	}

	.layer-3 .technology-list ul li {
		width: 86vw;
		display: flex;
	}

	.technology-list {
		width: 90vw;
		margin: 0;
		padding: 0;
	}

	.technology-list ul {
		position: absolute;
		top: 887px;
		right: 8vw;
		width: 86vw;
		transform: translateY(-50%);
	}

	.technology-list ul li {
		width: 86vw;
		height: 63px;
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
	}

	.technology-list ul li .item-icon {
		width: 50px;
		display: flex;
		align-items: center;
	}

	.technology-list ul li .item-icon img {
		width: 40px;
		height: 40px;
		padding: 19px;
	}

	.technology-list ul li .item-content {
		width: 78vw;
		float: unset;
	}

	.technology-list ul li .item-title {
		width: 62vw;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-top: -40px;
	    margin-left: 60px; 
	
		padding-left: 15px;
	}

	.technology-list ul li .item-description {
		display: none;
		width: 67vw;
		font-size: 14px;
		white-space: nowrap;
	}

	.title-container-1,
	.title-container-2,
	.title-container-3 {
		width: 82vw;
		padding: 3px;
	}

	.title-container-1 {
		height: 10px;
		font-size: 14px;
		margin-bottom: 4px;
	}

	.title-container-2 {
		font-size: 26px;
		margin-bottom: 0;
		line-height: 1;
	}

	.title-container-3 {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.content {
		margin: 0 auto;
	}

	.news-list {
		width: 290px;
	}

	.news-list li {
		width: 82vw;
		height: 104px;
		padding: 0;
	}

	.news-date {
		width: 105px;
		font-size: 9px;
	}

	.news-item img {
		width: 80px;
		height: 80px;
		padding-top: 10px;
		padding-left: 10px;
	}

	.news-title {
		padding: 0;
		width: 78vw;
		height: 18px;
		font-size: 10px;
		padding-top: 10px;
		padding-bottom: 44px;
	}

	.featured-img {
		width: 221px;
		height: 82vw;
		background-size: cover;
		background-position: center;
	}

	.layer-2 {
		margin-top: 25px;
		height: 516px;
		display: flex;
		align-items: flex-start;
		/* 左对齐 */
		justify-content: flex-start;
	}

	.product-box-1 {
		gap: 5px;
		padding: 0;
		background-color: unset;
	}

	.product-box-1:hover .product-item {
		width: 82vw;
	}

	.product-box-1:hover .product-item:hover {
		width: 82vw;
		background-image: var(--product-bg-image);
	}

	.product-container-1 {
		font-size: 14px;
		padding-bottom: 5px;
	}

	.product-container-2 {
		font-size: 12px;
		padding-bottom: 5px;
	}

	.product-container-3 {
		font-size: 9.85px;
	}

	.product-container-3 img {
		width: 9.85px;
		position: absolute;
		top: 0;
		margin-left: 5px;
	}

	.title-container-1,
	.title-container-2,
	.title-container-3 {
		width: 87vw;
		/* 673px → 87vw */
	}

	.tilte-container {
		width: 90vw;
		margin-top: 20px;
		margin-bottom: 20px;
		position: relative;
	}

	.tilte-container ul {
		margin: 0;
		display: flex;
		margin-bottom: 32px;
	}

	.tilte-container ul li {
		font-size: 12px;
		margin-right: 5px;
		/* Frame 51 */
		width: 92px;
		height: 28px;
		/* 自动布局 */
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 10;
	}

	.product-item {
		width: 82vw;
		height: 268.96px;
	}

	.product-item:first-child {
		width: 82vw;
		height: 268.96px;
		background-image: var(--product-bg-image);
	}

	.layer-3 .technology-image {
		height: 384.81px;
	}

	.technology-wrapper {
		position: absolute;
		top: 25px;
		gap: 0;
		width: 90vw;
		height: 500px;
		position: relative;
	}

	.technology-wrapper .technology-list {
		width: 90vw;
		/* 这个宽度大于容器，会自动换行 */
		height: auto;
		padding-right: 20px;
		flex-shrink: 0;
		/* 防止图片被压缩 */
	}

	.technology-wrapper .technology-image {
		position: absolute;
		width: 100%;
		height: 634px;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
	}

	.technology-wrapper .technology-image .show {
		display: none;
	}

	.technology-wrapper .technology-info {
		position: absolute;
		top: 25%;
		left: 47%;
		/* 先移动到父容器的50%位置 */
		transform: translateX(-50%);
		/* 再向左回退自身宽度的50% */
		width: 90vw;
		height: 420px;
		margin: 0;
		/* 确保背景裁剪到内容框 */
		background-clip: border-box;
		/* 控制背景图片大小以适应容器 */
		background-size: cover;
		/* 或 contain 根据需求 */
		/* 确保背景原点从边框开始 */
		background-origin: border-box;
		/* 防止背景重复 */
		background-repeat: no-repeat;
		/* 背景位置居中 */
		background-position: center center;
	}

	.technology-title {
	    width: 1000px!important;
    	margin:-300px -50px 0 -60px!important;
		
	}

	.technology-info-content .image-icon img {
		padding: 15px;
	}

	.technology-info-content {
		width: 50vw;
		bottom: 14.5px;
	}

	.technology-info-content .image-title {
		padding-top: 15px;
		width: 154px;
		overflow: hidden;
		/* 隐藏溢出内容 */
		text-overflow: ellipsis;
		/* 显示省略号 */
	}

	.technology-info-content .image-description {
		width: 58vw;
		white-space: nowrap;
		/* 禁止换行 */
		overflow: hidden;
		/* 隐藏溢出内容 */
		text-overflow: ellipsis;
		/* 显示省略号 */
	}

	.technology-info-content .image-content {
		margin: 0;
		padding: 0;
	}

	.technology-info-content .image-content .image-description {
		width: 127px;
		height: 120px;
		line-height: 12px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: unset;
	}

	.technology-info-content {
		width: 79vw;
	}

	.technology-info-content .image-content {
		width: 41vw;
	}

	.technology-info-content .image-content .image-description {
		width: 45vw;
		height: 72px;
		overflow: hidden;
		line-height: 18px;
	}

	.technology-info-content .image-title {
		width: 58vw;
	}

	.tech-description {
		width: 90vw;
		font-size: 14px;
	}

	.layer-3 .technology-list .tech-subtitle {
		width: 90vw;
		font-size: 28px;
		margin: 0;
	}

	.layer-4 {
		gap: 10px;
		position: relative;
	}

	.layer-4 .content-section {
		width: 82vw;
		height: 700px;
	}

	.layer-4 .featured-image {
		width: 82vw;
		height: 210px;
		/* 自动布局 */
		display: flex;
		flex-direction: column;
		gap: 10;
		justify-content: center;
		align-items: center;
	}

	.layer-4 .featured-image .featured-img {
		width: 82vw;
		height: 210px;
		justify-content: center;
		align-items: center;
	}

	.layer-4 .news-list {
		position: absolute;
		display: flex;
		flex-direction: column;
		top: 28%;
	}

	.footer-middle {
		width: 86vw;
	}

	.footer-middle .iso-image,
	.footer-middle .contact-button {
		display: none;
	}

	.footer-contact {
		width: 56vw;
	}

	.footer-menu {
		display: none;
	}

	.menu-section {
		height: 138px;
		width: 136px;
	}

	.section {
		width: 82vw;
		height: 407px;
		display: flex;
		justify-content: center;
		padding-top: 50px;
		margin-bottom: 50px;
	}

	.section-title {
		width: 270px;
		font-size: 20px;
		padding: 0;
	}

	.section-description {
		width: 260px;
		height: 168px;
		font-size: 14px;
	}

	.button-list {
		width: 82vw;
		margin-top: 30px;
		margin-bottom: 30px;
		flex-direction: unset;
		flex-wrap: wrap;
		text-align: left;
		gap: 10px;
	}

	.button-list .button-item {
		width: auto;
		height: 26px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 12px;
		padding: 6px 28px 6px 14px;
		font-size: 12px;
		text-align: left;
		position: relative;
		/* 为伪元素定位做准备 */
	}

	.button-list .button-item::after {
		content: "";
		position: absolute;
		right: 6px;
		top: 50%;
		transform: translateY(-50%);
		width: 12px;
		height: 12px;
		background-image: url(../img/section-icon.png);
		background-size: contain;
		background-repeat: no-repeat;
		transition: background-image 0.3s ease;
	}

	/*
  .copyright {
      width:100%;
    position: absolute;
    bottom: 46px;
    text-align: center;
    
  }*/
	.copyright {
		position: absolute;
		bottom: 64px;
		width: 91%;
		text-align: center;
	}

	.footer-bottom {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.footer-container {
		width: 80vw;
		/* 673px → 87vw */
		position: relative;
	}

	.footer-container .subscribe-note,
	.footer-container .subscribe-title {
		display: none;
	}
/*
	.footer-container .footer-logo {
		position: absolute;
		transform: translateY(-50%);
		top: 31%;
	}*/
		.footer-logo {
            	width: 100%;
                height:50px;
                float: left;
              	margin-top: -40px;
              	transform: translateY(-100%);
            }
/*	logo1 1 
	.footer-container .footer-logo img {
	
		width: 200px;
		height: 33.83px;
	}
*/
	.footer-container .subscribe-input {
		position: absolute;
		transform: translateY(-50%);
		top: 70%;
		width: 80vw;
		height: 40px;
		/* 自动布局 */
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		padding: 13px 27px 13px 15px;
		box-sizing: border-box;
		border: 1px solid rgb(51, 51, 51);
		border-radius: 20px;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		color: white;
	}

	.footer-container .subscribe-input::before {
		content: "";
		position: absolute;
		right: 22px;
		top: 50%;
		transform: translateY(-50%);
		width: 12px;
		height: 12px;
		background-image: url("../img/footer-icon-1.png");
	}

	.footer-container .subscribe-input input {
		width: 82vw;
		color: #000;
		border-bottom: 0;
	}

	.footer-container .subscribe-input input::placeholder {
		color: #000;
		line-height: 2;
	}

	footer {
		position: relative;
	}

	/*
  footer .social-media {
    position: absolute;
    top: 70%;
    left: 35%;
    gap: 11px;
  }

  footer .footer-middle-1200 {
    position: absolute;
    top: 68%;
    left: 68%;
  }*/
	footer .social-media {
		position: absolute;
		top: 70%;
		left: 20%;
		gap: 11px;
	}

	footer .footer-middle-1200 {
		position: absolute;
		top: 68%;
		left: 50vw;
	}

	footer .footer-middle-1200 div {
		gap: 11px;
	}

	footer .footer-middle-1200 img {
		/* icon6 */
		width: 32px;
		height: 32px;
	}

	footer .contact-item {
		padding: 0px;
	}

	.footer-links {
		width: 100%;
		gap: 11px;
		font-size: 11px;
		white-space: nowrap;
		/* 禁止换行 */
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.footer-header {
		width: 82vw;
		height: 10px;
		position: relative;
	}

	.footer-middle-1200 {
		display: flex;
		position: absolute;
		top: 41%;
		right: 3%;
		gap: 45px;
	}

	.footer-middle-1200 .contact-button {
		display: none;
	}

	.social-media {
		display: flex;
		position: absolute;
		top: 36%;
		left: 81%;
		gap: 22px;
	}

	.dropdown-menu {
		display: none !important;
		opacity: 0 !important;
		width: 82vw;
	}

	.dropdown-item-1,
	.dropdown-item-2,
	.dropdown-item-3,
	.dropdown-item-4,
	.dropdown-item-5,
	.dropdown-item-6 {
		width: 82vw;
		overflow: hidden;
	}

	.dropdown-menu-phone {
		position: fixed;
		top: 156px !important;
		width: 100vw;
		height: 150px;
		box-shadow: 0;
		background: white;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		z-index: 99999;
		padding: 10px 0;
		margin-top: 5px;
		background-color: #fff;
		padding: 0;
		margin: 0;
		height: auto;
		/* 防止阻挡Banner滑动事件 */
		pointer-events: none;
	}

	.dropdown-menu-phone.active {
		display: block;
		opacity: 1;
		/* 激活状态时允许交互 */
		pointer-events: auto;
	}

	.dropdown-menu-phone .dropdown-li {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 244px;
		padding-left: 30px;
		height: auto;
		padding-top: 5px;
		padding-bottom: 2px;
		font-size: 13px;
		line-height: 12px;
		justify-content: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.dropdown-menu-phone .dropdown-li:hover {
		color: rgb(0, 63, 125);
		background: rgba(0, 63, 125, 0.1);
	}

	.dropdown-menu-phone .dropdown-li a {
		padding: 0;
	}

	.dropdown-menu-phone .dropdown-item {
		padding: 0;
		margin: 0;
		align-items: center;
		border-right: 0;
		width: 100%;
		padding: 0 15px;
		margin-bottom: 15px;
		border-right: none;
	}

	.dropdown-menu-phone .dropdown-item ul {
		gap: 10px;
		margin: 0;
		padding: 5px 0;
		display: flex;
		flex-direction: column;
		text-align: left;
		justify-content: flex-start;
	}

	.dropdown-menu-phone .dropdown-item ul li {
		text-align: left;
		/* 强制左对齐 */
	}

	.dropdown-menu-phone .dropdown-item .dropdown-title {
		margin-top: 15px;
		width: 100%;
		padding-left: 10px;
		font-size: 14px;
		margin-bottom: 5px;
		line-height: 10px;
	}

	.dropdown-menu-phone .dropdown-contact {
		display: none;
		width: 100%;
		height: 160px;
		padding: 15px;
		border-top: 1px solid #eee;
	}

	.dropdown-menu-phone .dropdown-contact .contact-title {
		padding-left: 0;
		width: 100%;
		font-size: 14px;
	}

	.dropdown-menu-phone .dropdown-title {
		margin: 0;
		padding: 0;
	}

	.dropdown-menu-phone .dropdown-intro {
		margin: 0 auto;
		width: 263.25px;
	}

	.dropdown-menu-phone .footer-menu {
		display: none;
	}

	.dropdown-menu-phone .email,
	.dropdown-menu-phone .phone {
		font-size: 14px;
	}

	.dropdown-item-phone-7 .dropdown-title,
	.dropdown-item-phone-6 .dropdown-title,
	.dropdown-item-phone-5 .dropdown-title,
	.dropdown-item-phone-4 .dropdown-title {
		position: relative;
		padding-left: 37px !important;
	}

	.dropdown-item-phone-7 .dropdown-title::before,
	.dropdown-item-phone-6 .dropdown-title::before,
	.dropdown-item-phone-5 .dropdown-title::before,
	.dropdown-item-phone-4 .dropdown-title::before {
		content: "";
		position: absolute;
		left: 15px;
		top: 30%;
		transform: translateY(-50%);
		width: 18px;
		height: 18px;
		background-image: url("../img/menu-icon.png");
		background-size: contain;
		background-repeat: no-repeat;
	}

	.dropdown-item-7,
	.dropdown-item-1,
	.dropdown-item-2,
	.dropdown-item-3,
	.dropdown-item-4,
	.dropdown-item-5,
	.dropdown-item-6 {
		top: 137%;
		left: 50%;
		transform: translateX(-50%);
		/* 桌面端菜单正常交互，不需要pointer-events限制 */
	}

	.footer-middle-1200 .contact-button {
		display: none;
	}

	.banner-slide {
		width: 82vw;
		height: auto;
	}

	.video {
		padding: 0;
		margin: 0 auto;
		height: 358px;
		display: block;
		justify-content: initial;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
		/* 新增关键样式 */
		white-space: nowrap;
		padding-bottom: 20px;
		position: relative;
	}

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

	.video ul {
		padding: 0;
		margin: 0;
		list-style: none;
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
		white-space: nowrap;
		min-width: 1000px;
	}

	.video li {
		display: inline-flex;
		align-items: center;
		width: 82vw;
		height: auto;
		margin: 0 5px 0 0;
		flex-shrink: 0;
	}

	.video .slider-indicator-videos {
		position: absolute;
		top: 88%;
		left: 50%;
		transform: translateX(-50%);
		/* 水平居中 */
		display: flex;
		/* 关键：让子元素水平排列 */
		flex-direction: row;
		/* 默认值，可省略 */
		gap: 3px;
	}

	.video .slider-indicator-videos .slider-indicator-video {
		width: 18px;
		height: 3px;
		border-radius: 6px;
		cursor: pointer;
		background: #dfdfdf;
		position: relative;
		overflow: hidden;
		/* 宽度变化立即完成 */
		transition: width 0s linear;
	}

	.video .slider-indicator-videos .slider-indicator-video.active {
		width: 36px;
		/* 宽度立即变为36px */
	}

	.video .slider-indicator-videos .slider-indicator-video::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		background: #003f7d;
		/* 默认没有过渡效果 */
		transition: none;
	}

	.video .slider-indicator-videos .slider-indicator-video.active::before {
		width: 100%;
		/* 在36px宽度内慢慢填充蓝色 */
		transition: width 5s linear;
	}

	.video-container ul {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-behavior: smooth;
		/* 平滑滚动 */
		padding: 0;
		margin: 0;
		list-style: none;
		padding-top: 15px;
	}

	.video-container ul li {
		flex: 0 0 auto;
		transition: transform 0.5s ease;
		/* 动画效果 */
	}

	.video-container .banner {
		height: 82vw;
	}

	.product-indicators {
		display: flex;
		position: absolute;
		top: 450px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		flex-direction: row;
		gap: 3px;
	}

	.product-indicators .product-indicator {
		width: 18px;
		height: 3px;
		border-radius: 6px;
		cursor: pointer;
		background: #dfdfdf;
		position: relative;
		overflow: hidden;
		/* 宽度变化立即完成 */
		transition: width 0s linear;
	}

	.product-indicators .product-indicator.active {
		width: 36px;
		/* 宽度立即变为36px */
	}

	.product-indicators .product-indicator::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		background: #003f7d;
		/* 默认没有过渡效果 */
		transition: none;
	}

	.product-indicators .product-indicator.active::before {
		width: 100%;
		/* 在36px宽度内慢慢填充蓝色 */
		transition: width 5s linear;
	}

	.layer-1 {
		position: relative;
		height: 578px;
	}

	.service-indicators {
		display: flex;
		position: absolute;
		top: 543px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		flex-direction: row;
		gap: 10px;
	}

	.service-indicators .service-indicator {
		width: 18px;
		height: 3px;
		border-radius: 6px;
		cursor: pointer;
		background: #dfdfdf;
		position: relative;
		overflow: hidden;
		/* 宽度变化立即完成 */
		transition: width 0s linear;
	}

	.service-indicators .service-indicator.active {
		width: 36px;
		/* 宽度立即变为36px */
	}

	.service-indicators .service-indicator::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		background: #003f7d;
		/* 默认没有过渡效果 */
		transition: none;
	}

	.service-indicators .service-indicator.active::before {
		width: 100%;
		/* 在36px宽度内慢慢填充蓝色 */
		transition: width 5s linear;
	}

	.services-container {
		display: none;
	}

	.nav-container {
		position: relative;
		width: 18.5rem;
		/* 296px → 18.5rem */
	}

	.nav-container nav {
		position: absolute;
		top: 3.125rem;
		/* 50px → 3.125rem */
	}

	.services-container {
		margin: 0 auto;
		width: 92vw;
		/* 688px → 43rem */
		background-repeat: no-repeat;
		background-position: center;
	}

	.service-item {
		height: 42vw;
		/* 311.6px → 19.475rem */
		width: 31vw;
		/* 230px → 14.375rem */
		align-items: center;
	}

	nav ul {
		gap: 0.9375rem;
		/* 15px → 0.9375rem */
	}

	.buttion {
		padding-left: 1.25rem;
		/* 20px → 1.25rem */
	}

	.technology-wrapper {
		padding-top: 37px;
		display: flex;
		flex-direction: row;
		width: 100%;
		height: 760.7px;
		justify-content: center;
		align-items: flex-start;
		gap: 24px;
		gap: 0;
		height: auto;
		/* 隐藏第一个technology-image */
		/* 显示第二个technology-image */
	}

	.technology-wrapper .technology-image:nth-child(1) {
		display: none;
	}

	.technology-wrapper .technology-image:nth-child(2) {
		display: block;
	}

	.header .nav-container {
		width: 50vw;
	}

	.menu-320 {
		background-color: #fff;
		position: fixed;
		top: 118px;
		left: 50%;
		transform: translateX(-50%);
		width: 100vw;
		z-index: 1000;
		height: 34px;
		display: flex;
	}

	.menu-320 nav {
		display: flex !important;
		margin-left: 10px;
	}

	.menu-320 ul {
		display: flex;
		gap: 10px;
		list-style: none;
		margin: 0;
	}

	.menu-320 ul li {
		z-index: 1000;
	}

	.menu-320 a {
		color: inherit;
		text-decoration: none;
		color: rgb(51, 51, 51);
		font-family: Roboto;
		font-size: 13px;
		font-weight: 600;
		line-height: 22px;
		letter-spacing: 0px;
		text-align: left;
	}

	.menu-320 .underline {
		display: block;
		height: 2px;
		background: #003f7d;
		width: 0;
		transition: width 0.3s ease;
	}

	.menu-320 li:hover .underline {
		width: 100%;
	}

	header .buttion div {
		padding-right: 2vw;
	}

	.header {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		padding: 0;
		align-items: flex-start;
		height: 118px;
		background: linear-gradient(to bottom, rgb(238, 238, 238) 66px, #ffffff 66px);
		border-bottom: 0;
	}

	.header input.select::placeholder {
		color: rgb(128, 128, 128);
		font-family: Roboto;
		font-size: 10px;
		font-weight: 400;
		line-height: 1;
		/* 改为 1 避免文字被截断 */
		letter-spacing: 0%;
		text-align: left;
		padding-top: 3px;
		/* 通过 padding 微调位置 */
		transform: translateY(-3px);
		/* 向上微移 */
		display: inline-block;
		/* 确保 transform 生效 */
	}
/* padding-left: 20px; 
	.header .logo {
		position: absolute;
		width: 48vw;
		height: 66px;
		
		display: flex;
		align-items: center;
		padding: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.header .logo img {
		width: 100%;
		height: auto;
		display: block;
	}
*/


  .header .logo {
    position: absolute;
    width: 48vw!important;
    height: 66px!important;
    /* padding-left: 20px; */
    display: flex;
    align-items: center;
    padding: 0;
    padding-left: 0;
    padding-right: 0;
  }
	.header .logo div{
		width:180px!important;
   		height: 50px!important;
	}
	.header .buttion {
		position: absolute;
		top: 8%;
		left: 53%;
		width: 48vw;
		padding: 0;
		margin: 0;
		gap: 8px;
	}

	.header .buttion .hover-effect:nth-child(3) {
		position: absolute;
		top: 155%;
		left: 27%;
	}

	.header .buttion .hover-effect:nth-child(4) {
		position: absolute;
		top: 155%;
		left: 50%;
	}

	.header .nav-container {
		position: absolute;
		top: 50%;
		left: 1%;
		width: 58vw;
		height: 40px;
		/* 自动布局 */
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 105;
		padding-top: 12px;
		padding-left: 10px;
	}

	.header .nav-container .select-box {
		width: 58vw;
	}

	.header .nav-container nav {
		display: none;
	}

	.banner-button {
		font-size: 14px;
	}

	.banner .slider-indicators {
		top: 97%;
		left: 50%;
		transform: translateX(-50%);
	}

	.services-container-320 .service-item-320 {
		width: 95vw;
		overflow: hidden;
		overscroll-behavior: none;
		touch-action: none;
	}

	.product-item {
		width: 250px;
	}

	.coming-link {
		position: absolute;
		padding: 10px;
		top: -80%;
		left: -16%;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}

	/* 为people-container内的coming-link设置特定位置 */
	.people-container .coming-link {
		top: -167%;
		left: 26%;
	}

	.coming-link .coming{
		width: 80px!important;
		height: 25px!important;
		margin-top: 7px!important;
	}
	.download-container .coming{
	    
	    
	}
	.people-container .coming{
	    	margin-top: 16px!important;
	}
	.hover-effect span {
        font-size:12px;
        font-weight: 400;
        font-family: Noto Sans SC;
        cursor: pointer;
    }
    .coming-link .coming span {
      color: #fff !important;
      padding: 10px;
      font-size: 12px!important; 
    }
	.featured-text {
		bottom: 37px;
	}

	.featured-date {
		bottom: 12px;
	}
}