/* CSS Document */
@charset "utf-8";
.bannerbox{
    height: 750px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.containt-div{
    width: 1024px;
    position: relative;
    height: 450px;
}
.bannerbox ul{
    position: relative;
}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 750px;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.bannerbox ul li.fst-li{
    background: url("banner1.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.sec-li{
    background: url("banner2.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.third-li{
    background: url("banner1.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li .img1{
    position: absolute;
}
/*banner-01*/
.baner-01-a{
    width: 327px;
    height: 165px;
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -35%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

/*banner2*/
.banner2-02{
    width: 327px;
    height: 165px;
    position: absolute;
    top: 250px;
    left: 50%;
	margin-left: -35%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*banner3*/
.banner3-01{
    width: 327px;
    height: 165px;
    position: absolute;
    top: 250px;
    left: 50%;
	margin-left: -35%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.nav{width:100px;height:14px;position:absolute;bottom:10px;right:20px;z-index: 2; left: 50%;margin-left: -50px}
.nav dl dd{
    list-style-type:none;
    width:12px;
    height:12px;
    border-radius: 50%;
    float:left;
    margin-right:5px;
    cursor:pointer;
    background: rgba(255, 255, 255, 0.41);
    /*border:1px solid #fff;*/
}
.nav dl .bg{
    background: #FFF;
}

@media screen and (max-width: 480px){
.bannerbox{
    height: 200px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.containt-div{
    width: 1024px;
    position: relative;
    height: 200px;
}
.bannerbox ul{
    position: relative;
}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox ul li.fst-li{
    background: url("banner1.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.sec-li{
    background: url("banner2.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li.third-li{
    background: url("banner1.jpg") center no-repeat;
    background-size: cover;
}
.bannerbox ul li .img1{
    position: absolute;
}
.containt-div img{ width:250px; height:auto;}
/*banner-01*/
.baner-01-a{
    position: absolute;
    top: 100px;
    left: 45%;
    margin-left: -38%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

/*banner2*/
.banner2-02{
    position: absolute;
    top: 100px;
    left: 45%;
	margin-left: -38%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*banner3*/
.banner3-01{

    position: absolute;
    top: 100px;
    left: 42%;
	margin-left: -50%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.nav{width:100px;height:14px;position:absolute;bottom:10px;right:20px;z-index: 2; left: 55%;margin-left: -50px}
}