*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;scroll-behavior:smooth;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;}
body{background:#ffffff;color:#333;line-height:1.7;}
.container{width:1260px;margin:0 auto;padding:0 20px;}

.header{position:fixed;top:0;left:0;width:100%;background:#ffffff;box-shadow:0 2px 8px rgba(0,102,204,0.15);z-index:999;}
.nav-wrap{height:90px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-size:32px;font-weight:900;letter-spacing:1px;color:#222;}
.logo span{color:#0066CC;}
.nav-menu{display:flex;gap:48px;}
.nav-menu a{font-size:16px;color:#444;transition:0.3s;}
.nav-menu a:hover{color:#0066CC;}
.contact-btn{padding:13px 32px;background:#0066CC;color:#fff;border-radius:50px;font-weight:600;transition:0.3s;}
.contact-btn:hover{background:#004A99;box-shadow:0 0 15px rgba(0,102,204,0.3);}

.nav-pad{height:90px;}

.banner{padding:180px 0 140px;text-align:center;background:linear-gradient(130deg,#0059bb,#0073e6);color:#fff;}
.banner h1{font-size:56px;margin-bottom:28px;line-height:1.2;}
.banner p{font-size:19px;color:#f0f6ff;max-width:860px;margin:0 auto 45px;}
.ban-btn{display:inline-block;padding:16px 42px;border-radius:50px;font-size:17px;margin:0 12px;transition:0.3s;color:#fff;}
.btn-main{background:#fff;color:#0066CC;font-weight:600;}
.btn-empty{border:1px solid #fff;background:transparent;}
.btn-empty:hover{background:rgba(255,255,255,0.15);}

.data-box{display:flex;justify-content:center;gap:80px;padding:60px 0;border-bottom:1px solid #e5e9f2;background:#ffffff;}
.data-item{text-align:center;}
.data-num{font-size:42px;font-weight:bold;color:#0066CC;margin-bottom:8px;}
.data-txt{color:#555555;font-size:16px;}

.section-title{text-align:center;padding:90px 0 65px;}
.section-title h2{font-size:38px;margin-bottom:16px;color:#222;}
.section-title p{color:#555555;font-size:17px;}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-bottom:30px;}
.service-card{background:#ffffff;padding:45px 35px;border-radius:18px;border:1px solid #e5e9f2;transition:0.3s;box-shadow:0 2px 12px rgba(0,0,0,0.05);}
.service-card:hover{transform:translateY(-10px);border-color:#0066CC;box-shadow:0 10px 30px rgba(0,102,204,0.12);}
.service-card h3{font-size:23px;margin:22px 0 15px;color:#222;}
.service-card p{color:#555555;font-size:15px;}

.platform-area{background:#E8F2FF;padding:90px 0;margin:70px 0;}
.platform-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;}
.platform-card{padding:35px 20px;text-align:center;border-radius:14px;background:#ffffff;border:1px solid #e5e9f2;transition:0.3s;}
.platform-card:hover{border-color:#0066CC;}
.platform-card h4{font-size:18px;margin-top:10px;color:#333;}

.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.adv-card{padding:38px 28px;text-align:center;}
.adv-card h4{font-size:21px;margin:18px 0 12px;color:#222;}
.adv-card p{color:#555555;font-size:15px;}

.flow-box{padding:80px 0;background:#f8fafc;}
.flow-row{display:flex;justify-content:space-between;}
.flow-step{width:18%;text-align:center;}
.step-icon{width:65px;height:65px;line-height:65px;border-radius:50%;background:#0066CC;color:#fff;margin:0 auto 22px;font-size:22px;font-weight:bold;}

.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.case-card{background:#ffffff;border-radius:18px;overflow:hidden;border:1px solid #e5e9f2;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.case-info{padding:35px;}
.case-info h4{font-size:20px;margin-bottom:12px;color:#222;}
.case-info p{color:#555555;font-size:15px;}

.news-area{padding:80px 0;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.news-card{background:#ffffff;padding:35px;border-radius:18px;border:1px solid #e5e9f2;}
.news-card h4{font-size:19px;margin-bottom:14px;color:#222;}
.news-card p{color:#555555;font-size:14px;margin-bottom:12px;}
.news-time{color:#888;font-size:13px;}

.consult-banner{margin:60px 0;padding:75px 0;background:linear-gradient(130deg,#004A99,#0066CC);text-align:center;border-radius:20px;color:#fff;}
.consult-banner h3{font-size:34px;margin-bottom:20px;}
.consult-banner p{opacity:0.9;margin-bottom:35px;font-size:17px;}

.bottom-seo{padding:65px 0;background:#f5f8fc;border-top:1px solid #e5e9f2;}
.bottom-seo h3{font-size:24px;margin-bottom:35px;padding-left:12px;border-left:5px solid #0066CC;color:#222;}
.seo-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.seo-list li{line-height:2.1;font-size:14px;}
.seo-list a{color:#444;transition:0.25s;}
.seo-list a:hover{color:#0066CC;}
.seo-date{color:#888;font-size:12px;margin-left:8px;}

.footer{padding:55px 0 35px;border-top:1px solid #e5e9f2;background:#fff;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:45px;}
.footer-col h3{font-size:21px;margin-bottom:28px;padding-bottom:12px;border-bottom:1px solid #e5e9f2;color:#222;}
.footer-col li{margin-bottom:14px;color:#555555;font-size:15px;}
.copyright{text-align:center;margin-top:65px;padding-top:28px;border-top:1px solid #e5e9f2;color:#888;font-size:14px;}

@media (max-width:1260px){.container{width:96%;}}
@media (max-width:768px){
.nav-menu{display:none;}
.service-grid,.adv-grid,.case-grid,.news-grid,.footer-grid,.seo-list{grid-template-columns:1fr;}
.platform-grid{grid-template-columns:repeat(2,1fr);}
.flow-row{flex-wrap:wrap;}
.flow-step{width:48%;margin-bottom:30px;}
.data-box{flex-wrap:wrap;gap:40px;}
.banner h1{font-size:34px;}
}