#milkMap{
  height:82%;
  width:45%;
  border:1px solid #fff;
  position:absolute;
  top:10%;
  left:3%;
  float:left
}
.name{
  position:absolute;
  font-size:30px;
  color:rgb(72, 46, 0);
  top:38%;
  left:50%;
  line-height:40px
}
.list{
  width:1200px;
  background-color:rgb(231, 231, 231);
  margin:0 auto;
}
.year-title{
  width:1200px;
  text-align:center;
  margin:0 auto;
}
.detail{
  position: relative;
  width:1200px;
  height:445px;
  background-color:rgb(231, 231, 231);
  text-align: left;
}
.sussage{
  position: absolute;
  top:55%;
  left:50%;
}
.items{
  font-size:22px;
  color:rgb(98, 96, 97);
  line-height: 37px;
}
.items dd{
  display: inline-block;
  vertical-align: middle;
  margin-top:3px;
  margin-right:3px;
}
.items img{
  height:25px;
  width: 25px;
}
.mpa2{
  position:absolute;
  right:45%;
  top:22%;
  width:50px;
  height:50px;
}
@media screen and (max-width:750px){
  .detail{
    height:345px;
  }
  .name{
    font-size:18px;
    top:32%;
  }
  .sussage{
    top:45%;
    right:10%;
  }
  .items{
    font-size:14px;
    line-height:22px
  }
  #milkMap{
    height:70%;
    width:43%;
    top:15%;
    left:3%;
  }
  .year-title{
    width:100%;
  }
  .detail{
    width:100%;
  }
  .list{
    width:100%;
  }
  .mpa2{
    top:17%;
  }
}
@media screen and (max-width:1000px){
  .year-title{
    max-width:1000px;
  }
  .detail{
    max-width:1000px;
  }
  .list{
    max-width:1000px;
  }
}