body,dl,dd,h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0;}
body{font:12px/1.5 tahoma,simsun,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:rgba(255,255,255,0); }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border: none;padding: 0;margin:0;}
em,i,b{font-style:normal}
ul,ol{list-style:none;margin:0;padding:0;}
a{text-decoration:none}

/*loading*/
.mui-act-loading{
    width:100%;
    height: 100%;
}
.mui-act-loading .load-mask{
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.8;
}
.loading{
    width: 12px;
    height: 12px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    margin: -6px 0 0 -6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    -webkit-animation: loading 1.1s ease infinite;
    animation: loading 1.1s ease infinite;
}
/*sound*/
.u-audio {
    position: fixed;
    bottom:4.7%;
    left:7.0%;
    width:8.43%;
    height:5.35%;
    z-index: 200;
}
/*next*/
.screen-switch{
    width: 9.3%;
    position: fixed;
    left: 46.9%;
    bottom: 3.6%;
    z-index: 100;
}
.pt-page-moveIconUp {
    -webkit-animation: moveIconUp ease 1.5s both infinite;
    animation: moveToBottom ease 1.5s both infinite;
}
@-webkit-keyframes moveIconUp {
    0% { -webkit-transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes moveIconUp {
    0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}
.pt-page-moveIcondown {
    -webkit-animation: moveIcondown ease 1.5s both infinite;
    animation: moveIcondown ease 1.5s both infinite;
}
@-webkit-keyframes moveIcondown {
    0% { -webkit-transform: translateY(-100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(100%); opacity:0;}
}
@keyframes moveIcondown {
    0% { -webkit-transform: translateY(-100%); transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(100%); transform: translateY(-100%); opacity:0;}
}
/*main*/
.mui-act-body{width: 100%;height:100%; overflow:hidden;}
.mui-act-body .mui-act-wrapper{width:100%;height:100%; position: relative;}
.mui-act-wrapper section{width:100%;height:100%;position: relative;}
.mui-act-wrapper .frame-01{
    background: #060606 url('../images/frame_01_01.jpg') center top no-repeat;
    background-size: 100% 100% ;
}
.mui-act-wrapper .frame-organ-01{
    position: absolute;
    top: 15.83%;
    left: 14.65%;
}
.mui-act-wrapper .frame-02{
    background: url("../images/frame_02_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.mui-act-wrapper .frame-organ-02-01{
    position: absolute;
    top:7%;
    left: 10%;
}
.mui-act-wrapper .frame-organ-02-02{
    position: absolute;
    top:18%;
    left: 10%;
}
.mui-act-wrapper .frame-organ-02-03{
    position: absolute;
    top:25%;
    left: 10%;
}
.mui-act-wrapper .frame-03{
    background: url("../images/frame_03_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.mui-act-wrapper .frame-organ-03-01{
    position: absolute;
    top:7%;
    left:15%;
}
.mui-act-wrapper .frame-organ-03-02{
    position: absolute;
    top:20%;
    left:15%;
}
.mui-act-wrapper .frame-organ-03-03{
    position: absolute;
    top:27%;
    left:11%;
}
.mui-act-wrapper .frame-organ-03-04{
    position: absolute;
    top:37%;
    left:11%;
}
.mui-act-wrapper .frame-04{
    background: url("../images/frame_04_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.mui-act-wrapper .frame-organ-04-01{
    position: absolute;
    top:40%;
    left:10%;
}
.mui-act-wrapper .frame-organ-04-02{
    position: absolute;
    top:50%;
    left:10%;
}
.mui-act-wrapper .frame-organ-04-03{
    position: absolute;
    top:56%;
    left:6%;
}
.mui-act-wrapper .frame-05{
    background: url("../images/frame_05_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.frame-05 img{
    display: block;
    margin:0 auto;
    padding-top:10px;
}
.frame-05 .frame-organ-05-01{
    padding-top:50px;
}
.mui-act-wrapper .frame-06{
    background: url("../images/frame_06_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.frame-06 img{
    display: block;
    padding:5% 0 0 10.46%;
}
.frame-06 .frame-organ-06-01{
    padding-top:20%;
}
.mui-act-wrapper .frame-07{
    background: url("../images/frame_07_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.frame-07 img{
    display: block;
    padding:5% 0 0 10.93%;
}
.frame-07 .frame-organ-07-01{
    padding-top:25%;
}
.mui-act-wrapper .frame-08{
    background: url("../images/frame_08_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.mui-act-wrapper .frame-09{
    background: url("../images/frame_09_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.frame-08 img,.frame-09 img{
    display: block;
    padding:5% 0 0 10.93%;
}
.frame-08 .frame-organ-08-01,.frame-09 .frame-organ-09-01{
    padding-top:20%;
}
.mui-act-wrapper .frame-10{
    background: url("../images/frame_10_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.frame-10 img{
    display: block;
    margin:0 auto;
    padding:5% 0 0  5%;
}

.mui-act-wrapper .frame-11{
    background: url("../images/frame_12_01.jpg") center top no-repeat;
    background-size: 100% 100% ;
}
.frame-11 img{
    display: block;
    padding:5% 0 0 5%;
}
.frame-11 .frame-organ-12-02{
    margin-top:70%;
}

/*animate*/
.mui-act-wrapper img{
    display: none;
}
.frame1-show .frame-01 img,
.frame2-show .frame-02 img,
.frame3-show .frame-03 img,
.frame4-show .frame-04 img,
.frame5-show .frame-05 img,
.frame6-show .frame-06 img,
.frame7-show .frame-07 img,
.frame8-show .frame-08 img,
.frame9-show .frame-09 img,
.frame10-show .frame-10 img,
.frame11-show .frame-11 img,
.frame12-show .frame-12 img{
    display: block;
}



.mui-act-wrapper .fadein-up1,
.frame1-show .fadein-up1,
.frame2-show .fadein-up1{
    -webkit-animation:fadeInUp .8s  ease both;
    -moz-animation:fadeInUp .6s  ease both;
}
.frame2-show .fadein0,.frame3-show .fadein0,.frame6-show .fadein0,.frame7-show .fadein0,.frame8-show .fadein0,.frame9-show .fadein0{-webkit-animation:fadein01 1s .6s ease both;}
.frame5-show .fadein0{-webkit-animation:fadein01 1s .3s ease both;}
@-webkit-keyframes fadein01{
   0%{opacity:0;-webkit-transform: scale(0,0);}
    100%{opacity:1;-webkit-transform: scale(1,1);}
}


.mui-act-wrapper .fadein-up2,
.frame1-show .fadein-up2,
.frame2-show .fadein-up2{
    -webkit-animation:fadeInUp .8s .4s ease both;
    -moz-animation:fadeInUp .8s .4s ease both;
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(100%);}
    100%{opacity:1;
        -webkit-transform:translateY(0);}
}
.mui-act-wrapper .fadein-left,
.frame1-show .fadein-left,
.frame2-show .fadein-left{
    -webkit-animation:moveFromLeft .6s .4s ease both;
    -moz-animation:moveFromLeft .6s .4s ease both;
}
@-webkit-keyframes moveFromLeft {
    from { -webkit-transform: translateX(-100%); opacity:0;}
    to{-webkit-transform: translateX(0); opacity:1;}
}
@keyframes moveFromLeft {
    from { transform: translateX(-100%); opacity:0;}
    to{transform: translateX(0); opacity:1;}
}
.mui-act-wrapper .fadein-right,
.frame1-show .fadein-right,
.frame2-show .fadein-right{
    -webkit-animation:moveFromright .6s .6s ease both;
    -moz-animation:moveFromright .6s .6s ease both;
}
@-webkit-keyframes moveFromright {
    from { -webkit-transform: translateX(100%);opacity:0; }
    to{-webkit-transform: translateX(0); opacity:1;}
}
@keyframes moveFromright {
    from {transform: translateX(100%); opacity:0;}
    to{transform: translateX(0); opacity:1;}
}
.mui-act-wrapper .fadein-show,
.frame1-show .fadein-show{
    -webkit-animation:fadeInshow .8s .8s ease both;
    -moz-animation:fadeInshow .8s .8s ease both;
}
@-webkit-keyframes fadeInshow{
    0%{opacity:0; -webkit-transform:scale(0.01);}
    100%{-webkit-transform:scale(1);opacity: 1;}
}

/*loading animate*/
@-webkit-keyframes loading{
    0%,100%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.1),
        0 24px 0 rgba(218,218,218,0.25),
        -17px 17px 0 rgba(218,218,218,0.3),
        -24px 0 0 rgba(218,218,218,0.4),
        -17px -17px 0 rgba(218,218,218,0.5),
        0 -24px 0 rgba(218,218,218,0.6),
        17px -17px 0 rgba(218,218,218,0.7),
        24px 0 0 rgba(218,218,218,1);
    }
    12.5%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,1),
        0 24px 0 rgba(218,218,218,0.1),
        -17px 17px 0 rgba(218,218,218,0.25),
        -24px 0 0 rgba(218,218,218,0.3),
        -17px -17px 0 rgba(218,218,218,0.4),
        0 -24px 0 rgba(218,218,218,0.5),
        17px -17px 0 rgba(218,218,218,0.6),
        24px 0 0 rgba(218,218,218,0.8);
    }
    25%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.7),
        0 24px 0 rgba(218,218,218,1),
        -17px 17px 0 rgba(218,218,218,0.1),
        -24px 0 0 rgba(218,218,218,0.25),
        -17px -17px 0 rgba(218,218,218,0.3),
        0 -24px 0 rgba(218,218,218,0.4),
        17px -17px 0 rgba(218,218,218,0.5),
        24px 0 0 rgba(218,218,218,0.7);
    }
    37.5%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.6),
        0 24px 0 rgba(218,218,218,0.7),
        -17px 17px 0 rgba(218,218,218,1),
        -24px 0 0 rgba(218,218,218,0.1),
        -17px -17px 0 rgba(218,218,218,0.25),
        0 -24px 0 rgba(218,218,218,0.3),
        17px -17px 0 rgba(218,218,218,0.4),
        24px 0 0 rgba(218,218,218,0.6);
    }
    50%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.5),
        0 24px 0 rgba(218,218,218,0.6),
        -17px 17px 0 rgba(218,218,218,0.7),
        -24px 0 0 rgba(218,218,218,1),
        -17px -17px 0 rgba(218,218,218,0.1),
        0 -24px 0 rgba(218,218,218,0.25),
        17px -17px 0 rgba(218,218,218,0.3),
        24px 0 0 rgba(218,218,218,0.5);
    }
    62.5%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.4),
        0 24px 0 rgba(218,218,218,0.5),
        -17px 17px 0 rgba(218,218,218,0.6),
        -24px 0 0 rgba(218,218,218,0.7),
        -17px -17px 0 rgba(218,218,218,1),
        0 -24px 0 rgba(218,218,218,0.1),
        17px -17px 0 rgba(218,218,218,0.25),
        24px 0 0 rgba(218,218,218,0.4);
    }
    75%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.3),
        0 24px 0 rgba(218,218,218,0.4),
        -17px 17px 0 rgba(218,218,218,0.5),
        -24px 0 0 rgba(218,218,218,0.6),
        -17px -17px 0 rgba(218,218,218,0.7),
        0 -24px 0 rgba(218,218,218,1),
        17px -17px 0 rgba(218,218,218,0.1),
        24px 0 0 rgba(218,218,218,0.3);
    }
    87.5%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.25),
        0 24px 0 rgba(218,218,218,0.3),
        -17px 17px 0 rgba(218,218,218,0.4),
        -24px 0 0 rgba(218,218,218,0.5),
        -17px -17px 0 rgba(218,218,218,0.6),
        0 -24px 0 rgba(218,218,218,0.7),
        17px -17px 0 rgba(218,218,218,1),
        24px 0 0 rgba(218,218,218,0.2);
    }
}
@keyframes loading{
    0%,100%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.1),
        0 24px 0 rgba(218,218,218,0.25),
        -17px 17px 0 rgba(218,218,218,0.3),
        -24px 0 0 rgba(218,218,218,0.4),
        -17px -17px 0 rgba(218,218,218,0.5),
        0 -24px 0 rgba(218,218,218,0.6),
        17px -17px 0 rgba(218,218,218,0.7),
        24px 0 0 rgba(218,218,218,1);
    }
    12.5%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,1),
        0 24px 0 rgba(218,218,218,0.1),
        -17px 17px 0 rgba(218,218,218,0.25),
        -24px 0 0 rgba(218,218,218,0.3),
        -17px -17px 0 rgba(218,218,218,0.4),
        0 -24px 0 rgba(218,218,218,0.5),
        17px -17px 0 rgba(218,218,218,0.6),
        24px 0 0 rgba(218,218,218,0.8);
    }
    25%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.7),
        0 24px 0 rgba(218,218,218,1),
        -17px 17px 0 rgba(218,218,218,0.1),
        -24px 0 0 rgba(218,218,218,0.25),
        -17px -17px 0 rgba(218,218,218,0.3),
        0 -24px 0 rgba(218,218,218,0.4),
        17px -17px 0 rgba(218,218,218,0.5),
        24px 0 0 rgba(218,218,218,0.7);
    }
    37.5%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.6),
        0 24px 0 rgba(218,218,218,0.7),
        -17px 17px 0 rgba(218,218,218,1),
        -24px 0 0 rgba(218,218,218,0.1),
        -17px -17px 0 rgba(218,218,218,0.25),
        0 -24px 0 rgba(218,218,218,0.3),
        17px -17px 0 rgba(218,218,218,0.4),
        24px 0 0 rgba(218,218,218,0.6);
    }
    50%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.5),
        0 24px 0 rgba(218,218,218,0.6),
        -17px 17px 0 rgba(218,218,218,0.7),
        -24px 0 0 rgba(218,218,218,1),
        -17px -17px 0 rgba(218,218,218,0.1),
        0 -24px 0 rgba(218,218,218,0.25),
        17px -17px 0 rgba(218,218,218,0.3),
        24px 0 0 rgba(218,218,218,0.5);
    }
    62.5%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.4),
        0 24px 0 rgba(218,218,218,0.5),
        -17px 17px 0 rgba(218,218,218,0.6),
        -24px 0 0 rgba(218,218,218,0.7),
        -17px -17px 0 rgba(218,218,218,1),
        0 -24px 0 rgba(218,218,218,0.1),
        17px -17px 0 rgba(218,218,218,0.25),
        24px 0 0 rgba(218,218,218,0.4);
    }
    75%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.3),
        0 24px 0 rgba(218,218,218,0.4),
        -17px 17px 0 rgba(218,218,218,0.5),
        -24px 0 0 rgba(218,218,218,0.6),
        -17px -17px 0 rgba(218,218,218,0.7),
        0 -24px 0 rgba(218,218,218,1),
        17px -17px 0 rgba(218,218,218,0.1),
        24px 0 0 rgba(218,218,218,0.3);
    }
    87.5%{
        box-shadow:
        17px 17px 0 rgba(218,218,218,0.25),
        0 24px 0 rgba(218,218,218,0.3),
        -17px 17px 0 rgba(218,218,218,0.4),
        -24px 0 0 rgba(218,218,218,0.5),
        -17px -17px 0 rgba(218,218,218,0.6),
        0 -24px 0 rgba(218,218,218,0.7),
        17px -17px 0 rgba(218,218,218,1),
        24px 0 0 rgba(218,218,218,0.2);
    }
}
.p2-border2{ width:25.78%; 
    position:absolute; top:45%; left:35.40%;  }
.p2-border3{ width:25.78%; height:5%; z-index:2; 
  position:absolute; top:45%; left:35.40%; }
 .p3-border2{ width:25.78%; 
    position:absolute; top:44%; left:37.18%;  }
.p3-border3{ width:25.78%; height:5%; z-index:2; 
  position:absolute; top:44%; left:37.18%;} 
 .p5-border2{ width:25.78%; 
    position:absolute; top:35.5%; left:37.5%;  }
.p5-border3{ width:25.78%; height:5%; z-index:2; 
  position:absolute; top:36%; left:37.5%; } 
 .p6-border2{ width:25.78%; 
    position:absolute; top:50.5%; left:22.56%;  }
.p6-border3{ width:25.78%; height:5%; z-index:2; 
  position:absolute; top:52.5%; left:32.56%;  } 
  .p7-border2{ width:25.78%; 
    position:absolute; top:55.5%; left:21.56%;  }
.p7-border3{ width:25.78%; height:4%; z-index:2; 
  position:absolute; top:58.5%; left:32.56%; }  
   .p8-border2{ width:25.78%; 
    position:absolute; top:38.5%; left:2%;  }
.p8-border3{ width:25.78%; height:4%; z-index:2; 
  position:absolute; top:41.5%; left:12.93%;  }  
  .p9-border2{ width:25.78%; 
    position:absolute; top:38.5%; left:2%;  }
.p9-border3{ width:25.78%; height:4%; z-index:2; 
  position:absolute; top:41.5%; left:12.93%; }