body .main {
 width: auto;
 background: url(/Sites/Uploaded/UserUpLoad/20250609/20250609103918.png) no-repeat center center;
 background-size: contain;
}
.cy_tab_outer{
 display: flex;
 justify-content: center;
 margin-bottom: 30px;
}
.map_outer {
 width: 1200px;
 margin: 10px auto 30px auto;
}
.item-map {
 height: 640px;
 overflow: hidden;
 position: relative;
}

.cy_tab {
 padding: 3px;
 display: flex;
 /* margin-top: 10px; */
 /* margin-left: 10px; */
 /* width: 169px; */
 border: 1px solid #137C4B;
 background: #d7e5e1;
 border-radius: 8px;
 /* margin-left: 160px; */
}

.cy_tab_item a {
 /* background: #137c4b; */
 color: #000;
 display: block;
 padding: 10px;
 font-size: 16px;
 border-radius: 8px;
}

.cy_tab_item.active a {
 background: none;
 color: #137c4b;
 /* border-radius: 0; */
 color: #fff;
 background: #137c4b;
}

.item-map .w1200 {
 overflow: hidden;
 position: relative;
 padding: 0 14px;
}

#main {
 width: 660px;
 height: 525px;
 margin-top: 55px;
 float: left;
}

.map_list {
 float: right;
 width: 320px;
 height: 565px;
 /* margin-top: 35px; */
 overflow-y: scroll;
 overflow-x: hidden;
 box-sizing: border-box;
}
.map_list_inner{
 padding-right: 20px;
}
.map_list::-webkit-scrollbar {
 width: 10px;
}

.mapItemmap_listmapItem_box_inner_scroll_box_inner::-webkit-scrollbar-track {
 background: #ffffff;
 border: 1px solid #137c4b;
 border-radius: 20px;
}

.map_list::-webkit-scrollbar-thumb {
 background: #137c4b;
 border-radius: 20px;
}

.map_list ul li {
 background: #D7E5E1;
 padding: 18px 28px;
 border: 1px solid #137c4b;
 box-sizing: border-box;
 margin-bottom: 14px;
 color: #137C4B;
 font-weight: normal;
 /* border: 1px solid rgba(255, 255, 255, 0.5); */
 border-radius: 8px;
 cursor: pointer;
}

.map_list ul li .title_Summary {
 font-size: 14px;
 margin-top: 4px;
}

.map_list ul li .title_type {
 font-size: 16px;
 margin-bottom: 7px;
 text-align: center;
}
.map_list ul li .title_SubTitle{
 font-size: 14px;
 color: #000;
 font-weight: normal;
 /* display: none; */
}

#main_china,
#main_province {
 width: 660px;
 height: 525px;
}

.backChina {
 display: none;
 position: absolute;
 top: 10px;
 right: 10px;
 font-size: 16px;
 color: #fff;
 cursor: pointer;
}

.map_container {
 float: left;
 position: relative;
 margin-top: 55px;
}

#main_province {
 display: none;
}

.map_list ul li:hover {
 background: rgba(255, 255, 255, 0.8);
 color: #10591E;
}

.map_list ul li:hover .mapItem_box {
 /* display: block; */
}



.mapItem_box_inner {
 background: rgba(215,229,225,0.5);
 border: 1px solid rgba(255, 255, 255, 0.5);
 border-radius: 10px;
 padding: 10px;
 box-sizing: border-box;
 color: #000;
 backdrop-filter: blur(60px);
 margin-right: 80px;
}

.mapItem_box_inner_scroll {
 padding: 35px 40px;
 max-height: 500px;
 overflow-y: scroll;
}

.mapItem_box_inner_scroll::-webkit-scrollbar {
 width: 10px;
}

.mapItemmapItem_box_inner_scroll_box_inner::-webkit-scrollbar-track {
 background: #DDDDDD;
 border-radius: 20px;
}

.mapItem_box_inner_scroll::-webkit-scrollbar-thumb {
 background: #137c4b;
 border-radius: 20px;
}

.mapItem_box p {
 font-size: 16px;
 line-height: 26px;
}

h2.mapItem_title_type {
 font-size: 18px;
 text-align: center;
 margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
 .item-map {
 height: auto;
 background: #10591e;
 }

 #main {
 width: 100%;
 height: 380px;
 margin-top: 20px;
 float: none;
 }

 .map_list {
 width: 100%;
 height: auto;
 margin-top: 20px;
 padding: 0 20px;
 }

 .map_list ul li .title_type,
 .map_list ul li .title_SubTitle {
 font-size: 16px;
 }

 .map_list ul li .title_Summary {
 font-size: 14px;
 margin-top: 10px;
 }

 .map_container {
 float: none;
 margin: 0 auto;
 }

 #main_china,
 #main_province {
 width: 360px;
 height: 360px;
 margin: 0 auto;
 }

 .backChina {
 top: 20px;
 right: 20px;
 }
}
.tab_box{
 display: flex;
 flex-direction: row-reverse;
}
.one_img {
 width: 68%;
}
.img_list{
 width: 100%;
}
.img_list li{
 width: 100%;
}
.one_img .title_type{
 display: none;
}
.one_img .title_SubTitle{
 display: none;
}
.two_img .mapItem_box{
 display: none;
}
.mapItem_box {
 position: absolute;
 width: 70%;
 display: block;
}
.two_img .active{
 background: rgba(255, 255, 255, 0.8);
 color: #10591E;
} /* ===================================================================
   成员单位页面 响应式样式
   适用页面: https://www.bch.com.cn/Html/News/Columns/710/Index.html
   说明: 仅针对主体部分（.main 区域），不涉及头部和底部
   =================================================================== */

/* ========== 基础响应式重置 ========== */

/* 所有图片自适应 */
.main img {
  max-width: 100%;
  height: auto;
}

/* ========== 平板端 (768px ~ 1199px) ========== */
@media only screen and (max-width: 1199px) and (min-width: 769px) {
  /* 外层容器自适应 */
  .map_outer {
 width: 100%;
 max-width: 1200px;
 padding: 0 15px;
 box-sizing: border-box;
  }

  /* 地图区域高度适当缩小 */
  .item-map {
 height: 560px;
  }

  /* 地图画布缩小 */
  #main {
 width: 55%;
 height: 460px;
  }

  #main_china,
  #main_province {
 width: 100%;
 height: 100%;
  }

  /* 右侧列表宽度调整 */
  .map_list {
 width: 42%;
 height: 480px;
  }

  /* 内容区 tab_box 布局调整 */
  .tab_box {
 flex-direction: row-reverse;
 gap: 10px;
  }

  .one_img {
 width: 65%;
  }

  /* 详情弹窗宽度适配 */
  .mapItem_box {
 width: 75%;
  }

  .mapItem_box_inner {
 margin-right: 40px;
  }

  .mapItem_box_inner_scroll {
 max-height: 420px;
 padding: 25px 30px;
  }
}

/* ========== 手机端 (≤768px) ========== */
@media only screen and (max-width: 768px) {
  /* ---------- 主体容器 ---------- */
  body .main {
 background: none;
 padding: 0;
  }

  /* ---------- 面包屑导航 ---------- */
  div.linkmap {
 width: 100%;
 box-sizing: border-box;
 padding: 10px 15px;
 font-size: 13px;
 white-space: nowrap;
 overflow-x: auto;
 height: auto;
 line-height: initial;
  }

  /* ---------- 外层容器 ---------- */
  .map_outer {
 width: 100%;
 max-width: 100%;
 margin: 0 auto 20px auto;
 padding: 0 10px;
 box-sizing: border-box;
  }

  /* ---------- Tab 切换按钮 ---------- */
  .cy_tab_outer {
 margin-bottom: 15px;
 margin-top: 15px;
  }

  .cy_tab {
 padding: 2px;
  }

  .cy_tab_item a {
 padding: 6px 14px;
 font-size: 14px;
  }

  /* ---------- 地图区域 ---------- */
  .item-map {
 height: auto;
 min-height: 400px;
 overflow: hidden;
  }

  /* ---------- 地图画布 ---------- */
  #main {
 width: 100%;
 height: 300px;
 margin-top: 10px;
 float: none;
  }

  #main_china,
  #main_province {
 width: 100%;
 height: 100%;
  }

  .map_container {
 float: none;
 margin: 0 auto;
 width: 100%;
  }

  /* ---------- 地图右侧列表 ---------- */
  .map_list {
 width: 100%;
 height: auto;
 max-height: 350px;
 margin-top: 15px;
 float: none;
 padding: 0 10px;
 box-sizing: border-box;
  }

  .map_list_inner {
 padding-right: 10px;
  }

  .map_list ul li {
 padding: 12px 16px;
 margin-bottom: 10px;
  }

  .map_list ul li .title_type {
 font-size: 14px;
 margin-bottom: 4px;
  }

  .map_list ul li .title_SubTitle {
 font-size: 13px;
  }

  .map_list ul li .title_Summary {
 font-size: 12px;
 margin-top: 4px;
  }

  /* 返回按钮 */
  .backChina {
 top: 10px;
 right: 10px;
 font-size: 14px;
 padding: 4px 10px;
  }

  /* ---------- 内容区域 (tab_box) ---------- */
  .tab_box {
 display: flex;
 flex-direction: column;
 width: 100% !important;
  }

  .tab_box.w1200 {
 width: 100% !important;
 max-width: 100%;
 padding: 0;
  }

  /* 医院列表区域 */
  .one_img {
 width: 100%;
 order: 2;
  }

  /* 地图区域 */
  .two_img {
 width: 100%;
 order: 1;
  }

  .two_img .mapItem_box {
 display: none;
  }

  /* ---------- 医院列表项 ---------- */
  .img_list {
 width: 100%;
  }

  .img_list li {
 width: 100%;
 margin-bottom: 8px;
  }

  .img_list li .title_type {
 display: none;
  }

  .img_list li .title_SubTitle {
 display: none;
  }

  /* ---------- 医院详情弹窗 ---------- */
  .mapItem_box {
 position: fixed;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100%;
 z-index: 9999;
 display: none;
 background: rgba(0, 0, 0, 0.5);
  }

  .mapItem_box_inner {
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 92% !important;
 max-width: 500px;
 max-height: 80vh;
 margin-right: 0;
 background: rgba(215, 229, 225, 0.95);
 border: 1px solid #137c4b;
 border-radius: 12px;
 padding: 0;
 box-sizing: border-box;
 backdrop-filter: blur(60px);
 overflow: hidden;
  }

  .mapItem_box_inner_scroll {
 max-height: 70vh;
 padding: 20px 15px;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
  }

  .mapItem_box_inner_scroll::-webkit-scrollbar {
 width: 6px;
  }

  .mapItem_box_inner_scroll::-webkit-scrollbar-thumb {
 background: #137c4b;
 border-radius: 10px;
  }

  .mapItem_box p {
 font-size: 14px;
 line-height: 22px;
 word-break: break-all;
 overflow-wrap: break-word;
  }

  h2.mapItem_title_type {
 font-size: 16px;
 margin-bottom: 12px;
 padding: 0 5px;
  }

  /* 详情弹窗内图片自适应 */
  .mapItem_box_inner_scroll img {
 max-width: 100% !important;
 height: auto !important;
 display: block;
 margin: 10px auto;
  }

  /* ---------- 隐藏不必要的装饰元素 ---------- */
  .one_img .title_type,
  .one_img .title_SubTitle {
 display: none;
  }

  /* ---------- 列表项点击态优化 ---------- */
  .map_list ul li:hover,
  .two_img .active {
 background: rgba(255, 255, 255, 0.8);
 color: #10591E;
  }

  /* ---------- 滚动条美化(手机端) ---------- */
  .map_list::-webkit-scrollbar {
 width: 6px;
  }

  .map_list::-webkit-scrollbar-thumb {
 background: #137c4b;
 border-radius: 10px;
  }
}

/* ========== 超小屏手机 (≤375px) ========== */
@media only screen and (max-width: 375px) {
  .map_outer {
 padding: 0 5px;
  }

  .cy_tab_item a {
 padding: 5px 10px;
 font-size: 13px;
  }

  #main {
 height: 250px;
  }

  .map_list {
 padding: 0 5px;
  }

  .map_list ul li {
 padding: 10px 12px;
  }

  .map_list ul li .title_type {
 font-size: 13px;
  }

  .mapItem_box_inner {
 width: 96% !important;
 max-height: 85vh;
  }

  .mapItem_box_inner_scroll {
 padding: 15px 10px;
 max-height: 75vh;
  }

  .mapItem_box p {
 font-size: 13px;
 line-height: 20px;
  }

  h2.mapItem_title_type {
 font-size: 15px;
  }
}

/* ========== 大屏适配 (≥1400px) ========== */
@media only screen and (min-width: 1400px) {
  .map_outer {
 max-width: 1400px;
  }
}

/* ========== 打印样式 ========== */
@media print {
  .map_outer {
 width: 100%;
  }

  .item-map {
 height: auto;
 overflow: visible;
  }

  .mapItem_box {
 position: static;
 width: 100% !important;
 display: block !important;
  }

  .mapItem_box_inner {
 position: static;
 width: 100% !important;
 max-width: none;
 background: #fff;
 border: 1px solid #ccc;
 margin-right: 0;
  }
}