.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	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;
}

/*logo*/
.bg {
	width: 100%;
	position: relative;
	height: 100%;
	background: url(../img/bg.jpg) no-repeat top center;
	background-size: 100%;
}
.bg img {
	width: 100%;
}
.bg .bg-video {
	background: url(../img/video_mask-2.png) no-repeat center top;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: .2;
	display: none;
}
.bg .logo-box {
	width: 60%;
    margin: 0 auto;
}
.bg .logo-box img {
	width: 100%;
	margin-top:40px;
}
.bg p {
	font-size: 2rem;
	text-align: center;
	text-shadow: 0px 0px .4em #007AFF;
	position: absolute;
	top: 12%;
	font-weight: bold;
	width: 100%;
}
.bg .qrcode {
	position: absolute;
	bottom: 2%;
	padding: 0 40px;
	display: none;
}
.bg .playBtn {
	position: absolute;
	top: 50%;
    width: 3.6em;
    left: 50%;
    margin-left: -1.8em;
	z-index: 20px;
}
.bg .qrcode li {
	width: 40%;
}
.bg .qrcode>img {
	width: 20%;
	display: block;
}
.bg .qrcode li>span {
font-size: .8rem;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 10px;
}
/*弹窗视频*/
.black-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	z-index: 1000;
	display: none;
}
.video-box {
	width: 100%;
	position: fixed;
	z-index: 1001;
	display: none;
	top: 50%;
	margin-top: -150px;
	height: auto;
}
.video-box iframe {
	margin: 0 auto;
	display: block;
	width: 95%;
	height: 100%;
	min-height: 200px;
}
.titleline {
	background: url(../img/title2.png) repeat-x center;
	background-size: cover;
	height: 32px;
	width: 100%;
	    text-align: center;
}
.skilllist {
	padding: 0 20px;
}
.skilllist .active {
	display: block;/*height: 130px;*/
}
.skilllist li {
	margin-bottom: 10px;
}
.skilllist li h1 {
	font-size: 2rem;
	text-align: center;
	background: #3A3354;
	line-height: 2;
	margin: 0;
	color: #FFE540;
}
.skilllist li div {
	border: 2px solid #3A3354;
	line-height: .8;
	padding: 12px;
	margin: 0;
	text-align: center;
	height: 0;
	overflow: hidden;
	display: none;
	height: auto;
}
/*.skilllist li div i{display: block;position: absolute;width: 100%;height: 100%;background: #000;opacity: .5;z-index: 1;top: 0;left: 0;}*/
.skilllist li span {
	font-size: 1.2rem;
	text-shadow: 1px 1px 0em #000;
	line-height: 1.2;
	 min-height: 140px;
    display: inline-block;
}
.skilllist li .bg1 {
	background: url(../img/bg1.jpg) no-repeat center top;
	background-size: 100%;
}
.skilllist li .bg2 {
	background: url(../img/bg2.jpg) no-repeat center top;
	background-size: 100%;
}
.skilllist li .bg3 {
	background: url(../img/bg3.jpg) no-repeat center top;
	background-size: 100%;
}
.skilllist li .bg4 {
	background: url(../img/bg4.jpg) no-repeat center top;
	background-size: 100%;
}
.skilllist li .bg5 {
	background: url(../img/bg5.jpg) no-repeat center top;
	background-size: 100%;
}
.skilllist li .bg6 {
	background: url(../img/bg6.jpg) no-repeat center top;
	background-size: 100%;
}
.skilllist li .bg7 {
	background: url(../img/bg7.jpg) no-repeat center top;
	background-size: 100%;
}
.more {
	text-align: center;
	font-size: 0.6em;
	line-height: 1;
	text-shadow: 0px 0px 20px #65afff;
	padding: 0 10px;
	margin: 20px 0 10px 0;
}
h4 {
	text-align: center;
	font-size: 0.4em;
	text-shadow: 0px 0px .4em #65afff;
	padding: 0 20px;
	line-height: 2;
	margin-top: 0;
}
.banquan {
	text-align: center;
	height: 31px;
	color: #606060;
	font-size: 10px;
	line-height: 31px;
}
.lunbo {
	padding: 0 20px;
	margin: 0 auto;
}
.swiper-container {
	/*width: 500px;*/
	height: auto;
	margin: 20px auto;/*padding: 0 20px;*/
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #000;
	line-height: 300px;
	color: black;
}
.swiper-slide img {
	height: 100%;
	width: 100%;
}
/*.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../img/prev0.png);}*/

/*下载按钮*/
.store {
	position: absolute;
	bottom:0;
	padding-bottom: 8px;
	width: 100%;
	background: url(../img/button-bg.png) repeat-x top;
}
.store div {
	text-align: center;
	font-size: 16px;
}
.ios a, .android a {
	background-size: 100%;
	height: 110px;
	width: 100%;
	display: inline-block;
	background-repeat: no-repeat;
}
.android a {
	background-image: url(../img/android_m.png);
}
.ios a {
	background-image: url(../img/android_m.png);
}
.u-arrow {
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 150;
	width: 60px;
	height: 25px;
	margin-left: -30px;
}
.u-arrow p {
	margin: 0 auto;
	width: 30px;
	height: 15px;
	background-size: cover;
	-webkit-animation: start 1.5s infinite ease-in-out;
	-moz-animation: start 1.5s infinite ease-in-out;
	animation: start 1.5s infinite ease-in-out;
}
.css_sprite01 {
	background-image: url(../img/arrow.png)!important;
	background-repeat: no-repeat!important;
}
/*箭头指示引导*/
@-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);
}
}
@media screen and (min-width: 700px) {
.ios a, .android a {
	height: 180px;
	width: 90%;
}
.bg p {
	font-size: 1.5em;
}
.store {
	bottom: 0;
	padding-bottom: 8px;
}
.u-arrow p {
	width: 45px;
	height: 23px;
}
.skilllist li span {
	font-size: 1em;
	line-height: 1.5em;
}
.video-box {
	margin-top: -250px;
}
.video-box iframe {
	min-height: 500px;
}
.more {
	font-size: 1em;
}
h4 {
	font-size: 0.6em;
}
.banquan {
	font-size: 0.5em;
	line-height: 1em;
}
.bg .playBtn {
    top: 60%;
}
}
@media screen and (min-width:1000px) {
.ios a, .android a {
	height: 220px;
	width: 90%;
}
.u-arrow {
	width: 60px;
	height: 60px;
}
.u-arrow p {
	width: 60px;
	height: 30px;
}
.store {
	padding-bottom: 32px;
}
.bg p {
	font-size: 2em;
}
.skilllist li h1 {
	font-size: 2em;
}
.skilllist li span {
	font-size: 1.5em;
	line-height: 1.5em;
}
.video-box {
	margin-top: -300px;
}
.video-box iframe {
	min-height: 600px;
}

}