.navBox {
  width: 100%;
  background-color: #2e86a9;
  height: 65px;
}

.nav {
  display: block;
  margin: 0 auto;
  width: 1200px;
  text-align: center;
}

.nav .item_a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 65px;
  position: relative;
  width: 109px;
  color: #fff;
}

.nav .li_o {
  display: table-cell;
  color: rgba(255, 255, 255, .8);
  text-align: center;
}

.nav .active {
  background-color: #09355c;
}

.nav a:hover {
  background-color: #09355c;
}

.bu_bj {
  background: -webkit-gradient(linear, top, from(#3aa4f8), to(#0139c1));
  background: -webkit-linear-gradient(top, #3aa4f8, #0139c1);
  background: -moz-linear-gradient(top, #3aa4f8, #0139c1);
  background: -o-linear-gradient(top, #3aa4f8, #0139c1);
  background: linear-gradient(top, #3aa4f8, #0139c1);
}

.sec_nav {
  position: absolute;
  font-size: 20px;
  display: none;
  width: 168px;
  text-align: center;
  background-color: #2e86a9;
  z-index: 111;
  background-color: #005faf\9;
  *
  background-color: #005faf;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F00519d,endcolorstr=#7F00519d);*/
}

.sec_nav,
.sec_nav a {
  color: #fff;
}

.sec_nav a {
  display: block;
  line-height: 65px;
}

.sec_nav a:hover {
  color: #fff;
  background-color: #09355c;
}


/*自定义动画*/
.transition_a,
.transition_o a,
.hover_table tbody tr,
.hover_arrow_shadow .icon_public {
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}


@media screen and (max-width:1440px) {
  .nav {
    width: 1000px;
    top: -18px;
    display: block;
    position: relative;
  }

  .nav .item_a {
    font-size: 18px;
    width: 100px;
  }

  .sec_nav {
    font-size: 16px;
    width: 100px;
  }
}