/*top-banner wrapper swipper*/
.top-banner{margin-left:5%;margin-right:5%;margin-top: 80px;}
/*swiper*/
.swipper-title .swiper-slide{height:90px;border-radius: 5px;background: #3773db;color:#fff;}
/*.swipper-title .swiper-slide{position:relative;width:90px; height:90px;border-radius: 5px;background: #3773db;color:#fff;}*/
.swipper-title .swiper-slide-active{background-color: #040852;color: #ffe16b; }
.swipper-title .swiper-slide h2{padding-top:10px;font-size:20px;font-weight: bold;padding-left:20px;}
.swipper-title .swiper-slide::after{position:absolute; bottom:20px;left:20px;content:'YEAR'; border-bottom:2px solid ;font-size:14px;font-weight: normal;}
.swipper-content .list{position:relative; left:15px;margin-right: 15px;border-left:1px solid #dedede;line-height: 3em;padding-top: 20px;font-size: 15px;}
.swipper-content .list li{position:relative;padding-left: 15px;color :#3773db;cursor:pointer;}
.swipper-content .list li::before{position:absolute; z-index: 2;left:-4px; top:20px;content: '';width:8px;
height:8px;border-radius: 50%;background-color: #3773db;}
.swipper-content .list li:last-child ::after{content:'';position:absolute;width:2px;height:20px;left:-1px;bottom:0;background-color: #fff;z-index: 1;}
/*honor*/
.honor-container {margin-top:40px;}
.honor-container img{width:100%;}
