@charset "UTF-8";

:root {
  --head: 4.687vw;
  --color: #ca0022;
}

.co-w {
  color: #fff;
}

.co-m {
  color: var(--color);
}

.co-h {
  color: #b2b2b2;
}

.head-zhanwei {
  height: var(--head);
}

svg {
  display: block;
  width: 100%;
  height: 100%;
}

.C-wrap {
  width: 89.583vw;
  margin: 0 auto;
  transition: all 0.5s;
}

.foot2 .C-wrap {
  width: 94.583vw;
}

.C-btn {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: all ease 0.3s;
  cursor: pointer;
  height: 2.083vw;
}

.C-btn.theme1 {
  padding: 0 1.77vw;
  background: rgba(255, 255, 255, 0.05);
  border: 0.026vw solid #fff;
  box-shadow: 0.729vw 0 1.927vw 0 rgba(255, 255, 255, 0.13) inset, 0 0.833vw 2.437vw 0 rgba(255, 255, 255, 0.13) inset;
  filter: drop-shadow(0 0.104vw 0.52vw rgba(0, 0, 0, 0.1));
  -webkit-backdrop-filter: blur(1.458vw);
  backdrop-filter: blur(1.458vw);
  text-align: center;
  color: #fff;
  border-radius: 2.083vw;
}

.C-btn.theme1:hover {
  border-color: #ca0022;
  background: var(--color);
}

.C-btn .icon {
  width: 0.52vw;
  margin-left: 0.26vw;
}

#svg-use-box {
  display: none;
}

.svgTransiton * {
  transition: all ease 0.3s;
}

/* -----------------------------------------head,foot-------------------------------------- */
.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  transition: all linear .6s;
  color: #000;
  background: #fff;
}

.isback .head1 {
  transform: translateY(-100%);
}

.head1 .logo {
  width: 12.8125vw;
}

.head1 .menu {
  gap: 4.531vw;
  height: 100%;
}

.head1 .link {
  height: 100%;
}

.head1 .link>a {
  padding: 1.458vw 0.729vw;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  transition: all ease 0.1s;
}

.head1 .link>a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.104vw;
  background: var(--color);
  transform: scaleX(0);
  transition: all ease 0.3s;
}

.head1 .link.on>a::after,
.head1 .link:hover>a::after {
  transform: scaleX(1);
}

.head1 .right {
  margin-left: 4.375vw;
}

.head1 .right .line {
  width: 0.052vw;
  height: 2.135vw;
  background: var(--color);
  margin-right: 2.708vw;
}

.head1 .right .language {
  color: #999;
}

footer {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.foot1 {
  padding: 6.77vw 0 4.687vw;
}

.foot1 .logo {
  position: absolute;
  left: 2.708vw;
  top: 3.437vw;
  width: 7.395vw;
}

.foot1 .zuo {
  align-items: flex-end;
}

.foot1 .zuo .t1 {
  letter-spacing: 0.041vw;
  color: #f4eee5;
  margin-right: 2.187vw;
  line-height: 0.8;
  text-transform: uppercase;
}

.foot1 .zuo .ul {
  gap: 1.25vw;
}

.foot1 .zuo .ul .line {
  width: 0.052vw;
  height: 0.937vw;
  background: #fff;
}

.foot2 .swiper {
  overflow: visible;
}

.foot2 .swiper-slide {
  padding: 1.718vw 1.562vw 0.833vw 1.927vw;
  width: 17.5vw;
  min-height: 20.833vw;
  height: 25.0208vw;
  border-radius: 0.416vw;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 1.927vw 0 rgba(255, 255, 255, 0.13) inset, 0 0.833vw 2.437vw 0 rgba(255, 255, 255, 0.13) inset;
  -webkit-backdrop-filter: blur(1.458vw);
  backdrop-filter: blur(1.458vw);
  display: flex;
  flex-direction: column;
}

.foot2 .swiper-slide .t2 {
  margin: 1.718vw 0 auto;
  line-height: 1.7;
}

.foot2 .swiper-slide .qr {
  margin-top: 2.395vw;
}

.foot2 .swiper-slide .qr .bg {
  width: 5vw;
  height: 5vw;
  margin-bottom: 0.312vw;
}

.foot2 .controls {
  margin-top: -1.822vw;
  z-index: 5;
  position: relative;
}

.foot4 {
  padding: 3.541vw 0 3.125vw;
}

.foot4 .zuo {
  gap: 6.25vw;
}

.foot4 .you {
  gap: 1.041vw;
}

.foot5 {
  position: fixed;
  bottom: 20%;
  right: 2.187vw;
  z-index: 50;
  opacity: 0;
  transition: all ease 0.3s;
}

.foot5 .default {
  width: 3.906vw;
  height: 3.906vw;
  position: relative;
  cursor: pointer;
}

.foot5 .default .pic {
  position: relative;
  z-index: 2;
  animation: dou1 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.foot5 .default::after {
  content: "";
  display: block;
  width: 5.208vw;
  height: 5.208vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.3);
  z-index: -5;
  background: url("/img/foot5-1-h.svg") no-repeat center/contain;
  border-radius: 100%;
  animation: kuosan 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.foot5 .ul::before {
  content: '';
  display: block;
  width: 100%;
  height: 40px;
  bottom: 100%;
  position: absolute;
  left: 0;
}

.foot5 .ul {
  position: relative;
  opacity: 0;
  pointer-events: none;
  transition: all ease .3s;
}

.foot5 .ul .li {
  width: 3.906vw;
  height: 3.906vw;
  border-radius: 0.52vw;
  background: #fff;
  box-shadow: 0 0.208vw 0.52vw 0.208vw rgba(0, 0, 0, 0.1);
  margin-top: 0.729vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.foot5 .ul .li .icon {
  width: 1.666vw;
  margin: 0 auto 0.468vw;
}

.foot5 .default:hover+.ul {
  opacity: 1;
  pointer-events: visible;
}

.foot5 .default+.ul:hover {
  opacity: 1;
  pointer-events: visible;
}

.scroll .foot5 {
  opacity: 1;
}

@keyframes dou1 {
  50% {
    transform: scale(1);
  }

  60% {
    transform: scale(1.02);
  }

  70% {
    transform: scale(1);
  }
}

@keyframes kuosan {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

/* -----------------------------------------首页-------------------------------------- */
.bg video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.home1 {
  position: relative;
  height: calc(100vh - var(--head));
  overflow: hidden;
}

.home1 .bg {
  position: relative;
}

.home1 .bg::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

.home1 .pic {
  width: 7.916vw;
  position: absolute;
  left: 5.208vw;
  top: 3.333vw;
}

.home1 .video-detail {
  position: absolute;
  top: 3.593vw;
  right: 5.208vw;
  z-index: 25;
}

.home1 .intr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.home1 .intr .title {
  margin: 16.979vw 0 8.072vw;
  color: #fff;
}

.home1 .intr .title .t2 {
  margin-top: 1.458vw;
}

.home1 .intr .C-btn {
  width: 15.26vw;
}

.C-title .k2 {
  margin-top: 0.416vw;
  color: #8C8C8C;
}

.home2 {
  padding: 5.885vw 14.947vw 9.166vw 18.02vw;
}

.home2 .main {
  margin-top: 5.208vw;
}

.home2 .zuo {
  width: 27.083vw;
  padding-top: 3.437vw;
  overflow: hidden;
}

.home2 .zuo .swiper {
  width: 27.083vw;
  height: 18.75vw;
}

.home2 .zuo .swiper-slide {
  border-radius: 0.416vw;
  overflow: hidden;
  box-shadow: 0 0.104vw 0.208vw rgba(0, 0, 0, 0.15);
  transition: all ease 0.3s;
  opacity: 0;
}

.home2 .zuo .swiper-slide-active {
  opacity: 1;
}

.home2 .zuo .swiper-slide[data-name=slidePrev-1] {
  opacity: 1;
}

.home2 .zuo .swiper-slide[data-name=slidePrev-2] {
  opacity: 1;
}

.home2 .you {
  width: 33.125vw;
}

.home2 .you .t1 {
  letter-spacing: 0.041vw;
  line-height: 1.2;
}

.home2 .you .t2 {
  margin: 0.833vw 0 2.708vw;
}

.home2 .you .C-more {
  margin-top: 2.708vw;
}

.home2 .you .swiper-pagination {
  position: static;
  height: 0.052vw;
  background: #8c8c8c;
  flex: 1;
}

.home2 .you .swiper-pagination-progressbar-fill {
  background: var(--color);
}

.home2 .you .controls {
  margin-top: 2.708vw;
}

.home2 .you .controls .prev {
  margin: 0 1.562vw 0 1.458vw;
}

.home2 .you .controls .sbtn1 {
  opacity: 0.5;
  background: #8c8c8c;
}

.home2 .you .controls .sbtn1:hover {
  opacity: 1;
  background: var(--color);
}

.C-more {
  --svg-fill: var(--color);
  color: var(--color);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 7.5%;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.C-more.theme2 {
  --svg-fill: #fff;
  color: #fff;
}

.C-more .icon {
  width: 0.937vw;
  height: 0.312vw;
  margin-left: 0.625vw;
}

.sbtn1 {
  width: 3.125vw;
  height: 3.125vw;
  background: var(--color);
  border-radius: 100%;
  cursor: pointer;
  transition: all ease 0.3s;
  --svg-fill: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sbtn1 .icon {
  width: 1.25vw;
  height: 0.52vw;
}

.sbtn1.prev .icon {
  transform: rotateY(180deg);
}

.sbtn1.swiper-button-disabled {
  opacity: 0.5;
  background: #8c8c8c;
}

.home3 .zuo {
  width: 14.062vw;
  position: relative;
}

.home3 .zuo .swiper {
  height: 49.843vw;
  margin-top: 5.052vw;
}

.home3 .zuo .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: auto;
  padding-right: 2.447vw;
  cursor: pointer;
}

.home3 .zuo .swiper-slide span {
  text-align: center;
}

.home3 .zuo .swiper-slide::after {
  content: "";
  display: block;
  width: 1.041vw;
  height: 1.041vw;
  border: 0.052vw solid var(--color);
  background: #fff;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.home3 .zuo .swiper-slide.swiper-slide-active {
  color: var(--color);
}

.home3 .zuo .swiper-slide.swiper-slide-active::after {
  background: var(--color);
}

.home3 .zuo .line {
  width: 0.052vw;
  height: 64.479vw;
  background: linear-gradient(to bottom, transparent, #8c8c8c 15%, #8c8c8c 85%, transparent 100%);
  position: absolute;
  right: 0.52vw;
  top: -4.375vw;
}

.home3 .you {
  width: 63.333vw;
  margin-left: 5.416vw;
}

.home3 .you .swiper {
  overflow: visible;
}

.home3 .you .a1 {
  position: relative;
  width: -moz-max-content;
  width: max-content;
}

.home3 .you .a1::before {
  content: "";
  display: block;
  width: 2.812vw;
  height: 2.604vw;
  position: absolute;
  right: 100%;
  bottom: 75%;
  z-index: 5;
  background: url("/img/home3-i1.svg") no-repeat center/contain;
}

.home3 .you .a1::after {
  content: "";
  display: block;
  width: 2.812vw;
  height: 2.604vw;
  position: absolute;
  left: 100%;
  top: 85%;
  margin-left: 0.208vw;
  z-index: 5;
  background: url("/img/home3-i2.svg") no-repeat center/contain;
}

.home3 .you .list {
  margin-top: 1.562vw;
  gap: 1.77vw;
  grid-template-rows: 15.937vw 31.145vw;
}
.home3 .you .list.flex a {
  width: 48%;
}
.home3 .you .list .item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.home3 .you .list .item:nth-child(1) {
  grid-row: span 2;
  height: 48.4375vw;
}

.home3 .you .list .item .intr {
  padding: 1.927vw 1.822vw;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(202, 0, 34, 0.65);
  -webkit-backdrop-filter: blur(1.302vw);
  backdrop-filter: blur(1.302vw);
  color: #fff;
}

.home3 .you .list .item .intr .C-more-box {
  display: none;
}

.home3 .you .list .item .intr .C-more {
  margin-top: 1.562vw;
  margin-left: 0.312vw;
}

.home3 .you .t2 {
  text-align: right;
  margin-top: 1.302vw;
  color: #8c8c8c;
}

.home3 .you .t2 span {
  margin-right: 0.416vw;
}

.home4 {
  padding: 6.562vw 0 9.375vw;
}

.home4 .sec1 {
  color: #000;
  margin: 4.166vw 0 2.447vw;
}

.home4 .sec1 .t2 {
  margin-top: 1.979vw;
  color: #8c8c8c;
}

.home4 .item {
  position: relative;
  min-height: 28.906vw;
  justify-content: flex-end;
}

.home4 .item:nth-last-child(n+2) {
  margin-bottom: 3.802vw;
}

.home4 .item .zuo {
  position: absolute;
  left: 0;
  top: 0;
  width: 55vw;
  height: 100%;
  -webkit-mask: url("/img/home4-mask1.svg") no-repeat center/contain;
  mask: url("/img/home4-mask1.svg") no-repeat center/contain;
}

.home4 .item .zuo .t8 {
  padding: 2.083vw 2.343vw;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(202, 0, 34, 0.65);
  -webkit-backdrop-filter: blur(1.302vw);
  backdrop-filter: blur(1.302vw);
  color: #fff;
}

.home4 .item .you {
  width: 46.875vw;
  padding: 3.333vw 3.906vw 2.083vw 18.229vw;
  background: #f5f5f5;
  -webkit-mask: url("/img/home4-mask2.svg") no-repeat center/contain;
  mask: url("/img/home4-mask2.svg") no-repeat center/contain;
}

.home4 .item .you .t2 {
  color: #8c8c8c;
}

.home4 .item .you .ul {
  margin-top: 1.822vw;
}

.home4 .item .you .ul .li:nth-last-child(n+2) {
  margin-bottom: 1.041vw;
}

.home4 .item .you .ul .t4 {
  margin-top: 0.312vw;
  color: #8c8c8c;
}

.home4 .item:nth-of-type(2n) {
  justify-content: flex-start;
}

.home4 .item:nth-of-type(2n) .zuo {
  left: auto;
  right: 0;
  -webkit-mask: url("/img/home4-mask1-h.svg") no-repeat center/contain;
  mask: url("/img/home4-mask1-h.svg") no-repeat center/contain;
}

.home4 .item:nth-of-type(2n) .zuo .t8 {
  padding-left: 20.156vw;
}

.home4 .item:nth-of-type(2n) .you {
  padding: 3.333vw 18.229vw 2.083vw 3.906vw;
  -webkit-mask: url("/img/home4-mask2-h.svg") no-repeat center/contain;
  mask: url("/img/home4-mask2-h.svg") no-repeat center/contain;
}

.home4 .item:hover .C-more2 {
  color: var(--color);
}

.home4 .item:hover .C-more2 .icon {
  background: var(--color);
}

.C-more2 {
  color: #8c8c8c;
  transition: all ease 0.3s;
}

.C-more2 .icon {
  width: 2.604vw;
  height: 2.604vw;
  margin-left: 1.302vw;
  background: #8c8c8c;
  border-radius: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: all ease 0.3s;
}

.C-more2 .icon svg {
  width: 1.041vw;
  --svg-fill: #fff;
}

.C-more2:hover {
  color: var(--color);
}

.C-more2:hover .icon {
  background: var(--color);
}

.home5 .swiper-pagination {
  position: static;
  height: 0.052vw;
  background: #8c8c8c;
  flex: 1;
}

.home5 .swiper-pagination-progressbar-fill {
  background: var(--color);
}

.home5 .controls {
  margin-top: 1.354vw;
}

.home5 .controls .prev {
  margin: 0 1.562vw 0 1.458vw;
}

.home5 .main {
  margin-top: 5.208vw;
  padding-left: 5.208vw;
}

.home5 .daSwiper {
  width: 42.135vw;
  margin: 0;
}

.home5 .xiaoSwiper {
  flex: 1;
  margin: 0 0 0 1.562vw;
}

.home5 .xiaoSwiper .swiper-slide {
  width: 29.166vw;
}

.home5 .xiaoSwiper .swiper-slide .intr .t2 {
  display: none;
}

.home5 .swiper-slide {
  position: relative;
  border-radius: 0.52vw;
  overflow: hidden;
  height: 29.166vw;
}

.home5 .swiper-slide .intr {
  padding: 1.666vw 5.312vw 1.875vw 2.916vw;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0.312vw;
  background: rgba(202, 0, 34, 0.65);
  -webkit-backdrop-filter: blur(1.302vw);
  backdrop-filter: blur(1.302vw);
  color: #fff;
}

.home5 .swiper-slide .intr .t1 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.home5 .swiper-slide .intr .t2 {
  margin-top: 1.041vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.home6 {
  padding: 9.375vw 0 2.968vw;
}

.home6 .main {
  margin-top: 4.427vw;
}

.home6 .zuo {
  width: 33.541vw;
}

.home6 .zuo .item {
  display: none;
}

.home6 .zuo .item.on {
  display: block;
  animation: fadeInUp 1s ease forwards;
}

.home6 .zuo .t2 {
  margin-top: 0.937vw;
}

.home6 .zuo .bg {
  height: 38.645vw;
  margin-top: 3.437vw;
  border-radius: 0.416vw;
  overflow: hidden;
  box-shadow: 0 0.104vw 0.208vw rgba(0, 0, 0, 0.15);
}

.home6 .you {
  margin-left: 1.979vw;
  padding-right: 2.291vw;
  flex: 1;
  min-width: 0;
  height: 46.354vw;
}

.home6 .you .list {
  border-top: 0.052vw solid #b2b2b2;
  border-radius: 10px;
  overflow: hidden;
}

.home6 .you .item {
  border-bottom: 0.052vw solid #b2b2b2;
  transition: all ease 0.3s;

}

.home6 .you .item .txt {
  width: 30.468vw;
}

.home6 .you .item .name {
  position: relative;
  padding: 2.343vw 3.229vw 2.447vw 8.593vw;
  cursor: pointer;
  transition: all ease 0.6s;
}

.home6 .you .item .name .t1 {
  color: var(--color);
  transition: all ease 0.3s;
  position: absolute;
  left: 3.229vw;
  top: 1.979vw;
}

.home6 .you .item .name .t2 {
  color: #8c8c8c;
  transition: all ease 0.3s;
}

.home6 .you .item .name .btn {
  width: 1.145vw;
  height: 1.145vw;
  position: absolute;
  top: 2.708vw;
  right: 3.229vw;
  background: url("/img/home6-2.svg") no-repeat center/contain;
}

.home6 .you .item .content {
  padding: 0 3.229vw 5.729vw 8.593vw;
  display: none;
  color: #fff;
}

.home6 .you .item .content .C-more {
  margin-top: 1em;
}

.home6 .you .item.on {
  /* background: var(--color); */
  background: rgba(218, 33, 63, 0.65);
}

.home6 .you .item.on .name {
  padding: 2.343vw 3.229vw 1.25vw 8.593vw;
}

.home6 .you .item.on .name .t1 {
  color: #fff;
}

.home6 .you .item.on .name .t2 {
  color: #fff;
  -webkit-line-clamp: 10;
}

/* .home6 .you .item.on .name .btn {
  background: url("/img/home6-3.svg") no-repeat center/contain;
} */

.home7 {
  position: relative;
}

.home7 .logolist {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.home7 .logolist.on {
  opacity: 1;
  transition: all ease 0.3s 1s;
}

.home7 .line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.home7 .line svg {
  width: 100%;
  height: 100%;
}

.home7 #map-line-list path {
  stroke-dashoffset: 1280px;
  stroke-dasharray: 1280px;
  opacity: 0.6;
}

.home7 #map-line-list.on path {
  animation: animation-svg-line 3s ease-in;
  animation-fill-mode: both;
}

.home7 #map-point-list {
  opacity: 0;
  transition: all ease 0.3s 1s;
}

.home7 #map-point-list.on {
  animation: animation-svg-point 3s 1s forwards;
}

.home7 .logo {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 5.4167vw;
  opacity: 0;
  transition: all ease .3s;
}

@keyframes animation-svg-line {
  0% {
    stroke-dashoffset: 1280px;
  }

  50% {
    stroke-dashoffset: 0px;
  }

  100% {
    stroke-dashoffset: -1000px;
  }
}

@keyframes animation-svg-point {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


.C-banner {
  height: 100vh;
  position: relative;
}

.C-banner .intr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.C-banner .pic {
  width: 7.916vw;
  position: absolute;
  left: 5.208vw;
  top: 3.333vw;
}

.C-banner .intr .title {
  color: #fff;
}

.C-banner .intr .title .t2 {
  margin: 1.458vw auto 0;
  width: 50.26vw;
}

.about2 {
  padding: 5.885vw 0 0;
}

.about2 .sec1 {
  text-align: center;
}

.about2 .desc {
  margin-top: 5.208vw;
  max-width: 74.479vw;
  margin-left: auto;
  margin-right: auto;
}

.about2 .desc .t1 {
  line-height: 1.7;
}

.about2 .desc .t2 {
  margin-top: 1.458vw;
  line-height: 1.7;
  color: #b2b2b2;
}

.about2 .numlist {
  margin-top: 2.812vw;
  padding: 0 5.208vw;
}

.about2 .numlist .item {
  min-width: 7.812vw;
}

.about2 .numlist .num {
  line-height: 1.6;
}

.about2 .numlist .label {
  margin-top: 0.52vw;
}

.about3 {
  padding: 9.375vw 0 0;
  overflow: hidden;
}

.about3 .main {
  margin-top: 9.375vw;
  position: relative;
  padding: 0 5.208vw;
}

.about3 .main::before,
.about3 .main::after {
  content: '';
  display: block;
  width: 10.416vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
  z-index: 5;
}

.about3 .main::after {
  left: auto;
  right: 0;
  transform: rotateY(180deg);
}

.about3 .deco {
  width: 7.291vw;
  position: absolute;
  left: 11.458vw;
  top: -5.208vw;
  z-index: 2;
}

.about3 .timeline-line {
  width: 100%;
  height: 0.052vw;
  background: linear-gradient(90deg, rgba(202, 0, 34, 0.00) 0%, #CA0022 10.58%, #CA0022 85.58%, rgba(202, 0, 34, 0.00) 100%);
  position: absolute;
  left: 0;
  top: 2.708vw;
  z-index: 10;
}

.about3 .swiper {
  overflow: visible;
  position: relative;
  z-index: 3;
}

.about3 .swiper-slide {
  width: 18.541vw;
}

.about3 .year-dot {
  text-align: left;
  margin-bottom: 1.77vw;
}

.about3 .year-dot .year {
  margin-bottom: 0.729vw;
  color: #8C8C8C;
}

.about3 .year-dot .dot {
  width: 1.041vw;
  height: 1.041vw;
  border-radius: 100%;
  background: var(--color);
}

.about3 .content {
  margin-top: 1.77vw;
}

.about3 .content .t1 {
  line-height: 1.5;
}

.about3 .content .t2 {
  margin-top: 0.52vw;
  line-height: 1.5;
  color: #8C8C8C;
}

.about3 .content .bg {
  margin-top: 1.041vw;
  border-radius: 0.416vw;
  overflow: hidden;
}

.about3 .controls {
  position: absolute;
  left: 0;
  bottom: 0;
  gap: 1.041vw;
  width: 100%;
  padding: 0 5.208vw;
  justify-content: space-between;
  z-index: 10;
}

.about3 .controls .sbtn1 {
  width: 3.125vw;
  height: 3.125vw;
}

.about3 .controls .sbtn1 .icon {
  width: 1.25vw;
  height: 0.52vw;
}

.about4 {
  padding: 9.375vw 0 11.458vw;
}

.about4 .main {
  margin-top: 5.208vw;
  display: flex;
  justify-content: space-between;
}

.about4 .zuo {
  width: 48%;
  padding-top: 5.625vw;
  padding-left: 6.51vw;
  position: relative;
}

.about4 .zuo .deco {
  width: 4.166vw;
  position: absolute;
  left: 0;
  top: 0.937vw;
}

.about4 .zuo .deco img {
  width: 100%;
}

.about4 .zuo .txt-wrap {
  line-height: 1.7;
  opacity: 0.8;
}

.about4 .zuo .txt-wrap p {
  margin-bottom: 1.25vw;
}

.about4 .zuo .sign {
  margin-top: 5.208vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.about4 .zuo .sign .dot {
  width: 0.468vw;
  height: 0.468vw;
  background: var(--color);
  margin-right: 0.416vw;
}

.about4 .you {
  position: relative;
}

.about4 .you .photo {
  width: 26.77vw;
  height: 31.25vw;
  overflow: hidden;
  margin-left: auto;
  border-radius: 0.52vw;
  overflow: hidden;
}

.about4 .you .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about4 .you .float-card {
  position: absolute;
  right: 100%;
  margin-right: -2.083vw;
  bottom: -2.5vw;
  width: 15.26vw;
  height: 17.76vw;
  background: #CA0022;
  padding: 1.562vw 2.083vw;
  display: flex;
  flex-direction: column;
  border-radius: 0.52vw;
  overflow: hidden;
}

.about4 .card-pic {
  position: absolute;
  width: 13.854vw;
  left: 11.77vw;
  top: 4.062vw;
}

.about4 .you .float-card .card-name {
  color: #fff;
  line-height: 1.4;
}

.about4 .you .float-card .card-title {
  color: #fff;
  margin-top: 4.583vw;
}

.about5 {
  padding: 0 0 9.375vw;
}

.about5 .main {
  margin-top: 5.208vw;
  position: relative;
}

.about5 .top-bg {
  border-radius: 0.416vw;
  overflow: hidden;
  height: 34.791vw;
}

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

.about5 .top-bg-mask {
  width: 87.5vw;
  height: 14.114vw;
  background: #F5F5F5;
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, 0);
  border-radius: 0.52vw;
  overflow: hidden;
}

.about5 .card-wrap {
  position: relative;
  margin-top: -7.083vw;
  gap: 2.083vw;
  padding: 0 9.791vw;
}

.about5 .card {
  width: 30.208vw;
  min-height: 14.322vw;
  background: #fff;
  border-radius: 0.416vw;
  box-shadow: 0 0.208vw 1.041vw rgba(0, 0, 0, 0.08);
  padding: 2.083vw;
  position: relative;
}

.about5 .card-title {
  color: var(--color);
}

.about5 .card-line {
  width: 100%;
  height: 0.052vw;
  background: #e5e5e5;
  margin: 1.562vw 0 1.927vw;
}

.about5 .card-body {
  padding: 0 0 0 1.458vw;
  align-items: flex-start;
  justify-content: space-between;
}

.about5 .card-left {
  flex: 1;
  gap: 1.041vw;
}

.about5 .card-icon {
  width: 1.77vw;
  margin-top: 0.208vw;
}

.about5 .card-txt {
  line-height: 1.7;
  flex: 1;
  color: #8C8C8C;
}

.about5 .card-deco {
  width: 5.052vw;
  position: absolute;
  right: 3.125vw;
}

.about6 {
  padding: 0 0 9.375vw;
}

.about6 .sub {
  margin: 5.208vw 0 5.729vw;
  max-width: 46.666vw;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

.about6 .main {
  margin-top: 3.125vw;
  position: relative;
  padding: 0 5.208vw;
}

.about6 .main::before,
.about6 .main::after {
  content: '';
  display: block;
  width: 10.416vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
  z-index: 10;
}

.about6 .main::after {
  left: auto;
  right: 0;
  transform: rotateY(180deg);
}

.about6 .swiper-slide {
  width: 20.833vw;
}

.about6 .swiper-slide .bg {
  border-radius: 0.416vw;
  overflow: hidden;
  height: 13.541vw;
}

.about6 .swiper-slide .intr {
  padding-top: 1.041vw;
}

.about6 .swiper-slide .t1 {
  line-height: 1.5;
}

.about6 .swiper-slide .t2 {
  margin-top: 0.52vw;
  line-height: 1.7;
}

.about6 .vr-link {
  margin-top: 1.041vw;
  color: var(--color);
  cursor: pointer;
  justify-content: flex-end;
  text-decoration: underline;
}

.about6 .vr-icon {
  width: 1.145vw;
  margin-right: 0.52vw;
}

.about6 .controls {
  position: absolute;
  top: -1.458vw;
  left: 5.208vw;
  right: 5.208vw;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 12;
}

.about6 .controls .sbtn1 {
  width: 3.125vw;
  height: 3.125vw;
  pointer-events: auto;
}

.about6 .controls .sbtn1 .icon {
  width: 1.25vw;
  height: 0.52vw;
}

.about7 {
  padding: 0 12.708vw 9.375vw;
}

.about7 .list {
  margin-top: 4.687vw;
  gap: 4.166vw 12.916vw;
}

.about7 .item {
  cursor: pointer;
  transition: all ease 0.3s;
}

.about7 .item:hover {
  transform: translateY(-0.416vw);
}

.about7 .avatar {
  width: 16.25vw;
  height: 16.25vw;
  position: relative;
  margin: 0 auto;
}

.about7 .avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}

.about7 .avatar-plus {
  width: 4.791vw;
  height: 4.791vw;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  transition: all ease 0.3s;
}

.about7 .item:hover .avatar-plus {
  transform: scale(1.1);
}

.about7 .info {
  margin-top: 2.5vw;
}

.about7 .info .name {
  line-height: 1;
}

.about7 .info .title {
  margin-top: 0.52vw;
  line-height: 1.5;
  color: #8C8C8C;
}

.about7-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}

.about7-popup.on {
  display: block;
}

.about7-popup .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.about7-popup .popup-body {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 41.875vw;
  background: #fff;
  border-radius: 0.52vw;
  padding: 3.125vw 3.75vw;
}

.about7-popup .close-btn {
  position: absolute;
  right: 1.562vw;
  top: 1.562vw;
  width: 1.25vw;
  height: 1.25vw;
  cursor: pointer;
  transition: all ease 0.3s;
}

.about7-popup .close-btn:hover {
  transform: rotate(90deg);
}

.about7-popup .popup-content {
  gap: 2.708vw;
}

.about7-popup .card-pic {
  position: absolute;
  right: 3.75vw;
  width: 8.802vw;
  top: 50%;
  transform: translateY(-50%);
}

.about7-popup .popup-photo {
  width: 10.156vw;
  height: 13.541vw;
  border-radius: 0.52vw;
  overflow: hidden;
  flex-shrink: 0;
}

.about7-popup .popup-info {
  flex: 1;
  line-height: 1.5;
}

.about7-popup .popup-info .popup-name {
  font-weight: 500;
  margin-bottom: 0.833vw;
}

.about7-popup .popup-info .popup-title {
  margin-bottom: 0.833vw;
}

.about7-popup .popup-info .popup-desc {
  color: #666;
}


.school2 .item {
  display: flex;
  width: 100%;
  min-height: 56.25vw;
}

.school2 .item .zuo {
  width: 63.75vw;
  flex-shrink: 0;
}

.school2 .item .zuo .bg {
  height: 100%;
}

.school2 .item .you {
  flex: 1;
  padding: 8.333vw 5.208vw 5.208vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
}

.school2 .item.reverse {
  flex-direction: row-reverse;
}

.school2 .item .txt .t1 {
  line-height: 1.5;
}

.school2 .item .txt .t2 {
  margin-top: 1.875vw;
  line-height: 1.5;
}

.school2 .item .txt .t3 {
  margin-top: 0.833vw;
  line-height: 1.5;
}

.school2 .item .txt .t4 {
  margin-top: 1.041vw;
  line-height: 1.5;
}

.school2 .item .btns {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  margin-top: 4.166vw;
}

.school2 .item .btn1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25.833vw;
  height: 2.083vw;
  border-radius: 1.041vw;
  border: 0.026vw solid #fff;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0.729vw 0 1.927vw 0 rgba(255, 255, 255, 0.13), inset 0 0.833vw 2.437vw 0 rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(1.458vw);
  color: #fff;
  transition: all ease 0.3s;
  cursor: pointer;
}

.school2 .item .btn1:hover {
  background: rgba(255, 255, 255, 0.15);
}

.school2 .item .btn1-dark {
  border-color: #000;
  color: #000;
  background: rgba(0, 0, 0, 0.02);
  box-shadow: none;
}

.school2 .item .btn1-dark:hover {
  background: #ca0022;
  border-color: #ca0022;
  color: #fff;
}

.school3 {
  position: relative;
  height: 34.791vw;
  overflow: hidden;
}

.school3 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.school3 .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.school3 .intr {
  position: relative;
  z-index: 2;
  padding: 17.916vw 0 0;
}

.school3 .t1 {
  letter-spacing: 0.094vw;
  text-transform: uppercase;
}

.school3 .t2 {
  margin-top: 1.458vw;
  line-height: 1.5;
  letter-spacing: 0.094vw;
  max-width: 65.364vw;
}

.school3 .t2 p {
  margin-bottom: 0;
}

.school5 {
  padding: 0;
}

.school5 .list {
  gap: 3.177vw;
}

.school5 .item {
  min-height: 14.322vw;
  background: #fff;
  box-shadow: 0 0 0.52vw 0.104vw rgba(0, 0, 0, 0.08);
  padding: 1.979vw 2.083vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.458vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.school5 .icon-box {
  position: relative;
  width: 2.447vw;
  height: 2.447vw;
}

.school5 .icon-bg {
  width: 2.447vw;
  height: 2.447vw;
  background: #ca0022;
  position: absolute;
  left: 0;
  top: 0;
}

.school5 .icon {
  width: 1.562vw;
  height: 1.562vw;
  position: absolute;
  left: 0.468vw;
  top: 0.468vw;
}

.school5 .t1 {
  line-height: 1.5;
}

.school5 .t2 {
  color: #8c8c8c;
  line-height: 1.5;
}

.school6 {
  position: relative;
  height: 31.354vw;
  overflow: hidden;
  margin-top: 9.375vw;
}

.school6>.bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.school6>.mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

.school6 .intr {
  position: relative;
  z-index: 2;
  padding-top: 8.958vw;
}

.school6 .C-title .k2 {
  color: rgba(255, 255, 255, 0.7);
}

.school6 .tabs {
  margin-top: 5.208vw;
  gap: 3.02vw;
}

.school6 .tab {
  width: 16.718vw;
  height: 2.447vw;
  border-radius: 0.52vw;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.3s;
}

.school6 .tab.on {
  background: #ca0022;
  color: #fff;
  border-color: #ca0022;
}

.school6 .tab:hover {
  background: #ca0022;
  color: #fff;
  border-color: #ca0022;
}

.school7 {
  padding: 4.166vw 0 5.208vw;
}

.school7 .C-title {
  margin-bottom: 1.666vw;
}

.school7 .list {
  gap: 2.083vw 8.333vw;
}

.school7 .item {
  width: 40.625vw;
  height: 5.416vw;
  border: 0.052vw solid #8c8c8c;
  border-radius: 0.52vw;
  background: #fff;
  padding: 0 1.093vw;
}

.school7 .icon-box {
  width: 2.187vw;
  height: 2.187vw;
  background: #ca0022;
  border-radius: 0.26vw;
  flex-shrink: 0;
}

.school7 .icon-box img {
  width: 1.145vw;
  height: 0.937vw;
}

.school7 .info {
  margin-left: 1.562vw;
}

.school7 .info .t1 {
  line-height: 1.5;
  color: #171717;
}

.school7 .info .t2 {
  margin-top: 0.208vw;
  letter-spacing: 0.094vw;
  text-transform: uppercase;
}

.school8 {
  padding: 5.208vw 0 0;
}

.school8 .main {
  margin-top: 5.208vw;
  padding: 0 5.208vw;
  gap: 2.083vw;
  align-items: flex-start;
}

.school8 .zuo {
  width: 43.333vw;
  height: 41.875vw;
  flex-shrink: 0;
  overflow: hidden;
}

.school8 .you {
  flex: 1;
}

.school8 .accordion {
  display: flex;
  flex-direction: column;
  border-radius: 0.52vw;
  overflow: hidden;
}

.school8 .acc-item {
  padding: 2.291vw 0;
  position: relative;
  cursor: pointer;
  border-bottom: 0.052vw solid #e5e5e5;
}

.school8 .acc-item.on::after {
  display: none;
}

.school8 .acc-head {
  padding: 0 2.291vw;
  position: relative;
}

.school8 .acc-icon {
  width: 2.083vw;
  height: 2.083vw;
  border-radius: 100%;
  border: 0.104vw solid #CA0022;
}

.school8 .acc-icon img {
  width: 1.25vw;
  height: 1.25vw;
}

.school8 .acc-title {
  padding-right: 5.208vw;
  margin-left: 2.291vw;
  flex: 1;
}

.school8 .acc-title .t1 {
  letter-spacing: 0.094vw;
  text-transform: uppercase;
}

.school8 .acc-title .t2 {
  margin-top: 0.208vw;
  letter-spacing: 0.094vw;
  text-transform: uppercase;
}

.school8 .acc-arrow {
  width: 0.989vw;
  height: 0.989vw;
  flex-shrink: 0;
  margin-left: 1.041vw;
  position: absolute;
  right: 2.604vw;
  top: 1.041vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.school8 .acc-arrow .arrow-up {
  display: none;
}

.school8 .acc-arrow .arrow-down {
  display: block;
  width: 100%;
}

/* .school8 .acc-item.on .acc-arrow .arrow-up {
  display: block;
  width: 100%;
} */

.school8 .acc-item.on .acc-arrow .arrow-down {
  display: none;
}

.school8 .acc-body {
  display: none;
  padding: 1.041vw 8.333vw 0 6.666vw;
  line-height: 1.5;
  color: #fff;
}

.school8 .acc-item.on {
  background: #ca0022;
  padding: 2.395vw 0 3.125vw;
  color: #fff;
}

.school8 .acc-item.on .acc-body {
  display: block;
}

.school8 .acc-item.on .acc-title .t1,
.school8 .acc-item.on .acc-title .t2 {
  color: #fff;
}

.school8 .acc-item.on .acc-icon {
  filter: brightness(0) invert(1);
}

.school9 {
  padding: 9.375vw 0 9.375vw;
}

.school9 .C-title {
  margin-bottom: 5.208vw;
}

.school9 .main {
  gap: 0;
  border-radius: 0.52vw;
  overflow: hidden;
}

.school9 .zuo {
  flex: 1;
  position: relative;
  min-height: 47.864vw;
}

.school9 .zuo .bg-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #e4e4e4;
  opacity: 0.3;
}

.school9 .zuo .content {
  position: relative;
  z-index: 2;
  padding: 5.208vw 4.583vw;
  display: flex;
  flex-direction: column;
  gap: 3.645vw;
}

.school9 .zuo .t1 {
  line-height: 1.4;
}

.school9 .info-list {
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
  letter-spacing: 0.052vw;
  /* text-transform: capitalize; */
}

.school9 .info-item {
  display: flex;
  flex-direction: column;
  gap: 1.666vw;
}

.school9 .info-item .label {
  line-height: 1;
  color: #c10016;
}

.school9 .info-item .val {
  display: flex;
  flex-direction: column;
  gap: 1.041vw;
  color: #8c8c8c;
  line-height: 1.5;
}

.school9 .info-item .val a {
  color: #8c8c8c;
  transition: all ease 0.3s;
}

.school9 .info-item .val a:hover {
  color: #ca0022;
}

.school9 .social {
  gap: 1.666vw;
}

.school9 .s-icon {
  width: 1.25vw;
  height: 1.25vw;
  display: block;
  transition: all ease 0.3s;
}

.school9 .s-icon:hover {
  opacity: 0.7;
}

.school9 .you {
  width: 44.27vw;
  flex-shrink: 0;
}

.school9 .you .bg {
  height: 100%;
}

.std2 {
  padding: 5.885vw 0 0;
}

.std2 .C-title {
  text-align: center;
}

.std2 .main {
  margin-top: 5.208vw;
}

.std2-ev {
  display: flex;
  width: 100%;
  height: 56.25vw;
}

.std2-ev .zuo {
  width: 42.604vw;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.std2-ev .zuo .info {
  width: 30.833vw;
  text-align: center;
}

.std2-ev .zuo .info .t1 {
  line-height: 1.5;
  letter-spacing: 0.094vw;
}

.std2-ev .zuo .info .t2 {
  margin-top: 1.562vw;
  line-height: 1.5;
}

.std2-ev .you {
  flex: 1;
  overflow: hidden;
}

.std2-ev .you .bg {
  height: 100%;
}

.std2-ev.reverse {
  flex-direction: row-reverse;
}

.std2-ev.reverse .zuo {
  width: 42.552vw;
}

.std2-ev.theme-red .zuo {
  background: #ca0022;
  color: #fff;
}

.std2-ev.theme-img .zuo {
  position: relative;
  overflow: hidden;
}

.std2-ev.theme-img .zuo .zuo-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.std2-ev.theme-img .zuo .zuo-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.std2-ev.theme-img .zuo .info {
  position: relative;
  z-index: 2;
}

.std2-ev-down {
  position: relative;
  overflow: hidden;
}

.std2-ev-down .swiper {
  width: 69.791vw;
  margin: 0 auto;
  padding: 11.093vw 0 12.187vw;
  overflow: hidden;
}

.std2-ev-down .swiper-slide {
  width: 21.875vw;
}

.std2-ev-down .swiper-slide .bg {
  height: 13.541vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.std2-ev-down .swiper-slide .name {
  margin-top: 1.562vw;
  text-align: center;
  text-transform: capitalize;
  line-height: 1.5;
}

.std2-ev-down .controls {
  position: absolute;
  left: 5.208vw;
  right: 5.208vw;
  top: 18.02vw;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 5;
}

.std2-ev-down .controls .sbtn1 {
  width: 3.125vw;
  height: 3.125vw;
  pointer-events: auto;
}

.std2-ev-down .controls .sbtn1 .icon {
  width: 1.25vw;
  height: 0.52vw;
}

.std3 {
  padding: 0 0 0;
}

.std3 .C-title {
  text-align: center;
}

.std3 .tabs {
  margin-top: 5.208vw;
  gap: 2.083vw;
  justify-content: center;
}

.std3 .tab {
  width: 16.718vw;
  height: 2.447vw;
  border-radius: 0.52vw;
  border: 0.052vw solid #8c8c8c;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.3s;
}

.std3 .tab.on {
  background: #ca0022;
  color: #fff;
  border-color: #ca0022;
}

.std3 .tab:hover {
  background: #ca0022;
  color: #fff;
  border-color: #ca0022;
}

.std3 .date-switch {
  margin-top: 4.166vw;
  padding: 0 12.708vw;
  display: flex;
  align-items: center;
}

.std3 .date-switch .btn-date {
  width: 1.562vw;
  height: 1.875vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
}

.std3 .date-switch .btn-date img {
  width: 0.625vw;
  height: 1.51vw;
  display: block;
}

.std3 .date-switch .date-text {
  line-height: 1;
}

.std3 .calendar-img {
  margin-top: 2.708vw;
  padding: 0 12.708vw;
}

.std3 .calendar-img .bg {
  overflow: hidden;
}

.std3 .upcoming {
  margin-top: 4.166vw;
  padding: 0 12.708vw;
}

.std3 .upcoming .sec-title {
  line-height: 1;
}

.std3 .upcoming .list {
  margin-top: 2.708vw;
  gap: 1.718vw 3.958vw;
}

.std3 .upcoming .item {
  height: auto;
  border: 0.052vw solid #8c8c8c;
  display: flex;
  align-items: center;
  padding: 1.25vw;
  gap: 1.25vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.std3 .upcoming .item .dot {
  width: 0.729vw;
  height: 0.729vw;
  background: #ca0022;
  border-radius: 100%;
  flex-shrink: 0;
}

.std3 .upcoming .item .info .t1 {
  line-height: 1.5;
}

.std3 .upcoming .item .info .t2 {
  margin-top: 0.52vw;
  line-height: 1.5;
}

.std4 {
  padding: 9.375vw 0;
}

.std4 .C-title {
  text-align: center;
}

.std4 .main {
  margin-top: 9.531vw;
  position: relative;
}

.std4 .main>.bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.std4 .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 28.125vw);
  position: relative;
  z-index: 2;
}

.std4 .grid .cell {
  position: relative;
  overflow: hidden;
  border: 0.052vw solid rgba(255, 255, 255, 0.2);
}

.std4 .grid .cell .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.std4 .grid .cell .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.std4 .grid .cell .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

.std4 .grid .cell .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  /* transition: all ease 0.5s; */
}

.std4 .grid .cell:hover .info {
  opacity: 1;
}

.std4 .grid .cell .info-inner {
  background: rgba(202, 0, 34, 0.45);
  backdrop-filter: blur(1.302vw);
  -webkit-backdrop-filter: blur(1.302vw);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.std4 .grid .cell .info-content {
  text-align: center;
  color: #fff;
}

.std4 .grid .cell .info-content .title-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
}

.std4 .grid .cell .info-content .title-row .icon-circle {
  width: 2.083vw;
  height: 2.083vw;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.std4 .grid .cell .info-content .title-row .icon-circle img {
  width: 1.25vw;
  height: 1.25vw;
  filter: brightness(0) invert(1);
}

.std4 .grid .cell .info-content .buy-btn {
  margin-top: 5.312vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.083vw;
  padding: 0 2.083vw;
  border-radius: 1.041vw;
  border: 0.026vw solid #fff;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0.729vw 0 1.927vw 0 rgba(255, 255, 255, 0.13), inset 0 0.833vw 2.437vw 0 rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(1.458vw);
  -webkit-backdrop-filter: blur(1.458vw);
  filter: drop-shadow(0 0.104vw 0.52vw rgba(0, 0, 0, 0.1));
  color: #fff;
  cursor: pointer;
  transition: all ease 0.3s;
}

.std4 .grid .cell .info-content .buy-btn:hover {
  background: rgba(255, 255, 255, 0.15);
}

.news2 {
  padding: 5.885vw 5.208vw 10vw;
}

.news2 .main {
  margin-top: 5.208vw;
  position: relative;
}

.news2 .swiper-pagination {
  position: relative;
  margin: 0 auto 3.229vw;
}

.news2 .swiper-pagination-bullet {
  width: 5.312vw;
  height: 0.156vw;
  border-radius: 0.208vw;
  overflow: hidden;
  background: #8C8C8C;
  opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 0.625vw;
  position: relative;
  transition: all ease .3s;
}

.news2 .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--color);
}

.news2 .slider-wrap {
  display: flex;
  align-items: center;
  gap: 1.302vw;
}

.news2 .slider-wrap .swiper {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.news2 .slider-wrap .sbtn1 {
  width: 3.125vw;
  height: 3.125vw;
  flex-shrink: 0;
}

.news2 .slider-wrap .sbtn1 .icon {
  width: 1.25vw;
  height: 0.52vw;
}

.news2 .swiper-slide .slide-inner {
  display: block;
}

.news2 .swiper-slide .bg {
  height: 22.239vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.news2 .swiper-slide .info {
  padding-top: 1.25vw;
}

.news2 .swiper-slide .info .t1 {
  line-height: 1.5;
}

.news2 .swiper-slide .info .t2 {
  margin-top: 0.52vw;
  color: #8c8c8c;
  line-height: 1.5;
}

.news2 .swiper-slide .info .t3 {
  margin-top: 0.52vw;
  color: #8c8c8c;
  line-height: 1.5;
}

.news3 {
  position: relative;
  height: 35.364vw;
  overflow: hidden;
}

.news3 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.news3 .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

.news3 .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.news4 {
  padding: 4.166vw 5.208vw 9.375vw;
}

.news4 .list .item {
  padding: 2.395vw 0;
  border-bottom: 0.052vw dashed #8C8C8C;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14.322vw;
  transition: all ease 0.3s;
}

.news4 .list .item:first-child {
  border-top: 0.052vw dashed #8C8C8C;
}

.news4 .list .item .info {
  flex: 1;
  min-width: 0;
}

.news4 .list .item .info .t1 {
  width: 50.26vw;
  max-width: 100%;
  line-height: 1.5;
  color: #121212;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news4 .list .item .info .bottom {
  margin-top: 6.25vw;
}

.news4 .list .item .info .date {
  color: #8c8c8c;
}

.news4 .list .item .pic {
  width: 25vw;
  height: 15.312vw;
  border-radius: 0.52vw;
  overflow: hidden;
  flex-shrink: 0;
}

.news4 .list .item:hover .t1 {
  color: #ca0022;
}

.C-paging {
  margin-top: 4.166vw;
  gap: 1.093vw;
}

.C-paging .arrow {
  width: 2.083vw;
  height: 2.083vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.3s;
}

.C-paging .arrow img {
  width: 100%;
  height: 100%;
}

.C-paging .num {
  width: 2.083vw;
  height: 2.083vw;
  border-radius: 2.604vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8c8c8c;
  transition: all ease 0.3s;
}

.C-paging .num.on {
  background: #ca0022;
  color: #fff;
}

.C-paging .num:hover {
  background: #ca0022;
  color: #fff;
}

.C-paging .dot {
  width: 2.083vw;
  height: 2.083vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8c8c8c;
}

.news5 {
  position: relative;
  height: 56.25vw;
  overflow: hidden;
}

.news5 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.news5 .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

.news5 .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 36.822vw;
  text-shadow: 0.104vw 0.104vw 0.312vw rgba(0, 0, 0, 0.25);
  text-transform: capitalize;
  line-height: 1.2;
}

.news6 {
  padding: 5.885vw 12.76vw 0;
}

.news6 .title-area {
  display: flex;
  flex-direction: column;
  gap: 2.968vw;
}

.news6 .title-area .t1 {
  line-height: 1;
  letter-spacing: -0.187vw;
  color: #000;
}

.news6 .title-area .t2 {
  letter-spacing: 0.094vw;
  text-transform: uppercase;
  color: #000;
}

.news6 .title-area .line {
  width: 100%;
  height: 0.052vw;
  background: #000;
}

.news6 .content-area {
  margin-top: 2.968vw;
  line-height: 1.5;
  color: #000;
}

.news6 .content-area * {
  white-space: normal;
}

.news6 .content-area p {
  margin-bottom: 1.041vw;
}

.news6 .content-area img {
  margin: 2.708vw 0;
  border-radius: 0.52vw;
  overflow: hidden;
  max-width: 100%;
}

.news6 .page-switch {
  margin-top: 5.208vw;
  padding-bottom: 9.375vw;
}

.news6 .page-switch .line {
  width: 16.666vw;
  height: 0.052vw;
  background: #000;
}

.news6 .page-switch .btns {
  gap: 6.302vw;
}

.news6 .page-switch .btn-item {
  letter-spacing: 0.121vw;
  text-transform: uppercase;
  transition: all ease 0.3s;
  white-space: nowrap;
}

.news6 .page-switch .btn-item:hover {
  color: #ca0022;
  font-weight: 700;
}

.news6 .page-switch .arrow {
  width: 0.781vw;
  height: 1.406vw;
}

.news6 .page-switch .prev-arrow {
  margin-right: 0.833vw;
}

.news6 .page-switch .next-arrow {
  margin-left: 0.833vw;
}

.news7 {
  padding: 0 0 6.25vw;
}

.news7 .swiper-wrap {
  padding: 0 5.208vw;
  overflow: hidden;
}

.news7 .swiper {
  overflow: visible;
}

.news7 .swiper-slide {
  width: 26.302vw;
}

.news7 .swiper-slide .slide-inner {
  display: block;
  position: relative;
}

.news7 .swiper-slide .bg {
  height: 14.062vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.news7 .swiper-slide .info {
  position: relative;
  margin-top: -2.812vw;
  margin-left: 0;
  width: 100%;
  min-height: 12.031vw;
  background: #ca0022;
  border-radius: 0.52vw;
  padding: 3.958vw 1.458vw 1.458vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.news7 .swiper-slide .info .t1 {
  line-height: 1.5;
  margin-bottom: 1.927vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news7 .swiper-slide .info .bottom .date {
  letter-spacing: 0.094vw;
  text-transform: uppercase;
}

.news7 .controls {
  margin-top: 2.083vw;
  gap: 1.562vw;
}

.news7 .controls .sbtn1 {
  width: 3.125vw;
  height: 3.125vw;
}

.news7 .controls .sbtn1 .icon {
  width: 1.25vw;
  height: 0.52vw;
}

.trg2 {
  padding: 5.885vw 0 0;
}

.trg2 .C-title {
  text-align: center;
}

.trg2 .main {
  margin-top: 8.333vw;
  position: relative;
}

.trg2 .deco {
  width: 67.864vw;
  height: 37.864vw;
  background: #ca0022;
  border-radius: 0.52vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -3.281vw;
}

.trg2 .psr {
  width: 67.708vw;
  transform: translate(3.854vw, 0);
  margin: 0 auto;
}

.trg2 .swiper {
  position: relative;
  z-index: 2;
  margin: 0;
  background: #f5f5f5;
  border-radius: 0.52vw;
  overflow: hidden;
}

.trg2 .swiper-slide {}

.trg2 .slide-inner {
  padding: 3.645vw 7.604vw;
  align-items: center;
  justify-content: space-between;
}

.trg2 .txt {
  width: 24.375vw;
  max-height: 21.875vw;
  line-height: 1.5;
}

.trg2 .txt .t1 {
  margin-bottom: 2.083vw;
}

.trg2 .txt p {
  margin-bottom: 0.52vw;
}

.trg2 .photo {
  width: 19.843vw;
  flex-shrink: 0;
  position: relative;
}

.trg2 .photo .bg {
  height: 30.572vw;
}

.trg2 .name-tag {
  position: absolute;
  right: 0;
  bottom: 0;
  background: url('/img/trg/trg2-2.svg') no-repeat center/contain;
  color: #fff;
  padding: 0.781vw 1.041vw;
  min-width: 13.75vw;
  text-align: right;
  justify-content: flex-end;
}

.trg2 .sbtn1 {
  width: 3.125vw;
  position: absolute;
  top: 50%;
  z-index: 5;
  box-shadow: 0 0 0.26vw #f5f5f5;
}

.trg2 .sbtn1.prev {
  left: 0;
  transform: translate(-50%, 0);
}

.trg2 .sbtn1.next {
  right: 0;
  transform: translate(50%, 0);
}

.trg3 {
  padding: 9.375vw 0 0;
}

.trg3 .list {
  margin-top: 5.208vw;
  gap: 1.041vw;
}

.trg3 .item {
  width: 21.614vw;
  height: 38.958vw;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 0.52vw;
  overflow: hidden;
}

.trg3 .item .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.trg3 .item .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.trg3 .item .intr {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8.177vw;
  background: rgba(202, 0, 34, 0.65);
  backdrop-filter: blur(1.302vw);
  -webkit-backdrop-filter: blur(1.302vw);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all ease 0.5s;
  border-radius: 0.52vw 0.52vw 0 0;
  overflow: hidden;
}

.trg3 .item .intr-detail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(202, 0, 34, 0.65);
  backdrop-filter: blur(1.302vw);
  -webkit-backdrop-filter: blur(1.302vw);
  color: #fff;
  padding: 9.739vw 1.979vw 0;
  opacity: 0;
  transition: all ease 0.5s;
}

.trg3 .item.on .intr {
  opacity: 0;
}

.trg3 .item.on .intr-detail {
  opacity: 1;
}

.trg3 .item .intr-detail .name {
  text-transform: uppercase;
}

.trg3 .item .intr-detail .desc {
  margin-top: 2.604vw;
  line-height: 1.5;
}

.trg3 .item .intr-detail .desc p {
  margin-bottom: 0.833vw;
}

.trg4 {
  padding: 4.687vw 0;
  background: #ca0022;
  margin-top: 9.375vw;
}

.trg4 .C-title .k2 {
  color: rgba(255, 255, 255, 0.7);
}

.trg5 {
  padding: 4.166vw 0 4.322vw;
}

.trg5 .waterfall {
  position: relative;
  overflow: hidden;
}

.trg5 .waterfall .item {
  width: 21.614vw;
  position: absolute;
  transition: all ease .3s;
  border-radius: 0.52vw;
  overflow: hidden;
}

.trg5 .waterfall .item img {
  width: 100%;
  display: block;
}

.trg5 .bottom-txt {
  margin-top: 2.083vw;
}

.cr2 {
  padding: 5.885vw 0;
}

.cr2 .filter-group {
  margin-bottom: 1.041vw;
}

.cr2 .filter-label {
  margin-bottom: 1.041vw;
}

.cr2 .filter-tabs {
  gap: 1.458vw;
  flex-wrap: wrap;
}

.cr2 .filter-group:nth-child(2) .filter-tabs {
  gap: 0.781vw;
}

.cr2 .tab {
  width: 16.718vw;
  height: 2.447vw;
  border-radius: 0.52vw;
  border: 0.052vw solid #8c8c8c;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.3s;
  color: #8c8c8c;
}

.cr2 .filter-group:nth-child(2) .tab {
  width: 8.281vw;
}

.cr2 .tab.on {
  background: #ca0022;
  color: #fff;
  border-color: #ca0022;
}

.cr2 .tab:hover {
  background: #ca0022;
  color: #fff;
  border-color: #ca0022;
}

.cr2 .list {
  margin-top: 4.166vw;
  display: flex;
  flex-wrap: wrap;
  gap: 4.166vw 5.312vw;
}

.cr2 .item {
  width: 26.302vw;
  border-radius: 0.52vw;
  overflow: hidden;
  background: #ca0022;
  cursor: pointer;
  transition: all ease 0.3s;
}

.cr2 .item:hover {
  transform: translateY(-0.26vw);
  box-shadow: 0 0.52vw 1.562vw rgba(202, 0, 34, 0.3);
}

.cr2 .item .bg {
  height: 14.062vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.cr2 .item .info {
  padding: 0 1.302vw;
  height: 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

.cr2 .item .info .name {
  line-height: 1;
}

.cr2 .item .info .bottom {
  margin-top: 0.416vw;
}

.cr2 .cr2-nav {
  margin-top: 4.166vw;
  gap: 1.562vw;
}

.cr2 .cr2-nav .sbtn1 {
  width: 3.125vw;
  height: 3.125vw;
}

.cr2 .cr2-nav .sbtn1 .icon {
  width: 1.25vw;
  height: 0.52vw;
}

.cr2-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}

.cr2-popup.on {
  display: block;
}

.cr2-popup-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.cr2-popup-body {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 35.781vw;
  max-height: 44.27vw;
  background: #fff;
  border-radius: 0.52vw;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.cr2-popup-header {
  padding: 1.041vw 1.666vw;
  border-bottom: 0.052vw solid #8c8c8c;
  flex-shrink: 0;
}

.cr2-popup-header .logo {
  width: 9.322vw;
}

.cr2-popup-close {
  width: 1.458vw;
  height: 1.458vw;
  cursor: pointer;
  transition: all ease 0.3s;
}

.cr2-popup-close:hover {
  transform: rotate(90deg);
}

.cr2-popup-scroll {
  flex: 1;
  overflow-y: auto;
  padding: 1.666vw;
}

.cr2-popup-title {
  margin-bottom: 1.458vw;
}

.cr2-popup-line {
  width: 100%;
  height: 0.052vw;
  background: #e5e5e5;
  margin: 1.458vw 0;
}

.cr2-popup-sec .sec-title {
  margin-bottom: 1.041vw;
}

.cr2-popup-sec .sec-content {
  line-height: 1.5;
}

.cr2-popup-sec .sec-content p {
  margin-bottom: 0.833vw;
}

.cr2-popup-footer {
  padding: 1.25vw;
  border-top: 0.052vw solid #8c8c8c;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

.cr2-popup-footer .submit-btn {
  width: 10vw;
  height: 2.447vw;
  border-radius: 0.52vw;
  background: #ca0022;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}

.cr2-popup-footer .submit-btn:hover {
  background: #a80020;
}

.cr3 {
  padding: 3.645vw 0 0;
}

.cr3 .main {
  margin-top: 5.208vw;
  background: #ca0022;
  padding: 3.75vw 5.208vw 3.75vw 10.416vw;
}

.cr3 .swiper-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.cr3 .swiper-box .sbtn1 {
  position: absolute;
  background: rgba(255, 255, 255, 0.15);
  border: 0.052vw solid rgba(255, 255, 255, 0.3);
  z-index: 5;
}

.cr3 .swiper-box .sbtn1:hover {
  background: rgba(255, 255, 255, 1);
  --svg-fill: var(--color);
}

.cr3 .swiper-box .sbtn1.prev {
  right: 100%;
  margin-right: 2.291vw;
}

.cr3 .swiper-box .sbtn1.next {
  left: 39.947vw;
}

.cr3 .swiper {
  overflow: hidden;
}

.cr3 .slide-inner {
  justify-content: space-between;
}

.cr3 .photo {
  flex-shrink: 0;
}

.cr3 .photo .bg {
  width: 37.656vw;
  height: 23.854vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.cr3 .txt {
  width: 36.718vw;
}

.cr3 .txt .t1 {
  line-height: 1.5;
  letter-spacing: 0.094vw;
  text-transform: uppercase;
}

.cr3 .txt .t2 {
  margin-top: 1.25vw;
  line-height: 1.5;
}

.cr3 .txt .t3 {
  margin-top: 1.25vw;
  line-height: 1.5;
}

.cr4 {
  padding: 4.166vw 5.208vw 0;
}

.cr4 .list .item {
  padding: 2.708vw 0;
  border-top: 0.052vw dashed #8c8c8c;
  gap: 8.958vw;
  align-items: flex-start;
  transition: all ease 0.3s;
}

.cr4 .list .item:last-child {
  border-bottom: 0.052vw dashed #8c8c8c;
}

.cr4 .item .num {
  flex-shrink: 0;
  line-height: 0.8;
}

.cr4 .item .info {
  flex: 1;
  min-width: 0;
}

.cr4 .item .info .t1 {
  line-height: 1.5;
  color: #121212;
  letter-spacing: 0.094vw;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.cr4 .item .info .t3 {
  margin-top: 1.25vw;
  line-height: 1.5;
}

.cr4 .item .info .bottom {
  margin-top: 2.625vw;
}

.cr4 .item .pic {
  width: 25vw;
  height: 15.312vw;
  border-radius: 0.52vw;
  overflow: hidden;
  flex-shrink: 0;
}

.cr4 .item:hover .t1 {
  color: #ca0022;
}

.cr4 .C-paging {
  margin-top: 4.166vw;
  padding-bottom: 4.166vw;
}
.cr4 .C-paging .nums {
  display: flex;
  gap: 1.0938vw;
}
.cr5 {
  padding: 4.062vw 0 0;
}

.cr5 .C-title .k2 {
  margin-top: 2.083vw;
  color: #000;
  line-height: 1.5;
}

.cr5 .faq-section {
  margin-top: 4.166vw;
}

.cr5 .faq-group {
  padding: 3.125vw 0;
  display: flex;
  gap: 0;
  align-items: flex-start;

  background: #f5f5f5;
  border-radius: 1.041vw;
  padding: 3.125vw;
  margin: 1.041vw 0;
}

.cr5 .faq-group-title {
  width: 21.875vw;
  flex-shrink: 0;
  background: linear-gradient(90deg, #ca0022 0%, #666 93.27%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.5;
}

.cr5 .faq-list {
  width: 53.27vw;
  margin-left: auto;
}

.cr5 .faq-item {
  border-top: 0.052vw solid #8c8c8c;
  padding: 2.083vw 0;
}

.cr5 .faq-item:last-child {
  border-bottom: 0.052vw solid #8c8c8c;
}

.cr5 .faq-head {
  cursor: pointer;
}

.cr5 .faq-q {
  flex: 1;
  min-width: 0;
  line-height: 1.5;
}

.cr5 .faq-toggle {
  width: 2.187vw;
  height: 2.187vw;
  flex-shrink: 0;
  margin-left: 1.041vw;
  cursor: pointer;
}

.cr5 .faq-toggle img {
  display: block;
}

.cr5 .faq-item .icon-open {
  display: none;
}

.cr5 .faq-item .icon-close {
  display: block;
}

.cr5 .faq-item.on .icon-open {
  display: block;
}

.cr5 .faq-item.on .icon-close {
  display: none;
}

.cr5 .faq-body {
  display: none;
  padding-top: 1.458vw;
  line-height: 1.5;
}

.cr5 .faq-item.on .faq-body {
  display: block;
}

.cr5 .faq-answer p {
  margin-bottom: 0.52vw;
}

.privacy-hero {
  position: relative;
  height: 26.041vw;
  background: #1a1a1a;
  overflow: hidden;
}

.privacy-hero .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
}

.privacy-hero .title {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  letter-spacing: 0.3em;
}

.privacy-content {
  padding: 5.208vw 0 6.25vw;
}

.privacy-content .C-wrap {
  max-width: 62.5vw;
}

.privacy-intro {
  margin-bottom: 3.125vw;
  line-height: 1.8;
  opacity: 0.7;
  font-weight: 300;
}

.privacy-section {
  margin-bottom: 2.604vw;
}

.privacy-section__title {
  padding-left: 0.833vw;
  border-left: 0.208vw solid var(--color);
  margin-bottom: 1.041vw;
  line-height: 1.4;
}

.privacy-section__text {
  font-weight: 300;
  opacity: 0.7;
  line-height: 1.8;
}

.disclaimer-article {
  margin-bottom: 1.562vw;
  opacity: 0;
  transform: translateY(1.041vw);
  animation: fadeInArticle 0.5s ease forwards;
}

.disclaimer-article .article-num {
  color: var(--color);
  margin-bottom: 0.52vw;
}

.disclaimer-article .article-text {
  font-weight: 300;
  opacity: 0.7;
  line-height: 1.8;
}

@keyframes fadeInArticle {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}