/*关于我们*/
.s_about{ padding-bottom: 5rem; width: 100%; overflow: hidden;}
.s_about .m{ display: flex; align-items: center; background: url(../images/s_about_bg.png) center bottom no-repeat;background-size: contain;justify-content: space-around;}
.s_about .left{ max-width: 964px; padding-right: 4.375rem;}
.s_about .right{ width: 50rem; flex-shrink: 0;}
.s_about .pic{ position: relative;}
.s_about .pic img{ height: 100%;}
.s_about .pic .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.s_about .pic .mask .btn_play{ width: 3rem; height: 3rem; display: block;cursor: pointer;}
.s_about .pic .mask .btn_play img{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.s_about .pic .mask .btn_play img:hover{
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.s_about .txt{}
.s_about .tt{ margin-bottom: 3.375rem;}
.s_about .tt span{ font-size: 1.8rem; color: #999; font-family: Candara;}
.s_about .tt h3{ font-size: 1.875rem; color: #3e3e3e; font-weight: bold; margin-top:0.5rem;}
.s_about .tt i{ display: block; width: 55px; height: 3px; background: #50bdba; margin-top: 1.5rem;}
.s_about .con{ font-size: 1rem; color: #7e7e7e; line-height: 1.75rem;}
.s_about .btn_xq{ margin-top: 3.625rem;}
.btn_xq {
    position: relative;
    z-index:0;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #16baaa;
    color: white;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 20px;
    width: 9.375rem;
    height: 2.5rem; font-size: .875rem;
    display: block; overflow: hidden;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.btn_xq:before {
    content: ""; 
    display:block;
    width:0;
    height: 100%; 
    background:#13c5b5;
    position: absolute; z-index:-1;
    right: 0;
    top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;
}
.btn_xq:hover:before { width:100%; right:auto; left:0;}
@media (max-width: 768px){
.s_about .m{ background: none;}
}

/*快捷导航*/
.q_navigation{ padding: 2rem 0; width: 100%; overflow: hidden;}
.qn_box {max-width:1620px; margin: 0 auto; padding: 0 50px; position: relative;}
.qn_box .list {width: 100%;display: flex;justify-content: space-between;}
.qn_box .list .item {
  width: 220px;
  height: 220px;
  border-radius: 10px;
  background: url(../images/qn_bg.jpg);
  position: relative;
  box-shadow: 3px 3px 10px 2px rgb(0 0 0 / 20%);
  text-align: center;
  margin-left:1.25rem;
  transition: all 0.2s;
}
.qn_box .list .item:first-child{margin-left: 0;}
.qn_box .list .item a {display: block;width: 100%;height: 100%;overflow: hidden;}
.qn_box .list .item .t {margin-top: 30px;font-size: 24px; color: #fff;}
.qn_box .list .item .arr {position: absolute;width: 53px;height: 53px;right: 6px;top: 6px;background: url(../images/qn_arr.png) no-repeat center;}
.qn_box .list .item .ico {width: 80px;height: 80px;overflow: hidden;margin: 40px auto 5px;transition: all 0.5s; transform: scale(1);}
.qn_box .list .item:hover{background: url(../images/qn_bgh.jpg);}
.qn_box .list .item:hover .ico{
  -webkit-animation: animat-shake .5s;
  animation: animat-shake .5s
}
@keyframes animat-shake {
  0%,100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  25%,75% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
}
@media (max-width: 1020px){
  .q_navigation{ padding: 0;}
  .qn_box{padding: 1.54rem;}
  .qn_box .list {flex-wrap: wrap;justify-content: flex-start;}
  .qn_box .list .item {
    width: calc(33.33% - 0.5rem);
    height:auto;
    margin-right: 0;
    box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 20%);
    padding: 1.54rem 0;
    margin-left: 0.63rem;
    margin-bottom: 0.63rem;
  }
  .qn_box .list .item:nth-child(3n+1) {margin-left: 0;}
  .qn_box .list .item .ico {
        width: 4.25rem;
        height: auto;
        margin-top: 0rem;
        margin-bottom: 0.05rem;
  }
  .qn_box .list .item .t {margin-top: 1.25rem;font-size: 1.67rem;}
}

.b_title{max-width: 1620px;padding: 0 10px;margin: 0 auto;text-align: center;margin-bottom: 3.75rem;}
.b_title i {display: block; width: 55px; height: 3px; background: #50bdba; margin-top: 1.5rem; margin:0 auto;}
.b_title h3{display: block;font-size: 1.875rem;color: #3e3e3e;font-weight: bold;padding:10px 0;}
.b_title span{font-size: 1.5rem;color: #999;font-family: Candara;}

/*新闻中心*/
.newscenter{width: 100%;}
.article_container{max-width: 1620px; margin:0 auto; padding: 0 50px; display: flex;justify-content: space-between;}
.article_box {
  width:calc(33.33% - 1.25rem); 
  height: 100%;
  float: left; 
  box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 10%);
  margin-right: 20px;
  overflow: hidden;
  border-radius: 10px;
}
.article_box:nth-child(3){margin-right: 0;}
.article_box .newsimg{position: relative; overflow: hidden; height:0; padding-bottom: 55%;}
.article_box .newsimg img{width:100%; height:100%; transition: all 0.5s ease; transform: scale(1);position: absolute; top: 0; left: 0;}
.article_box .newsimg:hover img{transform: scale(1.1);}
.article_main {padding:20px;}
.article_main .bigtitle {height:35px;line-height: 35px; color: #555;font-size: 22px; font-weight: bold;}
.article_main .bigtitle a {float: right; font-size: 16px; font-weight: normal;transition: all 0.5s ease;}
.article_main .bigtitle a span{font-size: 26px; vertical-align: middle; color: #16BAAA;}
.article_main .bigtitle a:hover{transform: scale(1.3);}
.article_main .line{background-color: #f6f6f6; height: 4px;margin:18px 0 20px 0;}
.article_main .newslist {margin-top: 25px;}
.article_main .newslist ul li {height: 40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: url(../images/dian.jpg) no-repeat 1px 9px;padding-left: 15px;}
.article_main .newslist ul li a{color:#666666;}
.article_main .newslist ul li a:hover{color:#03A693;}

@media(max-width: 1200px) {
  .article_container{padding:0 20px;box-sizing:border-box;}
}
@media(max-width:767px){
  .article_container{flex-direction: column;}
  .article_box {width: 100%;margin-bottom: 20px;}
}
@media(max-width:568px){
  .article_main .bigtitle {font-size: 20px;}
  .article_main .newslist {font-size: 14px;margin-top: 0;}
  .article_main .newslist ul li{padding-top: 10px; box-sizing: border-box;background: url(../images/dian.jpg) no-repeat 1px 17px;}
}

/*科室导航*/
.navigation{width: 100%; overflow: hidden;}
.db-bg{overflow: hidden;background: url(../images/db-bg.jpg) center top no-repeat; background-size: 100% 100%;}
.department-box{position: relative;max-width:1620px;margin:30px auto 0 auto; padding: 50px; }
.department-box .btitle {
    position: absolute;
    left:70px;
    top:30px;
    text-align: left;
}
.department-box .btitle i {
    display: inline-block;
    width: 55px;
    height: 3px;
    background: #50bdba;
    margin-left: 2.3rem;
}
.department-box .btitle h3 {
    display: block;
    font-size: 1.875rem;
    color: #3e3e3e;
    font-weight: bold;
    padding: 8px 0;
}
.department-box .btitle span {
    font-size: 1.5rem;
    color: #999;
    font-family: Candara;
}
.db-menu{position: relative;}
.db-menu-btn{padding:1.88rem 0; cursor: pointer;}
.db-menu1,.db-menu2,.db-menu3{
  float: right;
  width: 21.88rem;
  background-color: #1ccabc;
  text-align: center;
  color: #fff;
  transition: all 1s ease;
  opacity: 0;
  border-radius: 13px 13px 0 0;
}
.db-menu1{background-color: #24dfd5;margin-left:-100px;}
.db-menu2{margin-left:-200px;}
.db-menu3{background-color: #1ca5ac;margin-left:-300px;}
.db-menu .img{display: inline-block; vertical-align:middle;}
.db-menu .txt{display: inline-block; vertical-align:middle; font-size: 24px;}
.db-menu .showm{margin-left:0; opacity:1;}

.db-list {
  width: 100%;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left:0;
  padding:50px;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  border-radius: 13px 0 13px 13px;
}
.db-list li{
  margin:2.5rem 0 0 2.5rem;
  text-align: center;
  width:calc(25.2% - 2.5rem); 
  background-color: #fff;
  border-radius: 6px;
  padding:1.88rem 0.63rem;
  color: #666;
  cursor: pointer;
  box-shadow: 3px 3px 5px 3px rgb(0 0 0 / 5%);
  align-content: center;
  line-height: 0;
  font-size: 1.13rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.db-list li:nth-child(4n+1){margin-left: 0;}
.db-list li:nth-child(-n+4) {margin-top: 0;}

.db-list li:hover{color:#fff;}
.dbl-bg1,.db-menu1:hover{background-color:rgba(36,223,213,0.3);}
.dbl-bg1 li:hover{background-color: #24dfd5;}
.dbl-bg2,.db-menu2:hover{background-color:rgba(28,202,188,0.3);}
.dbl-bg2 li:hover{background-color: #1ccabc;}
.dbl-bg3,.db-menu3:hover{background-color:rgba(28,165,172,0.3);}
.dbl-bg3 li:hover{background-color: #1CA5AC;}

.department-box .db-list.showd{transform: translateY(0); opacity: 1;visibility: visible;z-index: 100;} 
.db-list li.empty{opacity: 0; cursor: auto;}
@media(max-width:992px){
  .department-box{width: 100%;margin-top:0;padding:1.25rem;}
  .db-menu1, .db-menu2, .db-menu3{width:33.3333%;}
  .db-list{width: 100%;padding:1.25rem;border-radius: 0 0 13px 13px;}
  .db-list li{margin:0 0 20px 26px;}
  .department-box .btitle{position: relative;text-align: center;left:auto;margin-top: -2.8rem;margin-bottom: 4.85rem;}
  .department-box .btitle i{margin-left:auto;}
  .db-menu{display: flex;}
  .db-menu .txt{display: block;}
  .db-menu3{order:0;}
  .db-menu2{order:1;}
  .db-menu1{order:2;}
}
@media(max-width:769px){
  .db-list li{width:calc(50% - 0.63rem); margin: 0 0 0.63rem 0.63rem;}
  .db-list li:nth-child(2n+1){margin-left: 0;}
  .db-list li:nth-last-child(-n+2) {margin-bottom: 0; }
  .db-list li:nth-last-child(-n+2) {margin-bottom: 0; }
  .db-menu .txt{font-size: 16px;margin-top: 0.63rem;}
  .db-list li.empty{display: none;}
}
@media(max-width:576px){
  .db-menu-btn{padding:1.25rem;height: 100%;}
  .db-bg{background-size: auto 100%;}
}

/*专家介绍*/
.experts{width: 100%;}
.experts_bg{overflow: hidden;background: url(../images/experts-bg.jpg) center top no-repeat; background-size: 100% 100%;}
.experts_box{max-width: 1620px; margin:0 auto; padding:50px;}
.experts_box .swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.experts_box .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
}
.experts_box .swiper-slide img {
  display: block;
  width: 100%;
}
.experts_box .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#fff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .5)
}
.experts_box .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background-color: #31bdec;
}
.s-item{
  width: 100%;
  height: 100%;
  padding:20px;
  background-color: #9ED7DA;
  border-radius: 13px;
  text-align: center;
  color: #1b5a78;
  box-shadow: 3px 3px 5px 3px rgb(0 0 0 / 15%);
}
.experts_more{margin-top: 20px;}
.experts_more a{margin:0 auto;background: #45BABF;}
.s-item .img{width: 100%; height:320px; overflow: hidden;}
.s-item .img img {width: 100%; height: 100%; object-fit: cover; }
.s-item .img img:hover {transition: filter .3s; filter: brightness(1.1) contrast(105%); }
.s-item .title,.s-item .info{background-color: #fff;margin-top: 0.63rem; padding:0.5rem 0;font-size: 14px;}
.s-item .title{font-size: 1.38rem;font-weight: bold;}
@media(max-width:1200px){
  .experts_bg{background-size: auto 100%;}
  .experts_box .swiper {padding-top: 20px; }
  .s-item{padding:20px;}
}

/*健康科普*/
.education-bg{width: 100%;background: url(../images/education-bg.jpg) center -1.88rem no-repeat; background-size: 100% 100%;}
.education{width: 100%;}
.education-box{position: relative;max-width:1620px;margin:30px auto 0 auto; padding: 50px; }
.education-box .btitle {
  position: absolute;
  left:70px;
  top:30px;
  text-align: left;
}
.education-box .btitle i {
  display: inline-block;
  width: 55px;
  height: 3px;
  background: #50bdba;
  margin-left: 2.3rem;
}
.education-box .btitle h3 {
  display: block;
  font-size: 1.875rem;
  color: #3e3e3e;
  font-weight: bold;
  padding: 8px 0;
}
.education-box .btitle span {
  font-size: 1.5rem;
  color: #999;
  font-family: Candara;
}
.education-box .he-list{position: relative; width: 100%; height: 500px;}
.education-box .he-list li{
  position: absolute;
  width:30rem;
  height:15.31rem;
  border-radius: 13px;
  box-shadow: 2px 2px 10px 2px rgb(0 0 0 / 15%);
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}
.education-box .he-list li img{
  display: block; 
  width: 100%; 
  height: 100%;
  transform: scale(1);
  transition: all 0.5s ease;
}
.education-box .he-list li:hover img{transform: scale(1.1);}
.education-box .he-list li:nth-child(1){
  height:17.81rem;
  line-height: 17.81rem;
  background-color: #7d7dd2;
  padding:40px;
  top:14rem;
  left:0;
}
.education-box .he-list li:nth-child(2){
  height: auto;
  left:0;
  right:0;
  top:2.84rem;
  margin: 0 auto;
}
.education-box .he-list li:nth-child(3){
  top:-1rem;
  right:0;
}
.education-box .he-list li:nth-child(4){
  top:16.81rem;
  right:0;
}

@media(max-width:1200px){
  .education-box {padding: 20px; }
  .education-box .btitle {position: unset; text-align: center; margin-bottom: 2.5rem;}
  .education-box .btitle i {margin-left: auto; }
  .education-box .he-list{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
  }
  .education-box .he-list li{
    position: unset;
    width:calc(50% - 0.63rem);
    margin-top:1.25rem;
  }
  .education-box .he-list li:hover{transform: scale(1.05);}
  .education-box .he-list li:nth-child(1),.education-box .he-list li:nth-child(3),.education-box .he-list li:nth-child(4){
    height:auto;
  }
}
@media (max-width: 480px){
  .education-bg{background-size: auto 100%;}
  .education-box .he-list li{
    position: unset;
    width:100%;
    margin-top:1.25rem;
  }
}