/*bannerÂÖ²¥Í¼*/

.banner {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  display:block;
}

.swiper-container {
  height: 620px;
}

.banner .arrow_btn {
 position: absolute;
 top: 50%;
 z-index: 2;
 width: 80px;
 height: 75px;
 margin-top: -50px;
 border-radius: 3px;
 text-indent: 0;
 background-repeat: no-repeat;
 transition: opacity .2s linear 0s;
 cursor: pointer;
 display: block;
 color: #fff;
 font-size: 40px;
 text-align: center;
 line-height: 75px;
 background: rgba(0,0,0,.5);
 border-radius: 0 50% 50% 0;
}

.banner .arrow-left {
  left: -25px;
  /*background: url(/Content/Areas/Hospitals/images/Main/banner_btn.png) no-repeat left bottom;*/
}

.banner .arrow-right {
  right: -25px;
  /*background: url(/Content/Areas/Hospitals/images/Main/banner_btn.png) no-repeat right bottom;*/
  border-radius: 50% 0 0 50%;
}

.Topbg {
  background: url(/Sites/Uploaded/UserUpLoad/20181120/20181120112124.png) no-repeat top left;
  position: absolute;
  top: -2px;
  height: 43px;
  width: 100%;
}

.Bottombg {
  background: url(/Sites/Uploaded/UserUpLoad/20181120/20181120112614.png) no-repeat top left;
  position: absolute;
  bottom: -2px;
  height: 119px;
  width: 100%;
}
  .swiper-slide a img {
   width: 100%;
  }
@media (min-width:1440px)and (max-width:1680px) {
  .swiper-slide a img {
   width: 100%;
  }
}
@media (min-width:1024px)and (max-width:1440px) {
.swiper-container {
  height:  465px;
}
  .swiper-slide a img {
   width: 100%;
  }
  .banner .swiper-slide {
   height: 465px;
  }
}

@media screen and (max-width:768px) {
  .Topbg,
  .Bottombg {
   display: none;
  }
  .swiper-container {
   height: 2rem;
  }
}