html, body {
  margin: auto;
  padding: 0;
  width: 1920px;
  background-color: #fff;
  font-size: 0;
}
/* 菜单 */
#header-wrap {
  position: fixed;
  width: 100%;
  /* min-width: 1170px; */
  height: 80px;
  background-color: #fff;
}
#header {
  position: fixed;
  padding-left: 375px;
  padding-right: 375px;
  width: 100%;
  max-width: 1920px;
  min-width: 1110px;
  height: 80px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  box-sizing: border-box;
}
#header div {
  display: inline-block;
}
#logo {
  width: 226px;
  height: 45px;
}
#logo img {
  width: 100%;
}
#menus {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  font-size: 0;
}
#menus .menu:not(:last-child) {
  margin-right: 24px;
}
#menus .menu {
  padding-left: 18px;
  padding-right: 18px;
  height: 30px;
  line-height: 30px;
  color: #141414;
  font-size: 14px;
  cursor: pointer;
}
#menus .button-style {
  color: #fff;
  background-color: #E50012;
  border-radius: 15px;
}
  /* 二维码 */
#qrcode {
  position: absolute;
  padding: 20px;
  right: 0;
  top: 75px;
  width: 220px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #fff;
}
#qrcode:after {
  display: block;
  position: absolute;
  top: -5px;
  right: 40px;
  content: '';
  width: 24px;
  height: 24px;
  transform: rotate(45deg);
  /* z-index: -1; */
  background-color: #fff;
}
#qrcode .qrcode-wrap {
  width: 180px;
  height: 180px;
}
#qrcode .qrcode-wrap img {
  width: 100%;
}
#qrcode .qrcode-text {
  margin-top: 10px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #141414;
}
/* banner */
#banner {
  width: 1920px;
}
#banner img {
  width: 100%;
}
/* 内容 */
.content {
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .content-text, .content .content-img {
  display: inline-block;
}
.content .content-text {
  width: 564px;
  height: 360px;
  /* vertical-align: top; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.content .content-text .title {
  font-size: 40px;
  color: #000000;
  margin-bottom: 10px;
}
.content .content-text .desc {
  font-size: 24px;
  color: #686868;
}
.content .content-img {
  width: 564px;
  height: 360px;
}
.content .content-img img {
  width: 100%;
}
.content-bgc {
  background-color: rgb(216, 216, 216, 0.15);
}
.content .content-desc-padding {
  padding-left: 90px;
  box-sizing: border-box;
}
.content-padding {
  padding-top: 57px;
  padding-bottom: 57px;
}
.content .content-img-wd {
  width: 734px;
  height: 535px;
}
.content .content-desc-width {
  width: 413px;
}
/* 关于 */
#about {
  width: 1920px;
  height: 568px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url("../img/about@1x.png") no-repeat 100% 100%;
}
#about .about-title {
  font-size: 42px;
  color: #FFFFFF;
}
#about .about-content {
  margin-top: 46px;
  font-size: 18px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 地图 */
#map {
  width: 1920px;
  height: 360px;
  background: url("../img/map@1x.png") no-repeat;
  background-size: 110% 110%;
  background-position: center;
  cursor: pointer;
}
#map:hover {
  animation: hover-zoom 3s infinite;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
/* 页脚 */
#footer {
  width: 1920px;
  height: 142px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#footer .footer-desc {
  color: #A8ACB9;
  font-size: 14px;
}
/* 动画 */
@-webkit-keyframes hover-zoom {
  from {background-size: 110% 110%;}
  to {background-size: 100% 100%;}
}