* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Microsoft Yahei", sans-serif; background:#0c0f1a; color:#eaeaea; line-height:1.8; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
img { max-width:100%; display:block; }
.w { width:100%; max-width:1100px; margin:0 auto; padding:0 15px; }

.header { background:#121625; padding:18px 0; }
.header .w { display:flex; justify-content:space-between; align-items:center; }
.logo { font-size:24px; font-weight:bold; color:#00aaff; }
.nav { display:flex; gap:30px; font-size:16px; }
.nav a { color:#eee; }
.nav a.on, .nav a:hover { color:#00aaff; }

.banner { padding:100px 0; background:linear-gradient(90deg,#121625,#1a2238); text-align:center; }
.banner h1 { font-size:42px; margin-bottom:15px; color:#fff; }
.banner p { font-size:18px; color:#ccc; margin-bottom:30px; }
.banner .btn { display:inline-block; padding:12px 32px; background:#00aaff; color:#fff; border-radius:6px; font-size:16px; }

.page-title { padding:40px 0; background:#121625; text-align:center; }
.page-title h2 { font-size:28px; color:#fff; }

.section { padding:60px 0; }
.title { text-align:center; margin-bottom:40px; }
.title h2 { font-size:28px; color:#fff; }

.about-home .text { max-width:850px; margin:0 auto; font-size:16px; color:#ddd; text-align:center; }
.about-home p { margin-bottom:15px; }

.about-page { padding:60px 0; }
.about-page .box { background:#141a2b; padding:40px; border-radius:8px; }
.about-page .box h3 { margin-bottom:12px; color:#00aaff; font-size:20px; margin-top:20px; }
.about-page .box p { color:#ddd; font-size:16px; }

.products-page { padding:60px 0; }
.pro-list { display:grid; grid-template-columns:repeat(2,1fr); gap:25px; }
.pro-item { background:#141a2b; border-radius:8px; overflow:hidden; }
.pro-item img { height:200px; object-fit:cover; }
.pro-item h3 { padding:15px 20px 5px; font-size:18px; color:#00aaff; }
.pro-item p { padding:0 20px 18px; font-size:15px; color:#ccc; }

.news-page { padding:60px 0; }
.news-item { display:flex; gap:20px; background:#141a2b; padding:20px; border-radius:8px; margin-bottom:20px; align-items:center; }
.news-item .date { min-width:100px; text-align:center; color:#00aaff; font-size:16px; font-weight:bold; }
.news-item .info h3 { font-size:18px; color:#fff; margin-bottom:6px; }
.news-item .info p { font-size:15px; color:#ccc; }

.cases-page { padding:60px 0; }
.case-list { display:grid; grid-template-columns:repeat(2,1fr); gap:25px; }
.case-item { position:relative; border-radius:8px; overflow:hidden; }
.case-item img { height:260px; object-fit:cover; }
.case-item .text { position:absolute; bottom:0; left:0; right:0; padding:20px; background:linear-gradient(transparent,rgba(0,0,0,0.7)); }
.case-item .text h3 { font-size:18px; color:#00aaff; margin-bottom:5px; }
.case-item .text p { font-size:15px; color:#eee; }

.contact-page { padding:60px 0; }
.contact-box { max-width:700px; margin:0 auto; background:#141a2b; padding:40px; border-radius:8px; }
.contact-box .item { margin-bottom:25px; }
.contact-box .item h3 { font-size:18px; color:#00aaff; margin-bottom:6px; }
.contact-box .item p { font-size:16px; color:#eee; }

.footer { background:#121625; padding:30px 0; text-align:center; color:#999; margin-top:50px; }

@media (max-width:768px) {
  .nav { gap:15px; font-size:14px; }
  .pro-list, .case-list { grid-template-columns:1fr; }
  .banner h1 { font-size:28px; }
}