#main_section4_2{
	padding-top:12rem;
	padding-bottom:8rem;
}
#main_section4_2 .latest_list{
	margin-left:-2rem;
	margin-right:-2rem;
}
#main_section4_2 .latest_list .mySwiper{
	padding:2rem;
}

#main_section4_2 .box{
	display:block;
	position:relative;
	border:1px solid #ddd;
	color:#000;
	background:#fff;
	transition:all .3s;
}
#main_section4_2 .box figure{}
#main_section4_2 .box figure .thum{
	position:relative;
	padding-top:70%;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	transition:all .3s;
}
#main_section4_2 .box figure .thum span{
	position:absolute;
	width:7rem;
	height:7rem;
	font-size:1.6rem;
	display:flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	right:2rem;
	bottom:0;
	color:#fff;
	background:#222;
	border-radius:100%;
	transform:translateY(40%);
	transition:all .3s;
}
#main_section4_2 .box figure > div{
	padding:4rem 3rem;
}
#main_section4_2 .box figure > div figcaption{
	font-size:2rem;
	margin-bottom:1.5rem;
	font-weight:600;
	height:6.4rem;
	overflow:hidden;
}
#main_section4_2 .box figure > div .desc{
	font-size:1.8rem;
	font-weight:400;
	margin-bottom:2rem;
	height:5.8rem;
	color:#666;
	overflow:hidden;
	display:-webkit-box;
	white-space:normal;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
#main_section4_2 .box figure > div .date{
	font-size:1.6rem;
	font-weight:400;
	color:#666;
}

#main_section4_2 .box:hover{
	border:1px solid #000000;
	box-shadow:0px 0px 20px rgba(0,0,0,.2)
}
#main_section4_2 .box:hover figure .thum{
	background-size: 110% auto;
}
#main_section4_2 .box:hover figure .thum span{
	background:var(--subColor);
}
#main_section4_2 .no-data {
	position:relative;
	width:100%;
	height:20rem;
	text-align:center;
	line-height:20rem;
	font-size:2rem;
}
#main_section4_2 .controller{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: space-between;
}
#main_section4_2 .controller .latest_pagination{
	position:relative;
	flex-grow: 1;
}
#main_section4_2 .controller .swiper-pagination-progressbar{
	background:#e8e8e8;
}
#main_section4_2 .controller .swiper-pagination-progressbar-fill{
	background:var(--subColor);
}

#main_section4_2 .controller .btns{
	flex-shrink: 0;
	padding-left:3rem;
	display:flex;
	font-size:2.2rem;
}
#main_section4_2 .controller .btns > div{
	margin-left:5px;
}

#main_section4_2 .controller .btns [class^='latest_'],
#main_section4_2 .controller .btns .more a{
	height:6rem;
	width:6rem;
	border:1px solid #ddd;
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
}
#main_section4_2 .controller .btns .latest_prev::after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	height:1.6rem;
	border-right:1px solid rgba(255,255,255,.3);
}

#main_section4_2 .controller .btns .more a{
	background:var(--mainColor);
	border:1px solid var(--mainColor);
	color:#fff;
}

@media (max-width: 991.98px) {
	#main_section4_2{
		padding-top:6rem;
		padding-bottom:4rem;
		overflow:hidden;
	}
	#main_section4_2 .box figure > div{
		padding:3rem 2rem 2rem;
	}
	#main_section4_2 .box figure > div figcaption{
		margin-bottom:1rem;
		height:3rem;
	}
	#main_section4_2 .box figure > div .desc{
		margin-bottom:1.5rem;
		-webkit-line-clamp:1;
		height:3rem;
	}
	#main_section4_2 .box figure .thum span{
		width:6rem;
		height:6rem;
		font-size:1.4rem;
	}
	#main_section4_2 .controller .btns{
		padding-left:2rem;
		font-size:1.8rem;
	}
	#main_section4_2 .controller .btns > div{
		margin-left:2px;
	}
	#main_section4_2 .controller .btns [class^='latest_'],
	#main_section4_2 .controller .btns .more a{
		height:5rem;
		width:5rem;
	}
	#main_section4_2 .controller .swiper-pagination-progressbar{
		height:2px;
	}
}