.container{
	width:100%;
	background-image: url(./bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height:100vh;
	position: relative;;
   opacity:1;
}
.inner{
/* width:1500px; */
/* margin:auto; */
left:50%;
transform: translate(-50%);
height:100%;
position: relative;
}
.gd{
width:100%;
height:461px;
background-image: url(./gd.png);
background-repeat: no-repeat;
background-size: contain;
background-position: 0 bottom;
opacity: 1;
z-index:3333;
position: absolute;
top:51%;

}
.tc a{
display:block;
width:100%;
height:100%;
}
.yy{
	position: absolute;;
	top:-2%;
	left:3%;

}

 
 
	.jg{
		width:60%;
		height:80%;
		margin:auto;
		background-image: url(./jcicon.png);
		background-repeat: no-repeat;
		background-size: contain;
	   
	   }
 
 .jb{
	 font-family: SourceHanSansCN-Regular;
	 font-size: 14px;
	 color: #FFFFFF;
	 letter-spacing: 0;
	 text-align:center;  
	 position: absolute;
	 right:10%;
	 width:66px;
  height:50px;
 top:26%;
 }

 a{
	text-decoration: none;
 
 }
 .zx{

 }
 .gd1{
	 width:12%;
	 height:20%;
	 position:absolute;
	 background-image: url(./gd1.png);
	 background-repeat: no-repeat;
	 background-size: contain;
	 top:65%;
	 left:11%;
z-index:999999;
 }
 .gd2{
	width:20%;
	height:27%;
	position:absolute;
	background-image: url(./gd2.png);
	background-repeat: no-repeat;
	background-size: contain;
	top:65%;
	left:30%;
	z-index:9999999999;
}
.gd3{
	width:35%;
	height:16%;
	position:absolute;
	background-image: url(./gd3.png);
	background-repeat: no-repeat;
	background-size: contain;
	top:63%;
	left:52%;
	z-index:9999;
	
}
.qmyy{
	width:91%;
	height:40%;
	background-image: url(./qyy.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 1;
	position:absolute;
	top:-1%;
	z-index:999;
	left:5%;
}
.zhu{
	width:27%;
	background-image: url(./yy.png);
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1;
	position:absolute;
	height:118%;
	top:20%;
	left:4%;
	z-index:998
	
}
.fhsy a{
display:block;
width:100%;
height:100%;
}
.jz{
	width:52%;
	height:25%;
	background-image: url(./hwjz.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 1;
	position:absolute;
	/* left:112px; */
	z-index:999999999;
	top:-3%;
	left:23%;

	
}

.dz{
	width:28%;
	background-image: url(./hw.png);
	background-size:cover;
	background-repeat: no-repeat;
	opacity: 1;
	position:absolute;
	height:95%;
background-position:center -182px;

}
.ql{
	position: absolute;
	top:52%;
	left:16%;
	z-index:999999;
}
.qiu{
width:33%;
height:80%;
position: absolute;
background-image: url(./center.png);
background-position:center;
background-size:contain;
left:50%;
top:10%;
transform: translate(-50%);
z-index:100;
background-repeat: no-repeat;

}
.ssdy{
	width:70%;
	height:46%;
	background-image: url(./ssg.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 1;
	position:absolute;
	/* left:112px; */
	z-index:999;
	top:7%;
	left:16%;

}
.fhsy{
	width:70px;
	height:70px;
	background-image: url(./1.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	z-index:9999999;
	top:20px;
	left:40px;
}
.fc{
width:78px;
height:48px;
background-image: url(./fc.png);
	background-repeat: no-repeat;
	background-size: contain;
	animation: myfirst3 5s infinite linear;
	position: absolute;
	top:69px;
	left:65%;

}
.tu{
	width:24%;
height:20%;
background-image: url(./qou.png);
	background-repeat: no-repeat;
	background-size: contain;
	animation: myfirst2 5s infinite linear;
	/* animation-direction:alternate; */
	position: absolute;
	top:23%;
	left:38%;
}
.title{
    width:40%;
    height:20%;
    background-image: url(./title.png);
    background-repeat: no-repeat;
	background-size: contain;
	position:absolute;
	top:4%;
	left:50%;
	transform: translate(-50%);
	z-index:999999999999;

}

@keyframes myfirst2
{
0% {transform:rotateZ(0deg) }

100% {transform:rotateZ(360deg) }



}
@keyframes my
{
0% {top:9%}
50% {top:10%}
100% {top:9% }

}
.kms,.sd, .kjk,.kxhw{
	display:none;
}
.dy{
	width:31%;
	background-image: url(./bfg.png);
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center;
    
	position:absolute;
	height:72%;

	z-index:998
}
.ss{
	position: absolute;
	top:50%;
	 left:55%;
	 z-index:99999;
}
.fxy{
	background-image: url(./fxy.png);
	background-repeat: no-repeat;
	/* background-size: contain; */
	background-size: contain;
	width:12%;
	height:23%;
	position:absolute;
	left:70%;
	top:20%;
	animation: my 5s  infinite;

    
}
.cy{
	width:10%;
	height:18%;
	background-image: url(./xingqiu.png);
	background-repeat: no-repeat;
	background-size: contain;
	position:absolute;
	top:9%;
	animation: my 5s  infinite linear;
	left:18%;
}
.zb{
	position: absolute;
left:71%;
	 z-index:99;
	 top:34%;
}
.erto{
	position: absolute;
	width:24%;
	height:46%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(./ert.png);
	top:14%;
	left:18%;
}
.zbdy{
	width:50%;
	height:36%;
	background-image: url(./zbbg.png);
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 1;
	position:absolute;
	/* left:112px; */
	z-index:999;
	top:-6%;
	left:21%;
}
.zbt{
	width:20%;
	background-image: url(./b.png);
	background-size:contain;
	background-repeat: no-repeat;
	opacity: 1;
	position:absolute;
	height:75%;
    z-index:998;

}
.tc{
	/* right:0; */
	position: absolute;
	
	background-size:contain;
	background-repeat: no-repeat;
	
	/* background-image: url(./tc.png); */
	display:none;
	width:290px;
	height:150px;
}
.tc1{
	top:-4%;
	left:44%;
	/* width:66%;
	height:17%; */
	background-image: url(./sdkjcx.png);
}
.tc2{
	/* width:100%;
	height:52%; */
	background-image: url(./zhan.png);
	top:-38%;
	left:50%;
}
.tc3{
	/* width:66%;
	height:47%; */
	background-image: url(./kjkp.png);
	left:19%;
	top:-11%;
}
.tc4{
	/* width:127%;
	height:59%; */
	background-image: url(./kai.png);
	left:20px;
	top:-50%;
	left:40%;

}
.tl{
	
	display:block;
}
.tlj{
/* background-image: url(./qyyclose.png); */
}
.tl1{
	background-image: url(./sqyy.png);
}

.tlc{
	background-image: url(./jz.png);
}
.tlcg{
	background-image: url(./fg.png);
}
.tl2{
	background-image: url(./hwfg.png);
}
.tlck{
	background-image: url(./zbfg.png);
}


.footer{
position: relative;
}

.footer{
	height:150px;
 color:white;
 text-align:center;
 position:fixed;
 bottom:0px;
 /* background-image: url(./dibu.png); */
 background-color: rgba(0,0,0,0.5);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center ;
 width:100%;
 z-index:999999999999999999999;
 font-size:14px;
display:none;

}
.anniu{
	width:9%;
	height:1%;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(./nk.png);
	background-size:contain;
	bottom:2%;
	left:50%;
	transform: translate(-50%);
	z-index:9999999999999999999999999999999;
	background-position: center;

}

.xq{
	width:20px;
	height:22px;
	background-image: url(./xq.png);
	background-repeat: no-repeat;
	background-size: contain;
	animation: myfirst 5s infinite;
	position: absolute;
	top:240px;
	left:29%;
	
}

@keyframes myfirst
{
0% {top:26% }
50% {top: 30%;}
100% {top: 26%;}
}
@keyframes myfirst3
{
0% {top: 19%;}
50% {top: 25%;}
100% {top: 19%;}
}

option {
	font-family: RobotoLight;
	background-color: #F1F1F1;
	margin-top: 3px;
}

option:hover {
	background-color: #000;
}



.logo{
  position: absolute;
  width:20%;
  height:43%;
  background-image: url(./botlogo.png);
  z-index:999;
  background-size: contain;
  background-repeat: no-repeat;
  left:5%;
  top:28%;

}

.botword{ color: #fff; position: absolute;z-index: 999; bottom:3.5%; width: 100%; text-align: center; }