body {
  font: 14px/1.5 Arial, sans-serif;
  color: #F2F2F2;
  background: linear-gradient(90deg, #F5FEFF 11%, #BDDAFF 100%);
}

.banner {
  width: 100%;
  height: 750px;
  background: url(../images/bannerbg.png) no-repeat center center;
  background-size: cover;

}

.banner-box {
  width: 1200px;
  height: 100%;
}

.banner-box-l {
  flex: 1;
}

.banner-box-l>div:nth-child(1) {
  font-size: 54px;
  color: #F2F2F2;
  line-height: 63px;
  font-weight: bold;
  margin-bottom: 24px;
}

.banner-box-l>div:nth-child(2) {
  font-size: 32px;
  color: #F2F2F2;
  line-height: 38px;
  font-weight: bold;
  margin-bottom: 108px;
}

.banner-box-l>div:nth-child(3) {
  font-size: 18px;
  /*color: #C9C9C9;*/
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 42px;
}

.banner-box-l>div:nth-child(4) {
  font-size: 18px;
  /*color: #C9C9C9;*/
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 36px;
}

.banner-box-l-btn {
  width: 264px;
  height: 48px;
  cursor: pointer;
  border-radius: 48px;
  overflow: hidden;
}

.banner-tarea-r {
  flex: 1;
  width: 691px;
  height: 625px;
}

.t1 {
  margin-top: 109px;
  margin-bottom: 24px;
  font-weight: bold;
  font-size: 52px;
  color: #323232;
}

.t2 {
  font-weight: 400;
  font-size: 20px;
  color: #666666;
}

.flowimg {
  width: 1200px;
  height: 425px;
  /* background: url(../images/Group_186.png) no-repeat center center; */
  /* background-size: cover; */
  background-color: #3E12FF;
  margin: 75px auto 170px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px 0;
  box-sizing: border-box;
  border-radius: 10px;
}

.flowimgitem {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 240px;
}

.flowimgitem-t1 {
  font-weight: bold;
  font-size: 24px;
  color: #F2F2F2;
  margin-bottom: 25px;
  height: 56px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flowimgitem-t2 {
  font-weight: bold;
  font-size: 24px;
  color: #F2F2F2;
  line-height: 28px;
  margin-bottom: 11px;
}

.flowimgitem-t3 {
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  /* line-height: 18px; */
  text-align: center;
  height: 108px;
}

.flowimgitem-icon {
  width: 136px;
  height: 136px;
}

.flowimg-next {
  width: 60px;
  height: 42px;
  margin-bottom: 32px;
}

.streamer {
  width: 100%;
  height: 455px;
  background: url(../images/Group_187.png) no-repeat center center;
  background-size: cover;
}

.streamer-t {
  font-weight: bold;
  font-size: 52px;
  color: #F2F2F2;
  margin-top: -50px;
}


.streamer-box {
  width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  margin: -100px auto 200px;
}

.streamer-box-item {
  width: 364px;
  height: 353px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../images/Group_188.png) no-repeat center center;
  background-size: cover;

}

.streamer-box-item>img {
  width: 84px;
  height: 84px;
  margin-bottom: 18px;

}

.streamer-box-item-t1 {
  font-weight: bold;
  font-size: 32px;
  color: #323232;
  margin-bottom: 15px;

}

.streamer-box-item-t2 {
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  margin-bottom: 29px;

}

.streamer-box-item-t3 {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: center;
  width: 237px;

}

.ikon {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 112px;
}

.ikon-left {
  flex: 1;
}

.ikon-left-t {
  font-weight: bold;
  font-size: 60px;
  color: #446EF8;
  line-height: 70px;
  margin-bottom: 112px;
}

.ikon-left-b {
  width: 572px;
  height: 310px;
  background: url(../images/Group_194.png) no-repeat center center;
  background-size: cover;
  position: relative;
  padding-top: 28px;
  padding-left: 54px;
  box-sizing: border-box;
}

.ikon-left-b-title {
  font-weight: bold;
  font-size: 32px;
  color: #323232;
  margin-bottom: 25px;
}

.ikon-left-b-t1 {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-bottom: 22px;

}

.ikon-left-b-icon {
  width: 236px;
  height: 165px;
  position: absolute;
  right: 64px;
  bottom: 55px;
  z-index: 1;
}

.ikon-right {
  /* flex:1; */
  width: 572px;
  height: 637px;
  background: url(../images/Group_195.png) no-repeat center center;
  background-size: cover;
  position: relative;
  padding-top: 28px;
  padding-left: 54px;
  box-sizing: border-box;
}

.ikon-right-icon {
  width: 275px;
  height: 364px;
  position: absolute;
  right: 64px;
  bottom: 55px;
  z-index: 1;
}

.safety {
  width: 100%;
  height: 462px;
  background: url(../images/Group_196.png) no-repeat center center;
  background-size: cover;
  flex-direction: column;
  margin-bottom: 46px;
}

.safety-t1 {
  font-weight: bold;
  font-size: 52px;
  color: #FFFFFF;
  line-height: 60px;
  width: 1200px;
  padding-right: 200px;
  box-sizing: border-box;
  margin-bottom: 36px;
}

.safety-t2 {
  font-weight: 400;
  font-size: 20px;
  color: #F2F2F2;
  width: 1200px;
  padding-right: 360px;
  box-sizing: border-box;
}

.exhibit {
  width: 1200px;
  margin: 0 auto 51px;
}

.exhibit-l {
  flex: 1;
}

.exhibit-l-icon {
  width: 100px;
  height: 100px;
  margin-bottom: 13px;
}

.exhibit-l-t1 {
  font-weight: bold;
  font-size: 32px;
  color: #323232;
  margin-bottom: 43px;
}

.exhibit-l-t2 {
  font-weight: 400;
  font-size: 20px;
  color: #323232;
  padding-right: 80px;
  box-sizing: border-box;
}

.exhibit-r {
  flex: 1;
  flex-shrink: 0;
}

.business {
  width: 100%;
  height: 816px;
  /* background: url(../images/Group_218.png) no-repeat center center; */
  /* background: url(../images/Mask_group@2x.png) no-repeat center center; */
  background: #3C12FF;
  /* overflow: hidden; */
  position: relative;
  z-index: 1;
  /* background: url(../images/Mask_group@2x.png) no-repeat center center; */
  /* background-size: cover; */
}

.business-bg{
  width: 100%;
  height: 100%;
  background: url(../images/Mask_group@2x.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  z-index: -1;
  top: 38%;
}

.business-box {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.business-box-icon {
  width: 442px;
  height: 870px;
  margin-right: 75px;
  margin-top: 180px;
}

.business-box-r {
  flex: 1;
  margin-top: -200px;
}

.business-box-r-t1 {
  font-weight: bold;
  font-size: 52px;
  color: #FFFFFF;
  line-height: 60px;
  margin-bottom: 40px;
}

.business-box-r-t2 {
  font-weight: bold;
  font-size: 20px;
  color: #F2F2F2;
  line-height: 32px;
  margin-bottom: 23px;
}

.business-box-r-t3 {
  font-weight: bold;
  font-size: 20px;
  color: #F2F2F2;
  line-height: 20px;
  margin-bottom: 81px;
}

.business-box-r-btn {
  width: 264px;
  height: 48px;
  cursor: pointer;
  border-radius: 48px;
  overflow: hidden;
}

.boost {
  width: 1160px;
  height: 250px;
  background: #3E12FF;
  border-radius: 20px 20px 20px 20px;
  margin: 0 auto 167px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 62px 44px 62px;
  box-sizing: border-box;
}

.boost>p {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 32px;
  color: #F2F2F2;
  line-height: 38px;
  margin-bottom: 41px;
}