.user-main {
	width: 1640px;
	margin: 0 auto;
	position: relative;
}

.user h2,
.partner h2,
.user-map h2,
.map h2 {
	text-align: center;
	padding: 80px 0;
	font-size: 40px;
}

.user h2 span,
.partner h2 span,
.user-map h2 span,
.map h2 span {
	display: block;
	margin: 5px 0;
}

.user h2 span i,
.partner h2 span i,
.user-map h2 span i,
.map h2 span i {
	border-top: 1px solid #CCCCCC;
	font-size: 16px;
	padding: 5px 0;
	font-style: normal;
}

.map h2 span i,
.partner h2 span i,
.partner h2,
.user-map h2,
.map h2 {
	color: #FFFFFF;
}

.case {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 50px;
	overflow: hidden;
	position: relative;
	height: 470px;
}

.partner-img {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 50px;
	overflow: hidden;
	position: relative;
	height: 294px;
}

.case ul {
	width: 500000px;
	position: absolute;
	left: 0;
}

.partner-img ul {
	width: 500000px;
	position: absolute;
	left: 0;
}

.case ul li {
	float: left;
	border: 1px solid #C7C7C7;
	margin: 0 9px;
	margin-bottom:3px;
}

.partner-img ul li {
	float: left;
	border: 1px solid #C7C7C7;
	margin: 0 9px;
}

.case ul li a,
.partner-img ul li a {
	display: block;
}

.case ul li a img,
.partner-img ul li a img {
	display: block;
	width: 100%;
}

.case ul li a span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.case-btn {
	font-size: 30px;
	width: 10%;
	text-align: center;
	display: block;
}

.case-btn img {
	width: 50%;
}

#caser {
	position: absolute;
	right: 0;
	top: 60%;
}

#casel {
	position: absolute;
	left: 0;
	top: 60%;
}

#partnerR {
	position: absolute;
	right: 0;
	top: 57%;
}

#partnerL {
	position: absolute;
	left: 0;
	top: 57%;
}

.map,
.user-map {
	background-color: #3868B4;
}

.map-img {
	padding-bottom: 50px;
	margin-top: -100px;
	height: 1000px;
}

.user-img {
	position: relative;
	height: 600px;
}

.user-img p {
	font-size: 18px;
	color: #FFFFFF;
	width: 50%;
	padding: 0 5%;
	line-height: 50px;
	margin: 50px 0;
}

.user-img p span {
	font-size: 28px;
}

.user-img img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
}

.map {
	position: relative;
}

.map-img img {
	display: block;
	margin: 0 auto;
	width: 60%;
}

.partner {
	background: url(../../images/user/user_bottomBg.jpg) no-repeat;
}

.map-list {
	width: 300px;
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.maplist-body div {
	padding: 10px;
	line-height: 30px;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #AFC3E1;
	border-top: #FFFFFF solid 1px;
}

.maplist-body {
	max-height:300px;
	overflow-y: scroll;
}

.maplist-head {
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	background-color: #9ACBBC;
}

.map-list div span {
	display: inline-block;
	width: 80%;
	text-align: center;
}

.map-list div span.maphospital 
{
    text-align:left;
}

.map-list div span:first-child {
	width: 20%;
	vertical-align: top;
}

.partner {
	background: url(../../images/user/user_bottomBg.jpg) no-repeat;
}

@media (max-width: 1640px) {
	.user-main {
		width: 1340px;
	}
}

@media (max-width: 1430px) {
	.user-main {
		width: 1170px;
	}
	.case ul li a span {
		font-size: 16px;
	}
	.case {
		height: 400px;
	}
	.partner-img {
		height: 250px;
	}
	.user h2,
	.partner h2,
	.map h2 {
		font-size: 38px;
	}
	.user-img img,
	.user-img p {
		width: 60%;
	}
}

@media (max-width: 1200px) {
	.user-main {
		width: 970px;
	}
	.case ul li a span {
		font-size: 14px;
	}
	.case {
		height: 340px;
	}
	.partner-img {
		height: 250px;
	}
	.user h2,
	.partner h2,
	.map h2 {
		font-size: 32px;
	}
	.user-img img,
	.user-img p {
		width: 75%;
	}
}

@media (max-width: 992px) {
	.user-main {
		width: 750px;
	}
	.user h2,
	.partner h2,
	.map h2 {
		font-size: 24px;
	}
	.case {
		height: 270px;
	}
	.partner-img {
		height: 200px;
	}
	.user-img img,
	.user-img p {
		width: 90%;
	}
}

@media (max-width: 768px) {
	.user-main {
		width: 90%;
	}
	.case {
		height: 10rem;
	}
	.partner-img {
		height: 6rem;
	}
	.case-btn img {
		width: 100%;
	}
	.user h2,
	.map h2,
	.partner h2 {
		font-size: 0.53rem;
		padding: 1.06rem 0;
	}
	.user h2 span i,
	.map h2 span i,
	.partner h2 span i {
		font-size: 0.21rem;
	}
	.user-img img,
	.user-img p {
		width: 100%;
	}
	.user h2,
	.partner h2,
	.user-map h2,
	.map h2 {
		padding: 1.06rem 0;
		font-size: 0.53rem;
	}
	.user h2 span i,
	.partner h2 span i,
	.user-map h2 span i,
	.map h2 span i {
		font-size: 0.21rem;
	}
	.user-img p span {
		font-size: 0.37rem;
	}
	.user-img p {
		font-size: 0.24rem;
	}
	.map-img img {
		width: 100%;
	}
	.map-img{
		height: 9.333rem;
	}
	.map-list{
		width: 100%;
		position: static;
	}
}