.baner{
	background-color: #f5f8fe;
	height: calc(100vh - 66px);
	position: relative;
}
.baner img{
	max-width: 100%;
	height: auto;
	
}
.baner .text{
	position: absolute;
	left: 50%;
	top: 24%;
	transform: translateX(-50%);
	text-align: center;
	color: #FFFFFF;
}
.baner .text h5{
	font-size: 28px;
}
.baner .text p{
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 40px;
}
.baner .text a{
	font-size: 14px;
	padding: 6px 15px;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	color: #FFFFFF;
	margin:0 30px;
	transition: all 0.2s;
}
.baner .text a:hover{
	background-color: #b3daf6;
}
.center{
	background-color: #f5f8fe;
}
.center .center-item{
	border-radius: 15px;
	padding: 30px 20px;
	background-color: #FFFFFF;
	height: 200px;
	overflow: hidden;
	margin: 60px 0;
	cursor: pointer;
	transition: all .2s linear;
}
.center .center-item:hover{
	transform: translate3d(0, -2px, 0); 
	box-shadow: 0 15px 30px rgba(0,0,0,0.1); 
}
.center .center-item h5{
	color:#84a4f0;
	font-size: 18px;
}
.center .center-item p{
	font-size: 14px;
	color: #777777;
	margin-top: 20px;
}
.center .content{
	position: relative;
	height: 640px;
	margin-top: 150px;
}
.center .content .list{
	width: 30%;	
	padding: 30px;
	border-radius: 100px;
	background-color: #FFFFFF;
	height: 180px;
}
.center .content .l1{
	position: absolute;
	left: 170px;
	top: 15px;
}
.center .content .l2{
	position: absolute;
	right: 120px;
}
.center .content .l3{
	position: absolute;
	left: 20px;
	bottom: 144px;
}
.center .content .l4{
	position: absolute;
	right: 20px;
	bottom: 180px;
}
.center .content .l5{
	position: absolute;
	left: 420px;
	bottom: 0px;
}
.center .content .b1{
	position: absolute;
	right: 15px;
	bottom: -5px;
}
.center .content .b2{
	position: absolute;
	left: 15px;
	bottom: -5px;
}
.center .content .b3{
	position: absolute;
	right: 15px;
	top: -5px;
}
.center .content .b4{
	position: absolute;
	left: -18px;
	top: 40px;
}
.center .content .b5{
	position: absolute;
	left: 110px;
	top: -25px;
}

.center .content .list-l{
	float: left;
	margin-top: 40px;
	margin-left: 10px;
}.center .content .list-l img{
	max-width: 100%;
}
.center .content .list-r{
	margin-left: 80px;
	vertical-align: middle;
}
.center .content .list-b{
	width: 40px;
	height: 40px;
	background-color: #FFFFFF;
	border-radius: 50%;
	
}
.content-title{
	color: #84a4f0;
	font-size: 22px;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.center .content h5{
	font-size: 18px;
	color: #84a4f0;
}
.center .content p{
	font-size: 14px;
	color: #777777;
}
.center .model{
	margin: 180px auto 0;
	padding-bottom: 220px;
}
.center .model-box{
	padding: 40px 20px;
	border: 1px dashed #84a4f0;
	border-radius: 15px;
	text-align: center;
	font-size: 14px;
	color: #84a4f0;
	position: relative;
	height: 680px;
}
.center .model-box h5{
	font-size: 18px;
	padding-bottom: 20px;
}
.center .model-box ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.center .model-box li a{
	padding: 10px 20px;
	background-color: #FFFFFF;
	display: inline-block;
	border-radius: 10px;
	color: #94b0f2;
	margin: 10px 0;
}
.center .model-box .s{
	color: #cc6600;
}
.center .model-box .double{
	margin-right: 20%;  
}
.center .model-box p{
	position: absolute;
	top:85%;
	width: 70%;
	left: 50%;
	transform: translateX(-50%);
	
}
.foot{
	margin: 0;
	background-color: #FFFFFF;
}