a{
	outline: none !important; 
}
html{
	width: 100%;
}
body{
	position: relative;
	z-index: -5;
	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑',  Arial, sans-serif;
	letter-spacing:0.06em;
  	line-height: 2em;
  	color: #333333;
  	margin:0; 
  	width: 100%;
}
header{
	background-color: white;
	width: 100%;
	float:left;
    white-space:nowrap; 
}
header .container{
	max-width: 1100px;
    margin: auto;
}
.navH5{
	font-size: 30px;
	line-height: 45px;
	margin-left: 18px;
	display: none;
}
.closeNav{
	width: 30px;
	height: 30px;
	margin: 5px 0 0 20px;
	font-size: 30px;
	transform: rotateZ(45deg);
	display: none;
	font-weight: normal;
	color: #000;
}
 .navLogo{
	max-width: 100%;
	float: left;
	padding:5px 0 0 10px;
	position: relative;
	z-index: 10;
}
header .navLogo img{
	max-width:100px;
	margin: 5px 0 5px 5px;
	padding-bottom: 0;
}
header .navHerf{
	list-style-type: none;
	float: right;
	padding-left:0; 
}
header .navHerf li{
	float: left;
	margin-top: 0;
}

header .navHerf  li a{
	position: relative;
	margin:20px;
	text-decoration:none;
	color: #000;
	font-size: 15px;
}

header .navHerf li a:before{
	position: absolute;
	left: -20px;
	top: 1px;
	content: "";
	width: 1px;
	height: 15px;
	background-color: #0f0d03;	
	margin-right: 10px;	
}
header .navHerf li:first-child>a:before{
	width: 0;
}
header .active:after{
	content: "";
	position: absolute;
	width: 20px;
	height: 3px;
	bottom: -9px;
	left: 50%;
	margin-left: -10px;
	background-color: #0f0d03;
	display: block;
}
header .secondNav{
	position: absolute;
    padding: 0;
    top: 65px;
}
header .navHerf .secondNav li{
	float: none;
	list-style:none;
	background: #000;
	margin: 0;
}
header .navHerf .secondNav li a{
	color: #f9d633;
}
header .navHerf .secondNav li a:before{
	display: none;
	margin: 0;
}

header .triangle{
	position: absolute;
	width: 0;
    height: 0;
    top: -12px;
    width: 0;
    height: 0;
    left: 35px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #000;
}
header #reservationNav, header #aboutusNav{
	display: none;
}

@media only screen and (max-width:770px){
	header .container{
		width: 100%;
		padding-bottom: 30px;
	}
	.navH5{
		display: block;
	}
	.navLogo {
		clear: both;
		width: 97%; 	 
		height: 50px;
	}
	header .navLogo a {
		width: 100%;
	}
	header .navLogo a img{
		width: 20%;
		position: absolute;
		margin-left:38%;
		top: 5px;
	}
	header .navHerf li a:before, header .active:after{
		width: 0;
	}
	header .navHerf, .navHerf li{
		clear: both;
		float: left;
		background-color: #000;
	}
	header .navHerf, header .closeNav{
		display: none;
	}
	header .navHerf li a{
		color: #fff;
		margin: 0;
	}
	header ul{
		position: fixed;
		margin: 0;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		color: #fff;
		padding-top: 70px; 
		z-index: -1;
	}
	header .navHerf li{
		width: 70%;
		margin-left:15%;
		line-height: 50px;
		border-bottom: 1px solid #333;
	}
	
	header #reservationNav, header #aboutusNav{
		display: block;
	}
	header .secondNav{
		position: relative;
	    z-index: 2;
	    border: none;
	    left: 70px;
	    top: 0;
	    margin-top: -30px;
	    padding: 0;
	}
	header .triangle{
		display: none;
	}
	header .navHerf .secondNav li {
		border:none; 
		height: 40px;
		line-height: 40px;
	}
	header .navHerf .secondNav li a{
		color: #ccc;
	}
}
@media only screen and (max-width:450px){
	header .navLogo {
		height: 35px;
	}
	header .navH5{
		line-height: 35px;
	}
	header #reservationNav, header #aboutusNav{
		display: block;
	}
	header .navLogo a img{
		top:0;
	}
}


/*视频弹窗*/
.pop{
  display: none;
  position: fixed;
  width: 60%;
  top:12%;
  left: 20%;
  z-index: 11;
  background-color: #000;
}
.pop-video{
  display: none;
  position: fixed;
  width: 60%;
  top:12%;
  left: 20%;
  z-index: 11;
  background-color: #000;
}
.pop-video video{
  height: auto;
  margin:auto; 
}
.cover{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: none;
  width: 10000px;
  height: 10000px;
}
.closeBtn{
  width: 30px;
  position: absolute;
  top: 0;
  right: 0;  
  z-index: 20;
}