.huodongBanner {
    height: 470px;
    width: 100%;
    background: url(//pic.mairuan.com/WebSource/formysql/news/old/uploads/images/formysql/huodongBanner.jpg) no-repeat top center;
}

.indexBanner1 {
    height: 470px;
    width: 100%
}

.indexBanner2 {
    height: 470px;
    width: 100%;
    background: url(//pic.mairuan.com/WebSource/formysql/news/old/uploads/images/formysql/indexBanner2.jpg) no-repeat top center;
}

.gmLinks a {
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #17abff
}

.gmLinks a:hover {
    text-decoration: none
}

.indexBanner1 .gmLinks .active {
    color: #fff;
    background-color: #17abff
}

.bannerImg {
    position: absolute;
    left: 490px;
    top: 30px;
    z-index: 1
}

.indexBanner2 a {
    height: 400px
}

.animateNav {
    position: absolute;
    width: 100%;
    top: -40px;
    z-index: 5;
    text-align: center
}

.animateNav a {
    background: #b0b1b1;
    border-radius: 8px;
    font-size: 0;
    margin: 0 8px;
    padding: 8px
}

.animateNav .activeSlide {
    background: #3f83dc
}

.indexDatabases a {
    display: block;
    width: 100px;
    position: absolute;
    color: #444
}

.indexDatabases a img {
    padding-bottom: 10px
}

#databases {
    display: block;
    margin: 100px auto 170px auto
}

#index_premiun {
    left: 436px;
    top: 75px
}

#index_mysql {
    left: 25px;
    top: 300px
}

#index_oracle {
    left: 190px;
    top: 300px
}

#index_sqlserver {
    left: 355px;
    top: 300px
}

#index_mariadb {
    left: 520px;
    top: 300px
}

#index_postgresql {
    left: 685px;
    top: 300px
}

#index_sqlite {
    left: 850px;
    top: 300px
}