@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
body,h1,h2,h3,h4,blockquote,p,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea,span{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.75 '微软雅黑','宋体',arial,sans-serif}
button,input,select,textarea,h1,h2,h3,h4{font-size:100%;vertical-align:middle}
em,i{font-style:normal}
ol,ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;vertical-align:middle}
a{color:#000;text-decoration:none;outline:none}
a:hover{text-decoration:none}
.clear{font-size:0; line-height:0; height:0; overflow:hidden; clear:both; visibility:hidden}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }
img{width: 100%;}

html, body {
	position: relative;
	height: 100%;
}
body {
	background: #eee;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#000;
	margin: 0;
	padding: 0;
}

/*---首页音乐播放开始----*/
@-webkit-keyframes reverseRotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(-360deg);}
}
@-webkit-keyframes rotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(360deg);}
}
#musicControl { position:fixed;right:20px;top:20px;margin-top:0;display:inline-block;z-index:99999999}
#musicControl a { display:inline-block;width:25px;height:30px;overflow:hidden;background:url('../img/music.png') no-repeat;background-size:100%;}
#musicControl a audio{width:100%;height:56px;}
#musicControl a.stop { background-position:left bottom;}
#musicControl a.on { background-position:0px 1px;-webkit-animation: reverseRotataZ 1.2s linear infinite;}
#music_play_filter{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999998;}
/*---首页音乐播放结束----*/

.bg{background-color: #151F78; background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: top center;background-size: 100%; position: relative; }
.bg2{background-color: #151F78; background-image: url(../img/bg2.jpg); background-repeat: no-repeat; background-position: top center; background-size: 100%; position: relative; }
.wq{width: 100%; height: 100%;}
.logo{position: absolute; top: 5%; left: 8%; width: 17%;}
.p1title{position: absolute; top: 13.5%; left: 12%; right: 12%;}
.p1conn{position: absolute; top: 45%; left: 14%; right: 13.5%;}
.p2top0{position: absolute; top:6%; left: 22%; right: 21%;}
.p2top{position: absolute; top:15%; left: 24%; right: 14%;}
.p2con1{position: absolute; top: 28%; left: 11%; right: 12%;}
.p2con1a{position: absolute; top: 34%; left: 12%; right: 16%;}
.p2con2{position: absolute; top: 57.4%; left: 11%; right: 12%;}
.p2con2l{position: absolute; top: 63.8%; left: 9.5%; width: 34%;}
.p2con2r{position: absolute; top: 63.8%; right: 12%; width: 34%;}
.step1{position: absolute; top: 4%; left: 25%; right: 13%;}

.p3{position: absolute; top: 13.4%; left:0 ; height: 66%; width: 100%;}
.p3_bg{position: relative; width: 100%; top: 0; left: 0; height: 100%; max-height: 600px;  background-image: url(../img/p3.png); background-repeat: no-repeat; background-size:contain;}
.p3_1{position: absolute; top: 8.4%; left: 27.5%; width: 38%;}
.p3_2{position: absolute; top: 19.3%; left: 31.9%; width: 38%;}
.p3_3{position: absolute; top: 30.9%; left: 39.5%; width: 35.3%;}
.p3_4{position: absolute; top: 41.2%; left: 58%; width: 35.3%;}
.p3_5{position: absolute; top: 50.5%; left: 35.5%; width: 38%;}
.p3_6{position: absolute; top: 59.7%; left: 29.3%; width: 38%;}
.p3_7{position: absolute; top: 68.9%; left: 45.5%; width: 38%;}
.p3_8{position: absolute; top: 78.7%; left: 57.9%; width: 35.3%;}
.p3_9{position: absolute; top: 88.4%; left: 41.4%; width: 35.3%;}

.p3text{position: absolute; bottom: 7.2%; left: 27%; right: 27%;}
.dibu{position: absolute; bottom: 1%; left: 10%; right: 10%;}
.show01_top{position: absolute; top:0; left:14%; right: 0; z-index: 0;}
.show01_bb{position: absolute; top:14%; left: 8%; right: 8%; z-index: 1;}
.shows{position: relative; width: 100%; height: 90%;}
.showdl{position: absolute; bottom: 0%; right: 5%; width: 25%; height: 30px;}
.step3{position: absolute; top:21.7%; left: 26%; right: 26%; z-index: 9; display: none;}
.neirong{position: absolute; top:22.7%; left: 10%; right: 10%; z-index: 9;}
.fanhui{position: absolute; bottom: 3.1%; height: 37px; width: 100%; text-align: center; z-index: 299;}
.ziti{font-size: 15px; color: #FFFFFF;}
.tucen{position: absolute; top: 0; width: 100%; z-index: 99; overflow: hidden; height: 100%;}

/*高度小于960，比如 ip12 Pro max*/
@media all and (max-height: 960px) {
	.p3_1{left: 28.5%;}
	.p3_2{left: 34.9%;}
	.p3_3{left: 42%;}
	.p3_4{left: 60.6%;}
	.p3_5{left: 37.5%;}
	.p3_6{left: 31.4%;}
	.p3_7{left: 47.7%;}
	.p3_8{left: 60.6%;}
	.p3_9{left: 42.5%;}
	.show01_bb{top:15.8%}
}

/*高度小于680*/
@media all and (max-height: 680px) {
	.p3_1{left: 24.5%;}
	.p3_2{left: 30.9%;}
	.p3_3{left: 37.6%;}
	.p3_4{left: 54.5%;}
	.p3_5{left: 32.5%;}
	.p3_6{left: 28.5%;}
	.p3_7{left: 42.7%;}
	.p3_8{left: 52.7%;}
	.p3_9{left: 37.5%;}
	.show01_bb{left: 11%; right:11%;}
	.neirong{left: 12%; right: 12%;}
	.show01_top{left: unset; width: 70%;}
	.show01_bb{top:13.4%}
}

/*高度小于570，比如ip5*/
@media all and (max-height: 570px) {
	.p3_1{left: 23.5%; top: 7.5%; }
	.p3_2{left: 28.9%; top: 18.8%;}
	.p3_3{left: 35%; top: 30%;}
	.p3_4{left: 50.5%; top: 40.2%;}
	.p3_5{left: 31.5%; top: 50%;}
	.p3_6{left: 26.5%; top: 59%;}
	.p3_7{left: 41%; top: 68.2%;}
	.p3_8{left: 52%; top: 78%;}
	.p3_9{left: 36.7%; top: 87.4%;}
	.show01_bb{top: 11.5%;}
	.ziti{font-size: 14px;}
}

.swiper-button-next, .swiper-button-prev{
	height: 22px;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	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;
}
.swiper-container-vertical {
	/* background: #900; */
}

.slide-in-top {
	-webkit-animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
.slide-in-bottom {
	-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.2s;
}
@-webkit-keyframes slide-in-bottom{
  0% {
    -webkit-transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
.pt-page-scaleUpDown {
    -webkit-animation: scaleUpDown 0.8s ease both;
}
@-webkit-keyframes scaleUpDown {
	from {
	opacity:0;
	-webkit-transform:scale(0.8)
	}
}
.bxstxt{display: none;}