html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
}

* {
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;
}


body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
    background-color:#000;
     height: 100vh;
} 
 
canvas{display: none;position: absolute;;}
.videocontainer {
    width: 960px;
    height: 540px;
    position: absolute;
	transform: translate(-50%, -50%);
    left: 50%;
	top:50%;
	padding:5px;
	background-color: #C1E7FF;
    display: none;
	z-index: 999;
}
 
.videocontainer video {
    object-fit: cover;
    object-position: center;
	width:100%;
	height:100%;
}

.closebtn {
    position: absolute;
    left: 930px;
    top: -30px;
	cursor: pointer;
}

.videoBox {
	position:absolute;
	left:0px;
	top:0;
	width:100%;
	height:100%;
	z-index:1005;
	background-color: #000;;
	display: flex;
    /* top: 0px; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
	/*height:1464px*/

}
.videoBox .videoPlay,.videoBox .videoDz,.videoBox .videoFm {
	width:750px;
/*
	position:absolute;
	width:750px;
	height:100%;
	top:0;
	left:0;*/
	z-index:99
}
.videoBox .playBtn {
	position:absolute;
	top:50%;
	margin:auto;
	left:0;
	right:0;
	-webkit-animation:pulse 2s linear infinite;
	animation:pulse 2s linear infinite
}
.videoBox .videoPlay {
	/*display:none;*/
	/*background:#b5c6a0*/
}
.videoBox video {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
 /*
.videoBox video::-webkit-media-controls,.videoBox video::-moz-media-controls,.videoBox video::-webkit-media-controls-enclosure {
	display:none !important
}
.videoBox video::-webkit-media-controls-panel,.videoBox video::-webkit-media-controls-panel-container,.videoBox video::-webkit-media-controls-start-playback-button {
	display:none !important;
	-webkit-appearance:none
}
*/
.videoBox .videoLoadTxt {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	line-height:416px;
	color:#fff;
	font-size:24px;
	display:none;
	z-index:100
}

.exvideo{position: absolute;top:0;}
.endvideo{position: absolute;top:8112px;left:unset;right:108px;height:1000px;width:562px;}
.endvideo .videoDz{width:100%;}
.endvideo video{width:750px;}
.skip{position: absolute;right:50px;bottom:200px;z-index:1005;display: none;;width: 60px;}

.loading_progress{

	text-align: center;color:#fff;font-weight: normal;font-size: 26px;
	position: absolute;left: 40%; top:40%
 }
 .loading {
		 margin: 0px;
		 padding: 0px;
		 overflow: hidden;
		 background-color:#000;
		 
	     background-color:rgb(138,206,234);  
		 background-size:100%;
	 }
.loadingBg{width: 100%;height: 100%;};
.daoyu{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color:#000; 
	position:absolute;width:100%;height:100%;left:0;top:0;z-index: 999;
}
.note{
    position:absolute;
    bottom: 100px;
    right: 200px;
	animation:tip_move 1.5s linear .5s infinite
}
.about{
    position:absolute;
    right:150px;
	bottom:0;
	/*
	bottom: 50%;
    transform: translate(0, 50%);*/
    display: none;
	width:650px;
	cursor: pointer;
	z-index: 998;
}
.author{
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;;
    display: none;
	z-index: 999
}
@keyframes tip_move {
	0%{
		transform: scale(1);  /*开始为原始大小*/
	}
	25%{
		transform: scale(1.2); /*放大1.1倍*/
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(1.2);
	}
}
.note2{
    position:absolute;
    bottom: 200px;
    left: 320px;
	animation:tip_move2 1.5s linear .5s infinite
	}
    @keyframes tip_move2 {
        0%,100% {
            transform: translateX(-30px)
        }
    
        50% {
            transform: translateY(0)
        }
    }
/*音乐 begin*/

#rotate {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	z-index: 9999;
	background-image: url("../images/mu.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	pointer-events: visible;
}

.rotate_ani {
	-webkit-animation: rotating 3s linear 0s infinite;
	-moz-animation: rotating 3s linear 0s infinite;
	-ms-animation: rotating 3s linear 0s infinite;
	animation: rotating 3s linear 0s infinite;
}

@-webkit-keyframes rotating {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


.m-banner {
    position: relative;
    width: 100%;
    height: 100vh
}

.m-banner .banner-content {
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
    z-index: 5;
    color: #fff
}

.m-banner .banner-content .title {
    margin-bottom: .2rem;
    font-size: 48px
}

.m-banner .banner-content .description {
    font-size: 48px
}

.m-banner .banner-media-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.m-banner .banner-media-wrap::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(63,64,79,0.5) 0%, rgba(12,11,73,0.3) 100%)
}

.m-banner .banner-media-wrap .video-play {
	position: absolute;
    bottom: .8rem;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    font-size: 0;
    cursor: pointer;
}

.m-banner .banner-media-wrap .video-play:hover {
    background-color: rgba(255,255,255,0.2)
}

.m-banner .banner-media-wrap .video-play .iconfont,.m-banner .banner-media-wrap .video-play .text {
    display: inline-block;
    vertical-align: middle;
    font-family: 'PingFangSC','PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF
}

.m-banner .banner-media-wrap .video-play .iconfont {
    margin-right: 4px
}

.m-banner .banner-media {
    object-fit: cover;
    object-position: 50% 60%;
    width: 100%;
    height: 100%
}