.course{height:900px}.course_line{position:relative}.course_line img{width:100%;height:400px}.course_line .time_line{position:absolute;top:200px;left:50%;width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);background-color:rgba(3,0,32,.15)}.course_line .time_line .time_title{margin-bottom:76px;font-size:36px;font-weight:600;color:#fff}.course_line .time_line .el-steps{width:372px}.history{position:relative;height:500px}.history .swiper-wrapper{margin:64px 400px 80px 0}.history .swiper-slide{width:260px!important;margin-right:80px!important;overflow:auto}.history .swiper-slide:first-of-type{margin-left:200px}.history .year{margin-bottom:36px;padding-bottom:24px;font-size:36px;font-weight:600;color:#333;border-bottom:1px solid rgba(0,0,0,.08)}.history .item{height:258px;overflow:auto}.history .item::-webkit-scrollbar,.history .item:hover::-webkit-scrollbar{width:2px;height:1px}.history .item:hover ::-webkit-scrollbar-thumb,.history .item:hover::-webkit-scrollbar-track{border-radius:999px;border:0 solid transparent}.history .item:hover::-webkit-scrollbar-track{box-shadow:inset 1px 1px 5px hsla(0,0%,39.2%,.2)}.history .item:hover::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:inset 0 0 0 5px hsla(0,0%,39.2%,.5)}.history .item:hover::-webkit-scrollbar-corner{background:transparent}.history .event{margin:20px 0;display:flex;justify-content:center;line-height:22px}.history .event .month{width:46PX;font-size:16px;font-weight:500}.history .event .content{width:200px;line-height:24px;font-size:14px;font-weight:400}.swiper-button-next,.swiper-button-prev{right:200px;width:40px;height:40px;margin-top:26px;background-color:#fff;transform:matrix(1,0,0,-1,0,0);box-shadow:1px 1px 10px rgba(0,0,0,.12);border-radius:50%;--swiper-navigation-size:8px}.swiper-button-prev{left:200px}.el-step__icon.is-text{width:40px;height:40px;opacity:.8;color:#c0c4cc;background-color:#c0c4cc;border:4px solid #c0c4cc;z-index:2}.el-step__title{color:#fff}.el-step__title.is-process{font-weight:400;color:#fff}.el-step__title.is-wait{color:#fff}.el-step.is-horizontal .el-step__line{top:22px}.el-step__head.is-success .el-step__icon.is-text{color:#fff;background-color:#fff;border:4px solid #dbdce1}.el-step__title.is-success{color:#fff}.el-step__line{width:53px;margin-left:20px}.el-step__line-inner{width:0;border:none}.el-step__main{position:absolute;top:-100%;left:30%}.time_line .el-step__icon.is-text{background-color:#fff;opacity:.3}.time_line .el-step__head.is-success .el-step__icon.is-text{opacity:1}.time_line .el-step__icon-inner{display:none}@media screen and (max-width:1400px){.course{width:100vw}.course,.course .history{height:auto}.course .history .swiper-container{width:1300px!important}.course .history .swiper-wrapper{width:100%;margin:40px}.course .history .swiper-slide{margin-right:20px!important}.course .history .swiper-slide:first-of-type{margin-left:0}}@media screen and (max-width:1200px){.course{width:100vw}.course,.course .history{height:auto}.course .history .swiper-container{width:1280px!important}.course .history .swiper-wrapper{width:100%;margin:40px}.course .history .swiper-slide{margin-right:40px!important}.course .history .swiper-slide:first-of-type{margin-left:0}.course .swiper-button-next{right:30%}}@media screen and (max-width:850px){.course .swiper-button-next,.course .swiper-button-prev{left:60%}.course .swiper-button-prev{left:16px}}@media screen and (max-width:750px){.course .swiper-button-next,.course .swiper-button-prev{left:53%}.course .swiper-button-prev{left:16px}}@media screen and (max-width:600px){.course{height:auto}.course,.course .course_line{width:100vw}.course .course_line img{height:200px;-o-object-fit:cover;object-fit:cover}.course .course_line .time_line{top:100px;height:200px}.course .course_line .time_line .time_title{margin-bottom:40px;font-size:20px}.course .course_line .time_line .el-steps{width:80%}.course .history{height:auto}.course .history .swiper-container{width:270vw!important}.course .history .swiper-wrapper{width:100%;margin:40px}.course .history .swiper-slide{margin-right:40px!important}.course .history .swiper-slide:first-of-type{margin-left:0}.course .history .year{font-size:20px}.course .history .event{margin:12px 0}.course .history .event .month{font-size:.875rem}.course .history .event .content{line-height:22px;font-size:12px}.course .swiper-button-next,.course .swiper-button-prev{left:19%}.course .swiper-button-prev{left:16px}.el-step__icon.is-text{width:30px;height:30px}.el-step.is-horizontal .el-step__line{top:14px}.el-step__head.is-success .el-step__icon.is-text{color:#fff;background-color:#fff;border:2px solid #dbdce1}.el-step__line{width:94px;min-width:47px;margin-left:16px}.el-step__title{font-size:14px}}@media screen and (max-width:500px){.course .history{height:auto}.course .history .swiper-container{width:380vw!important}.course .history .swiper-wrapper{width:100%;margin:40px}.course .history .swiper-slide{margin-right:40px!important}.course .history .swiper-slide:first-of-type{margin-left:0}.course .history .year{font-size:20px}.course .history .event{margin:12px 0}.course .history .event .month{font-size:.875rem}.course .history .event .content{line-height:22px;font-size:12px}.el-step__line{width:70px;min-width:47px;margin-left:16px}}@media screen and (max-width:410px){.el-step__line{width:47px;min-width:47px;margin-left:16px}}@media screen and (max-width:400px){.course .history{height:auto}.course .history .swiper-container{width:440vw!important}.course .history .swiper-wrapper{width:100%;margin:40px}.course .history .swiper-slide{margin-right:40px!important}.course .history .swiper-slide:first-of-type{margin-left:0}.course .history .year{font-size:20px}.course .history .event{margin:12px 0}.course .history .event .month{font-size:.875rem}.course .history .event .content{line-height:22px;font-size:12px}.el-step__line{width:47px;min-width:47px;margin-left:16px}}@media screen and (max-width:372px){.course .history{height:auto}.course .history .swiper-container{width:480vw!important}.course .swiper-button-next,.course .swiper-button-prev{left:15%}.course .swiper-button-prev{left:16px}}@media screen and (max-width:350px){.course .history .swiper-container{width:540vw!important}}