@charset "utf-8";
html , body , div , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , form , input , select , option , textarea , p{
	padding:0;
	margin:0;
	border:0;
	outline:0;
	background:none;
}
img{
	display:block;
	border:0;
}
ol , ul{
	list-style:none;
}
a , ins{
	text-decoration:none;
	color:#393d49;
}
::-webkit-scrollbar-track{
	box-shadow:inset 0 0 5px rgba(0,0,0,0.01);
	background-color:#1f2024;
}
::-webkit-scrollbar-thumb{
	box-shadow:inset 0 0 5px rgba(0,0,0,0.02);
	background-color:#d0b586;
}
::-webkit-scrollbar{
	width:5px;
	height:5px;
}
body{
	font-size:14px;
	color:#d0b586;
	font-family:-apple-system-font , "Microsoft YaHei" , "微软雅黑";
	background-color:#1f2024;
	cursor:default;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	overflow-x:hidden;
	overflow-y:auto;
	margin-top:120px;
}
.header{
	height:120px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#1f2024;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
}
.header:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:#313236;
	height:1px;
}
.header > .logo{
	width:240px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:80px;
	overflow:hidden;
}
.header > .logo > img{
	max-width:100%;
}
.header > ul{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}
.header > ul > li{
	position:relative;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	font-size:16px;
}
.header > ul > li:hover:after ,
.header > ul > li.hover:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:2px;
	background-color:#d0b586;
	z-index:1;
}
.header > ul > li > a{
	color:#d0b586;
	display:flex;
	height:100%;
	width:100%;
	padding:0 20px;
	justify-content:center;
	align-items:center;
}
.header > ul > li:hover > ul{
	display:flex;
}
.header > ul > li > ul{
	display:none;
	position:absolute;
	top:80px;
	left:0;
	right:0;
	background-color:#292a2f;
	border-radius:2px;
	flex-flow:column;
	z-index:2;
}
.header > ul > li > ul > li{
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	position:relative;
	font-size:14px;
}
.header > ul > li > ul > li:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:#313236;
	height:1px;
}
.header > ul > li > ul > li:last-child:after{
	height:0;
}
.header > ul > li > ul > li > a{
	color:#999;
}
.header > ul > li > ul > li:hover > a ,
.header > ul > li > ul > li.hover > a{
	color:#d0b586;
}
.foot{
	height:300px;
	background-color:#262626;
	overflow:hidden;
}
.foot > .footer{
	width:1200px;
	margin:0 auto;
	display:flex;
	overflow:hidden;
}
.foot > .footer > .contact{
	width:480px;
	padding:50px 0;
}
.foot > .footer > .contact > p{
	color:#999;
	overflow:hidden;
}
.foot > .footer > .contact > p:nth-child(1){
	font-size:28px;
	margin-bottom:50px;
}
.foot > .footer > .contact > p:nth-child(2) ,
.foot > .footer > .contact > p:nth-child(3) ,
.foot > .footer > .contact > p:nth-child(4) ,
.foot > .footer > .contact > p:nth-child(5){
	padding-left:25px;
	position:relative;
	margin-bottom:10px;
}
.foot > .footer > .contact > p:nth-child(2):after ,
.foot > .footer > .contact > p:nth-child(4):after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:20px;
	background-image:url('/image/l.png');
	background-position:center;
	background-repeat:no-repeat;
}
.foot > .footer > .contact > p:nth-child(3):after ,
.foot > .footer > .contact > p:nth-child(5):after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:20px;
	background-image:url('/image/mo.png');
	background-position:center;
	background-repeat:no-repeat;
}
.foot > .footer > ul{
	flex:1;
	display:flex;
	justify-content:space-around;
	align-items:center;
}
.foot > .footer > .qw{
	width:300px;
	background-image:url('/image/qw.png');
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
.foot > .footer > .qw > img{
	position:absolute;
	bottom:90px;
	right:30px;
	width:100px;
	height:100px;
}
.copyright{
	display:flex;
	height:50px;
	overflow:hidden;
}
.copyright > ul{
	width:1200px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#666;
}
.copyright > ul > li:nth-child(2){
	font-size:12px;
}
.ban{
	overflow:hidden;
}
.ban img{
	max-width:100%;
}