.about{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
	font-size: 16px;

}
.about .about_z{
	width: 25%;
	height:auto;	
	float: left;
	overflow: hidden;
	padding: 3em 0;
}
.about .about_z ul{
	width: 260px;
	height: auto;
	float: right;
	padding-right: 1em;
	border:1px solid #ccc;
	padding:2em;
}
.about .about_z ul li{
	line-height: 46px;
	padding: 0 1em;
	font-size: 16px;
}
/*.about .about_z ul li:focus{
	color: #013e74;
}*/
.about .about_z ul .l1{
	background: #013e74;
	color: #fff;
}
.about .about_z ul .l2{
	border-bottom: 1px solid #999;
}
.about .about_z ul .l2 a{
	color: #333;
}
.about .about_z ul .l3{
	border-bottom: 1px solid #999;
}
.about .about_z ul .l3 a{
	color: #013e74;
}
.about .about_y{
	width: 75%;
	float: left;
	height: auto;
	background: #fff;
	padding-bottom: 300px;
}
.about .about_y .about_xq{
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
}
.about .about_y .about_xq h3{
	text-align: center;
	padding: 2em 0 1em 0;
	color: #003e73;
	font-size: 24px;
}
.about .about_y .about_xq p{
	padding: 0 2em;
	line-height: 34px;
}
.about .about_y .about_xq img{
	width: 90%;
	height: auto;
	display: block;
	margin: 30px auto;
}
.case {
	width: 860px;
	padding:3em 0;
	margin: 0px auto;
	overflow: hidden;
	background: #fff;
	transition: all 1s;
	position:relative;
	animation:myfirst 8s;
	-webkit-animation:myfirst 4s; 
}

@keyframes myfirst
{
	0%   {left:0px; top:50px;}
	25%  { left:0px; top:0px;}
	50%  {left:0px; top: 0px;}
	75%  { left:0px; top:0px;}
	100% {left:0px; top:0px;}
}
.case ul {width: 900px;margin: 0 auto;}
.case>ul li {
	display: inline-block;
	margin: 1em 2em 1em 0;
	width: 260px;
	height: 360px;
	cursor: pointer;
}
.case .grid-content {
	position: relative;
	overflow: hidden;
}
.case .grid-content .shizi_img{
	width: 230px;
	height: 360px;
	text-align: center;
	margin: 0px auto
	
}
.case .grid-content .shizi_img h4{
	padding: 0.2em;
}
.case .grid-content .shizi_img h4 span{
	padding-top: 1em;
	display: block;
	font-weight: normal;
}
.case .grid-content .shizi_img img {
	width: 230px;
	height: 230px;
	display: inline-block;
	background: #ccc;
	border-radius: 50%;
	transition: all 1s;
}
.case .grid-content .shizi_img img:hover{
	transform: scale(1.8);
}
.case .grid-content .grid-shade {
	position: absolute;
	top: 0;
	width: 260px;
	height: 360px;
	background: #fff;
	color: #000;
	font-size: 14px;
	display: none;
	overflow: hidden;
	border:1px solid #f40;
	text-align: center;
}
.case .grid-content .grid-shade .grid-enter {
	position: absolute;
	width: 260px;
	height: 360px;
	overflow: hidden;
}
.case .grid-content .grid-shade .grid-enter h4 {
	color:color: #000;
	padding: 1em 0 0 0;
	font-size: 18px;
}
.case .grid-content .grid-shade .grid-enter h4 span{
	font-weight: normal;
	font-size: 16px;
	color: #f40;
	padding-top: 0.5em;
	display: block;
}
.grid-enter p{
	display: block;
	margin: 0px auto;
	padding: 1em;
	line-height: 32px;
}