.intro {
  width: 1200px;
  margin: 0 auto;
}

.about {
  margin-top: 50px;
  margin-bottom: 100px;
}
.about:after {
  clear: both;
}
.about:before, .about:after {
  content: " ";
  display: table;
}
.about .left {
  width: 440px;
  height: 330px;
  overflow: hidden;
}
.about .left img {
  transition: all 0.4s;
}
.about .left:hover img {
  transform: scale(1.3, 1.3);
}
.about .right {
  color: #666;
  width: 658px;
  height: 328px;
  border: 1px solid #efefef;
  padding: 0 50px;
  line-height: 22px;
  box-shadow: 0 0 10px #efefef;
}
.about .title {
  color: #333;
  font-size: 24px;
  padding-top: 31px;
  padding-bottom: 25px;
}
.about p {
  margin-bottom: 22px;
}

.item {
  margin-bottom: 90px;
}
.item .title {
  font-size: 24px;
  line-height: 52px;
  font-weight: bold;
  padding-left: 65px;
  background: url(/public/images/intro-icon.png) no-repeat 0 1px;
}
.item .info {
  color: #666;
  width: 570px;
  line-height: 25px;
  padding-left: 65px;
}

.item1 {
  background: url(/public/images/intro1.png) no-repeat right 0;
  min-height: 357px;
  padding-top: 62px;
}

.item2 {
  background: url(/public/images/intro2.png) no-repeat 0 0;
  min-height: 334px;
  padding-top: 77px;
  padding-left: 570px;
}
.item2 .title {
  background-position: 0 -146px;
}

.item3 {
  background: url(/public/images/intro3.png) no-repeat right 0;
  min-height: 321px;
  padding-top: 154px;
}
.item3 .title {
  background-position: 0 -289px;
}

.item4 {
  background: url(/public/images/intro5.png) no-repeat 0 0;
  min-height: 360px;
  padding-top: 59px;
  padding-left: 570px;
}
.item4 .title {
  background-position: 0 -433px;
}

/* .item5 {
  background: url(/public/images/intro5.png) no-repeat right 0;
  min-height: 416px;
  padding-top: 100px;
}
.item5 .title {
  background-position: 0 -577px;
} */