*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;}
.container{width:1200px;margin:0 auto;padding:0 15px;max-width:100%;}
.header{background:#004499;color:#fff;padding:15px 0;}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;}
.logo a{color:#fff;font-size:24px;text-decoration:none;font-weight:bold;}
.nav a{color:#fff;margin-left:25px;text-decoration:none;font-size:16px;}
.banner{width:100%;height:400px;overflow:hidden;}
.banner img{width:100%;height:100%;object-fit:cover;}
section{padding:50px 0;}
h2{text-align:center;margin-bottom:40px;color:#222;font-size:28px;}

/* 产品列表 */
.pro-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}
.pro-item{border:1px #eee solid;padding:12px;border-radius:4px;transition:0.3s;}
.pro-item:hover{box-shadow:0 0 12px #ddd;}
.pro-item img{width:100%;height:220px;object-fit:cover;margin-bottom:10px;}
.pro-item h4{color:#222;margin-bottom:8px;}
.pro-item a{text-decoration:none;}
.pro-price{color:#c00;font-weight:bold;margin:8px 0;}

/* 分页 */
.page{text-align:center;margin-top:30px;}
.page a{border:1px #ccc solid;padding:6px 12px;margin:0 4px;text-decoration:none;color:#333;}
.page a.active{background:#004499;color:#fff;border-color:#004499;}

/* 浮动客服 */
.float-service{position:fixed;right:20px;bottom:120px;z-index:999;}
.service-item{background:#004499;color:#fff;padding:10px 14px;margin-top:8px;border-radius:4px;cursor:pointer;font-size:14px;}
.service-item.wa{background:#25D366;}
.service-item.mail{background:#ff6600;}

/* 留言弹窗 */
.msg-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1000;}
.popup-inner{width:420px;background:#fff;padding:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.close{position:absolute;right:15px;top:10px;font-size:24px;cursor:pointer;color:#999;}
.popup-inner input,.popup-inner textarea{width:100%;padding:10px;margin:8px 0;border:1px #ddd solid;}
.popup-inner button{width:100%;padding:12px;background:#004499;color:#fff;border:0;margin-top:10px;cursor:pointer;}

/* 底部 */
.footer{background:#222;color:#aaa;text-align:center;padding:30px 0;margin-top:50px;}

/* 手机自适应 */
@media (max-width:992px){
    .pro-wrap{grid-template-columns:repeat(2,1fr);}
    .banner{height:260px;}
    .nav-wrap{flex-direction:column;text-align:center;}
    .nav{margin-top:15px;}
    .nav a{margin:0 10px;display:inline-block;margin-bottom:8px;}
}
@media (max-width:576px){
    .pro-wrap{grid-template-columns:1fr;}
    .popup-inner{width:90%;}
}