body,html{
	padding:0;
	margin:0;

}
a{
	text-decoration:none
}

ol, ul {
  list-style: none
}

img{
	max-width:100%;
	    vertical-align: top;
}

body{
	font-size:14px;
	overflow-x:hidden
}
.container{
	width:1200px;
	margin:0 auto;
}

.flex-between{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center{
	display:flex;
	align-items: center;
	justify-content: center;
}
.logo{
	color:#fff;

}
.logo img{
		width:60px;
		line-height:60px;
		margin-right:15px;
}
.logo span{
	font-size:18px;
		line-height:60px;
	vertical-align: middle;
}
.header{
		background:#222;
}

.menu li a{
	padding:20px;
	display:block;
	color:#fff;
}
.banner{
	position:relative;
}
.banner .mask{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:rgba(0,0,0,.6);
	color:#fff;
	font-size:54px;
}
.about{
	padding:54px 0;
	text-align:center;
}
.about h2{
	color:#333;
	font-size:36px;
}
.aboutContent{
	padding:40px 0; 
	font-size:16px;
	line-height:30px;
}
.footer{
	background:#333;
	text-align:Center;
	padding:20px;
	color:#fff;
}
.footer a{
		color:#FF3399
}