@charset "utf-8";
*{margin: 0;padding: 0;font-family: "微软雅黑";}
html {-webkit-text-size-adjust: none; height: 100%; }
ul li{list-style: none;}
a{text-decoration: none;}
.clear{clear: both;}
html, body { position: relative;height: 100%;overflow: hidden; height: 100%;  background: url(../images/wsjyl0401-inde.png) no-repeat center top;  /**/  background-size: 100% 100%; max-width: 750px;margin: 0 auto}
body {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#000; margin: 0;padding: 0;}
.swiper-container { width: 100%; height: 100%;display: none;}
.swiper-slide ,.cont{ text-align: center;font-size: 18px; background: #fff;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.load_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9999;background-size: 100% 100%;}
.jd_box{width:80%;height: 10px;border-radius: 8px;background-color: #fff;position: absolute;left:10%;top: 50%;}
.jd_box1{position: absolute;left: 0;top: 0;width: 0;height: 10px;border-radius: 8px;background: #666;}
.jd_num{font-size:20px;color: #000;position: absolute;left: 0;bottom: -40px; font-weight: bold;}
.jd_img{width:1rem;height:1rem;position: absolute;left: 0;bottom: -12px;}

@-webkit-keyframes animal {0%{transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}100%{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);  }
}
.jd_img {  -webkit-animation: animal 1s infinite linear ;  -webkit-transform-origin: center center;  -ms-transform-origin: center center;  transform-origin: center center;}
.zb-img{width: 3rem;height: 3rem;}
.zb-img img{width: 100%;height: 100%;display: block;}
.hb-pic,.hb-pic dl,.hb-pic dd{height: 100%;}
.hb-pic img{width: 100%;height: auto; display: inline-block; align-items: center;}
.hb-pic dd{height: 100%;display: flex;align-items: center; background: url(../images/wsjyl0401-inde.png) no-repeat center top;  /**/  background-size: 100% 100%; }
.zb-p{position: absolute;left: 4rem;bottom: 3rem;}
.button{background: none;}
.item{margin-bottom: 0.5rem;}
.star-btn02{width: 100%;height: 100%; position: absolute;z-index: 999;left: 0;top: 0;}


@-webkit-keyframes dh1 {	0% {transform:rotate(0);}	25% {	transform:rotate(-180deg);}	50% {	transform:rotate(-360deg);}	75% {transform:rotate(-540deg);}	100% {transform:rotate(-720deg);}}
@keyframes dh1 {0% {transform:rotate(0);}	25% {	transform:rotate(-180deg);}	50% {	transform:rotate(-360deg);}	75% {	transform:rotate(-540deg);}	100% {transform:rotate(-720deg);}
}
.jz-dh {-webkit-animation: dh1 linear 2.5s infinite;}

#total{z-index: 998;}

.swiper-slide img{width: 100%;height: 100%;display: block;}
.music-btn{position: absolute;right: 0.2rem;top: 0.3rem;width:0.7rem;height:0.7rem;z-index:999;}
.music-btn img{width: 100%;}
#music{position: absolute;width: 100%;height: 1rem;bottom: -2rem;}
.box_one{width: 100%;height: 100%; max-width: 100%;background: url(../images/wsjyl0401-inde.png) no-repeat center top;background-size: 100% 100%; }
.wmw-Logo{ left:0.5rem; top:0.5rem;z-index: 999;}
.yl-cq{width: 100%;position: absolute;left: 0;bottom:0;z-index: 996;height: auto;}
.jyl-jnb { width:100%;height: 100%;position:absolute; right: 0;bottom:0; }
.jyl-Logo{width:100%; position: absolute;left:0;bottom:0;height: 100%;}
.star-btn{width:3rem; position: absolute; bottom:2.7rem;left:50%;margin-left:-1.5rem; font-size: 0.4rem; text-align: center; line-height: 24px;color: #fff;z-index: 999;}
.five_pic{visibility: visible;animation-duration:2s;-webkit-animation-duration:2s;}

#sw01 .xh-z img{display: block;}


.star-btn01{width:5rem;z-index: 999; position: absolute; bottom:3rem;left:2.5rem; font-size: 0.35rem;font-weight:bold; text-align: center; line-height: 24px;color: #000;}

#video{width: 100%;position:absolute;left: 0;top:0;}
#time{position:absolute;left: 0.3rem;top: 0.3rem;width: 1rem;font-size: 0.5rem;z-index: 999;display: none!important;}
.xh-z{z-index: 998;}

.xh-jnb{width: 100%;position: absolute;left: 0;top: 0;}
.wmw-Logo/* ,.zn-Logo,.wmw-Logo01 */{ position: absolute;width:2rem; }

.sdxr-bj{width: 10rem; position: absolute;left:0;top:3.8rem;z-index: 400;}
.sdxr-wll{width:10rem; position: absolute;left:0rem;top:6.83rem;z-index: 400;   }
.yhry-R {width:1.74rem;right:1.8rem;top:25%;position:absolute;}
.sdxr-tit img{width: 100%;}
.cj-bg img,.gq-Logo img,.qq-logo img{width: 100%;height: auto; display: block;}
.wmw-Logo01{ right:0.5rem; top:0.8rem;}
.ws{width: 100%; text-align: center;position: absolute;bottom:4.5rem; font-size:0.5rem; line-height:1.2rem; color: #fffce1;z-index: 998;}
.sdxr{width:10rem;position: absolute;left:0rem; bottom:4.7rem;z-index: 997;}
.px-tex{position: absolute; width:8rem;left:1rem;top:2.5rem;z-index: 998; }

/*分享*/
.share_box{width: 100%;height: 100%;background: url(../images/fx.png);position: absolute;left: 0;top: 0;z-index: 999;display: none;background-size:100% 100%; }
.fx-p{font-size: 1rem;color: #fff;line-height: 2;text-align: center;width: 100%;position: absolute;left: 0;top: 4rem;}
.sdcj-bg{width:10rem; position: absolute;right: 0;top: 0;height: 100%;}
.sdcj-bg img{width: 100%;height: 100%; display:block;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);opacity: 0;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity: 1;}}
@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity: 0;}
    50%{-webkit-transform:scale3d(1.08,1.08,1.08);-ms-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}
    100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity: 1;}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}

.lot-tit03{bottom:2.5rem; color: #1c0202;font-size:0.4rem; width:10rem;left:0; z-index: 999;position:absolute; text-align: center;}
.lot-tit03 span{font-size: 0.55rem;}

.ewm{width: 2.4rem;position:absolute;left:3.8rem;bottom:2.1rem;}
.fx-pic{width: 100%;position: absolute;left: 0;bottom:3.8rem;}
.fx-pic dl dd {width: 30%;float: left;padding: 0 10%;}
.fx-pic dl dd:first-child{float:none; width: 40%; margin: 12px auto;}
.last-swip {width:100%;position: absolute;left: 0;top: 0;height: 100%;z-index: 999;display: none;-webkit-animation-name: wrapper-gradient;animation-name: wrapper-gradient;-webkit-animation: wrapper-gradient linear 1s 1;background-position: center}

.contain02 .swiper-slide{background: none;}
.three-box1{position: absolute;left: 0;right: 0;top:0;bottom:3.5rem;background-image: url(../images/wsjyl2021025-15.png);background-size: 150px 215px;transition: 3s;overflow: hidden;background-repeat: no-repeat;background-position: center}
.hh-pic{width: 100%;position: absolute;left: 0;bottom: 2.3rem;z-index: 10;z-index: 997}
.flower1{width: 87px;height: 89px;position: absolute;left: -100px;top: -100px;animation: downf1 4s linear infinite forwards;opacity: 0;}
.flower2{width: 55px;height: 55px;position: absolute;left: -100px;top: 20vh;animation: downf2 3s linear infinite forwards;opacity: 0;}
.flower3{width: 75px;height: 77px;position: absolute;right: -100px;top: -100px;animation: downf3 4s linear infinite forwards;opacity: 0;}
.flower4{width: 67px;height: 69px;position: absolute;right: -100px;top: 15vh;animation: downf4 3s linear infinite forwards;opacity: 0;}
.flower5{width: 55px;height: 55px;position: absolute;left: -100px;top: 80vh;animation: downf5 4s linear infinite forwards;opacity: 0;}
.flower6{width: 75px;height: 77px;position: absolute;left: 100px;bottom: -10vh;animation: downf6 4s linear infinite forwards;opacity: 0;}
.flower7{width: 67px;height: 69px;position: absolute;right: -100px;top: 80vh;animation: downf7 4s linear infinite forwards;opacity: 0;}
.flower8{width: 85px;height: 85px;position: absolute;right: 100px;bottom: -10vh;animation: downf8 4s linear infinite forwards;opacity: 0;}
.flower9{width: 49px;height: 47px;position: absolute;right: 200px;bottom: -10vh;animation: downf9 3.5s linear infinite forwards;opacity: 0;}
.flower10{width: 59px;height: 57px;position: absolute;right: 200px;bottom: -10vh;animation: downf10 3s linear infinite forwards;opacity: 0;}
.flower11{width: 55px;height: 55px;position: absolute;left: 200px;top: -10vh;animation: downf11 4s linear infinite forwards;opacity: 0;}
.flower12{width: 75px;height: 75px;position: absolute;right: 200px;top: -10vh;animation: downf12 3.5s linear infinite forwards;opacity: 0;}
.ts-text{font-size: 24px;font-weight: bold;color: #1c0202;position: absolute;right: 30px;bottom: 30px;}

.fbig{transform: scale(1.2);}
@-webkit-keyframes downf1 { 0% {left: -100px;top: -100px;opacity: 1;  }  100% {left: 200px;top: 41vh;opacity: 0;  }}
@keyframes downf1 {0%{left: -100px;top: -100px;opacity: 1;}100% {left: 200px;top: 41vh;opacity: 0;}}
.downf1 {-webkit-animation-name: downf1;animation-name: downf1}
@-webkit-keyframes downf2 {0% {left: -100px;top: -100px;opacity: 1;}100% {left: 150px;top: 43vh;opacity: 0;  }}
@keyframes downf2 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {left: 150px;top: 43vh;opacity: 0;  }}
.downf2 {  -webkit-animation-name: downf2;  animation-name: downf2}
@-webkit-keyframes downf3 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 200px;top: 39vh;opacity: 0;  }}
@keyframes downf3 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 200px;top: 39vh;opacity: 0;  }}
.downf3 {  -webkit-animation-name: downf3;  animation-name: downf3}
@-webkit-keyframes downf4 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 150px;top: 43vh;opacity: 0;  }}
@keyframes downf4 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 150px;top: 43vh;opacity: 0;  }}
.downf4 {  -webkit-animation-name: downf4;  animation-name: downf4}
@-webkit-keyframes downf5 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {left: 150px;top: 43vh;opacity: 0;  }}
@keyframes downf5 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {left: 150px;top: 43vh;opacity: 0;  }}
.downf5 {  -webkit-animation-name: downf5;  animation-name: downf5}
@-webkit-keyframes downf6 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {left: 200px;bottom: 26vh;opacity: 0;  }}
@keyframes downf6 {  0% {left: -100px;top: -100px;opacity: 1;  } 100% {left: 200px;bottom: 26vh;opacity: 0;  }}
.downf6 {  -webkit-animation-name: downf6;  animation-name: downf6}
@-webkit-keyframes downf7 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 190px;top: 43vh;opacity: 0;  }}
@keyframes downf7 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 190px;top: 43vh;opacity: 0;  }}
.downf7 {  -webkit-animation-name: downf7;  animation-name: downf7}
@-webkit-keyframes downf8 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 200px;bottom: 26vh;opacity: 0;  }}
@keyframes downf8 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 200px;bottom: 26vh;opacity: 0;  }}
.downf8 {  -webkit-animation-name: downf8;  animation-name: downf8}
@-webkit-keyframes downf9 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 300px;bottom: 21vh;opacity: 0;  }}
@keyframes downf9 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 300px;bottom: 21vh;opacity: 0;  }}
.downf9 {  -webkit-animation-name: downf9;  animation-name: downf9}
@-webkit-keyframes downf10 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {left: 300px;bottom: 20vh;opacity: 0;  }}
@keyframes downf10 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {left: 300px;bottom: 20vh;opacity: 0;  }}
.downf10 {  -webkit-animation-name: downf10;  animation-name: downf10}
@-webkit-keyframes downf11 {  0% {left: -100px;top: -100px;opacity: 1;}  100% {left: 300px;top: 39vh;opacity: 0;}}
@keyframes downf11 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {left: 300px;top: 39vh;opacity: 0;  }}
.downf11 {  -webkit-animation-name: downf11;  animation-name: downf11}
@-webkit-keyframes downf12 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 300px;top: 39vh;opacity: 0;  }}
@keyframes downf12 {  0% {left: -100px;top: -100px;opacity: 1;  }  100% {right: 300px;top: 39vh;opacity: 0;  }}
.downf12 {-webkit-animation-name: downf12;animation-name: downf12}



@keyframes pulse01{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.pulse01{animation:pulse01 3s 1 ease-out; -webkit-animation:pulse01 3s 1 ease-out;  -webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}



.fadeInDown01{-webkit-animation:bounceIn01 1s linear 1 forwards; opacity: 0;}


.peo-img img{width: 100%;position:absolute;left: 0;top:2.5rem;-webkit-animation:bounceIn01 1s linear  forwards; opacity: 0;}


@-webkit-keyframes bounceIn01{
    0%{opacity:0;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

@keyframes bounceIn01{
    0%{opacity:0;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}

@keyframes bounceIn02{
    0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    100%{opacity:0;-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}

}
.fadeInDown02{-webkit-animation:bounceIn02 2s linear 1 forwards; opacity: 0;}



.fadeIn{ -webkit-animation: fadeIn linear 1s forwards; }
.fadeOut{ -webkit-animation: fadeOut linear 1s forwards; }
/*@-webkit-keyframes anphoto {
0%{background-position:0% 0%;}
2%{background-position:0% 0%;}
10.5%{background-position:8.89% 8.89%;}
12.5%{background-position:8.89% 8.89%;}
15.5%{background-position:13.1% 13.1%;}
17.5%{background-position:13.1% 13.1%;}
23%{background-position:21.9% 21.9%;}
25%{background-position:21.9% 21.9%;}
28%{background-position:26.2% 26.2%;}
30%{background-position:26.2% 26.2%;}
35.5%{background-position:34.8% 34.8%;}
37.5%{background-position:34.8% 34.8%;}
40.5%{background-position:39.3% 39.3%;}
42.5%{background-position:39.3% 39.3%;}
48%{background-position:47.9% 47.9%;}
50%{background-position:47.9% 47.9%;}
53%{background-position:52.3% 52.3%;}
55%{background-position:52.3% 52.3%;}
60.5%{background-position:60.9% 60.9%;}
62.5%{background-position:60.9% 60.9%;}
65.5%{background-position:65.3% 65.3%;}
67.5%{background-position:65.3% 65.3%;}
73%{background-position:73.8% 73.8%;}
75%{background-position:73.8% 73.8%;}
78%{background-position:78.3% 78.3%;}
80%{background-position:78.3% 78.3%;}
85%{background-position:86.9% 86.9%;}
87.5%{background-position:86.9% 86.9%;}
90.5%{background-position:91.3% 91.3%;}
92.5%{background-position:91.3% 91.3%;}
98%{background-position:100% 100%;}
100%{background-position:100% 100%;}

}*/
@-webkit-keyframes anphoto {
    0%{background-position:0% 0%;}
    2%{background-position:0% 0%;}
    4%{background-position:0.5% 0.5%;}
    6%{background-position:1% 1%;}

    45%{background-position:50% 50%;}
    55%{background-position:50% 50%;}
    96%{background-position:98% 98%;}
    96%{background-position:98% 98%;}
    97%{background-position:99% 99%;}
    98%{background-position:100% 100%;}
    100%{background-position:100% 100%;}

}
.people {background: url(../images/wsjyl20210401-01.png) no-repeat; background-size: auto 100%; }
.anphoto { animation:anphoto 20s linear 1  forwards;}
#content{ animation:wrapper-gradient 1s  ease   1;-webkit-animation:wrapper-gradient 1s  ease   1; -webkit-animation-fill-mode:forwards;animation-fill-mode:forwards ;/* background: url(wsjyl20210325-bg.jpg) no-repeat center top; background-size: 100% 100%; */ }
#content img{width: 100%;height: auto;}
#content .sdcj-bg img,.wmw-Logo img{width: 100%;height: 100%; display: block;}
.yl-cq img,.fx-pic dl dd img,.hh-pic img{width: 100%;height: auto;}
#sw01 .xh-z{z-index: 9999;}
#sw01{display: none; }
@keyframes wrapper-gradient { 0% {transform: translateY(100%); } 100% {transform: translateY(0);}}

.lasr-R{width: 100%;position: absolute;height: 100%;left: 0;bottom: 0; display: none; animation:wrapper-gradient 1s  ease   1;-webkit-animation:wrapper-gradient 1s  ease   1; -webkit-animation-fill-mode:forwards;animation-fill-mode:forwards ;}
.nine_p{font-size: 0.4rem; color: #1c0202;line-height: 1;  width: 100%; position: absolute; left: 0;bottom: 0.3rem; text-align: center; z-index: 9999;}

/*.peo-rw{width: 100%;position: absolute;left: 0;top: 0; display: none; background: url(wsjyl20210401-02.jpg) no-repeat; background-size: 100% 100%;height: 100%;}*/
.rw-img img{width: 100%;      -webkit-animation: bounceIn01 2s linear 1 forwards;    opacity: 0;}
.rw-img  {width: 100%;  position: absolute;    left: 0;    top: 2.5rem;}