.history {
    background: #f7f7f7;
}

.historyslider {
    padding: 0 8px 0 22px;
    background: url(../images/historybg_03.jpg) no-repeat left 179px;
}

.historyslider .owl-item .dot {
    width: 11px;
    height: 11px;
}

.historyslider .item,
.historyslider .owl-item {
    position: relative;
    height: 380px;
}

.historyslider .owl-item:nth-of-type(2n+1) .year {
    position: absolute;
    top: 162px;
    left: 0;
    width: 100%;
    color: #fa9600;
    text-align: center;
    font-size: 16px;
}

.historyslider .owl-item .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5.5px 0 0 -5.5px;
}
.historyslider .owl-item:nth-of-type(2n+1) .text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5.5px 0 0 -5.5px;
}

.historyslider .owl-item:nth-of-type(2n+1) .text {
    position: absolute;
    top: 220px;
    right: 5px;
    left: 5px;
    padding: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 26px;
    transition: all .3s;
}

.historyslider .owl-item:nth-of-type(2n) .year {
    position: absolute;
    top: 162px;
    left: 0;
    width: 100%;
    color: #fa9600;
    text-align: center;
    font-size: 16px;
}

.historyslider .owl-item:nth-of-type(2n) .text {
    position: absolute;
    right: 5px;
    bottom: 246px;
    left: 5px;
    padding: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 26px;
    transition: all .3s;
}

.historyslider {
    margin-top: 45px;
}

.hoverslider.owl-theme .owl-nav.disabled+.owl-dots,
.newsmain.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 55px;
}

@media screen and (max-width:1920px) and (min-width:1024px) {

    .historyslider .owl-item:nth-of-type(2n):hover .text {
        transform: translateY(-10px);
    }

    .historyslider .owl-item:nth-of-type(2n+1):hover .text {
        transform: translateY(10px);
    }

    .hoverslider .product-item:hover .info {
        background: rgba(13, 120, 193, .95);
        color: #fff;
    }

    .hoverslider .product-item:hover .info .info-tit {
        color: #fff;
    }
}


.historyslider .owl-item:nth-of-type(2n) .text {
    font-size: 14px;
    line-height: 22px;
}

.historyslider .owl-item:nth-of-type(2n+1) .text {
    font-size: 14px;
    line-height: 22px;
}

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

    .historyslider .owl-item:nth-of-type(2n+1) .text,
    .historyslider .owl-item:nth-of-type(2n) .text {
        box-shadow: 0 0 10px #ccc;
        padding: 10px;
    }
}

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

    .historyslider .owl-item:nth-of-type(2n) .text,
    .historyslider .owl-item:nth-of-type(2n+1) .text {
        font-size: 12px;
        line-height: 20px;
    }
}

@media screen and (max-width:500px) {

    .historyslider .owl-item:nth-of-type(2n) .text,
    .historyslider .owl-item:nth-of-type(2n+1) .text {
        padding: 10px;
        line-height: 18px;
    }
}