/*banner轮播图*/
.banner{margin:0 auto;position:relative; overflow:hidden;}
.swiper-container{height:550px;}
.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;}
.banner .arrow-left{ left: 30px; background:url(/Content/Areas/Hospitals/images/Main/banner_btn.png) no-repeat left bottom;}
.banner .arrow-right{ right: 30px; background:url(/Content/Areas/Hospitals/images/Main/banner_btn.png) no-repeat right bottom;}

@media only screen and (max-width: 768px){
.banner{margin:0 auto;position:relative; overflow:hidden;}
.banner{width: 100%; height: 230px;}
.swiper-container{height:230px;}
.swiper-slide{height:230px;}
.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;}
.banner .arrow-left{ left: 30px; background:url(/Content/Areas/Hospitals/images/Main/banner_btn.png) no-repeat left bottom;}
.banner .arrow-right{ right: 30px; background:url(/Content/Areas/Hospitals/images/Main/banner_btn.png) no-repeat right bottom;}

}

@media only screen and (max-width: 680px){
.banner{width: 100%; height: 200px;}
.swiper-container{height:200px;}
.swiper-slide{height:200px;}
.banner img{width: 100%; height: 100%;}
}
@media only screen and (max-width: 640px){
.banner{width: 100%; height: 190px;}
.swiper-container{height:190px;}
.swiper-slide{height:190px;}
.banner img{width: 100%; height: 100%;}
}
@media only screen and (max-width: 550px){
 .swiper-container{height:260px;}
}
@media only screen and (max-width: 600px){
.banner{width: 100%; height: 180px;}
.swiper-container{height:180px;}
.swiper-slide{height:180px;}
.banner img{width: 100%; height: 100%;}
}
@media only screen and (max-width: 550px){
.banner{width: 100%; height: 165px;}
.swiper-container{height:165px;}
.banner img{width: 100%; height: 100%;}
.swiper-slide{height:165px;}


}
@media only screen and (max-width: 480px){
.banner{width: 100%; height: 140px;}
.swiper-container{height:140px;}
.swiper-slide{height:140px;}
.banner img{width: 100%; height: 100%;}

}

@media only screen and (max-width: 414px){
  .banner{width: 100%; height: 120px;}
.swiper-container{height:120px;}
.swiper-slide{height:120px;}

}
@media only screen and (max-width: 360px){
.banner{width: 100%; height: 110px;}
.swiper-container{height:110px;}
.swiper-slide{height:110px;}
.banner img{width: 100%; height: 100%;}
}