@charset "utf-8";
body,
html {
	height: 100%
}

* {
	margin: 0;
	padding: 0
}

body {
	background: url(../images/shouye_nvsheng_bg.png);
	background-size: 100% 100%
}

#header img {
	width: 100%
}

.swiper-container {
	width: 100%;
	padding-top: 1%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-ms-perspective: 1200px;
	perspective: 1200px
}

.swiper-wrapper {
	margin-top: -5px
}

.swiper-slide {
	width: 95%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	padding: 0;

	border-radius: 2px
}

.swiper-slide .main-img {
	width: 100%;
	margin: 0 auto;
	border-radius: 5px;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	display: block;
	
}
.swiper-slide img{
		box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
		border: 1px solid #fff;
}

#pagination {
	position: absolute;
	bottom: 100px;
	width: 100%
}

#pagination .swiper-pagination-bullet {
	width: 9.5%;
	float: left;
	margin: 0 0 0 6.15%;
	background: 0;
	opacity: 1
}

.swiper-pagination-bullet i {
	background: #41203f;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	border-radius: 50px;
	display: block;
	font-style: normal;
	text-align: center;
	margin: 0 auto;
	color: #f5b55c
}

.swiper-pagination-bullet-active i {
	-webkit-transform: scale(1.5);
	background: url(../images/shouye_nvsheng_huangseb.png) center 50% no-repeat;
	background-size: auto 100%;
	color: #815d4b
}

@media screen and (min-height:481px) {
	.swiper-wrapper {
		margin-top: 5px
	}
	#pagination {
		bottom: 5px
	}
}

@media screen and (min-height:569px) {
	.swiper-wrapper {
		margin-top: 5px
	}
	#pagination {
		bottom: 10px
	}
	.swiper-pagination-bullet i {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px
	}
}

#footer {
	position: absolute;
	bottom: 0
}

#footer img {
	width: 100%;
	display: block
}