@media screen and (min-width: 1400px) {
  .caption, .counselin { width: 1300px; }
  .mold { width: 1268px; }
  .listing ul li { width: 890px; }
  .consult_fr { width: 380px; }
}
@media screen and (max-width: 1260px) {
  .caption, .counselin { width: 95%; max-width: 1176px; }
  .mold { width: 100%; box-sizing: border-box; }
  .case_list ul, .case_conttip ul { width: auto; }
  .listing ul li { width: 100%; }
  .listing { width: 65%; }
  .consult_fr { width: 32%; }
}
@media screen and (max-width: 1024px) {
  .caption, .counselin { width: 96%; }
  .listing { width: 95%; float: none; margin: auto; }
  .consult_fr { width: 100%; float: none; margin-top: 30px; }
  .listing ul li { width: 100%; margin-bottom: 20px; }
  .tutoring { margin-left: 50px; }
  .solution { margin-left: 50px; }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .case_list ul, .case_conttip ul { flex: 1; }
  .erwei_img_consult { width: auto; }
}
@media screen and (max-width: 768px) {
  .listing ul li .informa {
    padding: 20px 15px; /* 增加内边距 */
  }
  
  .ps .ls {
    font-weight: bold;
    margin-bottom: 8px;
  }

  .ps {
    align-items: center;
  }

  .lawyer_tags {
    display: flex;
    flex-wrap: wrap;       /* 核心：允许标签自动换行 */
    justify-content: center; /* 居中对齐 */
    gap: 6px;              /* 标签间的间隙 */
    margin-top: 5px;
  }

  .lawyer_tags em {
    background: #f0f7ff;
    color: #1476f9;
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 2px;
  }

  /* 隐藏多余的描述，防止移动端过长（可选） */
  .abstract {
    font-size: 13px;
    color: #888;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 最多显示2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .header .wrap { padding: 0 15px; }
  .header_nav { display: none; }
  .bannes { height: 200px; min-width: auto; }
  .tutoring { margin-left: 20px; padding-top: 30px; }
  .tutoring p { font-size: 24px; }
  .solution { margin-left: 20px; width: auto; padding: 0 15px; font-size: 16px; }
  .mold { margin-top: -50px; padding: 15px; }
  .case_list, .case_conttip { flex-direction: column; }
  .case_list ul, .case_conttip ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-left: 0;
    margin-top: 10px;
    padding-bottom: 5px;
  }
  .case_list ul::-webkit-scrollbar, .case_conttip ul::-webkit-scrollbar {
    display: none;
  }
  .case_list ul, .case_conttip ul {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .case_list ul a, .case_conttip ul a {
    flex: 0 0 auto;
  }
  .case_list ul a li, .case_conttip ul a li { margin: 5px; font-size: 14px; }
  .listing ul li .informa { flex-direction: column; align-items: center; text-align: center; }
  .listing ul li .img img { margin-right: 0; margin-bottom: 15px; }
  .tionize { flex-direction: column; align-items: center; }
  .tionize_l { width: 100%; display: flex;flex-direction: column;align-items: center; }
  .abstract { width: 100%; }
  .consult { margin-left: 0; margin-top: 15px; width: auto; }
  .erwei_img_consult { width: auto; }
}
@media screen and (max-width: 480px) {
  .tutoring p { font-size: 20px; }
  .solution { font-size: 14px; }
  .case_title { font-size: 14px; }
  .ls { font-size: 16px; }
  .ls_law { display: block; margin: 5px 0; }
  .erwei_img_consult { width: auto; }
}