@charset "UTF-8";
@media only screen and (min-width: 641px) {
.bannerbox{
    height: 250px;
    width: 1360px;
    overflow: hidden;
    position: relative;
}
.containt-div{
    width: 1360px;
    position: relative;
    height: 250px;
}
.bannerbox ul{
    position: relative;
  
}
.bannerbox ul li{
  border-bottom:3px solid #006dcc;
    list-style: none;
    width: 1360px;
    height: 250px;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox ul li.fst-li{
    

    background-size: cover; 

}
.bannerbox ul li.sec-li{
    
    background-size: cover;

}
.bannerbox ul li.third-li{
  
    background-size: cover;

}
.bannerbox ul li.fouth-li{
    background: url(/gzb/img/banner2.jpg) center no-repeat;
    background-size: cover; 
  
}
.bannerbox ul li.fifth-li{
    background: url(/gzb/img/banner2.jpg) center no-repeat;
    background-size: cover; 
}
.bannerbox ul li .img1{
    position: absolute;
}

.banner1{
    width: 570px;
    height: 265px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -280px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2{
    width: 380px;
    height: 360px;
    top: 0px;
    left: 250px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3{
    width: 380px;
    height: 360px;
    top: 0px;
    left: 250px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner4{
    width: 1900px;
    height: 360px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -280px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}


.bannerbox .menu{width:200px;height:5px;position:absolute;bottom:20px;right:20px;z-index: 2; left: 45%;margin-left: -50px}
.bannerbox .menu dl dd{list-style-type:none;width:40px;height:5px;float:left;margin-right:8px;cursor:pointer; background:#fff}
.bannerbox .menu dl .bg{background:#e0413d;width:40px;height:5px;border:none;}
}



@media only screen and (max-width: 641px) {
.bannerbox{
    height: 240px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.containt-div{
    width: 100%;
    position: relative;
    height: 240px;
}
.bannerbox ul{
    position: relative;
  
}
.bannerbox ul li{
    list-style: none;
    width: 100%;
    height: 240px;
    position: absolute;
    left: 0;
    top: 0;
}
.bannerbox ul li.fst-li{
    background: url(/gzb/img/m-banner20.jpg) center no-repeat;
    background-size: cover; 
}
.bannerbox ul li.sec-li{
    background: url(/gzb/img/m-banner4.jpg) center no-repeat;
    background-size: cover;
}
.bannerbox ul li.third-li{
  background: url(/gzb/img/m-banner1.jpg) center no-repeat;
    background-size: cover;
}
.bannerbox ul li.fouth-li{
  background: url(/gzb/img/m-banner5.jpg) center no-repeat;
    background-size: cover;
}
.bannerbox ul li .img1{
    position: absolute;
}

.banner1{
    width: 100%;
    height: 265px;
    position: absolute;
    top: 0px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner2{
    width:100%;
    height: 300px;
    top: 0px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner3{
    width:100%;
    height: 300px;
    top: 0px;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.banner4{
    width: 100%;
    height: 265px;
    position: absolute;
    top: 0px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.bannerbox .menu{width:200px;height:5px;position:absolute;bottom:20px;right:20px;z-index: 2; left: 40%;margin-left: -50px}
.bannerbox .menu dl dd{list-style-type:none;width:40px;height:5px;float:left;margin-right:8px;cursor:pointer; background:#fff}
.bannerbox .menu dl .bg{background:#e0413d;width:40px;height:5px;border:none;}
}