.bossgoo-index-about21 {
  position: relative;
  height: 1000px;
}

.bossgoo-index-about21 .aboutbar {
  padding-top: 200px;
  display: flex;
  justify-content: center;
}

.bossgoo-index-about21 .aboutbar .imgbox {
  width: 50%;
  height: 450px;
  position: relative;
}

.bossgoo-index-about21 .aboutbar .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bossgoo-index-about21 .aboutbar .imgbox .iconfont {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: #fff;
}

.bossgoo-index-about21 .aboutbar .text {
  width: 50%;
  padding-left: 50px;
}

.bossgoo-index-about21 .aboutbar .text .first-title {
  color: #fff;
  text-align: left;
  margin-top: 30px;
}

.bossgoo-index-about21 .aboutbar .text .des {
  font-size: 24px;
  margin-bottom: 20px;
  color: #fff;
}

.bossgoo-index-about21 .aboutbar .text .content {
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 2px solid var(--themeColor);
  color: #fff;
  line-height: 2;
  line-clamp: 8;
  -webkit-line-clamp: 8;
}

.bossgoo-index-about21 .aboutbar .text .more {
  display: block;
  width: 160px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
}

.bossgoo-index-about21 .floatleft21 {
  height: 800px;
  background: var(--themeColor);
  position: absolute;
  left: 0;
  top: 100px;
  width: 35%;
  z-index: -1;
}

.bossgoo-index-about21 .floatright21 {
  height: 800px;
  background: #383838;
  position: absolute;
  right: 0;
  top: 200px;
  width: 65%;
  z-index: -1;
}

@media only screen and (max-width:1040px) {
  .bossgoo-index-about21 {
    height: auto;
    background: #383838;
  }
  .bossgoo-index-about21:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--themeColor);
    width: 100%;
    height: 3rem;
  }
  .bossgoo-index-about21 .aboutbar {
    padding-top: 0;
    flex-direction: column;
  }
  .bossgoo-index-about21 .aboutbar .imgbox {
    width: 100%;
    height: auto;
    z-index: 100;
    padding: 0 .2rem;
  }
  .bossgoo-index-about21 .aboutbar .text {
    width: 100%;
    padding-left: .2rem;
    padding-right: .2rem;
    padding-bottom: .4rem;
  }
  .bossgoo-index-about21 .floatleft21,
  .bossgoo-index-about21 .floatright21 {
    display: none;
  }
  .bossgoo-index-about21 .aboutbar .text .des {
    font-size: .32rem;
    color: #fff;
  }
  .bossgoo-index-about21 .aboutbar .text .content {
    margin-bottom: .6rem;
  }
  .bossgoo-index-about21 .aboutbar .text .more {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
  }
}