body .home .c_btn {
  display: flex;
  align-items: center;
  gap: .52083vw;
  transition: all 600ms;
  font-weight: 500;
  text-transform: capitalize
}

body .home .c_btn svg {
  width: .83333vw;
  transition: all 600ms
}

body .home .c_btn svg path {
  transition: all 600ms
}

body .home .c_btn:hover {
  color: #892122
}

body .home .c_btn:hover p {
  text-decoration: underline
}

body .home .c_btn:hover svg {
  transform: rotate(45deg)
}

body .home .c_btn:hover svg path {
  stroke: #892122
}

body .home .banner {
  position: relative;
  overflow: hidden
}

body .home .banner .swiper1 {
  width: 100%
}

body .home .banner .swiper1 .pic img,body .home .banner .swiper1 .pic video {
  width: 100%;
  height: 90vh;
  object-fit: cover
}

body .home .banner .swiper1 .swiper-slide .text {
  position: absolute;
  left: 0;
  top: 11.40625vw;
  padding: 0 8.85417vw;
  width: 100%;
  z-index: 10;
  color: white
}

body .home .banner .swiper1 .swiper-slide .text h1 {
  font-weight: 500;
  line-height: 0.87;
  letter-spacing: -2.4px;
  margin-bottom: 2.44792vw;
  font-family: "Scheherazade New"
}

body .home .banner .swiper1 .swiper-slide .text .des {
  width: 42.70833vw
}

body .home .banner .swiper-pagination {
  position: absolute;
  left: 9.0625vw;
  bottom: 2.65625vw;
  z-index: 10;
  display: flex;
  gap: 1.04167vw
}

body .home .banner .swiper-pagination .swiper-pagination-bullet {
  width: .52083vw;
  height: .52083vw;
  opacity: 1;
  background: #fff
}

body .home .banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #892122
}

body .home .container .sec1 {
  margin: 9.89583vw 8.85417vw 0 8.85417vw;
  padding-bottom: 3.85417vw;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid rgba(71, 71, 71, 0.67)
}

body .home .container .sec1 .bg {
  position: absolute;
  left: 1.19792vw;
  bottom: 0;
  opacity: .16;
  width: 44.89583vw
}

body .home .container .sec1 .bg img {
  width: 100%
}

body .home .container .sec1 .lbox {
  width: 28.85417vw;
  font-family: "Scheherazade New";
  line-height: 1;
  color: #892122
}

body .home .container .sec1 .rbox {
  width: 45.88542vw;
  margin-top: .35417vw
}

body .home .container .sec1 .rbox .des {
  color: #2E2F30;
  line-height: 1.5;
  margin-bottom: 7.55208vw
}

body .home .container .sec1 .rbox .c_btn {
  float: right
}

body .home .container .sec2 {
  padding: 10.05208vw 8.85417vw 12.23958vw 8.85417vw
}

body .home .container .sec2 .t {
  font-family: "Scheherazade New";
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1;
  color: #892122;
  border-bottom: 2px solid #474747;
  padding-bottom: 1.04167vw
}

body .home .container .sec2 .content {
  /* margin-top: 2.8125vw; */
  margin-top: 4.16667vw;
  display: flex;
  justify-content: space-between
}

body .home .container .sec2 .content .lbox {
  width: 27.91667vw
}

body .home .container .sec2 .content .lbox .pic {
  width: 100%;
  position: relative;
  display: none
}

body .home .container .sec2 .content .lbox .pic .ipic {
  position: relative;
  overflow: hidden
}

body .home .container .sec2 .content .lbox .pic .ipic .mc {
  width: 100%;
  height: 36.51042vw;
  object-fit: cover;
  transition: all 600ms
}

body .home .container .sec2 .content .lbox .pic .ipic .icon {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%
}

body .home .container .sec2 .content .lbox .pic .ipic .icon img {
  width: 99%;
  margin: 0 auto;
  display: block
}

body .home .container .sec2 .content .lbox .pic.on {
  display: block
}

body .home .container .sec2 .content .lbox .pic a {
  float: right;
  margin-top: 1.5625vw
}

body .home .container .sec2 .content .lbox .pic:hover .mc {
  transform: scale(1.05)
}

body .home .container .sec2 .content .rbox {
  width: 49.47917vw
}

body .home .container .sec2 .content .rbox .swiper_h {
  width: 100%;
  height: 36.51042vw
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide {
  cursor: pointer;
  display: flex;
  /* align-items: center; */
  justify-content: center
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item {
  border-bottom: 2px solid transparent;
  display: flex;
  justify-content: space-between;
  transition: all 600ms
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .num {
  color: #892122;
  font-weight: 500;
  line-height: 1.3;
  font-family: "Scheherazade New";
  /* opacity: .2; */
  /* transition: all 600ms */
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .text {
  width: 45.52083vw
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .text .pt {
  color: #892122;
  font-family: "Scheherazade New";
  font-weight: 500;
  line-height: 1.3;
  /* opacity: .2; */
  /* transition: all 600ms */
}



body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .text .des {
  color: #2E2F30;
  line-height: 1.5;
  margin-top: .78125vw;
  /* display: none */
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .text .des ul {
  padding-left: 1.5625vw
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .text .des ul li {
  list-style: disc
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide-active {
  height: auto !important;
  /* margin-bottom: 2.04167vw !important */
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item {
  /* border-color: #474747; */
  padding-bottom: 1.71875vw !important
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide-active .item {
  /* border-color: #474747; */
  padding-bottom: 1.71875vw !important
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide-active .item .num {
  opacity: 1
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide-active .item .text .pt {
  opacity: 1
}

body .home .container .sec2 .content .rbox .swiper_h .swiper-slide-active .item .text .des {
  display: block
}
body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .text .pt:hover {
  font-weight: 700;
}
body .home .container .sec3 {
  padding: 0 8.85417vw 12.23958vw 
}

body .home .container .sec3 .t {
  font-family: "Scheherazade New";
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1;
  color: #892122;
  border-bottom: 2px solid #474747;
  padding-bottom: 1.04167vw
}

body .home .container .sec3 .content {
  margin-top: 4.16667vw;
  position: relative
}

body .home .container .sec3 .content .swiper2 {
  width: 100%
}

body .home .container .sec3 .content .swiper2 .item {
  display: flex;
  justify-content: space-between
}

body .home .container .sec3 .content .swiper2 .item .lbox {
  width: 35.98958vw;
  position: relative
}

body .home .container .sec3 .content .swiper2 .item .lbox .pt {
  font-weight: 600;
  line-height: 1.2;
  font-family: "Scheherazade New"
}

body .home .container .sec3 .content .swiper2 .item .lbox .des {
  margin-top: 3.02083vw;
  line-height: 1.5
}

body .home .container .sec3 .content .swiper2 .item .lbox .c_btn {
  position: absolute;
  left: 0;
  bottom: 0
}

body .home .container .sec3 .content .swiper2 .item .pic {
  width: 42.08333vw;
  overflow: hidden
}

body .home .container .sec3 .content .swiper2 .item .pic img {
  width: 100%;
  object-fit: cover;
  height: 29.32292vw;
  transition: all 600ms
}

body .home .container .sec3 .content .swiper2 .item .pic:hover img {
  transform: scale(1.05)
}

body .home .container .sec3 .content .swiper-pagination {
  position: absolute;
  left: 39.58333vw;
  bottom: -1.5625vw;
  gap: 1.04167vw;
  display: flex
}

body .home .container .sec3 .content .swiper-pagination .swiper-pagination-bullet {
  width: .52083vw;
  height: .52083vw;
  opacity: 1;
  background: #2E2F30;
  transition: all 600ms
}

body .home .container .sec3 .content .swiper-pagination .swiper-pagination-bullet-active {
  background: #892122
}

body .home .container .sec4 {
  margin: 14.0625vw 8.85417vw 7.5vw 8.85417vw;
  border-bottom: 2px solid #474747;
  padding-bottom: 2.91667vw
}

body .home .container .sec4 .pt {
  font-family: "Scheherazade New";
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1;
  color: #892122
}

body .home .container .sec4 .list {
  margin: 2.08333vw 0 1.82292vw 0
}

body .home .container .sec4 .list a {
  display: flex;
  justify-content: space-between
}

body .home .container .sec4 .list a:not(:last-child) {
  margin-bottom: 1.5625vw
}

body .home .container .sec4 .list a .pic {
  width: 41.92708vw;
  overflow: hidden;
  display: flex;
  justify-content: flex-end
}

body .home .container .sec4 .list a .pic img {
  width: 27.76042vw;
  height: 14.32292vw;
  display: block;
  object-fit: cover;
  transition: all 600ms
}

body .home .container .sec4 .list a .text {
  width: 38.4375vw;
  border-top: 2px solid #474747;
  padding-top: 1.30208vw
}

body .home .container .sec4 .list a .text .t {
  color: #000;
  line-height: 1.2;
  font-family: "Scheherazade New";
  transition: all 600ms
}

body .home .container .sec4 .list a .text .flex {
  margin-top: 1.66667vw;
  display: flex;
  justify-content: space-between
}

body .home .container .sec4 .list a .text .flex .time {
  color: #892122;
  line-height: 1.3;
  margin-top: .625vw
}

body .home .container .sec4 .list a .text .flex .des {
  width: 29.89583vw;
  line-height: 1.6;
  display: none
}

body .home .container .sec4 .list a:hover .pic img {
  width: 100%;
  height: 21.82292vw
}

body .home .container .sec4 .list a:hover .text .t {
  color: #B82234
}

body .home .container .sec4 .more {
  display: flex;
  justify-content: flex-end
}

body .home .container .sec5 {
  position: relative
}

body .home .container .sec5 img {
  width: 100%
}

body .home .container .sec5 .t {
  font-size: 6.66667vw;
  position: absolute;
  left: 50%;
  top: 50%;
  color: white;
  transform: translate(-50%, -50%);
  width: 58.85417vw;
  line-height: 1.5;
  text-transform: capitalize;
  text-align: center
}

body .home .container .sec5 .t p {
  font-family: "Scheherazade New"
}

@media screen and (max-width: 768px) {
  body .home .c_btn {
    gap: 5px
  }

  body .home .c_btn svg {
    width: 12px
  }

  body .home .banner .swiper1 .pic img {
    height: 50vh
  }

  body .home .banner .swiper1 .swiper-slide .text {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 5%
  }

  body .home .banner .swiper1 .swiper-slide .text h1 {
    margin-bottom: 20px;
    line-height: 1
  }

  body .home .banner .swiper1 .swiper-slide .text .des {
    width: 100%
  }

  body .home .banner .swiper-pagination {
    bottom: 30px;
    left: 50%;
    gap: 10px;
    transform: translateX(-50%)
  }

  body .home .banner .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px
  }

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

  body .home .container .sec1 .lbox {
    width: 100%;
    margin-bottom: 10px
  }

  body .home .container .sec1 .rbox {
    width: 100%;
    margin-top: 0
  }

  body .home .container .sec1 .rbox .des {
    margin-bottom: 30px
  }

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

  body .home .container .sec2 .t {
    padding-bottom: 20px
  }

  body .home .container .sec2 .content {
    flex-direction: column;
    margin-top: 30px
  }

  body .home .container .sec2 .content .lbox {
    width: 100%;
    margin-bottom: 20px
  }

  body .home .container .sec2 .content .lbox .pic .ipic .mc {
    height: 442px
  }

  body .home .container .sec2 .content .lbox .pic a {
    margin-top: 20px
  }

  body .home .container .sec2 .content .rbox {
    width: 100%;
    margin-top: 0
  }

  body .home .container .sec2 .content .rbox .swiper_h {
    height: auto
  }

  body .home .container .sec2 .content .rbox .swiper_h .swiper-slide {
    display: block
  }

  body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item {
    border: none
  }

  body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .text {
    width: calc(100% - 30px)
  }

  body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .text .des {
    margin-top: 10px;
    display: block
  }

  body .home .container .sec2 .content .rbox .swiper_h .swiper-slide .item .text .des ul {
    padding-left: 25px
  }

  body .home .container .sec3 {
    padding: 0 5%
  }

  body .home .container .sec3 .t {
    padding-bottom: 20px
  }

  body .home .container .sec3 .content {
    margin-top: 20px
  }

  body .home .container .sec3 .content .swiper2 .item {
    flex-direction: column
  }

  body .home .container .sec3 .content .swiper2 .item .lbox {
    width: 100%;
    margin-bottom: 20px
  }

  body .home .container .sec3 .content .swiper2 .item .lbox .des {
    margin: 15px 0
  }

  body .home .container .sec3 .content .swiper2 .item .lbox .c_btn {
    position: relative;
    bottom: 0;
    left: 0
  }

  body .home .container .sec3 .content .swiper2 .item .pic {
    width: 100%
  }

  body .home .container .sec3 .content .swiper2 .item .pic img {
    height: 235px
  }

  body .home .container .sec3 .content .swiper-pagination {
    right: 5%;
    bottom: -30px;
    gap: 10px
  }

  body .home .container .sec3 .content .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px
  }

  body .home .container .sec4 {
    margin: 60px 5%;
    padding-bottom: 30px
  }

  body .home .container .sec4 .list {
    margin: 20px 0 15px 0
  }

  body .home .container .sec4 .list a {
    flex-direction: column
  }

  body .home .container .sec4 .list a:not(:last-child) {
    margin-bottom: 30px
  }

  body .home .container .sec4 .list a .text {
    width: 100%;
    padding-top: 15px
  }

  body .home .container .sec4 .list a .text .flex {
    flex-direction: column;
    margin-top: 10px;
    gap: 10px
  }

  body .home .container .sec4 .list a .text .flex .time {
    margin-top: 0
  }

  body .home .container .sec4 .list a .text .flex .des {
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
  }

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

  body .home .container .sec4 .list a .pic img {
    width: 100%;
    height: 170px !important
  }

  body .home .container .sec5 .t {
    font-size: 30px;
    width: 80%;
    line-height: 1.3
  }
}