.main{position: relative;padding: 135px 100px 135px 0;box-sizing: border-box}
.history-bg-img{width: 1000px;position: absolute;left: 0;top: 310px;z-index: -2}
.history-line{position: absolute;top: 135px;left: 180px;z-index: -1;width: 22px;}
.history-line img{width: 22px;}
.history-line:after{content:'';background: #009bdb;height: 880px;width: 5px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 10px}
.history-lists{width: 1290px;}
.history-li{width: 1290px;display: flex;justify-content: flex-start;margin: 36px 0;height: 135px;}
.history-li .history-date{width: 180px;font-size: 48px;line-height: 135px;text-align: center;font-weight: 600;color: #009bdb}
.history-icon{width: 22px;margin-top: 56.5px;}
.history-content{width: 1058px;margin-left: 30px;background-color: #f4f4f4;color: #171717;line-height: 40px;font-size: 16px;padding: 26px 0 24px 40px;box-sizing: border-box;border-radius: 5px;position: relative}
.history-content span{color: #009bdb;font-size: 18px;font-weight: 600}
.history-content:after{content: '';width: 15px;height: 15px;background-color: #f4f4f4;position: absolute;transform: rotate(45deg);top: 60px;left: -6px;z-index: -1;}
.history-content-active{background-color: #009bdb;color: #fff;}
.history-content-active:after{background-color: #009bdb;}
.history-content-active span{color: #fff;}

@media screen and (max-width: 414px){
    /*.main-title,.foot,.copy-right{display:none;}*/
    .main{width: 100%;padding: 0;box-sizing: border-box}
    .history-bg-img{display: none}
    .history-line{display: none}
    .history-lists{width: 100%}
    .history-li{width: 100%;display: block;height: auto}
    .history-icon{display: none}
    .history-content{width: 100%;box-sizing: border-box;margin-left: 0;padding: 20px;}
    .history-content:after{display: none}
    .history-li .history-date{width: 100%;overflow: hidden}
}