*{
	margin: 0;
	padding: 0;
}
/*.banner{
	width: 100%;
	height: 500px;
	position: relative;
	background: #fff;
}
.banner .banner-list{
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: absolute;
}
.banner .btn{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	font-size: 40px;
	color: white;
	text-decoration: none;
	text-align: center;
	background: rgba(255,255,255,.2);
	z-index:10;
	cursor: pointer;
}
.banner .btn:hover{
	background: rgba(255,255,255,.6);
}
.banner .prev{
	left: 20px;
}
.banner .next{
	right: 20px;
}
.banner li{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.banner img{
	width: 1200px;
	height: 500px;
	border:none;
	float: left;
}
.banner .p1{
	transform:translate3d(-224px,0,0) scale(0.81);
}
.banner .p2{
	transform:translate3d(0px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.8;
	z-index: 2;
}
.banner .p3{
	transform:translate3d(224px,0,0) scale(1);
	z-index: 3;
	opacity: 1;
}
.banner .p4{
	transform:translate3d(449px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.8;
	z-index: 2;
}*/
/* .banner .p5{
	transform:translate3d(672px,0,0) scale(0.81);
}
.banner .p6{
	transform:translate3d(896px,0,0) scale(0.81);
}
.banner .p7{
	transform:translate3d(1120px,0,0) scale(0.81);
} */

/*.banner .banner-buttons{
	position: absolute;
	width: 1200px;
	height: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	padding-top: 10px;
	z-index:10;
	margin-bottom:20px;
}
.banner .banner-buttons a{
	display: inline-block;
	width: 20px;
	height: 20px;
	padding-top: 4px;
	cursor: pointer;
}
.banner span{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;	
	background: #fff;
	opacity:0.5;
}
.banner .blue{
	background: #fff;	
	opacity:1;
}*/

.swiper{
	position:relative;
	background: #fff;
}
.swiper-slide img{
    width:100%;
	height:auto;
}
.current-swiper {
    width: 1200px;
    height: 500px;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    position: relative;
    z-index: 99;
}

.left-swiper {
    position: absolute;
    left: 0px;
    top: 18px;
    z-index: 1;
}

.right-swiper {
    position: absolute;
    right: 0px;
    left: auto;
    top: 18px;
    z-index: 1;
}

.nocurrent-swiper {
    width: 1104px;
    height: 460px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
}

    .nocurrent-swiper .swiper-slide img {
        width: 1200px;
        height: 100%;
    }

    .nocurrent-swiper:before {
        /*display:none;*/
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.28);
        z-index: 99;
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .5;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-button-next, .swiper-button-prev{
    width:60px;
    height:60px;
    
}
.swiper-button-next{
    background-image:url(../img/bannerRight.png);
    background-size:contain;
}
.swiper-button-prev {
    background-image: url(../img/bannerLeft.png);
    background-size: contain;
}