/* 头部样式 */
@font-face {
  font-family: 'SemiBold';
  src: url("../font/SemiBold.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --header-footer-base-size: 1px;
}

html {
  max-width: 1920px;
  margin: 0 auto;
}
.header { width: 100%; height: 100vh; min-height: calc(var(--header-footer-base-size) * 12.5); background: url(../img/head_bg.jpg) no-repeat center top; position: relative; background-size: cover; transition: height 1000ms; }
.header .pubcon { display: flex; justify-content: space-between; padding-top: calc(var(--header-footer-base-size) * 0.8); align-items: center; }
.header .head_logo { width: calc(var(--header-footer-base-size) * 9.12); }
.header .head_logo img { display: block; width: 100%; }

.header.short { height: calc(var(--header-footer-base-size) * 1.81); background-size: 100% auto; background-position: 10% center; min-height: inherit; }
.header.short .pubcon { width: 100%; padding: 0 calc(var(--header-footer-base-size) * 0.6); height: 100%; }

.header.bg2 { background-image: url(../img/head_bg.jpg);}

.head_search {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.head_search_txt {
  margin-bottom: calc(var(--header-footer-base-size) * 0.4);
  margin-top: calc(var(--header-footer-base-size) * 1);
}

.head_search_txt p {
  text-align: center;
  font-size: calc(var(--header-footer-base-size) * 0.72);
  color: #ffecc2;
  font-weight: bold;
  white-space: nowrap;
  text-shadow: 0 calc(var(--header-footer-base-size) * 0.1) calc(var(--header-footer-base-size) * 0.2) #444;
  line-height: 1.6em;
}

.head_search_form {
  width: calc(var(--header-footer-base-size) * 4.7);
}

.header.short .head_search {
  position: static;
  transform: none;
  display: flex;
  align-items: center;
}

.header.short .head_search_txt {
  margin-right: calc(var(--header-footer-base-size) * 1.94);
  margin-bottom: 0;
  margin-top: 0;
}

.header.short .head_search_txt p {
  font-size: calc(var(--header-footer-base-size) * 0.3);
  line-height: 2em;
  font-family: SemiBold;
  background: #ffecc2;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}
/* 适配代码 */
@media screen and (max-width:1200px) {
  .header.short { height: calc(var(--header-footer-base-size) * 2); min-height: inherit; background: url(../img/head_bg.jpg) no-repeat center / cover; }
  .header.short .pubcon { width: 100%; padding: 0 4vw; height: 100%; }

  .header.short .head_search {
    position: static;
    transform: none;
    display: none;
    align-items: center;
    margin-left: auto;
    margin-right: -4vw;
  }

  .header.short .head_search_txt {
    margin-right: calc(var(--header-footer-base-size) * 1);
    margin-bottom: 0;
    margin-top: 0;
  }

  .header.short .head_search_txt p {
    font-size: calc(var(--header-footer-base-size) * 0.36);
    line-height: 1.6em;
    font-family: SemiBold;
    background: #ffecc2;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: none;
  }
}
@media screen and (max-width:768px) {
  .header.short { height: 60px; background: #015293; position: relative; box-shadow: 0 0 10px #aaa; }
  .header.short .pubcon { position: relative; align-items: center; padding: 0 4vw; justify-content: space-between; }
  .header.short .head_logo { width: auto; height: 40px; }
  .header.short .head_logo img { width: auto; max-height: 80%; max-width: 100%; }

  .header.short .head_search_txt {
    display: none;
  }

  .header.short .head_search_form .link {
  }

  .header.short .head_search_form div {
    display: none;
  }
}
@media screen and (max-width:460px) {
  .header.short .head_logo { width: auto; height: auto; }
}