/*public*/
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,th,thead,tr,button,object,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,button,img,fieldset{border:0;outline:none}
input,select{outline:none}
/* set image max width to 100% */
img,video{height:auto;width:auto\9;/* ie8 */}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{width:100%;height:100%;font:12px/1.5 Microsoft YaHei,Arial,Helvetica,sans-serif;color:#555;word-wrap:break-word;word-break:break-all;touch-action: none; background: #000;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
var{font-family:Georgia,Verdana,Arial}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none}


/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

/*music*/
#viose{cursor: pointer;position: absolute;display: inline-block;top: 92.5%;right: 2%;z-index: 222;}

/*loading*/
#loading{background:#000;text-align:center;width:100%;height:100%;position:absolute;z-index:99999;}
/*滚动条的宽度*/
    ::-webkit-scrollbar {
        width:9px;
        height:9px;
    }

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
    ::-webkit-scrollbar-track {
        width: 6px;
        background-color:#0d1b20;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }
/*滚动条的设置*/
    ::-webkit-scrollbar-thumb {
        background-color:#606d71;
        background-clip:padding-box;
        min-height:28px;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }
/*滚动条移上去的背景*/
    ::-webkit-scrollbar-thumb:hover {
         background-color:#fff;
    }

#wrap{width:100%;height:100%;position:relative;}
#wrap div{position: absolute;}
#wrap div img{width: 100%;height: auto;}

.bg{width: 180%;height: auto;position: absolute;bottom: 0;}
.bg img{width: 100%;height: auto}

/*第一屏封面*/
.fm_TS{width:30px;left:50%;top:65%;margin-left:-15px;}
/*第二屏字幕*/
.zimu1{top: 22%;width: 100%;}
.zimu1 p{color: #1e48ab;font-size: 22px;letter-spacing: 1px;}
.zimu2{top: 15%;width: 100%;}
.zimu2 p{color: #1e48ab;font-size: 18px;letter-spacing: 1px;}
.zimu3{top: 57%;width: 100%;}
.zimu3 p{color: #1e48ab;font-size: 18px;letter-spacing: 1px;}
.zimu4{top: 51%;width: 100%;}
.zimu4 p{color: #1e48ab;font-size: 22px;letter-spacing: 1px;}
.zimu5{top: 67%;width: 100%;}
.zimu5 p{color: #1e48ab;font-size: 18px;letter-spacing: 1px;}
/*第一部分爱国者*/
.con1_til{width: 120px;top: 10%}
.con1_1_1{width: 16%;top: 25%;}
.con1_1_2{width: 16%;top: 28%;}
.con1_2_1{width: 16%;top: 20%;}
.con1_2_2{width: 16%;top: 23%;}
.con1_3_1{width: 16%;top: 25%;}
.con1_3_2{width: 16%;top: 28%;}
.con1_4_1{width: 16%;top: 20%;}
.con1_4_2{width: 16%;top: 23%;}
.con1_5_1{width: 16%;top: 25%;}
.con1_5_2{width: 16%;top: 28%;}
.con1_bg1{width: 50%;top: 30%;}
.con1_bg2{width: 18%;top: 25%;}
.con1_bg3{width: 25%;top: 0%;}
.con1_1_3{width: 7%;top: 60%;}

/*第二部分风险者*/
.con2_til{width: 120px;top: 10%}
.con2_1_1{width: 16%;top: 25%;}
.con2_1_2{width: 16%;top: 28%;}
.con2_2_1{width: 16%;top: 20%;}
.con2_2_2{width: 16%;top: 23%;}
.con2_3_1{width: 16%;top: 25%;}
.con2_3_2{width: 16%;top: 28%;}
.con2_4_1{width: 16%;top: 20%;}
.con2_4_2{width: 16%;top: 23%;}
.con2_5_1{width: 16%;top: 25%;}
.con2_5_2{width: 16%;top: 28%;}
.con2_bg1{width: 50%;top: 30%;}
.con2_bg2{width: 18%;top: 25%;}
.con2_bg3{width: 25%;top: 0%;}
.con2_2_3{width: 10%;top: 55%;}
.con2_3_3{width: 18%;top: 3%;}

/*第三部分拓荒者*/
.con3_til{width: 120px;top: 10%}
.con3_1_1{width: 16%;top: 25%;}
.con3_1_2{width: 16%;top: 28%;}
.con3_2_1{width: 16%;top: 20%;}
.con3_2_2{width: 16%;top: 23%;}
.con3_3_1{width: 16%;top: 25%;}
.con3_3_2{width: 16%;top: 28%;}
.con3_4_1{width: 16%;top: 20%;}
.con3_4_2{width: 16%;top: 23%;}
.con3_5_1{width: 16%;top: 25%;}
.con3_5_2{width: 16%;top: 28%;}
.con3_6_1{width: 16%;top: 20%;}
.con3_6_2{width: 16%;top: 23%;}
.con3_7_1{width: 16%;top: 25%;}
.con3_7_2{width: 16%;top: 28%;}
.con3_bg1{width: 50%;top: 30%;}
.con3_bg2{width: 18%;top: 25%;}
.con3_bg3{width: 25%;top: 0%;}
.con3_1_3{width: 12%;top: 63%;}

/*第四部分解题者*/
.con4_til{width: 120px;top: 10%}
.con4_1_1{width: 16%;top: 25%;}
.con4_1_2{width: 16%;top: 28%;}
.con4_2_1{width: 16%;top: 20%;}
.con4_2_2{width: 16%;top: 23%;}
.con4_3_1{width: 16%;top: 25%;}
.con4_3_2{width: 16%;top: 28%;}
.con4_4_1{width: 16%;top: 20%;}
.con4_4_2{width: 16%;top: 23%;}
.con4_5_1{width: 16%;top: 25%;}
.con4_5_2{width: 16%;top: 28%;}
.con4_6_1{width: 16%;top: 20%;}
.con4_6_2{width: 16%;top: 23%;}
.con4_7_1{width: 16%;top: 25%;}
.con4_7_2{width: 16%;top: 28%;}
.con4_8_1{width: 16%;top: 20%;}
.con4_8_2{width: 16%;top: 23%;}
.con4_9_1{width: 16%;top: 25%;}
.con4_9_2{width: 16%;top: 28%;}
.con4_10_1{width: 16%;top: 20%;}
.con4_10_2{width: 16%;top: 23%;}
.con4_11_1{width: 16%;top: 25%;}
.con4_11_2{width: 16%;top: 28%;}
.con4_12_1{width: 16%;top: 20%;}
.con4_12_2{width: 16%;top: 23%;}
.con4_13_1{width: 16%;top: 25%;}
.con4_13_2{width: 16%;top: 28%;}
.con4_bg1{width: 50%;top: 30%;}
.con4_bg2{width: 18%;top: 25%;}
.con4_bg3{width: 25%;top: 0%;}
.con4_1_3{width: 12%;top: 63%;}

/*第五部分育人者*/
.con5_til{width: 120px;top: 10%}
.con5_1_1{width: 16%;top: 25%;}
.con5_1_2{width: 16%;top: 28%;}
.con5_2_1{width: 16%;top: 20%;}
.con5_2_2{width: 16%;top: 23%;}
.con5_bg1{width: 50%;top: 30%;}
.con5_bg2{width: 18%;top: 25%;}
.con5_bg3{width: 25%;top: 0%;}
.con5_1_3{width: 12%;top: 63%;}


/*媒体查询*/
/*iphone6s*/
@media screen and (max-height:620px){
}
/*iphone6 && android*/
@media screen and (max-width:600px){

#wrap{width:100%;height:100%;position:relative;transform: rotate(90deg);}
.bg{width: 180%;height: auto;position: absolute;bottom:-42%;}
.fm_TS_mob{width:120px;left:70%;top:100%;margin-left:-60px;}
.zimu1{top: 66%;width: 100%;}
.zimu2{top: 55%;width: 100%;}
.zimu3{top: 116%;width: 100%;}
.zimu4{top: 103%;width: 100%;}
.zimu5{top: 125%;width: 100%;}
.zimu1 p{font-size: 18px;}
.zimu2 p{font-size: 14px;}
.zimu3 p{font-size: 14px;}
.zimu4 p{font-size: 18px;}
.zimu5 p{font-size: 14px;}
.con1_til,.con2_til{width: 80px;top: 49%}
.con1_1_1,.con2_1_1{width: 35%;top: 55%;}
.con1_1_2,.con2_1_2{width: 35%;top: 58%;}
.con1_2_1,.con2_2_1{width: 35%;top: 55%;}
.con1_2_2,.con2_2_2{width: 35%;top: 58%;}
.con1_3_1,.con2_3_1{width: 35%;top: 55%;}
.con1_3_2,.con2_3_2{width: 35%;top: 58%;}
.con1_4_1,.con2_4_1{width: 35%;top: 55%;}
.con1_4_2,.con2_4_2{width: 35%;top: 58%;}
.con1_5_1,.con2_5_1{width: 35%;top: 55%;}
.con1_5_2,.con2_5_2{width: 35%;top: 58%;}
.con1_bg1,.con2_bg1{width: 50%;top: 70%;}
.con1_bg2,.con2_bg2{width: 18%;top: 65%;}
.con1_bg3,.con2_bg3{width: 25%;top: 30%;}
.con1_1_3{width: 7%;top: 20%;}
.con2_2_3{width: 10%;top: 95%;}
.con2_3_3{width: 18%;top: 43%;}


.con3_til{width: 80px;top: 49%}
.con3_1_1{width: 35%;top: 55%;}
.con3_1_2{width: 35%;top: 58%;}
.con3_2_1{width: 35%;top: 55%;}
.con3_2_2{width: 35%;top: 58%;}
.con3_3_1{width: 35%;top: 55%;}
.con3_3_2{width: 35%;top: 58%;}
.con3_4_1{width: 35%;top: 55%;}
.con3_4_2{width: 35%;top: 58%;}
.con3_5_1{width: 35%;top: 55%;}
.con3_5_2{width: 35%;top: 58%;}
.con3_6_1{width: 35%;top: 55%;}
.con3_6_2{width: 35%;top: 58%;}
.con3_7_1{width: 35%;top: 55%;}
.con3_7_2{width: 35%;top: 58%;}
.con3_bg1{width: 50%;top: 70%;}
.con3_bg2{width: 18%;top: 65%;}
.con3_bg3{width: 25%;top: 40%;}
.con3_1_3{width: 12%;top: 93%;}


/*第四部分解题者*/
.con4_til{width: 80px;top: 49%}
.con4_1_1{width: 35%;top: 55%;}
.con4_1_2{width: 35%;top: 58%;}
.con4_2_1{width: 35%;top: 55%;}
.con4_2_2{width: 35%;top: 58%;}
.con4_3_1{width: 35%;top: 55%;}
.con4_3_2{width: 35%;top: 58%;}
.con4_4_1{width: 35%;top: 55%;}
.con4_4_2{width: 35%;top: 58%;}
.con4_5_1{width: 35%;top: 55%;}
.con4_5_2{width: 35%;top: 58%;}
.con4_6_1{width: 35%;top: 55%;}
.con4_6_2{width: 35%;top: 58%;}
.con4_7_1{width: 35%;top: 55%;}
.con4_7_2{width: 35%;top: 58%;}
.con4_8_1{width: 35%;top: 55%;}
.con4_8_2{width: 35%;top: 58%;}
.con4_9_1{width: 35%;top: 55%;}
.con4_9_2{width: 35%;top: 58%;}
.con4_10_1{width: 35%;top: 55%;}
.con4_10_2{width: 35%;top: 58%;}
.con4_11_1{width: 35%;top: 55%;}
.con4_11_2{width: 35%;top: 58%;}
.con4_12_1{width: 35%;top: 55%;}
.con4_12_2{width: 35%;top: 58%;}
.con4_13_1{width: 35%;top: 55%;}
.con4_13_2{width: 35%;top: 58%;}
.con4_bg1{width: 50%;top: 70%;}
.con4_bg2{width: 18%;top: 65%;}
.con4_bg3{width: 25%;top: 40%;}
.con4_1_3{width: 12%;top: 103%;}

/*第五部分育人者*/
.con5_til{width: 80px;top: 49%}
.con5_1_1{width: 35%;top: 55%;}
.con5_1_2{width: 35%;top: 58%;}
.con5_2_1{width: 35%;top: 55%;}
.con5_2_2{width: 35%;top: 58%;}
.con5_bg1{width: 50%;top: 60%;}
.con5_bg2{width: 18%;top: 65%;}
.con5_bg3{width: 25%;top: 40%;}
.con5_1_3{width: 12%;top: 103%;}
.end_0_1{top:50%;}
}

@media screen and (max-height:700px){

    .con1_til{width: 75px;top: 42%}
    .con2_til{width: 75px;top: 42%}
    .con3_til{width: 75px;top: 42%}
    .con4_til{width: 75px;top: 42%}
    .con5_til{width: 75px;top: 42%}
}
/*iphone5*/
@media screen and (max-width:375px)  and (min-height:760px){
.bg{width: 180%;height: auto;position: absolute;bottom:-60%;}
.fm_TS_mob{width:120px;left:70%;top:115%;margin-left:-60px;}
.zimu1{top: 67%;width: 100%;}
.zimu2{top: 60%;width: 100%;}
.zimu3{top: 119%;width: 100%;}
.zimu4{top: 109%;width: 100%;}
.zimu5{top: 127%;width: 100%;}
.con1_til,.con2_til{width: 65px;top: 70%}
.con1_1_1,.con2_1_1{width: 35%;top: 65%;}
.con1_1_2,.con2_1_2{width: 35%;top: 63%;}
.con1_2_1,.con2_2_1{width: 35%;top: 65%;}
.con1_2_2,.con2_2_2{width: 35%;top: 63%;}
.con1_3_1,.con2_3_1{width: 35%;top: 65%;}
.con1_3_2,.con2_3_2{width: 35%;top: 63%;}
.con1_4_1,.con2_4_1{width: 35%;top: 65%;}
.con1_4_2,.con2_4_2{width: 35%;top: 63%;}
.con1_5_1,.con2_5_1{width: 35%;top: 65%;}
.con1_5_2,.con2_5_2{width: 35%;top: 63%;}
.con1_bg1,.con2_bg1{width: 50%;top: 90%;}
.con1_bg2,.con2_bg2{width: 18%;top: 85%;}
.con1_bg3,.con2_bg3{width: 25%;top: 50%;}
.con1_1_3{width: 7%;top: 60%;}
.con2_2_3{width: 10%;top: 115%;}
.con2_3_3{width: 18%;top: 63%;}


.con3_til{width: 65px;top: 70%}
.con3_1_1{width: 35%;top: 65%;}
.con3_1_2{width: 35%;top: 63%;}
.con3_2_1{width: 35%;top: 65%;}
.con3_2_2{width: 35%;top: 63%;}
.con3_3_1{width: 35%;top: 65%;}
.con3_3_2{width: 35%;top: 63%;}
.con3_4_1{width: 35%;top: 65%;}
.con3_4_2{width: 35%;top: 63%;}
.con3_5_1{width: 35%;top: 65%;}
.con3_5_2{width: 35%;top: 63%;}
.con3_6_1{width: 35%;top: 65%;}
.con3_6_2{width: 35%;top: 63%;}
.con3_7_1{width: 35%;top: 65%;}
.con3_7_2{width: 35%;top: 63%;}
.con3_bg1{width: 50%;top: 90%;}
.con3_bg2{width: 18%;top: 85%;}
.con3_bg3{width: 25%;top: 60%;}
.con3_1_3{width: 12%;top: 113%;}


/*第四部分解题者*/
.con4_til{width: 65px;top: 70%}
.con4_1_1{width: 35%;top: 65%;}
.con4_1_2{width: 35%;top: 63%;}
.con4_2_1{width: 35%;top: 65%;}
.con4_2_2{width: 35%;top: 63%;}
.con4_3_1{width: 35%;top: 65%;}
.con4_3_2{width: 35%;top: 63%;}
.con4_4_1{width: 35%;top: 65%;}
.con4_4_2{width: 35%;top: 63%;}
.con4_5_1{width: 35%;top: 65%;}
.con4_5_2{width: 35%;top: 63%;}
.con4_6_1{width: 35%;top: 65%;}
.con4_6_2{width: 35%;top: 63%;}
.con4_7_1{width: 35%;top: 65%;}
.con4_7_2{width: 35%;top: 63%;}
.con4_8_1{width: 35%;top: 65%;}
.con4_8_2{width: 35%;top: 63%;}
.con4_9_1{width: 35%;top: 65%;}
.con4_9_2{width: 35%;top: 63%;}
.con4_10_1{width: 35%;top: 65%;}
.con4_10_2{width: 35%;top: 63%;}
.con4_11_1{width: 35%;top: 65%;}
.con4_11_2{width: 35%;top: 63%;}
.con4_12_1{width: 35%;top: 65%;}
.con4_12_2{width: 35%;top: 63%;}
.con4_13_1{width: 35%;top: 65%;}
.con4_13_2{width: 35%;top: 63%;}
.con4_bg1{width: 50%;top: 90%;}
.con4_bg2{width: 18%;top: 85%;}
.con4_bg3{width: 25%;top: 60%;}
.con4_1_3{width: 12%;top: 123%;}

/*第五部分育人者*/
.con5_til{width: 65px;top: 70%}
.con5_1_1{width: 35%;top: 65%;}
.con5_1_2{width: 35%;top: 63%;}
.con5_2_1{width: 35%;top: 65%;}
.con5_2_2{width: 35%;top: 63%;}
.con5_bg1{width: 50%;top: 80%;}
.con5_bg2{width: 18%;top: 85%;}
.con5_bg3{width: 25%;top: 60%;}
.con5_1_3{width: 12%;top: 123%;}
.end_0_1{top:62%;}
}