#nav {
  /* width: 1200px; */
  margin: 0 auto;
  background: #0F5FBC 100%;
}
.flex{
  display:flex;
}
.nav-bar {
  width: 1200px;
  margin: 0 auto;
}

.nav-bar ul li {height: 55px;line-height: 55px;width: 171px;text-align: center;}

.nav-bar ul li a {
  display: block;
  width: 172px;
  height: 32px;
  margin-top: 10px;
  line-height: 36px;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  border-right: 1px solid #fff;
  /* padding: 0 19px; */
}
.hover{
  /* width: 200px; */
  background: #fff;
  border-bottom: 9px solid #ccc;
  border-image: url(border.png);
  border-image-slice: 0 1 12 1;
  border-image-width: 8px;
  border-image-repeat: repeat;
  /* border: none; */
}
.hover a{
  color: #0F5FBC!important;
  border:none!important;
}