@charset "utf-8";

.h_contentList{margin-bottom:50px;}
.h_contentLi{
	float: left;
	width:33%;margin-bottom:20px;
}
.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;line-height:20px; height:45px;
}
.h_conImg{
	width:346px;
	height:215px;
	padding-top:10px;
	margin-bottom:10px;
}
.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%;
}


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


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

 
.pagepage a:hover,.pagepage a.hover,.pagepage a.current{
	color:#fff;
	background:#EA5404;
	border:#EA5404 1px solid;
}



.videolist{
    margin:0 -1.5%;
}
.videolist ul li{
    width: 22%;
    float: left;
    margin:0 1.5%;
    text-align: center;
    line-height:30px;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}

.videolist ul li img{
    width: 100%;
    height:auto;
}
.videolist ul li .videoan{
    width: 50px;
    height: auto;
    position: absolute;
    z-index: 50;
    top:33%;
    left:40%;
}

/*视频容器样式*/
.xv-a{position: fixed;left: 0;top: 120%;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 10000000;transition: top .5s ease-in-out;}
.xv-a.show{top: 0;}
.xv-a.show .xv-e{visibility: visible;}
.xv-a.show .xv-f{display: block;}
.xv-b{ position: absolute;left: 50%;top: 50%;margin-left: -550px;margin-top: -300px;width: 1000px;height: 600px;   }
.xv-c{display: block;width: 100px;height: 40px;background-color:#ff0000;position: absolute;right: 0;top: 0;cursor:pointer;z-index: 10000;}
.xv-d{display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-e{visibility: hidden;width: 100%;height: 100%;  }
.xv-f{display: none; width: 100%;height: 100%;  }



@media screen and (max-width: 1000px) {
	
	 
.videolist{
    margin:0 -1.5%;
}
.videolist ul li{
    width: 47%;
    float: left;
    margin:0 1.5%;
    text-align: center;
    line-height:30px;
    margin-bottom: 20px;
    cursor: pointer;
}    
    
.xv-b{ position: absolute;left: 50%;top: 50%;margin-left: -45%;margin-top: -300px;width: 90%;height: 600px;   }
    
    
.h_contentList{margin-bottom:50px; width:100%;}
.h_contentLi{
	float:!important;
	width:100%;margin-bottom:20px;
}
.h_contentLi:hover .h_conTitle{
	color:#006fdb;
	
}
.h_contentLiA{
	display: block;
	margin:0  auto 0px auto;
}
.h_conTime{
	color:#c6c6c6;
	font-size:14px;
}
.h_conTitle{
	color:#8a8a8a;
	font-size: 13px;
	width:100%;line-height:20px; height:40px;
}
.h_conImg{
	width:100%;
	height:215px;
	padding-top:10px;
	margin-bottom:10px;
}
.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%;
}


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


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

 
.pagepage a:hover,.pagepage a.hover,.pagepage a.current{
	color:#fff;
	background:#D70A30;
	border:#D70A30 1px solid;
}

}