html, body { /* overflow: hidden;height: 100%;  */}

.index-video { position: fixed; width: 100%; height: 100%; z-index: 99; background: url(../images/wlbg.png); background-size: cover;overflow: hidden; }
.index-video video { width: 100%; }
.index-video .video-btn { position: absolute; bottom: 10%; left: 80%; width: 100%; height: 5%; color: #fff; font-size: 40px; }
.index-video .container{ width: 80%; margin: 50px auto; text-align: center; height: 100%;}
.index-video .mlogo{animation: fadenum 3s;}
.index-video .dxjz{animation: sport 3s; margin-top: 50px;}
.index-video .mlogo img{ width: 40%;}
.index-video .dxjz img{ width: 60%;}
@keyframes fadenum{
	0%{ transform: translateY(-297px);}
}
@keyframes sport{
	0%{ transform: translateY(300%);}
	100%{ transform: translateY(0%);}
}
.index-video .piclist{
	width: 100%;
	height: 241px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px 0;
	background-color: #fff;
	animation: move 6s linear 2s both; 
display: flex;
	justify-content: center;
	align-items: center;
}
.index-video .piclist img{
	height: 100%;
	float:left;
	margin-left:4px;
}
@keyframes move {
	0% {transform:translateX(100%);}
	100%{transform:translateX(0%);}
}

.module{
	width: 100%;
	height: 100%;;
	position: relative;
	z-index: 20; 
}
.module .modudiv{
	width: 100%; 
	height: 100%; 
	background-image: url(../images/indexbg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
 .banner{ display: none;}



.index-header { position: relative; z-index: 20;display: none; }
.index-header .index-logo { background: url(../images/headerbg.png) no-repeat; background-size: cover; min-height: 174px; }
.index-header .index-logo .container { display: flex; justify-content: space-between; align-items: center; width: 83%; margin: 0 auto; }
.index-header .index-logo .container .logo2 { position: relative; top: 26px; left: 3%; z-index: 100; }
.index-header .index-logo .container .count-down { background: url(../images/timebg.gif) no-repeat; color: #F6B867; display: flex; font-size: 24px; align-items: center; width: 28%; height: 80px; }
.index-header .index-logo .container .count-down .text1 { margin: 0 6% 0 8%; line-height: 1.3; }
.index-header .index-logo .container .count-down .text2 { font-size: 28px; }
.index-header .index-logo .container .count-down .text2 span { font-size: 50px; padding: 0 10px; }


.module .index-logo { min-height: 159px; }
.module .index-logo .container { display: flex; justify-content: space-between; align-items: center; width: 88%; margin: 0px auto; padding: 30px 0; }
.module .index-logo .container .logo1{ animation: linearwipe 6s steps(100, end); white-space: nowrap;
  overflow: hidden;  opacity: 1;width: 825px;height: 159px; }
@keyframes linearwipe{ 
    from { width: 0;opacity: 0 } 
} 
.module .index-logo .container .logo2 { position: relative; top: 26px; left: 4%; z-index: 100; }
.module .index-logo .container .count-down { background: url(../images/timebg.gif) no-repeat; overflow: hidden; width:446px; height: 80px; animation: moveright 6s steps(100, end); white-space: nowrap;overflow: hidden;}


.module .index-logo .container .count-down .downs{
	width: 100%;
	height: 100%;
	color: #F6B867;
	font-size: 24px;
	animation: moveright1 6s steps(100, end); white-space: nowrap;overflow: hidden;
	
}
@keyframes moveright {
  from { width: 0;opacity: 0 } 
}
@keyframes moveright1 {
  from { width: 0;opacity: 0 } 
}

@keyframes ani {
  from {
	  left: 0%;
  }
  to {
	  left: 100%;
  }
}
@keyframes ani2 {
  to {
    transform: translate(-50%);
  }
}
@keyframes ani3 {
  0% {
    opacity: 0;
  }
  70%{
	  opacity: 0;
  }
  100%{
	  opacity: 1;
  }
}
.module .index-logo .container .count-down .text1 { margin: 8px 5% 0 8%; line-height: 1.3; width: 62%;float: left;}
.module .index-logo .container .count-down .text1 font{ display: block;  line-height: 1.45;}
.module .index-logo .container .count-down .text2 { font-size: 28px;float: left;line-height: 1.7; }
.module .index-logo .container .count-down .text2 span { font-size: 50px; padding: 0 10px; }

.indexmain{
	width: 90%;
	margin: 20px auto;
	position: relative;
}
.indexmain .m90logo{
	position: absolute;
	width: 42%;
	left: 31%;
	top: 0;    
	z-index: 100;
}


.indexmain #index-nav {height: 274px;padding-top: 8.2%; }
.indexmain .index-nav { position: relative; z-index: 10; width: 100%; float: left;  }
.indexmain .index-nav .container { width: 83%; height: 74px; margin: 0 auto; }
.indexmain .wp-menu {width: 100%;font-size: 28px; height: 100%;    position: relative; }
.indexmain .wp-menu .menu-item { position: relative; width: 200px; height: 80px; text-align: center; line-height: 80px; float: left; transition: 0.2s; background-size: 80%; /* margin-right: 6.5%; */ letter-spacing: 3px; }
.indexmain .wp-menu .menu-item:first-child{ background: url(../images/home.png) no-repeat; background-size: 100%; width:200px; height: 80px;position: absolute;left: 0; top: 0;animation:myleftmove 2s ease-out 2s backwards;}

@keyframes myleftmove {
	0%{
		transform:translate(560px);
		opacity:0;
		top:80px;
	}
	100%{
		transform:translate(0px);
		opacity:1;
		top:0px;
	}
}
@keyframes myleftmove2 {
	0%{
		transform:translate(560px);
		opacity:0;
		top:80px;
	}
	
	100%{
		transform:translate(0px);
		opacity:1;
		top:0px;
	}
}
@keyframes myleftmove3 {
	0%{
		transform: rotate(360deg);left:560px;
		opacity:0;
	}
	25%	{
		transform: rotate(240deg);left:360px;
	}
	50%	{
		transform: rotate(120deg);left:240px;
	}
	75%	{
		transform: rotate(0deg);left:120px;
	}
	100%{
		transform: rotate(-360deg);left:0;
		opacity:1;
	}
}

@keyframes myleftmove4 {
	0%{
		transform:translate(560px);
		opacity:0;
		top:-80px;
	}
	
	100%{
		transform:translate(0px);
		opacity:1;
		top:0px;
	}
}

@keyframes myleftmove5 {
	0%{
		transform:translate(-560px);
		opacity:0;
		top:80px;
	}
	100%{
		transform:translate(0px);
		opacity:1;
		top:0;
	}
/* 	0%		{transform: rotate(80deg);right:700px;opacity:0}
50%		{transform: rotate(0deg);right:500px;}
100%	{transform: rotate(-360deg);right:255px;} */
}
@keyframes myleftmove6 {
	0%{
		transform:translate(-560px);
		opacity:0;
		top:80px;
	}

	100%{
		transform:translate(0px);
		opacity:1;
		top:0px;
	}
}
@keyframes myleftmove7 {
	0%{
		transform:translate(-560px);
		opacity:0;
		top:-80px;
	}
	100%{
		transform:translate(0px);
		opacity:1;
		top:0px;
	}
}
@keyframes myleftmove8 {
	0%{
		transform: rotate(360deg);right:560px;
		opacity:0;
	}
	25%	{
		transform: rotate(240deg);right:360px;
	}
	50%	{
		transform: rotate(120deg);right:240px;
	}
	75%	{
		transform: rotate(0deg);right:120px;
	}
	100%{
		transform: rotate(-360deg);right:0;
		opacity:1;
	}
}

.indexmain .wp-menu .menu-item:nth-child(n+2):hover::after { display: block; }

.indexmain .wp-menu .menu-item:nth-child(2) {background: url(../images/xyzx.png) no-repeat;background-size: 100%; width:200px; height: 80px; position: absolute; left: 15%; top: 0;animation:myleftmove2 2s ease-out 3s backwards;}
.indexmain .wp-menu .menu-item:nth-child(3) {background: url(../images/yfg.png) no-repeat;background-size: 100%; width:200px; height: 80px; position: absolute; left: 0%;top:0%;margin-top: 130px;animation:myleftmove3 2s ease-out 5s backwards;}
.indexmain .wp-menu .menu-item:nth-child(4) {background: url(../images/xqjzbs.png) no-repeat;background-size: 100%; width:200px; height: 80px; position: absolute; left: 15%;top:0%; margin-top: 130px;animation:myleftmove4 2s ease-out 6s backwards;}
.indexmain .wp-menu .menu-item:nth-child(5) {background: url(../images/home.png) no-repeat;background-size: 100%; width:200px; height: 80px; position: absolute; right: 15%;top:0;animation:myleftmove5 2s ease-out 3s backwards;}
.indexmain .wp-menu .menu-item:nth-child(6) {background: url(../images/xyzx.png) no-repeat;background-size: 100%; width:200px; height: 80px; position: absolute; right: 0;top:0;animation:myleftmove6 2s ease-out 2s backwards;}
.indexmain .wp-menu .menu-item:nth-child(7) {background: url(../images/home.png) no-repeat;background-size: 100%; width:200px; height: 80px; position: absolute; right: 15%;top:0%; margin-top: 130px;animation:myleftmove7 2s ease-out 6s backwards;}
.indexmain .wp-menu .menu-item:nth-child(8) {background: url(../images/xqjzbs.png) no-repeat;background-size: 100%; width:200px; height: 80px; position: absolute; right: 0;top:0%;margin-top: 130px;animation:myleftmove8 2s ease-out 5s backwards;} 
.indexmain .wp-menu .menu-item a { text-align: center; width: 100%; display: block; color: #FFFCDB; }

.index-banner { /*.pic{ perspective: 6000px; height: 100%; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; img{ width: 100%; height: 100%; }
}*/ }
.index-banner img { width: 100%; height: 100%; }
.index-banner .index-banner-pagination { bottom: 5%; }
.index-banner .swiper-pagination-bullet { background: #FFFCDB; margin-right: 14px !important; opacity: 1; width: 20px; height: 20px; }
.index-banner .swiper-pagination-bullet-active { opacity: 1; background: #A4195F; }
.index-banner .index-banner-button { width: 94px; height: 94px; background: rgba(255, 255, 255, 0.4); border-radius: 50%; color: rgba(255, 255, 255, 0.6); }
.index-banner .index-banner-button:hover { background: white; color: #C5DDFC; }
.index-banner .swiper-button-prev { left: 60px; }
.index-banner .swiper-button-next { right: 60px; }
#mb-nav { display: none; }
@media screen and (min-width: 320px) and (max-width: 767px) { html { font-size: 10vw; }
  html, body { overflow: unset; }
  .modudiv{ display: none;}
 .banner{ display: block;}
   #mb-nav { display: block; }
  .index-video { display: none; }
  .index-header{ display: block;}
  .index-header .index-logo { min-height: 0rem; }
  .index-header .index-logo .container { justify-content: space-around; width: 100%; }
  .index-header .index-logo .container .logo1 { display: none; }
  .index-header .index-logo .container .logo2 { top: 0; left: 0; z-index: 100; width: 1.0666666667rem; }
  .index-header .index-logo .container .logo2 img { width: 100%; padding: 0.2666666667rem 0 0.2666666667rem 0.2666666667rem; }
  .index-header .index-logo .container .count-down { background-size: contain; font-size: 0.3733333333rem; align-items: center; width: 63%; height: 1.1733333333rem; }
  .index-header .index-logo .container .count-down p { line-height: unset; }
  .index-header .index-logo .container .count-down .text1 { margin: 0 8% 0 5%; }
  .index-header .index-logo .container .count-down .text2 { font-size: 0.36rem; }
  .index-header .index-logo .container .count-down .text2 span { font-size: 0.5rem; padding: 0 0.1333333333rem; }
  .index-header #index-nav { min-height: unset; }
  .index-header .index-nav { display: none; position: absolute; z-index: 10; width: 100%; background: url(../images/navbg.png) no-repeat; background-size: cover; min-height: unset; }
  .index-header .index-nav .container { width: 83%; height: 74px; margin: 0 auto; }
  .index-header .index-nav .container .wp-menu { display: flex; align-items: center; font-size: 0.32rem; height: 100%; }
  .index-header .index-nav .container .wp-menu .menu-item { position: relative; height: 100%; display: flex; align-items: center; transition: 0.2s; margin-right: 6.5%; letter-spacing: 1px; }
  .index-header .index-nav .container .wp-menu .menu-item:hover { border-bottom: 4px solid #F6B867; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(n+2)::after { content: ""; display: none; background: url(../images/90tip.png) no-repeat; position: absolute; left: 54%; top: -6%; width: 80px; height: 26px; z-index: 12; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(n+2):hover::after { display: block; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(4) { margin-right: 19.5%; }
  .index-header .index-nav .container .wp-menu .menu-item a { color: #FFFCDB; }
  .index-banner { width: 100%; height: 5.3333333333rem; }
  .index-banner .swiper-pagination-bullet { margin-right: 0.1866666667rem !important; width: 0.2666666667rem; height: 0.2666666667rem; }
  .index-banner .index-banner-button { display: none; }
  .mb-nav { padding: 0.5333333333rem 0 0.8rem; background: url(../images/bj2.png) no-repeat center center; }
  .mb-nav .mb-menu .menu-item { margin-bottom: 0.4rem; position: relative; }
  .mb-nav .mb-menu .menu-item .menu-link { display: flex; }
  .mb-nav .mb-menu .menu-item .menu-link img { width: 100%; max-width: 100%; }
  .mb-nav .mb-menu .menu-item .menu-link span {display: block;
    position: absolute;
    right: 45px;
    top: 38%;
    font-size: 22px;
    color: #fff;
    width: 119px;
	}
	.mb-nav .mb-menu .menu-item .menu-link span::after{
		content: '';
		width: 6px;
		height: 6px;
		position: absolute;
		right: 1px;
		top: 8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
	}
  .mb-empty { position: fixed; bottom: 0; width: 100%; height: 1.4666666667rem; background: #fff; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { html { font-size: 10vw; }
  html, body { overflow: unset; }
  .index-video { display: none; }
  .index-header .index-logo { min-height: 0rem; }
  .index-header .index-logo .container { justify-content: space-around; width: 100%; }
  .index-header .index-logo .container .logo1 { display: none; }
  .index-header .index-logo .container .logo2 { top: 0; left: 0; z-index: 100; width: 1.0666666667rem; }
  .index-header .index-logo .container .logo2 img { width: 100%; padding: 0.2666666667rem 0 0.2666666667rem 0.2666666667rem; }
  .index-header .index-logo .container .count-down { background-size: contain; font-size: 0.3733333333rem; align-items: center; width: 63%; height: 1.1733333333rem; }
  .index-header .index-logo .container .count-down p { line-height: unset; }
  .index-header .index-logo .container .count-down .text1 { margin: 0 6% 0 8%; }
  .index-header .index-logo .container .count-down .text2 { font-size: 0.3733333333rem; }
  .index-header .index-logo .container .count-down .text2 span { font-size: 0.6933333333rem; padding: 0 0.1333333333rem; }
  .index-header #index-nav { min-height: unset; }
  .index-header .index-nav { display: none; position: absolute; z-index: 10; width: 100%; background: url(../images/navbg.png) no-repeat; background-size: cover; min-height: unset; }
  .index-header .index-nav .container { width: 83%; height: 74px; margin: 0 auto; }
  .index-header .index-nav .container .wp-menu { display: flex; align-items: center; font-size: 0.32rem; height: 100%; }
  .index-header .index-nav .container .wp-menu .menu-item { position: relative; height: 100%; display: flex; align-items: center; transition: 0.2s; margin-right: 6.5%; letter-spacing: 1px; }
  .index-header .index-nav .container .wp-menu .menu-item:hover { border-bottom: 4px solid #F6B867; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(n+2)::after { content: ""; display: none; background: url(../images/90tip.png) no-repeat; position: absolute; left: 54%; top: -6%; width: 80px; height: 26px; z-index: 12; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(n+2):hover::after { display: block; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(4) { margin-right: 19.5%; }
  .index-header .index-nav .container .wp-menu .menu-item a { color: #FFFCDB; }
  .index-banner { width: 100%; height: 5.3333333333rem; }
  .index-banner .swiper-pagination-bullet { margin-right: 0.1866666667rem !important; width: 0.2666666667rem; height: 0.2666666667rem; }
  .index-banner .index-banner-button { display: none; }
  .mb-nav { padding: 0.5333333333rem 0 0.8rem; background: url(../images/bj2.png) no-repeat center center; }
  .mb-nav .mb-menu .menu-item { margin-bottom: 0.4rem; }
  .mb-nav .mb-menu .menu-item .menu-link { display: flex; }
  .mb-nav .mb-menu .menu-item .menu-link img { width: 100%; max-width: 100%; }
  .mb-nav .mb-menu .menu-item .menu-link span { display: none; }
  .mb-empty { position: fixed; bottom: 0; width: 100%; height: 1.4666666667rem; background: #fff; } }
@media screen and (min-width: 1025px) and (max-width: 1400px) { html { font-size: 10vw; }
  #mb-nav { display: none; }
  .index-header .index-logo { min-height: unset; }
  .index-header .index-logo .container { width: 90%; }
  .index-header .index-logo .container img { max-width: 100%; }
  .index-header .index-logo .container .logo1 { width: 23%; }
  .index-header .index-logo .container .logo2 { width: 9%; left: 0; top: 0; }
  .index-header .index-logo .container .count-down { background-size: contain; font-size: 14px; width: 27%; height: 45px; }
  .index-header .index-logo .container .count-down p { line-height: unset; }
  .index-header .index-logo .container .count-down .text1 { margin: 0 0 0 8%; }
  .index-header .index-logo .container .count-down .text2 { font-size: 20px; }
  .index-header .index-logo .container .count-down .text2 span { font-size: 28px; padding: 0 5px 0 10px; }
  .index-header #index-nav { min-height: unset; }
  .index-header .index-nav { min-height: unset; }
  .index-header .index-nav .container { width: 90%; height: 54px; margin: 0 auto; }
  .index-header .index-nav .container .wp-menu { display: flex; align-items: center; justify-content: space-between; font-size: 0.16rem; height: 100%; }
  .index-header .index-nav .container .wp-menu .menu-item { margin-right: 0; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(n+2)::after { background-size: contain; height: 20px; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(4) { margin-right: 0; }
  .index-header .index-nav .container .wp-menu .menu-item:last-child { margin-right: 0; }
  .index-banner .index-banner-button { width: 70px; height: 70px; } }
@media screen and (min-width: 1401px) and (max-width: 1599px) { html { font-size: 10vw; }
  #mb-nav { display: none; }
  .index-header .index-logo { min-height: unset; }
  .index-header .index-logo .container { width: 90%; }
  .index-header .index-logo .container img { max-width: 100%; }
  .index-header .index-logo .container .logo1 { width: 23%; }
  .index-header .index-logo .container .logo2 { width: 9%; left: 0; top: 0; }
  .index-header .index-logo .container .count-down { background-size: contain; font-size: 14px; width: 27%; height: 45px; }
  .index-header .index-logo .container .count-down p { line-height: unset; }
  .index-header .index-logo .container .count-down .text1 { margin: 0 0 0 8%; }
  .index-header .index-logo .container .count-down .text2 { font-size: 20px; }
  .index-header .index-logo .container .count-down .text2 span { font-size: 28px; padding: 0 5px 0 10px; }
  .index-header #index-nav { min-height: 54px; }
  .index-header .index-nav { min-height: 54px; }
  .index-header .index-nav .container { width: 90%; height: 54px; margin: 0 auto; }
  .index-header .index-nav .container .wp-menu { display: flex; align-items: center; justify-content: space-between; font-size: 18px; height: 100%; }
  .index-header .index-nav .container .wp-menu .menu-item { margin-right: 0; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(n+2)::after { background-size: contain; height: 20px; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(4) { margin-right: 0; }
  .index-header .index-nav .container .wp-menu .menu-item:last-child { margin-right: 0; }
  .index-banner .index-banner-button { width: 70px; height: 70px; } }
@media screen and (min-width: 1600px) and (max-width: 1919px) { html { font-size: 10vw; }
  #mb-nav { display: none; }
  .index-header .index-logo { min-height: 100px; }
  .index-header .index-logo .container { width: 90%; }
  .index-header .index-logo .container img { max-width: 100%; }
  .index-header .index-logo .container .logo2 { width: 9%; left: 0; top: 0; }
  .index-header .index-logo .container .logo2 img { height: 0.6rem; }
  .index-header .index-logo .container .count-down { background-size: contain; font-size: 14px; width: 17%; height: 48px; }
  .index-header .index-logo .container .count-down p { line-height: unset; }
  .index-header .index-logo .container .count-down .text1 { margin: 0 0 0 8%; }
  .index-header .index-logo .container .count-down .text2 { font-size: 20px; }
  .index-header .index-logo .container .count-down .text2 span { font-size: 28px; padding: 0 5px 0 10px; }
  .index-header #index-nav { min-height: 54px; }
  .index-header .index-nav { min-height: 54px; }
  .index-header .index-nav .container { width: 90%; height: 54px; margin: 0 auto; }
  .index-header .index-nav .container .wp-menu { display: flex; align-items: center; justify-content: space-between; font-size: 18px; height: 100%; }
  .index-header .index-nav .container .wp-menu .menu-item { margin-right: 0; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(n+2)::after { background-size: contain; height: 20px; }
  .index-header .index-nav .container .wp-menu .menu-item:nth-child(4) { margin-right: 0; }
  .index-header .index-nav .container .wp-menu .menu-item:last-child { margin-right: 0; }
  .index-banner .index-banner-button { width: 70px; height: 70px; } }

/*# sourceMappingURL=index.css.map */