/* ========== 全局重置与变量 ========== */
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	body {
		font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
		background-color: #ffffff;
		color: #1e2a3a;
		line-height: 1.5;
		scroll-behavior: smooth;
	}

	:root {
		--primary: #3b9eff;        /* 科技蓝，替代原来的浅青色 */
		--primary-light: #e8f0fe;
		--dark: #1e2a3a;
		--gray: #5e6f8d;
		--light-bg: #f8fafd;
		--border: #e2e9f2;
		--shadow: 0 8px 20px rgba(0,0,0,0.02), 0 2px 6px rgba(0,20,50,0.05);
	}

	.container {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0 24px;
		font-family: "iconfont" !important;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	/* ========== 通用排版 ========== */
	h1, h2, h3 {
		font-weight: 600;
		letter-spacing: -0.02em;
	}

	h2 {
		font-size: 2rem;
		margin-bottom: 1.5rem;
		text-align: center;
	}

	.section {
		padding: 80px 0;
	}

	.section.light {
		background-color: var(--light-bg);
	}

	.subhead {
		text-align: center;
		color: var(--gray);
		margin-bottom: 48px;
		font-size: 1.1rem;
	}

	/* ========== 导航栏 ========== */
	.navbar {
		background-color: #000000;        /* 黑色背景 */
		box-shadow: 0 4px 20px rgba(0,0,0,0.3);  /* 加深阴影以适应黑色 */
		position: sticky;
		top: 0;
		z-index: 999;
		padding: 12px 0;
	}

	.navbar .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.navbar .language{
    position: absolute;
    right: 36px;
    top: 21px;
	}
	.navbar .language a{
  	color: #FFF;
		text-decoration: none;
	}

	/* Logo 图片：建议使用浅色版本，若无则添加白色边框或发光效果（以下为示例） */
	.logo-img {
		height: 40px;
		width: auto;
		display: block;
	}

	.nav-links {
		display: flex;
		gap: 32px;
		list-style: none;
	}

	.nav-links a {
		text-decoration: none;
		color: #ffffff;           /* 白色链接文字 */
		font-weight: 500;
		transition: color 0.2s;
		font-size: 1rem;
	}

	.nav-links a:hover {
		color: #3b9eff;           /* 悬停时变为主题蓝，与黑色背景形成对比 */
	}

	/* 移动端适配保持不变 */
	@media (max-width: 700px) {
		.navbar .container {
			flex-direction: column;
			gap: 12px;
		}
		.nav-links {
			flex-wrap: wrap;
			justify-content: center;
			gap: 20px;
		}
		.logo-img {
			height: 36px;
		}
	}

	/* ========== 按钮 ========== */
	.btn {
		display: inline-block;
		background-color: var(--primary);
		color: white;
		padding: 10px 28px;
		border-radius: 40px;
		text-decoration: none;
		font-weight: 500;
		border: none;
		cursor: pointer;
		transition: 0.2s;
		font-size: 1rem;
	}
	.btn:hover {
		background-color: #1e7ae6;
		transform: translateY(-2px);
	}

	/* ========== HERO 大图 ========== */
	.hero {
    position: relative;
    background: url("images/hero-bj.jpg") center center / cover no-repeat;
    text-align: center;
    overflow: hidden;
		color: #ffffff;
		min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
	}

	@media (max-width: 600px) {
		.hero {
				min-height: 82vh;
		}
	}

	.hero::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
	}

	.hero .container {
		position: relative;
		z-index: 2;
	}
	.hero h1 {
		font-size: 3.2rem;
		margin-bottom: 16px;
		line-height: 1.2;
	}
	.hero h2 {
		line-height: 1.2;
		margin-bottom: 2px;
	}

	.hero p {
		font-size: 1.3rem;
		max-width: 700px;
		margin: 0 auto;
	}

	/* ========== 服务流程 (图标行) ========== */
	.process-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
		margin-top: 40px;
	}
	.process-item {
		background: white;
		/* border-radius: 32px; */
		padding: 16px 12px 32px 16px; 
		/* padding: 32px 24px; */
		text-align: center;
		box-shadow: var(--shadow);
	}
	.offer-img {
		background-color: var(--primary-light);
		width: 100%;
		margin: 0 auto 20px;
	}
	.process-item h3 {
		margin-bottom: 12px;
	}
	.process-item p {
		color: var(--gray);
		font-size: 0.95rem;
	}
	@media (max-width: 700px) {
		.process-grid { grid-template-columns: 1fr; }
	}

	/* ========== 图文列表 (产品) ========== */
	.product-row {
		display: flex;
		gap: 40px;
		margin-bottom: 60px;
		align-items: center;
		background: white;
		border-radius: 36px;
		padding: 32px;
		box-shadow: var(--shadow);
	}
	.product-row:nth-child(even) {
		flex-direction: row-reverse;
	}
	.product-img {
		flex: 1;
		text-align: center;
		font-size: 5rem;
		background: var(--primary-light);
		border-radius: 28px;
		padding: 30px;
		color: var(--primary);
	}
	.product-info {
		flex: 2;
	}
	
	.product-info h3 {
		font-size: 1.8rem;
		margin-bottom: 6px;
	}
	.product-info h4 {
		text-align: left;
		font-size: 16px;
		margin-bottom: 6px;
	}
	.product-info ul {
		list-style: none;
	}
	.product-info li {
		margin-bottom: 5px;
		padding-left: 24px;
		position: relative;
	}
	.product-info li::before {
		content: "○";
		color: var(--primary);
		font-weight: bold;
		position: absolute;
		left: 0;
	}
	@media (max-width: 800px) {
		.product-row {
				flex-direction: column !important;
				padding: 24px;
		}
	}

	/* ========== 网格应用 ========== */
	.app-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 24px;
		margin-top: 60px;
	}
	.app-item {
		background: white;
		text-align: center;
		box-shadow: var(--shadow);
		width: 100%;
		position: relative;
    overflow: hidden;
    border-radius: 20px;
	}
	.industrie-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
	}
	.app-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 20, 50, 0.45);
	}

	.app-item-title {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: white;
			font-size: 1.4rem;
			font-weight: 600;
			z-index: 99;
			letter-spacing: 1px;
	}

	
	@media (max-width: 800px) {
		.app-grid { grid-template-columns: repeat(2,1fr); }
	}
	@media (max-width: 500px) {
		.app-grid { grid-template-columns: 1fr; }
	}

	/* ========== 关于段落 ========== */
	.about-block {
		background: white;
		padding: 48px;
		border-radius: 48px;
		box-shadow: var(--shadow);
		font-size: 1.05rem;
		color: var(--dark);
		line-height: 1.7;
	}

	/* ========== 底部 ========== */
	footer {
		background: #0f1a2b;
		color: #a0b3d9;
		padding: 60px 0 30px;
	}
	.footer-grid {
		/* display: grid; */
		/* grid-template-columns: repeat(3,1fr); */
		/* gap: 40px; */
	}
	.footer-col h4 {
		color: white;
		margin-bottom: 20px;
		font-size: 1.2rem;
	}
	.footer-col p, .footer-col a {
		color: #a0b3d9;
		text-decoration: none;
		line-height: 2;
		display: block;
	}
	.footer-img{
		width: 120px;
		height: 120px;
		display: inline-block;
		
	}
	.footer-col a:hover {
		color: white;
	}
	.footer-col-1{
		position: relative;
		top:-10px;
		display: inline-block;
		/* width: 300px; */
		margin-left: 3rem;
	}
	.copyright {
		margin-top: 60px;
		text-align: center;
		border-top: 1px solid #253449;
		padding-top: 30px;
		font-size: 0.9rem;
	}
	.copyright a {
		color: #a0b3d9;
	}
	@media (max-width: 700px) {
			.footer-grid { grid-template-columns: 1fr; }
	}

	/* ========== 语言切换按钮 ========== */
	.lang-switcher {
		position: fixed;
		bottom: 30px;
		right: 30px;
		z-index: 999;
		background-color: var(--primary);
		border-radius: 60px;
		box-shadow: 0 8px 20px rgba(0,80,200,0.3);
		display: flex;
		overflow: hidden;
		cursor: pointer;
	}
	.lang-option {
		padding: 12px 20px;
		color: white;
		font-weight: 600;
		transition: 0.2s;
		user-select: none;
	}
	.lang-option.active-lang {
		background-color: white;
		color: var(--primary);
	}
	/* 回到顶部 (保留) */
	.go-top {
		position: fixed;
		bottom: 100px;
		right: 30px;
		background: var(--dark);
		color: white;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		opacity: 0.8;
		transition: 0.2s;
		z-index: 998;
	}
	.go-top:hover {
		opacity: 1;
	}