ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #333333;
}

a {
	text-decoration: none;
	color: #333333;
}
/*一级导航*/
/*背景色*/
ul.menu {
	background-color: #FFFFFF;
}

ul.submenu {
	background-color: #FDFFFE;
}
/*一级导航浮动*/
ul.menu::after {
	content: '';
	display: block;
	clear: both;
}

ul.menu>li {
	float: left;
	width: 108px;
	line-height: 3em;
	height: 3em;
	text-align: center;
	cursor: pointer;
}

/*二级导航项分割线*/
ul.submenu {
	/*默认隐藏*/
	display: none;
	padding-bottom:1px;
}

ul.submenu>li {
	border-bottom: 0px solid #fff;
	margin-left: 1px;
	margin-right: 1px;
}
ul.submenu>li>a {
	font-size:14px;
}

/*内容区*/
.content {
	min-height: 800px;
	background-color: #fff;
}
/*选中特效*/
ul.menu>li:hover {
	background-color: #3498E3;
	color: #FFFFFF;
}

ul.menu>li:hover>a {
	color: #FFFFFF;
}

ul.menu>li:hover>ul.submenu {
	display: block;
	font-size:14px;
}

ul.menu>li:hover>ul.submenu>li:hover {
	background-color: #3498E3;
}

ul.menu>li:hover>ul.submenu>li:hover>a {
	color: #FFFFFF;
	font-size:14px;
}
/*动画帧*/
@
keyframes fade {from { opacity:0;
	
}

to {
	opacity: 1;
}

}
/*基础动画样式*/
.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.fadeIn {
	animation-name: fade;
	animation-direction: normal;
}