body{
	overflow:hidden;
}
.bg{
    width:100%;
    height:954px;
    background-image: url('../images/bg-3.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.fuli{
    position: absolute;
    top: 3%;
    right: 5%;
    width: 178px;
/* height: 182px; */
    z-index: 100;
}
.fuli img{
    width:100%;
}

.hongbao{
    position: absolute;
    top: 39.5%;
    left: 45.5%;
    width:318px;
    height: 182px;
    z-index:100;
    animation: pictureScale 1000ms linear infinite;
}
.hongbao img{
    width:100%;
}
.work-buy{
    position: relative;
    top: 30.3%;
    left: 19.2%;
    float: left;
    animation: linkDown 500ms linear;
}
.welfare-buy{
    position: relative;
    top: 29.5%;
    right: 12.3%;
    float: right;
    animation: linkUp 500ms 200ms linear;
}
.link{
    position:absolute;
    display: inline-block;
    width:348px;
    height:96px;
    overflow: hidden;
}
.link-1{
    top: 101%;
    left: 10%;
   /*animation: linkDown 500ms linear;*/
}
.bg-btn-1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: inline-block;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    background-image: url('../images/title-011.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 0;
}
.btn-1 {
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    /*-ms-behavior: url(backgroundsize.min.htc);*/
    /*behavior: url(backgroundsize.min.htc);*/
    background-image: url('../images/title-11.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
}
.link-1:hover .bg-btn-1{
    animation: btnScale 400ms linear 3;
    opacity: 1;
    /*filter: blur(2px);*/
}
.link-1:hover .btn-1{
    background-image: url('../images/title-011.png');
    background-repeat: no-repeat;
}
.link-2{
    top: 103%;
    right: 14%;
    /*float:right;*/
    width:348px;
    height:96px;
    /*animation: linkUp 500ms 800ms linear;*/
}
.bg-btn-2{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: inline-block;
    /*-ms-behavior: url(backgroundsize.min.htc);*/
    /*behavior: url(backgroundsize.min.htc);*/
    background-image: url('../images/title-022.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 0;
}
.btn-2{
    position: relative;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    /*-ms-behavior: url(backgroundsize.min.htc);*/
    /*behavior: url(backgroundsize.min.htc);*/
    background-image: url('../images/title-22.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
}
.link-2:hover .bg-btn-2{
    animation: btnScale 400ms linear 3;
    opacity: 1;
    /*filter: blur(2px);*/
}
.link-2:hover .btn-2{
    background-image: url('../images/title-022.png');
    background-repeat: no-repeat;
}

@keyframes btnScale {
    0% {
    transform: scale(1);

  }
    50% {
    transform: scale(1.04);
        filter: blur(2px);
        opacity: 0.5;


    }

    100% {
    transform: scale(1.0);
    }
}
@keyframes  pictureScale{
    0% {
        transform: scale(1);

    }
    50% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1.0);
    }
}
@keyframes linkDown {
    0%{
      top:-500px;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        filter: blur(0px);
    }
    90% {
        transform: scale(0.9);
        filter: blur(20px);
    }
    100%{
        top: 30.3%;
        opacity: 1;
        filter: blur(0px);
    }

}

@keyframes linkUp {
    0%{
        top:150%;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        filter: blur(0px);

    }
    90% {
        transform: scale(0.9);
        filter: blur(20px);
    }
    100%{
        top: 29.5%;
        transform: scale(1);
        opacity:1;
        filter: blur(0px);
    }

}
@media screen and (max-width: 1600px){
    .work-buy img,.welfare-buy img{
        width: 300px;
    }
    .link{
        width:238px;
    }
}
@media screen and (max-width: 1440px){
    .hongbao{
        width:250px;
    }
}
@media screen and (max-width: 1366px){
    .bg{
        height:645px;
    }
    .fuli{
        top: 3%;
        right: 2%;
    }
}
@media screen and (max-width: 1280px){
    .bg{
        height:895px;
    }
    .work-buy img,.welfare-buy img{
        width: 260px;
    }
    .link{
        width:200px;
    }
}
@media screen and (max-width: 1024px){
.bg {
    height: 643px;
}
    .hongbao {
        width: 200px;
    }
    .work-buy img,.welfare-buy img{
        width: 200px;
    }
    .link{
        width:150px;
    }
}