@media (min-width: 1921px) {

  .heal_info a {

    padding: 63px 30px;

  }

}



@media (max-width: 1920px) {

  .heal_info a {

    padding: 28px;

  }

}



@media (max-width: 1680px) {

  .nav-menu a {

    font-size: 18px;

  }



  .banner_txt b {

    font-size: 30px;

  }

   .center_box .in_name b{ font-size: 42px;}

   .center_box .in_name p{ margin: 10px 0;}

   .medical_box .medi_nav ul{ padding: 0 25px 25px 25px;}

   .medical_box .medi_nav .tit{ padding:40px 25px;}

}



@media (max-width: 1400px) {

  .nav-menu ul li {

    margin: 0 10px;

  }

.jspt2 ul li{ width: calc(50% - 10px);}

  .banner_txt b {

    font-size: 24px;

  }

  .center_box .in_name b{ font-size: 34px;}





 .medical_box .medi_nav {

      width: 23%;

    }

}



@media (max-width: 1280px) {

  .container-fluid {

    padding: 0 5vw;

    width: 100%;



  }

 

  .pad_80{ padding: 60px 0;}

  

    .corportext { width: calc(100% - 135px);}

    .corporate .redu{ width: 120px;}

  .innews_box ul li{ padding: 20px;}

}



@media (max-width: 1200px) {

  .nav-menu ul li {

    margin: 0;

  }



  .footer-list b {

    font-size: 20px;

  }



  .con_info {

    width: 75%;

  }



  .nav-menu a {

    padding: 0;

  }





  .searchbox {

    padding: 20px;

  }



  .pad80 {

    padding: 30px 0;

  }



  .footer-main {

    padding: 30px 0;

  }



  .banner_txt span {

    font-size: 32px;

    color: #fff;

    line-height: 42px;

    display: block;

    margin: 10px 20px;

    text-shadow: none;

  }



  #banner .swiper-button {

    display: none;

  }



  .select_warp {

    width: 120px;

  }



  .select_warp .select_box {

    width: 120px;

  }



  .news_box .swiper-slide {





    background: #fff;



    position: relative;

  }

  .center_box{ bottom: 10px;}

  .subnav a{ margin-right: 30px;}

.medical_box .medi_nav ul{ padding: 0 15px 15px 15px;}

.medical_box .medi_nav .tit{ padding: 30px 15px;}

}



@media (max-width:991px) {
  .jspt2 ul li p img{ width: 90px; height: 90px;}
.jspt2 ul li div { width: calc(100% - 100px);}
.jspt2 ul li i{ font-size: 18px; margin-bottom: 10px;}
.article_titlebor{ font-size: 20px!important;}
.jspt2 ul li p {padding: 10px 0;}
.jspt2 ul li{ width: calc(100% - 20px); border: 1px solid #f7f7f7; padding:10px;}
.jspt2 ul li em{ margin: 0;}
  #banner .pc_banner{ display: none;}

#banner .mob_banner{ display: block;}

  .jiant {

    display: none;

  }



  /*头部*/

  .back-to-top {

    display: none !important;

  }



  .top-box {

    padding: 0;

  }



  .change-language {

    display: none;

  }



  .top_con .container-fluid {

    height: 60px;

  }



  #header.header-scrolled {

    background: #fff;

  }



  .headerBotRig {

    position: fixed;

    right: 70px;

    top: 0;

    z-index: 999 !important;

  }



  #header.header-transparent.header-scrolled {

    background: #fff;

  }



  .footer-main .container {

    padding: 15px 0;

  }



  .footer-list1 .socials {

    margin-top: 15px;

  }



  .footer-list4 {

    text-align: center;

    width: 100%;

  }



  #header {

    height: 60px;

    position: relative;





  }



  .searchbox {

    flex-direction: column;

    width: 100%;

  }



  .container-fluid {

    padding: 0 20px;

    width: 100%;

  }



  .mobile-nav-toggle {

    top: 9px;

  }



  .top-box .top_tel {

    display: none;

  }



  .top-box .logo {

    justify-content: flex-start;

    height: 70px;

    padding-left: 10px;

  }



  .top-box .logo img {

    max-height: 55px;

  }



  .box_wap {

    flex-direction: column;

  }



  .top-box .logo .logo-tu2 {

    display: block;

  }



  .top-box .logo .logo-tu1 {

    display: none;

  }



  .footer-main .container {

    flex-direction: column;

  }



  .footer-list1 {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

  }



  .footer-list1 span::before,

  .footer-list2 span::before,

  .footer-list3 span::before,

  .footer-list4 span::before {

    left: 48%;

  }





  .footer-list3 {

    width: 100%;

  }



  /*banner*/



  #banner .swiper-button {

    display: none;

  }



  #banner .swiper-container-horizontal>.swiper-pagination-bullets,

  .swiper-pagination-custom,

  .swiper-pagination-fraction {

    bottom: 10px;



  }



  #banner .swiper-slide .pcimg {

    display: none !important;

  }



  #banner .swiper-slide .mobimg {

    display: block !important;

  }



  .mobile-nav .drop-down li a span {

    display: none;

  }



  .mobile-nav .drop-down li a img {

    display: none;

  }



  .pad_80 {

    padding: 15px 0;

  }







  .footer-list2 {

    display: none;

  }



  .main_title p b {

    font-size: 32px;

  }



  .main_title2 b {

    font-size: 24px;

  }





  .ab_item .num b {

    font-size: 30px;

  }





  .footer-list3 {

    text-align: center;

  }





  .scroll {

    display: none;

  }







  .footer-main .container-fluid {

    flex-direction: column;

  }



  .d_flex .tel {

    display: none;

  }



  .headerBotRig a {

    display: none;

  }



  .top_con .pc_logo {

    display: none;

  }



  .top_con .mob_logo {

    display: block !important;

  }



  .top_con .logo img {

    height: 40px;

  }



  .top_con {

    background: none;

    height: 60px;

  }



  #header.header-transparent {

    background: #fff;

  }



  #header.header-scrolled .top_con {

    display: flex;

  }



  .select_warp .select_box .select_txt {

    font-size: 18px;

  }



  .depa_center {

    width: 100%;

  }



  .department li .cont_tit b {

    font-size: 16px;

  }



  .department li .cont_tit {

    height: auto;

    padding: 10px 5px;

  }



  .department li .cont_tit b {

    margin-top: 0;

  }



  .department li .cont_tit {

    position: relative;

  }



  .department li .cont_box {

    position: relative;

  }



  .news_box .swiper-slide {





    background: #fff;



    position: relative;

  }



  .con_info {

    display: none;

  }



  .footer-list {

    display: none;

  }



  .news_box .swiper-slide .news_info {

    padding: 18px 25px;

  }



  .news_box .swiper-slide .news_info .news_tit {

    width: calc(100% - 100px);

  }



  .footer-list1 .address-content {

    margin: 10px;

  }



  .footer-list1 .container-fluid {

    display: flex;

    flex-direction: row;

    justify-content: center;

  }



  .footer-copyright .copy_fl {

    text-align: center;

  }



  .footer-copyright p {

    text-align: center;

    margin-top: 10px;

  }



  .heal_con {

    flex-direction: column;

  }



  .heal_tu {

    width: calc(100% - 30px);

    margin-right: 15px;

    margin-left: 15px;

    margin-top: 20px;

    box-shadow: 0px 1px 46px 0px rgb(0 21 39 / 8%);

  }



  .heal_list {

    width: 100%;

  }



  .searchbox {

    margin-top: 40px;

  }



  .banner_txt {

    bottom: 50px;

  }



  .searchWrap .tit {

    font-size: 24px;

  }



  .searchWrap .search {

    font-size: 20px;

  }



  .searchWrap .searchBtn {

    font-size: 20px;

    color: #333;

    width: 120px;

    text-align: center;

    line-height: 45px;

    height: 45px;

    border: 1px solid #333333 !important;





  }



  .searchWrap .searchCont {

    align-items: center;

    margin-top: 20px;

  }



  .searchWrap .searchCont img {

    width: 50px;

  }



  .banner_txt b {

    font-size: 14px;

    white-space: wrap;

  }



  .banner_txt .txt1,

  .banner_txt .txt2,

  .banner_txt .txt3 {

    padding: 20px;

  }



  .heal_txt b {

    height: 66px;

  }

  .subnav a{ width: calc(33.33% - 20px); background: #f5f5f5; margin: 10px ; line-height: 48px; text-align: center;}

.subnav a::after{ display: none; }

.shadow-dark{ padding: 10px 0;}

.corporate ul{ margin-top: 20px;}

.main_title{ font-size: 32px;}

.team_info{ padding: 15px;}

.zzsc .tab a{ padding:20px 15px;}

.medical_box{ flex-direction: column;}

.medical_box .medi_nav{ width: 100%; display: none;}

.medical_box .medi_nav .tit{ padding:20px 15px;}

.medical_box .medi_nav ul li a{ padding:20px 20px 20px 0;}

.medical_box .medi_content{ width: 100%; margin-top: 30px;}

.productB-a .topTit .t{ font-size: 24px;}

.zp-con-list p{ width: 50%;}

.medical_box .medi_content .medi_c{ padding: 20px;}

.jspt ul li p img{ width: 110px; height: 110px;}

.jspt ul li i{ font-size: 20px; height: 40px;}

.layui-layer{width: 80%!important;}

.medical_box .medi_nav ul{ display: none;}

/* .medical_box .medi_nav .tit span{ display: block;} */

} 



@media (max-width:768px) {



  /*头部*/

  #header {

    height: 60px;

  }



  .mobile-nav-toggle {

    top: 9px;

  }



  .top-box .logo {

    justify-content: flex-start;

    height: 60px;

  }



  .top-box .logo img {

    max-height: 45px;

  }







  .product_con {

    padding: 10px;



  }





  .footer-copyright {

    padding: 10px 0;

  }



  .footer-main {

    padding-bottom: 20px;

  }



  .product {



    margin-top: 0px;

  }



  .banner-slide-content .title {

    font-size: 20px;

    line-height: 32px;

    font-weight: 500;

    color: #fff;

    display: block;

    margin-bottom: 15px;

    letter-spacing: -0.25px;

    text-transform: capitalize;

  }





  .banner-slide-content p {



    font-size: 18px;

    font-family: "Poppins", sans-serif;

    color: #fff;



  }





  .copyright {

    padding: 20px 0 75px;

  }



  .copyright i {

    float: none;

  }



  .mobile-nav a {

    height: auto;



  }



  .mobile-nav .drop-down li a {

    background: url(../images/jt.png) no-repeat left;



  }



  .ab_item {

    flex-wrap: wrap;

    justify-content: flex-start;

    padding-bottom: 15px;

  }



  .ys-list {

    flex-wrap: wrap;

    margin-top: 20px;

  }





  .ab_item li {

    width: 50%;

  }



  #sol_top .swiper-slide .product-box b {

    font-size: 24px;

  }



  #sol_top .swiper-slide .product-box p {

    padding: 15px 0;

  }



  #sol_top .swiper-slide a {

    justify-content: center;

  }



  .main_title b {

    font-size: 28px;

  }



  .main_title span {

    font-size: 18px;

  }



  .ys-list b {

    font-size: 18px;

    height: 90px;

  }



  .department li {

    position: relative;

    overflow: hidden;

    border: 1px solid #dedede;

    width: 48%;

    margin: 2% 1%;

  }



  .news_box .swiper-slide {





    background: #fff;



    position: relative;

  }



  .news_box .swiper-slide .news_info p {

    font-size: 16px;

  }



  .heal_con {

    flex-direction: column;

  }



  .heal_tu {

    width: calc(100% - 20px);



  }



  .heal_list {

    width: 100%;

  }



  .heal_img img {

    width: 100%;

    height: auto;

  }



  .card-image-container {

    display: block;

  }



  .card-content {

    padding: 35px;

  }



  .heal_txt b {

    font-size: 20px;

  }



  .heal_info .day p {

    font-size: 14px;

  }



  .heal_info ul li {

    width: calc(50% - 20px);

    box-shadow: 0px 1px 46px 0px rgb(0 21 39 / 8%);

    margin: 15px 10px;

  }



  .heal_box {

    margin-top: 0;

  }



  #zl1 {

    margin-top: 0px;

  }



  .ftlogo img {

    margin-left: auto;

    margin-right: auto;

    height: 40px;

  }



  .con_info {

    flex-direction: column;

  }



  .address-content {

    margin: 10px;

  }



  .footer-copyright p {

    text-align: center;

  }



  .banner_txt span {

    font-size: 20px;

  }



  .card-content h2 {

    font-size: 24px;

  }



  .card-content {

    padding: 20px 20px 60px 20px;

  }



  .health .swiper-pagination {

    top: calc(100% - 40px)

  }



  .depa_center ul {

    align-items: stretch;

  }



  .depa_center li p {

    flex-direction: column;

    height: auto;

  }



  .depa_center li i {

    width: 100%;

    text-align: center;

    font-size: 16px;

  }



  .depa_center li {

    padding: 10px;
  
    width: calc(33.33% - 10px);
    margin: 5px;

   

  }



  .container-fluid {

    padding: 0 15px;

    width: 100%;

  }



  .footer-list1 .container-fluid {

    flex-direction: column;

  }



  .address-content {

    justify-content: center;

  }



  .footer-list1 {

    margin-bottom: 20px;

  }



  .depabg {

    padding: 40px 0;

  }



  .news_box .swiper-button-next {

    position: absolute;

    top: 48%;



    width: 40px;

    border-radius: 100%;

    font-size: 24px;

    line-height: 40px;

    height: 40px;



  }



  .news_box .swiper-button-prev {

    position: absolute;

    top: 48%;



    width: 40px;

    border-radius: 100%;

    font-size: 24px;

    line-height: 40px;

    height: 40px;



  }



  .news_box .swiper-container {

    padding: 20px 0 40px;

    margin-top: 0;

  }



  .cooperate .swiper-slide a {

    padding: 10px;

  }



  .har_list .har_box {

    flex-direction: column;
   

  }
.har_list .har_tu {
  margin: 0 auto;
}
   
      .har_info{ width: 100%; margin-top: 20px;}

      .har_list .message{ margin-top: 20px;}


    .har_list .har_name{ font-size: 32px;}

    .har_list .title{ font-size: 22px;}

    .har_list .har_name i {

width: 120px;

    }

      .har_list .title {

    color: #333;

    padding: 8px 10px;

    font-size: 22px;

    width: calc(100% - 125px);

    transition: all 0.3s ease;

}

.about-box{ flex-direction: column;}

.about_fr {

    width: 100%;

    padding-right: 0;

}

.ab_bottom{ margin-top: 0;}

.about_fl {

    width: 100%;

    overflow: hidden;

    padding-left: 0;

}

.about_con{flex-direction:column-reverse;}
.about_con2  { flex-direction: column;}
.about_con2 .bg_box { margin-top: 20px;}
.about_con p { margin-top: 0;}
.about_con .le {

    width: 100%;

}

.about_con .ri{ width: 100%;}

.about_con.pad_80{ padding: 20px 0;}

.ab_bottom li {

  width: calc(50% - 10px);

  margin-right: 10px;

}

.about_fr .main_title { font-size: 30px;}

.about_fr .ab_tit{ font-size: 28px; margin-top: 10px;}

.ab_bottom b{ font-size: 30px;}

.productB-a .topTit{ width: 100%;}

.innews_box ul li{ width: calc(50% - 20px);}
.all_doctor .form-group{ width: 100%;}
.video_bg {
  margin-top: 0;
}
.about_fl .ab_txt img{ width: 100%!important; height: auto!important;}
.video_bg.pad_80 { padding-top: 0;}
.abbg.pad_80 { padding-bottom: 0; padding-top: 0;}
.reservation div{ padding: 10px; width: 49%;}
.reservation_ewm div{ width: 49%;}
.reservation_normal div{ width: 49%;}

}



@media (max-width:640px) {
.news_box .swiper-slide .news_info .news_more{ display: none;}
.news_box .swiper-slide .news_info .news_tit{ width: 100%;}
.news_box .swiper-slide .news_info{ padding: 15px;}
.news_box .swiper-slide .news_info span{ margin-top: 10px;}


  #banner .swiper-slide .container {

    position: absolute;

    left: 0;

    right: 0;

    top: 33%;

    bottom: 0;

    margin: 0 auto;

  }



  .banner-slide-content .title {

    font-size: 16px;

    line-height: 28px;

    font-weight: 500;

    color: #fff;

    display: block;

    margin-bottom: 10px;



  }



  .banner-slide-content p {

    font-size: 14px;

    font-family: "Poppins", sans-serif;

    color: #fff;



  }



  .main_title p {

    margin-bottom: 8px;

  }



  .footer-list3 .con_info {

    flex-direction: column;

  }



  .appl-box {

    padding: 30px 0;

  }



  .main_title p b {

    font-size: 28px;

  }





  .banner_txt span {

    font-size: 20px;

    margin: 0 20px;

    line-height: 28px;

  }



  .heal_info ul li {

    width: 100%;

    box-shadow: 0px 1px 46px 0px rgb(0 21 39 / 8%);

    margin: 10px 0;

  }



  .heal_info a {

    padding: 20px;

  }



  .address-content {

    width: 100%;

  }

  .har_list li {
        background: linear-gradient(to bottom, #F2F2F2 0%, #F2F2F2 100px, transparent 100px);
    }
.har_list .har_tu {
  width: 170px;
}
  .banner_txt b {



    white-space: wrap;

  }



  .banner_txt .txt1,

  .banner_txt .txt2,

  .banner_txt .txt3 {

    padding: 10px;

  }



  .heal_tu {

    width: calc(100% - 20px);

    margin: 10px;

  }



  .heal_info ul li {

    width: calc(100% - 20px);

    box-shadow: 0px 1px 46px 0px rgb(0 21 39 / 8%);

    margin: 10px;

  }



  .heal_info ul li:nth-child(5) {

    margin-bottom: 10px;

  }



  .heal_info ul li:nth-child(6) {

    margin-bottom: 20px;

  }



  .searchbox .search_list {

    margin: 10px 0;

  }



  .box_wap {

    margin: 0;

  }



  .health_search {

    width: 90%;

    margin: 20px auto;

  }

    .subnav a{ width: calc(50% - 10px); margin: 5px ; line-height: 48px; text-align: center;}

.har_list .har_name{ flex-direction: column;}

.har_list .har_name i{ width: 100%; text-align: center;}

.har_list .title{ margin-top: 10px; width: 100%; padding: 0; text-align: center;}

.har_list li{ padding: 20px 5px;}



.corporate ul li {

    width: calc(100% - 2px);

    margin: 10px 0;

    border-radius: 10px;

    border: 1px solid #DADFE5;

}

.zzsc .tab{ padding-top: 20px;}

.zzsc .tab a{ padding:20px 10px; font-size:18px;}

.zzsc .co{ margin-top: 0;}

.medical_box .medi_nav .tit{ padding: 15px; font-size: 24px;}

.medical_box .medi_nav ul li a{ padding: 15px 15px 15px 0;}

.productB-a .topTit .t{ font-size: 22px;}

.apple-retail .swiper-slide{ padding: 0 10px; width: 80%;}

.productB-a{ margin-bottom: 20px;}

.apple-retail{ margin-bottom: 20px;}

.apple-retail .swiper-button-next, .apple-retail .swiper-button-prev{ width: 40px; height: 40px;}

.medi_c .info p {

  font-size: 18px;

  padding: 0;

}

.join_rczp_list .zp-content p {

  font-size: 18px;

  margin: 10px 0;

}

.jspt ul li{ width: calc(50% - 10px);}



.footer-copyright .copy_fl{ display: flex; flex-wrap: wrap;justify-content: center;}

.jspt {

  margin-top: 30px;

}

.innews_box ul li{ padding: 15px;}

    .innews_box ul li {

        width: calc(50% - 10px);

        margin: 5px;

    }

    .center_box .in_name b{ font-size: 24px;}

    .footer-list1 img{height: 46px;}

    .footer-list1{ margin-bottom: 0; padding: 20px 0!important; margin-top: 0!important;}

.ab_box { width: 100%;}

  .footer-copyright p{ line-height: 26px;}
  .reservation div b{ font-size: 18px; margin-top: 10px;}
          .reservation_ewm div img{ width: 60%;}
    .reservation{ flex-wrap: wrap;}
     .reservation div{ width: 100%;  margin: 10px 0;}
     .reservation_ewm { flex-wrap: wrap;}
     .reservation_ewm div{ width: 100%; margin: 10px 0;}
          .reservation_normal{ flex-wrap: wrap;}
     .reservation_normal div{ padding: 15px; width: 100%; margin: 10px;}
  }



@media screen and (max-width:480px) {
  
.news_box .swiper-slide{ width: 50%;}
.headerBotRig { right: 55px;}
.center_box .in_name p{ display: none;}
  .ab_item .num b {

    font-size: 24px;

  }



  .ab_item span {

    font-size: 14px;

  }

    .top_con .logo img {

        height: 36px;

    }

 



  .ys-list div {

    padding: 10px;

    width: 100%;

  }





  .mobile-nav-toggle i {

    width: 42px;

    height: 42px;

    line-height: 42px;



  }



  .banner-slide-content p {

    margin-top: 0;

    font-size: 12px;

  }



  .banner-slide-content .title {

    font-size: 14px;

    line-height: 24px;

  }



  #banner .swiper-slide .container {

    top: 13%

  }



  .main_title p b {

    font-size: 24px;

  }



  .main_title span {

    font-size: 16px !important;

  }



  .news_box .swiper-slide {





    background: #fff;



    position: relative;

  }



  .depa_center ul {

    padding: 10px;

  }



  .depa_center li {

  

  }

.depa_center ul{ padding: 0;}

  .footer-list1 span::before,

  .footer-list2 span::before,

  .footer-list3 span::before,

  .footer-list4 span::before {

    left: 47%;

    ;

  }



  .footer-list1 p,

  .footer-list2 p,

  .footer-list3 p {

    text-align: center;

    padding: 0 10px;

  }



  .address-content {

    justify-content: flex-start;

  }



  .footer-list1 p,

  .footer-list2 p,

  .footer-list3 p {

    text-align: left;

    width: calc(100% - 30px);

  }



  .address-content span {

    width: 28px;

  }

  .detail-header{ flex-direction: column;}

  .doctor-detail { padding: 10px;}

  .detail-info{ width: 100%; margin-top: 10px;}

  .detail-info h2{ font-size: 24px;}

  .detail-section h3{font-size: 24px;}

  .zp-con-list p{ width: 100%;}

.jspt ul li p img{ width: 90px; height: 90px;}

.jspt ul li p{ padding: 10px 0;}

    .mobile-nav-toggle {

        top: 11px;

    }

    .zzsc .tab a{ font-size: 16px; padding: 15px 5px;}

    .main_title{ font-size: 28px;}

    .subnav a{ font-size: 18px;}

    .select_warp .select_box{ width: 90px;}

    .select_warp{ width: 90px;}

    .searchbox form {

    display: flex

;

    align-items: center;

    width: calc(100% - 90px);

}

    .medical_box .medi_content .medi_c {

      padding: 10px;

    }

      .innews_box ul li {

        width: 100%;

        margin: 10px 0;

    }

        .jspt ul li {

        width: 100%;

        margin: 10px 0;

    }

    .jspt ul li i{ height: auto;}

    .select_warp .select_box .select_txt{ font-size: 16px;}

    .searchbox .select_input{ font-size: 16px;}

    .heal_txt b{ font-size: 18px;}

      .footer-list1 img{height: 42px;}

      .health_search .select_input{ font-size: 18px;}

      .har_list .har_name{ font-size: 28px;}

      .har_list .title{ font-size: 20px;}

      .har_list .message{ font-size: 18px;}

      .corportext h5{ font-size: 28px;}

      .doc_title{ font-size: 24px;}

     .jspt ul{ margin-top: 10px;}

     .top-header h2{ font-size: 24px;}

     .medical_box .medi_nav .tit{ font-size: 20px;}

     .medical_box .medi_nav ul li a{ font-size: 18px;}
  

}