@charset "utf-8";

/* 公共响应变量 */

/*

插件：视频弹窗

版本：

官网：

*/

/* 视频弹窗 */

#hi-video-pop {
  color: var(--color-active);
  display: none;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1000;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  text-align: center;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

#hi-video-pop * {
  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

#hi-video-pop .hi-close {
  position: fixed;

  top: 85%;

  left: 50%;

  z-index: 5;

  margin-left: -25px;

  width: 40px;

  height: 40px;

  color: #fff;

  background: #fff;

  border-radius: 50%;

  transition: 0.4s;

  cursor: pointer;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {
  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 5;

  width: 20px;

  height: 2px;

  margin: -1px 0 0 -10px;

  background: #333;

  transition: 0.4s;
}

#hi-video-pop .hi-close:after {
  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
}

#hi-video-pop .hi-close:before {
  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);
}

#hi-video-pop .hi-close:hover {
  background: var(--color-active);
}

#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {
  background: #fff;
}

#hi-video-pop .hi-video-box {
  position: fixed;

  left: 0;

  top: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;
}

#hi-video-pop .hi-video-box .hi-video-wrap {
  position: relative;

  max-width: 90vh;

  border: 2px solid #fff;
}

@media (max-width: 767px) {
  #hi-video-pop .hi-video-box .hi-video-wrap {
    max-width: 90%;
  }
}

#hi-video-pop .hi-video-box .hi-video-wrap video {
  width: 100%;

  height: 100%;

  vertical-align: top;
}

/* iframe视频弹窗 */

#hi-iframe-video {
  display: none;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1000;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  text-align: center;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

#hi-iframe-video * {
  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

#hi-iframe-video .hi-close {
  position: fixed;

  top: 85%;

  left: 50%;

  z-index: 5;

  margin-left: -25px;

  width: 40px;

  height: 40px;

  color: #fff;

  background: #fff;

  border-radius: 50%;

  transition: 0.4s;

  cursor: pointer;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

#hi-iframe-video .hi-close:after,
#hi-iframe-video .hi-close:before {
  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 5;

  width: 20px;

  height: 2px;

  margin: -1px 0 0 -10px;

  background: #333;

  transition: 0.4s;
}

#hi-iframe-video .hi-close:after {
  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
}

#hi-iframe-video .hi-close:before {
  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);
}

#hi-iframe-video .hi-close:hover {
  background: var(--color-active);
}

#hi-iframe-video .hi-close:hover:after,
#hi-iframe-video .hi-close:hover:before {
  background: #fff;
}

#hi-iframe-video iframe {
  position: fixed;

  left: 50%;

  top: 50%;

  width: 100vh;

  height: 60vh;

  max-width: 90%;

  max-height: 70%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
  #hi-iframe-video iframe {
    width: 90vw;

    height: 60vw;
  }
}

/*

插件：视频全屏

版本：

官网：

*/

#hi-video-pop2 {
  display: none;

  height: 0;

  width: 0;
}

/*

插件：图片弹窗

版本：

官网：

*/

#hi-img-pop {
  display: none;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1000;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  text-align: center;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

#hi-img-pop * {
  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

#hi-img-pop .hi-close {
  position: fixed;

  top: 85%;

  left: 50%;

  margin-left: -25px;

  width: 40px;

  height: 40px;

  color: #fff;

  background: #fff;

  border-radius: 50%;

  transition: 0.4s;

  cursor: pointer;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

#hi-img-pop .hi-close:after,
#hi-img-pop .hi-close:before {
  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 5;

  width: 20px;

  height: 2px;

  margin: -1px 0 0 -10px;

  background: #333;

  transition: 0.4s;
}

#hi-img-pop .hi-close:after {
  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
}

#hi-img-pop .hi-close:before {
  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);
}

#hi-img-pop .hi-close:hover {
  background: var(--color-active);
}

#hi-img-pop .hi-close:hover:after,
#hi-img-pop .hi-close:hover:before {
  background: #fff;
}

#hi-img-pop > img {
  position: fixed;

  left: 50%;

  top: 50%;

  max-width: 90%;

  max-height: 65%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
}

/*

插件：投递简历弹窗

版本：

官网：

*/

#hi-resume-pop {
  display: none;

  position: fixed;

  z-index: 999;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

#hi-resume-pop * {
  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

#hi-resume-pop form {
  position: absolute;

  top: 50%;

  left: 50%;

  width: 90%;

  max-width: 500px;

  background: #fff;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
}

@media (max-width: 1580px) {
  #hi-resume-pop form {
    max-width: 400px;
  }
}

#hi-resume-pop form .hi-title-box {
  position: relative;

  padding: 0 0.4rem;

  background: var(--color-active);
}

#hi-resume-pop form .hi-title-box .hi-title {
  line-height: 0.8rem;

  font-size: 20px;

  color: #fff;
}

@media (max-width: 1580px) {
  #hi-resume-pop form .hi-title-box .hi-title {
    line-height: 1rem;

    font-size: 0.4rem;
  }
}

#hi-resume-pop form .hi-title-box .hi-close {
  position: absolute;

  top: 0;

  right: 0;

  z-index: 5;

  width: 1.05rem;

  height: 0.8rem;

  cursor: pointer;
}

@media (max-width: 767px) {
  #hi-resume-pop form .hi-title-box .hi-close {
    width: 1.05rem;

    height: 1rem;
  }
}

#hi-resume-pop form .hi-title-box .hi-close:before,
#hi-resume-pop form .hi-title-box .hi-close:after {
  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -1px 0 0 -0.13rem;

  width: 0.25rem;

  height: 2px;

  background: #fff;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
}

@media (max-width: 767px) {
  #hi-resume-pop form .hi-title-box .hi-close:before,
  #hi-resume-pop form .hi-title-box .hi-close:after {
    margin: -1px 0 0 -0.2rem;

    width: 0.4rem;
  }
}

#hi-resume-pop form .hi-title-box .hi-close:after {
  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);
}

#hi-resume-pop form .hi-box {
  padding: 0.4rem;

  line-height: 0.6rem;
}

@media (max-width: 767px) {
  #hi-resume-pop form .hi-box {
    line-height: 0.6rem;
  }
}

#hi-resume-pop form .hi-box input {
  margin-bottom: 0.2rem;

  padding: 0 0.15rem;

  width: 100%;

  height: 0.6rem;

  border: 1px solid #ccc;
}

@media (max-width: 767px) {
  #hi-resume-pop form .hi-box input {
    height: 0.8rem;
  }
}

#hi-resume-pop form .hi-box button {
  width: 100%;

  height: 0.6rem;

  background: var(--color-active);

  color: #fff;

  cursor: pointer;

  border: 0;
}

@media (max-width: 767px) {
  #hi-resume-pop form .hi-box button {
    height: 0.8rem;
  }
}

#hi-resume-pop form .hi-box .hi-file-box {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin-bottom: 0.2rem;
}

#hi-resume-pop form .hi-box .hi-file-box .hi-input-box {
  position: relative;

  display: inline-block;

  margin-right: 0.15rem;

  padding: 0.05rem 0.15rem;

  line-height: 0.3rem;

  background: var(--color-active);
}

@media (max-width: 767px) {
  #hi-resume-pop form .hi-box .hi-file-box .hi-input-box {
    padding: 0.1rem 0.15rem;

    line-height: 0.4rem;
  }
}

#hi-resume-pop form .hi-box .hi-file-box .hi-input-box input {
  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  margin-bottom: 0;

  padding: 0;

  width: 100%;

  height: 100%;

  border: 0;

  cursor: pointer;
}

#hi-resume-pop form .hi-box .hi-file-box .hi-input-box .hi-text {
  color: #fff;
}

#hi-resume-pop form .hi-box .hi-file-box .hi-text2 {
  line-height: 0.4rem;
}

@media (max-width: 767px) {
  #hi-resume-pop form .hi-box .hi-file-box .hi-text2 {
    padding: 0.1rem 0;
  }
}

#hi-resume-pop form .hi-box .hi-code-box {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 0.2rem;
}

#hi-resume-pop form .hi-box .hi-code-box input {
  margin-bottom: 0;

  width: calc(100% - 1.4rem) !important;
}

@media (max-width: 767px) {
  #hi-resume-pop form .hi-box .hi-code-box input {
    width: calc(100% - 2.2rem) !important;
  }
}

#hi-resume-pop form .hi-box .hi-code-box img {
  max-width: 1.3rem;

  max-height: 0.6rem;

  cursor: pointer;
}

@media (max-width: 767px) {
  #hi-resume-pop form .hi-box .hi-code-box img {
    max-width: 2rem;

    max-height: 0.8rem;
  }
}

/*

插件：animate动画

版本：3.7.2

官网：https://animate.style/

*/

@-webkit-keyframes scrollToTop {
  0% {
    transform: translateY(50px) scale(0.99);

    opacity: 0;
  }

  100% {
    transform: translateY(0) scale(1);

    opacity: 1;
  }
}

@keyframes scrollToTop {
  0% {
    transform: translateY(50px) scale(0.99);

    opacity: 0;
  }

  100% {
    transform: translateY(0) scale(1);

    opacity: 1;
  }
}

@-webkit-keyframes right-img-animate {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

    opacity: 0;
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    opacity: 1;
  }
}

@keyframes right-img-animate {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);

    opacity: 0;
  }

  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    opacity: 1;
  }
}

@-webkit-keyframes right-animate {
  from {
    opacity: 0;

    transform: translate(100%, 0%);
  }

  to {
    opacity: 1;

    transform: translate(0px, 0px);
  }
}

@keyframes right-animate {
  from {
    opacity: 0;

    transform: translate(100%, 0%);
  }

  to {
    opacity: 1;

    transform: translate(0px, 0px);
  }
}

@-webkit-keyframes up-animate {
  0% {
    opacity: 0;

    transform: matrix(1, 0.1, 0, 1, 0, 20);
  }

  100% {
    opacity: 1;

    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes up-animate {
  0% {
    opacity: 0;

    transform: matrix(1, 0.1, 0, 1, 0, 20);
  }

  100% {
    opacity: 1;

    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@-webkit-keyframes scaleInImg {
  0% {
    -webkit-transform: scale(1.2);

    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);

    transform: scale(1);
  }
}

@keyframes scaleInImg {
  0% {
    -webkit-transform: scale(1.2);

    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);

    transform: scale(1);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;

    -webkit-transform: translateY(50px);

    transform: translateY(50px);
  }

  100% {
    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;

    -webkit-transform: translateY(50px);

    -ms-transform: translateY(50px);

    transform: translateY(50px);
  }

  100% {
    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;

    -webkit-transform: translateY(-50px);

    transform: translateY(-50px);
  }

  100% {
    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;

    -webkit-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    transform: translateY(-50px);
  }

  100% {
    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;

    -webkit-transform: translateX(-50px);

    transform: translateX(-50px);
  }

  100% {
    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;

    -webkit-transform: translateX(-50px);

    -ms-transform: translateX(-50px);

    transform: translateX(-50px);
  }

  100% {
    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;

    -webkit-transform: translateX(50px);

    transform: translateX(50px);
  }

  100% {
    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;

    -webkit-transform: translateX(50px);

    -ms-transform: translateX(50px);

    transform: translateX(50px);
  }

  100% {
    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);
  }
}

@-webkit-keyframes icon-video {
  0% {
    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.2, 1.2);

    transform: scale(1.2, 1.2);
  }

  100% {
    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);
  }
}

@keyframes icon-video {
  0% {
    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.2, 1.2);

    transform: scale(1.2, 1.2);
  }

  100% {
    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);
  }
}

@-webkit-keyframes icon_video {
  0% {
    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.2, 1.2);

    transform: scale(1.2, 1.2);
  }

  100% {
    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);
  }
}

@keyframes icon_video {
  0% {
    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.2, 1.2);

    transform: scale(1.2, 1.2);
  }

  100% {
    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);
  }
}

@-webkit-keyframes h-line {
  0% {
    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform-origin: 100% 50%;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    opacity: 1;
  }

  20% {
    transform: scale(0.01, 1);

    -webkit-transform: scale(0.01, 1);

    -ms-transform: scale(0.01, 1);

    -moz-transform: scale(0.01, 1);

    -o-transform: scale(0.01, 1);

    transform-origin: 100% 50%;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    opacity: 1;
  }

  30% {
    transform: scale(0.01, 1);

    -webkit-transform: scale(0.01, 1);

    -ms-transform: scale(0.01, 1);

    -moz-transform: scale(0.01, 1);

    -o-transform: scale(0.01, 1);

    transform-origin: 100% 50%;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    opacity: 0;
  }

  31% {
    transform: scale(0.01, 1);

    -webkit-transform: scale(0.01, 1);

    -ms-transform: scale(0.01, 1);

    -moz-transform: scale(0.01, 1);

    -o-transform: scale(0.01, 1);

    transform-origin: 0 50%;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    -moz-transform-origin: 0 50%;

    -o-transform-origin: 0 50%;

    opacity: 0;
  }

  50% {
    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform-origin: 0 50%;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    -moz-transform-origin: 0 50%;

    -o-transform-origin: 0 50%;

    opacity: 1;
  }

  100% {
    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform-origin: 100% 50%;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    opacity: 1;
  }
}

@keyframes h-line {
  0% {
    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform-origin: 100% 50%;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    opacity: 1;
  }

  20% {
    transform: scale(0.01, 1);

    -webkit-transform: scale(0.01, 1);

    -ms-transform: scale(0.01, 1);

    -moz-transform: scale(0.01, 1);

    -o-transform: scale(0.01, 1);

    transform-origin: 100% 50%;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    opacity: 1;
  }

  30% {
    transform: scale(0.01, 1);

    -webkit-transform: scale(0.01, 1);

    -ms-transform: scale(0.01, 1);

    -moz-transform: scale(0.01, 1);

    -o-transform: scale(0.01, 1);

    transform-origin: 100% 50%;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    opacity: 0;
  }

  31% {
    transform: scale(0.01, 1);

    -webkit-transform: scale(0.01, 1);

    -ms-transform: scale(0.01, 1);

    -moz-transform: scale(0.01, 1);

    -o-transform: scale(0.01, 1);

    transform-origin: 0 50%;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    -moz-transform-origin: 0 50%;

    -o-transform-origin: 0 50%;

    opacity: 0;
  }

  50% {
    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform-origin: 0 50%;

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    -moz-transform-origin: 0 50%;

    -o-transform-origin: 0 50%;

    opacity: 1;
  }

  100% {
    transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform-origin: 100% 50%;

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    opacity: 1;
  }
}

.scroll-animate.animated {
  visibility: hidden;
}

.animated {
  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;
}

.animated.flip {
  -webkit-backface-visibility: visible;

  -ms-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;
}

.animated.hinge {
  -webkit-animation-duration: 2s;

  animation-duration: 2s;
}

.scrollToTop {
  -webkit-animation-name: scrollToTop;

  animation-name: scrollToTop;
}

.right-img-animate {
  display: inline-block;

  -webkit-animation-name: right-img-animate;

  animation-name: right-img-animate;
}

.right-animate {
  display: inline-block;

  -webkit-animation-name: right-animate;

  animation-name: right-animate;
}

.up-animate {
  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-animation: up-animate 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);

  animation: up-animate 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;
}

.scaleInImg {
  -webkit-animation-name: scaleInImg;

  animation-name: scaleInImg;
}

.fadeIn {
  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;
}

.icon-video {
  -webkit-animation-name: icon-video;

  animation-name: icon-video;
}

.icon_video {
  -webkit-animation-name: icon_video;

  animation-name: icon_video;
}

.h-line {
  -webkit-animation-name: h-line;

  animation-name: h-line;
}

.color-blue-045 {
  color: #045ebf;
}

.color-blue-1b3 {
  color: #1b3da3;
}

.bg-blue-045 {
  background-color: #045ebf;
}

.bg-blue-1b3 {
  background-color: #1b3da3;
}

:root {
  /* 导航高度 */

  --header-height: 0.8rem;

  /* COLOR */

  --color-active: #045ebf;

  --color-blue-045: #045ebf;

  --color-blue-1b3: #1b3da3;

  --color-white: #fff;

  --color-black: #282828;

  --color-gray-f6: #f6f6f6;

  --color-gray-f4: #f4f4f4;

  --color-gray-eee: #eee;

  --color-gray-ddd: #ddd;

  --color-gray-bbb: #bbb;

  --color-gray-999: #999;

  --color-gray-666: #666;

  --color-gray-444: #444;

  --color-gray-333: #333;

  --font14: 0.729vw;

  --font16: 0.833vw;

  --font18: 0.938vw;

  --font20: 1.042vw;

  --font22: 1.146vw;

  --font24: 1.25vw;

  --font28: 1.458vw;

  --font32: 1.667vw;

  --font36: 1.875vw;

  --font38: 1.979vw;

  --font40: 2.083vw;

  --font68: 3.542vw;

  --font70: 3.646vw;

  --font96: 5vw;
}

@media (max-width: 1580px) {
  :root {
    --header-height: 50px;
  }
}

@media (min-width: 1901px) {
  :root {
    --font14: 14px;

    --font16: 16px;

    --font18: 18px;

    --font20: 20px;

    --font22: 22px;

    --font24: 24px;

    --font28: 28px;

    --font32: 32px;

    --font36: 36px;

    --font38: 38px;

    --font40: 40px;

    --font68: 68px;

    --font70: 70px;

    --font96: 96px;
  }
}

@media (max-width: 767px) {
  :root {
    --font14: 14px;

    --font16: 14px;

    --font18: 16px;

    --font20: 16px;

    --font22: 17px;

    --font24: 18px;

    --font28: 19px;

    --font32: 20px;

    --font36: 21px;

    --font38: 21px;

    --font40: 24px;

    --font68: 24px;

    --font70: 24px;

    --font96: 24px;
  }
}

.font14 {
  font-size: var(--font14);
}

.font16 {
  font-size: var(--font16);
}

.font18 {
  font-size: var(--font18);
}

.font22 {
  font-size: var(--font22);
}

.font20 {
  font-size: var(--font20);
}

.font24 {
  font-size: var(--font24);
}

.font28 {
  font-size: var(--font28);
}

.font32 {
  font-size: var(--font32);
}

.font36 {
  font-size: var(--font36);
}

.font38 {
  font-size: var(--font38);
}

.font40 {
  font-size: var(--font40);
}

.font68 {
  font-size: var(--font68);
}

.font70 {
  font-size: var(--font70);
}

.font96 {
  font-size: var(--font96);
}

/* 字体 */

@font-face {
  font-family: "Montserrat-B";

  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

.Montserrat-B {
  font-family: "Montserrat-B";
}

/* 初始化 */

* {
  padding: 0;

  margin: 0;

  outline: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

html {
  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  scrollbar-width: thin;
}

img {
  max-width: 100%;

  height: auto;

  box-sizing: border-box;

  border: 0;

  vertical-align: middle;
}

.img-cover {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.no_margin {
  margin-bottom: 0 !important;
}

a {
  cursor: pointer;

  color: inherit;

  text-decoration: none;

  display: inline-block;

  outline: none;

  -moz-outline-style: none;
}

a:hover {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;

  font-style: inherit;

  font-size: inherit;

  font-weight: normal;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

input,
button {
  -webkit-appearance: none;

  border-radius: 0;
}

button {
  cursor: pointer;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;

  cursor: pointer;
}

textarea {
  resize: none;

  overflow: auto;
}

input,
button,
textarea,
select {
  border: 0;

  font-family: inherit;

  font-style: inherit;

  font-size: inherit;

  font-weight: normal;

  color: inherit;

  background: transparent;
}

select {
  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  white-space: nowrap;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;
}

select::-ms-expand {
  display: none;
}

table {
  border-collapse: collapse;
}

audio,
canvas,
progress,
video {
  display: inline-block;

  vertical-align: baseline;
}

input,
button {
  border: none;

  background-color: transparent;

  box-sizing: border-box;

  outline: none;
}

input[type="checkbox"] {
  vertical-align: -2px;

  margin-right: 4px;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  /*滚动条-背景*/

  background: #ededed;
}

::-webkit-scrollbar {
  width: 3px;

  height: 1px;
}

::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/

  background-color: var(--color-active);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
  /*滚动条-背景*/

  border-radius: 3px;

  background: rgba(255, 255, 255, 0.6);
}

.scroller {
  overflow: auto;

  padding-right: 0.11rem;
}

input,
textarea {
  resize: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}

/* Flex 布局 */

.flex {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
}

.f_column {
  -webkit-box-orient: vertical;

  -ms-flex-direction: column;

  -webkit-flex-direction: column;

  flex-direction: column;
}

.f_column_right {
  -webkit-box-orient: vertical;

  -ms-flex-direction: column-reverse;

  -webkit-flex-direction: column-reverse;

  flex-direction: column-reverse;
}

.f_row {
  -webkit-flex-direction: row;

  -moz-flex-direction: row;

  -ms-flex-direction: row;

  -o-flex-direction: row;

  flex-direction: row;
}

.f_row_right {
  -webkit-flex-direction: row-reverse;

  -moz-flex-direction: row-reverse;

  -ms-flex-direction: row-reverse;

  -o-flex-direction: row-reverse;

  flex-direction: row-reverse;
}

.j_center {
  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;
}

.j_end {
  -webkit-box-pack: end;

  -ms-flex-pack: end;

  -webkit-justify-content: flex-end;

  justify-content: flex-end;
}

.j_start {
  -webkit-box-pack: start;

  -ms-flex-pack: start;

  -webkit-justify-content: flex-start;

  justify-content: flex-start;
}

.j_justify {
  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;
}

.j_around {
  -moz-justify-content: space-around;

  -webkit-justify-content: space-around;

  justify-content: space-around;
}

.a_start {
  -webkit-box-align: start;

  -ms-flex-align: start;

  -webkit-align-items: flex-start;

  align-items: flex-start;
}

.a_end {
  -webkit-box-align: end;

  -ms-flex-align: end;

  -webkit-align-items: flex-end;

  align-items: flex-end;
}

.a_center {
  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.a_baseline {
  -webkit-box-align: baseline;

  -ms-flex-align: baseline;

  -webkit-align-items: baseline;

  align-items: baseline;
}

.a_stretch {
  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  -webkit-align-items: stretch;

  align-items: stretch;
}

.a_s_stretch {
  -webkit-box-self: stretch;

  -ms-align-self: stretch;

  -webkit-align-self: stretch;

  align-self: stretch;
}

.a_s_center {
  -webkit-box-self: center;

  -ms-align-self: center;

  -webkit-align-self: center;

  align-self: center;
}

.a_s_end {
  -webkit-box-self: end;

  -ms-align-self: end;

  -webkit-align-self: end;

  align-self: end;
}

.flex_wrap {
  flex-wrap: wrap;

  -ms-flex-wrap: wrap;
}

.flex_auto {
  -webkit-box-flex: 1;

  -ms-flex: auto;

  -webkit-flex: auto;

  flex: auto;
}

.flex_1 {
  -webkit-box-flex: 1;

  -ms-flex: 1;

  -webkit-flex: 1;

  flex: 1;
}

.order_2 {
  -webkit-box-ordinal-group: 2;

  -ms-flex-order: 2;

  -webkit-order: 2;

  order: 2;
}

.order_3 {
  -webkit-box-ordinal-group: 3;

  -ms-flex-order: 3;

  -webkit-order: 3;

  order: 3;
}

/* 文字超出隐藏 */

.text {
  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;
}

/* 动画 */

.dh {
  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

/* 动画延迟 */

.white-space {
  white-space: pre-line;
}

@media (max-width: 1024px) {
  .white-space {
    white-space: inherit;
  }
}

.font-weight-b {
  font-weight: bold;
}

.text-cap {
  text-transform: uppercase;
}

/* 布局 */

.pc,
.c-pc {
  display: block;
}

@media (max-width: 767px) {
  .pc,
  .c-pc {
    display: none;
  }
}

.wap,
.mobile,
.c-mb {
  display: none;
}

@media (max-width: 767px) {
  .wap,
  .mobile,
  .c-mb {
    display: block;
  }
}

/* images等比-NEW */

.public-img {
  display: block;

  position: relative;

  z-index: 1;

  overflow: hidden;
}

.public-img::before {
  content: "";

  display: block;

  position: relative;

  z-index: 0;

  padding-top: 100%;
}

.public-img img {
  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

  z-index: 1;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.8s;

  transition: all 0.8s;
}

.public-img-plus:hover img {
  -webkit-transform: scale(1.1);

  transform: scale(1.1);
}

.swiper {
  position: relative;

  overflow: hidden;

  z-index: 1;
}

.swiper .swiper-slide .ani {
  display: none;
}

.swiper .swiper-slide.swiper-slide-active .ani {
  display: block;
}

.swiper-pagination {
  bottom: 0;

  opacity: 0;
}

.swiper-main {
  position: relative;
}

.slide-btn {
  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.slide-btn:hover::after {
  color: var(--color-active);

  opacity: 1;
}

.slide-btn:after {
  font-size: 20px;

  color: #676767;

  opacity: 0.3;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.slide-btn.swiper-button-prev {
  left: 0;
}

.slide-btn.swiper-button-next {
  right: 0;
}

.slide-btn img,
.slide-btn svg {
  width: 11px;

  height: auto;
}

@media (max-width: 1024px) {
  .slide-btn {
    display: none;
  }
}

/* 公共样式 - 结束 */

.header-placeholder {
  height: var(--header-height);
}

.wrapper {
  overflow: hidden;

  /*margin-top: var(--header-height);*/
}

.container {
  width: 100%;

  height: auto;

  max-width: 83.33333333%;

  padding: 0;

  margin: 0 auto;
}

@media (min-width: 1901px) {
  .container {
    max-width: 1600px;
  }
}

@media (max-width: 1880px) {
  .container {
    max-width: 85.10638298%;
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 100%;

    padding: 0 20px;
  }
}

.H-box {
  width: 100%;

  height: 0;

  position: relative;

  transform: translateY(calc(var(--header-height) * -1));
}

.btn-container {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;
}

.btn-container .more-primary {
  position: relative;

  padding: 0 52px;

  overflow: hidden;

  color: #666666;

  border: 1px solid #cccccc;

  border-radius: 3px;

  height: 2.5vw;

  min-height: 45px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

@media (min-width: 1901px) {
  .btn-container .more-primary {
    height: 48px;
  }
}

.btn-container .more-primary.active,
.btn-container .more-primary:hover {
  color: #fff;

  background-color: var(--color-active);

  border-color: var(--color-active);
}

.btn-container .more-primary.active .more-primary-circle,
.btn-container .more-primary:hover .more-primary-circle {
  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);
}

.btn-container .more-primary .more-primary-circle {
  margin-left: 20px;
}

.btn-container .more-primary2 {
  position: relative;

  overflow: hidden;

  color: #fff;

  border-bottom: 1px solid #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.btn-container .more-primary2 .more-primary-circle {
  margin-left: 12px;

  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);
}

.btn-container .more-primary3 {
  position: relative;

  padding: 0 3.542vw;

  overflow: hidden;

  color: #fff;

  background-color: var(--color-active);

  border-radius: 34px;

  height: 3.542vw;

  min-height: 45px;

  text-transform: uppercase;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

@media (min-width: 1901px) {
  .btn-container .more-primary3 {
    height: 68px;

    padding: 0 68px;
  }
}

@media (max-width: 767px) {
  .btn-container .more-primary3 {
    padding: 0 20px;
  }
}

.page-img-box {
  position: relative;
}
/* 2025-2-13 回退 */
.page-img-box .page-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.page-img-box .page-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-ban {
  position: relative;
}

.page-ban:before {
  content: "";

  background-color: rgba(0, 0, 0, 0.9);

  inset: 0;

  opacity: var(--progress);

  pointer-events: none;

  position: absolute;
}

.page-ban .img {
  overflow: hidden;

  position: relative;
}

.page-ban .img img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  min-height: 200px;
}

.page-ban .container {
  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  height: 100%;

  z-index: 2;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.page-ban .container .slogan .title {
  color: var(--color-white);

  line-height: 1;

  text-transform: capitalize;
}

.page-top-menu {
  position: sticky;

  top: 0;

  left: 0;

  z-index: 99;

  background-color: #f5f5f5;
}

@media (max-width: 1024px) {
  .page-top-menu {
    display: none;
  }
}

.page-top-menu .container {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  grid-gap: 50px;
}

.page-top-menu .menu-main {
  line-height: 65px;

  color: #666666;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  grid-gap: 10px 2.604vw;
}

@media (min-width: 1901px) {
  .page-top-menu .menu-main {
    grid-gap: 10px 50px;
  }
}

.page-top-menu .menu-main a {
  position: relative;
}

.page-top-menu .menu-main a::before {
  content: "";

  width: 0;

  height: 2px;

  background-color: var(--color-active);

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.page-top-menu .menu-main .menu-location.active a {
  color: var(--color-active);
}

.page-top-menu .menu-main .menu-location.active a::before {
  width: 100%;
}

.page-top-menu .menu-main .menu-location-none svg,
.page-top-menu .menu-main .menu-location-none img {
  margin-left: 9px;
}

.page-top-menu .menu-main .menu-location-none svg path {
  fill: #666666;
}

.page-top-menu .menu-nav {
  line-height: 65px;

  color: #888888;
}

.page-top-menu .menu-nav img {
  height: 13px;

  min-height: 13px;

  margin-right: 9px;
}

.page-top-menu .menu-nav a {
  position: relative;
}

.page-top-menu .menu-nav a.active {
  color: #666666;
}

.page-top-menu .menu-nav a + a {
  padding-left: 10px;

  margin-left: 3px;
}

.page-top-menu .menu-nav a + a::before {
  content: ">";

  color: #888888;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;
}

.page-title .title-en {
  font-family: "Montserrat-B";

  text-transform: uppercase;

  color: var(--color-blue-1b3);

  line-height: 1;

  opacity: 0.1;

  margin-bottom: -1.667vw;
}

@media (min-width: 1901px) {
  .page-title .title-en {
    margin-bottom: -32px;
  }
}

@media (max-width: 767px) {
  .page-title .title-en {
    margin-bottom: 5px;
  }
}

.page-title .title {
  position: relative;

  color: #333333;

  line-height: 1;

  font-weight: bold;
}

.page-title .title span.color-blue {
  color: var(--color-active);
}

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

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

.tab-ul li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tab-ul li .top {
  cursor: pointer;

  padding: 0.21rem 0;

  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tab-ul li .top .tab-box {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.tab-ul li .top .tab-box .tab-title {
  font-size: var(--font18);

  color: var(--color-black);

  line-height: 1.4;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  -webkit-flex: 1;

  flex: 1;
}

.tab-ul li .top .tab-box .btn .addBox {
  width: 30px;

  height: 30px;

  background-color: var(--color-black);

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.tab-ul li .top .tab-box .btn .addBox i {
  width: 2px;

  height: 10px;

  background-color: var(--color-white);

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.tab-ul li .top .tab-box .btn .addBox i:last-child {
  transform: rotate(90deg);

  position: absolute;
}

.tab-ul li .bom {
  display: none;

  padding-bottom: 0.5rem;
}

.tab-ul li .bom .text-body h6 {
  font-size: var(--font18);

  color: var(--color-black);

  line-height: 1.4;

  margin-bottom: 0.22rem;

  font-weight: bold;
}

.tab-ul li.active .top {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.tab-ul li.active .top .tab-box .btn .addBox {
  background-color: var(--color-active);
}

.tab-ul li.active .top .tab-box .btn .addBox i:first-child {
  transform: rotate(90deg);
}

form {
  position: relative;

  z-index: 1;
}

.layui-form-checkbox[lay-skin="primary"]:hover > i {
  border-color: var(--color-active);

  background-color: var(--color-active);
}

.forms {
  /* 验证码 */

  /* 文件上传 */

  /* 单选-多选 */

  /* 隐私条款 */
}

.forms input {
  width: 100%;

  height: 0.6rem;

  min-height: 45px;
  background-color: #fff;

  padding: 0 0.26rem;

  border: 1px solid #e0e0e0;

  border-radius: 0.14rem;

  color: #222;

  font-size: 14px;
}

.forms textarea {
  width: 100%;

  height: 1.2rem;

  min-height: 60px;

  background-color: #fff;

  padding: 10px 0.26rem;

  border: 1px solid #e0e0e0;

  border-radius: 0.14rem;

  color: #222;

  font-size: 14px;
}

.forms select {
  width: 100%;

  height: 0.6rem;

  min-height: 45px;

  background-color: #fff;

  padding: 0 0.26rem;

  border: 1px solid #e0e0e0;

  border-radius: 0.14rem;

  color: #222;

  font-size: 14px;
}

.forms .widget-label label {
  color: #333333;
}

.forms .widget-label label i,
.forms .widget-label label span {
  color: #dd1717;
}

.forms .info-list {
  margin-top: 20px;
}

.forms .info-list2 {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-gap: 20px;
}

@media (max-width: 767px) {
  .forms .info-list2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.forms .info-list3 {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 20px;

  margin: 0;
}

@media (max-width: 767px) {
  .forms .info-list3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.forms .forms-box {
  position: relative;
}

.forms .text-field {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.forms .widget-input-container {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.forms .verification-img {
  width: 170px;

  height: 100%;

  border-radius: 6px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  margin-left: 0.12rem;

  cursor: pointer;
}

.forms .file-input {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  cursor: pointer;
}

.forms .layui-input-block {
  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;
}

.forms .layui-input-block .layui-form-radio:hover > *,
.forms .layui-input-block .layui-form-radioed,
.forms .layui-input-block .layui-form-radioed > i {
  color: var(--color-active);
}

.forms .layui-form-item {
  padding-left: 24px;

  margin: 0;

  margin-top: 0.22rem;
}

.forms .layui-form-item a {
  position: relative;

  z-index: 9;

  color: var(--color-active);

  text-decoration: revert;
}

.forms .layui-form-item .layui-form-checkbox {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  margin: 0;
}

.forms .layui-form-item .layui-form-checkbox i,
.forms .layui-form-item .layui-form-checkbox span {
  width: 16px;

  height: 16px;

  background-color: white;

  border-color: #a4a4a4;

  border-radius: 4px;

  bottom: -0.03rem;

  margin: auto;

  font-weight: bold;
}

.forms .layui-form-item .layui-form-checked[lay-skin="primary"] > i {
  color: var(--color-active);
}

.forms .layui-form-item .layui-form-checkbox[lay-skin="primary"]:hover > i,
.forms .layui-form-item .layui-form-checked[lay-skin="primary"] > i {
  border-color: var(--color-active) !important;

  background-color: var(--color-active);
}

.forms .layui-form-item .layui-icon-ok:before {
  content: "";

  width: 100%;

  height: 100%;

  background: url(../images/checkbox-icon.png) no-repeat center;

  background-size: cover;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  opacity: 0;
}

.forms .layui-form-item .layui-form-checkbox[lay-skin="primary"]:hover > i::before,
.forms .layui-form-item .layui-form-checked .layui-icon-ok:before {
  opacity: 1;
}

.layui-form-select.layui-form-selected .layui-edge {
  -webkit-transform: rotate(-180deg);

  transform: rotate(-180deg);
}

.layui-form-select .layui-input:hover,
.layui-form-select .layui-input:focus,
.layui-form-select .layui-textarea:focus {
  border-color: #adadad !important;

  box-shadow: none;
}

.layui-form-select dl {
  padding: 10px 0;

  margin-top: 8px;

  border: 1px solid #adadad;

  border-radius: 10px;

  box-shadow: none;

  top: auto !important;
}

.layui-form-select dl dd:first-child {
  display: none;
}

.layui-form-select dl dt,
.layui-form-select dl dd {
  font-size: 14px;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.layui-form-select dl .layui-this {
  color: var(--color-active) !important;

  background-color: transparent !important;
}

.layui-form-select dl dd:hover {
  background: var(--color-gray-eee);
}

.searchform {
  position: relative;
}

.searchform .input {
  color: var(--color-black);

  font-style: normal;

  width: 100%;

  height: 0.6rem;

  min-height: 45px;

  padding-right: 45px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

  background-color: transparent;
}

.searchform .iconfont {
  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  background-color: transparent;

  border: none;

  cursor: pointer;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.searchform .iconfont img,
.searchform .iconfont svg {
  width: 22px;
}

.searchform .iconfont svg path {
  fill: var(--color-active);
}

@keyframes TopBtn {
  0% {
    top: 0;

    opacity: 1;
  }

  35% {
    top: -50%;

    opacity: 0;
  }

  65% {
    top: 50%;

    opacity: 0;
  }

  100% {
    top: 0;

    opacity: 1;
  }
}

@-webkit-keyframes TopBtn {
  0% {
    top: 0;

    opacity: 1;
  }

  35% {
    top: -50%;

    opacity: 0;
  }

  65% {
    top: 50%;

    opacity: 0;
  }

  100% {
    top: 0;

    opacity: 1;
  }
}

.TopBtn {
  -webkit-animation-name: TopBtn;

  animation-name: TopBtn;
}

.kefu-box {
  position: fixed;

  right: -99px;

  right: 20px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 11;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

@media (max-width: 767px) {
  .kefu-box {
    bottom: 0;

    right: 0;

    width: 100%;

    -webkit-transform: initial;

    transform: initial;

    top: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;
  }
}

.kefu-box.active {
  right: 0.2rem;
}

.kefu-box .item {
  background-color: var(--color-active);

  padding: 5px;

  margin-top: 5px;

  border-radius: 8px;

  position: relative;

  cursor: pointer;

  display: block;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

@media (max-width: 767px) {
  .kefu-box .item {
    width: 100%;

    border-radius: 0;

    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }

  .kefu-box .item:last-child {
    border: none;
  }
}

.kefu-box .item .item-box {
  width: 100%;

  height: 100%;

  overflow: hidden;

  width: 58px;

  height: 50px;

  color: #fff;

  text-align: center;
}

@media (max-width: 1580px) {
  .kefu-box .item .item-box {
    width: 55px;

    height: 44px;
  }
}

@media (max-width: 767px) {
  .kefu-box .item .item-box {
    width: 100%;
  }
}

.kefu-box .item .item-box .img {
  width: 100%;

  margin-top: 4px;

  margin-bottom: 4px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;
}

.kefu-box .item .item-box .img img {
  max-width: 22px;

  max-height: 22px;

  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);
}

@media (max-width: 1580px) {
  .kefu-box .item .item-box .img img {
    max-width: 15px;

    max-height: 15px;
  }
}

@media (max-width: 767px) {
  .kefu-box .item .item-box .text-body {
    font-size: 12px;
  }
}

.kefu-box .item .info {
  width: auto;

  height: 100%;

  background-color: var(--color-active);

  border-radius: 8px;

  white-space: nowrap;

  opacity: 0;

  visibility: hidden;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.kefu-box .item .info a {
  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  padding: 0 12px;

  color: #fff;
}

.kefu-box .item .info img {
  max-width: 22px;

  max-height: 22px;

  margin-right: 6px;
}

@media (max-width: 1580px) {
  .kefu-box .item .info img {
    max-width: 15px;

    max-height: 15px;
  }
}

.kefu-box .item .info.info2 {
  right: 100%;

  height: auto;

  padding: 10px;
}

.kefu-box .item .info.info2 a {
  padding: 0;
}

.kefu-box .item .info.info2 img {
  max-width: 110px;

  max-height: 110px;

  margin-right: 0;
}

.kefu-box .item#backToTopBtn .item-box img {
  position: relative;
}

.kefu-box .item#backToTopBtn .item-box .title {
  display: none;
}

.kefu-box .item#backToTopBtn:hover .item-box .img {
  opacity: 1;
}

.kefu-box .item:hover .info {
  opacity: 1;

  visibility: visible;
}

.c-close {
  max-width: 0.24rem;

  position: absolute;

  right: 0;

  top: 0;

  margin-top: 0.3rem;

  margin-right: 0.3rem;

  cursor: pointer;

  z-index: 2;
}

.c-close img,
.c-close svg {
  width: 100%;

  height: auto;
}

.c-close.c-close-white {
  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);
}

#c-code-pop {
  display: none;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 910;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.4);
}

#c-code-pop .c-img-box {
  position: absolute;

  top: 50%;

  left: 50%;

  padding: 55px 20px 20px;

  width: 200px;

  border-radius: 5px;

  background: #fff;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
}

#c-code-pop .c-img-box > img {
  width: 100%;
}

#c-code-pop .c-img-box .c-text {
  padding-top: 10px;

  line-height: 1;

  text-align: center;

  color: #333;
}

#c-content-pop {
  display: none;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 910;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.4);
}

#c-content-pop .c-content-box {
  position: absolute;

  top: 50%;

  left: 50%;

  max-width: 473px;

  padding: 0.4rem;

  border-radius: 5px;

  background: #fff;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  #c-content-pop .c-content-box {
    width: 90%;
  }
}

#c-content-pop .c-content-box .c-auto {
  height: 40vh;

  overflow: auto;
}

#hi-resume-pop .c-wrap {
  position: absolute;

  top: 50%;

  left: 50%;

  width: 90%;

  max-width: 1000px;

  transform: translate(-50%, -50%);

  background-color: #fff;

  border-radius: 0.16rem;
}

#hi-resume-pop .c-wrap .c-title {
  color: #222222;
}

#hi-resume-pop .forms {
  margin-top: 0.3rem;
}

#hi-resume-pop .forms .widget-label label {
  position: relative;

  padding-left: 14px;
}

#hi-resume-pop .forms .widget-label label span {
  position: absolute;

  left: 0;

  top: 0;
}

#hi-resume-pop .forms .info-list {
  grid-template-columns: repeat(2, 1fr);

  grid-gap: 0.3rem 0.4rem;

  margin-top: 0.3rem;
}

#hi-resume-pop .forms .btn-box {
  margin-top: 0.15rem;
}

.pagerBox {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  margin-top: 0.6rem;
}

.pagerBox .layui-laypage {
  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.pagerBox .layui-laypage a,
.pagerBox .layui-laypage span {
  height: auto;

  font-size: var(--font16);

  color: #999999;

  padding: 0 10px;

  background-color: transparent;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.pagerBox .layui-laypage a:hover,
.pagerBox .layui-laypage span:hover {
  color: #333333;
}

.pagerBox .swiper_but {
  z-index: 2;

  cursor: pointer;

  flex-shrink: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  width: 0.48rem;

  height: 0.48rem;

  min-width: 34px;

  min-height: 34px;

  border: 1px solid #cacaca;

  border-radius: 0.14rem;
}

.pagerBox .swiper_but img,
.pagerBox .swiper_but svg {
  width: 0.12rem;

  min-width: 8px;

  height: auto;
}

.pagerBox .swiper_but:hover {
  background-color: var(--color-active);

  border-color: var(--color-active);
}

.pagerBox .swiper_but:hover img,
.pagerBox .swiper_but:hover svg {
  opacity: 1;

  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);
}

.pagerBox .swiper_but.prev img,
.pagerBox .swiper_but.prev svg {
  -webkit-transform: scaleX(-1);

  transform: scaleX(-1);
}

.pagerBox .layui-laypage a,
.pagerBox .layui-laypage button,
.pagerBox .layui-laypage input,
.pagerBox .layui-laypage select,
.pagerBox .layui-laypage span {
  border: 0;
}

.pagerBox .layui-laypage .layui-laypage-curr em {
  color: var(--color-active);

  background: none;
}

.pagerBox .layui-laypage-skip {
  padding: 0 !important;

  margin-left: 0.54rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.pagerBox .layui-laypage-skip .layui-input {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  width: 0.48rem;

  height: 0.48rem;

  min-width: 34px;

  min-height: 34px;

  margin: 0 0.17rem 0 0.12rem;

  background-color: transparent;

  border: 1px solid #cacaca;

  border-radius: 0.14rem;
}

.pagerBox .layui-laypage-skip .layui-input img,
.pagerBox .layui-laypage-skip .layui-input svg {
  width: 0.06rem;

  min-width: 4px;

  height: auto;

  opacity: 0.4;
}

.pagerBox .layui-laypage-skip .layui-input:hover,
.pagerBox .layui-laypage-skip .layui-input:focus {
  color: #fff;

  background-color: var(--color-active);

  border-color: var(--color-active) !important;
}

.pagerBox .layui-laypage-skip .layui-input:hover img,
.pagerBox .layui-laypage-skip .layui-input:focus img,
.pagerBox .layui-laypage-skip .layui-input:hover svg,
.pagerBox .layui-laypage-skip .layui-input:focus svg {
  opacity: 1;

  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);
}

.pagerBox .layui-laypage-skip .layui-laypage-btn {
  padding: 0;

  margin-left: 0.3rem;

  background-color: transparent;
}

.pagerBox .layui-laypage-skip .layui-laypage-btn span {
  padding: 0;

  margin-left: 0.09rem;

  overflow: hidden;
}

.pagerBox .layui-laypage-skip .layui-laypage-btn img,
.pagerBox .layui-laypage-skip .layui-laypage-btn svg {
  width: 0.06rem;

  min-width: 4px;

  height: auto;

  filter: drop-shadow(-80px 0 var(--color-active));

  transform: translate(80px);
}

.index-section1 .swiper-pagination {
  opacity: 1;
}

/* 2024-1-14 修改 */
.index-about-page {
  /* padding: 3.333vw 0 6.25vw; */
  /* padding: 7.813vw 0; */
  padding: 3.3684vw 0;
  background-color: #f8f8f8;
  background-color: rgba(248, 248, 248, 0.5);
}

@media (min-width: 1901px) {
  /* 2025-1-13 修改 */
  .index-about-page {
    /* padding: 64px 0 120px; */
    /* padding: 150px 0; */
    /* padding: 130px 0; */
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .index-about-page {
    padding: 60px 0;
  }
}

.index-about-page .page-main {
  width: 75.625%;

  max-width: 1210px;

  margin: auto;

  text-align: center;
}

@media (max-width: 1024px) {
  .index-about-page .page-main {
    width: 100%;
  }
}

.index-about-page .page-main .up .slogan {
  color: var(--color-active);

  font-weight: bold;

  margin-top: 1.875vw;

  margin-top: 2.917vw;
}

@media (min-width: 1901px) {
  .index-about-page .page-main .up .slogan {
    margin-top: 36px;

    margin-top: 56px;
  }
}

@media (max-width: 767px) {
  .index-about-page .page-main .up .slogan {
    margin-top: 32px;
  }
}

.index-about-page .page-main .up .list {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  grid-gap: 4.375vw;

  margin-top: 4.167vw;
}

@media (min-width: 1901px) {
  .index-about-page .page-main .up .list {
    margin-top: 80px;

    grid-gap: 84px;
  }
}

@media (max-width: 767px) {
  .index-about-page .page-main .up .list {
    margin-top: 32px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;
  }
}

.index-about-page .page-main .up .list .item:hover .item-box .icon {
  filter: drop-shadow(-680px 0 var(--color-active));

  transform: translate(680px);
}

.index-about-page .page-main .up .list .item:hover .item-box .text-box .title {
  color: var(--color-active);

  font-weight: bold;
}

.index-about-page .page-main .up .list .item .item-box {
  display: block;

  height: 100%;

  overflow: hidden;

  position: relative;
}

.index-about-page .page-main .up .list .item .item-box .icon {
  width: 56px;

  height: 51px;

  margin: auto;

  margin-bottom: 12px;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.index-about-page .page-main .up .list .item .item-box .icon img {
  filter: drop-shadow(-680px 0 #cccccc);

  transform: translate(680px);
}

@media (max-width: 1580px) {
  .index-about-page .page-main .up .list .item .item-box .icon {
    width: 44px;

    height: 40px;
  }
}

@media (max-width: 1024px) {
  .index-about-page .page-main .up .list .item .item-box .icon {
    width: 33px;

    height: 30px;
  }
}

.index-about-page .page-main .up .list .item .item-box .text-box .title {
  color: #666666;
}

.index-about-page .page-main .down {
  margin-top: 3.333vw;
}

@media (min-width: 1901px) {
  .index-about-page .page-main .down {
    margin-top: 64px;
  }
}

@media (max-width: 767px) {
  .index-about-page .page-main .down {
    margin-top: 32px;
  }
}

.index-about-page .page-main .down > .text-body {
  color: #666666;

  line-height: 1.5em;

  text-align: left;
}

.index-about-page .page-main .down > .text-body p {
  margin-bottom: 1.042vw;
}

@media (min-width: 1901px) {
  .index-about-page .page-main .down > .text-body p {
    margin-bottom: 20px;
  }
}

.index-about-page .page-main .down .list {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  margin-top: 3.125vw;

  grid-gap: 4.167vw;
}

@media (min-width: 1901px) {
  .index-about-page .page-main .down .list {
    margin-top: 60px;

    grid-gap: 80px;
  }
}

@media (max-width: 767px) {
  .index-about-page .page-main .down .list {
    margin-top: 32px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;
  }
}

.index-about-page .page-main .down .list .item .item-box {
  display: block;

  height: 100%;

  overflow: hidden;

  position: relative;

  text-align: left;
}

@media (max-width: 767px) {
  .index-about-page .page-main .down .list .item .item-box {
    text-align: center;
  }
}

.index-about-page .page-main .down .list .item .item-box .text-box .title {
  font-family: "Montserrat-B";

  color: var(--color-active);

  line-height: 1;

  text-align: center;
}

.index-about-page .page-main .down .list .item .item-box .text-box .title * {
  font-family: "Montserrat-B";
}

.index-about-page .page-main .down .list .item .item-box .text-box .text-body {
  color: #666666;

  margin-top: 8px;

  white-space: nowrap;

  text-align: center;
}

.index-about-page .page-main .btn-container {
  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  margin-top: 5.208vw;
}

@media (min-width: 1901px) {
  .index-about-page .page-main .btn-container {
    margin-top: 100px;
  }
}

@media (max-width: 767px) {
  .index-about-page .page-main .btn-container {
    margin-top: 32px;
  }
}

/* 2025-1-20 修改 */
.about-page {
  /* padding: 5.833vw 0 8.333vw; */
  padding: 4.167vw 0 8.333vw;
}

@media (min-width: 1901px) {
  /* 2025-1-20 修改 */
  .about-page {
    /* padding: 112px 0 160px; */
    padding: 80px 0 160px;
  }
}

@media (max-width: 767px) {
  /* 2025-1-20 修改 */
  .about-page {
    /* padding: 40px 0; */
    padding: 60px 0;
  }
}

.about-page .down {
  margin-top: 3.021vw;
}

@media (min-width: 1901px) {
  .about-page .down {
    margin-top: 58px;
  }
}

@media (max-width: 767px) {
  .about-page .down {
    margin-top: 32px;
  }
}

.index-application-page {
  /* padding: 3.333vw 0 0; */
  /* padding: 7.813vw 0 0; */
  padding: 3.3684vw 0 0;
  overflow: hidden;
}

@media (min-width: 1901px) {
  /* 2025-1-13 修改 */
  .index-application-page {
    padding: 64px 0 0;
    /* padding: 150px 0 0; */
    /* padding: 130px 0 0; */
  }
}

@media (max-width: 767px) {
  .index-application-page {
    padding: 60px 0 0;
  }
}

.index-application-page .page-main .list {
  --height: 30px;

  display: grid;

  grid-template-columns: 30.2% 38.5% 30.2%;

  grid-gap: 10px;

  margin-top: 3.125vw;
}

@media (min-width: 1901px) {
  .index-application-page .page-main .list {
    margin-top: 60px;

    grid-gap: 10px;
  }
}

@media (max-width: 767px) {
  .index-application-page .page-main .list {
    margin-top: 32px;

    grid-template-columns: repeat(1, 1fr);
  }
}

.index-application-page .page-main .list .item {
  width: 100%;
}

.index-application-page .page-main .list .item:hover .item-box .public-img .bg::before {
  background: -webkit-linear-gradient(
    -90deg,

    transparent 0%,

    var(--color-active) 100%
  );

  background: linear-gradient(180deg, transparent 0%, var(--color-active) 100%);

  opacity: 1;
}

.index-application-page .page-main .list .item:hover .item-box .text-box {
  -webkit-transform: translateY(0);

  transform: translateY(0);
}

.index-application-page .page-main .list .item:hover .item-box .text-box .btn-container {
  opacity: 1;
}

.index-application-page .page-main .list .item .item-box {
  display: block;

  height: 100%;

  overflow: hidden;

  position: relative;
}

@media (max-width: 767px) {
  .index-application-page .page-main .list .item .item-box .public-img {
    min-height: 210px;
  }
}

.index-application-page .page-main .list .item .item-box .public-img::before {
  padding-top: 50%;
}

.index-application-page .page-main .list .item .item-box .public-img .bg {
  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;
}

.index-application-page .page-main .list .item .item-box .public-img .bg::before {
  content: "";

  width: 100%;

  height: 55%;

  background: -webkit-linear-gradient(-90deg, transparent 0%, #000 100%);

  background: linear-gradient(180deg, transparent 0%, #000 100%);

  position: absolute;

  left: 0;

  bottom: 0;

  opacity: 0.6;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.index-application-page .page-main .list .item .item-box .text-box {
  width: 100%;

  padding: 0 2.083vw 30px;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

  -webkit-transform: translateY(calc(var(--height) + 20px));

  transform: translateY(calc(var(--height) + 20px));

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

@media (min-width: 1901px) {
  .index-application-page .page-main .list .item .item-box .text-box {
    padding-left: 40px;

    padding-right: 40px;
  }
}

@media (max-width: 767px) {
  .index-application-page .page-main .list .item .item-box .text-box {
    padding-left: 20px;

    padding-right: 20px;

    -webkit-transform: translateY(calc(var(--height) + 10px));

    transform: translateY(calc(var(--height) + 10px));
  }
}

.index-application-page .page-main .list .item .item-box .text-box .title {
  color: #fff;
}

.index-application-page .page-main .list .item .item-box .text-box .text-body {
  color: #fff;

  font-size: var(--font28);
}

.index-application-page .page-main .list .item .item-box .text-box .btn-container {
  opacity: 0;

  margin-top: 24px;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

@media (max-width: 767px) {
  .index-application-page .page-main .list .item .item-box .text-box .btn-container {
    margin-top: 8px;
  }
}

.index-application-page .page-main .up .slogan {
  color: var(--color-active);

  font-weight: bold;

  margin-top: 1.875vw;

  margin-top: 2.917vw;

  text-align: center;
}

@media (min-width: 1901px) {
  .index-application-page .page-main .up .slogan {
    margin-top: 36px;

    margin-top: 56px;
  }
}

@media (max-width: 767px) {
  .index-application-page .page-main .up .slogan {
    margin-top: 32px;
  }
}

.index-application-page .page-main .up .list .item:first-child,
.index-application-page .page-main .up .list .item:nth-child(3) {
  grid-row: span 2;
}

@media (max-width: 767px) {
  .index-application-page .page-main .up .list .item:first-child,
  .index-application-page .page-main .up .list .item:nth-child(3) {
    grid-row: initial;
  }
}

.index-application-page .page-main .up .list .item:first-child .item-box .public-img,
.index-application-page .page-main .up .list .item:nth-child(3) .item-box .public-img {
  height: 100%;
}

.index-application-page .page-main .down .list {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  margin-top: 10px;
}

@media (max-width: 767px) {
  .index-application-page .page-main .down .list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.index-application-page .page-main .down .list .item .item-box .public-img::before {
  padding-top: 43.97905759%;
}

.index-products-page {
  /* padding: 3.333vw 0 6.458vw; */
  /* padding: 7.813vw 0; */
  padding: 3.3684vw 0;
}

@media (min-width: 1901px) {
  /* 2025-1-13 修改 */
  .index-products-page {
    /* padding: 64px 0 124px; */
    /* padding: 150px 0; */
    /* padding: 130px 0; */
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .index-products-page {
    padding: 60px 0;
  }
}

.index-products-page .page-main {
  text-align: center;
}

.index-products-page .page-main .up .slogan {
  color: var(--color-active);

  font-weight: bold;

  margin-top: 1.875vw;

  margin-top: 2.917vw;
}

@media (min-width: 1901px) {
  .index-products-page .page-main .up .slogan {
    margin-top: 36px;

    margin-top: 56px;
  }
}

@media (max-width: 767px) {
  .index-products-page .page-main .up .slogan {
    margin-top: 32px;
  }
}

.index-products-page .page-main .up .swiper-main {
  position: relative;

  margin-top: 4.167vw;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

@media (min-width: 1901px) {
  .index-products-page .page-main .up .swiper-main {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .index-products-page .page-main .up .swiper-main {
    margin-top: 32px;
  }
}

.index-products-page .page-main .up .swiper-main:hover .item-box {
  filter: alpha(opacity=30);

  -moz-opacity: 0.3;

  opacity: 0.3;
}

.index-products-page .page-main .up .swiper-main .index-products-swiper .swiper-slide {
  height: auto;
}

.index-products-page .page-main .up .item-box {
  display: block;

  height: 100%;

  position: relative;

  text-align: center;

  padding-bottom: 5.208vw;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

@media (min-width: 1901px) {
  .index-products-page .page-main .up .item-box {
    padding-bottom: 100px;
  }
}

.index-products-page .page-main .up .item-box:hover {
  filter: alpha(opacity=100) !important;

  -moz-opacity: 1 !important;

  opacity: 1 !important;
}

.index-products-page .page-main .up .item-box:hover .public-img::after {
  opacity: 0.1;
}

.index-products-page .page-main .up .item-box:hover .text-box {
  padding-top: 30px;
}

.index-products-page .page-main .up .item-box:hover .text-box .title {
  opacity: 1;
}

.index-products-page .page-main .up .item-box .public-img::before {
  padding-top: 63.39622642%;
}

.index-products-page .page-main .up .item-box .public-img::after {
  content: "";

  width: 76%;

  height: 90.5%;

  background: url(../images/index/index-products-icon1-1.png) no-repeat center;

  background-size: 100% 100%;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  -webkit-transform: translateY(-11%);

  transform: translateY(-11%);

  opacity: 0;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.index-products-page .page-main .up .item-box .text-box {
  position: relative;

  min-height: 50px;
}

.index-products-page .page-main .up .item-box .text-box .title {
  color: rgba(0, 0, 0, 0.6);

  opacity: 0;

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;
}

.index-products-page .page-main .up .item-box .text-box .title-en {
  color: rgba(0, 0, 0, 0.6);

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;
}

.index-products-page .page-main .btn-container {
  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;
}

.index-partner-page {
  /* padding: 3.333vw 0 6.25vw; */
  /* padding: 7.813vw 0; */
  padding: 3.3684vw 0;
  background-color: #f8f8f8;

  background-color: rgba(248, 248, 248, 0.5);

  overflow: hidden;
}

@media (min-width: 1901px) {
  /* 2025-1-13 修改 */
  .index-partner-page {
    /* padding: 64px 0 120px; */
    /* padding: 150px 0; */
    /* padding: 130px 0; */
    padding: 64px 0;
  }
}

@media (max-width: 767px) {
  .index-partner-page {
    padding: 60px 0;
  }
}

.index-partner-page .page-main {
  width: 87.5%;

  max-width: 1400px;

  margin: auto;

  text-align: center;
}

@media (max-width: 1024px) {
  .index-partner-page .page-main {
    width: 100%;
  }
}

.index-partner-page .page-main .up .slogan {
  color: var(--color-active);

  font-weight: bold;

  margin-top: 1.875vw;

  margin-top: 2.917vw;
}

@media (min-width: 1901px) {
  .index-partner-page .page-main .up .slogan {
    margin-top: 36px;

    margin-top: 56px;
  }
}

@media (max-width: 767px) {
  .index-partner-page .page-main .up .slogan {
    margin-top: 32px;
  }
}

.index-partner-page .page-main .up .item-box {
  display: block;

  height: 100%;

  overflow: hidden;

  position: relative;

  background-color: #fff;

  border-radius: 6px;
}

.index-partner-page .page-main .up .item-box .img {
  width: 100%;

  height: 120px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

@media (max-width: 1580px) {
  .index-partner-page .page-main .up .item-box .img {
    height: 100px;
  }
}

@media (max-width: 1024px) {
  .index-partner-page .page-main .up .item-box .img {
    height: 80px;
  }
}

.index-partner-page .page-main .up .index-partner-swiper {
  margin-top: 3.542vw;

  padding-bottom: 40px;
}

.index-partner-page .page-main .up .index-partner-swiper .swiper-pagination {
  opacity: 1;

  bottom: 0;
}

@media (min-width: 1901px) {
  .index-partner-page .page-main .up .index-partner-swiper {
    margin-top: 68px;
  }
}

.index-partner-page .page-main .up .index-partner-swiper .swiper-slide {
  height: auto;
}

.index-partner-page .page-main .up .list {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  margin-top: 3.542vw;

  grid-gap: 2.083vw 2.292vw;
}

@media (min-width: 1901px) {
  .index-partner-page .page-main .up .list {
    margin-top: 68px;

    grid-gap: 40px 44px;
  }
}

@media (max-width: 990px) {
  .index-partner-page .page-main .up .list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .index-partner-page .page-main .up .list {
    grid-template-columns: repeat(2, 1fr);

    margin-top: 32px;
  }
}

/* 2025-2-13 修改 */
.about-page2 {
  padding-top: 6.25vw;
}
@media (min-width: 1901px) {
  .about-page2 {
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
  .about-page2 {
    padding-top: 40px;
  }
}

/*  2025-2-13 修改 修改 */
.about-page2 .page-main {
  position: relative;
  padding-top: 6.25vw;
  /* position: absolute; */
  /* top: 6.25vw; */
}

/* 2025-2-19 修改 */
.about-page2 .page-main .page-title .title-en {
  /* color: #fff; */
  color: #1b3da3;
  opacity: 0.2;
}

.about-page2 .page-main .page-title .title {
  color: #fff;
}

.about-page2 .page-main .img-box {
  margin-top: -2.448vw;
}

@media (min-width: 1901px) {
  .about-page2 .page-main .img-box {
    margin-top: -47px;
  }
}

@media (max-width: 1024px) {
  .about-page2 .page-main .img-box {
    margin-top: 32px;
  }
}

.contact-page1 {
  padding: 5.729vw 0 7.188vw;
}

@media (min-width: 1901px) {
  .contact-page1 {
    padding: 110px 0 138px;
  }
}

@media (max-width: 767px) {
  .contact-page1 {
    padding: 40px 0;
  }
}

.contact-page1 .list-title {
  color: var(--color-active);

  font-weight: bold;

  margin-top: 4.896vw;
}

@media (min-width: 1901px) {
  .contact-page1 .list-title {
    margin-top: 94px;
  }
}

@media (max-width: 767px) {
  .contact-page1 .list-title {
    margin-top: 32px;
  }
}

.contact-page1 .list {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  margin-top: 4.271vw;
}

@media (min-width: 1901px) {
  .contact-page1 .list {
    margin-top: 82px;
  }
}

@media (max-width: 767px) {
  .contact-page1 .list {
    margin-top: 32px;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 20px;
  }
}

.contact-page1 .list .item:last-child .item-box {
  border: none;
}

@media (max-width: 767px) {
  .contact-page1 .list .item:nth-child(2) .item-box {
    border: none;
  }
}

.contact-page1 .list .item .item-box {
  display: block;

  height: 100%;

  overflow: hidden;

  position: relative;

  text-align: center;

  border-right: 1px solid rgba(204, 204, 204, 0.5);

  padding-top: 22px;
}

@media (max-width: 767px) {
  .contact-page1 .list .item .item-box {
    padding-top: 10px;
  }
}

.contact-page1 .list .item .item-box .public-img {
  width: 78px;

  height: 78px;

  margin: auto;

  background-color: var(--color-active);

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.contact-page1 .list .item .item-box .public-img img {
  width: initial;

  height: 38px;
}

@media (max-width: 1580px) {
  .contact-page1 .list .item .item-box .public-img {
    width: 58px;

    height: 58px;
  }

  .contact-page1 .list .item .item-box .public-img img {
    height: 28px;
  }
}

@media (max-width: 767px) {
  .contact-page1 .list .item .item-box .public-img {
    width: 48px;

    height: 48px;
  }

  .contact-page1 .list .item .item-box .public-img img {
    height: 20px;
  }
}

.contact-page1 .list .item .item-box .text-box {
  margin-top: 2.917vw;
}

@media (min-width: 1901px) {
  .contact-page1 .list .item .item-box .text-box {
    margin-top: 56px;
  }
}

.contact-page1 .list .item .item-box .text-box .text-body {
  padding: 0 3.906vw;
}

@media (min-width: 1901px) {
  .contact-page1 .list .item .item-box .text-box .text-body {
    padding: 0 75px;
  }
}

@media (max-width: 767px) {
  .contact-page1 .list .item .item-box .text-box .text-body {
    padding: 0 10px;
  }
}

#contactMap {
  height: 498px;

  margin-top: 4.063vw;
}

@media (min-width: 1901px) {
  #contactMap {
    margin-top: 78px;
  }
}

@media (max-width: 1024px) {
  #contactMap {
    height: 398px;
  }
}

@media (max-width: 767px) {
  #contactMap {
    height: 320px;

    margin-top: 32px;
  }
}

#contactMap .gdMap-marker {
  position: relative;
}

#contactMap .ic {
  width: 22px;
}

#contactMap .gdMap-marker .pos {
  width: 238px;

  min-width: 200px;

  font-size: var(--font14);

  color: #9d9b9b;

  position: absolute;

  left: 36px;

  top: 50%;

  padding: 10px 14px;

  background-color: #fff;

  border-radius: 0.05rem;

  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);
}

#contactMap .gdMap-marker .pos::before {
  content: "";

  display: block;

  position: absolute;

  right: 100%;

  top: 50%;

  width: 0;

  height: 0;

  border: 10px solid transparent;

  border-right: 10px solid #fff;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);
}

#contactMap .gdMap-marker .pos span {
  font-size: var(--font16);

  color: #1a1a1a;

  display: block;

  font-weight: bold;

  margin-bottom: 2px;
}

@-webkit-keyframes draw {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@keyframes draw {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@-webkit-keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);

    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);

    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}

@keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);

    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);

    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}

.h-line-mask-anim {
  -webkit-animation-name: h-line-mask-anim;

  animation-name: h-line-mask-anim;

  transition: clip-path 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);

  transition: clip-path 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.draw {
  -webkit-animation-name: draw;

  animation-name: draw;
}

.contact-page2 {
  background-color: #f8f8f8;

  padding: 4.063vw 0 3.906vw;

  overflow: hidden;
}

@media (min-width: 1901px) {
  .contact-page2 {
    padding: 78px 0 75px;
  }
}

@media (max-width: 767px) {
  .contact-page2 {
    padding: 40px 0;
  }
}

.contact-page2 .img-box {
  margin: 0 -5.99vw 0 -5.365vw;

  position: relative;
}

.contact-page2 .img-box .map-box {
  position: absolute;

  left: 48.8%;

  top: 45.3%;

  width: 38.50385039%;

  max-width: 700px;
}

.contact-page2 .img-box .map-box .line img {
  opacity: 0;
}

.contact-page2 .img-box .map-box .line .bg {
  width: 100%;

  height: 0;

  background-size: 100%;

  background-repeat: no-repeat;

  background-position: center bottom;

  position: absolute;

  bottom: 0;

  left: 0;

  -webkit-transition: all 1.6s ease;

  -o-transition: all 1.6s ease;

  transition: all 1.6s ease;

  -webkit-animation-delay: 0.6s;

  -o-animation-delay: 0.6s;

  animation-delay: 0.6s;
}
.contact-page2 .img-box .map-box .line.animated .bg {
  height: 100%;
}

.contact-page2 .img-box .map-box .icon {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* 2025-1-13 修改 */
.contact-page2 .img-box .map-box .text-box {
  /* width: 35%; */
  /* max-width: 245px; */
  width: 60%;
  max-width: 420px;
  position: absolute;
  top: 100%;
  left: 54.5%;
  /* padding: 1.042vw 1.563vw; */
  padding: 1.042vw 1.363vw;
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-top: 6px;
  /* 修改 */
  overflow-wrap: break-word;
  display: none !important;
}

@media (min-width: 1901px) {
  .contact-page2 .img-box .map-box .text-box {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .contact-page2 .img-box .map-box .text-box {
    display: none;
  }
}

.contact-page2 .img-box .map-box .text-box::before {
  content: "";

  width: 20px;

  height: 20px;

  background-color: #fff;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: auto;

  -webkit-transform: rotate(45deg) translateY(-50%);

  transform: rotate(45deg) translateY(-50%);
}

.contact-page2 .img-box .map-box .text-box .text-body {
  color: #a8abaa;
}

.contact-page2 .img-box .map-box .text-box .text-body p {
  margin-bottom: 10px;
}

@media (min-width: 1901px) {
  .contact-page2 .img-box {
    margin: 0 -115px 0 -103px;
  }
}

@media (max-width: 1024px) {
  .contact-page2 .img-box {
    margin: 0;
  }
}

/* 2025-1-20 修改 */
.certificate-page1 {
  /* padding: 6.25vw 0 6.042vw; */
  padding: 4.167vw 0 6.042vw;
}

@media (min-width: 1901px) {
  /* 2025-1-20 修改 */
  .certificate-page1 {
    /* padding: 120px 0 116px; */
    padding: 80px 0 116px;
  }
}

@media (max-width: 767px) {
  /* 2025-1-20 修改 */
  .certificate-page1 {
    /* padding: 40px 0; */
    padding: 60px 0;
  }
}

.certificate-page1 .page-main .list {
  display: grid;

  grid-template-columns: repeat(5, 1fr);

  grid-gap: 3.229vw 3.281vw;

  margin-top: 3.125vw;
}

@media (min-width: 1901px) {
  .certificate-page1 .page-main .list {
    grid-gap: 62px 63px;

    margin-top: 60px;
  }
}

@media (max-width: 1024px) {
  .certificate-page1 .page-main .list {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 990px) {
  .certificate-page1 .page-main .list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .certificate-page1 .page-main .list {
    grid-template-columns: repeat(2, 1fr);

    margin-top: 32px;
  }
}

.certificate-page1 .page-main .list .item .item-box {
  display: block;

  height: 100%;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: pointer;
}

.certificate-page1 .page-main .list .item .item-box .img {
  position: relative;

  width: 100%;

  height: 100%;

  height: 19.792vw;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

@media (min-width: 1901px) {
  .certificate-page1 .page-main .list .item .item-box .img {
    height: 380px;
  }
}

@media (max-width: 1024px) {
  .certificate-page1 .page-main .list .item .item-box .img {
    height: initial;
  }
}

.certificate-page1 .page-main .list .item .item-box .text-box {
  margin-top: 0.938vw;
}

@media (min-width: 1901px) {
  .certificate-page1 .page-main .list .item .item-box .text-box {
    margin-top: 18px;
  }
}

.certificate-page1 .page-main .list .item .item-box .text-box .title {
  color: #666666;
}

.footer .foot-top .wrap-box {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;
}

@media (max-width: 1024px) {
  .footer .foot-top .wrap-box {
    display: block;
  }
}

.footer .foot-top .wrap-box .wrap-left {
  width: 32.5%;

  max-width: 520px;
}

@media (max-width: 1024px) {
  .footer .foot-top .wrap-box .wrap-left {
    width: 100%;

    max-width: 100%;

    text-align: center;
  }
}

/* 2025-2-10 修改 */
.footer .foot-top .wrap-box .wrap-left .item {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;
  align-items: flex-end;
}

@media (max-width: 767px) {
  .footer .foot-top .wrap-box .wrap-left .item {
    display: block;
  }
}

.footer .foot-top .wrap-box .wrap-left .item .item-img-box {
  width: 30.57692308%;

  max-width: 159px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;
}

@media (max-width: 767px) {
  .footer .foot-top .wrap-box .wrap-left .item .item-img-box {
    margin: auto;
  }
}

.footer .foot-top .wrap-box .wrap-left .item .item-text-box {
  -webkit-box-flex: 1;

  -ms-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  padding-left: 0.938vw;
}

@media (min-width: 1901px) {
  .footer .foot-top .wrap-box .wrap-left .item .item-text-box {
    padding-left: 18px;
  }
}

@media (max-width: 767px) {
  .footer .foot-top .wrap-box .wrap-left .item .item-text-box {
    padding-left: 0;

    margin-top: 20px;
  }
}

.footer .foot-top .wrap-box .wrap-left .item.item1 {
  padding-bottom: 1.563vw;

  margin-bottom: 1.667vw;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 1901px) {
  .footer .foot-top .wrap-box .wrap-left .item.item1 {
    padding-bottom: 30px;

    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .footer .foot-top .wrap-box .wrap-left .item.item1 {
    padding-bottom: 20px;

    margin-bottom: 20px;
  }
}

.footer .foot-top .wrap-box .wrap-left .item.item1 .item-img-box img {
  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);
}

@media (max-width: 1024px) {
  .footer .foot-top .wrap-box .wrap-left .item.item1 .desc {
    font-size: 14px;

    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  .footer .foot-top .wrap-box .wrap-left .item.item1 .desc {
    max-width: 76%;

    margin: auto;
  }
}

@media (max-width: 1024px) {
  .footer .foot-top .wrap-box .wrap-left .item.item1 .link span {
    font-size: 14px;

    line-height: 1.4;
  }
}

@media (max-width: 1024px) {
  .footer .foot-top .wrap-box .wrap-left .item.item1 .link a {
    font-size: 14px;

    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  .footer .foot-top .wrap-box .wrap-left .item.item1 .link {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;
  }
}

.footer .foot-top .wrap-box .wrap-left .item.item5 .item-img-box img {
  border-radius: 6px;
}

.footer .foot-top .wrap-box .wrap-left .item.item5 .item-text-box .head {
  font-size: 0.938vw;
}

@media (min-width: 1901px) {
  .footer .foot-top .wrap-box .wrap-left .item.item5 .item-text-box .head {
    font-size: 18px;
  }
}

@media (max-width: 1024px) {
  .footer .foot-top .wrap-box .wrap-left .item.item5 .item-text-box .head {
    font-size: 18px;

    line-height: 1.4;
  }
}

.footer .foot-top .wrap-box .wrap-left .item.item5 .item-text-box ul > li {
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .footer .foot-top .wrap-box .wrap-left .item.item5 .item-text-box ul > li {
    font-size: 14px;
  }
}

.footer .foot-top .wrap-box .wrap-right {
  width: 62.4375%;

  max-width: 999px;

  border-left: 1px solid rgba(255, 255, 255, 0.1);

  padding-left: 3.229vw;
}

@media (min-width: 1901px) {
  .footer .foot-top .wrap-box .wrap-right {
    padding-left: 62px;
  }
}

@media (max-width: 1024px) {
  .footer .foot-top .wrap-box .wrap-right {
    display: none;
  }
}

.footer .foot-top .wrap-box .wrap-right .foot-right {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;
}

.footer .foot-bottom {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  grid-gap: 50px;
}

@media (max-width: 1024px) {
  .footer .foot-bottom {
    display: block;

    text-align: center;
  }
}

@media (max-width: 1024px) {
  .footer .foot-bottom .text1 {
    font-size: 14px;

    line-height: 1.4;
  }

  .footer .foot-bottom .text1 span {
    display: block;
  }
}

.footer .foot-bottom .foot-right .item {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  grid-gap: 1.042vw;
}

@media (min-width: 1901px) {
  .footer .foot-bottom .foot-right .item {
    grid-gap: 20px;
  }
}

@media (max-width: 1024px) {
  .footer .foot-bottom .foot-right .item {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .footer .foot-bottom .foot-right .item {
    grid-gap: 10px;
  }
}

.footer .foot-bottom .foot-right .item .head {
  font-size: 0.938vw;

  margin: 0;

  color: #fff;

  color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1901px) {
  .footer .foot-bottom .foot-right .item .head {
    font-size: 18px;
  }
}

@media (max-width: 1024px) {
  .footer .foot-bottom .foot-right .item .head {
    font-size: 14px;
  }
}

.footer .foot-bottom .foot-right .item ul {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  grid-gap: 0.833vw;
}

@media (max-width: 767px) {
  .footer .foot-bottom .foot-right .item ul {
    grid-gap: 10px;
  }
}

@media (min-width: 1901px) {
  .footer .foot-bottom .foot-right .item ul {
    grid-gap: 16px;
  }
}

.footer .foot-bottom .foot-right .item ul li:hover a img {
  opacity: 1;
}

.footer .foot-bottom .foot-right .item ul li a img {
  height: 16px;

  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);

  opacity: 0.5;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

/* 2025-1-20 修改 */
.corporate-culture-page {
  /* padding: 6.146vw 0 6.51vw; */
  padding: 4.167vw 0 6.51vw;
}

@media (min-width: 1901px) {
  /* 2025-1-20 修改 */
  .corporate-culture-page {
    /* padding: 118px 0 125px; */
    padding: 80px 0 125px;
  }
}

@media (max-width: 767px) {
  /* 2025-1-20 修改 */
  .corporate-culture-page {
    /* padding: 40px 0; */
    padding: 60px 0;
  }
}

.corporate-culture-page .page-main {
  position: relative;
}

.corporate-culture-page .page-main .white-bg {
  padding: 4.844vw 6.25vw 8.333vw 6.927vw;

  margin-top: 1.354vw;

  background-color: rgba(255, 255, 255, 0.8);

  border-radius: 10px;
}

@media (min-width: 1901px) {
  .corporate-culture-page .page-main .white-bg {
    padding: 93px 120px 160px 133px;

    margin-top: 26px;
  }
}

@media (max-width: 767px) {
  .corporate-culture-page .page-main .white-bg {
    padding: 20px;

    margin-top: 32px;
  }
}

.corporate-culture-page .page-main .white-bg .list {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 2.604vw;
}

@media (min-width: 1901px) {
  .corporate-culture-page .page-main .white-bg .list {
    grid-gap: 50px;
  }
}

@media (max-width: 1024px) {
  .corporate-culture-page .page-main .white-bg .list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .corporate-culture-page .page-main .white-bg .list {
    grid-gap: 20px;
  }
}

@media (max-width: 480px) {
  .corporate-culture-page .page-main .white-bg .list {
    grid-template-columns: repeat(1, 1fr);

    grid-gap: 40px;
  }
}

.corporate-culture-page .page-main .white-bg .list .item .item-box {
  display: block;

  height: 100%;

  overflow: hidden;

  position: relative;

  text-align: center;
}

.corporate-culture-page .page-main .white-bg .list .item .item-box .icon {
  width: 78px;

  height: 78px;

  margin: auto;

  background-color: var(--color-active);

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;
}

.corporate-culture-page .page-main .white-bg .list .item .item-box .icon img {
  height: 45px;
}

@media (max-width: 1580px) {
  .corporate-culture-page .page-main .white-bg .list .item .item-box .icon {
    width: 58px;

    height: 58px;
  }

  .corporate-culture-page .page-main .white-bg .list .item .item-box .icon img {
    height: 28px;
  }
}

@media (max-width: 767px) {
  .corporate-culture-page .page-main .white-bg .list .item .item-box .icon {
    width: 48px;

    height: 48px;
  }

  .corporate-culture-page .page-main .white-bg .list .item .item-box .icon img {
    height: 20px;
  }
}

.corporate-culture-page .page-main .white-bg .list .item .item-box .text-box .title {
  color: var(--color-active);

  font-weight: bold;

  margin: 8px 0 22px;
}

@media (max-width: 767px) {
  .corporate-culture-page .page-main .white-bg .list .item .item-box .text-box .title {
    margin: 8px 0 12px;
  }
}

.corporate-culture-page .page-main .white-bg .list .item .item-box .text-box .text-body {
  color: #333333;

  line-height: 1.75em;

  opacity: 0.8;
}

.ny5-section2 form {
  box-shadow: 0vw 0vw 0.833vw 0vw rgba(0, 0, 0, 0.1);
}

.corporate-video-page {
  padding: 6.25vw 0;
}

@media (min-width: 1901px) {
  .corporate-video-page {
    padding: 120px 0;
  }
}

.corporate-video-page .swiper-slide .video {
  width: 100% !important;

  height: auto !important;
}

.ny15-section3 {
  background-color: #f8f8f8;
}

.ny15-section3 .info {
  background-color: #f8f8f8;

  box-shadow: 0vw 0vw 0.625vw 0vw rgba(0, 0, 0, 0.1);
}

.ny5-section2 {
  background-color: #f8f8f8;
}

.header .head-top .header-search {
  overflow: hidden;
}

.header .head-top .header-search img {
  filter: drop-shadow(-80px 0 var(--color-active));

  transform: translate(80px);
}

.ny21-section1 .left .item.active {
  background-color: #6eb0f5;
}

.ny21-section1 .search {
  width: 100%;

  margin: auto;

  margin-bottom: 2.917vw;

  display: flex;

  align-items: stretch;

  justify-content: flex-start;
}

.ny21-section1 .search.active form {
  opacity: 1;

  visibility: visible;
}

.ny21-section1 .search input {
  height: 2.813vw;

  line-height: 2.813vw;

  border: 1px solid #eaeaea;

  border-top-left-radius: 0.208vw;

  border-bottom-left-radius: 0.208vw;

  padding-left: 1.146vw;

  padding-right: 4.167vw;

  min-width: 0;

  flex-grow: 1;
}

.ny21-section1 .search form {
  position: absolute;

  top: 100%;

  right: 0;

  width: 10.417vw;

  display: flex;

  align-items: stretch;

  z-index: 99;

  transition: all 0.4s;

  opacity: 0;

  visibility: hidden;
}

.ny21-section1 .search input {
  flex-grow: 1;

  min-width: 0;

  background-color: #fff;

  border: 1px solid #eee;

  font-size: 0.625vw;

  padding: 0 0.521vw;

  color: #000;
}

.ny21-section1 .search input::-webkit-input-placeholder {
  color: #ccc;
}

.ny21-section1 .search input:-moz-placeholder {
  color: #ccc;
}

.ny21-section1 .search input::-moz-placeholder {
  color: #ccc;
}

.ny21-section1 .search input:-ms-input-placeholder {
  color: #ccc;
}

.ny21-section1 .search button {
  width: 3.229vw;

  height: 2.813vw;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  background-color: #045ebf;

  border-radius: 0.208vw;

  margin-left: -0.208vw;
}

.ny21-section1 .search button img {
  width: 1.042vw;
}

@media (min-width: 1901px) {
  .ny21-section1 .search input {
    height: 54px;

    line-height: 54px;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    padding-left: 22px;

    padding-right: 80px;
  }

  .ny21-section1 .search form {
    width: 368px;

    margin-bottom: 56px;
  }

  .ny21-section1 .search input {
    font-size: 14px;
  }

  .ny21-section1 .search button {
    width: 62px;

    height: 54px;

    border-radius: 4px;

    margin-left: -4px;
  }

  .ny21-section1 .search button img {
    width: 20px;
  }
}

.header .head-top .language i {
  width: 22px;
}

.header .head-top .language .itembox .item {
  text-align: left;

  padding-left: 8px;
}

.header .head-top .language .itembox .item img {
  width: 22px;

  margin-right: 4px;
}

.header .head-top .language .itembox .item:hover {
  background-color: #6eb0f5;

  text-decoration: underline;

  color: var(--color-active);
}

.header .pc-nav .sub-navbar .sub-item1 {
  width: 19.167vw;
}

.header .pc-nav .sub-navbar .sub-item1 > li > .title {
  text-align: center;

  padding: 0;
}

.header .pc-nav .sub-navbar .sub-item2 {
  left: 19.167vw;

  width: 13vw;
}

.header .pc-nav .sub-navbar .sub-item2 > li > .title {
  font-size: 0.938vw;
}

@media (min-width: 1901px) {
  .header .pc-nav .sub-navbar .sub-item2 > li > .title {
    font-size: 18px;
  }
}

.header .pc-nav .sub-navbar .sub-item3 {
  left: 13vw;

  width: 13vw;
}

.header .pc-nav .sub-navbar .sub-item3 > li > .title {
  font-size: 0.938vw;
}

@media (min-width: 1901px) {
  .header .pc-nav .sub-navbar .sub-item3 > li > .title {
    font-size: 18px;
  }
}

.header .pc-nav .sub-navbar .sub-item3 .content {
  width: calc(100vw - 19.167vw - 13vw - 13vw);
}

.ny15-section4 .info {
  opacity: 0;
}

.ny1-section5 .swiper {
  overflow: visible;
}

.ny1-section6 .content {
  padding-top: 0 !important;

  max-height: 888px;

  overflow: auto;

  padding-right: 10px;

  padding-bottom: 10px;

  margin-top: 40px;
}

.ny1-section6 .content::-webkit-scrollbar {
  width: 10px;

  height: 10px;
}

.ny1-section6 .content::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/

  background-color: #cdcdcd;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.ny1-section6 .content::-webkit-scrollbar-track {
  /*滚动条-背景*/

  border-radius: 3px;

  background: rgba(255, 255, 255, 0.6);
}

.ny1-section6 .content table {
  min-width: 1280px;
}

.ny1-section6 .content table tr:first-child {
  position: sticky;

  top: 0;

  z-index: 3;
}

.ny1-section6 .content table tr:first-child td {
  background-color: #045bb6;
}

.ny1-section6 .content table tr td:first-child {
  position: static;
  left: 0;

  z-index: 2;

  /*background-color: #fff;*/
}

.header .pc-nav .sub-navbar .sub-item3 .content .ny1-section3 .itembox {
  grid-gap: 40px 0;
}

.header .pc-nav .sub-navbar .sub-item3 .content .ny1-section3 .itembox.active .item {
  width: auto;
}

.ny9-tabs .tab-item.active {
  color: var(--color-active);
}

.ny1-section3 .itembox {
  grid-gap: 40px 0;
}

.ny1-section3 .itembox.active .item {
  width: auto;

  background-color: transparent;

  box-shadow: initial;
}

.header .pc-nav .navbar2 > li:hover .sub-navbar {
  opacity: 1 !important;

  visibility: visible !important;
}

.header .pc-nav .navbar2 > li > ul {
  left: 50%;

  width: auto;

  text-align: center;

  white-space: nowrap;

  transform: translateX(-50%);
}

.header .pc-nav .navbar2 > li > ul > li > a {
  font-size: 0.738vw;

  font-size: 15px;
}

.header .pc-nav .navbar2 > li > ul > li > a::after {
  display: none;
}

.ny9-section2 .item.active .head {
  background-color: #045bb6 !important;
}

.ny9-section2 .item .head {
  background-color: #d1d1d1 !important;
}

.footer .foot-top {
  padding-top: 40px;

  padding-bottom: 40px;

  margin-bottom: 30px;
}

.footer .foot-bottom {
  padding-bottom: 28px;
}

.header .pc-nav .navbar2 > li {
  margin-right: 24px;

  margin-right: 1.25vw;
}

.header .pc-nav .navbar2 > li a {
  font-size: 0.938vw;
}

@media (min-width: 1901px) {
  .header .pc-nav .navbar2 > li a {
    font-size: 16px;
  }
}

.header .pc-nav .navbar2 > li > ul > li > a:after {
  right: 9px;
}

.header .pc-nav .sub-navbar .sub-item2 > li {
  padding-left: 1.563vw;

  padding-right: 1.563vw;

  height: initial;

  line-height: 1.3;

  padding-top: 10px;

  padding-bottom: 10px;
}

@media (min-width: 1901px) {
  .header .pc-nav .sub-navbar .sub-item2 > li {
    padding-left: 30px;

    padding-right: 30px;
  }
}

.header .pc-nav .sub-navbar .sub-item3 > li {
  padding-left: 1.563vw;

  padding-right: 1.563vw;
}

.header .pc-nav .sub-navbar .sub-item3 > li > .title {
  height: initial;

  line-height: 1.4;

  padding: 10px 0;
}

@media (min-width: 1901px) {
  .header .pc-nav .sub-navbar .sub-item3 > li {
    padding-left: 30px;

    padding-right: 30px;
  }
}

.page-top-menu .menu-main {
  display: flex;

  flex-wrap: nowrap;

  /* 不换行 */

  overflow-x: auto;

  /* 水平滚动 */

  -webkit-overflow-scrolling: touch;

  /* 移动设备上的平滑滚动 */

  scroll-snap-type: x mandatory;

  /* 如果需要停靠点 */

  white-space: nowrap;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  -webkit-flex: 1;

  flex: 1;

  /* 滚动条样式 */
}

.page-top-menu .menu-main::-webkit-scrollbar {
  width: 2px;

  height: 5px;

  background-color: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 0;
}

.page-top-menu .menu-main::-webkit-scrollbar-thumb {
  background-color: #000;

  background-color: transparent;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 0;
}

.menu-location {
  scroll-snap-align: start;

  /* 如果使用了scroll-snap-type */

  /* 其他样式 */
}

.kefu-box .item .item-box {
  width: auto;
}

.ny15-section3 .info .desc {
  text-align: left !important;
}

.index-about-page .page-title .title-en,
.index-application-page .page-title .title-en,
.index-products-page .page-title .title-en,
.index-partner-page .page-title .title-en {
  display: none;
}

.index-about-page .page-title .title,
.index-application-page .page-title .title,
.index-products-page .page-title .title,
.index-partner-page .page-title .title {
  font-size: var(--font40);

  text-transform: uppercase;
}

.index-about-page .page-main .up .slogan,
.index-application-page .page-main .up .slogan,
.index-products-page .page-main .up .slogan,
.index-partner-page .page-main .up .slogan {
  font-size: var(--font28);
}

.about-page .page-title .title-en {
  display: block;
}

.about-page .page-title .title::before,
.about-page .page-title .title::after {
  display: none;
}

.ny1-title {
  text-transform: capitalize;
}

/* 修改 */
.contact-page2 .page-main {
  position: relative;
}
.contact-page2 .page-main .icon-list {
  position: absolute;
  left: 0;
  bottom: 5%;
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  max-width: 130px;
}

.contact-page2 .page-main .icon-list .item {
  width: 50%;
  font-size: 12px;
  margin-top: 7px;
  text-align: center;
  margin-bottom: 15px;
}

.contact-page2 .page-main .icon-list .item .icon {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  /* background-color: #fff; */
}
.contact-page2 .page-main .icon-list .item .icon img {
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  object-fit: contain;
}

/* 修改 */
.footer .foot-top .wrap-box .wrap-left .item {
  /* align-items: flex-start; */
  align-items: flex-end;
}

@media (max-width: 1800px) {
  .container.edit-wrap {
    max-width: 74%;
  }
  .contact-page2 .img-box {
    margin: 0 auto;
  }
}

@media (max-width: 1024px) {
  .container.edit-wrap {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .contact-page2 .page-main {
    display: flex;
    flex-wrap: wrap;
  }
  .contact-page2 .page-main .icon-list {
    position: static;
    width: 100%;
    order: 1;
    margin-top: 15px;
    width: 100%;
    max-width: none;
  }

  .contact-page2 .page-main .icon-list .item {
    width: 33.2%;
  }
}

/* 修改 */
.title-icon {
  width: 45px;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 15px;
}

/* .title-icon.max {
  width: 90px;
  height: 90px;
} */
.title-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 768px) {
  .title-icon {
    width: 30px;
    height: 30px;
  }
  /* .title-icon.max {
    width: 60px;
    height: 60px;
  } */
}

/* 修改 */
.contact-page2 .img-box {
  text-align: center;
}
.contact-page2 .img-box > img {
  max-height: 90vh;
  object-fit: contain;
  object-position: center center;
}


/* 2025-2-14 修改 */
.edit-about-page2 {
  padding-top: 0;
}

.edit-about-page2  .page-img {
  position: relative;
}

.edit-about-page2 .page-main {
  position: absolute;
  padding-top: 0;
  top: 6.25vw;
}


/* 2025-2-21 修改 */
.edit-about-page2 .page-title .title-en {
  margin-bottom: 0;
}