body {
	/*
	font-family: 'Open Sans', 'Microsoft YaHei', 'sans-serif';
	*/
	font-family: 'Microsoft YaHei', 'sans-serif';
	background: #fff;
	color: #222;
	scroll-behavior: smooth;
}
/* 大标题（H1）样式 */
h1 {
	letter-spacing: 0.5px; /* 折中设置，可根据实际长度调整 */
	line-height: 1.3;
}
/* 副标题（H2）样式 */
h2 {
	letter-spacing: 0.3px;
	line-height: 1.4;
}
/* 小标题（H3/H4）样式 */
h3, h4 {
	letter-spacing: 0.1px;
	line-height: 1.5;
}
/* 正文内容样式 */
p {
	letter-spacing: 0.1px;
	line-height: 1.7;
}
.container-1440 {
	max-width: 1440px;
	margin: 0 auto;
	padding-left: 1rem;
	padding-right: 1rem;
}
.hero-section {
	height: 90vh;
	position: relative;
	overflow: hidden;
}

.hero-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: opacity 1.2s ease-in-out;
	display: flex;
	align-items: center;
}

/* 已移除覆盖层效果 */

.hero-slide.active {
	opacity: 1;
	z-index: 2;
}

.hero-content {
	position: absolute;
	top: 55%;
	left: 52%;
	z-index: 3;
	max-width: 50%;
	transform: translateY(-50%);
	padding: 0 1rem;
	opacity: 0;
	transition: all 0.8s ease 0.5s;
}

/* 为轮播图标题添加自适应字体大小和间距 */
.hero-content h1 {
	font-size: clamp(1.5rem, 5vw, 3.5rem);
	line-height: clamp(1.1, 2vw, 1.3);
	margin-bottom: clamp(1rem, 2vw, 1.8rem);
	font-weight: 700;
}

/* 为轮播图正文添加自适应字体大小和间距 */
.hero-content p {
	font-size: clamp(1rem, 2vw, 1.5rem);
	line-height: clamp(1.4, 3vw, 1.6);
	margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

/* 为轮播图内容整体添加响应式内边距 */
.hero-content {
	padding: clamp(1rem, 3vw, 2rem);
}

/* 大屏幕响应式调整 */
@media (min-width: 1440px) {
	.hero-content {
		left: clamp(50%, 5vw, 55%);
		max-width: clamp(45%, 10vw, 50%);
		transition: all 0.5s ease;
	}
}

/* 中等屏幕响应式调整 */
@media (min-width: 1024px) and (max-width: 1439px) {
	.hero-content {
		left: clamp(40%, 5vw, 45%);
		max-width: clamp(55%, 10vw, 60%);
		transition: all 0.5s ease;
	}
}

/* 平板屏幕响应式调整 */
@media (min-width: 768px) and (max-width: 1023px) {
	.hero-content {
		left: clamp(35%, 5vw, 40%);
		max-width: clamp(60%, 15vw, 65%);
		transition: all 0.5s ease;
	}
}

/* 小屏幕响应式调整 */
@media (max-width: 767px) {
	.hero-content {
		left: 0;
		right: 0;
		max-width: 100%;
		padding: clamp(1rem, 5vw, 2rem);
		text-align: center;
		transition: all 0.5s ease;
	}
	
	.hero-content h1 {
		font-size: clamp(1.2rem, 6vw, 2.5rem);
		line-height: clamp(1.1, 3vw, 1.3);
		margin-bottom: clamp(0.8rem, 2vw, 1.5rem);
	}
	
	.hero-content p {
		font-size: clamp(0.9rem, 4vw, 1.2rem);
		line-height: clamp(1.4, 3vw, 1.6);
		margin-bottom: clamp(1rem, 3vw, 1.5rem);
	}
}

.hero-slide.active .hero-content {
	opacity: 1;
}

.hero-section::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	opacity: 0.1;
	z-index: 2;
}

.slide-indicators {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
	z-index: 10;
}

.slide-indicator {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
}

.slide-indicator.active {
	background-color: #ff7700;
	width: 30px;
	border-radius: 6px;
}

.tech-table {
	overflow-x: auto;
	border: none;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.tech-table table {
	min-width: 1000px;
	font-family: 'Roboto', monospace;
	border-collapse: separate;
	border-spacing: 0;
}
.tech-table th {
	background: linear-gradient(135deg, #333333, #1a1a1a);
	color: white;
	padding: 16px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 14px;
}
.tech-table td {
	padding: 14px 16px;
}
/* 移动端响应式样式 - 隐藏轮播图和导航栏第一行 */
@media (max-width: 780px) {
	.hero-section {
		display: none !important;
	}
	
	.hero-slide {
		display: none !important;
	}
	
	/* 隐藏导航栏第一行和分隔线 */
	.navbar-first-row {
		display: none !important;
	}
	
	.navbar-divider {
		display: none !important;
	}
	
	/* 核心优势部分 - 移动端样式 */
	.py-28.bg-gradient-to-b.from-gray-50 .container-1440 .grid.grid-cols-4 {
		grid-template-columns: 1fr !important;
		gap: 6rem !important;
	}
	.py-28.bg-gradient-to-b.from-gray-50 h2 {
		font-size: 2rem !important;
	}
	.py-28.bg-gradient-to-b.from-gray-50 p {
		font-size: 0.875rem !important;
	}
	.stat-card h3 {
		font-size: 1.5rem !important;
		margin-top: -30px !important;
	}
	.stat-card p {
		font-size: 0.875rem !important;
		line-height: 1.6;
	}
	
	/* 产品中心部分 - 移动端样式 */
	#products .grid.grid-cols-3 {
		grid-template-columns: 1fr !important;
		gap: 2rem !important;
	}
	#products h2 {
		font-size: 1.75rem !important;
	}
	#products p {
		font-size: 0.875rem !important;
	}
	
	/* 计量工具区域 - 移动端样式 */
	.metrology-tools-section h2 {
		font-size: 1.75rem !important;
	}
	.metrology-tools-section p {
		font-size: 0.875rem !important;
	}
	
	/* 产品卡片样式 - 统一设置，与最小屏幕保持一致 */
	.product-card h3 {
		font-size: 0.75rem !important;
		margin: 0 0 0.2rem 0 !important;
		padding: 0 !important;
		line-height: 1.2 !important;
	}
	.product-card p {
		font-size: 0.7rem !important;
		line-height: 1.3;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* 进一步减小移动端产品卡片文字区域内边距 */
	.product-card .p-3 {
		padding: 0.5rem !important;
	}
	/* 移动端禁用图片悬停上升效果 */
	.product-card .product-image-container:hover {
		transform: none !important;
	}
	/* 移动端禁用图片缩放效果 */
	.product-card img:hover {
		transform: none !important;
	}
	
	/* 服务区域 - 移动端样式 */
	.py-16.relative.overflow-hidden h2 {
		font-size: 1.75rem !important;
	}
	.py-16.relative.overflow-hidden p {
		font-size: 0.8rem !important;
	}
	/* 服务卡片样式 - 移动端 */
	.flip-card h3 {
		font-size: 1.125rem !important;
	}
	.flip-card p {
		font-size: 0.8rem !important;
	}
	
	/* 新闻资讯区域 - 移动端样式 */
	.py-16.relative.overflow-hidden h2 {
		font-size: 1.75rem !important;
	}
	.bg-gray-800 {
		padding: 0.75rem !important;
	}
	.bg-gray-800 span,
	.bg-gray-800 a {
		font-size: 0.75rem !important;
		padding: 0.25rem 0.5rem !important;
		white-space: nowrap;
	}
	.bg-gray-800 .flex.flex-wrap.gap-x-4.gap-y-2 {
		gap-x: 2rem !important;
		gap-y: 0.5rem !important;
	}
	.bg-gray-800 .flex.flex-wrap.items-center.gap-x-4.gap-y-2 {
		gap-x: 1rem !important;
		gap-y: 0.5rem !important;
	}
	
	/* 服务区域 - 移动端样式 */
	.py-16.relative.overflow-hidden h2 {
		font-size: 2rem !important;
	}
	.py-16.relative.overflow-hidden p {
		font-size: 0.875rem !important;
	}
	/* 服务卡片样式 - 移动端 */
	.flip-card h3 {
		font-size: 1.25rem !important;
	}
	.flip-card p {
		font-size: 0.875rem !important;
	}
	
	/* 新闻资讯区域 - 移动端样式 */
	.py-16.relative.overflow-hidden h2 {
		font-size: 2rem !important;
	}
	.bg-gray-800 {
		padding: 0.75rem !important;
	}
	.bg-gray-800 span,
	.bg-gray-800 a {
		font-size: 0.75rem !important;
		padding: 0.25rem 0.5rem !important;
		white-space: nowrap;
	}
	.bg-gray-800 .flex.flex-wrap.gap-x-4.gap-y-2 {
		gap-x: 2rem !important;
		gap-y: 0.5rem !important;
	}
	.bg-gray-800 .flex.flex-wrap.items-center.gap-x-4.gap-y-2 {
		gap-x: 1rem !important;
		gap-y: 0.5rem !important;
	}
	/* 移动端禁用图片悬停上升效果 */
	.product-card .product-image-container:hover {
		transform: none !important;
	}
	/* 移动端禁用图片缩放效果 */
	.product-card img:hover {
		transform: none !important;
	}
	
	/* 服务区域 - 移动端样式 */
	.py-16.relative.overflow-hidden h2 {
		font-size: 1.5rem !important;
	}
	.py-16.relative.overflow-hidden p {
		font-size: 0.75rem !important;
	}
	/* 服务卡片样式 - 移动端 */
	.flip-card h3 {
		font-size: 1rem !important;
	}
	.flip-card p {
		font-size: 0.75rem !important;
	}
	
	/* 新闻资讯区域 - 移动端样式 */
	.py-16.relative.overflow-hidden h2 {
		font-size: 1.5rem !important;
	}
	.bg-gray-800 {
		padding: 0.75rem !important;
	}
	.bg-gray-800 span,
	.bg-gray-800 a {
		font-size: 0.75rem !important;
		padding: 0.25rem 0.5rem !important;
		white-space: nowrap;
	}
	.bg-gray-800 .flex.flex-wrap.gap-x-4.gap-y-2 {
		gap-x: 2rem !important;
		gap-y: 0.5rem !important;
	}
	.bg-gray-800 .flex.flex-wrap.items-center.gap-x-4.gap-y-2 {
		gap-x: 1rem !important;
		gap-y: 0.5rem !important;
	}
	
	/* 保持文字居中对齐并适当调整大小 */
	.hero-content {
			text-align: center;
			margin: 0 auto;
			position: absolute;
			top: 30%;
			left: 0;
			width: 100%;
			transform: translateY(-30%);
		}
	
	.hero-content .accent-badge {
		padding: 0.125rem 0.75rem !important;
		margin-bottom: 0.75rem !important;
		font-size: 10px !important;
		display: inline-block;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.hero-content h1 {
		font-size: 2rem !important;
		margin-bottom: 1rem !important;
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.hero-content p {
		font-size: 0.875rem !important;
		margin-bottom: 1.5rem !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 90% !important;
		text-align: center !important;
	}
	
	.hero-content .flex {
		justify-content: center !important;
		gap: 0.75rem !important;
	}
	
	.hero-content button,
	.hero-content a[href="contact.html"] {
		padding: 0.5rem 1.25rem !important;
		font-size: 0.875rem !important;
	}
	
	/* 核心优势部分 - 移动端样式 */
	.py-28.bg-gradient-to-b.from-gray-50 .container-1440 .grid.grid-cols-4 {
		grid-template-columns: 1fr !important;
		gap: 6rem !important;
	}
	.py-28.bg-gradient-to-b.from-gray-50 h2 {
		font-size: 2rem !important;
	}
	.py-28.bg-gradient-to-b.from-gray-50 p {
		font-size: 0.875rem !important;
	}
	.stat-card h3 {
		font-size: 1.5rem !important;
		margin-top: -30px !important;
	}
	.stat-card p {
		font-size: 0.875rem !important;
		line-height: 1.6;
	}
	
	/* 产品中心部分 - 移动端样式 */
	#products .grid.grid-cols-3 {
		grid-template-columns: 1fr !important;
		gap: 2rem !important;
	}
	#products h2 {
		font-size: 1.75rem !important;
	}
	#products p {
		font-size: 0.875rem !important;
	}
	
	/* 解决方案部分 - 移动端样式 */
	#solutions .grid.grid-cols-2 {
		grid-template-columns: 1fr !important;
		gap: 2rem !important;
	}
	#solutions h2 {
		font-size: 2rem !important;
	}
	#solutions p {
		font-size: 0.875rem !important;
	}
	#solutions h3 {
		font-size: 1.5rem !important;
	}
	#solutions ul li {
		font-size: 0.875rem !important;
		line-height: 1.6;
	}
}
.product-card {
	transition: all 0.4s;
	border: 1px solid #000000;
	border-radius: 0;
	overflow: hidden;
	box-shadow: none;
	position: relative;
}
.product-card:hover {
	box-shadow: none;
}
/* 产品图片容器样式 */
.product-card .product-image-container {
	transition: transform 0.4s ease;
	position: relative;
}
/* 图片悬停上升效果 */
.product-card .product-image-container:hover {
	transform: translateY(-10px);
}
/* 图片下方阴影效果 - 默认显示 */
.product-card .product-image-container::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	height: 10px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
	opacity: 1;
	transition: opacity 0.4s ease;
}
/* 产品图片样式 */
.product-card img {
	transition: transform 0.7s ease;
}
/* 产品标题样式 */
.product-card h3 {
	transition: color 0.3s ease, font-size 0.3s ease;
	font-size: clamp(1rem, 2vw, 1.125rem);
	margin: 0 0 0.5rem 0;
}
/* 标题悬停变色效果 - 只有鼠标直接悬停在标题上才变色 */
.product-card h3:hover {
	color: #ff7700;
}
/* 在导航栏变成手机端响应式样式之前，让产品卡片文字随屏幕宽度缩小而适当缩小 */
@media (min-width: 781px) and (max-width: 1440px) {
	.product-card h3 {
		font-size: clamp(0.875rem, 1.5vw, 1rem);
	}
}
.accent-badge {
	background: linear-gradient(135deg, #ff7700, #ff5500);
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(255, 119, 0, 0.3);
}
.img-modal {
	display: none;
	backdrop-filter: blur(10px);
	transition: opacity 0.3s ease;
	opacity: 0;
}
.img-modal.active {
	display: flex;
	opacity: 1;
}

/* 工业风格动画效果 */
.reveal {
	opacity: 0;
	transform: translateY(25px);
	transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}
.reveal.active {
	opacity: 1;
	transform: translateY(0);
}
/* 工业风格机械滑动效果 */
.reveal::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
	transform: translateX(-100%);
	transition: transform 0.8s ease-out;
	z-index: 1;
}
.reveal.active::after {
	transform: translateX(100%);
}
/* 工业感元素错开动画 */
.reveal:nth-child(1) { transition-delay: 0.05s; }
.reveal:nth-child(2) { transition-delay: 0.15s; }
.reveal:nth-child(3) { transition-delay: 0.25s; }
.reveal:nth-child(4) { transition-delay: 0.35s; }
.reveal:nth-child(5) { transition-delay: 0.45s; }

/* 特殊装饰元素 */
.tech-bg-pattern {
	position: absolute;
	width: 600px;
	height: 600px;
	background-image: radial-gradient(circle at center, rgba(51, 51, 51, 0.03) 0, rgba(51, 51, 51, 0) 70%);
	border-radius: 50%;
	z-index: -1;
}

/* 高端数据统计卡片 */
.stat-card {
	background: linear-gradient(165deg, #fff, #f5f9ff);
	border-radius: 12px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	position: relative;
}

.stat-card::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background: linear-gradient(135deg, rgba(51, 51, 51, 0.05), rgba(51, 51, 51, 0));
	border-radius: 0 0 0 100%;
}

/* 3D悬浮按钮效果 */
.btn-3d {
	position: relative;
	transition: all 0.3s ease;
	box-shadow: 0 6px 12px rgba(255, 119, 0, 0.3);
	overflow: hidden;
	border-radius: 8px;
}

.btn-3d:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(255, 119, 0, 0.4);
}

.btn-3d::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.2), rgba(255,255,255,0));
	transition: all 0.6s ease;
}

.btn-3d:hover::before {
	left: 100%;
}

/* 产品标签动画 */
.product-tag {
	transition: all 0.3s ease;
}

.product-card:hover .product-tag {
	background-color: #ff7700;
	color: white;
}

/* 导航栏基础样式 */
nav {
	position: relative;
	z-index: 1000;
}

/* 导航栏滚动效果 */
.nav-scrolled {
	background-color: rgba(0, 0, 0, 0.98);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease-in-out;
	min-height: auto;
	height: auto;
}

/* 为导航行添加过渡效果 - 滚动时隐藏第一行 */
.nav-scrolled .container-1440:first-child {
	opacity: 0;
	transform: translateY(-20px);
	height: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	margin: 0;
	padding: 0;
}

/* 调整导航容器样式 */
.container-1440:first-child {
	transition: all 0.3s ease-in-out;
}

/* 隐藏分隔线 */
.nav-scrolled > div:nth-child(2) {
	display: none;
}

/* 确保导航栏第二行在滚动时正确显示 */
nav .nav-scrolled .container-1440:last-child {
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
	min-height: auto;
	opacity: 1;
}

/* 确保导航栏第二行在初始状态下也正确显示 */
nav .container-1440:last-child {
	height: auto;
	min-height: auto;
	opacity: 1;
}

/* 控制导航栏内层flex容器的布局 */
nav .container-1440:last-child > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 桌面端导航栏布局 - 菜单右对齐 */
@media (min-width: 781px) {
	nav .container-1440:last-child > div {
		justify-content: flex-end;
	}
}

/* 自定义响应式断点 - 780px以下显示移动端导航元素 */
@media (max-width: 780px) {
	/* 显示手机端Logo和语言切换器 */
	nav .container-1440:last-child > div > div:first-child {
		display: flex !important;
		align-items: center;
		gap: 0.5rem;
	}
	/* 隐藏桌面端菜单 */
	nav .container-1440:last-child > div > div:nth-child(2) {
		display: none !important;
	}
	/* 显示汉堡菜单按钮 */
	nav .container-1440:last-child > div > div:last-child {
		display: flex !important;
	}
}

/* 自定义响应式断点 - 781px以上显示桌面端导航元素 */
@media (min-width: 781px) {
	/* 隐藏手机端Logo */
	nav .container-1440:last-child > div > div:first-child {
		display: none !important;
	}
	/* 显示桌面端菜单 */
	nav .container-1440:last-child > div > div:nth-child(2) {
		display: flex !important;
	}
	/* 隐藏汉堡菜单按钮 */
	nav .container-1440:last-child > div > div:last-child {
		display: none !important;
	}
	/* 隐藏底部联系我们条 */
	.contact-bar {
		display: none !important;
	}
}

/* 自定义响应式断点 - 780px以下显示底部联系我们条 */
@media (max-width: 780px) {
	/* 显示底部联系我们条 */
	.contact-bar {
		display: block !important;
	}
}

/* 下拉卡片样式 - 应用于产品中心和关于我们 */
.product-dropdown {
	background: white;
	border-radius: 0;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
	padding: 0;
	margin-top: 0;
	/* 确保在悬停时显示 */
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 当鼠标悬停在父元素或卡片本身上时显示下拉卡片 */
.group:hover .product-dropdown,
.product-dropdown:hover {
	opacity: 1;
	visibility: visible;
}

.product-dropdown a {
	transition: all 0.3s ease;
}

/* 产品分类和子菜单样式 */
.product-category {
	position: relative;
}

.product-category > div {
	cursor: pointer;
}

/* 确保a标签不影响悬停功能 */
.product-category a {
	display: block;
	width: 100%;
}

/* 子菜单样式 - 确保使用直角设计 */
.product-submenu {
	border-radius: 0;
}

/* 确保子菜单默认隐藏，使用opacity和visibility代替display以实现平滑过渡 */
.product-submenu {
	min-height: 200px;
	border-left: 1px solid #f0f0f0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 保持悬停时显示子菜单的功能，同时允许子菜单自身悬停时也保持显示 */
.product-category:hover .product-submenu,
.product-submenu:hover {
	opacity: 1;
	visibility: visible;
}

/* 子菜单列表样式 */
.product-submenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.product-submenu li {
	transition: background-color 0.2s ease;
}

/* 导航栏滚动时的子菜单样式调整 */
.nav-scrolled .product-submenu {
	top: 0;
	left: 100%;
}

/* 防止子菜单项溢出 */
.product-submenu li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.product-dropdown a:hover {
	transform: translateX(2px);
}

/* 确保下拉菜单在导航栏滚动效果下依然可见 */
.nav-scrolled .product-dropdown {
	margin-top: 0.25rem;
}

/* 垂直菜单分类样式 */
.product-category {
	position: relative;
}

.product-category .group:hover {
	background-color: #f9fafb;
}

/* 子菜单样式 */
.product-submenu {
	min-height: 100%;
	border-left: 1px solid #f0f0f0;
}

.product-submenu ul {
	min-height: 100%;
}

.product-submenu li {
	transition: all 0.2s ease;
}

/* 导航栏滚动时保持子菜单样式 */
.nav-scrolled .product-submenu {
	position: absolute;
	top: 0;
}

/* 防止子菜单项在悬停时溢出 */
.product-submenu a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 确保子菜单在导航栏滚动时位置正确 */
.nav-scrolled .product-category .product-submenu {
	top: 0;
}
/* 响应式字体大小 - 统一产品卡片样式 */
@media (max-width: 640px) {
	.metrology-tools-section h2 {
		font-size: 1.75rem !important;
	}
	.metrology-tools-section p {
		font-size: 0.875rem !important;
	}
	/* 统一产品卡片样式，与780px以下保持一致 */
	.product-card h3 {
		font-size: 0.75rem !important;
		margin: 0 0 0.2rem 0 !important;
		padding: 0 !important;
		line-height: 1.2 !important;
	}
	.product-card p {
		font-size: 0.7rem !important;
		line-height: 1.3;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* 进一步减小移动端产品卡片文字区域内边距 */
	.product-card .p-3 {
		padding: 0.5rem !important;
	}
}
@media (max-width: 480px) {
	.metrology-tools-section h2 {
		font-size: 1.5rem !important;
	}
	.metrology-tools-section p {
		font-size: 0.8rem !important;
	}
	/* 统一产品卡片样式，与780px以下保持一致 */
	.product-card h3 {
		font-size: 0.8rem !important;
	}
	.product-card p {
		font-size: 0.75rem !important;
	}
	/* 移动端禁用图片悬停上升效果 */
	.product-card .product-image-container:hover {
		transform: none !important;
	}
	/* 移动端禁用图片缩放效果 */
	.product-card img:hover {
		transform: none !important;
	}
}



/* 产品中心下拉卡片显示规则 */
.group:hover .product-dropdown,
.product-dropdown:hover {
	opacity: 1 !important;
	visibility: visible !important;
}




.perspective-1000 {
	perspective: 1000px;
}
.transform-style-3d {
	transform-style: preserve-3d;
}
.backface-hidden {
	backface-visibility: hidden;
}
.flip-card-back {
	transform: rotateX(180deg);
}
.flip-card:hover .flip-card-inner {
	transform: rotateX(180deg);
}

/* 移动端样式：禁用翻转，直接跳转 */
@media (max-width: 780px) {
	.flip-card {
		cursor: pointer;
	}
	.flip-card:hover .flip-card-inner {
		transform: none;
	}
	.flip-card-inner {
		transform: none !important;
	}
	.flip-card-back {
		display: none;
	}
}



.category-item.active {
	color: #ff7700;
	font-weight: bold;
	position: relative;
}
.category-item.active::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #ff7700;
}




/* 使用更具体的选择器避免全局冲突 */
.news-grid-container.hidden,
.news-container.hidden,
.no-content-message.hidden {
	display: none;
}

.news-card {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 增强的悬停效果 */
.news-card:hover {
	transform: translateY(-6px) scale(1.02);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

/* 图片悬停效果 */
.news-card .h-48 {
	transition: all 0.3s ease;
	overflow: hidden;
}

.news-card:hover .h-48 {
	transform: scale(1.05);
}

/* 标题悬停效果 */
.news-card h3 {
	transition: color 0.3s ease, transform 0.3s ease;
}

.news-card:hover h3 {
	color: #ff7700;
	transform: translateX(4px);
}

/* 链接交互效果 */
.news-card a {
	transition: all 0.3s ease;
	display: inline-block;
	position: relative;
	padding-right: 12px;
}

.news-card a::after {
	content: '→';
	position: absolute;
	right: 0;
	top: 0;
	transition: transform 0.3s ease;
}

.news-card a:hover {
	text-decoration: none;
	color: #ff9933;
}

.news-card a:hover::after {
	transform: translateX(3px);
}

/* 点击动画效果 */
.news-card:active {
	transform: translateY(-2px) scale(0.98);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

/* 为原始布局的卡片也添加交互效果 */
.news-container .bg-white {
	transition: all 0.3s ease;
	cursor: pointer;
}

.news-container .bg-white:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.news-container .bg-white h3,
.news-container .bg-white h4 {
	transition: color 0.3s ease;
}

.news-container .bg-white:hover h3,
.news-container .bg-white:hover h4 {
	color: #ff7700;
}


@keyframes ticker {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

.animate-ticker {
	animation: ticker 60s linear infinite;
}

.news-ticker:hover .animate-ticker {
	animation-play-state: paused;
}

/* 确保文字垂直居中 */
.news-ticker {
	display: flex;
	align-items: center;
}

.news-ticker-content {
	height: 100%;
	display: flex;
	align-items: center;
}



/* 移动端下拉菜单过渡动画 */
.mobile-dropdown-content {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out, opacity 0.3s ease;
}

.mobile-dropdown-content:not(.hidden) {
	max-height: 1000px;
	opacity: 1;
}

.mobile-dropdown-subcategory-content {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out, opacity 0.3s ease;
}

.mobile-dropdown-subcategory-content:not(.hidden) {
	max-height: 500px;
	opacity: 1;
}

/* 移动端菜单层级缩进 */
.mobile-dropdown-content {
	margin-left: 1rem;
}

.mobile-dropdown-subcategory-content {
	margin-left: 2rem;
}

/* 移动端菜单样式优化 */
#mobile-menu .mobile-dropdown-header,
#mobile-menu .mobile-dropdown-subcategory-header {
	user-select: none;
	-webkit-user-select: none;
}

/* 移动端页脚响应式样式 */
@media (max-width: 767px) {
	footer {
		font-size: 14px;
	}
	
	footer h3 {
		font-size: 16px;
		margin-top: 1.5rem;
		margin-bottom: 1rem;
	}
	
	footer .col-span-12.md\:col-span-3 {
		margin-bottom: 2rem;
	}
}


/*手机版隐藏备案号ew*/
@media (max-width: 780px) {
	#page_dibu_beianhao {
		display: none !important;
	}
}