body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; background-color:#88b8bf;
  background: url("../img/bg.jpg") no-repeat center top; }

img {
  max-width: 100%;
  height: auto; }

.container {
  padding: 0; }

#header {
 
  height: 35rem; }
  #header .brand {
    padding-top: 5rem; }
    #header .brand img {
      margin: 0 auto; }

@media (max-width: 575px) {
  #header {
    background: url("../img/head_wap.png") no-repeat top;
    background-size: 100% auto;
    height: 20rem; }
    #header .brand {
      padding-top: 1rem; }
      #header .brand img {
        width: 90%; } }
.video {
  width: 32rem;
  height: 19rem;
  margin: 0 auto; }
  .video iframe {
    width: 512px;
    height: 304px; }

@media (max-width: 575px) {
  .video {
    width: 98%;
    height: 14rem;
    overflow: hidden; }
    .video iframe {
      width: 100%;
      height: 14rem; } }
#footer .container {
  padding: 3rem 0; }
#footer .copyright {
  text-align: center;
  margin: 0 auto; }
  #footer .copyright p {
    margin-bottom: 0; }
    #footer .copyright p span {
      margin-right: 1rem; }

@media (max-width: 575px) {
  #footer .copyright span {
    display: block; } }

/*# sourceMappingURL=style.css.map */