#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%);transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;
}
.menuNav.fixed {
    top: 80px;transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;
  }
.menuNav.slide-up {
    -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
            transform: translateY(-60px);
}
#top{width: 100%;  position:fixed; left:0; top:0; height:72px; margin:0; padding:0; z-index:1000; transition: all .3s;}
#top .container{width: 100%; max-width:1520px; text-align:center; margin:0 auto; padding:0; position:relative; }
#top .logo{ float:left; padding:12px 0 0 0;}
#top .logo img{ width:150px; height:auto;}
#top.navbar-transparent{background-color: rgba(255,255, 255, 1);transition: all .3s;}
#top.navbar-no{background-color: rgba(255,255, 255, 1);transition: all .3s;}

.cd-popup{
  position: fixed;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0, 0, 0.3);
  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:30px;margin-top:20px;
}

nav ul li {
    line-height:30px;margin:0; padding:0;position:relative; z-index:1; padding:0 40px;text-align:center; float:left;
}

nav ul li a {
    color: #333;
    text-decoration: none;
    padding:0 ; margin:0;
    box-sizing: border-box; font-size:15px; display:block;
}

nav ul li a:hover ,nav ul li a.current {  color: #df0615; text-decoration:none;}
#menu_list{position:relative; }
/*----e - 菜单------*/

@media (max-width: 768px) {
	
	#hamburger {
        float: right;
		padding:15px;
    }
	.hamburger .line{
  width: 22px;
  height: 2px;
  background-color: #df0615;
  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{ height:60px;}
	.top-height{ height:60px;}
	#top .logo img{ width:100px; height:auto;}
	#top .logo{ float:left; padding:12px 0 0 10px;}
   #top.navbar-transparent nav{width: 100%; background-color: rgba(255,255, 255, 0.9);transition: all .3s;}

	nav { width: 100%; float:none;background-color: rgba(223,7, 22, 1); padding:0;}
    nav ul {width: 100%; margin: 0 auto;padding: 0;box-sizing: border-box; border:#fff solid 1px; 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:#333; width:100%; float:none;}
    
    nav ul li a {width: 100%;height:40px; -moz-border-radius:0;-webkit-border-radius: 0; border-radius:0; color: #333;}
	.nav > li > a {padding:0;}
   nav ul li a:hover ,nav ul li a.current  { color: #fff; background:#df0716;  -moz-border-radius:0;-webkit-border-radius: 0; border-radius:0;}

   nav ul li.search{ display:none;}
   #menu_list{ max-height:350px;overflow-y:auto }
   .move-bg{ display:none;}
	}