/* 基础样式重置 */
html,
body {
  position: relative;
  height: 100%;
  font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
}

@font-face {
  font-family: "DINAlternate-Bold";
  src: url(../font/DINCond-Regular.otf);
}

@font-face {
  font-family: "Objectivity-Medium";
  src: url(../font/objectivity-medium.otf);
}

body {
  background: #fff;
  font-size: 14px;
  line-height: 1.6;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
}

img {
  width: 100%;
  height: 100%;
  display: inline-block;
}

ul {
  list-style: none;
  list-style-type: none;
}

li::marker {
  display: none;
}

/* 容器样式 */
.wrapper {
  /* width: 1200px; */
  margin: 0 auto;
  position: relative;
}

/* 移动端导航 */
.gxHead {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1000;
  padding: 15px 20px;
  padding-top: 0px;
  height: 70px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: none;

}

.gxHead .logo {
  width: 220px;
}

.menu_btn {
  float: right;
  width: 30px;
  height: 24px;
  cursor: pointer;
  margin-top: 10px;
}

.menu_btn span {
  display: block;
  width: 100%;
  height: 3px;
  background: #333;
  margin-bottom: 6px;
  transition: all 0.3s ease;
}

.menu_btn.active span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.menu_btn.active span:nth-child(2) {
  opacity: 0;
}

.menu_btn.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

.mobileNav {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 999;
  transition: all 0.5s ease;
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
}

.mobileNav ul {
  width: 200px;
  background: #FFF;
  float: right;
}

.mobileNav.hideNav {
  transform: translateY(-100%);
  display: none;
}

.mobileNav ul li {
  border-bottom: 1px solid #eee;
}

.mobileNav ul li a {
  display: block;
  padding: 15px 20px;
  color: #333;
  font-size: 16px;
  text-align: center;
}

.mobileNav ul li a:hover {
  background: #f5f5f5;
  color: #0066cc;
}

/* 顶部导航 */
.top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  z-index: 999;
  transition: all 0.3s ease;
  height: 90px;
  box-sizing: border-box;
  /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
}

.top.nav-b {
  background-color: #ffffff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04);
}

.top.nav-w {
  background: rgba(255, 255, 255, 0);
}

.top.nav-w .logo img:nth-child(2) {
  display: none;
}

.top.nav-b .logo img:nth-child(1) {
  display: none;
}

.top.nav-w .handle .search img:nth-child(2) {
  display: none;
}

.top.nav-b .handle .search img:nth-child(1) {
  display: none;
}

.top .nav-b .right {
  display: flex;
}

.top.nav-b .search {
  width: 1.1rem;
  height: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}

.top.nav-b .search img {
  width: 0.22rem;
  height: 0.22rem;
}

/* 搜索框样式 */
.search,
.search-icon {
  position: relative;
  cursor: pointer;
}

/* 首页搜索框样式 */
.search .search-input-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
}

.search:hover .search-input-wrapper {
  width: 200px;
}

/* 内页搜索框样式 */
.search-icon .search-input-wrapper {
  position: absolute;
  right: 50%;
  top: 100%;
  transform: translateX(50%);
  width: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
  margin-top: 10px;
}

.search-icon:hover .search-input-wrapper {
  width: 200px;
}

.search-input {
  width: 100%;
  padding: 8px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  outline: none;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.search-input:focus {
  border-color: #c19c4c;
  box-shadow: 0 2px 12px rgba(193, 156, 76, 0.2);
}

.top.nav-b .handle {
  width: 10%;
}

.top.nav-b .nav-icon {
  width: 1.1rem;
  flex-shrink: 0;
  height: 100%;
  background-color: #c19c4c;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top.nav-b .nav-icon img {
  width: 0.28rem;
  height: 0.26rem;
}

.top .wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0rem 0.5rem;
  box-sizing: border-box;
}

.top .logo {
  width: 5rem;
}

.top .right {
  flex: 1;
  margin-left: 1.2rem;
  height: 100%;
}

.top .nav {
  display: flex;
  align-items: center;
  height: 100%;
}

.top .nav-item {
  margin-left: 35px;
  font-size: 16px;
  color: #333;
  position: relative;
  height: 100%;
  width: 0.8rem;
  box-sizing: border-box;

}

.top .nav-item a {
  display: block;
  height: 100%;
  text-align: center;
  line-height: 90px;
}

.top.nav-b .nav-item {
  color: #333;
}



.top .nav-item.active {
  color: #0066cc;
  font-weight: bold;
}

.top.nav-b .nav-item.active {
  color: #c19c4c;
}

.top .nav-item:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0;
  height: 2px;
  background: #0066cc;
  transition: all 0.3s ease;
}

.top.nav-b .nav-item:after {
  background: #c19c4c;
}

.top .nav-item:hover:after,
.top .nav-item.active:after {
  width: 100%;
}

.top.nav-w .right {
  display: none;
}

.top .handle {
  display: flex;
  height: 100%;
  align-items: center;
  width: 5%;
  justify-content: flex-end;
}

.index-container .swiper-pagination {
  bottom: 20%;
}

.swiper-pagination-bullet {
  width: 30px;
  height: 15px;
  border-radius: 15px;
  /* background-image: url(../images/minilogo1.png); */
  background-size: cover;
  background-color: #FFF;
}

/* 轮播区域 */
.section-1 {
  background: #0066cc;
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}

.index-container {
  width: 100%;
  overflow: hidden;
}

#swiperContainer {
  width: 100%;
  height: 100%;
}

#swiperContainer .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0066cc;
}

#swiperContainer .slide-content {
  text-align: center;
  z-index: 1;
  position: relative;
}

#swiperContainer .main-logo {
  margin-bottom: 30px;
}

#swiperContainer .main-logo img {
  max-width: 400px;
  opacity: 0.9;
}

#swiperContainer .slogan h1 {
  font-size: 48px;
  color: #fff;
  margin: 0;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.column-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 1.2rem;
  background-image: linear-gradient(#d5ae6f, #d5ae6f),
    linear-gradient(#150201, #150201);
  background-blend-mode: normal, normal;
  position: absolute;
  bottom: 0;
  left: 0%;
  z-index: 4;
}

.column-item {
  width: 3.21rem;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.column-item:hover {
  background-color: #d5ae6f;
  background-image: url(../images/card-bg.png);
  background-size: cover;
}

.column-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.column-item a img {
  width: 0.68rem;
  height: 0.68rem;
  margin-right: 0.1rem;
}

.column-item a .column-title {
  font-size: 16px;
  color: #fff;
  font-size: 0.24rem;
  font-weight: 600;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #ffffff;
}

.friendship-links {
  width: 100%;
  background-color: #ffffff;
  height: 1.1rem;
}

.friendship-links .wrapper {
  width: 16rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0px !important;
}

.friendship-links .wrapper .label {
  font-size: 20px;
  color: #000000;
  margin-right: 0.2rem;
  white-space: nowrap;
}

.friendship-links .wrapper select {
  width: 3.4rem;
  height: 0.48rem;
  font-size: 16px;
  color: #333333;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  margin-right: 30px;
  padding-left: 15px;

}

.footer-content {
  width: 100%;
  background-color: #f6f6f6;
  height: auto;
}

.footer-content .wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  background-color: #f6f6f6;
  align-items: center;
  /* padding: 0rem 1.5rem; */
  padding-left: 0;
  box-sizing: border-box;
  justify-content: space-between;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.footer-content .footer-right {
  width: 5.89rem;
  height: 100%;
  min-height: 6rem;
}

.footer-content .footer-left {
  width: calc(100% - 5.89rem + 1.5rem);
  height: 100%;
  border-right: 1px solid rgba(51, 51, 51, 0.1);
}

.footer-logo {
  width: 100%;
  height: 1.2rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-logo a {
  display: flex;
  /* height:100%; */
}

.footer-logo img {
  width: 5rem;
  height: auto;
  margin-right: 0.2rem;
}

.menu-list {
  display: flex;
  align-items: flex-start;
  height: 5.57rem;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0rem 1.5rem;
  padding-top: 0.7rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  padding-left: 0.1rem;
  padding-right: 0.5rem;
}

.menu-list .list-group {
  display: flex;
  flex-direction: column;
}

.menu-list .list-group .list-title {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #000000;
}

.menu-list .list-group .list-list {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 44px;
  letter-spacing: 0px;
  color: #666666;
}

.ipc-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
  padding: 0.2rem 0;
  color: rgba(51, 51, 51, 0.7);
  flex-wrap: wrap;
}

.ipc-wrapper img {
  width: 18px;
  height: 20px;
}

.ipc-wrapper p {
  display: flex;
  width: 100%;
  line-height: 30px;
  margin: 0px;
  align-items: center;
}

.footer-right {}

.contact-info {
  padding: 0.75rem 1.6rem 0rem 0.78rem;
  padding-right: 0;
  padding-top: 0px;
}

.contact-title {
  font-size: 14px;
  color: #333333;
}

.contact-phone {
  font-family: Objectivity-Bold;
  font-size: 36px;
  font-weight: 600;
  font-stretch: normal;
  white-space: nowrap;
  line-height: 36px;
  letter-spacing: 0px;
  color: #d6af70;
  margin-bottom: 40px;
}

.footer-content .cell {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
}

.footer-content .cell .value {
  font-size: 16px;
  font-weight: 600;
}

.code-col {
  display: flex;
  margin-top: 40px;
}

.code-col .code-wrap .code {
  padding: 10px;
  background-color: #FFF;
}

.code-col .button-wrap {
  display: flex;
  flex-shrink: 0;
  margin-left: 0.3rem;
}

.code-col .button-wrap {
  display: flex;
  flex-direction: column;
}

.code-col .button {
  width: 168px;
  height: 38px;
  background-color: #d6af70;
  border-radius: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.1rem;
  color: #fff;
}

.code-col .button img {
  width: 22px;
  height: 20px;
  margi-right: 0.1rem;
}

.code-col p {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  text-align: center;
}

.banner {
  width: 100%;
  height: 5rem;
  background-size: cover;
  background-position: center;
  margin-top: 90px;
}

.banner .wrapper {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.banner .wrapper .cn-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 0px;
  color: #ffffff;
}

.banner .wrapper .en-title {
  font-size: 48px;
  font-weight: 600;
  color: #ffffff;
}

.banner .wrapper .line {
  width: 30px;
  height: 4px;
  background-color: #ffffff;
}

.sub-nav {
  width: 100%;
  height: 68px;
  background-color: #f7f8fa;
}

.sub-nav .wrapper {
  width: 16rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub-nav .wrapper ul {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.sub-nav .wrapper ul li {
  min-weight: 1.3rem;
  height: 100%;
}

.sub-nav .wrapper ul li.active {
  margin-right: 30px;
  background-color: #cc1121;
}

.sub-nav .wrapper ul li a {
  font-size: 16px;
  font-weight: 600;
  line-height: 68px;
  display: block;

  letter-spacing: 0px;
  padding: 0rem 35px;
  color: #333333;
  font-weight: 500;
}

.sub-nav .wrapper ul li.active a {
  color: #fff;
}

.about-container {
  width: 100%;
  /* height: 100%; */
  background-color: #fff;
}

.about-container .wrapper {
  width: 16rem;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0.6rem 0rem;
}

.about-container .wrapper .title-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.about-container .wrapper .title-wrap .title-content {}

.about-container .wrapper .title-wrap .title-content .cn-title {
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #333333;
}

.about-container .wrapper .title-wrap .title-content .en-title {
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: 0px;
  color: #d6af70;
  margin: 0.2rem 0rem;
}

.about-container .wrapper .title-wrap .title-content .line {
  width: 50px;
  height: 6px;
  background-color: #d6af70;
}

.about-container .wrapper .title-wrap .right ul {
  display: flex;
}

.about-container .wrapper .title-wrap .right ul li {
  width: 1.73rem;
  height: 0.9rem;
  margin-left: 0.3rem;
  border-bottom: 1px solid #e4e4e4;
}

.about-container .wrapper .title-wrap .right ul li .nums {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #d0121b;
  font-weight: bold;
}

.about-container .wrapper .title-wrap .right ul li .nums span {
  font-size: 0.52rem;
  font-weight: bold;
  letter-spacing: 0px;
  color: #d0121b;
}

.about-container .wrapper .title-wrap .right ul li .desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
}

.honor {
  background-image: url(./static/images/about-bg.png);
  background-size: cover;
  background-position: center;
}

.honor-list ul {
  display: flex;
  width: 100%;
  margin-top: 0.6rem;
  flex-wrap: wrap;
  /* justify-content:space-between; */
  /* gap:0.rem; */
}

.honor-list ul li {
  width: 3.76rem;
  min-height: 3.2rem;
  margin-right: 0.3rem;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 0.3rem;
}

.honor-list ul li:nth-child(4n) {
  margin-right: 0rem;
}

.honor-list ul li .cover {
  width: 100%;
  height: 2.54rem;
  display: flex;
  align-items: center;
  background-color: #603a32;
  justify-content: center;
  padding: 0.15rem;
  box-sizing: border-box;
}

.pagination {
  width: 100%;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .prev,
.pagination .next {
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border: solid 1px #d4d5e3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.pagination .page {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .page span {
  width: 42px;
  height: 42px;
  margin: 0px 5px;
  background-color: #ffffff;
  border: solid 1px #d4d5e3;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.pagination .page span.active {
  background-color: #cc1121;
  color: #fff;
}

.leader {
  width: 100%;
  height: 100%;
  margin-top: 0.6rem;
}

.leader table {
  width: 100%;
  height: 100%;
}

.leader table thead {
  width: 100%;
  height: 0.88rem;
  background-color: #bea369;
}

.leader table thead th {
  color: #fff;
  font-size: 20px;
  padding: 0rem 0.5rem;
  text-align: left;
}

.leader table tbody tr {
  height: 0.8rem;
  background-color: #f5f1e9;
}

.leader table tbody tr:nth-child(2n) {
  background-color: #fff;
}

.leader table tbody tr td {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
  padding: 0rem 0.5rem;
}

.news .wrapper {
  width: 100%;
}

.news .wrapper .news-list {
  width: 100%;
  height: 100%;
  margin-top: 0rem;
}

.news .wrapper .news-list ul {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.news .wrapper .news-list ul li {
  width: 100%;
  height: 2.65rem;
  border-bottom: 1px solid #e7e7e7;
  transition: all 0.3s ease;
  background-color: #fff;
}

.news .wrapper .news-list ul li:hover {
  background-color: #f7f8fa;
  transform: translateX(10px);
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.news .wrapper .news-list ul li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0rem 1.5rem;
  align-items: center;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.news .wrapper .news-list ul li:hover .cover {
  transform: scale(1.05);
  transition: all 0.5s ease;
}

.news .wrapper .news-list ul li .cover {
  overflow: hidden;
  transition: all 0.5s ease;
}

.news .wrapper .news-list ul li .cover img {
  transition: all 0.5s ease;
  transform-origin: center;
  /*object-fit: cover;*/
}

.news .wrapper .news-list ul li a .info {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 0.2rem;
}

.news .wrapper .news-list ul li a .info .news-title {
  font-size: 0.24rem;
  letter-spacing: 0px;
  color: #333333;
}

.news .wrapper .news-list ul li a .info .news-desc {
  font-size: 14px;
  line-height: 36px;
  color: #666666;
  width: 100%;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
     overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.news .wrapper .news-list ul li a .info .more {
  width: 1.2rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  text-align: center;
  margin-top: 0.2rem;
  line-height: 0.4rem;
  background-color: #cc1121;
  color: #fff;
  display: none;
}

.news .wrapper .news-list ul li a .info .time {
  font-size: 16px;
  font-weight: bold;
  color: #cc1121;
  margin-top: 0.3rem;
}

.news .wrapper .news-list ul li .cover {
  height: 2.05rem;
  flex-shrink: 0;
  width: 3.67rem;
  margin-left: 0.5rem;
}

.news .wrapper .news-list ul li:hover {
  background-color: #f7f7f7;
}

.news .wrapper .news-list ul li:hover .info .more {
  display: block;
}

.news .wrapper .news-list ul li:hover .info .time {
  /* display: none; */
}

.news-detail {
  background-color: #f6f6f6;
  overflow: hidden;
  padding-bottom: 0.4rem;
}

.news-detail .wrapper {
  width: 16rem;
  margin: 0 auto;
  height: 100%;
  margin-top: 0.6rem;
  background-color: #fff;
  padding: 0.5rem 1rem;
}

.news-detail .wrapper img {
  display: inline-block;
      height: auto;
    width: auto;
}

.detail-title {
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
  text-align: center;
}

.detail-info {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
  text-align: center;
  margin: 0.3rem 0rem;
}

.news-detail .line {
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
  margin: 0.3rem 0rem;
}

.next-page,
.prev-page {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #999999;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.news-detail .back {
  width: 1.8rem;
  height: 0.5rem;
  text-align: center;
  line-height: 0.5rem;
  color: #ffffff;
  margin-top: 0.4rem;
  background-color: #cc1121;
}

.business {
  width: 100%;
  min-height: 9.6rem;
  background-image: url(../images/cydw.jpg);
  background-size: 100% 100%;
  background-position: center;
}

.cluster-capital {
  background-image: url(../images/capital-bg.jpg);
  background-position: center;
  background-size: cover;
  padding-top: 65px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-height: 8.6rem;
}

.cluster-capital .wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: -33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

.cluster-capital .cluster-partners-title {
  padding-bottom: 0rem;
}

.cluster-capital .cluster-partners-title .en {
  color: #e5eaf3;
}

.cluster-capital .cluster-partners-title .cn {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: 0px;
  color: #ffffff;
}

.cluster-capital-mark {
  width: 4.48rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 62%;
}

.cluster-capital-mark dd {
  color: #fff;
  margin-top: 28px;
  font-size: 18px;
  position: relative;
  padding-left: 35px;
}

.cluster-capital-mark dd .dot {
  position: absolute;
  left: -20px;
  top: -20px;
}

.cluster-capital-point {
  position: relative;
}

.cluster-capital-point .grid {
  /* background-image: url(../images/point-bg.png); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-size: contain;
  width: 87%;
  height: 100%;
  position: absolute;
  left: 6.5%;
  bottom: 0;
}

.cluster-capital-point .logo {
  position: absolute;
  left: 50%;
  margin-left: -114px;
  top: 85px;
  z-index: 2;
}

.cluster-capital-prise {
  width: 87%;
  margin: auto;
  position: relative;
  height: 6.5rem;
  z-index: 3;
  background-image: url(../images/point-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;

}

.cluster-capital-prise li {
  text-align: center;
  position: absolute;
}

.cluster-capital-prise li .point {
  width: 49px;
  height: 49px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.cluster-capital-prise li .point .i {
  width: 64px;
  height: 64px;
  position: absolute;
  left: -8px;
  top: -8px;
  display: inline-block;
}

.cluster-capital-prise li .point .n {
  background: transparent;
  width: 0;
  height: 0;
  position: relative;
  border-radius: 50%;
  transition: all 0.4s;
  overflow: hidden;
}

.cluster-capital-prise li .point .n img {
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cluster-capital-prise li .dot {
  width: 64px;
  height: 64px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.cluster-capital-prise li .tit {
  width: 120px;
  /* padding-top: 34px; */
  /* position: absolute; */
  left: 83%;
  top: -34%;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  transition: all 0.4s;
  opacity: 0.8;
  text-align: center;
}

.cluster-capital-prise .p-members li:nth-child(2n-1) .tit {
  text-align: center;
  right: 100%;
  left: unset;
}

.cluster-capital-prise .p-listed li:nth-child(2n) .tit {
  text-align: center;
  left: unset;
  right: 80%;
}

.cluster-capital-prise li:hover {
  z-index: 2;
}

.cluster-capital-prise li:hover .point .i {
  display: none;
}

.cluster-capital-prise li:hover .point .n {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.cluster-capital-prise li:hover .tit {
  padding-top: 55px;
}

/*.cluster-capital-prise .p-distrib li:hover .tit{ padding-top:34px;}
.cluster-capital-prise .p-distrib li:hover .point .i{ display:inline-block;}*/
.cluster-capital-prise .p-distrib li:nth-child(1) {
  /* left: 6.98rem;
  top: 3.45rem; */
      left: 6rem;
    top: 4rem;
}

.cluster-capital-prise .p-distrib li:nth-child(2) {
  right: 6.65rem;
  top: 2.4rem;
}

.cluster-capital-prise .p-distrib li:nth-child(3) {
  left: 5.2rem;
  top: 3rem;

}

.cluster-capital-prise .p-distrib li:nth-child(4) {
  left: 6.9rem;
  top: 2.4rem;

}

.cluster-capital-prise .p-distrib li:nth-child(5) {
  right: 7.9rem;
  top: 3.1rem;
}

.cluster-capital-prise .p-distrib li:nth-child(6) {
     right: 39.5%;
  top: 65%;
}

.cluster-capital-prise .p-distrib li:nth-child(7) {
  left: 25.5%;
  top: 87%;
}

.cluster-capital-prise .p-distrib li:nth-child(8) {
  right: 25.5%;
  top: 87%;
}

.cluster-capital-prise .p-distrib li:nth-child(9) {
  left: 8%;
  top: 55%;
}

.cluster-capital-prise .p-distrib li:nth-child(10) {
  left: 38%;
  top: 18%;
}

.cluster-capital-prise .p-distrib li:nth-child(11) {
  left: 40%;
  top: 38%;
}

.cluster-capital-prise .p-distrib li:nth-child(12) {
  left: 42%;
  bottom: 25%;
}

.cluster-capital-prise .p-distrib li:nth-child(13) {
  left: 50%;
  top: 5%;
}

.cluster-capital-prise .p-distrib li:nth-child(14) {
  left: 35%;
  bottom: 18%;
}

.cluster-capital-prise .p-distrib li:nth-child(15) {
  left: 58%;
  bottom: 22%;
}

.cluster-capital-prise .p-distrib li:nth-child(16) {
  left: 62%;
  top: 18%;
}

.cluster-capital-prise .p-distrib li:nth-child(17) {
  left: 70%;
  top: 10%;
}

.cluster-capital-prise .p-distrib li:nth-child(18) {
  left: 70%;
  top: 25%;
}

.cluster-capital-prise .p-distrib li:nth-child(19) {
  left: 68%;
  top: 45%;
}

.cluster-capital-prise .p-distrib li:nth-child(20) {
  left: 75%;
  bottom: 28%;
}

.cluster-capital-prise .p-distrib li:nth-child(21) {
  left: 75%;
  top: 20%;
}

.cluster-capital-prise .p-distrib li:nth-child(22) {
  right: 18%;
  top: 12%;
}

.cluster-capital-prise .p-distrib li:nth-child(23) {
  right: 15%;
  top: 28%;
}

.cluster-capital-prise .p-distrib li:nth-child(24) {
  right: 8%;
  top: 50%;
}

.cluster-capital-prise .p-distrib li:nth-child(25) {
  right: 10%;
  top: 60%;
}

.cluster-capital-prise .p-members li:nth-child(1) {
  left: 3.6rem;
  top: 0.9rem;
}

.cluster-capital-prise .p-members li:nth-child(2) {
  left: 12.3rem;
  top: 1.2rem;
}

.cluster-capital-prise .p-members li:nth-child(3) {
  left: 0.53rem;
  top: 3.9rem;

}

.cluster-capital-prise .p-members li:nth-child(4) {
    right: 1rem;
    top: 4.85rem;
}

.cluster-capital-prise .p-members li:nth-child(5) {
    left: 1.49rem;
    top: 2.55rem;
}

.cluster-capital-prise .p-members li:nth-child(6) {
     right: 1.2rem;
    top: 2.85rem;

}

.cluster-capital-prise .p-members li:nth-child(7) {
    right: 0.3rem;
    top: 4.24rem;

}

.cluster-capital-prise .p-members li:nth-child(8) {
right: 13.1rem;
    top: 1.8rem;

}

.cluster-capital-prise .p-members li:nth-child(9) {
     left: 13.4rem;
    top: 2.6rem;
}

.cluster-capital-prise .p-members li:nth-child(10) {
      right: 10.5rem;
    top: 0.38rem;
}

.cluster-capital-prise .p-members li:nth-child(11) {
  left: 8.1rem;
  top: -0.15rem;
}

.cluster-capital-prise .p-members li:nth-child(12) {
  right: 5.3rem;
  top: 0.2rem;
}

.cluster-capital-prise .p-members li:nth-child(13) {
left: 1.3rem;
    top: 5.45rem;
}

.cluster-capital-prise .p-members li:nth-child(14) {
  right: 4.2rem;
  top: 1rem;
}

.cluster-capital-prise .p-members li:nth-child(15) {
  left: 3.5rem;
  top: 2rem;
}

.cluster-capital-prise .p-members li:nth-child(16) {
  right: 3.5rem;
  top: 2rem;
}

.cluster-capital-prise .p-members li:nth-child(17) {
  left: 3.07rem;
  top: 3.5rem;
}

.cluster-capital-prise .p-members li:nth-child(18) {
  right: 3.07rem;
  top: 3.5rem;
}

.cluster-capital-prise .p-members li:nth-child(19) {
  left: 3rem;
  top: 5rem;
}

.cluster-capital-prise .p-members li:nth-child(20) {
  right: 3rem;
  top: 5rem;
}

.cluster-capital-prise .p-members li:nth-child(21) {
    left: -0.3rem;
    top: 5.5rem;
}


.cluster-capital-prise .p-members li:nth-child(22) {
      right: 3.05rem;
    top: 5rem;
    right: -0.25rem;
    top: 5.6rem;
}

.cluster-capital-prise .p-members li:nth-child(23) {
    left: 1.3rem;
    top: 3.5rem;
}

.cluster-capital-prise .p-members li:nth-child(24) {
    right: 4.3rem;
    top: 4.7rem;
}

.cluster-capital-prise .p-members li:nth-child(25) {
 left: 11.3rem;
    top: 2.5rem;
}

.cluster-capital-prise .p-members li:nth-child(26) {
 right: 2rem;
    top: 4.5rem;
}

.cluster-capital-prise .p-members li:nth-child(27) {
  left: 6.2rem;
  top: 0rem;
}

.cluster-capital-prise .p-members li:nth-child(28) {
  right: 7.4rem;
  top: 1rem;
}

.cluster-capital-prise .p-members li:nth-child(29) {
  left: 3.75rem;
  top: 2.5rem;
}

.cluster-capital-prise .p-members li:nth-child(30) {
  right: 10rem;
  top: 1rem;
}

.cluster-capital-prise .p-members li:nth-child(31) {
  left: 1.35rem;
  top: 4.56rem;
}


.cluster-capital-prise .p-members li:nth-child(32) {
  right: 2.33rem;
  top: 3.2rem;
}

.cluster-capital-prise .p-members li:nth-child(33) {
  left: 1rem;
  top: 3.5rem;
}

.cluster-capital-prise .p-members li:nth-child(34) {
  right: 1rem;
  top: 4.2rem;
}

.cluster-capital-prise .p-members li:nth-child(35) {
  left: 1rem;
  top: 5rem;
}







.cluster-capital-prise .p-listed li:nth-child(1) {
  right: 9.8rem;
  top: 5.2rem;
}

.cluster-capital-prise .p-listed li:nth-child(2) {
  left: 7.35rem;
  top: 5rem;
}

.cluster-capital-prise .p-listed li:nth-child(3) {
  right: 6.1rem;
  top: 1.6rem;
}

.cluster-capital-prise .p-listed li:nth-child(4) {
  left: 6.7rem;
  top: 1.8rem;
}

.cluster-capital-prise .p-listed li:nth-child(5) {
  right: 4.87rem;
  top: 3.5rem;
}

.cluster-capital-prise .p-listed li:nth-child(6) {
  left: 10rem;
  top: 5rem;
}

.cluster-capital-prise .p-listed li:nth-child(7) {
  right: 12rem;
  top: 4rem;
}

.cluster-capital-prise .p-listed li:nth-child(8) {
  left: 4.6rem;
  top: 1.8rem;
}

.cluster-capital-prise .p-listed li:nth-child(9) {
  right: 2.6rem;
  top: 8.8rem;
}

.cluster-capital-prise .p-listed li:nth-child(10) {
  right: 12%;
  top: 42%;
}

.cluster-capital-prise .p-listed li:nth-child(11) {
  left: 8%;
  bottom: 12%;
}

.section {
  width: 100%;
}

.section1 {
  min-height: 7.2rem;
  background-image: url(../images/yw-bg2.jpg);
  background-size: cover;
}

.section1 .wrapper {
  width: 16rem;
  display: flex;
  /* align-items: center; */
}

.section .wrapper .section-img {
  width: 8rem;
  height: fit-content; 
  margin-left: 1rem;
  flex-shrink: 0;
}

.section .section-title {
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 1rem;
}

.section .section-list .item {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 0.2rem;
}

.section2 {
  background-color: #ffff;
  background-image: none;
}

.section .wrapper {
  width: 16rem;
  padding: 0.5rem 0rem;

}

.section2 .section-title {
  margin-bottom: 0.5rem;
}

.section-cards {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.section-cards .card {
  width: 5.1rem;
  height: 3.8rem;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  transition: all 0.4s ease;
  opacity: 0;
  /* 初始状态透明 */
  transform: translateY(50px);
  /* 初始状态向下偏移 */
}

/* 卡片入场动画样式 */
.section-cards .card.animate-in {
  opacity: 1;
  /* 动画完成后完全显示 */
  transform: translateY(0);
  /* 动画完成后回到原位 */
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 为不同卡片设置不同的延迟，实现序列动画 */
.section-cards .card:nth-child(1).animate-in {
  transition-delay: 0.1s;
}

.section-cards .card:nth-child(2).animate-in {
  transition-delay: 0.3s;
}

.section-cards .card:nth-child(3).animate-in {
  transition-delay: 0.5s;
}

.section-cards .card:nth-child(4).animate-in {
  transition-delay: 0.7s;
}

.section-cards .card:nth-child(5).animate-in {
  transition-delay: 0.9s;
}

/* 卡片悬停效果，提高优先级确保能覆盖入场动画 */
.section-cards .card.animate-in:hover {
  cursor: pointer;
  transform: translateY(-10px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  background-color: rgba(213, 174, 111, 0.95);
  transition: all 0.4s ease;
}

/* 卡片图片缩放效果 */
.section-cards .card .cover img {
  transition: all 0.5s ease;
  transform-origin: center;
}

.section-cards .card:hover .cover img {
  transform: scale(1.05);
  transition: all 0.5s ease;
}

/* 卡片文字动画 */
.section-cards .card .label {
  transition: all 0.4s ease;
}

.section-cards .card:hover .label {
  transform: translateY(-5px);
  transition: all 0.4s ease;
}

.section-cards .card .decs {
  transition: all 0.4s ease;
}

.section-cards .card:hover .decs {
  transform: translateY(5px);
  opacity: 0.9;
  transition: all 0.4s ease;
}

.section-cards .card .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.section-cards .card .label {
  font-size: 24px;
  line-height: 48px;
  position: absolute;
  letter-spacing: 0px;
  color: #ffffff;
  padding-left: 0.35rem;
  box-sizing: border-box;
  padding-bottom: 0.3rem;
}

.section-cards .card .decs {
  font-size: 18px;
  line-height: 48px;
  position: absolute;
  letter-spacing: 0px;
  color: #ffffff;
  padding-left: 0.35rem;
  box-sizing: border-box;
  padding-bottom: 0.3rem;
}

.topic .card .label {
  padding-bottom: 0.6rem;
  font-weight: 800;
}

.topic .card {
  margin-right: 0.25rem;
}

.topic .card:nth-child(3) {
  /* margin-right:0; */
}

.news .wrapper .info-list {
  width: 16rem;
  margin: 0 auto;
}

.news .wrapper .info-list ul li {
  border: solid 1px #eeeeee;
  height: 1.3rem;
}

.news .wrapper .info-list ul li a {
  padding: 0rem 0.4rem;
  box-sizing: border-box;
}

.news .wrapper .info-list ul li .time-wrap {
  flex-shrink: 0;
  width: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.news .wrapper .info-list ul li .time-wrap .day {
  font-weight: 800;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #d72229;
}

.news .wrapper .info-list ul li .time-wrap .year {
  font-size: 14px;
  margin-top: 10px;
  letter-spacing: 0px;
  color: #d72229;
}

.news .wrapper .info-list ul li a .cover {
    width: 10px;
    height: 20px;
}

.news .wrapper .info-list ul li a .info {
  /*flex: 1;*/
  width: 80%;
}

.news .wrapper .info-list ul li a .info .news-title {
  font-size: 20px;
}

.news .wrapper .party-list {}

.news .wrapper .party-list ul {
  display: flex;
  flex-wrap: wrap;
  width: 16rem;
  margin: 0 auto;
  flex-direction: row;
}

.news .wrapper .party-list ul li {
  width: 5.06rem;
  height: 5.5rem;
  margin-right: 0.4rem;
  background-color: #f9f9f9;
  border-bottom: none;
  margin-bottom: 0.4rem;
}

.news .wrapper .party-list ul li a {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.news .wrapper .party-list ul li:nth-child(3n) {
  margin-right: 0rem;
}

.news .wrapper .party-list ul li a .cover {
  width: 100%;
  height: 3.2rem;
  margin-left: 0px;
  overflow: hidden;
}

.news .wrapper .party-list ul li a .cover img {
  height: 100%;
  height: 100%;
}

.news .wrapper .party-list ul li a .info {
  box-sizing: border-box;
  padding: 0.2rem;
  height: 1.5rem;
  border-bottom: 1px solid #e5e5e5;
}

.news .wrapper .party-list ul li a .info .news-title {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0px;
  height: 0.6rem;
  color: #333333;
  font-weight: 600;
  /* 超出2行省略 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news .wrapper .party-list ul li a .info .news-desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news .wrapper .party-list ul li a .info-b {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  padding: 0.2rem;
}

.news .wrapper .party-list ul li a .info-b .time-icon {
  display: flex;
  align-items: center;
  color: #999999;
}

.news .wrapper .party-list ul li a .info-b .time-icon img {
  width: 16px;
  height: 16px;
  margin-right: 0.1rem;
}

.news .wrapper .party-list ul li a .info-b .more {
  color: #666666;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.news .wrapper .party-list ul li a .info-b .more img {
  width: 9px;
  height: 14px;
  margin-left: 0.1rem;
}

.news .wrapper .topic-list {
  width: 16rem;
  margin: 0 auto;
}

.news .wrapper .topic-list ul {
  display: flex;

  flex-direction: row;
  flex-wrap: wrap;
}

.news .wrapper .topic-list ul li {
  width: 3.76rem;
  height: 1.38rem;
  margin-right: 0.23rem;
  margin-bottom: 0.23rem;
}

.news .wrapper .topic-list ul li:nth-child(4) {
  margin-right: 0rem;
}

.news .wrapper .topic-list ul li a .cover {
  width: 100%;
  height: 100%;
  margin-left: 0;
}

.news .wrapper .topic-list ul li a .cover img {
  width: 100%;
  height: 100%;
}

.news .wrapper .topic-list ul li a {
  padding: 0px;
}

.news .wrapper .topic-list ul li {}

.employee-slogn {
  display: flex;
  width: 100%;
  min-height: 1.8rem;
  background: #feeced;
  align-items: center;

}

.employee-slogn .yh1,
.employee-slogn .yh2 {
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0px;
  color: #d72229;
  width: 0.67rem;
  height: 0.51rem;

}

.employee-slogn .yh1 {
  margin-top: -1.5rem;
}

.employee-slogn .yh2 {
  margin-top: 1.5rem;
}

.employee-title {
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 20px;
}

.employee-list {
  display: flex;
  flex-direction: column;
}

.employee-slogn {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #333333;
}

.employee-slogn-content {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.employee-list {
  margin-top: 2rem;
}

.employee-item {
  width: 100%;
  min-height: 7rem;
  position: relative;
  margin-top: -1rem
}

.employee-item::after {
  content: '';
  position: absolute;
  top: -0.5rem;
  left: 0;
  width: 7.6rem;
  height: 2.6rem;
  background-color: #cc1121;
  opacity: 0.08;
}


.employee-item .employee-wrap {
  display: flex;
  width: 16rem;
  margin: 0 auto;
  /* align-items:center; */
}

.employee-item:nth-child(2n) .employee-wrap {
  flex-direction: row-reverse;
}

.employee-item:nth-child(2n)::after {
  right: 0;
  left: unset;
}

.employee-item .employee-wrap .cover {
  width: 8rem;
  height: 5rem;
  flex-shrink: 0;
  margin-right: 0.5rem;
}

.employee-item:nth-child(2n) .employee-wrap .cover {
  margin-right: unset;
  margin-left: 0.5rem;
}

.employee-item .employee-wrap .info {
  height: 100%;
  box-sizing: border-box;
  padding-top: 0.5rem;
}

.employee-item .employee-wrap .info .title {
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  margin-bottom: 0.2rem;
  color: #cc1121;
}

.employee-item .employee-wrap .info .content {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333;
}

/* 联系信息卡片样式 */
.contact .contact-cards {
  padding: 60px 0;
  /* background-color: #f8f8f8; */
}

.contact .contact-cards .wrapper {
  display: flex;
  justify-content: center;
  /* gap:0px 30px; */
  flex-wrap: wrap;
}

.contact .contact-card {
  width: 3.8rem;
  box-sizing: border-box;
  height: 3.2rem;
  padding: 30px 20px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  transition: transform 0.3s ease;
  border: solid 1px #eeeeee;
  margin-right: 0.2rem
}

.contact .contact-card:nth-child(4n) {
  margin-right: 0rem;
}

.contact .contact-card:hover {
  cursor: pointer;
  transform: translateY(-5px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.contact .contact-card-icon {
  margin-bottom: 20px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact .contact-card-icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.contact .contact-card-title {
  font-size: 24px;
  /* font-weight: 600; */
  color: #333;
  margin-bottom: 15px;
  line-height: 24px;
}

.contact .contact-card-content {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

/* 招聘板块样式 */
.recruit-section {
  padding: 40px 0;
}

.recruit-title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
  text-align: center;
}

.recruit-table {
  max-width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.recruit-item {
  margin-bottom: 1px;
}

.recruit-header {
  display: flex;
  background-color: #fff;
  color: #333;
  font-weight: 600;
  padding: 15px 20px;
  align-items: center;
  border: 1px solid #eeeeee;
  border-bottom: none;

}

.recruit-header.header-row {
  background-color: #eee;
  color: #333;
  font-weight: 700;
}

.recruit-item:first-child .recruit-header {
  border-top: 1px solid #e0e0e0;
}

.recruit-item:last-child .recruit-header,
.recruit-item:last-child .recruit-content {
  border-bottom: 1px solid #e0e0e0;
}

.recruit-item:nth-child(even) .recruit-header {
  background-color: #fafafa;
}

/* 第一个职位的标题栏使用红色 */
.recruit-item:first-child .recruit-header {
  background-color: #cc1121;
  color: #fff;
}

.recruit-header-cell {
  flex: 1;
  text-align: center;
  font-size: 16px;
}

.recruit-header-cell:first-child {
  flex: 2;
  text-align: left;
}

.action-cell {
  flex: 0 0 40px;
}

.toggle-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.toggle-btn img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.toggle-btn:hover {
  transform: scale(1.1);
}

.recruit-content {
  padding: 25px 30px;
  background-color: #fff;
  border: solid 1px #cc1121;
  border-top: none;
  max-height: 500px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  opacity: 1;
  transform: translateY(0);
}

.recruit-content.hidden {
  max-height: 0;
  padding: 0 30px;
  opacity: 0;
  transform: translateY(-10px);
  border-color: transparent;
}

/* 鼠标悬停效果 */
.recruit-item {
  transition: all 0.3s ease;
}

.recruit-item:hover {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.recruit-header {
  cursor: pointer;
  transition: all 0.3s ease;
}

.toggle-btn {
  transition: all 0.3s ease;
}

.toggle-btn:hover {
  transform: scale(1.15);
}

.toggle-btn img {
  transition: all 0.3s ease;
}

/* 平滑背景色过渡 */
.recruit-header {
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 平滑背景色过渡 */
.recruit-header {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.recruit-detail {
  margin-bottom: 25px;
}

.recruit-detail:last-child {
  margin-bottom: 0;
}

.recruit-detail img {
  width: auto;
  height: auto;
  display: inline-block;
}

.recruit-detail h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
  color: #cc1121;
}

.recruit-detail ol {
  margin-left: 20px;
}

.recruit-detail li {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-bottom: 10px;
}

.recruit-detail li:last-child {
  margin-bottom: 0;
}


.scoail-title {
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #333333;
}


.scoail-dec {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #333333;
  margin-top: 0.2rem;
}

.scoail ul {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin: 0.4rem auto;
}

.scoail ul li {
  width: 1.73rem;
  height: 0.9rem;
  margin-left: 0.3rem;
  border-bottom: 1px solid #e4e4e4;
}

.scoail ul li .nums {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #d0121b;
  font-weight: bold;
  white-space: nowrap;
}

/* 社会责任卡片样式 */
.scoail-cards {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  margin: 40px 0;
  margin-top: 100px;
}

.scoail-cards .card {
  width: 100%;
  display: flex;
  background-color: #f7f8fa;
  overflow: hidden;
  transition: all 0.4s ease;
  position: relative;
  margin-bottom: 0.3rem;
  transform: translateY(0);
}

.scoail-cards .card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  background-color: #d6af70;
  cursor: pointer;
  transition: all 0.4s ease;
}

.scoail-cards .card .cover {
  width: 8rem;
  height: 4.18rem;
  flex-shrink: 0;
  overflow: hidden;
}

.scoail-cards .card .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  transform-origin: center;
}

.scoail-cards .card:hover .cover img {
  transform: scale(1.1);
  transition: transform 0.5s ease;
}

/* 自定义入场动画样式 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 为wow元素添加默认动画类 */
.wow.fadeInUp {
  animation: fadeInUp 1s ease-out forwards;
  opacity: 0;
}

.wow.fadeInDown {
  animation: fadeInDown 1s ease-out forwards;
  opacity: 0;
}

.wow.fadeInLeft {
  animation: fadeInLeft 1s ease-out forwards;
  opacity: 0;
}

.wow.fadeInRight {
  animation: fadeInRight 1s ease-out forwards;
  opacity: 0;
}

/* 为不同延迟的元素添加动画延迟 */
.wow[data-wow-delay="0.2s"] {
  animation-delay: 0.2s;
}

.wow[data-wow-delay="0.3s"] {
  animation-delay: 0.3s;
}

.wow[data-wow-delay="0.4s"] {
  animation-delay: 0.4s;
}

.wow[data-wow-delay="0.5s"] {
  animation-delay: 0.5s;
}

.wow[data-wow-delay="0.6s"] {
  animation-delay: 0.6s;
}

.wow[data-wow-delay="0.7s"] {
  animation-delay: 0.7s;
}

.wow[data-wow-delay="0.8s"] {
  animation-delay: 0.8s;
}

.wow[data-wow-delay="0.9s"] {
  animation-delay: 0.9s;
}

.wow[data-wow-delay="1s"] {
  animation-delay: 1s;
}

/* 项目列表悬停效果 */
.project-item {
  transition: all 0.4s ease;
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.project-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease;
}

.project-item .project-img {
  overflow: hidden;
}

.project-item .project-img img {
  transition: transform 0.5s ease;
  transform-origin: center;
}

.project-item:hover .project-img img {
  transform: scale(1.05);
  transition: transform 0.5s ease;
}

.project-item .project-info {
  transition: all 0.4s ease;
}

.project-item:hover .project-info {
  background-color: rgba(44, 103, 220, 0.95);
  transition: all 0.4s ease;
}

.project-item:hover .project-info h4,
.project-item:hover .project-info .content {
  color: #fff;
  transition: all 0.4s ease;
}

.scoail-cards .card .info {
  width: 8rem;
  padding: 40px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
}

.scoail-cards .card .info h4 {
  font-size: 30px;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
  line-height: 32px;
}

.scoail-cards .card .info .content {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #333333;
}

.scoail-cards .card:hover .info h4 {
  color: #fff;
}

.scoail-cards .card:hover .info .content {
  color: #fff;
}

/* 卡片1：第一行第一列 - 图片在上，文字在下（单列） */
.scoail-cards .card:nth-child(1) {}

.scoail-cards .card:nth-child(2n) {
  flex-direction: row-reverse;
}







.scoail ul li .nums span {
  font-size: 0.52rem;
  font-weight: bold;
  letter-spacing: 0px;
  color: #d0121b;
}

.scoail ul li .desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
}

.fr-t {
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #333333;
}

.project-list {
  margin-top: 0.6rem;
  display: flex;
  height: 7rem;
}

.project-list .project-item {
  width: 5.33rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.project-list .project-item .project-img {
  width: 100%;
  height: 3.5rem;
}


.project-list .project-item .project-info {
  background-color: #2c67dc;
  width: 100%;
  height: 3.5rem;
  padding: 0.25rem;
  box-sizing: border-box;
}

.project-list .project-item .project-info h4 {
  margin: 0;
  box-sizing: border-box;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #ffffff;

}

.project-list .project-item .project-info .content {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #ffffff;
}

.project-list .project-item:nth-child(2) .project-info {
  background-color: #e3b654;
}

.project-list .project-item:nth-child(2) {
  flex-direction: column-reverse;
}

.project-list .project-item:nth-child(3) .project-info {
  background-color: #0094de;
}

.nav-item {
  position: relative;
}

.dropdown-menu {
  width: 1.6rem;
  height: 0;
  background-color: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
  opacity: 0.94;
  position: absolute;
  top: 100%;
  left: calc(50% - 0.8rem);
  overflow: hidden;
  transition: all 0.4s ease;
}

.dropdown-menu li {
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #333333;
  text-align: center;
  height: 48px;
}

.dropdown-menu li a {
  height: 40px !important;
  line-height: 40px !important;
}

.nav-item:hover .dropdown-menu {
  height: auto;

}

.honor-list ul li p {
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.ppage {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ppage a {
  width: 45px;
  height: 45px;
  color: #999;
  text-align: center;
  line-height: 45px;
  margin: 0px 10px;
  border: 1px solid #ccc;
}

.ppage .nowpage {
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  margin: 0px 10px;
  color: #FFF;
  background: #c19c4c;
}

#swiperContainer .mobileSwiper {
  display: none;
}

/* 炫酷的旋转放大缩小动画 */
@keyframes rotateZoom {
  0% {
    transform: rotate(0deg) scale(1);
  }

  /* 30% {
    transform: rotate(90deg) scale(1.05);
  } */
  50% {
    transform: rotate(360deg) scale(1.1);
  }

  /* 80% {
    transform: rotate(90deg) scale(1.05);
  } */
  100% {
    transform: rotate(360deg) scale(1);
  }
}

.section-img {
  transition: all 0.3s ease;
  cursor: pointer;
}

.section-img img {
  transition: all 0.3s ease;
  transform-origin: center;
}

.section-img:hover img {
  /* animation: rotateZoom 1.5s ease-out forwards; */
}

.cluster-capital-prise li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#mobileSwiperContainer {
  display: none;
}

.ohter-news {
  width: 3.5rem;
  background-color: #FFF;
  box-sizing: border-box;
  margin-left: 0.5rem;
  margin-top: 0.6rem;
  padding: 0.3rem;
  display: flex;
  flex-direction: column;

}

.ohter-news .news-item {
  border-bottom: 1px solid #999;
}