/* reset */
@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: pingfang;
}
@font-face {
  font-family: 'pingfang ';
  src: url('./PingFang.ttc');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PingFangSC-Thin, sans-serif';
  src: url('./PingFang.ttc');
  font-weight: normal;
  font-style: normal;
}

video{
  display: block;
  border: none;
  padding: 0;
  margin: 0;
}
image, img{
  display: block;
}
/* common */
.pageBox{
  min-width: 1920px;
  background: #F0F3F7;
}
.headBanner{
  /* display: block; */
  width: 1920px;
  margin: 0 auto;
  left: 50% !important;
  transform: translate(-50%);
}
.headBannerVideo{
  width: 100%;
  display: block;
}
.rotateClass{
  transform: rotate(180deg);
}
.hiddenClass{
  display: none;
}
@keyframes increaseNumber {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
  
.changeNum.animated {
  animation: increaseNumber 0.5s ease-out forwards;
}
.whiteText{
  color: #FFFFFF !important;
}
.marginBot0{
  margin-bottom: 0px !important;
}
.flexBox{
  display: flex;
  align-items: center;
  justify-content: center;
}
.cursorPointer{
  cursor: pointer;
}
.textNoWrap{
  text-wrap: nowrap;
}
/* 多行超出显示省略号 */
.ellipsis-line4{
  -webkit-line-clamp: 4; /* 定义显示的最大行数 */
}
.ellipsis-line3{
  -webkit-line-clamp: 3; /* 定义显示的最大行数 */
}
.ellipsis-line2{
  -webkit-line-clamp: 2; /* 定义显示的最大行数 */
}
.ellipsis-multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis;
}
.colorWhite{
  color: #fff !important;
}
.bgWhite{
  background-color: #fff !important;
}
.newsTransition {
  transition: transform 0.3s ease-in-out;
  transform: translateY(0px);
}
.newsTransition:hover{
  transform: translateY(-3px); /* 鼠标划过时上移6像素 */
}
/* 头部 */
.headBox{
  width: 100%;
  min-width: 1176px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
}
.scrollHead{
  background: #FFFFFF;
}
.scrollHead .headNav li {
    color: #555555 !important;
    opacity: 0.8;
  }
.scrollHead .headNav li:hover{
    opacity: 1 !important;
  }
.scrollHead .whiteLang{
    display: none;
  }
.scrollHead .grayLange{
    display: block;
  }
.scrollHead .headLogo{
    display: none;
  }
.scrollHead .headLogoBlue{
    display: block;
  }
.scrollHead .active{
    border-bottom-color: #3880E7 !important;
    opacity: 1 !important;
  }
.whiteLang{
  display: block;
}
.grayLange{
  display: none;
}
.headCont{
  display: flex;
  justify-content: space-between;
  width: 1176px;
  margin: 0 auto;
  position: relative;
}
.headLogo, .headLogoBlue{
  height: 80px;
}
.headLogoBlue{
  display: none;
}
.langeList{
  position: absolute;
  bottom: -128px;
  right: 0;
  background: #FFFFFF;
  width: 176px;
}
.langeList li{
    cursor: pointer;
    height: 58px;
    font-weight: 400;
    font-size: 16px;
    color: #555555;
    line-height: 58px;
    text-align: center;
    box-shadow: inset 0px -1px 0px 0px rgba(218,218,218,0.5);
  }
.langeList .checkLange{
    font-weight: 600;
    color: #3880E7;
  }
.headNav{
  display: flex;
  /* li:hover{
    border-bottom-color: #FFFFFF;
  } */
}
.headNav li{
    opacity: 0.8;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 78px;
    margin-right: 32px;
    border-bottom: 2px solid transparent;
  }
.headNav li:last-child{
    margin-right: 44px;
    margin-left: 40px;
  }
.headNav li:hover{
    opacity: 1;
  }
.headNav .active{
    border-bottom-color: #FFFFFF;
    opacity: 1;
  }
.headNav .langFlex{
    display: flex;
    align-items: center;
   }
.headNav .langFlex .langIcon{
      /* display: block; */
      width: 20px;
      height: 20px;
      align-items: center;
      margin-right: 4px;
    }
.headNav .langFlex .downWhite{
      width: 8px;
      height: 8px;
    }
/* 头部 */
.headBannerBox{
  position: relative;
}
.headMask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.headMask .headMaskUl{
    width: 1176px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
  }
.headMask .headMaskUl li{
      text-align: center;
    }
.headMask .contactMask{
    display: flex;
    justify-content: center;
    width: 1176px;
    height: 100%;
    margin: 0 auto;
    flex-direction: column;
  }
.headMask .headmaskNum{
    font-weight: 600;
    font-size: 60px;
    color: #FFFFFF;
    line-height: 84px;
  }
.headMask .headmaskTit{
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
  }

/* 底部 */
.footerBox{
  background: #2F3339;
  min-width: 1176px;
}
.footerContent{
  width: 1176px;
  margin: 0 auto;
  padding: 80px 0 24px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ourMes{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footerLogo{
  width: 176px;
  height: 47px;
  margin-bottom: 40px;
}
.ourMesContent{
  display: flex;
}
.whiteLine{
  width: 1px;
  height: 130px;
  background: #FFFFFF;
  margin-right: 22px;
}
.verticalListBox{
  margin-right: 44px;
}
.verticalListBox .verticalList li{
    font-weight: 300;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 12px;
    margin-bottom: 12px;
  }
.verticalListBox .verticalList li:first-child{
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    margin-bottom: 0;
    height: 45px;
  }

.recordText{
  margin-top: 68px;
  font-weight: 300;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 14px;
}
.flexBox{
  display: flex;
}
.contactList li{
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.contactIcon{
  width: 16px;
  height: 16px;
  margin-right: 18px;
}
.contactText{
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}
.ourCode{
  height: 88px;
  width: 89px;
  margin-bottom: 7px;
  margin-top: 12px;
}
.ourCodeTit{
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}

/* 英文版 */
.footerContentEn{
  display: block !important;
}
.ourMesEn{
  flex-direction: row !important;
  align-items: flex-start;
}
.verticalListBigLiEn li:first-child{
  font-size: 12px !important;
  line-height: 17px !important;
}
.verticalListBigLiEn li{
  font-size: 10px !important;
  line-height: 12px !important;
}
.contactListEn li:last-child{
  align-items: baseline !important;
  margin-bottom: 0;
}