body{
  width: 100%;
  overflow-x: hidden;
}

div {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.container-box {
  position: relative;
  width: 100%;
}
.module_1 {
  padding-top: 23.875rem;
  height: 57.5rem;
  background-image: url('../images/retail/bg_2.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff;
}
.module_1-2 {
  background-image: url('../images/retail/bg_4.png');
}
.module_1-3 {
  background-image: url('../images/retail/bg_5.png');
}
.module_1-p {
  display: block;
  font-size: 3.375rem;
  font-family: Gotham-Bold, Gotham;
  font-weight: bold;
  line-height: 5.625rem;
  text-align: center;
}
.module_1-p-mobile {
  display: none;
}
.module_1-wire {
  margin: auto;
  margin-top: 2.5rem;
  width: 18rem;
  height: 0.25rem;
  background: #ffffff;
}
.module_1-p2 {
  margin-top: 2.5rem;
  text-align: center;
  font-size: 3.375rem;
  font-family: Gotham-Book, Gotham;
  opacity: 0.8;
}
.module_1-prev {
  display: none;
}
.module_1-next {
  display: none;
}
.module_2 {
  height: 56.25vw;
  padding: 8.62rem 7.2% 8.9rem 50%;
  background-image: url('../images/retail/history-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.module_2-wire {
  width: 5rem;
  height: 0.75rem;
  background: #B8A587;
  margin-left:6.18rem;
}
.module_2-tit {
  font-size: 3.75rem;
  font-family: Gotham-Book, Gotham;
  color: #222222;
  letter-spacing: 1px;
  margin-left:6.18rem;
}
.module_2-p {
  margin-top: 4.375rem;
  font-size: 1.5rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #000000;
  line-height: 2.5rem;
}
.module_2-p2 {
  margin-left: 6.18rem;
  margin-top: 4.375rem;
  font-size: 1.5rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #000000;
  line-height: 2.5rem;
}
.module_3 {
  min-height: 32.6875rem;
  display: flex;
}
.module_3-l {
  display: block;
  width: 54.166%;
  min-height: 100%;
  background-image: url('../images/corporation/bg_3-1.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
  padding: 4.75rem 15.36% 6.625rem 7.29%;
  color: #ffffff;
}
.module_3-l:hover {
  color: #ffffff;
}
.module_3-l-p {
  font-size: 3.75rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  letter-spacing: 1px;
}
.module_3-l-p2 {
  margin-top: 1.25rem;
  font-size: 1.5rem;
  font-family: Gotham-Bold, Gotham;
  font-weight: bold;
}
.module_3-l-p3 {
  margin-top: 0.75rem;
  font-size: 1.5rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #ffffff;
}
.module_3-r {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 54.166%;
  min-height: 100%;
  background-image: url('../images/corporation/bg_3-2.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
  padding: 4.75rem 7.29% 6.812rem 15.364%;
  color: #ffffff;
  text-align: right;
}
.module_3-r:hover {
  color: #ffffff;
}
.module_3-r-p {
  font-size: 1.5rem;
  font-family: Gotham-Bold, Gotham;
  font-weight: bold;
  color: #000000;
}
.module_3-r-p2 {
  margin-top: 0.75rem;
  font-size: 1.5rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #000000;
}
.module_3-r-p3 {
  display: block;
  margin-top: 1.25rem;
  font-size: 3.75rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #222222;
  letter-spacing: 1px;
}
.module_3-r-p4 {
  display: none;
}
.module_4 {
}
.module_4-t {
  padding: 5.25rem 0 4.375rem 7.29%;
}
.module_4-t-wire {
  width: 5rem;
  height: 0.75rem;
  background: #a7c4cc;
}
.module_4-p {
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #000000;
  line-height: 4.4rem;
  letter-spacing: 1px;
}
.module_4-b-mobile {
  display: none;
}
.module_4-b {
  display: block;
  min-height: 62.375rem;
  display: flex;
}
.module_4-b-l {
  width: 25%;
  min-height: 100%;
  background-image: url('../images/corporation/bg_4-1.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
  padding: 50rem 3.4% 4.68rem 3.1% !important;
}
.module_4-b-l-p {
  font-size: 2.625rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #ffffff;
  line-height: 3rem;
}
.module_4-b-l-p2 {
  margin-top: 1rem;
  font-size: 1.5rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.8rem;
}
.module_4-b-m {
  min-height: 100%;
  flex: 1;
}
.module_4-b-m-t {
  display: flex;
  height: 50%;
}
.module_4-box {
  display: block;
  padding: 18.812rem 3.4% 2.812rem 12.5%;
  transition: all 0.2s;
}
.module_4-box:hover {
  background-size: 120%;
  background-position: center;
  color: #ffffff;
  transition: background-size .5s ease;
}
.module_4-box-p {
  font-size: 2.625rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #ffffff;
  line-height: 3rem;
}
.module_4-box-p2 {
  margin-top: 1rem;
  font-size: 1.5rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.8rem;
}
.module_4-box-p2 p {
  margin-bottom: 0;
}
.module_4-b-m-t-l {
  flex: 1;
  background-image: url('../images/corporation/bg_4-2.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
  padding: 18.812rem 3.4% 2.812rem 6.25%;
}
.module_4-b-m-t-r {
  flex: 1;
  background-image: url('../images/corporation/bg_4-3.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
  padding: 18.812rem 3.4% 2.812rem 6.25%;
}
.module_4-b-m-b {
  height: 50%;
  padding: 18.812rem 30% 2.812rem 6.25%;
  background-image: url('../images/corporation/bg_4-5.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
}
.module_4-b-r {
  width: 25%;
  min-height: 100%;
}
.module_4-b-r-t {
  height: 50%;
  background-image: url('../images/corporation/bg_4-4.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
}
.module_4-b-r-b {
  height: 50%;
  background-image: url('../images/corporation/bg_4-6.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
}
.module_5 {
  min-height: 45.625rem;
  padding: 0 17.5% 0 17.5%;
  background-image: url('../images/corporation/bg_5.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
.module_5-it-t {
  font-size: 4.5rem;
  font-family: Gotham-Bold, Gotham;
  font-weight: bold;
  color: #ffffff;
  line-height: 5.43rem;
  letter-spacing: 1px;
  text-shadow: 0px 0.25rem 1rem rgba(0, 0, 0, 0.5);
}
.module_5-it-b {
  margin-top: 1.312rem;
  font-size: 1.5rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #ffffff;
  line-height: 1.81rem;
  text-shadow: 0px 0.25rem 1rem rgba(0, 0, 0, 0.5);
}
.module_5-it-wire {
  width: 0.125rem;
  height: 9rem;
  background: #ffffff;
  box-shadow: 0px 0.25rem 1rem rgba(0, 0, 0, 0.5);
}
.module_6 {
  min-height: 72.0625rem;
  padding: 5.5rem 7.29% 6.56rem;
  background-image: url('../images/corporation/bg_6.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
}
.module-wire {
  width: 5rem;
  height: 0.75rem;
  background: #B8A587;
}
.module-wire-b-p {
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #000000;
  line-height: 4.4rem;
  letter-spacing: 1px;
}
#swiper4 {
  display: none;
}
.module_6-sub {
  margin-top: 4.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.module_6-sub-it {
  margin-bottom: 0.9375rem;
  width: 32.723%;
  height: 23.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.4rem 1.21% 2.0625rem;
  text-align: center;
  color: #222222;
  background: #ffffff;
  overflow-y: auto;
  transition: all 0.2s;
}
.module_6-sub-it:hover {
  background: #a7c4cc;
  box-shadow: 0px 4px 9px -2px #a7c4cc;
  color: #fff;
}
.module_6-sub-it-icon {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
}
.module_6-sub-it-icon1 {
  background-image: url('../images/corporation/module_6-icon1.png');
}
.icon1:hover .module_6-sub-it-icon1 {
  background-image: url('../images/corporation/module_6-icon1c.png');
}
.module_6-sub-it-icon2 {
  background-image: url('../images/corporation/module_6-icon2.png');
}
.icon2:hover .module_6-sub-it-icon2 {
  background-image: url('../images/corporation/module_6-icon2c.png');
}
.module_6-sub-it-icon3 {
  background-image: url('../images/corporation/module_6-icon3.png');
}
.icon3:hover .module_6-sub-it-icon3 {
  background-image: url('../images/corporation/module_6-icon3c.png');
}
.module_6-sub-it-icon4 {
  background-image: url('../images/corporation/module_6-icon4.png');
}
.icon4:hover .module_6-sub-it-icon4 {
  background-image: url('../images/corporation/module_6-icon4c.png');
}
.module_6-sub-it-icon5 {
  background-image: url('../images/corporation/module_6-icon5.png');
}
.icon5:hover .module_6-sub-it-icon5 {
  background-image: url('../images/corporation/module_6-icon5c.png');
}
.module_6-sub-it-icon6 {
  background-image: url('../images/corporation/module_6-icon6.png');
}
.icon6:hover .module_6-sub-it-icon6 {
  background-image: url('../images/corporation/module_6-icon6c.png');
}
.module_6-sub-it-tit {
  margin-top: 1.25rem;
  font-size: 2.25rem;
  font-family: Gotham-Bold, Gotham;
  font-weight: bold;
  line-height: 2.75rem;
}
.module_6-sub-it-p {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  line-height: 1rem;
  overflow: hidden;
}
.module_7 {
  min-height: 56.625rem;
  padding: 5.5rem 7.29% 5rem;
  background-image: url('../images/corporation/bg_7.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
}
#swiper5 {
  display: none;
}
.module_7-sub {
  margin-top: 4.375rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.module_7-sub-it {
  margin-bottom: 2.5rem;
  width: 23.17%;
  height: 15.3125rem;
  transition: all 0.5s;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.module_7-sub-it:hover {
  /* background-size: 120% 120%; */
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.module_7-sub-it1 {
  background-image: url('../images/corporation/module_7-img1.png');
}
.module_7-sub-it2 {
  background-image: url('../images/corporation/module_7-img2.png');
}
.module_7-sub-it3 {
  background-image: url('../images/corporation/module_7-img3.png');
}
.module_7-sub-it4 {
  background-image: url('../images/corporation/module_7-img4.png');
}
.module_7-sub-it5 {
  background-image: url('../images/corporation/module_7-img5.png');
}
.module_7-sub-it6 {
  background-image: url('../images/corporation/module_7-img6.png');
}
.module_7-sub-it7 {
  background-image: url('../images/corporation/module_7-img7.png');
}
.module_7-sub-it8 {
  background-image: url('../images/corporation/module_7-img8.png');
}
.module_8 {
  min-height: 67.5rem;
  padding: 5.5rem 7.29% 9.5625rem;
  background: #ffffff;
}
.module_8-sub {
  margin-top: 5rem;
  display: flex;
  align-items: center;
}
.module_8-sub-l-box {
  flex-shrink: 0;
  position: relative;
  width: 48.77%;
}
.module_8-sub-l {
  width: 100%;
  height: auto;
}
.module_8-sub-l-box-icon,
.module_8-sub-l-box-icon1 {
  width: 5%;
  height: 2.5rem;
  position: absolute;
  background-image: url('../images/corporation/bg_8-icon.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
}
.module_8-sub-l-box-icon {
  top: 24.68rem;
  right: 11.875%;
}
.module_8-sub-l-box-icon1 {
  top: 33.375rem;
  right: 24%;
}
.module_8-sub-r {
  margin-left: 8.1%;
  width: 100%;
}
.module_8-sub-it {
  display: flex;
}
.module_8-sub-it-l {
  flex-shrink: 0;
  width: 25.4%;
  height: 13.75rem;
  background-image: url('../images/corporation/shanghai.png');
  background-repeat: no-repeat;
  background-size: cover;
background-position: center;
}
.module_8-sub-it-l1 {
  background-image: url('../images/corporation/hongkong.png');
}
.module_8-sub-it-r {
  margin-left: 5.7%;
}
.module_8-sub-it-r-tit {
  font-size: 2.25rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #222222;
  line-height: 2.3rem;
}
.module_8-sub-it-r-p,
.module_8-sub-it-r-p2,
.module_8-sub-it-r-p3 {
  margin-top: 1rem;
  font-size: 1.5rem;
  font-family: Gotham-Book, Gotham;
  font-weight: normal;
  color: #222222;
  line-height: 1.87rem;
}
.module_8-sub-it2 {
  margin-top: 5.3125rem;
}
.module_8-sub-it-r-p2 {
  margin-top: 2.2rem;
}

#swiper1 .swiper-pagination-bullets {
  position: absolute;
  bottom: 2.5rem;
  left: 0;
}
#swiper1 .swiper-pagination-bullet {
  width: 40px;
  height: 6px;
  border-radius: 0;
  margin: 0 0 0 20px !important;
  opacity: 0.6;
  background-color: #fff;
}
#swiper1 .swiper-pagination-bullet-active {
  width: 120px;
  opacity: 1;
  background-color: #fff;
}

#swiper2 .swiper-pagination-bullets {
  width: auto;
  position: absolute;
  bottom: 2.5rem;
  left: 7.29%;
}
#swiper2 .swiper-pagination-bullet {
  width: 40px;
  height: 6px;
  border-radius: 0;
  margin: 0 20px 0 0 !important;
  opacity: 0.6;
  background-color: #fff;
}
#swiper2 .swiper-pagination-bullet-active {
  width: 120px;
  opacity: 1;
  background-color: #fff;
}

#swiper3 {
  overflow: visible;
}
#swiper3 .swiper-pagination-bullets {
  width: auto;
  position: absolute;
  top: -7.3rem;
  right: 7.29%;
  bottom: auto;
  left: auto;
}
#swiper3 .swiper-pagination-bullet {
  width: 40px;
  height: 6px;
  border-radius: 0;
  margin: 0 0 0 20px !important;
  opacity: 0.6;
  background-color: #a7c4cc;
}
#swiper3 .swiper-pagination-bullet-active {
  width: 120px;
  opacity: 1;
  background-color: #a7c4cc;
}

@media (max-width: 1660px) {
  .module_2-p2 {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

@media (max-width: 1440px) {
  .module_2-p2 {
    font-size: 0.9rem;
    margin-top: 3rem;
  }
}

@media (max-width: 992px) {
  .module_1 {
    height: 47.8125rem;
    padding: 14.5rem 9.333% 0;
    background-image: url('../images/mobile/retail/bg_2n.png');
  }
  .module_1-2 {
    background-image: url('../images/mobile/retail/bg_4n.png');
  }
  .module_1-3 {
    background-image: url('../images/mobile/retail/bg_5n.png');
  }
  .module_1-p {
    display: none;
  }
  .module_1-p-mobile {
    display: block;
    font-size: 1.3rem;
    font-family: Gotham-Bold, Gotham;
    font-weight: bold;
    color: #ffffff;
    line-height: 2.5rem;
    text-align: center;
  }
  .module_1-wire {
    width: 120px;
    height: 2px;
    background: #ffffff;
  }
  .module_1-p2 {
    font-size: 1.3125rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.5rem;
    opacity: 0.8;
  }
  #swiper1 .swiper-pagination-bullets {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
  }
  #swiper1 .swiper-pagination-bullet {
    width: 20px;
    height: 1px;
    border-radius: 0;
    margin: 0 8px 0 0 !important;
    opacity: 0.6;
    background-color: #fff;
  }
  #swiper1 .swiper-pagination-bullet-active {
    width: 54px;
    height: 2px;
    opacity: 1;
    background-color: #fff;
  }
  .module_1-prev {
    display: block;
    margin-top: -0.75rem !important;
    /* opacity: 1 !important; */
    left: 20px;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('../images/laboratory/left-icon.png');
    background-repeat: no-repeat;
    background-size: cover;
background-position: center;
  }
  .module_1-next {
    display: block;
    margin-top: -0.75rem !important;
    /* opacity: 1 !important; */
    right: 20px;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('../images/laboratory/right-icon.png');
    background-repeat: no-repeat;
    background-size: cover;
background-position: center;
  }

  .module_2 {
    min-height: 47.8125rem;
    padding: 2.5rem 5.333%;
    background-image: url('../images/mobile/retail/bg_2.jpg');
  }
  .module_2-wire {
    margin: auto;
    width: 2.5rem;
    height: 0.25rem;
  }
  .module_2-tit {
    margin-top: 1.5rem;
    text-align: center;
    font-size: 1.5rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    line-height: 1.8125rem;
    color: #000;
    margin-left: auto;
  }
  .module_2-p {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    line-height: 1.75rem;
    color: #000;
  }
  .module_2-p2 {
    margin: 2rem 0 0;
    font-size: 0.875rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    line-height: 1.75rem;
    color: #000;
  }
  .module_3 {
    min-height: 45rem;
    flex-wrap: wrap;
  }
  .module_3-l {
    order: 2;
    width: 100%;
    min-height: 50%;
    background-image: url('../images/mobile/corporation/bg_3-2.png');
    padding: 2.5rem 5.333%;
  }
  .module_3-l-p {
    font-size: 1.5rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    color: #ffffff;
    line-height: 1.8125rem;
    text-align: center;
  }
  .module_3-l-p2 {
    margin-top: 1.3125rem;
    font-size: 0.85rem;
    font-family: Gotham-Bold, Gotham;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.75rem;
  }
  .module_3-l-p3 {
    margin-top: 0;
    font-size: 0.875rem;
    font-family: Gotham-Bold, Gotham;
    color: #ffffff;
    line-height: 1.75rem;
    opacity: 0.9;
  }
  .module_3-r {
    order: 1;
    position: static;
    width: 100%;
    min-height: 50%;
    background-image: url('../images/mobile/corporation/bg_3-1.png');
    padding: 2.5rem 5.333%;
  }
  .module_3-r-p4 {
    display: block;
    font-size: 1.5rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    color: #000000;
    line-height: 1.8125rem;
    text-align: center;
  }
  .module_3-r-p {
    margin-top: 1.3125rem;
    font-size: 0.85rem;
    font-family: Gotham-Bold, Gotham;
    font-weight: bold;
    color: #000000;
    line-height: 1.75rem;
    text-align: left;
  }
  .module_3-r-p2 {
    margin-top: 0;
    font-size: 0.875rem;
    font-family: Gotham-Bold, Gotham;
    color: #000000;
    line-height: 1.75rem;
    text-align: left;
  }
  .module_3-r-p3 {
    display: none;
  }
  #swiper2 .swiper-pagination-bullets {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    width: 100%;
  }
  #swiper2 .swiper-pagination-bullet {
    width: 20px;
    height: 1px;
    border-radius: 0;
    margin: 0 8px 0 0 !important;
    opacity: 0.6;
    background-color: #fff;
  }
  #swiper2 .swiper-pagination-bullet-active {
    width: 54px;
    height: 2px;
    opacity: 1;
    background-color: #fff;
  }

  .module_4 {
    min-height: 31.8125rem;
    padding: 2.5rem 5.333% 0;
  }
  .module_4-t {
    width: 100%;
    padding: 0 0;
  }
  .module_4-t-wire {
    margin: auto;
    width: 40px;
    height: 4px;
  }
  .module_4-p {
    margin: 0 0;
    padding: 1.25rem 0;
    text-align: center;
    font-size: 1.5rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    color: #000000;
    line-height: 1.8125rem;
  }
  .module_4-b {
    display: none;
  }
  .module_4-b-mobile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .module_4-mobile-it {
    width: 48.6567%;
    height: 10.187rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
background-position: center;
  }
  .mb {
    margin-bottom: 0.625rem;
  }
  .module_4-mobile-it-p {
    position: absolute;
    left: 6.13%;
    bottom: 0.625rem;
    font-size: 0.875rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.25rem;
    opacity: 0.9;
  }
  .module_4-mobile-it1 {
    background-image: url('../images/mobile/corporation/bg_4-1.png');
  }
  .module_4-mobile-it2 {
    background-image: url('../images/mobile/corporation/bg_4-2.png');
  }
  .module_4-mobile-it3 {
    background-image: url('../images/mobile/corporation/bg_4-3.png');
  }
  .module_4-mobile-it4 {
    background-image: url('../images/mobile/corporation/bg_4-4.png');
  }
  #swiper3 .swiper-pagination-bullets {
    position: absolute;
    bottom: -2.8rem;
    left: 0;
    top: auto;
    right: auto;
    width: 100%;
  }
  #swiper3 .swiper-pagination-bullet {
    width: 20px;
    height: 1px;
    border-radius: 0;
    margin: 0 8px 0 0 !important;
    opacity: 0.6;
    background-color: #a7c4cc;
  }
  #swiper3 .swiper-pagination-bullet-active {
    width: 54px;
    height: 2px;
    opacity: 1;
    background-color: #a7c4cc;
  }
  .module_5 {
    min-height: 22.5rem;
    padding: 0 0 0 3%;
    background-image: url('../images/mobile/corporation/bg_5.png');
  }
  .module_5-it {
    width: 30.066%;
    min-height: 22.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .module_5-it-m {
    width: 35.2%;
    min-height: 22.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .module_5-it-t {
    font-size: 1.5rem;
    font-family: Gotham-Bold, Gotham;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.8125rem;
    text-shadow: 0px 4px 17px rgba(0, 0, 0, 0.5);
  }
  .module_5-it-b {
    margin-top: 0.875rem;
    font-size: 0.75rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    color: #ffffff;
    line-height: 0.875rem;
    text-shadow: 0px 4px 17px rgba(0, 0, 0, 0.5);
  }
  .module_5-it-wire {
    width: 1px;
    height: 3.375rem;
    background: #ffffff;
    box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.5);
  }
  .module_6 {
    width: 100%;
    min-height: 25.125rem;
    padding: 2.5rem 0 0;
    background-image: url('../images/mobile/corporation/bg_6.png');
  }
  .module-wire {
    margin: auto;
    width: 40px;
    height: 4px;
    background: #a7c4cc;
  }
  .module-wire-b-p {
    margin-top: 0;
    padding: 1.25rem 0;
    text-align: center;
    font-size: 1.5rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    color: #000000;
    line-height: 1.6875rem;
  }
  .module_6-sub {
    display: none;
  }
  .module_6-sub-mobile {
    background: #fff;
    position: relative;
    margin: 0 5.333% 2.5rem 5.33%;
    height: 15.5625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem 5.3%;
    overflow-y: auto;
  }
  .module_6-mobile-it-icon {
    width: 2.5rem;
    height: 2.5rem;
    background-repeat: no-repeat;
    background-size: cover;
background-position: center;
    flex-shrink: 0;
  }
  .module_6-mobile-it-icon1 {
    background-image: url('../images/corporation/module_6-icon1.png');
  }
  .module_6-mobile-it-icon2 {
    background-image: url('../images/corporation/module_6-icon2.png');
  }
  .module_6-mobile-it-icon3 {
    background-image: url('../images/corporation/module_6-icon3.png');
  }
  .module_6-mobile-it-icon4 {
    background-image: url('../images/corporation/module_6-icon4.png');
  }
  .module_6-mobile-it-icon5 {
    background-image: url('../images/corporation/module_6-icon5.png');
  }
  .module_6-mobile-it-icon6 {
    background-image: url('../images/corporation/module_6-icon6.png');
  }
  .module_6-mobile-it-tit {
    padding-top: 1.25rem;
    font-size: 1.5rem;
    font-family: Gotham-Bold, Gotham;
    font-weight: bold;
    color: #222222;
    line-height: 1.6875rem;
  }
  .module_6-mobile-it-p {
    font-size: 0.875rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    color: #222222;
    line-height: 1.75rem;
    text-align: center;
  }
  #swiper4 {
    display: block;
  }
  #swiper4 .swiper-pagination-bullets {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
  }
  #swiper4 .swiper-pagination-bullet {
    width: 20px;
    height: 1px;
    border-radius: 0;
    margin: 0 8px 0 0 !important;
    opacity: 0.6;
    background-color: #a7c4cc;
  }
  #swiper4 .swiper-pagination-bullet-active {
    width: 54px;
    height: 2px;
    opacity: 1;
    background-color: #a7c4cc;
  }
  .module_7 {
    width: 100%;
    min-height: 30.5625rem;
    padding: 2.5rem 0 0;
    background-image: url('../images/mobile/corporation/bg_7.png');
  }
  .module_7-sub {
    display: none;
  }
  #swiper5 {
    display: block;
  }
  .module_7-sub-mobile {
    position: relative;
    margin: 0 5.333% 2.5rem 5.33%;
    height: 21rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .module_7-sub-mobile-it {
    width: 48.6567%;
    height: 10.1875rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .mb10 {
    margin-bottom: 0.625rem;
  }
  #swiper5 .swiper-pagination-bullets {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
  }
  #swiper5 .swiper-pagination-bullet {
    width: 20px;
    height: 1px;
    border-radius: 0;
    margin: 0 8px 0 0 !important;
    opacity: 0.6;
    background-color: #a7c4cc;
  }
  #swiper5 .swiper-pagination-bullet-active {
    width: 54px;
    height: 2px;
    opacity: 1;
    background-color: #a7c4cc;
  }
  .module_8 {
    min-height: 81.125rem;
    padding: 2.54rem 5.333% 0;
  }
  .module_8-sub {
    margin-top: 1.25rem;
    flex-wrap: wrap;
  }
  .module_8-sub-l-box {
    width: 100%;
  }
  .module_8-sub-l {
    height: auto;
  }
  .module_8-sub-l-box-icon {
    width: 7.164%;
    height: 1.5rem;
    left: 82.2%;
    top: 9.875rem;
  }
  .module_8-sub-l-box-icon1 {
    width: 7.164%;
    height: 1.5rem;
    left: 69.85%;
    top: 13.5rem;
  }
  .module_8-sub-r {
    margin-left: 0;
    margin-top: 2.5rem;
  }
  .module_8-sub-it {
    flex-wrap: wrap;
  }
  .module_8-sub-it-l {
    width: 100%;
    height: 13.75rem;
    background-image: url('../images/corporation/shanghaiApp.png');
  }
  .module_8-sub-it-l1 {
    background-image: url('../images/corporation/hongkongApp.png');
  }
  .module_8-sub-it-r {
    margin-left: 0;
    margin-top: 1.25rem;
  }
  .module_8-sub-it-r-tit {
    font-size: 1.5rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #222222;
    line-height: 2rem;
  }
  .module_8-sub-it-r-p,
  .module_8-sub-it-r-p2,
  .module_8-sub-it-r-p3 {
    margin-top: 0;
    font-size: 0.875rem;
    font-family: Gotham-Book, Gotham;
    font-weight: normal;
    color: #222222;
    line-height: 1.75rem;
  }
  .module_8-sub-it-r-p2 {
    margin-top: 0rem;
  }
  .module_8-sub-it-r-p3 {
    margin-top: 0;
  }
  .module_8-sub-it2 {
    margin-top: 2.5rem;
  }
}

.module_8-sub-it-r span{
  width:100px;
  display: inline-block;
  text-align: justify;
  text-align-last: justify;
}

.project-text{
  position:relative;
  z-index: 2;
}

.cover{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  transition: all 0.5s;
}

.cover:hover{
  z-index: 1;
  transform: scale(1.1);
}

@media screen and (min-width: 1920px)  {
  .cover img{
    margin-top: -5%;
    margin-left: -5%;
    width: 110%;
    height: auto;
  }
}

@media screen and (max-width: 1500px)  {
  .cover img{
    width: auto;
    height: 100%;
  }
}

.footer{
  background-color: #B8A587!important;
}