/*
 Theme Name:   HBD
 Theme URI:    
 Description:  汉邦激光英文版.
 Author:       
 Author URI:   
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/
/* .brxe-container {
    transform: scale(0.8);
} */

/* .maxw.brxe-container{
	height: auto !important;
} */

/* 视频相关样式 - 使用您提供的CSS */
.video-section {
  margin-bottom: 0;
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.aspect-video {
  position: relative;
  width: 100%;

  /*height: 900px;*/
}
.aspect-video video {
  aspect-ratio: 16/9;
}

.white-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 10;
  opacity: 1;
  mix-blend-mode: lighten;
}

.animated-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  white-space: nowrap;
  color: #000 !important;
  font-size: clamp(3rem, 60vw, 20rem);
  font-weight: 800;
  opacity: 1;
  line-height: 1;
}

body {
  font-family: Poppins;
  font-size: 16px;
  color: #000;
}

body.bricks-is-frontend :focus-visible {
  outline: none;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.s_solution_model {
  min-height: 200px;
}

.toplogo {
  fill: #fff;
  stroke: #fff;
  height: 4rem;
  width: auto;
  filter: brightness(100);
}

.toplogo-black {
  fill: #000;
  stroke: #000;
  height: 4rem;
  width: auto;
  filter: brightness(0);
}

.color1 {
  color: #828282;
  line-height: 150%;
}

.truncate {
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 使用省略号表示溢出内容 */
}

.truncate-multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 设置显示的最大行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  /* 省略号效果 */
}

/* 模块带点的标题和子标题 */
.block-title-sub {
  color: #111113;
  font-size: 4.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.block-title-sub.brxe-text-basic {
  font-weight: 500 !important;
}

.block-title {
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  background: linear-gradient(180deg, #5680bb 21.48%, #303753 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block-title-after {
  position: relative;
}
.block-title-after::after {
  background: #ffc800;
  width: 1.9rem;
  height: 1.9rem;
  flex-shrink: 0;
  content: " ";
  display: inline-block;
  /* 	margin-left: -1rem; */
  position: relative;
  z-index: 1;
  right: 0.5rem;
}

.block-title-before::before {
  background: #ffc800;
  width: 1.9rem;
  height: 1.9rem;
  flex-shrink: 0;
  content: " ";
  display: inline-block;
  margin-right: -0.5rem;
  position: relative;
}

.page-title {
  font-size: 5rem;
  font-style: normal;
  font-weight: 700;
}

/* 按钮组 */
.black-button {
  background-color: #000;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  padding: 1.5rem 5rem;
  border: 2px solid #000;
}

.black-button:hover {
  background-color: #fff;
  color: #000;
  border: 2px solid #000;
}

.white-button {
  background-color: #fff;
  padding: 1.5rem 5rem;
  font-size: 2.4rem;
  font-weight: 600;
  color: #000;
  border: 2px solid #000;
}

.white-button:hover {
  background-color: #000;
  color: #fff;
  border: 2px solid #000;
}

.white-button1 {
  padding: 1.5rem 5rem;
  font-size: 2.4rem;
  font-weight: 600;
  color: #000;
  border: 2px solid #000;
}

.white-button1:hover {
  background-color: #000;
  color: #fff;
  border: 2px solid #000;
}

.yd1 {
  border: 1px solid #000;
  border-radius: 50%;
  padding: 4px 12px;
  font-size: 4rem;
}

.yd1:hover {
  border: 1px solid #d1d1d1;
  background-color: #d1d1d1;
}

.yd-gray {
  border: 1px solid #727272;
  border-radius: 50%;
  padding: 6px 11px;
  font-size: 2.4rem;
  color: #727272;
}

.yd-gray:hover,
.home-newslist1 .newslist-items:hover .yd-gray,
.home-newslist1 .newslist-items.active .yd-gray {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}

/* 底部咨询框 */
.footerbanner .title {
  font-size: 5.6rem;
}

.footerbanner .subtitle {
  font-size: 2rem;
  margin-top: 4rem;
  margin-bottom: 6rem;
}

/* 间距 */
.pt1 {
  padding-top: 12rem;
}

.pb1 {
  padding-bottom: 12rem;
}

.pb2 {
  padding-bottom: 8rem;
}

.mt1 {
  margin-top: 12rem;
}

.mb1 {
  margin-bottom: 12rem;
}

.mt120 {
  margin-top: 12rem;
}

.mb120 {
  margin-bottom: 12rem;
}

.hpt1 {
  padding-top: 12rem;
}

.hpb1 {
  padding-bottom: 6rem;
}

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

#brx-header.sticky:hover #menu-main-nav .brx-submenu-toggle a,
#brx-header.sticky:hover #menu-main-nav .brx-submenu-toggle .menu-item-icon,
#brx-header.sticky:hover #brxe-gcfayc a,
#brx-header.sticky:hover #brxe-gcfayc a .brxe-icon,
#brx-header.sticky:hover #brxe-cqdpoq,
/* 9.17 */
#brx-header:hover #menu-main-nav .brx-submenu-toggle a,
#brx-header:hover #menu-main-nav .brx-submenu-toggle .menu-item-icon,
#brx-header:hover #brxe-gcfayc a,
#brx-header:hover #brxe-gcfayc a .brxe-icon,
#brx-header:hover #brxe-cqdpoq,

#brx-header.scrolling #menu-main-nav .brx-submenu-toggle a,
#brx-header.scrolling #menu-main-nav .brx-submenu-toggle .menu-item-icon,
#brx-header.scrolling #brxe-gcfayc a,
#brx-header.scrolling #brxe-gcfayc a .brxe-icon,
#brx-header.scrolling #brxe-cqdpoq,

#brx-header .headerb #menu-main-nav .brx-submenu-toggle a,
#brx-header .headerb #menu-main-nav .brx-submenu-toggle .menu-item-icon,
#brx-header .headerb #brxe-gcfayc a,
#brx-header .headerb #brxe-gcfayc a .brxe-icon,
#brx-header .headerb #brxe-cqdpoq {
  color: #000 !important;
  cursor: default;
}

#brx-header #menu-main-nav .menu-item:nth-child(-n+2) .brx-submenu-toggle a:hover,
#brx-header #menu-main-nav .menu-item:nth-child(-n+2) .brx-submenu-toggle .menu-item-icon:hover,
#brx-header #menu-main-nav .menu-item:nth-child(-n+2) #brxe-gcfayc a:hover,
#brx-header #menu-main-nav .menu-item:nth-child(-n+2) #brxe-gcfayc .brxe-icon:hover,
#brx-header #menu-main-nav .menu-item:nth-child(-n+2) #brxe-cqdpoq:hover,

/* Sticky Header 情况下前两个菜单项悬停变色 */
#brx-header.sticky #menu-main-nav .menu-item:nth-child(-n+2) .brx-submenu-toggle a:hover,
#brx-header.sticky #menu-main-nav .menu-item:nth-child(-n+2) .brx-submenu-toggle .menu-item-icon:hover,
#brx-header.sticky #menu-main-nav .menu-item:nth-child(-n+2) #brxe-gcfayc a:hover,
#brx-header.sticky #menu-main-nav .menu-item:nth-child(-n+2) #brxe-gcfayc .brxe-icon:hover,
#brx-header.sticky #menu-main-nav .menu-item:nth-child(-n+2) #brxe-cqdpoq:hover {
  /* color: #ffc800 !important; */
  color: #000 !important;
  cursor: pointer;
}

#brxe-eee84e:hover {
  background-color: #fff;
}

/* 下拉后logo颜色 */
#brx-header:hover .toplogo path,
#brx-header.sticky:hover .toplogo path,
#brx-header.scrolling .toplogo path,
#brx-header .headerb .toplogo path {
  filter: brightness(1);
  -webkit-filter: brightness(1);
}
#brx-header.sticky:hover .toplogo #Subtract,
#brx-header:hover .toplogo #Subtract,
#brx-header.scrolling .toplogo #Subtract,
#brx-header .headerb .toplogo #Subtract,
#brxe-eee84e.sticky:hover .toplogo #Subtract,
#brxe-eee84e:hover .toplogo #Subtract,
#brxe-eee84e.scrolling .toplogo #Subtract,
#brxe-eee84e .headerb .toplogo #Subtract {
  filter: brightness(1);
  -webkit-filter: brightness(1);
}

#brx-header:hover .toplogo {
  filter: brightness(1);
  -webkit-filter: brightness(1);
}

#brx-header:hover .toplogo-black {
  filter: brightness(0);
  -webkit-filter: brightness(0);
}

/* 
#brx-header #brxe-cqdpoq path{
	fill: transparent;
	stroke: #fff;
} */

#brx-header #brxe-cqdpoq path {
  fill: #ffffff00;
  stroke: #fff;
}

#brx-header:hover #brxe-cqdpoq path,
#brx-header.sticky:hover #brxe-cqdpoq path,
#brx-header.scrolling #brxe-cqdpoq path {
  stroke: #000;
}

/* main menu */
#menu-main-nav .brx-megamenu {
  background-color: #fff;
  box-shadow: 0px 3px 3px #99999933;
  top: 100%;
  border-top: 1px solid #cccccc;
}

/* sub nav */
.subnav {
  padding: 6rem 0;
  column-gap: 6rem;
}

.subnav a {
  color: #28292c;
  font-weight: 500;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.subnav a:hover {
  background: url(../hbd/images/nav-bg-line.png) left 90% repeat-x;
}

.solutions-subnav .brxe-block h3 a {
  color: #000;
  font-size: 2rem;
  font-weight: 400;
}

.solutions-subnav .brxe-block {
  width: 20%;
  position: relative;
}

.solutions-subnav .brxe-block:hover .brxe-image::after {
  background: rgba(255, 200, 0, 1);
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  content: " ";
  display: inline-block;
  margin-left: -1rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

.howarea .howitem:nth-child(3) .howimg {
  order: 2;
  background-position: 20rem 100%;
  justify-content: left;
}

.howarea .howitem:nth-child(3) .howtext {
  order: 1;
  padding-left: 10%;
}

.howarea .howitem:nth-child(3) .howtext .brxe-xjcfim {
  padding-right: 30%;
}

.perfectarea .perfectitem:nth-child(2) .perfectimg {
  order: 2;
  align-items: flex-end;
}

.perfectarea .perfectitem:nth-child(2) .perfecttext {
  padding-left: 0;
  padding-right: 4rem;
}

.solutions-subnav .brxe-block .subnav-ico {
  position: relative;
}

.solutions-subnav .brxe-block .subnav-ico svg {
  width: 5rem;
  height: 5rem;
}

.solutions-subnav .brxe-heading {
  margin-top: 1rem !important;
}

.solutions-subnav .brxe-block:hover .subnav-ico .brxe-svg path {
  /*fill: #000;*/
}

.solutions-subnav .brxe-block:hover .subnav-ico::after {
  background: rgba(255, 200, 0, 1);
  width: 3.4rem;
  height: 3.4rem;
  flex-shrink: 0;
  content: " ";
  display: inline-block;
  position: absolute;
  right: -0.3rem;
  bottom: 0.6rem;
  z-index: -1;
}

/* banner */
.page-banner-title1 {
  color: #fff;
  font-size: 7rem;
  font-weight: 500;
}

.page-banner-title2 {
  color: #fff;
  font-size: 4rem;
  line-height: 120%;
}

.pingjia .testimonial-content-wrapper {
  max-width: 80%;
  margin-bottom: 4.5rem;
}

/* 简介页面 */
.about-num {
  display: flex;
  justify-content: space-between;
}

.about-num .brxe-block {
  width: calc(33.333% - 1rem);
  margin-bottom: 5rem;
  margin-top: 5rem;
}

.about-num .brxe-counter .count,
.about-num .brxe-counter .prefix {
  font-size: 5rem;
  font-weight: 500;
}

.about-num .brxe-counter .suffix {
  font-size: 4rem;
}

.about-num h6.brxe-heading {
  font-weight: normal;
  color: #111113;
  font-size: 2rem;
  text-align: center;
}

.about-map1 .brxe-accordion-nested {
  position: relative;
  padding-top: 11rem;
}

.about-map1 .brxe-accordion-nested .listening {
  position: absolute;
  width: 40rem;
}

.about-map1 .brxe-accordion-nested .accordion-title-wrapper .brxe-heading {
  font-size: 1.8rem;
  font-weight: 600;
}

.about-map1 .brxe-accordion-nested .accordion-title-wrapper img {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.5rem;
}

.about-map1 .brxe-accordion-nested .accordion-content-wrapper {
  background-color: #fff;
  z-index: 9;
  box-shadow: 0 5px 1rem rgba(0, 0, 0, 0.3),
    /* 左边阴影 */ -5px 5px 1rem rgba(0, 0, 0, 0.3),
    /* 右边阴影 */ 5px 5px 1rem rgba(0, 0, 0, 0.3);
  border-radius: 1rem;
  padding: 1.5rem !important;
}

.about-map1 #brxe-kmmyvk {
  left: 35%;
}

.about-map1 #brxe-tvwojg {
  left: 6%;
  top: 31%;
}

.about-map1 #brxe-epsdie {
  left: 42%;
  top: 40%;
}

.about-map1 #brxe-rkgttj {
  right: 16%;
  top: 31%;
  width: 45rem;
}

.about-map1 #brxe-pnxqje {
  right: 14%;
  top: 36%;
  width: 40rem;
}

.about-brandlist .brxe-block {
  margin-bottom: 10rem;
  font-size: 2.4rem;
  color: #828282;
}

.about-brandlist .brxe-block:nth-child(even) {
  margin-left: 18%;
}

.timeline--horizontal .timeline__item {
  text-align: center;
}

/* 时间线 */
#btimeline-2100 .timeline--horizontal {
  padding: 0;
}

.timeline--horizontal .timeline-divider {
  background-color: #000;
  height: 2px;
}

.timeline__content {
  padding-left: 0;
  padding-right: 0;
}

.timeline__content,
.timeline__item:after {
  border: 0;
}

.timeline__content h2 {
  font-size: 48px;
  color: #000;
}

.timeline__content p {
  font-size: 2rem;
  color: #828282;
  font-weight: 400;
  line-height: 200%;
}

.timeline--horizontal .timeline__item .timeline__content:after,
.timeline--horizontal .timeline__item .timeline__content:before {
  border-left: 0;
  border-right: 0;
}

#btimeline-2100 .timeline__content h2-:hover {
  background: url(../hbd/images/nav-bg-line.png) left 70% repeat-x;
}

/* left cat */
.leftcat {
  border: 1px solid #cbcbcb;
  padding: 4rem 2.4rem 2rem 2.4rem;
}

.leftcat .brxe-div {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 2.4rem;
}

.leftcat .brxe-div a {
  display: block;
  border: 1px solid #cbcbcb;
  padding: 1rem;
  font-size: 2rem;
  font-weight: 500;
}

.leftcat .brxe-div a:hover {
  background: #e9e9e9;
  border: 1px solid #e9e9e9;
}

/* 新闻详情页 */
.brxe-post-sharing li {
  margin: 1rem 0;
}

.brxe-post-content {
  line-height: 180%;
}

.brxe-post-content h3 {
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.page-tags a {
  background-color: #e2e2e2;
  color: #000;
}

/* Event Calendar */
.home-event .eventitem {
  border-left: 1px solid #dadada;
  padding-left: 17rem;
}

.home-event .eventitem:first-child {
  border-left: none;
  padding-left: 0;
}

.home-event .brxe-block .brxe-text-basic {
  color: #828282;
  /* 	font-size: 2rem; */
  margin-left: 2rem;
}

.subcat a {
  border: 1px solid #cbcbcb;
  font-size: 2rem;
  padding: 1rem 4rem;
  margin-right: 2rem;
}

.subcat a:hover {
  background: #111113;
  border: 1px solid #111113;
  color: #fff;
}

/* 产品详情页面 */
.pro-case-tab .tab-desc {
  display: none;
}

.pro-case-tab .tab-title {
  margin-left: 10rem;
}

.pro-case-tab .tab-title.brx-open {
  margin-left: 0;
}

.pro-case-tab .brx-open .tab-desc {
  display: block;
}

.pro-case-tab .tab-title .title-text,
.solutions-tab1 .tab-menu .tab-title .brxe-text-basic {
  /* 使用 -webkit-background-clip: text 来裁剪背景到文本区域 */
  -webkit-background-clip: text;
  /* 使用 -webkit-text-fill-color: transparent 来使文本本身透明 */
  -webkit-text-fill-color: transparent;
  /* 定义背景渐变 */
  /* background-image: linear-gradient(45deg, #ff6b6b, #f06595, #c70039); */
  /* 其他样式 */
  background-image: linear-gradient(180deg, #fff, #999);
}

.pro-case-tab .tab-title.brx-open .title-text,
.solutions-tab1 .tab-menu .tab-title.brx-open .brxe-text-basic {
  background-image: linear-gradient(180deg, #000, #000);
}

.solutions-tab1 .tab-menu .tab-title.brx-open .brxe-text-basic {
  line-height: 6rem;
}

.pro-canshu .pro-canshu-items {
  padding: 2rem 4rem;
}

.pro-canshu .pro-canshu-items:nth-child(odd) {
  background-color: #f8f8f8;
}

.recommended-tabs .tab-menu .tab-title .brxe-text-basic {
  background: url(../hbd/images/ico-dian2.png) 5px center no-repeat;
  padding-left: 4rem;
}

.recommended-tabs .tab-menu .brx-open .brxe-text-basic {
  background: url(../hbd/images/ico-dian2-hover.png) left center no-repeat;
}

.recommended-tabs .tab-content .brxe-container .brxe-block .brxe-text {
  color: #828282;
}

.recommended-tabs .tab-content .brxe-container .brxe-block .brxe-text strong {
  color: #111113;
}

/* 首页新闻 */
.home-newslist1 {
  display: flex;
}

.home-newslist1 .newslist-items {
  color: #cacaca;
  width: 46%;
}

.home-newslist1 .newslist-items h3.brxe-heading {
  font-weight: 500;
}

.home-newslist1 .newslist-items:hover,
.home-newslist1 .newslist-items.active {
  color: #000;
}

.Eventlist .eventlist-items {
  border-right: 1px solid #dadada;
  margin-right: 10rem;
  padding-left: 5rem;
}

.Eventlist .eventlist-items:first-child {
  padding-left: 0;
}

.Eventlist .eventlist-items:last-child {
  border-right: 0;
  margin-right: 0;
}

/* 底部 */
.footer-sub input {
  height: 100%;
}

.footer-sub .bricks-button {
  background-color: #000;
  height: 100%;
  color: #fff;
}

.footer-navlist .brxe-block h3.brxe-heading {
  margin-bottom: 1rem;
}

.footer-navlist .brxe-block .brxe-nav-menu li {
  margin-bottom: 5px;
}

.footer-navlist .brxe-block .brxe-nav-menu li a:hover {
  text-decoration: underline;
}

.footer-contact .brxe-text-basic {
  margin: 3rem 6rem 2rem 0;
}

#brxe-ktcomi .splide__arrow:hover {
  background-color: #d1d1d1;
  border: 1px solid #d1d1d1;
}

#certify .swiper-slide .brxe-heading,
#certify .swiper-slide .brxe-text-basic {
  opacity: 0;
  display: none;
}

#certify .swiper-slide-active .brxe-heading,
#certify .swiper-slide-active .brxe-text-basic {
  opacity: 1;
  min-width: 50rem;
  display: block;
  transform: translateX(-50%);
}

#certify .swiper-slide .brxe-heading {
  /* 	font-size: 3.2rem; */
}

#certify .swiper-slide .brxe-text-basic {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

#certify .swiperimg {
  width: 77rem;
  height: 77rem;
}

@media (max-width: 766px) {
  #certify .swiperimg {
    width: 24rem;
    height: 24rem;
  }

  #certify .swiper-slide-active .brxe-heading,
  #certify .swiper-slide-active .brxe-text-basic {
    opacity: 1;
    transform: translateX(-50%);
    max-width: 50rem;
    min-width: 50rem;
  }

  #certify .swiper-slide .brxe-heading {
    font-size: 2.8rem;
  }

  #certify .swiper-slide .brxe-text-basic {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}

#certify .swiper-container {
  width: 100%;
  height: 80rem;
  margin-left: auto;
  margin-right: auto;
}

#certify .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition-property: all;
}

#certify #progressEffect {
  position: absolute;
  z-index: 10;
  top: 2rem;
  left: 2rem;
}

#brxe-jwyrdp .brxe-container .brxe-text {
  color: #828282;
  line-height: 4rem;
}

#brxe-jwyrdp .brxe-container .brxe-text strong {
  color: #111113;
}

.pdfdownload:hover svg,
.pdfdownload:hover svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

#brxe-qitszk .block-title-after::after,
#brxe-rcmuyq .block-title-after::after {
  margin-left: 0;
}

#brxe-zsnsuz .block-title-after::after {
  z-index: 2;
}

.join-tab a:hover {
  text-decoration: underline;
}

.timeline__item:after {
  background-color: #000;
  width: 1.5rem;
  height: 1.5rem;
}

.story-slider .splide__arrow--prev {
  left: 54.5%;
  top: auto;
  bottom: 2%;
}

.story-slider .splide__arrow--next {
  right: 41%;
  top: auto;
  bottom: 2%;
  overflow: hidden;
}

.solutions-slider1.brxe-slider-nested .splide__arrow {
  bottom: 0;
  top: auto;
}

.solutions-slider1.brxe-slider-nested .splide__arrow:hover {
  background-color: #d1d1d1;
  border: 1px solid #d1d1d1;
}

.solutions-slider1.brxe-slider-nested .splide__arrow--prev {
  left: 50%;
}

.solutions-slider1.brxe-slider-nested .splide__arrow--next {
  right: 42.5%;
}

.splide__pagination .splide__pagination__page {
  background: url(../hbd/images/ico-dian2.png) center center no-repeat;
  background-size: cover;
  background-color: rgba(255, 0, 0, 0) !important;
}

.splide__pagination .splide__pagination__page.is-active {
  background: url(../hbd/images/ico-dian2-hover.png) center center no-repeat;
  background-size: cover;
  background-color: rgba(255, 0, 0, 0) !important;
}

#brxe-pdqlwi .splide__pagination {
  bottom: -5rem;
}

#brxe-pdqlwi .splide__pagination .splide__pagination__page.is-active {
  color: #000000;
  background: #000 !important;
  width: 6rem;
  border-radius: 5px;
  height: 1rem;
  border: 1px solid #000;
}

#brxe-pdqlwi .splide__pagination .splide__pagination__page {
  color: #cbcbcb;
  background-color: #cbcbcb;
}

.home-solutions-tab .tab-content img {
  max-height: 53rem;
  max-width: 53rem;
  width: auto;
  margin-bottom: 5%;
}

.home-solutions-tab .bricks-button {
  /* margin-left: 24%; */
}

/* CSS 呼吸外扩动画效果 */
.breathing-box {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  animation: breathing 2s infinite ease-in-out;
}

@keyframes breathing {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
    /* 放大到1.1倍 */
  }
}

@media (max-width: 766px) {
  body {
    line-height: 160%;
  }

  /* 间距 */
  .pt1 {
    padding-top: 6rem;
  }

  .pb1 {
    padding-bottom: 6rem;
  }

  .pb2 {
    padding-bottom: 4rem;
  }

  .mt1 {
    margin-top: 6rem;
  }

  .mb1 {
    margin-bottom: 6rem;
  }

  .mt120 {
    margin-top: 6rem;
  }

  .mb120 {
    margin-bottom: 6rem;
  }

  .hpt1 {
    padding-top: 6rem;
  }

  .hpb1 {
    padding-bottom: 3rem;
  }

  .m-top-nav .brxe-accordion-nested .accordion-title-wrapper .m-top-nav-down,
  .m-top-nav
    .brxe-accordion-nested
    .brx-open
    .accordion-title-wrapper
    .m-top-nav-up {
    display: none;
  }

  .m-top-nav
    .brxe-accordion-nested
    .brx-open
    .accordion-title-wrapper
    .m-top-nav-down,
  .m-top-nav .brxe-accordion-nested .accordion-title-wrapper .m-top-nav-up {
    display: block;
  }

  .hpt1 {
    padding-top: 6rem;
  }

  .hpb1 {
    padding-bottom: 3rem;
  }

  .block-title-before::before,
  .block-title-after::after {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: -0.3rem;
    margin-right: 0;
  }
  .block-title-before::before {
    left: 0.5rem;
  }

  .block-title {
    font-size: 23px;
    line-height: 1.2;
  }

  .block-title-m {
    font-size: 4.6rem;
  }

  .block-title-sub {
    font-size: 16px;
  }
  .brxe-heading {
    width: auto !important;
  }

  .black-button,
  .white-button1,
  .white-button {
    padding: 0.8rem 1.8rem;
    font-size: 2.4rem;
  }

  .toplogo {
    height: 3rem;
  }

  .home-solutions-tab .tab-content img {
    max-width: 100%;
    max-height: 100%;
    margin-left: 0;
  }

  #certify .swiper-slide {
    width: 15rem;
    height: auto;
  }

  #certify .swiper-slide.active img {
    max-width: 100%;
    max-height: 100%;
  }

  #brxe-ktcomi .splide__arrow--next {
    right: 10% !important;
  }

  .home-newslist1 .newslist-items {
    width: 100%;
  }

  .home-newslist1 .newslist-items {
    color: #111113;
  }

  .home-newslist1 .newslist-items .brxe-text-basic {
    color: #828282;
  }

  #brxe-zvhfaf {
    background: rgba(245, 245, 245, 0.9);
  }

  .home-event .eventitem {
    padding-left: 0;
    border-left: 0;
    border-bottom: 1px solid #dadada;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .subcat {
    overflow-y: scroll;
  }

  .subcat a {
    border: 1px solid #cbcbcb;
    padding: 1rem;
    margin-right: 1rem;
    font-size: 1.4rem;
    font-weight: 500;
  }

  .subcat a:hover {
    background: #e9e9e9;
  }

  .page-title {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
  }

  /* banner */
  .page-banner-title1 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
  }

  .page-banner-title2 {
    color: #fff;
    font-size: 2.4rem;
    line-height: 120%;
  }

  .about-num .brxe-block {
    margin-top: 1rem;
    margin-bottom: 3rem;
  }

  .about-num .brxe-counter .count,
  .about-num .brxe-counter .prefix {
    font-size: 3rem;
    font-weight: 500;
  }

  .about-num .brxe-counter .suffix {
    font-size: 16px;
  }

  .about-num h6.brxe-heading {
    font-size: 16px;
  }

  .about-brandlist .brxe-block {
    color: #000;
  }

  .about-brandlist .brxe-block:nth-child(even) {
    margin-left: 0;
  }

  .timeline__content h2 {
    font-size: 2.4rem;
  }

  .timeline__content p {
    font-size: 12px;
  }

  .pingjia .testimonial-content-wrapper {
    margin-bottom: 2rem;
  }

  .howarea .howitem:nth-child(3) {
    background-position: right 100%;
  }

  .howarea .howitem:nth-child(3) .howimg {
    order: 1;
    margin-bottom: 3rem;
  }

  .howarea .howitem:nth-child(3) .howtext {
    order: 2;
    padding-left: 0;
  }

  .howarea .howitem:nth-child(3) .howtext .brxe-xjcfim {
    padding-right: 0;
  }

  .perfectarea .perfectitem:nth-child(2) .perfectimg {
    order: 1;
    align-items: flex-end;
  }

  .perfectarea .perfectitem:nth-child(2) .perfecttext {
    order: 2;
    padding-left: 0;
    padding-right: 0;
  }

  .pro-case-tab .tab-title .title-text,
  .solutions-tab1 .tab-menu .tab-title .brxe-text-basic {
    /* 使用 -webkit-background-clip: text 来裁剪背景到文本区域 */
    -webkit-background-clip: text;
    /* 使用 -webkit-text-fill-color: transparent 来使文本本身透明 */
    -webkit-text-fill-color: #000;
    /* 定义背景渐变 */
    /* background-image: linear-gradient(45deg, #ff6b6b, #f06595, #c70039); */
    /* 其他样式 */
    background-image: none;
  }

  .solutions-tab1 .tab-menu .tab-title.brx-open .brxe-text-basic {
    line-height: 3rem;
  }

  #brxe-jwyrdp .brxe-container .brxe-text {
    line-height: 150%;
  }

  .pro-case-tab .brx-open .title-text {
    font-size: 2rem !important;
  }

  .pro-case-tab .brx-open .tab-desc {
    display: none;
  }

  .pro-case-tab .tab-title {
    margin-left: 0;
  }

  .brxe-yknkzn .brxe-bzdbcm.brxe-heading {
    font-weight: 400 !important;
  }
}

.gallery {
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 999999;
}

.cards {
  position: relative;
  width: 14rem;
  height: 18rem;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cards li {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 14rem;
  height: 18rem;
  text-align: center;
  line-height: 18rem;
  font-size: 2rem;
  background-color: #9d7cce;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.8rem;
}

.brxe-popup-2680.brx-popup {
  height: 100vh !important;
}

#brxe-kmaixz.swiper-container .brxe-image {
  opacity: 0.0001;
  transition: width 0.5s, transform 0.5s, opacity 0.5s;
}

#brxe-kmaixz.swiper-container .swiper-slide-active .brxe-image {
  opacity: 1;
}

#brxe-kmaixz.swiper-container .brxe-rlvcqu {
  transition: width 0.5s, transform 0.5s, opacity 0.5s;
}

.brxe-igqcuh::after {
  content: ""; /* 生成内容 */
  position: absolute; /* 绝对定位 */
  top: 50%; /* 垂直居中 */
  left: 50%; /* 水平居中 */
  width: 4rem; /* 圆点的宽度 */
  height: 4rem; /* 圆点的高度 */
  background-color: #ffffff88; /* 圆点颜色 */
  border-radius: 50%; /* 使其成为圆形 */
  transform: translate(-50%, -50%); /* 确保圆点居中 */
  animation: heartbeat 1s infinite; /* 应用心跳动画 */
  z-index: 1;
}

.brxe-igqcuh .brxe-nhykgs {
  position: relative;
  z-index: 2;
}

@keyframes heartbeat {
  0%,
  20% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  80%,
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}

.swiper-slide img {
  cursor: pointer;
}

.rotated180 {
  transform: rotate(180deg);
}

/*================================================*/

@media (max-width: 766px) {
  .maxw {
    max-width: 63rem !important;
    width: 100%;
  }
}

@media (min-width: 767px) {
  .maxw {
    max-width: 152rem !important;
    width: 100%;
  }
}

.brxe-heading {
  width: auto !important;
}
/* 针对Safari的特定样式 */
.is-safari #certify .swiperimg {
  object-fit: contain !important;
}

.content_1920 {
  width: 192rem !important;
}
@media screen and (min-width: 192rem) {
  .1920 {
    width: 192rem !important;
  }
}
@media screen and (min-width: 1920px) {
  .content_1920 {
    width: 192rem !important;
  }
}

.black_btn:hover {
  background: #fff !important;
  color: #000 !important;
  border: 2px solid #000 !important;
}
.white_btn:hover {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}

@media screen and (max-width: 768px) {
  .mobile_pagenation_active
    .splide__pagination
    .splide__pagination__page.is-active {
    color: #000000;
    background: #000 !important;
    width: 4rem;
    border-radius: 5px;
    height: 1rem;
    border: 1px solid #000;
  }
}