.bannerbox {
    height: 570px;
    width: 100%;
    overflow: hidden;
    position: relative;

}

.contain-div {
    width: 1200px;
    position: relative;
    height: 570px;
}

.bannerbox ul {
    position: relative;
}

.bannerbox ul li {
    list-style: none;
    width: 100%;
    height: 570px;
    position: absolute;
    left: 0;
    top: 0;
}

.bannerbox ul li .img1 {
    position: absolute;
}

.bannerbox .leftbutton {
    position: absolute;
    top: 43%;
    width: 25px;
    height: 49px;
    background: url("../images/left_button.png") center no-repeat;
    background-size: cover;
    z-index: 999;
}

.bannerbox .rightbutton {
    position: absolute;
    top: 43%;
    right: 0;
    width: 25px;
    height: 49px;
    background: url("../images/right_button.png") center no-repeat;
    background-size: cover;
    z-index: 999;
}

.bannerbox .contain-div .slogan1 {
    font-size: 38px;
    font-weight: 500;
    color: white;
    height: 52px;
    margin-top: 22px;
}

.bannerbox .contain-div .slogan2 {
    font-size: 20px;
    color: white;
    padding-bottom: 55px;
}

/*banner-01*/
.baner-01-a {
    width: 327px;
    height: 165px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -163px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.baner-01-b {
    width: 752px;
    height: 65px;
    top: 350px;
    left: 50%;
    position: absolute;
    margin-left: -376px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

/*banner2*/
.banner2-02 {
    width: 593px;
    height: 93px;
    position: absolute;
    top: 243px;
    left: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.banner2-01 {
    top: 217px;
    position: absolute;
    left: -100px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.banner2-03 {
    top: 352px;
    left: 0;
    position: absolute;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/*banner3*/
.banner3-01 {
    position: absolute;
    top: 138px;
    width: 720px;
    height: 73px;
    left: 50%;
    /*margin-left: -310px;*/
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.banner3-02 {
    position: absolute;
    top: 227px;
    left: 50%;
    /*margin-left: -305px;*/
    width: 610px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.banner3-03 {
    position: absolute;
    top: 283px;
    width: 214px;
    left: 50%;
    /*margin-left: -107px;*/
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.banner3-04 {
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 479px;
    margin-left: -239px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.nav_lunbo {
    width: 140px;
    height: 14px;
    position: absolute;
    bottom: 0;
    right: 20px;
    z-index: 2;
    left: 50%;
    margin-left: -50px
}

.nav_lunbo dl dd {
    list-style-type: none;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    width: 18px;
    height: 6px;
    background-color: #5398f3;
}

.nav_lunbo dl .bg {
    background: #fff;
}