html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%
}

a,
b,
body,
dd,
div,
dl,
dt,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
li,
p,
section,
ul {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body,
html {
	width: 100%;
	min-height: 100%;
	overflow-x: hidden
}

body {
	font-family: Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", PingFang SC, Heiti SC, SimHei, Helvetica Neue, Helvetica, Droid Sans Fallback, sans-self;
	line-height: 1.4;
	font-size: 14px;
	background-color: #fff;
	color: #353535
}

ul {
	list-style: none
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}

a,
img {
	-webkit-touch-callout: none
}

img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
	-webkit-user-select: none;
	font-size: 0
}

.clf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clf {
	display: block;
	zoom: 1
}

.fl {
	float: left
}

.fr {
	float: right
}

.vc {
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

.c,
.vc {
	position: absolute;
	left: 50%
}

.c {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0)
}

.hide {
	display: none
}

.rel {
	position: relative
}

.abs {
	position: absolute
}

.ellipsis {
	white-space: nowrap
}

.ellipsis,
.ellipsis-multi {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}

.ellipsis-multi {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.header {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 11, 11, .82)), color-stop(98%, rgba(0, 0, 0, 0)));
	background-image: -o-linear-gradient(top, rgba(22, 11, 11, .82) 0, rgba(0, 0, 0, 0) 98%);
	background-image: linear-gradient(180deg, rgba(22, 11, 11, .82), rgba(0, 0, 0, 0) 98%);
	width: 100%;
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff
}

.header .container-width {
	margin: 0
}

.header-container {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-container,
.header-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.header-nav {
	padding-right: 40px
}

.header-nav li {
	padding: 0 23px;
	position: relative
}

.header-nav a {
	color: #fff;
	display: block;
	padding: 7px 0;
	border-bottom: 4px solid rgba(0, 0, 0, 0);
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.header-nav a:hover {
	border-bottom-color: #ffd321
}

.header-nav .active {
	border-bottom-color: #ffd321
}

.logo {
	background: url(72.png) no-repeat;
	background-size: 72px 72px;
	width: 152px;height: 72px;
}

.nav-separator {
	width: 1px;
	height: 10px;
	background: hsla(0, 0%, 100%, .3);
	position: absolute;
	right: 0;
	top: 11px
}

.header-fixed {
	position: fixed;
	background: #fff;
	border-bottom: 1px solid #eaeaea
}

.header-fixed a {
	color: #353535
}





.header-fixed .nav-separator {
	background: rgba(0, 0, 0, .3)
}

.footer {
	height: 316px;
	background: #000;
	text-align: center
}

.footer,
.footer a {
	color: hsla(0, 0%, 91.8%, .59)
}

.footer a:hover {
	color: #fff
}

.footer-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	text-align: center
}

.container-width {
	width: 1060px;
	margin: 0 auto
}



.footer-nav {
	padding-top: 40px;
	width: 720px;
	margin: 0 auto
}


.footer-copyright {
	font-size: 14px;
	padding-top: 18px
}

.footer-record {
	padding-top: 4px
}

.footer .license-btn {
	color: #fff;
	line-height: 40px
}



.background-video[data-v-2af85298] {
	width: 100%;
	height: 810px;
	-o-object-fit: cover;
	font-family: "object-fit: cover;";
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	background: #000  50% 50% no-repeat;
	background-size: cover
}

.video-box[data-v-2af85298] {
	height: 810px;
	background: #000  50% 50% no-repeat
}