html,
body,
div,
p,
h1,
h2,
h3 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: #000;
}
.wrap {
  width: 100%;
  max-width: 1328px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
  height: 0;
  clear: both;
}
.head-img img,
.yingxiang-body img {
  display: block;
}
.tit {
  color: #808080;
  font-family: Calibri;
  font-size: xx-large;
  text-align: center;
  margin: 50px 0;
  margin-top: 0;
}
.m-top-logo {
  display: none;
}
.head-img {
  width: 100%;
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 45px;
}
.head-img .img-box {
  padding: 10px;
}
.head-img img {
  width: 100%;
}
.yingxiang-body .img-box {
  width: 50%;
  float: left;
}
.yingxiang-body .img-left {
  padding-right: 4px;
}
.yingxiang-body .img-right {
  padding-left: 4px;
}
.yingxiang-body .item {
  margin-bottom: 45px;
  font-size: 0;
  line-height: 0;
}
.yingxiang-body .item img {
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.top-logo {
  padding: 20px 0;
}
@media screen and (max-width: 770px) {
  .wrap {
    padding: 0 10px;
  }
  .tit {
    font-size: 20px;
    margin: 30px 0;
    margin-top: 10px;
  }
  .head-img {
    margin-bottom: 20px;
  }
  .yingxiang-body .item {
    margin-bottom: 20px;
  }
  .yingxiang-body .item .img-box {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
  .top-logo {
    display: none;
  }
  .m-top-logo {
    margin-top: 10px;
    display: block;
  }
  .m-top-logo img {
    max-width: 250px;
  }
}
/*# sourceMappingURL=yingxiang.css.map */