@charset "utf-8";
/* ==========================================================
   other.css — 响应式断点 1400 / 1200 / 992 / 768 / 576
   只放 @media，不放基础样式
   ========================================================== */

/* ---------- ≤1400 ---------- */
@media (max-width: 1400px) {
    .headbox .menu > ul > li > a { padding: 0 14px; font-size: 15px; }
    .headbox .tel { font-size: 15px; padding: 0 16px; }
}

/* ---------- ≤1200 ---------- */
@media (max-width: 1200px) {
    .homeSlide .wordbox .cn { font-size: 40px; }
    .categrid { grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .progrid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .casegrid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .solgrid { gap: 20px; }
    .numlist ul { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); row-gap: 22px; }
    .numlist ul li:nth-child(3):after { display: none; }
    .aboutnum { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); row-gap: 18px; }
    .footmenu .centerin { grid-template-columns: minmax(0, 1fr) 340px; gap: 34px; }
    .footmenu .part2 { grid-template-columns: 1fr; gap: 16px; }
    .flowgrid { grid-template-columns: repeat(4, 1fr); row-gap: 20px; }
    .headbox .menu > ul > li > a { padding: 0 11px; font-size: 16px; }
    .solwrap { grid-template-columns: 1fr; gap: 28px; }
    .solhero { height: 300px; }
}

/* ---------- ≤992：切换移动头部 ---------- */
@media (max-width: 992px) {
    :root { --head-h: 64px; }
    .headbox .menu, .headbox .tel, .headbox .searchbtn { display: none; }
    .headbox .menubtn { display: block; }
    .headbox .box { height: 64px; justify-content: space-between; }  /* logo 左、汉堡按钮右 */
    .headbox.on .box { height: 58px; }
    .headboxkong { height: 64px; }
    .headbox .logo img { max-height: 38px; }
    .pshow { display: none; }

    .section { padding: 54px 0; }
    .hometit h2 { font-size: 26px; }
    .hometit { margin-bottom: 34px; }

    /* 两列改单列 */
    .aboutrow { grid-template-columns: 1fr; gap: 32px; }
    .prowrap { grid-template-columns: 1fr; }
    .listwrap { grid-template-columns: 1fr; }
    .proleft { position: static; }
    .proleft ul { display: flex; flex-wrap: wrap; padding: 12px; }
    .proleft .ltit { padding: 14px 20px; }
    .proleft ul li a { padding: 8px 16px; margin: 4px; border: 1px solid var(--line); border-radius: 20px; border-left: 1px solid var(--line); }
    .proleft ul li.onfocus a { border-color: var(--accent); }

    .aboutflow .pic { float: none; width: 100%; margin: 0 0 18px; }
    .contactbox { grid-template-columns: 1fr; gap: 30px; }
    .basegrid { grid-template-columns: repeat(2, 1fr); gap: 18px; }

    /* 产品详情：上下堆叠 */
    .pdetail { grid-template-columns: 1fr; gap: 28px; }
    .gallery { position: static; }
    .pinfo h1 { font-size: 24px; }

    /* 解决方案：首项不再跨列 */
    .solgrid { grid-template-columns: repeat(2, 1fr); }
    .solgrid .item:first-child { grid-column: span 2; }
    .solgrid .item { height: 230px; }

    .honorwall { grid-template-columns: repeat(3, 1fr); }
    .newsrow { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .flowgrid { grid-template-columns: repeat(3, 1fr); }

    .ctabar .centerin { flex-direction: column; text-align: center; }
    .ctabar .word h3 { font-size: 23px; }

    .footmenu .centerin { grid-template-columns: 1fr; gap: 26px; }
    .footmenu .part2 { grid-template-columns: repeat(2, 1fr); }
    .footmenu .fbox .copyright { flex-direction: column; text-align: center; }

    .erSlide .erword .cn { font-size: 28px; }
}

/* ---------- ≤768：PC ↔ 移动分界 ---------- */
@media (max-width: 768px) {
    .pcshow { display: none; }
    .mbshow { display: block; }
    .mbhide { display: none; }

    .section { padding: 42px 0; }
    .hometit h2 { font-size: 23px; }
    .hometit .en { font-size: 12px; letter-spacing: 3px; }
    .moreline { margin-top: 30px; }

    /* 产品引用详情 */
    .solhero { height: 220px; }
    .solhero .in { padding: 20px 18px; }
    .solhero .in h1 { font-size: 22px; margin-bottom: 6px; }
    .solhero .in .sub { font-size: 13px; }
    .solmeta { gap: 14px; font-size: 13px; }
    .relsol { margin-top: 34px; }

    /* 幻灯 */
    .homeSlide .wordbox { padding: 0 6%; }
    .homeSlide .wordbox .cn { font-size: 26px; margin-bottom: 12px; }
    .homeSlide .wordbox .sub { font-size: 14px; margin-bottom: 20px; }
    .homeSlide .wordbox .en { font-size: 11px; letter-spacing: 4px; margin-bottom: 10px; }
    .homeSlide .wordbox .btnline a { padding: 10px 26px; font-size: 14px; }
    .homeSlide .leftarr, .homeSlide .rightarr { display: none; }
    .homeSlide .swiper-pagination { bottom: 14px !important; }

    /* 栅格 */
    .categrid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .categrid .item .pic { height: 150px; }
    .categrid .item .pic .name { font-size: 16px; left: 14px; bottom: 12px; }
    .categrid .item .intro { padding: 12px 14px 14px; font-size: 13px; min-height: 0; }

    .progrid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .progrid .item .pic { height: 160px; }
    .progrid .item .word { padding: 12px 14px 16px; }
    .progrid .item .word h3 { font-size: 15px; }
    .progrid .item .word p { display: none; }

    .casegrid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .casegrid .item .pic { height: 150px; }
    .casegrid .item .word { padding: 12px 14px 16px; }
    .casegrid .item .word h3 { font-size: 15px; }
    .casegrid .item .word p { height: 42px; font-size: 13px; }

    .solgrid { grid-template-columns: 1fr; }
    .solgrid .item:first-child { grid-column: span 1; }
    .solgrid .item { height: 210px; }
    .solgrid .item .word { left: 18px; right: 18px; bottom: 16px; }
    .solgrid .item .word h3 { font-size: 18px; }

    .newsrow { grid-template-columns: 1fr; gap: 16px; }
    .newsrow .item .pic { height: 180px; }

    .honorwall { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .honorwall .item .pic { height: 170px; }

    .basegrid { grid-template-columns: 1fr; }
    .basegrid .item { height: 220px; }

    /* 新闻列表：隐藏缩略图 */
    .newslist .nlitem { grid-template-columns: 70px 1fr; gap: 14px; padding: 16px 18px; }
    .newslist .nlitem .pic { display: none; }
    .newslist .nlitem .date b { font-size: 26px; }
    .newslist .nlitem .txt h3 { font-size: 16px; }
    .newslist .nlitem .txt p { height: 42px; font-size: 13px; }

    /* 数字统计：一排 3 个 */
    .numlist ul { grid-template-columns: repeat(3, 1fr); }
    .numlist ul li b { font-size: 28px; }
    .numlist ul li span { font-size: 12px; }
    .numlist ul li:nth-child(3):after { display: none; }
    .aboutnum { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); }
    .aboutnum li b { font-size: 24px; }
    .aboutnum li span { font-size: 12px; }

    /* 产品详情 */
    .pinfo h1 { font-size: 21px; }
    .pinfo .pdesc { font-size: 14px; padding-bottom: 16px; }
    .ptable td { padding: 10px 12px; font-size: 13px; }
    .ptable td.k { width: 34%; }
    .pbtns a { flex: 1; text-align: center; padding: 12px 18px; }
    .ptabbox .ptabs a { padding: 12px 16px; font-size: 14px; }
    .gallery .thumbs { grid-template-columns: repeat(4, 1fr); gap: 8px; }

    /* 表单单列 */
    .formgrid { grid-template-columns: 1fr; gap: 14px; }
    .formbox { padding: 22px 18px; }
    .contactinfo .ci { grid-template-columns: 1fr; gap: 12px; }
    .contactinfo .map { height: 200px; }

    /* 详情页 */
    .theTit { font-size: 21px; }
    .theauthor { font-size: 12px; }
    .thecontent { font-size: 15px; line-height: 1.9; }
    .prevnext { grid-template-columns: 1fr; gap: 10px; }
    .prevnext .next { text-align: left; }

    /* 页脚 */
    .footmenu { padding-top: 36px; }
    .footmenu .part2 { grid-template-columns: 1fr; }
    /* 移动端隐藏固定联系条（底部四键栏已有电话入口） */
    body { padding-bottom: 0; }
    .contactbar { display: none; }

    /* 悬浮与底栏 */
    .gotop { display: none !important; }
    .fixbottom, .fixbottomkong { display: block; }
    .logolist { padding: 0; }
    .logolist .leftarr, .logolist .rightarr { display: none; }

    .flowgrid { grid-template-columns: repeat(2, 1fr); row-gap: 18px; }
    .faqlist .qitem .q { padding: 14px 46px 14px 16px; font-size: 15px; }
    .faqlist .qitem .a { padding: 0 16px 16px; font-size: 14px; }
}

/* ---------- ≤576 ---------- */
@media (max-width: 576px) {
    .section { padding: 34px 0; }
    .hometit h2 { font-size: 21px; }

    .categrid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .progrid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .casegrid { grid-template-columns: 1fr; }
    .newsrow { grid-template-columns: 1fr; }
    .honorwall { grid-template-columns: repeat(2, 1fr); gap: 10px; }

    .numlist ul, .aboutnum { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); }
    .numlist ul li b { font-size: 24px; }
    .aboutnum li b { font-size: 22px; }

    .homeSlide .wordbox .cn { font-size: 22px; }
    .erSlide .erword .cn { font-size: 22px; }

    .pinfo h1 { font-size: 19px; }
    .theTit { font-size: 19px; }
    .gallery .thumbs { grid-template-columns: repeat(4, 1fr); }

    .casetabs { gap: 8px; }
    .casetabs a { padding: 7px 16px; font-size: 13px; }

    .ctabar .word h3 { font-size: 20px; }
    .ctabar .btns a { padding: 11px 24px; font-size: 14px; margin: 6px 4px 0; }

    .pageInfo a, .pageInfo span { min-width: 34px; height: 34px; line-height: 32px; font-size: 13px; margin: 0 2px; }
}
