@、
body:before {
	content: "";
	
	vertical-align: middle;
}
#menu {
	display: inline-block;
	height:135px;
	width:80%;
	vertical-align: middle;
	white-space: nowrap;
}
#menu li {
	position: relative;
	z-index: 2;
	display: block;
	float: left;
	width: 15%;
	height: 135px;
	line-height: 220px;
	margin-right: 1.42857%;
	white-space: nowrap;
	background-position: 50%;
}
.rocket {
	background: url('../images/rocket-large.png')no-repeat;
	margin-left: 1.42857%;
}
.wine {
	background:url('../images/wine-large.png')no-repeat;
}
.burger {
	background:url('../images/burger-large.png')no-repeat;
}
.comment {
	background:url('../images/comment-large.png')no-repeat;
}
.sport {
	background:url('../images/sport-large.png')no-repeat;
}
.earth {
	background:url('../images/earth-large.png')no-repeat;
}
#menu ul {
	position:relative;
}
#menu ul:after {
	content:"";
	display:block;
	clear:both;
}
#menu a {
	color:#D8D8D8;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	text-shadow: 0 -1px 0 #000;
}
#menu li:after {
	content: "";
	width: 9.5238%;
	height: 100%;
	position: absolute;
	top: 0;
	right: -9.5238%;
	background: url('../images/menu-bg.png');
}
.rocket:before {
	content: "";
	width: 9.5238%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -9.5238%;
	background: url('../images/menu-bg.png');
	border-radius: 00px 0px 0px 5px;
}
.earth:after {
	border-radius:0px 5px 5px 0px;
}
.current {
	position:absolute;
	top:-13px;
	left:8.92857%;
	margin-left: -49px;
	width:95px;
	height:165px;
	-webkit-transition: all 400ms cubic-bezier(.45, 1.92, .9, 1.54);
	-moz-transition: all 400ms cubic-bezier(.45, 1.92, .9, 1.54);
	-o-transition: all 400ms cubic-bezier(.45, 1.92, .9, 1.54);
	-ms-transition: all 400ms cubic-bezier(.45, 1.92, .9, 1.54);
	transition: all 400ms cubic-bezier(.16, 1.23, .87, 1.18);
}
.current-back {
	width:100%;
	height:100%;
	position:absolute;
	background:#c39449;
	border-radius:5px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.09);
	border-top: 2px solid rgba(255, 255, 255, 0.1);
}
.top-arrow {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:12px;
	top:13px;
	left:0;
	z-index:2;
}
.top-arrow:before {
	content:"";
	position:absolute;
	width:80%;
	height:10px;
	top:-10px;
	left:10%;
	border-radius:20%;
	box-shadow:0 0 10px black;
}
.top-arrow:after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	top:0px;
	border-top:8px solid #c39449;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	margin-left:-6px;
	left:50%;
}
.bottom-arrow {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:12px;
	bottom:17px;
	left:0;
	z-index:2;
}
.bottom-arrow:before {

	content:"";
	position:absolute;
	width:80%;
	height:10px;
	bottom:-10px;
	left:10%;
	border-radius:20%;
	box-shadow:0 0 10px black;
}
.bottom-arrow:after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	bottom:0;
	border-bottom:12px solid #c39449;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	margin-left:-8px;
	left:50%;
}
 .wine:hover ~ .current {
 left: 25.5%;
}
.burger:hover ~ .current {
 left: 42%;
}
.comment:hover ~ .current {
 left: 58.5%;
}
.sport:hover ~ .current {
 left: 75%;
}
.earth:hover ~ .current {
 left: 91.1%;
}

a.FOOTmuen:link {color:#ffffff;text-decoration:none; font-size:14px}
a.FOOTmuen:visited {color:#ffffff;text-decoration:none; font-size:14px}
a.FOOTmuen:hover {color:#c39449;text-decoration:underline; font-size:14px}
a.FOOTmuen:active {color:#ffffff;text-decoration:none; font-size:14px}


a.news:link {color:#646464;text-decoration:none; font-size:12px; font:"微软雅黑 Light"}
a.news:visited {color:#646464;text-decoration:none; font-size:12px; font:"微软雅黑 Light"}
a.news:hover {color:#333333;text-decoration:underline; font-size:12px; font:"微软雅黑 Light"}
a.news:active {color:#646464;text-decoration:none; font-size:12px; font:"微软雅黑 Light"}


a.yuyan:link {color:#697582;text-decoration:none; font-size:12px}
a.yuyan:visited {color:#697582;text-decoration:none; font-size:12px}
a.yuyan:hover {color:#c39449;text-decoration:underline; font-size:12px}
a.yuyan:active {color:#697582;text-decoration:none; font-size:12px}

.ej{font-size:18px; color:#000000; font-weight: bold}
.jpwz{font-size:16px; color:#b6f3a8; font-weight:bold; font-family: "MS PGothic"}
.bai{font-size:14px; color:#ffffff}
.red{font-size:12px; color:#f20b0b}
.cent{font-size:12px; color:#d4b99c}
.shuxian{font-size:12px; color:#697582}
.FOOT{font-size:18px; color:#ffffff; font-weight:bold}
.concent{font-size:14px; color:#222222; line-height:28px}
.TITLE{font-size:18px; color:#0a0a0a; font-weight:bold;}
.PR{font-size:14px; color:#333333; font-weight:bold; font-family:"微软雅黑 Light"}



/* 代码整理：懒人之家 www.lanrenzhijia.com */