.about03wrap{width: 100%;background-color: #F4FAFE;padding-top: 20px;}
.box.about-history{overflow:hidden}
.about-history .title-region{margin-bottom:0}
.about-history-circle{width:1440px;height:1440px;position:absolute;top:30px;left:50%;margin-left:-720px;background:url(../images/bg-history-line.svg) no-repeat;background-size:100%;transition:all 1s;transform-origin:center center}
.history-item{width:63%;height:400px;margin:0 auto;padding:30px 0;display:flex;align-items:center}
.en .history-item{height:auto}
.history-time{width:230px;float:left;padding-right:30px;text-align:center;font-size:48px;color:#222;letter-spacing:0;font-weight:700;}
.history-info{flex:1}
.history-info li{padding-left:13px;font-size:16px;color:#222;line-height:30px;margin-bottom:2px;position: relative;}
.history-info li p{padding-left:13px;font-size:16px;color:#222;line-height:30px;margin-bottom:2px;position: relative;}
.history-info li::before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: 50%;background-color: #1074BC;border-radius: 50%;margin-top: -4px;}
.history-info li:last-of-type{margin-bottom:0}
.history-pagination{width:100%;height:60px;display:flex;border-top:2px solid rgba(191, 191, 191, 0.2)}
.history-pagination-active{position:absolute;bottom:59px;height:2px;left:0;transition:all .5s;background: linear-gradient(90deg, #CCCCCC 0%, #1074BC 100%);}
.history-pagination .swiper-pagination-bullet{flex:1;width:auto;height:auto;border-radius:inherit;transform:none;background:0 0;position:relative;font-size:20px;padding-top:27px;font-weight:700;overflow:inherit;opacity:0.4;color:#888888;transition:all .5s;margin:0!important;text-align: center;}
.history-pagination .swiper-pagination-bullet-active{opacity: 1;}
.history-pagination .swiper-pagination-bullet-active:before{content:'';width:1px;height:100px;display:block;top:-100px;left:50%;margin-left:-.5px;background-image:linear-gradient(0deg,rgba(106,202,255,.4) 43%,rgba(106,202,255,0) 100%);position:absolute}
.history-pagination .swiper-pagination-bullet-active:after{content:'';display:block;position:absolute;height:10px;width:1px;background-image:linear-gradient(0deg,rgba(106,202,255,0) 0,#6acaff 50%,rgba(106,202,255,0) 100%);top:0;left:50%;margin-left:-.5px;animation:sout 2s linear infinite}
@keyframes sout{from{top:0;opacity:1}
to{top:-100px;opacity:0}
}
.history-pagination .swiper-pagination-bullet span.pointer{width:22px;height:22px;display:block;position:absolute;border-radius:100%;left:50%;top:-11px;margin-left:-11px;z-index:4;color: #888888;}
.history-pagination .swiper-pagination-bullet span.pointer:after{content:'';display:block;width:6px;height:6px;border-radius:100%;background:#1074B5;border:4px solid #B9E2FD;display:block;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-7px;transition:all .5s linear;z-index:3}
.history-pagination .swiper-pagination-bullet-active span.pointer:after{width:8px;height:8px;margin-left:-10px;margin-top:-10px;background:#fff;border:6px solid #1074BC}
.history-pagination .swiper-pagination-bullet span.pointer:before{content:'';display:block;position:absolute;z-index:2;width:100%;height:100%;top:0;bottom:0;border-radius:100%;background:0 0;transition:all .5s linear}
.history-pagination .swiper-pagination-bullet-active span.pointer:before{background:#6acaff}
.box.gradient-blue {/* background-image: linear-gradient(-148deg, #313B81 6%, #1E1E51 94%); */color: #fff;padding: 0 0 80px 0;position: relative;overflow: hidden;}
.w {width: 100%;max-width: 1240px;padding: 0 20px;margin: 0 auto;position: relative;}
.about03wrap .case-tl01{padding-top: 80px;}
/* .about03wrap .case-tl01 h3{color: #222222;text-align: center;font-weight: bold;font-size: 48px;} */
.about03wrap .case-tl01 strong{background-color: #fff;}



@media screen and (max-width:767px){
.history-item{width:100%}
.history-time{width:80px;font-size:24px;padding-right:20px}
.about-history-circle{width:720px;height:720px;top:10px;margin-left:-360px}
.history-pagination .swiper-pagination-bullet span.pointer{width:12px;height:12px;margin-top:-6px;margin-left:-6px;top:0}
.history-pagination .swiper-pagination-bullet{font-size:12px;padding-top:20px}
.history-info li,.history-info li p{font-size: 14px;line-height: 24px;padding-left:5px;}
.history-info li::before{top: 10px;margin-top: 0;}
.history-time{width: 60px;}
.w{box-sizing: border-box;padding: 0 3%;}
.history-item{height: auto;}
.about03wrap{padding-top: 50px;}
.about03wrap .case-tl01{padding-top: 0;}
.box.gradient-blue{padding-bottom: 30px;}




}