/*header*/
.header{ width: 100%; position: fixed; height: 55px;
 z-index: 99999; }
.header .nav{ width: auto; max-width: 945px;float: left; margin-right: 30px;}
.header .nav:after{ content: ''; display: table; clear: both; }
.header .nav li{width: 133px; height: 55px; float: left; line-height: 55px;}
.header .nav li a {
  display: block;
  height: 29px;
  text-align: center;
  font: normal 15px/0px "微软雅黑", Helvetica, sans-serif;
  color: #332c2b;
  position: relative;
}
.header .nav li a:before {
  width: 100%;
  height: 0px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: #135AAA;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  z-index: -1;
}
.header .nav li a:hover,
.header .nav li a.on {
  color: #fff;
  height: 29px;
}
.header .nav li a:hover:before,
.header .nav li a.on:before {
  height: 57px;
}