/* banner */
.banner {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.banner img {
  width: 100%;
}

.banner .swiper {
  width: 100%;
}

/* 公司介绍 */
.about {
  width: 100%;
  padding: 50px 0;
  box-sizing: border-box;
}

.about .title {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.about .title span {
  color: #E85400;
  font-size: 30px;
  font-family: 'Locator-Medium';
}

.about .title h3 {
  font-size: 30px;
  letter-spacing: 3px;
}

.about .title i {
  font-family: 'Locator-Medium';
}

.about p {
  color: #070203;
  font-size: 18px;
  text-align: center;
}

/* 方案 */
.work {
  width: 100%;
  padding-bottom: 50px;
  box-sizing: border-box;
}

.work .title {
  width: 100%;
  margin-bottom: 40px;
}

.work .title h3 {
  position: relative;
  font-size: 30px;
  text-align: center;
  padding-bottom: 15px;
  letter-spacing: 3px;
}

.work .title h3::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  transform: translateX(-50%);
  width: 243px;
  height: 1px;
  background-color: #E85400;
}

.work .title h3 i {
  color: #E85400;
}

.work .title h3 strong {
  font-family: 'Locator-Medium';
}

.work .content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.work .content .left {
  width: 31%;
}

.work .content .left a {
  position: relative;
  width: 100%;
}

.work .content .left img {
  width: 100%;
}

.work .content .left p {
  position: absolute;
  top: 30px;
  left: 30px;
  color: #fff;
  font-size: 32px;
}

.work .content .left i {
  font-family: 'Locator-Medium', 'z1';
}

.work .content .right {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.work .content .right .item {
  position: relative;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}

.work .content .right .item:nth-child(3n) {
  margin-right: 0;
}

.work .content .right .item img {
  width: 100%;
}

.work .content .right .item p {
  position: absolute;
  top: 30px;
  left: 30px;
  color: #fff;
  font-size: 32px;
}

.work .content .right .item i {
  font-family: 'Locator-Medium', 'z1';
}

/* 品牌 */
.brand {
  width: 100%;
  padding-bottom: 50px;
  box-sizing: border-box;
}

.brand .title {
  width: 100%;
  margin-bottom: 40px;
}

.brand .title h3 {
  position: relative;
  font-size: 30px;
  text-align: center;
  padding-bottom: 15px;
  letter-spacing: 3px;
}

.brand .title h3::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  transform: translateX(-50%);
  width: 243px;
  height: 1px;
  background-color: #E85400;
}

.brand .title h3 i {
  color: #E85400;
}

.brand .title h3 strong {
  font-family: 'Locator-Medium';
}

.brand .list {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  width: 100%;
}

.brand .list .item {
  width: 28%;
  margin-right: 8%;
  margin-bottom: 30px;
}

.brand .list .item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.brand .list .item:nth-child(3n) {
  margin-right: 0;
}

.brand .content img {
  width: 100%;
}

/* 来自信创集团的背书 */
.jituan {
  width: 100%;
  padding: 50px 0;
  box-sizing: border-box;
  background-color: #EBEBEB;
}

.jituan .title {
  width: 100%;
  margin-bottom: 40px;
}

.jituan .title h3 {
  position: relative;
  font-size: 30px;
  text-align: center;
  padding-bottom: 15px;
  letter-spacing: 3px;
}

.jituan .title h3::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  transform: translateX(-50%);
  width: 243px;
  height: 1px;
  background-color: #E85400;
}

.jituan .title i {
  font-family: 'SourceHanSansCN-Medium';
}

.jituan .title .en_t i {
  color: #E85400;
  font-family: 'Locator-Light';
}

.jituan .title .en_t strong {
  font-family: 'Locator-Medium';
}

.jituan .content img {
  width: 100%;
}

/*  我们的 制作基地 */
.base {
  width: 100%;
  padding: 50px 0;
  background-color: #EBEBEB;
}

.base .w {
  display: flex;
  justify-content: space-between;
}

.base .left,
.base .right {
  width: 48%;
}

.base .left img {
  width: 100%;
  height: 100%;
}

.base .right .title h3 {
  position: relative;
  font-size: 30px;
  text-align: center;
  padding-bottom: 15px;
  letter-spacing: 3px;
  font-family: 'SourceHanSansCN-ExtraLight';
}

.base .right .title h3::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  transform: translateX(-50%);
  width: 243px;
  height: 1px;
  background-color: #E85400;
}

.base .right .title i {
  vertical-align: top;
  font-family: 'Locator-Medium', 'SourceHanSansCN-Medium';
}

.base .right img {
  width: 100%;
}

.base .right .content {
  position: relative;
}

.base .right .content h4 {
  color: #262727;
  font-size: 21px;
  font-family: 'Locator-Medium', 'z1';
}

.base .right .content p {
  color: #070203;
  font-size: 18px;
}

.base .right .content .more {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  text-align: center;
  margin-bottom: 2px;
  border: 1px solid #474645;
  transition: all .3s;
}

.base .right .content .more:hover {
  color: #fff;
  border-color: #E85400;
  background-color: #E85400;
}

/* 生产人员 */
.production {
  width: 100%;
  padding-bottom: 50px;
  background-color: #EBEBEB;
}

.production .w {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.production .left,
.production .right {
  width: 48%;
}

.production .left img {
  width: 100%;
  margin-bottom: 50px;
}

.production .left .content h4 {
  color: #262727;
  font-size: 23px;
  margin-bottom: 20px;
  font-family: 'Locator-Medium', 'z1';
}

.production .left .content p {
  color: #070203;
  font-size: 18px;
}

.production .right img {
  width: 100%;
}

/* 仓储管理 */
.storage {
  width: 100%;
  padding-bottom: 50px;
  background-color: #EBEBEB;
}

.storage .w {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.storage .left,
.storage .right {
  width: 48%;
}

.storage .left .title {
  width: 100%;
  margin-bottom: 56px;
}

.storage .left .title h3 {
  position: relative;
  font-size: 30px;
  text-align: center;
  padding-bottom: 15px;
  letter-spacing: 3px;
  font-family: 'SourceHanSansCN-ExtraLight';
}

.storage .left .title h3::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  transform: translateX(-50%);
  width: 243px;
  height: 1px;
  background-color: #E85400;
}

.storage .left .title i {
  vertical-align: top;
  font-family: 'Locator-Medium', 'SourceHanSansCN-Medium';
}

.storage .left img {
  width: 100%;
  margin-top: 20px;
}

.storage .left .content h4 {
  color: #262727;
  font-size: 21px;
  margin-bottom: 20px;
  font-family: 'Locator-Medium', 'z1';
}

.storage .left .content p {
  color: #070203;
  font-size: 18px;
}

.storage .right img {
  width: 100%;
}

/* 全国服务网络 */
.online {
  width: 100%;
  padding: 50px 0;
  background-color: #fff;
}

.online .w {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.online .left,
.online .right {
  width: 48%;
}

.online .left .title {
  width: 100%;
  margin-bottom: 20px;
}

.online .left .title h3 {
  position: relative;
  font-size: 30px;
  text-align: center;
  padding-bottom: 15px;
  letter-spacing: 3px;
  font-family: 'Locator-Medium', 'SourceHanSansCN-ExtraLight';
}

.online .left .title h3::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  transform: translateX(-50%);
  width: 243px;
  height: 1px;
  background-color: #E85400;
}

.online .left .title i {
  vertical-align: top;
  font-family: 'Locator-Medium', 'SourceHanSansCN-Medium';
}

.online .left .title .en_t i {
  color: #E85400;
}

.online .left img {
  width: 100%;
  margin-top: 20px;
}

.online .right img {
  width: 100%;
}

/* 我们的 荣誉与背书 */
.honor {
  width: 100%;
  padding: 50px 0;
  margin-bottom: 50px;
  background-color: #EBEBEB;
}

.honor .title {
  width: 100%;
  margin-bottom: 50px;
}

.honor .title h3 {
  color: #1A1311;
  position: relative;
  font-size: 30px;
  text-align: center;
  padding-bottom: 15px;
  letter-spacing: 3px;
  font-family: 'Locator-Medium', 'SourceHanSansCN-ExtraLight';
}

.honor .title h3::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  transform: translateX(-50%);
  width: 243px;
  height: 1px;
  background-color: #E85400;
}

.honor .title i {
  vertical-align: top;
  font-family: 'Locator-Medium', 'SourceHanSansCN-Medium';
}

.honor .content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
}

.honor .content img {
  width: 48%;
}

@media screen and (max-width: 992px) {
  .work .content {
    display: block;
  }

  .work .content .left,
  .work .content .right {
    width: 100%;
  }

  .work .content .right {
    display: block;
  }

  .work .content .right .item {
    display: block;
    width: 100%;
    margin: 20px 0;
  }

  .base .w,
  .production .w,
  .storage .w,
  .online .w {
    display: block;
  }

  .base .left,
  .base .right,
  .production .left,
  .production .right,
  .storage .left,
  .storage .right,
  .online .left,
  .online .right {
    width: 100%;
  }

  .base .right,
  .production .right,
  .storage .right,
  .online .right {
    margin-top: 20px;
  }

  .base .right .content {
    padding-bottom: 70px;
  }

  .honor .content {
    display: block;
  }

  .honor .content img {
    width: 100%;
    margin-bottom: 20px;
  }

}