@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.6rem; height:auto; 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;
}
}

/* 页面背景 */
.page1{background:url(../images/001.jpg) no-repeat 50%;}
.page2{background:url(../images/002.jpg) no-repeat 50%;}
.page3{background:#fff}
.page4{background:url(../images/004.jpg) no-repeat 50%;}
.page5,.page7,.page8,.page9{background:url(../images/005.jpg) no-repeat 50%;}
.page6{background:url(../images/006.jpg) no-repeat 50%;}
.page10{background:url(../images/010.jpg) no-repeat 50%;}





.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;}

.loading{ width:100%; height:100%; background:#fff; position:absolute; margin:0 auto; z-index:10000;}
.loading img{ position:absolute; top:50%; left:50%; margin-top:-0.95rem; margin-left:-1.56rem;  z-index:10001;}

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


@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-6px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(6px);
    }
}
 
@keyframes bounce-down {
    25% {
        transform: translateY(-6px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(6px);
    }
}
 
.animate-bounce-down{
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}
.trains{
    -webkit-animation: train 1.5s linear;
    animation: train 1.5s linear;
	transform-origin:left 65%;
	-webkit-transform-origin:left 65%;
}

@-webkit-keyframes train {
    0% {
        -webkit-transform:scale(0.1);
    }
    100% {
        -webkit-transform:scale(1);
    }
}
 
@keyframes train {
    0% {
        -webkit-transform:scale(0.1);
    }
    100% {
        -webkit-transform:scale(1);
    }
}

.bgs{
    -webkit-animation: bg 3000s linear infinite;
    animation: bg 3000s linear infinite;
}

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

@-webkit-keyframes sma {
    0% {
        -webkit-transform:scale(2.5);
    }
    100% {
        -webkit-transform:scale(1);
    }
}
 
@keyframes sma {
    0% {
        -webkit-transform:scale(2.5);
    }
    100% {
        -webkit-transform:scale(1);
    }
}

@-webkit-keyframes op {
    0% {
		opacity:0
    }
    100% {
		opacity:1
    }
}
 
@keyframes op {
    0% {
       opacity:0
    }
    100% {
        opacity:1
    }
}

@-webkit-keyframes op2 {
    0% {
		opacity:1
    }
    100% {
		opacity:0
    }
}
 
@keyframes op2 {
    0% {
       opacity:1
    }
    100% {
        opacity:0
    }
}
 
.hc_op{-webkit-animation: op 0.2s 0.5 4 linear;
    animation: op 0.2s 0.5 4 linear;}

@-webkit-keyframes rt{
   to{
        stroke-dashoffset:0;
   } 
}
@keyframes rt{
   to{
        stroke-dashoffset:0;
   } 
}
.fb{font-weight:bold;}
.t1{color:#FF3333}
.t2{color:#fff}
.t3{color:#FEB83F}
.t4{color:#51EDB1}
.t5{color:#00F0F0}
.f16{font-size:0.7em;}
.f20{font-size:0.9em;}
.f22{font-size:0.95em;}
.f40{font-size:1.6em;}
.lh120{line-height:120%}
.lh140{line-height:140%}
.lh180{line-height:180%}
@media screen and (max-width: 640px) {
	.f16{font-size:0.7em;}
	.f20{font-size:0.9em;}
	.f22{font-size:0.95em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 414px) {
	.f16{font-size:0.5em;}
	.f20{font-size:0.7em;}
	.f22{font-size:0.75em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 400px) {
	.f16{font-size:0.5em;}
	.f20{font-size:0.7em;}
	.f22{font-size:0.75em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 392px) {
	.f16{font-size:0.45em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
    .f40{font-size:1.5em;}
}

@media screen and (max-width: 385px) {
	.f16{font-size:0.45em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 375px) {
	.f16{font-size:0.45em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 359px) {
	.f16{font-size:0.4em;}
	.f20{font-size:0.55em;}
	.f22{font-size:0.6em;}
    .f40{font-size:1.3em;}
}
/*@media screen and (max-width: 320px) {
	.f16{font-size:0.3em;}
	.f20{font-size:0.5em;}
    .f40{font-size:1.2em;}
}*/