/* ============================================================
   济南中医肝病医院 - 频道页
   设计稿: pc端3.psd (1600 x 5500, 页面主体自 banner 起)
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    font-size: 14px;
    color: #282828;
    background: #fff;
    min-width: 1200px;
}
ul, li, ol { list-style: none; }
a { text-decoration: none; color: inherit; }
img { border: 0; vertical-align: top; }
.wrap { width: 1034px; margin: 0 auto; }

/* ==================== Banner (1920 长, 图 1600x650 居中) ==================== */
.bannerkf {
    width: 100%;
    height: 650px;
    background: #cfe3ea;
    overflow: hidden;
}
.bannerkf img {
    display: block;
    width: 1600px;
    height: 650px;
    margin: 0 auto;
}

/* ==================== 通用区块 ==================== */
.sec-intro  { background: linear-gradient(180deg, #ddf0f9 0%, #f4fcff 30%, #e7fdfd 100%); }
.sec-case   { background: #e7fdfd; }
.sec-yide   { background: #ffffff; }
.sec-qa     { background: #e5ffff; }
.sec-team   { background: #ffffff; }
.sec-honor  { background: #e5ffff; }

/* 区块标题: 大蓝字 + 衬线英文 */
.sec-head {
    text-align: center;
    padding-top: 58px;
}
.sec-head h2 {
    font-size: 42px;
    line-height: 1.1;
    font-weight: bold;
    color: #0068b0;
    letter-spacing: 3px;
}
.sec-head span {
    display: block;
    margin-top: 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    color: #0068b0;
    letter-spacing: 2px;
}

/* 标题下分隔线: 贯穿全宽的粗蓝线 + 居中大圆点(深蓝外圈/蓝心) */
.sec-line {
    position: relative;
    height: 2px;
    background: #0068b0;
    margin-top: 32px;
}
.sec-line i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: #88dedf;
    border: 6px solid #0068b0;
    border-radius: 50%;
}

/* 点击咨询按钮 */
.btn-consult-box { text-align: center; padding: 44px 0 58px; }
.btn-consult {
    display: inline-block;
    width: 250px;
    height: 48px;
    line-height: 48px;
    background: #ff8202;
    border-radius: 24px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    transition: background .25s;
}
.btn-consult:hover { background: #f06f00; }

/* ==================== 引言 ==================== */
.sec-intro { padding: 16px 0 30px; }
.intro-box { display: flex; align-items: flex-start; }
.intro-title {
    width: 190px;
    flex-shrink: 0;
    text-align: center;
    padding-top: 10px;
}
.intro-title h2 {
    font-size: 40px;
    color: #0068b0;
    letter-spacing: 4px;
    line-height: 1.1;
}
.intro-title span {
    display: block;
    margin-top: 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    color: #0068b0;
    letter-spacing: 1px;
}
.intro-text { flex: 1; }
.intro-text p {
    font-size: 15px;
    line-height: 2;
    color: #282828;
    text-indent: 2em;
    text-align: justify;
}

/* ==================== 临床康复案例 ==================== */
.case-list {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.case-item {
    width: 488px;
    height: 87px;
    margin-bottom: 13px;
    background: #fff;
    border-radius: 4px;
    padding: 3px;
    display: flex;
    overflow: hidden;
}
.case-item:hover { box-shadow: 0 4px 12px rgba(0, 104, 176, .18); }
.case-item .pic {
    width: 127px;
    height: 80px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 3px;
}
.case-item .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.case-item .info { flex: 1; padding: 5px 12px 0 14px; overflow: hidden; }
.case-item .info h3 {
    font-size: 16px;
    color: #000;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-item .info h3:hover { color: #0068b0; }
.case-item .info p {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.55;
    color: #717171;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ==================== 医德高尚 仁心仁术 (轮播) ==================== */
.yide-carousel { width: 976px; margin: 48px auto 0; }
.car-viewport { width: 976px; overflow: hidden; }
.car-track { display: flex; transition: transform .45s ease; }
.car-item {
    width: 318px;
    flex-shrink: 0;
    margin-right: 11px;
    background: #fff;
    border: 1px solid #bfe8f5;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 12px rgba(0, 150, 200, .25);
}
.car-item:last-child { margin-right: 0; }
.car-pic {
    position: relative;
    width: 316px;
    height: 413px;
    overflow: hidden;
}
.car-pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.car-pic p {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 30px 12px 12px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.62) 45%);
    color: #fff;
    font-size: 12px;
    line-height: 1.7;
    text-align: justify;
}

/* 轮播圆点 */
.car-dots {
    margin-top: 26px;
    text-align: center;
    height: 12px;
}
.car-dots i {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #c9cdd2;
    margin: 0 7px;
    cursor: pointer;
    transition: background .25s;
}
.car-dots i.on { background: #1b7fc4; }
.sec-yide .btn-consult-box { padding-top: 30px; }

/* ==================== 肝病问答 ==================== */
.qa-list {
    width: 938px;
    margin: 50px auto 0;
}
.qa-item {
    background: #fff;
    border-radius: 4px;
    padding: 24px 30px 18px 26px;
    margin-bottom: 30px;
}
.qa-item:hover { box-shadow: 0 4px 14px rgba(0, 104, 176, .15); }
.qa-ask {
    display: flex;
    align-items: center;
}
.qa-ask .qa-icon {
    width: 66px;
    height: 41px;
    flex-shrink: 0;
    margin-right: 14px;
}
.qa-ask .qa-icon img { display: block; width: 100%; height: 100%; }
.qa-ask h3 {
    font-size: 21px;
    color: #000;
    font-weight: bold;
    line-height: 1.3;
}
.qa-reply {
    margin-top: 10px;
    font-size: 17px;
    font-weight: bold;
    color: #4583ff;
}
.qa-answer {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.9;
    color: #282828;
    text-align: justify;
}
.qa-answer .sanjiao {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    vertical-align: -1px;
}
.qa-time {
    margin-top: 12px;
    font-size: 13px;
    color: #999;
}
.sec-qa .btn-consult-box { padding-top: 24px; padding-bottom: 52px; }

/* ==================== 专业医生团队 ==================== */
.team-img { text-align: center; margin-top: 48px; }
.team-img img { display: block; width: 1111px; margin: 0 auto; }
.team-text { width: 1111px; margin-top: 26px; }
.team-text p {
    font-size: 15px;
    line-height: 2;
    color: #282828;
    text-indent: 2em;
    text-align: justify;
}
.sec-team .btn-consult-box { padding-top: 40px; padding-bottom: 52px; }

/* ==================== 硕果累累 专业权威 ==================== */
.honor-img { text-align: center; margin: 48px 0 56px; }
.honor-img img { display: block; width: 1010px; margin: 0 auto; }