@charset "utf-8";

.h_contentList{margin-bottom:50px;}
.h_contentLi{
	float: left;
	width:33%;
}
.h_contentLi:hover .h_conTitle{
	color:#006fdb;
}
.h_contentLiA{
	display: block;
	margin:0 5px 10px 5px;
}
.h_conTime{
	color:#c6c6c6;
	font-size:14px;
}
.h_conTitle{
	color:#8a8a8a;
	font-size: 14px;
	width:350px;
}
.h_conImg{
	width:346px;
	height:215px;
	padding-top:10px;
	margin-bottom:20px;
}
.h_conImg img{
	width:100%;
	height:100%;
}
 

 
.h_contentList .hd{
	display: none;
}










.h_conImg{
	perspective:1000;
	transform-style:preserve-3d;
}
.h_conImg,.front,.back{
	width:353px;
	height:219px;
}
.flip{
	position:relative;
	transition:0.6s;
	transform-style:preserve-3d;
}
.front,.back{
	position:absolute;
	top: 0px;
	left: 0px;
	backface-visibility:hidden;
}
.front{
	z-index:2;
}
.back{
	transform:rotateY(-180deg);
	overflow: hidden;
}
.h_contentLi:hover .h_conImg .flip{
	transform:rotateY(180deg);
}
.h_contentLi:hover .h_conImg .flip .front{
	display: none\9;
}
.h_contentLi:hover .h_conImg .flip .back{
	display: block\9;
	transform:rotateY(0)\9;
}




.h_contentList .h_contentLi .front {
	background-color: #ddd;
	text-align: center;
	border: 1px solid #aaa;
	display: flex;
	justify-content: center;
	align-items: center;
}


.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

img{
    vertical-align: middle;
    max-width: 100%;
}


@media only screen and (max-width: 1000px) {
	
.h_contentList{margin-bottom:50px;}
.h_contentLi{
	float:inherit;
	width:100%;
}
.h_contentLi:hover .h_conTitle{
	color:#006fdb;
}
.h_contentLiA{
	display: block;
	margin:0 5px 10px 5px;
}
.h_conTime{
	color:#c6c6c6;
	font-size:14px;
}
.h_conTitle{
	color:#8a8a8a;
	font-size: 14px;
	width:100%;
}
.h_conImg{
	width:100%;
	height:auto;
	padding-top:10px;
	margin-bottom:20px;
}
.h_conImg img{
	width:100%;
	height:100%;
}
 

 
.h_contentList .hd{
	display: none;
}










.h_conImg{
	perspective:1000;
	transform-style:preserve-3d;
}
.h_conImg,.front,.back{
	width:100%;
	height:200px;
}
.flip{
	position:relative;
	transition:0.6s;
	transform-style:preserve-3d;
}
.front,.back{
	position:absolute;
	top: 0px;
	left: 0px;
	backface-visibility:hidden;
}
.front{
	z-index:2;
}
.back{
	transform:rotateY(-180deg);
	overflow: hidden;
}
.h_contentLi:hover .h_conImg .flip{
	transform:rotateY(180deg);
}
.h_contentLi:hover .h_conImg .flip .front{
	display: none\9;
}
.h_contentLi:hover .h_conImg .flip .back{
	display: block\9;
	transform:rotateY(0)\9;
}




.h_contentList .h_contentLi .front {
	background-color: #ddd;
	text-align: center;
	border: 1px solid #aaa;
	display: flex;
	justify-content: center;
	align-items: center;
}


.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

img{
    vertical-align: middle;
    max-width: 100%;
}
	
	
}

.pagepage{margin:60px auto 20px auto; width:100%; text-align:center;}


 
.pagepage a{
	display:inline-block;
	height:32px;
	line-height:32px;
	width:32px;
	border:1px solid #dcdcdc;
	margin:0 3px;
	text-decoration:none;
	color:#333
}

 
.pagepage a:hover,.pagepage a.hover{
	color:#fff;
	background:#FF6300;
	border:#FF6300 1px solid;
}
<!--ºÄʱ1758216736.9485Ãë-->