@charset "UTF-8";

:root {
  --head: 6.666vw;
  --color: #a5493e;
}

.co-w {
  color: #fff;
}

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

.co-h {
  color: #3c3c43;
}

.co-h2 {
  color: #666;
}

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

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

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

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

.C-btn.theme1 {
  --svgColor: var(--color);
}

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

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

body {
  font-size: 0.833vw;
}

/* -----------------------------------------head,foot-------------------------------------- */
.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: var(--head);
  transition: all ease 0.6s;
}
.head1 .C-wrap {
  border-radius: 1.041vw;
    background: rgba(15, 22, 30, 0.35);
    /* background: rgba(0, 0, 0, 0.8); */
}
.scroll .head1 .C-wrap {
      backdrop-filter: blur(10px);
}
.isback .head1 {
  transform: translateY(-100%);
}

.head1 .logo {
  width: 9.895vw;
  transition: all ease 0.6s;
      margin: 0 1.5625vw;
}

.head1 .logo img {
  transition: all ease .6s;
}

.head1 .logo img:nth-child(2) {
  display: none;
}

.blackHead .head1 .logo img:nth-child(1) {
  display: none;
}

.blackHead .head1 .logo img:nth-child(2) {
  display: block;
}

.scroll .head1 .logo img:nth-child(1) {
  display: none;
}

.scroll .head1 .logo img:nth-child(2) {
  display: block;
}

.head1 .menu {
  width: 73.645vw;
  gap: 1.197vw;
  height: 100%;
  padding: 1.562vw 4.166vw;
  border-radius: 1.041vw;
  /* background: rgba(15, 22, 30, 0.35); */
  color: #fff;
}

.head1 .link {
  height: 100%;
}

.head1 .link:nth-last-of-type(2) {
  margin-left: auto;
}

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

.head1 .link.on>a,
.head1 .link:hover>a {
  color: var(--color);
}

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

.C-banner {
  /* margin: 0.52vw 0.52vw 0; */
  position: relative;
}

.C-banner .bg {
  border-radius: 1.041vw;
  overflow: hidden;
}

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

.C-banner .intr .t1 {
  color: #fff;
  text-shadow: 0 0.208vw 0.52vw rgba(0, 0, 0, 0.15);
}

.news2 {
  padding: 3.229vw 0 2.604vw;
}

.news2 .t1 {
  line-height: 2.16;
  color: #959595;
  padding-right: 1.77vw;
  margin-right: 2.083vw;
  border-right: 0.052vw solid #c6c6c6;
}

.news2 .t2 {
  color: #959595;
  flex: 1;
  min-width: 0;
}

.news2 .t2 a {
  margin-right: 3.75vw;
}

.news2 .t2 a.on {
  color: #000;
}

.news2 .t2 a:hover {
  color: #000;
}

.news3 .bg {
  width: 61.406vw;
  height: 21.562vw;
  border-radius: 0.52vw;
  overflow: hidden;
  position: relative;
}

.news3 .bg > a {
  display: block;
  width: 100%;
  height: 100%;
}

.news3 .bg .bg-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

.news3 .bg .bg-cover .box {
  align-items: flex-start;
  padding: 2.083vw 3.385vw;
  background: rgba(0, 0, 0, 0.5);
}

.news3 .bg .bg-cover .box .t2 {
  transition: all ease 0.3s;
  margin-bottom: 1.0417vw;
}
.head1 .logo img:nth-child(3) {
  display: none;
} 
.news3 .intr {
  flex: 1;
  min-width: 0;
  margin-left: 1.145vw;
  max-height: 21.562vw;
  padding-right: 0.833vw;
}

.news3 .intr::-webkit-scrollbar {
  width: 0.104vw;
  height: 0.052vw;
}

.news3 .intr::-webkit-scrollbar-thumb {
  background: #d3d3d3;
}

.news3 .intr::-webkit-scrollbar-track {
  background: #eeeeee;
}

.news3 .intr .news3-item:nth-child(n + 2) {
  margin-top: 1.302vw;
}

.news3 .intr .tag {
  padding: 0.26vw 0.677vw;
  background: rgba(8, 19, 53, 0.3);
  color: #fff;
  border-radius: 0.729vw;
}

.news3 .intr .time {
  color: #9e9e9e;
  margin-left: 1.041vw;
}

.news3 .intr .t2 {
  margin-top: 1.041vw;
  transition: all ease 0.3s;
}

.news3 .intr .t3 {
  margin-top: 1.041vw;
}

/* .news3:hover .t2 {
  color: var(--color);
} */
.news3-item:hover .t2 {
  color: var(--color);
}
.news3-item:hover .tag {
  background: var(--color);
}
.news4 {
  padding: 5.208vw 0 2.604vw;
}

.news4 .main {
  margin-top: 2.083vw;
}

.news4 .main .zuo {
  width: 18.854vw;
  max-height: 30.729vw;
  padding-right: 0.833vw;
}

.news4 .main .zuo::-webkit-scrollbar {
  width: 0.104vw;
  height: 0.052vw;
}

.news4 .main .zuo::-webkit-scrollbar-thumb {
  background: #d3d3d3;
}

.news4 .main .zuo::-webkit-scrollbar-track {
  background: #eeeeee;
}

.news4 .main .zuo .item {
  margin-bottom: 3.437vw;
}

.news4 .main .zuo .item .tag {
  padding: 0.26vw 0.677vw;
  background: rgba(8, 19, 53, 0.3);
  color: #fff;
  border-radius: 0.729vw;
  transition: all ease 0.3s;
}

.news4 .main .zuo .item .time {
  color: #9e9e9e;
  margin-left: 1.041vw;
}

.news4 .main .zuo .item .t2 {
  margin-top: 1.302vw;
  transition: all ease 0.3s;
}

.news4 .main .zuo .item:hover .t2 {
  color: var(--color);
}

.news4 .main .zuo .item .t3 {
  margin-top: 0.781vw;
}

.news4 .main .zuo .item:hover .tag {
  background: #a5493e;
}

.news4 .main .you {
  width: 63.541vw;
  height: 31.51vw;
  position: relative;
  border-radius: 0.52vw;
  overflow: hidden;
}

.news4 .main .you .intr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 0 0;
  color: #fff;
}

.news4 .main .you .intr .box {
  align-items: flex-start;
  padding: 2.083vw 3.385vw;
  background: rgba(0, 0, 0, 0.5);
  flex-direction: column;
}

.news4 .main .you .tag {
  padding: 0.26vw 0.677vw;
  background: #52596c;
  color: #fff;
  border-radius: 0.729vw;
  transition: all ease 0.3s;
}

.news4 .main .you .time {
  color: #9e9e9e;
  margin-left: 1.041vw;
}

.news4 .main .you .txt {
  /* margin-left: 1.041vw; */
  margin-top: .5208vw;
}

.news4 .main .you .t2 {
  transition: all ease 0.3s;
}

.news4 .main .you .t3 {
  margin-top: 1.041vw;
}

.news4 .main .you:hover .tag {
  background: #a5493e;
}

.C-title {
  color: #484848;
  font-weight: bold;
}

.news5 {
  padding: 0.885vw 0 4.166vw;
}

.news5 .swiper {
  margin-top: 1.197vw;
}

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

.news5 .swiper-slide .intr {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0.52vw;
  background: rgba(0, 0, 0, 0.5);
  padding: 2.083vw 3.385vw;
  color: #fff;
}

.news5 .swiper-slide .intr .t1 {
  width: 25.572vw;
}

.news5 .swiper-slide .intr .t2 {
  width: 40.416vw;
  margin-left: 7.083vw;
  font-weight: 300;
}

.news5 .swiper-pagination {
  position: static;
  margin-top: 1.406vw;
  --swiper-pagination-bullet-size: 0.52vw;
  --swiper-pagination-bullet-inactive-color: #d9d9d9;
  --swiper-pagination-bullet-horizontal-gap: 0.416vw;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--color);
}

.news6 .swiper {
  margin-top: 1.197vw;
  overflow: hidden;
}

.news6 .swiper-slide .item {
  display: block;
}

.news6 .swiper-slide .item .bg {
  width: 100%;
  height: 11.25vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.news6 .swiper-slide .item .intr {
  margin-top: 1.77vw;
}

.news6 .swiper-slide .item .intr .t1 {
  transition: all ease .3s;
}

.news6 .swiper-slide .item:hover .intr .t1 {
  color: var(--color);
}

.news6 .swiper-slide .item .intr .t2 {
  margin-top: 0.52vw;
}

.news6 .swiper-pagination {
  position: static;
  margin-top: 1.406vw;
  --swiper-pagination-bullet-size: 0.52vw;
  --swiper-pagination-bullet-inactive-color: #d9d9d9;
  --swiper-pagination-bullet-horizontal-gap: 0.416vw;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--color);
}

.news7 {
  padding: 8.958vw 0 0 6.25vw;
  position: relative;
  overflow: hidden;
}

.news7 .Ecollapse {
  width: 56.875vw;
  padding-right: 3.906vw;
  max-height: 23.333vw;
  padding-right: 3.906vw;
}

.news7 .Ecollapse::-webkit-scrollbar {
  width: 0.104vw;
  height: 0.052vw;
}

.news7 .Ecollapse::-webkit-scrollbar-thumb {
  background: #d3d3d3;
}

.news7 .Ecollapse::-webkit-scrollbar-track {
  background: #eeeeee;
}

.news7 .Ecollapse-item {
  position: relative;
  transition: all ease 0.3s;
}

.news7 .Ecollapse-item:nth-last-child(n+2) {
  margin-bottom: 1.875vw;
}

.news7 .Ecollapse-item .Ecollapse-name {
  color: #92969c;
  cursor: pointer;
  transition: all ease .3s;
}

.news7 .Ecollapse-item:hover .Ecollapse-name {
  color: var(--color);
}

.news7 .Ecollapse-item.on .Ecollapse-name {
  color: var(--color);
}

.news7 .Ecollapse-item .Ecollapse-name .icon {
  display: none;
  width: 1.562vw;
  height: 1.562vw;
  background: url("/img/news7-i1.svg") no-repeat center/contain;
  transition: all ease 0.3s;
}

.news7 .Ecollapse-item.on .Ecollapse-name .icon {
  background: url("/img/news7-i1-h.svg") no-repeat center/contain;
  transform: rotate(-180deg);
}

.news7 .Ecollapse-name-col {
  flex: 1;
  min-width: 0;
  padding-right: 1em;
}

/* .news7 .Ecollapse-content {
  padding: 1.562vw 0;
  color: #92969c;
  display: none;
  border-bottom: 0.104vw solid rgba(217, 217, 217, 0.6);
} */
.news7 .Ecollapse-content {
  padding: 1.562vw 0;
  color: #92969c;
  display: none;
  border-bottom: none;
  background-image: linear-gradient(
    90deg,
    rgba(217, 217, 217, 0.7) 0%,
    rgba(217, 217, 217, 0.45) 50%,
    rgba(217, 217, 217, 0.2) 100%
  );
  background-repeat: no-repeat;
  background-size: 100% 0.104vw;
  background-position: bottom;
}
.news7 .pic {
  width: 41.979vw;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.footer {
  padding: 11.354vw 0 2.864vw;
  background: #ffffff;
}

.footer .footer-main {
  margin-bottom: 2.083vw;
  align-items: flex-end;
}

.footer .footer-logo {
  width: 12.833vw;
}

.footer .footer-logo .pic img {
  display: block;
}

.footer .footer-qrcode {
  gap: 1.927vw;
}

.footer .footer-qrcode .qr-item {
  width: 9.739vw;
}

.footer .footer-qrcode .qr-item .icon {
  width: 1.458vw;
  margin-right: 0.208vw;
}

.footer .footer-qrcode .qr-item .pic {
  margin-top: 0.52vw;
}

.footer .footer-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.572vw;
  margin-top: 2.604vw;
  margin-left: -0.625vw;
}

.footer .footer-contact-item {
  gap: 0.572vw;
}

.footer .footer-contact-icon {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.footer .footer-contact-text {
  color: #959595;
}

.footer .footer-bottom .footer-links {
  gap: 0.416vw;
}

.footer .footer-bottom .footer-links-cn,
.footer .footer-bottom .footer-links-en {
  color: #959595;
}

.footer .footer-bottom .footer-link {
  color: #959595;
}

.footer .footer-bottom .footer-link+.footer-link {
  margin-left: 1.041vw;
}

.footer .footer-bottom .footer-link-divider {
  margin: 0 0.52vw;
  color: #959595;
}

.footer .footer-bottom .footer-copy {
  margin-top: 3.333vw;
  color: #d5d5d5;
}

.news10 {
  position: relative;
}

.news10 .zuo {
  width: 21.875vw;
  color: #fff;
  position: absolute;
  left: 6.25vw;
  top: 50%;
  transform: translateY(-50%);
  padding-top: 5.208vw;
}

.news10 .zuo .t2 {
  margin-top: 2.395vw;
}

.news10 .zuo .icon {
  width: 0.781vw;
  margin-top: 14.062vw;
}

.news10 .you {
  width: 36.145vw;
  height: 100%;
  padding: 11.979vw 6.25vw 0;
  background: rgba(15, 22, 30, 0.6);
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
}

.news10 .you .t3 {
  line-height: 1.8;
}

.news10 .you .line {
  height: 0.104vw;
  background: #c3b8b6;
  position: relative;
}

.news10 .you .line::after {
  content: "";
  display: block;
  width: 5.26vw;
  height: 100%;
  background: var(--color);
  position: absolute;
  left: 0;
  top: 0;
}

.news10 .you .t4 {
  margin-top: 3.489vw;
}

.news11 {
  border-radius: 4.166vw 4.166vw 0 0;
  background: #fff;
  padding: 9.145vw 19.114vw 4.406vw;
  position: relative;
  margin-top: -4.166vw;
}
.news11 .p1 {
  color: #484848;
  margin-bottom: 2.083vw;
}
.news11 .p1:hover {
  color: #000;
}
.news11 .main {
  position: relative;
  z-index: 2;
}

.news11 .t1 {
  color: #484848;
  text-align: center;
}

.news11 .t2 {
  color: #484848;
  margin: 1.458vw 0 4.843vw;
  text-align: center;
}

.news11 .empty {
  color: #666;
}

.news11 .empty * {
  max-width: 100%;
  white-space: unset !important;
}

.news11 .empty img {
  margin: 1.041vw 0;
  display: inline-block;
}

.news11 .tybg {
  position: absolute;
  right: 0;
  bottom: 8.333vw;
  width: 66.458vw;
  z-index: 1;
}

.news12 {
  border-top: 0.052vw solid #E8E8E8;
  padding: 1.562vw 19.114vw 4.947vw;
}

.news12 .t1 {
  color: #959595;
  width: 21.302vw;
}

.news12 .t1:hover {
  color: #000;
}

.news12 .t1:nth-child(2) {
  text-align: right;
}

.abt3 {
  padding: 17.864vw 18.489vw 13.541vw;
}

.abt3-inner {
  max-width: 80.312vw;
  margin: 0 auto;
}

.abt3-timeline {
  position: relative;
}

.abt3-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  /* background: #c5c5c5; */
background: linear-gradient(
  to bottom,
  #c5c5c5 0%,
  #c5c5c5 50%,  /* 虚线长度：50% */
  transparent 50%,
  transparent 100%  /* 虚线间隔：50% */
);
background-size: 100% 8px;  /* 8px = 单段虚线+间隔的总高度 */
background-repeat: repeat-y;
}

.abt3-progress {
  position: absolute;
  /* left: -1px; */
  left: 0;
  top: 0;
  width: 1px;
  height: 0;
  /* background: #a5493e; */
  background: #7c7c7c;
}

.abt3-list {
  position: relative;
}

.abt3-item {
  position: relative;
  width: 100%;
  padding-bottom: 1.562vw;
  pointer-events: none;
}

.abt3-item + .abt3-item {
  margin-top: -8vw;
}

.abt3-item .abt3-card {
  width: 23.437vw;
  padding: 1.562vw 1.302vw 1.562vw 1.197vw;
  position: relative;
  pointer-events: auto;
}

.abt3-item .abt3-card::after {
  content: "";
  width: 1.562vw;
  height: 1.77vw;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 0.104vw solid #92969c;
  border-left: 0.104vw solid #92969c;
  opacity: 0.5;
}

.abt3-item .abt3-card::before {
  content: "";
  width: 1.562vw;
  height: 1.77vw;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 0.104vw solid #92969c;
  border-right: 0.104vw solid #92969c;
  opacity: 0.5;
}

.abt3-item .abt3-card:hover::after {
  border-color: #a5493e;
}

.abt3-item .abt3-card:hover::before {
  border-color: #a5493e;
}

.abt3-item .abt3-card .abt3-btn {
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  right: 1.562vw;
  bottom: 1.041vw;
  cursor: pointer;
  transition: all ease 0.3s;
  background: url("/img/about3-1-h.png") no-repeat center/contain;
}

.abt3-item .abt3-card .abt3-btn.on {
  background: url("/img/about3-1.png") no-repeat center/contain;
}

.abt3-item .abt3-card .bg {
  display: block;
  height: 9.375vw;
  border-radius: 0.729vw;
  overflow: hidden;
  margin-bottom: 1.041vw;
  cursor: pointer;
}

.abt3-item .abt3-card .abt3-card-info a.t1 {
  cursor: pointer;
  text-decoration: none;
  transition: color ease 0.3s;
}

.abt3-item .abt3-card .abt3-card-info a.t1:hover {
  color: var(--color);
}

.abt3-item .abt3-card .abt3-card-info .t1 {
  flex: 1;
  min-width: 0;
  color: #000;
}

.abt3-item .abt3-card.on .abt3-card-info .t1 {
  color: var(--color);
}

.abt3-item .abt3-card .abt3-card-info .t3 {
  width: 13.385vw;
  margin: 0 0 0 1.25vw;
  color: #959595;
}

.abt3-item:nth-child(2n) {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.abt3-item:last-child {
  padding-bottom: 0;
}

.abt3-dot {
  position: absolute;
  top: 0.52vw;
  width: 0.729vw;
  height: 0.729vw;
  background: #8b6247;
  border-radius: 50%;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

.abt3 .map-box {
  position: absolute;
  left: 0;
  top: 0;
  top: 241vh;
  width: 100%;
  height: 130.208vw;
  max-height: 300vh;
  z-index: -1;
}

.abt3 .map-box .map {
  position: relative;
}

.abt3 .map-box .map img {
  max-width: none;
  height: 108.645vw;
  width: -moz-max-content;
  width: max-content;
  opacity: 0.6;
}
.pd3 {
  display: block;
}
.pd3 .bg {
  width: 48.802vw;
  height: 28.437vw;
  border-radius: 0.625vw;
  overflow: hidden;
}

.pd3 .intr {
  position: absolute;
  /* right: 6.25vw; */
  top: 50%;
  left: 45%;
  transform: translateY(-50%);
  border-radius: 1.354vw;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(0.416vw);
  padding: 2.187vw 2.343vw 2.5vw;
}

.pd3 .intr .line {
  width: 3.645vw;
  height: 0.416vw;
  border-radius: 0.104vw;
  background: #a5493e;
  position: absolute;
  right: 3.385vw;
  top: 3.281vw;
}

.pd3 .intr .t2 {
  margin-top: 1.041vw;
}

.pd3 .intr .t3 {
  margin-top: 1.562vw;
  color: #909090;
  line-height: 2;
}

.pd4 {
  padding: 5.104vw 0 0;
}

.pd4 .swiper-slide .bg {
  border-radius: 0.625vw;
  height: 7.187vw;
  overflow: hidden;
}

.pd4 .swiper-slide .t1 {
  color: #313131;
  margin: 0.781vw 0;
}

.pd4 .swiper-slide .t2 {
  color: #909090;
}

.pd4 .swiper-pagination {
  position: static;
  margin-top: 3.437vw;
  --swiper-pagination-bullet-size: 0.52vw;
  --swiper-pagination-bullet-inactive-color: #d9d9d9;
  --swiper-pagination-bullet-horizontal-gap: 0.416vw;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: var(--color);
}

.about2 {
  padding: 17.5vw 0 22.031vw;
  position: relative;
  overflow: hidden;
}

.about2 .t1 {
  width: 54.791vw;
  color: #484848;
  line-height: 2;
}

.about2 #about2-svg {
  position: absolute;
  right: 0;
  bottom: -32%;
  width: 100%;
  pointer-events: none;
}

.about4 {
  padding: 5.833vw 0 10vw;
  position: relative;
}

.about4 .zuo {
  width: 61.25vw;
  position: relative;
}

.about4 .zuo .bg {
  border-radius: 0 10.416vw 2.083vw 0;
  overflow: hidden;
}

.about4 .zuo .t1 {
  position: absolute;
  left: 6.25vw;
  width: 32.083vw;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
  line-height: 2;
  display: none;
}

.about4 .you {
  position: absolute;
  right: 4.062vw;
  top: 50%;
  transform: translate(0, -50%);
  gap: 1.145vw;
}

.about4 .you .item {
  width: 26.77vw;
  height: 31.406vw;
  border-radius: 1.041vw;
  overflow: hidden;
  position: relative;
}

.about4 .you .item .intr {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.625vw 2.916vw 1.77vw;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  z-index: 2;
  transition: all ease 0.3s;
}

.about4 .you .item::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20%;
  background: rgba(0, 0, 0, 0.5);
  transition: all ease-out 0.4s;
  z-index: 1;
  opacity: 0;
}

.about4 .you .item:hover::after {
  height: 50%;
  opacity: 1;
}

.about4 .you .item:hover .intr {
  opacity: 0;
}

.about4 .you .item .intr2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  color: #fff;
  z-index: 4;
  padding: 2.916vw 2.916vw;
  opacity: 0;
  transition: all ease 0.3s;
}

.about4 .you .item .intr2 .t5 {
  margin: 3.125vw 0;
}

.about4 .you .item .intr2 .t6 {
  line-height: 2;
}

.about4 .you .item:hover .intr2 {
  opacity: 1;
  transition: all ease 0.3s 0.2s;
}

.about5 {
  padding: 7.395vw 0;
  overflow: hidden;
  border-radius: 1.041vw;
  position: relative;
}

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

.about5 .bg::after {
  content: "";
  display: block;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.about5 .tabs {
  gap: 0.52vw;
  margin-bottom: 5.208vw;
}

.about5 .tabs .tab {
  padding: 0.52vw 1.979vw;
  min-width: 7.916vw;
  border-radius: 1.354vw;
  text-align: center;
  background: linear-gradient(285deg, #fff 70.2%, #a5493e 228.62%), #fff;
  transition: all ease 0.3s;
  cursor: pointer;
}

.about5 .tabs .tab.on {
  color: #fff;
  background: linear-gradient(282deg, #a5493e 41.53%, #fbfbfb 169.34%);
}

.about5 .loopLogos-warpper.reverse {
  margin-top: 3.645vw;
}

.about5 .group .item {
  margin-right: 3.645vw;
  padding: 1.666vw;
  border-radius: 0.833vw;
  text-align: center;
  background: url("/img/about5-2.jpg") no-repeat center/100% 100%;
  width: 17.239vw;
  height: 15.052vw;
  border-radius: 0.833vw;
  box-shadow: 0 0 0.52vw 0.104vw rgba(0, 0, 0, 0.04), 0.104vw 0 0.208vw 0 rgba(255, 255, 255, 0.25);
}
.about5 .group .item .box{
  height: 100%;
}
.about5 .group .item .t2 {
  margin-top: 1.145vw;
  color: #707070;
}

.about5 .group .item .t3 {
  color: #858585;
}

.about5 .group .item .line {
  height: 0.052vw;
  margin: 0.416vw 0;
  width: 100%;
  background: #959595;
}

.home1 {
  position: relative;
}

.home1 .bg {
  overflow: hidden;
  background: #96b1d0;
}

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

.home1 .intr .t1 {
  letter-spacing: 0.1vw;
  margin-left: 5.625vw;
}

.home1 .intr .t1 .textEffect-content {
  background: linear-gradient(91deg, #a5493e 3.95%, #ff775f 107.57%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home1 .intr .t2 {
  text-transform: uppercase;
  margin-left: 13.958vw;
}

.home1 .intr .textEffect {
  overflow: hidden;
  line-height: 1.1;
}

.home1 .intr .textEffect .textEffect-content {
  transform: translate3d(0, 100%, 0);
  transition: all ease 1s;
}

.home1 .intr .textEffect .textEffect-content.reverse {
  transform: translate3d(0, -100%, 0);
}

.home1 .intr .textEffect.animate .textEffect-content {
  transform: translate3d(0, 0, 0);
}

.home1 .intr svg {
  width: 36.875vw;
  height: auto;
  margin: 0.781vw 0;
  clip-path: inset(0 100% 0 0);
}

.home2 {
  position: relative;
  border-radius: 0 0 2.5vw 2.5vw;
  background: #fff;
  overflow: hidden;
}

.home2 .sec1 {
  /* width: 76.718vw; */
  position: relative;
  z-index: 5;
}

.home2 .sec1 .m-text {
  display: none;
}

.home2 .sec1 .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}

.home2 .sec2 {
  width: 45.989vw;
  position: absolute;
  right: 7.656vw;
  top: 3.437vw;
  border-radius: 8.072vw;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.home2 .sec2 video {
  width: 100%;
}

.home3 {
  position: relative;
  /* margin: -2.604vw 0 -2.604vw; */
  z-index: -1;
  /* height: 300vh; */
  height: 100vh;
}

.home3 .pin {
  width: 100%;
  height: 100vh;
  position: sticky;
  left: 0;
  top: 0;
  padding: 22.395vw 0 13.645vw 26.041vw;
  background: linear-gradient(180deg, #08131d 0%, #212d41 100%);
  overflow: hidden;
}

.home3 .text {
  position: relative;
  z-index: 5;
  background: url("/img/home3-1.jpg") no-repeat center/100% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
}

.home3 .text .t1 {
  letter-spacing: 0.133vw;
  text-transform: uppercase;
  line-height: 0.93;
}

.home3 .text .t2 {
  letter-spacing: 2.25vw;
  text-transform: uppercase;
  line-height: 1.9;
}

.home3 .sec1 {
  position: absolute;
  left: 3.385vw;
  top: 19.062vw;
  z-index: 5;
}

.home3 .sec1 .icon {
  width: 0.52vw;
}

.home3 .sec1 .progress {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  margin: 1.145vw auto 0;
  width: 0.052vw;
  height: 10.416vw;
}

.home3 .sec1 .progress-bar {
  background: #fff;
  height: 10%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.home3 .sec2 {
  position: absolute;
  /* left: -16%; */
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.home3 .sec2 img {
  width: 100%;
  position: absolute;
  left: 0;
}

.home3 .sec2 #xfpic1 {
  top: 0%;
  opacity: 0;
}

.home3 .sec2 #xfpic2 {
  top: 100%;
  opacity: 0;
}

.home4 {
  padding: 9.218vw 0 1.145vw;
  border-radius: 2.5vw 2.5vw 0 0;
  background: #fff;
  position: relative;
}

.home4 .pin {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

.home4 .zuo {
  padding-top: 23.437vw;
  position: absolute;
  left: -3.125vw;
}

.home4 .zuo .yuan {
  width: 23.645vw;
  position: relative;
  --angle-date: 30;
  --init-angle: -35deg;
}

.home4 .zuo .point-list {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  transform-origin: left;
}

.home4 .zuo .point-list .point-item {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  justify-content: flex-end;
  transform: translate(0, -50%) rotate(calc(var(--index-rotate) * var(--angle-date) * 1deg + var(--init-angle)));
  transform-origin: left;
  transition: all ease 0.3s;
}

.home4 .zuo .point-list .point-item span {
  display: block;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 100%;
  background: #484848;
  transform: translate(40%, 0);
  transition: all ease 0.3s;
}

.home4 .zuo .point-list .point-item span::after {
  content: "";
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 100%;
  border: 0.052vw solid #a5493e;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all ease 0.3s;
}

.home4 .zuo .point-list .point-item.on span {
  background: #a5493e;
}

.home4 .zuo .point-list .point-item.on span::after {
  transform: translate(-50%, -50%) scale(1);
}

.home4 .zuo .pd-name-list {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  transform-origin: left;
}

.home4 .zuo .pd-name-list .pd-name-item {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  justify-content: flex-end;
  transform: translate(0, -50%) rotate(calc(var(--index-rotate) * var(--angle-date) * 1deg + var(--init-angle)));
  transform-origin: left;
  transition: all ease 0.3s;
}

.home4 .zuo .pd-name-list .pd-name-item .box {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%) rotate(calc(var(--index-rotate) * var(--angle-date) * -1deg + 1deg - var(--init-angle)));
  transform-origin: left;
  padding-left: 4.687vw;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}

.home4 .zuo .pd-name-list .pd-name-item .icon {
  width: 1.25vw;
  margin-right: 0.729vw;
  transition: all ease 0.3s;
}

.home4 .zuo .pd-name-list .pd-name-item .icon img:nth-child(1) {
  display: block;
}

.home4 .zuo .pd-name-list .pd-name-item .icon img:nth-child(2) {
  display: none;
}

.home4 .zuo .pd-name-list .pd-name-item.on .t1 {
  color: #484848;
  font-size: 1.666vw;
  font-weight: 500;
}

.home4 .zuo .pd-name-list .pd-name-item.on .icon {
  width: 1.666vw;
}

.home4 .zuo .pd-name-list .pd-name-item.on .icon img:nth-child(1) {
  display: none;
}

.home4 .zuo .pd-name-list .pd-name-item.on .icon img:nth-child(2) {
  display: block;
}

.home4 .you {
  margin-left: auto;
  position: relative;
}

.home4 .you .list {
  border-radius: 7.291vw 0 0 7.291vw;
  background: #fff;
  box-shadow: 0 0 1.562vw 0.52vw rgba(0, 0, 0, 0.04);
  padding: 3.333vw 6.25vw 3.125vw 6.614vw;
  position: relative;
  overflow: hidden;
}

.home4 .you .list .item {
  display: none;
}

.home4 .you .list .item.on {
  display: block;
}

.home4 .you .list .item .m-text {
  display: none;
}

.home4 .you .list .item video {
  width: 47.656vw;
  height: 37.395vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.home4 .you .list .item .pic {
  position: absolute;
  top: 3.333vw;
  right: -4.166vw;
  width: 13.541vw;
  opacity: 0.1;
}

.home4 .you .list .item.theme2 .video-box {
  position: relative;
}

.home4 .you .list .item.theme2 .video-box::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/img/home4-mask.svg") no-repeat center/cover;
}

.home4 .you::after {
  content: "";
  display: block;
  border-radius: 7.291vw 0 0 7.291vw;
  background: #fdfdfd;
  box-shadow: 0 0 1.562vw 0.52vw rgba(0, 0, 0, 0.04);
  position: absolute;
  left: 5.052vw;
  top: -2.708vw;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.home5 {
  padding: 12.187vw 0 8.75vw;
  position: relative;
}

.home5 .list {
  display: grid;
  grid-template-rows: 16.354vw 3.958vw 8.437vw 8.177vw;
  grid-template-columns: 28.541vw 20.833vw 34.531vw;
  gap: 1.718vw;
}

.home5 .list .item {
  background: #fff;
  border-radius: 2.083vw;
  position: relative;
  color: #fff;
  overflow: hidden;
}

.home5 .list .item .t1 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all ease .3s;
}

.home5 .list .item:hover .t1 {
  color: var(--color);
}

.home5 .list .item.theme2:hover .intr .t1 {
  color: var(--color);
}

.home5 .list .item .t2 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.home5 .list .item.theme1 .intr {
  padding: 1.25vw 2.083vw 2.083vw;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.home5 .list .item.theme2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 1.927vw;
}

.home5 .list .item.theme2 .intr .t1 {
  color: #484848;
}

.home5 .list .item.theme2 .intr .t2 {
  color: #484848;
  margin-top: 0.52vw;
}

.home5 .list .item.theme3 .intr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 1.666vw;
}

.home5 .list .item1 {
  grid-row: span 2;
}

.home5 .list .item2 {
  grid-row: span 3;
}

.home5 .list .item4 {
  grid-row: span 2;
}

.home5 .list .item5 {
  grid-row: span 2;
}

.home5 .list .item6 {
  grid-column: span 2;
}

#app-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  background: url("/img/home5-bg.jpg") no-repeat center/cover;
}

#ripple-canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.gradient-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* ============================================================
   EVENTS Timeline - 3D Tunnel Scroll Section
   Standalone CSS

   Dependencies: None (self-contained)
   Requires: GSAP + ScrollTrigger for animation
   ============================================================ */
/* ---- Base / Shared Utilities ---- */
.pub_title {
  font-family: Titillium Web, sans-serif;
  font-style: normal;
  font-weight: 600;
}

.scroll-animate.animated,
.scroll-animate:not(.father) {
  visibility: hidden;
}

.pub_img_box {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.pub_img_box:before {
  content: "";
  margin-top: 100%;
  display: block;
}

.pub_img_box .pub_img {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.pub_img_box .pub_img.pro_img {
  background-size: contain;
}

.pub_img_box img,
.pub_img_box video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.pub_img_box img.pro_img,
.pub_img_box video.pro_img {
  -o-object-fit: contain;
  object-fit: contain;
}

.pub_img_box.hei_img {
  height: 100%;
}

.pub_img_box.hei_img:before {
  display: none;
}

.pub_case {
  width: 89.583vw;
  margin-left: auto;
  margin-right: auto;
}

.pub_title {
  font-size: 0;
  line-height: 1;
}

.pub_title font {
  letter-spacing: -0.04em;
  font-size: 5.208vw;
}

.pub_title span {
  display: inline-block;
}

.scroll-animate.fontAni {
  visibility: visible;
}

.scroll-animate.fontAni>div span font {
  opacity: 0;
  transform: translate(5.208vw);
}

.scroll-animate.fontAni.text_right>div span font {
  transform: translate(-5.208vw);
}

.fontShow [data-txt]>div span:nth-child(1) font {
  transition: opacity 1s 30ms, transform 1s 30ms;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(2) font {
  transition: opacity 1s 60ms, transform 1s 60ms;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(3) font {
  transition: opacity 1s 90ms, transform 1s 90ms;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(4) font {
  transition: opacity 1s 0.12s, transform 1s 0.12s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(5) font {
  transition: opacity 1s 0.15s, transform 1s 0.15s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(6) font {
  transition: opacity 1s 0.18s, transform 1s 0.18s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(7) font {
  transition: opacity 1s 0.21s, transform 1s 0.21s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(8) font {
  transition: opacity 1s 0.24s, transform 1s 0.24s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(9) font {
  transition: opacity 1s 0.27s, transform 1s 0.27s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(10) font {
  transition: opacity 1s 0.3s, transform 1s 0.3s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(11) font {
  transition: opacity 1s 0.33s, transform 1s 0.33s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(12) font {
  transition: opacity 1s 0.36s, transform 1s 0.36s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(13) font {
  transition: opacity 1s 0.39s, transform 1s 0.39s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(14) font {
  transition: opacity 1s 0.42s, transform 1s 0.42s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(15) font {
  transition: opacity 1s 0.45s, transform 1s 0.45s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(16) font {
  transition: opacity 1s 0.48s, transform 1s 0.48s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(17) font {
  transition: opacity 1s 0.51s, transform 1s 0.51s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(18) font {
  transition: opacity 1s 0.54s, transform 1s 0.54s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(19) font {
  transition: opacity 1s 0.57s, transform 1s 0.57s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(20) font {
  transition: opacity 1s 0.6s, transform 1s 0.6s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(21) font {
  transition: opacity 1s 0.63s, transform 1s 0.63s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(22) font {
  transition: opacity 1s 0.66s, transform 1s 0.66s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(23) font {
  transition: opacity 1s 0.69s, transform 1s 0.69s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(24) font {
  transition: opacity 1s 0.72s, transform 1s 0.72s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(25) font {
  transition: opacity 1s 0.75s, transform 1s 0.75s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(26) font {
  transition: opacity 1s 0.78s, transform 1s 0.78s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(27) font {
  transition: opacity 1s 0.81s, transform 1s 0.81s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(28) font {
  transition: opacity 1s 0.84s, transform 1s 0.84s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(29) font {
  transition: opacity 1s 0.87s, transform 1s 0.87s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow [data-txt]>div span:nth-child(30) font {
  transition: opacity 1s 0.9s, transform 1s 0.9s;
  display: block;
  opacity: 1 !important;
  transform: translate(0) !important;
}

.fontShow.text_r [data-txt]>div span:nth-child(1) font {
  transition-delay: 0.21s;
}

.fontShow.text_r [data-txt]>div span:nth-child(2) font {
  transition-delay: 0.18s;
}

.fontShow.text_r [data-txt]>div span:nth-child(3) font {
  transition-delay: 0.15s;
}

.fontShow.text_r [data-txt]>div span:nth-child(4) font {
  transition-delay: 0.12s;
}

.fontShow.text_r [data-txt]>div span:nth-child(5) font {
  transition-delay: 90ms;
}

.fontShow.text_r [data-txt]>div span:nth-child(6) font {
  transition-delay: 60ms;
}

.fontShow.text_r [data-txt]>div span:nth-child(7) font {
  transition-delay: 30ms;
}

.fontShow.text_r [data-txt]>div span:nth-child(8) font {
  transition-delay: 0s;
}

.zw_block {
  pointer-events: none;
  width: 100%;
  height: 7.812vw;
  position: absolute;
  bottom: 100%;
  left: 0;
}

.classGo.scroll-animate {
  visibility: visible;
}

.pub_title_case {
  padding-left: 3.125vw;
  padding-right: 3.125vw;
}

.pub_top_tit .pub_title_case {
  align-items: center;
  display: flex;
}

.pub_top_tit .pub_title_case .pub_title {
  padding-right: 1.822vw;
}

.pub_top_tit .pub_title_case>span {
  height: 0.052vw;
  clip-path: polygon(0% 0%, 0 0, 0 100%, 0% 100%);
  background-image: linear-gradient(90deg, #262626 0%, #262626 33.33%, transparent 33.34%, transparent 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 0.156vw 0.052vw;
  flex: 1;
}

.pub_top_tit .pub_title_case.fontShow>span {
  clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.7s;
}

.new_case .pub_img_box {
  width: 31.25vw;
  border-radius: 1.25vw;
}

.new_case .pub_img_box:before {
  margin-top: 36.6667%;
  transition: margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.pub_tit_ed .pub_title_case {
  align-items: flex-end;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.pub_tit_ed .pub_title_case .pub_title {
  padding-right: 0.885vw;
}

.pub_tit_ed .pub_title_case>div {
  height: 2.5vw;
  border-top: 0.052vw dashed #262626;
  flex: 1;
  margin-bottom: -0.26vw;
}

.pub_tit_ed .pub_title_case>span {
  margin-bottom: -0.26vw;
}

.pub_tit_ed .pub_title_case>span:nth-child(1) {
  width: 2.5vw;
  height: 2.5vw;
  clip-path: polygon(0% 0%, 79.16% 0%, 79.16% 50%, 0% 50%);
  border: 0.052vw dashed #262626;
  border-radius: 1.25vw 0 0;
  margin-right: 0.625vw;
}

.pub_tit_ed .pub_title_case>span:last-child {
  width: 2.5vw;
  height: 2.5vw;
  clip-path: polygon(20.84% 0%, 100% 0%, 100% 50%, 20.84% 50%);
  border: 0.052vw dashed #262626;
  border-radius: 0 1.25vw 0 0;
  margin-left: -0.52vw;
}

.about_r4 .exp_case .pub_tit_ed .pub_title {
  color: #84329b;
  margin-left: 1.562vw;
  padding-bottom: 1.25vw;
  font-size: 2.5vw;
}

.about_r4 .exp_case .pub_tit_ed .pub_title_case>span:nth-child(1) {
  clip-path: polygon(0 0, calc(100% - 0.052vw) 0, calc(100% - 0.052vw) 50%, 0 50%);
  margin-right: 0;
}

.about_r4 .exp_case .about_r4_case .abo_r4_block .pub_img_box {
  width: 7.812vw;
  background-color: #bcc2cc;
  border-radius: 50%;
  margin-top: -3.645vw;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0.8666);
}

.about_r4 .exp_case .about_r4_case .abo_r4_block .pub_img_box img {
  transform-origin: 50% 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.pub_sha_case>.pub_img_box {
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.pub_sha_case .sha_con_case .sha_con_box .pub_img_box {
  width: 25.208vw;
  border-radius: 0.937vw;
}

.pub_sha_case .sha_con_case .sha_con_box .pub_img_box:before {
  margin-top: 127.686%;
}

.pub_sha_case.board_sha_case .sha_con_case .sha_con_box .pub_img_box {
  width: 12.5vw;
  background: #bcc2cc;
  border-radius: 100%;
}

.pub_sha_case.board_sha_case .sha_con_case .sha_con_box .pub_img_box:before {
  margin-top: 100%;
}

/* ---- EVENTS Section Specific ---- */
.about_r6 .row_case .swiper_abo_r6_nav .swiper-slide {
  font-family: Titillium Web, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt h4,
.about_r6 .row_case .about_r6_t .hint_src {
  font-family: Titillium Web, sans-serif;
  font-style: normal;
  font-weight: 700;
}

.about_r6 {
  height: 800vh;
  padding-top: 2.604vw;
}

.about_r6 .row_case {
  height: calc(100vh - 10.833vw);
  position: sticky;
  top: 10.833vw;
  left: 0;
}

.about_r6 .row_case .pub_case {
  height: 100%;
  position: relative;
}

.about_r6 .row_case>img {
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: -32.291vw;
  left: 0;
}

.about_r6 .row_case .about_r6_con {
  height: 33.229vw;
  z-index: 2;
  margin-top: 1.458vw;
  padding-left: 18.75vw;
  padding-right: 18.75vw;
  position: relative;
}

.about_r6 .row_case .about_r6_con .year_case {
  z-index: 1;
  width: 31.25vw;
  height: 31.25vw;
  pointer-events: none;
  margin-top: -15.625vw;
  margin-left: -15.625vw;
  position: absolute;
  top: 28%;
  left: 50%;
}

.about_r6 .row_case .about_r6_con .year_case>div {
  width: 100%;
  height: 100%;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.about_r6 .row_case .about_r6_con .year_case>div>img {
  width: 100%;
  display: block;
}

.about_r6 .row_case .about_r6_con .year_case>div h4 {
  color: #0032a0;
  font-size: 1.562vw;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 83%;
  left: 12%;
  transform: rotate(45deg);
}

.about_r6 .row_case .about_r6_con .year_case>div h4>div {
  display: flex;
}

.about_r6 .row_case .about_r6_con .year_case>div h4>div span:nth-child(2) {
  transform: translateY(0.208vw);
}

.about_r6 .row_case .about_r6_con .year_case>div h4>div span:nth-child(3) {
  transform: translateY(0.156vw);
}

.about_r6 .row_case .about_r6_con .year_case>div h4>div span font {
  opacity: 1;
  transform: none;
}

.about_r6 .row_case .about_r6_con .year_case>div:nth-child(2) h4 {
  color: #84329b;
}

.about_r6 .row_case .about_r6_con .year_case>div:nth-child(1) {
  filter: blur(0.052vw);
  transform: scale(0.8) rotate(60deg);
}

.about_r6 .row_case .about_r6_con .year_case>div:nth-child(2) {
  filter: blur(0.156vw);
  transform: scale(1.15) rotate(90deg);
}

.about_r6 .row_case .about_r6_con .year_case>div:nth-child(3) {
  filter: blur(0.052vw);
  transform: scale(0.6) rotate(170deg);
}

.about_r6 .row_case .about_r6_con .year_case>div:nth-child(4) {
  filter: blur(0.208vw);
  transform: scale(0.75) rotate(20deg);
}

.about_r6 .row_case .about_r6_con .year_case>div:nth-child(5) {
  filter: blur(0.26vw);
  transform: scale(0.9) rotate(265deg);
}

.about_r6 .row_case .about_r6_con .year_case>div:nth-child(n+6) {
  opacity: 0;
}

.about_r6 .row_case .about_r6_con .year_case>div.on_ed {
  opacity: 0;
  filter: blur(1.562vw);
  transform: scale(1.8) rotate(45deg);
}

.about_r6 .row_case .about_r6_con .year_case>div.on_ed.on {
  opacity: 1;
  filter: blur();
  transform: scale(1) rotate(0);
}

.about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~ :nth-of-type(1) {
  filter: blur(0.052vw);
  transform: scale(0.8) rotate(60deg);
}

.about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~ :nth-of-type(2) {
  filter: blur(0.156vw);
  transform: scale(1.15) rotate(90deg);
}

.about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~ :nth-of-type(3) {
  filter: blur(0.052vw);
  transform: scale(0.6) rotate(170deg);
}

.about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~ :nth-of-type(4) {
  filter: blur(0.208vw);
  transform: scale(0.75) rotate(20deg);
}

.about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~ :nth-of-type(5) {
  filter: blur(0.26vw);
  transform: scale(0.9) rotate(25deg);
}

.about_r6 .row_case .about_r6_con .year_case>div.on_ed.on~ :nth-of-type(n + 6) {
  opacity: 0;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 {
  z-index: 2;
  position: relative;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .distant {
  filter: brightness(0.7) contrast(1.1);
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .near {
  filter: brightness(1.1) contrast(1.1);
  box-shadow: 0 0.781vw 2.083vw rgba(0, 0, 0, 0.6);
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide.abo_r6_con_tex--even {
  flex-direction: row-reverse;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .pub_img_box {
  width: 25vw;
  border-radius: 1.458vw;
  margin-top: 4.166vw;
  box-shadow: 0 1.875vw 4.687vw rgba(14, 29, 65, 0.07);
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .pub_img_box:before {
  margin-top: 56.25%;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt {
  width: 25vw;
  background: #fff;
  border-radius: 1.041vw;
  padding: 3.75vw 2.187vw;
  position: relative;
  box-shadow: 0 1.875vw 4.791vw rgba(14, 29, 65, 0.07);
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt:before {
  content: "";
  width: 0.677vw;
  height: 0.677vw;
  background: #A5493E;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 1.302vw;
  right: 1.302vw;
  display: none;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt h4 {
  color: #484848;
  font-weight: 400;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .abo_t_txt p {
  color: #959595;
  margin-top: 0.677vw;
  line-height: 1.41;
  transform: translateZ(0);
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear {
  width: 23.958vw;
  height: 23.958vw;
  margin-top: -6.25vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear>img {
  width: 100%;
  display: block;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4 {
  color: #A5493E;
  font-size: 1.458vw;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 83%;
  left: 12%;
  transform: rotate(45deg);
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div {
  display: flex;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div span:nth-child(2) {
  transform: translateY(0.208vw);
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div span:nth-child(3) {
  transform: translateY(0.156vw);
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear h4>div span font {
  opacity: 1;
  transform: none;
}

.about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-slide .cyear.even h4 {
  color: #A5493E;
}

.about_r6 .row_case .swiper_abo_r6_nav {
  z-index: 3;
  position: absolute;
  bottom: 8.072vw;
  right: 3.125vw;
}

.about_r6 .row_case .swiper_abo_r6_nav>img {
  width: 82.5vw;
  max-width: none;
  display: block;
  position: absolute;
  top: calc(100% + 0.52vw);
  right: 50%;
}

.about_r6 .row_case .swiper_abo_r6_nav .swiper-slide {
  color: #6D6D6D;
  cursor: pointer;
  line-height: 2;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.about_r6 .row_case .swiper_abo_r6_nav .swiper-slide.on {
  color: #000;
  font-weight: 700;
}

.about_r6 .next-tip {
  width: 0.833vw;
  position: absolute;
  left: 50%;
  bottom: 8.072vw;
  transform: translateX(-50%);
  display: none;
}

@media screen and (orientation: landscape) {
  .new_case.on .pub_img_box:before {
    margin-top: 40%;
  }

  .about_r4 .exp_case .about_r4_case .abo_r4_block:hover .pub_img_box {
    transform: scale(1);
  }

  .about_r4 .exp_case .about_r4_case .abo_r4_block:hover .pub_img_box img {
    transform: scale(0.88);
  }

  .about_r6 .row_case .about_r6_con .swiper_abo_r6 .swiper-wrapper {
    perspective: 52.083vw;
    transform-style: preserve-3d;
    display: block;
    position: relative;
  }

  .about_r6 .row_case .about_r6_con .swiper {
    overflow: visible;
  }

  .about_r6 .row_case .swiper_abo_r6_nav .swiper-wrapper {
    display: block;
  }

  .about_r6 .row_case .swiper_abo_r6_nav .swiper-slide:hover {
    color: #000;
    font-weight: 700;
  }

  .font-cn .pub_title font {
    font-size: 3.75vw;
  }
}




input[type=checkbox] {
        cursor: pointer;
        position: relative;
        width: 16px;
        height: 16px;
        font-size: 12px;
        overflow: hidden;
        top: 2px;
    }

    input[type=checkbox]::after {
        position: absolute;
        top: 0px;
        background-color: #a85246;
        color: #fff;
        width: 16px;
        height: 16px;
        display: inline-block;
        visibility: visible;
        text-align: center;
        content: ' ';
    }

    input[type=checkbox]:checked::after {
        content: "✔";
        font-size: 10px;
        font-weight: bold;
    }

    #tanchu_cn {
        background: #000;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        background: rgba(0,0,0,0.7);
        z-index: 9999;
        height: 100%
    }

    .tanchu_cn_nr {
        position: fixed;
        width: 70%;
        background: #fff;
        left: 15%;
        border-radius: 10px;
        top: 90px;
        padding-bottom: 20px;
        /* height: 550px; */
    }

    .tanchu_nr_xx {
        /* height: 600px; */
        /* overflow: scroll; */
        /* overflow-x: hidden; */
        margin: 35px;
        margin-right: 5px;
        padding-right: 55px;
    }

    .tanchu_nr_xz {
        border-top: solid 1px #CCC;
        width: 100%;
        padding-left: 60px;
    }

    .fangqi {
        width: 195px;
        height: 45px;
        text-align: center;
        border: solid 1px #a4493d;
        color: #a4493d;
        background-color: #fff;
        line-height: 45px;
        text-align: center;
        font-size: 20px;
        float: right;
        border-radius: 5px;
        margin-right: 10px;
    }

    .jieshou {
        width: 195px;
        height: 45px;
        text-align: center;
        border: solid 1px #fff;
        color: #fff;
        background-color: #a4493d;
        line-height: 45px;
        text-align: center;
        font-size: 20px;
        float: left;
        border-radius: 5px;
        margin-left: 10px;
    }

    @media screen and (max-width:768px) {
      input[type=checkbox] {
        cursor: pointer;
        position: relative;
        width: 16px;
        height: 16px;
        font-size: 12px;
        overflow: hidden;
        top: 2px;
    }

    input[type=checkbox]::after {
        position: absolute;
        top: 0px;
        background-color: #a85246;
        color: #fff;
        width: 16px;
        height: 16px;
        display: inline-block;
        visibility: visible;
        text-align: center;
        content: ' ';
    }

    input[type=checkbox]:checked::after {
        content: "✔";
        font-size: 10px;
        font-weight: bold;
    }

    #tanchu_cn {
        background: #000;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        background: rgba(0,0,0,0.7);
        z-index: 9999;
        height: 100%
    }

    .tanchu_cn_nr {
        position: fixed;
        width: 90%;
        background: #fff;
        left: 5%;
        border-radius: 10px;
        top: 20px;
        padding-bottom: 20px;
        height: 540px;
    }

    .tanchu_nr_xx {
        height: 400px;
        overflow: scroll;
        overflow-x: hidden;
        margin: 20px;
        margin-right: 5px;
        padding-right: 15px
    }

    .tanchu_nr_xz {
        border-top: solid 1px #CCC;
        width: 100%;
        padding-left: 20px;
    }

    .fangqi {
        width: 70%;
        height: 40px;
        text-align: center;
        border: solid 1px #a4493d;
        color: #a4493d;
        background-color: #fff;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        float: right;
        border-radius: 5px;
        margin-right: 10px;
    }

    .jieshou {
        width: 70%;
        height: 40px;
        text-align: center;
        border: solid 1px #fff;
        color: #fff;
        background-color: #a4493d;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        float: left;
        border-radius: 5px;
        margin-left: 10px;
    }

    .gaodu {
        height: 60px;
    }

    .gaodu1 {
        height: 40px;
    }

    .tanchu_nr_xx p {
        font-size: 14px;
    }
    }