@charset "utf-8";
/* ===== reset ===== */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size:14px;color:#333;background:#fff;line-height:1.7;overflow-x:hidden;}
ul,li{list-style:none;}
a{color:#333;text-decoration:none;transition:color .25s;}
a:hover{color:#006ac9;}
img{border:0;max-width:100%;display:block;}
table{border-collapse:collapse;}
input,button,textarea{font-family:inherit;outline:none;border:none;}
.container{max-width:1200px;margin:0 auto;padding:0 15px;}
.clear{clear:both;}
:root{
  --blue:#006ac9; --blue-d:#0058a8; --blue-l:#e6f1fb;
  --ink:#333; --ink2:#666; --ink3:#999; --ink4:#cfcfcf;
  --bg1:#f9f9f9; --bg2:#f3f3f3; --bg3:#f1f1f1; --bg4:#ebebeb; --line:#e6e6e6;
  --dot:#5b697d;
}

/* ===== topbox 透明 header ===== */
.topbox{position:absolute;top:0;left:0;right:0;z-index:300;}
.topbox.solid{position:relative;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);}
.topbox.scrolled{position:fixed;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);}
/* lotbox 信息栏 */
.lotbox{background:rgba(0,0,0,.32);}
.topbox.solid .lotbox,.topbox.scrolled .lotbox{background:#f5f5f5;}
.lot-inner{display:flex;justify-content:space-between;align-items:center;height:38px;}
.lot-welcome{font-size:12px;color:rgba(255,255,255,.85);}
.topbox.solid .lot-welcome,.topbox.scrolled .lot-welcome{color:#999;}
.lot-info{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.85);}
.topbox.solid .lot-info,.topbox.scrolled .lot-info{color:#999;}
.lot-email{color:rgba(255,255,255,.85);}
.topbox.solid .lot-email,.topbox.scrolled .lot-email,.lot-email:hover{color:#666;}
.lot-sep{color:rgba(255,255,255,.4);}
.topbox.solid .lot-sep,.topbox.scrolled .lot-sep{color:#ddd;}
.lot-tel-label{}
.lot-tel{color:#fff;font-weight:600;}
.topbox.solid .lot-tel,.topbox.scrolled .lot-tel{color:#006ac9;}
/* menubox logo+nav */
.menubox{}
.menu-inner{display:flex;align-items:center;height:80px;}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:auto;}
.logo-ico{flex-shrink:0;}
.logo-txt{display:flex;flex-direction:column;line-height:1.2;}
.logo-name{font-size:24px;font-weight:700;color:#fff;letter-spacing:1px;}
.logo-sub{font-size:11px;color:rgba(255,255,255,.7);letter-spacing:2px;text-transform:uppercase;}
.topbox.solid .logo-name,.topbox.scrolled .logo-name{color:#006ac9;}
.topbox.solid .logo-sub,.topbox.scrolled .logo-sub{color:#999;}
.nav{display:flex;align-items:center;height:100%;}
.nav-li{position:relative;height:100%;}
.nav-a{display:flex;align-items:center;height:100%;padding:0 22px;color:#fff;font-size:15px;font-weight:500;position:relative;}
.topbox.solid .nav-a,.topbox.scrolled .nav-a{color:#333;}
.nav-a::after{content:"";position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:0;height:3px;background:#006ac9;transition:width .25s;}
.nav-li:hover .nav-a::after,.nav-li.on .nav-a::after{width:36px;}
.nav-li.on .nav-a,.nav-li:hover .nav-a{color:#006ac9;}
.topbox:not(.solid):not(.scrolled) .nav-li:hover .nav-a,
.topbox:not(.solid):not(.scrolled) .nav-li.on .nav-a{color:#fff;text-shadow:0 1px 4px rgba(0,106,201,.6);}
.topbox:not(.solid):not(.scrolled) .nav-li.on .nav-a::after{background:#7fd0ff;}
.nav-sub{position:absolute;left:50%;top:100%;transform:translateX(-50%);min-width:170px;background:#fff;border-top:3px solid #006ac9;box-shadow:0 8px 20px rgba(0,0,0,.15);display:none;z-index:50;}
.nav-li:hover .nav-sub{display:block;}
.nav-sub-li{}
.nav-sub-a{display:block;height:42px;line-height:42px;padding:0 20px;color:#333;font-size:13px;border-bottom:1px solid #f2f2f2;text-align:center;}
.nav-sub-a:hover{background:#006ac9;color:#fff;}
.m-btn{display:none;width:42px;height:36px;background:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;margin-left:auto;}
.m-btn span{display:block;width:24px;height:3px;background:#006ac9;border-radius:2px;transition:.3s;}

/* ===== banner 轮播 ===== */
.banner{position:relative;width:100%;height:600px;overflow:hidden;background:#0a2236;}
.banner-stage{position:relative;width:100%;height:100%;overflow:hidden;}
.banner-slide{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s;}
.banner-slide.on{opacity:1;}
.banner-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,30,60,.35) 0%,rgba(0,30,60,.25) 50%,rgba(0,30,60,.45) 100%);}
.banner-txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;}
.banner-h2{font-size:46px;font-weight:700;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5);margin-bottom:16px;}
.banner-p{font-size:18px;color:#eaf4ff;text-shadow:0 1px 8px rgba(0,0,0,.5);margin-bottom:30px;max-width:860px;}
.banner-btn{display:inline-block;padding:13px 38px;border:2px solid #fff;color:#fff;font-size:16px;background:rgba(0,106,201,.55);transition:.3s;}
.banner-btn:hover{background:#006ac9;border-color:#006ac9;color:#fff;}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.4);border-radius:50%;z-index:20;cursor:pointer;transition:.3s;}
.banner-arrow:hover{background:#006ac9;border-color:#006ac9;}
.banner-arrow::before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff;}
.banner-prev{left:30px;}
.banner-prev::before{transform:translate(-50%,-50%) rotate(-135deg);}
.banner-next{right:30px;}
.banner-next::before{transform:translate(-50%,-50%) rotate(45deg);}
.banner-dots{position:absolute;left:0;bottom:28px;width:100%;text-align:center;z-index:20;}
.banner-dot{display:inline-block;width:12px;height:12px;background:rgba(255,255,255,.5);margin:0 5px;cursor:pointer;border-radius:50%;border:2px solid transparent;transition:.3s;}
.banner-dot.on{width:34px;border-radius:6px;background:#006ac9;}

/* ===== 通用区块 ===== */
.section{padding:60px 0;}
.pro-sec{background:#fff;}
.about-sec{background:#f9f9f9;}
.case-sec{background:#fff;}
.news-sec{background:#f9f9f9;}

/* ===== s-title 区块标题 ===== */
.s-title{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px;}
.s-title-b{display:block;width:60px;height:2px;background:#ebebeb;position:relative;}
.s-title-b::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:4px;background:#006ac9;}
.s-title-txt{display:flex;flex-direction:column;align-items:center;}
.s-title-h3{font-size:30px;font-weight:700;color:#333;letter-spacing:1px;}
.s-title-en{font-size:14px;color:#cfcfcf;letter-spacing:3px;text-transform:uppercase;margin-top:4px;}
.s-title-more{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:13px;color:#999;}
.s-title-more:hover{color:#006ac9;}
.s-title-more i{font-style:normal;font-size:16px;margin-left:2px;}

/* ===== 产品中心 pro-cont ===== */
.pro-cont{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.p-card{display:block;position:relative;overflow:hidden;background:#fff;}
.p-card-img{display:block;width:100%;height:260px;overflow:hidden;}
.p-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.p-card:hover .p-card-img img{transform:scale(1.06);}
.p-dd{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;background:rgba(0,0,0,.78);transition:background .3s;}
.p-dd-name{font-size:15px;color:#fff;}
.p-dd-line{display:block;width:24px;height:1px;background:rgba(255,255,255,.4);}
.p-dd-arrow{color:#fff;font-size:18px;}
.p-card:hover .p-dd{background:#006ac9;}

/* ===== 关于 about-wrap ===== */
.about-wrap{display:flex;gap:40px;align-items:stretch;background:#fff;padding:40px;}
.about-lt{width:45%;flex-shrink:0;position:relative;}
.about-stage{position:relative;width:100%;height:100%;min-height:380px;overflow:hidden;}
.about-slide{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .8s;}
.about-slide.on{opacity:1;}
.about-dots{position:absolute;left:0;bottom:14px;width:100%;text-align:center;z-index:5;}
.about-dot{display:inline-block;width:10px;height:10px;background:rgba(255,255,255,.6);margin:0 4px;cursor:pointer;border-radius:50%;transition:.3s;}
.about-dot.on{background:#006ac9;}
.about-rt{flex:1;display:flex;flex-direction:column;}
.about-rt .s-title{justify-content:flex-start;margin-bottom:24px;}
.about-rt .s-title-b{display:none;}
.about-rt .s-title-txt{align-items:flex-start;}
.about-rt .s-title-h3{font-size:24px;}
.about-rt .s-title-more{display:none;}
.about-tab{display:flex;gap:14px;margin-bottom:24px;}
.about-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 6px;background:#f3f3f3;cursor:pointer;transition:.3s;border-top:3px solid transparent;}
.about-tab-btn.on{background:#006ac9;border-top-color:#fff;transform:scale(1.04);}
.about-tab-num{font-size:30px;font-weight:700;color:#cfcfcf;font-family:Arial;line-height:1;transition:.3s;}
.about-tab-btn.on .about-tab-num{color:#fff;}
.about-tab-label{font-size:14px;color:#666;transition:.3s;}
.about-tab-btn.on .about-tab-label{color:#fff;}
.about-cont{flex:1;position:relative;min-height:180px;}
.about-item{display:none;}
.about-item.on{display:block;}
.about-txt{font-size:14px;color:#666;line-height:2;text-indent:2em;margin-bottom:18px;}
.about-more{display:inline-block;padding:8px 22px;background:#006ac9;color:#fff;font-size:13px;}
.about-more:hover{background:#0058a8;color:#fff;}
.about-more i{font-style:normal;margin-left:2px;}

/* ===== 案例 case-wrap ===== */
.case-wrap{display:flex;gap:24px;}
.case-lt{width:45%;flex-shrink:0;}
.case-list{display:block;position:relative;width:100%;height:100%;min-height:460px;overflow:hidden;}
.case-img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.case-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.case-list:hover .case-img img{transform:scale(1.05);}
.case-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;transition:background .3s;text-align:center;padding:30px;}
.case-list:hover .case-mask{background:rgba(0,106,201,.78);}
.case-dd{display:flex;flex-direction:column;align-items:center;}
.case-h3{font-size:22px;color:#fff;font-weight:700;margin-bottom:12px;}
.case-line{display:block;width:50px;height:2px;background:#fff;margin-bottom:14px;}
.case-p{font-size:13px;color:rgba(255,255,255,.9);line-height:1.8;max-width:360px;}
.case-rt{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.case-item{display:block;position:relative;overflow:hidden;}
.case-item-img{display:block;width:100%;height:218px;overflow:hidden;}
.case-item-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.case-item:hover .case-item-img img{transform:scale(1.08);}
.case-item-mask{position:absolute;left:0;top:0;width:100%;height:218px;background:rgba(0,106,201,0);display:flex;align-items:center;justify-content:center;transition:.3s;}
.case-item:hover .case-item-mask{background:rgba(0,106,201,.82);}
.case-item-ico{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:20px;opacity:0;transform:scale(.5);transition:.35s;}
.case-item:hover .case-item-ico{opacity:1;transform:scale(1);}
.case-item-cap{display:block;text-align:center;height:46px;line-height:46px;background:rgba(0,0,0,.78);font-size:14px;color:#fff;}
.case-item:hover .case-item-cap{background:#006ac9;}

/* ===== 新闻 news-cont 横向轮播 ===== */
.news-cont{position:relative;padding:0 56px;}
.news-track{display:flex;gap:24px;overflow:hidden;transition:transform .5s;}
.news-list{display:block;flex:0 0 calc(33.333% - 16px);background:#fff;overflow:hidden;}
.news-img{display:block;width:100%;height:200px;overflow:hidden;}
.news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.news-list:hover .news-img img{transform:scale(1.06);}
.news-dd{display:block;padding:18px 20px;border:1px solid #ebebeb;border-top:none;transition:.3s;}
.news-tit{display:block;font-size:16px;color:#333;font-weight:600;line-height:1.5;margin-bottom:8px;height:48px;overflow:hidden;}
.news-list:hover .news-dd{border-color:#006ac9;box-shadow:0 8px 20px rgba(0,106,201,.12);}
.news-list:hover .news-tit{color:#006ac9;}
.news-date{display:block;font-size:12px;color:#999;margin-bottom:8px;}
.news-desc{display:block;font-size:13px;color:#666;line-height:1.7;height:66px;overflow:hidden;}
.news-arrow{position:absolute;top:38%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:1px solid #ebebeb;border-radius:50%;z-index:6;cursor:pointer;transition:.3s;}
.news-arrow::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-top:2px solid #006ac9;border-right:2px solid #006ac9;}
.news-arrow:hover{background:#006ac9;border-color:#006ac9;}
.news-arrow:hover::before{border-color:#fff;}
.news-prev{left:0;}
.news-prev::before{transform:translate(-30%,-50%) rotate(-135deg);}
.news-next{right:0;}
.news-next::before{transform:translate(-70%,-50%) rotate(45deg);}

/* ===== footer 浅色页脚 ===== */
.footer{background:#f9f9f9;border-top:3px solid #006ac9;}
.foot-row{display:flex;gap:30px;padding:50px 15px 40px;}
.foot-nav{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.foot-col{}
.foot-col-h3{font-size:15px;color:#333;font-weight:600;margin-bottom:16px;padding-left:12px;border-left:3px solid #006ac9;}
.foot-col-ul{}
.foot-col-li{margin-bottom:10px;}
.foot-col-a{font-size:13px;color:#999;}
.foot-col-a:hover{color:#006ac9;}
.foot-contact{flex:0 0 260px;}
.foot-tel-label{display:block;font-size:13px;color:#999;margin-bottom:4px;}
.foot-tel{display:block;font-size:28px;font-weight:700;color:#006ac9;font-family:Arial;margin-bottom:6px;}
.foot-time{font-size:12px;color:#999;margin-bottom:8px;}
.foot-email{font-size:13px;color:#666;margin-bottom:4px;}
.foot-email a{color:#666;}
.foot-email a:hover{color:#006ac9;}
.foot-addr{font-size:13px;color:#666;line-height:1.7;margin-bottom:14px;}
.foot-btns{display:flex;gap:10px;}
.foot-btn{display:inline-block;padding:8px 18px;background:#fff;border:1px solid #006ac9;color:#006ac9;font-size:13px;}
.foot-btn:hover{background:#006ac9;color:#fff;}
.foot-qr-col{flex:0 0 130px;text-align:center;}
.foot-qr{width:130px;height:130px;margin:0 auto 8px;}
.foot-qr-tip{font-size:12px;color:#999;line-height:1.6;}
.copy{background:#f1f1f1;border-top:1px solid #ebebeb;}
.copy-inner{padding:16px 15px;}
.flink{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.flink-label{font-size:13px;color:#006ac9;font-weight:600;flex-shrink:0;}
.flink-list{display:flex;flex-wrap:wrap;gap:6px 16px;}
.flink-a{font-size:12px;color:#999;}
.flink-a:hover{color:#006ac9;}
.copy-right{text-align:center;}
.copy-right p{font-size:12px;color:#999;margin-bottom:4px;}
.beian-a{color:#999;}
.beian-a:hover{color:#006ac9;}

/* ===== 移动端底部固定栏 ===== */
.m-fixed{display:none;}
.m-fixed-item{display:flex;}
.backtop-btn{cursor:pointer;}
.m-fixed-ico{display:inline-block;width:20px;height:20px;}
.m-fixed-ico.ico-tel::before{content:"\260E";}
.m-fixed-ico.ico-msg::before{content:"\2709";}
.m-fixed-ico.ico-top::before{content:"\25B2";}
.m-fixed-ico::before{font-size:18px;line-height:20px;}

/* ===== backtop 返回顶部 ===== */
.backtop{position:fixed;right:24px;bottom:30px;width:48px;height:48px;background:#006ac9;border-radius:4px;z-index:90;opacity:0;visibility:hidden;transition:.3s;}
.backtop.show{opacity:1;visibility:visible;}
.backtop:hover{background:#0058a8;}
.backtop::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-top:3px solid #fff;border-left:3px solid #fff;transform:translate(-50%,-30%) rotate(45deg);}

/* ===== n-banner 内页 banner ===== */
.n-banner{position:relative;width:100%;height:300px;background-size:cover;background-position:center;}
.n-banner-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,60,120,.55) 0%,rgba(0,106,201,.55) 100%);}
.n-banner-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.n-banner-h1{font-size:38px;color:#fff;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.4);}
.n-banner-en{font-size:14px;color:rgba(255,255,255,.85);letter-spacing:4px;margin-top:8px;text-transform:uppercase;}

/* ===== ntit 面包屑 ===== */
.ntit{background:#f5f5f5;border-bottom:1px solid #ebebeb;}
.ntit-inner{display:flex;justify-content:space-between;align-items:center;height:60px;}
.ntit-left{display:flex;flex-direction:column;}
.ntit-h2{font-size:20px;color:#006ac9;font-weight:600;}
.ntit-en{font-size:12px;color:#cfcfcf;letter-spacing:2px;text-transform:uppercase;}
.ntit-path{font-size:13px;color:#999;}
.weiz{}
.crumb-a{color:#006ac9;}
.crumb-a:hover{color:#0058a8;}

/* ===== page-body 内页主体 ===== */
.page-body{padding:40px 0;}

/* ===== 产品列表 ===== */
.prod-cat-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;}
.prod-cat-pill{display:inline-block;padding:8px 22px;background:#fff;border:1px solid #e6e6e6;border-radius:20px;font-size:13px;color:#666;transition:.25s;}
.prod-cat-pill.on,.prod-cat-pill:hover{background:#006ac9;border-color:#006ac9;color:#fff;}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px;}
.prod-grid-page{}
.pager{text-align:center;padding:30px 0 4px;}
.pager-span{display:inline-block;min-width:38px;height:38px;line-height:36px;padding:0 12px;margin:0 4px;border:1px solid #dde6ef;color:#333;font-size:14px;border-radius:3px;}
.pager-on{background:#006ac9;color:#fff;border-color:#006ac9;}

/* ===== 产品详情 ===== */
.pdetail{}
.pd-top{display:flex;gap:40px;padding-bottom:30px;border-bottom:1px solid #eee;margin-bottom:30px;}
.pd-img{width:42%;flex-shrink:0;overflow:hidden;border:1px solid #f0f0f0;}
.pd-img img{width:100%;height:100%;object-fit:cover;}
.pd-info{flex:1;display:flex;flex-direction:column;}
.pd-cat{display:inline-block;align-self:flex-start;background:#e6f1fb;color:#006ac9;font-size:13px;padding:3px 14px;border-radius:3px;margin-bottom:12px;}
.pd-model{display:inline-block;align-self:flex-start;color:#999;font-size:13px;margin-bottom:10px;}
.pd-name{font-size:26px;color:#333;font-weight:700;margin-bottom:16px;line-height:1.4;}
.pd-brief{font-size:14px;color:#666;line-height:1.9;margin-bottom:26px;}
.pd-quote{display:inline-block;align-self:flex-start;padding:12px 34px;background:#006ac9;color:#fff;font-size:15px;}
.pd-quote:hover{background:#0058a8;color:#fff;}
.pd-block{margin-bottom:32px;}
.pd-block-h3{font-size:18px;color:#006ac9;font-weight:600;padding-bottom:10px;border-bottom:2px solid #eee;margin-bottom:18px;position:relative;}
.pd-block-h3::after{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:2px;background:#006ac9;}
.pd-p{font-size:14px;color:#555;line-height:2;margin-bottom:12px;text-indent:2em;}
.pd-params{width:100%;font-size:14px;}
.pd-params-tr{border-bottom:1px solid #f0f0f0;}
.pd-params-tr:nth-child(odd){background:#f9fbfd;}
.pd-params-th{width:200px;padding:12px 18px;text-align:left;color:#333;font-weight:600;background:#f0f6fc;}
.pd-params-td{padding:12px 18px;color:#555;}
.pd-feat{}
.pd-feat-li{padding:10px 0 10px 28px;font-size:14px;color:#555;position:relative;border-bottom:1px dashed #eee;}
.pd-feat-li::before{content:"";position:absolute;left:0;top:14px;width:16px;height:16px;background:#006ac9;border-radius:50%;}
.pd-feat-li::after{content:"";position:absolute;left:5px;top:18px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}
.relate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.relate-card{display:block;border:1px solid #eee;}
.relate-img{display:block;width:100%;height:140px;overflow:hidden;}
.relate-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.relate-card:hover .relate-img img{transform:scale(1.06);}
.relate-name{display:block;text-align:center;padding:10px;font-size:13px;color:#333;border-top:1px solid #f0f0f0;}
.relate-card:hover .relate-name{background:#006ac9;color:#fff;}
.pagef{display:flex;justify-content:space-between;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:16px 0;margin-bottom:16px;gap:20px;}
.pagef-prev,.pagef-next{font-size:13px;color:#555;flex:1;}
.pagef-next{text-align:right;}
.pagef-prev:hover,.pagef-next:hover{color:#006ac9;}
.returnlist{display:inline-block;padding:8px 26px;background:#f0f6fc;color:#006ac9;font-size:13px;border-radius:3px;}
.returnlist:hover{background:#006ac9;color:#fff;}

/* ===== 新闻列表 ===== */
.nl-list{}
.nl-item{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #eee;}
.nl-item:first-child{padding-top:0;}
.nl-item:hover{background:#fafdff;}
.nl-img{display:block;width:240px;height:160px;flex-shrink:0;overflow:hidden;}
.nl-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.nl-item:hover .nl-img img{transform:scale(1.05);}
.nl-body{flex:1;display:flex;flex-direction:column;}
.nl-tit{font-size:18px;color:#333;font-weight:600;margin-bottom:10px;}
.nl-item:hover .nl-tit{color:#006ac9;}
.nl-meta{display:flex;gap:14px;margin-bottom:8px;}
.nl-cat{display:inline-block;padding:2px 10px;background:#e6f1fb;color:#006ac9;font-size:12px;border-radius:2px;}
.nl-date{font-size:12px;color:#999;line-height:1.6;}
.nl-desc{font-size:13px;color:#666;line-height:1.8;flex:1;}
.nl-more{font-size:13px;color:#006ac9;margin-top:10px;}

/* ===== 新闻详情 ===== */
.article{}
.article-h1{font-size:24px;color:#333;font-weight:700;text-align:center;margin-bottom:14px;line-height:1.4;}
.article-meta{text-align:center;padding-bottom:14px;border-bottom:1px solid #eee;margin-bottom:24px;}
.article-cat{display:inline-block;padding:2px 10px;background:#006ac9;color:#fff;font-size:12px;border-radius:2px;}
.article-date{font-size:12px;color:#999;margin-left:14px;}
.article-src{font-size:12px;color:#999;margin-left:14px;}
.article-content{}
.article-p{font-size:14px;color:#555;line-height:2;margin-bottom:16px;text-indent:2em;}
.article-fig{margin:12px auto 22px;text-align:center;}
.article-fig img{max-width:86%;margin:0 auto;}
.article-fig-cap{display:block;font-size:12px;color:#999;margin-top:8px;text-align:center;}

/* ===== 关于我们 ===== */
.about-page{}
.about-intro{display:flex;gap:36px;margin-bottom:40px;background:#fff;padding:36px;border:1px solid #f0f0f0;}
.about-page-img{width:46%;flex-shrink:0;overflow:hidden;}
.about-page-img img{width:100%;height:100%;object-fit:cover;}
.about-page-text{flex:1;}
.about-h2{font-size:24px;color:#006ac9;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #eee;position:relative;}
.about-h2::after{content:"";position:absolute;left:0;bottom:-2px;width:70px;height:2px;background:#006ac9;}
.about-p{font-size:14px;color:#555;line-height:2;margin-bottom:12px;text-indent:2em;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;}
.stat{text-align:center;padding:16px 6px;background:#f5f9fc;border-radius:4px;}
.stat-num{display:block;font-size:30px;color:#006ac9;font-weight:700;font-family:Arial;}
.stat-em{font-size:15px;font-style:normal;margin-left:2px;}
.stat-label{display:block;font-size:12px;color:#666;margin-top:4px;}
.about-block{margin-bottom:40px;background:#fff;padding:36px;border:1px solid #f0f0f0;}
.about-block-h3{font-size:20px;color:#006ac9;font-weight:600;text-align:center;margin-bottom:28px;position:relative;padding-bottom:14px;}
.about-block-h3::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:60px;height:3px;background:#006ac9;}
.timeline{position:relative;padding-left:20px;}
.timeline::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:#e6f1fb;}
.timeline-item{position:relative;padding:0 0 26px 24px;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-dot{position:absolute;left:-19px;top:6px;width:12px;height:12px;background:#006ac9;border:2px solid #fff;box-shadow:0 0 0 2px #006ac9;border-radius:50%;}
.timeline-year{display:block;font-size:22px;color:#006ac9;font-weight:700;font-family:Arial;margin-bottom:4px;}
.timeline-txt{font-size:14px;color:#666;line-height:1.7;}
.culture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.culture-card{text-align:center;padding:32px 22px;background:#f5f9fc;border-radius:4px;border-top:3px solid transparent;transition:.3s;}
.culture-card:hover{border-top-color:#006ac9;transform:translateY(-4px);}
.culture-ico{display:block;width:64px;height:64px;margin:0 auto 16px;background:#fff;border-radius:50%;position:relative;}
.culture-ico::before{position:absolute;left:0;top:0;width:64px;height:64px;line-height:64px;text-align:center;font-size:28px;}
.culture-ico.ico-mission::before{content:"\1F31E";}
.culture-ico.ico-vision::before{content:"\1F50D";}
.culture-ico.ico-value::before{content:"\267B";}
.culture-h3{font-size:18px;color:#006ac9;font-weight:600;margin-bottom:10px;}
.culture-p{font-size:13px;color:#666;line-height:1.8;}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.team-card{text-align:center;}
.team-img{display:block;width:150px;height:150px;margin:0 auto 14px;border-radius:50%;overflow:hidden;border:3px solid #e6f1fb;}
.team-card:hover .team-img{border-color:#006ac9;}
.team-img img{width:100%;height:100%;object-fit:cover;}
.team-name{display:block;font-size:17px;color:#333;font-weight:600;}
.team-pos{display:block;font-size:13px;color:#999;margin-top:4px;}

/* ===== 联系我们 ===== */
.contact-page{}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px;}
.contact-card{text-align:center;padding:32px 18px;background:#fff;border:1px solid #f0f0f0;border-top:3px solid #e6f1fb;transition:.3s;}
.contact-card:hover{border-top-color:#006ac9;transform:translateY(-4px);}
.contact-ico{display:block;width:58px;height:58px;margin:0 auto 16px;background:#f0f6fc;border-radius:50%;position:relative;}
.contact-ico::before{position:absolute;left:0;top:0;width:58px;height:58px;line-height:58px;text-align:center;font-size:24px;color:#006ac9;}
.contact-ico.ico-tel::before{content:"\260E";}
.contact-ico.ico-mail::before{content:"\2709";}
.contact-ico.ico-addr::before{content:"\1F4CD";}
.contact-ico.ico-qr::before{content:"\229E";}
.contact-h3{font-size:16px;color:#333;font-weight:600;margin-bottom:8px;}
.contact-p{font-size:13px;color:#666;margin-bottom:4px;}
.contact-qr{width:96px;height:96px;margin:0 auto;}
.contact-form-wrap{background:#fff;border:1px solid #f0f0f0;padding:36px;}
.contact-form-h3{font-size:18px;color:#006ac9;font-weight:600;margin-bottom:22px;padding-bottom:10px;border-bottom:2px solid #eee;position:relative;}
.contact-form-h3::after{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:2px;background:#006ac9;}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cform-row{display:flex;flex-direction:column;}
.cform-row-full{grid-column:1/-1;}
.cform-label{font-size:13px;color:#666;margin-bottom:6px;}
.cform-input{height:42px;border:1px solid #ddd;padding:0 14px;font-size:14px;color:#333;border-radius:3px;}
.cform-input:focus{border-color:#006ac9;}
.cform-textarea{height:130px;border:1px solid #ddd;padding:10px 14px;font-size:14px;color:#333;border-radius:3px;resize:vertical;}
.cform-textarea:focus{border-color:#006ac9;}
.cform-btn{height:46px;background:#006ac9;color:#fff;font-size:15px;cursor:pointer;border-radius:3px;width:170px;}
.cform-btn:hover{background:#0058a8;}

/* ===== fade-in 动画 ===== */
.fade-in{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .6s;}
.fade-in.on{opacity:1;transform:none;}

/* ===== 图片兜底 ===== */
.img-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;font-size:14px;border-radius:4px;text-align:center;padding:10px;}

/* ===== 响应式 ===== */
@media(max-width:992px){
  .pro-cont{grid-template-columns:repeat(2,1fr);}
  .about-wrap{flex-direction:column;padding:30px;}
  .about-lt{width:100%;}
  .about-stage{min-height:300px;}
  .case-wrap{flex-direction:column;}
  .case-lt{width:100%;}
  .case-list{min-height:300px;}
  .case-rt{grid-template-columns:1fr 1fr;}
  .news-list{flex:0 0 calc(50% - 12px);}
  .foot-row{flex-wrap:wrap;}
  .foot-nav{flex:1 1 100%;grid-template-columns:repeat(4,1fr);}
  .foot-contact{flex:1 1 60%;}
  .foot-qr-col{flex:1 1 30%;}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .pd-top{flex-direction:column;}
  .pd-img{width:100%;}
  .relate-grid{grid-template-columns:repeat(2,1fr);}
  .about-intro{flex-direction:column;}
  .about-page-img{width:100%;}
  .culture-grid{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .contact-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .topbox{position:relative;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);}
  .lotbox{display:none;}
  .menu-inner{height:64px;}
  .logo-name{color:#006ac9;}
  .logo-sub{color:#999;}
  .m-btn{display:flex;}
  .nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;height:auto;box-shadow:0 8px 16px rgba(0,0,0,.12);display:none;padding:8px 0;}
  .nav.open{display:flex;}
  .nav-li{height:auto;width:100%;}
  .nav-a{height:46px;padding:0 20px;color:#333;}
  .nav-a::after{display:none;}
  .nav-li:hover .nav-a,.nav-li.on .nav-a{color:#006ac9;background:#f0f6fc;}
  .nav-sub{position:static;transform:none;box-shadow:none;border-top:none;min-width:0;}
  .nav-sub-a{text-align:left;padding:0 36px;height:40px;line-height:40px;}
  .banner{height:340px;margin-top:0;}
  .banner-h2{font-size:26px;}
  .banner-p{font-size:14px;margin-bottom:20px;}
  .banner-btn{padding:10px 26px;font-size:14px;}
  .banner-arrow{display:none;}
  .section{padding:36px 0;}
  .s-title-h3{font-size:22px;}
  .s-title-more{display:none;}
  .pro-cont{grid-template-columns:1fr;}
  .p-card-img{height:200px;}
  .about-tab{flex-wrap:wrap;}
  .about-tab-btn{flex:1 1 30%;}
  .case-rt{grid-template-columns:1fr;}
  .news-cont{padding:0;}
  .news-track{flex-wrap:wrap;}
  .news-list{flex:0 0 100%;}
  .news-arrow{display:none;}
  .foot-row{flex-direction:column;padding:30px 15px;}
  .foot-nav{grid-template-columns:1fr 1fr;}
  .foot-contact{flex:1 1 100%;}
  .foot-qr-col{flex:1 1 100%;}
  .m-fixed{display:flex;position:fixed;left:0;right:0;bottom:0;height:54px;background:#fff;border-top:1px solid #ebebeb;z-index:200;}
  .m-fixed-item{flex:1;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#666;gap:2px;}
  .m-fixed-item:active{background:#f5f5f5;}
  .backtop{display:none;}
  .n-banner{height:200px;}
  .n-banner-h1{font-size:26px;}
  .nl-item{flex-direction:column;}
  .nl-img{width:100%;height:200px;}
  .prod-grid{grid-template-columns:1fr;}
  .pd-params-th{width:110px;}
  .about-stats{grid-template-columns:repeat(2,1fr);}
  .team-grid{grid-template-columns:repeat(2,1fr);}
  .cform{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
}