:root {
            --primary-blue: #1e6fff;
            --dark-blue: #0d47a1;
            --light-blue: #e3f2fd;
            --text-dark: #333;
            --text-gray: #666;
            --bg-light: #f8f9fb;
            --shadow: 0 4px 20px rgba(30, 111, 255, 0.15);
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif; line-height: 1.6; color: var(--text-dark); }
		html, body {
		  overflow-x: hidden;
		}
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        /* Header */
        header { background: rgba(255,255,255,.98); box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: fixed; width: 100%; top: 0; z-index: 1000; }
        nav { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; }
        .logo h1 { font-size: 26px; color: var(--primary-blue); font-weight: bold; }
        .logo span { font-size: 12px; color: var(--text-gray); margin-left: 15px; padding-left: 15px; border-left: 1px solid #ddd; }
        .nav-menu { display: flex; list-style: none; align-items: center; }
        .nav-menu li { margin-left: 35px; }
        .nav-menu a { text-decoration: none; color: var(--text-dark); font-size: 15px; font-weight: 500; transition: color 0.3s; }
        .nav-menu a:hover, .nav-menu a.active { color: var(--primary-blue); }
        .nav-phone { background: var(--primary-blue); color: white !important; padding: 10px 25px; border-radius: 25px; font-size: 14px; }
        .menu-toggle { display: none; font-size: 24px; cursor: pointer; color: var(--primary-blue); }
        
        /* Banner */
        .banner {
            /*margin-top: 76px;*/
            height: 550px;
            position: relative;
            overflow: hidden;
        }
        
        .banner-slide {
			position: absolute;
			inset: 0;
			background-size: cover;
			background-position: center;
			display: none;
			align-items: center;
			justify-content: center;
			text-align: center;
        }
        
        .banner-slide.active {
            display: flex;
        }
        
        .slide1 { background: linear-gradient(135deg,#1e6fff,#0d47a1); }
		/* .slide1 { background-image: url("../img/banner.png"); } */
        .slide2 { background: linear-gradient(135deg,#1565c0,#0288d1); }
        .slide3 { background: linear-gradient(135deg,#0277bd,#00acc1); }
        .banner-content h1 { font-size: 54px; margin-bottom: 20px; animation: fadeInUp 1s ease; color: #ffffff; }
        .banner-content h2 { font-size: 54px; margin-bottom: 20px; animation: fadeInUp 1s ease; color: #ffffff; }
        .banner-content p { font-size: 22px; margin-bottom: 40px; opacity: 0.95; animation: fadeInUp 1s ease 0.3s both; color: #ffffff;}
        .banner-btn { display: inline-block; background: white; color: var(--primary-blue); padding: 18px 50px; border-radius: 30px; text-decoration: none; font-size: 18px; font-weight: bold; transition: all 0.3s; animation: fadeInUp 1s ease 0.6s both; }
        .banner-btn:hover { transform: scale(1.05); box-shadow: 0 10px 40px rgba(0,0,0,0.3); }
        .banner-indicators { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; }
        .indicator { width: 12px; height: 12px; border-radius: 50%; background: rgba(255,255,255,0.5); cursor: pointer; transition: all 0.3s; }
        .indicator.active { background: white; transform: scale(1.2); }
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
        
        /* Section */
        section { padding: 90px 0; }
        .section-title { text-align: center; margin-bottom: 70px; }
        .section-title h2 { font-size: 40px; color: var(--text-dark); margin-bottom: 15px; font-weight: bold; }
        .section-title p { font-size: 16px; color: var(--text-gray); }
        .section-title::after { content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(135deg, var(--primary-blue), #00bfff); margin: 20px auto 0; border-radius: 2px; }
        
        /* Services */
        .core-services {
            padding: 90px 0 45px 0;
            background: #fff;
        }
        
        .service-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 30px;
        }
        
        .service-item {
            text-align: center;
            padding: 50px 30px;
            border-radius: 12px;
            background: var(--bg);
            transition: all .4s ease;
            text-decoration: none;
            color: inherit;
            position: relative;
            overflow: hidden;
        }
        
        .service-item::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, var(--primary), #00bfff);
            opacity: 0;
            transition: .4s;
        }
        
        .service-item:hover::before {
            opacity: .05;
        }
        
        .service-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 50px rgba(30,111,255,.15);
        }
		.service-icon {
		    /* width: 80px;
		    height: 80px; */
		    margin: 0 auto 25px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    position: relative;
		    z-index: 2;
		}
		.service-icon img {
		    width: 100px;
		    height: 100px;
		    transition: .4s;
		    animation: iconFloat 3s ease-in-out infinite;
		}
		
		.service-item:hover .service-icon img {
		    transform: scale(1.15);
		    filter: drop-shadow(0 5px 15px rgba(30,111,255,.4));
		}
		
		@keyframes iconFloat {
		    0%, 100% { transform: translateY(0); }
		    50% { transform: translateY(-6px); }
		}
		.service-item h4 {
		    font-size: 20px;
		    margin-bottom: 15px;
		    transition: .3s;
		    position: relative;
		    z-index: 2;
		}
		
		.service-item:hover h4 {
		    color: var(--primary);
		}
		
		.service-item p {
		    color: var(--gray);
		    line-height: 1.8;
		    position: relative;
		    z-index: 2;
		}
		.advantage-item h4 {
		    font-size: 20px;
		    margin-bottom: 15px;
		    transition: .3s;
		    position: relative;
		    z-index: 2;
		}
		
		.advantage-item:hover h4 {
		    color: var(--primary);
		}
		
		.advantage-item p {
		    color: var(--gray);
		    line-height: 1.8;
		    position: relative;
		    z-index: 2;
		}
		.scroll-animate {
		    opacity: 0;
		    transform: translateY(40px);
		    transition: all .8s cubic-bezier(.25,.46,.45,.94);
		}
		
		/* 激活状态 */
		.scroll-animate.in-view {
		    opacity: 1;
		    transform: translateY(0);
		}
		
		/* 错落延迟 */
		.service-grid .scroll-animate:nth-child(1) { transition-delay: .1s; }
		.service-grid .scroll-animate:nth-child(2) { transition-delay: .2s; }
		.service-grid .scroll-animate:nth-child(3) { transition-delay: .3s; }
		.service-grid .scroll-animate:nth-child(4) { transition-delay: .4s; }
		.service-grid .scroll-animate:nth-child(5) { transition-delay: .5s; }
		.service-grid .scroll-animate:nth-child(6) { transition-delay: .6s; }
		.service-grid .scroll-animate:nth-child(7) { transition-delay: .7s; }
		.service-grid .scroll-animate:nth-child(8) { transition-delay: .8s; }
        
        /* Advantages */
        .service-advantages {
            padding: 45px 0;
            background: var(--bg);
        }
        
        .advantage-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 30px;
        }
        
        .advantage-item {
            background: #fff;
            padding: 50px 30px;
            border-radius: 12px;
            text-align: center;
            transition: .4s;
        }
        
        .advantage-icon {
            /* width: 80px;
            height: 80px; */
            margin: 0 auto 25px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .advantage-icon img {
            width: 100px;
            height: 100px;
            transition: .4s;
        }
        
        /* 动画初始状态（复用核心业务） */
        .scroll-animate {
            opacity: 0;
            transform: translateY(40px);
            transition: all .8s cubic-bezier(.25,.46,.45,.94);
        }
        
        .scroll-animate.in-view {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* 错落延迟 */
        .advantage-grid .scroll-animate:nth-child(1) { transition-delay: .1s; }
        .advantage-grid .scroll-animate:nth-child(2) { transition-delay: .2s; }
        .advantage-grid .scroll-animate:nth-child(3) { transition-delay: .3s; }
        .advantage-grid .scroll-animate:nth-child(4) { transition-delay: .4s; }
        
        /* About */
        .about-company {
            padding: 45px 0;
            background: #fff;
        }
        
        .about-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 60px;
            align-items: center;
        }
        
        .about-text h3 {
            font-size: 28px;
            margin-bottom: 25px;
        }
        
        .about-text p {
            color: var(--gray);
            line-height: 1.9;
            margin-bottom: 20px;
        }
        
        .about-image img {
            width: 100%;
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0,0,0,.1);
            transition: .4s;
        }
        
        /* 动画初始状态 */
        .scroll-animate {
            opacity: 0;
            transform: translateY(40px);
            transition: all .8s cubic-bezier(.25,.46,.45,.94);
        }
        
        /* 激活状态 */
        .scroll-animate.in-view {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* 左右错开入场 */
        .about-text.scroll-animate {
            transform: translateX(-40px);
        }
        
        .about-image.scroll-animate {
            transform: translateX(40px);
        }
        
        .about-text.scroll-animate.in-view,
        .about-image.scroll-animate.in-view {
            transform: translateX(0);
        }
        
        /* Cases */
        .success-cases {
            padding: 45px 0;
            background: var(--bg);
        }
        
        .case-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .case-card {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 25px rgba(0,0,0,.08);
            transition: .4s;
			text-decoration: none;
			color: #000000;
        }
        
        .case-image img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        
        .case-info {
            padding: 25px;
        }
        
        .case-info h4 {
            font-size: 18px;
            margin-bottom: 10px;
        }
        
        .case-info p {
            color: var(--gray);
            font-size: 14px;
        }
		.case-card:hover {
		    transform: translateY(-8px) scale(1.02);
		    box-shadow: 0 15px 50px rgba(30,111,255,.15);
		}
        
        /* News */
        .news-section {
            padding: 45px 0;
            background: #fff;
        }
        
        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .news-card {
            display: flex;
            gap: 20px;
            padding: 30px;
            background: var(--bg);
            border-radius: 12px;
            transition: .4s;
			text-decoration: none;
			color: #000000;
        }
        
        .news-date {
            text-align: center;
            min-width: 60px;
        }
        
        .news-date span {
            font-size: 28px;
            font-weight: bold;
            color: var(--primary);
        }
        
        .news-date small {
            color: var(--gray);
        }
        
        .news-content h4 {
            font-size: 18px;
            margin-bottom: 10px;
        }
        
        .news-content p {
            color: var(--gray);
            line-height: 1.8;
        }
        
        /* ✅ 差异化动画：翻转进入 */
        .news-flip {
            opacity: 0;
            transform: perspective(1000px) rotateX(15deg);
            transition: all .8s cubic-bezier(.25,.46,.45,.94);
        }
        
        .news-flip.in-view {
            opacity: 1;
            transform: perspective(1000px) rotateX(0);
        }
        
        .news-grid .news-flip:nth-child(1) { transition-delay: .1s; }
        .news-grid .news-flip:nth-child(2) { transition-delay: .2s; }
        .news-grid .news-flip:nth-child(3) { transition-delay: .3s; }
        
        /* Contact */
        .contact-section {
            padding: 45px 0 90px 0;
            background: var(--bg);
        }
        
        .contact-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 60px;
        }
        
        .contact-form input,
        .contact-form textarea {
            width: 100%;
            padding: 15px;
            margin-bottom: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 14px;
        }
        
        .contact-form button {
			width: 100%;
            background-color: #1e6fff;
            color: #fff;
            padding: 15px 40px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
        }
        
        .contact-info .info-item {
            margin-bottom: 25px;
        }
        
        .contact-info strong {
            display: block;
            margin-bottom: 8px;
        }
        
        /* ✅ 左右推进 */
        .contact-form.scroll-animate {
            opacity: 0;
            transform: translateX(-40px);
            transition: all .8s ease;
        }
        
        .contact-info.scroll-animate {
            opacity: 0;
            transform: translateX(40px);
            transition: all .8s ease;
        }
        
        .contact-form.scroll-animate.in-view,
        .contact-info.scroll-animate.in-view {
            opacity: 1;
            transform: translateX(0);
        }
        
		/* ================= 基础状态 ================= */
		.scroll-animate {
		    opacity: 0;
		    transition: all .8s cubic-bezier(.25,.46,.45,.94);
		}
		
		.scroll-animate.in-view {
		    opacity: 1;
		    transform: none !important;
		}
		
		/* ================= 1. 一站式解决方案 ================= */
		.bounce-in {
		    transform: translateY(-60px);
		    transition-timing-function: cubic-bezier(.68,-0.55,.27,1.55);
		}
		
		/* ================= 2. 服务优势 ================= */
		.fade-blur {
		    transform: translateY(30px);
		    filter: blur(10px);
		    transition-duration: 1s;
		}
		
		.fade-blur.in-view {
		    filter: blur(0);
		}
		
		/* ================= 3. 关于我们 ================= */
		.slide-left { transform: translateX(-50px); }
		.slide-right { transform: translateX(50px); }
		
		/* ================= 4. 成功案例 ================= */
		.scale-rotate {
		    transform: scale(0.8) rotate(-5deg);
		}
		
		/* ================= 5. 新闻动态 ================= */
		.flip-y {
		    transform: perspective(1000px) rotateX(20deg);
		}
		
		/* ================= 6. 联系我们 ================= */
		.converge-left { transform: translateX(-100px); }
		.converge-right { transform: translateX(100px); }
        /* Footer */
        footer { background: #1a1a2e; color: white; padding: 70px 0 20px; }
        .footer-content { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 50px; }
        .footer-column h4 { font-size: 18px; margin-bottom: 25px; position: relative; padding-bottom: 10px; }
        .footer-column h4::after { content: ''; display: block; width: 40px; height: 3px; background: var(--primary-blue); position: absolute; bottom: 0; left: 0; }
        .footer-column p { color: #aaa; line-height: 1.9; margin-bottom: 20px; }
		.footer-column h4 {
		    color: #fff;
		    margin-bottom: 25px;
		    font-size: 18px;
		}
		.footer-column img {
		    width: 20px;
		    height: 20px;
		    object-fit: contain;
		    filter: brightness(0) invert(1); /* ✅ 白色图标 */
		}
        .footer-column ul { list-style: none; }
        .footer-column ul li { margin-bottom: 12px; }
        .footer-column ul li a { color: #aaa; text-decoration: none; transition: color 0.3s; font-size: 14px; }
        .footer-column ul li a:hover { color: var(--primary-blue); }
        .social-links { display: flex; gap: 15px; margin-top: 20px; }
        .social-links a { width: 42px; height: 42px; background: #2a2a4a; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: all 0.3s; font-size: 14px; }
        .social-links a:hover { background: var(--primary-blue); transform: translateY(-3px); }
        .footer-bottom { text-align: center; padding-top: 25px; border-top: 1px solid #2a2a4a; color: #777; font-size: 14px; line-height: 25px;}
        .footer-bottom p a{
			color: #777;
			text-decoration: none; 
		}
        /* Back to top */
        .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: var(--primary-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; font-size: 24px; opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 999; }
        .back-to-top.show { opacity: 1; visibility: visible; }
        .back-to-top:hover { transform: translateY(-5px); }
        
        /* Responsive */
        @media (max-width: 1024px) { .services-grid { grid-template-columns: repeat(2, 1fr); } .advantages-grid { grid-template-columns: repeat(2, 1fr); } .cases-grid { grid-template-columns: repeat(2, 1fr); } .footer-content { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 768px) { .menu-toggle { display: block; } .nav-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; flex-direction: column; padding: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .nav-menu.active { display: flex; } .nav-menu li { margin: 10px 0; } .nav-phone { display: none; } .banner-content h1 { font-size: 36px; } .banner-content h2 { font-size: 36px; } .about-content, .contact-content { grid-template-columns: 1fr; } .services-grid, .cases-grid, .news-grid { grid-template-columns: 1fr; } .advantages-grid { grid-template-columns: repeat(2, 1fr); } .footer-content { grid-template-columns: 1fr; } }
        @media (max-width: 480px) { .banner { height: 450px; } .banner-content h1 { font-size: 28px; } .banner-content h2 { font-size: 28px; } .section-title h2 { font-size: 28px; } .advantages-grid { grid-template-columns: 1fr; } }