.sec2 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.sec2 .fp-tableCell {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
  width: 100%;
}
.sec2 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.sec2 .bg img {
  display: block;
  width: 100%;
  height: 100%;
}
.sec2 .fp-tableCell {
  display: flex;
  align-items: center;
  justify-content: end;
}
.sec2 .main {
  width: 86.45833333vw;
  position: relative;
  top: 53px;
}
.sec2 .main .line {
  width: 100%;
  height: 124px;
  position: relative;
  left: 25px;
}
.sec2 .main .line img {
  width: unset!important;
  max-width: unset!important;
}
:root {
  --xin: path('M19,70c166.2-30.6,273.9-23.9,343-11c11,2.1,26.4,5.3,51,9c112.8,17,200,11,240,8c318.5-23.9,341.3-37.3,460-35  c153.1,3,159.2,26.2,296,26c156.8-0.2,284.4-30.9,368-57 ');
}
.sec2 .main .line .joke .point {
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  transition: 0.6s;
}
.sec2 .main .line .joke .point p {
  font-size: 18px;
  font-family: PingFang SC r;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
  opacity: 0.5;
  position: absolute;
  top: -46px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.6s;
}
.sec2 .main .line .joke .point:hover,
.sec2 .main .line .joke .point.on {
  background: #EC6917;
}
.sec2 .main .line .joke .point:hover p,
.sec2 .main .line .joke .point.on p {
  opacity: 1;
}
.sec2 .main h1 {
  font-size: 50px;
  font-family: PingFang SC b;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.sec2 .main > p {
  font-size: 16px;
  font-family: PingFang SC R;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 32px;
  margin-bottom: 80px;
}
.sec2 .about_swiper .swiper-slide h2 {
  font-size: 40px;
  font-family: PingFang SC b;
  font-weight: bold;
  color: #EC6917;
}
.sec2 .about_swiper .swiper-slide h2 span {
  font-size: 18px;
  font-family: PingFang SC b;
  font-weight: bold;
  color: #EC6917;
}
.sec2 .about_swiper .swiper-slide ul li {
  font-size: 18px;
  font-family: PingFang SC r;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
  position: relative;
  padding: 0 0 0 18px;
  transform: translateY(50px);
  opacity: 0;
}
.sec2 .about_swiper .swiper-slide ul li:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 6px;
  height: 6px;
  border: 1px solid #EC6716;
  border-radius: 50%;
}
.sec2 .btns {
  display: flex;
  align-items: center;
  margin-top: 75px;
}
.sec2 .btns .iconfont {
  width: 60px;
  height: 60px;
  background: #FFFFFF;
  border-radius: 50%;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.6s;
  margin-right: 17px;
}
.sec2 .btns .iconfont:hover {
  color: #fff;
  background: #EC6917;
}
.sec2 .btns .iconfont:nth-child(1) {
  transform: rotate(180deg);
}
.sec2 .about_swiper {
  margin-top: 20px;
}
.sec2 .about_swiper .swiper-slide .swiper-slide-text h2 {
  opacity: 0;
  transform: translateY(50px);
  margin: 0 0 5px 0;
}
.sec2 .about_swiper .swiper-slide-active .swiper-slide-text h2 {
  opacity: 1;
  transform: translateY(0px);
  transition: 1s;
}
.sec2 .about_swiper .swiper-slide-active .swiper-slide-text li {
  opacity: 1;
  transform: translateY(0px);
  transition: 1s;
}
.sec2 .about_swiper .swiper-slide.unset li {
  transition-delay: unset!important;
}
.sec2 .main .line .joke .point:nth-child(1) {
  top: 69px;
  left: 0;
}
.sec2 .main .line .joke .point:nth-child(2) {
  top: 16px;
  left: 500px;
}
.sec2 .main .line .joke .point:nth-child(3) {
  top: -3px;
  left: 1000px;
}
.sec2 .main .line .joke .point:nth-child(4) {
  top: 1px;
  left: 1500px;
}
.sec2 .main .line .joke .point:nth-child(5) {
  top: 24px;
  left: 2000px;
}
.sec2 .main .line .joke .point:nth-child(6) {
  top: 60px;
  left: 2500px;
}

/**/
.sec2 .main .line .joke .point:nth-child(7) {
  top: 99px;
  left: 3000px;
}
.sec2 .main .line .joke .point:nth-child(8) {
  top: 115px;
  left: 3500px;
}
.sec2 .main .line .joke .point:nth-child(9) {
  top: 119px;
  left: 4000px;
}
.sec2 .main .line .joke .point:nth-child(10) {
  top: 115px;
  left: 4500px;
}
.sec2 .main .line .joke .point:nth-child(11) {
  top: 100px;
  left: 5000px;
}
.sec2 .main .line .joke .point:nth-child(12) {
  top: 84px;
  left: 5500px;
}
.sec2 .main .line .joke .point:nth-child(13) {
  top: 67px;
  left: 6000px;
}
.sec2 .main .line .joke .point:nth-child(14) {
  top: 49px;
  left: 6500px;
}
.sec2 .main .line .joke .point:nth-child(15) {
  top: 34px;
  left: 7000px;
}
.sec2 .main .line .joke .point:nth-child(16) {
  top: 29px;
  left: 7500px;
}
.sec2 .main .line .joke .point:nth-child(17) {
  top: 50px;
  left: 8000px;
}
.sec2 .main .line .joke .point:nth-child(18) {
  top: 107px;
  left: 8500px;
}
.sec2 .main .line .joke .point:nth-child(19) {
  top: 110px;
  left: 9000px;
}
/**/


.click_more {
  position: absolute;
  left: 50%;
  bottom: 48px;
  z-index: 5;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.click_more p {
  font-size: 16px;
  font-family: X-ZhongHei;
  font-weight: normal;
  color: #FFFFFF;
  margin: 0 14px 0 0;
}
.click_more img {
  animation: rote 10s infinite linear;
}
@keyframes rote {
  100% {
    transform: rotate(1turn);
  }
}
.fixed_alert {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100vh;
  display: none;
  justify-content: center;
  overflow: hidden;
  overflow-y: scroll;
  padding: 0 0 100px 0;
  pointer-events: none;
  opacity: 0;
  transition: 1s;
}
.fixed_alert .clone {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #de7231;
  position: absolute;
  top: -78px;
  left: calc(100% + 141px);
  transform: rotate(45deg);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed_alert .clone .joke {
  width: 20px;
  height: 20px;
  position: relative;
}
.fixed_alert .clone .joke:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.fixed_alert .clone .joke:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.fixed_alert .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.fixed_alert .wrap {
  width: 700px;
  height: fit-content;
  margin: 14.58333333vw 0 0 0;
  transform: translateY(20px);
  opacity: 0;
  transition: 1s;
}
.fixed_alert .wrap .item:not(:last-child) {
  margin: 0 0 71px 0;
}
.fixed_alert .wrap .item .year {
  font-size: 20px;
  font-family: HelveticaNeueLT;
  font-weight: normal;
  color: #FFFFFF;
  margin: 0 0 30px 0;
}
.fixed_alert .wrap .item .text {
  font-size: 28px;
  font-family: ZauriSans;
  font-weight: normal;
  color: #FFFFFF;
  line-height: 33px;
}
.fixed_alert.on {
  pointer-events: auto;
  opacity: 1;
}
.fixed_alert.on .wrap {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.5s;
}
/*# sourceMappingURL=course.css.map */
@media screen and (max-width: 1600px) {
    .sec2 .main h1{
        font-size: 41px;
    }
    .sec2 .main > p{
        font-size: 14px;
        margin-bottom: 45px;
    }
    .sec2 .btns{
        margin-top: 40px;
    }
}
@media screen and (max-width: 1450px) {
    .sec2 .main{
        width: 92%;
    }
    .fixed_alert .wrap .item .text{
        font-size: 23px;
    }
    .fixed_alert .wrap{
        width: fit-content;
        max-width: 90%;
    }
}
@media screen and (max-width: 1200px) {
    .fixed_alert .clone {
        top: -11px;
        left: 110%;
    }
}

@media screen and (max-width: 1023px) {


    .sec2 .main .line{
        left: 50%;
        margin: 64px 0 0 0;
        height: 44px;
    }
    .sec2 .main .line .joke .point p{
        font-size: 16px;
    }
    .sec2 .main .line img{
        display: none;
    }
    .sec2 .main .line::after {
        width: 100%;
        height: 1px;
        background-color: #333;
        position: absolute;
        top: 3px;
        left: 0;
        z-index: -1;
        content: '';
    }
    .sec2 .main .line .joke .point{
        top: 0!important;
    }
    .sec2 .main .line::after{
        background-color: rgba(255,255,255,0.5);
    }
    .sec2{
        height: auto!important;
        min-height: 100vh;
        margin: 93px 0 0 0;
    }
    .sec2 .main h1 {
        font-size: 28px;
    }
    .sec2 .main > p {
        font-size: 13px;
    }
    .sec2 .main {
        width: 90%;
        top: 0;
        padding: 101px 0 0 0;
    }

    .sec2 .fp-tableCell{
        justify-content: center;
    }
    .sec2 .about_swiper .swiper-slide h2{
        font-size: 26px;
    }
    .sec2 .about_swiper .swiper-slide ul li{
        font-size: 13px;
        line-height: 27px;
    }

    .click_more{
        margin: 50px auto;
        transform: none;
        flex-direction: column-reverse;
    }
    .click_more p{
        font-size: 13px;
        margin: 10px auto 0;
    }

    .fixed_alert .wrap{
        margin: 210px 0 0 0;
    }

    .fixed_alert .wrap .item .year{
        font-size: 22px;
        margin: 0 0 13px 0;
    }
    .fixed_alert .wrap .item .text {
        font-size: 13px;
        line-height: 31px;
    }

    .click_more img{
        width: 50px;
    }

    .click_more{
        position: static;
    }
    .sec2 .btns .iconfont{
        width: 45px;
        height: 45px;
    }

    .fixed_alert .wrap .item:not(:last-child) {
        margin: 0 0 35px 0;
    }


    .fixed_alert{
        padding: 0 0 55px 0;
    }

    .fixed_alert .clone {
        top: -6px;
        left: 82%;
        width: 50px;
        height: 50px;
    }
    .sec2 .about_swiper {
        margin-top: 0;
    }

    .sec2 .about_swiper .swiper-slide ul li:after{
        top: 11px;
        transform: none;
    }

    .sec2 .main .line .joke .point:nth-child(2){
        left: 150px;
    }
    .sec2 .main .line .joke .point:nth-child(3){
        left: 300px;
    }
    .sec2 .main .line .joke .point:nth-child(4){
        left: 450px;
    }
    .sec2 .main .line .joke .point:nth-child(5){
        left: 600px;
    }
    .sec2 .main .line .joke .point:nth-child(6){
        left: 750px;
    }
    .sec2 .main .line .joke .point:nth-child(7){
        left: 900px;
    }
    .sec2 .main .line .joke .point:nth-child(8){
        left: 1050px;
    }
    .sec2 .main .line .joke .point:nth-child(9){
        left: 1200px;
    }
    .sec2 .main .line .joke .point:nth-child(10){
        left: 1350px;
    }
    .sec2 .main .line .joke .point:nth-child(11){
        left: 1500px;
    }
    .sec2 .main .line .joke .point:nth-child(12){
        left: 1650px;
    }
    .sec2 .main .line .joke .point:nth-child(13){
        left: 1800px;
    }
    .sec2 .main .line .joke .point:nth-child(14){
        left: 1950px;
    }
    .sec2 .main .line .joke .point:nth-child(15){
        left: 2100px;
    }
    .sec2 .main .line .joke .point:nth-child(16){
        left: 2250px;
    }
    .sec2 .main .line .joke .point:nth-child(17){
        left: 2400px;
    }
    .sec2 .main .line .joke .point:nth-child(18){
        left: 2550px;
    }
}