.pc {
  display: block;
}

.md {
  display: none;
}

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

.banner img {
  width: 100%;
}

.banner .swiper {
  width: 100%;
}

/*  我们的 制作基地 */
.base {
  width: 100%;
  padding: 50px 0 100px;
  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;
}

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

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

.storage .left {
  width: 63%;
}

.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%;
}

.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 {
  width: 36%;
}

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

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

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

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

.storage .right img {
  width: 100%;
  height: 642px;
}

/* 我们的 内部风采  */
.feng {
  width: 100%;
  padding-bottom: 50px;
  background-color: #EBEBEB;
}

.feng .title {
  width: 100%;
  margin-bottom: 30px;
}

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

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

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

.feng .imgs img {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (min-width: 1900px) {
  .storage .right img {
    height: 822px;
  }
}

@media screen and (max-width: 1500px) {
  .storage .right img {
    height: 588px;
  }
}

@media screen and (max-width: 992px) {
  .pc {
    display: none;
  }

  .md {
    display: block;
  }

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

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

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

  .storage .right img {
    height: auto;
  }

  .feng .title h3 {
    text-align: center;
  }

  .feng .title h3::after {
    left: 50%;
    transform: translateX(-50%);
  }

}