.news {
	padding: 64px 0 0
}

.news .btn-blk {
	padding: 56px 510px 64px;
	position: relative
}

.news .btn-blk .loading {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 516px
}

.news .btn-blk span {
	float: left;
	display: inline-block;
	width: 180px;
	height: 48px;
	background: #fff;
	border: 1px solid #2d68ff;
	border-radius: 24px;
	font-size: 16px;
	color: #2d68ff;
	text-align: center;
	line-height: 48px;
	cursor: pointer
}

.news .newCenter .bigTitle {
	position: relative;
	font-size: 30px;
	color: #222;
	font-weight: 700;
	margin: 65px 0 30px
}

.news .newCenter .bigTitle .sort-containor {
	display: flex;
	align-items: center;
	right: 0;
	bottom: 0;
	position: absolute;
	font-size: 14px;
	color: #7c8190;
	letter-spacing: 0;
	line-height: 20px;
	font-weight: 400
}

.news .newCenter .bigTitle .sort-containor .sort-item {
	display: flex;
	align-items: center
}

.news .newCenter .bigTitle .sort-containor .sort-item div {
	cursor: pointer
}

.news .newCenter .bigTitle .sort-containor .sort-item div:hover {
	color: #63656a
}

.news .newCenter .bigTitle .sort-containor .sort-item.active div {
	color: #2260ff
}

.news .newCenter .bigTitle .sort-containor .sort-item .line {
	margin: 0 10px;
	width: 1px;
	height: 12px;
	background: #e4e9ef;
	pointer-events: none;
	cursor: none
}

.news .render-box {
	width: 1200px;
	margin: 0 auto
}

.news .render-box .pull-loading {
	padding: 28px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #a8b0bc
}

.news .render-box .pull-loading img {
	display: inline-block;
	width: 21px;
	height: 21px;
	vertical-align: middle
}

.news .render-box .no-more {
	padding: 28px 0;
	font-size: 14px;
	color: #a8b0bc;
	text-align: center
}

.news .render-box .isError {
	padding: 28px 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #b5bcc7;
	margin-top: 4px
}

.news .render-box .isError .btn {
	cursor: pointer;
	color: #3981f4
}

.news .render-box .el-loading-mask .el-loading-spinner {
	top: 100px
}

.news .newListTop {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px
}

.news .newListTop .listTop {
	width: 380px;
	height: 243px;
	overflow: hidden;
	position: relative;
	cursor: pointer
}

.news .newListTop .listTop img {
	width: 380px;
	height: 243px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}

.news .newListTop .listTop .desc {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 10px 17px;
	color: #fff;
	background-image: linear-gradient(179deg, hsla(0, 0%, 84.7%, 0) 17%, #000)
}

.news .newListTop .listTop .desc .title {
	width: calc(100% - 20px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 700
}

.news .newListTop .listTop .desc .date {
	font-size: 14px;
	color: #cacbcf
}

.news .newListTop .listTop:hover img {
	transform: scale(1.1)
}

.news .list .unit {
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #ededef
}

.news .list .unit .img-blk {
	width: 309px;
	height: 198px;
	line-height: 246px;
	margin-right: 40px;
	position: relative;
	overflow: hidden
}

.news .list .unit .img-blk img {
	height: 100%;
	position: absolute;
	vertical-align: middle;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.news .list .unit .info {
	display: inline-block;
	width: 760px;
	height: 198px;
	position: relative
}

.news .list .unit .info .title {
	position: absolute;
	top: 18px;
	left: 0
}

.news .list .unit .info .title h3 {
	margin: 0 0 12px;
	font-size: 20px;
	font-weight: 700;
	color: #222;
	letter-spacing: 0;
	text-align: justify
}

.news .list .unit .info .title p {
	font-size: 16px;
	color: #4b4f5e;
	letter-spacing: 0;
	text-align: justify;
	line-height: 28px
}

.news .list .unit .info .date {
	position: absolute;
	bottom: 18px;
	left: 0;
	color: #999;
	display: flex;
	line-height: 26px;
	font-size: 12px
}

.news .list .unit .info .date p {
	font-size: 16px;
	color: #999;
	text-align: justify;
	line-height: 28px;
	margin-bottom: 4px
}

.news .list .unit .info .date p:last-child {
	margin-bottom: 0
}

.news .list .hoverBox {
	display: none;
	height: 198px;
	flex: 1;
	position: relative
}

.news .list .hoverBox .img {
	position: absolute;
	bottom: 40px;
	width: 35px
}

.news .list .unit:hover {
	padding-left: 24px;
	background: #fff;
	box-shadow: 0 4px 12px 0 #f1f5fb;
	border: none;
	transition: all .2s ease-in-out;
	position: relative;
	top: -1px
}

.news .list .unit:hover .info .title h3,
.news .list .unit:hover .info .title p {
	color: #2d68ff
}

.news .list .unit:hover .hoverBox {
	display: block
}

.news .banner-blk {
	width: 100%;
	min-width: 1200px;
	height: 592px;
	background-color: #fff;
	position: relative;
	overflow: hidden
}

.news .banner-blk img {
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}