p {
  margin-bottom: 0; }
a {
	cursor: pointer;;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

h4, h5, h6, p {
  margin: 0;
  padding: 0; }

.headerTopImg {
  display: block;
  width: 100%;
  margin-bottom: 9px; }

.container-info {
  width: 100%; }

.header {
  height: 12.8rem;
  background-image: url("../img/header/headerTop.png;vpn_img");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative; }
  .header .headerTop {
    display: block;
    width: 100%; }
  .header .headerBox {
    position: relative;
    display: flex;
    justify-content: flex-start;
    height: 100%; }
    .header .headerBox .headerLogoImg {
      position: absolute;
      top: 0;
      width: 17.4rem;
      left: 15.3rem;
      display: block;
      margin-right: 12.9rem; }
    .header .headerBox .headerLogoImg2 {
      position: absolute;
      top: 90%;
      width: 17.4rem;
      left: 15.3rem;
      display: block;
      margin-right: 12.9rem;
      transform: translateY(-50%); }
    .header .headerBox .navBox {
      margin-left: 45.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 119rem;
      margin-bottom: 0;
      margin-right: 8.5rem; }
      .header .headerBox .navBox .navItem {
        height: 100%;
        display: flex;
        align-items: center; }
        .header .headerBox .navBox .navItem.active > a {
          height: 5.1rem;
          background-image: url("../img/header/navItemActiveBg.png;vpn_img");
          transform: translateY(0.5rem); }
        .header .headerBox .navBox .navItem > a {
          display: block;
          background-image: url("../img/header/navItemBg.png;vpn_img");
          background-repeat: no-repeat;
          background-size: 100% 100%;
          width: 16.9rem;
          cursor: pointer;
          height: 4.1rem;
          padding: 0;
          text-align: center;
          color: #ffffff;
          text-decoration: none;
          line-height: 4.1rem;
          text-align: center; }
        .header .headerBox .navBox .navItem .navList {
        	z-index: 1;
          display: none;
          position: absolute;
          width: 16.9rem;
          top: 100%;
          background-color: #00000050; }
          .header .headerBox .navBox .navItem .navList li {
            height: 5.6rem;
            text-align: center;
            line-height: 5.6rem; }
            .header .headerBox .navBox .navItem .navList li:hover {
              background-image: url("../img/header/navItemChildBg.png;vpn_img");
              background-repeat: no-repeat;
              background-size: 90% 30%;
              background-position: bottom; }
            .header .headerBox .navBox .navItem .navList li a {
              width: 100%;
              text-align: center;
              color: #ffffff;
              text-decoration: none; }
    .header .headerBox .loginBox {
      display: flex;
      justify-content: center;
      align-items: center; }
      .header .headerBox .loginBox p {
        color: #ffffff;
        margin: 0 1.5rem; }
      .header .headerBox .loginBox a {
        color: #ffffff;
        text-decoration: none; }

.foot .footBox {
  background-image: url("../img/knowledge/footBg.png;vpn_img");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 16.3rem;
  width: 100%; }
  .foot .footBox .box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 3rem 0; }
    .foot .footBox .box .footList {
      display: flex;
      justify-content: center;
      align-items: center; }
      .foot .footBox .box .footList a {
        color: #333333;
        margin: 0 1rem;
        display: block; }