/* ===== 活动会展行业模板 - 主样式扩展 ===== */

/* 主题色 */
:root{
    --main-color:#c8102e;
    --dark-color:#1a1a2e;
    --accent-color:#f5c518;
    --bg-light:#f8f9fa;
}

body{font-family:"Microsoft YaHei","微软雅黑",Helvetica Neue,sans-serif,Arial;}

/* 容器 */
.container-layout{max-width:1400px;margin:0 auto;}

/* 通用标题 */
.section-title{text-align:center;margin-bottom:40px;}
.section-title h2{font-size:32px;color:#1a1a2e;font-weight:700;margin-bottom:10px;}
.section-title p{font-size:16px;color:#888;text-transform:uppercase;letter-spacing:2px;}
.section-title .line{width:60px;height:3px;background:#c8102e;margin:15px auto 0;}

/* 首页轮播 */
.slides .item img{width:100%;height:500px;object-fit:cover;}

/* 服务区块 */
.service-section{padding:60px 0;background:#f8f9fa;}
.service-grid{display:flex;flex-wrap:wrap;gap:20px;}
.service-item{
    flex:1 1 calc(25% - 20px);
    background:#fff;
    padding:30px 20px;
    text-align:center;
    border-radius:8px;
    transition:all 0.3s ease;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
}
.service-item:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 24px rgba(200,16,46,0.15);
}
.service-item .icon{
    width:70px;height:70px;line-height:70px;
    margin:0 auto 15px;
    border-radius:50%;
    background:linear-gradient(135deg,#c8102e,#e63956);
    color:#fff;font-size:28px;
}
.service-item h3{font-size:18px;color:#1a1a2e;margin-bottom:10px;font-weight:600;}
.service-item p{font-size:14px;color:#888;line-height:1.6;}

/* 案例展示 */
.case-section{padding:60px 0;background:#fff;}
.case-grid{display:flex;flex-wrap:wrap;gap:20px;}
.case-item{
    flex:1 1 calc(33.333% - 14px);
    position:relative;
    overflow:hidden;
    border-radius:8px;
    cursor:pointer;
}
.case-item img{width:100%;height:240px;object-fit:cover;transition:transform 0.4s ease;}
.case-item:hover img{transform:scale(1.08);}
.case-item .overlay{
    position:absolute;bottom:0;left:0;right:0;
    background:linear-gradient(transparent,rgba(26,26,46,0.85));
    padding:20px;color:#fff;
}
.case-item .overlay h3{font-size:18px;margin-bottom:5px;}
.case-item .overlay p{font-size:13px;opacity:0.85;}

/* 套餐推荐 */
.package-section{padding:60px 0;background:#1a1a2e;color:#fff;}
.package-grid{display:flex;flex-wrap:wrap;gap:20px;}
.package-item{
    flex:1 1 calc(33.333% - 14px);
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.1);
    border-radius:8px;
    padding:35px 25px;
    text-align:center;
    transition:all 0.3s ease;
}
.package-item:hover{
    background:rgba(200,16,46,0.15);
    border-color:rgba(200,16,46,0.5);
    transform:translateY(-5px);
}
.package-item .pkg-title{font-size:22px;color:#f5c518;margin-bottom:15px;font-weight:600;}
.package-item .pkg-price{font-size:36px;color:#fff;margin:15px 0;}
.package-item .pkg-price span{font-size:14px;color:#aaa;}
.package-item ul{list-style:none;padding:0;margin:20px 0;}
.package-item ul li{font-size:14px;color:#ccc;line-height:2.2;border-bottom:1px solid rgba(255,255,255,0.05);}
.package-item .btn{
    display:inline-block;
    padding:10px 30px;
    background:#c8102e;
    color:#fff;
    border-radius:25px;
    font-size:14px;
    margin-top:15px;
    transition:all 0.3s ease;
}
.package-item .btn:hover{background:#e63956;}

/* 演出演艺 */
.perform-section{padding:60px 0;background:#f8f9fa;}
.perform-grid{display:flex;flex-wrap:wrap;gap:20px;}
.perform-item{
    flex:1 1 calc(50% - 10px);
    position:relative;
    border-radius:8px;
    overflow:hidden;
}
.perform-item img{width:100%;height:300px;object-fit:cover;}
.perform-item .info{
    position:absolute;top:0;left:0;right:0;bottom:0;
    display:flex;flex-direction:column;justify-content:flex-end;
    padding:25px;
    background:linear-gradient(transparent 40%,rgba(26,26,46,0.9));
    color:#fff;
}
.perform-item .info h3{font-size:20px;margin-bottom:8px;}
.perform-item .info p{font-size:14px;opacity:0.8;}

/* 新闻动态 */
.news-section{padding:60px 0;background:#fff;}
.news-grid{display:flex;flex-wrap:wrap;gap:20px;}
.news-item{
    flex:1 1 calc(33.333% - 14px);
    background:#fff;
    border:1px solid #eee;
    border-radius:8px;
    overflow:hidden;
    transition:all 0.3s ease;
}
.news-item:hover{box-shadow:0 8px 24px rgba(0,0,0,0.08);}
.news-item img{width:100%;height:200px;object-fit:cover;}
.news-item .news-body{padding:20px;}
.news-item .news-date{font-size:13px;color:#c8102e;margin-bottom:8px;}
.news-item h3{font-size:16px;color:#1a1a2e;margin-bottom:8px;line-height:1.5;font-weight:600;}
.news-item p{font-size:13px;color:#888;line-height:1.6;}

/* 联系我们 */
.contact-section{padding:60px 0;background:#1a1a2e;color:#fff;}
.contact-info{display:flex;flex-wrap:wrap;gap:30px;}
.contact-item{flex:1;text-align:center;}
.contact-item .icon{
    width:60px;height:60px;line-height:60px;
    margin:0 auto 15px;
    border-radius:50%;
    background:#c8102e;
    color:#fff;font-size:24px;
}
.contact-item h3{font-size:16px;margin-bottom:8px;}
.contact-item p{font-size:14px;color:#aaa;}

/* 页脚 */
footer.bg-main{background:#0f0f1a !important;color:#aaa;}
footer.bg-main a{color:#aaa;}
footer.bg-main a:hover{color:#c8102e;}
footer.bg-main h3{color:#fff;}

/* 按钮 */
.btn-main{display:inline-block;padding:12px 36px;background:#c8102e;color:#fff !important;border-radius:25px;font-size:15px;transition:all 0.3s ease;text-decoration:none !important;}
.btn-main:hover{background:#e63956;color:#fff !important;}
.btn-outline{display:inline-block;padding:12px 36px;border:2px solid #c8102e;color:#c8102e !important;border-radius:25px;font-size:15px;transition:all 0.3s ease;text-decoration:none !important;}
.btn-outline:hover{background:#c8102e;color:#fff !important;}

/* 动画 */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.fadeInUp{animation:fadeInUp 0.6s ease;}

/* 响应式 */
@media(max-width:768px){
    .service-item,.case-item,.package-item,.perform-item,.news-item{flex:1 1 100%;}
    .section-title h2{font-size:24px;}
    .slides .item img{height:300px;}
}





/* ===== 子导航(横向栏目)样式修复 v4 ===== */
/* 覆盖pintuer的nav-navicon display:none */
.nav-x .menu-toggle #subnav.nav-navicon,
#subnav.nav-navicon {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 每个按钮 - 自适应宽度 */
.nav-x .menu-toggle #subnav.nav-navicon > li.col-2,
#subnav.nav-navicon > li.col-2 {
    width: auto !important;
    float: none !important;
    display: inline-block !important;
    margin: 2px 5px !important;
    padding: 0 !important;
    position: relative !important;
    min-height: auto !important;
}

/* 按钮文字 - 加粗，单行不换行，上下padding适中，文字垂直居中 */
.nav-x .menu-toggle #subnav.nav-navicon > li.col-2 > a,
#subnav.nav-navicon > li.col-2 > a {
    white-space: nowrap !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 3px 14px !important;
    border-radius: 4px !important;
    background: #f0f2f5 !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e0e0e0 !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    height: auto !important;
}

/* 激活状态按钮 */
.nav-x .menu-toggle #subnav.nav-navicon > li.col-2 > a.active,
#subnav.nav-navicon > li.col-2 > a.active {
    background: #c8102e !important;
    color: #fff !important;
    border-color: #c8102e !important;
    font-weight: 700 !important;
}

/* 悬停状态 */
.nav-x .menu-toggle #subnav.nav-navicon > li.col-2 > a:hover,
#subnav.nav-navicon > li.col-2 > a:hover {
    background: #c8102e !important;
    color: #fff !important;
    border-color: #c8102e !important;
}

/* 导航区域背景 */
.nav-x {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
}

.nav-x .menu-toggle h3 {
    display: none !important;
}