body{
    background: #F7F9FD;
}

.content{
 
    background: url(../images/ksjs.png) no-repeat ; /* 居中 + 不重复 */
    padding-top: 22px;
    background-size: 100%;
    bottom: 70px;
    position: relative;
    background-position-y: 70px;
    min-height: 600px;
    margin-top: -140px;
}
.content .ksxq{
   
    z-index: 2;
    position: relative;
}
.zxxq {
    position:relative;
    height: 140px;
    background: linear-gradient(180deg, #3B7FFF 0%, #0046AB 100%);
    top: -80px;
    clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 0% 100%);
    z-index: 1;
    /* 默认宽度（适用于 1920px 屏幕） */
    width: 850px;
}




/* 当屏幕小于 1920px 时，按比例缩小 */
@media (max-width: 1920px) {
    .zxxq {
        width: calc(850 * (100vw / 1920)); /* 保持 1920px 时的比例 */
    }
}

/* 在 1200px 视口内，保持固定比例 */
@media (max-width: 1200px) {
    .zxxq {
        width: calc(850 * (1200 / 1920)); /* 计算 1200px 视口下的等效宽度 */
        max-width: 100%; /* 防止溢出 */
    }
}
.content .ksxq .lmbt{
    width: 1200px;
    margin: 0 auto;
    height: 90px;
}

.content .ksxq .lmbt span{
    display: block;
height: 33px;
font-size: 24px;
color: #FFFFFF;
line-height: 33px;
text-shadow: 0px 1px 4px rgba(0,0,0,0.3);
text-align: left;
font-style: normal;
}
.content .ksxq .lmbt ul{
    display: block;
    width: 100%;
    height: 33px;
    padding-top: 24px;
}
.content .ksxq .lmbt ul li {
    display: inline-block;
    float: left;
    padding-right: 40px;
}
.content .ksxq .lmbt ul li span{
height: 22px;
font-size: 16px;
color: #FFFFFF;
line-height: 22px;
text-align: left;
font-style: normal;
}

.message1 a{
    
    color: #6E7177;

}
 .message1{
    font-size: 14px;
    color: #6E7177;
    line-height: 16px;
    text-align: right;
    font-style: normal;
    bottom: 20px;
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

/* 科室简介 */
.ksjj{
    width: 1200px;
    margin: 0 auto;
    margin-top: 62px;
    height: 240px;
    margin-bottom: 60px;
    
}
.ksjj .ksjj_wz .left{
    float: left;
    width: 394px;

}
.ksjj .ksjj_wz .left img{
    width: 394px;
    height: 240px;
}

.ksjj .ksjj_wz .right{
    float: right;
    width: 746px;
}
.ksjj .ksjj_wz .right .Eng{
    width: 746px;
height: 22px;
font-size: 16px;
color: #1F5EDD;
line-height: 22px;
text-align: left;
font-style: normal;
text-transform: uppercase;
display: block;
}
.ksjj .ksjj_wz .right .lmmc{
height: 26px;
width: 746px;
display: block;
font-size: 24px;
color: #373737;
line-height: 26px;
text-align: left;
font-style: normal;
margin-top: 7px;
margin-bottom: 30px;
}
.ksjj .ksjj_wz .right .zy {
    width: 746px;
    height: 96px; /* 4行 × 24px行高 = 96px（可选，可以用 max-height 替代） */
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    text-align: justify;
    font-style: normal;
    
    /* 关键代码：限制 4 行 + 超出显示省略号 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 限制 4 行 */
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 超出显示省略号 */
}
.ksjj .ksjj_wz .right a{
    width: 90px;
height: 32px;
background: rgba(55,117,232,0.1);
border-radius: 4px;
line-height: 32px;
border: 1px solid #3775E8;
margin-top: 30px;
display: block;
font-size: 14px;
color: #3775E8;
text-align: justify;
font-style: normal;
padding-left: 10px;
box-sizing: border-box;
background: url(../images/bluejt.png) no-repeat right 8px center;
}

/* 科室专家 */
.kszj{
    background: url(../images/kszj_bg.png);
    height: 394px;
}
.kszj .top {
    background: url(../images/kszj.png) no-repeat center 40px; /* 水平居中，垂直距离顶部40px */
    height: 80px;
}
.kszj .list1{
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    height: 260px;
    position: relative;
}
/* 轮播列表样式 */

.kszj .list1 ul li{
    width: 380px;
    height: 182px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(11,29,86,0.1);
    border-radius: 4px;
    padding: 16px;
    box-sizing: border-box;
    margin-right: 24px;
}
.list1 .tempWrap{
    width: 1200px !important;
  }
  
  .list1 ul {
    width: 1200px;
    height: 182px;
  }
  
  .list1 ul li {
    width: 380px!important;
    height: 182px;
    float: left;
  }
  
.kszj .list1 ul li .left{float: left;    width: 112px;  height: 150px;}
.kszj .list1 ul li .left img{
    width: 112px;
height: 150px;
border-radius: 3px;
border: 1px solid #BDD4FF;
}
.kszj .list1 ul li .right{
    float: right;
    width: 220px;
    height: 150px;
    overflow: hidden;
}
.kszj .list1 ul li .right .bt{
    display: block;
font-size: 20px;
color: #000000;
line-height: 28px;
text-align: left;
font-style: normal;
}
.kszj .list1 ul li .right .fbt{
font-size: 16px;
color: #000000;
line-height: 22px;
text-align: left;
font-style: normal;
display: block;
margin-top: 8px;
margin-bottom: 12px;
}
.kszj .list1 ul li .right .zy {
    height: 80px; /* 4行 × 20px行高 = 80px */
    font-size: 14px;
    color: #46494E;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    
    /* 关键属性：多行省略 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 限制4行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 箭头按钮样式 */
.kszj .prev, 
.kszj .next {
    position: absolute;
    top:90% ;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.kszj .prev {
    left: 0px;  /* 根据实际需要调整 */
}

.kszj .next {
    right: 0px; /* 根据实际需要调整 */
}

/* 导航按钮样式 */



/* 相关疾病 */
.xgjb{
    width: 1200px;margin: 0 auto;height: 400px;
}
.xgjb .top {
    background: url(../images/xgjb.png) no-repeat center 60px; /* 水平居中，垂直距离顶部40px */
    height: 100px;
    margin-bottom: 40px;
}
/* 基础样式 */
.xgjb .list2 ul li {
    height: 220px;
    background: rgba(55,117,232,0.06);
    border-radius: 40px 0 40px 0;
    border: 1px solid #3775E8;
    float: left;
    box-sizing: border-box;
  }
  
  /* 当只有1个li时 */
  .xgjb .list2 ul li:first-child:nth-last-child(1) {
    width: 1200px;
  }
  
  /* 当只有2个li时 */
  .xgjb .list2 ul li:first-child:nth-last-child(2){
    width: 585px;
    margin-right: 30px;
  }
  .xgjb .list2 ul li:first-child:nth-last-child(2) ~ li {
    width: 585px;
    margin-right: 0;
  }
  
  /* 默认情况（3个及以上li） */
  .xgjb .list2 ul li {
    width: 373px;
    margin-right: 40px;
  }
  .xgjb .list2 ul li:nth-child(3n){
    margin-right: 0;
  }
  .xgjb ul li .qians{
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 10px;
    display: block;
    height: 80px;
  }

  .xgjb ul li .qians span{
float: left;
font-size: 20px;
color: #000000;
line-height: 28px;
text-align: justify;
font-style: normal;
  }

  .xgjb ul li .qians img{
    float: right;

    
      }

    .xgjb ul li .qians span{
        position: relative;  /* 让伪元素相对于 span 定位 */
        display: inline-block;  /* 确保 span 可以设置宽度/高度 */
        margin-top: 20px;
    }
    
    .xgjb ul li .qians span::after {
        content: "";  /* 必须设置 content */
        position: absolute;
        bottom: -12px;  /* 调整线条位置（在 span 下方） */
        left: 0;
        width: 60px;
        height: 4px;
        background: #3775E8;
    }
    .xgjb ul li .hous {
        height: 96px;           /* 4行 * 24px行高 = 96px */
        font-size: 14px;
        color: #6E7177;
        line-height: 24px;      /* 确保行高和高度匹配 */
        text-align: justify;
        font-style: normal;
        margin: 13px 40px 0 40px;
        overflow: hidden;       /* 隐藏超出内容 */
        display: -webkit-box;   /* 关键：启用弹性盒子布局 */
        -webkit-line-clamp: 4;  /* 限制最多4行 */
        -webkit-box-orient: vertical; /* 垂直方向排列 */
        text-overflow: ellipsis; /* 超出部分显示... */
    }


    /* 相关资讯 */
    .xgzx{
        width: 1200px;margin: 0 auto;height: auto;margin-top: 20px;
    }
    .xgzx .top {
        background: url(../images/xgzx.png) no-repeat center; /* 水平居中，垂直距离顶部40px */
        height: 40px;
        margin-bottom: 40px;
    }
    .xgzx .list3 ul li{
        width: 1200px;
        height: 60px;
        background: #FFFFFF;
        box-shadow: 0px 4px 8px 0px rgba(11,29,86,0.1);
        margin-bottom: 20px;
        border-left: 4px solid #3775E8;
    }
    .xgzx .list3 ul li a .qians{
        width: 75%;
       
        font-size: 16px;
        color: #000000;
        text-align: left;
        font-style: normal;
    }
    .xgzx .list3 ul li a{
        margin-left:36px;
        height: 60px;
        line-height: 60px;
    }
    .xgzx .list3 ul li a .more_right{
        float: right;
        width: 78px;
        font-size: 14px;
        color: #9A9DAA;
        font-style: normal;
        margin-right: 30px;
    }
    .xgzx .list3 a.mores{
        display: block;
        text-align: center;
        width: 540px;
        height: 46px;
        background: linear-gradient(270deg, 
        rgba(138, 168, 255, 0) 0%, 
        rgba(50, 114, 241, 0.1) 52%,  /* 将0.2改为0.1补偿opacity */
        rgba(50, 114, 241, 0) 100%
        );
        font-size: 16px;
        color: #3775E8;
        line-height: 46px;
        font-style: normal;
        margin:0 auto;
        margin-top: 30px;
    }
    .phone_kszj{display: none;}
    .phone_ksjj{display: none;}

    @media all and (max-width:768px){
        .kszj,
        .ksjj,
        .top-fmt{display: none;}
        .message1,
        .content .ksxq .lmbt{display: none;}
        .main_footer,
        .xgzx,
        .xgjb,
        .zxxq{display: none;}
        .content{margin-top: 0;bottom: 0;padding-top: 0;background: #F7F9FD;}
        .phone_ksjj{margin-bottom: 16px;display: block;}
        .phone_ksjj .ksjj_wz{padding: 0 12px ;box-sizing: border-box;}
        .phone_ksjj .top{padding-top: 156px;}
        .phone_ksjj .top .Eng{font-size: 18px;font-weight: 600;color: #FFFFFF;line-height: 18px;}
        .phone_ksjj .top .parlm img{width: 12px;height: 12px;top: 1px;position: relative;}
        .phone_ksjj .top .parlm{font-size: 13px;color: #FFFFFF;height: 16px;line-height: 16px;font-weight: 400;margin: 12px 0;}
        .phone_ksjj .bottom{
          padding:12px;
            background: #FFFFFF;
            box-shadow: 0px 2px 6px 0px rgba(11,29,86,0.08);
            border-radius: 4px;
            box-sizing: border-box;display: flex;flex-direction: column;
        }
        .phone_ksjj .bottom .bt{width: 60px;background: url(../images/sjd/bbg.png) no-repeat bottom center;background-size: 50% 50%; font-size: 15px;height: 21px;line-height: 21px;font-style: normal;font-weight: 600;color: #333333;}
        .phone_ksjj .bottom a{height: 32px; background: linear-gradient( 270deg, rgba(138,168,255,0) 0%, rgba(50,114,241,0.2) 52%, rgba(50,114,241,0) 100%);line-height: 32px;text-align: center;font-size: 12px;color: #3775E8;margin-top: 12px;}
        .phone_ksjj .bottom .zy{line-height: 22px;font-size: 14px;color: #000000;text-align: justify;margin-top: 12px;}

        .menu-mobile {background: url(../images/sjd/menu-w.png) no-repeat;background-size: contain;width: 16px;height: 16px;z-index:999;position: relative;background-size:16px 16px}

        .nav-page{overflow-y: scroll;}
        .nav-page .nav-m ul li a{display: block;position: relative;}
        .nav-page .nav-m ul li .has-icon::after{content: '';background: url(../images/sjd/down.png) no-repeat;position: absolute;right:0;top:20px;width: 16px;height: 16px;background-size: contain;}
        .nav-page .nav-m ul li .sub-nav{display: none;}
        .nav-page .nav-m ul li.on .sub-nav{display: block;}
        .nav-page .nav-m ul li.on .has-icon::after{background: url(../images/sjd/up.png) no-repeat;    background-size: contain;}
           .nav-page{position: fixed;top:44px;left: 30vw;background: #FFFFFF;z-index:999;width: 70vw;height: calc(100vh - 50px);display: none;}
           .nav-page.on{display: block;}
           .nav-page .nav-m{margin-top: 20px;}
           .nav-page .nav-m ul li{padding: 0 24px;font-weight: 400;font-size: 14px;color: #333333;letter-spacing: 3px;line-height: 60px;}
           .nav-page .nav-m ul li .sub-nav{padding-left: 54px;}
           .nav-page .nav-m ul li .sub-nav a{line-height: 60px;}
           #headers {
               font-size: 14px;
               line-height: 44px;
               width: 100%;
               color: #000000;
               font-size: 18px;
               display: flex;
           }
           #headers .back {
            display: block;
            background: url(../images/back.png) no-repeat;
            width: 16px;          /* 调整宽度 */
            height: 16px;         /* 调整高度 */
            background-size: 16px 16px; /* 确保背景图片缩放至 16px × 16px */
            margin-top: 15px;
            margin-right: 16px;
        }
           #headers .empty {
               flex: 1;
           }


           .phone_kszj{display: block;padding: 0 12px ;box-sizing: border-box;margin-bottom: 27px;}
           .phone_kszj .kszj_wz{padding: 12px ;box-sizing: border-box;background: #FFFFFF;box-shadow: 0px 2px 6px 0px rgba(11,29,86,0.08);border-radius: 4px;}
           .phone_kszj .top{display: flex;        justify-content: space-between;}
           .phone_kszj .top span{        width: 60px;
            background: url(../images/sjd/bbg.png) no-repeat bottom center;
            background-size: 50% 50%;
            font-size: 15px;
            height: 21px;
            line-height: 21px;
            font-style: normal;
            font-weight: 600;
            color: #333333;}
            .phone_kszj .top .right{
                float: right;
                display: inline-block;
              font-size: 12px;
              color: #9A9DAA;
              line-height: 21px;
              text-align: left;
              font-style: normal;
              font-weight: normal;
              }
              .phone_kszj .top .right::after {
                content: ""; /* 必须设置 content，伪元素才能生效 */
                display: inline-block; /* 或 block，根据布局需求 */
                width: 14px; /* 设置图片宽度 */
                height: 10px; /* 设置图片高度 */
                background-image: url(../images/more.png); /* 图片路径 */
                background-size: contain; /* 确保图片完整显示 */
                background-repeat: no-repeat;
                background-position: center;
                /* 可选：调整位置 */
                margin-left: 5px; 
                vertical-align: middle;
              }
            .list1 ul{width: 100%;height: auto;display: flex;flex-direction: column;}
            .list1 ul li{width: auto!important;height: auto;margin-top: 16px;}
            .list1 ul li a{display: flex;gap: 16px;}
            .list1 ul li a .left{display: flex;justify-content: center;align-items: center;}
            .list1 ul li a .left img{width: 88px;height: 88px;border-radius: 50%;border: 1px solid #BDD4FF;object-fit: cover; }
            .list1 ul li a .right .bt{font-size: 16px;color: #000000;line-height: 20px;height: 20px;margin-top: 4px;}
            .list1 ul li a .right .fbt{font-size: 12px;color: #041332;line-height: 17px;padding-top: 4px;padding-bottom: 8px;display: block;}
            .list1 ul li a .right .zy{font-size: 12px;line-height: 17px;color: #9A9DAA;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; }
    }