body {
  font-family: "冬青黑体", "SimHei", sans-serif;
}
header {
  background-color: #f3fcff;
}

.language-switch {
  position: relative;
  cursor: pointer;
  align-items: center;
}

.language-options {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: calc(100% + 4px); /* 紧贴下面，加个小间距 */
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  text-align: center;
  z-index: 9999;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.language-options a {
  display: block;
  margin: 4px 0;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  padding: 6px 12px;
  transition: background-color 0.3s;
}

.language-options a:hover {
  background-color: #f0f0f0;
}

.language-options a.selected {
  background-color: #007bff; /* 选中时的背景色 */
  color: #fff; /* 选中时的文字颜色 */
  border-radius: 6px;
}

.language-switch:hover .language-options {
  visibility: visible;
  opacity: 1;
}

header .nav a {
  height: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
header .nav a:hover {
  background-color: #0147d6;
  color: #f7f7f7;
}

.third-nav .third-active {
  color: #0147d6;
}
header .header-logo {
  max-width: 120px;
}
header .third-nav {
  background-color: #f7f7f7;
  display: flex;
}
.header-right {
  display: grid; /* 使用 grid 布局 */
  grid-template-columns: repeat(3, 1fr); /* 创建三个等宽的列 */
  grid-gap: 0; /* 移除子项之间的间隔 */
}
.header-right > div {
  display: flex; /* 使用 flex 布局 */
  justify-content: center;
  align-items: center; /* 垂直居中 */
  flex-direction: column;
  color: #fff;
}

.header-right div:nth-child(1) {
  background-color: #8ebfee;
}
.header-right div:nth-child(2) {
  background-color: #62a3e3;
}
.header-right div:nth-child(3) {
  /*background-color: #668ace;*/
}
.bannar-text {
  left: 350px;
  top: 350px;
}
.six-block {
  left: 50%; /* 在水平方向居中 */
  transform: translate(
    -50%,
    -157px
  ); /* 通过 transform 属性在水平方向进行居中 */
}
footer {
  background-color: #222;
}
footer .care {
  color: #999;
}
.footer-hover-img {
  display: none;
}
.wechat:hover .footer-wechat {
  display: none;
}
.wechat:hover .footer-hover-img {
  display: block;
}
.kefu:hover .footer-kefu {
  display: none;
}
.wechat-code {
  position: absolute;
  transform: translate(-29px, -160px);
  max-width: 120px;
  display: none;
  z-index: 99;
}
.kefu {
  color: #999999;
}
.kefu:hover .footer-hover-img {
  display: block;
}
.footer-bottom {
  border-top: 1px solid #5d5a55;
  color: #5d5a55;
}
.bread,
.bread a {
  color: #fff;
}
.group {
  background-image: url("/static/images/about-2.webp");
  background-size: cover;
}
.group .group-h3 {
  color: #0147d6;
}
.group .group-h3 .underline {
  width: 62px; /* 设置下划线宽度 */
  height: 7px; /* 设置下划线高度 */
  background-color: #0147d6; /* 设置下划线颜色 */
  margin-top: 15px; /* 设置下划线与文字之间的间距 */
}
.group p {
  max-width: 600px;
}
.six-plate a {
  background-color: #b5b5b5;
  color: #fff;
  flex: 0 0 calc(33.33% - 8px); /* 设置每个 span 元素宽度为三分之一，并考虑间距 */
  margin: 4px; /* 设置 span 元素之间的间距 */
  position: relative;
  bottom: 50px;
}
.six-plate a:hover {
  background: #0147d6;
}

.global-web {
  background-color: #0147d6;
}
.global-project {
  background-color: #5490ff;
}
.global-web,
.global-project {
  max-width: 285px;
  height: 85px;
}
.global {
  background: url("/static/images/about-10.webp") no-repeat bottom;
}
.enterprise-box {
  display: grid;
  grid-template-columns: auto auto; /* 两列 */
  grid-gap: 20px; /* 元素之间的距离 */
}
.enterprise .enterprise-hover-img {
  display: none;
}
.enterprise:hover .enterprise-hover-img {
  display: block;
}
.enterprise:hover .enterprise-img {
  display: none;
}
.jumbotron-fluid {
  background-position: center center; /* 在X和Y轴上都居中 */
  background-repeat: no-repeat;
  background-size: cover; /* 调整背景图像大小以填充元素 */
}
@media (min-width: 768px) {
  .jumbotron-fluid {
    height: 400px;
  }
}
.business-bread {
  border-bottom: 1px solid #f0e7d6;
}
.business-underlined-text {
  border-bottom: 1px solid #c6c6c6;
  width: 100%;
}
.newslist-box {
  border-bottom: 2px solid #ededed;
}
.newslist-box span {
  color: #9b9b9b;
}
.newslist-box span:nth-child(1) {
  font-size: 56px;
}
.newslist-box:hover {
  box-shadow: 0 0 15px rgba(115, 115, 115, 0.3);
}
.newslist-botton {
  color: #222;
  border-color: #0147d6;
}
.newslist-botton:hover {
  color: #fff;
  background-color: #0147d6;
}
.strategy img {
  max-width: 700px;
}
.strategy-right {
  box-shadow: 0 0 15px rgba(115, 115, 115, 0.3);
  border: 1px solid #fff;
  z-index: 999;
  transform: translateX(-5vw);
  background: #fff;
}

.grow {
  background-image: url("/static/images/rc-5.webp"); /* 设置背景图片路径 */
  background-size: cover; /* 将背景图片扩展或收缩以完全填充div */
  background-position: center; /* 将背景图片居中 */
  background-repeat: no-repeat; /* 防止背景图片重复 */
}
.white-block {
  width: 115px; /* 色块宽度 */
  height: 10px; /* 色块高度 */
  background-color: #fff; /* 背景颜色为白色 */
}

.grow .welfare {
  background-color: rgba(255, 255, 255, 0.9);
  border-right: 5px solid #fff;
}
.grow .welfare:hover {
  background-color: rgba(1, 71, 214, 0.9);
  color: #fff;
}
.card-header {
  background-color: #fff;
}
.recruit-type {
  border-right: 1px solid #e4e4e4;
}
.job-app {
  background-color: #0147d6;
  border-color: #0147d6;
}
.timer {
  font-size: 70px;
  position: relative;
  display: inline-block; /* 确保 p 标签内元素可以并排显示 */
  color: #0147d6;
}

.units {
  background: url("/static/images/fw-icon1.webp");
  background-repeat: no-repeat;
  background-size: cover;
  color: #222;
  position: absolute;
  top: -0.5em; /* 调整垂直位置 */
  width: 73px;
  height: 36px;
  text-transform: capitalize;
}
.right-line {
  border-right: 1px solid #dfdfdf;
}
.right-line:hover .units {
  background: url("/static/images/fw-icon2.webp");
}
.blue-line {
  width: 100px; /* 线条宽度 */
  height: 8px; /* 线条高度 */
  background-color: #0147d6; /* 线条颜色 */
}
.join {
  background: url("/static/images/kh-icon2.webp");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: calc(100% - 26px) center;
  box-shadow: 0 0 15px rgba(115, 115, 115, 0.3);
  width: 100%;
}
.join .tel {
  color: #0147d6;
  width: 30vw;
  height: 73px;
}
.consult {
  background-color: #bfd5ff;
}
.consult p:hover {
  color: #0147d6;
}
.consult-right {
  background-color: #6889cd;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.contact-line {
  border-right: 2px solid #f3f3f3;
}
/* pc端代码 */
@media (min-width: 768px) {
  .index-banner {
    height: 700px;
  }
  .index-banner .swiper-slide .index-txt .slide-tit {
    font-size: 70px;
  }
  .wechat:hover .wechat-code {
    display: block;
  }
}
/* 手机端代码 */
@media (max-width: 767px) {
  /* 在屏幕宽度小于768px时应用以下样式 */
  .header-right {
    display: none;
  }
  .card-body {
    flex-direction: column;
  }
  .recruit-type {
    display: none;
  }
}
.enterprise {
  width: 100%;
}
/* bannar css */
.index-banner .swiper-slide {
  position: relative;
}
.index-banner .swiper-slide .index-txt {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 10vw;
  transform: translateY(-50%);
  max-width: 690px;
}
.index-banner .swiper-slide .index-txt .slide-tit {
  font-family: "汉呈王世李行书", cursive;
}
.active {
  background-color: #0147d6;
  color: #fff;
}
.hover-img {
  transition: all 0.3s;
}
.hover-img:hover {
  transform: scale(1.02);
}
.business-bread a {
  text-decoration: none; /* 移除默认的下划线 */
  transition: border-bottom 0.3s;
  border-bottom: 2px solid transparent;
}
.business-bread a:hover {
  border-bottom: 2px solid #0147d6;
  color: #0147d6;
}