*{
	margin: 0px;
	padding: 0px;
}
html, body {
    position: relative;
    height: 100%;
}
body {
    background:#1e1f1f;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
.aaaa {
    -webkit-animation: aaaa 1s linear infinite;
    animation: aaaa 1s linear infinite;
}

@-webkit-keyframes aaaa {
  from {
    transform: translate(0,-80%);
  }
  to {
    transform: translate(0,0%);
  }
}

@keyframes aaaa {
  from {
    transform: translate(0,-80%);
  }

  to {
    /* transform: translate(0,0%); */
  }
}

#preload .preload_imglogo {
  width: 100%;
}

#preload .preload_progress {
  position: absolute;
  top: 63%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: black;
  

width: 60%;
  height: 0.2125rem;
}

#preload .preload_progress .progress_bar {
  position: absolute;
width: 0;
  height: 0.2125rem;
  background-color: #f3f3f3;
}

#preload .preload_progress 

.progress_bar .progress_percent {
  position: absolute;
  top: 0.15625rem;
  right: 0;
  -webkit-

transform: translate(50%, 0);
  transform: translate(50%, 0);
  color: #435672;
}

#btn{
	width: 44px;
	height: 44px;
	background: url(../../images/music_off.png);
	position: fixed;
	top: 5%;
	right: 10%;
	z-index: 20000;
	cursor: pointer;
}
.xz{
	animation: move 2s linear infinite;
}
@keyframes move{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
.swiper-container {
    width: 100%;
    height: 100%;
}

@keyframes xiala{
	0%{
		top: -75%;
	}
	50%{
		top: -28%;
	}
	100%{
		top: 40px;
	}
}


/*第一屏图片*/
.swiper-slide{
	overflow: hidden;
}
.swiper-slide.one{
	background-size: 100% 100%;
	background-color: #FFF;
	width: 100%;
}
.swiper-slide.one .one_top{
	width: 100%;
    height: 100%;
	position: relative;
}
.swiper-slide.one .one_top .jz{
	width: 100%;
	height:70%;
	-webkit-transform-style: preserve-3d;
    webkit-backface-visibility: hidden;
	position: absolute;
	display: block;
}
.swiper-slide.one .one_top .xx{	
	display: block;
	width: 90%;
	z-index: 0;
	position: absolute;
	top:75%;
}
.swiper-slide.one .one_top .yq{
	display: block;
	width: 40%;
	left:30%;
	position: absolute;
	top:85%;
	z-index: 0;
}

/*第二屏开始*/
.swiper-slide.two{
	background: url(../images/pic02.jpg) no-repeat;
	background-size: 100% 100%;
	background-color: #FFF;
}

@keyframes touming{
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.swiper-slide.two .two_middle{
	width: 100%;
	height: 70%;
	margin-top: 20%;
	position: relative;
}
.swiper-slide.two .two_middle img{
	width: 100%;
	position: absolute;
	top: 15%;
}
.swiper-slide.two .two_middle .xinmu{
	width: 40%;
	position: absolute;
	top: 35%;
	left: 6%;
}
/*第三屏*/
.swiper-slide.three{
	background-size: 100% 100%;
	background-color: #FFF;
}
.swiper-slide.three .thre_top{
	width: 100%;
	height:20%;
}
.swiper-slide.three .thre_top img{
	width: 100%;
	margin-top:3%;
}
.swiper-slide.three .three_middle{
	width: 100%;
	height:80%;
}
.swiper-slide.three .three_middle .gd{
	width: 100%;
	height:100%;
}
.swiper-slide.three .three_middle .xt{
	width: 100%;
	height:48%;
	margin-bottom: 4%;
}
/*第四屏*/
.swiper-slide.nine{
	background-color: #FFF;
}
.swiper-slide.nine .nine_bottom{
	width: 100%;
	height:30%;
}
.swiper-slide.nine .nine_bottom .d2{
	width:100%;
}
.swiper-slide.nine .nine_middle{
	width: 100%;
	height:70%;
}
.swiper-slide.nine .nine_middle .pic{
	width: 100%;
	height:100%;
}

/*第四屏*/
.swiper-slide.four{
	background-color: #FFF;
}

.swiper-slide.four .four_top{
	width: 100%;
	height:20%;
}

.swiper-slide.four .four_bottom{
	width: 100%;
	height:20%;
}
.swiper-slide.four .four_middle{
	width: 100%;
	height:80%;
}
.swiper-slide.four .four_bottom .d2{
	width:100%;
}
.swiper-slide.four .four_middle .pic{
	width: 100%;
	height:100%;
}

.swiper-slide.four .four_middle .pic2{
	width: 100%;
	height:47%;
	margin-bottom:3%;
}

.swiper-slide.four .four_middle .d3{
	margin-left: 70%;
	width:20%;
	margin-top: 20%;
}
.swiper-slide.four .four_middle .d4{
	width: 60%;
	margin-left:20%;
	margin-top: 20%;
}
.swiper-slide.four .four_middle .d5{
	width: 90%;
	margin-left:5%;
	margin-top: 5%;
}

.swiper-slide.four .four_form{
	width: 100%;
	margin-top: 5%;
}


/*第五屏*/
.swiper-slide.five{
	background: url(../images/pic02.jpg) no-repeat;
	background-size: 100% 100%;
	background-color: #FFF;
}
.swiper-slide.five .five_middle{
	width: 100%;
	height: 70%;
	margin-top: 20%;
	position: relative;
}
.swiper-slide.five .five_middle img{
	width: 100%;
	position: absolute;
	top: 15%;
}
.swiper-slide.five .five_middle .xinmu{
	width: 40%;
	position: absolute;
	top: 35%;
	left: 6%;
}
/*第六屏*/
.swiper-slide.six{
	background: url(../images/txt-16.png) no-repeat;
	background-size: 100% 100%;
	background-color: #FFF;
}
.swiper-slide.six .six_middle{
	width: 100%;
	height: 100%;
	position: relative;
}
/*第七屏*/
.swiper-slide.seen{
	background-size: 100% 100%;
	background-color: #FFF;
}
.swiper-slide.seen .seen_middle{
	width: 100%;
	height:100%;
}
.swiper-slide.seen .seen_middle .xt{
	width: 100%;
	height:48%;
	margin-bottom: 2%;
}
.swiper-slide.xform{
	background-size: 100% 100%;
	background-color: #FFF;
}
.swiper-slide.xform .form_top
{
	width: 100%;
	height:55%;
}
.swiper-slide.xform .form_top .pic
{
	width:100%;
	margin-top:3%;
}
.swiper-slide.xform .form_top .txt
{
	width:90%;
	margin-top:3%;
	margin-left:10%;
}
.swiper-slide.xform .form_middle
{
	width: 100%;
	height:30%;
}

.swiper-slide.xform .form_middle .inputbox{
	font-size:16px;
	background:#f3f3f3;
	padding:12px;
	height:40px;
	line-height:40px;
	border:none;
	width:70%;
	margin-left:15%;
	margin-bottom:4%;
	color:#BCBCBC;
}
.swiper-slide.xform .form_middle  .inputbtn{
	font-size:24px;
	background:#d7d7d7;
	color:#fff;
	padding:4px;
	height:70px;
	line-height:70px;
	border:none;
	width:70%;
	margin-left:15%;
	margin-bottom:4%;
}

.swiper-slide.xform .form_bottom
{
	width: 100%;
	height:15%;
}
.swiper-slide.xform .form_bottom .pic
{
	width:100%;
	margin-top:3%;
}

.wimg{
    width:100%;
    height:100%;
	object-fit:cover;
}