.top img{
	width: 100%;
}
.intro img{
	width: 100%;
}
.intro .hx-title{
	text-align: left;
}
.intro .hx-title:after{
	left: 40px;
	
}
.intro .pic{
	margin-top: 100px;
}
.intro p,.story p{
	font-size: 14px;
	line-height: 30px;
}
.story p{
	text-align: center;
}
.intro-bg{
	background: #f6f6f6;
	padding-bottom: 40px;
}
.leader .hx-title{
	margin-bottom: 60px;
}
.leader{
	text-align: center;
}
.leader li{
	margin-bottom: 100px;
	cursor: pointer;
	position: relative;
}
.leader li img{
	width: 210px;
}
.leader .post{
	font-size: 13px;
	margin-top: 4px;
}
.leader .biog{
	padding: 40px 15px 8px;
	text-align: left;
	background: #fff;
	position: absolute;
	z-index: 2;
	text-indent: 2em;
	line-height:24px ;
	font-size: 14px;
	width: 74%;
	left: 13%;
	display: none;
}
.leader .biog p{
	margin-bottom: 24px;
}

.padbt100 .biog{
	padding-bottom: 72px;
}
.history,.honour {
	overflow: hidden;
	text-align: center;
}
.history img,.honour img{
	width: 100%;
}
@media (max-width: 1024px){
	.intro .pic{
		margin-top: 20px;
	}
	.story p,.intro p{
		text-align: left;
	}
	.leader li{
		margin-bottom: 20px;
	}
	.leader li img{
		width: 100%;
		max-width: 210px;
		border-radius:8px ;
	}
	.leader .biog{
		left: 0;
		margin-top: -40px;
		width: 99%;
		max-width: 217px;
		padding: 10px;
		background: #f5f5f5;
		border-radius: 8px;
		color: #fff;
		background: rgba(0,0,0,.9);
	}
	.leader .biog:after{
		content: "";
		border: 10px solid transparent;
		position: absolute;
		border-bottom-color:rgba(0,0,0,.9) ;
		top: 0;
		left: 50%;
		margin-left: -5px;
		margin-top: -20px;
	}
	.leader .biog p{
		margin-bottom: 4px;
	}
	.history .pc{
		display: none;
	}
	.honour .pc{
		display: none;
	}
	.history img,.honour img{
		max-width: 768px;
	}
}
@media (min-width: 1025px) {
	.leader li:hover .biog{
		display: block;
	}
	.history .phone{
		display: none;
	}
	.honour .phone{
		display: none;
	}
	
}