/* ============================================================
   俊胜机械 · PC 端视觉优化（≥769px）
   修复：标题单行截断、卡片边框、间距、侧栏
   ============================================================ */

@media (min-width: 769px) {

  /* ---------- 1. 列表卡片标题：允许两行，不再截断 ---------- */
  .ul-imgtxt-01 li a p,
  .ul-imgtxt2 li a p {
    height: auto !important;
    min-height: 44px;
    max-height: 44px;
    line-height: 22px !important;
    font-size: 13px !important;
    padding: 0 8px;
    margin: 8px 0 12px !important;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    text-align: center;
  }

  /* 卡片边框：去掉老气的棕灰边框，改为浅灰 + 悬停蓝 */
  .ul-imgtxt-01 li a {
    border: 1px solid #ebeef2 !important;
    border-radius: 6px;
    margin: 0 10px;
    background: #fff;
    transition: box-shadow .28s, border-color .28s, transform .28s;
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
  }
  .ul-imgtxt-01 li a:hover {
    border-color: #c3d6ee !important;
    box-shadow: 0 6px 20px rgba(26,79,156,.10);
    transform: translateY(-3px);
  }

  /* 图片区域：统一 4:3，白底容器，图片完整显示不裁切 */
  .ul-imgtxt-01 li a .pic {
    padding-top: 0 !important;
    height: 0 !important;
    padding-bottom: 75% !important;
    position: relative;
    overflow: hidden;
    background: #fafbfc;
  }
  .ul-imgtxt-01 li a .pic img {
    position: absolute !important;
    left: 0; top: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 10px;
    box-sizing: border-box;
    transition: transform .35s;
  }
  .ul-imgtxt-01 li a:hover .pic img {
    transform: scale(1.05);
  }

  /* 产品列表（ul-imgtxt2）3 列改 4 列，卡片更紧凑 */
  .ul-imgtxt2 li {
    width: 25% !important;
  }

  /* ---------- 2. 列表页左侧栏 ---------- */
  .row-b1 .col-l {
    width: 240px;
    float: left;
  }
  .g-titIns1 {
    font-size: 17px;
    font-weight: 600;
    color: #1a1a1a;
    padding: 14px 0 12px;
    border-bottom: 2px solid #1a4f9c;
    margin-bottom: 2px;
  }
  .work_list {
    margin-bottom: 26px;
  }
  .work_list h4 {
    line-height: 46px !important;
    font-size: 13.5px;
    color: #4a4a4a;
    text-indent: 0 !important;
    padding-left: 16px;
    border-bottom: 1px solid #f0f2f5;
    background-position: 96% center !important;
    transition: all .22s;
    position: relative;
  }
  .work_list h4 a {
    color: #4a4a4a;
    display: block;
  }
  .work_list h4:hover {
    background-color: #f7f9fc;
    padding-left: 20px;
  }
  .work_list h4:hover a,
  .work_list h4.on a {
    color: #1a4f9c;
    font-weight: 600;
  }
  .work_list h4.on {
    background-color: #eef3fa;
    padding-left: 20px;
    border-left: 3px solid #1a4f9c;
  }

  /* 侧栏新闻列表：限两行，间距舒展 */
  .ul-newslist.new_list li {
    padding: 9px 0;
    border-bottom: 1px dashed #eef0f3;
    line-height: 1.55;
  }
  .ul-newslist.new_list li a {
    font-size: 12.5px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .ul-newslist.new_list li a:hover {
    color: #1a4f9c;
  }

  /* 侧栏联系我们 */
  .m-info {
    background: #f7f9fc;
    padding: 14px 16px;
    border-radius: 6px;
    margin-bottom: 20px;
  }
  .m-info p {
    font-size: 12.5px;
    line-height: 1.95;
    color: #666;
    margin: 0;
    word-break: break-all;
  }

  /* ---------- 3. 列表页主区域 ---------- */
  .row-b1 .col-r {
    width: calc(100% - 270px);
    float: right;
  }

  /* 右侧区标题与左侧重复：隐藏 col-r 里那个（保留侧栏的） */
  .row-b1 .col-r > .g-titIns1.mdisc {
    display: none;
  }

  /* ---------- 4. 面包屑 ---------- */
  .g-cur {
    padding: 14px 0;
    font-size: 12.5px;
    color: #999;
    border-bottom: 1px solid #f2f4f7;
    margin-bottom: 24px;
  }
  .g-cur a {
    color: #888;
  }
  .g-cur a:hover {
    color: #1a4f9c;
  }

  /* ---------- 5. 分页 ---------- */
  .pagebar {
    margin: 32px 0 12px;
    text-align: center;
  }
  .pagebar .pagination a {
    display: inline-block;
    min-width: 36px;
    height: 36px;
    line-height: 34px;
    margin: 0 3px;
    border: 1px solid #e2e6eb;
    border-radius: 4px;
    font-size: 13px;
    color: #555;
    background: #fff;
    transition: all .2s;
  }
  .pagebar .pagination a:hover,
  .pagebar .pagination a.active {
    background: #1a4f9c;
    border-color: #1a4f9c;
    color: #fff;
  }

  /* ---------- 6. 新闻列表页 ---------- */
  .ul-newslist li {
    padding: 18px 0;
    border-bottom: 1px solid #f0f2f5;
  }
  .ul-newslist li .tit {
    display: flex;
    align-items: baseline;
    gap: 12px;
  }
  .ul-newslist li .tit .time {
    order: 2;
    margin-left: auto;
    font-size: 12.5px;
    color: #aaa;
    white-space: nowrap;
  }
  .ul-newslist li .tit h3 {
    order: 1;
    flex: 1;
    min-width: 0;
  }
  .ul-newslist li .tit h3 a {
    font-size: 15px;
    color: #2b2b2b;
    font-weight: 400;
    line-height: 1.5;
  }
  .ul-newslist li .tit h3 a:hover {
    color: #1a4f9c;
  }
  .ul-newslist li .txt {
    margin-top: 7px;
  }
  .ul-newslist li .txt p {
    font-size: 13px;
    line-height: 1.75;
    color: #888;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ---------- 7. 详情页 ---------- */
  /* 正文表格 */
  #maximg table,
  .m-txt2 table {
    width: 100% !important;
    border-collapse: collapse;
    margin: 18px 0;
    font-size: 13.5px;
  }
  #maximg table th,
  .m-txt2 table th {
    background: #f2f6fb;
    color: #1a4f9c;
    font-weight: 600;
    padding: 10px 12px;
    border: 1px solid #dde5ef;
    text-align: left;
  }
  #maximg table td,
  .m-txt2 table td {
    padding: 9px 12px;
    border: 1px solid #e6ebf1;
    color: #4a4a4a;
    line-height: 1.7;
  }
  #maximg table tr:nth-child(even) td,
  .m-txt2 table tr:nth-child(even) td {
    background: #fafcfe;
  }

  /* 正文图片 */
  #maximg img,
  .m-txt2 img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 14px 0;
  }

  /* 正文 h3 小标题 */
  #maximg h3,
  .m-txt2 h3 {
    font-size: 16.5px;
    color: #1a1a1a;
    font-weight: 600;
    margin: 26px 0 12px;
    padding-left: 11px;
    border-left: 3px solid #1a4f9c;
    line-height: 1.4;
  }

  /* ---------- 8. 产品详情参数区 ---------- */
  .m-txt1 .txt p {
    font-size: 13.5px;
    line-height: 2;
    color: #555;
    margin: 0;
  }
  .m-txt1 .txt p .jgg {
    font-size: 17px;
    color: #c8102e;
    font-weight: 600;
  }
  .m-txt1 .btn {
    display: inline-block;
    margin-top: 16px;
    padding: 11px 34px;
    background: #1a4f9c;
    border-radius: 4px;
    transition: background .22s;
  }
  .m-txt1 .btn:hover {
    background: #14407f;
  }
  .m-txt1 .btn span {
    color: #fff;
    font-size: 14.5px;
  }
}

/* ============================================================
   宽屏（≥1440px）：卡片 4 列更舒展
   ============================================================ */
@media (min-width: 1440px) {
  .ul-imgtxt2 li {
    width: 25% !important;
  }
  .ul-imgtxt-01:not(.ul-imgtxt2) li {
    width: 25%;
  }
}

/* ============================================================
   产品详情页 · 主图与正文图片优化
   ============================================================ */
@media (min-width: 769px) {

  /* 主图容器：固定比例白底，图片居中不拉伸 */
  .m-pic1 {
    width: 42% !important;
    float: left;
  }
  .m-pic1 .view {
    background: #fff;
    border: 1px solid #eef1f5;
    border-radius: 6px;
    overflow: hidden;
  }
  .m-pic1 .view .imgauto {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 380px !important;
    background: #fff;
  }
  .m-pic1 .view .imgauto img {
    max-width: 92%;
    max-height: 92%;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
  }
  /* 缩略图条 */
  .m-pic1 .preview {
    margin-top: 10px;
  }
  .m-pic1 .preview .imgauto {
    height: 64px !important;
    border: 1px solid #eef1f5;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
  }
  .m-pic1 .preview .imgauto img {
    max-width: 90%;
    max-height: 90%;
    width: auto !important;
    height: auto !important;
  }

  /* 右侧参数区 */
  .m-txt1 {
    width: calc(58% - 30px) !important;
    float: right;
    padding-left: 30px;
    box-sizing: border-box;
  }
  .m-txt1 > h3 {
    font-size: 20px !important;
    line-height: 1.45;
    color: #1a1a1a;
    font-weight: 600;
    margin-bottom: 18px !important;
    padding-bottom: 14px;
    border-bottom: 1px solid #eef1f5;
  }
  .m-txt1 .txt {
    padding: 0 !important;
  }
  .m-txt1 .txt p {
    font-size: 14px !important;
    line-height: 2.1 !important;
    color: #555;
    margin: 0;
  }
  .m-txt1 .btn {
    margin-top: 22px !important;
    padding: 12px 40px !important;
    border-radius: 4px;
  }

  /* 正文图片：限高避免占满整屏 */
  .m-txt2 {
    clear: both;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #eef1f5;
  }
  #maximg img,
  .m-txt2 img {
    max-width: 100% !important;
    max-height: 460px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    display: block;
    margin: 18px auto !important;
    border-radius: 6px;
    box-shadow: 0 3px 14px rgba(0,0,0,.07);
  }

  /* 正文段落间距 */
  #maximg p,
  .m-txt2 p {
    font-size: 14.5px !important;
    line-height: 1.9 !important;
    color: #444;
    margin: 0 0 14px !important;
  }
}