@charset "UTF-8";
html{ font-size: 100px;}
.year_con1,.year_con2{ padding-top: 8.59375vw; position: relative; overflow: hidden; display: none;}
.year_con1{ background: url(260211fj_head_bg.jpg) no-repeat center; background-size: cover;}
.year_con2{ background: url(260211fj_head_bg1.jpg) no-repeat center; background-size: cover;}
.new_year1 .top-link_2021,.new_year2 .top-link_2021{ border-bottom: none;}
.new_year1 .sec-ban_2021,.new_year2 .sec-ban_2021{ margin-top: 0;}
.new_year1 .sec-ban_2021{ background:url(260211fj_ban_bg.jpg) no-repeat center; background-size: cover;}
.new_year2 .sec-ban_2021{ background:url(260211fj_ban_bg1.jpg) no-repeat center; background-size: cover;}

.year_couplet_left,.year_couplet_right,.year_couplet_left1,.year_couplet_right1{position: fixed;top: 19.4671875vw;width:1.2rem;z-index: 99999;padding-top: .18rem; display: none;}
.new_year1 .year_con1,.new_year2 .year_con2,.new_year1 .year_couplet_left,.new_year1 .year_couplet_right,.new_year2 .year_couplet_left1,.new_year2 .year_couplet_right1{ display: block;}
.year_couplet_left em,.year_couplet_right em,.year_couplet_left1 em,.year_couplet_right1 em{ display: block; animation: height 3s linear; overflow: hidden; width: 1.2rem;}
.year_couplet_left,.year_couplet_left1{ left: 50%; margin-left: -810px;}
.year_couplet_right,.year_couplet_right1{ right: 50%; margin-right: -810px;}
.year_couplet_left>i,.year_couplet_right>i,.year_couplet_left1>i,.year_couplet_right1>i{position: absolute;top: 0;left: 0;display: block;width:.17rem;background: url(260211fj_close.png) no-repeat;cursor: pointer;height: .17rem;}

.year_con1 .row,.year_con2 .row{ position: absolute; left: 50%; top: 0; bottom: 0; transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 4;}
.year_tit{ display: flex; height: 100%; gap:1.875vw; align-items: center; justify-content: center;}
.year_con1 .year_tit>em{ width: 3.984375vw; height: 6.484375vw; flex-shrink: 0; display: flex; align-items: flex-end; animation: fadeInUp 3s linear infinite; bottom: -.08rem; position: relative;}
.year_con1 .year_tit>span{ display: flex; align-items: center;}
.year_con2 .year_tit>span{width: 30.5078125vw; padding-top: 1.2140625vw;}
.year_con1 .year_tit>span img{ max-width: 100%; max-height: 100%;}
.year_con1 .year_tit>em img{ bottom: -.04rem; position: relative;}
.year_con2 .year_tit{ align-items: flex-start;}
.year_con2 .year_tit>em{ position: absolute; left: 2.890625vw; bottom:-1.171875vw; animation: gallop 5s linear infinite; width: 6.2109375vw; height: 7.8125vw;}
.year_con1>span[class*=fireworks],.year_con2>span[class*=fireworks]{ position: absolute; background: url(260211fj_yh.png) no-repeat; background-size: contain; animation: rubberBand 2s linear infinite;} 
.year_con1 .lantern_l,.year_con1 .lantern_r{ position: absolute; width: 29.8046vw; height: 32.38281vw; top: -21.2109375vw; animation: floatRight 4s linear infinite; background-repeat: no-repeat; background-size: contain;}
.year_con1 .lantern_l{ left: -5.1953125vw; background-image: url(260211fj_left_dl.png);}
.year_con1 .lantern_r{ right: -5.1953125vw; background-image: url(260211fj_right_dl.png); animation-delay: 2s;}
.year_con1 .fireworks1{ width: 2.9296875vw; height: 2.9296875vw; left: 15.234375vw; top: 50%; transform: translateY(-50%); animation-delay: 1s;}
.year_con1 .fireworks2{ width: 6.40625vw; height: 6.40625vw; left: 18.984375vw; top: -1.328125vw;}
.year_con1 .fireworks3{ width: 3.203125vw; height: 3.203125vw; bottom: .03vw; left: 38%; animation-delay: 1s;}
.year_con1 .fireworks4{ width: 3.90625vw; height: 3.90625vw; left: 50%; transform: translateX(-50%); top: -0.8984375vw;}
.year_con1 .fireworks5{ width: 2.421875vw; height: 2.421875vw; bottom: 0; left: 60%; animation-delay: 1s;}
.year_con1 .fireworks6{ width: 5.46875vw; height: 5.46875vw; top: -0.3125vw; right: 19.53125vw;}
.year_con1 .fireworks7{ width: 2.890625vw; height: 2.890625vw; right: 13.8671875vw; top: 3.2421875vw; animation-delay: 1s;}
.year_con2>span[class*=fireworks]{ background-image: url(260211fj_yh1.png);}
.year_con2 .fireworks1{ width: 4.6875vw; height: 4.6875vw; left: 8.3203125vw; top: 2.265625vw;}
.year_con2 .fireworks2{ width: 4.6875vw; height: 4.6875vw; left: 20.4296875vw; bottom: -0.625vw;}
.year_con2 .fireworks3{ width: 4.6875vw; height: 4.6875vw; left: 24.53125vw; top: 6.5625vw;}
.year_con2 .fireworks4{ width: 2.65625vw; height: 2.65625vw; left: 26.484375vw; top: 2.65625vw; animation-delay: 1s;}
.year_con2 .fireworks5{ width: 1.484375vw; height: 1.484375vw; left: 34.8828125vw; top: 1.5234375vw; animation-delay: 1s;}
.year_con2 .fireworks6{ width: 2.265625vw; height: 2.265625vw; left: 37.8125vw; top: -1.171875vw; animation-delay: 1s;}
.year_con2 .fireworks7{ width: 6.25vw; height: 6.25vw; right: 29.9609375vw; top: -1.171875vw;}
.year_con2 .fireworks8{width:1.40625vw;height:1.40625vw;right: 29.9609375vw;bottom: 1.171875vw; animation-delay: 1s;}
.year_con2 .fireworks9{width: 1.015625vw;height: 1.015625vw;right: 26.9609375vw;bottom: 3.171875vw; animation-delay: 1s;}
.year_con2 .fireworks10{width: 0.703125vw;height: 0.703125vw;right: 25.9609375vw;bottom: 1.171875vw; animation-delay: 1s;}
.year_con2 .fireworks11{width: 2.8125vw;height: 2.8125vw;right: 22.9609375vw;bottom: 1.171875vw;}
.year_con2 .fireworks12{width: 5.390625vw;height:5.390625vw;right: 16.9609375vw;top: 2.171875vw;}
.year_con2 .fireworks13{ width: 6.40625vw; height: 6.40625vw; right: 10.984375vw; bottom: -1.328125vw; animation-delay: 1s;}

.year_con2 .lantern_l,.year_con2 .lantern_r{ position: absolute; animation: leftRight 3s linear infinite; width: 16.25vw; height: 17.03125vw; top: -7.0703125vw; z-index: 2; background-repeat: no-repeat; background-size: contain;}
.year_con2 .curtain_l,.year_con2 .curtain_r{ position: absolute; width: 17.9296875vw; height: 8.59375vw; top: 0; background-repeat: no-repeat; background-size: contain; z-index: 3;}
.year_con2 .curtain_l{ left: 0; background-image: url(260211fj_right_wz.png);}
.year_con2 .curtain_r{ right: 0; background-image: url(260211fj_right_wz1.png);}
.year_con2 .lantern_l{ left:10.5078125vw; background-image: url(260211fj_left_dl1.png);}
.year_con2 .lantern_r{ right:10.5078125vw; background-image: url(260211fj_right_dl1.png);}
@keyframes height{
	0%{ height: 0;}
	100%{ height: 340px;}
}
@keyframes floatRight{
    0%{ transform: rotate(0deg);}
    50%{ transform: rotate(5deg);}
    100%{ transform: rotate(0deg);}
}
@keyframes fadeInUp {
    0%,100% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    50% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes rubberBand {
    0% {
        opacity: 0;
        transform: scale(0);
		-ms-transform:scale(0);
    }

    50% {
        transform: scale(1);
		-ms-transform:scale(1);
        opacity: 1;
    }
    100%{
        transform: scale(1);
		-ms-transform:scale(1);
        opacity: 0;
    }

}
@keyframes gallop {
  0% {
    transform: translateX(0) translateY(0);
  }
  25% {
    transform: translateX(10px) translateY(-10px);
  }
  50% {
    transform: translateX(0) translateY(0);
  }
  75% {
    transform: translateX(-10px) translateY(-10px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes leftRight{
      0%,100%{
        transform: rotate(-3deg);
      }
      50% {
        transform: rotate(3deg);
      }
}
@media screen and (min-width:993px) and (max-width:1660px) {
.year_couplet_left{left: 0rem; margin: 0rem;}
  .year_couplet_right{right: .04rem; margin: .04rem;}
}
@media screen and (min-width:993px) and (max-width:1366px) {
   .year_con1 .row,.year_con2 .row{ width: calc(100% - .4rem);}
   
   
}
@media screen and (max-width:992px) {
    .year_con1, .year_con2{ padding-top: 18.4583vw;}
    .year_con1 .year_tit>span,.year_con2 .year_tit>span{ width: 70%;}
    .year_con1 .year_tit>em{ width: .51rem; height: .83rem;}
    .year_con2 .year_tit>span{ padding-top: 0;}
    .year_con2 .year_tit{ align-items: center;}
    .year_con2 .year_tit>em{ width: .6rem; bottom: 50%; }
}
@media screen and (max-width:640px) {
    .new_year1 .sec-ban_2021{ background-position-x:right;}
	
}