.layout {
    min-width: 1200px;
	position: relative;
	min-height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 0;
}
.bg{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	object-fit: cover;
	display: block;
    width: 100%;
}   
.phone {
    position: relative;
}
.right{
	display: flex;
	flex-direction: column;
	margin-left: 30px;
}
.text {
    position: relative;
	margin-bottom: 30px;
}
.down {
   position: relative;
}
.down div {
    float: left;
}
.down .button{
	margin-left: 20px;
	overflow: hidden;
	width: 490px;
}
.down .button a{
	display: block;
	float: left;
	width: 235px;
	height: 56px;
	display: flex;
	align-items: center;
	border-radius: 28px;
	background-color: #fff;
	margin-bottom: 20px;
	justify-content: center;
	cursor: pointer;
}
.down .button a:nth-child(2n+1){
	margin-right: 20px;
}
.down .button a img {
    width: 30px;
}
.down .button a span {
    font-size: 20px;
	font-weight: bold;
	width: 140px;
	text-align: center;
}


@media screen and (max-width: 768px){
    .layout{
        min-width: 320px;
		flex-direction: column;
    }
	.phone {
	    width: 80%;
	}
	.text {
	   width: 80%;
	   display: block;
	   margin: 30px auto;
	}
	.right{
		width: 100%;
		margin-left: 0;
	}
	.down .code{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.down .button{
		margin-left: 0;
		width: 100%;
	}
	/* .down .button a img {
	    display: block;
		margin:0 auto 20px;
	} */
	.down .button a{
		float: none;
		margin:0 auto 20px;
	}
	.down .button a:nth-child(2n+1){
		margin-right: auto;
	}
	
}

/*底部*/
.footer {
	position: absolute;
	bottom: 0;
    width: 100%;
    font-size: 14px;
    /* height: 50px; */
	/* line-height: 50px; */
	text-align: center;
	padding-bottom: 10px;
}