@charset "utf-8";

body,div,img,form,input,ul,li,h1,h2,a,span{margin: 0; padding: 0; border: none; box-sizing: border-box;}
ul,li{list-style: none;}
/* body,input,h1,h2{font-family: "微软雅黑", "黑体"; font-size: 16px; line-height: 30px; font-weight: normal; position: relative; } */


a{color: #000; text-decoration: none;}
a:hover{color: #D92636;}
.fl{float: left;}
.fr{float: right;}
.clearflx:after{content: ""; display: block; visibility: hidden; clear: both;}
.cl{ clear:both; height:0px; overflow:hidden;}

.none{display: none;}

img{
	/* 元素不能成为鼠标事件的target */
	pointer-events:none;
	-webkit-pointer-events:none;
	-ms-pointer-events:none;
	-moz-pointer-events:none;
}
*:not(input) {
    -webkit-touch-callout:none;/*系统默认菜单被禁用*/
    -webkit-user-select:none;/*webkit浏览器*/
    -khtml-user-select:none;/*早起浏览器*/
    -moz-user-select:none;/*火狐浏览器*/
    -ms-user-select:none;/*IE浏览器*/
    user-select:none;/*用户是否能够选中文本*/
}

/* 常规设置 */
.container{position: relative; width: 750px; height: 19684px; overflow: hidden;}

.p0{position: absolute; top: 0; left: 0; background: url(bg0.jpg) no-repeat center center/100% 100%; width: 100%; height: 100%;}
.p0_load_pic{position: absolute; top: 40%; left: 50%; margin-left: -56.5px;  }

.progress{position: absolute; left: 80px; top: 50%; width: 574px; height: 46px;}
.p0_loading_line{ width: 0px; height: 46px; background: url(p0_loading_line.png) no-repeat center center/100% 100%;}
.p0_wz{position: absolute; left: 50%; top: 55%; margin-left: -50%; width: 100%; height: 100px; font-size: 24px; color: #fff; text-align: center; font-weight: bold;}
.btn_start{position: absolute; top: 55%; left: 50%; margin-left: -84px; background: rgba(0,0,0,0.8); color: white; padding: 20px; border-radius: 10px; z-index: 9999; text-align: center; font-size: 16px;}

.page_bg{background: url(bg1.jpg) no-repeat center top/100% 1334px,
    url(bg2.jpg) no-repeat center 1332px/100% 2089px,
    url(bg3.jpg) no-repeat center 3419px/100% 2120px,
    url(bg4.jpg) no-repeat center 5537px/100% 2737px,
    url(bg5.jpg) no-repeat center 8272px/100% 2630px,
    url(bg6.jpg) no-repeat center 10900px/100% 2638px,
    url(bg7.jpg) no-repeat center 13536px/100% 3165px,
    url(bg8.jpg) no-repeat center 16699px/100% 2987px; width: 100%; height: 100%;}

.p1{position: absolute; top: 0; left: 0; width: 100%; height: 1334px;}
.p1_plane{position: absolute; top: 33px; left: 125px;}
.p1_cl1{position: absolute; top: 0; left: 0; }
.p1_cr1{position: absolute; top: 0; right: 0; }
.p1_cl2{position: absolute;top: 592px;left: 0;}
.p1_cr2{position: absolute;top: 250px;right: 0;}
.p1_tips{position: absolute; top: 574px; left: 50%; margin-left: -111px;}

.p2{position: absolute; top: 1334px; left: 0; width: 100%;}
.p2_arrow{position: absolute; top: 749px; left: 153px; }
.p2_t{position: absolute; top: 5px; left: 50%; margin-left: -293px;}
.p2_w1{position: absolute; top: 494px; left: 50%; margin-left: -119px;}
.p2_w2{position: absolute; top: 646px; left: 50%; margin-left: -154px;}
.p2_w3{position: absolute; top: 857px; left: 50%; margin-left: -281px;}

.p3{position: absolute; top: 2599px; left: 0; width: 100%;}
.p3_map{position: absolute; top: 291px; left: 0; background: url(p3_map.png) no-repeat center center/740px 870px; width: 750px; height: 870px;}
.p3_c1_tips{position: absolute;top: 348px;left: 226px;}
.p3_c2_tips{position: absolute;top: 126px;left: 375px;}
.p3_c1{position: absolute;top: -291px;left: 0;}
.p3_c2{position: absolute;top: -291px;left: 0; background: url(icon_black_bg.png) no-repeat center center/100% 100%; width: 750px; height: 1380px;}
.p3_bg{position: absolute; left: 0; top: 0; width: 750px; height: 1380px;}
.p3_mac_box{position: absolute;top: 175px;left: 30px;width: 690px;height: 844px;overflow: hidden;}
.p3_c2_paper{position: absolute;top: 350px;left: 104px;}
.p3_mac{position: absolute;top: 240px;left: 0px;}
.p3_c2_tips2{position: absolute;top: 1050px;left: 50%;margin-left: -129px;}
.p3_w1{position: absolute;top: 1298px;left: 50%;margin-left: -208px;}


.p4{position: absolute; top: 4219px; left: 0; width: 100%;}
.p4_pop{position: absolute; top: 460px; left: 187px; }
.p4_btn{position: absolute; top: 1003px; left: 50%; margin-left: -134px;}
.p4_tips_hand{position: absolute; top: 1080px; left: 50%;}
.p4_frame{position: absolute; top: 0; left: 0; background: url(p4_frame.png) no-repeat center center/100% 100%; width: 750px; height: 1608px;}
.p4_close_box{ position: absolute; top: 0; left: 0; width: 750px; height: 1608px;}
.p4_video{position: absolute; top: 321px; left: 19px; width: 711px; height: 401px;}

.p7{position: absolute; top: 5543px; left: 0; width: 100%;}
.p7_a, .p7_b{position: absolute; top: 0; left: 0; background:url(p7_bg_a.jpg) no-repeat center center/100% 100%; width: 750px; height: 1278px;}
.p7_w1{position: absolute; top: 430px; left: 55px;}
.p7_b{background:url(p7_bg_b.jpg) no-repeat center center/100% 100%; }
.p7_btn{position: absolute; top: 692px; left: 46px;}
.p7_tips_hand{position: absolute;top: 780px;left: 200px;}


.p8{position: absolute; top: 6763px; left: 0; width: 100%;}
.p8 .frame{position: absolute; top: 0; left: 0; display: none;}
.p8_btn1{position: absolute; top: 361px; left: 5px;}
.p8_btn2{position: absolute; top: 462px; left: 217px;}
.p8_btn3{position: absolute; top: 323px; left: 409px;}
.p8_btn4{position: absolute; top: 498px; left: 477px;}
.p8_tips_click{position: absolute; top: 1234px; left: 50%; margin-left: -251px;}
.p8_1_frame{background:url(p8_1_frame.png) no-repeat center center/100% 100%; width: 750px; height: 1608px;}
.p8_2_frame{background:url(p8_2_frame.png) no-repeat center center/100% 100%; width: 750px; height: 1608px;}
.p8_3_frame{background:url(p8_3_frame.png) no-repeat center center/100% 100%; width: 750px; height: 1608px;}
.p8_4_frame{background:url(p8_4_frame.png) no-repeat center center/100% 100%; width: 750px; height: 1608px;}

.p8_icon_sound{position: absolute;top: 877px;left: 143px;}


.p8_1_video{position: absolute; top: 321px; left: 19px; width: 711px; height: 401px;}
.p8_2_video{position: absolute; top: 321px; left: 19px; width: 711px; height: 401px;}


.p9{position: absolute; top: 8280px; left: 0; width: 100%; height: 1500px;}
.p9_tips_down{position: absolute; top: 14px; left: 50%; margin-left: -111.5px;}
.p9_w{position: absolute; top: 1264px; left: 50%; margin-left: -298.5px;}

.p10{position: absolute; top: 10345px; left: 0; width: 100%;}
.p10_w{position: absolute; top: 0; left: 50%; margin-left: -263px ;}
.p10_btn_heart{position: absolute; top: 511px; left: 0;}
.p10_tips{position: absolute; top: 809px; left: 271px;}
.p10_icon_sound{position: absolute;top: 331px;left: 17px;}

.p11{position: absolute; top: 11316px; left: 0; width: 100%;}

.p11_frame_bg{background:url(p11_frame_bg.png) no-repeat center center/100% 100%;width: 704px;height: 944px;position: absolute;top: 0;left: 50%;margin-left: -373.5px;}
.p11_a{position: absolute;top: 557px;left: 50%;margin-left: -223px;}
.p11_b{position: absolute;top: 557px;left: 50%;margin-left: -154.5px;}
.p11_btn_clock{position: absolute; top: 767px; left: 102px;}
.p11_tips{position: absolute; top: 860px; left: 244px;}

.p12{position: absolute; top: 12225px; left: 0; width: 100%;}
.p12_click_area{position: absolute; left: 396px; top: 745px; width: 276px; height: 402px;}
.p12_tips{position: absolute; top: 978px; left: 396px;}
.p12_frame{background:url(p12_frame.png) no-repeat center center/100% 100%;width: 750px;height: 1518px; position: absolute; top: 0; left: 0;}
.p12_video{position: absolute;top: 323px;left: 19px;width: 711px;height: 401px;}
.p12_from{position: absolute;top: 1000px;left: 50%;margin-left: -134px;}
.p12_icon_sound{position: absolute;top: 909px;left: 309px;}
.p12_tips_hand{position: absolute;top: 880px;left: 500px;}


.p13{position: absolute; top: 13260px; left: 0; width: 100%;}
.p13_tips{position: absolute; top: 14px; left: 50%; margin-left: -111.5px;}
.p13_btn1{position: absolute; top: 351px; left: 220px;}
.p13_btn2{position: absolute; top: 536px; left: 467px;}
.p13_btn3{position: absolute; top: 766px; left: 72px;}
.p13_btn4{position: absolute; top: 390px; left: 8px;}

.p13_w1{position: absolute; top: 1196px; left: 50%; margin-left: -263.5px;}

.p13 .f{position: absolute;  display: none;}
.p13_f1{position: absolute; top: 111px; left: 0px;}
.p13_f2{position: absolute; top: 0px; left: 0px;}
.p13_f3{position: absolute; top: 153px; left: 0px;}
.p13_f4{position: absolute; top: 98px; left: 0px;}

.p14{position: absolute; top: 15112px; left: 0; width: 100%;}
.p14_video_bg{position: absolute; top: 0; left: 0; width: 750px; height: 454px; background: url(icon_video_bg.png) no-repeat center center/100% 100%; padding: 26px 20px 25px 18px; box-sizing: border-box;}
.p14_video{width: 100%; height: 100%;}
.p14_play{position: absolute; top: 50%; left: 50%; margin-left: -102px; margin-top: -122px;}
.p14_tips{position: absolute; top: 304px; left: 50%; margin-left: -146.5px;}

.p15{position: absolute; top: 16511px; left: 0; width: 100%;}
.p15_video_bg{position: absolute; top: 0; left: 0; width: 750px; height: 454px; background: url(icon_video_bg.png) no-repeat center center/100% 100%; padding: 26px 20px 25px 18px; box-sizing: border-box;}
.p15_video{width: 100%; height: 100%;}
.p15_play{position: absolute; top: 50%; left: 50%; margin-left: -102px; margin-top: -122px;}
.p15_tips{position: absolute; top: 304px; left: 50%; margin-left: -76.5px;}

.p16{position: absolute; top: 17069px; left: 0; width: 100%;}
.p16_btn{position: absolute; left: 0; top: 0; width: 753px; height: 546px; }
.p16_tips_click{position: absolute; top: 50%; left: 50%; margin-left: -171.5px; margin-top: -128px;}
.p16_tips_hands{position: absolute;top: 50%;left: 50%;margin-top: -41px;}
.p16_p{position: absolute; top: 178px; left: 0px;}
.p16_video_bg{position: absolute; top: 743px; left: 0; width: 750px; height: 454px; background: url(icon_video_bg.png) no-repeat center center/100% 100%; padding: 26px 20px 25px 18px; box-sizing: border-box;}
.p16_video{width: 100%; height: 100%;}
.p16_play{position: absolute; top: 50%; left: 50%; margin-left: -102px; margin-top: -122px;}
.p16_tips{position: absolute; top: 304px; left: 50%; margin-left: -76.5px;}

.p17{position: absolute; top: 18358px; left: 0; width: 100%;}
.p17_w{position: absolute; top: 103px; left: 50%; margin-left: -335px;}
.p17_btn{position: absolute; top: 809px; left: 191px;}
.p17_tips_hands{position: absolute;top: 929px;left: 50%;margin-top: -41px;}
.p17_frame{position: absolute; top: 808px; right: 0;}