/**
 * 首页样式
 * 作用域：.site-front，避免污染主题导航/通用布局
 */

.site-front {
	--kt-navy: var(--navy);
	--kt-orange: var(--blue);
	--kt-orange-hover: var(--blue-mid);
	--kt-gray: var(--gray);
	--kt-border: var(--border);
	--kt-bg: var(--blue-pale);
	--kt-muted: var(--gray-light);
	color: var(--gray-dark);
}

.site-front a { text-decoration: none; color: inherit; }
.site-front img { display: block; max-width: 100%; }

.site-front .container {
	max-width: var(--content-max);
	margin: 0 auto;
	padding: 0 var(--content-pad);
	box-sizing: border-box;
}

.site-front .tag {
	display: inline-block;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--kt-orange);
	background: rgba(255,106,0,0.10);
	padding: 4px 12px;
	border-radius: 2px;
	margin-bottom: 14px;
}

.site-front .btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--kt-orange);
	color: #fff;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 14px 28px;
	border: none;
	cursor: pointer;
	transition: background .2s, transform .2s;
}
.site-front .btn-primary:hover { background: var(--kt-orange-hover); transform: translateY(-1px); }

.site-front .btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent;
	color: #fff;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 13px 27px;
	border: 2px solid #fff;
	cursor: pointer;
	transition: all .2s;
}
.site-front .btn-outline:hover { background: #fff; color: var(--kt-navy); }

.site-front .fade-up {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.site-front .fade-up.visible { opacity: 1; transform: translateY(0); }

.site-front .section-head { text-align: center; margin-bottom: 56px; }
.site-front .section-head h2 {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: clamp(32px,4vw,52px);
	font-weight: 800;
	text-transform: uppercase;
	color: var(--kt-navy);
	line-height: 1.1;
}
.site-front .section-head p {
	color: var(--kt-gray);
	font-size: 16px;
	margin-top: 14px;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.7;
}

.site-front.site-main { min-height: 0; }


.site-front .banner-block {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: var(--nav-height);
	background: #0B1F3A;
}

/* 首页 Banner 与导航间距 */
body.home .site-front .banner-block,
body.front-page .site-front .banner-block {
	margin-top: var(--nav-height);
}

.site-front .slides {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: auto;
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}

.site-front .slide {
	flex: 0 0 100%;
	width: 100%;
	height: auto;
	position: relative;
}

.site-front .slide-bg {
	position: relative;
	width: 100%;
	line-height: 0;
}

.site-front .slide-bg a {
	display: block;
	width: 100%;
}

.site-front .slide-bg img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
	object-position: center center;
}

.site-front .banner-controls {
	position: absolute;
	bottom: clamp(16px, 3vw, 36px);
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 8px;
	z-index: 10;
}

.site-front .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
	cursor: pointer;
	transition: all .3s;
	border: none;
	padding: 0;
}

.site-front .dot.active {
	background: #FF6A00;
	width: 28px;
	border-radius: 4px;
}

.site-front .banner-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: clamp(36px, 4vw, 48px);
	height: clamp(36px, 4vw, 48px);
	border: 2px solid rgba(255, 255, 255, 0.3);
	background: rgba(11, 31, 58, 0.5);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	transition: all .2s;
	font-size: clamp(14px, 1.5vw, 18px);
	border-radius: 4px;
}

.site-front .banner-arrow:hover {
	border-color: #FF6A00;
	background: #FF6A00;
}

.site-front .banner-arrow.prev {
	left: clamp(12px, 2.5vw, 40px);
}

.site-front .banner-arrow.next {
	/* 避开右侧浮动通讯栏 */
	right: clamp(64px, 6vw, 80px);
}

.site-front .slide-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	background: #FF6A00;
	transition: width 5s linear;
	width: 0%;
	z-index: 10;
}

@media (max-width: 1100px) {
	.site-front .banner-arrow.next {
		right: clamp(56px, 8vw, 72px);
	}
}

@media (max-width: 768px) {
	.site-front .banner-arrow {
		width: 36px;
		height: 36px;
		font-size: 14px;
	}

	.site-front .banner-arrow.prev {
		left: 10px;
	}

	.site-front .banner-arrow.next {
		right: 58px;
	}

	.site-front .banner-controls {
		bottom: 14px;
		gap: 6px;
	}

	.site-front .dot {
		width: 6px;
		height: 6px;
	}

	.site-front .dot.active {
		width: 20px;
	}
}

@media (max-width: 480px) {
	.site-front .banner-arrow.next {
		right: 54px;
	}
}

.site-front .products-block { padding:80px 0; background:#fff; }
  .site-front .products-head { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:48px; flex-wrap:wrap; }
  .site-front .products-head-text h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(32px,4vw,48px); font-weight:800; text-transform:uppercase; color:#0B1F3A; line-height:1.1; margin-bottom:10px; }
  .site-front .products-head-text p { color:#6B7280; font-size:15px; margin-bottom:14px; }
  .site-front .products-head-text .underline { width:48px; height:3px; background:#FF6A00; }
  .site-front .products-head-logo img { height:90px; width:auto; }
  .site-front .products-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
  .site-front .product-card { position:relative; overflow:hidden; cursor:pointer; border:1px solid #E5E9EF; display:block; color:inherit; text-decoration:none; }
  .site-front .product-img-wrap { position:relative; overflow:hidden; aspect-ratio:4/3; background:#fff; }
  .site-front .product-img-wrap img { width:100%; height:100%; object-fit:contain; transition:transform .4s; }
  .site-front .product-card:hover .product-img-wrap img { transform:scale(1.05); }
  .site-front .product-img-placeholder { width:100%; height:100%; background:#F4F6F9; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
  .site-front .product-img-placeholder svg { opacity:0.3; }
  .site-front .product-img-placeholder span { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:#9AA4B2; }
  .site-front .product-title-bar { background:#0B1F3A; padding:14px 18px; }
  .site-front .product-title-bar h3 { font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:0.03em; color:#fff; }
  .site-front .product-arrow { display:flex; align-items:center; justify-content:space-between; padding:14px 14px 14px; }
  .site-front .product-arrow span { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#FF6A00; }
  .site-front .product-arrow-circle { width:28px; height:28px; border-radius:50%; border:1.5px solid #0B1F3A; display:flex; align-items:center; justify-content:center; transition:background .2s, border-color .2s; }
  .site-front .product-arrow-circle svg { width:13px; height:13px; }
  .site-front .product-card:hover .product-arrow-circle { background:#FF6A00; border-color:#FF6A00; }
  .site-front .product-card:hover .product-arrow-circle svg path { stroke:#fff; }
  @media (max-width:1024px){ .site-front .products-grid { grid-template-columns:repeat(2,1fr); } }
  @media (max-width:768px){ .site-front .products-head { flex-direction:column; } }

.site-front .workflow-block { padding:80px 0; background:#0B1F3A; }
  .site-front .workflow-head { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:8px; flex-wrap:wrap; }
  .site-front .workflow-head-left { display:flex; align-items:center; gap:20px; }
  .site-front .workflow-head-text h3 { font-family:'Barlow Condensed',sans-serif; font-size:22px; font-weight:800; text-transform:uppercase; letter-spacing:0.05em; color:#fff; margin-bottom:6px; }
  .site-front .workflow-head-text .underline { width:36px; height:3px; background:#FF6A00; margin-bottom:8px; }
  .site-front .workflow-head-text p { font-size:14px; color:rgba(255,255,255,0.6); }
  .site-front .workflow-head-logo { display:flex; align-items:center; gap:10px; }
  .site-front .workflow-head-logo img { height:90px; width:auto; }
  .site-front .workflow-title-wrap { text-align:left; margin:32px 0 48px; }
  .site-front .workflow-title-wrap h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(34px,4.5vw,58px); font-weight:800; text-transform:uppercase; color:#fff; line-height:1.05; margin-bottom:14px; }
  .site-front .workflow-title-wrap p { font-size:16px; color:rgba(255,255,255,0.6); max-width:680px; margin:0; }
  .site-front .workflow-steps { display:flex; align-items:stretch; gap:0; position:relative; }
  .site-front .workflow-step { flex:1; position:relative; padding:0 10px; }
  .site-front .step-num-label { font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; color:#FF6A00; margin-bottom:14px; text-align:center; }
  .site-front .step-img-wrap { position:relative; aspect-ratio:3/4; overflow:hidden; border-radius:10px; }
  .site-front .step-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
  .site-front .workflow-step:hover .step-img-wrap img { transform:scale(1.08); }
  .site-front .workflow-arrows-overlay { position:absolute; top:0; left:0; right:0; height:auto; pointer-events:none; z-index:50; }
  .site-front .step-arrow-circle { position:absolute; top:200px; transform:translate(-50%,-50%); width:44px; height:44px; border-radius:50%; background:#FF6A00; display:flex; align-items:center; justify-content:center; animation:arrowPulse 1.8s ease-in-out infinite; box-sizing:border-box; box-shadow:0 4px 14px rgba(0,0,0,0.35); }
  .site-front .step-arrow-circle svg { width:16px; height:16px; }
  @keyframes arrowPulse { 0%,100%{ transform:translate(-50%,-50%) scale(1); box-shadow:0 4px 14px rgba(0,0,0,0.35), 0 0 0 0 rgba(255,106,0,0.5); } 50%{ transform:translate(-50%,-50%) scale(1.12); box-shadow:0 4px 14px rgba(0,0,0,0.35), 0 0 0 8px rgba(255,106,0,0); } }
  @media (max-width:1024px){ .site-front .workflow-steps { flex-wrap:wrap; gap:32px 0; } .site-front .workflow-step { flex:0 0 calc(50% - 10px); } .site-front .workflow-arrows-overlay { display:none; } }
  .site-front .step-title { font-family:'Barlow Condensed',sans-serif; font-size:19px; font-weight:700; text-transform:uppercase; letter-spacing:0.02em; color:#fff; text-align:center; margin-top:20px; line-height:1.25; padding-bottom:8px; border-bottom:2px solid #FF6A00; display:inline-block; }
  .site-front .step-title-wrap { text-align:center; }
  .site-front .step-desc { font-size:13px; color:rgba(255,255,255,0.55); line-height:1.7; text-align:center; margin-top:14px; padding:0 6px; }
  @media (max-width:768px){ .site-front .workflow-head { flex-direction:column; gap:20px; } .site-front .workflow-step { flex:0 0 100%; } }

.site-front .about-block { padding:80px 0; background:#F4F6F9; }
  /* 整体区域：左侧(文字+图片网格)，右侧侧卡 */
  .site-front .about-top-grid { display:grid; grid-template-columns:2.3fr 1fr; gap:24px; align-items:stretch; }
  .site-front .about-left-col { display:flex; flex-direction:column; }
  .site-front .about-left-col:first-of-type { margin-bottom:24px; }
  .site-front .about-head-row { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; flex-wrap:wrap; }
  .site-front .about-head-text h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(30px,3.8vw,46px); font-weight:800; text-transform:uppercase; line-height:1.15; color:#0B1F3A; }
  .site-front .about-head-text h2 .accent { color:#FF6A00; }
  .site-front .about-head-text .underline { width:48px; height:3px; background:#FF6A00; margin:14px 0 18px; }
  .site-front .about-head-logo img { height:90px; width:auto; }
  /* 正文段落 */
  .site-front .about-body-text { margin-bottom:32px; }
  .site-front .about-body-text p { color:#6B7280; font-size:15px; line-height:1.8; max-width:620px; margin-bottom:10px; }
  /* 照片区 */
  .site-front .about-photo-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }

  /* ── 图片悬停动效 ── */

  /* 卡片本身不裁切，避免说明文字（尤其 p）被 overflow 切掉一半 */
  .site-front .about-photo-item {
    position: relative;
  }

  /* 仅图片区裁切悬停放大溢出 */
  .site-front .about-photo-img-wrap {
    overflow: hidden;
    border-radius: 4px;
  }

  /* 图片：悬停放大 + 轻微亮度提升 */
  .site-front .about-photo-img-wrap img {
    width:100%;
    aspect-ratio:422/226;
    object-fit:cover;
    display:block;
    transition: transform .55s ease, filter .55s ease;
    will-change: transform;
  }
  .site-front .about-photo-item:hover .about-photo-img-wrap img {
    transform: scale(1.07);
    filter: brightness(1.06);
  }

  /* 说明文字区：默认完整可见，悬停略提亮 */
  .site-front .about-photo-caption {
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:12px;
    transition: opacity .4s ease;
    opacity: 0.85;
  }
  .site-front .about-photo-item:hover .about-photo-caption {
    opacity: 1;
  }
  .site-front .about-photo-caption-text p {
    font-size:12.5px;
    color:#6B7280;
    line-height:1.5;
    margin:0;
  }

  /* 图标：悬停时放大 */
  .site-front .about-photo-icon {
    width:32px;
    height:32px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#FF6A00;
    transition: transform .35s ease;
  }
  .site-front .about-photo-item:hover .about-photo-icon {
    transform: scale(1.15);
  }
  .site-front .about-photo-icon img { width:24px; height:24px; object-fit:contain; }

  /* 说明文字标题：悬停时变橙色 */
  .site-front .about-photo-caption-text h4 {
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:700;
    color:#0B1F3A;
    margin-bottom:2px;
    transition: color .3s ease;
  }
  .site-front .about-photo-item:hover .about-photo-caption-text h4 {
    color: #FF6A00;
  }

  /* 右侧侧卡 */
  .site-front .about-side-card { background:#fff; border:1px solid #E5E9EF; padding:24px 22px; display:flex; flex-direction:column; gap:0; height:100%; justify-content:space-between; }
  .site-front .about-side-item { display:flex; gap:16px; padding:16px 0; border-bottom:1px solid #E5E9EF; flex:1; }
  .site-front .about-side-item:first-child { padding-top:0; }
  .site-front .about-side-item:last-child { border-bottom:none; padding-bottom:0; }
  .site-front .about-side-icon { width:44px; height:44px; background:#0B1F3A; flex-shrink:0; display:flex; align-items:center; justify-content:center; clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); }
  .site-front .about-side-icon img { width:22px; height:22px; object-fit:contain; }
  .site-front .about-side-content h4 { font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:800; letter-spacing:0.04em; text-transform:uppercase; color:#0B1F3A; margin-bottom:5px; }
  .site-front .about-side-content p { font-size:12.5px; color:#6B7280; line-height:1.55; }
  .site-front .about-side-content ul { list-style:none; padding:0; margin:0; }
  .site-front .about-side-content ul li { font-size:12.5px; color:#6B7280; line-height:1.75; padding-left:14px; position:relative; }
  .site-front .about-side-content ul li::before { content:''; position:absolute; left:0; top:8px; width:5px; height:5px; background:#FF6A00; border-radius:50%; }

  /* 底部横条 */
  .site-front .about-strip { margin-top:24px; background:#0B1F3A; padding:28px 36px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; }
  .site-front .about-strip-item {
    display:flex;
    align-items:center;
    gap:18px;
    flex:1;
    min-width:160px;
    cursor:default;
  }
  .site-front .about-strip-icon {
    width:44px;
    height:44px;
    border:1.5px solid rgba(255,255,255,0.3);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background: transparent;
    transition: border-color .35s ease, background-color .35s ease, transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
  }
  .site-front .about-strip-icon img {
    width:22px;
    height:22px;
    object-fit:contain;
    transition: filter .35s ease, transform .4s cubic-bezier(.34,1.56,.64,1);
  }
  .site-front .about-strip-item:hover .about-strip-icon {
    border-color: #FF6A00;
    background: #FF6A00;
    transform: scale(1.12);
    box-shadow: 0 0 0 4px rgba(255,106,0,0.25);
  }
  .site-front .about-strip-item:hover .about-strip-icon img {
    filter: brightness(0) invert(1);
    transform: scale(1.08);
  }
  .site-front .about-strip-text {
    font-family:'Barlow Condensed',sans-serif;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.02em;
    color:#fff;
    line-height:1.3;
    transition: transform .35s ease;
  }
  .site-front .about-strip-item:hover .about-strip-text {
    transform: translateX(4px);
  }
  .site-front .about-strip-text .underline-mini {
    width:24px;
    height:2px;
    background:#FF6A00;
    margin-top:6px;
    transition: width .35s ease;
  }
  .site-front .about-strip-item:hover .about-strip-text .underline-mini {
    width:40px;
  }
  .site-front .about-strip-divider { width:1px; align-self:stretch; background:rgba(255,255,255,0.12); }

  /* 响应式 */
  @media (max-width:1024px){
    .site-front .about-top-grid { grid-template-columns:1fr; }
    .site-front .about-strip { justify-content:flex-start; }
    .site-front .about-strip-divider { display:none; }
  }
  @media (max-width:768px){
    .site-front .about-head-row { flex-direction:column; }
    .site-front .about-photo-grid { grid-template-columns:1fr; }
  }

.site-front .why-block { padding:96px 0 80px; background:#fff url('../images/why-bg.jpg') center/cover no-repeat; position:relative; overflow:visible; }
  .site-front .why-block::before { content:''; position:absolute; inset:0; background:rgba(255, 255, 255, 0); pointer-events:none; }
  .site-front .why-block .container { position:relative; z-index:1; overflow:visible; }
  .site-front .why-head { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:56px; flex-wrap:wrap; }
  .site-front .why-head-text h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(34px,4.2vw,54px); font-weight:800; text-transform:uppercase; line-height:1.08; color:#0B1F3A; }
  .site-front .why-head-text h2 .accent { color:#FF6A00; }
  .site-front .why-head-text .underline { width:56px; height:3px; background:#FF6A00; margin:18px 0 22px; }
  .site-front .why-head-text .sub { font-family:'Inter',sans-serif; font-size:17px; font-weight:500; color:#0B1F3A; line-height:1.6; }
  .site-front .why-head-logo img { height:90px; width:auto; }
  .site-front .why-map-wrap { position:relative; width:100%; height:200px; margin-bottom:40px; }
  .site-front .why-map-wrap img { width:100%; height:100%; object-fit:contain; opacity:0.5; }
  /* 预留悬停上浮与投影空间，避免首项阴影被裁切 */
  .site-front .why-strip {
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:0;
    padding:14px 8px 28px;
    margin: -14px -8px -8px;
  }
  .site-front .why-item {
    padding:20px 18px;
    border-left:1px solid #E5E9EF;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, background-color .35s ease;
    border-radius:6px;
    cursor:default;
  }
  .site-front .why-item:first-child { border-left:none; }
  .site-front .why-item:hover { transform:translateY(-10px); background-color:#fff; box-shadow:0 18px 40px rgba(11,31,58,0.14); }
  .site-front .why-num-badge { background:#FF6A00; color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:800; letter-spacing:0.02em; padding:4px 11px; margin-bottom:14px; display:inline-block; transition:transform .35s ease; }
  .site-front .why-item:hover .why-num-badge { transform:scale(1.08); }
  .site-front .why-icon-hex { width:88px; height:88px; background:#0B1F3A; clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); display:flex; align-items:center; justify-content:center; margin-bottom:22px; transition:background-color .35s ease, transform .45s cubic-bezier(.34,1.56,.64,1); }
  .site-front .why-icon-hex img { width:42px; height:42px; object-fit:contain; transition:transform .4s ease; }
  .site-front .why-item:hover .why-icon-hex { background-color:#FF6A00; transform:rotate(8deg) scale(1.06); }
  .site-front .why-item:hover .why-icon-hex img { transform:rotate(-8deg); }
  .site-front .why-item h3 { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:800; text-transform:uppercase; letter-spacing:0.02em; color:#0B1F3A; line-height:1.3; margin-bottom:10px; min-height:42px; }
  .site-front .why-item .why-underline-mini { width:28px; height:2px; background:#FF6A00; margin-bottom:16px; transition:width .35s ease; }
  .site-front .why-item:hover .why-underline-mini { width:48px; }
  .site-front .why-item p { font-size:13.5px; color:#6B7280; line-height:1.7; }
  @media (max-width:1024px){
    .site-front .why-strip { grid-template-columns:repeat(3,1fr); row-gap:40px; }
    .site-front .why-item { border-left:none; }
  }
  @media (max-width:640px){ .site-front .why-head { flex-direction:column; } .site-front .why-strip { grid-template-columns:repeat(2,1fr); } }

.site-front .oem-detail-block { padding:80px 0; background:#F4F6F9; }
  .site-front .oem-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:40px; flex-wrap:wrap; }
  .site-front .oem-detail-head-text h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(30px,3.8vw,46px); font-weight:800; text-transform:uppercase; line-height:1.15; color:#0B1F3A; margin-bottom:10px; }
  .site-front .oem-detail-head-text .sub { color:#0B1F3A; font-size:17px; font-weight:500; margin-bottom:14px; }
  .site-front .oem-detail-head-text .underline { width:48px; height:3px; background:#FF6A00; }
  .site-front .oem-detail-head-logo img { height:90px; width:auto; }
  .site-front .oem-detail-grid { display:grid; grid-template-columns:2fr 1fr; gap:24px; align-items:stretch; }

  /* ── 图片悬停动效 ── */

  /* 图片容器：裁切溢出 + 边框 + 阴影过渡 */
  .site-front .oem-detail-photo {
    background:#fff;
    border:1px solid #E5E9EF;
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow: hidden;
    position: relative;
    transition: border-color .35s ease, box-shadow .35s ease;
    text-decoration: none;
    color: inherit;
  }
  .site-front .oem-detail-photo:hover {
    border-color: #FF6A00;
    box-shadow: 0 8px 32px rgba(255,106,0,.12);
  }

  /* 图片本体：悬停放大 + 亮度提升 */
  .site-front .oem-detail-photo img {
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    min-height:380px;
    transition: transform .6s ease, filter .6s ease;
    will-change: transform;
  }
  .site-front .oem-detail-photo:hover img {
    transform: scale(1.05);
    filter: brightness(1.05);
  }

  .site-front .oem-detail-side { background:#fff; border:1px solid #E5E9EF; padding:8px 28px; display:flex; flex-direction:column; }
  .site-front .oem-detail-item { display:flex; align-items:flex-start; gap:18px; padding:22px 0; border-bottom:1px solid #E5E9EF; }
  .site-front .oem-detail-item:last-child { border-bottom:none; }
  .site-front .oem-detail-icon { width:56px; height:56px; background:#0B1F3A; flex-shrink:0; display:flex; align-items:center; justify-content:center; clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); transition:background-color .3s ease, transform .4s cubic-bezier(.34,1.56,.64,1); }
  .site-front .oem-detail-icon img { width:26px; height:26px; object-fit:contain; transition:transform .35s ease; }
  .site-front .oem-detail-item:hover .oem-detail-icon { background-color:#FF6A00; transform:rotate(8deg) scale(1.05); }
  .site-front .oem-detail-item:hover .oem-detail-icon img { transform:rotate(-8deg); }
  .site-front .oem-detail-content h4 { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:800; letter-spacing:0.03em; text-transform:uppercase; color:#0B1F3A; margin-bottom:6px; }
  .site-front .oem-detail-content p { font-size:13.5px; color:#6B7280; line-height:1.65; }
  .site-front .oem-detail-underline { width:24px; height:2px; background:#FF6A00; margin-top:10px; transition:width .3s ease; }
  .site-front .oem-detail-item:hover .oem-detail-underline { width:40px; }

  @media (max-width:1024px){
    .site-front .oem-detail-grid { grid-template-columns:1fr; }
    .site-front .oem-detail-photo img { min-height:280px; }
  }
  @media (max-width:768px){
    .site-front .oem-detail-head { flex-direction:column; }
  }

.site-front .ws-block { padding:80px 0; background:#fff; }
  .site-front .ws-head { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:32px; flex-wrap:wrap; }
  .site-front .ws-head-text h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(30px,3.8vw,46px); font-weight:800; text-transform:uppercase; line-height:1.15; color:#0B1F3A; margin-bottom:8px; }
  .site-front .ws-head-text .sub { color:#0B1F3A; font-size:17px; font-weight:500; margin-bottom:14px; }
  .site-front .ws-head-text .underline { width:48px; height:3px; background:#FF6A00; }
  .site-front .ws-head-logo img { height:90px; width:auto; }
  .site-front .ws-main-grid { display:grid; grid-template-columns:2.3fr 1fr; gap:24px; align-items:stretch; }

  /* 图片网格：6格，3列2行 */
  .site-front .ws-photo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    align-items: stretch;
  }

  /* 每个卡片：flex 纵向，让 caption 撑满底部 */
  .site-front .ws-photo-item {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  /* 图片：固定高度 + 悬停动效 */
  .site-front .ws-photo-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
    transition: transform .55s ease, filter .55s ease;
    will-change: transform;
  }
  .site-front .ws-photo-item:hover img {
    transform: scale(1.07);
    filter: brightness(1.08);
  }

  /* 序号角标：悬停时变深蓝 */
  .site-front .ws-photo-num {
    position: absolute;
    top: 0; left: 0;
    background: #FF6A00;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
    font-weight: 800;
    width: 40px; height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: background-color .3s ease;
  }
  .site-front .ws-photo-item:hover .ws-photo-num {
    background-color: #0B1F3A;
  }

  /* caption：flex:1 撑满，保证同行底部对齐 */
  .site-front .ws-photo-caption {
    background: #0B1F3A;
    padding: 14px 16px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  /* caption 标题：悬停时变橙色 */
  .site-front .ws-photo-caption h4 {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
    transition: color .3s ease;
  }
  .site-front .ws-photo-item:hover .ws-photo-caption h4 {
    color: #FF6A00;
  }

  .site-front .ws-photo-caption p { font-size:12.5px; color:rgba(255,255,255,0.65); line-height:1.5; }

  /* caption 底部橙色细线：悬停时展开 */
  .site-front .ws-photo-caption::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #FF6A00;
    margin-top: 10px;
    transition: width .4s ease;
  }
  .site-front .ws-photo-item:hover .ws-photo-caption::after {
    width: 32px;
  }

  /* 右侧侧卡 */
  .site-front .ws-side-card { background:#F4F6F9; border:1px solid #E5E9EF; padding:8px 26px; display:flex; flex-direction:column; gap:0; height:100%; justify-content:space-between; }
  .site-front .ws-side-item { display:flex; align-items:flex-start; gap:16px; padding:18px 0; border-bottom:1px solid #E0E4EA; flex:1; }
  .site-front .ws-side-item:last-child { border-bottom:none; }
  .site-front .ws-side-icon { width:48px; height:48px; background:#0B1F3A; flex-shrink:0; display:flex; align-items:center; justify-content:center; clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); transition:background-color .3s ease, transform .4s cubic-bezier(.34,1.56,.64,1); }
  .site-front .ws-side-icon img { width:22px; height:22px; object-fit:contain; transition:transform .35s ease; }
  .site-front .ws-side-item:hover .ws-side-icon { background-color:#FF6A00; transform:rotate(8deg) scale(1.05); }
  .site-front .ws-side-item:hover .ws-side-icon img { transform:rotate(-8deg); }
  .site-front .ws-side-content h4 { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:800; letter-spacing:0.02em; text-transform:uppercase; color:#0B1F3A; margin-bottom:5px; }
  .site-front .ws-side-content p { font-size:13px; color:#6B7280; line-height:1.6; }
  .site-front .ws-side-underline { width:22px; height:2px; background:#FF6A00; margin-top:8px; transition:width .3s ease; }
  .site-front .ws-side-item:hover .ws-side-underline { width:36px; }

  @media (max-width:1024px){
    .site-front .ws-main-grid { grid-template-columns:1fr; }
    .site-front .ws-photo-grid { grid-template-columns:1fr 1fr; }
    .site-front .ws-photo-item img { height:180px; }
  }
  @media (max-width:768px){
    .site-front .ws-head { flex-direction:column; }
    .site-front .ws-photo-grid { grid-template-columns:1fr; }
    .site-front .ws-photo-item img { height:220px; }
  }

.site-front .conv-block { padding:80px 0; background:#fff; }
  .site-front .conv-head { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:40px; flex-wrap:wrap; }
  .site-front .conv-head-text h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(30px,3.8vw,46px); font-weight:800; text-transform:uppercase; line-height:1.15; color:#0B1F3A; margin-bottom:14px; }
  .site-front .conv-head-text p { color:#0B1F3A; font-size:15px; line-height:1.7; max-width:560px; margin-bottom:16px; }
  .site-front .conv-head-text .underline { width:48px; height:3px; background:#FF6A00; }
  .site-front .conv-head-logo img { height:90px; width:auto; }
  .site-front .conv-main-grid { display:grid; grid-template-columns:2.3fr 1fr; gap:24px; align-items:stretch; }
  .site-front .conv-left-col { display:flex; flex-direction:column; height:100%; }
  .site-front .conv-photo-wrap { flex:1; overflow:hidden; display:block; text-decoration:none; color:inherit; }
  .site-front .conv-photo-wrap img { width:100%; height:100%; object-fit:cover; display:block; }
  .site-front .conv-ready-row { display:flex; align-items:center; gap:20px; margin-top:24px; flex-shrink:0; }
  .site-front .conv-ready-icon { width:64px; height:64px; border-radius:50%; background:#0B1F3A; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
  .site-front .conv-ready-icon img { width:50px; height:50px; object-fit:contain; }
  .site-front .conv-ready-divider { width:2px; align-self:stretch; background:#FF6A00; }
  .site-front .conv-ready-text h3 { font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:800; text-transform:uppercase; color:#0B1F3A; margin-bottom:6px; }
  .site-front .conv-ready-text h3 .accent { color:#FF6A00; }
  .site-front .conv-ready-text p { font-size:13.5px; color:#6B7280; line-height:1.6; max-width:480px; }
  .site-front .conv-side-card { background:#fff; display:flex; flex-direction:column; height:100%; gap:0; }
  .site-front .conv-side-section h4, .site-front .conv-why-block h4 { font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:800; text-transform:uppercase; letter-spacing:0.02em; color:#0B1F3A; margin-bottom:4px; }
  .site-front .conv-side-underline { width:36px; height:2px; background:#FF6A00; margin-bottom:16px; }
  .site-front .conv-contact-list { display:flex; flex-direction:column; }
  .site-front .conv-contact-item { display:flex; align-items:flex-start; gap:14px; padding:13px 0; border-bottom:1px solid #E5E9EF; }
  .site-front .conv-contact-item:last-child { border-bottom:none; }
  .site-front .conv-contact-icon { width:38px; height:38px; border-radius:50%; background:#0B1F3A; flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:background-color .3s ease, transform .35s cubic-bezier(.34,1.56,.64,1); }
  .site-front .conv-contact-icon img { width:21px; height:21px; object-fit:contain; }
  .site-front .conv-contact-item:hover .conv-contact-icon { background-color:#FF6A00; transform:scale(1.08); }
  .site-front .conv-contact-text h5 { font-family:'Inter',sans-serif; font-size:13.5px; font-weight:700; color:#0B1F3A; margin-bottom:2px; }
  .site-front .conv-contact-text p { font-size:13px; color:#6B7280; }
  .site-front .conv-contact-text a { color:#6B7280; transition:color .2s; }
  .site-front .conv-contact-text a:hover { color:#FF6A00; }
  .site-front .conv-why-block { margin-top:24px; padding-top:20px; border-top:1px solid #E5E9EF; }
  .site-front .conv-why-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; margin-top:6px; }
  .site-front .conv-why-item { display:flex; align-items:flex-start; gap:8px; }
  .site-front .conv-why-check { width:16px; height:16px; border-radius:50%; background:#FF6A00; flex-shrink:0; display:flex; align-items:center; justify-content:center; margin-top:2px; }
  .site-front .conv-why-check svg { width:9px; height:9px; }
  .site-front .conv-why-item span { font-size:12.5px; color:#0B1F3A; line-height:1.5; }
  @media (max-width:1024px){ .site-front .conv-main-grid { grid-template-columns:1fr; } }
  @media (max-width:768px){ .site-front .conv-head { flex-direction:column; } .site-front .conv-why-grid { grid-template-columns:1fr; } }

.site-front .faq-block { padding:80px 0 0; background:#fff; }
  .site-front .faq-head { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:32px; flex-wrap:wrap; }
  .site-front .faq-head-text h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(30px,3.8vw,46px); font-weight:800; text-transform:uppercase; line-height:1.15; color:#0B1F3A; margin-bottom:10px; }
  .site-front .faq-head-text .sub { color:#0B1F3A; font-size:17px; font-weight:500; margin-bottom:14px; }
  .site-front .faq-head-text .underline { width:48px; height:3px; background:#FF6A00; }
  .site-front .faq-head-logo img { height:90px; width:auto; }

  .site-front .faq-main-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:stretch; margin-bottom:0; }
  .site-front .faq-list { display:flex; flex-direction:column; gap:14px; }
  .site-front .faq-item { display:flex; align-items:flex-start; gap:16px; background:#fff; border:1px solid #E5E9EF; border-radius:6px; padding:18px 20px; transition:box-shadow .3s ease, transform .3s ease; }
  .site-front .faq-item:hover { box-shadow:0 10px 28px rgba(11,31,58,0.08); transform:translateY(-2px); }
  .site-front .faq-num { background:#FF6A00; color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:800; width:42px; height:42px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:4px; }
  .site-front .faq-icon { width:42px; height:42px; border-radius:50%; background:#0B1F3A; flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:background-color .3s ease, transform .35s cubic-bezier(.34,1.56,.64,1); }
  .site-front .faq-icon img { width:24px; height:24px; object-fit:contain; transition:transform .3s ease; }
  .site-front .faq-item:hover .faq-icon { background-color:#FF6A00; transform:scale(1.08); }
  .site-front .faq-text h4 { font-family:'Inter',sans-serif; font-size:15px; font-weight:700; color:#0B1F3A; margin-bottom:5px; line-height:1.4; }
  .site-front .faq-text p { font-size:13px; color:#6B7280; line-height:1.6; }

  .site-front .faq-photo-wrap { background:#fff; border:1px solid #E5E9EF; border-radius:6px; overflow:hidden; display:block; text-decoration:none; color:inherit; }
  .site-front .faq-photo-wrap img { width:100%; height:100%; object-fit:cover; display:block; min-height:380px; }

  .site-front .faq-cta-bar { margin-top:32px; background:#0B1F3A; padding:30px 40px; }
  .site-front .faq-cta-grid { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:28px; }
  .site-front .faq-cta-icon-circle { width:80px; height:80px; border-radius:50%; border:2px solid #FF6A00; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
  .site-front .faq-cta-icon-circle img { width:44px; height:44px; object-fit:contain; }
  .site-front .faq-cta-text { display:flex; align-items:center; gap:20px; }
  .site-front .faq-cta-text h3 { font-family:'Barlow Condensed',sans-serif; font-size:22px; font-weight:800; text-transform:uppercase; color:#fff; margin-bottom:6px; line-height:1.2; }
  .site-front .faq-cta-text h3 .accent { color:#FF6A00; }
  .site-front .faq-cta-text p { font-size:12.5px; color:rgba(255,255,255,0.65); line-height:1.55; max-width:260px; }
  .site-front .faq-cta-divider { width:1px; align-self:stretch; background:rgba(255,255,255,0.15); }
  .site-front .faq-cta-features { display:flex; align-items:center; justify-content:center; gap:26px; flex-wrap:wrap; }
  .site-front .faq-cta-feature { display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center; }
  .site-front .faq-cta-feature-icon { width:40px; height:40px; display:flex; align-items:center; justify-content:center; }
  .site-front .faq-cta-feature-icon img { width:38px; height:38px; object-fit:contain; }
  .site-front .faq-cta-feature span { font-family:'Barlow Condensed',sans-serif; font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.02em; color:#fff; line-height:1.3; }
  .site-front .faq-cta-map { width:100%; height:140px; border-radius:4px; overflow:hidden; }
  .site-front .faq-cta-map img { width:100%; height:100%; object-fit:cover; opacity:0.85; display:block; }

  @media (max-width:1024px){ .site-front .faq-main-grid { grid-template-columns:1fr; } .site-front .faq-photo-wrap img { min-height:280px; } .site-front .faq-cta-grid { grid-template-columns:1fr; gap:20px; } .site-front .faq-cta-divider { width:100%; height:1px; } .site-front .faq-cta-map { height:80px; } }
  @media (max-width:768px){ .site-front .faq-head { flex-direction:column; } }

.site-front .partner-block { padding:80px 0; background:#fff; }
  .site-front .partner-head { margin-bottom:32px; display:flex; align-items:flex-start; justify-content:space-between; gap:32px; flex-wrap:wrap; }
  .site-front .partner-head-text h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(28px,3.6vw,44px); font-weight:800; text-transform:uppercase; line-height:1.15; color:#0B1F3A; margin-bottom:10px; }
  .site-front .partner-head-text p { color:#0B1F3A; font-size:14.5px; line-height:1.6; max-width:480px; margin-bottom:14px; }
  .site-front .partner-head-text .underline { width:48px; height:3px; background:#FF6A00; }
  .site-front .partner-head-logo img { height:90px; width:auto; }
  .site-front .partner-main-grid { display:grid; grid-template-columns:2.3fr 1fr; gap:24px; align-items:stretch; }
  .site-front .partner-left-col { display:flex; flex-direction:column; }
  .site-front .partner-photo-wrap { position:relative; flex:1; display:block; text-decoration:none; color:inherit; }
  .site-front .partner-photo-wrap img { width:100%; height:100%; object-fit:cover; display:block; min-height:380px; }
  .site-front .partner-tagline-row { display:flex; align-items:center; gap:20px; margin-top:24px; position:relative; }
  .site-front .partner-tagline-icon { width:64px; height:64px; border-radius:50%; background:#0B1F3A; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
  .site-front .partner-tagline-icon img { width:40px; height:40px; object-fit:contain; }
  .site-front .partner-tagline-divider { width:2px; align-self:stretch; background:#FF6A00; }
  .site-front .partner-tagline-text h3 { font-family:'Barlow Condensed',sans-serif; font-size:21px; font-weight:800; text-transform:uppercase; color:#0B1F3A; margin-bottom:8px; line-height:1.3; }
  .site-front .partner-tagline-text h3 .accent { color:#FF6A00; }
  .site-front .partner-tagline-text p { font-size:13.5px; color:#6B7280; line-height:1.6; }
  .site-front .partner-world-map { position:absolute; right:0; bottom:-10px; width:220px; height:140px; opacity:0.5; pointer-events:none; }
  .site-front .partner-world-map img { width:100%; height:100%; object-fit:contain; }
  .site-front .partner-side-card { background:#fff; display:flex; flex-direction:column; height:100%; justify-content:space-between; }
  .site-front .partner-side-section h4 { font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:800; text-transform:uppercase; letter-spacing:0.02em; color:#0B1F3A; margin-bottom:4px; }
  .site-front .partner-side-underline { width:36px; height:2px; background:#FF6A00; margin-bottom:14px; }
  .site-front .partner-commit-text p { font-size:13px; color:#6B7280; line-height:1.65; margin-bottom:10px; }
  .site-front .partner-expect-block { margin-top:20px; padding-top:18px; border-top:1px solid #E5E9EF; }
  .site-front .partner-expect-list { display:flex; flex-direction:column; gap:11px; margin-top:6px; }
  .site-front .partner-expect-item { display:flex; align-items:center; gap:10px; }
  .site-front .partner-expect-check { width:18px; height:18px; border-radius:50%; background:#FF6A00; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
  .site-front .partner-expect-check svg { width:10px; height:10px; }
  .site-front .partner-expect-item span { font-size:13.5px; color:#0B1F3A; }
  .site-front .partner-thanks-block { margin-top:20px; padding-top:18px; border-top:1px solid #E5E9EF; }
  .site-front .partner-thanks-block p { font-size:12.5px; color:#6B7280; line-height:1.65; margin-bottom:4px; }
  @media (max-width:1024px){ .site-front .partner-main-grid { grid-template-columns:1fr; } .site-front .partner-world-map { display:none; } }
  @media (max-width:768px){ .site-front .partner-head { flex-direction:column; } }