.progress{width:100%;overflow:hidden;padding-top:0 !important;position:relative}.progress .banner{height:25.36842vw}.progress .banner img{height:100%}.progress .nav{padding-left:3.2rem !important;padding-right:3.2rem !important;height:0.68rem;background:#FFFFFF;display:flex;border-bottom:0.01rem solid #DFE1E6;color:#000}.progress .nav .nav-wrap{width:13.2rem;display:flex;margin:0 auto}.progress .nav-item{width:1rem;line-height:0.68rem;position:relative;text-align:center;cursor:pointer !important}.progress .nav .act::after{content:'';display:block;bottom:0;height:0.04rem;width:0.6rem;background:#EC3737;position:absolute;left:50%;margin-left:-0.3rem}.progress .art .title{font-weight:600;font-size:0.4rem;text-align:center;color:#262626;padding:0.3rem 0}.progress .art .years{display:flex;justify-content:center;padding:0.3rem 0}.progress .art .years .act{background:#262626;color:#FFFFFF}.progress .art .years .item{margin-right:0.2rem;width:0.87rem;height:0.38rem;line-height:0.38rem;text-align:center;cursor:pointer;border-radius:0.08rem;font-size:0.2rem}.progress .art .line{width:100%;height:4.88rem;position:relative;overflow-y:auto;transition:all .5s}.progress .art .line .line-red{height:0.02rem;position:relative;top:2.4rem;border-bottom:0.01rem solid #EC3737}.progress .art .line .box{padding-left:1.6rem;padding-right:1.6rem;display:flex;height:100%;width:fit-content}.progress .art .line .box-item:nth-of-type(2n){background:url("../../img/about/page4-2.png") no-repeat;background-size:cover;position:relative;top:2.56rem}.progress .art .line .box-item:nth-of-type(2n-1){background:url("../../img/about/page4-3.png") no-repeat;background-size:cover;position:relative;top:0.26rem}.progress .art .line .box-item:nth-of-type(2n)::after{display:block;width:0.22rem;height:0.22rem;background:url("../../img/about/page4-4.png") no-repeat;background-size:cover;content:'';position:absolute;top:-0.3rem;left:0.25rem}.progress .art .line .box-item:nth-of-type(2n-1)::after{display:block;width:0.22rem;height:0.22rem;background:url("../../img/about/page4-4.png") no-repeat;background-size:cover;content:'';position:absolute;bottom:-0.3rem;left:0.25rem}.progress .art .line .box-item{width:4.94rem;height:1.96rem;padding:0.4rem 0.3rem;box-sizing:border-box}.progress .art .line .box-item-title{font-weight:bold;font-size:0.32rem;color:#262626;padding-bottom:0.2rem}.progress .art .line .box-item-dsc{font-size:0.16rem;color:#595959}
/*#region 发展历程*/
.history{height:800px}
.history .swiper-container{background:none}
.history .swiper-button{bottom:104px}
.historybox{width:100%;position:relative;background:#f4f5f9 url(../img/about/bg15.png) no-repeat center top;height:2715px}
.historybox .history-head{display:block;position:relative;top:0px;height:2590px;overflow:hidden}
.historybox .history-img{width:201px;margin:auto;position:relative}
.historybox .history-item{background:#fff;padding:30px;box-sizing:border-box;position:absolute;width:530px;height:200px;border-radius:8px;box-shadow:0px 0px 27px 0px rgba(16,16,16,0.11)}
.historybox .history-item:after{position:absolute;top:20px;width:16px;height:16px;background-color:#fff;content:"";border-radius:100%;animation:movecircle 1.2s ease-out both infinite;border:5px solid #e62e2e;box-sizing:border-box}
.historybox .history-item:before{position:absolute;top:9px;width:0;height:0;border:20px solid;border-color:transparent transparent transparent #fff;content:""}
.historybox .history-item .font{width:calc(100% - 170px)}
.historybox .history-item b{display:block;overflow:hidden;line-height:24px;color:#3f3f3f;font-size:24px}
.historybox .history-item b em{font-family:DIN;font-size:26px}
.historybox .history-item p{overflow:hidden;margin-top:20px;line-height:26px;color:#49494e;font-size:15px;line-height:25px}
.historybox .history-item.odd{left:-470px}
.historybox .history-item.odd:after{right:-51px}
.historybox .history-item.odd:before{right:-38px}
.historybox .history-item.even{right:-480px}
.historybox .history-item.even:after{left:-56px}
.historybox .history-item.even:before{left:-38px;border-color:transparent #fff transparent transparent}
.historybox .history-item.fore1{top:270px}
.historybox .history-item.fore2{top:520px}
.historybox .history-item.fore3{top:770px}
.historybox .history-item.fore4{top:1020px}
.historybox .history-item.fore5{top:1270px}
.historybox .history-item.fore6{top:1520px}
.historybox .history-item.fore7{top:1770px}
.historybox .history-item.fore8{top:2020px}
.historybox .history-item.fore9{top:2270px}
.fr {
    float: right;
}
/*#endregion*/
