﻿

/*带圆点*/
.bannerSlickBox {
    position: relative;
    overflow: hidden;
    height:600px;
    margin-top:0px;
    max-width:100%;
}
.bannerSlickBox .pic {
    position: relative;
}
.bannerSlickBox .pic::before {
    display: block;
    content: '';
    padding-top: 600px;
}
.bannerSlickBox .pic img {
    position: absolute;
    width: 100%;
    height: 600px;
    
    left: 0; top: 0;
    object-fit: cover; 
    object-position: center center;
}


.bannerSlickMask {/*s标题*/
    width: 100%;
    background: rgba(0, 0, 0, 0); /*标题背景色 原值：0, 0, 0, 0.6*/
    position: absolute;
    left: 0;bottom: 0;
    overflow: hidden;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0px;
}


.bannerSlickDots {
    float: left;
    display: inline;
    margin-left:20px;
}
.bannerSlickDots .slick-dots {
    position: unset;
    height:40px;  /*标题高*/
    text-align:left;
    font-size: 6px;
    line-height: 20px;
    overflow: hidden;
    width:800px;  /*圆点位置宽度*/
}

/*.bannerSlickDots li button { /*去掉圆点的数字显示*
   font-size: 0;
   color:transparent; 
   background-color: transparent;
   border: hidden;
   border-width:0;
   height:0;
}*/
.bannerSlickDots li button{ /*数字显示*/
   font-size: 6px;
   color:blue; 
   background-color: transparent;
   border: hidden;
   border-width:0;
   height:10px;
   margin-top:5px;
}


.bannerSlickDots .slick-dots li {
    margin: 0;
    border: 1px solid #fec69e; /*圆点外圆圈属性*/
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    vertical-align: middle;
    cursor: pointer;
}
.bannerSlickDots .slick-dots li+li {
    margin: 0px 6px 0px 6px; /*点之间的距离*/
}
.bannerSlickDots .slick-dots li.slick-active {
    background: #76d9ff; /*圆点激活点的颜色*/
}
.bannerSlickText {
    overflow: hidden;
    height: 6px;
}

.bannerSlickText .title {
    font-size: 0px;
    color: #FFFFFF;height: 0px;
    line-height: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/*标题*/
.pic-title {position: absolute; top:-15px; left: 20px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.60);}
.pic-title h2{font-size: 23px;}

