/* ===== 三丰东星医疗 - 组件/页面专属样式 =====
   全局基础样式（reset / body / 标题 / 链接 / 变量 / 工具类）定义在 site.css
   本文件仅包含组件和页面专属样式
*/

/* ===== 公共容器 ===== */
.container{max-width:1400px;margin:0 auto;padding:0 20px}

/* ===== Header (匹配目标站点: 白色背景、导航居中、sticky) ===== */
.header{width:100%;position:sticky;top:0;z-index:999;background:#fff;transition:all .3s;}
.header.active{box-shadow:0 3px 4px rgba(0,0,0,.1)}
.header-inner{width:94%;max-width:1400px;margin:0rem auto;display:flex;align-items:center}
.logo{width:200px;flex-shrink:0;display:flex;align-items:center;margin:1rem 0;}
.logo img{width:100%;height:auto;display:block}
.nav{flex:1;display:flex;justify-content:flex-end}
.nav>ul{display:flex}
.nav>ul>li{position:relative;padding:0 26px}
.nav>ul>li>a{display:block;font-size:18px;font-weight:bold;line-height:38px;padding:20px 0;position:relative;white-space:nowrap}
.nav>ul>li>a::after{content:'';position:absolute;left:0;right:0;bottom:14px;width:0;margin:0 auto;height:2px;background:#048ec4;transition:width .3s}
.nav>ul>li:hover>a,.nav>ul>li.active>a{color:#048ec4}
.nav>ul>li:hover>a::after,.nav>ul>li.active>a::after{width:100%}
.nav>ul>li .dropdown{display:none;position:absolute;left:50%;transform:translateX(-50%);top:100%;background:rgba(0,0,0,.8);min-width:180px;z-index:100;padding:10px 0}
.nav>ul>li:hover .dropdown{display:block}
.nav>ul>li .dropdown a{display:block;padding:0 10px;color:#fff;font-size:14px;line-height:36px;text-align:center;transition:background .3s}
.nav>ul>li .dropdown a:hover{background:rgba(0,0,0,.3);color:#fff}
.header-right{display:flex;align-items:center;margin-left:20px}
.header-right a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;border-radius:50%;transition:all .3s}
.header-right a:hover{border-color:#048ec4;background:#ecf5ff}
.header-right a svg{width:18px;height:18px;fill:#666;transition:all .3s}
.header-right a:hover svg{fill:#048ec4}
/* 语言切换 EN 项：地球图标与文字对齐，颜色随文字（默认深色 / hover 变 #048ec4） */
.nav>ul>li.lang-en>a svg.lang-icon{display:inline-block;vertical-align:-3px;margin-right:6px}
.nav-toggle{display:none}

/* ===== Banner 轮播 ===== */
.banner{width:100%;overflow:hidden;background-color: #000;position: relative; height: calc(100vh - 110px); display: flex; align-items: center;}
.banner .vcover {display: block; object-fit: cover; width: 100%;}
.banner .mob-banner{display:none;}
.banner .swiper-container{width:100%}
.banner .swiper-slide{position:relative;}
.banner .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}
.banner .swiper-slide .banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:9;width:50%;pointer-events:none}
.banner .swiper-slide .banner-text h1{font-size:28px;font-weight:700;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.banner .swiper-slide .banner-text h6{font-size:14px;font-weight:400;opacity:.9;padding:5px 0;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.banner .swiper-pagination{bottom:30px!important}
.banner .swiper-pagination-bullet{width:12px;height:12px;background:rgba(255,255,255,.5);opacity:1;margin:0 4px!important;transition:all .3s}
.banner .swiper-pagination-bullet-active{background:#f7b503;width:24px;border-radius:6px}
.banner .swiper-button-next,.banner .swiper-button-prev{color:#fff;opacity:.8;transition:opacity .3s}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{opacity:1}

/* ===== 首页：关于我们 ===== */
.home-about{padding:60px 0}
.about-wrap{display:flex}
.about-img{width:49.24%;margin-right:.5%; margin-top: 5%;}
.about-img img{width:100%}
.about-text{width:49.24%;margin-left:.5%;padding-left:30px; margin-top: 4%;}
.about-text h2{font-size:28px;color:#222;font-weight:bold;padding-bottom:30px}
.about-text .about-desc{padding-bottom:30px}
.about-text .about-desc p{font-size:16px;color:#666;line-height:2;margin-bottom:0px}
.more-btn{
    display: inline-block;
    text-align: center;
    background-color: #409eff;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #409eff;
    font-size: 14px;
    position: relative;
    padding: 8px;
    width: 150px;
    overflow: hidden}

.more-btn:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
.more-btn::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.more-btn:hover{background:#409eff;color:#fff}
.more-btn:hover::after {
    opacity: 1;
}
.more-btn:hover:before {
    animation: style1 .75s;
    z-index: 1;
}
@keyframes style1 {
    0% {
        background: rgba(0,0,0,.25);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: 0 0;
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}
/* ===== 首页：产品中心 ===== */
.home-products{padding:0 0 60px}
.section-title{text-align:center;font-size:28px;color:#222;font-weight:bold;padding-bottom:30px}
/* ===== 首页：企业理念 ===== */
.home-ideas{background:url(/template/trident/images/idea_bg.jpg) no-repeat center/cover;padding-bottom:100px}
.ideas-title{color:#fff;padding-top:50px}
.ideas-grid{display:flex;max-width:1400px;margin:0 auto;padding:0 10px}
.idea-item{flex:1;text-align:center;background:rgba(255,255,255,.85);margin:0 10px}
.idea-num{font-size:46px; line-height: 1.0; color:#333;padding-top:30px}
.idea-title2{font-size:20px;padding-top:20px;padding-bottom:20px}
.idea-icon{width:90%;margin:0 auto;}
.idea-icon img{width:100%;object-fit:contain;display:block}
.idea-desc{font-size:14px;line-height:24px;width:90%;margin:20px auto 50px;text-align:left}

/* ===== Footer (匹配参考站: 黑底、3列不等宽、白字) ===== */
.footer{background:#000;padding-top:30px}
.footer-inner{display:flex;max-width:1400px;margin:0 auto;padding:40px 0px 40px}
.footer-inner>div{flex:1}
.footer-inner>div:first-child{flex:0 0 30%}
.footer-inner>div:last-child{flex:0 0 30%}
.footer h3{color:#fff;font-size:20px;margin-bottom:15px}
.footer p{font-size:16px;line-height:2;color:rgba(255,255,255,1.0)}
.footer-inner>div:first-child p:last-child{padding-left: 2.8rem;}
.footer a{color:rgba(255,255,255,1.0)}
.footer a:hover{color:#fff}
.footer hr{max-width:1400px;margin:0 auto;border:none;border-top:1px solid rgba(255,255,255,.2)}
.footer-bottom{padding:25px 20px;text-align:left}
.footer-bottom-inner{max-width:1400px;margin:0 auto;font-size:14px;color:rgba(255,255,255,.5);}
.footer-bottom span,.footer-bottom a{color:rgba(255,255,255,.5);margin:0 10px;line-height:1}
.friend-link-img img{width:120px;height:auto}

/* ===== 侧边栏（匹配 trident-medical.com.cn .sideBar）===== */
/* 整体容器：固定在右侧垂直居中 */
.sideBar{position:fixed;right:0;top:40%;transform:translateY(-50%);z-index:998}
/* 第一项：联系我们（竖排文字 + 图标，深色背景块） */
.side1{width:50px;height:150px;background:#222;text-align:center;transition:all .5s;display:flex;align-items:center;justify-content:center}
.side1 a,.side1 i,.side1 span{display:block}
.side1 i{margin:10px auto;width:1px;height:20px;background:#fff;transition:all .5s ease}
.side1 span{color:#fff;font-size:14px;writing-mode:vertical-lr;margin:0 auto;letter-spacing:2px}
.side1:hover{background:#dd751c}
.side1:hover a svg{animation:jitter .5s}
/* jitter 抖动动画 */
@keyframes jitter{0%,100%{transform:translate(0,0)}25%{transform:translate(-2px,-1px)}50%{transform:translate(2px,1px)}75%{transform:translate(-1px,2px)}}
/* 其余滑出项公共样式 */
.side{height:50px;position:absolute;transition:all .5s;right:-140px}
.side a{display:block;height:50px;font-size:0}
.side i,.side span{display:inline-block;vertical-align:middle;height:100%;line-height:50px}
.side i{width:50px;text-align:center;background:rgba(221,117,28,.9);transition:all .3s}
.side i svg{vertical-align:middle}
.side span{text-align:center;line-height:50px;background:#232323;font-size:13px;color:#fff;transition:all 1s;white-space:nowrap;overflow:hidden}
/* 各滑出项定位 */
.side2{top:151px;right:-140px;width:190px}
.side2 span{width:140px}
.side3{right:-190px;width:240px;top:202px}
.side3 span{width:190px}
.side5{right:-90px;width:140px;top:253px;cursor:pointer}
.side5 span{width:90px;font-size:14px}
.side6{right:-90px;width:140px;top:253px;cursor:pointer}
.side6 span{width:90px;font-size:14px}
/* hover 时滑出到 right:0 */
.side:hover{right:0}
.side:hover i{background:rgba(221,117,28,1)}
/* 二维码弹出 */
.side5 .qcodePic{width:100%;position:absolute;top:50px;left:0;display:none;z-index:99;text-align:center;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box}
.side5 .qcodePic img{width:100%;display:block}
.side5:hover .qcodePic{display:block;animation:fadeInUp .3s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/* 返回顶部默认隐藏（滚动后JS显示） */
.side6{display:none}

/* ===== 移动端底部导航栏 (匹配参考站 .m-foot) ===== */
.m-foot{position:fixed;bottom:0;left:0;z-index:999;width:100%;background:#f5f5f5;display:none}
.m-foot ul{font-size:0;text-align:center;height:54px}
.m-foot ul li{float:left;width:20%;height:54px;display:flex;justify-content:center;align-items:center;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;cursor:pointer}
.m-foot ul li:nth-child(3){background:#e80101;border-left:none;border-top:1px solid #e80101}
.m-foot ul li:nth-child(3) span{color:#fff!important}
.m-foot ul li:nth-child(3) svg path{fill:#fff}
.m-foot ul li:first-child,.m-foot ul li:nth-child(4){border-left:none}
.m-foot ul li a{display:flex;flex-direction:column;align-items:center;text-decoration:none}
.m-foot ul li svg,.m-foot ul li span{display:block;margin:0 auto}
.m-foot ul li svg{margin-bottom:4px}
.m-foot ul li span{line-height:14px;font-size:12px;color:#1a1a1a;transition:all .4s}
.m-foot ul li:hover span{color:#e80101}
.m-foot ul li:hover svg path{fill:#e80101}

/* ===== 子页面公共 Banner ===== */
.page-banner-wrap{width:100%;overflow:hidden;position:relative}
.page-banner-wrap img{width:100%;display:block}
.page-banner-overlay{position:absolute;bottom:80px;left:6%}
.page-banner-overlay h1{font-size:34px;font-weight:normal;color:#fff;line-height:40px}
.page-banner-overlay .line{height:1px;width:100%;background:rgba(255,255,255,.3);margin:10px 0}
.page-banner-overlay p{font-size:72px;font-family:Impact;text-transform:uppercase;color:rgba(255,255,255,.7);line-height:80px}

/* ===== 面包屑 + 子导航 (匹配目标 Contact/feedback 页签) ===== */
.breadcrumb-wrap{background:#fff; margin-top: 1.5rem; margin-bottom: 1.5rem;}
.breadcrumb-inner{display:flex;justify-content:space-between;align-items:center;height:50px;max-width:1400px;margin:0 auto;}
.breadcrumb{font-size:14px;color:#888}
.breadcrumb a{color:#888}
.breadcrumb .sep{margin:0 8px;color:#ccc}
.breadcrumb .sep .icon {
    width: 12px;
    height: 12px;
}
.subnav{display:flex;gap:10px}
.subnav a{display:inline-block;line-height:1;padding:10px 30px;border:1px solid #d7d7d7;border-radius:20px;font-size:18px;font-weight: bold; color:#666;white-space:nowrap;transition:all .3s}
.subnav a.active,.subnav a:hover{background:#004fc5;color:#fff;border-color:#004fc5}

/* ===== 子页面通用内容区 ===== */
.page-content{padding:40px 0 60px;min-height:400px}

/* ===== 关于我们 ===== */
.about-content{max-width:1400px;margin:0 auto;padding:0 20px}
.about-content .s_title{text-align:center;font-size:36px;color:#222; line-height: 1.0;}
.about-content hr{box-sizing: content-box; height:0;margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgba(0, 0, 0, .1);}
.about-content p{font-size:16px;color:#666;line-height:2;text-indent:2em;margin-bottom:15px}
.about-content img{width: 100%;height: 100%;object-fit: contain;}

/* 企业文化 */
.ny-culture{display: flex; flex-wrap: wrap; flex-direction: row;width: 100%;}
.ny-culture > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.ny-culture .e_richText-4 {
    font_radio: 1;
    display-radio: 1;
    padding-left: 50px;
    padding-top: 20%;
}
/* 产品分类 */
.product-nav ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.product-nav .nav-list{        
    position: relative;    
    background: #fff;
    border: 20px solid #efefef;
    transition: all 0.6s;
    padding: 25px 25px;
    margin: 10px 0px 20px;
    display: flex;
    flex-wrap: wrap;    
}
.product-nav .nav-list .nav-img{
    overflow: hidden;
    padding: 0px 5px;
    width: 65%;
    background: #fff;    
}
.product-nav .nav-list .nav-img img{
    width: 100%;
    transition: all 0.6s;
}
.product-nav .nav-con{    
    padding: 15px 5px;
    width: 35%;
    transition: all 0.6s;
}
.product-nav .nav-con .nav-pic img{
    height: 65px;
    transition: all 0.6s;
}
.product-nav .nav-list .nav-con h5{    
    font-size: 1.25rem;
    transition: all 0.6s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 3rem 0px 1rem;
}
.product-nav .nav-list:hover{
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,.3);
}
.product-nav .nav-list:hover .nav-img img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
/* ============================================================
   产品列表页（匹配 trident-medical.com.cn 产品中心）
   ============================================================ */

/* 产品列表外层容器 */
.product-list-section,.news-list-section{min-height:300px;padding:0 0 60px;background:#fff;max-width:1400px;margin:0 auto}

/* 分类筛选药丸（匹配参考站 .e_loop-6 .p_list） */
.category-pills{display:flex;justify-content:flex-end;position:relative;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 auto 20px;max-width:1400px;padding:0 20px}
.category-pills::-webkit-scrollbar{display:none}
.category-pills .pill-item{margin-right:10px;flex-shrink:0}
.category-pills .pill-item a{display:inline-block;line-height:1;padding:10px 30px;border:1px solid #d7d7d7;border-radius:20px;font-size:14px;color:#666;white-space:nowrap;transition:all .3s}
.category-pills .pill-item a:hover,
.category-pills .pill-item.active a{background:#004fc5;color:#fff;border-color:#004fc5}

/* 产品卡片网格（匹配参考站 #c_effect_014-1647938641857） */
.product-list{display:flex;flex-wrap:wrap;position:relative;max-width:1400px;margin:0 auto;padding:0}
.product-card{flex:0 0 22.5%;position:relative;padding:10px;border:1px solid #ccc;margin:12px;background:#fff;transition:all .3s}

/* 产品卡片 "+" 图标 hover 动画 */
.product-card::before{content:"+";display:flex;width:60px;height:60px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:2rem;justify-content:center;align-items:center;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:3;transition:all .5s;opacity:0}
.product-card:hover::before{top:40%;opacity:1}

/* 产品标题 */
.product-card .card-title{padding:15px;font-size:18px;font-weight: 600; color:#666;text-align:center;transition:all .4s;}
.product-card:hover .card-title{color:#fff;background:linear-gradient(to bottom right,#0088ac,#07c3f5)}

/* 产品图片区域（暗色遮罩 hover） */
.product-card .card-img{position:relative;overflow:hidden}
.product-card .card-img::before{content:"";display:block;width:0;height:25%;background:#222;opacity:.5;left:0;top:0;position:absolute;z-index:2;transition:all .3s}
.product-card .card-img::after{content:"";display:block;width:0;height:25%;background:#222;opacity:.5;right:0;top:25%;position:absolute;z-index:2;transition:all .3s ease .1s}
.product-card .card-img a{display:block}
.product-card .card-img a::before{content:"";display:block;width:0;height:25%;background:#222;opacity:.5;left:0;top:50%;position:absolute;z-index:2;transition:all .3s ease .15s}
.product-card .card-img a::after{content:"";display:block;width:0;height:25%;background:#222;opacity:.5;right:0;top:75%;position:absolute;z-index:2;transition:all .3s ease .2s}
.product-card:hover .card-img::before,
.product-card:hover .card-img::after,
.product-card:hover .card-img a::before,
.product-card:hover .card-img a::after{width:100%}
.product-card .card-img img{width:100%;height:294px;object-fit:contain;transition:all .5s}
.product-card:hover .card-img img{transform:scale(1.1);opacity:.7}

/* 产品描述 */
.product-card .card-desc{padding:0 20px 10px;font-size:14px;line-height:24px;text-align:center;color:#999}

/* 产品卡片隐藏链接（覆盖整卡，用于可访问性） */
.product-card .card-link{line-height:normal;padding:10px;position:absolute;width:100%;height:100%;z-index:4;left:0;top:0;overflow:hidden}
.product-card .card-link a{display:block;width:100%;height:100%;text-indent:-1000px;overflow:hidden}

/* 分页（匹配参考站 .p_page / .page_a） */
.product-list-section .pagination{margin-top:40px}
.product-list-section .pagination .page_a{display:inline-block;padding:6px 14px;margin:0 3px;border:1px solid #ebebeb;border-radius:2px;font-size:14px;color:#8a8a8a;transition:all .3s}
.product-list-section .pagination .page_a:hover{color:#409eff;border-color:#409eff}
.product-list-section .pagination .page_num.current,
.product-list-section .pagination .current{background:#222a35;color:#fff;border-color:#222a35;cursor:default}
.product-list-section .pagination .page_num.current:hover,
.product-list-section .pagination .current:hover{background:#474b52}
.product-list-section .pagination .disabled{opacity:.5;cursor:not-allowed}
.product-list-section .pagination .page_jump{margin-left:10px;font-size:14px;color:#8a8a8a}
.product-list-section .pagination .page_input{width:40px;height:28px;text-align:center;border:1px solid #ebebeb;border-radius:2px;margin:0 4px;font-size:14px;outline:none}
.product-list-section .pagination .page_input:focus{border-color:#409eff}

/* ===== 产品详情页（匹配 trident-medical.com.cn）===== */

/* 页面外层 */
.product-detail-page{min-height: 300px;
    padding-top: 50px;
    background: #f2f2f2;    
    background-color: rgba(245, 245, 245, 1);
    padding-bottom: 0px;}

/* 产品详情容器 */
.product-detail-container{max-width:1400px;width:96%;margin:0 auto;background-color: rgba(255, 255, 255, 1);}

/* ===== 上部：图片+信息（左右两栏） ===== */
.product-detail-main{display:flex;flex-wrap:wrap;width:100%;margin:0 auto 50px}

/* 左侧：产品图片（点击放大灯箱） */
.product-gallery{flex:1;padding-right:30px;min-width:450px}
.gallery-main{position:relative;overflow:hidden;cursor:zoom-in}
.gallery-main img{width:100%;display:block}
/* 右下角 + 号放大按钮 */
.image-bigger{position:absolute;right:0;bottom:0;z-index:9;display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer;background-color:#ccc}
.image-bigger:hover{background-color:#aaa}
.add-icon{position:absolute;right:8px;bottom:8px;z-index:9;color:#fff;display:flex;justify-content:center;align-items:center;width:15px;height:15px;border:2px solid #fff;border-radius:50%}
/* 桌面端隐藏识图提问按钮 */
.gallery-ask{display:none}
/* 缩略图滚动列表 */
.gallery-thumbs-wrap{position:relative;padding:0 28px;margin-top:10px;overflow:hidden}
.gallery-thumbs-wrap .thumb-btn{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:72px;line-height:72px;text-align:center;font-family:serif;font-size:18px;color:#333;cursor:pointer;z-index:8;user-select:none}
.gallery-thumbs-wrap .thumb-prev{left:0}
.gallery-thumbs-wrap .thumb-next{right:0}
.gallery-thumbs-wrap .thumb-prev::before{content:"\003C";font-weight:bold}
.gallery-thumbs-wrap .thumb-next::before{content:"\003E";font-weight:bold}
.gallery-thumbs-wrap .magnifier-line{position:relative;overflow:hidden;height:80px}
.gallery-thumbs-wrap .thumbnail-box{display:block;font-size:0;white-space:nowrap;position:relative;left:0;transition:left .3s ease;margin:0;padding:0}
.gallery-thumbs-wrap .thumbnail-box li{display:inline-block;cursor:pointer;vertical-align:top}
.gallery-thumbs-wrap .thumbnail-box li .small-img{height:70px;width:70px;padding:0;margin-right:10px;overflow:hidden;border:1px solid #ddd;text-align:center;transition:border-color .3s}
.gallery-thumbs-wrap .thumbnail-box li.active .small-img{border-color:#409eff}
.gallery-thumbs-wrap .thumbnail-box li:hover .small-img{border-color:#409eff}
.gallery-thumbs-wrap .thumbnail-box .small-img img{width:100%;height:100%;object-fit:cover}

/* ===== 产品图片灯箱 ===== */
.product-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center}
.product-lightbox.active{display:flex}
.lightbox-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.92)}
.lightbox-close{position:absolute;top:20px;right:30px;width:44px;height:44px;line-height:40px;text-align:center;font-size:36px;color:#fff;cursor:pointer;z-index:10;transition:color .3s}
.lightbox-close:hover{color:#56bcec}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:80px;line-height:80px;text-align:center;color:#fff;font-size:30px;cursor:pointer;z-index:10;opacity:.7;transition:opacity .3s;background:rgba(255,255,255,.1)}
.lightbox-arrow:hover{opacity:1;background:rgba(255,255,255,.2)}
.lightbox-prev{left:0}
.lightbox-next{right:0}
.lightbox-prev::before{content:"\2039";font-size:40px}
.lightbox-next::before{content:"\203A";font-size:40px}
.lightbox-stage{position:relative;z-index:9;max-width:80%;max-height:80%;display:flex;align-items:center;justify-content:center}
.lightbox-stage img{max-width:100%;max-height:80vh;display:block;object-fit:contain}
.lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;font-size:16px;z-index:10}

/* 右侧：产品信息 */
.product-info{flex:1;padding-left:30px}
.product-title{font-size:24px;color:#4d4a4a;font-weight:normal;line-height:1.5;margin-top:30px;margin-bottom: .5rem;}
.product-summary{font-size:16px;color:#666;line-height:2;font-weight:normal;margin-bottom:0}
.product-keywords{font-size:15px;color:#6e6e6e;line-height:1.5;margin-top:0;margin-bottom:20px}
.product-category{display:flex;align-items:center;gap:0;line-height:normal}
.product-category .cat-label{font-size:14px;color:#292929;padding:10px 0;white-space:nowrap}
.product-category .cat-value{font-size:14px;color:#292929;padding:10px 0 10px 10px}
.product-divider{margin:20px 0;padding:0;border:none;border-top:1px solid #eee;height:1px}
.product-action{margin-top:50px}
.inquiry-btn{display:block;max-width:140px;padding:10px 24px;text-align:center;background:#56bcec;color:#fff;font-size:14px;border:none;transition:all .3s}
.inquiry-btn:hover{background:#008aae;color:#fff;text-decoration:none}

/* ===== 详细介绍 ===== */
.product-detail-desc{margin-top:50px;background:#fefefe;overflow:hidden}
.product-detail-desc .detail-header{background:#f4f4f4;padding:20px 30px}
.product-detail-desc .detail-title{font-size:32px;color:#0f0303;font-weight:normal;line-height:1;margin:0;padding-left:10px}
.product-detail-desc .detail-content{font-size:16px;color:#333;line-height:40px;padding:20px 30px}
.product-detail-desc .detail-content p{margin-bottom:15px}
.product-detail-desc .detail-content img{max-width:100%;height:auto;margin:15px auto;display:block}

/* ===== 相关产品 Swiper 轮播 ===== */
.product-related{max-width:1400px;width:94%;background:#fff;padding:30px 0;margin:50px auto 60px}

.related-title,.product-inquiry .inquiry-title{font-size:32px;color:#0f0303;font-weight:normal;line-height:1;padding-left:10px; text-align:center;margin-bottom:10px}
.related-divider,.product-inquiry .inquiry-divider{width:64px;height:0;border:none;border-top:3px solid #008aae;margin:1rem auto 1rem}
/* Swiper 容器 */
.related-swiper{padding:0 40px 50px;overflow:hidden}
.related-swiper .swiper-slide{height:auto;margin-bottom: 40px;}
.related-item a{display:block;background:#f7f7f7;transition:all .3s;text-decoration:none;margin:0 15px}
.related-item a:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.related-img{width:100%;overflow:hidden}
.related-img img{width:100%;display:block;transition:transform .4s}
.related-item a:hover .related-img img{transform:scale(1.05)}
.related-name{font-size:16px;color:#000;font-weight:bold;line-height:2;text-align:center;padding:20px}
.related-item a:hover .related-name{color:#083090}
/* Swiper 导航按钮 */
.related-swiper .swiper-button-next,
.related-swiper .swiper-button-prev{width:36px;height:36px;background:rgba(0,0,0,.3);border-radius:50%;color:#fff;transition:all .3s}
.related-swiper .swiper-button-next::after,
.related-swiper .swiper-button-prev::after{font-size:14px;font-weight:bold}
.related-swiper .swiper-button-next:hover,
.related-swiper .swiper-button-prev:hover{background:rgba(0,0,0,.6)}
.related-swiper.swiper-horizontal>.swiper-pagination-bullets{bottom:0}
.related-swiper .swiper-pagination-bullet{width:12px;height:12px;background:#ccc;opacity:1;border-radius: 20px;transition: all 0.5s ease 0s;}
.related-swiper .swiper-pagination-bullet-active{width: 30px; background:#f7b503}

/* ===== 留言咨询 ===== */
.product-inquiry{padding-top:50px;background:#fff}
.inquiry-form-wrap{width:94%;max-width:1400px;margin:0 auto;padding:50px 0;background:#fff}
.inquiry-form{max-width:100%}
.inquiry-form .form-row{display:flex;gap:2%;margin-bottom:10px}
.inquiry-form .form-row .form-group{flex:1}
.inquiry-form .form-group.full{width:100%;margin-bottom:10px}
.inquiry-form input,
.inquiry-form textarea{width:100%;padding:20px;border:2px solid #ced4da;font-size:14px;height: calc(1.5em + .75rem + 2px);outline:none;transition:border-color .3s;background:#fff;box-sizing:border-box}
.inquiry-form input:focus,
.inquiry-form textarea:focus{border-color:#409eff}
.inquiry-form textarea{min-height:200px;resize:vertical}
.inquiry-form .form-submit{text-align:center;margin-top:20px}
.inquiry-form .submit-btn{display:inline-block; width: 100%;padding:10px 40px;color:#fff;font-size:14px;border:none;cursor:pointer;transition:all .3s}


/* ===== 新闻列表页 (匹配目标站点: 灰底卡片 两栏网格) ===== */
.news-grid{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:50px 20px}
.news-card{overflow:hidden;background:#f5f5f5;transition:all .6s;display:flex;margin-top: 0px; padding: 20px;}
.news-card .nc-img{width:217px;height:139px;overflow:hidden;position:relative;background:#f5f5f5;margin-right: 5%;}
.news-card .nc-img img{width:100%;height:100%;}
.news-card .nc-body{flex:1;display:flex;flex-direction:column;justify-content:center}
.news-card .nc-body h3{font-size:16px;color:#333;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.news-card .nc-body h3 a{color:#333}
.news-card:hover .nc-body h3 a{color:#038a03;text-decoration:underline}
.news-card .nc-body .nc-desc{font-size:14px;color:#666;line-height:1.5;margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-card .nc-body .nc-date{font-size:14px;color:#8a8a8a;margin-top:8px;line-height:1}
.news-card:hover{margin-top:-20px}
/* ===== 新闻详情页 (匹配目标站点: 灰底白卡 内容居中) ===== */
.news-detail-bg{background:#f5f5f5;padding:3rem 0}
.news-detail-wrap{max-width:1400px;width:94%;margin:0 auto 60px;padding: 60px 30px;background:#fff}
.news-detail-wrap h2{font-size:28px;color:#222;line-height:1.5;margin-bottom:12px;text-align:center;font-weight:normal}
.news-detail-wrap hr{border:none;border-top:1px solid #f2f2f2}
.news-detail-meta{display:flex;justify-content:center;gap:24px;color:#999;font-size:14px;line-height:2;padding:25px 0px}
.news-detail-meta span{display:flex;align-items:center;gap:4px}
.news-detail-body{font-size:16px;color:#666;line-height:2;padding:20px 0;max-width:65%;margin:0 auto}
.news-detail-body p{margin-bottom:15px}
.news-detail-body img{max-width:100%;height:auto;margin:15px auto;display:block}
.news-detail-nav{margin-top:30px;padding-top:20px;border-top:1px solid #f2f2f2;display:flex;flex-direction:column;gap:10px}
.news-detail-nav a{color:#555;font-size:14px;padding:4px 0}
.news-detail-nav a:hover{color:#409eff}

/* ===== 新闻详情: 相关资讯 (匹配目标站点: 4栏卡片 灰底) ===== */
.news-related{background:#fff;max-width:1400px;width:94%;margin:0 auto 60px;padding:30px 15px}
.news-related-title{font-size:28px;color:#222;font-weight:normal;text-align:center;display:block;margin-bottom:10px}
.news-related-sep{width:64px;height:0;border-top:3px solid #083090;margin:0 auto 20px}
.news-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.news-related-card{overflow:hidden;background:#f7f7f7;margin:0 15px;transition:all .3s}
.news-related-card .r-img{display: block; margin-right: auto;margin-top: 0px; margin-left: auto; height: 195px;width:100%;overflow:hidden}
.news-related-card .r-img img{width:100%;height:100%;object-fit:contain;transition:all .4s}
.news-related-card:hover .r-img img{transform:scale(1.05)}
.news-related-card .r-body{padding:0 20px 20px}
.news-related-card .r-body h4{font-size:18px;color:#222;margin:25px 0 0;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.news-related-card .r-body h4 a{color:#222}
.news-related-card .r-body h4 a:hover{color:#083090}
.news-related-card .r-body .r-hr{width:40px;height:0;border-top:2px solid #008aae;margin:0}
.news-related-card .r-body .r-date{font-size:14px;color:#9b9b9b;margin:0;padding:8px 0}
.news-related-card .r-body .r-item-hr{border:none;border-top:1px solid #f1f1f1;margin:0}

/* ===== 联系我们 (双公司卡片 + 图标行) ===== */
.contact-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px;padding-bottom:0}
.contact-tabs a{display:inline-block;padding:10px 30px;font-size:14px;color:#666;border:1px solid #ddd;border-radius:4px;transition:all .3s}
.contact-tabs a.active,.contact-tabs a:hover{color:#fff;background:#409eff;border-color:#409eff}
.company-cards{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(1,1fr);gap:30px}
.company-card{border:1px solid #eaeaea;border-radius:4px;padding:30px;background:#fff}
.company-card h3{font-size:20px;color:#222;font-weight:bold;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #409eff}
.cc-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.cc-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.cc-icon img,.cc-icon svg{width:20px;height:20px}
.cc-text{font-size:14px;color:#424242;line-height:1.6;word-break:break-all}
.cc-text a{color:#424242}
.cc-text a:hover{color:#409eff}
.map-wrap{max-width:1400px;margin:30px auto 0;padding:0 20px}
.map-wrap iframe,.map-wrap .map-placeholder{width:100%;height:400px;border:1px solid #eaeaea;border-radius:4px}

/* ===== 反馈留言页 (表单居中) ===== */
.feedback-form-wrap{min-height: 300px;padding: 0 0 60px; background: #fff;max-width: 1400px; margin: 0 auto;}

/* ===== 通用表单 (contact 页内嵌) ===== */
.message-form .form-group{position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;margin-bottom:15px;width:100%;}
.message-form input,.message-form textarea{display: flex;
    align-items: center;
    margin: 0 auto;
    height: 56px;
    width: 100%;
    padding: 0 20px;
    background: #FAFAFA;
    border: 1px solid #FAFAFA;
    box-sizing: border-box;
    transition: .5s;}
.message-form input:focus,.message-form textarea:focus{border-color:#409eff}
.message-form textarea{height:120px;resize:vertical}
.btn-submit{display: block; width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;    
    padding: 8px;    
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;   
    border-style: solid;
    border-width: 1px;
    border-color: #56bcec;
    font-size: 14px;
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #56bcec;
    max-width: none;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 35px;}

.captcha-row{display:flex;gap:10px;align-items:center}
.captcha-row input{flex:1}
.captcha-row img{height:42px;cursor:pointer}
.form-note{
    line-height: normal;
    text-align: center;
    color: rgba(136, 136, 136, 1);
    font-size: 14px;
}


/* ===== 响应式：平板 ≤1024px ===== */
@media screen and (max-width:1024px){
    .header-inner{height:auto}
    .nav>ul>li{padding:0 12px}
    .nav>ul>li>a{font-size:14px;padding:16px 0}
    .nav>ul>li>a::after{bottom:10px}
    .banner .swiper-slide{aspect-ratio:16 / 7}
    .about-wrap{align-items:flex-start}
    .about-text{padding-left:30px;padding-top:5%}
    .about-text h2{font-size:22px;padding-bottom:20px}
    .about-text .about-desc p{font-size:14px;line-height:1.8}
    .product-card{flex:0 0 calc(50% - 16px);margin:8px}
    .product-card .card-img img{height:220px}
    .product-detail-main{flex-direction:column}
    .product-gallery{width:100%;padding-right:0;margin:0 auto 30px}
    .product-info{padding-left:0}
    .product-detail-desc{margin-top:50px}
    .related-swiper{padding:0 30px 40px}
    .related-item a{margin:0 8px}
    .news-grid{grid-template-columns:1fr;gap:20px 0}
    .news-card{flex-direction:row}
    .news-card .nc-img{width:180px;height:120px;margin:15px}
    .news-card .nc-body h3{padding-top:15px}
    .news-related-grid{grid-template-columns:repeat(2,1fr);gap:20px}
    .news-related-card{margin:0}
    .company-cards{grid-template-columns:1fr;gap:20px}
    .ideas-grid{gap:15px}
    .idea-item{margin:0}
    .page-banner-overlay h1{font-size:28px}
    .page-banner-overlay p{font-size:48px;line-height:56px}
}

/* ===== 响应式：平板竖屏 ≤768px (汉堡菜单生效，匹配参考站移动端风格) ===== */
@media screen and (max-width:768px){
    /* ===== Header 移动端 ===== */
    .header{position:sticky;top:0;z-index:999;background:#fff;margin-top:0;margin-bottom:0;box-shadow:0 3px 4px rgba(0,0,0,.1)}
    .header-inner{height:auto;min-height:56px;width:94%;padding:0;display:flex;align-items:center}
    .logo{width:69.67%;flex:1}
    .logo img{width:50%}
    .header-right{display:none}
    .header-right a{width:32px;height:32px;border-color:#e8e8e8}
    .header-right a svg{width:16px;height:16px}

    /* 汉堡按钮 — 匹配参考站: 右边距、非固定定位的基线、线条宽窄不一 */
    .nav-toggle{width: 40px; height: 40px;display: flex;justify-content: center; padding: 0px; align-items: center;z-index:1010; cursor:pointer;flex-shrink:0}
    .nav-toggle p{width:20px;height:20px;cursor: pointer;}
    .nav-toggle p span{display:block;height:2px;margin: 2px 0;float: left; background:#666;transition:all .5s ease,opacity .3s ease;transform-origin:center}
    .nav-toggle p span:nth-child(1){width:50%;float:left}
    .nav-toggle p span:nth-child(2){width:100%}
    .nav-toggle p span:nth-child(3){width:50%;float:right}
    .nav-toggle p.showmenu{position:fixed;top:20px;right:4px;z-index:10;margin:10px}
    .nav-toggle p.showmenu span{background:#323538}
    .nav-toggle p.showmenu span:nth-child(1){width: 100%;transform: translateY(6px) rotate(675deg);background: #fff;}
    .nav-toggle p.showmenu span:nth-child(2){transform: translateY(0px) rotate(765deg);background: #fff;}
    .nav-toggle p.showmenu span:nth-child(3){width: 0; opacity: 0;}

    /* 全屏遮罩导航菜单 (匹配参考站全屏方案) */
    .nav{position:fixed;top:-110vh;left:0;padding: 0 15px;padding-top: 60px;height: calc(0vh); overflow-y: scroll;z-index: 10;
        max-height: 1080px;transition: all ease .3s; width: 100vw;background: #008aae !important;z-index:1000;transition:top .35s ease;overflow-y:auto;}
    .nav.nav-open{top:0;height: calc(100vh) !important;display: block}
    .nav>ul{display:block;padding:0}
    .nav>ul>li{border-bottom:1px solid rgba(255,255,255,.1);padding:0}
    .nav>ul>li>a{color:#fff;line-height:60px;height:60px;font-size:16px;padding:0 5px;display:block;font-weight:normal;position:relative}
    .nav>ul>li>a::after{display:none}
    .nav>ul>li.active>a{color:#fff;font-weight:bold;background:transparent}
    .nav>ul>li.active>a::before{display:none}
    .nav>ul>li .dropdown{position:static;transform:none;background:transparent;min-width:auto;display:none}
    .nav>ul>li.nav-open-sub .dropdown{display:block}
    .nav>ul>li .dropdown a{color:rgba(255,255,255,.8);text-align:left;padding:5px 20px;line-height:32px;font-size:14px}
    .nav>ul>li .dropdown a:hover{background:transparent;color:#fff}

    /* 遮罩层 */
    .nav-overlay{display:none}

    /* ===== Banner 移动端 ===== */
    .banner{margin-top:0}
    .banner .pc-banner{display:none;}
    .banner .mob-banner{display:block;}
    .banner .swiper-slide{aspect-ratio:375 / 280}
    .banner .swiper-slide img{object-fit:cover}
    .banner .swiper-slide .banner-text{width:88%;text-align:center}
    .banner .swiper-slide .banner-text h1{font-size:18px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.3)}
    .banner .swiper-slide .banner-text h6{font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.3)}
    .banner .swiper-pagination{bottom:12px!important}
    .banner .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px!important;background:rgba(255,255,255,.6)}
    .banner .swiper-pagination-bullet-active{background:#fff;width:18px;border-radius:3px}
    .banner .swiper-button-next,.banner .swiper-button-prev{display:none}

    /* ===== 首页：关于我们 移动端 ===== */
    .home-about{padding:40px 0}
    .about-wrap{flex-direction:column}
    .about-img{width:100%;margin-right:0;margin-bottom:24px}
    .about-img img{margin-top:0;border-radius:4px}
    .about-text{width:100%;margin-left:0;padding-left:0;padding-top:0}
    .about-text h2{font-size:22px;padding-bottom:16px;text-align:center}
    .about-text .about-desc{padding-bottom:20px}
    .about-text .about-desc p{font-size:14px;color:#555;line-height:1.8;margin-bottom:8px}
    .more-btn{display:table;margin:15px auto;padding:8px 32px;font-size:13px}

    /* ===== 首页：产品中心 移动端 ===== */
    .home-products{padding:0 0 40px}
    .section-title{font-size:22px;padding-bottom:20px}
    .product-card{flex:0 0 100%;margin:5px 0}
    .product-card .card-title{padding:10px;font-size:14px}
    .product-card .card-title a{color:#222}
    .product-card .card-img img{height:180px;border-radius:4px}
    .product-card .card-desc{font-size:12px;line-height:24px;padding:0 8px 5px;overflow:hidden}
    .product-card::before{width:44px;height:44px;font-size:1.5rem}

    /* ===== 首页：企业理念 移动端 ===== */
    .home-ideas{padding-bottom:50px;background-position:center}
    .ideas-title{padding-top:36px;font-size:22px}
    .ideas-grid{flex-direction:column;padding:0 15px;gap:12px}
    .idea-item{margin:0;border-radius:8px;padding:0 0 20px}
    .idea-num{font-size:36px;padding-top:20px}
    .idea-title2{font-size:17px;padding-top:12px;padding-bottom:12px}
    .idea-icon{width:85%;margin:0 auto}
    .idea-icon img{height:160px;padding:10px 0}
    .idea-desc{font-size:13px;line-height:24px;width:88%;margin:12px auto 20px}

    /* ===== Footer 移动端 ===== */
    .footer{padding-top:30px}
    .footer-inner{flex-direction:column;gap:16px;padding:0 20px 30px}
    .footer h3{font-size:17px;margin-bottom:10px}
    .footer p{font-size:14px;line-height:1.8}
    .footer-bottom{padding:12px 15px; text-align: center;}
    .footer-bottom span{font-size:14px;color:rgba(255,255,255,.5);display:block;margin:4px 0;line-height:1}
    .footer hr{margin:0 0px; border:none; height: 0;}

    /* ===== 侧边栏 移动端（匹配参考站: 桌面侧边栏隐藏, 显示底部固定导航） ===== */
    .sideBar{display:none}
    .m-foot{display:block}
    /* 移动端底部留出导航栏空间 */
    body{padding-bottom:54px}

    /* ===== 内页 Banner 移动端 ===== */
    .page-banner-wrap{margin-top:0}
    .page-banner-overlay{bottom:20px;left:5%}
    .page-banner-overlay h1{font-size:20px;line-height:28px}
    .page-banner-overlay p{font-size:28px;line-height:34px}

    /* ===== 面包屑 + 子导航 移动端（参考站标签式导航） ===== */
    .breadcrumb-wrap{background:#fff;border-bottom:1px solid #f0f0f0}
    .breadcrumb-inner{flex-direction:column;height:auto;padding:0;gap:0}
    .breadcrumb{padding:10px 15px 0;font-size:13px;width: 100%;}
    .subnav{width: 100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;display:flex;justify-content: center; gap:8px;padding:10px 0;border-top:1px solid #f0f0f0;margin-top:8px;scrollbar-width:none}
    .subnav::-webkit-scrollbar{display:none}
    .subnav a{padding:8px 20px;line-height:1;font-size:13px;border:1px solid #d7d7d7;border-radius:20px;flex-shrink:0}
    .subnav a.active,.subnav a:hover{background:#004fc5;color:#fff;border-color:#004fc5;font-weight:500}

    /* ===== 子页面通用内容区 移动端 ===== */
    .page-content{padding:24px 0 40px;min-height:300px}

    /* ===== 关于我们页 移动端 ===== */
    .about-content{padding:0 15px}
    .about-content .s_title{font-size:22px;margin-bottom:12px}
    .about-content hr{margin-bottom:20px}
    .about-content p{font-size:14px;line-height:1.8;text-indent:1.5em;margin-bottom:12px}

    /* ===== 产品列表页 移动端 ===== */
    .product-list-section{padding:0 20px 30px}
    .category-pills{justify-content:flex-start;padding:0 15px;margin-bottom:15px}
    .category-pills .pill-item a{padding:8px 20px;font-size:13px}
    .product-list{padding:10px 0;margin:0}
    .product-card{flex:0 0 100%}
    .product-card .card-img img{height:240px}
    .product-card .card-title{padding:12px;font-size:15px}
    .product-card .card-desc{padding:0 15px 10px;font-size:13px;line-height:24px}
    .product-card::before{width:44px;height:44px;font-size:1.5rem}
    .product-list-section .pagination .page_jump{display:none}

    /* ===== 产品详情页 移动端 ===== */
    .product-detail-main{flex-direction:column;margin-bottom:30px}
    .product-gallery{width:100%;padding-right:0;margin-bottom:0;min-width: 330px;}
    .gallery-main{position:relative;cursor:default;border:none;overflow:visible;background:#fff}
    .gallery-main img{width:100%;display:block;object-fit:contain}
    .image-bigger{display:none}
    .gallery-ask{display:flex;align-items:center;gap:6px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:9;background:rgba(0,0,0,.75);color:#fff;font-size:12px;padding:8px 10px;border-radius:20px 0 0 20px;white-space:nowrap;text-decoration:none}
    .gallery-ask svg{width:16px;height:16px;fill:#fff;flex-shrink:0}
    .gallery-ask span{display:inline-block}
    .gallery-thumbs-wrap{padding:0 22px;margin-top:12px}
    .gallery-thumbs-wrap .thumb-btn{width:22px;height:56px;line-height:56px;font-size:18px;color:#666}
    .gallery-thumbs-wrap .magnifier-line{height:62px}
    .gallery-thumbs-wrap .thumbnail-box li .small-img{height:56px;width:56px;margin-right:6px;border-color:#eee}
    .product-info{padding-left:0;margin-top:20px;padding:0 15px}
    .product-title{font-size:20px;color:#222;font-weight:bold;line-height:1;margin-top:0}
    .product-summary{font-size:14px;line-height:1.8;margin-top:10px}
    .product-keywords{font-size:13px;margin-top:10px}
    .product-category .cat-label,
    .product-category .cat-value{font-size:13px}
    .product-action{margin-top:20px}
    .inquiry-btn{max-width:100%;padding:12px 20px}

    .product-detail-desc{margin-top:20px;border-radius:20px;padding-bottom:20px}
    .product-detail-desc .detail-header{display:none}
    .product-detail-desc .detail-content{display:none}

    .product-related{margin:30px auto;padding:20px 10px;width:100%}
    .related-title{font-size:24px;color:#333}
    .related-swiper{padding:0 25px 40px}
    .related-swiper .swiper-button-next,
    .related-swiper .swiper-button-prev{display:none}
    .related-item a{margin:0 5px}
    .related-name{font-size:15px;padding:15px}

    .product-inquiry{padding-top:20px}
    .product-inquiry .inquiry-title{font-size:22px}
    .product-inquiry .inquiry-divider{max-width:30px;border-top-width:2px}
    .inquiry-form-wrap{padding:15px;width:100%}
    .inquiry-form .form-row{flex-direction:column;gap:0}
    .inquiry-form .form-row .form-group{margin-bottom:10px}
    .inquiry-form input,
    .inquiry-form textarea{padding:10px 12px;font-size:15px}
    .inquiry-form textarea{min-height:120px}
    .inquiry-form .submit-btn{width:100%}

    /* 移动端灯箱 */
    .lightbox-stage{max-width:94%;max-height:70%}
    .lightbox-arrow{width:40px;height:60px;line-height:60px}
    .lightbox-close{top:10px;right:15px;font-size:30px}

    /* 产品详情页容器 */
    .product-detail-container{width:100%;padding:0}
    .page-content.product-detail-page{padding:0 0 40px}
    .product-detail-page .breadcrumb-wrap{border-bottom:none}
    .product-detail-page .breadcrumb-inner{padding:10px 15px}
    .product-detail-page .subnav{display:none}
    .product-detail-page .breadcrumb{padding:0;font-size:12px}
    .product-detail-page .page-banner-wrap{margin-bottom:0}
    .product-detail-page .page-banner-wrap img{height:160px;object-fit:cover}

    /* ===== 新闻列表页 移动端 ===== */
    .news-list-section{padding:30px 0 0}
    .news-grid{grid-template-columns:1fr;gap:16px 0;padding:0 15px}
    .news-card{flex-direction:column;border-radius:8px;overflow:hidden}
    .news-card .nc-img{width:100%;height:180px;margin:0}
    .news-card .nc-body{padding:0 15px}
    .news-card .nc-body h3{font-size:15px;padding-top:12px}
    .news-card .nc-body .nc-desc{font-size:13px;color:#666;margin-top:8px}
    .news-card .nc-body .nc-date{font-size:12px;margin-top:6px;padding-bottom:16px}

    /* ===== 新闻详情页 移动端 ===== */
    .news-detail-bg{padding:24px 0 0}
    .news-detail-wrap{width:100%;margin-bottom:30px;padding:20px 15px;border-radius:0}
    .news-detail-wrap h2{font-size:20px;text-align:left}
    .news-detail-meta{flex-wrap:wrap;gap:10px;font-size:12px;justify-content:flex-start;padding-bottom:10px}
    .news-detail-body{max-width:100%;font-size:14px;line-height:1.8}
    .news-detail-nav a{font-size:13px}

    /* ===== 相关资讯 移动端 ===== */
    .news-related{width:100%;margin-bottom:30px;padding:20px 10px}
    .news-related-title{font-size:22px}
    .news-related-grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .news-related-card .r-img{height:140px}
    .news-related-card .r-body{padding:0 10px 15px}
    .news-related-card .r-body h4{font-size:15px;margin-top:15px}

    /* ===== 联系我们页 移动端 ===== */
    .contact-tabs{gap:8px;padding:0 15px;margin-bottom:20px}
    .contact-tabs a{padding:8px 18px;font-size:13px}
    .company-cards{grid-template-columns:1fr;gap:16px;padding:0 15px}
    .company-card{padding:20px;border-radius:8px}
    .company-card h3{font-size:17px;margin-bottom:14px}
    .cc-text{font-size:13px;color:#424242}
    .map-wrap{padding:0 15px;margin-top:20px}
    .map-wrap iframe,.map-wrap .map-placeholder{height:250px}

    /* ===== 留言表单 移动端 ===== */
    .feedback-form-wrap{padding:0 15px}
    .feedback-form-wrap .form-group{margin-bottom:14px}
    .feedback-form-wrap label{font-size:13px}
    .feedback-form-wrap input,.feedback-form-wrap textarea{padding:10px 12px;font-size:15px}
    .feedback-form-wrap textarea{height:120px}
    .feedback-form-wrap .btn-submit{width:100%;padding:12px;font-size:15px;border-radius:6px}

    /* ===== 分页 移动端 ===== */
    .pagination{margin-top:30px}
    .pagination a,.pagination span{padding:6px 12px;margin:0 2px;font-size:13px}

    /* ===== 移动端横向滚动标签导航 ===== */
    .subnav-scroll{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;display:flex;scrollbar-width:none}
    .subnav-scroll::-webkit-scrollbar{display:none}
}

/* ===== 响应式：手机 ≤480px (精度优化) ===== */
@media screen and (max-width:480px){
    /* Header 精调 */
    .header-inner{min-height:52px}
    .logo img{width:50%}
    .nav-toggle p.showmenu{top:16px;right:4px}

    /* Banner 精调 */
    .banner .swiper-slide{aspect-ratio:375 / 200}
    .banner .swiper-slide .banner-text h1{font-size:16px}
    .banner .swiper-slide .banner-text h6{font-size:11px}
    .banner .swiper-pagination{bottom:8px!important}

    /* 关于我们 */
    .home-about{padding:28px 0}
    .about-text h2{font-size:20px}
    .about-text .about-desc p{font-size:13px;line-height:1.7}

    /* 产品中心 */
    .section-title{font-size:20px;padding-bottom:16px}
    .product-card .card-img img{height:200px}
    .product-card .card-title{font-size:15px}

    /* 企业理念 */
    .home-ideas{padding-bottom:40px}
    .ideas-title{font-size:20px;padding-top:28px}
    .idea-num{font-size:30px;padding-top:16px}
    .idea-title2{font-size:16px}
    .idea-desc{font-size:12px;line-height:24px;width:90%}

    /* Footer */
    .footer{padding-top:24px}
    .footer-inner{display: none;}
    .footer h3{font-size:16px}
    .footer p{font-size:13px;line-height:1.7}
    .footer-bottom span,.footer-bottom a{font-size:13px;line-height:1}

    /* 产品列表页 */
    .product-list-section{padding:0 15px 20px}
    .product-card .card-img img{height:200px}
    .product-card .card-desc{font-size:12px;line-height:24px}

    /* 产品详情页 */
    .product-title{font-size:18px}
    .product-summary{font-size:13px;line-height:1.7}
    .product-keywords{font-size:12px}
    .product-category .cat-label,
    .product-category .cat-value{font-size:12px}
    .gallery-ask{padding:6px 8px;font-size:11px}
    .gallery-ask svg{width:14px;height:14px}
    .gallery-thumbs-wrap{padding:0 18px}
    .gallery-thumbs-wrap .thumb-btn{width:18px;height:50px;line-height:50px;font-size:16px}
    .gallery-thumbs-wrap .thumbnail-box li .small-img{height:50px;width:50px;margin-right:5px}
    .product-detail-desc .detail-content{font-size:14px;padding:16px 12px}
    .related-title{font-size:20px}
    .related-name{font-size:14px;padding:12px}
    .product-inquiry .inquiry-title{font-size:20px}
    .product-inquiry .inquiry-divider{max-width:30px}
    .inquiry-form input,
    .inquiry-form textarea{padding:10px 12px;font-size:14px}
    .inquiry-form .submit-btn{font-size:14px;padding:12px}
    .product-detail-page .breadcrumb{padding:0;font-size:11px}

    /* 关于我们页 */
    .about-content h2{font-size:20px}
    /* 新闻列表 */
    .news-card .nc-img{height:160px}
    .news-card .nc-body h3{font-size:14px;padding-top:10px}
    .news-card .nc-body .nc-desc{font-size:12px;color:#666;margin-top:6px}

    /* 新闻详情 */
    .news-detail-wrap{padding:16px 12px}
    .news-detail-wrap h2{font-size:18px}
    .news-detail-body{font-size:14px}
    .news-detail-meta{font-size:11px}

    /* 相关资讯 */
    .news-related-grid{grid-template-columns:1fr;gap:10px}
    .news-related-title{font-size:20px}
    .news-related-card .r-img{height:160px}

    /* 联系我们 */
    .contact-tabs a{padding:7px 14px;font-size:12px}
    .company-card{padding:16px}
    .company-card h3{font-size:16px}
    .cc-row{gap:8px;margin-bottom:10px}
    .cc-text{font-size:12px;color:#424242}

    /* 按钮 */
    .btn-submit{width:100%}
    .feedback-form-wrap .btn-submit{width:100%;padding:11px;font-size:14px}

    /* 分页 */
    .pagination a,.pagination span{padding:5px 10px;font-size:12px}

    /* 面包屑 */
    .breadcrumb{padding:8px 12px 0;font-size:12px}
    .subnav a{padding:8px 14px;font-size:12px}
}