@charset "utf-8";
/* CSS Document */


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 !important;}

/* 浮动层 */
/* .float_box{width: 100%;height: 750px;position: relative;z-index: 100;} */

/* 音频设置 */
.audioBox{position: fixed; right: 30px; top: 30px; width: 36px; top: 36px;  z-index : 101;}
.play_on{background: url("play_on.png") no-repeat; width: 36px; height: 36px; display: none;}
.play_off{background: url("play_off.png") no-repeat; width: 36px; height: 36px; display: none;}
audio{display: none;}

/* 提示设置 */
.tips{position: absolute;right:5%;bottom: 10%;z-index : 101;}

/* p0 */
.p0{background: url("p0.jpg") no-repeat left center/ 100% 100%;width: 100%;position: absolute;z-index : 20;}
.p0_title{position: absolute; left: 50%; top: 99px; margin-left: -298.5px;}
.btn_start{position: absolute; left: 50%; top: 833px; margin-left: -178px; cursor: pointer;}

.bg{position: absolute; left: 0; top: 0; width: 100%; height: 22800px; transform-style: preserve-3d; 
    background: url("bg1.jpg") no-repeat center top/ 100% 1425px,
    url("bg2.jpg") no-repeat center 1425px/ 100% 1662px,
    url("bg3.jpg") no-repeat center 3087px/ 100% 1755px,
    url("bg4.jpg") no-repeat center 4842px/ 100% 1801px,
    url("bg5.jpg") no-repeat center 6643px/ 100% 1804px,
    url("bg6.jpg") no-repeat center 8447px/ 100% 1776px,
    url("bg7.jpg") no-repeat center 10223px/ 100% 1844px,
    url("bg8.jpg") no-repeat center 12067px/ 100% 1843px,
    url("bg9.jpg") no-repeat center 13910px/ 100% 1845px,
    url("bg10.jpg") no-repeat center 15755px/ 100% 1785px,
    url("bg11.jpg") no-repeat center 17539px/ 100% 2000px,
    url("bg12.jpg") no-repeat center 19539px/ 100% 3261px;
}
/* top */
.p0_w{position: absolute; left: 65px; top: 166px; }
.p0_a4{position: absolute; left: 576px; top: 426px; }
.tips_arrow{position: absolute; left: 358px; top: 1143px; }
.p0_tips{background: url("p0_tips_bg.png") no-repeat left center/ 100% 100%;width: 569px;height: 229px;position: absolute; left: 92px; top: 1198px; }
.p0_tips_line_l{position: absolute;left: 98px;top: 134px;width: 174px;height: 35px;overflow: hidden;}
.p0_tips_line_r{position: absolute;left: 294px;top: 134px;width: 174px;height: 35px;overflow: hidden;}
.p0_tips_heart{position: absolute;left: 270px;top: 140px;}
.p0_line{background: url("p0_tips_line.png") no-repeat left center/ auto 100%,url("p0_tips_line.png") no-repeat 174px center/ auto 100%, url(p0_tips_line.png) no-repeat 348px center / auto 100%;width: 522px;height: 35px;}

/* t0 */
.t0_t{position: absolute;left: 26px;top: 1945px;}
.t0_w{position: absolute;left: 253px;top: 2143px;}
.t0_p1{position: absolute;left: 59px;top: 2482px;}
.t0_p2{position: absolute;left: 156px;top: 2742px;}
.t0 .btn_more{position: absolute; left: 197px; top: 2964px; }
.t0_note{position: absolute; left: 50px; top: 2202px; }
/* t5 */
.t5_t{position: absolute;left: 74px;top: 3748px;}
.t5_w{position: absolute;left: 189px;top: 4046px;}
.t5_p1{position: absolute;left: 86px;top: 4641px;}
.t5 .btn_more{position: absolute; left: 197px; top: 4732px; }
.t5_note{position: absolute; left: 50px; top: 3961px; }
/* t15 */
.t15_t{position: absolute;left: 75px;top: 5637px;}
.t15_w{position: absolute;left: 187px;top: 5988px;}
.t15_p1{background: url("t15_p1.png") no-repeat left 30px/ 100% auto;width: 524px;height: 619px;position: absolute;left: 132px;top: 6402px;padding-left: 35px;}
.t15 .btn_more{position: absolute; left: 197px; top: 6458px; }
.t15_note{position: absolute; left: 50px; top: 5718px; }
/* t20 */
.t20_t{position: absolute;left: 75px;top: 7521px;}
.t20_w{position: absolute;left: 231px;top: 7975px;}
.t20_p1{position: absolute;left: 114px;top: 8452px;}
.t20 .btn_more{position: absolute; left: 197px; top: 8289px; }
.t20_note{background: url("t20_note.png") no-repeat left center/ 100% 100%;width: 658px;height: 1064px;padding: 116px 65px 0px 63px;box-sizing: border-box;position: absolute;left: 50px;top: 7518px;overflow: scroll hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;}
.t20_note_box{ overflow: scroll hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth;}
.t20_note_content{display: flex;width: 200%;height: 100%;white-space: nowrap;}
.t20_note1{position: relative;left: 0px;top: 0;width: 537px;height: 744px;scroll-snap-align: center;flex:1;vertical-align: top;}
.t20_note1_wz{position: absolute; left: 0; top: 0; }
.t20_note1_pic{position: absolute;left: 257px;top: 285px;}
.tips_left{position: absolute; left: 0; bottom: 0; }
.t20_note2{position: relative;left: 0px;top: 0;width: 537px;height: 744px;scroll-snap-align: center;flex:1;vertical-align: top;}
.t20_note2_wz{position: absolute; left: 0; top: 0; }
.t20_note2_pic{position: absolute;left: 88px;top: 405px;}
.tips_right{position: absolute; right: 0; bottom: 0; }

/* t25 */
.t25_t{position: absolute;left: 75px;top: 9406px;}
.t25_w{position: absolute;left: 199px;top: 9952px;}
.t25_p1{position: absolute;left: 89px;top: 10508px;}
.t25 .btn_more{position: absolute; left: 197px; top: 10063px; }
.t25_note{position: absolute; left: 50px; top: 9297px; }
/* t36.5 */
.t36_t{position: absolute;left: 75px;top: 11327px;}
.t36_w{position: absolute;left: 243px;top: 11954px;}
.t36_p1{position: absolute;left: 79px;top: 12607px;}
.t36 .btn_more{position: absolute; left: 197px; top: 11922px; }
.t36_note{position: absolute; left: 50px; top: 11138px; }

/* t45 */
.t45_t{position: absolute;left: 68px;top: 13277px;}
.t45_w{position: absolute;left: 205px;top: 14004px;}
.t45_p1{position: absolute;left: 9px;top: 14765px;}
.t45 .btn_more{position: absolute; left: 197px; top: 13750px; }
.t45_note{position: absolute; left: 50px; top: 12983px; }
/* t50 */
.t50_t{position: absolute;left: 75px;top: 15199px;}
.t50_w{position: absolute;left: 221px;top: 16009px;}
.t50_p1{position: absolute;left: 66px;top: 16846px;}
.t50 .btn_more{position: absolute; left: 197px; top: 15600px; }
.t50_note{position: absolute; left: 50px; top: 14827px; }

/* t60 */
.t60_t{position: absolute;left: 75px;top: 17080px;}
.t60_w{position: absolute;left: 211px;top: 17981px;}
.t60_p_w{position: absolute;left: 127px;top: 18218px;}
.t60_p1{position: absolute;left: 80px;top: 18895px;}
.t60 .btn_more{position: absolute; left: 197px; top: 17384px; }
.t60_note{position: absolute; left: 50px; top: 16611px; }

/* t100 */
.t100_c{position: absolute; left: 65px; top: 17935px; }
.t100_t{position: absolute;left: 82px;top: 19075px;}
.t100_w{position: absolute;left: 188px;top: 20095px;}

/* p2 */
.p2_p1{position: absolute;left: 93px;top: 21233px;}
.p2_w1{position: absolute;left: 86px;top: 20445px;}
.btn_listen{position: absolute; left: 186px; top: 19294px; }
.icon_arrow{position: absolute; left: 356px; top: 19448px; }
.pop1{position: absolute; left: 75px; top: 19579px; }
.pop2{position: absolute; left: 77px; top: 20101px; }
.pop3{position: absolute; left: 130px; top: 20962px; }

.p2_w2{position: absolute;left: 89px;top: 23724px;}

.btn_back{position: absolute; left: 202px; top: 995px; width: 250px; height: 69px;}