html,
body {
  height: 100%;
  /* overflow-x: hidden; */
  /* min-width: 1200px; */
}
body {
  width: 100%;
  overflow-x: hidden;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.d-lb {
  display: inline-block;
}
.fs0 {
  font-size: 0;
}
.fs16 {
  font-size: 16px;
}
.fs14 {
  font-size: 14px;
}
.tc {
  text-align: center;
}
.wrap-c {
  width: 1200px;
  margin: 0 auto;
}
a {
  color: #666;
  text-decoration: none;
}
.overflow1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overflow2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.overflow3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}

.clearfix {
  /* 触发 hasLayout */
  zoom: 1;
}
.clearfix:after {
  content: '020';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.hover-un:hover {
  text-decoration: underline;
}
.scolor,
.hover-r:hover {
  color: #ad402c !important;
}
.cur {
  cursor: pointer;
}

.header {
  width: 100%;
  height: 64px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 52;
}
.banner {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .wrap-c {
    width: 100%;
    max-width: 37.5rem;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .header {
    height: 52px !important;
    box-sizing: border-box;
    width: 37.5rem;
  }
  .banner {
    height: 20.2rem !important;
  }
}

@media screen and (max-width: 1500px) and (min-width: 768px) {
  body {
    zoom: 0.9;
  }
  .index #map,
  .about-propaganda .dialog .nowVidoe {
    zoom: 1.11;
  }
}