/* ========== 全局主题变量 ========== */:root {
	--main-color:#009688;
	--main-light:#4db6ac;
	--main-dark:#00695c;
	--shadow-main:rgba(0,150,136,0.08);
	--shadow-hover:rgba(0,150,136,0.15);
	--text-black:#1a1a1a;
	--text-gray:#666;
	--text-light-gray:#999;
	--bg-page:#f7fafa;
	--bg-white:#ffffff;
	--border-line:#eeeeee;
	--base-transition:all 0.4s ease;
}
@media (prefers-reduced-motion:reduce) {
	*{animation:none !important;
	transition:none !important;
}
}html {
	scroll-behavior:smooth;
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
	font-family:"Microsoft YaHei",system-ui,sans-serif;
	font-size:15px;
	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 12px;
}
.section-head {
	text-align:center;
	margin-bottom:40px;
}
.section-title {
	font-size:28px;
	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:15px;
}
.more-link {
	display:inline-block;
	padding:9px 28px;
	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:14px 15px;
}
.logo-text {
	font-size:22px;
	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:28px;
}
.nav-a {
	font-size:15px;
	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:460px;
	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:220% 220%;
	animation:bannerBgFastFlow 8s ease infinite alternate;
	/* 加快背景流动 */
}
/* 加宽强光扫光带 */
.banner-light {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-120%;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.28),transparent);
	animation:bannerFastSweep 5s linear infinite;
	/* 扫光更快 */
    pointer-events:none;
}
/* 新增多层扩散波纹 */
.banner-wave {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:100%;
	pointer-events:none;
}
.banner-wave span {
	position:absolute;
	border:1px solid rgba(255,255,0.15);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:waveExpand 4s infinite ease-out;
}
/* 放大粒子、数量不变但尺寸更大亮度更高 */
.banner-particles {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
}
.banner-particles span {
	position:absolute;
	width:10px;
	height:10px;
	background:rgba(255,255,255,0.55);
	border-radius:50%;
	box-shadow:0 0 12px #fff;
	/* 粒子发光 */
    animation:particleFastFloat 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,0.12);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:circleFastPulse 3.5s ease-in-out infinite alternate;
	pointer-events:none;
}
.banner-circle::before {
	content:"";
	position:absolute;
	width:600px;
	height:600px;
	border:1px solid rgba(255,255,0.09);
	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,0.06);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.banner-content {
	position:relative;
	z-index:3;
	padding:0 20px;
}
.banner-title {
	font-size:40px;
	margin-bottom:20px;
	font-weight: bold;
	color:#fff;
	animation:bannerUp 1s ease forwards;
	animation-name:bannerUp,titleStrongGlow;
	animation-duration:1s,2.8s;
	animation-delay:0s,1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1,infinite;
	animation-direction:normal,alternate;
}
.banner-desc {
	font-size:16px;
	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:12px 34px;
	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,0.4),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,0.18);
	transform:translateY(-6px);
	box-shadow:0 12px 28px rgba(0,0,0,0.08);
}
/* ========== 内页通用Banner ========== */
.page-banner {
	padding:48px 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:bannerBgFastFlow 8s ease infinite alternate;
}
.page-banner .main-container {
	position:relative;
	z-index:2;
}
.page-banner h1 {
	font-size:32px;
	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:60px 0;
}
.service-row {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;
}
.service-card {
	background:var(--bg-white);
	padding:36px 22px;
	border-radius:16px;
	text-align:center;
	box-shadow:var(--shadow-main);
	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(-6px);
	box-shadow:var(--shadow-hover);
}
.service-icon {
	width:80px;
	height:80px;
	margin:0 auto 20px;
	transition:var(--base-transition);
}
.service-card:hover .service-icon {
	transform:scale(1.06);
}
.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:60px 15px;
	margin:40px 0;
	border-radius:0;
	background:linear-gradient(90deg,var(--main-dark),var(--main-color));
	background-size:220% 220%;
	animation:dataFastBgFlow 7s 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:10px;
	height:10px;
	background:rgba(255,255,255,0.5);
	border-radius:50%;
	box-shadow:0 0 10px #fff;
	animation:dataFastFloat 5.5s 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,0.11);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:dataFastScale 3s ease-in-out infinite alternate;
}
.data-circle::before {
	content:"";
	position:absolute;
	width:480px;
	height:480px;
	border:1px solid rgba(255,255,0.07);
	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:20px;
	text-align:center;
	color:#fff;
	min-height:140px;
	align-items:center;
}
.data-number {
	font-size:36px;
	font-weight:700;
	margin-bottom:10px;
	animation:numberStrongPulse 2.2s infinite ease-in-out;
	/* 数字高频脉动 */
    text-shadow:0 0 14px rgba(255,255,255,0.35);
}
.data-label {
	font-size:16px;
	opacity:0.9;
}
/* ========== 优势&FAQ ========== */
.advantage-section,.faq-section {
	padding:60px 0;
}
.four-card-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
.adv-card {
	background:var(--bg-white);
	border-radius:16px;
	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.06);
}
.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:55px 0;
	margin:45px 0;
	color:#fff;
	background:radial-gradient(circle at 20% 10%,rgba(255,255,0.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,0.09) 0%,transparent 45%),linear-gradient(135deg,var(--main-dark) 0%,var(--main-color) 50%,var(--main-dark) 100%);
	background-size:220% 220%;
	animation:actionFastBgFlow 7s ease-in-out infinite;
}
/* 加宽快速扫光条 */
.action-sweep {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-130%;
	background:linear-gradient(90deg,transparent,rgba(255,255,0.18),transparent);
	animation:actionFastSweep 4.5s 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:9px;
	height:9px;
	background:rgba(255,255,255,0.88);
	border-radius:50%;
	box-shadow:0 0 10px #fff;
	animation:floatFastParticle 5.2s 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,0.1);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation:actionFastPulse 3s ease-in-out infinite alternate;
}
.action-circle::before {
	content:"";
	position:absolute;
	width:540px;
	height:540px;
	border:1px solid rgba(255,255,0.06);
	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,0.04);
	border-radius:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.action-inner {
	position:relative;
	z-index:2;
	width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:40px;
	animation:actionFadeUp 0.9s ease;
}
.action-text-box {
	max-width:600px;
}
.action-text-box h2,
.action-text-box .action-title {
	font-size:30px;
	margin-bottom:12px;
	font-weight: bold;
	text-shadow:0 0 10px rgba(255,255,0.5);
	animation:titleStrongGlow 2.6s 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:13px 32px;
	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,0.3),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;
}
/* ========== 强化动画关键帧（三大区块专属高速动态） ========== */
@keyframes pageFadeIn {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}@keyframes fadeUp {
	from {
	opacity:0;
	transform:translateY(20px);
}
to {
	opacity:1;
}
}@keyframes bannerBgFastFlow {
	0% {
	background-position:0% 50%;
}
100% {
	background-position:100% 50%;
}
}@keyframes bannerFastSweep {
	0% {
	left:-120%;
}
100% {
	left:120%;
}
}@keyframes waveExpand {
	0{width:0;
	height:0;
	opacity:0.8;
}
100 {
	width:100%;
	height:100%;
	opacity:0;
}
}@keyframes particleFastFloat {
	0%,100% {
	transform:translateY(0) scale(1);
	opacity:0.55;
}
50% {
	transform:translateY(-25px) scale(1.3);
	opacity:1;
}
}@keyframes circleFastPulse {
	from {
	opacity:0.5;
	transform:translate(-50%,-50%) scale(1);
}
to {
	opacity:1;
	transform:translate(-50%,-50%) scale(1.15);
}
}@keyframes bannerUp {
	from {
	opacity:0;
	transform:translateY(35px);
}
to {
	opacity:1;
}
}@keyframes titleStrongGlow {
	from {
	text-shadow:0 0 10px rgba(255,255,0.3);
}
to {
	text-shadow:0 0 22px rgba(255,255,0.7),0 0 40px rgba(255,255,0.25);
}
}@keyframes numberStrongPulse {
	0%,100% {
	transform:scale(1);
}
50% {
	transform:scale(1.1);
}
}@keyframes dataFastBgFlow {
	0% {
	background-position:0% 50%;
}
100% {
	background-position:100% 50%;
}
}@keyframes dataFastFloat {
	0%,100% {
	transform:translateY(0) scale(1);
	opacity:0.5;
}
50% {
	transform:translateY(-22px) scale(1.2);
	opacity:1;
}
}@keyframes dataFastScale {
	from {
	transform:translate(-50%,-50%) scale(1);
	opacity:0.4;
}
to {
	transform:translate(-50%,-50%) scale(1.18);
}
}@keyframes actionFastBgFlow {
	0% {
	background-position:0% 50%;
}
50% {
	background-position:100% 50%;
}
100% {
	background-position:0% 50%;
}
}@keyframes actionFastSweep {
	0% {
	left:-130%;
}
100% {
	left:130%;
}
}@keyframes floatFastParticle {
	0%,100% {
	transform:translateY(0) scale(1);
	opacity:0.5;
}
50% {
	transform:translateY(-18px) scale(1.15);
	opacity:1;
}
}@keyframes actionFastPulse {
	from {
	transform:translate(-50%,-50%) scale(1);
	opacity:0.5;
}
to {
	transform:translate(-50%,-50%) scale(1.14);
}
}@keyframes actionFadeUp {
	from {
	opacity:0;
	transform:translateY(30px);
}
to {
	opacity:1;
}
}/* ========== 移动端适配 关闭所有强特效防卡顿 ========== */
@media screen and (max-width:1200px) {
	.header-container,.main-container,.data-row,.action-inner,.footer-container,.copyright {
	width:100%;
}
}@media screen and (max-width:768px) {
	/* 移动端关闭所有发光粒子、圆环、扫光、波纹 */
    .banner-light,.banner-particles,.banner-circle,.banner-wave,.data-stat-particle,.data-circle,.action-sweep,.action-particle,.action-circle {
	display:none !important;
	animation:none !important;
}
.banner-wrap {
	height:auto;
	padding:60px 15px;
}
.banner-title {
	font-size:30px;
}
.header-container {
	flex-direction:column;
	gap:15px;
}
.nav-ul {
	flex-wrap:wrap;
	justify-content:center;
	gap:20px;
}
.service-row,.data-row,.four-card-grid {
	grid-template-columns:1fr;
}
.action-inner {
	flex-direction:column;
	text-align:left;
	gap:30px;
}
.action-button-group {
	justify-content:flex-start;
}
.banner-btn-group {
	flex-direction:column;
	align-items:center;
}
.data-number {
	font-size:28px;
}
.service-section,.advantage-section,.faq-section {
	padding:40px 0;
}
.four-card-grid,.service-row {
	gap:20px;
}
}
/* 二级栏目导航 全局通用（列表/单页共用） */
.sub-nav-wrap {
	background:#fff;
	padding:25px 0;
	box-shadow:0 2px 8px var(--shadow-main);
	margin-bottom:30px;
}
.sub-nav-box {
	width:1200px;
	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:var(--base-transition);
	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);
}
.sub-nav-box .badge {
	margin-left:6px;
	padding:2px 8px;
	border-radius:12px;
	font-size:12px;
}
.badge-light {
	background:#fff;
	color:var(--main-color);
}
.badge.btn-info {
	background:var(--main-color);
	color:#fff;
}
/* 手机修复不靠右 */
@media screen and (max-width:768px) {
	.sub-nav-box {
		width: 100%;
		justify-content:center;
		padding: 0 10px;
		gap: 10px;
	}
	.sub-nav-box a {
		font-size:13px;
		padding:6px 14px;
	}
	.sub-nav-box .badge {
		font-size:11px;
		padding:1px 6px;
	}
}