.banner,

.banner img,

.cti-sales,

.cti-year {

    width: 100%

}



.cti-sales,

.cti-year,

.cti-year>ul {

    position: relative

}



.cti-year .next,

.cti-year .prev,

.cti-year li {

    line-height: 44px;

    float: left;

    text-align: center

}



.cti-sales {

    max-width:1000px;

    margin: 0 auto 45px

}



ol,

ul {

    list-style: none

}



.fl {

    float: left

}



.fr {

    float: right

}



.al {

    text-align: left

}



.ac {

    text-align: center

}



.ar {

    text-align: right

}



.hide {

    display: none

}



.cti-box {

    background: url(../../images/sales_bg.jpg) #fff

}



.cti-year {

    color: #fff

}



.cti-year>ul {

    width: 90%;

    height: 44px;

    float: left;

    margin: 0 auto

}



.cti-year li {

    height: 44px;

    margin-bottom: 30px;

    font-size: 14px

}



.cti-year li a {

    display: block;

    background-color: #b2b2b2;

    color: #fff

}



.cti-year .end,

.cti-year .front {

    z-index: 66;

    width: 20px;

    background: url(../../images/sales_grey_triangel.png) no-repeat #fff;

    position: absolute;

    top: 0;

    height: 44px

}



.swiper-slide {

    overflow: inherit

}



.cti-year .front {

    left: -10px

}



.cti-year .end {

    right: -10px

}



.cti-year .active .front {

    z-index: 88;

    background: url(../../images/sales_red_front_triangel.png) no-repeat #fff

}



.cti-year .active .end {

    z-index: 88;

    background: url(../../images/sales_red_end_triangel.png) no-repeat #fff

}



.cti-year li.active a,

.cti-year li:hover a {

    font-size: 18px;

    font-weight: 700;

    background-color: #dc0001

}



.cti-year li.active a {

    display: block

}



.cti-year li:hover .front {

    z-index: 99;

    background: url(../../images/sales_transparent_front_triangel.png) no-repeat

}



.cti-year li:hover .end {

    z-index: 99;

    background: url(../../images/sales_transparent_end_triangel.png) no-repeat

}



.cti-year .next {

    right: 0

}



.cti-year .next,

.cti-year .prev {

    position: absolute;

    top: 0;

    z-index: 3;

    display: block;

    width: 15%;

    max-width: 5%;

    height: 44px;

    background-color: #DC0001

}



.cti-content li,

.cti-content li a {

    position: relative;

    display: block

}



.cti-year>a>img {

    display: inline-block;

    width: 8px;

    height: 10px

}



.cti-year>ul>li.active-two {

    display: none

}



.cti-year a:hover {

    background-color: #dc0001

}



.cti-year a:hover img {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2)

}



.cti-sales .cti-content::after {

    content: '';

    display: block;

    clear: both

}



.cti-content ul {

    width: 100%;

    padding-top: 34px

}



.cti-content li {

    margin-bottom: 20px;

    padding: 10px 40px 10px 10px;

    /*background-color: #fff*/

}



.cti-content li:last-child {

    margin-bottom: 0

}



.cti-content li a .timeline {

    position: absolute;

    left: -48px;

    top: -40px;

    display: none

}



.cti-content li .img {

    position: relative;

    width: 35%;

    margin-right: 3.5%

}

.cti-content li .img img{
    height: 222px;
}

.cti-content .img img,

.cti-content a {

    display: block;

    width: 100%

}



.cti-content a {

    height: 100%

}



.cti-content .img .activity {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 30%;

    padding: 4px 0;

    font-size: 14px;

    text-align: center;

    color: #fff;

    background-color: #dc0001

}



.cti-content .icon img {

    position: absolute;

    top: 20px;

    left: -27px

}



.cti-content .img-activeend {

    position: absolute;

    background: url('../"../images/sales_over.png') no-repeat;

    width: 84px;

    height: 84px

}



.cti-content .icon .circle {

    position: absolute;

    top: 20px;

    left: -56.7px;

    width: 12px;

    height: 12px;

    background-color: #fff;

    border: 4px solid #dc0001;

    border-radius: 50%

}



.cti-content ul dl {

    width: 60%;

    padding: 10px 0

}



.cti-content ul dt {

    margin-bottom: 20px;

    color: #dc0001;

    font-size: 18px;

    font-weight: bolder;

    line-height: 1.7em;

    height: 1.7em;

    overflow: hidden

}



.cti-content ul dd {

    font-size: 14px

}



.cti-content .general {

    padding-right: 90px;

    overflow: hidden;

    text-align: justify;

    color: #000;

    line-height: 1.5em;

    height: 3em

}



.cti-content ul .date {

    position: absolute;

    bottom: 10px;

    font-size: 14px;

    color: #000

}



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

    .cti-poster {

        background: #f7f7f7

    }

    .cti-sales {

        padding-top: 0;

        width: 95%;

        margin: 0 auto

    }

    .cti-year li {

        margin-bottom: 25px

    }

    .cti-content .timeline,

    .cti-content li .icon {

        display: none

    }

    .cti-content li .img {

        width: 100%;

        margin-right: 0

    }

    .cti-content li .img img{
        height: 222px;
    }

    .cti-sales .cti-content {

        padding-left: 0

    }

    .cti-content ul {

        width: 95%;

        padding-top: 23px;

        margin: 0 auto;

        float: none

    }

    .cti-content li {

        border-left: none;

        padding: 3%;

        margin: 0

    }

    .cti-content ul dl {

        width: 100%

    }

    .cti-content ul dt {

        font-size: 14px;

        margin-bottom: 8px

    }

    .cti-content ul .date {

        position: relative;

        bottom: -8px;

        font-size: 12px

    }

    .swiper-wrapper>.swiper-slide>a {

        font-weight: 800;

        font-size: 18px;

        text-align: center

    }

    .cti-content .general {

        padding-right: 0

    }

}