html,body{height: 100%;}
.wrapper{min-height: 100%; background: url(../images/index/index-bg.png)0 0 no-repeat;background-size: 100% 100%;}
.wrapper .logo{display: block; margin: 0 auto; padding-top: 65px;max-width: 800px; width: 90%;}
.wrapper .title{display: block; margin: 30px auto 0;max-width: 700px; width: 90%;}
.wrapper .introduction{max-width: 700px; width: 75%;margin: 20px auto; padding: 25px 35px 45px 22px; text-indent: 35px;font-weight: 800;
    line-height: 25px; background: url(../images/index/index-text.png) 0 0 no-repeat;background-size: 100% 100%;}
.wrapper .accessBtn {text-align: center;padding-bottom: 138px;}
.wrapper .accessBtn button {border-style: none;width: 250px;height: 60px;color: #fafafa;margin-bottom: 20px;font-weight: 800;cursor: pointer;background: url(../images/index/index-btn.png)0 0 no-repeat;background-size: 100% 100%;}
.footer {min-height: 138px;background-color: #263C92;margin-top: -138px;color: #fafafa;text-align: center;}
.footer p {max-width: 1000px;margin: 0 auto;padding-top: 30px;line-height: 35px;}
@media screen and (max-width:768px) {
    .wrapper {
        background: #68a4ad;
    }
}