.wrap {
  width: calc(100% - 2rem);
  margin: 0 auto;
}

.header-wrap {
  margin: 0 0.6rem 0 1rem;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  z-index: 9999;
  color: #fff;
}

.backTop {
  position: fixed;
  bottom: 4.17rem;
  right: 1rem;
  cursor: pointer;
}

.logo {
  margin-right: 0.92rem;
}

.pc-header {
  /* 1. 背景颜色：必须使用 rgba 设置透明度 */
  /* 0.85 代表 85% 的不透明度，既能看清文字，又能透出背景 */
  background-color: rgba(255, 255, 255, 0.85) !important;

  /* 2. 毛玻璃核心属性：模糊背后的内容 */
  /* 10px 是模糊程度，你可以根据喜好调整 (5px - 20px) */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* 兼容苹果 Safari 浏览器 */

  /* 3. 底部边框：稍微深一点的美观设计 */
  /* 使用半透明的黑色 (rgba(0,0,0,0.1)) 代替纯色，会显得更高级 */
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;

  /* 4. 额外加分项：微弱的投影 */
  /* 让 Header 看起来稍微浮起，更有层次感 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

  /* 保持原有的布局属性 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.3s ease; /* 如果有滚动变化，过渡更丝滑 */
}

.pc-header .header-wrap {
  display: flex;
  height: 100%;
  align-items: center;
}

.pc-header .header-navs {
  display: flex;
  align-items: center;
  height: 100%;
}

.pc-header .header-navs li {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.pc-header .header-navs li.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0.42rem;
  height: 0.02rem;
  background-color: #0f8261;
  transform: translateX(-50%);
}

.pc-header .header-navs li.active a {
  /* color: white */
}

.right-controls .language-btn .sub {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2.18rem;
  min-width: 100%;
  top: 1rem;
  background: #fff;
  padding: 0.2rem 0;
  box-shadow: 0 2px 6px 0 #0000004d;
  border-radius: 4px;
}

.right-controls .language-btn .sub a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  height: 0.56rem;
}

.right-controls .lang-box:hover .sub {
  display: block;
}

.language-btn {
  color: #000;
}

.language-btn img {
  filter: unset;
}

.language-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  padding: 0 0.2rem;
  cursor: pointer;
  font-size: 0.18rem;
}

.language-btn img {
  width: 0.24rem;
  /* filter: brightness(0) invert(1); */
  display: block;
  margin-right: 0.1rem;
  transition: 0.3s;
}

header.active {
  /* background-color: rgba(0, 0, 0, 0.5); */
  background-color: #fff;
}

header .header-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}

header .header-wrap .logo img {
  width: 0.66rem;
}

header .header-navs {
  display: flex;
  align-items: center;
}

header .header-navs li:not(:last-child) {
  margin-right: 0.48rem;
}

header .header-navs li.active a {
  color: #00a0e9;
}

header .header-navs li:hover a {
  color: #00a0e9;
}

header .header-navs li a {
  font-size: 0.16rem;
  /* color: #fff; */
  transition: 0.3s;
  font-family: PingFang SC;
  font-weight: bold;
}

header .right-controls {
  display: flex;
  align-items: center;
}

header .right-controls .language-box {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  cursor: pointer;
  padding: 0.2rem 0;
}

header .right-controls .language-box:hover .sub-menu {
  display: block;
}

header .right-controls .language-box img {
  width: 0.08rem;
  margin-left: 0.08rem;
}

header .right-controls .language-box .sub-menu {
  width: 100%;
  position: absolute;
  top: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  width: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

header .right-controls .language-box .sub-menu a {
  color: #fff;
  text-align: center;
  display: block;
  padding: 0.1rem 0;
  font-size: 0.16rem;
}

header .right-controls .language-box .sub-menu a:hover {
  color: #00a0e9;
}

header .right-controls .language-box .sub-menu a:not(:last-child) {
  border-bottom: 1px solid #eee;
}

header .right-controls .search-box {
  display: none;
  position: relative;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
}

header .right-controls .search-box input {
  width: 3rem;
  /* height: 0.5rem; */
  border: none;
  border-radius: 0.05rem;
  background-color: #fff;
  padding-left: 0.12rem;
  padding-right: 0.5rem;
  font-size: 0.16rem;
  color: #333;
}

header .right-controls .search-box input::placeholder {
  color: #cccccc;
}

header .right-controls .search-box .input-btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.5rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .right-controls .search-box .input-btn img {
  width: 0.2rem;
  display: block;
  filter: brightness(0);
}

header .right-controls .search-btn {
  width: 0.18rem;
  margin-left: 0.2rem;
}

header .right-controls .search-btn img {
  width: 100%;
  display: block;
}

/* === Banner 容器：去除死板的 margin 和过高的高度 === */
.banner {
  width: 100%;
  background-color: #fff;
  /* 移除原来固定的 margin-top，避免顶部留白过多 */
  padding-top: 0.2rem; 
  padding-bottom: 0.2rem;
}

/* === Swiper 主体：区分电脑和手机的高度 === */
.banner .swiper {
  /* 电脑端保留一点左右边距，看起来精致 */
  width: 100%; 
  max-width: calc(100% - 2rem); /* 限制最大宽度，防止超大屏拉太长 */
  margin: 0 auto;   /* 居中 */
  
  /* 【核心修改】高度优化：电脑端适中，手机端变矮 */
  height: 6.6rem; 
  border-radius: 0.1rem; /* 给轮播图整体加个圆角 */
  overflow: hidden;

  margin-top: 1rem;
}

.banner .swiper-index{
  height: 7.6rem; 
}

.banner .swiper .swiper-slide {
  position: relative;
  overflow: hidden;
}

/* 图片样式：增加遮罩效果让文字更清晰 */
.banner .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 关键：自动裁切，不变形 */
  object-position: center;
  transition: transform 0.5s ease; /* 增加一点微动效 */
}

/* 鼠标悬停时图片微微放大，增加高级感 */
.banner .swiper:hover .swiper-slide img {
  transform: scale(1.02);
}

/* === 文字盒子：响应式定位 === */
.banner .swiper .swiper-slide .text-box {
  position: absolute;
  z-index: 10;
  display: flex;
  flex-direction: column;
  
  /* 电脑端定位 */
  bottom: 20%; 
  left: 10%; /* 用百分比代替固定的 2.6rem，适应不同分辨率 */
  right: 10%; /* 防止文字过长溢出 */
}

/* 按钮样式优化 */
.banner .swiper .swiper-slide .text-box .common-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  color: #fff;
  background-color: #00a0e9; /* 你的主题色 */
  width: 1.8rem; /* 稍微调小一点，更精致 */
  height: 0.5rem;
  border-radius: 0.5rem; /* 全圆角 */
  box-shadow: 0 4px 10px rgba(0, 160, 233, 0.3); /* 增加投影 */
  transition: all 0.3s ease;
  text-decoration: none;
}

.banner .swiper .swiper-slide .text-box .common-btn a:hover {
  background-color: #008ccb; /* 深一点的悬停色 */
  transform: translateY(-2px); /* 悬停上浮效果 */
  box-shadow: 0 6px 15px rgba(0, 160, 233, 0.4);
}

/* === 导航箭头优化：更简洁 === */
.banner .swiper-button-prev,
.banner .swiper-button-next {
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgba(255, 255, 255, 0.2); /* 半透明白色背景 */
  backdrop-filter: blur(5px); /* 毛玻璃效果 */
  border-radius: 50%; /* 圆形按钮 */
  color: #fff;
  transition: 0.3s;
}

.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover {
  background-color: rgba(0, 160, 233, 0.8); /* 悬停变主题色 */
}

.banner .swiper-button-prev:after,
.banner .swiper-button-next:after {
  font-size: 0.2rem;
  font-weight: bold;
}

.floorbg {
  position: absolute;
  width: 100%;
  height: 6rem;
  object-fit: cover;
  top: 0;
  left: 0;
}

.about-floor {
  position: relative;
  padding: 0.74rem 0 1.66rem;
  background-color: #fff;
}

.about-floor .wrap {
  position: relative;
  z-index: 2;
}

.about-floor .title {
  font-size: 0.4rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.about-floor .about-floorbg {
  position: absolute;
  width: 100%;
  height: 6rem;
  object-fit: cover;
  bottom: 0;
  left: 0;
}

.about-floor p {
  line-height: 0.3rem;
}

.product-isPhoneshow {
  display: none;
}

.product-floor {
  position: relative;
  height: 9.6rem;
}

.product-floorbg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.product-floor .product-content {
  position: relative;
  z-index: 2;
}

.product-floor .center-info {
  height: 6.2rem;
  width: 4.8rem;
}

.product-floor .swiper {
  margin: auto;
  height: 6.2rem;
}

.product-floor .product-info {
  position: absolute;
  font-family: PingFang SC;
  font-weight: bold;
  width: 4rem;
  font-size: 0.48rem;
  color: #ffffff;
  line-height: 0.6rem;
}

.product-floor .product-subinfo {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.24rem;
  color: #ffffff;
  line-height: 0.36rem;
}

.swiper-buttonsdesign {
  position: absolute;
  display: flex;
  bottom: 0.1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}

.swiper-buttonsdesign .swiper-pagination {
  position: initial;
}

.swiper-buttonsdesign .swiper-button-next,
.swiper-buttonsdesign .swiper-button-prev {
  position: initial;
  margin-top: 0;
  height: auto;
}

.swiper-buttonsdesign .swiper-button-next,
.swiper-buttonsdesign .swiper-button-prev {
  position: initial;
  margin-top: 0;
  height: auto;
}

.swiper-buttonsdesign .swiper-button-next:after,
.swiper-buttonsdesign .swiper-rtl .swiper-button-prev:after {
  content: "";
}

.swiper-buttonsdesign .swiper-button-prev:after,
.swiper-buttonsdesign .swiper-rtl .swiper-button-next:after {
  content: "";
}

.product-floor .product-swiperbox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem;
}

.product-floor .swiper .swiper-slide {
  display: flex;
}

.product-floor .swiper .swiper-img {
  width: 100%;
  height: 5.4rem;
}

.product-floor .product-imgline {
  position: absolute;
  width: 100%;
  height: 0.01rem;
  background: #ffffff;
  opacity: 0.5;
  bottom: 3.4rem;
}

.product-floor .moreButton {
  position: absolute;
  bottom: 2rem;
  width: 1.6rem;
  height: 0.5rem;
  line-height: 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.18rem;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgba(255, 255, 255, 0.3);
}

.product-floor .more-title {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.14rem;
  color: #fff;
  line-height: 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.21rem;
}

.product-floor .moreButton .more-arrow {
  width: 0.34rem;
  height: 0.34rem;
  background: #edebe9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-floor .moreButton .more-arrow .more-arrow-img {
  width: 0.12rem;
  height: 0.12rem;
}

.product-floor .product-content .product-subtitle {
  font-family: Objectivity;
  font-weight: 500;
  font-size: 0.24rem;
  color: #ffffff;
  margin-bottom: 0.34rem;
  padding-top: 0.45rem;
}

.product-floor .product-content .product-title {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.78rem;
  color: #ffffff;
  margin-bottom: 0.97rem;
}

.floor5 .more-title {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.34rem;
  margin-left: 0.25rem;
  margin-right: 0.21rem;
}

.floor5 .moreButton .more-arrow .active-arrow {
  display: none;
}

.floor5 .moreButton {
  width: 1.6rem;
  height: 0.5rem;
  line-height: 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.18rem;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgba(255, 255, 255, 0.3);
  transition: 0.2s;
}

.floor5 .news-item .moreButton:hover {
  background-color: #0f8261;
  color: #fff;
}

.floor5 .moreButton:hover .more-arrow .active-arrow {
  display: block;
}

.floor5 .moreButton:hover .more-arrow .noactive-arrow {
  display: none;
}

.floor1 {
  position: relative;
  padding: 0.74rem 0 1.66rem;
}

.floor1 .wrap {
  position: relative;
  z-index: 2;
  display: flex;
}

.floor1 .swiper {
  height: 4.3rem;
  width: 9rem;
}

.floor1 .swiper .product-info {
  width: 2.5rem;
}

.floor1 .swiper .img {
  height: 3.5rem;
  width: 2.8rem;
  margin: 0 0.4rem;
}

.floor1 .wrap .text-box {
  color: #fff;
}

.floor1 .wrap .text-box .title-left {
  margin-bottom: 0.6rem;
}

.floor1 .wrap .text-box .ys-list {
  display: grid;
  grid-template-columns: repeat(2, 2.8rem);
  gap: 0.3rem;
}

.floor1 .wrap .text-box .ys-list .ys-item {
  background-color: #191919;
  padding: 0.25rem;
  min-height: 1.5rem;
  display: flex;
}

.floor1 .wrap .text-box .ys-list .ys-item img {
  width: 0.4rem;
  height: max-content;
  margin-right: 0.2rem;
}

.floor1 .wrap .text-box .ys-list .ys-item .intro-box {
  flex: 1;
}

.floor1 .wrap .text-box .ys-list .ys-item .intro-box .ys-title {
  font-size: 0.24rem;
  margin-bottom: 0.1rem;
}

.floor1 .wrap .text-box .ys-list .ys-item .intro-box .intro {
  font-size: 0.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.floor2 {
  padding: 1.4rem 0 1.1rem;
  background-color: #f7f7f7;
}

.floor2 .wrap .title-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}

.floor2 .wrap .title-box .title-left {
  padding-bottom: 0.25rem;
}

.floor2 .wrap .title-box .cp-change {
  display: flex;
  align-items: center;
}

.floor2 .wrap .title-box .cp-change .ch-item:not(:last-child) {
  margin-right: 0.2rem;
}

.floor2 .wrap .title-box .cp-change .ch-item.active a {
  color: #fff;
  background-color: #00a0e9;
  border-color: #00a0e9;
}

.floor2 .wrap .title-box .cp-change .ch-item:hover a {
  color: #fff;
  background-color: #00a0e9;
  border-color: #00a0e9;
}

.floor2 .wrap .title-box .cp-change .ch-item a {
  width: 1.8rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  color: #333;
  border: 1px solid #959595;
}

.floor2 .cp-content {
  display: none;
}

.floor2 .cp-content.active {
  display: block;
}

.floor2 .cp-content .pagination {
  margin-top: 0.5rem;
  position: static;
  text-align: center;
}

.floor2 .cp-content .pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 2px;
  background-color: #d2d2d2;
}

.floor2
  .cp-content
  .pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}

.floor2 .swiper {
  height: 6.7rem;
}

.floor2 .swiper .swiper-btn {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #ccc;
}

.floor2 .swiper .swiper-btn:hover {
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset,
    rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.floor2 .swiper .swiper-btn::after {
  font-size: 0.2rem;
  color: #000;
  font-weight: bold;
}

.floor2 .swiper-slide.swiper-slide-active .text-box {
  opacity: 1;
}

.floor2 .swiper-slide .img-box {
  width: 100%;
  height: 6.25rem;
}

.floor2 .swiper-slide .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.floor2 .swiper-slide .text-box {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 0 0.3rem;
  height: 1.55rem;
  padding-top: 0.25rem;
  background-color: #00a0e9;
  width: 80%;
  margin: 0 auto;
  margin-top: -1.1rem;
  opacity: 0;
  transition: 0.3s;
}

.floor2 .swiper-slide .text-box .cp-title {
  font-size: 0.24rem;
  margin-bottom: 0.14rem;
  font-weight: bold;
}

.floor2 .swiper-slide .text-box p {
  font-size: 0.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.8em;
}

.floor3 {
  position: relative;
  padding: 1.15rem 0 1.6rem;
}

.floor3 .wrap {
  position: relative;
  z-index: 2;
}

.floor3 .wrap .content-box .title {
  text-align: center;
}

.floor3 .wrap .content-box p {
  text-align: center;
  color: #777;
}

.floor3 .wrap .content-box .about-numlist {
  margin-top: 0.7rem;
  display: flex;
  justify-content: space-between;
}

.floor3 .wrap .content-box .about-numlist .num-item {
  text-align: center;
}

.floor3 .wrap .content-box .about-numlist .num-item .num {
  font-size: 0.36rem;
  color: #00a0e9;
  font-weight: bold;
  margin-bottom: 0.15rem;
}

.floor3 .wrap .content-box .about-numlist .num-item .p {
  font-size: 0.2rem;
}

.floor4 {
  position: relative;
  padding: 1.1rem 0;
}

.floor4 .wrap {
  position: relative;
  z-index: 2;
}

.floor4 .wrap .f4-box {
  background-color: rgba(0, 0, 0, 0.4);
  width: 7.88rem;
  padding: 0.9rem 1rem;
  color: #fff;
  position: relative;
}

.floor4 .wrap .f4-box .f4img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6.36rem;
  right: -3rem;
}

.floor4 .wrap .f4-box .f4-list {
  margin-top: 0.35rem;
  width: max-content;
}

.floor4 .wrap .f4-box .f4-list .f4-item {
  font-size: 0.18rem;
  padding-bottom: 0.1rem;
  border-bottom: 0.02rem solid #00a0e9;
}

.floor4 .wrap .f4-box .f4-list .f4-item:not(:last-child) {
  margin-bottom: 0.2rem;
}

.floor5 {
  background-color: #fff;
  padding: 1.1rem 0;
}

.floor5 .wrap .title {
  margin-bottom: 0.4rem;
}

.common-title {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.78rem;
  color: #000000;
  margin-bottom: 0.55rem;
}

.floor5 .service-intro {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.3rem;
  margin-bottom: 1.1rem;
}

.floor6 {
  position: relative;
  display: flex;
}

.floor6 .f6img {
  width: 50%;
  height: 7.74rem;
  object-fit: cover;
  position: relative;
  z-index: 2;
}

.floor6 .right-box {
  position: relative;
  z-index: 2;
  width: 50%;
  padding-left: 1.1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

.floor6 .right-box .form-box {
  margin-top: 0.55rem;
}

.floor6 .right-box .form-box .input-box {
  display: flex;
  margin-bottom: 0.2rem;
}

.floor6 .right-box .form-box .input-box input {
  width: 2.2rem;
  height: 0.6rem;
  padding-left: 0.1rem;
  font-size: 0.14rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  outline: none;
  border: none;
}

.floor6 .right-box .form-box .input-box input:not(:last-child) {
  margin-right: 0.4rem;
}

.floor6 .right-box .form-box textarea {
  padding: 0.1rem;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  resize: none;
  width: 4.8rem;
  min-height: 1.2rem;
  font-size: 0.14rem;
  margin-bottom: 0.48rem;
  background-color: rgba(0, 0, 0, 0.3);
}

.floor6 .right-box .form-box .submit-btn button {
  width: 1.8rem;
  height: 0.6rem;
  background-color: #00a0e9;
  cursor: pointer;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.18rem;
  transition: 0.3s;
}

.floor6 .right-box .form-box .submit-btn button:hover {
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset,
    rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.footer-box {
  background-image: url("../img/footer-bg.png");
  padding: 0.4rem 0 0.74rem 0;
  height: 3.6rem;
  background-color: #eeeeee;
}

.footer-box .wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 第一列宽度为第二列的两倍 */
  gap: 0.3rem;
  /* 可选：设置网格之间的间隔 */
}

.footer-box .wrap .footer-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.74rem;
  /* 可选：设置网格之间的间隔 */
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.16rem;
  color: #000000;
  margin-top: 0.38rem;
}

.footer-box .wrap .footer-subnav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 2.5rem;
  font-family: Adobe Heiti Std;
  font-weight: bold;
  font-size: 0.14rem;
  color: #000000;
  margin-top: 0.53rem;
}

.footer-box .wrap .footer-copyight {
  font-family: Objectivity;
  font-weight: 300;
  font-size: 0.14rem;
  color: #000000;
  margin-top: 0.2rem;
}

.footer-box .wrap .footer-right .search-box {
  position: relative;
  width: 3.6rem;
  height: 0.47rem;
  margin-top: 0.74rem;
  float: right;
  border: 0.02rem solid #fff;
  border-radius: 0.23rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.footer-box .wrap .footer-right .search-box input {
  border: none;
  color: #000;
  width: 80%;
  height: 100%;
  outline: none;
  font-size: 0.14rem;
  padding: 0 0.27rem;
  padding-right: 0.5rem;
}

.footer-box .wrap .footer-right .search-box button {
  width: 0.46rem;
  border-radius: 0.18rem;
  background: none;
  cursor: pointer;
}

.footer-box .wrap .footer-right .footer-outlink {
  display: grid;
  width: 4.5rem;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 0.47rem;
  float: right;
}

.other-banner {
  /* height: 6.6rem; */
  /* margin-top: 1.1rem; */
}

.other-banner .swiper .swiper-slide .text-box h1 {
  font-size: 0.36rem;
  margin-bottom: 0.18rem;
  font-weight: bold;
}

.other-banner .swiper .swiper-slide .text-box .p {
  display: flex;
  align-items: center;
}

.other-banner .swiper .swiper-slide .text-box .p .line {
  width: 0.5rem;
  height: 2px;
  background-color: #fff;
}

.other-banner .swiper .swiper-slide .text-box .p p {
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.5);
  width: 1.5rem;
  text-align: center;
}

.breadnavs {
  position: relative;
  z-index: 2;
}

.breadnavs .wrap {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  height: 0.6rem;
}

.breadnavs .wrap .title {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 0.18rem;
  color: #000000;
}

.arrow-right {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.1rem solid black;
  /* 箭头的主体颜色 */
  border-top: 0.05rem solid transparent;
  /* 顶部透明边框 */
  border-bottom: 0.05rem solid transparent;
  /* 底部透明边框 */
  margin: 0 0.1rem;
}

.breadnavs .wrap .page-title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.4rem;
  padding: 0.3rem;
  background: linear-gradient(to bottom, #00a0e9, #1889ec);
  color: #fff;
}

.breadnavs .wrap .page-title h2 {
  font-size: 0.28rem;
  margin-bottom: 0.05rem;
}

.breadnavs .wrap .page-title p {
  font-size: 0.14rem;
  color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.breadnavs .wrap .tab-change {
  display: flex;
  align-items: center;
  height: 100%;
}

.breadnavs .wrap .tab-change .tab-item {
  height: 100%;
}

.breadnavs .wrap .tab-change .tab-item.active a {
  color: #00a0e9;
  border-bottom: 1px solid #00a0e9;
}

.breadnavs .wrap .tab-change .tab-item:hover a {
  color: #00a0e9;
  border-bottom: 1px solid #00a0e9;
}

.breadnavs .wrap .tab-change .tab-item:not(:last-child) {
  margin-right: 0.5rem;
}

.breadnavs .wrap .tab-change .tab-item a {
  font-size: 0.16rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}

.breadnavs .wrap .right-navs {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  color: #aaaaaa;
  margin-left: auto;
}

.breadnavs .wrap .right-navs ul {
  display: flex;
  align-items: center;
}

.breadnavs .wrap .right-navs ul li {
  font-size: 0.14rem;
  color: #aaaaaa;
}

.breadnavs .wrap .right-navs ul li:last-child {
  color: #00a0e9;
}

.breadnavs .wrap .right-navs ul li a {
  font-size: 0.14rem;
  color: #aaaaaa;
}

.news-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.22rem;
}

.news-list .news-item {
  background-color: #fff;
  border: 0.04rem solid #f7f7f7;
  transition: 0.3s;
}

.news-list .news-item .img-box {
  height: 2.5rem;
}

.news-list .news-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-list .news-item .text-box {
  padding: 0.7rem 0.2rem 0.5rem 0.2rem;
}

.news-list .news-item .text-box .news-title {
  font-size: 0.3rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
  line-height: 0.34rem;
}

.news-list .news-item .text-box .news-p {
  font-size: 0.14rem;
  line-height: 1.8em;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 0.8rem;
  margin-bottom: 0.35rem;
}

.news-list .news-item .text-box .more-btn {
  width: 1.2rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #959595;
  font-size: 0.12rem;
  transition: 0.3s;
}

.news-floor {
  background-color: #f7f7f7;
  padding: 0.7rem 0 1.7rem;
}

/*分页*/
.page {
  text-align: center;
  height: auto;
  margin: 0 0;
  margin-top: 0.8rem;
}

.page a {
  text-align: center;
  min-width: 0.32rem;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  line-height: 0.32rem;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0rem;
  font-size: 0.14rem;
  color: #333;
  padding: 0.1rem 0.2rem;
}

.page a.prev,
.page a.next {
  width: 0.32rem;
}

.page a.prev {
  background: #ffffff url(../img/left-img.png) no-repeat center;
}

.page a.next {
  background: #ffffff url(../img/right-img.png) no-repeat center;
}

.page input {
  height: 0.32rem;
  line-height: 0.32rem;
  border: 1px solid #cccccc;
  width: 0.5rem;
  border-radius: 2px;
  text-align: center;
  box-sizing: border-box;
}

.page a:hover,
.page a.active {
  background: #0f8261;
  border: 1px solid #0f8261;
  color: #ffffff;
}

.page a.prev:hover {
  background: #00a0e9 url(../img/left-img.png) no-repeat center;
}

.page a.next:hover {
  background: #00a0e9 url(../img/right-img.png) no-repeat center;
}

.page span {
  text-align: center;
  color: #00a0e9;
  font-size: 0.14rem;
}

.page span i {
  font-style: normal;
}

.page span {
  margin: 0 2px;
  color: #666;
}

.page input {
  width: 0.32rem;
  height: 0.32rem;
  background: #ffffff;
  border: 1px solid #cccccc;
  text-align: center;
  color: #333;
  border-radius: 4px;
  outline: none;
  font-size: 0.14rem;
}

.page .tz-btn {
  width: 0.5rem;
}

.page .ml10 {
  margin-left: 10px;
}

.page button:hover {
  background-color: #00a0e9;
  color: #ffffff;
}

.container {
  padding: 0.64rem 0;
}

.container .wrap .newspaper-list p {
  font-size: 0.16rem;
  color: #333;
  line-height: 1.8em;
  text-align: justify;
  margin-bottom: 0.2rem;
}

.container .wrap .newspaper-list .top .title {
  font-weight: 700;
  font-size: 0.3rem;
  color: #000;
}

.container .wrap .newspaper-list .top .introduce {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  margin: 0.22rem 0;
  color: #666666;
}

.container .wrap .newspaper-list .top .introduce .release-date {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.container .wrap .newspaper-list .top .introduce div {
  padding: 0 0.2rem;
}

.container .wrap .newspaper-list .content {
  padding: 0.55rem 0;
}

.container .wrap .newspaper-list .content img {
  max-width: 100%;
  height: auto !important;
  display: block;
  margin: 0 auto;
}

.container .wrap .newspaper-list .gobtn {
  display: flex;
  justify-content: space-between;
  font-size: 0.16rem;
  color: #333;
}

.container .wrap .newspaper-list .gobtn div {
  cursor: pointer;
}

.container .wrap .newspaper-list .gobtn div:hover {
  color: #1296db;
}

.floor7 {
  padding: 0.7rem 0 1.6rem;
}

.floor7 .wrap .title {
  text-align: center;
  margin-bottom: 1.2rem;
}

.floor7 .wrap .intro-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.floor7 .wrap .intro-box .img-box {
  width: 6rem;
  height: 4.5rem;
}

.floor7 .wrap .intro-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.floor7 .wrap .intro-box .text-box {
  flex: 1;
}

.floor7 .wrap .intro-box .text-box .name {
  font-size: 0.3rem;
  font-weight: bold;
  margin-bottom: 0.35rem;
}

.floor7 .wrap .intro-box .text-box .biec {
  font-size: 0.18rem;
  color: #333333;
  margin-bottom: 0.35rem;
}

.floor7 .wrap .intro-box .text-box ul {
  margin-bottom: 0.4rem;
}

.floor7 .wrap .intro-box .text-box ul li {
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  color: #333;
}

.floor7 .wrap .intro-box .text-box ul li:not(:last-child) {
  margin-bottom: 0.1rem;
}

.floor7 .wrap .intro-box .text-box ul li .circle {
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  background-color: #00a0e9;
  margin-right: 0.15rem;
}

.floor7 .wrap .intro-box .text-box p {
  font-size: 0.18rem;
  color: #777;
}

.floor7 .wrap .intro-box .text-box p:not(:last-child) {
  margin-bottom: 0.15rem;
}

.lx-floor {
  padding-top: 0.9rem;
}

.lx-floor .wrap {
  margin-bottom: 1rem;
  text-align: center;
}

.contact-box {
  display: flex;
  height: 4.5rem;
}

.contact-box .con-left {
  position: relative;
  width: 50%;
}

.contact-box .con-left .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.contact-box .con-left .text-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-box .con-left .text-box .nr-box {
  color: #fff;
}

.contact-box .con-left .text-box .nr-box h2 {
  font-size: 0.22rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.contact-box .con-left .text-box .nr-box .lxfs-item {
  display: flex;
  align-items: center;
  font-size: 0.16rem;
}

.contact-box .con-left .text-box .nr-box .lxfs-item:not(:last-child) {
  margin-bottom: 0.24rem;
}

.contact-box .con-right {
  width: 50%;
  height: 100%;
}

.contact-box .con-right .map {
  width: 100%;
  height: 100%;
}

.hz-floor {
  padding: 1rem 0;
}

.hz-floor .title {
  margin-bottom: 0.7rem;
  text-align: center;
}

.hz-floor .hz-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
}

.hz-floor .hz-list .hz-item {
  background-color: #fff;
  height: 0.9rem;
}

.hz-floor .hz-list .hz-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.xiazai-floor {
  padding: 0.7rem 0 1rem;
  background-color: #f9f9f9;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item {
  background-color: #fff;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item:hover a {
  background-color: #00a0e9;
  color: #fff;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item:hover a .xz-left .xz-name {
  color: #fff;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item:hover a .xz-right {
  background-color: #fff;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item:hover a .xz-right img {
  filter: none;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item:not(:last-child) {
  margin-bottom: 0.24rem;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item a {
  height: 0.8rem;
  display: flex;
  align-items: center;
  padding-left: 0.45rem;
  padding-right: 0.5rem;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item .xz-left {
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item .xz-left .xz-name {
  font-size: 0.16rem;
  color: #333;
  font-weight: bold;
  flex: 1.5;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item .xz-left .xz-date {
  flex: 1.5;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item .xz-left .xz-gs {
  flex: 1;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item .xz-left .xz-daxiao {
  flex: 1.5;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item .xz-right {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #00a0e9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xiazai-floor .wrap .xiazai-list .xiazai-item .xz-right img {
  filter: brightness(0) invert(1);
  width: 0.1rem;
}

.question-floor {
  padding: 0.54rem 0 1rem;
}

.question-floor .wrap {
  text-align: center;
}

.question-floor .question-list {
  margin-top: 0.48rem;
}

.question-floor .question-list .question-item {
  background-color: #f9f9f9;
  padding: 0 0.45rem;
}

.question-floor .question-list .question-item:not(:last-child) {
  margin-bottom: 0.24rem;
}

.question-floor .question-list .question-item .qu-top {
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.question-floor .question-list .question-item .qu-top .qt-left {
  font-size: 0.2rem;
  font-weight: bold;
}

.question-floor .question-list .question-item .qu-top .qt-left span {
  color: #00a0e9;
  margin-right: 0.3rem;
}

.question-floor .question-list .question-item .qu-top .qt-right {
  cursor: pointer;
}

.question-floor .question-list .question-item .qu-top .qt-right.active .jian {
  display: block;
}

.question-floor .question-list .question-item .qu-top .qt-right.active .jia {
  display: none;
}

.question-floor .question-list .question-item .qu-top .qt-right img {
  width: 0.3rem;
}

.question-floor .question-list .question-item .qu-top .qt-right .jian {
  display: none;
}

.question-floor .question-list .question-item .qu-bottom {
  display: none;
}

.question-floor .question-list .question-item .qu-bottom .nr-box {
  display: flex;
  padding-bottom: 0.4rem;
}

.question-floor .question-list .question-item .qu-bottom .nr-box .qt-left {
  font-size: 0.2rem;
  font-weight: bold;
}

.question-floor .question-list .question-item .qu-bottom .nr-box .qt-left span {
  color: #00a0e9;
  margin-right: 0.3rem;
}

.question-floor .question-list .question-item .qu-bottom .nr-box .qu-text {
  font-size: 0.14rem;
  color: #666666;
  line-height: 1.8em;
  text-align: left;
}

.cp-floor {
  padding: 0.6rem 0 1rem;
}

.cp-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}

.cp-list .news-item {
  background-color: #f3f1f1;
  transition: 0.3s;
}

.cp-list .news-item:hover {
  background-color: #00a0e9;
}

.cp-list .news-item:hover .text-box {
  color: #fff;
}

.cp-list .news-item:hover .text-box .news-p {
  color: #fff;
}

.cp-list .news-item:hover .text-box .more-btn {
  background-color: #fff;
  color: #000;
}

.cp-list .news-item .img-box {
  height: 3rem;
}

.cp-list .news-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cp-list .news-item .text-box {
  padding: 0.3rem 0.2rem;
}

.cp-list .news-item .text-box .news-title {
  font-size: 0.24rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.cp-list .news-item .text-box .news-p {
  font-size: 0.14rem;
  line-height: 1.8em;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 0.52rem;
  margin-bottom: 0.35rem;
}

.cp-list .news-item .text-box .more-btn {
  width: 1.2rem;
  height: 0.4rem;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #959595;
  font-size: 0.12rem;
  transition: 0.3s;
  margin: 0 auto;
}

.tabchange-floor {
  display: none;
}

.cp-commonfloor .title {
  font-size: 0.36rem;
}

.cp-floor1 {
  padding: 1rem 0 0.9rem;
}

.cp-floor1 .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cp-floor1 .wrap .img-box {
  width: 7rem;
  height: 4.6rem;
}

.cp-floor1 .wrap .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cp-floor1 .wrap .text-box .title {
  margin-bottom: 0.3rem;
}

.cp-floor1 .wrap .text-box ul li {
  display: flex;
  align-items: center;
  font-size: 0.18rem;
  color: #333;
}

.cp-floor1 .wrap .text-box ul li:not(:last-child) {
  margin-bottom: 0.15rem;
}

.cp-floor1 .wrap .text-box ul li img {
  width: 0.1rem;
  margin-right: 0.15rem;
}

.cp-floor2 {
  padding: 0.75rem 0 1rem;
  background-color: #f3f1f1;
}

.cp-floor2.cp-floor4 .wrap .ys-list .ys-item .img-box {
  border-radius: 0;
}

.cp-floor2 .wrap .title {
  margin-bottom: 0.6rem;
}

.cp-floor2 .wrap .ys-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8rem;
}

.cp-floor2 .wrap .ys-list .ys-item .img-box {
  height: 2rem;
  border-radius: 0.2rem;
  margin-bottom: 0.25rem;
}

.cp-floor2 .wrap .ys-list .ys-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cp-floor2 .wrap .ys-list .ys-item p {
  text-align: center;
  font-size: 0.24rem;
  color: #333;
}

.cp-floor3 {
  padding: 0.75rem 0 1rem;
}

.cp-floor3 .wrap .title {
  margin-bottom: 0.6rem;
}

.cp-floor3 .wrap .ys-list {
  display: flex;
  justify-content: space-between;
}

.cp-floor3 .wrap .ys-list .ys-item .img-box {
  height: 2.8rem;
  width: 3.2rem;
  margin-bottom: 0.25rem;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
}

.cp-floor3 .wrap .ys-list .ys-item .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cp-floor3 .wrap .ys-list .ys-item p {
  text-align: center;
  font-size: 0.24rem;
  color: #333;
}

.cp-floor5 {
  padding: 0.75rem 0 1rem;
}

.cp-floor5 .wrap .title {
  margin-bottom: 0.5rem;
}

.cp-floor5 .wrap img {
  width: 100%;
}

.center {
  text-align: center;
}

.c-fff {
  color: #fff;
}

.c-999 {
  color: #999;
}

.wd100 {
  width: 100%;
}

.dis-block {
  display: block !important;
}

.dis-flex {
  display: flex !important;
}

.dis-none {
  display: none !important;
}

.flex-between {
  justify-content: space-between;
}

.align-center {
  align-items: center;
}

.mt32 {
  margin-top: 0.32rem;
}

.mb10 {
  margin-bottom: 0.1rem;
}

.mb15 {
  margin-bottom: 0.15rem;
}

.mb20 {
  margin-bottom: 0.2rem;
}

.mb47 {
  margin-bottom: 0.47rem;
}

.ml50 {
  margin-left: 0.5rem;
}

.ml65 {
  margin-left: 0.65rem;
}

.lh30 {
  line-height: 0.3rem;
}

.pos-rel {
  position: relative;
}

.wd90 {
  width: 90%;
}

/* 首页的行业视野 */
.industry-vision {
  padding: 1rem 0;
}

.industry-vision .industry-content {
  display: grid;
  grid-template-columns: 2fr 1fr;
  /* 第一列宽度为第二列的两倍 */
  gap: 0.1rem;
  /* 可选：设置网格之间的间隔 */
}

.industry-vision .industry-content .industry-bigbox {
  border-right: 0.01rem solid #ccc;
}

.moreButton {
  cursor: pointer;
}

.industry-vision .industry-content .top-title {
  display: flex;
  justify-content: space-between;
}

.industry-vision .industry-content .moreButton {
  width: 1.6rem;
  height: 0.5rem;
  line-height: 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.18rem;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 0.3rem;
}

.industry-vision .industry-content .moreButton .more-title {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.14rem;
  color: #231916;
  line-height: 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.21rem;
}

.industry-vision .industry-content .moreButton .more-arrow .more-arrow-img {
  width: 0.12rem;
  height: 0.12rem;
}

.industry-vision .industry-content .industry-info {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.34rem;
}

.industry-vision .industry-content .industry-time {
  font-family: Objectivity;
  font-weight: 300;
  font-size: 0.14rem;
  color: #999999;
  line-height: 0.34rem;
}

.industry-vision .industry-content .industry-list {
  border-top: 0.01rem solid #ccc;
  border-bottom: 0.01rem solid #ccc;
  margin-right: 0.5rem;
}

.industry-vision .industry-content .industry-box {
  border-right: 0.01rem solid #ccc;
}

.industry-vision .industry-content .industry-list li {
  padding: 0.37rem 0.2rem;
  position: relative;
}

.industry-vision .industry-content .industry-list li .right-arrow {
  display: none;
}

.industry-vision .industry-content .industry-list li:hover {
  box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.industry-vision .industry-content .industry-list li:hover .right-arrow {
  display: block;
}

.industry-vision .industry-content .industry-list li .more-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.4rem;
  width: 0.34rem;
  height: 0.34rem;
  background: #edebe9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.industry-vision
  .industry-content
  .industry-list
  li
  .more-arrow
  .more-arrow-img {
  width: 0.12rem;
  height: 0.12rem;
}

.industry-vision .industry-content .right-box {
  margin-left: 0.86rem;
  margin-top: 1.66rem;
}

.industry-vision .industry-content .right-box img {
  width: 3.6rem;
  height: 1.6rem;
}

.industry-vision .industry-content .right-box .title {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.36rem;
  color: #000000;
  line-height: 0.34rem;
}

.industry-vision .industry-content .right-box .subtitle {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.18rem;
  color: #999999;
  line-height: 0.34rem;
}

.fr {
  float: right;
}

/* 关于我们 */
.company-introduct {
  padding: 0.8rem 0 1.75rem 0;
}

.company-introduct .introduct {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.36rem;
}

.company-introduct .banner-img {
  width: 100%;
  height: 6.5rem;
  margin-top: 0.58rem;
}

.about-videoplay {
  position: relative;
  margin-top: 0.5rem;
}

.about-videoplay .videoplay-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-subTitle {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000000;
  line-height: 0.34rem;
  height: 0.46rem;
  margin-top: 1.37rem;
  margin-bottom: 0.4rem;
}

.company-introduct .introduct-detail {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.3rem;
  margin-top: 0.37rem;
  margin-bottom: 0.63rem;
}

.two-img {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
}

.two-difimg {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0.7rem;
}

.two-difimg img {
  height: 6.6rem;
}

.space2 {
  text-indent: 2ch;
}

/* 我的作品 */
.product-nav .class-item {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.34rem;
  margin-right: 0.4rem;
  padding-bottom: 0.1rem;
  cursor: pointer;
}

.product-nav .class-item.active {
  color: #0f8261;
  border-bottom: 0.02rem solid #0f8261;
}

.product-nav .product-search {
  position: relative;
  width: 3.2rem;
  border-bottom: 0.02rem solid #000;
}

.product-nav .product-search .search-icon {
  position: absolute;
  width: 0.29rem;
  height: 0.29rem;
  top: 50%;
  right: 0.1rem;
  transform: translateY(-50%);
  cursor: pointer;
}

.product-nav .product-search input {
  border: none;
  color: #000;
  width: 80%;
  height: 100%;
  border-radius: 0.24rem;
  outline: none;
  font-size: 0.18rem;
  padding: 0 0.27rem;
  padding-right: 0.5rem;
  margin-left: 0.1rem;
}

.product-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
  margin-top: 0.6rem;
}

.product-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-box .product-list {
  border-bottom: 0.04rem solid #e5e5e5;
}

.product-box .product-list:hover {
  border-bottom: 0.04rem solid #0f8261;
}

.product-box .content-box {
  padding: 0.24rem 0.1rem 0.3rem 0.24rem;
}

.product-box .content-box .product-title {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.3rem;
}

.product-box .content-box .product-subtitle {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.3rem;
}

.more-add {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.3rem;
  margin-top: 0.9rem;
  cursor: pointer;
}

.more-add img {
  width: 0.19rem;
  height: 0.19rem;
  margin-right: 0.05rem;
}

/* 行业视野 */
.industry-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
  margin-top: 0.6rem;
}

.industry-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.industry-box .product-list {
  background: #f7f7f7;
}

.industry-box .product-list:hover {
  background-color: #fff;
  box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.industry-box .product-list:hover .product-more img {
  display: block;
}

.industry-box .content-box {
  padding: 0.24rem;
}

.industry-box .content-box .product-title {
  height: 0.6rem;
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.3rem;
  margin-bottom: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.industry-box .content-box .product-subtitle {
  font-family: Objectivity;
  font-weight: 300;
  font-size: 0.14rem;
  color: #999999;
  line-height: 0.34rem;
}

.product-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-more img {
  width: 0.34rem;
  height: 0.34rem;
}

.product-more .active-arrow {
  display: none;
}

.industry-box .product-list:hover .product-more .active-arrow {
  display: block;
}

.industry-box .product-list:hover .product-more .noactive-arrow {
  display: none;
}

/* 联系我们 */
.phone-contact {
  display: flex;
  align-items: center;
}

.phone-contact span {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.36rem;
  color: #000000;
  padding-left: 0.1rem;
}

.phone-thanks {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 0.24rem;
  color: #333333;
  margin-top: 0.4rem;
}

.contact-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem;
  margin-top: 0.6rem;
}

.contact-content .input-box .contact-label {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  margin-bottom: 0.1rem;
}

.contact-content .input-box .contact-input {
  width: 3.5rem;
  height: 0.4rem;
  background: #efefef;
  margin-bottom: 0.28rem;
}

.contact-content .input-box textarea {
  width: 90%;
  height: 3rem;
  background: #efefef;
  margin-bottom: 0.28rem;
}

.contact-content .input-box .contact-label span {
  color: #e74c3c;
}

.contact-title {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.24rem;
  color: #333333;
  margin-bottom: 0.3rem;
}

.contact-methodes p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
}

.submit-btn {
  width: 1.2rem;
  height: 0.36rem;
  background: #0f8261;
  border-radius: 0.17rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  cursor: pointer;
}

.submit-btn button {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 0.12rem;
  color: #ffffff;
  cursor: pointer;
}

/* 项目详情 */
.mt156 {
  margin-top: 1.56rem;
}

.share {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 0.18rem;
  color: #999999;
}

.share-list {
  display: flex;
  justify-content: space-evenly;
  width: 2rem;
}

.more-news {
  background: #f7f7f7;
  padding: 0.8rem 0 1.2rem 0;
}

.more-newsbox {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0.1rem;
}

.more-newsbox .industry-list {
  margin-right: 0.5rem;
}

.more-newsbox .industry-list li {
  padding: 0.37rem 0.2rem;
  position: relative;
  border-bottom: 0.01rem solid #ccc;
}

.more-newsbox .industry-list .industry-info {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.34rem;
}

.more-newsbox .industry-list .industry-time {
  font-family: Objectivity;
  font-weight: 300;
  font-size: 0.14rem;
  color: #999999;
  line-height: 0.34rem;
}

.more-newsbox .industry-list li .more-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.4rem;
}

.more-newsbox .industry-list li:hover {
  background-color: #fff;
  box-shadow: 0 0.02rem 0.12rem 0 rgba(0, 0, 0, 0.1);
}

.more-newsbox .industry-list li {
  padding: 0.37rem 0.2rem;
  position: relative;
}

.more-newsbox .industry-list li:hover .noactive-arrow {
  display: block;
}

.more-newsbox .industry-list li .noactive-arrow {
  display: none;
}

.more-newlist {
  background-color: #fff;
}

.more-newlist .content-box {
  padding: 0.24rem;
}

.more-newlist .product-title {
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
  margin-bottom: 0.69rem;
}

.more-newlist .product-subtitle {
  font-family: Objectivity;
  font-weight: 300;
  font-size: 0.14rem;
  color: #999999;
}

/* 项目详情 */
.swiper-father {
  width: 16rem;
  margin: auto;
}

.more-relevant {
  margin-top: 1rem;
}

.breadmt156 {
  margin-top: 1.56rem;
}

.my-mission .moreButton .more-arrow img {
  width: 0.34rem;
  height: 0.34rem;
}

.mobile-container,
.phoneheader,
.dian,
.phone-search,
.tabchange-floor {
  display: none;
}

/* === 方案一：现代国际范 (Modern Swiss Style) === */

/* 1. 外层容器 */
.custom-mission-box {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}

/* 2. Flex 布局 */
.mission-flex-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* 3. 内容块宽度 */
.mission-item {
  width: 44%; /* 稍微留宽一点间隙 */
  position: relative;
}

/* 4. 右侧分割线：改细一点，距离拉大，更精致 */
.right-item {
  padding-left: 0.8rem; /* 拉大间距 */
}

/* 5. 英文大标题 (核心修改) */
.mission-big-title {
  font-size: 0.56rem; /* 英文不宜过大，0.56rem 足够震撼 */
  font-weight: 800; /* 粗体，但不要最粗 */
  color: #000;
  line-height: 1.1;
  margin-bottom: 0.4rem;
  /* 使用系统自带的高级无衬线字体 */
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  /* 英文大写需要一点间距，不要挤在一起 */
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* 6. 英文正文 */
.mission-desc {
  font-size: 0.24rem; /* 英文正文不宜过大，0.16-0.18 是最佳阅读大小 */
  color: #666; /* 深灰 */
  line-height: 1.8; /* 这种行高读起来最舒服 */
  text-align: left; /* 英文建议左对齐，两端对齐容易产生奇怪的单词间隙 */
  font-weight: 400;
  font-family: "Open Sans", "Arial", sans-serif;
}

/* 7. 按钮区域 */
.mission-btn-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
}

/* 8. 手机适配 */
@media (max-width: 768px) {
  .mission-flex-row {
    flex-direction: column;
  }
  .mission-item {
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .right-item {
    padding-left: 0;
    border-left: none;
    padding-top: 0.6rem;
    border-top: 1px solid #e5e5e5;
  }
  .mission-big-title {
    font-size: 0.42rem;
  }
}

/* === 回归普通的标准搜索框 === */

.right-controls .search-box {
    display: none; /* 默认隐藏 */
    align-items: center;
    
    /* 标准外观：白底、灰边、微圆角 */
    background-color: #fff; 
    border: 1px solid #ccc;  /* 最普通的灰色边框 */
    border-radius: 0.04rem;  /* 4px 微圆角，看起来方方正正 */
    
    /* 尺寸 */
    height: 0.36rem;         /* 标准高度 (约36px) */
    margin-left: 0.15rem;    
    padding-left: 0.1rem;    /* 文字离左边的距离 */
    box-sizing: border-box;  /* 确保边框不撑大尺寸 */
}

/* JS 显示时的布局修正 */
.right-controls .search-box[style*="display: block"] {
    display: flex !important;
}

/* 输入框本体 */
.right-controls .search-box input {
    border: none;        /* 去掉黑边，共用父盒子的边框 */
    outline: none;       /* 去掉点击蓝框 */
    background: transparent;
    height: 100%;
    width: 2rem;         /* 给一个合适的固定宽度 */
    font-size: 0.14rem;
    color: #333;
    font-family: inherit;
}

/* 按钮区域 */
.right-controls .search-box button {
    border: none;
    background: transparent;
    cursor: pointer;
    height: 100%;
    padding: 0 0.1rem;   /* 按钮左右留白 */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* 可选：给按钮左边加一条分割线，看起来更像一个整体组件 */
    border-left: 1px solid #eee; 
}

/* 图标限制 (防止变大) */
.right-controls .search-box button img {
    width: 0.16rem !important;  /* 16px 标准图标大小 */
    height: 0.16rem !important;
    display: block;
    opacity: 0.7;
}

/* 鼠标悬停按钮时图标变黑 */
.right-controls .search-box button:hover img {
    opacity: 1;
}