body{font:.24rem "Microsoft YaHei",Helvetica;overflow:visible;color:#434343;background:#fff}html{-webkit-text-size-adjust:none}html,body{max-width:750px;min-width:320px;height:100%;margin:0 auto!important}.animation{opacity:0;-webkit-animation-duration:0.8s;animation-duration:0.8s;animation-fill-mode:both;-webkit-animation-fill-mode:both}.ico{display:inline-block;vertical-align:middle}.ico-arrow-down{display:block;width:0.09rem;height:0.06rem;background:url(../images/arrow-down.png) no-repeat;background-size:100% auto;margin:0 auto}.ico-arrow-up{display:block;width:0.09rem;height:0.06rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAJklEQVQI12P8////fwYoYGRkZISxkcWZGIgARCliRObgspp61gEAAK0MB+oJLUoAAAAASUVORK5CYII=) no-repeat;background-size:100% auto;margin:0 auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ico-big-arrow-down{display:block;width:0.21rem;height:0.24rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAATElEQVQ4y2O8peXxnwEK1K7tYGQgEyCbw0SuIfgATQxF8S6pQYFL/RD1PjFeIyaIhoH3iQkKurqUNt4fzftYvTCa90fzPvFeHpreBwDlgjS/Z4a4qQAAAABJRU5ErkJggg==) no-repeat;background-size:100% auto;position:absolute;left:50%;bottom:0.32rem;margin:0 0 0 -0.105rem;-webkit-animation:fd 1.6s infinite both;animation:fd 1.6s infinite both}.swiper-container{width:100%;height:100%}.section{position:relative}.section1{background:url(../images/m-bg1.jpg) no-repeat;background-size:100% auto}.section2,.section3{background:url(../images/m-bg2.jpg) no-repeat;background-size:100% auto}.section4{background:#fff url(../images/m-bg3.jpg) no-repeat;background-size:100% auto}.section .animation{display:none}.section.swiper-slide-active .animation{display:block}.top-tip{position:absolute;left:0.32rem;top:0}.top-tip .arrow{width:0;height:0;border-left:1.42rem solid transparent;border-right:1.42rem solid transparent;border-top:1.42rem solid #869baa;position:absolute;left:0;top:0}.top-tip p{width:2.85rem;font-size:0.24rem;line-height:1.2;color:#fff;text-align:center;position:absolute;left:0rem;top:0.1rem}.botm-tip{position:absolute;left:50%;bottom:1.02rem;margin:0 0 0 -1.02rem}.botm-tip .arrow{width:0;height:0;border-left:1.02rem solid transparent;border-right:1.02rem solid transparent;border-bottom:1.02rem solid #ea2d49;position:absolute;left:0;top:0}.botm-tip p{width:2.05rem;font-size:0.24rem;line-height:1.2;color:#fff;text-align:center;position:absolute;left:0rem;top:0.5rem}.botm-tip .ico-arrow-down{margin-top:0.09rem;-webkit-animation:fdsmall 1.6s infinite both;animation:fdsmall 1.6s infinite both}.botm-tip .ico-arrow-up{margin-top:0;margin-bottom:0.05rem}.intro-box{padding-top:0.97rem}.intro-box .item .con{position:relative}.intro-box .item .year{height:0.76rem;line-height:0.76rem;font-size:0.5rem;color:#5a7588;text-align:center}.intro-box .item .year span{display:inline-block;padding:0 0.3rem;border-bottom:1px solid #5a7588;position:relative}.intro-box .item .year span:before,.year span:after{content:'';width:0.08rem;height:0.08rem;background:#5a7588;position:absolute;top:0.3rem;transform:rotate(45deg)}.intro-box .item .year span:before{left:0}.intro-box .item .year span:after{right:0}.intro-box .item .pic{width:3.1rem;height:3.1rem;border:2px solid #5a7588;border-radius:1px;position:absolute}.intro-box .item .c1{float:left;width:3.64rem}.intro-box .item .c1 .txt{font-size:0.26rem;line-height:0.36rem;color:#374855}.intro-box .item1{opacity:0;-webkit-animation:vanishIn 0.5s linear 0.5s both;animation:vanishIn 0.5s linear 0.5s both}.intro-box .item1 .con{min-height:3.9rem;padding:0.4rem 0.22rem 0.5rem 3.65rem}.intro-box .item1 .pic{left:0.32rem;top:0.475rem}.intro-box .item2{opacity:0;-webkit-animation:vanishIn 0.5s linear 0.7s 1 both;animation:vanishIn 0.5s linear 0.7s 1 both}.intro-box .item2 .con{padding:0.5rem 3.65rem 0 0.3rem}.intro-box .item2 .pic{right:0.23rem;top:1.58rem}.intro-box .item2 .year{margin-top:0.08rem}.intro-box .line-box{width:100%;position:relative;transform:rotate(14deg)}.intro-box .line-box:before,.intro-box .line-box:after{width:200%;content:'';border-top:1px solid #5a7588;position:absolute}.intro-box .line-box:before{right:50%;top:0;margin-right:-50px}.intro-box .line-box:after{left:50%;top:5px;margin-left:-50px}.section1 .txt{width:2.4rem;position:absolute;left:2.63rem;top:0.85rem;-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-delay:0.2s;animation-delay:0.2s;opacity:0}.section1 .txt1{width:0.86rem;height:5.74rem;background:url(../images/s1-txt1.png) no-repeat;background-size:100% auto;position:absolute;left:0;top:0}.section1 .txt2{width:0.49rem;height:3.97rem;background:url(../images/s1-txt2.png) no-repeat;background-size:100% auto;position:absolute;right:0;top:0.83rem}.section1 .line{width:1px;height:5rem;background:-moz-linear-gradient( top,transparent,#b9c9d5 98%,transparent);background:-webkit-linear-gradient( top,transparent,#b9c9d5 88%,transparent);background:linear-gradient( top,transparent,#b9c9d5 98%,transparent);position:absolute;left:1.36rem;top:0.24rem}.section1 .slog{width:3.712rem;height:3.712rem;background:url(../images/slogan.png) no-repeat;background-size:100% auto;position:absolute;left:50%;bottom:1.84rem;margin:-1.856rem 0 0 -1.856rem;-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-delay:0.6s;animation-delay:0.6s}.section1 .txt3{width:100%;height:0.74rem;line-height:0.74rem;font-size:0.32rem;color:#a56873;text-align:center;position:absolute;left:0;bottom:1.1rem;-webkit-animation-name:swap;animation-name:swap;-webkit-animation-delay:0.8s;animation-delay:0.8s}.section1 .txt3 .ico-arrow-r{width:0.17rem;height:0.09rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAKklEQVQoz2NcnlP+nwEKIqd0MjLgAbjUMjFQAVDFEBTnk+u1QeSd4RU7ANqWFpnvLisCAAAAAElFTkSuQmCC) no-repeat;background-size:100% auto;margin-left:0.09rem}.section3 .intro-box .item1 .con{padding:0.4rem 3.65rem 0.5rem 0.22rem}.section3 .intro-box .item1 .pic{left:inherit;right:0.32rem}.section3 .intro-box .item2 .con{padding:0.5rem 0.3rem 0 3.65rem}.section3 .intro-box .item2 .pic{right:inherit;left:0.32rem}.section3 .intro-box .line-box{-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}.section4 .top-tip{left:inherit;right:3.3rem}.section4 .top-tip .arrow{width:0;height:0;border-left:1.42rem solid transparent;border-right:1.42rem solid transparent;border-top:1.42rem solid #55496f;position:absolute;left:0;top:0}.section4 .date-addr{width:3.86rem;position:absolute;left:0.37rem;top:0.78rem}.section4 .date-addr .date{width:3.86rem;height:0.56rem;background:url(../images/data-bg.png) no-repeat;background-size:100% auto;line-height:0.56rem;font-size:0.34rem;color:#fff;text-indent:0.05rem;-webkit-animation-name:swap;animation-name:swap}.section4 .date-addr .addr{height:1.1rem;line-height:1.1rem;font-size:0.63rem;font-weight:bold;color:#79658c;-webkit-animation-name:swap;animation-name:swap;-webkit-animation-delay:0.2s;animation-delay:0.2s}.section4 .date-addr .theme{height:0.52rem;line-height:0.52rem;font-size:0.42rem;color:#79658c;-webkit-animation-name:swap;animation-name:swap;-webkit-animation-delay:0.4s;animation-delay:0.4s}.section4 .botm-con{width:7.5rem;height:5.1rem;background:url(../images/s3-botm-bg.jpg) no-repeat;position:absolute;left:0;bottom:0}.section4 .botm-con .botm-con-wrap{-webkit-animation:vanishIn 0.6s linear 0.8s both;animation:vanishIn 0.6s linear 0.8s both}.section4 .botm-con .logo{width:2.07rem;height:0.91rem;background:url(https://image.51bph.com/images/you-logo.png) no-repeat;background-size:100% auto;margin:0.27rem auto 0}.section4 .botm-con .t1{height:0.66rem;line-height:0.66rem;font-size:0.36rem;color:#515a93;text-align:center}.section4 .botm-con .t2{height:0.96rem;line-height:0.96rem;font-size:0.76rem;font-weight:bold;color:#515a93;text-align:center}.section4 .botm-con .btn{opacity:1;display:block;width:2.56rem;height:0.74rem;line-height:0.74rem;border-bottom:0.03rem solid #4a5283;font-size:0.36rem;color:#fff;font-weight:bold;text-align:center;background:#666fa5;margin:0.21rem auto 0;-webkit-animation:shake 0.6s linear 1.2s both;animation:shake 0.6s linear 1.2s both}.music-box{width:0.44rem;height:0.35rem;position:absolute;right:0.3rem;top:0.27rem;z-index:3}.music-box .ico{width:0.44rem;height:0.35rem;background:url(../images/music-bg.png) no-repeat;background-size:100% auto}.music-box .ico-pause{background-position:0 -0.36rem}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{opacity:1;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-7px);transform:translateY(-7px)}100%{opacity:1}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px)}100%{opacity:1}}@-webkit-keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;-webkit-transform:scale(0,0) translate(-300px,0px)}100%{opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(1,1) translate(0px,0px)}}@keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;-webkit-transform:scale(0,0) translate(-300px,0px)}100%{opacity:1;-webkit-transform-origin:100% 100%;-webkit-transform:scale(1,1) translate(0px,0px)}}@-webkit-keyframes fd{0%{-webkit-transform:translate(0px,-15px);transform:translate(0px,-15px);opacity:0}70%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);opacity:1}100%{-webkit-transform:translate(0px,6px);transform:translate(0px,6px);opacity:0}}@keyframes fd{0%{-webkit-transform:translate(0px,-15px);transform:translate(0px,-15px);opacity:0}70%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);opacity:1}100%{-webkit-transform:translate(0px,6px);transform:translate(0px,6px);opacity:0}}@-webkit-keyframes fdsmall{0%{-webkit-transform:translate(0px,-5px);transform:translate(0px,-5px);opacity:0}70%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);opacity:1}100%{-webkit-transform:translate(0px,2px);transform:translate(0px,2px);opacity:0}}@keyframes fdsmall{0%{-webkit-transform:translate(0px,-5px);transform:translate(0px,-5px);opacity:0}70%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);opacity:1}100%{-webkit-transform:translate(0px,2px);transform:translate(0px,2px);opacity:0}}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(1.5,1.5)}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1)}}@-webkit-keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(1.5,1.5)}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1)}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%,60%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}40%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%,60%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}40%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.loading_wrap{z-index:100;width:100%;height:100%;background:#fff;position:absolute;left:0;top:0}.loading{position:absolute;top:50%;left:50%;height:150px;width:150px;margin:-75px 0 0 -75px;line-height:150px;text-align:center;color:#a81152;text-align:center}.loading span{height:100px;width:100px;border:1px solid #a81152;border-radius:50%;position:absolute;top:25px;left:25px;box-sizing:border-box}.loading span:before{content:"";height:10px;width:10px;position:absolute;background-color:#a81152;border-radius:50%;top:-5px;left:45px}.loading span{animation:rond 2s infinite;-webkit-animation:rond 2s infinite}@keyframes rond{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rond{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}