.brand{
  text-align:center;
  background-color:#fff;
  font-size:38px;
  color:rgb(43, 38, 35);
  padding-top:32px;
  width:1200px;
}
.brand span{
  display: inline-block;
  padding: 0 3% 2% 3%;
  letter-spacing:10px;
}
.brand img{
  width:80%;
  padding-bottom:15px;
}
.sperate{
  display: inline-block;
  height:1.2px;
  width:35%;
  background-color:rgb(116, 116, 116);
  vertical-align: middle;
}
.food{
  line-height:0;
  width:1200px;
  height:690px;
  background-color:rgb(231, 231, 231);
  position: relative;
}
.food img{
  width:18%;
  position:absolute;
}
.goods1{
  left:3%;
  top:7.5%;
}
.goods2{
  left:33%;
  top:7.5%;
}
.goods3{
  left:63%;
  top:7.5%;
}
.goods4{
  left:3%;
  top:35.5%;
}
.goods5{
  left:33%;
  top:35.5%;
}
.goods6{
  left:63%;
  top:35.5%;
}
.goods7{
  top:21.5%;
  left:18%;
}
.goods8{
  top:21.5%;
  left:48%;
}
.goods9{
  top:21.5%;
  left:78%;
}
.goods10{
  top:49.5%;
  left:48%;
}
.goods11{
  left:63%;
  top:63.5%;
}
.food img:nth-child(1){
  width:25%;
  bottom:14.5%;
  left:9%;
}
@media screen and (max-width:750px){
  .brand span{
    padding:0 2% 1% 2%;
  }
  .sperate{
    width:30%;
  }
  .brand{
    width:100%;
  }
  .food{
    width:100%;
    height:430px;
  }
}
@media screen and (max-width:1000px){
  .brand{
    max-width:1000px;
  }
  .food{
    max-width:1000px;
  }
}