#banner {
	position: relative;
}

#banner .con {
	width: 100%;
	max-width: 1280px;
	height: 370px;
	position: absolute;
	left: 0;
	top: 300px;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 60;
}

.ban-txt .s1 {
	left: 272px;
	top: 274px;
}

.ban-txt .s2 {
	left: 0;
	top: 183px;
	width: 89px;
	height: 90px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	line-height: 1;
}

.ban-txt .time-pz {
	background-color: #b1aeab;
	height: 90px;
	color: #fff;
	font-size: 40px;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	vertical-align: bottom;
}

.ban-txt .s2 span {
	font-size: 16px;
	display: block;
	text-align: center;
	line-height: 36px;
	color: #fff;
}

.ban-txt .s3 {
	top: 274px;
	left: 45px;
	width: 45px;
	height: 45px;
	font-size: 16px;
	color: #fff;
  /*background-color: #ef676b;*/
	text-align: center;
	line-height: 45px;
}

.ban-txt .s3 img {
	width: 44px;
	display: block;
}

.ban-txt .s4 {
	top: 0;
	left: 145px;
	width: 90px;
	height: 90px;
}

.ban-txt .s5 {
	left: 181px;
	top: 183px;
}

.ban-txt .s6 {
	left: 181px;
	top: 365px;
}

.ban-txt .s7 {
	left: 90px;
	top: 91px;
}

.ban-txt .s8 {
	left: 181px;
	top: 91px;
}

.ban-txt .s9 {
	left: 272px;
	top: 91px;
}

.ban-txt .s10 {
	left: 90px;
	top: 183px;
}

.ban-txt .s11 {
	left: 272px;
	top: 183px;
}

.ban-txt .s12 {
	left: 90px;
	top: 274px;
}

.ban-txt .s13 {
	left: 181px;
	top: 274px;
}

.ban-txt .s14 {
	left: 364px;
	top: 91px;
}

.ban-txt .s15 {
	left: 547px;
	top: 91px;
}

.ban-txt .s16 {
	left: 730px;
	top: 91px;
}

.ban-txt .s17 {
	left: 1096px;
	top: 91px;
}

.ban-txt li {
	position: absolute;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	overflow: hidden;
}

.ban-txt li a {
	display: block;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

.ban-txt li a:hover {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
	transform-origin: 50% 50%;
}

.ban-txt li img {
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	vertical-align: bottom;
}

.ban-txt .s3 img,
.ban-txt .s2 .time-pz,
.ban-txt .s10 img {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: scaleZ(5) rotateY(-111deg);
	-moz-transform: scaleZ(5) rotateY(-111deg);
	-o-transform: scaleZ(5) rotateY(-111deg);
	transform: scaleZ(5) rotateY(-111deg);
}

.ban-txt .s2.animate .time-pz,
.ban-txt .s3.animate img,
.ban-txt .s10.animate img {
	-webkit-transform: scaleZ(5) rotateY(0deg);
	-moz-transform: scaleZ(5) rotateY(0deg);
	-o-transform: scaleZ(5) rotateY(0deg);
	transform: scaleZ(5) rotateY(0deg);
}

.ban-txt .s5 img {
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scaleZ(5) rotateY(-111deg);
	-moz-transform: scaleZ(5) rotateY(-111deg);
	-o-transform: scaleZ(5) rotateY(-111deg);
	transform: scaleZ(5) rotateY(-111deg);
}

.ban-txt .s5.animate img {
	-webkit-transform: scaleZ(5) rotateY(0deg);
	-moz-transform: scaleZ(5) rotateY(0deg);
	-o-transform: scaleZ(5) rotateY(0deg);
	transform: scaleZ(5) rotateY(0deg);
}

.ban-txt .s14 img,
.ban-txt .s15 img,
.ban-txt .s17 img,
.ban-txt .s11 img {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: scaleZ(5) rotateY(111deg);
	-moz-transform: scaleZ(5) rotateY(111deg);
	-o-transform: scaleZ(5) rotateY(111deg);
	transform: scaleZ(5) rotateY(111deg);
}

.ban-txt .s14.animate img,
.ban-txt .s15.animate img,
.ban-txt .s17.animate img,
.ban-txt .s11.animate img {
	-webkit-transform: scaleZ(5) rotateY(0deg);
	-moz-transform: scaleZ(5) rotateY(0deg);
	-o-transform: scaleZ(5) rotateY(0deg);
	transform: scaleZ(5) rotateY(0deg);
}

.ban-txt .s16 img {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: scaleZ(5) rotateY(230deg);
	-moz-transform: scaleZ(5) rotateY(230deg);
	-o-transform: scaleZ(5) rotateY(230deg);
	transform: scaleZ(5) rotateY(230deg);
}

.ban-txt .s16.animate img {
	-webkit-transform: scaleZ(5) rotateY(0deg);
	-moz-transform: scaleZ(5) rotateY(0deg);
	-o-transform: scaleZ(5) rotateY(0deg);
	transform: scaleZ(5) rotateY(0deg);
}

.ban-txt .s4 img,
.ban-txt .s8 img {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: scaleZ(5) rotateX(111deg);
	-moz-transform: scaleZ(5) rotateX(111deg);
	-o-transform: scaleZ(5) rotateX(111deg);
	transform: scaleZ(5) rotateX(111deg);
}

.ban-txt .s4.animate img,
.ban-txt .s8.animate img {
	-webkit-transform: scaleZ(5) rotateX(0deg);
	-moz-transform: scaleZ(5) rotateX(0deg);
	-o-transform: scaleZ(5) rotateX(0deg);
	transform: scaleZ(5) rotateX(0deg);
}

.ban-txt .s9 img {
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: scaleZ(5) rotateZ(111deg);
	-moz-transform: scaleZ(5) rotateZ(111deg);
	-o-transform: scaleZ(5) rotateZ(111deg);
	transform: scaleZ(5) rotateZ(111deg);
}

.ban-txt .s9.animate img {
	-webkit-transform: scaleZ(5) rotateX(0deg);
	-moz-transform: scaleZ(5) rotateX(0deg);
	-o-transform: scaleZ(5) rotateX(0deg);
	transform: scaleZ(5) rotateX(0deg);
}

.ban-txt .s7 img {
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: scaleZ(5) rotateZ(-100deg);
	-moz-transform: scaleZ(5) rotateZ(-100deg);
	-o-transform: scaleZ(5) rotateZ(-100deg);
	transform: scaleZ(5) rotateZ(-100deg);
}

.ban-txt .s7.animate img {
	-webkit-transform: scaleZ(5) rotateX(0deg);
	-moz-transform: scaleZ(5) rotateX(0deg);
	-o-transform: scaleZ(5) rotateX(0deg);
	transform: scaleZ(5) rotateX(0deg);
}

.ban-txt .s1 img {
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scaleZ(5) rotateZ(100deg);
	-moz-transform: scaleZ(5) rotateZ(100deg);
	-o-transform: scaleZ(5) rotateZ(100deg);
	transform: scaleZ(5) rotateZ(100deg);
}

.ban-txt .s1.animate img {
	-webkit-transform: scaleZ(5) rotateX(0deg);
	-moz-transform: scaleZ(5) rotateX(0deg);
	-o-transform: scaleZ(5) rotateX(0deg);
	transform: scaleZ(5) rotateX(0deg);
}

.ban-txt .s12 img {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: scaleZ(5) rotateZ(-100deg);
	-moz-transform: scaleZ(5) rotateZ(-100deg);
	-o-transform: scaleZ(5) rotateZ(-100deg);
	transform: scaleZ(5) rotateZ(-100deg);
}

.ban-txt .s12.animate img {
	-webkit-transform: scaleZ(5) rotateX(0deg);
	-moz-transform: scaleZ(5) rotateX(0deg);
	-o-transform: scaleZ(5) rotateX(0deg);
	transform: scaleZ(5) rotateX(0deg);
}

.ban-txt .s13 img {
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scaleZ(5) rotateX(-111deg);
	-moz-transform: scaleZ(5) rotateX(-111deg);
	-o-transform: scaleZ(5) rotateX(-111deg);
	transform: scaleZ(5) rotateX(-111deg);
}

.ban-txt .s13.animate img {
	-webkit-transform: scaleZ(5) rotateX(0deg);
	-moz-transform: scaleZ(5) rotateX(0deg);
	-o-transform: scaleZ(5) rotateX(0deg);
	transform: scaleZ(5) rotateX(0deg);
}

.ban-txt .s6 img {
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scaleZ(5) rotateX(-111deg);
	-moz-transform: scaleZ(5) rotateX(-111deg);
	-o-transform: scaleZ(5) rotateX(-111deg);
	transform: scaleZ(5) rotateX(-111deg);
}

.ban-txt .s6.animate img {
	-webkit-transform: scaleZ(5) rotateX(0deg);
	-moz-transform: scaleZ(5) rotateX(0deg);
	-o-transform: scaleZ(5) rotateX(0deg);
	transform: scaleZ(5) rotateX(0deg);
}