/* 电脑端样式 - 确保产品名称提示框保持原有hover效果 */
@media only screen and (min-width: 801px) {
	.page3 .body li .product-name-tooltip {
		display: flex !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		height: auto !important;
		background: rgba(0, 0, 0, 0.6) !important;
		color: white !important;
		font-size: 18px !important;
		font-weight: normal !important;
		text-align: center !important;
		align-items: center !important;
		justify-content: center !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transition: all 0.3s ease !important;
		pointer-events: none !important;
		z-index: 10 !important;
		border-radius: 0 !important;
		backdrop-filter: none !important;
		box-shadow: none !important;
	}
	
	/* 电脑端hover效果 */
	.page3 .body li:hover .product-name-tooltip {
		opacity: 1 !important;
		visibility: visible !important;
	}
}

@media only screen and (max-width:1600px) { /*1360px*/
	.wrapper{
		width: 1000px;
	}
	.page1 .arrow{
		display: none;
	}
	.slide-wrap li .wrap{
		margin-top: -200px;
	}
	.slide-wrap li#s1 .img img{
		/*width: 570px;*/
		width: 540px;
	}
	.slide-wrap li#s1 .text{
		width: 570px; margin: 0 auto; text-align: left; margin-top: -50px;
	}
	.slide-wrap li#s1 .text img{
		width: 130px; margin-left: 60px; 
	}
	.slide-wrap li#s2 .img img{
		/*width: 552px;*/
		width: 522px;
	}
	.slide-wrap li#s2 .quan img{
		/*width: 120px;*/
		width: 100px;
	}
	.slide-wrap li#s3 .img img{
		/*width: 680px;*/
		width: 650px;
	}
	
	.page2 .wrapper{
		width: 1200px;
	}
	.page2 li .wrap{
		margin-top: -170px;
	}
	.slide-wrap li .img img{
		
	}
	.page3 .wrapper{
		margin-left: -500px; margin-top: -110px;
	}
	.page3 .head{
	}
	.page3 .body li.last{
		display: none;
	}
	.page3 .body li{
		width: 240px; height: 160px; margin-right: 15px;
	}
	
	.page4 .wrapper{
		margin-left: -500px; margin-top: -170px;
	}
	.page4 .head{
	}
	.page4 .head .img{
		margin-left: 0;
	}
	.page4 .head .list{
		left: 515px;
	}
	.page4 .head .list dl#dl1{
		width: 290px;
	}
	.page4 .head .list dl#dl2{
		width: 178px;
	}
	.page4 .body{
		margin-top: 35px;
	}
	.page4 .list li{
		height: 250px; margin-right: 30px;
	}
	.page4 .list li.last{
		display: none;
	}
	.page4 .view{
		padding-top: 90px;
	}
	.page4 .mask{
		padding-top: 30px;
	}
	.page4 .mask h2{
		margin-top: 10px;
	}
	.page4 .mask hr,
	.page4 .mask p{
		margin-top: 10px;
	}
	
	.page5 .wrapper{
		margin-left: -500px; margin-top: -170px;
	}
	.page5 .img-wrap{
		width: 400px; 
	}
	.page5 .img-wrap .img1{
		width: 300px; margin-top: 35px;
	}
	.page5 .img-wrap .img1 img{
		width: 100%;
	}
	.page5 .img-wrap .img2{
		left: 35px; top: 35px;
	}
	.page5 .img-wrap .img4{
		text-align: right; padding-right: 8px;
	}
	.page5 .text{
		margin-left: 70px;
	}
	.page5 .text.text-only{
		width: 90%; margin: 0 auto;
	}
	.page5 .text p{
		margin-bottom: 25px;
	}
	.page5 .text p.last{
		display: none;
	}
	.page5 .text p.more{
		display: block;
	}
	.page5 .nav{
		width: 200px;
	}
	
	.page6 .wrapper{
		margin-left: -500px; margin-top: -160px;
	}
	.page6 .img{
		margin-left: 325px;
	}
	.page6 .img .quan{
		width: 200px;
	}
	.page6 .img .wen{
		width: 129px; left: 135px; top: 55px;
	}
	.page6 .img img{
		width: 100%;
	}
	.page6 .time{
		width: 325px; position: relative; top: -10px;
	}
	.page6 .time h2{
		margin-top: 3px;
	}
	.page6 .tele{
		width: 560px; float: left;
	}
	.page6 .tele .tel{
		width: 480px;
	}
	.page6 .tele .weixin{
		margin-top: 20px;
	}
	.page6 .text{
		margin-top: 20px;
	}
	.page6 .info{
		width: 1000px; margin-left: -500px; bottom: 20px;
	}
	.page6 .info ul{
		width: 325px;
	}
	.pad-hide{
		display: none;
	}
	
	.nav_main h1{
		display: none;
	}
}

@media only screen and (max-width:800px) { /*480*/
	
	/* 强制显示所有footer-col元素 */
	.page6 .info .footer-row .footer-col {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	body{
		width: 100%; margin: 0 auto !important; overflow: hidden; background: #000;
	}
	.wrapper{
		width: auto;
	}
	#fp-nav{
		display: none;
	}
	.gb-header, .gb-nav{
		width: 100%; left: 0; margin-left: 0;
	}
	.header .logo, .gb-nav .logo{
		margin-left: 40px;
	}
	.gb-header{
		display: none;
	}
	.gb-nav{
		opacity: 1; -webkit-opacity: 1; -ms-opacity: 1; top: 0; background: #fff;
	}
	.sidebar{
		display: none;
	}
	
	/* 移动端轮播图背景图片设置 */
	.slide-wrap li#s1 .slide-bg{
		background-image: url('../../../22vd/images/mobile/1.jpg') !important;
	}
	.slide-wrap li#s2 .slide-bg{
		background-image: url('../../../22vd/images/mobile/2.jpg') !important;
	}
	.slide-wrap li#s3 .slide-bg{
		background-image: url('../../../22vd/images/mobile/3.jpg') !important;
	}
	
	/* 移动端隐藏电话图标 */
	.phone-icon {
		display: none !important;
	}
	
	/* 移动端logo显示设置 */
	.header .logo,
	.gb-nav .logo {
		display: block !important;
		position: fixed !important;
		top: 15px !important;
		left: 15px !important;
		z-index: 9999 !important;
		margin: 0 !important;
		width: 120px !important;
		height: 40px !important;
		background: url('../../../22vd/images/logo.png') no-repeat center !important;
		background-size: contain !important;
		padding: 5px !important;
		cursor: pointer !important;
	}
	
	/* 隐藏原有的图片和链接，使用背景图片 */
	.header .logo a,
	.header .logo img,
	.gb-nav .logo .phone-icon {
		display: none !important;
	}
	
	/* 为logo添加点击链接功能 */
	.header .logo,
	.gb-nav .logo {
		cursor: pointer !important;
	}
	
	.slide-wrap li#s3 .text{
		display: none;
	}
	.slide-wrap li#s3 .img img{
		width: 600px;
	}
	.nav-line{
		display: none;
	}
	.nav-bullet-container{
		float: none; display: inline-block; width: 20px;
	}
	#slide-nav{
		width: auto; text-align: center;
		-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
				transform: translateX(0);
	}
	.nav-link::before{
		border: none;
	}
	.nav-link::after{
		width: 10px; height: 10px;
	}
	
	.page2{
		background: #00032b;
	}
	.page2 .wrapper{
		width: auto;
		padding: 20px;
	}
	.page2 ul{
		position: absolute; 
		left: 0; 
		right: 0; 
		top: 0;
		bottom: 0; 
		padding: 90px 8px 8px 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: flex-start;
		gap: 5px;
		overflow-y: auto;
	}
	.page2 li{
		width: 48%; 
		min-height: 320px;
		max-height: 320px;
		overflow: hidden;
		margin-bottom: 6px;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.08);
		backdrop-filter: blur(10px);
		border: 1px solid rgba(255, 255, 255, 0.15);
		position: relative;
		box-sizing: border-box;
		text-align: left;
	}
	.page2 li .wrap{
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 25px 12px 12px 12px;
		box-sizing: border-box;
	}
	.page2 li .bg{
		display: none;
	}
	.page2 li .ico{
		display: none;
	}
	.page2 li p.desc{
		font-size: 12px;
		line-height: 1.5;
		color: rgba(255, 255, 255, 0.85);
		margin: 0;
		padding: 0;
		text-align: center;
		word-wrap: break-word;
		word-break: break-word;
		white-space: normal;
		overflow-wrap: break-word;
		max-width: 100%;
		height: auto;
		max-height: none;
	}
	.page2 li .img{
		display: none;
	}
	.page2 li h2{
		font-size: 16px;
		margin: 0 0 12px 0;
		line-height: 1.3;
		color: #fff;
		font-weight: 600;
		text-align: center;
		word-break: keep-all;
		white-space: normal;
		max-width: 100%;
	}
	.page2 li dl{
		margin: 0 0 12px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 3px;
		flex-wrap: nowrap;
	}
	.page2 li dd{
		display: inline-block;
		flex-shrink: 0;
	}
	.page2 li dd img{
		width: 24px;
		height: 24px;
		filter: brightness(0) invert(1);
		opacity: 0.85;
	}
	.page2 li dd span{
		width: 1px;
		height: 9px;
		background: rgba(255, 255, 255, 0.4);
		margin: 0;
		display: inline-block;
		vertical-align: middle;
	}
	
	/* 移除移动端的动画和hover效果 */
	.page2 li{
		transition: none !important;
		transform: none !important;
		opacity: 1 !important;
	}
	
	.page2 li:hover .bg,
	.page2 li.selected .bg{
		height: 0 !important;
		display: none !important;
	}
	
	.page2 li:hover .img,
	.page2 li.selected .img{
		bottom: -200px !important;
		opacity: 0 !important;
		display: none !important;
	}
	
	.page2 li:hover .ico,
	.page2 li.selected .ico{
		background-position: center top !important;
		display: none !important;
	}
	
	/* Cases页面移动端适配 */
	.page3 .wrapper{
		position: static !important;
		left: auto !important;
		top: auto !important;
		margin: 0 !important;
		padding: 20px !important;
		width: 100% !important;
		height: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: center !important;
		overflow-y: auto !important;
		box-sizing: border-box !important;
	}
	
	/* 隐藏产品分类筛选 */
	.page3 .product-categories {
		display: none !important;
	}
	
	/* Cases页面标题优化 */
	.page3 .head{
		margin: 20px 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.page3.active .head{
		margin: 20px 0 !important;
	}
	
	.page3.active .head .sort{
		display: none !important;
	}
	
	/* Cases页面产品列表移动端布局 */
	.page3 .body{
		margin: 60px 0 0 0 !important; /* 添加60px上边距，使body容器向下移动 */
		width: 100% !important;
		flex: 1 !important;
		overflow-y: auto !important;
	}
	
	.page3 .body ul {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		grid-template-rows: repeat(3, 1fr) !important;
		gap: 15px !important;
		padding: 20px 15px !important;
		margin: 0 !important;
		list-style: none !important;
		width: 100% !important;
		height: 100% !important;
		box-sizing: border-box !important;
	}
	
	.page3 .body li{
		display: block !important;
		position: relative !important; /* 相对定位，为绝对定位的图片提供定位基准 */
		width: 100% !important;
		height: 200px !important; /* 设置固定高度，让图片能够铺满 */
		margin: 0 !important;
		float: none !important;
		background: transparent !important; /* 移除背景色，让图片完全显示 */
		border-radius: 10px !important;
		overflow: hidden !important;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
		transition: transform 0.3s ease !important;
	}
	
	/* 移动端只显示前6个产品 */
	.page3 .body li:nth-child(n+7) {
		display: none !important;
	}
	
	.page3 .body li:hover {
		transform: translateY(-5px) !important;
	}
	
	/* 产品图片适配 - 铺满整个容器 */
	.page3 .body li .img {
		position: absolute !important; /* 绝对定位，完全覆盖父容器 */
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important; /* 图片容器占满整个li容器 */
		overflow: hidden !important;
		border-radius: 10px !important; /* 整个容器都有圆角 */
		background: transparent !important; /* 移除背景色 */
	}
	
	.page3 .body li .img img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		border-radius: 10px !important; /* 图片也有圆角 */
		display: block !important; /* 确保图片正确显示 */
	}
	
	/* 移动端隐藏产品brand元素 */
	.page3 .body li .brand {
		display: none !important;
	}
	
	/* 移动端产品名称蒙版样式 */
	.page3 .body li .product-name-tooltip {
		display: flex !important; /* 在移动端显示 */
		position: absolute !important;
		top: auto !important; /* 重置top值 */
		bottom: 0 !important; /* 定位到底部 */
		left: 0 !important;
		right: 0 !important;
		height: 33.33% !important; /* 占据下方1/3区域 */
		background: rgba(255, 255, 255, 0.5) !important; /* 白色超高透明度蒙版 */
		color: #333 !important; /* 黑色文字 */
		font-size: 14px !important;
		font-weight: 500 !important;
		text-align: center !important;
		align-items: center !important;
		justify-content: center !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: none !important;
		z-index: 10 !important;
		border-radius: 0 0 10px 10px !important; /* 底部圆角匹配容器 */
		backdrop-filter: blur(2px) !important; /* 添加轻微模糊效果 */
		box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important; /* 添加上方阴影 */
	}
	
	/* 移动端取消悬浮效果 */
	.page3 .body li:hover {
		transform: none !important;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
	}
	
	.page4 .wrapper{
		margin-left: -320px; padding-left: 70px; margin-top: -260px;
	}
	.page4 .head .list{
		display: none;
	}
	.page4.active .list li{
		display: none;
	}
	.page4.active .list li:nth-child(1),
	.page4.active .list li:nth-child(2){
		display: block;
	}
	.page4 .body{
		margin-top: 140px;
	}
	
	/* 合作伙伴页面移动端适配 */
	.page5 .wrapper{
		position: absolute !important;
		left: 20px !important; /* 距离左边20px */
		top: 20px !important; /* 距离顶部20px */
		margin: 0 !important;
		padding: 20px !important;
		width: calc(100% - 40px) !important; /* 减去左右边距 */
		height: calc(100% - 40px) !important; /* 减去上下边距 */
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: center !important; /* 改为居中对齐，让标题居中 */
		overflow-y: auto !important;
		box-sizing: border-box !important;
	}
	
	/* 合作伙伴标题移动端适配 */
	.page5 .partners-title {
		font-size: 28px !important;
		margin: 50px 0 30px 0 !important; /* 增加上边距，让整体往下移动 */
		text-align: center !important;
		color: #ffffff !important;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
	}
	
	/* 合作伙伴网格移动端布局 */
	.page5 .partners-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 15px !important;
		width: 100% !important;
		max-width: 350px !important;
		margin: 0 auto !important;
		padding: 0 10px !important;
		justify-items: center !important;
		align-items: center !important;
	}
	
	/* 合作伙伴项目移动端适配 */
	.page5 .partner-item {
		width: 120px !important;
		height: 60px !important;
		margin: 0 !important;
		border-radius: 8px !important;
		background: #ffffff !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
	}
	
	.page5 .partner-item img {
		padding: 10px !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
		background: #ffffff !important;
	}
	
	/* 隐藏原有的文本和导航 */
	.page5 .img-wrap{
		display: none !important;
	}
	.page5 .text{
		display: none !important;
	}
	.page5 .text.text-only{
		display: none !important;
	}
	.page5 .nav{
		display: none !important;
	}
	
	.page6{
		background: #1f2f19; 
	}
	.page6 .wrapper{
		position: absolute !important;
		left: 0 !important;
		top: 0 !important;
		margin: 0 !important;
		padding: 20px !important;
		width: 100% !important;
		height: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		box-sizing: border-box !important;
		overflow-y: auto !important;
	}
	.page6 .img{
		display: none !important; /* 移动端完全隐藏img57和img56 */
	}
	.page6 .text{
		text-align: center !important;
		margin: 0 0 30px 0 !important;
		width: 100% !important;
	}
	.page6 .text h2{
		font-size: 24px !important;
		color: #ffffff !important;
		margin-bottom: 20px !important;
	}
	.page6 .time{
		width: 100% !important;
		float: none !important;
		display: block !important;
		text-align: center !important;
		margin-bottom: 30px !important;
	}
	.page6 .time p{
		color: #ffffff !important;
		font-size: 16px !important;
		margin: 5px 0 !important;
	}
	.page6 .tele{
		float: none !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
		margin: 0 !important;
	}
	.page6 .tele img{
		display: block !important;
		margin: 10px auto !important;
		max-width: 120px !important;
		height: auto !important;
	}
	.page6 .tele .weixin{
		margin-top: 20px !important;
	}
	.page6 .tele p{
		color: #ffffff !important;
		font-size: 14px !important;
		margin: 5px 0 !important;
	}
	.page6 .info{
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		position: relative !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 20px !important;
		bottom: auto !important;
		left: auto !important;
		height: calc(100vh - 40px) !important;
		margin-top: 20px !important;
		z-index: 10 !important;
		background: rgba(0, 0, 0, 0.1) !important;
		border-radius: 15px !important;
		box-sizing: border-box !important;
	}
	
	/* 重新组织footer-row的布局 - 使用绝对定位确保精确控制 */
	.page6 .info .footer-row {
		position: relative !important;
		height: calc(100% - 60px) !important;
		margin-bottom: 10px !important;
	}
	
	/* 上2/3屏：关于我们 */
	.page6 .info .footer-row .footer-col.company-info {
		position: absolute !important;
		top: 100px !important;
		left: 0 !important;
		right: 0 !important;
		background: transparent !important;
		padding: 20px !important;
		text-align: center !important;
		height: calc(66.67% - 5px) !important;
		overflow-y: auto !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
	}
	
	.page6 .info .footer-row .footer-col.company-info h4 {
		font-size: 26px !important;
		margin-bottom: 15px !important;
		color: #ffffff !important;
		text-shadow: 0 2px 4px rgba(0,0,0,0.7) !important;
		border-bottom: none !important;
		padding-bottom: 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	/* 移除所有标题的横线 */
	.page6 .info .footer-col h4 {
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}
	
	.page6 .info .footer-row .footer-col.company-info p {
		font-size: 18px !important;
		line-height: 1.8 !important;
		color: #ffffff !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
		margin: 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	/* 移动端加好友咨询按钮 */
	.page6 .info .footer-row .footer-col.company-info .mobile-contact-btn {
		display: inline-block !important;
		margin-top: 60px !important;
		padding: 12px 24px !important;
		background: linear-gradient(135deg, #87CEEB, #6BB6FF) !important;
		color: #ffffff !important;
		text-decoration: none !important;
		border-radius: 25px !important;
		font-size: 16px !important;
		font-weight: bold !important;
		text-align: center !important;
		box-shadow: 0 4px 15px rgba(135, 206, 235, 0.3) !important;
		transition: all 0.3s ease !important;
		border: none !important;
		cursor: pointer !important;
		text-shadow: none !important;
	}
	
	.page6 .info .footer-row .footer-col.company-info .mobile-contact-btn:hover {
		background: linear-gradient(135deg, #6BB6FF, #87CEEB) !important;
		transform: translateY(-2px) !important;
		box-shadow: 0 6px 20px rgba(135, 206, 235, 0.4) !important;
	}
	
	/* 下1/3屏左侧：联系方式 */
	.page6 .info .footer-row .footer-col.contact-info {
		position: absolute !important;
		bottom: 40px !important;
		left: 5px !important;
		background: transparent !important;
		padding: 20px !important;
		overflow-y: auto !important;
		text-align: center !important;
		width: calc(50% - 10px) !important;
		height: auto !important;
		box-sizing: border-box !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* 下1/3屏右侧：微信服务 */
	.page6 .info .footer-row .footer-col.qr-codes {
		position: absolute !important;
		bottom: 40px !important;
		right: 5px !important;
		background: transparent !important;
		padding: 10px !important;
		overflow-y: auto !important;
		text-align: center !important;
		width: calc(50% - 10px) !important;
		height: auto !important;
		box-sizing: border-box !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.page6 .info .footer-row .footer-col.contact-info h4 {
		font-size: 12px !important;
		margin-bottom: 8px !important;
		color: #ffffff !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
	}
	
	.page6 .info .footer-row .footer-col.contact-info p {
		font-size: 9px !important;
		line-height: 1.3 !important;
		color: #ffffff !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
		margin: 1px 0 !important;
	}
	
	.page6 .info .footer-row .footer-col.qr-codes h4 {
		font-size: 12px !important;
		margin-bottom: 5px !important;
		color: #ffffff !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
	}
	
	.page6 .info .qr-container {
		display: flex !important;
		gap: 0px !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	.page6 .info .qr-item {
		text-align: center !important;
	}
	
	.page6 .info .qr-item .qr-code {
		width: 45px !important;
		height: 45px !important;
		margin-bottom: 3px !important;
		display: block !important;
		border-radius: 6px !important;
		box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
		border: 2px solid rgba(255,255,255,0.2) !important;
	}
	
	.page6 .info .qr-item p {
		font-size: 8px !important;
		color: #ffffff !important;
		margin: 0 !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
	}
	
	/* 底部：备案号 */
	.page6 .info .footer-bottom {
		background: transparent !important;
		padding: 10px 15px !important;
		text-align: center !important;
		height: 50px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}
	
	.page6 .info .footer-bottom p {
		font-size: 11px !important;
		color: #cccccc !important;
		margin: 0 !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
	}
	
	.footer {
		display: none;
	}
	
	#nav{
		width: 100%; left: 0; margin-left: 0;
	}
	.nav_main ul{
		width: auto; padding: 0 50px;
	}
	.nav_main ul li{
		width: 190px;
	}
	
}

/* 针对更小屏幕的额外优化 */
@media only screen and (max-width: 480px) {
	.page2 ul{
		padding: 60px 6px 6px 0px;
		gap: 4px;
	}
	
	.page2 li{
		width: 48%;
		min-height: 280px;
		max-height: 280px;
		padding: 0;
		margin-bottom: 4px;
		position: relative;
		box-sizing: border-box;
		text-align: left;
	}
	
	.page2 li h2{
		font-size: 14px;
		margin: 0 0 10px 0;
		line-height: 1.2;
		text-align: center;
	}
	
	.page2 li dl{
		margin: 0 0 10px 0;
		gap: 3px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	
	.page2 li dd img{
		width: 22px;
		height: 22px;
	}
	
	.page2 li dd span{
		height: 8px;
	}
	
	.page2 li p.desc{
		font-size: 11px;
		line-height: 1.4;
		margin: 0;
		padding: 0;
		text-align: center;
		word-wrap: break-word;
		word-break: break-word;
		white-space: normal;
		overflow-wrap: break-word;
		max-width: 100%;
		height: auto;
		max-height: none;
	}
	
	.page2 li .wrap{
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		width: 100%;
		padding: 20px 10px 10px 10px;
		box-sizing: border-box;
		text-align: center;
	}
	
	/* Contact页面小屏幕优化 */
	.page6 .wrapper{
		padding: 10px !important;
	}
	
	.page6 .info{
		padding: 15px !important;
		margin-top: 15px !important;
		height: calc(100vh - 30px) !important;
	}
	
	/* 小屏幕关于我们区域 */
	.page6 .info .footer-row .footer-col.company-info {
		position: absolute !important;
		top: 100px !important;
		left: 0 !important;
		right: 0 !important;
		padding: 15px !important;
		margin-bottom: 15px !important;
		height: calc(60% - 15px) !important;
		background: transparent !important;
		text-align: center !important;
		overflow-y: auto !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.page6 .info .footer-row .footer-col.company-info h4 {
		font-size: 20px !important;
		margin-bottom: 10px !important;
		color: #ffffff !important;
		text-shadow: 0 2px 4px rgba(0,0,0,0.7) !important;
		border-bottom: none !important;
		padding-bottom: 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	/* 移除所有标题的横线 */
	.page6 .info .footer-col h4 {
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}

	.page6 .info .footer-row .footer-col.company-info {
		margin-top: 30px !important;
	}
	
	.page6 .info .footer-row .footer-col.company-info p {
		font-size: 16px !important;
		line-height: 1.6 !important;
		color: #ffffff !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
		margin: 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	/* 小屏幕移动端加好友咨询按钮 */
	.page6 .info .footer-row .footer-col.company-info .mobile-contact-btn {
		display: inline-block !important;
		margin-top: 60px !important;
		padding: 10px 20px !important;
		background: linear-gradient(135deg, #87CEEB, #6BB6FF) !important;
		color: #ffffff !important;
		text-decoration: none !important;
		border-radius: 20px !important;
		font-size: 14px !important;
		font-weight: bold !important;
		text-align: center !important;
		box-shadow: 0 3px 12px rgba(135, 206, 235, 0.3) !important;
		transition: all 0.3s ease !important;
		border: none !important;
		cursor: pointer !important;
		text-shadow: none !important;
	}
	
	.page6 .info .footer-row .footer-col.company-info .mobile-contact-btn:hover {
		background: linear-gradient(135deg, #6BB6FF, #87CEEB) !important;
		transform: translateY(-1px) !important;
		box-shadow: 0 4px 15px rgba(135, 206, 235, 0.4) !important;
	}
	
	/* 小屏幕联系方式区域 */
	.page6 .info .footer-row {
		position: relative !important;
		gap: 12px !important;
		height: calc(100% - 60px) !important;
		margin-bottom: 10px !important;
	}
	
	/* 强制显示所有footer-col元素 */
	.page6 .info .footer-row .footer-col {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	/* 小屏幕联系方式和微信服务 - 并排显示紧靠备案号 */
	.page6 .info .footer-row .footer-col.contact-info {
		position: absolute !important;
		bottom: 40px !important;
		left: 5px !important;
		width: calc(50% - 10px) !important;
		height: auto !important;
		padding: 20px !important;
		background: transparent !important;
		text-align: center !important;
		box-sizing: border-box !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.page6 .info .footer-row .footer-col.qr-codes {
		position: absolute !important;
		bottom: 40px !important;
		right: 5px !important;
		width: calc(50% - 10px) !important;
		height: auto !important;
		padding: 10px !important;
		background: transparent !important;
		text-align: center !important;
		box-sizing: border-box !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* 小屏幕备案号区域 */
	.page6 .info .footer-bottom {
		padding: 8px 12px !important;
		height: 38px !important;
	}
	
	.page6 .img {
		display: none !important; /* 小屏幕也隐藏img57和img56 */
	}
	
	.page6 .text h2{
		font-size: 18px !important;
		margin-bottom: 10px !important;
	}
	
	.page6 .time p{
		font-size: 13px !important;
	}
	
	.page6 .tele img{
		max-width: 80px !important;
	}
	
	.page6 .tele p{
		font-size: 11px !important;
	}
	
	
	.page6 .info .footer-row .footer-col.contact-info h4 {
		font-size: 12px !important;
		margin-bottom: 10px !important;
		color: #ffffff !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
	}

	.page6 .info .footer-row .footer-col.qr-codes h4 {
		font-size: 12px !important;
		margin-bottom: 5px !important;
		color: #ffffff !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
	}


	.page6 .info .footer-row .footer-col.contact-info p {
		font-size: 9px !important;
		line-height: 1.3 !important;
		color: #ffffff !important;
		text-shadow: 0 1px 2px rgba(0,0,0,0.7) !important;
		margin: 1px 0 !important;
	}
	
	.page6 .info .qr-container {
		display: flex !important;
		gap: 0px !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	.page6 .info .qr-item .qr-code {
		width: 45px !important;
		height: 45px !important;
		margin-bottom: 3px !important;
	}
	
	.page6 .info .qr-item p {
		font-size: 8px !important;
		margin: 0 !important;
	}
	
	/* 小屏幕备案号区域 */
	.page6 .info .footer-bottom {
		padding: 12px !important;
	}
	
	.page6 .info .footer-bottom p {
		font-size: 10px !important;
	}
}