@charset "utf-8";
/* CSS Document */
@import url("css.css");
/*============================================================
  banner
  =============================================================*/
.banner{
	width:100%;
	height:400px;
	background:url(../images/banner_medical.jpg) top center no-repeat;
}
.banner-con{
	width:760px;
	margin:0 auto;
	text-align:right;
	padding-top:135px;
}
.banner-con h3{
	font-size:40px;
	color:#fff;
	margin-bottom:25px;
}
.banner-con p{
	font-size:24px;
	color:#fff;
}
/*============================================================
  medical
  =============================================================*/
.medical{
	padding: 130px 0px 140px;
}
.xian{
	width: 50px;
	height: 2px;
	background-color: #07506d;
	margin: 0px auto 50px;
}
#medical .medical-list{
	width: 100%;
	height: 238px;
	margin: 0 auto;
	background-color: rgba(50,131,154,0.3);
	margin-bottom:30px;
}
#medical .medical-list img{
	width: 364px;
	height: 238px;
	float:left;
}
#medical .medical-list .medical-list-r{
	float:left;
    width: 736px;
    height: 238px;
    padding: 10px 30px;
}
#medical .medical-list h5{
	font-size: 25px;
	color: #003366;
	margin-bottom:10px;
}
#medical .medical-list p{
	font-size: 20px;
	line-height: 28px;
	color: #535353;
}
#medical .swiper-button-next,#medical .swiper-button-prev{
	width: 36px;
	height: 36px;
	margin-top: -18px!important;
	background-size: 36px 36px;
}
#medical .swiper-button-next{
	background-image:url(../images/medical_r.png)!important;
	right:0px;
}
#medical .swiper-button-prev{
	background-image:url(../images/medical_l.png)!important;
	left:0px;
}