/* ==========================================================================
   东洋机械 · 移动端适配 mobile.css
   仅作用于 <=768px，桌面端零影响
   加载顺序必须排在 default.css / index.css / insidePage.css 之后
   ========================================================================== */

/* ---------- 1. 重置固定宽度 ---------- */
@media screen and (max-width: 768px) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    min-width: 0 !important;
    max-width: none !important;
    width: 100%;
    overflow-x: hidden;
    font-size: 15px;
    line-height: 1.6;
  }

  /* .page 原来是固定 1300px，移动端改流式 */
  .page,
  .inside-page .page,
  .footer .page {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
  }
  /* 只把内页左右分栏改成上下，不动 header/top-w 的 flex */
  .inside-page .page {
    display: block;
  }

  /* 图片不撑破容器 */
  img {
    max-width: 100% !important;
    height: auto;
  }

  /* iOS 输入框小于 16px 会触发自动放大 */
  input,
  textarea,
  select {
    font-size: 16px !important;
  }

  /* 长表格横向滚动，不撑破页面 */
  .bs_con table,
  .del-con table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* ---------- 2. 顶部工具条 ---------- */
  .top-w {
    font-size: 12px;
    line-height: 32px;
  }
  .top-w .page {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .top-w .page > p {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 56%;
  }
  .top-w .rg {
    margin: 0;
  }
  .top-w .rg li {
    padding: 0 0 0 8px;
    font-size: 12px;
  }
  /* window.external 在手机上无效，藏掉 */
  .top-w .rg li:first-child,
  .top-w .rg li:first-child + em {
    display: none;
  }

  /* ---------- 3. 站头 ---------- */
  .header .page {
    height: auto;
    /* 注意不能写成 padding:10px 0，会把 .page 的左右 14px 内边距覆盖掉，电话就贴边被裁 */
    padding-top: 10px;
    padding-bottom: 10px;
    flex-wrap: wrap;
    white-space: normal;
    align-items: center;
    gap: 6px;
  }
  .header .logo {
    min-width: 0;
  }
  .header .logo img {
    max-height: 42px;
    width: auto;
  }
  /* 副标题「15年试验机专业生产机构」在窄屏挤成一团，隐藏 */
  .header .logo .text {
    display: none;
  }
  .header .rg {
    margin-left: auto;
    flex: 0 0 auto;
    max-width: 52%;
  }
  .header .head-tel .iconfont {
    font-size: 22px;
    margin-right: 4px;
  }
  .header .head-tel p {
    font-size: 10px;
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30vw;
  }
  .header .head-tel span {
    font-size: 17px;
    white-space: nowrap;
  }
  .header .head-tel span i {
    font-size: 11px;
  }

  /* ---------- 4. 主导航：两行平铺，禁用悬停下拉 ---------- */
  .nav-w {
    background-color: #0082d0;
  }
  .nav-list {
    flex-wrap: wrap;
  }
  .nav-list > li {
    flex: 0 0 33.3333%;
    margin-right: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    box-sizing: border-box;
    display: block;
  }
  .nav-list > li:nth-child(3n) {
    border-right: none;
  }
  .nav-list > li > a {
    line-height: 42px;
    font-size: 14px;
    padding: 0 2px;
    white-space: nowrap;
  }
  /* 手机上没有 hover，二级菜单一律收起，点一级直接进栏目页 */
  .nav-list > li .erji2 {
    display: none !important;
  }
  .nav-list > li:hover {
    background-color: transparent;
  }
  .nav-list .active,
  .nav-list > li.active {
    background-color: #c9161c;
  }

  /* ---------- 5. 搜索条 ---------- */
  .search .page {
    padding: 10px 14px;
    display: block;
  }
  /* 一排关键词在手机上没意义，只留搜索框 */
  .search .page .keywo {
    display: none;
  }
  .search .page .sear-w {
    width: 100%;
  }
  .search .page .sear-w input {
    width: 100%;
    flex: 1;
    padding: 0 16px;
  }
  .search .page .sear-w button {
    width: 72px;
    flex: 0 0 72px;
  }

  /* ---------- 6. 通用区块标题 ---------- */
  .wz-bt p {
    font-size: 22px;
    line-height: 1.6;
  }
  .wz-bt p::before,
  .wz-bt p::after {
    width: 24px;
    margin: 0 10px;
  }
  .wz-bt span {
    font-size: 13px;
  }

  /* ---------- 7. 首页 / 首页栏目通用区块 ---------- */
  .pro-w,
  .case-w,
  .adv-w,
  .new-w,
  .intr-w {
    padding: 30px 0 34px;
  }
  .pro-w .box,
  .intr-w .box {
    display: block;
    margin-top: 20px;
  }

  /* 产品分类侧栏 → 顶部两列标签 */
  .pro-w .pro-tabs {
    width: 100%;
    margin: 0 0 16px;
  }
  .pro-w .pro-tabs .tit {
    padding: 12px 0;
  }
  .pro-w .pro-tabs .tit p {
    font-size: 18px;
  }
  .pro-w .pro-tabs > ul {
    display: flex;
    flex-wrap: wrap;
    border: none;
    background: none;
    margin-top: 0;
  }
  .pro-w .pro-tabs > ul > li {
    flex: 0 0 50%;
    /* 关键：默认 min-width:auto 会让长英文分类名把格子撑破，整行塌成一个 */
    min-width: 0;
    box-sizing: border-box;
    border: none;
    padding: 0;
  }
  .pro-w .pro-tabs > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .pro-w .pro-tabs > ul > li > a p {
    font-size: 13px;
    padding-right: 0;
    text-align: center;
    white-space: normal;
    word-break: break-word;
    line-height: 1.25;
    text-overflow: clip;
    overflow: visible;
  }
  .pro-w .pro-tabs > ul > li > a i {
    display: none;
  }
  .pro-w .pro-tabs > ul .erji {
    display: none;
  }
  .pro-w .con-box ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 14px;
  }
  .pro-w .con-box ul li:nth-child(2n) {
    margin-right: 0;
  }
  .pro-w .con-box ul li:nth-child(4n) {
    margin-right: 4%;
  }
  .pro-w .con-box ul li:nth-child(2n) {
    margin-right: 0;
  }
  .pro-w .con-box ul li p {
    line-height: 34px;
    font-size: 13px;
  }

  /* 公司简介区块 */
  .intr-w {
    background-size: cover;
  }
  .intr-w::after {
    height: 96px;
  }
  .intr-w .box .rg {
    margin: 14px 0 0;
  }
  .intr-w .box .rg .text {
    font-size: 14px;
    line-height: 1.9;
  }
  .intr-w .box .rg .more {
    margin: 14px 0 0;
  }
  .intr-w .box .btm {
    height: auto;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .intr-w .box .btm li {
    flex: 0 0 50%;
    padding: 12px 0;
  }
  .intr-w .box .btm li::after {
    display: none;
  }
  .intr-w .box .btm li span em {
    font-size: 20px;
  }

  /* 客户案例轮播 */
  .case-w .case-box {
    margin-top: 18px;
  }
  .case-w .case-box .swiper-btn {
    width: 100%;
    top: 42%;
  }
  .case-w .case-box .swiper-btn .iconfont {
    font-size: 18px;
    line-height: 36px;
  }
  .case-w .case-box li .text p {
    font-size: 14px;
  }
  .case-w .case-box li .text span {
    font-size: 12px;
  }

  /* 优势列表 图左文右 → 上下 */
  .adv-w .adv_list {
    margin-top: 18px;
  }
  .adv-w .adv_list .item {
    display: block;
  }
  .adv-w .adv_list .item .pic,
  .adv-w .adv_list .item .text {
    width: 100%;
  }
  .adv-w .adv_list .item .pic img {
    height: 200px;
  }
  .adv-w .adv_list .item .text {
    padding: 16px;
  }
  .adv-w .adv_list .item .text .tit h3 {
    font-size: 18px;
    margin-left: 12px;
  }
  .adv-w .adv_list .item .text .tit i {
    width: 42px;
    height: 52px;
    font-size: 26px;
    line-height: 42px;
  }
  .adv-w .adv_list .item .text .tit i::after {
    bottom: 7px;
  }
  .adv-w .adv_list .item .text .con {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.9;
  }
  .adv-w .adv_list .item .text .con li::before {
    top: 12px;
  }

  /* 新闻 / FAQ */
  .new-w .faq {
    margin-top: 20px;
    padding: 10px 14px 16px;
  }
  .new-w .faq ul li {
    width: 100% !important;
    float: none !important;
    border-bottom: 1px solid #ccc !important;
  }
  .new-w .faq ul li:last-child {
    border-bottom: none !important;
  }
  .new-w .faq ul li p {
    padding-left: 34px;
    line-height: 1.9;
  }
  .new-w .faq ul li span {
    padding-left: 34px;
    display: block;
  }
  .new-w .faq ul li p::before,
  .new-w .faq ul li span::before {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
  }
  .new-w .btm {
    display: block;
    margin-top: 20px;
  }
  .new-w .btm .lf,
  .new-w .btm .rg {
    width: 100%;
  }
  .new-w .btm .rg {
    margin-top: 10px;
  }
  .new-w .btm ul li {
    padding: 10px 0;
  }
  .new-w .btm ul li a {
    display: block;
  }
  .new-w .btm ul li .pic {
    width: 100px;
    margin-right: 10px;
    float: left;
  }
  .new-w .btm ul li .text p {
    font-size: 13px;
  }
  .new-w .btm ul li .text .iconfont {
    display: none;
  }

  /* ---------- 8. 页脚 ---------- */
  .footer .page .top {
    display: block;
    padding-top: 24px;
    padding-bottom: 16px;
  }
  .footer .page .top .f-nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .footer .page .top .f-nav ul {
    flex: 0 0 50%;
    margin-bottom: 14px;
  }
  .footer .page .top .f-nav ul li {
    line-height: 30px;
    padding: 0 0 0 12px;
    background-position: left 12px;
  }
  .footer .page .top .f-nav ul li a {
    font-size: 14px;
  }
  .footer .page .top h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .footer .page .top .rg {
    width: 100%;
    max-width: none;
    margin-top: 6px;
  }
  .footer .page .top .rg .form-con input {
    height: 44px;
    margin-bottom: 10px;
  }
  .footer .page .btm {
    display: block;
    padding-top: 16px;
    padding-bottom: 58px;
  }
  .footer .page .btm .lf {
    display: block;
  }
  .footer .page .btm .lf .info {
    max-width: none;
    min-width: 0;
    margin-right: 0;
  }
  .footer .page .btm .lf .info li {
    font-size: 13px;
    line-height: 20px;
    padding: 3px 0;
  }
  .footer .page .btm .lf .info li i {
    font-size: 15px;
    margin-right: 7px;
  }
  .footer .page .btm .lf .follow {
    margin-top: 14px;
  }
  .footer .page .btm .lf .follow h5 {
    font-size: 15px;
  }
  .footer .page .btm .rg {
    text-align: left;
    margin-top: 14px;
  }
  .footer .page .btm .rg p {
    font-size: 12px;
    transform: none;
  }
  .footer .page .btm .rg #clickTop {
    display: none;
  }
}

/* ==========================================================================
   内页（inside-page）：左侧 21% 分类栏 → 顶部横向标签
   ========================================================================== */
@media screen and (max-width: 768px) {
  .inside-page {
    padding: 18px 0 24px;
    min-height: 0;
  }
  .inside-page .page {
    display: block;
  }
  .left_nav {
    width: 100%;
    margin: 0 0 14px;
  }
  .left_nav .tit {
    padding: 12px 0;
  }
  .left_nav .tit p,
  .left_nav .tit h1.sort-title,
  .left_nav .tit h2.sort-title {
    font-size: 18px;
  }
  .left_nav .tit span {
    font-size: 12px;
    margin-top: 3px;
  }
  /* 12 个分类竖排要占 6 行、把产品图挤到第二屏，改成单行横向滑动 */
  .left_nav .sort-nav > ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .left_nav .sort-nav > ul::-webkit-scrollbar {
    display: none;
  }
  .left_nav .sort-nav > ul > li {
    flex: 0 0 auto;
    width: auto;
    box-sizing: border-box;
  }
  .left_nav .sort-nav > ul > li > a {
    padding: 11px 14px;
    border-right: 1px solid #fff;
    border-top: none;
  }
  .left_nav .sort-nav > ul > li > a p {
    font-size: 13px;
    text-align: center;
    padding-right: 0;
    white-space: nowrap;
  }
  .left_nav .sort-nav > ul > li > a i {
    display: none;
  }
  .left_nav .sort-nav > ul > li .erji {
    display: none;
  }
  /* 侧栏底部的「联系我们」灰块，手机上会把产品列表推到第二屏，
     页脚已有完整联系方式 + 留言表单，这里收掉 */
  .left_nav .com-info {
    display: none;
  }

  /* 面包屑 */
  /* 模板里这条 ul 是 visibility:hidden 的占位条，宽 1050px，
     看不见但照样把文档撑宽 —— 手机上必须彻底移除 */
  .position ul {
    display: none !important;
  }
  .position .page {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .position .rg {
    font-size: 12px;
    line-height: 1.8;
    padding: 8px 0;
    word-break: break-all;
  }

  /* 列表：3-4 列 → 2 列 */
  .inside-list li,
  .inside-list.pro-list li {
    width: 48% !important;
    margin-right: 4% !important;
    margin-bottom: 14px !important;
    box-sizing: border-box;
  }
  .inside-list li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .inside-list li a p,
  .inside-list li a span {
    font-size: 13px;
    line-height: 1.5;
  }

  /* 产品详情：图文左右 → 上下 */
  .pro-detail .row {
    display: block;
  }
  .pro-detail .pro-pics,
  .pro-detail .description {
    width: 100% !important;
    float: none;
    margin: 0 0 14px;
  }
  /* 桌面端为对齐底部预留的 95px，手机上就是一片空白 */
  .pro-detail .row .description {
    padding-bottom: 0 !important;
  }
  .pro-detail .row {
    padding: 0;
  }
  .pro-detail .page-title {
    font-size: 19px;
    line-height: 1.4;
  }
  .pro-detail .description .det-l ul li {
    font-size: 12px;
  }
  .pro-detail .describe {
    font-size: 14px;
    line-height: 1.8;
  }
  /* 缩略图组和主图为同一批图，手机上省掉 */
  .pro-detail .pic-tabs {
    display: none;
  }

  /* 标签页 */
  .details .del-tab {
    display: flex;
  }
  .details .del-tab li {
    flex: 1;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
  }
  .details .del-con {
    font-size: 14px;
    line-height: 1.85;
  }
  .details .del-con img {
    height: auto !important;
  }

  /* 新闻正文 */
  .bs_con {
    padding: 12px 0;
  }
  .bs_con p {
    font-size: 14px;
    line-height: 1.9;
    text-indent: 0;
  }
  .news-right {
    display: none;
  }

  /* 公司简介 */
  .company_profile {
    display: block;
  }
  .company_profile .lf,
  .company_profile .rg {
    width: 100% !important;
  }

  /* 荣誉 / 合作 */
  .honor-list li {
    width: 48% !important;
    margin-right: 4% !important;
  }
  .honor-list li:nth-child(2n) {
    margin-right: 0 !important;
  }

  /* 分页 */
  .pag-bar {
    margin-top: 18px;
    flex-wrap: wrap;
  }
  .pag-bar a,
  .pag-bar span {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    margin: 0 2px 6px;
  }
  .turn_page a {
    display: block;
    margin-bottom: 8px;
  }

  /* 地图 */
  .map-w iframe,
  .map-w img {
    height: 240px !important;
  }

  /* 新闻详情页标题栏（日期 / 访问量 / 分享，原来是 nowrap 单行挤爆） */
  .news-page .news-con .tit h2,
  .news-page .news-con .tit h1.page-title {
    font-size: 20px;
    text-align: left;
  }
  .news-page .news-con .tit ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 8px 0;
  }
  .news-page .news-con .tit ul li {
    font-size: 12px;
    margin-right: 12px;
    white-space: normal;
  }
  .news-page .news-con {
    padding: 16px 14px;
  }

  /* 联系我们：左标题 + 右侧灰块，改上下 */
  .contact-w {
    display: block;
  }
  .contact-w .lf {
    margin-right: 0;
  }
  .contact-w .lf p {
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 8px;
  }
  .contact-w .lf span {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .contact-w .lf hr {
    margin-bottom: 14px;
  }
  .contact-w .box {
    margin: 0 0 14px;
    padding: 46px 18px 18px;
  }
  .contact-w .box h5 {
    font-size: 16px;
    padding: 8px 18px;
    top: 10px;
    left: 0;
    border-radius: 0 6px 6px 0;
  }
  .contact-w .box .text {
    margin-top: 14px;
    font-size: 14px;
    line-height: 2;
  }

  /* 表单 */
  .message-w .form-con input,
  .message-w .form-con select,
  .message-w .form-con textarea {
    width: 100% !important;
  }
}

/* ==========================================================================
   超窄屏 <=380px 微调
   ========================================================================== */
@media screen and (max-width: 380px) {
  .nav-list > li > a {
    font-size: 13px;
    line-height: 38px;
  }
  .pro-w .con-box ul li p,
  .inside-list li a p {
    font-size: 12px;
  }
  .wz-bt p {
    font-size: 19px;
  }
  .top-w .page > p {
    display: none;
  }
  .top-w .page {
    justify-content: flex-end;
  }
  .header .head-tel span {
    font-size: 16px;
  }
}

/* ==========================================================================
   手机端内页主区收边：桌面 .main 左右各 40px、.news-con 再 14px，
   390px 屏上正文只剩 254px，五列表格挤成一条。
   ========================================================================== */
@media screen and (max-width: 768px) {
  .inside-page .page .main {
    padding: 20px 12px;
    box-sizing: border-box;
  }
  .news-page .news-con {
    padding: 14px 2px;
  }
  .news-page .news-con .bs_con {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media(max-width:768px){.pro-detail .row .description .det-l h1.page-title{font-size:18px;line-height:1.4}.news-page .news-con .tit h1.page-title{font-size:18px;line-height:1.45}}