.img-box img {
  display: block;
  width: 100%;
}
.video-box video {
  display: block;
  width: 100%;
}
.all-page {
  font-size: 16px;
}
.all-page .page-content {
  width: 100%;
}
.all-page .page-content h2.section-title {
  display: block;
  padding: 0 0 0.4rem;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0 !important;
  /* -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; */
}
.all-page .page-content h2.section-title em {
  display: block;
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1.4;
  font-weight: bold;
  margin-top: 2em;
}
.all-page .page-content h2.section-title span {
  font-size: 0.14rem;
  line-height: 1.6;
  display: block;
}
.all-page .page-content h2.section-title p {
  font-size: 0.14rem;
  line-height: 1.6;
}







.doctor-page .industry-box{
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
}
.doctor-page .industry-box .item{
  width: 50%;
  position: relative;
  min-height: 2.8rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding-left: .4rem;
}
.doctor-page .industry-box .item:hover{
  background: url() no-repeat left top / 100% 100%;
}
.doctor-page .industry-box .item:nth-of-type(1):hover{
  background-image: url(../images/medical/doctor1-bg.png);
}
.doctor-page .industry-box .item:nth-of-type(2):hover{
  background-image: url(../images/medical/doctor2-bg.png);
}
.doctor-page .industry-box .item:nth-of-type(3):hover{
  background-image: url(../images/medical/doctor3-bg.png);
}
.doctor-page .industry-box .item:nth-of-type(4):hover{
  background-image: url(../images/medical/doctor4-bg.png);
}
.doctor-page .industry-box .item:nth-of-type(even){
  border-right: none;
}
.doctor-page .industry-box .item:nth-last-of-type(1),
.doctor-page .industry-box .item:nth-last-of-type(2){
  border-bottom: none;
}
.doctor-page .industry-box .item-txt{
  width: 46%;
}
.doctor-page .industry-box .item-txt p{
    margin-top: .16rem;
    font-size: .17rem;
    line-height: .32rem;
}
.doctor-page .industry-box .item .title-box{
  display: flex;
  align-items: center;
}
.doctor-page .industry-box .item .h4{
    font-size: .26rem;
    font-weight: normal;
    margin: 0;
    margin-right: .16rem;
}
.doctor-page .industry-box .item .h4+img {
    width: .24rem;
    height: .24rem;
}
.doctor-page .industry-box .item .item-img{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.doctor-page .industry-box .item .item-img img{
  width: 100%;
  height: 100%;
}
.doctor-page .industry-box .item .img-dynamics{
  display: none;
}
.doctor-page .industry-box .item:hover .img-static{
  display: none;
}
.doctor-page .industry-box .item:hover .img-dynamics{
  display: block;
}
.doctor-page .tech-box{
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.doctor-page .tech-box .item{
  width: 32%;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-radius: 10px;
  overflow: hidden;
}
.doctor-page .tech-box .item img{
  display: block;
  width: 80%;
}
.doctor-page .tech-box .item .text{
  padding: .4rem;
}
.doctor-page .tech-box .item h4{
  font-weight: normal;
  font-size: .24rem;
  line-height: 1.5;
}
.doctor-page .tech-box .item p{
  font-size: .18rem;
  line-height: .32rem;
  color: #333;
}

.doctor-page .iso-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: .18rem;
  row-gap: .4rem;
}
.doctor-page .iso-list .item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.doctor-page .iso-list .img-box{
  height: 80px;
  line-height: 80px;
}
.doctor-page .iso-list .img-box img{
  width: unset;
  vertical-align: middle;
  display: inline;
}
.doctor-page .iso-list  p{
  margin-bottom: 0;
  margin-top: 15px;
}





.medical-page .area1-box{
  display: flex;
  align-items: center;
  height: 5rem;
  width: 100%;
  background: url(../images/medical/ABUIABAEGAAgxN-fmAYogMSIjAMwgA84swY.png) no-repeat left top / 100% 100%;
}
.medical-page .area1-box .text{
  width: 50%;
  padding: .3rem .4rem;
}
.medical-page .area1-box .title{
  font-size: .6rem;
  color: #0f1b5d;
  font-weight: bold;
}
.medical-page .area1-box .desc{
  font-size: .32rem;
  color: #0F1B5D;
  white-space: nowrap;
  margin: .2rem 0;
}
.medical-page .area1-box .detail{
  font-size: .18rem;
  color: #333;
  line-height: 1.5
}
.medical-page .area1-box .btn-d{
  background: #0D66FF;
  color: #fff;
  font-size: .18rem;
  display: inline-block;
  padding: .1rem .5rem;
  border-radius: .1rem;
  margin-top: .2rem;
  cursor: pointer;
}
.medical-page .area2-box{
  padding: .3rem .8rem;
  min-height: 5rem;
  border-radius: .3rem;
  margin-top: .5rem;
  background: linear-gradient(to bottom, #141B61, #0E4BBF, #111B5E);
}
.medical-page .area2-box .title{
  color: #fff;
  font-size: .48rem;
  text-align: center;
}
.medical-page .area2-box .desc{
  color: #fff;
  font-size: .24rem;
  text-align: center;
}
.medical-page .area2-box .box-content{
  border-radius: .3rem;
  background: #fff;
  margin: .3rem 0 .2rem;
}
.medical-page .area2-box .box-content img{
  transform: translateY(-.14rem);
}
.medical-page .area2-box .fa-list{
  display: flex;
  
}
.medical-page .area2-box .fa-item{
  flex: 1;
  overflow: hidden;
  padding: .2rem;
}
.medical-page .area2-box .fa-item .fa-title{
  color: #0F1B5D;
  font-size: .22rem;
  text-align: center;
}
.medical-page .area2-box .fa-item .fa-detail{
  color: #0F1B5D;
  font-size: .16rem;
  margin: .2rem 0 .4rem;
  text-align: center;
}
.medical-page .area3-box{
  margin-top: 1rem;
}
.medical-page .area3-box .title{
  color: #0F1B5D;
  font-size: .48rem;
  line-height: 1.5;
}
.medical-page .area3-box .detail{
  color: #0F1B5D;
  font-size: .18rem;
  width: 60%;
  line-height: 2;
  margin: .2rem 0 .4rem;
}
.medical-page .area3-box .area3-list{
  display: flex;
  flex-wrap: wrap;
  row-gap: .3rem;
  width: 80%;
}
.medical-page .area3-box .area3-item{
  width: 33%;
  display: flex;
  align-items: center;
}
.medical-page .area3-box .area3-item .name{
  font-size: .2rem;
  color: #0F1B5D;
  white-space: nowrap;
}
.medical-page .area3-box .area3-item .area3-img-box{
  height: .3rem;
  min-width: .6rem;
}
.medical-page .area3-box .area3-item .area3-img-box img{
  height: 100%;
}
.medical-page .area4-box{
  margin-top: 1rem;
}
.medical-page .area4-box .title{
  color: #0F1B5D;
  font-size: .48rem;
  line-height: 1.5;
}
.medical-page .area4-box .desc{
  color: #0F1B5D;
  font-size: .18rem;
  margin-top: .2rem;
}
.medical-page .area4-box .detail{
  color: #0F1B5D;
  font-size: .18rem;
  line-height: 2;
  font-weight: bold;
}
.medical-page .area4-box .area4-list{
  display: flex;
  flex-wrap: wrap;
  row-gap: .3rem;
  width: 80%;
  margin-top: .3rem;
}
.medical-page .area4-box .area4-item{
  width: 50%;
  color: #0F1B5D;
  padding: 0 .2rem 0 0;
}
.medical-page .area4-box .area4-item-name{
  font-weight: bold;
  font-size: .2rem;
}
.medical-page .area4-box .area4-item-desc{
    font-size: .16rem;
    color: #666;
}


.rehab-page .area1-box ul {
    display: flex;
    gap: .2rem;
}

.rehab-page .area1-box ul li {
    cursor: pointer;
    flex: 1;
    border: 1px solid #eee;
}
.rehab-page .area1-box ul li.on{
  flex: 2;
  border: 1px solid #2a7efb;
}

.rehab-page .area1-box ul li .item1 {
    
    text-align: center;
    padding: 0 .4rem;
    font-size: 14px;
    color: #999;
}

.rehab-page .area1-box ul li~li .item1 {
    border-left: 0;
}

.rehab-page .area1-box ul li .item1 .iconfont {
    font-size: .5rem;
    margin: .38rem auto;
    color: #2e80fb;
}

.rehab-page .area1-box ul li .item1 .name {
    font-size: .18rem;
    color: #282828;
    margin-bottom: 10px;
}

.rehab-page .area1-box ul li .item1 .list {
    margin: .5rem 0;
}

.rehab-page .area1-box ul li .item1 .list .item {
    font-size: .16rem;
    color: #282828;
    margin-top: .25rem;
}

.rehab-page .area1-box ul li .item2 {
    width: 100%;
    overflow: hidden;
    display: none;
}

.rehab-page .area1-box ul li .item2.on {
    display: block;
}

.rehab-page .area1-box ul li .item1.on {
    display: none;
}

.rehab-page .area1-box ul li .item2 .bgcolor {
    width: 100%;
    height: 1rem;
    background: -moz-linear-gradient(to right,#2a7efb,#5498fe);
    background: -ms-linear-gradient(to right,#2a7efb,#5498fe);
    background: -webkit-linear-gradient(to right,#2a7efb,#5498fe);
    background: linear-gradient(to right,#2a7efb,#5498fe);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#2a7efb",endColorstr="#5498fe",gradientType="1");
    font-size: 14px;
    color: #fff;
    padding: .25rem .37rem;
}

.rehab-page .area1-box ul li .item2 .bgcolor .name {
    font-size: .18rem;
    margin-bottom: 10px;
}

.rehab-page .area1-box ul li .item2 .bgcolor .name i {
    font-size: .32rem;
    padding-right: 10px;
    vertical-align: middle;
}

.rehab-page .area1-box ul li .item2 .list {
    width: 100%;
    padding:  .2rem;
}

.rehab-page .area1-box ul li .item2 .list .item {
    margin-top: .2rem;
    font-size: .16rem;
    color: #282828;
    display: flex;
    align-items: center;
}
.rehab-page .area1-box ul li .item2 .list .item:first-of-type{
  margin-top: 0;
}

.rehab-page .area1-box ul li .item2 .list .item .dis {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
}

.rehab-page .area1-box ul li .item2 .list .item .iconfont {
    font-size: .6rem;
    color: #2a7efb;
    margin-right: 12px;
}

.rehab-page .area1-box ul li .item2 .list .item .dis .name {
    margin-bottom: 2px;
}

.rehab-page .area1-box ul li .item2 .list .item .dis .explanation {
    color: #999;
    font-size: 14px;
    overflow: hidden;
}

.rehab-page .area1-box ul li .item2 .more {
    font-size: 16px;
    color: #2a7efb;
    text-align: center;
    margin-top: 37px;
    cursor: pointer;
}

.rehab-page .area1-box ul li .item2 .more:hover {
    color: #2261d9;
}

.rehab-page .area1-box .freeBnt {
    font-size: 16px;
    color: #fff;
    width: 190px;
    height: 56px;
    background-color: #2a7efb;
    border: 5px solid #e9f2ff;
    text-align: center;
    line-height: 46px;
    margin: 57px auto 62px auto;
    cursor: pointer;
}

.rehab-page .area2-box{
   background: url(../images/medical/systemBg2.jpg) no-repeat center / cover;
   padding: 1px .5rem .5rem;
   margin-top: .6rem;
}
.rehab-page .area2-box h2{
  color: #fff;
}
.rehab-page .area2-box .list{
  display: flex;
  background: #fff;
}
.rehab-page .area2-box .list li{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: .4rem ;
}
.rehab-page .area2-box .list li img{
  width: .71rem;
}
@keyframes slideDown {
  0% {
    transform: translateY(-30%);
  }
  100% {
        transform: translateY(0%);
  }
}
.rehab-page .area2-box .list li:hover .picture{
    animation: slideDown 1s;
} 
.rehab-page .area2-box .list li .name {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-top: .4rem;
}
.rehab-page .area2-box .list li .line {
    width: 38px;
    height: 2px;
    background-color: #71777c;
    margin: 17px auto 0 auto;
}
.rehab-page .area2-box .list li .infor {
    font-size: 14px;
    color: #999;
    margin-top: 25px;
    line-height: 1.75;
}
.rehab-page .area2-box .list li~li {
    border-left: 1px solid #e6e6e6;
}

.rehab-page .area3-box .phone {
    width: 100%;
    padding-top: 0.1px;
}

.rehab-page .area3-box .phone .list {
    margin: 20px auto 0 auto;
    display: flex;
    justify-content: center;
}

.rehab-page .area3-box .phone .list2 {
    margin-top: .5rem;
}

.rehab-page .area3-box .phone .list li {
    cursor: pointer;
    text-align: center;
}

.rehab-page .area3-box .phone .list li~li {
    margin-left: 65px;
}

.rehab-page .area3-box .phone .list li .pictrue {
    width: 1.1rem;
    height: 1.12rem;
    margin: 0 auto;
    position: relative;
    line-height: 1.12remx;
}

.rehab-page .area3-box .phone .list li .pictrue .img {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.rehab-page .area3-box .phone .list li:hover .pictrue .img {
    transform: rotate(360deg);
    transition: all 0.3s;
}

.rehab-page .area3-box .phone .list li .pictrue .iconfont {
    color: #fff;
    font-size: .53rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.rehab-page .area3-box .phone .list li .name {
    font-size: .18rem;
    color: #282828;
    margin-top: .15rem;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rehab-page .area3-box .phone .list li .nameCon {
    font-size: .14rem;
    color: #666;
    margin-top: 6px;
    word-break: break-all;
    display: -webkit-box;
    height: 60px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.rehab-page .review-box{
  display: flex;
  padding: 0 .7rem;
}
.rehab-page .review-box .name{
    font-size: 24px;
    color: #282828;
    height: 53px;
}
.rehab-page .review-box .text{
  flex: 1;
  overflow: hidden;
  padding-right: .3rem;
}
.rehab-page .review-box p{
  font-size: 16px;
    color: #666;
    line-height: 1.8;
}
.rehab-page .review-box img{
  width: 4.6rem;
  height: 2.58rem;
}
.rehab-page .swiper-box{
  margin-top: .8rem;
}
.bak-page .selection-main{
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.bak-page  .area2-box .swiper-gn{
  padding-bottom: .4rem ;
}
.bak-page  .area2-box .gn-content{
  display: flex;
  align-items: center;
}
.bak-page  .area2-box .gn-content .article-thumb{
  padding: .3rem .4rem;
  width: 60%;
}
.bak-page  .area2-box .gn-content img{
  display: block;
  max-width: 100%;
}
.bak-page  .area2-box .gn-content .article-content{
  flex: 1;
  overflow: hidden;
  padding-right: .6rem;
}
.bak-page  .area2-box .gn-content h2{
  font-size: .32rem;
}
.bak-page  .area2-box .gn-content li{
  font-size: 16px;
  list-style: inside disc;
  color: #333;
}

.bak-page  .area3-box .cardIntroduction{
  display: flex;
  gap: .3rem;
}
.bak-page  .area3-box .item-d{
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  transition: all 0.3s;
}
.bak-page  .area3-box .item-d:hover{
  background: #003466;
  color: #fff !important;
}

.bak-page  .area3-box .item-d .com-heading,
.bak-page  .area3-box .item-d .com-body{
  padding: .3rem .4rem;
}
.bak-page  .area3-box .item-d .com-heading img{
  display: block;
  width: 1.4rem;
  margin: 0 auto;
}
.bak-page  .area3-box .item-d .intro-title{
  font-size: .26rem;
  margin-bottom: .1rem;
}
.bak-page  .area3-box .item-d li{
  font-size: 16px;
  list-style: inside disc;
  margin-bottom: .1rem;
  color: #333;
}
.bak-page  .area3-box .item-d:hover li{
  color: #fff;
}

.bak-page  .area4-box .cj-box{
  display: flex;
  gap: .3rem;
}
.bak-page  .area4-box .cj-item{
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bak-page  .area4-box .cj-item .cj-header{
  height: 3rem;
} 
.bak-page  .area4-box .cj-item .cj-header img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bak-page  .area4-box .cj-item .cj-content{
  background: #fff;
  transform: translateY(-.4rem);
  z-index: 10;
  position: relative;
  margin: 0 .2rem;
  padding: .3rem .3rem .5rem;
  flex: 1;
  
}
.bak-page  .area4-box .cj-item .cj-content::after{
  content: '';
  width: 0;
  height: .06rem;
  background: #00479D;
  bottom: 0;
  left: 0;
  position: absolute;
  transition: all .3s;
}
.bak-page  .area4-box .cj-item:hover .cj-content::after{
  width: 100%;
}
.bak-page  .area4-box .cj-title{
  font-size: 22px;
  text-align: center;
  margin-bottom: .2rem;
}
.bak-page  .area4-box .cj-detail{
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}

.bak-page .area2-box {
  box-shadow: 0 0 .05rem rgba(0,0,0,.1);
  padding: .1rem .3rem;
}
.bak-page .area2-box .swiper-case .gn-content .article-thumb{
  width: 45%;
  padding-top: 0;
}
.bak-page .area2-box .swiper-case .gn-content{
  align-items: flex-start;
}


.care-page .top-nav-box{
  background: url(../images/medical/banner2.632b07c.png) no-repeat top center / 100% auto;
  padding: 3.44rem .3rem 0 .3rem;
}
.care-page .top-nav-box ul{
  display: flex;
  box-shadow: 0 10px 10px rgba(55,50,239, .1);
  border-radius: 10px;

}
.care-page .top-nav-box ul li{
  flex: 1;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.care-page .top-nav-box ul li+li{
  border-left: 1px solid #eee;
}
.care-page .top-nav-box ul li .button{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: .3rem;
  background: #fff;
}
.care-page .top-nav-box ul li img{
  height: .6rem;
}
.care-page .top-nav-box ul li span{
  font-size: .18rem;
  margin-top: .2rem;
}

.care-page .top-nav-box ul li .active{
      background: linear-gradient(0deg, #eafaf5, #fff);
}
.care-page .top-nav-box ul li .active span{
  color: #009367;
  font-weight: 700;
}

.care-page .advantage{
  display: flex;
  padding-top: .5rem;
  gap: .3rem;
}
.care-page .advantage .item{
  flex: 1;
  background: #f8f9f9;
  border-radius: 10px;
  padding: 1.1rem .5rem .6rem;
  position: relative;
}
.care-page .advantage .big-point{
  width: 1.95rem;
  height: 1.67rem;
  color: #fff;
  font-size: .24rem;
  background: url(../images/medical/care-b1.png) no-repeat left top / 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
.care-page .advantage .big-point.b{
  background-image: url(../images/medical/care-b2.png);
}

.care-page .advantage .big-point.c{
  background-image: url(../images/medical/care-b3.png);
}
.care-page .advantage li{
    color: #2c4b6d;
    font-weight: 400;
    font-size: .2rem;
    padding-left: .3rem;
    line-height: 2;
    background: url(../images/medical/li_icon1.png) no-repeat left center / .18rem auto;
}
.care-page .advantage .item:nth-of-type(2) li{
  background-image: url(../images/medical/li_icon2.png);
}
.care-page .advantage .item:nth-of-type(3) li{
  background-image: url(../images/medical/li_icon3.png);
}
.care-page .care-title{
  height: 1rem;
  text-align: right;
  line-height: 1rem;
  background: url(../images/medical/care-title-bg.png) no-repeat center top / 100% 100%;
  padding-right: 2.25rem;
  font-weight: bold;
  font-size: .32rem;
  margin: .4rem 0;
}
.care-page .gn-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: .3rem;
}
.care-page .gn-list .card-d{
  width: 32%;
  background: #f7f9fb;
  border-radius: 10px;
  padding: .3rem;
}
.care-page .gn-list .card-d .title{
  font-weight: 700;
  font-size: .22rem;
  color: #333;
  margin-bottom: .24rem;
  display: block;
}
.care-page .gn-list .card-d p{
  line-height: 1.5;
  font-size: .18rem;
  color: #666;
}
.care-page .content-text{
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: .5rem;
  color: #333;
}
.care-page .list-d .item{
  display: flex;
  align-items: center;
}
.care-page .list-d .item .img-box{
  width: 50%;
}
.care-page .list-d .item p{
  flex: 1;
  overflow: hidden;
  padding: 0 .4rem;
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}

























@media screen and (max-width: 768px) {
  .all-page {
    width: 100%;
    overflow: hidden;
    max-width: 100%;
  }
  .all-page .page-content .inner.cases-inner {
    padding: 0 !important;
  }
  .all-page .page-content h2.section-title {
    padding: 0 0.3rem 0.2rem;
  }
  .all-page .page-content h2.section-title em {
    font-size: 0.32rem;
  }
  .all-page .page-content h2.section-title span {
    font-size: 0.22rem;
  }
  .all-page .page-content h2.section-title span br:not(.mobile-can-wrap) {
    display: none;
  }
  .doctor-page .industry-box{
    border-radius: 0;
  }
  .doctor-page .industry-box .item{
    width: 100%;
    border-bottom: 1px solid #ddd !important;
  }
  .doctor-page .industry-box .item:last-of-type{
    border-bottom: 0 !important;
  }
  .doctor-page .industry-box .item .h4,
  .doctor-page .tech-box .item h4{
    font-size: 16px;
  }
  .doctor-page .industry-box .item-txt p,
  .doctor-page .tech-box .text p{
    font-size: 12px;
  }

  .doctor-page .tech-box .item{
    width: 100%;
    border-radius: 0;
    display: flex;
  }
  .doctor-page .tech-box .item img{
    width: 30%;
  }
  .doctor-page .tech-box .item:nth-of-type(2) img{
    transform: rotate(180deg);
  }
  .doctor-page .iso-list .item{
    width: 50%;
  }
  .doctor-page .iso-list{
    font-size: .2rem;
  }

  .medical-page .area1-box{
    background: unset;
    height: auto;
  }
  .medical-page .area1-box .text{
    width: 100%;
    padding: 0 .3rem;
  }
  .medical-page .area1-box .desc{
    white-space: wrap;
  }
  .medical-page .area1-box .detail{
    font-size: 14px;
  }
  .medical-page .area2-box{
    padding: .3rem;
  }
  .medical-page .area2-box .fa-list{
    flex-direction: column;
  }
  .medical-page .area2-box .fa-item{
    border-bottom: 1px solid #eee;
  }
  .medical-page .area2-box .fa-item:last-of-type{
    border-bottom: 0;
  }
  .medical-page .area2-box .fa-item .fa-detail{
    font-size: 12px;
    width: 100%;
    flex: unset;
    margin: .2rem 0 0;
  }
  .medical-page .area2-box .fa-item .fa-title{
    font-weight: bold;
  }
  .medical-page .area2-box .fa-item .fa-title,
  .medical-page .area2-box .fa-item .fa-detail{
    text-align: left !important;
  }
  .medical-page .area3-box,
  .medical-page .area4-box{
    padding: 0 .3rem;
  }
  .medical-page .area3-box .title{
    font-size: .46rem;
  }
  .medical-page .area3-box .detail{
    padding: 0 .1rem;
    font-size: 14px;
    width: 100%;
  }
  .medical-page .area3-box .area3-list{
    width: 100%;
  }
  .medical-page .area3-box .area3-list .area3-item{
    width: 50%;
  }
  .medical-page .area4-box .desc,
  .medical-page .area4-box .detail{
    font-size: 14px;
  }
  .medical-page .area4-box .area4-list{
    width: 100%;
  }
  .medical-page .area4-box .area4-item{
    width: 100%;
  }
  .medical-page .area4-box .area4-item-name{
    font-size: 16px;
  }
  .medical-page .area4-box .area4-item-desc{
    font-size: 13px;
  }
  .rehab-page .area1-box ul{
    padding: 0 .3rem;
    flex-wrap: wrap;
  }
  .rehab-page .area1-box ul li{
    flex: unset;
    width: 100%;
  }
  .rehab-page .area1-box ul li.on{
    flex: unset;
    width: 100%;
  }
  .rehab-page .area1-box ul li .item1{
    display: none;
  }
  .rehab-page .area1-box ul li .item2{
    display: block;
  }
  .rehab-page .area1-box ul li .item2 .bgcolor .name{
    font-size: 16px;
  }
  .rehab-page .area1-box ul li .item2 .list .item .dis .name{
    font-size: 16px;
  }
  .rehab-page .area1-box ul li .item2 .list .item .iconfont{
    font-size: 50px;
  }
  .rehab-page .area2-box .list{
    display: block;
    
  }
  .rehab-page .area2-box{
    padding: 1px .3rem .5rem;
  }
  .rehab-page .area2-box .list li~li {
      border-left: 0;
      border-top: 1px solid #e6e6e6;
  }
  .rehab-page .area3-box{
  }
  .rehab-page .area3-box .phone{
    display: flex;
    flex-direction: column-reverse;
  }
  .rehab-page .area3-box .phone .list{
    flex-wrap: wrap;
    justify-content: flex-start;
    
  }
  .rehab-page .area3-box .phone .list li{
    width: 50%;
    margin: 0 !important;
    padding: .1rem  .3rem;
  }
  .rehab-page .area3-box .phone .list li .name{
    font-size: 15px;
    line-height: 1.5;
  }
  .rehab-page .area3-box .phone .list li .nameCon{
    font-size: 13px;
  }
  .rehab-page .review-box{
    display: block;
    padding:  .3rem .3rem .5rem;
  }
  .rehab-page .swiper-button-next, 
  .rehab-page .swiper-button-prev{
    display: none;
  }
  .rehab-page .review-box .text{
    padding: 0;
  }
  .rehab-page .review-box img{
    width: 100%;
    height: auto;
  }


  .bak-page .swiper-button-next, 
  .bak-page .swiper-button-prev{
    display: none;
  }
  .bak-page .area2-box .gn-content{
    display: block;
  }
  .bak-page .area2-box,
  .bak-page .area1-box {
    padding: 0 .3rem;
  } 
  .bak-page .area2-box .gn-content .article-thumb{
    width: 100%;
  }
  .bak-page .area2-box .gn-content .article-content{
    padding-right: 0;
  }

  .bak-page .area3-box .cardIntroduction,
  .bak-page .area4-box .cj-box{
    flex-direction: column;
    padding:  0 .3rem;
  }
  .bak-page .area2-box.area5-box{
    padding: .1rem .3rem;
  }
  .bak-page .area2-box .swiper-case .gn-content .article-thumb{
    width: 100%;
    padding: .3rem 0;
  }

  .care-page .care-title{
    background-position: right top;
    background-size: auto 100%;
    padding-right: 1.8rem;
  }
  .care-page .top-nav-box {
    padding-top: 2.4rem;
  }
  .care-page .top-nav-box ul{
    flex-wrap: wrap;
  }
  .care-page .top-nav-box ul li{
    width: 50%;
    flex: unset;
  }
  .care-page .top-nav-box ul li .button{
    flex-direction: row;
    align-items: center;
  }
  .care-page .top-nav-box ul li .box{
    margin-right: .1rem;
  }
  .care-page .top-nav-box ul li img{
    height: .3rem;
  }
  .care-page .top-nav-box ul li span{
    flex: 1;
    overflow: hidden;
    font-size: 14px;
    margin: 0;
  }
  .care-page .top-nav-box ul li:nth-of-type(1),
  .care-page .top-nav-box ul li:nth-of-type(2){
    border-bottom: 1px solid #eee;
  }
  
  .p-l-r-30{
    padding: 0 .3rem
  }
  .care-page .advantage{
    flex-wrap: wrap;
    padding-top: 0;
  }
  .care-page .advantage .item{
    width: 100%;
    flex: unset;
    display: flex;
    padding: .3rem;
    align-items: center;
    padding-left: .2rem;
  }
  .care-page .advantage .item .big-point{
    position: static;
    transform: translate(0,0);
    align-items: center;
    width: 1.7rem;
  }
  .care-page .gn-list{
    padding: .3rem;
    justify-content: space-between;
  }
  .care-page .gn-list .card-d{
    width: 49%;
    
  }
  .care-page .gn-list .card-d p{
    font-size: 12px;
  }
  .care-page .list-d .item{
    flex-direction: column;
  }
  .care-page .list-d .item:nth-of-type(odd){
    flex-direction: column-reverse;
  }
  .care-page .list-d .item .img-box{
    width: 100%;
    padding: .3rem;
  }
  .care-page .list-d .item p{
    padding: 0 .3rem;
  }
  
}


@media screen and (max-width: 560px) {
  .care-page .top-nav-box {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 460px) {
  .care-page .top-nav-box {
    padding-top: 1.4rem;
  }
}