/* 视频 */
#videoIntroduction{
	overflow: hidden;
}
#videoIntroduction .fl{
	width: 897px;
	height: 550px;
}
#videoIntroduction .fl .videoBox{
	width: 897px;
	height: 505px;
}
#videoIntroduction .fl .imgBox{
	width: 897px;
	height: 505px;
	position: relative;
	overflow: hidden;
}
#videoIntroduction .fl .imgBox img{
	width: 100%;
	height: 100%;
	transition: all 500ms;
}
#videoIntroduction .fl .imgBox:hover img{
	transform: scale(1.1);
}
#videoIntroduction .fl .imgBox a.videoPlayBtn{
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}
#videoIntroduction .fl .imgBox a.videoPlayBtn img{
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: -40px;
}
#videoIntroduction .fl .imgBox:hover a.videoPlayBtn img{
	transform: scale(1);
}
#videoIntroduction .txtBox{
	width: calc(100% - 60px);
	padding: 0px 30px;
	height: 45px;
	background: #333333;
	display: flex;
	justify-content: space-between;
}
#videoIntroduction .txtBox h2{
	font-size: 22px;
	color: #ffd200;
	font-family: "SourceHanSansCN-Medium";
	line-height: 45px;
}
#videoIntroduction .txtBox .r{
	
}
#videoIntroduction .txtBox .r span{
	line-height: 45px;
	color: #9b9b9b;
	font-size: 22px;
	font-family: "DIN-Regular";
	display: inline-block;
}
#videoIntroduction .txtBox .r span.see{
	background: url(../icon/icon_see2.png) no-repeat left center;
	text-indent: 37px;
	margin-left: 15px;
}

/* 右边 */
#videoIntroduction .fr{
	width: 369px;
}
#videoIntroduction .fr dl{
	
}
#videoIntroduction .fr dl dt{
	font-family: "SourceHanSansCN-Medium";
	height: 48px;
	background: #808080;
	width: calc(100% - 70px);
	padding: 0px 35px;
	line-height: 48px;
	font-size: 22px;
	color: #fff;
}
#videoIntroduction .fr dl dd{
	margin-top: 13px;
}
#videoIntroduction .fr dl dd .imgBox{
	width: 100%;
	height: 208px;
	position: relative;
	overflow: hidden;
}
#videoIntroduction .fr dl dd .imgBox img{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	transition: all 500ms;
}
#videoIntroduction .fr dl dd:hover .imgBox img{
	transform: scale(1.1);
}
#videoIntroduction .fr dl dd .imgBox a{
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}
#videoIntroduction .fr dl dd .imgBox a img{
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: -20px;
}
#videoIntroduction .fr dl dd:hover .imgBox a img{
	transform: scale(1);
}
#videoIntroduction .fr dl dd .txtBox{
	width: calc(100% - 40px);
	padding: 0px 20px;
	height: 30px;
	line-height: 30px;
}
#videoIntroduction .fr dl dd .txtBox h2{
	font-size: 16px;
	font-family: "SourceHanSansCN-Regular";
	line-height: 30px;
	/*width: 60%;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#videoIntroduction .fr dl dd .txtBox .r span{
	font-size: 14px;
	line-height: 30px;
}
#videoIntroduction .fr dl dd .txtBox .r span.see{
	background-size: 14px;
	text-indent: 20px;
	margin-left: 10px;
}

/* 中间导航 */
.diyMenu, #centerNav{
	overflow: hidden;
	border-top: 1px dashed #aaaaaa;
}
#centerNav ul, .diyMenu ul{
	display: flex;
	justify-content: space-between;
}
#centerNav ul li, .diyMenu ul li{
	width: 25%;
	text-align: center;
	padding: 50px 0px 26px 0px;
	border-bottom: 4px solid #fff;
}
#centerNav ul li.hover, #centerNav ul li:hover, .diyMenu ul li.hover, .diyMenu ul li:hover{
	border-bottom: 4px solid #333333;
}
#centerNav ul li a, .diyMenu ul li a{
	display: inline-block;
	font-size: 28px;
	line-height: 28px;
	height: 28px;
	color: #909090;
	text-indent: 43px;
	font-family: "SourceHanSansCN-Medium";
}
#centerNav ul li a:hover, #centerNav ul li.hover a, .diyMenu ul li a:hover, .diyMenu ul li.hover a{
	color: #333333;
	font-family: "SOURCEHANSANSCN-BOLD";
}

.sub_list{ background: #fff; margin: 20px auto; padding:15px; display: flex; justify-content: center; align-items: center; }
.sub_list span a{ padding: 10px 15px; margin:0 10px; color: #212121; }
.sub_list span.hover a{  background-color: rgba(254, 205, 4, 1); }
.loadmore-nodata{ text-align: center; }