html,
body,
ul,
ol,
div {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}
body{background: url(../img/bg.jpg)no-repeat ; background-size: 100% 100%;}
.swiper {
    position: absolute;
	top: 17rem;
	width: 100%;
}

.swiper .pic {
    width: 83%;
    height: 100%;
    position: relative;
    margin: 6rem auto 0;
}

.swiper .pic li {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    width: 76rem;
    /* height: 58rem; */
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -38rem;
    border-radius: 6px;
    overflow: hidden;
  
}

.swiper .pic li img {
    width: 100%;
    height: 100%;
}

.now {
    z-index: 9;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.next {
    z-index: 6;
    -webkit-transform: translateX(250px);
    -moz-transform: translateX(250px);
    -o-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
}

.prev {
    z-index: 6;
    -webkit-transform: translateX(-250px);
    -moz-transform: translateX(-250px);
    -o-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
}

._bg {
    background-color: #FEFBC6 !important;
}

.swiper .cricle {
    height: 16px;
    position: absolute;
    bottom: -62rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.swiper .cricle li {
  float: left;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #4F473C;
  margin-right: 0.91rem;
  border-radius: 50%;
   
}



.leftBox,
.rightBox {
    height: 1.2rem;
    position: absolute;
    top: 30px;
    z-index: 99;
	cursor: pointer;
}
.leftBox img{
    width: 100%;
	height: 100%;
}.rightBox img{
    width: 100%;
	height: 100%;
}
.leftBox {
       width: 6.8rem;
       left: 33rem;
       top: 26rem;
       height: 9rem;
}

.rightBox {
      right: 33rem;
      width: 6.8rem;
      top: 26rem;
      height: 9rem;
}