.banner {
  width: 100%;
}

.banner img {
  width: 100%;
}

.box {
  margin-top: 140px;
  background: url("../img/orientation-bg.png") center top no-repeat;
  background-size: 100%;
}

.box img {
  margin: 0 auto;
}
.picScroll-left {
  width: 1394px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.picScroll-left .next {
  display: block;
  background: url("../img/culture_arrowr.jpg") center center no-repeat;
  width: 50px;
  height: 67px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate( 0, -50%);
}
.picScroll-left .prev {
  display: block;
  background: url("../img/culture_arrowl.jpg") center center no-repeat;
  width: 50px;
  height: 67px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate( 0, -50%);
}
.picScroll-left .bd {
  width: auto;
  padding: 10px 115px;
}

.picScroll-left .bd ul {
  width: 100%;
  overflow: hidden;
  zoom: 1;
}

.picScroll-left .bd ul li {
  width: auto!important;
  float: left;
}
.picScroll-left .bd ul li img {
  width: 1150px;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 640px){
  .box {
    margin-top: 0.3rem;
  }
  .picScroll-left {
    width: 100%;
  }
  .picScroll-left .bd{
    width: 3.5rem;
    margin: 0 auto;
    padding: 0;
  }
  .picScroll-left .bd ul li {
    width: 100% !important;
  }
  .picScroll-left .bd ul li img {
    width: 100%;
    object-fit: contain;
  }
  .picScroll-left .next, .picScroll-left .prev {
    width: 0.3rem;
    height: 0.4rem;
  }
}