@charset "utf-8";
.more{padding:0 2px 0 15px;border:1px solid;border-radius:100px;line-height:24px}
.More .more{display:inline-block;margin-top:60px;padding:0 80px;height:40px;border:1px solid;border-radius:100px;line-height:40px}
.banner{position:relative;margin-top: 20px;}
.banner .arrow{position:absolute;top:50%;z-index:99;display:block;margin-top:-30px;width:60px;height:60px}
.banner .arrow-left{left:5%;background:url(/skin/img/arrow-left.png) no-repeat}
.banner .arrow-left:hover{background:url(/skin/img/arrow-left_on.png) no-repeat}
.banner .arrow-right{right:5%;background:url(/skin/img/arrow-right.png) no-repeat}
.banner .arrow-right:hover{background:url(/skin/img/arrow-right_on.png) no-repeat}
/*Slider*/
.focus{ height: 500px; background-position: center center; background-repeat: no-repeat;}
.swiper-container{ height: 560px; background: #666; margin-top: 20px;}
.pagination { position: absolute; z-index: 20; left: 50%; width: 140px; text-align: center; margin-left: -70px;  bottom: 20px; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.swiper-visible-switch { background: #aaa; }
.swiper-active-switch { background: #fff; width:30px; }
.swiper-container .focus{ display: block; width: 100%; height: 100%; background-origin: center center; background-repeat: no-repeat;}

