*{
	margin:0;
	padding:0;
}
.art-left{
	float:left;
}
.clear{
	clear:both;
}
.wrap{
	width:100%;
}
.f-container{
	width:1170px;
	margin:auto;
	background: white;
    padding: 15px 40px;
}
.ban-con{
	width:100%;
}
.bannerBig{
	width:760px;
	height:360px;
	
}
.ban-border{
	padding:24px 40px;
	border-radius:6px;
	border:5px solid rgba(151, 17, 15, 1);
	box-sizing:border-box;
	background-color:white;
	
}
.ban-padding{
	width:670px;
	height:300px;
	background-color:rgb(242,242,242);
}
.bigBan-ele{
	text-align:center;
	height:100%;
}
ul.ban-content {
    height: 100%;
}
.titleBox {
    margin-bottom: 20px;
    font-size: 18px;
}
.bigBan-ele:after, .smallBan-ele:after{
	display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
	content:'';
}
.bigBan-ele img,.smallBan-ele img{
	display:inline-block;
	width:auto;
	height:auto;
	max-width:90%;
	max-height:90%;
	vertical-align:middle;
}
/* �Ҳ��ֲ� */
.bannerSmall{
	width:245px;
	height:360px;
	margin-left:60px;
}
.ban-container{
	width:100%;
	height:100%;
}
.smallBan-ele{
	width:100%;
	height:100px;
	position:relative;
	border:1px solid #cccccc;
	text-align:center;
	box-sizing:border-box;
}
.ban-picName{
	position:absolute;
	left:0;
	bottom:0;
	height:25px;
	width:100%;
	color:white;
	background-color:rgba(0,0,0,.5);
}
.ban-picName p{
	/* width:50%; */
	height:100%;
	line-height:25px;
}
.ban-picName .art-name{
	text-align:center;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.ban-picName .author-name{
	text-align:left;
	padding-left:3%;
}
.swiper-button-black{
	display:none;
}
.ban-content li{
	position:relative;
}
.artName{
	position:absolute;
	left:0;
	bottom:-10px;
	width:100%;
	height:50px;
	background-color:rgba(0,0,0,.5);
	color:white;
	text-align:center;
	line-height:50px;
	font-size:18px;
	display:none;
}
/* ͼ�IJ��� */
ul,li{
				list-style: none;
			}
			.pointer{
				cursor: pointer;
			}
			.wrap{
				background-color: rgba(247, 247, 247, 1);
			}
			.articleContBg{
				width: 1170px;
				margin: 0 auto;
				background-color: #FFF;
				padding-bottom:20px;
			}
			.articleTit{
				padding-left: 38px;
				font-size:18px;
			}
			.articleCont{
				width: 840px;
				margin-left: 40px;
			}
			.articleItem{
				font-size: 0;
				padding-top: 20px;
				padding-bottom: 20px;
				border-bottom: 1px solid #ccc;
			}
			.articleItem:last-child{
				border-bottom: none;
			}
			.articleItem>div{
				vertical-align: top;
				display: inline-block;
			}
			.articleLeft{
				width:28%;
				height: 135px;
				
				text-align:center;
				/* background-color: papayawhip; */
				border:1px solid #cccccc;
			}
			.articleLeft:after{
				display:inline-block;
				width:0;
				height:100%;
				vertical-align:middle;
				content:'';
			}
			.articleLeft img{
			max-width:100%;
			max-height:100%;
			width:100%;
			height:auto;
			display:inline-block;
			vertical-align:middle;
			}
			.articleRight{
				width: 72%;
				
			}
			.articleRight p{
				padding-left: 40px;
			}
			.articleTitle{
				/* margin-top: 15px; */
				font-size: 16px;	
			}
			.articleFrom{
				color: #A1A1A1;
				/* padding-top: 20px;
				padding-bottom: 20px; */
				font-size: 14px;
			}
			.articleTxt{
				color: #868686;
				font-size: 14px;
				overflow:hidden;
				text-overflow:ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
			}
			.articleMore{
				width: 130px;
				height: 40px;
				margin: 0 auto;
				color: #868686;
				font-size: 14px;
				border-radius: 6px;
				text-align: center;
				line-height: 40px;
				margin-top: 25px;
				border: 1px solid #CCC;
				cursor:pointer;
			}