.menu{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	list-style:none;
	height:100px;
	font-family: "Microsoft YaHei";
}
.clear{clear:both;}
.menu li{
	display:inline-block;
	margin:0;
	padding:0;
	float:left;
	line-height:20px;
	position:relative;
}
.menu > li > a{
	height:100px;
	line-height:100px;
	color:#1f1a17;
	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;
}
.menu li:hover > a, .menu li.active a{
	background:#ba2921;
	color:#fff;
}
.menu > li > a i{
	color:#bababa;
}
.menu > li:hover > a i, .menu li.active a i{
	color:#fff;
}
.menu ul, menu ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:99;
	width:220px;
}
.menu ul{
	top:100px;
	left:0;
	padding-top:0px;
}
/*.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 #1f1a17;
}*/
.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 #018A00;
	border-bottom:8px solid rgba(255, 255, 255, 0);
	
}
.menu ul li ul{
	top:0;
	left:100%;
	padding-left:10px;
}
.menu ul li{
	clear:both;
	width:100%;
	border:none;
}
.menu ul li a{
	padding:10px 20px;
	width:100%;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both;
	 background-color:rgba(36,21,23,0.8);
	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;
}
.menu ul li:hover > a{ background-color: rgba(36,21,23,1); }
/*.menu > li > ul > li:first-child:hover a:before{
	border-bottom-color:#1f1a17;
}*/
.menu > li > ul > li ul li:first-child:hover a:before{
	border-right-color:#1f1a17;
}
.menu > li .indicator{
	position:absolute;
	color:#fff;
	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;
	
}

.menu > li:hover > .indicator{
	color:#b72a20;
}
.menu ul > li .indicator{
	top:14px;
	right:8px;
	color:#fff;
}
.menu i{
	line-height:20px !important;
	margin-right:6px;
	font-size:20px;
	float:left;
}
.menu > li.showhide{
	display:none;
	width:50px;
	height:50px;
	cursor:pointer;
	color:#777;
	position:absolute;
	right:10px;top:-60px;
	
}
.menu > li.showhide span.title{
	margin:13px 0 0 20px;
	float:left;
}
.menu > li.showhide span.icon{
	margin-left:0; margin-right:10px; margin-top:10px; margin-bottom:0;
	float:right;
}
.menu > li.showhide .icon em{
	margin-bottom:4px;
	display:block;
	width:26px;
	height:3px;
	background:#ccc;
}
.menu .language{
	float:right;
}

.menu .language select{
	width:140px;
	height:30px;
	margin:15px 20px 0 0;
	border:#999 solid 1px;
	color:#000;
	background-image:url(../images/dq.svg);
	background-repeat:no-repeat;
	background-position:5px center;
	background-size: auto 90%;
	padding-left:35px;
	filter:alpha(opacity=30);opacity:0.3;
	margin-bottom:10px;
}
.menu .language select .list{
	line-height:30px;
	height:30px;
	float:right;
	padding-left:10px;
	padding-right:10px;
	color:#777;
	outline:none;
	-o-transition:border .3s linear;
	-moz-transition:border .3s linear;
	-webkit-transition:border .3s linear;
	transition:border .3s linear;
}
.menu .language select .list:focus{
	border-color:#018A00;
}
.menu .sns{ width:85%; margin:0 auto;}
.menu .sns i{ font-size:1em;}
.menu .sns a{ display:block; float:left;  text-align:center; height:30px;width:30px; background-color:#9a9a9a; color:#efefef; border-radius:50%; padding:5px; margin:5px}
.menu .sns a:hover{ background-color:#353535;}
.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 screen and (max-width:768px){
	.menu{ margin-top:55px}
	.menu li{
		display:block;
		width:100%;
	}
	.menu > li > a{
		padding:0 0 10px 20px;
		height:40px;
		line-height:40px;
		font-size:14px;
		color:#efefef;
		background-color:#333;
	}
	.menu > li.brand{
		display:none !important;
	}
	.menu a{
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.menu ul, .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;
	}
	.menu > li > ul > li:first-child a:before, .menu > li > ul > li ul li:first-child a:before{
		border:none;
	}
	.menu ul li{
		border-left:none;
		border-right:none;
	}
	.menu ul li a{
		padding-top:5px;
		padding-bottom:5x;
		font-size:12px;
	}
	.menu ul > li > a{
		padding-left:40px !important;
	}
	.menu > li .indicator{
		top:10px;
		right:20px;
		font-size:20px;
	}
	.menu ul > li .indicator{
		top:10px;
		right:20px;

	}
	.menu .language{
		width:100%;
		text-align:center;
		background-color:#fff;
		margin-bottom:10px;

	}
	.menu .language select.list{
		width:100%;
		margin-top:0;
		margin-bottom:0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.menu .sns{ width:60%; margin:3px auto; display:none;}
	.menu .sns a{ display:block; float:left;  text-align:center; height:30px;width:30px; background-color:#9a9a9a; color:#efefef; border-radius:50%; padding:5px; margin:3px}
	.menu .sns a:hover{ background-color:#353535;}
	.menu > li > ul > li > a{
		padding-left:40px !important;
	}
	.menu > li > ul > li > ul > li > a{
		padding-left:60px !important;
	}
	.menu > li > ul > li > ul > li > ul > li > a{
		padding-left:80px !important;
	}
}