@charset "utf-8";

:root{
  --brand-blue:#0b6ddd;
  --brand-blue-light:#1686e8;
  --brand-blue-dark:#0958b5;
  --text:#2f2f2f;
  --accent-red:#e71f19;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body,ul,li,span,p,b,dl,dt,dd{margin:0;padding:0;font-weight:normal;font-style:normal;}
body{
  margin:0;
  padding:0 0 .8rem;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;
  font-size:clamp(16px,2.8vw,18px);
  color:var(--text);
  background:#fff;
}
img{border:0;vertical-align:top;max-width:100%;}
ul,li{list-style:none;}
a{text-decoration:none;color:var(--text);}
p{text-indent:2em;line-height:1.8;}

.clearfix{width:100%;max-width:640px;min-width:320px;overflow-x:hidden;margin:0 auto;background:#fff;}
.picture img{display:block;width:100%;height:auto;}
.center{width:94%;margin:0 auto;overflow:hidden;}
.text-center{text-align:center;}

/* 与 Banner 蓝色系统一：顶部导航与栏目标题共用同一品牌渐变 */
.nav,
.title{
  background:linear-gradient(90deg,var(--brand-blue-light) 0%,var(--brand-blue) 55%,var(--brand-blue-dark) 100%);
}

.nav{overflow:hidden;}
.nav ul{display:flex;width:100%;}
.nav li{width:25%;text-align:center;border-right:1px solid rgba(255,255,255,.9);}
.nav li:last-child{border-right:0;}
.nav li a{
  display:block;
  padding:.48em 0;
  color:#fff;
  font-size:clamp(18px,4.05vw,26px);
  line-height:1.15;
  white-space:nowrap;
}
.nav li a:hover,
.nav li a:focus{background:rgba(255,255,255,.08);}

.title{
  width:100%;
  margin:.7em 0;
  padding:.38em 0;
  text-align:center;
  font-size:clamp(19px,4.05vw,26px);
  line-height:1.2;
  font-weight:700;
  color:#fff;
}

/* 本地完整 Banner：以后只需替换 images/banner.jpg */
.banner{width:100%;overflow:hidden;}
.banner .banner-link{display:block;width:100%;}
.banner .banner-img{display:block;width:100%;height:auto;border:0;}

.doctor ul{display:flex;flex-wrap:wrap;}
.doctor ul li{width:32%;text-align:center;margin:0 2% 2% 0;}
.doctor ul li:nth-of-type(3n){margin-right:0;}
.doctor ul li span{font-size:clamp(14px,3.4vw,21px);line-height:2;}
.doctor ul li span strong{font-size:clamp(16px,4vw,25px);margin-right:2%;font-weight:700;}

.bottom{border-top:3px solid var(--brand-blue);margin-top:.7em;padding:.15em 3% .8em;}
.bottom ul li{margin-top:.7em;line-height:1.5;}
.bottom ul li b{color:var(--accent-red);font-weight:700;}

@media (max-width:420px){
  body{font-size:16px;}
  .nav li a{padding:.55em 0;}
}