.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: 1200px;
  margin: 0 auto;
  position: relative;
}

.pageThree {
  
  width: 100%;
  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: 35%;
  top: 50%;
  width: 906px;
  height: 539px;
  margin-left: -420px;
  margin-top: -230px;
  -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: 620px;
}
.pageThree .wraper-content .btn_prve,
.pageThree .wraper-content .btn_next {
  position: absolute;
  top: 50%;
  width: 134px;
  height:129px;
  z-index: 20;
  margin-top: -143px;
  overflow: hidden;
}
.pageThree .wraper-content .btn_prve {
  left: 0px;
  background: url("../images/slide-left-jt.png")/*tpa=http://www.6800hq.com/187zg/2/images/slide-left-jt.png*/ no-repeat;
}
.pageThree .wraper-content .btn_next {
  right: 0px;
  background: url("../images/slide-right-jt.png")/*tpa=http://www.6800hq.com/187zg/2/images/slide-right-jt.png*/ no-repeat;
}
.pageThree .wraper-content .btn_ji {
  display: inline-block;
  vertical-align: middle;
}
.footer{ min-width: 1287px; height: 150px;padding:5px; text-align: center; color: #444; border-top: 1px solid #222; background: linear-gradient(#111,#000);}
.footer .foot{ width: 100%; margin: 0 auto;height: 130px; box-sizing: border-box; padding-top: 14px; border: 1px solid #222;font-size:12px;}
.footer .foott{ width: 1300px; margin: 0 auto;height: 130px; box-sizing: border-box; font-size:12px;}
.footer .foota{ width: 200px;float:left;height: 130px; box-sizing: border-box;font-size:12px;}
.footer .footb{ width: 87px;float:left;height: 100px; box-sizing: border-box;font-size:12px;}
.footer .footb img{ width: 60px;float:left;height: 60px; margin-top:20px;font-size:12px;}
.footer .foots{ width: 1000px; float:right;margin: 0 auto;height: 130px; box-sizing: border-box; font-size:12px;}
.bshare-custom{ margin-bottom: 6px;}
.bshare-custom .bshare-more{ color: #444!important;}
.bshare-custom a{ color: #444!important;}
.footer p{ margin-bottom: 6px;}
.footer a{color: #444;font-size:12px;}
.footer a:hover{ text-decoration: underline;font-size:12px;}
.footer .ab{display:block;width:200px;margin:0 auto;height:20px;line-height: 20px;font-size:12px;}