.top-height{ height:70px;}
#top.navbar-transparent::after {
  clear: both;
  content: "";
  display: block;
}
#top.navbar-transparent.is-hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.menuNav.fixed {
    top: 80px;
  }
.menuNav.slide-up {
    -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
            transform: translateY(-60px);
}
#top{width: 100%;  position:fixed; left:0; top:0;  margin:0; padding:0; z-index:1000; transition: all .3s;}
#top .container{width: 100%; max-width:1600px; text-align:center; margin:0 auto; padding:0; position:relative; }
#top .logo{ float:left; padding:5px 0 0 0;}
#top .logo img{ width:180px; height:auto;}
#top.navbar-transparent{height:72px;background-color: rgba(191,159, 98, 1);transition: all .3s;}
#top.navbar-no{height:72px;background-color: rgba(191,159, 98, 0);transition: all .3s;}

.cd-popup{
  position: fixed;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index:3;
}/*大背景*/
.cd-popup.is-visible{
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
/*----s - 菜单------*/
nav {
    font-family:"微软雅黑";
    text-align: right;
    text-transform: uppercase;  
    float:right;
}

nav ul {
        list-style-type: none; margin:0; padding:0; margin-left:50px;padding-top:0;
}

nav ul li {
    line-height:72px;margin:0; padding:0; color: #fff;position:relative; z-index:1; width:120px; text-align:center; float:left;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
    padding:0 ; margin:0;
    box-sizing: border-box; font-size:.9vw; letter-spacing:1px; display:block; cursor:pointer;
}

nav ul li a:hover ,nav ul li.current ,nav ul li a:visited {  color: #fff; background:#d0af71;text-decoration:none;}
nav ul li a.active {color: #fff;background:#d2ab62; }
#menu_list{position:relative; }
/*----e - 菜单------*/
#menu_list .search,
#menu_list .list,
#menu_list .close{
	height: 60px; margin-top:5px;
}
#menu_list .search{ margin-left:200px;}
#menu_list .search a,
#menu_list .list a,
#menu_list .close a{
	width:16px;
	height: 16px;
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	background: url(../images/search.png) no-repeat ;background-size:16px 16px; cursor:pointer;
}
#menu_list .search a:hover{
	background: url(../images/search1.png) no-repeat;background-size:16px 16px;
}
#menu_list .list a{
	background: url(../images/vip.png) no-repeat; background-size:16px 16px;
}
#menu_list .list a:hover{
	background: url(../images/vip1.png) no-repeat; background-size:16px 16px;
}


@media (min-width: 1024px) {
	.move-bg{ display:none; position:absolute;left:0;top:0; width:120px; height:72px;  background:#2275ff; -moz-border-radius: 0;-webkit-border-radius: 0; border-radius:0;  z-index:0;}
	 }
@media (min-width: 768px) and (max-width: 1024px){ 
  nav ul li {
    line-height:30px;margin:0; padding:0; color: #fff;position:relative; z-index:1; width:90px; text-align:center; float:left;
}
   .move-bg{ display:none; position:absolute;left:0;top:0; width:90px; height:30px;  background:#fe2434; -moz-border-radius: 20px;-webkit-border-radius: 20px; border-radius:20px;  z-index:0}
}

@media (max-width: 768px) {
	#top.navbar-transparent{height:60px;background-color: rgba(191,159, 98, 1);transition: all .3s;}
#top.navbar-no{height:60px;background-color:rgba(191,159, 98, 1);transition: all .3s;}
	#hamburger {
        float: right;
		padding:15px;
    }
	.hamburger .line{
  width: 22px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

#hamburger.is-active{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburger.is-active .line:nth-child(2){
  width: 0px;
}

#hamburger.is-active .line:nth-child(1),
#hamburger.is-active .line:nth-child(3){
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#hamburger.is-active .line:nth-child(1){
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}

#hamburger.is-active .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(90deg);
  -ms-transform: translateY(-10px) rotate(90deg);
  -o-transform: translateY(-10px) rotate(90deg);
  transform: translateY(-10px) rotate(90deg);
}
	#top{}
	#top .logo img{ width:120px; height:auto;}
	#top .logo{ float:left; padding:12px 0 0 10px;}
   #top.navbar-transparent nav{transition: all .3s;}

	nav { float:none;background-color: rgba(191,159, 98, 1);}
    nav ul {width: 100%; margin: 0 auto;box-sizing: border-box;  padding:0 30px;}
    nav ul li { text-align:center; 	 line-height:40px;  display: block; margin:10px auto; padding:0;-moz-border-radius:0;-webkit-border-radius: 0; border-radius:0; color:#fff; width:100%; float:none;}
    
    nav ul li a {width: 100%;height:40px; font-size:16px; -moz-border-radius:0;-webkit-border-radius: 0; border-radius:0; color: #fff;}
	
   nav ul li a:hover ,nav ul li a.current  { color: #fff; background:#d0af71;  -moz-border-radius:0;-webkit-border-radius: 0; border-radius:0;}

   #menu_list{ height:auto; overflow-y:auto }
   .move-bg{ display:none;}
	}