html,body{
	width:100%;
	height:100%;
}
body{
	background: rgb(201, 37, 45);
	position: relative;
	margin:0;
	padding:0;
}
.swiper-container{
	width:100%;
	height:100%;
}
 .swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width:100%;height:100%;}
.first{position: relative;}
.first .first1 img{position:absolute;width:15.2rem;height:3.3rem;top:0;left:1rem;}
.first .first2 img{position:absolute;width:14.85rem;height:4.25rem;top:3.2rem;left:0.125rem;}
.first .first3 img{position:absolute;width:12.9rem;height:12.45rem;top:9rem;left:2rem;}
.first .first4 img{position:absolute;width:100%;height:6.025rem;top:21.5rem;left:0;}
.first .first5 img{position:absolute;width:6.2rem;height:6.55rem;top:21rem;left:0;}
.first .first6 img{position:absolute;width:5.75rem;height:4.8rem;top:22rem;right:0.125rem;}
.first .first7 img{position:absolute;width:100%;height:100%;top:0;right:0;}
.sec{position:relative;}
.sec .sec1 img{position:absolute;width:100%;height:1.45rem;top:3rem;left:0;}
.sec .sec2 img{position:absolute;width:100%;height:3.7rem;top:4rem;left:0;}
.sec .sec3 img{position:absolute;width:12.15rem;height:5.95rem;top:7.5rem;left:2rem;}
.sec .sec4 img{position:absolute;width:6.5rem;height:7.35rem;top:14.5rem;left:5rem;}
.sec .sec5 img{position:absolute;width:100%;height:16.9rem;bottom:0;left:0rem;}
.sec .sec6 img{position:absolute;width:100%;height:100%;top:0;right:0;}
.thr{position:relative;}
.thr .thr1 img{position:absolute;width:100%;height:7.7rem;top:0;left:0;}
.thr .thr2 img{position:absolute;width:4.25rem;height:5.1rem;top:4.5rem;left:1.7rem;}
.thr .thr3 img{position:absolute;width:13.55rem;height:9.1rem;top:10.5rem;left:1.3rem;}
.thr .thr4 img{position:absolute;width:10.8rem;height:6.85rem;top:20.5rem;left:2.5rem;}
.zf1 p{position:absolute;color:#000;font-size:1rem;width:11.25rem;top:11.8rem;left:2.5rem;font-weight:600;}
.zf2
span{position:absolute;color:#000;font-size:1rem;width:11.25rem;top:16.5rem;left:6rem;font-weight:600;}
.music{width:1rem;height:1rem;background: none;border:2px solid #fff;border-radius:50%;position:fixed;top:1rem;right:0.5rem;font-size: 1rem;line-height:1rem;color:#fff;text-align: center;z-index: 100;}
@keyframes music{
	form{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
.addMus{animation:music 3s linear 0s infinite;}
@keyframes one{
	from{transform:scale(0.5) rotate(0deg) translate(0px);}
	to{transform:scale(1) rotate(-180deg) translate(20px);}
}
@keyframes two{
	from{transform:scale(0.5) rotate(0deg) translate(0px);}
	to{transform:scale(1) rotate(180deg) translate(15px);}
}
@keyframes thre{
	from{transform:scale(0.5) rotate(0deg) translate(0px);}
	to{transform:scale(1) rotate(-180deg) translate(-15px);}
}
music .one{animation:one 3s linear 0s infinite;position:absolute;left:5px;top:10px;z-index:20}
.music .two{animation:two 3s linear 0s infinite;position:absolute;left:20px;top:10px;font-size:5px;z-index:20}
@keyframes up{
	from{transform:translateY(0px);opacity:1}
	to{transform:translateY(-25px);opacity:0}
}
.music .thre{animation:thre 3s linear 0s infinite;position:absolute;left:20px;top:15px;font-size:5px;z-index:20}
.arrow {position:absolute;bottom:0.25rem;left:50%;z-index: 500;animation:up 1.5s linear 0s infinite;}
.swiper-pagination-fraction {
    bottom: 10px;
    font-size:0.5rem;
    color:#fff;
}
.swiper-pagination-fraction {
    bottom: 10px;
    left:85%;
    width: 3rem;
}
.swiper-wrapper .swiper-pagination {left: right;}