@charset "utf-8";

html {
-ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */
}
body,div,p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
body {
	width: 100%;
	*cursor: default;
	overflow: hidden;
	font: 16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
}
#pageContain {
	overflow: hidden;
}
.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	/*top: 0;
	left: 0;*/
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
}
.current .contain,.slide .contain {
	display: block;
}
.current {
	display: block;
	z-index: 1;
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}

/* 页面导航 */
#navBar {
	z-index: 3;
	position: absolute;
	top: 10%;
	right: 3%;
}
#navBar .active {
	background: #ccc;
}
#navBar li {
	cursor: pointer;
	margin-bottom: 10px;
	transition: all .7s ease;
	border-radius: 50%;
	line-height: 0.3rem;
	text-align: center;
	width: 0.3rem;
	height: 0.3rem;
}

/* 箭头 */
.arrow_up {position:fixed; bottom:0.1rem; left:50%; width:0.4rem; height:0.33rem; z-index:9999;
-webkit-transform:translateX(-50%);
-webkit-animation:dong 1s linear 0s infinite alternate;
transform:translateX(-50%);
animation:dong 1s linear 0s infinite alternate;
}
@-webkit-keyframes dong {
from {
	bottom:0.1rem;
}
to {
	bottom:0.25rem;
}
}
@keyframes dong {
from {
	bottom:0.1rem;
}
to {
	bottom:0.25rem;
}
}

/* 页面背景 */

.page0,.page1, .page2, .page4, .page5, .page6, .page7 {
	background: url(../images/1.jpg) no-repeat 50%;
}
.page3 {
	background: url(../images/2.jpg) no-repeat 50%;
}

.jpcon {
	animation: rota 0.5s alternate linear infinite;
	-webkit-animation: rota 0.5s alternate linear infinite;
}

@-webkit-keyframes rota {
	0% {
		transform: rotate(2deg);
	}

	100% {
		transform: rotate(-2deg);
		opacity: 1;
	}
}

@keyframes rota {
	0% {
		transform: rotate(2deg);
		opacity: 1;
	}

	100% {
		transform: rotate(-2deg);
		opacity: 1;
	}
}



.page0,.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12,.page13,.page14{
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
/*.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12,.page13,.page14,.page15{
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
background:url(../images/001.jpg) repeat;
}*/

/* 页面元素 */
.contain{overflow:hidden;}
.contain ul {position:absolute; width:100%; height:100%; margin:0; padding:0;}
.contain li img{position:absolute; z-index:10;}



/* 自适应框架（设计图宽度） */
body {
	max-width: 8.5rem;
	margin: 0 auto;
}
body * {
	max-width: 8.5rem;
}
.none{display:none!important;}


.p1s {
	animation: op1 1s linear forwards;
	-webkit-animation: op1 1s linear forwards;
}

@-webkit-keyframes op1 {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}
@keyframes op1 {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}
.p2s {
	animation: scaY 1s 0.5s linear alternate infinite;
	-webkit-animation: scaY 1s 0.5s linear alternate infinite;
}



@-webkit-keyframes scaY {
	0% {
		transform: rotateZ(4deg)
	}

	100% {
		transform: rotateZ(-4deg)
	}
}

@keyframes scaY{
	0% {
		transform: rotateZ(4deg)
	}

	100% {
		transform: rotateZ(-4deg)
	}
}
.p3s {
	animation: sca 1s 0.5s linear alternate infinite;
	-webkit-animation: sca 1s 0.5s linear alternate infinite;
}

@-webkit-keyframes sca {
	0% {
		transform: rotateZ(-4deg)
	}

	100% {
		transform: rotateZ(4deg)
	}
}

@keyframes sca {
	0% {
		transform: rotateZ(-4deg)
	}

	100% {
		transform: rotateZ(4deg)
	}
}
.p4s {
	animation: sca2 0.5s 1s alternate linear infinite;
	-webkit-animation: sca2 0.5s 1s alternate linear infinite;
}

.p5s {
	animation: p5ss 0.5s 1s alternate linear infinite;
	-webkit-animation: p5ss 0.5s 1s alternate linear infinite;
}
@-webkit-keyframes p5ss {
	0% {
		transform: scale(0.8);
		opacity: 0.3;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes p5ss {
	0% {
		transform: scale(0.8);
		opacity: 0.3;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}


@-webkit-keyframes sca2 {
	0% {
		transform: scale(0.8);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes sca2 {
	0% {
		transform: scale(0.8);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}
.p1_p2 {
	animation: rota 0.5s alternate linear infinite;
	-webkit-animation: rota 0.5s alternate linear infinite;
}

@-webkit-keyframes rota {
	0% {
		transform: rotate(2deg);
	}

	100% {
		transform: rotate(-2deg);
		opacity: 1;
	}
}

@keyframes rota {
	0% {
		transform: rotate(2deg);
		opacity: 1;
	}

	100% {
		transform: rotate(-2deg);
		opacity: 1;
	}
}

.an1_1 {
	background: url(../images/s02.png) no-repeat;
	overflow: hidden;
	width: 7.5rem;
	height: 10.1rem;
	-webkit-animation: pic3 0.8s steps(6,end) forwards;
	animation: pic3 0.8s steps(6,end) forwards;
	position: absolute;
	background-size: auto 100%;
	top: 50%;
	margin-top: -4.06rem;
	z-index:10
}
.an1_2 {
	background: url(../images/s03.png) no-repeat;
	overflow: hidden;
	width: 7.5rem;
	height: 2.66rem;
	-webkit-animation: pic3 1.05s steps(6,end) forwards;
	animation: pic3 1.05s steps(6,end) forwards;
	position: absolute;
	background-size: auto 100%;
	top: 0.68rem;
	z-index: 10;
}

@-webkit-keyframes pic3 {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 120% 0;
	}
}

@keyframes pic3 {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 120% 0;
	}
}


.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}


.phbtr{height:0.95rem}
.num_all{background:url(../images/3_2.png) no-repeat;background-size:6.15rem 0.37rem;width:6.15rem;margin:11.3rem auto 0;text-align:center;font-weight:bold;color:#6B4521;line-height:0.37rem;}
.title{margin-top:0.2rem;line-height:200%;padding-bottom:0.3rem; color:#444444}
.anwers>div{line-height:1.05rem;border-bottom:1px solid #D6D6D6;color:#444444}

.tcenter{text-align:center}
.bgcolor1{background:#3F1572}
.fb{font-weight:bold;}
.t1{color:#333333}
.t2{color:#C3252A!important}
.t3{color:#fff}
.t4{color:#238C00!important}

.f16{font-size:0.7em;}
.f18{font-size:0.85em;}
.f20{font-size:0.9em;}
.f22{font-size:0.95em;}
.f24{font-size: 1em;}
.f26{font-size:1.05em;}
.f30{font-size:1.15em;}
.f40{font-size:1.6em;}
.lh100{line-height:100%}
.lh120{line-height:120%}
.lh130 {line-height:130%}
.lh140{line-height:140%}
.lh150{line-height:150%}
.lh160 {line-height:160%}
.lh170 {line-height:170%}
.lh180{line-height:180%}
.lh200{line-height:200%}
@media screen and (max-width: 640px) {
	.f16{font-size:0.7em;}
	.f18{font-size:0.85em;}
	.f20{font-size:0.9em;}
	.f22{font-size:0.95em;}
    .f24 {font-size:1em;}
	.f26{font-size:1.05em;}
	.f30{font-size:1.15em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 414px) {
	.f16{font-size:0.5em;}
	.f18{font-size:0.65em;}
	.f20{font-size:0.7em;}
	.f22{font-size:0.75em;}
    .f24{font-size:0.8em;}
	.f26{font-size:0.85em;}
	.f30{font-size:0.95em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 400px) {
	.f16{font-size:0.5em;}
	.f18{font-size:0.65em;}
	.f20{font-size:0.7em;}
	.f22{font-size:0.75em;}
    .f24{font-size:0.8em;}
	.f26{font-size:0.85em;}
	.f30{font-size:0.95em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 392px) {
	.f16{font-size:0.45em;}
	.f18{font-size:0.6em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
    .f24{ font-size:0.75em;}
	.f26{font-size:0.8em;}
	.f30{font-size:0.9em;}
    .f40{font-size:1.5em;}
}

@media screen and (max-width: 385px) {
	.f16{font-size:0.45em;}
	.f18{font-size:0.6em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
    .f24{font-size:0.75em;}
	.f26{font-size:0.8em;}
	.f30{font-size:0.9em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 375px) {
	.f16{font-size:0.45em;}
	.f18{font-size:0.6em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
    .f24{font-size:0.75em;}
	.f26{font-size:0.8em;}
	.f30{font-size:0.9em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 359px) {
	.f16{font-size:0.4em;}
	.f18{font-size:0.5em;}
	.f20{font-size:0.55em;}
	.f22{font-size:0.6em;}
    .f24{font-size:0.65em;}
	.f26{font-size:0.7em;}
	.f30{font-size:0.8em;}
    .f40{font-size:1.3em;}
}