/* =====================================================================
 * chengyanjy.com 全站样式 — 还原参考站 https://demoall.5fa.cn/28563/
 * 深黑固定导航 #090a0c + 主强调 #00a1e9 + 次强调 #0245de + 区块交替 白/#f5f5f5
 * 页脚 #313131 | 版权条 border-top #424242 | 卡片hover 阴影上浮+图片scale1.1
 * ===================================================================== */
* { margin: 0; padding: 0; border: 0; }
body { background: #fff; overflow-x: hidden; color: #333; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei", "Arial", "Helvetica Neue", Helvetica, sans-serif; }
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: transparent; }
a:hover { color: #00a1e9; }
ul, li { list-style: none; }
em, i, cite { font-style: normal; }
img { vertical-align: middle; max-width: 100%; }
.wrap { clear: both; width: 96%; max-width: 1300px; margin: 0 auto; text-align: left; zoom: 1; overflow: hidden; }
.sec-gray { background-color: #f5f5f5; overflow: hidden; padding-bottom: 2.5%; }
.img-fallback { background: linear-gradient(135deg, #00a1e9, #0245de); }

/* ---- 淡入动画 ---- */
.js .anim { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.js .anim-1 { transition-delay: .1s; }
.js .anim-2 { transition-delay: .25s; }
.js .anim.anim-in { opacity: 1; transform: none; }

/* ---- 顶部: topbox > lotbox + menubox (深黑 #090a0c 固定) ---- */
.topbox { width: 100%; position: fixed; top: 0; left: 0; z-index: 100; background-color: #090a0c; box-shadow: 0 1px 10px rgba(0,0,0,.15); }
.blank-h { height: 100px; overflow: hidden; }
.lotbox { width: 96%; max-width: 1300px; margin: 0 auto; height: 54px; line-height: 54px; overflow: hidden; }
.logo-box { float: left; display: block; height: 54px; }
.logo-ico { width: 34px; height: 34px; margin-top: 10px; float: left; margin-right: 10px; }
.logo-txt { float: left; color: #fff; line-height: 1.1; padding-top: 9px; }
.logo-name { display: block; font-size: 20px; font-weight: bold; color: #fff; letter-spacing: 1px; }
.logo-sub { display: block; font-size: 11px; color: #8f9bb3; letter-spacing: 3px; margin-top: 3px; }
.top-tel { float: right; color: #8f9bb3; }
.top-tel-label { font-size: 12px; margin-right: 10px; color: #6f7a90; }
.top-tel-num { font-size: 20px; font-family: Arial; color: #fff; font-weight: bold; }
.top-tel-num:hover { color: #00a1e9; }
.nav-toggle { display: none; float: right; width: 44px; height: 54px; background: none; cursor: pointer; padding: 16px 8px; }
.nav-toggle span { display: block; height: 2px; background: #fff; margin: 5px 0; transition: all .3s; }
.nav-toggle-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle-open span:nth-child(2) { opacity: 0; }
.nav-toggle-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.menubox { width: 100%; text-align: center; height: 46px; }
.menu { display: inline-block; }
.menu-item { display: inline-block; margin: 0 22px; position: static; }
.menu-item a { display: block; position: relative; color: #c3c3c3; line-height: 46px; font-size: 16px; }
.menu-item a span { display: block; transition: all .3s; }
.menu-item a:after { content: ""; display: block; position: absolute; left: 50%; right: 50%; bottom: 0; height: 4px; opacity: 0; background-color: #00a1e9; transition: all .5s; }
.menu-item a:hover:after { left: 1%; right: 1%; opacity: 1; }
.menu-item a:hover { color: #fff; }
.menu-item.active a { color: #fff; }
.menu-item.active a:after { left: 1%; right: 1%; opacity: 1; }
.menu-item.has-sub > a span:after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 8px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #6f7a90; vertical-align: middle; }
.rel-wrap { overflow: hidden; padding-bottom: 10px; }
.subnav { display: none; position: absolute; left: 0; right: 0; top: 100px; background: rgba(0,0,0,.8); text-align: center; z-index: 110; }
.menu-item:hover .subnav { display: block; }
.subnav li { display: inline-block; line-height: 50px; margin: 0 10px; font-size: 14px; }
.subnav li a { color: #fff; display: block; height: 50px; line-height: 50px; padding: 0 5px; }
.subnav li a:hover { color: #00a1e9; }

/* ---- 首页 Banner 轮播 ---- */
.banner-slider { position: relative; overflow: hidden; }
.banner-viewport { overflow: hidden; }
.banner-list { display: flex; transition: transform .5s ease; }
.slide { flex: 0 0 100%; position: relative; }
.slide-img { width: 100%; display: block; height: 560px; object-fit: cover; }
.slide-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); display: flex; align-items: center; justify-content: center; }
.slide-slogan { text-align: center; color: #fff; width: 90%; }
.slide-slogan h2 { font-size: 42px; letter-spacing: 4px; text-shadow: 0 2px 12px rgba(0,0,0,.5); }
.slide-slogan p { font-size: 18px; margin-top: 18px; letter-spacing: 2px; color: #e8f4ff; }
.banner-prev, .banner-next { position: absolute; top: 50%; margin-top: -25px; width: 44px; height: 50px; background: rgba(0,0,0,.3); color: #fff; font-size: 26px; line-height: 50px; text-align: center; cursor: pointer; z-index: 5; user-select: none; }
.banner-prev { left: 2%; }
.banner-next { right: 2%; }
.banner-prev:hover, .banner-next:hover { background: #00a1e9; }
.banner-dots { position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; z-index: 5; }
.banner-dot { display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; background: rgba(255,255,255,.5); cursor: pointer; transition: all .3s; }
.banner-dot-active { background: #00a1e9; width: 28px; border-radius: 6px; }

/* ---- 区块标题 ---- */
.sec-title { margin-top: 5%; margin-bottom: 4%; overflow: hidden; text-align: center; }
.sec-title h2 { overflow: hidden; font-weight: bold; color: #000000; font-size: 41px; letter-spacing: -3px; font-family: Arial, "微软雅黑", sans-serif; }
.sec-title p { color: #000000; font-size: 24px; padding-bottom: 15px; position: relative; letter-spacing: 2px; }
.sec-title p:after { content: ""; position: absolute; left: 50%; margin-left: -30px; bottom: 0; width: 60px; height: 3px; background: #00a1e9; }

/* ---- 产品/案例 3列白卡 ---- */
.prod-list { overflow: hidden; padding-bottom: 20px; padding-top: 8px; }
.prod-card { float: left; width: 32.1%; margin-left: 0.5%; margin-right: 1%; margin-bottom: 1.5%; overflow: hidden; text-align: center; background-color: #fff; padding-bottom: 4%; transition: all .3s; }
.prod-card:nth-child(3n+0) { margin-right: 0; }
.card-img { width: 100%; overflow: hidden; }
.card-img img { display: block; width: 100%; height: 200px; object-fit: cover; transform: scale(1); transition: all .3s ease-out; }
.card-title { font-weight: normal; color: #333333; line-height: 36px; height: 36px; text-align: center; overflow: hidden; padding: 0 2%; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; margin-bottom: 1%; font-size: 22px; }
.card-brief { line-height: 20px; height: 40px; overflow: hidden; color: #929292; font-size: 14px; padding: 0 2%; max-width: 350px; margin: 0 auto; }
.prod-card:hover .card-img img { transform: scale(1.1, 1.1); }
.prod-card:hover { box-shadow: 0 5px 20px rgba(0,0,0,.1); transform: translate3d(0, -2px, 0); }
.prod-card:hover .card-title { color: #00a1e9; }

/* ---- 解决方案 2列大图遮罩 ---- */
.plan-list { overflow: hidden; padding-bottom: 4%; padding-top: 8px; }
.plan-card { float: left; width: 48.9%; margin-right: 2%; overflow: hidden; margin-bottom: 1.5%; text-align: center; position: relative; }
.plan-card:nth-child(2n+0) { margin-right: 0; }
.plan-img { overflow: hidden; }
.plan-img img { display: block; width: 100%; height: 320px; object-fit: cover; transform: scale(1); transition: all .3s ease-out; }
.plan-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.5); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.plan-info h2 { font-weight: normal; color: #fff; line-height: 36px; height: 36px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 26px; margin-bottom: 1%; }
.plan-info p { line-height: 20px; height: 40px; overflow: hidden; color: #fff; font-size: 14px; padding: 0 2%; max-width: 420px; margin: 0 auto; }
.plan-card:hover .plan-img img { transform: scale(1.1, 1.1); }

/* ---- 关于我们(首页) 左文右图 ---- */
.about-grid { overflow: hidden; padding-bottom: 4%; }
.about-txt { float: left; width: 46.9%; padding-left: 1.6%; padding-right: 1.5%; }
.about-title { line-height: 30px; font-size: 24px; color: #0245de; font-weight: bold; margin-bottom: 15px; }
.about-desc { color: #666666; font-size: 14px; line-height: 24px; margin-bottom: 12px; text-align: justify; }
.about-more { display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #bababa; color: #666; font-size: 14px; transition: all .3s; margin: 8px 0 18px; }
.about-more:hover { background-color: #0245de; border-color: #0245de; color: #fff; }
.about-stats { overflow: hidden; }
.stat-item { float: left; width: 24%; margin-right: 1%; }
.stat-item:nth-child(4n+0) { margin-right: 0; }
.stat-num { display: block; font-size: 30px; font-family: Arial; font-weight: bold; color: #0245de; line-height: 1.2; }
.stat-label { display: block; font-size: 13px; color: #999; line-height: 20px; }
.about-img { float: right; width: 50%; overflow: hidden; }
.about-img img { width: 100%; height: 340px; object-fit: cover; transition: all .8s ease-out; display: block; }
.about-img:hover img { transform: scale(1.1); }

/* ---- 新闻列表(首页/列表页) 左图右文 ---- */
.news-list { overflow: hidden; }
.news-item { overflow: hidden; margin-bottom: 2%; padding-bottom: 2%; border-bottom: 1px solid #cccccc; display: block; }
.news-item:last-child { border-bottom: 0; margin-bottom: 0; }
.news-img { width: 19%; float: left; overflow: hidden; }
.news-img img { width: 100%; height: 130px; object-fit: cover; transform: scale(1); transition: all .3s ease-out; display: block; }
.news-item:hover .news-img img { transform: scale(1.1, 1.1); }
.news-body { float: right; display: inline; line-height: 22px; width: 78%; overflow: hidden; }
.news-title { line-height: 22px; height: 22px; overflow: hidden; font-size: 18px; color: #333; font-weight: normal; margin-bottom: 1%; white-space: nowrap; text-overflow: ellipsis; }
.news-item:hover .news-title { color: #0245de; }
.news-date { display: block; color: #999999; font-size: 14px; height: 20px; line-height: 20px; margin-bottom: 1%; }
.news-excerpt { max-height: 48px; overflow: hidden; font-size: 14px; color: #7b7b7b; line-height: 24px; }
.news-more { margin-top: 2%; width: 106px; text-align: center; float: left; height: 34px; line-height: 34px; background-color: #f5f5f5; border: 1px solid #bababa; color: #828282; font-size: 13px; transition: all .3s; }
.news-item:hover .news-more { background-color: #0245de; color: #fff; border: 1px solid #0245de; }

/* ---- 合作伙伴 6列 ---- */
.partner-list { overflow: hidden; margin-bottom: 3%; }
.partner-item { float: left; width: 15.8%; margin-right: 1%; margin-bottom: 1%; overflow: hidden; }
.partner-item:nth-child(6n+0) { margin-right: 0; }
.partner-img { overflow: hidden; border: 1px solid #f0f0f0; }
.partner-img img { display: block; width: 100%; height: 100px; object-fit: cover; transform: scale(1); transition: all .3s ease-out; }
.partner-item:hover .partner-img img { transform: scale(1.1, 1.1); }

/* ---- 页脚 #313131 ---- */
.foot-bg { overflow: hidden; background: #313131; color: #8f8f8f; font-size: 12px; clear: both; padding-top: 2%; padding-bottom: 2%; }
.foot-inner { width: 96%; max-width: 1300px; margin: 0 auto; overflow: hidden; }
.foot-bg a { color: #8f8f8f; }
.foot-bg a:hover { color: #fff; }
.foot-links { float: left; padding-right: 4%; margin-right: 4%; overflow: hidden; padding-bottom: 2%; }
.foot-links h2 { font-size: 18px; line-height: 38px; font-weight: normal; margin-bottom: 10px; color: #c7c7c7; }
.foot-links ul li { display: block; height: 38px; line-height: 38px; overflow: hidden; }
.foot-links ul li a { transition: all .3s; padding-right: 5px; }
.foot-links ul li a:hover { margin-left: 5px; padding-right: 0; }
.foot-contact { float: left; overflow: hidden; margin-right: 3%; }
.foot-contact h2 { font-size: 18px; line-height: 38px; font-weight: normal; margin-bottom: 10px; color: #c7c7c7; }
.foot-tel { display: block; line-height: 20px; font-weight: normal; margin-bottom: 4px; padding-bottom: 8px; color: #afafaf; font-size: 26px; font-family: Arial; }
.foot-tel:hover { opacity: .8; }
.foot-time { display: block; color: #8f8f8f; line-height: 30px; padding-top: 2%; clear: both; }
.foot-qrcode { float: right; text-align: center; padding-bottom: 2%; }
.foot-qrcode img { display: block; width: 118px; margin: 0 auto 10px; margin-top: 5px; }
.foot-qrcode span { color: #8f8f8f; }
.foot-bar { line-height: 24px; min-height: 24px; background-color: #313131; border-top: 1px solid #424242; clear: both; overflow: hidden; font-size: 14px; padding-top: 8px; padding-bottom: 8px; color: #8f8f8f; text-align: center; }
.foot-bar a { color: #8f8f8f; }
.foot-bar a:hover { color: #fff; }

/* ---- 内页: n-banner / ntit 面包屑 / cat-nav ---- */
.n-banner { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.n-banner-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); }
.ntit { background: #f1f1f1; }
.ntt { max-width: 1300px; width: 96%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 12px 0; }
.ntt h1 { font-size: 22px; color: #333; font-weight: bold; }
.ntt i { color: #919191; font-size: 12px; margin-left: 12px; letter-spacing: 3px; }
.weiz { font-size: 12px; color: #919191; }
.weiz a { color: #919191; }
.weiz a:hover { color: #00a1e9; }
.cat-nav { overflow: hidden; padding-top: 3%; text-align: center; margin-bottom: 2%; }
.cat-nav a { display: inline-block; height: 56px; line-height: 56px; background-color: #f0f0f0; width: 160px; font-size: 14px; color: #444444; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 2%; transition: all .3s; }
.cat-nav a:hover { background-color: #0245de; color: #fff; opacity: .9; }
.cat-nav a.csel { background-color: #0245de; color: #fff; }
.pager { width: 100%; text-align: center; clear: both; overflow: hidden; padding-top: 40px; padding-bottom: 40px; color: #757575; font-size: 13px; }

/* ---- 详情页 #f5f5f5 ---- */
.detail-bg { background-color: #f5f5f5; overflow: hidden; padding-top: 3%; padding-bottom: 4%; }
.detail-box { overflow: hidden; line-height: 30px; font-size: 14px; color: #666666; }
.detail-title { line-height: 36px; font-size: 24px; color: #333; text-align: center; margin-bottom: 15px; font-weight: normal; }
.detail-meta { height: 40px; line-height: 40px; font-size: 12px; color: #999999; border-bottom: 1px dashed #cccccc; text-align: center; }
.detail-content { line-height: 30px; overflow: hidden; padding-top: 20px; text-align: left; padding-bottom: 10px; }
.detail-content p { margin-bottom: 12px; text-align: justify; }
.detail-content img { margin-bottom: 15px; max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; }
.detail-sub { font-size: 18px; color: #333; font-weight: bold; margin: 30px 0 15px; border-left: 4px solid #00a1e9; padding-left: 12px; }
.spec-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; background: #fff; }
.spec-table td { border: 1px solid #e0e0e0; padding: 10px 14px; line-height: 24px; }
.spec-table td:first-child { width: 30%; background: #fafafa; color: #555; }
.feat-list { margin-bottom: 20px; }
.feat-list li { padding-left: 28px; position: relative; margin-bottom: 10px; line-height: 26px; color: #555; }
.feat-list li:before { content: "\2713"; position: absolute; left: 0; top: 0; color: #0245de; font-weight: bold; }
.pn-row { border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; font-size: 16px; line-height: 60px; margin-top: 20px; color: #444; overflow: hidden; }
.pn-row a { color: #444; }
.pn-row a:hover { color: #00a1e9; }
.pn-row:last-child { border-top: 0; margin-top: 0; margin-bottom: 10px; }
.pn-label { float: left; width: 108px; color: #666666; font-size: 16px; }

/* ---- 关于页: 时间轴/文化/团队 ---- */
.tl-list { overflow: hidden; margin: 10px 0 30px; }
.tl-item { position: relative; padding-left: 30px; padding-bottom: 30px; border-left: 2px solid #e0e0e0; }
.tl-item:last-child { padding-bottom: 0; }
.tl-item:before { content: ""; position: absolute; left: -8px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: #00a1e9; border: 2px solid #fff; box-shadow: 0 0 0 2px #00a1e9; }
.tl-year { font-weight: bold; color: #0245de; font-size: 18px; line-height: 30px; }
.tl-txt { color: #666; font-size: 14px; line-height: 24px; }
.culture-list { overflow: hidden; }
.culture-list li { float: left; width: 30%; margin: 0 1.5%; overflow: hidden; color: #7b7b7b; font-size: 14px; line-height: 24px; background: #fff; padding: 30px 20px; text-align: center; border-top: 3px solid #00a1e9; }
.culture-list li h3 { font-weight: normal; color: #333333; margin-bottom: 12px; font-size: 18px; }
.team-list { overflow: hidden; }
.team-list li { float: left; width: 32%; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 1.5%; overflow: hidden; text-align: center; }
.team-card { background: #fff; padding: 25px 15px; }
.team-avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: 0 3px 12px rgba(0,0,0,.15); }
.team-name { font-size: 16px; color: #333; margin-top: 12px; font-weight: normal; }
.team-role { display: block; font-size: 13px; color: #999; margin-top: 6px; }

/* ---- 联系页 ---- */
.contact-bg { background-color: #f5f5f5; overflow: hidden; }
.contact-grid { max-width: 1300px; width: 96%; margin: 0 auto; overflow: hidden; }
.contact-r { overflow: hidden; float: left; width: 44%; margin-right: 3%; margin-top: 3%; margin-bottom: 3%; color: #6f6f6f; font-size: 14px; }
.contact-r h2 { color: #333333; font-size: 26px; font-weight: normal; margin-bottom: 3%; }
.contact-list li { display: block; margin-bottom: 22px; line-height: 26px; }
.contact-ico { display: inline-block; width: 22px; height: 22px; margin-right: 12px; float: left; margin-top: 2px; }
.msg-form { float: left; width: 50%; background: #fff; padding: 30px; margin: 3% 0; box-sizing: border-box; }
.msg-form h2 { font-size: 22px; color: #333; font-weight: normal; margin-bottom: 20px; }
.form-row { margin-bottom: 15px; }
.form-label { display: block; font-size: 14px; color: #555; margin-bottom: 6px; }
.form-input, .form-textarea { width: 100%; border: 1px solid #ddd; padding: 10px; font-size: 14px; box-sizing: border-box; font-family: "微软雅黑", "Microsoft YaHei", sans-serif; outline: none; }
.form-input:focus, .form-textarea:focus { border-color: #00a1e9; }
.form-textarea { height: 110px; resize: vertical; }
.form-btn { background: #0245de; color: #fff; border: 0; height: 44px; line-height: 44px; padding: 0 36px; font-size: 14px; cursor: pointer; transition: all .3s; }
.form-btn:hover { opacity: .85; }

/* ---- 响应式(还原参考站断点) ---- */
@media screen and (max-width: 1440px) {
  .sec-title h2 { font-size: 36px; }
  .slide-img { height: 500px; }
}
@media screen and (max-width: 1200px) {
  .sec-title h2 { font-size: 32px; }
  .sec-title p { font-size: 20px; }
  .card-title { font-size: 20px; }
  .slide-img { height: 460px; }
  .plan-img img { height: 280px; }
  .menu-item { margin: 0 14px; }
  .foot-links { padding-right: 3%; margin-right: 3%; }
}
@media screen and (max-width: 1100px) {
  .topbox { position: static; }
  .blank-h { height: 0; }
  .lotbox { height: 56px; line-height: 56px; }
  .logo-box { height: 56px; }
  .logo-ico { margin-top: 11px; }
  .logo-txt { padding-top: 11px; }
  .nav-toggle { display: block; }
  .menubox { display: none; position: fixed; top: 56px; left: 0; right: 0; bottom: 0; height: auto; background: #0d0d0d; overflow-y: auto; z-index: 99; text-align: left; }
  .menubox-open { display: block; }
  .menu { display: block; }
  .menu-item { display: block; margin: 0; border-bottom: 1px solid #333; }
  .menu-item a { line-height: 48px; padding-left: 4%; font-size: 16px; color: #fff; }
  .menu-item a:after { display: none; }
  .menu-item.active a { color: #00a1e9; background: #14161a; }
  .subnav { display: none; position: static; background: none; }
  .subnav-open { display: block; }
  .subnav li { display: block; margin: 0; line-height: 38px; }
  .subnav li a { height: 38px; line-height: 38px; padding-left: 8%; font-size: 14px; color: #bbb; }
  .n-banner { height: 240px; }
}
@media screen and (max-width: 1000px) {
  .partner-item { width: 19%; }
  .partner-item:nth-child(6n+0) { margin-right: 1.1%; }
  .partner-item:nth-child(5n+0) { margin-right: 0; }
}
@media screen and (max-width: 960px) {
  .sec-title h2 { font-size: 28px; }
  .sec-title p { font-size: 18px; }
  .card-title { font-size: 18px; }
  .foot-links { display: none; }
  .foot-contact { margin-top: 2%; width: 45%; }
  .foot-qrcode { margin-top: 2%; }
  .about-txt { width: 96%; padding: 2% 2%; margin-bottom: 2%; }
  .about-img { width: 100%; }
  .about-img img { height: 260px; }
}
@media screen and (max-width: 830px) {
  .slide-img { height: 340px; }
  .slide-slogan h2 { font-size: 30px; }
  .slide-slogan p { font-size: 15px; }
  .banner-prev, .banner-next { display: none; }
  .news-more { display: none; }
  .plan-card { width: 100%; margin-right: 0; }
  .contact-r { width: 94%; }
  .msg-form { width: 94%; }
  .foot-bar { font-size: 12px; }
}
@media screen and (max-width: 780px) {
  .prod-card { width: 49%; }
  .prod-card:nth-child(3n+0) { margin-right: 1%; }
  .prod-card:nth-child(2n+0) { margin-right: 0; }
  .card-title { font-size: 16px; }
  .detail-title { font-size: 20px; }
  .pn-row { font-size: 14px; }
  .pn-label { width: 70px; font-size: 14px; }
  .culture-list li { width: 97%; margin: 0 1.5% 3%; }
  .team-list li { width: 49%; }
  .contact-r h2 { font-size: 20px; }
}
@media screen and (max-width: 640px) {
  .sec-title h2 { font-size: 24px; }
  .sec-title p { font-size: 16px; }
  .news-img { width: 29%; }
  .news-body { width: 68%; }
  .news-title { font-size: 16px; }
  .partner-item { width: 32.5%; }
  .partner-item:nth-child(5n+0) { margin-right: 1.1%; }
  .partner-item:nth-child(3n+0) { margin-right: 0; }
  .n-banner { height: 200px; }
  .ntt { flex-direction: column; align-items: flex-start; }
  .ntt h1 { font-size: 18px; }
  .weiz { margin-top: 4px; }
  .stat-item { width: 49%; margin-bottom: 12px; }
}
@media screen and (max-width: 480px) {
  .sec-title h2 { font-size: 20px; }
  .cat-nav a { height: 36px; line-height: 36px; width: 48.4%; }
  .top-tel { display: none; }
  .slide-slogan h2 { font-size: 22px; }
  .card-brief { font-size: 12px; }
  .foot-qrcode { width: 42%; }
  .foot-qrcode img { width: 80%; max-width: 118px; }
  .foot-contact { width: 45%; }
}