.sub-banner {
	width: 100%;
	height: 188px;
	margin-top: 76px;
}

.sub-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* .sub-banner .sub-banner-title {
	font-size: 0.36rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
} */
/* .topnav{
	margin: 0.2rem 0 0 2%;
}
.topnav-left{
	font-size: 0.2rem;
} */

.sub-banner .sub-banner-title div {
	width: 100%;
	margin-top: 0.3rem;
	text-align: center;
	font-size: 0.2rem;
}
.video {
	padding: 20px 3% 0;
}
.video .course{
	width: 100%;
	margin-top: 25px;
}
.video .course:nth-child(1){
	margin-top: 0;
}
.video .course_top{
	background-color: #13356c;
	padding: 10px;
	overflow: hidden;
}
.video .course_top .course_name{
	font-size: 16px;
	float: left;
	color: #ffffff;
}
.video .course_top .course_more{
	font-size: 14px;
	float: right;
	color: #ffffff;
}
.video .course_bottom{
	padding: 10px;
	background-color: #fafafa;
}
.video .course_bottom .course_title{
	padding: 10px 0;
	font-size: 16px;
	border-bottom: 1px dashed #ebebeb;
}
.video .course_bottom .course_title::before{
	content: '·';
	color: #13356c;
	font-weight:bold;
}



.headline_db{
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  letter-spacing: 1px;
  text-align: center;
  overflow: hidden;
  margin-top: 20px;
}
.hide{
  display: none !important;
}