body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}

#content {
  width: 1920px;
  height: 969px;
  /* 1980 * 1080*/
}

#top{
  width: 100%;
  height: 520px;
  background-image: url(../images/1980/index1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.2s;
}
#mid{
  width: 100%;
  height: 247px;
  background-image: url(../images/1980/index2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.2s;
}
#footer{
  width: 100%;
  height: 204px;
  display: flex;
}

#f1{
  width: 402px;
  height: 204px;
  background-image: url(../images/1980/index3-1.jpg);
}
#f2{
  width: 364px;
  height: 204px;
  background-image: url(../images/1980/index3-2.jpg);
}
#f3{
  width: 390px;
  height: 204px;
  background-image: url(../images/1980/index3-3.jpg);
}
#f4{
  width: 360px;
  height: 204px;
  background-image: url(../images/1980/index3-4.jpg);
}
#f5{
  width: 404px;
  height: 204px;
  background-image: url(../images/1980/index3-5.jpg);
}
.hot{
  width: 100%;
  height: 100%;
}


/* 1024 * 768px */
@media (max-width: 1350px) {
    #content {
      background-image: url(../images/1366/index1.jpg);
    }
  
    
}