body {
  font-family: "SimHei", "黑体", sans-serif;
}
.wrapper {
  overflow: hidden;
}
.pc {
  display: none;
}
.m {
  display: block;
}
.header {
  height: 5.151042rem;
  background: url(../images/header-gjbwgr.jpg) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.logo01 {
  width: 1.385417rem;
  height: 0.338542rem;
  background: url(../images/logo1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 1.390625rem;
  top: 1.40625rem;
}
.logo02 {
  width: 0.65625rem;
  height: 0.380208rem;
  background: url(../images/logo2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 2.994792rem;
  top: 1.354167rem;
}
.header-animate01 {
  width: 4.057292rem;
  height: 1.25rem;
  background: url(../images/header-animate01.png) no-repeat;
  background-size: 100% 1.276042rem;
  position: absolute;
  top: 0;
  left: 4.114583rem;
  animation: down .5s ease-in-out;
  animation-delay: .5s;
  animation-fill-mode: backwards;
}
@keyframes down {
  0% {
    top: -1.25rem;
  }
  100% {
    top: 0;
  }
}
.header-title {
  width: 5.5625rem;
  height: 1.35417rem;
  background: url(../images/header-title.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 1.921875rem;
  left: 1.942708rem;
  animation: fangda 1s ease-in-out;
  animation-fill-mode: backwards;
}
@keyframes fangda {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.footer {
  background-color: #14154d;
  position: relative;
  padding-bottom: 0.4rem;
}
.footer::after {
  content: " ";
  width: 1.25rem;
  height: 100%;
  position: absolute;
  background-color: #e75558;
  left: 0;
  top: 0;
}
.footer::before {
  content: " ";
  width: 1.25rem;
  height: 100%;
  position: absolute;
  background-color: #f7cb44;
  right: 0;
  top: 0;
}
.footer-inner {
  width: 7.291667rem;
  margin: 0 auto;
  color: #fff;
}
.footer-inner h2 {
  font-size: 0.4rem;
  text-align: center;
  padding: 0.4rem 0 0.15625rem;
}
.footer-inner div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-inner div span {
  font-size: 0.36rem;
  display: block;
  margin: 0 0.1rem 0.1rem;
}
/* 首页 */
.index {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.index-box {
  background-color: #cecece;
  margin-top: 1.666667rem;
  padding: 0 0.666667rem;
}
.title-bwyx {
  height: 2.5rem;
  background: url(../images/title-bwyx.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -0.75rem;
  position: relative;
}
.title-tgty {
  height: 2.5rem;
  background: url(../images/title-tgty.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -0.666667rem;
  position: relative;
}
.title-bwyx a, .title-tgty a {
  width: 1.807292rem;
  height: 1.807292rem;
  position: absolute;
}
.title-bwyx a {
  right: 0;
  bottom: 0;
}
.title-tgty a {
  right: 1.6rem;
  bottom: 0;
}
.index-box-img {
  height: 5.066667rem;
}
.index-box-img img {
  width: 100%;
  height: 5.066667rem;
}
.index-box-list h2 {
  font-size: 0.4rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  color: #14154d;
  font-weight: bold;
}
.index-box-list p {
  color: #35354d;
  font-size: 0.36rem;
  line-height: 0.45rem;
  text-indent: 2em;
  padding-bottom: 0.3rem;
}
.index-box01-container, .index-box02-container {
  width: 100%;
  overflow: hidden;
}
/* 博物印象 */
.bwyx {
  background: url(../images/bwyx-bg.jpg) no-repeat #eee;
  background-size: 100% 100%;
  overflow: hidden;
}
.hdtw {
  width: 9.333333rem;
  height: 12rem;
  background: url(../images/hdtw-bg-m.png) no-repeat;
  background-size: 100% 100%;
  margin: 0.3rem auto;
  position: relative;
}
.more {
  width: 1.5416rem;
  height: 0.5rem;
  background: url(../images/btn-more.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  z-index: 99;
  right: 1.2rem;
  bottom: 0.1rem;
}
.hdtw-container {
  overflow: hidden;
}
.hdtw-box {
  display: flex;
  flex-direction: column;
}
.hdtw-img {
  width: 8.666667rem;
  height: 6.533333rem;
  margin: 0.3rem auto 0;
}
.hdtw-img img {
  width: 8.666667rem;
  height: 6.533333rem;
}
.hdtw-box-text {
  width: 7.066667rem;
  margin: 0 auto;
}
.hdtw-box-text h2 {
  color: #fff;
  font-weight: bold;
  font-size: 0.4rem;
  line-height: 0.4rem;
  padding-top: 0.4rem;
  margin-bottom: 0.2rem;
  height: 0.4rem;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdtw-box-text p {
  color: #fff;
  font-size: 0.36rem;
  line-height: 0.45rem;
  text-indent: 2em;
  height: 3.55rem;
  overflow: hidden;
  text-align: justify;
}
.hdtw-button {
  position: absolute;
  width: 2.053333rem;
  height: 0.4rem;
  background: url(../images/hdtw-button-bg.png) no-repeat;
  background-size: 100% 100%;
  left: 50%;
  margin-left: -1.013333rem;
  bottom: 0.1rem;
  display: flex;
  justify-content: space-between;
  z-index: 9;
}
.hdtw-button-prev, .hdtw-button-next {
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
}
.hdtw-button-prev {
  background: url(../images/hdtw-button-prev.png) no-repeat;
  background-size: 100% 100%;
}
.hdtw-button-next {
  background: url(../images/hdtw-button-next.png) no-repeat;
  background-size: 100% 100%;
}
/* 活动视频 */
.hdsp {
  display: none;
}
.hdsp-m {
  width: 9.2rem;
  margin: 0 auto 0.78125rem;
  overflow: hidden;
  position: relative;
}
.hdsp-video {
  width: 8.053333rem;
  height: 5.866667rem;
  background: url(../images/hdsp-bg-m.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  margin: 0 auto;
}
.hdsp-video video {
  width: 7.666667rem;
  height: 4.293333rem;
  display: block;
  background-color: #000;
  margin-left: 0.2rem;
  margin-top: 0.2rem;
}
.hdsp-video p {
  color: #fff;
  font-size: 0.4rem;
  padding-left: 1rem;
  text-align: center;
  line-height: 0.5rem;
  padding-top: 0.104167rem;
}
.hdsp-m-container {
  height: 5.866667rem;
  overflow: hidden;
  margin-top: 0.3rem;
}
.hdsp-m-button-next, .hdsp-m-button-prev {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  cursor: pointer;
  top: 50%;
  z-index: 99;
}
.hdsp-m-button-next {
  background: url(../images/hdhb-button-next.png) no-repeat;
  background-size: 100% 100%;
  right: 0;
}
.hdsp-m-button-prev {
  background: url(../images/hdhb-button-prev.png) no-repeat;
  background-size: 100% 100%;
  left: 0;
}
/* 活动海报 */
.hdhb {
  width: 9.2rem;
  height: 13.733333rem;
  margin: 0 auto 0.3rem;
  position: relative;
}
.hdhb-m-container {
  width: 7.866667rem;
  margin: 0 auto;
  overflow: hidden;
}
.hdhb-list {
  display: block;
  width: 100%;
  height: 100%;
  border: solid 0.052083rem #57a243;
  box-sizing: border-box;
  position: relative;
}
.hdhb-m-container .swiper-slide {
  text-align: center;
  width: 9.2rem;
  height: 13.733333rem;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition-property: all;
  font-size: 0.114583rem;
}
.hdhb-list img {
  width: 100%;
  height: 100%;
}
.hdhb-list p {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(43, 70, 20, .8);
  font-size: 0.4rem;
  text-align: center;
  width: 100%;
  color: #fff;
  line-height: 0.55rem;
}
.hdhb-m-button-prev, .hdhb-m-button-next {
  width: 0.333333rem;
  height: 0.6rem;
  position: absolute;
  top: 50%;
  cursor: pointer;
  margin-top: -0.306667rem;
  z-index: 9;
}
.hdhb-m-button-prev {
  background: url(../images/hdhb-button-prev.png) no-repeat;
  background-size: 100% 100%;
  left: 0;
}
.hdhb-m-button-next {
  background: url(../images/hdhb-button-next.png) no-repeat;
  background-size: 100% 100%;
  right: 0;
}
/* 探管体验 */
.tgty {
  overflow: hidden;
  background: url(../images/tgty-bg.jpg) no-repeat #eee;
  background-size: 100% 100%;
}
/* 遇见博物馆 */
.yjbwg {
  margin-top: 0.4rem;
}
.title-yjbwg {
  width: 7.973333rem;
  height: 2.08rem;
  background: url(../images/title-yjbwg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.yjbwg-box {
  width: 9.333333rem;
  margin: 0.15625rem auto 0.520833rem;
  overflow: hidden;
  position: relative;
  justify-content: space-between;
  padding-bottom: 0.6rem;
}
.yjbwg-list-img {
  width: 2.293333rem;
  height: 4.026667rem;
  background: url(../images/yjbwg-img-bg.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.yjbwg-list-img img {
  display: block;
  width: 2.1rem;
  height: 3.6rem;
  margin-left: 0.1rem;
  margin-top: 0.2rem;
}
.yjbwg-list {
  display: none;
}
.yjbwg-list-m-top {
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0;
}
.yjbwg-video {
  width: 6.826667rem;
  height: 4.306667rem;
  background: url(../images/yjbwg-video-bg.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  margin-top: -0.25rem;
}
.yjbwg-video video {
  width: 6.266667rem;
  height: 3.533333rem;
  display: block;
  background-color: #000;
  margin: 0.5rem auto 0;
}
.yjbwg-title {
  height: 0.72rem;
  line-height: 0.72rem;
  font-size: .3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.15625rem;
  background: url(../images/yjbwg-title-bg.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0.078125rem;
}
.yjbwg-text {
  font-size: 0.36rem;
  line-height: 0.45rem;
  overflow: hidden;
  text-indent: 2em;
  padding-top: 0.2rem;
}
.yjbwg-container {
  padding-top: 0.15625rem;
}
.yjbwg-btn {
  width: 2.066667rem;
  height: 0.4rem;
  background: url(../images/yjbwg-button.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  right: .4rem;
  display: flex;
  justify-content: space-between;
  z-index: 99;
}
.yjbwg-button-prev, .yjbwg-button-next {
  width: 0.4rem;
  height: 0.4rem;
  cursor: pointer;
}
.yjbwg-button-prev {
  background: url(../images/yjbwg-button-prev.png) no-repeat;
  background-size: 100% 100%;
}
.yjbwg-button-next {
  background: url(../images/yjbwg-button-next.png) no-repeat;
  background-size: 100% 100%;
}
/* 馆长寄语 */
.title-gzjy {
  width: 7.04rem;
  height: 2rem;
  background: url(../images/title-gzjy.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.gzjy {
  width: 9.2rem;
  margin: 0.4rem auto 0;
}
.gzjy-tw {
  margin-top: .4rem;
  position: relative;
  overflow: hidden;
}
.gzjy-list {
  height: 7.266667rem;
  border: solid 0.052083rem #57a243;
  border-radius: 0 0 0.15625rem 0.15625rem;
  display: block;
  position: relative;
  z-index: 99;
  background-color: #fff;
}
.gzjy-m-container .swiper-slide {
  position: relative;
}
.gzjy-list p {
  color: #57a243;
  font-size: 0.4rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.55rem;
  padding: 0.266667rem 0.2rem 0;
}
.gzjy-list img {
  display: block;
  width: 100%;
  height: 6.266667rem;
}
.gzjy-m-container {
  width: 8.266667rem;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 0.15625rem;
}
.gzjy-m-button-prev, .gzjy-m-button-next {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  top: 3rem;
  cursor: pointer;
  z-index: 9;
}
.gzjy-m-button-prev {
  background: url(../images/hdhb-button-prev.png) no-repeat;
  background-size: 100% 100%;
  left: 0;
}
.gzjy-m-button-next {
  background: url(../images/hdhb-button-next.png) no-repeat;
  background-size: 100% 100%;
  right: 0;
}
.gzjy-sp {
  position: relative;
  margin-top: 0.208333rem;
  padding-bottom: 0.15625rem;
}
.gzjy-video {
  width: 100%;
  height: 6.266667rem;
  border: solid 0.052083rem #57a243;
  border-radius: 0 0 0.15625rem 0.15625rem;
  display: block;
  position: relative;
  z-index: 99;
  background-color: #fff;
  box-sizing: border-box;
}
.gzjy-video video {
  display: block;
  background-color: #000;
  width: 100%;
  height: 5.5rem;
}
.gzjy-video p {
  color: #57a243;
  font-size: 0.4rem;
  line-height: 0.6rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
}
/* 镇馆之宝 */
.zgzb {
  width: 9.2rem;
  overflow: hidden;
  margin: 0 auto 1.354167rem;
  position: relative;
  padding-top: 0.416667rem;
}
.title-zgzb {
  width: 7.04rem;
  height: 2rem;
  background: url(../images/title-zgzb.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.zgzb-m-container {
  width: 8rem;
  margin: 0.3rem auto 0;
  overflow: hidden;
}
.zgzb-list {
  height: 7.026667rem;
  border: solid 0.1rem #08560a;
  display: block;
  box-sizing: border-box;
  background-color: #08560a;
}
.zgzb-list img {
  width: 100%;
  height: 100%;
  display: block;
}
.shade {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
}
.shade img {
  display: block;
  width: 95%;
}
.zgzb-list p {
  color: #fff;
  font-size: 0.4rem;
  text-align: center;
  line-height: 0.55rem;
  padding: 0.1rem;
  background: rgba(8, 86, 10, .7);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.zgzb-m-button-prev, .zgzb-m-button-next {
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  top: 6rem;
  cursor: pointer;
  z-index: 9;
}
.zgzb-m-button-prev {
  background: url(../images/hdhb-button-prev.png) no-repeat;
  background-size: 100% 100%;
  left: 0;
}
.zgzb-m-button-next {
  background: url(../images/hdhb-button-next.png) no-repeat;
  background-size: 100% 100%;
  right: 0;
}