@charset "utf-8";
/* CSS Document */

.logo{width:155px; position:fixed; top:20px; left:5%; z-index:999;}
.menu{height:50px;position:fixed;top:20px;right:8%;z-index:998;width: 60%;}


.menu .nav li{
	float:left;
	width: calc(100%/7);
	}
.menu .nav li a span{
	font-size:16px;
	color:#fff;
	}
	
.menu .nav>li { position: relative; float: left; height: 100%; font-size: 14px;text-align: center;}



.menu .nav>li>a { position: relative; display: block; overflow: hidden; height: 58px; color: #999; font-weight: 500; line-height: 54px }



.menu .nav>li>a span { position: relative; display: inline-block; transition: all ease-out .3s;padding: 0 10px; }



.menu .nav>li>a span:after { position: absolute; left: 0; width: 100%; color: #e6212a; content: attr(data-title); transform: translateY(100%) }



.menu .nav>li>a span:after { top:0; border-bottom:2px solid #e6212a;}



.menu .nav>li>a>i { margin-left: 10px }



.menu .nav>li:hover .subnav { visibility: visible; opacity: 1 }



.menu .nav>li a.actve span,.menu .nav>li:hover a span { transform: translateY(-100%) }



.menu .nav>li a.actve i,.menu .nav>li:hover a i { color: #e6212a }



.menu .nav>li a.actve span,.menu .nav>li:hover a span { color: #e6212a }
@-webkit-keyframes BIcon {
  0% {
    bottom: 42px;
  }
  50% {
    bottom: 36px;
  }
  100% {
    bottom: 42px;
  }
}
@-moz-keyframes BIcon {
  0% {
    bottom: 42px;
  }
  50% {
    bottom: 36px;
  }
  100% {
    bottom: 42px;
  }
}
@keyframes BIcon {
  0% {
    bottom: 57px;
  }
  50% {
    bottom: 51px;
  }
  100% {
    bottom: 57px;
  }
}

.wap_nav{
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	height:50px;
	width:100%;
	display:none;    
	background-color: rgba(256,256,256,0.6);
	}
.wap_nav_la{
	display:none!important;
	}
.logo2{
    text-align: center;
	display:none;
	display:block;
	height:34px;
	padding:8px 0;
    margin: 0 auto;
    float: none;
	}
.logo2>img{
	height:100%;
	}	

.menu .bg{
	background-color:rgba(256,256,256,0.8);
	width:100%;
	height:80px;
	position:fixed;
	z-index:-1;
	top:0;
	left:0;
	}
.menu .bg_la{
	background-color:#fff;
	box-shadow:0 0 10px #ccc;
	transition:all 0.3s linear;
	}
.menu_nei{
	top:12px;
	}
.menu_nei .logo{
	top:12px;
	}
.menu_nei .nav>li>a span:after{
	border:none;
	}
.menu_nei .nav li a span{
	color:#666;
	}
.mainlevel{    position: relative;}
.mainlevel .subnav {
    display: none;
    position: absolute;
	padding-top:20px;
    top: 48px;
    left: 0;
    width: 150%;    
    margin-left: -25%;
}
.mainlevel .subnav li {
	background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 50px;
    line-height: 50px;    
	position: relative;
    text-align: center;
}
.mainlevel .subnav li a {
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: rgba(256,256,256,0.9);
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    border-bottom: 1px solid rgba(256,256,256,0.4);
}
.mainlevel .subnav li:last-child a{
	border:none;
	}
.mainlevel .subnav li:hover{
	background-color:#fff;
	transition:all 0.3s linear;
	}
.mainlevel .subnav li:hover a{
	color:#e6212a;
	transition:all 0.3s linear;
	}
		
@media (max-width: 1299px){
.menu{
	width: 60%;
	}
.menu .nav>li>a span{
	font-size:15px;
	}
.logo{
	width:140px;
	}
}

@media (max-width:996px){
.menu{
	display:none;
	}
.logo{
	display:none;
	}
.wap_nav {
    display: block;
}	
}