
.navNext {
  box-sizing: border-box;
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #F5F3F2;
}

.navNext.nav-3d {
  animation: show 1s both;
}

.navNext .next-container {
  margin: 0 auto;
  width: 1350px;
  text-align: right;
  padding-right: 100px;
}

.navNext a {
  display: inline-block;
  padding-right: 32px;
  font-size: 16px;
  color: #656464;
  cursor: pointer;
}

.navNext a.active, .navNext a:hover {
  color: #32AAFF;
  font-weight: bold;
}

main {
  padding-top: 80px;
  width: 100%;
}

main .main-bg {
  box-sizing: border-box;
  position: relative;
  z-index: -10;
  width: 100%;
  height: 420px;
  background: url("../image/tourBg.png") no-repeat 50%;
  background-size: 100% 100%;
}

main .main-bg .main-font {
  padding: 92px 0 0 100px;
  text-align: left;
}

main .main-bg .main-font h1 {
  color: #fff;
  font: 48px/1 '微软雅黑';
}

main .main-bg .main-font .cutline {
  margin: 35px 0;
  width: 59px;
  height: 2px;
  background: #32AAFF;
}

main .main-bg .main-font h2 {
  opacity: 0.75;
  color: #FFFEFE;
  font: 30px/48px '微软雅黑';
}

main .main-bg .bgShow-1 {
  position: absolute;
  top: 0;
  right: 300px;
  z-index: -5;
}

main .main-bg .bgShow-2 {
  position: absolute;
  top: 166px;
  right: 846px;
  z-index: -5;
  animation: bgShow-1 3s ease-in-out 0s infinite both;
}

main .main-bg .bgShow-3 {
  position: absolute;
  top: 96px;
  right: 773px;
  z-index: -5;
  animation: bgShow-1 3s ease-in-out 1s infinite both;
}

main .main-bg .bgShow-4 {
  position: absolute;
  top: 111px;
  right: 383px;
  z-index: -5;
  animation: bgShow-1 3s ease-in-out 0s infinite both;
}

main .main-bg .bgShow-5 {
  position: absolute;
  top: 170px;
  right: 320px;
  z-index: -5;
  animation: bgShow-1 3s ease-in-out 1s infinite both;
}

main .content-title {
  width: 1350px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../image/tour-iBg.png") no-repeat 50%;
  background-size: 100% 100%;
  color: #232B45;
  font-size: 30px;
}

main .content-title span {
  display: inline-block;
  margin-right: 46px;
}

main .content-title .bg-tour_t1 {
  width: 39px;
  height: 32px;
  background: url("../image/tour-t-g.png") -10px -73px;
}

main .content-title .bg-tour_t2 {
  width: 38px;
  height: 43px;
  background: url("../image/tour-t-g.png") -10px -10px;
}

main .content-title .bg-tour_t3 {
  width: 38px;
  height: 43px;
  background: url("../image/tour-t-g.png") -68px -10px;
}

main .content-desc {
  text-align: center;
  padding-top: 89px;
}

main .content-desc h2 {
  color: #333;
  font-size: 24px;
}

main .content-desc p {
  margin-top: 24px;
  color: #9C9C9C;
  font: 18px/30px '微软雅黑';
}

main .item-container {
  display: flex;
  align-items: center;
}

main .item-container .item-font {
  box-sizing: border-box;
  width: 50%;
  padding: 0 86px;
  text-align: left;
}

main .item-container .item-font .cutline {
  width: 29px;
  height: 3px;
  background: #32AAFF;
}

main .item-container .item-font h2 {
  margin-top: 28px;
  color: #333;
  font-size: 24px;
}

main .item-container .item-font p {
  margin-top: 30px;
  color: #9C9C9C;
  font: 18px/30px '微软雅黑';
}

main .item-container .item-img {
  width: 50%;
}

main .section-title {
  color: #333;
  font-size: 24px;
  margin: 71px auto 43px;
}

.main-ticket {
  width: 100%;
  background: #fff;
}

.main-ticket .ticket-desc {
  padding: 63px 0;
  color: #595757;
  font: 18px/30px '微软雅黑';
}

.main-ticket .ticket-system {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 71px;
}

.main-ticket .ticket-system > li {
  margin-top: 86px;
  width: 20%;
  color: #737273;
  font: 18px/30px '微软雅黑';
}

.main-ticket .ticket-system > li span {
  display: block;
  margin: 0 auto 19px;
}

.main-ticket .ticket-system > li .bg-tour_i1 {
  width: 61px;
  height: 54px;
  background: url("../image/tour-i.png") -10px -10px;
}

.main-ticket .ticket-system > li .bg-tour_i2 {
  width: 57px;
  height: 49px;
  background: url("../image/tour-i.png") -164px -10px;
}

.main-ticket .ticket-system > li .bg-tour_i3 {
  width: 53px;
  height: 51px;
  background: url("../image/tour-i.png") -91px -83px;
}

.main-ticket .ticket-system > li .bg-tour_i4 {
  width: 52px;
  height: 51px;
  background: url("../image/tour-i.png") -10px -159px;
}

.main-ticket .ticket-system > li .bg-tour_i5 {
  width: 50px;
  height: 50px;
  background: url("../image/tour-i.png") -82px -159px;
}

.main-ticket .ticket-system > li .bg-tour_i6 {
  width: 53px;
  height: 53px;
  background: url("../image/tour-i.png") -91px -10px;
}

.main-ticket .ticket-system > li .bg-tour_i7 {
  width: 56px;
  height: 43px;
  background: url("../image/tour-i.png") -10px -230px;
}

.main-ticket .ticket-system > li .bg-tour_i8 {
  width: 52px;
  height: 52px;
  background: url("../image/tour-i.png") -164px -79px;
}

.main-ticket .ticket-system > li .bg-tour_i9 {
  width: 52px;
  height: 55px;
  background: url("../image/tour-i.png") -10px -84px;
}

.main-ticket .ticket-system > li .bg-tour_i10 {
  width: 50px;
  height: 44px;
  background: url("../image/tour-i.png") -314px -10px;
}

.main-ticket .ticket-system > li .bg-tour_i11 {
  width: 57px;
  height: 38px;
  background: url("../image/tour-i.png") -86px -230px;
}

.main-ticket .ticket-system > li .bg-tour_i12 {
  width: 53px;
  height: 47px;
  background: url("../image/tour-i.png") -241px -10px;
}

.main-ticket .ticket-system > li .bg-tour_i13 {
  width: 52px;
  height: 48px;
  background: url("../image/tour-i.png") -152px -159px;
}

.main-ticket .ticket-system > li .bg-tour_i14 {
  width: 53px;
  height: 46px;
  background: url("../image/tour-i.png") -241px -145px;
}

.main-ticket .ticket-system > li .bg-tour_i15 {
  width: 51px;
  height: 48px;
  background: url("../image/tour-i.png") -241px -77px;
}

.ticket-item-2 {
  width: 100%;
  background: #F7F8FA;
}

.ticket-item-3 {
  width: 100%;
  background: #fff;
}

.ticket-item-3 .item-container .item-font {
  padding: 0;
}

.ticket-item-3 .item-container .item-font > li {
  padding-top: 28px;
  display: flex;
}

.ticket-item-3 .item-container .item-font > li:first-of-type {
  padding-top: 0;
}

.ticket-item-3 .item-container .item-font .font-container {
  width: 520px;
}

.ticket-item-3 .item-container .item-font h2 {
  margin-top: 0;
  font: 22px/35px '微软雅黑';
}

.ticket-item-3 .item-container .item-font p {
  margin-top: 0;
}

.ticket-item-3 .item-container .item-font span {
  display: block;
  margin-right: 22px;
}

.ticket-item-3 .item-container .item-font .bg-tour_g1 {
  width: 35px;
  height: 35px;
  background: url("../image/tour-t-g.png") -10px -125px;
}

.ticket-item-3 .item-container .item-font .bg-tour_g2 {
  width: 36px;
  height: 35px;
  background: url("../image/tour-t-g.png") -126px -10px;
}

.ticket-item-3 .item-container .item-font .bg-tour_g3 {
  width: 36px;
  height: 33px;
  background: url("../image/tour-t-g.png") -65px -125px;
}

.ticket-item-3 .ter-system {
  display: flex;
  justify-content: space-between;
}

.ticket-item-3 .ter-system > li {
  width: 308px;
  height: 510px;
  border: 1px solid #EBEBEB;
  box-shadow: 0px 3px 10px 0px rgba(10, 2, 4, 0.1);
}

.ticket-item-3 .ter-system img {
  display: block;
  width: 100%;
  height: 422px;
  object-fit: cover;
}

.ticket-item-3 .ter-system p {
  color: #333;
  font-size: 22px;
  line-height: 88px;
  border-top: 1px solid #EBEBEB;
}

.main-resale {
  width: 100%;
  background: #fff;
  margin-top: 69px;
}

.main-resale .item-container {
  margin-top: 18px;
}

.main-resale .content-title:last-child {
  margin-top: 114px;
}

.main-service {
  width: 100%;
  background: #fff;
  margin-bottom: 192px;
}

.main-service .service-item-1 {
  background: #F7F8FA;
}

.main-service .service-item-2 .content-desc {
  padding-bottom: 65px;
}

.main-service .swiper-container {
  width: 100%;
  height: auto;
  margin-top: 43px;
}

.main-service .swiper-container .swiper-button-prev, .main-service .swiper-container .swiper-button-next {
  background: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
}

.main-service .swiper-container .arrow1 {
  margin: 18px auto;
  display: block;
  width: 14px;
  height: 23px;
  background: url("../image/tour-arrow1.png") no-repeat 50%;
  background-size: 100% 100%;
}

.main-service .swiper-container .arrow2 {
  margin: 18px auto;
  display: block;
  width: 14px;
  height: 23px;
  background: url("../image/tour-arrow2.png") no-repeat 50%;
  background-size: 100% 100%;
}

.main-service .swiper-container .swiper-button-prev:hover, .main-service .swiper-container .swiper-button-next:hover {
  box-shadow: 0px 5px 10px 0px rgba(12, 56, 198, 0.15);
}

.main-service .swiper-container .swiper-button-prev:hover .arrow1 {
  background: url("../image/tour-arrow1-2.png") no-repeat 50%;
}

.main-service .swiper-container .swiper-button-next:hover .arrow2 {
  background: url("../image/tour-arrow2-2.png") no-repeat 50%;
}

.main-service .miniprogram {
  height: 700px;
  display: flex;
  justify-content: center;
}

.main-service .miniprogram > li {
  width: 248px;
  margin-right: 52px;
}

.main-service .miniprogram > li:last-child {
  margin-right: 0;
}

.main-service .miniprogram .swiper-img {
  width: 248px;
  height: 441px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 3px 10px 0px rgba(10, 2, 4, 0.1);
}

.main-service .miniprogram .swiper-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.main-service .miniprogram h2 {
  margin-top: 36px;
  color: #333;
  font-size: 20px;
}

.main-service .miniprogram p {
  text-align: justify;
  margin-top: 25px;
  color: #9C9C9C;
  font: 16px/24px '微软雅黑';
}

@keyframes bgShow-1 {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
