@charset "utf-8";.border-box{box-sizing:border-box;-webkit-box-sizing:border-box}.img_scale{overflow:hidden}.img_scale img{transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transition:transform 1s;-moz-transition:transform 1s}.img_scale:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}@keyframes go{0%{-webkit-transform:rotate(15deg);-webkit-transform-origin:0 0;-moz-transform:rotate(15deg);-moz-transform-origin:0 0;transform:rotate(15deg);transform-origin:0 0}100%{-webkit-transform:rotate(-15deg);-webkit-transform-origin:0 0;-moz-transform:rotate(-15deg);-moz-transform-origin:0 0;transform:rotate(-15deg);transform-origin:0 0}}@keyframes go2{0%{-webkit-transform:rotate(2deg);-webkit-transform-origin:0 0;-moz-transform:rotate(2deg);-moz-transform-origin:0 0;transform:rotate(2deg);transform-origin:0 0}100%{-webkit-transform:rotate(-2deg);-webkit-transform-origin:0 0;-moz-transform:rotate(-2deg);-moz-transform-origin:0 0;transform:rotate(-2deg);transform-origin:0 0}}@keyframes go3{0%{-webkit-transform:rotate(1deg);-webkit-transform-origin:0 0;-moz-transform:rotate(1deg);-moz-transform-origin:0 0;transform:rotate(1deg);transform-origin:0 0}100%{-webkit-transform:rotate(-1deg);-webkit-transform-origin:0 0;-moz-transform:rotate(-1deg);-moz-transform-origin:0 0;transform:rotate(-1deg);transform-origin:0 0}}@keyframes sunrise{0%{background:url(../images/background1.jpg) no-repeat bottom right}100%{background:url(../images/background2.jpg) no-repeat bottom right}}@keyframes drums{0%{background:url(../images/drums1.png) no-repeat}100%{background:url(../images/drums2.png) no-repeat}}@-webkit-keyframes birdFly{0%{background:url(../images/bird1.png);background-size:100% 100%}25%{background:url(../images/bird2.png);background-size:100% 100%}50%{background:url(../images/bird3.png);background-size:100% 100%}75%{background:url(../images/bird4.png);background-size:100% 100%}100%{background:url(../images/bird1.png);background-size:100% 100%}}@-moz-keyframes birdFly{0%{background:url(../images/bird1.png);background-size:100% 100%}25%{background:url(../images/bird2.png);background-size:100% 100%}50%{background:url(../images/bird3.png);background-size:100% 100%}75%{background:url(../images/bird4.png);background-size:100% 100%}100%{background:url(../images/bird1.png);background-size:100% 100%}}@-o-keyframes birdFly{0%{background:url(../images/bird1.png);background-size:100% 100%}25%{background:url(../images/bird2.png);background-size:100% 100%}50%{background:url(../images/bird3.png);background-size:100% 100%}75%{background:url(../images/bird4.png);background-size:100% 100%}100%{background:url(../images/bird1.png);background-size:100% 100%}}@keyframes birdFly{0%{background:url(../images/bird1.png);background-size:100% 100%}25%{background:url(../images/bird2.png);background-size:100% 100%}50%{background:url(../images/bird3.png);background-size:100% 100%}75%{background:url(../images/bird4.png);background-size:100% 100%}100%{background:url(../images/bird1.png);background-size:100% 100%}}@keyframes boatMove{0%{opacity:1;left:15%;bottom:15px}100%{opacity:0;transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);-webkit-transform:scale(.3);-moz-transform:scale(.3);left:40%;bottom:15%}}@keyframes titMove{0%{-webkit-clip-path:circle(0 at -50% 0);clip-path:circle(0 at -50% 0)}100%{-webkit-clip-path:circle(200% at -50% 0);clip-path:circle(200% at -50% 0)}}@keyframes flowerMove{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes flowerMove{0%{opacity:0}100%{opacity:1}}@keyframes titMove2{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@keyframes rightMove{0%{opacity:0;-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fade{0%{opacity:1}95%{opacity:1}100%{opacity:0}}@-webkit-keyframes drop{0%{-webkit-transform:translate(30px,-50px)}100%{-webkit-transform:translate(-200px,650px)}}@-webkit-keyframes clockwiseSpin{0%{-webkit-transform:rotate(-50deg)}100%{-webkit-transform:rotate(50deg)}}@-webkit-keyframes counterclockwiseSpinAndFlip{0%{-webkit-transform:scale(-1,1) rotate(50deg)}100%{-webkit-transform:scale(-1,1) rotate(-50deg)}}@-moz-keyframes fade{0%{opacity:1}95%{opacity:1}100%{opacity:0}}@-moz-keyframes drop{0%{-moz-transform:translate(30px,-50px)}100%{-moz-transform:translate(-200px,650px)}}@-moz-keyframes clockwiseSpin{0%{-moz-transform:rotate(-50deg)}100%{-moz-transform:rotate(50deg)}}@-moz-keyframes counterclockwiseSpinAndFlip{0%{-moz-transform:scale(-1,1) rotate(50deg)}100%{-moz-transform:scale(-1,1) rotate(-50deg)}}@-o-keyframes fade{0%{opacity:1}95%{opacity:1}100%{opacity:0}}@-o-keyframes drop{0%{-o-transform:translate(30px,-50px)}100%{-o-transform:translate(-200px,650px)}}@-o-keyframes clockwiseSpin{0%{-o-transform:rotate(-50deg)}100%{-o-transform:rotate(50deg)}}@-o-keyframes counterclockwiseSpinAndFlip{0%{-o-transform:scale(-1,1) rotate(50deg)}100%{-o-transform:scale(-1,1) rotate(-50deg)}}@keyframes fade{0%{opacity:1}95%{opacity:1}100%{opacity:0}}@keyframes drop{0%{transform:translate(30px,-50px)}100%{transform:translate(-200px,650px)}}@keyframes clockwiseSpin{0%{transform:rotate(-50deg)}100%{transform:rotate(50deg)}}@keyframes counterclockwiseSpinAndFlip{0%{transform:scale(-1,1) rotate(50deg)}100%{transform:scale(-1,1) rotate(-50deg)}}@keyframes lineMove{0%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@-webkit-keyframes fadeInRight20{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes fadeInRight20{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);-moz-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-o-keyframes fadeInRight20{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}}@keyframes fadeInRight20{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);-moz-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes fadeInLeft20{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes fadeInLeft20{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-o-keyframes fadeInLeft20{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}}@keyframes fadeInLeft20{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);-moz-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@-webkit-keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-moz-keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@-o-keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}}@keyframes fadeInUp20{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}}@keyframes musicRotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes musicRotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes rotateY{0%{opacity:0;transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg)}100%{opacity:1;transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0)}}@keyframes rotateY2{0%{opacity:0;transform:rotateY(65deg) translateY(60px);-ms-transform:rotateY(65deg) translateY(60px);-o-transform:rotateY(65deg) translateY(60px);-webkit-transform:rotateY(65deg) translateY(60px);-moz-transform:rotateY(65deg) translateY(60px)}100%{opacity:1;transform:rotateY(0) translateY(0);-ms-transform:rotateY(0) translateY(0);-o-transform:rotateY(0) translateY(0);-webkit-transform:rotateY(0) translateY(0);-moz-transform:rotateY(0) translateY(0)}}@keyframes rotateY3{0%{opacity:0;transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg)}100%{opacity:1;transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0)}}body{width:100%;padding-bottom:60px;position:relative;background:url(../images/travels/bck.jpg) no-repeat center;background-size:cover}.back{position:absolute;width:116px;top:140px;right:16.4%}.main-con{width:1580px;margin:0 auto}.menu{float:right;margin-bottom:8.156%;margin-right:94px}.menu a{display:inline-block;-webkit-transform:rotateX(90deg) translate3d(0,0,30px);-webkit-transform-origin:0 0;-moz-transform:rotateX(90deg) translate3d(0,0,30px);-moz-transform-origin:0 0;transform:rotateX(90deg) translate3d(0,0,30px);transform-origin:0 0}.menu a:nth-child(1){animation:menuMove 1.2s .4s ease-in-out forwards;-webkit-animation:menuMove 1.2s .4s ease-in-out forwards;-moz-animation:menuMove 1.2s .4s ease-in-out forwards;-o-animation:menuMove 1.2s .4s ease-in-out forwards}.menu a:nth-child(2){animation:menuMove 1.2s .6s ease-in-out forwards;-webkit-animation:menuMove 1.2s .6s ease-in-out forwards;-moz-animation:menuMove 1.2s .6s ease-in-out forwards;-o-animation:menuMove 1.2s .6s ease-in-out forwards}.menu a:nth-child(3){animation:menuMove 1.2s .8s ease-in-out forwards;-webkit-animation:menuMove 1.2s .8s ease-in-out forwards;-moz-animation:menuMove 1.2s .8s ease-in-out forwards;-o-animation:menuMove 1.2s .8s ease-in-out forwards}.menu a:nth-child(4){animation:menuMove 1.2s 1s ease-in-out forwards;-webkit-animation:menuMove 1.2s 1s ease-in-out forwards;-moz-animation:menuMove 1.2s 1s ease-in-out forwards;-o-animation:menuMove 1.2s 1s ease-in-out forwards}.menu a:nth-child(5){animation:menuMove 1.2s 1.2s ease-in-out forwards;-webkit-animation:menuMove 1.2s 1.2s ease-in-out forwards;-moz-animation:menuMove 1.2s 1.2s ease-in-out forwards;-o-animation:menuMove 1.2s 1.2s ease-in-out forwards}@keyframes menuMove{0%{-webkit-transform:rotateX(90deg) translate3d(0,0,30px);-webkit-transform-origin:0 0;-moz-transform:rotateX(90deg) translate3d(0,0,30px);-moz-transform-origin:0 0;transform:rotateX(90deg) translate3d(0,0,30px);transform-origin:0 0}100%{-webkit-transform:none;-webkit-transform-origin:0 0;-moz-transform:none;-moz-transform-origin:0 0;transform:none;transform-origin:0 0}}.main-tit{position:absolute;top:40px;left:50px;clip:rect(0 254px 0 0);clip:rect(0,254px,0,0);animation:travelsTitMove 1.6s cubic-bezier(0,0,.57,1.05) forwards;-webkit-animation:travelsTitMove 1.6s cubic-bezier(0,0,.57,1.05) forwards;-moz-animation:travelsTitMove 1.6s cubic-bezier(0,0,.57,1.05) forwards;-o-animation:travelsTitMove 1.6s cubic-bezier(0,0,.57,1.05) forwards}@keyframes travelsTitMove{0%{clip:rect(0 254px 0 0);clip:rect(0,254px,0,0)}100%{clip:rect(0 254px 216px 0);clip:rect(0,254px,216px,0)}}.travels-list{font-family:"宋体";font-size:14px;padding-left:260px;padding-right:94px;position:relative;opacity:0;animation:fadeIn 1.6s 1.6s ease forwards;-webkit-animation:fadeIn 1.6s 1.6s ease forwards;-moz-animation:fadeIn 1.6s 1.6s ease forwards;-o-animation:fadeIn 1.6s 1.6s ease forwards}.travels-list .travels-img img{border:1px solid #fff;border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box}.travels-list .travels-img{position:relative;z-index:2}.travels-list .tit{color:#2f2f2f;margin-top:6.525%;margin-bottom:20px}.travels-list .tit span{padding-bottom:5px;border-bottom:1px solid #7d7d7d}.travels-list .txt{line-height:24px;color:#707070}.travels-list .swiper-pagination{text-align:left}.travels-list .swiper-container-horizontal>.swiper-pagination-bullets{bottom:14%}.travels-list .swiper-pagination-bullet{width:20px;height:3px;background:#7d0000;opacity:1;border-radius:0}.travels-list .swiper-pagination-bullet-active{background:#044593}.left-img,.right-img{position:absolute}.left-img{left:0;bottom:15%;z-index:1}.right-img{right:0;bottom:0;z-index:2;bottom:8%}@media (max-width:1680px){.travels-list .travels-img img{width:1080px;height:570px}.right-img{right:10%}.left-img{left:32px;bottom:18%}.left-img img{width:500px}.right-img img{width:280px}.travels-list{padding-right:240px}.menu{margin-right:240px}.main-tit img{width:220px;height:187px}.back{width:100px;top:150px;right:18%}}@media (max-width:1440px){.travels-list .travels-img img{width:920px;height:486px}.main-tit img{width:190px;height:162px}.right-img img{width:240px}.right-img{right:20%}.travels-list{padding-right:400px}}@media (max-width:1280px){.back{width:90px;top:130px;right:18%}.travels-list .travels-img img{width:815px;height:430px}.main-tit img{width:160px;height:136px}.right-img img{width:200px}.right-img{right:28%}.travels-list{padding-right:504px}.menu img{width:150px;height:84px}.menu{float:none;margin-left:20%}}