ul{ margin-bottom: 0 !important;}
@media screen and  (min-width: 1440px) {
.content-box dl{ margin: 0;width: 1400px;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat; background-position: 45px 10px,90% bottom; margin: 0 auto;}
.content-box dt{padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
.content-box dd{ padding: 0 200px; margin-top: 50px;}

.content-box dd .title{ font-size: 24px; color: #002A5C; padding-bottom: 30px; position: relative;}
.content-box dd .title span{ width: 67px; height: 4px; background: #759FFF; position: absolute; left: 0; bottom: 0;}
.content-box dd ul { padding-top: 50px;}
.content-box dd li{ width: calc((100% - 140px)/3); height: 263px; text-align: center;margin-right: 70px; float: left; margin-bottom: 40px;}
.content-box dd li .name{ font-size: 16px; color: #002a5c; margin-top: 33px; font-weight: 700;}
.content-box dd li .date{ font-size: 12px; color: #666666; margin-top: 15px;}
.content-box dd li:nth-of-type(3n){ margin-right: 0;}


.history-box{ width: 100%; padding: 0 200px; background:url(../images/about_honor_dna.png) no-repeat, #e6edff; padding-top: 65px; padding-bottom: 50px; background-size: 100%; background-position: center;}
.history-box .history-min-box{ width: 1400px; margin: 0 auto;}
.history-box .title{ font-size: 24px; color: #002A5C; padding-bottom: 30px; position: relative;}
.history-box .title span{ width: 67px; height: 4px; background: #759FFF; position: absolute; left: 0; bottom: 0;}

.history-box .roll-box{ margin-top: 120px; }
.history-box .roll-box .font-box{ height: 350px;}
.history-box .roll-box .font-box .left,.history-box .roll-box .font-box .right{width:50%; padding: 70px 0; float: left; height: 100%;}
.history-box .roll-box .font-box .right{ font-size: 16px; color: #666; line-height: 38px;}

.history-box .roll-box .font-box .left{ line-height: 100px; text-align: right; font-size: 96px; color: #002A5C;padding-right: 10vw;font-family: "IBMP"; font-weight: bold;}




.time-roll-box{ position: relative; margin-top: 50px;}

.time-roll-box .line{ width: 100%; position: absolute; height: 4px; background:linear-gradient(to right , rgba(58,93,174,0.1) 0% , rgba(58,93,174,1) 50% , rgba(58,93,174,0.1) 100% );}
.time-roll-box .line .prev-btn,.time-roll-box .line .next-btn{ width: 55px; height: 55px; border-radius: 50%;background: url(../images/arrow_blue.png) no-repeat,#fff; background-position: center center; position: absolute; top: -25px; z-index: 11; cursor: pointer;}

.time-roll-box .line .prev-btn{left: 0;transform: rotate(180deg);}
.time-roll-box .line .next-btn{right: 0;}
.roll-time-spot{ width: 50px; height: 50px; background: url(../images/spot.png) no-repeat; background-position: center center; margin: 0 10%;}

.swiper-pagination-bullet-active{ background: url(../images/spot_cur.png) no-repeat !important;background-position: center center !important;}

.swiper-pagination{ width: 100%; text-align: center; top: -22px; position: relative;}
.year{ font-size: 24px; color: #3A5DAE; position: relative; top: -30px;font-family: "IBMP";}

}



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

.content-box{ width: 100%;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat; background-position: 45px 10px,1014px bottom;}
.content-box dl{ margin: 0;}
.content-box dt{padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
.content-box dd{ padding: 0 200px; margin-top: 50px;}

.content-box dd .title{ font-size: 24px; color: #002A5C; padding-bottom: 30px; position: relative;}
.content-box dd .title span{ width: 67px; height: 4px; background: #759FFF; position: absolute; left: 0; bottom: 0;}
.content-box dd ul { padding-top: 50px;}
.content-box dd li{ width: 300px; height: 263px; text-align: center;margin-right: 50px; float: left; margin-bottom: 40px;}
.content-box dd li .name{ font-size: 16px; color: #002a5c; margin-top: 33px; font-weight: 700;}
.content-box dd li .date{ font-size: 12px; color: #666666; margin-top: 15px;}
.content-box dd li:nth-of-type(3n){ margin-right: 0;}


.history-box{ width: 100%; padding: 0 200px; background:url(../images/about_honor_dna.png) no-repeat, #e6edff; padding-top: 65px; padding-bottom: 50px; background-size: 100%; background-position: center;}

.history-box .title{ font-size: 24px; color: #002A5C; padding-bottom: 30px; position: relative;}
.history-box .title span{ width: 67px; height: 4px; background: #759FFF; position: absolute; left: 0; bottom: 0;}

.history-box .roll-box{ margin-top: 120px; }
.history-box .roll-box .font-box{ height: 350px;}
.history-box .roll-box .font-box .left,.history-box .roll-box .font-box .right{width:50%; padding: 70px 0; float: left; height: 100%;}
.history-box .roll-box .font-box .right{ font-size: 16px; color: #666; line-height: 38px;}

.history-box .roll-box .font-box .left{ line-height: 100px; text-align: right; font-size: 96px; color: #002A5C;padding-right: 10vw;font-family: "IBMP"; font-weight: bold;}




.time-roll-box{ position: relative; margin-top: 50px;}

.time-roll-box .line{ width: 100%; position: absolute; height: 4px; background:linear-gradient(to right , rgba(58,93,174,0.1) 0% , rgba(58,93,174,1) 50% , rgba(58,93,174,0.1) 100% );}
.time-roll-box .line .prev-btn,.time-roll-box .line .next-btn{ width: 55px; height: 55px; border-radius: 50%;background: url(../images/arrow_blue.png) no-repeat,#fff; background-position: center center; position: absolute; top: -25px; z-index: 11; cursor: pointer;}

.time-roll-box .line .prev-btn{left: 0;transform: rotate(180deg);}
.time-roll-box .line .next-btn{right: 0;}
.roll-time-spot{ width: 50px; height: 50px; background: url(../images/spot.png) no-repeat; background-position: center center; margin: 0 10%;}

.swiper-pagination-bullet-active{ background: url(../images/spot_cur.png) no-repeat !important;background-position: center center !important;}

.swiper-pagination{ width: 100%; text-align: center; top: -22px; position: relative;}
.year{ font-size: 24px; color: #3A5DAE; position: relative; top: -30px;font-family: "IBMP";}

.history-box .roll-box .font-box .left{padding-right: 65px;}
.roll-time-spot{margin: 0 55px;}
}



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

    .content-box{ width: 100%;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#f4f4f4; background-position: 5.3vw 10px,56vw bottom;}
    .content-box dl{ margin: 0;}
    .content-box dt{padding-top: 16vw; margin-left: 14vw; color: #002A5C; font-size: 36px;}
    .content-box dd{margin-top: 6.6vw; padding: 0 5vw;}
    .content-box dd .title{ font-size: 5vw; color: #002A5C; padding-bottom: 5vw; position: relative; padding-left: 9vw; margin-bottom: 9vw;}
    .content-box dd .title span{  width: 20vw; height: 4px; background: #759FFF; position: absolute; left: 9vw; bottom: 0;}


    .content-box dd li{ width: 44vw; text-align: center;margin-right: 2vw; float: left; margin-bottom: 11.6vw;}
    .content-box dd li .name{ font-size: 3.5vw; color: #002a5c; margin-top: 6.6vw; font-weight: 700;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
    .content-box dd li .date{ font-size: 12px; color: #666666; margin-top: 15px;}
    .content-box dd li:nth-of-type(2n){ margin-right: 0;}



    .history-box{ width: 100%; background:url(../images/about_honor_dna.png) no-repeat, #e6edff;background-size: 300%; background-position: center; padding: 8.6vw 5vw;}

    .history-box .title{ font-size: 5.5vw; color: #002A5C; padding-bottom: 5vw; position: relative;}
    .history-box .title span{ width: 20vw; height: 4px; background: #759FFF; position: absolute; left: 0; bottom: 0;}

    .history-box .roll-box .font-box{ padding-bottom: 10vw;}
    .history-box .roll-box .font-box .left{font-size: 16px; color: #666; line-height: 38px;}

    .history-box .roll-box .font-box .left{ line-height: 100px;font-size: 15vw; color: #002A5C;padding-right: 10vw;font-family: "IBMP"; font-weight: bold;}
    .history-box .roll-box .font-box .right{ font-size: 4vw; color: #666; line-height: 38px;}


    




    .time-roll-box{ position: relative; margin-top: 50px;}

    .time-roll-box .line{ width: 100%; position: absolute; height: 0.5vw; background:linear-gradient(to right , rgba(58,93,174,0.1) 0% , rgba(58,93,174,1) 50% , rgba(58,93,174,0.1) 100% );}
    .time-roll-box .line .prev-btn,.time-roll-box .line .next-btn{ width: 7.3vw; height: 7.3vw; border-radius: 50%;background: url(../images/arrow_blue.png) no-repeat,#fff; background-position: center center; background-size: 70%; position: absolute; top: -13px; z-index: 11; cursor: pointer;}

    .time-roll-box .line .prev-btn{left: 0;transform: rotate(180deg);}
    .time-roll-box .line .next-btn{right: 0;}
    .roll-time-spot{ width: 50px; height: 50px; background: url(../images/spot.png) no-repeat; background-position: center center; margin: 0 10%;}

    .swiper-pagination-bullet-active{ background: url(../images/spot_cur.png) no-repeat !important;background-position: center center !important;}

    .swiper-pagination{ width: 100%; text-align: center; top: -22px; position: relative;}
    .year{ font-size: 5vw; color: #3A5DAE; position: relative; top: -30px;font-family: "IBMP";}

    .history-box .roll-box .font-box .left{padding-right: 65px;}
    .roll-time-spot{margin: 0 55px;}

}