*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:-apple-system,BlinkMacSystemFont;
}

body{
background:#fff;
color:#111;
}

/* 顶部导航 */

header{
position:fixed;
top:0;
width:100%;
z-index:999;
background:#fff;
border-bottom:1px solid #eee;
}

.nav{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:16px;
}

.logo{
font-size:22px;
font-weight:bold;
letter-spacing:2px;
}

.logo img {
  width: 60px;           /* 设置图片宽度 */
  height: 70px; 
  /*height: auto;*/           /* 高度自动，保持原始比例 */
  vertical-align: middle; /* 可选：让图片与文字垂直居中对齐 */
}

.menu{
list-style:none;
display:flex;
gap:28px;
}

.menu li{
cursor:pointer;
font-size:14px;
}

.mobile-btn{
display:none;
font-size:22px;
}

/* Banner */

.hero{
height:100vh;
background:url("../assets/hero.png") center/cover no-repeat;
position:relative;
}

.hero-mask{
position:absolute;
inset:0;
background:rgba(0,0,0,.5);
}

.hero-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
text-align:center;
}

.hero-content h1{
font-size:48px;
margin-bottom:20px;
/*white-space: nowrap;*/
 /* 新增：强制在一行显示 */
}

.hero-content button{
padding:14px 40px;
border:none;
background:#00e0ff;
border-radius:30px;
font-size:16px;
cursor:pointer;
}

/* 公共模块 */

.section{
padding:100px 20px;
text-align:center;
}

.light{background:#fff}
.dark{background:#111;color:#fff}

h2{
font-size:36px;
margin-bottom:40px;
}

/* 关于我们 */

.stats{
display:flex;
justify-content:center;
gap:60px;
margin-top:40px;
}

.stats span{
font-size:36px;
color:#00e0ff;
}

/* 案例 */

.case-list{
display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;
}

.case-card{
width:400px;
background:#222;
border-radius:12px;
overflow:hidden;
}

.case-card img{
width:100%;
height:220px;
object-fit:cover;
}

.case-card h3{
margin:16px;
}

/* 产品 */

.product-list{
display:flex;
gap:30px;
justify-content:center;
flex-wrap:wrap;
}

.product-card{
/*width:280px;*/
width:400px;
/*padding:20px;*/
border-radius:12px;
box-shadow:0 0 20px rgba(0,0,0,.1);
}
.product-card img{
width:100%;
/*height:180px;*/
height:220px;
object-fit:cover;
}


/* 联系 */

.contact-box p{
margin:12px;
}

footer{
text-align:center;
padding:30px;
background:#000;
color:#aaa;
}

/* 响应式 */

@media(max-width:768px){

.menu{
display:none;
}

.mobile-btn{
display:block;
}

.hero-content h1{
font-size:30px;
}

.stats{
flex-direction:column;
gap:20px;
}

}