.wraper {
  width: 750px;
  margin: 0 auto;
  margin-top: 51px;
}
.wraper .title {
  text-align: center;
  padding: 30px 0;
  font-size: 19px;
}
.wraper .art-img {
  text-align: center;
  margin-bottom: 20px;
}
.wraper img {
  display: block;
  margin: 0 auto;
  width: 85%;
}
.wraper p {
  margin-bottom: 20px;
  text-indent: 2em;
}
.wraper .pic-txt{
  margin-top: 10px;
}
.wraper .small-title{
  margin: 30px 0;
  padding-left: 2em;
}
.wraper .change-size img{
  width: auto;
}

@media screen and (max-width: 888px) {
  .wraper p {
    width: 100%;
  }
  .wraper {
    width: 700px;
  }
  .wraper img {
    width: 85%;
  }
}
@media screen and (max-width: 700px) {
  .wraper {
    width: 560px;
  }
  .wraper img {
    width: 85%;
  }
}
@media screen and (max-width: 600px) {
  .wraper {
    width: 500px;
  }
  .wraper img {
    width: 85%;
  }
  .wraper p {
    width: 100%;
  }
}