/* this website */
/* flex */
/* font-size */
/* color */
/* margin */
/* padding */
/* 动画 */
/* other */
.whmax {
  width: 100%;
  height: 100%;
}
.pcheader {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(18, 31, 63, 0);
  transition: all 0.3s ease-in;
}
.pcheader .pcheader_main {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}
.pcheader .pcheader_top {
  height: 9rem;
  padding: 0 7rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  /* 顶部链接hover效果 */
}
.pcheader .pcheader_top .pcheader_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.pcheader .pcheader_top .pclogo {
  height: 5.7rem;
  position: relative;
}
.pcheader .pcheader_top .pclogo img {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease-in;
}
.pcheader .pcheader_top .pclogo .logo_b {
  opacity: 0;
}
.pcheader .pcheader_top .pcheader_top_right {
  display: flex;
  align-items: center;
  height: 100%;
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links {
  display: flex;
  align-items: center;
  gap: 5rem;
  /* 下拉菜单交互效果 */
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links a {
  color: #FFCE95;
  font-size: 1.6rem;
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links .header_dropdown {
  position: relative;
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links .header_dropdown a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links .header_dropdown a i {
  margin-left: 0.5rem;
  transition: 0.2s all ease-in;
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links .header_dropdown:hover a i {
  transform: rotate(180deg);
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links .header_dropdown .dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  background-color: #121F3F;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  padding: 2rem 0 1rem 0;
  overflow: hidden;
  /* 默认完全隐藏 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links .header_dropdown .dropdown_menu a {
  display: block;
  padding: 1rem 2rem;
  color: #FFCE95;
  font-size: 1.4rem;
  text-align: left;
  transition: 0.2s all ease-in;
  white-space: nowrap;
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links .header_dropdown .dropdown_menu a:hover {
  background-color: rgba(18, 31, 63, 0.05);
  color: #FFCE95;
  transform: translateX(5px);
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links .header_dropdown:hover .dropdown_menu {
  opacity: 1;
  visibility: visible;
  z-index: 20;
  transform: translateY(0);
}
.pcheader .pcheader_top .pcheader_top_right .msearch {
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: 5.8rem;
}
.pcheader .pcheader_top .pcheader_top_right .msearch a {
  color: #fff;
  padding: 0 3rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pcheader .pcheader_top .pcheader_top_right .msearch i {
  font-size: 2.6rem;
}
.pcheader .pcheader_top .pcheader_top_right .lang_select {
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.pcheader .pcheader_top .pcheader_top_right .lang_select a {
  color: #fff;
  padding: 0 3rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links a {
  position: relative;
  transition: 0.2s all ease-in;
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links a:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #FFCE95;
  transition: 0.2s all ease-in;
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links a:hover {
  transform: translateY(-2px);
}
.pcheader .pcheader_top .pcheader_top_right .headertop_links a:hover:after {
  width: 100%;
}
.pcheader .pcheader_top .pcheader_top_right .msearch a,
.pcheader .pcheader_top .pcheader_top_right .lang_select a {
  transition: 0.2s all ease-in;
}
.pcheader .pcheader_top .pcheader_top_right .msearch a:hover,
.pcheader .pcheader_top .pcheader_top_right .lang_select a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.pcheader .pcheader_body {
  width: 100%;
  padding: 0 7rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.pcheader .pcheader_body .pcheader_main {
  position: relative;
}
.pcheader .pcheader_body ul {
  padding: 0 2rem;
  height: 6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.pcheader .pcheader_body ul li {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.pcheader .pcheader_body ul li a {
  transition: 0.2s all ease-in;
  position: relative;
  color: #fff;
  font-size: 1.6rem;
}
.pcheader .pcheader_body ul li a:hover {
  color: #FFCE95;
}
.pcheader .pcheader_body .mline {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3rem;
  height: 3px;
  background: #fff;
}
/* 白色模式样式调整 */
.pcheader.white {
  background: #fff;
}
.pcheader.white .pcheader_top {
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.pcheader.white .pcheader_top .pclogo .logo_b {
  opacity: 1;
}
.pcheader.white .pcheader_top .pclogo .logo_w {
  opacity: 0;
}
.pcheader.white .pcheader_top .pcheader_top_right .headertop_links a {
  color: #2b2b2b;
}
.pcheader.white .pcheader_top .pcheader_top_right .headertop_links a:hover {
  color: #121F3F;
}
.pcheader.white .pcheader_top .pcheader_top_right .headertop_links a:hover::after {
  background-color: #121F3F;
}
.pcheader.white .pcheader_top .pcheader_top_right .msearch {
  border-left: 1px solid rgba(153, 153, 153, 0.3);
}
.pcheader.white .pcheader_top .pcheader_top_right .msearch a {
  color: #2b2b2b;
}
.pcheader.white .pcheader_top .pcheader_top_right .lang_select {
  border-left: 1px solid rgba(153, 153, 153, 0.3);
}
.pcheader.white .pcheader_top .pcheader_top_right .lang_select a {
  color: #2b2b2b;
}
.pcheader.white .pcheader_top .pcheader_top_right .msearch a,
.pcheader.white .pcheader_top .pcheader_top_right .lang_select a {
  transition: 0.2s all ease-in;
}
.pcheader.white .pcheader_top .pcheader_top_right .msearch a:hover,
.pcheader.white .pcheader_top .pcheader_top_right .lang_select a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.pcheader.white .pcheader_top .pcheader_top_right .msearch a:hover a,
.pcheader.white .pcheader_top .pcheader_top_right .lang_select a:hover a {
  color: #121F3F;
}
.pcheader.white .pcheader_body .mline {
  background: #121F3F;
}
.pcheader.white .pcheader_body ul li a {
  color: #2b2b2b;
}
.pcheader.white .pcheader_body ul li a:hover {
  color: #121F3F;
}
.pcheader.blue {
  background: #121f3f;
}
.pcheader.blue .pcheader_top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.pcheader.blue .pcheader_top .pclogo .logo_b {
  opacity: 0;
}
.pcheader.blue .pcheader_top .pclogo .logo_w {
  opacity: 1;
}
.pcheader.blue .pcheader_top .pcheader_top_right .headertop_links a {
  color: #FFCE95;
}
.pcheader.blue .pcheader_top .pcheader_top_right .headertop_links a:hover {
  color: #FFCE95;
}
.pcheader.blue .pcheader_top .pcheader_top_right .headertop_links a:hover::after {
  background-color: #FFCE95;
}
.pcheader.blue .pcheader_top .pcheader_top_right .msearch {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.pcheader.blue .pcheader_top .pcheader_top_right .msearch a {
  color: #fff;
}
.pcheader.blue .pcheader_top .pcheader_top_right .lang_select {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.pcheader.blue .pcheader_top .pcheader_top_right .lang_select a {
  color: #fff;
}
.pcheader.blue .pcheader_top .pcheader_top_right .msearch a,
.pcheader.blue .pcheader_top .pcheader_top_right .lang_select a {
  transition: 0.2s all ease-in;
}
.pcheader.blue .pcheader_top .pcheader_top_right .msearch a:hover,
.pcheader.blue .pcheader_top .pcheader_top_right .lang_select a:hover {
  background-color: rgba(255, 206, 149, 0.1);
}
.pcheader.blue .pcheader_top .pcheader_top_right .msearch a:hover a,
.pcheader.blue .pcheader_top .pcheader_top_right .lang_select a:hover a {
  color: #121F3F;
}
.pcheader.blue .pcheader_body .mline {
  background: #FFCE95;
}
.pcheader.blue .pcheader_body ul li a {
  color: #fff;
}
.pcheader.blue .pcheader_body ul li a:hover {
  color: #FFCE95;
}
.pcheader.curr {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
/* 二级菜单样式 */
.pcheader_fold {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(15rem + 1px);
  background: #121F3F;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  z-index: 98;
  /* 默认隐藏二级菜单 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1rem);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  padding: 0 0 0 9rem;
  /* 激活状态 */
}
.pcheader_fold.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.pcheader_fold .header_badge {
  position: absolute;
  left: 2rem;
  bottom: 3rem;
  width: 25rem;
  opacity: 0.05;
}
.pcheader_fold .pcheader_fold_main {
  max-width: 1660px;
  margin: 0 0 0 auto;
  width: 100%;
}
.pcheader_fold .pcheader_fold_main ul {
  width: 100%;
  /* 二级菜单项 */
}
.pcheader_fold .pcheader_fold_main ul li {
  display: none;
  /* 默认隐藏所有菜单项 */
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  /* 当匹配导航栏属性时显示对应的二级菜单项 */
  /* 左侧内容区域 */
  /* 右侧图片区域 */
}
.pcheader_fold .pcheader_fold_main ul li[navSttr] {
  display: flex;
}
.pcheader_fold .pcheader_fold_main ul li:not([style*="display: none"]) {
  opacity: 1;
  transform: translateY(0);
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_left {
  display: flex;
  justify-content: space-between;
  height: 30rem;
  padding: 5rem 0 3rem 0;
  /* 链接区域 */
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_left h2 {
  font-size: 3rem;
  color: #fff;
  width: 25rem;
  white-space: nowrap;
  position: relative;
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_left .mlinks {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2rem;
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_left .mlinks a {
  margin-right: 7rem;
  font-size: 1.6rem;
  color: #fff;
  position: relative;
  transition: 0.2s all ease-in;
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_left .mlinks a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 0;
  height: 1px;
  background: #FFCE95;
  transition: 0.2s all ease-in;
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_left .mlinks a:hover {
  color: #FFCE95;
  transform: translateX(5px);
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_left .mlinks a:hover:before {
  width: 2rem;
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_right {
  width: 60rem;
  height: 30rem;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.pcheader_fold .pcheader_fold_main ul li .pcheader_fold_main_right:hover img {
  transform: scale(1.05);
}
.pcheader_kong {
  height: 15rem;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes shake2 {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
.header_md {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.header_md .header_md_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 8rem;
  padding: 0 4rem 0 8rem;
  background: #0E0E0E;
}
.header_md .header_md_top .mdlogo {
  width: 24rem;
  position: relative;
}
.header_md .header_md_top .mdlogo img {
  width: 100%;
  transition: 0.2s all ease-in;
}
.header_md .header_md_top .mdlogo .md_logo_b {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.header_md .header_md_top .md_menu {
  display: flex;
  align-items: center;
}
.header_md .header_md_top .md_menu p {
  color: #fff;
  font-family: enfont;
  font-size: 2.2rem;
  transform: translateY(0.3rem);
}
.header_md .header_md_top .md_btn {
  display: flex;
  align-items: center;
}
.header_md .header_md_top .md_btn .md_lang {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 2rem;
}
.header_md .header_md_top .md_btn .md_lang i {
  margin-right: 2px;
  font-size: 2.4rem;
}
.header_md .header_md_top .md_btn .md_lang img {
  width: 2.8rem;
  margin-right: 0.5rem;
}
.header_md .header_md_top .md_btn .md_lang span {
  font-size: 2rem;
}
.header_md .header_md_top .md_btn .md_search {
  font-size: 2rem;
  margin-left: 3rem;
  display: flex;
  align-items: center;
  color: #fff;
}
.header_md .header_md_top .md_btn .md_search i {
  font-size: 3rem;
}
.header_md .header_md_top .md_menu_popbox {
  display: flex;
  align-items: center;
  margin-left: 4rem;
}
.header_md .header_md_top .md_menu_pop {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  width: 3.5rem;
  height: 2.2rem;
  flex-shrink: 0;
  margin-left: 1rem;
  cursor: pointer;
}
.header_md .header_md_top .md_menu_pop span {
  display: block;
  height: 0.2rem;
  width: 100%;
  background: #fff;
  flex-shrink: 0;
  transition: all 0.5s ease;
}
.header_md .header_md_top .md_menu_pop.curr .line2 {
  width: 0%;
  opacity: 0;
}
.header_md .header_md_top .md_menu_pop.curr .line1 {
  transform: rotate(45deg) translate(-0.3rem, 0);
  transform-origin: left;
}
.header_md .header_md_top .md_menu_pop.curr .line3 {
  transform: rotate(-45deg) translate(-0.3rem, 0);
  transform-origin: left;
}
.header_md .header_md_body {
  background: #0E0E0E;
  display: none;
  height: calc(100vh - 8rem);
  overflow-x: hidden;
  overflow-y: auto;
}
.header_md .header_md_body ul {
  width: 100%;
}
.header_md .header_md_body li {
  width: 100%;
  padding: 0 5rem;
  border-bottom: 1px solid #999;
}
.header_md .header_md_body .md_nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5.6rem;
}
.header_md .header_md_body .md_nav p {
  color: #fff;
  font-size: 2rem;
}
.header_md .header_md_body .md_nav i {
  color: #fff;
  font-size: 2rem;
  transition: 0.2s all ease-in;
}
.header_md .header_md_body .md_nav i.curr {
  transform: rotate(90deg);
}
.header_md .header_md_body .md_xhr {
  display: none;
}
.header_md .header_md_body .md_xhr .md_nav {
  border-top: 1px solid #999;
  height: 5.6rem;
}
.header_md .header_md_body .md_xhr .md_nav p {
  font-size: 2rem;
  color: #a3a3a3;
}
.header_md .header_md_body .md_xhr .md_nav .md_xhr-right {
  display: flex;
  align-items: center;
}
.header_md .header_md_body .md_xhr .md_nav span {
  color: #dddddd;
  font-size: 1.6rem;
}
.header_md .header_md_body .md_xhr > .md_nav {
  padding-left: 2.5rem;
}
.header_md .header_md_body .md_xhr .md_xhr > .md_nav {
  padding-left: 4rem;
}
.header_md .header_md_body .md_xhr .md_xhr .md_xhr > .md_nav {
  padding-left: 6rem;
}
.header_md .header_md_body .md_xhr .md_xhr .md_xhr .md_xhr > .md_nav {
  padding-left: 8rem;
}
.header_md .header_md_body .md_xhr .md_xhr .md_xhr .md_xhr .md_xhr > .md_nav {
  padding-left: 10rem;
}
.header_md .header_md_body .md_xhr .md_xhr .md_xhr .md_xhr .md_xhr .md_xhr > .md_nav {
  padding-left: 12rem;
}
.header_md .headermd_langpop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.header_md .headermd_langpop ul {
  width: 60%;
  background: #fff;
  border-radius: 10px;
  padding: 1rem 2rem;
  position: relative;
}
.header_md .headermd_langpop a {
  font-size: 3rem;
  display: block;
  color: #2b2b2b;
}
.header_md .headermd_langpop li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 0;
  border-bottom: 1px solid #eee;
}
.header_md .headermd_langpop li:last-child {
  border-bottom: none;
}
.header_md .headermd_langpop .xhi {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 2.6rem;
}
.header_md {
  display: none;
}
@media screen and (max-width: 1025px) {
  .header_md {
    display: block;
  }
  .pcheader {
    display: none;
  }
  .pcheader_kong {
    height: 8rem;
    display: block!important;
  }
  .pcheader_kong2 {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  .header_md .header_md_top {
    padding: 0 3rem 0 4rem;
  }
  .header_md .header_md_top .mdlogo {
    width: 18rem;
  }
}
.xhfooter {
  width: 100%;
  background: #121F3F;
  position: relative;
  z-index: 60;
}
.xhfooter .xhfooter_top {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #5B7086;
  padding: 3rem 7rem;
}
.xhfooter .xhfooter_top > div {
  display: flex;
  flex-direction: column;
}
.xhfooter .xhfooter_top .footer_badge {
  width: 11rem;
  margin: 0 3.6rem;
}
.xhfooter .xhfooter_top .mleft {
  align-items: flex-end;
}
.xhfooter .xhfooter_top .mright {
  align-items: flex-start;
}
.xhfooter .xhfooter_top h2 {
  color: #fff;
  font-size: 2.8rem;
  margin-bottom: 1.4rem;
}
.xhfooter .xhfooter_top p {
  font-size: 1.4rem;
  color: #fff;
}
.xhfooter .xhfooter_main {
  padding: 4rem 7rem;
}
.xhfooter .xhfooter_main ul {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.xhfooter .xhfooter_main ul li h3 {
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 4rem;
}
.xhfooter .xhfooter_main ul li a {
  font-size: 1.4rem;
  color: #848A96;
  margin-bottom: 2rem;
  transition: 0.2s all ease-in;
}
.xhfooter .xhfooter_main ul li a:hover {
  transform: translateX(0.5rem);
  color: #FFCE95;
}
.xhfooter .xhfooter_bom {
  background: #000102;
  padding: 0rem 7rem;
}
.xhfooter .xhfooter_bom .footer_icp {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
}
.xhfooter .xhfooter_bom .footer_icp p {
  color: #7a7a7a;
  font-size: 1.4rem;
}
.xhfooter .xhfooter_bom .footer_icp a {
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
  color: #7a7a7a;
  font-size: 1.4rem;
}
.xhfooter .xhfooter_bom .footer_icp img {
  margin-right: 0.5rem;
}
