.content{
	padding: 0 15px;
}


.about{
	padding-top: 1.12rem;
	padding-bottom: 1.8rem;
}
.about .title{
	font-size: .36rem;
	font-weight: bold;
	line-height: 1;
	color: #008BCF;
	padding-bottom: .36rem;
}
.about p{
	font-size: .24rem;
	line-height: .3rem;
	padding-bottom: .3rem;
	color: #4A4A4C;
}


.first{
	padding-bottom: .67rem;
}
.first img{
	float: left;
	width: 7.81rem;
	margin-right: .55rem;
}
.first .text{
	
}
.first p{
	font-size: .24rem;
	line-height: .36rem;
	color: #666666;
	padding-bottom: .38rem;
}
.first .Cname{
	padding-top: 1rem;
	font-size: .3rem;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 0;
}
.first .Ename{
	font-size: .18rem;
	font-weight: bold;
	line-height: 1;
	padding-top: .12rem;
	padding-bottom: .62rem;
}
@media only screen and (max-width: 832px) {
	.first img{
		float: none;
		max-width: 480px;
		margin: 0;
		width: 100%;
	}
}



.group{
	padding-bottom: .84rem;
}
.group .h{
	text-align: center;
	font-size: .36rem;
	font-weight: bold;
	line-height: 1;
	padding-bottom: .35rem;
	color: #008BCF;
}
.group .staff{
	font-size: 0;
	text-align: left;
}
.group .staff li{
	width: 25%;
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.group .staff li img{
	width: 100%;
	vertical-align: top;
}
.group .staff li > p{
	padding-top: .27rem;
	/*padding-left: .27rem;*/
	padding-bottom: .27rem;
}
.group .staff li span{
	vertical-align: bottom;
	font-weight: bold;
	line-height: 1;
	color: #666666;
	display: inline-block;
}
.group .staff li .name{
	font-size: .36rem;
}
.group .staff li .post{
	font-size: .24rem;
	padding-left: .2rem;
}



.group .summary li{
	position: relative;
	width: 100%;
	background: #F2F2F2;
	padding: .72rem;
	margin-top: .18rem;
	display: none;
	margin-bottom: .85rem;
}
.group .summary li .tri{
	position: absolute;
	top: -.18rem;
	
	width: .38rem;
	height: .19rem;
	background: url(../img/tri.png) center bottom/cover no-repeat;
}
.group .summary li.item1 .tri{
	left: calc(25% - 12.5%);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.group .summary li.item2 .tri{
	left: calc(50% - 12.5%);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.group .summary li.item3 .tri{
	left: calc(75% - 12.5%);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.group .summary li.item4 .tri{
	left: calc(100% - 12.5%);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.group .summary li p{
    font-size: .24rem;
    line-height: .3rem;
    color: #666666;
}
.group .summary li p + p{
    padding-top: .3rem;
}
.group .summary .close{
	position: absolute;
	top: .22rem;
	right: .22rem;
	width: .3rem;
	cursor: pointer;
}




.group .box{
	position: relative;
	overflow: hidden;
}
.group .box:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: all .4s;
}
.group .box:hover:after{
	visibility: visible;
	box-shadow: 0 0 0 3px #008BCF inset;
}

/*@media only screen and (max-width: 1024px) {
	.group .box:hover:after{
		display: none;
	}
	.group .box:hover p{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	.group .box p{
		display: inline-block;
	}
}
@media only screen and (max-width: 832px) {
	.group .staff li{
		width: 50%;
	}
	.group .staff li:nth-child(odd){
		padding-right: 10px;
	}
	.group .staff li:nth-child(even){
		padding-left: 10px;
	}
	
}
@media only screen and (max-width: 480px) {
	.group .staff li span{
		display: block;
	}
	.group .staff li .name{
		font-size: 18px;
	}
	.group .staff li .post{
		font-size: 12px;
		line-height: 24px;
		padding: 0;
	}
}*/