.banner{width: 100%;

    overflow:hidden;

    margin: auto;

    position: relative;

}

.banner .bd{ position:relative; 

         height:100%; 

         width: 100%;
}

.banner .bd ul{ width: 100%;

                margin: auto auto auto auto;

                padding: 0px;

                list-style: none;

                overflow: hidden;

            
}

.banner .bd li{ zoom:1; 
    

            vertical-align:middle;

            list-style: none;
}

.banner .bd img{ width:100%;
             
            display:block; 
}

@media(max-width: 1000px) {
    .banner .hd{ height:15px; 

        overflow:hidden;
        
        position:absolute;
        
        z-index:10; 

        margin: auto auto auto auto;

        bottom:0px;

        text-align: center;

        width: 100%;
}

.image-bg{padding: 30px 0 0 !important;}

.img-fluid{display:none !important;}

.ht-80{display:none !important;}

.indexlcl{margin: 20px 50px auto auto; float: left;}
}

@media(min-width: 1000px) {
    .banner .hd{ height:15px; 

        overflow:hidden;
        
        position:absolute;
        
        z-index:10; 

        margin: auto auto auto auto;

        bottom:50px;

        text-align: center;

        width: 100%;
}
.indexlcl{margin: 20px 50px auto auto; float: left; font-size:14px}
}

.banner .hd ul{ width: 100px;

            margin: auto auto auto auto;

            padding: 0px;

            list-style:none;
}


.banner .hd ul li{ margin: auto 4px;
               
               width:8px;
               
               height:8px;
               
               float: left;

               border-radius:100%;

               background:#000000;

               display: block;
               
               cursor:pointer;

               opacity:0.2;
}

.banner .hd ul li.on{ background:#fda975; opacity:1}

.bg-img-holder video{width: 100%; height: 100%; display: none; background-color: #000000;}



.indexlcr{margin: 20px auto auto auto; float: left;font-size:14px}