/*导航的默认字体颜色*/

.nav_anli {
	color: #3179FF;
}


/*智博案例 列表区域*/

.anli_box {
	margin-top: 100px;
}

.anli_list_box {
	/* height: 660px; */
	height: 310px;
	overflow: hidden;
	margin-top: 15px;
}

.anli_con_box {
	top: 0;
	left: 0;
}

.anli_con_w {
	width: 400px;
	/* height:600px; */
	height: 250px;
	padding: 0 20px;
	cursor: pointer;
	overflow: hidden;
}

.anli_con_w_css {
	border-left: 4px solid #eee;
	border-right: 4px solid #eee;
}


/*图片*/

.anli_img {
	width: 360px;
	height: 250px;
	overflow: hidden;
	z-index: 2;
}

.anli_img img {
	width: 100%;
	height: 100%;
	transition: 0.3s;
}


/*标题*/

.anli_tit {
	margin-bottom: 10px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-box;
	display: box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


/*文章*/

.anli_con {
	height: 24px;
	text-indent: 2em;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-box;
	display: box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


/*时间*/

.anli_time_yue {
	display: inline-block;
	margin-bottom: -5px;
}


/*按钮*/

.anli_btn_box {
	height: 60px;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.anli_btn {
	width: 30px;
	height: 30px;
	color: #232323;
	cursor: pointer;
	margin: 0 10px;
	background-color: #eee;
}

.anli_btn:hover {
	border: 1px solid #2251ac;
}

.anli_btn_css {
	background-color: #2251AC;
	color: #fff;
}


/*悬停案例的时候的浮层*/

/* .anli_fuceng {
	width: 360px;
	height: 100%;
	left: 20px;
	top: 0;
	background-color: rgba(232, 232, 232, 0.5);
	pointer-events: none;
	transition: 0.3s;
	opacity: 0;
}

.anli_fuceng img {
	width: 80px;
	height: 80px;
	margin-bottom: -100px;
	transition: 0.3s;
} */