.navbar {
	width: 100%;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px rgb(0, 0, 0, 0.2) solid;
	display: flex;
	align-items: center;
	position:absolute;
	z-index: 999;
}

.navbar img {
	height:35px;
	width: auto;
	margin-right:10px
}
.navbar font{vertical-align:top;}
.navbar ul {
	display: flex;
	float: right;
}

.navbar ul li {
	margin-left: 0px;
	padding: 0 12px;
}
/*.navbar ul li:hover{border-bottom: 1px rgb(0, 0, 0, .7) solid;}*/

.navbar ul li a {
	color: #000;
}


.logo-font{font-size: 28px;}

.hamburger {
	display: none;
}

.bar {
	display: block;
	width: 25px;
	height: 2px;
	margin: 6px auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #555;
}

.menu {
	height: 90px;
	background-color: #00000000;
}
.menu-two {
	background-color: #fff;
	margin-top: 10px;
}

.menu-two li {
	width: 120px;
	height: 56px;
	font-size: 14px;
	
} 

.firstMenu .menu-one .menu {
	float: left;
	/*设置浮动*/
	text-align: center;
	width: 120px;
	/*设置右边框，用来划分元素*/
}

.firstMenu .menu-one .menu .menu-two { /*正常情况下二级菜单不显示*/
	display: none;
}
.firstMenu .menu-one .menu:hover .menu-two { 
	/*当鼠标悬浮在对应的一级菜单时，显示内容*/
	display: block;
}


@media only screen and (max-width:768px) {
	.navbar{
		height: 60px;
		background-color: rgba(255, 255, 255, .9);
		position: fixed;
	}
	
	.navbar ul {
		width: 100%;
		position: fixed;
		top: 60px;
		left:-100%;
		flex-direction: column;
		background-color: rgba(255, 255, 255, .1);
		text-align: center;
		transition: 0.3s;

	}

	.navbar ul.active {
		position: fixed;
		left: 0;
	}

	.navbar ul li {
		width: 80%;
		height:50px;
		line-height: 50px;
		border-bottom: 0.5px #999 dashed;
		margin:0 auto;
	}


	.hamburger {
		display: block;
		position: fixed;
		right: 20px;
		top: 14px;
		cursor: pointer;
	}

	.hamburger.active .bar:nth-child(2) {
		opacity: 0;
	}

	.hamburger.active .bar:nth-child(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}

	.hamburger.active .bar:nth-child(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}
}


@media only screen and (max-width:480px) {
	.logo-font{font-size: 20px;}
	}