html {
  font-size: 62.5%;
}
body {
  font-size: 1.4rem;
  color: #333333;
  overflow-x: hidden;
  font-family: "Arial,sans-serif";
}
section {
  overflow-x: hidden;
}
@font-face {
  font-family: 'title';
  src: url('../font/YouSheBiaoTiHei-2.ttf');
}

.develop-echart-content img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain;
}
.develop-echart-desc {
  font-size: 1.8rem;
}

.datepicker .datepicker-days thead th,
.datepicker-days table tbody td {
  font-size: 1.4rem; /* 调整为你想要的大小 */
}
.datepicker td, .datepicker th {
  width: 3.5rem !important;
  height: 2.5rem !important;
}

a {
  color: #333333;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}

.hide {
  display: none !important;
}

.opacity-0, .animate-scroll {
  opacity: 0;
}

/* 头部start */
header {
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 9.2rem;
  z-index: 1000;
  display: flex;
  align-items: center;
}

header.black {
  background-color: #10101066;
}

header.sticky {
  background-color: #fff;
  color: #333;
}

header:hover {
  background-color: #fff;
  color: #333;
}

header.black .header-nav-item a {
  color: #fff;
  text-align: left;
}
header.black:hover .header-nav-item a {
  color: #333;
}
header.black .header-menu span {
  background-color: #fff;
}
header.sticky .header-menu span {
  background-color: #333;
}
header.sticky .header-nav-item a {
  color: #333;
  text-align: left;
}
nav {
  display: flex;
  align-items: center;
  width: 138.6rem;
  height: 100%;
  position: relative;
  margin: auto;
}

.header-logo-pic{
  width: 27.2rem;
  object-fit: contain;
  /*margin-right: 31.1rem;*/
  /*margin-right: 20rem;*/
  margin-right: 10rem;
}

.header-logo-pic-white {
  display: none;
}

header:hover .header-logo-pic-white, header.sticky .header-logo-pic-white {
  display: block;
}

header:hover .header-logo-pic-black, header.sticky .header-logo-pic-black {
  display: none;
}

.header-nav-box {
  height: 100%;
}

.header-nav-pos {
  display: none;
}

.header-nav {
  display: flex;
  align-items: center;
  font-weight: 400;
  /*font-size: 16px;*/
  font-size: 2.4rem;
  height: 100%;
  color: #333;
}

.black .header-nav {
  color: #fff;
}

.header-nav-item {
  /*margin-right: 5.6rem;*/
  padding: 0 2.8rem;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

header.sticky .header-nav, header:hover .header-nav, header.sticky .header-language-txt, header:hover .header-language-txt {
  color: #333;
}

header.white .header-nav, header.white .header-language-txt {
  color: #333;
}

header.sticky .header-language-pic, header:hover .header-language-pic, header.white .header-language-pic {
  display: block;
}

header.sticky .header-language-pic2, header:hover .header-language-pic2, header.white .header-language-pic2 {
  display: none;
}

.header-nav-item:hover::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-bottom: 0.4rem solid #00A091;
}

.header-nav-item:hover span {
  color: #00A091;
  font-weight: 700;
}

/*.header-nav-item:hover .header-nav-item-box {*/
/*  display: flex;*/
/*  animation: fadeInMenu 0.3s ease forwards;*/
/*}*/
.header-nav-item.active .header-nav-item-box {
  display: flex;
  animation: fadeInMenu 0.3s ease forwards;
}

.header-nav-item-box {
  position: fixed;
  background-color: #fff;
  top: 9.2rem;
  left: 0;
  right: 0;
  display: none;
  opacity: 0;
  padding: 1.8rem 0;
}

.header-nav-item-box-label {
  /*font-size: 2rem;*/
  font-size: 2.2rem;
  color: #00A091;
  font-weight: 700;
  margin-left: 30vw;
  margin-right: 8rem;
}

.header-nav-item-box-values {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 1rem;
  grid-column-gap: 10rem;
}

.header-nav-item-box-values-2 {
  grid-template-columns: 1fr;
}

.header-nav-item-box-values-3 {
  margin-left: 3rem;
}

.header-nav-item-box-value {
  /*font-size: 16px;*/
  font-size: 1.8rem;
  font-weight: 400;
}
.header-nav-item-box-value:hover {
  color: #00A091 !important;
  font-weight: 500;
}

.header-nav-item:last-child {
  margin-right: 0;
}

.header-language {
  position: absolute;
  right: 10.2rem;
}
.header-language .dropdown-toggle:hover {
  color: #333;
  text-decoration: none;
}
.header-language .dropdown-toggle::after {
  display: none;
}
.header-language .dropdown-item {
  font-size: 1.4rem;
}
.header-language-txt {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
}
.header-language-pic {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1rem;
  display: none;
}
.header-language-pic2 {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1rem;
}
.header-language-box {
  position: absolute;
  bottom: 0;
  background-color: #fff;
}

.header-search {
  position: absolute;
  top: 0;
  right: 0;
}
.header-search-pic {
  width: 7.8rem;
  object-fit: contain;
  cursor: pointer;
}
.header-menu {
  display: none;
}
/* 头部end */
/* 通用头部 */
.common-height {
  height: 9.2rem;
}
.common-header {
  width: 100%;
  height: 40rem;
  position: relative;
}
.common-header-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.common-header-info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}
.common-header-info-title {
  width: 100%;
  text-align: center;
  position: relative;
  color: #fff;
  font-weight: 500;
  font-size: 4.5rem;
}
.common-header-info-desc {
  width: 100%;
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 1.5rem;
}
.common-body {
  width: 141.6rem;
  margin: auto;
}
.common-body2 {
  width: 113.2rem;
}
.common-box {
  padding-top: 7.2rem;
  display: flex;
  align-items: center;
  position: relative;
}
.common-box-width {
  width: 17.6rem;
}
.common-box-pic {
  width: 66.8rem;
  height: 33rem;
}
.common-box-pic-item {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.common-box-pic2 {
  width: 65.2rem;
  height: 41.9rem;
}
.common-box-width2 {
  width: 8rem;
}
.common-box-width3 {
  width: 20.8rem;
}
.common-box-info {
  flex: 1;
}
.common-box-info2 {
  flex: 1;
}
.common-box-title {
  font-size: 5.6rem;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 4rem;
}
.common-box-title-right {
  text-align: right;
}
.common-box-content {
  /*font-size: 1.6rem;*/
  /*font-weight: 400;*/
  color: #86909C;
  text-align: justify;
  /*line-height: 2.4rem;*/
  
  color: rgba(51, 51, 51, 0.80);
  font-size: 2rem;
  font-weight: 500;
  line-height: 4rem;
  text-indent: 4rem;
}
.common-title {
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 8.109rem;
}
.common-box-title-span {
  color: #00A091;
}
.common-box-item {
  margin-bottom: 2.4rem;
  display: flex;
  align-items: flex-start;
}
.common-box-item:last-child {
  margin-bottom: 0;
}
.common-box-item-circle {
  background-color: #00A091;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-right: 2.4rem;
  margin-top: 0.8rem;
}
.common-box-item-2 .common-box-item-circle {
  margin-top: 2.2rem;
}
.common-box-item-txt {
  flex: 1;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: justify;
}
.common-box-item-txt span {
  font-size: 3.2rem;
  color: #00A091;
  font-weight: 500;
}
.common-header-title {
  padding-top: 6.4rem;
  position: relative;
}
.common-header-title2 {
  padding-top: 3rem;
}
.common-header-desc {
  color: #333333CC;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  margin-top: 4rem;
}
.common-box-title-right {
  text-align: right;
}
.common-box-title-sub {
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 5.6rem;
}
.common-box-items {
  margin-top: 3.2rem;
}
.common-box-line {
  width: 100%;
  height: 0.1rem;
  background-color: #E5E6EB;
  margin-top: 3.2rem;
}
.common-box-content-2 {
  color: #333333CC;
  font-size: 2rem;
  font-weight: 500;
  line-height: 4rem;
  margin: auto;
  text-align: justify;
}
.common-box-tip {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
}
.common-box-tip-right {
  text-align: right;
}
.common-article {

}
.common-article-item {
  margin-bottom: 1.4rem;
  display: block;
}
.common-article-item:last-child {
  margin-bottom: 0;
}
.common-article-item-desc {
  display: none;
}
.common-article-item-date-hover {
  display: none;
}
.common-article-item-info {
  display: flex;
  align-items: center;
  background: #F8F8F8;
}
.common-article-item-title {
  flex: 1;
  color: #555;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.common-article-item-date {
  color: #888;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.2rem; /* 220% */
}
.common-article-item-line {
  width: 100%;
  height: 0.1rem;
  background-color: #dfdfdf;
  margin-top: 1.4rem;
}
.common-article-item.active {
  padding-bottom: 4.4rem;
  display: flex;
}
.common-article-item.active .common-article-item-date {
  display: none;
}
.common-article-item.active .common-article-item-normal {
  flex: 1;
}
.common-article-item.active .common-article-item-info {
  background-color: #fff;
}
.common-article-item.active .common-article-item-desc {
  display: block;
  color: #999998;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 1.1rem;
  line-height: 2.2rem; /* 183.333% */
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.common-article-item.active .common-article-item-date-hover {
  display: flex;
}
.common-article-item-date-hover {
  flex-direction: column;
  align-items: center;
  margin-left: 7.8rem;
}
.common-article-item-date-hover-day {
  color: #888;
  font-size: 3rem;
  font-weight: 700;
  line-height: 2.2rem; /* 73.333% */
}
.common-article-item-date-hover-year {
  color: #878888;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2.2rem; /* 183.333% */
}
.common-article-item-arrow {
  margin-top: 2.3rem;
  font-size: 1.2rem;
  color: #878888;
}
.common-link {
  width: 13.6rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00A091;
  font-size: 1.6rem;
  font-weight: 500;
  border-radius: 10rem;
  border: 0.1rem solid #00A091;
}
.common-link:hover {
  color: #00A091;
  transform: scale(1.05);
}
.common-pager {
  margin-top: 6.4rem;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.common-pager .page-item a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0.4rem;
  background: #F5F6F7;
}
.common-pager .page-item a:hover, .common-pager .page-item a.current {
  color: #fff;
  background-color: #00A091;
}
.common-pager .page-item a.first, .common-pager .page-item a.next {
  width: 6rem;
}
.common-pager .page-item a.last {
  width: 7rem;
}
.common-pager .page-item {
  margin-right: 0.8rem;
}
.common-pager .page-item:last-child {
  margin-right: 0;
}
.common-search {
  margin-top: 4.8rem;
  position: relative;
}
.common-search-box {
  display: flex;
  align-items: center;
  height: 6.4rem;
  border: 0.15rem solid #00A091;
}
.common-search-icon {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: cover;
  margin-left: 4rem;
}
.common-search-input {
  border: none;
  flex: 1;
  height: 100%;
  margin: 0 0.4rem;
  font-size: 2.4rem;
  font-weight: 400;
  color: #333;
}
.common-search-input:focus {
  outline: none;
  border: none;
}
.common-search-input::placeholder {
  color: #959595;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.475rem;
  vertical-align: middle;
}
.common-search-btn {
  width: 21.9rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00A091;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.634rem;
  color: #fff;
  cursor: pointer;
}
.common-search-tabs {
  margin-top: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-search-tabs-label {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.317rem;
  color: #333333CC;
  margin-right: 1.2rem;
}
.common-search-tabs-icon {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.2rem;
}
.common-search-tabs-value {
  display: flex;
  align-items: center;
}
.common-search-tabs-txt {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.317rem;
}
.common-search-tabs-line {
  width: 0.1rem;
  height: 1.6rem;
  background-color: #33333333;
  margin: 0 1.6rem;
}
.common-search-tabs-txt:hover {
  color: #00A091;
}
.common-search-date {
  display: flex;
  justify-content: flex-end;
  margin-top: 4rem;
}
.common-search-date-box {
  width: 20rem;
  height: 4rem;
  border: 0.1rem solid #E5E6EB;
  border-radius: 0.8rem;
  padding: 0 0.8rem;
}
.common-search-date-input {
  width: 100%;
  height: 100%;
  border: none;
}
.common-search-date-input:focus {
  outline: none;
  border: none;
}
.common-position-white-up {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30%;
  width: 100%;
  object-fit: contain;
}
.common-position-white-up2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10%;
  width: 100%;
  object-fit: contain;
}
  /* 通用头部end */
/* 轮播start */
.index-body {
  position: relative;
  overflow: hidden;
}
.index-body-bg {
  position: absolute;
  width: 60%;
  object-fit: contain;
  right: -30%;
  top: 5%;
}
.index-body-bg2 {
  position: absolute;
  width: 60%;
  object-fit: contain;
  left: -30%;
  top: 1%;
}
.index-news-box {
  margin-top: 6.4rem;
  display: flex;
}
.swiper-container {
  position: relative;
  width: 102.8rem;
  height: 51.9rem;
  margin-right: 2.8rem;
  overflow: hidden;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.swiper-slide-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00A091CC;
  height: 6.7rem;
  width: 100%;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.475rem;
  color: #fff;
  display: flex;
  align-items: center;
  padding-left: 3.2rem;
  box-sizing: border-box;
}
.swiper-slide-title span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 80%;
}
.swiper-pagination {
  text-align: right !important;
  z-index: 99 !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 2.2rem !important;
  padding-right: 3.2rem;
}
.swiper-pagination-bullet {
  width: 1rem !important;
  height: 1rem !important;
  background-color: #FFFFFF99 !important;
  display: inline-block !important;
  border-radius: 50% !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  width: 1rem !important;
  height: 1rem !important;
  background-color: #fff !important;
  border-radius: 50% !important;
}
.index-news-right {
  flex: 1;
  background-color: #fff;
  align-self: stretch;
  padding: 0 2rem;
  position: relative;
}
.index-news-right-title {
  /*font-family: 'title';*/
  /*font-size: 3.2rem;*/
  font-size: 2.8rem;
  font-style: italic;
  font-weight: 800;
  line-height: 4.16rem;
  letter-spacing: 0.08em;
  color: #0431B2;
  border-bottom: 0.1rem solid #0431B2;
  
  display: block;
}
.index-news-right-title:hover {
  color: #0431B2;
}
.index-news-items {
  width: 31.6rem;
}
.index-news-items-item {
  width: 100%;
  display: block;
  color: #333333CC;
  padding: 1.6rem 0 0.8rem;
  border-bottom: 0.1rem solid #D9D9D999;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.3rem;
  
  white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏超出容器的文本 */
  text-overflow: ellipsis;
}
.index-news-items-item:hover {
  color: #00A091;
  font-weight: 500;
}
.index-video-box {
  margin-top: 2.4rem;
  display: flex;
  width: 100%;
}
.index-video-box-left {
  width: 27.1rem;
  height: 25.7rem;
  background-color: #00A091;
  position: relative;
  padding: 3.9rem 1.6rem 0;
  box-sizing: border-box;
}
.index-video-box-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 21.8rem;
  height: 23.6rem;
  object-fit: cover;
}
.index-video-box-item {
  background-color: #ACFFE545;
  border-radius: 0.4rem;
  padding: 1rem 1.2rem;
  margin-bottom: 1.4rem;
  position: relative;
}
.index-video-box-item:last-child {
  margin-bottom: 0;
}
.index-video-box-item-label {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3rem;
  letter-spacing: 0.02em;
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.index-video-box-item-label img {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.6rem;
}
.index-video-box-item-phone {
  font-family: D-DIN-PRO;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #fff;
}
.index-video-box-item-address {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7rem;
  color: #fff;
}
.index-video-box-right {
  flex: 1;
  align-self: stretch;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
}
.swiper-container-video {
  width: calc(141.6rem - 27.1rem);
  height: 100%;
  overflow: hidden;
}
.swiper-slide-video {
  width: 100%;
  height: 100%;
  padding: 0 3rem;
  display: grid;
  /*padding-top: 3.4rem;*/
  padding-top: 5.4rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 2.4rem;
}
.index-video-item {
  cursor: pointer;
  position: relative;
}
.index-video-item-pic {
  width: 100%;
  height: 13.5rem;
  object-fit: cover;
}
.index-video-item-title {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.3rem;
  color: #333;
  margin-top: 0.8rem;
  
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  
  text-align: center;
}
.index-video-item:hover .index-video-item-title {
  color: #00A091;
  font-weight: 500;
}
.index-video-item-info {
  position: relative;
}
.index-video-item-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.4rem;
  height: 2.4rem;
  transform: translate(-50%, -50%);
}
.index-video-item:hover .index-video-item-icon {
  display: block;
}
.swiper-arrow-left {
  position: absolute;
  background-color: #8D8C8C66;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0.3rem;
  /*top: 8rem;*/
  top: 12rem;
  cursor: pointer;
  z-index: 10;
}
.swiper-arrow-right {
  position: absolute;
  background-color: #8D8C8C66;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0.3rem;
  /*top: 8rem;*/
  top: 12rem;
  cursor: pointer;
  transform: scaleX(-1);
  z-index: 10;
}
.swiper-arrow-left img, .swiper-arrow-right img {
  width: 1.2rem;
  height: 1.2rem;
}
.index-fixed-video {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #00000078;
  align-items: center;
  justify-content: center;
  display: none;
}
.index-fixed-box {
  width: 141.6rem;
  height: 76rem;
  background-color: #000;
  position: relative;
  
}
.index-fixed-video.active {
  display: flex;
  animation: fadeInAbout 0.8s ease forwards;
}
.index-fixed-title {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.6rem;
  color: #fff;
  height: 7.4rem;
  display: flex;
  align-items: center;
  padding-left: 3.2rem;
}
.index-fixed-video-box {
  width: 100%;
  height: 61.2rem;
}
.index-fixed-icon {
  width: 4rem;
  height: 4rem;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -5rem;
}
.index-article-box {
  margin-top: 4rem;
  display: flex;
}
.index-article-activity {
  width: 50rem;
  height: 44.3rem;
  border-radius: 0.4rem;
  background-color: #EFF8FA;
  padding: 1.2rem 2.5rem 0;
  box-sizing: border-box;
  position: relative;
}
.index-article-activity-title {
  /*font-family: title;*/
  /*font-size: 3.2rem;*/
  /*font-weight: 400;*/
  font-size: 2.8rem;
  font-style: italic;
  font-weight: 800;
  line-height: 4rem;
  letter-spacing: 0.08em;
  border-bottom: 0.1rem solid #00A091;
  color: #00A091;
  
  display: block;
}
.index-article-activity-title:hover {
  color: #00A091;
}
.index-article-activity-box {
  margin-top: 2.3rem;
}
.index-article-activity-item {
  display: block;
  position: relative;
  width: 100%;
  height: 10.6rem;
  margin-bottom: 1.6rem;
}
.index-article-activity-item:last-child {
  margin-bottom: 0;
}
.index-article-activity-item:hover {
  transform: scale(1.02);
}
.index-article-activity-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-article-activity-date {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #00A091;
  border-radius: 0.4rem;
  border-top-right-radius: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: 0.08em;
  color: #fff;
  width: 7.4rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-article-activity-label {
  position: absolute;
  bottom: 0.8rem;
  left: 0.8rem;
  width: 90%;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  color: #fff;
  white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏超出容器的文本 */
  text-overflow: ellipsis;
}
.index-article-activity-bg {
  background: linear-gradient(180deg, rgba(22, 16, 16, 0) 60%, #000000 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-article-policy {
  flex: 1;
  height: 44.3rem;
  border-radius: 0.4rem;
  margin: 0 3.2rem;
  background-color: #CD2C0105;
  position: relative;
  padding: 1.2rem 2.4rem 0;
}
.index-article-policy-box {
  margin-top: 1.9rem;
}
.index-article-policy-title {
  /*font-family: title;*/
  /*font-size: 3.2rem;*/
  /*font-weight: 400;*/
  font-size: 2.8rem;
  font-style: italic;
  font-weight: 800;
  line-height: 4rem;
  letter-spacing: 0.08em;
  border-bottom: 0.1rem solid #CD2C0199;
  color: #CD2C01;
  
  display: block;
}
.index-article-policy-title:hover {
  color: #CD2C01;
}
.index-article-policy-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.6rem;
  padding-bottom: 0.8rem;
  border-bottom: 0.1rem solid #DFDFDF;
}
.index-article-policy-item:last-child {
  margin-bottom: 0;
}
.index-article-policy-label {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  color: #555;
  max-width: 36rem;
  white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏超出容器的文本 */
  text-overflow: ellipsis;
}
.index-article-policy-item:hover .index-article-policy-label {
  color: #CD2C01;
}
.index-article-policy-date {
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.2rem;
  color: #33333399;
  margin-left: 1rem;
}
.index-article-book {
  width: 35.2rem;
  height: 44.3rem;
  border-radius: 0.4rem;
  background-color: #FEFDFA;
  position: relative;
  padding: 1.2rem 2.4rem 0;
  box-sizing: border-box;
}
.index-article-book-title {
  /*font-family: title;*/
  /*font-size: 3.2rem;*/
  /*font-weight: 400;*/
  font-size: 2.8rem;
  font-style: italic;
  font-weight: 800;
  line-height: 4rem;
  letter-spacing: 0.08em;
  border-bottom: 0.1rem solid #DEB00099;
  color: #DEB000;
  
  display: block;
}
.index-article-book-title:hover {
  color: #DEB000;
}
.index-article-book-box {
  width: 30.4rem;
  overflow: hidden;
  margin-top: 1.2rem;
}
.index-article-book-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 34rem;
}
.index-article-book-pic {
  /*width: 26.8rem;*/
  /*height: 25rem;*/
  height: 32rem;
  object-fit: contain;
}
.index-article-book-txt {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7rem;
  text-align: justify;
  color: #333333CC;
  margin-top: 2.9rem;
}
.swiper-book {
  position: absolute;
}
.swiper-book.swiper-horizontal>.swiper-pagination-bullets, .swiper-book.swiper-pagination-bullets.swiper-pagination-horizontal{
  padding: 0 !important;
  bottom: unset !important;
  text-align: center;
}
.swiper-book .swiper-pagination-bullet {
  background-color: #DEB00066 !important;
}
.swiper-book .swiper-pagination-bullet-active {
  background-color: #DEB000 !important;
}
.index-bg-box {
  position: relative;
  padding-bottom: 18.6rem;
}
/* 轮播end */

/* 首页关于经发局start */
.index-about {
  position: relative;
  background-color: #EFF8FA;
}
.index-about-box {
  width: 138.6rem;
  margin: auto;
  display: flex;
  align-items: center;
  margin-top: 4rem;
}
.index-about-header {
  padding-top: 0;
}
.index-about-bg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.index-about-bg-pic {
  height: 96.7rem;
  object-fit: contain;
}
.index-about-left {
  flex: 1;
  z-index: 1;
  
  align-self: stretch;
  display: flex;
  align-items: center;
}
.index-about-right {
  width: 58.8rem;
  height: 101.6rem;
  position: relative;
}
.index-about-right-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.index-about-right-bg-circle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28rem;
  height: 28rem;
  left: -14rem;
}
.index-about-right-circle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -41.5rem;
  width: 100.3rem;
}
.index-about-right-circle-box {
  position: relative;
  width: 83rem;
  height: 83rem;
  border-right: 0.1rem solid #fff;
  /*border-top: 0.1rem solid #fff;*/
  border-bottom: 0.1rem solid #fff;
  transform: rotate(-45deg);
  border-radius: 50%;
  shape-outside: margin-box;
  float:left;
}
.index-about-right-circle-label {
  height: 83rem;
}
.index-about-right-circle-label-item {
  padding: 8.1rem 0;
  height: 2.4rem;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: 500;
}
.index-about-right-circle-txt {
  padding-left: 3.7rem;
  cursor: pointer;
  position: relative;
  z-index: 10;
}
.index-about-right-circle-txt-div {
  padding-top: 1rem;
  display: inline-block;
}
.index-about-right-circle-txt.active {
  color: #00FFE7;
  z-index: 1;
}
.index-about-right-circle-txt.active::after {
  content: '';
  position: absolute;
  width: 20rem;
  height: 20rem;
  background-image: url('../images/icon-point.svg');
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
  background-repeat: no-repeat;
}
.index-about-right-circle-txt.active-1::after {
  left: -11.5rem;
}
.index-about-right-circle-txt.active-2::after {
  left: -10.5rem;
}
.index-about-right-circle-txt.active-3::after {
  left: -10.1rem;
  top: 10%;
}
.index-about-right-circle-txt.active-4::after {
  left: -10.5rem;
}
.index-about-right-circle-txt.active-5::after {
  left: -11.5rem;
}
.index-about-body {
  display: none;
  opacity: 0;
  transform: scale(0.7);
}
.index-about-body.active {
  display: block;
  animation: fadeInAbout 1.5s ease forwards;
}
.index-about-left-label {
  padding: 1.8rem 2.6rem;
  background-color: #00A091;
  position: relative;
  display: inline-block;
  color: #FFFFFFCC;
  font-weight: 500;
  font-size: 3.2rem;
  margin-left: 3rem;
}
.index-about-left-label span {
  position: relative;
  z-index: 10;
}
.index-about-left-pic {
  position: absolute;
  bottom: 1.4rem;
  height: 4.8rem;
  object-fit: contain;
  right: 0;
}
.index-about-left-label-bg {
  position: absolute;
  bottom: 0;
  height: 100%;
  object-fit: contain;
  right: -3rem;
}
.index-about-left-label-bg2 {
  position: absolute;
  bottom: 0;
  height: 100%;
  object-fit: contain;
  left: -3rem;
}
.index-about-content {
  width: 64.5rem;
  font-size: 2.4rem;
  font-weight: 500;
  text-align: justify;
}
.index-about-content-1 {
  margin-top: 7rem;
  margin-bottom: 2.4rem;
}
.index-about-content-2 {
  margin-top: 4rem;
  margin-bottom: 2.4rem;
}
.index-about-desc {
  width: 64.5rem;
  color: #33333399;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: justify;
}
.index-about-btn {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  background: #00A091;
  border-radius: 4rem;
  padding: 1rem 2.4rem;
  margin-top: 4rem;
  cursor: pointer;
}
.index-about-btn:hover {
  color: #fff;
  transform: scale(1.02);
}

.index-about-link {
  height: 0.1rem;
  width: 100%;
  background-color: #D9D9D966;
  margin: 5.6rem 0 0;
}
.index-about-other {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.index-about-other-label {
  /*margin: 4rem 0 2.4rem;*/
  margin: 4rem 0 1.8rem;
  color: rgba(51, 51, 51, 0.60);
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2.4rem; /* 100% */
}
.index-about-other-item img {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
}
.index-about-other-item {
  margin-right: 6rem;
  /*font-size: 2.4rem;*/
  font-weight: 400;
  font-size: 1.8rem;
}
.index-about-other-item:last-child {
  margin-right: 0;
}
.index-about-left-box-item {
  width: 64.5rem;
  border-radius: 0.8rem;
  background: rgba(0, 160, 145, 0.20);
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 1.6rem;
  box-sizing: border-box;
  padding: 1.6rem;
  padding-left: 0.8rem;
}
.index-about-left-box-item-2 {
  display: flex;
}
.index-about-left-box-item:last-child {
  margin-bottom: 0;
}
.index-about-left-box-item-point {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #00A091;
  border-radius: 50%;
  margin-top: 0.8rem;
}
.index-about-left-box-item-value {
  flex: 1;
  margin-left: 0.4rem;
}
.index-about-left-box-item-label {
  color: #00A091;
  font-weight: 500;
}
.index-about-content-href {
  color: rgba(0, 160, 145, 0.60);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem; /* 150% */
  margin-top: 1.2rem;
  display: block;
}
.index-about-content-href:hover {
  color: rgba(0, 160, 145, 0.60);
}
.index-about-sat {
  display: flex;
  align-items: center;
  margin-top: 10rem;
}
.index-about-sat-item {
  margin-right: 7.2rem;
}
.index-about-sat-item:last-child {
  margin-right: 0;
}
.index-about-sat-item-value {
  color: #00A091;
  font-size: 5rem;
  font-weight: 700;
  font-family: D-DIN-PRO;
}
.index-about-sat-item-value span {
  font-size: 4rem;
}
.index-about-sat-item-label {
  color: #000000;
  font-size: 1.6rem;
  font-weight: 400;
}
.index-about-left-title {
  font-size: 5.6rem;
  font-weight: 700;
  margin: 7.2rem 0 3.2rem;
  width: 64.5rem;
}
.index-about-left-txt {
  color: #333333CC;
  font-size: 1.8rem;
  font-weight: 400;
  width: 64.5rem;
}
.index-about-left-label-5 {
  font-size: 2.8rem;
  padding: 2.4rem 8rem 1.4rem 2rem;
}
.index-about-left-label-5 .index-about-left-label-bg {
  right: -7rem;
}
.index-about-tab {
  display: none;
}
/* 首页关于经发局end */

/* 首页四大产业start */
.index-product {
  width: 138.6rem;
  margin: auto;
  margin-top: 6.4rem;
}
.index-product-box {
  position: relative;
  padding-top: 14.6rem;
}
.index-product-tab2 {
  display: flex;
  align-items: center;
  height: 8.2rem;
  justify-content: space-between;
}
.index-product-tab-item2 {
  position: relative;
  color: #33333366;
  cursor: pointer;
  height: 100%;
}
.index-product-tab-item2 span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3.2rem;
  font-weight: 400;
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  text-align: center;
}
.index-product-tab-item2.active span {
  font-weight: 500;
  color: #fff;
}
.index-product-tab-item2-pic {
  height: 100%;
  object-fit: contain;
}
.index-product-tab-item2-pic-active {
  height: 100%;
  object-fit: contain;
  display: none;
  opacity: 0;
}
.index-product-tab-item2.active .index-product-tab-item2-pic {
  display: none;
}
.index-product-tab-item2.active .index-product-tab-item2-pic-active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
.index-product-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 160, 145, 0.1)
}
.index-product-tab-item {
  color: #333333CC;
  font-weight: 400;
  font-size: 3.2rem;
  /*padding-bottom: 2.4rem;*/
  cursor: pointer;
  height: 8.5rem;
  display:flex;
  align-items: center;
  justify-content: center;
  padding: 0 4rem;
  position: relative;
}
.index-product-tab-item.active-1.active {
  color: #fff;
  background-color: #00A091;
}
.index-product-tab-item.active-2.active {
  color: #fff;
  background-color: #00A091;
}
.index-product-tab-item.active-3.active {
  color: #fff;
  background-color: #00A091;
}
.index-product-tab-item.active-4.active {
  color: #fff;
  background-color: #00A091;
}
.index-product-tab-item span {
  position: relative;
}
.index-product-tab-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.index-product-tab-item.active .index-product-tab-icon{
  display: block;
}
.index-product-body {
  margin-top: 5.6rem;
}
.index-product-body-box {
  display: none;
  opacity: 0;
}
.index-product-body-box.active {
  display: flex;
  justify-content: space-between;
  animation: fadeInMenu 1.5s ease forwards;
}
.index-product-body-right-txt {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.index-product-body-label {
  width: 57rem;
  font-weight: 500;
  font-size: 4rem;
  color: #33333333;
  font-family: D-DIN-PRO;
  margin-bottom: 3.2rem;
  line-height: 4.4rem;
}
.index-product-body-right-txt .index-product-body-label {
  text-align: right;
}
.index-product-body-title {
  font-size: 4rem;
  font-weight: 500;
  margin-bottom: 3.2rem;
}
.index-product-body-title-1 {
  color: #0431B2;
}
.index-product-body-title-2 {
  color: #00A091;
}
.index-product-body-title-3 {
  color: #CD2C01;
}
.index-product-body-title-4 {
  color: #DEB000;
}
.index-product-body-item {
  display: flex;
}
.index-product-body-item:last-child {
  margin-bottom: 0;
}
.index-product-body-item-line {
  align-self: stretch;
  width: 0.2rem;
  position: relative;
  margin-right: 1.2rem;
}
.index-product-body-item-1 .index-product-body-item-line {
  background-color: #0735E333;
}
.index-product-body-item-1 .index-product-body-item-line::after {
  content: '';
  background-color: #0735E3;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index-product-body-item-2 .index-product-body-item-line {
  background-color: #00A09133;
}
.index-product-body-item-2 .index-product-body-item-line::after {
  content: '';
  background-color: #00A091;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index-product-body-item-3 .index-product-body-item-line {
  background-color: #FF360033;
}
.index-product-body-item-3 .index-product-body-item-line::after {
  content: '';
  background-color: #FF3600;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index-product-body-item-4 .index-product-body-item-line {
  background-color: #EBBC0C33;
}
.index-product-body-item-4 .index-product-body-item-line::after {
  content: '';
  background-color: #DEB000;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index-product-body-item-number {
  width: 5.2rem;
  height: 3.2rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 400;
  margin-top: 1.6rem;
}
.index-product-body-item-1 .index-product-body-item-number {
  background-color: #0431B2;
}
.index-product-body-item-2 .index-product-body-item-number {
  background-color: #00A091;
}
.index-product-body-item-3 .index-product-body-item-number {
  background-color: #CD2C01;
}
.index-product-body-item-4 .index-product-body-item-number {
  background-color: #DEB000;
}
.index-product-body-item-txt {
  font-size: 2.4rem;
  font-weight: 500;
  margin-left: 1rem;
  padding: 1.4rem 0;
}
.index-product-body-content {
  width: 40rem;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  /*margin-top: 2.4rem;*/
}
.index-product-body-content-center {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #33333399;
  text-align: justify;
  line-height: 2.4rem;
}
.index-product-body-content-center-line {
  height: 1.2rem;
}
.index-product-body-content-center-3 {
  margin: 1rem 0;
}
.index-product-body-content-center-4 {
  margin: 1rem 0;
}
.index-product-body-content-center a {
  font-weight: 400;
  color: #33333399;
}
.index-product-body-content-1 span {
  font-weight: 500;
  font-size: 2rem;
  color: #0431B2;
}
.index-product-body-content-2 span {
  font-weight: 500;
  font-size: 2rem;
  color: #00A091;
}
.index-product-body-content-2 a, .index-product-body-content-2 a:hover {
  color: #00A091;
}
.index-product-body-content-3 span {
  font-weight: 500;
  font-size: 2rem;
  color: #CD2C01;
}
.index-product-body-content-3 a, .index-product-body-content-3 a:hover {
  color: #CD2C01;
}
.index-product-body-content-4 span {
  font-weight: 500;
  font-size: 2rem;
  color: #DEB000;
}
.index-product-body-pics {
  position: relative;
}
.index-product-body-pics-top {
  width: 63.3rem;
  height: 30.8rem;
  opacity: 0;
}
.index-product-body-pics-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-product-body-pics-bottom {
  display: flex;
}
.index-product-body-pics-left {
  width: 29.6rem;
  height: 31rem;
  opacity: 0;
}
.index-product-body-pics-box {
  width: 33.7rem;
  height: 44.5rem;
  position: relative;
  padding-top: 6.5rem;
  padding-left: 2.2rem;
  opacity: 0;
}
.index-product-body-box.active .index-product-body-pics-box{
  animation: productLabelAction 2s ease forwards;
}
.index-product-body-box.active .index-product-body-pics-top {
  animation: productTopAction 2s ease forwards;
}
.index-product-body-box.active .index-product-body-left .index-product-body-pics-left {
  animation: productLeftAction 2s ease forwards;
}
.index-product-body-box.active .index-product-body-pics-pos {
  animation: productRightAction 2s ease forwards;
}
.index-product-body-box.active .index-product-body-pics-pos-right {
  animation: productLeftAction 2s ease forwards;
}
.index-product-body-box.active .index-product-body-right .index-product-body-pics-left {
  animation: productRightAction 2s ease forwards;
}
.index-product-body-pics-box-title {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 500;
  margin-bottom: 1.6rem;
}
.index-product-body-pics-box-desc {
  font-family: D-DIN-PRO;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 3.2rem;
  color: #FFFFFFCC;
}
.index-product-body-pics-box-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16rem;
}
.index-product-body-pics-box-bg-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 9rem;
}
.index-product-body-pics-box-bg-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 21.7rem;
}
.index-product-body-pics-box-bg-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 21rem;
  height: 22.6rem;
}
.index-product-body-pics-box-1 {
  background-color: #0735E3;
}
.index-product-body-pics-box-2 {
  background-color: #00A091;
}
.index-product-body-pics-box-3 {
  background-color: #CD2C01;
}
.index-product-body-pics-box-4 {
  background-color: #DEB000;
}
.index-product-body-pics-pos {
  width: 29.6rem;
  height: 31rem;
  position: absolute;
  left: 63.3rem;
  top: 30.8rem;
  opacity: 0;
}
.index-product-body-pics-pos-right {
  width: 29.6rem;
  height: 31rem;
  position: absolute;
  right: 63.3rem;
  top: 30.8rem;
  opacity: 0;
}
.index-product-body-content-top {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.index-product-body-content-top-point, .index-product-body-content-bottom-point {
  width: 5.2rem;
  height: 3.9rem;
  object-fit: cover;
}
.index-product-body-content-bottom {
  transform: scaleX(-1);
}
/* 首页四大产业end */
/* 区位地图start */
.index-area {
  position: relative;
  background-color: #CAD6D6;
}
.index-area-title {
  position: absolute;
  top: 13.9rem;
  left: 25.2rem;
  font-size: 4.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
  z-index: 11
}
.index-area-title-item span {
  position: relative;
}
.index-area-title-pic {
  width: 4.2rem;
  object-fit: contain;
  position: absolute;
  top: -1.6rem;
  right: -5rem;
  animation: iconAction2 0.8s ease infinite;
}
.index-area-box {
  position: relative;
}
.index-area-body {
  position: relative;
  background-color: #CAD6D6;
  animation: areaOpenAction 2s ease forwards;
}
.index-area-position {
  cursor: pointer;
  position: absolute;
  border: 1rem solid #fff;
  transform: scale(0.2);
  transform-origin: bottom right;
  z-index: 10;
  bottom: 1.8rem;
  right: 1.8rem;
  animation: areaCloseAction 2s ease forwards;
}
.index-area-body-ph {
  display: none;
}
.index-area-body-pic {
  width: 100%;
  object-fit: contain;
}
.index-area-point {
  position: absolute;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.index-area-point-text {
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: 600;
  background-color: #15298A;
  border-radius: 1.2rem;
  padding: 0.2rem 1rem;
}
.index-area-point-1 .index-area-point-text {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.6rem;
  color: #CD2A17;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  /*-webkit-text-stroke: 0.01rem white;*/
  /*text-stroke: 0.01rem white;*/
}
.index-area-point-pic {
  /*width: 3.2rem;*/
  width: 2.4rem;
  object-fit: contain;
  z-index: 5;
}
.index-area-point.active .index-area-point-pic {
  transform: scale(1.5);
  z-index: 10;
}
/* 政务服务中心 */
.index-area-point-1 {
  top: 36.5%;
  right: 43.5%;
}
/* 珠海长隆海洋王国 */
.index-area-point-2 {
  top: 72%;
  right: 43%;
}
/* 粤澳合作中医药科技产业园 */
.index-area-point-3 {
  top: 38%;
  left: 28%;
}
/* 横琴国际科技创新中心 */
.index-area-point-4 {
  top: 40%;
  left: 29.5%;
}
/* 创新方 */
.index-area-point-5 {
  top: 48.5%;
  left: 49.5%;
}
/* 星乐度·露营小镇 */
.index-area-point-6 {
  top: 39%;
  left: 33%;
}
/* 珠海长隆飞船乐园 */
.index-area-point-7 {
  top: 75%;
  right: 42%;
}
/* 狮门娱乐天地 */
.index-area-point-8 {
  top: 48.5%;
  right: 48%;
}
/* 横琴国家地理探险家中心 */
.index-area-point-9 {
  top: 50%;
  right: 50%;
  z-index: 10;
}
/* 横琴·澳门青年创业谷 */
.index-area-point-10 {
  top: 45.5%;
  right: 38.8%;
  z-index: 10;
}
/* 国家食品安全（横琴）创新中心 */
.index-area-point-11 {
  top: 47%;
  left: 40%;
}
/* 国家食品安全（横琴）创新中心 */
.index-area-point-12 {
  top: 26%;
  right: 39%;
}
/* 横琴凯悦酒店 */
.index-area-point-13 {
  top: 48.5%;
  right: 50%;
}
/* 横琴天沐酒店 */
.index-area-point-14 {
  top: 36%;
  right: 48.5%;
}
/* 珠海横琴悦椿酒店 */
.index-area-point-15 {
  top: 34%;
  left: 28%;
}
/* 珠海横琴希尔顿逸林酒店 */
.index-area-point-16 {
  top: 43.5%;
  right: 37.8%;
  z-index: 10;
}
/* 大横琴高级人才酒店 */
.index-area-point-17 {
  top: 47%;
  right: 40%;
  z-index: 9;
}
/* 横琴乾元酒店 */
.index-area-point-18 {
  top: 42%;
  left: 47%;
}
/* 横琴口岸 */
.index-area-point-19 {
  top: 37.5%;
  right: 37.5%;
  width: 9rem;
  height: 2.2rem;
  cursor: pointer;
}
.index-area-point-20 {
  top: 17%;
  left: 50%;
  width: 3rem;
  height: 5rem;
  cursor: pointer;
}
.index-area-point-21 {
  top: 22%;
  left: 44%;
  width: 3rem;
  height: 5rem;
  cursor: pointer;
}
.index-area-point-22 {
  top: 63.5%;
  left: 37.5%;
  width: 7rem;
  height: 3rem;
  cursor: pointer;
}
.index-area-point-23 {
  top: 13%;
  right: 43%;
  width: 5rem;
  height: 4rem;
  cursor: pointer;
}
.index-area-point-24 {
  top: 56.5%;
  right: 34.5%;
  width: 7rem;
  height: 2rem;
  cursor: pointer;
}
.index-area-point-25 {
  top: 40.5%;
  right: 36%;
  width: 4rem;
  height: 5rem;
  cursor: pointer;
}
.index-area-point-26 {
  top: 65.5%;
  right: 41%;
  width: 7rem;
  height: 4rem;
  cursor: pointer;
}
.index-area-point-27 {
  top: 20%;
  left: 23.7%;
}
.index-area-point-28 {
  top: 53%;
  left: 31.5%;
}
.index-area-point-29 {
  top: 37%;
  left: 29%;
}
.index-area-point-30 {
  top: 51%;
  left: 46.5%;
}
.index-area-point-31 {
  top: 41%;
  right: 39.5%;
}
.index-area-point-none-1 {
  top: 36.5%;
  right: 45.5%;
}
.index-area-point-none-2 {
  top: 43%;
  right: 39.8%;
  flex-direction: row;
}
.index-area-point-none-2 .index-area-point-text {
  margin-bottom: 2rem;
  margin-right: -0.8rem;
}
.index-area-point.active {
  z-index: 11;
}
.index-area-point-text {
  display: none;
}
.index-area-content {
  display: none;
  background-color: #00000080;
  border-radius: 0.8rem;
  width: 41.2rem;
  padding: 3.2rem 3.6rem;
  position: absolute;
  opacity: 0;
  z-index: 10;
  top: 20%;
  right: 3%;
}
/*.index-area-content-1 {*/
/*  top: 3%;*/
/*  right: 21%;*/
/*}*/
/*.index-area-content-2 {*/
/*  top: 33%;*/
/*  right: 16%;*/
/*}*/
/*.index-area-content-3 {*/
/*  top: 3%;*/
/*  left: 29%;*/
/*}*/
/*.index-area-content-4 {*/
/*  top: 10%;*/
/*  left: 30%;*/
/*}*/
/*.index-area-content-5 {*/
/*  top: 13%;*/
/*  left: 48%;*/
/*}*/
.index-area-content.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
.index-area-content-company {
  display: flex;
  align-items: flex-start;
}
.index-area-content-pic {
  width: 3.2rem;
  object-fit: contain;
  margin-right: 0.8rem;
}
.index-area-content-company span {
  margin-top: 0.8rem;
  color: #5BF6E9;
  font-size: 2rem;
  font-weight: 600;
  font-style: italic;
}
.index-area-content-sq {
  display: flex;
  align-items: flex-start;
}
.index-area-content-sq span {
  margin-top: 0.8rem;
  color: #FFD534;
  font-size: 2rem;
  font-weight: 600;
  font-style: italic;
}
.index-area-content-span {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
}
.index-area-content-txt {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 400;
  margin-top: 2.4rem;
  text-align: justify;
  max-height: 22rem;
  overflow-y: auto;
}
/* 区位地图end */
/* 底部start */
.index-footer {
  width: 100%;
  background-color: #191919;
  padding: 3.6rem 0 2rem;
  position: relative;
}
.index-footer-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  object-fit: contain;
}
.index-footer-box {
  display: flex;
  position: relative;
}
.index-footer-item {
  flex: 1;
}
.index-footer-item-right {
  display: flex;
  justify-content: flex-end;
}
.index-footer-title {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4rem;
  text-align: left;
}
.index-footer-label {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0.8rem;
}
.index-footer-label:last-child {
  margin-bottom: 0;
}
.index-footer-icp {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  margin-top: 6.4rem;
  display: block;
  text-align: center;
  position: relative;
}
.index-footer-icp:hover {
  color: #fff;
}
.index-footer-line {
  background-color: #FFFFFF66;
  width: 0.1rem;
  height: 10rem;
  margin: auto 4.6rem;
  margin-top: 7.6rem;
}
.index-footer-item-en .index-footer-title {
  margin-bottom: 4rem;
  text-align: left;
}
.index-footer-item-en .index-footer-label {
  /*margin-bottom: 0.4rem;*/
}
.index-footer-item-en .index-footer-icp {
  margin-top: 3rem;
}
/* 底部end */

/* 走进横琴-建设方案-视察横琴start */
.overall-view {
  margin-top: 13rem;
}
.overall-view-title {
  font-size: 5.6rem;
  font-weight: 700;
}
.overall-view-dateline {
  margin-top: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.overall-view-dateline-item {
  display: flex;
}
.overall-view-dateline-year {
  color: #00A091;
  font-size: 5.6rem;
  font-weight: 700;
  line-height: normal;
}
.overall-view-dateline-left {
  text-align: center;
  width: 14.5rem;
}
.overall-view-dateline-month {
  font-size: 1.8rem;
  font-weight: 500;
}
.overall-view-dateline-right {
  width: 52.9rem;
  padding-bottom: 9.2rem;
}
.overall-view-dateline-item:first-child .overall-view-dateline-right {
  padding-top: 4.4rem;
}
.overall-view-dateline-item:first-child .overall-view-dateline-left {
  padding-top: 4.4rem;
}
.overall-view-dateline-item:last-child .overall-view-dateline-right {
  padding-bottom: 0.9rem;
}
.overall-view-dateline-title {
  font-size: 2rem;
  font-weight: 500;
}
.overall-view-dateline-desc {
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 1.2rem;
  line-height: normal;
  text-align: justify;
}
.overall-view-dateline-line {
  position: relative;
  border: 0.1rem dashed #00A091;
  align-self: stretch;
  margin: 0 9.4rem;
}
.overall-view-dateline-line::after {
  position: absolute;
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: #00A091;
  left: 50%;
  top: 1rem;
  transform: translateX(-50%);
}
.overall-view-dateline-item:first-child .overall-view-dateline-line::after {
  top: 5.4rem;
}
.overall-view-dateline-item:first-child .overall-view-dateline-line::before {
  position: absolute;
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: 0.1rem solid #00A091;
  background-color: #fff;
  left: 50%;
  top: -0.6rem;
  transform: translateX(-50%);
}
.overall-view-dateline-item:last-child .overall-view-dateline-line::before {
  position: absolute;
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: 0.1rem solid #00A091;
  background-color: #fff;
  left: 50%;
  bottom: -0.6rem;
  transform: translateX(-50%);
}
/* 走进横琴-建设方案-视察横琴end */
/* 走进横琴-建设方案-三大目标start */
.overall-target {
  margin-top: 13rem;
}
.overall-target-body {
  height: 65.9rem;
  position: relative;
  margin-top: 4.4rem;
}
.overall-target-line-pic {
  width: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: 43%;
}
.overall-target-item {
  width: 36.3rem;
  position: absolute;
}
.overall-target-item-pic {
  width: 36.3rem;
  height: 26rem;
  object-fit: cover;
  border-radius: 0.8rem;
}
.overall-target-item-height {
  height: 6rem;
}
.overall-target-item-title {
  font-size: 2.4rem;
  font-weight: 500;
  color: #00A091;
}
.overall-target-item-content {
  font-size: 1.6rem;
  font-weight: 400;
  color: rgba(51, 51, 51, 0.80);
  line-height: normal;
  text-align: justify;
}
.overall-target-item-1 {
  left: 9rem;
  bottom: 5rem;
}
.overall-target-item-2 {
  bottom: 0;
  left: 55rem;
}
.overall-target-item-3 {
  right: 2rem;
  top: 0;
}
/* 走进横琴-建设方案-三大目标end */
/* 走进横琴-建设方案-战略定位start */
.overall-arm {
  margin-top: 13rem;
}
.overall-arm-body {
  margin-top: 8.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.overall-arm-pic {
  width: 48.4rem;
  object-fit: contain;
}
.overall-arm-item {
  display: flex;
  margin-bottom: 4rem;
}
.overall-arm-item:last-child {
  margin-bottom: 0;
}
.overall-arm-number {
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00A091;
  color: #fff;
  font-size: 6.4rem;
  font-weight: 700;
  font-family: D-DIN-PRO;
  margin-right: 3.2rem;
  position: relative;
}
.overall-arm-item:nth-child(2n) .overall-arm-number {
  background-color: #99D9D3;
}
.overall-arm-number span {
  position: relative;
  z-index: 2;
}
.overall-arm-number img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.overall-arm-title {
  font-size: 4rem;
  font-weight: 500;
  line-height: normal;
}
.overall-arm-title-1 {
  color: #0431B2;
}
.overall-arm-title-2 {
  color: #00A091;
}
.overall-arm-title-3 {
  color: #00A091;
}
.overall-arm-title-4 {
  color: #DEB000;
}
.overall-arm-desc {
  color: #33333399;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: normal;
}
.overall-bottom {
  height: 22rem;
}
/* 走进横琴-建设方案-战略定位end */
/* 走进横琴-营商环境-营商环境start */
.env-box {
  margin-top: 13rem;
}
.env-tabs {
  display: grid;
  box-shadow: 0 0.4rem 0.8rem 0 #7373730F;
  margin-top: -5rem;
  background-color: #fff;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.env-tabs-2 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.env-tabs-3 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.env-box-info {
  grid-area: header;
}
.env-box-item {
  width: 27.4rem;
  height: 32.3rem;
  border-radius: 16px;
  border: 1px solid #D9D9D9;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
  background-color: #fff;
}
.env-box-item:hover {
  transform: scale(1.05);
}
.env-box-top {
  display: grid;
  grid-template-areas:
    'header header . .'
    '. . . .';
  grid-column-gap: 10.7rem;
  grid-row-gap: 5.5rem;
}
.env-box-info-title {
  font-size: 5.6rem;
  font-weight: 700;
  line-height: normal;
}
.env-box-info-desc {
  margin-top: 4rem;
  color: rgba(51, 51, 51, 0.80);
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
}
.env-box-item-pic {
  height: 12rem;
  object-fit: contain;
}
.env-box-item-title {
  color: #333;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: normal;
  margin-top: 3.2rem;
}
.env-box-item-desc {
  color: #333333;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  margin: 1.6rem 2rem 0;
}
.env-bottom {
  height: 12.8rem;
}
.env-member {
  margin-top: 8.8rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 3.2rem;
  grid-column-gap: 2.3rem;
}
.env-member-item {
  background-color: #fff;
}
.env-member-item-pic {
  width: 100%;
  height: 21.6rem;
  object-fit: cover;
}
.env-member-item-info {
  padding: 2.7rem 3.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.env-member-item-name {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.6rem;
  color: #306FA2;
}
.env-member-item-value {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #00A091;
}
.env-bg {
  background-color: #F5F8FA;
}
.env-need {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 3.2rem;
}
.env-need-item {
  position: relative;
  width: 100%;
  height: 18.8rem;
}
.env-need-item-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.env-need-item-info {
  position: absolute;
  bottom: 2.4rem;
  left: 2.4rem;
}
.env-need-item-title {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.6rem;
  color: #fff;
}
.env-need-item-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  color: #FFFFFFCC;
  margin-top: 1.6rem;
}
.env-service {
  margin-top: 8.8rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 9rem;
  grid-row-gap: 6.6rem;
}
.env-service-item {
  display: flex;
  align-items: center;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid #D9D9D9;
}
.env-service-item:hover {
  transform: scale(1.02);
}
.env-service-item-pic {
  width: 7rem;
  height: 7rem;
  object-fit: cover;
}
.env-service-item-title {
  margin-left: 3.6rem;
  flex: 1;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 3.1rem;
  color: #333;
}
.env-service-more {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #00A091;
}
.env-service-more-pic {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
}
/* 走进横琴-营商环境-营商环境end */
/* 走进横琴-国际人才start */
.talent-body {
  background-color: #fff !important;
}
.talent-bottom {
  height: 12.8rem;
}
/* 走进横琴-国际人才end */
/* 走进横琴-基础设施start */
.infrast-box {
  margin-top: 6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.infrast-body-bg {
  position: absolute;
  width: 100%;
  object-fit: contain;
  left: 0;
  top: 20%;
}
.infrast-box-left {
  width: 73.2rem;
  height: 58.8rem;
}
.infrast-box-view {
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover;
}
.infrast-box-right {
  padding: 3rem 4rem;
  background-color: #fff;
  border: 0.1rem solid #E2E2E2;
  box-shadow: 0 0.3rem 1rem rgba(104, 142, 142, 0.16);
  border-radius: 1.6rem;
}
.infrast-box-right-item {
  margin-bottom: 6rem;
  display: flex;
  cursor: pointer;
}
.infrast-box-right-item:hover .infrast-box-right-item-pic {
  animation: iconAction 1.5s 1;
}
.infrast-box-right-item:last-child {
  margin-bottom: 0;
}
.infrast-box-right-item-pic {
  width: 8rem;
  height: 8rem;
  object-fit: cover;
  margin-right: 2.4rem;
}
.infrast-box-right-item-title {
  color: #222222;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.infrast-box-right-item-desc {
  color: #181818;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.5rem;
  max-width: 36.5rem;
}
.infrast-bottom {
  height: 12.7rem;
}
.infrast-ele {
  margin-top: 8.8rem;
}
.infrast-fee-title {
  display: flex;
  align-items: center;
}
.infrast-fee-title-txt {
  flex: 1;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.2rem;
  color: #00A091;
}
.infrast-fee-title-year {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3rem;
  color: #00A091;
}
.infrast-fee-title-unit {
  color: #33333399;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.3rem;
  margin-top: 1.2rem;
}
.infrast-ele-table {
  width: 100%;
  overflow-x: auto;
  margin-top: 4rem;
  white-space: nowrap;
}
.infrast-ele-table table {
  width: 141.6rem;
  white-space: nowrap;
}
.infrast-ele-table thead {
  background-color: #00A091;
  color: #fff;
}
.infrast-ele-table th {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.3rem;
  border-right: 0.1rem solid #fff;
  padding: 1.2rem 0;
  display: table-cell;
}
.infrast-ele-table td {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  padding: 1.1rem 0;
  border-right: 0.1rem solid #fff;
  display: table-cell;
}
.infrast-ele-table th:last-child, .infrast-ele-table td:last-child {
  border-right: none;
}
.infrast-ele-table-unit {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
}
.infrast-ele-table-label {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.6rem;
}
.infrast-ele-table-main {
  background-color: #00A091;
  color: #fff;
}
.infrast-ele-table-green {
  background-color: #E0F4F2;
  color: #00A091;
  border-bottom: 0.1rem solid #fff;
}
.infrast-ele-table-gray {
  background-color: #F7F8FA;
  color: #333333;
  border-bottom: 0.1rem solid #fff;
}
.infrast-ele-table-tip {
  margin-top: 2.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  color: #33333399;
}
.infrast-water {
  margin-top: 8.8rem;
}
.infrast-water-body {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
}
.infrast-water-item-title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.6rem;
}
.infrast-water-item-desc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3rem;
  color: #00A091;
  margin-top: 1.6rem;
}
.infrast-water-table {
  margin-top: 3.2rem;
  width: 68rem;
  overflow-x: auto;
}
.infrast-water-table th {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.6rem;
  text-align: center;
  color: #fff;
  background-color: #00A091;
  padding: 2rem 0;
  border-right: 0.1rem solid #fff;
}
.infrast-water-table th:last-child, .infrast-water-table td:last-child {
  border-right: none;
}
.infrast-water-table tr {
  border-bottom: 0.1rem solid #fff;
}
.infrast-water-table td {
  text-align: center;
  padding: 1.1rem 0;
  border-right: 0.1rem solid #fff;
}
.infrast-water-item-label {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
}
.infrast-water-table-green {
  background-color: #00A091;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.6rem;
  color: #fff;
}
.infrast-water-table-lgreen {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  color: #00A091;
  background-color: #E0F4F2;
}
.infrast-water-table-gray {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  background-color: #F7F8FA;
}
.infrast-ele-grid {
  margin-top: 4.8rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 3.2rem;
}
.infrast-ele-grid-item {
  width: 100%;
  height: 18.8rem;
  position: relative;
}
.infrast-ele-grid-item:hover {
  transform: scale(1.02);
}
.infrast-ele-grid-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.infrast-ele-grid-info {
  position: absolute;
  padding: 2.4rem;
  bottom: 0;
  left: 0;
}
.infrast-ele-grid-title {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.6rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.infrast-ele-grid-icon {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: cover;
  margin-left: 1rem;
}
.infrast-ele-grid-desc {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  color: #FFFFFFCC;
}
.infrast-body {
  background-color: #F7F8FA;
  position: relative;
  padding-top: 14.6rem;
}
.infrast-body-white {
  bottom: unset;
  top: 0;
  transform:scaleY(-1);
}
.infrast-body-white2 {
  bottom: unset;
  top: 0;
}
.infrast-info {
  margin-top: 5.6rem;
  display: flex;
}
.infrast-info-label {
  width: 39.4rem;
  margin-top: 2.5rem;
  margin-left: -3rem;
}
.infrast-info-left {
  flex-direction: row-reverse;
}
.infrast-info-left .infrast-info-label {
  width: 39.4rem;
  margin-right: -3rem;
  margin-left: 0;
  z-index: 1;
  margin-top: 5rem;
}
.infrast-info-label-item {
  padding: 2rem 0;
  color: #33333399;
  font-size: 2.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.infrast-info-label-item.active {
  background-color: #00A091;
  color: #FFFFFF;
  font-size: 3.2rem;
  font-weight: 500;
}
.infrast-info-value {
  flex: 1;
  height: 49.3rem;
}
.infrast-info-value-item {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
}
.infrast-info-value-item.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
.infrast-info-pic {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.infrast-info-value-bg {
  position: relative;
  background-color: #00000066;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 5rem;
}
.infrast-info-value-title {
  color: #fff;
  font-size: 4rem;
  font-weight: 600;
  line-height: 5.6rem;
}
.infrast-info-value-desc {
  color: #FFFFFFCC;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 3.6rem 0;
  line-height: 2.4rem;
}
.infrast-info-value-tip {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.2rem;
}
.infrast-info-line {
  margin-top: 3.6rem;
  width: 100%;
  height: 0.1rem;
  background-color: #E5E6EB66;
}
/* 走进横琴-基础设施end */
/* 走进横琴-宜居之地start */
.live-bg-1 {
  width: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.live-content {
  font-size: 2rem;
  width: 67.3rem;
}
.live-box-content {
  margin-top: 3.2rem;
}
.live-school {
  display: flex;
  width: 100%;
}
.live-school-pic {
  width: 67rem;
  height: 67rem;
  display: none;
}
.live-school-pic.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
.live-school-pic-item {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.live-school-width {
  flex: 1;
}
.live-school-info {
  padding-top: 8.3rem;
}
.live-school-info-title {
  margin-bottom: 4rem;
  text-align: right;
}
.live-school-info-desc {
  width: 54rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.4rem;
  text-align: justify;
}
.live-school-items {
  position: absolute;
  right: 0;
  bottom: 7.6rem;
  width: 84.3rem;
  height: 16rem;
  display: flex;
}
.live-school-item {
  position: relative;
  cursor: pointer;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f7f7f7;
}
.live-school-item.active {
  background: linear-gradient(180deg, #00D1BF 0%, #0096B2 100%);
}
.live-school-item:nth-child(2n) {
  background: #f2f2f2;
}
.live-school-item:nth-child(2n).active {
  background: linear-gradient(180deg, #00D1BF 0%, #0096B2 100%);
}
.live-school-item:first-child {
  border-top-left-radius: 1.8rem;
  border-bottom-left-radius: 1.8rem;
}
.live-school-item:last-child {
  border-top-right-radius: 1.8rem;
  border-bottom-right-radius: 1.8rem;
}
.live-school-number {
  color: #BBB;
  font-family: D-DIN-PRO;
  font-size: 5rem;
  font-weight: 700;
}
.live-school-name {
  font-size: 2.4rem;
  font-weight: 500;
}
.live-school-item.active .live-school-number {
  color: #fff;
}
.live-school-item.active .live-school-name {
  color: #fff;
}
.live-city {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  margin-top: 5.6rem;
}
.live-city-item {
  position: relative;
  display: block;
}
.live-city-item:hover {
  transform: scale(1.05);
}
.live-city-item-pic {
  width: 100%;
  object-fit: contain;
}
.live-city-item-info {
  position: absolute;
  left: 2.4rem;
  bottom: 2rem;
}
.live-city-item-title {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.634rem;
  color: #fff;
  position: relative;
}
.live-city-item-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  color: #FFFFFFCC;
  position: relative;
}
.live-bottom {
  height: 12.8rem;
}
.live-box-2 {
  margin-top: 5.6rem;
  position: relative;
}
.live-sch-tabs {
  align-items: center;
  display: none;
}
.live-sch-tabs.active {
  display: flex;
  animation: fadeInAbout 0.8s ease forwards;
}
.live-sch-tabs-item {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  padding: 0.85rem 3.2rem;
  color: #33333399;
  cursor: pointer;
  border: 0.1rem solid #49464566;
  margin-right: 3.2rem;
}
.live-sch-tabs-item.active, .live-sch-tabs-item:hover {
  color: #00A091;
  font-weight: 500;
  background-color: #fff;
  border: 0.1rem solid #00A091;
}
.live-sch-body {
  margin-top: 4.8rem;
  display: none;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 6.3rem;
  grid-row-gap: 4.4rem;
}
.live-sch-body.active {
  display: grid;
  animation: fadeInAbout 0.8s ease forwards;
}
.live-sch-item {
  position: relative;
  cursor: pointer;
}
.live-sch-item-tag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFF7E6;
  width: 5.2rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FA8C16;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  border-top-left-radius: 1.2rem;
}
.live-sch-item-pic {
  width: 100%;
  height: 21.6rem;
  object-fit: cover;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
.live-sch-item-info {
  position: relative;
  background-color: #F7F8FA;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  min-height: 11.6rem;
}
.live-sch-item-info-2 {
  padding: 1.5rem 1.6rem 2.4rem;
}
.live-sch-item-title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-bottom: 1.6rem;
}
.live-sch-item-content {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  color: #33333399;
  height: 3.6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: justify;
}
.live-sch-item:hover .live-sch-item-info-2{
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F7F8FA;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  z-index: 100;
}
.live-sch-item:hover .live-sch-item-content {
  height: auto;
  text-overflow: unset;
  overflow: unset;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
.live-body {
  position: relative;
  background-color: #EFF8FA;
}
.live-body-grid {
  margin-top: 5.6rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 5.6rem;
}
.live-body-grid-item {
  display: flex;
  flex-direction: column;
}
.live-body-grid-item2 {
  flex-direction: column-reverse;
}
.live-body-grid-item-pic {
  width: 100%;
  height: 21rem;
}
.live-body-grid-item-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.live-body-grid-item-height {
  height: 3.2rem;
}
.live-body-grid-item-title {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 5.6rem;
  margin-bottom: 1.2rem;
}
.live-body-grid-item-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-align: justify;
  color: #33333399;
}
.live-hos {
  margin-top: 5.6rem;
  display: flex;
}
.live-hos-item {
  flex: 1;
  position: relative;
  height: 55.7rem;
  margin-right: 1.6rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.live-hos-item.active {
  flex: 3;
}
.live-hos-item:last-child {
  margin-right: 0;
}
.live-hos-item-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.live-hos-item-info {
  display: none;
  position: relative;
  padding: 4.8rem 2.4rem;
}
.live-hos-item.active .live-hos-item-info {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
  background: linear-gradient(180deg, rgba(22, 16, 16, 0) 0%, #000000 100%);
}
.live-hos-item-title {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 4.48rem;
  color: #fff;
  margin-bottom: 1.6rem;
}
.live-hos-item-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-align: justify;
  color: #FFFFFFCC;
}
.live-hos-item-line {
  width: 100%;
  height: 0.1rem;
  background-color: #E5E6EB66;
  margin-top: 1.6rem;
}
.live-body2 {
  position: relative;
  padding-top: 14.6rem;
}
.live-header-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.live-tabs {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
.live-tabs-item {
  position: relative;
  color: #494645;
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 4.634rem;
  margin-right: 5.6rem;
  cursor: pointer;
}
.live-tabs-item:last-child {
  margin-right: 0;
}
.live-tabs-item.active {
  color: #00A091;
  font-weight: 500;
}
.live-tabs-item.active::after {
  content: '';
  background: linear-gradient(90deg, #BCFFF9 0%, #00A091 100%);
  width: 100%;
  height: 0.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.live-box-body-item {
  display: none;
  position: relative;
  z-index: 10;
}
.live-box-body-item.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
/* 走进横琴-宜居之地end */
/* 走进横琴-跨境金融start */
.inter-box {
  padding: 35.2rem 0 20rem;
}
.inter-box-body {
  width: 100%;
  position: relative;
}
.inter-box-body-pic {
  width: 100%;
  object-fit: contain;
}
.inter-box-item {
  position: absolute;
}
.inter-box-item-box {
  width: 33.8rem;
  height: 16.8rem;
  border-radius: 1.6rem;
  /*background-color: #fff;*/
  padding: 1.6rem 2.4rem 1.1rem;
  position: relative;
}
.inter-box-item-down {
  background: linear-gradient(45deg, #fff 60%, #5986D133 100%)
}
.inter-box-item-up {
  background: linear-gradient(135deg, #fff 60%, #5986D133 100%)
}
.inter-box-item-down::after {
  position: absolute;
  content: '';
  border: 3.6rem solid;
  border-color: #fff transparent transparent transparent;
  bottom: -7.2rem;
  left: 50%;
  transform: translateX(-50%);
}
.inter-box-item-up::after {
  position: absolute;
  content: '';
  border: 3.6rem solid;
  border-color: transparent transparent #fff transparent;
  top: -7.2rem;
  left: 50%;
  transform: translateX(-50%);
}
.inter-box-item-icon {
  width: 4.4rem;
  height: 4.4rem;
  object-fit: cover;
  margin-right: 1.6rem;
}
.inter-box-item-top {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 4.2rem; /* 175.977% */
  display: flex;
  align-items: center;
}
.inter-box-item-list {
  margin-top: 1.2rem;
}
.inter-box-item-li {
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  padding-left: 3.6rem;
  position: relative;
}
.inter-box-item-li::after {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  background-color: #5785D0;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.inter-box-point {
  width: 22.4rem;
  height: 22.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
}
.inter-box-point-pic-1 {
  display: none;
  width: 100%;
  height: 100%;
}
.inter-box-point-pic-2 {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
}
.inter-box-point.active .inter-box-point-pic-1 {
  display: block;
}
.inter-box-point.active .inter-box-point-pic-2 {
  display: none;
}
.inter-box-item-1 .inter-box-item-box {
  margin-bottom: 5rem;
}
.inter-box-item-1 {
  left: 8%;
  bottom: -30%;
}
.inter-box-item-2 .inter-box-item-box {
  margin-top: -4rem;
}
.inter-box-item-2 {
  left: 30%;
  top: -50%;
}
.inter-box-item-3 .inter-box-item-box {
  margin-bottom: -3rem;
}
.inter-box-item-3 {
  right: 28%;
  bottom: 30%;
}
.inter-box-item-4 .inter-box-item-box {
  margin-top: -3rem;
}
.inter-box-item-4 {
  right: 6%;
  top: 23%;
}
.inter-bottom {
  height: 16.8rem;
}
.inter-body {
  position: relative;
  background-color: #fff;
  padding-top: 14.6rem;
}
/* 走进横琴-跨境金融end */
/* 走进横琴-统计数据start */
.develop-box {
  display: grid;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-columns: 1fr 1fr;
}
.develop-card {
  margin-top: 8.8rem;
  display: flex;
  align-items: center;
}
.develop-card-box {
  flex: 1;
  margin: 0 3rem;
}
.develop-card-arrow {
  width: 5.2rem;
  height: 5.2rem;
  cursor: pointer;
}
.develop-card-arrow-right {
  width: 5.2rem;
  height: 5.2rem;
  cursor: pointer;
  transform: rotateY(180deg);
}
.develop-card-arrow:hover {
  transform: scale(1.05);
}
.develop-card-arrow-right:hover {
  transform: rotateY(180deg) scale(1.05);
}
.develop-card-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.develop-card-item {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 29rem;
}
.develop-card-item-1, .develop-card-item-2, .develop-card-item-3, .develop-card-item-4 {
  display: flex;
  animation: fadeInAbout 0.8s ease forwards;
}
.develop-card-item-5, .develop-card-item-6, .develop-card-item-7 {
  display: none;
  animation: fadeInAbout 0.8s ease forwards;
}
.develop-card-item-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 6.4rem; /* 355.556% */
}
.develop-card-item-icon {
  margin-top: 2.7rem;
  margin-bottom: 2rem;
  width: 15rem;
  height: 15rem;
}
.develop-card-item-content {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: normal;
}
.develop-card-item-content span {
  font-family: D-DIN-PRO;
  font-size: 5.6rem;
  font-weight: 700;
  line-height: normal;
}
.develop-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.develop-share {
  color: #333;
  font-size: 1.2rem;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.develop-share:hover {
  color: #333;
}
.develop-share img {
  margin-left: 0.8rem;
}
.develop-echart {
  margin-top: 8.8rem;
}
.develop-echart-title {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 6.4rem; /* 133.333% */
  margin-bottom: 4rem;
}
.develop-echart-sum {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: normal;
}
.develop-echart-sum span {
  font-family: D-DIN-PRO;
  font-size: 8.8rem;
  font-weight: 700;
  line-height: normal;
}
.develop-green {
  color: #00A091;
}
.develop-echart-box {
  width: 100%;
  height: 51.2rem;
}
.develop-blue{
  color: #2A529F;
}
.develop-blue-light {
  color: #4AA4E4;
}
.develop-p {
  color: #A05FF9;
}
.develop-orange {
  color: #6295F7;
}
.develop-red {
  color: #F54614;
}
.develop-bottom {
  height: 12.8rem;
}
/* 走进横琴-统计数据end */
/* 走进横琴-分线管理start */
.line-tabs {
  margin-top: 8.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.05rem solid #E6E6E6;
}
.line-tabs-item {
  color: #999;
  font-size: 4rem;
  font-weight: 400;
  line-height: normal;
  margin-right: 8.8rem;
  cursor: pointer;
  position: relative;
  padding: 1.2rem 0;
}
.line-tabs-item:last-child {
  margin-right: 0;
}
.line-tabs-item.active {
  color: #00A091;
  font-weight: 500;
}
.line-tabs-item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: #00A091;
}
.line-box {
  display: none;
}
.line-box.active {
  display: block;
}
.line-article-tab {
  margin-top: 8.8rem;
  display: flex;
  align-items: center;
}
.line-article-tab-item {
  color: #828282;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: normal;
  padding: 0.5rem 2rem;
  cursor: pointer;
}
.line-article-tab-item.active {
  background-color: #00A091;
  color: #fff;
}
.line-article-tab-line {
  width: 0.1rem;
  height: 0.8rem;
  margin: 0 2rem;
  background: #E5E5E5;
}
.line-article-list {
  margin-top: 3.7rem;
  display: none;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 5.6rem;
}
.line-article-list.active {
  display: grid;
  animation: fadeInAbout 0.8s ease forwards;
}
.line-article-list-item {
  height: 34rem;
  overflow-y: auto;
}
.line-info {
  display: flex;
  margin-top: 8.8rem;
}
.line-info-menu {
  margin-right: 4rem;
  width: 24rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
  background-color: #00A09112;
  border-radius: 1.6rem;
}
.line-info-menu-item {
  width: 100%;
  padding: 1.6rem 0;
  text-align: center;
  cursor: pointer;
  color: rgba(51, 51, 51, 0.80);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.4rem;
}
.line-info-menu-item:last-child {
  margin-bottom: 0.4rem;
}
.line-info-menu-item.active {
  background-color: #00A091;
  color: #fff;
  font-weight: 500;
  border-radius: 1.6rem;
}
.line-info-content {
  align-self: stretch;
  position: relative;
  flex: 1;
  display: none;
}
.line-info-content.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
.line-info-content-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.6rem;
}
.line-info-content-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.6rem;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0.36%, rgba(0, 0, 0, 0.53) 99.72%);
  filter: blur(0.384rem);
}
.line-info-content-info {
  position: relative;
  margin: 8.8rem 8.8rem 0;
}
.line-info-content-info-title {
  color: #FFF;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: normal;
}
.line-info-content-info-line {
  width: 100%;
  height: 0.1rem;
  background: rgba(217, 217, 217, 0.40);
  margin: 1.5rem 0 3.2rem;
}
.line-info-content-info-desc {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: normal;
}
.line-info-content-info-desc div{
  margin-bottom: 1.7rem;
}
.line-info-content-info-desc div:last-child{
  margin-bottom: 0;
}
.line-bottom {
  height: 22.8rem;
}
.line-article-tab-more {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.line-icon-top {
  margin-top: 8.8rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 12rem;
  grid-row-gap: 7.2rem;
}
.line-icon-top-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.line-icon-top-pic {
  width: 9.6rem;
  height: 9.6rem;
  margin-bottom: 2.4rem;
}
.line-icon-top-txt {
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  height: 4.6rem;
  text-align: center;
}
.line-icon-top-item:hover {
  animation: iconAction 1.5s 1;
}
.line-header {
  margin-top: 8.8rem;
}
.line-header-2 {
  margin-top: 8.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.line-service-box {
  margin-top: 4rem;
}
.line-service-box-top {
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: normal;
}
.line-service-box-top img {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.6rem;
}
.line-service-box-items {
  display: flex;
}
.line-service-box-item {
  margin-right: 5.6rem;
  display: block;
  text-align: center;
}
.line-service-box-item:hover {
  animation: iconAction 1.5s 1;
}
.line-service-box-item img {
  width: 6.4rem;
  height: 6.4rem;
  margin-bottom: 1.6rem;
}
.line-service-box-txt {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
}
/* 走进横琴-分线管理end */
/* 产业方向-四大产业start */
.product-swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 4rem;
}
.product-swiper .common-box-items {
  max-height: 25rem;
  overflow-y: auto;
  padding: 0.1rem 0;
}
.swiper-product {
  position: absolute;
  padding-right: 0 !important;
  text-align: center;
  top: 92% !important;
  z-index: 100;
}
.swiper-product.swiper-horizontal>.swiper-pagination-bullets, .swiper-book.swiper-pagination-bullets.swiper-pagination-horizontal{
  padding: 0 !important;
  bottom: unset !important;
  text-align: center;
}
.swiper-product .swiper-pagination-bullet {
  background-color: #0C9DA566 !important;
}
.swiper-product .swiper-pagination-bullet-active {
  background-color: #0C9DA5 !important;
}
.product-body {
  position: relative;
  background-color: #F7F8FA;
  padding-top: 10rem;
  padding-bottom: 20rem;
  overflow: hidden;
}
.product-list {
  margin-top: 6.4rem;
  max-height: 54rem;
  overflow-y: auto;
}
.product-bg-1 {
  position: absolute;
  top: 5%;
  left: 0;
  width: 100%;
  object-fit: contain;
}
.product-box {
  display: flex;
  align-items: center;
  margin-top: -4rem;
}
.product-box-left {
  flex: 1;
  margin-right: 17.6rem;
  color: rgba(51, 51, 51, 0.80);
  font-size: 2rem;
  font-weight: 500;
  line-height: 4rem; /* 200% */
  text-align: justify;
  text-indent: 4rem;
}
.product-box-right {
  width: 64.4rem;
  height: 64.4rem;
  position: relative;
}
.product-box-right-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: picRotate 60s linear infinite;
}
.product-box-right-pic {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50rem;
  height: 50rem;
  transform: translate(-50%, -50%);
}
.product-title {
  padding-top: 8.8rem;
}
.product-title-3 {
  padding-top: 0;
}
.product-title-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-arrow-left {
  cursor: pointer;
  width: 6.4rem;
  height: 6.4rem;
  margin-right: 4.4rem;
}
.product-arrow-right {
  cursor: pointer;
  width: 6.4rem;
  height: 6.4rem;
  transform:scaleX(-1);
}
.product-arrow {
  display: flex;
  align-items: center;
}
.product-policy-box {
  margin-top: 8.8rem;
  display: none;
  align-items: center;
  justify-content: space-between;
}
.product-policy-box.active {
  display: flex;
  animation: fadeInAbout 0.8s ease forwards;
}
.product-policy-box-pic {
  width: 60.4rem;
  height: 47.8rem;
}
.product-policy-box-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
}
.product-policy-box-title {
  text-align: right;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.2rem; /* 131.982% */
}
.product-policy-box-li {
  margin-top: 2.2rem;
  padding-left: 2.4rem;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: normal;
  max-width: 50.3rem;
}
.product-policy-box-li span {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: normal;
}
.product-technology span{
  color: #0431B2;
}
.product-medicine span{
  color: #00A091;
}
.product-cultural span {
  color: #CD2C01;
}
.product-finance span {
  color: #DEB000;
}
.product-policy-box-li::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  transform: translateY(-50%);
}
.product-technology::after {
  top: 60%;
  background-color: #2851E9;
}
.product-medicine::after {
  top: 12%;
  background-color: #00A091;
}
.product-cultural::after {
  top: 12%;
  background-color: #CD2C01;
}
.product-finance::after {
  top: 12%;
  background-color: #DEB000;
}
.product-tabs {
  display: flex;
  align-items: center;
}
.product-tab-item {
  height: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6.8rem;
  background-color: #F7F7F7;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.4rem; /* 141.667% */
  cursor: pointer;
}
.product-tab-item:first-child {
  border-top-left-radius: 1.6rem;
  border-bottom-left-radius: 1.6rem;
}
.product-tab-item:last-child {
  border-top-right-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}
.product-tab-item.active {
  color: #fff;
}
.product-technology-tab .active {
  background-color: #0431B2;
}
.product-medicine-tab .active {
  background-color: #00A091;
}
.product-cultural-tab .active {
  background-color: #CD2C01;
}
.product-finance-tab .active {
  background-color: #DEB000;
}
.product-up {
  margin-top: 8.8rem;
}
.product-up-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 0.1rem solid #0431B20A;
}
.product-up-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 4rem;
  cursor: pointer;
  padding: 2.4rem;
}
.product-up-item:last-child {
  margin-right: 0;
}
.product-up-item-pic, .product-up-item-pic-active {
  width: 2.4rem;
  height: 2.4rem;
  margin-bottom: 1.6rem;
}
.product-up-item .product-up-item-pic{
  display: block;
}
.product-up-item .product-up-item-pic-active{
  display: none;
}
.product-up-item.active .product-up-item-pic{
  display: none;
}
.product-up-item.active .product-up-item-pic-active{
  display: block;
}
.product-up-item-txt {
  color: rgba(51, 51, 51, 0.80);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
}
.product-up-item.active .product-up-item-txt {
  color: #fff;
}
.technology-icon-tab .active {
  background: #0431B2;
}
.medicine-icon-tab .active {
  background: #00A091;
}
.cultural-icon-tab .active {
  background: #CD2C01;
}
.finance-icon-tab .active {
  background: #DEB000;
}
.product-up-content {
  display: flex;
  padding-top: 6.4rem;
}
.product-bottom {
  height: 7.6rem;
}
.product-case {
  display: none !important;
}
.product-case.active {
  animation: fadeInAbout 0.8s ease forwards;
  display: flex !important;
}
.product-box-margin {
  padding-top: 6.4rem;
}
.cultural-box-tabs {
  margin-top: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cultural-box-tabs-info {
  display: flex;
}
.cultural-box-tabs-item {
  font-size: 3rem;
  font-weight: 400;
  line-height: 4.634rem;
  color: #494645;
  margin-right: 5.6rem;
  position: relative;
}
.cultural-box-tabs-item:hover {
  color: #494645;
}
.cultural-box-tabs-item:last-child {
  margin-right: 0;
}
.cultural-box-tabs-item.active {
  color: #00A091;
  font-weight: 500;
}
.cultural-box-tabs-item.active::after {
  content: '';
  background: linear-gradient(90deg, #BCFFF9 0%, #00A091 100%);
  width: 100%;
  height: 0.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.cultural-sch-tabs {
  margin-top: 4.8rem;
  align-items: center;
  display: none;
}
.cultural-sch-tabs.active {
  display: flex;
}
.cultural-sch-tabs-item {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  padding: 0.85rem 3.2rem;
  color: #33333399;
  cursor: pointer;
  border: 0.1rem solid #49464566;
  margin-right: 3.2rem;
}
.cultural-sch-tabs-item.active, .cultural-sch-tabs-item:hover {
  color: #00A091;
  font-weight: 500;
  background-color: #fff;
  border: 0.1rem solid #00A091;
}
.cultural-href {
  width: 16.5rem;
  height: 5.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid #00A091;
  border-radius: 10rem;
  color: #00A091;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
}
.cultural-href:hover {
  color: #00A091;
}
.cultural-box-list {
  margin-top: 4rem;
  display: none;
}
.cultural-box-list.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
.cultural-box-list-1, .cultural-box-list-3 {
  /*max-height: 108rem;*/
  /*overflow-y: auto;*/
}
.cultural-box-href {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cultural-box-item {
  display: flex;
  background-color: #F7F8FA;
  margin-bottom: 2.4rem;
}
.cultural-box-item:last-child {
  margin-bottom: 0;
}
.cultural-box-item-pic {
  width: 58.8rem;
  height: 34.4rem;
  object-fit: cover;
  margin-right: 3.2rem;
  border-radius: 0.8rem;
}
.cultural-box-item-info {
  flex: 1;
  padding: 2.4rem 0 3rem;
}
.cultural-box-item-title {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.6rem;
  display: flex;
  align-items: center;
}
.cultural-box-item-title span {
  margin-left: 1.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6rem;
  padding: 0.4rem 1.6rem;
  border-radius: 0.4rem;
  background-color: #00A091;
  color: #fff;
}
.cultural-box-item-title span.orange {
  background-color: #EF8200;
}
.cultural-box-item-grid {
  margin-top: 3.2rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 5rem;
  grid-row-gap: 4.8rem;
}
.cultural-box-item-grid-item {
  display: flex;
  flex-direction: column;
}
.cultural-box-item-grid-label {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.3rem;
  text-align: center;
  color: #33333399;
  flex: 1;
}
.cultural-box-item-grid-value {
  margin-top: 1.2rem;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.4rem;
  text-align: center;
}
.cultural-box-item-grid-empty {
  margin-top: 1.2rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 3.4rem;
  text-align: center;
  color: #33333366;
}
.cultural-box-item-flex {
  padding-right: 3.2rem;
  margin-top: 2.4rem;
}
.cultural-box-item-flex-item {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.317rem;
  color: #33333399;
  margin-bottom: 1.6rem;
}
.cultural-box-item-flex-item:last-child {
  margin-bottom: 0;
}
.cultural-box-item-flex-content {
  margin-top: 2.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.317rem;
  text-align: justify;
  color: #000000;
  letter-spacing: 0.08em;
  max-height: 13rem;
  overflow-y: auto;
}
.cultural-pager {
  margin-top: 8.8rem;
}
/* 产业方向-四大产业end */
/* 投资横琴-企人中心start */
.center-header-desc {
  color: #333;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.475rem;
  margin-top: 4rem;
}
.center-box {
  padding-top: 5.6rem;
}
.center-program {
  margin-top: 8.8rem;
}
.center-program-txt {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: normal;
  position: relative;
  padding-left: 2.4rem;
}
.center-program-txt::after {
  position: absolute;
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: #00A091;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.center-program-items {
  margin-top: 5.6rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 4.8rem;
}
.center-program-item {
  cursor: pointer;
  padding: 3.2rem;
  display: flex;
  background-color: #00A091;
  border-radius: 1.6rem;
  position: relative;
}
.center-program-item-pic {
  width: 10rem;
  height: 10rem;
}
.center-program-item-info {
  flex: 1;
  margin-left: 2.4rem;
}
.center-program-item-title {
  color: #FFF;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: normal;
}
.center-program-item-desc {
  color: rgba(255, 255, 255, 0.80);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  margin-top: 1.6rem;
}
.center-program-item-bg-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8.7rem;
  object-fit: contain;
}
.center-program-item-bg-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 8.7rem;
  object-fit: contain;
}
.center-program-item-bg-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8.7rem;
  object-fit: contain;
}
.center-case {
  margin-top: 6.4rem;
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
}
.center-case-item {
  width: 38.1rem;
  height: 40rem;
  cursor: pointer;
  position: relative;
  margin-right: 3rem;
}
.center-case-item:last-child {
  margin-right: 0;
}
.center-case-item.active {
  width: 58.8rem;
}
.center-case-item-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.center-case-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 28.2rem;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.center-case-item-bg-1 {
  background: linear-gradient(114deg, rgba(7, 28, 47, 0.80) 0%, rgba(4, 95, 178, 0.00) 100%);
}
.center-case-item-bg-2 {
  background: linear-gradient(114deg, #045FB2 0%, rgba(4, 95, 178, 0.00) 100%);
}
.center-case-item-bg-3 {
  background: linear-gradient(114deg, #0C9DA5 0%, rgba(5, 151, 161, 0.00) 100%);
}
.center-case-item.active .center-case-item-bg{
  width: 100%;
}
.center-case-item-title {
  color: #FFF;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: normal;
}
.center-case-item-mobile {
  display: none;
  margin-top: 0.8rem;
  font-weight: 400;
  line-height: 2rem;
  color: #FFF;
  font-size: 1.4rem;
  margin-bottom: -1.6rem;
}
.center-case-item-desc {
  display: none;
  margin-top: 2.4rem;
  color: #FFF;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.4rem; /* 171.429% */
  text-align: justify;
  max-height: 20rem;
  overflow-y: auto;
}
.center-case-item.active .center-case-item-desc, .center-case-item.active .center-case-item-mobile {
  display: block;
}
.center-question {
  border: 0.1rem solid rgba(51, 51, 51, 0.20);
  position: relative;
  margin-top: 4.8rem;
  background-color: #fff;
  
  display: flex;
  flex-direction: column;
  min-height: 46rem;
}
.center-question-left-title {
  padding: 2.4rem 4rem;
  background-color: #F9F9F9;
  width: 51.6rem;
  cursor: pointer;
  
  color: rgba(51, 51, 51, 0.60);
  font-size: 2.4rem;
  font-weight: 400;
  line-height: normal;
  display: flex;
}
.center-question-left-title span {
  margin-top: 0.2rem;
  color: rgba(51, 51, 51, 0.80);
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 28px; /* 100% */
  margin-right: 1.6rem;
}
.center-question-left-title-1 span {
  color: #FF5454;
}
.center-question-left-title-2 span {
  color: #FF9354;
}
.center-question-left-title-3 span {
  color: #FFC054;
}
.center-question-left-title.active {
  background-color: #fff;
}
.center-question-content {
  position: absolute;
  top: 3.4rem;
  left: 55.6rem;
  display: none;
  width: 82rem;
}
.center-question-content.active {
  display: block;
  animation: fadeInMenu 1.5s ease forwards;
}
.center-question-content-top {
  display: flex;
}
.center-question-content-top-label {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 0.8rem;
  background-color: #00A09133;
  color: #00A091;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3.2rem;
}
.center-question-content-top-value {
  flex: 1;
  color: #000;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: normal;
}
.center-question-content-bottom {
  display: flex;
  margin-top: 4rem;
}
.center-question-content-bottom-label {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 0.8rem;
  background-color: #00A091;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3.2rem;
}
.center-question-content-bottom-value {
  flex: 1;
  color: rgba(51, 51, 51, 0.80);
  font-size: 2rem;
  font-weight: 400;
  line-height: normal;
  text-align: justify;
  word-break: break-all;
  max-height: 30rem;
  overflow-y: auto;
}
.center-question-body {
  display: none;
}
.center-question-body.active {
  display: block;
  
  flex: 1;
}
.center-question-box-2 {
  background-color: #F9F9F9;
  width: 51.6rem;
  padding: 4rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.center-question-more {
  color: #00A091;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.center-question-more-icon {
  width: 1.6rem;
  height: 1.6rem;
  object-fit: cover;
  margin-right: 0.8rem;
}
.center-bottom {
  height: 12.8rem;
}
.center-work {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
}
.center-work-item {
  width: 42.7rem;
  background-color: #F8FAFB;
  border-radius: 1.6rem;
  align-self: stretch;
  padding: 4rem 3rem;
  position: relative;
}
.center-work-title {
  font-size: 4rem;
  font-weight: 500;
  line-height: 5.7rem;
  text-align: center;
}
.center-work-ul {
  margin-top: 2.4rem;
}
.center-work-li {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.475rem;
  padding-left: 3rem;
  padding-bottom: 4rem;
  border-left: 0.2rem solid #00A09166;
  position: relative;
}
.center-work-li:last-child {
  padding-bottom: 0;
}
.center-work-li::before {
  content: '';
  position: absolute;
  top: 0.6rem;
  left: -1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 0.6rem solid #00A091;
  background-color: #fff;
}
.center-link {
  position: relative;
}
.center-link-item {
  display: flex;
  margin-top: 6.4rem;
}
.center-link-bg {
  position: relative;
}
.center-link-pic {
  width: 38.5rem;
  height: 23.6rem;
  object-fit: cover;
  position: relative;
}
.center-link-bg-pic {
  width: 16rem;
  height: 16rem;
  position: absolute;
  top: -1.2rem;
  left: -1.2rem;
}
.center-link-bg-pic-left {
  left: unset;
  right: -1.2rem;
}
.center-link-bg-pic-bottom {
  top: 8.8rem;
}
.center-link-width {
  width: 8.8rem;
}
.center-link-info {
  flex: 1;
  padding-top: 2.5rem;
}
.center-link-title {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 4.6rem;
}
.center-link-line {
  width: 3rem;
  height: 0.2rem;
  background-color: #00A091;
  margin: 0.8rem 0 1.2rem;
}
.center-link-desc {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  color: #33333399;
}
.center-link-grid {
  margin-top: 4.4rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 3.3rem;
}
.center-link-grid-item {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3rem;
  color: #00A091;
}
.center-link-grid-item:hover {
  color: #00A091;
  transform: scale(1.02);
}
.center-link-grid-item img {
  width: 0.8rem;
  object-fit: contain;
  margin-left: 1rem;
}
.center-body {
  position: relative;
}
.center-header-title {
  padding-top: 0;
}
.center-bg-1 {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  object-fit: contain;
}
.center-like {
  position: relative;
  background-color: #F7F8FA;
  padding-top: 14.6rem;
  padding-bottom: 17rem;
}
.center-body-white {
  bottom: 0;
  top: unset;
}
.center-header-title-2 {
  padding-top: 0;
}
.center-bg-2 {
  width: 80%;
  object-fit: contain;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
}
/* 投资横琴-企人中心end */
/* 投资横琴-服务超市start */
.market-body {
  position: relative;
  background-color: #F7F8FA;
  /*padding-top: 14.6rem;*/
  padding-top: 8.8rem;
}
.market-box {
  /*margin-top: 8.8rem;*/
}
.market-tabs {
  display: flex;
  align-items: center;
}
.market-tab-item {
  padding: 0.4rem 1.6rem;
  color: #828282;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: normal;
}
.market-tab-item:hover {
  color: #fff;
  background-color: #00A091;
}
.market-tab-item.active {
  color: #fff;
  background-color: #00A091;
}
.market-tab-line {
  width: 0.1rem;
  height: 0.8rem;
  background-color: #E5E5E5;
  margin: 0 0.8rem;
}
.market-list {
  display: none;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  margin-top: 8.8rem;
}
.market-list.active {
  display: grid;
  animation: fadeInAbout 0.8s ease forwards;
}
.market-list-item {
  background: #fff;
}
.market-list-item:hover {
  transform: scale(1.05);
}
.market-list-box {
  position: relative;
}
.market-list-box-txt {
  position: absolute;
  width: 80%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.4rem;
  color: #fff;
  font-weight: 700;
}
.market-list-item-pic {
  width: 100%;
  height: 17.2rem;
  object-fit: cover;
}
.market-list-item-box {
  padding: 1.6rem 1.6rem 1.2rem;
  border-bottom: 0.1rem solid #EBEBEB;
}
.market-list-item-title {
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.market-list-item-desc {
  margin-top: 1.6rem;
  color: #999;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1rem; /* 175% */
  height: 8.4rem;
  overflow-y: auto;
  /*text-overflow: ellipsis;*/
  /*overflow: hidden;*/
  /*display: -webkit-box;*/
  /*-webkit-line-clamp: 4;*/
  /*line-clamp: 4;*/
  /*-webkit-box-orient: vertical;*/
  text-align: justify;
}
.market-list-item-btn {
  /*width: 7.6rem;*/
  /*height: 2.7rem;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  color: #999;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.1rem; /* 175% */
  /*border: 1px solid #EBEBEB;*/
  margin-top: 1.2rem;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem;
}
.market-bottom {
  height: 12.8rem;
}
/* 投资横琴-服务超市end */
/* 资讯start */
.news-list {
  margin-top: 6.4rem;
  display: none;
}
.news-list.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
.news-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  box-shadow: 0 0.4rem 0.8rem 0 #7373730F;
  margin-top: -3.2rem;
  background-color: #fff;
  position: relative;
}
.news-tabs-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.news-tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  height: 6.4rem;
  position: relative;
  font-size: 2rem;
  font-weight: 600;
  color: #4E5969;
}
.news-tab-item:hover {
  color: #4E5969;
}
.news-tab-item.active {
  background-color: #00A0911A;
  color: #00A091;
}
.news-tab-item.active::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background-color: #00A091;
}
.news-list-item {
  display: flex;
  background-color: #F7F8FA;
  margin-bottom: 3.2rem;
}
.news-list-item:last-child {
  margin-bottom: 0;
}
.news-list-item:hover {
  transform: scale(1.02);
}
.news-list-item-pic {
  width: 28rem;
  height: 18rem;
  object-fit: cover;
}
.news-list-info {
  flex: 1;
  padding: 2.4rem 4rem;
}
.news-list-title {
  color: #1D2129;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3.6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.news-list-desc {
  margin-top: 1.2rem;
  color: #86909C;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-list-more {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin-top: 1.2rem;
  color: #00A091;
}
.news-list-date {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  padding-right: 4rem;
}
.news-list-date-top {
  font-family: D-DIN-PRO;
  font-size: 4rem;
  font-weight: 700;
  line-height: 3.6rem;
  color: #00A091;
  margin-top: 1.2rem;
}
.news-list-date-bottom {
  
  color: #4E5969;
  font-family: D-DIN-PRO;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
}
.news-pager {
  margin-top: 5.6rem;
}
.news-bottom {
  height: 12.7rem;
}
.news-list-empty {
  text-align: center;
  font-size: 1.6rem;
  color: #666666;
}
/* 资讯end */
/* 投资横琴-园企资讯start */
.corporate-company {
  position: relative;
  /*margin: 22.5rem 0 12.5rem;*/
  margin: 30rem 0 27rem;
}
.corporate-company-top1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -120%;
  /*top: -11.9rem;*/
  left: 50%;
  transform: translateX(-50%);
}
.corporate-company-top2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  /*top: 0;*/
  top: -60%;
  left: 50%;
  transform: translateX(-50%);
}
.corporate-company-bottom1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  /*bottom: -11.9rem;*/
  bottom: -120%;
  left: 50%;
  transform: translateX(-50%);
}
.corporate-company-bottom2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  /*bottom: 0;*/
  bottom: -60%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.corporate-company-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.corporate-company-item {
  width: 20.365rem;
  height: 20.365rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /*margin-right: 3.8rem;*/
  margin: 0 1.9rem;
}
.corporate-company-item:first-child {
  margin-left: 0;
}
.corporate-company-item:last-child {
  margin-right: 0;
}
.corporate-company-item-main {
  width: 44.124rem;
  height: 44.124rem;
  /*width: 40.73rem;*/
  /*height: 40.73rem;*/
}
.corporate-company-item-empty {
  /*width: 22.062rem;*/
  /*height: 22.062rem;*/
  margin: 0 1.7rem;
}
.corporate-company-box {
  position: absolute;
  width: 14.4rem;
  height: 14.4rem;
  background-color: #fff;
  box-shadow: 0 0 0.8rem 0.4rem #3333330F;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.corporate-company-item-main .corporate-company-box {
  width: 31.2rem;
  height: 31.2rem;
  /*width: 28.8rem;*/
  /*height: 28.8rem;*/
  background-color: #00A091;
}
.corporate-company-item-empty .corporate-company-box {
  box-shadow: none;
}
.corporate-company-pic {
  width: 10rem;
  object-fit: contain;
  position: relative;
}
.corporate-company-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.corporate-company-title {
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 8rem;
  color: #fff;
  position: relative;
}
.corporate-company-subtitle {
  margin-top: 1.2rem;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.4rem;
  color: #fff;
  position: relative;
}
.corporate-company-ph {
  display: none;
}
.corporate-company-height {
  height: 0.1rem;
}
.corporate-space {
  display: flex;
  margin-top: 8.8rem;
}
.corporate-space-left {
  flex: 1;
  margin-right: 24rem;
  display: flex;
  flex-direction: column;
}
.corporate-space-title {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 4.2rem;
}
.corporate-space-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.8rem;
  margin-top: 1.6rem;
  flex: 1;
}
.corporate-space-link {
  color: #fff;
  background: linear-gradient(90deg, #01C2B0 0%, #00A091 100%);
  width: 18rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 400;
}
.corporate-space-link:hover {
  color: #fff;
  transform: scale(1.02);
}
.corporate-space-right {
  width: 58.8rem;
  height: 33.6rem;
}
.corporate-space-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.corporate-list {
  margin-top: 13rem;
}
.corporate-list-item {
  display: flex;
  margin-bottom: 3.2rem;
}
.corporate-list-item:last-child {
  margin-bottom: 0;
}
.corporate-list-item:hover {
  transform: scale(1.02);
}
.corporate-list-pic {
  width: 24rem;
  height: 15rem;
  object-fit: cover;
}
.corporate-list-info {
  flex: 1;
  margin-left: 3.2rem;
}
.corporate-list-info {
  display: flex;
  flex-direction: column;
}
.corporate-list-title {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 3.765rem;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.corporate-list-item:hover .corporate-list-title {
  color: #00A091;
}
.corporate-list-desc {
  margin-top: 1.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.317rem;
  color: #666666;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.corporate-list-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.corporate-list-date {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.027rem;
  color: #666;
}
.corporate-bottom {
  height: 17rem;
}
.corporate-company-item.active {
  animation: companyIconAction 1s ease forwards;
}
.corporate-company-item.inactive {
  animation: companyIconOutAction 1s ease forwards;
}
/* 投资横琴-园企资讯end */
/* 投资横琴-载体空间start */
.news-list-box {
  position: relative;
  overflow: hidden;
}
.space-bg {
  position: absolute;
  width: 80%;
  object-fit: cover;
  top: 2%;
  right: -30%;
}
.space-bg-2 {
  position: absolute;
  width: 80%;
  object-fit: cover;
  top: 50%;
  left: -30%;
}
.space-item {
  display: flex;
  padding: 3.2rem;
  background-color: #fff;
  position: relative;
}
.space-item-pic {
  width: 58.8rem;
  height: 33rem;
}
.space-item-pic-url {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.space-item-width {
  width: 8rem;
}
.space-item-info {
  flex: 1;
}
.space-item-title {
  font-size: 4rem;
  font-weight: 600;
  line-height: 5.6rem;
  color: #1D2129;
}
.space-item-contact {
  display: flex;
  margin-top: 0.5rem;
}
.space-item-func {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #86909C99;
}
.space-item-mobile {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  color: #00A091;
}
.space-item-address {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #86909C99;
  margin-top: 0.5rem;
}
.space-item-address span {
  font-weight: 400;
}
.space-item-content {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: #86909C;
  margin-top: 2rem;
  text-align: justify;
  /*max-height: 19.2rem;*/
  text-overflow: ellipsis;
  overflow: hidden;
  /*display: -webkit-box;*/
  /*-webkit-line-clamp: 8;*/
  /*line-clamp: 8;*/
  -webkit-box-orient: vertical;
}
.space-item-content-open {
  text-overflow: unset !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: fit-content !important;
}
.space-item-more {
  color: #00A091;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  text-align: right;
  cursor: pointer;
}
.space-item:nth-child(even) {
  background-color: #F7F8FA;
}
.space-item-line {
  width: 100%;
  height: 0.1rem;
  background-color: #E5E6EB;
  margin-top: 2rem;
}
.space-bottom {
  height: 6.6rem;
}
.space-item-hot {
  display: flex;
  margin-top: 1.6rem;
}
.space-item-hot-label {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #000;
  margin-right: 2.4rem;
}
.space-item-hot-tag {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.space-item-hot-item {
  background-color: #00A09199;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: #fff;
  padding: 0.4rem 2.4rem;
  margin-right: 1.6rem;
  margin-bottom: 0.3rem;
}
.space-item-hot-item:last-child {
  margin-right: 0;
}
/* 投资横琴-载体空间end */
/* 关于我们start */
.contact-about {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 8.8rem;
}
.contact-swiper {
  width: 66.8rem;
  height: 40rem;
  overflow: hidden;
  margin-right: 8rem;
  position: relative;
}
.swiper-contact {
  position: absolute;
  padding-right: 2rem !important;
  text-align: right;
  top: 92% !important;
  z-index: 100;
}
.swiper-contact.swiper-horizontal>.swiper-pagination-bullets, .swiper-book.swiper-pagination-bullets.swiper-pagination-horizontal{
  padding: 0 !important;
  bottom: unset !important;
  text-align: center;
}
.swiper-contact .swiper-pagination-bullet {
  background-color: #0C9DA566 !important;
}
.swiper-contact .swiper-pagination-bullet-active {
  background-color: #0C9DA5 !important;
}
.contact-about-pic {
  width: 66.8rem;
  height: 40rem;
  object-fit: cover;
}
.contact-about-content {
  flex: 1;
}
.contact-about-content-txt {
  font-size: 2rem;
  font-weight: 500;
  line-height: 4rem;
  color: #333333;
  text-align: justify;
}
.contact-about-content-line {
  width: 100%;
  height: 0.1rem;
  background-color: #E5E6EB;
  margin-top: 3.2rem;
}
.contact-map {
  margin-top: 6.4rem;
  display: flex;
  position: relative;
}
.contact-map-pic {
  width: 74.6rem;
  height: 42.6rem;
  object-fit: cover;
}
.contact-map-box {
  flex: 1;
  align-self: stretch;
  background-color: #fff;
  padding: 4.8rem 4.6rem;
}
.contact-map-title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2.1rem;
}
.contact-map-line {
  background-color: #D9D9D966;
  width: 100%;
  height: 0.1rem;
  margin: 2.4rem 0 4.8rem;
}
.contact-map-label {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.317rem;
  color: #33333399;
}
.contact-map-value {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.1rem;
  margin: 1.2rem 0 1.6rem;
}
.contact-map-value span {
  display: block;
  color: #33333399;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin-top: 1.2rem;
}
.contact-bottom {
  height: 12.4rem;
}
.contact-box {
  position: relative;
  /*overflow: hidden;*/
}
.contact-bg {
  width: 50%;
  object-fit: contain;
  position: absolute;
  right: -10%;
  top: -20%;
}
.contact-bg-2 {
  width: 50%;
  object-fit: contain;
  position: absolute;
  left: -10%;
  bottom: 0;
}
.contact-bg-3 {
  width: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 28%;
}
.contact-duty {
  margin-top: 6.4rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 4.4rem;
  color: #333;
  position: relative;
}
.contact-duty span {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.475rem;
  color: #333;
}
.contact-qrcode {
  position: relative;
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8.8rem;
}
.contact-qrcode-box-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid #D9D9D9;
  margin-bottom: 6.4rem;
}
.contact-qrcode-box-item:last-child {
  margin-bottom: 0;
}
.contact-qrcode-box-pic {
  width: 7rem;
  height: 7rem;
  margin-right: 3.2rem;
}
.contact-qrcode-box-txt {
  flex: 1;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 3.3rem;
  color: #333;
}
.contact-qrcode-box-scan {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #00A091;
  display: flex;
  align-items: center;
}
.contact-qrcode-box-pos {
  position: absolute;
  width: 25rem;
  height: 25rem;
  background-color: #F5F5F5;
  display: none;
  align-items: center;
  justify-content : center;
  left: 0;
  top: -25rem;
}
.contact-qrcode-box-item:hover .contact-qrcode-box-pos {
  display: flex;
}
.contact-qrcode-box-pos-pic {
  width: 20rem;
  height: 20rem;
}
/* 关于我们end */
/* 优势政策start */
.policy-search {
  margin-top: 4.8rem;
}
.policy-box {
  margin-top: 4.8rem;
  display: flex;
}
.policy-box-tabs {
  width: 22.4rem;
  background-color: #F3F5F7;
  border-radius: 1.6rem;
  /*padding-bottom: 19rem;*/
  height: fit-content;
}
.policy-box-tabs-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.4rem 0;
}
.policy-box-tabs-item:first-child {
  border-top-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
}
.policy-box-tabs-pic {
  width: 6.4rem;
  height: 6.4rem;
  margin-bottom: 1.8rem;
}
.policy-box-tabs-txt {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.475rem;
  color: #333333CC;
}
.policy-box-tabs-item.active {
  background-color: #00A091;
}
.policy-box-tabs-item.active .policy-box-tabs-txt {
  color: #fff;
  font-weight: 500;
}
.policy-box-lists {
  flex: 1;
  /*margin-left: 8.6rem;*/
}
.policy-box-list {
  display: none;
}
.policy-box-list.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
.policy-box-list-item {
  display: block;
  margin-bottom: 3.2rem;
  background-color: #F7F8FA;
  padding: 2.4rem 4rem;
}
.policy-box-list-item:hover {
  transform: scale(1.02);
}
.policy-box-list-item:last-child {
  margin-bottom: 0;
}
.policy-box-list-item-top {
  display: flex;
}
.policy-box-list-item-title {
  flex: 1;
  margin-right: 12rem;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3.6rem;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.policy-box-list-item:hover .policy-box-list-item-title {
  color: #00A091;
}
.policy-box-list-item-date {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.policy-box-list-item-day {
  font-family: D-DIN-PRO;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 3.6rem;
  color: #00A091;
  margin-top: 1.2rem;
}
.policy-box-list-item-month {
  color: #4E5969;
  font-family: D-DIN-PRO;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
}
.policy-box-list-item-bottom {
  margin-top: 1.2rem;
  display: flex;
  align-items: center;
}
.policy-box-list-item-tab {
  color: #00A091;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 0.3rem 1.2rem;
  border: 0.1rem solid #00A091;
  border-radius: 1rem;
  margin-right: 1.2rem;
}
.policy-box-list-item-desc {
  flex: 1;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: #33333399;
}
.policy-box-list-item-icon {
  width: 1.6rem;
  object-fit: contain;
}
.policy-pager {
  margin-top: 8.8rem;
}
.policy-bottom {
  height: 12.8rem;
}
.policy-box-list-tabs {
  display: flex;
  align-items: center;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid #D9D9D966;
  margin-bottom: 4rem;
}
.policy-box-list-tabs-item {
  color: #33333399;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.4rem;
  padding: 0.35rem 1.6rem;
}
.policy-box-list-tabs-item.active {
  background-color: #00A091;
  color: #fff;
  font-weight: 500;
}
.policy-box-list-tabs-item:hover {
  background-color: #00A091;
  color: #fff;
  font-weight: 500;
}
.policy-box-list-tabs-line {
  width: 0.1rem;
  height: 0.8rem;
  background-color: #E5E5E5;
  margin: 0 1.6rem;
}
.policy-box-child-tabs-item {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #33333399;
  padding: 1.4rem 2.4rem;
  border-radius: 10rem;
  border: 0.1rem solid #33333366;
  margin-right: 2.4rem;
  cursor: pointer;
}
.policy-box-child-tabs-item:last-child {
  margin-right: 0;
}
.policy-box-child-tabs-item.active, .policy-box-child-tabs-item:hover {
  border: 0.1rem solid #00A091;
  color: #00A091;
}
.policy-box-child-tabs {
  display: flex;
  align-items: center;
  margin-bottom: 6rem;
}
.policy-box-product {
  display: none;
}
.policy-box-product.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
/* 优势政策end */
/* 视觉横琴start */
.video-blanner {
  position: relative;
  height: 50rem;
}
#video-blanner-box {
  object-fit: cover;
}
.video-blanner-list {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(22, 16, 16, 0) 0%, #000000 90.1%);
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 7.4rem 0 3.2rem;
}
.video-blanner-info {
  display: flex;
  align-items: center;
}
.video-blanner-list-arrow {
  width: 0.8rem;
  object-fit: contain;
}
.video-blanner-list-left {
  cursor: pointer;
}
.video-blanner-list-right {
  cursor: pointer;
  transform:scaleX(-1);
}
.video-blanner-list-items {
  margin: 0 0 0 2.4rem;
  display: flex;
  align-items: center;
}
.video-blanner-list-video {
  display: none;
  width: 14.8rem;
  height: 10.6rem;
  border-radius: 0.8rem;
  cursor: pointer;
  position: relative;
}
.video-blanner-list-video.active {
  display: block;
  margin-right: 2.4rem;
  animation: fadeInAbout 0.8s ease forwards;
}
.video-blanner-list-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
}
.video-blanner-list-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7rem;
  padding: 1.2rem;
  display: none;
  align-items: flex-end;
  background-color: #00000066;
}
.video-blanner-list-video:hover .video-blanner-list-bg {
  display: flex;
}
.video-list {
  margin-top: 5.2rem;
}
.video-list-tabs {
  display: flex;
  align-items: center;
}
.video-list-tabs-item {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.4rem;
  color: #33333399;
  padding: 0.35rem 1.6rem;
}
.video-list-tabs-item.active, .video-list-tabs-item:hover {
  color: #fff;
  font-weight: 500;
  background-color: #00A091;
}
.video-list-tabs-line {
  width: 0.1rem;
  height: 0.8rem;
  background-color: #E5E5E5;
  margin: 0 1.6rem;
}
.video-list-box {
  margin-top: 4.2rem;
  display: none;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 3.9rem;
  grid-row-gap: 5.6rem;
}
.video-list-box.active {
  display: grid;
  animation: fadeInAbout 0.8s ease forwards;
}
.video-list-box-item {
  display: block;
}
.video-list-box-item:hover {
  transform: scale(1.02);
}
.video-list-box-pic {
  width: 100%;
  height: 17.2rem;
  object-fit: cover;
}
.video-list-box-date {
  color: #00A091;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  padding: 1.6rem;
}
.video-list-box-title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  color: #333;
  padding: 0 1.6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.video-list-box-item:hover .video-list-box-title {
  color: #00A091;
}
.video-link {
  display: flex;
  margin-top: 6rem;
  position: relative;
}
#video-link-box {
  border-top-left-radius: 1.6rem;
  border-bottom-left-radius: 1.6rem;
}
.video-link-left {
  width: 86rem;
  height: 48.4rem;
}
.video-link-right {
  flex: 1;
  height: 48.4rem;
  overflow-y: auto;
  background-color: #9CDAD64A;
  padding: 1.6rem;
  border-top-right-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}
.video-link-right-item {
  display: flex;
  cursor: pointer;
  margin-bottom: 2rem;
}
.video-link-right-item:last-child {
  margin-bottom: 0;
}
.video-link-right-item:hover {
  transform: scale(1.02);
}
.video-link-right-pic {
  width: 25.2rem;
  height: 14.6rem;
  object-fit: cover;
  margin-right: 2.4rem;
}
.video-link-right-info {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.video-link-right-title {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3rem;
}
.video-link-right-date {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
}
.video-vr {
  position: relative;
  margin-top: 12.7rem;
}
.video-vr-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-vr-body {
  position: relative;
  padding-top: 9rem;
}
.video-vr-title {
  margin-top: 0;
}
.video-vr-items {
  display: flex;
  align-items: center;
  padding: 8.8rem 0 14rem;
}
.video-vr-icon {
  width: 6.4rem;
  height: 6.4rem;
}
.video-vr-right {
  transform:scaleX(-1);
  cursor: pointer;
}
.video-vr-left {
  cursor: pointer;
}
.video-vr-list {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 3.2rem;
}
.video-vr-list-item {
  display: none;
}
.video-vr-list-item.active {
  display: block;
  animation: fadeInVideo 1s ease forwards;
}
.video-vr-list-pic {
  width: 30.4rem;
  height: 31rem;
  object-fit: cover;
  margin-bottom: 1.6rem;
  border-radius: 1.6rem;
}
.video-vr-list-txt {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 3rem;
  color: #000;
}
.video-vr-list-item.prev .video-vr-list-pic, .video-vr-list-item.next .video-vr-list-pic {
  width: 20rem;
  height: 24rem;
}
.video-vr-list-item.prev {
  transform: perspective(1rem) rotateY(-1deg);
}
.video-vr-list-item.next {
  transform: perspective(1rem) rotateY(1deg);
}
.video-bottom {
  height: 12.8rem;
}
.video-play-btn {
  position: absolute;
  bottom: 2.4rem;
  right: 2.4rem;
  width: 3.2rem;
  height: 3.2rem;
  cursor: pointer;
  z-index: 10;
}
.video-play-btn-pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-body {
  position: relative;
  padding-bottom: 16.6rem;
}
.video-body2 {
  position: relative;
  background-color: #EFF8FA;
  overflow: hidden;
}
.video-header-title {
  padding-top: 0;
}
.video-bg-pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  object-fit: contain;
}
.video-member-items {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 6.4rem;
  grid-row-gap: 4rem;
}
.video-member-item {
  display: none;
  position: relative;
}
.video-member-item.active {
  display: block;
  animation: fadeInAbout 0.8s ease forwards;
}
.video-member-item img {
  width: 100%;
  object-fit: contain;
}
.video-member-item-txt {
  position: absolute;
  max-width: 30rem;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.2rem;
  font-weight: 500;
  color: #fff;
}
/* 视觉横琴end */
.activity-body {
  position: relative;
  overflow: hidden;
}
.activity-list {
  grid-area: a;
  position: relative;
}
.activity-date {
  grid-area: d;
  position: relative;
  background-color: #fff;
}
.activity-log {
  grid-area: l;
  position: relative;
}
.activity-grid {
  margin-top: 11rem;
  display: grid;
  grid-template-columns: calc(141.6rem - 5rem - 39rem) 39rem;
  grid-template-rows: 36.8rem auto;
  grid-template-areas:
    'a d'
    'a l';
  grid-column-gap: 5rem;
  grid-row-gap: 5.6rem;
}
.activity-list-date {
  color: #00A091;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.634rem;
}
.activity-list-line {
  position: relative;
}
.activity-list-line::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background-color: #FF6533;
  height: 0.2rem;
  width: 2.4rem;
}
.activity-list-items {
  margin-top: 1.6rem;
}
.activity-list-item {
  display: flex;
  align-items: flex-start;
}
.activity-list-item-info {
  width: 73rem;
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid #D9D9D966;
}
.activity-list-item-date {
  flex: 1;
  color: #333333;
  font-size: 2.4rem;
  font-weight: 500;
  margin-top: 3rem;
}
.activity-list-item-title {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.475rem;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.activity-list-item:hover .activity-list-item-title{
  color: #00A091;
}
.activity-list-item-map {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: #33333399;
  margin-top: 2.4rem;
}
.activity-list-item-map img {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.7rem;
}
.activity-log-title {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.4rem;
  color: #333;
  margin-bottom: 2.4rem;
}
.activity-log-item {
  display: block;
  padding: 2.4rem 0;
  border-top: 0.1rem solid #E5E6EB;
}
.activity-log-item-title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #4E5969;
  margin-bottom: 0.8rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.activity-log-item:hover .activity-log-item-title {
  color: #00A091;
}
.activity-log-item-desc {
  display: flex;
  /*align-items: center;*/
}
.activity-log-item-desc-item {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  color: #86909C;
  margin-right: 1.6rem;
}
.activity-log-item-desc-item:first-child {
  width: 25rem;
}
.activity-log-item-desc-item:last-child {
  margin-right: 0;
}
.activity-date-title {
  padding-top: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.activity-date-title-info {
  display: flex;
  align-items: center;
}
.activity-date-title-arrow {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.2rem;
}
.activity-date-title-arrow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-date-title-arrow:last-child {
  margin-right: 0;
}
.activity-arrow-right {
  transform: scaleX(-1);
}
.activity-date-title-txt {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  color: #1A1A1A;
}
.activity-date-week {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 1.8rem;
  margin-bottom: 0.8rem;
}
.activity-date-week-item {
  width: 5rem;
  height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  color: #1A1A1A;
}
.activity-date-day {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.activity-date-day-item, .activity-date-day-item:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  color: #3D3D3D;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}
.activity-date-day-item.disabled {
  color: #B8B8B8;
}
.activity-date-day-item.active {
  color: #fff;
  background-color: #00A091;
}
.activity-bg {
  width: 50%;
  object-fit: contain;
  position: absolute;
  left: -10%;
  top: 5%;
}
.activity-bg-2 {
  width: 50%;
  object-fit: contain;
  position: absolute;
  right: -10%;
  bottom: 0;
}
.detail-body {
  position: relative;
  margin-top: 5.6rem;
  overflow: hidden;
}
.detail-flex {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.detail-content {
  flex: 1;
}
.detail-list {
  width: 40rem;
  margin-left: 8.8rem;
}
.detail-content-title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 5.6rem;
  color: #333;
}
.detail-content-desc {
  display: flex;
  align-items: center;
  margin-top: 0.8rem;
}
.detail-content-desc-item {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  color: #86909C;
  margin-right: 1.6rem;
}
.detail-content-desc-item:last-child {
  margin-right: 0;
}
.detail-content-dest-item-a, .detail-content-dest-item-a:hover {
  color: #00A091;
}
.detail-content-line {
  width: 100%;
  height: 0.1rem;
  background-color: #E5E6EB;
  margin: 3.2rem 0;
}
.detail-content-content {
  text-align: justify;
}
.detail-content-content img {
  max-width: 100%;
  object-fit: contain;
  height: auto;
}
.detail-content-content span {
  /*display: block;*/
}
.detail-content-file {
  padding: 1.25em;
  border: 1px solid rgba(150, 150, 150, 0.2);
}
.detail-content-file-title {
  color: #666;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
}
.detail-content-file-item {
  display: block;
  color: #333;
}
.detail-content-file-item:hover {
  color: #00A091;
}
.detail-bottom {
  height: 8rem;
}
.detail-share {
  display: flex;
  align-items: center;
  margin-top: 6rem;
}
.detail-share-line {
  flex: 1;
  height: 0.1rem;
  background-color: #D9D9D9;
}
.detail-share-icon {
  position: relative;
  width: 4rem;
  height: 4rem;
  margin: 0 1rem;
  cursor: pointer;
}
.detail-share-icon img {
  width: 100%;
  height: 100%;
}
.detail-share-qrcode {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4rem;
  background-color: #fff;
  display: none;
}
.calculator-body {
  margin-top: 8.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calculator-body-img {
  width: 36.6rem;
  height: 28rem;
}
.calculator-bottom {
  height: 12.8rem;
}
.no-activities {
  border-top: 0.1rem solid #E5E6EB;
  padding-top: 4rem;
}
.no-activities img {
  width: 100%;
  object-fit: contain;
}
.empty-tip {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 6rem;
}
.empty-pic {
  width: 40rem;
  object-fit: contain;
}
.empty-txt {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.6rem;
  color: #33333399;
  margin-top: 6.4rem;
  display: none;
}
.page-input {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: #333;
}
.page-input > input {
  margin: 0 0.8rem;
  border-radius: 0.4rem;
  height: 100%;
  width: 6rem;
  outline: none;
  text-align: center;
  border: 0.1rem solid #D4D6D9;
}
.env-policy {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8.8rem;
  padding-bottom: 4rem;
}
.env-policy-circle {
  width: 55.8rem;
  height: 55.8rem;
}
.env-policy-circle:hover {
  transform: scale(1.04);
}
.env-policy-circle-pic {
  width: 100%;
  height: 100%;
}
.env-policy-pic {
  height: 5rem;
  position: absolute;
}
.env-policy-pic-item {
  height: 100%;
  object-fit: contain;
}
.env-policy-pic-1 {
  top: 20%;
  left: 12%;
}
.env-policy-pic-2 {
  top: 35%;
  left: 3%;
}
.env-policy-pic-3 {
  top: 50%;
  left: 0;
}
.env-policy-pic-4 {
  top: 65%;
  left: 2%;
}
.env-policy-pic-5 {
  top: 80%;
  left: 6%;
}
.env-policy-pic-6 {
  top: 20%;
  right: 15%;
}
.env-policy-pic-7 {
  top: 35%;
  right: 6%;
}
.env-policy-pic-8 {
  top: 50%;
  right: -2%;
}
.env-policy-pic-9 {
  top: 65%;
  right: 4%;
}
.env-policy-pic-10 {
  top: 80%;
  right: 8%;
}
.market-alter {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #00000078;
  display: flex;
  align-items: center;
  justify-content: center;
}
.market-alter-box {
  width: 63.3rem;
  /*padding: 6rem 6rem 3.2rem;*/
  /*background-color: #fff;*/
  border-radius: 1.9rem;
  position: relative;
  padding-bottom: 3.2rem;
}
.market-alter-bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.market-alter-title {
  position: relative;
  text-align: center;
  padding-top: 4.8rem;
  font-size: 4rem;
  font-weight: 700;
  line-height: 6rem;
  color: #fff;
  padding-bottom: 2rem;
}
.market-alter-item {
  position: relative;
  margin: 2.4rem 6rem 0;
  display: flex;
}
.market-alter-item-circle {
  background-color: #00A091;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 1rem;
  border-radius: 50%;
  margin-top: 1.2rem;
}
.market-alter-item-value {
  flex: 1;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.6rem;
  color: #494645;
  text-align: justify;
}
.market-alter-item-span {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.6rem;
  color: #00A091;
}
.market-alter-btn {
  position: relative;
  margin: 4.8rem auto 0;
  width: 22.9rem;
  height: 6.6rem;
  border-radius: 3.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00A091;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.6rem;
  color: #fff;
  cursor: pointer;
}
.market-tip {
  margin-top: 4.8rem;
}
.market-tip-title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.7rem;
  color: #333;
}
.market-tip-item {
  display: flex;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin-top: 1.6rem;
  color: #494645CC;
}
.market-tip-item-circle {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #00A091;
  border-radius: 50%;
  margin-right: 1rem;
  margin-top: 0.8rem;
}
.market-tip-item-value {
  flex: 1;
}
.market-tip-item-value span {
  color: #00A091;
}

.policy-search-body {
  margin-bottom: 5.6rem;
}
.policy-search-body-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.4rem;
}
.policy-search-body-item:last-child {
  margin-bottom: 0;
}
.policy-search-body-item-values {
  display: flex;
  align-items: center;
  flex: 1;
  flex-wrap: wrap;
}
.policy-search-body-item-label {
  color: #33333366;
  font-size: 2rem;
  font-weight: 400;
  width: 6rem;
  margin-right: 3.2rem;
}
.policy-search-body-item-value {
  color: #33333366;
  font-size: 2rem;
  font-weight: 400;
  margin-right: 3.2rem;
  cursor: pointer;
}
.policy-search-body-item-value:last-child {
  margin-right: 0;
}
.policy-search-body-item-value.active {
  color: #00A091;
  position: relative;
}
.policy-search-body-item-value.active::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 0.1rem;
  background-color: #00A091;
  left: 0;
  bottom: 0;
}
.index-footer-new-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-footer-new-bottom-copyright {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-footer-new-copyright-item {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 0.8rem;
}
.index-footer-new {
  display: flex;
  align-items: flex-start;
}
.index-footer-new-left img {
  width: 39rem;
  object-fit: contain;
}
.index-footer-new-title {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 3rem;
  margin-bottom: 2.4rem;
  color: #fff;
}
.index-footer-new-desc-item {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  line-height: 2rem;
  margin-bottom: 1.6rem;
}
.index-footer-new-desc-item span {
  font-weight: 400;
}
.index-footer-new-desc-item:last-child {
  margin-bottom: 0;
}
.index-footer-new-right {
  flex: 1;
  margin-left: 8rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
.index-footer-new-menu-child {
  display: flex;
  flex-direction: column;
}
.index-footer-new-menu-title {
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 1.6rem;
  display: block;
}
.index-footer-new-menu-title:hover {
  color: #fff;
}
.index-footer-new-menu-title img {
  display: none;
}
.index-footer-new-menu-item {
  color: #fff;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  margin-bottom: 1.6rem;
}
.index-footer-new-menu-item:last-child {
  margin-bottom: 0;
}
.index-footer-new-menu-item:hover {
  color: #fff;
}
.index-footer-new-icp {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  display: block;
  text-align: center;
  position: relative;
}
.index-footer-new-icp:hover {
  color: #fff;
}
.index-footer-cn {
  display: block;
}
.index-footer-en {
  display: none;
}
.talents-box-tabs {
  margin-top: 6.4rem;
}
.talents-box-body, .talents-box-body-2 {
  display: none;
}
.talents-box-body.active, .talents-box-body-2.active {
  display: block;
}
.contact-about-1 {
  padding-top: 6.4rem;
}
.policy-box-list-item-1 {
  background-color: #fff;
}
.talents-body-bg3 {
  position: absolute;
  width: 100%;
  object-fit: contain;
  right: 0;
  top: 0;
}
/* -------------------------------------------------------------------------- */

/* PC */
@media (min-width: 1300px) {
  /* Styles for large desktops */
}

/* PC菜单动画 */
@keyframes fadeInMenu {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInMenuMobile {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes menuMobileChild {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInAbout {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes iconAction {
  0%, 100% {
    opacity: 1;
    transform: rotateY(0);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    opacity: 0;
    transform: rotateY(180deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

@keyframes picRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes productLabelAction {
  from {
    opacity: 0;
    transform: translateY(120px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes productTopAction {
  from {
    opacity: 0;
    transform: translateY(-120px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes productLeftAction {
  from {
    opacity: 0;
    transform: translateX(-120px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes productRightAction {
  from {
    opacity: 0;
    transform: translateX(120px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes iconAction2 {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0.2rem, -0.2rem);
  }
  50% {
    transform: translate(0.4rem, -0.4rem);
  }
  75% {
    transform: translate(0.2rem, -0.2rem);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes companyIconAction {
  0% {
    transform:scaleX(1);
  }
  100% {
    transform:scaleX(0);
  }
}
@keyframes companyIconOutAction {
  0% {
    transform:scaleX(0);
  }
  100% {
    transform:scaleX(1);
  }
}
@keyframes fadeInVideo {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes areaOpenAction {
  0% {
    transform: scale(0.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes areaCloseAction {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
  }
}

.talents-box {
  margin-top: 6.4rem;
  display: grid;
  /* yufei */
  grid-template-columns: 1fr 1fr 1fr;
  /*grid-template-columns: 1fr 1fr;*/
  grid-column-gap: 5.6rem;
  grid-row-gap: 6.4rem;
}

.talents-box-item {
  position: relative;
  background-color: #fff;
  border: 1px solid #D2D2D299;
  border-radius: 0.8rem;
  box-shadow: 0 0.8rem 1.6rem 0 #A1A0A017;
  padding: 1.6rem 2.4rem;
  display: flex;
  align-items: flex-start;
}
.talents-box-item-pic {
  width: 8.2rem;
  height: 8.2rem;
  margin-right: 2.4rem;
}

.talents-box-item-title {
  /* yufei */
  font-size: 2.4rem;
  /* yufei */
  /*font-size: 3.2rem;*/
  font-weight: 500;
  /*line-height: 4.8rem;*/
  margin-bottom: 3.2rem;
  color: #333333;
}
.talents-box-item-info {
  flex: 1;
}
/* yufei */
/*.talents-box-item-title-1 {*/
/*  color: #384DE8;*/
/*}*/
/*.talents-box-item-title-2 {*/
/*  color: #F57038;*/
/*}*/
/*.talents-box-item-title-3 {*/
/*  color: #00A091;*/
/*}*/
/*.talents-box-item-title-4 {*/
/*  color: #FEB41C;*/
/*}*/
/* yufei */
.talents-box-item-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 18rem;
  object-fit: contain;
}
.talents-box-list {
  display: flex;
  flex-direction: column;
}
.talents-box-item-desc {
  /* yufei */
  font-size: 1.8rem;
  /* yufei */
  /*font-size: 2.4rem;*/
  font-weight: 400;
  line-height: 3.6rem;
  color: #333333CC;
  margin-bottom: 1.6rem;
  display: flex;
}
.talents-box-item-desc span {
  flex-shrink: 0;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #D9D9D9;
  margin-top: 1.4rem;
  margin-right: 1rem;
}
.talents-box-item-desc div {
  flex: 1;
}
.talents-box-item-desc:last-child {
  margin-bottom: 0;
}
.talents-box-item-desc-1:hover {
  color: #384DE8;
}
.talents-box-item-desc-2:hover {
  color: #F57038;
}
.talents-box-item-desc-3:hover {
  color: #00A091;
}
.talents-box-item-desc-4:hover {
  color: #FEB41C;
}
.talents-box-item-desc-1:hover span {
  background-color: #384DE8;
}
.talents-box-item-desc-2:hover span {
  background-color: #F57038;
}
.talents-box-item-desc-3:hover span {
  background-color: #00A091;
}
.talents-box-item-desc-4:hover span {
  background-color: #FEB41C;
}
.talents-ele-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.talents-ele-grid .infrast-ele-grid-title {
  font-size: 2.4rem;
}
.talents-ele-grid .infrast-ele-grid-desc {
  min-height: 4.4rem;
}

.talents-swiper {
  width: 100%;
  overflow: hidden;
}
.talents-swiper-item {
  display: block;
  text-align: center;
  width: 24rem;
}
.talents-swiper-pic, .talents-swiper-pic-act,  .talents-swiper-act-pic {
  width: 100%;
  object-fit: contain;
}
.talents-swiper-pic-act {
  display: none;
}
.swiper-talent {
  position: absolute;
  padding-right: 0 !important;
  text-align: center;
  top: 96% !important;
  z-index: 100;
}
.swiper-talent.swiper-horizontal>.swiper-pagination-bullets, .swiper-book.swiper-pagination-bullets.swiper-pagination-horizontal{
  padding: 0 !important;
  bottom: unset !important;
  text-align: center;
}
.swiper-talent .swiper-pagination-bullet {
  background-color: #0C9DA566 !important;
}
.swiper-talent .swiper-pagination-bullet-active {
  background-color: #0C9DA5 !important;
}
.swiper-talent2 {
  position: absolute;
  padding-right: 0 !important;
  text-align: center;
  top: 96% !important;
  z-index: 100;
}
.swiper-talent2.swiper-horizontal>.swiper-pagination-bullets, .swiper-book.swiper-pagination-bullets.swiper-pagination-horizontal{
  padding: 0 !important;
  bottom: unset !important;
  text-align: center;
}
.swiper-talent2 .swiper-pagination-bullet {
  background-color: #0C9DA566 !important;
}
.swiper-talent2 .swiper-pagination-bullet-active {
  background-color: #0C9DA5 !important;
}
/*.talents-swiper .swiper-slide-active {*/
/*  z-index: 1000;*/
/*}*/
/*.talents-swiper .swiper-slide-prev, .talents-swiper .swiper-slide-next {*/
/*  z-index: 100;*/
/*}*/

.talents-swiper {
  flex-direction: column;
}
.talents-body {
  position: relative;
  width: 60%;
  height: 36rem;
}

.talents-swiper-slide:nth-child(1) {
  position: absolute;
  top: -1.3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.talents-swiper-slide:nth-child(1) .talents-swiper-item {
  width: 26rem;
}
.talents-swiper-slide:nth-child(1) .talents-swiper-pic-act {
  display: block;
}
.talents-swiper-slide:nth-child(1) .talents-swiper-pic {
  display: none;
}
.talents-swiper-slide:nth-child(2) {
  position: absolute;
  top: 0;
  right: 25%;
  transform: translateX(25%) perspective(100rem) rotateY(-30deg);
  z-index: 90;
}

.talents-swiper-slide:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
  transform: perspective(100rem) rotateY(-30deg);
  z-index: 80;
}

.talents-swiper-slide:nth-child(9) {
  position: absolute;
  top: 0;
  left: 0;
  transform: perspective(100rem) rotateY(30deg);
  z-index: 80;
}

.talents-swiper-slide:nth-child(10) {
  position: absolute;
  top: 0;
  left: 25%;
  transform: translateX(-25%) perspective(100rem) rotateY(30deg);
  z-index: 90;
}

.talents-swiper-slide:nth-child(6), .talents-swiper-slide:nth-child(7), .talents-swiper-slide:nth-child(8), .talents-swiper-slide:nth-child(4), .talents-swiper-slide:nth-child(5) {
  display: none;
}

.talents-swiper-arrow {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
}
.talents-swiper-arrow img {
  width: 2rem;
  object-fit: contain;
  cursor: pointer;
}
.talents-swiper-left {
  left: 10%;
}
.talents-swiper-right {
  right: 10%;
  transform: translateY(-50%) scaleX(-1);
}
.talents-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.talents-pointer {
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.talents-pointer span {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #E0E0E0;
  margin-right: 0.8rem;
  cursor: pointer;
}
.talents-pointer span:last-child {
  margin-right: 0;
}
.talents-pointer span.active {
  background-color: #53DBC8;
}
.talents-title {
  width: 80rem;
  object-fit: contain;
  position: relative;
  margin-bottom: 8rem;
}
.talents2-swiper {
  width: 100%;
  overflow: hidden;
}
.talents2-swiper-item {
  display: block;
  text-align: center;
  width: 24rem;
}
.talents2-swiper-pic, .talents2-swiper-pic-act {
  width: 100%;
  object-fit: contain;
}
.talents2-swiper-pic-act {
  display: none;
}
.talents2-swiper {
  flex-direction: column;
}
.talents2-body {
  position: relative;
  width: 60%;
  height: 36rem;
}

.talents2-swiper-slide:nth-child(1) {
  position: absolute;
  top: -1.3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.talents2-swiper-slide:nth-child(1) .talents2-swiper-item {
  width: 26rem;
}
.talents2-swiper-slide:nth-child(1) .talents2-swiper-pic-act {
  display: block;
}
.talents2-swiper-slide:nth-child(1) .talents2-swiper-pic {
  display: none;
}
.talents2-swiper-slide:nth-child(2) {
  position: absolute;
  top: 0;
  right: 25%;
  transform: translateX(25%) perspective(100rem) rotateY(-30deg);
  z-index: 90;
}

.talents2-swiper-slide:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0;
  transform: perspective(100rem) rotateY(-30deg);
  z-index: 80;
}

.talents2-swiper-slide:nth-child(9) {
  position: absolute;
  top: 0;
  left: 0;
  transform: perspective(100rem) rotateY(30deg);
  z-index: 80;
}

.talents2-swiper-slide:nth-child(10) {
  position: absolute;
  top: 0;
  left: 25%;
  transform: translateX(-25%) perspective(100rem) rotateY(30deg);
  z-index: 90;
}

.talents2-swiper-slide:nth-child(6), .talents2-swiper-slide:nth-child(7), .talents2-swiper-slide:nth-child(8), .talents2-swiper-slide:nth-child(4), .talents2-swiper-slide:nth-child(5) {
  display: none;
}

.talents2-swiper-arrow {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
}
.talents2-swiper-arrow img {
  width: 2rem;
  object-fit: contain;
  cursor: pointer;
}
.talents2-swiper-left {
  left: 10%;
}
.talents2-swiper-right {
  right: 10%;
  transform: translateY(-50%) scaleX(-1);
}
.talents2-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.talents2-pointer {
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.talents2-pointer span {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #E0E0E0;
  margin-right: 0.8rem;
  cursor: pointer;
}
.talents2-pointer span:last-child {
  margin-right: 0;
}
.talents2-pointer span.active {
  background-color: #53DBC8;
}
.talents2-title {
  width: 80rem;
  object-fit: contain;
  position: relative;
  margin-bottom: 8rem;
}

.talents-swiper-slide {
  transition: all 0.3s linear;
}
.talents2-swiper-slide {
  transition: all 0.3s linear;
}
.talents-swiper-item {
  width: 100%;
}
.talents-swiper-act-pic {
  display: none;
}
.talents-swiper .swiper-slide-active .talents-swiper-act-pic {
  display: flex;
}
.talents-swiper .swiper-slide-active .talents-swiper-pic {
  display: none;
}
.talents-swiper .swiper-button-next, .talents-swiper .swiper-button-prev {
  top: 65% !important;
  color: #53DBC8 !important;
}
.talents2-swiper .swiper-slide-active .talents-swiper-act-pic {
  display: flex;
}
.talents2-swiper .swiper-slide-active .talents-swiper-pic {
  display: none;
}
.talents2-swiper .swiper-button-next, .talents2-swiper .swiper-button-prev {
  top: 65% !important;
  color: #53DBC8 !important;
}