/* 基础重置与移动端通用样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 响应式断点：768px 以下为移动端 */
@media (max-width: 998px) {
  /* ========== 导航栏适配 ========== */
  .navbar {
    padding: 10px 5%;
    position: relative;
  }
  #primary-menu li a{
	background:#fff;
	padding:10px 0;
	margin:0 10px;
  }
  .brand .logo img {
  }
  
  .brand .logo span {
    min-width: auto !important;
    font-size: 12px;
    line-height: 1.2;
  }
  /* ========== Swiper 轮播适配 ========== */
  /* 顶部banner轮播 */
  .swiper {
    height: auto !important;
  }
  
  .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  
  /* 多图轮播（swiper1）适配 */
  .swiper1 {
    padding: 10px 0;
  }
  
  .swiper1 .swiper-slide {
    width: 45% !important;
    margin-right: 5% !important;
  }
  
  .swiper1 .swiper-pagination,
  .swiper2 .swiper-pagination {
    bottom: 0 !important;
  }
  
  /* 隐藏移动端轮播的左右按钮（节省空间） */
  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }

  /* ========== 医院介绍区域 ========== */
  .about {
    flex-direction: column;
  }
  
  .about-l, .about-r {
    width: 100% !important;
    margin: 0 !important;
  }
  
  .about-l img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  
  .section_title_area h2 {
    font-size: 18px;
    line-height: 1.4;
  }
  
  .section_title_area p {
    font-size: 18px;
    line-height: 1.5;
  }
  
  .about-md {
    width: 33.33% !important;
    margin-bottom: 10px;
  }
  
  .inner_ab_con_title ul li {
    font-size: 12px;
  }

  /* ========== 专家介绍区域 ========== */
  .cont-1 {
    padding: 20px 5%;
	background: #0066cc;
    margin-top: 20px;
  }
  
  .section-title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
  }
  
  /* 专家列表滚动区域 */
  .expert-scroll-wrapper {
    position: relative;
  }
  
  .scroll-btn {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    z-index: 10;
  }
  
  .expert-item {
    width: 120px !important;
    margin-right: 10px !important;
	display:grid;
  }
  
  .expert-item img {
    width: 100%;
    height: auto;
  }
  
  .expert-item .name {
    font-size: 18px;
  }
  
  .expert-item .title {
    font-size: 12px;
    line-height: 1.2;
  }
  
  /* 专家详情区域 */
  .expert-detail {
    flex-direction: column;
    padding: 10px 0;
  }
  
  .detail-avatar {
    margin: 0 auto 20px;
  }
  
  .detail-info {
    width: 100% !important;
    padding: 0 10px;
  }
  
  .detail-info h2 {
    font-size: 18px;
    text-align: center;
  }
  
  .base-info {
    font-size: 18px;
    margin: 10px 0;
  }
  
  .desc {
    font-size: 13px;
    line-height: 1.5;
  }
  
  .health-check {
    width: 100% !important;
    margin-top: 20px;
  }
  
  .check-item {
    font-size: 12px;
  }

  /* ========== 新闻资讯区域 ========== */
  .index-news-title {
    font-size: 20px;
    text-align: center;
    margin: 20px 0 10px;
  }
  
  .index-news {
    flex-direction: column;
  }
  
  .news-img {
    width: 100% !important;
    margin-bottom: 20px;
  }
  
  #cen_right_top {
    width: 100% !important;
  }
  
  #cen_right_top h3 {
    font-size: 16px;
    padding: 10px;
  }
  
  #cen_right_top ul li {
    padding: 8px 0;
    font-size: 13px;
  }
  
  #cen_right_top ul li a {
    width: 70% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  #cen_right_top ul li span:last-child {
    width: 25% !important;
    font-size: 12px;
  }

  /* ========== 就诊流程区域 ========== */
  .main1140 {
    display:none;
  }
  
  

  /* ========== 底部版权区域 ========== */

  /* ========== 通用适配 ========== */
  /* 图片自适应 */
  img {
    max-width: 100%;
    height: auto;
  }
  
  /* 隐藏PC端冗余元素 */
  .witr_back_title {
    display: none;
  }
  
  /* 调整字体大小 */
  body {
    font-size: 18px;
    line-height: 1.5;
  }
  
  /* 容器宽度适配 */
  .container {
    width: 100% !important;
    padding: 0 5%;
  }
}

/* 小屏手机适配（480px以下） */
@media (max-width: 480px) {
  .swiper1 .swiper-slide {
    width: 80% !important;
  }
  
  .expert-item {
    width: 100px !important;
  }
  
  .process-box li {
    min-width: 120px !important;
  }
  
  .about-md {
    width: 50% !important;
  }
}