.head {
    height: 600px;
    background-image: url("../image/head2.png");
    background-size: 100% 100%;
}

.logo img {
    width: 120px;
    height: 70px;
    margin-top: 40px;
    margin-left: 40px;
    background-color: white;
}

.menu {
    margin-top: 50px;
}

.menu-right a {
    color: white;
    margin-left: 5%;
    /*text-decoration: none;*/
}

.btn img {
    margin-top: 200px;
    width: 150px;
    height: 40px;
}

.btn button {
    width: 150px;
    height: 40px;
    border: 1px solid transparent;
    outline: none;
    border-radius: 20px;
    margin-top: 200px;
    color: blue;
    font-size: 16px;
}

.download-btn {
    width: 120px;
    height: 30px;
    border: 1px solid transparent;
    outline: none;
    border-radius: 20px;
    color: blue;
}

.model1 {
    height: 130px;
    background-color: white;
}

.model2 {
    /*width: 820px;*/
    margin: 0 auto;
    height: 140px;
    width: 60%;
    /*background-color: white;*/
    margin-top: 56%;
    z-index: 999;

}

.middle2 {
    background-image: url("../image/middle2.png");
    background-size: 100% 100%;
    width: 100%;
    height: 475px;
    margin-top: -40px;
}

.middle3 {
    background-image: url("../image/middle3.png");
    background-size: 100% 100%;
    width: 100%;
    height: 560px;
    /*margin-top: -40px;*/
}

.rectangle-blue {
    width: 180px;
    height: 230px;
    border: white solid 1px;
    border-radius: 20px;
    display: inline-block;
    margin-left: 3%;
    margin-top: 40px;
}

.rectangle-blue:hover {
    background-image: url("../image/矩形 9 拷贝.png");
}

.rectangle-blue img {
    width: 50px;
    height: 50px;
    margin-top: 50px;

}

.rectangle-blue p {
    color: white;

}

/*.rectangle-blue {*/
/*    background-image: url("../image/矩形 9 拷贝@2x.png");*/
/*    background-size: 100% 100%;*/
/*    width: 210px;*/
/*    height: 265px;*/
/*}*/

.middle4 {
    background-image: url("../image/组 17 拷贝.png");
    background-size: 100% 100%;
    width: 100%;
    height: 460px;
    margin-top: -40px;
}

.all-circle img {
}

.circle {
    /*border-radius: 50%;*/
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-image: url("../image/circle_blue.png");
    background-size: 60px 60px;
    margin-left: 30%;
    /*margin-left: 11%;*/
}

.circle:hover {
    background-image: url("../image/circle_yellow.png");
}

.foot {
    background-color: #A5BBFF;
    width: 100%;
    height: 250px;
    margin-top: -40px;
}

.download-head {
    background-image: url("../image/组 3.png");
    height: 800px;
    background-size: 100% 100%;
}

.register-head {
    background-image: url("../image/register-head-new.png");
    height: 800px;
    background-size: 100% 100%;
}

.resgiter-img1 {
    background-image: url("../image/register-big.png");
    height: 333px;
    width: 500px;
    background-size: 100% 100%;
    margin-top: 100px;
}

.resgiter-img2 {
    background-image: url("../image/register-middle.png");
    height: 377px;
    width: 400px;
    background-size: 100% 100%;
    margin-left: 5.5%;
    z-index: 666;
    margin-top: -355px;
}

.resgiter-img3 {
    background-image: url("../image/register-small.png");
    height: 430px;
    width: 300px;
    background-size: 100% 100%;
    margin-left: 11%;
    margin-top: -405px;
    text-align: left;
}