.slideBox {
            position: relative;
            overflow: hidden;
            margin: 10px auto;
        }

        .slideBox .hd {
            position: absolute;
            height: 28px;
            line-height: 28px;
            bottom: 0;
            right: 0;
            z-index: 1;
        }

        .slideBox .hd li {
            display: inline-block;
            width: 12px;
            height: 12px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            background: #fff;
            text-indent: -9999px;
            overflow: hidden;
            margin: 0 6px;
        }

        .slideBox .hd li.on {
            background: goldenrod;
        }

        .slideBox .bd {
            position: relative;
            z-index: 0;
        }

        .slideBox .bd li {
            position: relative;
            text-align: center;
        }

        .slideBox .bd li img {
            vertical-align: top;
            width: 100%; /* 图片宽度100%，达到自适应效果 */
        }

        .slideBox .bd li a {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        /* 去掉链接触摸高亮 */
        .slideBox .bd li .tit {
            display: block;
            width: 100%;
            position: absolute;
            bottom: 0;
            text-indent: 10px;
            height: 38px;
            line-height: 38px;
            background: rgba(0,0,0,0.5);
            color: #fff;
            text-align: left;
        }

        @media (max-width: 576px) {

            .sm-pb-2{
                padding-bottom: 2rem;
            }

            .slideBox .bd li img {
                height: 55vw;
            }
        }

        @media screen and (min-width:577px) and (max-width:767px) {

            .sm-pb-2{
                padding-bottom: 2rem;
            }

            .slideBox .bd li img {
                height: 60vw;
            }
        }

        @media screen and (min-width:768px) and (max-width:992px) {

            .sm-pb-2{
                padding-bottom: 2rem;
            }

            .slideBox .bd li img {
                height: 55vw;
            }
        }

        @media screen and (min-width:993px) and (max-width:1140px) {

            .slideBox .bd li img {
                height: 32vw;
            }
        }

        @media screen and (min-width:1141px) and (max-width:1440px) {

            .slideBox .bd li img {
                height: 30vw;
            }
        }

        @media screen and (min-width:1441px) and (max-width:1680px) {
            .slideBox .bd li img {
                height: 28vw;
            }
        }

        @media screen and (min-width:1681px) and (max-width:1980px) {
            .slideBox .bd li img {
                height: 24vw;
            }
        }

        @media (min-width: 1981px) {
            .slideBox .bd li img {
                height: 23vw;
            }
        }