.banner{
	width: 100%;
	min-height: 500px;
	background-color: #0E1843;
	margin-top: 100px;
	/* overflow: hidden; */
	background-image: url('https://bjdzc.cn/PC/img/O2OBannerBack.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.bannerTitle{
	line-height: 1.5;
	margin-top: 90px;
	font-size: 70px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0px 2px 0px rgba(0,0,0,0.3);
}

.bannerText{
	width: 1023px;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	text-shadow: 0px 2px 0px rgba(0,0,0,0.3);
	line-height: 1.5;
	margin: 27px 0px 40px 0px;
}

.bannerButton{
	width: 240px;
	height: 77px;
	background: #3053EB;
	border-radius: 16px;
	font-size: 24px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.5;
	text-align: center;
	position: relative;
}

.bannerButtonText{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
}




.itemText{
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 60px;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	font-family: "SiYuanHeiTiFine";
}

.item1{
	padding-bottom: 100px;
}

.item1SideBar{
	width: 280px;
	min-height: 260px;
	background: #FFFFFF;
	box-shadow: 0rem 2px 6px 0rem rgba(48,83,235,0.2);
	border-radius: 10px;
	padding:  27px 25px 0px 36px;
	float: left;
}

.item1SideBarImg{
	width: 86px;
	height: 86px;
	display: block;
	margin: auto;
}

.item1SideBarTitle{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #3053EB;
	line-height: 1.5;
	margin: 15px 0px 30px 0px;
}

.item1SideBarText{
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 1.5;
	padding-bottom: 34px;
}

.item1Center{
	width: 590px;
	height: 260px;
	background-image: url('https://bjdzc.cn/PC/img/O2OItem1Center.png');
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
	position: relative;
	margin: 0px 25px 0px 25px;
}

.item1CenterBack{
	text-align: center;
	font-size: 145px;
	font-weight: bold;
	color: rgba(48,83,235,0.1);
	line-height: 1.5;
	position: absolute;
	top: 30px;
	left: 137px;
	z-index: 1;
}

.item1Elem{
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height: 1.5;
	margin-top: 30px;
	position: relative;
}

.item1Elem::before{
	content: '';
	width: 7px;
	height: 7px;
	background: #3053EB;
	position: absolute;
	border-radius: 50%;
	left: 110px;
	top: 10px;
}




.item2{
	padding-top: 40px;
	padding-bottom: 32px;
	background-color: #F3F5FF;
}

.item2Item{
	width: 280px;
	min-height: 273px;
	background: #FFFFFF;
	border-radius: 10px;
	padding-top: 18px;
	float: left;
	margin: 0px 26px 28px 0px;
}

.item2Img{
	width: 74px;
	height: 74px;
	display: block;
	margin: auto;
}

.item2Title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #3053EB;
	line-height: 1.5;
	margin: 12px 0px 9px 0px;
}

.item2Text{
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 1.5;
	padding-bottom: 12px;
	padding-right: 13px;
	padding-left: 30px;
}

.item2Button{
	width: 210px;
	height: 60px;
	text-align: center;
	background: #3053EB;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 60px;
	margin: auto;
}





.item3{
	padding: 100px 0px 100px 0px;
}

.item3Img{
	width: 100%;
}





.item4{
	padding: 40px 0px 55px 0px;
	background: #F3F5FF;
}

.item4Item{
	width: 280px;
	min-height: 340px;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 30px 17px 0px 13px;
	float: left;
	margin-right: 26px;
}

.item4Img{
	width: 68px;
	height: 68px;
	display: block;
	margin: 0px auto 19px;
}

.item4Title1{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	line-height: 1.5;
}

.item4Title2{
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #3053EB;
	line-height: 1.5;
	padding: 14px 0px 30px 0px;
}

.item4Text{
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 1.5;
	padding-bottom: 30px;
}

.item4Button{
	width: 210px;
	height: 60px;
	background: #3053EB;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 60px;
	text-align: center;
	margin:auto;
}





.B2CCase{
	padding-bottom: 100px;
}

.B2CCaseItem{
	width: 390px;
	float: left;
	margin-right: 15px;
}

.B2CCaseImg{
	width: 390px;
	height: 260px;
	display: block;
	margin-bottom: 22px;
}

.B2CCaseText{
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	color: #333333;
	line-height: 1.5;
}

.refer{
	width: 830px;
	min-height: 58px;
	background: #3053EB;
	border-radius: 100px;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	line-height: 58px;
	margin: 25px auto 25px;
}

.itemTitle{
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #2A2C36;
	line-height: 1.5;
	margin: 100px 0px 60px 0px;
}




















@media screen and (max-width:1200px) {
	.banner{
		width: 100%;
		min-height: 5rem;
		background-color: #0E1843;
		margin-top: 1rem;
		/* overflow: hidden; */
		background-image: url('https://bjdzc.cn/PC/img/O2OBannerBack.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	
	.bannerTitle{
		line-height: 1.5;
		margin-top: 0.9rem;
		font-size: 0.7rem;
		font-weight: bold;
		color: #FFFFFF;
		text-shadow: 0rem 0.02rem 0rem rgba(0,0,0,0.3);
	}
	
	.bannerText{
		width: 10.23rem;
		font-size: 0.24rem;
		font-weight: 400;
		color: #FFFFFF;
		text-shadow: 0rem 0.02rem 0rem rgba(0,0,0,0.3);
		line-height: 1.5;
		margin: 0.27rem 0rem 0.4rem 0rem;
	}
	
	.bannerButton{
		width: 2.4rem;
		height: 0.77rem;
		background: #3053EB;
		border-radius: 0.16rem;
		font-size: 0.24rem;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 1.5;
		text-align: center;
		position: relative;
	}
	
	.bannerButtonText{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		white-space: nowrap;
	}
	
	
	
	
	.itemText{
		text-align: center;
		font-size: 0.16rem;
		font-weight: 400;
		color: #666666;
		line-height: 1.5;
		margin-top: 0.2rem;
		margin-bottom: 0.6rem;
		width: 12rem;
		margin-left: auto;
		margin-right: auto;
		font-family: "SiYuanHeiTiFine";
	}
	
	.item1{
		padding-bottom: 1rem;
	}
	
	.item1SideBar{
		width: 2.8rem;
		min-height: 2.6rem;
		background: #FFFFFF;
		box-shadow: 0px 0.02rem 0.06rem 0px rgba(48,83,235,0.2);
		border-radius: 0.1rem;
		padding:  0.27rem 0.25rem 0rem 0.36rem;
		float: left;
	}
	
	.item1SideBarImg{
		width: 0.86rem;
		height: 0.86rem;
		display: block;
		margin: auto;
	}
	
	.item1SideBarTitle{
		text-align: center;
		font-size: 0.2rem;
		font-weight: bold;
		color: #3053EB;
		line-height: 1.5;
		margin: 0.15rem 0rem 0.3rem 0rem;
	}
	
	.item1SideBarText{
		text-align: center;
		font-size: 0.14rem;
		font-weight: 400;
		color: #666666;
		line-height: 1.5;
		padding-bottom: 0.34rem;
	}
	
	.item1Center{
		width: 5.9rem;
		height: 2.6rem;
		background-image: url('https://bjdzc.cn/PC/img/O2OItem1Center.png');
		background-repeat: no-repeat;
		background-size: contain;
		float: left;
		position: relative;
		margin: 0rem 0.25rem 0rem 0.25rem;
	}
	
	.item1CenterBack{
		text-align: center;
		font-size: 1.45rem;
		font-weight: bold;
		color: rgba(48,83,235,0.1);
		line-height: 1.5;
		position: absolute;
		top: 0.3rem;
		left: 1.37rem;
		z-index: 1;
	}
	
	.item1Elem{
		text-align: center;
		font-size: 0.18rem;
		font-weight: 500;
		color: #333333;
		line-height: 1.5;
		margin-top: 0.3rem;
		position: relative;
	}
	
	.item1Elem::before{
		content: '';
		width: 0.07rem;
		height: 0.07rem;
		background: #3053EB;
		position: absolute;
		border-radius: 50%;
		left: 1.1rem;
		top: 0.1rem;
	}
	
	
	
	
	.item2{
		padding-top: 0.4rem;
		padding-bottom: 0.32rem;
		background-color: #F3F5FF;
	}
	
	.item2Item{
		width: 2.8rem;
		min-height: 2.73rem;
		background: #FFFFFF;
		border-radius: 0.1rem;
		padding-top: 0.18rem;
		float: left;
		margin: 0rem 0.26rem 0.28rem 0rem;
	}
	
	.item2Img{
		width: 0.74rem;
		height: 0.74rem;
		display: block;
		margin: auto;
	}
	
	.item2Title{
		text-align: center;
		font-size: 0.2rem;
		font-weight: bold;
		color: #3053EB;
		line-height: 1.5;
		margin: 0.12rem 0rem 0.09rem 0rem;
	}
	
	.item2Text{
		font-size: 0.16rem;
		font-weight: 400;
		color: #666666;
		line-height: 1.5;
		padding-bottom: 0.12rem;
		padding-right: 0.13rem;
		padding-left: 0.3rem;
	}
	
	.item2Button{
		width: 2.1rem;
		height: 0.6rem;
		text-align: center;
		background: #3053EB;
		border-radius: 0.1rem;
		font-size: 0.2rem;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 0.6rem;
		margin: auto;
	}
	
	
	
	
	
	.item3{
		padding: 1rem 0rem 1rem 0rem;
	}
	
	.item3Img{
		width: 100%;
	}
	
	
	
	
	
	.item4{
		padding: 0.4rem 0rem 0.55rem 0rem;
		background: #F3F5FF;
	}
	
	.item4Item{
		width: 2.8rem;
		min-height: 3.4rem;
		background: #FFFFFF;
		border-radius: 0.1rem;
		padding: 0.3rem 0.17rem 0rem 0.13rem;
		float: left;
		margin-right: 0.26rem;
	}
	
	.item4Img{
		width: 0.68rem;
		height: 0.68rem;
		display: block;
		margin: 0rem auto 0.19rem;
	}
	
	.item4Title1{
		text-align: center;
		font-size: 0.2rem;
		font-weight: bold;
		color: #333333;
		line-height: 1.5;
	}
	
	.item4Title2{
		text-align: center;
		font-size: 0.18rem;
		font-weight: 400;
		color: #3053EB;
		line-height: 1.5;
		padding: 0.14rem 0rem 0.3rem 0rem;
	}
	
	.item4Text{
		text-align: center;
		font-size: 0.14rem;
		font-weight: 400;
		color: #666666;
		line-height: 1.5;
		padding-bottom: 0.3rem;
	}
	
	.item4Button{
		width: 2.1rem;
		height: 0.6rem;
		background: #3053EB;
		border-radius: 0.1rem;
		font-size: 0.2rem;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 0.6rem;
		text-align: center;
		margin:auto;
	}
	
	
	
	
	
	.B2CCase{
		padding-bottom: 1rem;
	}
	
	.B2CCaseItem{
		width: 3.9rem;
		float: left;
		margin-right: 0.15rem;
	}
	
	.B2CCaseImg{
		width: 3.9rem;
		height: 2.6rem;
		display: block;
		margin-bottom: 0.22rem;
	}
	
	.B2CCaseText{
		text-align: center;
		font-size: 0.3rem;
		font-weight: 400;
		color: #333333;
		line-height: 1.5;
	}
	
	.refer{
		width: 8.3rem;
		min-height: 0.58rem;
		background: #3053EB;
		border-radius: 1rem;
		font-size: 0.2rem;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
		line-height: 0.58rem;
		margin: 0.25rem auto 0.25rem;
	}
	
	.itemTitle{
		text-align: center;
		font-size: 0.32rem;
		font-weight: bold;
		color: #2A2C36;
		line-height: 1.5;
		margin: 1rem 0rem 0.6rem 0rem;
	}
	
	
	
}