body{margin:0 auto;padding:0;overflow-x:hidden;overflow-y:scroll;font-family: "PingFang SC","微软雅黑"; background: #000000;max-width:640px}
html{ -webkit-text-size-adjust:none }
a{text-decoration: none;outline: none;}
span{outline: none;}
ul,li{list-style: none;padding: 0;margin: 0;outline: none}
img{border: none;width: 100%;outline: none;width: 100%}
input{outline: none}
::-moz-placeholder { color: #ffffff; }
::-webkit-input-placeholder { color:#ffffff; }
:-ms-input-placeholder { color:#ffffff; }

.disnone{display: none}

.page{
  width: 100%;
  max-width:640px;
  height: 100%;
  position: absolute;
  color: #ffffff;
  margin: 0 auto;
}
.swiper-slide{
  position: relative;
  width: 100%;
  max-width:750px;
  overflow:hidden;
}
.slide1{
  background: url("./../images/page1.jpg") no-repeat top;
  background-size: 100%;
  background-position: 0 -20px;
}
.logo{
  width: 50px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.title{
  width: 40%;
  position: absolute;
  top: 40px;
  left: 20px;
}
.text{
  width: 80%;
  position: absolute;
  top: 50%;
  left: 10%;
}
.page1_btn{
  width: 50%;
  position: absolute;
  top: 80%;
  left: 25%;
}


.swiper-button-next, .swiper-button-prev{
  top: 95%;
  color: #ffffff;
  -webkit-tap-highlight-color: transparent;
}

.swiper-button-next:focus, .swiper-button-prev:focus{
  outline: 0;
}

.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 10px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 4%;
}
.swiper-pagination-bullet{
  background: url("./../images/bullet.png") no-repeat center;
  background-size: 100%;
  opacity: 1;
  width: 10px;
  height: 10px;

}

.swiper-pagination-bullet-active{
  background: url("./../images/bullet-on.png") no-repeat center;
  background-size: 100%;
}

.intro{
  width: 70%;
  margin-top: 5px;
  margin-left: 15%;
}
.page2_btn{
  width: 50%;
  position: absolute;
  bottom: 10px;
  left: 25%;
}

.page3{
  width: 80%;
  margin: 30px 10%;
}

.page4_route{
  width: 78%;
  margin: 0 11%;
  position: relative;
}

.top_btn{
  width: 100%;
  height: 7%;
  position: absolute;
  float: left;
  display: block;
}

.top_btn>div{
  width: 33%;
  position: absolute;
  height: 100%;
  top: 0;
}

.liuc{
  width: 80%;
  margin-top: 20px;
  margin-left: 10%;
}
video{
  width: 100%;
}




.page1, .page2, .page3, .page4, .page5{
  position: relative;
  /*float: left;*/
  /*margin: 0 auto;*/
}
.page1_text{
  width: 70%;
  bottom: 15%;
  position: absolute;
  left: 15%;
}
.page1_btn_pc{
  bottom: 5%;
  width: 50%;
  position: absolute;
  left: 25%;
}
.intro_pc{
  width: 80%;
  margin: 0 auto;
}
.page2_btn_pc{
  width: 50%;
  /*float: left;*/
  margin: 50px 25%;
}

.page2_btn_pc>img{
  width: 50%;
  margin: 50px auto;
}