/* CSS Document */

/*Reset*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	padding: 0;
	margin: 0;
	border: none;
}

body {
	font-family: STXihei, Microsoft YaHei, SimSun, Arial;
	font-size: 62.5%;
}

ol,
ul {
	list-style: none;
}

img {
	border: none;
	text-decoration: none;
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 12px;
}

a {
	text-decoration: none;
}

a img,
:link img,
:visited img {
	border: 0px;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

*+html .clearfix {
	min-height: 1%;
}

/*basic*/
.fl {
	float: left;
}

.fr {
	float: right;
}

img {
	width: 100%;
}

/*main*/
html {
	height: 100%;
	width: 100%;
}

body {
	position: relative;
	height: 100%;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	touch-action: none;

	-webkit-touch-callout: none;
	/*系统默认菜单被禁用*/

	-webkit-user-select: none;
	/*webkit浏览器*/

	-khtml-user-select: none;
	/*早起浏览器*/

	-moz-user-select: none;
	/*火狐浏览器*/

	-ms-user-select: none;
	/*IE浏览器*/

	user-select: none;
	/*用户是否能够选中文本*/

}

canvas {
	display: block;
	width: 100%;
}

a:focus,
input:focus,
p:focus,
div:focus {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-modify: read-write-plaintext-only;
}


.h5web {
	width: 750px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}


.pcweb {
	width: 750px
		/* 750/16 */
	;
	height: 1334px
		/* 1334/16 */
	;
	z-index: 11;
	position: absolute;
	left: 50%;
	margin-left: -375px;
	top: 0;
	transform: scale(1);
	transform-origin: top;
}


/*音乐控件*/
#music {
	width: 80px;
	height: 80px;
	position: fixed;
	top: 1%;
	right: 1%;
	z-index: 9999;
}

#control {
	width: 44px;
	height: 44px;
	margin: 18px 18px;
	background: url(../images/music-off.png) no-repeat;
	background-size: 100% 100%;
}

#control-after {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/music-on.gif) no-repeat;
	background-size: 100% 100%;
}

.picZhuan {
	transform-origin: 50% 50%;
	animation: zhuan 4s infinite linear;
	-webkit-animation: zhuan 4s infinite linear;
}

@keyframes zhuan {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes zhuan {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*音乐控件*/


.loading {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 99;
	overflow: hidden;
	top: 0%;
	background: url(../images/lobg.png) no-repeat center center;
	background-size: cover;
}

.loadpro {
	width: 414px;
	height: 33px;
	border: 1px solid #ff8686;
	border-radius: 15px;
	position: absolute;
	left: 50%;
	margin-left: -207px;
	top: 50%;
	margin-top: -16.5px;
}

.pro {
	background: url(../images/pro.png) repeat-x;
	border-radius: 15px;
	width: 0%;
	height: 33px;
	position: absolute;
	z-index: 10;
}

.loadimg {
	width: 750px;
	height: 100%;
	position: absolute;
	top: 0%;
	z-index: 11;
}

.loadtxt {
	position: absolute;
	font-size: 30px;
	left: 45%;
	top: 52%;
	text-align: center;
	color: #fff;
	z-index: 12;
}

.loadtip {
	position: absolute;
	font-size: 26px;
	width: 370px;
	margin-left: -185px;
	left: 50%;
	top: 55%;
	text-align: center;
	color: #fff;
	z-index: 12;
}

.lopic1 {
	background: url(../images/lopic1.png) no-repeat;
	width: 96px;
	height: 33px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -48px;
	margin-top: -150px;
	z-index: 5;
	animation: fadeOutRight 3s infinite ease-in-out;
}

.lopic1_1 {
	background: url(../images/lopic1.png) no-repeat;
	width: 96px;
	height: 33px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -48px;
	margin-top: -150px;
	z-index: 5;
	animation: fadeInLeft 3s infinite ease-in-out;
}

.lopic2 {
	background: url(../images/lopic2.png) no-repeat;
	width: 750px;
	height: 1030px;
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 1;
}

.fmpage {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 5;
	overflow: hidden;
	left: 0%;
	top: 0%;
	background: url(../images/fmbg.png) no-repeat center center;
	background-size: cover;
	display: none;
}

.fmtit {
	background: url(../images/fmtit.png) no-repeat;
	width: 668px;
	height: 252px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -310px;
	margin-top: -510px;
	z-index: 20;
	animation: fadeInDown 1s forwards ease-in-out;
}

.fmpic1 {
	background: url(../images/fmpic1.png) no-repeat;
	width: 521px;
	height: 710px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -260.5px;
	margin-top: -500px;
	z-index: 1;
	animation: swing 30s infinite ease-in-out;
}

.fmpic2 {
	background: url(../images/fmpic2.png) no-repeat;
	width: 750px;
	height: 560px;
	position: absolute;
	left: 0%;
	bottom: 0%;
	z-index: 2;
	opacity: 0;
	animation: fadeInUp 1s 0.5s forwards ease-in-out;
}

.fmpic3 {
	background: url(../images/fmpic3.png) no-repeat;
	width: 255px;
	height: 406px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -127.5px;
	margin-top: 150px;
	z-index: 5;
	opacity: 0;
	animation: fadeIn 1s 1s forwards ease-in-out;
}

.fmbtn {
	background: url(../images/fmbtn.png) no-repeat;
	width: 205px;
	height: 130px;
	position: absolute;
	left: 50%;
	bottom: 0%;
	margin-left: -102.5px;
	z-index: 6;
	opacity: 0;
	animation: fadeInRight 1s 1.5s forwards ease-in-out;
}

.mappage {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 6;
	overflow: hidden;
	left: 0%;
	top: 0%;
	background: url(../images/mapbg.png) no-repeat center center;
	background-size: cover;
	display: none;
}

.hpmap {
	background: url(../images/hpmap.png) no-repeat;
	width: 499px;
	height: 847px;
	position: absolute;
	left: 50%;
	margin-left: -249.5px;
	top: 40px;
	animation: fadeIn 1s forwards ease-in-out;
	z-index: 10;
}

.mjet {
	background: url(../images/lopic1.png) no-repeat;
	width: 96px;
	height: 33px;
	position: absolute;
	left: -100px;
	top: 700px;
	z-index: 30;
	animation: mjet 8s infinite ease-in-out;
}

@keyframes mjet {
	0% {
		left: -100px;
		top: 700px;
	}

	100% {
		left: 850px;
		top: 600px;
	}
}


.compass {
	width: 92px;
	height: 120px;
	position: absolute;
	right: 20px;
	top: 120px;
}

.compass .po2 {
	background: url(../images/po2.png) no-repeat;
	width: 92px;
	height: 92px;
	top: 14px;
	left: 0;
	position: absolute;
	animation: swing 5s infinite linear;
}

.compass .po5 {
	background: url(../images/po5.png) no-repeat;
	width: 10px;
	height: 15px;
	bottom: 0px;
	left: 50%;
	margin-left: -5px;
	position: absolute;
}

.compass .po6 {
	background: url(../images/po6.png) no-repeat;
	width: 11px;
	height: 14px;
	top: 0px;
	left: 50%;
	margin-left: -5.5px;
	position: absolute;
}




.add1 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 369px;
	top: 425px;
}

.add2 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 238px;
	top: 260px;
}


.add3 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 301px;
	top: 366px;
}

.add4 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 396px;
	top: 489px;
}


.add5 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 201px;
	top: 282px;
}

.add6 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 110px;
	top: 736px;
}

.add7 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 322px;
	top: 404px;
}

.add8 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 229px;
	top: 152px;
}

.add9 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 141px;
	top: 222px;
}

.add10 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 313px;
	top: 292px;
}

.add11 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 276px;
	top: 298px;
}

.add12 {
	background: url(../images/po3.png) no-repeat;
	width: 28px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 260px;
	top: 508px;
}



.addred {
	background: url(../images/po4.png) no-repeat;
	width: 46px;
	height: 54px;
	animation: rubberBand 1s infinite linear;
	position: absolute;
	z-index: 20;
}


.mapzp {
	background: url(../images/zp.png) no-repeat;
	width: 907px;
	height: 907px;
	position: absolute;
	left: 50%;
	margin-left: -453.5px;
	bottom: 50%;
	margin-bottom: -1200px;
	z-index: 30;
}

.po11 {
	background: url(../images/po11.png) no-repeat;
	width: 550px;
	height: 320px;
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-left: -275px;
	margin-bottom: -850px;
	z-index: 31;
}

.po1 {
	background: url(../images/po1.png) no-repeat;
	width: 71px;
	height: 67px;
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-left: -35.5px;
	margin-bottom: -525px;
	z-index: 32;
	animation: flash 3s infinite linear;
}




.conpage {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 99;
	overflow: hidden;
	left: 0%;
	top: 0%;
	background: url(../images/conbg.png) no-repeat center center;
	background-size: cover;
	display: none;
}

.conclose {
	background: url(../images/po7.png) no-repeat;
	width: 62px;
	height: 62px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -31px;
	margin-top: 400px;
	z-index: 30;
}


.infosource {
	background: url(../images/po10.png) no-repeat;
	position: absolute;
	width: 214px;
	height: 23px;
	bottom: 20px;
	left: 50%;
	margin-left: -107px;
}

/* 圆点变横线，修改背景色 */
.swiper-pagination-bullet-active,
.swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #9a9a9a;
	opacity: 1;
}

/* 修改选中的颜色 */
.swiper-pagination-bullet-active {
	background-color: #ffffff;
}

/* 修改边距 */
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;
}



.swiper1 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper1 .a1_1 {
	background: url(../images/a1_1.png) no-repeat left top;
	width: 616px;
	height: 755px;
	left: 0;
	top: 0;
}

.swiper1 .a1_2 {
	background: url(../images/a1_2.png) no-repeat left top;
	width: 616px;
	height: 755px;
	left: 0;
	top: 0;
}

.swiper1 .a1_3 {
	background: url(../images/a1_3.png) no-repeat left top;
	width: 616px;
	height: 755px;
	left: 0;
	top: 0;
}

.swiper1 .a1_4 {
	background: url(../images/a1_4.png) no-repeat left top;
	width: 616px;
	height: 755px;
	left: 0;
	top: 0;
}

.swiper1 .a1_5 {
	background: url(../images/a1_5.png) no-repeat left top;
	width: 613px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.swiper1 .sp1 {
	top: 63%;
}

.arr1_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr1_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}





.swiper2 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper2 .a2_1 {
	background: url(../images/a2_1.png) no-repeat left top;
	width: 616px;
	height: 737px;
	left: 0;
	top: 0;
}

.swiper2 .a2_2 {
	background: url(../images/a2_2.png) no-repeat left top;
	width: 616px;
	height: 735px;
	left: 0;
	top: 0;
}

.swiper2 .a2_3 {
	background: url(../images/a2_3.png) no-repeat left top;
	width: 616px;
	height: 753px;
	left: 0;
	top: 0;
}

.swiper2 .a2_4 {
	background: url(../images/a2_4.png) no-repeat left top;
	width: 616px;
	height: 711px;
	left: 0;
	top: 0;
}

.swiper2 .a2_5 {
	background: url(../images/a2_5.png) no-repeat left top;
	width: 487px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.swiper2 .sp2 {
	top: 63%;
}

.arr2_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr2_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}





.swiper3 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper3 .a3_1 {
	background: url(../images/a3_1.png) no-repeat left top;
	width: 616px;
	height: 754px;
	left: 0;
	top: 0;
}

.swiper3 .a3_2 {
	background: url(../images/a3_2.png) no-repeat left top;
	width: 616px;
	height: 735px;
	left: 0;
	top: 0;
}

.swiper3 .a3_3 {
	background: url(../images/a3_3.png) no-repeat left top;
	width: 616px;
	height: 753px;
	left: 0;
	top: 0;
}

.swiper3 .a3_4 {
	background: url(../images/a3_4.png) no-repeat left top;
	width: 616px;
	height: 754px;
	left: 0;
	top: 0;
}

.swiper3 .a3_5 {
	background: url(../images/a3_5.png) no-repeat left top;
	width: 641px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.swiper3 .sp3 {
	top: 63%;
}

.arr3_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr3_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}





.swiper4 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper4 .a4_1 {
	background: url(../images/a4_1.png) no-repeat left top;
	width: 616px;
	height: 769px;
	left: 0;
	top: 0;
}

.swiper4 .a4_2 {
	background: url(../images/a4_2.png) no-repeat left top;
	width: 616px;
	height: 754px;
	left: 0;
	top: 0;
}

.swiper4 .a4_3 {
	background: url(../images/a4_3.png) no-repeat left top;
	width: 616px;
	height: 752px;
	left: 0;
	top: 0;
}

.swiper4 .a4_4 {
	background: url(../images/a4_4.png) no-repeat left top;
	width: 616px;
	height: 736px;
	left: 0;
	top: 0;
}

.swiper4 .a4_5 {
	background: url(../images/a4_5.png) no-repeat left top;
	width: 598px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.swiper4 .sp4 {
	top: 63%;
}

.arr4_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr4_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}




.swiper5 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper5 .a5_1 {
	background: url(../images/a5_1.png) no-repeat left top;
	width: 616px;
	height: 735px;
	left: 0;
	top: 0;
}

.swiper5 .a5_2 {
	background: url(../images/a5_2.png) no-repeat left top;
	width: 616px;
	height: 736px;
	left: 0;
	top: 0;
}

.swiper5 .a5_3 {
	background: url(../images/a5_3.png) no-repeat left top;
	width: 616px;
	height: 736px;
	left: 0;
	top: 0;
}

.swiper5 .a5_4 {
	background: url(../images/a5_4.png) no-repeat left top;
	width: 616px;
	height: 754px;
	left: 0;
	top: 0;
}

.swiper5 .a5_5 {
	background: url(../images/a5_5.png) no-repeat left top;
	width: 568px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.swiper5 .sp5 {
	top: 63%;
}

.arr5_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr5_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}





.swiper6 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper6 .a6_1 {
	background: url(../images/a6_1.png) no-repeat left top;
	width: 616px;
	height: 753px;
	left: 0;
	top: 0;
}

.swiper6 .a6_2 {
	background: url(../images/a6_2.png) no-repeat left top;
	width: 616px;
	height: 736px;
	left: 0;
	top: 0;
}

.swiper6 .a6_3 {
	background: url(../images/a6_3.png) no-repeat left top;
	width: 616px;
	height: 754px;
	left: 0;
	top: 0;
}

.swiper6 .a6_4 {
	background: url(../images/a6_4.png) no-repeat left top;
	width: 616px;
	height: 737px;
	left: 0;
	top: 0;
}

.swiper6 .a6_5 {
	background: url(../images/a6_5.png) no-repeat left top;
	width: 511px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.swiper6 .sp6 {
	top: 63%;
}

.arr6_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr6_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}





.swiper7 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper7 .a7_1 {
	background: url(../images/a7_1.png) no-repeat left top;
	width: 616px;
	height: 752px;
	left: 0;
	top: 0;
}

.swiper7 .a7_2 {
	background: url(../images/a7_2.png) no-repeat left top;
	width: 616px;
	height: 736px;
	left: 0;
	top: 0;
}

.swiper7 .a7_3 {
	background: url(../images/a7_3.png) no-repeat left top;
	width: 616px;
	height: 735px;
	left: 0;
	top: 0;
}

.swiper7 .a7_4 {
	background: url(../images/a7_4.png) no-repeat left top;
	width: 616px;
	height: 754px;
	left: 0;
	top: 0;
}

.swiper7 .a7_5 {
	background: url(../images/a7_5.png) no-repeat left top;
	width: 569px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.swiper7 .sp7 {
	top: 63%;
}

.arr7_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr7_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}




.swiper8 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper8 .a8_1 {
	background: url(../images/a8_1.png) no-repeat left top;
	width: 616px;
	height: 735px;
	left: 0;
	top: 0;
}

.swiper8 .a8_2 {
	background: url(../images/a8_2.png) no-repeat left top;
	width: 616px;
	height: 773px;
	left: 0;
	top: 0;
}

.swiper8 .a8_3 {
	background: url(../images/a8_3.png) no-repeat left top;
	width: 616px;
	height: 754px;
	left: 0;
	top: 0;
}

.swiper8 .a8_4 {
	background: url(../images/a8_4.png) no-repeat left top;
	width: 616px;
	height: 755px;
	left: 0;
	top: 0;
}

.swiper8 .a8_5 {
	background: url(../images/a8_5.png) no-repeat left top;
	width: 617px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.swiper8 .sp8 {
	top: 63%;
}

.arr8_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr8_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}




.swiper9 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper9 .a9_1 {
	background: url(../images/a9_1.png) no-repeat left top;
	width: 616px;
	height: 757px;
	left: 0;
	top: 0;
}

.swiper9 .a9_2 {
	background: url(../images/a9_2.png) no-repeat left top;
	width: 616px;
	height: 713px;
	left: 0;
	top: 0;
}

.swiper9 .a9_3 {
	background: url(../images/a9_3.png) no-repeat left top;
	width: 616px;
	height: 736px;
	left: 0;
	top: 0;
}

.swiper9 .a9_4 {
	background: url(../images/a9_4.png) no-repeat left top;
	width: 616px;
	height: 735px;
	left: 0;
	top: 0;
}

.swiper9 .a9_5 {
	background: url(../images/a9_5.png) no-repeat left top;
	width: 575px;
	height: 92px;
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 10;
}

.swiper9 .sp9 {
	top: 63%;
}

.arr9_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr9_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}


.swiper10 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper10 .a10_1 {
	background: url(../images/a10_1.png) no-repeat left top;
	width: 616px;
	height: 733px;
	left: 0;
	top: 0;
}

.swiper10 .a10_2 {
	background: url(../images/a10_2.png) no-repeat left top;
	width: 616px;
	height: 757px;
	left: 0;
	top: 0;
}

.swiper10 .a10_3 {
	background: url(../images/a10_3.png) no-repeat left top;
	width: 616px;
	height: 714px;
	left: 0;
	top: 0;
}

.swiper10 .a10_4 {
	background: url(../images/a10_4.png) no-repeat left top;
	width: 616px;
	height: 714px;
	left: 0;
	top: 0;
}

.swiper10 .a10_5 {
	background: url(../images/a10_5.png) no-repeat left top;
	width: 656px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 10;
}

.swiper10 .sp10 {
	top: 63%;
}

.arr10_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr10_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}



.swiper11 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper11 .a11_1 {
	background: url(../images/a11_1.png) no-repeat left top;
	width: 616px;
	height: 776px;
	left: 0;
	top: 0;
}

.swiper11 .a11_2 {
	background: url(../images/a11_2.png) no-repeat left top;
	width: 616px;
	height: 777px;
	left: 0;
	top: 0;
}

.swiper11 .a11_3 {
	background: url(../images/a11_3.png) no-repeat left top;
	width: 616px;
	height: 732px;
	left: 0;
	top: 0;
}

.swiper11 .a11_4 {
	background: url(../images/a11_4.png) no-repeat left top;
	width: 616px;
	height: 751px;
	left: 0;
	top: 0;
}

.swiper11 .a11_5 {
	background: url(../images/a11_5.png) no-repeat left top;
	width: 656px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 10;
}

.swiper11 .sp11 {
	top: 63%;
}

.arr11_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr11_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}



.swiper12 {
	position: absolute;
	width: 616px;
	height: 850px;
	left: 50%;
	top: 10%;
	margin-left: -313px;
	z-index: 5;
}

.swiper12 .a12_1 {
	background: url(../images/a12_1.png) no-repeat left top;
	width: 616px;
	height: 735px;
	left: 0;
	top: 0;
}

.swiper12 .a12_2 {
	background: url(../images/a12_2.png) no-repeat left top;
	width: 616px;
	height: 757px;
	left: 0;
	top: 0;
}

.swiper12 .a12_3 {
	background: url(../images/a12_3.png) no-repeat left top;
	width: 616px;
	height: 736px;
	left: 0;
	top: 0;
}

.swiper12 .a12_4 {
	background: url(../images/a12_4.png) no-repeat left top;
	width: 616px;
	height: 735px;
	left: 0;
	top: 0;
}

.swiper12 .a12_5 {
	background: url(../images/a12_5.png) no-repeat left top;
	width: 646px;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 10;
}

.swiper12 .sp12 {
	top: 63%;
}

.arr12_1 {
	background: url(../images/po8.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	left: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.arr12_2 {
	background: url(../images/po9.png) no-repeat;
	width: 34px;
	height: 56px;
	position: absolute;
	right: -6%;
	top: 50%;
	margin-top: 220px;
	z-index: 10;
	cursor: pointer;
}

.swiper1,
.swiper2,
.swiper3,
.swiper4,
.swiper5,
.swiper6,
.swiper7,
.swiper8,
.swiper9,
.swiper10,
.swiper11,
.swiper12 {
	display: none;
}