.zeren-01 {
  padding-top: 2.25rem;
}

.w1120 {
  width: 85%;
  max-width: 1120px;
  margin: 0 auto;
}

.zeren01words {
  padding-bottom: 2.5rem;
}
.zeren01words .tits {
  line-height: 1.2;
  color: #010101;
}
.zeren01words .line {
  width: .9rem;
  height: .9rem;
  margin: 0 auto;
  margin-top: .6rem;
  margin-bottom: .5rem;
}
.zeren01words .txts {
  color: #666666;
  line-height: 1.875;
}

.zeren01images {
  position: relative;
}
.zeren01images img {
  display: block;
  width: 100%;
}
.zeren01images .words {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  padding-bottom: 1.2rem;
  margin: auto;
}
.zeren01images .words .txts {
  line-height: 1.2;
  margin-top: .7rem;
}
.zeren01images .words .tits {
  line-height: 1;
}

.zeren-02 {
  position: relative;
  padding-top: 1.9rem;
  padding-bottom: 1.2rem;
}

.zeren02words {
  padding-bottom: 1.2rem;
}
.zeren02words .tits {
  line-height: 1;
  color: #010101;
}
.zeren02words .txts {
  line-height: 1.875;
  color: #666666;
  margin-top: .75rem;
}

.fafafa {
  background: #fafafa;
}

.zeren02-list {
  font-size: 0;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.zeren02-list .li {
  display: inline-block;
  vertical-align: top;
  width: 19%;
  margin-left: 1.25%;
  background: #fff;
  font-size: 14px;
}
.zeren02-list .li:nth-child(5n+1) {
  margin-left: 0;
}
.zeren02-list .li .tits {
  line-height: 1.1;
  color: #010101;
  margin-bottom: .5rem;
}
.zeren02-list .li .txts {
  line-height: 1.875;
  color: #666666;
}
.zeren02-list .li .words {
  padding: 1.1rem .9rem .9rem 1.1rem;
  box-sizing: border-box;
}
.zeren02-list .li .imgs {
  overflow: hidden;
}
.zeren02-list .li .imgs img {
  transition: .5s ease-in-out;
}

.zeren03box {
  padding-bottom: 1.4rem;
}
.zeren03box .images {
  overflow: hidden;
}

.zeren-03 {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
}
.zeren-03 .words {
  background: #fff;
  padding: 1.75rem 1rem 1rem 1.75rem;
}
.zeren-03 .box {
  height: 100%;
  overflow-y: auto;
}
.zeren-03 .tits {
  line-height: 1.2;
  color: #010101;
  margin-bottom: .8rem;
}
.zeren-03 .txts {
  color: #666666;
}
.zeren-03 .txts .li {
  line-height: 1.88;
  padding-left: .5rem;
  position: relative;
  color: #666666;
}
.zeren-03 .txts .li:before {
  position: absolute;
  content: "";
  width: .6em;
  height: .6em;
  left: 0;
  top: .64em;
  content: "";
  background: #205299;
  border-radius: 50%;
}
.zeren-03 .images img {
  position: relative;
  height: 100%;
  max-width: none;
  left: 50%;
  transform: translateX(-50%) !important;
}
.zeren-03 .words, .zeren-03 .images {
  width: 50%;
  display: block;
}

.zeren02-list img {
  width: 100%;
}

@media (min-width: 1024px) {
  .zeren-03,
  .zeren02-list .li {
    transition: .5s ease-in-out;
  }
  .zeren-03 img,
  .zeren02-list .li img {
    transition: .5s ease-in-out;
  }
  .zeren-03:hover,
  .zeren02-list .li:hover {
    transition: .5s ease-in-out;
  }
  .zeren-03:hover img,
  .zeren02-list .li:hover img {
    transition: .5s ease-in-out;
    transform: scale3d(1.05, 1.05, 1);
  }
}
@media (max-width: 1190px) {
  .zeren02-list .li {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .zeren02-list .li:nth-child(5n+1) {
    margin-left: 2%;
  }
  .zeren02-list .li:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .zeren-02 {
    padding-top: .8rem;
    padding-bottom: .4rem;
  }

  .zeren01images .words .txts {
    margin-top: .28rem;
  }

  .zeren01images .words {
    position: static;
    color: #000;
    padding-top: .35rem;
    padding-bottom: .35rem;
  }

  .zeren01words {
    padding-bottom: 1rem;
  }

  .zeren01words .line {
    width: 0.36rem;
    height: 0.36rem;
    margin-top: 0.24rem;
    margin-bottom: 0.2rem;
  }

  .zeren-01 {
    padding-top: .9rem;
  }

  .zeren02words {
    padding-bottom: .48rem;
  }

  .zeren02words .txts {
    margin-top: .3rem;
  }

  .zeren02-list .li {
    width: 100%;
    margin-left: 0 !important;
  }

  .zeren03box {
    padding-bottom: .52rem;
  }

  .zeren-03 .images img {
    max-width: 100%;
    height: auto;
  }

  .zeren-03 .tits {
    margin-bottom: .3rem;
  }

  .zeren-03 .txts .li {
    padding-left: 1em;
  }

  .zeren-03 .words {
    padding: .25rem;
  }

  .zeren-03 {
    display: block;
  }

  .zeren-03 .words, .zeren-03 .images {
    width: 100%;
  }

  .zeren02-list .li .tits {
    margin-bottom: .2rem;
  }

  .zeren02-list .li .words {
    padding: .25rem;
  }
}

/*# sourceMappingURL=style.css.map */