.solution-wrap {
  width: 100%;
  height: 922px;
  margin-top: 120px;
  padding: 120px 0 120px;
  background: url("../img/solution-1.png") no-repeat center;
  background-size: cover;
}
.solution-bgc-1 {
  background: url("../img/solution-1.png") no-repeat center;
  background-size: cover;
}
.solution-bgc-2 {
  background: url("../img/solution-2.png") no-repeat center;
  background-size: cover;
}
.solution-bgc-3 {
  background: url("../img/solution-3.png") no-repeat center;
  background-size: cover;
}
.solution-bgc-4 {
  background: url("../img/solution-4.png") no-repeat center;
  background-size: cover;
}
.solution-bgc-5 {
  background: url("../img/solution-5.png") no-repeat center;
  background-size: cover;
}
.solution-content {
  max-width: 1200px;
  margin: 50px auto;
  color: #ffffff;
}
.solution-content .nav {
  border: 1px solid #848484;
  margin-bottom: 56px;
}
.solution-content .nav-item .nav-link {
  height: 45px;
  line-height: 30px;
  color: #e3e3e3;
  border-right: 1px solid #848484;
  border-radius: 0;
}
.solution-content .nav-item:last-child .nav-link {
  border-right: 0;
}
.solution-content .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: #e24b4b !important;
  color: #fff !important;
  border-radius: 0;
}
.solution-content .tab1-box .tab1-title {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #e3e3e3;
  margin-bottom: 120px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #615f5f 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
.solution-content .tab1-box .tab1-title-en {
  height: 70px;
  line-height: 22px;
}
.solution-content .tab1-box .tab1-content {
  height: 300px;
}
.solution-content .tab1-box .tab1-content-left {
  width: 370px;
  height: 100%;
}
.tab1-content-left-box {
  display: flex;
}
.tab1-content-left img {
  flex: 1;
  width: 64px;
  height: 74px;
  margin-right: 15px;
}
.tab1-content-center {
  width: 300px;
  height: 300px;
  background: url("../img/solution-1-5.png") no-repeat center;
  background-size: cover;
}
.solution-content .tab2-box .tab2-title {
  height: 76px;
  line-height: 1.7;
  padding: 12px;
  font-size: 16px;
  color: #e3e3e3;
  margin-bottom: 66px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #615f5f 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
.solution-content .tab2-box .tab2-title-en {
  height: 80px;
  line-height: 1.5;
  padding: 0;
}
.tab2-box .tab2-content .tab2-item {
  position: relative;
  width: 281px;
  height: 322px;
  &.tab2-img-1 {
    background: url("../img/solution-2-1.png") no-repeat center;
    background-size: cover;
  }
  &.tab2-img-2 {
    background: url("../img/solution-2-2.png") no-repeat center;
    background-size: cover;
  }
  &.tab2-img-3 {
    background: url("../img/solution-2-3.png") no-repeat center;
    background-size: cover;
  }
  &.tab2-img-4 {
    background: url("../img/solution-2-4.png") no-repeat center;
    background-size: cover;
  }
}
.tab2-box .tab2-content .tab2-item .tab2-item-title {
  position: absolute;
  top: 28px;
  left: 42px;
}
.tab2-box .tab2-content .tab2-item .tab2-item-title-en {
  position: absolute;
  top: 32px;
  left: 42px;
}
.tab2-box .tab2-content .tab2-item .tab2-item-p {
  position: absolute;
  top: 95px;
  left: 30px;
}
.solution-content .tab3-box {
  padding: 0 160px;
}
.solution-content .tab3-box .tab3-item {
  width: 405px;
  height: 480px;
  padding: 40px;
  background: linear-gradient(173deg, rgba(122, 90, 90, 0.32) 0%);
}
.tab3-item .tab3-item-title {
  height: 90px;
  line-height: 60px;
  margin-bottom: 32px;
  border-bottom: 1px solid #756161;
}
.tab3-item .tab3-item-title .tab3-item-title-num {
  color: rgba(255, 255, 255, 0.2);
}
.solution-content .tab4-box .tab4-title {
  width: 60%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #e3e3e3;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #444444 20%,
    rgba(255, 255, 255, 0) 100%
  );
}
.solution-content .tab4-box .tab4-title-en {
  line-height: 22px;
}
.solution-content .tab4-box .tab4-content {
  position: relative;
  width: 782px;
  height: 379px;
  margin: 0 auto;
  background: url("../img/solution-4-2.png") no-repeat center;
  background-size: cover;
}
.tab4-box .tab4-content img {
  position: absolute;
  top: -150px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 72px;
  height: 72px;
}
.tab4-box .tab4-content .brand-txt {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tab4-box .tab4-content .round {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: linear-gradient(
    143deg,
    rgba(255, 198, 198, 0.9) 0%,
    #e24b4b 64%,
    #e24b4b 100%
  );
}
.tab4-box .tab4-content .round-txt {
  width: 150px;
}
.tab4-box .tab4-content .logo-1 {
  position: absolute;
  top: 70%;
  left: -2%;
  transform: translate(-50%, -50%);
}
.tab4-box .tab4-content .logo-2 {
  position: absolute;
  left: 150px;
  bottom: -130px;
}
.tab4-box .tab4-content .logo-3 {
  position: absolute;
  right: 140px;
  bottom: -130px;
}
.tab4-box .tab4-content .logo-4 {
  position: absolute;
  top: 70%;
  right: -21%;
  transform: translate(-50%, -50%);
}
.tab4-box .tab4-content .logo-2-en {
  position: absolute;
  left: 150px;
  bottom: -170px;
}
.tab4-box .tab4-content .logo-3-en {
  position: absolute;
  right: 130px;
  bottom: -170px;
}
.tab4-box .tab4-content .logo-4-en {
  position: absolute;
  top: 70%;
  right: -34%;
  transform: translate(-50%, -50%);
}
.solution-content .tab5-box {
  margin-top: 105px;
}
.solution-content .tab5-box .tab5-left {
  position: relative;
  width: 505px;
  height: 378px;
  background: url("../img/solution-5-1.png") no-repeat center;
  background-size: cover;
}
.tab5-box .tab5-left .tab5-left-title {
  position: absolute;
  top: 156px;
  left: 66px;
}
.tab5-box .tab5-left .tab5-left-title-en {
  position: absolute;
  top: 140px;
  left: 70px;
}
.tab5-box .tab5-right {
  flex: 1;
}
.tab5-box .tab5-right img {
  width: 90px;
  height: 90px;
}