*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif}
html,body{min-height:100%;background:#f7f7f7}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
a{text-decoration:none;color:inherit}
ul,li{list-style:none}
img{max-width:100%;display:block}

.header{background:#111;padding:15px 0;position:sticky;top:0;z-index:999}
.header .container{display:flex;justify-content:space-between;align-items:center}
.logo img{height:45px}
.nav{display:flex;gap:28px;color:#fff;font-size:15px}
.nav a{padding:6px 0}
.nav a.active,.nav a:hover{color:#409eff}
.menu-btn{display:none;font-size:24px;color:#fff}
.wechat-service{color:#fff;background:#409eff;padding:6px 12px;border-radius:4px;font-size:14px}

.banner{height:460px;background:#eee}
.banner img{width:100%;height:100%;object-fit:cover}

.section-title{text-align:center;padding:40px 0 20px}
.section-title h2{font-size:26px;margin-bottom:8px}

.tree-wrap{max-width:900px;margin:0 auto}
.tree-item{margin-bottom:12px}
.tree-title{background:#fff;padding:12px 15px;border-radius:6px;cursor:pointer;font-weight:500}
.tree-sub{padding:10px 0 0 20px;display:none}
.tree-sub.show{display:block}
.product-item{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:15px}
.product-item img{width:100%;height:auto}
.product-info{padding:15px}
.product-info h4{margin-bottom:8px}
.product-params{color:#666;font-size:14px}

.contact-box{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}
.contact-item{background:#fff;padding:25px;border-radius:10px;text-align:center}
.contact-item img{margin:10px auto;width:140px;height:140px}

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

@media(max-width:768px){
    .nav{display:none;position:absolute;top:70px;left:0;width:100%;background:#111;padding:20px}
    .nav.show{display:block}
    .nav a{display:block;padding:10px 0}
    .menu-btn{display:block}
    .banner{height:220px}
    .contact-box{grid-template-columns:1fr}
    
    /* 应用方案样式 */
.solution-list {
    max-width: 900px;
    margin: 0 auto;
}
.solution-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.solution-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.solution-info {
    padding: 20px;
}
.solution-info h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.solution-content {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

@media(max-width:768px){
    .solution-img img {
        height: 160px;
    }
}
    
}