lockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, legend, li, ol, p, pre, td, textarea, th, ul{
	margin: 0;
   	padding: 0;
    font-size: 0;
}
li {
	list-style: none;
}
img {
	/*vertical-align: bottom;*/
	width: 100%;
}
input {
	outline: none;
}
a {
  	color: #666666;
  	text-decoration: none;
}

body {
	width: 100%;
	height: 100vh;
	background-color: #fff;
	position: relative;
}
video {
    width: 100%;
    height: 100%;
}
video {
    object-fit: cover;
}

*{list-style-type:none;-webkit-tap-highlight-color: rgba(255,0,0,0);}

.hide {
	display: none;
}



.home-page {
	width: 100%;
	height: 100%;
	position: relative;
	left: 0%;
	top: 0%;
}

.home-page > img {
	height: 100%;
}

.home-logo {
	width: 30%;
    position: absolute;
    top: 2%;
    right: 4%;
}

.home-title {
	width: 50%;
    position: absolute;
    top: 12%;
    left: 25%;
    opacity: 1;
    animation: opsti 4s;
}
.share-page  .home-title {
	top: 11%;
	width:48%;
	left:26%;
}
@keyframes opsti {
	0% {
	    opacity: 0;
	}

	100% {
	    opacity: 1;
	}
}

.home-videogb {
	width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
}

.home-flower {
	width: 39%;
    position: absolute;
    left: 5%;
    bottom: -30%;
}

.home-text1 {
	width: 29%;
    position: absolute;
    top: 17%;
    right: -17%;
}

.home-myvideo {
	width: 100%;
    position: absolute;
    /*background-color: #000;*/
    top: 0%;
    left: 0%;
}
.page-vok{
	opacity:0;
}
#myvideo {
	width: 100%;
	height: 100%; 
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
}
.myvideo {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	z-index: 100;
	background-color: #000;
	display: block;
}

.paly-but {
	width: 100%;
	height:100%;
    position: absolute;
    top: 0%;
    left: 0%;
}

@keyframes upTips {
	0% {
	    opacity: 1;
	   
	    -webkit-transform: translate3d(0,0,0);
	  	transform: translate3d(0,0,0);
	}
	100% {
	    opacity: 0;
	 	-webkit-transform: translate3d(0,-20px,0);
    	transform: translate3d(0,-20px,0);   
	}
}

.fadeInUp {
	animation: fadeInUp .8s linear;
	display: block;
}

@keyframes fadeInUp {
	0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0,50px,0);
	    transform: translate3d(0,50px,0);
	}

	100% {
	    opacity: 1;
	    -webkit-transform: translate3d(0,0,0);
	    transform: translate3d(0,0,0);
	}
}

.paly-but1 {
	width: 13%;
    position: absolute;
    left: 42%;
    top: 38%;
}

.myVideo1 {
  position: fixed!important;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  z-index: 100;
  background-color: #000;
}

.next-page-btn {
	width: 10%;
    position: absolute;
    bottom: 3%;
    left: 45%;
    animation: upTips 1s infinite;
}
@keyframes upTips {
	0% {
	    opacity: 1;
	   
	    -webkit-transform: translate3d(0,0,0);
	  	transform: translate3d(0,0,0);
	}
	100% {
	    opacity: 0;
	 	-webkit-transform: translate3d(0,-20px,0);
    	transform: translate3d(0,-20px,0);   
	}
}
/*外链页*/
.outside-page {
	width: 100%;
	height: 100%;
	position: relative;
	left: 0%;
	top: 0%;
}

.outside-page > img {
	height: 100%;
}


.frequency {
	width: 14%;
  	position: absolute;
  	right: 2%;
  	bottom: 1%;
  	z-index: 999;
}

.Hui-Fan {
	width: 14%;
    position: absolute;
    right: 2%;
    bottom: 0.9%;
    z-index: 999;
}
.home-page-title {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0%;
	animation: upTipst 2s;
}
@keyframes upTipst {
	0% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}

.home-page-logo {
	width: 100%;
	position: absolute;
	bottom: 4%;
	left: 0%;
}


#loading {
    background: #fcecb8 !important;
}

#canvas{    position: absolute;    top: 0px;    left: 0px;}

.outside-page-logo {
	width: 36%;
    position: absolute;
    top: 0%;
    right: 0%;
}

.outside-page-title {
	width: 56%;
    position: absolute;
    top: 14%;
    left: 22.5%;
    display: none;
}

.outside-page-text {
	width: 54%;
    position: absolute;
    top: 24%;
    right: 0%;
    display: none;
}

.outside-page-btn {
	width: 60%;
    position: absolute;
    bottom: 2%;
    left: 20%;
}