/* 万维站长模版网 做优质整站源码下载网站 www.wanweizhan.com */
@charset "utf-8";
/* CSS Document */


/*手机端*/
.Hmenu-btn {
	width: 30px;
	padding: 24px 0 0;
	height: 50px;
	float: right;
	cursor: pointer;
	display: none;
	margin: 0 0 0 10px;
}
.Hmenu-btn a {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #4e4e4e;
	position: relative;
}
.Hmenu-btn a:before, .Hmenu-btn a:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: #4e4e4e;
	position: absolute;
	left: 0px;
}
.Hmenu-btn a:before {
	top: -10px;
}
.Hmenu-btn a:after {
	bottom: -10px;
}
.Hmenu-btn.cur a {
	-moz-animation: buttonAnimation 0.3s ease forwards;
	-webkit-animation: buttonAnimation 0.3s ease forwards;
	animation: buttonAnimation 0.3s ease forwards;
}
.Hmenu-btn.cur a:before {
	-moz-animation: buttonAnimationBefore 0.3s ease forwards;
	-webkit-animation: buttonAnimationBefore 0.3s ease forwards;
	animation: buttonAnimationBefore 0.3s ease forwards;
}
.Hmenu-btn.cur a:after {
	-moz-animation: buttonAnimationAfter 0.3s ease forwards;
	-webkit-animation: buttonAnimationAfter 0.3s ease forwards;
	animation: buttonAnimationAfter 0.3s ease forwards;
}
@-moz-keyframes buttonAnimationBefore {
 0% {
-moz-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
 50% {
-moz-transform: translateY(10px) rotate(0);
transform: translateY(10px) rotate(0);
}
 100% {
-moz-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
}
}
@-webkit-keyframes buttonAnimationBefore {
 0% {
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
 50% {
-webkit-transform: translateY(10px) rotate(0);
transform: translateY(10px) rotate(0);
}
 100% {
-webkit-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
}
}
@keyframes buttonAnimationBefore {
 0% {
-moz-transform: translateY(0px) rotate(0);
-ms-transform: translateY(0px) rotate(0);
-webkit-transform: translateY(0px) rotate(0);
transform: translateY(0px) rotate(0);
}
 50% {
-moz-transform: translateY(10px) rotate(0);
-ms-transform: translateY(10px) rotate(0);
-webkit-transform: translateY(10px) rotate(0);
transform: translateY(10px) rotate(0);
}
 100% {
-moz-transform: translateY(10px) rotate(45deg);
-ms-transform: translateY(10px) rotate(45deg);
-webkit-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
}
}
@-moz-keyframes buttonAnimationAfter {
 0% {
-moz-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
 50% {
-moz-transform: translateY(-10px) rotate(0);
transform: translateY(-10px) rotate(0);
}
 100% {
-moz-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
}
@-webkit-keyframes buttonAnimationAfter {
 0% {
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
 50% {
-webkit-transform: translateY(-10px) rotate(0);
transform: translateY(-10px) rotate(0);
}
 100% {
-webkit-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
}
@keyframes buttonAnimationAfter {
 0% {
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
 50% {
-moz-transform: translateY(-10px) rotate(0);
-ms-transform: translateY(-10px) rotate(0);
-webkit-transform: translateY(-10px) rotate(0);
transform: translateY(-10px) rotate(0);
}
 100% {
-moz-transform: translateY(-10px) rotate(-45deg);
-ms-transform: translateY(-10px) rotate(-45deg);
-webkit-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
}
}
@-moz-keyframes buttonAnimation {
 0% {
background: #aaaaaa;
}
 50% {
background: rgba(255, 255, 255, 0);
}
 100% {
background: rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes buttonAnimation {
 0% {
background: #aaaaaa;
}
 50% {
background: rgba(255, 255, 255, 0);
}
 100% {
background: rgba(255, 255, 255, 0);
}
}
@keyframes buttonAnimation {
 0% {
background: #aaaaaa;
}
 50% {
background: rgba(255, 255, 255, 0);
}
 100% {
background: rgba(255, 255, 255, 0);
}
}















































/* 口麦代理联盟:KouMai.Com 互联网产品代理一手掌握！助力低成本营销！ */  
/* 线索客：XianSuoKe.com  短视频获客系统+投流系统 */ 
/* 推搜宝：TuiSouBao.com  全网竟价系统（百度、360、搜狗、巨量） */ 
/* 助力网：ZLwz.Com       助力个人/站长/ 低成本创业！助力企业低成本营销！ */ 
/* 大卖网：DMyw.com       大卖有我 */ 
/* 寻采网：XunCaiWang.com 全网竟价系统（百度、360、搜狗、巨量） */