@charset "UTF-8";
.main-banner .dot {
	background-color: #888888 !important;
}
.main-banner-wrap {
	position: relative;
}
.main-banner-wrap .main {
	width: 100%;
}
.main-banner-wrap .main > div.main-banner .main-banner-cell {
	width: 100%;
	height: calc(100vh - 10.68rem);
	text-align: center;
	margin: 0 auto;
	background-color: #000;
}
.main-banner-wrap .main > div.main-banner .main-banner-cell > .txt-cont {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -6.75rem;
	text-align: center;
}
.main-banner-wrap .main > div.main-banner .main-banner-cell > .txt-cont > h2 {
	color: #fff;
	font-size: 3.5rem;
	font-weight: 100;
	line-height: 4.375rem;
	letter-spacing: -5px;
	margin-bottom: 2rem;
}
.main-banner-wrap
	.main
	> div.main-banner
	.main-banner-cell
	> .txt-cont
	> h2
	> strong {
	display: block;
	font-size: 1em;
	font-weight:500;
}
.main-banner-wrap
	.main
	> div.main-banner
	.main-banner-cell
	> .txt-cont
	> .desc {
	color: #fff;
	font-size: 0.938rem;
}
.main-banner-wrap .main > div.main-banner .main-banner-cell > .main-modal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;
}
.main-banner-wrap .news-wrap {
	position: absolute;
	bottom:6.188rem;
	width: 100%;
}
.main-banner-wrap .news-wrap > dl {
	display: table;
	width: 100%;
	max-width: 1280px !important;
	height: 3.5rem;
	margin: 0 auto;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.2);
	border-top: 1px solid #fff;
}
.main-banner-wrap .news-wrap > dl > dt {
	display: table-cell;
	vertical-align: top;
	width: 6.75rem;
	line-height: 3.5rem;
	color: #fff;
	font-size: 1.125rem;
	padding-left: 1.25rem;
	font-weight:500;
}
.main-banner-wrap .news-wrap > dl > dd {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: calc(100% - 6.75rem);
	overflow: hidden;
}
.main-banner-wrap .news-wrap > dl > dd div.news-list {
	width: 100%; /*width:calc(100% - 11rem) !important;*/
}
.main-banner-wrap .news-wrap > dl > dd div.news-list > div.news-list-cell {
	width: 100%;
	height: 3.5rem;
	overflow: hidden;
}
.main-banner-wrap .news-wrap > dl > dd div.news-list > div.news-list-cell > a {
	display: block;
	width: 100%;
	height: 3.5rem;
	padding-right: 11rem;
}
.main-banner-wrap
	.news-wrap
	> dl
	> dd
	div.news-list
	> div.news-list-cell
	> a
	> .content {
	float: left;
	vertical-align: top; /*line-height:3.9rem; height:3.9rem;*/
	line-height: 3.6rem;
	height: 3.6rem;
	font-size: 0.938rem;
	color: #fff;
	width: calc(100% - 9.5rem);
}
.main-banner-wrap
	.news-wrap
	> dl
	> dd
	div.news-list
	> div.news-list-cell
	> a
	> .content
	> .cate {
	display: inline-block;
	zoom: 0; /**display:inline;*/
	line-height: 3.6rem;
	font-size: 1em;
	color: #fff;
}
.main-banner-wrap
	.news-wrap
	> dl
	> dd
	div.news-list
	> div.news-list-cell
	> a
	> .content
	> .new-icon {
	display: inline-block;
	zoom: 0;
	line-height: 3.6rem;
	margin-right: 0.25rem;
}
.main-banner-wrap
	.news-wrap
	> dl
	> dd
	div.news-list
	> div.news-list-cell
	> a
	> .content
	> .new-icon
	> img {
	vertical-align:baseline;
}
.main-banner-wrap
	.news-wrap
	> dl
	> dd
	div.news-list
	> div.news-list-cell
	> a
	> .date {
	float: right;
	vertical-align: top;
	color: #8c8c8c;
	line-height: 3.5rem;
	font-size: 0.938rem;
	width: 9.5rem;
	text-align: center;
}
.main-banner-wrap .news-wrap > dl > dd > .ui-btn-wrap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 11rem;
	height: 3.5rem;
}
.main-banner-wrap .news-wrap > dl > dd > .ui-btn-wrap > button {
	width: 5.5rem;
	height: 3.5rem;
	background-color: rgba(0, 0, 0, 0);
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	transition: all, 0.4s;
}
.main-banner-wrap .news-wrap > dl > dd > .ui-btn-wrap > button:hover {
	background-color: rgba(0, 0, 0.2);
}
.main-banner-wrap .news-wrap > dl > dd > .ui-btn-wrap > button:nth-child(1) {
	margin-right: -4px;
}
/* search */
.main-banner-wrap .search-box {
	width: 100%;
	background-color: #f7f7f7;
	border-bottom: 1px solid #dddddd;
	padding: 1.5rem 0;
	text-align: center; /*margin-top:-86px*/
	margin-top: 0px;
}
.main-banner-wrap .search-box > .search-form {
	display: block;
	max-width: 1280px;
	text-align: center;
	margin: 0 auto;
}
.main-banner-wrap .search-box > .search-form > .search-wrap {
	position: relative;
	width: 37.5rem;
	margin: 0 auto;
	display: inline-block;
	background-color: #fff;
	border: 4px solid #4a28c7;
	border-radius: 1.563rem;
	box-shadow: 12px 12px 24px rgba(74, 40, 199, 0.12);
}

.main-banner-wrap
	.search-box
	> .search-form
	> .search-wrap
	> input[type='text'] {
	width: 100%;
	border: 0;
	font-size: 1.125rem;
	background-color: rgba(255, 255, 255, 0);
	padding-left: 1.5rem;
	line-height: 2.625rem;
	height: 2.625rem;
	text-align: left;
	outline: 0;
}
.main-banner-wrap
	.search-box
	> .search-form
	> .search-wrap
	> button[type='submit'] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #4a28c7;
	width: 6.25rem;
	color: #fff;
	font-size: 1.125rem;
	font-weight:500;
	text-align: center;
	line-height: 2.625rem;
	border-radius: 0 1rem 1rem 0;
	transition: all, 0.4s;
}