body{background:url(/image/index_bg.jpg) center 0 repeat-x;position: relative;overflow-x: hidden}
.xinnian{width:100%; height:120px; position:relative;}
.xinnian .meihua{ position:absolute;left:0;top:00px;width:300px; height:187px;background:url(/image/meihua1.png) left top no-repeat; background-size:300px auto;}
.xinnian .bianpao{ position:absolute; right:0;top:00px;width:300px; height:170px;background:url(/image/meihua2.png) right top no-repeat; background-size:300px auto;}
.xinnian .xinnianmain{ margin:0 auto;width:1200px; height:120px; position:relative;background:url(/image/index_bg2021.png) center top no-repeat}
.xinnian .xinnianmain .dashiji2017{display:block;width:300px; height:35px;left:100px;top:70px;position:absolute;}
.xinnian .aside-title{width:40px; float:right; width:308px; margin-top:21px; margin-right:-10px;}
.xinnian .aside-title img{-webkit-animation:swing 1.5s  0.5s infinite;o-animation:swing 1.5s  0.5s infinite;animation:swing 1.5s 0.5s infinite; margin-right:36px;}
.xinnian .aside-title .t2{animation-delay: 1s;}
.xinnian .aside-title .t3{animation-delay: 1.5s;}
.xinnian .aside-title .t4{animation-delay: 2s;}
.xinnian .fireworks { background: url(/image/yanhua.png) no-repeat; display: inline-block; position:absolute; overflow: hidden;animation: fireworksfn 5s infinite; -webkit-animation: fireworksfn 5s infinite; -moz-animation: fireworksfn 5s infinite; -ms-animation: fireworksfn 5s infinite; -o-animation: fireworksfn 5s infinite;}
.xinnian .fireworks1 {width: 70px; height: 70px; position: absolute; right: 140px; top: 25px;  }
.xinnian .fireworks2 { width:50px; height:49px;background-position:0 -70px;right:110px; top:20px;animation-delay: 1s;}
.xinnian .fireworks3 { width:66px; height:67px;background-position:0 -119px;right:120px; top:80px;animation-delay:1.5s;}
.xinnian .fireworks4 { width:88px; height:86px;background-position:0 -186px;left:80px;top:30px;animation-delay:2s;}
.xinnian .fireworks5 {left:65px;top:20px;animation-delay:1.5s;}
.xinnian .fireworks6 {left:130px;top:30px;animation-delay:3s;}
.xinnian .fireworks7 {left:660px;top:20px;animation-delay:1.3s;}
.xinnian .fireworks8 {left:630px;top:30px;animation-delay:1.8s;}

@-webkit-keyframes fireworksfn {
    0%,45% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    55% { opacity: 1; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
    100% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
}

@-moz-keyframes fireworksfn {
    0%,45% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    55% { opacity: 1; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
    100% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
}

@-o-keyframes fireworksfn {
    0%,45% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    55% { opacity: 1; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
    100% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
}

@keyframes fireworksfn {
    0%,45% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    55% { opacity: 1; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
    100% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }
}

.sd-clock {
    position: absolute;
    left:40px;
    top: 65px;
    width: 160px;
    height:auto;
    -webkit-animation: go 3s ease-in-out alternate infinite;
    -moz-animation: go 3s ease-in-out alternate infinite;
    animation: go 3s ease-in-out alternate infinite;
    z-index: 999;
}
@keyframes go {
    0% {
        -webkit-transform: rotate(10deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(10deg);
        -moz-transform-origin: top center;
        transform: rotate(10deg);
        transform-origin: top center;
    }
    100% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(-10deg);
        -moz-transform-origin: top center;
        transform: rotate(-10deg);
        transform-origin: top center;
    }
}

.sd-clock1 {
    position: absolute;
    right:40px;
    top: 65px;
    width: 160px;
    height:auto;
    -webkit-animation: go1 3s ease-in-out alternate infinite;
    -moz-animation: go1 3s ease-in-out alternate infinite;
    animation: go1 3s ease-in-out alternate infinite;
    z-index: 999;
}
@keyframes go1 {
    0% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(-10deg);
        -moz-transform-origin: top center;
        transform: rotate(-10deg);
        transform-origin: top center;
    }
    100% {
        -webkit-transform: rotate(10deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(10deg);
        -moz-transform-origin: top center;
        transform: rotate(10deg);
        transform-origin: top center;
    }
}
@media screen and (max-width:768px) {
    .xinnian{display:none}
    body{background:none}
}