.members {
  padding: 90px 0 112px;
  background-color: #fff;
}
.members .center {
  width: 100%;
  min-height: 480px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff url(../images/lytimages/members_bac.png) right bottom no-repeat;
}
.members .center .bor {
  padding: 50px 60px;
  line-height: 48px;
}
.members .center .bor .row {
  display: flex;
  margin-bottom: 6px;
  cursor: pointer;
  color: #333;
}
.members .center .bor .row .name {
  padding-left: 40px;
  width: 96px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
.members .center .bor .row .name::before {
  position: absolute;
  content: "";
  background: url(../images/lytimages/circle_i1.png) center no-repeat;
  background-size: 100% 100%;
  background-size: cover;
  width: 8px;
  height: 8px;
  left: 15px;
  top: 45%;
}
.members .center .bor .row .introduction {
  width: calc(100% - 140px);
  font-size: 18px;
}
.members .center .bor .row:hover {
  cursor: pointer;
  color: #ba1912;
}
@media screen and (max-width: 1200px) {
    .members {
  padding: 0.85rem 0;

}
  .members .center .bor {
    padding: 0.8rem 0.2rem;
  }
  .members .center .bor .row .name {
    width: 30%;
    max-width: 96px;
  }
  .members .center .bor .row .introduction {
    width: 70%;
  }
}