nav a {
	color: #528b8b;
	display: inline-block;
	cursor: pointer;
}



/*----------header----------*/

header {
	position: fixed;
	top: 0;
	left: 0;
	height: 60px;
	background-color: #fff;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, .2);
	overflow: visible;
	z-index: 999;
}

/*----------nav----------*/

nav {
	float: left;
	background-color: #efac5d;
	cursor: default;
}
nav .menu_btn {
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	text-align: center;
	background-color: #efac5d;
	color: #fff;
	cursor: default;
}
#nav {
	position: absolute;
	width: 150px; /*菜单弹出后的宽度*/
}
#nav li {
	background-color: #efac5d;
	height: 0;
	opacity: 0;
	overflow: hidden;
}
.csstransforms3d #nav li {
	-webkit-transform: perspective(100px) rotateX(-90deg);
	-ms-transform: perspective(100px) rotateX(-90deg);
	transform: perspective(100px) rotateX(-90deg);
	-webkit-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
}
#nav li a {
	height: 50px;
	width: 150px;  /*菜单弹出后白色背景的宽度*/
	line-height: 50px;
	padding-left: 40px; /*菜单弹出体字默认位置*/
	color: #fff;
	border-top: 1px solid #efac5d;
}
#nav li a.active {
	background-color: #efac5d;
	color: #eb2830;
}
.no-touch #nav li a:hover {
	background-color: #fff;
	color: #efac5d;
	padding-left: 50px; /*菜单弹出光标效果后体字体位置*/
}
.nav-open #nav li {
	height: 50px;
	opacity: 1;
}
.csstransforms3d .nav-open #nav li {
	-webkit-transform: perspective(100px) rotateX(0deg);
	-ms-transform: perspective(100px) rotateX(0deg);
	transform: perspective(100px) rotateX(0deg);
}

/*-------------- transition --------------*/

.nav-open #nav li.trans4,  .trans {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.nav-open #nav li.trans3,  .trans1 {
	-webkit-transition: all .4s ease .1s;
	transition: all .4s ease .1s;
}
.trans2 {
	-webkit-transition: all .4s ease .2s;
	transition: all .4s ease .2s;
}
.nav-open #nav li.trans1,  .trans3 {
	-webkit-transition: all .4s ease .3s;
	transition: all .4s ease .3s;
}
.nav-open #nav li.trans,  .trans4 {
	-webkit-transition: all .4s ease .4s;
	transition: all .4s ease .4s;
}
.box_shadow {
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}
.box_shadow2,  .box_shadow.trans:hover {
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4);
}
.box_shadow.trans:hover {
	z-index: 99;
}