body,html{padding:0;margin: 0;}
.box{width: 640px;height:100vh ;overflow: hidden; margin: 0 auto; position: relative;background-color: #f2fefc;}
img{width: 100%;}
ul{padding: 0;}
a{text-decoration: none;}
li{position: relative;list-style: none;}
.bar{display: block;position: fixed;top: 0;left: 50%;margin-left: -320px; width: 640px;height: 80px;z-index: 10;}
.first{position: absolute;top: 0%;margin-top: -0;display: block;}
.inner{padding-top: 80px;background-color: #1246bc;position: relative;}
.top{position: relative;}
.top img{display: block;}
.navBtn{position: absolute;right: 36px;top: 26px;width: 50px;height: 40px;}
.bg{position: absolute;width: 640px;height: 1138px;top: 0;margin-top: 0;left: 0;z-index: 11;}
.video{width: 100%;height: 100%;position: absolute;top: 50%;left:0;margin-top: -569px;background-color: #f2fefc;z-index: 10;}
.first>a{position: absolute;display: block; animation-duration: 3s;
     
    animation-iteration-count: infinite;   }
.zqcl{left:52px;top: 642px; animation: heart 0.3s ease-in-out 0.5s infinite alternate;}
.qbyh{top: 873px;left: 80px;  animation: heart2 0.2s ease-in-out 0.9s infinite alternate;}
.xxsc{bottom: 167px;right: 192px;  animation: heart3 0.5s ease-in-out 0.6s infinite alternate;}
.mqyg{bottom: 372px;right: 220px;  animation: heart4 0.6s ease-in-out 1s infinite alternate;}
.hozx{bottom: 279px;right: 8px;  animation: heart5 0.4s ease-in-out 0.4s infinite alternate;}
.zqcl{
    animation: heart 0.5s ease-in-out 0.5s infinite alternate;
    }
.nav{position: absolute;width: 148px;height: auto;background-color: #6132d9;right: 27px;top: 89px;display: none;} 
.nav a{display: block;width: 100%;height: 60px;color: #fff;font-size: 20px;font-weight: 600;text-align: center;line-height:60px;border-bottom: 1px solid transparent;}
    
    
    /* //鐢╰ransform灏辨祦鐣呬簡 */
    @keyframes heart{
    from{transform:translate(0,0)}
    to{transform:translate(0,40px)}
    }
    @keyframes heart2{
        from{transform:translate(0,-20)}
        to{transform:translate(0,20px)}
        }
        @keyframes heart3{
            from{transform:translate(0,0)}
            to{transform:translate(0,20px)}
            }
            @keyframes heart4{
                from{transform:translate(0,0)}
                to{transform:translate(0,-20px)}
                }
                @keyframes heart5{
                    from{transform:translate(0,0)}
                    to{transform:translate(0,-40px)}
                    }