@charset "UTF-8";
:root {
  --wrapper-width: 90rem;
}

html {
  /* 1920px设计稿为基准 1rem->16px */
  font-size: 0.8333333333vw;
}

@media only screen and (max-width: 1680px) {
  html {
    /* 1680px设计稿为基准 1rem->15px */
    font-size: 0.8928571429vw;
  }
}
@media only screen and (max-width: 1440px) {
  html {
    /* 1680px设计稿为基准 1rem->14.4px */
    font-size: 1vw;
  }
}
@media only screen and (max-width: 1280px) {
  html {
    /* 1280px设计稿为基准 1rem->13.75px */
    font-size: 1.0416666667vw;
  }
}
body {
  overflow-x: hidden;
  font-size: 1rem;
}

.flex {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.align-start {
  align-items: flex-start;
}

.align-center {
  align-items: center;
}

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

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-center {
  justify-content: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.text-right {
  text-align: right;
}

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

.text-left {
  text-align: left;
}

img {
  display: inline-block;
}

.ellipsis-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

i[class=-ico] {
  display: inline-block;
  font-style: normal;
  text-align: center;
}

.target.fadeIn,
.target .fadeIn {
  transform: translate3d(0, 3.75rem, 0);
  opacity: 0;
  visibility: hidden;
}
.target.fadeInRight,
.target .fadeInRight {
  transform: translate3d(3.75rem, 0, 0);
  opacity: 0;
  visibility: hidden;
}
.target.fadeInLeft,
.target .fadeInLeft {
  transform: translate3d(-3.75rem, 0, 0);
  opacity: 0;
  visibility: hidden;
}
.target.action.fadeIn, .target.action.fadeInRight, .target.action.fadeInLeft,
.target.action .fadeIn,
.target.action .fadeInRight,
.target.action .fadeInLeft {
  transform: translate3d(0, 0, 0);
  transition-duration: 1.2s;
  transition: opacity 1s cubic-bezier(0.34, 0.44, 0.41, 1.12), transform 1s cubic-bezier(0.09, 0.34, 0.63, 1), -webkit-transform 1s cubic-bezier(0.09, 0.34, 0.63, 1);
  will-change: opacity, transform;
  opacity: 1;
  visibility: visible;
}
.target .delay1 {
  transition-delay: 0.1s;
}
.target .delay2 {
  transition-delay: 0.2s;
}
.target .delay3 {
  transition-delay: 0.3s;
}
.target .delay4 {
  transition-delay: 0.4s;
}
.target .delay5 {
  transition-delay: 0.5s;
}
.target .delay6 {
  transition-delay: 0.6s;
}

::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
  background-color: transparent;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 0.1875rem;
  background-color: #000000;
}

.c1 {
  width: var(--wrapper-width);
  margin: 0 auto;
}

.c2 {
  width: 100%;
  padding: 0 3.125%;
}

.fs90 {
  font-size: 5.625rem;
}

.fs80 {
  font-size: 5rem;
}

.fs70 {
  font-size: 4.375rem;
}

.fs60 {
  font-size: 3.75rem;
}

.fs50 {
  font-size: 3.125rem;
}

.fs48 {
  font-size: 3rem;
}

.fs40 {
  font-size: 2.5rem;
}

.fs36 {
  font-size: 2.25rem;
}

.fs34 {
  font-size: 2.125rem;
}

.fs32 {
  font-size: 2rem;
}

.fs30 {
  font-size: 1.875rem;
}

.fs26 {
  font-size: 1.625rem;
}

.fs24 {
  font-size: 1.5rem;
}

.fs22 {
  font-size: 1.375rem;
}

.fs20 {
  font-size: 1.25rem;
}

.fs19 {
  font-size: 1.1875rem;
}

.fs18 {
  font-size: 1.125rem;
}

.fs17 {
  font-size: 1.0625rem;
}

.fs16 {
  font-size: 1rem;
}

.fs14 {
  font-size: 0.875rem;
}

.fs12 {
  font-size: 0.75rem;
}

.fs10 {
  font-size: 0.625rem;
}

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  min-width: 100vw;
  z-index: 99;
}

header.on .headT,
header:hover .headT {
  color: #666666;
  background-color: #f2f2f2;
  border-color: transparent;
}
header.on .headT .telico,
header:hover .headT .telico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.49789 3.8429C8.86119 3.8429 9.19589 4.03991 9.37224 4.35753L10.5954 6.56093C10.7556 6.84943 10.7631 7.19838 10.6155 7.49353L9.43714 9.85038C9.43714 9.85038 9.77864 11.6061 11.2078 13.0353C12.637 14.4645 14.3869 14.8001 14.3869 14.8001L16.7433 13.6219C17.0387 13.4742 17.3879 13.4818 17.6765 13.6423L19.8861 14.8708C20.2034 15.0472 20.4002 15.3817 20.4002 15.7448V18.2815C20.4002 19.5734 19.2003 20.5064 17.9762 20.0934C15.4623 19.2451 11.5599 17.63 9.08654 15.1566C6.61309 12.6832 4.998 8.78083 4.14973 6.26688C3.73672 5.04283 4.66976 3.8429 5.96159 3.8429H8.49789Z' stroke='%23666666' stroke-linejoin='round'/%3E%3C/svg%3E");
}
header.on .headT .tel,
header:hover .headT .tel {
  color: #9c2a2a;
}
header.on .headB,
header:hover .headB {
  background: #fff;
}
header.on .headB::before,
header:hover .headB::before {
  opacity: 1;
  visibility: visible;
}
header.on .headB .logo .lo-img1,
header:hover .headB .logo .lo-img1 {
  opacity: 0;
  visibility: hidden;
}
header.on .headB .logo .lo-img2,
header:hover .headB .logo .lo-img2 {
  opacity: 1;
  visibility: visible;
}
header.on .headB .nav-item.active .navA,
header:hover .headB .nav-item.active .navA {
  color: #9c2a2a;
}
header.on .headB .nav-item.active .navB,
header:hover .headB .nav-item.active .navB {
  color: #9c2a2a;
}
header.on .headB .nav-item .navA,
header:hover .headB .nav-item .navA {
  color: #333;
}
header.on .headB .nav-item .navB,
header:hover .headB .nav-item .navB {
  color: #999;
}
header.on .headB .lang-box .earth-ico,
header:hover .headB .lang-box .earth-ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 15H27.5' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 27.5C17.7614 27.5 20 21.9036 20 15C20 8.09644 17.7614 2.5 15 2.5C12.2386 2.5 10 8.09644 10 15C10 21.9036 12.2386 27.5 15 27.5Z' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.16113 6.33881C8.42319 8.60087 11.5482 9.99999 14.9999 9.99999C18.4518 9.99999 21.5768 8.60087 23.8388 6.33881' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.8388 23.6612C21.5768 21.3991 18.4518 20 14.9999 20C11.5482 20 8.42319 21.3991 6.16113 23.6612' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
header.on .headB .lang-box .caret-bottom-ico,
header:hover .headB .lang-box .caret-bottom-ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 7.91666L10 12.9167L5 7.91666H15Z' fill='%23808080' stroke='%23808080' stroke-linejoin='round'/%3E%3C/svg%3E");
}
header.on .headB .ticket,
header:hover .headB .ticket {
  color: #9c2a2a;
  border-color: #9c2a2a;
  background: transparent;
  box-shadow: none;
}

.headT {
  display: flex;
  align-items: center;
  height: 2.75rem;
  color: #fff;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.15);
  background-color: rgba(42, 42, 42, 0.47);
  transition: color 0.5s cubic-bezier(0.65, 0, 0.35, 1), background-color 0.5s cubic-bezier(0.65, 0, 0.35, 1), border-color 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headT .headTC {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headT .headtl {
  display: flex;
  align-items: center;
}
.headT .htinfo {
  display: flex;
  align-items: center;
}
.headT .htinfo .divider {
  margin: 0 0.625rem;
  opacity: 0.3;
}
.headT .weather {
  display: flex;
  align-items: center;
  margin-left: 1.375rem;
}
.headT .weather .icon-weather {
  position: relative;
  margin-right: 0.625rem;
  font-size: 1.5rem;
}
.headT .weather .tq span {
  margin-right: 0.5rem;
}
.headT .weather .tq .temp-range {
  font-family: DINPro;
}
.headT .hotLine {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}
.headT .hotLine .telico {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='0.8'%3E%3Cpath d='M8.49789 3.84291C8.86119 3.84291 9.19589 4.03992 9.37224 4.35754L10.5954 6.56095C10.7556 6.84945 10.7631 7.1984 10.6155 7.49355L9.43714 9.8504C9.43714 9.8504 9.77864 11.6061 11.2078 13.0353C12.637 14.4645 14.3869 14.8001 14.3869 14.8001L16.7433 13.6219C17.0387 13.4742 17.3879 13.4818 17.6765 13.6423L19.8861 14.8708C20.2034 15.0473 20.4002 15.3817 20.4002 15.7448V18.2815C20.4002 19.5734 19.2003 20.5064 17.9762 20.0934C15.4623 19.2451 11.5599 17.63 9.08654 15.1566C6.61309 12.6832 4.998 8.78085 4.14973 6.2669C3.73672 5.04285 4.66976 3.84291 5.96159 3.84291H8.49789Z' stroke='white' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  transition: background-image 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headT .hotLine .tel {
  font-family: DINPro;
  margin-left: 0.625rem;
  transition: color 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.headB {
  position: relative;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headB::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #d2d2d2;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headB .headBC {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headB .logo {
  position: relative;
  display: inline-block;
}
.headB .logo .lo-img {
  display: block;
  width: auto;
  height: 3.375rem;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1), visibility 0.5s;
}
.headB .logo .lo-img2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
}
.headB .headbr {
  display: flex;
  align-items: center;
}
.headB .headbr .nav {
  display: flex;
}
.headB .nav-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 7.5rem;
  margin-right: 3.75rem;
}
.headB .nav-item:last-of-type {
  margin-right: 0;
}
.headB .nav-item .navA {
  color: #fff;
  transition: color 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headB .nav-item .navB {
  color: #fff;
  text-transform: uppercase;
  transition: color 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headB .nav-item:hover .drop {
  transform: translate(-50%, 0);
  visibility: visible;
  opacity: 1;
}
.headB .drop {
  position: absolute;
  margin-top: 1px;
  left: 50%;
  transform: translate(-50%, -1.5rem);
  top: 100%;
  min-width: 100%;
  background-color: #fff;
  overflow: hidden;
  isolation: isolate;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1), transform 0.5s cubic-bezier(0.65, 0, 0.35, 1), visibility 0.5s;
}
.headB .drop .dropA {
  display: flex;
  justify-content: center;
  white-space: nowrap;
  padding: 1.375rem 3rem;
  transition: color 0.5s cubic-bezier(0.65, 0, 0.35, 1), background-color 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headB .drop .dropA:hover {
  color: #9c2a2a;
  background-color: rgba(156, 42, 42, 0.1);
}
.headB .lang-box {
  position: relative;
  margin-left: 6.25rem;
}
.headB .lang-box .langT {
  display: flex;
  align-items: center;
  height: 7.5rem;
  color: #fff;
  cursor: pointer;
}
.headB .lang-box i {
  transition: background-image 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headB .lang-box .earth-ico {
  width: 1.875rem;
  height: 1.875rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 27.5C21.9036 27.5 27.5 21.9036 27.5 15C27.5 8.09644 21.9036 2.5 15 2.5C8.09644 2.5 2.5 8.09644 2.5 15C2.5 21.9036 8.09644 27.5 15 27.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 15H27.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 27.5C17.7614 27.5 20 21.9036 20 15C20 8.09644 17.7614 2.5 15 2.5C12.2386 2.5 10 8.09644 10 15C10 21.9036 12.2386 27.5 15 27.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.16113 6.33881C8.42319 8.60088 11.5482 10 14.9999 10C18.4518 10 21.5768 8.60088 23.8388 6.33881' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.8388 23.6612C21.5768 21.3991 18.4518 20 14.9999 20C11.5482 20 8.42319 21.3991 6.16113 23.6612' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.headB .lang-box .caret-bottom-ico {
  margin-left: 0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 7.91666L10 12.9167L5 7.91666H15Z' fill='white' stroke='white' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.headB .lang-box:hover .lang-items {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}
.headB .lang-box .lang-items {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 2.5rem);
  top: 100%;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
  padding: 0.625rem 0;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headB .lang-box .lang-item {
  display: block;
  padding: 0.3125rem 1.25rem;
  text-align: center;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.headB .ticket {
  position: relative;
  display: flex;
  align-items: center;
  height: 2.375rem;
  color: #fff;
  padding: 0 1.0625rem;
  border-radius: 4.125rem;
  border: 0.0625rem solid transparent;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: -1.25rem 4.25rem 1.25rem 0 rgba(0, 0, 0, 0), -0.8125rem 2.6875rem 1.125rem 0 rgba(0, 0, 0, 0.01), -0.4375rem 1.5rem 0.9375rem 0 rgba(0, 0, 0, 0.04), -0.1875rem 0.6875rem 0.6875rem 0 rgba(0, 0, 0, 0.07), -0.0625rem 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(0.5rem);
  box-sizing: border-box;
  margin-left: 3.125rem;
  overflow: hidden;
  transition: color 0.5s cubic-bezier(0.65, 0, 0.35, 1), border-color 0.5s cubic-bezier(0.65, 0, 0.35, 1), background 0.5s cubic-bezier(0.65, 0, 0.35, 1), box-shadow 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  isolation: isolate;
}
.headB .ticket::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #9c2a2a;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.headB .ticket:hover {
  color: #fff !important;
  border-color: #9c2a2a;
}
.headB .ticket:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}

footer {
  overflow-y: hidden;
  background: #232323;
}
footer .footer-top {
  display: flex;
  justify-content: space-between;
  padding: 3.75rem 0 1.875rem;
  color: #fff;
}
.footer-nav .nav-group {
  display: flex;
  flex-wrap: wrap;
}
.footer-nav .nav-item {
  min-width: 11.25rem;
  display: flex;
  justify-content: center;
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.1);
}
.footer-nav .nav-item:first-child {
  border-left: none;
}
.footer-nav .nav-title {
  display: block;
  margin-bottom: 0.875rem;
}
.footer-nav .nav-drop {
  display: flex;
  flex-direction: column;
}
.footer-nav .sub-nav-item {
  margin-top: 0.625rem;
}

footer .footer-top .wx-qrcode {
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .footer-top .wx-qrcode .qr-image {
  width: 7rem;
  height: 7rem;
}
footer .footer-top .wx-qrcode .qr-txt {
  margin-top: 0.9375rem;
}
footer .footer-bottom {
  padding: 1.875rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  font-family: "OPPOSans";
}
footer .footer-bottom .copyright {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.25rem;
}
footer .footer-bottom .contact {
  display: flex;
  gap: 1.25rem;
}
footer .footer-bottom a {
  transition: color 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
footer .footer-bottom a:hover {
  color: #fff;
}

.in-banner {
  position: relative;
  overflow: hidden;
  max-height: 37.5rem;
}
.in-banner .banImg {
  width: 100%;
}
.in-banner .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7.6%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.in-banner .name {
  color: #fff;
  text-align: center;
  font-family: "Source Han Serif SC";
  font-weight: 900;
  letter-spacing: 0.3125rem;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.5) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: blur(0.0125rem);
}
.in-banner .down-btn {
  margin-top: 5.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  text-align: center;
  border-bottom: 0.125rem solid #fff;
  backdrop-filter: blur(0.625rem);
  animation: down 1s ease-in-out alternate infinite;
  cursor: pointer;
}
.in-banner .down-btn .down-ico {
  width: 1.875rem;
  height: 1.875rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M15 26.25V3.75' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5 18.75L15 26.25L7.5 18.75' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nav-bar {
  border-bottom: 0.0625rem solid #e0e0e0;
  background: #fff;
}
.nav-bar-inner {
  display: flex;
  justify-content: safe center;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-gutter: stable auto;
  scroll-behavior: smooth;
  scrollbar-color: transparent transparent;
  transition: scrollbar-color 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  scrollbar-width: thin;
}
.nav-bar-inner::-webkit-scrollbar {
  background: transparent;
}
.nav-bar-inner::-webkit-scrollbar-track {
  background: transparent;
}
.nav-bar-inner::-webkit-scrollbar-thumb {
  background: transparent;
  transition: background 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.nav-bar-inner::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}
.nav-bar-inner:hover {
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}
.nav-bar-inner:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}
@supports not (justify-content: safe center) {
  .nav-bar-inner {
    justify-content: flex-start;
  }
}
.nav-bar .divider {
  width: 0.0625rem;
  height: 1.5rem;
  background: #e0e0e0;
  margin: 0 3.25rem;
}
.nav-bar .divider:first-of-type {
  display: none;
}
.nav-bar .nav-item {
  position: relative;
  height: 4.5rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.9375rem;
}
.nav-bar .nav-item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.1875rem;
  width: 100%;
  background-color: #9c2a2a;
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.nav-bar .nav-item:hover::before, .nav-bar .nav-item.active::before {
  transform: scaleX(1);
}

main {
  min-height: max(75vh, 31.25rem);
}

.main {
  padding: 5rem 0 5rem;
  background-color: #f4f5f6;
  background-image: url("../img/bgMainBottom.png");
  background-position: bottom;
  background-size: 100% auto;
}

.location {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
  font-size: 1rem;
  padding: 1.25rem 3.125%;
  display: none;
}
.location a {
  transition: color 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.location a:hover {
  color: #9c2a2a;
}

img[data-value-bg],
img[data-parallax-img],
img[data-inner-img] {
  height: calc(100% + 6.625rem);
  object-fit: cover;
}

[data-value-bg] > img,
[data-parallax-img] > img,
[data-inner-img] > img {
  height: calc(100% + 6.625rem);
  object-fit: cover;
}

[data-parallax-l] [data-parallax-img] {
  transform: translate3d(-3.75rem, 0, 0);
}

[data-parallax-r] [data-parallax-img] {
  transform: translate3d(3.75rem, 0, 0);
}

[data-parallax-t] [data-parallax-img] {
  transform: translate3d(0, 3.75rem, 0);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 3.75rem, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 3.75rem, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 0;
    transform: translate3d(-3.75rem, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 0;
    transform: translate3d(-3.75rem, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 0;
    transform: translate3d(3.75rem, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 0;
    transform: translate3d(3.75rem, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes banTxt {
  0% {
    transform: translate(-50%, calc(-50% + 3.75rem));
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes banscale {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes down {
  to {
    transform: translate(0, 0.625rem);
  }
}
@keyframes turn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  1% {
    opacity: 1;
    transform: scale(0.8);
  }
  100% {
    transform: scale(1) rotate(1turn);
    opacity: 1;
  }
}
@keyframes clip {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes clip2 {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(100% 0 0 0);
  }
}
@keyframes line {
  to {
    height: 100%;
  }
}