@charset "utf-8";


.box{
	margin-top: 300px;
	width: 100%;
	height: 340px;

	position: relative;
}

.box .list{
	width: 1200px;
	height: 300px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -600px;
}

.box .btn{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 60px;
	height: 100px;
	line-height: 100px;
	font-size: 30px;
	color: white;
	text-decoration: none;
	text-align: center;
	background: #614B42;
	cursor: pointer;
}
.box .next{
	right: 0;
}

.box li{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	opacity: 0;
	transition:#614B42;
}
.box img{
	width: 751px;
	height: 300px;
	border:none;
	float: left;
}
.box .p7{
	transform:translate3d(-224px,0,0) scale(0.81);
}
.box .p6{
	transform:translate3d(0px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.8;
	z-index: 2;
}
.box .p5{
	transform:translate3d(224px,0,0) scale(1);
	z-index: 3;
	opacity: 1;
}
.box .p4{
	transform:translate3d(449px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.8;
	z-index: 2;
}
.box .p3{
	transform:translate3d(672px,0,0) scale(0.81);
}
.box .p2{
	transform:translate3d(896px,0,0) scale(0.81);
}
.box .p1{
	transform:translate3d(1120px,0,0) scale(0.81);
}

.buttons{
	position: absolute;
	width: 1200px;
	height: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	padding-top: 10px;
}
.buttons a{
	display: inline-block;
	width: 35px;
	height: 5px;
	padding-top: 4px;
	cursor: pointer;
}
.box span{
	display: block;
	width: 35px;
	height: 1px;
	background: #614B42;
}
.blue{
	background: #614B42;
}

#carousel{position:relative;z-index:2;height:570px;margin-top:20px;transform-style:preserve-3d;perspective:800px}
#carousel img{position:absolute;left:50%;top:50%;width:800px;height:570px;margin-left:-400px;margin-top:-235px;transition:transform .5s ease-in-out;box-shadow:8px 8px 20px rgba(0,0,0,.2);cursor:pointer}
#bannerNav{position:relative;margin-top:20px;height:10px;padding:10px 0;text-align:center}
#bannerNav ul li{cursor:pointer;overflow:hidden;display:inline-block;width:14px;margin:0 2px}
#bannerNav ul li a{margin:0 auto;display:block;width:6px;height:6px;vertical-align:top;border-radius:3px;background:#5e6671;font-size:0}
#bannerNav ul li.on a,#bannerNav ul li:hover a{background:#b4b7ba}
#bannerNav ul li.on a{width:12px}