.main{
    width: 100%;
}
.top{
    background: linear-gradient(180deg, #00B1EB, #FFFFFF);
    padding-bottom: 5%;
}
.top .top-content{
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}
.top .top-left{
    margin-top: 7%;
    width: 30%;
    float: left;
}
.top .top-left img, .top .top-right .t-title img{
    width:100%;
    display: block;
}
.top .top-right{
    margin-top: 8%;
    margin-left: 80px;
    float: left;
    width: 65%;
    margin-left: 5%;
}
.qecode-box{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 3%;
    margin-left: 5%;
}
.qecode-box .qecode-parent,
.qecode-box .qecode-branch,
.qecode-box .qecode-kindergarten{
    float: left;
    width:30%;
}
.qecode-box .qecode-kindergarten{
    margin-left: 0%;
}
.center{
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
.center .center-left,
.center .center-right{
    width:50%;
    float: left;
}
.center .center-left img,
.center .center-right img{
    width: 80%;
    display: block;
    margin: 0 auto;
}
.bottom{
    background: linear-gradient(0deg, #c1e9f7, #FFFFFF);
    padding-top: 10%;

}
@media (max-width: 767px){
    .bottom{
        padding-top: 40%;
    }
}