@media screen and (max-width: 768px) {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html,
  body {
    min-width: 0;
    overflow-x: hidden;
  }

  .header_wrap,
  .foot_wrap,
  .foot_wrap .foot,
  .content_wrap .contentBox,
  .content_wrap > .content,
  .content_wrap .content {
    width: 100%;
    min-width: 0;
  }

  .header_wrap {
    padding: 0 15px;
  }

  .header_wrap .header-webname {
    padding: 12px 0;
    font-size: 24px;
  }

  .header_wrap .help,
  .header_wrap .place {
    display: none;
  }

  .search_wrap {
    height: auto;
    min-height: 150px;
    padding: 20px 15px;
  }

  .search_wrap .search {
    width: 100%;
    height: auto;
    min-height: 92px;
  }

  .search_wrap .search .input1 {
    width: calc(100% - 82px);
    height: 44px;
    margin-top: 0;
    padding-left: 12px;
    line-height: 44px;
    font-size: 14px;
  }

  .search_wrap .search .input2 {
    width: 82px;
    height: 44px;
    margin-top: 0;
    line-height: 44px;
    font-size: 15px;
  }

  .search_wrap .search .gaoji,
  .search_wrap .search .zcwjjs,
  .search_wrap .search .spiltsearch,
  .jgqsearch {
    position: static;
    display: inline-block;
    margin-top: 12px;
    font-size: 13px;
  }

  .search_wrap .search .spiltsearch {
    margin: 12px 8px 0;
  }

  .search_wrap .search .reci {
    clear: both;
    padding-top: 10px;
    font-size: 12px;
    line-height: 22px;
  }

  .search_wrap .search .reci span {
    margin-right: 8px;
  }

  /* 头图在手机上完整展示，避免 cover 裁切标题内容。 */
  .banner {
    height: 150px !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
  }

  .content_wrap {
    padding: 15px;
  }

  .content_title_item li{
    margin:0 6px !important;
  }

  /* 页面模板与后加载插件中存在 1200px 固定宽度，移动端强制解除。 */
  #barrierfree_container,
  #search-form,
  .content_wrap,
  .content_wrap .contentBox,
  .content_wrap .contentBox > .content,
  .content_title_item,
  #jsearch_gj_dialog {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

   #jsearch_gj_dialog {
    padding: 0 !important;
   }

  .content_wrap .contentBox {
    padding-top: 0;
  }

  /* 菜单由桌面的侧栏改为横向导航，可左右滑动查看全部栏目。 */
  .contentBox .menu,
  .contentBox .menu.menuBox {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 50px !important;
    margin: 0 0 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background: #1c5cac;
    display:none;
  }

  .content_wrap .content_title {
    float: none;
    width: 100%;
    overflow-x: auto;
    border-bottom: 1px solid #e5e5e5;
  }

  .content_wrap .content_title ul,
  .contentBox .menu ul,
  .menu ul {
    position: static;
    display: flex;
    width: max-content;
    min-width: 100%;
    height: auto;
    margin: 0 !important;
    border: 0;
  }

  .content_wrap .content_title ul li,
  .contentBox .menu ul li,
  .menu ul li {
    float: none;
    min-width: auto;
    height: 44px;
    margin: 0;
    padding: 0 12px;
    line-height: 44px;
    text-align: center;
    white-space: nowrap;
  }

  .content_wrap .content_title ul li a,
  .menu ul li a {
    padding: 0;
    line-height: 44px;
    text-align: center;
    background: none;
  }

  .menu ul .active {
    border-right: 0;
    border-bottom: 3px solid #1c5cac;
  }

  .contentBox .menu ul,
  .menu ul {
    min-width: max-content;
  }

  .contentBox .menu ul li,
  .menu ul li {
    height: 50px;
    padding: 0 16px;
    line-height: 50px;
  }

  .contentBox .menu ul li a,
  .menu ul li a {
    color: #fff;
    line-height: 50px;
    font-size: 16px;
  }

  .contentBox .menu ul .active {
    border-bottom-color: #fff;
  }

  .contentBox .menu ul .active a {
    color: #fff;
  }

  /* 文件检索表单：每项独占一行，输入区域随屏幕宽度伸缩。 */
  .mul_search {
    width: 100%;
    padding: 15px;
    border: 1px solid #e2e2e2;
  }

  .wjjs {
    float: none;
    width: auto;
    margin-bottom: 12px;
    text-align: center;
    display:none;
  }

  .wjjs span img {
    max-height: 46px;
    margin: 0;
  }

  .input-wrap-bar {
    float: none;
    width: 100%;
  }

  .mul_search ul li {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }

  .wc_sh {
    display: flex;
    width: 100%;
  }

  .wc_sh span {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    background-position: center !important;
  }

  .wc_sh label {
    display: block;
    flex: 1;
    min-width: 0;
    padding: 0 !important;
  }

  .wc_sh input,
  .select_one {
    float: none;
    width: 100% !important;
    height: 44px;
    padding: 0 10px;
    font-size: 15px;
  }

  .mul_search .mt40,
  .mul_search .c-datepicker-date-editor {
    width: 100% !important;
  }

  .mul_search .c-datepicker-date-editor {
    min-width: 0;
  }

  .js_btn {
    display: flex;
    float: none;
    width: 100%;
    gap: 10px;
  }

  .js_btn input[type="button"] {
    flex: 1;
    width: auto;
    height: 44px;
    margin: 0;
    padding: 0;
    background-size: 100% 100%;
  }

  .search-result-header {
    margin: 12px 0;
    padding: 0;
    line-height: 26px;
  }

  .search-result-header .checkbox label {
    margin-right: 10px;
  }

  .search-result-header .tishi {
    clear: both;
    padding-top: 4px;
  }

  .content_wrap .content .content_left,
  .content_wrap > .content .content_left {
    float: none;
    width: 100%;
    padding: 0;
    border: 0;
  }

  .content_wrap .content .content_left .range,
  #jsearch-condition-box-content {
    width: 100%;
    height: auto;
    min-height: 44px;
    margin: 0 0 15px;
    padding: 6px 10px;
    line-height: 32px;
    font-size: 14px;
  }

  .content_wrap .content .content_left .range .chaxun,
  .content_wrap .content .content_left .range .pailie {
    float: none;
    display: inline-block;
  }

  .content_wrap .content .content_left .range span {
    margin-right: 6px;
  }

  .content_wrap .content .content_left .range span img {
    margin: -4px 4px 0 0;
  }

  .content_wrap .content .content_left .fanwei {
    top: 42px;
    left: 10px;
  }

  .content_wrap .content .content_left .paixu {
    top: 42px;
    left: 150px;
  }

  .content_wrap .content .content_left .leixing,
  .content_wrap .content .content_left .city,
  .content_wrap .content .content_left .webname {
    width: 100%;
    padding: 0 10px;
    line-height: 48px;
    font-size: 14px;
  }

  .content_wrap .content .content_left .result,
  .content_wrap .content .content_left .service_wrap .service_ul,
  .content_wrap .content .content_left .bszn .bszn_ul,
  .content_wrap .content .content_left .bszn .bszn_list,
  .content_wrap .content .content_left .bszn .bszn_list li {
    width: 100%;
    margin-left: 0;
  }

  .content_wrap .content .content_left .result {
    padding: 10px 0;
  }

  .content_wrap .content .content_left .bszn .bszn_list li {
    height: auto;
    min-height: 44px;
    padding-right: 0;
    line-height: 22px;
  }

  .comprehensiveItem,
  .news-result,
  .jcse-result-document {
    padding: 12px 0;
  }

  .comprehensiveItem .firstpic,
  .comprehensiveItem .content,
  .knowledgecard .template .imgdiv,
  .knowledgecard .template .data,
  .jcse-result-document-left,
  .jcse-result-document-right {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .comprehensiveItem .firstpic img {
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
  }

  .comprehensiveItem .titleWrapper a,
  .jcse-result-document-right-title a {
    font-size: 16px;
    line-height: 26px;
  }

  .comprehensiveItem .sourceTime > span {
    line-height: 26px;
  }

  .comprehensiveItem .sourceTime > span:last-child {
    float: none;
    display: block;
  }

  .comprehensiveItem .xxgkInfo {
    overflow-x: auto;
  }

  .comprehensiveItem .xxgkInfo table {
    min-width: 560px;
  }

  .zxblsxItemWrapTitle,
  .zxblsxItem .zxblsxItemWrap .textTitle {
    width: auto;
    max-width: none;
  }

  .content_wrap .content .content_right {
    float: none;
    width: 100%;
    min-height: 0;
    margin-top: 20px;
  }

  .queryAssess,
  .feedbackContent {
    width: 100%;
    padding: 20px 15px;
  }

  .queryAssess > .assessBtn {
    display: flex;
  }

  .queryAssess > .assessBtn > div {
    width: calc(50% - 6px);
    padding-left: 42px;
  }

  .queryAssess > .assessBtn > div.my,
  .queryAssess > .assessBtn > div.bmy {
    background-position: 14px center;
    background-size: 20px;
  }

  .feedbackContent > .feedbackItem > .questionList {
    width: calc(100% - 30px);
  }

  .feedbackContent > .feedbackItem > .qsubmit > button {
    width: calc(50% - 10px);
    height: 38px;
  }

  .content_wrap .content .content_right .relevant_img {
    padding: 0;
  }

  .content_wrap .content .content_right .relevant_img .relevant_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .content_wrap .content .content_right .relevant_img .relevant_list ul li {
    width: calc(50% - 6px);
    height: auto;
  }

  .jr_images {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  .foot_wrap {
    min-height: 70px;
    padding: 15px;
    text-align: center;
  }
}