@charset "utf-8";



#container {}

#container li {
	/* padding: 2% 0; */
	position: relative;
	width: 31.66%;
	height: 290px;
	background: #FFFFFF;
	text-align: center;
	margin: 0 2% 2% 0;
	float: left;
	overflow: hidden;
}

#container li:nth-child(3n){margin: 0 0 2% 0;}

#container li .img {
	width: 100%;
	padding: ;
	display: block;
	-moz-transition: .5s ease-in;
	-webkit-transition: .5s ease-in;
	-o-transition: .5s ease-in;
	-ms-transition: .5s ease-in;
	transition: .5s ease-in;
	position: relative;
	height: 100%;
}
#container li:hover .img {
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1)
}
#container li .img img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto auto; max-width: 100%;}
#container li .zi{text-align: center;}
#container li .zi h2{font-size: 16px;color: #007AFF;line-height: 2em;}

#container li .dwhover {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: -100%;
	color: #fff;
	z-index: 2;
	display: table;
	_position: relative
}
#container li .dwhover i {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background: #000;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=80)
}
#container li .dwhover .hoverzi{padding:40% 5% 0 5%;text-align: left;}
#container li .dwhover .hoverzi a{font-size: 16px;color: #FFFFFF;line-height: 1.5em;}
#container li .dwhover .hoverzi .gang{width: 100%;height: 1px;background: #FFFFFF;}

.explain {
	display: block;
	margin: 0 auto
}

.jx1 {
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #36dffe;
	line-height: 100px;
	display: block
}