html,
body {
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
  transform: '';
  overflow: auto;
}

body {
  height: auto;
  overflow: hidden;
  background-size: 100% 20%;
}

.w {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.top_left {
  float: none;
  display: none;
}

.hotfw_item li a,
.search_button,
.search_input,
.top_wx span {
  font-size: 24px;
}

.logo_img img {
  width: 80%;
}

.search {
  padding-top: 40px;
}

.hotfw {
  margin-top: 40px;
}

.hotfw .flex {
  flex-wrap: wrap;
}

.hotfw_img {
  margin: 0 auto;
}

.hotfw_item {
  margin-left: 0;
}

.nav a:hover::after,
.nav .on::after {
  width: 128px;
  height: 62px;
  background-size: contain;
  top: 2px;
}

/* 底部 */
.link {
  padding: 15px 0;
  flex-wrap: wrap;
  justify-content: space-around;
}

.footer_right,
.footer_center *,
.link a {
  font-size: 24px;
  line-height: 36px;
}

.footer .flex {
  flex-wrap: wrap;
}

.footer_right,
.footer_center,
.footer_right {
  width: 100%;
}