:root {
    --teal: #00a99d;
    --teal-dark: #00897e;
    --teal-light: #e6f6f4;
    --navy: #1e2f5e;
    --text: #333;
    --text-light: #666;
    --bg-light: #f4fafb;
    --border: #e5eef0;
  }

.ggylbanner{width:100%;text-align:center;}
.ggylbanner .gjylban img.gjylbanimg {max-width:100%;width:100%;}
.gjylBox{display:flex;flex-direction: column;align-items: center;}
.gjylbOne{width:100%;}

/*通栏*/
.section { padding: 60px 0; }
.section.alt { background: var(--bg-light); }
.sec-title { position: relative; text-align: center; margin-bottom: 40px; }
.sec-title .en {
    position: absolute; left: 0; right: 0; top: -4px;
    font-size: 34px; color: #e0e0e0; font-weight: bold; letter-spacing: 2px;
    white-space: nowrap; overflow: hidden; z-index: 0;
  }
.sec-title .cn { position: relative; z-index: 1; font-size: 26px; color: #2b3a4a; font-weight: 600; }
  /* ========== 科室介绍 ========== */
  .intro-text { margin: 0 auto 36px; color: #444; text-align: justify; text-indent: 2em;font-size: 0.3rem;line-height: 0.5rem;}
  .feature-list {
    max-width:100%; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px;align-items: start;
  }
   .feature-item {
    position: relative;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom:20px;
    cursor: pointer;
    transition: box-shadow .3s, border-color .3s;
  }
  .feature-item:hover {
    box-shadow: 0 8px 24px rgba(0,169,157,.15);
    border-color: #bfe5e1;
  }
  /* 触屏设备：点击后加 .open 类，效果与 hover 一致；z-index 保证浮层盖住相邻内容 */
  .feature-item.open {
    box-shadow: 0 8px 24px rgba(0,169,157,.15);
    border-color: #bfe5e1;
    z-index: 30;
  }
  .feature-head { display: flex; align-items: center; gap: 12px; }
  .feature-head .fic {
    width: 34px; height: 34px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
  }
  .feature-head .fic svg { width: 100%; height: 100%; }
  .feature-item .t { flex: 1; font-weight: 600; color: #2b3a4a; font-size: 0.25rem; line-height: 0.3rem;}
  .feature-item .arrow { flex-shrink: 0; width: 16px; height: 16px; transition: transform .35s; }
  .feature-item .arrow svg { width: 100%; height: 100%; display: block; }
  /* 悬停/点击展开时箭头由下转向上，提示已展开 */
  .feature-item.open .arrow { transform: rotate(180deg); }
  /* 定位浮层：不占文档流，不挤压/推动任何兄弟节点 */
  .feature-item .more {
   max-height: 0;
    overflow: hidden;
    padding: 0 18px;
    color: var(--text-light); font-size: 0.25rem; text-align: justify; line-height: 0.45rem;
    opacity: 0;
    transition: max-height .4s ease, padding .4s ease, opacity .3s ease;
  }
  /* 触屏设备：点击后显示浮层 */
  .feature-item.open .more { max-height: 93.5rem; padding:0.1rem 0.15rem;opacity: 1;}
  /* 有鼠标的设备才启用 hover 触发，避免手机 tap 触发粘性 hover */
  @media (hover: hover) and (pointer: fine) {
    .feature-item:hover {
      box-shadow: 0 8px 24px rgba(0,169,157,.15);
      border-color: #bfe5e1;
    
    }
    .feature-item:hover .arrow { transform: rotate(180deg); }
    .feature-item:hover .more {max-height: 93.5rem; padding:0.1rem 0.15rem;opacity: 1; }
  }
  @media (max-width: 640px) {
    /* 手机上详情过长时浮层内部滚动，避免超出屏幕 */
    .feature-item .more { max-height: 60vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  }

  /* ========== 服务卡片 ========== */
  .service-grid {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px;
  }
  .service-card {position: relative; border-radius: 8px; overflow: hidden;aspect-ratio: 1 / 1; color: #fff; cursor: pointer;background: url(/szqh/uiFramework/commonResource/image/2026102213254122428.jpg) no-repeat top center/cover;display: flex; flex-direction: column; justify-content: space-between;padding: 18px 14px; transition: transform .3s, box-shadow .3s;}
  .service-card:nth-child(2) { background: url(/szqh/uiFramework/commonResource/image/2026102213331679593.png) no-repeat top center/cover; }
  .service-card:nth-child(3) { background: url(/szqh/uiFramework/commonResource/image/2026102213332690003.png) no-repeat top center/cover; }
  .service-card:nth-child(4) { background: url(/szqh/uiFramework/commonResource/image/2026102213333442658.jpg) no-repeat top center/cover; }
  .service-card:nth-child(5) { background: url(/szqh/uiFramework/commonResource/image/2026102213334552110.png) no-repeat top center/cover; }
  .service-card:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,150,140,.35); }
  .service-card .icon { width: 40px; height: 40px; opacity: .95; }
  .service-card .icon img { width: 100%; height: 100%; }
  .service-card h3 { font-size:0.35rem; font-weight: 600; line-height: 1.4;color:#fff;}
  .service-card .link {font-size: 0.25rem; border-top: 2px solid rgba(255,255,255,.7);color:#fff;padding-top: 8px; display: inline-flex; align-items: center; gap: 4px;}

  /* ========== 专家团队 ========== */
  /*专家介绍*/
.zjjsBox{width:100%;position:relative;}
.zjjsBox .hua{position:absolute;bottom:-100px;right:0;}
.picScroll-left{width:100%;position:relative;margin:0 auto;}
.picScroll-left .bd{width:100%;height:auto;overflow:hidden !important;}
.picScroll-left .bd .tempWrap{width:100%;overflow:visible !important;overflow:hidden !important\9;*overflow:hidden !important;}
:root .picScroll-left .bd .tempWrap{overflow:visible !important\9\0;}/*ie9矫正样式*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {/*ie11矫正样式*/
.picScroll-left .bd .tempWrap{overflow:visible !important;}
}


.picScroll-left .bd ul{overflow:visible!important;}
.picScroll-left .bd ul li{overflow:visible!important;width:100%;margin-right:0px;*margin-right:17px;margin-right:17px\9;float:left; _display:inline; overflow:hidden;text-align:center;box-shadow:4px 4px 0 #e1e1e1;border:1px solid #e1e1e1\9;*border:1px solid #e1e1e1;
-o-transition:all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}

:root .picScroll-left .bd ul li{margin-right:19px\9\0;border:none\9\0;}/*ie9矫正样式*/

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {/*ie11矫正样式*/
.picScroll-left .bd ul li{margin-right:19px;border:none;}
}

.picScroll-left .bd ul li *{display:block;}
.picScroll-left .bd ul li img{width:100%;height:400px;display:block;}
.picScroll-left .bd ul li .down{background:#fff;padding:0.15rem;text-align:left;height:2.3rem;position:relative;}
.picScroll-left .bd ul li .down .title{font-size:0.28rem;font-weight:bold;}
.picScroll-left .bd ul li .down .intrduce{font-size:0.25rem;margin-top:0.1rem;}
.picScroll-left .bd ul li .huadong .btn{display:block;width:2rem;padding:2px 0;position:absolute;bottom:30px;left:50%;margin-left:-1rem;border-radius:10px;font-size:0.25rem;border:1px solid #fff;color:#fff;
   background: #008a7c;-o-transition:all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.picScroll-left .bd ul li .huadong .btn:hover{background:#008a7c;color:#fff;}
.picScroll-left .bd ul li{position:relative;    margin-bottom: 4px;}
.picScroll-left .bd ul li .huadong{width:100%;height:100%;position:absolute;z-index:90;background:url(/szqh/uiFramework/commonResource/image/2018072715452361072.png) repeat 0 0;left:0;bottom:-504px;padding:0 20px;}
.picScroll-left .bd ul li:hover .huadong{bottom:0;}

.picScroll-left .bd ul li .huadong a,
.picScroll-left .bd ul li .huadong span{display:block;}
.picScroll-left .bd ul li .huadong .title{display:block;font-size:0.28rem;margin-top:20px;text-align:left;color:#fff;}
.picScroll-left .bd ul li .huadong .summary{display:block;line-height:2;font-size:0.25rem;color:#fff;text-indent:2em;text-align:left;height:65vh;word-wrap: break-word;word-break: break-all; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.picScroll-left .bd ul li:hover{box-shadow:4px 4px 0 #008a7c;border-color:#008a7c\9;*border-color:#008a7c;}

:root .picScroll-left .bd ul li:hover{border-color:#008a7c\9;}/*ie9矫正样式*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {/*ie11矫正样式*/
.picScroll-left .bd ul li:hover{border:none;}
}
.picScroll-left .bd ul li:hover .down{background:#fff url(/szqh/uiFramework/commonResource/image/2017110611160886545.png) no-repeat right center;}

.picScroll-left .next,
.picScroll-left .prev{display:block;width:32px;height:32px;position:absolute;left:-40px;top:50%;margin-top:-25px;z-index:2;cursor:pointer;}
.picScroll-left .prev{background:url(/szqh/uiFramework/commonResource/image/2017020817153535464.png) no-repeat center center;}
.picScroll-left .next{left:auto;right:-40px;background:url(/szqh/uiFramework/commonResource/image/2017020817205116052.png) no-repeat center center;}


.zjjs_top h2 span{font-size: 30px; font-weight: bold; color: #555555; display: inline-block; padding-bottom: 10px;  padding-top: 70px;}
.zjjs_top h2 { text-align: center; width: 100%; margin-bottom: 30px; }
.zjjs_tit{    text-align: center;    padding-bottom: 20px;}
.zjjs_tit span:first-child { border-left: none;}
.zjjs_tit span{color: #555555; font-size: 24px; padding: 0 25px; border-left: 1px solid #008a7c;}
.zjjs_tit span a{color: #555555; font-size: 24px; }
.zjjs_tit .zjjs_hover a{color: #6ac4c1;}
.swi-leaguebox{position: relative;}
#swiper1 .swiper-button-prev,.swi-leaguebox .league-arrow-prev{background-image: url(/szqh/uiFramework/commonResource/image/2024120214305691102.png); left: -50px;}
#swiper1 .swiper-button-next,.swi-leaguebox .league-arrow-next{ background-image: url(/szqh/uiFramework/commonResource/image/2024120214310644945.png); right: -50px; left: auto; }
.public-pic img{height:300px;width:100%;border-radius:15px;}

  /* ========== 服务流程 & 联系我们 ========== */
  .process-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .info-card {
    background: linear-gradient(180deg, #f2fafb, #e9f6f8);
    border: 1px solid #dceef1; border-radius: 10px; padding: 28px;
  }
  .info-card .card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 18px;justify-content: center; }
  .info-card .card-head .ic {
    width: 44px; height: 44px; border-radius: 50%;display: flex; align-items: center; justify-content: center;
  }
  .info-card .card-head .ic svg { width: 22px; height: 22px; }
  .info-card .card-head h3 { font-size: 20px; color: #2b3a4a; }
  .info-card p { color: #556; margin-bottom: 14px; }
  .process-imgs { display: grid; grid-template-columns: repeat(2, 2fr); gap:20px; margin: 16px 0; }

  .process-imgs .ph{aspect-ratio: 6/3; border-radius: 6px; overflow: hidden;background: url(/szqh/uiFramework/commonResource/image/2026102316562494043.png) no-repeat top center/cover; display: flex; align-items: center; justify-content:flex-end; color: #1d8f81; font-size:0.35rem; }
  .process-imgs .ph:nth-child(2) { background: url(/szqh/uiFramework/commonResource/image/2026102316563345406.png) no-repeat top center/cover;}
  .process-imgs .ph:nth-child(3) { background: url(/szqh/uiFramework/commonResource/image/2026102316564199209.png) no-repeat top center/cover;}
  .process-imgs .ph:nth-child(4) { background: url(/szqh/uiFramework/commonResource/image/2026102316564968186.png) no-repeat top center/cover;}
  .contact-line { display: flex; gap: 8px; margin-bottom: 10px; color: #445; }
  .process-imgs .ph a{display:block;width:100%;padding-right:20px; font-size:0.35rem;text-align: right;}
  .process-imgs .ph a span{ color: #1d8f81;}
  .process-imgs .ph:nth-child(2) a span{ color:#1d5b8f;}
  .process-imgs .ph:nth-child(3) a span{color:#ab9c56;}
  .process-imgs .ph:nth-child(4) a span{color:#8f4d1d;}
  .qr-row { display: flex; margin-top: 18px; }
  .qr-item {text-align: left;width: calc(50% - 20px);flex: 1 1 calc(50% - 20px); }
  .qr-item .qr {width: 96px; height: 96px; background: #fff; border: 1px solid #d5e8ec; border-radius: 6px;display: flex; align-items: center; justify-content: center; color: #9bb; font-size: 12px;}
  .qr-item span { display: block; margin-top: 6px; }
 .contact-line span{font-size:0.25rem;color: var(--text-light);}
 .contact-line span.lab{ color: var(--teal);}

/*国际医疗部环境*/
.env-top {position: relative; display: grid;grid-template-columns: 1.55fr 1fr; align-items: end;margin-bottom: 40px;}
.video_sp { width:100%; position: relative; z-index: 5; box-shadow: 0 8px 24px rgba(0,0,0,.12);}
.video_sp video { width: 100%; height: 100%; display: block; object-fit: cover; }
.video_sp .play { display: block; width: 100%; height: 100%; position: absolute; left: 0%; z-index: 6; top: 0%; background: url(/szqh/template/page/index/video_play.png) no-repeat center; background-size: 1.88rem; }
.env-panel{position: relative;z-index: 1;background:#1d8f81;color: #fff;border-radius: 10px;padding: 2rem 0rem 2rem 1.5rem;margin-left: -1rem;}
.env-panel h3{font-size:0.35rem;letter-spacing: 5px;font-weight:300;color: #fff;}
.env-panel .line { width: 0.75rem;height: 3px;background: #fff;border-radius: 2px;margin-top: 14px;}

  /* ========== 响应式 ========== */
  @media (max-width: 1100px) {
    .service-grid { grid-template-columns: repeat(3, 1fr); }
    .doctor-card { flex: 0 0 calc((100% - 36px) / 3); }
  }
  @media (max-width: 900px) {
    .nav-toggle { display: block; }
    .main-nav {
      position: absolute; top: 64px; left: 0; right: 0;
      background: #fff; flex-direction: column; align-items: stretch;
      padding: 10px 20px 16px; gap: 2px;
      box-shadow: 0 8px 16px rgba(0,0,0,.08);
      display: none;
    }
    .main-nav.open { display: flex; }
    .main-nav a { padding: 12px 8px; border-bottom: 1px solid #f0f4f5; }
    .main-nav a.active { border-radius: 6px; text-align: center; border-bottom: none; margin-top: 8px; }
    .hero { height: 260px; }
    .hero h1 { font-size: 34px; letter-spacing: 8px; }
    .feature-list { grid-template-columns: 1fr; gap: 0; }
    .process-grid { grid-template-columns: 1fr; }

  }
  @media (max-width: 640px) {
    .section { padding: 40px 0; }
    .sec-title .en { font-size: 28px; }
    .sec-title .cn { font-size: 21px; }
    .hero { height: 200px; }
    .hero h1 { font-size: 26px; letter-spacing: 5px; }
    .hero p { font-size: 13px; letter-spacing: 3px; }
    .service-grid { grid-template-columns: repeat(2, 1fr); }
    .doctor-card { flex: 0 0 calc((100% - 18px) / 2); }
    .team-arrow { display: none; }
    .process-imgs { grid-template-columns: repeat(2, 1fr); }
    .qr-row { justify-content: center; }
    .public-pic img{height:150px;width:100%;border-radius:15px;}

  }