/*博览会回顾*/



/*$$



{"color":[{"val":"#000000","title":"栏目默认文字颜色"},



{"val":"#fff","title":"分类标题默认文字颜色"},



{"val":"#ffffff","title":"分类标题/默认标题 鼠标滑过文字颜色"},



{"val":"#bfb9b9","title":"日期默认文字颜色"},



{"val":"#232323","title":"标题默认文字颜色"}],



"background":[{"val":"#b8060b","title":"栏目底部边框颜色/分类导航条 背景颜色"},



{"val":"#6e9d14","title":"分类标题鼠标滑过背景颜色"},



{"val":"#b8060b","title":"分类标题鼠标滑过背景颜色"},



{"val":"rgba(0,0,0,.4)","title":"标题默认背景颜色"}],



"border":[]}



$$*/



#activity_154 {



	width: 100%;



	background: #f7f7f7;



	padding: 80px 0 40px 0;



}



#activity_154 .activiBox {



	width: 1200px;



	margin: 0 auto;



}



#activity_154 .column {



	width: 100%;



	color: #000000;



	position: relative;



	padding-bottom: 10px;



	margin: 20px 0 40px 0;



}



#activity_154 .column::after {



	content: '';



	position: absolute;



	bottom: 0;



	width: 46px;



	height: 3px;



	background: #b8060b;



	left: 50%;



	transform: translateX(-50%);



}



#activity_154 .column .tit-1 {



	font-size: 32px;



	line-height: 40px;



	text-align: center;



}



#activity_154 .column .tit-2 {



	font-size: 15px;



	line-height: 24px;



	text-align: center;



}



#activity_154 .classList {



	width: 100%;



	height: 55px;



	background: #b8060b;



	display: flex;



	justify-content: center;



}



#activity_154 .classname {



	display: inline-block;



	line-height: 55px;



	color: #fff;



	font-size: 18px;



	cursor: pointer;



	position: relative;



	height: 100%;



	width: auto;



	padding: 0 35px;



	z-index: 1;



	overflow: hidden;



	transition: all 0.3s;



}

#activity_154 .classname::before,

#activity_154 .classname::after {

	content: '';

	position: absolute;

	height: 100%;

	width: 100%;

	bottom: 100%;

	left: 0;

	z-index: -1;

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;

	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}

#activity_154 .classname::before {

	background: #fff;
	color: #b8060b;

}

#activity_154 .classname::after {

	background: #b8060b;

}

#activity_154 .classname:hover {
	color: #b8060b;

}

#activity_154 .classname.active {

	color: #ffffff;

}

#activity_154 .classname:hover::before,

#activity_154 .classname:hover::after,



#activity_154 .classname.active::before,



#activity_154 .classname.active::after {

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0);

}

#activity_154 .classname:hover::after {

	-webkit-transition-delay: 0.175s;

	transition-delay: 0.175s;

}

#activity_154 .imgBox {



	width: 100%;



	padding: 30px 0;



}



#activity_154 .conL {



	width: 50%;



	height: 445px;



	float: left;



	position: relative;



	overflow: hidden;



	cursor: pointer;



}



#activity_154 .title {



	height: 70px;



	line-height: 70px;



	width: 100%;



	position: absolute;



	padding: 0 40px;



	bottom: 0;



	left: 0;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	font-size: 24px;



	color: #ffffff;



	background: rgba(0, 0, 0, .4);



}



#activity_154 img {



	width: 100%;



	height: 100%;



	object-fit: cover;



	transition: all .3s;



}



#activity_154 .conR {



	width: 50%;



	float: left;



}



#activity_154 .conR .videItem {



	width: calc(50% - 15px);



	margin: 0 0 15px 15px;



	height: 215px;



	float: left;



	position: relative;



	overflow: hidden;



	cursor: pointer;



}



#activity_154 .videItem:hover img,



#activity_154 .conL:hover img {



	transform: scale(1.1);



}



#activity_154 .conR .videItem .title {



	padding: 0 20px;



	line-height: 50px;



	height: 50px;



	font-size: 18px;



}



#activity_154 .actiCon {



	width: 100%;



	padding: 30px 0 0 0;



}



#activity_154 .actiImg {



	width: 50%;



	float: left;



	height: 450px;



	overflow: hidden;



	position: relative;



}



#activity_154 .actiImg img {



	width: 100%;



	height: 100%;



	object-fit: cover;



	transition: all .3s;



}



#activity_154 .actiImg:hover img {



	transform: scale(1.1);



}



#activity_154 .actiImg .title {



	width: 100%;



	position: absolute;



	bottom: 0;



	height: 40px;



	background: rgba(0, 0, 0, .4);



	left: 0;



	color: #ffffff;



	line-height: 40px;



	padding: 0 40px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	font-size: 18px;



}



#activity_154 .actiConR {



	width: calc(50% - 40px);



	float: right;



	height: 100%;



}



#activity_154 .listUl {



	width: 100%;



	margin-top: -15px;



	height: 100%;



}



#activity_154 .listUl li {



	margin: 15px 0;



	padding: 0 15px;



	width: 100%;



	height: 50px;



	position: relative;



	font-size: 18px;



	line-height: 48px;



	float: left;



	background: #ffffff;



}



#activity_154 .listUl li::before {



	background: url(./../../../static/images/NP00027_02.png) no-repeat center center;



	background-size: 10px 18px;



	position: absolute;



	right: 0;



	height: 100%;



	width: 30px;



	content: '';



	z-index: 11;



}



#activity_154 .listUl li .date {



	color: #bfb9b9;



	margin-right: 20px;



	height: 100%;



	display: flex;



	align-items: center;



	float: left;



}



#activity_154 .listUl li .tit {



	color: #232323;



	width: calc(100% - 140px);



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	height: 100%;



	display: inline-block;



}



#activity_154 .listUl li::after {



	position: absolute;



	left: 0;



	top: 0;



	content: '';



	background: #b8060b;



	height: 100%;



	width: 0;



	transition: all 1s;



}



#activity_154 .listUl li:hover::after {



	width: 100%;



}



#activity_154 .listUl li a {



	position: relative;



	z-index: 1;



}



#activity_154 .listUl li:hover .date,



#activity_154 .listUl li:hover .tit {



	color: #ffffff;



}



#activity_154 .listUl li:hover::before {



	background: url(./../../../static/images/NP00027_01.png) no-repeat center center;



	background-size: 10px 18px;



}



@media screen and (max-width: 1200px) {



	#activity_154 {



		padding: 30px 20px;



	}



	#activity_154 .activiBox {



		width: 100%;



	}



}



@media screen and (max-width: 768px) {



	#activity_154 {



		padding: 20px 15px 0 15px;



	}



	#activity_154 .column {



		margin: 0 0 20px 0;



	}



	#activity_154 .column .tit-1 {



		font-size: 24px;



		line-height: 30px;



	}



	#activity_154 .column .tit-2 {



		font-size: 14px;



	}



	#activity_154 .classList {



		display: inline-block;



		width: 100%;



		height: auto;



		min-height: 40px;



	}



	#activity_154 .classname {



		padding: 0 10px;



		font-size: 14px;



		height: 40px;



		line-height: 40px;



		float: left;



	}



	#activity_154 .conL,
	#activity_154 .actiImg {



		width: 100%;



		height: 250px;



		margin-bottom: 15px;



	}



	#activity_154 .actiImg .title {



		padding: 0 20px;



		font-size: 18px;



		height: 40px;



		line-height: 40px;



	}



	#activity_154 .conR {



		width: calc(100% + 30px);



		margin-left: -15px;



		padding-right: 15px;



	}



	#activity_154 .conR .videItem {



		height: 150px;



	}



	#activity_154 .title {



		height: 40px;



		line-height: 40px;



		padding: 0 20px;



		font-size: 16px;



	}



	#activity_154 .conR .videItem .title {



		padding: 0 10px;



		font-size: 14px;



		line-height: 30px;



		height: 30px;



	}



	#activity_154 .actiConR {



		width: 100%;



	}



	#activity_154 .listUl {



		padding: 0;



	}



	#activity_154 .listUl li {



		height: 40px;



		line-height: 40px;



		font-size: 14px;



		padding: 0;



		margin: 5px 0;



	}



	#activity_154 .listUl li .date {



		width: 90px;



	}



	#activity_154 .listUl li .title {



		width: calc(100% - 120px);



	}



}