a{
	text-decoration:none;
}

.loading{
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	background:#fff;
	z-index: 99999;
}
.loadingfa{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:29px;
	color:#444;
	position:absolute;
	left: 50%;
	margin-top:-25px;
	margin-left:-25px;
	top:50%;
}

.animteeh{
	opacity: 0.2;
	transition: all ease 1.5s;
		-webkit-transition: all ease 1.5s;
		-moz-transition: all ease 1.5s;
		-o-transition: all ease 1.5s;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px);
		
		
}
.animteeh.active{
	opacity:1;
	transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
}

.animts{
	opacity: 0.2;
	transition: all ease 1.5s;
		-webkit-transition: all ease 1.5s;
		-moz-transition: all ease 1.5s;
		-o-transition: all ease 1.5s;
		transform: translateY(100px);
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px);
		
		
}
.active .animts{
	opacity:1;
	transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
}


@keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}

@keyframes rotate1{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(-360deg)}
}
@-webkit-keyframes rotate1{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes rotate1{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(-360deg)}
}
@-ms-keyframes rotate1{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(-360deg)}
}
@-o-keyframes rotate1{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(-360deg)}
}


.xuanzhuan{
	 animation: 2s linear 0s normal forwards infinite rotate;
	 -webkit-animation: 2s linear 0s normal forwards infinite rotate;
	 -moz-animation: 2s linear 0s normal forwards infinite rotate;
	 -o-animation: 2s linear 0s normal forwards infinite rotate;
}.xuanzhuan1{
	 animation: 5s linear 0s normal forwards infinite rotate;
	 -webkit-animation: 5s linear 0s normal forwards infinite rotate;
	 -moz-animation: 5s linear 0s normal forwards infinite rotate;
	 -o-animation: 5s linear 0s normal forwards infinite rotate;
}

.nizhuan{
	animation: 2s linear 0s normal forwards infinite rotate1;
	 -webkit-animation: 2s linear 0s normal forwards infinite rotate1;
	 -moz-animation: 2s linear 0s normal forwards infinite rotate1;
	 -o-animation: 2s linear 0s normal forwards infinite rotate1;
}


.nizhuan1{
	animation: 3s linear 0s normal forwards infinite rotate1;
	 -webkit-animation: 3s linear 0s normal forwards infinite rotate1;
	 -moz-animation: 3s linear 0s normal forwards infinite rotate1;
	 -o-animation: 3s linear 0s normal forwards infinite rotate1;
}

@keyframes Updown{
	
	0%{
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
		-moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		-o-transform: translateY(30px);
	}
	
	100%{
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
	}
}
.shangxia{
	animation:1.4s  0s alternate none infinite running Updown;
}
.yaohuan{
	animation:2.4s  0s alternate none infinite running swing;
}.yaohuan1{
	animation:9.4s  0s alternate none infinite running swing;
}.flash{
	animation:2.4s  0s alternate none infinite running flash;
}.wobble{
	animation:20.4s  0s alternate none infinite running wobble;
}
.dtable{
	display:table;
	width:100%;
	height:100%;
}
.dcell{
	display:table-cell;
	vertical-align: middle;
	
}
.shangxia1{animation:2.4s  0s alternate none infinite running Updown;}
.shangxia2{animation:2.9s  0s alternate none infinite running Updown;}
.shangxia3{animation:3.4s  0s alternate none infinite running Updown;}
.shangxia4{animation:2.5s  0s alternate none infinite running Updown;}
.shangxia5{animation:3.3s  0s alternate none infinite running Updown;}
.shangxia6{animation:2.4s  0s alternate none infinite running Updown;}
.shangxia7{animation:2.6s  0s alternate none infinite running Updown;}


.inner{
	width:1040px;
	margin:0 auto;
}
body{
	background:#202020 url(./images/bg.jpg) no-repeat center top;
}
.header{
	height: 97px;
	background:#fcd846;
}
.header .inner{
	height: 97px;
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.logo{
	
}
.scbox{
	color:#202021;
	display: flex;
}
.scbox a{
	color:#202021;
	display: flex;
	align-items:center;
}
.scbox a img{
	display:block;
	margin-right:6px;
}
.yobox{
	display: flex;
	flex-direction:column;
	align-items: flex-end;
}
.nav {
	padding-top:10px;
}
.nav li{
	float:left;
	
}
.nav li a{
	color:#202021;
	font-size:18px;
	margin-right: 5px;
	padding:0px 20px;
	border-radius:22px;
	line-height:35px;
	display:block;
}
.nav li a:hover{
    background: linear-gradient(to bottom, #FFD700 0%, #DAA520 100%);
    box-shadow: #B8860B 3px 3px 6px, #DAA520 -3px -3px 6px, inset #ffff4dc4 0px 0px 6px;
    filter: brightness(110%);
}.nav li.cur a{
    background: linear-gradient(to bottom, #FFD700 0%, #DAA520 100%);
    box-shadow: #B8860B 3px 3px 6px, #DAA520 -3px -3px 6px, inset #ffff4dc4 0px 0px 6px;
    filter: brightness(110%);
}
.t1{
	height:116px;
	display: flex;
	align-items:center;
	justify-content: center;
	text-align:center;
}
.ceul{
	display: flex;
	justify-content: space-between;
	width:100%;
	height:137px;
}
.ceul li{
	width:254px;
	position:relative;
	height: 254px;
	display: flex;
	flex-direction:column;
	color:#fff;
	text-align:center;
	background: url(./images/libg.png) no-repeat center top;
}
.ceul li a{
	position:absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
}
.ceul li:hover{
	background: url(./images/licur.png) no-repeat center top;
}
.vwnndaz{
	font-size:23px;
	padding-top:62px;
	padding-bottom:26px;
}
.dwnnwz{
	font-size:16px;
	color:#fcd846;
	padding-bottom:12px;
}
.cemnwz{
	font-size:19px;
	color:#9e9e9e;
	line-height:35px;
}
.ceul li:hover .cemnwz{
	color:#000;
}
.ceul2{
	justify-content: center;
}
.ceul2 li{
	margin:0px 4px;
}
.footer{
	background:#111111;
	padding-top:22px;
}
.cop{
	text-align:center;
	padding:12px 0px;
	color:#9e9e9e;
}