#static_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: transform 0.8s, background 0.5s; }
  #static_header.trans {
    transform: translateY(-100%); }
  #static_header.white, #static_header.white_bg {
    background: #fff; }
    #static_header.white a, #static_header.white_bg a {
      color: #808080 !important; }
    #static_header.white svg path, #static_header.white_bg svg path {
      fill: #333; }
    #static_header.white .e_image-11 img, #static_header.white_bg .e_image-11 img {
      filter: brightness(0) !important; }
    #static_header.white .e_image-4 img, #static_header.white_bg .e_image-4 img {
      filter: none !important; }
    #static_header.white .p_menu1Item, #static_header.white_bg .p_menu1Item {
      position: relative; }
      #static_header.white .p_menu1Item:after, #static_header.white_bg .p_menu1Item:after {
        content: '';
        position: absolute;
        height: 4px;
        width: 0;
        background: #003D6E;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        transition: all .36s; }
      #static_header.white .p_menu1Item:hover:after, #static_header.white_bg .p_menu1Item:hover:after {
        width: 100%; }
    #static_header.white .p_menu_active a, #static_header.white_bg .p_menu_active a {
      color: #003D6E !important; }
      #static_header.white .p_menu_active a span, #static_header.white_bg .p_menu_active a span {
        font-weight: bold; }
      #static_header.white .p_menu_active a:after, #static_header.white_bg .p_menu_active a:after {
        content: '';
        position: absolute;
        height: 4px;
        width: 100%;
        background: #003D6E;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        transition: all .36s; }
  #static_header.blue {
    background: #003D6E; }
    #static_header.blue .p_menu1Item a {
      color: #ffffff !important; }
    #static_header.blue svg path {
      fill: #ffffff; }
    #static_header.blue .e_image-11 img {
      filter: none !important; }
    #static_header.blue .e_image-4 img {
      filter: brightness(0) invert(1) !important; }
    #static_header.blue .p_menu_active a {
      color: #ffffff !important; }
      #static_header.blue .p_menu_active a:after {
        background: #ffffff; }
    #static_header.blue .p_menu1Item:after {
      background: #ffffff; }
  #static_header .e_image-4 {
    overflow: hidden;
    max-width: 393px; }
    #static_header .e_image-4 img {
      width: 100%;
      filter: brightness(0) invert(1); }
  #static_header .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    background_radio: 1;
    display-radio: flex; }
    #static_header .e_container-1 .p_item {
      flex: 1;
      max-width: 100%;
      max-height: 100%; }
    #static_header .e_container-1 .c_box-1-0 {
      flex: 0 0 auto;
      align-self: center; }
    #static_header .e_container-1 .cbox-1-1 {
      flex: 0 0 auto;
      align-self: center;
      margin-right: 0px;
      margin-left: auto; }
  #static_header .e_container-1-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-right: auto;
    display-radio: flex; }
    #static_header .e_container-1-1 .p_item {
      flex: 1;
      max-width: 100%; }
    #static_header .e_container-1-1 .c_box-2-0 {
      flex: 0 0 auto; }
    #static_header .e_container-1-1 .cbox-2-1 {
      flex: 0 0 auto; }
  #static_header .e_navigation .p_level1Box {
    display: flex;
    justify-content: flex-end; }
  #static_header .e_navigation .p_iconBox {
    height: 45px;
    width: 45px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  #static_header .e_navigation .p_openIcon {
    width: 100%;
    height: 36px; }
  #static_header .e_navigation .p_closeIcon {
    width: 100%;
    height: 30px; }
  #static_header .e_navigation .p_navButton {
    display: none; }
  #static_header .e_navigation .p_level2Box {
    display: none;
    height: auto;
    background: #F3F3F3;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99; }
  #static_header .e_navigation .p_level2Box .nav2_box {
    display: flex;
    flex-wrap: wrap; }
  #static_header .e_navigation .p_level3Box {
    display: none;
    height: auto;
    padding: 15px 0;
    background: #fff;
    width: 130px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 9;
    border-radius: 5px;
    border-top-left-radius: 0; }

#static_header .e_navigation .p_level1Item {
  border: none;
  margin-left: 48px; }

#static_header .e_navigation .p_level1Item:hover .p_menu1Item a {
  color: #003D6E !important;
  font-weight: bold; }

#static_header.blue .p_level1Item:hover .p_menu1Item a {
  color: #ffffff !important;
  font-weight: bold; }

#static_header .e_navigation .p_level2Item:hover a {
  color: #003D6E !important;
  font-weight: bold; }

#static_header .e_navigation .p_level2Item:hover svg path {
  fill: #003D6E !important; }

#static_header .e_navigation .p_level2Item {
  position: relative;
  margin: 24px 48px 24px 0; }

#static_header .e_navigation .p_level2Item:nth-last-child(1) {
  border-right: 0;
  margin-right: 0;
  padding-right: 0; }

#static_header .e_navigation .p_level3Item {
  width: 100%; }

#static_header .e_navigation .p_level1Item a {
  line-height: 80px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  letter-spacing: -0.18px; }

#static_header .e_navigation .p_level1Item a span {
  color: inherit;
  line-height: 1.5; }

#static_header .e_navigation .p_level2Item a {
  color: #808080;
  display: flex;
  justify-content: space-between;
  width: 100%; }

#static_header .e_navigation .p_level2Item a:hover {
  opacity: 1; }

#static_header .e_navigation .p_menu1Item {
  display-radio: 1; }

#static_header .p_menu1Item {
  display-radio: 1; }

#static_header .e_navigation .p_menu2Item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #333; }

#static_header .e_navigation .p_menu2Item a {
  line-height: 1.5; }

#static_header .e_navigation .p_menu3Item {
  display-radio: 1;
  color: #666666; }

#static_header .e_container-1-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  width: 100%;
  background_radio: 1;
  display-radio: flex; }

#static_header .e_container-1-2 > .p_item {
  flex: 0 0 auto;
  align-self: center;
  max-width: 100%;
  max-height: 100%;
  margin-left: 50px; }

#static_header .e_container-1-2 > .p_item > div {
  display: flex;
  align-self: center; }

#static_header .e_navigation {
  display-radio: 1; }

#static_header .e_icon-8 svg {
  width: 18px;
  height: auto;
  margin: 0; }

#static_header .e_image-11 {
  overflow: hidden;
  width: 30px;
  display: flex; }

#static_header .e_image-11 img {
  width: 100%; }

.mob_header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  height: 16.8vw;
  background: white;
  padding: 0 8vw 0 8vw;
  overflow-y: hidden;
  transition: all 0.3s ease-out 0s; }
  .mob_header.sticky {
    position: fixed;
    z-index: 100;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-out 0s;
    background: #003D6E; }
    .mob_header.sticky.active .mob_header_box {
      background: #003D6E;
      position: relative; }
      .mob_header.sticky.active .mob_header_box:before, .mob_header.sticky.active .mob_header_box:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 8vw;
        background: #003D6E; }
      .mob_header.sticky.active .mob_header_box:before {
        left: -8vw; }
      .mob_header.sticky.active .mob_header_box:after {
        right: -8vw; }
    .mob_header.sticky .logo_img {
      filter: brightness(0) invert(1) !important; }
    .mob_header.sticky .mob_header_right .nav_text {
      color: #ffffff; }
    .mob_header.sticky .mob_header_right .mob_header_nav .nav_btn.active:before, .mob_header.sticky .mob_header_right .mob_header_nav .nav_btn.active:after, .mob_header.sticky .mob_header_right .mob_header_nav .nav_btn.active span {
      background: #ffffff; }
    .mob_header.sticky .mob_header_right .mob_header_nav .nav_btn:before, .mob_header.sticky .mob_header_right .mob_header_nav .nav_btn:after, .mob_header.sticky .mob_header_right .mob_header_nav .nav_btn span {
      background: #ffffff; }
  .mob_header.active {
    height: 100%;
    background: #fff; }
  .mob_header .mob_header_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 16.8vw; }
  .mob_header .mob_header_left {
    width: 4.49rem; }
    .mob_header .mob_header_left .logo_img {
      width: 100%;
      display: block; }
  .mob_header .mob_header_right {
    display: flex;
    align-items: center; }
    .mob_header .mob_header_right .nav_text {
      padding-right: 0.18rem;
      font-size: 0.24rem;
      font-weight: 500;
      color: #000000; }
    .mob_header .mob_header_right .mob_header_nav {
      position: relative;
      z-index: 2;
      width: 0.32rem; }
      .mob_header .mob_header_right .mob_header_nav .nav_btn {
        height: 0.32rem;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        width: 100%; }
        .mob_header .mob_header_right .mob_header_nav .nav_btn span {
          display: block;
          height: 0.07rem;
          width: 100%;
          background: #003D6E;
          border-radius: 1px;
          position: absolute;
          top: 50%;
          right: 0;
          transition: all 0.3s ease;
          transform: translateY(-50%); }
        .mob_header .mob_header_right .mob_header_nav .nav_btn:after {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 0.07rem;
          background: #003D6E;
          border-radius: 1px;
          transition: transform 0.3s ease-out, top 0.3s ease 0.2s, -webkit-transform 0.3s ease-out;
          transform: rotate(0deg); }
        .mob_header .mob_header_right .mob_header_nav .nav_btn:before {
          content: "";
          position: absolute;
          right: 0;
          bottom: 0;
          display: block;
          width: 100%;
          height: 0.07rem;
          background: #003D6E;
          border-radius: 1px;
          transition: transform 0.3s ease-out, top 0.3s ease 0.2s, -webkit-transform 0.3s ease-out;
          transform: rotate(0deg); }
        .mob_header .mob_header_right .mob_header_nav .nav_btn.active span {
          opacity: 0; }
        .mob_header .mob_header_right .mob_header_nav .nav_btn.active:after {
          width: 100%;
          transition: top 0.3s ease, transform 0.3s ease-out 0.2s, -webkit-transform 0.3s ease-out 0.2s;
          transform: rotate(-45deg);
          top: 46%;
          background: #003D6E; }
        .mob_header .mob_header_right .mob_header_nav .nav_btn.active:before {
          width: 100%;
          transition: top 0.3s ease, transform 0.3s ease-out 0.2s, -webkit-transform 0.3s ease-out 0.2s;
          transform: rotate(45deg);
          top: 46%;
          background: #003D6E; }
  .mob_header .mob_nav {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 16.8vw;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    backdrop-filter: blur(6px); }
    .mob_header .mob_nav.active {
      visibility: visible; }
    .mob_header .mob_nav .p_level1Box .p_level1Item {
      border-bottom: 1px solid rgba(237, 237, 237, 0.7); }
      .mob_header .mob_nav .p_level1Box .p_level1Item:nth-last-child(1) {
        border-bottom: none; }
      .mob_header .mob_nav .p_level1Box .p_level1Item.active .p_menu1Item {
        background: #f6f6f6; }
        .mob_header .mob_nav .p_level1Box .p_level1Item.active .p_menu1Item .s_template_title {
          color: #003D6E; }
      .mob_header .mob_nav .p_level1Box .p_level1Item.active .nav_right_icon:after {
        transform: rotate(90deg); }
      .mob_header .mob_nav .p_level1Box .p_level1Item .p_menu1Item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 30px; }
        .mob_header .mob_nav .p_level1Box .p_level1Item .p_menu1Item a {
          display: inline-block;
          height: 48px;
          line-height: 48px;
          color: #333333;
          font-weight: 600;
          position: relative;
          width: 100%; }
      .mob_header .mob_nav .p_level1Box .p_level1Item .nav_right_icon {
        position: absolute;
        right: 5%;
        top: 24px;
        transform: translateY(-50%);
        width: 12px;
        height: 12px; }
        .mob_header .mob_nav .p_level1Box .p_level1Item .nav_right_icon:after, .mob_header .mob_nav .p_level1Box .p_level1Item .nav_right_icon:before {
          content: "";
          position: absolute;
          left: 50%;
          top: 0;
          margin-left: -1px;
          width: 2px;
          height: 100%;
          background: #000;
          transition: all .36s; }
        .mob_header .mob_nav .p_level1Box .p_level1Item .nav_right_icon:before {
          transform: rotate(90deg);
          transition: all ease 0.3s; }
      .mob_header .mob_nav .p_level1Box .p_level1Item .nav2_box .p_level2Item a {
        height: 44px;
        line-height: 44px;
        display: block;
        color: #333333;
        position: relative;
        font-size: 0.24rem;
        padding-left: 30px; }

.floating {
  position: fixed;
  top: 30%;
  right: 2%;
  background: #003D6E;
  padding: 18px 18px 10px 18px;
  border-radius: 100px 100px 10px 10px;
  z-index: 99;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); }
  .floating .floating_tx {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%; }
    .floating .floating_tx .tx_img {
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover; }
  .floating .floating_box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 4px;
    margin: 15px 0; }
    .floating .floating_box .wx_img {
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover;
      border-radius: 4px; }
  .floating .floating_text {
    font-size: 24px;
    color: #ffffff;
    text-align: justify;
    height: 80px; }
    .floating .floating_text:after {
      content: '';
      width: 100%;
      display: inline-block; }

.e_about_name {
  font-family: "SourceHanSans-Bold";
  font-weight: normal; }

@media only screen and (max-width: 1900px) {
  #static_header .e_navigation .p_level2Item {
    margin: calc(24* 100vw /1920) calc(48* 100vw /1920) calc(24* 100vw /1920) 0; } }
@media only screen and (max-width: 1760px) {
  #static_header .e_container-1 {
    max-width: 90%; } }
@media only screen and (max-width: 1600px) {
  #static_header .e_navigation .p_level1Item {
    margin-left: 46px; } }
@media only screen and (max-width: 1150px) {
  .floating {
    display: none; }

  .mob_header {
    display: block; }

  .header {
    display: none; } }

/*# sourceMappingURL=header.css.map */