@charset "UTF-8";
.header {
  /* 下拉菜单样式 - 修改为左对齐 */
}

.header .nav-link:hover {
  border-bottom: 3px solid #fed806;
}

.header .navright {
  width: auto;
  margin-left: 10px;
  font-size: 10px;
  height: 40px;
  line-height: 40px;
}

.header .navright span {
  margin-right: 10px;
}

.header .navright .navrightimg {
  width: 23px;
  height: 40px;
  background-image: url(../images/earth-white.gif);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 23px 23px;
  margin-right: 10px;
}

.header .navright select {
  border: 0;
  display: block;
  font-size: 16px;
  outline: none;
  resize: none;
  background: none;
  color: #fff;
}

.header .navright select option {
  width: 80px;
  display: block;
  height: 30px;
}

.header .navright select option span {
  display: block;
  margin-right: 10px;
}

.header .navbar {
  height: 100px;
}

.header #searchimg {
  width: auto;
  height: 40px;
  padding-top: 6px;
}

.header #searchimg img {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.header .headerformbox {
  width: auto;
  height: 40px;
  padding-top: 8px;
}

.header .headerform {
  width: 80px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #dcdfe6;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  box-sizing: border-box;
  color: #606266;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-image: url(../images/search2.png);
  background-repeat: no-repeat;
  background-position: 4px center;
  background-size: 12px auto;
  padding-left: 20px;
}

.header .headerform input {
  display: block;
  width: 100%;
  height: 26px;
  line-height: 26px;
  color: #c0c4cc;
  font-size: 12px;
  border: none;
  outline: none;
  resize: none;
}

.header .headerform ::-webkit-input-placeholder {
  color: #c0c4cc;
  font-size: 12px;
}

.header .nav-list {
  list-style: none;
  display: flex;
  height: 40px;
  line-height: 40px;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  width: auto;
  position: relative;
}

.header .nav-list .nav-item {
  width: auto;
  position: static;
  margin-right: clamp(16px, 0.8vw, 10px);
  /* 修改为static，让下拉菜单相对于navbar定位 */
}

.header .nav-list .nav-link {
  display: block;
  text-decoration: none;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.header .nav-list .nav-link:hover,
.header .nav-list .active {
  border-bottom: 3px solid #fed806;
}

.header .nav-list .nav-link i {
  margin-right: 8px;
  font-size: 1.1em;
}

.header .dropdown {
  position: absolute;
  top: 70px;
  left: 0;
  /* 始终左对齐导航栏左侧 */
  width: 100%;
  background: #f1f4fb;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  transition: all 0.3s ease;
  z-index: 999;
  overflow: hidden;
}

.header .dropdown .dropdown-contentR {
  flex: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .dropdown .dropdown-contentR img {
  max-width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
}

.header .dropdown .dropdown-contentL {
  display: flex;
  flex-direction: column;
  flex: 5;
}

.header .nav-item:hover .dropdown {
  opacity: 1;
  visibility: visible;
}

.header .dropdown-content {
  padding: 50px 60px 50px;
  display: flex;
  flex-direction: row;
}

.header .dropdown .dropdown-contentLp1 {
  font-size: 30px;
  font-weight: 400;
}

.header .dropdown .dropdown-contentLp2 {
  margin-top: 18px;
  font-size: 18px;
  color: #999;
  white-space: pre;
}

.header .dropdown-list {
  list-style: none;
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.header .dropdown-list li {
  padding: 8px 0;
  width: 33.3%;
}

.header .dropdown-list22 {
  display: flex;
}

.header .dropdown-list22 li {
  width: 40%;
}

.header .dropdown-list22 li:nth-child(4) {
  width: 60%;
}

.header .dropdown-list li:last-child {
  border-bottom: none;
}

.header .dropdown-list a {
  color: #333;
  text-decoration: none;
  transition: color 0.2s;
}

.header .dropdown-list a .span2 {
  margin-left: 8px;
  margin-bottom: 2px;
  color: #999;
  font-size: 18px;
}

.header .dropdown-list a:hover {
  color: #004098;
}

.header .dropdown-list a:hover span {
  color: #004098;
}

.sticky {
  position: relative;
  width: 100%;
  /* 或具体宽度 */
  height: 100px;
  /* 背景颜色 */
  background: none !important;
  padding: 0px 60px;
  z-index: 999;
  /* 内边距 */
}

.sticky .nav-item .nav-link {
  color: #333;
}

.sticky .navright select {
  color: #fff;
}

.sticky:hover {
  background: #fff !important;
}

.sticky:hover .nav-item .nav-link {
  color: #333 !important;
}

.sticky:hover .navright select {
  color: #333 !important;
}

.sticky:hover .navright .navrightimg {
  background-image: url(../images/earth-white2.gif) !important;
}

.sticky:hover .navbar-brand {
  width: 400px;
  height: 100px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
}

.nav-item .nav-link {
  color: #fff !important;
}

.sticky.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  /* 或具体宽度 */
  z-index: 1000;
  background: #fff !important;
  /* 确保在其他内容之上 */
}

.sticky.fixed .navright .navrightimg {
  background-image: url(../images/earth-white2.gif) !important;
}

.sticky.fixed .nav-item .nav-link {
  color: #333 !important;
}

.sticky.fixed .navright select {
  color: #333 !important;
}

.sticky.fixed .navbar-brand {
  width: 400px;
  height: 100px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
}

.navbar-brand {
  width: 400px;
  height: 100px;
  background-image: url(../images/logo1.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 center;
}


.header {
  position: relative;
  width: 100%;
  height: 600px;
}

.Homeheader {
  height: 960px;
}

.carousel-container1 {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
}

.carousel-slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
  height: 960px;
  text-align: center;
  background-color: white;
}

.slide .slidemain {
  width: 100%;
  height: 100%;
  position: relative;
}

.slide .slidemain .slidemainimg {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
  transform: scale(1.2);
  /* 初始120% */
  transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.slide .slidemain .chinese-values {
  position: absolute;
  top: 50%;
  /* 调整文字位置，从底部开始 */
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  display: flex;
  justify-content:center;
}

.slide .slidemain .chinese-values img {
  width: auto;
  max-width: 100%;
  height: auto;
  opacity: 0;
  transform: translateY(80px) scale(0.95);
  /* 从下方开始 */
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: 0.3s;
  /* 文字延迟出现，让背景先动 */
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
}

@keyframes slideUpFade {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.slide.active .slidemainimg {
  transform: scale(1);
  /* 最终100% */
  opacity: 1;
}

.slide.active .chinese-values img {
  opacity: 1;
  transform: translateY(0) scale(1);
  /* 上移到正常位置 */
}

/* 确保非活动状态时重置 */
.slide:not(.active) .slidemainimg {
  transform: scale(1.2);
  opacity: 0;
  transition: none;
  /* 非活动时无过渡效果 */
}

.slide:not(.active) .chinese-values img {
  opacity: 0;
  transform: translateY(80px) scale(0.95);
  transition: none;
  /* 非活动时无过渡效果 */
}

.carousel-nav {
  display: none;
  /* 根据你的需要决定是否显示 */
}

.chinese-dots {
  font-size: 2.5rem;
  color: #333;
  margin: 0 15px;
}

.slide-up-enter {
  opacity: 0;
  transform: translateY(50px);
}

.slide-up-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.english-dots {
  margin: 0 10px;
}

.carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  width: 50px;
  height: 50px;
  font-size: 24px;
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-nav:hover {
  background: rgba(0, 0, 0, 0.7);
}

.prev {
  left: 20px;
}

.next {
  right: 20px;
}

.carousel-indicators1 {
  position: absolute;
  bottom: 60px;
  width: 1600px;
  left: 60px;
  margin: 0 auto;
  right: 0;
  display: flex;
  justify-content: left;
  gap: 15px;
}

.indicator {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.indicator.active {
  background-color: transparent;
  transform: scale(1.1);
}

.indicator-letter {
  font-size: 10px;
  color: #ffffff;
  position: absolute;
  background-color: none;
  z-index: 2;
  transition: color 0.3s;
}

.indicator.active .indicator-letter {
  color: #1a5fb4;
  font-weight: bold;
}

/* 倒计时转圈样式 */
.countdown-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.countdown-bg {
  fill: none;
}

.countdown-progress {
  fill: none;
  stroke-dasharray: 56.55;
  /* circumference */
  stroke-dashoffset: 56.55;
  transform: rotate(-90deg);
  transform-origin: center;
}

/* 添加一个悬停效果 */
.indicator:hover {
  transform: scale(1.1);
}

.indicator:hover .indicator-letter {
  color: #1a5fb4;
}

.m-search26,
.m-toCE {
  display: none;
}

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

*,
:after,
:before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.HomeNewstitle {
  width: 100%;
  padding: 10px 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  font-family: Montserrat-Bold, sans-serif;
  /* 加引号，提供回退字体 */
}

.HomeNewstitle .HomeNewstitleR {
  width: auto;
  height: 50px;
  line-height: 40px;
  padding-bottom: 10px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  /* 初始宽度 */
  transform-origin: center;
  /* 从中心缩放 */
  border-bottom: 2px solid #003c96;
  color: #003c96;
  font-size: 1.125rem;
  transition: padding-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.HomeNewstitle .HomeNewstitleR svg {
  width: 20px;
  height: 40px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.HomeNewstitle .HomeNewstitleR:hover {
  padding-right: 10px;
}

.HomeNewstitle .HomeNewstitleR:hover svg {
  transform: translateX(10px);
}

.HomeNewstitle .yellow-line {
  position: absolute;
  left: -100%;
  right: 100.5%;
  top: 58%;
  height: 1px;
  background: #fed806;
}

.HomeNewstitle .HomeNewstitleL {
  position: relative;
}

.HomeNewstitle .HomeNewstitleL .span2 {
  font-family: Montserrat-Bold;
  text-transform: uppercase;
  z-index: 1;
  font-weight: 900;
  font-style: italic;
  opacity: .5;
  color: #e0e0e0;
  font-size: 3.75rem;
  line-height: 1;
  position: relative;
}

.HomeNewstitle .HomeNewstitleL .span3 {
  z-index: 20;
  font-weight: 400;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.5rem;
  color: #003c96;
  margin-top: -1.5rem;
  position: relative;
  padding-left: 15px;
}

.HomeNewstitle .HomeNewstitleL .span3 span {
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.box {
  /*opacity: 0;*/
  transform: translateY(50px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  position: relative;
}

.box:first-of-type {
  opacity: 1;
  display: block;
  transition: none !important;
  /* 取消第一个的过渡动画 */
}

.box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.6s ease;
}

.box.visible {
  opacity: 1;
  transform: translateY(0);
}

.box.visible::before {
  transform: scaleX(1);
}

@keyframes slideUpFadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px) scale(1);
  }
  70% {
    opacity: 0.7;
    transform: translateY(-10px) scale(1);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes slideDownFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  30% {
    opacity: 0.7;
    transform: translateY(-10px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(50px) scale(1);
  }
}

.box.animate-in {
  animation-name: slideUpFadeIn;
}

.box.animate-out {
  animation-name: slideDownFadeOut;
}

.HomeNews {
  width: 100%;
  height: auto;
  padding: 100px 0;
  background: #f1f4fb;
  /* forwards保持动画结束状态 */
}

.HomeNews .HomeNewsmain {
  width: 100%;
  height: auto;
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
}

.HomeNews .HomeNewsmain .swiper {
  height: 100%;
}

.HomeNews .HomeNewsmain .swiper .swiper-slide {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  background: #fff;
}

.HomeNews .HomeNewsmain .swiper .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.HomeNews .HomeNewsmain .swiper .swiper-slide .swiperdate {
  position: absolute;
  top: 30px;
  left: 40px;
  width: 80px;
  height: 80px;
  background-color: #ffca3c;
  color: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0 0 10px 0;
  z-index: 1;
  text-align: center;
}

.HomeNews .HomeNewsmain .swiper .swiper-slide .swiperdate p:nth-child(1) {
  font-size: 36px;
}

.HomeNews .HomeNewsmain .swiper .swiper-slide .swiperdate p:nth-child(2) {
  font-size: 14px;
  font-weight: 700;
}

.HomeNews .HomeNewsmain .swiper .swiper-slide .swipertitle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 117px;
  background: linear-gradient(0deg, #000, transparent);
  z-index: 1;
}

.HomeNews .HomeNewsmain .swiper .swiper-slide .swipertitle p {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  width: 60%;
  height: 40px;
  line-height: 40px;
  position: absolute;
  bottom: 20px;
  left: 19px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.HomeNews .HomeNewsmain .tab {
  height: auto;
  z-index: 99;
}

.HomeNews .HomeNewsmain .tab .tab_list {
  padding: .25rem 0;
  width: 100%;
  height: auto;
  line-height: 50px;
  gap: 8px;
  display: flex;
  justify-content: space-between;
}

.HomeNews .HomeNewsmain .tab .tab_list li {
  flex: 1;
  border: 1px solid #003c96;
  text-align: center;
  font-size: 18px;
}

.HomeNews .HomeNewsmain .tab .tab_list li:hover,
.HomeNews .HomeNewsmain .tab .tab_list .current {
  cursor: pointer;
  font-family: HarmonyOS_Sans_SC_Black;
  background: #003c96;
  color: #fff;
  font-weight: bold;
}

.HomeNews .HomeNewsmain .tab .tab_con {
  background: #fff;
  width: 100%;
  height: auto;
  min-height: 376px;
}

.HomeNews .HomeNewsmain .tab .tab_con .item {
  display: none;
  padding: 25px 40px;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtopdate {
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-family: HarmonyOS_Sans_SC_Light;
  color: #999;
  font-size: 1rem;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop2 {
  width: 100%;
  height: 1.75rem;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop2 a {
  display: block;
  font-size: 26px;
  color: #333;
  font-family: HarmonyOS_Sans_SC_Bold;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop3 {
  color: #666;
  line-height: 24px;
  font-family: HarmonyOS_Sans_SC_Light;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 {
  width: 100%;
  height: 42px;
  justify-content: space-between;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 .itemtop4img1 {
  position: relative;
  height: 42px;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 .itemtop4img1 img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 3px;
  width: 100%;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 .itemtop4span {
  line-height: 42px;
  text-align: center;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 .itemtop4img2 {
  display: block;
  width: 42px;
  height: 42px;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li {
  width: 100%;
  height: 28px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li .dotbox {
  position: relative;
  width: 70%;
  height: 28px;
  line-height: 28px;
  padding-left: 20px;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li .dotbox .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #003c96;
  border-radius: 50%;
  opacity: .2;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li .dotbox a {
  display: block;
  width: 100%;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 1.125rem;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li .dotdate {
  color: #999;
  line-height: 24px;
  font-family: HarmonyOS_Sans_SC_Light;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li:hover .dotbox a {
  color: #003c96;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li {
  width: 100%;
  height: 42px;
  line-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: 1px dashed #e5e5e5;
  cursor: pointer;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li .dotbox {
  position: relative;
  width: 90%;
  height: 42px;
  line-height: 42px;
  padding-left: 20px;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li .dotbox .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #003c96;
  border-radius: 50%;
  opacity: .2;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li .dotbox a {
  display: block;
  width: 100%;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 1.125rem;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li .dotdate {
  color: #333;
  line-height: 42px;
  font-size: 16px;
  font-family: HarmonyOS_Sans_SC_Light;
}

.HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li:hover .dotbox a {
  color: #003c96;
}

.HomeNews .MediaConvergence {
  width: 100%;
  height: 364px;
  margin-top: 30px;
  padding: 30px 40px 50px;
  background: #fff;
}

.HomeNews .MediaConvergence .MediaConvergencetitle {
  width: 100%;
  height: 36px;
  padding-top: 3px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}

.HomeNews .MediaConvergence .MediaConvergencetitle span {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-size: 24px;
  line-height: 36px;
}

.HomeNews .MediaConvergence .MediaConvergencetitle a {
  font-size: 24px;
  color: #003c96;
  cursor: pointer;
  border: 2px solid #003c96;
  border-radius: 50%;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
}

.HomeNews .MediaConvergence .MediaConvergencelist {
  width: 100%;
  height: 220px;
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.HomeNews .MediaConvergence .MediaConvergencelist li {
  flex: 1;
  height: 100%;
}

.HomeNews .MediaConvergence .MediaConvergencelist li a {
  width: 100%;
  height: 158px;
  display: block;
  position: relative;
  overflow: hidden;
}

.HomeNews .MediaConvergence .MediaConvergencelist li a img {
  display: block;
  width: 100%;
  height: 158px;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-object-fit: cover;
  object-fit: cover;
}

.HomeNews .MediaConvergence .MediaConvergencelist li a svg {
  width: 40px;
  height: 40px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.HomeNews .MediaConvergence .MediaConvergencelist li p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-top: 15px;
  width: 100%;
  color: #333;
  text-align: center;
}

.HomeNews .MediaConvergence .MediaConvergencelist li:hover a img {
  transform: scale(1.1);
}

.HomeNews .MediaConvergence .MediaConvergencelist li:hover a svg {
  transform: translate(-50%, -50%) scale(1.2);
}

.HomeNews .MediaConvergence .MediaConvergencelist li:hover p {
  color: #003c96;
}

.Seemore {
  margin: 25px 0 45px;
  display: inline-flex;
  align-items: center;
  color: #fed806;
  cursor: pointer;
  padding-bottom: 10px;
  border-bottom: 2px solid #fed806;
  gap: 45px;
  transition: padding-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.Seemore svg {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 20px;
  height: auto;
}

.Seemore:hover {
  padding-right: 20px;
}

.Seemore:hover svg {
  transform: translateX(20px);
}

.HomeAboutUS {
  width: 100%;
  height: auto;
  padding: 100px 0 0;
  background: #fff;
}

.HomeAboutUS .HomeAboutUSbox {
  padding: 0 0 200px;
  min-height: 917px;
  background-image: url(../images/homeAboutus.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100%;
  color: #fff;
}

.HomeAboutUS .HomeAboutUSbox .container-fluid {
  padding-top: 200px;
}

.HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSboxtitle {
  width: 100%;
  height: auto;
  font-family: HarmonyOS_Sans_SC_Light;
  font-size: 18px;
  line-height: 30px;
}

.HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSboxtitle span {
  font-family: HarmonyOS_Sans_SC_Bold;
}

.HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList {
  width: 60%;
  height: 200px;
  display: flex;
  gap: 20px;
}

.HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li {
  width: 192px;
  font-size: 24px;
  cursor: pointer;
  perspective: 800px;
}

.HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li a {
  width: 100%;
  height: 100%;
  display: block;
}

.HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li a div {
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
  transition: all 0.6s ease;
  gap: 1.25rem;
}

.HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li a div p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #fff;
  font-size: 18px;
}

.HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li a div:hover {
  animation: flip180FadeInOut 1s ease;
}

@keyframes flip180FadeInOut {
  0% {
    opacity: 1;
    transform: rotateY(0deg);
  }
  50% {
    opacity: 0.3;
    transform: rotateY(180deg);
  }
  100% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

.Homebusiness {
  width: 100%;
  height: 960px;
  background-image: url(../images/Homebusiness.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  padding: 60px 0;
  position: relative;
}

.Homebusiness .HomeNewstitle .HomeNewstitleL .span2 {
  color: rgba(224, 224, 224, 0.95);
}

.Homebusiness .business-item {
  position: absolute;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  background: rgba(0, 60, 150, 0.8);
  border-radius: 30px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 34px;
  line-height: 34px;
  min-width: 145px;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  padding-left: 40px;
}

.Homebusiness .business-item .dot {
  display: inline-block;
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  background: #fff;
  box-sizing: content-box;
  border-radius: 50%;
}

.Homebusiness .HomeNewstitle .HomeNewstitleL .span3 span {
  color: #fff;
}

.Homesocial {
  width: 100%;
  height: 700px;
  display: flex;
  flex-direction: row;
}

.Homesocial .Homesocial1boxtitle {
  width: 100%;
  color: white;
  font-weight: bold;
  padding-left: 15px;
}

.Homesocial .Homesocial1 {
  background: url(../images/Homesocial1.png) no-repeat 50%;
  background-size: cover;
}

.Homesocial .Homesocial1 .Homesocial1box {
  position: relative;
  max-width: 600px;
  height: 100%;
  margin: 0 auto;
}

.Homesocial .Homesocial1 .Homesocial1box .seemorebox {
  position: absolute;
  bottom: 100px;
  left: 50%;
  min-width: 200px;
  padding: 0 19px;
  width: -moz-fit-content;
  width: fit-content;
  height: 60px;
  background: #0059d3;
  border-radius: 10px;
  opacity: .7;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  cursor: pointer;
}

.Homesocial .Homesocial1 .Homesocial1box .seemorebox .Seemore {
  line-height: 60px;
  border: 0;
  height: 60px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.Homesocial .Homesocial2 {
  background: url(../images/Homesocial2.png) no-repeat 50%;
  background-size: cover;
}

.Homesocial .Homesocial2 .Homesocial2box {
  position: relative;
  max-width: 600px;
  height: 100%;
  margin: 0 auto;
}

.Homesocial .Homesocial2 .Homesocial2box .Homesocial2cont {
  margin-top: 40px;
  color: #fff;
  font-family: HarmonyOS_Sans_SC_Light;
}

.HomeResources {
  width: 100%;
  height: auto;
  padding: 80px 0 105px;
}

.HomeResources .HomeResourcesm {
  width: 100%;
  height: 350px;
  background-image: url(../images/homeResources.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  color: #fff;
}

.HomeResources .HomeResourcesm .HomeResourcesmcontent {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.5);
}

.HomeResources .HomeResourcesm .title-line {
  margin-top: 13px;
  width: 29px;
  height: 3px;
  background: #fed806;
}

.HomeResources .HomeResourcesm .btn {
  margin-top: 40px;
  display: inline-block;
  transition: transform 0.3s ease;
  /* 添加平滑过渡效果 */
}

.HomeResources .HomeResourcesm .btn img {
  display: block;
  transition: transform 0.3s ease;
  /* 添加平滑过渡效果 */
}

.HomeResources .HomeResourcesm .btn:hover img {
  transform: rotate(45deg);
}

.Hometechnological {
  width: 100%;
  height: 1050px;
  position: relative;
}

.Hometechnological .Hometechnologicaltop {
  width: 100%;
  height: 560px;
  padding: 70px 0 60px;
  background-image: url(../images/Hometechnological.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 560px;
}

.Hometechnological .Hometechnologicaltop .HomeNewstitle .HomeNewstitleL .span2 {
  color: rgba(224, 224, 224, 0.2);
}

.Hometechnological .Hometechnologicaltop .HomeNewstitle .HomeNewstitleL .span3 {
  color: #fff;
}

.Hometechnological .Hometechnologicaltop .HomeNewstitle .HomeNewstitleL .span3 span {
  color: #fff;
}

.Hometechnological .Hometechnologicalbox {
  height: 560px;
  max-width: 1600px;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -42%);
  right: 0;
  bottom: 0;
  z-index: 2;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 560px;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li {
  flex: 1;
  padding: 0 30px;
  height: 100%;
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: relative;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li .HometechnologicalListtitle {
  width: 100%;
  font-family: HarmonyOS_Sans_SC_Bol;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 30px;
  color: #0068f7;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(0deg, rgba(7, 60, 150, 0.3), transparent);
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li .split {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  width: 29px;
  height: 3px;
  transform: translateX(-50%);
  text-align: center;
  font-size: 30px;
  background: #006ee9;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li .item-content {
  margin-top: 158px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 26px;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li .item-btn {
  width: 52px;
  height: 52px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100px;
  opacity: 0;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li .item-btn button {
  border: 0;
  width: 100%;
  height: 100%;
  background: none;
  display: block;
  background-image: url(../images/Hometechnologicaliicon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li:hover .overlay {
  height: 100%;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li:hover .HometechnologicalListtitle {
  top: 76px;
  background: linear-gradient(0deg, #00b7ff 0.14648%, #0075ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li:hover .split {
  top: 115px;
  opacity: 1;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li:hover .item-content {
  opacity: 1;
  animation: content-move-0104b090 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList li:hover .item-btn {
  animation: content-move-0104b090 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 1;
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList .Hometechnologicalli1 {
  background-image: url(../images/Hometechnologicalimg1.png);
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList .Hometechnologicalli2 {
  background-image: url(../images/Hometechnologicalimg2.png);
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList .Hometechnologicalli3 {
  background-image: url(../images/Hometechnologicalimg3.png);
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList .Hometechnologicalli4 {
  background-image: url(../images/Hometechnologicalimg4.png);
}

.Hometechnological .Hometechnologicalbox .HometechnologicalList .Hometechnologicalli5 {
  background-image: url(../images/Hometechnologicalimg5.png);
}

.footer {
  width: 100%;
  height: auto;
  background: #0f1d37;
}

.footer .footer-container {
  width: 1440px;
  height: auto;
}

.iconfixed {
  width: 60px;
  height: 120px;
  position: fixed;
  right: 20px;
  bottom: 50px;
  background: #004098;
  border-radius: 4px;
  opacity: .9;
  z-index: 1;
}

.iconfixed .little-box {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #fff;
  position: relative;
}

.iconfixed .little-box:last-child {
  border-bottom: 0;
}

.iconfixed .little-box img {
  width: 18px;
  height: 18px;
}

.iconfixed .little-box .phone-box {
  display: none;
  transform: translateX(10px);
  transition: all .5s;
  position: absolute;
  right: 68px;
  padding: 10px;
  font-family: HarmonyOS_Sans_SC;
  line-height: 35px;
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.iconfixed .little-box .phone-box .phone-label {
  color: #333;
}

.iconfixed .little-box .phone-box .phone-value {
  color: #004098;
}

.iconfixed .little-box:hover .icon {
  animation: shake-63db01a8 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.iconfixed .little-box:hover .phone-box {
  display: block;
  transform: translateX(0);
  width: -moz-max-content;
  width: max-content;
}

.iconfixed .little-box:hover .phone-box .code-img {
  display: block;
  width: 88px;
  height: 88px;
}

.iconfixed .little-box :last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
}

@keyframes shake-63db01a8 {
  10%,
  90% {
    transform: rotate(-2deg);
  }
  20%,
  80% {
    transform: rotate(20deg);
  }
  30%,
  50%,
  70% {
    transform: rotate(-26deg);
  }
  40%,
  60% {
    transform: rotate(37deg);
  }
}

/* 在中等屏幕及以上添加间距 */
@media (min-width: 768px) {
  .HomeNewsmain .swiperbox {
    padding-right: 1rem;
    /* 右间距 */
  }
  .HomeNewsmain .tabbox {
    padding-left: 1rem;
    /* 可选：添加分隔线 */
  }
}

@media (min-width: 1000px) and (max-width: 2000px) {
  .navbar-brand {
    width: 290px;
    height: 100px;
    background-image: url(../images/logo1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 center;
  }
  .sticky:hover .navbar-brand {
    width: 290px;
    height: 100px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 center;
  }
  .sticky.fixed .navbar-brand {
    width: 290px;
    height: 100px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 center;
  }
}

@media (min-width: 600px) and (max-width: 1000px) {
  .navbar-brand {
    width: 200px;
    height: 100px;
    background-image: url(../images/logo1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 center;
  }
  .sticky:hover .navbar-brand {
    width: 200px;
    height: 100px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 center;
  }
  .sticky.fixed .navbar-brand {
    width: 200px;
    height: 100px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 center;
  }
}



@media (min-width: 1920px) {
  .container-fluid {
    width: 1600px;
  }
  .dropdown-content {
    max-width: 1600px;
    padding: 50px 40px;
  }
}

/* 大屏幕 */
@media (min-width: 1400px) and (max-width: 1919px) {
  .container-fluid {
    max-width: 1320px;
  }
  .sticky .nav-item .nav-link {
    font-size: 1rem;
  }
}

/* 中等屏幕 */
@media (min-width: 1200px) and (max-width: 1399px) {
  .container-fluid {
    max-width: 1140px;
  }
  .sticky .nav-item .nav-link {
    font-size: 14px !important;
  }
  .header .nav-list .nav-item {
    margin-right: 5px;
  }
  .dropdown-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 响应式设计 */
@media (max-width: 768px) {
  .iconfixed {
    display: none;
  }
  .Homeheader {
    height: 500px !important;
  }
  .header {
    height: 250px;
  }
  .header .navbar {
    width: 100%;
    height: 60px;
    padding: 0 15px;
  }
  .header .navbar .navbar-brand {
    height: 60px;
    flex: 1;
    background-size: auto 30px;
  }
  .header .navbar .navbar-toggler {
    width: 40px;
    height: 60px;
    color: #fff;
    font-size: 24px;
    border: 0;
    outline: none;
    resize: none;
  }
  .header .navbar button {
    outline: none;
    resize: none;
  }
  .header .navbar .offcanvas {
    width: 344px;
  }
  .header .navbar .offcanvas-header {
    width: 100%;
    height: 60px;
    padding: 0 20px;
  }
  .header .navbar .offcanvas-header .offcanvas-title img {
    width: 80%;
    height: auto;
  }
  .header .navbar .offcanvas-body {
    padding: 0 16px 20px;
  }
  .header .navbar .offcanvas-body .nav-list {
    height: auto;
  }
  .header .navbar .offcanvas-body .nav-item {
    height: auto;
    width: 100%;
  }
  .header .navbar .offcanvas-body .nav-item .nav-link {
    display: block;
    height: 65px;
    width: 100%;
    line-height: 65px;
    text-align: left;
    padding: 0 16px;
    font-size: 18px;
    border-bottom: 1px solid #999;
  }
  .header .navbar .offcanvas-body .dropdown {
    position: static;
  }
  .header .navbar .offcanvas-body .dropdown-content {
    width: 100%;
    height: auto;
    padding: 12px 16px;
    background: #fff;
  }
  .header .navbar .offcanvas-body .dropdown-content .dropdown-contentL {
    display: block;
  }
  .header .navbar .offcanvas-body .dropdown-content .dropdown-contentL .dropdown-contentLp1,
  .header .navbar .offcanvas-body .dropdown-content .dropdown-contentL .dropdown-contentLp2 {
    display: none;
  }
  .header .navbar .offcanvas-body .dropdown-content .dropdown-contentL .dropdown-list {
    width: 100%;
    margin-top: 0;
    display: block;
  }
  .header .navbar .offcanvas-body .dropdown-content .dropdown-contentL .dropdown-list li {
    /*height: 44px;*/
    width: 100%;
    line-height: 44px;
    padding: 0 16px;
    border-bottom: 1px solid #e5e7eb;
  }
  .header .navbar .offcanvas-body .dropdown-content .dropdown-contentL .dropdown-list li a {
    display: block;
    display: flex;
    justify-content: space-between;
    width: 100%;
    /*height: 44px;*/
  }
  .header .navbar .offcanvas-body .dropdown-content .dropdown-contentR {
    display: none;
  }
  .header .nav-list .nav-link:hover,
  .header .nav-list .active {
    border: 0;
  }
  .header .nav-item .nav-link {
    color: #333 !important;
  }
  .header .sticky.fixed,
  .header .sticky:hover {
    color: #333 !important;
  }
  .header .sticky.fixed .navbar-toggler,
  .header .sticky:hover .navbar-toggler {
    width: 40px;
    height: 60px;
    color: #333;
    font-size: 24px;
    border: 0;
    outline: none;
    resize: none;
  }
  .header .sticky.fixed button,
  .header .sticky:hover button {
    outline: none;
    resize: none;
  }
  .header .navrightsearch,
  .header .navright {
    display: none !important;
  }
  .header .dropdown {
    width: 100%;
    left: 0;
    /* 保持左对齐 */
  }
  .header .nav-link {
    padding: 15px 10px;
    font-size: 0.9em;
  }
  .header .nav-link i {
    margin-right: 5px;
  }
  .header .chinese-values {
    font-size: 2.2rem;
  }
  .header .english-values {
    font-size: 1.4rem;
  }
  .header .carousel-nav {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  .header .indicator {
    width: 28px;
    height: 28px;
    background: none;
  }
  .header .indicator-letter {
    font-size: 12px;
  }
  .header .sticky {
    padding: 0 15px;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
  }
  .header .m-search26,
  .header .m-toCE {
    display: block;
  }
  .header .m-search26 {
    width: 100%;
    height: 40px;
    margin: 40px 0 20px;
    line-height: 40px;
    border: 1px solid #dcdfe6;
    background-color: #fff;
    padding: 0 15px 0 40px;
    border-radius: 20px;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-image: url(../images/search2.png);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 15px center;
  }
  .header .m-search26 input {
    border: none;
    display: block;
    flex: 1;
    line-height: 38px;
    font-size: 12px;
    height: 38px;
    color: #606266;
  }
  .header .m-toCE {
    width: 100%;
    height: 40px;
    background: #f1f4fb;
    border-radius: 20px;
    display: flex;
    font-size: 14px;
  }
  .header .m-toCE a {
    flex: 1;
    border-radius: 20px;
    height: 100%;
    line-height: 40px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #000;
  }
  .header .m-toCE .m-toCEa1 {
    background: #003c96;
    color: #fff;
  }
  .header .carousel-container1 {
    height: 500px;
  }
  .header .carousel-container1 .slide {
    height: 500px;
  }
  .header .carousel-indicators1 {
    width: 100%;
    left: 20px;
  }
  .HomeNewstitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    font-family: Montserrat-Bold, sans-serif;
    /* 加引号，提供回退字体 */
  }
  .HomeNewstitle .HomeNewstitleR {
    width: auto;
    height: 32px;
    line-height: 27px;
    padding-bottom: 5px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    /* 初始宽度 */
    transform-origin: center;
    /* 从中心缩放 */
    border-bottom: 2px solid #003c96;
    color: #003c96;
    font-size: 12px;
    transition: padding-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .HomeNewstitle .HomeNewstitleR svg {
    width: 10px !important;
    height: 27px !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .HomeNewstitle .HomeNewstitleR:hover {
    padding-right: 20px;
  }
  .HomeNewstitle .HomeNewstitleR:hover svg {
    transform: translateX(20px);
  }
  .HomeNewstitle .yellow-line {
    position: absolute;
    left: -100%;
    right: 100.5%;
    top: 58%;
    height: 1px;
    background: #fed806;
  }
  .HomeNewstitle .HomeNewstitleL {
    position: relative;
  }
  .HomeNewstitle .HomeNewstitleL .span2 {
    font-family: Montserrat-Bold;
    text-transform: uppercase;
    z-index: 1;
    opacity: .5;
    color: #e0e0e0;
    position: relative;
    font-weight: 700;
    font-style: italic;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .HomeNewstitle .HomeNewstitleL .span3 {
    z-index: 20;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #003c96;
    margin-top: -14px;
    position: relative;
    padding-left: 15px;
  }
  .HomeNewstitle .HomeNewstitleL .span3 span {
    color: #333333;
    font-size: .75rem;
    line-height: 1rem;
  }
  .HomeNews {
    width: 100%;
    height: auto;
    padding: 48px 20px 40px;
    background: #f1f4fb;
    /* forwards保持动画结束状态 */
  }
  .HomeNews .HomeNewsmain {
    width: 100%;
    height: auto;
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
  }
  .HomeNews .HomeNewsmain .swiper {
    height: 300px;
    padding-bottom: 30px;
  }
  .HomeNews .HomeNewsmain .swiper .swiper-slide {
    width: 100%;
    height: 270px;
    display: block;
    position: relative;
    background: #fff;
  }
  .HomeNews .HomeNewsmain .swiper .swiper-slide img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  .HomeNews .HomeNewsmain .swiper .swiper-slide .swiperdate {
    position: absolute;
    top: 30px;
    left: 40px;
    width: 40px;
    height: 40px;
    background-color: #ffca3c;
    color: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 0 0 10px 0;
    z-index: 1;
  }
  .HomeNews .HomeNewsmain .swiper .swiper-slide .swiperdate p:nth-child(1) {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
  }
  .HomeNews .HomeNewsmain .swiper .swiper-slide .swiperdate p:nth-child(2) {
    height: 16px;
    line-height: 16px;
    font-size: 8px;
    font-weight: 700;
  }
  .HomeNews .HomeNewsmain .swiper .swiper-slide .swipertitle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 117px;
    background: linear-gradient(0deg, #000, transparent);
    z-index: 1;
  }
  .HomeNews .HomeNewsmain .swiper .swiper-slide .swipertitle p {
    font-family: HarmonyOS_Sans_SC;
    font-weight: 400;
    width: 90%;
    height: 50px;
    line-height: 25px;
    position: absolute;
    bottom: 20px;
    left: 19px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .HomeNews .HomeNewsmain .swiper .swiper-pagination {
    padding-right: 5px;
    position: absolute;
    bottom: 0;
    z-index: 9999;
    text-align: center;
  }
  .HomeNews .HomeNewsmain .swiper .swiper-pagination .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #999);
  }
  .HomeNews .HomeNewsmain .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #003c96 !important;
  }
  .HomeNews .HomeNewsmain .tab {
    height: auto;
    z-index: 99;
    margin-top: 1.25rem;
  }
  .HomeNews .HomeNewsmain .tab .tab_list {
    padding: .25rem 0;
    width: 100%;
    height: auto;
    line-height: 40px;
    gap: 8px;
    display: flex;
    justify-content: space-between;
  }
  .HomeNews .HomeNewsmain .tab .tab_list li {
    flex: 1;
    border: 1px solid #003c96;
    text-align: center;
    font-size: 14px;
  }
  .HomeNews .HomeNewsmain .tab .tab_list li:hover,
  .HomeNews .HomeNewsmain .tab .tab_list .current {
    cursor: pointer;
    font-family: HarmonyOS_Sans_SC_Black;
    background: #003c96;
    color: #fff;
    font-weight: bold;
  }
  .HomeNews .HomeNewsmain .tab .tab_con {
    background: #fff;
    width: 100%;
    height: auto;
    min-height: auto;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item {
    display: none;
    padding: 12px 20px;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtopdate {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-family: HarmonyOS_Sans_SC_Light;
    color: #999;
    font-size: 1rem;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop2 {
    width: 100%;
    height: 1.75rem;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop2 a {
    display: block;
    font-size: 1.125rem;
    color: #333;
    font-family: HarmonyOS_Sans_SC_Bold;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop3 {
    color: #666;
    line-height: 24px;
    font-family: HarmonyOS_Sans_SC_Light;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 {
    width: 100%;
    height: 36px;
    justify-content: space-between;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 .itemtop4img1 {
    position: relative;
    height: 36px;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 .itemtop4img1 img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 3px;
    width: 100%;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 .itemtop4span {
    line-height: 36px;
    text-align: center;
    font-size: 16px;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemtop4 .itemtop4img2 {
    display: block;
    width: 36px;
    height: 36px;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li {
    width: 100%;
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li .dotbox {
    position: relative;
    width: 70%;
    height: 28px;
    line-height: 28px;
    padding-left: 20px;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li .dotbox .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #003c96;
    border-radius: 50%;
    opacity: .2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li .dotbox a {
    display: block;
    width: 100%;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 1rem;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li .dotdate {
    color: #999;
    line-height: 24px;
    font-size: .875rem;
    font-family: HarmonyOS_Sans_SC_Light;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemitembox .itemList li:hover .dotbox a {
    color: #003c96;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li {
    width: 100%;
    height: 42px;
    line-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border-bottom: 1px dashed #e5e5e5;
    cursor: pointer;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li .dotbox {
    position: relative;
    width: 90%;
    height: 42px;
    line-height: 42px;
    padding-left: 20px;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li .dotbox .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #003c96;
    border-radius: 50%;
    opacity: .2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li .dotbox a {
    display: block;
    width: 100%;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 1rem;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li .dotdate {
    color: #333;
    line-height: 42px;
    font-size: 1rem;
    font-family: HarmonyOS_Sans_SC_Light;
  }
  .HomeNews .HomeNewsmain .tab .tab_con .item .itemList2 li:hover .dotbox a {
    color: #003c96;
  }
  .HomeNews .MediaConvergence {
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 20px 16px 30px;
    background: #fff;
  }
  .HomeNews .MediaConvergence .MediaConvergencetitle {
    width: 100%;
    height: 36px;
    padding-top: 3px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
  }
  .HomeNews .MediaConvergence .MediaConvergencetitle span {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 24px;
    line-height: 36px;
  }
  .HomeNews .MediaConvergence .MediaConvergencetitle a {
    font-size: 24px;
    color: #003c96;
    cursor: pointer;
    border: 2px solid #003c96;
    border-radius: 50%;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
  }
  .HomeNews .MediaConvergence .MediaConvergencelist {
    width: 100%;
    height: auto;
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .HomeNews .MediaConvergence .MediaConvergencelist li {
    flex: 1;
    height: 100%;
  }
  .HomeNews .MediaConvergence .MediaConvergencelist li a {
    width: 100%;
    height: 120px;
    display: block;
    position: relative;
  }
  .HomeNews .MediaConvergence .MediaConvergencelist li a img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .HomeNews .MediaConvergence .MediaConvergencelist li a svg {
    width: 40px;
    height: 40px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .HomeNews .MediaConvergence .MediaConvergencelist li p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 15px;
    width: 100%;
    font-size: .9rem;
    color: #333;
    text-align: center;
  }
  .HomeNews .MediaConvergence .MediaConvergencelist .li2 {
    display: none;
  }
  .HomeAboutUS {
    width: 100%;
    height: auto;
    padding: 40px 0 0;
    background: #fff;
  }
  .HomeAboutUS .HomeNewstitle {
    padding: 10px 0px 10px 40px;
  }
  .HomeAboutUS .HomeAboutUSbox {
    padding: 80px 20px 40px;
    min-height: auto;
    background-image: url(../images/homeAboutus.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 100%;
    color: #fff;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid {
    padding-top: 20px;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSboxtitle {
    width: 75%;
    height: auto;
    font-family: HarmonyOS_Sans_SC_Light;
    font-size: .9rem;
    line-height: 30px;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSboxtitle span {
    font-family: HarmonyOS_Sans_SC_Bold;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .Seemore {
    margin: 15px 0 15px;
    display: inline-flex;
    align-items: center;
    color: #fed806;
    cursor: pointer;
    padding-bottom: 10px;
    border-bottom: 2px solid #fed806;
    gap: 25px;
    font-size: .8rem;
    transition: padding-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .Seemore svg {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: .8rem;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .Seemore:hover {
    padding-right: 20px;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .Seemore:hover svg {
    transform: translateX(20px);
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList {
    width: 100%;
    height: 100px;
    display: flex;
    gap: 20px;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li {
    flex: 1;
    cursor: pointer;
    perspective: 800px;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li a div {
    background-color: rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform-style: preserve-3d;
    transition: all 0.6s ease;
    gap: .75rem;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li a div img {
    display: inline-block;
    width: 1.2rem;
    height: auto;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li a div p {
    font-size: .8rem;
    line-height: 1rem;
    color: #fff;
  }
  .HomeAboutUS .HomeAboutUSbox .container-fluid .HomeAboutUSList li a div:hover {
    animation: flip180FadeInOut 1s ease;
  }
  @keyframes flip180FadeInOut {
    0% {
      opacity: 1;
      transform: rotateY(0deg);
    }
    50% {
      opacity: 0.3;
      transform: rotateY(180deg);
    }
    100% {
      opacity: 1;
      transform: rotateY(0deg);
    }
  }
  .Homebusiness {
    width: 100%;
    height: 400px;
    background-image: url(../images/Homebusiness.jpg);
    background-repeat: no-repeat;
    background-size: auto 100% !important;
    background-position: center center;
    padding: 20px 40px;
    position: relative;
  }
  .Homebusiness .business-item {
    position: absolute;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    background: rgba(0, 60, 150, 0.8);
    border-radius: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 2rem;
    line-height: 2rem;
    min-width: auto;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    padding: 0 25px 0 40px;
  }
  .Homebusiness .business-item .dot {
    display: inline-block;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: #fff;
    box-sizing: content-box;
    border-radius: 50%;
  }
  .Homebusiness .HomeNewstitle .HomeNewstitleL .span3 span {
    color: #fff;
  }
  .Homesocial {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
  }
  .Homesocial .Homesocial1 {
    height: 400px;
  }
  .Homesocial .Homesocial2 {
    height: 400px;
  }
  .HomeResources {
    width: 100%;
    height: auto;
    padding: 40px 20px;
  }
  .HomeResources .HomeResourcesm {
    width: 100%;
    height: auto;
    background-image: url(../images/homeResources.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    color: #fff;
    position: relative;
  }
  .HomeResources .HomeResourcesm .HomeResourcesmcontent {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.5);
  }
  .HomeResources .HomeResourcesm .title-line {
    margin-top: 13px;
    width: 29px;
    height: 3px;
    background: #fed806;
  }
  .HomeResources .HomeResourcesm .btn {
    right: 5px;
    top: 0;
    width: 65px;
    height: auto;
    display: block;
    position: absolute;
    display: inline-block;
    transition: transform 0.3s ease;
    /* 添加平滑过渡效果 */
  }
  .HomeResources .HomeResourcesm .btn img {
    display: block;
    width: 100%;
    transition: transform 0.3s ease;
    /* 添加平滑过渡效果 */
  }
  .HomeResources .HomeResourcesm .btn:hover img {
    transform: rotate(45deg);
  }
  .Hometechnological {
    width: 100%;
    height: auto;
    padding: 60px 0;
    position: relative;
    background-color: #f1f4fb;
    background-image: url(../images/Hometechnological.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 560px;
  }
  .Hometechnological .Hometechnologicaltop {
    width: 100%;
    height: auto;
    padding: 60px 40px;
  }
  .Hometechnological .Hometechnologicaltop .HomeNewstitle .HomeNewstitleL .span2 {
    color: rgba(224, 224, 224, 0.2);
  }
  .Hometechnological .Hometechnologicaltop .HomeNewstitle .HomeNewstitleL .span3 {
    color: #fff;
  }
  .Hometechnological .Hometechnologicaltop .HomeNewstitle .HomeNewstitleL .span3 span {
    color: #fff;
  }
  .Hometechnological .Hometechnologicalmo {
    height: auto;
    width: 100%;
    padding: 0 40px;
    right: 0;
    bottom: 0;
    z-index: 2;
  }
  .Hometechnological .Hometechnologicalmo .Hometechnologicalmolist {
    width: 100%;
    height: auto;
  }
  .Hometechnological .Hometechnologicalmo .Hometechnologicalmolist li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 255px;
  }
  .Hometechnological .Hometechnologicalmo .Hometechnologicalmolist li .Hometechnologicalmolistimg {
    width: 50%;
    height: 255px;
    background-color: #d0e5fd;
  }
  .Hometechnological .Hometechnologicalmo .Hometechnologicalmolist li .Hometechnologicalmolistimg img {
    display: block;
    height: 255px;
    width: auto;
    margin: 0 auto;
  }
  .Hometechnological .Hometechnologicalmo .Hometechnologicalmolist li .Hometechnologicalmolistbox {
    width: 50%;
    padding: 8% 5% 18%;
    position: relative;
    background-color: #fff;
  }
  .Hometechnological .Hometechnologicalmo .Hometechnologicalmolist li .Hometechnologicalmolistbox .HometechnologicalListtitle {
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
  }
  .Hometechnological .Hometechnologicalmo .Hometechnologicalmolist li .Hometechnologicalmolistbox .HometechnologicalListtitle span {
    color: #003c96;
  }
  .Hometechnological .Hometechnologicalmo .Hometechnologicalmolist li .Hometechnologicalmolistbox .HometechnologicalListtitle button {
    width: 36px;
    height: 36px;
    display: block;
    background-image: url(../images/Hometechnologicaliicon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
  }
  .Hometechnological .Hometechnologicalmo .Hometechnologicalmolist li .Hometechnologicalmolistbox .item-content {
    margin-top: 10%;
    overflow: auto;
    font-size: .9rem;
  }
}

@media (max-width: 480px) {
  .nav-list {
    flex-direction: column;
  }
  .nav-item {
    width: 100%;
  }
  .dropdown {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: none;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    border-top: 1px solid #eee;
    left: 0;
    /* 保持左对齐 */
  }
  .nav-item:hover .dropdown {
    display: block;
  }
  .chinese-values {
    font-size: 1.8rem;
  }
  .english-values {
    font-size: 1.1rem;
  }
  .chinese-dots {
    margin: 0 10px;
  }
  .indicator {
    width: 24px;
    height: 24px;
  }
  .indicator-letter {
    font-size: 11px;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .justify-content-end {
    transform-origin: right center;
  }
  .sticky .nav-item .nav-link {
    font-size: 1rem;
  }
  .mainnav {
    font-size: 1rem;
  }
  .header .dropdown .dropdown-contentLp2 {
    font-size: 16px;
  }
  .header .dropdown .dropdown-list {
    font-size: 12px;
    line-height: 1;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .justify-content-end {
    transform-origin: right center;
  }
  .mainnav {
    font-size: 14px;
  }
  .sticky .nav-item .nav-link {
    font-size: 10px !important;
  }
  .header .nav-list .nav-item {
    margin-right: 5px;
  }
  .navbar-brand {
    width: 400px;
    height: 100px;
  }
  .navbar-brand img {
    width: auto;
    height: 30%;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .justify-content-end {
    transform-origin: right center;
  }
  .mainnav {
    font-size: 12px;
  }
  .mainnav .mainnavbox {
    display: block;
  }
  .mainnav .mainnavbox .mainnavlist {
    width: 100%;
    font-size: 12px;
  }
  .mainnav .mainnavbox .mainnavlocation {
    display: none;
  }
  .sticky .nav-item .nav-link {
    font-size: 10px !important;
  }
  .header .nav-list .nav-item {
    margin-right: 5px;
  }
  .navbar-brand {
    width: 220px;
    height: 100px;
  }
  .navbar-brand img {
    width: auto;
    height: 30%;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

.header .header_main {
  width: 100%;
  height: 600px;
  position: absolute;
  top: 0;
  left: 0;
  font-family: Barlow, Chinese-HarmonyOS, sans-serif;
}

.header .header_main img {
  width: 100%;
  height: 100%;
  display: block;
}

.header .header_main .header-center {
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.header .header_main .header-center-dj{
   left: 70%;   
}

.header .header_main .header-center .title {
  font-size: 48px;
  font-weight: 600;
}

.header .header_main .header-center .title2 {
  white-space: pre-wrap;
  font-size: 20px;
  margin-top: 20px;
}

.mainnav {
  width: 100%;
  height: 90px;
  background: #f8f8f8;
  line-height: 90px;
}

.mainnav .container {
  padding: 0;
}

.mainnav .mainnavbox {
  display: flex;
  width: 100%;
  height: 90px;
  justify-content: space-between;
}

.mainnav .mainnavbox .mainnavlist {
  width: auto;
  height: 90px;
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.mainnav .mainnavbox .mainnavlist1 {
  
  height: 100%;
  display: flex;
  overflow-y: hidden;
  flex-direction: row;
  overflow-x: scroll;
  white-space: nowrap;
  margin-right: 50px;
  gap: 30px;
}

.mainnav .mainnavbox .mainnavlist li {
  border-bottom: 3px solid transparent;
}

.mainnav .mainnavbox .mainnavlist .active {
  color: #073c96;
  border-color: #073c96;
}

.mainnav .mainnavbox .mainnavlist .active a {
  color: #073c96;
}

.mainnav .mainnavbox .mainnavlocation {
  background-image: url(../images/location.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 16px auto;
  padding-left: 26px;
  align-items: center !important;
  white-space: nowrap !important;
  color: #666 !important;
  font-weight: 400;
}

.mainnav .mainnavbox .mainnavlocation span {
  color: #c0c4cc;
  font-size: 18px;
  margin: 0 6px;
}

.mainnav .mainnavbox .mainnavlocation .current {
  color: #17499d;
}

.mainnav2 {
  width: 100%;
  height: 90px;
  background: #f8f8f8;
  line-height: 90px;
}

.mainnav2 .container {
  padding: 0;
}

.mainnav2 .mainnavbox {
  display: flex;
  width: 100%;
  height: 90px;
  flex-direction: row-reverse;
}

.mainnav2 .mainnavbox .mainnavlocation {
  background-image: url(../images/location.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 16px auto;
  padding-left: 26px;
  align-items: center !important;
  white-space: nowrap !important;
  color: #666 !important;
  font-weight: 400;
}

.mainnav2 .mainnavbox .mainnavlocation span {
  color: #c0c4cc;
  font-size: 18px;
  margin: 0 6px;
}

.mainnav2 .mainnavbox .mainnavlocation .current {
  color: #17499d;
}

.Performancebox {
  width: 100%;
  height: auto;
}

.Performancebox .Performance {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}

.Performancebox .Performance .menu-item {
  position: relative;
  height: 350px;
  overflow: hidden;
  cursor: pointer;
}

.Performancebox .Performance .menu-item .img-bg {
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .8s ease;
}

.Performancebox .Performance .menu-item .menu-icon {
  position: absolute;
  left: 30px;
  bottom: 80px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Performancebox .Performance .menu-item .menu-text {
  position: absolute;
  left: 30px;
  bottom: 30px;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 400;
  font-size: 28px;
  color: #fff;
  line-height: 36px;
}

.Performancebox .Performance .menu-item .overlay {
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #004098;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  transition: opacity .8s ease;
}

.Performancebox .Performance .menu-item .overlay .overlay-icon img {
  opacity: 1;
  width: 120px;
  height: 120px;
}

.Performancebox .Performance .menu-item .overlay .overlay-name {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 400;
  font-size: 28px;
  color: #fff;
  line-height: 36px;
}

.Performancebox .Performance .menu-item:hover .overlay {
  opacity: .4;
  visibility: visible;
}

.Performancebox .Performance .menu-item:hover .img-bg {
  transition: .8s ease;
}

.Performancebox .Performance .menu-item:hover .menu-icon,
.Performancebox .Performance .menu-item:hover .menu-text {
  visibility: hidden;
}

.Performancebox .Performancemobile {
  display: none;
}

.Aboutuscontent {
  width: 100%;
  height: auto;
  padding: 40px auto;
  line-height: 44px;
}

.Aboutuscontent .container div {
  width: 100%;
  height: auto;
  line-height: 44px;
  font-size: 18px;
  margin: 20px auto;
  text-indent: 2em;
}

.Aboutuscontent .container .Aboutusdongshi {
  text-align: right;
  margin-top: 80px;
}

.Aboutuscontent .Aboutuscontent2 div {
  margin: 0;
}

.Aboutuscontent .Aboutuscontent2 .Aboutuscontent2title {
  width: 100%;
  height: auto;
  line-height: 60px;
  text-align: center;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-size: 28px;
}

.Aboutuscontent .Aboutuscontent2 p {
  font-family: HarmonyOS_Sans_SC_Bold;
}

.qualification {
  width: 100%;
  height: auto;
}

.qualification .qualification-container {
  background: url(../images/qualificationbg.png) 50%/cover no-repeat;
}

.qualification .qualification-container .intro-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 50px auto 0;
}

.qualification .qualification-container .intro-box .title {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 700;
  font-size: 30px;
  color: #0f4da7;
  line-height: 46px;
  max-width: 790px;
  text-align: center;
  margin-bottom: 24px;
}

.qualification .qualification-container .intro-box .title-separator {
  width: 40px;
  height: 5px;
  background: #fed806;
  margin-bottom: 96px;
}

.qualification .qualification-container .intro-box .intro-list {
  display: flex;
  gap: 150px;
  text-align: center;
  font-weight: 400;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.qualification .qualification-container .intro-box .intro-list .intro-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-icon {
  width: 60px;
  height: 68px;
  margin-bottom: 36px;
}

.qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-icon img {
  max-width: 100%;
  height: auto;
}

.qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-count {
  display: flex;
  align-items: flex-end;
  color: #073c96;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: bold;
}

.qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-count .intro-item-number {
  font-size: 60px;
  line-height: 60px;
  margin-right: 9px;
}

.qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-count .intro-item-unit {
  font-size: 24px;
}

.qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-separator {
  width: 230px;
  height: 1px;
  background: #073c96;
  opacity: .2;
  margin-top: 17px;
  margin-bottom: 22px;
}

.qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-title {
  font-size: 18px;
  color: #333;
  line-height: 36px;
}

.qualificationtab {
  width: 100%;
  height: auto;
}

.qualificationtab .tab_list {
  width: 100%;
  height: 60px;
  display: flex;
  gap: 20px;
  justify-content: center;
}

.qualificationtab .tab_list li {
  cursor: pointer;
  width: 180px;
  height: 60px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  font-size: 20px;
  color: #666;
  text-align: center;
  line-height: 60px;
  border: 1px solid #e5e5e5;
}

.qualificationtab .tab_list .current {
  background: #073c96;
  font-size: 24px;
  color: #fff;
  border: none;
}

.qualificationtab .tab_con {
  width: 100%;
  height: auto;
}

.qualificationtab .tab_con .item {
  display: none;
  padding: 48px 0 105px;
}

.qualificationtab .tab_con .item .tab_conitembox {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem {
  padding: 40px;
  width: 100%;
  max-width: 700px;
  height: 400px;
  background: #f7f8fa;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  font-size: 24px;
  color: #333;
  margin-bottom: 30px;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: linear-gradient(-30deg, #f7f8fa, #0f4da7);
  -o-border-image: linear-gradient(-30deg, #0f4da7, #f7f8fa) 10 10;
  border-image: linear-gradient(-30deg, #0f4da7, #f7f8fa) 10 10;
  margin-right: 12px;
  border-radius: 50%;
  position: relative;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-icon:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f7f8fa;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-name {
  font-size: 24px;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-num {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-size: 40px;
  color: #0f4da7;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-unit {
  font-size: 24px;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper {
  width: 100%;
  height: 250px;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper {
  width: 100%;
  height: 250px;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-button-next:after,
.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-button-prev:after {
  display: none;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-horizontal > .swiper-pagination-bullets,
.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-custom,
.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-fraction {
  bottom: 0;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination {
  text-align: center;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-bullet {
  opacity: .24;
  width: 30px;
  height: 2px;
  border-radius: 0;
  background-color: #c0c4cc !important;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-bullet-active {
  opacity: 1;
  width: 30px;
  border-radius: 0;
  height: 2px;
  background-color: #c0c4cc !important;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper:hover .swiper-button-next:after,
.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper:hover .swiper-button-prev:after {
  display: block;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 310px;
  height: 210px;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.qualificationtab .tab_con .item .tab_conitembox .tab_conitem2 .tab_conitemtitle {
  text-align: center;
  height: 60px;
}

.qualificationtab .tab_con .item .itemtable {
  width: 100%;
  height: auto;
  padding: 14px 30px;
  background: #f7f8fa;
}

.qualificationtab .tab_con .item .itemtable .itemtabletitle {
  width: 100%;
  line-height: 80px;
  text-align: center;
  color: #666666;
  font-size: 28px;
  font-family: HarmonyOS_SansSC_Medium;
}

.qualificationtab .tab_con .item .itemtable .itemtabletr {
  width: 100%;
  height: 66px;
  line-height: 66px;
  display: flex;
  flex-direction: row;
  background: #073c96;
}

.qualificationtab .tab_con .item .itemtable .itemtabletr span {
  display: block;
  flex: 1;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-family: HarmonyOS_SansSC_Medium;
}

.qualificationtab .tab_con .item .itemtable .itemtable2 {
  width: 100%;
  height: 960px;
  overflow-y: scroll;
}

.qualificationtab .tab_con .item .itemtable .itemtable2 .itemtabletd {
  width: 100%;
  height: auto;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-direction: row;
}

.qualificationtab .tab_con .item .itemtable .itemtable2 .itemtabletd span {
  display: block;
  flex: 1;
  padding: 20px;
  line-height: 29px;
  border-right: 1px solid #e5e5e5;
  color: #333333;
  font-size: 20px;
  font-family: HarmonyOS_SansSC;
}

.knowledge .container .top .title {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}

.knowledge .container .top .title .title-text {
  height: 44px;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 500;
  color: #0f4da7;
  line-height: 44px;
  text-align: center;
  margin-bottom: 22px;
}

.knowledge .container .top .title .title-bg {
  width: 40px;
  height: 5px;
  background: #fed806;
}

.knowledge .container .itemtable {
  width: 100%;
  height: auto;
  padding: 14px 30px;
  background: #f7f8fa;
  margin-top: 75px;
}

.knowledge .container .itemtable .itemtabletitle {
  width: 100%;
  line-height: 80px;
  text-align: center;
  color: #666666;
  font-size: 28px;
  font-family: HarmonyOS_SansSC_Medium;
}

.knowledge .container .itemtable .itemtabletitle2 {
  width: 100%;
  line-height: 50px;
  text-align: right;
  color: #666666;
  font-size: 20px;
  font-family: HarmonyOS_SansSC_Medium;
}

.knowledge .container .itemtable .itemtabletbox {
  width: 100%;
  height: 1026px;
}

.knowledge .container .itemtable .itemtabletr {
  width: 100%;
  height: 66px;
  line-height: 66px;
  display: block;
  display: flex;
  flex-direction: row;
  background: #073c96;
  padding-right: 16px;
}

.knowledge .container .itemtable .itemtabletr span {
  display: block;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-family: HarmonyOS_SansSC_Medium;
}

.knowledge .container .itemtable .itemtabletr span:nth-child(1) {
  width: 10%;
}

.knowledge .container .itemtable .itemtabletr span:nth-child(2) {
  width: 25%;
}

.knowledge .container .itemtable .itemtabletr span:nth-child(3),
.knowledge .container .itemtable .itemtabletr span:nth-child(5),
.knowledge .container .itemtable .itemtabletr span:nth-child(6) {
  width: 15%;
}

.knowledge .container .itemtable .itemtabletr span:nth-child(4) {
  width: 20%;
}

.knowledge .container .itemtable .itemtabletr span:nth-child(6) {
  border-right: 0;
}

.knowledge .container .itemtable .itemtable2 {
  width: 100%;
  height: 960px;
  overflow-y: scroll;
}

.knowledge .container .itemtable .itemtable2 .itemtabletd {
  width: 100%;
  height: auto;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-direction: row;
  text-align: center;
}

.knowledge .container .itemtable .itemtable2 .itemtabletd span {
  display: block;
  padding: 20px;
  line-height: 29px;
  border-right: 1px solid #e5e5e5;
  color: #333333;
  font-size: 20px;
  font-family: HarmonyOS_SansSC;
}

.knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(1) {
  width: 10%;
}

.knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(2) {
  width: 25%;
}

.knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(3),
.knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(5),
.knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(6) {
  width: 15%;
}

.knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(4) {
  width: 20%;
}

.development {
  width: 100%;
  height: 1200px;
  background-image: url(../images/developmentbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
}

.development .container {
  padding-top: 120px;
}

.development .developmentitle {
  width: 100%;
  height: auto;
  text-align: center;
  line-height: 66px;
  font-size: 46px;
  color: #0f4da7;
  font-family: HarmonyOS_Sans_SC_Bold;
}

.development .developmentitle span {
  color: #fed806;
}

.development .developmentbox {
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: 121px;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 25px 88px;
}

.development .developmentbox .developmentboxtitle {
  width: 100%;
  height: 119px;
  line-height: 119px;
  color: #333333;
  font-size: 40px;
  font-family: HarmonyOS_Sans_SC;
}

.development .developmentbox .developmentboxcont {
  width: 100%;
  height: auto;
  line-height: 42px;
}

.development .developmentbox .developmentboxcont div {
  height: auto;
  line-height: 42px;
  margin: 0;
  text-indent: 2em;
}

.CompanyNews {
  width: 100%;
  height: auto;
}

.CompanyNews .CompanyNewsBox {
  width: 100%;
  height: 632px;
  display: flex;
  width: 100%;
  gap: 20px;
}

.CompanyNews .CompanyNewsBox .right {
  height: 100%;
  flex: 454;
  min-width: 0;
  flex-direction: column;
  gap: 20px;
}

.CompanyNews .CompanyNewsBox .right .right-item {
  flex: 1;
  min-height: 0;
}

.CompanyNews .CompanyNewsBox .right .right-item .img-card {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.CompanyNews .CompanyNewsBox .right .right-item .img-card:hover img {
  transform: scale(1.1);
}

.CompanyNews .CompanyNewsBox .right .right-item .img-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .3s ease-in-out;
}

.CompanyNews .CompanyNewsBox .right .right-item .img-card .img-tip {
  position: absolute;
  left: 19px;
  bottom: 20px;
}

.CompanyNews .CompanyNewsBox .right .right-item .img-card .date,
.CompanyNews .CompanyNewsBox .right .right-item .img-card .title {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  color: #fff;
}

.CompanyNews .CompanyNewsBox .right .right-item .img-card .date {
  line-height: 26px;
  font-size: 16px;
}

.CompanyNews .CompanyNewsBox .right .right-item .img-card .title {
  line-height: 21px;
  font-size: 18px;
}

.CompanyNews .CompanyNewsBox .left {
  flex: 965;
  height: 632px;
  min-width: 0;
}

.CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}

.CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a:hover img {
  transform: scale(1.1);
}

.CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform .3s ease-in-out;
}

.CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a .swriperab {
  position: absolute;
  bottom: 0;
  left: 28px;
  width: 90%;
  height: auto;
  padding-bottom: 10px;
}

.CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a .swriperab .swiperdate {
  width: 100%;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  color: #fff;
  z-index: 99;
  line-height: 26px;
  font-size: 16px;
}

.CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a .swriperab .swipertitle {
  line-height: 36px;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  font-family: HarmonyOS_Sans_SC_Bold;
}

.CompanyNews .search-container {
  width: 100%;
  height: 50px;
  display: flex;
  margin-top: 60px;
  justify-content: space-between;
  align-items: center;
}

.CompanyNews .search-container .total-box {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  color: #999;
  white-space: nowrap;
  word-spacing: 2px;
  height: 100%;
  line-height: 50px;
}

.CompanyNews .search-container .total-box .total-num {
  color: #003c96;
}

.CompanyNews .search-container .search-box {
  flex: 1;
  height: 100%;
  display: flex;
  gap: 20px;
}

.CompanyNews .search-container .search-box .search-item {
  max-width: 400px;
}

.CompanyNews .search-container .search-box .search-item .input {
  background: #f7f7f7;
  border: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #666;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}

.CompanyNews .search-container .search-box .search-item .input select {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  font-size: 12px;
  color: #666;
}

.CompanyNews .search-container .search-box .search-item .keyword {
  padding: 10px 20px;
}

.CompanyNews .search-container .search-box .search-item .input.keyword {
  cursor: text;
}

.CompanyNews .search-container .search-box .search-item .el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all .3s;
  pointer-events: none;
}

.CompanyNews .search-container .search-box .search-item .search-picker {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CompanyNews .search-container .search-box .search-item .search-picker .el-input__inner,
.CompanyNews .search-container .search-box .search-item .search-picker .el-select input {
  background: #f7f7f7;
  border: none;
}

.CompanyNews .search-container .search-box .search-item .search-picker .el-select input::-moz-placeholder {
  color: #666;
}

.CompanyNews .search-container .search-box .search-item .search-picker .el-select input::placeholder {
  color: #666;
}

.CompanyNews .search-container .search-box .search-item .icon {
  position: absolute;
  width: 18px;
  height: 10px;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
}

.CompanyNews .search-container .search-box .active .dropdown {
  display: block !important;
}

.CompanyNews .search-container .search-box .dropdown div {
  padding: 10px 12px;
  cursor: pointer;
  font-size: 12px;
  color: #666;
}

.CompanyNews .search-container .search-box .dropdown div:hover {
  background-color: #f2f2f2;
}

.CompanyNews .line {
  width: 100%;
  background-color: #eaeaea;
  height: 1px;
}

.CompanyNews .cards-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 60px 0;
  -moz-column-gap: 60px;
  column-gap: 60px;
}

.CompanyNews .cards-container [data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

.CompanyNews .cards-container .card-item {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  display: flex;
  cursor: pointer;
  align-items: flex-start;
}

.CompanyNews .cards-container .card-item .left {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 22px;
}

.CompanyNews .cards-container .card-item .left .date {
  width: -moz-max-content;
  width: max-content;
  height: 24px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  color: #333;
  line-height: 30px;
  margin-bottom: 15px;
}

.CompanyNews .cards-container .card-item .left .year {
  width: 35px;
  height: 13px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  color: #999;
  line-height: 30px;
}

.CompanyNews .cards-container .card-item .line {
  flex: 0 0 1px;
  height: 195px;
  background: #e6e6e6;
  margin-right: 30px;
  position: relative;
}

.CompanyNews .cards-container .card-item .line .grow-line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 22px;
  background: #004098;
}

.CompanyNews .cards-container .card-item:hover .grow-line {
  height: 100%;
  transition: .3s ease;
}

.CompanyNews .cards-container .card-item .right .title {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  color: #333;
  margin-top: -6px;
  margin-bottom: 23px;
}

.CompanyNews .cards-container .card-item .right .description {
  font-family: HarmonyOS_Sans_SC_Light;
  font-weight: 400;
  color: #999;
  line-height: 28px;
  margin-bottom: 38px;
}

.CompanyNews .cards-container .card-item .right .more {
  display: flex;
  align-items: center;
  gap: 12px;
}

.CompanyNews .cards-container .card-item .right .more .more-text {
  font-family: HarmonyOS_Sans_SC_Light;
  font-weight: 400;
  color: #999;
  line-height: 20px;
}

.CompanyNews .cards-container .card-item .right .more .more-icon .arrow {
  cursor: pointer;
  stroke: #999;
  transition: stroke .3s;
}

.CompanyNews .cards-container .card-item:hover .more .more-text,
.CompanyNews .cards-container .card-item:hover .right .title {
  color: #003c96;
}

.CompanyNews .cards-container .card-item:hover .more .more-icon .arrow {
  stroke: #003c96;
}

.construction {
  height: 1040px;
  width: 100%;
  background-image: url(../images/constructionimg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 1136px 431px;
}

.construction .container {
  padding-top: 122px;
  height: 100%;
  position: relative;
}

.construction .container .constructiontitle {
  width: 100%;
  height: auto;
}

.construction .container .constructiontitle p {
  font-size: 46px;
  font-family: HarmonyOS_Sans_SC_Bold;
  color: #0f4da7;
}

.construction .container .constructiontitle span {
  width: 40px;
  height: 5px;
  display: block;
  background: #fed806;
}

.construction .container .constructioncont {
  margin-top: 64px;
  width: 560px;
  height: auto;
  line-height: 35px;
  font-size: 18px;
  font-family: HarmonyOS_Sans_SC;
  color: #333333;
}

.construction .container .constructioncont div {
  text-indent: 2em;
}

.construction .container .constructionimg1 {
  position: absolute;
  top: 256px;
  right: 0;
  width: 540px;
  height: 270px;
  display: block;
}

.construction .container .constructionimg3 {
  position: absolute;
  top: 545px;
  right: 0;
  width: 270;
  height: 270px;
  display: block;
}

.construction .container .constructioncont3 {
  width: 100%;
}

.construction .container .constructionimg2 {
  position: absolute;
  top: 545px;
  right: 290px;
  width: 460px;
  height: 323px;
  display: block;
}

.construction2 {
  background: #fff;
  background-image: none;
}

.construction2 .container {
  padding-top: 110px;
}

.construction2 .constructionimg4 {
  position: absolute;
  top: 176px;
  right: 0;
  width: 702px;
  height: 693px;
  display: block;
}

.Practicesocial {
  width: 100%;
  height: auto;
  padding-top: 48px;
  padding-bottom: 150px;
}

.Practicesocial .Practicesocialtitle {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 400;
  font-size: 46px;
  color: #0f4da7;
  line-height: 58px;
}

.Practicesocial .Practicesocialtitle p {
  margin-bottom: 27px;
  text-align: center;
}

.Practicesocial .Practicesocialtitle span {
  width: 40px;
  height: 5px;
  background: #fed806;
  display: block;
}

.Practicesocial .Practicesocialcont {
  margin-top: 58px;
  margin-bottom: 58px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  color: #333;
  line-height: 40px;
  text-indent: 36px;
  text-align: justify;
}

.Practicesocial .social-card-list {
  display: flex;
  justify-content: center;
  gap: 45px;
  flex-wrap: wrap;
}

.Practicesocial .social-card-list .social-card-item {
  flex: 1;
  position: relative;
}

.Practicesocial .social-card-list .social-card-item img {
  position: absolute;
  height: 280px;
  top: 0;
}

.Practicesocial .social-card-list .social-card-item .card-info {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  font-size: 18px;
  color: #333;
  margin-top: 260px;
  line-height: 36px;
}

.Practicesocial .social-card-list .social-card-item .card-info .social-card-item-title {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 400;
  font-size: 24px;
  color: #004098;
  line-height: 36px;
}

.chemical {
  width: 100%;
  height: auto;
}

.chemical .chemicalBox {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
}

.chemical .chemicalBox .chemicalBoxL {
  position: relative;
  width: 290px;
  border-right: 1px solid #e5e7eb;
  margin-right: 50px;
  /* 添加平滑动画效果 */
  /* 悬停时线的颜色变化 */
  /* 点击效果 */
}

.chemical .chemicalBox .chemicalBoxL .chemicalBoxLline {
  position: absolute;
  right: 0;
  top: 0;
  width: 3px;
  height: 60px;
  /* 与每个菜单项高度相同 */
  background-color: #fed806;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 10;
}

.chemical .chemicalBox .chemicalBoxL .menu-item {
  width: 250px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}

.chemical .chemicalBox .chemicalBoxL .menu-item a {
  display: block;
  width: 240px;
  height: auto;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  text-align: left;
  flex-direction: row;
  padding: 18px 30px;
  border-bottom: 1px solid #e4e7f0;
  margin-right: 50px;
  display: flex;
  align-items: center;
}

.chemical .chemicalBox .chemicalBoxL .menu-item a img {
  vertical-align: middle;
  width: 20px;
  height: auto;
  margin-right: 19px;
}

.chemical .chemicalBox .chemicalBoxL .menu-item a .chemicalimgshow {
  display: block;
}

.chemical .chemicalBox .chemicalBoxL .menu-item a .chemicalimgblue {
  display: none;
}

.chemical .chemicalBox .chemicalBoxL .menu-item:hover,
.chemical .chemicalBox .chemicalBoxL .current {
  background-color: #004098;
}

.chemical .chemicalBox .chemicalBoxL .menu-item:hover a,
.chemical .chemicalBox .chemicalBoxL .current a {
  color: #fff;
}

.chemical .chemicalBox .chemicalBoxL .menu-item:hover a .chemicalimgblue,
.chemical .chemicalBox .chemicalBoxL .current a .chemicalimgblue {
  display: block;
}

.chemical .chemicalBox .chemicalBoxL .menu-item:hover a .chemicalimgshow,
.chemical .chemicalBox .chemicalBoxL .current a .chemicalimgshow {
  display: none;
}

.chemical .chemicalBox .chemicalBoxL .chemicalBoxLline.animating {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.chemical .chemicalBox .chemicalBoxL .menu-item:active {
  transition: transform 0.1s;
}

.chemical .chemicalBox .chemicalBoxR {
  flex: 1;
  height: auto;
}

.chemical .chemicalBox .chemicalBoxR .chemicalBoxRtitle {
  width: 100%;
  margin-bottom: 50px;
  display: flex;
  align-items: flex-end;
  gap: 24px;
}

.chemical .chemicalBox .chemicalBoxR .chemicalBoxRtitle .span1 {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 400;
  color: #004098;
  line-height: 58px;
  font-size: 46px;
}

.chemical .chemicalBox .chemicalBoxR .chemicalBoxRtitle .span2 {
  font-family: HarmonyOS_Sans_SC_Light;
  font-weight: 400;
  font-size: 18px;
  color: #666;
  line-height: 32px;
  display: flex;
}

.chemical .chemicalBox .chemicalBoxR .chemicalBoxRtitle .span2 span {
  color: #004098;
}

.chemical .chemicalBox .chemicalBoxR .card-list {
  display: flex;
  flex-direction: column;
}

.chemical .chemicalBox .chemicalBoxR .card-list .card-item {
  background: #f8f8f8;
}

.chemical .chemicalBox .chemicalBoxR .card-list .card-item .left-img {
  overflow: hidden;
}

.chemical .chemicalBox .chemicalBoxR .card-list .card-item .left-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .3s;
}

.chemical .chemicalBox .chemicalBoxR .card-list .card-item .left-img:hover img {
  transform: scale(1.1);
}

.chemical .chemicalBox .chemicalBoxR .card-list .card-item .right-sec {
  flex: 1;
}

.chemical .chemicalBox .chemicalBoxR .card-list .card-item .card-title {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 400;
  font-size: 28px;
  color: #333;
  line-height: 40px;
  margin-bottom: 22px;
}

.chemical .chemicalBox .chemicalBoxR .el-pagination {
  margin-top: 80px;
  text-align: center;
}

@media (max-width: 768px) {
  .header .header_main {
    width: 100%;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .header .header_main img {
    width: 100%;
    height: 100%;
    display: block;
  }
  .header .header_main .header-center {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .header .header_main .header-center .title {
    font-size: 24px;
    font-weight: 600;
  }
  .header .header_main .header-center .title2 {
    white-space: pre-wrap;
    font-size: 10px;
    margin-top: 10px;
  }
  .Aboutuscontent {
    width: 100%;
    height: auto;
  }
  .Aboutuscontent .container {
    padding-top: 10px;
  }
  .Aboutuscontent .container div {
    width: 100%;
    height: auto;
    line-height: 36px;
    text-indent: 36px;
    font-size: 1rem;
    margin: 20px auto;
    text-indent: 2em;
    font-size: 14px;
  }
  .Aboutuscontent .Aboutuscontent2 div {
    margin: 0;
  }
  .mainnav {
    width: 100%;
    height: 60px;
    background: #f8f8f8;
    line-height: 60px;
  }
  .mainnav .container {
    padding: 0;
  }
  .mainnav .mainnavbox {
    display: flex;
    width: 100%;
    overflow-x: scroll;
    height: 60px;
    line-height: 60px;
    justify-content: space-between;
  }
  .mainnav .mainnavbox .mainnavlist {
    height: 60px;
    width: auto;
    display: flex;
    line-height: 60px;
    flex-direction: row;
    gap: 10px;
    padding-left: 15px;
  }
  .mainnav .mainnavbox .mainnavlist li {
    height: 60px;
    line-height: 60px;
    border-bottom: 3px solid transparent;
    min-width: 80px;
    text-align: center;
  }
  .mainnav .mainnavbox .mainnavlist li a {
    display: block;
    font-size: 12px;
  }
  .mainnav .mainnavbox .mainnavlist .active {
    color: #073c96;
    border-color: #073c96;
  }
  .mainnav .mainnavbox .mainnavlist .active a {
    color: #073c96;
  }
  .mainnav .mainnavbox .mainnavlocation {
    display: none;
  }
  .qualification {
    width: 100%;
    height: auto;
  }
  .qualification .qualification-container {
    background: url(../images/qualificationbg.png) 50%/cover no-repeat;
  }
  .qualification .qualification-container .intro-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto 0;
    padding-bottom: 20px;
  }
  .qualification .qualification-container .intro-box .title {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 700;
    color: #0f4da7;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    padding: 0 25px;
  }
  .qualification .qualification-container .intro-box .title-separator {
    width: 40px;
    height: 5px;
    background: #fed806;
    margin-bottom: 96px;
  }
  .qualification .qualification-container .intro-box .intro-list {
    display: flex;
    gap: 32px;
    text-align: center;
    font-weight: 400;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
  .qualification .qualification-container .intro-box .intro-list .intro-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-icon {
    width: 60px;
    height: 68px;
    margin-bottom: 36px;
  }
  .qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-icon img {
    max-width: 100%;
    height: auto;
  }
  .qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-count {
    display: flex;
    align-items: flex-end;
    color: #073c96;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: bold;
  }
  .qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-count .intro-item-number {
    font-size: 60px;
    line-height: 60px;
    margin-right: 9px;
  }
  .qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-count .intro-item-unit {
    font-size: 24px;
  }
  .qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-separator {
    width: 115px;
  }
  .qualification .qualification-container .intro-box .intro-list .intro-item .intro-item-title {
    font-size: 12px;
    line-height: 18px;
  }
  .qualificationtab {
    width: 100%;
    height: auto;
  }
  .qualificationtab .tab_list {
    width: 100%;
    height: 60px;
    display: flex;
    gap: 10px;
    justify-content: center;
  }
  .qualificationtab .tab_list li {
    width: 110px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
  }
  .qualificationtab .tab_list .current {
    font-size: 14px;
    font-weight: 700;
  }
  .qualificationtab .tab_con {
    width: 100%;
    height: auto;
  }
  .qualificationtab .tab_con .item {
    display: none;
    padding: 0;
  }
  .qualificationtab .tab_con .item .tab_conitembox {
    width: 100%;
    height: auto;
    display: block;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem {
    padding: 16px;
    width: 100%;
    max-width: 700px;
    height: auto;
    background: #f7f8fa;
    margin-bottom: 20px;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle {
    font-family: HarmonyOS_Sans_SC;
    font-weight: 400;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: linear-gradient(-30deg, #f7f8fa, #0f4da7);
    -o-border-image: linear-gradient(-30deg, #0f4da7, #f7f8fa) 10 10;
    border-image: linear-gradient(-30deg, #0f4da7, #f7f8fa) 10 10;
    margin-right: 12px;
    border-radius: 50%;
    position: relative;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-icon:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f7f8fa;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-name {
    font-size: 14px;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-num {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-size: 24px;
    color: #0f4da7;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .tab_conitemtitle .card-unit {
    font-size: 14px;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper {
    width: 100%;
    height: 150px;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper {
    width: 100%;
    height: 150px;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-button-next:after,
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-button-prev:after {
    display: none;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-horizontal > .swiper-pagination-bullets,
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-custom,
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-fraction {
    bottom: 0;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination {
    text-align: center;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-bullet {
    opacity: .24;
    width: 15px;
    height: 2px;
    border-radius: 0;
    background-color: #c0c4cc !important;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper .swiper-pagination-bullet-active {
    opacity: 1;
    width: 15px;
    border-radius: 0;
    height: 2px;
    background-color: #c0c4cc !important;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper:hover .swiper-button-next:after,
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper:hover .swiper-button-prev:after {
    display: block;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 178px;
    height: 120px;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem .qualificationswiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .qualificationtab .tab_con .item .tab_conitembox .tab_conitem2 .tab_conitemtitle {
    text-align: center;
    height: 60px;
  }
  .qualificationtab .tab_con .item .itemtable {
    width: 100%;
    height: auto;
    padding: 14px 16px;
    background: #f7f8fa;
  }
  .qualificationtab .tab_con .item .itemtable .itemtabletitle {
    width: 100%;
    line-height: 60px;
    text-align: center;
    color: #666666;
    font-size: 18px;
    font-family: HarmonyOS_SansSC_Medium;
  }
  .qualificationtab .tab_con .item .itemtable .itemtabletr {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: flex;
    flex-direction: row;
    background: #073c96;
  }
  .qualificationtab .tab_con .item .itemtable .itemtabletr span {
    display: block;
    flex: 1;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: HarmonyOS_SansSC_Medium;
  }
  .qualificationtab .tab_con .item .itemtable .itemtable2 {
    width: 100%;
    height: auto;
  }
  .qualificationtab .tab_con .item .itemtable .itemtable2 .itemtabletd {
    width: 100%;
    height: auto;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: row;
  }
  .qualificationtab .tab_con .item .itemtable .itemtable2 .itemtabletd span {
    display: block;
    flex: 1;
    padding: 5px 10px;
    line-height: 20px;
    border-right: 1px solid #e5e5e5;
    color: #333333;
    font-size: 12px;
    font-family: HarmonyOS_SansSC;
  }
  .development {
    width: 100%;
    height: auto;
    background-image: url(../images/developmentbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
  }
  .development .container {
    padding-top: 20px;
  }
  .development .developmentitle {
    width: 100%;
    height: auto;
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: #0f4da7;
    font-family: HarmonyOS_Sans_SC_Bold;
  }
  .development .developmentitle span {
    color: #fed806;
  }
  .development .developmentbox {
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255, 0.6);
    margin-top: 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 16px;
  }
  .development .developmentbox .developmentboxtitle {
    width: 100%;
    height: 46px;
    line-height: 46px;
    color: #333333;
    font-size: 1rem;
    font-family: HarmonyOS_Sans_SC;
  }
  .development .developmentbox .developmentboxcont {
    width: 100%;
    height: auto;
    line-height: 30px;
  }
  .development .developmentbox .developmentboxcont div {
    height: auto;
    line-height: 30px;
    margin: 0;
    font-size: .8rem;
    text-indent: 2em;
  }
  .CompanyNews {
    width: 100%;
    height: auto;
  }
  .CompanyNews .CompanyNewsBox {
    width: 100%;
    height: 300px;
    width: 100%;
  }
  .CompanyNews .CompanyNewsBox .right {
    display: none;
  }
  .CompanyNews .CompanyNewsBox .left {
    width: 100%;
    height: 300px;
    min-width: 0;
  }
  .CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
  }
  .CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a:hover img {
    transform: scale(1.1);
  }
  .CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform .3s ease-in-out;
  }
  .CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a .swriperab {
    position: absolute;
    bottom: 0;
    left: 1rem;
    width: 90%;
    height: auto;
    padding-bottom: .5rem;
  }
  .CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a .swriperab .swiperdate {
    width: 100%;
    font-family: HarmonyOS_Sans_SC;
    font-weight: 400;
    color: #fff;
    z-index: 99;
    line-height: 26px;
    font-size: .8rem;
  }
  .CompanyNews .CompanyNewsBox .left .swiper-wrapper .swiper-slide a .swriperab .swipertitle {
    line-height: 30px;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    font-family: HarmonyOS_Sans_SC_Bold;
  }
  .CompanyNews .search-container {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .CompanyNews .search-container .total-box {
    font-family: HarmonyOS_Sans_SC;
    font-weight: 400;
    color: #999;
    white-space: nowrap;
    word-spacing: 2px;
    height: 100%;
    line-height: 50px;
  }
  .CompanyNews .search-container .total-box .total-num {
    color: #003c96;
  }
  .CompanyNews .search-container .search-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .CompanyNews .search-container .search-box .search-item {
    flex: 1;
  }
  .CompanyNews .search-container .search-box .search-item .input {
    background: #f7f7f7;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #666;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
  }
  .CompanyNews .search-container .search-box .search-item .input select {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 5px;
    font-size: 12px;
    color: #666;
  }
  .CompanyNews .search-container .search-box .search-item .keyword {
    padding: 10px 20px;
  }
  .CompanyNews .search-container .search-box .search-item .input.keyword {
    cursor: text;
  }
  .CompanyNews .search-container .search-box .search-item .el-input__suffix {
    position: absolute;
    height: 100%;
    right: 5px;
    top: 0;
    text-align: center;
    color: #c0c4cc;
    transition: all .3s;
    pointer-events: none;
  }
  .CompanyNews .search-container .search-box .search-item .search-picker {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .CompanyNews .search-container .search-box .search-item .search-picker .el-input__inner,
  .CompanyNews .search-container .search-box .search-item .search-picker .el-select input {
    background: #f7f7f7;
    border: none;
  }
  .CompanyNews .search-container .search-box .search-item .search-picker .el-select input::-moz-placeholder {
    color: #666;
  }
  .CompanyNews .search-container .search-box .search-item .search-picker .el-select input::placeholder {
    color: #666;
  }
  .CompanyNews .search-container .search-box .search-item .search-picker img {
    display: block;
    width: .8rem !important;
    height: .8rem !important;
  }
  .CompanyNews .search-container .search-box .search-item .icon {
    position: absolute;
    width: 18px;
    height: 10px;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
  }
  .CompanyNews .search-container .search-box .active .dropdown {
    display: block !important;
  }
  .CompanyNews .search-container .search-box .dropdown div {
    padding: 10px 12px;
    cursor: pointer;
    font-size: 12px;
    color: #666;
  }
  .CompanyNews .search-container .search-box .dropdown div:hover {
    background-color: #f2f2f2;
  }
  .CompanyNews .line {
    width: 100%;
    background-color: #eaeaea;
    height: 1px;
  }
  .CompanyNews .cards-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 20px 0;
    -moz-column-gap: 20px;
    column-gap: 20px;
    gap: 20px;
  }
  .CompanyNews .cards-container [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
  }
  .CompanyNews .cards-container .card-item {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    display: flex;
    cursor: pointer;
    align-items: flex-start;
  }
  .CompanyNews .cards-container .card-item .left {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 22px;
  }
  .CompanyNews .cards-container .card-item .left .date {
    width: -moz-max-content;
    width: max-content;
    height: 24px;
    font-family: HarmonyOS_Sans_SC;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .CompanyNews .cards-container .card-item .left .year {
    width: 35px;
    height: 13px;
    font-family: HarmonyOS_Sans_SC;
    font-weight: 400;
    color: #999;
    line-height: 30px;
  }
  .CompanyNews .cards-container .card-item .line {
    flex: 0 0 1px;
    height: 195px;
    background: #e6e6e6;
    margin-right: 30px;
    position: relative;
  }
  .CompanyNews .cards-container .card-item .line .grow-line {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 22px;
    background: #004098;
  }
  .CompanyNews .cards-container .card-item:hover .grow-line {
    height: 100%;
    transition: .3s ease;
  }
  .CompanyNews .cards-container .card-item .right .title {
    font-family: HarmonyOS_Sans_SC;
    font-weight: 400;
    color: #333;
    margin-top: -6px;
    margin-bottom: 23px;
  }
  .CompanyNews .cards-container .card-item .right .description {
    font-family: HarmonyOS_Sans_SC_Light;
    font-weight: 400;
    color: #999;
    line-height: 28px;
    margin-bottom: 38px;
  }
  .CompanyNews .cards-container .card-item .right .more {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .CompanyNews .cards-container .card-item .right .more .more-text {
    font-family: HarmonyOS_Sans_SC_Light;
    font-weight: 400;
    color: #999;
    line-height: 20px;
  }
  .CompanyNews .cards-container .card-item .right .more .more-icon .arrow {
    cursor: pointer;
    stroke: #999;
    transition: stroke .3s;
  }
  .CompanyNews .cards-container .card-item:hover .more .more-text,
  .CompanyNews .cards-container .card-item:hover .right .title {
    color: #003c96;
  }
  .CompanyNews .cards-container .card-item:hover .more .more-icon .arrow {
    stroke: #003c96;
  }
  .construction {
    height: auto;
    width: 100%;
    padding-bottom: 20px;
    background-image: url(../images/constructionimg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
  }
  .construction .container {
    padding-top: 42px;
    position: none;
  }
  .construction .container .constructiontitle {
    width: 100%;
    height: auto;
  }
  .construction .container .constructiontitle p {
    line-height: 46px;
    font-size: 20px;
    color: #0f4da7;
    font-family: HarmonyOS_Sans_SC_Bold;
  }
  .construction .container .constructiontitle span {
    width: 30px;
    height: 4px;
    display: block;
    background: #fed806;
  }
  .construction .container .constructioncont {
    margin-top: 20px;
    width: 100%;
    height: auto;
    line-height: 32px;
    font-size: 1rem;
    font-family: HarmonyOS_Sans_SC;
    color: #333333;
  }
  .construction .container .constructioncont div {
    text-indent: 2em;
  }
  .construction .container .constructionimg1,
  .construction .container .constructionimg2,
  .construction .container .constructionimg3 {
    width: 100%;
    height: auto;
    display: block;
    position: static;
    margin-top: 20px;
  }
  .construction2 {
    background: #fff;
    background-image: none;
  }
  .construction2 .constructionimg4 {
    display: block;
    width: 100%;
    height: auto;
    position: static;
  }
  .Performancebox {
    width: 100%;
    height: auto;
  }
  .Performancebox .container {
    padding-top: 30px;
  }
  .Performancebox .Performance {
    display: none;
  }
  .Performancebox .Performancemobile {
    display: block;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .Performancebox .Performancemobile li {
    width: 100%;
    height: 155px;
    display: flex;
    position: relative;
    flex-direction: row;
  }
  .Performancebox .Performancemobile li .Performancemobileimg {
    width: 53%;
    height: 100%;
  }
  .Performancebox .Performancemobile li .Performancemobileimg img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .Performancebox .Performancemobile li .Performancemobileicon {
    position: absolute;
    left: 53%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: #003b95;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4e77b5;
  }
  .Performancebox .Performancemobile li .Performancemobilename {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47%;
    background-color: #003b95;
    font-size: 20px;
    text-align: center;
    color: #fff;
  }
  .Performancebox .Performancemobile .reverse {
    flex-direction: row-reverse;
  }
  .Performancebox .Performancemobile .reverse .Performancemobileicon {
    left: 47%;
  }
  .mainnav2 {
    width: 100%;
    height: 60px;
    background: #f8f8f8;
    line-height: 60px;
  }
  .mainnav2 .container {
    padding: 0;
    padding-right: 10px;
  }
  .mainnav2 .mainnavbox {
    display: flex;
    width: 100%;
    height: 60px;
    flex-direction: row-reverse;
  }
  .mainnav2 .mainnavbox .mainnavlocation {
    background-image: url(../images/location.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 12px auto;
    padding-left: 16px;
    align-items: center !important;
    white-space: nowrap !important;
    color: #666 !important;
    font-weight: 400;
    font-size: 1rem;
  }
  .mainnav2 .mainnavbox .mainnavlocation span {
    color: #c0c4cc;
    font-size: 1rem;
    margin: 0 4px;
  }
  .mainnav2 .mainnavbox .mainnavlocation .current {
    color: #17499d;
  }
  .Practicesocial {
    width: 100%;
    height: auto;
    padding: 0 0;
  }
  .Practicesocial .container {
    padding: 50px 30px 40px;
  }
  .Practicesocial .Practicesocialtitle {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #0f4da7;
  }
  .Practicesocial .Practicesocialtitle p {
    margin-bottom: 12px;
    text-align: center;
  }
  .Practicesocial .Practicesocialtitle span {
    width: 60px;
  }
  .Practicesocial .Practicesocialcont {
    margin: 24px 0;
    font-size: 14px;
    line-height: 26px;
    text-indent: 28px;
  }
  .Practicesocial .social-card-list {
    flex-direction: column;
    gap: 40px;
  }
  .Practicesocial .social-card-list .social-card-item img {
    position: static;
    height: auto;
    margin-bottom: 16px;
  }
  .Practicesocial .social-card-list .social-card-item .card-info {
    font-size: 1rem;
    line-height: 32px;
    margin-top: 0;
  }
  .Practicesocial .social-card-list .social-card-item .card-info .social-card-item-title {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 400;
    font-size: 20px;
    color: #004098;
    line-height: 28px;
  }
  .chemicalmobile {
    width: 100%;
    height: auto;
  }
  .chemicalmobile .container {
    padding: 48px 20px 40px;
  }
  .chemicalmobile .container .chemicalBoxtop {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }
  .chemicalmobile .container .chemicalBoxtop .menu-itemm {
    width: 48%;
    height: 80px;
    line-height: 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    border: 1px solid #e4e7f0;
  }
  .chemicalmobile .container .chemicalBoxtop .menu-itemm a {
    display: block;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .chemicalmobile .container .chemicalBoxtop .menu-itemm a img {
    width: auto;
    height: 1rem;
    vertical-align: middle;
  }
  .chemicalmobile .container .chemicalBoxtop .menu-itemm a .chemicalimgshow {
    display: block;
  }
  .chemicalmobile .container .chemicalBoxtop .menu-itemm a .chemicalimgblue {
    display: none;
  }
  .chemicalmobile .container .chemicalBoxtop .current {
    background: #004098;
  }
  .chemicalmobile .container .chemicalBoxtop .current a {
    color: #fff;
  }
  .chemicalmobile .container .chemicalBoxtop .current a .chemicalimgshow {
    display: none;
  }
  .chemicalmobile .container .chemicalBoxtop .current a .chemicalimgblue {
    display: block;
  }
  .chemicalmobile .container .chemicalBoxR {
    width: 100%;
    height: auto;
    margin-top: 60px;
  }
  .chemicalmobile .container .chemicalBoxR .chemicalBoxRtitle {
    width: 100%;
    margin-bottom: 50px;
    display: flex;
    align-items: flex-end;
    gap: 12px;
    /*height: 80px;*/
    line-height: 80px;
    border-bottom: 1px solid #e4e7f0;
  }
  .chemicalmobile .container .chemicalBoxR .chemicalBoxRtitle .span1 {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 400;
    color: #004098;
    line-height: 68px;
    font-size: 30px;
    display: block;
    height: 100%;
    border-bottom: 5px solid #fed806;
  }
  .chemicalmobile .container .chemicalBoxR .chemicalBoxRtitle .span2 {
    font-family: HarmonyOS_Sans_SC_Light;
    font-weight: 400;
    font-size: 16px;
    width: auto;white-space: nowrap;
    color: #666;
    display: flex;
  }
  .chemicalmobile .container .chemicalBoxR .chemicalBoxRtitle .span2 span {
    color: #004098;
  }
  .chemicalmobile .container .chemicalBoxR .card-list {
    display: flex;
    flex-direction: column;
  }
  .chemicalmobile .container .chemicalBoxR .card-list .card-item {
    background: #f8f8f8;
    margin-bottom: 20px;
  }
  .chemicalmobile .container .chemicalBoxR .card-list .card-item .left-img {
    overflow: hidden;
  }
  .chemicalmobile .container .chemicalBoxR .card-list .card-item .left-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s;
  }
  .chemicalmobile .container .chemicalBoxR .card-list .card-item .left-img:hover img {
    transform: scale(1.1);
  }
  .chemicalmobile .container .chemicalBoxR .card-list .card-item .right-sec {
    flex: 1;
  }
  .chemicalmobile .container .chemicalBoxR .card-list .card-item .card-title {
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 400;
    font-size: 20px;
    color: #333;
    line-height: 32px;
    margin-bottom: 22px;
  }
  .chemicalmobile .container .chemicalBoxR .el-pagination {
    margin-top: 80px;
    text-align: center;
  }
}

.safe {
  width: 100%;
  height: auto;
}

.safe .card-list {
  gap: 30px;
  display: flex;
  flex-direction: column;
}

.safe .card-list .reverse {
  flex-direction: row-reverse;
}

.safe .card-list .card-item {
  display: flex;
  background: #f7f8fa;
}

.safe .card-list .card-item .card-text {
  flex: 1;
  font-weight: 400;
  color: #333;
  line-height: 58px;
  font-size: 18px;
  padding: 70px;
}

.safe .card-list .card-item .card-text .card-key {
  font-family: HarmonyOS_Sans_SC;
  color: #073c96;
}

.safe .card-list .card-item .card-text .card-title {
  font-family: HarmonyOS_Sans_SC;
  font-size: 46px;
  margin-bottom: 16px;
}

.safe .card-list .card-item .card-text .title-separator {
  width: 40px;
  height: 5px;
  background: #fed806;
  margin-bottom: 46px;
}

.safe .card-list .card-item .card-text .card-desc {
  font-family: HarmonyOS_Sans_SC_Light;
  line-height: 40px;
}

.safe .card-list .card-item .card-image {
  overflow: hidden;
}

.safe .card-list .card-item .card-image img {
  transition: transform .3s ease;
  width: 600px;
  height: 100%;
}

.safe .card-list .card-item .card-image:hover img {
  transform: scale(1.1);
}

@media (max-width: 1023px) {
  .safe .card-list .card-item {
    flex-direction: column;
  }
}

@media (max-width: 1023px) {
  .safe .card-list .card-item .card-image img {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .safe .card-list .card-item .card-text {
    padding: 30px 15px;
  }
}

@media (max-width: 768px) {
  .safe .card-list .card-item .card-text .card-key {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .safe .card-list .card-item .card-text .card-title {
    font-size: 24px;
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .safe .card-list .card-item .card-text .title-separator {
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  .safe .card-list .card-item .card-text .card-desc {
    font-size: 14px;
    line-height: 28px;
  }
}

@media (max-width: 1023px) {
  .safe .card-list .reverse {
    flex-direction: column;
  }
}

.Aboutus {
  width: 100%;
  height: auto;
}

.Aboutus .card-list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.Aboutus .card-list .card-item {
  width: 272px;
  background: #f7f8fa;
  border-radius: 8px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 26px 46px;
}

.Aboutus .card-list .card-item .card-contactMethod {
  font-size: 18px;
  margin-top: 22px;
  margin-bottom: 26px;
}

.Aboutus .card-list .card-item .card-icon {
  width: 80px;
  height: 80px;
  background: #073c96;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Aboutus .card-list .card-item .card-icon img {
  width: 26px;
  height: 28px;
}

.Aboutus .card-list .card-item .card-value {
  text-align: center;
}

.Aboutus .card-list .card-item:hover {
  background: #fff;
  box-shadow: 0 0 32px 0 rgba(7, 60, 150, 0.08);
}

.Aboutus .card-list .card-item:hover .card-icon {
  background: #fed806;
}

@media (max-width: 1023px) {
  .Aboutus.card-list {
    gap: 15px;
  }
}

@media (max-width: 1023px) {
  .Aboutus .card-list .card-item {
    padding: 20px 15px;
    flex: 1 0 20%;
    min-width: 165px;
  }
}

@media (max-width: 1023px) {
  .Aboutus .card-list .card-item .card-contactMethod {
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media (max-width: 1023px) {
  .Aboutus .card-list .card-item .card-value {
    font-size: 14px;
  }
}

.CompanyDetails {
  width: 100%;
  height: auto;
}

.CompanyDetails .article {
  background: #fff;
  border: 1px solid #ededed;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 56px;
}

.CompanyDetails .article .news-title {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 600;
  color: #333;
  line-height: 48px;
  margin-bottom: 55px;
  text-align: center;
}

.CompanyDetails .article .sub-title {
  display: flex;
  align-items: center;
  gap: 119px;
  margin-bottom: 50px;
}

.CompanyDetails .article .sub-title span {
  font-family: HarmonyOS_Sans_SC_Light;
  font-weight: 400;
  color: #666;
  line-height: 21px;
}

.CompanyDetails .article .sub-title .source {
  align-items: center;
}

.CompanyDetails .article .sub-title .time {
  display: flex;
  align-items: center;
}

.CompanyDetails .article .line {
  width: 100%;
  background: #ededed;
  height: 1px;
  margin-bottom: 2px;
}

.CompanyDetails .article .line-bg {
  width: 100%;
  background: #ededed;
  height: 4px;
  margin-bottom: 70px;
}

.CompanyDetails .article .news-content {
  width: 100%;
  height: auto;
}

.CompanyDetails .article .news-content td,.CompanyDetails .article .news-content tr,.CompanyDetails .article .news-content td{
    border: 1px solid #000;
}

.CompanyDetails .article .news-content div img {
  margin: 10px auto 10px;
  max-width: 95%;
  display: block;
  height: auto!important;
}

.CompanyDetails .aboutList {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.CompanyDetails .aboutList .aboutListleft .aboutListitem {
  display: flex;
}

.CompanyDetails .aboutList .aboutListleft .aboutListitem .aboutListtitle {
  font-family: HarmonyOS_Sans_SC_Light;
  font-weight: 400;
  color: #666;
  line-height: 21px;
}

.CompanyDetails .aboutList .aboutListleft .aboutListitem .aboutListcontent {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  color: #999;
  cursor: pointer;
}

.CompanyDetails .aboutList .aboutListright {
  width: 130px;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #18489b;
  text-align: center;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  font-size: 18px;
  color: #18489b;
  line-height: 48px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .CompanyDetails .news-content p {
    font-size: 14px;
  }
}

.Newsabout .media {
  padding: 80px 20px 34px 20px;
  max-width: 1440px;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 34px;
}

.Newsabout .media .video-container {
  width: 100%;
  display: flex;
}

.Newsabout .media .video-container .right {
  flex: 495;
  display: flex;
  background: #f5f7fa;
}

.Newsabout .media .video-container .right .top-btn {
  width: 64px;
  height: 28px;
  background: #fed806;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  color: #fff;
}

.Newsabout .media .video-container .right .description .title {
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 600;
  color: #004098;
  line-height: 36px;
}

.Newsabout .media .video-container .right .description .text {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Newsabout .media .video-container .right .more {
  cursor: pointer;
}

.Newsabout .media .video-container .right .more .icon {
  margin-right: 10px;
}

.Newsabout .media .video-container .right .more .text {
  font-family: HarmonyOS_Sans_SC_Light;
  font-weight: 400;
  font-size: 18px;
  color: #2b74d9;
}

.Newsabout .media .video-container .left {
  flex: 945;
  height: 100%;
}

.Newsabout .media .video-container .left .video-card {
  width: 100%;
  height: 100%;
  position: relative;
}

.Newsabout .media .video-container .left .video-card video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.Newsabout .media .video-container .left .video-card .play-icon {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  transition: all .3s ease;
}

.Newsabout .media .video-container .left .video-card .play-icon:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.Newsabout .media .cards-container {
  width: 100%;
  min-height: 646px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 44px;
}

.Newsabout .media .cards-container .card-item {
  height: auto;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.Newsabout .media .cards-container .card-item .video-item {
  flex: 0 0 20px;
}

.Newsabout .media .cards-container .card-item .title {
  flex: 0 0 100px;
  padding-top: 29px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  font-size: 22px;
  color: #333;
  line-height: 30px;
}

.Newsabout .media .cards-container .card-item:hover .title {
  color: #004098;
}

.Newsabout .media .cards-container .video-player {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.Newsabout .media .cards-container .video-player .video-item {
  display: block;
  position: relative;
  width: 100%;
}

.Newsabout .media .cards-container .video-player .video-item .poster {
  width: 100%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-object-fit: cover;
  object-fit: cover;
}

.Newsabout .media .cards-container .video-player .video-item:hover .play-icon {
  transform: scale(1.2);
}

.Newsabout .media .cards-container .video-player .video-item:hover .poster {
  transform: scale(1.1);
}

.Newsabout .media .cards-container .video-player .video-item .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  transition: background .3s ease;
}

.Newsabout .media .cards-container .video-player .video-item .play-icon {
  font-size: 48px;
  color: #fff;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.Newsabout .media .cards-container .video-player .video-item .video-text {
  color: #fff;
  font-size: 16px;
  text-align: center;
  max-width: 80%;
  line-height: 1.4;
}

.Newsabout .media .cards-container .video-player .video-title {
  margin-top: 15px;
}

.Newsabout .media .cards-container .video-player:hover .video-title {
  color: #004098;
}

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

@media (max-width: 768px) {
  .media .cards-container {
    grid-template-columns: 1fr;
  }
  .Newsabout .media .cards-container {
    display: block;
  }
  .Newsabout .media .cards-container .card-item {
    margin-bottom: 40px;
  }
  .Newsabout .media .video-container {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 1440px) {
  .media {
    padding: 80px 20px 34px 20px;
  }
}

.Newsabout {
  /* 响应式设计 */
}

.Newsabout .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 20px;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.Newsabout .modal-content {
  background-color: white;
  margin-top: 2vh;
  width: 60%;
  height: auto;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: slideUp 0.4s ease;
}

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

.Newsabout .modal-header {
  text-align: right;
  display: flex;
  flex-direction: row-reverse;
}

.Newsabout .modal-header .close-btn {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  color: #909399;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}

.Newsabout .news-detail {
  width: 100%;
  height: auto;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 600;
  color: #333;
  text-align: center;
}

.Newsabout .news-detail .article {
  background: #fff;
  padding: 0 120px 135px 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Newsabout .news-detail .sub-title {
  display: flex;
  align-items: center;
  gap: 119px;
  margin-bottom: 50px;
}

.Newsabout .news-detail .time {
  display: flex;
  align-items: center;
}

.Newsabout .news-detail .time span {
  font-family: HarmonyOS_Sans_SC_Light;
  font-weight: 400;
  font-size: 18px;
  color: #666;
  line-height: 21px;
}

@media (max-width: 768px) {
  .Newsabout .content {
    grid-template-columns: 1fr;
  }
  .Newsabout .editor-container {
    flex-direction: column;
  }
  .Newsabout .modal-content {
    width: 100% !important;
  }
  .Newsabout .news-detail {
    width: 100%;
    height: auto;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 600;
    color: #333;
    text-align: center;
  }
  .Newsabout .news-detail .article {
    background: #fff;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .Newsabout .news-detail .sub-title {
    display: flex;
    align-items: center;
    gap: 119px;
    margin-bottom: 50px;
    margin-top: 20px;
  }
  .Newsabout .news-detail .time {
    display: flex;
    align-items: center;
  }
  .Newsabout .news-detail .time span {
    font-family: HarmonyOS_Sans_SC_Light;
    font-weight: 400;
    font-size: 18px;
    color: #666;
    line-height: 21px;
  }
}

.organizational-structure {
  background: #fff;
  height: 1064px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.organizational-structure .structure-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 66px;
  margin: 0 auto;
}

.organizational-structure .structure-container .title {
  margin: auto 0;
  position: relative;
}

.organizational-structure .structure-container .title span {
  font-size: 28px;
  color: #004098;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  position: relative;
  margin-top: -36px;
}

.organizational-structure .structure-container .title span .line1 {
  position: absolute;
  width: 32px;
  left: 42px;
  top: 48%;
  transform: translateY(-50%);
  height: 2px;
  background: #e5e7eb;
}

.organizational-structure .structure-container .title .line2 {
  position: absolute;
  left: 72px;
  top: -314px;
  height: 664px;
  width: 2px;
  background: #e5e7eb;
}

.organizational-structure .structure-container .highest-level {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.organizational-structure .structure-container .highest-level .HeadquartersOffice {
  display: flex;
  align-items: center;
  height: 292px;
  margin-bottom: 40px;
  position: relative;
}

.organizational-structure .structure-container .highest-level .branchcompany {
  display: flex;
  align-items: center;
  height: 292px;
  margin-bottom: 40px;
  position: relative;
}

.organizational-structure .structure-container .highest-level .Directlyaffiliated {
  display: flex;
  align-items: center;
  height: 292px;
  position: relative;
}

.organizational-structure .structure-container .highest-level .company-box {
  background: #f2f5fa;
  width: 240px;
  text-align: center;
  border: 1px solid #e0e0e0;
  padding: 10px;
  border-radius: 4px;
  font-size: 20px;
  color: #004098;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.organizational-structure .structure-container .highest-level .line3 {
  position: absolute;
  width: 36px;
  left: -36px;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background: #e5e7eb;
}

.organizational-structure .structure-container .highest-level .line4 {
  position: absolute;
  width: 66px;
  right: -66px;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background: #e5e7eb;
}

.organizational-structure .structure-container .lowest-level {
  flex: 1;
  position: relative;
}

.organizational-structure .structure-container .lowest-level .subsidiaries-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  border: 1px solid #e3e6ec;
  padding: 18px;
  margin-bottom: 40px;
}

.organizational-structure .structure-container .lowest-level .subsidiaries-grid .subsidiary-item {
  font-size: 18px;
  color: #333;
  padding: 6px 0;
  text-align: left;
  white-space: nowrap;
}

.organizational-structure .structure-container .lowest-level .subsidiaries-grid .subsidiary-item:before {
  content: "";
  display: inline-block;
  border: 5px solid transparent;
  border-left-color: #ccd3e0;
  margin: auto 10px;
}

.organizational-structure .structure-container .lowest-level .subsidiaries-grid .subsidiary-item:hover:before {
  transform: translateX(5px);
}

.organizational-structure .structure-container .lowest-level .subsidiaries-grid2 {
  grid-template-columns: repeat(1, 1fr);
}

.organizational-structure .structure-container .lowest-level .subsidiaries-grid3 {
  height: 292px;
  align-items: center;
}

.party-construction {
  width: 100%;
  height: auto;
  margin-top: 40px;
}

.party-construction .party-construction-content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 94px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  row-gap: 70px;
}

.party-construction .part-build-item {
  width: calc(50% - 25px);
  height: 283px;
  padding: 89px 40px 64px;
  background-image: url(../images/part-build.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.party-construction .part-build-item .date {
  display: flex;
  flex-direction: column;
  align-items: end;
  flex: 1.2;
}

.party-construction .part-build-item .date .year {
  margin-top: 15px;
  font-size: 16px;
  color: #999;
  line-height: 30px;
}

.party-construction .part-build-item .date .day {
  font-size: 30px;
  line-height: 30px;
}

.party-construction .part-build-item .split {
  width: 1px;
  height: 130px;
  background: #e6e6e6;
}

.party-construction .part-build-item .content {
  flex: 6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.party-construction .part-build-item .content .content-title {
  font-size: 22px;
  font-family: HarmonyOS_Sans_SC_Medium;
  line-height: 30px;
}

.party-construction .part-build-item .content .more {
  color: #999;
  line-height: 20px;
  font-size: 18px;
  font-family: HarmonyOS_Sans_SC_Light;
  cursor: pointer;
}

.party-construction .part-build-item:hover {
  background-image: url(../images/part-build2.png);
  color: #fed806;
}

.party-construction .part-build-item:hover .year {
  color: #fed806;
}

.party-construction .part-build-item:hover .more {
  color: #fff;
}

.party-construction .pagination-container {
  text-align: center;
  margin-top: 90px;
}

@media (max-width: 768px) {
  .organizational-structuremobile {
    background: #fff;
    height: auto;
    width: 100%;
    box-sizing: border-box;
  }
  .organizational-structuremobile .structure-container .title {
    margin: auto 0;
    position: relative;
  }
  .organizational-structuremobile .structure-container .title span {
    font-size: 28px;
    color: #004098;
    position: relative;
    text-align: center;
  }
  .organizational-structuremobile .structure-container .highest-level {
    flex-shrink: 0;
    margin-top: 20px;
  }
  .organizational-structuremobile .structure-container .highest-level .HeadquartersOffice {
    display: flex;
    align-items: center;
    height: auto;
    justify-content: center;
    margin-bottom: 20px;
  }
  .organizational-structuremobile .structure-container .highest-level .branchcompany {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin-bottom: 20px;
  }
  .organizational-structuremobile .structure-container .highest-level .Directlyaffiliated {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin-bottom: 20px;
  }
  .organizational-structuremobile .structure-container .highest-level .company-box {
    background: #f2f5fa;
    width: 200px;
    text-align: center;
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 4px;
    font-size: 18px;
    color: #004098;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  .organizational-structuremobile .structure-container .lowest-level {
    flex: 1;
    position: relative;
  }
  .organizational-structuremobile .structure-container .lowest-level .subsidiaries-grid {
    display: grid;
    gap: 10px;
    border: 1px solid #e3e6ec;
    padding: 8px;
    margin-bottom: 40px;
  }
  .organizational-structuremobile .structure-container .lowest-level .subsidiaries-grid .subsidiary-item {
    font-size: 14px;
    color: #333;
    padding: 6px 0;
    text-align: left;
    white-space: wrap;
  }
  .organizational-structuremobile .structure-container .lowest-level .subsidiaries-grid .subsidiary-item:before {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-left-color: #ccd3e0;
    margin: auto 10px;
  }
  .organizational-structuremobile .structure-container .lowest-level .subsidiaries-grid .subsidiary-item:hover:before {
    transform: translateX(5px);
  }
  .party-construction .party-construction-content {
    padding: 0;
    margin: 0;
    row-gap: 40px;
  }
  .party-construction .party-construction-content .part-build-item {
    height: 180px;
    padding: 43px 10px 35px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    flex: 1;
    gap: 10px;
  }
  .party-construction .party-construction-content .part-build-item .date {
    align-items: start;
  }
  .party-construction .party-construction-content .part-build-item .date .day {
    font-size: 20px;
  }
  .party-construction .party-construction-content .part-build-item .date .year {
    font-size: 10px;
    margin-top: 0;
  }
  .party-construction .party-construction-content .part-build-item .content .content-title {
    font-size: 18px;
    line-height: 24px;
  }
  .party-construction .party-construction-content .part-build-item .content .more {
    font-size: 12px;
    line-height: 21px;
  }
  .party-construction .pagination-container {
    text-align: center;
    margin-top: 70px;
  }
}

.party-ideology {
  width: 100%;
  height: auto;
}

.party-ideology .party-ideology-content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 94px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  row-gap: 70px;
}

.party-ideology .party-ideology-content .ideology-item {
  width: calc(33.33333% - 40px);
  height: 300px;
  border: 1px solid #e6e6e6;
  padding: 60px 30px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.party-ideology .party-ideology-content .ideology-item .date {
  font-size: 16px;
  color: #999;
  font-family: HarmonyOS_Sans_SC_Light;
}

.party-ideology .party-ideology-content .ideology-item .title {
  font-size: 20px;
}

.party-ideology .party-ideology-content .ideology-item .more {
  cursor: pointer;
  margin-top: 50px;
  font-size: 18px;
  color: #999;
  font-family: HarmonyOS_Sans_SC_Light;
}

.party-ideology .party-ideology-content .ideology-item .more .el-icon-right {
  margin-left: 10px;
}

.party-ideology .party-ideology-content .ideology-item:hover .more,
.party-ideology .party-ideology-content .ideology-item:hover .title {
  color: #df0024;
}

.party-ideology .pagination-container {
  margin-top: 80px;
  margin-bottom: 80px;  
  text-align: center;
}

@media (max-width: 768px) {
  .party-ideology .party-ideology-content {
    row-gap: 15px;
    margin: 36px 15px 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .party-ideology .party-ideology-content .ideology-item {
    height: 180px;
    padding: 25px 15px;
    gap: 13px;
    flex: 1;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .party-ideology .party-ideology-content .ideology-item .date {
    font-size: 12px;
  }
  .party-ideology .party-ideology-content .ideology-item .title {
    font-size: 14px;
    font-family: HarmonyOS Sans SC;
  }
  .party-ideology .party-ideology-content .ideology-item .more {
    font-size: 12px;
    margin-top: 16px;
  }
  .party-ideology .pagination-container {
    margin-top: 20px;
    text-align: center;
  }
}

.recruitmentInfo {
  width: 100%;
  height: auto;
}

.recruitmentInfo .title {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}

.recruitmentInfo .title .title-text {
  height: 43px;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 500;
  color: #0f4da7;
  line-height: 43px;
  text-align: center;
  margin-bottom: 22px;
}

.recruitmentInfo .title .title-bg {
  width: 40px;
  height: 5px;
  background: #fed806;
}

.recruitmentInfo .bottom {
  margin-top: 20px;
}

.recruitmentInfo .bottom .list {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 49px;
}

.recruitmentInfo .bottom .list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 20px 14px;
  cursor: pointer;
  height: 100px;
  border-bottom: 1px dashed #e5e5e5;
  position: relative;
}

.recruitmentInfo .bottom .list li .title {
  font-size: 22px;
  font-weight: 700;
  color: #333;
  font-family: HarmonyOS_Sans_SC;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recruitmentInfo .bottom .list li .date {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  font-size: 18px;
  color: #999;
  flex-shrink: 0;
}

.recruitmentInfo .bottom .list li:hover .title,
.recruitmentInfo .bottom .list li:hover .date {
  color: #0f4da7;
}

.recruitmentInfo .bottom .list li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--base-color-primary);
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  .recruitmentInfo .title .title-text {
    font-size: 28px;
    margin-bottom: 12px;
  }
  .recruitmentInfo .bottom .list li {
    padding: 10px 0 10px 14px;
    height: 60px;
  }
  .recruitmentInfo .bottom .list li .title {
    font-size: 16px;
  }
  .recruitmentInfo .bottom .list li .date {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .knowledge .container .top .title {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .knowledge .container .top .title .title-text {
    height: 44px;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 500;
    color: #0f4da7;
    line-height: 44px;
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
  }
  .knowledge .container .top .title .title-bg {
    width: 40px;
    height: 5px;
    background: #fed806;
  }
  .knowledge .container .itemtable {
    width: 100%;
    height: auto;
    padding: 14px 10px;
    background: #f7f8fa;
    margin-top: 20px;
  }
  .knowledge .container .itemtable .itemtabletitle {
    width: 100%;
    line-height: 40px;
    text-align: center;
    color: #666666;
    font-size: 18px;
    font-family: HarmonyOS_SansSC_Medium;
  }
  .knowledge .container .itemtable .itemtabletitle2 {
    width: 100%;
    line-height: 50px;
    text-align: right;
    color: #666666;
    font-size: 14px;
    font-family: HarmonyOS_SansSC_Medium;
  }
  .knowledge .container .itemtable .itemtabletbox {
    width: 100%;
    height: auto;
  }
  .knowledge .container .itemtable .itemtabletr {
    width: 100%;
    height: auto;
    line-height: 28px;
    display: block;
    display: flex;
    flex-direction: row;
    background: #073c96;
    padding-right: 0;
  }
  .knowledge .container .itemtable .itemtabletr span {
    display: block;
    display: flex;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    color: #fff;
    font-size: 16px;
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    padding: 10px 0;
    font-family: HarmonyOS_SansSC_Medium;
  }
  .knowledge .container .itemtable .itemtabletr span:nth-child(1) {
    width: 10%;
  }
  .knowledge .container .itemtable .itemtabletr span:nth-child(2) {
    width: 25%;
  }
  .knowledge .container .itemtable .itemtabletr span:nth-child(3),
  .knowledge .container .itemtable .itemtabletr span:nth-child(5),
  .knowledge .container .itemtable .itemtabletr span:nth-child(6) {
    width: 15%;
  }
  .knowledge .container .itemtable .itemtabletr span:nth-child(4) {
    width: 20%;
  }
  .knowledge .container .itemtable .itemtabletr span:nth-child(6) {
    border-right: 0;
  }
  .knowledge .container .itemtable .itemtable2 {
    width: 100%;
    height: auto;
  }
  .knowledge .container .itemtable .itemtable2 .itemtabletd {
    width: 100%;
    height: auto;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: row;
    text-align: center;
  }
  .knowledge .container .itemtable .itemtable2 .itemtabletd span {
    display: block;
    padding: 10px 6px;
    line-height: 29px;
    border-right: 1px solid #e5e5e5;
    color: #333333;
    font-size: 12px;
    font-family: HarmonyOS_SansSC;
    word-break: break-all;
  }
  .knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(1) {
    width: 10%;
  }
  .knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(2) {
    width: 25%;
  }
  .knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(3),
  .knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(5),
  .knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(6) {
    width: 15%;
  }
  .knowledge .container .itemtable .itemtable2 .itemtabletd span:nth-child(4) {
    width: 20%;
  }
}

.talentTeam {
  width: 100%;
  height: auto;
}

.talentTeam .talentTeambottom {
  width: 100%;
  height: auto;
  margin-top: 50px;
}

.talentTeam .talentTeambottom .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 60px;
}

.talentTeam .talentTeambottom .list .item {
  width: calc(50% - 60px);
  background: #f8f8f8;
  border-radius: 6px;
  flex-grow: 0;
  min-height: 192px;
  /* 按钮基础样式：完全取自所给结构，但加少许悬浮效果 */
  /* 箭头旋转：展开时加旋转，表示“收回” */
  /* 展开状态: 无截断，显示全部行 */
}

.talentTeam .talentTeambottom .list .item .title {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 28px;
  color: #000;
}

.talentTeam .talentTeambottom .list .item .text-overflow {
  word-break: break-all;
  font-family: HarmonyOS_Sans_SC_Light;
  line-height: 36px;
}

.talentTeam .talentTeambottom .list .item .slot-box {
  display: flex;
}

.talentTeam .talentTeambottom .list .item .slot-box .btn {
  display: flex;
  color: #073c96;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
}

.talentTeam .talentTeambottom .list .item .slot-box .btn .arrow {
  width: 16px;
  height: 16px;
}

.talentTeam .talentTeambottom .list .item .btn,
.talentTeam .talentTeambottom .list .item .btn-mobile {
  cursor: pointer;
  transition: opacity 0.2s, transform 0.1s;
  user-select: none;
  color: #0f4da7;
  font-weight: 500;
  background: transparent;
  border: none;
  padding: 4px 4px 4px 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.talentTeam .talentTeambottom .list .item .btn:hover,
.talentTeam .talentTeambottom .list .item .btn-mobile:hover {
  opacity: 0.75;
  transform: translateY(1px);
}

.talentTeam .talentTeambottom .list .item .slot-box {
  display: inline-block;
  margin-top: 12px;
}

.talentTeam .talentTeambottom .list .item .arrow {
  transition: transform 0.25s ease;
}

.talentTeam .talentTeambottom .list .item .expanded .arrow {
  transform: rotate(180deg);
}

.talentTeam .talentTeambottom .list .item .text-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 1.6em;
  /* 配合line-height，保证隐藏干净 */
  white-space: normal;
}

.talentTeam .talentTeambottom .list .item .text-full {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  max-height: none;
}

.talentTeam .talentTeambottom .list .item .flex {
  display: flex;
}

.talentTeam .talentTeambottom .list .item .items-center {
  align-items: center;
}

.talentTeam .talentTeambottom .list .item .inline-block {
  display: inline-block;
}

@media (max-width: 768px) {
  .talentTeam .talentTeambottom {
    width: 100%;
    height: auto;
    margin-top: 50px;
  }
  .talentTeam .talentTeambottom .list {
    width: 100%;
    display: block;
  }
  .talentTeam .talentTeambottom .list .item {
    width: 100%;
    background: #f8f8f8;
    border-radius: 6px;
    flex-grow: 0;
    min-height: 0;
    margin-bottom: 20px;
  }
  .talentTeam .talentTeambottom .list .item .title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
  }
  .talentTeam .talentTeambottom .list .item .text-clamp-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: auto;
    /* 配合line-height，保证隐藏干净 */
    white-space: normal;
  }
  .talentTeam .talentTeambottom .list .item .text-overflow {
    word-break: break-all;
    font-family: HarmonyOS_Sans_SC_Light;
    line-height: 30px;
    font-size: 14px;
  }
}

.baseinfor {
  width: 100%;
  height: auto;
}

.baseinfor .baseinfortab {
  display: block;
  width: 100%;
  height: auto;
}

.baseinfor .baseinfortab .baseinfortab_list {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.baseinfor .baseinfortab .baseinfortab_list li {
  width: 180px;
  cursor: pointer;
  height: 60px;
  background: #fff;
  line-height: 60px;
  text-align: center;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 400;
  font-size: 24px;
  color: #666;
  border: 1px solid #e5e5e5;
}

.baseinfor .baseinfortab .baseinfortab_list .wid1{
    width: 356px;
}
.baseinfor .baseinfortab .baseinfortab_list .wid2{
    width: 400px;    
}
.baseinfor .baseinfortab .baseinfortab_list .wid3{
    width: 285px;
}
.baseinfor .baseinfortab .baseinfortab_list .wid4{
    width: 110px;    
}

.baseinfor .baseinfortab .baseinfortab_list .current {
  background: var(--base-color-primary);
  color: #fff;
  border: none;
  font-weight: 700;
}

.baseinfor .baseinfortab .baseinfortab_con {
  width: 100%;
  height: auto;
  padding-top: 80px;
  padding-bottom: 119px;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem {
  display: none;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont {
  margin-top: 64px;
  width: 100%;
  height: auto;
  line-height: 35px;
  font-size: 18px;
  font-family: HarmonyOS_Sans_SC;
  color: #333333;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont div {
  text-indent: 2em;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
  font-size: 20px;
  font-weight: 600;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 {
  width: 100%;
  height: auto;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li {
  width: 100%;
  flex-direction: row;
  display: flex;
  box-sizing: border-box;
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
  color: #606266;
  font-size: 18px;
  line-height: 36px;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li div {
  flex: 1;
  color: #606266;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li div span {
  font-size: 18px;
  line-height: 36px;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li2 {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
  color: #606266;
  font-size: 18px;
  line-height: 36px;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li2 span {
  display: block;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li2 .span1 {
  width: auto;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li2 .span2 {
  flex: 1;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont3 {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
  color: #606266;
  font-size: 18px;
  line-height: 36px;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable {
  width: 100%;
  height: auto;
  padding: 14px 30px;
  background: #f7f8fa;
  margin-top: 75px;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletitle {
  width: 100%;
  line-height: 80px;
  text-align: center;
  color: #666666;
  font-size: 28px;
  font-family: HarmonyOS_SansSC_Medium;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletitle2 {
  width: 100%;
  line-height: 50px;
  text-align: right;
  color: #666666;
  font-size: 20px;
  font-family: HarmonyOS_SansSC_Medium;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletbox {
  width: 100%;
  height: 1026px;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletr {
  width: 100%;
  height: 66px;
  line-height: 66px;
  display: block;
  display: flex;
  flex-direction: row;
  background: #073c96;
  padding-right: 16px;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletr span {
  display: block;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-family: HarmonyOS_SansSC_Medium;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletr span:nth-child(1) {
  width: 10%;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletr span:nth-child(2) {
  width: 30%;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletr span:nth-child(3) {
  width: 40%;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletr span:nth-child(4) {
  width: 20%;
  border-right: 0;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 {
  width: 100%;
  height: 960px;
  overflow-y: scroll;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 .itemtabletd {
  width: 100%;
  height: auto;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-direction: row;
  text-align: center;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 .itemtabletd span {
  display: block;
  padding: 20px;
  line-height: 29px;
  border-right: 1px solid #e5e5e5;
  color: #333333;
  font-size: 20px;
  font-family: HarmonyOS_SansSC;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 .itemtabletd span:nth-child(1) {
  width: 10%;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 .itemtabletd span:nth-child(2) {
  width: 30%;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 .itemtabletd span:nth-child(3) {
  width: 40%;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 .itemtabletd span:nth-child(4) {
  width: 20%;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 20px 14px;
  cursor: pointer;
  height: 100px;
  border-bottom: 1px dashed #e5e5e5;
  position: relative;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li .title {
  font-size: 22px;
  font-weight: 700;
  color: #333;
  font-family: HarmonyOS_Sans_SC;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li .date {
  font-family: HarmonyOS_Sans_SC;
  font-weight: 400;
  font-size: 18px;
  color: #999;
  flex-shrink: 0;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li:hover .title,
.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li:hover .date {
  color: #0f4da7;
}

.baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--base-color-primary);
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) and (max-width: 1520px) {
  .baseinfor .baseinfortab .wid{
   flex-direction: column;
  }
  .baseinfor .baseinfortab .wid li{
  width: 100%;
  }
  .baseinfor .baseinfortab .baseinfortab_list .wid1{
   width: 100%;   
  }
  .baseinfor .baseinfortab .baseinfortab_list .wid2{
   width: 100%;   
  }
  .baseinfor .baseinfortab .baseinfortab_list .wid3{
   width: 100%;   
  }
  .baseinfor .baseinfortab .baseinfortab_list .wid4{
   width: 100%;   
  }
}


@media (max-width: 768px) {
  .baseinfor {
    width: 100%;
    height: auto;
  }
  .baseinfor .baseinfortab {
    display: block;
    width: 100%;
    height: auto;
  }
  .baseinfor .baseinfortab .baseinfortab_list {
    display: flex;
    justify-content: center;
    gap: 6px;
  }
  .baseinfor .baseinfortab .wid{
   flex-direction: column;
  }
  .baseinfor .baseinfortab .wid li{
  width: 100%;
  }
  .baseinfor .baseinfortab .baseinfortab_list .wid1{
   width: 100%;   
  }
  .baseinfor .baseinfortab .baseinfortab_list .wid2{
   width: 100%;   
  }
  .baseinfor .baseinfortab .baseinfortab_list .wid3{
   width: 100%;   
  }
  .baseinfor .baseinfortab .baseinfortab_list .wid4{
   width: 100%;   
  }
  .baseinfor .baseinfortab .baseinfortab_list li {
    flex: 1;
    cursor: pointer;
    height: 40px;
    background: #fff;
    line-height: 40px;
    text-align: center;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 400;
    font-size: 13px;
    color: #666;
    border: 1px solid #e5e5e5;
  }
  .baseinfor .baseinfortab .baseinfortab_list .current {
    background: var(--base-color-primary);
    color: #fff;
    border: none;
    font-weight: 600;
  }
  .baseinfor .baseinfortab .baseinfortab_list2 {
    display: flex;
    justify-content: center;
    gap: 6px;
  }
  .baseinfor .baseinfortab .baseinfortab_list2 li {
    cursor: pointer;
    height: 40px;
    background: #fff;
    line-height: 40px;
    text-align: center;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: 400;
    font-size: 16px;
    color: #666;
    border: 1px solid #e5e5e5;
  }
  .baseinfor .baseinfortab .baseinfortab_list2 li:nth-child(1),
  .baseinfor .baseinfortab .baseinfortab_list2 li:nth-child(2),
  .baseinfor .baseinfortab .baseinfortab_list2 li:nth-child(4) {
    flex: 1;
  }
  .baseinfor .baseinfortab .baseinfortab_list2 li:nth-child(3) {
    /*flex: 2;*/
  }
  .baseinfor .baseinfortab .baseinfortab_list2 .current {
    background: var(--base-color-primary);
    color: #fff;
    border: none;
    font-weight: 600;
  }
  .baseinfor .baseinfortab .baseinfortab_list3 li {
    font-size: 12px;
  }
  .baseinfor .baseinfortab .baseinfortab_con {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem {
    display: none;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont {
    margin-top: 20px;
    width: 100%;
    height: auto;
    line-height: 35px;
    font-size: 16px;
    font-family: HarmonyOS_Sans_SC;
    color: #333333;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont div {
    text-indent: 2em;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemtitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    font-size: 18px;
    font-weight: 600;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 {
    width: 100%;
    height: auto;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
    color: #606266;
    font-size: 16px;
    line-height: 28px;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li div {
    flex: 1;
    color: #606266;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li div span {
    font-size: 16px;
    line-height: 28px;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li2 {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
    color: #606266;
    font-size: 16px;
    line-height: 28px;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li2 span {
    display: block;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li2 .span1 {
    width: auto;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont2 .baseinforitemcont2li2 .span2 {
    flex: 1;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .baseinforitemcont3 {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
    color: #606266;
    font-size: 16px;
    line-height: 28px;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable {
    width: 100%;
    height: auto;
    padding: 14px 16px;
    background: #f7f8fa;
    margin-top: 20px;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletitle {
    width: 100%;
    line-height: 60px;
    text-align: center;
    color: #666666;
    font-size: 18px;
    font-family: HarmonyOS_SansSC_Medium;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletr {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: flex;
    flex-direction: row;
    padding-right: 0;
    background: #073c96;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtabletr span {
    display: block;
    flex: 1;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: HarmonyOS_SansSC_Medium;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 {
    width: 100%;
    height: auto;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 .itemtabletd {
    width: 100%;
    height: auto;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .itemtable .itemtable2 .itemtabletd span {
    display: block;
    flex: 1;
    padding: 5px 10px;
    line-height: 20px;
    border-right: 1px solid #e5e5e5;
    color: #333333;
    font-size: 12px;
    font-family: HarmonyOS_SansSC;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 20px 14px;
    cursor: pointer;
    height: 60px;
    border-bottom: 1px dashed #e5e5e5;
    position: relative;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li .title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    font-family: HarmonyOS_Sans_SC;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li .date {
    font-family: HarmonyOS_Sans_SC;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    margin-left: 10px;
    flex-shrink: 0;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li:hover .title,
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li:hover .date {
    color: #0f4da7;
  }
  .baseinfor .baseinfortab .baseinfortab_con .baseinforitem .list li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--base-color-primary);
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}