#swiper-0 {width: 80%; margin: 0 auto;}
.swiper-container {position: relative; width: 100%; margin: 0 auto;}
.swiper-slide {position: relative;}
.swiper-container img {width: 100%; display: block;}


/*方向箭头*/
.swiper-button-next,.swiper-button-prev {background: none; top: 50%; margin-top: -25px;}
.swiper-button-prev {left: 50%; margin-left: -715px;}
.swiper-button-next {left: 50%; margin-left: 715px;}
.swiper-button-next:before,.swiper-button-prev:before {content: '\20'; display: block; position: absolute; top: 0; left: 0; width: 25px; height: 50px;}
.swiper-button-prev:before {background: url('images/next.png') no-repeat left;}
.swiper-button-next:before {background: url('images/next.png') no-repeat right;}

/*导航点*/
.bottom-nav {width: 100%; text-align: center; position: absolute; top: 330px; margin-left: -510px; z-index: 10;}
.ups-icon-videoplay {display: inline-block;	vertical-align: middle; margin-left: 10px; cursor: pointer;}
.ups-icon-videoplay:before {content: '\20'; display: block; width: 50px; height: 50px; background: url('images/stop.png') no-repeat left;}
.stop-status.ups-icon-videoplay:before {background: url('images/stop.png') no-repeat right;}
.swiper-pagination {position: relative;	display: inline-block; height: 20px; vertical-align: middle;}
.swiper-pagination-bullet {width: 10px; height: 10px;	background: #b3c8d9; opacity: 1; box-sizing: border-box; margin: 0 10px; vertical-align: middle;}
.swiper-pagination-bullet-active {background: #0275b9;}


/* 电脑板 */
@media screen and (min-width: 1025px) {

    .swiper-button-next.two,.swiper-button-prev.two {background: none; top: 50%; margin-top: -45px;}
    .swiper-button-prev.two {left: 50%; margin-left: -590px;}
    .swiper-button-next.two {left: 50%; margin-left: -470px;}
    .swiper-button-next.two:before,.swiper-button-prev.two:before {content: '\20'; display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px;}
    .swiper-button-prev.two:before {background: url('images/next_two.png') no-repeat left;}
    .swiper-button-next.two:before {background: url('images/next_two.png') no-repeat right;}

    .bottom-nav {width: 100%; text-align: center; position: absolute; top: 330px; margin-left: -510px; z-index: 10;}

}


/* 手机版 */
@media screen and (max-width: 1024px) {

    .swiper-button-next.two,.swiper-button-prev.two {background: none; top: 50%; margin-top: 4rem;}
    .swiper-button-prev.two {left: 50%; margin-left: -10.5rem;}
    .swiper-button-next.two {left: 50%; margin-left: -3rem;}
    .swiper-button-next.two:before,.swiper-button-prev.two:before {content: '\20'; display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px;}
    .swiper-button-prev.two:before {background: url('images/next_two.png') no-repeat left;}
    .swiper-button-next.two:before {background: url('images/next_two.png') no-repeat right;}

    .bottom-nav {width: 100%; text-align: center; position: absolute; top: 16.2rem; margin-left: -5.5rem; z-index: 10;}

}