body {
	margin: 0;
}

.page-1 .p1_head {
	position: absolute;
	width: 74%;
	height: 15%;
	background-color: rgba(255,255,255,0.2);
	text-align: center;
	color: #fff;
	left: 11%;
	top: 28%;
	border-radius: 0.5rem;
	padding: 5px;
}

.page-1 .p1_head .p1_title{
	font-size: 20px;
	padding-top: 16px;
}

.page-1 .p1_head .p1_subtitle{
	font-size: 20px;
	padding-top: 10px;
}

.page-1 .p1_content .p2_subtitle{
	font-size: 12px;
	padding-top: 10px;
	text-align: justify;
}
.page-1 .p2_content .p2_subtitle{
	font-size: 12px;
	padding-top: 10px;
}


.page-1 .p1_content{
	width:80%;
	position: absolute;
	left: 10%;
	top: 48%;
	color: #fff;
	font-size: 12px;
	line-height: 18px}

.page-1 .p2_content{
	width:80%;
	position: absolute;
	left: 10%;
	top: 76%;
	color: #fff;
	font-size: 12px;
}

.page-1 .p3_content{
	width:80%;
	position: absolute;
	left: 10%;
	top: 94%;
	font-size: 12px;
}

.page-1 .p1-btn {
	position: absolute;
	width: 8rem;
	height: 0.6rem;
	background-color: #ffffff;
	text-align: center;
	line-height: 0.6rem;
	color: #2a378f;
	font-weight:bolder;
	left: 49%;
	margin-left: -5rem;
	border-radius: 0.5rem;
	font-size: 14px;
	padding: 9px;
}

@-webkit-keyframes moveIconUp {
	0% {
		-webkit-transform: translateY(100%) scale(1.2, 1.2);
		opacity: 0
	}
	50% {
		-webkit-transform: translateY(0%) scale(0.6, 0.6);
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(-100%) scale(0.2, 0.2);
		opacity: 0
	}
}

body .swiper-slide:before{
 content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top:0;
    left: 100%;
    background-color: #8B8B8C;
    box-shadow: 10px -1px 80px 20px #666;
     -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-100px) translateX(2px) translateY(80px);
}

body .swiper-slide:after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background-color: #8B8B8C;
     content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top:0;
    left: 100%;
    background-color: #8B8B8C;
}
.swiper-arrow {
	position: absolute;
	width: 46px;
	height: 25px;
	z-index: 1;
	left: 50%;
	margin-left: -23px;
	bottom: 15px;
}

.page-1 .swiper-arrow {
	display: none
}

.swiper-arrow span {
	background: url(../images/arrow.png) no-repeat center bottom;
	background-size: contain;
	width: 46px;
	height: 25px;
	display: block;
	-webkit-animation: moveIconUp 1.5s ease infinite;
	animation: moveIconUp 1.5s ease infinite
}

.music_icon {
	position: absolute;
	width: 6%;
	top: 0;
	right: -1%;
	z-index: 999999;
	padding: 2%;
}

.music_animate {
	-webkit-animation: music_animate 2s .5s linear infinite both;
}

@-webkit-keyframes music_animate {
	0% {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn)
	}
}

.enzd {
	animation: enzd .3s linear infinite;
	-webkit-animation: enzd .3s linear infinite;
}

.enzdA {
	animation: enzdA .6s linear infinite;
	-webkit-animation: enzdA .6s linear infinite;
}

@keyframes enzd {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes enzd {
	0% {
		-webkit-transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

@keyframes enzdA {
	0% {
		transform: scale(1)
	}
	50% {
		transform: scale(.9)
	}
	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes enzdA {
	0% {
		-webkit-transform: scale(1)
	}
	50% {
		-webkit-transform: scale(.9)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

.swiper-slide img {
	width: 100%;
	height: 100%;
}