@charset "utf-8";

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

@keyframes ani_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}

@-webkit-keyframes ani_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}

@-webkit-keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1.1) translateY(0) rotate(-0.01deg);
            transform: scale(1.1) translateY(0) rotate(-0.01deg);

  }
  90%,100% {
    -webkit-transform: scale(1) translateY(0) rotate(-0.01deg);
            transform: scale(1) translateY(0) rotate(-0.01deg);
 
  }
}
@keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1.1) translateY(0) rotate(-0.01deg);
            transform: scale(1.1) translateY(0) rotate(-0.01deg);

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

  }
}

@-webkit-keyframes b5 { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(5px);-webkit-transform:translateY(5px);}75% {transform:translateY(8px);-webkit-transform:translateY(8px);}}
@keyframes b5 { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(5px);-webkit-transform:translateY(5px);}75% {transform:translateY(8px);-webkit-transform:translateY(8px);}}


@-webkit-keyframes b4 { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(25px);-webkit-transform:translateY(25px);}75% {transform:translateY(28px);-webkit-transform:translateY(28px);}}
@keyframes b4 { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(25px);-webkit-transform:translateY(25px);}75% {transform:translateY(28px);-webkit-transform:translateY(28px);}}

@-webkit-keyframes scaleAC { 
  0% {opacity:1; transform:scale(1); -webkit-transform:scale(1);}
  90% {opacity:0; transform:scale(1.8); -webkit-transform:scale(1.8);}
  100% {opacity:0; transform:scale(1.8); -webkit-transform:scale(1.8);}
}
@keyframes scaleAC { 
  0% {opacity:1; transform:scale(1); -webkit-transform:scale(1);}
  20% {opacity:1;}
  100% {opacity:0; transform:scale(1.8); -webkit-transform:scale(1.8);}
}

@keyframes wave {to {transform: translateX(-100%); -webkit-transform: translateX(-100%);}}
@-webkit-keyframes wave {to {transform: translateX(-100%); -webkit-transform: translateX(-100%);}}


@keyframes icon-bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    opacity: 1;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@font-face {
  font-family:'vitro';
  font-weight:bold;
  src: url(/css/tour/vitro/vitro.woff) format('woff');
}
.vitro {font-family:'vitro';}

body {max-width:2560px; margin:0 auto; }

a[target="_blank"] {padding:0; background:none;}
.more{display:inline-block;overflow: hidden;position:relative;top:0;right:0;width:50px;height:50px;border:0;font-size:0;}
.more:before,
.more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.more:before {width: calc(100%/2);height: 1px;background: #b2b2b2;}
.more:after {width: 1px;height: calc(100%/2);background: #b2b2b2;}
button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}

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

.headerWrap {z-index:20;}
#footerwrap {margin-top:0;background: #4287cd;}
#footer {max-width:1400px;}
#footer:before {display:block;position:absolute;content:'';left:0;top: -55px;width:100%;height:1px;background:rgba(255,255,255,.3);}

.main_layout {width:100%; max-width:1400px; margin:0 auto;}

#main_visual {position:relative;height:865px;}
#main_visual .control {position:absolute;z-index: 10; bottom:50px; right:50%; margin-right:-700px;}
#main_visual .control .cbox {}
#main_visual .control .cbox strong {display:inline-block;padding-left:28px;background: url(/images/tour/main_new/map_ico.png)no-repeat left center;font-size:20px;font-weight:bold;color:#fff;}
#main_visual .control .cbox .inner {display:inline-block;margin: 0 15px 0 23px;vertical-align: middle;}
#main_visual .control .slick-dots {display:inline-block;position: relative;width:135px;height:2px;background:#d8dfe3;vertical-align: middle;}
#main_visual .control .slick-dots:after{display:block; clear:both; visibility:hidden; content:'';}
#main_visual .control .slick-dots li {display:inline-block;float:left;position: absolute;left:0;bottom:0;width:0;height: 100%;background: #25ceff;}
#main_visual .control .slick-dots li.slick-active {width: 100%;-webkit-animation: ProgressDots 6s linear;animation: ProgressDots 6s linear;}
#main_visual .control .slick-dots li button {display:none;}
#main_visual .control .cbox .btnbox {display:inline-block;}
#main_visual .control .cbox .btnbox button {position:relative;width:20px;height:20px;margin-left:5px;background:none;font-size:0;vertical-align: middle;}
#main_visual .control .cbox .btnbox button:before,
#main_visual .control .cbox .btnbox button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main_visual .control .cbox .btnbox button.slick-prev:before,
#main_visual .control .cbox .btnbox button.slick-next:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
#main_visual .control .cbox .btnbox button.slick-prev:before{right: -5px;border-width: 0 0 2px 2px;}
#main_visual .control .cbox .btnbox button.slick-next:before{left: -5px;border-width: 2px 2px 0 0;}
#main_visual .control .cbox .btnbox button[data-control="stop"]:before{width: 2px;height:13px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
#main_visual .control .cbox .btnbox button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 8px 0 8px 10px;border-style: solid;border-color: transparent transparent transparent #fff;}

#main_visual .viewer_area {}
#main_visual .viewer_area {width:100%; height:100%; vertical-align:top;}
#main_visual .viewer_area .imgbox {overflow:hidden; position: relative;width:100%;height:100%;}
#main_visual .viewer_area .imgbox .bg {display:block;position:absolute;left:0;top:0;content:'';width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transform: scale(1);-webkit-transform: scale(1);animation-fill-mode: forwards; -webkit-animation-fill-mode:forwards;}
#main_visual .viewer_area .slick-active .imgbox .bg {-webkit-animation: kenburns-bottom 6s ease-out both; animation: kenburns-bottom 6s ease-out both; }
#main_visual .viewer_area .imgbox .title {position:absolute;top:50%;left:0;width:100%;padding: 0 20px;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
#main_visual .viewer_area .imgbox .title > span {display:block;/* overflow:hidden; */opacity: 0;font-size:24px;font-weight:bold;font-family:'score';color:#fff;text-shadow: 5px 5px 25px rgba(0,0,0,.3);}
#main_visual .viewer_area .slick-active .imgbox .title > span {transition-timing-function: ease-in;-webkit-animation: ani_effect 1s;animation: ani_effect 1s;animation-fill-mode: forwards; ;animation-delay: 0.3s;}
#main_visual .viewer_area .imgbox .title strong {display:block;opacity: 0;line-height: 1.3;font-size:62px;font-weight:bold;font-family:'score';color:#fff;text-shadow: 5px 5px 25px rgba(0,0,0,.3);}
#main_visual .viewer_area .slick-active .imgbox .title strong {transition-timing-function: ease-in;-webkit-animation: ani_effect 1s;animation: ani_effect 1s;animation-fill-mode: forwards;animation-delay: 0.9s;}
#main_visual .viewer_area .imgbox .title a {display:inline-block; opacity:0;width:163px; height:52px; line-height:52px; margin:20px 0 0; border-radius:50px; border:1px solid #fff; background:rgba(0,0,0,.2); text-align:center; color:#fff; font-size:16px; font-weight:bold;}
#main_visual .viewer_area .slick-active .imgbox .title a {transition-timing-function: ease-in;-webkit-animation: ani_effect 1s;animation: ani_effect 1s;animation-fill-mode: forwards;animation-delay: 1.5s;}
#main_visual .viewer_area .imgbox .title a span {width:20px;height:20px;margin-left: 10px;vertical-align:middle;}
#main_visual .viewer_area .imgbox .title a span.more:before {width: 100%;height:2px;background: #fff;}
#main_visual .viewer_area .imgbox .title a span.more:after {width:2px;height: 100%;background: #fff;}

.cont {}
.cont .title {margin: 0 0 45px;text-align:center;}
.cont .title span {display:block; font-size:18px; color:#666;}
.cont .title strong {display:block;font-size:40px;color:#1d212c;text-shadow: 8px 5px 25px rgba(0,58,107,.15);}



.cont1 {position:relative; z-index:1;}
.cont1 .group {position:relative;padding:30px 0 30px 295px; }
.cont1 .group .tit {position:absolute; left:0; top:0; }
.cont1 .group .tit span {display:inline-block;position: relative;width:125px;height: 110px;vertical-align: top;}
.cont1 .group .tit span:before {display:block;position:absolute;left:-23px;top: -60px;content:'';width: 150px;height: 157px;background: url(/images/tour/main_new/obj.png)no-repeat;-webkit-animation: b5 3s both infinite 0.5s;animation: b5 3s both infinite 0.5s;}
.cont1 .group .tit strong {display:inline-block;line-height: 110px;font-size:30px;color:#1d212c;vertical-align: top;}
.cont1 .group .box {}
.cont1 .group .box .selectBox {float:left;position: relative;min-width:140px;margin:0 10px 0 0;border-radius:5px;background: #f0f5f2;}
.cont1 .group .box .selectBox > button {display:block;width:100%; line-height:50px; background:none; text-align:center; font-family:'score'; font-weight:bold; font-size:20px; color:#019c70; }
.cont1 .group .box .selectBox > button span {display:inline-block;width:8px;height:8px;margin: -5px 0 0 10px;border:solid #6e7267;border-width:0 2px 2px 0;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.cont1 .group .box .selectBox > div {display:none; overflow:hidden; position:absolute; left:0; top:0; width:100%; padding:10px 0; border-radius:5px; border:1px solid #25a37b; background:#f0f5f2; }
.cont1 .group .box .selectBox.on > div {display:block; }
.cont1 .group .box .selectBox .inner { }
.cont1 .group .box .selectBox .inner span {display:block; }
.cont1 .group .box .selectBox .inner span button {display:block; width:100%; height:45px; line-height:45px; background:none;font-size:20px; font-weight:bold; color:#019c70; transition:all 0.3s; -webkit-transition:all 0.3s;}
.cont1 .group .box .selectBox .inner span button:hover,
.cont1 .group .box .selectBox .inner span button:focus {background:#fff;}
.cont1 .group .box > span {display:inline-block; float:left;  line-height:50px; margin:0 10px 0 0; font-size:20px;font-family:'score'; font-weight:bold; color:#222; }
.cont1 .group .linkbox {position:absolute; right:10px; top:0;}
.cont1 .group .linkbox button {line-height:110px; color:#78a82a; font-weight:bold; font-family:'score'; font-size:18px; background:none;}
.cont1 .group .linkbox button span {display:inline-block;position: relative;z-index: 2;width:57px;height:8px;margin: -7px -27px 0 0;background:url(/images/tour/main_new/arr.png)no-repeat;vertical-align:middle;}
.cont1 .group .linkbox button em {display:inline-block;position: relative;z-index: 1;width:45px;height:45px;border-radius:50%;background:#78a82a;vertical-align:middle;}
.cont1 .group .linkbox button em:before {display:block;position:absolute;content:'';width:100%;height:100%;border-radius:50%;background: rgba(120,168,42,.2);transform: scale(1.5);-webkit-transform: scale(1.5);}
.cont1 .group .linkbox button:hover em:before,
.cont1 .group .linkbox button:focus em:before {-webkit-animation: scaleAC 2s both infinite;animation: scaleAC 2s both infinite;}

.cont2 {overflow:hidden; position:relative; padding:165px 0; background:#e6f3ff; }
.cont2 .title {margin: 0 0 30px;text-align:left;}
.cont2 #mapTap {}
.cont2 #mapTap .menu_wrap {margin:0 0 70px;}
.cont2 #mapTap .menu_wrap li {display:inline-block;margin: 0 20px 0 0;vertical-align:top;}
.cont2 #mapTap .menu_wrap li a {display:block; font-size:15px; color:#222222; text-align:center; line-height:1.2;}
.cont2 #mapTap .menu_wrap li span {display:block;width:78px;height:78px;margin: 0 0 10px;border-radius:50%;background:#325270 url(/images/tour/main_new/menu_ico.png)no-repeat;transition:background-color 0.3s;-webkit-transition:background-color 0.3s;}
.cont2 #mapTap .menu_wrap li.n1 span {background-position:0 0;}
.cont2 #mapTap .menu_wrap li.n2 span {background-position: -395px 0;}
.cont2 #mapTap .menu_wrap li.n3 span {background-position: -158px 0;}
.cont2 #mapTap .menu_wrap li.n4 span {background-position: -79px 0;}
.cont2 #mapTap .menu_wrap li.n5 span {background-position: -474px 0;}
.cont2 #mapTap .menu_wrap li a.ov {color:#006fce; font-weight:bold; }
.cont2 #mapTap .menu_wrap li a.ov span {background-color:#006fce;}
.cont2 #mapTap .con_wrap {}
.cont2 #mapTap .con_wrap .con {}
.cont2 #mapTap .group {}
.cont2 #mapTap .group .leftcon {position:relative;z-index: 1;max-width:830px;}
.cont2 #mapTap .group .leftcon .subtit {}
.cont2 #mapTap .group .leftcon .subtit strong {display:block; font-size:24px; font-weight:bold; font-family:'score'; color:#006fce; }
.cont2 #mapTap .group .leftcon .subtit p {max-width:490px;margin: 5px 0 20px;font-size:15px;color:#444444;}
.cont2 #mapTap .group .leftcon .subtit a {display:block; width:120px; height:36px; line-height:36px; border:1px solid #325270; border-radius:30px; text-align:center; font-size:15px; color:#325270; }
.cont2 #mapTap .group .leftcon .subtit a span {display:inline-block; position:relative; width:10px; height:10px; margin:0 0 0 10px; }
.cont2 #mapTap .group .leftcon .subtit a span:before,
.cont2 #mapTap .group .leftcon .subtit a span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.cont2 #mapTap .group .leftcon .subtit a span:before{width:100%;height: 2px;background: #325270;}
.cont2 #mapTap .group .leftcon .subtit a span:after {width: 2px;height:100%;background: #325270;}
.cont2 #mapTap .mapSlide {position:relative;margin:50px 0 0; }
.cont2 #mapTap .mapSlide .grap {overflow: hidden;height: 295px;margin:0 -12px;}
.cont2 #mapTap .mapSlide .grap ul {position:relative;}
.cont2 #mapTap .mapSlide .grap ul li {float:left; width:calc(33.33% - 24px); margin:0 12px 24px; box-shadow:0 5px 12px rgba(0,58,107,.25);}
.cont2 #mapTap .mapSlide .grap ul li .thumb {height:170px; background-size:cover; background-position:center; }
.cont2 #mapTap .mapSlide .grap ul li .info {position:relative;height: 111px;padding:20px 15px;background:#fff;text-align:center;}
.cont2 #mapTap .mapSlide .grap ul li.first .info:before {display:block; position:absolute; left:50%; top:-15px;content:''; width:30px; height:30px; margin-left:-15px; background:url(/images/tour/main_new/map_ico2.png)no-repeat; }
.cont2 #mapTap .mapSlide .grap ul li .info strong {display:block;overflow: hidden;margin: 0 0 5px;font-size:18px;font-weight:bold;color:#222222;text-overflow: ellipsis;white-space: nowrap;}
.cont2 #mapTap .mapSlide .grap ul li .info p {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 38px;line-height: 1.3;font-size:15px;color:#666666;text-overflow: ellipsis;white-space: normal;}
.cont2 #mapTap .mapSlide .control button {display: block;position:absolute;z-index: 10;top:110px;width:26px;height:46px;margin: 0;background-color: transparent;font-size:0;}
.cont2 #mapTap .mapSlide .control button:before,.cont2 #mapTap .mapSlide .control button:after {display:none;}
.cont2 #mapTap .mapSlide .control .btn_prev {left:-65px; background:url(/images/tour/main_new/arr_prev2.png)no-repeat; }
.cont2 #mapTap .mapSlide .control .btn_next {right:-65px; background:url(/images/tour/main_new/arr_next2.png)no-repeat; }
.cont2 #mapTap .mapSlide .control .pageCount {display:none;}

.cont2 #mapTap .group .rightcon {position:absolute;right:50%;top: -160px;width:1503px;height:1500px;margin-right: -1276px;background: url(/images/tour/main_new/map_bg.png)no-repeat;background-size: 100% auto;}
.cont2 #mapTap .group .rightcon .mapbg {position: absolute;left: 4.5%;top: 26.5%;width: 1047px;height: 692px;}
.cont2 #mapTap .group .rightcon .mapbg .mapimg {position:absolute;}
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico {position:absolute;font-size:0;opacity: 0; background-size:100% auto; background-repeat:no-repeat;}
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico1 {left: 0%;top: 20%;width: 3.9%;height: 6.7%;background-image:url(/images/tour/main_new/ico1.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico2 {left: -1.5%;top: 8.5%;width: 8.7%;height: 8.7%;background-image:url(/images/tour/main_new/ico2.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico3 {left: 25%;top: 15%;width: 3.1%;height: 8%;background-image:url(/images/tour/main_new/ico3.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico4 {right: 24.5%;top: 56%;width: 5.8%;height: 5.5%;background-image:url(/images/tour/main_new/ico4.png);} 
.cont2 #mapTap .con4 .group .rightcon .mapbg .mapimg .ico4 {right: 27%;top: 53%;}
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico5 {right: 16%;top: 54%;width: 6.5%;height: 5.8%;background-image:url(/images/tour/main_new/ico5.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico6 {right: 7%;top: 54%;width: 5.9%;height: 4%;background-image:url(/images/tour/main_new/ico6.png);} 
.cont2 #mapTap .con4 .group .rightcon .mapbg .mapimg .ico6  {right: 17%;top: 54%;}
.cont2 #mapTap .con2 .group .rightcon .mapbg .mapimg .ico6 {right: 15%;top: 54%;}
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico7 {right: 10%;top: 43%;width: 5.9%;height: 5.6%;background-image:url(/images/tour/main_new/ico7.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico8 {left: 9%;top: 6%;width: 6.7%;height: 7.4%;background-image:url(/images/tour/main_new/ico8.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico9 {left: 24%;top: 20%;width: 5.9%;height: 8%;background-image:url(/images/tour/main_new/ico9.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico10 {right: 26%;top: 53.5%;width: 5.7%;height: 6.3%;background-image:url(/images/tour/main_new/ico10.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico11 {right: 1%;top: 54%;width: 6.1%;height: 9.7%;background-image:url(/images/tour/main_new/ico11.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico12 {left: 44%;top: 36%;width: 5.1%;height: 7.8%;background-image:url(/images/tour/main_new/ico12.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico13 {right: 33%;top: 74%;width: 4.6%;height: 8.9%;background-image:url(/images/tour/main_new/ico13.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico14 {left: 51.5%;top: 52%;width: 6.2%;height: 8.7%;background-image:url(/images/tour/main_new/ico14.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico15 {right: 10%;top: 53%;width: 5.2%;height: 6.4%;background-image:url(/images/tour/main_new/ico15.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico16 {right: 33%;top: 64%;width: 8.8%;height: 13.5%;background-image:url(/images/tour/main_new/ico16.png);}
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico17 {left: 40%;bottom: 8.5%;width: 7.6%;height: 12.4%;background-image:url(/images/tour/main_new/ico17.png);}
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico18 {left: 7%;top: 26.5%;width: 5.3%;height: 4.1%;background-image:url(/images/tour/main_new/ico18.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico19 {left: 2%;top: 30%;width: 4.2%;height: 6.4%;background-image:url(/images/tour/main_new/ico19.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico20 {left: 38%;top: 40%;width: 6.6%;height: 5.7%;background-image:url(/images/tour/main_new/ico20.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico21 {left: 55%;top: 60%;width: 9%;height: 4.5%;background-image:url(/images/tour/main_new/ico21.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico22 {left: 42%;bottom: 14.5%;width: 5.7%;height: 5.7%;background-image:url(/images/tour/main_new/ico22.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico23 {left: 50%;bottom: 12%;width: 5.4%;height: 7.6%;background-image:url(/images/tour/main_new/ico23.png);} 
.cont2 #mapTap .group .rightcon .mapbg .mapimg .ico24 {left: 43%;bottom: -3%;width: 6.3%;height: 8.8%;background-image:url(/images/tour/main_new/ico24.png);} 


.cont2 #mapTap.on .active .group .rightcon .mapbg .mapimg .ico {animation-name: icon-bounce;animation-fill-mode: forwards; animation-duration: 1s;}
.cont2 #mapTap.on .active .group .rightcon .mapbg .mapimg .n1 {animation-delay: .12s;-webkit-animation-delay: .12s;}
.cont2 #mapTap.on .active .group .rightcon .mapbg .mapimg .n2 {animation-delay: .16s;-webkit-animation-delay: .16s;}
.cont2 #mapTap.on .active .group .rightcon .mapbg .mapimg .n3 {animation-delay: .20s;-webkit-animation-delay: .20s;}
.cont2 #mapTap.on .active .group .rightcon .mapbg .mapimg .n4 {animation-delay: .24s;-webkit-animation-delay: .24s;}
.cont2 #mapTap.on .active .group .rightcon .mapbg .mapimg .n5 {animation-delay: .28s;-webkit-animation-delay: .28s;}
.cont2 #mapTap.on .active .group .rightcon .mapbg .mapimg .n6 {animation-delay: .32s;-webkit-animation-delay: .32s;}
.cont2 #mapTap.on .active .group .rightcon .mapbg .mapimg .n7 {animation-delay: .36s;-webkit-animation-delay: .36s;}


.cont3 {padding:130px 0 150px;}
.cont3 #event {position:relative;}
.cont3 #event .grap {overflow:hidden;height: 443px;margin:0 -27px;}
.cont3 #event .grap ul {position:relative;}
.cont3 #event .grap ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 #event .grap ul li {float:left; width:calc(25% - 54px); margin:0 27px 50px; }
.cont3 #event .grap ul li a {display:block;overflow:hidden; width:100%;height:100%; border-radius:0 0 50px 0; box-shadow: 5px 5px 25px rgba(0,58,107,.25);}
.cont3 #event .grap ul li .thumb {position:relative; height:225px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.cont3 #event .grap ul li .thumb .cate {display:block; position:absolute; right:10px; top:10px; width:45px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:15px; }
.cont3 #event .grap ul li .thumb .cate1 {background:#009f61; background: linear-gradient(#009f61, #0c7eff);}
.cont3 #event .grap ul li .thumb .cate2 {background:#7f97ac;}
.cont3 #event .grap ul li .info {height: 168px;padding:30px;}
.cont3 #event .grap ul li .info strong {display:block; overflow:hidden; line-height:1.2; font-size:20px; font-weight:bold; font-family:'score'; color:#222; text-overflow: ellipsis;white-space: nowrap;}
.cont3 #event .grap ul li .info p {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 44px;line-height: 1.5;margin: 8px 0;text-overflow: ellipsis;white-space: normal;font-size:15px;color:#666;}
.cont3 #event .grap ul li .info span {display:block;font-size: 15px;color: #666;}
.cont3 #event .control button {font-size:0;}
.cont3 #event .control button:before,.cont3 #event .control button:after {display:none;}
.cont3 #event .control .btn_prev {display:block; position:absolute; top:175px; left:-65px; width:26px; height:46px; background:url(/images/tour/main_new/arr_prev.png)no-repeat;}
.cont3 #event .control .btn_next {display:block; position:absolute; top:175px; right:-65px; width:26px; height:46px; background:url(/images/tour/main_new/arr_next.png)no-repeat;}
.cont3 #event .control .pageCount {display:none;}
.cont3 .notice {position: relative;height: 100px;padding: 0 145px 0 230px;border-radius: 0 0 50px 0;background:#009f61;background: linear-gradient(to right, #009f61, #0c7eff);}
.cont3 .notice .tit {position:absolute;left:0;top:0;padding-left: 115px;}
.cont3 .notice .tit .obj {position:absolute;left:0;bottom:0;width: 85px;height: 122px;}
.cont3 .notice .tit .obj:before {display:block;position:absolute;left: 28px;bottom: 15px;content:'';width:100%;height:119px;background:url(/images/tour/main_new/obj3.png)no-repeat;/* -webkit-animation: b5 3s both infinite 0.5s; *//* animation: b5 3s both infinite 0.5s; */}
.cont3 .notice .tit strong {display:inline-block;line-height: 100px;font-family:'vitro';font-size:20px;color:#fff;}
.cont3 .notice .tit a {display:inline-block;position: relative;width: 23px;height: 23px;margin: -4px 0 0 5px;border-radius: 50%;background: #ffa81b;font-size: 0;vertical-align: middle;}
.cont3 .notice .tit a:before {width:10px; height:2px; background:#fff; }
.cont3 .notice .tit a:after {width:2px; height:10px; background:#fff; }
.cont3 #bbs {padding: 35px 0;}
.cont3 #bbs .grap {overflow:hidden; height:30px;}
.cont3 #bbs .grap ul {position:relative;}
.cont3 #bbs .grap ul:before {display:block; position:absolute; left:50%; top:0; content:''; width:1px; height:30px; background:rgba(255,255,255,.5); }
.cont3 #bbs .grap ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 #bbs .grap ul li {position:relative; float:left; width:50%; padding:0 30px;}
.cont3 #bbs .grap ul li a {display:block;overflow:hidden;position:relative;line-height:30px;padding: 0 115px 0 15px;font-size:18px;color:#fff;text-overflow: ellipsis;white-space: nowrap;}
.cont3 #bbs .grap ul li a:before {display:block;position:absolute;content:'';left:0;top: 11px;width:4px;height:4px;border-radius:50%;background:#fff;}
.cont3 #bbs .grap ul li span {display:block; position:absolute; right:0; top:0; opacity:.8; line-height:30px; }
.cont3 #bbs .control {position:absolute;top: 35px;right: 45px;}
.cont3 #bbs .control button {margin:0;background:none; font-size:0;}
.cont3 #bbs .control button[data-control="prev"]:before,
.cont3 #bbs .control button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.cont3 #bbs .control button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
.cont3 #bbs .control button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
.cont3 #bbs .control button[data-control="stop"]:before{width: 2px;height:18px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.cont3 #bbs .control button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #fff;}


.cont4 {}
.cont4 .group {margin:0 -25px;}
.cont4 .group:after {display:block; clear:both; visibility:hidden; content:'';}
.cont4 .group .box {float:left;width:calc(50% - 50px);margin:0 25px 60px;}
.cont4 .group .box .imgslide {position: relative;padding:45px 65px;border-radius: 0 0 50px 0;box-shadow: 5px 5px 25px rgba(0,58,107,.25);}
.cont4 .group .imgslide .photo_list--item {float:left;position: relative;width:100%;min-height: 223px;padding-right: 270px;}
.cont4 .group .imgslide .photo_list--item .thumb {position:absolute; right:0; top:0; width:223px; height:223px; border-radius:50%; background-size:cover; background-position:center; }
.cont4 .group .imgslide .photo_list--item .thumb span {position:absolute; right:0; top:0;width:60px; height:60px; line-height:50px; border-radius:50%; border:5px solid #fff; background:#ffa81b; text-align:center; font-size:18px; font-weight:bold; font-family:'score'; color:#fff; }
.cont4 .group .imgslide .photo_list--item .info {}
.cont4 .group .imgslide .photo_list--item .info strong {display:block;line-height: 1.1;margin: 25px 0 15px;font-size:30px;font-weight:bold;font-family:'score';color:#222;}
.cont4 .group .imgslide .photo_list--item .info p {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 72px;margin: 0 0 25px;text-overflow: ellipsis;white-space: normal;font-size:15px;color:#666;}
.cont4 .group .imgslide .control {position: absolute;left: 65px;right: 335px;bottom: 50px;width: auto;padding:20px 0 0;border-top:1px solid #e4e7eb;}
.cont4 .group .imgslide .control button {display:inline-block;margin: 0 -2px;background:none;font-size:0;vertical-align:middle;}
.cont4 .group .imgslide .control button[data-control="prev"]:before,
.cont4 .group .imgslide .control button[data-control="next"]:before{border-color: #bac3cb;}
.cont4 .group .imgslide .control button[data-control="stop"]:before{width: 2px;height:15px;box-shadow: -3px 0 #bac3cb, 3px 0 #bac3cb;}
.cont4 .group .imgslide .control button[data-control="play"]:before{border-width: 8px 0 8px 12px;border-style: solid;border-color: transparent transparent transparent #bac3cb;}
.cont4 .group .imgslide .control .paging {display:inline-block;}
.cont4 .group .imgslide .control .paging .total {margin:0 10px;}
.cont4 .group .imgslide .control .paging span {display:inline-block;line-height: 25px; margin:1px 0 0; font-size:16px;font-family:'score';color:#666;vertical-align: top;vertical-align: top;}
.cont4 .group .imgslide .control .paging span.current {font-weight:bold; color:#ec8500;}
.cont4 .group .imgslide .control .paging span.line {margin:0 5px;color:#bac3cb;}
.cont4 .group .imgslide2 .photo_list--item .thumb span {background:#084c8b; }
.cont4 .group .imgslide2 .control .paging span.current {color:#084c8b;}
.cont4 .group .box2 {margin-top:60px;}

.cont5 {background:#4287cd;margin-top: -15px;}
.cont5 .title span,
.cont5 .title strong {color:#fff;}
.cont5 .group {padding: 10px 0 65px;}
.cont5 .group .box {float:left; width:50%;}
.cont5 .group .box1 {}
.cont5 .group .box1 ul {}
.cont5 .group .box1 ul li {float:left;overflow: hidden;position:relative;width: calc(50% - 30px);margin:0 30px 0 0;}
.cont5 .group .box1 ul li a {display: block;position: relative;width:100%;height:295px;padding: 42px 35px 0;box-shadow: 7px 5px 25px rgb(0 58 107 / 25%);}
.cont5 .group .box1 ul li.n1 {background:#00a877;}
.cont5 .group .box1 ul li.n1:before {display:block;position:absolute;left:50%;bottom: -141px;content:'';width:150%;height:200px;border-radius:40%;background:#008e65;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.cont5 .group .box1 ul li.n1 a {background: url(/images/tour/main_new/bg_obj1.png)no-repeat 83% 87%;}
.cont5 .group .box1 ul li.n2 a {background:#0059ab url(/images/tour/main_new/bg_obj2.png)no-repeat right bottom; }
.cont5 .group .box1 ul li strong {display: block;margin: 0 0 5px;font-size: 22px;font-weight: bold;color: #fff;}
.cont5 .group .box1 ul li p {}
.cont5 .group .box1 ul li p span {display: block;opacity: .8;font-size: 15px;color: #fff;}
.cont5 .group .box1 ul li em {position: absolute; top:40px; right:35px; width:20px; height:20px;}
.cont5 .group .box1 ul li em:before {width:100%;height: 2px;background: #fff;}
.cont5 .group .box1 ul li em:after {width:2px;height:100%;background: #fff;}
.cont5 .group .box2 {padding-left:20px;}
.cont5 .group .box2 ul {}
.cont5 .group .box2 ul li {float:left; width:25%; margin:0 0 25px; }
.cont5 .group .box2 ul li.mo{display:none}
.cont5 .group .box2 ul li a {display:block; font-size:15px; color:#fff; text-align:center; }
.cont5 .group .box2 ul li .ico {display:block;position: relative;width:104px;height:104px;margin:0 auto 15px}
.cont5 .group .box2 ul li .ico:before {display:block;opacity:0;position:absolute;z-index:1;content:'';width:100%;height:100%;border-radius:50%;background: rgba(255,255,255,.2); transform:scale(1.2); -webkit-transform:scale(1.2); transition:all 0.3s; -webkit-transition:all 0.3s;}
.cont5 .group .box2 ul li a:hover .ico:before,
.cont5 .group .box2 ul li a:focus .ico:before {opacity:1;}
.cont5 .group .box2 ul li .ico em {display:block;position: relative;z-index: 1;width:100%;height:100%;border-radius:50%;background: #fff url(/images/tour/main/2021/ico_ir.png)no-repeat;}
.cont5 .group .box2 ul li .ico1 em {background-position:0 0;}
.cont5 .group .box2 ul li .ico2 em {background-position:-104px 0;}
.cont5 .group .box2 ul li .ico3 em {background-position:-208px 0;}
.cont5 .group .box2 ul li .ico4 em {background-position:-312px 0;}
.cont5 .group .box2 ul li .ico5 em {background-position:0 -104px;}
.cont5 .group .box2 ul li .ico6 em{background-position:-104px -104px;}
.cont5 .group .box2 ul li .ico7 em {background-position:-208px -104px;}
.cont5 .group .box2 ul li .ico8 em{background-position: -314px -104px;}
.cont5 .group .box2 ul li .ico9 em{background-position: -418px -104px;}


.wavebox {position:relative;z-index: -1;max-width: 2560px;height: 400px;margin-top: -50px;}
.wavebox:before {display:block;position:absolute;left:0;top: 30px;content:'';width:359px;height:320px;background:url(/images/tour/main_new/obj5.png)no-repeat;}
.wavebox:after {display:block;position:absolute;right:0;top: 10px;content:'';width:413px;height:296px;background:url(/images/tour/main_new/obj4.png)no-repeat;}
.wavebox .waveBox1 {position:absolute;z-index:8;left: 50%;top: -60px;width: 2560px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.wavebox .waveBox2 {position:absolute;z-index:1;left: 50%;top: -140px;width: 2560px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.wavebox .wave1 {animation: wave 4.3s linear infinite;-webkit-animation: wave 4.3s linear infinite;fill: #4287cd;}
.wavebox .wave2 {animation: wave 4.3s linear infinite 0.5s;-webkit-animation: wave 4.3s linear infinite 0.5s;fill: #68c1ff;}
.wavebox .obj1 {position:absolute;z-index:2;top: 105px;left: 50%;width:96px;height:94px;margin-left: -400px;background:url(/images/tour/main_new/obj6.png)no-repeat;-webkit-animation: b4 3s both infinite;animation: b4 3s both infinite;}
.wavebox .obj2 {position:absolute;z-index:2;top: 140px;left: 50%;width:98px;height:111px;margin-left: -200px;background:url(/images/tour/main_new/obj7.png)no-repeat;-webkit-animation: b4 3s both infinite 0.5s;animation: b4 3s both infinite 0.5s;}

.hotpick {position:relative;}
.hotpick a {display:block; width:100%;}
.hotpick .box {position:absolute;right:50%;top: 130px;z-index: 1;margin-right:-730px;-webkit-animation: b5 3s both infinite 0.5s;animation: b5 3s both infinite 0.5s;}
.hotpick .box .info {display:inline-block;position:relative;min-width:265px;padding:15px 30px;margin: 0 15px 0 0;border-radius:50px;background:#006fce;vertical-align:middle;box-shadow: 8px 5px 25px rgba(0,58,107,.2);}
.hotpick .box .info:before {display:block;position:absolute;top: 15px;right: -11px;content:'';border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 20px solid #006fce;transform: rotate(64deg);-webkit-transform: rotate(64deg);box-shadow: 8px 5px 25px rgba(0,58,107,.2);}
.hotpick .box .info strong {display:inline-block;position:relative;margin: 0 0 3px;font-family: 'vitro';font-size:20px;font-weight:bold;font-style: italic;color:#f6ea63;}
.hotpick .box .info strong:before {display:block; position:absolute; left:0; bottom:3px;content:''; width:100%; height:1px; background:#f6ea63; }
.hotpick .box .info strong span {display:inline-block; position:relative; color:#fff; margin-right:5px; }
.hotpick .box .info strong span:before {display:block; position:absolute; left:0; bottom:3px;content:''; width:100%; height:1px; background:#fff; }
.hotpick .box .info p {opacity:.8;font-size:14px;font-family: 'score';color:#fff;}
.hotpick .box .obj {display:inline-block;width: 180px;height: 176px;background:url(/images/tour/main_new/obj8.png)no-repeat;vertical-align:middle;}

.fixedmenu {position: fixed;right: 30px;bottom: 40px;z-index: 10;}
.fixedmenu .fm_btn {display:block;width:100%;margin: 10px 0 0;}
.fixedmenu2 {position: fixed;left: 30px;bottom: 40px;z-index: 10;}
.fixedmenu2 .fm_btn {display:block;width:100%;margin: 10px 0 0;}

@media(min-width:1460px){
  .userMs .wavebox {height:340px; }
  .userMs .wavebox:before {}
  .userMs .wavebox:after {top: 95px;}
  .userMs .wavebox .obj1 {left: 0;top: 0;width:100%;height:100%;margin: 0;background:url(/images/tour/main_new/bg.png)no-repeat center top;background-size: 2560px auto;background-position: center top;animation:none;-webkit-animation:none;}
  .userMs .wavebox .obj2, 
  .userMs .wavebox svg {display:none;}

}

@media(max-width:1760px){
  .cont2 #mapTap .group .rightcon {top: 0;width:1200px;height:1198px;margin-right: -1036px;}
  .cont2 #mapTap .group .rightcon .mapbg {width: 833px;}

  .fixedmenu {width:100px;}
  .fixedmenu2 {width:100px;}
}

@media(max-width:1575px){
  .cont2 #mapTap .mapSlide .control {width:100%;margin: 10px 0 0;text-align:center;}
  .cont2 #mapTap .mapSlide .control button {display:inline-block; position:static; width:20px; height:20px; background-size:100% auto; }
  .cont2 #mapTap .mapSlide .control .btn_prev,
  .cont2 #mapTap .mapSlide .control .btn_next {background-size:9px auto; background-position:center; }

  .cont2 #mapTap .mapSlide .control .pageCount {display:inline-block;margin: 0 15px;}
  .cont2 #mapTap .mapSlide .control .pageCount span {height: 20px;line-height: 20px;margin:0 5px;font-size:16px;font-family:'score';color:#666666;vertical-align: top;}
  .cont2 #mapTap .mapSlide .control .pageCount span:first-child {color:#084c8b; font-weight:bold; }
  .cont3 #event .grap {padding:0 40px;}
  .cont3 #event .control .btn_prev {left:-10px;}
  .cont3 #event .control .btn_next {right:-10px;}
}

@media(max-width:1459px){
  .main_layout {max-width:100%; padding:0 30px;}
  #footer {max-width:100%; padding:0 30px;}
  #footer:before {left:30px; right:30px; width:auto;}
  #footerwrap .footlogo {display:none;}

  #main_visual {height:845px;}
  #main_visual .control {right:30px; bottom:30px; margin:0;}
  
  .cont1 .group {padding: 115px 0 35px;text-align: center;}
  .cont1 .group .box .selectBox {float:none; display:inline-block; }
  .cont1 .group .box > span {float:none;}
  
  .cont2 {padding:100px 0 80px;}
  .cont2 #mapTap .menu_wrap {margin:0 0 50px;}
  .cont2 #mapTap .mapSlide {margin:30px 0 0;}
  .cont2 #mapTap .group .rightcon {top: -30px;right: -265px;width:1000px;height:998px;margin: 0;}
  .cont2 #mapTap .group .rightcon .mapbg {width: 694px;}
  
  .cont3 {padding:100px 0;}
  .cont3 #event .grap {margin:0 -11px;}
  .cont3 #event .grap ul li {float:left;width:calc(25% - 22px);margin: 0 11px 50px;}
  .cont3 #bbs .grap ul:before {display:none;}
  .cont3 #bbs .grap ul li {width:100%;}
  
  .cont4 {position:relative; z-index:1;}
  .cont4 .group .box .imgslide {padding:45px 40px;}
  .cont4 .group .imgslide .photo_list--item {padding-right:250px;}
  
  .wavebox {height:258px;margin: -60px 0 0;}
  .wavebox:before {top: 40px;width:228px;background-size:100% auto;}
  .wavebox:after {top: 74px;width: 300px;background-size:100% auto;}
  .wavebox .obj1 {left: 0;top: 0;width:100%;height:100%;margin: 0;background:url(/images/tour/main_new/bg.png)no-repeat center top;background-size: auto 100%;animation:none;-webkit-animation:none;}
  .wavebox .obj2, .wavebox svg {display:none;}
  

  .cont5 {}
  .cont5 .group {}

  .hotpick .box {top: 100px;right:30px;margin:0;}
  .hotpick .box .obj {width:150px;height: 150px;background-size:100% auto;}

}

@media(max-width:1279px){
  #footer:before {display:none;}
  
  .cont2 #mapTap .menu_wrap li {/* width:72px; */margin:0 10px 0 0;}
  .cont2 #mapTap .menu_wrap li span {width:62px;height:62px;margin:0 auto 10px;background-size:auto 62px;}
  .cont2 #mapTap .menu_wrap li.n1 span {background-position:0 0;}
  .cont2 #mapTap .menu_wrap li.n2 span {background-position: -314px 0;}
  .cont2 #mapTap .menu_wrap li.n3 span {background-position: -126px 0;}
  .cont2 #mapTap .menu_wrap li.n4 span {background-position: -62px 0;}
  .cont2 #mapTap .menu_wrap li.n5 span {background-position: -377px 0;}

  .cont2 #mapTap .mapSlide {display:none;}

  .cont2 #mapTap .group .rightcon {top: -134px;right: -240px;width:910px;height:909px;}
  .cont2 #mapTap .group .rightcon .mapbg {width: 631px;}

  .cont3 #event .grap ul li {width:calc(33.33% - 22px);margin: 0 11px 100px;}

  .cont4 .group {margin:0;}
  .cont4 .group .box {float:none; width:100%; margin:0 0 20px;}
  .cont4 .group .box .imgslide {padding: 60px 70px;} 

  .wavebox {margin:0;}
  
  .hotpick .box {top:-20px;}
  .hotpick .box .info {width:200px;min-width:200px;padding:15px 25px;margin:0 15px 0 0;}
  .hotpick .box .info strong {font-size:18px;}
  .hotpick .box .obj {width:130px;height: 132px;background-size:cover;}

  .cont5 .group {padding: 0 0 10px;}
  .cont5 .group .box {float:none;width:100%;padding: 0;}
  .cont5 .group .box1 {margin:0 0 65px;}
  .cont5 .group .box1 ul {margin:0 -15px;} 
  .cont5 .group .box1 ul li {width:calc(50% - 30px); margin:0 15px; }
  .cont5 .group .box1 ul li a {padding:55px 45px 0;}
  .cont5 .group .box1 ul li em {right:45px; top:55px;}



}

@media(max-width:1023px){
  .cont1 .group .box .selectBox {min-width:auto;}
  .cont1 .group .box .selectBox > button {padding: 0 10px;font-size:18px;}
  .cont1 .group .box > span {font-size:18px;}
  
  .cont2 {padding:75px 0 35px; text-align:center; }
  .cont2 .title {margin: 0 0 15px;text-align:center;}
  .cont2 #mapTap .menu_wrap {margin:0 0 40px;}
  .cont2 #mapTap .menu_wrap li {width:66px;}
  .cont2 #mapTap .menu_wrap li a {font-size:14px;}
  .cont2 #mapTap .group .leftcon {max-width:100%;}
  .cont2 #mapTap .group .leftcon .subtit {padding: 35px 30px 0;border:2px solid #325270;border-radius:20px 20px 0 0;border-bottom:none;}
  .cont2 #mapTap .group .leftcon .subtit p {max-width:100%;}
  .cont2 #mapTap .group .leftcon .subtit a {margin:0 auto;}
  .cont2 #mapTap .mapSlide {display:block;margin: 35px 0 0;}
  .cont2 #mapTap .group .rightcon {display:none;}

  .cont3 #event .grap ul li {width:calc(50% - 22px);}

  .cont3 #bbs .grap ul li {padding:0 0 0 30px;}
  .cont3 #bbs .grap ul li a {padding-left:0; }
  .cont3 #bbs .grap ul li a:before {display:none;}
  .cont3 #bbs .control {right:20px;}
  .cont3 .notice {padding: 0 107px 0 205px;}
  
  .wavebox {height: 143px;margin: 55px 0 0;}
  .wavebox:before {top: 40px;width:130px;}
  .wavebox:after {top:40px;width: 180px;}

  .cont5 {padding:40px 0 0;margin: 0;}
  .cont5 .group .box2 ul li{width:20%}
  .cont5 .group .box2 ul li.mo{display:inline-block}

  .hotpick .box {position:relative;width:100%;right:0;top:0;-webkit-animation: none;animation: none;}
  .hotpick .box .info {width:100%;padding: 20px 30px;border-radius:0;background: #006fce url(/images/tour/main_new/obj10.png)no-repeat right center;}
  .hotpick .box .info:before {display:none;}
  .hotpick .box .info strong:after {display:inline-block;position:absolute;right: -50px;top: 9px;content:'';width:34px;height:11px;background:url(/images/tour/main_new/arr2.png)no-repeat;}
  .hotpick .box .obj {position:absolute;right: 30px;bottom: 0;width: 166px;height: 128px;}
  
  .fixedmenu2 {display:none;}
  .fixedmenu {display:none;}
}

@media(max-width:767px){
  .main_layout {padding:0 20px;}
  #footer {padding:0 20px;}

  #main_visual {height:480px;} 
  #main_visual .viewer_area .imgbox .title > span {font-size:16px;}
  #main_visual .viewer_area .imgbox .title strong {font-size:30px;}
  #main_visual .viewer_area .imgbox .title a {width:130px; height:40px; line-height:40px; font-size:15px;}
  #main_visual .viewer_area .imgbox .title a span {width:16px; height:16px;}
  #main_visual .control .cbox strong {padding-left: 20px;background-size: 16px auto;font-size:15px;}
  
  .cont .title {}
  .cont .title span {font-size:15px; }
  .cont .title strong {font-size:27px;}

  .cont1 .group {height:60px; padding:0;}
  .cont1 .group .box {display:none;}
  .cont1 .group .tit {position:static;text-align: left;}
  .cont1 .group .tit strong {line-height:60px; font-size:20px;}
  .cont1 .group .tit span {width:55px;height: 60px;background-size: 33px auto;}
  .cont1 .group .tit span:before {left: -10px;top: -18px;width:72px;height: 75px;background-size:100% auto;}

  .cont1 .group .linkbox button {line-height:60px; font-size:15px;}
  .cont1 .group .linkbox button em {width:27px; height:27px;}
  .cont1 .group .linkbox button span {width:35px;height:8px;margin: -6px -17px 0 0;background-size:35px 8px;}
  .cont1 .group .linkbox {right:0;}

  .cont2 {padding:50px 0;}
  .cont2 #mapTap .group .leftcon .subtit {padding:20px 20px 0; }
  .cont2 #mapTap .group .leftcon .subtit strong {font-size:18px;}
  .cont2 #mapTap .mapSlide {display:none;}

  .cont3 {padding:50px 0;}
  .cont3 #event .grap {padding: 0 20px;margin: 0 -31px;}
  .cont3 #event .grap ul li .thumb {height:210px;}
  
  .cont3 #event .control {position: absolute;left: 0;bottom: 5px;width:100%;text-align:center;}
  .cont3 #event .control button {display:inline-block; position:static; width:20px; height:20px; background-size:100% auto; }
  .cont3 #event .control .btn_prev,
  .cont3 #event .control .btn_next {display:inline-block;position:static; background-size:9px auto; background-position:center; }
  .cont3 #event .control .pageCount {display:inline-block;margin: 0 15px;}
  .cont3 #event .control .pageCount span {height: 20px;line-height: 20px;margin:0 5px;font-size:16px;font-family:'score';color:#666666;vertical-align: top;}
  .cont3 #event .control .pageCount span:first-child {color:#084c8b; font-weight:bold; }
  
  .cont3 .notice {height: auto;padding: 35px 25px 30px;}
  .cont3 .notice .tit {position:static;padding: 0;margin: 0 0 15px;}
  .cont3 .notice .tit .obj {display:none;}
  .cont3 .notice .tit strong {line-height:1.1;}
  .cont3 #bbs {padding:0;}
  .cont3 #bbs .grap ul li {padding:0;}
  .cont3 #bbs .control {top:30px;}
  .cont4 .group .box .imgslide {padding: 35px 30px;}
  .cont4 .group .imgslide .photo_list--item {min-height: 200px;padding-right:200px;}
  .cont4 .group .imgslide .photo_list--item .info strong {font-size:20px;}
  .cont4 .group .imgslide .photo_list--item .thumb {width:175px; height:175px;}
  .cont4 .group .imgslide .control {left:30px;right:230px;bottom: 30px;}
  .wavebox {height: 100px;margin:30px 0 0;}
  .wavebox .obj1 {background-size:cover;background-position:center top; }
  .wavebox:before {top: 35px;width:100px;}
  .wavebox:after {top:20px;width: 150px;}
  .cont5 .group {padding:0 0 ;}
  .cont5 .group .box1 {margin:0 0 50px;}
  .cont5 .group .box1 ul {margin:0 -11px;} 
  .cont5 .group .box1 ul li {width:calc(50% - 22px); margin:0 11px; }
  .cont5 .group .box1 ul li a {height:200px;padding: 30px 30px;}
  .cont5 .group .box1 ul li.n1 a {background-size:130px auto;}
  .cont5 .group .box1 ul li.n2 a {background-size:220px auto}
  .cont5 .group .box1 ul li strong {font-size:20px;}
  .cont5 .group .box1 ul li p {display:none;}
  .cont5 .group .box1 ul li em {right: 30px;top:30px;}
  .cont5 .group .box2 ul li .ico {width:72px;height:72px;}
  .cont5 .group .box2 ul li .ico em {background-size:auto 144px;}
  .cont5 .group .box2 ul li .ico1 em {background-position:0 0;}
  .cont5 .group .box2 ul li .ico2 em {background-position:-72px 0;}
  .cont5 .group .box2 ul li .ico3 em {background-position:-144px 0;}
  .cont5 .group .box2 ul li .ico4 em {background-position:-216px 0;}
  .cont5 .group .box2 ul li .ico5 em {background-position:0 -72px;}
  .cont5 .group .box2 ul li .ico6 em{background-position:-72px -72px;}
  .cont5 .group .box2 ul li .ico7 em {background-position:-144px -72px;}
  .cont5 .group .box2 ul li .ico8 em{background-position: -216px -72px;}
  .cont5 .group .box2 ul li .ico9 em{background-position: -289px -72px;}

  .hotpick .box .obj {right: 10px;bottom: 0;width: 133px;height: 100px;}
  .hotpick .box .info {padding:20px}
}

@media(max-width:580px){
  #main_visual .control .cbox .inner {margin:0 10px;}
  #main_visual .control .cbox .btnbox button {margin:0;}
  #main_visual .control .slick-dots {width:90px;}
  
  .cont2 #mapTap .menu_wrap {max-width:320px;margin: 0 auto 20px;}
  .cont2 #mapTap .menu_wrap li {margin:0 10px 10px;}

  .cont3 #event .grap ul li {width:calc(100% - 22px);}
  
  .cont3 #bbs .grap {height:60px;}
  .cont3 #bbs .grap ul li a {padding:0;}
  .cont3 #bbs .grap ul li span {position:static;}
  
  .cont4 .group .box .imgslide {padding: 0;text-align:center; box-shadow:none;}
  .cont4 .group .box .imgslide .mainpop_slide {padding:35px 30px;border-radius: 0 0 50px 0;box-shadow: 5px 5px 25px rgba(0,58,107,.25);}
  .cont4 .group .imgslide .photo_list--item {padding:0;}
  .cont4 .group .imgslide .photo_list--item .thumb {position:static;margin: 0 auto;}
  .cont4 .group .imgslide .photo_list--item .thumb span {right:50%; margin-right:-100px;}
  .cont4 .group .imgslide .photo_list--item .info p {margin:0;}
  .cont4 .group .imgslide .control {position:static;margin: 5px 0 15px;border:none;}

  .wavebox {margin:0;}
  
  .cont5 .group .box1 ul li a {height: 130px;padding: 24px 40px 20px 20px;}
  .cont5 .group .box1 ul li.n1:before {bottom:-160px;}
  .cont5 .group .box1 ul li.n1 a {background-size:90px auto;}
  .cont5 .group .box1 ul li.n2 a {background-size:130px auto}
  .cont5 .group .box1 ul li strong {font-size: 16px;line-height: 1.3;}
  .cont5 .group .box1 ul li em {right:20px;top: 25px;width: 15px;height: 15px;}
  .cont5 .group .box2 ul li {width:33.33%;}
}


@media(max-width:430px){
  .hotpick .box .obj {right: 0;bottom: 0;width: 103px;height: 80px;}
}


/* 팝업css */
#popup1 {position: absolute; top: 100px; left: 50px; background: rgb(61, 61, 61); color: rgb(255, 255, 255); text-align: center; border: 2px solid rgb(0, 0, 0); z-index: 1050; visibility: visible;}
#popup1 iframe {width:450px; height:273px;}
#popup2 {position: absolute; top: 100px; left: 120px; background: rgb(61, 61, 61); color: rgb(255, 255, 255); text-align: center; border: 2px solid rgb(0, 0, 0); z-index: 1050; visibility: visible;}
#popup2 iframe {width:450px; height:273px;}
.new_pop_font{color:#fff;line-height:25px;margin-right: 10px; float: right;}
.new_pop_close {color:#fff; float: left;}
.new_pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
@media (max-width:1120px){
  #popup1 {left:50%; transform:translateX(-50%);}
  #popup2 {left:50%; transform:translateX(-50%); top:420px}
}
@media (max-width:500px){
  #popup1 iframe {width:340px;}
  #popup2 iframe {width:340px;}
}
/* 팝업css End */

/* 1330 여행상담 */
.livechatWrap {position:fixed;right: 39px;bottom: 118px;z-index: 9999;}
.livechatWrap > button {border:0;background:none;}
.livechatWrap > button img {width: 100px;}
.livechatWrap > div {display:none;position: absolute;right: 0;bottom: 0;z-index: 9999;}
.livechatWrap.on > div {display:block;}
.livechatWrap > div .clickClose {position:absolute;right:10px;top: -30px;width:25px;height:25px;font-size:0;}
.livechatWrap > div .clickClose:before,
.livechatWrap > div .clickClose:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.livechatWrap > div .clickClose:before {width:100%;height: 2px;background: #1c1d1e;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.livechatWrap > div .clickClose:after {width: 2px;height:100%;background: #1c1d1e;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.layer-talk-menu{opacity:1;transition:bottom .3s ease-in-out, opacity 1s ease-in-out;z-index: 122;width: 340px;padding: 8px 20px 10px;border-radius: 10px;border: 1px solid #ccc;background: #f5f5f5;text-align: center;box-sizing: border-box;box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.layer-talk-menu.on{display:block;bottom:170px;opacity:1;}
.layer-talk-menu .close{position: absolute;right: 21px;top: 21px;width: 18px;height: 18px;background: url(../images/main/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;}
.layer-talk-menu h1{font-family: "맑은 고딕";font-size: 17px;padding: 10px 0 10px;}
.group-talk-menu{width: 100%;margin-bottom: 10px;padding: 15px 15px;border-radius: 6px;border: 1px solid #d5d5dd;background: #fff;font-family: "맑은 고딕";text-align: center;box-sizing: border-box;}
.group-talk-menu.is-ttalk{display: inline-flex;align-items: center;padding: 10px 15px 10px 20px;text-align: left;}
.group-talk-menu a{display: inline-block;width: 65px;height: 65px;border-radius: 50%;overflow: hidden;}
.group-talk-menu a + a{margin-left: 6px;}
.group-talk-menu div{width: 100%;margin: 7px 0 0;font-size: 15px;font-weight: 600;}
.group-talk-menu span{display: inline-block;width: 100%;font-size: 13px;font-weight: 400;color: #666;word-break: keep-all;}
.group-talk-menu p{flex: 1 0 0px;min-width: 0;max-width: 100%;width: auto;margin-left: 15px;font-size: 15px;font-weight: 600;}

@media(max-width:1024px){
  .livechatWrap{bottom:5px; right:5px}
}
@media(max-width:767px){
    .layer-talk-menu {width:300px;}
    .livechatWrap > button img {width: 70px;}
}