a{
	text-decoration:none;
}
.inner{
	margin: 0 auto;
    width: 1582px;
}
body{
	height: 2265px;
	background:#080408 url(../images/bg.jpg) no-repeat center top;
}
.rightdao{
	position:absolute;
	top: 100px;
}
.ldao{
	left:10px;
}
.rdao{
	right: 10px;
}
.header{
	padding-top:739px;
	overflow: hidden;
}
.nav{
	/* width:906px; */
	margin:0 auto;
}
.nav li{
	float:left;
	margin-right:1px;
}
.nav li a{
	display:block;
	width:196px;
	height:60px;
	background: url(../images/navbg.png) no-repeat;
	
}
.nav li a.nv1{background-position: 0px 0px;}
.nav li a.nv2{background-position: -197px 0px;}
.nav li a.nv3{background-position: -395px 0px;}
.nav li a.nv4{background-position: -593px 0px;}
.nav li a.nv5{background-position: -791px 0px;}
.nav li a.nv6{background-position: -989px 0px;}
.nav li a.nv7{background-position: -1187px 0px;}
.nav li a.nv8{background-position: -1385px 0px;}
.nav li a:hover{
	background-image: url(../images/navcur.png);
}

.pic {
  margin: 100px auto 0;
  width: 9%;
  height: 20%;
  position: relative;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: perspective(800px) rotateX(-10deg) rotateY(0deg);
}
.three-pic {
	top: 119px;
}
div.pic img {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
}
.three-p {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: -600px;
  margin-left: -600px;
  transform: rotateX(90deg);
  border-radius: 600px;
}
.pcibox{
	height:563px;
}
.three-divZ {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.5);
}
.three-divZ .imgpk {
  position: absolute;
  margin-top: 110px;
  left: 50%;
  margin-left: -20%;
  height: 80%;
  width: 40%;
}.psr{
	position:relative;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}


@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px)
	}
	80% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
.tc{text-align: center;}