﻿#owl-home-page .owl-stage-outer {
    width:100%;
}
#owl-home-page .item  {
    background-image: linear-gradient(#2db3d9, #185898) !important;
}

    #owl-home-page .item .content {
        height: calc(360px - 67px);
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        width: 80%;
        justify-content: space-between;
        margin: 0 auto;
    }

    #owl-home-page .item .netbook-box {
        width: 171px;
        padding: 10px;
        height: 70%;
    }

    #owl-home-page .item .text1 {
        font-family: Arial;
        position: relative;
        margin: 0 50px;
        padding: 0 12px;
    }

        #owl-home-page .item .text1 .title {
            font-size: 116px;
            font-weight: 700;
        }

        #owl-home-page .item .text1 .sub-title {
            font-size: 108px;
            font-weight: 700;
        }

        #owl-home-page .item .text1::before,
        #owl-home-page .item .text1::after {
            content: '}';
            font-size: 259px;
            font-weight: 300;
            position: absolute;
            left: -77px;
            bottom: 0;
        }

        #owl-home-page .item .text1::after {
            content: '{';
            right: -77px;
        }

    #owl-home-page .item .text2 {
        font-family: Arial;
        font-size: 58px;
        font-weight: 700;
        max-width: 38%;
    }

        #owl-home-page .item .text2 div {
            font-family: Arial;
            font-size: 27px;
            font-weight: 700;
            color: #ffac63;
        }

    #owl-home-page .item .footer {
        background: rgb(255,138,34);
        height: 67px;
    }
    #owl-home-page .owl-dots {
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center;
    }
.owl-theme .owl-dots .owl-dot span{
    background:#fff;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #2db3d9;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 10px;
    top: 0;
    height: calc(100% - 67px);
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: none;
    color: #FFF;
    text-decoration: none;
}
.owl-carousel .owl-nav button.owl-next {
    right: unset;
    left: 10px;
}
.owl-carousel .owl-nav button span{
    font-size:120px;
    color:#fff;
}

@media (max-width: 800px) {
    #owl-home-page, #owl-home-page .slides {
        height: 500px;
    }

        #owl-home-page .item .content {
            height: calc(100% - 90px);
        }

        #owl-home-page .item .netbook-box {
            height: auto;
            margin-bottom: 0;
        }

        #owl-home-page .item .footer {
            height: 90px;
        }

        .jssor div[data-u="arrowleft"],
        .jssor div[data-u="arrowright"] {
            display: none;
        }
}
