:root {
  --font-family: AvenirNextLTCom-Demi, Arial, Helvetica, sans-serif;
  --font-family1: AvenirNextLTCom-Regular, Arial, Helvetica, sans-serif;
  --font600: 600;
  --font400: 400;
  --d-fz: .875rem;
  --line-height: 1.25rem;
  --theme-color: #005f9e;
  --text-color: #000;
  --bd-color: #e5e7eb;
  --dot: #929292;
  --nav-hover-bg: #f7f7f7;
  --card-bg: #fff;
  /*二级导航底色*/
  --nav-cont-bg: #f7f7f7;
  --max-width: 80rem;
  --10px: calc(10rem / 16);
  --30px: calc(30rem / 16);
  --20px: calc(20rem / 16);
  --15px: calc(15rem / 16);
  --25px: calc(25rem / 16);
  /*底部文字颜色*/
  --footer-txt: #adadad;
  --footer-link: #fff;
  /*按钮颜色*/
  --btn-bg: #003A66;
  --btn-txt: #003A66;
  --btn-bg-txt: #fff;
  --box-shadow: 0 1px 4px 0 #00000033;
}
* {
  margin: 0;padding: 0;
}
html, body {
  font-size: 16px;font-family: var(--font-family);
}
ol, ul, menu, div, p {
  list-style: none;box-sizing: border-box;
}
a {
  text-decoration: none;color: var(--theme-color);
}
a:hover {
  text-decoration: underline;color: var(--text-color);
}
a.active {
  text-decoration: underline;color: var(--text-color);
}
.text-color {
  color: var(--text-color);
}
button, input, textarea {
  outline: none;background: none;
}
button {
  cursor: pointer;padding: 1rem 1.5rem;font-size: .875rem;line-height: 1rem;font-weight: var(--font600);
}
body {
  font-weight: var(--font400);line-height: inherit;
}

@keyframes nudge {
  0 {
    transform: translate(0,0);
  }
  50% {
    transform: translate(10px, 0);
  }
  100% {
    transform: translate(0,0);
  }
}
/*字体图标公共样式*/
.g-icon {
  background: url("/static/images/global-icons.svg") no-repeat;width: 1.5rem;height: 1.5rem;
}
.d-block {
  display: block;
}
.d-flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-btw {
  justify-content: space-between;
}
.flex-re {
  flex-direction: row-reverse;
}
.dot {
  position: relative;line-height: 1.5rem;height: 1.5rem;padding: 0 .25rem;
}
.dot:before {
  content: "";position: absolute;top: calc(50% - .15rem);left: calc(50% - .15rem);border-radius: 9999px;width: .3rem;height: .3rem;background: var(--dot);
}
.fw400 {
  font-weight: var(--font400);
}
.fw600 {
  font-weight: var(--font600);
}
.is-link {
  cursor: pointer;
}
.min-100vh {
  min-height: 100vh;
}
.text-center {
  text-align: center;
}
/*icon*/
.g-icon-lang {
  background-position: -182px -787px;
}
.g-icon-xia {
  background-position: -45px -452px;
}
.g-icon-xia1 {
  background-position: -286px -787px;
}
.g-icon-xia-w {
  background-position: -10px -250px;
}
.g-icon-you1 {
  background-position: -250px -787px;
}
.g-icon-zuo {
  background-position: -215px -789px;
}
.g-icon-up {
  background-position: -11px -452px;
}
.g-icon-up1 {
  background-position: -318px -789px;
}
.g-icon-up-w {
  background-position: -316px -216px;
}
.g-icon-you-h {
  background-position: -112px -10px;
}
.g-icon-you-l {
  background-position: -113px -826px;
}
.g-icon-you {
  background-position: -180px -418px;
}
.g-icon-you-w {
  background-position: -147px -215px;
}
.g-icon-cd {
  background-position: -10px -827px;
}
.g-icon-close {
  background-position: -282px -861px;
}
/*按钮*/
.def-btn {
  color: var(--btn-txt);background: #fff;border: 2px solid var(--btn-bg);
}
.def-btn:hover {
  background: #b6eaff;
}
.par-btn {
  color: var(--btn-bg-txt);background: var(--btn-bg);border: 2px solid var(--btn-bg);
}
.par-btn:hover {
  background: #00294b;border-color: #00294b;
}
/*头部*/
.g-header-nav {
  transition: .3s;
}
.g-header a {
  font-size: var(--d-fz);
  font-weight: var(--font600);
  line-height: var(--line-height);
}
/*小屏头部*/
.g-header-menu .g-header-menu-top {
  display: flex;padding: .75rem 1.5rem;justify-content: space-between;
}
.g-header-menu .g-header-logo {
  height: 3rem;
}
.g-header-menu .g-header-logo img {
  width: 100%;height: 100%;
}
.g-header-menu .g-header-menu-ico {
  display: flex;align-items: center;
}
.g-header-menu .g-header-menu-ico .menu-txt {
  color: var(--theme-color);margin-left: .25rem;font-weight: var(--font600);font-size: var(--d-fz);
}
.g-header-menu .g-header-menu-drop {
  position: relative;display: none;
}
.g-header-menu .g-header-menu-drop-top {
  padding: 1rem 1.5rem;background: var(--nav-cont-bg);
}
.g-header-menu-drop-top .g-header-site-text{
  gap: .3rem;line-height: 1.5rem;margin-bottom: .5rem;
}
.g-header-menu-drop-top .g-header-lang-list a {
  padding: 0 .625rem;
}
.g-header-menu-drop-top .g-header-lang-list a:first-child {
  border-right: 1px solid #000;
}
/*小屏导航菜单*/
.g-nav-drop-main .nav-item {
  line-height: 1.5rem;font-weight: var(--font600);
}
.g-nav-drop-main .nav-item .nav-name {
  padding: 1rem 1.5rem;
}
.g-nav-drop-main .nav-item-cont {
  display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--card-bg);
}
.g-nav-drop-main .nav-item-cont-item {
  padding: 0 1.5rem;
}
.g-nav-drop-main .header-menu-back {
  display: flex;
}
.g-nav-drop-main .nav-item-cont-item + .nav-item-cont-item h4 {
  border-top: 1px solid #009cdc;padding: 1rem 0;
}
.g-nav-drop-main .nav-item-cont-item h3{
  padding: 1rem 0;line-height: 1.5rem;font-size: var(--d-fz);border-bottom: 1px solid #009cdc;margin-bottom: .5rem;
}
.g-nav-drop-main .nav-item-cont-item h4{
  padding: .25rem 0;line-height: 1.5rem;
}
.g-nav-drop-main .nav-item-cont-item p{
  line-height: 1.25rem;margin-bottom: var(--10px);padding: .25rem 0;
}
.g-nav-drop-main .nav-item-cont-item a{
  display: block;width: 100%;
}
/*大屏头部*/
.g-header-drop {
  transition: .2s;display: none;height: 0;
}
.g-header-drop .g-header-logo {
  height: 5rem;
}
.g-header-drop .g-header-logo img{
  width: 100%;height: 100%;
}
.g-header-drop-top {
  width: 100%;font-size: var(--d-fz);
}
.g-header-menu-top .g-header-site-text{
  gap: .3rem;line-height: 1.5rem;
}
.g-header-menu-top .head-xi{
  font-family: var(--font-family1);
}
.g-header-menu-top .g-header-lang-list a {
  padding: 0 .625rem;
}
.g-header-menu-top .g-header-lang-list a:first-child {
  border-right: 1px solid #000;
}
/*头部导航*/
.g-nav-main .nav-item {
  line-height: 1.5rem;font-weight: var(--font600);margin: 0 .1rem;position: relative;z-index: 3;
}
.g-nav-main .nav-item .nav-name {
  padding: 1rem 1.5rem;
}
.g-nav-main .nav-item .g-icon-up1{
  display: none;
}
.g-nav-main .nav-item:hover {
  background: var(--nav-hover-bg);
}
.g-nav-main .nav-item:hover .g-icon-up1{
  display: initial;
}
.g-nav-main .nav-item:hover .g-icon-xia1{
  display: none;
}
.g-nav-main .nav-item-cont {
  padding: 2rem;position: absolute;width: 100%;min-width: 40.5rem;display: flex;background: var(--nav-cont-bg);
  left: 0;top: 3.5rem;height: 0;display: none;gap: 1rem;
}
.g-nav-main .nav-item-cont-item {
  flex: 1;
}
.g-nav-main .nav-item-cont-item h4{
  padding-bottom: .25rem;line-height: 1.5rem;
}
.g-nav-main .nav-item-cont-item p{
  line-height: 1.25rem;margin-bottom: var(--10px);
}
.g-nav-main .nav-item-cont-item a{
  display: block;width: 100%;
}
.g-nav-main .nav-item:not(:first-child) .nav-item-cont{
  left: -188px;
}
.g-nav-main .nav-item:hover .nav-item-cont{
  display: flex;height: auto;
}
/*页脚*/
.page-footer {
  color: var(--footer-txt);font-size: var(--d-fz);line-height: var(--line-height);font-weight: var(--font600);padding: 0 1rem;
}
.page-footer a{
  color: var(--footer-link);display: block;
}
.g-footer-1 {
  padding: 2rem;background: #1a1a1a;
}
.g-footer-1 .g-footer-1-wapper{
  max-width: var(--max-width);flex-wrap: wrap;row-gap: 1.5rem;column-gap: 3rem;flex-direction: column;margin: 0 auto;
}
.g-footer-1 .g-footer-1-item {
  display: flex;align-items: center;flex-direction: column;
}
.g-footer-1 .g-footer-1-item .text{
  padding-bottom: 1rem;
}
.g-footer-1 .g-footer-1-wapper .li-lins {
  display: flex;align-items: center;
}
.g-footer-1 .g-footer-1-wapper .li-lins li{
  padding: 0 1.5rem;
}
.g-footer-1 .g-footer-1-wapper .li-lins li + li {
  border-left: 1px solid #ffffff4d;
}
.g-footer-1 .g-footer-1-wapper .li-lins-item {
  display: flex;width: 2rem;height: 2rem;border-radius: 50%;background: #272727;align-items: center;justify-content: center;
}
.g-footer-2 {
  background: #272727;
}
.g-footer-2 .g-footer-2-wapper{
  column-gap: 2rem;justify-content: space-evenly;max-width: var(--max-width);flex-direction: column;margin: 0 auto;
}
.g-footer-2  .g-footer-2-item p.text{
  display: flex;align-items: center;justify-content: space-between;
  padding: 1rem 1.5rem;border: 1px solid #5b5b5b;border-left: 0;border-right: 0;cursor: pointer;
}
.g-footer-2 .g-footer-2-wapper .li-lins {
  padding: 1rem 1.5rem;background: #383838;display: none;transition: .3s;
}
.g-footer-2 .g-footer-2-wapper .li-lins li{
  padding-top: 1rem;
}
.g-footer-2 .g-footer-2-wapper .li-lins li:first-child{
  padding-top: 0;
}
.g-footer-3 {
  padding: 0 2rem 2rem;background: #272727;
}
.g-footer-3 .g-footer-3-wapper {
  border-top: 1px solid #fff3;max-width: var(--max-width);padding-top: 3rem;display: flex;justify-content: center;margin: 0 auto;
}
.g-footer-3 .g-footer-3-wapper .txt{
  color: var(--footer-link);font-weight: var(--font400);
}
/*cookie弹窗*/
.attestationDialog{
  overflow: auto;width: 100%;height: 100%;justify-content: center;align-items: center;
  position: fixed;z-index: 9;top: 0;left: 0;right: 0;bottom: 0;display: none;
}
.attestationDialog:after {
  content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ffffffbf;opacity: 0.75;
}
.attestationDialog .attestationDialogMain{
  max-height: 90vh;background: #fff;margin: 1.25rem;position: relative;z-index: 5;
}
.attestationDialog .attestationTitle {
  background: #003A66;display: flex;align-items: center;padding: 2rem;
}
.attestationDialog .attestationTitle h3{
  font-size: 30px;line-height: 38px;color: #fff;
}
.attestationDialog .attestationDisclosure{
  max-height: 55vh;padding: 5%;overflow: auto;
}
.attestationDialog .attestationDisclosure h4{
  font-size: 1rem;font-weight: normal;
}
.attestationDialog .attestationButtonContainer {
  padding: 5%;
}
.attestationDialog .attestationButtonContainer button{
  width: 100%;margin: 0 0 1rem;display: block;
}
/*a链接按钮*/
.a-btn {
  padding: 1rem;line-height: 1.5rem;background: #fff;color: var(--btn-txt);display: inline-block;font-weight: var(--font600);font-size: var(--d-fz);
  flex-shrink: 0;
}
.a-btn:hover {
  background: #def5ff;text-decoration: none;
}
.a-btn-par {
  padding: 1rem;line-height: 1.5rem;background: var(--btn-txt);color: var(--btn-bg-txt);display: inline-block;font-weight: var(--font600);
  font-size: var(--d-fz);flex-shrink: 0;
}
.a-btn-par:hover {
  background: #00294b;border-color: #00294b;text-decoration: none;color: var(--btn-bg-txt);
}
.a-btn-par1 {
  padding: calc(1rem - 1px);line-height: calc(1.5rem - 2px);background: none;color: var(--btn-bg-txt);display: inline-block;
  font-weight: var(--font600);font-size: var(--d-fz);border: 2px solid var(--btn-bg-txt);flex-shrink: 0;
}
.a-btn-par1:hover {
  background: #def5ff;border-color: #def5ff;text-decoration: none;
}
.a-btn-par2 {
  padding: calc(1rem - 1px);line-height: calc(1.5rem - 2px);background: none;color: var(--btn-txt);display: inline-block;
  font-weight: var(--font600);font-size: var(--d-fz);border: 2px solid var(--btn-bg);flex-shrink: 0;
}
.a-btn-par2:hover {
  background: #005f9e;border-color: #005f9e;text-decoration: none;color: var(--btn-bg-txt);
}
/*带箭头的*/
.arrow-forward {
  display: inline-block;clear: both;overflow: hidden;
}
.arrow-forward .arrow-forward-text {
  padding: 0 .875rem 1rem 0;color: var(--text-color);float: left;
}
.arrow-forward .arrow-forward-icon {
  float: right;margin-right: 11px;transform: scale(0.8);
}
.arrow-forward:hover {
  text-decoration: none;
}
.arrow-forward:hover .arrow-forward-text {
  color: #009cdc;
}
.arrow-forward:hover .arrow-forward-icon {
  background-position: -180px -418px; animation: nudge 1s linear infinite alternate;
}
/*页面顶部banner样式*/
.page-main-banner .cmp-hero {
  width: 100%;height: 100%;margin-bottom: 2rem;padding: 2rem 1rem 0;background: var(--theme-color);position: relative;
  display: flex;flex-direction: column;
}
.page-main-banner .cmp-hero-1 {
  background: var(--nav-cont-bg);
}
.page-main-banner .no-bg-hero {
  background: none;
}
.page-main-banner .cmp-hero__header {
  padding-bottom: 2rem;
}
.page-main-banner .cmp-hero__header h2 {
  font-size: var(--d-fz);color: var(--btn-bg-txt);
}
.page-main-banner .cmp-hero__header h3 {
  color: var(--btn-bg-txt);font-size: 2.25rem;line-height: 2.75rem;padding: .5rem 0 1rem;
}
.page-main-banner .no-bg-hero .cmp-hero__header h2{
  color: var(--text-color);
}
.page-main-banner .no-bg-hero .cmp-hero__header h3{
  color: var(--text-color);
}
.page-main-banner .cmp-hero__content{
  width: 100%;height: 100%;margin: 0 auto -2rem;position: relative;overflow: hidden;
}
.page-main-banner .cmp-hero__picture {
  max-height: 480px;width: 100%;height: 100%;
}
.page-main-banner .cmp-hero__content img{
  width: 100%;height: 100%;display: block;
}

@media (min-width: 768px) {
  .page-main-banner .cmp-hero {
    padding: 2rem 1.5rem 0;
  }
}

@media (min-width: 1024px) {
  .page-main-banner .cmp-hero {
    padding: 2rem 2rem 0;
  }
  .page-main-banner .cmp-hero__header {
    position: absolute;top: 0rem;left:2rem;padding: 6rem 2rem 4rem 2rem;max-width: 1440px;margin: auto;z-index: 1;
  }
  .page-main-banner .cmp-hero__content {
    max-width: 1440px;
  }
  .page-main-banner .cmp-hero__content:after{
    width: 100%;height: 100%;content: '';top: 0;left: 0;right: 0;bottom: 0;position: absolute;
    background: linear-gradient(to right,#0009 37.5%,#0000 75%);
  }
}
/*图片盒子*/
.grad-image-wapper {
  width: 100%;height: 100%;position: relative;overflow: hidden;
}
.grad-image-wapper-img {
  aspect-ratio: 16 / 9;object-fit: cover;width: 100%;transition-duration: .2s;transition-timing-function: cubic-bezier(.4,0,.2,1);
}
/*弹性盒子*/
.cust-grad .grad-col-bg{
  background: var(--theme-color);
}
.cust-grad .cust-grad-row2{
  gap: 1rem;
}
.cust-grad .cust-grad-row2 .grad-col{
  width: 50%;flex-direction: column;box-shadow: var(--box-shadow);
}
.cust-grad .cust-grad-row3{
  gap: 1rem;max-width: var(--max-width);margin: 0 auto;
}
.cust-grad .cust-grad-row3 .grad-col{
  flex: 1;flex-direction: column;box-shadow: var(--box-shadow);background: var(--card-bg);
}
.cust-grad .cust-grad-row3 .grad-col.grad-col-bg{
  background: var(--theme-color);color: var(--btn-bg-txt);
}
.cust-grad .cust-grad-row3 .grad-col.grad-col-bg-light{
  background: #ddf6f6;
}
.cust-grad .cust-grad-row3 .grad-col:hover{
  text-decoration: none;
}
.cust-grad .grad-text {
  flex: 1;padding: var(--20px);color: var(--text-color);
}
.cust-grad .grad-col-bg .grad-text{
  color: var(--btn-bg-txt);
}
.cust-grad .grad-col-txt .grad-text{
  display: flex;flex-direction: column;justify-content: center;
}
.cust-grad .grad-image-wapper{
  height: auto;
}
.cust-grad .grad-text-big{
  font-size: 1.5rem;line-height: 2rem;font-weight: normal;
}
.cust-grad .grad-text p{
  font-size: .9rem;padding: var(--15px) 0;
}
.cust-grad .grad-text .fz-1 {
  font-size: 1rem;
}
.cust-grad .grad-bottom{
  padding: var(--25px);
}
.cust-grad .grad-col-rel{
  position: relative;
}
.cust-grad .grad-col-abs{
  position: absolute;left: 0;top: 0;right: 0;bottom: 0;
}
@media (max-width: 767px) {
  .cust-grad .cust-grad-row2 {
    flex-wrap: wrap;flex-direction: column;justify-content: center;
  }
  .cust-grad .cust-grad-row3 {
    flex-wrap: wrap;flex-direction: column;justify-content: center;
  }
  .cust-grad .cust-grad-row2 .grad-col{
    width: 90%;flex-shrink: 0;margin: auto;
  }
  .cust-grad .cust-grad-row3 .grad-col{
    width: 90%;flex-shrink: 0;margin: auto;
  }
}