html {
	font-size: 10px;
}

p,
div,
body,iframe {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.box750{
	/*width: 120rem;*/
	width: 90%;
	height: 50rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}
.box-width-all{
	width: 100%;
}
.box-width-750{
	width: 100rem;
	/*max-width: 120rem;*/
	/*width: 90%;*/
}
.line-blue{
	width: 5.4rem;
	height: 0.5rem;
	background: #1048A0;
	margin-top: -0.5rem;
}
.company-box{
	display: flex;
	flex-direction: row;
	
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.company-left-box{
	display: flex;
	flex-direction: column;
	
	margin-right: 3rem;
}

.company-title{
	/*width: 40rem;*/
	font-size: 4.8rem;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #000000;
	line-height: 9.49rem;
	background: linear-gradient(90deg, #DBE8FD 0%, #FFFFFF 100%);
	background-repeat: no-repeat;
	background-position:0rem 3.5rem;
	
}
.company-contnet{
	font-size: 2rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #4F4F4F;
	line-height: 4.5rem;
	margin-top: 3rem;
}
.company-img{
	/*width: 52.4rem;*/
	min-width: 52.4rem;
	height: 35.8rem;
	min-height: 35.8rem;
	margin-top: 6rem;
}

.learn-more{
	width: 19rem;
	height: 6.8rem;
	background: #1048A0;
	border-radius: 1rem;
	font-size: 2.4rem;
	text-align: center;
	line-height: 6.8rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 5rem;
	margin-top: 4rem;
	cursor: pointer;
	text-decoration: none;

}
.learn-more:hover{
	background: #1048A0;
}

.case-tab-all-box{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.case-point{
	width: 5.4rem;
	height: 0.5rem;
	background: #FFFFFF;
	margin-left: 1rem;
	margin-right: 1rem;
	cursor: pointer;
}
.case-point-select{
	width: 5.4rem;
	height: 0.5rem;
	background:#1048A0;
	margin-left: 1rem;
	margin-right: 1rem;
	cursor: pointer;
}

.service-patient-box{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #F4F5F9;
	padding-top: 2rem;
	padding-bottom: 7rem;
}
.service-big-title{
	font-size: 4.8rem;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #000000;
	line-height: 9.49rem;
}
.service-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.service-item-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	width: 50rem;
	height: 20rem;
	box-sizing: border-box;
	padding-left: 2.5rem;
	margin: 1rem;
	background: #FFFFFF;
	border-radius: 2rem;
}
.service-num{
	width: 3.6rem;
	height: 4.6rem;
	background-image: url("../img/icon_service_num_bg.png");
	background-repeat: no-repeat;
	background-size: 3.6rem 4.6rem;
	align-self: flex-start;
	font-size: 2.4rem;
	text-align: center;
	line-height: 4.6rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
}
.service-img{
	width: 13rem;
	height: 13rem;
	margin-right: 1rem;
}
.service-right-box{
	flex-direction: column;
	justify-content: center;
}
.service-title{
	font-size: 2.4rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #000000;
	line-height: 5rem;
	border-bottom: 0.1rem solid #F4F5F9;
}
.service-content{
	font-size: 2rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #4F4F4F;
	line-height: 4rem;
}


.depart-box{
	display: flex;
	flex-direction: column;
	padding-top: 5rem;
}

.depart-title{
	width: 40rem;
	font-size: 4.8rem;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #000000;
	line-height: 9.49rem;
	background: linear-gradient(90deg, #DBE8FD 0%, #FFFFFF 100%);
	background-repeat: no-repeat;
	background-position:0rem 3.5rem;
	
}
.depart-sub-title{
	font-size: 2.4rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #000000;
	line-height: 5.5rem;
}

.depart-content{
	font-size: 2rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #4F4F4F;
	line-height: 5.5rem;
}

.depart-items-box{
	/*width: 129.6rem;*/
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
.depart-item-box{
	width: 12rem;
	margin: 2rem 4rem 4rem 0rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.depart-img{
	width: 12rem;
	height: 12rem;
}




.home-poster{
	width: 100%;
	height: calc(100vw * (662/1920));	
	margin-bottom: 7.2rem;
}

.home-poster-small{
	width: 100%;
	height: calc(100vw * (282/1920));

}

.service-group-box{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;

	padding-bottom: 7.5rem;

}



.service-content-box{
	display: flex;
	flex-direction: row;
}
.service-group-title{
	font-size: 4.8rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #000000;
	margin-top:6rem;
	margin-bottom: 5rem;
}

/* 五种联动 */
.services-all-box{

	display: flex;
	flex-direction: row;
}


.services-item-box{
	max-width: 25.75rem;
	min-height:36rem;
	align-items: center;
	justify-content: flex-start;
	display: flex;
	flex-direction: column;
	background: #F1F1F1;
	border-radius: 0.8rem;
	padding: 5rem 3.6rem 4.4rem;
	box-sizing: border-box;
	margin: 0.75rem;
	flex: 1;
	opacity: 0;
}

.services-item-box:hover{
	background: #1048A0;
}

.services-item-box:hover .service-no{
	color: #FFFFFF;
}
.service-no{
	font-size: 3.8rem;
	font-family: Helvetica Neue;
	font-weight: normal;
	color: #CCCCCC;

}
.services-item-box:hover .service-name{
	color: #FFFFFF;
}
.service-name{
	font-size: 1.8rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 2.07rem;
	margin-top: 1.5rem;
	text-align: center;
}
.services-item-box:hover .service-content{
	color: #FFFFFF;
}
.service-content{
	font-size: 1.4rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color:#666666;
	/*margin-top: 3rem;*/
	flex-grow: 1;
	line-height: 2.69rem;
}
.services-item-box:hover .service-icon{
	background: #FFFFFF;
}
.service-icon{
	width: 4.7rem;
	height: 4.7rem;
	background: #1048A0;

	border-radius: 50%;
}

/* 五种联动 end */
/*动画*/
.fade-in-bottom{animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1.000) both}

@keyframes fade-in-bottom{0%{transform:translateY(100px);opacity:0}100%{transform:translateY(0);opacity:1}}
