#carouselUl{
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    width:100%;
}
#carouselUl li img{
    width:100%;
}
#cLeft,
#cRight{
    background:#000000;
    color:#fff;
    font-size:52px;
    height:80px;
    line-height:80px;
    opacity:0.3;
    position:absolute;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    width:40px;
}
#cArrow #cLeft{
    left:0;
}
#cArrow #cRight{
    right:0;
}
#cBanner #cArrow{
    display:none;
}
/* 鼠标经过 */
#cBanner:hover #cArrow{
    cursor:pointer;
    display:block;
}
#cBanner{
    margin:0 auto;
    overflow:hidden;
    position:relative;
    text-align:center;
    width:100%;
}
#carouselUl{
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    width:100%;
}
#carouselUl li > div{
    font-size:0;
    width:100%;
}
#carouselUl li{
    font-size:37px;
    position:absolute;
    width:100%;
}
/*小圆点样式*/
.pointerOl{
    display:flex;
    height:60px;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.pointerOl li{
    background:rgba(0, 0, 0, 0.2);
    text-align:left;
    width:25%;
}
.pointerOl p{
    color:white;
    cursor:default;
    font-size:13px;
    margin:10px 0 -5px 20px;
}
#carousel{
    position:relative
}
#cPoint{
    bottom:0;
    position:absolute;
    width:100%;
    z-index:12;
}
@media (max-width:600px){
    #cBanner #cArrow #cLeft,
    #cBanner #cArrow #cRight{
        background:#000000;
        color:#fff;
        font-size:52px;
        height:80px;
        line-height:80px;
        opacity:0.3;
        position:absolute;
        text-align:center;
        top:50%;
        transform:translateY(-50%);
        width:40px;
    }
    #cArrow #cLeft{
        left:0;
    }
    #cArrow #cRight{
        right:0;
    }
    /*鼠标经过盒子，让箭头显示出来*/
    #cBanner:hover #cArrow{
        cursor:pointer;
        display:block;
    }
    #carouselUl{
        list-style:none;
        position:relative;
        width:100%;
    }
    #carouselUl li{
        float:left;
        font-size:0;
        position:absolute;
        text-align:center;
        width:100%;
    }
    #carouselUl li img{
        width:100%;
    }
    .pointerOl{ /*小圆点样式*/
        font-size:0;
        height:30px !important;
        list-style:none;
        text-align:center;
    }
    .pointerOl li{
        background:rgba(0, 0, 0, 0.2);
        display:inline-block;
        height:100%;
        margin:0 auto;
        width:25%;
    }
    #cBanner #cArrow{
        display:none;
    }
    /* 鼠标经过 */
    #cBanner:hover #cArrow{
        cursor:pointer;
        display:block;
    }
    .pointerTitle{
        display:block;
        font-size:13px;
    }
    #carousel{
        margin-bottom:3px;
        position:relative;
    }
    .pointerOl p{
        color:white;
        font-size:13px;
        height:100%;
        line-height:32px;
        margin:0;
        text-align:center;
    }
    .pointerOl p:nth-child(2){
        display:none
    }
}