/* Html5 Reset */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;border:0;}
body{margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a {background:transparent;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
h1{font-size:2em;margin:.67em 0;}
img{border:0;}
menu,ol,ul{padding:0;list-style:none;list-style-image:none;}
.vh{visibility:hidden;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,menu,figure,blockquote,p,pre,form{margin:0;}
.hidden{display:none;}

body,html{background:#fff;font-family:"Heiti SC",Helvetica;width:100%;height:100%;-webkit-overflow-scrolling:touch;}
html{font-size:62.5%;line-height:1.8;}
body{font-size:1.4rem;}

.loading-container,.page-container,.page{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}

.loading-container{z-index:2;background-image:url(../img/loading-bg.jpg);background-size:cover;}
.loading-container .loading{position:absolute;width:70%;left:15%;top:20%;text-align:center;}
.loading-container .loading img{width:100%;vertical-align:top;}
.loading-container .loading img.loading-btn{width:65%;margin:20px auto;display:none;}
.loading-container .loading img.loading-btn-move{-webkit-animation:pulse 1s infinite both;animation:pulse 1s infinite both;}
.loading-inner{text-align:center;}

.page-container{z-index:1;}

.page-container{position:absolute;left:0;top:0;width:640px;height:1136px;-webkit-transform-origin:0 0;transform-origin:0 0;overflow:hidden;background-color:#000;}
.page{display:none;opacity:0;}
.page.current{display:block;}

/**/
.web-title{position:absolute;left:50%;top:40%;width:570px;height:300px;margin-left:-285px;-webkit-transition:all 1s linear;transition:all 1s linear;}
.web-title.move{/*-webkit-transform:translate3d(0,-140%,0);transform:translate3d(0,-140%,0);*/top:5%;}
.web-title i{position:absolute;display:block;opacity:0;overflow:hidden;background-image:url(../img/cover-title.png);overflow:hidden;text-indent:-200px;}
.current i.wt-1{left:0;top:35px;width:123px;height:120px;background-position:-137px 0;-webkit-animation:fadeIn 1s 2s forwards;animation:fadeIn 1s 2s forwards;}
.current i.wt-2{left:118px;top:86px;width:84px;height:100px;background-position:-137px -122px;-webkit-animation:fadeIn 1s 2.8s forwards;animation:fadeIn 1s 2.8s forwards;}
.current i.wt-3{left:203px;top:24px;width:118px;height:118px;background-position:-262px 0;-webkit-animation:fadeIn 1s 3.8s forwards;animation:fadeIn 1s 3.8s forwards;}
.current i.wt-4{left:318px;top:46px;width:113px;height:109px;background-position:-382px 0;-webkit-animation:fadeIn 1s 4.8s forwards;animation:fadeIn 1s 4.8s forwards;}
.current i.wt-5{left:435px;top:0;width:135px;height:184px;background-position:0 0;-webkit-animation:fadeIn 1s 5.8s forwards;animation:fadeIn 1s 5.8s forwards;}

.p1{background-image:url(../img/cover-bg-black.jpg);background-size:cover;background-position:0 100%;}
.p1 .shade{position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:url(../img/cover-bg-colour.jpg);background-size:cover;background-position:0 100%;opacity:0;}
.current .shade{-webkit-animation:fadeIn 1s .5s forwards;animation:fadeIn 1s .5s forwards;}
.current .zoomOut{opacity:1;-webkit-transform-origin:25% 100%;transform-origin:25% 100%;-webkit-animation:zoomOut 4.5s forwards;animation:zoomOut 4.5s forwards;}
.cover-person{position:absolute;left:50%;bottom:180px;}
.cover-person .person-area{opacity:0;position:absolute;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
.cover-person .person{position:static;}
.cover-person .pb{left:0;bottom:0;height:412px;}
.cover-person .pb .go-start{background-position:-956px -549px;}
.cover-person .px{left:-148px;bottom:8px;height:466px;}

/**/
.p2{background-image:url(../img/cover-bg-colour.jpg);background-position:25% 100%;background-repeat:no-repeat;background-size:260% 260%;}
.mobile-phone{position:absolute;left:0;bottom:-50px;width:624px;height:1015px;background:url(../img/mobile-phone.png);opacity:0;}
.mobile-btn{width:171px;height:51px;margin:515px 0 0 236px;background-image:url(../img/mobile-btn.png);}
.current .mobile-phone{-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards;}
.current .mobile-btn{-webkit-animation:pulse 1s infinite both;animation:pulse 1s infinite both;}

/**/
.p3{background-color:#ebebeb;overflow:hidden;}
.wx-area{min-height:96%;position:absolute;left:0;bottom:4%;}
.wx-area .wx-list{position:relative;margin:0 125px;margin-top:40px;min-height:82px;}
.wx-area .wx-list:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.wx-area .wx-list{zoom:1} 
.wx-area .wx-list .wx-head-img{width:82px;height:82px;position:absolute;top:0;left:-105px;}
.wx-area .wx-list p{position:relative;display:block;float:left;padding:20px 20px;border-radius:10px;background-color:#fafafa;border:solid 1px #ccc;font-size:28px;line-height:40px;}
.wx-area .wx-list p i{position:absolute;display:block;left:-15px;top:28px;width:15px;height:20px;background-image:url(../img/wx-list-jiao.png);}
.wx-area .wx-list p img{vertical-align:top;width:34px;}
.wx-area .wx-list p .wx-news-img{width:260px;}
.wx-area .wx-list em{display:block;width:100%;font-style:normal;font-size:20px;color:#666;}
.wx-area .wx-list.my-message{}
.wx-area .wx-list.my-message img{left:auto;right:-105px;}
.wx-area .wx-list.my-message p{float:right;background-color:#9ce553;border:solid 1px #7ac754;}
.wx-area .wx-list.my-message p i{left:auto;right:-15px;width:15px;height:24px;background-image:url(../img/wx-list-jiao1.png);}
.warping-img{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/p3-txt.jpg);background-size:100% auto;background-position:0 100%;display:none;}
.current .flicker-show{display:block;}

/**/
.p4{background:url(../img/modern-bg.jpg) no-repeat 50% 0;background-size:cover;}
.bomb{position:absolute;left:50%;bottom:0;margin-left:-410px;width:820px;height:774px;background-image:url(../img/bomb.png);opacity:0;}
.current .bomb{-webkit-animation:bounceIn 1s 2s forwards;animation:bounceIn 1s 2s forwards;}
.p4-title,.p4-title .g20{position:absolute;background-image:url(../img/web-title.png);opacity:0;}
.p4-title{width:571px;height:185px;left:50%;top:30px;margin-left:-285px;background-position:0 0;}
.p4-title .g20{width:357px;height:95px;background-position:0 -187px;left:50%;bottom:-100px;margin-left:-178px;}
.current .p4-title{-webkit-animation:fadeIn 1.5s 1s forwards;animation:fadeIn 1.5s 1s forwards;}
.current .p4-title .g20-show{-webkit-animation:fadeInTop 1s forwards;animation:fadeInTop 1s forwards;}
.p4-person{position:absolute;left:50%;bottom:205px;height:470px;opacity:0;}
.current .p4-person{-webkit-animation:fadeIn 1s 2.5s forwards;animation:fadeIn 1s 2.5s forwards;}
.p4-person .person{bottom:0;}
.p4-person .person span{position:absolute;bottom:-80px;width:117px;height:51px;opacity:0;-webkit-animation:fadeIn 1s 4.5s forwards;animation:fadeIn 1s 4.5s forwards;}
.p4-person .person i{bottom:0;}
.p4-person .person-bsz{left:-180px;bottom:-5px;}
/*.p4-person .person-bsz i{left:55px;bottom:-75px;}*/
.p4-person .person-bsz span{left:55px;bottom:-75px;}
.p4-person .person-xq{left:-306px;}
.p4-person .person-xq span{left:30px;}
.p4-person .person-fh{left:50px;}
.p4-person .person-fh span{left:120px;}
.p4-person .person-xx{left:10px;}
.p4-person .person-xx span{left:20px;}
.current .p4-person .person i.move{-webkit-animation:pulse 1s both;animation:pulse 1s both;}

/**/
.p5{background-color:#030009;background-image:url(../img/p5-bg.jpg);background-size:cover;background-position:50% 50%;}
.tv{position:absolute;left:50%;top:50%;width:458px;height:413px;margin-left:-229px;margin-top:-206px;background-image:url(../img/tv-bg.png);-webkit-animation:zoomIn .8s 1s forwards;animation:zoomIn .8s 1s forwards;}
.starry{position:absolute;left:0;top:0;right:0;bottom:0;background-image:url(../img/p5-bg.jpg);background-size:cover;background-position:50% 50%;}
.starry.starry-0{}
.starry.starry-1{-webkit-transform:rotate3d(1,0,0,180deg);transform:rotate3d(1,0,0,180deg);}
.starry.starry-2{-webkit-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg);}
.starry.starry-3{-webkit-transform:rotate3d(0,1,0,180deg);transform:rotate3d(0,1,0,180deg);}

/**/
.p6{background:url(../img/bg-bsz.jpg) no-repeat 50% 50%;background-size:cover;}
.leader-area,.support-area{position:absolute;left:0;right:0;background-color:rgba(0,0,0,.7);}
.leader-area{top:0;border-bottom:solid 1px #b7b7b7;opacity:0;}
.current .leader-area{-webkit-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards;}
.leader-area .person{top:50px;}
	/**/
.leader-area .person-bsz{left:-55px;/*;width:447px;height:547px;*/width:380px;height:465px;background-position:0 0;background-size:1140px auto;}
.leader-area .person-bsz-wink{/*background-position:-449px 0;*/background-position:-382px 0;}
.leader-area .person-bsz-smiling{/*background-position:-898px 0;*/background-position:-764px 0;}
	/**/
.leader-area .person-xq{left:50px;width:250px;height:535px;background-position:0 0;}
.leader-area .person-xq-proud{background-position:-251px 0;}
.leader-area .person-xq-tired{background-position:-503px 0;}
.leader-area .person-xq-excited{background-position:-755px 0;}
	/**/
.leader-area .person-fh{left:-55px;width:404px;height:602px;background-position:0 0;}
	/**/
.leader-area .person-xx{left:30px;width:308px;height:571px;background-position:0 0;}
.leader-area .person-xx-confident{background-position:0 -573px;}
.leader-area .person-xx-shouting{background-position:0 -1146px;}
.support-area{bottom:0;border-top:solid 1px #b7b7b7;}
.support-area .person{bottom:70px;right:0;}
	/**/
.support-area .person-bsz{}
.support-area .person-bsz-kissing{background-position:0 -549px;}
.support-area .person-bsz-devious{background-position:-239px -549px;}
.support-area .person-bsz-relaxed{background-position:-478px -549px;}
	/**/
.support-area .person-xq{background-position:0 -537px;}
.support-area .person-xq-proud{background-position:-270px -537px;}
.support-area .person-xq-laughing{background-position:-539px -537px;}
.support-area .person-xq-fruious{background-position:-808px -537px;}

	/**/
.support-area .person-fh{}
	/**/
.support-area .person-xx{background-position:-310px -1484px;}
.support-area .person-xx-sour{background-position:-310px 0;}
.support-area .person-xx-happy{background-position:-310px -371px;}
.support-area .person-xx-talking{background-position:-310px -742px;}
.support-area .person-xx-fakesmile{background-position:-310px -1113px;}
.leader-area p,.support-area p{display:block;padding:30px;font-size:33px;color:#fff;}
.leader-area p{padding-left:320px;padding-right:30px;}
.support-area p{padding-left:30px;padding-right:280px;}
.dialog{position:absolute;left:0;top:0;right:0;bottom:0;}
	/**/
.scenery{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/bg-bsz.jpg) no-repeat 50% 50%;background-size:cover;display:none;}
.scenery.show{display:block;}
.auto-phone{position:absolute;left:50px;top:100px;width:508px;height:1032px;background:url(../img/auto-phone.png) no-repeat 50% 50%;opacity:0;}
.auto-photo{position:absolute;left:115px;top:76px;width:306px;height:554px;background-size:cover;background-position:50% 50%;}
.auto-photo-1{background-image:url(../img/photo-1.jpg);}
.auto-photo-2{background-image:url(../img/photo-2.jpg);}
.auto-photo-3{background-image:url(../img/photo-3.jpg);}
.scenery.show .auto-phone{-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards;}
.flash-lamp{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:0;}
.flash-lamp.flicker{-webkit-animation:fadeOut .5s forwards;animation:fadeOut .5s forwards;}
	/**/
.pop-img{position:absolute;left:50%;margin-left:-232px;top:25%;width:465px;display:none;}
.pop-img img{width:465px;vertical-align:top;}
.pop-img-show{display:block;}
.pop-img-show img{-webkit-animation:flipInY 1s forwards;animation:flipInY 1s forwards;}

.cover{}
.cover-wrap{position:absolute;left:50%;top:45%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}

/**/
.person{position:absolute;background-repeat:no-repeat;}
.person i{position:absolute;bottom:-80px;width:117px;height:51px;background-image:url(../img/person-name.png);background-repeat:no-repeat;display:block;}
.person-bsz{width:237px;height:386px;background-image:url(../img/p-bsz.png);background-position:-717px -549px;}
.person-bsz i{background-position:-119px 0;}
.person-xq{width:267px;height:437px;background-image:url(../img/p-xq.png);background-position:0 -537px;}
.person-xq i{background-position:0 0;}
.person-fh{width:271px;height:391px;background-image:url(../img/p-fh.png);background-position:0 -604px;}
.person-fh i{background-position:-357px 0;}
.person-xx{width:209px;height:369px;background-image:url(../img/p-xx.png);background-position:-310px -1484px;}
.person-xx i{background-position:-238px 0;}

/**/
.p7{background-image:url(../img/cover-bg-colour.jpg);background-size:cover;background-position:0 100%;}
.foot-title{width:547px;height:33px;background-image:url(../img/foot-title.png);margin:130px auto 70px;}
.foot-logo{width:439px;height:111px;background-image:url(../img/foot-logo.png);margin-left:130px;margin-bottom:20px;}
.foot-qr-area{margin-bottom:40px;text-align:center;}
.foot-qr-area img{width:34%;vertical-align:top;margin:0 5%;}
.foot-txt{width:279px;height:127px;background-image:url(../img/foot-txt.png);margin:0 auto;margin-bottom:60px;}
.foot-btn-area{width:534px;height:68px;margin:0 auto;}
.foot-btn-return{width:197px;height:68px;margin:0 35px;background-image:url(../img/foot-btn-1.png);float:left;}
.foot-btn-share{width:197px;height:68px;margin:0 35px;background-image:url(../img/foot-btn-2.png);float:left;}

.share-page{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);background-image:url(../img/share-bg.png);background-repeat:no-repeat;background-size:100% auto;background-position:50% 5%;display:none;}
.h-bg{display:block;}

.hint{display:none;position:absolute;right:10px;bottom:5px;width:60px;height:60px;background:url(../img/hint.png) no-repeat 50% 50%;background-size:contain;}
.hint .hand-move{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/hint-move.png) no-repeat 50% 50%;background-size:contain;}
.current .hint .hand-move{-webkit-animation:upDown 1s infinite both;animation:upDown 1s infinite both;}
.hint-show .hint{display:block;}
@media only screen and (min-width:640px){
    
}