.home-box {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.home-box .circle-box {
  position: absolute;
  /* top: 3.2708rem; */
  /* top: 2.8854rem; */
  z-index: 10;
  left: 50%;
  /* width: 6.25rem; */
  bottom: 0.8333rem;
  transform: translateX(-50%);
  text-align: center;
}

.home-box .circle-box .item {
  width: 0.2083rem;
  height: 0.0208rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.0104rem;
  margin-right: 0.0625rem;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.home-box .circle-box .active {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: #ca1a1d;
}

.home-top-banner {
  width: 100%;
  /* height: 4.0625rem; */
  /* height: 3.6771rem; */
  height: 5.625rem;
  cursor: pointer;
}
.home-top-banner .swiper-wrapper {
  height: 100%;
}
.home-top-banner .swiper-slide {
  height: 100%;
}
.home-top-banner .banner-img {
  /* margin-top: -0.9063rem; */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-top-banner .uc-banner-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-top-banner .banner-logo-pic {
  width: 0.9844rem;
  height: 0.2135rem;
  position: absolute;
  right: 0.4167rem;
  top: 0.2604rem;
  z-index: 1;
}

.about {
  width: 100%;
  height: 5.625rem;
  background: url(../images/abouts_bg.png) no-repeat;
  background-size: 100%;
  padding: 0.7135rem 0.7813rem 1.0208rem 0.8125rem;
  box-sizing: border-box;
  color: #222222;
  margin-top: 0.376rem;
}

.about .about-box-mobie {
  display: none;
}

.about .icon {
  width: 0.2083rem;
  height: 0.0417rem;
  background-color: #ca1a1d;
}
.about .icon2 {
  width: 0.4219rem;
  height: 0.0573rem;
  border-radius: 0.026rem;
  background-color: #ca1a1d;
  margin-top: 0.4167rem;
}

.about .nine {
  width: 2.2292rem;
  height: 0.6146rem;
  background: url(../images/abouts_nine_bg.png) no-repeat;
  background-size: 100%;
  font-weight: 600;
  font-size: 0.196rem;
  padding: 0.1667rem 0 0 0.5729rem;
}

.about .title {
  font-weight: 400;
  font-size: 0.1667rem;
  margin-top: 0.2083rem;
}

.about .detail {
  width: 100%;
  margin-top: 0.2604rem;
}

.about .detail .text {
  /* width: 2.9896rem; */
  font-weight: 400;
  font-size: 0.1094rem;
  color: #444444;
  line-height: 0.1667rem;
  letter-spacing: 0.0052rem;
}
.about .detail .text2 {
  font-size: 0.1458rem;
}

.about .detail .text p:nth-child(2) {
  margin-top: 0.1667rem;
}
.about .detail .text3 {
  width: 4.7708rem;
  margin-top: 0.1667rem;
  /* margin-top: 0.6042rem; */
}

.about .detail .slogan .slogan-text {
  font-weight: 400;
  font-size: 0.1667rem;
  color: #222222;
  line-height: 0.1667rem;
  letter-spacing: 0.0052rem;
}

.about .detail .slogan .slogan-text:nth-child(2) {
  margin-top: 0.2083rem;
}

.about .detail .slogan .slogan-cite {
  margin-top: 0.2396rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.about .detail .slogan .slogan-title {
  font-weight: 400;
  font-size: 0.1042rem;
}

.about .detail .slogan .slogan-icon {
  width: 0.3125rem;
  height: 0.0104rem;
  background-color: #cccccc;
  margin-right: 0.0504rem;
}

.about .btn-about {
  width: 0.8385rem;
  height: 0.2552rem;
  padding: 0.0781rem 0.151rem 0.0781rem 0.151rem;
  margin-top: 0.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cccccc;
  border-radius: 0.09375rem;
  box-sizing: border-box;
  font-weight: 600;
}
.about .margin-12 {
  margin-left: 0.0625rem;
}

.about .btn-about:hover {
  background: #ca1a1d;
}

.about .btn-about:hover .text {
  color: #ffffff;
}

.about .btn-about .text {
  font-weight: 400;
  color: #222222;
  font-size: 0.1047rem;
}

.about .btn-about:hover .arrow-right {
  background: url("../images/btn_white_right2.png");
  background-size: 100%;
}

.about .btn-about .arrow-right {
  width: 0.1458rem;
  height: 0.0729rem;
  background: url("../images/btn_right2.png");
  background-size: 100%;
}

.group-strategy {
  width: 100%;
  height: 5.2396rem;
  background: #f6f6f6;
  padding: 0.4167rem 0;
  color: #222222;
  box-sizing: border-box;
}

.group-strategy .title {
  font-size: 0.1667rem;
  font-weight: 500;
  line-height: 0.2344rem;
  text-align: center;
}

.group-strategy .detail {
  display: block;
  font-size: 0.1042rem;
  font-weight: 400;
  line-height: 0.1042rem;
  margin-top: 0.2083rem;
  text-align: center;
}

.group-strategy .group-menu,
.group-strategy .group-banner,
.group-strategy .plan-mobie {
  display: none;
}

.group-strategy .group-service {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.3125rem;
}

.group-strategy .group-service .tab .tab-prece {
  width: 2.7552rem;
  height: 0.9583rem;
  padding: 0.3333rem 0.8021rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.6s ease-in-out;
}

.group-strategy .group-service .tab .tab-prece .icon {
  width: 0.2917rem;
  height: 0.2917rem;
}

.group-strategy .group-service .tab .driver-tab .icon {
  background: url(../images/driver_icon.png) no-repeat;
  background-size: 100%;
}

.group-strategy .group-service .tab .car-tab .icon {
  background: url(../images/car_icon.png) no-repeat;
  background-size: 100%;
}

.group-strategy .group-service .tab .tab-prece .name {
  font-weight: 500;
  font-size: 0.1667rem;
  line-height: 0.2344rem;
}

.group-strategy .group-service .tab .on {
  background-color: #ca1a1d;
  color: #ffffff;
  transition: background 0.6s ease-in-out;
}

.group-strategy .group-service .tab .driver-tab.on .icon {
  background: url(../images/driver_icon_on.png) no-repeat;
  background-size: 100%;
  -webkit-animation: shakeAnimation 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  animation: shakeAnimation 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.group-strategy .group-service .tab .car-tab.on .icon {
  background: url(../images/car_icon_on.png) no-repeat;
  background-size: 100%;
  -webkit-animation: shakeAnimation 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  animation: shakeAnimation 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@-webkit-keyframes shakeAnimation {
  0% {
    -webkit-transform: skewX(0deg) skewY(0deg);
    transform: skewX(0deg) skewY(0deg);
  }
  25% {
    -webkit-transform: skewX(-5deg) skewY(-5deg);
    transform: skewX(-5deg) skewY(-5deg);
  }
  50% {
    -webkit-transform: skewX(5deg) skewY(5deg);
    transform: skewX(5deg) skewY(5deg);
  }
  75% {
    -webkit-transform: skewX(-3deg) skewY(-3deg);
    transform: skewX(-3deg) skewY(-3deg);
  }
  100% {
    -webkit-transform: skewX(0deg) skewY(0deg);
    transform: skewX(0deg) skewY(0deg);
  }
}
@keyframes shakeAnimation {
  0% {
    -webkit-transform: skewX(0deg) skewY(0deg);
    transform: skewX(0deg) skewY(0deg);
  }
  25% {
    -webkit-transform: skewX(-5deg) skewY(-5deg);
    transform: skewX(-5deg) skewY(-5deg);
  }
  50% {
    -webkit-transform: skewX(5deg) skewY(5deg);
    transform: skewX(5deg) skewY(5deg);
  }
  75% {
    -webkit-transform: skewX(-3deg) skewY(-3deg);
    transform: skewX(-3deg) skewY(-3deg);
  }
  100% {
    -webkit-transform: skewX(0deg) skewY(0deg);
    transform: skewX(0deg) skewY(0deg);
  }
}

.group-strategy .group-service .show {
  width: 6.9323rem;
  height: 3.5938rem;
}

.group-strategy .group-service .show .driver-show {
  background: url(../images/group_driver1_service.png) no-repeat;
  background-size: 100%;
  transition: background 0.6s ease-in-out;
}

.group-strategy .group-service .show .car-show {
  background: url(../images/group_car1_service.png) no-repeat;
  background-size: 100%;
  transition: background 0.6s ease-in-out;
}

.group-strategy .group-service .show .show-item {
  width: 2.0781rem;
  height: 100%;
  border-left: 0.0052rem solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 1.1406rem 0 1.7917rem 0.2083rem;
  box-sizing: border-box;
  color: #ffffff;
  background-color: rgba(34, 34, 34, 0.3);
  transition: background-color 0.6s ease-in-out, width 0.6s ease-in-out;
}

.group-strategy .group-service .show .show-item .title {
  font-size: 0.1667rem;
  line-height: 0.2344rem;
  font-weight: 500;
  text-align: left;
}

.group-strategy .group-service .show .show-item .icon {
  width: 0.2083rem;
  height: 0.0313rem;
  background: #ca1a1d;
  margin-top: 0.1667rem;
}

.group-strategy .group-service .show .show-item .detail {
  font-size: 0.1042rem;
  line-height: 0.1667rem;
  font-weight: 400;
  text-align: left;
  max-width: 1.6615rem;
  letter-spacing: 0.0052rem;
}

.group-strategy .group-service .show .driver-show,
.group-strategy .group-service .show .car-show {
  height: 100%;
  display: flex;
  justify-content: start;
}

.group-strategy .group-service .show .show-item:nth-child(1) {
  border-left: none;
}

.group-strategy .group-service .show .active {
  width: 2.7656rem;
  background-color: rgba(34, 34, 34, 0.6);
  transition: background-color 0.6s ease-in-out, width 0.6s ease-in-out;
}

.group-strategy .group-service .show .active .detail {
  max-width: 2.349rem;
}

.btn-box {
  padding: 0 0.0938rem;
  height: 0.25rem;
  background: #ca1a1d;
  border-radius: 0.0208rem;
  margin-top: 0.125rem;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.btn-box:hover .text {
  width: 0.4167rem;
  margin-right: 0.0729rem;
}

.btn-box .arrow-right {
  width: 0.1458rem;
  height: 0.0677rem;
}

.btn-box .text {
  width: 0;
  overflow: hidden;
  font-size: 0.1042rem;
  font-weight: 400;
  color: #ffffff;
  transition: width 0.3s;
  white-space: nowrap;
}

.swiper-content {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.swiper-content .detail-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 6.25rem;
  max-width: calc(100% - 0.8333rem);
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
}

.swiper-content .detail-content1 h2,
.swiper-content .detail-content1 .detail {
  color: #ffffff;
}

.swiper-content h2 {
  font-size: 0.3125rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 0.4583rem;
  letter-spacing: 0.0156rem;
  text-shadow: 0rem 0.0104rem 0.1146rem rgba(34, 34, 34, 0.5);
}

.swiper-content .detail {
  font-size: 0.1042rem;
  color: #ffffff;
  font-weight: 400;
  line-height: 0.1667rem;
  letter-spacing: 0.0052rem;
  text-shadow: 0.0052rem 0.026rem 0.0417rem rgba(0, 0, 0, 0.45);
  margin-top: 0.1667rem;
}

.detail-item {
  position: relative;
  height: 2.5417rem;
  background: #ffffff;
  box-shadow: 0.0313rem 0.0313rem 0.224rem 0rem rgba(34, 34, 34, 0.05);
  border-radius: 0.125rem;
  margin: -0.7813rem auto 0.4167rem;
  overflow: hidden;
  font-size: 0.1042rem;
  font-weight: 400;
  color: #444444;
  line-height: 0.1667rem;
  letter-spacing: 0.0052rem;
  width: 100%;
  max-width: 6.25rem;
  z-index: 1;
}

.detail-item .content-img-box {
  width: 2.5729rem;
  height: 2.5781rem;
  float: left;
  overflow: hidden;
}

.detail-item .content-img-box:hover .content-img {
  transform: scale(1.2);
}

.detail-item .content-img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.detail-item .content {
  padding: 0.2604rem 0.2083rem 0.2604rem 2.7865rem;
}

.detail-item .content-title {
  font-size: 0.1875rem;
  font-weight: 600;
  color: #222222;
  line-height: 0.1875rem;
  letter-spacing: 0.0104rem;
  margin: 0 0 0.1458rem 0;
}

.detail-item .title-es {
  font-size: 0.1042rem;
  /* font-family: AlibabaPuHuiTiB; */
  color: #cccccc;
  line-height: 0.1042rem;
}
.detail-item .content-title,
.detail-item .title-es {
  max-width: 0.8021rem;
  text-align: center;
}

.detail-item .top-detail {
  margin-bottom: 0.1042rem;
}

.strategy .strategy-row {
  font-size: 0.125rem;
  color: #999999;
  line-height: 0.1719rem;
  margin: 0.3125rem auto 0.2083rem;
}

.strategy .strategy-row .line {
  display: inline-block;
  width: 1.0729rem;
  border: 0.0052rem dashed #cccccc;
  vertical-align: middle;
  margin: 0 0.125rem;
}

.strategy .active-circle-ava {
  font-weight: 600;
  color: #ca1a1d;
}

.change-ban-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 8;
  cursor: pointer;
}

.strategy {
  /* background-color: #F6F6F6; */
  background-color: #ffffff;
  width: 100%;
  overflow: hidden;
}

.strategy .banner-area {
  position: relative;
}

.strategy .stragy-left-btn {
  left: 2.5677rem;
}

.strategy .stragy-right-btn {
  right: 2.5625rem;
}

.strategy .startegt-ban-box {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.strategy .strategy-banner {
  width: 100%;
  overflow: hidden;
}

.strategy .strategy-banner__item {
  position: relative;
  width: 4.1198rem;
  /* height: 2.2917rem; */
  height: 1.7656rem;
  border-radius: 0.125rem;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.strategy .disabled-box {
  top: 0;
  position: absolute;
}

.strategy .disabled-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(246, 246, 246, 0.8);
  z-index: 3;
}

.strategy .left-disabled-box {
  left: -1.6771rem;
}

.strategy .right-disabled-box {
  right: -1.6771rem;
}

.strategy .strategy-item__info {
  width: 2.2917rem;
  /* height: 1.6719rem; */
  background: rgba(255, 255, 255, 0.91);
  border-radius: 0.1042rem;
  backdrop-filter: blur(0.0208rem);
  /* margin: 0.2604rem 0 0 0.5313rem; */
  position: relative;
  z-index: 3;
  opacity: 0;
  transform: translateY(0.0521rem);
  transition: all 0.5s ease 0.5s;
  min-height: 0.724rem;
  /* margin: 0.5208rem 0 0 0.4688rem; */
  margin-left: 0.4688rem;
  display: flex;
}

.strategy .strategy-item__info::before {
  content: "";
  position: absolute;
  width: 0.099rem;
  /* height: 1.5052rem; */
  /* height: 100%; */
  background: #ca1a1d;
  border-radius: 0.0833rem 0rem 0rem 0.0833rem;
  left: -0.099rem;
  /* top: 0.0833rem; */
  top: 0.0469rem;
  bottom: 0.0417rem;
}

.strategy .strategy-item__info .detail-strategy {
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.strategy .strategy-item__info p {
  font-size: 0.125rem;
  font-weight: 400;
  color: #222222;
  line-height: 0.3073rem;
  letter-spacing: 0.0052rem;
  margin: 0 0 0.1667rem 0.1667rem;
  height: 0.3073rem;
}

.strategy .strategy-item__info p:last-child {
  margin-bottom: 0;
}

.strategy .strategy-item__info .num {
  color: #ca1a1d;
  font-weight: 500;
  margin-left: 0.0417rem;
  font-size: 0.2186rem;
  font-size: 0.2188rem;
}

.strategy .swiper-slide-active .strategy-item__info {
  opacity: 1;
  transform: translateY(0);
}

.strategy .strategy-banner_pic {
  position: absolute;
  left: 0;
  top: 0;
  /* width: 4.1198rem; */
  /* height: 2.2917rem; */
  /* height: 1.7656rem; */
  width: 100%;
  height: 100%;
}

.chain-box {
  /* background: url("../images/chain_bg.png") no-repeat left top; */
  /* background-size: 100% 100%; */
  /* background-color: #ffffff; */
  /* background: #F6F6F6; */
  background: #fff3f3;
  box-sizing: border-box;
  height: 3.875rem;
  padding: 0.6094rem 0 0.3542rem 0;
}

.chain-box .circle-box-mobie {
  display: none;
}

.chain-box .title-up {
  /* margin-bottom: 0.4167rem; */
  /* margin-bottom: 0.8021rem; */
  margin-bottom: 1.0667rem;
}

.chain-box .circle-box {
  box-sizing: border-box;
  /* width: 4.5313rem;
    height: 4.5313rem;
    border: 0.0104rem solid #CA1A1D; */
  /* width: 3.625rem; */
  /* height: 3.625rem; */
  height: 3.875rem;
  /* border: 0.0104rem solid #CA1A1D; */
  /* margin: 0 auto 0.599rem; */
  margin: auto;
  /* border-radius: 50%; */
  background: transparent;
  position: relative;
  width: 3.0521rem;
  height: 3.0521rem;
  /* border: 0.0052rem solid #CA1A1D; */
}

.chain-box .info-circle {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 2.6979rem;
  height: 2.6979rem;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
}

.circle-img {
  width: 3.1406rem;
  height: 2.9115rem;
  background: url(../images/chain_circle_bg.png) no-repeat;
  background-size: 100%;
  font-weight: 500;
  font-size: 0.1458rem;
  line-height: 0.1458rem;
  color: #ca1a1d;
  position: relative;
  margin: auto;
}

.circle-img div {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
}

.circle-img div:nth-child(1) {
  top: 0.7396rem;
}

.circle-img div:nth-child(2) {
  top: 0.9688rem;
}

.chain-box .circle-1 {
  z-index: 1;
  background: #ffffff;
  width: 1.7031rem;
  height: 1.7031rem;
}

@-webkit-keyframes bounce-down {
  25% {
    transform: translateY(-0.0521rem);
  }

  50%,
  100% {
    transform: translateY(0);
  }

  75% {
    transform: translateY(0.0521rem);
  }
}

.chain-box .circle-2 {
  width: 1.3073rem;
  height: 1.3073rem;
  background: url("../images/quan_circle_bg.png") no-repeat center center;
  background-size: 100% 100%;
  z-index: 2;
  animation: myfirst2 3s infinite linear;
}

@keyframes myfirst2 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

.chain-box .circle-3 {
  opacity: 0.6;
  /* border: 0.1042rem solid #CA1A1D; */
  z-index: 3;
  border: 0.0833rem solid #ca1a1d;
  width: 0.901rem;
  height: 0.901rem;
}

.chain-box .circle-4 {
  z-index: 4;
  width: 0.7708rem;
  height: 0.7708rem;
  background: #ffcacb;
  box-shadow: inset 0.0208rem 0.0052rem 0.1094rem 0rem #ffffff;
}

.chain-box .circle-5 {
  background: #ca1a1d;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5938rem;
  height: 0.5938rem;
}

.chain-box .white-logo-pic {
  /* width: 0.5833rem;
    height: 0.1823rem; */
  width: 0.4688rem;
  height: 0.151rem;
}

.chain-box .chain-card {
  font-size: 0.0833rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.125rem;
  text-align: left;
  position: absolute;
  z-index: 9;
  background: #ffffff;
  cursor: pointer;
  animation: bounce-down 3s linear infinite;
  height: 1.0208rem;
  background: #ffffff;
  /* box-shadow: 0rem 0.0104rem 0.2865rem 0rem rgba(202,26,29,0.1); */
  border-radius: 0.0469rem;
  padding: 0.1667rem 0.2448rem 0.1667rem 0.1667rem;
  height: 0.9583rem;
  background: #ffffff;
  box-shadow: 0.0313rem 0.0313rem 0.224rem 0rem rgba(34, 34, 34, 0.05);
  /* width: 1.0417rem;
    height: 1.1333rem; */
  width: 1.3177rem;
  height: 1.3125rem;
  background: #ffffff;
  box-shadow: 0.0313rem 0.0313rem 0.224rem 0rem rgba(34, 34, 34, 0.05);
  border-radius: 0.0469rem;
  box-sizing: border-box;
}

.chain-box .chain-card:hover {
  background: #ca1a1d;
}

.chain-box .chain-card:hover .chain-info {
  background: unset;
}
.chain-box .chain-card:hover .chain-icon-else {
  display: none;
}
.chain-box .chain-card:hover .chain-info h4,
.chain-box .chain-card:hover .chain-info p {
  color: #ffffff;
}

.chain-box .chain-info {
  background: transparent url("../images/line_bg_box.png") no-repeat center
    center;
  /* background-size: 0.9063rem 0.474rem; */
  background-size: 0.7031rem 0.4219rem;
}

.chain-box .chain-info .chain-icon {
  /* width: 0.4688rem;
    height: 0.5469rem;
    margin: -0.2448rem auto 0.1563rem; */
  width: 0.3958rem;
  height: 0.4063rem;
  margin: -0.1875rem auto 0.099rem;
  position: relative;
  z-index: 9919;
}

.chain-box .chain-info h4 {
  position: relative;
  z-index: 9919;
  /* font-size: 0.1458rem; */
  font-weight: 500;
  color: #222222;
  /* line-height: 0.1458rem; */
  letter-spacing: 0.0052rem;
  margin-bottom: 0.1042rem;
  font-size: 0.1458rem;
  line-height: 0.2083rem;
}

.chain-box .chain-info p {
  font-size: 0.1042rem;
  font-weight: 400;
  color: #222222;
  line-height: 0.1667rem;
  max-width: 0.9063rem;
  margin: 0 auto;
  letter-spacing: 0.0052rem;
  text-align: justify;
}
.chain-box .chain-card_0 {
  top: -0.1927rem;
  left: -1.5156rem;
}
.chain-box .chain-card_1 {
  top: -0.1927rem;
  right: -1.5156rem;
}
.chain-box .chain-card_2 {
  top: 1.5938rem;
  left: -1.5156rem;
}
.chain-box .chain-card_2 .chain-info {
  background: none;
}
.chain-box .chain-card_3 {
  top: 1.5938rem;
  right: -1.5156rem;
}
.chain-box .chain-card_4 {
  left: 2.4896rem;
  top: 0.1615rem;
}
.chain-box .chain-card_5 {
  left: 1rem;
  top: -0.64rem;
}

/* .chain-box .chain-card_0 {
    top: 18.2%;
    left: -0.4688rem;
}
.chain-box .chain-card_4 {
    top: 18.2%;
    right: -0.4688rem;
}

.chain-box .chain-card_1 {
    bottom: 10%;
    left: -9%;
}

.chain-box .chain-card_2 {
    bottom: -0.6563rem;
    left: 37%;
}

.chain-box .chain-card_3 {
    bottom: 10%;
    right: -9%;
}

.chain-box .chain-card_5 {
    top: -0.2969rem;
    left: 37%;
} */

.scale-of-operation {
  width: 100%;
  height: 4.0938rem;
  background: #ffffff;
  box-sizing: border-box;
  padding: 0.4167rem 0;
  position: relative;
}

.scale-of-operation .title {
  text-align: center;
  font-weight: 500;
  font-size: 0.1875rem;
  color: #222222;
  line-height: 0.1875rem;
  letter-spacing: 0.0104rem;
  margin-bottom: 0.3125rem;
}
.scale-of-operation .operation-mobie {
  display: none;
}
.scale-of-operation .plan-mobie {
  display: none;
}

.scale-of-operation .stragy-left-btn {
  left: 0.9896rem;
}
.scale-of-operation .stragy-left-btn.not-show-arrow {
  display: none;
}

.scale-of-operation .stragy-right-btn {
  right: 0.9896rem;
}

.scale-of-operation .change-ban-btn {
  top: 2.0333rem;
  z-index: 11;
}

.scale-of-operation .operation-banner {
  width: 100%;
  overflow: hidden;
}

.operation-ban-box .box {
  width: 10rem;
  height: 2.4271rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.3125rem;
}

.operation-ban-box .box > div {
  box-sizing: border-box;
  width: 7.0313rem;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
}

.operation-ban-box .box .box-left,
.operation-ban-box .box .box-right {
  opacity: 0.4;
}

.operation-ban-box .box .box-left {
  right: 9.224rem;
}

.operation-ban-box .box .box-center {
  left: 50%;
  transform: translateX(-50%);
}

.operation-ban-box .box .box-right {
  left: 9.224rem;
}

.operation-ban-box .box .content {
  position: relative;
}

.operation-ban-box .box .content .title {
  text-align: left;
  font-weight: 500;
  font-size: 0.1458rem;
  color: #ca1a1d;
  line-height: 0.2083rem;
  letter-spacing: 0.0052rem;
  margin-top: 0.4167rem;
}

.operation-ban-box .box .content .detail {
  color: #222222;
  font-size: 0.1042rem;
  /* line-height: 0.1146rem; */

  margin-top: 0.1667rem;
}
.operation-ban-box .box .content .detail p {
  margin-bottom: 5px;
}
.operation-ban-box .box .content .detail .num {
  color: #ca1a1d;
  font-size: 0.25rem;
  letter-spacing: 0.0104rem;
}

.operation-ban-box .box .content .btn-about {
  width: 0.8333rem;
  height: 0.25rem;
  padding: 0.0521rem 0.0938rem 0.0521rem 0.0833rem;
  margin-top: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #cccccc;
  border-radius: 0.0208rem;
  box-sizing: border-box;
}

.operation-ban-box .box .content .btn-about .text {
  font-weight: 400;
  color: #222222;
  font-size: 0.1047rem;
}

.operation-ban-box .box .content .btn-about .arrow-right {
  width: 0.1458rem;
  height: 0.0729rem;
  background: url("../images/btn_right2.png");
  background-size: 100%;
}

.operation-ban-box .box .content .btn-about:hover {
  background: #ca1a1d;
}

.operation-ban-box .box .content .btn-about:hover .text {
  color: #ffffff;
}

.operation-ban-box .box .content .btn-about:hover .arrow-right {
  background: url("../images/btn_white_right2.png");
  background-size: 100%;
}

.operation-ban-box .box .content .endDate {
  font-size: 0.0833rem;
  color: #999999;
  line-height: 0.1146rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.operation-ban-box .box .img {
  width: 3.8854rem;
  height: 2.4271rem;
  border-radius: 0.1042rem;
}

.scale-of-operation .plan {
  width: 5.1875rem;
  height: 0.0208rem;
  background: rgba(238, 238, 238, 0.5);
  margin: 0 auto;
  position: relative;
}

.scale-of-operation .plan .chunk {
  position: absolute;
  width: 25%;
  height: 100%;
  background: #ca1a1d;
  top: 0;
  left: 0;
}

.development-event {
  width: 100%;
  height: 5.625rem;
  position: relative;
  background: url("../images/development_bg.png");
  background-size: 100%;
  box-sizing: border-box;
  padding: 0.5833rem 0.1875rem 0.5833rem 0;
  margin-bottom: 0.376rem;
}

.development-event .title {
  font-weight: 600;
  font-size: 0.224rem;
  color: #222222;
  line-height: 0.1875rem;
  letter-spacing: 0.0104rem;
  margin-left:0.5625rem;
}
.development-event .icon2 {
  width: 0.4219rem;
  height: 0.0573rem;
  border-radius: 0.026rem;
  background-color: #ca1a1d;
  margin-top: 0.1094rem;
  margin-left:0.5625rem;
}
.development-event .development-ban-mobie {
  display: none;
}

.development-event .development-curve {
  position: relative;
  width: 9.3125rem;
  height: 4.1667rem;
  margin: 0.2604rem auto 0;
}

.development-event .development-curve .curve-svg {
  position: absolute;
  left: -0.2604rem;
  bottom: 0.9531rem;
  width: 100%;
  height: 2.7604rem;
}

.development-event .development-curve .curve-svg path {
  fill: none;
  stroke: #ca1a1d;
  stroke-width: 0.0104rem;
  stroke-linecap: round;
}
.development-event .development-curve .curve-svg circle {
  fill: #ca1a1d;
}
.development-event .development-curve .curve-svg ellipse {
  fill: #ca1a1d;
}

.development-event .development-curve .event-item {
  position: absolute;
  width: 2.3958rem;
  color: #222222;
}

.development-event .development-curve .event-item .line {
  width: 0.0104rem;
  height: 0.72rem;
  /* background: rgba(202, 26, 29, 0.45); */
  background: url("../images/home_line.png") no-repeat;
  background-size: 100% 100%;
}

.development-event .development-curve .event-item h4 {
  margin-top: 0.0573rem;
  font-size: 0.224rem;
  line-height: 0.224rem;
  color: #ca1a1d;
  font-weight: 600;
  position: relative;
  padding-left: 0.1146rem;
}
.development-event .development-curve .event-item .red-text{
  color: #ca1a1d;
}

.development-event .development-curve .event-item h4::before {
  content: "";
  position: absolute;
  left: -0.05rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.15rem;
  height: 0.19rem;
  background: url("../images/home_arrow.png") no-repeat;
  background-size: 100% 100%;
}

.development-event .development-curve .event-item h4 span {
  font-size: 0.1458rem;
  margin-left: 0.0208rem;
  color: #222222;
}

.development-event .development-curve .event-item p {
  font-size: 0.099rem;
  line-height: 0.1563rem;
}

.development-event .development-curve .event-item p:first-of-type {
  /* color: #ca1a1d; */
  font-weight: 500;
  margin-top: 0.0417rem;
}

.development-event .development-curve .event-2021 {
  left: 0.375rem;
  bottom: 0;
}
.development-event .development-curve .event-2021 .line {
  position: relative;
  top: 0.2rem;
}
.development-event .development-curve .event-2021 h4,
.development-event .development-curve .event-2021 p {
  margin-left: 0.2448rem;
  position: relative;
  top: -0.3rem;
}

.development-event .development-curve .event-2022 {
  left: 1.8125rem;
  top: 0.7083rem;
}
.development-event .development-curve .event-2022 .line {
  position: relative;
  top: 0.55rem;
  left: -0.12rem;
  height: 1rem;
}
.development-event .development-curve .event-2022 h4,
.development-event .development-curve .event-2022 p {
  margin-left: 0.1rem;
  position: relative;
  bottom: 0.6rem;
}

.development-event .development-curve .event-2023 {
  left: 3.6354rem;
  top: 1.8594rem;
}
.development-event .development-curve .event-2023 .line {
  position: relative;
  top: 0.08rem;
  left: -0.09rem;
  height: 1rem;
}
.development-event .development-curve .event-2023 h4,
.development-event .development-curve .event-2023 p {
  margin-left: 0.2448rem;
  position: relative;
  bottom: 0.6rem;
}

.development-event .development-curve .event-2024 {
  left: 5.7604rem;
  top: 0.1979rem;
}
.development-event .development-curve .event-2024 .line {
  position: relative;
  top: 0rem;
  right: 0.56rem;
  height: 1.3rem;
}
.development-event .development-curve .event-2024 h4,
.development-event .development-curve .event-2024 p {
  /* margin-left: 0.2448rem; */
  position: relative;
  bottom: 1.4rem;
  left:-0.3rem;
}

.development-event .development-curve .event-2025 {
  right: 0;
  top: 1.276rem;
  width: 2.2292rem;
}

.development-event .development-curve .event-2025 .line {
  height: 0.9rem;
  position: relative;
  left:0.28rem;
}
.development-event .development-curve .event-2025 h4,
.development-event .development-curve .event-2025 p {
  /* margin-left: 0.2448rem; */
  position: relative;
  top: -0.7rem;
  left:0.5rem;
}
.development-event .stragy-left-btn {
  left: 0.9375rem;
}
.development-event .stragy-left-btn.not-show-arrow {
  display: none;
}

.development-event .stragy-right-btn {
  right: 0.9375rem;
}

.development-event .change-ban-btn {
  top: 2.2917rem;
  z-index: 11;
}

.development-event .development-banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.development-ban-box {
  height: 100%;
  position: relative;
}

.development-ban-box .content {
  margin: 0.3125rem auto;
  width: 5.3333rem;
  height: 0.7396rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.development-ban-box .content .title {
  border: 0.0208rem solid #ca1a1d;
  font-weight: 600;
  font-size: 0.4271rem;
  color: #ca1a1d;
  line-height: 0.599rem;
  letter-spacing: 0.026rem;
  padding: 0.0729rem 0.349rem;
}

.development-ban-box .content .icon {
  width: 0.2917rem;
  height: 0.0208rem;
  background: #ca1a1d;
  margin-right: 0.1771rem;
}

.development-ban-box .content .detail {
  width: 2.6042rem;
  font-weight: 500;
  font-size: 0.1042rem;
  color: #222222;
  line-height: 0.1667rem;
  letter-spacing: 0.0052rem;
}

.development-ban-box .content .detail.lang {
  margin-top: 1.0302rem;
}

.development-ban-box .item {
  width: 0.6198rem;
  height: 0.599rem;
  position: absolute;
  display: flex;
  justify-content: space-between;
}

.development-ban-box .active {
  height: 1.3281rem;
}

.development-ban-box .item .text {
  font-weight: 500;
  font-size: 0.125rem;
  color: #222222;
  line-height: 0.1719rem;
  letter-spacing: 0.0052rem;
  margin-top: 0.0938rem;
}

.development-ban-box .active .text {
  color: #ca1a1d;
}

.development-ban-box .item1 {
  top: 2.0521rem;
  left: 1.9844rem;
}

.development-ban-box .item1.active {
  top: 1.2521rem;
}

.development-ban-box .item2 {
  top: 2.3521rem;
  left: 3.9948rem;
}

.development-ban-box .item2.active {
  top: 1.6521rem;
}

.development-ban-box .item3 {
  top: 2.1521rem;
  left: 5.8698rem;
}

.development-ban-box .item3.active {
  height: 0.6563rem;
}

.development-ban-box .item4 {
  top: 1.5521rem;
  left: 7.901rem;
}

.development-ban-box .item4.active {
  top: 0.9521rem;
}

.development-event .plan {
  width: 5.1875rem;
  height: 0.0208rem;
  background: #eeeeee;
  position: absolute;
  bottom: 0.4167rem;
  left: 50%;
  transform: translateX(-50%);
}

.development-event .plan .chunk {
  position: absolute;
  width: 25%;
  height: 100%;
  background: #ca1a1d;
  top: 0;
  left: 0;
}

.big-record-development {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f6f6f6;
}

.big-record-development::before,
.big-record-development::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 10;
  width: 3.1354rem;
  height: 3.7031rem;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.big-record-development::before {
  left: 0;
}

.big-record-development::after {
  right: 0;
  transform: rotate(-180deg);
}

/* .big-record-development .img-red::after {
    content: "";
    position: absolute;
    top: 0.8333rem;
    left: 1.9531rem;
    width: 4.8385rem;
    height: 2.0938rem;
    background: rgba(255, 158, 159, 0.25);
    filter: blur(0.6126rem);
} */

.big-record-development .title-up {
  margin-bottom: 0.4167rem;
}

.big-record-development .swiper-slide {
  width: 800px;
  text-align: center;
  font-size: 0.0938rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
  background: transparent;
  padding-bottom: 0.5781rem;
}

.big-record-development .swiper-slide-active,
.big-record-development .swiper-slide-duplicate-active {
  transform: scale(1);
}

.big-record-development .swiper-slide-active .year-box,
.big-record-development .swiper-slide-duplicate-active .year-box {
  font-size: 0.1458rem;
  color: #ca1a1d;
  bottom: 0;
  right: unset;
}

.big-record-development .swiper-slide-next .year-box {
  right: unset;
  left: 0.5625rem;
}

.big-record-development .deve-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  max-width: 9.5rem;
  margin: 0 auto;
}

.big-record-development .record-item {
  width: 3.1979rem;
  height: 1.5417rem;
  background: #ffffff;
  border-radius: 0.125rem;
  font-size: 0.1042rem;
  font-weight: 400;
  color: #222222;
  line-height: 0.1667rem;
  overflow: hidden;
}

.big-record-development .swiper-slide-prev .record-item,
.big-record-development .swiper-slide-next .record-item {
  font-size: 0.0833rem;
}

.big-record-development .record-item__info {
  text-align: left;
  display: flex;
  height: 100%;
  padding: 0 0.125rem;
  justify-content: center;
  flex-direction: column;
}

.big-record-development .record_pic {
  float: left;
  width: 1.599rem;
  height: 1.5417rem;
}

.big-record-development h3 {
  font-size: 0.125rem;
  font-weight: 600;
  color: #222222;
  line-height: 0.1458rem;
  margin-bottom: 0.1458rem;
}

.big-record-development .deve-circle-line {
  content: "";
  display: block;
  width: 7.2917rem;
  height: 0.026rem;
  background: linear-gradient(
    243deg,
    rgba(255, 255, 255, 0),
    #ff6366 49%,
    rgba(255, 255, 255, 0)
  );
  border-radius: 0.0156rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.3125rem;
}

.big-record-development .dev-line-box {
  position: relative;
  width: 100%;
}

.big-record-development .dev-line-box::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.2656rem;
  transform: translateX(-50%);
  width: 0.125rem;
  height: 0.125rem;
  border-radius: 50%;
  background: #ca1a1d;
  box-shadow: inset 0.0052rem 0.0052rem 0.0469rem 0rem rgba(255, 255, 255, 0.88);
}

.big-record-development .year-box {
  position: absolute;
  bottom: -0.2083rem;
  font-size: 0.125rem;
  font-weight: 600;
  color: #cccccc;
  right: 0.375rem;
}

.big-record-development .stragy-left-btn {
  left: 0.2246rem;
}
.big-record-development .stragy-left-btn.not-show-arrow {
  display: none;
}

.big-record-development .stragy-right-btn {
  right: 0.2246rem;
}

.big-record-development .change-ban-btn {
  top: 0.8333rem;
  z-index: 11;
}

.partner-box {
  position: relative;
  background: #f6f6f6;
}

.invite-partner {
  padding: 0.625rem 0 0.6667rem;
  background: url("../images/Invite_partners_bg.png") no-repeat -0.0052rem center;
  background-size: 10.0052rem auto;
}

.invite-partner .invite-info {
  max-width: 6.25rem;
  margin: 0 auto;
}

.invite-partner h3 {
  font-size: 0.1875rem;
  font-weight: 600;
  color: #222222;
  line-height: 0.2604rem;
}

.invite-partner p {
  max-width: 3.0521rem;
  font-size: 0.125rem;
  font-weight: 400;
  color: #222222;
  line-height: 0.1719rem;
  margin: 0.2604rem 0 0.4167rem;
}

.invite-partner .btn-box {
  margin-top: 0;
}
.uc-banner-img {
  display: none;
}
.main-container .title-sub {
  display: none;
}
.main-container .title-up {
  margin-top: 0;
}
.main-container .title-bottom {
  margin-top: 0.1042rem;
  text-align: center;
  font-size: 0.0729rem;
  color: #999999;
  line-height: 0.1042rem;
  letter-spacing: 0.0052rem;
}
.iframe-box {
  padding-top: 0.2604rem !important;
}
.uc-content-img {
  display: none;
}
@media (max-width: 767px) {
  .home-top-banner {
    height: 10.6667rem;
  }
  .banner-img {
    display: none;
  }
  .uc-banner-img {
    display: block;
  }
  .home-top-banner .banner-logo-pic {
    display: none;
  }
  .swiper-content .detail-content {
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 8.72rem;
    padding: 0 0.5333rem;
    box-sizing: border-box;
  }
  .swiper-content h2 {
    font-size: 0.8rem;
    white-space: nowrap;
    font-weight: 500;
    line-height: 1.12rem;
    text-shadow: 0 0 0.1867rem rgba(34, 34, 34, 0.96);
  }
  .swiper-content .detail {
    margin-top: 0.4267rem;
    font-size: 0.3733rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.64rem;
    text-shadow: 0rem 0rem 0.1867rem rgba(34, 34, 34, 0.96);
  }
  .home-box .circle-box {
    top: unset;
    bottom: 0.32rem;
    width: auto;
  }
  .home-box .circle-box .item {
    width: 0.5333rem;
    height: 0.0533rem;
    border-radius: 0.0533rem;
    margin-right: 0.2667rem;
  }
  .home-box .circle-box .item:last-child {
    margin-right: 0;
  }
  .detail-item {
    margin: 1.0667rem 0 0;
    width: auto;
    max-width: 100%;
    height: auto;
    box-shadow: unset;
    font-size: 0.3733rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.64rem;
  }
  .detail-item .content-img {
    display: none;
  }
  .detail-item .uc-content-img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .detail-item .content-img-box {
    float: unset;
    /* width: 9.1467rem;
        height: 5.3333rem; */
    width: 9.1467rem;
    height: 5.3333rem;
    margin: 0 auto;
  }
  .detail-item .content-img-box:hover .content-img {
    transform: unset;
  }
  .detail-item .title-es {
    display: none;
  }
  .detail-item .content-title {
    font-size: 0.5333rem;
    font-weight: 500;
    line-height: 0.5333rem;
    margin: 1.0667rem 0 0.4267rem;
    white-space: nowrap;
  }
  .detail-item .content {
    padding: 0 0.4267rem 1.0667rem;
  }
  .about {
    width: 100%;
    height: 17.3067rem;
    background: url(../images/abouts_bg_mobie.png) no-repeat;
    background-size: 100%;
    padding: 1.0667rem 0.4267rem;
    box-sizing: border-box;
    color: #222222;
  }
  .about .about-box {
    display: none;
  }
  .about .about-box-mobie {
    display: block;
  }
  .about .about-box-mobie .icon {
    width: 0.5333rem;
    height: 0.1067rem;
    background: #ca1a1d;
  }
  .about .about-box-mobie .title {
    margin-top: 0.4267rem;
    font-weight: 500;
    font-size: 0.5333rem;
    color: #222222;
    line-height: 0.5333rem;
  }
  .about .about-box-mobie .text {
    margin-top: 0.4267rem;
    font-weight: 400;
    font-size: 0.3733rem;
    color: #666666;
    line-height: 0.64rem;
    text-align: left;
  }
  .about .about-box-mobie .text p:nth-child(2) {
    margin-top: 0.8rem;
  }
  .about .btn-about {
    width: 2.6933rem;
    height: 0.9067rem;
    padding: 0.2133rem 0.32rem;
    margin-top: 0.5333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0.0267rem solid #cccccc;
    border-radius: 0.1067rem;
    box-sizing: border-box;
  }

  .about .btn-about:hover {
    background: #ca1a1d;
  }

  .about .btn-about:hover .text {
    color: #ffffff;
  }

  .about .btn-about .text {
    font-weight: 400;
    color: #222222;
    font-size: 0.32rem;
    line-height: 0.48rem;
    margin-top: 0;
  }

  .about .btn-about:hover .arrow-right {
    background: url("../images/btn_white_right2.png");
    background-size: 100%;
  }

  .about .btn-about .arrow-right {
    width: 0.4667rem;
    height: 0.2133rem;
    background: url("../images/btn_right2.png");
    background-size: 100%;
  }
  .about .about-box-mobie .slogan {
    margin-top: 0.7467rem;
    font-weight: 400;
    font-size: 0.3733rem;
    color: #222222;
    line-height: 0.5333rem;
    text-align: center;
    letter-spacing: 0.0227rem;
  }
  .about .about-box-mobie .slogan .slogan-text:nth-child(2) {
    margin-top: 0.4267rem;
  }
  .about .about-box-mobie .slogan .slogan-cite {
    width: 3.3333rem;
    float: right;
    margin-top: 0.5333rem;
    text-align: right;
    margin-right: 0.2133rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .about .about-box-mobie .slogan .slogan-cite .slogan-icon {
    width: 1.0667rem;
    height: 0.0267rem;
    background-color: #999999;
  }
  .about .about-box-mobie .slogan .slogan-cite .slogan-title {
    font-weight: 400;
    font-size: 0.32rem;
    color: #999999;
    line-height: 0.48rem;
  }

  .group-strategy {
    width: 100%;
    height: 15.04rem;
    background: #ffffff;
    padding: 1.0667rem 0;
    color: #222222;
    box-sizing: border-box;
    overflow: hidden;
  }

  .group-strategy .title {
    font-weight: 500;
    font-size: 0.5333rem;
    line-height: 0.5333rem;
    text-align: center;
  }

  .group-strategy .detail,
  .group-strategy .group-service {
    display: none;
  }

  .group-strategy .group-menu,
  .group-strategy .show {
    display: block;
  }

  .group-strategy .group-menu {
    width: 4.2667rem;
    height: 0.6933rem;
    margin: 0.64rem auto 0.4267rem;
    display: flex;
    justify-content: space-between;
  }

  .group-strategy .group-menu .menu {
    width: 1.6rem;
    height: 100%;
    position: relative;
    cursor: pointer;
  }

  .group-strategy .group-menu .menu .text {
    font-weight: 500;
    font-size: 0.3733rem;
    color: #222222;
    line-height: 0.5333rem;
  }
  .group-strategy .group-menu .menu .icon {
    width: 0.6667rem;
    height: 0.0533rem;
    background: #ca1a1d;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
  }
  .group-strategy .group-menu .active .icon {
    display: block;
  }
  .group-strategy .content {
    width: 100%;
    height: 10.1333rem;
    overflow: hidden;
    position: relative;
  }

  .group-strategy .content .box {
    width: 7.76rem;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 2.4rem 0.7467rem;
    box-sizing: border-box;
    color: #ffffff;
  }

  .group-strategy .content .box-left {
    left: -7.1733rem;
    opacity: 0.4;
  }

  .group-strategy .content .box-center {
    left: 50%;
    transform: translateX(-50%);
  }

  .group-strategy .content .box-right {
    right: -7.1733rem;
    opacity: 0.4;
  }

  .group-strategy .content .box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

  .group-strategy .content .box .box-title {
    font-weight: 500;
    font-size: 0.4267rem;
    line-height: 0.4267rem;
  }

  .group-strategy .content .box .box-icon {
    width: 0.7467rem;
    height: 0.1067rem;
    background: #ca1a1d;
    margin-top: 0.5333rem;
  }
  .group-strategy .content .box .box-detail {
    font-weight: 400;
    font-size: 0.32rem;
    line-height: 0.5333rem;
    margin-top: 0.32rem;
    letter-spacing: 0.0195rem;
  }
  .group-strategy .plan-mobie {
    display: block;
    width: 1.7067rem;
    height: 0.0533rem;
    margin: 0.4267rem auto;
    display: flex;
    justify-content: space-between;
  }

  .group-strategy .plan-mobie .chunk {
    width: 0.4267rem;
    height: 100%;
    background: #ca1a1d;
    opacity: 0.2;
    border-radius: 0.0533rem;
  }

  .group-strategy .plan-mobie .chunk.active {
    opacity: 1;
  }

  .btn-box {
    display: none;
  }
  .detail-item .top-detail {
    margin-bottom: 0.8rem;
  }
  .strategy {
    padding-bottom: 0;
  }
  .strategy .strategy-row {
    font-size: 0.28rem;
    line-height: 0.5333rem;
    margin: 0.64rem 0;
  }
  .strategy .startegt-ban-box {
    padding-bottom: 1.0667rem;
  }
  .strategy .strategy-banner__item {
    width: 8.2933rem;
    height: auto;
    background: #ffffff;
    border-radius: 0.2133rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .strategy .strategy-banner_pic {
    position: static;
    width: 100%;
    height: 3.6267rem;
  }
  .strategy .strategy-item__info {
    opacity: 1;
    transform: translateY(0);
    width: auto;
    padding: 0.5333rem;
    height: auto;
    margin: 0;
  }
  .strategy .strategy-item__info::before {
    display: none;
  }
  .strategy .strategy-item__info p {
    font-size: 0.3733rem;
    line-height: 0.5333rem;
    height: 0.5333rem;
    letter-spacing: unset;
    margin: 0 0 0.5333rem 0;
  }
  .strategy .strategy-item__info .num {
    font-size: 0.7467rem;
    margin-left: 0.32rem;
  }
  .strategy .strategy-banner__item {
    position: relative;
    z-index: 9;
    box-shadow: 0rem 0rem 0.5333rem 0rem rgba(34, 34, 34, 0.08);
    border-radius: 0.2133rem;
  }
  .strategy .disabled-box {
    position: absolute;
    z-index: 7;
  }
  .strategy .disabled-box::after {
    display: none;
  }
  .strategy .left-disabled-box {
    left: -79%;
  }
  .strategy .right-disabled-box {
    right: -79%;
  }
  .chain-box {
    /* background-image: unset; */
    /* background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%); */
    background: #fff3f3;
    height: 8.32rem;
    padding: 1.0667rem 2.1867rem 1.9467rem 2.1333rem;
    box-sizing: border-box;
    position: relative;
  }
  .chain-box .circle-box {
    display: none;
  }

  .chain-box .circle-box-mobie {
    display: block;
  }
  .chain-box .circle-box-mobie img {
    width: 5.68rem;
    height: 5.3067rem;
  }
  .chain-box .circle-box-mobie .chain-card {
    animation: unset;
    width: 2.64rem;
    height: 0.96rem;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 0.0533rem 0.9867rem 0 rgba(255, 114, 116, 0.12);
    border-radius: 0.1067rem;
    border: 0.0267rem solid #ffffff;
    padding: 0.2667rem 0.2133rem;
    box-sizing: border-box;
  }
  .chain-box .circle-box-mobie .chain-card.active {
    height: 2.64rem;
  }
  .chain-box .chain-card:hover .chain-info h4,
  .chain-box .chain-card:hover .chain-info p {
    color: #222222;
  }
  .chain-box .circle-box-mobie .chain-card .chain-info {
    background: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .chain-box .circle-box-mobie .chain-card_0 {
    top: 1.6533rem;
    left: 0.1867rem;
  }
  .chain-box .circle-box-mobie .chain-card_1 {
    top: 1.6533rem;
    right: 0.1867rem;
  }
  .circle-box-mobie .chain-card_2 {
    top: 4.6133rem;
    left: 0.1867rem;
  }
  .circle-box-mobie .chain-card_3 {
    top: 4.6133rem;
    right: 0.1867rem;
  }
  .circle-box-mobie .chain-card .chain-info > div {
    display: flex;
  }
  .circle-box-mobie .chain-card .chain-info .arrow-icon {
    width: 0.2133rem;
    height: 0.12rem;
    background: url(../images/arrows_normal.png);
    background-size: 100%;
    margin-left: 0.1533rem;
    margin-top: 0.1767rem;
  }
  .chain-box .circle-box-mobie .chain-card.active .chain-info .arrow-icon {
    background: url(../images/arrows_show.png);
    background-size: 100%;
  }
  .circle-box-mobie .chain-card .chain-info h4 {
    font-weight: 500;
    font-size: 0.32rem;
    color: #222222;
    line-height: 0.4533rem;
  }
  .circle-box-mobie .chain-card .chain-info p {
    margin: unset;
    max-width: 100%;
    font-weight: 400;
    font-size: 0.2667rem;
    color: #222222;
    line-height: 0.3733rem;
    text-align: left;
    text-align: justify;
    display: none;
  }
  .chain-box .circle-box-mobie .chain-card.active .chain-info p {
    display: block;
    letter-spacing: unset;
  }
  .main-container .title-bottom {
    display: none;
  }
  .scale-of-operation {
    width: 100%;
    height: 13.6933rem;
    background: #ffffff;
    box-sizing: border-box;
    padding: 1.0667rem 0.4267rem 0 0.4267rem;
    position: relative;
  }

  .scale-of-operation .title {
    text-align: center;
    font-weight: 500;
    font-size: 0.5333rem;
    color: #222222;
    line-height: 0.5333rem;
    letter-spacing: unset;
    margin-bottom: 0.64rem;
  }
  .scale-of-operation .operation-ban-box {
    display: none;
  }
  .scale-of-operation .operation-mobie {
    display: block;
  }
  .scale-of-operation .operation-mobie .title {
    font-weight: 500;
    font-size: 0.4267rem;
    color: #ca1a1d;
    line-height: 0.5867rem;
    text-align: left;
  }
  .scale-of-operation .operation-mobie .detail {
    font-weight: 400;
    font-size: 0.32rem;
    color: #222222;
    line-height: 0.8533rem;
    margin-top: 0.4267rem;
  }
  .scale-of-operation .operation-mobie .detail span {
    font-size: 0.8533rem;
    letter-spacing: 0.0267rem;
    color: #ca1a1d;
  }
  .scale-of-operation .btn-about {
    width: 2.6933rem;
    height: 0.9067rem;
    padding: 0.2133rem 0.32rem;
    margin-top: 0.7467rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0.0267rem solid #cccccc;
    border-radius: 0.1067rem;
    box-sizing: border-box;
  }

  .scale-of-operation .btn-about:hover {
    background: #ca1a1d;
  }

  .scale-of-operation .btn-about:hover .text {
    color: #ffffff;
  }

  .scale-of-operation .btn-about .text {
    font-weight: 400;
    color: #222222;
    font-size: 0.32rem;
    line-height: 0.48rem;
    margin-top: 0;
  }

  .scale-of-operation .btn-about:hover .arrow-right {
    background: url("../images/btn_white_right2.png");
    background-size: 100%;
  }

  .scale-of-operation .btn-about .arrow-right {
    width: 0.4667rem;
    height: 0.2133rem;
    background: url("../images/btn_right2.png");
    background-size: 100%;
  }
  .scale-of-operation .operation-mobie img {
    width: 100%;
    height: 5.7067rem;
    margin-top: 0.8533rem;
  }
  .scale-of-operation .operation-mobie .endDate {
    margin-top: 0.2133rem;
    font-weight: 400;
    font-size: 0.2667rem;
    color: #999999;
    line-height: 0.48rem;
    margin-bottom: 0.4267rem;
  }
  .scale-of-operation .plan {
    display: none;
  }
  .scale-of-operation .plan-mobie {
    display: block;
    width: 2.3467rem;
    height: 0.0533rem;
    margin: -0.2031rem auto;
    display: flex;
    justify-content: space-between;
  }

  .scale-of-operation .plan-mobie .chunk {
    width: 0.4267rem;
    height: 100%;
    background: #ca1a1d;
    opacity: 0.2;
    border-radius: 0.0533rem;
  }

  .scale-of-operation .plan-mobie .chunk.active {
    opacity: 1;
  }
  .development-event {
    width: 100%;
    height: auto;
    min-height: 12.96rem;
    position: relative;
    background: unset;
    box-sizing: border-box;
    padding: 1.0667rem 0 1.0667rem;
    margin-bottom: 0;
  }

  .development-event .title {
    text-align: center;
    font-weight: 500;
    font-size: 0.5333rem;
    color: #222222;
    line-height: 0.5333rem;
    letter-spacing: unset;
    margin-bottom: 0.4267rem;
  }
  .development-event .development-ban-box {
    display: none;
  }
  .development-event .development-curve {
    width: 100%;
    height: auto;
    margin-top: 0.4267rem;
    display: flex;
    flex-direction: column;
    gap: 0.4267rem;
    padding: 0 0.4267rem;
    box-sizing: border-box;
  }
  .development-event .development-curve .curve-svg {
    display: none;
  }
  .development-event .development-curve .event-item {
    position: static;
    width: 100%;
    padding-bottom: 0.1067rem;
  }
  .development-event .development-curve .event-item .line {
    width: 100%;
    height: 0.0267rem;
    margin-bottom: 0.2133rem;
  }
  .development-event .development-curve .event-item h4 {
    font-size: 0.64rem;
    line-height: 0.7467rem;
  }
  .development-event .development-curve .event-item h4 span {
    font-size: 0.3733rem;
  }
  .development-event .development-curve .event-item p {
    font-size: 0.2933rem;
    line-height: 0.4533rem;
  }
  .development-event .development-curve .event-item p:last-child {
    margin-bottom: 0;
  }
  .development-event .development-curve .event-item h4::before {
    left: -0.16rem;
    top: 0.37rem;
    width: 0.4rem;
    height: 0.5rem;
    transform: translateY(-50%);
  }
  .development-event .development-curve .event-item h4,
  .development-event .development-curve .event-item p {
    margin-left: 0;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .development-event .development-curve .event-item .line {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background: rgba(202, 26, 29, 0.2);
  }
  .development-event .development-curve .event-2021,
  .development-event .development-curve .event-2022,
  .development-event .development-curve .event-2023,
  .development-event .development-curve .event-2024,
  .development-event .development-curve .event-2025 {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
  }
  .development-event .plan {
    display: none;
  }
  .development-event .development-ban-mobie {
    width: 100%;
    height: 100%;
    background: url(../images/development_mobie_bg.png);
    background-size: 100% 6.8167rem;
    padding: 0.2133rem 0.4267rem 1.0667rem 0.4267rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .development-ban-mobie .content {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .development-ban-mobie .content .title {
    width: 2.2222rem;
    height: 1.8667rem;
    position: relative;
  }
  .development-ban-mobie .content .title .text {
    width: 100%;
    height: 1.12rem;
    color: #ca1a1d;
    border: 0.0317rem solid #ca1a1d;
    font-size: 0.48rem;
    font-weight: 500;
    line-height: 1.12rem;
    box-sizing: border-box;
  }
  .development-ban-mobie .content .title .icon {
    width: 0.5333rem;
    height: 0.0533rem;
    background: #ca1a1d;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .development-ban-mobie .content .detail {
    width: 6.6933rem;
    font-weight: 400;
    font-size: 0.3733rem;
    color: #222222;
    line-height: 0.64rem;
    text-align: justify;
    letter-spacing: -0.0005rem;
  }
  .development-ban-mobie .content .detail p:nth-child(2) {
    letter-spacing: 0.0161rem;
  }
  .development-ban-mobie .progress {
    margin: 0 auto;
    width: 8.5067rem;
    height: 1.12rem;
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .development-ban-mobie .progress .chunk {
    width: 0.9333rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .development-ban-mobie .progress .chunk .dot {
    margin: 0 auto;
    width: 0.32rem;
    height: 0.32rem;
    background: #ffffff;
    border: 0.0533rem solid #ca1a1d;
    border-radius: 50%;
    z-index: 9;
  }
  .development-ban-mobie .progress .active .dot {
    border: 0.1067rem solid #ca1a1d;
    width: 0.4267rem;
    height: 0.4267rem;
    box-sizing: border-box;
  }
  .development-ban-mobie .progress .chunk .num {
    width: 100%;
    height: 0.5333rem;
    font-weight: 500;
    font-size: 0.3733rem;
    color: #666666;
    line-height: 0.5333rem;
    text-align: center;
  }
  .development-ban-mobie .progress .active .num {
    font-weight: 500;
    color: #ca1a1d;
  }
  .development-ban-mobie .progress .line {
    width: 7.5467rem;
    border: 0.0267rem dashed #ca1a1d;
    position: absolute;
    top: 0.2133rem;
    left: 0.48rem;
  }
  .big-record-development {
    padding-top: 0;
    background: #ffffff;
  }
  .big-record-development .deve-banner {
    max-width: 100%;
    padding-top: 0.64rem;
  }
  .big-record-development .swiper-slide {
    padding-bottom: 1.76rem;
  }
  .big-record-development .record-item {
    width: 8.24rem;
    height: 4.1067rem;
    background: #ffffff;
    border-radius: 0.2133rem;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 0 0.5333rem 0 rgba(34, 34, 34, 0.08);
  }
  .big-record-development .record-item__info {
    padding: 0;
    font-size: 0.32rem;
    font-weight: 400;
    line-height: 0.48rem;
    height: auto;
    padding: 0.4267rem 0.32rem;
  }
  .big-record-development .record_pic {
    width: 3.4133rem;
    height: 4.1067rem;
  }
  .big-record-development h3 {
    font-size: 0.4267rem;
    font-weight: 500;
    line-height: 0.64rem;
    margin-bottom: 0.2133rem;
  }
  .big-record-development .dev-line-box::after {
    width: 0.3733rem;
    height: 0.3733rem;
    bottom: 0.75rem;
  }
  .big-record-development .deve-circle-line {
    width: 9.1467rem;
    height: 0.1067rem;
    bottom: 0.88rem;
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 221, 221, 0.8) 35%,
      #ffd0d0 49%,
      rgba(255, 222, 222, 0.81) 64%,
      rgba(255, 255, 255, 0) 100%
    );
  }
  .big-record-development .year-box {
    font-size: 0.4267rem;
    font-weight: 600;
    color: #ca1a1d;
    line-height: 0.64rem;
  }
  .big-record-development .swiper-slide-active .year-box,
  .big-record-development .swiper-slide-duplicate-active .year-box {
    bottom: 0;
    font-size: 0.4267rem;
  }
  .big-record-development .img-red::after {
    top: 1.5467rem;
    width: 10rem;
    height: 5.2667rem;
    left: 0;
    top: 2rem;
  }
  .big-record-development .title-up {
    /* margin-bottom: 0.64rem; */
    margin-bottom: 0;
    line-height: 1.1;
  }
  .big-record-development .swiper-slide {
    transform: scale(1);
    opacity: 0;
  }
  .big-record-development .swiper-slide-prev,
  .big-record-development .swiper-slide-next {
    width: 8.24rem !important;
    /* top: 0.5333rem; */
    opacity: 1;
  }
  .big-record-development .swiper-slide-prev {
    margin-left: -7.7867rem;
  }
  .big-record-development .swiper-slide-active {
    width: 8.24rem !important;
    margin: 0 0.4267rem !important;
    opacity: 1;
  }
  .big-record-development .swiper-slide-next .year-box,
  .big-record-development .swiper-slide-prev .year-box {
    display: none;
  }
  .big-record-development::after,
  .big-record-development::before {
    display: none;
  }
  .invite-partner {
    background: url(../images/uc_Invite_partners_bg.png) no-repeat left top;
    background-size: 100% 100%;
    padding: 1.0667rem 0 2.72rem;
  }
  .invite-partner .invite-info {
    /* height: 5.28rem; */
    padding: 0 0.64rem;
    max-width: unset;
  }
  .invite-partner .invite-info h3 {
    font-size: 0.5333rem;
    font-weight: 500;
    line-height: 0.48rem;
  }
  .invite-partner p {
    font-size: 0.3733rem;
    font-weight: 400;
    line-height: 0.64rem;
    max-width: unset;
    margin: 0.4267rem 0 0.5333rem;
  }
  .invite-partner .btn-box {
    display: flex;
    width: 2.5867rem;
    height: 0.9067rem;
    justify-content: center;
    border-radius: 0.08rem;
  }
  .btn-box .text {
    width: auto;
    font-size: 0.32rem;
    font-weight: 600;
    line-height: 0.48rem;
  }
  .btn-box:hover .text {
    width: auto;
  }
  .invite-partner .btn-box .arrow-right {
    width: 0.28rem;
    height: auto;
    margin-left: 0.16rem;
  }
}
.chain-icon-else {
  height: 0.5104rem;
  width: 0.6979rem;
  position: absolute;
  top: 0;
  left: 0.1719rem;
  z-index: 999;
}
.main-container {
  padding-bottom: 0.6646rem;
}

/* 六大事业群 */
.business-group {
  width: 100%;
  height: 5.625rem;
  background: url(../images/business_group_bg.png) no-repeat;
  background-size: 100%;
  padding: 0.6094rem 0.2344rem 0.8698rem;
  box-sizing: border-box;
  color: #222222;
  margin: 0.376rem 0;
}
.business-group .title {
  font-size: 0.2292rem;
  font-weight: 600;
}
.business-group .text {
  font-size: 0.1094rem;
}
.business-group .margin-21 {
  margin-top: 0.1094rem;
}
.business-group .icon2 {
  width: 0.4219rem;
  height: 0.0573rem;
  border-radius: 0.026rem;
  background-color: #ca1a1d;
  margin-top: 0.1094rem;
}
.business-group .group-box {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.3333rem;
}
.business-group .group-box .group-item {
  display: block;
  width: 1.474rem;
  height: 3.2031rem;
  border-radius: 0.2083rem;
  /* 彻底消除边缘线，顺滑过渡，100%匹配原图 */
  background: url(../images/business_group_item_bg1.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 0.1563rem;
  color: #fff;
  box-shadow: 0.0052rem 0.0208rem 0.0469rem 0.0208rem rgba(35, 24, 21, 0.29);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-origin: center;
  text-decoration: none;
}
.business-group .group-box .group-item:hover {
  transform: scale(1.05);
  box-shadow: 0.0104rem 0.0313rem 0.0625rem 0.0208rem rgba(35, 24, 21, 0.35);
}
.business-group .group-box .group-item2 {
  background: url(../images/business_group_item_bg2.png) no-repeat;
  background-size: 100% 100%;
}
.business-group .group-box .group-item3 {
  background: url(../images/business_group_item_bg3.png) no-repeat;
  background-size: 100% 100%;
}
.business-group .group-box .group-item4 {
  background: url(../images/business_group_item_bg4.png) no-repeat;
  background-size: 100% 100%;
}
.business-group .group-box .group-item5 {
  background: url(../images/business_group_item_bg5.png) no-repeat;
  background-size: 100% 100%;
}
.business-group .group-box .group-item6 {
  background: url(../images/business_group_item_bg6.png) no-repeat;
  background-size: 100% 100%;
}
.business-group .group-box .group-item .serial-number {
  font-size: 0.3438rem;
  padding-left: 0.125rem;
  font-weight: 600;
}
.business-group .group-box .group-item .title {
  padding: 0.0833rem 0.125rem 0;
  font-size: 0.1719rem;
  font-weight: 600;
}
.business-group .group-box .group-item .title-sub {
  padding: 0 0.125rem 0;
  font-size: 0.1563rem;
}
.business-group .group-box .group-item .detail {
  padding: 0.1458rem 0.125rem 0;
  font-size: 0.0833rem;
  font-weight: 400;
  opacity: 0.7;
}
.business-group .group-box .group-item .detail-margin {
  padding: 0.35rem 0.125rem 0;
}
/* 六大事业群 */

@media (max-width: 767px) {
  .about {
    height: auto;
    padding: 1.0667rem 0.4267rem;
  }

  .about .about-box {
    display: block;
  }

  .about .about-box-mobie {
    display: none;
  }

  .about .nine {
    width: auto;
    height: auto;
    background-size: contain;
    font-size: 0.5333rem;
    line-height: 0.7467rem;
    padding: 0.2667rem 0 0 1.28rem;
  }

  .about .detail .text,
  .about .detail .text3 {
    width: auto;
    font-size: 0.32rem;
    line-height: 0.56rem;
  }

  .about .detail .text3 {
    margin-top: 0.4267rem;
  }

  .about .icon2 {
    width: 0.7467rem;
    height: 0.1067rem;
    border-radius: 0.0533rem;
    margin-top: 0.32rem;
  }

  .about .btn-about {
    width: 2.9333rem;
    height: 0.9067rem;
    margin-top: 0.64rem;
  }

  .about .btn-about .text2 {
    font-size: 0.32rem;
    line-height: 0.48rem;
  }

  .business-group {
    height: auto;
    background: #fff5f5;
    padding: 1.0667rem 0.4267rem 1.0667rem;
    margin: 0;
    box-sizing: border-box;
  }

  .business-group .title {
    font-size: 0.5333rem;
    line-height: 0.7467rem;
    font-weight: 500;
  }

  .business-group .text {
    font-size: 0.32rem;
    line-height: 0.48rem;
  }

  .business-group .margin-21 {
    margin-top: 0.2667rem;
  }

  .business-group .icon2 {
    width: 0.7467rem;
    height: 0.1067rem;
    border-radius: 0.0533rem;
    margin-top: 0.32rem;
  }

  .business-group .group-box {
    margin-top: 0.64rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.2667rem;
  }

  .business-group .group-box .group-item {
    width: calc(50% - 0.1334rem);
    min-height: 4.8rem;
    height: auto;
    border-radius: 0.2133rem;
    padding: 0.32rem 0.2667rem 0.3733rem;
    box-sizing: border-box;
    box-shadow: 0.0533rem 0.1067rem 0.32rem rgba(35, 24, 21, 0.22);
  }

  .business-group .group-box .group-item:hover {
    transform: none;
    box-shadow: 0.0533rem 0.1067rem 0.32rem rgba(35, 24, 21, 0.22);
  }

  .business-group .group-box .group-item .serial-number {
    font-size: 0.5867rem;
    line-height: 1;
    padding-left: 0;
  }

  .business-group .group-box .group-item .title {
    padding: 0.1867rem 0 0;
    font-size: 0.3733rem;
    line-height: 0.48rem;
    font-weight: 600;
  }

  .business-group .group-box .group-item .title-sub {
    display: block;
    padding: 0.0533rem 0 0;
    font-size: 0.32rem;
    line-height: 0.4267rem;
  }

  .business-group .group-box .group-item .detail {
    padding: 0.2667rem 0 0;
    font-size: 0.2667rem;
    line-height: 0.4267rem;
    opacity: 0.9;
  }

  .business-group .group-box .group-item .detail-margin {
    padding-top: 0.2667rem;
  }
}