/* 全局初始化 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei",system-ui,sans-serif;
}
html{
    scroll-behavior: smooth;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    max-width: 100%;
    display: block;
}
button{
    border: none;
    cursor: pointer;
    background: transparent;
}
:root{
    --primary:#0066E6;
    --primary-light:#2488FF;
    --accent-orange:#FF7A00;
    --dark-blue:#0A3474;
    --gray-bg:#f5f7fa;
    --text-color:#333;
}
.container{
    width: 92%;
    max-width: 1200px;
    margin: 0 auto;
}
.section-padding{
    padding: 70px 0;
}
.bg-gray{
    background-color: var(--gray-bg);
}
.project.bg-gray{
    background:linear-gradient(135deg, #e8f0fe 0%, #d4e4fc 50%, #eef4fa 100%);
}
.section-title{
    font-size: 32px;
    color: var(--text-color);
    margin-bottom: 40px;
    font-weight: bold;
}
.text-center{
    text-align: center;
}
.desc{
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}
.btn-primary{
    background: var(--primary);
    color:#fff;
    padding:12px 30px;
    border-radius: 99px;
    font-size:16px;
    transition: 0.3s;
}
.btn-primary:hover{
    background: var(--primary-light);
}
.btn-outline{
    border:1px solid var(--primary);
    color:var(--primary);
    padding:12px 30px;
    border-radius: 99px;
    font-size:16px;
    transition:0.3s;
}
.btn-outline:hover{
    background: var(--primary);
    color:#fff;
}

/* 导航栏 */
.header{
    position: sticky;
    top:0;
    z-index:99;
    background-color: var(--primary);
    transition:0.3s;
}
.header.scrolled .header-top{
    max-height:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    border-bottom:none;
}
.header-top{
    background:#fff;
    padding:14px 0;
}
.header-top-wrap{
    display:flex;
    align-items:center;
    justify-content: space-between;
}
.header-logo{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--primary);
    font-size:24px;
    font-weight:bold;
}
.header-logo h1{
    margin:0;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
}
.header-logo img{
    height:50px;
}
.header-bottom{
    background:linear-gradient(270deg, #004DB3 0%, #0066E6 50%, #2488FF 100%);
    overflow:visible;
}
.header-nav{
    height:50px;
}
.header-nav ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:50px;
}
.header-nav ul li{
    position:relative;
    height:50px;
    display:flex;
    align-items:center;
}
.header-nav ul li a{
    color:#fff;
    font-size:15px;
    text-decoration:none;
    transition:0.3s;
    padding:0 14px;
    height:50px;
    display:flex;
    align-items:center;
    white-space:nowrap;
}
.header-nav ul li a:hover{
    background:rgba(255,255,255,0.1);
}
.header-nav ul li a.active{
    background:var(--accent-orange);
    color:#fff;
}
/* 二级菜单 */
.header-nav .nav-sub{
    display:none;
    position:absolute;
    top:50px;
    left:0;
    min-width:180px;
    flex-direction:column;
    height:auto;
    background:linear-gradient(180deg, #004DB3 0%, #0066E6 100%);
    box-shadow:0 6px 20px rgba(0,0,0,0.2);
    border-radius:0 0 8px 8px;
    z-index:100;
    padding:4px 0;
}
.header-nav .nav-sub li{
    height:auto;
    width:100%;
}
.header-nav .nav-sub li a{
    height:40px;
    padding:0 18px;
    font-size:14px;
    width:100%;
}
.header-nav .nav-sub li a:hover{
    background:rgba(255,255,255,0.12);
}
.header-nav .nav-item.has-child:hover .nav-sub{
    display:flex;
}
.header-nav .nav-item.has-child > a::after{
    content:'\f107';
    font-family:FontAwesome;
    margin-left:6px;
    font-size:12px;
    opacity:0.7;
}
.header-tel{
    display:flex;
    align-items:center;
    gap:14px;
}
.tel-label{
    color:#666;
    font-size:18px;
}
.tel-btn{
    background:var(--accent-orange);
    color:#fff;
    padding:10px 22px;
    border-radius:99px;
    font-size:18px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:6px;
}
.tel-btn i{
    font-size:14px;
}

/* Banner区域 */
.banner{
    height:767px;
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.banner-slider{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.banner-slide{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.8s ease, visibility 0.8s ease;
    display:flex;
    align-items:center;
}
.banner-slide.active{
    opacity:1;
    visibility:visible;
}
.banner-bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
.banner-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.banner-bg::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to right, rgba(0,51,128,0.92) 0%, rgba(0,77,179,0.85) 30%, rgba(0,102,230,0.50) 55%, rgba(36,136,255,0.15) 80%, transparent 100%);
    z-index:1;
    pointer-events:none;
}
.banner-content{
    position:relative;
    color:#fff;
    z-index:3;
}
.banner-title{
    font-size:46px;
    margin-bottom:12px;
    text-shadow: 0 4px 12px rgba(0,0,0,0.45), 0 2px 4px rgba(0,0,0,0.3);
}
.banner-sub{
    font-size:22px;
    margin-bottom:36px;
    text-shadow: 0 3px 8px rgba(0,0,0,0.5);
}
.banner-btn{
    background:var(--primary);
    color:#fff;
    padding:14px 32px;
    border-radius:99px;
    font-size:18px;
    transition:0.3s;
}
.banner-btn:hover{
    background:var(--primary-light);
}
.banner-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(255,255,255,0.2);
    color:#fff;
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:0.3s;
    z-index:10;
    border:1px solid rgba(255,255,255,0.3);
}
.banner-arrow:hover{
    background:rgba(255,255,255,0.35);
}
.banner-prev{
    left:30px;
}
.banner-next{
    right:30px;
}

/* 快捷导航 */
.quick-nav{
    position:relative;
    z-index:10;
    margin-top:-50px;
    padding-bottom:35px;
}
.quick-list{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:16px;
}
.quick-item{
    background:#fff;
    border-radius:12px;
    padding:22px 18px;
    display:flex;
    align-items:center;
    gap:14px;
    cursor:pointer;
    transition:0.3s;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    border:1px solid #f0f2f5;
}
.quick-item:hover{
    transform:translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,102,230,0.14);
    border-color:var(--primary);
}
.quick-icon{
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:50%;
    border:1px solid var(--primary);
    color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    transition:0.3s;
}
.quick-item:hover .quick-icon{
    background:var(--primary);
    color:#fff;
}
.quick-text h4{
    font-size:16px;
    color:#333;
    margin-bottom:4px;
    font-weight:600;
}
.quick-text p{
    font-size:12px;
    color:#999;
    line-height:1.5;
}

/* 关于我们 */
.about-wrap{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:60px;
    align-items:center;
}
.img-border{
    background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 50%, var(--primary) 100%);
    border-radius:16px;
    padding:5px;
    overflow:hidden;
}
.img-border{
    position:relative;
}
.img-border img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:12px;
}
/* 播放按钮 */
.play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:70px;
    height:70px;
    background:rgba(255,255,255,0.25);
    border:3px solid rgba(255,255,255,0.6);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:0.3s;
    z-index:2;
}
.play-btn i{
    font-size:28px;
    color:#fff;
    margin-left:4px;
}
.play-btn:hover{
    background:var(--primary);
    border-color:var(--primary);
    transform:translate(-50%, -50%) scale(1.1);
}

.about-select{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:30px;
}
.select-item{
    border:1px solid #e4e7ec;
    border-radius:8px;
    padding:16px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    transition:0.3s;
}
.select-item:hover{
    border-color:var(--primary);
}
.about-buttons{
    display:flex;
    gap:20px;
}

/* 业务轮播 */
.service{
    padding:0;
}
.service > .container{
    padding-top:10px;
    padding-bottom:20px;
}
.service .section-title{
    color:#222;
    margin-bottom:8px;
}
.service-subtitle{
    text-align:center;
    color:#999;
    font-size:14px;
    letter-spacing:4px;
    margin-bottom:0;
}
.service-fullscreen{
    height:660px;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
}
.service-bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
}
.service-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.service-bg-layer1{
    z-index:1;
    opacity:1;
}
.service-bg-layer2{
    z-index:2;
    transition:opacity 0.8s ease;
    opacity:0;
}
.service-bg-layer2.fade-in{
    opacity:1;
}
.service-main{
    position:relative;
    z-index:3;
    padding-top:0px;
    padding-bottom:120px;
}
.service-content{
    display:flex;
    justify-content:flex-start;
}
.service-info-card{
    width:420px;
    max-width:92%;
    background:rgba(255,255,255,0.8);
    padding:30px;
    border-radius:8px;
    position:relative;
    box-shadow:0 8px 30px rgba(0,0,0,0.12);
}
.info-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
    padding-bottom:14px;
    border-bottom:1px solid #e4e7ec;
}
.info-head h3{
    font-size:22px;
    color:#333;
    font-weight:600;
}
.info-head i{
    font-size:26px;
    color:var(--primary);
}
.info-list li{
    font-size:14px;
    color:#555;
    line-height:2;
    padding-left:14px;
    position:relative;
}
.info-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--primary);
}
.slider-arrow{
    position:absolute;
    right:0;
    bottom:0;
    display:flex;
}
.arrow-left,.arrow-right{
    width:44px;
    height:44px;
    background:var(--primary);
    color:#fff;
    font-size:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:0.3s;
}
.arrow-right{
    background:#0b5ed7;
}
.arrow-left:hover,.arrow-right:hover{
    background:#0a4bb5;
}
.service-tab-bar{
    position:absolute;
    left:0;
    bottom:50px;
    width:100%;
    z-index:4;

}
.service-tab-list{
    display:grid;
    grid-template-columns: repeat(6,1fr);
        background:rgba(255,255,255,0.5);
    backdrop-filter:blur(6px);
}
.tab-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:22px 10px;
    text-align:center;
    cursor:pointer;
    transition:0.3s;
    border-right:1px solid rgba(0,0,0,0.06);
    min-height:110px;
}
.tab-item:last-child{
    border-right:none;
}
.tab-item i{
    font-size:28px;
    color:#666;
    transition:0.3s;
}
.tab-item h3{
    font-size:14px;
    color:#333;
    line-height:1.4;
    font-weight:normal;
    margin:0;
    transition:0.3s;
}
.tab-item.active{
    background:var(--primary);
}
.tab-item.active i,
.tab-item.active span,
.tab-item.active h3{
    color:#fff;
}
.tab-item:hover{
    background:var(--primary);
}
.tab-item:hover i,
.tab-item:hover span,
.tab-item:hover h3{
    color:#fff;
}

/* 案例区域 */
.project-list{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:22px;
}
.project-item{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,102,230,0.08);
    position:relative;
}
.project-badge{
    position:absolute;
    top:10px;
    right:10px;
    z-index:2;
    background:var(--primary);
    color:#fff;
    font-size:12px;
    padding:4px 10px;
    border-radius:4px;
    font-weight:500;
    box-shadow:0 2px 6px rgba(0,0,0,0.15);
}
.project-item img{
    height:200px;
    width:100%;
    object-fit:cover;
}
.project-name{
    text-align:center;
    padding:12px;
    font-size:14px;
    color:#333;
}

/* 企业资质 */
.qualify-wrap{
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:60px;
    align-items:center;
}
.qualify-map{
    width:100%;
    min-height:420px;
}
.qualify-text h3{margin-bottom:10px;}
#chinaMap{
    width:100%;
    height:460px;
}
.cert-list{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:16px;
}
.cert-item{
    border:1px solid #e4e7ec;
    border-radius:8px;
    padding:20px 10px;
    text-align:center;
}
.cert-logo.iso{
    font-size:26px;
    font-weight:bold;
    color:#d12026;
}
.cert-logo.gmp{
    font-size:26px;
    font-weight:bold;
    color:var(--primary);
}
.cert-logo i{
    font-size:26px;
    color:var(--primary);
}
.cert-item p{
    margin-top:10px;
    font-size:14px;
}

/* ============ 净化车间配套页 ============ */
.matching-desc{
    text-align:center;
    max-width:800px;
    margin:0 auto 44px;
}
.matching-desc p{
    color:#888;
    font-size:14px;
    line-height:1.9;
}
.matching-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}
.matching-item{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 4px 16px rgba(0,102,230,0.05);
    border:1px solid #eef2f7;
    transition:transform 0.35s, box-shadow 0.35s;
}
.matching-item:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,102,230,0.12);
}
.matching-img{
    position:relative;
    overflow:hidden;
}
.matching-img a{
    display:block;
    position:relative;
}
.matching-img img{
    width:100%;
    height:400px;
    object-fit:cover;
    display:block;
    transition:transform 0.5s;
}
.matching-item:hover .matching-img img{
    transform:scale(1.08);
}
.matching-zoom{
    position:absolute;
    inset:0;
    background:rgba(0,51,102,0.45);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity 0.3s;
}
.matching-img:hover .matching-zoom{
    opacity:1;
}
.matching-zoom i{
    font-size:36px;
    color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.matching-text{
    padding:20px 22px 24px;
}
.matching-text h3{
    font-size:16px;
    color:var(--text-color);
    margin-bottom:10px;
    line-height:1.5;
}
.matching-text p{
    font-size:13px;
    color:#888;
    line-height:1.8;
}
/* 服务流程 */
.flow-grid{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}
.flow-item{
    text-align:center;
    padding:28px 20px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 4px 16px rgba(0,102,230,0.05);
    border:1px solid #eef2f7;
    flex:1;
    min-width:130px;
    max-width:180px;
    transition:transform 0.3s;
}
.flow-item:hover{
    transform:translateY(-5px);
}
.flow-step{
    width:44px;
    height:44px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:bold;
    font-size:16px;
    margin:0 auto 14px;
}
.flow-item h4{
    font-size:13px;
    color:var(--text-color);
    margin-bottom:6px;
    line-height:1.4;
}
.flow-item p{
    font-size:11px;
    color:#999;
    line-height:1.5;
}
.flow-arrow{
    font-size:22px;
    color:var(--primary-light);
    opacity:0.4;
    flex-shrink:0;
}
@media(max-width:768px){
    .matching-grid{
        grid-template-columns:1fr;
    }
    .matching-img img{
        height:200px;
    }
    .flow-grid{
        flex-wrap:wrap;
        gap:8px;
    }
    .flow-item{
        min-width:100px;
    }
    .flow-arrow{
        display:none;
    }
}

/* ============ 技术与资质页 ============ */
.tech-intro{
    text-align:center;
    max-width:750px;
    margin:0 auto 36px;
}
.tech-intro p{
    color:#888;
    font-size:14px;
    line-height:1.9;
}
/* 标准规范 */
.std-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.std-card{
    background:#fff;
    border-radius:14px;
    padding:30px 24px;
    text-align:center;
    box-shadow:0 4px 16px rgba(0,102,230,0.05);
    border:1px solid #eef2f7;
    transition:transform 0.35s, box-shadow 0.35s;
}
.std-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,102,230,0.12);
}
.std-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    border-radius:14px;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    color:#fff;
    font-weight:bold;
    font-size:16px;
    margin-bottom:16px;
}
.std-card h3{
    font-size:15px;
    color:var(--text-color);
    margin-bottom:10px;
}
.std-card p{
    font-size:13px;
    color:#888;
    line-height:1.7;
}
/* 施工工艺 */
.tech-process{
    margin:0 auto;
}
.process-step{
    display:flex;
    gap:24px;
    align-items:flex-start;
    margin-bottom:24px;
    width:100%;
    box-sizing:border-box;
    background:#fff;
    border-radius:14px;
    padding:26px 28px;
    box-shadow:0 4px 16px rgba(0,102,230,0.04);
    border:1px solid #eef2f7;
    transition:transform 0.3s, box-shadow 0.3s;
}
.process-step:hover{
    transform:translateX(6px);
    box-shadow:0 8px 24px rgba(0,102,230,0.10);
}
.step-badge{
    flex-shrink:0;
    width:44px;
    height:44px;
    border-radius:12px;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:bold;
    font-size:18px;
}
.process-step h3{
    font-size:16px;
    color:var(--text-color);
    margin-bottom:8px;
    min-width:180px;
    flex-shrink:0;
}
.process-step > div:not(.step-badge){
    flex:1;
}
.process-step p{
    font-size:13px;
    color:#888;
    line-height:1.8;
}
/* 资质证书 */
.cert-full-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.cert-full-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 4px 16px rgba(0,102,230,0.05);
    border:1px solid #eef2f7;
    transition:transform 0.35s, box-shadow 0.35s;
}
.cert-full-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,102,230,0.12);
}
.cert-images{
    background:#f0f3f8;
    overflow:hidden;
}
.cert-cover{
    display:block;
    position:relative;
    overflow:hidden;
    aspect-ratio:3/4;
}
.cert-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.5s;
}
.cert-cover:hover img{
    transform:scale(1.04);
}
.cert-count{
    position:absolute;
    right:8px;
    bottom:8px;
    background:rgba(0,0,0,0.55);
    color:#fff;
    font-size:12px;
    padding:4px 12px;
    border-radius:20px;
    display:inline-flex;
    align-items:center;
    gap:4px;
    backdrop-filter:blur(4px);
}
.cert-count i{
    font-size:10px;
}
.cert-hidden{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
    z-index:-1;
}
.cert-thumbs a img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.5s;
}
.cert-thumbs a:hover img{
    transform:scale(1.06);
}
.cert-full-body{
    padding:14px 20px 20px;
    text-align:center;
}
.cert-full-body h4{
    font-size:14px;
    color:var(--text-color);
    margin-bottom:4px;
}
.cert-full-body p{
    font-size:12px;
    color:#999;
    margin-bottom:10px;
}
.cert-dl{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    color:var(--primary);
    text-decoration:none;
    padding:5px 14px;
    border:1px solid var(--primary);
    border-radius:20px;
    transition:0.3s;
}
.cert-dl:hover{
    background:var(--primary);
    color:#fff;
}
/* 检测验证 */
.test-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.test-card{
    background:#fff;
    border-radius:14px;
    padding:30px 24px;
    text-align:center;
    box-shadow:0 4px 16px rgba(0,102,230,0.05);
    border:1px solid #eef2f7;
    transition:transform 0.35s, box-shadow 0.35s;
}
.test-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,102,230,0.12);
}
.test-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    transition:transform 0.35s;
}
.test-card:hover .test-icon{
    transform:scale(1.1) rotate(-5deg);
}
.test-icon i{
    font-size:24px;
    color:#fff;
}
.test-card h3{
    font-size:16px;
    color:var(--text-color);
    margin-bottom:10px;
}
.test-card p{
    font-size:13px;
    color:#888;
    line-height:1.8;
}
@media(max-width:768px){
    .std-grid,.cert-full-grid,.test-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:576px){
    .std-grid,.cert-full-grid,.test-grid{
        grid-template-columns:1fr;
    }
}

/* ============ 净化工程汇总页 ============ */
.summary-desc{
    text-align:center;
    max-width:850px;
    margin:0 auto 44px;
}
.summary-desc p{
    color:#888;
    font-size:14px;
    line-height:1.9;
}
.summary-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.summary-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border-radius:16px;
    padding:30px 24px;
    box-shadow:0 4px 20px rgba(0,102,230,0.06);
    border:1px solid #eef2f7;
    text-decoration:none;
    transition:transform 0.35s, box-shadow 0.35s, border-color 0.35s;
    position:relative;
    overflow:hidden;
}
.summary-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg, var(--primary), var(--primary-light));
    opacity:0;
    transition:opacity 0.35s;
}
.summary-card:hover{
    transform:translateY(-8px);
    box-shadow:0 16px 40px rgba(0,102,230,0.14);
    border-color:var(--primary-light);
}
.summary-card:hover::before{
    opacity:1;
}
.card-top{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
}
.card-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    transition:transform 0.35s;
}
.summary-card:hover .card-icon{
    transform:scale(1.08) rotate(-5deg);
}
.card-icon i{
    font-size:24px;
    color:#fff;
}
.card-top h3{
    font-size:16px;
    color:var(--text-color);
    font-weight:600;
    line-height:1.4;
    margin:0;
}
.card-list{
    list-style:none;
    padding:0;
    margin:0 0 auto 0;
    flex:1;
}
.card-list li{
    position:relative;
    padding:5px 0 5px 20px;
    font-size:13px;
    color:#888;
    line-height:1.6;
}
.card-list li::before{
    content:'';
    position:absolute;
    left:0;
    top:12px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--primary-light);
    opacity:0.5;
}
.card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #eef2f7;
}
.card-tag{
    display:inline-block;
    font-size:11px;
    color:var(--primary);
    background:rgba(0,102,230,0.08);
    padding:3px 10px;
    border-radius:20px;
    font-weight:500;
}
.card-arrow{
    font-size:13px;
    color:var(--primary);
    transition:0.3s;
    font-weight:500;
}
.card-arrow i{
    transition:0.3s;
}
.summary-card:hover .card-arrow i{
    transform:translateX(4px);
}
/* 核心优势 */
.advantage-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}
.advantage-item{
    text-align:center;
    padding:36px 20px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 4px 16px rgba(0,0,0,0.04);
    border:1px solid #eef2f7;
    transition:transform 0.3s, box-shadow 0.3s;
}
.advantage-item:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 28px rgba(0,102,230,0.10);
}
.advantage-num{
    font-size:42px;
    font-weight:bold;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    line-height:1.2;
    margin-bottom:10px;
}
.advantage-item h4{
    font-size:15px;
    color:var(--text-color);
    margin-bottom:8px;
}
.advantage-item p{
    font-size:13px;
    color:#888;
    line-height:1.6;
}
@media(max-width:768px){
    .summary-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .advantage-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:576px){
    .summary-grid{
        grid-template-columns:1fr;
    }
    .advantage-grid{
        grid-template-columns:1fr;
    }
}

/* ============ 社交平台二维码 ============ */
.social-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:16px;
}
.social-item{
    background:#fff;
    border-radius:14px;
    padding:28px 16px 22px;
    text-align:center;
    box-shadow:0 4px 16px rgba(0,0,0,0.04);
    border:1px solid #eef2f7;
    transition:transform 0.35s, box-shadow 0.35s;
}
.social-item:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,102,230,0.12);
}
.social-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
}
.social-icon i,.social-icon svg{
    font-size:22px;
    color:#fff;
}
.social-item h4{
    font-size:14px;
    color:var(--text-color);
    margin-bottom:10px;
}
.social-qr-box{
    width:120px;
    height:120px;
    margin:0 auto 8px;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,0.06);
}
.social-qr-box img{
    width:100%;
    height:100%;
    display:block;
}
.social-item p{
    font-size:11px;
    color:#aaa;
}
@media(max-width:768px){
    .social-grid{
        grid-template-columns:repeat(3,1fr);
    }
}
@media(max-width:576px){
    .social-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/* ============ 联系我们页 ============ */
.contact-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}
.contact-card{
    background:#fff;
    border-radius:16px;
    padding:36px 20px 30px;
    text-align:center;
    box-shadow:0 4px 20px rgba(0,102,230,0.06);
    border:1px solid #eef2f7;
    transition:transform 0.35s, box-shadow 0.35s;
}
.contact-card:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 36px rgba(0,102,230,0.14);
}
.contact-card-icon{
    width:60px;
    height:60px;
    border-radius:18px;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    transition:transform 0.35s;
}
.contact-card:hover .contact-card-icon{
    transform:scale(1.1) rotate(-5deg);
}
.contact-card-icon i{
    font-size:26px;
    color:#fff;
}
.contact-card h3{
    font-size:16px;
    color:var(--text-color);
    margin-bottom:10px;
}
.contact-card-value{
    font-size:20px;
    font-weight:bold;
    color:var(--primary);
    text-decoration:none;
    display:block;
    margin-bottom:8px;
}
.contact-card p{
    font-size:13px;
    color:#888;
    line-height:1.7;
}
.contact-qr{
    width:110px;
    height:110px;
    margin:0 auto 10px;
    background:#fff;
    border-radius:10px;
    padding:6px;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
}
.contact-qr img{
    width:100%;
    height:100%;
    display:block;
    border-radius:6px;
}
/* 服务覆盖 */
.coverage-desc{
    text-align:center;
    color:#888;
    font-size:14px;
    margin-bottom:36px;
    margin-top:-18px;
}
.coverage-wrap{
    display:flex;
    gap:40px;
    align-items:flex-start;
}
.coverage-map{
    flex:1;
    min-height:420px;
}
.coverage-list{
    width:440px;
    flex-shrink:0;
}
.coverage-province{
    background:#fff;
    border-radius:12px;
    padding:20px 22px;
    margin-bottom:16px;
    box-shadow:0 4px 14px rgba(0,0,0,0.04);
    border:1px solid #eef2f7;
}
.coverage-province h4{
    font-size:14px;
    color:var(--primary);
    margin-bottom:8px;
}
.coverage-province h4 i{
    margin-right:6px;
    color:var(--accent-orange);
}
.coverage-province p{
    font-size:13px;
    color:#888;
    line-height:1.8;
}
/* 留言表单 */
.contact-form .form-wrap{
    max-width:680px;
    margin:0 auto;
    background:#fff;
    border-radius:16px;
    padding:36px 40px;
    box-shadow:0 4px 20px rgba(0,102,230,0.05);
    border:1px solid #eef2f7;
}
@media(max-width:768px){
    .contact-cards{
        grid-template-columns:repeat(2,1fr);
    }
    .coverage-wrap{
        flex-direction:column;
    }
    .coverage-list{
        width:100%;
    }
    .contact-form .form-wrap{
        padding:24px 20px;
    }
}
@media(max-width:576px){
    .contact-cards{
        grid-template-columns:1fr;
    }
}

/* ============ 新闻列表页 ============ */
.news-breadcrumb{
    margin-bottom:24px;
    font-size:13px;
    color:#999;
}
.news-breadcrumb a{color:#999;text-decoration:none;}
.news-breadcrumb a:hover{color:var(--primary);}
.news-layout{
    display:flex;
    gap:36px;
}
.news-main{
    flex:1;
    min-width:0;
}
.news-side{
    width:320px;
    flex-shrink:0;
}
/* 列表项 */
.news-item{
    display:flex;
    gap:24px;
    background:#fff;
    border-radius:14px;
    padding:20px;
    box-shadow:0 4px 16px rgba(0,102,230,0.04);
    border:1px solid #eef2f7;
    margin-bottom:20px;
    transition:transform 0.3s, box-shadow 0.3s;
}
.news-item:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 28px rgba(0,102,230,0.10);
}
.news-item-img{
    flex:0 0 200px;
    border-radius:10px;
    overflow:hidden;
}
.news-item-img img{
    width:100%;
    height:150px;
    object-fit:cover;
    display:block;
    transition:transform 0.5s;
}
.news-item:hover .news-item-img img{
    transform:scale(1.06);
}
.news-item-body{
    flex:1;
    display:flex;
    flex-direction:column;
}
.news-item-body h3{
    font-size:16px;
    margin-bottom:10px;
    line-height:1.5;
}
.news-item-body h3 a{
    color:var(--text-color);
    text-decoration:none;
    transition:0.3s;
}
.news-item-body h3 a:hover{
    color:var(--primary);
}
.news-item-desc{
    font-size:13px;
    color:#888;
    line-height:1.7;
    flex:1;
    margin-bottom:10px;
}
.news-item-meta{
    display:flex;
    gap:16px;
    font-size:12px;
    color:#bbb;
}
.news-item-meta i{
    margin-right:4px;
}
/* 分页 */
.news-pagination{
    margin-top:36px;
    text-align:center;
}
.news-pagination ul{
    list-style:none;
    padding:0;
    margin:0;
    display:inline-flex;
    align-items:center;
    gap:4px;
}
.news-pagination ul li{
    display:inline-flex;
}
.news-pagination a,.news-pagination span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:36px;
    padding:0 12px;
    border-radius:8px;
    font-size:13px;
    text-decoration:none;
    box-sizing:border-box;
}
.news-pagination a{
    background:#fff;
    color:#666;
    border:1px solid #eef2f7;
}
.news-pagination a:hover{
    color:var(--primary);
    border-color:var(--primary);
}
.news-pagination span{
    background:var(--primary);
    color:#fff;
    border:1px solid var(--primary);
}
/* 侧栏 */
.news-side-card{
    background:#fff;
    border-radius:14px;
    padding:22px 20px 18px;
    box-shadow:0 4px 16px rgba(0,102,230,0.04);
    border:1px solid #eef2f7;
    position:sticky;
    top:100px;
}
.side-title{
    font-size:15px;
    color:var(--text-color);
    padding-bottom:12px;
    border-bottom:2px solid var(--primary);
    margin-bottom:14px;
}
.side-hot-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.side-hot-item{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    padding:8px 10px;
    border-radius:8px;
    transition:background 0.3s;
}
.side-hot-item:hover{
    background:#f5f8fb;
}
.hot-index{
    width:24px;
    height:24px;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    flex-shrink:0;
}
.side-hot-item:nth-child(1) .hot-index{background:var(--accent-orange);}
.side-hot-item:nth-child(2) .hot-index{background:#e68a00;}
.side-hot-item:nth-child(3) .hot-index{background:#b3a000;}
.side-hot-item:nth-child(n+4) .hot-index{background:#ddd;color:#999;}
.hot-info{
    flex:1;
    display:flex;
    flex-direction:column;
    min-width:0;
}
.hot-title{
    font-size:13px;
    color:var(--text-color);
    line-height:1.4;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.hot-meta{
    font-size:11px;
    color:#bbb;
    margin-top:2px;
}
/* 文章详情 */
.news-article-meta{
    display:flex;
    gap:20px;
    font-size:13px;
    color:#999;
    margin-bottom:28px;
    padding:16px 20px;
    background:#f8f9fb;
    border-radius:10px;
}
.news-article-meta i{
    color:var(--primary);
    margin-right:4px;
}
.news-content{
    line-height:2;
    color:#555;
    font-size:15px;
}
.news-content p{
    margin-bottom:16px;
}
.news-content img{
    max-width:100%;
    height:auto;
    border-radius:10px;
    margin:20px 0;
    box-shadow:0 4px 12px rgba(0,0,0,0.06);
}
.news-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid #eef2f7;
}
.news-tag{
    font-size:12px;
    color:var(--primary);
    background:rgba(0,102,230,0.06);
    padding:4px 14px;
    border-radius:20px;
    text-decoration:none;
    transition:0.3s;
}
.news-tag:hover{
    background:var(--primary);
    color:#fff;
}
/* 上下篇 */
.news-pager{
    display:flex;
    gap:16px;
    margin-top:32px;
    padding-top:24px;
    border-top:1px solid #eef2f7;
}
.news-pager .pager-item{
    flex:1;
    background:#f8f9fb;
    border-radius:10px;
    padding:16px 20px;
}
.news-pager .pager-item:hover{
    background:#f0f3f8;
}
.news-pager .pager-label{
    font-size:12px;
    color:#bbb;
    margin-bottom:4px;
    display:block;
}
.news-pager .pager-item a{
    font-size:14px;
    color:var(--text-color);
    text-decoration:none;
    line-height:1.5;
}
.news-pager .pager-item a:hover{color:var(--primary);}
.news-pager .pager-none{font-size:14px;color:#ccc;}
/* 相关文章 */
.news-related{
    margin-top:36px;
}
.news-related h3{
    font-size:17px;
    color:var(--text-color);
    margin-bottom:18px;
}
.related-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}
.related-item{
    display:block;
    border-radius:10px;
    overflow:hidden;
    text-decoration:none;
    box-shadow:0 4px 12px rgba(0,0,0,0.04);
    border:1px solid #eef2f7;
    transition:transform 0.3s;
}
.related-item:hover{
    transform:translateY(-3px);
}
.related-item img{
    width:100%;
    height:160px;
    object-fit:cover;
    display:block;
}
.related-item span{
    display:block;
    padding:12px 14px;
    font-size:13px;
    color:var(--text-color);
    line-height:1.5;
}
@media(max-width:768px){
    .news-layout{
        flex-direction:column;
    }
    .news-side{
        width:100%;
    }
    .news-item{
        flex-direction:column;
    }
    .news-item-img{
        flex:0 0 auto;
    }
    .news-item-img img{
        height:180px;
    }
    .related-grid{
        grid-template-columns:1fr;
    }
}

/* ============ 案例列表页 ============ */
@keyframes fadeInUp{
    from{ opacity:0; transform:translateY(30px); }
    to{ opacity:1; transform:translateY(0); }
}
.case-breadcrumb{
    margin-bottom:24px;
    font-size:13px;
    color:#999;
}
.case-breadcrumb a{
    color:#999;
    text-decoration:none;
}
.case-breadcrumb a:hover{
    color:var(--primary);
}
.bc-sep{
    margin:0 8px;
    color:#ccc;
}
.case-list-waterfall{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.case-loadmore{
    text-align:center;
    margin-top:36px;
}
.case-loadmore button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 40px;
    background:#fff;
    border:2px solid var(--primary);
    border-radius:50px;
    color:var(--primary);
    font-size:15px;
    cursor:pointer;
    transition:0.3s;
}
.case-loadmore button:hover{
    background:var(--primary);
    color:#fff;
}
.case-loadmore button i{
    transition:0.3s;
}
.case-loadmore button:hover i{
    transform:translateY(3px);
}
.case-no-more{
    text-align:center;
    margin-top:36px;
    padding:20px;
    color:#bbb;
    font-size:14px;
}
.case-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 4px 16px rgba(0,102,230,0.05);
    border:1px solid #eef2f7;
    text-decoration:none;
    transition:transform 0.35s, box-shadow 0.35s;
}
.case-card:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 36px rgba(0,102,230,0.13);
}
.case-card-img{
    position:relative;
    overflow:hidden;
    aspect-ratio:3/2;
}
.case-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.5s;
}
.case-card:hover .case-card-img img{
    transform:scale(1.08);
}
.case-card-badge{
    position:absolute;
    left:12px;
    top:12px;
    background:var(--accent-orange);
    color:#fff;
    font-size:12px;
    font-weight:bold;
    padding:3px 12px;
    border-radius:20px;
    z-index:1;
}
.case-card-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,51,102,0.4);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity 0.3s;
}
.case-card:hover .case-card-overlay{
    opacity:1;
}
.case-card-overlay i{
    font-size:28px;
    color:#fff;
}
.case-card-body{
    padding:18px 20px 20px;
    flex:1;
    display:flex;
    flex-direction:column;
}
.case-card-title{
    font-size:15px;
    color:var(--text-color);
    margin-bottom:8px;
    line-height:1.5;
    font-weight:600;
}
.case-card-desc{
    font-size:13px;
    color:#888;
    line-height:1.6;
    margin-bottom:12px;
    flex:1;
}
.case-card-meta{
    display:flex;
    align-items:center;
    gap:16px;
    font-size:12px;
    color:#aaa;
    padding-top:12px;
    border-top:1px solid #f0f2f5;
}
.case-card-meta i{
    margin-right:4px;
}
.case-pagination{
    margin-top:40px;
    text-align:center;
}
.case-pagination a,.case-pagination span{
    display:inline-block;
    padding:8px 16px;
    margin:0 3px;
    border-radius:8px;
    font-size:13px;
    text-decoration:none;
    transition:0.3s;
}
.case-pagination a{
    background:#fff;
    color:#666;
    border:1px solid #eef2f7;
}
.case-pagination a:hover{
    color:var(--primary);
    border-color:var(--primary);
}
.case-pagination span{
    background:var(--primary);
    color:#fff;
    border:1px solid var(--primary);
}
/* ============ 案例详情页 ============ */
.breadcrumb-nav{
    margin-bottom:28px;
    font-size:13px;
    color:#999;
}
.breadcrumb-nav a{
    color:#999;
    text-decoration:none;
}
.breadcrumb-nav a:hover{
    color:var(--primary);
}
.show-case-wrap{
    max-width:960px;
    margin:0 auto;
}
.case-info-bar{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:36px;
    padding:24px 28px;
    background:linear-gradient(135deg, #f0f6ff 0%, #e8f0fe 100%);
    border-radius:14px;
    border:1px solid #dce8f8;
}
.case-info-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 18px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.03);
}
.info-label{
    font-size:12px;
    color:#999;
    white-space:nowrap;
}
.info-label i{
    color:var(--primary);
    margin-right:4px;
    font-size:14px;
}
.info-value{
    font-size:14px;
    color:var(--text-color);
    font-weight:600;
}
/* 施工内容正文 */
.show-case-content{
    padding:10px 0 30px;
    line-height:2;
    color:#555;
    font-size:15px;
}
.show-case-content p{
    margin-bottom:16px;
}
.show-case-content img{
    max-width:100%;
    height:auto;
    border-radius:12px;
    margin:20px 0;
    box-shadow:0 4px 16px rgba(0,0,0,0.07);
    display:block;
}
/* 实拍图库 */
.case-gallery{
    margin:10px 0 36px;
    padding-top:6px;
}
.gallery-title{
    font-size:18px;
    color:var(--text-color);
    margin-bottom:20px;
    display:flex;
    align-items:center;
    gap:8px;
}
.gallery-title i{
    color:var(--primary);
}
.case-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}
.gallery-thumb{
    position:relative;
    display:block;
    border-radius:10px;
    overflow:hidden;
    aspect-ratio:4/3;
    text-decoration:none;
}
.gallery-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform 0.5s;
}
.gallery-thumb:hover img{
    transform:scale(1.08);
}
.gallery-hover{
    position:absolute;
    inset:0;
    background:rgba(0,51,102,0.45);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity 0.3s;
}
.gallery-thumb:hover .gallery-hover{
    opacity:1;
}
.gallery-hover i{
    font-size:30px;
    color:#fff;
}
/* 上下篇 */
.show-case-pager{
    display:flex;
    gap:20px;
    margin-top:40px;
    padding-top:28px;
    border-top:1px solid #eef2f7;
}
.pager-item{
    flex:1;
    background:#f8f9fb;
    border-radius:10px;
    padding:18px 22px;
    transition:background 0.3s;
}
.pager-item:hover{
    background:#f0f3f8;
}
.pager-label{
    display:block;
    font-size:12px;
    color:#bbb;
    margin-bottom:6px;
}
.pager-item a{
    font-size:14px;
    color:var(--text-color);
    text-decoration:none;
    line-height:1.5;
    transition:0.3s;
}
.pager-item a:hover{
    color:var(--primary);
}
.pager-none{
    font-size:14px;
    color:#ccc;
}
/* 响应式 */
@media(max-width:768px){
    .case-list-waterfall{
        grid-template-columns:repeat(2,1fr);
    }
    .case-info-bar{
        flex-direction:column;
        gap:8px;
    }
    .case-info-item{
        width:100%;
    }
}
@media(max-width:576px){
    .case-list-waterfall{
        grid-template-columns:1fr;
    }
}

/* ============ baguetteBox 灯箱样式覆盖 ============ */

/* ============ 内页通用横幅 ============ */
.page-banner{
    padding:70px 0 50px;
    text-align:center;
    position:relative;
}
.page-banner h1{
    color:#fff;
    font-size:34px;
    margin-bottom:12px;
}
.page-banner p{
    color:rgba(255,255,255,0.85);
    font-size:16px;
    letter-spacing:2px;
}

/* ============ 行业概览 ============ */
.overview-content{
    max-width:900px;
    margin:0 auto;
}
.overview-content p{
    color:#555;
    line-height:2;
    font-size:15px;
    margin-bottom:16px;
    text-indent:2em;
}
/* 核心业务类型 */
.biz-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.biz-card{
    background:#fff;
    border-radius:14px;
    padding:32px 24px;
    text-align:center;
    box-shadow:0 4px 16px rgba(0,102,230,0.06);
    border:1px solid #eef2f7;
    transition:transform 0.35s, box-shadow 0.35s;
}
.biz-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,102,230,0.12);
    border-color:var(--primary-light);
}
.biz-icon{
    width:64px;
    height:64px;
    border-radius:18px;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    transition:transform 0.35s;
}
.biz-card:hover .biz-icon{
    transform:scale(1.1) rotate(-5deg);
}
.biz-icon i{
    font-size:28px;
    color:#fff;
}
.biz-card h3{
    font-size:16px;
    margin-bottom:10px;
    color:var(--text-color);
}
.biz-card p{
    font-size:13px;
    color:#888;
    line-height:1.7;
}
/* 核心特点 */
.features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.feature-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:30px 20px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 4px 16px rgba(0,102,230,0.06);
    border:1px solid #eef2f7;
    transition:transform 0.35s, box-shadow 0.35s;
    position:relative;
}
.feature-item:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 28px rgba(0,102,230,0.12);
}
.feature-num{
    font-size:42px;
    font-weight:bold;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    line-height:1;
    margin-bottom:14px;
}
.feature-item h4{
    font-size:16px;
    margin-bottom:10px;
    color:var(--text-color);
}
.feature-item p{
    font-size:13px;
    color:#888;
    line-height:1.7;
}
/* 施工注意事项 */
.notes-list{
    max-width:860px;
    margin:0 auto;
}
.note-item{
    display:flex;
    gap:20px;
    align-items:flex-start;
    margin-bottom:24px;
    background:#fff;
    border-radius:12px;
    padding:22px 28px;
    box-shadow:0 3px 12px rgba(0,102,230,0.05);
    border:1px solid #eef2f7;
    transition:transform 0.3s, box-shadow 0.3s;
}
.note-item:hover{
    transform:translateX(6px);
    box-shadow:0 6px 20px rgba(0,102,230,0.10);
}
.note-marker{
    flex-shrink:0;
    width:36px;
    height:36px;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:bold;
    font-size:16px;
    margin-top:2px;
}
.note-body h4{
    font-size:15px;
    color:var(--text-color);
    margin-bottom:6px;
}
.note-body p{
    font-size:13px;
    color:#888;
    line-height:1.7;
}
/* 图片展示 */
.gallery-desc{
    text-align:center;
    color:#888;
    font-size:14px;
    margin-bottom:36px;
    margin-top:-24px;
}
.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.gallery-item{
    position:relative;
    display:block;
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 3px 12px rgba(0,0,0,0.04);
    border:1px solid #eef2f7;
    transition:transform 0.3s, box-shadow 0.3s;
}
.gallery-item:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 24px rgba(0,102,230,0.10);
}
.gallery-item a{
    display:block;
    overflow:hidden;
    aspect-ratio:4/3;
    position:relative;
}
.gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.5s;
}
.gallery-item:hover img{
    transform:scale(1.1);
}
.gallery-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,51,128,0.5);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity 0.3s;
}
.gallery-item:hover .gallery-overlay{
    opacity:1;
}
.gallery-overlay i{
    font-size:32px;
    color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.gallery-label{
    display:block;
    padding:10px 14px;
    font-size:13px;
    color:var(--text-color);
    text-align:center;
    line-height:1.4;
}
/* 响应式 */
@media(max-width:768px){
    .biz-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .features-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .gallery-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:576px){
    .biz-grid{
        grid-template-columns:1fr;
    }
    .features-grid{
        grid-template-columns:1fr;
    }
    .gallery-grid{
        grid-template-columns:1fr;
    }
    .page-banner{
        padding:50px 0 36px;
    }
    .page-banner h1{
        font-size:26px;
    }
}

/* ============ 关于我们页面 ============ */
.about-banner{
    background:linear-gradient(135deg, var(--dark-blue) 0%, var(--primary) 50%, var(--primary-light) 100%);
    padding:80px 0 60px;
    text-align:center;
    position:relative;
}
.about-banner-sub{
    color:rgba(255,255,255,0.85);
    font-size:20px;
    letter-spacing:4px;
    margin-top:10px;
}
/* 公司简介 */
.about-intro .intro-text{
    max-width:900px;
    margin:0 auto;
}
.about-intro .intro-text p{
    color:#555;
    line-height:2;
    font-size:15px;
    margin-bottom:16px;
    text-indent:2em;
}
/* 企业文化 */
.culture-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin-top:10px;
}
.culture-card{
    background:#fff;
    border-radius:12px;
    padding:36px 24px;
    text-align:center;
    box-shadow:0 4px 16px rgba(0,102,230,0.08);
    transition:transform 0.3s, box-shadow 0.3s;
}
.culture-card:hover{
    transform:translateY(-6px);
    box-shadow:0 8px 28px rgba(0,102,230,0.15);
}
.culture-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
}
.culture-icon i{
    font-size:26px;
    color:#fff;
}
.culture-card h4{
    font-size:17px;
    margin-bottom:12px;
    color:var(--text-color);
}
.culture-card p{
    font-size:13px;
    color:#888;
    line-height:1.7;
}
/* 企业实力 */
.strength{
    background:linear-gradient(135deg, #e8f0fe 0%, #d4e4fc 50%, #eef4fa 100%);
    position:relative;
}
.strength::before{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:1px;
    background:linear-gradient(to bottom, transparent, rgba(0,102,230,0.08), transparent);
    transform:translateX(-50%);
    pointer-events:none;
}
.strength-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.strength-item{
    background:#fff;
    border-radius:12px;
    padding:30px 24px;
    text-align:center;
    box-shadow:0 4px 16px rgba(0,0,0,0.04);
    transition:transform 0.3s, box-shadow 0.3s;
    border:1px solid #eef2f7;
}
.strength-item:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(0,102,230,0.10);
    border-color:var(--primary-light);
}
.strength-icon{
    width:56px;
    height:56px;
    border-radius:14px;
    background:linear-gradient(135deg, var(--primary), var(--primary-light));
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 16px;
}
.strength-icon i{
    font-size:24px;
    color:#fff;
}
.strength-item h4{
    font-size:16px;
    margin-bottom:10px;
    color:var(--text-color);
}
.strength-item p{
    font-size:13px;
    color:#888;
    line-height:1.7;
}
/* 荣誉资质 */
.honors{
    background:linear-gradient(135deg, #e8f0fe 0%, #d4e4fc 50%, #eef4fa 100%);
    position:relative;
    overflow:hidden;
}
.honors::before{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(0,102,230,0.04);
    top:-100px;
    right:-80px;
    pointer-events:none;
}
.honors::after{
    content:'';
    position:absolute;
    width:200px;
    height:200px;
    border-radius:50%;
    background:rgba(0,102,230,0.04);
    bottom:-60px;
    left:-60px;
    pointer-events:none;
}
.honors-desc{
    text-align:center;
    max-width:700px;
    margin:0 auto 36px;
    position:relative;
    z-index:1;
}
.honors-desc p{
    color:#555;
    font-size:14px;
    line-height:1.8;
}
.honors-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    position:relative;
    z-index:1;
}
.honor-card{
    background:#fff;
    border-radius:14px;
    padding:30px 20px 24px;
    text-align:center;
    box-shadow:0 4px 20px rgba(0,102,230,0.08);
    border:1px solid rgba(0,102,230,0.08);
    transition:transform 0.35s, box-shadow 0.35s;
    position:relative;
    overflow:hidden;
}
.honor-card::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg, var(--primary), var(--primary-light));
    opacity:0;
    transition:opacity 0.35s;
}
.honor-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 32px rgba(0,102,230,0.18);
    border-color:var(--primary-light);
}
.honor-card:hover::after{
    opacity:1;
}
.honor-badge{
    width:80px;
    height:80px;
    margin:0 auto 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg, #f0f6ff 0%, #e0edff 100%);
    padding:10px;
    transition:transform 0.35s, box-shadow 0.35s;
}
.honor-card:hover .honor-badge{
    transform:scale(1.08);
    box-shadow:0 6px 20px rgba(0,102,230,0.15);
}
.honor-badge img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}
.honor-card h4{
    font-size:14px;
    margin-bottom:6px;
    color:var(--text-color);
    line-height:1.5;
    font-weight:600;
}
.honor-card p{
    font-size:12px;
    color:#999;
}
/* 发展历程 - 摘要 */
.history-summary{
    max-width:900px;
    margin:0 auto 40px;
    padding:28px 32px;
    background:linear-gradient(135deg, #f0f6ff 0%, #e8f0fe 100%);
    border-radius:14px;
    border:1px solid #dce8f8;
    border-left:4px solid var(--primary);
}
.history-summary p{
    color:#555;
    font-size:14px;
    line-height:2;
    text-indent:2em;
    margin:0;
}
/* 发展历程 - 时间线 */
.timeline{
    position:relative;
    max-width:800px;
    margin:0 auto;
    padding:10px 0;
}
.timeline::before{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:3px;
    background:linear-gradient(to bottom, var(--primary), var(--primary-light), var(--primary));
    transform:translateX(-50%);
    border-radius:2px;
}
.timeline-item{
    position:relative;
    display:flex;
    align-items:flex-start;
    margin-bottom:36px;
}
.timeline-item:nth-child(odd){
    flex-direction:row;
    padding-right:calc(50% + 40px);
    text-align:right;
}
.timeline-item:nth-child(even){
    flex-direction:row-reverse;
    padding-left:calc(50% + 40px);
    text-align:left;
}
.timeline-item-inner{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    width:100%;
}
.timeline-item:nth-child(even) .timeline-item-inner{
    align-items:flex-start;
}
.timeline-dot{
    position:absolute;
    left:50%;
    top:22px;
    width:16px;
    height:16px;
    background:var(--primary);
    border:4px solid #fff;
    border-radius:50%;
    transform:translateX(-50%);
    z-index:2;
    box-shadow:0 0 0 3px var(--primary-light);
    flex-shrink:0;
}
.timeline-year{
    font-size:14px;
    font-weight:bold;
    color:var(--primary);
    white-space:nowrap;
    background:#fff;
    padding:3px 16px;
    border-radius:20px;
    border:2px solid var(--primary);
    display:inline-block;
    margin-bottom:10px;
}
.timeline-content{
    background:#fff;
    border-radius:12px;
    padding:16px 20px;
    box-shadow:0 3px 12px rgba(0,0,0,0.06);
    border:1px solid #eef2f7;
    text-align:left;
    width:100%;
    transition:transform 0.3s, box-shadow 0.3s;
}
.timeline-content:hover{
    transform:translateY(-3px);
    box-shadow:0 6px 20px rgba(0,102,230,0.10);
}
.timeline-content h4{
    font-size:15px;
    color:var(--text-color);
    margin-bottom:6px;
}
.timeline-content p{
    font-size:13px;
    color:#888;
    line-height:1.6;
}
/* 响应式 */
@media(max-width:768px){
    .culture-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .strength-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .honors-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .timeline::before{
        left:20px;
    }
    .timeline-item,
    .timeline-item:nth-child(odd),
    .timeline-item:nth-child(even){
        flex-direction:row;
        padding:0 0 0 50px;
        text-align:left;
    }
    .timeline-dot{
        left:20px;
        top:16px;
    }
    .timeline-item-inner,
    .timeline-item:nth-child(even) .timeline-item-inner{
        align-items:flex-start;
    }
    .timeline-content{
        width:100%;
    }
}
@media(max-width:576px){
    .culture-grid{
        grid-template-columns:1fr;
    }
    .strength-grid{
        grid-template-columns:1fr;
    }
    .honors-grid{
        grid-template-columns:1fr;
    }
    .about-banner{
        padding:50px 0 36px;
    }
    .about-banner-sub{
        font-size:14px;
    }
}

/* 合作伙伴 logo 滚动墙 */
.logo-marquee{
    overflow:hidden;
    position:relative;
    padding:10px 0;
    display:flex;
    flex-direction:column;
    gap:16px;
}
.logo-marquee::before,
.logo-marquee::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    width:100px;
    z-index:2;
    pointer-events:none;
}
.logo-marquee::before{
    left:0;
    background:linear-gradient(to right, #f8f9fa, transparent);
}
.logo-marquee::after{
    right:0;
    background:linear-gradient(to left, #f8f9fa, transparent);
}
.logo-track{
    display:flex;
    align-items:center;
    gap:40px;
    width:max-content;
}
.track-left{
    animation:marqueeLeft 40s linear infinite;
}
.track-right{
    transform:translateX(-50%);
    animation:marqueeRight 40s linear infinite;
}
.logo-marquee:hover .logo-track{
    animation-play-state:paused;
}
.logo-item{
    flex:0 0 auto;
    width:160px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
    transition:transform 0.3s, box-shadow 0.3s;
}
.logo-item img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:0.75;
    transition:all 0.3s;
    border-radius:8px;
}
.logo-item:hover{
    transform:translateY(-4px);
    box-shadow:0 6px 18px rgba(0,102,230,0.12);
}
.logo-item:hover img{
    filter:grayscale(0%);
    opacity:1;
}
@keyframes marqueeLeft{
    0%{ transform:translateX(0); }
    100%{ transform:translateX(-50%); }
}
@keyframes marqueeRight{
    0%{ transform:translateX(-50%); }
    100%{ transform:translateX(0); }
}

/* 表单区域 */
.contact{
    background:var(--primary);
}
.contact .section-title{
    color:#fff;
}
.contact-wrap{
    display:grid;
    grid-template-columns: 3fr 1fr;
    gap:20px;
}
.contact-form{
    background:rgba(255,255,255,0.12);
    border-radius:12px;
    padding:26px;
}
.form-row{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:16px;
    margin-bottom:16px;
}
.form-item input{
    width:100%;
    padding:12px 16px;
    border-radius:6px;
    border:none;
    outline:none;
    font-size:15px;
}
.form-submit{
    width:100%;
    background:var(--primary-light);
    color:#fff;
    padding:14px;
    border-radius:8px;
    font-size:16px;
    font-weight:500;
    margin-top:10px;
}
.tip-text{
    text-align:center;
    margin-top:12px;
    color:#fff;
    font-size:14px;
}
.contact-side{
    background:rgba(255,255,255,0.12);
    border-radius:12px;
    padding:26px;
    color:#fff;
}
.side-item{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
}
.side-item i{
    font-size:20px;
}
.side-item.qr-item{
    flex-direction:column;
    text-align:center;
    gap:6px;
}
.side-item.qr-item img{
    width:240px;
    height:240px;
    border-radius:8px;
    background:#fff;
    padding:6px;
    display:block;
}
.side-item.qr-item span{
    font-size:20px;
    opacity:0.85;
}
.side-btn{
    width:100%;
    border:1px solid #fff;
    color:#fff;
    padding:14px;
    border-radius:8px;
    font-size:16px;
    margin-top:30px;
    transition:0.3s;
}
.side-btn:hover{
    background:#fff;
    color:var(--primary);
}

/* 悬浮客服 */
.float-service{
    position:fixed;
    right:24px;
    bottom:100px;
    z-index:98;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.float-item{
    position:relative;
    width:50px;
    height:50px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 3px 10px rgba(0,0,0,0.12);
    color:var(--primary);
    font-size:20px;
    cursor:pointer;
    transition:0.3s;
}
.float-item:hover{
    background:var(--primary);
    color:#fff;
}
.float-item[data-type="top"]{
    display:none;
}
.float-item[data-type="top"].show{
    display:flex;
}
/* 悬浮弹出框 */
.float-popup{
    display:none;
    position:absolute;
    right:62px;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    border-radius:10px;
    box-shadow:0 4px 16px rgba(0,0,0,0.15);
    padding:14px;
    text-align:center;
    white-space:nowrap;
    z-index:99;
    min-width:148px;
}
.float-popup::after{
    content:'';
    position:absolute;
    right:-6px;
    top:50%;
    transform:translateY(-50%);
    border-style:solid;
    border-width:6px 0 6px 6px;
    border-color:transparent transparent transparent #fff;
}
.float-popup img{
    width:120px;
    height:120px;
    display:block;
    border-radius:6px;
    margin-bottom:6px;
}
.float-popup span{
    display:block;
    font-size:12px;
    color:#666;
}
.float-popup .phone-num{
    font-size:18px;
    font-weight:bold;
    color:var(--primary);
    margin-bottom:4px;
}
.phone-popup{
    padding:18px 22px;
}
.float-item.active .float-popup{
    display:block;
}
.float-item.active{
    background:var(--primary);
    color:#fff;
}

/* 页脚 */
.footer{
    background:var(--dark-blue);
    color:#fff;
    padding:60px 0 30px;
}
.footer-list{
    display:grid;
    grid-template-columns: repeat(5,1fr);
    gap:30px;
}
.footer-col h4{
    font-size:18px;
    margin-bottom:20px;
    height:24px;
}
.footer-col p{
    color:#b6ccf0;
    font-size:14px;
    line-height:1.7;
}
.footer-col li{
    margin-bottom:10px;
}
.footer-col a, .footer-col li{
    color:#b6ccf0;
    font-size:14px;
}
.copyright{
    margin-top:40px;
    padding-top:24px;
    border-top:1px solid #244b8a;
    text-align:center;
    color:#b6ccf0;
    font-size:14px;
}

/* 移动端适配 */
@media(max-width:992px){
    .header-nav{
        display:none;
    }
    .header-top-wrap{
        flex-wrap:wrap;
        gap:10px;
    }
    .header-logo{
        font-size:16px;
    }
    .header-logo img{
        height:22px;
    }
    .tel-label{
        display:none;
    }
    .tel-btn{
        padding:8px 14px;
        font-size:13px;
    }
    .about-wrap,.qualify-wrap{
        grid-template-columns:1fr;
    }
    .qualify-map{
        min-height:340px;
    }
    #chinaMap{
        height:340px;
    }
    .quick-list{
        grid-template-columns: repeat(2,1fr);
    }
    .project-list{
        grid-template-columns: repeat(2,1fr);
    }
    .logo-item{
        width:140px;
        height:70px;
    }
    .contact-wrap{
        grid-template-columns:1fr;
    }
    .footer-list{
        grid-template-columns: repeat(2,1fr);
    }
    .banner{
        height:480px;
    }
    .banner-title{
        font-size:32px;
    }
    .banner-arrow{
        width:38px;
        height:38px;
        font-size:16px;
    }
    .banner-prev{
        left:12px;
    }
    .banner-next{
        right:12px;
    }
    .quick-nav{
        margin-top:-50px;
    }
    .service > .container{
        padding-top:50px;
    }
    .service-fullscreen{
        height:520px;
    }
    .service-main{
        padding-top:50px;
        padding-bottom:100px;
    }
    .service-info-card{
        width:100%;
        max-width:420px;
    }
    .service-tab-list{
        grid-template-columns: repeat(3,1fr);
    }
    .tab-item{
        min-height:90px;
        padding:14px 6px;
    }
    .tab-item i{
        font-size:22px;
    }
    .tab-item h3{
        font-size:12px;
    }
}
@media(max-width:576px){
    .project-list{
        grid-template-columns:1fr;
    }
    .logo-item{
        width:120px;
        height:60px;
    }
    .logo-track{
        gap:24px;
    }
    .quick-list{
        grid-template-columns:1fr;
    }
    .form-row{
        grid-template-columns:1fr;
    }
    .footer-list{
        grid-template-columns:1fr;
    }
    .service > .container{
        padding-top:40px;
    }
    .service-fullscreen{
        height:480px;
    }
    .service-main{
        padding-top:30px;
        padding-bottom:100px;
    }
    .service-info-card{
        padding:22px;
    }
    .service-tab-list{
        grid-template-columns: repeat(2,1fr);
    }
    .tab-item{
        border-right:none;
        border-bottom:1px solid rgba(0,0,0,0.06);
    }
    .tab-item:nth-child(odd){
        border-right:1px solid rgba(0,0,0,0.06);
    }
}
/* 移动端菜单按钮 */
.mobile-menu-toggle{
    display:none;
    width:44px;
    height:44px;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    background:rgba(0,0,0,0.03);
    border:none;
    cursor:pointer;
    padding:8px;
    flex-shrink:0;
    border-radius:8px;
    z-index:1002;
    position:relative;
}
.mobile-menu-toggle span{display:block;height:2.5px;background:#333;border-radius:2px;transition:0.3s;width:24px;}
.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.mobile-menu-toggle.active span:nth-child(2){opacity:0;}
.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-bottom-bar{display:none;position:fixed;left:0;bottom:0;width:100%;height:60px;background:#fff;border-top:1px solid #eef2f7;z-index:999;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -3px 12px rgba(0,0,0,0.06);}
.mbb-item{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#999;transition:0.3s;padding:4px 8px;}
.mbb-item i{font-size:20px;}
.mbb-item span{font-size:11px;display:block;text-align:center;}
.mbb-item:hover,.mbb-item.active{color:var(--primary);}
@media(max-width:992px){
    body{padding-bottom:60px;}
    .mobile-menu-toggle{display:flex;}
    .mobile-bottom-bar{display:flex;}
    .header-nav{display:none !important;}
    .header-bottom{display:none;}
    .header-nav.mobile-open ul{flex-direction:column;height:auto;padding:8px 0;}
    .header-nav.mobile-open ul li{height:auto;width:100%;}
    .header-nav.mobile-open ul li a{height:44px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,0.08);}
    .header-nav.mobile-open .nav-sub{position:static;background:rgba(0,0,0,0.15);box-shadow:none;width:100%;}
    .header-nav.mobile-open .nav-sub li a{padding-left:36px;font-size:13px;height:38px;border-bottom:1px solid rgba(255,255,255,0.05);}
    .float-service{bottom:72px;}

/* ===== 手机端独立导航面板 ===== */
.mnav,.mnav-mask{display:none!important;}
.mnav{position:fixed;top:0;right:0;width:280px;max-width:85vw;height:100vh;background:#fff;z-index:1001;box-shadow:-4px 0 20px rgba(0,0,0,0.15);overflow-y:auto;}
.mnav.open{display:block!important;}
.mnav-mask{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1000;}
.mnav-mask.open{display:block!important;}
.mnav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#004DB3,#0066E6);color:#fff;}
.mnav-logo{display:flex;align-items:center;gap:10px;}
.mnav-logo img{width:32px;height:32px;border-radius:6px;background:#fff;padding:2px;}
.mnav-logo span{font-size:15px;font-weight:bold;}
.mnav-close{width:32px;height:32px;background:rgba(255,255,255,0.15);border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;}
.mnav-close:hover{background:rgba(255,255,255,0.25);}
.mnav-body{padding:12px 0;background:#fff;}
.mnav-link{display:flex;align-items:center;gap:14px;padding:14px 24px;color:#333;text-decoration:none;font-size:15px;border-bottom:1px solid #f5f5f5;transition:0.2s;}
.mnav-link i{width:20px;color:#999;font-size:14px;}
.mnav-link:hover,.mnav-link.active{background:#f0f6ff;color:var(--primary);}
.mnav-link.active{font-weight:bold;}
.mnav-link.active i{color:var(--primary);}
.mnav-foot{padding:24px;background:#f8f9fb;border-top:1px solid #eef2f7;}
.mnav-tel{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:10px;text-decoration:none;font-size:14px;font-weight:bold;}
.mnav-tel:hover{opacity:0.92;color:#fff;}
}