body {
  background: #222A3C
}

body .home .banner {
  position: relative
}

body .home .banner img {
  width: 100%;
  object-fit: cover
}

body .home .banner .icon {
  position: absolute;
  left: 50%;
  top: 12.63542vw;
  transform: translateX(-50%)
}
body .home .banner .icon .logo-container {
  width:31.25vw;
}
body .home .banner .icon svg {
  height: 19.01042vw
}

body .home .banner .icon svg path {
  stroke: #fff;
  stroke-width: 1;
  fill: transparent
}

body .home .banner .text {
  position: absolute;
  left: 5.20833vw;
  bottom: 7.5vw;
  color: white;
  width: 82.03125vw
}

body .home .banner .text .p1 {
  display: flex;
  align-items: center;
  gap: 1.14583vw;
  padding: 1.61458vw 0 1.61458vw 1.19792vw;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4)
}

body .home .banner .text .p1 img {
  width: 1.14583vw;
  display: block
}

body .home .banner .text .p1::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 21.61458vw;
  height: 1px;
  background: rgba(255, 255, 255, 0.4)
}

body .home .banner .text .p2 {
  font-weight: 700;
  line-height: 0.82;
  text-transform: uppercase;
  margin-top: 2.70833vw;
  width: 95%
}

body .home .banner .text .p2 span {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #FFF;
  color: transparent
}

body .home .container .partners {
  width: 100%;
  overflow: hidden;
  padding: 1.30208vw 0
}

body .home .container .partners .p1 {
  padding: 1.40625vw 0 1.14583vw 5vw;
  color: #FFF;
  font-weight: 600;
  text-transform: uppercase
}

body .home .container .partners .logos {
  display: flex;
  width: max-content;
  animation: goA 25s infinite linear;
  gap: 3.125vw
}

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

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

body .home .container .partners .logos .flex {
  display: flex;
  gap: 3.125vw
}

body .home .container .partners .logos .flex .pic {
  width: 8.33333vw;
  height: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center
}

body .home .container .partners .logos .flex .pic img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

body .home .container .sec1 {
  width: 100%;
  padding-bottom: 5.20833vw
}

body .home .container .sec1 .swiper1 {
  width: 100%
}

body .home .container .sec1 .swiper1 .item {
  position: relative;
  cursor: pointer
}

body .home .container .sec1 .swiper1 .item img {
  width: 100%;
  height: 39.94792vw;
  object-fit: cover
}

body .home .container .sec1 .swiper1 .item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 2.8125vw 2.91667vw 3.64583vw;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

body .home .container .sec1 .swiper1 .item .text .lt .p1 {
  line-height: 1.55;
  text-transform: uppercase;
  font-weight: 700;
  color: white
}

body .home .container .sec1 .swiper1 .item .text .lt .tip {
  line-height: 1.11;
  text-transform: uppercase;
  color: white
}

body .home .container .sec1 .swiper1 .item .text .lt .tags {
  display: flex;
  gap: 1.30208vw;
  margin-top: 2.39583vw;
  display: none
}

body .home .container .sec1 .swiper1 .item .text .lt .tags a {
  padding: .9375vw 2.1875vw;
  background: #FFF;
  color: #000;
  line-height: 1.11;
  font-weight: 400;
  transition: all 600ms
}

body .home .container .sec1 .swiper1 .item .text .lt .tags a:hover {
  background: #D02820;
  color: white
}

body .home .container .sec1 .swiper1 .item .text .more {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 600;
  gap: 1.45833vw;
  text-transform: uppercase;
  transition: all 600ms
}

body .home .container .sec1 .swiper1 .item .text .more img {
  width: .78125vw;
  height: auto;
  transition: all 600ms
}

body .home .container .sec1 .swiper1 .item .text .more:hover {
  opacity: .5
}

body .home .container .sec1 .swiper1 .item .text .more:hover img {
  transform: rotate(45deg)
}

body .home .container .sec1 .swiper1 .item:hover .text .lt .tags {
  display: flex
}

body .home .container .sec2 {
  background: #FFF;
  padding: 6.875vw 8.22917vw 4.79167vw 0
}

body .home .container .sec2 .title {
  padding-left: 10.9375vw
}

body .home .container .sec2 .title .p1 {
  width: 21.61458vw;
  display: flex;
  align-items: center;
  gap: 1.14583vw;
  padding: 1.61458vw 0 3.17708vw 1.19792vw;
  position: relative;
  color: #070707;
  text-transform: uppercase;
  font-weight: 600
}

body .home .container .sec2 .title .p1 img {
  width: 1.14583vw;
  display: block
}

body .home .container .sec2 .title .p1::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 21.61458vw;
  height: 1px;
  background: #070707;
  opacity: 0.15
}

body .home .container .sec2 .title .t {
  color: #1C1C1C;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #1C1C1C;
  font-weight: 700;
  line-height: 0.84;
  text-transform: uppercase;
  max-width: 56.875vw
}

body .home .container .sec2 .content {
  margin-top: 5.20833vw;
  display: flex;
  gap: 7.03125vw;
  align-items: flex-end
}

body .home .container .sec2 .content .pic {
  width: 55.9375vw;
  overflow: hidden
}

body .home .container .sec2 .content .pic img,
body .home .container .sec2 .content .pic video {
  width: 100%;
  height: 32.29167vw;
  object-fit: cover;
  transition: all 600ms
}

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

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

body .home .container .sec2 .content .rbox .des {
  line-height: 1.28;
  color: #1C1C1C;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #1C1C1C;
  position: relative;
  padding-top: 2.08333vw
}

body .home .container .sec2 .content .rbox .des::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20.83333vw;
  height: 1px;
  background: rgba(26, 36, 66, 0.15)
}

body .home .container .sec2 .content .rbox .icons {
  display: flex;
  gap: .83333vw;
  margin: .83333vw 0 3.02083vw 0
}

body .home .container .sec2 .content .rbox .icons .icon img {
  width: 2.65625vw;
  transition: all 600ms
}

body .home .container .sec2 .content .rbox .icons .icon:hover img {
  transform: scale(1.05)
}

body .home .container .sec2 .content .rbox .btn {
  display: flex;
  height: 3.125vw;
  width: 15.98958vw;
  align-items: center;
  background: #D02820;
  display: flex;
  align-items: center;
  padding-left: 1.04167vw;
  color: white;
  font-weight: 600;
  justify-content: space-between;
  text-transform: uppercase;
  transition: all 600ms
}

body .home .container .sec2 .content .rbox .btn .icon {
  width: 3.125vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center
}

body .home .container .sec2 .content .rbox .btn .icon img {
  width: .78125vw;
  transition: all 600ms
}

body .home .container .sec2 .content .rbox .btn:hover {
  background: #8C0E08
}

body .home .container .sec2 .content .rbox .btn:hover .icon img {
  transform: rotate(45deg)
}

body .home .container .sec3 {
  background: url(../images/pbg.png) no-repeat;
  background-size: cover;
  padding: 7.1875vw 0 .625vw 0;
  position: relative;
  color: white
}

body .home .container .sec3::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(28, 28, 28, 0.6)
}

body .home .container .sec3 .wrap {
  position: relative;
  z-index: 5
}

body .home .container .sec3 .t {
  text-align: center;
  line-height: 1.24;
  font-weight: 700;
  margin-bottom: 6.875vw
}

body .home .container .sec3 .content .cbg {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%)
}

body .home .container .sec3 .content .cbg img {
  width: 17vw
}

body .home .container .sec3 .content .list {
  display: flex;
  justify-content: center;
  gap: 21.19792vw
}

body .home .container .sec3 .content .list .items {
  width: 32.23958vw;
  text-align: right
}

body .home .container .sec3 .content .list .items .item:not(:last-child) {
  margin-bottom: 3.80208vw
}

body .home .container .sec3 .content .list .items .item .icon img {
  width: 3.125vw
}

body .home .container .sec3 .content .list .items .item .p1 {
  font-weight: 700;
  margin: .41667vw 0 .83333vw 0
}

body .home .container .sec3 .content .list .items .item .des {
  line-height: 1.28
}

body .home .container .sec3 .content .list .items:nth-child(2n) {
  text-align: left
}

body .home .container .sec3 .nums {
  display: flex;
  justify-content: space-between;
  gap: 3.64583vw;
  margin: 2.55208vw 4.53125vw 3.22917vw 7.34375vw;
  color: white
}

body .home .container .sec3 .nums .item {
  text-align: center
}

body .home .container .sec3 .nums .item:last-child .tx sup {
  right: -.41667vw
}

body .home .container .sec3 .nums .item .tx {
  position: relative
}

body .home .container .sec3 .nums .item .tx sub {
  position: absolute;
  right: -1.45833vw;
  top: 0;
  font-weight: 700
}

body .home .container .sec3 .nums .item .tx sup {
  position: absolute;
  right: 0;
  bottom: .52083vw;
  font-weight: 700;
  transform: translateX(100%)
}

body .home .container .sec3 .nums .item .num {
  font-weight: 700;
  line-height: 1.71
}

body .home .container .sec3 .nums .item .pt {
  margin-top: 1.04167vw;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px
}

body .home .container .sec3 .btn {
  width: 19.63542vw;
  height: 2.44792vw;
  border-radius: 5px;
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.04167vw;
  color: #000;
  margin: 0 auto
}

body .home .container .sec3 .btn img {
  width: 1.5625vw
}

body .home .container .sec3 .btn p {
  font-weight: 700
}

body .home .container .sec4 {
  padding: .83333vw 0 0 0
}

body .home .container .sec4 .title {
  padding-left: 10.9375vw
}

body .home .container .sec4 .title .p1 {
  width: 21.61458vw;
  display: flex;
  align-items: center;
  gap: 1.14583vw;
  padding: 1.61458vw 0 3.17708vw 1.19792vw;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600
}

body .home .container .sec4 .title .p1 img {
  width: 1.14583vw;
  display: block
}

body .home .container .sec4 .title .p1::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 21.61458vw;
  height: 1px;
  background: #fff;
  opacity: 0.15
}

body .home .container .sec4 .title .t {
  color: #fff;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #fff;
  font-weight: 700;
  line-height: 0.84;
  text-transform: uppercase
}

body .home .container .sec4 .v {
  margin: 3.4375vw 0 5.67708vw 0;
  width: 100%
}

body .home .container .sec4 .v video {
  width: 100%;
  height: 28.69792vw;
  object-fit: cover;
  display: block
}

body .home .container .sec4 .pics {
  position: relative
}

body .home .container .sec4 .pics .bgPic {
  width: 100%
}

body .home .container .sec4 .pics .bgPic .bgSwiper .pic img {
  width: 100%;
  height: 100vh;
  object-fit: cover
}

body .home .container .sec4 .pics .thumb {
  position: absolute;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  bottom: 1.61458vw;
  width: 100%;
  padding: 1.45833vw 4.6875vw;
  padding-right: 0;
  z-index: 10
}

body .home .container .sec4 .pics .thumb .thumbSwiper {
  width: 100%
}

body .home .container .sec4 .pics .thumb .thumbSwiper .pic {
  overflow: hidden;
  position: relative;
  cursor: pointer
}

body .home .container .sec4 .pics .thumb .thumbSwiper .pic::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  transition: all 600ms
}

body .home .container .sec4 .pics .thumb .thumbSwiper .pic img {
  width: 100%;
  height: 11.04167vw
}

body .home .container .sec4 .pics .thumb .thumbSwiper .swiper-slide-thumb-active .pic::before {
  opacity: 0
}

body .home .container .sec5 {
  padding: 5.20833vw 1.04167vw 6.25vw 5.20833vw;
  position: relative
}

body .home .container .sec5 .title {
  position: absolute;
  left: 16.14583vw;
  top: 8.33333vw;
  z-index: 10
}

body .home .container .sec5 .title .p1 {
  width: 21.61458vw;
  display: flex;
  align-items: center;
  gap: 1.14583vw;
  padding: 1.61458vw 0 1.61458vw 1.19792vw;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600
}

body .home .container .sec5 .title .p1 img {
  width: 1.14583vw;
  display: block
}

body .home .container .sec5 .title .p1::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 21.61458vw;
  height: 1px;
  background: #fff;
  opacity: 0.15
}

body .home .container .sec5 .title .t {
  color: #fff;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #fff;
  font-weight: 700;
  line-height: 0.84;
  text-transform: uppercase
}

body .home .container .sec5 .cusSwiper {
  width: 100%;
  position: relative
}

body .home .container .sec5 .cusSwiper .j_svgs img {
  opacity: .5
}

body .home .container .sec5 .cusSwiper .j_svgs .tl {
  position: absolute;
  left: 1.04167vw;
  top: 1.5625vw;
  z-index: 10
}

body .home .container .sec5 .cusSwiper .j_svgs .tl img {
  width: .78125vw
}

body .home .container .sec5 .cusSwiper .j_svgs .tr {
  position: absolute;
  right: 1.04167vw;
  top: 1.5625vw;
  z-index: 10
}

body .home .container .sec5 .cusSwiper .j_svgs .tr img {
  width: .78125vw
}

body .home .container .sec5 .cusSwiper .j_svgs .bl {
  position: absolute;
  left: 1.04167vw;
  bottom: 1.5625vw;
  z-index: 10
}

body .home .container .sec5 .cusSwiper .j_svgs .bl img {
  width: .78125vw
}

body .home .container .sec5 .cusSwiper .j_svgs .br {
  position: absolute;
  right: 1.04167vw;
  bottom: 1.5625vw;
  z-index: 10
}

body .home .container .sec5 .cusSwiper .j_svgs .br img {
  width: .78125vw
}

body .home .container .sec5 .cusSwiper .swiper-slide .item {
  position: relative
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .bg {
  width: 100%;
  object-fit: cover
}

body .home .container .sec5 .cusSwiper .swiper-slide .item::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5)
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text {
  position: absolute;
  left: 0;
  bottom: 5.20833vw;
  z-index: 10;
  color: white;
  width: 100%;
  padding: 0 10.9375vw;
  opacity: 0;
  transform: translateY(2.08333vw);
  transition: all 600ms
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .pnum {
  line-height: 1
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .pt {
  margin: 1.30208vw 0 2.23958vw 0;
  line-height: 1.07;
  font-weight: 500
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .line {
  position: relative;
  width: 95.83333vw;
  display: flex;
  align-items: center;
  left: -10.9375vw
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .line::before {
  width: 10.9375vw;
  height: 1px;
  content: '';
  display: block;
  background: #fff
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .line span {
  width: .41667vw;
  height: .41667vw;
  background: #fff
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .line::after {
  width: 100%;
  height: 1px;
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0.25);
  flex: 1
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t {
  display: flex;
  justify-content: space-between;
  margin-top: 2.60417vw
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .lt {
  max-width: 23.95833vw;
  line-height: 1;
  text-transform: uppercase
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .rt {
  width: 24.53125vw
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .rt .des {
  line-height: 1.41;
  margin-bottom: 1.5625vw
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .rt a {
  display: flex;
  align-items: center;
  gap: 1.14583vw;
  font-weight: 600;
  text-transform: uppercase
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .rt a svg {
  width: 1.25vw;
  display: block;
  transition: all 600ms
}

body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .rt a:hover svg {
  transform: rotate(45deg)
}

body .home .container .sec5 .cusSwiper .swiper-slide-active .item .text {
  transform: translateY(0);
  opacity: 1
}

body .home .container .sec6 {
  position: relative;
  margin-bottom: 1.97917vw
}

body .home .container .sec6 .bg {
  width: 100%;
  object-fit: cover
}

body .home .container .sec6 .text {
  position: absolute;
  right: 3.125vw;
  bottom: 8.69792vw;
  z-index: 10;
  width: 29.42708vw;
  color: white
}

body .home .container .sec6 .text .p1 {
  font-weight: 700;
  line-height: 1.72;
  text-transform: uppercase
}

body .home .container .sec6 .text .des {
  width: 21.25vw;
  margin: .57292vw 0 1.25vw 0;
  line-height: 1.11
}

body .home .container .sec6 .text .des p:not(:last-child) {
  margin-bottom: .57292vw
}

body .home .container .sec6 .text .btn {
  display: flex;
  height: 3.125vw;
  width: 13.28125vw;
  align-items: center;
  background: #D02820;
  display: flex;
  align-items: center;
  padding-left: 1.04167vw;
  color: white;
  font-weight: 600;
  justify-content: space-between;
  text-transform: uppercase;
  transition: all 600ms
}

body .home .container .sec6 .text .btn .icon {
  width: 3.125vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center
}

body .home .container .sec6 .text .btn .icon img {
  width: .78125vw;
  transition: all 600ms
}

body .home .container .sec6 .text .btn:hover {
  background: #8C0E08
}

body .home .container .sec6 .text .btn:hover .icon img {
  transform: rotate(45deg)
}

body .home .container .sec7 {
  position: relative;
  margin-bottom: 3.125vw
}

body .home .container .sec7 .bg {
  width: 100%;
  object-fit: cover
}

body .home .container .sec7 .text {
  position: absolute;
  left: 7.96875vw;
  bottom: 7.65625vw;
  z-index: 10;
  width: 29.42708vw;
  color: white
}

body .home .container .sec7 .text .p1 {
  font-weight: 700;
  line-height: 1.72;
  text-transform: uppercase
}

body .home .container .sec7 .text .des {
  width: 21.25vw;
  margin: .57292vw 0 1.25vw 0;
  line-height: 1.11
}

body .home .container .sec7 .text .des p:not(:last-child) {
  margin-bottom: .57292vw
}

body .home .container .sec7 .text .btn {
  display: flex;
  height: 3.125vw;
  width: 13.28125vw;
  align-items: center;
  background: #D02820;
  display: flex;
  align-items: center;
  padding-left: 1.04167vw;
  color: white;
  font-weight: 600;
  justify-content: space-between;
  text-transform: uppercase;
  transition: all 600ms
}

body .home .container .sec7 .text .btn .icon {
  width: 3.125vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center
}

body .home .container .sec7 .text .btn .icon img {
  width: .78125vw;
  transition: all 600ms
}

body .home .container .sec7 .text .btn:hover {
  background: #8C0E08
}

body .home .container .sec7 .text .btn:hover .icon img {
  transform: rotate(45deg)
}

body .home .container .sec8 {
  padding-left: 7.08333vw
}

body .home .container .sec8 .title .p1 {
  width: 21.61458vw;
  display: flex;
  align-items: center;
  gap: 1.14583vw;
  padding: 1.61458vw 0 1.61458vw 1.19792vw;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600
}

body .home .container .sec8 .title .p1 img {
  width: 1.14583vw;
  display: block
}

body .home .container .sec8 .title .p1::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 21.61458vw;
  height: 1px;
  background: #fff;
  opacity: 0.15
}

body .home .container .sec8 .title .t {
  color: #fff;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #fff;
  font-weight: 700;
  line-height: 0.84;
  text-transform: uppercase
}

body .home .container .sec8 .honor {
  margin-top: 4.58333vw;
  width: 100%
}

body .home .container .sec8 .honor .honorSwiper {
  width: 100%
}

body .home .container .sec8 .honor .honorSwiper .item {
  width: 100%;
  height: 21.09375vw;
  background: rgba(217, 217, 217, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 600ms
}

body .home .container .sec8 .honor .honorSwiper .item .pic {
  position: relative;
  transition: all 600ms
}

body .home .container .sec8 .honor .honorSwiper .item .pic::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 600ms
}

body .home .container .sec8 .honor .honorSwiper .item .pic img {
  width: 7.44792vw;
  height: 10.57292vw;
  object-fit: contain
}

body .home .container .sec8 .honor .honorSwiper .item p {
  position: absolute;
  left: 0;
  bottom: .52083vw;
  color: #A1A1A1;
  line-height: 1.78;
  padding: 0 .26042vw;
  text-align: center;
  width: 100%;
  font-weight: 300;
  transition: all 600ms
}

body .home .container .sec8 .honor .honorSwiper .item:hover {
  background: rgba(217, 217, 217, 0.2)
}

body .home .container .sec8 .honor .honorSwiper .item:hover .pic {
  transform: scale(1.4)
}

body .home .container .sec8 .honor .honorSwiper .item:hover .pic::before {
  opacity: 0
}

body .home .container .sec8 .honor .honorSwiper .item:hover p {
  color: #fff
}

body .home .container .sec9 {
  padding: 6.82292vw 1.61458vw 9.42708vw 7.08333vw;
  position: relative
}

body .home .container .sec9 .title .p1 {
  width: 21.61458vw;
  display: flex;
  align-items: center;
  gap: 1.14583vw;
  padding: 1.61458vw 0 1.61458vw 1.19792vw;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600
}

body .home .container .sec9 .title .p1 img {
  width: 1.14583vw;
  display: block
}

body .home .container .sec9 .title .p1::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 21.61458vw;
  height: 1px;
  background: #fff;
  opacity: 0.15
}

body .home .container .sec9 .title .t {
  color: #fff;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #fff;
  font-weight: 700;
  line-height: 0.84;
  text-transform: uppercase
}

body .home .container .sec9 .news {
  width: 100%;
  margin-top: 4.16667vw;
  display: flex;
  gap: 1.04167vw
}

body .home .container .sec9 .news a {
  width: 16.66667vw;
  display: block;
  color: #fff
}

body .home .container .sec9 .news a.rec {
  width: 34.375vw
}

body .home .container .sec9 .news a.rec .pic img {
  height: 21.19792vw
}

body .home .container .sec9 .news a.rec .pt {
  font-size: 1.5625vw
}

body .home .container .sec9 .news a .pic {
  overflow: hidden
}

body .home .container .sec9 .news a .pic img {
  width: 100%;
  height: 10.9375vw;
  object-fit: cover;
  transition: all 600ms
}

body .home .container .sec9 .news a .tag {
  display: flex;
  gap: .52083vw;
  line-height: 1;
  text-transform: uppercase;
  margin: 1.5625vw 0 1.04167vw 0
}

body .home .container .sec9 .news a .tag img {
  width: .52083vw
}

body .home .container .sec9 .news a .pt {
  font-weight: 500;
  line-height: 1.5;
  transition: all 600ms
}

body .home .container .sec9 .news a .time {
  line-height: 1;
  text-transform: uppercase;
  margin: 1.5625vw 0 1.92708vw 0
}

body .home .container .sec9 .news a .btn {
  display: flex;
  align-items: center;
  gap: 1.14583vw;
  font-weight: 600;
  text-transform: uppercase;
  display: none
}

body .home .container .sec9 .news a .btn svg {
  width: 1.25vw;
  display: block;
  transition: all 600ms
}

body .home .container .sec9 .news a:hover .pic img {
  transform: scale(1.05)
}

body .home .container .sec9 .news a:hover .btn svg {
  transform: rotate(45deg)
}

body .home .container .sec9 .more {
  display: flex;
  height: 3.125vw;
  width: 13.85417vw;
  align-items: center;
  background: #D02820;
  display: flex;
  align-items: center;
  padding-left: 1.04167vw;
  color: white;
  font-weight: 600;
  justify-content: space-between;
  text-transform: uppercase;
  transition: all 600ms;
  cursor: pointer;
  position: absolute;
  right: 12.1875vw;
  bottom: 9.42708vw;
  z-index: 10
}

body .home .container .sec9 .more .icon {
  width: 3.125vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center
}

body .home .container .sec9 .more .icon img {
  width: .78125vw;
  transition: all 600ms
}

body .home .container .sec9 .more:hover {
  background: #8C0E08
}

body .home .container .sec9 .more:hover .icon img {
  transform: rotate(45deg)
}

body .home .container .sec_form {
  padding-bottom: 12.34375vw
}

body .home .container .sec_form .ficon {
  text-align: center
}

body .home .container .sec_form .ficon img {
  width: 6.66667vw
}

body .home .container .sec_form .t {
  color: white;
  font-weight: 700;
  line-height: 0.85;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFF;
  text-transform: uppercase;
  margin-top: 2.76042vw
}

body .home .container .sec_form .t span {
  color: transparent
}

body .home .container .sec_form .tip {
  margin: .98958vw 0 3.90625vw 0;
  color: #FFF;
  text-align: center;
  line-height: 1.45
}

body .home .container .sec_form .form {
  width: 61.14583vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: .67708vw .98958vw
}

body .home .container .sec_form .form .item {
  width: 14.0625vw
}

body .home .container .sec_form .form .item.w1 {
  width: 31.04167vw
}

body .home .container .sec_form .form .item.w_full {
  width: 100%
}

body .home .container .sec_form .form .item p {
  color: rgba(255, 255, 255, 0.68);
  font-weight: 500
}

body .home .container .sec_form .form .item input {
  width: 100%;
  background: rgba(217, 217, 217, 0.17);
  height: 2.60417vw;
  font-size: .9375vw;
  padding: .78125vw;
  border: none;
  outline: none;
  color: #fff;
  margin-top: .83333vw
}

body .home .container .sec_form .form .item textarea {
  width: 100%;
  background: rgba(217, 217, 217, 0.17);
  height: 6.35417vw;
  font-size: .9375vw;
  padding: .78125vw;
  border: none;
  outline: none;
  color: #fff;
  margin-top: .83333vw;
  resize: none
}

body .home .container .sec_form .btn {
  display: flex;
  height: 3.125vw;
  width: 10.9375vw;
  align-items: center;
  background: #D02820;
  display: flex;
  align-items: center;
  padding-left: 1.04167vw;
  color: white;
  font-weight: 600;
  justify-content: space-between;
  text-transform: uppercase;
  transition: all 600ms;
  margin: 1.61458vw auto 0 auto;
  cursor: pointer
}

body .home .container .sec_form .btn .icon {
  width: 3.125vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center
}

body .home .container .sec_form .btn .icon img {
  width: .78125vw;
  transition: all 600ms
}

body .home .container .sec_form .btn:hover {
  background: #8C0E08
}

body .home .container .sec_form .btn:hover .icon img {
  transform: rotate(45deg)
}

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

  body .home .banner .bg {
    height: 400px
  }

  body .home .banner .icon {
    top: 75px;
    width: 180px;
    height: 180px
  }

  body .home .banner .icon .logo-container {
    height: 150px;
    width: auto;
  }

  body .home .banner .icon .logo-container svg {
    height: 100%
  }

  body .home .banner .text {
    left: 5%;
    bottom: 20px;
    width: 90%
  }

  body .home .banner .text .p1 {
    font-size: 18px;
    line-height: 1.5;
    width: 100%
  }

  body .home .banner .text .p1 img {
    width: 15px
  }

  body .home .banner .text .p2 {
    width: 100%;
    font-size: 32px;
    margin-top: 20px
  }

  body .home .container .partners {
    padding: 15px 0
  }

  body .home .container .partners .p1 {
    padding: 15px 5%
  }

  body .home .container .partners .logos {
    gap: 20px
  }

  body .home .container .partners .logos .flex {
    gap: 20px
  }

  body .home .container .partners .logos .flex .pic {
    width: 80px;
    height: 24px
  }

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

  body .home .container .sec1 .swiper1 .item img {
    height: 150px
  }

  body .home .container .sec1 .swiper1 .item .text {
    position: static;
    padding: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px
  }

  body .home .container .sec1 .swiper1 .item .text .lt .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px
  }

  body .home .container .sec1 .swiper1 .item .text .lt .tags a {
    padding: 8px 15px;
    font-size: 14px
  }

  body .home .container .sec1 .swiper1 .item .text .more {
    gap: 14px
  }

  body .home .container .sec1 .swiper1 .item .text .more img {
    width: 10px
  }

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

  body .home .container .sec2 .title {
    padding-left: 0
  }

  body .home .container .sec2 .title .p1 {
    width: 100%;
    gap: 10px;
    padding: 15px 0
  }

  body .home .container .sec2 .title .p1 img {
    width: 15px
  }

  body .home .container .sec2 .title .p1::before {
    width: 50%
  }

  body .home .container .sec2 .title .t {
    max-width: inherit
  }

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

  body .home .container .sec2 .content .pic {
    width: 100%
  }

  body .home .container .sec2 .content .pic img {
    height: auto
  }

  body .home .container .sec2 .content .rbox {
    width: 100%
  }

  body .home .container .sec2 .content .rbox .des {
    padding-top: 20px;
    font-size: 14px
  }

  body .home .container .sec2 .content .rbox .des::before {
    width: 100%
  }

  body .home .container .sec2 .content .rbox .icons {
    gap: 15px;
    margin: 8px 0 20px 0
  }

  body .home .container .sec2 .content .rbox .icons .icon img {
    width: 50px
  }

  body .home .container .sec2 .content .rbox .btn {
    width: 200px;
    height: 40px;
    font-size: 14px;
    padding-left: 15px
  }

  body .home .container .sec2 .content .rbox .btn .icon {
    width: 30px;
    height: 30px
  }

  body .home .container .sec2 .content .rbox .btn .icon img {
    width: 10px
  }

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

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

  body .home .container .sec3 .content .cbg {
    position: static;
    left: 0;
    top: 0;
    transform: translate(0);
    margin: 20px auto;
    text-align: center
  }

  body .home .container .sec3 .content .cbg img {
    width: 100px
  }

  body .home .container .sec3 .content .list {
    flex-direction: column;
    gap: 20px
  }

  body .home .container .sec3 .content .list .items {
    width: 100%;
    text-align: left
  }

  body .home .container .sec3 .content .list .items .item:not(:last-child) {
    margin-bottom: 20px
  }

  body .home .container .sec3 .content .list .items .item .icon img {
    width: 30px
  }

  body .home .container .sec3 .content .list .items .item .p1 {
    margin: 4px 0 8px 0
  }

  body .home .container .sec3 .content .list .items .item .des {
    font-size: 14px
  }

  body .home .container .sec3 .nums {
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
    justify-content: center
  }

  body .home .container .sec3 .nums .item:last-child .tx sup {
    right: 6px
  }

  body .home .container .sec3 .nums .item:nth-child(3) .tx {
    padding-right: 15px
  }

  body .home .container .sec3 .nums .item .tx sup {
    bottom: 0;
    right: 10px;
    font-size: 14px
  }

  body .home .container .sec3 .nums .item .pt {
    margin-top: 10px
  }

  body .home .container .sec3 .btn {
    width: 200px;
    height: 40px;
    font-size: 14px;
    margin-top: 20px
  }

  body .home .container .sec3 .btn img {
    width: 20px
  }

  body .home .container .sec4 {
    padding: 10px 0 0 0
  }

  body .home .container .sec4 .title {
    padding-left: 5%
  }

  body .home .container .sec4 .title .p1 {
    width: 100%;
    gap: 10px;
    padding: 15px 0
  }

  body .home .container .sec4 .title .p1 img {
    width: 15px
  }

  body .home .container .sec4 .title .p1::before {
    width: 50%
  }

  body .home .container .sec4 .title .t {
    max-width: inherit;
    font-size: 24px;
    line-height: 1
  }

  body .home .container .sec4 .v {
    margin: 30px 0
  }

  body .home .container .sec4 .v video {
    height: auto
  }

  body .home .container .sec4 .pics .bgPic .bgSwiper .pic img {
    height: auto
  }

  body .home .container .sec4 .pics .thumb {
    bottom: 5px;
    padding: 14px
  }

  body .home .container .sec4 .pics .thumb .thumbSwiper .pic img {
    height: 65px
  }

  body .home .container .sec5 {
    padding: 15px 5%
  }

  body .home .container .sec5 .title {
    position: static
  }

  body .home .container .sec5 .title .p1 {
    width: 100%;
    gap: 10px;
    padding: 15px 0
  }

  body .home .container .sec5 .title .p1 img {
    width: 15px
  }

  body .home .container .sec5 .title .p1::before {
    width: 50%
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text {
    position: static;
    width: 100%;
    padding: 20px
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .pt {
    margin: 15px 0 20px 0;
    font-size: 18px
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .line {
    width: 100%;
    left: 0
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .line::before {
    width: 60px
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .line span {
    width: 6px;
    height: 6px
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .line::after {
    width: 100%
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t {
    margin-top: 20px;
    flex-direction: column
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .lt {
    max-width: inherit;
    line-height: 1.5
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .rt {
    width: 100%;
    margin-top: 20px
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .rt .des {
    margin-bottom: 15px
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .rt a {
    gap: 10px
  }

  body .home .container .sec5 .cusSwiper .swiper-slide .item .text .flex_t .rt a svg {
    width: 20px
  }

  body .home .container .sec6,
  body .home .container .sec7 {
    margin-bottom: 20px
  }

  body .home .container .sec6 .text,
  body .home .container .sec7 .text {
    position: static;
    width: 100%;
    padding: 20px 5%
  }

  body .home .container .sec6 .text .des,
  body .home .container .sec7 .text .des {
    width: 100%;
    margin: 10px 0 20px 0
  }

  body .home .container .sec6 .text .des p:not(:last-child),
  body .home .container .sec7 .text .des p:not(:last-child) {
    margin-bottom: 5px
  }

  body .home .container .sec6 .text .btn,
  body .home .container .sec7 .text .btn {
    width: 200px;
    height: 40px;
    font-size: 14px;
    padding-left: 15px
  }

  body .home .container .sec6 .text .btn .icon,
  body .home .container .sec7 .text .btn .icon {
    width: 30px;
    height: 30px
  }

  body .home .container .sec6 .text .btn .icon img,
  body .home .container .sec7 .text .btn .icon img {
    width: 10px
  }

  body .home .container .sec8 {
    padding-left: 5%
  }

  body .home .container .sec8 .title .p1 {
    width: 100%;
    gap: 10px;
    padding: 15px 0
  }

  body .home .container .sec8 .title .p1 img {
    width: 15px
  }

  body .home .container .sec8 .title .p1::before {
    width: 50%
  }

  body .home .container .sec8 .title .t {
    font-size: 24px;
    line-height: 1
  }

  body .home .container .sec8 .honor {
    margin-top: 30px
  }

  body .home .container .sec8 .honor .honorSwiper .item {
    height: 300px;
    width: 95%
  }

  body .home .container .sec8 .honor .honorSwiper .item .pic img {
    width: 120px;
    height: auto
  }

  body .home .container .sec8 .honor .honorSwiper .item p {
    bottom: 5px;
    padding: 0 5px
  }

  body .home .container .sec8 .honor .honorSwiper .item:hover .pic {
    transform: scale(1.2)
  }

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

  body .home .container .sec9 .title .p1 {
    width: 100%;
    gap: 10px;
    padding: 15px 0
  }

  body .home .container .sec9 .title .p1 img {
    width: 15px
  }

  body .home .container .sec9 .title .p1::before {
    width: 50%
  }

  body .home .container .sec9 .title .t {
    font-size: 24px;
    line-height: 1
  }

  body .home .container .sec9 .news {
    margin-top: 30px;
    display: block
  }

  body .home .container .sec9 .news a {
    width: 100% !important
  }

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

  body .home .container .sec9 .news a.rec .pt {
    font-size: 16px
  }

  body .home .container .sec9 .news a .pic img {
    height: 185px !important
  }

  body .home .container .sec9 .news a .tag {
    gap: 5px;
    margin: 15px 0 10px 0
  }

  body .home .container .sec9 .news a .tag img {
    width: 10px
  }

  body .home .container .sec9 .news a .time {
    margin: 15px 0
  }

  body .home .container .sec9 .more {
    width: 200px;
    height: 40px;
    font-size: 14px;
    padding-left: 15px;
    position: static;
    margin: 30px auto 0 auto
  }

  body .home .container .sec9 .more .icon {
    width: 30px;
    height: 30px
  }

  body .home .container .sec9 .more .icon img {
    width: 10px
  }

  body .home .container .sec_form {
    padding-bottom: 60px
  }

  body .home .container .sec_form .ficon img {
    width: 70px
  }

  body .home .container .sec_form .t {
    line-height: 1;
    margin-top: 25px
  }

  body .home .container .sec_form .tip {
    margin: 15px 5%;
    font-size: 14px
  }

  body .home .container .sec_form .form {
    width: 90%;
    gap: 15px
  }

  body .home .container .sec_form .form .item {
    width: 100% !important
  }

  body .home .container .sec_form .form .item input {
    height: 45px;
    font-size: 16px;
    padding: 15px;
    margin-top: 10px
  }

  body .home .container .sec_form .form .item textarea {
    height: 120px;
    font-size: 16px;
    padding: 15px;
    margin-top: 10px
  }

  body .home .container .sec_form .btn {
    width: 200px;
    height: 40px;
    font-size: 14px;
    padding-left: 15px;
    margin: 30px auto 0 auto
  }

  body .home .container .sec_form .btn .icon {
    width: 30px;
    height: 30px
  }

  body .home .container .sec_form .btn .icon img {
    width: 10px
  }
}