html,body{
				height: 100%;
				margin: 0px;
				padding: 0px;
			}
			body {
				background-color: #00457c;
				color: #fff;
				font-size: 16px;
				line-height:2;
				font-family:"microsoft yahei";
				overflow: hidden;
			}
			.contact-bg {
				width: 100%;
				height: 100%;
				background: url("../images/logo_bg.png") no-repeat center;
				position: absolute;
				z-index: 10;
			}
			.contact-box {
				max-width: 90%;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
				z-index: 20;
				text-align: center;
			}
			h1 {
				font-size: 48px;
				line-height: 66px;
				font-weight: initial;
				padding: 0px;
				margin: 0px;
			}
			h2 {
				padding: 0px;
				margin: 0px;
				margin-bottom: 20px;
			}
			p {
				font-size: 18px;
				line-height: 50px;
				padding: 0px;
				margin: 0px;
				opacity: 0.8;
			}
						a {
				display: block;
				min-width: 360px;
				padding: 0px 50px;
				height: 55px;
				line-height: 55px;
				border: 1px solid #fff;
				text-align: center;
				font-size: 24px;
				border-radius: 40px;
				color: #fff;
				text-decoration: none;
				position: relative;
				transition: all .2s linear;
			}
			a::before {
				content: "";
				width: 0px;
				height: 100%;
				background-color: #fff;
				position: absolute;
				border-radius: 40px;
				left: 0px;
				top: 0px;
				z-index: -1;
				opacity: 1;
				transition: all .3s linear;
			}
			a:hover {
				color: #00457c;
			}
			a:hover::before {
				width: 100%;
			}
			@media (max-width:768px) {
				body {
					font-size: 14px;
				}
				h1 {
				    font-size: 26px;
				    line-height: 40px;
				}
				p {
					line-height: 50px;
					font-size: 14px;
				}
				a {
					width: 200px;
					min-width: initial;
					padding: 0px 20px;
					font-size: 12px;
					height: 40px;
					line-height: 40px;
					border-radius: 30px;
				}
				.contact-bg {
				    background-size: 80% auto;
				}
			}