.success-cases {
  margin: 0 auto;
  width: 12rem;
}

.success-cases .success-case {
  width: 12rem;
  display: none;
}

.success-cases .success-case.case-check {
  display: block !important;
}

.success-cases .success-case .success-case-title {
  width: 12rem;
  height: .65rem;
  background-image: url(../image/sueecss-type.png);
  background-size: 12rem .65rem;
  text-align: center;
  line-height: .65rem;
  font-weight: 300;
  font-size: .36rem;
  color: #FFFFFF;
}

.success-cases .success-case .success-case-content {
  width: 12rem;
  background: #F4FBFC;
  border-radius: 0 0 .1rem .1rem;
  padding-top: .2rem;
}

.success-cases .success-case .success-case-content .success-case-content-title {
  font-size: .18rem;
  color: #666666;
  text-align: center;
}

.success-cases .success-case .success-case-content .success-case-card {
  display: flex;
  padding: .4rem;
}

.success-cases .success-case .success-case-content .success-case-card .card-item {
  width: 2.65rem;
  height: 3.95rem;
  box-shadow: 0.03rem 0.04rem 0.12rem 0px rgba(0, 0, 0, 0.03);
  border-radius: .15rem;
  background: #FFFFFF;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all .2s ease-in-out;
  margin-right: .2rem;
}

.success-cases .success-case .success-case-content .success-case-card .card-item .card-item-img {
  width: 2.65rem;
  height: 2.85rem;
}

.success-cases .success-case .success-case-content .success-case-card .card-item .card-item-content {
  width: 2.65rem;
  height: 1.1rem;
  padding: 0 .4rem;
}

.success-cases .success-case .success-case-content .success-case-card .card-item .card-item-content .card-item-title {
  font-size: .18rem;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-top: .2rem;
}

.success-cases .success-case .success-case-content .success-case-card .card-item .card-item-content .card-item-info {
  font-size: .16rem;
  color: #666666;
  text-align: center;
  margin-top: .1rem;
}

.success-cases .success-case .success-case-content .success-case-card .card-item:hover .card-item-content {
  background-color: #37CCE8;
}

.success-cases .success-case .success-case-content .success-case-card .card-item:hover .card-item-title {
  color: #fff;
}

.success-cases .success-case .success-case-content .success-case-card .card-item:hover .card-item-info {
  color: #fff;
}

.success-cases .success-case .success-case-content .success-case-card .card-item:last-child {
  margin-right: 0;
}

.success-cases .success-case .success-case-content .success-case-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 12rem;
  padding: .4rem;
}

.success-cases .success-case .success-case-content .success-case-items .case-item {
  width: 3.60rem;
  height: 3.05rem;
  box-shadow: 0.03rem 0.04rem 0.12rem 0px rgba(0, 0, 0, 0.03);
  border-radius: .15rem;
  background: #FFFFFF;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .2s ease-in-out;
}

.success-cases .success-case .success-case-content .success-case-items .case-item .case-item-img {
  width: 3.60rem;
  height: 2.78rem;
}

.success-cases .success-case .success-case-content .success-case-items .case-item .move-case {
  width: 1.43rem;
  height: 1.05rem;
}

.success-cases .success-case .success-case-content .success-case-items .case-item .case-item-content {
  width: 3.60rem;
  height: 0.62rem;
  font-size: .18rem;
  font-weight: bold;
  color: #333333;
  text-align: center;
  line-height: 0.62rem;
}

.success-cases .success-case .success-case-content .success-case-items .case-item:hover .case-item-content {
  background-color: #37CCE8;
}

.success-cases .success-case .success-case-content .success-case-items .case-item:hover .case-item-title {
  color: #fff;
}

.success-cases .success-case .success-case-content .success-case-items .case-item:hover .case-item-info {
  color: #fff;
}

.success-cases .success-case .success-case-content .success-case-items .case-item:last-child {
  margin-right: 0;
}

.success-case-contact-us {
  width: 100%;
  height: 3.66rem;
  background-image: url(../image/contact-bg.png);
  background-position: center;
  padding-top: .35rem;
}

.success-case-contact-us .contact-us-title {
  color: #333333;
  text-align: center;
  font-size: .28rem;
}

.success-case-contact-us .contact-us-title-en {
  color: #AAAAAA;
  text-align: center;
  font-size: 16px;
}

.brands {
  width: 100%;
  margin: 0 auto;
}

.brands .brand .synopsi {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brands .brand .synopsi .synopsi-img {
  width: 1.8rem;
  height: 1.8rem;
}

.brands .brand .synopsi .synopsi-content {
  width: 9.78rem;
  line-height: .36rem;
}

.brands .brand .synopsi .synopsi-content .synopsi-title {
  color: #333333;
  font-size: .22rem;
}

.brands .brand .synopsi .synopsi-content .synopsi-title > span {
  font-size: .22rem;
  color: #37CCE8;
  font-weight: bold;
}

.brands .brand .synopsi .synopsi-content .synopsi-idea {
  color: #333;
  font-size: .16rem;
}

.brands .brand .synopsi .synopsi-content .synopsi-info {
  color: #666666;
  font-size: .14rem;
  line-height: .24rem;
}

.brands .brand .brand-imgs {
  margin-top: .2rem;
}

.brands .brand .brand-imgs > img {
  max-width: 100%;
}

.oems {
  margin-bottom: .2rem;
}