/*-----------------------------全局样式-------------------------------------*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure,img,div{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul{list-style:none}
legend{display:none}
fieldset,img{border:none;vertical-align:middle}
em,cite,i{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Arial}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
html{height:100%;-webkit-text-size-adjust:none;overflow:hidden}
body{font:24px/36px Arial;position:relative;margin:auto;color:#000;max-width:640px;word-break:break-all;height:100%;overflow:hidden;background:#FFF;width:640px;box-shadow:#ccc 0 0 160px}
body a{color:#000;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}
img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}
/*-----------------------------框架



.swiper-container{width:100%; height:100%; position:absolute;left:0;top:0;max-width:640px;right:0;margin:auto}
.swiper-wrapper{position: relative; height:100%;}
.swiper-slide{position:relative; float:left; width:640px; overflow:hidden;}


.swiper-container {width: 640px;}


.swiper-container2{overflow:hidden;width:100%;position:absolute;left:0;top:0;max-width:640px;right:0;margin:auto}
.swiper-container2 {width: 434px; height:auto; overflow:hidden; }
.swiper-container2 .swiper-wrapper{width:2000%; height:auto; overflow:hidden; }
.swiper-container2 .swiper-wrapper .swiper-slide{position:relative; float:left; width:434px;}
-------------------------------------*/
.swiper-container{width:100%; height:100%; position:absolute;left:0;top:0;max-width:640px;right:0;margin:auto}
.swiper-wrapper{position: relative; height:100%;}
.swiper-slide{
display: block;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}



.loading .loading-wrapper { display: -webkit-box; }
.loading-wrapper {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background:#FFF; color: #fff; text-align: center; font-size: 16px; -webkit-box-orient: vertical; /*-webkit-box-pack: center;*/  z-index:1;}

@keyframes dianhuo
{0%{opacity:0.2} 100%{opacity:1}}

@-webkit-keyframes dianhuo /* Safari 和 Chrome */
{0%{opacity:0.2} 100%{opacity:1}}

.shan{
	animation: dianhuo 1s linear 0s infinite alternate;
	/* Firefox: */
	-webkit-animation: dianhuo 1s linear 0s infinite alternate;
}


@keyframes sh
{0%{top:1090px; opacity:0;} 50%{top:1100px; opacity:1;} 100%{top:1110px; opacity:0;}}

@-webkit-keyframes sh /* Safari 和 Chrome */
{0%{top:1090px; opacity:0;} 50%{top:1100px; opacity:1;} 100%{top:1110px; opacity:0;}}

.shang{position:absolute; top:1090px; width:640px; height:auto; left:0px;
	animation: sh 2s linear 1s infinite normal;
	/* Safari 和 Chrome: */
	-webkit-animation: sh 2s linear 1s infinite normal;
}

.mc{position:absolute; width:40px; height:40px; top:30px; right:5%; z-index:9; color:#FFF;}
.mc img{width:42px; height:42px; }
.play{animation:r 4.2s linear infinite;-webkit-animation:r 4.2s linear infinite}
@keyframes r{0%{transform:rotate(0)} 100%{transform:rotate(360deg)}}
@-webkit-keyframes r{0%{-webkit-transform:rotate(0)} 100%{-webkit-transform:rotate(360deg)}}
.mengban{position:absolute; width:100%; height:100%; left:0px; top:0px; display:none; z-index:10}
.zhezhao{position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0.7; background:#000;}

.page1{width:100%; height:100%;}
.page1 .page1_bg, .temp1, .temp2, .temp3, .temp4, .temp5, .temp6, .temp7, .temp8, .temp9, .temp10{position:absolute; height:100%; width:100%; left:0px; top:0px; overflow:hidden;}

.txt, .temp2, .temp3, .temp4, .temp5, .temp6, .temp7, .temp8, .temp9, .temp10{display:none;}

.temp2, .temp3, .temp4, .temp5, .temp6{z-index:3;}

.progress{position:absolute; width:640px; height:auto; left:0px; top:590px; color:#8f72d6; font-size:24px; text-align:center;}

 
.bao1{position:absolute; width:640px; height:100%; left:0px; top:0px; overflow-y:auto; -webkit-overflow-scrolling:touch}
.bao2{position:absolute; width:640px; height:100%; left:0px; top:0px; overflow-y:auto; -webkit-overflow-scrolling:touch}

.noslc{pointer-events: none;}

.p1-1{position:absolute; width:640px; height:2182px; left:0px; top:0px;}
.p1-2{position:absolute; width:640px; height:auto; left:0px; top:190px;}
.p1-3{position:absolute; width:640px; height:auto; left:0px; top:930px;}
.p1-4{position:absolute; width:640px; height:auto; left:0px; top:1090px;}
.p1-5{position:absolute; width:239px; height:auto; left:60px; top:1405px;}
.p1-6{position:absolute; width:255px; height:auto; right:50px; top:1415px;}
.p1-7{position:absolute; width:532px; height:auto; left:45px; top:1560px;}
.p1-8{position:absolute; width:259px; height:auto; left:45px; top:1695px;}
.p1-9{position:absolute; width:267px; height:auto; right:40px; top:1695px;}
.p1-10{position:absolute; width:261px; height:auto; left:45px; top:1830px;}
.p1-11{position:absolute; width:262px; height:auto; right:40px; top:1830px;}
.p1-12{position:absolute; width:519px; height:auto; left:45px; top:1980px;}

.p2-2{position:absolute; width:640px; height:770px; left:0px; top:50%; margin-top:-460px}
.p2-21{position:absolute; width:580px; height:auto; left:30px; top:0px;}
.p2-22{position:absolute; width:80px; height:auto; left:280px; top:790px;}

.p2-3{position:absolute; width:640px; height:460px; left:0px; top:50%; margin-top:-260px;}
.p2-31{position:absolute; width:381px; height:auto; left:130px; top:140px;}
.p2-32{position:absolute; width:200px; height:auto; left:220px; top:0px;}
.p2-33{position:absolute; width:80px; height:auto; left:280px; top:400px;}


.p1-13{position:absolute; width:640px; height:750px; left:0px; top:1015px;}
.p3-2{position:absolute; width:584px; height:auto; left:34px; top:0px;}
.p3-3{position:absolute; width:295px; height:auto; left:34px; top:115px;}
.p3-4{position:absolute; width:296px; height:auto; right:23px; top:115px;}
.p3-5{position:absolute; width:584px; height:auto; left:34px; top:225px;}
.p3-6{position:absolute; width:297px; height:auto; left:30px; top:340px;}
.p3-7{position:absolute; width:297px; height:auto; right:25px; top:340px;}
.p3-8{position:absolute; width:296px; height:auto; left:30px; top:460px;}
.p3-9{position:absolute; width:297px; height:auto; right:25px; top:460px;}
.p3-10{position:absolute; width:584px; height:auto; left:32px; top:570px;}

.p2-4{position:absolute; width:483px; height:4247px; left:79px; top:79px;}
.yicheng{position:absolute; width:483px; height:4087px; left:0px; top:0px;}
.p2-41{position:fixed; width:114px; height:auto; left:262px; bottom:60px;}

.p2-5{position:absolute; width:483px; height:1974px; left:79px; top:79px;}
.jiaotong{position:absolute; width:483px; height:1774px; left:0px; top:0px;}
.p2-51{position:fixed; width:114px; height:auto; left:262px; bottom:60px;}

.p2-6{position:absolute; width:483px; height:5226px; left:79px; top:79px;}
.xiaodong{position:absolute; width:483px; height:5026px; left:0px; top:0px;}
.p2-61{position:fixed; width:114px; height:auto; left:262px; bottom:60px;}


.yc1{position:absolute; width:180px; height:auto; left:58px; top:3500px;}
.yc2{position:absolute; width:180px; height:auto; left:250px; top:3499px;}



.p7-1{position:absolute; width:380px; height:auto; left:130px; top:470px; font-size:26px !important; color:#fff; text-align:center; line-height:40px;}
.p7-2{position:absolute; width:419px; height:218px; left:110px; top:400px; background:#000; border:2px #fff solid; opacity:0.8; border-radius:20px;}




.zoomIn {
	animation: zoomIn 1s linear 0s 1 normal;
	/* Firefox: */
	-webkit-animation: zoomIn 1s linear 0s 1 normal;
}


.bounceInUp {
	animation: bounceInUp 2s linear 0s 1 normal;
	/* Firefox: */
	-webkit-animation: bounceInUp 2s linear 0s 1 normal;
}

.bounceInDown {
	animation: bounceInDown 2s linear 0s 1 normal;
	/* Firefox: */
	-webkit-animation: bounceInDown 2s linear 0s 1 normal;
}

.bounceInLeft {
	animation: bounceInLeft 1s linear 0s 1 normal;
	/* Firefox: */
	-webkit-animation: bounceInLeft 1s linear 0s 1 normal;
}

.bounceInRight {
	animation: bounceInRight 1s linear 0s 1 normal;
	/* Firefox: */
	-webkit-animation: bounceInRight 1s linear 0s 1 normal;
}


.heartBeat {
	animation: heartBeat 2s linear 0s infinite normal;
	/* Firefox: */
	-webkit-animation: heartBeat 2s linear 0s infinite normal;
}


.fu {
	animation: fu 2s linear 0s infinite normal;
	/* Firefox: */
	-webkit-animation: fu 2s linear 0s infinite normal;
}

@-webkit-keyframes fu {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-1deg);
    transform: translate3d(0, 0, 0) rotate(-1deg);
  }

  25% {
    -webkit-transform: translate3d(0, 5px, 0) rotate(-1deg);
    transform: translate3d(0, 5px, 0) rotate(-1deg);
  }
  50% {
    -webkit-transform: translate3d(0, 5px, 0) rotate(1deg);
    transform: translate3d(0, 5px, 0) rotate(1deg);
  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate(1deg);
    transform: translate3d(0, 0, 0) rotate(1deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-1deg);
    transform: translate3d(0, 0, 0) rotate(-1deg);
  }
}

@keyframes fu {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-1deg);
    transform: translate3d(0, 0, 0) rotate(-1deg);
  }

  25% {
    -webkit-transform: translate3d(0, 5px, 0) rotate(-1deg);
    transform: translate3d(0, 5px, 0) rotate(-1deg);
  }
  50% {
    -webkit-transform: translate3d(0, 5px, 0) rotate(1deg);
    transform: translate3d(0, 5px, 0) rotate(1deg);
  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate(1deg);
    transform: translate3d(0, 0, 0) rotate(1deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-1deg);
    transform: translate3d(0, 0, 0) rotate(-1deg);
  }
}





@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}