﻿/*banner轮播图*/
.banner_box{position: relative; background:url(/Content/Areas/Hospitals/images/Main/banner_bg.jpg);padding-bottom: 70px;}
.banner img{display: block;margin: 0 auto;}

.banner{margin:0 auto;position:relative; overflow:hidden;}
.swiper-container{height:544px;}
.banner .arrow_btn{position: absolute; top: 50%; z-index: 2;width: 52px;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: 100px; background:url(/Content/Areas/Hospitals/images/Main/left_btn.png) no-repeat left bottom;}
.banner .arrow-left:hover{ background:url(/Content/Areas/Hospitals/images/Main/right_btn.png) no-repeat left bottom;}
.banner .arrow-right{ right: 100px; background:url(/Content/Areas/Hospitals/images/Main/left_btn.png) no-repeat right bottom;} 
.banner .arrow-right:hover{ background:url(/Content/Areas/Hospitals/images/Main/right_btn.png) no-repeat right bottom;}

@media only screen and (max-width:1440px){
	.swiper-container {height: 500px;}
}

@media only screen and (max-width:768px){
	.banner_box{position: inherit; background:none;padding-bottom:0;}
	.swiper-container{height:250px;}
	.banner .arrow-left{left: 5px;}
	.banner .arrow-right{ right:5px;}
.banner .arrow_btn {width: 32px;height: 32px;margin-top: -20px;background-size: cover !important;}

}
@media only screen and (max-width:640px){
	.swiper-container{height:200px;}
}
@media only screen and (max-width:560px){
	.swiper-container{height:180px;}
}
@media only screen and (max-width:480px){
	.swiper-container{height:140px;}
}
@media only screen and (max-width:400px){
	.swiper-container{height:100px;}
} 