.top-height{ height:70px;}
#top{width: 100%;  position:fixed; left:0; top:0;background-color: #df0716; height:72px; margin:0; padding:0; z-index:1000; }
#top .container{width: 100%; max-width:1450px; text-align:center; margin:0 auto; position:relative; }
#top .logo{ float:left; padding:12px 0 0 0;}
#top .logo img{ width:150px; height:auto;}

.cd-popup{
  position: fixed;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255,255, 255, 0.8);
  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.menuBox {
    font-family:"微软雅黑";
    text-align: right;
    text-transform: uppercase;  
    float:right;
}

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

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

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



nav.menuBox ul li a:hover ,nav.menuBox ul li a.current ,nav.menuBox ul li a:visited {
    color: #fff; text-decoration:none;
}
#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;
}


#top input.search_text{
	height:35px; float:left; margin-top:8px;width: 80%;	border:none; background:#ce0211;transition: all .3s; color:#fe0012;	outline:none;
	 padding:0 10px;
}
#top input.search_text:focus{background:#f1f1f1; transition: all .3s;color:#333;}

.search_main .close_btn{
	background: url(../images/close.png) no-repeat center center;
	position: absolute;
	top:1px;
	right:0;
}
.search_main .close_btn:hover{
	background: url(../images/close1.png) no-repeat center center;
}

@media (min-width: 1024px) {
	.move-bg{ display:none; position:absolute;left:0;top:0; width:120px; height:30px;  background:#fe2434; -moz-border-radius: 20px;-webkit-border-radius: 20px; border-radius:20px;  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) {
	#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{ height:60px;}
	.top-height{ height:60px;}
	#top .logo img{ width:100px; height:auto;}
	#top .logo{ float:left; padding:12px 0 0 10px;}

	nav.menuBox  { float:none;
	background:#df0716;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=120,strength=10);/*ie*/
-moz-box-shadow: 1px 1px 10px #cacaca;/*firefox*/
-webkit-box-shadow: 1px 1px 10px #cacaca;/*safari或chrome*/
box-shadow:1px 1px 10px #cacaca;/*opera或ie9*/ }
    nav.menuBox  ul { 
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box; border:#df0716 solid 1px; padding:0 30px;
    }

    nav.menuBox  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.menuBox  ul li a {
        width: 100%;height:40px; -moz-border-radius:0;-webkit-border-radius: 0; border-radius:0; color: #fff; 
    }
	
nav.menuBox  ul li a:hover ,nav ul li.cur   {
    color: #fff; background:#fe2434;  -moz-border-radius:0;-webkit-border-radius: 0; border-radius:0;
}

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