body .home .move_b {
  animation: goAnimate 50s linear infinite;
  width: max-content;
  display: flex;
  animation: goAnimate 50s linear infinite;
  gap: 4.6875vw
}

body .home .move_b.reverse {
  animation-direction: reverse
}

@keyframes goAnimate {
  100% {
    transform: translateX(-50%)
  }
}

body .home .container .fb4 {
  font-weight: 400
}

body .home .container .fb5 {
  font-weight: 500
}

body .home .container .fb6 {
  font-weight: 600
}

body .home .container .fb7 {
  font-weight: 700
}

body .home .container .t {
  text-align: center;
  text-transform: capitalize;
  line-height: 1.2;
  margin-bottom: 2.08333vw
}

body .home .container .tabs {
  margin-top: 2.08333vw;
  padding: 0 8.33333vw
}

body .home .container .sec1 {
  padding: 2.08333vw 8.33333vw 6.25vw 8.33333vw;
  display: flex;
  flex-direction: column
}

body .home .container .sec1 .txt {
  display: flex;
  justify-content: space-between
}

body .home .container .sec1 .left {
  flex: 1
}

body .home .container .sec1 .left h3 {
  margin: 2.86458vw 0 1.5625vw 0;
  text-align: left
}

body .home .container .sec1 .left p {
  line-height: 1.5
}

body .home .container .sec1 .left p b {
  font-weight: normal;
  color: #002FFF
}

body .home .container .sec1 .right {
  width: 43.75vw;
  height: 23.4375vw;
  flex-shrink: 0;
  margin-left: 4.16667vw;
  overflow: hidden
}

body .home .container .sec1 .right:hover img {
  transform: scale(1.05)
}

body .home .container .sec1 .right img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.6s;
  transform: scale(1)
}

body .home .container .sec1 ul.numbers {
  margin-top: 2.60417vw;
  display: flex
}

body .home .container .sec1 ul.numbers li {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  align-items: center
}

body .home .container .sec1 ul.numbers li span.con {
  display: flex;
  flex-direction: column
}

body .home .container .sec1 ul.numbers li b {
  margin-bottom: 6px;
  color: #002FFF
}

body .home .container .sec1 ul.numbers li::after {
  content: '';
  height: 2.60417vw;
  width: 2px;
  background: #D9D9D9;
  position: absolute;
  top: 32px;
  right: 0;
  display: block
}

body .home .container .sec1 ul.numbers li:last-child::after {
  display: none
}

body .home .container .sec2 {
  padding: 6.25vw 0 6.25vw 8.33333vw;
  background: #EFEEF3;
  min-height: 300px;
  position: relative;
  overflow: hidden
}

body .home .container .sec2 span.icon {
  width: 25vw;
  height: 7.1875vw;
  position: absolute;
  top: 0;
  right: 0
}

body .home .container .sec2 h1 {
  text-align: left
}

body .home .container .sec2 .nyswiper {
  padding-bottom: 3.125vw;
  margin-right: 8.33333vw;
  overflow: hidden
}

body .home .container .sec2 .nyswiper .swiper-slide {
  display: flex
}

body .home .container .sec2 .nyswiper .swiper-slide .left h3 {
  color: #002FFF;
  margin-bottom: 24px
}

body .home .container .sec2 .nyswiper .swiper-slide .left p {
  line-height: 1.5;
  width: 85%
}

body .home .container .sec2 .nyswiper .swiper-slide .left p b {
  color: #002FFF;
  font-weight: normal
}

body .home .container .sec2 .nyswiper .swiper-slide .right {
  display: flex;
  width: 41.14583vw;
  height: 20.83333vw;
  overflow: hidden;
  flex-shrink: 0;
  margin-left: 6.25vw
}

body .home .container .sec2 .nyswiper .swiper-slide .right:hover img {
  transform: scale(1.05)
}

body .home .container .sec2 .nyswiper .swiper-slide .right img {
  transition: all 0.6s;
  transform: scale(1)
}

body .home .container .sec2 .timeline-nav {
  position: relative
}

body .home .container .sec2 .timeline-nav .swiper-slide {
  text-align: center;
  padding-top: 16px;
  transition: all 0.6s;
  color: #D4D5D8;
  cursor: pointer
}

body .home .container .sec2 .timeline-nav .swiper-slide::after {
  content: '';
  height: 3px;
  width: 100%;
  background: #D4D5D8;
  top: 0;
  left: 0;
  position: absolute;
  transition: all 0.6s
}

body .home .container .sec2 .timeline-nav .swiper-slide.swiper-slide-thumb-active {
  color: #0039C8
}

body .home .container .sec2 .timeline-nav .swiper-slide.swiper-slide-thumb-active::after {
  background: #0039C8
}

body .home .container .sec2 .timeline-nav::after {
  content: '';
  height: 3px;
  width: 100%;
  background: #D4D5D8;
  top: 0;
  left: 0;
  position: absolute
}

body .home .container .sec3 {
  padding: 6.25vw 8.33333vw 6.25vw 8.33333vw
}

body .home .container .sec3 h1 {
  text-align: left
}

body .home .container .sec3 ul.lists {
  display: flex
}

body .home .container .sec3 ul.lists li {
  display: flex;
  margin-right: 2.08333vw;
  flex: 1;
  height: 15.83333vw;
  background: #EFEEF3;
  position: relative;
  transition: all 0.6s;
  cursor: pointer
}

body .home .container .sec3 ul.lists li:nth-child(1) {
  animation-delay: 0s
}

body .home .container .sec3 ul.lists li:nth-child(2) {
  animation-delay: 0.2s
}

body .home .container .sec3 ul.lists li:nth-child(3) {
  animation-delay: 0.4s
}

body .home .container .sec3 ul.lists li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #C3CDE4 0%, #688AD7 100%);
  z-index: 2;
  opacity: 0;
  transition: all 0.6s
}

body .home .container .sec3 ul.lists li h5 {
  position: absolute;
  bottom: 2.08333vw;
  left: 2.08333vw;
  transition: all 0.3s;
  z-index: 6;
  opacity: 1
}

body .home .container .sec3 ul.lists li span.img {
  position: absolute;
  top: 0;
  right: 0;
  width: 18.02083vw;
  height: 5.20833bw;
  z-index: 4
}

body .home .container .sec3 ul.lists li span.img img {
  width: 100%;
  height: 100%;
  display: block
}

body .home .container .sec3 ul.lists li span.img .t2 {
  display: none
}

body .home .container .sec3 ul.lists li:last-child {
  margin-right: 0
}

body .home .container .sec3 ul.lists li .txt {
  position: absolute;
  z-index: 3;
  bottom: -7.29167vw;
  left: 2.08333vw;
  opacity: 0;
  color: #fff;
  transition: all 0.6s
}

body .home .container .sec3 ul.lists li .txt h6 {
  margin-bottom: 12px
}

body .home .container .sec3 ul.lists li .txt p {
  line-height: 1.5
}

body .home .container .sec3 ul.lists li:hover::after,
body .home .container .sec3 ul.lists li.on::after {
  opacity: 1
}

body .home .container .sec3 ul.lists li:hover .txt,
body .home .container .sec3 ul.lists li.on .txt {
  bottom: 2.08333vw;
  opacity: 1
}

body .home .container .sec3 ul.lists li:hover h5,
body .home .container .sec3 ul.lists li.on h5 {
  opacity: 0
}

body .home .container .sec4 {
  background: #EFEEF3;
  padding: 4.375vw 0vw 1.66667vw 8.33333vw;
  overflow: hidden;
  display: flex
}

body .home .container .sec4 .right {
  width: 65.26042vw;
  text-align: right
}

body .home .container .sec4 .right img {
  width: 100%
}

body .home .container .sec4 .left {
  flex: 1;
  display: flex;
  flex-direction: column
}

body .home .container .sec4 .left h1 {
  text-align: left;
  margin: 9.0625vw 0 2.08333vw 0
}

body .home .container .sec4 .left p {
  line-height: 1.5;
  width: 85%
}

body .home .container .sec5 {
  padding: 6.25vw 0;
  overflow: hidden
}

body .home .container .sec5 h1 {
  margin-bottom: 3.125vw;
  text-align: left;
  padding-left: 8.33333vw
}

body .home .container .sec5 .rtl span img {
  transition: all 600ms;
  filter: grayscale(50%);
  opacity: .6
}

body .home .container .sec5 .rtl span img:hover {
  filter: grayscale(0);
  opacity: 1
}

body .home .container .sec5 .rtl:first-child {
  margin-bottom: 3.125vw
}

body .home .container .sec6 {
  padding: 0 0 6.25vw 0;
  overflow: hidden
}

body .home .container .sec6 h1 {
  margin-bottom: 3.125vw;
  text-align: left;
  padding-left: 8.33333vw
}

body .home .container .sec6 .swiper-container {
  width: 100%;
  height: 26.04167vw;
  overflow: hidden
}

body .home .container .sec6 .swiper-container .swiper-wrapper {
  align-items: center
}

body .home .container .sec6 .swiper-container .swiper-slide {
  width: 14.89583vw;
  height: 20.83333vw;
  transition: all 600ms
}

body .home .container .sec6 .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

body .home .container .sec6 .swiper-container .swiper-slide-active {
  width: 18.59375vw;
  height: 26.04167vw
}

@media screen and (max-width: 768px) {
  body .home .container .tabs {
    margin-top: 30px;
    padding: 0 5%;
    gap: 20px
  }

  body .home .container .t {
    margin-bottom: 30px
  }

  body .home .container .sec1 {
    padding: 20px 5%
  }

  body .home .container .sec1 .txt {
    flex-direction: column
  }

  body .home .container .sec1 .txt h3 {
    text-align: center;
    margin: 10px 0 20px 0
  }

  body .home .container .sec1 .txt .right {
    margin: 20px 0 5px 0;
    width: 100% !important;
    height: auto !important;
    margin-left: 0
  }

  body .home .container .sec1 ul.numbers {
    flex-wrap: wrap;
    margin-bottom: 10px
  }

  body .home .container .sec1 ul.numbers li {
    width: 33.3%;
    flex: auto;
    height: 80px;
    padding: 0 10px;
    justify-content: flex-start;
    align-items: center
  }

  body .home .container .sec1 ul.numbers li:nth-child(1),
  body .home .container .sec1 ul.numbers li:nth-child(2),
  body .home .container .sec1 ul.numbers li:nth-child(3) {
    margin-bottom: 10px
  }

  body .home .container .sec1 ul.numbers li:nth-child(3)::after {
    display: none
  }

  body .home .container .sec1 ul.numbers li span.con {
    display: flex;
    align-items: center;
    justify-content: center
  }

  body .home .container .sec1 ul.numbers li span.con span {
    text-align: center
  }

  body .home .container .sec1 ul.numbers li span.con b {
    text-align: center
  }

  body .home .container .sec1 ul.numbers li::after {
    height: 30px;
    top: 15px
  }

  body .home .container .sec2 {
    padding: 30px 5%
  }

  body .home .container .sec2 span.icon {
    width: 130px;
    height: auto;
    position: absolute;
    top: 0;
    right: 0
  }

  body .home .container .sec2 h1 {
    text-align: center;
    margin-bottom: 20px
  }

  body .home .container .sec2 .history-container .timeline-nav {
    overflow: hidden
  }

  body .home .container .sec2 .history-container .nyswiper {
    margin-right: 0
  }

  body .home .container .sec2 .history-container .swiper-slide {
    flex-direction: column
  }

  body .home .container .sec2 .history-container .swiper-slide .left h3 {
    margin-bottom: 10px
  }

  body .home .container .sec2 .history-container .swiper-slide .left p {
    width: 100%
  }

  body .home .container .sec2 .history-container .swiper-slide .right {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin: 20px 0 10px 0
  }

  body .home .container .sec3 {
    padding: 30px 5%
  }

  body .home .container .sec3 h1 {
    text-align: center;
    margin-bottom: 20px
  }

  body .home .container .sec3 ul.lists {
    flex-direction: column;
    display: block
  }

  body .home .container .sec3 ul.lists li {
    width: 100%;
    height: 200px;
    margin-right: 0;
    margin-bottom: 20px
  }

  body .home .container .sec3 ul.lists li::after {
    display: none
  }

  body .home .container .sec3 ul.lists li:last-child {
    margin-bottom: 0
  }

  body .home .container .sec3 ul.lists li span.img {
    width: 200px;
    height: auto
  }

  body .home .container .sec3 ul.lists li h5 {
    display: none
  }

  body .home .container .sec3 ul.lists li h6 {
    font-weight: bold
  }

  body .home .container .sec3 ul.lists li .txt {
    bottom: 20px !important;
    left: 20px;
    opacity: 1;
    color: #000
  }

  body .home .container .sec4 {
    padding: 30px 5%;
    flex-direction: column
  }

  body .home .container .sec4 h1 {
    margin: 0 0 20px 0 !important;
    text-align: center !important
  }

  body .home .container .sec4 p {
    width: 100% !important
  }

  body .home .container .sec4 .right {
    margin-top: 20px;
    width: 100%
  }

  body .home .container .sec5 {
    padding: 30px 0
  }

  body .home .container .sec5 h1 {
    margin-bottom: 20px;
    text-align: center;
    padding-left: 0
  }

  body .home .container .sec5 .rtl:first-child {
    margin-bottom: 20px
  }

  body .home .container .sec5 .rtl span.img {
    width: 80px !important
  }

  body .home .container .sec6 {
    padding: 30px 5%
  }

  body .home .container .sec6 h1 {
    text-align: center;
    margin-bottom: 20px
  }

  body .home .container .sec6 .swiper-container {
    height: auto
  }

  body .home .container .sec6 .swiper-container .swiper-slide {
    height: auto
  }

  body .home .container .pager {
    margin: 30px 0 60px 0;
    gap: 10px
  }

  body .home .container .pager .btn {
    width: 25px;
    height: 25px
  }

  body .home .container .pager .btn img {
    width: 15px
  }

  body .home .container .pager a {
    width: 25px;
    height: 25px
  }
}