/*PC端*/
/*M端*/
.container-fluid {
  background-color: #ededed;
}
.tit {
  color: #ededed;
}
.tit h4 {
  font-size: 0.36rem /* 36/100 */;
  line-height: 0.42rem /* 42/100 */;
  font-weight: bold;
  margin-bottom: 0.25rem /* 25/100 */;
}
.tit p {
  font-size: 0.16rem /* 16/100 */;
  line-height: 0.24rem /* 24/100 */;
}
.banner {
  background-color: #fff;
  padding-top: 0.6rem /* 80/100 */;
  height: 9.5rem /* 729/100 */;
  background-size: 100% 9.5rem /* 650/100 */;
  background-repeat: no-repeat;
  background-position: 0 0.6rem /* 80/100 */;
}
.banner img {
  width: 100%;
}
.banner h4 {
  padding-top: 2.7rem /* 270/100 */;
  font-size: 0.48rem /* 48/100 */;
  font-weight: bold;
}
.story {
  height: 9.5rem /* 700/100 */;
  overflow: hidden;
}
.story .tit {
  text-align: center;
  padding: 0.8rem 1.25rem 0 /* 80/100 */;
  color: #000;
}
.story .about {
  width: 11.9rem /* 1190/100 */;
  height: 3.8rem /* 380/100 */;
  margin: 2.5rem /* 95/100 */ auto 0;
  padding: 0.5rem /* 50/100 */ 0.8rem /* 80/100 */;
  text-align: center;
  color: #221f1f;
}
.story .about h4 {
  font-size: 0.36rem /* 36/100 */;
  line-height: 0.42rem /* 42/100 */;
  font-weight: bold;
  margin-bottom: 0.3rem /* 30/100 */;
}
.story .about p {
  text-align: left;
  font-size: 0.24rem /* 16/100 */;
  line-height: 0.3rem /* 24/100 */;
  margin-bottom: 1.44rem /* 44/100 */;
  text-align: center;
  color: #999;
}
.story .about img {
  width: 10.3rem /* 1030/100 */;
}
.historyList {
  height: 9.5rem;
  background-size: 100% auto;
}
.history {
  height: 6.18rem /* 618/100 */;
  background-color: #ededed;
}
.history .tit {
  text-align: center;
  color: #221f1f;
  padding-top: 0.45rem /* 45/100 */;
}
.history .tit h4 {
  margin-bottom: 0.75rem /* 75/100 */;
}
.history .swiper-history {
  width: 62%;
  margin: 0 auto;
}
.history .swiper-history .swiper-wrapper {
  height: 3.2rem /* 320/100 */;
}
.history .swiper-history .swiper-wrapper .swiper-slide img {
  width: 99%;
}
.history .swiper-history .swiper-pagination-history {
  border-top: 1px solid #ffffff;
  text-align: center;
}
.history .swiper-history .swiper-pagination-history .swiper-pagination-bullet {
  width: auto;
  height: auto;
  font-size: 0.18rem /* 18/100 */;
  font-family: Arial, Helvetica, sans-serif;
  color: #6a6a6a;
  background: 0 0;
  margin: 0 0.24rem /* 24/100 */;
  line-height: 0.4rem /* 40/100 */;
}
.history .swiper-history .swiper-pagination-history .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: 0 0;
  color: #eb6828;
  border-top: solid 1px #eb6828;
  border-radius: 0;
  margin-top: -1px;
}
.events {
  background-color: #fff;
  padding-bottom: 1px;
}
.events .tit {
  padding-top: 0.7rem /* 70/100 */;
  text-align: center;
  color: #221f1f;
}
.events .tit h4 {
  margin-bottom: 0.7rem /* 70/100 */;
}
.events .con-item {
  margin-bottom: 0.78rem /* 78/100 */;
}
.events .con-item img {
  width: 7.9rem /* 790/100 */;
}
.events .con-item span {
  display: inline-block;
  font-size: 0.16rem /* 16/100 */;
  min-width: 1.2rem /* 120/100 */;
  line-height: 0.2rem /* 20/100 */;
  background-color: #eb6828;
  padding-right: 0.1rem /* 10/100 */;
  color: #fff;
}
.events .con-item h4 {
  font-size: 0.24rem /* 24/100 */;
  font-weight: bold;
  line-height: 0.36rem /* 36/100 */;
  margin-bottom: 0.1rem /* 10/100 */;
  margin-top: 0.15rem /* 15/100 */;
}
.events .con-item p {
  font-size: 0.16rem /* 16/100 */;
  line-height: 0.24rem /* 24/100 */;
}
.events .con-item .con-right {
  padding: 0 0 0 0.6rem /* 70/100 */;
}
.events .con-item .con-right2 {
  padding-right: 0.6rem /* 70/100 */;
}
.events .con-item .con-right3 {
  padding-right: 0 /* 40/100 */;
}
.events .con-item1 {
  padding-right: 0.65rem /* 65/100 */;
}
.stores {
  padding-bottom: 0.7rem /* 70/100 */;
}
.stores .tit {
  background-color: #ededed;
  text-align: center;
  color: #221f1f;
  padding: 0.7rem 0 /* 70/100 */;
}
.stores .tit a {
  font-size: 0.36rem;
  color: #221f1f;
  display: inline-block;
  margin: 0 0.45rem;
}
.stores .tit a.active,
.stores .tit a:hover {
  border-bottom: 2px solid #eb6828;
}
.stores .swiper-exhibition {
  display: none;
}
.stores .swiper-store,
.stores .swiper-exhibition {
  height: 4.7rem /* 470/100 */;
}
.stores .swiper-store .swiper-wrapper,
.stores .swiper-exhibition .swiper-wrapper {
  height: 4.05rem /* 405/100 */;
}
.stores .swiper-store .swiper-wrapper .swiper-slide,
.stores .swiper-exhibition .swiper-wrapper .swiper-slide {
  width: 30%;
  background-size: 100% 100%;
}
.stores .swiper-store .swiper-wrapper .swiper-slide img,
.stores .swiper-exhibition .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.stores .swiper-store .swiper-wrapper .swiper-slide .mark,
.stores .swiper-exhibition .swiper-wrapper .swiper-slide .mark {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #ededed;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.stores .swiper-store .swiper-wrapper .swiper-slide .mark h4,
.stores .swiper-exhibition .swiper-wrapper .swiper-slide .mark h4 {
  font-size: 0.36rem /* 36/100 */;
  margin-bottom: 0.2rem /* 20/100 */;
  font-weight: bold;
}
.stores .swiper-store .swiper-wrapper .swiper-slide .mark p,
.stores .swiper-exhibition .swiper-wrapper .swiper-slide .mark p {
  font-size: 0.24rem /* 24/100 */;
}
.stores .swiper-store .swiper-wrapper .swiper-slide:hover .mark,
.stores .swiper-exhibition .swiper-wrapper .swiper-slide:hover .mark {
  opacity: 0;
}
.stores .swiper-store .iconfont,
.stores .swiper-exhibition .iconfont {
  font-size: 0.22rem /* 22/100 */;
  margin: 0 0.3rem /* 30/100 */;
  margin-top: 0.28rem /* 28/100 */;
  cursor: pointer;
}
.stores .swiper-store .iconfont:hover,
.stores .swiper-exhibition .iconfont:hover {
  color: #eb6828;
}
@media (max-width: 750px) {
  .tit h4 {
    font-size: 0.48rem /* 48/100 */;
  }
  .tit p {
    font-size: 0.24rem /* 24/100 */;
    line-height: 0.36rem /* 36/100 */;
  }
  .banner {
    height: 12.5rem /* 1236/100 */;
    background-position: center;
    background-size: 100% 100%;
  }
  .banner h4 {
    font-size: 0.6rem /* 60/100 */;
    text-align: center;
    padding-top: 1rem /* 100/100 */;
  }
  .story {
    height: 10.71rem;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .story .tit {
    padding: 1.65rem /* 165/100 */ 0.65rem /* 65/100 */ 0;
  }
  .story .tit h4 {
    margin-bottom: 0.5rem /* 50/100 */;
  }
  .story .about {
    width: 100%;
    background-color: transparent;
    margin-top: 2.1rem /* 210/100 */;
    padding: 0.5rem /* 50/100 */ 0.45rem /* 45/100 */ 0;
  }
  .story .about h4 {
    font-size: 0.48rem /* 48/100 */;
    margin-bottom: 0.36rem /* 36/100 */;
  }
  .story .about p {
    font-size: 0.24rem /* 24/100 */;
    line-height: 0.36rem /* 36/100 */;
    padding: 0 0.5rem /* 50/100 */;
  }
  .story .about img {
    display: none;
  }
  .historyList {
    height: 16.7rem;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .history {
    height: 8.65rem /* 865/100 */;
  }
  .history .tit {
    padding-top: 1.15rem /* 115/100 */;
    font-size: 0.36rem /* 36/100 */;
  }
  .history .swiper-history {
    width: 100%;
  }
  .history .swiper-history .swiper-wrapper {
    height: 4.9rem /* 490/100 */;
  }
  .history .swiper-history .swiper-pagination-history .swiper-pagination-bullet {
    margin: 0 0.35rem /* 35/100 */;
  }
  .events .tit {
    padding-top: 1rem /* 100/100 */;
  }
  .events .con {
    padding: 0 0.5rem /* 50/100 */;
  }
  .events .con-item {
    flex-direction: column;
    padding: 0;
    margin-bottom: 1rem /* 100/100 */;
  }
  .events .con-item .con-right {
    width: 100%;
    padding: 0.5rem /* 50/100 */ 0 0;
  }
  .events .con-item span {
    font-size: 0.24rem /* 24/100 */;
    line-height: 0.36rem /* 36/100 */;
    min-width: 1.8rem /* 180/100 */;
  }
  .events .con-item h4 {
    font-size: 0.36rem /* 36/100 */;
    line-height: 0.48rem /* 48/100 */;
    margin-bottom: 0.15rem /* 15/100 */;
    margin-top: 0.25rem /* 25/100 */;
  }
  .events .con-item p {
    line-height: 0.36rem /* 36/100 */;
    font-size: 0.24rem /* 24/100 */;
  }
  .events .con-item img {
    width: 100%;
  }
  .events .con-item2 {
    flex-direction: column-reverse;
  }
  .stores .tit {
    padding-top: 1rem /* 100/100 */;
  }
  .stores .tit a {
    font-size: 0.42rem;
  }
  .stores .swiper-store,
  .stores .swiper-exhibition {
    height: 5.7rem /* 570/100 */;
  }
  .stores .swiper-store .swiper-wrapper,
  .stores .swiper-exhibition .swiper-wrapper {
    height: 4.7rem /* 470/100 */;
  }
  .stores .swiper-store .iconfont,
  .stores .swiper-exhibition .iconfont {
    font-size: 0.36rem /* 36/100 */;
  }
  .stores .swiper-store .iconfont:hover,
  .stores .swiper-exhibition .iconfont:hover {
    color: #eb6828 !important;
  }
}