@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%;position:relative}.back{position:absolute;width:136px;bottom:5px;left:11%;z-index:999;mix-blend-mode:multiply}.siderbar{position:relative;width:372px;height:100vh;background:#7d0000;text-align:center;float:left}.tit{position:absolute;top:4.629%;width:100%;text-align:center}.tit-bck{position:absolute;left:0;bottom:0}.menu{position:absolute;width:50%;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.menu a{display:block;color:#eacf80;font-size:22px;height:60px;line-height:60px;font-family:"宋体"}.menu a:after{content:"";display:block;height:1px;width:107px;background:url(../images/drama/line.png) no-repeat;margin:0 auto}.menu a:last-child:after{display:none}.main-con{float:right}.txt{position:absolute;right:20%;top:55%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);z-index:999}.swiper-container{height:100%}.swiper-pagination-bullet{width:18px;height:18px;background:#3b3b3b;opacity:1}.swiper-pagination{text-align:left;margin-left:35px}.swiper-pagination-bullet-active{background:#7d0000}.swiper-slide{width:100%!important;position:relative}.cd-image-container{position:relative;width:100%;margin:0 auto}.cd-image-container img{display:block;width:100%}.cd-resize-img{position:absolute;top:0;right:0;width:0;height:100%;overflow:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.cd-resize-img .swiper-img{display:block;height:100%;width:100%;opacity:0}.cd-resize-img .swiper-img img{height:100%;width:auto;max-width:none}.resize-img{position:absolute;right:0;top:0;height:100%;width:auto!important}.is-visible .cd-resize-img{width:50%;-webkit-animation:cd-bounce-in .7s;-moz-animation:cd-bounce-in .7s;animation:cd-bounce-in .7s}@-webkit-keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}@-moz-keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}@keyframes cd-bounce-in{0%{width:0}60%{width:55%}100%{width:50%}}.cd-handle{position:absolute;width:86px;height:100%;left:50%;margin-left:-43px;top:0;background:url(../images/drama/cd-arrows.png) no-repeat center center;cursor:move;opacity:0;-webkit-transform:translate3d(0,0,0) scale(0);-moz-transform:translate3d(0,0,0) scale(0);-ms-transform:translate3d(0,0,0) scale(0);-o-transform:translate3d(0,0,0) scale(0);transform:translate3d(0,0,0) scale(0)}.is-visible .cd-handle{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);-ms-transform:translate3d(0,0,0) scale(1);-o-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);-webkit-transition:-webkit-transform .3s .7s,opacity 0s .7s;-moz-transition:-moz-transform .3s .7s,opacity 0s .7s;transition:transform .3s .7s,opacity 0s .7s}