.yhb{font-family:"Microsoft YaHei","SimHei";font-weight:bold}
body{overflow:hidden}
.main-wrap{font:normal 14px "Microsoft YaHei","YouYuan"}
.fp-tableCell{visibility:hidden}
.section{width:100%;height:100%;overflow:hidden;position:relative;background:#01273f}
.section .sect_bg{visibility:visible}
.section .sect_bg img{width:100%;height:100%}
.section1 img{width:100%}
.section1 div{position:absolute}
.section1 .text{color:#fff;font-size:1.3rem;font-family:"YouYuan"}
.section1 .text .doll{display:inline-block;width:.4rem;height:.4rem;background-color:#fff;border-radius:.4rem;margin:.6rem 1rem 0 0;float:left}
.section1 .text p{width:14rem;float:left}
.section2 img{width:100%}
.section2 div{position:absolute}
.section2 .shineball{width:.7rem;height:.7rem;background-color:#7ccad3;border-radius:.7rem;box-shadow:#fff 0 0 10px;background:radial-gradient(#d6fbff 10%,#7ccad3 90%,#b8f5fc 20%)}
.section2 .text{width:90%;margin:0 5%;font-size:1.15rem;color:#fff}
.section2 .text div{position:relative}
.section2 .text .flows{width:100%}
.section2 .line{position:relative}
.section2 .icon-wrap{position:relative}
.section2 .icon-wrap .iphone-ico{position:absolute;top:45%;left:45%}
.section3 img{width:100%}
.section3 div{position:absolute}
.section3 .fire-wrap{background:url(../images/sect3_bg_1_0.png) center no-repeat;background-size:cover;width:100%;visibility:visible}
.section3 .ship-wrap{background:url(../images/sect3_bg_1_1.png) center no-repeat;background-size:cover;width:100%;top:0}
.section3 .text{color:#fff;font-size:1.3rem;font-family:"YouYuan"}
.section3 .text .doll{display:inline-block;width:.4rem;height:.4rem;background-color:#fff;border-radius:.4rem;margin:.6rem 1rem 0 0;float:left}
.section3 .text p{width:16rem;float:left}
.section4 img{width:100%}
.section4 div{position:absolute}
.section4 .stone_3{left:47%;top:-2%}
.section4 .boom{top:24%}
.section4 .text{color:#fff;font-size:1.1rem;font-family:"YouYuan"}
.section4 .text p{width:18rem;float:left;text-indent:1rem;line-height:1.4rem}
.section5 img{width:100%}
.section5 div{position:absolute}
.section5 .row{position:relative;width:96%;margin:0 0 0 5%}
.section5 .row .cell{width:18%;float:left}
.section5 .row_1,.section5 .row_3{margin-left:14%}
.section5 .title{margin:-0.3rem 0 0 -0.5rem}
.section5 .title_1,.section5 .title_2,.section5 .title_3{position:relative}
.section5 .title_1{width:70%;margin:.5rem auto}
.section5 .title_2{width:60%;margin:-1.13rem auto}
.section5 .title_3{width:70%;margin:.9rem auto}
.section5 .title-wrap{background:url(../images/sect5_text_bg.png) center no-repeat;background-size:cover;height:8rem;z-index:2}
.section6 img{width:100%}
.section6 div{position:absolute}
.section6 .planet0 .planet{width:26%}
.section6 .planet0 .title{width:33%;left:-1.5rem;position:relative;top:0}
.section6 .planet1 .planet{width:28%}
.section6 .planet1 .title{width:25%;left:-1.5rem;position:relative;top:0}
.section6 .planet2 .planet{width:33%}
.section6 .planet2 .title{width:25%;left:-2rem;position:relative;top:0}
.section6 .planet3 .planet{width:50%}
.section6 .planet3 .title{width:25%;left:-4rem;position:relative;top:-1rem}
.section6 .planet4 .planet{width:40%}
.section6 .planet4 .title{position:relative;width:25%;left:-3rem;top:-4rem}
.section6 .planet5 .planet{width:40%}
.section6 .planet5 .title{width:25%;position:relative;left:-9rem;top:-4rem}
.section6 .planetCon{width:100%}
.section6 .title{width:100%}
.section7 img{width:100%}
.section7 div{position:absolute}
.section7 .light{width:100%;background:center no-repeat;background-size:100% 100%}
.section7 .ships-wrap{width:100%}
.section7 .ships-wrap .ship_0 img{width:60%}
.section7 .ships-wrap .ship_1 img{width:45%}
.section7 .ships-wrap .ship_2 img{width:50%}
.section7 .ships-wrap .ship_3 img{width:50%}
.section7 .ships-wrap .ship_4 img{width:45%}
.section7 .text{color:#fff;font-size:1.2rem;font-family:"YouYuan"}
.section7 .text p{width:20rem;float:left;line-height:1.4rem}
.section8 img{width:100%}
.section8 div{position:absolute}
.section8 .cicle{width:80%;margin:10%}
.section8 .line-ball div{position:relative}
.section8 .robot_hand_0,.section8 .robot_hand_1{position:absolute;top:0;left:0}
.section9 .fp-tableCell{visibility:visible}
.loading{position:absolute;top:0;left:0;z-index:1;background-color:#fff}
.loading .loading-wrap{z-index:3;position:absolute;top:0;left:0}
.loading .loading-wrap img{width:100%;height:100%}
.loading .loading-bg{background:url(../images/loading.png) center no-repeat;background-size:cover;position:absolute;top:0;left:0;z-index:-1}
.char{position:relative;display:inline-block;text-indent:0}
audio{position:absolute;top:0;left:-1000px;display:none}
.ico-audio{position:fixed;top:2rem;right:2rem}
.ico-audio div{width:2rem;height:auto;position:relative}
.ico-audio img{width:100%;height:auto}
.ico-audio .ico-play{display:none}