.container {
  height: 100%;
  position: relative;
  overflow-x: hidden;
  z-index: 3;
}
.btn {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: transform .3s linear;
}
.btn.touch {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: transform .1s linear;
}

.page-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.page-container .wraper-content {
  width: 1218px;
  margin: 0 auto;
  position: relative;
}

.pageThree {
  
  width: 1218px;
  height: 780px;
}
.pageThree .wraper-content {
  height: 780px;
 
  /*---游戏五图---*/
}
.pageThree .wraper-content .page-title {
  width: 610px;
  margin: 160px auto auto auto;
}
.pageThree .wraper-content #carousel {
  position: relative;
  z-index: 2;
  height: 587px;
  margin-top: 0px;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 1s ease 0.4s;
  transition: all 1s ease 0.4s;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}
.pageThree .wraper-content #carousel .hiSliderCaroul {
  list-style: none;
}
.pageThree .wraper-content #carousel {
  opacity: 1;
  filter: alpha(opacity=100);
  *opacity: none;
  *-webkit-filter: none;
  *filter: none;
  opacity: none\0;
  -webkit-filter: none\0;
  filter: none\0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.pageThree .wraper-content #carousel li {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1218px;
  height: 600px;
  margin-left: -610px;
  margin-top: -308px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.pageThree .wraper-content #carousel li img {
  display: block;
  width:1218px;
  height: 600px;
}
.pageThree .wraper-content .btn_prve,
.pageThree .wraper-content .btn_next {
  position: absolute;
  top: 50%;
  width: 91px;
  height: 91px;
  z-index: 20;
  margin-top: -150px;
  overflow: hidden;
}
.pageThree .wraper-content .btn_prve {
  left:0px;
  background: url(../images/slide-left-jt.png) no-repeat;
}
.pageThree .wraper-content .btn_next {
  right: -36px;
  background: url(../images/slide-right-jt.png) no-repeat;
}
.pageThree .wraper-content .btn_ji {
  display: inline-block;
  vertical-align: middle;
}