@charset "UTF-8";
/* 首页 */
.page-index .banner {
  width: 100%;
  height: 100vh;
  position: relative;
}

.page-index .banner .banner-swiper {
  width: 100%;
  height: 100%;
}

.page-index .banner .banner-swiper .swiper-slide .bg {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 8.54vh;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: puff-in-center 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation-play-state: paused;
}

.page-index .banner .banner-swiper .swiper-slide .bg::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url("../images/home_ban_mask.png") no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
}

.page-index .banner .banner-swiper .swiper-slide .bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.page-index .banner .banner-swiper .swiper-slide img {
  width: 63.13vw;
  max-width: 1200px;
  opacity: 0;
}

.page-index .banner .banner-swiper .swiper-slide-active .bg {
  animation-play-state: running;
}

.page-index .banner .banner-swiper .swiper-slide-active img {
  animation: fadeInUp 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation-delay: 0.3s;
}

.page-index .banner .banner-swiper .swiper-slide.animated .bg-img {
  animation: kenburns-top 7s ease-out both;
}

.page-index .banner .banner-swiper .banner-pagination-box {
  width: 1px;
  height: 168px;
  position: absolute;
  right: 2.34vw;
  top: 50%;
  margin-top: -128px;
  z-index: 3;
}

.page-index .banner .banner-swiper .banner-pagination-box::before, .page-index .banner .banner-swiper .banner-pagination-box::after {
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #fff;
  position: absolute;
  white-space: nowrap;
  right: -2px;
  line-height: 42px;
}

.page-index .banner .banner-swiper .banner-pagination-box::before {
  content: attr(data-cur);
  top: -42px;
}

.page-index .banner .banner-swiper .banner-pagination-box::after {
  content: attr(data-total);
  bottom: -42px;
}

.page-index .banner .banner-swiper .swiper-pagination-progress {
  width: 168px;
  height: 1px;
  left: 0;
  top: 0;
  transform-origin: left top;
  transform: rotate(90deg);
  background: rgba(255, 255, 255, 0.2);
}

.page-index .banner .banner-swiper .swiper-pagination-progress .swiper-pagination-progressbar {
  background: #fff;
}

.page-index .banner .mouse {
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: calc(5.42vh + 134px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.page-index .banner .mouse font {
  --ey: -4px;
  --sy: 4px;
  font-size: 24px;
  margin-bottom: 8px;
  display: inline-block;
  animation: shake-vertical 0.8s linear infinite;
}

.page-index .banner .mouse span {
  letter-spacing: 0.3px;
  line-height: 24px;
}

.page-index .banner::before {
  content: '';
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.page-index .notice {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  background: #fff;
  box-sizing: border-box;
  padding-right: 9.38vw;
  display: flex;
  align-items: center;
}

.page-index .notice-box {
  width: calc(100% - 9.38vw);
  height: 134px;
  margin-top: -134px;
  margin-left: 9.38vw;
  overflow: hidden;
}

.page-index .notice .name {
  width: 15.4%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  background: url("../images/bg_notice.png") no-repeat bottom right/cover;
}

.page-index .notice .name p {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 0.6px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.page-index .notice .name .more {
  display: none;
}

.page-index .notice .notice-swiper {
  width: 75%;
  height: 62px;
}

.page-index .notice .notice-swiper .swiper-wrapper {
  flex-direction: row;
  flex-wrap: wrap;
}

.page-index .notice .notice-swiper .swiper-slide {
  width: 50%;
  height: 100% !important;
  box-sizing: border-box;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 4%;
  display: flex;
  align-items: center;
}

.page-index .notice .notice-swiper .swiper-slide .date {
  color: #a1a1a1;
  font-size: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 7.52%;
  transition: color 0.3s;
}

.page-index .notice .notice-swiper .swiper-slide .date .year {
  font-size: 18px;
}

.page-index .notice .notice-swiper .swiper-slide .info {
  font-size: 18px;
  line-height: 32px;
  color: #999999;
  transition: color 0.3s;
}

.page-index .notice .notice-control {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}

.page-index .notice .notice-control font {
  font-size: 12px;
  box-sizing: border-box;
  padding: 4px;
  cursor: pointer;
  color: #c0c0c0;
  transition: color 0.3s;
}

.page-index .news {
  width: 100%;
  box-sizing: border-box;
  padding: 12.5vh 9.38vw;
  background: url("../images/bg_news.png") no-repeat bottom right/cover;
  background-attachment: fixed;
}

.page-index .news .head-box {
  width: 100%;
  margin-bottom: 6.88vh;
  display: flex;
  justify-content: space-between;
}

.page-index .news .head-box .name {
  display: flex;
  flex-direction: column;
}

.page-index .news .head-box .name .cn {
  font-size: 28px;
  line-height: 30px;
  color: #333333;
}

.page-index .news .head-box .name .en {
  font-size: 48px;
  line-height: 50px;
  color: #36cbc0;
  letter-spacing: 1px;
  margin-top: 16px;
}

.page-index .news .head-box .types {
  display: flex;
  align-items: center;
  height: 46px;
  margin-right: -20px;
}

.page-index .news .head-box .types li {
  height: 100%;
  padding: 0 20px;
  font-size: 18px;
  letter-spacing: 0.4px;
  color: #666666;
  cursor: pointer;
  transition: all .3s;
  line-height: 46px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page-index .news .head-box .types li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #666666;
  transition: all .3s;
  padding: 0 20px;
  line-height: 46px;
}

.page-index .news .head-box .types li + li {
  margin-left: 18px;
}

.page-index .news .head-box .types li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  opacity: 0;
  transition: all .5s;
  z-index: -1;
  border-radius: 10px;
}

.page-index .news .head-box .types li.more {
  padding: 0;
}

.page-index .news .head-box .types li:not(.cur):hover {
  color: #41bfbe;
}

.page-index .news .head-box .types li:not(.cur):hover a {
  color: #41bfbe;
}

.page-index .news .head-box .types li.cur {
  color: #fff;
  font-weight: bold;
}

.page-index .news .head-box .types li.cur::before {
  transform: scale(1);
  opacity: 1;
}

.page-index .news .news-body {
  width: 100%;
  height: 550px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.page-index .news .news-swiper {
  width: calc(100% - 49.06vw);
  max-width: 620px;
  height: 100%;
  margin: 0;
  border-radius: 4px 4px 0 0;
}

.page-index .news .news-swiper .fullimg {
  width: 100%;
  height: 465px;
  border-radius: 4px;
  position: relative;
}

.page-index .news .news-swiper .fullimg::before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 25%, transparent 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

.page-index .news .news-swiper .date {
  width: 100%;
  height: 36px;
  position: absolute;
  bottom: 146px;
  left: 0;
  box-sizing: border-box;
  padding: 0 5.8% 0 6.77%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-index .news .news-swiper .date span {
  color: #42c0bf;
  font-size: 20px;
  letter-spacing: 0.4px;
}

.page-index .news .news-swiper .date font {
  font-size: 40px;
  color: #fff;
}

.page-index .news .news-swiper .detail-info {
  width: 94%;
  height: 128px;
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  left: 3%;
  box-sizing: border-box;
  padding: 20px 4.22% 16px;
  opacity: 0;
  transform: translateY(50px);
  transition: all .6s;
}

.page-index .news .news-swiper .detail-info .title {
  font-size: 18px;
  line-height: 30px;
  color: #333;
  font-weight: bold;
}

.page-index .news .news-swiper .detail-info .desc {
  line-height: 28px;
  color: #999;
  text-align: justify;
  margin-top: 8px;
}

.page-index .news .news-swiper .swiper-slide-active .detail-info {
  animation: fadeInUp 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

.page-index .news .news-swiper .news-next,
.page-index .news .news-swiper .news-prev {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 220px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}

.page-index .news .news-swiper .news-prev {
  left: 3.87%;
  transform: rotate(90deg);
}

.page-index .news .news-swiper .news-next {
  right: 3.87%;
  transform: rotate(-90deg);
}

.page-index .news .news-group {
  width: 47.45vw;
  height: 100%;
  justify-content: space-between;
  display: none;
}

.page-index .news .news-group.show {
  display: flex;
}

.page-index .news .news-example,
.page-index .news .news-normal {
  width: 22.92vw;
  height: 100%;
}

.page-index .news .news-example li *,
.page-index .news .news-normal li * {
  transition: all 0.5s;
}

.page-index .news .news-example {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-index .news .news-example li {
  width: 100%;
  height: 260px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  background: #fff;
  overflow: hidden;
  transition: all 0.5s;
  box-sizing: border-box;
  padding: 38px 6.36% 0;
}

.page-index .news .news-example li .title {
  font-size: 18px;
  line-height: 30px;
  color: #333;
  font-weight: bold;
}

.page-index .news .news-example li .desc {
  height: 56px;
  line-height: 28px;
  color: #666;
  margin-top: 6px;
}

.page-index .news .news-example li .date {
  margin-top: 24px;
  height: 106px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  border-top: 1px solid rgba(182, 182, 182, 0.2);
}

.page-index .news .news-example li .date span {
  font-size: 18px;
  letter-spacing: 0.4px;
  color: #a1a1a1;
  line-height: 30px;
}

.page-index .news .news-example li .date span:first-child {
  font-size: 30px;
  letter-spacing: 0.6px;
}

.page-index .news .news-example li .date font {
  --ey: -4px;
  --sy: 4px;
  font-size: 40px;
  display: inline-block;
  color: #e3e3e3;
}

.page-index .news .news-example li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url("../images/bg_new_item.png") no-repeat bottom right/100% auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s;
}

.page-index .news .news-normal li {
  visibility: hidden;
  width: 100%;
  height: 114px;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}

.page-index .news .news-normal li .date {
  height: 80px;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0 5.45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.page-index .news .news-normal li .date span {
  font-size: 18px;
  letter-spacing: 0.4px;
  color: #a1a1a1;
}

.page-index .news .news-normal li .date span:first-child {
  font-size: 30px;
  letter-spacing: 0.6px;
  margin-bottom: 8px;
}

.page-index .news .news-normal li .info {
  flex: 1;
  box-sizing: border-box;
  padding: 0 5.23% 0 5.91%;
}

.page-index .news .news-normal li .info .title {
  height: 56px;
  line-height: 28px;
  color: #333;
}

.page-index .news .news-normal li .info font {
  width: 32px;
  height: 32px;
  text-align: left;
  line-height: 32px;
  font-size: 12px;
  color: #e3e3e3;
  display: inline-block;
}

.page-index .news .news-normal li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url("../images/bg_new_item2.png") no-repeat bottom right/100% auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s;
}

.page-index .news .news-normal li + li {
  margin-top: 32px;
}

.page-index .news .more-link {
  display: none;
}

.page-index .business {
  width: 100%;
  box-sizing: border-box;
  padding: 12.5vh 0 12.5vh 9.38vw;
  background: url("../images/bg_business.png") no-repeat bottom right/cover;
  position: relative;
}

.page-index .business .head-box {
  width: 100%;
  margin-bottom: 4.58vh;
  display: flex;
  justify-content: space-between;
}

.page-index .business .head-box .name {
  display: flex;
  flex-direction: column;
}

.page-index .business .head-box .name .cn {
  font-size: 28px;
  line-height: 30px;
  color: #333333;
}

.page-index .business .head-box .name .en {
  font-size: 48px;
  line-height: 50px;
  color: #36cbc0;
  letter-spacing: 1px;
  margin-top: 26px;
}

.page-index .business .head-box .types {
  width: 72.92vw;
  height: 98px;
  border-bottom: 1px solid #e9e9e9;
  box-sizing: border-box;
  padding-right: 8.13vw;
  display: flex;
  justify-content: flex-end;
}

.page-index .business .head-box .types li {
  width: 105px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 1.25vw;
  cursor: pointer;
  position: relative;
}

.page-index .business .head-box .types li font {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  font-size: 28px;
  color: #959595;
  transition: all 0.3s;
}

.page-index .business .head-box .types li a {
  position: relative;
  line-height: 30px;
}

.page-index .business .head-box .types li a span {
  color: #666;
}

.page-index .business .head-box .types li a::before {
  content: attr(data-text);
  font-weight: bold;
  color: #42c0bf;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.page-index .business .head-box .types li a span, .page-index .business .head-box .types li a::before {
  line-height: 30px;
  letter-spacing: 0.3px;
  transition: all 0.3s;
}

.page-index .business .head-box .types li::after {
  content: '';
  width: 100%;
  height: 5px;
  background: #42c0bf;
  border-radius: 2.5px;
  position: absolute;
  bottom: -1px;
  left: 0;
  transform: scale(0);
  transition: all 0.3s;
}

.page-index .business .head-box .types li.cur font {
  color: #42c0bf;
}

.page-index .business .head-box .types li.cur a span {
  opacity: 0;
}

.page-index .business .head-box .types li.cur a::before {
  opacity: 1;
}

.page-index .business .head-box .types li.cur::after {
  transform: scale(1);
}

.page-index .business .business-body {
  width: 100%;
  height: 544px;
  display: flex;
  justify-content: space-between;
}

.page-index .business .business-body .business-info {
  width: 23%;
  height: 100%;
  max-width: 440px;
  box-sizing: border-box;
  padding-top: 70px;
}

.page-index .business .business-body .business-info .business-progress {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0.4px;
  color: #999999;
}

.page-index .business .business-body .business-info .business-progress .cur {
  color: #42c0bf;
}

.page-index .business .business-body .business-info .business-swiper {
  width: 100%;
  height: calc(100% - 46px);
  margin-top: 16px;
}

.page-index .business .business-body .business-info .business-swiper .info {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.page-index .business .business-body .business-info .business-swiper h2 {
  font-size: 34px;
  letter-spacing: 0.7px;
  color: #333;
  margin-bottom: 20px;
}

.page-index .business .business-body .business-info .business-swiper p {
  height: 120px;
  -webkit-line-clamp: 4;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #666666;
  text-align: justify;
}

.page-index .business .business-body .business-info .business-swiper .learn {
  width: 120px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  border-radius: 6px;
  color: #ffffff;
  margin-top: 60px;
}

.page-index .business .business-body .business-info .business-swiper .learn font {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  margin-left: 10px;
  margin-top: 2px;
}

.page-index .business .business-body .business-info .business-swiper .contorls {
  height: 36px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 45px;
  left: 0;
  z-index: 2;
}

.page-index .business .business-body .business-info .business-swiper .contorls .business-prev,
.page-index .business .business-body .business-info .business-swiper .contorls .business-next {
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #919191;
  transition: all .3s;
  cursor: pointer;
}

.page-index .business .business-body .business-info .business-swiper .contorls .business-prev font,
.page-index .business .business-body .business-info .business-swiper .contorls .business-next font {
  font-size: 36px;
}

.page-index .business .business-body .business-info .business-swiper .contorls .business-prev {
  transform: rotateY(180deg);
  margin-right: 10px;
}

.page-index .business .business-body .business-info .business-swiper .contorls .business-next {
  margin-left: 10px;
}

.page-index .business .business-body .business-info .business-swiper .contorls .business-pagination {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-index .business .business-body .business-info .business-swiper .contorls .business-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #c5c5c5;
  margin: 0 10px;
  opacity: 1;
  position: relative;
  z-index: 1;
  transition: all .3s;
  display: inline-block;
}

.page-index .business .business-body .business-info .business-swiper .contorls .business-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 22px;
  height: 22px;
  background: #42c0bf;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: -6px;
  transform: scale(0);
  z-index: -1;
  transition: all .3s;
}

.page-index .business .business-body .business-info .business-swiper .contorls .business-pagination .swiper-pagination-bullet-active {
  background: #42c0bf;
}

.page-index .business .business-body .business-info .business-swiper .contorls .business-pagination .swiper-pagination-bullet-active::before {
  animation: scalej03 2s .4s infinite;
}

.page-index .business .business-body .business-info .business-swiper .swiper-slide-active .info {
  animation: fadeIn 0.2s linear both;
}

.page-index .business .business-body .business-thumb {
  width: 64vw;
  max-width: 1216px;
  margin: 0;
}

.page-index .business .business-body .business-thumb .swiper-slide {
  width: 21.25vw;
  height: 100%;
}

.page-index .business .business-body .business-thumb .swiper-slide .thumb-box {
  width: 100%;
  height: 482px;
  border-radius: 10px;
  transition: all .5s;
  position: relative;
  display: block;
}

.page-index .business .business-body .business-thumb .swiper-slide .thumb-box::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url("../images/business_thumb_mask.png") no-repeat bottom center/cover;
  position: absolute;
  bottom: 0;
  left: 0;
}

.page-index .business .business-body .business-thumb .swiper-slide .thumb-box p {
  width: 100%;
  line-height: 48px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: 0;
  bottom: 30px;
}

.page-index .business .business-body .business-thumb .swiper-slide-active .thumb-box {
  height: 100%;
}

.page-index .themes-box {
  width: 100%;
  box-sizing: border-box;
  padding: 6.67vh 9.38vw;
}

.page-index .themes-box .themes-swiper {
  width: 100%;
  height: 150px;
}

.page-index .themes-box .themes-swiper .swiper-wrapper {
  transition-timing-function: linear;
}

.page-index .themes-box .themes-swiper .swiper-slide + .swiper-slide {
  margin-left: 1.46vw;
}

.page-index .themes-box .themes-swiper .fullimg {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: block;
}

/* 公司简介 */
.comp-profile {
  width: 100%;
  background: #fff url("../images/bg_comp.jpg") no-repeat left top/100% auto;
  margin-top: -14px;
}

.comp-profile .profile-detail {
  width: 100%;
  box-sizing: border-box;
  padding: 11.04vh 12.5vw 0;
  display: flex;
  position: relative;
  z-index: 2;
}

.comp-profile .profile-detail .detail-info {
  width: 50vw;
  min-width: 700px;
}

.comp-profile .profile-detail .detail-info h1 {
  font-size: 42px;
  color: #247fc9;
  line-height: 56px;
}

.comp-profile .profile-detail .detail-info .text {
  margin-top: 38px;
  max-height: 330px;
  overflow: hidden;
  transition: all .7s;
}

.comp-profile .profile-detail .detail-info .text p {
  text-indent: 2em;
  line-height: 30px;
  color: #333333;
  letter-spacing: 0.3px;
  margin-bottom: 30px;
  text-align: justify;
}

.comp-profile .profile-detail .detail-info .show-all {
  width: 140px;
  height: 50px;
  display: inline-flex;
  border: none;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  border-radius: 25px;
  margin-top: 70px;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.3px;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  transition: all .3s;
  font-size: 16px;
}

.comp-profile .profile-detail .statistics {
  width: 18vw;
  margin-left: auto;
  margin-top: 14px;
}

.comp-profile .profile-detail .statistics li {
  text-align: right;
}

.comp-profile .profile-detail .statistics li b {
  font-size: 60px;
  letter-spacing: 1.2px;
  color: transparent;
  background: linear-gradient(0deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  line-height: 70px;
}

.comp-profile .profile-detail .statistics li p {
  line-height: 24px;
  letter-spacing: 0.3px;
  color: #666;
}

.comp-profile .profile-detail .statistics li + li {
  margin-top: 34px;
}

.comp-profile .profile-detail::before, .comp-profile .profile-detail::after {
  content: '';
  width: 1px;
  height: calc(100% - 11.04vh - 158px);
  position: absolute;
  right: 30.47vw;
  top: calc(11.04vh + 52px);
  background: #42c0bf;
}

.comp-profile .profile-detail::after {
  margin: 30px -10px 0 0;
  background: #247fc9;
}

.comp-profile .profile-video {
  padding: 12.08vh 0 16vh;
  position: relative;
  z-index: 1;
}

.comp-profile .profile-video .parallax-box {
  height: 622px;
  box-sizing: border-box;
  padding: 0 12.5vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.comp-profile .profile-video .bg-color {
  width: 69.58vw;
  height: calc(11.04vh + 394px);
  background-color: #42c0bf;
  border-radius: 160px 2px 2px 2px;
  position: absolute;
  left: 48.96vw !important;
  top: 0;
}

.comp-profile .profile-video .video-box {
  width: 100%;
  height: 622px;
  box-sizing: border-box;
  padding: 0 12.5vw;
}

.comp-profile .profile-video .video-box .video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 4px solid #247fc9;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.comp-profile .profile-video .video-box .video .play {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comp-profile .profile-video .video-box .video .play font {
  font-size: 82px;
  color: #fff;
  cursor: pointer;
}

.comp-profile .profile-video .video-box .video video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* 组织架构 */
.comp-structure {
  width: 100%;
  margin-top: -14px;
  padding: 10vh 12.5vw 15.63vh;
  box-sizing: border-box;
  background: #fff url("../images/bg_comp2.png") no-repeat bottom center/cover;
}

.comp-structure h1 {
  width: 100%;
  height: 107px;
  background: #f4fafb;
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7.08vh;
}

.comp-structure h1::before {
  content: '';
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top-color: #f4fafb;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}

.comp-structure h1 span {
  color: transparent;
  font-size: 32px;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.comp-structure .structure-img {
  width: 100%;
  text-align: center;
}

.comp-structure .structure-img img {
  max-width: 100%;
  height: auto;
}

/* 主要领导 */
.comp-leader {
  width: 100%;
  margin-top: -14px;
  padding: 10.68vh 12.5vw 16.46vh;
  box-sizing: border-box;
  background: #fff url("../images/bg_comp3.jpg") no-repeat bottom center/cover;
}

.comp-leader h1 {
  text-align: center;
}

.comp-leader h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.comp-leader h1 span::before, .comp-leader h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.comp-leader h1 span::before {
  background: #35cbc0;
  right: 50%;
  transform: translateX(1px);
}

.comp-leader h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.comp-leader h1.animate__animated span::before, .comp-leader h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.comp-leader .leader-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.comp-leader .leader-rich {
  margin-top: 7.6vh;
}

.comp-leader .leader-rich p {
  line-height: 54px;
}

.comp-leader .leader-rich p .black {
  font-size: 24px;
  letter-spacing: 10.6px;
  color: #000;
  display: inline-block;
  width: 160px;
}

.comp-leader .leader-rich p .gary {
  font-size: 18px;
  color: #666;
}

.comp-leader .leader-rich p + p {
  margin-top: 10px;
}

/* 发展历程 */
.comp-log {
  --bgp: unset;
  width: 100%;
  margin-top: -14px;
  padding: 10.68vh 12.5vw 32px;
  box-sizing: border-box;
  background: #fff url("../images/bg_comp4.jpg") no-repeat;
  background-position: top center;
  background-size: 100% auto;
  background-attachment: var(--bgp);
  transition: all .3s;
}

.comp-log h1 {
  text-align: center;
}

.comp-log h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.comp-log h1 span::before, .comp-log h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.comp-log h1 span::before {
  background: #35cbc0;
  right: 50%;
  transform: translateX(1px);
}

.comp-log h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.comp-log h1.animate__animated span::before, .comp-log h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.comp-log .log-box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 16vh;
}

.comp-log .log-box .log-list {
  position: relative;
}

.comp-log .log-box .log-list::before {
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: linear-gradient(0deg, #35cbc0 0%, #247fc9 100%);
  position: absolute;
  top: 0;
  left: 305px;
}

.comp-log .log-box .log-list::after {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 2px;
  left: 307px;
}

.comp-log .log-box .log-list .line {
  width: 1px;
  height: calc(100% - 33px);
  background: #e1e9f5;
  display: block;
  position: absolute;
  top: 33px;
  left: 312px;
}

.comp-log .log-box .log-item {
  display: flex;
  padding-bottom: 178px;
}

.comp-log .log-box .log-item .year {
  width: 305px;
  font-size: 78px;
  line-height: 124px;
  color: #247fc9;
}

.comp-log .log-box .log-item .events {
  padding-left: 6.47vw;
  padding-top: 48px;
}

.comp-log .log-box .log-item .events li {
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  position: relative;
  max-width: 540px;
}

.comp-log .log-box .log-item .events li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #154391;
  border: 2px solid #fff;
  position: absolute;
  top: 13px;
  left: calc(3.5px - 6.47vw);
}

.comp-log .log-box .log-item .events li + li {
  margin-top: 68px;
}

/* 企业荣誉 */
.comp-honor {
  margin-top: -14px;
}

.comp-honor .honor {
  width: 100%;
  background: #fff url("../images/bg_comp5_1.jpg") no-repeat center bottom/cover;
  box-sizing: border-box;
  padding: 10.68vh 12.5vw 0;
}

.comp-honor .honor h1 {
  text-align: center;
}

.comp-honor .honor h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.comp-honor .honor h1 span::before, .comp-honor .honor h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.comp-honor .honor h1 span::before {
  background: #35cbc0;
  right: 50%;
  transform: translateX(1px);
}

.comp-honor .honor h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.comp-honor .honor h1.animate__animated span::before, .comp-honor .honor h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.comp-honor .honor-swiper-box {
  width: 100%;
  height: 32.97vw;
  box-sizing: border-box;
  padding: 0 3.54vw;
  position: relative;
  margin-top: 9vh;
}

.comp-honor .honor-swiper-box .honor-prev,
.comp-honor .honor-swiper-box .honor-next {
  display: inline-flex;
  width: 3.18vw;
  height: 3.18vw;
  font-size: 3.8vw;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 13.7vw;
  cursor: pointer;
  color: #d9d9d9;
  transition: all .3s;
}

.comp-honor .honor-swiper-box .honor-prev {
  left: 0;
  transform: rotateY(180deg);
}

.comp-honor .honor-swiper-box .honor-next {
  right: 0;
}

.comp-honor .honor-swiper {
  width: 100%;
  height: 100%;
  background: url("../images/bg_honor.png") no-repeat center bottom/100% auto;
}

.comp-honor .honor-swiper .swiper-slide {
  width: 24.43vw;
  height: 100%;
  box-sizing: border-box;
  padding: 9.67vw 5.13vw 0;
  transition: all .8s;
  transform-origin: bottom center;
}

.comp-honor .honor-swiper .swiper-slide .honor-img {
  width: 100%;
  height: 100%;
  transition: all .8s;
  transform-origin: bottom center;
}

.comp-honor .honor-swiper .swiper-slide .honor-img img {
  width: 100%;
  height: auto;
}

.comp-honor .honor-swiper .swiper-slide-next {
  padding-left: 2.53vw;
}

.comp-honor .honor-swiper .swiper-slide-prev {
  padding-left: 4.46vw;
  padding-right: 3.2vw;
}

.comp-honor .honor-swiper .swiper-slide-active {
  padding: 0;
}

.comp-honor .honor-swiper .swiper-slide-active .honor-img {
  transform: scale(1);
}

.comp-honor .honor-list {
  width: 100%;
  background: #fff url("../images/bg_comp5_2.jpg") no-repeat center bottom/cover;
  box-sizing: border-box;
  padding: 9.38vh 12.5vw 18.33vh;
}

.comp-honor .honor-list .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.comp-honor .honor-list .list .item {
  width: calc((100% - 36px) / 2);
  height: 172px;
}

.comp-honor .honor-list .list .item a {
  width: 100%;
  height: 100%;
  background: #f9f9f9;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 6.13%;
}

.comp-honor .honor-list .list .item p {
  font-size: 24px;
  line-height: 40px;
  color: #000000;
}

.comp-honor .honor-list .list .item font {
  display: inline-flex;
  width: 76px;
  height: 76px;
  align-items: center;
  justify-content: center;
  font-size: 80px;
  color: #e9e9e9;
  transition: all .3s;
  margin-right: -10px;
}

.comp-honor .honor-list .list .item:nth-child(n+3) {
  margin-top: 36px;
}

/* 宣传视频 */
.comp-videos {
  margin-top: -14px;
}

.comp-videos .videos-showbox {
  width: 100%;
  height: calc(35.31vw + 22vh);
  box-sizing: border-box;
  padding: 11vh 12.5vw;
  display: flex;
  justify-content: space-between;
}

.comp-videos .videos-showbox .play-box {
  width: 75.28%;
  height: 35.31vw;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}

.comp-videos .videos-showbox .play-box .video-info {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 30px 3.14% 30px 4.34%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fefefe;
  z-index: 10;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 30%, transparent 100%);
}

.comp-videos .videos-showbox .play-box .video-info p {
  display: flex;
  align-items: center;
}

.comp-videos .videos-showbox .play-box .video-info .title {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}

.comp-videos .videos-showbox .play-box .video-info span {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}

.comp-videos .videos-showbox .play-box .video-info font {
  font-size: 22px;
  color: #fefefe;
  margin-right: 14px;
}

.comp-videos .videos-showbox .play-box .video-info .view-volume {
  flex-shrink: 0;
  margin-left: 14px;
}

.comp-videos .videos-showbox .play-box .play {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}

.comp-videos .videos-showbox .play-box .play font {
  width: 82px;
  height: 82px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 102px;
  color: #fff;
}

.comp-videos .videos-showbox .play-box video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.comp-videos .videos-showbox .play-box.pause .play {
  visibility: visible;
}

.comp-videos .videos-showbox .videos {
  width: calc(24.72% - 2vw);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  margin-left: 2vw;
}

.comp-videos .videos-showbox .videos li {
  width: 100%;
  height: calc((100% - 2.7vw) / 3);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.comp-videos .videos-showbox .videos li img {
  display: inline-block;
  transition: all .3s;
  transform-origin: center;
}

.comp-videos .videos-showbox .videos li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #35cbc0 0%, #247fc9 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.comp-videos .videos-showbox .videos li::after {
  content: '\e61c';
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'icon';
  font-size: 52px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.comp-videos .videos-showbox .videos li.cur img {
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 7px;
}

.comp-videos .video-list-box {
  width: 100%;
  box-sizing: border-box;
  background: #F3F9FF url("../images/bg_comp6.jpg") no-repeat center bottom/cover;
  padding: 10.2vh 12.5vw 8.85vh;
}

.comp-videos .video-list-box .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.comp-videos .video-list-box .list::after {
  content: '';
  width: calc((100% - 2vw) / 3);
}

.comp-videos .video-list-box .list li {
  width: calc((100% - 2vw) / 3);
  height: 370px;
  padding-bottom: 20px;
  transition: all .6s;
  border-radius: 10px;
}

.comp-videos .video-list-box .list li .fullimg {
  width: 100%;
  height: 278px;
  border-radius: 10px;
  position: relative;
}

.comp-videos .video-list-box .list li .fullimg::before {
  content: '\e61c';
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'icon';
  font-size: 52px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.comp-videos .video-list-box .list li .title {
  line-height: 26px;
  color: #333;
  box-sizing: border-box;
  padding: 0 5%;
  margin-top: 24px;
  transition: all .2s;
}

.comp-videos .video-list-box .list li .view-volume {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 5%;
  color: #d5d9dd;
  margin-top: 14px;
  transition: all .2s;
}

.comp-videos .video-list-box .list li .view-volume font {
  font-size: 22px;
  color: #d5d9dd;
  margin-right: 4px;
  transition: all .2s;
}

.comp-videos .video-list-box .list li:nth-child(n+4) {
  margin-top: 40px;
}

/* 下属企业 */
.comp-ae .of-pc {
  margin-top: 8.23vh;
  width: 100%;
}

.comp-ae .of-pc li {
  width: 100%;
  height: 28.13vw;
  position: relative;
}

.comp-ae .of-pc li:nth-child(2n-1) .ae-info {
  padding-left: 12.5vw;
  padding-right: 5.73vw;
}

.comp-ae .of-pc li:nth-child(2n-1) .fullimg {
  right: 0;
  border-radius: 20px 0px 0px 0px;
}

.comp-ae .of-pc li:nth-child(2n) .ae-info {
  padding-left: 5.73vw;
  padding-right: 12.5vw;
  margin-left: 50%;
}

.comp-ae .of-pc li:nth-child(2n) .fullimg {
  left: 0;
  border-radius: 0px 20px 0px 0px;
}

.comp-ae .of-pc li:hover .fullimg img {
  transform: scale(1.2);
}

.comp-ae .of-pc .ae-info {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.comp-ae .of-pc .ae-info h3 {
  font-size: 28px;
  line-height: 40px;
  color: #333;
  margin-bottom: 24px;
}

.comp-ae .of-pc .ae-info p {
  line-height: 30px;
  color: #666;
  margin-bottom: 34px;
}

.comp-ae .of-pc .ae-info .more {
  display: inline-block;
  width: 100px;
  height: 40px;
  border-radius: 20px;
  background-image: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  line-height: 40px;
  color: #fff;
  text-align: center;
}

.comp-ae .of-pc .ae-info .more:hover {
  letter-spacing: 3.2px;
}

.comp-ae .of-pc .fullimg {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
}

.comp-ae .of-pc .fullimg img {
  transition: all .6s;
}

.comp-ae .of-wap {
  display: none;
}

/* 联系我们 */
.comp-contact {
  margin-top: -14px;
  background: #fff url("../images/bg_comp7.jpg") no-repeat center bottom/cover;
  box-sizing: border-box;
  padding: 16.56vh 12.5vw 11.35vh;
}

.comp-contact .local-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 104px;
}

.comp-contact .local-info .info p {
  line-height: 30px;
  color: #333;
}

.comp-contact .local-info .info .name {
  font-size: 34px;
  line-height: 50px;
  margin-bottom: 38px;
}

.comp-contact .local-info .info .email {
  margin-top: 26px;
  width: 120px;
  height: 40px;
  background-image: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-top: 32px;
  line-height: 40px;
  transition: all .5s;
}

.comp-contact .local-info .info .email .icon {
  font-size: 20px;
  margin-left: 10px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.comp-contact .local-info .code {
  margin-top: 16px;
  text-align: center;
}

.comp-contact .local-info .code p {
  line-height: 30px;
  color: #333;
}

.comp-contact .local-info .code .fullimg {
  width: 142px;
  height: 142px;
  margin-bottom: 12px;
}

.comp-contact .local-map {
  position: relative;
  z-index: 1;
  padding-bottom: 3.33vw;
  padding-right: 11.15vw;
}

.comp-contact .local-map .fullimg {
  width: 100%;
  border-radius: 10px;
  position: relative;
}

.comp-contact .local-map .fullimg .map-cursor {
  width: 4.49%;
  height: auto;
  position: absolute;
  top: 28.6%;
  left: 47.88%;
  --ey: -5%;
  --sy: 5%;
  animation: shake-vertical 1s linear infinite;
}

.comp-contact .local-map .bg {
  width: 18vw;
  height: 18vw;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

/* 筛选组件 */
.search-box {
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  padding: 0 12.5vw;
  margin: 60px 0 54px;
}

.search-box form {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.search-box form .custom-select {
  width: 230px;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  padding: 0 20px;
  margin-right: 20px;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  z-index: 5;
}

.search-box form .custom-select p {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-box form .custom-select p input {
  width: calc(100% - 20px);
  color: #999;
  line-height: 36px;
  font-size: 16px;
  cursor: pointer;
}

.search-box form .custom-select p font {
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 12px;
  color: #b5b5b5;
  transition: all .3s;
}

.search-box form .custom-select .selection {
  width: calc(100% + 2px);
  position: absolute;
  top: 52px;
  left: -1px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  padding: 14px 10px;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  z-index: 1;
  display: none;
  animation: slide-top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.search-box form .custom-select .selection ul {
  width: 100%;
  max-height: 108px;
  overflow: hidden;
  overflow-y: auto;
}

.search-box form .custom-select .selection ul li {
  width: 100%;
  height: 32px;
  line-height: 32px;
  color: #999;
  transition: all .3s;
  box-sizing: border-box;
  padding: 0 12px;
}

.search-box form .custom-select .selection ul li + li {
  margin-top: 2px;
}

.search-box form .custom-select .selection ul li:hover, .search-box form .custom-select .selection ul li.act {
  background: #f5f5f5;
}

.search-box form .custom-select .selection ul::-webkit-scrollbar {
  display: none;
}

.search-box form .custom-select.open p font {
  transform: rotate(-180deg);
}

.search-box form .custom-select.open .selection {
  display: block;
}

.search-box form .ipt-box {
  height: 100%;
  flex: 1;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  padding: 0 48px 0 20px;
  display: flex;
  align-items: center;
  position: relative;
}

.search-box form .ipt-box input {
  width: 100%;
  color: #333;
  line-height: 36px;
  font-size: 16px;
}

.search-box form .ipt-box input::placeholder {
  color: #999;
}

.search-box form .ipt-box .search {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -9px;
  cursor: pointer;
  transition: all .3s;
  border: none;
  background: transparent;
}

.search-box form .ipt-box .search font {
  font-size: 20px;
  color: #333;
}

.search-box form .ipt-box .search:hover font {
  color: #42c0bf;
}

/* 列表1 */
.page-list .list-main .example-box {
  width: 100%;
  box-sizing: border-box;
  padding: 0 12.5vw 11.56vh;
  background: #fff url("../images/bg_news2.jpg") no-repeat center bottom/cover;
}

.page-list .list-main .example-box .example-ls {
  width: 100%;
  height: 540px;
  background: #ffffff;
  box-shadow: 0px 0px 30px 0px #e1f0f4;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.page-list .list-main .example-box .example-ls .swiper-slide {
  display: flex;
}

.page-list .list-main .example-box .example-ls .swiper-slide .fullimg {
  width: 50%;
  height: 100%;
  border-radius: 0 10px 10px 0;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info {
  width: 50%;
  height: 100%;
  padding: 54px 3.35% 0 5.17%;
  box-sizing: border-box;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info .date {
  display: flex;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info .date .day,
.page-list .list-main .example-box .example-ls .swiper-slide .info .date .gutter {
  font-size: 50px;
  color: #595959;
  line-height: 56px;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info .date .day {
  letter-spacing: 1px;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info .date .gutter {
  margin: 0 12px;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info .date .ym {
  line-height: 19px;
  color: #999;
  margin-top: 7px;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info .title {
  font-size: 28px;
  line-height: 42px;
  text-align: justify;
  margin-top: 30px;
  color: #333;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info .desc {
  height: 90px;
  line-height: 30px;
  margin-top: 22px;
  color: #333;
  text-align: justify;
  -webkit-line-clamp: 3;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(0deg, #35cbc0 0%, #247fc9 100%);
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 56px;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info a font {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  font-size: 12px;
  color: transparent;
  background: linear-gradient(0deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
}

.page-list .list-main .example-box .example-ls .swiper-slide .info a::before {
  content: '';
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  z-index: -1;
  position: absolute;
  top: 2px;
  left: 2px;
}

.page-list .list-main .example-box .example-ls .example-pagination {
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 452px;
  right: 3.35%;
  z-index: 2;
}

.page-list .list-main .example-box .example-ls .example-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: transparent;
  position: relative;
  opacity: 1 !important;
}

.page-list .list-main .example-box .example-ls .example-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(0deg, #35cbc0 0%, #247fc9 100%);
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: -1;
  transition: all .3s;
  transform-origin: center;
  transform: scale(0);
}

.page-list .list-main .example-box .example-ls .example-pagination .swiper-pagination-bullet::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(0deg, #35cbc0 0%, #247fc9 100%);
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s;
}

.page-list .list-main .example-box .example-ls .example-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 17px;
}

.page-list .list-main .example-box .example-ls .example-pagination .swiper-pagination-bullet-active::before {
  animation: scalej03 2s .4s infinite;
}

.page-list .list-main .example-box .example-ls .example-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
}

.page-list .list-main .example-box .example-ls::before {
  content: '';
  width: 84.3%;
  height: 100%;
  background: url("../images/bg_news_ls.png") no-repeat right bottom/100% auto;
  position: absolute;
  bottom: 0;
  right: 0;
}

.page-list .list-main .normal-box {
  box-sizing: border-box;
  padding: 5vw 12.5vw 8.54vh;
}

.page-list .list-main .normal-box .list-group {
  width: 100%;
  margin-bottom: 10.63vh;
}

.page-list .list-main .normal-box .list-group li {
  width: 100%;
  height: 218px;
  display: flex;
  position: relative;
}

.page-list .list-main .normal-box .list-group li::before, .page-list .list-main .normal-box .list-group li::after {
  content: '';
  width: calc(96% - 290px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.page-list .list-main .normal-box .list-group li::before {
  background: #dcdcdc;
}

.page-list .list-main .normal-box .list-group li::after {
  background: #2a9ac6;
  transform-origin: center;
  transition: all .6s;
  transform: scale(0);
}

.page-list .list-main .normal-box .list-group li + li {
  margin-top: 72px;
}

.page-list .list-main .normal-box .list-group .date {
  width: 177px;
  height: calc(100% - 18px);
  margin-right: calc(4% + 3px);
  margin-top: 16px;
  flex-shrink: 0;
  position: relative;
  display: flex;
  background: url("../images/bg_ls.png") no-repeat left bottom/100% auto;
}

.page-list .list-main .normal-box .list-group .date .day,
.page-list .list-main .normal-box .list-group .date .gutter {
  font-size: 50px;
  color: #595959;
  line-height: 56px;
}

.page-list .list-main .normal-box .list-group .date .day {
  letter-spacing: 1px;
}

.page-list .list-main .normal-box .list-group .date .gutter {
  margin: 0 12px;
}

.page-list .list-main .normal-box .list-group .date .ym {
  line-height: 19px;
  color: #999;
  margin-top: 7px;
}

.page-list .list-main .normal-box .list-group .date::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d5d5d5;
  position: absolute;
  top: 10px;
  right: -6px;
}

.page-list .list-main .normal-box .list-group .date::after {
  content: '';
  width: 1px;
  height: 103px;
  background: linear-gradient(to bottom, #dcdcdc 0%, rgba(255, 255, 255, 0) 94%);
  position: absolute;
  right: -3px;
  top: 30px;
}

.page-list .list-main .normal-box .list-group .info {
  width: calc(92% - 470px);
  margin-top: 14px;
}

.page-list .list-main .normal-box .list-group .info .title {
  font-size: 22px;
  line-height: 40px;
  color: #333;
}

.page-list .list-main .normal-box .list-group .info .desc {
  line-height: 26px;
  color: #999;
  text-align: justify;
  margin-top: 16px;
}

.page-list .list-main .normal-box .list-group .info a {
  height: 26px;
  display: flex;
  align-items: center;
  margin-top: 26px;
}

.page-list .list-main .normal-box .list-group .info a span,
.page-list .list-main .normal-box .list-group .info a font {
  background: linear-gradient(37deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  transition: all .4s;
}

.page-list .list-main .normal-box .list-group .info a span {
  color: #999;
  line-height: 26px;
}

.page-list .list-main .normal-box .list-group .info a font {
  width: 17px;
  height: 17px;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #dcdcdc;
  font-size: 12px;
  margin-left: 18px;
}

.page-list .list-main .normal-box .list-group .fullimg {
  width: 290px;
  height: 100%;
  border-radius: 10px;
  margin-left: 4%;
  flex-shrink: 0;
}

.page-list .list-main .normal-box .list-group.noimg li::before, .page-list .list-main .normal-box .list-group.noimg li::after {
  width: 100%;
}

.page-list .list-main .normal-box .list-group.noimg .info {
  width: calc(96% - 180px);
}

/* 列表2 */
.page-list .list-category2 {
  box-sizing: border-box;
  padding: 10.52vh 12.5vw 13.23vh;
}

.page-list .list-category2 .list-group {
  width: 100%;
  margin-bottom: 7.7vh;
}

.page-list .list-category2 .list-group li {
  width: 100%;
  height: 162px;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
  padding: 0 30px;
  display: flex;
  align-items: center;
}

.page-list .list-category2 .list-group li .date,
.page-list .list-category2 .list-group li .detail {
  flex-shrink: 0;
}

.page-list .list-category2 .list-group li .info {
  width: calc(93.04% - 150px);
  margin: 0 auto 0 2.03%;
  line-height: 36px;
}

.page-list .list-category2 .list-group li .info .title {
  font-size: 26px;
  color: #000;
  transition: all .4s;
}

.page-list .list-category2 .list-group li .info .desc {
  color: #999999;
  margin-top: 14px;
  transition: all .4s;
}

.page-list .list-category2 .list-group li .date {
  width: 102px;
  height: 102px;
  background: #f6f6f6;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page-list .list-category2 .list-group li .date span {
  font-size: 16px;
  color: #666666;
  line-height: 22px;
  transition: all .4s;
}

.page-list .list-category2 .list-group li .date .day {
  font-size: 36px;
  line-height: 54px;
  margin: 5px 0 8px;
  position: relative;
}

.page-list .list-category2 .list-group li .date .day::before, .page-list .list-category2 .list-group li .date .day::after {
  content: '';
  position: absolute;
  width: 76px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -38px;
  transition: all .4s;
}

.page-list .list-category2 .list-group li .date .day::before {
  background: radial-gradient(closest-side, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0));
  opacity: 1;
}

.page-list .list-category2 .list-group li .date .day::after {
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  opacity: 0;
}

.page-list .list-category2 .list-group li .date::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #35cbc0 0%, #247fc9 100%);
  top: 0;
  left: 0;
  transition: all .4s;
  opacity: 0;
}

.page-list .list-category2 .list-group li .detail {
  width: 48px;
  height: 48px;
  margin-bottom: 22px;
  border-radius: 50%;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .4s;
  position: relative;
  z-index: 1;
}

.page-list .list-category2 .list-group li .detail::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  opacity: 0;
  transition: all .4s;
}

.page-list .list-category2 .list-group li .detail font {
  font-size: 16px;
  color: #212121;
  transition: all .4s;
}

.page-list .list-category2 .list-group li + li {
  margin-top: 38px;
}

/* 详情页 */
.page-detail .main {
  box-sizing: border-box;
  padding: 18.54vh 12.5vw 8.75vh;
}

.page-detail .main .title {
  font-size: 38px;
  line-height: 50px;
  color: #333;
  text-align: center;
}

.page-detail .main .detail-tool {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.page-detail .main .detail-tool li {
  margin: 0 30px;
  color: 3333;
}

.page-detail .main .detail-container {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06);
  border-radius: 40px;
  box-sizing: border-box;
  margin-top: 5.2vh;
  padding: 5.2vh 4.2vw 9.79vh;
}

.page-detail .main .detail-container .rich-box p {
  margin-bottom: 32px;
  text-indent: 2em;
  text-align: justify;
}

.page-detail .main .detail-container .rich-box p,
.page-detail .main .detail-container .rich-box span {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  text-align: justify;
}

.page-detail .main .detail-container .rich-box img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.page-detail .main .detail-container .rich-box video {
  width: 100%;
  height: auto;
}

.page-detail .main .detail-container .detail-change {
  width: 100%;
  height: 114px;
  display: flex;
  justify-content: space-between;
  margin-top: 7.5vh;
}

.page-detail .main .detail-container .detail-change .prev,
.page-detail .main .detail-container .detail-change .next {
  width: calc(50% - 10px);
  height: 100%;
  border-radius: 6px;
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 30px;
}

.page-detail .main .detail-container .detail-change .prev span,
.page-detail .main .detail-container .detail-change .next span {
  color: #999;
  transition: all .3s;
  line-height: 30px;
}

.page-detail .main .detail-container .detail-change .prev .title,
.page-detail .main .detail-container .detail-change .next .title {
  font-size: 16px;
  color: #333;
  opacity: 0.5;
  margin-top: 2px;
  text-align: left;
}

.page-detail .main .back {
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 32vh;
  right: 12.5vw;
  transform-origin: center;
}

/* 矿业板块 */
.ba-mining {
  padding-top: 8.75vh;
}

.ba-mining .plate {
  padding: 0 12.5vw;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.ba-mining .plate h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.ba-mining .plate h1 span::before, .ba-mining .plate h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.ba-mining .plate h1 span::before {
  background: #35cbc0;
  left: 0;
}

.ba-mining .plate h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.ba-mining .plate h1.animate__animated span::before, .ba-mining .plate h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
}

.ba-mining .plate h1.animate__animated span::before {
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.ba-mining .plate h1.animate__animated span::after {
  --sl: 32px;
  --el: 50%;
  animation: title_line 0.5s linear forwards, title_line_move 0.5s linear forwards;
  animation-delay: 0.5s, 0.5s;
}

.ba-mining .plate .page-anchor {
  display: flex;
  align-items: center;
  height: 36px;
  margin-top: 34px;
}

.ba-mining .plate .page-anchor li {
  font-size: 18px;
}

.ba-mining .plate .page-anchor li .anchor {
  color: #333333;
  cursor: pointer;
}

.ba-mining .plate .page-anchor li + li {
  margin-left: 50px;
}

.ba-mining .mining-right {
  box-sizing: border-box;
  padding: 0 12.5vw 45px;
  overflow: hidden;
}

.ba-mining .mining-right .introduce {
  font-size: 20px;
  line-height: 36px;
  color: #333;
  margin-top: 50px;
  text-indent: 2em;
  text-align: justify;
}

.ba-mining .mining-right .mining-right-detail {
  width: 100%;
  height: 344px;
  margin-top: 90px;
  background: url("../images/bg_ba2.png") no-repeat center bottom/100% auto;
  position: relative;
}

.ba-mining .mining-right .mining-right-detail .details {
  width: 726px;
  height: 313px;
  margin: 0 auto;
  position: relative;
  background: url("../images/bg_mr.png") no-repeat center/cover;
}

.ba-mining .mining-right .mining-right-detail .details li {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .4s;
  cursor: pointer;
  background: #1076c7;
  box-sizing: border-box;
  border: 2px solid #fff;
  top: 36px;
}

.ba-mining .mining-right .mining-right-detail .details li span {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
}

.ba-mining .mining-right .mining-right-detail .details li p {
  position: absolute;
  font-size: 24px;
  line-height: 74px;
  white-space: nowrap;
  font-weight: bold;
  text-align: right;
  top: 50%;
  margin-top: -37px;
  width: 256px;
  min-height: 74px;
  background: #f2fafa;
  box-shadow: 7px 12.1px 10px 0px rgba(170, 209, 209, 0.5);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 0 24px;
  color: #1076c7;
}

.ba-mining .mining-right .mining-right-detail .details li p::before, .ba-mining .mining-right .mining-right-detail .details li p::after {
  content: '';
  top: 50%;
  background: #f2fafa;
  position: absolute;
}

.ba-mining .mining-right .mining-right-detail .details li p::after {
  width: 24px;
  height: 48px;
  margin-top: -24px;
}

.ba-mining .mining-right .mining-right-detail .details li p::before {
  width: 18px;
  height: 18px;
  margin-top: -9px;
  transform: translateX(50%) rotate(45deg);
}

.ba-mining .mining-right .mining-right-detail .details li:nth-child(2n) {
  right: 117px;
}

.ba-mining .mining-right .mining-right-detail .details li:nth-child(2n) p {
  text-align: left;
  right: -32px;
  transform: translateX(100%);
}

.ba-mining .mining-right .mining-right-detail .details li:nth-child(2n) p::before, .ba-mining .mining-right .mining-right-detail .details li:nth-child(2n) p::after {
  left: 0;
}

.ba-mining .mining-right .mining-right-detail .details li:nth-child(2n) p::before {
  transform: translateX(-50%) rotate(-45deg);
  box-shadow: -4px 1px 10px 0px rgba(170, 209, 209, 0.5);
}

.ba-mining .mining-right .mining-right-detail .details li:nth-child(2n-1) {
  left: 117px;
}

.ba-mining .mining-right .mining-right-detail .details li:nth-child(2n-1) p {
  left: -32px;
  transform: translateX(-100%);
}

.ba-mining .mining-right .mining-right-detail .details li:nth-child(2n-1) p::before, .ba-mining .mining-right .mining-right-detail .details li:nth-child(2n-1) p::after {
  right: 0;
}

.ba-mining .mining-right .mining-right-detail .details li:nth-child(2n-1) p::before {
  box-shadow: 4px -1px 10px 0px rgba(170, 209, 209, 0.5);
}

.ba-mining .mining-right .mining-right-detail .has {
  text-align: center;
  line-height: 36px;
  color: #ffffff;
  position: absolute;
  bottom: 66px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.ba-mining .mining-right .mining-right-detail .has .ari {
  font-size: 42px;
}

.ba-mining .mining-right .mining-right-detail .has .tips {
  font-size: 18px;
}

.ba-mining .domestic,
.ba-mining .abroad {
  font-size: 38px;
  line-height: 50px;
  padding: 9.79vh 12.5vw 16vh;
  box-sizing: border-box;
}

.ba-mining .domestic h1,
.ba-mining .abroad h1 {
  font-size: 38px;
  line-height: 50px;
  color: #2583c9;
  text-align: center;
}

.ba-mining .domestic {
  background: #edf2f8;
}

.ba-mining .domestic .domestic-mining {
  width: 100%;
  min-height: 708px;
  border-radius: 10px;
  background: url("../images/bg_ba3.jpg") no-repeat center/cover;
  box-sizing: border-box;
  padding: 28px 318px 28px 0;
  margin-top: 32px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ba-mining .domestic .domestic-mining .map-points {
  max-width: calc(100% - 56px);
  display: inline-block;
}

.ba-mining .domestic .domestic-mining .location {
  width: 290px;
  height: calc(100% - 60px);
  position: absolute;
  top: 28px;
  right: 28px;
  overflow: hidden;
  background: #42c0bf;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 22px 0 32px 40px;
}

.ba-mining .domestic .domestic-mining .location .local-ls {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-right: 36px;
  overflow: hidden;
  overflow-y: auto;
}

.ba-mining .domestic .domestic-mining .location .local-ls li {
  box-sizing: border-box;
  padding: 8px 0;
  color: #baefef;
  line-height: 25px;
  cursor: pointer;
  position: relative;
}

.ba-mining .domestic .domestic-mining .location .local-ls li b {
  font-size: 16px;
  display: inline-block;
  transition: all .5s;
}

.ba-mining .domestic .domestic-mining .location .local-ls li p {
  font-size: 14px;
  transition: all .5s;
}

.ba-mining .domestic .domestic-mining .location .local-ls li::before {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scale(0);
  transition: all .5s;
}

.ba-mining .domestic .domestic-mining .location .local-ls li.cur {
  color: #fff;
}

.ba-mining .domestic .domestic-mining .location .local-ls li.cur::before {
  transform: scale(1);
}

.ba-mining .domestic .domestic-mining .location .local-ls::-webkit-scrollbar {
  width: 4px;
}

.ba-mining .domestic .domestic-mining .location .local-ls::-webkit-scrollbar-track {
  background: transparent;
}

.ba-mining .domestic .domestic-mining .location .local-ls::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  display: inline-block;
  transition: all .5s;
}

.ba-mining .abroad .abroad-spread {
  width: 100%;
  height: 656px;
  box-sizing: border-box;
  position: relative;
  margin-top: 70px;
}

.ba-mining .abroad .abroad-spread .box-title {
  position: absolute;
  height: 55px;
  top: -29px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.ba-mining .abroad .abroad-spread .box-title span {
  display: inline-block;
  padding: 0 50px;
  line-height: 55px;
  color: #fff;
  background: #247fc9;
  font-size: 28px;
}

.ba-mining .abroad .abroad-spread .box-title::before, .ba-mining .abroad .abroad-spread .box-title::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 1px;
}

.ba-mining .abroad .abroad-spread .box-title::before {
  border-top: 28px solid transparent;
  border-right: 20px solid #0b446e;
  left: -20px;
}

.ba-mining .abroad .abroad-spread .box-title::after {
  border-top: 28px solid transparent;
  border-left: 20px solid #0b446e;
  right: -20px;
}

.ba-mining .abroad .abroad-spread .spread-area {
  position: absolute;
  bottom: 48px;
  left: 0;
  width: 100%;
  height: 48px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ba-mining .abroad .abroad-spread .spread-area li {
  width: 130px;
  height: 48px;
  border-radius: 24px;
  background: #247fc9;
  font-size: 20px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  margin: 0 10px;
  transition: all .4s;
  cursor: pointer;
}

.ba-mining .abroad .abroad-spread .spread-area li.cur {
  background: #42c0bf;
}

.ba-mining .abroad .abroad-spread .spread-swiper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #42c0bf;
}

.ba-mining .abroad .abroad-mining {
  width: 100%;
  margin-top: 30px;
}

.ba-mining .abroad .abroad-mining li {
  padding-top: 62px;
}

.ba-mining .abroad .abroad-mining h3 {
  font-size: 28px;
  line-height: 36px;
  color: #2583c9;
}

.ba-mining .abroad .abroad-mining .text {
  margin-top: 16px;
}

.ba-mining .abroad .abroad-mining .text p {
  font-size: 16px;
  line-height: 36px;
  color: #333;
  text-indent: 2em;
  text-align: justify;
}

.ba-mining .abroad .abroad-mining .mining-img {
  text-align: center;
  margin-top: 40px;
}

.ba-mining .abroad .abroad-mining .mining-img img {
  max-width: 100%;
}

/* 磷化工板块 */
.ba-pci {
  box-sizing: border-box;
  padding: 8.75vh 12.5vw;
}

.ba-pci h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.ba-pci h1 span::before, .ba-pci h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.ba-pci h1 span::before {
  background: #35cbc0;
  left: 0;
}

.ba-pci h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.ba-pci h1.animate__animated span::before, .ba-pci h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
}

.ba-pci h1.animate__animated span::before {
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.ba-pci h1.animate__animated span::after {
  --sl: 32px;
  --el: 50%;
  animation: title_line 0.5s linear forwards, title_line_move 0.5s linear forwards;
  animation-delay: 0.5s, 0.5s;
}

.ba-pci .introduce {
  font-size: 20px;
  line-height: 36px;
  color: #333;
  margin-top: 50px;
  text-indent: 2em;
  text-align: justify;
}

.ba-pci .poster {
  width: 100%;
  height: 500px;
  margin-top: 46px;
  border-radius: 10px;
  overflow: hidden;
}

.ba-pci .poster .swiper-slide img {
  display: block;
  animation: kenburns-top 7s ease-out both;
  animation-play-state: paused;
}

.ba-pci .poster .swiper-slide-active img {
  animation-play-state: running;
}

/* 新材料板块 */
.ba-materials {
  padding-top: 8.75vh;
}

.ba-materials .plate {
  padding: 0 12.5vw;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.ba-materials .plate h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.ba-materials .plate h1 span::before, .ba-materials .plate h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.ba-materials .plate h1 span::before {
  background: #35cbc0;
  left: 0;
}

.ba-materials .plate h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.ba-materials .plate h1.animate__animated span::before, .ba-materials .plate h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
}

.ba-materials .plate h1.animate__animated span::before {
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.ba-materials .plate h1.animate__animated span::after {
  --sl: 32px;
  --el: 50%;
  animation: title_line 0.5s linear forwards, title_line_move 0.5s linear forwards;
  animation-delay: 0.5s, 0.5s;
}

.ba-materials .plate .page-anchor {
  display: flex;
  align-items: center;
  height: 36px;
  margin-top: 34px;
}

.ba-materials .plate .page-anchor li {
  font-size: 18px;
}

.ba-materials .plate .page-anchor li .anchor {
  color: #333333;
  cursor: pointer;
}

.ba-materials .plate .page-anchor li + li {
  margin-left: 50px;
}

.ba-materials .previously .introduce,
.ba-materials .eco-chain .introduce,
.ba-materials .situation .introduce,
.ba-materials .recovery .introduce {
  line-height: 36px;
  color: #333;
  text-indent: 2em;
  text-align: justify;
}

.ba-materials .previously-poster,
.ba-materials .situation-poster,
.ba-materials .recovery-poster {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.ba-materials .previously-poster .swiper-slide img,
.ba-materials .situation-poster .swiper-slide img,
.ba-materials .recovery-poster .swiper-slide img {
  display: block;
  animation: kenburns-top 7s ease-out both;
  animation-play-state: paused;
}

.ba-materials .previously-poster .swiper-slide-active img,
.ba-materials .situation-poster .swiper-slide-active img,
.ba-materials .recovery-poster .swiper-slide-active img {
  animation-play-state: running;
}

.ba-materials .eco-chain,
.ba-materials .situation,
.ba-materials .recovery {
  padding: 8.44vh 12.5vw 12.5vh;
  box-sizing: border-box;
}

.ba-materials .eco-chain h1,
.ba-materials .situation h1,
.ba-materials .recovery h1 {
  font-size: 38px;
  line-height: 50px;
  color: #2583c9;
  text-align: center;
}

.ba-materials .eco-chain .introduce,
.ba-materials .situation .introduce,
.ba-materials .recovery .introduce {
  margin-top: 24px;
}

.ba-materials .eco-chain-img,
.ba-materials .situation-img,
.ba-materials .recovery-img {
  margin-top: 54px;
  text-align: center;
}

.ba-materials .eco-chain-img img,
.ba-materials .situation-img img,
.ba-materials .recovery-img img {
  max-width: 100%;
}

.ba-materials .eco-chain,
.ba-materials .recovery {
  background: #edf2f8;
}

.ba-materials .situation-poster,
.ba-materials .recovery-poster {
  height: 464px;
  margin-top: 60px;
}

.ba-materials .previously {
  box-sizing: border-box;
  padding: 0 12.5vw 10.3vh;
}

.ba-materials .previously .introduce {
  margin-top: 50px;
  font-size: 20px;
}

.ba-materials .previously-poster {
  height: 498px;
  margin-top: 46px;
}

/* 产品详情 */
.ba-product .product-group {
  box-sizing: border-box;
  padding: 8.75vh 12.5vw;
}

.ba-product .product-group h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.ba-product .product-group h1 span::before, .ba-product .product-group h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.ba-product .product-group h1 span::before {
  background: #35cbc0;
  left: 0;
}

.ba-product .product-group h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.ba-product .product-group h1.animate__animated span::before, .ba-product .product-group h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
}

.ba-product .product-group h1.animate__animated span::before {
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.ba-product .product-group h1.animate__animated span::after {
  --sl: 32px;
  --el: 50%;
  animation: title_line 0.5s linear forwards, title_line_move 0.5s linear forwards;
  animation-delay: 0.5s, 0.5s;
}

.ba-product .product-group .products {
  width: calc(100% + 2.6vw);
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.3vw;
  margin-top: 0.84vh;
}

.ba-product .product-group .products li {
  width: 198px;
  height: 230px;
  margin: 5.83vh 1.3vw 0;
  text-align: center;
  cursor: pointer;
}

.ba-product .product-group .products li .img-box {
  width: 198px;
  height: 174px;
  box-sizing: border-box;
  padding: 8px;
  background: linear-gradient(0deg, #35cbc0 0%, #247fc9 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(74% 0, 100% 50%, 74% 100%, 26% 100%, 0 50%, 26% 0);
}

.ba-product .product-group .products li .img-box .fullimg {
  width: 100%;
  height: 100%;
  clip-path: polygon(74% 0, 100% 50%, 74% 100%, 26% 100%, 0 50%, 26% 0);
}

.ba-product .product-group .products li .name {
  font-size: 20px;
  line-height: 30px;
  color: #333;
  font-weight: bold;
  margin-top: 2px;
}

.ba-product .product-group .products li .company {
  line-height: 24px;
  color: #35cac0;
}

.ba-product .product-group.pci {
  background: url("../images/bg_product.jpg") no-repeat center/cover;
  background-attachment: fixed;
}

/* 其他 */
.ba-other {
  padding-top: 8.75vh;
}

.ba-other .plate {
  padding: 0 12.5vw;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.ba-other .plate h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.ba-other .plate h1 span::before, .ba-other .plate h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.ba-other .plate h1 span::before {
  background: #35cbc0;
  left: 0;
}

.ba-other .plate h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.ba-other .plate h1.animate__animated span::before, .ba-other .plate h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
}

.ba-other .plate h1.animate__animated span::before {
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.ba-other .plate h1.animate__animated span::after {
  --sl: 32px;
  --el: 50%;
  animation: title_line 0.5s linear forwards, title_line_move 0.5s linear forwards;
  animation-delay: 0.5s, 0.5s;
}

.ba-other .plate .page-tabs {
  display: flex;
  align-items: center;
  height: 36px;
  margin-top: 34px;
}

.ba-other .plate .page-tabs li {
  font-size: 18px;
}

.ba-other .plate .page-tabs li a {
  color: #333333;
}

.ba-other .plate .page-tabs li + li {
  margin-left: 50px;
}

.ba-other .plate .page-tabs li.cur a {
  color: #2583c9;
  font-weight: bold;
}

.ba-other .data-list {
  width: 100%;
  margin-top: 7.9vh;
}

.ba-other .data-list .custom-link {
  box-sizing: border-box;
  padding: 0 12.5vw 7.29vh;
  position: relative;
  z-index: 1;
  display: flex;
  margin-bottom: 10.2vh;
}

.ba-other .data-list .custom-link .fullimg {
  width: 47.9%;
  height: 432px;
  border-radius: 10px;
}

.ba-other .data-list .custom-link .info {
  width: 48.54%;
  margin-left: auto;
}

.ba-other .data-list .custom-link .info .name {
  font-size: 28px;
  line-height: 36px;
  color: #333;
  font-weight: bold;
  margin-top: 24px;
}

.ba-other .data-list .custom-link .info .introduce {
  line-height: 36px;
  text-indent: 2em;
  color: #333;
  margin-top: 64px;
  -webkit-line-clamp: 6;
}

.ba-other .data-list .custom-link .info .detail {
  margin-top: 26px;
  width: 120px;
  height: 40px;
  background-image: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-top: 32px;
  line-height: 40px;
  transition: all .5s;
}

.ba-other .data-list .custom-link .info .detail .icon {
  font-size: 20px;
  margin-left: 10px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.ba-other .data-list .custom-link::before {
  content: '';
  width: 100%;
  height: calc(100% - 90px);
  background: #edf2f8;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/* 廉洁举报 */
.pbdi-cr {
  padding: 8.75vh 12.5vw 21.35vh;
  background: url("../images/bg_cr.jpg") no-repeat bottom center/100% auto;
}

.pbdi-cr h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.pbdi-cr h1 span::before, .pbdi-cr h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.pbdi-cr h1 span::before {
  background: #35cbc0;
  left: 0;
}

.pbdi-cr h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.pbdi-cr h1.animate__animated span::before, .pbdi-cr h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
}

.pbdi-cr h1.animate__animated span::before {
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.pbdi-cr h1.animate__animated span::after {
  --sl: 32px;
  --el: 50%;
  animation: title_line 0.5s linear forwards, title_line_move 0.5s linear forwards;
  animation-delay: 0.5s, 0.5s;
}

.pbdi-cr .clean-reporting {
  width: 100%;
  background: #fff url("../images/shading_cr.jpg") no-repeat right top;
  border-radius: 10px;
  border: 2px solid #d7e7f5;
  box-sizing: border-box;
  margin-top: 55px;
  padding: 44px 0 88px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.pbdi-cr .clean-reporting h3 {
  height: 64px;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(199, 209, 229, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
  box-sizing: border-box;
  padding-left: 28px;
  margin-bottom: 36px;
}

.pbdi-cr .clean-reporting h3 span {
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  line-height: 64px;
}

.pbdi-cr .clean-reporting .knew,
.pbdi-cr .clean-reporting .way {
  width: 50%;
  box-sizing: border-box;
  padding: 0 58px;
}

.pbdi-cr .clean-reporting .knew h4,
.pbdi-cr .clean-reporting .way h4 {
  font-size: 20px;
  line-height: 40px;
  color: #333;
  box-sizing: border-box;
  padding: 0 32px;
}

.pbdi-cr .clean-reporting .knew p,
.pbdi-cr .clean-reporting .way p {
  line-height: 30px;
  color: #333;
  box-sizing: border-box;
  padding: 0 32px;
}

.pbdi-cr .clean-reporting .knew p a,
.pbdi-cr .clean-reporting .knew p span,
.pbdi-cr .clean-reporting .way p a,
.pbdi-cr .clean-reporting .way p span {
  font-size: 20px;
  color: #2480c9;
  font-weight: bold;
}

.pbdi-cr .clean-reporting .knew p:nth-child(n+2) {
  margin-bottom: 20px;
}

.pbdi-cr .clean-reporting .knew h4:nth-child(n+2) {
  margin-top: 30px;
}

.pbdi-cr .clean-reporting .way h4,
.pbdi-cr .clean-reporting .way p {
  line-height: 36px;
}

.pbdi-cr .clean-reporting .way h4:nth-child(n+2) {
  margin-top: 32px;
}

.pbdi-cr .clean-reporting::before {
  content: '';
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

.pbdi-cr .clean-reporting::after {
  content: '';
  width: 1px;
  height: calc(100% - 164px);
  background: linear-gradient(0deg, transparent 0%, black 50%, transparent 100%);
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -0.5px;
  opacity: 0.2;
}

/* 公司理念 */
.culture-cp {
  margin-top: -14px;
}

.culture-cp h1 {
  text-align: center;
}

.culture-cp h1 span {
  font-size: 48px;
  line-height: 100px;
  color: transparent;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  position: relative;
}

.culture-cp h1 span::before, .culture-cp h1 span::after {
  content: '';
  width: 50%;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}

.culture-cp h1 span::before {
  background: #35cbc0;
  right: 50%;
  transform: translateX(1px);
}

.culture-cp h1 span::after {
  background: #2583c9;
  left: 50%;
  transform: translateX(-1px);
}

.culture-cp h1.animate__animated span::before, .culture-cp h1.animate__animated span::after {
  --sw: 32px;
  --ew: 50%;
  animation: title_line 0.5s linear forwards;
  animation-delay: 0.5s;
}

.culture-cp .company-philosophy {
  box-sizing: border-box;
  padding: 8.75vh 12.5vw 0;
  background: url("../images/bg_cp.jpg") no-repeat top center/100% auto;
}

.culture-cp .company-philosophy .tips {
  font-size: 38px;
  line-height: 100px;
  letter-spacing: 3.8px;
  color: #333333;
  text-align: center;
  margin-top: 14px;
}

.culture-cp .company-philosophy .tips .light {
  color: #247fc9;
}

.culture-cp .company-philosophy .poster {
  margin-top: 150px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 0 40px;
}

.culture-cp .company-philosophy .poster .fullimg {
  height: 570px;
  border-radius: 20px;
}

.culture-cp .company-philosophy .poster::before {
  content: '';
  width: 292px;
  height: 322px;
  background: #35cac0;
  border-radius: 20px;
  position: absolute;
  top: -42px;
  left: 0;
  z-index: -1;
}

.culture-cp .employee-style {
  box-sizing: border-box;
  padding: 7.7vh 12.5vw;
}

.culture-cp .employee-style .list-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 7.6vh;
}

.culture-cp .employee-style .list-group li, .culture-cp .employee-style .list-group::after {
  width: calc((100% - 8vw) / 3);
}

.culture-cp .employee-style .list-group::after {
  content: '';
}

.culture-cp .employee-style .list-group li {
  padding-bottom: 10px;
  margin-bottom: 7.29vh;
}

.culture-cp .employee-style .list-group .fullimg {
  width: 100%;
  height: 268px;
  border-radius: 10px;
}

.culture-cp .employee-style .list-group .title {
  display: block;
  font-size: 20px;
  line-height: 36px;
  color: #333333;
  text-align: center;
  margin-top: 16px;
}

/* 社会责任 */
.culture-sr {
  box-sizing: border-box;
  padding: 10.63vh 12.5vw 8.44vh;
}

.culture-sr .list-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.culture-sr .list-group li, .culture-sr .list-group::after {
  width: calc((100% - 8.12vw) / 3);
}

.culture-sr .list-group li {
  height: 512px;
  position: relative;
  margin-bottom: 5vw;
}

.culture-sr .list-group li::before, .culture-sr .list-group li::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.culture-sr .list-group li::before {
  background: #dcdcdc;
}

.culture-sr .list-group li::after {
  background: #2a9ac6;
  transform-origin: center;
  transition: all .6s;
  transform: scale(0);
}

.culture-sr .list-group .fullimg {
  width: 100%;
  height: 268px;
  border-radius: 10px;
}

.culture-sr .list-group .title {
  font-size: 20px;
  line-height: 36px;
  color: #333333;
  height: 72px;
  margin-top: 14px;
}

.culture-sr .list-group .date {
  line-height: 30px;
  color: #878a93;
  margin-top: 12px;
}

.culture-sr .list-group .more {
  display: inline-flex;
  align-items: center;
  margin-top: 48px;
  height: 30px;
  margin-left: 6px;
}

.culture-sr .list-group .more span,
.culture-sr .list-group .more font {
  color: #dedede;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  transition: all .4s;
}

.culture-sr .list-group .more font {
  --ey: -4px;
  --sy: 4px;
  font-size: 30px;
  margin-left: 6px;
}

.culture-sr .list-group::after {
  content: '';
}

/* 人才队伍 */
.hp-team .ad-box {
  width: 100%;
  box-sizing: border-box;
  padding: 15.63vh 12.5vw 30.1vh;
  background: url("../images/bg_team1.jpg") no-repeat;
  background-position: 50% 7%;
  background-size: 100% auto;
}

.hp-team .ad-box .ad-item {
  width: 100%;
  position: relative;
  display: flex;
}

.hp-team .ad-box .ad-item .info {
  width: calc(100% - 39.92vw);
  min-height: 31.98vw;
  box-sizing: border-box;
  padding-top: 9.06vh;
}

.hp-team .ad-box .ad-item .info p {
  font-size: 50px;
  line-height: 64px;
  color: #333333;
}

.hp-team .ad-box .ad-item .info p .light {
  color: #42c0bf;
}

.hp-team .ad-box .ad-item .info .introduce {
  font-size: 20px;
  line-height: 40px;
  color: #333333;
  margin-top: 38px;
  text-align: justify;
}

.hp-team .ad-box .ad-item .figure {
  width: 32vw;
  position: absolute;
  right: 0;
  top: 0;
}

.hp-team .ad-box .ad-item .figure img {
  width: 100%;
}

.hp-team .ad-box .ad-item + .ad-item {
  margin-top: 20.63vh;
}

.hp-team .ad-box .ad-item:nth-child(2n) .info {
  width: calc(100% - 42.16vw);
  margin-left: auto;
}

.hp-team .ad-box .ad-item:nth-child(2n) .figure {
  right: calc(100% - 32vw);
}

.hp-team .join {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 78vh;
  background: url("../images/bg_team2.jpg") no-repeat center/cover;
}

.hp-team .join p {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
}

.hp-team .join .f50 {
  font-size: 50px;
  line-height: 80px;
}

.hp-team .join .code-group {
  height: 180px;
  margin-top: 12.7vh;
  display: flex;
  justify-content: center;
}

.hp-team .join .code-group li {
  width: 17.81vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hp-team .join .code-group li .fullimg {
  width: 102px;
  height: 102px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 12px;
}

.hp-team .join .code-group li:nth-child(n+2):not(:last-child) {
  border: solid rgba(255, 255, 255, 0.22);
  border-width: 0 1px;
}

/* 社会招聘 */
.hp-recruit {
  box-sizing: border-box;
  padding: 7.81vh 12.5vw;
}

.hp-recruit .recruit-head {
  width: 75vw;
  height: 76px;
}

.hp-recruit .recruit-head .head-ls {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  display: flex;
}

.hp-recruit .recruit-head li {
  width: 20%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
}

.hp-recruit .recruit-head li:first-child {
  width: 17%;
}

.hp-recruit .recruit-head li:last-child {
  width: 23%;
  padding-right: 4%;
}

.hp-recruit .recruit-body {
  width: 100%;
  margin-bottom: 10.73vh;
}

.hp-recruit .recruit-body li {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

.hp-recruit .recruit-body li .a-show {
  width: 100%;
  min-height: 100px;
  display: flex;
  cursor: pointer;
  box-sizing: border-box;
  padding: 10px 0;
}

.hp-recruit .recruit-body li .a-show p {
  width: 20%;
  font-size: 18px;
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.hp-recruit .recruit-body li .a-show p:first-child {
  width: 17%;
}

.hp-recruit .recruit-body li .a-show p:last-child {
  width: 23%;
  padding-right: 4%;
  position: relative;
}

.hp-recruit .recruit-body li .a-show p:last-child .icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f7f7f7;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  margin-top: -21px;
}

.hp-recruit .recruit-body li .a-show p:last-child .icon i {
  display: inline-block;
  width: 12px;
  height: 2px;
  background: #474748;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -6px;
  transition: all .3s;
}

.hp-recruit .recruit-body li .a-show p:last-child .icon i:first-child {
  transform: rotate(90deg);
  transform-origin: center;
}

.hp-recruit .recruit-body li .a-show p:last-child .icon::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all .3s;
}

.hp-recruit .recruit-body li .position-detail {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height .6s;
}

.hp-recruit .recruit-body li .position-detail .detail-body {
  box-sizing: border-box;
  padding: 4.38vh 4.65% 4.17vh;
}

.hp-recruit .recruit-body li .position-detail .detail-body p,
.hp-recruit .recruit-body li .position-detail .detail-body strong {
  font-size: 16px;
  line-height: 36px;
}

.hp-recruit .recruit-body li .position-detail .detail-body strong {
  color: #333;
}

.hp-recruit .recruit-body li .position-detail .detail-body p {
  color: #666;
}

.hp-recruit .recruit-body li .position-detail .detail-body .detail-item:nth-child(n+2) {
  margin-top: 1.5em;
}

.hp-recruit .recruit-body li .position-detail .detail-body .send {
  display: block;
  width: 165px;
  height: 52px;
  background: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  border-radius: 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 52px;
  margin-top: 5.83vh;
  transition: all .4s;
}

.hp-recruit .recruit-body li.open .a-show p:last-child .icon i {
  background: #fff;
}

.hp-recruit .recruit-body li.open .a-show p:last-child .icon::before {
  opacity: 1;
}

.hp-recruit .recruit-body li.open .a-show p:last-child .icon i:first-child {
  transform: rotate(0);
}

/* 信息公开 */
.id-body {
  margin-top: -14px;
  display: flex;
}

.id-body.pb {
  padding-bottom: 10.63vh;
}

.id-body .box-left {
  min-width: 26.77vw;
  box-sizing: border-box;
  padding: 80px 2.38vw 0 0;
  border-right: 2px solid #f0f0f0;
  flex-shrink: 0;
}

.id-body .box-left h1 {
  font-size: 36px;
  color: #333;
  line-height: 50px;
  margin-bottom: 30px;
  box-sizing: border-box;
  padding-left: 12.5vw;
  white-space: nowrap;
}

.id-body .box-left .tabs {
  width: 100%;
}

.id-body .box-left .tabs li {
  width: 100%;
  height: 54px;
  border-radius: 0px 10px 10px 0px;
  box-sizing: border-box;
  padding-left: 12.5vw;
  line-height: 54px;
  font-size: 20px;
  color: #999;
}

.id-body .box-left .tabs li + li {
  margin-top: 4px;
}

.id-body .box-left .tabs li.cur {
  background: #f6fcff;
  color: #247fc9;
  font-weight: bold;
}

.id-body .box-left .tabs li.cur a {
  color: #247fc9;
  font-weight: bold;
}

.id-body .box-left .tabs a {
  width: 100%;
  height: 100%;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 12.5vw;
  line-height: 54px;
  font-size: 20px;
  color: #999;
}

.id-body .box-right {
  width: 73.23vw;
  box-sizing: border-box;
  padding: 91px 12.5vw 0 0;
  display: flex;
  justify-content: flex-end;
}

.id-body .box-right .rich-box {
  width: calc(100% - 5.15vw);
}

.id-body .box-right .rich-box p {
  margin-bottom: 32px;
  text-indent: 2em;
  text-align: justify;
}

.id-body .box-right .rich-box p,
.id-body .box-right .rich-box span {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  text-align: justify;
}

.id-body .box-right .rich-box img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.id-body .box-right .rich-box video {
  width: 100%;
  height: auto;
}

.id-body .box-right .id-list {
  width: calc(100% - 5.15vw);
}

.id-body .box-right .id-list .list-group {
  margin-bottom: 7.7vh;
}

.id-body .box-right .id-list .list-group li {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  transition: all .4s;
}

.id-body .box-right .id-list .list-group li:nth-child(1) {
  width: 100%;
  height: 272px;
  margin-bottom: 18px;
  border-radius: 10px;
  border: 2px solid #d7e7f5;
  overflow: hidden;
  padding: 0 3%;
  background: url("../images/bg_id_ls.jpg") no-repeat right bottom/100% auto;
}

.id-body .box-right .id-list .list-group li:nth-child(1)::before {
  content: '';
  width: 100%;
  height: 5px;
  background-image: linear-gradient(90deg, #35cbc0 0%, #247fc9 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

.id-body .box-right .id-list .list-group li:nth-child(1) .fullimg {
  width: 350px;
  height: 218px;
  border-radius: 10px;
  margin-right: 5.44%;
  flex-shrink: 0;
}

.id-body .box-right .id-list .list-group li:nth-child(1) .info {
  width: calc(94.56% - 350px);
}

.id-body .box-right .id-list .list-group li:nth-child(1) .info p,
.id-body .box-right .id-list .list-group li:nth-child(1) .info a,
.id-body .box-right .id-list .list-group li:nth-child(1) .info a font {
  transition: all .4s;
}

.id-body .box-right .id-list .list-group li:nth-child(1) .info p.line-text--one {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.5px;
  color: #333333;
}

.id-body .box-right .id-list .list-group li:nth-child(1) .info p.line-text--multiple {
  line-height: 30px;
  height: 60px;
  letter-spacing: 0.3px;
  color: #666666;
  margin-top: 20px;
}

.id-body .box-right .id-list .list-group li:nth-child(1) .info a {
  height: 30px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #8c97a8;
  margin-top: 36px;
}

.id-body .box-right .id-list .list-group li:nth-child(1) .info a font {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  color: #8c97a8;
  margin-top: 2px;
  margin-left: 6px;
}

.id-body .box-right .id-list .list-group li:nth-child(n + 2) {
  height: 80px;
  border-bottom: 2px solid #eef2f5;
  padding-left: 32px;
}

.id-body .box-right .id-list .list-group li:nth-child(n + 2) a {
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #333333;
  margin-right: 20px;
  flex-grow: 1;
  transition: all .4s;
}

.id-body .box-right .id-list .list-group li:nth-child(n + 2) .date {
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #999999;
  flex-shrink: 0;
  transition: all .4s;
}

.id-body .box-right .id-list .list-group li:nth-child(n + 2)::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #676767;
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -4px;
  transition: all .4s;
}