.head{ background:#fff; position:fixed;}
.fp-section.fp-table, .fp-slide.fp-table{ display:block;}
.head .menu{ border-bottom:0;}
.fp-tablecell{ vertical-align:top; overflow:hidden; display:block;}
.fp-section.fp-table, .fp-slide.fp-table{ overflow:hidden;}
.star{ position: fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.leftbox{ position:absolute; left:0; width:50%; height:100%; top:0;}
.leftbox img{ position:absolute; right:-50%; top:0; height:100%;}
.rightbox{ position:absolute; right:0; width:50%; height:100%; top:0;}
.rightbox img{ position:absolute; left:-50%; top:0; height:100%;}
/* loading*/
@-moz-keyframes a100 {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(180deg); }
}
@-webkit-keyframes a100 {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(180deg); }
}
@-ms-keyframes a100 {
	0% { -ms-transform:rotate(0deg); }
	100% { -ms-transform:rotate(180deg); }
}
@-moz-keyframes b50 {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(90deg); }
}
@-webkit-keyframes b50 {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(90deg); }
}
@-ms-keyframes b50 {
	0% { -ms-transform:rotate(0deg); }
	100% { -ms-transform:rotate(90deg); }
}
@-moz-keyframes b100 {
	0% { -moz-transform:rotate(90deg); }
	100% { -moz-transform:rotate(180deg); }
}
@-webkit-keyframes b100 {
	0% { -webkit-transform:rotate(90deg); }
	100% { -webkit-transform:rotate(180deg); }
}
@-ms-keyframes b100 {
	0% { -ms-transform:rotate(90deg); }
	100% { -ms-transform:rotate(180deg); }
}
.loader2{ position:absolute; width:120px; height:120px; left:50%; top:50%; margin-left:-63px; margin-top:-63px; display:block; z-index:3;}
.loader2 .btn{ position:absolute; left:0; top:0; width:100%; height:100%; display:none; z-index:99;}
.loader2 .pic{ position:absolute; left:4px; top:4px; z-index:3; width:112px; height:112px; background:#fff  no-repeat center center; border-radius:100%;}
.aa,.bb{ width:120px; height:120px; background-color:#f2f2f2; box-shadow: 0 0 10px #f2f2f2;  border-radius:100%; position:absolute; display:none\9; }
.a01,.a001{clip:rect(0px,120px,120px,60px);}
.b01,.b02,.b001,.b002{clip:rect(0px,60px,120px,0px);}
.a01{-moz-animation:a100 2s linear;-webkit-animation:a100 2s linear;-ms-animation:a100 2s linear;
-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.a001{-moz-animation:a100 0.5s linear;-webkit-animation:a100 0.5s linear;-ms-animation:a100 0.5s linear;
-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.b01{-moz-animation:b50 20s linear;-webkit-animation:b50 20s linear;-ms-animation:b50 20s linear;
-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.b001{-moz-animation:b50 0.5s linear;-webkit-animation:b50 0.5s linear;-ms-animation:b50 0.5s linear;
-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.b02{-moz-animation:b100 .5s linear;-webkit-animation:b100 .5s linear;-ms-animation:b100 .5s linear;
-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.b002{-moz-animation:b100 .3s linear;-webkit-animation:b100 .3s linear;-ms-animation:b100 .3s linear;
-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.hold { width:120px; height:120px; position:absolute; z-index:1; }
.hold1 { clip:rect(0px,120px,120px,60px); }
.hold2 { clip:rect(0px,60px,120px,0px); }
.loader2 .bg { width:120px; height:120px; background-color:#ff8000; border-radius:100%; position:absolute; margin:0px; display:none\9;  }

.zz{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background: repeat; opacity:1;}
.po{ position:absolute; left:0; top:0; width:100%;}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.page2 .time{ text-align:left; font-size:18px; padding-top:50px; text-indent:43px;}
.page2 .timebox{ position:absolute; right:100px; bottom:100px; width:120px; height:120px; z-index:8; color:#fff; font-size:13px; margin-bottom:-50px; display:none; }
.page2 .timebox b{ position:absolute; left:0; top:0; width:120px; height:120px;  background: no-repeat center center; background-size:100%; -webkit-animation: rotate 12s linear infinite;animation: rotate 12s linear infinite;}
.page2 .img{ z-index:9;}
.page2 .txt{ position:absolute; left:8%; bottom:12%;  z-index:9; background: no-repeat left top ;padding-top:82px; color:#fff; font-size:13px; line-height:22px; width:390px; margin-bottom:-80px; display:none;}
.page2 .nn{ display:none; position:absolute; left:0; top:0;}

.page3 .img{ z-index:9; position:absolute; left:62%; top:58%; width:800px; height:460px; margin:-230px 0 0 -400px; top:65%; display:none;}
.page3 .nn{ margin-top:-80px; position:absolute; left:0; top:0; display:none;}
.page3 .n1{ margin-top:-80px;}
.page3 .zz{opacity:1;}
.page3 .txt{ position:absolute; left:26%; top:50%; margin-top:-60px; margin-left:-240px; z-index:9; background: no-repeat left top ;padding-top:120px; color:#000; font-size:13px; line-height:22px; width:238px; left:30%; display:none;}
.page3 .n4,.page3 .n3{ left:-12%; display:none;}

.page4 .img{ z-index:9; left:-5%; display:none;}
.page4 .txt{ position:absolute; left:12%; top:50%; margin-top:-40px; z-index:9; background: no-repeat left top ;padding-top:120px; color:#fff; font-size:13px; line-height:22px; width:238px; left:15%; display:none;}
.page4 .g1{ left:-2%;}
.page4 .g3{ left:0px;}
.page4 .g4{ left:0px;}
.page4 .g2{ left:0;}
.page3 .zz{opacity:1;}

.page4 .g01,.page4 .g02,.page4 .g03,.page4 .g04,.page4 .g05,.page4 .g06{ left:0;}


.page6,.page7,.page8,.propage{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:21; display:none;}
.page6 .close,.page7 .close,.page8 .close,.propage .close{ position:absolute; left:50%; top:0px; background: no-repeat center center; width:52px; height:52px; margin-left:-26px; z-index:9; cursor:pointer; opacity:0; z-index:99;}
.page5 .img{ z-index:9; display:none;}
.page5 .txt{ position:absolute; left:76%; top:35%; z-index:9; background: no-repeat left top ;padding-top:82px; color:#000; font-size:13px; line-height:22px; width:238px; top:32%; display:none;}

.page6 .img{ z-index:9; display:none;transform: scale(0.6); -webkit-transform: scale(0.6);}
.page6 .txt{ position:absolute; left:72%; top:auto; z-index:9; background: no-repeat left top ;padding-top:82px; color:#000; font-size:13px; line-height:22px; width:221px; bottom:10%; display:none;}

.page6 .dh{-webkit-animation:big 0.8s linear; animation:big 0.8s linear; transform:scale(1);-webkit-transform:scale(1);}
@keyframes big{
	0% {transform: scale(0.6);}
	30% {transform:scale(1.1);}
	50% {transform:scale(0.95);}
	70% {transform:scale(1.03);}
	80% {transform:scale(0.97);}
	90% {transform:scale(1.02);}
	100% {transform:scale(1);}
}

@-webkit-keyframes big{
	0% {-webkit-transform: scale(0.6);}
	30% {-webkit-transform:scale(1.1);}
	50% {-webkit-transform:scale(0.95);}
	70% {-webkit-transform:scale(1.03);}
	80% {-webkit-transform:scale(0.97);}
	90% {-webkit-transform:scale(1.02);}
	100% {-webkit-transform:scale(1);}
}



.page7 .img{ z-index:9;}
.page7 .img .po{display:none;}
.page7 .txt{ position:absolute; left:62%; top:20%; z-index:9; background: no-repeat left top ;padding-top:82px; color:#000; font-size:13px; line-height:22px; width:250px; top:18%; display:none;}

.page8 .box{ position:absolute; width:900px; height:504px; left:50%; top:50%; margin-left:-450px; margin-top:-210px; z-index:9;}
.page8 .box .img{ width:606px; position:absolute; left:-12%; top:-20px; left:-16%; display:none;} 
.page8 .box .txt b{position:absolute; left:-30%; top:-38%; width:400px; height:600px; z-index:2; display:none;}
.page8 .box .txt{  width:233px;  color:#fff; font-size:13px; line-height:22px; position:absolute; right:3%; bottom:5%; right:-2%; display:none; }
.page8 .box .txt .ttt{ position:relative; z-index:3;background: no-repeat left top; padding-top:75px;}


.page9 .txt{ position:absolute; right:8%; top:50%; margin-top:0px; z-index:9; background: no-repeat left top ;padding-top:80px; color:#fff; font-size:13px; line-height:22px; width:448px; margin-top:30px;display:none;}

.page1{ position:fixed; z-index:9;} 
.step3 .page1{ position: absolute;}
.z10{ z-index:10;}
.page1 .txt{ background: no-repeat; width:397px; height:72px; position:absolute; left:59%; top:17%; margin-top:-30px; display:none; z-index:9;}
.page1 .jt{ position:absolute; left:50%; width:24px; margin-left:-12px; bottom:1.2%; z-index:9;}
.vlist{ position:absolute; width:660px; left:50%; margin-left:-330px; bottom:6%; margin-bottom:-30px; display:none; z-index:9;}
.vlist li{ float:left; margin:0 10px; width:200px; cursor:pointer; color:#fff; text-align:center; font-size:14px; padding-top:8px;}
.dv{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.9); z-index:999; display:none;}
.dv .close{ position:absolute; right:30px; top:30px; width:60px; height:60px; background:  no-repeat center center; z-index:9; cursor:pointer;}
.dv .video{ width:800px; height:600px; position:absolute; left:50%; top:50%; margin-left:-400px; margin-top:-300px;}

.page1after .itembox{ top:100%;}
.itembox,.yuan{ position:absolute; left:0; top:0; width:100%; height:100%;}
.itembox .item{ float:left; width:25%; height:100%; position:relative;background: repeat; opacity:0.75; cursor:pointer;}
.itembox .item .line{ position:absolute; right:0; top:0; width:1px; height:100%; background:#807d7c; background:rgba(255,255,255,0.2);}
.itembox .item:hover{opacity:1;}

.itembox .item .icon{ width:125px; height:125px; position:absolute; left:50%; top:50%; margin:-62.5px 0 0 -62.5px;  z-index:9; display:none; }
.itembox .item .icon b,.itembox .item .icon i,.yuan .yy .c{width:125px; height:125px; position:absolute; left:0; top:0; background: no-repeat center center; background-size:100px; opacity:0;}
.itembox .item .n2 b{background: no-repeat center center; background-size:100px;}
.itembox .item .n3 b{background: no-repeat center center; background-size:100px;}
.itembox .item .n4 b{background: no-repeat center center; background-size:100px;}
.itembox .item .icon i,.yuan .yy .c{ opacity:1;background: no-repeat center center;background-size:90px; transform-origin:50% 50%;}
.yuan .yy .c{left:50%; top:50%; margin:-62.5px 0 0 -62.5px;  z-index:11; }
.yuan{ z-index:3; display:none;}
.yuan .yy{ position:absolute; left:0; top:0; height:100%; width:25%;}
.yuan .y2{ left:25%;}
.yuan .y3{ left:50%;}
.yuan .y4{ left:75%;}
.yuan .yy{ left:37.5%;}
.page1after .tip{ background: no-repeat; width:32px; height:32px; position:absolute; left:50%; margin-left:-16px; bottom:18px; z-index:19; display:none;}

.itembox .item .icon p{ position:absolute; width:180px; font-size:16px; color:#fff; text-align:center; left:-27.5px; bottom:-34px;}
.dh .item .icon i,.dh .item .icon b{-webkit-animation:tip 3s infinite linear; animation:tip 3s infinite linear;}
.itembox .item .n2 i,.itembox .item .n2 b{animation-delay:0.3s; -webkit-animation-delay:0.3s;}
.itembox .item .n4 i,.itembox .item .n4 b{animation-delay:0.5s; -webkit-animation-delay:0.5s;}
.itembox .t1{ top:20%;}
.itembox .t2{ top:40%;}
.itembox .t3{ top:60%;}
.itembox .t4{ top:90%;}

.itembox .item:hover b{opacity:1;background-size:125px; animation-play-state:paused; -webkit-animation-play-state:paused;}
.itembox .item:hover .icon i{ background: no-repeat center center;background-size:125px; animation-play-state:paused; -webkit-animation-play-state:paused;}


.itembox .item,.itembox .item:hover{-moz-transition:all .5s linear; -webkit-transition:all .5s linear; transition:all .5s linear;}
.itembox .item:hover .icon i,.itembox .item .icon i
.itembox .item:hover b,.itembox .item b{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}
@keyframes tip{
	0% {transform: scale(1) ;}
	70% {transform:scale(0.75);}
	100% {transform:scale(1);}
}

@-webkit-keyframes tip{
	0% {-webkit-transform: scale(1);}
	70% {-webkit-transform:scale(0.75);}
	100% {-webkit-transform:scale(1s);}
}

.page1after .tip,.page1 .jt{-webkit-animation:tip2 1s infinite linear; animation:tip2 1s infinite linear;}
@keyframes tip2{
	0% {transform: translate(0px,-8px);}
	70% {transform:translate(0,0);}
	100% {transform:translate(0,-8px);}
}
@-webkit-keyframes tip2{
	0% {-webkit-transform: translate(0px,-8px);}
	70% {-webkit-transform:translate(0,0);}
	100% {-webkit-transform:translate(0,-8px);}
}

.page1 .bgimg{ position: absolute; left:0; top:0; width:100%; height:100%;}
.page1 .bgimg .bg{ float:left; width:25%; height:100%;}

{-webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;}
.bgpic{ float:left;}

.tipmain{height: 40px;background: #fff; width: 100%; position: fixed; z-index: 9999;left: 0;bottom: 0; text-align:center; font-size:13px; line-height:40px;}
.tipmain .close{ position:absolute; right:10px; top:0; width:40px; height:40px; text-align:center; font-family:arial, helvetica, sans-serif; color:#bc9882; cursor:pointer; font-weight:normal; font-size:18px;}

.allpro{ text-align:center; padding-top:100px;}
.golbalpage { width: 100%;  overflow: auto;  overflow-x: hidden;}

.innerbox{ font-size:13px;}
.innerbox p{ display:none;}
.innerbox{ border-top:1px solid #ff8300; width:336px;}
.innerbox .tinfo{border-bottom:1px solid #ff8300; cursor:pointer;}
.innerbox .tinfo h3{ height:36px; line-height:36px; background: no-repeat left center; padding-left:18px; font-weight:normal; font-size:15px; }
.innerbox .tinfo p{ padding:0px 0 18px 18px; opacity:0.85;}


.page2 .tiptxt,.page5 .tiptxt{ position:absolute; left:20px; bottom:20px; z-index:9; color:#fff; margin-bottom:-30px; display:none; opacity:0.5; font-size:12px;}
.page3 .innerbox{ width:265px;}
.page4 .innerbox{ width:260px;}
.page5 .innerbox{ width:290px;}
.page5 .zi{ font-size:13px; width:280px; margin-bottom:18px;}
.page5 .icon{ background: no-repeat left center; height:21px; line-height:21px; font-size:14px; opacity:0.2; color:#fff;position:absolute; left:20%; bottom:20%; z-index:9; display:none; padding-left:20px;}

.page6 .zi{ font-size:13px; width:280px; margin-bottom:18px;}
.page6 .innerbox{ width:280px;}
.page7 .innerbox{ width:250px;}
.page8 .zi{ font-size:13px; width:280px; margin-bottom:18px;}
.page8 .innerbox{ width:250px;}

.page8 .box .gif .po{ opacity:0.5;}
.pao{ display:none;}
.paodh img{-webkit-animation:pao 2s infinite linear; animation:pao 2s infinite linear;}
.paodh .q2,.paodh .q6{animation-delay:0.8s; -webkit-animation-delay:0.8s;}
.paodh .q4,.paodh .q8{animation-delay:1.2s; -webkit-animation-delay:1.2s;}
@keyframes pao{
	0% {transform: scale(1) ;}
	70% {transform:scale(0.98);}
	100% {transform:scale(1);}
}

@-webkit-keyframes pao{
	0% {-webkit-transform: scale(1);}
	70% {-webkit-transform:scale(0.98);}
	100% {-webkit-transform:scale(1s);}
}