.xs .list{
	width: 380px;
	height: 250px;
	float: left;
	overflow: hidden;
	margin-right: 30px;
	margin-top: 30px;
	position: relative;
}
.xs a:nth-child(-n+3) .list{
	margin-top: 0;
}
.xs .bgc{
	width: 100%;
	height: 60px;
	background-color: rgba(0,0,0,50%);
	position: absolute;
	bottom: 0;
    transition: all ease-in-out 0.5s;
}
img{
	max-width: 100%;
}
.xs a:nth-child(3n) .list{
	margin-right: 0;
}

.xs .list:hover img{
	transform: scale(1.05) ;
	transition: all 0.5s;

}
.xs .list:hover .bgc{
	 height: 100%;
}
.xs .list img {
   transition: all 0.5s ease-in-out;
}
.gy-content{
	padding-bottom: 50px;
}
.xs .bgc h3{
	color: white;
	width: 280px;
	line-height: 50px;
	margin: 0 50px;
	border-bottom: 3px solid white;
    transition: all ease-in-out 0.5s;
}
.xs .list:hover .bgc h3{
	 margin-top: 90px;
}
	.alTab{
		text-align: center;
	}
		.alTab ul{
			display: inline-block;
		}
	.alTab ul  a{
		float: left;
		padding: 0 30px;
		line-height: 60px;
		text-align: center;
	}