@charset "UTF-8";
.wow {
  opacity: 0; }

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative; }

body {
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  overflow-y: scroll;
  font-size: 3.19999vw; }

@font-face {
  font-family: din-pro-b;
  src: url(../font/D-DIN-PRO-Bold.otf); }

.din-pro-b {
  font-family: din-pro-b; }

@font-face {
  font-family: din-pro-m;
  src: url(../font/D-DIN-PRO-Medium.otf); }

.din-pro-m {
  font-family: din-pro-m; }

@font-face {
  font-family: roboto-r;
  src: url(../font/Roboto-Regular.ttf); }

.roboto-r {
  font-family: roboto-r; }

@font-face {
  font-family: roboto-b;
  src: url(../font/Roboto-Bold.ttf); }

.roboto-b {
  font-family: roboto-b; }

* {
  font-family: roboto-r; }

@media screen and (max-width: 991px) {
  .index-swiper .ani {
    visibility: revert !important; } }

@media screen and (min-width: 992px) {
  body {
    font-size: 1.04166vw; }
  .index-swiper .ani {
    opacity: 0; }
  .index-swiper .wow {
    opacity: 1 !important;
    visibility: revert !important; } }

.main-box {
  overflow: hidden; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis; }

.ellipsis-01 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }

.ellipsis-02 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.ellipsis-03 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.ellipsis-04 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; }

.lh-10, .lh-10 * {
  line-height: 1 !important; }

.lh-12, .lh-12 * {
  line-height: 1.2 !important; }

.lh-134, .lh-134 * {
  line-height: 1.34 !important; }

.lh-14, .lh-14 * {
  line-height: 1.4 !important; }

.lh-16, .lh-16 * {
  line-height: 1.6 !important; }

.lh-175, .lh-175 * {
  line-height: 1.75 !important; }

.lh-20, .lh-20 * {
  line-height: 2.0 !important; }

.lh-22, .lh-22 * {
  line-height: 2.2 !important; }

.lh-24, .lh-24 * {
  line-height: 2.4 !important; }

.taj {
  text-align: justify; }

.fw-200 {
  font-weight: 200; }

.fw-300 {
  font-weight: 300; }

.fw-400 {
  font-weight: 400; }

.fw-500 {
  font-weight: 500; }

@media screen and (max-width: 991px) {
  .pc-box {
    display: none !important; } }

@media screen and (min-width: 992px) {
  .m-box {
    display: none !important; } }

/*--分页--*/
@media screen and (min-width: 320px) {
  div.pages {
    width: 100%;
    padding: 7.99998vw 0 0 0;
    margin: 0;
    line-height: 1.7; }
    div.pages * {
      line-height: 1.7; }
    div.pages a, div.pages span {
      text-decoration: none;
      padding: 0 2.13333vw;
      margin: 0.53333vw;
      color: #0A4081;
      font-size: 3.19999vw;
      display: inline-flex;
      font-weight: normal;
      height: 7.46665vw;
      min-width: 7.46665vw;
      align-items: center;
      justify-content: center;
      border: 0.26667vw solid #DAEEF9;
      background: #fff; }
    div.pages a.on, div.pages a.hover, div.pages a:hover, div.pages a:active, div.pages span.current, div.pages span.disabled {
      color: #00D2E1;
      border: 0.26667vw solid #00D2E1; } }

@media screen and (min-width: 992px) {
  div.pages {
    padding: 1.56249vw 0 0 0; }
    div.pages a, div.pages span {
      border-width: 0.05208vw;
      padding: 0 0.78124vw;
      margin: 0.15625vw;
      font-size: 1.14583vw;
      height: 3.12498vw;
      min-width: 3.12498vw; }
    div.pages a.on, div.pages a.hover, div.pages a:hover, div.pages a:active, div.pages span.current, div.pages span.disabled {
      border-width: 0.05208vw; } }

/*=================layout===================*/
@media screen and (min-width: 320px) {
  .container {
    padding: 0 3.99999vw;
    margin: 0 auto;
    width: 100%; }
  .container:after {
    content: " ";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    overflow: hidden; }
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f7f7f7; }
  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    background-color: #e6e6e6; }
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    background-color: #aaa; } }

@media screen and (min-width: 992px) {
  .container {
    width: 69.79122vw;
    padding: 0 0.52083vw; } }

/* 头部 */
@media screen and (min-width: 320px) {
  .header-box {
    border-bottom: 0.26667vw solid rgba(0, 210, 225, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    width: 100%;
    padding-bottom: 2.66666vw;
    background: rgba(128, 128, 128, 0.4); }
    .header-box .container-header {
      width: 100%; }
    .header-box .flex-box .l {
      display: flex;
      align-items: center;
      justify-content: center; }
      .header-box .flex-box .l .logo {
        display: block;
        padding: 2.66666vw 0; }
        .header-box .flex-box .l .logo img {
          width: 85.33312vw;
          filter: contrast(0%) brightness(1000%); }
    .header-box .flex-box .r {
      padding: 2.66666vw 0 0 0; }
      .header-box .flex-box .r .header-top-box {
        display: flex;
        justify-content: flex-end; }
        .header-box .flex-box .r .header-top-box .search-box {
          position: relative;
          display: none; }
        .header-box .flex-box .r .header-top-box .link + .link {
          padding-left: 3.99999vw; }
        .header-box .flex-box .r .header-top-box .link a {
          height: 6.93332vw;
          display: flex;
          align-items: center;
          justify-content: center; }
          .header-box .flex-box .r .header-top-box .link a i {
            padding-right: 1.33333vw; }
            .header-box .flex-box .r .header-top-box .link a i::before {
              color: #fff; }
          .header-box .flex-box .r .header-top-box .link a i, .header-box .flex-box .r .header-top-box .link a i::before {
            line-height: 1;
            font-size: 3.19999vw; }
          .header-box .flex-box .r .header-top-box .link a span {
            color: #fff;
            font-size: 3.19999vw; }
      .header-box .flex-box .r .header-nav {
        display: none; } }

@media screen and (min-width: 760px) {
  .header-box-bg {
    background: rgba(128, 128, 128, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
    height: 8.81573vw;
    border-bottom: 0.13158vw solid rgba(255, 255, 255, 0.5); }
  .header-box {
    background: none;
    border-bottom-width: 0.05208vw;
    height: 8.81573vw; }
    .header-box .flex-box {
      display: flex;
      flex-direction: row-reverse; }
      .header-box .flex-box .l {
        flex: 1;
        justify-content: flex-start; }
        .header-box .flex-box .l .logo {
          height: 8.81573vw; }
          .header-box .flex-box .l .logo img {
            width: auto;
            height: 100%; }
      .header-box .flex-box .r {
        padding-top: 2.63156vw; }
        .header-box .flex-box .r .header-top-box {
          padding: 0;
          display: flex;
          align-items: center; }
          .header-box .flex-box .r .header-top-box .search-box {
            display: block;
            position: relative;
            padding-left: 1.97367vw; }
            .header-box .flex-box .r .header-top-box .search-box .inp {
              height: 3.42103vw;
              border: 0.13158vw solid #FFFFFF;
              background: none;
              width: 21.05248vw;
              line-height: 3.15787vw;
              padding: 0 3.42103vw 0 1.31578vw;
              color: #fff;
              font-size: 1.57894vw; }
              .header-box .flex-box .r .header-top-box .search-box .inp::placeholder {
                color: rgba(255, 255, 255, 0.5); }
            .header-box .flex-box .r .header-top-box .search-box .btn {
              height: 3.42103vw;
              position: absolute;
              right: 0;
              top: 0;
              width: 3.42103vw;
              border: none;
              background: none;
              cursor: pointer; }
              .header-box .flex-box .r .header-top-box .search-box .btn i::before {
                line-height: 3.42103vw;
                color: #fff; }
          .header-box .flex-box .r .header-top-box .link + .link {
            padding-left: 1.97367vw; }
          .header-box .flex-box .r .header-top-box .link a {
            height: 3.42103vw; }
            .header-box .flex-box .r .header-top-box .link a i {
              padding-right: 0.65789vw; }
            .header-box .flex-box .r .header-top-box .link a i, .header-box .flex-box .r .header-top-box .link a i::before {
              font-size: 2.3684vw; }
            .header-box .flex-box .r .header-top-box .link a span {
              font-size: 1.57894vw; } }

@media screen and (min-width: 992px) {
  .header-box-bg {
    height: 5.2083vw;
    border-bottom-width: 0.05208vw; }
  .header-box {
    height: 5.2083vw; }
    .header-box .container-header {
      padding: 0 1.04166vw 0 1.56249vw; }
    .header-box .flex-box .l .logo {
      padding: 1.04166vw 0;
      height: 5.2083vw; }
    .header-box .flex-box .r {
      padding: 0.78124vw 0 0 0;
      display: block; }
      .header-box .flex-box .r .header-top-box .search-box {
        padding-left: 1.04166vw; }
        .header-box .flex-box .r .header-top-box .search-box .inp {
          height: 1.35416vw;
          border: 0.05208vw solid #FFFFFF;
          width: 8.33328vw;
          line-height: 1.24999vw;
          padding: 0 1.35416vw 0 0.52083vw;
          font-size: 0.72916vw; }
        .header-box .flex-box .r .header-top-box .search-box .btn {
          height: 1.35416vw;
          width: 1.35416vw;
          right: 0.10417vw; }
          .header-box .flex-box .r .header-top-box .search-box .btn i, .header-box .flex-box .r .header-top-box .search-box .btn i::before {
            line-height: 1.35416vw;
            font-size: 0.83333vw; }
      .header-box .flex-box .r .header-top-box .link + .link {
        padding-left: 1.04166vw; }
      .header-box .flex-box .r .header-top-box .link a {
        height: 1.35416vw; }
        .header-box .flex-box .r .header-top-box .link a i {
          padding-right: 0.41666vw; }
        .header-box .flex-box .r .header-top-box .link a i, .header-box .flex-box .r .header-top-box .link a i::before {
          font-size: 0.83333vw; }
        .header-box .flex-box .r .header-top-box .link a span {
          font-size: 0.83333vw; }
      .header-box .flex-box .r .header-nav {
        display: block;
        padding-top: 0; }
        .header-box .flex-box .r .header-nav ul {
          display: flex;
          flex-wrap: wrap;
          margin-right: -1.30207vw; }
          .header-box .flex-box .r .header-nav ul li {
            padding: 0 1.30207vw;
            position: relative; }
            .header-box .flex-box .r .header-nav ul li a {
              display: flex;
              align-items: center;
              height: 2.49998vw;
              color: #fff;
              font-size: 1.04166vw;
              position: relative;
              font-weight: bold;
              padding-top: 0.36458vw; }
              .header-box .flex-box .r .header-nav ul li a:hover {
                color: #00D2E1; }
            .header-box .flex-box .r .header-nav ul li .nav-list-sub {
              position: absolute;
              left: -0.78124vw;
              right: -0.78124vw;
              padding-top: 0.57291vw; }
              .header-box .flex-box .r .header-nav ul li .nav-list-sub a {
                display: flex;
                align-items: center;
                justify-content: center;
                line-height: 1.1;
                border-bottom: solid 0.05208vw rgba(255, 255, 255, 0.2); }
                .header-box .flex-box .r .header-nav ul li .nav-list-sub a span {
                  font-size: 0.72916vw;
                  line-height: 1.1;
                  color: #fff;
                  font-weight: normal; }
                .header-box .flex-box .r .header-nav ul li .nav-list-sub a:nth-last-child(1) {
                  border-bottom: none; }
                .header-box .flex-box .r .header-nav ul li .nav-list-sub a:hover span {
                  color: #00D2E1; }
                .header-box .flex-box .r .header-nav ul li .nav-list-sub a::before {
                  display: none; }
            .header-box .flex-box .r .header-nav ul li.on a {
              color: #00D2E1;
              /*
								&::before{ 
									content: ' '; 
									width: 100%; 
									position: absolute; 
									left: 0; 
									bottom: $m*-11; 
									height: $m*3; 
									background: $vi;
								}
								*/ }
        .header-box .flex-box .r .header-nav .nav-list-sub-bg {
          background: rgba(128, 128, 128, 0.4); }
          .header-box .flex-box .r .header-nav .nav-list-sub-bg.e-anim-on {
            animation: header-nav-anim-on .3s;
            animation-fill-mode: both; }
          .header-box .flex-box .r .header-nav .nav-list-sub-bg.e-anim-off {
            animation: header-nav-anim-off .3s;
            animation-fill-mode: both; } }

@keyframes header-nav-anim-on {
  from {
    opacity: 0;
    transform: translateY(0.52083vw); }
  99% {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: none;
    transform: none; } }

@keyframes header-nav-anim-off {
  from {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: 0;
    transform: translateY(0.52083vw); } }

/* 头部导航 */
@media screen and (min-width: 320px) {
  .main-box-ovh {
    overflow: hidden;
    height: 100%;
    width: 100%; }
  .nav-bg {
    background-image: url(../img/nav-bg.jpg);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: 8;
    padding-top: 25.8666vw; }
    .nav-bg .flex-box {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%; }
      .nav-bg .flex-box .scorll-box {
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 7.99998vw 0;
        width: 100%; }
    .nav-bg .portal-box, .nav-bg .map-box {
      height: 100%; }
    .nav-bg .portal-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: -2.66666vw; }
      .nav-bg .portal-list li {
        flex-basis: 33.3333%;
        flex-shrink: 0;
        padding: 2.66666vw; }
        .nav-bg .portal-list li a {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .nav-bg .portal-list li a .bd {
            width: 15.99996vw;
            height: 15.99996vw;
            border: 0.53333vw dashed #00D2E1;
            border-radius: 50%;
            padding: 1.33333vw; }
            .nav-bg .portal-list li a .bd i {
              width: 12.26664vw;
              height: 12.26664vw;
              border-radius: 50%;
              background: #00D2E1;
              display: block;
              display: flex;
              align-items: center;
              justify-content: center; }
              .nav-bg .portal-list li a .bd i::before {
                line-height: 1;
                font-size: 8.53331vw;
                color: #fff; }
          .nav-bg .portal-list li a span {
            padding-top: 1.33333vw;
            color: #fff;
            text-align: center;
            line-height: 1.4;
            font-size: 3.73332vw; }
          .nav-bg .portal-list li a:hover .bd {
            transform: scale(1.1); }
    .nav-bg .map-list dl {
      padding-bottom: 6.66665vw; }
      .nav-bg .map-list dl dt {
        padding-bottom: 1.33333vw; }
        .nav-bg .map-list dl dt a {
          color: #fff;
          font-weight: bold;
          font-size: 3.73332vw; }
          .nav-bg .map-list dl dt a:hover {
            opacity: 0.6; }
      .nav-bg .map-list dl dd {
        margin: 0 -1.33333vw;
        display: flex;
        flex-wrap: wrap; }
        .nav-bg .map-list dl dd span {
          padding: 0 1.33333vw; }
          .nav-bg .map-list dl dd span a {
            display: block;
            padding: 1.33333vw 0;
            font-size: 3.19999vw;
            color: #fff; }
            .nav-bg .map-list dl dd span a:hover {
              opacity: 0.6; }
  .nav-bg.e-anim-on {
    animation: nav-anim-on .5s;
    animation-fill-mode: both; }
  .nav-bg.e-anim-off {
    animation: nav-anim-off 1s;
    animation-fill-mode: both; }
  .portal-box.e-anim-on, .map-box.e-anim-on {
    animation: nav-anim-on .3s;
    animation-fill-mode: both; }
  .portal-box.e-anim-off, .map-box.e-anim-off {
    animation: nav-anim-off .3s;
    animation-fill-mode: both; } }

@keyframes nav-anim-on {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes nav-anim-off {
  from {
    transform: translateY(0);
    opacity: 1; }
  to {
    transform: translateY(-20px);
    opacity: 0; } }

@media screen and (min-width: 760px) {
  .nav-bg {
    padding-top: 6.97363vw; }
    .nav-bg .flex-box .scorll-box {
      display: flex;
      align-items: center;
      padding: 3.94734vw 0;
      height: 100%; }
    .nav-bg .portal-list {
      margin: -1.97367vw; }
      .nav-bg .portal-list li {
        flex-basis: 33.333333%;
        padding: 1.97367vw; }
        .nav-bg .portal-list li a .bd {
          width: 10.52624vw;
          height: 10.52624vw;
          padding: 0.65789vw;
          border-width: 0.26316vw; }
          .nav-bg .portal-list li a .bd i {
            width: 8.68415vw;
            height: 8.68415vw; }
            .nav-bg .portal-list li a .bd i::before {
              font-size: 5.52628vw; }
        .nav-bg .portal-list li a span {
          font-size: 2.10525vw; }
    .nav-bg .map-list {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin: -2.63156vw; }
      .nav-bg .map-list dl {
        padding: 2.63156vw; }
        .nav-bg .map-list dl dt {
          padding-bottom: 1.31578vw; }
          .nav-bg .map-list dl dt a {
            white-space: nowrap;
            font-size: 1.84209vw; }
        .nav-bg .map-list dl dd {
          display: block; }
          .nav-bg .map-list dl dd span {
            display: block; }
            .nav-bg .map-list dl dd span a {
              padding: 0.65789vw 0;
              white-space: nowrap;
              font-size: 1.57894vw; } }

@media screen and (min-width: 992px) {
  .nav-bg {
    padding-top: 5.2083vw; }
    .nav-bg .map-container {
      width: 84.37446vw; }
    .nav-bg .flex-box .scorll-box {
      padding: 1.56249vw 0; }
    .nav-bg .portal-list {
      padding-bottom: 15.6249vw;
      margin: -0.78124vw; }
      .nav-bg .portal-list li {
        flex-basis: 20%;
        padding: 0.78124vw; }
        .nav-bg .portal-list li a .bd {
          width: 6.77079vw;
          height: 6.77079vw;
          padding: 0.41666vw;
          border-width: 0.10417vw; }
          .nav-bg .portal-list li a .bd i {
            width: 5.72913vw;
            height: 5.72913vw; }
            .nav-bg .portal-list li a .bd i::before {
              font-size: 2.60415vw; }
        .nav-bg .portal-list li a span {
          font-size: 1.14583vw; }
    .nav-bg .map-list {
      justify-content: center;
      margin: -2.08332vw; }
      .nav-bg .map-list dl {
        padding: 2.08332vw; }
        .nav-bg .map-list dl dt {
          padding-bottom: 2.08332vw; }
          .nav-bg .map-list dl dt a {
            font-size: 1.14583vw; }
        .nav-bg .map-list dl dd {
          padding-top: 0.52083vw; }
          .nav-bg .map-list dl dd span a {
            padding: 0.52083vw 0;
            font-size: 0.93749vw; } }

img {
  display: block; }

/* header */
.header-bg {
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  right: 0;
  transition: .3s; }
  .header-bg::before {
    content: '';
    background-image: linear-gradient(rgba(66, 71, 204, 0.8), rgba(0, 114, 201, 0));
    width: 100%;
    height: 5.2083vw;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    pointer-events: none;
    transition: .3s; }
  .header-bg .header-box {
    width: 89.58276vw;
    height: 4.16664vw;
    margin: 0 auto;
    display: flex;
    position: relative;
    z-index: 2; }
    .header-bg .header-box .logo-box {
      flex: 1;
      padding: 0.52083vw 0;
      height: 4.16664vw; }
      .header-bg .header-box .logo-box .link {
        height: 100%; }
        .header-bg .header-box .logo-box .link img {
          height: 100%;
          filter: contrast(0%) brightness(1000%); }
    .header-bg .header-box .nav {
      padding-right: 1.30207vw; }
      .header-bg .header-box .nav ul {
        display: flex; }
        .header-bg .header-box .nav ul .item .link {
          padding: 0 1.30207vw;
          height: 4.16664vw;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.93749vw;
          color: #fff; }
    .header-bg .header-box .search {
      height: 4.16664vw;
      display: flex;
      align-items: center; }
      .header-bg .header-box .search .ico {
        width: 1.35416vw;
        filter: contrast(0%) brightness(1000%); }

.header-bg-on {
  background: #fff;
  box-shadow: 0 0.05208vw 0.78124vw rgba(0, 0, 0, 0.1); }
  .header-bg-on::before {
    opacity: 0; }
  .header-bg-on .header-box .logo-box .link img {
    filter: contrast(100%) brightness(100%); }
  .header-bg-on .header-box .nav ul .item .link {
    color: #333; }
  .header-bg-on .header-box .search .ico {
    filter: contrast(100%) brightness(100%); }

/* banner */
@media screen and (min-width: 320px) {
  .banner-swiper .bg {
    height: 60vw;
    background-size: cover;
    background-position: center;
    position: relative; }
    .banner-swiper .bg::before {
      content: ' ';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 50%;
      background-image: linear-gradient(180deg, rgba(0, 47, 103, 0.9), rgba(0, 47, 103, 0));
      background-size: cover;
      z-index: 9; }
    .banner-swiper .bg .play-ico {
      width: 15.99996vw;
      height: 15.99996vw;
      position: absolute;
      left: 50%;
      top: 50%;
      background-image: url(../img/play-ico.png);
      background-size: cover;
      transform: translate(-50%, -50%);
      z-index: 11;
      cursor: pointer; }
    .banner-swiper .bg .video-box {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      object-fit: cover; }
  .banner-swiper .banner-btn {
    position: absolute;
    top: 50%;
    margin-top: -5.33332vw;
    z-index: 9; }
    .banner-swiper .banner-btn i {
      border: 0.53333vw solid #00D2E1;
      width: 10.66664vw;
      height: 10.66664vw;
      border-radius: 50%;
      background-color: #002F67;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 5.33332vw;
      line-height: 5.33332vw; }
      .banner-swiper .banner-btn i::before {
        color: #fff;
        font-size: 3.73332vw;
        line-height: 5.33332vw; }
    .banner-swiper .banner-btn:hover i {
      box-shadow: 0 2.66666vw 5.33332vw rgba(0, 47, 103, 0.5); }
  .banner-swiper .banner-prev {
    left: 2.66666vw; }
    .banner-swiper .banner-prev:hover i::before {
      transform: translateX(-0.8vw); }
  .banner-swiper .banner-next {
    right: 10px; }
    .banner-swiper .banner-next:hover i::before {
      transform: translateX(0.8vw); }
  .banner-swiper .banner-mess {
    position: absolute;
    left: 2.66666vw;
    bottom: 5.33332vw;
    z-index: 9; }
  .banner-swiper .banner-pagination .swiper-pagination-bullet {
    background: #fff;
    border: 0.53333vw solid #FFF;
    width: 2.66666vw;
    height: 2.66666vw;
    opacity: 1; }
    .banner-swiper .banner-pagination .swiper-pagination-bullet-active {
      background: none; }
  .banner-swiper .banner-pagination span + span {
    margin-left: 2.66666vw; }
  .banner-swiper .banner-time {
    background-image: linear-gradient(90deg, rgba(0, 138, 213, 0), #008ad5);
    padding: 1.33333vw 3.99999vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9; }
    .banner-swiper .banner-time .tit {
      font-size: 4.79999vw;
      color: #fff;
      line-height: 1.3; }
    .banner-swiper .banner-time .time {
      font-size: 2.66666vw;
      color: #fff;
      line-height: 1.3; }
  .ind-olar-video .link .video-box {
    width: 19.27071vw;
    height: 12.49992vw;
    background: #000;
    position: absolute;
    left: 3.12498vw;
    bottom: 3.12498vw;
    z-index: 9; } }

@media screen and (min-width: 992px) {
  .banner-swiper .bg {
    max-height: 100vh; }
    .banner-swiper .bg .play-ico {
      width: 6.97912vw;
      height: 6.97912vw; }
  .banner-swiper .banner-btn {
    margin-top: -1.30207vw; }
    .banner-swiper .banner-btn i {
      width: 3.64581vw;
      height: 3.64581vw;
      border-width: 0.10417vw; }
      .banner-swiper .banner-btn i::before {
        color: #fff;
        font-size: 0.93749vw; }
    .banner-swiper .banner-btn:hover i {
      box-shadow: 0 0.52083vw 1.04166vw rgba(0, 47, 103, 0.5); }
  .banner-swiper .banner-mess {
    left: 50%;
    bottom: 1.92707vw;
    transform: translateX(-50%); }
    .banner-swiper .banner-mess .banner-pagination .swiper-pagination-bullet {
      border-width: 0.15625vw;
      width: 0.52083vw;
      height: 0.52083vw; }
    .banner-swiper .banner-mess .banner-pagination span + span {
      margin-left: 0.52083vw; }
  .banner-swiper .banner-prev {
    left: 1.04166vw; }
  .banner-swiper .banner-next {
    right: 1.04166vw; }
  .banner-swiper .banner-time {
    width: 41.6664vw;
    padding: 0.52083vw 1.30207vw; }
    .banner-swiper .banner-time .tit {
      font-size: 1.56249vw; }
    .banner-swiper .banner-time .time {
      font-size: 0.93749vw; } }

/*弹窗视频*/
@media screen and (min-width: 320px) {
  .video-show.layui-layer-iframe {
    overflow: visible; }
  .video-show {
    width: 79.9998vw !important;
    height: 46.66655vw !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important; }
  .video-show .layui-layer-setwin {
    right: 0;
    top: 0; }
  .video-show .layui-layer-setwin .layui-layer-close2 {
    right: 0;
    top: -9.33331vw;
    width: 9.33331vw;
    height: 9.33331vw;
    background: #999;
    font-family: "iconfont" !important;
    font-size: 4.26666vw;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 9.33331vw;
    transition: .3s; }
  .video-show .layui-layer-setwin .layui-layer-close2::before {
    content: "\e639";
    color: #fff;
    font-size: 4.26666vw; }
  .video-show .layui-layer-setwin .layui-layer-close2:hover {
    background: #1A3A97; }
  div.video-show .layui-layer-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: visible; }
  .jcsp-video {
    display: none; }
  .video-show video {
    display: block; }
  .video-show video {
    width: 100%;
    height: 100%; }
  .video-show .more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3.99999vw; }
  .video-show .more a {
    background: #0a55e2;
    height: 11.19997vw;
    border-radius: 1.6vw;
    color: #fff;
    padding: 0 5.33332vw;
    display: flex;
    align-items: center;
    justify-content: center; }
  .video-tit {
    position: absolute;
    bottom: -11.99997vw;
    width: 100%;
    text-align: center;
    color: #fff;
    background: rgba(60, 60, 60, 0.9);
    padding: 0 3.38539vw;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .video-tit span {
    line-height: 10.66664vw; }
  .video-prev, .video-next {
    width: 10.66664vw;
    height: 10.66664vw;
    line-height: 10.66664vw;
    position: absolute;
    background: #E2CFBC;
    color: #fff;
    text-align: center;
    cursor: pointer;
    bottom: -11.99997vw;
    z-index: 2;
    transition: .3s; }
  .video-prev {
    left: 0; }
  .video-next {
    right: 0; }
  .video-prev::before {
    display: block;
    transition: .3s; }
  .video-prev:hover::before {
    transform: translateX(-0.8vw); } }

@media screen and (min-width: 992px) {
  .video-show {
    width: 66.66624vw !important;
    height: 37.49976vw !important; }
  .video-show .layui-layer-setwin .layui-layer-close2 {
    top: -1.8229vw;
    width: 1.8229vw;
    height: 1.8229vw;
    font-size: 0.83333vw;
    line-height: 1.8229vw; }
  .video-show .layui-layer-setwin .layui-layer-close2::before {
    font-size: 0.83333vw; }
  .video-show .more {
    padding-top: 0.78124vw; }
  .video-show .more a {
    height: 2.18749vw;
    border-radius: 0.3125vw;
    padding: 0 1.04166vw; }
  .video-tit {
    bottom: -2.34373vw;
    padding: 0 3.38539vw; }
  .video-tit span {
    line-height: 2.08332vw; }
  .video-prev, .video-next {
    width: 2.08332vw;
    height: 2.08332vw;
    line-height: 2.08332vw;
    bottom: -2.34373vw; }
  .video-prev:hover::before {
    transform: translateX(-0.15625vw); } }

/* 首页公共 */
@media screen and (min-width: 320px) {
  .ind-bg {
    background-size: cover;
    background-position: center top;
    overflow: hidden; }
  .ind-bg-01 {
    background-image: url(../img/en-ind-bg-01-01.jpg);
    background-color: #e1f2fa;
    padding: 7.99998vw 0; }
  .ind-box {
    padding: 7.99998vw 0; }
  .ind-tit {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 6.39998vw;
    color: #0A4081;
    line-height: 1.4;
    padding-bottom: 3.99999vw; }
  .ind-tit-02 {
    color: #fff; }
  .ind-more {
    background-image: linear-gradient(90deg, #008AD5, #00D2E1);
    padding: 0 6.66665vw;
    height: 9.59998vw;
    border-radius: 4.79999vw;
    color: #fff;
    box-shadow: 0 2.66666vw 7.99998vw rgba(0, 32, 70, 0.5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 3.19999vw;
    font-weight: bold; }
    .ind-more:hover {
      color: #fff;
      transform: translateY(-10%); }
  .toggle-box .toggle-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.99999vw 0;
    border-bottom: 0.26667vw solid #BDD7E6; }
    .toggle-box .toggle-btn .l {
      display: flex;
      align-items: center; }
      .toggle-box .toggle-btn .l .icon {
        background: #00D2E1;
        width: 1.06666vw;
        height: 3.19999vw;
        border-radius: 0.53333vw;
        margin-right: 1.33333vw;
        display: block; }
      .toggle-box .toggle-btn .l .toggle-tit {
        font-weight: bold;
        color: #002f67;
        font-size: 3.73332vw; }
    .toggle-box .toggle-btn .r {
      padding-right: 1.33333vw; }
      .toggle-box .toggle-btn .r i {
        display: block;
        position: relative; }
      .toggle-box .toggle-btn .r i, .toggle-box .toggle-btn .r i::before {
        color: #008AD5;
        font-size: 2.66666vw; }
  .toggle-box .toggle-mess .user-list {
    padding-top: 3.99999vw; }
  .toggle-box .toggle-mess .toggle-txt {
    padding-top: 3.99999vw; }
  .toggle-box .toggle-mess .equipment-list {
    padding-top: 3.99999vw; }
  .toggle-box.off .toggle-btn .r i {
    transform: rotate(-180deg); }
  .toggle-box-max {
    padding-top: 5.33332vw; }
    .toggle-box-max .toggle-box {
      padding-bottom: 5.33332vw; } }

@media screen and (min-width: 992px) {
  .ind-bg-01 {
    padding: 2.60415vw 0; }
  .ind-box {
    padding: 2.60415vw 0; }
  .ind-tit {
    font-size: 2.81248vw; }
  .ind-more {
    padding: 0 1.8229vw;
    height: 3.54164vw;
    border-radius: 1.77082vw;
    box-shadow: 0 0.52083vw 1.56249vw rgba(0, 32, 70, 0.5);
    font-size: 0.93749vw; }
  .toggle-box .toggle-btn {
    padding: 1.30207vw 0;
    border-bottom-width: 0.05208vw; }
    .toggle-box .toggle-btn .l .icon {
      width: 0.20833vw;
      height: 0.93749vw;
      border-radius: 0.10417vw;
      margin-right: 0.52083vw; }
    .toggle-box .toggle-btn .l .toggle-tit {
      font-size: 1.24999vw; }
    .toggle-box .toggle-btn .r {
      padding-right: 0.41666vw; }
      .toggle-box .toggle-btn .r i, .toggle-box .toggle-btn .r i::before {
        font-size: 0.83333vw; }
  .toggle-box .toggle-mess .user-list {
    padding-top: 2.08332vw; }
  .toggle-box .toggle-mess .toggle-txt {
    padding-top: 1.56249vw; }
  .toggle-box .toggle-mess .team-list-box {
    margin-top: 2.08332vw; }
  .toggle-box .toggle-mess .equipment-list {
    padding-top: 2.08332vw; }
  .toggle-box .toggle-mess .user-list-02 {
    padding-top: 3.12498vw; }
  .toggle-box-max {
    flex: 1;
    min-width: 0;
    padding-top: 0; }
    .toggle-box-max .toggle-box {
      padding-bottom: 2.08332vw; }
    .toggle-box-max .toggle-box:nth-child(1) .toggle-btn {
      padding-top: 0; }
  .toggle-box-max-02 {
    padding-top: 0.78124vw; } }

/* ind-box-01 */
@media screen and (min-width: 320px) {
  i.pic-scale-ind-research {
    padding-bottom: 68.8888%; }
  .ind-box-01 .tabs-box-01 .flex-box .r {
    padding-top: 2.66666vw;
    padding-right: 2.66666vw;
    position: relative; }
    .ind-box-01 .tabs-box-01 .flex-box .r .bd {
      position: relative;
      z-index: 2; }
    .ind-box-01 .tabs-box-01 .flex-box .r .bg {
      position: absolute;
      left: 2.66666vw;
      bottom: 2.66666vw;
      top: 0;
      right: 0;
      background-image: linear-gradient(90deg, #008AD5, #00D2E1); }
  .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn {
    position: relative;
    border-bottom: 0.26667vw solid rgba(0, 210, 225, 0.5); }
    .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn .link {
      padding: 3.99999vw 0;
      display: block; }
      .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn .link .time {
        color: #00D2E1;
        font-weight: bold;
        font-size: 2.66666vw;
        padding-bottom: 2.66666vw; }
      .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn .link .tit {
        color: #fff;
        font-size: 3.19999vw;
        line-height: 1.4; }
      .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn .link .ico {
        display: none; }
  .ind-box-01 .more-box {
    padding-top: 3.99999vw;
    display: flex;
    justify-content: center;
    align-items: center; } }

@media screen and (min-width: 992px) {
  .ind-box-01 .ind-tit {
    padding-bottom: 6.51037vw; }
  .ind-box-01 .tabs-box-01 .flex-box {
    display: flex;
    flex-direction: row-reverse;
    width: 83.3328vw; }
    .ind-box-01 .tabs-box-01 .flex-box .r {
      flex-basis: 47.91636vw;
      flex-shrink: 0;
      min-width: 0;
      padding-top: 1.04166vw;
      padding-right: 1.04166vw; }
      .ind-box-01 .tabs-box-01 .flex-box .r .bg {
        left: 1.04166vw;
        bottom: auto;
        height: 32.13521vw; }
    .ind-box-01 .tabs-box-01 .flex-box .l {
      padding-top: 1.04166vw;
      padding-right: 2.08332vw;
      position: relative;
      z-index: 2; }
      .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn {
        border-bottom-width: 0.05208vw; }
        .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn .link {
          padding: 1.30207vw 0;
          position: relative;
          width: 100%; }
          .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn .link::before {
            content: ' ';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            background: #00D2E1;
            width: 0; }
          .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn .link .time {
            font-size: 0.83333vw;
            padding-bottom: 0.78124vw; }
          .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn .link .tit {
            font-size: 0.93749vw; }
          .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn .link .ico {
            display: block;
            opacity: 0;
            position: absolute;
            top: 50%;
            right: 1.56249vw;
            font-size: 1.14583vw;
            color: #00D2E1;
            transform: translateY(-50%); }
        .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn.on .link {
          padding: 1.30207vw 3.64581vw 1.30207vw 1.56249vw;
          width: calc(100% + 5.2083vw);
          background: #fff;
          box-shadow: 0 1.04166vw 1.56249vw rgba(0, 32, 70, 0.5); }
          .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn.on .link .tit {
            color: #0A4081; }
          .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn.on .link .ico {
            opacity: 1; }
          .ind-box-01 .tabs-box-01 .flex-box .l .hd .btn.on .link::before {
            width: 0.15625vw; }
  .ind-box-01 .more-box {
    padding-top: 2.08332vw;
    display: flex;
    justify-content: flex-start;
    align-items: center; } }

/* ind-box-02 */
@media screen and (min-width: 320px) {
  i.pic-scale-ind-innovation {
    padding-bottom: 50%; }
  .ind-box-02 .list ul {
    margin: -2.66666vw; }
    .ind-box-02 .list ul .item {
      padding: 2.66666vw; }
      .ind-box-02 .list ul .item .link {
        position: relative; }
        .ind-box-02 .list ul .item .link .shade {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          top: 40%;
          background-image: linear-gradient(rgba(6, 32, 69, 0), #062045);
          display: flex;
          align-items: flex-end; }
          .ind-box-02 .list ul .item .link .shade .mess {
            padding: 3.99999vw; }
            .ind-box-02 .list ul .item .link .shade .mess .tit {
              color: #fff;
              padding-bottom: 2.13333vw;
              font-size: 3.73332vw; }
            .ind-box-02 .list ul .item .link .shade .mess .more {
              color: #00D2E1; }
  .ind-box-02 .more-box {
    padding-top: 3.99999vw;
    display: flex;
    justify-content: center;
    align-items: center; } }

@media screen and (min-width: 992px) {
  i.pic-scale-ind-innovation {
    padding-bottom: 119.05%; }
  .ind-box-02 {
    padding-top: 1.04166vw; }
    .ind-box-02 .ind-tit {
      padding-bottom: 1.56249vw; }
    .ind-box-02 .list {
      padding-top: 2.08332vw; }
      .ind-box-02 .list ul {
        margin: -0.78124vw;
        display: flex; }
        .ind-box-02 .list ul .item {
          flex-shrink: 0;
          min-width: 0;
          flex-grow: 1;
          padding: 0.78124vw; }
          .ind-box-02 .list ul .item .link .shade .mess {
            padding: 1.04166vw; }
            .ind-box-02 .list ul .item .link .shade .mess .tit {
              padding-bottom: 0.41666vw;
              font-size: 1.14583vw; }
            .ind-box-02 .list ul .item .link .shade .mess .more {
              font-size: 0.72916vw; }
        .ind-box-02 .list ul .item:nth-child(odd) {
          padding-top: 3.64581vw; }
        .ind-box-02 .list ul .item:nth-child(even) {
          padding-bottom: 3.64581vw; }
    .ind-box-02 .more-box {
      padding-top: 3.12498vw; } }

/* ind-box-03 */
@media screen and (min-width: 320px) {
  .ind-box-03 .txt {
    color: #fff;
    text-align: center;
    font-size: 3.19999vw; }
  .ind-box-03 .list {
    padding: 0 3.99999vw;
    padding-top: 3.99999vw; }
    .ind-box-03 .list ul {
      display: flex;
      flex-wrap: wrap;
      display: flex;
      justify-content: center;
      margin: -2.66666vw; }
      .ind-box-03 .list ul .item {
        flex-basis: 33.3333%;
        flex-shrink: 0;
        min-width: 0;
        padding: 2.66666vw; }
        .ind-box-03 .list ul .item .link {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .ind-box-03 .list ul .item .link .ico-box {
            width: 17.33329vw;
            height: 17.33329vw;
            display: flex;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-image: url(../img/ico-bg.png); }
            .ind-box-03 .list ul .item .link .ico-box .ico, .ind-box-03 .list ul .item .link .ico-box .ico::before {
              font-size: 7.99998vw;
              color: #fff; }
          .ind-box-03 .list ul .item .link .tit {
            padding-top: 1.33333vw;
            font-size: 2.66666vw;
            color: #fff;
            text-align: center;
            line-height: 1.4; }
  .ind-box-03 .more-box {
    padding-top: 3.99999vw;
    display: flex;
    justify-content: center;
    align-items: center; } }

@media screen and (min-width: 992px) {
  .ind-box-03 {
    padding-top: 2.08332vw; }
    .ind-box-03 .ind-tit {
      padding-bottom: 2.60415vw; }
    .ind-box-03 .txt {
      font-size: 0.93749vw; }
    .ind-box-03 .list {
      padding: 0 4.68747vw;
      padding-top: 4.16664vw; }
      .ind-box-03 .list ul {
        margin: -0.52083vw; }
        .ind-box-03 .list ul .item {
          flex-basis: 12.5%;
          padding: 0.52083vw; }
          .ind-box-03 .list ul .item .link .ico-box {
            width: 6.77079vw;
            height: 6.77079vw; }
            .ind-box-03 .list ul .item .link .ico-box .ico, .ind-box-03 .list ul .item .link .ico-box .ico::before {
              font-size: 3.12498vw; }
          .ind-box-03 .list ul .item .link .tit {
            padding-top: 0.52083vw;
            font-size: 0.93749vw; }
          .ind-box-03 .list ul .item .link:hover {
            transform: translateY(-5%); }
    .ind-box-03 .more-box {
      padding-top: 3.12498vw; } }

/* ind-box-04 */
@media screen and (min-width: 320px) {
  .ind-box-04 .hd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -1.33333vw;
    padding-bottom: 3.99999vw; }
    .ind-box-04 .hd .btn-box {
      padding: 1.33333vw;
      flex-basis: 33.3333%;
      flex-shrink: 0;
      min-width: 0; }
      .ind-box-04 .hd .btn-box .btn {
        border: 0.26667vw solid #00D2E1;
        font-size: 3.19999vw;
        font-weight: bold;
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 4.79999vw;
        cursor: pointer; }
        .ind-box-04 .hd .btn-box .btn .tit {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 9.59998vw;
          color: #fff;
          position: relative;
          z-index: 2; }
        .ind-box-04 .hd .btn-box .btn::before {
          content: ' ';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-image: linear-gradient(90deg, #008AD5, #00D2E1);
          opacity: 0; }
      .ind-box-04 .hd .btn-box.on .btn {
        border-color: transparent; }
        .ind-box-04 .hd .btn-box.on .btn::before {
          opacity: 1; }
  .unit-array {
    position: relative;
    padding: 1.33333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 53.3332vw; }
    .unit-array ul {
      margin: -1.33333vw; }
      .unit-array ul li {
        float: left;
        padding: 1.33333vw; }
        .unit-array ul li div {
          width: 11.99997vw; }
          .unit-array ul li div i {
            overflow: visible; }
            .unit-array ul li div i img {
              transition: .3s; }
        .unit-array ul li.large div {
          width: 26.39993vw;
          margin-left: 7.46665vw; }
        .unit-array ul li.arr-pl div {
          margin-left: 7.46665vw; }
  .unit-array-02 ul {
    max-width: 73.33315vw; }
    .unit-array-02 ul li.large {
      width: 100%;
      display: flex;
      justify-content: center; }
      .unit-array-02 ul li.large div {
        margin-left: 0; }
  .unit-array-04 ul {
    max-width: 58.66652vw; }
  .unit-array-05 ul {
    max-width: 87.99978vw; } }

@media screen and (min-width: 992px) {
  .ind-box-04 .ind-tit {
    padding-bottom: 0.52083vw; }
  .ind-box-04 .hd {
    margin: 0;
    padding-bottom: 1.56249vw; }
    .ind-box-04 .hd .btn-box {
      padding: 1.04166vw;
      flex-basis: 20%; }
      .ind-box-04 .hd .btn-box .btn {
        border-width: 0.05208vw;
        font-size: 0.93749vw;
        border-radius: 1.77082vw; }
        .ind-box-04 .hd .btn-box .btn .tit {
          height: 3.54164vw; }
        .ind-box-04 .hd .btn-box .btn::before {
          content: ' ';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-image: linear-gradient(90deg, #008AD5, #00D2E1);
          opacity: 0; }
      .ind-box-04 .hd .btn-box.on .btn {
        border-color: transparent; }
        .ind-box-04 .hd .btn-box.on .btn::before {
          opacity: 1; }
  .unit-array {
    min-height: 17.18739vw; }
    .unit-array ul li {
      padding: 0.52083vw; }
      .unit-array ul li div {
        width: 4.68747vw; }
      .unit-array ul li.large div {
        width: 10.36452vw;
        margin-left: 2.60415vw; }
      .unit-array ul li.arr-pl div {
        margin-left: 2.60415vw; }
      .unit-array ul li.arr-pr div {
        margin-right: 2.34373vw; }
  .unit-array-02 ul {
    max-width: 28.64565vw; }
    .unit-array-02 ul li.large div {
      margin-left: 0; }
  .unit-array-04 ul {
    max-width: 22.91652vw; }
  .unit-array-05 ul {
    max-width: 34.37478vw; } }

/* footer */
@media screen and (min-width: 320px) {
  .footer {
    background-image: url(../img/footer-bg.jpg);
    border-top: 0.53333vw solid rgba(0, 138, 213, 0.5); }
    .footer .f-logo {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5.33332vw; }
      .footer .f-logo img {
        width: 85.33312vw; }
    .footer .f-qr-list {
      padding-bottom: 5.33332vw; }
      .footer .f-qr-list ul {
        display: flex;
        margin: -2.66666vw; }
        .footer .f-qr-list ul li {
          flex-basis: 33.3333%;
          flex-shrink: 0;
          min-width: 0;
          padding: 2.66666vw; }
          .footer .f-qr-list ul li .pic {
            border: 0.53333vw solid #00D2E1;
            border-radius: 1.6vw;
            background: #fff;
            padding: 1.06666vw; }
          .footer .f-qr-list ul li .tit {
            text-align: center;
            color: #00D2E1;
            font-size: 2.66666vw;
            padding-top: 1.33333vw; }
    .footer .f-link-box {
      border-top: 0.26667vw solid rgba(153, 204, 255, 0.3);
      border-bottom: 0.26667vw solid rgba(153, 204, 255, 0.3);
      padding: 1.33333vw 0;
      display: flex; }
      .footer .f-link-box .tit {
        font-weight: bold;
        color: #fff;
        padding-right: 2.66666vw;
        position: relative;
        font-size: 2.13333vw;
        height: 7.46665vw;
        display: flex;
        align-items: center;
        justify-content: center; }
        .footer .f-link-box .tit::before {
          content: ' ';
          width: 0.26667vw;
          height: 3.19999vw;
          background: #00D2E1;
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -1.6vw; }
      .footer .f-link-box .list {
        flex: 1; }
        .footer .f-link-box .list ul {
          display: flex;
          padding: 0 1.06666vw; }
          .footer .f-link-box .list ul .item {
            padding: 0 1.06666vw;
            min-width: 0;
            flex-shrink: 0; }
            .footer .f-link-box .list ul .item .link {
              color: #fff;
              font-size: 2.13333vw;
              height: 7.46665vw;
              display: flex;
              align-items: center; }
              .footer .f-link-box .list ul .item .link:hover {
                text-decoration: underline; }
      .footer .f-link-box .more {
        padding-left: 2.13333vw;
        height: 7.46665vw;
        color: #9cf;
        cursor: pointer;
        font-size: 2.13333vw;
        display: flex;
        align-items: center;
        justify-content: center; }
      .footer .f-link-box.show .list ul {
        flex-wrap: wrap; }
      .footer .f-link-box.show .more {
        display: none; }
    .footer .copy {
      display: flex;
      flex-wrap: wrap;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2.13333vw 0; }
      .footer .copy span {
        color: #fff;
        font-size: 2.66666vw;
        text-align: center;
        padding: 0.53333vw;
        line-height: 1.2; }
      .footer .copy .link {
        color: #fff; }
        .footer .copy .link:hover {
          text-decoration: underline; } }

@media screen and (min-width: 992px) {
  .footer {
    background-image: url(../img/footer-bg.jpg);
    border-top-width: 0.10417vw; }
    .footer .f-logo {
      padding: 1.8229vw 0; }
      .footer .f-logo img {
        width: auto;
        height: 3.12498vw; }
    .footer .f-qr-list {
      display: flex;
      justify-content: center;
      padding-bottom: 3.12498vw; }
      .footer .f-qr-list ul {
        margin: -1.30207vw; }
        .footer .f-qr-list ul li {
          flex-basis: 9.89577vw;
          padding: 1.30207vw; }
          .footer .f-qr-list ul li .pic {
            border-width: 0.10417vw;
            border-radius: 0.3125vw;
            padding: 0.46875vw; }
          .footer .f-qr-list ul li .tit {
            font-size: 0.72916vw;
            padding-top: 0.78124vw; }
    .footer .f-link-box {
      border-top-width: 0.05208vw;
      border-bottom-width: 0.05208vw;
      padding: 0.52083vw 0; }
      .footer .f-link-box .tit {
        padding-right: 1.04166vw;
        font-size: 0.72916vw;
        height: 2.08332vw; }
        .footer .f-link-box .tit::before {
          width: 0.05208vw;
          height: 0.72916vw;
          margin-top: -0.36458vw; }
      .footer .f-link-box .list {
        flex: 1; }
        .footer .f-link-box .list ul {
          padding: 0 0.52083vw; }
          .footer .f-link-box .list ul .item {
            padding: 0 0.52083vw; }
            .footer .f-link-box .list ul .item .link {
              font-size: 0.72916vw;
              height: 2.08332vw; }
      .footer .f-link-box .more {
        padding-left: 1.04166vw;
        height: 2.08332vw;
        color: #9cf;
        font-size: 0.72916vw; }
    .footer .copy {
      padding: 1.30207vw 0; }
      .footer .copy span {
        font-size: 0.625vw;
        padding: 0.26042vw; } }

/* about */
@media screen and (min-width: 320px) {
  .about-bg-01 {
    background-image: url(../img/en-about-bg.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 23.99994vw; }
    .about-bg-01 .mess {
      padding: 5.33332vw 0; }
      .about-bg-01 .mess .tit {
        text-align: center;
        color: #fff;
        font-size: 6.39998vw;
        padding-bottom: 5.33332vw; }
      .about-bg-01 .mess .txt {
        text-align: center;
        color: #fff;
        font-size: 2.66666vw;
        padding-bottom: 5.33332vw; }
      .about-bg-01 .mess .more-box {
        display: flex;
        justify-content: center; }
        .about-bg-01 .mess .more-box .ind-more {
          border: 0.26667vw solid #00D2E1;
          background: rgba(3, 38, 106, 0.6);
          box-shadow: none; }
          .about-bg-01 .mess .more-box .ind-more:hover {
            background-image: linear-gradient(90deg, #008AD5, #00D2E1); }
    .about-bg-01 .list {
      background: #fff; }
      .about-bg-01 .list ul {
        display: flex; }
        .about-bg-01 .list ul .item {
          flex: 1; }
          .about-bg-01 .list ul .item .link {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 5.33332vw 2.66666vw; }
            .about-bg-01 .list ul .item .link .ico img {
              width: 9.59998vw; }
            .about-bg-01 .list ul .item .link .name {
              padding-top: 2.66666vw;
              font-weight: bold;
              font-size: 3.73332vw;
              color: #0A4081; }
            .about-bg-01 .list ul .item .link .more {
              padding-top: 2.66666vw;
              font-size: 2.66666vw;
              color: #00D2E1; }
            .about-bg-01 .list ul .item .link:hover {
              transform: scale(1.05); }
              .about-bg-01 .list ul .item .link:hover .name {
                color: #00D2E1; }
  .about-bg-02 {
    position: relative;
    padding-bottom: 7.99998vw; }
    .about-bg-02::before {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 30%;
      background-image: linear-gradient(#E4F1FF, #FFF); }
    .about-bg-02 .about-pic {
      position: relative;
      z-index: 2; }
      .about-bg-02 .about-pic img {
        width: 100%; } }

@media screen and (min-width: 760px) {
  .about-bg-01 {
    padding-top: 8.9473vw; } }

@media screen and (min-width: 992px) {
  .about-bg-01 {
    padding-top: 5.2083vw; }
    .about-bg-01 .mess {
      padding: 5.2083vw 0; }
      .about-bg-01 .mess .tit {
        font-size: 2.49998vw;
        padding-bottom: 3.12498vw; }
      .about-bg-01 .mess .txt {
        font-size: 0.93749vw;
        padding-bottom: 3.12498vw; }
      .about-bg-01 .mess .more-box .ind-more {
        border-width: 0.15625vw; }
    .about-bg-01 .list ul .item .link {
      padding: 2.34373vw 0.78124vw; }
      .about-bg-01 .list ul .item .link .ico img {
        width: 2.60415vw; }
      .about-bg-01 .list ul .item .link .name {
        padding-top: 1.04166vw;
        font-size: 1.45832vw; }
      .about-bg-01 .list ul .item .link .more {
        padding-top: 1.04166vw;
        font-size: 0.83333vw; }
  .about-bg-02 {
    padding-bottom: 3.12498vw; } }

/* banner-min */
@media screen and (min-width: 320px) {
  .banner-min {
    background-image: url(../img/en-banner-01.jpg);
    background-size: cover;
    background-position: center;
    padding-bottom: 53.3332vw; } }

@media screen and (min-width: 760px) {
  .banner-min {
    padding-bottom: 34.21028vw; } }

@media screen and (min-width: 992px) {
  .banner-min {
    padding-bottom: 21.87486vw; } }

/* content-flex-box */
@media screen and (min-width: 320px) {
  .content-flex-box {
    padding: 7.99998vw 0; }
  .menu-box {
    border-bottom: 0.26667vw solid #DDD; }
    .menu-box .tit {
      font-size: 4.26666vw;
      font-weight: bold;
      color: #00152d;
      padding-bottom: 5.33332vw; }
    .menu-box .list {
      padding-bottom: 5.33332vw; }
      .menu-box .list ul {
        margin: -2.66666vw 0; }
        .menu-box .list ul .item .link {
          padding: 2.66666vw 0;
          color: #002f67;
          font-size: 3.19999vw;
          display: flex;
          justify-content: space-between; }
          .menu-box .list ul .item .link i {
            padding-right: 1.33333vw;
            padding-left: 1.33333vw; }
            .menu-box .list ul .item .link i::before {
              display: block;
              position: relative;
              transform: rotate(-90deg); }
          .menu-box .list ul .item .link.on {
            color: #008AD5;
            font-weight: bold; }
            .menu-box .list ul .item .link.on i::before {
              transform: rotate(0deg); }
          .menu-box .list ul .item .link i, .menu-box .list ul .item .link i::before {
            font-weight: normal;
            font-size: 2.66666vw; }
        .menu-box .list ul .sub-list {
          margin: -0.53333vw 0; }
          .menu-box .list ul .sub-list .sub-item {
            padding: 0.53333vw 0; }
            .menu-box .list ul .sub-list .sub-item .sub-link {
              display: block;
              padding: 2.66666vw;
              border: 0.26667vw solid #DAEEF9;
              font-size: 3.19999vw;
              color: #000; }
              .menu-box .list ul .sub-list .sub-item .sub-link.on {
                background: #008AD5;
                border-color: #008AD5;
                color: #fff; }
  .content-bd {
    padding-top: 5.33332vw; }
    .content-bd .content-tit {
      display: none; }
    .content-bd .content-tit-02 {
      padding-bottom: 7.99998vw;
      color: #03266a;
      font-size: 4.26666vw;
      font-weight: bold;
      text-align: center; } }

@media screen and (min-width: 992px) {
  .content-flex-box {
    padding: 2.86456vw 0;
    display: flex;
    flex-wrap: wrap; }
  .content-block-box {
    display: block; }
  .menu-box {
    border-bottom: none;
    flex-basis: 19.27071vw;
    flex-shrink: 0;
    min-width: 0;
    padding-top: 1.56249vw;
    padding-right: 3.64581vw; }
    .menu-box .tit {
      font-size: 1.56249vw;
      padding-bottom: 2.08332vw; }
    .menu-box .list {
      padding-bottom: 1.04166vw; }
      .menu-box .list ul {
        margin: -0.625vw 0;
        display: block; }
        .menu-box .list ul .item .link {
          padding: 0.625vw 0;
          font-size: 0.93749vw; }
          .menu-box .list ul .item .link i {
            padding-left: 1.04166vw;
            padding-right: 1.04166vw; }
          .menu-box .list ul .item .link i, .menu-box .list ul .item .link i::before {
            font-size: 0.83333vw; }
        .menu-box .list ul .sub-list {
          margin: -0.26042vw 0;
          padding-top: 0.52083vw; }
          .menu-box .list ul .sub-list .sub-item {
            padding: 0.26042vw 0; }
            .menu-box .list ul .sub-list .sub-item .sub-link {
              padding: 1.04166vw 1.04166vw;
              border-width: 0.05208vw;
              font-size: 0.93749vw; }
  .content-bd {
    padding-top: 0;
    flex: 1; }
    .content-bd .content-tit {
      display: block;
      padding-bottom: 2.08332vw;
      color: #03266a;
      border-bottom: 0.05208vw solid #ddd;
      margin-bottom: 2.08332vw;
      font-size: 2.70832vw;
      font-weight: bold; }
    .content-bd .content-tit-02 {
      padding-bottom: 2.08332vw;
      font-size: 2.70832vw; }
  .content-bd-02 {
    padding: 0 9.63535vw; } }

/* Overview */
@media screen and (min-width: 320px) {
  .article-html .about-sub-tit {
    color: #03266a;
    font-size: 4.79999vw; } }

@media screen and (min-width: 992px) {
  .article-html .about-sub-tit {
    font-size: 1.35416vw; } }

/*--内容盒子--*/
@media screen and (min-width: 320px) {
  .content-box, .content-box * {
    line-height: 2;
    font-size: 3.19999vw;
    text-align: justify;
    text-justify: inter-word;
    position: relative;
    line-height: 2; }
  .content-box {
    text-align: justify;
    text-justify: inter-word;
    font-size: 3.19999vw;
    color: #000;
    position: relative;
    line-height: 2; }
    .content-box img {
      max-width: 100%; }
    .content-box:after {
      content: ' ';
      clear: both;
      width: 0;
      height: 0;
      overflow: hidden;
      display: block; }
  .article-html, .article-html * {
    line-height: 2;
    font-size: 3.19999vw; }
  .article-html p, .article-html > span {
    margin-bottom: 5.59999vw;
    text-indent: 0;
    display: block; }
  .article-html p p {
    margin-bottom: 0;
    text-indent: 0; }
  .article-html p {
    display: block; }
  .article-html .info-box-ti0 {
    text-indent: 0; }
  .article-html .info-box-img {
    text-indent: 0;
    margin-bottom: 0; }
    .article-html .info-box-img img {
      max-width: 100%;
      height: auto;
      /*width:auto !important; height:auto !important;*/
      margin-bottom: 3.99999vw;
      margin-top: 3.99999vw; }
      .article-html .info-box-img img .info-box-img-detach {
        width: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-right: 1.33333vw;
        box-shadow: none; }
  .article-html table {
    border-collapse: collapse;
    border-color: #00152D;
    border-style: solid;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 5.59999vw;
    border-width: 0.26667vw; }
    .article-html table td {
      border-color: #00152D;
      border-style: solid;
      text-align: left;
      border-width: 0.26667vw;
      border-color: #00152D !important;
      font-size: 3.19999vw; }
    .article-html table p {
      margin-bottom: 5.59999vw;
      text-indent: 0;
      line-height: 1.5;
      margin-bottom: 0;
      text-indent: 0; }
    .article-html table p:nth-child(1) {
      margin-top: 0; }
  .article-video-box + .article-html {
    margin-top: 7.99998vw; }
  .article-html-l, .article-html-l * {
    font-size: 3.73332vw; }
  .article-html-l table td {
    font-size: 3.73332vw; }
  .article-html-r, .article-html-r * {
    font-size: 2.66666vw; }
  .article-html-r table td {
    font-size: 2.66666vw; } }

@media screen and (min-width: 992px) {
  .content-box, .content-box * {
    font-size: 0.93749vw; }
  .content-box {
    font-size: 0.93749vw; }
  .article-html, .article-html * {
    font-size: 0.93749vw; }
  .article-html p, .article-html > span {
    margin-bottom: 1.09374vw; }
  .article-html .info-box-img img {
    margin-bottom: 0.78124vw;
    margin-top: 0.78124vw; }
    .article-html .info-box-img img .info-box-img-detach {
      margin-right: 0.26042vw; }
  .article-html table {
    margin-bottom: 1.09374vw;
    border-width: 0.05208vw; }
    .article-html table td {
      border-width: 0.05208vw;
      font-size: 0.93749vw; }
    .article-html table p {
      margin-bottom: 1.09374vw; }
  .article-html-l, .article-html-l * {
    font-size: 1.14583vw; }
  .article-html-l table td {
    font-size: 1.14583vw; }
  .article-html-r, .article-html-r * {
    font-size: 0.72916vw; }
  .article-html-r table td {
    font-size: 0.72916vw; } }

.article-html table, .article-html table tr, .article-html table td {
  background: none; }

.article-html video {
  max-width: 100%;
  background: #000;
  background-image: url(../img/video.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.article-video-box video {
  width: 100%; }

/* Leadership */
@media screen and (min-width: 320px) {
  i.pic-scale-leader {
    padding-bottom: 125%; }
  .leader-list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -1.33333vw; }
    .leader-list ul li {
      flex-basis: 33.3333%;
      flex-shrink: 0;
      min-width: 0;
      padding: 1.33333vw; }
      .leader-list ul li dl {
        display: flex;
        flex-direction: column;
        height: 100%; }
        .leader-list ul li dl dt {
          border: 0.26667vw solid #BDD7E6;
          padding: 2.66666vw; }
        .leader-list ul li dl .name {
          background: #0a4081;
          color: #fff;
          font-weight: bold;
          font-size: 3.19999vw;
          text-align: center;
          padding: 2.66666vw 5.33332vw; }
        .leader-list ul li dl .mess {
          border: 0.26667vw solid #BDD7E6;
          background: #F5FBFF;
          padding: 2.66666vw 1.33333vw;
          text-align: center;
          display: flex;
          flex-direction: column;
          height: 100%; }
          .leader-list ul li dl .mess span {
            color: #002f67;
            font-size: 2.13333vw;
            display: block; }
          .leader-list ul li dl .mess b {
            color: #008AD5;
            font-size: 2.13333vw;
            display: block;
            padding-top: 1.33333vw;
            font-weight: normal; }
  .leader-list + .leader-list {
    padding-top: 7.99998vw; } }

@media screen and (min-width: 992px) {
  .leader-list ul {
    margin: -0.52083vw; }
    .leader-list ul li {
      flex-basis: 20%;
      padding: 0.26042vw; }
      .leader-list ul li dl dt {
        border-width: 0.05208vw;
        padding: 1.04166vw 1.92707vw; }
      .leader-list ul li dl .name {
        font-size: 0.93749vw;
        padding: 0.52083vw; }
      .leader-list ul li dl .mess {
        border-width: 0.05208vw;
        padding: 0.78124vw 0.52083vw; }
        .leader-list ul li dl .mess span {
          font-size: 0.72916vw; }
        .leader-list ul li dl .mess b {
          font-size: 0.83333vw;
          padding-top: 0.52083vw; }
  .leader-list + .leader-list {
    padding-top: 2.08332vw; } }

/* contact */
@media screen and (min-width: 320px) {
  .contact-box {
    margin: -2.66666vw; }
    .contact-box .box {
      padding: 2.66666vw; }
      .contact-box .box .tit {
        background: linear-gradient(90deg, #0A4081, #008AD5);
        display: flex;
        align-items: center;
        justify-content: center;
        height: 12.79997vw;
        color: #fff;
        font-size: 3.46666vw;
        font-weight: bold; }
      .contact-box .box ul {
        background: #ecf5ff;
        border: 0.26667vw solid #BDD7E6;
        padding: 0 2.66666vw; }
        .contact-box .box ul li .line {
          border-bottom: 0.26667vw dashed #BDD7E6;
          padding: 2.66666vw 0;
          display: flex;
          align-items: center; }
          .contact-box .box ul li .line i {
            border: 0.53333vw solid #008AD5;
            width: 6.39998vw;
            height: 6.39998vw;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 2.66666vw; }
            .contact-box .box ul li .line i::before {
              color: #008AD5;
              font-size: 3.19999vw;
              line-height: 1; }
        .contact-box .box ul li:nth-last-child(1) .line {
          border-bottom: none; } }

@media screen and (min-width: 992px) {
  .contact-box {
    margin: -0.78124vw;
    display: flex;
    flex-wrap: wrap; }
    .contact-box .box {
      flex-basis: 50%;
      flex-shrink: 0;
      padding: 0.78124vw; }
      .contact-box .box .tit {
        height: 3.54164vw;
        font-size: 1.14583vw; }
      .contact-box .box ul {
        border-width: 0.05208vw;
        padding: 0 2.08332vw; }
        .contact-box .box ul li .line {
          border-bottom-width: 0.05208vw;
          padding: 1.56249vw 0; }
          .contact-box .box ul li .line i {
            border-width: 0.15625vw;
            width: 2.18749vw;
            height: 2.18749vw;
            margin-right: 1.04166vw; }
            .contact-box .box ul li .line i::before {
              font-size: 0.93749vw; } }

/* news */
@media screen and (min-width: 320px) {
  i.pic-scale-news-01 {
    padding-bottom: 66.6667%; }
  .news-list-01 ul {
    margin: -3.99999vw 0; }
    .news-list-01 ul .item {
      padding: 3.99999vw 0; }
      .news-list-01 ul .item .link {
        display: block; }
        .news-list-01 ul .item .link dl {
          display: flex; }
          .news-list-01 ul .item .link dl dt {
            flex-basis: 50%;
            flex-shrink: 0;
            min-width: 0;
            padding-right: 2.66666vw; }
          .news-list-01 ul .item .link dl dd {
            flex: 1;
            flex-shrink: 0;
            min-width: 0; }
            .news-list-01 ul .item .link dl dd .tit {
              font-size: 3.19999vw;
              color: #0A4081;
              line-height: 1.4; }
            .news-list-01 ul .item .link dl dd .txt {
              font-size: 2.66666vw;
              color: #000;
              margin-top: 1.33333vw;
              line-height: 1.4; }
            .news-list-01 ul .item .link dl dd .more {
              font-size: 2.66666vw;
              font-weight: bold;
              color: #00D2E1;
              margin-top: 2.66666vw;
              display: flex;
              align-items: center; }
              .news-list-01 ul .item .link dl dd .more span {
                font-weight: bold;
                padding-right: 1.33333vw; }
              .news-list-01 ul .item .link dl dd .more i, .news-list-01 ul .item .link dl dd .more i::before {
                font-size: 2.66666vw; } }

@media screen and (min-width: 992px) {
  .news-list-01 ul {
    margin: -2.08332vw 0; }
    .news-list-01 ul .item {
      padding: 2.08332vw 0; }
      .news-list-01 ul .item .link dl dt {
        flex-basis: 24.99984vw;
        padding-right: 1.56249vw; }
      .news-list-01 ul .item .link dl dd .tit {
        font-size: 1.24999vw; }
      .news-list-01 ul .item .link dl dd .txt {
        font-size: 0.93749vw;
        margin-top: 0.78124vw; }
      .news-list-01 ul .item .link dl dd .more {
        font-size: 0.83333vw;
        margin-top: 1.30207vw; }
        .news-list-01 ul .item .link dl dd .more span {
          padding-right: 0.52083vw; }
        .news-list-01 ul .item .link dl dd .more i, .news-list-01 ul .item .link dl dd .more i::before {
          font-size: 1.04166vw; } }

/* news-info */
@media screen and (min-width: 320px) {
  .news-tit {
    color: #0A4081;
    line-height: 1.25;
    font-size: 4.79999vw; }
  .info-mess {
    padding: 3.99999vw 0 7.99998vw 0;
    display: flex;
    justify-content: space-between; }
    .info-mess .l .list {
      margin: -1.33333vw; }
      .info-mess .l .list .item {
        padding: 1.33333vw; }
        .info-mess .l .list .item .box {
          height: 8.53331vw;
          padding: 0 3.99999vw;
          border-radius: 4.26666vw;
          border: 0.26667vw solid #ddd;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          color: #555;
          font-size: 2.66666vw; }
    .info-mess .r .list {
      display: flex;
      margin: -1.33333vw; }
      .info-mess .r .list .item {
        padding: 1.33333vw; }
        .info-mess .r .list .item .btn {
          border: 0.53333vw solid #008AD5;
          width: 8.53331vw;
          height: 8.53331vw;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 2.13333vw;
          cursor: pointer; }
          .info-mess .r .list .item .btn i, .info-mess .r .list .item .btn i::before {
            font-size: 4.79999vw;
            line-height: 1;
            color: #008AD5; }
        .info-mess .r .list .item .font-off {
          opacity: 0.3; } }

@media screen and (min-width: 992px) {
  .news-tit {
    font-size: 2.08332vw; }
  .info-mess {
    padding: 1.30207vw 0 2.60415vw 0;
    align-items: center; }
    .info-mess .l .list {
      display: flex;
      margin: -0.52083vw; }
      .info-mess .l .list .item {
        padding: 0.52083vw; }
        .info-mess .l .list .item .box {
          height: 2.18749vw;
          padding: 0 1.19791vw;
          border-radius: 1.09374vw;
          border-width: 0.05208vw;
          font-size: 0.83333vw; }
    .info-mess .r .list {
      margin: -0.52083vw; }
      .info-mess .r .list .item {
        padding: 0.52083vw; }
        .info-mess .r .list .item .btn {
          border-width: 0.15625vw;
          width: 1.97915vw;
          height: 1.97915vw;
          border-radius: 0.41666vw;
          cursor: pointer; }
          .info-mess .r .list .item .btn i, .info-mess .r .list .item .btn i::before {
            font-size: 1.24999vw; } }

/* scientists */
@media screen and (min-width: 320px) {
  .talent-search-box {
    height: 0;
    position: relative;
    z-index: 3; }
    .talent-search-box .talent-search {
      box-shadow: 0 0 5.33332vw rgba(10, 64, 129, 0.3);
      background: #fff;
      border-radius: 6.39998vw;
      height: 12.79997vw;
      width: 100%;
      margin: 0 auto;
      transform: translateY(-50%);
      position: relative;
      z-index: 3;
      display: flex;
      padding: 1.06666vw; }
      .talent-search-box .talent-search input {
        flex: 1;
        border-radius: 6.39998vw;
        border: none;
        padding: 0 3.99999vw;
        height: 10.66664vw; }
      .talent-search-box .talent-search button {
        width: 10.66664vw;
        height: 10.66664vw;
        border-radius: 50%;
        border: none;
        background: none;
        background: linear-gradient(#008AD5, #0A4081);
        cursor: pointer; }
        .talent-search-box .talent-search button i, .talent-search-box .talent-search button i::before {
          color: #fff;
          font-size: 4.26666vw;
          line-height: 1; }
  .talent-num-box {
    position: relative; }
    .talent-num-box .talent-num {
      padding-top: 5.33332vw;
      padding-bottom: 5.33332vw;
      display: flex; }
      .talent-num-box .talent-num .item {
        flex: 1; }
        .talent-num-box .talent-num .item dl dt {
          display: flex;
          align-items: flex-end;
          justify-content: center; }
          .talent-num-box .talent-num .item dl dt .num {
            color: #00D2E1;
            font-size: 8.53331vw;
            line-height: .8;
            font-weight: bold; }
          .talent-num-box .talent-num .item dl dt .unit {
            background: #00D2E1;
            width: 5.33332vw;
            height: 5.33332vw;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            line-height: 1;
            margin-left: 1.33333vw;
            color: #fff;
            font-size: 2.66666vw; }
          .talent-num-box .talent-num .item dl dt .plus {
            position: relative;
            transform: translateY(-75%);
            font-size: 3.19999vw;
            color: #00D2E1; }
        .talent-num-box .talent-num .item dl dd {
          text-align: center;
          padding-top: 1.33333vw;
          font-size: 2.66666vw;
          color: #000; } }

@media screen and (min-width: 992px) {
  .talent-search-box .talent-search {
    max-width: 41.6664vw;
    box-shadow: 0 0 1.04166vw rgba(10, 64, 129, 0.3);
    border-radius: 2.08332vw;
    height: 4.16664vw;
    padding: 0.41666vw; }
    .talent-search-box .talent-search input {
      border-radius: 2.08332vw;
      padding: 0 2.60415vw;
      height: 3.33331vw; }
    .talent-search-box .talent-search button {
      width: 3.33331vw;
      height: 3.33331vw; }
      .talent-search-box .talent-search button i, .talent-search-box .talent-search button i::before {
        font-size: 1.24999vw; }
  .talent-num-box {
    flex-basis: 100%;
    flex-shrink: 0;
    min-width: 0; }
    .talent-num-box .talent-num {
      padding-top: 2.08332vw;
      padding-bottom: 3.38539vw; }
      .talent-num-box .talent-num .item dl dt .num {
        font-size: 3.33331vw; }
      .talent-num-box .talent-num .item dl dt .unit {
        width: 1.56249vw;
        height: 1.56249vw;
        margin-left: 0.83333vw;
        font-size: 0.83333vw; }
      .talent-num-box .talent-num .item dl dt .plus {
        position: relative;
        transform: translateY(-75%);
        font-size: 1.77082vw;
        color: #00D2E1; }
      .talent-num-box .talent-num .item dl dd {
        font-size: 0.83333vw;
        padding-top: 1.30207vw; } }

/* Academician */
@media screen and (min-width: 320px) {
  .initial-box .tit {
    color: #008AD5;
    font-size: 3.19999vw; }
  .initial-box .list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2.66666vw;
    padding-bottom: 5.33332vw; }
    .initial-box .list a {
      border: 0.26667vw solid #E4F1FF;
      min-width: 6.39998vw;
      height: 6.39998vw;
      padding: 0 1.6vw;
      border-radius: 0.8vw;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #000;
      margin-right: 1.33333vw;
      margin-bottom: 1.33333vw;
      font-size: 2.66666vw; }
      .initial-box .list a.on {
        background: #008AD5;
        border-color: #008AD5;
        color: #fff; }
  .initial-box + .toggle-box .toggle-btn {
    padding-top: 0; }
  i.pic-scale-user {
    padding-bottom: 133.333%; }
  .user-list ul {
    margin: -1.33333vw;
    display: flex;
    flex-wrap: wrap; }
    .user-list ul .item {
      padding: 1.33333vw;
      flex-shrink: 0;
      flex-basis: 33.3333%;
      min-width: 0; }
      .user-list ul .item dl dt + dd {
        padding-top: 2.66666vw; }
      .user-list ul .item dl dd .mess {
        padding-left: 2.66666vw;
        position: relative; }
        .user-list ul .item dl dd .mess::before {
          content: ' ';
          width: 0.53333vw;
          background: #008AD5;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0; }
        .user-list ul .item dl dd .mess .tit {
          font-size: 3.19999vw;
          font-weight: bold;
          color: #000; }
        .user-list ul .item dl dd .mess .txt {
          padding-top: 1.33333vw;
          font-size: 2.66666vw;
          line-height: 1.2;
          color: #000; }
      .user-list ul .item .link:hover dl dd .mess .tit {
        color: #008AD5; }
  .user-list-02 ul {
    justify-content: center; } }

@media screen and (min-width: 992px) {
  .initial-box .tit {
    font-size: 0.83333vw; }
  .initial-box .list {
    padding-top: 1.8229vw;
    padding-bottom: 2.08332vw; }
    .initial-box .list a {
      border-width: 0.05208vw;
      min-width: 1.66666vw;
      height: 1.66666vw;
      padding: 0 0.52083vw;
      border-radius: 0.26042vw;
      margin-right: 0.52083vw;
      margin-bottom: 0.52083vw;
      font-size: 0.83333vw; }
  .user-list ul {
    margin: -1.56249vw 0; }
    .user-list ul .item {
      padding: 1.56249vw 0;
      flex-basis: 25%; }
      .user-list ul .item dl {
        padding-right: 2.08332vw; }
        .user-list ul .item dl dt {
          padding-right: 2.39582vw; }
        .user-list ul .item dl dt + dd {
          padding-top: 1.04166vw; }
        .user-list ul .item dl dd .mess {
          padding-left: 1.04166vw; }
          .user-list ul .item dl dd .mess::before {
            width: 0.10417vw; }
          .user-list ul .item dl dd .mess .tit {
            font-size: 1.04166vw; }
          .user-list ul .item dl dd .mess .txt {
            padding-top: 0.78124vw;
            font-size: 0.83333vw; }
  .user-list-02 ul {
    margin: -2.08332vw; }
    .user-list-02 ul .item {
      padding: 2.08332vw; }
      .user-list-02 ul .item dl {
        padding-right: 0; }
        .user-list-02 ul .item dl dt {
          padding-right: 0; }
        .user-list-02 ul .item dl dt + dd {
          padding-top: 3.12498vw; }
        .user-list-02 ul .item dl dd .mess .tit {
          font-size: 1.04166vw; }
        .user-list-02 ul .item dl dd .mess .txt {
          padding-top: 1.30207vw; } }

/* user-info */
@media screen and (min-width: 320px) {
  .user-info .pic {
    width: 39.9999vw;
    margin: 0 auto; }
  .user-info .mess .name {
    padding: 5.33332vw 0;
    font-size: 4.26666vw;
    color: #000;
    font-weight: bold;
    text-align: center; }
  .user-info .mess .list {
    margin: -2.66666vw; }
    .user-info .mess .list ul .item {
      padding: 2.66666vw; }
      .user-info .mess .list ul .item dl dt {
        display: flex;
        align-items: center; }
        .user-info .mess .list ul .item dl dt i, .user-info .mess .list ul .item dl dt i::before {
          color: #008AD5;
          font-size: 4.79999vw; }
        .user-info .mess .list ul .item dl dt i {
          padding-right: 1.33333vw; }
        .user-info .mess .list ul .item dl dt .lab {
          color: #000;
          font-size: 3.73332vw;
          line-height: 1.2; }
      .user-info .mess .list ul .item dl dd {
        padding-top: 2.66666vw;
        color: #000;
        font-size: 3.73332vw;
        line-height: 1.2; }
        .user-info .mess .list ul .item dl dd.col {
          color: #00D2E1; } }

@media screen and (min-width: 992px) {
  .user-info {
    flex-basis: 19.27071vw;
    flex-shrink: 0;
    min-width: 0;
    padding-right: 5.2083vw; }
    .user-info .pic {
      width: 100%; }
    .user-info .mess {
      position: relative;
      margin-top: 2.60415vw; }
      .user-info .mess::before {
        content: ' ';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0.10417vw;
        background: #008AD5; }
      .user-info .mess .name {
        padding: 0.52083vw 1.04166vw 1.04166vw 1.04166vw;
        font-size: 1.04166vw;
        text-align: left; }
      .user-info .mess .list {
        margin: -0.52083vw 0; }
        .user-info .mess .list ul .item {
          padding: 0.52083vw 1.04166vw; }
          .user-info .mess .list ul .item dl dt i, .user-info .mess .list ul .item dl dt i::before {
            font-size: 1.24999vw; }
          .user-info .mess .list ul .item dl dt i {
            padding-right: 0.52083vw; }
          .user-info .mess .list ul .item dl dt .lab {
            font-size: 0.83333vw; }
          .user-info .mess .list ul .item dl dd {
            padding-top: 1.04166vw;
            font-size: 0.83333vw; } }

/* team-list */
@media screen and (min-width: 320px) {
  .team-list-box {
    padding: 5.33332vw 0; }
    .team-list-box .team-list {
      position: relative; }
      .team-list-box .team-list .pic {
        display: flex;
        align-items: center;
        justify-content: center; }
        .team-list-box .team-list .pic .mess {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 3.99999vw; }
          .team-list-box .team-list .pic .mess .ico {
            width: 7.99998vw; }
          .team-list-box .team-list .pic .mess .tit {
            line-height: 1.4;
            color: #0A4081;
            font-size: 4.26666vw;
            padding-top: 1.33333vw;
            font-weight: bold; }
      .team-list-box .team-list .list {
        padding-top: 2.66666vw;
        display: flex;
        flex-wrap: wrap;
        margin: -1.33333vw; }
        .team-list-box .team-list .list li {
          flex: 1;
          padding: 1.33333vw; }
          .team-list-box .team-list .list li a {
            display: block; }
            .team-list-box .team-list .list li a:hover {
              transform: scale(1.1); }
              .team-list-box .team-list .list li a:hover dl dd {
                color: #008AD5; }
          .team-list-box .team-list .list li dl {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .team-list-box .team-list .list li dl dt .icon {
              width: 17.33329vw;
              height: 17.33329vw;
              display: flex;
              align-items: center;
              justify-content: center;
              background-size: cover;
              background-image: url(../img/ico-bg-02.png); }
              .team-list-box .team-list .list li dl dt .icon i, .team-list-box .team-list .list li dl dt .icon i::before {
                font-size: 7.99998vw;
                color: #fff; }
            .team-list-box .team-list .list li dl dd {
              text-align: center;
              padding-top: 2.66666vw;
              font-size: 2.66666vw;
              color: #00152d;
              line-height: 1.2; } }

@media screen and (min-width: 992px) {
  .team-list-box {
    padding: 6.24996vw 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .team-list-box .team-list {
      height: 23.43735vw;
      width: 23.43735vw; }
      .team-list-box .team-list .pic {
        width: 100%;
        height: 100%;
        position: absolute;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center; }
        .team-list-box .team-list .pic .bd {
          border: 0.15625vw solid #DEEFFD;
          border-radius: 50%;
          width: 100%;
          height: 100%;
          position: absolute; }
          .team-list-box .team-list .pic .bd::before {
            box-sizing: border-box;
            content: ' ';
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -6.35413vw;
            margin-top: -6.35413vw;
            width: 12.70825vw;
            height: 12.70825vw;
            border: 0.26042vw solid #DEEFFD;
            border-radius: 50%; }
        .team-list-box .team-list .pic .mess {
          padding: 1.04166vw;
          width: 12.70825vw;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .team-list-box .team-list .pic .mess .ico {
            width: 2.60415vw; }
          .team-list-box .team-list .pic .mess .tit {
            font-size: 1.14583vw;
            padding-top: 1.45832vw;
            text-align: center; }
      .team-list-box .team-list .list {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        position: relative; }
        .team-list-box .team-list .list li {
          position: absolute;
          padding: 0;
          transform: translate(-50%, -50%);
          position: absolute;
          left: 50%;
          top: 50%; }
          .team-list-box .team-list .list li dl dt .icon {
            width: 6.77079vw;
            height: 6.77079vw; }
            .team-list-box .team-list .list li dl dt .icon i, .team-list-box .team-list .list li dl dt .icon i::before {
              font-size: 3.64581vw; }
          .team-list-box .team-list .list li dl dd {
            font-size: 0.83333vw;
            color: #00152d;
            line-height: 1.2;
            padding: 0.52083vw;
            position: absolute;
            top: 50%;
            width: 7.29162vw;
            transform: translateY(-50%); }
  .team-list-box-08 {
    padding: 10.4166vw 0 10.4166vw 0; }
    .team-list-box-08 .team-list .list li:nth-child(1) {
      top: 0;
      left: 50%; }
      .team-list-box-08 .team-list .list li:nth-child(1) dd {
        top: 0;
        transform: translate(0, -100%); }
    .team-list-box-08 .team-list .list li:nth-child(2) {
      top: 16%;
      left: 14%; }
      .team-list-box-08 .team-list .list li:nth-child(2) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-08 .team-list .list li:nth-child(3) {
      top: 16%;
      left: 86%; }
      .team-list-box-08 .team-list .list li:nth-child(3) dd {
        right: 0;
        transform: translate(100%, -50%); }
    .team-list-box-08 .team-list .list li:nth-child(4) {
      top: 50%;
      left: 0%; }
      .team-list-box-08 .team-list .list li:nth-child(4) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-08 .team-list .list li:nth-child(5) {
      top: 50%;
      left: 100%; }
      .team-list-box-08 .team-list .list li:nth-child(5) dd {
        right: 0;
        transform: translate(100%, -50%); }
    .team-list-box-08 .team-list .list li:nth-child(6) {
      top: 84%;
      left: 14%; }
      .team-list-box-08 .team-list .list li:nth-child(6) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-08 .team-list .list li:nth-child(7) {
      top: 84%;
      left: 86%; }
      .team-list-box-08 .team-list .list li:nth-child(7) dd {
        right: 0;
        transform: translate(100%, -50%); }
    .team-list-box-08 .team-list .list li:nth-child(8) {
      top: 100%;
      left: 50%; }
      .team-list-box-08 .team-list .list li:nth-child(8) dd {
        top: auto;
        bottom: 0;
        transform: translate(0, 100%); }
  .team-list-box-07 {
    padding: 10.4166vw 0 5.2083vw 0; }
    .team-list-box-07 .team-list .list li:nth-child(1) {
      top: 0;
      left: 50%; }
      .team-list-box-07 .team-list .list li:nth-child(1) dd {
        top: 0;
        transform: translate(0, -100%); }
    .team-list-box-07 .team-list .list li:nth-child(2) {
      top: 23%;
      left: 11%; }
      .team-list-box-07 .team-list .list li:nth-child(2) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-07 .team-list .list li:nth-child(3) {
      top: 23%;
      left: 89%; }
      .team-list-box-07 .team-list .list li:nth-child(3) dd {
        right: 0;
        transform: translate(100%, -50%); }
    .team-list-box-07 .team-list .list li:nth-child(4) {
      top: 63%;
      left: 3%; }
      .team-list-box-07 .team-list .list li:nth-child(4) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-07 .team-list .list li:nth-child(5) {
      top: 63%;
      left: 97%; }
      .team-list-box-07 .team-list .list li:nth-child(5) dd {
        right: 0;
        transform: translate(100%, -50%); }
    .team-list-box-07 .team-list .list li:nth-child(6) {
      top: 93%;
      left: 27%; }
      .team-list-box-07 .team-list .list li:nth-child(6) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-07 .team-list .list li:nth-child(7) {
      top: 93%;
      left: 73%; }
      .team-list-box-07 .team-list .list li:nth-child(7) dd {
        right: 0;
        transform: translate(100%, -50%); }
  .team-list-box-06 {
    padding: 5.2083vw 0 5.2083vw 0; }
    .team-list-box-06 .team-list .list li:nth-child(1) {
      top: 10%;
      left: 22%; }
      .team-list-box-06 .team-list .list li:nth-child(1) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-06 .team-list .list li:nth-child(2) {
      top: 10%;
      left: 78%; }
      .team-list-box-06 .team-list .list li:nth-child(2) dd {
        right: 0;
        transform: translate(100%, -50%); }
    .team-list-box-06 .team-list .list li:nth-child(3) {
      top: 50%;
      left: 0%; }
      .team-list-box-06 .team-list .list li:nth-child(3) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-06 .team-list .list li:nth-child(4) {
      top: 50%;
      left: 100%; }
      .team-list-box-06 .team-list .list li:nth-child(4) dd {
        right: 0;
        transform: translate(100%, -50%); }
    .team-list-box-06 .team-list .list li:nth-child(5) {
      top: 90%;
      left: 22%; }
      .team-list-box-06 .team-list .list li:nth-child(5) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-06 .team-list .list li:nth-child(6) {
      top: 90%;
      left: 78%; }
      .team-list-box-06 .team-list .list li:nth-child(6) dd {
        right: 0;
        transform: translate(100%, -50%); }
  .team-list-box-05 {
    padding: 10.4166vw 0 5.2083vw 0; }
    .team-list-box-05 .team-list .list li:nth-child(1) {
      top: 0;
      left: 50%; }
      .team-list-box-05 .team-list .list li:nth-child(1) dd {
        top: 0;
        transform: translate(0, -100%); }
    .team-list-box-05 .team-list .list li:nth-child(2) {
      top: 33%;
      left: 3%; }
      .team-list-box-05 .team-list .list li:nth-child(2) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-05 .team-list .list li:nth-child(3) {
      top: 33%;
      left: 97%; }
      .team-list-box-05 .team-list .list li:nth-child(3) dd {
        right: 0;
        transform: translate(100%, -50%); }
    .team-list-box-05 .team-list .list li:nth-child(4) {
      top: 86%;
      left: 18%; }
      .team-list-box-05 .team-list .list li:nth-child(4) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-05 .team-list .list li:nth-child(5) {
      top: 86%;
      left: 82%; }
      .team-list-box-05 .team-list .list li:nth-child(5) dd {
        right: 0;
        transform: translate(100%, -50%); }
  .team-list-box-04 {
    padding: 5.2083vw 0 5.2083vw 0; }
    .team-list-box-04 .team-list .list li:nth-child(1) {
      top: 20%;
      left: 10%; }
      .team-list-box-04 .team-list .list li:nth-child(1) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-04 .team-list .list li:nth-child(2) {
      top: 20%;
      left: 90%; }
      .team-list-box-04 .team-list .list li:nth-child(2) dd {
        right: 0;
        transform: translate(100%, -50%); }
    .team-list-box-04 .team-list .list li:nth-child(3) {
      top: 80%;
      left: 10%; }
      .team-list-box-04 .team-list .list li:nth-child(3) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-04 .team-list .list li:nth-child(4) {
      top: 80%;
      left: 90%; }
      .team-list-box-04 .team-list .list li:nth-child(4) dd {
        right: 0;
        transform: translate(100%, -50%); }
  .team-list-box-03 {
    padding: 10.4166vw 0 5.2083vw 0; }
    .team-list-box-03 .team-list .list li:nth-child(1) {
      top: 0%;
      left: 50%; }
      .team-list-box-03 .team-list .list li:nth-child(1) dd {
        top: 0;
        transform: translate(0%, -100%); }
    .team-list-box-03 .team-list .list li:nth-child(2) {
      top: 75%;
      left: 8%; }
      .team-list-box-03 .team-list .list li:nth-child(2) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-03 .team-list .list li:nth-child(3) {
      top: 75%;
      left: 92%; }
      .team-list-box-03 .team-list .list li:nth-child(3) dd {
        right: 0;
        transform: translate(100%, -50%); }
  .team-list-box-02 {
    padding: 5.2083vw 0 5.2083vw 0; }
    .team-list-box-02 .team-list .list li:nth-child(1) {
      top: 50%;
      left: 0%; }
      .team-list-box-02 .team-list .list li:nth-child(1) dd {
        left: 0;
        transform: translate(-100%, -50%); }
    .team-list-box-02 .team-list .list li:nth-child(2) {
      top: 50%;
      left: 100%; }
      .team-list-box-02 .team-list .list li:nth-child(2) dd {
        right: 0;
        transform: translate(100%, -50%); } }

/* job-box-max */
@media screen and (min-width: 320px) {
  .job-box-max .job-head-box {
    background: #0A4081;
    color: #fff;
    font-size: 3.19999vw; }
    .job-box-max .job-head-box .row > div {
      padding: 3.99999vw 2.66666vw; }
  .job-box-max .row {
    display: flex; }
    .job-box-max .row > div {
      min-width: 0;
      padding: 3.99999vw 2.66666vw;
      line-height: 1.2;
      display: flex;
      align-items: center; }
    .job-box-max .row .col-05 {
      flex: 5; }
    .job-box-max .row .col-04 {
      flex: 4; }
    .job-box-max .row .col-03 {
      flex: 3; }
    .job-box-max .row .col-02 {
      flex: 2; }
    .job-box-max .row .col-01 {
      flex: 1; }
  .job-box-max .tac {
    text-align: center;
    justify-content: center; }
  .job-box-max .more {
    width: 3.19999vw;
    height: 3.19999vw;
    position: relative; }
    .job-box-max .more::before {
      content: ' ';
      position: absolute;
      left: 50%;
      margin-left: -0.26667vw;
      top: 0;
      width: 0.53333vw;
      height: 100%;
      background: #03266a; }
    .job-box-max .more::after {
      content: ' ';
      position: absolute;
      top: 50%;
      margin-top: -0.26667vw;
      left: 0;
      height: 0.53333vw;
      width: 100%;
      background: #03266a; }
  .job-box-max .job-btn {
    cursor: pointer;
    border-bottom: 0.26667vw solid #DAEEF9; }
    .job-box-max .job-btn.on {
      background: #ebf8ff; }
      .job-box-max .job-btn.on .more {
        transform: rotate(90deg); }
        .job-box-max .job-btn.on .more::after {
          left: 50%;
          width: 0; }
  .job-box-max .job-mess {
    display: none; }
  .job-box-max .job-list {
    padding: 3.99999vw 2.66666vw;
    border: 0.26667vw solid #DAEEF9;
    border-top: none; }
    .job-box-max .job-list .job-item .job-tit {
      font-weight: bold;
      color: #000;
      font-size: 3.73332vw;
      padding-bottom: 1.33333vw; }
    .job-box-max .job-list .job-item .name {
      font-weight: bold;
      font-size: 3.73332vw;
      color: #008AD5;
      line-height: 1.6; }
    .job-box-max .job-list .job-item .txt {
      font-size: 2.66666vw;
      color: #000;
      line-height: 1.8; }
    .job-box-max .job-list .job-item .email {
      font-size: 2.66666vw;
      color: #008AD5;
      line-height: 1.8; }
    .job-box-max .job-list .job-item + .job-item {
      padding-top: 5.33332vw; } }

@media screen and (min-width: 992px) {
  .job-box-max .job-head-box {
    font-size: 0.83333vw; }
    .job-box-max .job-head-box .row > div {
      padding: 0.52083vw 1.19791vw;
      height: 2.60415vw; }
  .job-box-max .row > div {
    font-size: 0.83333vw;
    padding: 0.78124vw 1.19791vw;
    height: 3.90622vw; }
  .job-box-max .row .col-05 {
    flex: 5; }
  .job-box-max .row .col-04 {
    flex: 4; }
  .job-box-max .row .col-03 {
    flex: 3; }
  .job-box-max .row .col-02 {
    flex: 2; }
  .job-box-max .row .col-01 {
    flex: 1; }
  .job-box-max .more {
    width: 0.93749vw;
    height: 0.93749vw; }
    .job-box-max .more::before {
      margin-left: -0.05208vw;
      width: 0.10417vw; }
    .job-box-max .more::after {
      margin-top: -0.05208vw;
      height: 0.10417vw; }
  .job-box-max .job-btn {
    border-bottom-width: 0.05208vw; }
  .job-box-max .job-mess {
    display: none; }
  .job-box-max .job-list {
    padding: 1.71874vw 1.19791vw;
    border-width: 0.05208vw; }
    .job-box-max .job-list .job-item .job-tit {
      font-size: 1.14583vw;
      padding-bottom: 0.93749vw; }
    .job-box-max .job-list .job-item .name {
      font-size: 1.14583vw; }
    .job-box-max .job-list .job-item .txt {
      font-size: 0.93749vw; }
    .job-box-max .job-list .job-item .email {
      font-size: 0.93749vw; }
    .job-box-max .job-list .job-item + .job-item {
      padding-top: 1.87499vw; } }

/* team-info */
@media screen and (min-width: 320px) {
  .team-info-tit {
    text-align: center;
    font-size: 4.26666vw;
    color: #000;
    font-weight: bold;
    padding-bottom: 7.99998vw;
    line-height: 1.2; }
  .swiper-team-box {
    padding: 0 7.99998vw 7.99998vw 7.99998vw;
    position: relative; }
    .swiper-team-box .team-btn .team-prev, .swiper-team-box .team-btn .team-next {
      position: absolute;
      top: 7.46665vw;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 7.99998vw;
      height: 7.99998vw;
      cursor: pointer; }
      .swiper-team-box .team-btn .team-prev::before, .swiper-team-box .team-btn .team-next::before {
        color: #008AD5;
        font-size: 6.39998vw; }
    .swiper-team-box .team-btn .team-prev {
      left: 0; }
      .swiper-team-box .team-btn .team-prev:hover::before {
        color: #00D2E1;
        transform: translateX(-10%); }
    .swiper-team-box .team-btn .team-next {
      right: 0; }
      .swiper-team-box .team-btn .team-next:hover::before {
        color: #00D2E1;
        transform: translateX(10%); }
    .swiper-team-box .swiper-team .swiper-slide {
      height: auto; }
    .swiper-team-box .swiper-team .link {
      padding: 2.66666vw;
      display: block;
      height: 100%;
      position: relative; }
      .swiper-team-box .swiper-team .link::after {
        content: ' ';
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 0;
        background: #ebf8ff;
        transition: .3s;
        z-index: 2; }
      .swiper-team-box .swiper-team .link:hover::after {
        height: 100%; }
      .swiper-team-box .swiper-team .link dl {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        z-index: 9; }
        .swiper-team-box .swiper-team .link dl dt .icon {
          width: 17.33329vw;
          height: 17.33329vw;
          display: flex;
          align-items: center;
          justify-content: center;
          background-size: cover;
          background-image: url(../img/ico-bg-02.png); }
          .swiper-team-box .swiper-team .link dl dt .icon i, .swiper-team-box .swiper-team .link dl dt .icon i::before {
            font-size: 7.99998vw;
            color: #fff; }
        .swiper-team-box .swiper-team .link dl dd {
          text-align: center;
          padding-top: 2.66666vw;
          font-size: 2.66666vw;
          color: #00152d;
          line-height: 1.2; }
    .swiper-team-box .swiper-team .on .link::after {
      height: 100%; }
    .swiper-team-box .swiper-team .on .link::before {
      content: ' ';
      position: absolute;
      background: #00D2E1;
      left: 0;
      right: 0;
      bottom: 0;
      height: 0.53333vw;
      z-index: 3; }
    .swiper-team-box .swiper-team .on .link dl dd {
      font-weight: bold; }
  i.pic-scale-team {
    padding-bottom: 50%; }
  .swiper-pic-box {
    padding: 0 0 7.99998vw 0;
    position: relative; }
    .swiper-pic-box .swiper-pic {
      overflow: visible; }
      .swiper-pic-box .swiper-pic .swiper-slide .box {
        opacity: 0.1; }
        .swiper-pic-box .swiper-pic .swiper-slide .box video {
          width: 100%;
          height: 100%;
          position: absolute;
          object-fit: contain; }
      .swiper-pic-box .swiper-pic .swiper-slide-active .box {
        opacity: 1; }
    .swiper-pic-box .pic-btn .pic-prev, .swiper-pic-box .pic-btn .pic-next {
      position: absolute;
      top: 50%;
      margin-top: -6.66665vw;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 7.99998vw;
      height: 7.99998vw;
      cursor: pointer;
      border: 0.53333vw solid #00D2E1;
      background: #002f67;
      border-radius: 50%;
      z-index: 2; }
      .swiper-pic-box .pic-btn .pic-prev::before, .swiper-pic-box .pic-btn .pic-next::before {
        color: #fff;
        font-size: 3.19999vw; }
    .swiper-pic-box .pic-btn .pic-prev {
      left: 2.66666vw; }
      .swiper-pic-box .pic-btn .pic-prev:hover {
        background: #00D2E1; }
        .swiper-pic-box .pic-btn .pic-prev:hover::before {
          transform: translateX(-30%); }
    .swiper-pic-box .pic-btn .pic-next {
      right: 2.66666vw; }
      .swiper-pic-box .pic-btn .pic-next:hover {
        background: #00D2E1; }
        .swiper-pic-box .pic-btn .pic-next:hover::before {
          transform: translateX(30%); }
    .swiper-pic-box .pic-pagination {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 2.66666vw; }
      .swiper-pic-box .pic-pagination .swiper-pagination-bullet {
        background: #00D2E1;
        border: 0.53333vw solid #00D2E1;
        width: 2.66666vw;
        height: 2.66666vw;
        border-radius: 50%;
        opacity: 1; }
      .swiper-pic-box .pic-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 2.66666vw; }
      .swiper-pic-box .pic-pagination .swiper-pagination-bullet-active {
        background: #fff; } }

@media screen and (min-width: 992px) {
  .team-info-tit {
    font-size: 1.56249vw;
    padding-bottom: 3.12498vw; }
  .swiper-team-box {
    padding: 0 2.60415vw 3.12498vw 2.60415vw; }
    .swiper-team-box .team-btn .team-prev, .swiper-team-box .team-btn .team-next {
      top: 3.90622vw;
      width: 1.04166vw;
      height: 2.08332vw; }
      .swiper-team-box .team-btn .team-prev::before, .swiper-team-box .team-btn .team-next::before {
        font-size: 2.08332vw; }
    .swiper-team-box .swiper-team .swiper-slide {
      height: auto; }
    .swiper-team-box .swiper-team .link {
      padding: 1.56249vw 1.04166vw; }
      .swiper-team-box .swiper-team .link dl dt .icon {
        width: 6.77079vw;
        height: 6.77079vw; }
        .swiper-team-box .swiper-team .link dl dt .icon i, .swiper-team-box .swiper-team .link dl dt .icon i::before {
          font-size: 3.64581vw; }
      .swiper-team-box .swiper-team .link dl dd {
        padding-top: 0.78124vw;
        font-size: 0.83333vw; }
    .swiper-team-box .swiper-team .on .link::before {
      height: 0.10417vw; }
  .swiper-pic-box {
    padding: 0 1.56249vw 3.12498vw 1.56249vw; }
    .swiper-pic-box .swiper-pic .swiper-slide {
      padding: 0 1.56249vw; }
    .swiper-pic-box .pic-btn .pic-prev, .swiper-pic-box .pic-btn .pic-next {
      top: 50%;
      margin-top: -2.96873vw;
      width: 3.64581vw;
      height: 3.64581vw;
      border-width: 0.10417vw; }
      .swiper-pic-box .pic-btn .pic-prev::before, .swiper-pic-box .pic-btn .pic-next::before {
        font-size: 0.83333vw; }
    .swiper-pic-box .pic-btn .pic-prev {
      left: -0.26042vw; }
    .swiper-pic-box .pic-btn .pic-next {
      right: -0.26042vw; }
    .swiper-pic-box .pic-pagination {
      padding-top: 1.8229vw; }
      .swiper-pic-box .pic-pagination .swiper-pagination-bullet {
        border-width: 0.10417vw;
        width: 0.52083vw;
        height: 0.52083vw; }
      .swiper-pic-box .pic-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 0.52083vw; } }

/* equipment-list */
@media screen and (min-width: 320px) {
  .equipment-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.33333vw; }
    .equipment-list ul .item {
      display: flex;
      flex-direction: column;
      flex-shrink: 0;
      min-width: 0;
      flex-basis: 50%;
      padding: 1.33333vw; }
      .equipment-list ul .item dt {
        border: 0.26667vw solid #ECF5FF;
        padding: 1.33333vw; }
      .equipment-list ul .item dd {
        flex: 1;
        background: #ecf5ff; }
        .equipment-list ul .item dd .tit {
          padding: 2.66666vw 3.99999vw;
          color: #00152d;
          line-height: 1.4;
          font-size: 2.66666vw; } }

@media screen and (min-width: 992px) {
  .equipment-list ul {
    margin: -0.625vw; }
    .equipment-list ul .item {
      flex-basis: 33.3333%;
      padding: 0.625vw; }
      .equipment-list ul .item dt {
        border-width: 0.05208vw;
        padding: 0.26042vw; }
      .equipment-list ul .item dd .tit {
        padding: 0.78124vw 1.30207vw;
        font-size: 0.83333vw; } }

/* olar */
@media screen and (min-width: 320px) {
  .olar-info-tit {
    text-align: center;
    font-size: 4.26666vw;
    color: #03266A;
    font-weight: bold;
    padding-bottom: 7.99998vw;
    line-height: 1.2; }
  .olar-ad-pic {
    padding-bottom: 5.33332vw; }
    .olar-ad-pic .link {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .olar-ad-pic .link .pic img {
        width: 100%; }
      .olar-ad-pic .link .btn {
        padding-top: 2.66666vw;
        font-size: 2.66666vw;
        color: #00D2E1; }
      .olar-ad-pic .link:hover .btn {
        text-decoration: underline; }
  .olar-video-box {
    padding-top: 5.33332vw; }
    .olar-video-box .olar-video {
      width: 100%; }
  i.pic-scale-olar {
    padding-bottom: 57.576%; }
  .swiper-olar-pic-box {
    padding-top: 5.33332vw;
    position: relative; }
    .swiper-olar-pic-box .swiper-olar-pic {
      border: 0.26667vw solid #E4F1FF; }
    .swiper-olar-pic-box .pic-btn .pic-prev, .swiper-olar-pic-box .pic-btn .pic-next {
      position: absolute;
      top: 50%;
      margin-top: -3.99999vw;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 7.99998vw;
      height: 7.99998vw;
      cursor: pointer;
      background: #008AD5;
      border-radius: 50%;
      z-index: 2; }
      .swiper-olar-pic-box .pic-btn .pic-prev::before, .swiper-olar-pic-box .pic-btn .pic-next::before {
        color: #fff;
        font-size: 3.19999vw; }
    .swiper-olar-pic-box .pic-btn .pic-prev {
      left: 2.66666vw; }
      .swiper-olar-pic-box .pic-btn .pic-prev:hover::before {
        transform: translateX(-30%); }
    .swiper-olar-pic-box .pic-btn .pic-next {
      right: 2.66666vw; }
      .swiper-olar-pic-box .pic-btn .pic-next:hover {
        background: #00D2E1; }
        .swiper-olar-pic-box .pic-btn .pic-next:hover::before {
          transform: translateX(30%); } }

@media screen and (min-width: 992px) {
  .olar-info-tit {
    font-size: 2.70832vw;
    padding-bottom: 2.08332vw; }
  .olar-ad-pic {
    padding-bottom: 2.08332vw; }
    .olar-ad-pic .link .btn {
      padding-top: 1.56249vw;
      font-size: 0.93749vw; }
  .olar-video-box {
    padding-top: 2.60415vw; }
  .swiper-olar-pic-box {
    padding-top: 3.12498vw; }
    .swiper-olar-pic-box .swiper-olar-pic {
      border-width: 0.05208vw; }
    .swiper-olar-pic-box .pic-btn .pic-prev, .swiper-olar-pic-box .pic-btn .pic-next {
      top: 50%;
      margin-top: -1.45832vw;
      width: 2.91665vw;
      height: 2.91665vw; }
      .swiper-olar-pic-box .pic-btn .pic-prev::before, .swiper-olar-pic-box .pic-btn .pic-next::before {
        font-size: 1.14583vw; }
    .swiper-olar-pic-box .pic-btn .pic-prev {
      left: -4.16664vw; }
    .swiper-olar-pic-box .pic-btn .pic-next {
      right: -4.16664vw; } }

/*  */
/*  */