html,body{position:relative;margin:0 auto;width:100%;height:100%;max-width:750px}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.abs{position:absolute}.center{left:0;right:0;margin:auto}#rotate{position:fixed;top:40px;right:40px;z-index:999;width:40px;height:40px;background-image:url(../images/mu.png);background-repeat:no-repeat;background-size:100% auto;-webkit-tap-highlight-color:rgba(255,0,0,0)}.rotate_ani{-webkit-animation:rotating 3s linear 0s infinite;-moz-animation:rotating 3s linear 0s infinite;-ms-animation:rotating 3s linear 0s infinite;animation:rotating 3s linear 0s infinite}@-webkit-keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10}.loading .loading_bg{width:750px;position:absolute;top:0;left:0}.loading .timeline{position:absolute;top:830px;left:0;right:0;text-align:center;font-size:24px;color:#fffbf3;font-family:"微软雅黑"}.container{position:relative;margin:0 auto;width:750px;overflow:hidden;opacity:0}.imgs{position:relative;width:750px;background:url(../images/bg.jpg) no-repeat;background-size:100% auto}.part{position:relative;width:100%}.part img{-webkit-tap-highlight-color:transparent;position:absolute;opacity:0}.part div{position:absolute}.part .line{position:absolute;bottom:60px;opacity:1}.part1{height:3400px}.part1 .topic0{top:460px;left:0}.part1 .topic0.active{animation:fadeIn 1.5s linear .3s forwards}.part1 .topic1{top:195px;left:200px}.part1 .topic1.active{animation:fadeIn 1.5s linear .7s forwards}.part1 .topic2{top:500px;left:290px}.part1 .topic2.active{animation:fadeIn 2s linear 1.3s forwards}.part1 .p1-1{top:1130px;left:50px}.part1 #p1-1{top:1130px}.part1 .p1-2{top:1789px;left:205px}.part1 #p1-2{top:1789px}.part1 .p1-3{top:2480px;left:80px}.part1 #p1-3{top:2480px}.part1 #p1-4{top:2905px}.part1 .p1-4{top:2905px;left:80px}.part1 .arr{top:940px}.part1 .arr.active{-webkit-animation:arrMove 2s linear 1s 5;animation:arrMove 2s linear 1s 5}.part2{height:5500px}.part2 .p2-1,.part2 #p2-1{top:50px}.part2 .p2-2,.part2 #p2-2{top:530px}.part2 .p2-3,.part2 #p2-3{left:73px;top:830px}.part2 .p2-4,.part2 #p2-4{left:73px;top:1035px}.part2 .p2-5,.part2 #p2-5{left:-126px;top:1225px}.part2 .p2-6{left:275px;top:1530px}.part2 #p2-6{top:1225px}.part2 .p2-7{right:-200px;top:1858px}.part2 #p2-7{top:1600px}.part2 .p2-8{top:2150px}.part2 #p2-8{top:2100px}.part2 .p2-9{left:-167px;top:2352px}.part2 #p2-9{top:2352px}.part2 .p2-9-1{right:-167px;top:2352px}.part2 #p2-9-1{top:2352px}.part2 .p2-10{right:-200px;top:2646px}.part2 #p2-10{top:2500px}.part2 .p2-11{left:53px;top:2900px}.part2 #p2-11{top:2900px}.part2 .p2-12{right:-160px;top:3348px}.part2 #p2-12{top:3100px}.part2 .p2-12-1{left:-160px;top:3100px}.part2 #p2-12-1{top:3100px}.part2 .p2-13{left:42px;top:3786px}.part2 #p2-13{top:3600px}.part2 .p2-14{left:180px;top:3910px}.part2 #p2-14{top:3910px}.part2 .p2-15{left:130px;top:4117px}.part2 #p2-15{top:4117px}.part2 .p2-16{left:37px;top:4482px}.part2 #p2-16{top:4482px}.part2 .p2-17{left:55px;top:4666px}.part2 #p2-17{top:4666px}.part2 .p2-18{left:-168px;top:4870px}.part2 #p2-18{top:4870px}.part2 .p2-18-1{right:-168px;top:4870px}.part2 #p2-18-1{top:4870px}.part2 .p2-19{left:128px;top:5280px}.part2 #p2-19{top:5280px}.part3{height:3536px}.part3 .p3-1,.part3 #p3-1{top:0}.part3 .p3-2,.part3 #p3-2{left:93px;top:545px}.part3 .p3-3,.part3 #p3-3{left:100px;top:725px}.part3 .p3-4,.part3 #p3-4{top:914px}.part3 .p3-5,.part3 #p3-5{left:-200px;top:1219px}.part3 .p3-6,.part3 #p3-6{left:58px;top:1430px}.part3 .p3-7{right:-170px;top:1775px}.part3 #p3-7{top:1625px}.part3 .p3-7-1{left:-170px;top:1625px}.part3 #p3-7-1{top:1625px}.part3 .p3-8,.part3 #p3-8{left:64px;top:2393px}.part3 .p3-9,.part3 #p3-9{top:2610px}.part3 .p3-10,.part3 #p3-10{top:2805px}.part3 .p3-11,.part3 #p3-11{left:-200px;top:3135px}.part4{height:5000px}.part4 .p4-1,.part4 #p4-1{top:20px}.part4 .p4-2,.part4 #p4-2{top:556px}.part4 .p4-3,.part4 #p4-3{top:700px}.part4 .p4-4{left:-160px;top:895px}.part4 #p4-4{top:895px}.part4 .p4-4-1{right:-160px;top:1130px}.part4 #p4-4-1{top:895px}.part4 .p4-5{left:-200px;top:1400px}.part4 #p4-5{top:1200px}.part4 .p4-6,.part4 #p4-6{top:1600px}.part4 .p4-7,.part4 #p4-7{left:73px;top:1792px}.part4 .p4-8,.part4 #p4-8{left:273px;top:2195px}.part4 .p4-9{left:73px;top:2540px}.part4 #p4-9{top:2195px}.part4 .p4-10,.part4 #p4-10{top:2830px}.part4 .p4-11{top:3360px;right:-160px}.part4 #p4-11{top:3135px}.part4 .p4-11-1{top:3135px;left:68px}.part4 #p4-11-1{top:3135px}.part4 .p4-12{left:-210px;top:3685px}.part4 #p4-12{top:3100px}.part4 .p4-13,.part4 #p4-13{top:3947px}.part4 .p4-14{left:-160px;top:4220px}.part4 #p4-14{top:4155px}.part4 .p4-14-1{right:-160px;top:4155px}.part4 #p4-14-1{top:4155px}.part4 .p4-15{right:30px;top:4740px}.part4 #p4-15{top:4250px}.part5{height:781px}.part5 .p5-1{top:260px;opacity:1;width:553px;height:0;background:url(../images/5-1.png) no-repeat;background-size:100% auto}.part5 #p5-1{top:0}.nameBox{position:absolute;bottom:0;left:0;right:0;background:#533c30}@keyframes arrMove{0{opacity:0;transform:translateY(0)}45%{opacity:1;transform:translateY(-60px)}90%{opacity:0;transform:translateY(-120px)}100%{opacity:0;transform:translateY(0)}}