
.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: 1400px;
  margin: 0 auto;
  position: relative;
}/*这里是整体宽度*/

.pageThree {
  
  width: 100%;
  height:600px;/*调整高度*/
}
.pageThree .wraper-content {
  height:600px;/*调整高度*/
  overflow: hidden;

}
.pageThree .wraper-content .page-title {
  width:1400px;
  margin:100px auto auto auto;
}
.pageThree .wraper-content #carousel {
  position: relative;
  z-index: 2;
  height:0px;
  margin-top: 125px; /*图片竖向*/
  -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:67%; /*图片横向位置比例*/
  top:-10%; /*图片竖向*/
  width:422px;/*调整高度*/
  height:430px;/*调整高度*/
  margin-left: -420px;
  margin-top: -130px;
  -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: 422px;
  height: 430px;/*调整高度*/
}
.pageThree .wraper-content .btn_prve,
.pageThree .wraper-content .btn_next {
  position: absolute;
  top: 60%;/*箭头的上下位置*/
  width: 103px;
  height: 91px;
  z-index: 20;
  margin-top: -161px;
  overflow: hidden;
}
.pageThree .wraper-content .btn_prve {
  left: 0px;
  background: url("../images/slide-left-jt.png-01.png") no-repeat;
}
.pageThree .wraper-content .btn_next {
  right: 0px;
  background: url("../images/slide-right-jt.png-01.png") no-repeat;
}
.pageThree .wraper-content .btn_ji {
  display: inline-block;
  vertical-align: middle;
}

