/*banner轮播图*/

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

.banner1 {
  overflow: hidden;
  position: relative;
}

.banner img {
  width: 100%;
}

.banner.swiper-container {
  height: 680px;
}

.banner .arrow_btn {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 85px;
  height: 85px;
  margin-top: -50px;
  border-radius: 3px;
  opacity: 0.5;
  text-indent: -9999px;
  background-repeat: no-repeat;
  transition: opacity .2s linear 0s;
  cursor: pointer;
}

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

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

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: absolute;
  bottom: 40px;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 30px;
  height: 30px;
  background: url(/Content/Areas/Common/images/point.png);
  margin: 0 10px;
  opacity: 0.4;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(/Content/Areas/Common/images/point.png);
  opacity: 1;
}

.banner {
  position: relative;
}

.test {
  position: absolute;
  top: 80px;
  right: 360px;
  font-size: 40px;
  font-family: "宋体";
  color: #0A479D;
}

.test i {
  position: absolute;
  top: 45px;
  left: 50%;
  width: 100%;
  font-size: 39px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #0A479D;
  opacity: 0.1;
  transform: translate(-50%, -50%);
}
.W1366{display: none;}
.W1920{display: block;}
.W1280{display: none;}
@media only screen and (max-width: 1366px) {
  .W1366{display: block;}
  .W1920{display: none;}
  .W1280{display: none;}
}
@media only screen and (max-width: 1280px) {
  .W1366{display: none;}
  .W1920{display: none;}
  .W1280{display: block;}
}
@media only screen and (max-width: 768px) {
  .banner .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
   display: none;
  }
}