/*banner轮播图*/
.banner{margin:0 auto;position:relative; overflow:hidden;width: 1800px;}
/* .banner .swiper-container{height: 800px;} */
.banner img{width:100%;height:auto;}
.banner .arrow_btn{ position: absolute; top: 50%; z-index: 2;width: 40px;height: 75px;margin-top: -50px; border-radius: 3px; opacity:0.5; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;cursor: pointer;display: none;}
.banner .arrow-left{ left: 5px; background:url(/Content/Areas/Hospitals/images/Main/banner_btn.png) no-repeat left bottom;}
.banner .arrow-right{ right: 5px; background:url(/Content/Areas/Hospitals/images/Main/banner_btn.png) no-repeat right bottom;} 
@keyframes upin {
  0% {
  transform: scale(1.1)
  }
  100% {
  transform: scale(1)
  }
 }
 
 .banner .swiper-slide-on img {
  animation: upin 6s ease
 }
 div#pagination_51 {
  bottom: 40px;
  position: absolute;
  z-index: 1;
  width: 100% !important;
  left: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

div#pagination_51>span {
  width: 30px;
  height: 30px;
  background: url(/Content/images/Home/button.png) no-repeat center;
  opacity: 1;
}

div#pagination_51>span.swiper-pagination-bullet-active {
  background: url(/Content/images/Home/button_active.png) no-repeat;
  opacity: 1;
}
 @media only screen and (min-width: 1400px) and (max-width: 1700px) {

   .banner  img {
  transform: scale(1.2)
 }
   @keyframes upin {
  0% {
  transform: scale(1.2)
  }
  100% {
  transform: scale(1.18)
  }
 }
 }
 @media only screen and (max-width: 1800px){
  .banner {
    width: 100%;
}
 }
@media only screen and (max-width: 768px){
  .banner{width:100%;}
  div#pagination_51{bottom: 0.4rem;}
}