*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
img{
	border: none;
}
ul,ol,li{
	list-style: none;
}
html{font-size:62.5%}
body{font-size: 16px;font-size: 1.6rem;} 
body,html{
	
}
body{
	font-family:'微软雅黑','Heiti SC','华文黑体','黑体',"Helvetica Neue";
	background: url(../images/10.png) center top no-repeat;
	
}
a{
	text-decoration: none;
}
.navtop{
	width: 100%;
	height: 62px;
	line-height: 62px;
	background: #2e004c;
	position: fixed;left: 0;top: 0;
	z-index: 2
}
.navtin{
	width: 1200px;
	margin:0 auto;
	height: 62px;
	line-height: 62px;
}
.logoimg{
	float: left;
}
.navtin ul{
	float: right;
}
.navtin  li{
	padding: 0 10px;
	float: left;
	height: 62px;
	line-height: 62px;
}
.navtin  li a{
	color: white
}
.text-center{
	text-align: center;
}
.nav1{
	margin-top: 120px;
	margin-bottom: 20px
}
.p1{
	font-size: 40px;
	color: white
}
.p2{
	width: 1200px;
	margin: 30px auto;
	padding: 15px;
	line-height: 1.7;
	border: 3px #70e1ff solid;
	color: white;
	text-indent: 2em;
	font-size: 18px
}
#w1{
	width: 1206px;
	height: 380px;
	margin: 20px auto;
	border: 3px #70e1ff solid;
	overflow: hidden;
}
#w2{
	width: 1206px;
	height: 256px;
	margin: 20px auto;
	border: 3px #a421ff solid;
	overflow: hidden;
}
#w3{
	width: 1206px;
	height: 256px;
	margin: 20px auto;
	border: 3px #70e1ff solid;
	overflow: hidden;
}
.wslide ul{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	float: left;
}
#w1 .ul1 li{
	width: 270px;
	height: 330px;
	margin: 15px;
	float: left;
	background: white;
}
#w2 .ul2 li{
	width: 220px;
	height: 210px;
	margin: 20px;
	float: left;
	color: white
}

#w2 .ul2 a{
	color: white
}

#w3 .ul3 li{
	width: 220px;
	height: 210px;
	margin: 20px;
	float: left;
	color: white
}
#w3 .ul3 a{
	color: white
}

.center-block{
	display: block;
	margin: 20px auto;
}
.wslide ul p{
	text-align: center;
	margin-bottom:10px
}
.wslide .ul1 .pi2{
	font-size: 14px
}
.navfoot{
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: white;
	background: #2c0047
}
.fixr{
	position: fixed;
	width: 165px;
	height: 360px;
	right: 0;
	bottom: 120px;
	
}
.chman{
	margin-top: -50px;
	position: relative;
	z-index: 2
}
.yhman{
	-webkit-animation:yhman 2s infinite alternate;
	z-index: 1
}
@-webkit-keyframes yhman {
  from{
    -webkit-transform:translateX(0) translateY(0);
  }
  to{
    -webkit-transform:translateX(15px) translateY(-20px);
  }
}
.bimg{
	position: absolute;
}
.b1{
	left: 0;
	top: 100px;
	z-index: 2;
	-webkit-animation:zhuan 2s infinite linear;
}
@-webkit-keyframes zhuan {
  0%{
    -webkit-transform:rotate(20deg) scale(1);
  }
  50%{
  	-webkit-transform:rotate(-20deg) scale(1.2);
  }
  100%{
    -webkit-transform:rotate(20deg) scale(1);
  }
}
.b2{
	right: 20px;
	top: 160px;
	z-index: 1
}
.b3{
	left: 0;
	top: 200px;
	z-index: 3
}
.b4{
	right: 40px;
	top: 260px;z-index: 4
}
.wq{
	position: fixed;
	left: 20px;
	bottom: 10px;
	
	-webkit-transform-origin:center top;
	-webkit-animation:yao 3s infinite linear;
}
@-webkit-keyframes yao {
  0%{
    -webkit-transform:translateX(-10px);
  }
  50%{
  	-webkit-transform:translateX(10px);
  }
  100%{
    -webkit-transform:translateX(-10px);
  }
}