[bigFont]{
	font-size: 1.4rem;
	padding-bottom: 15px;
	font-weight: 700;
}
[smallFont]{
	font-size: 0.8rem;
}
.bannerBox{
	width: 100%;
	margin: 0 auto;
}
.item1,.item2,.item3,.item4,.item5{
	width: 100%;
	position: relative;
}
.item1{
	background: #FFFFFF;
	text-align: center;
	padding-top: 1%;
	margin-bottom: 3%
}
.item1>div{
	padding-top: 2%;
	margin-bottom: 2rem;
}
.item2 img:nth-child(2){
	position: absolute;
	left:22%;
	top: 15%;
}
.item2 img:nth-child(3){
	position: absolute;
	right: 22%;
	top: 15%
}
.item3 img:last-child{
	position: absolute;
	right:0;
	top:24%
}
.item4 .item4Text{
	position: absolute;
	top: 17%;
	left: 20%;
}
.item4 img:last-child{
	position: absolute;
	right: 8%;
	top: 22%;
}
.item5>div{
	position: absolute;
	top: 14%;
	right: 20%;
}
.item5 img:last-child{
	position: absolute;
	left: 15%;
	top: 12%;
}

/***媒体查询技术***/
@media screen and (max-width: 820px){
	[bigFont]{
		font-size: 1.3rem;
	}
	[smallFont]{
		font-size: 0.7rem;
	}
	#headerBox .header{
		width: 85%;
	}
}
@media screen and (min-width: 821px) and (max-width: 1025px){
	[bigFont]{
		font-size: 1.5rem;
	}
	[smallFont]{
		font-size: 0.8rem;
	}
	#headerBox .header{
		width: 85%;
	}
}
@media screen and (min-width: 1026px) and (max-width: 1180px){
	[bigFont]{
		font-size: 1.8rem;
	}
	[smallFont]{
		font-size: 1rem;
	}
}
@media screen and (min-width: 1181px) and (max-width: 1400px){
	[bigFont]{
		font-size: 2rem;
	}
	[smallFont]{
		font-size: 1.15rem;
	}
}
@media screen and (min-width: 1400px){
	[bigFont]{
		font-size: 2.5rem;
	}
	[smallFont]{
		font-size: 1.35rem;
	}
}