/* 上海博象展览策划 tuoma 模板自定义样式 v1.0 */
:root{
    --brand:#0a4d8c;
    --brand-dark:#073862;
    --accent:#ff6b35;
    --accent-light:#ff8c5a;
    --gray-1:#f5f7fa;
}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#333;}

/* 顶部信息条 */
.top-bar{background:var(--brand-dark);color:#cfe2f3;font-size:13px;padding:7px 0;line-height:1.6;}
.top-bar .top-welcome{opacity:.85;}
.top-bar .top-contact i{margin-right:4px;}

/* 主导航 */
.main-nav{background:#fff !important;padding:.5rem 1rem;}
.main-nav .navbar-brand{padding:0;margin-right:1.5rem;}
.logo-height{height:130px;width:auto;}
.main-nav .nav-link{font-size:16px;color:#333 !important;padding:.5rem 1rem !important;font-weight:500;position:relative;transition:color .25s;}
.main-nav .nav-item.active .nav-link,.main-nav .nav-link:hover{color:var(--brand) !important;}
.main-nav .nav-item.active .nav-link:after{content:"";position:absolute;left:50%;bottom:0;width:24px;height:3px;background:var(--accent);transform:translateX(-50%);}

/* 二级下拉导航 */
.main-nav .dropdown-menu{border:none;border-radius:0 0 6px 6px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:130px;padding:.5rem 0;margin-top:0;background:#fff;}
.main-nav .dropdown-menu:empty{display:none !important;}
.main-nav .nav-item.dropdown > .nav-link::after{display:none;}
.main-nav .nav-item.dropdown:has(.dropdown-menu:not(:empty)) > .nav-link::after{display:inline-block;content:"\f107";font-family:FontAwesome;font-size:13px;margin-left:6px;font-weight:normal;opacity:.7;}
.main-nav .dropdown-item{font-size:14px;color:#555 !important;padding:.5rem 1.2rem;transition:all .2s;}
.main-nav .dropdown-item:hover,.main-nav .dropdown-item.active{background:var(--brand);color:#fff !important;}

/* 首页 banner 文字层 */
.swiper-container{width:100%;}
.swiper-slide{position:relative;overflow:hidden;}
.slideshow{width:100%;height:560px;object-fit:cover;display:block;}
.slide-text{position:absolute;left:0;right:0;top:38%;transform:translateY(-50%);color:#fff;z-index:3;max-width:560px;padding:0 8%;}
.slide-text h1{font-size:42px;font-weight:700;text-shadow:0 2px 16px rgba(0,0,0,.6);margin-bottom:.6rem;line-height:1.3;}
.slide-text p{font-size:20px;text-shadow:0 2px 10px rgba(0,0,0,.6);margin-bottom:0;}
.swiper-pagination-bullet{width:14px;height:14px;background:#fff;opacity:.6;}
.swiper-pagination-bullet-active{background:var(--accent);opacity:1;}
.swiper-button-prev,.swiper-button-next{color:#fff;background:rgba(0,0,0,.25);width:50px;height:50px;border-radius:50%;}
.swiper-button-prev:hover,.swiper-button-next:hover{background:var(--brand);}

/* 区块标题 */
.section-title{text-align:center;margin-bottom:2.2rem;}
.section-title h2{font-size:30px;color:var(--brand);font-weight:700;margin-bottom:.5rem;position:relative;display:inline-block;}
.section-title h2:after{content:"";display:block;width:50px;height:4px;background:var(--accent);margin:8px auto 0;border-radius:2px;}
.section-title p{color:#888;font-size:15px;}
.section-sub{color:#888;font-size:15px;}

/* 服务卡片 */
.prod-card{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:all .3s;height:100%;}
.prod-card:hover{box-shadow:0 10px 30px rgba(10,77,140,.18);transform:translateY(-6px);border-color:transparent;}
.prod-card .card-img{overflow:hidden;height:200px;}
.prod-card .card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.prod-card:hover .card-img img{transform:scale(1.08);}
.prod-card .card-body{padding:1.1rem 1.1rem 1.3rem;}
.prod-card .cat-tag{display:inline-block;font-size:12px;color:var(--accent);border:1px solid var(--accent);border-radius:11px;padding:1px 10px;margin-bottom:.5rem;}
.prod-card h5{font-size:17px;font-weight:600;color:#333;margin-bottom:.5rem;}
.prod-card h5 a{color:inherit;}
.prod-card .card-text{font-size:13px;color:#888;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* 服务项目分类标签 */
.prod-tabs{text-align:center;margin-bottom:1.8rem;}
.prod-tabs a{display:inline-block;padding:7px 22px;margin:0 5px 8px;border-radius:20px;font-size:14px;color:#666;border:1px solid #ddd;transition:all .25s;}
.prod-tabs a.on,.prod-tabs a:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
.prod-tabs a.on{box-shadow:0 4px 12px rgba(10,77,140,.3);}

/* 关于我们 */
.about-section{background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);}
.about-text{font-size:15px;line-height:2;color:#555;text-indent:2em;}
.about-list li{margin-bottom:.7rem;font-size:15px;color:#555;}
.about-list i{color:var(--accent);margin-right:8px;}

/* 优势区块 */
.adv-section{background:#fff;}
.adv-card{background:#fff;border-radius:10px;padding:2rem 1.5rem;text-align:center;height:100%;transition:all .3s;border:1px solid #f0f0f0;}
.adv-card:hover{box-shadow:0 12px 30px rgba(10,77,140,.15);transform:translateY(-6px);}
.adv-icon{width:80px;height:80px;line-height:80px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-size:32px;margin:0 auto 1.2rem;}
.adv-card h4{font-size:19px;color:var(--brand);font-weight:600;margin-bottom:.6rem;}
.adv-card p{font-size:13px;color:#888;line-height:1.8;}

/* 案例卡片 */
.case-card{position:relative;overflow:hidden;border-radius:8px;margin-bottom:1.5rem;}
.case-card img{width:100%;height:230px;object-fit:cover;transition:transform .5s;}
.case-card:hover img{transform:scale(1.1);}
.case-card .case-mask{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,56,98,.92) 0%,rgba(7,56,98,0) 55%);display:flex;align-items:flex-end;padding:1.2rem;color:#fff;opacity:0;transition:opacity .3s;}
.case-card:hover .case-mask{opacity:1;}
.case-card .case-mask h5{font-size:16px;margin-bottom:.3rem;}
.case-card .case-mask p{font-size:12px;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* 新闻列表 */
.news-item{display:flex;padding:1.2rem 0;border-bottom:1px dashed #eee;}
.news-date{flex:0 0 80px;text-align:center;background:#f5f7fa;border-radius:6px;padding:.5rem;margin-right:1.2rem;align-self:flex-start;}
.news-date .day{font-size:26px;color:var(--brand);font-weight:700;line-height:1;}
.news-date .ym{font-size:12px;color:#999;}
.news-body h5{font-size:17px;margin-bottom:.4rem;font-weight:600;}
.news-body h5 a{color:#333;}
.news-body h5 a:hover{color:var(--brand);}
.news-body p{font-size:13px;color:#888;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* CTA 区块 */
.cta-section{background:linear-gradient(rgba(7,56,98,.9),rgba(7,56,98,.9)),url('/skin/images/banner3.jpg');background-size:cover;background-position:center;color:#fff;padding:3rem 0;text-align:center;}
.cta-section h2{font-size:28px;font-weight:700;margin-bottom:.6rem;}
.cta-section p{font-size:16px;opacity:.9;margin-bottom:1.5rem;}
.cta-btn{display:inline-block;padding:11px 36px;border-radius:25px;background:var(--accent);color:#fff;font-size:16px;text-decoration:none;transition:all .25s;}
.cta-btn:hover{background:var(--accent-light);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,107,53,.4);}

/* 内页 banner */
.inner-banner{background:linear-gradient(135deg,var(--brand-dark),var(--brand));color:#fff;padding:3.2rem 0;}
.inner-banner h1{font-size:30px;font-weight:700;margin-bottom:.4rem;}
.inner-banner p{font-size:15px;opacity:.9;margin-bottom:0;}

/* 详情页 */
.content-detail h1{font-size:26px;font-weight:600;color:#333;}
.content-detail .meta{color:#999;font-size:14px;border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1.5rem;}
.content-detail .content{font-size:15px;line-height:2;color:#444;}
.content-detail .content img{max-width:100%;height:auto;border-radius:6px;margin:1rem 0;}
.content-detail .content p{margin-bottom:1.1rem;}

/* 列表卡片通用 */
.list-card .card-img-150{height:180px;overflow:hidden;}
.list-card .card-img-150 img{width:100%;height:100%;object-fit:cover;}

/* 品牌按钮 */
.btn-brand{background:var(--brand);color:#fff;border:1px solid var(--brand);}
.btn-brand:hover{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark);}
.btn-outline-brand{color:var(--brand);background:#fff;border:1px solid var(--brand);}
.btn-outline-brand:hover{background:var(--brand);color:#fff;}
.btn-outline-brand .badge,.sonsort .btn .badge{background:var(--brand);color:#fff;}
.sonsort .btn.on .badge,.sonsort .btn-brand .badge{background:#fff;color:var(--brand);}
.badge-light{background:#e9ecef;color:#666;}
.position-bar a{color:#888;}
.position-bar i{font-size:11px;margin:0 4px;}

/* 页脚 */
.site-footer{background:#1a2533;color:#a5b3c5;padding:3.2rem 0 0;}
.site-footer h5{color:#fff;font-size:17px;margin-bottom:1.2rem;font-weight:600;}
.site-footer ul{list-style:none;padding:0;}
.site-footer li{margin-bottom:.6rem;font-size:14px;line-height:1.8;}
.site-footer li i{color:var(--accent);margin-right:8px;width:14px;}
.site-footer a{color:#a5b3c5;}
.site-footer a:hover{color:#fff;}
.footer-bottom{border-top:1px solid #2c3a4f;padding:1.2rem 0;margin-top:2.5rem;font-size:13px;color:#7a8696;}
.footer-bottom a{color:#7a8696;}

/* 手机底部导航 */
.mobile-foot{background:var(--brand);position:fixed;bottom:0;left:0;right:0;z-index:1030;}
.mobile-foot a{color:#fff;font-size:13px;padding:.7rem 0;}
.mobile-foot i{font-size:18px;display:block;margin-bottom:2px;}

/* 在线客服侧栏 */
.online dl dd{cursor:pointer;}

/* 响应式 */
@media (max-width:575px){
    .slideshow{height:300px;}
    .slide-text{left:5%;top:38%;max-width:90%;padding:0 5%;}
    .slide-text h1{font-size:22px;}
    .slide-text p{font-size:13px;}
    .section-title h2{font-size:23px;}
    .cta-section h2{font-size:21px;}
    .inner-banner h1{font-size:23px;}
    .logo-height{height:50px;}
    .head-sm-height{height:66px !important;}
    .main-nav{padding:.3rem .5rem !important;}
    .main-nav .navbar-brand{margin-right:0;}
}

@media (min-width:576px) and (max-width:991px){
    .slideshow{height:400px;}
    .logo-height{height:64px;}
    .head-sm-height{height:80px !important;}
}