/* ============================================================
   长春君朗贸易有限公司 - 全站样式 style.css
   还原参考站(demoall.5fa.cn/28600 医疗器械制氧机模板)
   主色 #02adc6 医疗青 / 辅助 #f16543 橙 / 顶条 #525866 / 页脚 #434a5a
   ============================================================ */

/* ---------- 0. Reset & Base ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;}
body{
  font-family:"Open Sans","Source Sans Pro",Raleway,Arial,Verdana,Helvetica,'Microsoft Yahei',Lato,sans-serif;
  font-size:14px;color:#282828;line-height:1.7;background:#fff;
  -webkit-font-smoothing:antialiased;
}
ul,li{list-style:none;margin:0;padding:0;}
a{outline:none!important;color:#282828;text-decoration:none;transition:color .3s ease;}
a:hover,a:active{color:#02adc6;text-decoration:none;}
img{max-width:100%;height:auto;}
h1,h2,h3,h4,h5,h6{font-weight:600;color:#222;line-height:1.4;}
h2{font-size:32px;}
p{font-size:14px;margin:0 0 12px;}
b,strong{font-weight:bold;}
.text-center{text-align:center;}
.container{max-width:1200px;margin:0 auto;padding:0 15px;}
.clearfix::after{content:"";display:block;clear:both;}

/* ---------- 1. 12 列响应式网格 ---------- */
.row{margin-left:-15px;margin-right:-15px;clear:both;}
.row::after{content:"";display:block;clear:both;}
[class*="col-"]{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
.col-xs-1{width:8.333333%}.col-xs-2{width:16.666667%}.col-xs-3{width:25%}.col-xs-4{width:33.333333%}
.col-xs-5{width:41.666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333%}.col-xs-8{width:66.666667%}
.col-xs-9{width:75%}.col-xs-10{width:83.333333%}.col-xs-11{width:91.666667%}.col-xs-12{width:100%}
.col-md-1{width:8.333333%}.col-md-2{width:16.666667%}.col-md-3{width:25%}.col-md-4{width:33.333333%}
.col-md-5{width:41.666667%}.col-md-6{width:50%}.col-md-7{width:58.333333%}.col-md-8{width:66.666667%}
.col-md-9{width:75%}.col-md-10{width:83.333333%}.col-md-11{width:91.666667%}.col-md-12{width:100%}
.col-sm-1{width:8.333333%}.col-sm-2{width:16.666667%}.col-sm-3{width:25%}.col-sm-4{width:33.333333%}
.col-sm-5{width:41.666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333%}.col-sm-8{width:66.666667%}
.col-sm-9{width:75%}.col-sm-10{width:83.333333%}.col-sm-11{width:91.666667%}.col-sm-12{width:100%}
@media(max-width:991px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{width:100%;float:none;}}
@media(max-width:767px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{width:100%;float:none;}}

/* ---------- 2. 顶部信息条 topbar ---------- */
.topbar{background:#525866;}
.topbar .topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:44px;flex-wrap:wrap;}
.topbar .adword{color:#fff;font-size:14px;font-weight:400;}
.topbar .topbar-right{display:flex;align-items:center;}
.topbar .topbar-right>ul{display:flex;align-items:center;}
.topbar .topbar-right li{border-left:solid 1px #9fa3aa;}
.topbar .topbar-right li:last-child{border-right:solid 1px #9fa3aa;}
.topbar .topbar-right li a{color:#fff;display:inline-flex;align-items:center;gap:6px;padding:11px 14px;font-size:13px;}
.topbar .topbar-right li a i{font-size:15px;}
.topbar .social-icons li a{padding:11px 11px;}
.topbar .social-icons li.fb a:hover{background:#5c85ce;}
.topbar .social-icons li.tw a:hover{background:#02c0f2;}
.topbar .social-icons li.gp a:hover{background:#eb6850;}
.topbar .social-icons li.vm a:hover{background:#f16543;}

/* ---------- 3. 头部导航 site-header ---------- */
.site-header{background:#fff;position:relative;z-index:99;border-bottom:solid 1px #eee;}
.header-main{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.logo .logo-icon{width:54px;height:54px;flex-shrink:0;}
.logo .logo-icon svg{width:100%;height:100%;display:block;}
.logo .logo-text .brand{display:block;font-size:24px;font-weight:800;color:#222;line-height:1.2;letter-spacing:.5px;}
.logo .logo-text .brand .c1{color:#02adc6;}
.logo .logo-text .sub{display:block;font-size:12px;color:#888;letter-spacing:3px;margin-top:2px;text-transform:uppercase;}

/* 主导航 */
.nav{display:flex;align-items:center;}
.nav .nav-menu{display:flex;align-items:center;}
.nav .nav-menu>li{position:relative;}
.nav .nav-menu>li>a{display:inline-block;color:#333;font-size:15px;font-weight:500;padding:12px 20px;border-radius:5px;transition:all .3s ease;}
.nav .nav-menu>li>a i{font-size:12px;margin-left:4px;}
.nav .nav-menu>li:hover>a,.nav .nav-menu>li.active>a{background:#02adc6;color:#fff;}
.nav .nav-menu .submenu{position:absolute;top:100%;left:0;min-width:180px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.12);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:all .28s ease;z-index:100;border-top:3px solid #02adc6;}
.nav .nav-menu>li:hover .submenu{opacity:1;visibility:visible;transform:translateY(0);}
.nav .nav-menu .submenu li a{display:block;padding:11px 18px;color:#333;font-size:14px;border-bottom:1px solid #f0f0f0;}
.nav .nav-menu .submenu li:last-child a{border-bottom:none;}
.nav .nav-menu .submenu li a:hover{background:#02adc6;color:#fff;}
.nav .nav-toggle{display:none;font-size:26px;color:#02adc6;background:none;border:none;cursor:pointer;padding:6px;}

/* ---------- 4. Banner 轮播 hero ---------- */
.hero{position:relative;overflow:hidden;background:#0c3b44;}
.hero-slides{position:relative;}
.hero-slide{position:relative;display:none;}
.hero-slide.active{display:block;}
.hero-slide img{width:100%;height:600px;object-fit:cover;display:block;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,55,64,.78) 0%,rgba(6,55,64,.45) 45%,rgba(2,173,198,.18) 100%);}
.hero-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);max-width:1200px;margin:0 auto;padding:0 30px;}
.hero-caption .cap-en{color:rgba(255,255,255,.7);letter-spacing:6px;font-size:14px;text-transform:uppercase;display:block;margin-bottom:14px;}
.hero-caption .cap-title{color:#fff;font-size:48px;font-weight:800;line-height:1.25;max-width:680px;margin-bottom:20px;text-shadow:0 2px 12px rgba(0,0,0,.25);}
.hero-caption .cap-desc{color:rgba(255,255,255,.92);font-size:17px;max-width:560px;margin-bottom:28px;}
.hero-caption .cap-btn{display:inline-block;background:#02adc6;color:#fff;padding:13px 34px;border-radius:30px;font-size:15px;font-weight:600;letter-spacing:1px;transition:all .3s ease;}
.hero-caption .cap-btn:hover{background:#f16543;color:#fff;transform:translateY(-2px);}
.hero-dots{position:absolute;left:0;right:0;bottom:26px;text-align:center;z-index:5;}
.hero-dots button{width:12px;height:12px;border-radius:50%;border:none;background:rgba(255,255,255,.5);margin:0 5px;cursor:pointer;transition:all .3s ease;}
.hero-dots button.active{background:#02adc6;width:34px;border-radius:6px;}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.28);color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:20px;z-index:5;transition:background .3s;}
.hero-arrow:hover{background:#02adc6;}
.hero-arrow.prev{left:24px;}
.hero-arrow.next{right:24px;}

/* ---------- 5. 区块通用 section-title ---------- */
.sec-title{text-align:center;margin-bottom:46px;}
.sec-title h2{font-size:32px;font-weight:700;color:#222;position:relative;display:inline-block;padding:0 18px;}
.sec-title h2::before,.sec-title h2::after{content:"";position:absolute;top:50%;width:40px;height:2px;background:#02adc6;}
.sec-title h2::before{right:100%;}
.sec-title h2::after{left:100%;}
.sec-title p{color:#888;font-size:15px;margin-top:14px;}

/* ---------- 6. 核心优势 whyus (2x2 图标卡) ---------- */
.whyus{padding:88px 0 56px;}
.whyus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:44px 40px;}
.whyus-item{display:flex;align-items:flex-start;gap:22px;}
.whyus-item .service-icon{width:90px;height:90px;flex-shrink:0;background:#02adc6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 18px rgba(2,173,198,.28);transition:transform .35s ease;}
.whyus-item .service-icon i{font-size:40px;text-shadow:0 4px 0 rgba(0,0,0,.12);}
.whyus-item:hover .service-icon{transform:translateY(-6px) rotate(-4deg);}
.whyus-item .service-detail h5{font-size:20px;color:#222;margin-bottom:8px;font-weight:700;}
.whyus-item .service-detail p{color:#727272;font-size:14px;line-height:1.8;margin:0;}

/* ---------- 7. 产品系列 products ---------- */
.products{background:#f4f4f4;padding:88px 0;}
.product-track{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.product-card{background:#fff;overflow:hidden;transition:box-shadow .35s ease,transform .35s ease;}
.product-card:hover{box-shadow:0 14px 34px rgba(0,0,0,.12);transform:translateY(-6px);}
.product-card .product-img{display:block;overflow:hidden;background:#eef2f3;}
.product-card .product-img img{width:100%;height:230px;object-fit:cover;transition:transform .5s ease;display:block;}
.product-card:hover .product-img img{transform:scale(1.08);}
.product-card .product-name{padding:18px 12px;text-align:center;}
.product-card .product-name a{font-size:16px;color:#333;font-weight:500;}
.product-card .product-name a:hover{color:#02adc6;}
.product-card .separator{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:20px;}
.product-card .separator .line{width:40px;height:2px;background:#e2e2e2;}
.product-card .separator .square{width:7px;height:7px;background:#02adc6;transform:rotate(45deg);}
.product-card:hover .separator .line{background:#02adc6;}

/* ---------- 8. 鼓励标语 CTA ---------- */
.cta-quote{position:relative;text-align:center;color:#fff;padding:120px 0;background-size:cover;background-position:center;background-attachment:fixed;}
.cta-quote::before{content:"";position:absolute;inset:0;background:rgba(6,55,64,.74);}
.cta-quote .cta-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 20px;}
.cta-quote .quote{font-size:34px;font-weight:800;line-height:1.5;display:block;margin-bottom:24px;}
.cta-quote .cta-btn{display:inline-block;border:2px solid #fff;color:#fff;padding:12px 38px;border-radius:30px;font-size:15px;font-weight:600;transition:all .3s ease;}
.cta-quote .cta-btn:hover{background:#02adc6;border-color:#02adc6;}

/* ---------- 9. 新闻资讯 news ---------- */
.news{background:#f5f5f5;padding:88px 0;}
.news-track{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.news-card{background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .35s ease,transform .35s ease;}
.news-card:hover{box-shadow:0 14px 34px rgba(0,0,0,.12);transform:translateY(-6px);}
.news-card .news-thumb{display:block;overflow:hidden;}
.news-card .news-thumb img{width:100%;height:200px;object-fit:cover;transition:transform .5s ease;display:block;}
.news-card:hover .news-thumb img{transform:scale(1.07);}
.news-card .news-detail{padding:22px 22px 24px;position:relative;}
.news-card .news-detail h4{font-size:17px;font-weight:600;margin-bottom:10px;line-height:1.5;}
.news-card .news-detail h4 a{color:#333;}
.news-card .news-detail h4 a:hover{color:#02adc6;}
.news-card .news-detail .desc{color:#8a8a8a;font-size:13px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-card .news-meta{color:#9b9b9b;font-size:13px;margin-top:16px;display:inline-flex;align-items:center;gap:6px;border-top:1px solid #f0f0f0;padding-top:14px;width:100%;}
.news-card .news-meta i{color:#02adc6;}

/* ---------- 10. 合作伙伴 partners ---------- */
.partners{padding:80px 0;background:#fff;}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.partner-item{border:1px solid #ececec;height:96px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .3s ease;}
.partner-item:hover{border-color:#02adc6;box-shadow:0 8px 20px rgba(2,173,198,.12);}
.partner-item span{font-size:18px;font-weight:700;color:#9aa0a6;letter-spacing:1px;transition:color .3s;}
.partner-item:hover span{color:#02adc6;}

/* ---------- 11. 页脚 footer ---------- */
.footer{background:#434a5a;border-top:solid 6px #373e4c;color:#cbd0d8;}
.footer-emergency{text-align:center;padding:46px 0 30px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer-emergency i{display:block;font-size:52px;color:#fff;margin-bottom:14px;}
.footer-emergency .text{font-size:17px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;}
.footer-emergency .number{display:block;color:#fff;font-size:42px;font-weight:800;margin-top:6px;letter-spacing:2px;}
.footer-main{padding:56px 0 30px;}
.footer-main .row{display:flex;flex-wrap:wrap;}
.footer-col{padding:0 15px;}
.footer-col .f-title{color:#fff;text-transform:uppercase;font-size:17px;font-weight:700;border-bottom:solid 1px #6b7280;padding-bottom:12px;display:inline-block;margin-bottom:22px;letter-spacing:1px;}
.footer-col.foot-about p{color:#cbd0d8;font-size:14px;line-height:1.9;}
.footer-col.foot-nav ul li{margin-bottom:12px;}
.footer-col.foot-nav ul li a{color:#cbd0d8;font-size:14px;display:inline-flex;align-items:center;gap:8px;}
.footer-col.foot-nav ul li a::before{content:"\f105";font-family:FontAwesome;color:#02adc6;}
.footer-col.foot-nav ul li a:hover{color:#fff;}
.footer-col.foot-contact ul li{color:#cbd0d8;font-size:14px;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start;line-height:1.7;}
.footer-col.foot-contact ul li i{color:#02adc6;font-size:16px;margin-top:3px;}
.footer-col.foot-qrcode .f-qr{padding:8px;background:#fff;display:inline-block;}
.footer-col.foot-qrcode .f-qr img{width:120px;height:120px;display:block;}
.footer-col.foot-qrcode p{color:#9aa0a6;font-size:13px;margin-top:10px;text-align:center;}
.footer-bottom{background:#373e4c;padding:18px 0;}
.footer-bottom .fb-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-bottom .copyrights{color:#aeb4bd;font-size:13px;}
.footer-bottom .copyrights a{color:#cbd0d8;}
.footer-bottom .copyrights a:hover{color:#02adc6;}
.footer-bottom .social-icons{display:flex;gap:10px;}
.footer-bottom .social-icons a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:background .3s;}
.footer-bottom .social-icons a.fb:hover{background:#5c85ce;}
.footer-bottom .social-icons a.tw:hover{background:#02c0f2;}
.footer-bottom .social-icons a.gp:hover{background:#eb6850;}
.footer-bottom .social-icons a.vm:hover{background:#f16543;}

/* ---------- 12. 返回顶部 back-top ---------- */
.back-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;background:#02adc6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;visibility:hidden;transition:all .35s ease;z-index:90;cursor:pointer;border:none;}
.back-top.show{opacity:1;visibility:visible;}
.back-top:hover{background:#f16543;}

/* ---------- 13. 内页 banner + 面包屑 ---------- */
.breadcrumb-wrapper{background:#f4f4f4;padding:28px 0;border-bottom:1px solid #ebebeb;}
.breadcrumb-wrapper .row{display:flex;align-items:center;flex-wrap:wrap;}
.bcid-cat{font-size:20px;font-weight:700;color:#222;position:relative;padding-left:14px;}
.bcid-cat::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background:#02adc6;border-radius:2px;}
.location{text-align:right;color:#888;font-size:13px;}
.location i{color:#02adc6;}
.location a{color:#888;}
.location a:hover{color:#02adc6;}
.location .sep{margin:0 6px;color:#ccc;}

/* ---------- 14. 内页布局 page-container ---------- */
.page-container{padding:54px 0 70px;background:#fff;}
.page-container .row{display:flex;flex-wrap:wrap;align-items:flex-start;}
.main-col{padding:0 15px;}
.sidebar{padding:0 15px;}

/* ---------- 15. 侧栏 widgets ---------- */
.widget{margin-bottom:30px;}
.widget .w-title{font-size:18px;font-weight:700;color:#222;padding:14px 18px;background:#02adc6;color:#fff;position:relative;}
.widget .w-title i{margin-right:8px;}
.side-search .searchform{display:flex;background:#02adc6;}
.side-search .searchform input[type=text]{flex:1;border:none;background:#02adc6;color:#fff;height:46px;padding:0 16px;font-size:14px;outline:none;}
.side-search .searchform input[type=text]::placeholder{color:rgba(255,255,255,.8);}
.side-search .searchform button{width:54px;border:none;background:#f16543;color:#fff;cursor:pointer;font-size:16px;}
.side-search .searchform button:hover{background:#02adc6;}
.side-contact{background:#f9f9f9;border-top:3px solid #02adc6;}
.side-contact .w-title{background:#02adc6;color:#fff;}
.side-contact .s-contact{padding:20px;font-size:14px;color:#555;line-height:2.2;}
.side-contact .s-contact i{color:#02adc6;width:16px;margin-right:6px;}
.side-news .w-title{background:#f4f4f4;color:#222;border-bottom:3px solid #02adc6;}
.side-news .news-list li{padding:14px 0;border-bottom:1px dashed #e5e5e5;}
.side-news .news-list li a{color:#555;font-size:14px;display:block;line-height:1.6;}
.side-news .news-list li a:hover{color:#02adc6;}
.side-news .news-list li span{color:#aaa;font-size:12px;display:block;margin-top:4px;}
.side-products .w-title{background:#f4f4f4;color:#222;border-bottom:3px solid #02adc6;}
.side-products .sp-list li{padding:10px 0;border-bottom:1px dashed #e5e5e5;display:flex;align-items:center;gap:12px;}
.side-products .sp-list li img{width:60px;height:46px;object-fit:cover;flex-shrink:0;}
.side-products .sp-list li a{color:#555;font-size:13px;line-height:1.5;}

/* ---------- 16. 产品列表 portfolio ---------- */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.portfolio-item{background:#fff;}
.portfolio-item .glass-animation{display:block;position:relative;overflow:hidden;background:#eef2f3;}
.portfolio-item .glass-animation img{width:100%;height:240px;object-fit:cover;transition:transform .5s ease;display:block;}
.portfolio-item .glass-animation::after{content:"\f00e";font-family:FontAwesome;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;background:rgba(2,173,198,.55);opacity:0;transition:opacity .4s ease;}
.portfolio-item:hover .glass-animation::after{opacity:1;}
.portfolio-item:hover .glass-animation img{transform:scale(1.1);}
.portfolio-item .item-title{text-align:center;padding:18px 10px 0;}
.portfolio-item .item-title a{font-size:15px;color:#333;font-weight:500;}
.portfolio-item .item-title a:hover{color:#02adc6;}
.portfolio-item .separator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0 20px;}
.portfolio-item .separator .line{width:36px;height:2px;background:#e2e2e2;}
.portfolio-item .separator .square{width:6px;height:6px;background:#02adc6;transform:rotate(45deg);}

/* 分页 */
.pagination{margin-top:40px;text-align:center;}
.pagination a,.pagination span{display:inline-block;min-width:38px;height:38px;line-height:38px;padding:0 10px;margin:0 3px;border:1px solid #e2e2e2;color:#666;font-size:14px;border-radius:4px;}
.pagination a:hover,.pagination .current{background:#02adc6;color:#fff;border-color:#02adc6;}

/* ---------- 17. 新闻列表 blog ---------- */
.blog-article{display:flex;background:#fff;margin-bottom:26px;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:box-shadow .3s;}
.blog-article:hover{box-shadow:0 10px 26px rgba(0,0,0,.1);}
.blog-article figure{flex-shrink:0;width:280px;overflow:hidden;}
.blog-article figure img{width:100%;height:100%;min-height:190px;object-fit:cover;display:block;transition:transform .5s;}
.blog-article:hover figure img{transform:scale(1.06);}
.blog-article .post-summary{padding:22px 26px;flex:1;display:flex;flex-direction:column;}
.blog-article .entry-title{font-size:19px;font-weight:600;margin-bottom:10px;}
.blog-article .entry-title a{color:#222;}
.blog-article .entry-title a:hover{color:#02adc6;}
.blog-article .post-meta{margin-bottom:12px;font-size:13px;color:#9b9b9b;}
.blog-article .post-meta ul{display:flex;flex-wrap:wrap;gap:16px;}
.blog-article .post-meta i{color:#02adc6;margin-right:4px;}
.blog-article .entry-content{color:#777;font-size:14px;line-height:1.85;flex:1;}
.blog-article .read-more-link{display:inline-block;margin-top:14px;color:#02adc6;font-size:14px;font-weight:600;}
.blog-article .read-more-link:hover{color:#f16543;}

/* ---------- 18. 产品详情 product-show ---------- */
.product-show{background:#fff;}
.ps-title{text-align:center;font-size:26px;color:#222;font-weight:700;margin-bottom:6px;}
.ps-desc{text-align:center;color:#aaa;font-size:13px;margin-bottom:26px;display:block;}
.product-gallery{margin-bottom:34px;}
.pro-items{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.pro-items .item{overflow:hidden;border:1px solid #eee;cursor:pointer;}
.pro-items .item img{width:100%;height:90px;object-fit:cover;display:block;transition:transform .4s;}
.pro-items .item:hover img{transform:scale(1.1);}
.proshow-tab{margin-top:10px;}
.proshow-tab .tabs{display:flex;border-bottom:2px solid #02adc6;margin-bottom:22px;}
.proshow-tab .tabs li{padding:12px 30px;font-size:15px;font-weight:600;color:#666;cursor:pointer;position:relative;}
.proshow-tab .tabs li.active{background:#02adc6;color:#fff;}
.n-content{line-height:1.95;color:#555;font-size:15px;}
.n-content p{margin-bottom:16px;font-size:15px;}
.n-content img{max-width:100%;margin:14px 0;border-radius:6px;}
.n-content h4{margin:20px 0 10px;color:#222;}
/* 参数表 */
.spec-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;}
.spec-table th,.spec-table td{border:1px solid #e6e6e6;padding:12px 16px;text-align:left;}
.spec-table th{background:#f4f4f4;color:#333;width:24%;font-weight:600;}
.spec-table tr:nth-child(even) td{background:#fafafa;}
/* 产品特点 */
.features{margin:26px 0;}
.features .feat-item{display:flex;gap:14px;margin-bottom:16px;align-items:flex-start;}
.features .feat-icon{width:44px;height:44px;flex-shrink:0;background:rgba(2,173,198,.12);color:#02adc6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;}
.features .feat-text h5{font-size:15px;color:#222;margin-bottom:4px;}
.features .feat-text p{color:#777;font-size:13px;margin:0;}
/* 相关产品 */
.rel-products{margin-top:50px;}
.rel-products h3{font-size:22px;margin-bottom:24px;padding-left:14px;border-left:5px solid #02adc6;color:#222;}
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
/* 上下篇 */
.post-nav{margin-top:40px;border-top:1px solid #eee;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.post-nav a{color:#666;font-size:14px;}
.post-nav a:hover{color:#02adc6;}

/* ---------- 19. 关于我们 about ---------- */
.about-intro{display:flex;gap:40px;align-items:center;flex-wrap:wrap;}
.about-intro .about-img{flex:1;min-width:300px;}
.about-intro .about-img img{width:100%;border-radius:8px;display:block;}
.about-intro .about-text{flex:1;min-width:300px;}
.about-intro .about-text h3{font-size:24px;color:#222;margin-bottom:16px;}
.about-intro .about-text p{color:#666;line-height:1.95;margin-bottom:14px;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;}
.about-stats .stat{text-align:center;padding:24px 10px;background:#f4f4f4;border-radius:8px;}
.about-stats .stat .num{font-size:32px;font-weight:800;color:#02adc6;display:block;}
.about-stats .stat .lbl{color:#777;font-size:14px;margin-top:4px;display:block;}

/* 时间轴 */
.timeline{position:relative;max-width:840px;margin:50px auto 0;padding-left:30px;}
.timeline::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:#02adc6;}
.timeline .tl-node{position:relative;padding:0 0 32px 30px;}
.timeline .tl-node::before{content:"";position:absolute;left:-30px;top:4px;width:14px;height:14px;border-radius:50%;background:#02adc6;border:3px solid #fff;box-shadow:0 0 0 2px #02adc6;}
.timeline .tl-node .tl-year{font-size:18px;font-weight:700;color:#02adc6;}
.timeline .tl-node .tl-title{font-size:16px;color:#222;margin:4px 0;}
.timeline .tl-node .tl-desc{color:#777;font-size:14px;}

/* 企业文化 */
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px;}
.culture-card{background:#f9f9f9;border-top:3px solid #02adc6;padding:30px 26px;text-align:center;border-radius:6px;transition:all .35s;}
.culture-card:hover{background:#02adc6;color:#fff;transform:translateY(-6px);}
.culture-card:hover h4,.culture-card:hover p{color:#fff;}
.culture-card i{font-size:40px;color:#02adc6;margin-bottom:14px;}
.culture-card:hover i{color:#fff;}
.culture-card h4{font-size:19px;color:#222;margin-bottom:10px;transition:color .35s;}
.culture-card p{color:#777;font-size:14px;line-height:1.8;margin:0;transition:color .35s;}

/* 团队 */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px;}
.member{text-align:center;background:#fff;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.05);transition:transform .35s,box-shadow .35s;}
.member:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.12);}
.member .member-avatar{overflow:hidden;}
.member .member-avatar img{width:100%;height:230px;object-fit:cover;display:block;transition:transform .5s;}
.member:hover .member-avatar img{transform:scale(1.06);}
.member .member-info{padding:18px 10px;}
.member .member-info .m-name{font-size:17px;color:#222;font-weight:600;}
.member .member-info .m-job{color:#02adc6;font-size:13px;margin-top:4px;display:block;}

/* ---------- 20. 联系我们 contact ---------- */
.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:50px;}
.contact-info-card{background:#f9f9f9;padding:34px 24px;text-align:center;border-radius:8px;transition:all .35s;border-bottom:3px solid transparent;}
.contact-info-card:hover{background:#02adc6;color:#fff;border-bottom-color:#373e4c;}
.contact-info-card:hover h4,.contact-info-card:hover p{color:#fff;}
.contact-info-card i{font-size:36px;color:#02adc6;margin-bottom:16px;}
.contact-info-card:hover i{color:#fff;}
.contact-info-card h4{font-size:17px;color:#222;margin-bottom:8px;}
.contact-info-card p{color:#777;font-size:14px;line-height:1.7;margin:0;}
.contact-form-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start;}
.contact-form-wrap .cf-map img{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:8px;}
.contact-form{background:#f9f9f9;padding:34px;border-radius:8px;}
.contact-form h3{font-size:21px;margin-bottom:20px;color:#222;padding-left:12px;border-left:4px solid #02adc6;}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.cf-field{margin-bottom:16px;}
.cf-field label{display:block;font-size:13px;color:#666;margin-bottom:6px;font-weight:600;}
.cf-field input,.cf-field textarea{width:100%;border:1px solid #ddd;background:#fff;padding:11px 14px;font-size:14px;font-family:inherit;border-radius:4px;outline:none;transition:border .3s;}
.cf-field input:focus,.cf-field textarea:focus{border-color:#02adc6;}
.cf-field textarea{resize:vertical;min-height:120px;}
.contact-submit{background:#02adc6;color:#fff;border:none;padding:13px 40px;font-size:15px;font-weight:600;border-radius:30px;cursor:pointer;transition:background .3s,transform .3s;}
.contact-submit:hover{background:#f16543;transform:translateY(-2px);}

/* ---------- 21. 图片兜底块 ---------- */
.img-fallback{background:linear-gradient(135deg,#02adc6,#0c3b44);}

/* ---------- 22. 淡入动画 reveal ---------- */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease;}
.reveal.visible{opacity:1;transform:none;}

/* ---------- 22b. 补充：内容容器 / 内页 banner / 新闻详情 / tab 切换 ---------- */
.content{overflow:hidden;}
.about-sec{padding:80px 0;background:#fff;}

/* 内页 banner（全宽图 + 遮罩） */
.inner-banner{position:relative;width:100%;overflow:hidden;background:#0c3b44;}
.inner-banner img{display:block;width:100%;height:clamp(170px,26vw,320px);object-fit:cover;}
.inner-banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,55,64,.82) 0%,rgba(6,55,64,.5) 45%,rgba(2,173,198,.25) 100%);}

/* 产品详情 tab 面板切换 */
.proshow-tab .tab-pane{display:none;}
.proshow-tab .tab-pane.active{display:block;}

/* 新闻详情正文 */
.news-article{background:#fff;padding:34px 38px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.news-art-title{font-size:26px;color:#222;text-align:center;line-height:1.5;margin-bottom:14px;font-weight:700;}
.news-art-meta{text-align:center;color:#9b9b9b;font-size:13px;padding-bottom:18px;border-bottom:1px solid #f0f0f0;margin-bottom:26px;}
.news-art-meta span{margin:0 12px;display:inline-flex;align-items:center;gap:5px;}
.news-art-meta i{color:#02adc6;}
.news-art-body img{width:100%;max-height:440px;object-fit:cover;border-radius:8px;margin:18px 0;}

/* ---------- 23. 响应式 ---------- */
@media(max-width:1199px){
  .hero-slide img{height:520px;}
  .hero-caption .cap-title{font-size:40px;}
  .product-track{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:991px){
  .container{padding:0 24px;}
  .topbar .adword{display:none;}
  .nav{order:3;width:100%;}
  .nav .nav-toggle{display:block;}
  .nav .nav-menu{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;max-height:0;overflow:hidden;transition:max-height .4s ease;box-shadow:0 8px 18px rgba(0,0,0,.1);}
  .nav.open .nav-menu{max-height:640px;overflow:auto;}
  .nav .nav-menu>li{width:100%;}
  .nav .nav-menu>li>a{display:block;padding:13px 18px;border-radius:0;border-bottom:1px solid #f0f0f0;}
  .nav .nav-menu .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;background:#f7f7f7;display:none;}
  .nav .nav-menu>li.sub-open .submenu{display:block;}
  .hero-slide img{height:420px;}
  .hero-caption .cap-title{font-size:30px;}
  .hero-caption .cap-desc{font-size:15px;}
  .whyus-grid{grid-template-columns:1fr;}
  .product-track{grid-template-columns:repeat(2,1fr);}
  .news-track{grid-template-columns:repeat(2,1fr);}
  .partner-grid{grid-template-columns:repeat(2,1fr);}
  .portfolio-grid{grid-template-columns:repeat(2,1fr);}
  .pro-items{grid-template-columns:repeat(3,1fr);}
  .about-stats{grid-template-columns:repeat(2,1fr);}
  .culture-grid{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .contact-info-grid{grid-template-columns:1fr;}
  .contact-form-wrap{grid-template-columns:1fr;}
  .rel-grid{grid-template-columns:repeat(2,1fr);}
  .sidebar{margin-top:30px;}
  .footer-col.foot-nav{display:none;}
  .footer-col.foot-qrcode{display:none;}
  .sec-title h2::before,.sec-title h2::after{width:24px;}
  h2{font-size:26px;}
}
@media(max-width:767px){
  .topbar .topbar-right li:not(:first-child):not(:nth-child(2)){display:none;}
  .topbar .social-icons{display:none;}
  .hero-slide img{height:340px;}
  .hero-caption{padding:0 22px;}
  .hero-caption .cap-title{font-size:24px;}
  .hero-caption .cap-desc{display:none;}
  .hero-arrow{display:none;}
  .whyus{padding:56px 0 30px;}
  .products,.news{padding:56px 0;}
  .cta-quote{padding:70px 0;background-attachment:scroll;}
  .cta-quote .quote{font-size:22px;}
  .product-track{grid-template-columns:1fr;}
  .news-track{grid-template-columns:1fr;}
  .partner-grid{grid-template-columns:repeat(2,1fr);}
  .portfolio-grid{grid-template-columns:1fr;}
  .pro-items{grid-template-columns:repeat(2,1fr);}
  .blog-article{flex-direction:column;}
  .blog-article figure{width:100%;}
  .blog-article figure img{min-height:200px;}
  .about-stats{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:1fr;}
  .cf-row{grid-template-columns:1fr;}
  .rel-grid{grid-template-columns:1fr 1fr;}
  .footer-bottom .fb-inner{justify-content:center;text-align:center;}
  .sec-title h2::before,.sec-title h2::after{display:none;}
  .footer-emergency .number{font-size:30px;}
  .ps-title{font-size:22px;}
}
@media(max-width:480px){
  .hero-slide img{height:280px;}
  .hero-caption .cap-title{font-size:20px;}
  .logo .logo-text .brand{font-size:19px;}
  .logo .logo-text .sub{font-size:10px;letter-spacing:2px;}
  .cta-quote .quote{font-size:18px;}
  .pro-items{grid-template-columns:1fr 1fr;}
}