.bannerbox {
    height: 522px;
    width: 1366px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.containt-div {
    width: 1366px;
    position: relative;
    height: 522px;
    margin: 0 auto ;
}

.bannerbox ul {
    position: relative;
}

.bannerbox ul li {
    list-style: none;
    width: 1366px;
    height: 522px;
    margin: 0 auto;
}

.bannerbox ul li.fst-li {
    background: url("../images/bg-1.jpg") center no-repeat;
    background-size: cover;
}

.bannerbox ul li.sec-li {
    background: url("../images/bg-2.jpg") center no-repeat;
    background-size: cover;
}

.bannerbox ul li.third-li {
    background: url("../images/bg-3.jpg") center no-repeat;
    background-size: cover;
}

.bannerbox ul li.four-li {
    background: url("../images/bg-4.jpg") center no-repeat;
    background-size: cover;
}

.bannerbox ul li .img1 {
    position: absolute;
}
/*banner-01*/
.banner1-01 {
    width: 513px;
    height: 56px;
    position: absolute;
    top: 50px;
    left: 45%;
    margin-left: -163px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.banner1-02 {
    width: 752px;
    height: 65px;
    top: 350px;
    left: 28%;
    position: absolute;
    
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*banner2*/
.banner2-02 {
    width: 593px;
    height: 93px;
    position: absolute;
    top: 500px;
    left: 221px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.banner2-01 {
    width: 543px;
    top: 88px;
    position: absolute;
    left: 500px;
    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;
    -khtml-opacity: 0;
    opacity: 0;
}
/*banner3*/
.banner3-01 {
    position: absolute;
    top: 638px;
    width: 720px;
    height: 73px;
    left: 50%;
    /*margin-left: -310px;*/
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-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;
    -khtml-opacity: 0;
    opacity: 0;
}

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

.banner4-01 {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 645px;
    height: 56px;
    margin-left: -38px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.nav1 {
    width: 400px;
    height: 14px;
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 2;
    left: 50%;
    margin-left: -50px;
}

.nav1 dl dd {
    float: left;
    display: block;
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    width: 42px;
    height: 11px;
    margin: 1px;
    overflow: hidden;
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    line-height: 999px;
}

.nav1 dl .bg {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    width: 42px;
    height: 11px;
    margin: 1px;
    overflow: hidden;
        
    background: #f00;
    filter: alpha(opacity=50);
    opacity: 0.5;
    line-height: 999px;
}



select, input, img, select {
    vertical-align: middle;
}


.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}