p{
    margin: 0;
}


/* 导航样式 */
.x-menu {
    width: 62%;
  float: right;
}

.x-menu > li {
  float: left;
  position: relative;
  text-align: center;
  width: 14.285%;
}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #444444;
  line-height: 100px;
}

.x-menu > li > a:hover {
  /*   background: #1558a6; */
  color: #1558a6;
}

.x-menu > li.active > a {
  /*   background: #1558a6; */
  color: #1558a6;
}

.x-menu > li:after {
  /*   content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    height: 40px;
    opacity: 0;
    top: 100%; */
}

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99;
  width: 100%;
  left: 0%;
  top: 100px;
  background: #fff;
  /*   border-radius: 5px; */
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;
  line-height: 2;
  font-size: 14px;
  color: #333;
  padding: .5em;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}


@media (max-width: 992px) {
    body {
        padding-top: 60px;
        padding-bottom: 50px;
    }
}