/*==================================== m-medical css ====================================*/

#m_medical {
	width:100%;
	margin-top:140px;
}
.m_medical {
	width:1000px;
	height:405px;
	margin:50px auto;
	overflow: hidden;
	position:relative;
	color:#333;
}
.m_medical .left {
	float: left;
	width:600px;
	height:400px;
	overflow: hidden;
	color:#333;
	background:#fff;
	box-shadow:1px 1px 3px #333;
}
.m_medical .left .left_text h4 {
	margin:35px 40px 25px 90px;
}
.m_medical .left .left_text p {
	float:left;
	width:460px;
	height:100%;
	line-height:24px;
	border-left:1px solid #5bda9b;
	padding-left:15px;
	margin-left:5px !important;
}
.m_medical .left .left_text .number {
	width:40px;
	margin-left:30px;
	margin-top:3px;
	height:100%;
	float:left;
}
.m_medical .left .left_text .number img {
	width:32px;
	height:auto;
}
.m_medical .left .left_text .border_top {
	border-top:1px solid #5bda9b;
	width:416px;
	height:10px;
	display:block;
	margin-left:140px;
}




.m_medical .left h4 {
	font-size:28px;
	letter-spacing:1px;
	margin:60px 40px 20px 40px;
}
.m_medical .left p {
	font-size:14px;
	line-height:28px;
	margin:0 40px;
}

.m_medical .left .border_topblack {
	border-top: 1px solid #333;
	width: 450px;
	height: 10px;
	display: block;
	margin-left: 40px;
	margin-bottom: 10px;
}

.m_medical .left #div1, .m_medical .left #div2 {
	width:600px;
	height:400px;
	position:absolute;
	left:0;
	top:0;
	color:#333;
	display:none;
	background:#fff;
}
.m_medical .left .icons {
	width:100%;
	margin:10px 30px;
}
.m_medical .left .icons img {
	width:500px;
	height:auto;
}
.m_medical .left .close2 {	
	background-size:14px;
	position:absolute;
	top:22px;
	right:20px;
	width:25px;
	height:25px;
	
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;

	background:#fff url(../images/index/bg-close2.png) no-repeat center center;
}
.m_medical .left .close2:hover {
	background:#3fc46b url(../images/index/bg-close-white.png) no-repeat center center;
}



.m_medical .right {
	float:left;
	width:380px;
	margin:0px 0 15px 15px;
	height:192px;
	background:#9afbf2;
	overflow:hidden;
	box-shadow:1px 1px 3px #333;
}
.m_medical .right img {
	width:100%;
}





























.xiejiao {
	position:relative;
	width:1050px;
	height:400px;
	margin:150px auto 100px auto;
	overflow:hidden;
	background: url(../images/xiejiaobg.png) no-repeat left top;
}

.xiejiao .scroll {
	position:absolute;
	left:465px;
	top:160px;
	
	width:50px;
	height:50px;
	display:block;
	background:#1b99f1 url(../images/down_arrow.png) no-repeat center center;
	opacity:0.85;
	
	-webkit-border-radius: 50%;	
	-moz-border-radius: 50%;	
	border-radius: 50%;

	
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.xiejiao .scroll:hover {
	opacity:1;
}