body {

margin:0;
padding-top:44px;
font-family:Arial;

}

.container {

width:90%;

max-width:1200px;

margin:auto;

}

header {

background:#0a2a43;

color:white;

position:fixed;

top:0;

width:100%;

z-index:1000;
}

header .container {

display:flex;

justify-content:space-between;

align-items:center;

padding:15px;

}

nav a {

color:white;

margin-left:20px;

text-decoration:none;

}

.banner {

height:500px;

background:linear-gradient(#0a2a43,#1565c0);

display:flex;

align-items:center;

justify-content:center;

color:white;

text-align:center;

}

.about {

padding:60px 0;

background:#f5f5f5;

text-align:center;

}

.products {

padding:60px 0;

text-align:center;

}

.product-list {

display:flex;

flex-wrap:wrap;

justify-content:center;

gap:30px;

}

.product {

width:280px;

padding:20px;

border:1px solid #ddd;

border-radius:10px;

}

.solution {

padding:60px 0;

background:#f5f5f5;

}

.solution-list {

display:grid;

grid-template-columns:repeat(auto-fit,minmax(200px,1fr));

gap:30px;

}

footer {

background:#0a2a43;

color:white;

text-align:center;

padding:20px;

}
/* 导航布局 */

.nav-container {

display:flex;

justify-content:space-between;

align-items:center;

}

nav {

display:flex;

gap:20px;

}

nav a {

color:white;

text-decoration:none;

}

/* 手机菜单按钮 */

.menu-toggle {

display:none;

font-size:26px;

cursor:pointer;

}

/* 手机适配 */

@media (max-width:768px) {

.menu-toggle {

display:block;

color:white;

}

nav {

position:absolute;

top:60px;

left:0;

width:100%;

background:#0a2a43;

flex-direction:column;

display:none;

}

nav a {

padding:15px;

border-top:1px solid rgba(255,255,255,0.1);

}

nav.active {

display:flex;

}

}