* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.main {
  width: 100%;
  height: 100%;
  min-width: 1220px;
  background: #f7f8fc;
  /* 底部 */
}
.main .header {
  height: 92px;
  background: #ffffff;
  box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.29);
  display: flex;
}
.main .header .pic {
  flex: 1;
  margin-top: 20px;
  margin-left: 15%;
  width: 339px;
  height: 60px;
  background: url(img/header.png) no-repeat;
  background-size: 339px 60px;
}
.main .header .text {
  /* flex: 1; */
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #212121;
  text-align: center;
  padding-right: 15%;
}
.main .header .text .text-s {
  width: 84px;
  line-height: 78px;
  border-bottom: 3px #4c7bfe solid;
}
.main .banner {
  width: 100%;
  height: 380px;
  background: url(img/banner.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.main .contain {
  width: 100%;
  background: #f7f8fc;
}
.main .contain .contain-c {
  margin-bottom: 263px;
}
.main .contain .contain-f .f-header {
  height: 67px;
  font-size: 38px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1e1e1e;
  line-height: 67px;
  text-align: center;
  margin: 115px 0 62px;
}
.main .contain .contain-f .f-con {
  display: flex;
  /* align-items: center; */
  justify-content: center;
}
.main .contain .contain-f .f-con .f-con-img {
  width: 560px;
  height: 324px;
  background: url(img/imgOne.png) no-repeat;
  background-size: 560px 324px;
}
.main .contain .contain-f .f-con .f-con-two {
  width: 560px;
  height: 324px;
  background: url(img/imgTwo.png) no-repeat;
  background-size: 560px 324px;
}

.main .contain .contain-f .f-con .f-con-thr {
  width: 560px;
  height: 324px;
  background: url(img/imgThr.png) no-repeat;
  background-size: 560px 324px;
}

.main .contain .contain-f .f-con .f-con-text {
  width: 526px;
  height: 176px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1e1e1e;
  line-height: 44px;
}
.main .contain .contain-f .f-con .f-con-text-t {
  margin-right: 48px;
}
.main .contain .contain-f .f-con .f-con-text-r {
  margin-left: 48px;
}
.main .footer {
  width: 100%;
  height: 290px;
  background: #222838;
  z-index: 99999;
}
.main .footer .footer-con {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .footer .footer-con .footer-con-left {
  width: 120px;
  height: 120px;
  background: url(img/logo.png) no-repeat;
  background-size: 120px 120px;
  margin-top: 59px;
}
.main .footer .footer-con .footer-con-right {
  margin-top: 88px;
  margin-left: 89px;
}
.main .footer .footer-con .footer-con-right .r-one {
  display: flex;
}
.main .footer .footer-con .footer-con-right .r-one .r-icon {
  width: 20px;
  height: 20px;
  background: url(img/floor.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
}
.main .footer .footer-con .footer-con-right .r-one .r-icons {
  width: 20px;
  height: 20px;
  background: url(img/time.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
}
.main .footer .footer-con .footer-con-right .r-one .r-text {
  height: 48px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 18px;
  margin-left: 7px;
  vertical-align: middle;
}
.main .footer .footer-bom {
  margin-top: 55px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #b9b9b9;
  line-height: 20px;
  text-align: center;
}
.main .footer .footer-bom .footer-link {
  display: inline-block;
  color: #b9b9b9;
}

.logo-box {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 15%;
}
.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}