.nav{background:#202020;}

.venus-menu{

	margin:30px 0 10px 0;

}

.venus-menu{


	margin:0;

	padding:0;

	position:relative;

	float:left;

	font-family:'微软雅黑','Open Sans', sans-serif;

	list-style:none;

	background:#fff;

}

.venus-menu li{

	display:inline-block;

	margin:0;

	padding:0;

	float:left;

	line-height:70px;

	position:relative;

}

.venus-menu li ul li{line-height: 24px;}

.venus-menu > li > a{

	padding:0px 10px;

	font-size:16px;

	color:#222;

	text-decoration:none;

	display:block;

	-webkit-transition:color 0.2s linear, background 0.2s linear;

	-moz-transition:color 0.2s linear, background 0.2s linear;

	-o-transition:color 0.2s linear, background 0.2s linear;

	transition:color 0.2s linear, background 0.2s linear;

}

.venus-menu li:hover > a, .venus-menu li.active a{

	background:none;
	color:#F97004;

}
.venus-menu li ul li:hover > a, .venus-menu li ul li.active a{

	background:#F4F4F4;
	color:#F97004;

}

.venus-menu > li > a i{

	color:#bababa;

}

.venus-menu > li:hover > a i, .venus-menu li.active a i{

	color:#202020;

}

.venus-menu ul, .venus-menu ul li ul{

	list-style:none;

	margin:0;

	padding:0;

	display:none;

	position:absolute;

	z-index:99;

	width:195px;

}

.venus-menu ul{

	top:70px;

	left:-40px;

}

/*.venus-menu > li > ul > li:first-child a:before{

	content:'';

	position:absolute;

	bottom:48px;

	left:45%;

	margin-left:-48px;

	width:0;

	height:0;

	border-left:8px solid rgba(255, 255, 255, 0);

	border-right:8px solid rgba(255, 255, 255, 0);

	border-bottom:8px solid #bababa;

}

.venus-menu > li > ul > li ul li:first-child a:before{

	content:'';

	position:absolute;

	bottom:16px;

	left:45%;

	margin-left:-71px;

	width:0;

	height:0;

	border-top:8px solid rgba(255, 255, 255, 0);

	border-right:8px solid #202020;

	border-bottom:8px solid rgba(255, 255, 255, 0);

}*/

.venus-menu ul li ul{

	top:0;

	left:100%;

	padding-left:10px;

}

.venus-menu ul li{

	clear:both;

	width:100%;

	border:none;

}

.venus-menu ul li a{

	padding:0px 20px;

	width:100%;

	color:#222;

    font-size: 14px;

	text-decoration:none;

	display:inline-block;

	float:left;

	clear:both;

	background:#fff;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-webkit-transition:background 0.2s linear;

	-moz-transition:background 0.2s linear;

	-o-transition:background 0.2s linear;

	transition:background 0.2s linear;

}

.venus-menu ul li:hover > a{ /*background-color: #202020;*/ }



.venus-menu > li .indicator{

	position:absolute;

	color:#bababa;

	top:19px;

	right:8px;

	font-size:20px;

	-webkit-transition:color 0.2s linear;

	-moz-transition:color 0.2s linear;

	-o-transition:color 0.2s linear;

	transition:color 0.2s linear;

}

.venus-menu > li:hover > .indicator{

	color:#202020;

}

.venus-menu ul > li .indicator{

	top:14px;

	right:8px;

	color:#202020;

}

.venus-menu i{

	line-height:20px !important;

	margin-right:6px;

	font-size:20px;

	float:left;

}

.venus-menu > li.showhide{

	display:none;

	width:100%;

	height:46px;

	cursor:pointer;

	color:#202020;

	border-bottom:solid 1px rgba(0, 0, 0, 0.1);

	background:#202020;

}

.venus-menu > li.showhide span.title{

	margin:13px 0 0 20px;

	float:left;

}

.venus-menu > li.showhide span.icon{

	margin:16px 20px;

	float:right;

}

.venus-menu > li.showhide .icon em{

	margin-bottom:3px;

	display:block;

	width:20px;

	height:2px;

	background:#ccc;

}

.venus-menu li.search{

	float:right;

}

.venus-menu li.search form{

	margin:13px 20px 0 0;

}

.venus-menu li.search form input.search{

	height:26px;

	float:right;

	padding-left:5px;

	padding-right:5px;

	color:#777;

	outline:none;

	border:solid 1px #dedede;

	-o-transition:border .3s linear;

	-moz-transition:border .3s linear;

	-webkit-transition:border .3s linear;

	transition:border .3s linear;

}

.venus-menu li.search form input.search:focus{

	border-color:#202020;

}

.zoom-out{

	-webkit-animation:zoomOut 600ms ease both;

	-moz-animation:zoomOut 600ms ease both;

	-o-animation:zoomOut 600ms ease both;

	animation:zoomOut 600ms ease both;

}



@-webkit-keyframes zoomOut{

	0%{

		-webkit-transform:scale(.6);

	}

	100%{

		-webkit-transform:scale(1);

	}

}

@-moz-keyframes zoomOut{

	0%{

		-moz-transform:scale(.6);

	}

	100%{

		-moz-transform:scale(1);

	}

}

@-o-keyframes zoomOut{

	0%{

		-o-transform:scale(.6);

	}

	100%{

		-o-transform:scale(1);

	}

}

@keyframes zoomOut{

	0%{

		transform:scale(.6);

	}

	100%{

		transform:scale(1);

	}

}



@media only screen and (max-width:768px){

	.venus-menu li{

		display:block;

		width:100%;

	}

	.venus-menu > li > a{

		padding:13px 0 14px 20px;

	}

	.venus-menu > li.brand{

		display:none !important;

	}

	.venus-menu a{

		width:100%;

		box-sizing:border-box;

		-moz-box-sizing:border-box;

		-webkit-box-sizing:border-box;

	}

	.venus-menu ul, .venus-menu ul li ul{

		width:100%;

		padding:0;

		left:0;

		border:none;

		position:static;

		box-sizing:border-box;

		-moz-box-sizing:border-box;

		-webkit-box-sizing:border-box;

	}

	.venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{

		border:none;

	}

	.venus-menu ul li{

		border-left:none;

		border-right:none;

	}

	.venus-menu ul li a{

		padding-top:10px;

		padding-bottom:10px;

	}

	.venus-menu ul > li > a{

		padding-left:40px !important;

	}

	.venus-menu > li .indicator{

		top:14px;

		right:20px;

		font-size:20px;

	}

	.venus-menu ul > li .indicator{

		top:10px;

		right:20px;

	}

	.venus-menu li.search form{

		margin:12px 18px 0 18px;

	}

	.venus-menu li.search form input.search{

		width:100%;

		margin-bottom:12px;

		box-sizing:border-box;

		-moz-box-sizing:border-box;

		-webkit-box-sizing:border-box;

	}

	.venus-menu > li > ul > li > a{

		padding-left:40px !important;

	}

	.venus-menu > li > ul > li > ul > li > a{

		padding-left:60px !important;

	}

	.venus-menu > li > ul > li > ul > li > ul > li > a{

		padding-left:80px !important;

	}

}