/* 头部 */


#nav,#nav ul {list-style: none outside none;margin: 0;  padding: 0;}

#nav { font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif; font-size: 13px; height: 56px;list-style: none outside none;/*margin: 0px auto;width:900px;*/

  /* border radius */

  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;

  background-color: #d31725;

}

.nav{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;

  /* box shadow */

   -moz-box-shadow: 0px 3px 3px #cecece;-webkit-box-shadow: 0px 3px 3px #cecece; box-shadow: 0 3px 4px #8b8b8b;

   background-color: #d31725;}

#nav>li {  display: block; float: left; height:56px; position: relative; width: 179px;}

#nav > li:first-child {border-left: 0 none;margin-left: 5px;}

/* #nav ul { left: -9999px; position: absolute; top: -9999px; z-index: 2;} */

#nav ul {  position: absolute; z-index: 2;left: -999999px;top: -999999px; width: 179px;}

#nav ul li {background: none repeat scroll 0 0 #838383;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); width: 100%;}

#nav li a {font-size:16px; color: #FFFFFF;display: block; outline: medium none;text-align: center;text-decoration: none;

  background-color: #d31725;

}

#nav li a span{display: block;font-size: 16px;font-weight: bold;}

#nav li a span.enTit{font-size: 14px;font-weight: normal;}

#nav li a span.chTit{margin-top:5px;}

#nav li ul a{font-size: 14px;font-weight: normal;display: block;height:48px;line-height: 48px;}

/* keyframes #animation */

@-webkit-keyframes animation {

  0% {

      -webkit-transform: scale(1);

  }

  30% {

      -webkit-transform: scale(1.2);

  }

  100% {

      -webkit-transform: scale(1.1);

  }

}

@-moz-keyframes animation {

  0% {

      -moz-transform: scale(1);

  }

  30% {

      -moz-transform: scale(1.2);

  }

  100% {

      -moz-transform: scale(1.1);

  }

}

#nav li > a:hover {

  /* CSS3 animation */ -webkit-animation-name: animation;-webkit-animation-duration: 0.3s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1;-webkit-animation-direction: normal;-webkit-animation-delay: 0;-webkit-animation-play-state: running;-webkit-animation-fill-mode: forwards;-moz-animation-name: animation; -moz-animation-duration: 0.3s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards;}

#nav li:hover ul {left: 0;top: 56px; width: 179px;}



.twomenu{position: relative !important;}

.threemenu{position: absolute;top: 0 !important;left: 179px !important;display: none;background-color: #d31725 !important;}

.threemenu a{background-color: #d31725 !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;}

.twomenu:hover .threemenu{display: block;}