:root {
  --pcWith: 1200px;
  --font10: 10px;
  --font11: 11px;
  --font12: 12px;
  --font13: 13px;
  --font14: 14px;
  --font15: 15px;
  --font16: 16px;
  --font17: 17px;
  --font18: 18px;
  --font19: 19px;
  --font20: 20px;
  --font21: 21px;
  --font22: 22px;
  --font23: 23px;
  --font24: 24px;
  --font25: 25px;
  --font28: 28px;
  --font29: 29px;
  --font30: 30px;
  --font31: 31px;
  --font34: 34px;
  --font50: 50px;
  --font60: 60px;
  --font67: 67px;
  --font70: 70px;
}
@media screen and (max-width: 48rem) {
  :root {
    --pcWith: 7.5rem;
    --font10: 0.18rem;
    --font11: 0.19rem;
    --font12: 0.2rem;
    --font13: 0.21rem;
    --font14: 0.22rem;
    --font15: 0.23rem;
    --font16: 0.24rem;
    --font17: 0.25rem;
    --font18: 0.26rem;
    --font19: 0.27rem;
    --font20: 0.28rem;
    --font21: 0.29rem;
    --font22: 0.3rem;
    --font23: 0.31rem;
    --font24: 0.32rem;
    --font25: 0.33rem;
    --font28: 0.36rem;
    --font29: 0.37rem;
    --font30: 0.38rem;
    --font31: 0.39rem;
    --font34: 0.42rem;
    --font50: 0.5rem;
    --font60: 0.6rem;
    --font67: 0.67rem;
    --font70: 0.7rem;
  }
}
/* 子元素-均匀分栏 */
.flex1 {
  /* #ifndef APP-PLUS */
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  /* #endif */
  width: 20%;
  /* For old syntax, otherwise collapses. */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex2 {
  /* #ifndef APP-PLUS */
  -webkit-box-flex: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 2;
  /* OLD - Firefox 19- */
  -webkit-flex: 2;
  /* Chrome */
  -ms-flex: 2;
  /* IE 10 */
  /* #endif */
  width: 20%;
  /* For old syntax, otherwise collapses. */
  flex: 2;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-横向分列（主轴） */
.flex-h {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* #ifndef APP-PLUS */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  /* #endif */
  flex-direction: row;
}
/* 父元素-横向换行 */
.flex-hw {
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  /* #ifndef APP-PLUS */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  /* #endif */
  flex-wrap: wrap;
}
/* 父元素-水平居中（主轴是横向才生效） */
.flex-hc {
  /* #ifndef APP-PLUS */
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  /* #endif */
  justify-content: center;
  /* 其它取值如下：
      align-items     主轴原点方向对齐
      flex-end        主轴延长方向对齐
      space-between   等间距分列，首尾不留白
      space-around    等间距分列，首尾留白
     */
}
.flex-end {
  justify-content: flex-end;
}
.flex-sa {
  /* #ifndef APP-PLUS */
  /* 12版 */
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  /* #endif */
  justify-content: space-around;
}
.flex-sb {
  /* #ifndef APP-PLUS */
  /* 12版 */
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  /* #endif */
  justify-content: space-between;
}
.flex-aic {
  /* #ifndef APP-PLUS */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  /* #endif */
  align-items: center;
}
/* 父元素-纵向分列（主轴） */
.flex-v {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* #ifndef APP-PLUS */
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  /* #endif */
  flex-direction: column;
}
/* 父元素-纵向换行 */
.flex-vw {
  /* #ifndef APP-PLUS */
  /* 09版 */
  /*-webkit-box-lines: multiple;*/
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  /* #endif */
  flex-wrap: wrap;
}
/* 父元素-竖直居中（主轴是横向才生效） */
.flex-vc {
  /* #ifndef APP-PLUS */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  /* #endif */
  align-items: center;
}
.flex-grow-1 {
  flex-grow: 1;
}
/* 子元素-显示在从左向右（从上向下）第1个地位，用于扭转源文档挨次显示 */
.flex-1 {
  /* #ifndef APP-PLUS */
  -webkit-box-ordinal-group: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 1;
  /* OLD - Firefox 19- */
  -ms-flex-order: 1;
  /* TWEENER - IE 10 */
  -webkit-order: 1;
  /* NEW - Chrome */
  /* #endif */
  order: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 子元素-显示在从左向右（从上向下）第2个地位，用于扭转源文档挨次显示 */
.flex-2 {
  /* #ifndef APP-PLUS */
  -webkit-box-ordinal-group: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-ordinal-group: 2;
  /* OLD - Firefox 19- */
  -ms-flex-order: 2;
  /* TWEENER - IE 10 */
  -webkit-order: 2;
  /* NEW - Chrome */
  /* #endif */
  order: 2;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
* {
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  /*margin: (100 / 100rem) auto;*/
  width: 1rem;
  height: 1.2rem;
  text-align: center;
  font-size: 0.1rem;
}
.spinner > div {
  background-color: gold;
  height: 100%;
  width: 0.08rem;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
ul li {
  list-style-type: none;
}
@font-face {
  font-family: sy;
  src: url('/css/tp/tp/SourceHanSansCN-Light.otf');
}
body,
html {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #FFFFFF;
  overflow: hidden;
  font-size: var(--font20);
  color: white;
  font-family: "sy", "Microsoft YaHei", "PingFang SC", "宋体", "Arial", "黑体", "sans-serif";
}
.bar-view {
  text-align: center;
}
.bar-view .ch {
  font-size: var(--font25);
  color: #333333;
  font-weight: bold;
}
.bar-view .en {
  font-size: var(--font15);
  color: #999999;
}
.bar-view .icon {
  line-height: 0.3rem;
}
.btn-default1 {
  font-size: var(--font14);
  padding: 0.12rem 0.35rem;
  background-color: #cfab58;
  display: inline-block;
}
.hide {
  display: none;
}
.flax {
  display: flex;
}
.point-none {
  pointer-events: none;
}
.op {
  opacity: 0;
}
.rel {
  position: relative;
}
.h100 {
  height: 100%;
}
.w100 {
  width: 100%;
}
.hw100 {
  width: 100%;
  height: 100%;
}
.abs {
  position: absolute;
}
.abs.center {
  margin: 0 auto;
  left: 0;
  right: 0;
}
.abs.top {
  top: 0;
}
.abs.bottom {
  bottom: 0;
}
.abs.left {
  left: 0;
}
.abs.right {
  right: 0;
}
img {
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  flex-shrink: 0;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
.loadings {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 3000;
  display: none;
}
.loadings div {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.9rem 0 0 -0.9rem;
  background: url("/css/img/loading.png") no-repeat center center;
  background-size: contain;
  -webkit-animation: rotate 2s linear 0s infinite;
}
.pnone {
  pointer-events: none;
}
.hint,
.alert-view {
  position: fixed;
  width: 7.4rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  display: none;
  z-index: 1;
}
.hint .clickall,
.alert-view .clickall {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hint > div:not(.clickall),
.alert-view > div:not(.clickall) {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.hint .alert,
.alert-view .alert {
  width: 70%;
  height: 3rem;
  border-radius: 0.2rem;
  background: white;
}
.hint .alert .txt,
.alert-view .alert .txt {
  color: black;
  font-size: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 100%;
  overflow: hidden;
}
.hint .alert .sure,
.alert-view .alert .sure {
  padding: 0.3rem 0;
  color: black;
  font-size: 0.3rem;
  position: absolute;
  bottom: 0;
  border-top: 0.02rem solid #dcdcdc;
  width: 100%;
}
.hint .btnAgain,
.alert-view .btnAgain,
.hint .btnNext,
.alert-view .btnNext,
.hint .btnRightNext,
.alert-view .btnRightNext,
.hint .btnRun,
.alert-view .btnRun {
  bottom: 0.5rem;
}
.xy50 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
i,
em {
  font-style: normal;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.container {
  position: relative;
  min-width: var(--pcWith);
  overflow-y: auto;
  height: 100%;
}
.header-box {
  height: 1.04rem;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(70, 106, 166, 0.5);
  z-index: 2;
}
.header-box .header {
  width: var(--pcWith);
  margin: 0 auto;
  color: white;
  font-size: var(--font13);
}
.header-box .header .header-logo {
  margin-right: 1rem;
}
.header-box .header .mobile-nav-btn {
  display: none;
  width: 0.4rem;
  height: 0.2rem;
  position: relative;
  margin-top: -0.05rem;
}
.header-box .header .mobile-nav-btn .line {
  width: 100%;
  height: 0.05rem;
  background: #FFF;
  position: absolute;
  left: 0;
  top: 62%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header-box .header .mobile-nav-btn.open:before {
  top: 50%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header-box .header .mobile-nav-btn.open:after {
  top: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header-box .header .mobile-nav-btn.open .line {
  opacity: 0;
}
.header-box .header .mobile-nav-btn:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.05rem;
  background: #FFFF;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header-box .header .mobile-nav-btn:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.05rem;
  background: #FFF;
  position: absolute;
  left: 0;
  top: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header-box .header .nav-item {
  flex-grow: 1;
  text-align: center;
  height: 1.04rem;
}
.header-box .header .nav-item.selected,
.header-box .header .nav-item:hover {
  background-image: linear-gradient(to bottom, #637792, #b59e66);
}
.header-box .header a:not(.logo) {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  color: white;
  font-size: var(--font16);
}
.header-box .header .nav-box {
  flex-grow: 1;
}
.header-box .header .lang {
  border-left: 0.01rem solid white;
  padding-left: 0.3rem;
  height: 0.58rem;
  position: relative;
}
.header-box .mobile-nav-group {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 1.01rem;
  background: rgba(0, 0, 0, 0.7);
  -webkit-animation: fadeIn 0.3s linear 0s both;
  z-index: 1000;
}
.header-box .mobile-nav-group .mobile-nav-box {
  width: 3rem;
  height: 100vh;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  box-shadow: 0 0 10px 1px rgba(7, 17, 27, 0.1);
  padding-top: 0.3rem;
  -webkit-animation: slideInRight 0.3s linear 0s both;
}
.header-box .mobile-nav-group .mobile-nav-box .mobile-nav-item {
  margin: 0.5rem 0;
  font-size: 0.32rem;
  color: #808080;
  line-height: 0.2rem;
  padding-bottom: 0.08rem;
  text-align: center;
}
.header-box .mobile-nav-group .mobile-nav-box .mobile-nav-item a {
  color: #808080;
}
.header-box .mobile-nav-group .mobile-nav-box .mobile-nav-item.selected {
  color: #ff6600;
  position: relative;
}
.header-box .mobile-nav-group .mobile-nav-box .mobile-nav-item.selected:after {
  content: "";
  display: block;
  width: 1rem;
  height: 0.02rem;
  background: #ff6600;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.footer {
  position: relative;
  z-index: 1;
  background-color: #232323;
  padding: 0.5rem 0;
  color: #b3b3b3;
}
.footer a {
  color: #b3b3b3;
}
.footer .mid {
  width: var(--pcWith);
  margin: 0 auto;
}
.footer .mid .nav-view {
  padding-bottom: 0.4rem;
  border-bottom: 0.01rem dotted #b3b3b3;
}
.footer .mid .nav-box {
  flex-grow: 1;
  margin-left: 1.6rem;
}
.footer .mid .nav-item {
  font-size: var(--font13);
}
.footer .mid .company-view {
  padding: 0.3rem 0;
  border-bottom: 0.01rem dotted #b3b3b3;
}
.footer .mid .company-view li:not(:last-child) {
  margin-bottom: 0.3rem;
}
.footer .mid .company-view li .icon {
  margin-right: 0.2rem;
}
.footer .mid .company-view li .title {
  font-size: var(--font15);
}
.footer .mid .company-view li .detail {
  margin-top: 0.05rem;
  font-size: var(--font13);
}
.footer .mid .company-view .about-us {
  cursor: pointer;
  font-size: var(--font13);
  padding: 0.05rem 0.3rem;
  border: 0.01rem solid #b3b3b3;
}
.footer .mid .company-view .tel-txt {
  font-size: var(--font15);
}
.footer .mid .company-view .tel {
  font-size: var(--font18);
}
.footer .mid .copy-right {
  font-size: var(--font12);
  margin-top: 0.3rem;
}
.footer .mid .copy-right > div:first-child {
  margin-right: 0.3rem;
}
@media screen and (max-width: 48rem) {
  .header-logo {
    margin-right: 1.5rem !important;
    width: 3rem;
  }
  .mobile-lang {
    display: block;
    font-size: 0.35rem;
  }
  .container {
    overflow-x: hidden;
  }
  .nav-box {
    display: none;
  }
  .header-box {
    box-sizing: border-box;
    padding: 0 0.2rem;
  }
  .header-box .header a {
    font-size: 0.25rem;
  }
  .mobile-nav-btn {
    display: block !important;
  }
  .footer .mid {
    width: 100%;
    padding: 0 0.2rem;
    box-sizing: border-box;
  }
  .footer .copy-right {
    display: block;
  }
  .footer .about-us {
    width: 2rem;
    text-align: center;
    padding: 0.1rem 0 !important;
    margin-left: 0.3rem;
    display: inline-block;
  }
}
.about-us-banner-view {
  position: relative;
  color: white;
  overflow: hidden;
}
.about-us-banner-view .banner-view {
  top: 1.04rem;
  box-sizing: border-box;
  height: calc(100% - 1.04rem);
}
.about-us-banner-view .banner-view .title {
  font-size: var(--font50);
  letter-spacing: 0.1rem;
}
/* 掌舵人风采 */
.container .nav-bar {
  margin-bottom: 0;
}
.nav-bar .nav-tabs .mid {
  overflow: visible;
}
.nav-bar .nav-tabs ul {
  width: max-content;
  min-width: 100%;
}
.nav-bar .nav-tabs li button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #333333;
  font: inherit;
  line-height: inherit;
  white-space: nowrap;
  cursor: pointer;
}
.nav-bar .nav-tabs li.selected button {
  color: #4163a4;
}
.nav-bar .nav-tabs li button:focus-visible {
  outline: 0.02rem solid #4163a4;
  outline-offset: 0.06rem;
}
.leader-view {
  color: #20242c;
}
.leader-section-title {
  margin: 0;
  color: #0d4d99;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.leader-section-title--left {
  text-align: left;
}
.leader-social {
  position: relative;
  overflow: hidden;
  padding: 62px 0 74px;
  background: radial-gradient(ellipse at 100% 100%, rgba(232, 240, 250, 0.36) 0%, rgba(232, 240, 250, 0.12) 38%, rgba(232, 240, 250, 0) 68%), linear-gradient(180deg, #f3f6fb 0%, #e9eff8 18%, #e0e9f5 35%, #d7e3f4 58%, #ccd8ea 100%);
}
.leader-social::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/img/tp/leader/leader-social-fleet.webp") center bottom / 100% 100% no-repeat;
  opacity: 0.08;
  mix-blend-mode: multiply;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 22%, #000 58%, #000 100%);
  mask-image: linear-gradient(180deg, transparent 0%, transparent 22%, #000 58%, #000 100%);
}
.leader-social > .mid {
  position: relative;
  z-index: 1;
}
.leader-social__content {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 64px;
  align-items: center;
  margin-top: 48px;
}
.leader-social-swiper {
  width: 100%;
  height: 400px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(28, 74, 125, 0.12);
}
.leader-social-swiper .swiper-slide,
.leader-social-swiper img {
  width: 100%;
  height: 100%;
}
.leader-social-swiper img {
  display: block;
  object-fit: cover;
}
.leader-social__details {
  align-self: stretch;
  padding: 10px 0;
}
.leader-social__summary {
  margin: 0 0 25px;
  color: #20242c;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
  text-align: justify;
}
.leader-positions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.leader-positions li {
  position: relative;
  margin-top: 22px;
  padding-left: 18px;
}
.leader-positions li::before {
  content: "";
  position: absolute;
  top: 52px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0d4d99;
}
.leader-positions__year {
  color: #0d4d99;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}
.leader-positions p {
  margin: 6px 0 0;
  color: #20242c;
  font-size: 17px;
  line-height: 1.65;
}
.leader-sky {
  overflow: hidden;
  background: linear-gradient(180deg, rgba(243, 251, 255, 0.82) 0%, rgba(246, 252, 255, 0.86) 55%, rgba(255, 255, 255, 0.88) 100%), url("/img/tp/leader/leader-sky.webp") center top / cover no-repeat;
}
.leader-honors {
  padding: 72px 0 0;
  border-bottom: 1px solid #e3e3e3;
}
.leader-honors__carousel {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 1920px;
  margin: 42px auto 0;
  padding: 0 calc(5.1% + 43px) 0 calc(8.8% - 43px);
}
.leader-honors__carousel::before {
  content: "";
  position: absolute;
  top: 64px;
  right: 0;
  left: 0;
  height: 20px;
  background: linear-gradient(180deg, transparent 0 18px, rgba(120, 145, 160, 0.22) 18px 19px, rgba(255, 255, 255, 0.68) 19px 20px), repeating-linear-gradient(90deg, rgba(112, 140, 158, 0.22) 0 1px, transparent 1px 32px) left top / auto 20px, repeating-linear-gradient(90deg, rgba(112, 140, 158, 0.2) 0 1px, transparent 1px 10.67px) left 7px / auto 13px;
}
.leader-honors-swiper {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.leader-honors-swiper .swiper-slide {
  height: auto;
}
.leader-honor {
  position: relative;
  box-sizing: border-box;
  min-height: 520px;
  padding: 141px 0 30px 84px;
}
.leader-honor::before {
  content: "";
  position: absolute;
  top: 49px;
  bottom: 0;
  left: 43px;
  width: 1px;
  background: linear-gradient(180deg, #acacac 0 35px, #e1e1e1 35px 100%);
}
.leader-honor h3 {
  position: absolute;
  top: 0;
  left: 43px;
  width: max-content;
  margin: 0;
  color: #151a20;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  transform: translateX(-50%);
}
.leader-honor h3::after {
  display: none;
}
.leader-honor p {
  width: 310px;
  max-width: calc(100% - 20px);
  min-height: 48px;
  margin: 0;
  color: #26313c;
  font-size: 16px;
  line-height: 1.5;
}
.leader-honor__image {
  position: absolute;
  top: 225px;
  left: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 310px;
  max-width: calc(100% - 104px);
  height: auto;
  aspect-ratio: 310 / 187;
  margin-top: 0;
  overflow: hidden;
}
.leader-honor__image img {
  display: block;
}
.leader-honor__image--contain img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.leader-honor__image--cover {
  border-radius: 10px;
}
.leader-honor__image--cover img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
}
.leader-honor__placeholder {
  position: absolute;
  top: 225px;
  left: 84px;
  width: 310px;
  max-width: calc(100% - 104px);
  height: auto;
  aspect-ratio: 310 / 187;
  margin-top: 0;
}
html[lang="en"] .leader-honor {
  min-height: 592px;
}
html[lang="en"] .leader-honor__image,
html[lang="en"] .leader-honor__placeholder {
  top: 297px;
}
.leader-honors__button {
  position: absolute;
  z-index: 3;
  top: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77px;
  height: 77px;
  padding: 0;
  border: 1px solid rgba(13, 77, 153, 0.22);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #0d4d99;
  font-size: 42px;
  line-height: 1;
  box-shadow: 0 5px 18px rgba(28, 74, 125, 0.08);
  cursor: pointer;
}
.leader-honors__button span {
  margin-top: -3px;
}
.leader-honors__button:hover {
  background: #0d4d99;
  color: #fff;
}
.leader-honors__button:focus-visible {
  outline: 3px solid rgba(13, 77, 153, 0.35);
  outline-offset: 3px;
}
.leader-honors__button.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
.leader-honors__button.swiper-button-disabled:hover {
  background: rgba(255, 255, 255, 0.92);
  color: #0d4d99;
}
.leader-honors__prev {
  left: 1.67%;
}
.leader-honors__next {
  right: 1.51%;
}
.leader-stories {
  position: relative;
  padding-top: 55px;
  padding-bottom: 96px;
}
.leader-stories::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 88% 12%, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(180deg, #edf7ff 0%, #e9f2fa 46%, #e3eef9 100%);
  pointer-events: none;
}
.leader-stories > * {
  position: relative;
}
.leader-stories__list {
  margin-top: 50px;
  box-shadow: none;
}
.leader-story {
  display: flex;
  height: 375px;
  min-height: 375px;
  background: rgba(255, 255, 255, 0.96);
}
.leader-story + .leader-story {
  margin-top: 26px;
}
.leader-story--image-left {
  flex-direction: row-reverse;
}
.leader-story__copy,
.leader-story__image {
  box-sizing: border-box;
  width: 50%;
}
.leader-story__copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 52px 42px 40px;
}
.leader-story__copy h3 {
  margin: 0 0 24px;
  color: #1e242b;
  font-size: 24px;
  font-weight: bold;
}
.leader-story__copy p {
  margin: 0;
  color: #525b64;
  font-size: 15px;
  line-height: 1.95;
  text-indent: 2em;
  text-align: justify;
}
.leader-story__image {
  overflow: hidden;
}
.leader-story__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
}
html[lang="en"] .leader-story {
  height: 460px;
  min-height: 460px;
}
/* 四列窄桌面：案牍换行增多时，近期荣誉图片按视口滑润下移并维持同高。 */
@media screen and (min-width: 75.0625rem) and (max-width: 100rem) {
  .leader-honor__image--cover {
    top: clamp(225px, calc(453.57px - 14.2857vw), 282px);
  }
}
/* 英文案牍更长，使用更大的自适应留白；1920px 起回到 PSD 桌面地位。 */
@media screen and (min-width: 75.0625rem) and (max-width: 120rem) {
  html[lang="en"] .leader-honor__image--cover {
    top: clamp(297px, calc(681.6px - 20.03vw), 441px);
  }
}
/*
 * 中央宽度（含桌面浏览器缩放后的有效视口）：
 * 旧版 .mid 固定为 1200px，会把 Swiper 和事�？ㄆコ鍪涌�。
 * 这里只约束掌舵人页面及其分类栏，不扭转其他页面的桌面布局。
 */
@media screen and (max-width: 75rem) {
  .container {
    min-width: 0;
    overflow-x: hidden;
  }
  .container .mid {
    box-sizing: border-box;
    width: calc(100% - 40px);
    max-width: 1200px;
  }
  .header-box {
    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px;
  }
  .header-box .header {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
  }
  .header-box .header .header-logo {
    margin-right: 0;
  }
  .header-box .nav-box,
  .footer .nav-box {
    display: none;
  }
  .header-box .mobile-lang {
    display: block;
    font-size: 18px;
  }
  .header-box .header .mobile-nav-btn {
    display: block !important;
  }
  .leader-view {
    max-width: 100%;
    overflow-x: hidden;
  }
  .leader-social__content,
  .leader-social-swiper,
  .leader-honors-swiper,
  .leader-story__copy,
  .leader-story__image {
    min-width: 0;
  }
  .leader-honors__carousel {
    padding-right: 58px;
    padding-left: 58px;
  }
  .leader-honor {
    padding-right: 20px;
    padding-left: 84px;
  }
  .leader-honor::before,
  .leader-honor h3 {
    left: 43px;
  }
  .leader-honor p {
    width: 100%;
    max-width: none;
  }
  .leader-honor__image,
  .leader-honor__placeholder {
    left: 84px;
    max-width: calc(100% - 104px);
  }
  .leader-honors__button {
    top: 55px;
    width: 58px;
    height: 58px;
    font-size: 34px;
  }
  .leader-honors__prev {
    left: 12px;
  }
  .leader-honors__next {
    right: 12px;
  }
}
@media screen and (max-width: 64rem) {
  .leader-social__content {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }
  .leader-social-swiper,
  .leader-social__details {
    width: 100%;
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
  }
  .leader-social-swiper {
    height: auto;
    aspect-ratio: 613 / 400;
  }
  .leader-story,
  .leader-story--image-left {
    display: flex;
    width: 100%;
    max-width: 820px;
    height: auto;
    min-height: 0;
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
  }
  .leader-story__copy,
  .leader-story__image {
    width: 100%;
  }
  .leader-story__image {
    aspect-ratio: 600 / 375;
  }
  .leader-story__copy {
    padding: 38px 42px;
  }
  html[lang="en"] .leader-story {
    height: auto;
    min-height: 0;
  }
}
@media screen and (max-width: 48rem) {
  .nav-bar .nav-tabs {
    padding-bottom: 0;
  }
  .nav-bar .nav-tabs .mid {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0;
    scrollbar-width: none;
  }
  .nav-bar .nav-tabs .mid::-webkit-scrollbar {
    display: none;
  }
  .nav-bar .nav-tabs li {
    padding-bottom: 0.14rem;
  }
  .nav-bar .nav-tabs li:not(:last-child) {
    margin-right: 0.38rem;
  }
  .nav-bar .nav-tabs li.selected::after {
    bottom: 0;
  }
  .leader-section-title {
    font-size: 0.38rem;
  }
  .leader-section-title--left {
    text-align: center;
  }
  .leader-social {
    padding: 0.48rem 0 0.58rem;
  }
  .leader-social__content {
    display: block;
    margin-top: 0.35rem;
  }
  .leader-social-swiper {
    height: 4.2rem;
    box-shadow: 0 0.12rem 0.3rem rgba(28, 74, 125, 0.12);
  }
  .leader-social__details {
    padding: 0.38rem 0 0;
  }
  .leader-social__summary {
    margin-bottom: 0.28rem;
    font-size: var(--font17);
    line-height: 1.75;
  }
  .leader-positions li {
    margin-top: 0.25rem;
    padding-left: 0.2rem;
  }
  .leader-positions li::before {
    top: 0.57rem;
    left: 0.02rem;
    width: 0.07rem;
    height: 0.07rem;
  }
  .leader-positions__year {
    font-size: 0.34rem;
  }
  .leader-positions p {
    font-size: var(--font16);
  }
  .leader-honors {
    padding: 0.58rem 0 0;
  }
  .leader-honors__carousel {
    margin-top: 0.38rem;
    padding: 0 0.58rem;
  }
  .leader-honors__carousel::before {
    top: 0.64rem;
    height: 0.2rem;
    background: linear-gradient(180deg, transparent 0 0.18rem, rgba(120, 145, 160, 0.22) 0.18rem 0.19rem, rgba(255, 255, 255, 0.68) 0.19rem 0.2rem), repeating-linear-gradient(90deg, rgba(112, 140, 158, 0.22) 0 1px, transparent 1px 0.32rem) left top / auto 0.2rem, repeating-linear-gradient(90deg, rgba(112, 140, 158, 0.2) 0 1px, transparent 1px 0.1067rem) left 0.07rem / auto 0.13rem;
  }
  .leader-honor {
    min-height: 5.5rem;
    padding: 1.25rem 0.3rem 0.28rem 1.05rem;
  }
  .leader-honor::before {
    top: 0.49rem;
    left: 0.65rem;
    background: linear-gradient(180deg, #acacac 0 0.35rem, #e1e1e1 0.35rem 100%);
  }
  .leader-honor h3 {
    top: 0;
    left: 0.65rem;
    width: 1.2rem;
    margin: 0;
    font-size: 0.34rem;
    line-height: 1.1;
    text-align: center;
  }
  .leader-honor p {
    width: 100%;
    max-width: 100%;
    min-height: 0.9rem;
    font-size: var(--font16);
  }
  .leader-honor__image,
  .leader-honor__placeholder {
    position: static;
    width: 100%;
    max-width: 100%;
    height: 2.6rem;
    aspect-ratio: auto;
    margin-top: 0.16rem;
  }
  .leader-honor--no-image {
    min-height: 2.65rem;
  }
  .leader-honor--no-image .leader-honor__placeholder {
    display: none;
  }
  html[lang="en"] .leader-honor {
    min-height: 5.9rem;
  }
  .leader-honors__button {
    top: 0.54rem;
    width: 0.58rem;
    height: 0.58rem;
    font-size: 0.4rem;
  }
  .leader-honors__prev {
    left: 0.06rem;
  }
  .leader-honors__next {
    right: 0.06rem;
  }
  .leader-honors-swiper .swiper-slide {
    overflow: hidden;
  }
  .leader-stories {
    padding-top: 0.48rem;
    padding-bottom: 0.7rem;
  }
  .leader-stories__list {
    margin-top: 0.38rem;
    box-shadow: none;
  }
  .leader-story,
  .leader-story--image-left {
    display: flex !important;
    height: auto;
    min-height: 0;
    flex-direction: column;
  }
  .leader-story + .leader-story {
    margin-top: 0.26rem;
  }
  .leader-story__copy,
  .leader-story__image {
    width: 100%;
  }
  .leader-story__copy {
    padding: 0.42rem 0.36rem;
  }
  .leader-story__copy h3 {
    margin-bottom: 0.2rem;
    font-size: 0.31rem;
  }
  .leader-story__copy p {
    font-size: var(--font16);
    line-height: 1.8;
  }
  .leader-story__image img {
    height: 4.1rem;
    min-height: 0;
  }
}
.mid {
  width: var(--pcWith);
  margin: 0 auto;
}
.bar-view {
  margin: 0.3rem auto;
}
.nav-bar {
  font-size: var(--font18);
  margin: 0.3rem auto;
}
.nav-bar .nav-tabs {
  border-bottom: 0.02rem solid #f0f0f0;
  padding-bottom: 0.11rem;
}
.nav-bar .nav-tabs li {
  cursor: pointer;
  position: relative;
}
.nav-bar .nav-tabs li a {
  color: #333333;
}
.nav-bar .nav-tabs li:not(:last-child) {
  margin-right: 0.4rem;
}
.nav-bar .nav-tabs li.selected a {
  color: #4163a4;
}
.nav-bar .nav-tabs li.selected:after {
  content: '';
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  height: 0.03rem;
  border-image-source: url('/img/tp/home-item-6.png');
  border-image-slice: 1.5 30 1.5 3 fill;
  border-image-width: 0.015rem 0.3rem 0.015rem 0.03rem;
  border-image-repeat: repeat;
}
.nav-bar li {
  color: #333333;
  position: relative;
}
.nav-bar li:not(:last-child) {
  margin-right: 0.4rem;
}
.nav-bar li.selected {
  color: #4163a4;
}
.nav-bar li.selected:after {
  content: '';
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  height: 0.03rem;
  border-image-source: url('/img/tp/home-item-6.png');
  border-image-slice: 1.5 30 1.5 3 fill;
  border-image-width: 0.015rem 0.3rem 0.015rem 0.03rem;
  border-image-repeat: repeat;
}
.about-view {
  margin-bottom: 0.4rem;
  color: #313131;
}
.about-view .about-txt {
  margin-bottom: 0.3rem;
  text-align: justify;
  text-indent: 0.45rem;
}
.about-view .pic {
  margin-right: 0.3rem;
}
.about-view .honor-txt {
  text-indent: 0.45rem;
  margin-top: 0.3rem;
  padding-top: 0.3rem;
  background: url("/img/tp/home-item-6.png") no-repeat;
  background-size: 0.5rem 0.03rem;
  background-position: top right;
  text-align: justify;
}
.product-item2-view {
  text-align: center;
  background: url("/img/tp/business-3.png") no-repeat;
  background-size: cover;
  padding: 0.3rem;
}
.product-item2-view li {
  flex-grow: 1;
}
.product-item2-view li:not(:last-child) {
  border-right: 0.02rem solid #91a3c6;
}
.product-item2-view .tips {
  font-size: var(--font16);
  margin-top: 0.6rem;
}
.product-item2-view .mid .v1 {
  font-size: var(--font67);
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.product-item2-view .mid .v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.5rem;
}
@media screen and (max-width: 48rem) {
  .product-item2-view .mid .v2 {
    display: block;
  }
}
.product-item2-view .mid .unit {
  font-size: var(--font31);
  font-weight: normal;
}
.company-history {
  font-size: var(--font20);
  color: #313131;
}
.company-history .item {
  padding: 0.5rem 0;
}
.company-history .item .txt {
  margin-top: 0.3rem;
  padding-top: 0.3rem;
  background: url("/img/tp/home-item-6.png") no-repeat;
  background-size: 0.5rem 0.03rem;
  text-align: justify;
}
.company-history .item .txt.txt-left {
  background-position: top left;
  margin-right: 0.5rem;
}
.company-history .item .txt.txt-right {
  background-position: top right;
  margin-left: 0.5rem;
}
.company-history .item.bg {
  background: url("/img/tp/about-us-l-bg.png") no-repeat;
  background-size: cover;
  background-position: 100% center;
  padding: 0.8rem 0;
}
.company-history .item.bg.bg2 {
  background: url("/img/tp/about-us-9.png") no-repeat;
  background-size: cover;
}
.company-history .item.bg.bg3 {
  background: url("/img/tp/about-us-8.png") no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.video-view {
  margin-bottom: 0.5rem;
}
.video-view video {
  width: 9.18rem;
}
.item2 {
  color: #4163a4;
}
.item2.mid {
  padding-bottom: 0.5rem;
}
.item2 .ul > div {
  width: 40%;
  border-bottom: 0.02rem solid #4163a4;
  padding: 0.5rem 0;
}
.item2 .lang {
  margin-left: 0.2rem;
}
.item2 .ch {
  font-size: var(--font21);
}
.item2 .en {
  font-size: var(--font10);
}
.item2 .remark {
  color: #232323;
  font-size: var(--font16);
  text-align: justify;
}
@media screen and (max-width: 48rem) {
  .item2 .ul {
    display: block;
  }
  .item2 .ul > div {
    width: 100%;
  }
}
.item3 {
  text-align: center;
  color: #333333;
}
.item3.mid {
  padding-bottom: 0.5rem;
}
.item3 img {
  max-width: 100%;
}
.item3 .title {
  font-size: var(--font25);
  color: #333333;
  font-weight: bold;
}
.item3 .about {
  text-align: left;
  font-size: var(--font18);
  margin: 0.4rem 0;
}
@media screen and (max-width: 48rem) {
  .item3 .about {
    text-align: justify;
  }
}
@media screen and (max-width: 48rem) {
  .pc {
    display: none !important;
  }
  .mobile {
    display: block;
  }
  .video-view video {
    width: 100%;
  }
  .mid {
    width: 100% !important;
    padding: 0 0.2rem;
    box-sizing: border-box;
    display: block;
  }
  .mid > div {
    display: block;
  }
  .product-item2-view .tips {
    margin-top: 0;
  }
  .product-item2-view ul {
    flex-wrap: wrap;
  }
  .product-item2-view ul li {
    margin-bottom: 0.1rem;
    border-right: 0 !important;
    height: 1.8rem;
    width: 45%;
  }
  .product-item2-view ul li .v1 {
    margin-bottom: 0 !important;
  }
  .product-item2-view ul li .v2 {
    height: 0.8rem !important;
  }
  .company-history .pic {
    margin-top: 0.2rem;
  }
  .company-history .item.bg {
    padding: 0.1rem 0 0.3rem;
  }
  .company-history .item .txt.txt-left {
    margin-right: 0;
  }
  .company-history .item .txt.txt-right {
    margin-left: 0;
  }
  .pic img {
    width: 100%;
  }
}
/*# sourceMappingURL=about-us.css.map */<!--耗时1793633507.8527秒-->