.uw-swiper .swiper-slide {
  height: clamp(250px, 35.7142857143vw, 500px);
}
.uw-swiper__media {
  overflow: hidden;
}
.uw-swiper__media img {
  animation: aboutBannerFloat 9s ease-in-out infinite;
  transform-origin: center center;
}

@keyframes aboutFadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes aboutBannerFloat {
  0% {
    transform: scale(1.02) translateY(0);
  }
  50% {
    transform: scale(1.06) translateY(-8px);
  }
  100% {
    transform: scale(1.02) translateY(0);
  }
}

.about-section__content,
.about-section__media,
.uw-culture .container-wide > picture,
.uw-culture .box .item,
.uw-culture__cooperation .box,
.uw-honor__header,
.uw-honor__content,
.uw-honor__box,
.uw-contact__header,
.uw-contact__box {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.about-section__content.is-visible,
.about-section__media.is-visible,
.uw-culture .container-wide > picture.is-visible,
.uw-culture .box .item.is-visible,
.uw-culture__cooperation .box.is-visible,
.uw-honor__header.is-visible,
.uw-honor__content.is-visible,
.uw-honor__box.is-visible,
.uw-contact__header.is-visible,
.uw-contact__box.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.about-section {
  padding-top: clamp(24px, 5.7142857143vw, 80px);
}
.about-section__media img {
  transition: transform 0.45s ease, box-shadow 0.45s ease;
}
.about-section__media:hover img {
  transform: translateY(-8px) scale(1.02);
}
.about-section__stat-item {
  transition: transform 0.35s ease;
}
.about-section__stat-item:hover {
  transform: translateY(-4px);
}
.about-section__more {
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.about-section__more:hover {
  transform: translateY(-3px);
}

.uw-culture {
  padding-top: clamp(36px, 5.7142857143vw, 80px);
  padding-bottom: 0;
}
.uw-culture .container-wide {
  gap: clamp(12px, 1.7142857143vw, 24px);
}
.uw-culture .container-wide > picture {
  width: clamp(120px, 17.1428571429vw, 240px);
  height: clamp(322px, 44vw, 616px);
}
@media (max-width: 767px) {
  .uw-culture .container-wide > picture {
    width: 100%;
    height: auto;
  }
}
.uw-culture .container-wide > picture img {
  width: 100%;
  height: 100%;
}
.uw-culture .box {
  flex: 1;
  gap: clamp(12px, 1.7142857143vw, 24px);
}
.uw-culture .box .item {
  position: relative;
  width: calc(50% - clamp(12px, 1.7142857143vw, 24px) / 2);
  height: clamp(150px, 21.1428571429vw, 296px);
  padding-left: clamp(32px, 4.5714285714vw, 64px);
  padding-top: clamp(28px, 4vw, 56px);
  padding-right: clamp(32px, 11.4285714286vw, 160px);
}
.uw-culture .box .item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.45s ease;
}
.uw-culture .box .item:last-child {
  width: 100%;
}
.uw-culture .box .item:hover img {
  transform: scale(1.04);
}
.uw-culture .box .item h4 {
  font-weight: 700;
  font-size: clamp(16px, 2.2857142857vw, 32px);
  color: #333333;
  position: relative;
  z-index: 2;
  margin-bottom: clamp(22px, 2.8571428571vw, 40px);
  transition: color 0.3s ease;
}
.uw-culture .box .item p {
  position: relative;
  font-weight: 500;
  font-size: clamp(14px, 2vw, 28px);
  color: #333333;
  margin-bottom: clamp(10px, 1.1428571429vw, 16px);
}
.uw-culture .box .item span {
  position: relative;
  font-weight: 400;
  font-size: clamp(12px, 1.1428571429vw, 16px);
  color: #666;
  display: block;
  line-height: 1.5;
}
.uw-culture .box .item:hover h4,
.uw-culture .box .item:hover p {
  color: #0070F2;
}
@media (max-width: 991px) {
  .uw-culture .box .item {
    padding-right: clamp(32px, 5.7142857143vw, 80px);
    padding-top: 24px;
    padding-left: 32px;
  }
  .uw-culture .box .item h4 {
    margin-bottom: 18px;
  }
  .uw-culture .box .item p {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .uw-culture .box .item {
    width: 100%;
    height: 163px;
    padding-left: 20px;
    padding-top: 24px;
  }
  .uw-culture .box .item h4 {
    margin-bottom: 16px;
    font-size: 18px;
  }
  .uw-culture .box .item p {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .uw-culture .box .item span {
    font-size: 14px;
  }
}
.uw-culture__cooperation {
  margin-top: clamp(36px, 5.7142857143vw, 80px);
}
.uw-culture__cooperation .container-wide {
  position: relative;
  z-index: 2;
}
.uw-culture__cooperation picture {
  width: 100%;
  height: auto;
}
.uw-culture__cooperation picture img {
  width: 100%;
  height: auto;
}
.uw-culture__cooperation .box {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: clamp(70px, 10vw, 140px);
}
.uw-culture__cooperation .box .left {
  margin-bottom: clamp(16px, 2.2857142857vw, 32px);
}
.uw-culture__cooperation .box .left h2 {
  font-weight: 700;
  font-size: clamp(24px, 3.4285714286vw, 48px);
  color: rgba(156, 163, 175, 0.32);
}
.uw-culture__cooperation .box .left img {
  margin-top: clamp(3px, 1.1428571429vw, 16px);
  margin-bottom: clamp(3px, 1.1428571429vw, 16px);
}
.uw-culture__cooperation .box .left h3 {
  font-weight: 500;
  font-size: clamp(18px, 2.2857142857vw, 32px);
  color: #333333;
}
.uw-culture__cooperation .box .num {
  font-weight: 700;
  font-size: clamp(30px, 5.7142857143vw, 80px);
  color: #0070F2;
}
.uw-culture__cooperation .box .num span {
  font-size: clamp(20px, 2.8571428571vw, 40px);
}
.uw-culture__cooperation .box p {
  font-weight: 400;
  font-size: clamp(12px, 1.2857142857vw, 18px);
  color: #666666;
}
@media (max-width: 767px) {
  .uw-culture__cooperation .box {
    width: 100%;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .uw-culture__cooperation .box .num {
    text-align: right;
    line-height: 1.5;
  }
}

.uw-honor {
  background: url("../images/about-rongyubg.png") no-repeat 0 0;
  background-size: 100% 100%;
  padding-top: clamp(24px, 5.7142857143vw, 80px);
  padding-bottom: clamp(28px, 6.7142857143vw, 94px);
}
.uw-honor__header .left {
  margin-bottom: clamp(16px, 2.2857142857vw, 32px);
}
.uw-honor__header .left p {
  font-weight: 700;
  font-size: clamp(24px, 3.4285714286vw, 48px);
  color: rgba(156, 163, 175, 0.32);
}
.uw-honor__header .left img {
  margin-top: clamp(3px, 1.1428571429vw, 16px);
  margin-bottom: clamp(3px, 1.1428571429vw, 16px);
}
.uw-honor__header .left h2 {
  font-weight: 500;
  font-size: clamp(18px, 2.2857142857vw, 32px);
  color: #333333;
}
.uw-honor__header .right {
  width: clamp(32px, 5vw, 70px);
  height: clamp(32px, 5vw, 70px);
}
.uw-honor__content {
  margin-top: clamp(32px, 5.7142857143vw, 80px);
}
.uw-honor__content h4 {
  font-weight: 400;
  font-size: clamp(12px, 1.7142857143vw, 24px);
  color: #666666;
  margin-bottom: clamp(12px, 1.7142857143vw, 24px);
}
.uw-honor__content .menu {
  align-items: center;
}
@media (max-width: 767px) {
  .uw-honor__content .menu {
    justify-content: center;
  }
}
.uw-honor__content .menu .item .num {
  font-size: clamp(24px, 3.4285714286vw, 48px);
  color: #333;
  font-weight: 700;
  line-height: 1;
}
.uw-honor__content .menu .item p {
  font-weight: 400;
  font-size: clamp(11px, 1vw, 14px);
  color: #9CA3AF;
}
.uw-honor__content .menu .shu {
  width: 2px;
  height: 48px;
  background: #E5E7EB;
  margin: 0 40px;
}
.uw-honor__box {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: clamp(46px, 9.2857142857vw, 130px);
}
.uw-honor__box .honor-prev,
.uw-honor__box .honor-next {
  cursor: pointer;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 19;
}
.uw-honor__box .honor-prev {
  left: 7vw;
}
.uw-honor__box .honor-next {
  right: 7vw;
}
.uw-honor__box .honor-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.uw-honor__box .honor-swiper {
  flex: 1;
  overflow: hidden;
}
.uw-honor__box .swiper-slide {
  width: clamp(127px, 15.7142857143vw, 220px);
  display: flex;
  align-items: flex-end;
}
.uw-honor__box .item {
  width: clamp(127px, 15.7142857143vw, 220px);
  height: clamp(90px, 11.1428571429vw, 156px);
  /*border: 3px solid rgba(0, 0, 0, 0.6);*/
  box-sizing: border-box;
  border-radius: 0;
  background: #fff;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.uw-honor__box .swiper-slide:hover .item {
  /*transform: translateY(-8px);*/
  box-shadow: 0 18px 36px rgba(24, 62, 110, 0.12);
  border-color: rgba(0, 112, 242, 0.45);
}
@media (max-width: 767px) {
  .uw-honor__box .honor-prev,
  .uw-honor__box .honor-next {
    width: 41px;
    height: 41;
  }
  .uw-honor__box .honor-prev {
    left: 2.2vw;
  }
  .uw-honor__box .honor-next {
    right: 2.2vw;
  }
}

.uw-contact {
  background: url("../images/about-about.png") no-repeat 0 0 #F8F9FA;
  background-size: 100% auto;
}
.uw-contact__box-form .input,
.uw-contact__box-form textarea {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.uw-contact__box-form .input:focus-within {
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .uw-swiper__media img {
    animation: none;
  }
  .about-section__content,
  .about-section__media,
  .uw-culture .container-wide > picture,
  .uw-culture .box .item,
  .uw-culture__cooperation .box,
  .uw-honor__header,
  .uw-honor__content,
  .uw-honor__box,
  .uw-contact__header,
  .uw-contact__box {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .about-section__media img,
  .about-section__stat-item,
  .about-section__more,
  .uw-culture .box .item img,
  .uw-culture .box .item h4,
  .uw-culture .box .item p,
  .uw-honor__box .item,
  .uw-contact__box-form .input,
  .uw-contact__box-form textarea {
    transition: none;
  }
}/*# sourceMappingURL=abput.css.map */
