@charset "UTF-8";

.tpmenu__area ul li.has-dropdown .mega-menu a::after{
    display: none;
}
.footerBlock {
  position: relative;
  width: 100%;
  background: #2a3694 !important;
}
.footer {
  /* max-width: 1440px; */
  /* margin: 0px auto; */
}

.footer .footerHead {
  height: 92px;
}

.footer .footerTop {
  display: flex;
  max-width: 1440px;
  margin: 0px auto;
}

.footer .footerTop .LogoBlock {

  width: 23.4%;
  display: flex;
  flex-direction: column;
}
.footer .footerTop .LogoBlock  .LogoItem{
  cursor: pointer;
}
.footer .footerTop .LogoBlock .LogoText {
  margin-top: 12px;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.22px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6)
}

.footer .footerTop .ml13 {
  margin-left: 11.3%;
}

.footer .footerTop .ml11 {
  margin-left: 10%;
}

.footer .footerTop .ml7 {
  margin-left: 7%;
}

.footer .footerTop .LinkBlock {
  min-width: 170px;
  box-sizing: border-box;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
}

.footer .footerTop .LinkBlock .linkBig {
  color: #fff;
font-family: "Plus Jakarta Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 2.34px;
}

.footer .footerTop .LinkBlock .linkSmallList {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  margin-top: 24px;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 16px */
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;

  line-height: normal;
}

.footer .footerTop .LinkBlock .linkSmallList .linkSmallItem {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  line-height: 15px; /* 16px */
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
}

.footer .footerTop .LinkBlock .linkSmallList .linkSmallItem a {
  text-decoration: none; /* 去掉下划线 */
  color: inherit;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
}

.footer .footerTop .LinkBlock .linkSmallList .linkSmallItem .dot {
  width: 5px;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}
.footer .footerTop .LinkBlock .linkSmallList .linkSmallItem .hover-underline {
  position: relative; /* 使伪元素相对于链接定位 */
  text-decoration: none; /* 取消默认下划线 */
  color: rgba(255, 255, 255, 0.6); /* 设置链接颜色 */
  font-family:  'DM Sans', sans-serif;;
}
.footer .footerTop .LinkBlock .linkSmallList .linkSmallItem .hover-underline:hover {
  color: #fff; /* 鼠标悬停时改变链接颜色 */
}

.footer .footerTop .LinkBlock .linkSmallList .linkSmallItem:hover .dot {
  background-color: #fff; /* 鼠标悬停时改变 .dot 的背景颜色 */
}

.footer
  .footerTop
  .LinkBlock
  .linkSmallList
  .linkSmallItem
  .hover-underline::after {
  content: ""; /* 伪元素内容为空 */
  position: absolute; /* 绝对定位 */
  left: 0; /* 从左边开始 */
  bottom: -5px; /* 在文本底部 */
  width: 100%; /* 宽度为 100% */
  height: 2px; /* 横线的高度 */
  background-color: #fff; /* 横线颜色 */
  transform: scaleX(0); /* 初始状态为缩放为 0（隐藏） */
  transform-origin: left; /* 变换原点在右侧 */
  transition: transform 0.6s ease; /* 过渡效果 */
}
.footer
  .footerTop
  .LinkBlock
  .linkSmallList
  .linkSmallItem
  .hover-underline:hover::after {
  transform: scaleX(1); /* 鼠标悬停时，横线从左到右展开 */
}

.footer
  .footerTop
  .LinkBlock
  .linkSmallList
  .linkSmallItem
  .hover-underline:not(:hover)::after {
  transform: scaleX(0); /* 鼠标移出时，横线从右到左收缩 */
  transform-origin: left; /* 变换原点在左侧 */
}

.footer .footerBottom {
  display: flex;
  max-width: 1440px;
  justify-content: flex-end;
  align-items: center;
  margin: 0px auto;
  margin-top: 10px;
}

.footer .footerBottom .footerBottomLeft {
  width: 408px;
  height: 72px;
  border-radius: 82px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer .footerBottom .footerBottomLeft .emailBlock {
  display: flex;
  padding-left: 20px;
  align-items: center;
}

.footer .footerBottom .footerBottomLeft .emailBlock input {
  outline: none;
}

.footer .footerBottom .footerBottomRight {
  display: flex;
  align-items: center;
}

.footer .footerBottom .footerBottomRight div {
  width: 35px;
  margin-right: 12px;
}

.footer .footerBottom .footerBottomRight .footerBottomRightText a {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background: #414EAD;
  position: relative;
  z-index: 1;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.footer .footerBottom .footerBottomRight .footerBottomRightText .ImageB{
  width: 100%;
  display: inline;
}
.footer .footerBottom .footerBottomRight .footerBottomRightText a:hover {
  border-color: transparent;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0px 2px 3px rgba(109, 5, 47, 0.4);
}
.footer .footerBottom .footerBottomRight .footerBottomRightText a:hover::before {
  opacity: 1;
}
.footer .footerBottom .footerBottomRight .footerBottomRightText a:hover i {
  color: rgb(255, 255, 255);
  transform: translateY(-2px);
}
.footer .footerBottom .footerBottomRight .footerBottomRightText a::before {
  position: absolute;
  content: "";
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: linear-gradient(180deg, #FE2981 0%, #A70647 100%);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.footer .footerBottom .footerBottomRight .footerBottomRightText a i {
  color: rgba(255, 255, 255, 0.7);
  position: relative;
  z-index: 1;
  font-size: 12px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.footer .HRline {
  width: 100%;
  margin: 0px auto;
  margin-top: 34px;
  height: 0.5px;
  background: rgba(255, 255, 255, 0.1);
}

.footer .footerlINKBlock {
  margin: 0px auto;
  padding-top: 27px;
  padding-bottom: 27px;
  color: #9c9c9c;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 10px;
  letter-spacing: 0.02em;
}

.footer .footerlINKBlock .big {
  cursor: pointer;
  color: #fff;
  font-family: "Plus Jakarta Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media (max-width: 1092px) {
  .footerBlock {
    position: relative;
    width: 100%;
    background: #2a3694 !important;
  }
  .footer {
    position: relative;
    width: 100%;
  }
  .footer .footerHead {
    height: 92px;
  }
  .footer .footerTop {
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: 0px auto;
  }
  .footer .footerTop .LogoBlock {
    width: 50%;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
  }
  .footer .footerTop .LogoBlock .LogoText {
    margin-top: 12px;
    color: #fff;
    font-family: Avenir;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.22px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.6)
  }
  .footer .footerTop .ml13 {
    margin-left: 0%;
  }
  .footer .footerTop .ml11 {
    margin-left: 0px;
  }
  .footer .footerTop .ml7 {
    margin-left: 0%;
  }
  .footer .footerTop .LinkBlock {
    padding-left: 20px;
    width: 50%;
    box-sizing: border-box;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
  }
  .footer .footerTop .LinkBlock .linkBig {
    color: #fff;
    font-family: Avenir;
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 2.34px;
  }
  .footer .footerTop .LinkBlock .linkSmallList {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 16px */
    color: #fff;
    font-family: Avenir;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
  }
  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem a {
    text-decoration: none; /* 去掉下划线 */
    color: inherit;
  }
  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem .dot {
    width: 5px;
    height: 5px;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
  }

  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem .hover-underline {
    position: relative; /* 使伪元素相对于链接定位 */
    text-decoration: none; /* 取消默认下划线 */
    color: rgba(255, 255, 255, 0.6); /* 设置链接颜色 */
    font-family:  'DM Sans', sans-serif;;
  }
  .footer
    .footerTop
    .LinkBlock
    .linkSmallList
    .linkSmallItem
    .hover-underline:hover {
    color: #fff; /* 鼠标悬停时改变链接颜色 */
  }
  .footer
    .footerTop
    .LinkBlock
    .linkSmallList
    .linkSmallItem
    .hover-underline::after {
    content: ""; /* 伪元素内容为空 */
    position: absolute; /* 绝对定位 */
    left: 0; /* 从左边开始 */
    bottom: -5px; /* 在文本底部 */
    width: 100%; /* 宽度为 100% */
    height: 2px; /* 横线的高度 */
    background-color: #fff; /* 横线颜色 */
    transform: scaleX(0); /* 初始状态为缩放为 0（隐藏） */
    transform-origin: left; /* 变换原点在右侧 */
    transition: transform 0.6s ease; /* 过渡效果 */
  }
  .footer
    .footerTop
    .LinkBlock
    .linkSmallList
    .linkSmallItem
    .hover-underline:hover::after {
    transform: scaleX(1); /* 鼠标悬停时，横线从左到右展开 */
  }

  .footer
    .footerTop
    .LinkBlock
    .linkSmallList
    .linkSmallItem
    .hover-underline:not(:hover)::after {
    transform: scaleX(0); /* 鼠标移出时，横线从右到左收缩 */
    transform-origin: left; /* 变换原点在左侧 */
  }

  .footer .footerBottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 1440px;
    justify-content: space-between;
    margin: 0px auto;
    margin-top: 10px;
  }
  .footer .footerBottom .footerBottomLeft {
    width: 408px;
    height: 72px;
    border-radius: 82px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer .footerBottom .footerBottomLeft .emailBlock {
    display: flex;
    padding-left: 20px;
    align-items: center;
  }
  .footer .footerBottom .footerBottomRight {
    margin-top: 20px;
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .footer .footerBottom .footerBottomRight div {
    margin-right: 12px;
  }
  .footer .HRline {
    width: 100%;
    margin: 0px auto;
    margin-top: 62px;
    height: 0.5px;
    background: rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 768px) {
  .footerBlock {
    position: relative;
    width: 100%;
    background: #2a3694 !important;
  }
  .footer {
    position: relative;
    width: 100%;
  }
  .footer .footerHead {
    height: 92px;
  }
  .footer .footerTop {
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: 0px auto;
  }
  .footer .footerTop .LogoBlock {
    width: 100%;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
  }
  .footer .footerTop .LogoBlock .LogoText {
    margin-top: 12px;
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 0.16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.6)
  }
  .footer .footerTop .ml13 {
    margin-top: 20px;
  }
  .footer .footerTop .ml11 {
    margin-left: 0px;
  }
  .footer .footerTop .ml7 {
    margin-left: 0%;
  }
  .footer .footerTop .LinkBlock {
    padding-left: 20px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
  }
  .footer .footerTop .LinkBlock .linkBig {
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px; /* 24px */
    letter-spacing: 2.16px;
  }
  .footer .footerTop .LinkBlock .linkSmallList {
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    color: #000;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 16px */
  }
  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }

  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem a {

    text-decoration: none; /* 去掉下划线 */
    color: inherit;
  }

  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem .dot {
    width: 5px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
  }
  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem .hover-underline {
    position: relative; /* 使伪元素相对于链接定位 */
    text-decoration: none; /* 取消默认下划线 */
    color: rgba(255, 255, 255, 0.6); /* 设置链接颜色 */
  }
  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem:hover {
    color: #fff; /* 鼠标悬停时改变链接颜色 */
  }

  .footer .footerTop .LinkBlock .linkSmallList .linkSmallItem:hover .dot {
    background-color: #fff; /* 鼠标悬停时改变 .dot 的背景颜色 */
  }

  .footer
    .footerTop
    .LinkBlock
    .linkSmallList
    .linkSmallItem
    .hover-underline::after {
    content: ""; /* 伪元素内容为空 */
    position: absolute; /* 绝对定位 */
    left: 0; /* 从左边开始 */
    bottom: -5px; /* 在文本底部 */
    width: 100%; /* 宽度为 100% */
    height: 2px; /* 横线的高度 */
    background-color: #fff; /* 横线颜色 */
    transform: scaleX(0); /* 初始状态为缩放为 0（隐藏） */
    transform-origin: left; /* 变换原点在右侧 */
    transition: transform 0.6s ease; /* 过渡效果 */
  }
  .footer
    .footerTop
    .LinkBlock
    .linkSmallList
    .linkSmallItem
    .hover-underline:hover::after {
    transform: scaleX(1); /* 鼠标悬停时，横线从左到右展开 */
  }

  .footer
    .footerTop
    .LinkBlock
    .linkSmallList
    .linkSmallItem
    .hover-underline:not(:hover)::after {
    transform: scaleX(0); /* 鼠标移出时，横线从右到左收缩 */
    transform-origin: left; /* 变换原点在左侧 */
  }
  .footer .footerBottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
    padding: 0px 10px;
  }
  .footer .footerBottom .footerBottomLeft {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    height: 72px;
    border-radius: 82px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer .footerBottom .footerBottomLeft .emailBlock {
    display: flex;
    padding-left: 20px;
    align-items: center;
  }
  .footer .footerBottom .footerBottomRight {
    margin-top: 20px;
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .footer .footerBottom .footerBottomRight div {
    width: 32px;
    margin-right: 12px;
  }
  .footer .HRline {
    width: 100%;
    margin: 0px auto;
    margin-top: 62px;
    height: 0.5px;
    background: rgba(255, 255, 255, 0.1);
  }
}
