@charset "UTF-8";
.main img{
	width:100%;
}
.banner {
  height: 528px;
  background: url("/static/image/bg_news.jpg") no-repeat center;
  display: flex;
  justify-content: center; }
  .banner.case_banner {
    background: url("/static/image/bg_case.jpg") no-repeat center; }
  .banner.doctor_banner {
    background: url("/static/image/bg_doctor.jpg") no-repeat center; }
  .banner.hospital_banner {
    background: url("/static/image/bg_hospital.jpg") no-repeat center; }
    .banner.hospital_banner .nav_wrap {
      background: rgba(237, 242, 245, 0.9); }
  .banner .container {
    position: relative; }
  .banner .title {
    text-align: center;
    font-size: 72px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 200px; }
  .banner .position {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    color: #ffffff;
    margin-top: 42px;
    text-align: center; }
    .banner .position a {
      color: #fff; }
      .banner .position a:hover {
        color: #0298fe; }
  .banner .nav_wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 88px;
    background: #edf2f5;
    display: flex; }
    .banner .nav_wrap a {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: SourceHanSansSC-Regular;
      font-size: 18px;
      color: #333; }
      .banner .nav_wrap a.active, .banner .nav_wrap a:hover {
        color: #fff;
        background-color: #0297fd; }

.main {
  /* 鍖婚櫌鍒楄〃 */ }
  .main .list li {
    display: flex;
    justify-content: center;
    padding-top: 83px; }
    .main .list li:hover {
      background: url("/static/image/bg_news_item.jpg") no-repeat center; }
      .main .list li:hover .container {
        border-bottom: none; }
        .main .list li:hover .container .content_wrap .title {
          color: #fff; }
          .main .list li:hover .container .content_wrap .title a {
            color: #fff; }
        .main .list li:hover .container .content_wrap .desc {
          color: #e2eff8; }
        .main .list li:hover .container .time_wrap .day {
          color: #fff; }
        .main .list li:hover .container .time_wrap .time {
          color: #e2eff8; }
        .main .list li:hover .container .more {
          background-image: linear-gradient(180deg, #e8cea0 0%, #c1a062 100%), linear-gradient(#eef9ff, #eef9ff); }
    .main .list li .content_wrap {
      min-width: 1%; }
    .main .list li .container {
      display: flex;
      border-bottom: 1px solid #dfe2ef;
      padding-bottom: 83px; }
      .main .list li .container .time_wrap {
        width: 148px;
        margin-top: 25px; }
        .main .list li .container .time_wrap .day {
          font-size: 48px;
          color: #3b3b3b; }
      .main .list li .container .content_wrap .title {
        margin-top: 40px;
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 0px; }
        .main .list li .container .content_wrap .title a {
          color: #3a3a3a; }
      .main .list li .container .content_wrap .desc {
        font-family: SourceHanSansSC-Regular;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 34px;
        letter-spacing: 0px;
        color: #5d5d5d;
        margin-top: 40px; }
      .main .list li .container .img_wrap {
        width: 511px;
        height: 341px;
        margin-left: 96px;
        flex-shrink: 0; }
        .main .list li .container .img_wrap img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .main .list li .more {
      width: 134px;
      height: 40px;
      background-image: linear-gradient(#098cfa, #098cfa), linear-gradient(180deg, #e8cea0 0%, #c1a062 100%), linear-gradient(#eef9ff, #eef9ff);
      border-radius: 19px;
      font-family: SourceHanSansSC-Regular;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 30px;
      letter-spacing: 0px;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 70px; }
  .main .case_list {
    padding-top: 50px;
    max-width: 1500px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e6e6e6; }
    .main .case_list li {
      width: calc((100% - 76px) / 3);
      height: 550px;
      border-radius: 3px;
      background-color: #fff;
      overflow: hidden;
      margin-right: 38px;
      margin-bottom: 44px; }
      .main .case_list li:nth-child(3n) {
        margin-right: 0; }
      .main .case_list li .img_wrap {
        width: 100%;
        height: 330px; }
      .main .case_list li img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
      .main .case_list li .content_wrap {
        height: 207px; }
        .main .case_list li .content_wrap:hover {
          background: url(/static/image_al_active.png) no-repeat bottom; }
          .main .case_list li .content_wrap:hover a::after {
            content: '';
            background: url(/static/image/al_more_active.png) no-repeat;
            display: block;
            width: 29px;
            height: 29px;
            margin: 25px 0; }
          .main .case_list li .content_wrap:hover .title {
            color: #fff; }
          .main .case_list li .content_wrap:hover .desc {
            color: #fff; }
        .main .case_list li .content_wrap a {
          color: #2d2d2d;
          display: block;
          padding: 0 50px;
          padding-top: 35px; }
          .main .case_list li .content_wrap a::after {
            content: '';
            background: url(/static/image/al_more.png) no-repeat;
            display: block;
            width: 29px;
            height: 29px;
            margin: 25px auto; }
        .main .case_list li .content_wrap .title {
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          line-height: 30px;
          letter-spacing: 0px; }
        .main .case_list li .content_wrap .desc {
          height: 50px;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 24px;
          letter-spacing: 0px;
          color: #484848;
          margin-top: 10px; }
  .main .doctor_list {
    width: 100%;
    padding-top: 46px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 50px; }
  .main .doctor_container {
    width: 100%;
    margin-top: -19px; }
    .main .doctor_container .item {
      width: calc((100% - 72px) / 4);
      margin-top: 19px;
      height: 569px;
      background-color: #f4f8f9;
      margin-right: 24px;
      text-align: center;
      padding: 0 50px;
      padding-top: 47px;
      box-sizing: border-box; }
      .main .doctor_container .item:nth-child(4n) {
        margin-right: 0; }
      .main .doctor_container .item:hover {
        background: url(/static/image/bg_doctor_item.png) no-repeat center; }
        .main .doctor_container .item:hover .title a {
          color: #fff; }
        .main .doctor_container .item:hover .desc {
          color: #fff; }
        .main .doctor_container .item:hover .more {
          background-image: linear-gradient(180deg, #e8cea0 0%, #c1a062 100%), linear-gradient(#7d7d7d, #7d7d7d); }
      .main .doctor_container .item .title {
        font-family: SourceHanSansCN-Bold;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #484848;
        margin-top: 40px; }
        .main .doctor_container .item .title a {
          color: #484848; }
      .main .doctor_container .item .img_wrap {
        width: 239px;
        height: 239px;
        border-radius: 50%;
        background-color: #f1f1f1;
        border: solid 8px #ffffff;
        margin: 0 auto;
        overflow: hidden; }
        .main .doctor_container .item .img_wrap img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
      .main .doctor_container .item .desc {
        text-align: left;
        font-family: SourceHanSansSC-Regular;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #6c6c6c;
        margin-top: 25px; }
      .main .doctor_container .item .more {
        width: 102px;
        height: 32px;
        border-radius: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #0399ff;
        border-radius: 15px;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 0px;
        color: #ffffff;
        margin: 25px auto;
        text-decoration: none; }
  .main .hospital_list {
    padding-top: 46px; }
    .main .hospital_list .item {
      background: #f4f8f9;
      display: flex;
      justify-content: space-between;
      margin-top: 22px; }
      .main .hospital_list .item.active {
        flex-direction: row-reverse; }
      .main .hospital_list .item:first-child {
        margin-top: 0; }
      .main .hospital_list .item > div {
        width: 50%; }
      .main .hospital_list .item .img_wrap {
        height: 500px;
        flex-shrink: 0; }
        .main .hospital_list .item .img_wrap img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
      .main .hospital_list .item .content_wrap {
        padding: 73px 86px 53px; }
      .main .hospital_list .item .tag {
        width: 100%;
        height: 17px;
        font-size: 18px;
        line-height: 1;
        color: #189ffb;
        padding-left: 33px;
        background: url(/static/image/icon_sg.png) left no-repeat; }
      .main .hospital_list .item .title {
        margin-top: 55px;
        font-size: 36px;
        line-height: 1; }
        .main .hospital_list .item .title a {
          color: #383838; }
          .main .hospital_list .item .title a:hover {
            color: #0298fe; }
      .main .hospital_list .item .sub_title {
        font-size: 24px;
        line-height: 1;
        margin-top: 25px;
        color: #189ffb; }
      .main .hospital_list .item .desc {
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 0px;
        color: #5f5f5f;
        margin-top: 40px; }
      .main .hospital_list .item .btn_more {
        width: 135px;
        height: 46px;
        background-color: #0297fd;
        border-radius: 23px;
        margin-top: 55px; }
        .main .hospital_list .item .btn_more a {
          display: flex;
          height: 100%;
          justify-content: center;
          align-items: center;
          color: #ffffff; }

.main_detail .main_top {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #f3faff;
  padding-bottom: 40px; }
  .main_detail .main_top .container {
    display: flex;
    justify-content: space-between; }
  .main_detail .main_top .main_left {
    width: 1151px; }
    .main_detail .main_top .main_left .content {
      background: #fff;
      padding: 65px;
      margin-top: -136px;
      position: relative;
      z-index: 999; }
      .main_detail .main_top .main_left .content h1 {
        font-family: MicrosoftYaHei;
        font-size: 36px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        line-height: 1.45;
        color: #333333; }
      .main_detail .main_top .main_left .content .meta {
        height: 49px;
        background: #f3faff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 33px;
        margin-top: 30px; }
        .main_detail .main_top .main_left .content .meta span {
          display: inline-flex;
          align-items: center;
          margin-right: 20px;
          color: #9c9c9c; }
          .main_detail .main_top .main_left .content .meta span svg {
            margin-right: 5px; }
        .main_detail .main_top .main_left .content .meta .btn {
          background: #0297fd;
          width: 229px;
          height: 100%; }
          .main_detail .main_top .main_left .content .meta .btn a {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            line-height: 36px;
            color: #ffffff; }
      .main_detail .main_top .main_left .content .body {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 0px;
        color: #5f5f5f;
        padding: 30px 0;
        border-bottom: 1px solid #e5e5e5; }
        .main_detail .main_top .main_left .content .body img {
          max-width: 80%;
          display: block;
          margin: 0 auto 30px; }
        .main_detail .main_top .main_left .content .body p {
          margin-bottom: 30px; }
      .main_detail .main_top .main_left .content .label {
        display: flex;
        justify-content: space-between; }
        .main_detail .main_top .main_left .content .label .tag_wrap {
          margin-top: 50px;
          display: flex; }
          .main_detail .main_top .main_left .content .label .tag_wrap span {
            display: flex;
            align-items: center;
            height: 34px;
            border-radius: 17px;
            border: 1px solid #0298fe;
            padding: 0 16px;
            margin-right: 10px;
            color: #0298fe; }
  .main_detail .main_top .main_right {
    width: 331px;
    margin-left: 24px;
    flex-shrink: 0;
    margin-top: 36px; }
  .main_detail .main_top .recommend_hospital {
    width: 100%;
    height: 327px;
    background-color: #0297fd;
    padding: 25px; }
    .main_detail .main_top .recommend_hospital .head {
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0px;
      color: #ffffff;
      line-height: 1;
      position: relative; }
    .main_detail .main_top .recommend_hospital .side_btn_wap {
      position: absolute;
      right: 0;
      display: flex;
      z-index: 999;
      top: 5px; }
      .main_detail .main_top .recommend_hospital .side_btn_wap > div {
        cursor: pointer;
        margin-left: 15px; }
    .main_detail .main_top .recommend_hospital .swiper-slide .img_wrap {
      width: 282px;
      height: 181px;
      margin-top: 24px; }
      .main_detail .main_top .recommend_hospital .swiper-slide .img_wrap img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .main_detail .main_top .recommend_hospital .swiper-slide .title {
      font-size: 20px;
      font-weight: bold;
      font-stretch: normal;
      line-height: 1;
      margin-top: 25px;
      color: #fff;
      text-align: center; }
      .main_detail .main_top .recommend_hospital .swiper-slide .title a {
        color: #ffffff; }
  .main_detail .main_top .panel {
    background: #fff;
    padding: 30px;
    margin-top: 20px; }
    .main_detail .main_top .panel .panel_head {
      line-height: 1;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      color: #000000; }
  .main_detail .main_top .panel_case li {
    display: flex;
    margin-top: 20px; }
    .main_detail .main_top .panel_case li .img_wrap {
      width: 136px;
      height: 94px;
      border-radius: 3px;
      margin-right: 12px;
      flex-shrink: 0;
      overflow: hidden; }
      .main_detail .main_top .panel_case li .img_wrap img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .main_detail .main_top .panel_case li .content_wrap .title {
      font-family: SourceHanSansSC-Regular;
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      line-height: 28px;
      margin-bottom: 10px; }
      .main_detail .main_top .panel_case li .content_wrap .title a {
        color: #2d2d2d; }
  .main_detail .main_top .panel_case .more_case {
    width: 215px;
    height: 30px;
    border-radius: 15px;
    border: solid 1px #0399ff;
    margin: 0 auto;
    margin-top: 25px; }
    .main_detail .main_top .panel_case .more_case a {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #0399ff; }
  .main_detail .main_top .panel_search .body {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px; }
  .main_detail .main_top .panel_search a {
    height: 28px;
    border-radius: 5px;
    border: solid 1px #0297fd;
    color: #0297fd;
    display: inline-flex;
    padding: 0 12px;
    margin-right: 20px;
    margin-top: 16px; }
  .main_detail .main_top .main_left_label {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    font-size: 16px; }
    .main_detail .main_top .main_left_label > div {
      width: 48%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .main_detail .main_top .main_left_label > div:last-child {
        text-align: right; }
    .main_detail .main_top .main_left_label a {
      color: #333; }
      .main_detail .main_top .main_left_label a:hover {
        color: #0298fe; }
.main_detail .main_bottom {
  width: 100%;
  display: flex;
  justify-content: center; }

.about_read {
  padding: 86px 0; }
  .about_read .head {
    font-weight: bold;
    color: #333;
    font-size: 30px;
    line-height: 1; }
  .about_read .about_body {
    display: flex;
    margin-top: 33px; }
    .about_read .about_body .item {
      height: 208px;
      border-radius: 5px;
      border: solid 1px #e3e2e2;
      margin-right: 40px;
      padding: 39px 29px;
      display: flex; }
      .about_read .about_body .item:last-child {
        margin-right: 0; }
      .about_read .about_body .item .top span {
        display: inline-flex;
        align-items: center;
        margin-right: 25px; }
        .about_read .about_body .item .top span svg {
          margin-right: 8px; }
      .about_read .about_body .item .img_wrap {
        width: 132px;
        height: 132px;
        flex-shrink: 0;
        margin-right: 25px; }
        .about_read .about_body .item .img_wrap img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
      .about_read .about_body .item .title {
        font-size: 18px;
        margin-top: 5px; }
        .about_read .about_body .item .title a {
          color: #333; }
        .about_read .about_body .item .title:hover {
          color: #0297fd; }
      .about_read .about_body .item .more {
        color: #0297fd;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 0px;
        margin-top: 15px; }

/* 鍖荤敓璇︽儏 */
.doctor_detail .container {
  width: 100%; }
.doctor_detail_top {
  padding: 50px 0 56px;
  background-color: #f4f6fa;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box; }
  .doctor_detail_top .head_top {
    width: 100%;
    height: 478px;
    padding: 55px 120px;
    background: url(/static/image/bg_doctor_detail.jpg) no-repeat;
    display: flex;
    box-sizing: border-box; }
    .doctor_detail_top .head_top .img_wrap {
      width: 293px;
      height: 368px;
      margin-right: 100px;
      flex-shrink: 0; }
      .doctor_detail_top .head_top .img_wrap img {
        width: 100%;
        height: 100%;
        -o-object-fit: fill;
        object-fit: fill; }
    .doctor_detail_top .head_top .content_wrap {
      flex: 1;
      min-width: 1%; }
      .doctor_detail_top .head_top .content_wrap h1 {
        font-weight: bold;
        color: #fff;
        margin: 28px 0; }
      .doctor_detail_top .head_top .content_wrap .tag_wrap {
        display: flex; }
        .doctor_detail_top .head_top .content_wrap .tag_wrap span {
          display: flex;
          justify-content: center;
          align-items: center;
          background-image: linear-gradient(180deg, #e8cea0 0%, #c1a062 100%);
          height: 28px;
          border-radius: 14px;
          margin-right: 13px;
          color: #fff;
          font-size: 14px;
          padding: 0 15px; }
    .doctor_detail_top .head_top .desc {
      margin-top: 45px; }
      .doctor_detail_top .head_top .desc p {
        font-size: 16px;
        color: #fff;
        line-height: 36px;
        margin-top: 30px; }
    .doctor_detail_top .head_top .sub_title {
      font-size: 24px;
      font-weight: bold;
      color: #fff; }
.doctor_detail .main_bottom {
  width: 100%;
  display: flex;
  justify-content: center; }
.doctor_detail .detail_center {
  background-color: #fff;
  margin-top: 12px;
  display: flex;
  padding-top: 70px;
  padding-bottom: 60px;
  padding-right: 40px; }
  .doctor_detail .detail_center > div {
    width: 50%;
    padding-left: 95px; }
    .doctor_detail .detail_center > div .sub_head {
      font-size: 20px;
      color: #333;
      font-weight: bold;
      padding-left: 40px;
      padding-bottom: 5px; }
      .doctor_detail .detail_center > div .sub_head.sub_head_grjl {
        background: url(/static/image/icon_grjl.png) no-repeat left 3px; }
      .doctor_detail .detail_center > div .sub_head.sub_head_ssry {
        background: url(/static/image/icon_ssry.png) no-repeat left 3px; }
    .doctor_detail .detail_center > div .body {
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 0px;
      color: #363636;
      line-height: 36px;
      margin-top: 40px;
      padding-left: 40px; }
      .doctor_detail .detail_center > div .body p {
        margin: 0;
        padding-left: 20px;
        position: relative; }
        .doctor_detail .detail_center > div .body p::before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          width: 6px;
          height: 6px;
          border-radius: 3px;
          background-color: #0298fe; }
.doctor_detail .detail_bottom {
  padding: 60px 70px;
  background-color: #fff;
  margin-top: 12px; }
  .doctor_detail .detail_bottom .sub_head {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    padding-left: 40px;
    padding-bottom: 5px; }
    .doctor_detail .detail_bottom .sub_head.sub_head_yjly {
      background: url(/static/image/icon_yjly.png) no-repeat left 3px; }
  .doctor_detail .detail_bottom .body {
    font-size: 16px;
    font-weight: normal;
    color: #363636;
    line-height: 36px;
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px; }

/* 鍖婚櫌璇︽儏 */
.hospital_detail .detail_head {
  padding: 50px 0;
  background: no-repeat center;
  background-color: #eef9ff;
  display: flex;
  justify-content: center;
  background-image: url(/static/image/bg_hospital_detail.png); }
  .hospital_detail .detail_head .top {
    display: flex; }
    .hospital_detail .detail_head .top .img_wrap {
      width: 1010px;
      height: 541px;
      flex-shrink: 0;
      margin-right: 17px; }
      .hospital_detail .detail_head .top .img_wrap img {
        width: 100%;
        height: 100%;
        -o-object-fit: fill;
        object-fit: fill; }
    .hospital_detail .detail_head .top .content_wrap {
      min-width: 1%; }
      .hospital_detail .detail_head .top .content_wrap ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: -11px; }
        .hospital_detail .detail_head .top .content_wrap ul li {
          width: calc(50% - 10px);
          height: 173px;
          margin-right: 20px;
          margin-top: 11px;
          position: relative;
          cursor: pointer; }
          .hospital_detail .detail_head .top .content_wrap ul li.active::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            border: solid 5px #0297fd;
            z-index: 9; }
          .hospital_detail .detail_head .top .content_wrap ul li:nth-child(even) {
            margin-right: 0; }
          .hospital_detail .detail_head .top .content_wrap ul li img {
            width: 100%;
            height: 100%; }
  .hospital_detail .detail_head .title {
    display: flex;
    align-items: center;
    height: 108px;
    border-left: 5px solid #dabd8a;
    padding-left: 46px;
    margin-top: 30px; }
    .hospital_detail .detail_head .title h1 {
      font-size: 30px;
      font-weight: bold;
      letter-spacing: 0px;
      color: #414141;
      margin-right: 40px; }
    .hospital_detail .detail_head .title .sub_title {
      font-family: SourceHanSansSC-Regular;
      font-size: 24px;
      line-height: 36px;
      letter-spacing: 0px;
      color: #1aa0fc; }
.hospital_detail .detail_body {
  display: flex;
  justify-content: center;
  padding-bottom: 120px; }
  .hospital_detail .detail_body .panel {
    margin-top: 75px; }
    .hospital_detail .detail_body .panel .panel_head {
      padding-top: 48px;
      font-family: SourceHanSansCN-Bold;
      font-size: 30px;
      font-weight: Bold;
      line-height: 1;
      color: #414141;
      background: url(/static/image/icon_tips.png) no-repeat; }
    .hospital_detail .detail_body .panel .panel_body {
      margin-top: 68px; }
    .hospital_detail .detail_body .panel.panel_yyjs .panel_body {
      background-color: #f4f8f9;
      padding: 60px 80px;
      overflow: hidden;
      font-size: 16px;
      font-weight: normal;
      color: #595959;
      line-height: 36px; }
    .hospital_detail .detail_body .panel.panel_yyjs .icon_wrap {
      width: 565px;
      height: 354px;
      float: right;
      margin-left: 72px; }
      .hospital_detail .detail_body .panel.panel_yyjs .icon_wrap img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .hospital_detail .detail_body .panel.panel_doctor .panel_body {
      padding: 62px 84px;
      background: url(/static/image/icon_hfcx.png) no-repeat;
      background-position: 60% 20%;
      background-color: #f4f8f9;
      display: flex; }
      .hospital_detail .detail_body .panel.panel_doctor .panel_body .img_wrap {
        width: 245px;
        height: 287px;
        margin-left: 130px;
        flex-shrink: 0; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .img_wrap img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
      .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap {
        flex: 1; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .title {
          font-size: 30px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 36px;
          letter-spacing: 0px; }
          .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .title a {
            color: #414141; }
            .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .title a:hover {
              color: #0094fd; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .tag_wrap {
          display: flex;
          margin-top: 25px; }
          .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .tag_wrap a {
            display: block;
            height: 28px;
            background-color: #0094fd;
            border-radius: 14px;
            padding: 0 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            margin-right: 12px; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .desc {
          margin-top: 30px;
          font-family: SourceHanSansSC-Regular;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 36px;
          letter-spacing: 0px;
          color: #515155; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .btn_more a {
          margin-top: 35px;
          width: 102px;
          height: 32px;
          background-image: linear-gradient(180deg, #e8cea0 0%, #c1a062 100%), linear-gradient(#7d7d7d, #7d7d7d);
          background-blend-mode: normal, normal;
          border-radius: 15px;
          color: #ffffff;
          display: flex;
          justify-content: center;
          align-items: center; }
    .hospital_detail .detail_body .panel.panel_ys .panel_body {
      height: 437px;
      padding: 64px;
      background: url(/static/image/bg_fzszys.jpg) no-repeat center;
      display: flex;
      justify-content: space-between; }
      .hospital_detail .detail_body .panel.panel_ys .panel_body .item {
        width: 299px; }
        .hospital_detail .detail_body .panel.panel_ys .panel_body .item .title {
          font-size: 22px;
          font-weight: bold;
          line-height: 34px;
          letter-spacing: 0px;
          color: #ffffff;
          margin-top: 40px; }
        .hospital_detail .detail_body .panel.panel_ys .panel_body .item .desc {
          margin-top: 30px;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 24px;
          letter-spacing: 0px;
          color: #e7f4fc; }
    .hospital_detail .detail_body .panel.panel_fwlc ul {
      display: flex;
      justify-content: space-between;
      margin-top: 69px; }
      .hospital_detail .detail_body .panel.panel_fwlc ul li {
        width: 224px;
        text-align: center;
        margin-right: 48px;
        position: relative; }
        .hospital_detail .detail_body .panel.panel_fwlc ul li::after {
          content: '';
          width: 16px;
          height: 17px;
          position: absolute;
          right: -30px;
          top: 50px;
          background: url(/static/image/icon_step.png) no-repeat; }
        .hospital_detail .detail_body .panel.panel_fwlc ul li:last-child {
          margin-right: 0; }
          .hospital_detail .detail_body .panel.panel_fwlc ul li:last-child::after {
            display: none; }
        .hospital_detail .detail_body .panel.panel_fwlc ul li .title {
          font-family: SourceHanSansCN-Bold;
          font-size: 24px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 30px;
          letter-spacing: 0px;
          color: #1d3861;
          margin-top: 38px; }
        .hospital_detail .detail_body .panel.panel_fwlc ul li .desc {
          font-family: SourceHanSansSC-Regular;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 26px;
          letter-spacing: 0px;
          color: #717171;
          text-align: left;
          margin-top: 15px; }

@media (max-width: 1636px) {
  .banner {
    height: 422px; }
    .banner .title {
      margin-top: 160px;
      font-size: 58px; }
      .banner .title .position {
        margin-top: 34px; }
    .banner .nav_wrap {
      height: 70px; }
      .banner .nav_wrap a {
        font-size: 16px; }

  .main {
    /* 鍖婚櫌鍒楄〃 */ }
    .main .list li {
      padding-top: 66px; }
      .main .list li:hover {
        background-size: auto 100%; }
      .main .list li .container {
        padding-bottom: 66px; }
        .main .list li .container .time_wrap {
          width: 118px;
          margin-top: 20px; }
          .main .list li .container .time_wrap .day {
            font-size: 38px; }
        .main .list li .container .content_wrap .title {
          margin-top: 32px;
          font-size: 24px;
          line-height: 28px; }
        .main .list li .container .content_wrap .desc {
          font-size: 14px;
          line-height: 26px;
          margin-top: 32px; }
        .main .list li .container .img_wrap {
          width: 408px;
          height: 272px;
          margin-left: 76px; }
          .main .list li .container .img_wrap img {
            width: 100%;
            height: 100%; }
      .main .list li .more {
        width: 107px;
        height: 32px;
        font-size: 14px;
        line-height: 28px;
        margin-top: 56px; }
    .main .case_list {
      padding-top: 40px; }
      .main .case_list li {
        width: calc((100% - 60px) / 3);
        height: 440px;
        margin-right: 30px;
        margin-bottom: 35px; }
        .main .case_list li:nth-child(3n) {
          margin-right: 0; }
        .main .case_list li .img_wrap {
          width: 100%;
          height: 264px; }
        .main .case_list li .content_wrap {
          height: 165px; }
          .main .case_list li .content_wrap:hover {
            background: url(/static/image_al_active.png) no-repeat bottom; }
            .main .case_list li .content_wrap:hover a::after {
              content: '';
              background: url(/static/image/al_more_active.png) no-repeat;
              display: block;
              width: 24px;
              height: 24px;
              margin: 20px 0;
              background-size: 100%; }
            .main .case_list li .content_wrap:hover .title {
              color: #fff; }
            .main .case_list li .content_wrap:hover .desc {
              color: #fff; }
          .main .case_list li .content_wrap a {
            padding: 0 40px;
            padding-top: 28px; }
            .main .case_list li .content_wrap a::after {
              width: 24px;
              height: 24px;
              margin: 20px auto;
              background-size: 100%; }
          .main .case_list li .content_wrap .title {
            font-size: 16px;
            font-weight: bold;
            line-height: 24px; }
          .main .case_list li .content_wrap .desc {
            height: 40px;
            font-size: 14px;
            line-height: 22px;
            margin-top: 8px; }
    .main .doctor_list {
      padding-top: 36px;
      padding-bottom: 40px; }
    .main .doctor_container {
      width: 100%;
      margin-top: -19px; }
      .main .doctor_container .item {
        width: calc((100% - 45px) / 4);
        margin-top: 19px;
        height: 455px;
        margin-right: 15px;
        padding: 0 40px;
        padding-top: 37px; }
        .main .doctor_container .item:hover {
          background-size: 100%; }
        .main .doctor_container .item .title {
          font-size: 16px;
          line-height: 24px;
          margin-top: 32px; }
        .main .doctor_container .item .img_wrap {
          width: 191px;
          height: 191px;
          border-radius: 50%;
          border: solid 6px #ffffff; }
        .main .doctor_container .item .desc {
          font-size: 14px;
          line-height: 24px;
          margin-top: 20px; }
        .main .doctor_container .item .more {
          width: 82px;
          height: 32px;
          display: flex;
          font-size: 14px;
          line-height: 30px;
          margin: 20px auto; }
    .main .hospital_list {
      padding-top: 36px; }
      .main .hospital_list .item {
        margin-top: 18px; }
        .main .hospital_list .item .img_wrap {
          height: 400px; }
        .main .hospital_list .item .content_wrap {
          padding: 58px 68px 42px; }
        .main .hospital_list .item .tag {
          font-size: 16px;
          padding-left: 28px;
          background: url(/static/image/icon_sg.png) left no-repeat;
          background-size: auto 90%; }
        .main .hospital_list .item .title {
          margin-top: 44px;
          font-size: 28px; }
        .main .hospital_list .item .sub_title {
          font-size: 20px;
          margin-top: 20px; }
        .main .hospital_list .item .desc {
          font-size: 14px;
          line-height: 28px;
          margin-top: 32px; }
        .main .hospital_list .item .btn_more {
          width: 110px;
          height: 34px;
          margin-top: 44px; }

  .main_detail .main_top {
    padding-bottom: 32px; }
    .main_detail .main_top .main_left {
      width: 920px; }
      .main_detail .main_top .main_left .content {
        padding: 52px;
        margin-top: -108px; }
        .main_detail .main_top .main_left .content h1 {
          font-size: 28px; }
        .main_detail .main_top .main_left .content .meta {
          height: 39px;
          padding-left: 26px;
          margin-top: 24px; }
          .main_detail .main_top .main_left .content .meta span {
            margin-right: 14px; }
            .main_detail .main_top .main_left .content .meta span svg {
              margin-right: 5px; }
          .main_detail .main_top .main_left .content .meta .btn {
            width: 200px; }
            .main_detail .main_top .main_left .content .meta .btn a {
              font-size: 14px; }
        .main_detail .main_top .main_left .content .body {
          font-size: 14px;
          line-height: 28px;
          padding: 24px 0; }
          .main_detail .main_top .main_left .content .body img {
            margin: 0 auto 24px; }
          .main_detail .main_top .main_left .content .body p {
            margin-bottom: 24px; }
        .main_detail .main_top .main_left .content .label .tag_wrap {
          margin-top: 40px; }
          .main_detail .main_top .main_left .content .label .tag_wrap span {
            height: 27px;
            border-radius: 17px;
            padding: 0 12px;
            margin-right: 10px; }
    .main_detail .main_top .main_right {
      width: 300px;
      margin-top: 28px; }
    .main_detail .main_top .recommend_hospital {
      width: 100%;
      height: 300px;
      padding: 20px; }
      .main_detail .main_top .recommend_hospital .head {
        font-size: 16px; }
      .main_detail .main_top .recommend_hospital .side_btn_wap > div {
        cursor: pointer;
        margin-left: 10px; }
      .main_detail .main_top .recommend_hospital .swiper-slide .img_wrap {
        width: 282px;
        height: 181px;
        margin-top: 24px; }
      .main_detail .main_top .recommend_hospital .swiper-slide .title {
        font-size: 16px;
        margin-top: 20px; }
    .main_detail .main_top .panel {
      padding: 24px;
      margin-top: 16px; }
      .main_detail .main_top .panel .panel_head {
        font-size: 16px; }
    .main_detail .main_top .panel_case li {
      margin-top: 16px; }
      .main_detail .main_top .panel_case li .img_wrap {
        width: 110px;
        height: 76px; }
      .main_detail .main_top .panel_case li .content_wrap .title {
        font-size: 14px;
        line-height: 26px; }
    .main_detail .main_top .panel_search .body {
      display: flex;
      flex-wrap: wrap;
      margin-top: 15px; }
    .main_detail .main_top .panel_search a {
      max-width: 40%;
      margin-right: 10px;
      margin-top: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .main_detail .main_top .main_left_label {
      margin-top: 32px;
      font-size: 14px; }

  .about_read {
    padding: 68px 0; }
    .about_read .head {
      font-size: 24px; }
    .about_read .about_body {
      display: flex;
      margin-top: 26px; }
      .about_read .about_body .item {
        height: 147px;
        border-radius: 5px;
        margin-right: 32px;
        padding: 20px; }
        .about_read .about_body .item:last-child {
          margin-right: 0; }
        .about_read .about_body .item .top span {
          margin-right: 10px; }
          .about_read .about_body .item .top span svg {
            margin-right: 8px; }
        .about_read .about_body .item .img_wrap {
          width: 105px;
          height: 105px;
          margin-right: 15px; }
        .about_read .about_body .item .title {
          font-size: 14px;
          margin-top: 2px; }
        .about_read .about_body .item .more {
          font-size: 12px;
          line-height: 24px;
          margin-top: 5px; }

  /* 鍖荤敓璇︽儏 */
  .doctor_detail_top {
    padding: 40px 0 40px; }
    .doctor_detail_top .head_top {
      height: 382px;
      padding: 40px 96px; }
      .doctor_detail_top .head_top .img_wrap {
        width: 234px;
        height: 294px;
        margin-right: 80px; }
      .doctor_detail_top .head_top .content_wrap h1 {
        margin: 22px 0; }
      .doctor_detail_top .head_top .content_wrap .tag_wrap span {
        border-radius: 14px;
        margin-right: 13px; }
      .doctor_detail_top .head_top .desc {
        margin-top: 36px; }
        .doctor_detail_top .head_top .desc p {
          font-size: 14px;
          line-height: 28px;
          margin-top: 24px; }
      .doctor_detail_top .head_top .sub_title {
        font-size: 18px; }
  .doctor_detail .detail_center {
    padding-top: 56px;
    padding-bottom: 48px;
    padding-right: 32px; }
    .doctor_detail .detail_center > div {
      padding-left: 76px; }
      .doctor_detail .detail_center > div .sub_head {
        font-size: 16px;
        padding-left: 32px; }
      .doctor_detail .detail_center > div .body {
        font-size: 14px;
        line-height: 28px;
        margin-top: 32px;
        padding-left: 32px; }
        .doctor_detail .detail_center > div .body p {
          padding-left: 16px; }
  .doctor_detail .detail_bottom {
    padding: 48px 56px; }
    .doctor_detail .detail_bottom .sub_head {
      font-size: 16px;
      padding-left: 32px; }
    .doctor_detail .detail_bottom .body {
      font-size: 14px;
      line-height: 28px;
      margin-top: 32px;
      padding-left: 32px;
      padding-right: 32px; }

  /* 鍖婚櫌璇︽儏 */
  .hospital_detail .detail_head {
    padding: 40px 0; }
    .hospital_detail .detail_head .top {
      display: flex; }
      .hospital_detail .detail_head .top .img_wrap {
        width: 808px;
        height: 432px;
        margin-right: 20px; }
      .hospital_detail .detail_head .top .content_wrap {
        min-width: 1%; }
        .hospital_detail .detail_head .top .content_wrap ul {
          margin-top: -10px; }
          .hospital_detail .detail_head .top .content_wrap ul li {
            width: calc(50% - 10px);
            height: 138px;
            margin-right: 10px;
            margin-top: 10px; }
    .hospital_detail .detail_head .title {
      display: flex;
      align-items: center;
      height: 86px;
      border-left: 5px solid #dabd8a;
      padding-left: 36px;
      margin-top: 24px; }
      .hospital_detail .detail_head .title h1 {
        font-size: 24px;
        margin-right: 32px; }
      .hospital_detail .detail_head .title .sub_title {
        font-size: 20px;
        line-height: 28px; }
  .hospital_detail .detail_body {
    padding-bottom: 96px; }
    .hospital_detail .detail_body .panel {
      margin-top: 60px; }
      .hospital_detail .detail_body .panel .panel_head {
        padding-top: 38px;
        font-size: 24px; }
      .hospital_detail .detail_body .panel .panel_body {
        margin-top: 54px; }
      .hospital_detail .detail_body .panel.panel_yyjs .panel_body {
        padding: 48px 64px;
        font-size: 14px;
        line-height: 26px; }
      .hospital_detail .detail_body .panel.panel_doctor .panel_body {
        padding: 49px 67px; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .img_wrap {
          width: 196px;
          height: 229px;
          margin-left: 104px; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .title {
          font-size: 24px;
          line-height: 28px; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .tag_wrap {
          margin-top: 16px; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .desc {
          margin-top: 24px;
          font-size: 14px;
          line-height: 28px; }
        .hospital_detail .detail_body .panel.panel_doctor .panel_body .content_wrap .btn_more a {
          margin-top: 28px;
          width: 102px; }
      .hospital_detail .detail_body .panel.panel_ys .panel_body {
        height: 350px;
        padding: 40px 30px; }
        .hospital_detail .detail_body .panel.panel_ys .panel_body .item {
          width: 260px; }
          .hospital_detail .detail_body .panel.panel_ys .panel_body .item img {
            width: 46px; }
          .hospital_detail .detail_body .panel.panel_ys .panel_body .item .title {
            font-size: 16px;
            line-height: 26px;
            margin-top: 20px; }
          .hospital_detail .detail_body .panel.panel_ys .panel_body .item .desc {
            margin-top: 15px; }
      .hospital_detail .detail_body .panel.panel_fwlc ul li {
        margin-right: 20px; }
        .hospital_detail .detail_body .panel.panel_fwlc ul li img {
          width: 70px; }
        .hospital_detail .detail_body .panel.panel_fwlc ul li:after {
          content: "";
          top: 30px;
          right: -21px;
          background-size: 70%; }
        .hospital_detail .detail_body .panel.panel_fwlc ul li .title {
          font-size: 18px;
          font-weight: bold;
          margin-top: 24px; }
        .hospital_detail .detail_body .panel.panel_fwlc ul li .desc {
          margin-top: 10px; }
        .hospital_detail .detail_body .panel.panel_fwlc ul li:nth-child(5) .desc {
          text-align: left !important; } }