@charset "utf-8";
* {
	margin:0;
	padding:0;
	list-style:none;
	border:0;
}
body{
	font-family:宋体;
	font-size:12px;
	background:#2b2d3a;
}
a{
	text-decoration:none;
}
img{
	border:none;
}
li{
	list-style:none;
}
.clear{
	clear:both;
}
.box{
	max-width:640px;
	min-width:320px;
	width:100%;
	margin:0 auto;
}

body{color:#222;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,button,input,select,textarea {font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;font-size:62.5%; line-height:1.5;}
ol,ul{list-style:none;}
html,body{ width:100%; height:100%; overflow:hidden;	max-width:500px;margin:auto;}
.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}
.section-wrap .section .title p{ padding:0 4%;opacity:0}
.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
.section-wrap .section-1{ background:#00c7cc;}
.section-wrap .section-2{ background:#5aacc1;}
.section-wrap .section-3{ background:#5aacc1;}
.section-wrap .section-4{ background:#85d0f5;}
.section-wrap .section-5{ background:#eeece0;}
.section-wrap .section-6{ background:#eeece0;}
.section-wrap .section-7{ background:#eeece0;}
.section-wrap .section-8{ background:#eeece0;}
.section-wrap .section-9{ background:#eeece0;}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}
.put-section-7{ transform:translateY(-700%);-webkit-transform:translateY(-700%);}
.put-section-8{ transform:translateY(-800%);-webkit-transform:translateY(-800%);}
.section-btn{ width:14px;position:fixed;right:4%;top:50%;}
.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#BD362F;text-align:center; color:#fff; onsor:pointer;}
.section-btn li.on{ background:#fff}
.yangs{ opacity:1;animation:yangs 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:yangs 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden; background:url(../images/a-1tm_08.png);}
.yangs:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes yangs{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes yangs{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
.box{
	max-width:640px;
	min-width:320px;
	width:100%;
	margin:0 auto;
}
.box img{
	width:100%;
}

.no1{
	position:absolute;
	top:12%;
	max-width:320px;
	min-width:160px;
	width:50%;
	margin-left:30%;
}
.cur .no1{
	animation:myfirst 3s;
	-webkit-animation:myfirst 3s; /* Safari and Chrome */
}

.no2{
	position: absolute;
	opacity:0;
	max-width:512px;
	min-width:256px;
	height:20%;
	width:80%;
	margin-left:10%;
	-webkit-transition:all 2s ease 1s;
}
.cur .no2{
	top: 27%;
	-webkit-transform:rotate(0deg);
	opacity:1;
}
.no2-int{
	width:90%;
	height:90%;
	background:url(../images/a-1tm_08.png);
	border-radius:5px;
	color:#fff;
	font-family:微软雅黑;
	padding:5%;
	outline:none;
}
.no2a{
	position: absolute;
	opacity:0;
	max-width:512px;
	min-width:256px;
	height:20%;
	width:80%;
	margin-left:10%;
	-webkit-transition:all 2s ease 1s;
}
.cur .no2a{
	top: 18%;
	-webkit-transform:rotate(0deg);
	opacity:1;
}

.no2a-int{
	width:94%;
	height:10%;
	background:url(../images/a-1tm_08.png);
	border-radius:5px;
	color:#fff;
	font-family:微软雅黑;
	padding:5% 3%;
	font-size:14px;
	outline:none;
	margin:1% 0;
}
.noa{
	position:absolute;
	animation:myfirst 3s;
	-webkit-animation:myfirst 3s; /* Safari and Chrome */
	top:5%;
	max-width:512px;
	min-width:256px;
	width:75%;
	margin-left:10%;
}
.noa img{
	width:100%;
}
.noa_wt{
	position:absolute;
	bottom:5%;
	width:30%;
	margin-left:33%;
}
@media (max-height: 480px){.noa_wt{bottom:2%;width:30%;margin-left:33%;}}
.noa_wt img{
	width:100%;
}
.no3{
	position: absolute;
	opacity:0;
	max-width:512px;
	min-width:256px;
	height:20%;
	width:80%;
	-webkit-transition:all 2s ease 2s;
}
.cur .no3{
	top:63%;
	-webkit-transform:rotate(0deg);
	opacity:1;
}
.no3-int{
	width:60%;
	height:60%;
	margin-left:30%;
	color:#fff;
	font-family:微软雅黑;
	outline:none;
	display:block;
}

.no4{
	position: absolute;
	opacity:0;
	max-width:512px;
	min-width:256px;
	width:80%;
	top:5%;
	-webkit-transition:all 1s ease 1s;
}
.cur .no4{
	-webkit-transform:rotate(0deg);
	opacity:1;
}
.no4-int{
	width:80%;
	margin-left:20%;
	color:#fff;
	font-family:微软雅黑;
	outline:none;
	text-align:center;
	border-radius:5px;
	background:url(../images/a-1tm_08.png);
}

.no5{
	position:absolute;
	top:44%;
	width:164px;
	margin-left:-82px;
	left:50%;
	opacity:0;
	-webkit-transition:all 1s ease 1s;
}
.no5 img{
	width:100%;
}
.no5-wt{
	position: absolute;
	top: 70%;
	margin-left: -49%;
	left: 50%;
	max-width: 512px;
	min-width: 256px;
	width: 80%;
}
.no5-wt img{
    width:100%;
}
.cur .no5{
    -webkit-transform:rotate(0deg);
    opacity:1;}

.no6{
    position:absolute;
    top:5%;
    width:100%;
    max-width:640px;
    min-width:320px;
    font-size:30px;
    color:#fff;
    font-weight:bold;
    text-align:center;
}
.cur .no6{
    animation:myfirst 3s;
    -webkit-animation:myfirst 3s; /* Safari and Chrome */
}


.no7{
	position:absolute;
	top:5%;
	width:100%;
	max-width:640px;
	min-width:320px;
	font-size:25px;
	color:#666;
	font-weight:bold;
	text-align:center;
}
.cur .no7{
	animation:myfirst 3s;
	-webkit-animation:myfirst 3s; /* Safari and Chrome */
}

.no7-p{
	font-size:20px;
}

.no8{
	position:absolute;
	top:72%;
	width:100%;
	max-width:640px;
	min-width:320px;
	font-size:25px;
	color:#666;
	font-weight:bold;
	text-align:center;
	opacity:0;
	-webkit-transition:all 1s ease 3s;
}
.cur .no8{
	-webkit-transform:rotate(0deg);
	opacity:1;
}
.no8 span{
	float:left;
	display:block;
	width:40%;
	font-size:20px;
	text-align:right
}
.no8 a{
	display:block;
	float:left;
	width:12%;
	text-align:left;
}
.no8 a img{
	width:60%;
}
@keyframes myfirst
{
	0%   {top:-5%;}
	100%  {top:5%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   {top:-5%;}
	100%  {top:5%;}
}

@media (min-width:319px){
	.no2-int{ font-size:18px;}
	.no4-int{ font-size:18px; height:40px; line-height:40px;}
}
@media (min-width:350px){
	.no2-int{ font-size:20px;}
	.no4-int{ font-size:20px;}
}
@media (min-width:419px){
	.no2-int{ font-size:22px;}
	.no4-int{ font-size:22px;height:40px; line-height:40px;}
}
@media (min-width:480px){
	.no2-int{ font-size:24px;}
	.no4-int{ font-size:24px;}
}
@media (min-width:519px){
	.no2-int{ font-size:26px;}
	.no4-int{ font-size:26px; height:50px; line-height:50px;}
}
@media (min-width:550px){
	.no2-int{ font-size:28px;}
	.no4-int{ font-size:28px;}
}
@media (min-width:580px){
	.no2-int{ font-size:30px;}
	.no4-int{ font-size:30px;height:60px; line-height:60px;}
}
@media (min-width:639px){
	.no2-int{ font-size:32px;}
	.no4-int{ font-size:32px;}
	.no1{margin-left:15%;}
}


.shaiz{
	height: 10em;
	left: 15%;
	-webkit-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
	position: absolute;
	width: 10em;
}
cube {
	-webkit-animation: 1s spin linear infinite;
	animation: 1s spin linear infinite;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
}
.cube-d{ animation: 0s spin linear infinite;}

cube * {

	-webkit-background-size: 2.5em 2.5em, 2.5em 2.5em;
	background-size: 2.5em 2.5em, 2.5em 2.5em;

	display: block;
	height: 10em;
	position: absolute;
	width: 10em;
}
cube *:before {

	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
}

back {
	-webkit-transform: rotateX(180deg) translateZ(5em);
	-ms-transform: rotateX(180deg) translateZ(5em);
	transform: rotateX(180deg) translateZ(5em);
}

bottom {
	-webkit-transform: rotateX(-90deg) translateZ(5em);
	-ms-transform: rotateX(-90deg) translateZ(5em);
	transform: rotateX(-90deg) translateZ(5em);
}

front {
	-webkit-transform: rotateY(0deg) translateZ(5em);
	-ms-transform: rotateY(0deg) translateZ(5em);
	transform: rotateY(0deg) translateZ(5em);
}

left {
	-webkit-transform: rotateY(-90deg) translateZ(5em);
	-ms-transform: rotateY(-90deg) translateZ(5em);
	transform: rotateY(-90deg) translateZ(5em);
}

right {
	-webkit-transform: rotateY(90deg) translateZ(5em);
	-ms-transform: rotateY(90deg) translateZ(5em);
	transform: rotateY(90deg) translateZ(5em);
}

top {
	-webkit-transform: rotateX(90deg) translateZ(5em);
	-ms-transform: rotateX(90deg) translateZ(5em);
	transform: rotateX(90deg) translateZ(5em);
}

@-webkit-keyframes background {
	to {
		-webkit-background-size: 20em 20em, 20em 20em;
		background-size: 20em 20em, 20em 20em;
	}
}

@keyframes background {
	to {
		-webkit-background-size: 20em 20em, 20em 20em;
		background-size: 20em 20em, 20em 20em;
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: translateZ(-10em) rotateX(0) rotateY(0deg);
		transform: translateZ(-10em) rotateX(0) rotateY(0deg);
	}

	to {
		-webkit-transform: translateZ(-10em) rotateX(360deg) rotateY(360deg);
		transform: translateZ(-10em) rotateX(360deg) rotateY(360deg);
	}
}
@keyframes spin {
	from {
		-webkit-transform: translateZ(-10em) rotateX(0) rotateY(0deg);
		transform: translateZ(-10em) rotateX(0) rotateY(0deg);
	}

	to {
		-webkit-transform: translateZ(-10em) rotateX(360deg) rotateY(360deg);
		transform: translateZ(-10em) rotateX(360deg) rotateY(360deg);
	}
}
.fx{
	max-width:576px;
	min-width:288px;
	width:90%;
	margin:0 auto;
	padding:20px 5%;
}
.fx-p{
	font-size:20px;
	font-family:微软雅黑;
	color:#000;
	letter-spacing:2px;
}
.fx-p1{
	font-size:14px;
	font-family:微软雅黑;
	color:#999;
}
.fx-ul li{
	font-size:18px;
	font-family:微软雅黑;
	color:#000;
	padding:10px 0;
	border-bottom:1px dashed #ccc;
}
.fx-a{
	font-size:18px;
	width:50%;
	margin:0 auto;
	height:36px;
	line-height:36px;
	text-align:center;
	border-radius:10px;
	background:#930;
	display:block;
	color:#fff;
	font-family:微软雅黑;
	margin-top:10px;
}
.lastpage{
	width: 22%;
	margin-left: 37%;
	position: absolute;
	bottom: 10px;
}
.lastpage img{
	width:100%;
}
.modifyinput{
	width:85%;
	height:10%;
	/*background:url(../images/a-1tm_08.png);*/
	background: rgb(255, 252, 230);
	color:#000;
	font-family:微软雅黑;
	font-size:18px;
	outline:none;
}
.bianji{
	float:right;
}
.bianji button{
	font-size: 14px;
	padding: 0 8px;
	height: 30px;
	font-family: 微软雅黑;
}
.wt-div {
	background: white;
	padding:10px;
	color: #54c6d0;
	font-size: 14px;
	height: 20px;
	margin-bottom:10px;
	font-weight: 600;
}
.wt-div a{
	color: #54c6d0;
	font-size: 14px;
}
.wt-div2 {
	width:49%;
	float:left;
	text-align: center;
}

.fx-ula li{
	font-size:16px;
	font-family:微软雅黑;
	color:#444;
	padding:10px 0;
	border-bottom:1px dashed #ccc;
	font-size:16px;
	font-family:微软雅黑;
	color:#000;
	letter-spacing:1px;
	overflow:hidden;
}
.fx-ula li a{
	color:#333;
}
.fx-ula li span{
	float:left;
	font-size:14px;
	font-family:微软雅黑;
	color:#999;
}
.fx-gz{
	font-size:18px;
	width:50%;
	margin:0 auto;
	height:36px;
	line-height:36px;
	text-align:center;
	border-radius:10px;
	margin-top:10px;
	display:block;
	color:#930;
	font-family:微软雅黑;
	font-weight:bold;
}
.fx-page{
	overflow:hidden;
	width:250px;
	margin:20px auto 0 auto;
}
.fx-page a{
	display:block;
	float:left;
	color:#930;
	font-family:微软雅黑;
	font-size:14px;
	padding:0 8px;
}
.fx-tz{
	width:40px;
	height:22px;
	border:1px solid #930;
	float:left;
	font-weight:bold;
	color:#930;
}