.wnonescreen-4{
	width: 100%;
	min-width: 1168px;
	height: 940px;
	background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}
.wnonescreen-4 .logo{
	width: 473px;
	height: 235px;
	display: block;
	position: absolute;
	left: 50%;
	top: 44px;
	margin-left: -236px;
	animation: bounceInDown 1 .8s ease;
	-webkit-animation: bounceInDown 1 .8s ease;
	-moz-animation: bounceInDown 1 .8s ease;
	-ms-animation: bounceInDown 1 .8s ease;
}
.wnonescreen-4 .slogan{
	width: 677px;
	height: 243px;
	display: block;
	position: absolute;
	left: 50%;
	top: 290px;
	margin-left: -338px;
	animation: zoomIn 1 .5s ease;
	-webkit-animation: zoomIn 1 .5s ease;
	-moz-animation: zoomIn 1 .5s ease;
	-ms-animation: zoomIn 1 .5s ease;
}
.wnonescreen-4 .ws4-link-box{
	width: 256px;
	height: 34px;
	background: url('http://www.woniu.com/static/cmsv4/wnonescreen/screen2//home.png') center no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 246px;
}
.wnonescreen-4 .ws4-link-box a{
	width: 128px;
	height: 34px;
	float: left;
	display: block;
}
.wnonescreen-4 .act-list{
	width: 1168px;
	text-align: center;
	display: block;
	position: absolute;
	top: 564px;
	left: 50%;
	margin-left: -584px;
}

.wnonescreen-4 .act-list li{
	width: 278px;
	height: 278px;
	display: block;
	float: left;
	margin: 0 7px;
	cursor: pointer;
}
.wnonescreen-4 .act-list li .h-img{
	margin-top: 0px;
	opacity: .8;
}
.wnonescreen-4 .act-list li:hover .h-img{
	opacity: 1;
}
.wnonescreen-4 .act-link{
	width: 160px;
	height: 166px;
	background: url('http://www.woniu.com/static/cmsv4/wnonescreen/screen2//act.png') center no-repeat;
	display: block;
	position: absolute;
	top: 460px;
	right: 14px;
	animation: tada 1.3s ease-in-out infinite;
	-webkit-animation: tada 1.3s ease-in-out infinite;
	-moz-animation: tada 1.3s ease-in-out infinite;
	-ms-animation: tada 1.3s ease-in-out infinite;
}

/* 通用弹窗 */
.popact{
	position: fixed;
	width: 900px;
	height: 520px;
	background: #fff;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -450px;
	z-index: 101;
}
.popact h3{
	width: 100%;
	height: 40px;
	margin-top: 20px;
	font: bold 30px/40px "Microsoft Yahei";
	color: #333;
	text-align: center;
}

.popact .detail{
	width: 840px;
	height: 400px;
	margin: 0 auto;
	margin-top: 20px;
	overflow: auto;
	font: 14px/1.5 "Microsoft Yahei";
	color: #555;
}

.popact .detail img{
	max-width: 100%;
	clear: both;
	margin: 15px auto;
}

.popbox .popclose{
	position: absolute;
	top: 0;
	right: -55px;
	width: 50px;
	height: 50px;
	background: url(http://www.woniu.com/static/cmsv4/wnonescreen/images/close.png);
	cursor: pointer;
}

.maskdiv{
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}