/*头部*/
.header{
	background: #ffdede;
}
.header .logo{
	font-size: 0;
	margin: 20px 0;
}
.header .logo a{
	display: inline-block;
}
.header .logo img{
	
}
.header .nav{
	
}
.header .nav .yiji{
	
}
.header .nav .yiji>li{
	margin-left: 10px;
}
.header .nav .yiji>li:first-child{
	margin-left: 0;
}
.header .nav .yiji>li>a{
	display: inline-block;
	font-size: 16px;
	color: #333333;
	padding: 60px 20px;
	line-height: 20px;
	position: relative;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.header .nav .yiji>li>a:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 65%;
	height: 2px;
	background: #b363a6;
	left: 50%;
	bottom: 50px;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.header .nav .yiji>li>a.active{
	background: #b363a6;
	color: #ffffff;
}
.header .nav .yiji>li>a.active:after{
	background: #ffffff;
}
.header .nav .yiji>li>a:hover{
	background: #b363a6;
	color: #ffffff;
}
.header .nav .yiji>li>a:hover:after{
	background: #ffffff;
}

/*底部*/
.footer-a{
	background: #474747;
	padding: 30px 0;
}
.footer-a .flogo{
	margin: 8px 60px 8px 0;
}
.footer-a .flogo a{
	display: inline-block;
}
.footer-a .flogo img{
	
}
.footer-a .right{
	text-align: right;
	margin-right: 20px;
}
.footer-a  .flx p{
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
}
.footer-a .fewm{
	
}
.footer-a .fewm a{
	
}
.footer-a .fewm img{
	width: 110px;
	height: 110px;
}
.footer-b{
	background: #1e1e1e;
	padding: 15px 0;
}
.footer-b p{
	font-size: 12px;
	color: #999999;
	line-height: 20px;
}
.footer-b p a{
	font-size: 12px;
	color: #999999;
}