.wrapper{
	min-width: 1400px;
	overflow: hidden;
}
.productTab{
	width: 100%;
	min-width: 1340px;
	border-bottom: 1px solid #c7c2c2;
}
.productTab ul{
	width: 1340px;
	margin: 65px auto 0 auto;
}
.productTab ul li{
	display: inline-block;
	margin: 0 161px;
	font-size: 30px;
	line-height: 60px;
	position: relative;
	cursor: pointer;
}
.productTab_high{
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 122px;
	height: 4px;
	background: #dd1d16;
}
.wonder_banner{
    width: 100%;
    display: block;
    position: relative;
}
.wonder_banner img{
	width: 100%;
	position: relative;
}
.wonder_act{
    position: absolute;
    right: 10%;
}
.wonder_banner h3{
	width: 617px;
	height: 59px;
	position: absolute;
    bottom: 150px;
    right: 10%;
    animation:fadeInL 1.5s;
}

.wonder_banner h5{
    width: 523px;
	height: 47px;
	position: absolute;
    bottom: 80px;
    right: 10%;
    animation:fadeInR 1.5s;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}
