html,body {
	position:relative;
	margin:0;
	height:100%;
}
footer {
	display:none !important;
}
.swiper-container-box {
	width:100%;
	height:calc(100% - 44px);
}
.swiper-slide {
	position:relative;
}

.p01 {
	width: 100%;
	height: 100%;
	background: url(./images/bg01.jpg?15646);
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p01 .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.p01 .logo {
	width: 5.17rem;
	height: 0.55rem;
}
.p01 .banner {
	width: 100%;
	height: 4.56rem;
	margin-top: 1.01rem;
}
.p01 h4{
	margin-top: 1.43rem;
	font-size: .48rem;
	color: #fff;
	line-height: .48rem;
}
.p01 h4 em {
	color: #f3d9b3;
}
.p01 p {
	color: #fff;
	font-size: .3rem;
	line-height: .6rem;
}


.p02 {
	width: 100%;
	height: 100%;
	background: url(./images/bg02.jpg);
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p02 .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.p02 .box h4 {
font-size: .63rem;
}
.p02 .box p {
	margin-top: .64rem;
width: 5.6rem;
font-size: .24rem;
}


.p03 {
	width: 100%;
	height: 100%;
	/* background: url(./images/bg03.jpg);
	background-size: cover; */
	display: flex;
	justify-content: center;
}
.p03 .box {

	color: #fff;
	text-align: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}
.p03 .box .logo {
	margin: 2.01rem auto 0;
	width: 3.07rem;
	height: 0.67rem;
}
.p03 .box p {
margin-top: .52rem;
width: 5.6rem;
font-size: .2rem;
text-align: left;
}
.p03 .img-box {
	width: 7.5rem;
	height: 7.15rem;
	background: url(./images/ppjs.jpg);
	background-size: cover;
	text-align: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}
.p03 .box .btm {
	margin-top: .69rem;
	width: 6.58rem;
	height: 4.15rem;
}

.p04 {
	width: 100%;
	height: 100%;
	background: url(./images/bg04.jpg);
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p04 .box {
	display: flex;
	flex-direction: column;
	color: #fff;
	align-items: center;
}
.p04 .box h4 {
	text-align: center;
	font-size: .63rem;
	margin-bottom: .7rem;
}
.p04 .box p{
	font-size: .2rem;
	line-height: .3rem;
}
.p04 .box video{
	margin-top: .87rem;
	width: 100%;
	height: 3.55rem;
}

.p05 {
	width: 100%;
	height: 100%;
	background: url(./images/bg05.jpg);
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.p05 .box {
	display: flex;
	flex-direction: column;
	color: #fff;
}

.p05 .box .wrap {
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	margin-bottom: .9rem;
	width: 6.57rem;
	height: 4.05rem;
	background-color: #ffffff;
	box-shadow: 0px 2px 5px 0px 
		rgba(150, 150, 150, 0.41);
}
.p05 .box .wrap h4 {
	font-size: .63rem;
	color: #333333;
}
.p05 .box .wrap p {
	text-align: justify;
	margin-top: .44rem;
	width: 4.88rem;
	font-size: .2rem;
	line-height: .4rem;
	color: #333333;
}

.p06 {
	width: 100%;
	height: 100%;
	background: #e8e8e8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p06 .box {
	display: flex;
	flex-direction: column;
}
.p06 .box img {
	margin-bottom: .2rem;
	width: 6.56rem;
	height: 3.74rem;
}
.p06 .box .wrap {
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	width: 6.56rem;
	height: 4.05rem;
	background-color: #ffffff;
	box-shadow: 0px 2px 5px 0px 
		rgba(150, 150, 150, 0.41);
}
.p06 .box .wrap h4 {
	font-size: .63rem;
	color: #333333;
}
.p06 .box .wrap p {
	text-align: justify;
	margin-top: .44rem;
	width: 4.88rem;
	font-size: .2rem;
	line-height: .4rem;
	color: #333333;
}

.p07 {
	width: 100%;
	height: 100%;
	background: #e8e8e8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p07 .box {
	display: flex;
	flex-direction: column;
}
.p07 .box img {
	margin-bottom: .2rem;
	width: 6.56rem;
	height: auto;
}
.p07 .box .wrap {
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	width: 6.56rem;
	height: 4.05rem;
	background-color: #ffffff;
	box-shadow: 0px 2px 5px 0px 
		rgba(150, 150, 150, 0.41);
}
.p07 .box .wrap h4 {
	font-size: .63rem;
	color: #333333;
}
.p07 .box .wrap p {
	text-align: justify;
	margin-top: .44rem;
	width: 4.88rem;
	font-size: .2rem;
	line-height: .4rem;
	color: #333333;
}

.p08 {
	width: 100%;
	height: 100%;
	background: #e8e8e8;
}
.p08 .box {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.p08 .box img {
	width: 100%;
	height: auto;
}
.p08 .box .wrap {
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	height: 3.82rem;
	width: 100%;
	color: #fff;
	background:url(./images/p08_wrap_bg.jpg);
	background-size: cover;
}
.p08 .box .wrap h4 {
	font-size: .63rem;
}
.p08 .box .wrap p {
	text-align: justify;
	margin-top: .44rem;
	width: 4.88rem;
	font-size: .2rem;
	line-height: .4rem;
}
.p08 .box .text {
	margin-top: .45rem;
	width: 6.4rem;
}
.p08 .box .text span {
	font-size: .14rem;
}
.p08 .box .text p{
	text-align: justify;
	margin-top: .1rem;
	font-size: .12rem;
}