@font-face{
src: url("pingfang-jian.ttf");
}
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
  min-width: 1000px;
  max-width: 3840px;
  margin: 0 auto;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}


/*navibar部分*/
.block_header {
  display: flex; /* 设置为 Flexbox 容器 */
  justify-content: space-between; /* 将项目横向排布，并且第一个靠左，第二个居中，第三个靠右 */
  align-items: center; /* 将项目垂直居中对齐 */
  height: 38px;
  margin: 21px 4.16% 0 4.16% ;
  position: fixed;
  top: 0;
  z-index: 99;
  max-height:70px;
  width:91.68%;
  background:none;
  overflow:inherit;
  -webkit-transition:all 0.3s;
  transition:all 0.5s;
}
.navi{
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-navi{
  margin-left: 4%;
  justify-content: center;

  display: flex;
  flex-wrap: wrap;
}
.text-nav a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  line-height: 24px;
  margin: 6px calc(30px  + (100vw - 1920px) * (30 / 920)) 0 calc(30px  + (100vw - 1920px) * (30 / 920));
  text-decoration: none;
}
.right_nav{
  justify-content: flex-end;
  position: relative;
}
.right_nav img:hover{cursor: pointer}
.chooselang{display: flex;flex-direction: row}
.text_lang{font-size: 16px;height: 24px;line-height: 24px;color: white}
.text_lang {
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  line-height: 24px;
  margin: 0 0 0 71px;
  text-decoration: none;
}
.icon_lang{transition: all 0.2s;transform: none}
.searcharea{
  position: absolute;
  left: calc(-300% + 24px);
  width: 0;
  height: 60px;margin: 10px 10% 10px 0;
  backdrop-filter: blur(10px);
  border-radius: 3px;
  opacity: 0;
  background-color: rgba(255,255,255,0.7);
  transition: all 0.2s ease-in-out;
}
.searchtext{outline: none; border-bottom: 1px solid #999999;width: 80%;height: 40px;margin: auto 0}
.searchsubmit{background-image: url('img/searchblack.png');background-repeat:no-repeat;background-position: center center;width: 10%;height: 24px;margin: auto 0}
.bottom_nav{
  z-index: -1;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top:-21px;
  background-color: rgba(0,0,0,0);
  height: 80px;
  margin: 0 0 0 -4.54%;
  width: 110%;
}
.actline{
  opacity: 0;
  transition: all 0.2s ease-in-out;
  position: absolute;
  left : 0px;
  top: 76px;
  background-color: rgba(26, 178, 186, 1);
  width: 100px;
  height: 4px;
}
.langandsearch{
  z-index: 97;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background-color: white;
  display: flex; /* 设置为 Flexbox 容器 */
  align-items: center; /* 将项目垂直居中对齐 */
  height: 100px;width: 150px;
  position: fixed;
  right: 4.16%;
  top: -100px;
  background-color: white;
  box-shadow: 0 1px 1px 0 rgba(222,222,222,1)
}
.lang a{
  width: 150px;
  height: 50px;
  overflow-wrap: break-word;
  color: rgba(62, 58, 57, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  line-height: 50px;
  margin: auto;
  text-decoration: none;
  text-align: center;
}
.lang a:hover{
  color: #1AB2BA;
  text-decoration: none;
}
.block_header_hide{
  z-index: 96;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  background-color: white;
  display: flex; /* 设置为 Flexbox 容器 */
  justify-content: space-between; /* 将项目横向排布，并且第一个靠左，第二个居中，第三个靠右 */
  align-items: center; /* 将项目垂直居中对齐 */
  height: 360px;width: 100%;
  position: fixed;
  top: -360px;
}
.blank1{
  width: 13.45%;
  height: 100%;
}
.block_header_hide img{
  width: 12.5%;max-width: 360px;
}
.blank2{    width: 6.25%;  }
.lists{    width: 17.71%;height: 100%;  }
.row-head{
  margin-top: 60px;
  font-size: 22px;
}
.row-item{
  margin-top: 40px;
  font-size: 16px;
  height: 24px;max-width: 180px;
}
.row-item a{color: #666666;text-decoration: none;
  transition: all 0.2s ease-in-out;}
.row-item a:hover{
  color: #1AB2BA;
  text-decoration: none;
  margin-right: 10px;
}
.row-item a:visited{ text-decoration: none; }
.row-item img{width: 24px;height: 24px;display: none;}
.mi{display: none}
.line{width: 1px;height: 240px;background-color: #DEDEDE;}
.blank3{width: 3.125%}
.more-lists{width: 46.9%;}
/*navibar结束*/



/*底栏开始*/
.section_end{
  height: 500px;
  width: 100%;
  background-color: rgba(245, 245, 245, 1);
  margin: 120px 0 1px 0;
}
.section_end_content {
  height: 500px;
  width: 72.92%;
  margin: 0 13.54% 0 13.54%;
}
.endcol{
  width: 21.43%;
  margin-top: 100px;
}
.text_eb{
  display: block;
  width: 128px;
  overflow-wrap: break-word;
  color: rgba(62, 58, 57, 1);
  font-size: 20px;
  text-transform: uppercase;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 40px;
  text-decoration: none;
}
.text_eb a, .text_es a{
  color: rgba(102, 102, 102, 1);
  text-decoration: none;
}
.text_es{
  display: block;
  width: 32px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  text-transform: uppercase;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-bottom: 20px;
  text-decoration: none;
}
.text_ess {
  width: 237px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.returntop {
  width: 88px;
  height: 22px;
  margin: 400px 0 80px auto;
}

.i-t-returntop {
  width: 88px;
  height: 22px;
}

.text-returntop {
  width: 56px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(62, 58, 57, 1);
  font-size: 14px;
  text-transform: uppercase;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}
.text-returntop:hover{
  color: rgba(26, 178, 186, 1);
  transition: all 0.2s ease-in-out;
}

.page_bottom {
  background-color: rgba(36, 36, 36, 1);
  width: 100%;
  height: 200px;
  margin-top: -1px;
}

.page-bottom-text {
  width: 502px;
  height: 60px;
  margin: 80px 0 0 13.54%;
}

.bottom-text-l1 {
  width: 250px;
  height: 22px;
}

.bottom-text {
  width: 56px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 14px;
  text-transform: uppercase;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-left: 20px;
}

.bottom-line {
  background-color: rgba(153, 153, 153, 1);
  width: 1px;
  height: 14px;
  margin: 4px 0 0 20px;
}

.bottom-logo {
  width: 178px;
  height: 46px;
  margin: 80px 13.54% 0 0;
}
/*底栏结束*/

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

.header-m{
  width: 0;height: 0;
}
.searcharea-m{
  width: 0;height: 0;
}
.navi-m{
  width: 0;height: 0;
}
.footer-m{
  width: 0;height: 0;bottom: 0;display: none;
}

@media screen and (max-width:1120px) {

  body{
    max-width: 1120px;
    min-width: 320px;
  }
  .block_header{
    display: none;
  }
  .block_header_hide{display: none}
  .section_end{display: none}
  .page_bottom{display: none}
  .header-m{
    z-index: 50;
    height: 60px;
    transition: 0.2s all ease-in-out;
    position: fixed;
    opacity: 1;
    top: 0;
    width: 100%;
    background-color: white;
    box-shadow: 0 1px 1px 0 rgba(222,222,222,1);
  }
  .header-mp{
    margin: 18px 20px;
    height: 24px;
  }
  .header-mp:hover{
    cursor: pointer;
  }
  .navi-m{
    z-index: 51;
    width: 100%;height: auto;
    position: fixed;
    top: 60px;bottom: 0;left: -100%;opacity: 1;
    transition: 0.2s all ease-in-out;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    background-color: rgba(255,255,255,0.9);
    backdrop-filter: blur(40px);
    overflow: scroll;
  }
  .searcharea-m{
    z-index: 60;
    width: 100%;
    position: fixed;
    top: 0;
    height: 60px;
    background-color: white;
    transition: all 0.2s ease-in-out;margin-left:-100%
  }
  .navi-mt{
    z-index: 53;
    margin: 0 20px;
    height: 60px;
    border-bottom: 1px solid rgb(180, 180, 180);
  }
  .navi-mt div{
    color: rgba(62, 58, 57, 1);
    line-height: 60px;font-weight: 500;
  }
  .navi-mt a{
    flex-shrink: 0;
  }
  .m-fold{
    align-items: center;flex-grow: 1;
  }
  .m-fold:hover{
    cursor: pointer;
  }
  .m-fold img{
    width: 24px;height: 24px;
  }
  .navi-ml{
    flex-wrap: wrap;
    z-index: 52;
    margin: 0 40px;
    height: 0;
    opacity: 0;
    transition: 0.2s all ease-in-out;
  }
  .navi-ml a{
    color: rgba(62, 58, 57, 1);
    line-height: 60px;
  }
  .navi-ml div{
    height: 30px;
    margin-top: -15px;
    z-index: 200;
    width: 100%;
  }
  .mlmain{
    width: 100%;
  }
  .navi-ml div a{
    line-height: 30px;
  }
  .mlsecond{
    margin:0 5px;font-size: 12px
  }
  .footer-m{
    z-index: 40;
    height: auto;
    min-height: 200px;
    transition: 0.2s all ease-in-out;
    opacity: 1;
    bottom: 0;
    width: 100%;
    background-color: rgba(245, 245, 245, 1);
    font-family: PingFangSC-Regular;
    display: flex;
    margin-top: 40px;
  }
  .end-m{padding-top: 20px;padding-bottom: 20px}
  .endm-group{
    min-height: 40px;margin: 0 20px;font-size: 14px;border-bottom:1px solid rgb(180, 180, 180);
  }
  .endm-group div{
  }
  .end-mt{z-index: 42;height: 40px;line-height: 40px;}
  .end-mt:hover{cursor: pointer;}
  .end-ml{z-index: 41;transition: all 0.2s ease-in-out;line-height: 40px; height: 0;opacity: 0;font-size: 12px}
  .end-ml a{
    color: rgba(102, 102, 102, 1);margin-left: 20px;
  }
  .bottom-m{
    height: 150px;
    width: 100%;
    background-color: rgba(36, 36, 36, 1);
    font-size: 12px;color: rgba(153, 153, 153, 1);padding-bottom: 10px;
  }
  .bottom-m img{
    height: 32px;width: 130px;margin:0 0 20px 20px;
  }
  .bottom-m div{
    height: 14px;line-height: 14px;font-size: 12px;margin: 0 0 10px 20px;
  }
  .bottom-m div a{
    color: rgba(153, 153, 153, 1);margin-left: 20px;
  }

}