@charset "utf-8";
/* ============================================================
   天津北辰崇廉国商贸有限公司 - 全站样式（还原参考站 31416）
   主色 #005faf | 辅色 #f29c21 | 区块背景 #f9f9f9 | 页脚 #222
   ============================================================ */

/* ---------- 基础重置 ---------- */
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none}
html{font-size:100px;-webkit-text-size-adjust:none;text-justify:inter-ideograph}
@media screen and (min-width:360px){html{font-size:112.5px}}
@media screen and (min-width:375px){html{font-size:117.19px}}
@media screen and (min-width:414px){html{font-size:129.38px}}
@media screen and (min-width:480px){html{font-size:150px}}
@media screen and (min-width:640px){html{font-size:200px}}
body{overflow-x:hidden;overflow-y:auto;font:400 13px/26px "Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;color:#434343;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul{font-weight:400}
li,ol,ul{list-style:none}
a{text-decoration:none;color:#434343;-webkit-transition:all .5s;transition:all .5s}
a:hover{text-decoration:none}
img{vertical-align:top;border:0;max-width:100%}
button,input,textarea{font-size:100%;vertical-align:middle;outline:0;border-radius:0;-webkit-appearance:none}
table{border-spacing:0;border-collapse:collapse}
a,div{-webkit-tap-highlight-color:rgba(255,255,255,0)}
::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5}
::-webkit-scrollbar-track{border-radius:10px;background-color:#E2E2E2}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}

/* ---------- 通用容器 / 工具类 ---------- */
.wp{width:1200px;max-width:1200px;margin:0 auto}
.wpp{position:relative;width:1366px;max-width:1366px;margin:0 auto}
.wp3{width:1224px;max-width:1224px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.hide{display:none}
.trans{-webkit-transition:all .5s;transition:all .5s}

/* ---------- 淡入动画 ---------- */
.fade-up{opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);transition:all .8s cubic-bezier(.2,.7,.3,1)}
.fade-up.in{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* ---------- 顶部信息栏 ---------- */
.topbar{position:relative;font-size:12px;color:#666;line-height:35px;height:35px;background:#f9f9f9;z-index:222}
.topbar .wp{display:flex;align-items:center;justify-content:space-between}
.topbar .welcome{color:#666}
.topbar .welcome b{color:#005faf;font-weight:bold}
.topbar .search{float:right;width:220px;background:#e3e3e3;display:flex;align-items:center}
.topbar .stxt{float:left;display:block;width:180px;line-height:35px;text-indent:10px;color:#999;border:0;background:none;font-size:12px}
.topbar .sbtn{float:right;width:40px;height:35px;border:0;cursor:pointer;background:transparent;font-size:14px;color:#005faf}
@media(max-width:767px){.topbar{display:none}}

/* ---------- 头部 + 主导航 ---------- */
.header{background-color:#fff;width:100%;height:100px;position:relative;z-index:111;box-shadow:0 2px 20px rgba(0,0,0,.3)}
.header .header-wp{width:1200px;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%}
.header .logo{display:flex;align-items:center;flex-shrink:0;margin:0;font-size:0}
.header .logo a{display:flex;align-items:center;gap:12px}
.header .logo .logo-svg{width:54px;height:54px;display:block;flex-shrink:0}
.header .logo .logo-text{display:flex;flex-direction:column;line-height:1.2}
.header .logo .logo-brand{font-size:24px;font-weight:bold;color:#005faf;letter-spacing:1px}
.header .logo .logo-tag{font-size:12px;color:#999;letter-spacing:3px;margin-top:4px;text-transform:uppercase}
.header .top-tel{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}
.header .top-tel .tel-ico{width:18px;height:18px;color:#005faf}
.header .top-tel b{font-size:20px;color:#005faf;font-family:Arial,Helvetica,sans-serif;letter-spacing:.5px}
.header .nav-wrap{display:flex;align-items:center}
.header .nav{text-align:right}
.header .nav li{position:relative;display:inline-block;vertical-align:top}
.header .nav li:before{position:absolute;left:50%;width:0;bottom:0;height:3px;background:#005faf;content:'';transition:.5s;-webkit-transition:.5s}
.header .nav li a{text-align:center;box-sizing:border-box;display:block;position:relative;height:100px;line-height:100px;font-size:16px;color:#4b4b4b;margin:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header .nav li .subnav{background:#fff;height:auto;left:0;overflow:hidden;position:absolute;top:100%;width:100%;z-index:199;opacity:0;visibility:hidden;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);min-width:130px}
.header .nav li:hover .subnav{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.header .nav li .subnav a{color:#666;display:block;font-size:13px;line-height:42px;height:42px;width:100%;margin:0}
.header .nav li .subnav a:hover{color:#005faf;background:#eee}
.header .nav li.cur a,.header .nav li:hover a{color:#005faf}
.header .nav li:hover:before,.header .nav li.cur:before{width:100%;left:0}
.header .nav-btn{display:none;width:28px;height:22px;position:relative;cursor:pointer}
.header .nav-btn span{display:block;width:100%;height:3px;background:#005faf;border-radius:2px;position:absolute;left:0;transition:.4s}
.header .nav-btn span:nth-child(1){top:0}
.header .nav-btn span:nth-child(2){top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.header .nav-btn span:nth-child(3){bottom:0}

/* ---------- 移动端侧滑导航 ---------- */
.mnav{display:none;position:fixed;left:0;top:0;width:2.6rem;height:100%;background:#fff;z-index:666666;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translate3d(-2.6rem,0,0);transform:translate3d(-2.6rem,0,0);overflow-y:auto}
.mnav.mnav-active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);box-shadow:.1rem 0 1rem rgba(0,0,0,.5)}
.mnav .mnav-tit{height:.5rem;line-height:.5rem;background:#005faf;color:#fff;font-size:.16rem;font-weight:bold;text-indent:.2rem}
.mnav a{display:block;padding-left:.3rem;color:#333;font-size:.14rem;height:.45rem;line-height:.45rem;border-bottom:1px solid #eee}
.mnav a:hover{color:#005faf}
.mask{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:55555;left:0;top:0}

@media screen and (max-width:1200px){
.wp{width:96%;padding:0 2%}
.wpp{width:96%}
.wp3{width:96%}
.header{height:.6rem}
.header .header-wp{width:96%;height:.6rem}
.header .logo .logo-svg{width:.32rem;height:.32rem}
.header .logo .logo-brand{font-size:.16rem}
.header .logo .logo-tag{font-size:.1rem;letter-spacing:1px}
.header .top-tel,.header .nav{display:none}
.header .nav-btn{display:block}
.mnav{display:block}
}

/* ---------- Banner 轮播 ---------- */
.banner{width:100%;height:auto;margin:0 auto;overflow:hidden;position:relative}
.banner .swiper{width:100%;height:100%;overflow:hidden}
.banner .swiper-slide{width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}
.banner .swiper-slide a{display:block;height:100%;text-align:center}
.banner .swiper-slide img{width:100%;display:block}
.banner .swiper-button-prev,.banner .swiper-button-next{width:50px;height:90px;background-color:rgba(0,0,0,.5);margin-top:-45px;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;transition:all .5s}
.banner .swiper-button-prev{left:50px}
.banner .swiper-button-next{right:50px}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{color:#fff;font-size:28px;font-family:Arial}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{opacity:1}
.banner .swiper-pagination{position:absolute;bottom:18px;left:0;right:0;text-align:center;z-index:10}
.banner .swiper-pagination-bullet{width:10px;height:10px;background:#fff;margin:0 5px;opacity:1;border-radius:50%;display:inline-block;transition:all .5s;cursor:pointer}
.banner .swiper-pagination-bullet-active{background:#005faf;width:28px;border-radius:5px}
@media(max-width:768px){
.banner .swiper-button-prev,.banner .swiper-button-next{width:30px;height:50px;margin-top:-25px}
}

/* ---------- 通用区块标题 ---------- */
.sec-tit{text-align:center;padding:50px 0 30px;position:relative}
.sec-tit h2{color:#005faf;font-size:36px;line-height:1.6;font-weight:bold}
.sec-tit h2 b{font-weight:bold}
.sec-tit .sub{color:#999;font-size:18px;line-height:1.6;margin-top:6px}
.sec-tit .sub a{color:#999}
.sec-tit .sub i{display:inline-block;vertical-align:middle;margin:0 8px;width:6px;height:6px;background:#005faf;border-radius:50%}
@media only screen and (max-width:1400px){.sec-tit h2{font-size:30px}}
@media only screen and (max-width:1200px){.sec-tit h2{font-size:28px}}
@media only screen and (max-width:960px){.sec-tit h2{font-size:26px}}
@media only screen and (max-width:640px){.sec-tit h2{font-size:22px}.sec-tit .sub{font-size:14px}.sec-tit{padding:30px 0 18px}}

/* ---------- 产品中心（4列遮罩卡）---------- */
.prod{background:#f9f9f9;padding-bottom:60px}
.prod-grid{width:1200px;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;background:#fff}
.prod-grid .prod-cell{overflow:hidden;width:25%;position:relative;text-align:center;box-sizing:border-box}
.prod-cell .pc-img{display:block;width:100%;padding-top:64.83%;position:relative;overflow:hidden}
.prod-cell .pc-img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:1s;-webkit-transition:1s}
.prod-cell .pc-mask{color:#fff;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;background:rgba(0,0,0,.35);z-index:2;transition:.8s;-webkit-transition:.8s;display:flex;align-items:center;justify-content:center}
.prod-cell .pc-center h6{color:#fff;font-size:24px;line-height:1.6;padding-bottom:14px}
.prod-cell .pc-more{display:inline-block;background:#005faf;color:#fff;padding:0 20px;border-radius:18px;line-height:34px;font-size:14px;transition:all .5s}
.prod-cell:hover .pc-img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.prod-cell:hover .pc-mask{background:rgba(0,95,175,.55)}
.prod-cell:hover .pc-more{padding:0 35px}
@media(min-width:1200px){.prod-grid .prod-cell{border-right:1px solid rgba(0,0,0,.05)}}
@media only screen and (max-width:767px){
.prod-grid{width:100%}
.prod-grid .prod-cell{width:50%}
.prod-cell .pc-center h6{font-size:17px}
}

/* ---------- 关于我们（左文右图）---------- */
.about-sec{padding:50px 0;background:#fff}
.about-sec .wpp{display:flex;align-items:center;gap:50px;overflow:hidden}
.about-l{flex:1}
.about-l .sec-tit{text-align:left;padding-top:0;padding-bottom:18px}
.about-l .txt{color:#333;font-size:16px;line-height:30px;text-align:justify;margin-bottom:26px}
.about-l .about-btn{display:inline-block;width:150px;color:#fff;font-size:15px;text-align:center;line-height:44px;border-radius:5px;background:#005faf;transition:all .5s}
.about-l .about-btn:hover{background:#003d75;padding:0 10px}
.about-r{flex:1;overflow:hidden}
.about-r img{width:100%;height:auto;display:block;border-radius:4px}
@media only screen and (max-width:960px){
.about-sec .wpp{flex-direction:column;gap:30px}
.about-l .sec-tit{text-align:center}
}

/* ---------- 案例展示（3列悬浮遮罩轮播）---------- */
.icase{background:#f9f9f9;padding-bottom:60px}
.case-swiper{width:1200px;max-width:1200px;margin:0 auto;overflow:hidden}
.case-swiper .swiper-slide{position:relative;padding:0 6px;box-sizing:border-box}
.case-swiper .case-img{display:block;width:100%;padding-top:75%;position:relative;overflow:hidden}
.case-swiper .case-img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block}
.case-swiper .case-name{z-index:2;position:absolute;left:0;right:0;top:50%;margin-top:-20px;text-align:center;color:#fff;font-size:17px;font-weight:bold;line-height:40px}
.case-swiper .case-name span{display:inline-block;border:2px solid #fff;padding:0 20px;border-radius:24px;min-width:6em;background:rgba(0,0,0,.4)}
.case-overlay{color:#fff;z-index:3;position:absolute;opacity:0;left:0;right:0;text-align:center;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);width:100%;transition:.5s;-webkit-transition:.5s}
.case-overlay h5{color:#fff;font-size:22px;padding-bottom:14px;transform:translate(0,15px);-webkit-transform:translate(0,15px);transition:1s}
.case-overlay .case-link a{background:#005faf;display:inline-block;line-height:34px;color:#fff;padding:0 22px;border-radius:20px;font-size:14px;transition:all .5s}
.case-swiper .swiper-slide:hover .case-name{opacity:0}
.case-swiper .swiper-slide:hover .case-overlay{opacity:1}
.case-swiper .swiper-slide:hover .case-overlay h5{transform:scale(1)}
.case-swiper .swiper-slide:hover .case-overlay .case-link a{background:#f29c21}
.case-swiper .case-prev,.case-swiper .case-next{z-index:5;position:absolute;top:50%;margin-top:-25px;width:48px;height:48px;line-height:48px;text-align:center;color:#fff;font-size:24px;background:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;transition:.5s}
.case-swiper .case-prev{left:10px}
.case-swiper .case-next{right:10px}
.case-swiper .case-prev:hover,.case-swiper .case-next:hover{background:#005faf}
@media only screen and (max-width:640px){
.case-swiper .case-overlay{opacity:1;top:auto;bottom:8px}
.case-swiper .case-overlay h5{font-size:14px;transform:none}
.case-swiper .case-overlay .case-link{display:none}
}

/* ---------- 新闻动态（4列卡片）---------- */
.news-center{padding:0 0 50px}
.news-dl{width:1200px;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap}
.news-cell{width:23%;margin:0 1% 24px;position:relative;background:#fff;box-sizing:border-box}
.news-cell a{display:block;position:relative;transition:all .5s}
.news-cell .nc-img{width:100%;padding-top:62%;position:relative;overflow:hidden}
.news-cell .nc-img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .5s}
.news-cell .nc-txt{padding:14px 18px 18px}
.news-cell .nc-txt .date{display:block;color:#bbb;font-size:12px}
.news-cell .nc-txt h6{font-size:16px;font-weight:bold;color:#333;margin:6px 0;transition:all .5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-cell .nc-txt p{color:#888;line-height:1.7;text-align:justify;height:48px;overflow:hidden;font-size:13px}
.news-cell a:hover{box-shadow:0 0 25px -5px #ccc}
.news-cell a:hover .nc-img img{transform:scale(1.06)}
.news-cell a:hover h6{color:#005faf}
@media only screen and (max-width:767px){
.news-cell{width:48%}
}

/* ---------- 合作伙伴（6列logo墙）---------- */
.partners{padding:50px 0;background:#f9f9f9}
.partner-grid{width:1200px;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:24px}
.partner-cell{flex:1 1 15%;min-width:150px;height:90px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eee;transition:all .5s;font-size:15px;font-weight:bold;color:#005faf;letter-spacing:1px}
.partner-cell:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-4px);color:#f29c21}
@media only screen and (max-width:640px){.partner-cell{flex:1 1 30%;min-width:100px;font-size:13px;height:70px}}

/* ---------- 页脚导航 ---------- */
.footer-nav-bg{width:100%;height:auto;overflow:hidden;background-color:#222;padding:50px 0}
.footer-nav{display:flex;flex-wrap:wrap;align-items:flex-start}
.footer-nav dl{float:left}
.footer-nav dl dt a{font-size:20px;color:#fff;display:block;margin-bottom:24px}
.footer-nav dl dd{color:#d3d3d3;line-height:32px;font-size:13px}
.footer-nav dl dd a{color:#d3d3d3}
.footer-nav dl dd a:hover{color:#fff}
.f-col1{width:150px;margin-right:10px}
.f-col2{width:200px}
.f-col3{width:240px}
.f-contact dd .ctel{display:block;font-size:30px;font-family:Arial,Helvetica,sans-serif;color:#005faf;margin-bottom:10px;font-weight:bold}
.f-qr dd{display:flex;flex-direction:column;align-items:center}
.f-qr dd img{width:120px;height:120px;background:#fff;padding:6px;border-radius:4px}
.f-qr dd p{text-align:center;margin-top:10px;color:#d3d3d3}
@media screen and (max-width:991px){.f-col1{width:33%}.f-col2{width:33%}.f-col3{width:33%}}
@media screen and (max-width:768px){
.f-col1{width:50%;border-bottom:1px dotted #444;padding:14px 0}
.f-col2{width:50%;border-bottom:1px dotted #444;padding:14px 0}
.f-col3{width:100%;padding:20px 0}
.footer-nav dl dt a{font-size:18px;margin-bottom:10px}
}
.footer-copy-bg{width:100%;background-color:#222;height:auto;overflow:hidden;padding:20px 0;border-top:1px solid #383838}
.footer-copy{text-align:center;color:#999;font-size:13px;line-height:2}
.footer-copy a{color:#999}
.footer-copy a:hover{color:#fff}
.footer-copy .links{margin-top:8px}
.footer-copy .links a{margin:0 6px}

/* ---------- 悬浮工具栏 ---------- */
.toolbar{position:fixed;top:50%;right:1%;margin-top:-160px;z-index:100;width:80px}
.toolbar .t-item{position:relative;width:80px;height:80px;background:#005faf;margin-top:2px;border-radius:5px;color:#fff;font-size:14px;line-height:20px;text-align:center;cursor:pointer;transition:all .5s;display:flex;flex-direction:column;align-items:center;justify-content:center}
.toolbar .t-item:first-child{margin-top:0}
.toolbar .t-item svg{width:28px;height:28px;margin-bottom:2px}
.toolbar .t-item:hover{background:#333}
.toolbar .t-item .tbox{position:absolute;top:0;width:190px;right:-200px;height:80px;margin-right:10px;border-radius:5px;background:#005faf;opacity:0;transition:all .5s;color:#fff;text-align:center;padding:14px 0;box-sizing:border-box}
.toolbar .t-item .tbox p{font-size:14px;margin-bottom:4px}
.toolbar .t-item .tbox h3{color:#fff;font-size:20px;font-weight:bold;line-height:1.2}
.toolbar .t-item .tbox.tbox-qr{width:162px;height:162px;padding:11px}
.toolbar .t-item .tbox.tbox-qr img{width:130px;height:130px;background:#fff;padding:4px;border-radius:3px}
.toolbar .t-item:hover .tbox{opacity:1;right:90px}
.toolbar .t-top:hover .tbox{display:none}
@media screen and (max-width:640px){.toolbar{display:none}}

/* ---------- 移动端底部固定栏 ---------- */
.m-bar{display:none}
@media screen and (max-width:640px){
.m-bar{width:100%;background:#212121;padding:.6em 0;display:block;position:fixed;bottom:0;height:auto;overflow:hidden;z-index:99999;box-shadow:0 2px 20px rgba(0,0,0,.3)}
.m-bar ul{display:flex}
.m-bar ul li{width:25%;list-style:none;text-align:center}
.m-bar ul li a{color:#fff;text-align:center;line-height:1.6em;font-size:.12rem;display:block}
.m-bar ul li svg{width:20px;height:20px;color:#005faf;margin-bottom:2px;display:block;margin:0 auto}
}

/* ---------- 内页 Banner ---------- */
.n-banner{width:100%;height:300px;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}
.n-banner .n-banner-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4)}
.n-banner h3{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);text-align:center;color:#fff;width:34%;padding:30px 20px;font-size:26px;line-height:46px;font-weight:bold;z-index:2}
.n-banner h3 .en{font:normal 52px/60px Georgia,"Times New Roman",Times,serif;display:block;color:rgba(255,255,255,.85);margin-bottom:6px}
@media(max-width:1001px){.n-banner h3{width:46%}.n-banner h3 .en{font-size:42px}}
@media(max-width:768px){.n-banner{height:200px}.n-banner h3{width:54%;padding:18px;font-size:22px;line-height:34px}.n-banner h3 .en{font-size:34px}}
@media(max-width:640px){.n-banner{height:160px}.n-banner h3{width:64%;padding:12px;font-size:20px;line-height:28px}.n-banner h3 .en{font-size:26px}}

/* ---------- 面包屑 + 侧栏导航 ---------- */
.crumb{width:100%;font-size:15px;line-height:26px;padding:24px 0;display:block;color:#787878}
.crumb a{color:#787878}
.crumb a:hover{color:#005faf}
.side-nav{width:100%;margin:0 auto;text-align:center;padding:16px 0;background-color:#fff;box-shadow:0 18px 20px -20px #666;position:relative}
.side-nav ul{text-align:center;display:inline-block;width:auto;overflow:hidden;margin:0 auto}
.side-nav li{float:left;line-height:30px;font-weight:400;margin:5px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-nav li a{text-align:center;font-size:16px;padding:5px 18px;line-height:30px;display:block;border-radius:4px}
.side-nav li a:hover{color:#005faf;background:#f2f7fc}
.side-nav li.cur a{color:#fff;background:#005faf}
@media(max-width:640px){.side-nav{padding:10px 0}.side-nav ul{display:block}.side-nav li{display:inline-block;float:none;margin:0 2%}.side-nav li a{font-size:14px;padding:5px 8px}}

/* ---------- 内页通用容器 ---------- */
.ny-prod,.ny-news,.ny-about{height:auto;overflow:hidden;padding-bottom:40px;color:#434343}
.ny-wrap{width:1200px;max-width:1200px;margin:0 auto}
@media screen and (max-width:1200px){.ny-wrap{width:96%}}

/* ---------- 产品列表页（3列）---------- */
.pro-list-grid{width:100%;padding:24px 0;display:flex;flex-wrap:wrap}
.pro-card{width:31%;margin:1.16%;background-color:#fff;box-shadow:0 7px 14px rgba(179,179,179,.5);transition:all .5s}
.pro-card a{display:block}
.pro-card .pcard-img{display:block;width:96%;padding-top:72%;position:relative;overflow:hidden;margin:2%}
.pro-card .pcard-img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .5s}
.pro-card:hover .pcard-img img{transform:scale(1.1)}
.pro-card p{width:100%;text-align:center;margin:8px 0 16px;font-size:15px;color:#333;line-height:26px}
.pro-card:hover{box-shadow:0 14px 28px rgba(0,95,175,.25)}
.pro-card:hover p{color:#005faf}
@media(max-width:1199px){.pro-card{width:30.3%;margin:1.5%}}
@media(max-width:768px){.pro-card{width:47%;margin:1.5%}}

/* ---------- 产品详情页 ---------- */
.pro-detail-top{width:96%;height:auto;padding:2%;background-color:#fff;box-shadow:0 2px 14px rgba(179,179,179,.5);overflow:hidden;display:flex;gap:30px;box-sizing:border-box}
.pro-detail-l{width:50%;height:auto;overflow:hidden}
.pro-detail-l .big-img{width:100%;height:auto;overflow:hidden;border:1px solid #eee}
.pro-detail-l .big-img img{width:100%;height:auto;display:block}
.pro-detail-l .thumb-row{display:flex;gap:10px;margin-top:10px}
.pro-detail-l .thumb-row img{width:64px;height:64px;object-fit:cover;border:1px solid #ddd;cursor:pointer;transition:.3s}
.pro-detail-l .thumb-row img:hover{border-color:#005faf}
.pro-detail-r{flex:1}
.pro-detail-r h3{font-size:24px;color:#005faf;line-height:1.4;margin-bottom:16px}
.pro-detail-r .p-snip{border-top:1px dotted #dcdcdc;font-size:13px;line-height:28px;padding:14px 0;color:#666;display:block}
.pro-detail-r .params{width:100%;border-top:1px dotted #dcdcdc;margin-top:6px}
.pro-detail-r .params th,.pro-detail-r .params td{font-size:13px;line-height:30px;padding:4px 6px;text-align:left}
.pro-detail-r .params th{color:#999;font-weight:normal;width:32%}
.pro-detail-r .params td{color:#444;border-bottom:1px dotted #ececec}
.pro-detail-desc{width:100%;margin-top:30px}
.pro-detail-desc h4{width:96%;padding:1.2% 2%;background-color:#fff;box-shadow:0 2px 14px rgba(179,179,179,.5);line-height:36px;margin-bottom:24px;font-size:16px;font-weight:normal}
.pro-detail-desc h4 span{font-size:20px;font-weight:bold;color:#005faf}
.pro-detail-nr{padding-bottom:1.5em;font-size:14px;line-height:28px;text-align:justify;color:#555}
.pro-detail-nr p{margin-bottom:12px}
.pro-detail-nr img{max-width:100%;margin:14px 0}
.pro-features{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}
.pro-features .feat-item{flex:1 1 30%;min-width:200px;padding:18px;background:#f9f9f9;border-left:3px solid #005faf;border-radius:0 4px 4px 0}
.pro-features .feat-item b{display:block;color:#005faf;font-size:15px;margin-bottom:6px}
.pro-features .feat-item p{font-size:13px;color:#777;line-height:1.7}
.rel-pro{margin-top:30px}
.rel-pro h4{font-size:18px;color:#005faf;border-left:4px solid #005faf;padding-left:12px;margin-bottom:18px}
.rel-pro .rel-grid{display:flex;flex-wrap:wrap}
.rel-pro .rel-grid .pro-card{width:23%;margin:1%}
.prev-next{border-top:1px dotted #ccc;padding:20px 0 12px;margin-top:20px;line-height:32px;font-size:14px}
.prev-next a{color:#626262}
.prev-next a:hover{color:#005faf}
@media(max-width:640px){.pro-detail-top{flex-direction:column}.pro-detail-l{width:100%}.pro-detail-r{width:100%}.rel-pro .rel-grid .pro-card{width:48%}}

/* ---------- 新闻列表页 ---------- */
.news-list-grid{width:100%;padding:20px 0;display:flex;flex-wrap:wrap}
.news-list{width:46%;margin:1.5%;padding:16px;background-color:#fff;box-shadow:0 2px 14px rgba(179,179,179,.4);display:flex;gap:18px;box-sizing:border-box;transition:all .5s}
.news-list:hover{box-shadow:0 8px 24px rgba(0,95,175,.18)}
.news-list .nl-img{width:38%;flex-shrink:0;display:block;position:relative;overflow:hidden;padding-top:28%;height:auto}
.news-list .nl-img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block}
.news-list .nl-r{flex:1;min-width:0}
.news-list .nl-r h3{font-size:16px;font-weight:bold;color:#222;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.news-list .nl-r .ndate{padding-top:6px;display:block;font-size:13px;color:#787878}
.news-list .nl-r p{padding-top:6px;color:#626262;text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px;line-height:1.7}
.news-list:hover .nl-r h3{color:#005faf}
@media(max-width:991px){.news-list{width:96%}}
@media(max-width:480px){.news-list{flex-direction:column}.news-list .nl-img{width:100%;padding-top:54%}}

/* ---------- 新闻详情页 ---------- */
.news-detail-tit{width:96%;padding:2%;background-color:#fff;box-shadow:0 2px 14px rgba(179,179,179,.4);text-align:center}
.news-detail-tit h4{font-size:24px;font-weight:bold;color:#222;padding-bottom:.5em}
.news-detail-tit p{font-size:14px;color:#626262}
.news-detail-tit p span{color:#005faf}
.news-detail-nr{padding:1.6em 0;font-size:14px;line-height:28px;text-align:justify;color:#555}
.news-detail-nr p{margin-bottom:14px}
.news-detail-nr img{max-width:100%;margin:16px auto;display:block}
.tags{padding:14px 0;border-top:1px dotted #ddd;font-size:13px;color:#999}
.tags a{display:inline-block;line-height:26px;padding:0 10px;margin:4px;background:#f4f4f4;border:1px solid #e6e6e6;border-radius:4px;color:#666}
.tags a:hover{background:#005faf;border-color:#005faf;color:#fff}

/* ---------- 关于我们详情页 ---------- */
.ny-about-nr{padding:24px 0;font-size:14px;line-height:30px;text-align:justify;color:#555}
.ny-about-nr p{margin-bottom:14px}
.about-block{margin:30px 0}
.about-block h3{font-size:22px;color:#005faf;border-left:5px solid #005faf;padding-left:12px;margin-bottom:18px}
.timeline{list-style:none;padding-left:40px;border-left:4px solid #eee9dc;margin:20px 4%;position:relative}
.timeline .t-item{margin:24px 0;position:relative}
.timeline .t-circle{top:8px;left:-62px;width:48px;height:48px;background:#fff;border:4px solid #eee9dc;border-radius:50%;display:block;position:absolute;font-size:14px;font-weight:bold;line-height:40px;text-align:center;color:#005faf}
.timeline .t-content{padding:14px 18px;border:2px solid transparent;border-radius:6px;background:#f9f9f9;position:relative}
.timeline .t-content h4{font-size:16px;color:#222;margin-bottom:6px;font-weight:bold}
.timeline .t-content p{font-size:13px;color:#777;line-height:1.7;margin:0}
@media screen and (max-width:767px){.timeline{margin-left:0;padding-left:24px}.timeline .t-circle{left:-40px;width:34px;height:34px;line-height:26px;font-size:12px}}
.culture-list{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}
.culture-item{flex:1 1 30%;min-width:220px;padding:28px 22px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.06);border-top:4px solid #005faf;text-align:center}
.culture-item .c-ico{width:60px;height:60px;margin:0 auto 14px;background:#f2f7fc;border-radius:50%;display:flex;align-items:center;justify-content:center}
.culture-item .c-ico svg{width:30px;height:30px;color:#005faf}
.culture-item h4{font-size:18px;color:#005faf;margin-bottom:10px}
.culture-item p{font-size:13px;color:#777;line-height:1.8}
.team-list{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}
.team-item{flex:1 1 18%;min-width:160px;text-align:center;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:18px 10px}
.team-item .t-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 12px;display:block;border:3px solid #f2f7fc}
.team-item h4{font-size:16px;color:#222}
.team-item p{font-size:13px;color:#005faf;margin-top:4px}

/* ---------- 联系我们页 ---------- */
.contact-sec{padding:30px 0;display:flex;flex-wrap:wrap;gap:30px}
.contact-info{flex:1;min-width:280px}
.contact-info h3{font-size:22px;color:#005faf;border-left:5px solid #005faf;padding-left:12px;margin-bottom:18px}
.contact-info .ci-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px dotted #eee}
.contact-info .ci-item svg{width:28px;height:28px;color:#005faf;flex-shrink:0}
.contact-info .ci-item .ci-txt b{display:block;font-size:15px;color:#333;margin-bottom:4px}
.contact-info .ci-item .ci-txt p{font-size:14px;color:#777;line-height:1.7}
.contact-form{flex:1;min-width:280px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:30px}
.contact-form h3{font-size:22px;color:#005faf;border-left:5px solid #005faf;padding-left:12px;margin-bottom:22px}
.feed-row{position:relative;width:100%;margin:10px auto}
.feed-row input{width:100%;border:1px solid #e7e7e7;color:#555;height:46px;font-size:14px;text-indent:12px;border-radius:4px}
.feed-row textarea{width:100%;border:1px solid #e7e7e7;color:#555;height:120px;font-size:14px;text-indent:12px;padding-top:10px;border-radius:4px;resize:vertical}
.feed-btn{width:60%;margin:18px auto 0}
.feed-btn input{width:100%;background-color:#005faf;border:1px solid #005faf;color:#fff;height:48px;font-size:16px;border-radius:30px;cursor:pointer;transition:all .5s}
.feed-btn input:hover{background:#003d75}
@media(max-width:768px){.contact-sec{flex-direction:column}}

/* ---------- 图片兜底 ---------- */
.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}

/* ---------- 轮播/图标补充 ---------- */
.swiper-wrapper{display:flex;will-change:transform}
.c-svg{width:30px;height:30px;color:#005faf}