@charset "utf-8";
/* ==========================================================================
   ruilaibo 模板 - 响应式
   断点：1600 / 1440 / 1200 / 1100 / 900 / 768 / 560
   ========================================================================== */

/* ---------- 大屏微调 ---------- */
@media (max-width: 1600px) {
  .nav-item > a { padding: 0 22px; font-size: 16px; }
  .banner-arr.prev { left: 26px; }
  .banner-arr.next { right: 26px; }
}

@media (max-width: 1440px) {
  .container, .nav-list, .mega-inner { padding-left: 24px; padding-right: 24px; }
  .about-wrap { gap: 56px; }
  .foot-top { gap: 40px; }
}

/* ---------- 笔记本 ---------- */
@media (max-width: 1280px) {
  .hotline .txt strong { font-size: 19px; }
  .head-right { gap: 22px; }
  .nav-item > a { padding: 0 17px; font-size: 15.5px; }
  .mega-inner { gap: 0 22px; }
  .mega-col { padding-right: 20px; }
  .sec-tit { font-size: 34px; }
  .news-split { gap: 30px; }
  .about-body { font-size: 15px; }
}

/* ---------- 小笔记本 / 大平板：改为移动导航 ---------- */
@media (max-width: 1100px) {
  .main-nav { display: none; }
  .m-bar { display: block; }
  .sec { padding: 68px 0; }
  .top-bar { height: 84px; }
  .logo img { height: 44px; }
  /* 小屏（抽屉导航模式）：下拉置顶时仍收起 logo 栏，只留 m-bar，省纵向空间 */
  .site-header.is-scrolled .top-bar { height: 0; overflow: hidden; opacity: 0; }
  .advantage { margin-top: -60px; }
  .adv-wrap { grid-template-columns: repeat(2, 1fr); }
  .adv-item { border-bottom: 1px solid var(--line); }
  .adv-item:nth-child(2n) { border-right: 0; }
  .adv-item:nth-child(n+3) { border-bottom: 0; }
  .prod-list { grid-template-columns: repeat(3, 1fr); gap: 22px 18px; }
  .ad-band { padding: 20px 30px; }
  .ad-band p { font-size: 22px; }
  .af-grid { grid-auto-columns: calc((100% - 40px) / 3); gap: 20px; }
  .nl-wrap { grid-template-columns: minmax(0, 1fr) 270px; gap: 24px; }
  .nl-main { padding: 6px 24px; }
  .nl-item { grid-template-columns: 160px 70px minmax(0, 1fr); gap: 18px; padding: 22px 0; }
  .nl-date b { font-size: 22px; }
  .nl-item-lg { grid-template-columns: 250px 70px minmax(0, 1fr); }
  .nl-body h3 { font-size: 16px; }
  .case-list { grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .news-split { grid-template-columns: 1fr 1fr; gap: 24px; }
  .ns-list .t { font-size: 14.5px; }
  .ns-list a { padding: 0 14px; gap: 10px; }
  .about-wrap { grid-template-columns: 1fr; gap: 44px; }
  .about-frame { min-height: 400px; }
  .about-visual::before { display: none; }
  .about-badge { right: 14px; top: 18px; }
  .honor-list { grid-template-columns: repeat(3, 1fr); gap: 18px; }
  .foot-top { grid-template-columns: 1fr 1fr; gap: 34px 40px; padding: 54px 0 44px; }
  .foot-brand, .foot-col-contact { grid-column: 1 / -1; }
  .foot-brand .f-des { max-width: none; }
  .banner-inner { height: auto; aspect-ratio: 16 / 9; }
  /* 内页 */
  .page-banner { height: 320px; }
  .pb-tit { font-size: 38px; }
  .contact-wrap { grid-template-columns: 1fr; gap: 28px; }
  /* 产品详情：图集与信息改上下排布 */
  .prod-top { grid-template-columns: 1fr; gap: 34px; margin-bottom: 44px; }
  .pg-gallery { width: 100%; max-width: 540px; justify-self: center; }
  /* 资质荣誉 */
  .honor-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
  /* 产品中心页 */
  .pc-sec { padding: 56px 0 62px; }
  .pc-grid { gap: 20px; }
  .pc-grid-5, .pc-grid-4 { grid-template-columns: repeat(3, 1fr); }
  /* 新闻列表 */
  .news-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .news-card { padding: 26px 22px 20px; }
  .search-toggle span { display: none; }
  .search-toggle { padding: 0 16px; }
}

/* ---------- 平板 ---------- */
@media (max-width: 900px) {
  .sec { padding: 58px 0; }
  .sec-head { margin-bottom: 36px; }
  .sec-tit, .about-txt .sec-tit { font-size: 29px; }
  .sec-sub { font-size: 14px; }
  .sec-en { font-size: 12px; letter-spacing: 2.4px; }
  .prod-tabs { gap: 8px; }
  .prod-tab { padding: 9px 18px; font-size: 14px; }
  .tab-ink { display: none; }
  .prod-list { grid-template-columns: repeat(3, 1fr); gap: 18px 14px; }
  .prod-card .name { height: 58px; font-size: 14px; }
  .news-split { grid-template-columns: 1fr; gap: 26px; }
  .ns-slider { max-width: 620px; }
  .honor-list { grid-template-columns: repeat(2, 1fr); }
  .case-list { grid-template-columns: repeat(2, 1fr); }
  .about-brand .w { font-size: 40px; }
  /* 联系我们 */
  .c-info { padding: 34px 32px 30px; }
  .c-form { padding: 34px 32px 32px; }
  /* 资质荣誉 */
  .honor-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }
  /* 产品列表：左右结构后主栏变窄，降为 2 列 */
  .prod-grid-3 { grid-template-columns: repeat(2, 1fr); }
  /* 产品中心页 */
  .pc-grid-5, .pc-grid-4 { grid-template-columns: repeat(3, 1fr); }
  .door-tab { height: 54px; padding: 0 24px; font-size: 15.5px; }
  .door-tab i { font-size: 15px; }
  .hn-tit { font-size: 26px; }
  /* 产品详情 */
  .prod-info { padding: 34px 30px 32px; }
  .pi-tit { font-size: 26px; }
  /* 新闻列表 */
  .news-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .nc-tit { font-size: 16.5px; min-height: 3.2em; }
  .about-frame { min-height: 330px; }
  .banner-dots { bottom: 22px; }
  .banner-arr { display: none; }
  .friendlink .in { flex-direction: column; gap: 6px; }
  /* 内页 */
  .page-banner { height: 260px; }
  .pb-tit { font-size: 33px; }
  .article { padding: 36px 34px 40px; }
}

/* ---------- 手机 ---------- */
@media (max-width: 768px) {
  body { font-size: 15px; }
  .sec { padding: 46px 0; }
  .container, .nav-list, .mega-inner { padding-left: 16px; padding-right: 16px; }
  .top-bar { height: 68px; }
  .logo img { height: 36px; }
  .hotline .ic { width: 38px; height: 38px; flex: 0 0 38px; font-size: 18px; }
  .hotline .txt small { display: none; }
  .hotline .txt strong { font-size: 16px; }
  .head-right { gap: 12px; }
  .head-line { display: none; }
  .search-toggle { height: 38px; padding: 0 13px; }
  .sec-tit, .about-txt .sec-tit { font-size: 24px; }
  .sec-head { margin-bottom: 28px; }
  .sec-head.center { text-align: left; }
  .sec-head.center .sec-bar, .sec-head.center .sec-sub { margin-left: 0; margin-right: 0; }
  .adv-wrap { grid-template-columns: 1fr; }
  .adv-item { padding: 30px 24px 28px; border-right: 0; border-bottom: 1px solid var(--line); }
  .adv-item:nth-child(n+3) { border-bottom: 1px solid var(--line); }
  .adv-item:last-child { border-bottom: 0; }
  .adv-icon { width: 54px; height: 54px; font-size: 26px; border-radius: 13px; margin-bottom: 16px; }
  .adv-item h3 { font-size: 18px; }
  .advantage { margin-top: -36px; }
  .prod-head { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 26px; }
  .prod-tabs { width: 100%; }
  .prod-list { grid-template-columns: repeat(2, 1fr); gap: 14px 12px; }
  .ad-band { width: 90%; padding: 13px 16px; border-radius: 3px; }
  .ad-band p { font-size: 15px; letter-spacing: 1px; }
  .sec-head { margin-bottom: 24px; }
  .af-grid { grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; }
  .af-row { margin-top: 11px; }
  .af-name { font-size: 13.5px; }
  .af-nav { width: 36px; height: 36px; font-size: 12px; }
  .nl-wrap { grid-template-columns: 1fr; gap: 24px; }
  .nl-main { padding: 4px 18px; }
  .nl-item { grid-template-columns: 116px 58px minmax(0, 1fr); gap: 14px; padding: 18px 0; }
  .nl-item-lg { grid-template-columns: 150px 58px minmax(0, 1fr); }
  .nl-item-lg .nl-body h3 { font-size: 15px; }
  .nl-date b { font-size: 18px; }
  .nl-date span { font-size: 12px; margin-top: 2px; }
  .nl-date i { display: none; }
  .nl-body h3 { font-size: 15px; }
  .nl-body p { margin-top: 6px; font-size: 12.5px; line-height: 1.75; }
  .jl-search { padding: 20px 0 6px; }
  .jl-search input { height: 42px; padding: 0 14px; font-size: 13px; }
  .jl-search button { width: 54px; font-size: 14px; }
  .jl-item { display: block; padding: 15px 0; }
  .jl-date { display: block; font-size: 12px; }
  .jl-tit { margin-top: 5px; font-size: 14.5px; }
  .jl-tit a { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .jl-more { margin-top: 10px; padding: 6px 14px; font-size: 12px; gap: 7px; }
  .sd-cat { padding: 13px 18px; font-size: 14px; }
  .sd-cats-grp .sd-cat { padding-left: 30px; }
  .sd-contact { margin-top: 16px; padding: 20px 18px 22px; }
  .pl-intro { padding: 22px 0 20px; }
  .pl-intro-head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .pl-intro-tit { font-size: 21px; }
  .pl-ask { height: 34px; padding: 0 15px; font-size: 13px; gap: 6px; }
  .pl-intro-body { margin-top: 12px; }
  .pl-intro-body p { font-size: 13.5px; line-height: 1.9; margin-bottom: 8px; }
  .prod-card .name { height: 52px; font-size: 13.5px; padding: 0 10px; }
  .prod-card:hover { transform: none; }
  .prod-card:hover .name { background: #fff; color: var(--t1); }
  .about-frame { min-height: 240px; }
  .about-brand .w { font-size: 32px; }
  .about-brand .ico { gap: 18px; font-size: 22px; margin-top: 24px; }
  .about-badge { right: 12px; top: 12px; padding: 12px 16px; gap: 10px; }
  .about-badge i { font-size: 24px; }
  .about-badge b { font-size: 14px; }
  .about-badge span { font-size: 11.5px; }
  .about-body { font-size: 14.5px; line-height: 1.95; }
  .honor-list { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .case-list { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .case-card .nm { font-size: 13.5px; padding: 12px 10px; }
  .foot-top { grid-template-columns: 1fr 1fr; gap: 28px 22px; padding: 40px 0 34px; }
  .foot-brand .f-name { font-size: 18px; }
  .foot-contact li.tel strong { font-size: 18px; }
  /* 友链：手机端不显示 */
  .friendlink { display: none; }
  .copyright { font-size: 12.5px; padding: 16px 0; }
  .to-top { right: 14px; bottom: 68px; width: 42px; height: 42px; }
  /* 手机端底部按钮栏 */
  body { padding-bottom: 54px; }
  .m-footbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 160;
    background: linear-gradient(180deg, #04227d, #031a63);
    border-top: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 -8px 24px rgba(0, 10, 50, .35);
  }
  .m-footbar a {
    flex: 1; height: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; color: rgba(255, 255, 255, .88); font-size: 12px; letter-spacing: .5px;
    border-right: 1px solid rgba(255, 255, 255, .1);
  }
  .m-footbar a:last-child { border-right: 0; }
  .m-footbar a i { font-size: 17px; }
  .m-footbar a.tel { background: var(--acc); color: #fff; font-weight: 600; }
  .about-foot .btn { height: 42px; padding: 0 20px; font-size: 14px; }
  /* 内页 */
  .page-banner { height: 190px; }
  .pb-en { font-size: 11px; letter-spacing: 2.2px; margin-bottom: 8px; }
  .pb-tit { font-size: 25px; }
  .pb-bar { width: 46px; height: 3px; margin-top: 13px; }
  .crumb { min-height: auto; padding: 11px 0; font-size: 13px; gap: 7px; }
  .page-sec { padding: 28px 0 50px; }
  .article { padding: 22px 18px 26px; font-size: 14.5px; line-height: 1.95; border-radius: var(--r); }
  .article p { margin-bottom: 14px; }
  .article h2 { font-size: 19px; margin: 24px 0 12px; }
  .article h3 { font-size: 16.5px; margin: 20px 0 10px; }
  .article img { margin: 18px auto; }
  /* 联系我们 */
  .c-info { padding: 26px 20px 24px; border-radius: var(--r); }
  .c-info-tit { font-size: 21px; }
  .c-info-sub { margin: 8px 0 22px; }
  .c-list li { padding: 14px 0; }
  .c-txt .c-tel { font-size: 18px; }
  .c-form { padding: 26px 20px 26px; border-radius: var(--r); }
  .c-form-tit { font-size: 20px; }
  .c-form-sub { margin: 10px 0 20px; }
  .fm-item input[type="text"], .fm-item input[type="tel"], .fm-item input[type="email"], .fm-item textarea { padding: 11px 13px; }
  .fm-item textarea { height: 112px; }
  .fm-code img { flex: 0 0 120px; width: 120px; height: 45px; }
  .fm-submit { height: 46px; font-size: 15px; }
  /* 资质荣誉 */
  .honor-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .h-imgbox { padding-bottom: 82%; }
  .h-imgbox img { padding: 10px; }
  .h-nm { font-size: 14px; padding: 12px 12px 13px; }
  /* 产品中心页 */
  .pc-sec { padding: 42px 0 48px; }
  .pc-grid { gap: 14px; }
  .pc-grid-5, .pc-grid-4, .pc-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .pc-grid.is-empty::before { padding: 34px 16px; font-size: 13.5px; }
  .door-tabs { margin-bottom: 24px; }
  .door-tab { height: 48px; padding: 0 16px; font-size: 14.5px; gap: 7px; }
  .door-tab i { font-size: 14px; }
  .pager-wrap { margin-top: 32px; }
  .page-bar a, .page-bar .page-num-current { min-width: 38px; height: 38px; padding: 0 12px; font-size: 13.5px; }
  .hn-head { margin-bottom: 22px; padding-bottom: 16px; }
  .hn-tit { font-size: 21px; }
  .hn-meta { font-size: 12.5px; gap: 6px 16px; margin-top: 10px; }
  .pn-wrap { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; }
  .pn-item { padding: 13px 16px; font-size: 14px; }
  .pn-item.next { justify-content: flex-start; text-align: left; }
  /* 产品详情 */
  .prod-top { gap: 22px; margin-bottom: 32px; }
  .pg-gallery { padding: 12px; border-radius: var(--r); }
  .pg-main img { padding: 14px; }
  .pg-thumbs { grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px; }
  .pg-thumb img { padding: 6px; }
  .pg-idx { right: 8px; bottom: 8px; height: 24px; min-width: 44px; font-size: 12px; }
  .prod-info { padding: 24px 20px 26px; border-radius: var(--r); }
  .pi-tit { font-size: 22px; }
  .pi-bar { margin: 14px 0 18px; }
  .pi-desc { padding: 16px 18px 18px; }
  .pi-text { font-size: 14.5px; line-height: 1.9; }
  .pi-meta { margin-top: 18px; font-size: 12.5px; gap: 8px 18px; }
  .pi-btns { gap: 10px; margin-top: 22px; }
  .pi-btns .btn { flex: 1; justify-content: center; }
  .pa-head { padding-bottom: 14px; margin-bottom: 22px; }
  .article .pa-tit { font-size: 20px; }
  .pa-en { display: none; }
  /* 新闻列表 */
  .subnav { gap: 10px; margin-bottom: 26px; }
  .subnav-item { height: 40px; padding: 0 16px; font-size: 13.5px; gap: 7px; }
  .subnav-item i { font-size: 12px; }
  /* 首页新闻中心：移动端列表脱离左图高度后不再均分行高，改用上下内边距撑开行距 */
  .ns-list li { flex: none; }
  .ns-list a { padding: 13px 14px; gap: 10px; }
  .ns-list .arr { flex: 0 0 26px; width: 26px; height: 26px; font-size: 12px; }
  .news-grid { grid-template-columns: 1fr; gap: 16px; }
  .news-card { padding: 22px 20px 18px; }
  .nc-tit { font-size: 16px; min-height: auto; }
  .nc-des { -webkit-line-clamp: 3; }
  /* 搜索页 */
  .sr-box { padding: 20px 16px 18px; }
  .sr-form { gap: 10px; }
  .sr-keys { height: 48px; padding-left: 42px; font-size: 14px; }
  .sr-btn { height: 48px; padding: 0 20px; letter-spacing: 1px; }
  .sr-hot { gap: 8px; }
  .sr-count { font-size: 14px; padding-bottom: 16px; }
  .sr-empty { padding: 44px 12px 30px; }
  .sr-empty i { font-size: 46px; }
  .sr-empty-tit { font-size: 17px; }
}

/* ---------- 小手机 ---------- */
@media (max-width: 560px) {
  .sec-tit, .about-txt .sec-tit { font-size: 21px; }
  .prod-list { grid-template-columns: repeat(2, 1fr); }
  .honor-list { grid-template-columns: 1fr; }
  .case-list { grid-template-columns: 1fr; }
  /* 产品中心与快捷导航保持并排，品牌区与联系我们各自占满一行 */
  .foot-brand, .foot-col-contact { grid-column: 1 / -1; }
  .banner-inner { aspect-ratio: 4 / 3; }
  .ns-img { padding-bottom: 68%; }
  .ns-cap { min-height: 42px; padding: 9px 14px 9px 14px; }
  .ns-cap .t { font-size: 14px; }
  .ns-dots { right: 12px; bottom: 15px; }
  .ns-list .t { font-size: 14px; }
  /* 联系我们：表单改为单列 */
  .fm-row { grid-template-columns: 1fr; gap: 0; }
  .c-ico { flex: 0 0 40px; width: 40px; height: 40px; font-size: 15px; }
  .c-list li { gap: 12px; }
}

/* ---------- 横屏手机 ---------- */
@media (max-height: 480px) and (orientation: landscape) {
  .m-drawer .dm-nav > li.on .dm-sub { max-height: 320px; }
}