body{
	position: relative;
	min-height: 100%;
	font-size: 0;
}
header{
	position: fixed;
}
.house{
	height: 100%;
	padding-right: 10%;
}
/* ads */
.ads,.swiper,.banner{
	height: 100%;
}
.ads{
	position: relative;
}
.house>.page-index{
	right: 50px;
}
.house>.page-index span[class^="swiper"]{
	width: 6px;
	height: 6px;
	background: #ccc;
	border: solid 1px rgba(0, 0, 0, 0);
	margin: 25px auto;
	opacity: 1;
	transition: all 1500ms;
}
.house>.page-index span.swiper-pagination-bullet-active{
	width: 9px;
	height: 9px;
	background: #fff;
	border: solid 1px rgba(0, 0, 0, .5);
}
.index-swiper{
	--swiper-theme-color: #ff6600; /* 设置Swiper风格 */
	--swiper-navigation-color: #00ff33; /* 单独设置按钮颜色 */
	--swiper-navigation-size: 30px; /* 设置按钮大小 */
}
.box{
	position: relative;
	overflow: hidden;
}

@media (min-width: 1000px) {
	footer{
		position: fixed;
		bottom: 0;
		width: 15%;
	}
	.copyright{
		border-top: none;
	}
	.copyright span{
		display: block;
		padding: 15px 0;
		font-size: 18px;
		line-height: 2;
	}
	.swiper{
		position: absolute;
		right: 0;
		left: 0;
	}
	.index1{
		transform: rotate(180deg);
	}
	.index1 .swiper-slide{
		transform: rotate(180deg);
	}
	img[class^="img-"]{
		position: absolute;
	}
	.img-2,.img-5,.img-8,.img-11,.img-14,.img-17,.img-20{
		top: 45%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 25%;
	}
	.img-1{
		top: 45%;
		transform: translateY(-50%);
		width: 35%;
	}
	.img-4{
		top: 45%;
		transform: translateY(-50%);
		width: 35%;
	}
	.img-7{
		top: 40%;
		transform: translateY(-50%);
		width: 45%;
	}
	.img-10{
		top: 1%;
		width: 50%;
	}
	.img-13{
		top: 52%;
		transform: translateY(-50%);
		width: 47%;
		z-index: 1;
	}
	.img-16{
		top: 50%;
		transform: translateY(-100%);
		width: 30%;
	}
	.img-19{
		top: 45%;
		transform: translateY(-50%);
		width: 70%;
	}
	.img-3{
		top: 5%;
		right: 0;
		width: 75%;
	}
	.img-6{
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 60%;
	}
	.img-9{
		top: 55%;
		right: 0;
		transform: translateY(-50%);
		width: 40%;
	}
	.img-12{
		top: 45%;
		right: 0;
		transform: translateY(-50%);
		width: 40%;
	}
	.img-15{
		top: 0;
		right: 0;
		width: 45%;
	}
	.img-18{
		right: 0;
		bottom: 0;
		width: 55%;
	}
	.img-21{
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 32%;
	}
}

@media (max-width: 999px) {
	body{
		height: auto;
	}
	header{
		position: static;
	}
	.house{
		padding: 0 0 60px;
	}
	.adsph{
		position: relative;
	}
	.pageph{
		bottom: -20px!important;
	}
	.house .pageph span.swiper-pagination-bullet-active{
		background: #000;
	}
	.copyright{
		font-size: 18px;
	}
}