* {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: "微软雅黑";
}
body {
	overflow: hidden;
	background-color: rgb(251,239,215);
}
.videoBox {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	display: none;
}
.videoBox .video {
	width: 100%;
	height: 100%;
	background-color: #000000;
	object-fit: cover;
	-o-object-fit: cover;
	transform-origin: 0 0;
}
.videoBox .goBtn {
	position: absolute;
	/* bottom: 10%;
	left: 50%; */
	bottom: 7%;
	left: 3%;
	width: 14vw;
	max-width: 260px;
	/* margin-left: -7vw; */
	cursor: pointer;
	transform-origin: 0 0;
	transition: all 1s;
}
.videoBox .goBtn:hover {
	transform: scale(1.1);
}
.videoBox .playBtn {
	width: 6.5vw;
	height: 6.5vw;
	/*max-width: 70px;
	max-height: 70px;*/
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	transform-origin: 0 0;
	transition: all .3s;
	background-image: url(../img/play.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}
.videoBox .playBtn.muted {
	background-image: url(../img/pause.png);
}
.videoBox .playBtn:hover {
	transform: scale(1.1);
}
.audioBox {
	position: fixed;
	top: 80px;
	right: 0%;
	z-index: 1;
	transform: translateX(-50%);
	opacity: 0;
	transition: all .5s;
}
.audioBox .musicPlay, .audioBox .musicPause {
	cursor: pointer;
	transition: all 1s;
	display: none;
}
.audioBox .musicPlay.show, .audioBox .musicPause.show {
	display: block;
}
.audioBox .musicPlay:hover, .audioBox .musicPause:hover {
	transform: scale(1.1);
}
.container {
	width: 9580px; /*与设计图宽度相等*/
	height: 1014px; /*与设计图高度相等*/
	position: relative;
	overflow: hidden;
	visibility: hidden;
	transform-origin: 0px 0px;
	background-color: rgb(251,239,215);
	background-image: url(../img/bg1.png), url(../img/bg2.png), url(../img/bg3.png), url(../img/bg4.png), url(../img/bg5.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 0px 13px, 2636px 23px, 3983px 50px, 4699px 50px, 7426px 13px;
}
.container .scrollDiv {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9;
	overflow: hidden;
	white-space: nowrap;
	transition: all 8s ease-in-out;
}
.container .scrollDiv img {
	width: 150px;
	position: absolute;
	top: 12px;
	left: 0px;
	z-index: 11;
}
.container .scrollDiv .shade {
	width: calc(100% - 100px);
	height: 100%;
	background-color: rgb(251,239,215);
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
}
.container .scrollDiv.scroll {
	width: 150px;
	right: 8px;
}
.container .audio {
	display: none;
}
.container .img1 {
	position: absolute;
	top: 8px;
	left: 190px;
}
.container .img2 {
	position: absolute;
	top: 880px;
	left: 250px;
}
.container .img3 {
    position: absolute;
    bottom: -750px;
    left: 1890px;
	cursor: pointer;
	transition: all 3s;
}
.container .img3-animation {
    bottom: 630px;
}
.container .img3:hover {
	transition: all 1s;
	transform: scale(1.1);
}
.container .img4 {
    position: absolute;
    bottom: -350px;
    left: 1765px;
	cursor: pointer;
	transition: all 2s;
}
.container .img4-animation {
    bottom: 385px;
}
.container .img4:hover {
	transition: all 1s;
	transform: scale(1.1);
}
.container .img5 {
	position: absolute;
    bottom: -200px;
	left: 1705px;
	cursor: pointer;
	transition: all 1.5s;
}
.container .img5-animation {
	bottom: 260px;
}
.container .img5:hover {
	transition: all 1s;
	transform: scale(1.1);
}
.container .img6 {
    position: absolute;
    bottom: -83px;
    left: 1645px;
	cursor: pointer;
	transition: all 1s;
}
.container .img6-animation {
    bottom: 125px;
}
.container .img6:hover {
	transition: all 1s;
	transform: scale(1.1);
}
.container .img7 {
    position: absolute;
    bottom: -643px;
    left: 2365px;
	transition: all 1s;
}
.container .img7-animation {
    bottom: 190px;
	animation: img7Animation 5s infinite;
}
.container .img8 {
	position: absolute;
    top: -530px;
    left: 3180px;
	transition: all 3s;
}
.container .img8-animation {
    top: 180px;
}
.container .img9 {
	position: absolute;
    bottom: -329px;
    left: 3320px;
	transition: all 3s;
}
.container .img9-animation {
    bottom: 445px;
	animation: img9Animation 5s infinite;
}
.container .img10 {
    position: absolute;
    top: -556px;
    left: 3750px;
	transition: all 3s;
}
.container .img10-animation {
    top: 180px;
}
.container .img11 {
	position: absolute;
    bottom: -335px;
    left: 3900px;
	transition: all 3s;
}
.container .img11-animation {
    bottom: 440px;
	animation: img11Animation 5s infinite;
}
.container .img12 {
    position: absolute;
    top: 150px;
    left: 4355px;
	opacity: 0;
	transition: all 3s;
}
.container .img12-animation {
	opacity: 1;
	animation: img12Animation 5s infinite;
}
.container .img13 {
    position: absolute;
    top: -435px;
    left: 4480px;
	transition: all 1s;
}
.container .img13-animation {
    top: 375px;
}
.container .img14 {
    position: absolute;
    bottom: -85px;
    left: 4835px;
	transition: all 3s;
}
.container .img14-animation {
    bottom: 150px;
}
.container .img15 {
    position: absolute;
	top: 70px;
    left: 5220px;
	z-index: 2;
	opacity: 0;
	transition: all 3s;
}
.container .img15-animation {
	opacity: 1;
}
.container .img16 {
    position: absolute;
    bottom: -404px;
    left: 5555px;
	transition: all 3s;
}
.container .img16-animation {
    bottom: 175px;
	animation: img16Animation 5s infinite;
}
.container .img17 {
    position: absolute;
	bottom: -50px;
    left: 5555px;
	transition: all 3.5s;
}
.container .img17-animation {
	bottom: 110px;
}
.container .img18 {
    position: absolute;
    top: -391px;
    left: 6300px;
	transition: all 3s;
}
.container .img18-animation {
    top: 135px;
	animation: img18Animation 5s infinite;
}
.container .img19 {
    position: absolute;
    bottom: -91px;
    left: 6225px;
	transition: all 3s;
}
.container .img19-animation {
    bottom: 370px;
}
.container .img20 {
	position: absolute;
    top: -443px;
    left: 6780px;
	transition: all 3s;
}
.container .img20-animation {
    top: 330px;
	animation: img20Animation 5s infinite;
}
.container .img21 {
	position: absolute;
	bottom: -92px;
    left: 6780px;
	transition: all 3s;
}
.container .img21-animation {
	bottom: 140px;
}
.container .img22 {
	position: absolute;
    top: -369px;
    left: 7410px;
	transition: all 3s;
}
.container .img22-animation {
    top: 71px;
	animation: img22Animation 5s infinite;
}
.container .img23 {
	position: absolute;
    bottom: -91px;
    left: 7485px;
	transition: all 3s;
}
.container .img23-animation {
	bottom: 485px;
}
.container .img24 {
	position: absolute;
    top: -505px;
    left: 8100px;
	transition: all 3s;
}
.container .img24-animation {
    top: 148px;
	animation: img24Animation 5s infinite;
}
.container .img25 {
	position: absolute;
	bottom: -93px;
    left: 8115px;
	transition: all 3s;
}
.container .img25-animation {
	bottom: 285px;
}
.container .img26 {
    position: absolute;
    top: 275px;
    left: 8845px;
}
.container .img27 {
	position: absolute;
	bottom: 135px;
	right: 200px;
	cursor: pointer;
	transition: all 1s;
}
.container .img27:hover {
	transform: scale(1.1);
}
.container .img28 {
	position: absolute;
	top: 128px;
    left: 200px;
	transition: all 1s;
	opacity: 0;
}
.container .img28-animation {
	opacity: 1;
    left: 911px;
}
.container .img29 {
    position: absolute;
    bottom: -550px;
    left: 1825px;
	cursor: pointer;
	transition: all 2.5s;
}
.container .img29-animation {
    bottom: 510px;
}
.container .img29:hover {
	transition: all 1s;
	transform: scale(1.1);
}
.container img[data-category="text"] {
	transition: all 1s;
	cursor: pointer;
}
.container img[data-category="text"]:hover {
	transform: scale(1.05);
}
@media screen and (max-width: 750px) {
	.videoBox .goBtn {
		width: 20vw;
		/* margin-left: -10vw; */
	}
}