body,dl,dd,h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0px;}
body{font:12px/1.5 tahoma,simsun,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:rgba(255,255,255,0); }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border: none;padding: 0;margin:0;}
em,i,b{font-style:normal}
ul,ol{list-style:none;margin:0;padding:0;}
a{text-decoration:none}
a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
input,select,option{outline:none}
.main img{ display: none;}
.sec1-show .sec1 img,
.sec2-show .sec2 img,
.sec3-show .sec3 img,
.sec4-show .sec4 img,
.sec5-show .sec5 img,
.sec6-show .sec6 img,
.sec7-show .sec7 img,
.sec8-show .sec8 img{display:block;}
.wrap{width: 100%;height:100%;overflow: hidden;}
.content{width: 100%;height:100%;position: relative;}
.main{width: 100%;-webkit-transition:all 0.3s linear;-webkit-transform:translateY(0px);transition:all 0.3s linear;transform:translateY(0px);-webkit-backface-visibility:hidden; height: 100%; position: relative;}
.sec{ width: 100%; height: 100%; margin: 0 auto; position: relative;}
.sec img,.sec a{ position: absolute;}
.sec a img{ position: relative; display: block; width: 100%;}
.next{ left: 46.9%; bottom: 3.6%; z-index: 100;}
.pt-page-moveIconUp {
	-webkit-animation: moveIconUp ease 1.5s both infinite;
	animation: moveToBottom ease 1.5s both infinite;
}
@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}
.pt-page-moveIcondown {
	-webkit-animation: moveIcondown ease 1.5s both infinite;
	animation: moveIcondown ease 1.5s both infinite;
}
@-webkit-keyframes moveIcondown {
	0% { -webkit-transform: translateY(-100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(100%); opacity:0;}
}
@keyframes moveIcondown {
	0% { -webkit-transform: translateY(-100%); transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(100%); transform: translateY(-100%); opacity:0;}
}
.sec1{ background:url(../images/p1-bg.jpg) no-repeat #0a1f54; background-size: 100% 100%;}
.sec2{ background:url(../images/bg2.jpg) no-repeat #fcfcfa; background-size: 100% 100%;}
.sec3{ background:url(../images/bg3.jpg) no-repeat #d8af80; background-size: 100% 100%;}
.sec4{ background:url(../images/bg7.jpg) no-repeat #100b08; background-size: 100% 100%;}
.sec5{ background:url(../images/bg8.jpg) no-repeat #ffffff; background-size: 100% 100%;}
.more{ top: 2.3%; right: 5.8%; width: 15.3%;}
/* section1 */
.p1-border2{top:20.83%;left:17.65%;}
.p1-pic1{top:46.32%; left:21.87%;}


/* section2 */
.p2-border1{top:7.53%; left:12.5%;}
.p2-pic1{ top:17.16%; left:12.5%;}
.p2-pic2{ top:31.15%; left:12.5%;}

/* section3 */
.p3-border1{top:7.83%; left:10.62%;}
.p3-pic1{top:18.21%; left:10.62%;}

/* section4 */
.p4-border1{top:9.52%; left:11.40%;}
.p4-pic1{top:28.96%;left:11.56%;}
.p4-pic2{top:73.51%; left:13.15%;}

/* section5 */
.p5-border1{top:9.52%; left:11.56%;}
.p5-pic1{top:28.96%; left:11.56%;}
.p5-pic2{top:70.63%; left:49.06%;}

/* section6 */
.p6-border1{top:3.38%; left:10.78%;}
.p6-pic1{top:25.50%; left:10.78%;}
.p6-pic2{top:42.04%; left:25.3%;}
.p6-pic3{top:45.71%; left:25.3%; width:25.78%; height:4.86%;}
.p6-pic4{top:45.71%; left:49.84%; width:25.78%; height:4.86%;}
/* section7 */
.p7-border1{top:6.94%; left:12.65%;}
.p7-pic2{top:25.80%; left:12.65%;}
/* section8 */
.p8-border1{top:11.21%; left:20.31%;}
.p8-pic1{top:28.57%; left:21.25%;}
.p8-pic2{top:37%; left:36.15%;}
.btn-join{width:25.93%;height:4.06%;top:37%; left:36.15%; z-index:2; }
/* anim */
.sec1-show .fadein-up1,
.sec2-show .fadein-up1,
.sec3-show .fadein-up1,
.sec4-show .fadein-up1,
.sec5-show .fadein-up1{
    -webkit-animation:fadeInUp .8s  ease both;
    -moz-animation:fadeInUp .6s  ease both;}
.sec1-show .fadein-up2,
.sec4-show .fadein-up2,
.sec5-show .fadein-up2{
    -webkit-animation:fadeInUp .8s .4s ease both;
    -moz-animation:fadeInUp .8s .4s ease both;}
.sec2-show .fadein-up3{
    -webkit-animation:fadeInUp .8s .6s ease both;
    -moz-animation:fadeInUp .8s .6s ease both;}
	
.sec5-show .fadein-up3{
    -webkit-animation:fadein01 1s .8s ease both;
    -moz-animation:fadein01 1s .8s ease both;}	
	  @-webkit-keyframes fadein01{
   0%{opacity:0;-webkit-transform: scale(0,0);}
    100%{opacity:1;-webkit-transform: scale(1,1);}
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(100%);}
    100%{opacity:1;
        -webkit-transform:translateY(0);}
}
.sec4-show .fadein-show{-webkit-animation:fadeInshow .8s .8s ease both;
    -moz-animation:fadeInshow .8s .8s ease both;}
@-webkit-keyframes fadeInshow{
    0%{opacity:0; -webkit-transform:scale(0.01);}
    100%{-webkit-transform:scale(1);opacity: 1;}
}
.sec5-show .pt-page-moveFromRight{
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateCubeBottomIn 0.6s 0.6s both ease-in;
	animation: rotateCubeBottomIn 0.6s 0.6s both ease-in;}
	@-webkit-keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@keyframes rotateCubeBottomIn {
	0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
/*.sec8-show .fadein-big{ -webkit-animation:fadeInbig .8s .6s ease both;
    -moz-animation:fadeInbig .8s .6s ease both;}
@-webkit-keyframes fadeInbig{
    0%{opacity:0; -webkit-transform:scale(6);}
    100%{-webkit-transform:scale(1);opacity: 1;}
}	*/
.sec2-show .fadein-left,
.sec3-show .fadein-left{-webkit-animation:moveFromLeft .6s .4s ease both;
    -moz-animation:moveFromLeft .6s .4s ease both;}
@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); opacity:0;}
	to{-webkit-transform: translateX(0); opacity:1;}
}
@keyframes moveFromLeft {
	from { transform: translateX(-100%); opacity:0;}
	to{transform: translateX(0); opacity:1;}
}
.sec2-show .fadein-right,
.sec3-show .fadein-right{-webkit-animation:moveFromright .6s .6s ease both;
    -moz-animation:moveFromright .6s .6s ease both;}
@-webkit-keyframes moveFromright {
	from { -webkit-transform: translateX(100%);opacity:0; }
	to{-webkit-transform: translateX(0); opacity:1;}
}
@keyframes moveFromright {
	from {transform: translateX(100%); opacity:0;}
	to{transform: translateX(0); opacity:1;}
}
/*@-webkit-keyframes rotateInUpLeft{
	0%, 40% {-webkit-transform:rotate(-150deg) translateX(-300px);-webkit-opacity:0}
	100%{-webkit-transform:rotate(0) translateX(0);-webkit-opacity:1}
}
@keyframes rotateInUpLeft{
	0%, 40% {-webkit-transform:rotate(-150deg) translateX(-300px);transform:rotate(-150deg) translateX(-600px);opacity:0}
	100%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0);opacity:1}
}
.sec8-show .rotateInUpLeft{-webkit-animation:rotateInUpLeft .6s 1s ease both;
    -moz-animation:rotateInUpLeft .6s 1s ease both;}*/
/**
 * 声音元件
 * -u-audio
 */
.u-audio {
	position: absolute;
	bottom:4.7%;
	left:7.0%;
	width:8.43%;
	height:5.35%;
	z-index: 200;
}
/**
 * 声音元件
 * -u-audio
 */
 /*声音*/
.coffee-steam-box { display: none; }
#loader{width: 12px;height: 12px;position: fixed;left: 50%;top: 50%;z-index: 100;margin: -6px 0 0 -6px;-webkit-border-radius: 6px;border-radius: 6px;overflow: hidden;
    -webkit-animation: loading 1.1s ease infinite;
    animation: loading 1.1s ease infinite;} 
	@-webkit-keyframes loading{
    0%,100%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.1),
            0 24px 0 rgba(218,218,218,0.25),
            -17px 17px 0 rgba(218,218,218,0.3),
            -24px 0 0 rgba(218,218,218,0.4),
            -17px -17px 0 rgba(218,218,218,0.5),
            0 -24px 0 rgba(218,218,218,0.6),
            17px -17px 0 rgba(218,218,218,0.7),
            24px 0 0 rgba(218,218,218,1);
    }
    12.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,1),
            0 24px 0 rgba(218,218,218,0.1),
            -17px 17px 0 rgba(218,218,218,0.25),
            -24px 0 0 rgba(218,218,218,0.3),
            -17px -17px 0 rgba(218,218,218,0.4),
            0 -24px 0 rgba(218,218,218,0.5),
            17px -17px 0 rgba(218,218,218,0.6),
            24px 0 0 rgba(218,218,218,0.8);
    }
    25%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.7),
            0 24px 0 rgba(218,218,218,1),
            -17px 17px 0 rgba(218,218,218,0.1),
            -24px 0 0 rgba(218,218,218,0.25),
            -17px -17px 0 rgba(218,218,218,0.3),
            0 -24px 0 rgba(218,218,218,0.4),
            17px -17px 0 rgba(218,218,218,0.5),
            24px 0 0 rgba(218,218,218,0.7);
    }
    37.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.6),
            0 24px 0 rgba(218,218,218,0.7),
            -17px 17px 0 rgba(218,218,218,1),
            -24px 0 0 rgba(218,218,218,0.1),
            -17px -17px 0 rgba(218,218,218,0.25),
            0 -24px 0 rgba(218,218,218,0.3),
            17px -17px 0 rgba(218,218,218,0.4),
            24px 0 0 rgba(218,218,218,0.6);
    }
    50%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.5),
            0 24px 0 rgba(218,218,218,0.6),
            -17px 17px 0 rgba(218,218,218,0.7),
            -24px 0 0 rgba(218,218,218,1),
            -17px -17px 0 rgba(218,218,218,0.1),
            0 -24px 0 rgba(218,218,218,0.25),
            17px -17px 0 rgba(218,218,218,0.3),
            24px 0 0 rgba(218,218,218,0.5);
    }
    62.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.4),
            0 24px 0 rgba(218,218,218,0.5),
            -17px 17px 0 rgba(218,218,218,0.6),
            -24px 0 0 rgba(218,218,218,0.7),
            -17px -17px 0 rgba(218,218,218,1),
            0 -24px 0 rgba(218,218,218,0.1),
            17px -17px 0 rgba(218,218,218,0.25),
            24px 0 0 rgba(218,218,218,0.4);
    }
    75%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.3),
            0 24px 0 rgba(218,218,218,0.4),
            -17px 17px 0 rgba(218,218,218,0.5),
            -24px 0 0 rgba(218,218,218,0.6),
            -17px -17px 0 rgba(218,218,218,0.7),
            0 -24px 0 rgba(218,218,218,1),
            17px -17px 0 rgba(218,218,218,0.1),
            24px 0 0 rgba(218,218,218,0.3);
    }
    87.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.25),
            0 24px 0 rgba(218,218,218,0.3),
            -17px 17px 0 rgba(218,218,218,0.4),
            -24px 0 0 rgba(218,218,218,0.5),
            -17px -17px 0 rgba(218,218,218,0.6),
            0 -24px 0 rgba(218,218,218,0.7),
            17px -17px 0 rgba(218,218,218,1),
            24px 0 0 rgba(218,218,218,0.2);
    }
}
@keyframes loading{
    0%,100%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.1),
            0 24px 0 rgba(218,218,218,0.25),
            -17px 17px 0 rgba(218,218,218,0.3),
            -24px 0 0 rgba(218,218,218,0.4),
            -17px -17px 0 rgba(218,218,218,0.5),
            0 -24px 0 rgba(218,218,218,0.6),
            17px -17px 0 rgba(218,218,218,0.7),
            24px 0 0 rgba(218,218,218,1);
    }
    12.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,1),
            0 24px 0 rgba(218,218,218,0.1),
            -17px 17px 0 rgba(218,218,218,0.25),
            -24px 0 0 rgba(218,218,218,0.3),
            -17px -17px 0 rgba(218,218,218,0.4),
            0 -24px 0 rgba(218,218,218,0.5),
            17px -17px 0 rgba(218,218,218,0.6),
            24px 0 0 rgba(218,218,218,0.8);
    }
    25%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.7),
            0 24px 0 rgba(218,218,218,1),
            -17px 17px 0 rgba(218,218,218,0.1),
            -24px 0 0 rgba(218,218,218,0.25),
            -17px -17px 0 rgba(218,218,218,0.3),
            0 -24px 0 rgba(218,218,218,0.4),
            17px -17px 0 rgba(218,218,218,0.5),
            24px 0 0 rgba(218,218,218,0.7);
    }
    37.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.6),
            0 24px 0 rgba(218,218,218,0.7),
            -17px 17px 0 rgba(218,218,218,1),
            -24px 0 0 rgba(218,218,218,0.1),
            -17px -17px 0 rgba(218,218,218,0.25),
            0 -24px 0 rgba(218,218,218,0.3),
            17px -17px 0 rgba(218,218,218,0.4),
            24px 0 0 rgba(218,218,218,0.6);
    }
    50%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.5),
            0 24px 0 rgba(218,218,218,0.6),
            -17px 17px 0 rgba(218,218,218,0.7),
            -24px 0 0 rgba(218,218,218,1),
            -17px -17px 0 rgba(218,218,218,0.1),
            0 -24px 0 rgba(218,218,218,0.25),
            17px -17px 0 rgba(218,218,218,0.3),
            24px 0 0 rgba(218,218,218,0.5);
    }
    62.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.4),
            0 24px 0 rgba(218,218,218,0.5),
            -17px 17px 0 rgba(218,218,218,0.6),
            -24px 0 0 rgba(218,218,218,0.7),
            -17px -17px 0 rgba(218,218,218,1),
            0 -24px 0 rgba(218,218,218,0.1),
            17px -17px 0 rgba(218,218,218,0.25),
            24px 0 0 rgba(218,218,218,0.4);
    }
    75%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.3),
            0 24px 0 rgba(218,218,218,0.4),
            -17px 17px 0 rgba(218,218,218,0.5),
            -24px 0 0 rgba(218,218,218,0.6),
            -17px -17px 0 rgba(218,218,218,0.7),
            0 -24px 0 rgba(218,218,218,1),
            17px -17px 0 rgba(218,218,218,0.1),
            24px 0 0 rgba(218,218,218,0.3);
    }
    87.5%{
        box-shadow:
            17px 17px 0 rgba(218,218,218,0.25),
            0 24px 0 rgba(218,218,218,0.3),
            -17px 17px 0 rgba(218,218,218,0.4),
            -24px 0 0 rgba(218,218,218,0.5),
            -17px -17px 0 rgba(218,218,218,0.6),
            0 -24px 0 rgba(218,218,218,0.7),
            17px -17px 0 rgba(218,218,218,1),
            24px 0 0 rgba(218,218,218,0.2);
    }
}
.text{display:none;}