body {
  background: url(../img/teambg.jpg) no-repeat;
  background-size: cover;
}
.con {
  background: url(../img/corporateCulturebg1.png) no-repeat;
  background-size: 100%;
  background-position: center top;
  padding-bottom: 190px;
  position: relative;
}
.con:before {
  content: "";
  background: url(../img/corporateCulturebg2.png) no-repeat;
  background-size: 100% cover;
  background-position: center bottom;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -3;
}
.con #bread {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.con .list .image {
  overflow: hidden;
  width: 100%;
  height: auto;
}
.con .list .image img {
  width: 100%;
  transition: all 0.4s linear;
}
.con .list .image img:hover {
  transform: scale(1.05);
}
.con .list .info {
  flex: 1;
  max-width: 520px;
}
.con .list .info .subTit {
  color: var(--textColor);
}
.con .list .info .mes {
  color: #666;
  line-height: 1.8;
}
.con .list .info .mes b {
  color: #333;
}
.con .list.list1 .image {
  width: 45%;
}
.con .list.list1 .info {
  margin-left: 9.5%;
}
.con .list.list2 {
  padding-left: var(--w-240);
  position: relative;
}
.con .list.list2::before {
  content: "";
  position: absolute;
  width: 87.5%;
  left: 0;
  top: -32%;
  background: #F6EFE8;
  height: 560px;
  z-index: -1;
}
.con .list.list2 .image {
  width: 57%;
}
.con .list.list2 .image div {
  width: 100%;
  overflow: hidden;
}
.con .list.list2 .info {
  margin: 13.4% 7.2% 0 auto;
}
.con .list.list3 {
  margin-top: 240px;
  position: relative;
}
.con .list.list3 .image {
  width: 33.8%;
  margin-left: 7.6%;
}
.con .list.list3 .info {
  max-width: 534px;
  margin: 0 0 0 10%;
}
.con .list.list4 {
  position: relative;
}
.con .list.list4::before {
  content: "";
  position: absolute;
  width: 69%;
  right: 0;
  top: -22%;
  background: #F6EFE8;
  height: 430px;
  z-index: -1;
}
.con .list.list4 .image {
  width: 45%;
}
.con .list.list4 .image div {
  width: 100%;
  overflow: hidden;
}
.con .list.list4 .info {
  margin-right: 8%;
  margin-left: 7.6%;
}
@media only screen and (max-width: 1920px) {
  .con .list.list3 {
    margin-top: 12.5vw;
  }
  .con .list.list4::before {
    height: 22.3958vw;
  }
  .con .list.list2::before {
    height: 29.1667vw;
  }
  .con {
    padding-bottom: 9.8958vw;
  }
}
@media only screen and (max-width: 1440px) {
  .con .list.list4::before {
    top: -10%;
  }
}
@media only screen and (max-width: 1200px) {
  .con .list.list2 .image {
    width: 52%;
  }
}
@media only screen and (max-width: 768px) {
  .con .list.list1 .image {
    width: 100%;
    margin-top: 0;
  }
  .con .list.list1 .info {
    margin-left: 0;
    margin-top: 6vw;
  }
  .con .list.list2 .image,
  .con .list.list2 .info {
    width: 100%;
  }
  .con .list.list2 .image {
    margin-top: 12vw;
    width: 95%;
  }
  .con .list.list2 .info {
    order: 1;
    margin: 6vw 0 0 0;
  }
  .con .list.list3 {
    margin-top: 12vw;
  }
  .con .list.list3 .image {
    width: 100%;
    margin: 0;
  }
  .con .list.list3 .info {
    margin: 6vw 0 0 0;
  }
  .con .list.list4 {
    margin-top: 12vw;
  }
  .con .list.list4 .image {
    width: 100%;
  }
  .con .list .info .tit {
    margin: 0;
  }
  .con .list .info .mes {
    margin: 0;
    margin-top: 4vw;
  }
  .con .list.list4 .info {
    margin: 0;
    margin-top: 6vw;
    order: 1;
  }
}