.pb-carouselWarp .pb-carousel {

  position: relative;

  height: 100%;

}

.pb-carouselWarp .pb-carousel li {

  display: none;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0;

}

.pb-carouselWarp .pb-carousel li div {

  width: 100%;

  height: 100%;

  background:url(../img/banner.png) no-repeat center;

  /* background-repeat: no-repeat;

  background-size: center; */

  vertical-align: middle;

}

.pb-carouselWarp .pb-carousel .pb-this {

  display: block;

  left: 0;

}

.pb-carouselWarp .pb-carousel-ind {

  position: absolute;

  bottom: 20px;

  left: 50%;

  transform: translateX(-50%);

}

.pb-carouselWarp .pb-carousel-ind li {

  float: left;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #ccc;

  margin: 0 3px;

  cursor: pointer;

}

.pb-carouselWarp .pb-carousel-ind .pb-this {

  background-color: #1257BC;

}

.pb-carouselWarp .pb-arrow {

  position: absolute;

  top: 50%;

  margin-top: -20px;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background: #1257BC;

  cursor: pointer;

  border: none;

}

.pb-carouselWarp .pb-arrow-prev {

  left: 20px;

  background: #1257BC url(../img/arrow-left.png) no-repeat center;

}

.pb-carouselWarp .pb-arrow-next {

  right: 55px;

  background: #1257BC url(../img/arrow-right.png) no-repeat center;

}

.pb-carouselWarp[type='updown'] .pb-carousel-ind {

  position: absolute;

  width: 15px;

  top: 50%;

  left: auto;

  bottom: auto;

  right: 20px;

  transform: translateY(-50%);

}

.pb-carouselWarp[type='updown'] .pb-carousel-ind li {

  float: none;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background-color: #ccc;

  margin: 5px 0;

}

.pb-carouselWarp[type='updown'] .pb-carousel-ind .pb-this {

  background-color: #1257BC;

}

.pb-carouselWarp[type='updown'] .pb-arrow {

  position: absolute;

  left: 50%;

  top: 0;

  margin-left: -20px;

  margin-top: 0;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  color: #fff;

  text-align: center;

  line-height: 40px;

  cursor: pointer;

}

.pb-carouselWarp[type='updown'] .pb-arrow-prev {

  top: 20px;

  background: #1257BC url(../img/arrow-top.png) no-repeat center;

}

.pb-carouselWarp[type='updown'] .pb-arrow-next {

  top: auto;

  bottom: 20px;

  background: #1257BC url(../img/arrow-bottom.png) no-repeat center;

}

.pi2 {

  width: 100%;

  height: 20rem;

}

.device {

  width: 100%;

  height: 100%;

  position: relative;

}

/* .swiper-container {

  width: 50rem;

  height: 100%;

  text-align: center;

}

.swiper-slide {

  height: 100%;

  opacity: 0.4;

  -webkit-transition: 300ms;

  -moz-transition: 300ms;

  -ms-transition: 300ms;

  -o-transition: 300ms;

  transition: 300ms;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}

.swiper-slide-visible {

  opacity: 0.5;

  -webkit-transform: scale(0.8);

  -moz-transform: scale(0.8);

  -ms-transform: scale(0.8);

  -o-transform: scale(0.8);

  transform: scale(0.8);

}

.swiper-slide-active {

  top: 0;

  opacity: 1;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.swiper-pagination-switch {

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 8px;

  background: #aaa;

  margin-right: 8px;

  cursor: pointer;

  -webkit-transition: 300ms;

  -moz-transition: 300ms;

  -ms-transition: 300ms;

  -o-transition: 300ms;

  transition: 300ms;

  opacity: 0;

  position: relative;

  top: -50px;

}

.swiper-visible-switch {

  opacity: 1;

  top: 0;

  background: #aaa;

}

.swiper-active-switch {

  background: #fff;

} */

.device .arrow-left {

  position: absolute;

  left: 10px;

  top: 40%;

  width: 3rem;

}

.device .arrow-left img{

  width: 100%;

}

.device .arrow-right {

  position: absolute;

  right: 10px;

  top: 40%;

  width: 3rem;

}

.device .arrow-right img{

  width: 100%;

}

.arrow{
	background: url("../img/scroll.png") no-repeat center;
	position:absolute;bottom:80px;left:50%;margin-left:-30px;width:60px;height:60px;
}
	
/*.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}

.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}

@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }

@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }*/