@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)}}body{overflow:hidden}.main-con{position:relative;width:100%;height:100%;background:url(../images/border.png) no-repeat;background-size:cover}.border{position:absolute;background:url(../images/border.png) no-repeat left top;width:100%;height:100%;left:0;top:0;background-size:cover}.background{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:100%;height:100%;animation:sunrise 2.5s linear forwards;-webkit-animation:sunrise 2.5s linear forwards;-moz-animation:sunrise 2.5s linear forwards;-o-animation:sunrise 2.5s linear forwards;background-size:cover}.eaves{position:relative;width:29.3229%;top:0;left:0;z-index:99}.bell{position:absolute;width:6.3943%;right:33.5%;top:49%;animation:go 1s ease-in-out alternate infinite;-webkit-animation:go 1s ease-in-out alternate infinite;-moz-animation:go 1s ease-in-out alternate infinite;-o-animation:go 1s ease-in-out alternate infinite}.lantern1{position:absolute;width:19.36%;left:15%;bottom:-33%;animation:go2 1.2s linear .3s alternate infinite;-webkit-animation:go2 1.2s linear .3s alternate infinite;-moz-animation:go2 1.2s linear .3s alternate infinite;-o-animation:go2 1.2s linear .3s alternate infinite}.lantern2{position:absolute;left:2%;width:12.7886%;animation:go3 1.2s ease-in-out alternate infinite;-webkit-animation:go3 1.2s ease-in-out alternate infinite;-moz-animation:go3 1.2s ease-in-out alternate infinite;-o-animation:go3 1.2s ease-in-out alternate infinite}.boat{position:absolute;width:6.71875%;left:85%;bottom:15px;animation:boatMove 50s linear forwards infinite;-webkit-animation:boatMove 50s linear forwards infinite;-moz-animation:boatMove 50s linear forwards infinite;-o-animation:boatMove 50s linear forwards infinite}.bird{position:absolute;right:15%;top:55%;width:85%;height:100px;z-index:9}.bird div{width:100px;height:100px;float:left;margin-top:0;margin-left:1200px;position:absolute;z-index:9;background:url(../images/bird1.png);animation:birdFly 1s linear infinite;-webkit-animation:birdFly 1s linear infinite;-moz-animation:birdFly 1s linear infinite;-o-animation:birdFly 1s linear infinite;transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8)}.bird2{position:absolute;right:10%;top:58%;width:90%;height:170px;z-index:9}.bird2 div{width:100px;height:100px;float:left;margin-top:0;margin-left:1300px;position:absolute;z-index:9;background:url(../images/bird1.png);animation:birdFly 1s linear infinite;-webkit-animation:birdFly 1s linear infinite;-moz-animation:birdFly 1s linear infinite;-o-animation:birdFly 1s linear infinite;transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5)}.grass{position:absolute;left:0;bottom:0;width:15.729%}.drums{position:absolute;right:0;bottom:15px;width:24%;height:471px;background-size:100%;animation:drums 3s linear forwards;-webkit-animation:drums 3s linear forwards;-moz-animation:drums 3s linear forwards;-o-animation:drums 3s linear forwards}.con{width:1200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);top:30%;z-index:9999}.tit{float:right;position:relative;width:387px;height:423px}.circle{width:100%;height:100%;position:absolute;animation:titMove 2s linear forwards;-webkit-animation:titMove 2s linear forwards;-moz-animation:titMove 2s linear forwards;-o-animation:titMove 2s linear forwards;background:url(../images/tit_bg.png) no-repeat}.flower{width:84.7545%;position:absolute;right:-28%;top:0;z-index:9;opacity:0;animation:flowerMove 2s 1.8s linear forwards;-webkit-animation:flowerMove 2s 1.8s linear forwards;-moz-animation:flowerMove 2s 1.8s linear forwards;-o-animation:flowerMove 2s 1.8s linear forwards}.tit1{width:62.279%;position:absolute;left:10%;top:42%;z-index:9;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);animation:titMove 2s 1.6s linear forwards;-webkit-animation:titMove 2s 1.6s linear forwards;-moz-animation:titMove 2s 1.6s linear forwards;-o-animation:titMove 2s 1.6s linear forwards}.tit2{position:absolute;width:11.8863%;left:30%;top:8%;opacity:0;animation:rightMove 1.6s 3s ease forwards;-webkit-animation:rightMove 1.6s 3s ease forwards;-moz-animation:rightMove 1.6s 3s ease forwards;-o-animation:rightMove 1.6s 3s ease forwards}.tit3{position:absolute;width:3.6175%;left:25%;top:8%;opacity:0;animation:rightMove 1.6s 3.5s ease forwards;-webkit-animation:rightMove 1.6s 3.5s ease forwards;-moz-animation:rightMove 1.6s 3.5s ease forwards;-o-animation:rightMove 1.6s 3.5s ease forwards}.tit4{position:absolute;width:11.32%;left:10%;top:20%;opacity:0;animation:rightMove 1.6s 4s ease forwards;-webkit-animation:rightMove 1.6s 4s ease forwards;-moz-animation:rightMove 1.6s 4s ease forwards;-o-animation:rightMove 1.6s 4s ease forwards}.bg-c{position:absolute;width:49.87%;left:-10%;bottom:-20%;opacity:0;animation:flowerMove 2s 3.2s linear forwards;-webkit-animation:flowerMove 2s 3.2s linear forwards;-moz-animation:flowerMove 2s 3.2s linear forwards;-o-animation:flowerMove 2s 3.2s linear forwards}.swiper-container{width:713px;margin-left:70px;margin-top:100px;margin-right:30px;z-index:9999}.swiper-container .swiper-slide{padding-left:15px;padding-top:40px;width:70px;position:relative;opacity:0;animation:fadeInRight20 1.6s 5.2s ease forwards;-webkit-animation:fadeInRight20 1.6s 5.2s ease forwards;-moz-animation:fadeInRight20 1.6s 5.2s ease forwards;-o-animation:fadeInRight20 1.6s 5.2s ease forwards;box-sizing:border-box;-webkit-box-sizing:border-box}.swiper-container .swiper-slide:before{content:"";width:1px;display:block;height:100%;position:absolute;left:4px;top:0;background:-webkit-linear-gradient(#8a2800,#8a2800,#fff);background:-o-linear-gradient(#8a2800,#8a2800,#fff);background:-moz-linear-gradient(#8a2800,#8a2800,#fff);background:linear-gradient(#8a2800,#8a2800,#fff)}.swiper-container .swiper-slide:after{content:"";width:8px;height:8px;display:block;position:absolute;left:0;top:0;border-radius:50%;border:1px solid #8a2800;background:#f2ece7}.swiper-container .swiper-slide a{width:22px;font-size:22px;display:block;line-height:1;font-family:"宋体";color:#8a2800}.swiper-container .swiper-controls{text-align:center;line-height:40px;opacity:0;animation:fadeInUp20 1.2s 5.5s ease forwards;-webkit-animation:fadeInUp20 1.2s 5.5s ease forwards;-moz-animation:fadeInUp20 1.2s 5.5s ease forwards;-o-animation:fadeInUp20 1.2s 5.5s ease forwards}.swiper-container .swiper-pagination{position:relative;display:inline-block;vertical-align:middle;width:auto;margin:0 27px;font-size:0}.swiper-container .swiper-pagination-bullet{width:18px;height:16px;background:url(../images/dot1.png) no-repeat;opacity:1;margin:0 3px}.swiper-container .swiper-pagination-bullet-active{background:url(../images/dot2.png) no-repeat}.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{display:inline-block;position:relative;vertical-align:middle;width:22px;height:40px}.swiper-container .swiper-button-prev{background:url(../images/arrow-left.png) no-repeat}.swiper-container .swiper-button-next{background:url(../images/arrow-right.png) no-repeat}.top-line{position:absolute;right:28%;top:84px;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);animation:lineMove 2s 4.2s ease forwards;-webkit-animation:lineMove 2s 4.2s ease forwards;-moz-animation:lineMove 2s 4.2s ease forwards;-o-animation:lineMove 2s 4.2s ease forwards}.leave{position:absolute;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-direction:normal,normal;-webkit-animation-timing-function:linear,ease-in;-moz-animation-iteration-count:infinite,infinite;-moz-animation-direction:normal,normal;-moz-animation-timing-function:linear,ease-in;-o-animation-iteration-count:infinite,infinite;-o-animation-direction:normal,normal;-o-animation-timing-function:linear,ease-in;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-timing-function:linear,ease-in}.leave>img{position:absolute;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:50% -100%;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-moz-animation-timing-function:ease-in-out;-moz-transform-origin:50% -100%;-o-animation-iteration-count:infinite;-o-animation-direction:alternate;-o-animation-timing-function:ease-in-out;-o-transform-origin:50% -100%;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;transform-origin:50% -100%;opacity:.76}@media (max-width:1680px){.swiper-container{margin-right:0;margin-left:100px}}@media (max-width:1440px){.con{width:900px;top:40%}.tit{width:290px;height:317px}.swiper-container{width:550px;margin-left:60px}.circle{background-size:290px 317px}.swiper-container .swiper-slide a{font-size:20px;width:20px}.top-line{background-size:80%}}.music{position:fixed;right:5%;top:5%;width:45px;height:45px;border:1px solid #8a2800;border-radius:50%;display:block;z-index:9999;cursor:pointer}.music::after{position:absolute;content:"";width:45px;height:45px;background:url(../images/music.png) no-repeat center;background-color:transparent;background-size:25px}.music.play::after{-webkit-animation:musicRotate 3s 0s linear infinite;-o-animation:musicRotate 3s 0s linear infinite;animation:musicRotate 3s 0s linear infinite;-moz-animation:musicRotate 3s 0s linear infinite}