.container .head {
	width: 100%;
	height: 17.33vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3vw 4vw;
	box-sizing: border-box
}

.container .head .logo-title {
	height: 8vw;
	line-height: 8vw;
	border-top: .1vw solid rgba(190, 160, 105, .2);
	border-bottom: .1vw solid rgba(190, 160, 105, .2);
	color: #bea069;
	font-size: 3.73vw;
	font-family: 华文行楷;
	letter-spacing: .5vw;
	padding: 0 1.5vw
}

.container .head .logo {
	width: 13vw;
	height: 13vw;
	border-radius: 2vw;
	overflow: hidden
}

.container .head .logo img {
	width: 100%;
	height: 100%
}

.container .slider {
	width: 100%;
	height: 46.67vw
}

.container .slider .swiper,
.container .slider .swiper .swiper-item,
.container .slider .swiper .swiper-item img {
	width: 100%;
	height: 100%
}

.container .slider .swiper .swiper-pagination-bullet {
	width: 2.4vw;
	height: 2.4vw;
	background: #ffd739;
	opacity: 1;
	border: 1px solid #fff
}

.container .slider .swiper .swiper-pagination-bullet-active {
	width: 2.4vw;
	height: 2.4vw;
	background-color: #ed5f50;
	opacity: 1
}

.container .content {
	background: #0d172a;
	padding-bottom: 4vw
}

.container .content .download {
	width: 95vw;
	height: 17.33vw;
	margin: 4vw auto 0 auto
}

.container .content .download img {
	width: 100%;
	height: 100%
}

.container .content .add-four {
	width: 95vw;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap
}

.container .content .add-four div {
	width: 46.13vw;
	height: 24vw;
	margin-bottom: 2.5vw
}

.container .content .add-four div img {
	width: 100%;
	height: 100%
}

.container .content .add-four div:nth-child(2n) {
	margin-left: 2.6vw
}

.container .content .news {
	width: 90vw;
	height: 20vw;
	line-height: 20vw;
	margin: 0 auto;
	overflow: hidden
}

.container .content .news .text-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center
}

.container .content .news .text-wrapper .text {
	color: #f5c67d;
	font-size: 8vw;
	font-family: DINPro-Medium;
	white-space: nowrap;
	margin-right: 10vw;
	letter-spacing: 1vw
}

.container .content .slogan {
	width: 74.13vw;
	height: 8.53vw;
	margin: 0 auto
}

.container .content .slogan img {
	width: 100%;
	height: 100%
}

.container .foot .merit {
	height: 21.33vw;
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #262b35;
	border-bottom: 1px solid #262b35;
	padding: 0 1vw
}

.container .foot .merit .merit-item {
	display: flex;
	flex: 1;
	align-items: center;
	padding: 1vw
}

.container .foot .merit .merit-item .image {
	width: 8.53vw;
	height: 8.53vw
}

.container .foot .merit .merit-item .image img {
	width: 100%;
	height: 100%
}

.container .foot .merit .merit-item .info {
	margin-left: 1.5vw;
	font-family: 微软雅黑
}

.container .foot .merit .merit-item .info h4 {
	margin: 0;
	color: #f5c67d;
	font-size: 3.2vw;
	text-align: left
}

.container .foot .merit .merit-item .info div {
	width: 100%;
	color: #ccc;
	font-size: 2.67vw;
	text-align: left
}

.container .foot .desc {
	height: 21.33vw;
	line-height: 5.33vw;
	color: #ccc;
	font-size: 3.2vw;
	font-family: 微软雅黑;
	display: flex;
	align-items: center;
	justify-content: center
}

body {
	margin: 0
}

#app,
body {
	background: #131924
}

#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50
}