#main {
	padding: 20px 104px 0px 104px;
	position: relative;
	top: -180px;
	/*height: 100%;*/
}
.headline {
	overflow: hidden;
}

#common-footer {
	margin-top:-150px;
}

#news {
	width: 100vw !important;
	height: 100vh !important;
}

.news-container {
	/*padding: 20px 104px 0px 104px;*/
	/* width: 1660px; */
	min-width: 1200px;
	margin:0px auto;
}
.news-container .swiper-container {
	min-height: 150px;
}
 .page-slide .swiper-pagination {
	right: -38.9% !important;
	left: auto !important;
	bottom: 58px !important;
}
html, body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
.page-slide .swiper-button-prev {
	height: 30px;
	width: 50px;
	top: auto;
	bottom: 50px;
	right: 14%;
	left: auto;
}

.page-slide .swiper-button-next {
	height: 30px;
	width: 50px;
	top: auto;
	bottom: 50px;
	right: 5%;
}
.page-slide .swiper-pagination-bullet {
	background: #000000;
}

.page-slide .swiper-pagination-bullet-active {
	background: #000000;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url('../../imgs/common/12_icon_right.png');
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {

	background-image: url('../../imgs/common/13_icon_left.png');
}
.headline-left {
	 width: 50%;
	/*width: 846px;*/
	float: left;
	height: 480px;
	background: #F5F7FB;
}
.headline-left img {
	 width: 100%;
	/*width: 846px;*/
	height: 480px;
}
.headline-right {
	width: 50%;
	height: 480px;
	float: left;
	padding: 24px 60px 70px;
	box-sizing:border-box;
	background: #F5F7FB;
}
.headline-right h4 {
	font-size: 34px;
	line-height: 48px;
	font-weight: bold;
	padding: 68px 0px 36px;
}
.descript-text {
	color: #919797;
	font-size: 22px;
	line-height: 36px;
}
.view-more {
	color: #4977FB;
	padding-top: 46px;
	font-size: 18px;
	letter-spacing: 1px;
	cursor: pointer;
	font-weight: bold;
}
.view-more span {
	margin-right: 16px;
}
.news-news .title {
	padding: 56px 0px 40px;
}
.layui-tab-item {
	overflow: hidden;
	min-height: 450px;
}
.layui-tab-title {
	padding-left: 40px;
}
.layui-tab-title {
	border-width: 0px;
}
.layui-tab-brief>.layui-tab-title .layui-this {
	color: #000;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom: 2px solid #4977FB;
}
.layui-tab-title li {
	font-size: 22px;
	padding: 0px 10px;
	line-height: 30px;
	margin-right: 50px;
}
.layui-tab-content {
	padding-top: 38px;
}
.news-item {
	/* width: 410px; */
	width: 25%;
	height: 302px;
	float: left;
	border-right: 3px solid #fff;
	box-sizing: border-box;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.news-item:nth-child(4n) {
	border: 0 none;
}
.news-item img {
	width: 100%;
	height: 193px;
}
.new-notice {
	min-height: 644px;
}
.news-item:hover .hover-bg {
	display: block;
}
.news-item-bot {
	height: 110px;
	width: 100%;
	background: #F5F7FB;
}
.news-text {
	padding: 30px 26px;
	font-size: 18px;
	letter-spacing: 1px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-time {
	padding: 0px 26px 18px;
	font-size: 14px;
	color: #919797;
}
.hover-bg {
	display: none;
	width: 100%;
	height: 110px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #5647D1;
	z-index: 9;
	color: #fff;
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 0s;
}
.hover-bg .news-time {
	color: #8085F5;
}
.load-more {
	margin: 50px 0px 114px;
	text-align: center;
}
.load-more span {
	display: inline-block;
	width: 178px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #4977FB;
	border: 1px solid #4977FB;
	border-radius: 50px;
	letter-spacing: 1px;
	font-size: 18px;
	cursor: pointer;
}
.load-more span:hover {
	color: #fff;
	background: #4977FB;
	-webkit-animation-name: colorFadeIn;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 0s;
}
@keyframes fadeIn {
	0% { transform: translateY(0px);opacity: 0;}
	100% { transform: translateY(0px);opacity: 1;}
}
@keyframes colorFadeIn {
	0% { opacity: 0.5;}
	50% { opacity: 0.75;}
	100% { opacity: 1;}
}
