.example {
	width: 100%;
	height: 100%
}

.carousel-item {
	color: #fff
}

.OMOD1 {
	width: 100%;
	height: 200px;
	margin-top: 5%;
	float: left
}

.OMODD1 {
	width: 216px;
	height: 216px;
	float: left;
	transform: rotate(45deg);
	margin-left: 28%;
	border: 2px solid #9f9f9f
}

.OMOD1-1 {
	background: #cbcbcb;
	position: relative
}

.OMOD1-in {
	width: 60%;
	height: 60%;
	margin: 20% 0 0 20%;
	transform: rotate(-45deg)
}

.OMO-T10,
.OMO-T100,
.OMO-T11,
.OMO-T111,
.OMO-T1111,
.OMO-T11111,
.OMO-T12,
.OMO-T122,
.OMO-T13,
.OMO-T133,
.OMO-T14,
.OMO-T144,
.OMO-T22,
.OMO-T222,
.OMO-T33,
.OMO-T333,
.OMO-T44,
.OMO-T444,
.OMO-T55,
.OMO-T555,
.OMO-T66,
.OMO-T666,
.OMO-T77,
.OMO-T777,
.OMO-T88,
.OMO-T888,
.OMO-T99,
.OMO-T999,
.pic1,
.pic10,
.pic11,
.pic12,
.pic13,
.pic14,
.pic2,
.pic3,
.pic4,
.pic5,
.pic6,
.pic7,
.pic8,
.pic9 {
	position: absolute;
	text-align: center;
	transition: all .3s ease-in-out
}

.pic1,
.pic10,
.pic11,
.pic12,
.pic13,
.pic14,
.pic2,
.pic3,
.pic4,
.pic5,
.pic6,
.pic7,
.pic8,
.pic9 {
	top: -15px;
	width: 60%;
	left: 20%
}

.OMO-T11,
.OMO-T111,
.OMO-T1111,
.OMO-T11111,
.OMO-T13,
.OMO-T133,
.OMO-T33,
.OMO-T333,
.OMO-T55,
.OMO-T555,
.OMO-T77,
.OMO-T777,
.OMO-T99,
.OMO-T999 {
	top: 65px;
	width: 100%
}

.OMO-T10,
.OMO-T100,
.OMO-T12,
.OMO-T122,
.OMO-T14,
.OMO-T144,
.OMO-T22,
.OMO-T222,
.OMO-T44,
.OMO-T444,
.OMO-T66,
.OMO-T666,
.OMO-T88,
.OMO-T888 {
	top: 85px;
	width: 100%
}

.OMO-T10,
.OMO-T11,
.OMO-T1111,
.OMO-T12,
.OMO-T13,
.OMO-T14,
.OMO-T22,
.OMO-T33,
.OMO-T44,
.OMO-T55,
.OMO-T66,
.OMO-T77,
.OMO-T88,
.OMO-T99,
.pic10,
.pic12,
.pic14,
.pic2,
.pic4,
.pic6,
.pic8 {
	left: 200px;
	color: #000
}

.OMODD2 {
	width: 216px;
	height: 216px;
	float: left;
	transform: rotate(45deg);
	margin-left: 8%;
	border: 2px solid #9f9f9f
}

.OMOD1-2 {
	background: #717171
}

.OMOD2 {
	width: 100%;
	height: 200px;
	margin-top: -3.5%;
	float: left
}

.OMODD3 {
	width: 216px;
	height: 216px;
	float: left;
	transform: rotate(45deg);
	margin-left: 15%;
	border: 2px solid #9f9f9f
}

.OMOD2-1 {
	background: #444
}

.OMOD2-in {
	width: 60%;
	height: 60%;
	margin: 20% 0 0 20%;
	transform: rotate(-45deg)
}

.OMODD4 {
	width: 216px;
	height: 216px;
	float: left;
	transform: rotate(45deg);
	margin-left: 8%;
	border: 2px solid #9f9f9f
}

.OMOD2-2 {
	background: #eee;
	text-align: center;
	color: #000
}

.OMODD5 {
	width: 216px;
	height: 216px;
	float: left;
	transform: rotate(45deg);
	margin-left: 8.1%;
	border: 2px solid #9f9f9f
}

.OMOD2-3 {
	background: #a6a6a6
}

.OMOD3 {
	width: 100%;
	height: 200px;
	margin-top: -3.5%;
	float: left
}

.OMODD6 {
	width: 216px;
	height: 216px;
	float: left;
	transform: rotate(45deg);
	margin-left: 27.9%;
	border: 2px solid #9f9f9f
}

.OMOD3-1 {
	background: #838383
}

.OMOD3-in {
	width: 60%;
	height: 60%;
	margin: 20% 0 0 20%;
	transform: rotate(-45deg)
}

.OMODD7 {
	width: 216px;
	height: 216px;
	float: left;
	transform: rotate(45deg);
	margin-left: 8.2%;
	border: 2px solid #9f9f9f
}

.OMOD3-2 {
	background: #333
}

.mokuaier {
	display: none
}

.OMOD1-1,
.OMOD1-2,
.OMOD2-1,
.OMOD2-2,
.OMOD2-3,
.OMOD3-1,
.OMOD3-2 {
	transition: .5s all ease-in-out;
	width: 208px;
	height: 208px;
	float: left;
	margin-left: 2px;
	margin-top: 2px;
	overflow: hidden
}

.carousel-btn {
	position: absolute;
	top: 50%;
	width: 260px;
	height: 250px;
	z-index: 1
}

.OMOD1-1box,
.OMOD1-2box,
.OMOD2-1box,
.OMOD2-3box,
.OMOD3-1box,
.OMOD3-2box {
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all .5s;
	z-index: 2;
	margin-left: 100%;
	position: fixed
}

.ESC {
	position: absolute;
	top: 5%;
	right: 5%;
	width: 50px;
	height: 50px
}

@media(max-width:1710px) {
	body {
		margin: 0;
		padding: 0;
		font-family: '雷克萨斯简正线', "Helvetica Neue", Helvetica, Arial, sans-serif !important
	}

	.carousel-inner {
		display: block
	}

	.carousel935 {
		display: none
	}

	.carousel310 {
		display: none
	}

	ul li {
		list-style-type: none
	}

	a {
		text-decoration: none
	}

	.example {
		width: 100%;
		height: 100%
	}

	.carousel-item {
		color: #fff
	}

	.OMOD1 {
		width: 100%;
		height: 200px;
		margin-top: 5%;
		float: left
	}

	.OMODD1 {
		width: 212px;
		height: 212px;
		float: left;
		transform: rotate(45deg);
		margin-left: 28%;
		border: 1px solid #9f9f9f
	}

	.OMOD1-1 {
		background: #cbcbcb
	}

	.OMOD1-in {
		width: 60%;
		height: 60%;
		margin: 20% 0 0 20%;
		transform: rotate(-45deg)
	}

	.OMODD2 {
		width: 212px;
		height: 212px;
		float: left;
		transform: rotate(45deg);
		margin-left: 8%;
		border: 1px solid #9f9f9f
	}

	.OMOD1-2 {
		background: #717171
	}

	.OMOD2 {
		width: 100%;
		height: 200px;
		margin-top: -3.5%;
		float: left
	}

	.OMODD3 {
		width: 212px;
		height: 212px;
		float: left;
		transform: rotate(45deg);
		margin-left: 15%;
		border: 1px solid #9f9f9f
	}

	.OMOD2-in {
		width: 60%;
		height: 60%;
		margin: 20% 0 0 20%;
		transform: rotate(-45deg)
	}

	.OMODD4 {
		width: 212px;
		height: 212px;
		float: left;
		transform: rotate(45deg);
		margin-left: 8.1%;
		border: 1px solid #9f9f9f
	}

	.OMOD2-2 {
		background: #eee
	}

	.OMODD5 {
		width: 212px;
		height: 212px;
		float: left;
		transform: rotate(45deg);
		margin-left: 8.1%;
		border: 1px solid #9f9f9f
	}

	.OMOD2-3 {
		background: #a6a6a6
	}

	.OMOD3 {
		width: 100%;
		height: 200px;
		margin-top: -3.5%;
		float: left
	}

	.OMODD6 {
		width: 212px;
		height: 212px;
		float: left;
		transform: rotate(45deg);
		margin-left: 28%;
		border: 1px solid #9f9f9f
	}

	.OMOD3-1 {
		background: #838383
	}

	.OMOD3-in {
		width: 60%;
		height: 60%;
		margin: 20% 0 0 20%;
		transform: rotate(-45deg)
	}

	.OMODD7 {
		width: 212px;
		height: 212px;
		float: left;
		transform: rotate(45deg);
		margin-left: 8%;
		border: 1px solid #9f9f9f
	}

	.OMO-T1 {
		text-align: center;
		padding-top: 30%;
		height: 0;
		font-size: 16px;
		color: #000
	}

	.OMO-T2 {
		text-align: center;
		font-size: 16px;
		color: #000
	}

	.OMOD1-1,
	.OMOD1-2,
	.OMOD2-1,
	.OMOD2-2,
	.OMOD2-3,
	.OMOD3-1,
	.OMOD3-2 {
		transition: .5s all ease-in-out;
		width: 200px;
		height: 200px;
		float: left;
		margin-left: 5px;
		margin-top: 5px
	}

	.carousel-btn {
		position: absolute;
		top: 42%;
		width: 250px;
		height: 250px;
		cursor: pointer
	}
}

@media(max-width:1370px) {
	body {
		margin: 0;
		padding: 0;
		font-family: '雷克萨斯简正线', "Helvetica Neue", Helvetica, Arial, sans-serif !important
	}

	.carousel-inner {
		display: block
	}

	.carousel935 {
		display: none
	}

	.carousel310 {
		display: none
	}

	ul li {
		list-style-type: none
	}

	a {
		text-decoration: none
	}

	.example {
		width: 100%;
		height: 100%
	}

	.carousel-item {
		color: #fff
	}

	.OMOD1 {
		width: 100%;
		height: 200px;
		margin-top: 10%;
		float: left;
		margin-left: 3%
	}

	.OMODD1 {
		width: 152px;
		height: 152px;
		float: left;
		transform: rotate(45deg);
		margin-left: 28.3%;
		border: 1px solid #9f9f9f
	}

	.OMOD1-1 {
		background: #cbcbcb
	}

	.OMOD1-in {
		width: 60%;
		height: 60%;
		margin: 20% 0 0 20%;
		transform: rotate(-45deg)
	}

	.OMODD2 {
		width: 152px;
		height: 152px;
		float: left;
		transform: rotate(45deg);
		margin-left: 8%;
		border: 1px solid #9f9f9f
	}

	.OMOD1-2 {
		background: #717171
	}

	.OMOD2 {
		width: 100%;
		height: 200px;
		margin-top: -6.7%;
		float: left;
		margin-left: 6%
	}

	.OMODD3 {
		width: 152px;
		height: 152px;
		float: left;
		transform: rotate(45deg);
		margin-left: 15%;
		border: 1px solid #9f9f9f
	}

	.OMOD2-in {
		width: 60%;
		height: 60%;
		margin: 20% 0 0 20%;
		transform: rotate(-45deg)
	}

	.OMODD4 {
		width: 152px;
		height: 152px;
		float: left;
		transform: rotate(45deg);
		margin-left: 8.1%;
		border: 1px solid #9f9f9f
	}

	.OMOD2-2 {
		background: #eee
	}

	.OMODD5 {
		width: 152px;
		height: 152px;
		float: left;
		transform: rotate(45deg);
		margin-left: 8.1%;
		border: 1px solid #9f9f9f
	}

	.OMOD2-3 {
		background: #a6a6a6
	}

	.OMOD3 {
		width: 100%;
		height: 200px;
		margin-top: -6.5%;
		float: left;
		margin-left: 3.5%
	}

	.OMODD6 {
		width: 152px;
		height: 152px;
		float: left;
		transform: rotate(45deg);
		margin-left: 28%;
		border: 1px solid #9f9f9f
	}

	.OMOD3-1 {
		background: #838383
	}

	.OMOD3-in {
		width: 60%;
		height: 60%;
		margin: 20% 0 0 20%;
		transform: rotate(-45deg)
	}

	.OMODD7 {
		width: 152px;
		height: 152px;
		float: left;
		transform: rotate(45deg);
		margin-left: 8%;
		border: 1px solid #9f9f9f
	}

	.OMO-T1 {
		text-align: center;
		padding-top: 30%;
		height: 0;
		font-size: 10px;
		color: #000
	}

	.OMO-T2 {
		text-align: center;
		font-size: 10px;
		color: #000
	}

	.OMOD1-1,
	.OMOD1-2,
	.OMOD2-1,
	.OMOD2-2,
	.OMOD2-3,
	.OMOD3-1,
	.OMOD3-2 {
		transition: .5s all ease-in-out;
		width: 140px;
		height: 140px;
		float: left;
		margin-left: 5px;
		margin-top: 5px
	}

	.carousel-btn {
		position: absolute;
		top: 42%;
		width: 250px;
		height: 250px;
		cursor: pointer
	}

	.pic1,
	.pic10,
	.pic11,
	.pic12,
	.pic13,
	.pic14,
	.pic2,
	.pic3,
	.pic4,
	.pic5,
	.pic6,
	.pic7,
	.pic8,
	.pic9 {
		display: none
	}

	.OMO-T11,
	.OMO-T111,
	.OMO-T1111,
	.OMO-T11111,
	.OMO-T13,
	.OMO-T133,
	.OMO-T33,
	.OMO-T333,
	.OMO-T55,
	.OMO-T555,
	.OMO-T77,
	.OMO-T777,
	.OMO-T99,
	.OMO-T999 {
		top: 0
	}

	.OMO-T10,
	.OMO-T100,
	.OMO-T12,
	.OMO-T122,
	.OMO-T14,
	.OMO-T144,
	.OMO-T22,
	.OMO-T222,
	.OMO-T44,
	.OMO-T444,
	.OMO-T66,
	.OMO-T666,
	.OMO-T88,
	.OMO-T888 {
		top: 28px
	}
}

@media(max-width:1215px) {

	.OMOD1,
	.OMOD2,
	.OMOD3 {
		display: none
	}

	.mokuaier {
		display: block;
		margin: auto;
		width: 60%;
	}
}

@media(max-width:1150px) {
	body {
		margin: 0;
		padding: 0;
		font-family: '雷克萨斯简正线', "Helvetica Neue", Helvetica, Arial, sans-serif !important
	}

	.carousel-inner {
		display: block
	}

	.carousel935 {
		display: none
	}

	.carousel310 {
		display: none
	}

	ul li {
		list-style-type: none
	}

	a {
		text-decoration: none
	}

	.example {
		width: 100%;
		height: 100%
	}

	.carousel-item {
		color: #fff
	}

	.OMOD1 {
		width: 60%;
		height: 200px;
		margin-top: 10%;
		margin-left: 11%
	}

	.OMODD1 {
		width: 150px;
		height: 150px;
		float: left;
		transform: rotate(45deg);
		margin-left: 28.3%;
		border: 1px solid #9f9f9f
	}

	.OMOD1-1 {
		background: #cbcbcb
	}

	.OMOD1-in {
		width: 60%;
		height: 60%;
		margin: 20% 0 0 20%;
		transform: rotate(-45deg)
	}

	.OMODD2 {
		width: 150px;
		height: 150px;
		float: left;
		transform: rotate(45deg);
		margin-left: 12%;
		border: 1px solid #9f9f9f
	}

	.OMOD1-2 {
		background: #717171
	}

	.OMOD2 {
		width: 70%;
		height: 200px;
		margin-top: -6.7%;
		float: left;
		margin-left: 7.7%
	}

	.OMODD3 {
		width: 150px;
		height: 150px;
		float: left;
		transform: rotate(45deg);
		margin-left: 15%;
		border: 1px solid #9f9f9f
	}

	.OMOD2-1 {
		background: #fff
	}

	.OMOD2-in {
		width: 60%;
		height: 60%;
		margin: 20% 0 0 20%;
		transform: rotate(-45deg)
	}

	.OMODD4 {
		width: 150px;
		height: 150px;
		float: left;
		transform: rotate(45deg);
		margin-left: 10.1%;
		border: 1px solid #9f9f9f
	}

	.OMOD2-2 {
		background: #eee
	}

	.OMODD5 {
		width: 150px;
		height: 150px;
		float: left;
		transform: rotate(45deg);
		margin-left: 10.1%;
		border: 1px solid #9f9f9f
	}

	.OMOD2-3 {
		background: #a6a6a6
	}

	.OMOD3 {
		width: 60%;
		height: 200px;
		margin-top: -6.5%;
		float: left;
		margin-left: 11%
	}

	.OMODD6 {
		width: 150px;
		height: 150px;
		float: left;
		transform: rotate(45deg);
		margin-left: 28%;
		border: 1px solid #9f9f9f
	}

	.OMOD3-1 {
		background: #838383
	}

	.OMOD3-in {
		width: 60%;
		height: 60%;
		margin: 20% 0 0 20%;
		transform: rotate(-45deg)
	}

	.OMODD7 {
		width: 150px;
		height: 150px;
		float: left;
		transform: rotate(45deg);
		margin-left: 12%;
		border: 1px solid #9f9f9f
	}

	.OMOD3-2 {
		background: #fff
	}

	.OMO-T1 {
		text-align: center;
		padding-top: 30%;
		height: 0;
		font-size: 10px;
		color: #000
	}

	.OMO-T2 {
		text-align: center;
		height: 0;
		font-size: 10px;
		color: #000
	}

	.OMOD1-1,
	.OMOD1-2,
	.OMOD2-1,
	.OMOD2-2,
	.OMOD2-3,
	.OMOD3-1,
	.OMOD3-2 {
		transition: .5s all ease-in-out;
		width: 140px;
		height: 140px;
		float: left;
		margin-left: 5px;
		margin-top: 5px
	}

	.carousel-btn {
		position: absolute;
		top: 46%;
		width: 180px;
		height: 180px;
		cursor: pointer
	}

	@media(max-width:1100px) {
		body {
			margin: 0;
			padding: 0;
			font-family: '雷克萨斯简正线', "Helvetica Neue", Helvetica, Arial, sans-serif !important
		}

		.carousel-inner {
			display: block
		}

		.carousel935 {
			display: none
		}

		.carousel310 {
			display: none
		}

		ul li {
			list-style-type: none
		}

		a {
			text-decoration: none
		}

		.example {
			width: 100%;
			height: 100%
		}

		.carousel-item {
			color: #fff
		}

		.OMOD1 {
			width: 60%;
			height: 200px;
			margin-top: 13%;
			float: left;
			margin-left: 11%
		}

		.OMODD1 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 28.3%;
			border: 1px solid #9f9f9f
		}

		.OMOD1-1 {
			background: #cbcbcb
		}

		.OMOD1-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD2 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 9.5%;
			border: 1px solid #9f9f9f
		}

		.OMOD1-2 {
			background: #717171
		}

		.OMOD2 {
			width: 70%;
			height: 200px;
			margin-top: -8.7%;
			float: left;
			margin-left: 9.7%
		}

		.OMODD3 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 15%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-1 {
			background: #fff
		}

		.OMOD2-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD4 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 8.1%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-2 {
			background: #eee
		}

		.OMODD5 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 8.1%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-3 {
			background: #a6a6a6
		}

		.OMOD3 {
			width: 60%;
			height: 200px;
			margin-top: -8.5%;
			float: left;
			margin-left: 11.2%
		}

		.OMODD6 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 28%;
			border: 1px solid #9f9f9f
		}

		.OMOD3-1 {
			background: #838383
		}

		.OMOD3-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD7 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 10%;
			border: 1px solid #9f9f9f
		}

		.OMOD3-2 {
			background: #fff
		}

		.OMO-T1 {
			text-align: center;
			padding-top: 30%;
			height: 0;
			font-size: 10px;
			color: #000
		}

		.OMO-T2 {
			text-align: center;
			height: 0;
			font-size: 10px;
			color: #000
		}

		.OMO-T10 {
			display: none
		}

		.OMOD1-1,
		.OMOD1-2,
		.OMOD2-1,
		.OMOD2-2,
		.OMOD2-3,
		.OMOD3-1,
		.OMOD3-2 {
			transition: .5s all ease-in-out;
			width: 110px;
			height: 110px;
			float: left;
			margin-left: 5px;
			margin-top: 5px
		}

		#two {
			width: 430px !important;
			height: 320px !important;
			margin-top: 320px !important
		}

		#three {
			width: 430px !important;
			height: 320px !important;
			margin-top: 320px !important
		}

		.carousel-btn {
			position: absolute;
			top: 46%;
			width: 180px;
			height: 180px;
			cursor: pointer
		}
	}

	@media(max-width:990px) {
		body {
			margin: 0;
			padding: 0;
			font-family: '雷克萨斯简正线', "Helvetica Neue", Helvetica, Arial, sans-serif !important
		}

		.carousel-inner {
			display: block
		}

		.carousel935 {
			display: none
		}

		.carousel310 {
			display: none
		}

		ul li {
			list-style-type: none
		}

		a {
			text-decoration: none
		}

		.example {
			width: 100%;
			height: 100%
		}

		.carousel-item {
			color: #fff
		}

		.OMOD1 {
			width: 60%;
			height: 200px;
			margin-top: 13%;
			float: left;
			margin-left: 9%
		}

		.OMODD1 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 28.3%;
			border: 1px solid #9f9f9f
		}

		.OMOD1-1 {
			background: #cbcbcb
		}

		.OMOD1-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD2 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 9.5%;
			border: 1px solid #9f9f9f
		}

		.OMOD1-2 {
			background: #717171
		}

		.OMOD2 {
			width: 70%;
			height: 200px;
			margin-top: -8.7%;
			float: left;
			margin-left: 7.7%
		}

		.OMODD3 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 15%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-1 {
			background: #fff
		}

		.OMOD2-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD4 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 8.1%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-2 {
			background: #eee
		}

		.OMODD5 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 8.1%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-3 {
			background: #a6a6a6
		}

		.OMOD3 {
			width: 60%;
			height: 200px;
			margin-top: -8.5%;
			float: left;
			margin-left: 9.2%
		}

		.OMODD6 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 28%;
			border: 1px solid #9f9f9f
		}

		.OMOD3-1 {
			background: #838383
		}

		.OMOD3-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD7 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 10%;
			border: 1px solid #9f9f9f
		}

		.OMOD3-2 {
			background: #fff
		}

		.OMO-T1 {
			text-align: center;
			padding-top: 30%;
			height: 0;
			font-size: 10px;
			color: #000
		}

		.OMO-T2 {
			text-align: center;
			height: 0;
			font-size: 10px;
			color: #000
		}

		.OMO-T10 {
			display: none
		}

		.OMOD1-1,
		.OMOD1-2,
		.OMOD2-1,
		.OMOD2-2,
		.OMOD2-3,
		.OMOD3-1,
		.OMOD3-2 {
			transition: .5s all ease-in-out;
			width: 110px;
			height: 110px;
			float: left;
			margin-left: 5px;
			margin-top: 5px
		}

		.carousel-btn {
			position: absolute;
			top: 46%;
			width: 180px;
			height: 180px;
			cursor: pointer
		}
	}

	@media(max-width:975px) {
		body {
			margin: 0;
			padding: 0;
			font-family: '雷克萨斯简正线', "Helvetica Neue", Helvetica, Arial, sans-serif !important
		}

		.carousel-inner {
			display: block
		}

		.carousel935 {
			display: none
		}

		.carousel310 {
			display: none
		}

		ul li {
			list-style-type: none
		}

		a {
			text-decoration: none
		}

		.example {
			width: 100%;
			height: 100%
		}

		.carousel-item {
			color: #fff
		}

		.OMOD1 {
			width: 60%;
			height: 200px;
			margin-top: 13%;
			float: left;
			margin-left: 8%
		}

		.OMODD1 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 28.3%;
			border: 1px solid #9f9f9f
		}

		.OMOD1-1 {
			background: #cbcbcb
		}

		.OMOD1-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD2 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 9.5%;
			border: 1px solid #9f9f9f
		}

		.OMOD1-2 {
			background: #717171
		}

		.OMOD2 {
			width: 70%;
			height: 200px;
			margin-top: -8.7%;
			float: left;
			margin-left: 6.7%
		}

		.OMODD3 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 15%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-1 {
			background: #fff
		}

		.OMOD2-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD4 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 8.1%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-2 {
			background: #eee
		}

		.OMODD5 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 8.1%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-3 {
			background: #a6a6a6
		}

		.OMOD3 {
			width: 60%;
			height: 200px;
			margin-top: -8.5%;
			float: left;
			margin-left: 8.2%
		}

		.OMODD6 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 28%;
			border: 1px solid #9f9f9f
		}

		.OMOD3-1 {
			background: #838383
		}

		.OMOD3-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD7 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 10%;
			border: 1px solid #9f9f9f
		}

		.OMOD3-2 {
			background: #fff
		}

		.OMO-T1 {
			text-align: center;
			padding-top: 30%;
			height: 0;
			font-size: 10px;
			color: #000
		}

		.OMO-T2 {
			text-align: center;
			height: 0;
			font-size: 10px;
			color: #000
		}

		.OMO-T10 {
			display: none
		}

		.OMOD1-1,
		.OMOD1-2,
		.OMOD2-1,
		.OMOD2-2,
		.OMOD2-3,
		.OMOD3-1,
		.OMOD3-2 {
			transition: .5s all ease-in-out;
			width: 110px;
			height: 110px;
			float: left;
			margin-left: 5px;
			margin-top: 5px
		}

		.carousel-btn {
			position: absolute;
			top: 46%;
			width: 180px;
			height: 180px;
			cursor: pointer
		}
	}

	@media(max-width:955px) {
		body {
			margin: 0;
			padding: 0;
			font-family: '雷克萨斯简正线', "Helvetica Neue", Helvetica, Arial, sans-serif !important
		}

		.carousel-inner {
			display: block
		}

		.carousel935 {
			display: none
		}

		.carousel310 {
			display: none
		}

		ul li {
			list-style-type: none
		}

		a {
			text-decoration: none
		}

		.example {
			width: 100%;
			height: 100%
		}

		.carousel-item {
			color: #fff
		}

		.OMOD1 {
			width: 60%;
			height: 200px;
			margin-top: 13%;
			float: left;
			margin-left: 7%
		}

		.OMODD1 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 28.3%;
			border: 1px solid #9f9f9f
		}

		.OMOD1-1 {
			background: #cbcbcb
		}

		.OMOD1-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD2 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 9.5%;
			border: 1px solid #9f9f9f
		}

		.OMOD1-2 {
			background: #717171
		}

		.OMOD2 {
			width: 70%;
			height: 200px;
			margin-top: -8.7%;
			float: left;
			margin-left: 5.7%
		}

		.OMODD3 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 15%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-1 {
			background: #fff
		}

		.OMOD2-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD4 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 8.1%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-2 {
			background: #eee
		}

		.OMODD5 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 8.1%;
			border: 1px solid #9f9f9f
		}

		.OMOD2-3 {
			background: #a6a6a6
		}

		.OMOD3 {
			width: 60%;
			height: 200px;
			margin-top: -8.5%;
			float: left;
			margin-left: 7.2%
		}

		.OMODD6 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 28%;
			border: 1px solid #9f9f9f
		}

		.OMOD3-1 {
			background: #838383
		}

		.OMOD3-in {
			width: 60%;
			height: 60%;
			margin: 20% 0 0 20%;
			transform: rotate(-45deg)
		}

		.OMODD7 {
			width: 120px;
			height: 120px;
			float: left;
			transform: rotate(45deg);
			margin-left: 10%;
			border: 1px solid #9f9f9f
		}

		.OMOD3-2 {
			background: #fff
		}

		.OMO-T1 {
			text-align: center;
			padding-top: 30%;
			height: 0;
			font-size: 10px;
			color: #000
		}

		.OMO-T2 {
			text-align: center;
			height: 0;
			font-size: 10px;
			color: #000
		}

		.OMO-T10 {
			display: none
		}

		.OMOD1-1,
		.OMOD1-2,
		.OMOD2-1,
		.OMOD2-2,
		.OMOD2-3,
		.OMOD3-1,
		.OMOD3-2 {
			transition: .5s all ease-in-out;
			width: 110px;
			height: 110px;
			float: left;
			margin-left: 5px;
			margin-top: 5px
		}

		.carousel-btn {
			position: absolute;
			top: 46%;
			width: 180px;
			height: 180px;
			cursor: pointer
		}
	}

	@media (max-width:935px) {
		.carousel-inner {
			display: none
		}

		.carousel935 {
			display: block;
			margin: 39% auto
		}

		.carousel-btn {
			display: none
		}
	}

	@media (max-width:835px) {
		.carousel-inner {
			display: none
		}

		.carousel935 {
			display: block;
			margin: 25% auto
		}
	}

	@media(max-width:765px) {

		.carousel-btn {
			position: absolute;
			top: 47%;
			width: 50px;
			height: 50px;
			cursor: pointer
		}

		.carousel-inner {
			display: none
		}

		.carousel935 {
			display: block;
			margin: 42% auto
		}
	}

	@media(max-width:650px) {

		.carousel-btn {
			position: absolute;
			top: 47%;
			width: 50px;
			height: 50px;
			cursor: pointer
		}

		.carousel-inner {
			display: none
		}

		.carousel935 {
			display: none
		}

		.carousel310 {
			display: block;
			margin: 60% auto
		}
	}

	@media(max-width:480px) {
		.carousel-inner {
			display: none
		}

		.carousel935 {
			display: none
		}

		.carousel310 {
			display: block;
			margin: 30% auto
		}

		.carousel-btn {
			position: absolute;
			top: 47%;
			width: 50px;
			height: 50px;
			cursor: pointer
		}
	}

	@media(max-width:400px) {
		.carousel-inner {
			display: none
		}

		.carousel935 {
			display: none
		}

		.carousel310 {
			display: block;
			margin: 80% auto
		}

		.carousel-btn {
			position: absolute;
			top: 47%;
			width: 50px;
			height: 50px;
			cursor: pointer
		}
	}
}