@charset "utf-8";
#header{
 position: fixed;
 background: url(../img/header-bg.png);
 z-index: 9;
}
#header .logo{
  background: url(../img/logo-gray.png) no-repeat;
  border-right: 1px solid #2d2d2d;
}

#header .menu ul li a{
  color: #2d2d2d;
  filter:alpha(opacity=70); 
  opacity:0.7;
}

#header .menu ul li a span{
  background: url(../img/menu-a-bg-gray.png) repeat-y 18px top;

}
#header .menu ul li.current a span{
  background: url(../img/menu-a-bg-gray.png) repeat-y 0px top;
}
#header .menu ul li a:hover span{
  background: url(../img/menu-a-bg-gray.png) repeat-y -45px top;
}


#header .languge a span.en{
  background: url(../img/languge-gray.png) no-repeat 0 0;
}
#header .languge a span.cn{
  background: url(../img/languge-gray.png) no-repeat 0 -73px;
}

@media screen and (max-width: 780px) {   

    #header{
     position: fixed;
     background: url(../img/header-bg.png);
     z-index: 9;
    }
    #header .logo{
      background: url(../img/logo-gray.png) no-repeat;
      background-size: 50%;
      border-right: 0;
    }

    #header .menu{
      display: none;
    }
    
#header .menuu {
  position: fixed;
  height: 100%;
  right: 0px;
  width: 210px;
  z-index: 999;
  top: 0;
  overflow: hidden;
}

#header a.open_menu{
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(../img/menu.png) no-repeat;
  background-size: 30px;
  width: 37px;
  height: 24px;
}
#header .menuu .bg{
  width: 210px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  background: #000;
  filter:alpha(opacity=90); 
  opacity:0.90;
  z-index: 1;
}

#header .menuu .open_menu1{
  display: block;
  position: absolute;
  right: 15px;
  top: 20px;
  background: url(../img/menu.png) no-repeat;
  background-size: 30px;
  width: 37px;
  height: 24px;
  }

#header .menuu ul{
  height: 100%;
  list-style:none;
  display: block;
  position: relative;
  z-index: 999;
  padding-top: 60px;
}


#header .menuu ul li{
  overflow: hidden;
  list-style-type:none;
  border-bottom: 1px solid #000;
}
#header .menuu ul li a{
  position: relative;
  z-index: 999;
  width: 190px;
  height: 50px;
  margin-left: 15px;
  line-height: 50px;
  display: block;
  position: relative;
  padding-left: 15px;
  font-family: Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 100;
  color: #c7c7c7;
}


#header .menuu ul li a:hover{
  color: #fff;
}
#header .menuu ul li.current a{
  color: #fff;
  background: url(../img/menu-a-bg.png) no-repeat -50px center;
}
    


#sider,#header .languge, #about .main,#footer{ display: none;}


}