body{
	color: #484848;
}
.head {
    background: url(../images/onlineLien/pic01.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.info h2{
	padding-bottom: 50px;
}
.info p{
	font-size: 14px;
	height: 25px;
}
.title{
	font-size: 50px;
	color: #56a5f1;
	padding-top: 105px;
	padding-bottom: 50px;
	text-align: center;
}
.process_detail{
	width: 1100px;
	height: 400px;
	margin: 20px auto;
	background: url(../images/onlineLien/pic03.jpg) 95% 0 no-repeat;
}
.detail{
	display: inline-block;
	position: relative;
	left: 20px;
}
.arrow-down{
	margin-left: 6%;
}
.bigP{
	font-size: 24px;
	margin-bottom: 11px;
}
.smallP{
	font-size: 14px;
	margin-bottom: 25px;
}
.collect{
	width: 100%;
	background-color: #f9fafb;
}
.collect_detail{
	width: 1100px;
	height: 450px;
	margin: 0 auto;
}
.collect_detail div{
	display: inline-block;
	width: 395px;
	height: 290px;
	border-radius: 10px;
	margin-top: 50px;
	box-shadow: 1px 1px 60px #d6e8f9;
	background-color: #fff;
}
.detail01{
	float: left;
	margin-left: 10%;
}
.detail02{
	float: right;
	margin-right: 10%;
}
.collect_detail i{
	display: inline-block;
	width: 55px;
	height: 60px;
	margin-left: 45%;
	margin-top: 15%;
}
.de_icon01{
	background: url(../images/onlineLien/pic04.png) 1px 1px no-repeat;
}
.de_icon02{
	background: url(../images/onlineLien/pic04.png) -71px 1px no-repeat;
}
.method{
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
}
.way{
	font-size: 14px;
	margin-left: 10%;
	line-height: 1.8;
}
.beer{
	width: 1100px;
	height: 600px;
	margin: 0 auto;
}
.beer p{
	font-size: 14px;
	color: #313131;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.beerImg{
	width: 756px;
	height: 482px;
	margin: 0 auto;
}