@charset "utf-8";
/* nnmuzhi.com — 参考站 /31510/ (深蓝#183980 + 深灰蓝#2e3643) 1:1 风格还原 */
* { margin: 0; padding: 0; box-sizing: border-box; transition: all .5s; -webkit-transition: all .5s; }
body { font: 14px/1.6 Arial, "Microsoft YaHei", sans-serif; color: #333; background: #fff; }
ul, ol, dl, dd { list-style: none; }
img { vertical-align: middle; border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: inherit; }
a { text-decoration: none; color: inherit; }
.clear { clear: both; }
.w1400 { width: 1400px; max-width: 100%; margin: 0 auto; }
::placeholder { color: #999; }
.img-fallback { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 200px; color: #fff; font-size: 14px; }

/* ===== 滚动淡入（html.js-on 门控，无 JS 直接可见；5s 兜底） ===== */
html.js-on .reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s ease; }
html.js-on .reveal.visible { opacity: 1; transform: none; }

/* ===== topbox 固定顶栏（94px 白底+阴影） ===== */
.topbox { position: fixed; top: 0; left: 0; width: 100%; height: 94px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.1); z-index: 9999; }
.lotbox { position: absolute; left: 40px; top: 0; height: 94px; display: flex; align-items: center; }
.logo-block { display: flex; align-items: center; gap: 14px; }
.logo-ico { width: 52px; height: 52px; }
.logo-ico svg { width: 100%; height: 100%; display: block; }
.logo-txt b { display: block; font-size: 24px; line-height: 32px; color: #183980; font-weight: bold; letter-spacing: 1px; }
.logo-txt em { display: block; font-style: normal; font-size: 12px; line-height: 18px; color: #999; letter-spacing: 3px; }
.topright { position: absolute; right: 0; top: 0; display: flex; }
.search-btn { width: 94px; height: 94px; background: #2e3643; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 0; }
.search-btn svg { width: 38%; height: 38%; }
.search-btn:hover { background: #212935; }
.tel-block { width: 94px; height: 94px; background: #183980; position: relative; cursor: pointer; }
.tel-block i { display: block; width: 36px; height: 36px; margin: 29px auto; }
.tel-block i svg { width: 100%; height: 100%; display: block; }
.tel-block p { position: absolute; right: 100%; top: 0; width: 0; height: 94px; padding: 27px 0; overflow: hidden; line-height: 40px; color: #fff; font-size: 28px; background: #183980; white-space: nowrap; z-index: 1; }
.tel-block:hover p { width: auto; padding: 27px 0 27px 27px; }
/* 导航 menubox */
.menubox { position: absolute; right: 208px; top: 0; height: 94px; }
.nav-list > ul > li { float: left; position: relative; padding: 0 24px; }
.nav-list > ul > li > a { display: inline-block; line-height: 60px; padding: 17px 0; font-size: 18px; color: #333; position: relative; }
.nav-list > ul > li > a::after { content: ''; display: block; width: 0; height: 3px; background: #183980; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: width .3s; }
.nav-list > ul > li:hover > a, .nav-list > ul > li.active > a { color: #183980; }
.nav-list > ul > li:hover > a::after, .nav-list > ul > li.active > a::after { width: 100%; }
.nav-list > ul > li > ul { display: none; position: absolute; left: -20%; top: 88px; width: 140%; background: #fff; border-top: 2px solid #183980; box-shadow: 0 4px 6px rgba(0,0,0,.1); z-index: 9; }
.nav-list > ul > li:hover > ul { display: block; }
.nav-list > ul > li > ul > li { border-bottom: 1px solid rgba(85,87,89,.1); }
.nav-list > ul > li > ul > li:last-child { border-bottom: 0; }
.nav-list > ul > li > ul > li > a { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #555; text-align: center; padding: 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-list > ul > li > ul > li > a:hover { color: #183980; }
.nav-toggle { display: none; width: 80px; height: 80px; background: #183980; border: 0; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; }
.nav-toggle span { display: block; width: 30px; height: 2px; background: #fff; border-radius: 1px; }
.nav-toggle span + span { margin-top: 8px; }
.nav-mask { display: none; }
/* 搜索下拉层 + 遮罩 */
.z-mask { position: fixed; top: 94px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 999; display: none; }
.z-mask.on { display: block; }
.search-drop { position: fixed; top: 94px; left: 0; width: 100%; padding: 40px 0; background: #2e3643; text-align: center; z-index: 9998; transform: translateY(94px); opacity: 0; visibility: hidden; transition: all .4s; }
.search-drop.on { transform: none; opacity: 1; visibility: visible; }
.search-drop form { width: 40%; margin: 0 auto; height: 80px; border-bottom: 1px solid rgba(255,255,255,.3); position: relative; }
.search-drop .sc-ipt input { display: block; width: 100%; height: 79px; line-height: 79px; background: none; border: 0; outline: none; color: #fff; font-size: 18px; }
.search-drop .sc-btn { position: absolute; top: 0; right: 0; width: 80px; height: 79px; border: 0; background: none; cursor: pointer; }
.search-drop .sc-btn svg { width: 36px; height: 36px; }

/* ===== 首页 banner（700px 轮播 + 底部控制条） ===== */
.banner { height: 700px; margin-top: 94px; position: relative; background: #2e3643; }
.sw-wrap { width: 100%; height: 100%; overflow: hidden; }
.sw-track { display: flex; height: 100%; transition: transform .6s ease; }
.sw-slide { min-width: 100%; height: 100%; position: relative; overflow: hidden; }
.sw-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sw-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,36,88,.35), rgba(8,18,48,.55)); }
.banner-txt { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 0 20px; }
.banner-txt h2 { font-size: 48px; font-weight: bold; letter-spacing: 4px; text-shadow: 0 2px 12px rgba(0,0,0,.45); }
.banner-txt p { font-size: 20px; margin-top: 16px; letter-spacing: 2px; opacity: .92; }
.banner-txt .ba-tag { margin-top: 28px; display: inline-block; width: 156px; height: 44px; line-height: 44px; border: 1px solid rgba(255,255,255,.7); border-radius: 22px; font-size: 16px; }
.banner-txt .ba-tag:hover { background: #fff; color: #183980; }
.ba-control { position: absolute; left: 0; bottom: -47px; width: 100%; height: 94px; z-index: 3; }
.ba-control::before { content: ''; display: block; width: 26%; height: 100%; background: #2e3643; }
.ba-main { height: 100%; margin: -94px auto 0; position: relative; display: flex; align-items: center; padding-left: 100px; }
.ba-line { display: block; width: 180px; height: 1px; background: #ddd; position: absolute; left: 100px; top: 50%; transform: translateY(-50%); z-index: 11; }
.ba-prev, .ba-next { width: 40px; height: 40px; border: 0; background: none; cursor: pointer; opacity: .4; padding: 0; flex: none; }
.ba-prev svg, .ba-next svg { width: 40px; height: 40px; display: block; }
.ba-prev:hover, .ba-next:hover { opacity: 1; }
.ba-dots { width: 320px; height: 94px; margin-left: 80px; padding: 39px 20px; background: #fff; display: flex; align-items: center; justify-content: center; }
.ba-dot { width: 16px; height: 16px; border: 1px solid #2e3643; border-radius: 50%; background: none; opacity: .3; margin: 0 6px; padding: 4px; cursor: pointer; position: relative; }
.ba-dot::before { content: ''; display: block; width: 6px; height: 6px; background: #2e3643; border-radius: 50%; }
.ba-dot.cur { opacity: 1; }

/* ===== 首页产品区（#f2f2f2） ===== */
.prod-zone { overflow: hidden; padding: 127px 0 50px; background: #f2f2f2; }
.sec-title { margin: 0 auto 40px; position: relative; }
.sec-title span { display: block; height: 12px; line-height: 12px; font-size: 14px; font-weight: bold; color: #333; text-transform: uppercase; border-left: 8px solid #183980; padding-left: 8px; margin-bottom: 8px; }
.sec-title p { font-size: 30px; font-weight: bold; color: #333; line-height: 40px; }
.sec-title p i { display: inline-block; width: 9px; height: 9px; background: #333; border-radius: 50%; vertical-align: middle; margin: -2px 10px 0; }
.more-btn { display: block; width: 156px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; text-align: center; border-radius: 22px; background: #2e3643; position: absolute; top: 50%; right: 0; margin-top: -22px; }
.more-btn::after { content: '\203A'; font-size: 20px; margin-left: 8px; vertical-align: -2px; }
.more-btn:hover { background: #183980; }
.prod-menu { margin-bottom: 30px; padding: 20px 40px; background: #fff; display: flex; justify-content: space-around; }
.prod-menu a { display: block; height: 40px; line-height: 40px; color: #999; font-size: 16px; font-weight: bold; position: relative; padding: 0 6px; }
.prod-menu a i { display: block; width: 0; height: 2px; background: #183980; position: absolute; bottom: 0; left: 0; transition: width .3s; font-style: normal; }
.prod-menu a:hover { color: #333; }
.prod-menu a:hover i { width: 100%; }
.prod-list ul { margin: 0 -10px; }
.prod-list li { width: 25%; padding: 0 10px; margin-bottom: 30px; float: left; }
.prod-card { background: #fff; }
.prod-img { width: 100%; height: 280px; overflow: hidden; }
.prod-img a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.prod-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.prod-list li:hover .prod-img img, .plist-right li:hover .prod-img img { transform: scale(1.1); }
.prod-img a i { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 100%; width: 100%; height: 100%; background: rgba(0,0,0,.5); color: #fff; font-size: 46px; font-style: normal; font-weight: 200; transition: bottom .35s; }
.prod-list li:hover .prod-img a i, .plist-right li:hover .prod-img a i { bottom: 0; }
.prod-name a { display: block; height: 60px; line-height: 40px; padding: 10px 20px; background: #2e3643; color: #fff; font-size: 18px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prod-list li:hover .prod-name a, .plist-right li:hover .prod-name a, .rel-list li:hover .rel-name a { background: #183980; color: #fff; }

/* ===== 居中水印标题 ===== */
.sec-c { margin: 0 auto 40px; text-align: center; }
.sec-c span { display: block; height: 50px; line-height: 50px; font-size: 60px; font-weight: bold; color: #333; text-transform: uppercase; opacity: .06; }
.sec-c p { font-size: 30px; font-weight: bold; color: #333; line-height: 40px; margin-top: -20px; }
.sec-c p i { display: inline-block; width: 9px; height: 9px; background: #183980; border-radius: 50%; vertical-align: middle; margin: -2px 10px 0; }

/* ===== 关于区（视差深色图） ===== */
.about-zone { overflow: hidden; padding: 80px 0; background: #1b2b55 url('https://images.unsplash.com/1505216980056-a7b7b1c6e000?w=1920&h=900&fit=crop&auto=format&q=80') center center no-repeat; background-size: cover; background-attachment: fixed; }
.about-zone .sec-c span, .about-zone .sec-c p { color: #fff; }
.about-desc { max-height: 120px; overflow: hidden; line-height: 30px; color: #fff; font-size: 16px; text-align: center; opacity: .7; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.about-data { margin: 80px auto; }
.about-data ul { margin: 0 -40px; }
.about-data li { width: 25%; padding: 0 40px; float: left; text-align: center; }
.about-data li i { display: block; width: 80px; height: 80px; margin: 0 auto; }
.about-data li i svg { width: 100%; height: 100%; display: block; }
.about-data li p { font-size: 44px; line-height: 44px; color: #fff; font-weight: bold; font-family: Impact, Arial Black, sans-serif; margin: 20px auto 0; }
.about-data li span { display: block; font-size: 16px; line-height: 30px; color: #fff; }
.about-more { display: block; width: 156px; height: 44px; line-height: 44px; color: #2e3643; font-size: 16px; text-align: center; border-radius: 22px; background: #fff; margin: 0 auto; }
.about-more:hover { color: #fff; background: #183980; }

/* ===== 新闻区（#f2f2f2 + tab + 覆盖式卡片） ===== */
.news-zone { overflow: hidden; padding: 80px 0; background: #f2f2f2; }
.news-tab { text-align: center; margin: 0 auto 40px; }
.news-tab li { display: inline-block; height: 50px; line-height: 48px; padding: 0 29px; margin: 0 8px; border: 1px solid #2e3643; color: #2e3643; font-size: 18px; cursor: pointer; }
.news-tab li:hover, .news-tab li.active { color: #fff; background: #183980; border-color: #183980; }
.news-list dl { margin: 0 -10px; }
.news-list dd { width: 25%; padding: 0 10px; float: left; }
.news-card { position: relative; height: 330px; overflow: hidden; }
.news-img { width: 100%; height: 330px; overflow: hidden; }
.news-img a { display: block; width: 100%; height: 100%; overflow: hidden; }
.news-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news-list dd:hover .news-img img { transform: scale(1.1); }
.news-txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 60px 30px; background: #fff; z-index: 1; }
.news-list dd:hover .news-txt { background: rgba(0,0,0,.6); }
.news-txt span { display: block; line-height: 30px; color: #666; font-size: 18px; }
.news-list dd:hover .news-txt span { color: #fff; }
.news-txt span em { display: inline-block; font-size: 30px; font-weight: bold; font-style: normal; vertical-align: middle; margin-right: 20px; }
.news-name { display: block; height: 36px; line-height: 36px; font-size: 18px; color: #333; margin: 20px auto 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list dd:hover .news-name { color: #fff; }
.news-txt p { height: 84px; overflow: hidden; line-height: 28px; color: #999; font-size: 14px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news-list dd:hover .news-txt p { color: rgba(255,255,255,.6); }
.news-btn { position: absolute; bottom: -34px; left: 0; width: 100%; z-index: 2; transition: bottom .3s; }
.news-list dd:hover .news-btn { bottom: 0; }
.news-btn a { display: block; width: 100%; height: 44px; line-height: 44px; background: #183980; color: #fff; font-size: 16px; text-align: center; }
.news-more { display: block; width: 156px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; text-align: center; border-radius: 22px; background: #2e3643; margin: 40px auto 0; }
.news-more::after { content: '\203A'; font-size: 20px; margin-left: 8px; vertical-align: -2px; }
.news-more:hover { background: #183980; }

/* ===== 联系区（视差 + 左大卡右双卡） ===== */
.contact-zone { overflow: hidden; padding: 100px 0; background: #16243f url('https://images.unsplash.com/1609412058473-c199497c3c5d?w=1920&h=900&fit=crop&auto=format&q=80') center center no-repeat; background-size: cover; background-attachment: fixed; }
.contact-title { margin-bottom: 40px; text-align: right; }
.contact-title p { line-height: 40px; color: #fff; font-size: 30px; font-weight: bold; margin-bottom: 10px; }
.contact-title span { display: block; line-height: 30px; color: #fff; font-size: 16px; }
.contact-list { padding-left: 40%; }
.contact-list dl { margin: 0 -12px; }
.contact-list dt { width: 62%; padding: 0 12px; float: left; }
.contact-list dd { width: 38%; padding: 0 12px; margin-bottom: 24px; float: left; }
.contact-con { position: relative; width: 100%; overflow: hidden; }
.contact-list dt .contact-con { height: 404px; padding: 60px; background: #183980; }
.contact-list dd .contact-con { height: 190px; padding: 24px; background: #fff; }
.contact-con > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.contact-list dt .contact-con > img { opacity: .15; }
.contact-list dd .contact-con > img { opacity: .3; }
.contact-txt { position: relative; z-index: 1; width: 100%; height: 100%; }
.contact-list dd .contact-txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; height: auto; }
.contact-tit01 { line-height: 40px; color: #fff; font-size: 30px; font-weight: bold; margin-bottom: 24px; }
.contact-list dt .contact-con p { line-height: 36px; color: #fff; font-size: 18px; text-align: justify; margin: 0 auto 30px; }
.contact-more { display: block; width: 156px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; text-align: center; border-radius: 22px; background: #2e3643; float: right; }
.contact-more:hover { background: #fff; color: #183980; }
.contact-tit02 { display: block; line-height: 40px; color: #333; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 10px; }
.contact-list dd .contact-txt p { line-height: 30px; color: #333; font-size: 18px; text-align: center; }
.contact-list dd:hover .contact-con { background: #000; }
.contact-list dd:hover .contact-con > img { opacity: .5; }
.contact-list dd:hover .contact-tit02, .contact-list dd:hover .contact-txt p { color: #fff; }

/* ===== 页脚 ===== */
.footer { overflow: hidden; background: #151c28; border-top: 8px solid #183980; }
.foot-main { margin: 0 auto; }
.pd-con { width: 100%; overflow: hidden; }
.news-tabcon { width: 100%; overflow: hidden; }
.foot-head { padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.foot-logo { float: left; display: flex; align-items: center; gap: 12px; }
.foot-logo .logo-ico { width: 40px; height: 40px; }
.foot-logo b { color: #fff; font-size: 22px; }
.foot-tel { float: right; line-height: 40px; color: #fff; font-size: 32px; font-weight: bold; }
.foot-middle { margin: 60px auto 40px; }
.foot-menu { float: left; }
.foot-menu li { float: left; padding-left: 140px; }
.foot-menu li:first-child { padding-left: 0; }
.foot-menu li span { display: block; height: 30px; line-height: 30px; color: #fff; font-size: 18px; margin-bottom: 15px; }
.foot-menu li p { max-height: 140px; overflow: hidden; }
.foot-menu li p a { display: block; max-width: 200px; height: 30px; line-height: 30px; color: rgba(255,255,255,.5); font-size: 14px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.foot-menu li p a:hover { color: #fff; }
.foot-right { float: right; margin-top: -40px; text-align: right; }
.foot-email { margin-bottom: 20px; }
.foot-email span { display: block; height: 30px; line-height: 30px; color: #fff; font-size: 20px; margin-bottom: 8px; }
.foot-email p { line-height: 22px; color: #fff; font-size: 14px; }
.foot-ewm i { display: inline-block; width: 124px; height: 124px; overflow: hidden; margin-bottom: 6px; }
.foot-ewm i img { display: block; width: 100%; height: 100%; }
.foot-ewm p { line-height: 22px; color: rgba(255,255,255,.5); font-size: 14px; }
.links-bar { margin: 40px auto; padding: 10px 20px; background: #1c232f; }
.links-title { float: left; width: 130px; height: 34px; line-height: 34px; color: #fff; font-size: 16px; }
.links-title i { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; background: #fff; border-radius: 50%; margin-right: 8px; float: left; padding: 7px; }
.links-title i svg { width: 100%; height: 100%; display: block; }
.links-list { float: right; width: calc(100% - 130px); padding: 3px 0; }
.links-list a { display: inline-block; line-height: 28px; color: rgba(255,255,255,.5); font-size: 14px; margin-right: 16px; }
.links-list a:hover { color: #fff; }
.foot-copy { margin-top: 40px; padding-bottom: 40px; }
.foot-copy p { line-height: 28px; color: rgba(255,255,255,.5); font-size: 14px; text-align: center; }
.foot-copy p a { color: rgba(255,255,255,.5); }
.foot-copy p a:hover { color: #fff; }

/* ===== 内页 banner + 面包屑 ntit ===== */
.n-banner { height: 500px; margin-top: 94px; position: relative; overflow: hidden; background: #2e3643; }
.n-banner > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.n-banner::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,36,88,.45), rgba(8,18,48,.6)); }
.nban-con { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1400px; max-width: 94%; z-index: 2; text-align: center; }
.nban-con span { display: block; line-height: 30px; color: rgba(255,255,255,.25); font-size: 24px; text-transform: uppercase; letter-spacing: 3px; }
.nban-con i { display: block; width: 40px; height: 3px; background: #fff; margin: 10px auto 17px; }
.nban-con p { line-height: 40px; color: #fff; font-size: 36px; font-weight: bold; }
.ntit { background: #fff; border-bottom: 1px solid #eee; position: relative; z-index: 9; }
.ntt { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; }
.ntt h1 { font-size: 22px; color: #333; font-weight: bold; }
.ntt i { font-style: normal; font-size: 14px; color: #999; letter-spacing: 2px; margin-left: 12px; }
.weiz { font-size: 14px; color: #666; }
.weiz a { color: #666; }
.weiz a:hover { color: #183980; }

/* ===== 内页侧栏 ===== */
.side-box { width: 100%; background: #fff; border: 1px solid #eee; margin-top: 40px; }
.pd-right .side-box { margin-top: 0; }
.pd-right .side-box + .side-box { margin-top: 30px; }
.side-hd { padding: 40px 20px 0; }
.side-hd p { font-size: 24px; line-height: 32px; color: #333; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 8px; }
.side-hd span { display: block; height: 24px; line-height: 24px; color: #999; font-size: 15px; letter-spacing: 2.5px; }
.side-type .bd li { padding: 0 20px; border-bottom: 1px solid #eee; }
.side-type .bd li:last-child { border-bottom: 0; }
.side-type .bd li a { display: block; height: 60px; line-height: 60px; color: #333; font-size: 16px; font-weight: bold; }
.side-type .bd li.on a, .side-type .bd li a:hover { color: #183980; }
.side-news .list dd { padding: 0 20px; border-bottom: 1px solid #eee; }
.side-news .list dd:last-child { border-bottom: 0; }
.side-news .list dd a { display: block; height: 40px; line-height: 40px; color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-news .list dd a:hover { color: #183980; }

/* ===== 分组标题（产品/新闻列表锚点） ===== */
.list-cat { margin: 0 0 24px; padding-left: 14px; border-left: 6px solid #183980; font-size: 24px; font-weight: bold; color: #333; line-height: 32px; }
.list-cat em { font-style: normal; font-size: 14px; color: #999; margin-left: 10px; letter-spacing: 2px; }

/* ===== 产品列表页 ===== */
.plist-zone { width: 1400px; margin: 0 auto 60px; overflow: hidden; }
.pside { width: 24%; float: left; }
.plist-right { width: 76%; float: right; padding-left: 40px; margin-top: 40px; }
.plist-right ul { margin: 0 -10px 30px; overflow: hidden; }
.plist-right li { width: 33.3333%; padding: 0 10px; margin-bottom: 30px; float: left; }

/* ===== 产品详情页 ===== */
.pdetail { width: 1400px; margin: 0 auto; }
.pd-main { margin: 60px auto; padding: 20px; background: #f9f9f9; overflow: hidden; }
.pd-img { width: 40.5%; float: left; }
.pd-big { width: 100%; height: 382px; background: #fff; overflow: hidden; }
.pd-big img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pd-thumbs { margin-top: 10px; }
.pd-thumbs ul { margin: 0 -5px; overflow: hidden; }
.pd-thumbs li { width: 33.3333%; height: 88px; padding: 0 5px; float: left; cursor: pointer; }
.pd-thumbs li p { height: 100%; border: 1px solid #eee; background: #fff; overflow: hidden; }
.pd-thumbs li img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pd-thumbs li.cur p { border-color: #183980; }
.pd-text { width: 59.5%; float: right; padding: 20px 0 20px 40px; }
.pd-name { font-size: 28px; font-weight: bold; color: #333; line-height: 40px; padding-left: 20px; position: relative; margin-bottom: 20px; }
.pd-name i { position: absolute; left: 4px; top: 7px; width: 4px; height: 26px; background: #183980; }
.pd-ms { margin: 20px auto 19px; padding: 15px 20px; background: #fff; }
.pd-ms span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 30px; color: #999; font-size: 16px; text-align: justify; }
.pd-ms b { color: #333; }
.pd-tags dd { width: 50%; padding: 15px 0; float: left; }
.pd-tags dd:nth-child(1), .pd-tags dd:nth-child(2) { border-bottom: 1px solid #e5e5e5; }
.pd-tags dd p { height: 40px; line-height: 40px; color: #333; font-size: 16px; padding-left: 30px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-tags dd p svg { position: absolute; left: 0; top: 9px; width: 22px; height: 22px; }
.pd-tags dd p span { color: #999; }
.pd-btm { height: 80px; margin-top: 20px; padding: 16px 30px; background: #183980; overflow: hidden; }
.pd-tel { width: 70%; height: 48px; float: left; padding-left: 64px; border-right: 1px solid rgba(255,255,255,.2); position: relative; }
.pd-tel svg { position: absolute; left: 0; top: 0; width: 48px; height: 48px; }
.pd-tel span { display: block; height: 20px; line-height: 20px; color: rgba(255,255,255,.5); font-size: 16px; }
.pd-tel p { height: 26px; line-height: 26px; color: #fff; font-size: 24px; font-weight: bold; margin-top: 2px; }
.pd-btn { display: block; float: right; line-height: 48px; color: #fff; font-size: 16px; }
.pd-btn:hover { text-decoration: underline; }
.pd-content { margin: 60px auto; overflow: hidden; }
.pd-right { width: 24%; float: right; }
.pd-left { width: 76%; float: left; padding-right: 40px; }
.pd-tit { border-top: 1px solid #e6e6e6; margin-bottom: 30px; }
.pd-tit span { display: inline-block; height: 44px; line-height: 44px; padding: 0 30px; background: #183980; color: #fff; font-size: 18px; font-weight: bold; }
.pd-body { color: #666; font-size: 16px; line-height: 28px; min-height: 300px; }
.pd-body p { margin-bottom: 16px; text-align: justify; }
.param-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.param-table th, .param-table td { border: 1px solid #e6e6e6; padding: 10px 16px; font-size: 14px; color: #555; text-align: left; }
.param-table th { width: 180px; background: #f9f9f9; font-weight: bold; color: #333; }
.feat-list { margin: 10px 0 20px; }
.feat-list li { position: relative; padding-left: 24px; line-height: 36px; color: #666; }
.feat-list li::before { content: ''; position: absolute; left: 4px; top: 14px; width: 8px; height: 8px; background: #183980; border-radius: 50%; }
.rel-wrap { margin-top: 50px; }
.rel-list { margin: 0 -10px; overflow: hidden; }
.rel-list li { width: 25%; padding: 0 10px; float: left; }
.rel-card { background: #fff; }
.rel-img { height: 150px; overflow: hidden; }
.rel-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rel-name a { display: block; height: 44px; line-height: 44px; padding: 0 12px; background: #2e3643; color: #fff; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pn-bar { margin: 40px auto 0; padding: 10px 20px; background: #183980; overflow: hidden; }
.pn-prev, .pn-next { width: 42%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pn-prev { float: left; }
.pn-next { float: right; text-align: right; }
.pn-bar a { color: #fff; }
.pn-bar a:hover { text-decoration: underline; }
.pn-all { float: left; width: 16%; text-align: center; line-height: 40px; }
.pn-all a { display: inline-block; padding: 0 18px; background: rgba(255,255,255,.15); border-radius: 4px; color: #fff; font-size: 14px; }
.pn-all a:hover { background: #fff; color: #183980; }

/* ===== 在线留言区 ===== */
.order-zone { margin-top: 60px; background: #fff; padding: 60px 0; }
.order-main { overflow: hidden; }
.order-left { width: 28%; height: 460px; background: #183980; padding: 40px; float: left; }
.order-title p { line-height: 40px; color: #fff; font-size: 36px; font-weight: bold; }
.order-title i { display: block; width: 40px; height: 3px; background: #fff; margin: 14px 0 10px; }
.order-title span { line-height: 30px; color: rgba(255,255,255,.5); font-size: 16px; letter-spacing: 2px; }
.order-img { margin-top: 30px; height: 200px; overflow: hidden; }
.order-img img { width: 100%; height: 100%; object-fit: cover; opacity: .85; }
.order-right { width: 72%; padding-left: 40px; float: right; }
.msg-form ul { overflow: hidden; }
.msg-form li { width: 48%; float: left; margin-bottom: 25px; }
.msg-form li:nth-child(even) { float: right; }
.msg-form li.wide { width: 100%; }
.f-ipt input { display: block; width: 100%; height: 60px; line-height: 60px; padding: 0 20px; background: #f2f2f2; border: 0; outline: none; font-size: 16px; color: #555; }
.f-tar textarea { display: block; width: 100%; height: 150px; line-height: 30px; padding: 15px 20px; background: #f2f2f2; border: 0; outline: none; resize: none; font-size: 16px; color: #555; font-family: inherit; }
.msg-btn { margin-top: 15px; }
.msg-btn input { width: 200px; height: 60px; background: #333; color: #fff; border: 0; cursor: pointer; font-size: 16px; }
.msg-btn input:hover { background: #183980; }

/* ===== 新闻列表页 ===== */
.nlist-zone { width: 1400px; margin: 40px auto 60px; }
.nlist li { padding: 40px 0; border-bottom: 1px solid #eee; overflow: hidden; }
.nlist-time { width: 80px; height: 80px; background: #2e3643; border-radius: 8px; padding: 15px 0 13px; float: left; text-align: center; }
.nlist li:hover .nlist-time { background: #183980; }
.nlist-time span { display: block; height: 20px; line-height: 20px; color: #fff; font-size: 16px; margin-bottom: 2px; }
.nlist-time p { display: block; height: 30px; line-height: 30px; color: #fff; font-size: 26px; font-weight: bold; }
.nlist-text { float: right; width: calc(100% - 104px); }
.nlist-name { display: block; height: 40px; line-height: 40px; color: #333; font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nlist li:hover .nlist-name { color: #183980; }
.nlist-text > p { max-height: 60px; overflow: hidden; line-height: 30px; color: #999; font-size: 16px; text-align: justify; margin: 10px auto 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.nlist-more { display: block; height: 30px; line-height: 30px; color: #999; font-size: 16px; }
.nlist-more i { display: inline-block; font-style: normal; margin-left: 10px; transition: margin .3s; }
.nlist li:hover .nlist-more { color: #183980; }
.nlist li:hover .nlist-more i { margin-left: 20px; }

/* ===== 新闻详情页 ===== */
.ndetail { width: 1400px; margin: 0 auto; }
.nd-main { margin: 60px auto; }
.nd-name { font-size: 30px; color: #333; line-height: 44px; margin-bottom: 20px; font-weight: bold; }
.nd-tips { padding: 0 0 10px; border-bottom: 1px solid #e6e6e6; margin-bottom: 40px; color: #999; font-size: 16px; }
.nd-tips span { display: inline-flex; align-items: center; margin-right: 40px; }
.nd-tips span svg { width: 16px; height: 16px; margin-right: 8px; }
.nd-content { color: #666; font-size: 16px; line-height: 28px; min-height: 300px; }
.nd-content p { margin-bottom: 18px; text-align: justify; }
.nd-content img { display: block; max-width: 100%; margin: 14px auto 24px; }

/* ===== 关于我们页 ===== */
.az-zone { width: 1400px; margin: 0 auto; }
.az-main { margin: 60px auto; }
.az-con p { line-height: 30px; color: #666; font-size: 16px; text-align: justify; margin-bottom: 10px; }
.az-dataimg { margin-top: 40px; overflow: hidden; }
.az-data { width: 31.4%; height: 560px; padding: 80px 50px; background: #183980; float: left; }
.az-data li { margin-bottom: 50px; }
.az-data li p { height: 48px; line-height: 48px; color: #fff; font-size: 48px; font-weight: bold; }
.az-data li p sub { font-size: 16px; font-weight: normal; margin-left: 10px; vertical-align: baseline; }
.az-data li span { display: block; height: 20px; line-height: 20px; color: #fff; font-size: 18px; }
.az-img { width: 68.6%; height: 560px; float: right; overflow: hidden; position: relative; }
.az-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.az-img:hover img { transform: scale(1.1); }
.tl-wrap { margin: 60px auto; }
.tl-list li { position: relative; padding: 0 0 40px 30px; border-left: 2px solid #e6e6e6; }
.tl-list li:last-child { padding-bottom: 0; }
.tl-list li::before { content: ''; position: absolute; left: -8px; top: 4px; width: 12px; height: 12px; background: #fff; border: 3px solid #183980; border-radius: 50%; }
.tl-year { font-size: 24px; color: #183980; font-weight: bold; line-height: 32px; margin-bottom: 8px; }
.tl-body h3 { font-size: 18px; color: #333; margin-bottom: 8px; font-weight: bold; }
.tl-body p { color: #999; font-size: 14px; line-height: 24px; max-width: 900px; }
.culture-zone { padding: 60px 0; background: #f9f9f9; }
.culture-list { overflow: hidden; }
.culture-list li { width: 25%; padding: 0 15px; float: left; }
.cul-card { background: #fff; padding: 40px 30px; text-align: center; height: 100%; }
.cul-card .cul-ico { width: 64px; height: 64px; margin: 0 auto 20px; }
.cul-card .cul-ico svg { width: 100%; height: 100%; display: block; }
.cul-card p { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 12px; }
.cul-card .cul-line { display: block; width: 40px; height: 3px; background: #183980; margin: 0 auto 16px; }
.cul-card span { display: block; color: #999; font-size: 14px; line-height: 24px; }
.culture-list li:hover .cul-card { background: #183980; }
.culture-list li:hover .cul-card p { color: #fff; }
.culture-list li:hover .cul-card .cul-line { background: #fff; }
.culture-list li:hover .cul-card span { color: rgba(255,255,255,.7); }
.team-zone { margin: 60px auto; }
.team-list { overflow: hidden; }
.team-list li { width: 33.3333%; padding: 0 15px; margin-bottom: 30px; float: left; }
.team-card { background: #fff; border: 1px solid #eee; overflow: hidden; }
.team-card:hover { transform: translateY(-6px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.team-img { height: 300px; overflow: hidden; }
.team-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.team-info { padding: 20px; text-align: center; }
.team-name { font-size: 20px; color: #333; margin-bottom: 6px; font-weight: bold; }
.team-job { color: #999; font-size: 14px; }

/* ===== 联系我们页 ===== */
.cu-zone { min-height: 320px; }
.cu-infor { padding: 60px 0; background: #f9f9f9; }
.cu-main { margin: 0 auto; }
.cu-con { background: #fff; overflow: hidden; }
.cu-ewm { width: 28.5%; height: 250px; padding: 40px; background: #183980; float: left; text-align: center; }
.cu-ewm p { color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.cu-ewm span { display: block; width: 120px; height: 120px; margin: 0 auto; padding: 9px; border: 1px solid rgba(255,255,255,.25); }
.cu-ewm span img { display: block; width: 100px; height: 100px; margin: 0 auto; }
.cu-lxfs { width: 71.5%; height: 250px; padding: 67px 0; float: right; }
.cu-lxfs li { width: 33.3333%; padding: 0 20px; border-right: 1px solid #e6e6e6; float: left; text-align: center; }
.cu-lxfs li:last-child { border-right: 0; }
.cu-lxfs li svg { display: block; width: 44px; height: 44px; margin: 0 auto 20px; }
.cu-lxfs li span { display: block; line-height: 30px; color: #333; font-size: 18px; margin-bottom: 4px; }
.cu-lxfs li p { line-height: 22px; color: #999; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cu-map { margin: 60px auto; }
.map-box { width: 100%; height: 500px; overflow: hidden; }
.map-box iframe { width: 100%; height: 100%; border: 0; display: block; }

@media (max-width: 1680px) {
  .menubox { right: 196px; }
  .nav-list > ul > li { padding: 0 21px; }
}
@media (max-width: 1560px) {
  .menubox { right: 186px; }
  .nav-list > ul > li { padding: 0 18px; }
}
@media (max-width: 1440px) {
  .topbox { height: 80px; }
  .lotbox { left: 3%; height: 80px; }
  .logo-ico { width: 44px; height: 44px; }
  .logo-txt b { font-size: 21px; line-height: 28px; }
  .logo-txt em { font-size: 11px; }
  .search-btn, .tel-block { width: 80px; height: 80px; }
  .tel-block i { width: 32px; height: 32px; margin: 24px auto; }
  .tel-block p { height: 80px; padding: 20px 0; font-size: 24px; line-height: 40px; }
  .tel-block:hover p { padding: 20px 0 20px 20px; }
  .menubox { right: 176px; height: 80px; }
  .nav-list > ul > li { padding: 0 16px; }
  .nav-list > ul > li > a { font-size: 16px; padding: 10px 0; line-height: 44px; }
  .nav-list > ul > li > ul { top: 76px; }
  .z-mask, .search-drop { top: 80px; }
  .search-drop { transform: translateY(80px); padding: 30px 0; }
  .search-drop form { height: 61px; }
  .search-drop .sc-ipt input { height: 60px; line-height: 60px; font-size: 16px; }
  .search-drop .sc-btn { width: 60px; height: 60px; }
  .search-drop .sc-btn svg { width: 28px; height: 28px; }
  .banner { height: 530px; margin-top: 80px; }
  .ba-control { height: 80px; bottom: -40px; }
  .ba-control::before { width: 24%; }
  .ba-main { margin-top: -80px; }
  .ba-dots { height: 80px; padding: 32px 16px; width: 300px; }
  .ba-prev, .ba-next svg { width: 36px; height: 36px; }
  .prod-zone { padding: 100px 0 30px; }
  .sec-title p { font-size: 28px; }
  .prod-img { height: 270px; }
  .prod-name a { height: 52px; font-size: 16px; padding: 6px 20px; line-height: 40px; }
  .sec-c span { font-size: 52px; }
  .sec-c p { font-size: 28px; }
  .about-zone { padding: 60px 0; }
  .about-data { margin: 60px auto; }
  .news-zone { padding: 60px 0; }
  .news-img, .news-card { height: 290px; }
  .news-txt { padding: 30px 20px 60px; }
  .contact-zone { padding: 60px 0; }
  .contact-list dt .contact-con { height: 340px; padding: 40px 60px; }
  .contact-list dd .contact-con { height: 160px; }
  .contact-tit01, .contact-tit02 { font-size: 28px; }
  .foot-middle { margin: 40px auto 30px; }
  .foot-right { margin-top: -20px; }
  .n-banner { height: 440px; margin-top: 80px; }
  .nban-con p { font-size: 32px; }
}
@media (max-width: 1280px) {
  .nav-list > ul > li { padding: 0 13px; }
  .banner { height: 468px; }
  .prod-img { height: 240px; }
  .sec-title p, .sec-c p { font-size: 26px; }
  .more-btn { width: 140px; height: 40px; line-height: 40px; font-size: 15px; }
  .news-img, .news-card { height: 270px; }
  .n-banner { height: 400px; }
  .cu-lxfs li p { font-size: 14px; }
}
@media (max-width: 1200px) {
  .nav-toggle { display: flex; }
  .menubox { position: fixed; left: 0; top: 0; right: auto; width: 60%; height: 100%; background: #fff; z-index: 10001; transform: translateX(-100%); overflow-y: auto; }
  .menubox.open { transform: none; }
  .menubox .nav-list { padding-top: 0; }
  .menubox .nav-list > ul > li { float: none; width: 100%; padding: 0; border-bottom: 1px solid rgba(85,87,89,.1); }
  .menubox .nav-list > ul > li > a { display: block; width: 100%; line-height: 60px; padding: 0 20px; font-size: 18px; text-align: left; }
  .menubox .nav-list > ul > li:hover, .menubox .nav-list > ul > li.active { background: #183980; }
  .menubox .nav-list > ul > li:hover > a, .menubox .nav-list > ul > li.active > a { color: #fff; }
  .menubox .nav-list > ul > li > a::after { display: none; }
  .menubox .nav-list > ul > li > ul { display: none; position: static; width: 100%; background: #f8f8f8; border-top: 0; box-shadow: none; }
  .menubox .nav-list > ul > li > ul > li > a { text-align: left; padding: 0 40px; height: 48px; line-height: 48px; color: #888; }
  .nav-mask { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 10000; }
  .nav-mask.on { display: block; }
  .banner { height: 442px; }
  .ba-control { height: 60px; bottom: -30px; }
  .ba-control::before { width: 20%; }
  .ba-main { margin-top: -60px; padding-left: 60px; }
  .ba-line { left: 60px; width: 100px; }
  .ba-dots { width: 240px; height: 60px; margin-left: 40px; padding: 20px 10px; }
  .ba-prev, .ba-next { width: 30px; height: 30px; }
  .ba-prev svg, .ba-next svg { width: 30px; height: 30px; }
  .prod-zone { padding: 90px 0 30px; }
  .prod-img { height: 224px; }
  .news-tab li { height: 48px; line-height: 46px; font-size: 16px; }
  .n-banner { height: 360px; }
  .contact-list { padding-left: 34%; }
  .plist-zone, .pdetail, .nlist-zone, .ndetail, .az-zone, .cu-main, .cu-map { width: 94%; }
  .plist-right { padding-left: 24px; }
  .pd-left { padding-right: 24px; }
}
@media (max-width: 1080px) {
  .prod-img { height: 200px; }
  .contact-list dt .contact-con { padding: 30px 40px; }
  .cu-lxfs { padding: 50px 0; height: auto; }
  .cu-ewm { height: auto; }
  .n-banner { height: 320px; }
}
@media (max-width: 920px) {
  .prod-zone { padding: 70px 0 20px; }
  .prod-menu { padding: 10px 20px; overflow-x: auto; }
  .prod-menu a { font-size: 15px; }
  .prod-list li { margin-bottom: 20px; }
  .prod-img { height: 170px; }
  .prod-name a { height: 40px; padding: 0 12px; line-height: 40px; font-size: 14px; }
  .news-zone { padding: 40px 0; }
  .about-data ul { margin: 0 -20px; }
  .about-data li { padding: 0 20px; }
  .sec-c span { font-size: 44px; }
  .sec-c p { font-size: 24px; }
  .contact-zone { padding: 40px 0; }
  .contact-list dt .contact-con { height: 260px; padding: 20px 30px; }
  .contact-list dd .contact-con { height: 120px; }
  .contact-tit01, .contact-tit02 { font-size: 22px; }
  .foot-menu li { padding-left: 60px; }
  .n-banner { height: 280px; }
  .plist-right li, .culture-list li, .team-list li { width: 50%; }
  .pd-img, .pd-text { width: 100%; float: none; }
  .pd-text { padding: 20px 0 0; }
  .pd-right, .pd-left { width: 100%; float: none; }
  .pd-left { padding-right: 0; margin-top: 40px; }
  .az-data { width: 100%; height: auto; padding: 40px 30px; }
  .az-data li { margin-bottom: 30px; }
  .az-img { width: 100%; height: 300px; float: none; margin-top: 20px; }
  .cu-ewm { width: 100%; }
  .cu-lxfs { width: 100%; height: auto; padding: 30px 0; }
  .cu-lxfs li { border-right: 0; width: 100%; margin-bottom: 20px; }
  .map-box { height: 300px; }
}
@media (max-width: 820px) {
  .banner { height: 344px; }
  .prod-img { height: 150px; }
  .news-list dd { width: 50%; margin-bottom: 20px; }
  .news-img, .news-card { height: 240px; }
  .news-txt { padding: 20px 12px 40px; }
  .contact-list { padding-left: 0; }
  .contact-list dt, .contact-list dd { width: 100%; float: none; padding: 0 6px; }
  .contact-list dt { margin-bottom: 12px; }
  .contact-list dd { width: 50%; float: left; margin: 0 0 12px; }
  .rel-list li { width: 50%; margin-bottom: 15px; }
  .msg-form li { width: 100%; float: none; }
  .msg-form li:nth-child(even) { float: none; }
  .order-left { width: 100%; height: auto; float: none; }
  .order-right { width: 100%; padding: 30px 0 0; float: none; }
  .ntt { flex-direction: column; align-items: flex-start; gap: 6px; }
}
@media (max-width: 767px) {
  .topbox { height: 60px; }
  .lotbox { left: 20px; height: 60px; }
  .logo-ico { width: 36px; height: 36px; }
  .logo-txt b { font-size: 17px; line-height: 24px; }
  .logo-txt em { font-size: 9px; letter-spacing: 2px; }
  .search-btn, .nav-toggle { width: 60px; height: 60px; }
  .nav-toggle { padding: 16px 14px; }
  .tel-block { display: none; }
  .z-mask, .search-drop { top: 60px; }
  .search-drop { transform: translateY(60px); padding: 20px 0; }
  .search-drop form { width: 90%; height: 45px; }
  .search-drop .sc-ipt input { height: 44px; line-height: 44px; font-size: 14px; }
  .search-drop .sc-btn { width: 44px; height: 44px; }
  .search-drop .sc-btn svg { width: 22px; height: 22px; }
  .banner { height: 240px; margin-top: 60px; }
  .banner-txt h2 { font-size: 26px; letter-spacing: 2px; }
  .banner-txt p { font-size: 13px; margin-top: 8px; }
  .banner-txt .ba-tag { width: 120px; height: 36px; line-height: 36px; font-size: 13px; margin-top: 16px; }
  .ba-control { height: 40px; bottom: -20px; }
  .ba-control::before { width: 12%; }
  .ba-main { margin-top: -40px; padding-left: 16px; }
  .ba-line { display: none; }
  .ba-dots { width: 140px; height: 40px; margin-left: 12px; padding: 12px 6px; }
  .ba-prev, .ba-next { width: 20px; height: 20px; }
  .ba-prev svg, .ba-next svg { width: 20px; height: 20px; }
  .ba-dot { width: 10px; height: 10px; margin: 0 4px; }
  .ba-dot::before { width: 4px; height: 4px; }
  .sec-c span { font-size: 40px; height: 40px; line-height: 40px; }
  .sec-c p { font-size: 22px; height: 32px; line-height: 32px; margin-top: -16px; }
  .prod-list ul { margin: 0 -6px; }
  .prod-list li { width: 50%; padding: 0 6px; }
  .prod-img { height: 160px; }
  .about-data ul { margin: 0 -10px; }
  .about-data li { width: 50%; padding: 0 10px; margin-bottom: 20px; }
  .about-data li p { font-size: 32px; line-height: 40px; }
  .news-tab li { margin: 0 4px; padding: 0 20px; }
  .footer { border-top-width: 4px; }
  .foot-head { padding: 20px 0 0; border-bottom: 0; }
  .foot-logo { float: none; justify-content: center; margin-bottom: 12px; }
  .foot-tel { float: none; text-align: center; font-size: 24px; }
  .foot-middle { margin: 20px auto; }
  .foot-menu { display: none; }
  .foot-right { float: none; margin: 0; text-align: center; }
  .foot-ewm i { display: block; margin: 0 auto 6px; }
  .links-bar { margin: 20px auto; }
  .links-title { float: none; }
  .links-list { width: 100%; margin-top: 10px; float: none; }
  .foot-copy { margin-top: 14px; padding-bottom: 14px; }
  .n-banner { height: 200px; margin-top: 60px; }
  .nban-con p { font-size: 26px; }
  .nban-con span { font-size: 16px; }
  .pside, .plist-right { width: 100%; float: none; }
  .plist-right { padding-left: 0; margin-top: 0; }
  .plist-right li { width: 50%; }
  .pd-name { font-size: 22px; }
  .pd-thumbs li { height: 70px; }
  .nlist-name { font-size: 18px; height: 32px; line-height: 32px; }
  .nd-name { font-size: 22px; }
  .team-list li, .plist-right li { width: 50%; }
  .pn-prev, .pn-next { width: 100%; text-align: left; float: none; }
  .pn-all { width: 100%; margin: 8px 0; }
  .culture-list li { width: 50%; margin-bottom: 15px; }
}
@media (max-width: 390px) {
  .prod-img { height: 150px; }
  .news-list dd { width: 100%; }
  .plist-right li, .culture-list li { width: 100%; }
  .n-banner { height: 170px; }
  .logo-txt b { font-size: 15px; }
  .logo-txt em { display: none; }
}

/* 企业文化图标可见性修正（蓝本缺陷：白卡白图标不可见） */
.cul-ico svg path, .cul-ico svg circle { transition: stroke .3s; }
.culture-list li:hover .cul-card .cul-ico svg path, .culture-list li:hover .cul-card .cul-ico svg circle { stroke: #fff; }