@charset "utf-8";

@-webkit-keyframes hand {
  0% {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
  }

  50% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
  }
}

@keyframes hand {
  0% {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
  }

  50% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
  }
}

@-webkit-keyframes h2 {
  0% {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
  }

  50% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
  }
}

@keyframes h2 {
  0% {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
  }

  50% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
  }
}

@-webkit-keyframes head {
  0% {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
  }

  40% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
  }
}

@keyframes head {
  0% {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
  }

  40% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
  }
}

@-webkit-keyframes eye {

  0%,
  39%,
  71% {
    background: url(/images/tour/main/o5-2.png)no-repeat;
  }

  40%,
  70% {
    background: url(/images/tour/main/o5-1.png)no-repeat;
  }
}

@keyframes eye {

  0%,
  39%,
  71% {
    background: url(/images/tour/main/o5-2.png)no-repeat;
  }

  40%,
  70% {
    background: url(/images/tour/main/o5-1.png)no-repeat;
  }
}

@-webkit-keyframes eye2 {

  0%,
  39%,
  71% {
    background: url(/images/tour/main/o6-1.png)no-repeat;
  }

  40%,
  70% {
    background: url(/images/tour/main/o6-2.png)no-repeat;
  }
}

@keyframes eye2 {

  0%,
  39%,
  71% {
    background: url(/images/tour/main/o6-1.png)no-repeat;
  }

  40%,
  70% {
    background: url(/images/tour/main/o6-2.png)no-repeat;
  }
}

@-webkit-keyframes spinspin2 {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(180deg);
  }
}

@keyframes spinspin2 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(2.6);
    transform: scale(2.6);
    opacity: 0;
  }
}

@keyframes ping {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(2.6);
    transform: scale(2.6);
    opacity: 0;
  }
}

@-webkit-keyframes arr {

  0%,
  100% {
    -webkit-transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(6px);
  }
}

@keyframes arr {

  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(6px);
  }
}

@-webkit-keyframes cloud {
  0% {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }

  50% {
    -webkit-transform: scale(0.5) translateX(-40px);
    transform: scale(0.5) translateX(-40px);
  }

  100% {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }
}

@keyframes cloud {
  0% {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }

  50% {
    -webkit-transform: scale(0.9) translateX(-40px);
    transform: scale(0.9) translateX(-40px);
  }

  100% {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }
}

@-webkit-keyframes cloud2 {
  0% {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }

  50% {
    -webkit-transform: scale(0.5) translateX(40px);
    transform: scale(0.5) translateX(40px);
  }

  100% {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }
}

@keyframes cloud2 {
  0% {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }

  50% {
    -webkit-transform: scale(0.9) translateX(40px);
    transform: scale(0.9) translateX(40px);
  }

  100% {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }
}

@keyframes bike-2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
  }
}

@-webkit-keyframes bike-2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
  }
}

@keyframes bike-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
  }
}

@-webkit-keyframes bike-1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
  }
}

@-webkit-keyframes c_eye {

  0%,
  80%,
  90%,
  100% {
    opacity: 1;
  }

  85%,
  95% {
    opacity: 0;
  }
}

@keyframes c_eye {

  0%,
  80%,
  90%,
  100% {
    opacity: 1;
  }

  85%,
  95% {
    opacity: 0;
  }
}

@-webkit-keyframes hand3 {
  0% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }

  50% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }
}

@keyframes hand3 {
  0% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }

  50% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }
}

@-webkit-keyframes vibes {

  0%,
  20%,
  40%,
  100% {}

  10%,
  30% {}

  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }

  75% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  90% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }
}

@keyframes vibes {

  0%,
  20%,
  40%,
  100% {}

  10%,
  30% {}

  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }

  75% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  90% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }
}

@-webkit-keyframes vibes2 {

  0%,
  20%,
  40%,
  100% {
    -webkit-transform: translateY(0)
  }

  10%,
  30% {
    -webkit-transform: translateY(-5px)
  }
}

@keyframes vibes2 {

  0%,
  20%,
  40%,
  100% {
    transform: translateY(0)
  }

  10%,
  30% {
    transform: translateY(-5px)
  }
}

@-webkit-keyframes bear {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@keyframes bear {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@-webkit-keyframes leg {

  0%,
  10%,
  20%,
  30%,
  40%,
  50% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    -webkit-transform: rotate(-35deg) translate(8px, 3px);
    transform: rotate(-35deg) translate(8px, 3px);
  }

  100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
  }
}

@keyframes leg {

  0%,
  10%,
  20%,
  30%,
  40%,
  50% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    -webkit-transform: rotate(-35deg) translate(8px, 3px);
    transform: rotate(-35deg) translate(8px, 3px);
  }

  100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
  }
}

@-webkit-keyframes leg2 {

  0%,
  10%,
  20%,
  30%,
  40%,
  50% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    -webkit-transform: rotate(35deg) translate(-5px, 5px);
    transform: rotate(35deg) translate(-5px, 5px);
  }

  100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
  }
}

@keyframes leg2 {

  0%,
  10%,
  20%,
  30%,
  40%,
  50% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
  }

  5%,
  15%,
  25%,
  35%,
  45% {
    -webkit-transform: rotate(35deg) translate(-5px, 5px);
    transform: rotate(35deg) translate(-5px, 5px);
  }

  100% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
  }
}

@-webkit-keyframes bearhand {

  0%,
  10%,
  20%,
  30%,
  40%,
  50%,
  60%,
  80%,
  90%,
  100% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  5%,
  15%,
  25%,
  35%,
  45%,
  55%,
  65%,
  75%,
  85%,
  95% {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
  }
}

@keyframes bearhand {

  0%,
  10%,
  20%,
  30%,
  40%,
  50%,
  60%,
  80%,
  90%,
  100% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  5%,
  15%,
  25%,
  35%,
  45%,
  55%,
  65%,
  75%,
  85%,
  95% {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
  }
}

@-webkit-keyframes kenburns-bottom {

  0%,
  100% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
    transform-origin: 50% 84%;
  }

  60% {
    -webkit-transform: scale(1.05) translateY(3px);
    transform: scale(1.05) translateY(3px);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
}

@keyframes kenburns-bottom {

  0%,
  100% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
    transform-origin: 50% 84%;
  }

  60% {
    -webkit-transform: scale(1.05) translateY(3px);
    transform: scale(1.05) translateY(3px);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
}

@-webkit-keyframes progress {
  from {
    stroke-dashoffset: 360;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes progress {
  from {
    stroke-dashoffset: 360;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes images_fade {
  0% {
    -webkit-transform: scale(1.05) rotate(0deg);
    transform: scale(1.05) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0.01deg);
    transform: scale(1) rotate(0.01deg);
  }
}

@keyframes images_fade {
  0% {
    -webkit-transform: scale(1.05) rotate(0deg);
    transform: scale(1.05) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0.01deg);
    transform: scale(1) rotate(0.01deg);
  }
}

@-webkit-keyframes showup {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes showup {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes ProgressDots {
  from {
    width: 0px;
  }

  to {
    width: 100%;
  }
}

@keyframes ProgressDots {
  from {
    width: 0px;
  }

  to {
    width: 100%;
  }
}

#foot_layout {
  background: rgba(65, 61, 57, .9);
}

.layout2 {
  position: relative;
  width: 100%;
  max-width: 1668px;
  margin: 0 auto;
}

.layout2:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: '';
}

.clear:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: '';
}

.m_ir {
  background-image: url(/images/tour/main/m_ir.png);
  font-size: 0;
}

.s_obj {
  position: absolute;
}

.main-photo__skin,
.main-photo__skin .photo_list--wrap,
.main-photo__skin .photo_list--wrap .slick-list,
.main-photo__skin .photo_list--wrap .slick-list .slick-track,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide>div,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide>div .photo_list--item,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide>div .photo_list--item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.fix_bg {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  width: auto;
  height: 100vh;
}

.fix_bg .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.fix_bg .inner .bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.fix_bg .inner .bg:after {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  background: url(/images/tour/main/fix_bg.jpg) no-repeat center;
  background-size: cover;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.rockbtn {
  position: absolute;
  top: 415px;
  right: 35px;
  z-index: 10;
}

.rockbtn a {
  display: block;
  position: relative;
  width: 110px;
  height: 110px;
}

.rockbtn a:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: url(/images/tour/main/menu_ico1.png)no-repeat;
  animation-name: main_100th_tis;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 1s;
  -webkit-animation-name: main_100th_tis;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 1s;
}

.rockbtn a span {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/menu_ico2.png)no-repeat;
  font-size: 0;
  opacity: 1;
  transition: opacity 0.3s linear 0.3s;
  -webkit-transition: opacity 0.3s linear 0.3s;
  animation-name: main_100th_ti;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 1s;
  -webkit-animation-name: main_100th_ti;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 1s;
}

@keyframes main_100th_ti {
  0% {
    transform: scale(1);
  }

  5% {
    transform: scale(0.95);
  }

  12% {
    transform: scale(1.05);
  }

  20%,
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes main_100th_ti {
  0% {
    -webkit-transform: scale(1);
  }

  5% {
    -webkit-transform: scale(0.95);
  }

  12% {
    -webkit-transform: scale(1.05);
  }

  20%,
  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes main_100th_tis {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  10% {
    opacity: 0;
    transform: scale(1);
  }

  15% {
    opacity: 1;
    transform: scale(1);
  }

  99.9% {
    opacity: 0;
    transform: scale(1.5);
  }

  100% {
    opacity: 0.9;
    transform: scale(1);
  }
}

@-webkit-keyframes main_100th_tis {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
  }

  10% {
    opacity: 0;
    -webkit-transform: scale(1);
  }

  15% {
    opacity: 1;
    -webkit-transform: scale(1);
  }

  99.9% {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }

  100% {
    opacity: 0.9;
    -webkit-transform: scale(1);
  }
}

.cont {
  position: relative;
  background: #fff;
}

.cont1 {
  overflow: hidden;
  margin: -100px 0 0;
}

.cont1 .event_wrap {
  position: relative;
  z-index: 10;
  height: 181px;
  padding: 55px 0;
  border-bottom: 1px solid #d9d9d9;
}

.cont1 .event_wrap:before,
.cont1 .event_wrap:after {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  content: '';
  width: auto;
  height: 100%;
  background: rgba(255, 255, 255, .7);
}

.cont1 .event_wrap:before {
  left: 0;
  right: 50%;
  margin-right: 834px;
}

.cont1 .event_wrap:after {
  right: 0;
  left: 50%;
  margin-left: 830px;
}

.cont1 .event_wrap .event_slide {
  overflow: hidden;
  height: 70px;
}

.cont1 .event_wrap .event_slide .slick-arrow {
  position: absolute;
}

.cont1 .event_wrap .event_slide .slick-list,
.cont1 .event_wrap .event_slide .slick-track {
  height: 100%;
}

.cont1 .event_wrap .event_slide .slick-slide {
  float: left;
  width: 365px;
  height: 100%;
  margin: 0 35px;
}

.cont1 .event_wrap .event_slide .slick-slide[data-slick-index="-1"] {
  display: none;
}

.cont1 .event_wrap .event_slide .slick-slide>div {
  width: 100%;
  height: 100%;
}

.cont1 .event_wrap .event_slide .item {
  position: relative;
  width: 100%;
  height: 70px;
}

.cont1 .event_wrap .event_slide .item a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.cont1 .event_wrap .event_slide .item .thumb {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 100%;
  border: 1px solid #eee;
}

.cont1 .event_wrap .event_slide .item .thumb span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.cont1 .event_wrap .event_slide .item .thumb span img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: 1000%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cont1 .event_wrap .event_slide .item .info {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  padding-left: 85px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cont1 .event_wrap .event_slide .item .info strong {
  display: block;
  overflow: hidden;
  line-height: 1;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont1 .event_wrap .event_slide .item .info p {
  overflow: hidden;
  margin: 10px 0 0;
  line-height: 1;
  font-size: 14px;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont1 .event_wrap .obj_wrap {
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 390px;
  height: 180px;
  margin-right: -830px;
  padding: 55px 0 0;
  background: #fff;
}

.cont1 .event_wrap .obj_wrap>.inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.cont1 .event_wrap .obj_wrap .tit {}

.cont1 .event_wrap .obj_wrap .control {
  padding: 0 0 0 20px;
}

.cont1 .event_wrap button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  font-size: 0;
}

.cont1 .event_wrap button:before,
.cont1 .event_wrap button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.cont1 .event_wrap button.slick-prev:before,
.cont1 .event_wrap button.slick-next:before {
  width: 5px;
  height: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
  transform: rotate(45deg);
}

.cont1 .event_wrap button.slick-prev:before {
  right: -5px;
  border-width: 0 0 2px 2px;
}

.cont1 .event_wrap button.slick-next:before {
  left: -5px;
  border-width: 2px 2px 0 0;
}

.cont1 .event_wrap button[data-control="play"]:before {
  right: -1px;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #333;
}

.cont1 .event_wrap button[data-control="stop"]:before {
  height: 9px;
}

.cont1 .event_wrap .obj_wrap .b-obj {
  position: absolute;
  right: -70px;
  bottom: 0;
  z-index: 2;
  width: 320px;
  height: 198px;
}

.cont1 .event_wrap .obj_wrap .b-obj .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj {
  position: absolute;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj1 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: url(/images/tour/main/o1.png)no-repeat;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj2 {
  left: 3%;
  top: 31%;
  width: 31.6%;
  height: 44.5%;
  margin: 0;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj2 .in {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/o2.png)no-repeat;
  background-size: 100%;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: head 3s ease infinite 0.5s;
  animation: head 3s ease infinite 0.5s;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj2 .in .obj3,
.cont1 .event_wrap .obj_wrap .b-obj .obj2 .in .obj3 {
  width: 9.9%;
  height: 11.5%;
  background: url(/images/tour/main/o5-2.png)no-repeat;
  background-size: 100% auto;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj2 .in .obj3-1 {
  top: 66%;
  left: 32%;
  -webkit-animation: eye 3s ease infinite 0.5s;
  animation: eye 3s ease infinite 0.5s;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj2 .in .obj3-2 {
  top: 69%;
  right: 31%;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj4 {
  top: 8%;
  width: 2.5%;
  height: 4.1%;
  background: url(/images/tour/main/o6-1.png)no-repeat;
  background-size: 100% auto;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj4-1 {
  right: 50.5%;
  -webkit-animation: eye2 3s ease infinite 0.5s;
  animation: eye2 3s ease infinite 0.5s;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj4-2 {
  right: 42.9%;
  -webkit-animation: eye2 3s ease infinite 0.5s;
  animation: eye2 3s ease infinite 0.5s;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj5 {
  left: 1%;
  top: 63%;
  width: 12.9%;
  height: 16.2%;
  background: url(/images/tour/main/o3.png)no-repeat;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-animation: hand 3s ease infinite 0.5s;
  animation: hand 3s ease infinite 0.5s;
}

.cont1 .event_wrap .obj_wrap .b-obj .obj6 {
  right: 24%;
  top: 13%;
  width: 13.8%;
  height: 22.3%;
  background: url(/images/tour/main/o4.png)no-repeat;
  background-size: 100%;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-animation: h2 3s ease infinite;
  animation: h2 3s ease infinite;
}

.cont .con_title {
  text-align: center;
}

.cont .con_title .strong {
  display: block;
}

.cont .con_title .strong span {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.cont .con_title p {
  margin: 25px 0 50px;
  font-size: 18px;
  color: #000;
}

.cont .icolist {}

.cont .icolist li {
  float: left;
  position: relative;
  width: 25%;
}

.cont .icolist li a {
  display: block;
  width: 100%;
  height: 100%;
}

.cont .icolist li .ico {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  border-radius: 50%;
  background-image: url(/images/tour/main/ico_ir.png);
  vertical-align: top;
}

.cont .icolist li .ico.ico1 {
  background-position: 0 0;
}

.cont .icolist li .ico.ico2 {
  background-position: -80px 0;
}

.cont .icolist li .ico.ico3 {
  background-position: -160px 0;
}

.cont .icolist li .ico.ico4 {
  background-position: -240px 0;
}

.cont .icolist li .ico.ico5 {
  background-position: 0 -80px;
}

.cont .icolist li .ico.ico6 {
  background-position: -80px -80px;
}

.cont .icolist li .ico.ico7 {
  background-position: -160px -80px;
}

.cont .icolist li .ico.ico8 {
  background-position: -240px -80px;
}

.cont .icolist li .ico.ico9 {
  background-position: -320px -80px;
}

.cont .icolist li .ico.ico10 {
  background-position: -320px 0;
}

.cont .icolist li em {
  display: inline-block;
  line-height: 80px;
  color: #1e1e1e;
  font-size: 18px;
  font-weight: 500;
  vertical-align: top;
}

.cont2 {
  padding: 140px 0 0;
}

.cont2:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 625px;
  background: #f2f2f2;
}

.cont2 .s_obj1 {
  top: 50px;
  left: -105px;
  width: 168px;
  height: 168px;
  background: url(/images/tour/main/obj1.png)no-repeat;
}

.cont2 .con_title {
  position: relative;
}

.cont2 .con_title .strong span.txt1 {
  margin-right: 90px;
}

.cont2 .con_title .strong em {
  display: block;
  position: absolute;
  top: -32px;
  right: 50%;
  z-index: 1;
  content: '';
  width: 54px;
  height: 53px;
  margin-right: -237px;
  background: url(/images/tour/main/txt_obj.png)no-repeat;
}

.cont2 .con_title p {}

.cont2 .con_title .c-obj {
  position: absolute;
  left: 50%;
  top: -52px;
  z-index: 2;
  width: 92px;
  height: 120px;
  margin-left: -77px;
}

.cont2 .con_title .c-obj .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.cont2 .con_title .c-obj .obj {
  position: absolute;
}

.cont2 .con_title .c-obj .obj1 {
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/c1.png)no-repeat;
}

.cont2 .con_title .c-obj .obj2 {
  left: 0;
  top: 0;
  z-index: 4;
  width: 9px;
  height: 9px;
  background: url(/images/tour/main/c3.png)no-repeat;
  -webkit-animation: c_eye 3s ease-in-out infinite both;
  animation: c_eye 3s ease-in-out infinite both;
}

.cont2 .con_title .c-obj .obj2.obj2-1 {
  top: 54px;
  left: 27px;
}

.cont2 .con_title .c-obj .obj2.obj2-2 {
  top: 56px;
  left: 54px;
}

.cont2 .con_title .c-obj .obj3 {
  left: 0;
  top: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/c2.png)no-repeat;
}

.cont2 .con_title .c-obj .obj4 {
  left: 10px;
  top: 60px;
  z-index: 3;
  width: 24px;
  height: 25px;
  background: url(/images/tour/main/c4.png)no-repeat;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-animation: hand3 2s ease infinite;
  animation: hand3 2s ease infinite;
}

.cont2 .group {}

.cont2 .group1 {
  height: 555px;
  margin: 0 0 75px;
  display: flex;
  justify-content: center;
}

.cont2 .group1 .box {
  float: left;
  position: relative;
  width: 33%;
  height: 100%;
  box-shadow: 8px 10px 15px rgba(0, 0, 0, .2);
}

.cont2 .group1 .box .tit {
  padding: 90px 0 0;
  text-align: center;
}

.cont2 .group1 .box .tit span {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 27px;
  font-weight: 500;
}

.cont2 .group1 .box .tit strong {
  display: block;
  position: relative;
  width: 144px;
  height: 37px;
  margin: 10px auto 15px;
  background-position: 0 0;
}

.cont2 .group1 .box .tit p {
  line-height: 1.4;
  color: #fff;
  font-size: 15px;
}

.cont2 .group1 .box .mtn {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 160px;
  height: 45px;
  margin: 75px auto 0;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, .3);
  color: rgba(255, 255, 255, .6);
  line-height: 43px;
  text-align: center;
  font-size: 14px;
}

.cont2 .group1 .box .mtn span {
  display: inline-block;
  width: 36px;
  height: 9px;
  margin: 0 0 0 15px;
  background-position: -72px -128px;
}

.cont2 .group1 .box .mtn:before {
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-right: 50px solid transparent;
  border-bottom: 80px solid #544236;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cont2 .group1 .box .mtn {
  margin: 75px auto 0;
}

.cont2 .group1 .box .mtn:hover:before,
.cont2 .group1 .box .mtn:focus:before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.cont2 .group1 .box1 .mtn:hover,
.cont2 .group1 .box1 .mtn:focus,
.cont2 .group1 .box2 .mtn:hover,
.cont2 .group1 .box2 .mtn:focus,
.cont2 .group1 .box3 .mtn:hover,
.cont2 .group1 .box4 .mtn:hover,
.cont2 .group1 .box4 .mtn:focus {
  border: 1px solid #544236;
  color: #fff;
}

.cont2 .group1 .box3 {
  background: #f8f1e4 url(/images/tour/main/bg01.png)no-repeat center bottom;
  background-size: contain;
  z-index: 6;
}

.cont2 .group1 .box3 .tit span {
  color: #375a3f
}

.cont2 .group1 .box3 .tit strong {
  background: url(/images/tour/main/txt01.png)no-repeat;
  font-size: 0;
  width: 213px;
}




.cont2 .group1 .box3 .tit p {
  color: #313131;
}

.cont2 .group1 .box3 .mtn {
  border: 1px solid #adbcb0;
  color: #004338;
}

.cont2 .group1 .box3 .mtn span {
  background: url(/images/tour/main/arr2.png)no-repeat;
}

.cont2 .group1 .box3 .mtn:hover span,
.cont2 .group1 .box3 .mtn:focus span {
  background-image: url(/images/tour/main/m_ir.png);
  background-position: -72px -128px;
}

.cont2 .group1 .box1 {
  overflow: hidden;
  z-index: 3;
  background: #f7c326 url(/images/tour/main/bg02.png)no-repeat center bottom;
  background-size: contain;
  /* box-shadow: 8px 10px 15px rgba(0,0,0,.2); */
}

.cont2 .group1 .box1 .tit {}

.cont2 .group1 .box1 .tit span,
.cont2 .group1 .box1 .tit p {
  color: #544236;
}

.cont2 .group1 .box1 .tit strong {
  width: 144px;
  background-position: -147px 0;
}

.cont2 .group1 .box1 .mtn {
  border: 1px solid #ac881b;
  color: #313131;
}

.cont2 .group1 .box1 .mtn span {
  background: url(/images/tour/main/arr3.png)no-repeat;
}

.cont2 .group1 .box1 .mtn:hover span,
.cont2 .group1 .box1 .mtn:focus span {
  background-image: url(/images/tour/main/m_ir.png);
  background-position: -72px -128px;
}

.cont2 .group1 .box2 {
  overflow: hidden;
  z-index: 1;
  background: #77a6d9;
}

.cont2 .group1 .box2:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: '';
}

.cont2 .group1 .box2 .tit strong:after {
  display: block;
  position: absolute;
  top: -61px;
  right: -64px;
  content: '';
  width: 83px;
  height: 83px;
  background: url(/images/tour/main/cont2_obj5.png)no-repeat;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.cont2.on .group1 .box2 .tit strong:after {
  top: -41px;
  right: -44px;
}

.cont2 .group1 .box2 .cloud {
  width: 38px;
  height: 14px;
  background: url(/images/tour/main/cont2_obj1.png)no-repeat;
}

.cont2 .group1 .box2 .cloud1 {
  top: 250px;
  left: 60px;
}

.cont2 .group1 .box2 .cloud2 {
  top: 290px;
  right: 20px;
}

.cont2.on .group1 .box2 .cloud1 {
  -webkit-animation: cloud2 8s linear infinite 1s;
  animation: cloud2 8s linear infinite 1s;
}

.cont2.on .group1 .box2 .cloud2 {
  -webkit-animation: cloud 8s linear infinite;
  animation: cloud 8s linear infinite;
}

.cont2 .group1 .box2 .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 230px;
  background: url(/images/tour/main/cont2_bg.png)no-repeat left bottom;
  background-size: auto 100%;
}

.cont2 .group1 .box2 .bg .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.cont2 .group1 .box2 .bg .inner .obj {
  position: absolute;
}

.cont2 .group1 .box2 .bg .inner .obj1 {
  top: 5px;
  left: -47px;
  z-index: 2;
  width: 85px;
  height: 104px;
  background: url(/images/tour/main/cont2_obj2.png)no-repeat;
}

.cont2 .group1 .box2 .bg .inner .obj2 {
  top: 51px;
  right: -51px;
  z-index: 3;
  width: 107px;
  height: 70px;
  background: url(/images/tour/main/cont2_obj3.png)no-repeat;
}

.cont2 .group1 .box2 .bg .inner .obj3 {
  right: -70px;
  bottom: 146px;
  z-index: 1;
  width: 227px;
  height: 15px;
  background: url(/images/tour/main/cont2_obj4.png)no-repeat;
}

.cont2.on .group1 .box2 .bg .inner .obj3 {
  -webkit-animation: bike-2 10s linear infinite;
  animation: bike-2 10s linear infinite;
}

.cont2 .group1 .box4 {
  overflow: hidden;
  z-index: 2;
  background: #E4F0F9;
}

.cont2 .group1 .box4 .tit span,
.cont2 .group1 .box4 .tit p {
  color: #36447A;
}

.cont2 .group1 .box4 .mtn {
  border: 1px solid #AEC2DC;
  color: #36447A;
}

.cont2 .group1 .box4 .tit strong {
  background: url(/images/tour/main/txt04.png)no-repeat;
  font-size: 0;
}

.cont2 .group1 .box4 .mtn span {
  background: url(/images/tour/main/box4_arrow.png)no-repeat;
}

.cont2 .group1 .box4 .mtn:hover span,
.cont2 .group1 .box4 .mtn:focus span {
  background-image: url(/images/tour/main/m_ir.png);
  background-position: -72px -128px;
}

.cont2 .group1 .box4 .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 230px;
  background: url(/images/tour/main/cont4_bg01.png)no-repeat left bottom;
  background-size: auto 100%;
}

.cont2 .group1 .box4 .bg .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.cont2 .group1 .box4 .bg .inner .obj {
  position: absolute;
}

.cont2 .group1 .box4 .bg .inner .obj1 {
  bottom: 0;
  left: -47px;
  z-index: 2;
  width: 540px;
  height: 79px;
  background: url(/images/tour/main/cont4_obj1.png)no-repeat;
  background-size: 543px;
}

.cont2 .group1 .box4 .bg .inner .obj3 {
  left: 0;
  bottom: 51px;
  z-index: 1;
  width: 124px;
  height: 101px;
  background: url(/images/tour/main/cont4_obj2.png)no-repeat;
}

.cont2.on .group1 .box4 .bg .inner .obj3 {
  -webkit-animation: bike-1 10s linear infinite;
  animation: bike-1 10s linear infinite;
}

.cont2 .group2 {
  padding: 0 15px 75px;
}

.cont2 .group2 ul {}

.cont2 .group2 ul li {
  float: left;
  position: relative;
  width: 20%;
}

.cont2 .group2 ul li .ico {
  background-color: #f79026;
}

.cont2 .group2 ul li.cyber .ico {
  background-color: #2669b2;
}

.cont2 .group2 ul li.cyber em {
  line-height: 1.3;
  padding: 17px 0 0;
}

.cont2 .group2 ul li.hongbo em {
  line-height: 1.3;
  padding: 17px 0 0;
}

.cont3 {
  overflow: hidden;
  padding: 140px 0 0;
}

.cont3 .s_obj1 {
  top: 200px;
  left: -26px;
  width: 589px;
  height: 178px;
  background: url(/images/tour/main/con3_obj1.png)no-repeat;
}

.cont3 .s_obj2 {
  right: -27px;
  bottom: 53px;
  z-index: 1;
  width: 503px;
  height: 135px;
  background: url(/images/tour/main/con3_obj2.png)no-repeat;
}

.cont3 .con_title .strong span.txt1 {
  margin-right: 75px;
}

.cont3 .con_title .strong span.txt2 {
  margin-right: 125px;
}

.cont3 .con_title .e-obj {
  position: absolute;
  right: 50%;
  top: -52px;
  margin-right: -395px;
  z-index: 2;
  width: 174px;
  height: 131px;
}

.cont3 .con_title .e-obj .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.cont3 .con_title .e-obj .obj {
  position: absolute;
}

.cont3 .con_title .e-obj .obj1 {
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/b1.png)no-repeat;
}

.cont3 .con_title .e-obj .obj2 {
  left: 0;
  top: 0;
  z-index: 1;
  width: 42px;
  height: 53px;
  background: url(/images/tour/main/b2.png)no-repeat;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-animation: bearhand 15s ease infinite;
  animation: bearhand 15s ease infinite;
}

.cont3 .con_title .e-obj .obj3 {
  left: 18px;
  bottom: 11px;
  z-index: 1;
  width: 31px;
  height: 28px;
  background: url(/images/tour/main/b3.png)no-repeat;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.cont3 .con_title .e-obj .obj4 {
  right: 76px;
  bottom: 9px;
  z-index: 1;
  width: 28px;
  height: 31px;
  background: url(/images/tour/main/b4.png)no-repeat;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.cont3.on .con_title .e-obj {
  -webkit-animation: bear 10s linear infinite;
  animation: bear 10s linear infinite;
}

.cont3.on .con_title .e-obj .obj2 {}

.cont3.on .con_title .e-obj .obj3 {
  -webkit-animation: leg 10s ease infinite;
  animation: leg 10s ease infinite;
}

.cont3.on .con_title .e-obj .obj4 {
  -webkit-animation: leg2 10s ease infinite;
  animation: leg2 10s ease infinite;
}

.cont3 .con_title .d-obj {
  position: absolute;
  left: 50%;
  top: -27px;
  z-index: 2;
  width: 74px;
  height: 97px;
  margin-left: -150px;
}

.cont3 .con_title .d-obj .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.cont3 .con_title .d-obj .obj {
  position: absolute;
}

.cont3 .con_title .d-obj .obj_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: vibes2 3.5s ease infinite;
  animation: vibes2 3.5s ease infinite;
}

.cont3 .con_title .d-obj .obj4 {
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/d1.png)no-repeat;
}

.cont3 .con_title .d-obj .obj1 {
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/d2.png)no-repeat;
}

.cont3 .con_title .d-obj .obj2 {
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/d3.png)no-repeat;
}

.cont3 .con_title .d-obj .obj3 {
  left: 4px;
  top: 47px;
  z-index: 2;
  width: 27px;
  height: 21px;
  background: url(/images/tour/main/d4.png)no-repeat;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-animation: vibes 3.5s ease infinite;
  animation: vibes 3.5s ease infinite;
}

.cont3 .group {}

.cont3 .group1 {
  margin: 0 -8px;
  height: 550px;
}

.cont3 .group1 .box {
  float: left;
  position: relative;
  width: calc(33.33% - 16px);
  margin: 0 8px;
}

.cont3 .group1 .box .tit {
  line-height: 1;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.cont3 .group1 .box .tit span {
  display: block;
  height: 23px;
  margin: 15px auto 0;
}

.cont3 .group1 .box1 .tit span {
  width: 106px;
  height: 28px;
  background-position: 0 -40px;
}

.cont3 .group1 .box2 .t_box .tit span {
  width: 92px;
  background-position: 0 -71px;
}

.cont3 .group1 .box2 .b_box .tit span {
  width: 93px;
  background-position: -95px -71px;
}

.cont3 .group1 .box3 .t_box .tit span {
  width: 93px;
  background-position: -95px -71px;
}

.cont3 .group1 .box3 .b_box .tit span {
  width: 113px;
  background-position: -285px -71px;
}

.cont3 .group1 .box .morebtn {
  width: 83px;
  height: 83px;
  margin: 25px auto 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .6);
  text-align: center;
}

.cont3 .group1 .box .morebtn strong {
  display: inline-block;
  min-width: 50px;
  padding: 18px 0 3px;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.07em;
  line-height: 1;
}

.cont3 .group1 .box .morebtn strong span {
  display: inline-block;
  margin-left: 2px;
  font-size: 15px;
}

.cont3 .group1 .box .morebtn em {
  display: block;
  overflow: hidden;
  position: relative;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  margin: 5px auto 0;
  border: 0;
  font-size: 0;
}

.cont3 .group1 .box .morebtn em:before,
.cont3 .group1 .box .morebtn em:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.cont3 .group1 .box .morebtn em:before {
  width: 100%;
  height: 2px;
  background: #fff;
}

.cont3 .group1 .box .morebtn em:after {
  width: 2px;
  height: 100%;
  background: #fff;
}

.cont3 .group1 .box a:hover .morebtn em,
.cont3 .group1 .box a:focus .morebtn em {
  animation: spinspin2 1s ease-out;
  -webkit-animation: spinspin2 1s ease-out;
}

.cont3 .group1 .box1 {
  height: 100%;
  padding: 45px 50px 0;
  background: #785f4e;
}

.cont3 .group1 .box1 span {}

.cont3 .group1 .box1 .seasonSlide {
  display: block;
  height: auto;
  margin: 25px 0 0;
}

.cont3 .group1 .box1 .seasonSlide .photo_list--wrap {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide {
  position: relative;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .cate {
  position: absolute;
  z-index: 1;
  right: 50%;
  top: 5px;
  width: 57px;
  height: 57px;
  margin-right: -115px;
  padding: 14.5px 0 0;
  border-radius: 50%;
  background: #ffc011;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .cate span {
  display: block;
  height: 28px;
  margin: 0 auto;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .cate1 span {
  width: 15px;
  background-position: 0 -97px;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .cate2 span {
  width: 34px;
  background-position: -18px -97px;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .cate3 span {
  width: 40px;
  background-position: -54px -97px;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .cate4 span {
  width: 40px;
  background-position: -98px -97px;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .thumb {
  overflow: hidden;
  position: relative;
  left: 50%;
  top: 0;
  width: 240px;
  height: 240px;
  margin-left: -120px;
  border-radius: 50%;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .thumb span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .thumb span img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  min-width: 100%;
  max-width: 1000%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cont3 .group1 .box1 .seasonSlide .slick-slide .thumb strong {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 60px;
  padding: 13px 40px 0;
  background: #f7c326;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont3 .group1 .box1 .seasonSlide .control {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 50px;
  text-align: center;
}

.cont3 .group1 .box1 .seasonSlide .control .paging {
  display: inline-block;
}

.cont3 .group1 .box1 .seasonSlide .control .paging span {
  display: inline-block;
  margin: 0 2px;
  color: #fff;
  font-size: 15px;
}

.cont3 .group1 .box1 .seasonSlide .control .paging span.current {
  font-weight: 700;
}

.cont3 .group1 .box1 .seasonSlide .control .prev {
  width: 33px;
  height: 25px;
  margin-right: 40px;
  background-position: 0 -128px;
}

.cont3 .group1 .box1 .seasonSlide .control .next {
  width: 33px;
  height: 25px;
  margin-left: 40px;
  background-position: -36px -128px;
}

.cont3 .group1 .box1 .seasonSlide .control button {
  margin: 0;
  font-size: 0;
}

.cont3 .group1 .box1 .seasonSlide .control button[data-control="prev"]:before,
.cont3 .group1 .box1 .seasonSlide .control button[data-control="next"]:before {
  display: none;
}

.cont3 .group1 .box1 .seasonSlide .control button[data-control="stop"]:before {
  width: 2px;
  height: calc(100%/2);
  box-shadow: -3px 0 #fff, 3px 0 #fff;
}

.cont3 .group1 .box1 .seasonSlide .control button[data-control="play"]:before {
  right: -5px;
  width: 0;
  height: 0;
  border-width: 8px 0 8px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

.cont3 .group1 .box1 ul {
  margin: 25px 0 0;
}

.cont3 .group1 .box1 ul li {
  overflow: hidden;
  position: relative;
  margin: 3px 0;
  padding-left: 12px;
  color: #fff;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont3 .group1 .box1 ul li:after {
  display: block;
  position: absolute;
  left: 0;
  top: 11px;
  content: '';
  width: 3px;
  height: 3px;
  background: #a18f83;
}

.cont3 .group1 .box .inbox {
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 267px;
  padding: 60px 0 0;
}

.cont3 .group1 .box .inbox a {
  display: block;
  width: 100%;
  height: 100%;
}

.cont3 .group1 .box .inbox .bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-size: cover;
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.cont3 .group1 .box .t_box {
  margin-bottom: 16px;
}

.cont3 .group1 .box .b_box {}

.cont3 .group1 .box2 {
  height: 100%;
}

.cont3 .group1 .box2 .inbox {
  height: 100%;
  margin: 0;
  padding: 175px 0 0;
}

.cont3 .group1 .box2 .t_box .bg {
  background-image: url(/images/tour/main/boxbg1.jpg);
}

.cont3 .group1 .box2 .b_box .bg {
  background-image: url(/images/tour/main/boxbg2.jpg);
}

.cont3 .group1 .box3 .t_box .bg {
  background-image: url(/images/tour/main/boxbg2.jpg);
}

.cont3 .group1 .box3 .b_box .bg {
  background-image: url(/images/tour/main/boxbg4.jpg);
}

.cont3 .group1 .box .inbox a:hover .bg,
.cont3 .group1 .box .inbox a:focus .bg {
  -webkit-transform: scale(1.05) rotate(0.01deg);
  transform: scale(1.05) rotate(0.01deg);
}

.cont3 .group2 {
  position: relative;
  z-index: 1;
  padding: 50px 50px;
}

.cont3 .group2 ul {}

.cont3 .group2 ul li {
  width: 20%;
}

.cont3 .group2 ul li .ico {
  background-color: #cfa329;
}

.cont4 {
  overflow: hidden;
  position: relative;
  padding: 140px 0 0;
  background: transparent;
}

.cont4:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 175px;
  width: 100%;
  height: auto;
  background: #fff;
}

.cont4:after {
  display: block;
  position: absolute;
  bottom: 175px;
  right: 0;
  left: 50%;
  z-index: 1;
  content: '';
  width: auto;
  height: 425px;
  margin-left: 779px;
  background: rgba(255, 255, 255, .7);
}

.cont4 .con_title .strong span.txt1 {
  margin-right: 85px;
}

.cont4 .con_title .a-obj {
  position: absolute;
  left: 50%;
  top: -61px;
  z-index: 2;
  width: 109px;
  height: 131px;
  margin-left: -90px;
}

.cont4 .con_title .a-obj .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.cont4 .con_title .a-obj .obj {
  position: absolute;
}

.cont4 .con_title .a-obj .obj1 {
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/a1.png)no-repeat;
}

.cont4 .con_title .a-obj .obj2 {
  left: 0;
  top: 0;
  z-index: 4;
  width: 9px;
  height: 9px;
  background: url(/images/tour/main/a4.png)no-repeat;
  -webkit-animation: c_eye 3s ease-in-out infinite both;
  animation: c_eye 3s ease-in-out infinite both;
}

.cont4 .con_title .a-obj .obj2.obj2-1 {
  top: 54px;
  left: 46px;
}

.cont4 .con_title .a-obj .obj2.obj2-2 {
  top: 56px;
  left: 73px;
}

.cont4 .con_title .a-obj .obj3 {
  left: 0;
  top: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/a2.png)no-repeat;
}

.cont4 .con_title .a-obj .obj4 {
  left: 0;
  top: 23px;
  z-index: 3;
  width: 55px;
  height: 63px;
  background: url(/images/tour/main/a3.png)no-repeat;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-animation: hand 2s ease infinite;
  animation: hand 2s ease infinite;
}

.cont4 .swiper-container {
  overflow: visible;
  min-height: 755px;
  padding: 55px 60px;
  background: #ffc011 url(/images/tour/main/cont4_bg.png)no-repeat;
  background-size: 100% auto;
}

.cont4 .swiper-container .swiper-wrapper {
  padding: 100px 0 120px;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  width: 320px;
  height: 425px;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide:last-child {
  margin-right: 475px !important;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide:after {
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide a:hover,
.cont4 .swiper-container .swiper-wrapper .swiper-slide a:focus {
  -webkit-transform: translate(-20px, -20px);
  transform: translate(-20px, -20px);
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide .thumb {
  overflow: hidden;
  width: 100%;
  height: 210px;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide .thumb span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide .thumb span img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  min-width: 100%;
  max-width: 1000%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide .info {
  padding: 35px 40px;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide .info strong {
  display: block;
  overflow: hidden;
  line-height: 1;
  margin: 0 0 15px;
  font-size: 25px;
  font-weight: 700;
  color: #785f4e;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide .info p {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 44px;
  line-height: 1.4;
  margin: 0;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 16px;
  color: #000;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide .info span {
  display: block;
  overflow: hidden;
  margin: 15px 0 0;
  line-height: 1;
  font-size: 16px;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide .arr {
  opacity: 0;
  position: absolute;
  right: 35px;
  bottom: 35px;
  width: 50px;
  height: 13px;
  background: url(/images/tour/main/m_ir.png)no-repeat -164px -128px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cont4 .swiper-container .swiper-wrapper .swiper-slide a:hover .arr,
.cont4 .swiper-container .swiper-wrapper .swiper-slide a:focus .arr {
  opacity: 1;
  animation: arr 0.7s ease-in-out infinite;
  -webkit-animation: arr 0.7s ease-in-out infinite;
}

.cont4 .swiper-container .swiper-button-prev {
  position: absolute;
  top: -125px;
  left: 50%;
  width: 50px;
  height: 13px;
  margin-left: -380px;
  background: url(/images/tour/main/m_ir.png)no-repeat -111px -128px;
}

.cont4 .swiper-container .swiper-button-prev:after {
  display: none;
}

.cont4 .swiper-container .swiper-button-next {
  position: absolute;
  top: -125px;
  right: 50%;
  width: 50px;
  height: 13px;
  margin-right: -380px;
  background: url(/images/tour/main/m_ir.png)no-repeat -164px -128px;
}

.cont4 .swiper-container .swiper-button-next:after {
  display: none;
}

.cont4 .swiper-container .swiper-scrollbar {
  left: 60px;
  right: 515px;
  bottom: 85px;
  width: auto;
  height: 1px;
  border-radius: 0;
  background: #fff;
}

.cont4 .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #ed7616;
}

.cont4 .swiper-container .swiper-scrollbar .swiper-scrollbar-drag:after {
  display: block;
  position: absolute;
  content: '';
  left: 50%;
  top: -49px;
  width: 98px;
  height: 98px;
  background: url(/images/tour/main/scroll.png)no-repeat;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cont4 .group {
  position: absolute;
  top: 125px;
  bottom: 55px;
  right: 55px;
  z-index: 2;
  width: 415px;
  height: auto;
  padding: 65px 45px 0;
  background: #785f4e;
  box-shadow: 8px 10px 10px rgba(0, 0, 0, .2);
}

.cont4 .group strong {
  display: block;
  line-height: 1;
  color: #fff;
  font-weight: 500;
  font-size: 38px;
  text-align: center;
}

.cont4 .group .box {
  margin: 20px 0 30px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.cont4 .group .box ul {
  padding: 10px 0;
}

.cont4 .group .box ul li {}

.cont4 .group .box ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 13px 10px;
}

.cont4 .group .box ul li p {
  overflow: hidden;
  margin: 10px 0 0;
  line-height: 1;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont4 .group .box ul li .date {
  margin: 10px 0 5px;
}

.cont4 .group .box ul li .date em {
  display: block;
  overflow: hidden;
  margin-right: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cont4 .group .box ul li .date em .ico {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
}

.cont4 .group .box ul li .date em .ico1 {
  background-position: 0 -156px;
}

.cont4 .group .box ul li .date em .ico2 {
  background-position: -17px -156px;
}

.cont4 .group .allbtn {
  text-align: center;
}

.cont4 .group .allbtn a {
  display: inline-block;
  width: 135px;
  height: 45px;
  line-height: 45px;
  border-radius: 30px;
  background: #fff;
  font-size: 17px;
  font-weight: 700;
  color: #5d171f;
  text-align: center;
}

.cont5 {
  padding: 170px 0;
  background: transparent;
  background: url(/images/tour/main/fix_bg.jpg) no-repeat center;
  background-size: cover;
}

.cont5 .layout {
  width: 100%;
  height: 100%;
}

.cont5 .group {
  position: relative;
  width: 100%;
  height: 100%;
}

.cont5 .group .tit {
  text-align: center;
}

.cont5 .group .tit span {
  display: block;
  width: 66px;
  height: 51px;
  margin: 0 auto;
  background-position: 0 -173px;
}

.cont5 .group .tit strong {
  display: block;
  margin: 20px 0 45px;
}

.cont5 .group .course_type {}

.cont5 .group .course_type .item_wrap {
  text-align: center;
}

.cont5 .group .course_type .item_wrap .item {
  display: inline-block;
  position: relative;
  margin: 0 3px 5px;
}

.cont5 .group .course_type .item_wrap .item .selectboxs {}

.cont5 .group .course_type .item_wrap .item .selectboxs strong {
  display: inline-block;
}

.cont5 .group .course_type .item_wrap .item .selectboxs strong a {
  display: block;
  position: relative;
  padding: 0 44px 0 5px;
  border-bottom: 2px solid #fea40f;
  font-size: 40px;
  font-weight: 500;
  color: #fea40f;
}

.cont5 .group .course_type .item_wrap .item .selectboxs strong a:after {
  display: block;
  position: absolute;
  right: 15px;
  top: 28px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #fea40f;
  vertical-align: middle;
}

.cont5 .group .course_type .item_wrap .item .selectboxs ul {
  display: none;
  position: absolute;
  left: 0;
  z-index: 1;
  top: 66px;
  width: 100%;
  box-shadow: 8px 10px 10px rgba(0, 0, 0, .2);
}

.cont5 .group .course_type .item_wrap .item .selectboxs.on ul {
  display: block;
}

.cont5 .group .course_type .item_wrap .item .selectboxs ul li {}

.cont5 .group .course_type .item_wrap .item .selectboxs ul li a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dashed rgba(255, 255, 255, .3);
  background: #faa61a;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cont5 .group .course_type .item_wrap .item .selectboxs ul li a:hover,
.cont5 .group .course_type .item_wrap .item .selectboxs ul li a:focus {
  background: #785f4e;
}

.cont5 .group .course_type .item_wrap .item2 {}

.cont5 .group .course_type .item_wrap .item2 strong {
  display: inline-block;
  font-size: 40px;
  font-weight: 500;
  color: #fff;
}

.cont5 .group .course_type .btn_view {
  margin: 80px 0 0;
  text-align: center;
}

.cont5 .group .course_type .btn_view a {
  display: block;
  width: 280px;
  height: 65px;
  line-height: 65px;
  margin: 0 auto;
  border-radius: 50px;
  background: #faa61a;
  color: #383023;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 8px 5px 5px rgba(0, 0, 0, .2);
}

.top_popup {
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 10;
  right: 0;
  width: 50%;
  height: 100px;
}

.top_popup .popup {
  position: relative;
  width: 100%;
  height: 100%;
}

.top_popup .popup>button,
.top_popup .popup>a {
  display: none;
}

.top_popup .popup.on>button {
  display: none;
}

.top_popup .popup>div {
  display: none;
}

.top_popup .popup.on>div {
  display: block;
}

.top_popup .popup>div .popup_slide {
  height: 100px;
}

.top_popup .popup>div .popup_slide .photo_list--wrap {
  position: relative;
  z-index: 1;
}

.top_popup .popup>div .popup_slide .slick-slide .photo_list--item {
  padding-left: 0;
}

.top_popup .popup>div .popup_slide .slick-slide .photo_list--item[data-color="blue"] {
  background: #4e79b8;
}

.top_popup .popup>div .popup_slide .slick-slide .photo_list--item[data-color="yellow"] {
  background: #fad12e;
}

.top_popup .popup>div .popup_slide .slick-slide .photo_list--item[data-color="brown"] {
  background: #4d4c3e;
}

.top_popup .popup>div .popup_slide .photo_list--wrap .slick-list .slick-track .slick-slide>div .photo_list--item a {
  width: 673px;
}

.top_popup .popup>div .popup_slide .slick-slide .picture {
  display: block;
  width: 100%;
  height: 100%;
}

.top_popup .popup>div .popup_slide .slick-slide .picture span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.top_popup .popup>div .popup_slide .slick-slide .picture span img {
  height: 100px;
}

.top_popup .popup>div .clickClose {
  display: block;
  position: absolute;
  right: 20px;
  top: 33px;
  z-index: 10;
  width: 34px;
  height: 34px;
  font-size: 0;
}

.top_popup .popup>div .clickClose:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  margin: -1px 0 0 -15px;
  background-color: #fff;
  content: "";
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.top_popup .popup>div .clickClose:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  margin: -1px 0 0 -15px;
  background-color: #fff;
  content: "";
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.top_popup .popup>div .popup_slide .control {
  display: block;
  position: absolute;
  right: 65px;
  top: 33px;
  z-index: 2;
  width: auto;
}

.top_popup .popup>div .popup_slide .control .paging {
  display: inline-block;
}

.top_popup .popup>div .popup_slide .control .paging span {
  display: inline-block;
  line-height: 34px;
  margin: 0 2px;
  color: #fff;
  font-size: 15px;
}

.top_popup .popup>div .popup_slide .control .paging span.current {
  font-weight: 700;
}

.top_popup .popup>div .popup_slide .control a.popupmore {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0 2px;
  padding: 1px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  vertical-align: top;
}

.top_popup .popup>div .popup_slide .control a.popupmore span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: -2px -228px;
}

.top_popup .popup>div .popup_slide .control button {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0 2px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  vertical-align: top;
  font-size: 0;
}

.top_popup .popup>div .popup_slide .control button[data-control="prev"]:before,
.top_popup .popup>div .popup_slide .control button[data-control="next"]:before {
  width: 6px;
  height: 6px;
  border-color: #fff;
}

.top_popup .popup>div .popup_slide .control button[data-control="prev"]:before {
  right: -2px;
  border-width: 0 0 2px 2px;
}

.top_popup .popup>div .popup_slide .control button[data-control="next"]:before {
  left: -2px;
  border-width: 2px 2px 0 0;
}

.top_popup .popup>div .popup_slide .control button[data-control="stop"]:before {
  height: 10px;
  box-shadow: -3px 0 #fff, 3px 0 #fff;
}

.top_popup .popup>div .popup_slide .control button[data-control="play"]:before {
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #fff;
}

#ajaxLayer {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
}

.popuplayer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 753px;
  height: 475px;
  padding: 0 10px 10px;
  background: #fad12e;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.popuplayer .inner {
  height: 100%;
}

.popuplayer .inner .tit {
  height: 75px;
  line-height: 75px;
  padding-left: 35px;
  font-weight: 700;
  font-size: 17px;
  color: #4d4c3e;
}

.popuplayer .inner .poplist_wrap {
  height: calc(100% - 75px);
  padding: 35px;
  background: #fff;
}

.popuplayer .inner .poplist_wrap .poplist {
  overflow-y: auto;
  height: 100%;
}

.popuplayer .inner .poplist_wrap .poplist .box {
  margin: 0 0 10px;
}

.popuplayer .inner .poplist_wrap .poplist .box a {
  display: block;
  width: 100%;
  height: 100%;
}

.popuplayer .inner .poplist_wrap .poplist .box img {}

.popuplayer .layerClose {
  display: block;
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 10;
  width: 25px;
  height: 25px;
  font-size: 0;
}

.popuplayer .layerClose:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  margin: -1px 0 0 -15px;
  background-color: #4d4c3e;
  content: "";
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.popuplayer .layerClose:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  margin: -1px 0 0 -15px;
  background-color: #4d4c3e;
  content: "";
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#main_visual2 {
  position: relative;
  width: 100%;
  height: 800px;
}

#main_visual2 .viewer_area {
  width: 100%;
  height: 100%;
}

#main_visual2 .viewer_area .slick-arrow {
  position: absolute;
  bottom: 0;
}

#main_visual2 .slick-list {
  width: 100%;
  height: 100%;
}

#main_visual2 .slick-list .slick-track {
  width: 100%;
  height: 100%;
}

#main_visual2 .slick-list .slick-slide {
  width: 100%;
  height: 100%;
}

#main_visual2 .slick-list .slick-slide>div {
  width: 100%;
  height: 100%;
}

#main_visual2 .images_fade {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#main_visual2 .images_fade1 {
  background-image: url(/images/tour/main/visual1.jpg);
}

#main_visual2 .images_fade2 {
  background-image: url(/images/tour/main/visual1-2.jpg);
}

#main_visual2 .images_fade3 {
  background-image: url(/images/tour/main/visual1-3.jpg);
}

#main_visual2 .images_fade4 {
  background-image: url(/images/tour/main/visual1-4.jpg);
}

#main_visual2 .images_fade5 {
  background-image: url(/images/tour/main/visual1-5.jpg);
}

#main_visual2 .images_fade6 {
  background-image: url(/images/tour/main/visual1-6.jpg);
}

#main_visual2 .images_fade7 {
  background-image: url(/images/tour/main/visual1-7.jpg);
}

#main_visual2 .images_fade8 {
  background-image: url(/images/tour/main/visual1-8.jpg);
}

#main_visual2 .images_fade9 {
  background-image: url(/images/tour/main/visual1-9.jpg);
}

#main_visual2 .images_fade10 {
  background-image: url(/images/tour/main/visual1-10.jpg);
}

#main_visual2 .images_fade .tit {
  margin: 330px 0 0;
  text-align: center;
}

#main_visual2 .images_fade .tit p {
  overflow: hidden;
  line-height: 1;
  margin: 0;
  font-size: 25px;
  font-weight: 500;
  color: #fff;
}

#main_visual2 .images_fade .tit p span {
  display: block;
  line-height: 1.5;
}

#main_visual2 .slick-active .images_fade .tit p span {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: tittxt 0.7s linear forwards;
  animation: tittxt 0.7s linear forwards;
}

@keyframes tittxt {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes tittxt {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#main_visual2 .images_fade .tit strong {
  display: block;
  overflow: hidden;
  line-height: 1;
  margin: 20px 0 0;
  padding: 0 20px;
}

#main_visual2 .images_fade .tit strong img {
  display: inline-block;
  width: auto;
}

#main_visual2 .slick-active .images_fade .tit strong img {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: tittxt 1.1s linear forwards 0.5s;
  animation: tittxt 1.1s linear forwards 0.5s;
}

#main_visual2 .paging {
  position: absolute;
  right: 35px;
  bottom: 60px;
}

#main_visual2 .paging .inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 210px 0 80px;
}

#main_visual2 .paging .slick-dots {
  display: inline-block;
  position: relative;
  width: 180px;
  height: 2px;
  margin: 29px 0 0;
  background: rgba(255, 255, 255, 0.2);
}

#main_visual2 .paging .slick-dots:after {
  display: block;
  clear: both;
  visibility: hidden;
  content: '';
}

#main_visual2 .paging .slick-dots li {
  display: inline-block;
  float: left;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: #ffc039;
}

#main_visual2 .paging .slick-dots li.slick-active {
  width: 100%;
  -webkit-animation: ProgressDots 11s both;
  animation: ProgressDots 11s both;
}

#main_visual2 .paging .slick-dots li button {
  display: none;
}

#main_visual2 .paging>button {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .25);
  font-size: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#main_visual2 .paging>button.pause {}

#main_visual2 .paging>button.play {}

#main_visual2 .paging>button[data-control="stop"]:before {
  width: 2px;
  height: 15px;
  box-shadow: -3px 0 #fff, 3px 0 #fff;
}

#main_visual2 .paging>button[data-control="play"]:before {
  right: -5px;
  width: 0;
  height: 0;
  border-width: 8px 0 8px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

#main_visual2 .paging .total {
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 280px;
}

#main_visual2 .paging .total span {
  display: inline-block;
  font-size: 15px;
  color: #fff;
}

#main_visual2 .paging .total span.current {
  font-size: 20px;
  font-weight: 700;
}

#main_visual2 .paging .slick-arrow {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .25);
  font-size: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#main_visual2 .paging .slick-arrow:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: url(/images/tour/main/arr.png)no-repeat;
}

#main_visual2 .paging .slick-arrow.slick-prev {
  left: 0;
}

#main_visual2 .paging .slick-arrow.slick-next {
  left: 340px;
}

#main_visual2 .paging .slick-arrow.slick-prev:after {
  background-position: 0 -60px;
}

#main_visual2 .paging .slick-arrow.slick-next:after {
  background-position: -60px -60px;
}

#main_visual2 .paging .slick-arrow.slick-prev:hover:after,
#main_visual2 .paging .slick-arrow.slick-prev:focus:after {
  background-position: 0 0;
}

#main_visual2 .paging .slick-arrow.slick-next:hover:after,
#main_visual2 .paging .slick-arrow.slick-next:focus:after {
  background-position: -60px 0;
}

#main_visual2 .paging .slick-arrow:hover,
#main_visual2 .paging .slick-arrow:focus {
  background-color: #fff;
}

@media screen and (max-width: 1854px) {
  .top_popup .popup>div .popup_slide .control .paging {
    display: none;
  }

  .top_popup .popup>div .popup_slide .control a.popupmore,
  .top_popup .popup>div .popup_slide .control button {
    margin: 0
  }
}

@media screen and (max-width: 1747px) {
  .layout2 {
    max-width: 100%;
    padding: 0 40px;
  }

  .top_popup {
    top: auto;
    bottom: 181px;
    width: 100%;
  }

  .top_popup .popup>div .popup_slide .slick-slide .photo_list--item {
    padding: 0;
  }

  .top_popup .popup>div .popup_slide .photo_list--wrap .slick-list .slick-track .slick-slide>div .photo_list--item a {
    width: 100%;
  }

  .top_popup .popup>div .popup_slide .slick-slide .picture {
    width: 673px;
    margin: 0 auto;
  }

  .top_popup .popup>div .popup_slide .control .paging {
    display: inline-block;
  }

  .top_popup .popup>div .popup_slide .control a.popupmore,
  .top_popup .popup>div .popup_slide .control button {
    margin: 0 2px
  }

  #main_visual2 .images_fade .tit {
    margin: 250px 0 0;
  }

  #main_visual2 .paging {
    right: 50%;
    bottom: 259px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  .cont1 .event_wrap .obj_wrap {
    right: 0;
    margin: 0;
  }

  .cont1 .event_wrap .obj_wrap>.inner:after {
    display: block;
    position: absolute;
    content: '';
    top: -55px;
    bottom: 0;
    left: -50px;
    width: 50px;
    height: auto;
    background: rgba(255, 255, 255, .9);
    background: -webkit-linear-gradient(to left, #fff, rgba(255, 255, 255, .6));
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, .6));
  }

  .cont4:after {
    display: none;
  }
}

@media screen and (max-width: 1500px) {
  .rockbtn {
    top: auto;
    bottom: 90px;
  }
}

@media screen and (max-width: 1279px) {
  .layout2 {
    max-width: 100%;
    padding: 0 20px;
  }

  .top_popup .popup>div .popup_slide .slick-slide .picture {
    margin: 0;
  }

  .cont .icolist li {
    text-align: center;
  }

  .cont .icolist li .ico {
    display: block;
    margin: 0 auto 10px;
  }

  .cont .icolist li em {
    line-height: 1.3;
  }

  .cont2 .group2 ul li.cyber em {
    padding: 0;
  }

  .cont2,
  .cont3,
  .cont4 {
    padding: 120px 0 0;
  }

  .cont2 .con_title .strong em {
    display: none;
  }

  .cont2 .con_title .strong span img {
    height: 52px;
  }

  .cont2 .group2 {
    padding: 0 10px 75px;
  }

  .cont3 .con_title .strong span img {
    height: 62px;
  }

  .cont3 .s_obj1 {
    width: 381px;
    height: 115px;
    background-size: auto 115px;
  }

  .cont3 .s_obj2 {
    bottom: 70px;
    width: 428px;
    height: 115px;
    background-size: auto 115px;
  }

  .cont3 .group1 .box1 {
    padding: 45px 0 0;
  }

  .cont3 .group1 .box1 ul {
    padding: 0 40px;
  }

  .cont3 .group2 {
    padding: 50px 10px;
  }

  .cont4 .con_title .strong span img {
    height: 53px;
  }

  .cont4 .group {
    right: 40px;
    width: 350px;
    padding: 65px 35px 0;
  }

  .cont4 .swiper-container .swiper-wrapper .swiper-slide:last-child {
    margin-right: 370px !important;
  }

  .cont5 .group .tit strong img {
    height: 58px;
  }

  .cont5 .group .course_type .item_wrap .item .selectboxs strong a,
  .cont5 .group .course_type .item_wrap .item2 strong {
    font-size: 35px;
  }
}

@media screen and (max-width: 1199px) {
  /*   .cont2 .group1 {height:auto;}
.cont2 .group1 .box1 {float:none; width:100%;height:515px;}
.cont2 .group1 .box1 .tit,
.cont2 .group1 .box1 .citySlide .slick-dots,
.cont2 .group1 .box1 .citySlide .slick-slide .mtn_wrap {width:460px;}
.cont2 .group1 .box1 .citySlide .slick-slide .thumb {top: 115px;right: 11%;}
.cont2 .group1 .box2 {float:none;width:100%;height: 340px;}

.cont2 .group1 .box2 .tit {float:left;width:calc(100% - 460px);height: 100%;padding: 70px 0 0;background: #4e79b8;}
.cont2 .group1 .box2 .mtn {margin: 35px auto 0;}
.cont2 .group1 .box2 .bg {overflow:hidden; left: auto;right: 0;width:460px;}
.cont2 .group1 .box2 .cloud1 {top:70px;left:auto;right:360px;}
.cont2 .group1 .box2 .cloud2 {top:80px;right:30px;}
.cont2 .group1 .box2 .tit strong:after {display:none;} */
}

@media screen and (max-width: 1023px) {
  .fix_bg .inner .bg {
    -webkit-transform: none !important;
    transform: none !important;
  }

  .top_popup {
    bottom: 171px;
  }

  #main_visual2 .images_fade .tit p {
    font-size: 18px;
  }

  #main_visual2 .images_fade .tit strong img {
    max-height: 50px;
  }

  #main_visual2 .paging .inner {
    padding: 0 136px 0 50px;
  }

  #main_visual2 .paging .slick-dots {
    width: 100px;
    margin: 20px 0 0;
  }

  #main_visual2 .paging .slick-arrow {
    width: 40px;
    height: 40px;
  }

  #main_visual2 .paging .slick-arrow:after {
    background-size: 80px auto;
  }

  #main_visual2 .paging .slick-arrow.slick-next {
    left: 206px;
  }

  #main_visual2 .paging .slick-arrow.slick-prev:after {
    background-position: 0 -40px;
  }

  #main_visual2 .paging .slick-arrow.slick-next:after {
    background-position: -40px -40px;
  }

  #main_visual2 .paging .slick-arrow.slick-prev:hover:after,
  #main_visual2 .paging .slick-arrow.slick-prev:focus:after {
    background-position: 0 0;
  }

  #main_visual2 .paging .slick-arrow.slick-next:hover:after,
  #main_visual2 .paging .slick-arrow.slick-next:focus:after {
    background-position: -40px 0;
  }

  #main_visual2 .paging>button {
    width: 40px;
    height: 40px;
  }

  #main_visual2 .paging .total {
    top: 6px;
    left: 165px;
  }

  #main_visual2 .paging .total span {
    font-size: 13px;
  }

  #main_visual2 .paging .total span.current {
    font-size: 16px;
  }

  #main_visual2 .slick-active .images_fade .tit strong img {
    -webkit-animation: tittxt 0.7s linear forwards 0.5s;
    animation: tittxt 0.7s linear forwards 0.5s;
  }

  .cont1 .event_wrap {
    height: 171px;
    padding: 50px 0;
  }

  .cont1 .event_wrap .obj_wrap {
    display: none;
  }

  .cont2,
  .cont3,
  .cont4 {
    padding: 100px 0 0;
  }

  .cont2 .con_title .strong span img {
    height: 45px;
  }

  .cont3 .con_title .strong span img {
    height: 55px;
  }

  .cont4 .con_title .strong span img {
    height: 46px;
  }

  .cont .icolist li .ico {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    background-size: 300px auto;
  }

  .cont .icolist li .ico.ico1 {
    background-position: 0 0;
  }

  .cont .icolist li .ico.ico2 {
    background-position: -60px 0;
  }

  .cont .icolist li .ico.ico3 {
    background-position: -120px 0;
  }

  .cont .icolist li .ico.ico4 {
    background-position: -180px 0;
  }

  .cont .icolist li .ico.ico5 {
    background-position: 0 -60px;
  }

  .cont .icolist li .ico.ico6 {
    background-position: -60px -60px;
  }

  .cont .icolist li .ico.ico7 {
    background-position: -120px -60px;
  }

  .cont .icolist li .ico.ico8 {
    background-position: -180px -60px;
  }

  .cont .icolist li .ico.ico9 {
    background-position: -240px -60px;
  }

  .cont .icolist li .ico.ico10 {
    background-position: -240px 0;
  }

  .cont .icolist li em {
    display: block;
    line-height: 1.3;
    font-size: 16px;
    text-align: center;
  }

  .cont2 .con_title .c-obj {
    top: -62px;
    margin-left: -73px;
  }


  /*   .cont2 .group1 .box1 .tit,
.cont2 .group1 .box1 .citySlide .slick-dots,
.cont2 .group1 .box1 .citySlide .slick-slide .mtn_wrap {width:54%;}
.cont2 .group1 .box1 .citySlide .slick-slide .bg {height:300px;background-size:auto 300px;background-position: left bottom;}
.cont2 .group1 .box1 .citySlide .slick-slide .thumb {top: 135px;right: 8%;}
.cont2 .group1 .box1 .citySlide .slick-slide .thumb span img {width: 386px;height: 250px;margin: 0 auto;}
.cont2 .group1 .box1 .citySlide .slick-slide .thumb .city_obj {display:none;}
.cont2 .group1 .box2 .tit  {width:54%;}
.cont2 .group1 .box2 .cloud1 {right: 265px;}
.cont2 .group1 .box2 .bg {width: 46%;} */
  .cont2 {
    padding: 30px 0 0;
  }

  .cont2 .group1 .box {
    width: 50%;
    min-height: 390px;
  }

  .cont2 .group1 .box .tit {
    padding-top: 50px;
  }

  .cont2 .group1 .box .tit span {
    font-size: 20px;
  }

  .cont2 .group1 .box .tit strong {
    height: 27px;
  }

  .cont2 .group1 .box .tit p {
    font-size: 13px;
  }

  .cont2 .con_title,
  .cont2 .s_obj1,
  .cont2 .group1 .box1 .citySlide .slick-slide .mtn_wrap {
    display: none;
  }

  .cont2 .group1 {
    margin: 0 0 35px;
    height: 100%;
  }

  .cont2 .group1 .box1 .tit {}

  .cont2 .group1 .box3 .tit strong {
    width: auto;
    background-size: auto 100%;
    background-position: center;
  }

  .cont2 .group1 .box1 .tit strong {
    width: 107px;
    background-position: -294px -1px;
  }

  .cont2 .group1 .box2 .tit strong {
    width: 107px;
    background-position: -294px -31px;
  }

  .cont2 .group1 .box1 .tit,
  .cont2 .group1 .box1 .citySlide .slick-dots,
  .cont2 .group1 .box1 .citySlide .slick-slide .mtn_wrap {
    width: 100%;
  }

  .cont2 .group1 .box1 .citySlide .slick-slide a {
    padding: 10px;
  }

  .cont2 .group1 .box1 .citySlide .slick-slide .thumb {
    top: 205px;
    right: 0;
    width: 100%;
    padding: 0 20px;
  }

  .cont2 .group1 .box1 .citySlide .slick-slide .thumb span img {
    width: 100%;
    max-width: 386px;
    height: auto;
  }

  .cont2 .group1 .box1 .citySlide .slick-slide .bg {
    bottom: -30px;
    height: 250px;
    background-size: auto 250px;
    background-position: left bottom;
  }

  .cont2 .group1 .box1 .citySlide .slick-dots {
    top: 168px;
  }

  .cont2 .group1 .box2 .cloud1 {
    right: 170px;
  }

  .cont2 .group1 .box2 .cloud2 {
    right: -20px;
  }

  .cont2 .group1 .box2 .bg .inner .obj3 {
    bottom: 154px;
  }

  .cont2 .group1 .box2 .bg .inner .obj1 {
    left: -45px;
    top: 7px;
  }

  .cont2 .group1 .box4 .tit strong {
    width: 100px;
    background-size: 100px;
  }

  .cont2 .group1 .box4 .bg,
  .cont2 .group1 .box2 .bg{
    background-size: 100%
  }
  .cont2 .group1 .box4 .bg .inner .obj1{display: none;}
  .cont2 .group2 {
    padding: 0 0 50px;
  }

  .cont3 .s_obj1 {
    top: 170px;
  }

  .cont3 .s_obj2 {
    bottom: 80px;
  }

  .cont3 .group1 {
    position: relative;
    height: 833px;
  }

  .cont3 .group1 .box {
    width: calc(50% - 16px);
  }

  .cont3 .group1 .box1,
  .cont3 .group1 .box2 {
    height: 550px;
  }

  .cont3 .group1 .box3 {
    float: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
  }

  .cont3 .group1 .box3:after {
    display: block;
    clear: both;
    visibility: hidden;
    content: '';
  }

  .cont3 .group1 .box3 .inbox {
    float: left;
    width: calc(50% - 16px);
    margin: 0 8px;
  }

  .cont3 .group2 {
    padding: 50px 0;
  }

  .cont4:before {
    bottom: 145px;
  }

  .cont4 .group {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    padding: 40px 20px;
  }

  .cont4 .group:before,
  .cont4 .group:after {
    display: block;
    position: absolute;
    content: '';
    left: -20px;
    top: 0;
    bottom: 145px;
    z-index: -1;
    width: 20px;
    background: #ffc011;
  }

  .cont4 .group:before {
    left: auto;
    right: -20px;
  }

  .cont4 .swiper-container {
    min-height: 670px;
    margin: 0 -20px;
    padding: 55px 20px 130px;
    background-size: auto 200px;
    background-position: right top;
  }

  .cont4 .swiper-container .swiper-wrapper {
    padding: 30px 0;
  }

  .cont4 .swiper-container .swiper-button-prev {
    left: 20px;
    margin: 0;
  }

  .cont4 .swiper-container .swiper-button-next {
    right: 20px;
    margin: 0;
  }

  .cont4 .swiper-container .swiper-wrapper .swiper-slide:last-child {
    margin-right: 0 !important;
  }

  .cont4 .swiper-container .swiper-scrollbar {
    left: 20px;
    right: 20px;
  }

  .cont4 .group .box {
    margin: 20px 0;
    border-top: 2px solid #937f71;
    border-bottom: none;
  }

  .cont4 .group .box ul {
    padding: 0;
  }

  .cont4 .group .box ul li {
    border-bottom: 1px solid #937f71
  }

  .cont4 .group .box ul li .date em {
    display: inline-block;
    max-width: 48%;
  }

  .cont5 .group .tit strong img {
    height: 50px;
  }

  .cont5 .group .course_type .item_wrap .item .selectboxs strong a,
  .cont5 .group .course_type .item_wrap .item2 strong {
    font-size: 30px;
  }

  .cont5 .group .course_type .item_wrap .item .selectboxs strong a:after {
    top: 22px;
  }
}

@media screen and (max-width: 980px) {

  .top_popup .popup>div .popup_slide .control .paging,
  .top_popup .popup>div .popup_slide .control a.popupmore,
  .top_popup .popup>div .popup_slide .control button[data-control="stop"],
  .top_popup .popup>div .popup_slide .control button[data-control="play"],
  .top_popup .popup>div .clickClose {
    display: none;
  }

  .top_popup .popup>div .popup_slide .control {
    right: 0;
    width: 100%;
    z-index: 1;
  }

  .top_popup .popup>div .popup_slide .control button[data-control="prev"] {
    position: absolute;
    left: 20px;
  }

  .top_popup .popup>div .popup_slide .control button[data-control="next"] {
    position: absolute;
    right: 20px;
  }

  .top_popup .popup>div .popup_slide .slick-slide .picture {
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .rockbtn {
    right: 25px;
    bottom: auto;
    top: 400px;
  }

  .rockbtn a {
    width: 80px;
    height: 80px;
  }

  .rockbtn a:after {
    background-size: 100% auto;
  }

  .rockbtn a span {
    background-size: 100% auto;
  }

  #main_visual2 {
    height: 550px;
  }

  #main_visual2 .images_fade .tit {
    margin: 160px 0 0;
  }

  #main_visual2 .images_fade .tit p {
    padding: 0 20px;
    font-size: 15px;
  }

  #main_visual2 .images_fade .tit strong img {
    max-height: 30px;
  }

  #main_visual2 .paging {
    bottom: 140px;
  }

  .top_popup {
    bottom: 110px;
    height: auto;
  }

  .top_popup .popup>div .popup_slide {
    height: auto;
  }

  .top_popup .popup>div .popup_slide .slick-slide .picture {
    width: 100%;
    max-width: 673px;
    padding: 0 20px;
  }

  .top_popup .popup>div .popup_slide .slick-slide .picture span img {
    width: auto;
    height: auto;
    min-height: 55px;
    margin: 0 auto;
  }

  .top_popup .popup>div .popup_slide .control {
    position: static;
    top: 0;
  }

  .top_popup .popup>div .popup_slide .control button[data-control="prev"] {
    z-index: 2;
    left: 5px;
    top: 50%;
    margin-top: -17px;
  }

  .top_popup .popup>div .popup_slide .control button[data-control="next"] {
    z-index: 2;
    right: 5px;
    top: 50%;
    margin-top: -17px;
  }

  .cont .con_title p {
    margin: 10px 0 30px;
    font-size: 14px;
  }

  .cont3,
  .cont4 {
    padding: 50px 0 0;
  }

  .cont1 .event_wrap {
    height: 110px;
    padding: 30px 0;
  }

  .cont1 .event_wrap .event_slide .slick-slide {
    width: 280px;
    margin: 0 20px;
  }

  .cont1 .event_wrap .event_slide .item {
    height: 50px;
  }

  .cont1 .event_wrap .event_slide .item .thumb {
    width: 50px;
  }

  .cont1 .event_wrap .event_slide .item .info {
    padding-left: 65px;
  }

  .cont1 .event_wrap .event_slide .item .info strong {
    font-size: 20px;
  }

  .cont1 .event_wrap .event_slide .item .info p {
    margin: 5px 0 0;
  }

  .cont2 .group1 {
    height: auto;
    margin: 0 0 35px;
    flex-direction: column;
  }

  .cont2 .group1 .box {
    float: none;
    width: 100%;
    min-height: 322px;
    flex-direction: column;
  }

  .cont2 .group1 .box .tit {
    padding: 50px 0 0;
  }

  .cont2 .group1 .box .mtn {
    margin: 30px auto 0;
  }

  .cont2 .group1 .box3 {
    background: #f8f1e4 url(/images/tour/main/bg01-1.png)no-repeat center bottom;
    background-size: contain;
  }

  .cont2 .group1 .box1 {
    background: #f7c326 url(/images/tour/main/bg02-1.png)no-repeat center bottom;
    background-size: contain;
  }

  .cont2 .group1 .box2 {
    background: #77a6d9 url(/images/tour/main/bg03-1.png)no-repeat center bottom;
    background-size: cover;
  }

  .cont2 .group1 .box2 .tit {
    float: none;
    width: 100%;
  }

  .cont2 .group1 .box2 .bg {
    display: none;
    float: none;
    bottom: -100px;
    width: 100%;
  }

  .cont2 .group1 .box2 .cloud {
    display: none;
  }

  .cont2 .group2 {
    padding: 0 0 35px;
  }

  .cont .icolist li em {
    font-size: 15px;
  }

  .cont .icolist li .ico {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    background-size: 250px auto;
  }

  .cont .icolist li .ico.ico1 {
    background-position: 0 0;
  }

  .cont .icolist li .ico.ico2 {
    background-position: -50px 0;
  }

  .cont .icolist li .ico.ico3 {
    background-position: -100px 0;
  }

  .cont .icolist li .ico.ico4 {
    background-position: -150px 0;
  }

  .cont .icolist li .ico.ico5 {
    background-position: 0 -50px;
  }

  .cont .icolist li .ico.ico6 {
    background-position: -50px -50px;
  }

  .cont .icolist li .ico.ico7 {
    background-position: -100px -50px;
  }

  .cont .icolist li .ico.ico8 {
    background-position: -150px -50px;
  }

  .cont .icolist li .ico.ico9 {
    background-position: -200px -50px;
  }

  .cont .icolist li .ico.ico10 {
    background-position: -200px 0;
  }

  .cont3 .s_obj1,
  .cont3 .s_obj2 {
    display: none;
  }

  .cont3 .con_title .strong span.txt1 {
    margin-right: 5px;
  }

  .cont3 .con_title .strong span.txt2 {
    position: relative;
    margin-right: 70px;
  }

  .cont3 .con_title .strong span.txt2:after {
    display: block;
    position: absolute;
    bottom: -4px;
    right: -75px;
    content: '';
    width: 72px;
    height: 56px;
    background-image: url(/images/tour/main/m_ir.png);
    background-position: -49px -262px;
  }

  .cont3 .con_title .strong span img {
    height: 35px;
  }

  .cont3 .con_title .d-obj,
  .cont3 .con_title .e-obj {
    display: none;
  }

  .cont3 .group1 {
    height: auto;
    margin: 0;
  }

  .cont3 .group1 .box {
    float: none;
    width: 100%;
    margin: 0;
  }

  .cont3 .group1 .box .t_box {
    margin: 0;
  }

  .cont3 .group1 .box1 {
    height: 470px;
    padding: 30px 0;
  }

  .cont3 .group1 .box1 .seasonSlide .slick-slide .thumb {
    width: 200px;
    height: 200px;
    margin-left: -100px;
  }

  .cont3 .group1 .box1 .seasonSlide .control {
    bottom: 30px;
  }

  .cont3 .group1 .box2 {
    height: 267px;
  }

  .cont3 .group1 .box2 .inbox {
    padding: 60px 0 0;
  }

  .cont3 .group1 .box3 {
    position: static;
    width: 100%;
  }

  .cont3 .group1 .box3 .inbox {
    float: none;
    width: 100%;
    margin: 0;
  }

  .cont3 .group2 {
    padding: 30px 0;
  }

  .cont4 .con_title .strong span.txt1 {
    position: relative;
    margin-right: 40px;
  }

  .cont4 .con_title .strong span.txt1:after {
    display: block;
    position: absolute;
    bottom: -4px;
    right: -42px;
    content: '';
    width: 46px;
    height: 54px;
    background-image: url(/images/tour/main/m_ir.png);
    background-position: 0 -262px;
  }

  .cont4 .con_title .strong span img {
    height: 26px;
  }

  .cont4 .con_title .a-obj {
    display: none;
  }

  .cont4 .swiper-container {
    min-height: 390px;
    padding: 30px 20px 0;
  }

  .cont4 .swiper-container .swiper-wrapper .swiper-slide {
    width: 210px;
    height: 300px;
  }

  .cont4 .swiper-container .swiper-wrapper .swiper-slide .thumb {
    height: 150px;
  }

  .cont4 .swiper-container .swiper-wrapper .swiper-slide .info {
    padding: 26px 20px;
  }

  .cont4 .swiper-container .swiper-wrapper .swiper-slide .info strong {
    font-size: 20px;
    margin: 0 0 10px;
  }

  .cont4 .swiper-container .swiper-wrapper .swiper-slide .info p {
    height: 38px;
    font-size: 14px;
  }

  .cont4 .swiper-container .swiper-scrollbar,
  .cont4 .swiper-container .swiper-button-prev,
  .cont4 .swiper-container .swiper-button-next,
  .cont4 .swiper-container .swiper-wrapper .swiper-slide .arr {
    display: none;
  }

  .cont4 .group {
    padding: 30px 20px;
  }

  .cont4 .group strong {
    font-size: 22px;
  }

  .cont4 .group .box ul li p {
    font-size: 16px;
  }

  .cont4 .group .box ul li .date em {
    max-width: 100%;
  }

  .cont4 .group:before,
  .cont4 .group:after {
    bottom: 30px;
  }

  .cont5 {
    padding: 100px 0;
  }

  .cont5 .group .tit span {
    width: 43px;
    height: 35px;
    background-position: -69px -173px;
  }

  .cont5 .group .tit strong {
    margin: 20px 0;
  }

  .cont5 .group .tit strong img {
    height: 30px;
  }

  .cont5 .group .course_type .item_wrap .item .selectboxs strong a,
  .cont5 .group .course_type .item_wrap .item2 strong {
    font-size: 22px;
  }

  .cont5 .group .course_type .item_wrap .item .selectboxs strong a {
    padding: 0 24px 0 5px;
  }

  .cont5 .group .course_type .item_wrap .item .selectboxs strong a:after {
    right: 7px;
    top: 17px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fea40f;
  }

  .cont5 .group .course_type .btn_view {
    margin: 30px 0 0;
  }

  .cont5 .group .course_type .btn_view a {
    width: 200px;
    height: 45px;
    line-height: 45px;
    border-radius: 30px;
    font-size: 16px;
  }
}

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

@media screen and (max-width: 500px) {
  .cont2 .group2 {
    padding: 0 0 15px;
  }

  .cont2 .group2 ul li {
    width: 50%;
    height: 100px;
    margin: 15px 0;
  }

  .cont3 .group2 {
    padding: 15px 0;
  }

  .cont3 .group2 ul li {
    width: 33.33%;
    margin: 15px 0;
  }
}

/* 메인팝업 */
#popup {
  position: absolute;
  top: 200px;
  left: 30px;
  z-index: 999;
}

#popup1 {
  position: absolute;
  top: 606px;
  left: 30px;
  z-index: 9998;
}

#popup2 {
  position: absolute;
  top: 250px;
  left: 570px;
  z-index: 9989;
}

.popup_box .new_pop_bg {
  background: #000;
  padding: 6px 0px;
}

.popup_box .new_pop_bt_bg {
  background: #000;
  padding: 3px 10px 3px;
}

.new_pop_font {
  color: #fff;
  line-height: 25px;
  margin-right: 10px;
  float: right;
}

.new_pop_close {
  color: #fff
}

.new_pop_con_box {
  background: #ffffff;
  margin-left: 6px;
  margin-right: 6px;
}

/* 메인팝업 End */