@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
html,body{
	height:100%;
}
body{
	font-family:"microsoft yahei";
}
.swiper-container {
  /*  width: 320px;
    height: 480px;*/
	width: 100%;
    height: 100%;
	background:#000;

  
}  

.swiper-slide{
	width:100%;
	height:100%;
	
	background-size:100% 100%;

}
@media screen and (min-width:768px){

.swiper-slide1{background-image:url(../images/bg.jpg)  ; background-position:center; background-repeat:no-repeat ; background-size:100% auto  ;  }
.swiper-slide2{background-image:url(../images/bg1.jpg) ; background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.swiper-slide3{background-image:url(../images/bg2.jpg) ; background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.swiper-slide4{background-image:url(../images/bg3.jpg) ; background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.swiper-slide5{background-image:url(../images/bg4.jpg) ; background-position:center; background-repeat:no-repeat; background-size:100% ;}
}
@media screen and (max-width:767px){

.swiper-slide1{background-image:url(../images/bg.jpg)  ; background-position:center; background-repeat:no-repeat ; background-size: auto 100%   ;  }
.swiper-slide2{background-image:url(../images/bg1.jpg) ; background-position:center; background-repeat:no-repeat; background-size: auto 100%;}
.swiper-slide3{background-image:url(../images/bg2.jpg) ; background-position:center; background-repeat:no-repeat; background-size: auto 100%;}
.swiper-slide4{background-image:url(../images/bg3.jpg) ; background-position:center; background-repeat:no-repeat; background-size: auto 100%;}
.swiper-slide5{background-image:url(../images/bg4.jpg) ; background-position:center; background-repeat:no-repeat; background-size: auto 100% ;}
}

.swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
.poa{position:absolute;}	
.txt{
	position:absolute;
}
#array{
	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;
}
/*新增*/
.swiper-slide p{letter-spacing: 0px;}
.swiper-pagination{display: none;}
/*page 1*/
.logo15{width:130px;left:50%;margin-left:-63px;top:50%;margin-top:-80px;}
.btnstart{font-size:16px;left:50%;margin-left:-32px;top:50%;margin-top:50px;color: #ffffff}
/*page 2*/
.music_disc{
	width:100px;z-index:5;
	filter:alpha(opacity=25); /* IE */
	-moz-opacity:0.25; /* 老版Mozilla */
	-khtml-opacity:0.25; /* 老版Safari */
	opacity: 0.25; /* 支持opacity的浏览器*/
}
@media screen and (min-width:768px){
	.s2-text-1{font-size:30px;left:20%;top:15%;color:#ffffff;letter-spacing:0px; font-weight:bold; width:50%; min-width:300px;}
.s2-text-11{font-size:30px;left:31%;top:15%;color:#ffffff;letter-spacing:0px; font-weight:bold; width:50%; min-width:300px;}
.s2-text-2{font-size:25px;left:20%;top:22%;color:#ffffff;letter-spacing:0px; width:50%; min-width:300px;}
.s2-text-3{font-size:18px;left:20%;top:32%;color:#ffffff;letter-spacing:0px; width:50%; min-width:300px; max-width: 700px; line-height: 35px;}
.s2-text-31{font-size:18px;left:20%;top:32%;color:#ffffff;letter-spacing:0px; width:50%; min-width:300px; max-width: 700px; line-height: 35px;}
.s2-text-3a{ left: 0px; right: 0px; margin: auto; bottom: 5%; color:#ffffff;letter-spacing:0px; width: 27px; height: 62px; background:url(../images/sb.png) no-repeat center;  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}
.s2-text-3a:hover{ left: 0px; right: 0px; margin: auto; bottom: 5%; color:#ffffff;letter-spacing:0px; width: 27px; height: 62px; background:url(../images/sb1.png) no-repeat center;  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}

.s2-text-4{font-size:14px;left:0; right:0; margin:auto;top:25%;color:#ffffff;letter-spacing:0px;  min-width:300px; width:60%;}
.s2-text-42{font-size:14px;left:0; right:0; margin:auto;top:49%;color:#ffffff;letter-spacing:0px;  min-width:300px; width:60%;}
.s2-text-52{font-size:18px; left:31%;top:25%; color:#ffffff; min-width:300px; max-width: 700px; width: 70%; margin-top:0px; line-height: 35px; }
.s2-text-52 a{font-size:18px;color:#ffffff; text-decoration: underline; letter-spacing:0px;}
.s2-text-52 a:hover{font-size:18px;color:#ffcd00; text-decoration: underline; letter-spacing:0px;}

.s2-music-arrow{width:300px;bottom:20%;right:50px;}
.s2-img-2{width:300px;bottom:10%;right:50px;}

}
@media screen and (max-width:767px){
	.s2-text-1{font-size:18px;left:20%;top:15%;color:#ffffff;letter-spacing:0px; font-weight:bold; width:50%; min-width:300px;}
.s2-text-11{font-size:18px;left:31%;top:15%;color:#ffffff;letter-spacing:0px; font-weight:bold; width:50%; min-width:300px;}
.s2-text-2{font-size:14px;left:20%;top:22%;color:#ffffff;letter-spacing:0px; width:50%; min-width:300px;}
.s2-text-3{font-size:12px;left:20%;top:28%;color:#ffffff;letter-spacing:0px; width:50%; min-width:300px; max-width: 700px; line-height: 35px;}
.s2-text-31{font-size:12px;left:20%;top:28%;color:#ffffff;letter-spacing:0px; width:50%; min-width:300px; max-width: 700px; line-height: 35px;}
.s2-text-3a{ left: 0px; right: 0px; margin: auto; bottom: 5%; color:#ffffff;letter-spacing:0px; width: 27px; height: 62px; background:url(../images/sb.png) no-repeat center;  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}
.s2-text-3a:hover{ left: 0px; right: 0px; margin: auto; bottom: 5%; color:#ffffff;letter-spacing:0px; width: 27px; height: 62px; background:url(../images/sb1.png) no-repeat center;  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}

.s2-text-4{font-size:14px;left:0; right:0; margin:auto;top:25%;color:#ffffff;letter-spacing:0px;  min-width:300px; width:60%;}
.s2-text-42{font-size:14px;left:0; right:0; margin:auto;top:58%;color:#ffffff;letter-spacing:0px;  min-width:300px; width:60%;}
.s2-text-52{font-size:12px; left:31%;top:20%; color:#ffffff;  max-width: 700px; width: 50%; margin-top:0px; line-height: 35px; }
.s2-text-52 a{font-size:12px;color:#ffffff; text-decoration: underline; letter-spacing:0px;}
.s2-text-52 a:hover{font-size:12px;color:#ffcd00; text-decoration: underline; letter-spacing:0px;}

.s2-music-arrow{width:300px;bottom:20%;right:50px;}
.s2-img-2{width:300px;bottom:10%;right:50px;}

}