* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1.15;
  font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '����', '����', sans-serif;
}
:root {
  --content-fontSize: 18px;
  --content-li-ml: 20px;
}
button {
  border: none;
}
table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
td {
  word-wrap: break-word;
  width: auto;
  white-space: break-spaces;
}
p {
  word-break: break-word;
}
a {
  color: #000000;
}
img {
  object-fit: cover;
  max-width: 100%;
}
a:link {
  text-decoration: none;
}
/*ȥ���Ѿ������ʹ���a��ǩ���»���*/
a:visited {
  text-decoration: none;
}
/*ȥ�������ͣʱ��a��ǩ���»���*/
a:hover {
  text-decoration: none;
}
/*ȥ�����ڵ����a��ǩ���»��ߣ���갴�£���δ�ɿ���*/
a:active {
  text-decoration: none;
}
/*ȥ����ý����a��ǩ���»��ߣ������������*/
a:focus {
  text-decoration: none;
}
ul,
li {
  list-style-type: none;
  margin: 0;
}
.content-container li {
  list-style-type: auto;
  margin-left: var(--content-li-ml);
}
.content-container > .info > .item:nth-child(3) li {
  list-style-type: none;
  margin-left: 0;
}
input,
textarea {
  border: none;
  outline: none;
  resize: none;
}
.container {
  width: 1680px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.row {
  width: 100%;
}
.aspect {
  --width: 16;
  --height: 9;
  position: relative;
  padding-top: calc(calc(var(--height) / var(--width)) * 100%);
}
.aspect-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header .header {
  background-color: #223F6D;
  /* background: url(../images/header-bg.jpg) no-repeat center center/cover; */
  background-size: 100% 100%;
  width: 100%;
  /* position: fixed;
	top: 0;
	left: 0;
	z-index: 999; */
}
header .header-container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
header .header-container .header-row {
  width: 100%;
  --width: 1920;
  --height: 216;
}
header .header-container .header-row .aspect-container {
  display: flex;
  flex-direction: column;
}
header .header-container .header-row .aspect-container .top {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc(calc(80 / 1920) * 100%);
}
header .header-container .header-row .aspect-container .top .logo {
  width: 45rem;
  height: 8rem;
}
header .header-container .header-row .aspect-container .top .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
  display: block;
}
header .header-container .header-row .aspect-container .top .right {
  display: flex;
  align-items: center;
}
header .header-container .header-row .aspect-container .top .right .search {
  display: flex;
  width: 22.625rem;
  align-items: center;
  height: 3.25rem;
  border-radius: 26px;
  border: solid 1px #ffffff;
  justify-content: space-between;
  padding: 0 1.25rem 0 1.6875rem;
  background-color: rgba(255, 255, 255, 0.1);
}
header .header-container .header-row .aspect-container .top .right .search input {
  background-color: transparent;
  color: #fff;
  font-size: 1.125rem;
}
header .header-container .header-row .aspect-container .top .right .search input::placeholder,
header .header-container .header-row .aspect-container .top .right .search input::-webkit-input-placeholder {
  color: #fff;
}
header .header-container .header-row .aspect-container .top .right .search img {
  width: 1.625rem;
  height: 1.625rem;
}
header .header-container .header-row .aspect-container .top .right .select {
  color: #fff;
  width: 7.4375rem;
  text-align: center;
  border-right: 1px solid rgba(230, 230, 230, 0.3);
  position: relative;
}
header .header-container .header-row .aspect-container .top .right .select ul {
  position: absolute;
  width: 100%;
  font-size: 1.125rem;
  background-color: #fff;
  color: #333333;
  bottom: 0;
  transform: translateY(100%);
  display: none;
  padding: 0.625rem 0;
}
header .header-container .header-row .aspect-container .top .right .select ul li {
  line-height: 1.875rem;
  cursor: pointer;
}
header .header-container .header-row .aspect-container .top .right .select span {
  position: relative;
  font-size: 1.125rem;
  cursor: pointer;
}
header .header-container .header-row .aspect-container .top .right .select span::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  margin-left: 0.5rem;
  transform: translateY(-50%);
  border-top: 0.375rem solid #fff;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
}
header .header-container .header-row .aspect-container .top .right .select:hover ul {
  display: block;
}
header .header-container .header-row .aspect-container .top .right > a {
  color: #fff;
  font-size: 1rem;
  padding-left: 1.8125rem;
}
header .header-container .header-row .aspect-container .navbar {
  height: calc(calc(60 / 196) * 100%);
}
header .header-container .header-row .aspect-container .navbar > ul {
  display: flex;
  height: 100%;
  align-items: center;
}
header .header-container .header-row .aspect-container .navbar > ul > li {
  flex: 1;
  position: relative;
  height: 100%;
}
header .header-container .header-row .aspect-container .navbar > ul > li::before,
header .header-container .header-row .aspect-container .navbar > ul > li:last-child::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 0.875rem;
  background-color: #fff;
  opacity: 0.2;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
header .header-container .header-row .aspect-container .navbar > ul > li:last-child::after {
  right: 0;
  left: auto;
}
header .header-container .header-row .aspect-container .navbar > ul > li a {
  color: #fff;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
header .header-container .header-row .aspect-container .navbar > ul > li > ul {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  bottom: 0;
  transform: translateY(100%);
  background-color: #223F6D;
  z-index: 99;
}
header .header-container .header-row .aspect-container .navbar > ul > li > ul li {
  height: 100%;
  background-color: #223F6D;
}
header .header-container .header-row .aspect-container .navbar > ul > li > ul li:hover {
  background-color: #4DA9FF;
}
header .header-container .header-row .aspect-container .navbar > ul > li:hover ul,
header .header-container .header-row .aspect-container .navbar > ul > li ul:hover {
  display: block;
}
header .header-container .header-row .aspect-container .navbar > ul > li:hover,
header .header-container .header-row .aspect-container .navbar > ul > .active {
  background-color: #4DA9FF;
}
header .header-mobile {
  width: 100%;
  max-width: 100vw;
  height: 6.25rem;
  display: none;
  position: fixed;
  background-color: #223F6D;
  /* background: url(../css/header-bg.jpg) no-repeat center center/cover; */
  z-index: 999;
}
header .header-mobile .container {
  overflow: initial;
}
header .header-occupy {
  width: 100%;
  height: 6.25rem;
  display: none;
}
header .header-mobile .row,
header .header-mobile .container {
  height: 100%;
}
header .header-mobile .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header-mobile .logo {
  width: 18rem;
  height: 4rem;
  object-fit: contain;
  object-position: left center;
}
header .header-mobile .toggle {
  margin-left: auto;
  margin-right: 1.875rem;
}
header .header-mobile .toggle .toggle-text {
  font-size: 1.625rem;
}
header .header-mobile .toggle .toggle-options {
  -webkit-transform: translateY(-webkit-calc(100% + 0.625rem));
  -moz-transform: translateY(-moz-calc(100% + 0.625rem));
  -ms-transform: translateY(calc(100% + 0.625rem));
  -o-transform: translateY(calc(100% + 0.625rem));
  transform: translateY(calc(100% + 0.625rem));
  font-size: 1.625rem;
}
header .header-mobile .toggle {
  position: relative;
  z-index: 9;
}
header .header-mobile .toggle:hover .toggle-options {
  display: block;
  pointer-events: initial;
}
header .header-mobile .toggle:hover .toggle-text img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
header .header-mobile .toggle-text {
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 0.3125rem 0;
}
header .header-mobile .toggle-text img {
  width: 0.625rem;
  margin-left: 0.375rem;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}
header .header-mobile .toggle-options {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  font-size: 1.125rem;
  font-weight: bold;
  min-width: 100%;
  background-color: #fff;
  text-align: center;
  padding: 0.375rem 0;
  box-shadow: 0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
header .header-mobile .toggle-options .toggle-option {
  line-height: 1.3;
  white-space: nowrap;
  padding: 0 0.625rem;
}
header .header-mobile .toggle-options .toggle-option:hover {
  background-color: var(--color);
  color: #fff;
}
header .header-mobile .right {
  width: 2rem;
  height: 1.6875rem;
}
header .header-mobile .right img {
  filter: brightness(100);
  width: 100%;
  height: 100%;
}
header .header-mobile .right .nav-close-icon {
  display: none;
}
header .header-mobile .navbar {
  position: absolute;
  width: 100%;
  top: 6.25rem;
  z-index: 1200;
  display: none;
  left: 0;
  height: calc(100vh - 6.25rem);
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.5);
}
header .header-mobile .navbar > ul,
header .header-mobile .navbar > .bottom {
  background-color: #f8f8f8;
  width: 100%;
}
header .header-mobile .navbar > ul > li {
  border-bottom: 1px solid #dbdbdb;
}
header .header-mobile .navbar > ul > li .item {
  display: flex;
  align-items: center;
  padding: 1.25rem calc(calc((42 / 750) * 100vw));
  justify-content: space-between;
}
header .header-mobile .navbar > ul > li .item a {
  font-size: 1.75rem;
  flex-grow: 1;
}
header .header-mobile .navbar > ul > li .item span {
  width: 1.875rem;
  height: 100%;
  color: #4DA9FF;
  position: relative;
}
header .header-mobile .navbar > ul > li .item span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '+';
  font-size: 2.25rem;
}
header .header-mobile .navbar > ul > li .item .active::before {
  content: '-';
  font-size: 3.5rem;
  transform: translate(-50%, -57%);
}
header .header-mobile .navbar > ul > li > ul {
  padding: 0 calc(calc((42 / 750) * 100vw));
  background-color: #ededed;
  display: none;
}
header .header-mobile .navbar > ul > li > ul > li {
  width: 95%;
  margin-left: auto;
  padding: 1.25rem 0;
}
header .header-mobile .navbar > ul > li > ul > li a {
  font-size: 1.75rem;
  color: #999999;
}
header .header-mobile .bottom {
  padding: 1.25rem 0;
}
header .header-mobile .bottom .search {
  width: 90%;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #eeeeee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.9375rem 1.25rem;
}
header .header-mobile .bottom .search input {
  background-color: #eeeeee;
  font-size: 1.5rem;
}
header .header-mobile .bottom .search img {
  width: 1.5rem;
  height: 1.5rem;
}
footer .footer {
  width: 100%;
  height: auto;
  /* background: url(../css/footer-bg.png) no-repeat center center/cover; */
  background-color: #223F6D;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
footer .footer .top {
  flex-grow: 1;
}
footer .footer .top .row {
  display: flex;
  justify-content: space-between;
  height: 100%;
  flex-wrap: wrap;
}
footer .footer .top .left img {
  width: 31rem;
  height: 6.8rem;
  margin: 2rem 0 1.5rem;
  object-fit: contain;
  object-position: left center;
}
footer .footer .top .left .item {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.375rem;
}
footer .footer .top .left .item span {
  font-size: 0.875rem;
  color: #aac9cb;
  margin-right: 0.5625rem;
}
footer .footer .top .left .item p {
  color: #fff;
  font-size: 0.875rem;
}
footer .footer .top .left .item.tel p {
  font-size: 0.875rem;
}
footer .footer .top .left .item.tel p,
footer .footer .top .left .item.address p {
  font-weight: bolder;
}
footer .footer .top .left .item.link {
  align-items: center;
  margin-top: 2.125rem;
}
footer .footer .top .left .item.link > ul {
  display: flex;
}
footer .footer .top .left .item.link ul li {
  padding: 0 1.0625rem;
  line-height: 2.5rem;
}
footer .footer .top .left .item.link > ul > li {
  width: 13.125rem;
  border: solid 1px #cadaee;
  margin-right: 1.25rem;
  position: relative;
}
footer .footer .top .left .item.link > ul > li > p {
  line-height: 2.5rem;
  font-size: 0.875rem;
  color: #aac9cb;
  position: relative;
  cursor: pointer;
}
footer .footer .top .left .item.link > ul > li > p::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0.5625rem solid #fff;
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  border-radius: 2px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
footer .footer .top .left .item.link > ul > li ul {
  width: 100%;
  position: absolute;
  top: -1px;
  transform: translateY(-100%);
  background-color: #fff;
  left: 0;
  display: none;
  max-height: 12.5rem;
  overflow-y: scroll;
}
footer .footer .top .left .item.link > ul > li ul::-webkit-scrollbar {
  width: 3px;
  height: 100%;
  background-color: #fff;
}
footer .footer .top .left .item.link > ul > li ul::-webkit-scrollbar-thumb {
  background-color: #4DA9FF;
}
footer .footer .top .left .item.link > ul > .active:hover > p::after {
  transform: translateY(-50%) rotate(-180deg);
}
footer .footer .top .left .item.link > ul > li > ul > li {
  line-height: normal;
  padding: 0.8rem 1.0625rem;
}
footer .footer .top .right {
  display: flex;
  align-items: center;
  padding-left: 2.125rem;
  border-left: 1px solid rgba(4, 24, 108, 0.5);
}
footer .footer .top .right .item {
  margin-left: 5rem;
}
footer .footer .top .right .item p {
  font-size: 0.875rem;
  color: #fff;
  margin-bottom: 2.0625rem;
  text-align: center;
}
footer .footer .top .right .item img {
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 8px;
}
footer .footer .bottom {
  height: 4.75rem;
}
footer .footer .bottom::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(12, 72, 125, 0.5);
}
footer .footer .bottom .row {
  font-size: 0.875rem;
}
footer .footer .bottom .row .center {
  display: flex;
}
footer .footer .bottom .row,
footer .footer .bottom .left,
footer .footer .bottom .right {
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
footer .footer .bottom p,
footer .footer .bottom a {
  color: #fff;
}
footer .footer .bottom .left .title {
  margin-right: 2.1875rem;
}
footer .footer .bottom .left .item {
  margin-right: 1.5rem;
}
footer .footer .bottom .left .item:last-child {
  margin-right: 0;
}
footer .footer .bottom .left .beian-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
footer .footer .bottom .left .support {
  display: flex;
  align-items: center;
}
footer .footer .bottom .left .text {
  margin-right: 2.1875rem;
}
footer .footer .bottom .left img {
  width: 1.25rem;
  height: 1.25rem;
}
footer .footer .bottom .right {
  margin-left: auto;
}
footer .footer .bottom .right a {
  margin-left: 1rem;
}
footer .footer .bottom .right img {
  width: 1.125rem;
  height: 1.25rem;
}
.pagination-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-group .swiper-pagination-bullet {
  width: 1.875rem;
  height: 1.875rem;
  background: url(../css/pagination-icon.png) no-repeat center center/cover;
  background-size: 100% 100%;
  margin: 0 1.25rem !important;
  opacity: 1;
  flex-shrink: 0;
}
.pagination-group .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 2.375rem;
  height: 2.375rem;
  background: url(../css/pagination-active-icon.png) no-repeat center center/cover;
}
.more {
  display: flex;
  width: 11.25rem;
  height: 3.375rem;
  border-radius: 27px;
  border: 1px solid #cccccc;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  cursor: pointer;
}
.more span:nth-child(1) {
  font-size: 1rem;
}
.more .more-icon {
  width: 0.8125rem;
  height: 0.8125rem;
  margin-left: 1.6875rem;
  background: url(../css/arrow-icon.png) no-repeat center center/cover;
  background-size: 100% 100%;
}
.more:hover,
.more.active {
  background-color: #4DA9FF;
  border: 1px solid #4DA9FF;
  color: #fff;
}
.more:hover .more-icon,
.more.active .more-icon {
  filter: brightness(100);
}
.arrow {
  width: 0.8125rem;
  height: 0.8125rem;
  background: url(../css/arrow-icon.png) no-repeat center center/cover;
  background-size: 100% 100%;
}
.arrow.active {
  background: url(../css/arrow-active-icon.png) no-repeat center center/cover;
}
.top-button {
  width: 3.125rem;
  height: 3.125rem;
  position: fixed;
  right: 1.6875rem;
  bottom: 15vh;
  background-color: #4DA9FF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  cursor: pointer;
}
.top-button img {
  width: calc(calc(15 / 50) * 100%);
  height: calc(calc(24 / 50) * 100%);
}
.anchor-list {
  position: fixed;
  right: 1.25rem;
  top: 50vh;
  transform: translateY(-50%);
  z-index: 99;
}
.anchor-list .item {
  position: relative;
  border-radius: 50%;
  width: 0.625rem;
  height: 0.625rem;
  border: solid 2px #cccccc;
  background-color: #fff;
  margin: 0 auto;
  margin-bottom: 1.75rem;
}
.anchor-list .item a {
  font-size: 0.8rem;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #4DA9FF;
}
.anchor-list .item.active,
.anchor-list .item:hover {
  width: 4.375rem;
  height: 4.375rem;
  border: 1px solid #4DA9FF;
}
.anchor-list .item.active a,
.anchor-list .item:hover a {
  display: flex;
}
.anchor-list .item.active::before,
.anchor-list .item:hover::before {
  border: solid 2px #4DA9FF;
}
.anchor-list .item::after {
  content: '';
  position: absolute;
  height: 1.75rem;
  border-left: 1px dashed #999999;
  bottom: -1.75rem;
  left: 50%;
  transform: translateX(-50%);
}
.anchor-list .item:last-child::after {
  display: none;
}
.template > .top {
  width: 100%;
  height: 30rem;
  /* background: url(../css/news-top-img.jpg) no-repeat center center/cover; */
  background-size: 100% 100%;
}
.template > .top .row,
.template > .top .container {
  height: 100%;
}
.template > .top .row {
  position: relative;
}
.template > .top .row > .title {
  font-size: 2.625rem;
  letter-spacing: 0.1875rem;
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-100%);
}
.template > .top .row > .breadcrumb {
  width: 100%;
  height: 3.75rem;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 1.5625rem;
}
.template > .top .row > .breadcrumb img {
  width: 0.875rem;
  height: 1rem;
  margin-right: 1.0625rem;
}
.template > .top .row > .breadcrumb ul {
  display: flex;
  flex-grow: 1;
  width: 0;
}
.template > .top .row > .breadcrumb span,
.template > .top .row > .breadcrumb li a {
  font-size: 0.875rem;
  color: #999999;
  white-space: nowrap;
}
.template > .top .row > .breadcrumb li {
  white-space: nowrap;
}
.template > .top .row > .breadcrumb .active {
  overflow: hidden;
  text-overflow: ellipsis;
}
.template > .top .row > .breadcrumb li:first-child::before {
  display: none;
}
.template > .top .row > .breadcrumb li::before {
  content: '/';
  color: #999999;
  padding: 0 0.625rem;
}
.template .middle {
  background: #f5f5f5 url(../css/content-bg.png) no-repeat bottom center/cover;
  background-size: 100% auto;
  padding-top: 3.125rem;
  padding-bottom: 10.0625rem;
}
.team-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.team-page > .template {
  flex: 1 0 auto;
}
.team-page > footer {
  margin-top: auto;
  flex-shrink: 0;
}
.template .middle .row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.template .middle .card {
  width: 21.5rem;
}
.template .middle .card .card-title {
  width: 100%;
  height: 6.875rem;
  background: url(../images/card.png) no-repeat center center/cover;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
}
.template .middle .card .card-title p {
  color: #fff;
  font-size: 2.125rem;
  font-weight: bolder;
  margin-left: 2.1875rem;
}
.template .middle .card .card-list {
  padding: 1.375rem 2.5rem 1.5625rem;
  background-color: #fff;
}
.template .middle .card .card-list li {
  font-size: 1.125rem;
  color: #666666;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
  position: relative;
  padding-left: 0.75rem;
}
.template .middle .card .card-list li::before {
  content: '';
  position: absolute;
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: #4DA9FF;
  border-radius: 50%;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.template .middle .card .card-list li:last-child {
  border-bottom: none;
}
.template .middle .card .card-list .active,
.template .middle .card .card-list li:hover {
  background: none;
}
.template .middle .card .card-list li a {
  display: inline-block;
  width: 100%;
  line-height: 3.25rem;
}
.template .middle .card .card-list .active a,
.template .middle .card .card-list li:hover a {
  color: #4DA9FF;
}
.template .middle .card .card-list li:hover::before,
.template .middle .card .card-list .active::before {
  display: block;
}
.template .middle .middle-content {
  width: 80.625rem;
  background-color: #fff;
}
.template .middle .middle-content > div {
  padding: 2.6875rem calc(calc(70 / 1290) * 100%) 4.4375rem;
  background-color: #fff;
  /* font-size: var(--content-fontSize); */
}
.template .middle .middle-content > div > .title {
  font-size: 1.75rem;
  font-weight: bolder;
  padding-bottom: 2.4375rem;
  border-bottom: 1px solid #4DA9FF;
}
.checked-group {
  width: 100%;
  display: flex;
  justify-content: center;
}
.checked-group a {
  display: block;
  width: 2.5625rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  font-size: 1rem;
  align-items: center;
  height: 2.5625rem;
  border-radius: 50%;
  border: solid 1px #cccccc;
  margin: 0 0.625rem;
}
.checked-group .active,
.checked-group a:hover {
  background-color: #4DA9FF;
  border: solid 1px #4DA9FF;
  color: #fff;
}
.checked-group a:first-child:before,
.checked-group a:last-child:before {
  content: '';
  width: 0.625rem;
  height: 0.625rem;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #999999;
  transform: rotate(-135deg) translate(-10%, 20%);
}
.checked-group a:hover::before {
  border-color: #fff;
}
.checked-group a:last-child:before {
  transform: rotate(45deg) translate(-10%, 10%);
}
.list1 .item:hover .list-title,
.list2 .item:hover .list-title {
  color: #4DA9FF;
}
.list-title,
.list-content {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-title {
  white-space: nowrap;
  font-size: 1.5rem;
  font-weight: bolder;
}
.list-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1rem;
  line-height: 1.75rem;
}
.list2 .item,
.list1 .item {
  display: flex;
  padding: 3.125rem 0;
  border-bottom: 1px solid #e6e6e6;
}
.list1,
.list2 {
  width: 100%;
}
.list1 .item:hover .more,
.list2 .item:hover .more {
  background-color: #4DA9FF;
  border: 1px solid #4DA9FF;
}
.list1 .item:hover .more,
.list2 .item:hover .more {
  color: #fff;
}
.list1 .item:hover .more .more-icon,
.list2 .item:hover .more .more-icon {
  filter: brightness(100);
}
.list1 .item .img {
  position: relative;
  width: calc(calc(341 / 1150) * 100%);
  flex-shrink: 0;
  padding-top: calc(calc(212 / 1150) * 100%);
  margin-right: calc(calc(23 / 1150) * 100%);
}
.list1 .item .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.list1 .item .info {
  flex-grow: 1;
  width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list1 .item .info .time {
  font-size: 1rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
}

.list2 .item {
  align-items: flex-start;
}
.list2 .item .left {
  border-radius: 8px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 1.1875rem 1.0625rem;
  border: solid 1px #4DA9FF;
  color: #4DA9FF;
  margin-right: 1.625rem;
}
.list2 .item .left .year {
  font-weight: bolder;
  font-size: 2.375rem;
  margin-bottom: 0.6875rem;
}
.list2 .item .left .date {
  font-size: 0.875rem;
}
.list2 .item .left img {
  width: 2.25rem;
  height: 2.0625rem;
}
.list2 .item .info {
  flex-grow: 1;
  width: 0;
}
.list2 .item .info .list-title {
  margin-bottom: 1.375rem;
}
.list2 .item.img .info .list-title {
  margin-bottom: 0.9375rem;
}
.list2 .item .info .time {
  color: #999999;
  font-size: 1rem;
  margin-bottom: 1.125rem;
}
.list2 .item .info .list-content {
  margin-bottom: 1.125rem;
}
.list2 .item:hover .left {
  background-color: #223F6D;
  color: #fff;
}
.list2 .item.img:hover .left {
  background-color: #fff;
}
.list3 .item {
  display: flex;
  align-items: center;
  padding: 1.875rem 0;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
.list3 .item .img {
  width: 3.625rem;
  height: 3.625rem;
  background-color: #feffff;
  border-radius: 6px;
  border: solid 1px #4DA9FF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.875rem;
}
.list3 .item .img img {
  width: 1.75rem;
  height: 2.125rem;
}
.list3 .item .info {
  flex-grow: 1;
  width: 0;
}
.list3 .item .info .title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.25rem;
  font-weight: bolder;
  margin-bottom: 1.3125rem;
}
.list3 .item .info .time {
  font-size: 1rem;
  color: #999999;
}
.list3 .item:hover .title {
  color: #4DA9FF;
}
.list3 .item:hover .more {
  background-color: #4DA9FF;
  color: #fff;
}
.list3 .item:hover .more .more-icon {
  filter: brightness(100);
}
.selects {
  width: 100%;
  margin-top: 4.6875rem;
  display: flex;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.selects .item {
  width: 50%;
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 1rem;
  padding: 0 2.0625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.selects .item:last-child {
  text-align: right;
  border-left: 1px solid #e6e6e6;
}
.selects .item::before {
  content: '';
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #333333;
  left: 0.375rem;
  top: 50%;
  transform: translateY(-50%) rotate(-135deg);
}
.selects .item:last-child::before {
  left: auto;
  right: 0.375rem;
  transform: translateY(-50%) rotate(45deg);
}
.selects .item:hover {
  color: #fff;
  background-color: #4DA9FF;
}
.selects .item:hover::before {
  border-color: #fff;
}
.back {
  margin: 0 auto;
  margin-top: 3.75rem;
  width: 11.25rem;
  height: 3.375rem;
  border-radius: 27px;
  border: solid 1px #cccccc;
  text-align: center;
  line-height: 3.375rem;
  font-size: 16px;
  cursor: pointer;
}
.selection {
  position: absolute;
  padding: 0 1.25rem;
  height: 2.375rem;
  background-color: #e2efe6;
  border-radius: 19px;
  border: solid 1px #4DA9FF;
}
.selection p {
  line-height: 2.375rem;
  color: #4DA9FF;
  padding-right: 1.75rem;
  position: relative;
}
.selection p::after {
  content: '';
  position: absolute;
  border-top: 0.375rem solid #4DA9FF;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.selection ul {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  display: none;
  padding: 0 1.25rem;
  min-width: 100%;
  max-height: 11.875rem;
  overflow-y: scroll;
  background-color: #fff;
}
.selection ul::-webkit-scrollbar {
  height: 100%;
  width: 2px;
  background-color: #d2d2d2;
}
.selection ul::-webkit-scrollbar-thumb {
  background-color: #4DA9FF;
}
.selection ul li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  background-color: #fff;
}
.selection ul li a {
  line-height: 2.375rem;
  width: 100%;
  text-align: center;
}
.team-list1 {
  margin-bottom: 3.75rem;
}
.team-list1 .item {
  padding: 1.9375rem 0;
}
.team-list1 .item .img,
.team-list2 .item .img {
  width: calc(calc(214 / 1150) * 100%);
  padding-top: calc(calc(278 / 1150) * 100%);
  margin-right: calc(calc(50 / 1150) * 100%);
}
.team-list1 .item .info {
  padding: 2.3125rem 0 1.9375rem;
}
.team-list2 .item {
  align-items: flex-start;
}
.team-list2 .item .info {
  padding-top: 1.0625rem;
}
.team-list2 .item .info .list-title {
  margin-bottom: 0.9375rem;
}
.team-list2 .item .info .time {
  margin-bottom: 1.1875rem;
}
.team-list2 .item .info .list-content {
  display: block;
}
.team-list2 .item .info .list-content p {
  line-height: 2.25rem;
  font-size: var(--content-fontSize);
}
.team-list2 .item .info .mailbox,
.team-list2 .item .info .address {
  display: flex;
  align-items: flex-start;
  color: #999999;
  font-size: 1rem;
  position: relative;
  padding-left: 1.9375rem;
  line-height: 2rem;
}
.team-list2 .item .info .mailbox img,
.team-list2 .item .info .address img {
  position: absolute;
  left: 0;
  top: 0.5rem;
}
.team-list2 .item .info .mailbox img {
  width: 1.1875rem;
  height: 0.9375rem;
}
.team-list2 .item .info .address img {
  width: 1.125rem;
  height: 1.3125rem;
  top: 0.25rem;
}
.team-list3 {
  margin-bottom: 3.125rem;
}
.team-list3 .item .info .list-title {
  margin-bottom: 0.75rem;
}
.team-list3 .item .info .time {
  margin-bottom: 0.625rem;
}
.team-list3 .item .info .list-content {
  margin-bottom: 1.125rem;
}
.platform-list2 {
  display: inline-block;
  width: 34.375rem;
}
.platform-list2 > img {
  width: 100%;
  height: 21.25rem;
  border-radius: 6px;
}
.platform-list2 .item {
  border-bottom: none;
  padding-top: 2.0625rem;
  padding-bottom: 0;
  margin-bottom: 5rem;
}
.platform-list2 .item .left {
  width: auto;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  border-top: 0.375rem solid #4DA9FF;
  border-radius: 0 0 6px 6px;
  background-color: #fafbfb;
}
.platform-list2 .item .info .list-title {
  margin-bottom: 0.875rem;
}
.platform-list2 .item .list-content {
  line-height: 2.25rem;
}
.middle-content > div {
  position: relative;
}
.middle-content > div > .choose {
  position: absolute;
  right: calc(calc(70 / 1290) * 100%);
  top: 2.875rem;
  display: flex;
}
.middle-content > div > .selection {
  right: calc(calc(70 / 1290) * 100%);
  top: 2.875rem;
}
.middle-content > div > .choose .choose-item {
  font-size: 1.25rem;
  color: #666666;
  margin: 0 1.8125rem;
  cursor: pointer;
  position: relative;
}
.middle-content > div > .choose .choose-item::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background-color: #e6e6e6;
  top: 0;
  right: -1.8125rem;
}
.middle-content > div > .choose .choose-item:first-child {
  margin-left: 0;
}
.middle-content > div > .choose .choose-item:last-child {
  margin-right: 0;
}
.middle-content > div > .choose .choose-item:last-child::after {
  display: none;
}
.middle-content > div > .choose .choose-item.active {
  color: #4DA9FF;
  font-weight: bolder;
}
.middle-content > div > .choose .choose-item.active::before {
  content: '';
  position: absolute;
  width: 2.3125rem;
  height: 0.1875rem;
  background-color: #4DA9FF;
  border-radius: 2px;
  bottom: -0.8125rem;
  left: 50%;
  transform: translateX(-50%);
}
.middle-content > div > .choose .choose-down {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  left: 0;
  top: 0.375rem;
  transform: translateX(-200%);
  border-top: 0.9375rem solid #000;
  border-left: 0.5625rem solid transparent;
  border-right: 0.5625rem solid transparent;
}
.list4 .item {
  display: block;
  padding: 1.5625rem 2.5625rem 1.5625rem 1.75rem;
  border-radius: 6px;
  border: solid 1px #e6e6e6;
  margin-bottom: 2rem;
}
.list4 .item .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list4 .item .top .time {
  width: 6.125rem;
  background-color: #d1eddb;
  line-height: 1.625rem;
  font-size: 1rem;
  text-align: center;
  border-radius: 6px;
  border: solid 1px #4DA9FF;
  margin-right: 1.5rem;
  color: #4DA9FF;
}
.list4 .item .top .title {
  font-size: 1.5rem;
  font-weight: bolder;
  flex-grow: 1;
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list4 .item .top img {
  opacity: 1;
}
.list4 .item img {
  width: 0.8125rem;
  height: 0.8125rem;
}
.list4 .item .bottom {
  display: none;
  justify-content: space-between;
  align-items: flex-end;
}
.list4 .item .bottom img {
  margin-right: calc(calc(6.125rem - 0.8125rem) + 1.5rem);
  margin-bottom: 0.5rem;
}
.list4 .item .bottom .text {
  flex-grow: 1;
  width: 0;
  font-size: 1rem;
  line-height: 2rem;
  color: #666666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-indent: 2em;
}
.list4 .item:hover {
  box-shadow: 0px 0px 2rem 0px rgba(38, 166, 85, 0.1);
  border: solid 1px #4DA9FF;
}
.list4 .item:hover .top .title {
  color: #4DA9FF;
}
.list4 .item:hover .bottom {
  display: flex;
}
.list4 .item:hover .top {
  margin-bottom: 1.1875rem;
}
.list4 .item:hover .top img {
  opacity: 0;
}
.list5 {
  display: flex;
  justify-content: space-between;
}
.list5 .item {
  display: block;
  width: 34.375rem;
  border-radius: 6px;
  border: solid 1px #e6e6e6;
  margin-bottom: 3.75rem;
}
.list5 .item > img {
  width: 100%;
  height: 21.25rem;
  border-radius: 6px;
}
.list5 .item .info {
  padding: 2.0625rem 2.1875rem 2rem;
}
.list5 .item .info .title,
.list5 .item .info .text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list5 .item .info .title {
  font-size: 1.5rem;
  letter-spacing: 0.0625rem;
  font-weight: bolder;
  margin-bottom: 0.8125rem;
  white-space: nowrap;
}
.list5 .item .info .text {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #999999;
  height: 3.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1.1875rem;
}
.list5 .item .info .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.375rem;
  border-top: 1px solid #e6e6e6;
}
.list5 .item .info .bottom .time,
.list5 .item .info .bottom .link {
  display: flex;
  align-items: center;
}
.list5 .item .info .bottom .time .time-icon {
  width: 0.875rem;
  height: 0.875rem;
  background: url(../css/cooperation-icon1.png) no-repeat center center/cover;
  background-size: 100% 100%;
}
.list5 .item .info .bottom .time span,
.list5 .item .info .bottom .link span {
  font-size: 1rem;
  color: #999999;
  font-weight: bolder;
  margin-left: 0.375rem;
}
.list5 .item .info .bottom .link .link-icon {
  width: 0.8125rem;
  height: 0.8125rem;
  background: url(../css/arrow-icon.png) no-repeat center center/cover;
  background-size: 100% 100%;
}
.list5 .item .info .bottom .link span {
  margin-left: 0;
  margin-right: 1.6875rem;
  font-weight: normal;
}
.list5 .item:hover {
  box-shadow: 0px 0px 2rem 0px rgba(38, 166, 85, 0.1);
  border: solid 1px #4DA9FF;
}
.list5 .item:hover .info .title,
.list5 .item:hover .info .bottom .time span,
.list5 .item:hover .info .bottom .link span {
  color: #4DA9FF;
}
.list5 .item:hover .bottom {
  border-top: 1px solid #4DA9FF;
}
.list5 .item:hover .info .bottom .time .time-icon {
  background: url(../css/cooperation-icon1-active.png) no-repeat center center/cover;
}
.list5 .item:hover .info .bottom .link .link-icon {
  background: url(../css/arrow-active-icon.png) no-repeat center center/cover;
}
.modal {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 9999;
}
.modal .container,
.modal .row {
  height: 100%;
}
.modal .img-modal {
  height: 100%;
}
.modal .row {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 100vh;
  overflow-y: scroll;
}
.modal .row::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background-color: transparent;
}
.modal .img-modal .row > img {
  width: 100%;
  max-width: 31.25rem;
}
.modal .row .close img {
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 1.25rem;
}

.index .middle1 {
  width: 100%;
  padding-top: calc(calc(782 / 1672) * 100%);
  position: relative;
}
.index .middle1 .swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --swiper-navigation-color: #fff;
  --swiper-navigation-size: 1.875rem;
}
.index .middle1 .swiper .hero-banner-slide {
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.index .middle1 .swiper .hero-banner-slide--head1 {
  background-size: 100% 100%;
}
.index .middle1 .swiper .hero-banner-slide--head2 {
  background-size: contain;
  background-color: #fff;
}
.index .middle1 .swiper .swiper-slide .row,
.index .middle1 .swiper .swiper-slide .container {
  height: 100%;
}
.index .middle1 .swiper .swiper-slide .row {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.index .middle1 .swiper .swiper-slide .row .title {
  font-size: 2.625rem;
  line-height: 3.8125rem;
  color: #fff;
  letter-spacing: 0.1875rem;
  margin-bottom: 1.875rem;
  font-weight: bolder;
}
.index .middle1 .swiper .swiper-slide .row .label {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #fff;
  width: 58.75rem;
  text-align: justify;
}
.index .middle1 .swiper .swiper-button-prev {
  left: 3.25rem;
}
.index .middle1 .swiper .swiper-button-next {
  right: 3.125rem;
}
.index .middle1 .swiper .pagination-group {
  bottom: 3.75rem;
}
.index .middle1 .swiper .pagination-group .swiper-pagination-bullet {
  opacity: 0.6;
}
.index .middle1 .swiper .pagination-group .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(../images/pagination-icon.png) no-repeat center center/cover;
  opacity: 1;
}
.index .middle2 {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, 0.2), transparent 32%),
    radial-gradient(circle at right center, rgba(14, 165, 233, 0.18), transparent 28%),
    linear-gradient(135deg, #eef6ff 0%, #f8fbff 52%, #edf7f6 100%);
  padding: 6.5rem 0 7rem;
}
.index .middle2::before,
.index .middle2::after {
  content: '';
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}
.index .middle2::before {
  width: 18rem;
  height: 18rem;
  top: 3rem;
  right: -5rem;
  background: rgba(59, 130, 246, 0.08);
}
.index .middle2::after {
  width: 26rem;
  height: 26rem;
  left: -10rem;
  bottom: -11rem;
  background: rgba(16, 185, 129, 0.08);
}
.index .middle2 .row {
  position: relative;
  z-index: 1;
}
.index .middle2 .row > .title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  margin-bottom: 2.75rem;
}
.index .middle2 .row > .title .copy p {
  font-size: 2.25rem;
  font-weight: bold;
}
.index .middle2 .about-title {
  align-items: flex-end;
}
.index .middle2 .about-title + .more {
  position: absolute;
  top: 0;
  right: 0;
  flex-shrink: 0;
}
.index .middle2 .about-title .copy {
  max-width: 30rem;
}
.index .middle2 .about-title > p:not(.lead) {
  display: none;
}
.index .middle2 .about-title .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: rgba(14, 116, 144, 0.1);
  color: #0f766e;
  font-size: 0.875rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.index .middle2 .about-title .lead {
  max-width: 40rem;
  font-size: 1.125rem;
  line-height: 1.9;
  color: #4b5563;
}
.index .middle2 .about-panel {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 1.75rem;
  padding: 3.25rem;
  box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, 0.08);
}
.index .middle2 .about-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(17rem, 0.72fr);
  gap: 2.25rem;
}
.index .middle2 .about-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.95rem;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.08);
  color: #1d4ed8;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  margin-bottom: 1.25rem;
}
.index .middle2 .about-main h3 {
  max-width: 48rem;
  font-size: 2.35rem;
  line-height: 1.28;
  color: #0f172a;
  margin-bottom: 1.3rem;
}
.index .middle2 .about-lead {
  max-width: 48rem;
  font-size: 1.18rem;
  line-height: 2;
  color: #334155;
  padding-left: 1.5rem;
  border-left: 0.25rem solid #cbd5e1;
  margin-bottom: 1.75rem;
}
.index .middle2 .about-body {
  display: grid;
  gap: 1.15rem;
}
.index .middle2 .about-body p {
  font-size: 1.03rem;
  line-height: 2;
  color: #475569;
  text-align: justify;
}
.index .middle2 .about-side {
  display: grid;
  align-content: start;
  gap: 1.1rem;
  padding-left: 1.5rem;
  border-left: 1px solid rgba(148, 163, 184, 0.22);
}
.index .middle2 .about-side-summary {
  display: grid;
  gap: 1rem;
}
.index .middle2 .about-side-meta {
  display: grid;
  gap: 0.35rem;
}
.index .middle2 .about-side-label {
  font-size: 0.82rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b;
}
.index .middle2 .about-side-value {
  font-size: 1.02rem;
  line-height: 1.8;
  color: #0f172a;
  font-weight: 600;
}
.index .middle2 .about-side-group {
  padding-top: 1rem;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}
.index .middle2 .about-side-heading {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #0f172a;
  margin-bottom: 0.85rem;
}
.index .middle2 .about-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.index .middle2 .about-keywords span,
.index .middle2 .about-path li {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.2rem 0;
  border-radius: 0;
  background: transparent;
  border: none;
  color: #334155;
  font-size: 0.98rem;
  font-weight: 500;
}
.index .middle2 .about-path {
  display: grid;
  gap: 0.45rem;
}
.index .middle2 .about-path li {
  position: relative;
  padding-left: 1rem;
}
.index .middle2 .about-path li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: #2563eb;
}
.index .middle2 .about-side-quote {
  padding-top: 1rem;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}
.index .middle2 .about-side-quote p {
  font-size: 1rem;
  line-height: 1.9;
  color: #475569;
  font-style: italic;
}
.index .middle2 .row > .list {
  margin-bottom: 8.0625rem;
  display: flex;
  flex-wrap: wrap;
}
.index .middle2 .row > .list .more {
  width: 10.375rem;
  height: 3.375rem;
}
.index .middle2 .row > .list .info {
  position: relative;
}
.index .middle2 .row > .list .info::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  background-color: #1859a6;
}
.index .middle2 .row > .list .time,
.index .middle2 .row > .list .big .info .content {
  font-size: 1rem;
  color: #999999;
}
.index .middle2 .row > .list .big .info .content {
  color: #666666;
}
.index .middle2 .row > .list .title {
  font-size: 1.5rem;
  font-weight: bold;
}
.index .middle2 .row > .list .big {
  width: 46.25rem;
  cursor: pointer;
}
.index .middle2 .row > .list .img {
  width: 100%;
  height: 28.75rem;
  overflow: hidden;
}
.index .middle2 .row > .list .img img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
}
.index .middle2 .row > .list .big .info {
  background-color: #f5f5f7;
  padding: 3.0625rem 2.6875rem 2.625rem 2.625rem;
}
.index .middle2 .row > .list .big .info .time {
  margin-bottom: 1.25rem;
}
.index .middle2 .row > .list .big .info .title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.3125rem;
}
.index .middle2 .row > .list .big .info .content,
.index .middle2 .row > .list .swiper .item .info .title {
  width: 100%;
  display: -webkit-box;
  height: 3.375rem;
  line-height: 1.6875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1.6875rem;
}
.index .middle2 .row > .list .swiper {
  width: 55.5625rem;
  margin-left: auto;
  margin-right: 0;
}
.index .middle2 .row > .list .swiper .item {
  width: 26.25rem !important;
  height: 23.0625rem;
  position: relative;
  cursor: pointer;
  margin-bottom: 1.875rem;
  margin-right: 3rem;
}
.index .middle2 .row > .list .swiper .item:nth-child(3),
.index .middle2 .row > .list .swiper .item:nth-child(4) {
  margin-bottom: 0;
}
.index .middle2 .row > .list .swiper .item .img {
  height: 16.3125rem;
}
.index .middle2 .row > .list .swiper .item .info {
  width: 23.75rem;
  height: 8.25rem;
  position: absolute;
  padding: 1.9375rem 0.8125rem 0 2.1875rem;
  bottom: 0;
  right: 0;
  background-color: #fff;
}
.index .middle2 .row > .list .swiper .item .info .title {
  line-height: 1.875rem;
  height: auto;
  margin-bottom: 0.9375rem;
  font-size: 1.25rem;
}
.index .middle2 .row > .list .swiper .item .info .more {
  position: absolute;
  right: 0.8125rem;
  bottom: 0;
  transform: scale(0.6);
  display: none;
}
.index .middle2 .row > .list .big:hover img,
.index .middle2 .row > .list .item:hover img {
  transform: scale(1.1);
}
.index .middle2 .row > .list .swiper .item:hover .info .more {
  display: flex;
}
.index .middle3 {
  height: auto;
  padding-top: 5.625rem;
  padding-bottom: 5.5rem;
  background:
    radial-gradient(circle at 12% 18%, rgba(77, 169, 255, 0.14), transparent 30%),
    radial-gradient(circle at 86% 78%, rgba(24, 184, 149, 0.1), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #eef6ff 55%, #f7fbff 100%);
}
.index .middle3 .row > .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.875rem;
}
.index .middle3 .row > .title .more {
  border-color: #cccccc;
}
.index .middle3 .row > .title ul {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.index .middle3 .row > .title ul li {
  font-size: 1.75rem;
  color: #4DA9FF;
  padding: 0 2.375rem;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.index .middle3 .row > .title ul li::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 1.125rem;
  background-color: #a4dabe;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index .middle3 .row > .title ul li:first-child {
  padding-left: 0;
}
.index .middle3 .row > .title ul li:first-child::before {
  display: none;
}
.index .middle3 .row > .title ul .active {
  font-size: 2.25rem;
  color: #333;
  font-weight: bold;
}
.index .middle3 .row > .title ul .active:first-child::after {
  width: calc(100% - 2.375rem);
  left: 0;
  transform: translateX(0);
}
.index .middle3 .row > .title ul .active::after {
  content: '';
  position: absolute;
  width: calc(100% - 4.75rem);
  left: 50%;
  transform: translateX(-50%);
  height: 0.5rem;
  background-color: #4DA9FF;
  border-radius: 4px;
  bottom: -23px;
}
.index .middle3 .row > .swiper-container .swiper {
  padding-bottom: 5rem;
  position: relative;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item {
  width: 50.875rem;
  height: 11.875rem;
  display: block;
  padding: 0 2.3125rem 0 2.4375rem;
  background-color: #fff;
  border: solid 1px #fff;
  box-shadow: 0px 0.125rem 2rem 0px rgba(186, 217, 217, 0.3);
  border-radius: 6px;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .right {
  width: 86%;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .title,
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .title {
  width: 94%;
  font-size: 1.25rem;
  line-height: 1.875rem;
  height: 3.75rem;
  margin-bottom: 0.6875rem;
  font-weight: bolder;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .content {
  font-size: 1rem;
  line-height: 1.5rem;
  height: 3rem;
  color: #666666;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .left {
  height: 6.8125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .left .arrow {
  filter: brightness(0);
  margin-left: 0.3125rem;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .time .day,
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .time .year {
  font-size: 1.5rem;
  font-weight: bolder;
  white-space: nowrap;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item .time .year {
  font-size: 1rem;
  margin-top: 0.5625rem;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item:hover {
  border: solid 1px #4DA9FF;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item:hover .time,
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item:hover .title {
  color: #4DA9FF;
}
.index .middle3 .row > .swiper-container .swiper .swiper-slide .item:hover .left .arrow {
  background: url(../css/arrow-active-icon.png) no-repeat center center/cover;
  filter: none;
}
.index .middle3 .row > .swiper-container .swiper .middle3-nav {
  position: absolute;
  left: 50%;
  bottom: 0.75rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.index .middle3 .row > .swiper-container .swiper .middle3-nav-button {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid rgba(77, 169, 255, 0.35);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #4DA9FF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.index .middle3 .row > .swiper-container .swiper .middle3-nav-button::before {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
.index .middle3 .row > .swiper-container .swiper .middle3-nav-prev::before {
  transform: rotate(135deg);
  margin-left: 0.25rem;
}
.index .middle3 .row > .swiper-container .swiper .middle3-nav-next::before {
  transform: rotate(-45deg);
  margin-right: 0.25rem;
}
.index .middle3 .row > .swiper-container .swiper .middle3-nav-button:hover {
  background-color: #4DA9FF;
  border-color: #4DA9FF;
  color: #fff;
  transform: translateY(-2px);
}
.index .middle3 .row > .swiper-container .swiper .middle3-nav-button:focus-visible {
  outline: 2px solid rgba(77, 169, 255, 0.45);
  outline-offset: 2px;
}
.index .middle4 {
  padding-top: 5.9375rem;
  padding-bottom: 6.9375rem;
}
.index .middle4 .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index .middle4 .row > div > .title {
  font-size: 2.25rem;
  font-weight: bolder;
  margin-bottom: 3.75rem;
}
.index .middle4 .row > .left .swiper {
  width: 77.5rem;
  height: 34.375rem;
  overflow: initial;
}
.index .middle4 .row > .left .swiper .swiper-button {
  top: -6rem;
  left: auto;
  right: 0;
  font-size: 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 1px solid #4DA9FF;
  color: #4DA9FF;
  margin-top: 0;
  --swiper-navigation-size: 1.125rem;
  opacity: 1;
}
.index .middle4 .row > .left .swiper .swiper-button:hover {
  background-color: #4DA9FF;
  color: #fff;
}
.index .middle4 .row > .left .swiper .swiper-button.swiper-button-prev {
  margin-right: 3.5rem;
}
.index .middle4 .row > .left .swiper .img,
.index .middle4 .row > .left .swiper .img img,
.index .middle4 .row > .left .swiper .img::before,
.index .middle4 .row > .left .swiper .swiper-slide .rotate {
  width: 100%;
  height: 100%;
  position: relative;
}
.index .middle4 .row > .left .swiper .img {
  z-index: 1;
}
.index .middle4 .row > .left .swiper .img::before {
  content: '';
  top: 0;
  left: 0;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.index .middle4 .row > .left .swiper .img img {
  z-index: -1;
}
.index .middle4 .row > .left .swiper .swiper-slide {
  perspective: 2000px;
  -webkit-perspective: 2000px;
}
.index .middle4 .row > .left .swiper .img img,
.index .middle4 .row > .left .swiper .swiper-slide,
.index .middle4 .row > .left .swiper .img::before {
  border-radius: 6px;
}
.index .middle4 .row > .left .swiper .swiper-slide > div {
  transition: all 1s;
}
.index .middle4 .row > .left .swiper .img .img-info {
  position: absolute;
  bottom: 1.8125rem;
  left: 1.875rem;
}
.index .middle4 .row > .left .swiper .img .img-info p {
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 1.0625rem;
}
.index .middle4 .row > .left .swiper .img .img-info .arrow {
  filter: brightness(100);
}
.index .middle4 .row > .left .swiper .info {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  z-index: 0;
  opacity: 0;
  transition: all 1s ease;
  transform: rotateY(180deg);
  left: 0;
  display: flex;
  padding: 3rem 2.1875rem 4.125rem 1.875rem;
  box-shadow: 0px 0.125rem 2rem 0px rgba(186, 217, 217, 0.3);
  border-radius: 6px;
  border: solid 1px #4DA9FF;
  flex-direction: column;
}
.index .middle4 .row > .left .swiper .info .title {
  font-size: 1.5rem;
  color: #4DA9FF;
  font-weight: bolder;
  margin-bottom: 1.25rem;
}
.index .middle4 .row > .left .swiper .info .content {
  font-size: 1rem;
  line-height: 2rem;
  max-height: 15.625rem;
  overflow-y: scroll;
}
.index .middle4 .row > .left .swiper .info .content::-webkit-scrollbar {
  width: 1px;
  height: 100%;
  background-color: #fff;
}
.index .middle4 .row > .left .swiper .info .content::-webkit-scrollbar-thumb {
  background-color: #4DA9FF;
}
.index .middle4 .row > .left .swiper .info a {
  display: flex;
  align-items: center;
  margin-top: auto;
  color: #4DA9FF;
  font-size: 1rem;
}
.index .middle4 .row > .left .swiper .info a div {
  margin-left: 0.6875rem;
}
.index .middle4 .row > .left .swiper .swiper-slide.active .rotate {
  transform: rotateY(-180deg);
}
.index .middle4 .row > .left .swiper .swiper-slide.active .info {
  z-index: 1;
  opacity: 1;
}
.index .middle4 .row > .right > .title {
  text-align: right;
}
.index .middle4 .row > .right .swiper {
  width: 24.375rem;
  height: 34.375rem;
  background-color: #f6f6f6;
  border-radius: 6px;
  --swiper-navigation-color: #fff;
  --swiper-navigation-size: 1.3125rem;
}
.index .middle4 .row > .right .swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2.5rem;
}
.index .middle4 .row > .right .swiper .img {
  width: 20.6875rem;
  height: 27.75rem;
  margin-bottom: 1.3125rem;
}
.index .middle4 .row > .right .swiper .img img {
  max-width: 100%;
  max-height: 100%;
}
.index .middle4 .row > .right .swiper p {
  font-size: 1.25rem;
  margin-left: 0.25rem;
}
.index .middle4 .row > .right .swiper .swiper-button-prev,
.index .middle4 .row > .right .swiper .swiper-button-next {
  width: 2.125rem;
  height: 6.375rem;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  transform: translateY(-50%);
}
.index .middle4 .row > .right .swiper .swiper-button-next {
  right: 0;
  left: auto;
}
.index .middle4 {
  padding-top: 5.25rem;
  padding-bottom: 6rem;
  background:
    radial-gradient(circle at top right, rgba(77, 169, 255, 0.16), transparent 24rem),
    linear-gradient(180deg, #f5fbff 0%, #eef6ff 100%);
}
.index .middle4 > .container > .row {
  display: none;
}
.index .middle4 .showcase-shell {
  position: relative;
  overflow: hidden;
  padding: 3rem;
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(242, 249, 255, 0.95) 100%);
  box-shadow: 0 1.5rem 3.5rem rgba(74, 130, 176, 0.14);
  border: 1px solid rgba(77, 169, 255, 0.16);
}
.index .middle4 .showcase-shell::before,
.index .middle4 .showcase-shell::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.index .middle4 .showcase-shell::before {
  width: 16rem;
  height: 16rem;
  top: -8rem;
  right: -4rem;
  background: radial-gradient(circle, rgba(77, 169, 255, 0.16) 0%, rgba(77, 169, 255, 0) 70%);
}
.index .middle4 .showcase-shell::after {
  width: 12rem;
  height: 12rem;
  bottom: -5rem;
  left: -3rem;
  background: radial-gradient(circle, rgba(98, 154, 124, 0.18) 0%, rgba(98, 154, 124, 0) 70%);
}
.index .middle4 .showcase-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2.5rem;
}
.index .middle4 .showcase-header .copy {
  max-width: 52rem;
}
.index .middle4 .showcase-header .eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  background: rgba(77, 169, 255, 0.12);
  color: #4DA9FF;
  font-size: 0.875rem;
  letter-spacing: 0.24em;
  font-weight: 700;
  margin-bottom: 1rem;
}
.index .middle4 .showcase-header .title {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: bolder;
  color: #163a63;
  margin-bottom: 0.9rem;
}
.index .middle4 .showcase-header .desc {
  font-size: 1.05rem;
  line-height: 1.9;
  color: #5e748b;
}
.index .middle4 .showcase-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.5rem;
}
.index .middle4 .showcase-card {
  min-height: 27rem;
  display: flex;
  flex-direction: column;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(77, 169, 255, 0.14);
  box-shadow: 0 1rem 2.5rem rgba(22, 58, 99, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.index .middle4 .showcase-card:hover {
  transform: translateY(-0.5rem);
  border-color: rgba(77, 169, 255, 0.38);
  box-shadow: 0 1.5rem 3rem rgba(22, 58, 99, 0.14);
}
.index .middle4 .showcase-card .card-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 252, 0.88));
}
.index .middle4 .showcase-card .card-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.24));
}
.index .middle4 .showcase-card .card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.index .middle4 .showcase-card:hover .card-media img {
  transform: scale(1.06);
}
.index .middle4 .showcase-card .card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.5rem;
}
.index .middle4 .showcase-card .card-index {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: #4DA9FF;
  margin-bottom: 0.85rem;
}
.index .middle4 .showcase-card .card-title {
  font-size: 1.45rem;
  line-height: 1.35;
  color: #17314f;
  font-weight: bolder;
  margin-bottom: 0.9rem;
}
.index .middle4 .showcase-card .card-content {
  font-size: 1rem;
  line-height: 1.85;
  color: #61758b;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.index .middle4 .showcase-card .card-link {
  margin-top: auto;
  padding-top: 1.3rem;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: #4DA9FF;
  font-size: 1rem;
  font-weight: 700;
}
.index .middle4 .showcase-card .card-link .arrow {
  width: 0.625rem;
  height: 0.625rem;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.28s ease;
}
.index .middle4 .showcase-card:hover .card-link .arrow {
  transform: translateX(0.22rem) rotate(45deg);
}
.index .middle5 {
  height: auto;
  background: url(../css/index-middle5-img1.jpg) no-repeat center center/cover;
  background-size: 100% 100%;
  background-color: rgba(208, 230, 254, 0.7);
  padding: 4.75rem 0 3.5rem;
}
.index .middle5 .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2.5rem;
}
.index .middle5 .row > div > .title {
  font-size: 2.25rem;
  font-weight: bolder;
  margin-bottom: 2.5rem;
}
.index .middle5 .row > div .more {
  margin-top: 2rem;
}
.index .middle5 .row > .left {
  width: 31rem;
  overflow: hidden;
}
.index .middle5 .row > .left .swiper {
  width: 100%;
  padding-bottom: 1.25rem;
}
.index .middle5 .row > .left .swiper .img {
  width: 14rem;
  height: 14rem;
  background: url(../css/index-middle5-img3.png) no-repeat center center/cover;
  background-size: 100% 100%;
  border-radius: 50%;
  border: solid 1px transparent;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.125rem;
  margin-top: 1rem;
  position: relative;
  overflow: hidden;
}
.index .middle5 .row > .left .swiper .img .tx {
  border-radius: 50%;
  width: 82.5%;
  height: 82.5%;
  transition: transform 0.28s ease;
}
.index .middle5 .row > .left .swiper .img .label {
  width: 8.5rem;
  height: 2.25rem;
  position: absolute;
  bottom: 1.35rem;
  left: 0;
  display: none;
}
.index .middle5 .row > .left .swiper .info {
  text-align: center;
  width: 14rem;
}
.index .middle5 .row > .left .swiper .info .name {
  font-size: 1.35rem;
  margin-bottom: 0.5rem;
}
.index .middle5 .row > .left .swiper .info .label {
  font-size: 1.08rem;
  color: #4b5563;
  line-height: 1.75rem;
  font-weight: 600;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1rem;
}
.index .middle5 .row > .left .swiper .info .link {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  align-items: center;
  color: #333333;
  transition: color 0.28s ease, transform 0.28s ease;
}
.index .middle5 .row > .left .swiper .info .link .arrow {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.6875rem;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg) translateY(1px);
  transition: transform 0.28s ease, color 0.28s ease;
}
.index .middle5 .row > .left .swiper .swiper-slide {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  transition: transform 0.28s ease;
}
.index .middle5 .row > .left .swiper .swiper-slide:nth-child(1) {
  z-index: 2;
}
.index .middle5 .row > .left .swiper .swiper-slide:nth-child(2) {
  z-index: 1;
}
.index .middle5 .row > .left .swiper .swiper-slide .img,
.index .middle5 .row > .left .swiper .swiper-slide .info {
  transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease, color 0.28s ease;
}
.index .middle5 .row > .left .swiper .swiper-slide .img,
.index .middle5 .row > .left .swiper .swiper-slide .info {
  margin-left: auto;
  margin-right: auto;
}
.index .middle5 .row > .left .swiper .swiper-slide:hover {
  transform: translateY(-0.375rem);
}
.index .middle5 .row > .left .swiper .swiper-slide:hover .info .name,
.index .middle5 .row > .left .swiper .swiper-slide:hover .info .link {
  color: #4DA9FF;
}
.index .middle5 .row > .left .swiper .swiper-slide:hover .info .link .arrow {
  transform: rotate(45deg) translate(0.1875rem, -0.125rem);
}
.index .middle5 .row > .left .swiper .swiper-pagination {
  bottom: 0;
}
.index .middle5 .row > .left > .more {
  margin-left: auto;
  margin-right: auto;
}
.index .middle5 .row > .right {
  flex: 1;
  min-width: 0;
}
.index .middle5 .row > .right .more {
  margin-left: 0;
}
.index .middle5 .row > .right .title {
  text-align: left;
}
.index .middle5 .join-quick-contact .title {
  margin-bottom: 1rem;
}
.index .middle5 .join-quick-intro {
  max-width: 43rem;
  font-size: 1.08rem;
  line-height: 1.85;
  font-weight: 500;
  color: #6b7280;
}
.index .middle5 .join-contact-grid {
  margin-top: 1.875rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
.index .middle5 .join-contact-card {
  min-height: 11.5rem;
  padding: 1.6rem 1.6rem 1.7rem;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid #bed7ff;
  border-radius: 1rem;
  box-shadow: 0 16px 32px rgba(77, 169, 255, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.index .middle5 .join-contact-card:hover {
  transform: translateY(-4px);
  border-color: #4DA9FF;
  box-shadow: 0 22px 40px rgba(77, 169, 255, 0.14);
}
.index .middle5 .join-contact-head {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
.index .middle5 .join-contact-icon {
  width: 2.75rem;
  height: 2.75rem;
  color: #18cbe6;
  flex-shrink: 0;
}
.index .middle5 .join-contact-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.index .middle5 .join-contact-head h3 {
  font-size: 1.45rem;
  line-height: 1.2;
  color: #111111;
  font-weight: 700;
}
.index .middle5 .join-contact-value {
  margin-top: 1.5rem;
  padding-left: 3.65rem;
  font-size: 1.02rem;
  line-height: 1.8;
  font-weight: 600;
  color: #4b5563;
  word-break: break-word;
}
.index .middle5 .join-contact-value a {
  color: #4b5563;
  transition: color 0.2s ease;
}
.index .middle5 .join-contact-value a:hover {
  color: #4DA9FF;
}
.index .middle5 .row > .right .list {
  width: 75px;
  width: 100%;
  height: auto;
  overflow-y: visible;
}
.index .middle5 .row > .right .list::-webkit-scrollbar {
  width: 0.375rem;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 70%);
}
.index .middle5 .row > .right .list::-webkit-scrollbar-thumb {
  width: 0.375rem;
  background-color: #4DA9FF;
  border-radius: 3px;
}
.index .middle5 .row > .right .list .item {
  padding: 0 2rem 0 2.5625rem;
  position: relative;
  padding-bottom: 1.875rem;
}
.index .middle5 .row > .right .list .item::before {
  position: absolute;
  content: '';
  width: 0.9375rem;
  height: 0.9375rem;
  border: solid 2px #4DA9FF;
  border-radius: 50%;
  left: 0;
  top: 0;
}
.index .middle5 .row > .right .list .item::after {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% - 0.9375rem - 3px);
  bottom: 0;
  left: 0.5625rem;
  background-color: #4DA9FF;
}
.index .middle5 .row > .right .list .item li {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 1.125rem 0;
  position: relative;
  padding-left: 0.75rem;
}
.index .middle5 .row > .right .list .item li::before {
  content: '';
  position: absolute;
  left: 0;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: #000;
  top: 0.75rem;
}
.index .middle5 .row > .right .list .item .time {
  margin-top: 0;
  color: #4DA9FF;
  padding-left: 0;
}
.index .middle5 .row > .right .list .item .time::before {
  display: none;
}
.index .middle5 .row > .right .list .item:last-child::after {
  display: none;
}
.news > .item .list1 {
  margin-bottom: 3.6875rem;
}
.news > .item .list2 {
  margin-bottom: 4.375rem;
}
.news .news-page-swiper {
  position: relative;
  padding-bottom: 5rem;
}
.news .news-page-swiper .swiper-slide {
  height: auto;
}
.news > .item .news-page-swiper .list1 {
  margin-bottom: 0;
}
.news .news-page-swiper .middle3-nav {
  position: absolute;
  left: 50%;
  bottom: 0.75rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.875rem;
  z-index: 2;
}
.news .news-page-swiper .middle3-nav-button {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid rgba(77, 169, 255, 0.35);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #4DA9FF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.news .news-page-swiper .middle3-nav-button::before {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
.news .news-page-swiper .middle3-nav-prev::before {
  transform: rotate(135deg);
  margin-left: 0.25rem;
}
.news .news-page-swiper .middle3-nav-next::before {
  transform: rotate(-45deg);
  margin-right: 0.25rem;
}
.news .news-page-swiper .middle3-nav-button:hover {
  background-color: #4DA9FF;
  border-color: #4DA9FF;
  color: #fff;
  transform: translateY(-2px);
}
.news .news-page-swiper .middle3-nav-button:focus-visible {
  outline: 2px solid rgba(77, 169, 255, 0.45);
  outline-offset: 2px;
}
.about .item1 .content {
  padding-top: 1.75rem;
  font-size: var(--content-fontSize);
}
.about .item1 .content .center-intro-block {
  color: #666666;
}
.about .item1 .content .center-intro-lead,
.about .item1 .content .center-intro-figure,
.about .item1 .content .center-intro-text {
  display: none;
}
.about .item1 .content .center-showcase-intro {
  font-size: 1.375rem;
  line-height: 2.6rem;
  color: #223F6D;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 1.875rem 2rem;
  background: linear-gradient(135deg, #f5f9ff 0%, #ffffff 100%);
  border-left: 0.25rem solid #4DA9FF;
  border-radius: 0.75rem;
  box-shadow: 0 0.75rem 2rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content .center-showcase-intro p {
  margin: 0;
  text-indent: 2em;
}
.about .item1 .content .center-showcase-intro p + p {
  margin-top: 1rem;
}
.about .item1 .content .center-showcase-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.875rem;
  margin-top: 2rem;
}
.about .item1 .content .center-showcase-grid + .center-showcase-intro {
  margin-top: 3rem;
}
.about .item1 .content .center-showcase-card {
  min-height: 16rem;
  background-color: #ffffff;
  border-radius: 1.5rem;
  box-shadow: 0 1rem 2.5rem rgba(34, 63, 109, 0.08);
  padding: 2rem 2.25rem 2.1rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.about .item1 .content .center-showcase-card:hover {
  transform: translateY(-0.25rem);
  box-shadow: 0 1.375rem 2.875rem rgba(34, 63, 109, 0.12);
}
.about .item1 .content .center-showcase-head {
  display: flex;
  align-items: center;
}
.about .item1 .content .center-showcase-icon {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 1.5rem;
}
.about .item1 .content .center-showcase-icon svg {
  width: 3rem;
  height: 3rem;
}
.about .item1 .content .center-showcase-card h3 {
  font-size: 2rem;
  line-height: 1.25;
  color: #222b3a;
  font-weight: 700;
}
.about .item1 .content .center-showcase-card p {
  margin-top: 1.35rem;
  margin-left: 7rem;
  font-size: 1.2rem;
  line-height: 2.15rem;
  color: #5b6472;
  font-weight: 600;
}
.about .item1 .content .center-showcase-card.is-blue .center-showcase-icon {
  background-color: rgba(77, 169, 255, 0.14);
  color: #3f7cf4;
}
.about .item1 .content .center-showcase-card.is-green .center-showcase-icon {
  background-color: rgba(38, 166, 85, 0.14);
  color: #4DA9FF;
}
.about .item1 .content .center-showcase-card.is-gold .center-showcase-icon {
  background-color: rgba(255, 181, 46, 0.14);
  color: #4DA9FF;
}
.about .item1 .content .center-showcase-card.is-purple .center-showcase-icon {
  background-color: rgba(135, 98, 255, 0.14);
  color: #8a63ff;
}
.about .item1 .content .center-showcase-summary {
  margin-top: 2.125rem;
  padding: 1.75rem 2rem;
  background-color: #f8fbff;
  border-radius: 1.25rem;
}
.about .item1 .content .center-showcase-summary p {
  font-size: 1.25rem;
  line-height: 2.45rem;
  color: #4f5b6a;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-indent: 2em;
  margin-bottom: 1.1rem;
}
.about .item1 .content .center-showcase-summary p:last-child {
  margin-bottom: 0;
}
.about .item1 .content .about-visual-section {
  margin-top: 3rem;
}
.about .item1 .content .about-visual-heading {
  margin-bottom: 1.75rem;
}
.about .item1 .content .about-visual-eyebrow {
  display: inline-block;
  padding: 0.5rem 1.1rem;
  border-radius: 999px;
  background: rgba(77, 169, 255, 0.12);
  color: #2f73d9;
  font-size: 1.35rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.about .item1 .content .about-visual-heading h2 {
  margin: 1rem 0 0;
  font-size: 2rem;
  line-height: 1.3;
  color: #223F6D;
}
.about .item1 .content .about-visual-heading p {
  margin-top: 0.85rem;
  font-size: 1.12rem;
  line-height: 2rem;
  color: #607086;
}
.about .item1 .content .about-visual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.875rem;
}
.about .item1 .content .about-visual-card {
  background: #ffffff;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 1rem 2.5rem rgba(34, 63, 109, 0.08);
  border: 1px solid rgba(77, 169, 255, 0.1);
}
.about .item1 .content .about-visual-media {
  padding: 1.4rem 1.5rem;
}
.about .item1 .content .about-visual-media.is-dark {
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
  border-bottom: 1px solid rgba(77, 169, 255, 0.12);
}
.about .item1 .content .about-visual-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 0.9rem;
}
.about .item1 .content .about-visual-body {
  padding: 1.6rem 1.65rem 1.8rem;
}
.about .item1 .content .about-visual-body h3 {
  font-size: 1.45rem;
  line-height: 1.4;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content .about-visual-body p {
  margin-top: 0.9rem;
  font-size: 1.08rem;
  line-height: 2rem;
  color: #5b6472;
}
.about .item1 .content.develop-positioning {
  padding-top: 1.75rem;
}
.about .item1 .content.develop-positioning .develop-intro {
  padding: 1.875rem 2rem;
  background: linear-gradient(135deg, #f5f9ff 0%, #ffffff 100%);
  border-left: 0.25rem solid #4DA9FF;
  border-radius: 0.75rem;
  box-shadow: 0 0.75rem 2rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content.develop-positioning .develop-intro p {
  margin: 0;
  font-size: 1.375rem;
  line-height: 2.6rem;
  color: #223F6D;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-indent: 2em;
}
.about .item1 .content.develop-positioning .develop-layout {
  margin-top: 2rem;
}
.about .item1 .content.develop-positioning .develop-figure,
.about .item1 .content.develop-positioning .develop-story {
  margin: 0;
}
.about .item1 .content.develop-positioning .develop-figure {
  background: #ffffff;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 1rem 2.5rem rgba(34, 63, 109, 0.08);
  border: 1px solid rgba(77, 169, 255, 0.1);
}
.about .item1 .content.develop-positioning .develop-figure-media {
  padding: 1.6rem;
  background: #ffffff;
  border-bottom: 1px solid rgba(77, 169, 255, 0.12);
}
.about .item1 .content.develop-positioning .develop-figure-media img {
  display: block;
  width: 100%;
  max-width: 70rem;
  height: auto;
  margin: 0 auto;
  border-radius: 1rem;
}
.about .item1 .content.develop-positioning .develop-figure figcaption {
  padding: 1.35rem 1.5rem 1.55rem;
  font-size: 1.02rem;
  line-height: 1.9rem;
  color: #5b6472;
}
.about .item1 .content.develop-positioning .develop-story {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 1.5rem;
}
.about .item1 .content.develop-positioning .develop-story-block {
  padding: 1.5rem 1.6rem;
  background: #ffffff;
  border-radius: 1.25rem;
  box-shadow: 0 1rem 2.5rem rgba(34, 63, 109, 0.08);
  border: 1px solid rgba(77, 169, 255, 0.1);
  height: 100%;
}
.about .item1 .content.develop-positioning .develop-story-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.8rem;
  padding: 0.4rem 0.95rem;
  border-radius: 999px;
  background: rgba(77, 169, 255, 0.12);
  color: #2f73d9;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.about .item1 .content.develop-positioning .develop-story-block h3 {
  margin-top: 0.95rem;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.develop-positioning .develop-story-block p {
  margin-top: 0.9rem;
  font-size: 1.08rem;
  line-height: 2rem;
  color: #5b6472;
}
.about .item1 .content.develop-positioning .develop-summary {
  margin-top: 1.875rem;
  padding: 1.85rem 2rem 1.95rem;
  border-radius: 1.25rem;
  background: linear-gradient(135deg, #eaf5ff 0%, #f8fbff 55%, #ffffff 100%);
  border: 1px solid rgba(77, 169, 255, 0.16);
  box-shadow: 0 0.9rem 2.2rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content.develop-positioning .develop-summary-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 1rem;
  border-radius: 999px;
  background: rgba(77, 169, 255, 0.16);
  color: #2f73d9;
  font-size: 0.98rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.about .item1 .content.develop-positioning .develop-summary-lead {
  margin: 1rem 0 0;
  font-size: 1.3rem;
  line-height: 2.2rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.develop-positioning .develop-summary-text {
  margin: 0.85rem 0 0;
  font-size: 1.08rem;
  line-height: 2rem;
  color: #35557f;
  font-weight: 500;
}
.about .item1 .content.core-tech {
  padding-top: 1.75rem;
}
.about .item1 .content.core-tech .core-tech-intro {
  padding: 1.875rem 2rem;
  background: linear-gradient(135deg, #f5f9ff 0%, #ffffff 100%);
  border-left: 0.25rem solid #4DA9FF;
  border-radius: 0.75rem;
  box-shadow: 0 0.75rem 2rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content.core-tech .core-tech-intro p {
  margin: 0;
  font-size: 1.375rem;
  line-height: 2.6rem;
  color: #223F6D;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-indent: 2em;
}
.about .item1 .content.core-tech .core-tech-section {
  margin-top: 2rem;
}
.about .item1 .content.core-tech .core-tech-heading {
  margin-bottom: 1.4rem;
}
.about .item1 .content.core-tech .core-tech-eyebrow {
  display: inline-block;
  padding: 0.5rem 1.1rem;
  border-radius: 999px;
  background: rgba(77, 169, 255, 0.12);
  color: #2f73d9;
  font-size: 1.35rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.about .item1 .content.core-tech .core-tech-heading h2 {
  margin-top: 1rem;
  font-size: 2rem;
  line-height: 2.85rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.core-tech .core-tech-heading p {
  margin-top: 0.75rem;
  font-size: 1.08rem;
  line-height: 2rem;
  color: #5b6472;
}
.about .item1 .content.core-tech .core-direction-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.35rem;
}
.about .item1 .content.core-tech .core-direction-card {
  position: relative;
  padding: 1.6rem 1.65rem 1.75rem;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 1rem 2.5rem rgba(34, 63, 109, 0.08);
  border: 1px solid rgba(77, 169, 255, 0.1);
  background: #ffffff;
}
.about .item1 .content.core-tech .core-direction-card::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 0.4rem;
  background: var(--core-accent, #4DA9FF);
}
.about .item1 .content.core-tech .core-direction-card.is-blue {
  --core-accent: #4d7fdc;
  background: linear-gradient(180deg, #edf4ff 0%, #ffffff 100%);
}
.about .item1 .content.core-tech .core-direction-card.is-green {
  --core-accent: #4DA9FF;
  background: linear-gradient(180deg, #f2faea 0%, #ffffff 100%);
}
.about .item1 .content.core-tech .core-direction-card.is-gold {
  --core-accent: #4DA9FF;
  background: linear-gradient(180deg, #fff5d8 0%, #ffffff 100%);
}
.about .item1 .content.core-tech .core-direction-card.is-rose {
  --core-accent: #4DA9FF;
  background: linear-gradient(180deg, #fff0f3 0%, #ffffff 100%);
}
.about .item1 .content.core-tech .core-direction-card.is-wide {
  grid-column: 1 / -1;
}
.about .item1 .content.core-tech .core-direction-top {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.about .item1 .content.core-tech .core-direction-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.75);
  color: var(--core-accent, #4DA9FF);
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}
.about .item1 .content.core-tech .core-direction-card h3 {
  margin: 0;
  font-size: 1.55rem;
  line-height: 2.2rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.core-tech .core-direction-card > p {
  margin-top: 1rem;
  font-size: 1.06rem;
  line-height: 1.95rem;
  color: #556172;
}
.about .item1 .content.core-tech .core-chip-list,
.about .item1 .content.core-tech .core-capability-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 1.2rem;
}
.about .item1 .content.core-tech .core-chip-list li,
.about .item1 .content.core-tech .core-capability-list li {
  margin: 0;
  list-style: none;
}
.about .item1 .content.core-tech .core-chip-list li {
  padding: 0.7rem 1rem;
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(34, 63, 109, 0.08);
  color: #314764;
  font-size: 0.98rem;
  line-height: 1.65rem;
  font-weight: 600;
}
.about .item1 .content.core-tech .core-capability-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.about .item1 .content.core-tech .core-capability-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4rem;
  padding: 0.7rem 0.85rem;
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(34, 63, 109, 0.08);
  color: #314764;
  font-size: 0.98rem;
  line-height: 1.55rem;
  text-align: center;
  font-weight: 600;
}
.about .item1 .content.core-tech .core-direction-note {
  margin-top: 1rem;
  padding: 1rem 1.15rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(34, 63, 109, 0.08);
}
.about .item1 .content.core-tech .core-direction-note p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.8rem;
  color: #516074;
  font-weight: 500;
}
.about .item1 .content.core-tech .core-application-card {
  padding-bottom: 1.45rem;
}
.about .item1 .content.core-tech .core-application-card .core-direction-top {
  margin-bottom: 1.15rem;
}
.about .item1 .content.core-tech .core-application-heading {
  flex: 1;
}
.about .item1 .content.core-tech .core-application-heading p {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 0.8rem 0 0;
  padding: 0.62rem 0.95rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(232, 141, 157, 0.18);
  font-size: 0.95rem;
  line-height: 1.45rem;
  color: #5f6272;
  font-weight: 600;
  white-space: nowrap;
}
.about .item1 .content.core-tech .core-application-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.1rem;
}
.about .item1 .content.core-tech .core-application-node {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.72rem;
  min-height: 6.55rem;
  padding: 1.15rem 1.15rem 1rem;
  border-radius: 1.15rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 247, 248, 0.92) 100%);
  border: 1px solid rgba(232, 141, 157, 0.16);
  box-shadow: 0 0.8rem 2rem rgba(34, 63, 109, 0.06);
}
.about .item1 .content.core-tech .core-application-node::before {
  content: '';
  position: absolute;
  left: 1.15rem;
  top: 0;
  width: 3.25rem;
  height: 0.28rem;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, rgba(232, 141, 157, 0.94) 0%, rgba(240, 180, 63, 0.56) 100%);
}
.about .item1 .content.core-tech .core-application-prefix {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.72rem;
  border-radius: 999px;
  background: rgba(232, 141, 157, 0.12);
  color: #c56f7f;
  font-size: 0.82rem;
  line-height: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.about .item1 .content.core-tech .core-application-title {
  display: block;
  margin-top: 0;
  color: #223F6D;
  font-size: 1.18rem;
  line-height: 1.72rem;
  font-weight: 700;
}
.about .item1 .content.core-tech .core-application-desc {
  display: block;
  margin-top: 0;
  color: #6b7280;
  font-size: 0.92rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.about .item1 .content.core-tech .core-domain-grid,
.about .item1 .content.core-tech .core-advantage-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.35rem;
}
.about .item1 .content.core-tech .core-domain-card,
.about .item1 .content.core-tech .core-advantage-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 1.5rem;
  border: 1px solid rgba(77, 169, 255, 0.16);
  box-shadow: 0 1rem 2.5rem rgba(34, 63, 109, 0.08);
  padding: 1.45rem 1.55rem 1.3rem;
  min-height: 15.8rem;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background 0.28s ease;
}
.about .item1 .content.core-tech .core-domain-card {
  --domain-color: #4DA9FF;
  --panel-accent: #4DA9FF;
}
.about .item1 .content.core-tech .core-domain-card.is-blue {
  --domain-color: #4d7fdc;
  --panel-accent: #4d7fdc;
}
.about .item1 .content.core-tech .core-domain-card.is-blue .core-domain-icon {
  background: rgba(77, 127, 220, 0.12);
}
.about .item1 .content.core-tech .core-domain-card.is-green {
  --domain-color: #23b982;
  --panel-accent: #23b982;
}
.about .item1 .content.core-tech .core-domain-card.is-green .core-domain-icon {
  background: rgba(35, 185, 130, 0.12);
}
.about .item1 .content.core-tech .core-domain-card.is-orange {
  --domain-color: #f39b21;
  --panel-accent: #f39b21;
}
.about .item1 .content.core-tech .core-domain-card.is-orange .core-domain-icon {
  background: rgba(243, 155, 33, 0.12);
}
.about .item1 .content.core-tech .core-domain-card.is-purple {
  --domain-color: #8f68f6;
  --panel-accent: #8f68f6;
}
.about .item1 .content.core-tech .core-domain-card.is-purple .core-domain-icon {
  background: rgba(143, 104, 246, 0.12);
}
.about .item1 .content.core-tech .core-domain-head,
.about .item1 .content.core-tech .core-advantage-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
.about .item1 .content.core-tech .core-domain-icon,
.about .item1 .content.core-tech .core-advantage-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.about .item1 .content.core-tech .core-domain-icon {
  color: var(--domain-color, #4DA9FF);
  background: rgba(77, 169, 255, 0.12);
}
.about .item1 .content.core-tech .core-domain-icon svg,
.about .item1 .content.core-tech .core-advantage-icon svg {
  width: 2.2rem;
  height: 2.2rem;
}
.about .item1 .content.core-tech .core-domain-card h3,
.about .item1 .content.core-tech .core-advantage-card h3 {
  margin: 0;
  font-size: 1.75rem;
  line-height: 2.2rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.core-tech .core-domain-card p,
.about .item1 .content.core-tech .core-advantage-card p {
  display: flex;
  align-items: center;
  flex: 1;
  margin-top: 0.9rem;
  font-size: 1.16rem;
  line-height: 1.9rem;
  color: #5b6472;
}
.about .item1 .content.core-tech .core-card-summary {
  margin-top: 0.9rem;
}
.about .item1 .content.core-tech .core-advantage-card {
  background: linear-gradient(180deg, #f7fcff 0%, #ffffff 100%);
  --panel-accent: #17c8e8;
}
.about .item1 .content.core-tech .core-advantage-icon {
  color: #17c8e8;
  background: rgba(23, 200, 232, 0.12);
}
.about .item1 .content.core-tech .core-domain-card:hover,
.about .item1 .content.core-tech .core-advantage-card:hover {
  transform: translateY(-0.35rem);
  border-color: var(--panel-accent, #4DA9FF);
  box-shadow: 0 1.2rem 2.8rem rgba(34, 63, 109, 0.14);
}
.about .item1 .content.core-tech .core-domain-card:hover .core-domain-icon,
.about .item1 .content.core-tech .core-advantage-card:hover .core-advantage-icon {
  transform: scale(1.08);
}
.about .item1 .content.core-tech .core-domain-icon,
.about .item1 .content.core-tech .core-advantage-icon {
  transition: transform 0.28s ease, background 0.28s ease;
}
.about .item1 .content.core-tech .core-domain-card:hover h3,
.about .item1 .content.core-tech .core-advantage-card:hover h3 {
  color: var(--panel-accent, #223F6D);
}
.about .item1 .content.influence-impact {
  padding-top: 1.75rem;
}
.about .item1 .content.influence-impact .influence-intro {
  padding: 1.875rem 2rem;
  background: linear-gradient(135deg, #f5f9ff 0%, #ffffff 100%);
  border-left: 0.25rem solid #4DA9FF;
  border-radius: 0.75rem;
  box-shadow: 0 0.75rem 2rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content.influence-impact .influence-intro p {
  margin: 0;
  font-size: 1.375rem;
  line-height: 2.6rem;
  color: #223F6D;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-indent: 2em;
}
.about .item1 .content.influence-impact .influence-board-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 2rem;
}
.about .item1 .content.influence-impact .influence-board-card {
  display: block;
  padding: 1.45rem 1.55rem 1.6rem;
  background: #ffffff;
  border-radius: 1.35rem;
  border: 1px solid rgba(77, 169, 255, 0.12);
  box-shadow: 0 1rem 2.5rem rgba(34, 63, 109, 0.08);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background 0.28s ease;
}
.about .item1 .content.influence-impact .influence-board-card:hover {
  transform: translateY(-0.25rem);
  border-color: rgba(77, 169, 255, 0.32);
  box-shadow: 0 1.2rem 2.8rem rgba(34, 63, 109, 0.12);
}
.about .item1 .content.influence-impact .influence-board-card.is-active {
  background: linear-gradient(135deg, #3d6fb5 0%, #71bbff 100%);
  border-color: transparent;
}
.about .item1 .content.influence-impact .influence-board-card:focus-visible {
  outline: 0.18rem solid rgba(77, 169, 255, 0.35);
  outline-offset: 0.18rem;
}
.about .item1 .content.influence-impact .influence-board-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 0.95rem;
  background: rgba(77, 169, 255, 0.12);
  color: #2f73d9;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
}
.about .item1 .content.influence-impact .influence-board-card.is-active .influence-board-index {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}
.about .item1 .content.influence-impact .influence-board-card h3 {
  margin-top: 1rem;
  font-size: 1.55rem;
  line-height: 2rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.influence-impact .influence-board-card p {
  margin-top: 0.85rem;
  font-size: 1.02rem;
  line-height: 1.9rem;
  color: #5b6472;
}
.about .item1 .content.influence-impact .influence-board-card.is-active h3,
.about .item1 .content.influence-impact .influence-board-card.is-active p {
  color: #ffffff;
}
.about .item1 .content.influence-impact .influence-section {
  margin-top: 2.1rem;
  scroll-margin-top: 1.2rem;
}
.about .item1 .content.influence-impact .influence-heading {
  margin-bottom: 1.45rem;
}
.about .item1 .content.influence-impact .influence-eyebrow {
  display: inline-block;
  padding: 0.5rem 1.1rem;
  border-radius: 999px;
  background: rgba(77, 169, 255, 0.12);
  color: #2f73d9;
  font-size: 1.35rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.about .item1 .content.influence-impact .influence-heading h2 {
  margin-top: 1rem;
  font-size: 2rem;
  line-height: 2.85rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.influence-impact .influence-heading p {
  margin-top: 0.75rem;
  font-size: 1.08rem;
  line-height: 2rem;
  color: #5b6472;
}
.about .item1 .content.influence-impact .conference-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.8fr);
  gap: 1.35rem;
  align-items: stretch;
}
.about .item1 .content.influence-impact .conference-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12.6rem, 0.4fr);
  grid-template-areas: 'hero meta';
  gap: 0.75rem;
  align-items: stretch;
}
.about .item1 .content.influence-impact .conference-hero,
.about .item1 .content.influence-impact .conference-meta-card,
.about .item1 .content.influence-impact .conference-panel,
.about .item1 .content.influence-impact .conference-highlight-card,
.about .item1 .content.influence-impact .conference-summary,
.about .item1 .content.influence-impact .influence-placeholder-card {
  background: #ffffff;
  border-radius: 1.5rem;
  border: 1px solid rgba(77, 169, 255, 0.12);
  box-shadow: 0 1rem 2.5rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content.influence-impact .conference-hero {
  grid-area: hero;
  overflow: hidden;
  border-radius: 1.2rem;
  box-shadow: 0 0.7rem 2rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content.influence-impact .conference-hero-media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 13 / 5;
  min-height: 0;
  padding: 0.15rem;
  background: linear-gradient(180deg, #f6fbff 0%, #ffffff 100%);
  overflow: hidden;
}
.about .item1 .content.influence-impact .conference-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about .item1 .content.influence-impact .journal-hero-media {
  align-items: stretch;
  justify-content: flex-start;
  padding: 2rem;
  background:
    linear-gradient(135deg, rgba(18, 104, 214, 0.94) 0%, rgba(20, 180, 220, 0.9) 100%),
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.28), transparent 42%);
}
.about .item1 .content.influence-impact .journal-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 34rem;
  color: #ffffff;
}
.about .item1 .content.influence-impact .journal-hero-kicker {
  display: inline-flex;
  align-self: flex-start;
  padding: 0.55rem 1rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  font-size: 0.95rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.about .item1 .content.influence-impact .journal-hero-copy h3 {
  margin-top: 1rem;
  font-size: 2rem;
  line-height: 2.6rem;
  color: #ffffff;
  font-weight: 700;
}
.about .item1 .content.influence-impact .journal-hero-copy p {
  margin-top: 1rem;
  font-size: 1.02rem;
  line-height: 1.92rem;
  color: rgba(255, 255, 255, 0.92);
}
.about .item1 .content.influence-impact .journal-editorial-layout,
.about .item1 .content.influence-impact .journal-secondary-grid,
.about .item1 .content.influence-impact .journal-impact-grid {
  display: grid;
  gap: 1.2rem;
}
.about .item1 .content.influence-impact .journal-editorial-layout {
  grid-template-columns: minmax(17rem, 0.78fr) minmax(0, 1.22fr);
  align-items: stretch;
  margin-top: 1rem;
}
.about .item1 .content.influence-impact .journal-secondary-grid {
  grid-template-columns: minmax(0, 1.18fr) minmax(18rem, 0.82fr);
  align-items: start;
  margin-top: 1.2rem;
}
.about .item1 .content.influence-impact .journal-impact-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 1.2rem;
}
.about .item1 .content.influence-impact .journal-merged-gallery {
  display: grid;
  grid-template-columns: minmax(15rem, 0.72fr) minmax(0, 1.28fr);
  gap: 1.2rem;
  align-items: stretch;
  margin-top: 1rem;
}
.about .item1 .content.influence-impact .journal-cover-card,
.about .item1 .content.influence-impact .journal-story-card,
.about .item1 .content.influence-impact .journal-launch-card,
.about .item1 .content.influence-impact .journal-aside-card,
.about .item1 .content.influence-impact .journal-impact-card {
  background: #ffffff;
  border-radius: 1.5rem;
  border: 1px solid rgba(77, 169, 255, 0.12);
  box-shadow: 0 1rem 2.5rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content.influence-impact .journal-cover-card,
.about .item1 .content.influence-impact .journal-launch-card {
  overflow: hidden;
}
.about .item1 .content.influence-impact .journal-cover-card-merged,
.about .item1 .content.influence-impact .journal-launch-card-merged {
  height: 100%;
}
.about .item1 .content.influence-impact .journal-cover-card-merged {
  display: flex;
}
.about .item1 .content.influence-impact .journal-story-card,
.about .item1 .content.influence-impact .journal-aside-card,
.about .item1 .content.influence-impact .journal-impact-card {
  padding: 1.5rem;
}
.about .item1 .content.influence-impact .journal-story-card {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, #0f3b74 0%, #174e98 52%, #1aa8cb 100%);
  border-color: rgba(24, 112, 196, 0.16);
}
.about .item1 .content.influence-impact .journal-story-card::after {
  content: '';
  position: absolute;
  right: -2.5rem;
  bottom: -2.5rem;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}
.about .item1 .content.influence-impact .journal-story-tag,
.about .item1 .content.influence-impact .journal-aside-tag,
.about .item1 .content.influence-impact .journal-figure-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.88rem;
  border-radius: 999px;
  font-size: 0.88rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.about .item1 .content.influence-impact .journal-story-tag {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}
.about .item1 .content.influence-impact .journal-story-card h3 {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  font-size: 1.9rem;
  line-height: 2.6rem;
  color: #ffffff;
  font-weight: 700;
}
.about .item1 .content.influence-impact .journal-story-card p {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  font-size: 1.04rem;
  line-height: 1.95rem;
  color: rgba(255, 255, 255, 0.92);
}
.about .item1 .content.influence-impact .journal-story-points,
.about .item1 .content.influence-impact .journal-mini-list {
  margin-top: 1.1rem;
}
.about .item1 .content.influence-impact .journal-story-points li,
.about .item1 .content.influence-impact .journal-mini-list li {
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 1rem;
}
.about .item1 .content.influence-impact .journal-story-points li + li,
.about .item1 .content.influence-impact .journal-mini-list li + li {
  margin-top: 0.8rem;
}
.about .item1 .content.influence-impact .journal-story-points li::before,
.about .item1 .content.influence-impact .journal-mini-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.78rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
}
.about .item1 .content.influence-impact .journal-story-points li::before {
  background: #8ee6ff;
}
.about .item1 .content.influence-impact .journal-story-points li {
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1rem;
  line-height: 1.82rem;
}
.about .item1 .content.influence-impact .journal-story-points li strong {
  color: #ffffff;
  font-weight: 700;
}
.about .item1 .content.influence-impact .journal-image-frame {
  background: linear-gradient(180deg, #f8fbff 0%, #edf6ff 100%);
}
.about .item1 .content.influence-impact .journal-image-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about .item1 .content.influence-impact .journal-image-frame-cover {
  aspect-ratio: 491 / 724;
  padding: 1rem;
}
.about .item1 .content.influence-impact .journal-image-frame-launch {
  aspect-ratio: 816 / 610;
  padding: 0.8rem;
}
.about .item1 .content.influence-impact .journal-cover-card-merged .journal-image-frame-cover {
  flex: 1;
  height: 100%;
  min-height: 37rem;
  aspect-ratio: auto;
  padding: 0;
}
.about .item1 .content.influence-impact .journal-cover-card-merged .journal-image-frame-cover img {
  object-fit: cover;
  object-position: center top;
}
.about .item1 .content.influence-impact .journal-launch-card-merged .journal-image-frame-launch {
  aspect-ratio: 816 / 520;
  padding: 0.6rem;
}
.about .item1 .content.influence-impact .journal-caption-bar,
.about .item1 .content.influence-impact .journal-launch-card figcaption {
  padding: 1.15rem 1.3rem 1.3rem;
}
.about .item1 .content.influence-impact .journal-caption-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  background: #ffffff;
}
.about .item1 .content.influence-impact .journal-caption-bar span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.48rem 0.85rem;
  border-radius: 999px;
  background: rgba(77, 169, 255, 0.12);
  color: #2f73d9;
  font-size: 0.9rem;
  line-height: 1.2;
  font-weight: 700;
}
.about .item1 .content.influence-impact .journal-figure-label,
.about .item1 .content.influence-impact .journal-aside-tag {
  background: rgba(77, 169, 255, 0.12);
  color: #2f73d9;
}
.about .item1 .content.influence-impact .journal-launch-card figcaption p,
.about .item1 .content.influence-impact .journal-aside-card p,
.about .item1 .content.influence-impact .journal-impact-card p {
  margin-top: 0.9rem;
  font-size: 1rem;
  line-height: 1.82rem;
  color: #556172;
}
.about .item1 .content.influence-impact .journal-aside-stack {
  display: grid;
  gap: 1rem;
}
.about .item1 .content.influence-impact .journal-aside-card.is-soft {
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
}
.about .item1 .content.influence-impact .journal-aside-card h3,
.about .item1 .content.influence-impact .journal-impact-card h3 {
  margin-top: 0.9rem;
  font-size: 1.24rem;
  line-height: 1.7rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.influence-impact .journal-mini-list li {
  color: #556172;
  font-size: 0.98rem;
  line-height: 1.76rem;
}
.about .item1 .content.influence-impact .journal-mini-list li::before {
  background: #4DA9FF;
}
.about .item1 .content.influence-impact .journal-impact-card {
  position: relative;
  overflow: hidden;
}
.about .item1 .content.influence-impact .journal-impact-card::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 0.32rem;
  background: linear-gradient(90deg, #1b5ec6 0%, #1dc0d7 100%);
}
.about .item1 .content.influence-impact .journal-impact-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 0.95rem;
  background: linear-gradient(135deg, #edf5ff 0%, #ffffff 100%);
  color: #2f73d9;
  font-size: 0.96rem;
  line-height: 1;
  font-weight: 700;
}
.about .item1 .content.influence-impact .journal-summary {
  margin-top: 1.25rem;
}
.about .item1 .content.influence-impact .journal-highlight-grid {
  margin-top: 1.2rem;
}
.about .item1 .content.influence-impact .conference-hero-badge {
  position: absolute;
  top: 2.1rem;
  left: 2.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 7rem;
  padding: 0.55rem 1rem;
  border-radius: 999px;
  background: rgba(34, 63, 109, 0.88);
  color: #ffffff;
  font-size: 0.95rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.about .item1 .content.influence-impact .conference-hero figcaption {
  padding: 1.3rem 1.5rem 1.5rem;
  font-size: 1.02rem;
  line-height: 1.9rem;
  color: #5b6472;
}
.about .item1 .content.influence-impact .conference-meta-card {
  grid-area: meta;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0.9rem 0.85rem 0.85rem;
  background: linear-gradient(180deg, #eef6ff 0%, #ffffff 100%);
  border-radius: 1.2rem;
  box-shadow: 0 0.7rem 2rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content.influence-impact .conference-meta-tag,
.about .item1 .content.influence-impact .conference-panel-tag,
.about .item1 .content.influence-impact .conference-summary-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  background: rgba(77, 169, 255, 0.12);
  color: #2f73d9;
  font-size: 0.88rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.about .item1 .content.influence-impact .conference-meta-card h3,
.about .item1 .content.influence-impact .conference-panel-head h3,
.about .item1 .content.influence-impact .conference-summary h3,
.about .item1 .content.influence-impact .influence-placeholder-card h3 {
  margin-top: 0.55rem;
  font-size: 1.06rem;
  line-height: 1.45rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.influence-impact .conference-meta-list {
  margin-top: 0.55rem;
}
.about .item1 .content.influence-impact .conference-meta-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(77, 169, 255, 0.12);
}
.about .item1 .content.influence-impact .conference-meta-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.about .item1 .content.influence-impact .conference-meta-list li span {
  min-width: 2.25rem;
  color: #2f73d9;
  font-size: 0.82rem;
  line-height: 1.35rem;
  font-weight: 700;
}
.about .item1 .content.influence-impact .conference-meta-list li p,
.about .item1 .content.influence-impact .conference-meta-note p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.38rem;
  color: #556172;
}
.about .item1 .content.influence-impact .conference-meta-note {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(77, 169, 255, 0.12);
}
.about .item1 .content.influence-impact .conference-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.about .item1 .content.influence-impact .conference-highlight-card {
  position: relative;
  min-height: 100%;
  padding: 1.15rem 1.1rem 1.2rem;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
  border-radius: 1.2rem;
  box-shadow: 0 0.7rem 2rem rgba(34, 63, 109, 0.08);
}
.about .item1 .content.influence-impact .conference-highlight-card::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 0.35rem;
  background: var(--highlight-color, #4DA9FF);
}
.about .item1 .content.influence-impact .conference-highlight-card:hover {
  transform: translateY(-0.3rem);
  border-color: var(--highlight-color, #4DA9FF);
  box-shadow: 0 1.2rem 2.8rem rgba(34, 63, 109, 0.12);
}
.about .item1 .content.influence-impact .conference-highlight-card.is-blue {
  --highlight-color: #4d7fdc;
  background: linear-gradient(180deg, #edf4ff 0%, #ffffff 100%);
}
.about .item1 .content.influence-impact .conference-highlight-card.is-green {
  --highlight-color: #84c34f;
  background: linear-gradient(180deg, #f2faea 0%, #ffffff 100%);
}
.about .item1 .content.influence-impact .conference-highlight-card.is-orange {
  --highlight-color: #f29d38;
  background: linear-gradient(180deg, #fff4e5 0%, #ffffff 100%);
}
.about .item1 .content.influence-impact .conference-highlight-card.is-cyan {
  --highlight-color: #20bfd9;
  background: linear-gradient(180deg, #ebfbfe 0%, #ffffff 100%);
}
.about .item1 .content.influence-impact .conference-highlight-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.86);
  color: var(--highlight-color, #4DA9FF);
  font-size: 0.95rem;
  line-height: 1;
  font-weight: 700;
}
.about .item1 .content.influence-impact .conference-highlight-card h3 {
  margin-top: 0.8rem;
  font-size: 1.18rem;
  line-height: 1.6rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.influence-impact .conference-highlight-card p {
  margin-top: 0.6rem;
  font-size: 0.96rem;
  line-height: 1.68rem;
  color: #556172;
}
.about .item1 .content.influence-impact .conference-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 1.35rem;
  margin-top: 1.5rem;
}
.about .item1 .content.influence-impact .conference-panel {
  padding: 1.55rem 1.55rem 1.6rem;
}
.about .item1 .content.influence-impact .conference-panel-head {
  margin-bottom: 1.1rem;
}
.about .item1 .content.influence-impact .conference-track-list {
  margin-top: 1.25rem;
  display: grid;
  gap: 0.95rem;
}
.about .item1 .content.influence-impact .conference-track-list li {
  list-style: none;
  margin: 0;
  padding: 1rem 1.05rem 1.05rem 1.15rem;
  border-radius: 1rem;
  background: var(--track-background, #f7fbff);
  border: 1px solid var(--track-border, rgba(77, 169, 255, 0.14));
}
.about .item1 .content.influence-impact .conference-track-list li.is-orange {
  --track-background: #fff5ea;
  --track-border: rgba(242, 157, 56, 0.2);
  --track-color: #db7d0f;
}
.about .item1 .content.influence-impact .conference-track-list li.is-green {
  --track-background: #f2fbef;
  --track-border: rgba(132, 195, 79, 0.22);
  --track-color: #5f9f25;
}
.about .item1 .content.influence-impact .conference-track-list li.is-blue {
  --track-background: #eef5ff;
  --track-border: rgba(77, 127, 220, 0.18);
  --track-color: #3168ce;
}
.about .item1 .content.influence-impact .conference-track-list li.is-cyan {
  --track-background: #ebfbfe;
  --track-border: rgba(32, 191, 217, 0.2);
  --track-color: #1297b1;
}
.about .item1 .content.influence-impact .conference-track-list li.is-silver {
  --track-background: #f6f8fb;
  --track-border: rgba(125, 139, 162, 0.18);
  --track-color: #5c6a7e;
}
.about .item1 .content.influence-impact .conference-track-name {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  padding: 0.45rem 0.95rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--track-color, #2f73d9);
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 700;
}
.about .item1 .content.influence-impact .conference-track-list li p {
  margin-top: 0.8rem;
  font-size: 1rem;
  line-height: 1.82rem;
  color: #556172;
}
.about .item1 .content.influence-impact .conference-value-stack {
  display: grid;
  gap: 1rem;
  margin-top: 1.25rem;
}
.about .item1 .content.influence-impact .conference-value-item {
  padding: 1.1rem 1.1rem 1.15rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, #f7fbff 0%, #ffffff 100%);
  border: 1px solid rgba(77, 169, 255, 0.12);
}
.about .item1 .content.influence-impact .conference-value-item h4 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: #223F6D;
  font-weight: 700;
}
.about .item1 .content.influence-impact .conference-value-item p {
  margin-top: 0.75rem;
  font-size: 1rem;
  line-height: 1.82rem;
  color: #556172;
}
.about .item1 .content.influence-impact .conference-summary {
  margin-top: 1.5rem;
  padding: 1.8rem 2rem 1.9rem;
  background: linear-gradient(135deg, #eaf5ff 0%, #f8fbff 55%, #ffffff 100%);
  border-color: rgba(77, 169, 255, 0.16);
}
.about .item1 .content.influence-impact .conference-summary p {
  margin: 0.9rem 0 0;
  font-size: 1.08rem;
  line-height: 2rem;
  color: #35557f;
  font-weight: 500;
}
.about .item1 .content.influence-impact .influence-placeholder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
.about .item1 .content.influence-impact .influence-placeholder-grid.is-single {
  grid-template-columns: minmax(0, 1fr);
}
.about .item1 .content.influence-impact .influence-placeholder-card {
  padding: 1.55rem 1.5rem 1.6rem;
}
.about .item1 .content.influence-impact .influence-placeholder-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.95rem;
  background: rgba(77, 169, 255, 0.12);
  color: #2f73d9;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
}
.about .item1 .content.influence-impact .influence-placeholder-card p {
  margin-top: 0.85rem;
  font-size: 1.02rem;
  line-height: 1.9rem;
  color: #5b6472;
}
.about .item1 .content.influence-impact .standard-showcase {
  grid-template-columns: 1fr;
  grid-template-areas:
    'hero'
    'meta';
  gap: 1.1rem;
}
.about .item1 .content.influence-impact .standard-hero-media {
  aspect-ratio: 20 / 7;
  padding: 0.12rem;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.9), transparent 30%),
    linear-gradient(135deg, #f5f9fd 0%, #e9f0f6 100%);
}
.about .item1 .content.influence-impact .standard-hero-media img {
  transform: scale(1.045);
  transform-origin: center center;
}
.about .item1 .content.influence-impact .standard-meta-card {
  padding: 1.45rem 1.55rem 1.5rem;
  background: linear-gradient(135deg, #f3f9ff 0%, #ffffff 100%);
}
.about .item1 .content.influence-impact .standard-meta-card .conference-meta-list li span {
  min-width: 4.55rem;
}
.about .item1 .content.influence-impact .standard-summary {
  margin-top: 1rem;
}
.about .item1 .content.influence-impact .standard-record-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.about .item1 .content.influence-impact .standard-record-card {
  position: relative;
  display: grid;
  grid-template-columns: 3.15rem minmax(0, 1fr);
  gap: 0.95rem;
  align-items: flex-start;
  padding: 1.15rem 1.15rem 1.2rem;
  background: #ffffff;
  border: 1px solid rgba(77, 169, 255, 0.12);
  border-radius: 1.2rem;
  box-shadow: 0 0.7rem 2rem rgba(34, 63, 109, 0.08);
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background 0.28s ease;
}
.about .item1 .content.influence-impact .standard-record-card::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 0.28rem;
  background: linear-gradient(90deg, #4d7fdc 0%, #20bfd9 100%);
}
.about .item1 .content.influence-impact .standard-record-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.about .item1 .content.influence-impact .standard-record-card:hover {
  transform: translateY(-0.35rem);
  border-color: rgba(77, 169, 255, 0.28);
  box-shadow: 0 1.25rem 2.8rem rgba(34, 63, 109, 0.14);
  background: linear-gradient(180deg, #f5faff 0%, #ffffff 100%);
}
.about .item1 .content.influence-impact .standard-record-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.15rem;
  height: 3.15rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, #e8f3ff 0%, #f6fbff 100%);
  color: #2f73d9;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  transition: transform 0.28s ease, background 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
}
.about .item1 .content.influence-impact .standard-record-body {
  min-width: 0;
}
.about .item1 .content.influence-impact .standard-record-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.about .item1 .content.influence-impact .standard-record-top h3 {
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.55rem;
  color: #223F6D;
  font-weight: 700;
  transition: color 0.28s ease;
}
.about .item1 .content.influence-impact .standard-record-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: rgba(77, 169, 255, 0.1);
  color: #2f73d9;
  font-size: 0.84rem;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
  transition: background 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
}
.about .item1 .content.influence-impact .standard-record-card p {
  margin: 0.65rem 0 0;
  font-size: 0.98rem;
  line-height: 1.75rem;
  color: #556172;
  transition: color 0.28s ease;
}
.about .item1 .content.influence-impact .standard-record-card:hover .standard-record-index {
  transform: scale(1.05);
  background: linear-gradient(135deg, #2f73d9 0%, #20bfd9 100%);
  color: #ffffff;
  box-shadow: 0 0.65rem 1.4rem rgba(47, 115, 217, 0.22);
}
.about .item1 .content.influence-impact .standard-record-card:hover .standard-record-top h3 {
  color: #174b92;
}
.about .item1 .content.influence-impact .standard-record-card:hover .standard-record-tag {
  background: rgba(47, 115, 217, 0.12);
  color: #174b92;
  box-shadow: inset 0 0 0 1px rgba(47, 115, 217, 0.14);
}
.about .item1 .content.influence-impact .standard-record-card:hover p {
  color: #445e83;
}
@media screen and (max-width: 900px) {
  .about .item1 .content .center-showcase-grid {
    grid-template-columns: 1fr;
  }
  .about .item1 .content .center-showcase-card {
    min-height: auto;
    padding: 1.5rem;
  }
  .about .item1 .content .center-showcase-head {
    align-items: flex-start;
  }
  .about .item1 .content .center-showcase-icon {
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 1rem;
  }
  .about .item1 .content .center-showcase-card h3 {
    font-size: 1.5rem;
  }
  .about .item1 .content .center-showcase-card p {
    margin-left: 0;
    margin-top: 1.1rem;
    font-size: 1.05rem;
    line-height: 1.95rem;
    font-weight: 500;
  }
  .about .item1 .content .center-showcase-summary {
    padding: 1.5rem;
  }
  .about .item1 .content .center-showcase-summary p {
    font-size: 1rem;
    line-height: 1.9rem;
    font-weight: 600;
  }
  .about .item1 .content .about-visual-grid {
    grid-template-columns: 1fr;
  }
  .about .item1 .content .about-visual-heading h2 {
    font-size: 1.6rem;
  }
  .about .item1 .content .about-visual-heading p,
  .about .item1 .content .about-visual-body p {
    font-size: 1rem;
    line-height: 1.85rem;
  }
  .about .item1 .content .about-visual-media {
    padding: 1rem;
  }
  .about .item1 .content .about-visual-body {
    padding: 1.25rem 1.2rem 1.4rem;
  }
  .about .item1 .content .about-visual-body h3 {
    font-size: 1.25rem;
  }
  .about .item1 .content.develop-positioning .develop-intro {
    padding: 1.5rem;
  }
  .about .item1 .content.develop-positioning .develop-intro p {
    font-size: 1rem;
    line-height: 1.95rem;
    font-weight: 600;
  }
  .about .item1 .content.develop-positioning .develop-figure-media {
    padding: 0.9rem;
  }
  .about .item1 .content.develop-positioning .develop-story {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.25rem;
  }
  .about .item1 .content.develop-positioning .develop-figure figcaption,
  .about .item1 .content.develop-positioning .develop-story-block p,
  .about .item1 .content.develop-positioning .develop-summary-text {
    font-size: 1rem;
    line-height: 1.85rem;
  }
  .about .item1 .content.develop-positioning .develop-story-block {
    padding: 1.25rem 1.2rem;
  }
  .about .item1 .content.develop-positioning .develop-story-block h3 {
    font-size: 1.25rem;
    line-height: 1.8rem;
  }
  .about .item1 .content.develop-positioning .develop-summary {
    padding: 1.5rem;
  }
  .about .item1 .content.develop-positioning .develop-summary-lead {
    font-size: 1.12rem;
    line-height: 1.9rem;
  }
  .about .item1 .content.influence-impact .influence-intro {
    padding: 1.5rem;
  }
  .about .item1 .content.influence-impact .influence-intro p {
    font-size: 1rem;
    line-height: 1.95rem;
    font-weight: 600;
  }
  .about .item1 .content.influence-impact .influence-board-nav,
  .about .item1 .content.influence-impact .conference-overview,
  .about .item1 .content.influence-impact .conference-showcase,
  .about .item1 .content.influence-impact .conference-highlight-grid,
  .about .item1 .content.influence-impact .influence-placeholder-grid {
    grid-template-columns: 1fr;
  }
  .about .item1 .content.influence-impact .conference-showcase {
    grid-template-areas:
      'hero'
      'meta';
  }
  .about .item1 .content.influence-impact .standard-record-grid {
    grid-template-columns: 1fr;
  }
  .about .item1 .content.influence-impact .standard-record-card:last-child:nth-child(odd) {
    grid-column: auto;
  }
  .about .item1 .content.influence-impact .influence-board-card,
  .about .item1 .content.influence-impact .conference-highlight-card,
  .about .item1 .content.influence-impact .influence-placeholder-card,
  .about .item1 .content.influence-impact .standard-record-card {
    padding: 1.35rem 1.2rem 1.45rem;
  }
  .about .item1 .content.influence-impact .influence-heading h2 {
    font-size: 1.45rem;
    line-height: 2rem;
  }
  .about .item1 .content.influence-impact .influence-heading p,
  .about .item1 .content.influence-impact .conference-meta-list li p,
  .about .item1 .content.influence-impact .conference-meta-note p,
  .about .item1 .content.influence-impact .conference-highlight-card p,
  .about .item1 .content.influence-impact .influence-placeholder-card p {
    font-size: 1rem;
    line-height: 1.85rem;
  }
  .about .item1 .content.influence-impact .conference-hero-media {
    padding: 0.2rem;
  }
  .about .item1 .content.influence-impact .standard-hero-media {
    aspect-ratio: auto;
    padding: 0.08rem;
  }
  .about .item1 .content.influence-impact .journal-hero-media {
    padding: 1.4rem;
  }
  .about .item1 .content.influence-impact .journal-hero-copy h3 {
    font-size: 1.55rem;
    line-height: 2.1rem;
  }
  .about .item1 .content.influence-impact .journal-editorial-layout,
  .about .item1 .content.influence-impact .journal-secondary-grid,
  .about .item1 .content.influence-impact .journal-impact-grid {
    grid-template-columns: 1fr;
  }
  .about .item1 .content.influence-impact .journal-merged-gallery {
    grid-template-columns: 1fr;
  }
  .about .item1 .content.influence-impact .journal-story-card,
  .about .item1 .content.influence-impact .journal-aside-card,
  .about .item1 .content.influence-impact .journal-impact-card {
    padding: 1.35rem 1.2rem 1.45rem;
  }
  .about .item1 .content.influence-impact .journal-story-card h3 {
    font-size: 1.45rem;
    line-height: 2rem;
  }
  .about .item1 .content.influence-impact .journal-story-card p,
  .about .item1 .content.influence-impact .journal-story-points li,
  .about .item1 .content.influence-impact .journal-launch-card figcaption p,
  .about .item1 .content.influence-impact .journal-aside-card p,
  .about .item1 .content.influence-impact .journal-mini-list li,
  .about .item1 .content.influence-impact .journal-impact-card p {
    font-size: 1rem;
    line-height: 1.82rem;
  }
  .about .item1 .content.influence-impact .journal-image-frame-cover {
    aspect-ratio: 3 / 4;
  }
  .about .item1 .content.influence-impact .journal-cover-card-merged .journal-image-frame-cover,
  .about .item1 .content.influence-impact .journal-launch-card-merged .journal-image-frame-launch {
    aspect-ratio: auto;
  }
  .about .item1 .content.influence-impact .journal-cover-card-merged .journal-image-frame-cover {
    min-height: auto;
    padding: 0.6rem;
  }
  .about .item1 .content.influence-impact .journal-cover-card-merged .journal-image-frame-cover img {
    object-fit: contain;
  }
  .about .item1 .content.influence-impact .conference-hero-badge {
    top: 1.45rem;
    left: 1.45rem;
    min-width: auto;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
  }
  .about .item1 .content.influence-impact .conference-meta-card {
    padding: 1.35rem 1.2rem 1.45rem;
  }
  .about .item1 .content.influence-impact .standard-meta-card {
    padding: 1.35rem 1.2rem 1.45rem;
  }
  .about .item1 .content.influence-impact .conference-meta-card h3,
  .about .item1 .content.influence-impact .influence-board-card h3,
  .about .item1 .content.influence-impact .influence-placeholder-card h3 {
    font-size: 1.28rem;
    line-height: 1.8rem;
  }
  .about .item1 .content.influence-impact .standard-record-card {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
  .about .item1 .content.influence-impact .standard-record-index {
    width: 2.8rem;
    height: 2.8rem;
  }
  .about .item1 .content.influence-impact .standard-record-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .about .item1 .content.influence-impact .standard-record-top h3 {
    font-size: 1.12rem;
    line-height: 1.6rem;
  }
  .about .item1 .content.influence-impact .standard-record-card p {
    font-size: 1rem;
    line-height: 1.82rem;
  }
  .about .item1 .content.influence-impact .conference-highlight-card h3 {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }
  .about .item1 .content.influence-impact .conference-meta-list li {
    gap: 0.75rem;
  }
  .about .item1 .content.core-tech .core-tech-intro {
    padding: 1.5rem;
  }
  .about .item1 .content.core-tech .core-tech-intro p {
    font-size: 1rem;
    line-height: 1.95rem;
    font-weight: 600;
  }
  .about .item1 .content.core-tech .core-tech-heading h2 {
    font-size: 1.45rem;
    line-height: 2rem;
  }
  .about .item1 .content.core-tech .core-tech-heading p,
  .about .item1 .content.core-tech .core-direction-card > p,
  .about .item1 .content.core-tech .core-direction-note p,
  .about .item1 .content.core-tech .core-domain-card p,
  .about .item1 .content.core-tech .core-advantage-card p {
    font-size: 1rem;
    line-height: 1.85rem;
  }
  .about .item1 .content.core-tech .core-direction-layout,
  .about .item1 .content.core-tech .core-domain-grid,
  .about .item1 .content.core-tech .core-advantage-grid,
  .about .item1 .content.core-tech .core-capability-list {
    grid-template-columns: 1fr;
  }
  .about .item1 .content.core-tech .core-domain-grid,
  .about .item1 .content.core-tech .core-advantage-grid {
    gap: 1rem;
  }
  .about .item1 .content.core-tech .core-direction-card,
  .about .item1 .content.core-tech .core-domain-card,
  .about .item1 .content.core-tech .core-advantage-card {
    padding: 1.35rem 1.2rem 1.45rem;
    min-height: auto;
  }
  .about .item1 .content.core-tech .core-direction-card h3 {
    font-size: 1.28rem;
    line-height: 1.8rem;
  }
  .about .item1 .content.core-tech .core-application-heading p {
    font-size: 1rem;
    line-height: 1.8rem;
    white-space: normal;
  }
  .about .item1 .content.core-tech .core-application-grid {
    grid-template-columns: 1fr;
  }
  .about .item1 .content.core-tech .core-application-node {
    min-height: auto;
  }
  .about .item1 .content.core-tech .core-application-title {
    font-size: 1.08rem;
    line-height: 1.6rem;
  }
  .about .item1 .content.core-tech .core-application-desc {
    font-size: 0.9rem;
    line-height: 1.45rem;
  }
  .about .item1 .content.core-tech .core-domain-card h3,
  .about .item1 .content.core-tech .core-advantage-card h3 {
    font-size: 1.35rem;
    line-height: 1.8rem;
  }
  .about .item1 .content.core-tech .core-domain-card p,
  .about .item1 .content.core-tech .core-advantage-card p {
    margin-top: 0.95rem;
    font-size: 1.03rem;
    line-height: 1.78rem;
  }
  .about .item1 .content.core-tech .core-domain-icon,
  .about .item1 .content.core-tech .core-advantage-icon {
    width: 3.25rem;
    height: 3.25rem;
  }
  .about .item1 .content.core-tech .core-domain-icon svg,
  .about .item1 .content.core-tech .core-advantage-icon svg {
    width: 1.85rem;
    height: 1.85rem;
  }
  .about .item1 .content.core-tech .core-direction-top,
  .about .item1 .content.core-tech .core-domain-head,
  .about .item1 .content.core-tech .core-advantage-head {
    align-items: flex-start;
  }
  .about .item1 .content.core-tech .core-direction-index {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.85rem;
  }
  .about .item1 .content.core-tech .core-chip-list {
    gap: 0.65rem;
  }
  .about .item1 .content.core-tech .core-chip-list li,
  .about .item1 .content.core-tech .core-capability-list li {
    width: 100%;
    justify-content: flex-start;
    text-align: left;
  }
}
@media screen and (min-width: 901px) and (max-width: 1280px) {
  .about .item1 .content.influence-impact .conference-overview,
  .about .item1 .content.influence-impact .conference-showcase,
  .about .item1 .content.influence-impact .standard-showcase {
    grid-template-columns: 1fr;
    grid-template-areas:
      'hero'
      'meta';
  }
  .about .item1 .content.influence-impact .conference-highlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .about .item1 .content.influence-impact .standard-record-grid {
    grid-template-columns: 1fr;
  }
  .about .item1 .content.influence-impact .standard-record-card:last-child:nth-child(odd) {
    grid-column: auto;
  }
  .about .item1 .content.influence-impact .influence-board-card h3,
  .about .item1 .content.influence-impact .conference-meta-card h3,
  .about .item1 .content.influence-impact .influence-placeholder-card h3 {
    font-size: 1.4rem;
    line-height: 1.95rem;
  }
  .about .item1 .content.develop-positioning .develop-story {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .about .item1 .content.core-tech .core-capability-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .about .item1 .content.core-tech .core-domain-card h3,
  .about .item1 .content.core-tech .core-advantage-card h3 {
    font-size: 1.45rem;
    line-height: 1.95rem;
  }
}
/* .about .item1 .content{
	text-align: center;
	padding-top: 1.75rem;
}
.about .item1 .content .text{
	font-size: 1rem;
	line-height: 2.5rem;
	color: #666666;
	text-indent: 2em;
	text-align: left;
}
.about .item1 .content img{
	max-width: 100%;
	margin: 3.375rem 0;
} */
.about .item2 .content {
  display: flex;
  padding-top: 2rem;
  align-items: flex-start;
  justify-content: space-between;
}
.about .item2 .content .img {
  width: calc(calc(430 / 1150) * 100%);
  flex-shrink: 0;
  margin-right: 3.4375rem;
}
.about .item2 .content .img-content {
  width: 100%;
  position: relative;
  padding-top: calc(calc(334 / 430) * 100%);
}
.about .item2 .content .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
}
.about .item2 .content .text p {
  font-size: var(--content-fontSize);
  line-height: 2em;
  text-indent: 2em;
  color: #666666;
}
.about .item3 .content {
  margin-top: 4.5rem;
}
.about .item3 .content .item {
  display: flex;
  align-items: center;
  margin-bottom: 1.5625rem;
}
.about .item3 .content .item .title {
  width: 13.125rem;
  background-image: linear-gradient(91deg, #4DA9FF 0%, #4DA9FF 100%), linear-gradient(#4DA9FF, #4DA9FF);
  background-blend-mode: normal, normal;
  border-radius: 25px;
  border: solid 1px #4DA9FF;
  color: #fff;
  text-align: center;
  position: relative;
  margin-right: 3.8125rem;
  flex-shrink: 0;
}
.about .item3 .content .item .title p {
  line-height: 3.125rem;
  font-size: 1.125rem;
  width: 3.4375rem;
  text-align-last: justify;
  margin: 0 auto;
  white-space: nowrap;
}
.about .item3 .content .item .title::after {
  position: absolute;
  content: '-----';
  top: 34%;
  right: -2.125rem;
  width: 1.625rem;
  height: 0.125rem;
  color: #666666;
  white-space: nowrap;
}
.about .item3 .content .item .text {
  font-size: 1.125rem;
}
.about .item4 .content {
  display: flex;
  align-items: flex-start;
  margin-top: 3.6875rem;
  flex-wrap: wrap;
}
.about .item4 .item {
  width: 15rem;
  display: block;
  margin-right: 3.9375rem;
  margin-bottom: 3.6875rem;
}
.about .item4 .item:nth-child(4n) {
  margin-right: 0;
}
.about .item4 .item .img {
  width: 100%;
  position: relative;
  padding-top: calc(calc(318 / 240) * 100%);
  margin-bottom: 1.5rem;
  transition: all 0.3s;
}
.about .item4 .item .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.about .item4 .item .info {
  text-align: center;
}
.about .item4 .item .title {
  font-size: 1.25rem;
  margin-bottom: 0.8125rem;
  font-weight: bolder;
}
.about .item4 .item .time {
  font-size: 1rem;
  color: #666666;
}
.about .item4 .item:hover .img {
  transform: scale(1.1);
  box-shadow: 0px 0px 2.5rem 0px rgba(0, 0, 0, 0.36);
}
.about .item4 .item:hover .title,
.about .item4 .item:hover .time {
  color: #4DA9FF;
}
.about .item5 .content {
  padding-top: 3.1875rem;
}
.about .item5 .content .info {
  display: flex;
  align-items: center;
}
.about .item5 .content .info .word {
  flex-grow: 1;
  margin-right: 3.1875rem;
}
.about .item5 .content .info .word .name {
  font-size: 1.75rem;
  position: relative;
  margin-bottom: 5.0625rem;
}
.about .item5 .content .info .word .name::before {
  content: '';
  position: absolute;
  width: 1.375rem;
  height: 2px;
  background-color: #4DA9FF;
  border-radius: 1px;
  bottom: -1.5rem;
  left: 0;
}
.about .item5 .content .info .word .item {
  display: flex;
  align-items: flex-start;
}
.about .item5 .content .info .word .item .img {
  width: 1.8125rem;
  line-height: 2.6875rem;
  flex-shrink: 0;
}
.about .item5 .content .info .word .item p {
  font-size: 1.125rem;
  line-height: 2.5rem;
}
.about .item5 .content .info .map-container {
  width: calc(calc(670 / 1150) * 100%);
  flex-shrink: 0;
}
.about .item5 .content .info .map-container .map {
  width: 100%;
  padding-top: calc(calc(370 / 670) * 100%);
  background-color: #4DA9FF;
}
.about .item5 .content .form {
  position: relative;
  margin-top: 5.4375rem;
  padding-top: 4.0625rem;
}
.about .item5 .content .form .title {
  font-size: 1.5rem;
  width: 9.1875rem;
  position: absolute;
  background-color: #fff;
  left: 50%;
  top: 0;
  text-align: center;
  transform: translateX(-50%);
}
.about .item5 .content .form::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  top: 0.875rem;
}
.about .item5 .content .form input {
  font-size: 0.875rem;
  line-height: 3.625rem;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  padding: 0 1.25rem;
  width: 35.25rem;
  max-width: 100%;
}
.about .item5 .content .form input::-webkit-input-placeholder,
.about .item5 .content .form textarea::-webkit-input-placeholder {
  color: #999999;
}
.about .item5 .content .form .input {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}
.about .item5 .content .form .textarea textarea {
  width: 100%;
  height: 10.125rem;
  padding: 1.375rem 1.25rem;
  border: solid 1px #e6e6e6;
  font-size: 0.875rem;
  margin-bottom: 1.875rem;
}
.about .item5 .content .form .send {
  display: flex;
  justify-content: space-between;
}
.about .item5 .content .form .send input {
  width: 22.375rem;
}
.about .item5 .content .form .send .yzm {
  width: 8.75rem;
  height: 3.75rem;
  margin-right: auto;
}
.about .item5 .content .form .send .yzm img {
  width: 100%;
  height: 100%;
  object-fit: initial;
}
.about .item5 .content .form .send .sendbtn {
  width: 10.875rem;
  text-align: left;
  background-color: #4DA9FF;
  border-radius: 1.8125rem;
  border: solid 1px #4DA9FF;
  color: #fff;
  height: 3.75rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.about .item5 .content .form .send .sendbtn img {
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 0.875rem;
}
.news-detail {
  width: 80.625rem;
  background-color: #fff;
  padding: 4.375rem calc(calc(70 / 1290) * 100%) 3.75rem;
}
.news-detail .top {
  padding-bottom: 2.0625rem;
  border-bottom: 1px solid #e6e6e6;
}
.news-detail .top .title {
  font-size: 2.125rem;
  font-weight: bolder;
  margin-bottom: 1.9375rem;
  line-height: 2.5rem;
}
.news-detail .top .text {
  font-size: 1rem;
  color: #999999;
}
.news-detail .top .text .label {
  margin-right: 1.1875rem;
}
.news-detail .top .text .label:empty {
  margin-right: 0;
}
.news-detail .content {
  padding-top: 0.5rem;
}
.news-detail .content p,
.news-detail .content strong,
.news-detail .content section {
  font-size: var(--content-fontSize);
  line-height: 2em;
}
.news-detail .content strong {
  font-weight: bolder;
}
.news-detail .content img {
  max-width: 100%;
}
.news-detail .content video,
.news-detail .content iframe {
  max-width: 100%;
  /*display: block;*/
}
.explain {
  font-size: calc(var(--content-fontSize) - 2px);
  margin-top: 1.25rem;
}
.team .item1 .content {
  margin-top: 2.3125rem;
}
.team .item1 .content .item {
  margin-bottom: 1.875rem;
  cursor: pointer;
}
.team .item1 .content .item .title {
  width: 100%;
  height: 3.5rem;
  background-color: #f7f7f7;
  padding: 0 1.5rem;
  border-top: 1px solid #e6e6e6;
  position: relative;
}
.team .item1 .content .item .title > p {
  font-size: 1.25rem;
  width: 100%;
  line-height: 3.5rem;
  font-weight: bolder;
  position: relative;
}
.team .item1 .content:not(.team-list) .item .title > p::after {
  content: '';
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  border-width: 0.25rem 0.25rem 0 0;
  border-style: solid;
  border-color: #333333;
  right: 0;
  top: 50%;
  transform: translateY(-80%) rotate(135deg);
}
.team .item1 .content .item .title > .selection + p::after {
  display: none;
}
.team .item1 .content .item.active .title > p::after {
  border-color: #4DA9FF;
  transform: translateY(-40%) rotate(-45deg);
}
.team .item1 .content:not(.team-list) .item:not(.active1) .list {
  display: none;
}
.team-page .team .item1 .content:not(.team-list) .item .list {
  display: none;
}
.team-page .team .item1 .content:not(.team-list) .item.active .list {
  display: block;
}
.team .item1 .content .item .list ul {
  display: flex;
  flex-wrap: wrap;
  padding: 1.125rem 1.5rem 0;
}
.team .item1 .content .item .list ul li {
  width: 50%;
  font-size: 1rem;
  margin: 0.75rem 0;
  position: relative;
  padding-left: 0.75rem;
}
.team .item1 .content .item .list ul li::before {
  content: '.';
  position: absolute;
  left: 0;
  transform: translateY(-40%);
}
.team .item1 .content .item .list ul li a {
  display: flex;
}
.team .item1 .content .item .list ul li .text {
  width: 4rem;
  flex-shrink: 0;
  display: inline-block;
  text-align-last: justify;
  margin-right: 1.125rem;
}
.team .item1 .content .item .list ul li .label {
  color: #999999;
}
.team .item1 .content .item .selection {
  right: 1.3rem;
  top: 50%;
  z-index: 9;
  transform: translateY(-50%);
}
.team .item1 .content.team-list .item .list ul li::before {
  display: none;
}
.team .item1 .content.team-list .item .list ul li {
  width: 18%;
  padding-left: 0;
  margin-right: 2.5%;
}
.team .item1 .content.team-list .item .list ul li:nth-of-type(5n) {
  margin-right: 0;
}
.team .item1 .content.team-list .item .list ul li a {
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.team .item1 .content.team-list .item .list ul li a .img {
  width: 100%;
  position: relative;
  padding-top: calc(calc(185 / 139) * 100%);
}
.team .item1 .content.team-list .item .list ul li a .img img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.team .item1 .content.team-list .item .list ul li .text {
  margin: 1rem 0;
  width: auto;
  font-size: 1.25rem;
}
.team .item1 .content.team-list .item .list ul li .label {
  font-size: 1.125rem;
}
.team .item5 {
  position: relative;
}
.team .item5 .selection {
  right: calc(calc(70 / 1290) * 100%);
  top: 2.6875rem;
}
.team .item5 .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 1.4375rem 0 1.375rem;
}
.team .item5 .content .item {
  width: 35rem;
  height: 16rem;
  border: solid 1px #e6e6e6;
  margin-bottom: 1.8125rem;
  display: flex;
  align-items: center;
  padding: 0 0.6875rem;
}
.team .item5 .content .item img {
  width: 11.3125rem;
  height: 14.625rem;
  margin-right: 2.0625rem;
}
.team .item5 .content .item .info .name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.9375rem;
}
.team .item5 .content .item .info .title {
  color: #999999;
  font-size: 1rem;
  margin-bottom: 1.5625rem;
}
.team .item5 .content .item .info .list p {
  font-size: 1rem;
  color: #666666;
  line-height: 1.625rem;
}
.team .item5 .content .item .info .list .text {
  max-height: 4.875rem;
  overflow-y: scroll;
}
.team .item5 .content .item .info .list .text::-webkit-scrollbar {
  height: 100%;
  width: 2px;
  background-color: transparent;
}
.team .item5 .content .item .info .list .text::-webkit-scrollbar-thumb {
  background-color: #4DA9FF;
}
.research .item1 .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2.5625rem;
}
.research .item1 .content .item {
  width: 34.375rem;
  height: 21.1875rem;
  background-size: 100% 100%;
  border-radius: 6px;
  position: relative;
  margin-bottom: 2.5rem;
}
.research .item1 .content .item::before {
  position: absolute;
  content: '';
  width: 100%;
  border-radius: 6px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
.research .item1 .content .item .info {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.75rem;
  position: absolute;
  width: 100%;
  bottom: 1.5rem;
}
.research .item1 .content .item .info .title {
  font-size: 1.5rem;
  font-weight: bolder;
}
.research .item1 .content .item .info .link {
  display: flex;
  align-items: center;
}
.research .item1 .content .item .info .link p {
  font-size: 1rem;
  margin-right: 1rem;
}
.research .item1 .content .item .info .link img {
  filter: brightness(100);
  width: 0.8125rem;
  height: 0.8125rem;
}
.research .item2 .content {
  margin-bottom: 3.6875rem;
}
.research .item3 {
  position: relative;
}
.research .item3 .content.zl {
  margin-top: 2.5rem;
}
.research .item3 .content.zl .list {
  display: flex;
  flex-wrap: wrap;
}
.research .item3 .content.zl .item {
  display: inline-block;
  margin-right: 3.125rem;
  margin-bottom: 3.25rem;
  width: 15.625rem;
}
.research .item3 .content.zl .item:nth-of-type(4n) {
  margin-right: 0;
}
.research .item3 .content.zl .item .img {
  width: 100%;
  border-radius: 6px;
  background-color: #f6f6f6;
  position: relative;
  padding-top: calc(calc(353 / 250) * 100%);
  margin-bottom: 1.5625rem;
  transition: all 0.6s;
}
.research .item3 .content.zl .item .img .img-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0.9375rem;
}
.research .item3 .content.zl .item .img img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.research .item3 .content.zl .item .title {
  text-align: center;
  width: 100%;
  font-size: 1.25rem;
  font-weight: bolder;
  margin-bottom: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.research .item3 .content.zl .item .more {
  margin: 0 auto;
}
.research .item3 .content.zl .item:hover .img {
  transform: scale(1.1);
  background-color: #26a655;
  box-shadow: 0px 0.125rem 2.5rem 0px rgba(38, 166, 85, 0.52);
}
.research .item3 .content.zl .item:hover .title {
  color: #26a655;
}
.research .item3 .content.zl .item:hover .more {
  background-color: #26a655;
  color: #fff;
}
.research .item3 .content.zl .item:hover .more .more-icon {
  filter: brightness(100);
}
.research .item3 .content.lw {
  margin-bottom: 3.75rem;
}
.research .item5 .content {
  margin-bottom: 3.875rem;
}
.platform .item1 .content {
  margin-bottom: 2.6875rem;
}
.platform .item2 .content,
.platform .item3 .content {
  margin-top: 2.9375rem;
  display: flex;
  justify-content: space-between;
}
.cooperation .item1 .content {
  margin-top: 2.5rem;
}
.cooperation .item2 .content {
  margin-top: 3.1875rem;
}
.join .content {
  margin: 2.5rem 0 3.125rem;
}
.join.middle-content .item1 > .title {
  color: transparent;
  position: relative;
}
.join.middle-content .item1 > .title::before {
  content: "加入我们";
  position: absolute;
  left: 0;
  top: 0;
  color: #111111;
  font: inherit;
  line-height: inherit;
}
.join .content.join-contact-content {
  margin-bottom: 0;
}
.join .join-intro {
  max-width: 42rem;
  font-size: 1.32rem;
  line-height: 1.9;
  font-weight: 500;
  color: #6b7280;
}
.join .join-contact-grid {
  margin-top: 2.125rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.75rem;
}
.join .join-contact-card {
  min-height: 12.75rem;
  padding: 2rem 2.25rem 2.125rem;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid #bed7ff;
  border-radius: 1.125rem;
  box-shadow: 0 18px 36px rgba(77, 169, 255, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.join .join-contact-card:hover {
  transform: translateY(-4px);
  border-color: #4DA9FF;
  box-shadow: 0 24px 44px rgba(77, 169, 255, 0.14);
}
.join .join-contact-head {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.join .join-contact-icon {
  width: 3rem;
  height: 3rem;
  color: #18cbe6;
  flex-shrink: 0;
}
.join .join-contact-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.join .join-contact-head h3 {
  font-size: 1.875rem;
  line-height: 1.2;
  color: #111111;
  font-weight: 700;
}
.join .join-contact-value {
  margin-top: 2.25rem;
  padding-left: 4rem;
  font-size: 1.22rem;
  line-height: 1.85;
  font-weight: 600;
  color: #4b5563;
  word-break: break-word;
}
.join .join-contact-value a {
  color: #4b5563;
  transition: color 0.2s ease;
}
.join .join-contact-value a:hover {
  color: #4DA9FF;
}
.join .content .item {
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.join .content .item:hover .info .top {
  /* align-items: flex-start; */
}

.join .content .item:hover .info .top .title {
  white-space: pre-wrap;
}
.join .content .item .item-container {
  width: 100%;
  /* height: 7.5rem; */
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #e6e6e6;
  display: flex;
  position: relative;
  align-items: center;
}
.join .content .item .info {
  width: 63.9375rem;
  padding: 1.875rem 2.375rem 1.875rem 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.join .content .item .info .top {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
}
.join .content .item .info .top .title {
  font-size: 1.25rem;
  flex-grow: 1;
  line-height: 24px;
  /* width: 0; */
  /* white-space: nowrap; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  /* min-width: 218px; */
  /* width: 220px; */
  /* max-width: 220px; */
}
.join .content .item .info .top ul {
  display: flex;
  margin-right: 1.5625rem;
  flex: 1;
}
.join .content .item .info .top ul li {
  font-size: 0.875rem;
  color: #999999;
  padding: 0 1.5rem;
  position: relative;
}
.join .content .item .info .top ul li::before {
  position: absolute;
  content: '';
  width: 0.125rem;
  height: 100%;
  background-color: #999999;
  left: 0;
}
.join .content .item .info .top .wages {
  font-size: 1.25rem;
  color: #4DA9FF;
  width: 128px;
  text-align: right;
}
.join .content .item .info .bottom ul {
  display: flex;
}
.join .content .item .info .bottom ul li {
  font-size: 0.875rem;
  color: #666666;
}
.join .content .item .info .bottom ul li:nth-child(1) {
  width: 15.1875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.join .content .item .info .bottom ul li:nth-child(2),
.join .content .item .info .bottom ul li:nth-child(3),
.join .content .item .info .bottom ul li:nth-child(4) {
  width: 11.0625rem;
}
.join .content .item .item-container .btn {
  flex-grow: 1;
  height: 100%;
  border-left: 1px solid #d3d3d3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.join .content .item .item-container .btn img {
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer;
}
.join .content .item .list {
  width: 100%;
  background-color: #f8f8f8;
  display: none;
  border-radius: 10px;
  padding: 1.875rem 1.75rem 2.125rem 1.25rem;
}
.join .content .item .list .list-paddingleft-2 li {
  list-style-type: unset !important;
  margin-left: 1.25rem;
}
.join .content .item .list p strong {
  font-weight: bolder;
  font-size: 0.875rem;
  line-height: 2.3125rem;
}
.join .content .item .list p {
  font-size: 0.875rem;
  color: #666666;
  line-height: 2.3125rem;
}
.join .content .item .list .btn {
  width: 9.125rem;
  height: 2.875rem;
  color: #fff;
  font-size: 0.875rem;
  position: relative;
  background-color: #4DA9FF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.4375rem;
}
.join .content .item .list .btn input {
  position: absolute;
  width: 157%;
  right: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.join .content .item.active .item-container {
  background-color: #4DA9FF;
  color: #fff;
}
.join .content .item.active .info .bottom ul li,
.join .content .item.active .info .top ul li,
.join .content .item.active .info .top .wages {
  color: #fff;
}
.join .content .item.active .item-container .info .top ul li::before {
  background-color: #fff;
}
.join .content .item.active .item-container .btn img {
  filter: brightness(100);
  transform: rotate(-90deg);
}
.research-detail .item .content {
  margin-top: 2.0625rem;
  font-size: var(--content-fontSize);
  /* overflow-x: scroll; */
}
.research-detail .item .content .text {
  font-size: 1rem;
  line-height: 2.0625rem;
  color: #666666;
  text-indent: 2em;
}
.research-detail .item .content .link {
  margin-top: 2.1875rem;
}
.research-detail .item .content .link span {
  font-size: 1rem;
  color: #666666;
}
.research-detail .item .content .link a {
  color: #26a655;
  font-size: 1rem;
  text-decoration: underline;
  padding-right: 3.5rem;
  position: relative;
  background: url(../css/arrow-active-icon.png) no-repeat 60% center;
  background-size: auto 72%;
}
.research-detail .item .content .link a::before {
  content: '��';
  position: absolute;
  right: 0;
}
.research-detail .item .content .link a:last-child::before {
  content: '';
}
.research-detail .item .content .img-swiper {
  margin-top: 3.125rem;
}
.research-detail .item .content .img-swiper .swiper-slide {
  width: 21.3125rem;
  height: 13.125rem;
}
.research-detail .item .content .img-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.personnel-detail .item .content {
  display: flex;
  margin-top: 2.125rem;
}
.personnel-detail .item .content > img {
  width: 13.375rem;
  height: 17.375rem;
  margin-right: 3.5rem;
}
.personnel-detail .item .content .info .name {
  font-size: 1.5rem;
  font-weight: bolder;
  margin: 1.0625rem 0 0.9375rem;
}
.personnel-detail .item .content .info .label {
  font-size: 1rem;
  color: #999999;
  margin-bottom: 1.25rem;
}
.personnel-detail .item .content .info .text p {
  font-size: var(--content-fontSize);
  line-height: 2em;
  text-indent: 2em;
  color: #666666;
}
.team-detail .item .content {
  display: flex;
  align-items: flex-start;
  margin-top: 2.5rem;
  font-size: var(--content-fontSize);
}
.team-detail .item .content > img {
  width: 13.375rem;
  height: 17.375rem;
  margin-right: 2.375rem;
  flex-shrink: 0;
}
.team-detail .item .content .info {
  flex-grow: 1;
  width: 0;
}
.team-detail .item .content .info .top {
  margin: 1.5625rem 0 1.8125rem;
}
.team-detail .item .content .info .top .name {
  font-size: 1.5rem;
  font-weight: bolder;
  margin-right: 0.9375rem;
}
.team-detail .item .content .info .top .label {
  font-size: 1rem;
  color: #666666;
}
.team-detail .item .content .info .contact {
  margin-bottom: 2.5rem;
}
.team-detail .item .content .info .contact-item {
  display: flex;
}
.team-detail .item .content .info .contact-item > div {
  display: flex;
  align-items: self-start;
}
.team-detail .item .content .info .contact-item > div .img {
  width: 2.0625rem;
  display: flex;
  height: 2rem;
  align-items: center;
  flex-shrink: 0;
}
.team-detail .item .content .info .contact-item > div p {
  color: #999999;
  line-height: 2rem;
  font-size: var(--content-fontSize);
}
.team-detail .item .content .info .contact-item .phone img {
  width: 1.375rem;
  height: 1.125rem;
}
.team-detail .item .content .info .contact-item .phone {
  margin-right: 2.5rem;
}
.team-detail .item .content .info .contact-item .mailbox img {
  width: 1.1875rem;
  height: 0.9375rem;
}
.team-detail .item .content .info .contact-item .address img {
  width: 1.125rem;
  height: 1.3125rem;
}
.team-detail .item .content .info .item {
  position: relative;
}
.team-detail .item .content .info .item .title {
  font-weight: bolder;
  color: #4DA9FF;
  font-size: calc(var(--content-fontSize) + 4px);
  display: block;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.team-detail .item .content .info .item .title::after {
  height: 1px;
  content: '';
  position: relative;
  flex-grow: 1;
  background-color: #4DA9FF;
  margin-left: 0.8125rem;
}
.team-detail .item .content .info .item .text {
  margin: 1.5rem 0 2.4375rem;
}
.team-detail .item .content .info .item .text::after {
  content: '';
  clear: both;
  display: block;
}
.team-detail .item .content .info .item .text p {
  line-height: 2em;
}
.team-detail .item .content .info .item .text p,
.cooperation-detail .detail .bottom {
  font-size: var(--content-fontSize);
  line-height: 2em;
}
/* .team-detail .item .content .info .item .text a{
	color: #666666;
} */
.cooperation-detail .detail .top {
  padding: 1.5rem 0 2.0625rem;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 2.8125rem;
}
.cooperation-detail .detail .top .title {
  font-size: 2.125rem;
  line-height: 2.5rem;
  font-weight: bolder;
  margin-bottom: 1.75rem;
}
.cooperation-detail .detail .top .info span {
  font-size: 1rem;
  color: #999999;
}
.cooperation-detail .detail .item .title {
  line-height: 2rem;
  width: 16.8125rem;
  background: url(../css/cooperation-detail-img1.png) no-repeat center center/cover;
  background-size: 100% 100%;
  padding-left: 2.8125rem;
  font-size: 1.25rem;
  font-weight: bolder;
  color: #4DA9FF;
}
.cooperation-detail .detail .item .content {
  padding-left: 1.4375rem;
  margin: 1.875rem 0 2.5rem;
}
.cooperation-detail .detail .item .content p {
  font-size: 1rem;
  color: #666666;
  line-height: 2rem;
  text-indent: 2em;
}
.platform-detail .detail .content {
  margin-top: 3.25rem;
}
.platform-detail .detail .content > img {
  width: 100%;
  border-radius: 6px;
  margin-bottom: 2rem;
}
.platform-detail .detail .content .select .list {
  width: 100%;
  background-color: #f6f6f6;
  border: solid 1px #e6e6e6;
}
.platform-detail .detail .content .select .list ul {
  display: flex;
  max-width: 100%;
  overflow-x: scroll;
}
.platform-detail .detail .content .select .list ul::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background-color: transparent;
}
.platform-detail .detail .content .select .list ul li {
  line-height: 3.75rem;
  width: 8.75rem;
  white-space: nowrap;
  font-size: calc(var(--content-fontSize) + 2px);
  color: #666666;
  text-align: center;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.platform-detail .detail .content .select .list ul li::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0.1875rem;
  background-color: #26a655;
  top: -1px;
  left: 0;
  display: none;
}
.platform-detail .detail .content .select .list ul li::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 0.125rem;
  border-top: 0.3125rem solid #26a655;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  left: 50%;
  display: none;
  transform: translateX(-50%);
}
.platform-detail .detail .content .select .list ul .active,
.platform-detail .detail .content .select .list ul li:hover {
  color: #26a655;
  font-weight: bolder;
}
.platform-detail .detail .content .select .list ul .active::before,
.platform-detail .detail .content .select .list ul .active::after,
.platform-detail .detail .content .select .list ul li:hover::before,
.platform-detail .detail .content .select .list ul li:hover::after {
  display: block;
}
.platform-detail .detail .content .select .select-container > .item {
  width: 100%;
  border: solid 1px #e6e6e6;
  display: none;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(1) {
  padding: 1.875rem 2.25rem;
  display: block;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(1) p {
  font-size: var(--content-fontSize);
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) {
  padding: 3.75rem 3.75rem 3.75rem 2.8125rem;
  font-size: var(--content-fontSize);
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul {
  position: relative;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul::before {
  content: '';
  position: absolute;
  left: -1px;
  bottom: 0;
  width: 2px;
  height: calc(100% - 1.4375rem);
  background-image: linear-gradient(to bottom, #999999 0%, #999999 20%, transparent 20%);
  background-size: 2px 8px;
  background-repeat: repeat-y;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > img {
  width: 1.5625rem;
  height: 0.8125rem;
  position: absolute;
  bottom: -1.25rem;
  left: -0.8125rem;
  cursor: pointer;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li {
  position: relative;
  padding-left: 4.8125rem;
  cursor: pointer;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li::before {
  content: '';
  position: absolute;
  height: 1px;
  width: 6.25rem;
  background-color: #e5e5e5;
  left: 0;
  top: 0.875rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li .spot {
  width: 1.4375rem;
  height: 1.4375rem;
  position: absolute;
  border: solid 1px #222222;
  left: -0.6875rem;
  top: 3px;
  background-color: #ffffff;
  border-radius: 50%;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li .spot::before {
  content: '';
  position: absolute;
  width: 0.4375rem;
  height: 0.4375rem;
  background-color: #222222;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li .info {
  display: flex;
  align-items: flex-start;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li .info .year {
  line-height: 1.875rem;
  text-align: center;
  width: 5.5625rem;
  position: relative;
  flex-shrink: 0;
  background-color: #e5e5e5;
  font-size: var(--content-fontSize);
  margin-right: 2.9375rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li .info ul li {
  margin-bottom: 0.625rem;
  line-height: 1.875rem;
  display: flex;
  align-items: flex-start;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li .info ul li .time {
  width: 4.5rem;
  font-weight: bolder;
  font-size: 1.125rem;
  line-height: 1.875rem;
  flex-shrink: 0;
  color: #666666;
  display: inline-block;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li .info ul li .text {
  line-height: 1.875rem;
  font-size: var(--content-fontSize);
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li:hover .info ul li .time,
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li:hover .info ul li .text {
  color: #26a655;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li:hover .info .year,
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li:hover::before,
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li:hover .spot::before {
  background-color: #26a655;
  color: #fff;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(2) > ul > li:hover .spot {
  border-color: #26a655;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(3) {
  padding: 3.1875rem 2.5rem 6.375rem 2.3125rem;
  font-size: var(--content-fontSize);
}
.platform-detail .detail .content .select .select-container > .item:nth-child(3) a {
  font-size: 1rem;
  color: #666666;
  line-height: 1.875rem;
  display: block;
  margin: 1.0625rem 0;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(3) a img {
  width: 0.8125rem;
  height: 0.8125rem;
  margin-left: 1.125rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(3) .link {
  color: #26a655;
  text-decoration: underline;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) {
  padding: 3rem 2.1875rem 2.875rem 2.0625rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .item-container {
  display: flex;
  align-items: center;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .word {
  width: 26.875rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .word .name {
  position: relative;
  font-size: 1.75rem;
  margin-bottom: 3.375rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .word .name::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 1.375rem;
  background-color: #26a655;
  border-radius: 1px;
  left: 0;
  bottom: -1.5rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .word .item {
  display: flex;
  align-items: flex-start;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .word .item .img {
  width: 1.8125rem;
  line-height: 2.6875rem;
  flex-shrink: 0;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .word .item .img img {
  width: 0.8125rem;
  height: 1rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .word .item:nth-child(3) .img img {
  width: 0.75rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .word .item:nth-child(4) .img img {
  width: 0.9375rem;
  height: 0.75rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .word .item .text {
  font-size: var(--content-fontSize);
  line-height: 2.5rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .map-container {
  width: calc(calc(600 / 1150) * 100%);
  position: relative;
  margin-left: 3.125rem;
}
.platform-detail .detail .content .select .select-container > .item:nth-child(4) .map-container .map {
  padding-top: calc(calc(332 / 600) * 100%);
  width: 100%;
  background-color: #26a655;
}
.join-modal .modal-container {
  width: 62.5rem;
  height: 34.5rem;
  background-color: #f8f8f8;
  border-radius: 0.625rem;
  padding-bottom: 2.875rem;
}
.join-modal .modal-container .title {
  font-size: 1.625rem;
  color: #fff;
  line-height: 4.3125rem;
  border-radius: 0.625rem;
  background-color: #26a655;
  text-align: center;
}
.join-modal .modal-container .input {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3.75rem 3.5625rem 0;
  margin-bottom: 1.25rem;
}
.join-modal .modal-container .input input {
  background-color: #fff;
  width: 100%;
}
.join-modal .modal-container .input .item {
  width: 26.9375rem;
  line-height: 3.8125rem;
  padding: 0 1.25rem;
  background-color: #ffffff;
  border-radius: 0.625rem;
  border: solid 1px #e6e6e6;
  margin-bottom: 1rem;
  position: relative;
}
.join-modal .modal-container .input .item .file {
  position: absolute;
  right: 0;
  top: 0;
  width: 8.8125rem;
  line-height: 3.8125rem;
  background-color: #26a655;
  border-radius: 0.625rem;
  color: #fff;
  border: solid 1px #e6e6e6;
  text-align: center;
}
.join-modal .modal-container .input .item .file input {
  position: absolute;
  width: 100%;
  height: 149%;
  opacity: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
}
.join-modal .modal-container .tj {
  width: 15.375rem;
  height: 2.875rem;
  background-color: #26a655;
  border-radius: 1.4375rem;
  margin: 0 auto;
  color: #fff;
  display: block;
  cursor: pointer;
}