* {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

.w {
  margin: 0 2.5rem;
}

.header {
  background-color: #FAFAFA;
}

.header-logo {
  width: 10rem;
  height: 1.25rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.header-logo img {
  display: block;
  width: 100%;
  height: 100%;
}

.header-nav {
  background: url(0523-sbk-dh-bj.gif) repeat-x;
  background-size: 100% 100%;
  height: .625rem;
}

.header-nav ul li {
  float: left;
  width: 25%;
  text-align: center;
}

.header-nav ul li a {
  display: inline-block;
  font-size: .225rem;
  color: #535353;
  font-weight: bold;
  padding: 0 .625rem;
  height: .625rem;
  line-height: .625rem;
}

.header-nav ul li a:hover {
  background: url(xz-bj-14811.jpg) repeat-x;
  background-size: 100% 100%;
  color: #027AB6;
  height: .625rem;
}

.xz-bj-14811 a {
  background: url(xz-bj-14811.jpg) repeat-x;
  background-size: 100% 100%;
}

@media screen and (max-width: 767px) {
  .w {
    margin: 0;
  }

  .header-logo {
    width: 18rem;
    height: 3rem;
    padding: .25rem .125rem
  }

  .header-nav {
    height: 1.875rem;
  }

  .header-nav ul li {
    height: 1.875rem;
    line-height: 1.875rem;
  }

  .header-nav ul li a {
    display: block;
    font-size: .225rem;
    color: #535353;
    font-weight: bold;
    padding: 0 .625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    font-size: 3vw
  }
}