@charset "UTF-8";
  body {
    margin: 0;
    padding: 0;
    background-color: #0053a5; /* 背景颜色 */
	width: 100%;
	height:100%;
	overflow: hidden;
  }

  .top-left {
    position: fixed; /* 固定位置 */
    top: 0; /* 距离顶部0 */
    left: 0; /* 距离左侧0 */
	width: 20%;
  }

  .bottom-right {
    position: fixed; /* 固定位置 */
    bottom: 0; /* 距离底部0 */
    right: 0; /* 距离右侧0 */
	width: 30%;
  }
  .bg-img{
	  width: 100%;
  }
  .main{
	  width: 55%;
	  margin:150px auto 0;
  }
  .logo{
	  float: right;
	  width: 30%;
	  padding-top: 100px;
  }
  .logo img{
  	  width: 100%;
  }
  .text{
	  float: left;
	  width: 60%;
	  color:#fff;
  }
  .text h1{
	  font-size: 74px;
  }
  .text h2{
	  font-size: 50px;
  }
  .text h3{
	  font-size: 24px;
  }
  .text a{
	  font-size: 30px;
	  line-height: 72px;
	  display: inline-block;
	  border: 1px solid #fff;
	  border-radius: 36px;
	  color: #fff;
	  text-decoration: none;
	  padding:0 30px
  }
  @media screen and (max-width: 1000px){
	  .main{
	  	  width: 100%;
		  margin-top: 70px;
		  }
		.logo{
			    width: 40%;
			    float: none;
			    text-align: center;
			    margin: 0 auto;
			    padding: 0;
			
		}
		.text{
			  width: 100%;
			  text-align: center;
			  margin-top: 50px;
		}  
		.text h1{
			  font-size: 30px;
		}
		.text h2{
			  font-size: 24px;
		}
		.text h3{
			  font-size: 14px;
		}
		.text a{
			font-size: 18px;
			}
  }