@media (max-width:1600px) {
  html { font-size: 20px;}
  .layout {width: 1200px;}
  .header-container .header-layout{width: 1300px;}
   .doctor-swiper{display: block;}
    .doctor-swiper2{display: none;}
}
@media (max-width:1280px) {
  html { font-size: 16px;}
  .layout {width: 960px;}
  .header-container .header-layout{width: 100%;}
  #container4 .doc-list{width: 88%;margin: 2rem auto;}
  #container6 .depart-list{width: 90%;}
  #container1 .service-box ul li{width: 17%;}
}
@media (max-width:960px) {
  body,html{
    max-width: 100%;
   min-width: 360px;
 }
  .layout {width: 100%;min-width: 320px;padding: 0 2rem;}
}
@media (max-width:780px) {
    html {
        font-size: 14px;
    }
    .menu-container .close-btn{width: 25px;}
    .header-container .header-layout .logo{height: 2rem;}
    #container3 .intro-box{width: 88%;padding: 2rem 1.5rem 3rem 46%;}
    #container3 .intro-box .cover{width: 25rem;left: -5%;}
    #container6 .depart-list a{width: 13.45rem;height: 7.8rem;}
    #container6 .depart-list a.item1{left: 8.65rem;}
    #container6 .depart-list a.item2{left: 17.3rem;}
    #container6 .depart-list a.item3{left: 25.95rem;}
    #container6 .depart-list a.item4{left: 34.6rem;}
    .doctor-swiper{display: none;}
    .doctor-swiper2{display: block;}
    .header2 ul{width: 100%;padding:0 2rem;box-sizing: border-box;}
    #container4 .doc-list .doc-item{height: 13.5rem;}
    #container4 .doc-list .doc-item .right-box{flex:3;}
    #container3 .title{width: 14rem;}
    #container6 .title{width:11rem;}
    #container4 .title{width: 16rem;}
    #container2 .service-box2 .container2-title{width: 14rem;left: 2rem;}
    #container2{padding: 2rem 0;}
    #container2 .service-box2 ul li a img{max-height:3rem;}
    #container2 .service-box2 ul li{height: 10rem;}
    #container1 .service-box ul li a img{max-height:2.5rem;}
    #container1 .service-box ul li a p{font-size:0.85rem;}
}

@media (max-width:560px) {
    html {
        font-size: 12px;
    }
    .nav-list{display: none;}
    .header-container{height: 40px;min-width: 360px;}
    .header-container.expand .header-layout{height: 40px;}
    #container1 .service-box ul li{height: 5.5rem;}
    #container1 .service-box ul li a img{max-height: 2rem;}
    #container1 .service-box ul li a p,#container2 .service-box2 ul li a .title{font-size: 0.75rem;margin-top:0.5rem;}
    #container2 .service-box2 ul li a img{max-height: 25px;}
    #container2 .service-box2 ul li{height: 100px;}
    #container3 .intro-box{margin-top: 2rem;padding:2rem;}
    #container3 .select-box{margin: 1.1rem 5%; width: 90%;padding-left:0;}
    #container3 .select-box .select{width: 100%;height: 2.2rem;}
    #container3 .intro-box{margin: 0 auto;}
    #container3 .intro-box .cover{width: 100%;height: auto;position: unset;
    box-shadow: unset;}
    #container3 .arrow{right: calc(50% - 35px);bottom: 1.5rem;}
    #container3 .arrow img,#container4 .arrow .arrow-btn{width: 25px;height: 25px;}
    #container5 .layout{flex-wrap: wrap;}
    #container5 .layout .left-box,#container5 .layout .right-box{width: 100%;}
    #container5 .layout .right-box{margin-top: 2rem;}
    #container6 .depart-list{width: 100%;}
     #container6 .depart-list a{width:25%;height: 42%;}
    #container6 .depart-list a.item1{left: 19%;}
    #container6 .depart-list a.item2{left: 38%;}
    #container6 .depart-list a.item3{left: 57%;}
    #container6 .depart-list a.item4{left: 75%;}
    #container6{padding-bottom:0;}
    #container7 .details_top .details_top_left{width:100%;}
    #container7 .details_top .details_top_right{display:none;}
#container7 .details_bottom .details_img,#container7 .details_bottom .details_info{margin-top:1rem;width:80%;}
#container7 .swiper-pagination{display: none;}
#container7 .details_card{padding: 2rem 0 1rem 0;}
#container2 .service-box2 ul li.none{display: none;}
#container2 .service-box2 ul li.box1,#container2 .service-box2 ul li.box2,#container2 .service-box2 ul li.box3{width:32%;}
#container2 .service-box2 ul li.box4,#container2 .service-box2 ul li.box5,#container2 .service-box2 ul li.box6,#container2 .service-box2 ul li.box7{width:23.8%;}
#container4 .doc-list .doc-item{height: 12rem;}
#container4 .doc-list .doc-item .left-box{flex:1.5;}
#container4 .doc-list .doc-item .left-box img{width: 100%;}
.header-container .header-layout .search-box .search-btn-box{width: 1.5rem;height: 1.5rem;padding: 0;}
}
@media (max-width:430px) {
      #container2 .service-box2 ul li a .en{margin-top: 0.5rem;font-size: 0.6rem;}
}

@media (min-width:780px) {
  .index .header2{transition: top 1.5s ease;}
   .index .one{width: 100%;height: 100vh;position: fixed; top: 0; left: 0; z-index: 80;}
  .index #container1{height: 100vh;}
  .index #container1 .banner{height: calc(100vh - 9.5rem);}
  .index .two{position: relative; top: 100vh; left: 0; z-index: 85;transition: top 1.5s ease;}
  body.index { overflow: hidden; transition: overflow 0.3s ease; }
  body.index.pc-scrollable { overflow: auto; }
}