html.ofh,html.ofh body{width:100%;height:100%;}
.item_1 .bt,.item_1 .lhlogo,.item_1 .light{transform:translateX(-50%);}
*{margin:0;padding:0;outline:0;}
img{display:block;border:0;}
body{background-color:#04041b;}
html.ofh body{overflow:hidden;}
body.white{background-color:#fff;}
body.maxWidth{margin:0 auto;max-width:640px;}
.conBox h2,.conBox p{margin-bottom:15px;text-align:justify;}
.item_1{position:relative;background:url(../images/nbg.jpg) 50% 100%/cover no-repeat;}
.item_1 .bt,.item_1 .logo,.item_1 .lhlogo,.item_1 .light,.item_1 .sub{position:absolute;left:50%;}
.item_1 .bg{width:100%;}
.item_1 .logo{top:15px; left: 15px; width:20%;}
.item_1 .lhlogo{top:11%;width:50%;}
.item_1 .bt{top:18%;width:90%;}
.item_1 .light{top:35%;width:100%;}
.item_1 .sub{top:50%;overflow:hidden;margin-top:8%;margin-left:0;width:90%;transform:translate(-50%,-50%);}
.item_1 .sub img{position:relative;width:100%;}
.item_1 .start{position:absolute;bottom:8%;left:50%;width:20%;transform:translateX(-50%);animation:aup 1s ease-in 0s infinite;}
.item_2{position:relative;}
.item_2 .bgg{width:100%;}
.item_2 .auth{position:absolute;display:none;width:50%;height:15%;opacity:.4;}
.item_2 .auth_txm{top:5%;left:0;}
.item_2 .auth_zwx{top:11%;right:0;}
.item_2 .auth_tkx{top:20%;left:0;}
.item_2 .auth_zsw{top:27%;right:0;}
.item_2 .auth_crg{top:35%;left:0;}
.item_video{position:relative;}
.item_video>img{width:100%;}
.item_video>a{position:absolute;top: 66%;left: 4%;width: 70px;height: 90px;background:url(../images/play.png) 50% 50%/contain no-repeat;animation:aplay 1s ease-in 0s infinite;}
.item_video:nth-child(odd)>a{right: 4%; left: inherit;}
.videoBox .myVideo{display:block;width:100%;}

.foot{position: relative;}
  .foot img{ width: 100%;}
.audio{position:fixed;top:5px;right:5px;z-index:20;width:35px;height:35px;}
.audio .audio_o{display:block;width:100%;height:100%;background:url(../images/musicc.png) 50% 50%/contain no-repeat;}

@media screen and (max-width:420px){	
.item_1 .light {top: 33%;}	
.item_1 .sub{ margin-top: 6%;}
.item_video>a{top: 65%;left: 3%;width: 70px;height: 90px;}

	
}



@media screen and (max-width:375px){	
.item_1 .light {top: 30.5%;}	
.item_video>a{top: 65%;left: 3%;width: 70px;height: 90px;}

	
}




@-moz-keyframes aup{0%,100%{transform:translateX(-50%) scale(1);}
60%{transform:translateX(-50%) scale(1.05);}
}
@-webkit-keyframes aup{0%,100%{transform:translateX(-50%) scale(1);}
60%{transform:translateX(-50%) scale(1.05);}
}
@-o-keyframes aup{0%,100%{transform:translateX(-50%) scale(1);}
60%{transform:translateX(-50%) scale(1.05);}
}
@keyframes aup{0%,100%{transform:translateX(-50%) scale(1);}
60%{transform:translateX(-50%) scale(1.05);}
}
@-moz-keyframes aplay{0%,100%{transform:scale(1);}
60%{transform:scale(1.05);}
}
@-webkit-keyframes aplay{0%,100%{transform:scale(1);}
60%{transform:scale(1.05);}
}
@-o-keyframes aplay{0%,100%{transform:scale(1);}
60%{transform:scale(1.05);}
}
@keyframes aplay{0%,100%{transform:scale(1);}
60%{transform:scale(1.05);}
}