.box1 .three-item {
  border: 0;
  box-shadow: 0 4px 10px 0 rgba(224, 224, 224, 0.5);
}

/* 业务中台 */
/** 选项卡 **/
.tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.tabs {
  margin-bottom: 15px;
}
.tabsBox1 img {
  width: 100%;
}
.tabs_li {
  border: 1px solid #dfdfdf;
  flex: 1;
  box-sizing: border-box;
  text-align: center;
  padding: 12px 0;
  margin: 0 0 -1px -1px;
  cursor: pointer;
}

.tabs_li:hover {
  color: var(--theme);
}

.tabsActive {
  color: #fff;
  background-color: var(--theme);
  border: 1px solid var(--theme);
}

.tabsActive:hover {
  color: #fff !important;
}

.special {
}
.special .item {
  float: left;
  width: 50%;
  height: 256px;
  text-align: center;
  padding: 0 15px;
  border: 1px solid #fce1d1;
}
.special1 .item:nth-child(2n + 1) {
  background-color: #fff;
}
.special2 .item:nth-child(2n) {
  background-color: #fff;
}
.special .item h4 {
  margin: 15px 0;
  font-size: 16px;
}
.special .item span {
  display: block;
  line-height: 22px;
  height: 66px;
  text-align: justify;
}
/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .tabs {
    margin-bottom: 30px;
  }
  .special .item {
    width: 25%;
    padding: 0 30px;
  }

  .special .item h4 {
    font-size: 18px;
  }
  .special .item span {
    /* text-align: center; */
  }
  .special img {
    height: 50px;
    width: auto;
  }
  .business .item {
    padding: 30px;
  }

  .special33.special .item {
    width: 33%;
  }
  .special33.special img {
    width: 100px;
    height: 100px;
  }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
}