.banner {
  position: relative
}

.banner img {
  width: 100%;
  display: block;
  object-fit: cover
}

.banner .text {
  position: absolute;
  left: 0;
  top: 14.58333vw;
  width: 100%;
  text-align: center;
  color: white
}

.banner .text .t {
  line-height: 1.65;
  font-weight: 700;
  margin-bottom: .78125vw
}

.common_title {
  display: flex;
  align-items: center;
  gap: 1.35417vw
}

.common_title .sq {
  width: 2.5vw
}

.common_title .sq img {
  display: block;
  width: 100%
}

.common_title p {
  color: #1A202C;
  font-weight: 700
}

.sec1 {
  padding: 5.20833vw 0 5vw;
  background: #222
}

.sec1 .wrap {
  width: 89.58333vw;
  margin: 0 auto
}

.sec1 .wrap .sec1_top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.sec1 .wrap .sec1_top .des {
  width: 43.22917vw;
  color: #FFF;
  font-weight: 400;
  line-height: 130%
}

.sec1 .wrap .sec1_top .common_title p {
  color: #FFF
}

.sec1 .wrap .list {
  margin: 7.23958vw 0 5.72917vw;
  padding: 0 0 0 5.52083vw;
  display: flex;
  gap: 5.36458vw
}

.sec1 .wrap .list .item {
  display: flex;
  gap: 1.19792vw
}

.sec1 .wrap .list .item .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.sec1 .wrap .list .item .icon img {
  display: block
}

.sec1 .wrap .list .item .icon img:nth-child(2) {
  position: absolute;
  width: 2.5vw;
  z-index: 3;
  transition: 1s
}

.sec1 .wrap .list .item .icon .icon_bg {
  width: 6.71875vw
}

.sec1 .wrap .list .item .item_r {
  max-width: 16.14583vw;
  padding: .15625vw 0 0
}

.sec1 .wrap .list .item .item_r .h5 {
  color: #FFF;
  font-weight: 700
}

.sec1 .wrap .list .item .item_r .p {
  color: #FFF;
  font-weight: 400;
  line-height: 1.3;
  margin: .72917vw 0 0
}

.sec1 .wrap .list .item:hover .icon img:nth-child(2) {
  transform: scale(1.1)
}

.sec1 .wrap .img_box {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.sec1 .wrap .img_box img {
  display: block;
  width: 100%
}

.sec1 .wrap .img_box .play {
  position: absolute;
  width: 5.67708vw;
  height: 5.67708vw;
  border-radius: 50%;
  background: #FFFFFF;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.6s
}

.sec1 .wrap .img_box .play img {
  width: 1.5625vw;
  transform: translateX(.26042vw);
  transition: 0.6s
}

.sec1 .wrap .img_box .play:hover {
  background: #ED1B24
}

.sec1 .wrap .img_box .play:hover img {
  filter: brightness(0) invert(1)
}

.sec2 {
  padding: 5.46875vw 0 6.5625vw;
  overflow: hidden
}

.sec2 .h_top {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.sec2 .h_top .btns {
  display: flex;
  gap: .9375vw
}

.sec2 .h_top .btns .prev,
.sec2 .h_top .btns .next {
  width: 2.08333vw;
  height: 2.08333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #B8B8B8;
  border-radius: 50%;
  cursor: pointer;
  transition: all 600ms
}

.sec2 .h_top .btns .prev svg,
.sec2 .h_top .btns .next svg {
  display: block;
  width: .83333vw
}

.sec2 .h_top .btns .prev:hover,
.sec2 .h_top .btns .next:hover {
  background: #ED1B24
}

.sec2 .wrap {
  width: 89.58333vw;
  margin: 0 auto
}

.sec2 .wrap .swiper {
  width: 68.75vw;
  margin-top: 5.46875vw
}

.sec2 .wrap .swiper .swiper-slide {
  display: flex;
  flex-direction: column
}

.sec2 .wrap .swiper .swiper-slide .img {
  width: 100%;
  height: 13.02083vw;
  overflow: hidden
}

.sec2 .wrap .swiper .swiper-slide .img img {
  display: block;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  transition: 1s
}

.sec2 .wrap .swiper .swiper-slide .img:hover img {
  transform: scale(1.1)
}

.sec2 .wrap .swiper .swiper-slide .slide_bottom {
  width: 100%;
  height: 13.02083vw
}

.sec2 .wrap .swiper .swiper-slide .slide_bottom .year {
  color: #000;
  font-weight: 700
}

.sec2 .wrap .swiper .swiper-slide .slide_bottom .p {
  color: #555;
  font-weight: 400;
  line-height: 1.3;
  margin: .72917vw 0 0
}

.sec2 .wrap .swiper .swiper-slide .cir {
  margin: 1.875vw 0;
  width: .72917vw;
  height: .72917vw;
  background: #DDD;
  border-radius: 50%;
  position: relative;
  transition: 0.6s
}

.sec2 .wrap .swiper .swiper-slide .cir:after {
  content: "";
  width: 21.25vw;
  height: .20833vw;
  background: #DDD;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.5625vw;
  transition: 0.6s
}

.sec2 .wrap .swiper .swiper-slide .cir:before {
  content: "";
  width: 14.16667vw;
  height: .20833vw;
  background: #ED1B24;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.5625vw;
  transition: 0.6s;
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 99.5% 100%, 0 100%);
  opacity: 0
}

.sec2 .wrap .swiper .swiper-slide:nth-child(2n) {
  flex-direction: column-reverse
}

.sec2 .wrap .swiper .swiper-slide:nth-child(2n) .slide_bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.sec2 .wrap .swiper .swiper-slide.swiper-slide-active .cir {
  background: #ED1B24
}

.sec2 .wrap .swiper .swiper-slide.swiper-slide-active .cir:before {
  opacity: 1
}

.sec3 {
  overflow: hidden;
  padding-top: 6.77083vw;
  background: #222
}

.sec3 .wrap {
  width: 89.58333vw;
  margin: 0 auto;
  position: relative
}

.sec3 .wrap .map {
  position: absolute;
  right: -5.20833vw;
  top: 0;
  width: 63.48958vw
}

.sec3 .wrap .map img {
  display: block;
  width: 100%
}

.sec3 .wrap .map .dians {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.sec3 .wrap .map .dians .dian {
  position: absolute
}

.sec3 .wrap .map .dians .dian .cir {
  width: .52083vw;
  height: .52083vw;
  border-radius: 50%;
  background: rgba(237, 27, 36, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.sec3 .wrap .map .dians .dian .cir .cir1 {
  position: absolute;
  width: .98958vw;
  height: .98958vw;
  border-radius: 50%;
  border: .05208vw solid rgba(237, 27, 36, 0.7)
}

.sec3 .wrap .map .dians .dian .cir:after,
.sec3 .wrap .map .dians .dian .cir:before {
  content: "";
  width: .98958vw;
  height: .98958vw;
  border: .05208vw solid #0C0C0C;
  opacity: 0.4;
  border-radius: 50%;
  position: absolute;
  animation: 3s scale linear infinite
}

.sec3 .wrap .map .dians .dian .cir:before {
  animation-delay: 1.5s
}

.sec3 .wrap .map .dians .dian:nth-child(1) {
  top: 9.89583vw;
  left: 9.11458vw
}

.sec3 .wrap .map .dians .dian:nth-child(2) {
  top: 7.86458vw;
  left: 27.76042vw
}

.sec3 .wrap .map .dians .dian:nth-child(3) {
  top: 14.58333vw;
  left: 19.27083vw;
  width: .78125vw;
  height: .78125vw
}

.sec3 .wrap .map .dians .dian:nth-child(3) .cir1 {
  width: 1.45833vw;
  height: 1.45833vw
}

.sec3 .wrap .map .dians .dian:nth-child(3) .cir1:after,
.sec3 .wrap .map .dians .dian:nth-child(3) .cir1:before {
  width: 1.45833vw;
  height: 1.45833vw;
  animation: 3s scale1 linear infinite
}

.sec3 .wrap .map .dians .star {
  width: 1.25vw;
  position: absolute;
  top: 14.32292vw;
  left: 22.60417vw
}

.sec3 .wrap .map .dians .star img {
  display: block;
  width: 100%
}

.sec3 .wrap .common_title {
  margin-bottom: 6.19792vw
}

.sec3 .wrap .common_title p {
  color: #FFF
}

.sec3 .wrap .numList {
  width: 25vw;
  display: flex;
  flex-wrap: wrap;
  gap: 3.85417vw;
  margin-bottom: 12.86458vw
}

.sec3 .wrap .numList .item {
  width: 10.41667vw
}

.sec3 .wrap .numList .item .num {
  margin-bottom: .46875vw
}

.sec3 .wrap .numList .item .num p {
  color: #FFF;
  font-weight: 500;
  line-height: 1.1
}

.sec3 .wrap .numList .item .p {
  color: #FFF;
  font-weight: 400;
  line-height: 1.5
}

.sec3 .wrap .logo_box .logos {
  width: max-content;
  display: flex;
  align-items: center;
  animation: img_go 100s infinite linear
}

.sec3 .wrap .logo_box .logos .flex {
  display: flex;
  align-items: center
}

.sec3 .wrap .logo_box .logos .flex .logo {
  margin-right: 2.08333vw;
  width: 7.1875vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF
}

.sec3 .wrap .logo_box .logos .flex .logo img {
  display: block;
  width: 100%;
  height: 100%
}

.sec4 {
  padding: 9.01042vw 0 6.45833vw;
  background: #222;
  overflow: hidden
}

.sec4 .wrap {
  width: 89.58333vw;
  margin: 0 auto;
  position: relative
}

.sec4 .wrap .common_title {
  margin-bottom: 5.625vw
}

.sec4 .wrap .common_title p {
  color: #FFF
}

.sec4 .wrap .box {
  display: flex;
  gap: 8.85417vw;
  width: max-content
}

.sec4 .wrap .box .l {
  padding: 2.29167vw 0 0
}

.sec4 .wrap .box .l .control {
  margin-bottom: 6.04167vw
}

.sec4 .wrap .box .l .control .item {
  width: 12.96875vw;
  height: 3.33333vw;
  padding: 0 0 0 2.08333vw;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  cursor: pointer;
  color: #000;
  font-weight: 400;
  transition: 0.6s;
  clip-path: polygon(0 0, 100% 0, calc(100% - 2.6vw) 100%, 0 100%)
}

.sec4 .wrap .box .l .control .item:not(:last-child) {
  margin-bottom: 2.08333vw
}

.sec4 .wrap .box .l .control .item:hover,
.sec4 .wrap .box .l .control .item.on {
  background: #ED1B24;
  color: #fff
}

.sec4 .wrap .box .l .btns {
  display: flex;
  gap: .9375vw
}

.sec4 .wrap .box .l .btns .jt {
  width: 2.08333vw;
  height: 2.08333vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #B8B8B8;
  cursor: pointer;
  transition: 0.6s
}

.sec4 .wrap .box .l .btns .jt img {
  display: block;
  width: .83333vw
}

.sec4 .wrap .box .l .btns .jt:nth-child(2) {
  transform: rotate(180deg)
}

.sec4 .wrap .box .l .btns .jt:hover {
  background: #ED1B24
}

.sec4 .wrap .box .r {
  width: 83.85417vw
}

.sec4 .wrap .box .r .swiper {
  width: 100%;
  overflow: hidden;
  display: none
}

.sec4 .wrap .box .r .swiper.on {
  display: block
}

.sec4 .wrap .box .r .swiper .swiper-slide {
  position: relative;
  height: 20.83333vw;
  overflow: hidden
}

.sec4 .wrap .box .r .swiper .swiper-slide:hover img {
  transform: scale(1.1)
}

.sec4 .wrap .box .r .swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s
}

.sec4 .wrap .box .r .swiper .swiper-slide:after {
  content: "";
  width: 100%;
  height: 15.625vw;
  background: linear-gradient(180deg, transparent 13.77%, rgba(0, 0, 0, 0.8) 107.72%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2
}

.sec4 .wrap .box .r .swiper .swiper-slide .slide_bottom {
  position: absolute;
  z-index: 3;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 1.04167vw
}

.sec4 .wrap .box .r .swiper .swiper-slide .slide_bottom .h5 {
  color: #FFF;
  font-weight: 500;
  line-height: 1.07;
  margin-bottom: .36458vw
}

.sec4 .wrap .box .r .swiper .swiper-slide .slide_bottom .p {
  color: #FFF;
  font-size: .52083vw;
  font-style: italic;
  font-weight: 400;
  line-height: 1.5
}

.sec5 {
  padding: 5.72917vw 0 4.375vw
}

.sec5 .wrap {
  width: 89.58333vw;
  margin: 0 auto
}

.sec5 .wrap .control {
  display: flex;
  gap: 2.08333vw;
  margin: 3.95833vw 0 2.34375vw
}

.sec5 .wrap .control .item {
  width: fit-content;
  padding: .78125vw 1.14583vw;
  border: .05208vw solid #ED1B24;
  color: #666;
  font-weight: 400;
  line-height: 1;
  transition: 0.6s;
  cursor: pointer
}

.sec5 .wrap .control .item:hover,
.sec5 .wrap .control .item.on {
  background: #ED1B24;
  color: #FFFFFF
}

.sec5 .wrap .box {
  width: 100%
}

.sec5 .wrap .box .part {
  width: 100%;
  display: none
}

.sec5 .wrap .box .part .list {
  display: flex;
  flex-wrap: wrap;
  gap: 4.11458vw 2.96875vw
}

.sec5 .wrap .box .part .list .item {
  display: block;
  width: 27.86458vw
}

.sec5 .wrap .box .part .list .item .img {
  width: 100%;
  height: 17.1875vw;
  overflow: hidden
}

.sec5 .wrap .box .part .list .item .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s
}

.sec5 .wrap .box .part .list .item .label {
  margin: 1.04167vw 0 .52083vw;
  width: fit-content;
  height: 2.08333vw;
  padding: 0 .83333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FAFAFA;
  color: #ED1B24;
  font-weight: 400
}

.sec5 .wrap .box .part .list .item .h5 {
  color: #333;
  font-weight: 700;
  line-height: 120%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.6s
}

.sec5 .wrap .box .part .list .item .p {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666;
  font-weight: 400;
  height: 2.70833vw;
  margin: .72917vw 0 1.40625vw
}

.sec5 .wrap .box .part .list .item .more {
  display: flex;
  gap: .20833vw
}

.sec5 .wrap .box .part .list .item .more p {
  color: #ED1B24;
  font-weight: 500
}

.sec5 .wrap .box .part .list .item .more img {
  display: block;
  width: 1.35417vw
}

.sec5 .wrap .box .part .list .item:hover .img img {
  transform: scale(1.1)
}

.sec5 .wrap .box .part .list .item:hover .h5 {
  color: #ED1B24
}

.sec5 .wrap .box .part.on {
  display: block
}

.sec5 .wrap .pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5625vw;
  margin-top: 4.11458vw
}

.sec5 .wrap .pager .prev,
.sec5 .wrap .pager .next {
  display: block
}

.sec5 .wrap .pager .prev svg,
.sec5 .wrap .pager .next svg {
  display: block;
  width: 1.04167vw
}

.sec5 .wrap .pager .prev svg:hover path,
.sec5 .wrap .pager .next svg:hover path {
  fill: #ED1B24
}

.sec5 .wrap .pager .nums {
  display: flex;
  gap: 1.04167vw
}

.sec5 .wrap .pager .nums a {
  width: 2.08333vw;
  height: 2.08333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #333;
  line-height: 1;
  transition: all 600ms
}

.sec5 .wrap .pager .nums a.on,
.sec5 .wrap .pager .nums a:hover {
  background: #ED1B24;
  color: #fff
}

.sec6 {
  position: relative
}

.sec6 .bg {
  width: 100%
}

.sec6 .bg img {
  display: block;
  width: 100%
}

.sec6 .text {
  position: absolute;
  left: 10.15625vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3
}

.sec6 .text .h5 {
  color: #FFF;
  font-weight: 700
}

.sec6 .text .more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17.34375vw;
  height: 3.33333vw;
  background: #ED1B24;
  color: #FFF;
  font-weight: 400;
  margin: 1.82292vw 0 0;
  transition: all 600ms
}

.sec6 .text .more:hover {
  background: #820006
}

@keyframes scale {
  100% {
    width: 4.94792vw;
    height: 4.94792vw;
    opacity: 0
  }
}

@keyframes scale1 {
  100% {
    width: 9.89583vw;
    height: 9.89583vw;
    opacity: 0
  }
}

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

@media screen and (max-width: 768px) {
  .banner {
    margin-top: 60px
  }

  .banner img {
    height: 200px
  }

  .banner .text {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 5%
  }

  .banner .text .t {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 10px
  }

  .common_title {
    gap: 10px
  }

  .common_title .sq {
    width: 24px
  }

  .common_title p {
    font-size: 20px
  }

  .sec1 {
    padding: 50px 0
  }

  .sec1 .wrap {
    width: 90%
  }

  .sec1 .wrap .sec1_top {
    display: block
  }

  .sec1 .wrap .sec1_top .des {
    width: 100%;
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.6
  }

  .sec1 .wrap .list {
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-between;
    gap: 20px 0;
    margin: 25px 0 35px
  }

  .sec1 .wrap .list .item {
    width: 48%;
    display: block
  }

  .sec1 .wrap .list .item .icon {
    width: 48px;
    margin: 0 0 6px
  }

  .sec1 .wrap .list .item .icon .icon_bg {
    width: 48px
  }

  .sec1 .wrap .list .item .icon img:nth-child(2) {
    width: 20px
  }

  .sec1 .wrap .list .item .item_r {
    width: 100%;
    max-width: 100%
  }

  .sec1 .wrap .list .item .item_r .h5 {
    font-size: 18px;
    margin-bottom: 8px
  }

  .sec1 .wrap .list .item .item_r .p {
    font-size: 14px
  }

  .sec1 .wrap .list .item .item_r .p br {
    display: none
  }

  .sec1 .wrap .img_box .play {
    width: 40px;
    height: 40px
  }

  .sec1 .wrap .img_box .play img {
    width: 14px
  }

  .sec2 {
    padding: 50px 0
  }

  .sec2 .h_top .btns {
    gap: 10px
  }

  .sec2 .h_top .btns .prev,
  .sec2 .h_top .btns .next {
    width: 30px;
    height: 30px
  }

  .sec2 .h_top .btns .prev svg,
  .sec2 .h_top .btns .next svg {
    width: 12px
  }

  .sec2 .wrap {
    width: 90%
  }

  .sec2 .wrap .swiper {
    margin: 30px 0 0;
    width: 100%
  }

  .sec2 .wrap .swiper .swiper-slide .img {
    height: 40vw
  }

  .sec2 .wrap .swiper .swiper-slide .cir {
    width: 8px;
    height: 8px;
    margin: 10px 0
  }

  .sec2 .wrap .swiper .swiper-slide .cir:after {
    width: 62vw;
    height: 4px;
    left: 20px
  }

  .sec2 .wrap .swiper .swiper-slide .cir:before {
    width: 20vw;
    height: 4px;
    left: 20px;
    clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%)
  }

  .sec2 .wrap .swiper .swiper-slide .slide_bottom {
    height: 40vw
  }

  .sec2 .wrap .swiper .swiper-slide .slide_bottom .year {
    font-size: 20px
  }

  .sec2 .wrap .swiper .swiper-slide .slide_bottom .p {
    font-size: 15px;
    margin: 6px 0 0
  }

  .sec3 {
    padding: 50px 0
  }

  .sec3 .wrap {
    width: 90%
  }

  .sec3 .wrap .common_title {
    margin-bottom: 30px
  }

  .sec3 .wrap .numList {
    width: 100%;
    gap: 20px 0;
    margin-bottom: 30px
  }

  .sec3 .wrap .numList .item {
    width: 50%
  }

  .sec3 .wrap .numList .item .num p {
    font-size: 28px
  }

  .sec3 .wrap .numList .item .p {
    font-size: 14px;
    margin: 6px 0 0
  }

  .sec3 .wrap .map {
    width: 100%;
    position: unset
  }

  .sec3 .wrap .map .dians .dian .cir {
    width: 8px !important;
    height: 8px !important
  }

  .sec3 .wrap .map .dians .dian .cir .cir1 {
    width: 16px !important;
    height: 16px !important
  }

  .sec3 .wrap .map .dians .dian .cir:after,
  .sec3 .wrap .map .dians .dian .cir:before {
    width: 16px;
    height: 16px;
    animation: 3s scale linear infinite
  }

  .sec3 .wrap .map .dians .dian .cir:before {
    animation-delay: 1.5s
  }

  .sec3 .wrap .map .dians .dian:nth-child(1) {
    top: 12.895833vw;
    left: 13.114583vw
  }

  .sec3 .wrap .map .dians .dian:nth-child(2) {
    top: 9.895833vw;
    left: 39.114583vw
  }

  .sec3 .wrap .map .dians .dian:nth-child(3) {
    top: 20.583333vw;
    left: 26.270833vw
  }

  .sec3 .wrap .map .dians .dian:nth-child(3) .cir:after,
  .sec3 .wrap .map .dians .dian:nth-child(3) .cir:before {
    width: 16px;
    height: 16px;
    animation: 3s scale linear infinite
  }

  .sec3 .wrap .map .dians .dian:nth-child(3) .cir:before {
    animation-delay: 1.5s
  }

  .sec3 .wrap .map .dians .star {
    width: 16px;
    height: 16px;
    top: 19.322917vw;
    left: 30.604167vw
  }

  .sec3 .wrap .logo_box {
    margin: 40px 0 0
  }

  .sec3 .wrap .logo_box .logos .flex .logo {
    width: 79px;
    height: 50px;
    margin-right: 20px
  }

  .sec4 {
    padding: 10px 0 60px
  }

  .sec4 .wrap {
    width: 90%
  }

  .sec4 .wrap .box {
    display: block;
    width: 100%
  }

  .sec4 .wrap .box .l {
    width: 100%;
    margin-bottom: 20px
  }

  .sec4 .wrap .box .l .control {
    display: flex;
    justify-content: space-between
  }

  .sec4 .wrap .box .l .control .item {
    height: 40px;
    width: 48%;
    clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%)
  }

  .sec4 .wrap .box .l .btns {
    gap: 10px
  }

  .sec4 .wrap .box .l .btns .jt {
    width: 40px;
    height: 40px
  }

  .sec4 .wrap .box .l .btns .jt img {
    width: 16px
  }

  .sec4 .wrap .box .r {
    width: 100%
  }

  .sec4 .wrap .box .r .swiper .swiper-slide {
    height: 58vw
  }

  .sec4 .wrap .box .r .swiper .swiper-slide:after {
    height: 30vw
  }

  .sec4 .wrap .box .r .swiper .swiper-slide .slide_bottom {
    padding: 10px
  }

  .sec4 .wrap .box .r .swiper .swiper-slide .slide_bottom .p {
    font-size: 10px;
    margin: 6px 0 0
  }

  .sec5 {
    padding: 50px 0 70px
  }

  .sec5 .wrap {
    width: 90%
  }

  .sec5 .wrap .control {
    flex-wrap: wrap;
    margin: 20px 0;
    gap: 10px;
    justify-content: center
  }

  .sec5 .wrap .control .item {
    padding: 8px 10px;
    font-size: 14px
  }

  .sec5 .wrap .box .part .list {
    gap: 25px
  }

  .sec5 .wrap .box .part .list .item {
    width: 100%
  }

  .sec5 .wrap .box .part .list .item .img {
    height: 55vw
  }

  .sec5 .wrap .box .part .list .item .label {
    height: unset;
    padding: 6px 8px;
    margin: 15px 0;
    font-size: 13px
  }

  .sec5 .wrap .box .part .list .item .h5 {
    font-size: 18px
  }

  .sec5 .wrap .box .part .list .item .p {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    margin: 10px 0
  }

  .sec5 .wrap .box .part .list .item .more {
    gap: 4px
  }

  .sec5 .wrap .box .part .list .item .more p {
    font-size: 14px
  }

  .sec5 .wrap .box .part .list .item .more img {
    width: 18px
  }

  .sec5 .wrap .pager {
    gap: 10px;
    margin: 30px 0 0
  }

  .sec5 .wrap .pager .prev svg,
  .sec5 .wrap .pager .next svg {
    width: 16px
  }

  .sec5 .wrap .pager .nums {
    gap: 10px
  }

  .sec5 .wrap .pager .nums a {
    width: 35px;
    height: 35px;
    font-size: 14px
  }

  .sec6 {
    position: relative;
    padding: 50px 0
  }

  .sec6 .bg {
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
  }

  .sec6 .bg img {
    height: 100%;
    object-fit: cover
  }

  .sec6 .text {
    position: unset;
    transform: unset;
    width: 90%;
    margin: 0 auto
  }

  .sec6 .text .h5 {
    font-size: 20px
  }

  .sec6 .text .more {
    width: 180px;
    height: 40px;
    font-size: 15px;
    margin: 30px 0 0
  }

  @keyframes scale {
    100% {
      width: 60px;
      height: 60px;
      opacity: 0
    }
  }
}