.nivoSlider {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden
        }

        .nivoSlider a.nivo-imageLink,
        .nivoSlider img {
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            position: absolute
        }

        .nivoSlider a.nivo-imageLink {
            margin: 0;
            padding: 0;
            border: 0 currentColor;
            display: none;
            z-index: 6
        }

        .nivo-slice {
            width: 100%;
            height: 100%
        }

        .nivo-box,
        .nivo-slice {
            display: block;
            position: absolute;
            z-index: 5
        }

        .nivo-caption {
            background: #000;
            left: 0;
            width: 30%;
            bottom: 0;
            color: #fff;
            display: none;
            position: absolute;
            z-index: 8;
            opacity: .8
        }

        .nivo-caption p {
            margin: 0;
            display: none
        }

        .nivo-caption a {
            display: inline !important
        }

        .nivo-html-caption {
            display: none
        }

        .nivo-directionNav a {
            top: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
            z-index: 9;
            cursor: pointer
        }

        .nivo-prevNav {
            left: 0
        }

        .nivo-nextNav {
            right: 0
        }

        .nivo-controlNav a {
            position: relative;
            z-index: 9;
            cursor: pointer
        }

        .nivo-controlNav a.active {
            font-weight: 700
        }

        .home-banner {
            overflow: hidden;
            position: relative
        }

        .home-banner .home-banner-default {
            display: block;
            cursor: pointer;
            background: url("/s/images/default_banner.jpg") top no-repeat
        }

        .home-banner img {
            width: 100%
        }

        .home-banner .nivo-nextNav,
        .home-banner .nivo-prevNav {
            width: 40px;
            height: 100px;
            text-align: center;
            line-height: 100px;
            background: rgba(0, 0, 0, .3);
            color: #fff;
            font-size: 30px
        }

        .home-banner .banner-img {
            width: 100%;
            height: 400px;
            cursor: pointer
        }

        .home-banner .banner-img img {
            background-position: 50%
        }

        .home-banner .slick-dots {
            width: 100%;
            z-index: 100
        }

        .home-banner .ant-carousel .slick-dots li {
            width: 20px
        }

        .home-banner .ant-carousel .slick-dots li button {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            opacity: .8
        }

        .home-banner .ant-carousel .slick-dots li.slick-active button {
            background: #c30000
        }

        .home-banner .swipe-btn {
            position: absolute;
            color: #fff;
            z-index: 2;
            top: 50%;
            margin-top: -40px;
            cursor: pointer
        }

        .home-banner .swipe-btn i {
            font-size: 60px
        }

        .home-banner .swipe-btn.prev-btn {
            left: calc((100vw - 1200px)/2)
        }

        .home-banner .swipe-btn.next-btn {
            right: calc((100vw - 1200px)/2)
        }

        .home-banner .custom-arrow-thumb {
            height: 400px
        }

        .home-banner .custom-arrow-thumb .bg {
            height: 400px;
            cursor: pointer
        }

        .home-banner .custom-arrow-thumb .user-arrow {
            top: 50% !important;
            margin-top: -40px
        }

        .home-banner .custom-arrow-thumb .user-arrow .img-wrapper {
            width: 120px;
            height: 80px;
            float: left;
            position: relative
        }

        .home-banner .custom-arrow-thumb .user-arrow .img-wrapper img {
            max-height: 100%
        }

        .home-banner .custom-arrow-thumb .user-arrow .img-wrapper li {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: 50%;
            position: absolute
        }

        .home-banner .custom-arrow-thumb .user-arrow .arrow {
            width: 20px;
            height: 80px;
            background: rgba(0, 0, 0, .3);
            position: relative
        }

        .home-banner .custom-arrow-thumb .user-arrow .arrow:after,
        .home-banner .custom-arrow-thumb .user-arrow .arrow:before {
            width: 2px;
            height: 15px;
            background: #fff;
            display: block;
            content: " ";
            position: absolute
        }

        .home-banner .custom-arrow-thumb .user-arrow.next {
            right: -120px
        }

        .home-banner .custom-arrow-thumb .user-arrow.next .arrow {
            float: left
        }

        .home-banner .custom-arrow-thumb .user-arrow.next .arrow:before {
            transform: rotate(-40deg);
            top: 28px;
            left: 10px
        }

        .home-banner .custom-arrow-thumb .user-arrow.next .arrow:after {
            transform: rotate(40deg);
            bottom: 27px;
            left: 10px
        }

        .home-banner .custom-arrow-thumb .user-arrow.prev {
            left: -120px
        }

        .home-banner .custom-arrow-thumb .user-arrow.prev .arrow {
            float: right
        }

        .home-banner .custom-arrow-thumb .user-arrow.prev .arrow:before {
            transform: rotate(40deg);
            top: 28px;
            left: 8px
        }

        .home-banner .custom-arrow-thumb .user-arrow.prev .arrow:after {
            transform: rotate(-40deg);
            bottom: 27px;
            left: 8px
        }

        .home-banner .custom-arrow-thumb .user-thumb {
            overflow: hidden;
            background: hsla(0, 0%, 100%, .15);
            height: 40px
        }

        .home-banner .custom-arrow-thumb .user-thumb>span {
            width: 50px;
            height: 30px;
            margin: 5px;
            box-shadow: 0 0 5px rgba(0, 0, 0, .15);
            transition: background .3s;
            background: transparent
        }

        .home-banner .custom-arrow-thumb .user-thumb>span.active {
            background: hsla(0, 0%, 100%, .45)
        }

        .home-banner .custom-arrow-thumb .user-thumb>span i {
            display: block;
            width: 46px;
            height: 26px;
            margin: 2px;
            background-size: cover;
            background-position: 50%
        }

        .home-banner .banner-anim-thumb-default span {
            background-color: #393939;
            opacity: 1;
            border-radius: 0
        }

        .home-banner .banner-anim-thumb-default span.active {
            height: 16px;
            background: #0072d8
        }

        .home-banner .banner-anim-arrow.prev {
            left: calc((100% - 1200px)/2);
            top: 170px !important
        }

        .home-banner .banner-anim-arrow.next {
            right: calc((100% - 1200px)/2);
            top: 170px !important
        }