.sub-header{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.480257rem;
	background-color: #FFF;
	background-color: rgba(255,255,255,0.2);
	filter: alpha(opacity=20)
	z-index: 999;
}
.sub-nav{
	width: 5.763089rem;
	/*min-width: 6.115278rem;*/
	/*margin: 0 0 0 1.840987rem;*/
	/*padding-left: 0.352189rem;*/
	/*padding-left: 0.704378rem;*/
	margin: 0 auto;
}
.sub-nav > li{
	position: relative;
	/*width: 1.440772rem;*/
	width: 1.088583rem;
	height: 0.480257rem;
	font-size: 0.11206rem;
	text-align: center;
	color: #FFF;
	float: left;
	margin: 0 0.176094rem;
}
.sub-nav li a{
	display: inline-block;
	/*width: 0.896481rem;*/
	width: 1.088583rem;
	height: 0.480257rem;
	text-align: center;
	line-height: 0.480257rem;
	color: #FFF;

	/*padding-left: 0.192103rem;*/
}
.sub-nav li a:hover{
	display: inline-block;
	color: #FFF;
	background-color: #2B2B2D;
	background-color: rgba(43,43,45,0.5);
	filter: alpha(opacity=50);
}
.sub-nav-second{
	display: none;
	position: absolute;
	left: 50%;
	bottom: 0.480257rem;
	margin-left: -0.544292rem;
	width: 1.088583rem;
	z-index: 999;
}
.sub-nav li:hover > .sub-nav-second{
	display: block;
}
.sub-nav-second li{
	width: 1.088583rem;
	/*width: 1.040558rem;*/
	height: 0.352189rem;
	font-size: 0.096051rem;
	text-align: center;
	color: #FFF;
	background-color: #2B2B2D;
	background-color: rgba(43,43,45,0.5);
	filter: alpha(opacity=50);
}
.sub-nav-second li > a{
	height: 0.352189rem;
	line-height: 0.352189rem;
}
.page{
	overflow: hidden;
}
.page1{
	width: 100%;
	height: 100%;
	background: url(https://static.loho88.com/loho88/images/01.jpg) no-repeat center/cover;
}
.page2{
	width: 100%;
	height: 100%;
	background: url(https://static.loho88.com/loho88/images/02.jpg) no-repeat center/cover;
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.page2-animation, .page3-animation, .page4-animation{
	-webkit-animation-name: kenburns;
    animation-name: kenburns;
  	-webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  	-webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  	-webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  	-webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-name: kenburns;
    animation-name: kenburns;
}
@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes kenburns {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.page3{
	width: 100%;
	height: 100%;
	background: url(https://static.loho88.com/loho88/images/03.jpg) no-repeat center/cover;
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.page4{
	width: 100%;
	height: 100%;
	background: url(https://static.loho88.com/loho88/images/04.jpg) no-repeat center/cover;
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.page5{
	width: 100%;
	height: 100%;
	background-color: #EEEEEE;
	overflow-y: auto;
}
.page{
	position: relative;
}
.index-first{
	width: 3.361802rem;
	height: 1.680901rem;
	position: absolute;
	top: 2.065107rem;
	left: 50%;
	margin-left: -1.680901rem;
	z-index: 902;
}
.video-play{
	width: 0.320172rem;
	height: 0.320172rem;
	position: absolute;
	top: 3.834055rem;
	left: 50%;
	margin-left: -0.160086rem;
	z-index: 902;
}
#vide{
	/*width: 15.368237rem;
	height: 8.644634rem;*/
	/*width: 100%;
	height: 100%;*/
	object-fit:fill;
}
.wechat-img, .wechat-second, .wechat-third, .wechat-fourth{
	width: 1.504807rem;
	height: 1.504807rem;
	position: absolute;
	bottom: 1.80897rem;
	left: 50%;
	margin-left: -0.752403rem;
	z-index: 902;
}
.wechat-second, .wechat-third, .wechat-fourth{
	display: none;
}
.first-text-head, .second-text-head, .third-text-head, .fourth-text-head{
    width: 100%;
    position: absolute;
    bottom: 1.55897rem;
    left: 0;
    z-index: 902;
    font-size: 0.160086rem;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    letter-spacing: 0.032017rem;
}
.second-text-head, .third-text-head, .fourth-text-head{
	display: none;
}
.first-text-foot, .second-text-foot, .third-text-foot, .fourth-text-foot{
	width: 100%;
    position: absolute;
    bottom: 1.35897rem;
    left: 0;
	z-index: 902;
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
}
.second-text-foot, .third-text-foot, .fourth-text-foot{
	display: none;
}

.wechant-first-text{
	position: absolute;
	bottom: 1.360729rem;
	width: 100%;
	height: 0.352189rem;
	font-size: 0.160086rem;
	line-height: 0.352189rem;
	text-align: center;
	color: #DEDEDE;
}
.pull-down{
	width: 0.384206rem;
	height: 0.384206rem;
	/*width: 0.320172rem;
	height: 0.320172rem;*/
	position: absolute;
	bottom: 0.640343rem;
	left: 50%;
	margin-left: -0.192103rem;
	cursor: pointer;
	z-index: 902;
	/*animation: pulldown 2s infinite;*/
}
/*@keyframes pulldown {
	o% {
		transform: translate(0.0rem, 0.0rem);
	}
	50% {
		transform: translate(0.0rem, -2.401287rem);
	}
	100% {
		transform: translate(0.0rem, 0.800429rem);
	}
}*/
.index-second{
	width: 7.588067rem;
	height: 2.625407rem;
	position: absolute;
	top: 1.432768rem;
	left: 50%;
	margin-left: -3.794034rem;
	display: none;
}
.index-third{
	width: 8.724676rem;
	height: 1.600858rem;
	position: absolute;
	top: 2.113133rem;
	left: 50%;
	margin-left: -4.362338rem;
	display: none;
}
.index-fourth{
	width: 5.442917rem;
	height: 2.689442rem;
	position: absolute;
	top: 1.488798rem;
	left: 50%;
	margin-left: -2.721459rem;
	display: none;
}