/* ========== 全局主题变量【新商务青绿主题】一键全站换色 ========== */:root {
	--main-color:#455a64;
	--main-light:#90a4ae;
	--main-dark:#263238;
	--shadow-main:rgba(69,90,100,0.08);
	--shadow-hover:rgba(69,90,100,0.15);
	--text-black:#1a1a1a;
	--text-gray:#666;
	--text-light-gray:#999;
	--bg-page:#f5f7f8;
	--bg-white:#ffffff;
	--border-line:#eeeeee;
	--base-transition:all 0.3s ease;
}
html {
	font-size:16px;
}
@media screen and (max-width:768px) {
	html {
	font-size:14px;
}
html,body {
	overflow-x:hidden;
}
* {
	-webkit-overflow-scrolling:touch;
}
}/* 系统减少动画自动禁用 */
@media (prefers-reduced-motion:reduce) {
	*{animation:none !important;
	transition:none !important;
}
}/* ========== 全局重置 ========== */
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
	font-family:"Microsoft YaHei",system-ui,sans-serif;
	color:var(--text-gray);
	background-color:var(--bg-page);
	line-height:1.65;
	animation:pageFadeIn 0.75s ease forwards;
}
ul {
	list-style:none;
}
a {
	text-decoration:none;
	color:inherit;
	transition:var(--base-transition);
}
img {
	max-width:100%;
	display:block;
}
.main-container {
	width:1200px;
	margin:0 auto;
	padding:0 15px;
}
.section-head {
	text-align:center;
	margin-bottom:50px;
	animation:fadeUp 0.6s ease;
}
.section-title {
	font-size:32px;
	color:var(--main-color);
	margin-bottom:12px;
	position:relative;
}
.section-title::after {
	content:"";
	width:60px;
	height:3px;
	background:var(--main-color);
	display:block;
	margin:10px auto 0;
	transition:var(--base-transition);
}
.section-sub {
	font-size:16px;
	color:var(--text-gray);
}
.more-btn-box {
	text-align:center;
	margin-top:40px;
}
.more-link {
	display:inline-block;
	padding:10px 32px;
	border:1px solid var(--main-color);
	border-radius:999px;
	color:var(--main-color);
	transition:var(--base-transition);
}
.more-link:hover {
	background:var(--main-color);
	color:#fff;
	transform:translateY(-3px);
	box-shadow:var(--shadow-main);
}
/* ========== 顶部导航 ========== */
.header-top {
	background:var(--bg-white);
	box-shadow:0 2px 10px var(--shadow-main);
	position:sticky;
	top:0;
	z-index:999;
}
.header-container {
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:16px 15px;
}
.logo-text {
	font-size:24px;
	font-weight:700;
	color:var(--main-color);
	transition:var(--base-transition);
}
.logo-text:hover {
	text-shadow:0 0 10px rgba(0,150,136,0.3);
}
.nav-ul {
	display:flex;
	gap:36px;
}
.nav-a {
	font-size:16px;
	padding:8px 0;
	position:relative;
	transition:var(--base-transition);
}
.nav-a::after {
	content:"";
	width:0;
	height:2px;
	background:var(--main-color);
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	transition:var(--base-transition);
}
.nav-li.active .nav-a,.nav-a:hover {
	color:var(--main-color);
}
.nav-li.active .nav-a::after,.nav-a:hover::after {
	width:100%;
}
/* ========== 首页Banner 全套光效动画 ========== */
.banner-wrap {
	height:520px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	position:relative;
	overflow:hidden;
	background:linear-gradient(135deg,var(--main-color) 0%,var(--main-light) 100%);
	background-size:200% 200%;
	animation:bannerBgFlow 12s ease infinite alternate;
}
/* 横向扫光 */
.banner-light {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);
	animation:bannerLightSweep 8s linear infinite;
	pointer-events:none;
}
/* 漂浮粒子 */
.banner-particles {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.banner-particles span {
	position:absolute;
	width:6px;
	height:6px;
	background:rgba(255,255,255,0.35);
	border-radius:50%;
	animation:particleFloat 6s ease-in-out infinite;
}
.banner-particles span:nth-child(1) {
	top:20%;
	left:10%;
	animation-delay:0s;
}
.banner-particles span:nth-child(2) {
	top:60%;
	left:15%;
	animation-delay:1s;
}
.banner-particles span:nth-child(3) {
	top:30%;
	right:20%;
	animation-delay:2s;
}
.banner-particles span:nth-child(4) {
	top:70%;
	right:10%;
	animation-delay:3s;
}
.banner-particles span:nth-child(5) {
	top:50%;
	left:50%;
	animation-delay:4s;
}
/* 多层呼吸圆环 */
.banner-circle {
	position:absolute;
	width:400px;
	height:400px;
	border:1px solid rgba(255,255,255,0.08);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:circlePulse 4s ease-in-out infinite alternate;
	pointer-events:none;
}
.banner-circle::before {
	content:"";
	position:absolute;
	width:600px;
	height:600px;
	border:1px solid rgba(255,255,255,0.06);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.banner-circle::after {
	content:"";
	position:absolute;
	width:800px;
	height:800px;
	border:1px solid rgba(255,255,255,0.04);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.banner-content {
	position:relative;
	z-index:3;
	padding:0 20px;
}
.banner-title {
	font-weight:bold;
	font-size:46px;
	margin-bottom:20px;
	color:#fff;
	animation:bannerUp 1s ease forwards;
	animation-name:bannerUp,titleGlow;
	animation-duration:1s,4s;
	animation-delay:0s,1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1,infinite;
	animation-direction:normal,alternate;
}
.banner-desc {
	font-size:18px;
	margin-bottom:40px;
	color:rgba(255,255,255,0.9);
	animation:bannerUp 1s ease 0.25s both;
	line-height:1.8;
}
.banner-btn-group {
	display:flex;
	gap:25px;
	justify-content:center;
	animation:bannerUp 1s ease 0.45s both;
}
.banner-btn {
	position:relative;
	overflow:hidden;
	padding:14px 40px;
	border-radius:999px;
	font-size:17px;
	font-weight:500;
	transition:var(--base-transition);
}
.banner-btn::before {
	content:"";
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);
	transition:left 0.6s ease;
}
.banner-btn:hover::before {
	left:100%;
}
.banner-btn.primary {
	background:#fff;
	color:var(--main-color);
}
.banner-btn.primary:hover {
	background:#f0f7ff;
	transform:translateY(-6px);
	box-shadow:0 12px 28px rgba(0,0,0,0.12);
}
.banner-btn.outline {
	border:2px solid #fff;
	color:#fff;
}
.banner-btn.outline:hover {
	background:rgba(255,255,255,0.18);
	transform:translateY(-6px);
	box-shadow:0 12px 28px rgba(0,0,0,0.08);
}
/* ========== 内页通用Banner ========== */
.page-banner {
	padding:60px 0;
	color:#fff;
	text-align:center;
	position:relative;
	overflow:hidden;
	background:linear-gradient(135deg,var(--main-color),var(--main-light));
	background-size:200% 200%;
	animation:bannerBgFlow 12s ease infinite alternate;
}
.page-banner .main-container {
	position:relative;
	z-index:2;
}
.page-banner h1 {
	font-size:36px;
	margin-bottom:12px;
	animation:fadeUp 0.8s ease;
}
.page-banner p {
	font-size:18px;
	opacity:0.9;
	animation:fadeUp 0.8s ease 0.2s both;
}
.breadcrumb {
	font-size:14px;
	color:var(--text-gray);
}
/* ========== 核心服务板块 ========== */
.service-section {
	padding:80px 0;
}
.service-row {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;
}
.service-card {
	background:var(--bg-white);
	padding:36px 22px;
	border-radius:20px;
	text-align:center;
	box-shadow:var(--shadow-card);
	transition:var(--base-transition);
	animation:fadeUp 0.6s ease;
}
.service-card:nth-child(2) {
	animation-delay:0.1s;
}
.service-card:nth-child(3) {
	animation-delay:0.2s;
}
.service-card:nth-child(4) {
	animation-delay:0.3s;
}
.service-card:hover {
	transform:translateY(-10px);
	box-shadow:var(--shadow-card-hover);
}
.service-icon {
	width:80px;
	height:80px;
	margin:0 auto 20px;
	transition:var(--base-transition);
}
.service-card:hover .service-icon {
	transform:scale(1.1);
}
.card-title {
	font-size:20px;
	color:var(--text-black);
	margin-bottom:12px;
}
.card-text {
	font-size:15px;
	color:var(--text-gray);
}
/* ========== 通栏贯穿数据实力板块 ========== */
.data-stat-section {
	width:100%;
	max-width:100%;
	position:relative;
	overflow:hidden;
	padding:80px 20px;
	margin:50px 0;
	border-radius:0;
	background:linear-gradient(90deg,var(--main-dark),var(--main-color));
	background-size:180% 180%;
	animation:dataBgFlow 10s ease infinite alternate;
}
/* 数据区粒子 */
.data-stat-particle {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.data-stat-particle span {
	position:absolute;
	width:8px;
	height:8px;
	background:rgba(255,255,255,0.3);
	border-radius:50%;
	animation:dataFloat 7s ease-in-out infinite;
}
.data-stat-particle span:nth-child(1) {
	top:15%;
	left:8%;
	animation-delay:0s;
}
.data-stat-particle span:nth-child(2) {
	top:70%;
	left:16%;
	animation-delay:1.2s;
}
.data-stat-particle span:nth-child(3) {
	top:22%;
	right:12%;
	animation-delay:2.4s;
}
.data-stat-particle span:nth-child(4) {
	top:65%;
	right:18%;
	animation-delay:3.6s;
}
.data-stat-particle span:nth-child(5) {
	top:45%;
	left:50%;
	animation-delay:4.8s;
}
/* 数据圆环 */
.data-circle {
	position:absolute;
	width:320px;
	height:320px;
	border:1px solid rgba(255,255,255,0.07);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:dataCircleScale 5s ease-in-out infinite alternate;
}
.data-circle::before {
	content:"";
	position:absolute;
	width:480px;
	height:480px;
	border:1px solid rgba(255,255,0.05);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.data-row {
	position:relative;
	z-index:2;
	width:1200px;
	max-width:100%;
	margin:0 auto;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:30px;
	text-align:center;
	color:#fff;
	min-height:180px;
	align-items:center;
}
.data-number {
	font-size:42px;
	font-weight:700;
	margin-bottom:10px;
	animation:numberPulse 3s infinite ease-in-out;
	text-shadow:0 0 10px rgba(255,255,255,0.25);
}
.data-label {
	font-size:16px;
	opacity:0.9;
}
/* ========== 优势&FAQ 四栏卡片 ========== */
.advantage-section,.faq-section {
	padding:80px 0;
}
.four-card-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
.adv-card {
	background:var(--bg-white);
	border-radius:20px;
	overflow:hidden;
	box-shadow:var(--shadow-main);
	transition:var(--base-transition);
	animation:fadeUp 0.6s ease;
}
.four-card-grid .adv-card:nth-child(1) {
	animation-delay:0s;
}
.four-card-grid .adv-card:nth-child(2) {
	animation-delay:0.12s;
}
.four-card-grid .adv-card:nth-child(3) {
	animation-delay:0.24s;
}
.four-card-grid .adv-card:nth-child(4) {
	animation-delay:0.36s;
}
.adv-card:hover {
	transform:translateY(-12px);
	box-shadow:var(--shadow-hover);
}
.card-img-box {
	height:170px;
	overflow:hidden;
}
.card-img-box img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.5s ease;
}
.adv-card:hover img {
	transform:scale(1.12);
}
.card-text-box {
	padding:26px 22px;
}
.card-text-box h4 {
	font-size:20px;
	margin-bottom:12px;
	color:var(--main-color);
	font-weight:600;
}
.card-text-box p {
	font-size:15px;
	color:var(--text-gray);
	line-height:1.7;
}
/* ========== 底部转化行动区 左对齐+全套光效 ========== */
.action-banner-section {
	position:relative;
	overflow:hidden;
	padding:70px 0;
	margin:60px 0;
	color:#fff;
	background:radial-gradient(circle at 20% 10%,rgba(255,255,255,0.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.06) 0%,transparent 45%),linear-gradient(135deg,var(--main-dark) 0%,var(--main-color) 50%,var(--main-dark) 100%);
	background-size:180% 180%;
	animation:actionBgFlow 12s ease-in-out infinite;
}
/* 横向扫光 */
.action-sweep {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);
	animation:actionSweep 9s linear infinite;
	pointer-events:none;
}
/* 漂浮粒子 */
.action-particle {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.action-particle span {
	position:absolute;
	width:7px;
	height:7px;
	background:rgba(255,255,255,0.35);
	border-radius:50%;
	animation:floatParticle 8s ease-in-out infinite;
}
.action-particle span:nth-child(1) {
	top:10%;
	left:8%;
	animation-delay:0s;
}
.action-particle span:nth-child(2) {
	top:75%;
	left:14%;
	animation-delay:1.5s;
}
.action-particle span:nth-child(3) {
	top:20%;
	right:10%;
	animation-delay:3s;
}
.action-particle span:nth-child(4) {
	top:68%;
	right:16%;
	animation-delay:4.5s;
}
.action-particle span:nth-child(5) {
	top:42%;
	left:50%;
	animation-delay:6s;
}
/* 多层呼吸圆环 */
.action-circle {
	position:absolute;
	width:360px;
	height:360px;
	border:1px solid rgba(255,255,255,0.06);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:actionCirclePulse 6s ease-in-out infinite alternate;
}
.action-circle::before {
	content:"";
	position:absolute;
	width:540px;
	height:540px;
	border:1px solid rgba(255,255,255,0.04);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.action-circle::after {
	content:"";
	position:absolute;
	width:720px;
	height:720px;
	border:1px solid rgba(255,255,255,0.03);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.action-inner {
	position:relative;
	z-index:2;
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:60px;
	animation:actionFadeUp 0.9s ease;
}
.action-text-box {
	max-width:600px;
}
.action-text-box h2,.action-text-box .action-text-box-title {
	font-weight:bold;
	font-size:34px;
	margin-bottom:12px;
	text-shadow:0 0 8px rgba(255,255,255,0.4);
	animation:titleGlow 3s ease-in-out infinite alternate;
}
.action-text-box p {
	font-size:17px;
	opacity:0.9;
}
.action-button-group {
	display:flex;
	gap:20px;
}
.action-btn {
	position:relative;
	overflow:hidden;
	padding:15px 36px;
	border-radius:999px;
	font-size:16px;
	font-weight:500;
	transition:var(--base-transition);
}
.action-btn::before {
	content:"";
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);
	transition:left 0.5s ease;
}
.action-btn:hover::before {
	left:100%;
}
.reg-btn {
	background:#fff;
	color:var(--main-color);
}
.reg-btn:hover {
	background:#f8fafc;
	transform:translateY(-5px);
	box-shadow:0 8px 20px rgba(0,0,0,0.15),0 0 0 4px rgba(255,255,0.1);
}
.service-btn {
	border:2px solid #fff;
	color:#fff;
}
.service-btn:hover {
	background:rgba(255,255,0.18);
	transform:translateY(-5px);
	box-shadow:0 8px 20px rgba(0,0,0,0.15),0 0 0 4px rgba(255,255,0.1);
}
/* ========== 页脚 ========== */
.footer-wrap {
	background:#151b28;
	color:#ccc;
	padding:50px 0 20px;
}
.footer-container {
	width:1200px;
	margin:0 auto;
	padding:0 15px;
}
.footer-contact h4 {
	color:#fff;
	font-size:20px;
	margin-bottom:20px;
}
.footer-contact p {
	margin-bottom:10px;
	font-size:15px;
}
.footer-link {
	margin-top:30px;
}
.footer-link a {
	margin:0 10px;
	color:#aaa;
}
.footer-link a:hover {
	color:var(--main-color);
}
.copyright-box {
	width:1200px;
	margin:40px auto 0;
	padding-top:20px;
	border-top:1px solid #2c3342;
	text-align:center;
	font-size:14px;
	color:#999;
}
.single-content-box {
	background:#fff;
	border-radius:16px;
	padding:32px;
	box-shadow:0 4px 15px var(--shadow-main);
	margin-bottom:60px;
}
.content-body img {
	max-width:100%;
	height:auto;
	border-radius:10px;
	margin:15px 0;
	loading:lazy;
}
.content-body p {
	line-height:1.8;
	margin-bottom:16px;
	color:#333;
}
@media screen and (max-width:768px) {
	.single-content-box {
	padding:20px !important;
}
}.sub-nav-wrap {
	background:#fff;
	padding:25px 0;
	box-shadow:0 2px 8px rgba(0,0,0,0.05);
}
.sub-nav-box {
	max-width:1200px;
	/* 用最大宽度，不限制手机 */
    width:100%;
	margin:0 auto;
	display:flex;
	gap:15px;
	flex-wrap:wrap;
	padding:0 15px;
}
.sub-nav-box a {
	padding:7px 18px;
	border-radius:30px;
	border:1px solid #eee;
	transition:0.3s;
	font-size:14px;
}
.sub-nav-box a.btn-info {
	background:var(--main-color);
	color:#fff;
	border-color:var(--main-color);
}
.sub-nav-box a.btn-light:hover {
	border-color:var(--main-color);
	color:var(--main-color);
}
.news-list {
	display:flex;
	flex-direction:column;
	gap:24px;
}
.news-item {
	display:flex;
	gap:16px;
	background:#fff;
	border-radius:14px;
	padding:16px;
	box-shadow:0 3px 12px var(--shadow-main);
	transition:all var(--base-transition);
}
.news-item:hover {
	transform:translateY(-4px);
	box-shadow:0 8px 22px var(--shadow-hover);
}
.news-item-img {
	width:200px;
	height:130px;
	overflow:hidden;
	border-radius:10px;
}
.news-item-img img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:0.4s;
	loading:lazy;
}
.news-item:hover img {
	transform:scale(1.08);
}
.news-item-text {
	flex:1;
}
.news-item-text h2 {
	font-size:20px;
	margin-bottom:10px;
}
.news-item-text h2 a {
	color:#1a1a1a;
}
.news-item-text h2 a:hover {
	color:var(--main-color);
}
.news-info {
	font-size:14px;
	color:#999;
	margin-bottom:12px;
}
.news-desc {
	color:#666;
	line-height:1.7;
}
.page-box {
	text-align:center;
	margin-top:50px;
}
.page-box a {
	display:inline-block;
	padding:6px 14px;
	border:1px solid #ddd;
	margin:0 4px;
	border-radius:4px;
}
.page-box a:hover {
	background:var(--main-color);
	color:#fff;
	border-color:var(--main-color);
}
@media screen and (max-width:768px) {
	.news-item {
	flex-direction:column;
}
.news-item-img {
	width:100%;
}
.sub-nav-box {
	justify-content:center;
}
}.detail-body img {
	max-width:100%;
	height:auto;
	border-radius:10px;
	margin:15px 0;
}
.detail-body p {
	margin-bottom:16px;
	line-height:1.8;
}
.page-box {
	border-top:1px solid #eee;
	padding-top:30px;
	margin-top:50px;
}
.to_prev,.to_next {
	display:block;
	margin:10px 0;
	color:#333;
}
.to_prev a,.to_next a {
	color:var(--main-color);
}
.news-info {
	color:#999;
	font-size:14px;
	margin-bottom:25px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}
.detail-title {
	font-size:30px;
	color:#1a1a1a;
	text-align:center;
	margin-bottom:15px;
	line-height:1.4;
}
@media screen and (max-width:768px) {
	.news-list-section {
	padding:32px !important;
}
.detail-title {
	font-size:24px;
}
}.single-content-box {
	background:#fff;
	border-radius:16px;
	padding:40px;
	box-shadow:0 4px 15px rgba(22,93,255,0.08);
	margin-bottom:60px;
}
.content-body img {
	max-width:100%;
	height:auto;
	border-radius:10px;
	margin:15px 0;
}
.content-body p {
	line-height:1.8;
	margin-bottom:16px;
	color:#333;
}
@media screen and (max-width:768px) {
	.single-content-box {
	padding:20px !important;
}
}/* ========== 关键帧动画合集 ========== */
@keyframes pageFadeIn {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}@keyframes fadeUp {
	from {
	opacity:0;
	transform:translateY(20px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}@keyframes bannerBgFlow {
	0% {
	background-position:0% 50%;
}
100% {
	background-position:100% 50%;
}
}@keyframes bannerLightSweep {
	0% {
	left:-100%;
}
100% {
	left:100%;
}
}@keyframes bannerUp {
	from {
	opacity:0;
	transform:translateY(35px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}@keyframes titleGlow {
	from {
	text-shadow:0 0 8px rgba(255,255,255,0.3);
}
to {
	text-shadow:0 0 16px rgba(255,255,255,0.6),0 0 30px rgba(255,255,255,0.2);
}
}@keyframes particleFloat {
	0%,100% {
	transform:translateY(0) scale(1);
	opacity:0.35;
}
50% {
	transform:translateY(-20px) scale(1.2);
	opacity:0.7;
}
}@keyframes circlePulse {
	from {
	opacity:0.5;
	transform:translate(-50%,-50%) scale(1);
}
to {
	opacity:1;
	transform:translate(-50%,-50%) scale(1.08);
}
}@keyframes numberPulse {
	0%,100% {
	transform:scale(1);
}
50% {
	transform:scale(1.05);
}
}@keyframes dataBgFlow {
	0% {
	background-position:0% 50%;
}
100% {
	background-position:100% 50%;
}
}@keyframes dataFloat {
	0%,100% {
	transform:translateY(0) scale(1);
	opacity:0.3;
}
50% {
	transform:translateY(-18px) scale(1.15);
	opacity:0.7;
}
}@keyframes dataCircleScale {
	from {
	transform:translate(-50%,-50%) scale(1);
	opacity:0.4;
}
to {
	transform:translate(-50%,-50%) scale(1.12);
	opacity:0.9;
}
}@keyframes actionBgFlow {
	0% {
	background-position:0% 50%;
}
50% {
	background-position:100% 50%;
}
100% {
	background-position:0% 50%;
}
}@keyframes floatParticle {
	0%,100% {
	transform:translateY(0) scale(1);
	opacity:0.6;
}
50% {
	transform:translateY(-15px) scale(1.08);
	opacity:1;
}
}@keyframes actionFadeUp {
	from {
	opacity:0;
	transform:translateY(30px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}@keyframes actionSweep {
	0% {
	left:-100%;
}
100% {
	left:100%;
}
}@keyframes actionCirclePulse {
	from {
	transform:translate(-50%,-50%) scale(1);
	opacity:0.5;
}
to {
	transform:translate(-50%,-50%) scale(1.09);
	opacity:1;
}
}/* ========== 移动端适配 ========== */
@media screen and (max-width:1200px) {
	.header-container,.main-container,.data-row,.action-inner,.footer-container,.copyright-box {
	width:100%;
}
}/* ========== 移动端适配【修复空白完整版】 ========== */
@media screen and (max-width:1200px) {
	.header-container,.main-container,.data-row,.action-inner,.footer-container,.copyright-box {
	width:100%;
}
}@media screen and (max-width:768px) {
	/* 1. 关闭复杂光影动画粒子，不删除主体容器，仅隐藏装饰 */
    .banner-light,.banner-particles,.banner-circle,.data-stat-particle,.data-circle,.action-sweep,.action-particle,.action-circle {
	display:none !important;
	animation:none !important;
}
/* 卡片淡入动画关闭，主体保留显示 */
    body,.service-card,.adv-card,.section-head {
	animation:none !important;
}
/* 2. Banner 修复空白核心：高度自适应+充足内边距，防止内容塌陷看不见 */
    .banner-wrap {
	height:auto;
	min-height:320px;
	/* 兜底最小高度，杜绝空白 */
        padding:80px 15px;
}
.banner-title {
	font-size:30px;
}
.banner-desc {
	font-size:16px;
}
.banner-btn-group {
	flex-direction:column;
	align-items:center;
	gap:16px;
}
.banner-btn {
	width:100%;
	max-width:260px;
	text-align:center;
}
/* 3. 导航手机适配 */
    .header-container {
	flex-direction:column;
	gap:15px;
}
.nav-ul {
	flex-wrap:wrap;
	justify-content:center;
	gap:20px;
}
/* 4. 多栏网格全部改为单列，防止宽度溢出隐藏内容 */
    .service-row,.data-row,.four-card-grid {
	grid-template-columns:1fr;
}
/* 5. 转化行动区修复布局错乱/空白 */
    .action-inner {
	flex-direction:column;
	text-align:center;
	gap:30px;
	padding:0 15px;
}
.action-text-box {
	max-width:100%;
}
.action-text-box h2,.action-text-box .action-text-box-title {
	font-size:26px;
}
.action-button-group {
	flex-direction:column;
	align-items:center;
	gap:14px;
}
.action-btn {
	width:100%;
	max-width:260px;
	text-align:center;
}
/* 6. 新闻列表移动端排版 */
    .news-item {
	flex-direction:column;
}
.news-item-img {
	width:100%;
}
.sub-nav-box {
	justify-content:center;
}
/* 7. 内容详情内边距适配 */
    .single-content-box {
	padding:20px !important;
}
.detail-title {
	font-size:24px;
}
/* 8. 板块上下间距缩小，避免内容被挤出屏幕看不见 */
    .service-section,.advantage-section,.faq-section {
	padding:50px 0;
}
.data-stat-section {
	padding:60px 15px;
}
.action-banner-section {
	padding:50px 15px;
}
.sub-nav-wrap {
	padding:16px 0;
}
.sub-nav-box {
	gap:10px;
	padding:0 10px;
	justify-content:center;
}
.sub-nav-box a {
	font-size:13px;
	padding:6px 12px;
}
}