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;}


.rightdao{
	width:120px;
	height:426px;
	display: flex;
	flex-direction:column;
	position:absolute;
	right: 10px;
	top:150px;
	z-index: 99;

}
.rightdao img{
	display:block;
}
/* .rightdao a.a1{height:205px}
.rightdao a.a2{height:160px;} */
body{
	min-width: 1200px;
	background:#1c1c1c url(../images/bg.jpg) no-repeat center top;
}
.inner{
	width:1000px;
	margin:0 auto;
}
.luntop{
	height: 180px;
	overflow:hidden;position:relative;
}
.luntop ul{
	position:absolute;
	left: 0px;
	top: 0px;
	width:100%;
	
}
.header{
	background:#0f0f0f;
	border-bottom:1px solid #313131;
	height: 104px;
}
.header .inner{
	height:104px;
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.header .inner img{
	display:block;
}
.frbox{
	height:104px;
	display: flex;
	flex-direction:column;
	align-items: flex-end;
}
.scbx{
	line-height:33px;
	font-size:12px;
	color:#454545;
	padding:0px 33px;
	background: url(../images/scbx.png) no-repeat center top;
}
.scbx a{
	color: #fff;
}
.scbx a:hover{
	color:#fff;
}
.cont1{
	padding-top:18px;
	display: flex;
	justify-content: space-between;
}
.zuonie{
	width:278px;
	height:298px;
	background: url(../images/newbg.png) no-repeat center top;
}
.newin{
	font-size:12px;
	padding:0px 33px;
	padding-top:76px;
	color:#989898;
	line-height:20px;
}
.youlunt{
	width:718px;
	height:298px;
	position:relative;
	overflow:hidden;
}
.youlunt ul li{
	float:left;
	width:718px;
	height:298px;
}
.youlunt ul{
	position:absolute;
	left: 0px;
	top: 0px;
	width:2000000px;
}
.guang{
	height: 81px;
	background: url(../images/guang.png) no-repeat center top;
	display: flex;
	align-items:center;
}
.dianwo img{
	display:block;
	padding-left:50px;
}
.cesu ul{
	display: flex;
	flex-wrap: wrap;
}
.cesu ul li{
	width:20%;
	box-sizing: border-box;
	background:#2c2c2c;
	border:1px solid #2c2c2c;
	position:relative;
}
.cesu ul li> span{
	position:absolute;
	right:9px;
	top: 9px;
	font-size:12px;
	color:#606060;
}
.cesu ul li:nth-child(even){
	background:#242424;
}
.cesu ul li:hover {
	border: 1px solid #ff9900;
}
.cesu ul li:hover> span{
	color: #ab6d12;
}
.cesu ul li a{
	display: flex;
	flex-direction:column;
	align-items:center;
	justify-content: center;
	height:165px;
}
.wsaz{
	color:#989898;
	font-size:24px;
}
.dakai{
	display:block;
	background: #ff9900;
	color:#000;
	border: 1px solid #ab6d12;
	font-size:12px;
	padding:0px 15px;
	margin-top:7px;
	display:none;
}
.cesu ul li:hover  a .wsaz{
	color: #ff9900;
}
.cesu ul li:hover  .dakai{
	display:block;
}
.flianx{
	background:#19171d;
	height: 80px;
}
.flianx .inner{
	height: 80px;
	display: flex;
	align-items:center;
	justify-content: space-between;
}
.flianx span{
	display: flex;
	align-items:center;
	color:#afb4c1;
}
.flianx span img{
	margin-right:6px;
}
.huang{
	color:#f0d387;
}
.footer{
	background:#0e0f13;
	padding-top:20px;
}
.fnav{
	color:#d2d2d2;
	font-size:12px;
	text-align:center;
	padding-bottom:15px;
}
.fnav a{
	color:#d2d2d2;
	
}
.fnav a:hover{
	text-decoration:underline;
}