@charset "UTF-8";

html {
  scrollbar-gutter: stable;
}

/* ===== 整站自定义滚动条 ===== */
/* WebKit 内核（Chrome, Safari, Edge） */
::-webkit-scrollbar {
  width: 4.8px;
  height: 4.8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #C41C2B;
  border-radius: 2.4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a01723;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #C41C2B #f1f1f1;
}

/*header start*/
.navBox {
  display: none;
  position: fixed;
  top: clamp(58.66666px, 4.58334vw, 88px);
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.navBox .navContentBox {
  padding: clamp(101.33334px, 7.91666vw, 152px) clamp(53.33334px, 4.16666vw, 80px) clamp(53.33334px, 4.16666vw, 80px);
  z-index: 999;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: clamp(41.06666px, 3.20834vw, 61.6px);
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.navBox .navContentBox > ul {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.25vw, 24px);
  padding-bottom: clamp(26.66666px, 2.08334vw, 40px);
  overflow-y: auto;
  flex: 1;
}
.navBox dl {
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transition: transform 0.6s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 3;
  background: #fff;
  padding: clamp(5.33334px, 0.41666vw, 8px) clamp(10.66666px, 0.83334vw, 16px);
  text-align: center;
  border-radius: clamp(4.26666px, 0.33334vw, 6.4px);
}
.navBox dd {
  padding: clamp(5.33334px, 0.41666vw, 8px) 0;
  text-align: left;
}
.navBox dd a {
  position: relative;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.navBox dd a::after {
  background-color: #6EB92B;
  bottom: 0;
  content: "";
  height: clamp(1.06666px, 0.08334vw, 1.6px);
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: 50% 50%;
  transition: transform 0.3s ease;
  width: 100%;
}
.navBox dd a:hover {
  color: #004EA2;
}
.navBox dd a:hover::after {
  transform: scaleX(1);
}
.navBox li:hover dl {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 100%) scaleY(1);
}
.navBox li:hover > a {
  color: #006835;
}
.navBox li a {
  display: flex;
  align-items: center;
  gap: clamp(1.6px, 0.125vw, 2.4px);
  white-space: nowrap;
  color: #1A1A1A;
  gap: clamp(16px, 1.25vw, 24px);
}
.navBox li a img {
  width: clamp(9.06666px, 0.70834vw, 13.6px);
  height: clamp(9.06666px, 0.70834vw, 13.6px);
  transition: all 0.3s;
}
.navBox li a .Active {
  display: none;
}
.navBox li ul {
  display: none;
  flex-direction: column;
  gap: clamp(8px, 0.625vw, 12px);
  padding-left: clamp(10.66666px, 0.83334vw, 16px);
  margin-top: clamp(8px, 0.625vw, 12px);
}
.navBox li ul a {
  color: #333333;
}
.navBox .cur > ul {
  display: flex;
}
.navBox .cur > a > .Active {
  display: block;
}
.navBox .cur > a {
  color: #006835;
}
.navBox .cur > a > .unActive {
  display: none;
}
.navBox .CopyrightNav {
  color: #1A1A1A;
  line-height: clamp(7.46666px, 0.58334vw, 11.2px);
}

.header .open {
  display: block;
}
.header .open .navContentBox {
  animation: slideInFromRight 0.4s ease-out;
}

@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
/*header end*/
/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
.ipd-20 {
  padding: 0 0px;
}

/* 内容区域宽度+32px */
.m-width-content {
  max-width:clamp(960px, 75vw, 1440px);
  box-sizing: border-box;
  margin: 0 auto;
}

/*置顶按钮 start*/
#toTop {
  width: clamp(21.33334px, 1.66666vw, 32px);
  height: clamp(21.33334px, 1.66666vw, 32px);
  left: clamp(10.66666px, 0.83334vw, 16px);
  bottom: clamp(10.66666px, 0.83334vw, 16px);
  position: fixed;
  z-index: 999;
  background: #b24249;
}

/*置顶按钮 end*/
/*分页 start*/
.page-box {
  text-align: center;
}
.page-box .wp-pagenavi {
  display: flex;
  justify-content: center;
}
.page-box .wp-pagenavi img {
  transform: scale(0.5);
}
.page-box .wp-pagenavi a,
.page-box .wp-pagenavi span {
  display: inline-flex;
  font-size: clamp(7.46666px, 0.58334vw, 11.2px);
  color: #999999;
  margin: 0 clamp(2.66666px, 0.20834vw, 4px);
  width: clamp(17.06666px, 1.33334vw, 25.6px);
  height: clamp(17.06666px, 1.33334vw, 25.6px);
  border-radius: clamp(3.2px, 0.25vw, 4.8px);
  line-height: clamp(17.06666px, 1.33334vw, 25.6px);
  justify-content: center;
  background: transparent;
  text-align: center;
  color: rgba(0, 0, 0, 0.88);
  cursor: pointer;
}
.page-box .wp-pagenavi .current {
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #4D0C0C;
}

#menuWap {
  display: none;
}

/*分页 end*/
#header {
  position: relative;
  z-index: 2;
}

.header-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
}
.header-box .leftFlex {
  display: flex;
  gap: clamp(30.93334px, 2.41666vw, 46.4px);
  margin-right:clamp(30.93334px, 2.41666vw, 46.4px);
}
.header-box .headerTopFlex {
  background: #000000;
  color: rgba(255, 255, 255, 0.8);
  max-height: clamp(32px, 2.5vw, 48px);
  opacity: 1;
  transform: translateY(0);
  transition: max-height 0.35s ease, opacity 0.3s ease, transform 0.35s ease;
}
.header-box.is-topbar-hidden .headerTopFlex {
  max-height: 0;
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
}
.header-box .headerTopFlex a {
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.6s;
}
.header-box .headerTopFlex a:hover {
  color: #CE1B1B;
}
.header-box .headerTop {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: clamp(32px, 2.5vw, 48px);
  box-sizing: border-box;
}
.header-box .headerTop .logo {
  display: none;
}
.header-box .headerTop .flexR-r {
  display: none;
}
.header-box .rightItem {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition: all 0.6s;
  padding: clamp(2.66666px, 0.20834vw, 4px);
  box-sizing: border-box;
  border-radius: 50%;
}
.header-box .rightItem-isnone .trp-ls-shortcode-language a{
    font-size:12px;
}
.header-box .rightItem a {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-box .rightItem:hover {
  background: #CE1B1B;
  border-color: #CE1B1B;
}
.header-box .rightItem img {
  width: clamp(4.26666px, 0.33334vw, 6.4px);
  height: auto;
}
.header-box .rightItem:not(:first-child) a img {
  width: clamp(5.33334px, 0.41666vw, 8px);
}
.header-box .rightFlex {
  display: flex;
  gap: clamp(9.6px, 0.75vw, 14.4px);
  align-items: center;
}
.header-box .headerContentFlex {
  width: 100%;
  height: clamp(48px, 3.75vw, 72px);
  display: flex;
  align-items: center;
  gap: clamp(62.93334px, 4.91666vw, 94.4px);
}
.header-box .logo {
  width: clamp(122.66666px, 9.58334vw, 184px);
}
.header-box .logo a {
  display: block;
}
.header-box .logo a img {
  width: 100%;
  height: auto;
}
.header-box .rightContent {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.header-box .flexR-r {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-box .flexR-r a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 clamp(13.33334px, 1.04166vw, 20px);
  border-left: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(255, 255, 255, 0.2);
}
.header-box .flexR-r a.collect .icon {
  width: clamp(21.33334px, 1.66666vw, 32px);
  height: clamp(21.33334px, 1.66666vw, 32px);
  position: relative;
}
.header-box .flexR-r a.collect .icon img {
  width: 100%;
  height: auto;
  position: relative;
}
.header-box .flexR-r a.collect .icon img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.6s;
}
.header-box .flexR-r a.collect:hover .icon img:nth-child(2) {
  opacity: 1;
}
.header-box .flexR-r a.collect {
  position: relative;
  overflow: visible;
}
.header-box .flexR-r a.collect .collect-tooltip {
  position: absolute;
  top: calc(100% + clamp(5.33334px, 0.41666vw, 8px));
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  padding: clamp(4.26666px, 0.33334vw, 6.4px) clamp(8px, 0.625vw, 12px);
  background: rgba(0, 0, 0, 0.88);
  color: #fff;
  font-size: clamp(10.66666px, 0.83334vw, 13px);
  line-height: 1.4;
  white-space: nowrap;
  border-radius: clamp(2.66666px, 0.20834vw, 4px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
  z-index: 200;
}
.header-box .flexR-r a.collect .collect-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: clamp(4px, 0.3125vw, 6px) solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.88);
}
.header-box .flexR-r a.collect:hover .collect-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.header-box .flexR-r a.collect .icon .collect-count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  background: #ffffff;
  color: #000000;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  border-radius: 9px;
  white-space: nowrap;
  font-weight: 700;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  z-index: 10;
  display: none;
}
.header-box .flexR-r img {
  height: clamp(21.33334px, 1.66666vw, 32px);
}
.header-box .rightContent > ul {
  height: 100%;
  flex: 1;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.header-box .rightContent > ul li {
  height: 100%;
  position: relative;
}
.header-box .rightContent > ul li > a {
  height: 100%;
  padding: 0 clamp(11.73334px, 0.91666vw, 17.6px);
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.95);
  gap:5px;
}
.header-box .rightContent > ul li > a .nav-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid currentColor;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.header-box .rightContent > ul li:hover > a .nav-arrow {
  transform: rotate(180deg);
}
.header-box .rightContent > ul li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: clamp(2.13334px, 0.16666vw, 3.2px);
  background: linear-gradient(to right, #C41C2B 0%, #C41C2B 100%);
  border-radius: clamp(1.06666px, 0.08334vw, 1.6px);
  opacity: 0;
  transform: scaleX(0);
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
}
.header-box .rightContent > ul li > a:hover::after {
  opacity: 1;
  transform: scaleX(1) translateY(50%);
}
.header-box .rightContent > ul li dl {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 3;
  min-width: 100%;
  padding: 10px 20px;
  background: #333333;
  border-radius: 8px;
  text-align: center;
  transform: translate(-50%, 8px) scaleY(0);
  transform-origin: top center;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.header-box .rightContent > ul li dd {
  padding: 10px 0;
  text-align: left;
}
.header-box .rightContent > ul li dd a {
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color: #fff;
  display: block;
}
.header-box .rightContent > ul li dd a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #C41C2B;
  transform: scaleX(0);
  transform-origin: 50% 50%;
  transition: transform 0.3s ease;
}
.header-box .rightContent > ul li dd a:hover {
  color: #C41C2B;
}
.header-box .rightContent > ul li dd a:hover::after {
  transform: scaleX(1);
}
.header-box .rightContent > ul li:hover > dl {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0) scaleY(1);
}
/* 产品导航：横向 3 列下拉 */
.header-box .rightContent > ul li .nav-products-dropdown {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 3;
  width: clamp(480px, 44vw, 640px);
  min-width: clamp(480px, 44vw, 640px);
  max-width: min(640px, 92vw);
  padding: clamp(14px, 1.1vw, 20px);
  box-sizing: border-box;
  text-align: left;
  background: linear-gradient(180deg, #3a3a3a 0%, #2b2b2b 100%);
  border: 1px solid rgba(196, 28, 43, 0.35);
  border-top: 3px solid #C41C2B;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(196, 28, 43, 0.15);
  transform: translate(-50%, 12px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  display:none;
}
.header-box .rightContent > ul li:hover > .nav-products-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
  display: block;
}
.header-box .rightContent > ul li .nav-products-dropdown .nav-products-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  position: static;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  background: none;
  border: 0;
  box-shadow: none;
  min-width: 0;
  width: 100%;
}
.header-box .rightContent > ul li .nav-products-dropdown .nav-products-list dd {
  flex: 0 0 33.333%;
  width: 33.333%;
  max-width: 33.333%;
  padding: 4px;
  margin: 0;
  box-sizing: border-box;
  text-align: left;
  min-width: 0;
}
.header-box .rightContent > ul li .nav-products-dropdown .nav-products-list dd a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: clamp(10px, 0.75vw, 14px) clamp(8px, 0.6vw, 12px);
  border-radius: 6px;
  white-space: normal;
  line-height: 1.35;
  font-size: clamp(13px, 0.9vw, 15px);
  color: rgba(255, 255, 255, 0.92);
  transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
.header-box .rightContent > ul li .nav-products-dropdown .nav-products-list dd a::after {
  display: none;
}
.header-box .rightContent > ul li .nav-products-dropdown .nav-products-list dd a:hover {
  color: #fff;
  background: linear-gradient(90deg, rgba(206, 27, 27, 0.92) 0%, rgba(144, 13, 27, 0.92) 100%);
  transform: translateY(-1px);
}
.header-box .rightContent > ul li .nav-products-dropdown .nav-products-list dd.nav-products-emphasis a {
  font-weight: 700;
}
.header-box .rightContent > ul li .nav-products-dropdown .nav-products-find {
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  margin-top: clamp(10px, 0.8vw, 14px);
  padding: clamp(8px, 0.6vw, 11px) clamp(14px, 1vw, 20px);
  border-radius: 999px;
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
  color: #fff;
  font-weight: 600;
  font-size: clamp(13px, 0.9vw, 15px);
  line-height: 1.35;
  white-space: nowrap;
  transition: background 0.25s ease, transform 0.25s ease;
}
.header-box .rightContent > ul li .nav-products-dropdown .nav-products-find:hover {
  background: linear-gradient(90deg, #e02424 0%, #a01020 100%);
  transform: translateY(-1px);
  color: #fff;
}
.header-box .rightContent > ul .cur > a::after {
  opacity: 1;
  transform: scaleX(1) translateY(50%);
}
.header-box .m-width-content {
  width: 100%;
}
.header-box .m-width-content .ipd-20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.header-box .nav-box {
  display: flex;
  flex: 1;
}
.header-box #menuPc {
  width: 100%;
}
.header-box #menuPc dl {
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transition: transform 0.6s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 3;
  background: #fff;
  padding: clamp(5.33334px, 0.41666vw, 8px) clamp(10.66666px, 0.83334vw, 16px);
  text-align: center;
  border-radius: clamp(4.26666px, 0.33334vw, 6.4px);
}
.header-box #menuPc dd {
  padding: clamp(5.33334px, 0.41666vw, 8px) 0;
  text-align: left;
}
.header-box #menuPc dd a {
  position: relative;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.header-box #menuPc dd a::after {
  background-color: #6EB92B;
  bottom: 0;
  content: "";
  height: clamp(1.06666px, 0.08334vw, 1.6px);
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: 50% 50%;
  transition: transform 0.3s ease;
  width: 100%;
}
.header-box #menuPc dd a:hover {
  color: #004EA2;
}
.header-box #menuPc dd a:hover::after {
  transform: scaleX(1);
}
.header-box #menuPc li:hover dl {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 100%) scaleY(1);
}
.header-box #menuPc li a {
  display: flex;
  align-items: center;
  gap: clamp(1.6px, 0.125vw, 2.4px);
  white-space: nowrap;
}
.header-box #menuPc li a img {
  width: clamp(9.06666px, 0.70834vw, 13.6px);
  height: clamp(9.06666px, 0.70834vw, 13.6px);
  transition: all 0.3s;
  margin-top: clamp(2.66666px, 0.20834vw, 4px);
}
.header-box .search-box {
  display: flex;
  align-items: center;
  font-size: clamp(8.53334px, 0.66666vw, 12.8px);
  gap: clamp(21.33334px, 1.66666vw, 32px);
}
.header-box .whiteImg {
  display: none;
}
.header-box .searchImg {
  max-width: 16px;
}

.whiteNav .header-box {
  color: #333333;
  box-shadow: 0px 0px clamp(34.66666px, 2.70834vw, 52px) 0px rgba(0, 0, 0, 0.08);
}
.whiteNav .header-box .fixed a {
  color: #333333;
}
.whiteNav .header-box .logoImg {
  display: none;
}
.whiteNav .header-box .whiteImg {
  display: block;
}

.banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  line-height: 1;
  margin: 0 auto;
  width: 100%;
}

.banner {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}
.index-banner{
  position: relative;
}
.index-banner .swiper{
  position: fixed;
  left:0;
  top:0;
  width:100%;
}
.banner.index-banner{
  height:100vh;
}
.banner.index-banner .swiper{
  height:100%;
  overflow: hidden;
  perspective: 1120px;
}
.main.is-animate{
  position: relative;
  z-index:3;
  background:#fff;
}
.banner.index-banner .swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.banner.index-banner .swiper-slide{
  position:relative;
  width:100%;
  height:100%;
  flex-shrink: 0;
}
/* ── index-banner swiper-slide .img（参考 fotilestyle.com） ── */
.banner.index-banner .swiper-slide .img{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}
.banner.index-banner .swiper-slide .img img,
.banner.index-banner .swiper-slide .img video{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.banner.index-banner .swiper-slide .img img{
  transition: all 20s;
  transform: scale(1);
}
.banner.index-banner .swiper-slide.swiper-slide-active .img img.pc-img{
  transform: scale(1.15);
}
.banner.index-banner .swiper-slide .img-mask{
  position: absolute;
  left:10%;
  top:0;
  width:100%;
  height:100%;
  max-width:80%;
  overflow:hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
}
.banner.index-banner .swiper-slide .img-mask .mask-img{
  width:100%;
  height:auto;
  object-fit:cover;
  object-position:center center;
  will-change: transform, opacity;
}
.banner.index-banner .swiper-slide .oneSwiper{
  display:block;
  height:100%;
}
.banner.index-banner .swiper-slide a.oneSwiper{
  display:block;
  height:100%;
}
.banner .bg-box .meidia-box {
  padding-bottom: 46.875%;
  overflow: hidden;
  position: relative;
}
.banner .bg-box .meidia-box img,
.banner .bg-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.banner a {
  display: block;
}
.banner .swiper-pagination {
  width: 1.6px;
  left: clamp(42.66666px, 3.33334vw, 64px);
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-50%);
}
.banner .swiper-pagination .swiper-pagination-bullet {
  margin: 2.4px 0;
  width: 1.6px;
  height: clamp(26.66666px, 2.08334vw, 40px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0;
  position: relative;
  opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background: #fff;
  transition: all 0.6s;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  height: 100%;
}

/* ===== Banner 向下提示动画 ===== */
.index-banner .down-animate {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  cursor: pointer;
  animation: bannerBounce 2s ease-in-out infinite;
}
.index-banner .down-animate img {
  width:19.2px;
  height: auto;
}
@keyframes bannerBounce {
  0%, 100% { transform: translateX(-50%) translateY(0); opacity: 1; }
  50%      { transform: translateX(-50%) translateY(8px); opacity: 0.6; }
}

/* ===== Banner 左右百叶窗折页切换 ===== */
.mx-banner-shutter-overlay {
  position: absolute;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
  display: none;
  transform-style: preserve-3d;
}
.mx-banner-shutter-overlay.is-active {
  display: block;
}
.mx-banner-shutter-strip {
  position: absolute;
  top: 0;
  height: 100%;
  width: calc(100% / var(--strip-total));
  left: calc(var(--strip-i) * 100% / var(--strip-total));
  background-repeat: no-repeat;
  background-size: calc(var(--strip-total) * 100%) 100%;
  backface-visibility: hidden;
  will-change: transform, opacity;
}
.mx-banner-mask-exit {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  max-width: 1400px;
  height: 100%;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transform: translateX(-50%);
}
.mx-banner-mask-exit img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center;
}

/* ── fixedBox（溢出隐藏容器） ── */
.fixedBox{
  overflow:hidden;
}

.selectBtn {
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
  color: #fff;
}
.selectBtn .rightIcon {
  background: #fff;
}
.selectBtn:hover {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
}

body, input, select, button, textarea {
  font-size:16px;
}

.f-8 {
  font-size: clamp(4.26666px, 0.33334vw, 6.4px);
}

.f-10 {
  font-size: clamp(5.33334px, 0.41666vw, 8px);
}

.f-12 {
  font-size: clamp(6.4px, 0.5vw, 9.6px);
}

.f-14 {
  font-size: clamp(9.33333px, 0.72917vw, 14px);
}

.f-15 {
  font-size: clamp(8px, 0.625vw, 12px);
}

.f-16 {
  font-size: clamp(8.53334px, 0.66666vw, 12.8px);
}

.f-18 {
  font-size: clamp(9.6px, 0.75vw, 14.4px);
}

.f-19 {
  font-size: clamp(10.13334px, 0.79166vw, 15.2px);
}

.f-20 {
  font-size: clamp(10.66666px, 0.83334vw, 16px);
}

.f-22 {
  font-size: clamp(11.73334px, 0.91666vw, 17.6px);
}

.f-24 {
  font-size: clamp(12.8px, 1vw, 19.2px);
}

.f-25 {
  font-size: clamp(13.33334px, 1.04166vw, 20px);
}

.f-26 {
  font-size: clamp(13.86666px, 1.08334vw, 20.8px);
}

.f-27 {
  font-size: clamp(14.4px, 1.125vw, 21.6px);
}

.f-28 {
  font-size: clamp(14.93334px, 1.16666vw, 22.4px);
}

.f-30 {
  font-size: clamp(16px, 1.25vw, 24px);
}

.f-32 {
  font-size: clamp(17.06666px, 1.33334vw, 25.6px);
}

.f-34 {
  font-size: clamp(18.13334px, 1.41666vw, 27.2px);
}

.f-36 {
  font-size: clamp(19.2px, 1.5vw, 28.8px);
}

.f-38 {
  font-size: clamp(20.26666px, 1.58334vw, 30.4px);
}

.f-40 {
  font-size: clamp(21.33334px, 1.66666vw, 32px);
}

.f-42 {
  font-size: clamp(22.4px, 1.75vw, 33.6px);
}

.f-45 {
  font-size: clamp(24px, 1.875vw, 36px);
}

.f-48 {
  font-size: clamp(25.6px, 2vw, 38.4px);
}

.f-50 {
  font-size: clamp(26.66666px, 2.08334vw, 40px);
}

.f-55 {
  font-size: clamp(29.33334px, 2.29166vw, 44px);
}

.f-56 {
  font-size: clamp(29.33334px, 2.29166vw, 44px);
}

.f-52 {
  font-size: clamp(27.73334px, 2.16666vw, 41.6px);
}

.f-60 {
  font-size: clamp(32px, 2.5vw, 48px);
}

.f-64 {
  font-size: clamp(34.13334px, 2.66666vw, 51.2px);
}

.f-68 {
  font-size: clamp(36.26666px, 2.83334vw, 54.4px);
}

.f-70 {
  font-size: clamp(37.33334px, 2.91666vw, 56px);
}

.f-72 {
  font-size: clamp(38.4px, 3vw, 57.6px);
}

.f-86 {
  font-size: clamp(45.86666px, 3.58334vw, 68.8px);
}

.f-90 {
  font-size: clamp(48px, 3.75vw, 72px);
}

.f-250 {
  font-size: clamp(133.33334px, 10.41666vw, 200px);
}

.fbold {
  font-weight: bold;
}

.f-500 {
  font-weight: 500;
}

.f-600 {
  font-weight: 600;
}

.footer.is-animate{
  position: relative;
  z-index: 3;
}

.footerfixedRight {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: clamp(2.66666px, 0.20834vw, 4px);
  display: flex;
  flex-direction: column;
  z-index: 99;
  border-radius: clamp(5.33334px, 0.41666vw, 8px) 0px 0px clamp(5.33334px, 0.41666vw, 8px);
  overflow: hidden;
}
.footerfixedRight .topHei {
  display: flex;
  flex-direction: column;
  gap: clamp(14.4px, 1.125vw, 21.6px);
  padding:15px;
  background: #333333;
  transition: all 0.6s;
  border-radius: 0 0 0 clamp(5.33334px, 0.41666vw, 8px);
}
.footerfixedRight.is-visible .topHei {
  border-radius: 0 0 0 0;
}
.footerfixedRight .topHei a:first-child img {
  width: clamp(13.86666px, 1.08334vw, 20.8px);
  height: auto;
}
.footerfixedRight .topHei a:nth-child(2) img {
  width: clamp(12.8px, 1vw, 19.2px);
  height: auto;
}
.footerfixedRight .topHei a:nth-child(3) img {
  width: clamp(11.73334px, 0.91666vw, 17.6px);
  height: auto;
}
.footerfixedRight .isShowHrefTop a {
  height: 100%;
  display: block;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footerfixedRight .isShowHrefTop {
  background: #C31D2E;
  height: clamp(28.8px, 2.25vw, 43.2px);
  display: flex;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity 0.32s ease, transform 0.32s ease, visibility 0.32s;
}
.footerfixedRight .isShowHrefTop.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.footerfixedRight .isShowHrefTop img {
  height: clamp(10.66666px, 0.83334vw, 16px);
  width: auto;
}

.fb600 {
  font-weight: 600;
}

#menuWap::after {
  content: "Copyright © 2026 RINSUN ECOAll Rights Reserved.";
  position: absolute;
  bottom: clamp(13.33334px, 1.04166vw, 20px);
  left: clamp(13.33334px, 1.04166vw, 20px);
  color: #1A1A1A;
  font-size: clamp(5.33334px, 0.41666vw, 8px);
  width: clamp(82.13334px, 6.41666vw, 123.2px);
  min-width: 122.4px;
  line-height: clamp(7.46666px, 0.58334vw, 11.2px);
}

.relativeBox {
  position: relative;
}

.fb700 {
  font-weight: 700;
}

.index-one-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.index-one-box .page-01{
  z-index: 1;
  transform: none !important;
}
.index-one-box > div {
  padding-left: clamp(85.33334px, 6.66666vw, 128px);
  width:100%;
  box-sizing: border-box;
}
.index-one-box.productDetail-seven-box > div{
  padding-left:15%;
}
.index-one-box .active {
  max-width: 100%;
  width: 100%;
}
.index-one-box .swiper-pagination.swiper-pagination-progressbar {
  position: absolute;
  width: 60%;
  height: clamp(2.4px, 0.125vw, 3.2px);
  background: #E8E8E8;
  overflow: hidden;
  left:30%;
  bottom:-8px;
  top:auto;
}
.index-one-box .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #2C2C2C;
  border-radius: 1.6px;
}
.index-one-box .indexOneContent .con-box .con {
  display: none;
}
.index-one-box .indexOneContent .con-box .con.active {
  display: block;
}
.index-one-box .indexOneContent {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.index-one-box .indexOneContent .swiper-slide {
  max-width: clamp(253.86666px, 19.83334vw, 380.8px);
}
.index-one-box .indexOneContent .topImg {
  position: relative;
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) 0 0;
  overflow: hidden;
}
.index-one-box .indexOneContent .topImg .meidia-box {
  padding-bottom: 93.90756%;
  overflow: hidden;
  position: relative;
}
.index-one-box .indexOneContent .topImg .meidia-box img,
.index-one-box .indexOneContent .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-one-box .indexOneContent .topImg img {
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) 0 0;
}
.index-one-box .indexOneContent .topImg:hover img {
  transform: scale(1.1);
}
.index-one-box .indexOneContent .bgt {
  width: 100%;
  height: clamp(59.73334px, 4.66666vw, 89.6px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 100%);
  position: absolute;
  bottom: 0px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transform: translateY(0);
  transition: all 0.6s;
  opacity: 1;
}
.index-one-box .indexOneContent .topText {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%);
}
.index-one-box .indexOneContent .bottomBox {
  background: #000000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
  transform: translateY(-16px);
  border-radius: 0 0 clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
}
.index-one-box .indexOneContent .swiper-slide:hover .bottomBox,
.index-one-box .indexOneContent .swiper-slide-active .bottomBox {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.index-one-box .indexOneContent .swiper-slide:hover .bgt,
.index-one-box .indexOneContent .swiper-slide-active .bgt {
  opacity: 0;
  visibility: hidden;
  transform: translateY(32px);
  transition: all 0.5s;
}
.index-one-box .indexOneContent .centerText {
  width: 100%;
  height: clamp(41.6px, 3.25vw, 62.4px);
  padding: 0 clamp(5.33334px, 0.41666vw, 8px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
  opacity: 0;
  visibility: hidden;
  transform: translateY(9.6px);
  transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
}
.index-one-box .indexOneContent .swiper-slide:hover .centerText,
.index-one-box .indexOneContent .swiper-slide-active .centerText {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.index-one-box .moRenBox {  
  margin-bottom: clamp(80px, 6.25vw, 120px);
  margin-top: clamp(45.86666px, 3.58334vw, 68.8px);
  position: relative;
}
.index-one-box .topBtn {
  width: 100%;
  box-sizing: border-box;
  margin-top: clamp(103.46666px, 8.08334vw, 155.2px);
}
.index-one-box .topBtn .swiper{
  overflow: inherit;
}
.index-one-box .topBtn .swiper-wrapper {
  display: flex;
  padding-bottom: clamp(1.6px, 0.125vw, 2.4px);
}
.index-one-box .topBtn .swiper-slide {
  width: auto;
  max-width: clamp(192px, 15vw, 288px);
  width: 100%;
  height: clamp(37.33334px, 2.91666vw, 56px);
  color: #333333;
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #9F9F9F;
  border-radius: clamp(18.13334px, 1.41666vw, 27.2px);
  text-align: center;
  padding: 0 clamp(5.33334px, 0.41666vw, 8px);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
}
.index-one-box .topBtn .cur {
  background: url("../images/index3.png") no-repeat center center;
  background-size: cover;
  border-color: transparent;
  color: #FFFFFF;
}
.index-one-box .flexBtnBox {
  display: flex;
}
.index-one-box .flexBtnBox .moreBtn {
  flex: 1;
}
html.is-activeBox-open {
  overflow: hidden;
}

.index-one-box .activeBox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10050;
  margin: 0;
  padding: clamp(9.6px, 1.25vw, 19.2px);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  background: none;
  border-radius: 0;
  box-shadow: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.index-one-box .activeBox.is-visible {
  display: flex;
}
.index-one-box .activeBox.is-opening,
.index-one-box .activeBox.is-closing {
  pointer-events: auto;
}
.index-one-box .activeBox.is-opening .flexBtnBox,
.index-one-box .activeBox.is-closing .flexBtnBox {
  pointer-events: none;
}
.index-one-box .activeBox-mask {
  position: fixed;
  background: rgba(8, 10, 42, 0.78);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
  cursor: pointer;
  z-index: 0;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.index-one-box .activeBox .flexBtnBox {
  position: relative;
  z-index: 1;
  width: min(75.2vw, 1056px);
  max-height: min(72vh, 688px);
  min-height: min(57.6vh, 544px);
  margin: auto;
  flex-shrink: 0;
  background: url("../images/index14.png") no-repeat center center;
  background-size: cover;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  box-shadow: 0 clamp(12.8px, 1vw, 19.2px) clamp(38.4px, 3vw, 57.6px) rgba(0, 0, 0, 0.38);
  overflow: hidden;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}
.index-one-box .activeBox .leftPiMG {
  width: 50%;
  overflow: hidden;
}
.index-one-box .activeBox .leftPiMG .meidia-box {
  height: 100%;
  min-height: min(57.6vh, 544px);
  box-sizing: border-box;
  padding-bottom: 0;
  overflow: hidden;
  position: relative;
}
.index-one-box .activeBox .leftPiMG .meidia-box img,
.index-one-box .activeBox .leftPiMG .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-one-box .activeBox .rightBox {
  width: 50%;
  box-sizing: border-box;
  padding: 0 clamp(23.46666px, 1.83334vw, 35.2px);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
.index-one-box .activeBox .flexBtn.fav-btn{
  margin-bottom:20px;
}

.index-one-box .activeBox .title,
.index-one-box .activeBox .desc,
.index-one-box .activeBox .flexBtn .moreBtn {
  will-change: transform, opacity;
}
.index-one-box .activeBox .title {
  font-weight: 700;
}
.index-one-box .activeBox .desc {
  font-family: var(--Poppins);
  margin: clamp(14.93334px, 1.16666vw, 22.4px) 0 clamp(14.93334px, 1.16666vw, 22.4px);
  line-height: clamp(21.33334px, 1.66666vw, 32px);
}
.index-one-box .activeBox .desc div {
  display: flex;
}
.index-one-box .activeBox .flexBtn {
  justify-content: flex-start;
}
.index-one-box .activeBox .flexBtn .moreBtn {
  max-width: clamp(133.33334px, 10.41666vw, 200px);
  margin: 0;
}
.index-one-box .absoluteTop {
  position: absolute;
  top: clamp(21.33334px, 1.66666vw, 32px);
  right: clamp(19.2px, 1.5vw, 28.8px);
  display: flex;
  align-items: center;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  z-index: 2;
  transform: rotate(-10deg);
  cursor: pointer;
  max-width: 100%;
}
.index-one-box .absoluteTop .leftImg {
  width: 27%;
}
.index-one-box .absoluteTop .btnChange {
  display: flex;
  align-items: center;
  width: clamp(96.53334px, 7.54166vw, 144.8px);
  height: clamp(30.93334px, 2.41666vw, 46.4px);
  padding: 0 clamp(10.66666px, 0.83334vw, 16px);
  box-sizing: border-box;
  justify-content: space-between;
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
  border-radius: clamp(36.26666px, 2.83334vw, 54.4px) clamp(36.26666px, 2.83334vw, 54.4px) clamp(36.26666px, 2.83334vw, 54.4px) clamp(36.26666px, 2.83334vw, 54.4px);
  color: #FFFFFF;
  font-weight: 600;
  transition: all 0.6s ease;
}
.index-one-box .absoluteTop .btnChange:hover {
  transform: translateY(-4px);
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
}
.index-one-box .absoluteTop .rightImg {
  width: 27%;
}
.index-one-box .flexBtn {
  display: flex;
  gap: clamp(19.2px, 1.5vw, 28.8px);
}

.headTitle {
  font-weight: 700;
  color: #000000;
  text-align: center;
  line-height: 1.35;
}
.headTitle .mx-word,
.headerTitle .mx-word {
  display: inline-block;
  white-space: nowrap;
}

.index-two-box {
  padding-bottom: clamp(80px, 6.25vw, 120px);
}
.index-two-box .headTitle {
  margin-bottom: clamp(29.86666px, 2.33334vw, 44.8px);
  perspective: 576px;
}
.index-two-box .headTitle .mx-char {
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: transform, opacity;
}
.index-two-box .headTitle .mx-char--space {
  width: 0.224em;
}
.index-two-box ul {
  display: flex;
  flex-wrap: wrap;
}
.index-two-box ul li {
  width: calc(25% - 18px);
  margin-left: 24px;
  margin-bottom: 24px;
}
.index-two-box ul li:nth-child(4n+1) {
  margin-left: 0;
}
.index-two-box ul li {
  transition: all 0.6s;
}
.index-two-box ul li:hover {
  box-shadow: 0px 0px clamp(10.66666px, 0.83334vw, 16px) 0px rgba(0, 0, 0, 0.38);
  transition: all 0.6s;
  transform: translateY(-8px);
}
.index-two-box ul li {
  background: #F7F7F7;
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  padding: clamp(20px, 1.5625vw, 30px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.25vw, 24px);
  position: relative;
}
.index-two-box ul li:hover .hoverBox {
  transform: scaleY(1);
  transform: scaleY(1);
}
.index-two-box ul .cur .hoverBox {
  transform: scaleY(1);
}
.index-two-box .hoverBox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  overflow: hidden;
  transform: scaleY(0);
  transition: transform 0.3s;
  transform-origin: bottom;
}
.index-two-box .hoverBox .meidia-box {
  padding-bottom: 124.33862%;
  overflow: hidden;
  position: relative;
}
.index-two-box .hoverBox .meidia-box img,
.index-two-box .hoverBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-two-box .hoverBox .meidia-box {
  height: 100%;
  box-sizing: border-box;
}
.index-two-box .hoverBox .flexWbTN {
  position: absolute;
  top: 0;
  left: clamp(16px, 1.25vw, 24px);
  right: clamp(16px, 1.25vw, 24px);
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: clamp(20.26666px, 1.58334vw, 30.4px);
  justify-content: flex-end;
  padding-bottom: clamp(27.73334px, 2.16666vw, 41.6px);
}
.index-two-box .hoverBox .moreBtn {
  max-width: 100%;
  border:none;
}
.index-two-box .hoverBox .moreBtn:nth-child(1){
  background: linear-gradient( 90deg, #900D1B 0%, #CE1B1B 100%);
}
.index-two-box .hoverBox .moreBtn:nth-child(1):hover{
  background:#fff;
  color:#4D0C0C;
}
.index-two-box .hoverBox .moreBtn:nth-child(1):hover .rightIcon{
  background: linear-gradient( 90deg, #900D1B 0%, #CE1B1B 100%);
}
.index-two-box .hoverBox .moreBtn:nth-child(1):hover .rightIcon i{
  color:#fff;
}
.index-two-box .hoverBox .moreBtn:nth-child(2){
  background:#FFFFFF;
  color:#4D0C0C;
}
.index-two-box .hoverBox .moreBtn:nth-child(2):hover{
  background: linear-gradient( 90deg, #900D1B 0%, #CE1B1B 100%);
  color:#fff;
}
.index-two-box .hoverBox .moreBtn:nth-child(2) .rightIcon{
  background: linear-gradient( 90deg, #900D1B 0%, #CE1B1B 100%);
}
.index-two-box .hoverBox .moreBtn:nth-child(2) .rightIcon i{
  color:#fff;
}
.index-two-box .hoverBox .moreBtn:nth-child(2):hover .rightIcon{
  background:#fff;
}
.index-two-box .hoverBox .moreBtn:nth-child(2):hover .rightIcon i{
  color:#4d0c0c;
}
.index-two-box .topImg {
  width: clamp(80px, 6.25vw, 120px);
  height: clamp(80px, 6.25vw, 120px);
  background: #FFFFFF;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-two-box .topImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.index-two-box .topImg .meidia-box img,
.index-two-box .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-two-box .topImg .bgBox {
  width: clamp(40px, 3.125vw, 60px);
}
.index-two-box .text {
  color: #333333;
  font-weight: 600;
  font-family: var(--Poppins);
  text-align: center;
}

.index-three-box {
  position: relative;
  z-index: 1;
  padding: clamp(51.2px, 4vw, 76.8px) clamp(85.33334px, 6.66666vw, 128px) clamp(82.66666px, 6.45834vw, 124px);
  overflow: hidden;
  margin:0 auto;
}
.index-three-box .indexThreeContent {
  position: relative;
  border-radius: clamp(35.33333px, 2.76042vw, 53px) clamp(35.33333px, 2.76042vw, 53px) clamp(35.33333px, 2.76042vw, 53px) clamp(35.33333px, 2.76042vw, 53px);
  background: transparent;
  padding: clamp(38.66667px, 3.02083vw, 58px) clamp(61.33333px, 4.79167vw, 92px) clamp(47.33333px, 3.69792vw, 71px) clamp(60px, 4.6875vw, 90px);
  display: flex;
  overflow: visible;
  isolation: isolate;
  --mx-bg-scale: 1;
  max-width:clamp(960px, 75vw, 1440px);
  margin:0 auto;
}
.index-three-box .indexThreeContent::before {
  content: "";
  position: absolute;
  background: #000;
  border-radius: inherit;
  transform: scale(var(--mx-bg-scale));
  transform-origin: center center;
  z-index: 0;
  pointer-events: none;
  will-change: transform;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
.index-three-box .indexThreeContent > * {
  position: relative;
  z-index: 1;
}
.index-three-box .titleText {
  color: #FFFFFF;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: clamp(21.33334px, 1.66666vw, 32px);
}
.index-three-box .rightImg {
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  overflow: hidden;
}
.index-three-box .rightImg .meidia-box {
  padding-bottom: 103.1211%;
  overflow: hidden;
  position: relative;
}
.index-three-box .rightImg .meidia-box img,
.index-three-box .rightImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-three-box .rightImg {
  position: relative;
}
.index-three-box .rightImg .meidia-box {
  height: 100%;
  box-sizing: border-box;
}
.index-three-box .rightImg img {
  -o-object-position: right;
     object-position: right;
}
.index-three-box .rightImg .absoluteLogo {
  position: absolute;
  left: clamp(41.06666px, 3.20834vw, 61.6px);
  top: clamp(18.66666px, 1.45834vw, 28px);
}
.index-three-box .rightImg .absoluteLogo img {
  width: clamp(106.66667px, 8.33333vw, 160px);
  min-width: 48px;
  height: auto;
}
.index-three-box .rightImg .absoluteTag {
  position: absolute;
  right: clamp(6.93334px, 0.54166vw, 10.4px);
  bottom: clamp(6.4px, 0.5vw, 9.6px);
  padding: clamp(16px, 1.25vw, 24px);
  background: #E6E7E9;
  width: clamp(190.93334px, 14.91666vw, 286.4px);
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  box-sizing: border-box;
}
.index-three-box .rightImg .contentBox {
  display: flex;
  flex-direction: column;
  gap: clamp(11.73334px, 0.91666vw, 17.6px);
}
.index-three-box .rightImg .moreBtn {
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #4D0C0C;
  color: #4D0C0C;
}
.index-three-box .rightImg .moreBtn .rightIcon {
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
}
.index-three-box .rightImg .moreBtn .rightIcon i {
  color: #fff;
}
.index-three-box .tagText {
  color: #696969;
  font-family: var(--Poppins);
  line-height: clamp(16px, 1.25vw, 24px);
}
.index-three-box .topBoc {
  display: flex;
  align-items: center;
  gap: clamp(12.8px, 1vw, 19.2px);
}
.index-three-box .topBoc img {
  width: clamp(32.53334px, 2.54166vw, 48.8px);
  height: clamp(32.53334px, 2.54166vw, 48.8px);
}
.index-three-box .topBoc .topText {
  flex: 1;
  color: #000000;
  font-weight: 600;
}
.index-three-box .leftForm, .index-three-box .rightImg {
  flex: 1;
  align-items: center;
}
.index-three-box .leftForm {
  padding-right: clamp(31.46666px, 2.45834vw, 47.2px);
  box-sizing: border-box;
}
.index-three-box .flexBtnLine {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(11.73334px, 0.91666vw, 17.6px) clamp(19.73334px, 1.54166vw, 29.6px);
}
.index-three-box .usedComp {
  float: none;
  display: inline-block;
  width: calc((100% - 29.6px) / 2);
  margin-bottom: clamp(3.2px, 0.25vw, 4.8px);
  position: relative;
}
.index-three-box .usedComp2 {
  width: 100%;
}
.index-three-box .submitbtn input{
  width:100%;
}
.index-three-box textarea, .index-three-box input {
  background: #373636;
  border-radius: clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px);
  color: #fff;
  font-size: clamp(11.73334px, 0.91666vw, 17.6px);
  box-sizing: border-box;
  border: none;
  width: 100%;
}
.index-three-box textarea:placeholder, .index-three-box input:placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-size: clamp(11.73334px, 0.91666vw, 17.6px);
}
.index-three-box input {
  height: clamp(29.33334px, 2.29166vw, 44px);
  padding: 0 clamp(5.33334px, 0.41666vw, 8px) 0 clamp(20.8px, 1.625vw, 31.2px);
}
.index-three-box textarea {
  width: 100%;
  height: clamp(69.33334px, 5.41666vw, 104px);
  padding: clamp(10.66666px, 0.83334vw, 16px) clamp(5.33334px, 0.41666vw, 8px) clamp(10.66666px, 0.83334vw, 16px) clamp(20.8px, 1.625vw, 31.2px);
}
.index-three-box .Drag {
  min-height: 96px;
  background: #373636;
  border-radius: clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px);
  padding: clamp(10.13334px, 0.79166vw, 15.2px) clamp(20.26666px, 1.58334vw, 30.4px);
  box-sizing: border-box;
  display: block;
  justify-content: space-between;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  width: 100%;
  margin-top: clamp(10.66666px, 0.83334vw, 16px);
}
.index-three-box .codedropz-upload-inner{
    color:#fff;
}
.index-three-box .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{
    color:#C41C2B;
}
.index-three-box .dnd-upload-counter{
    color:#fff;
}
.index-three-box .Drag > p{
    width:100%;
    display: block;
}
.index-three-box .wpcf7 form .wpcf7-response-output{
    color:#fff;
}
.index-three-box .usedComp span{
    padding-left:0;
}
.index-three-box .submitbtn p{
    position: relative;
}
.Request-one-box .submitbtn .wpcf7-spinner,
.index-three-box .submitbtn .wpcf7-spinner{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50% , -50%);
    margin:0;
}
.index-three-box .usedComp input[type=submit]{
    width:100%;
    text-align: left;
}
.index-three-box .Drag .desc{
    color:#fff;
}
.index-three-box form {
  font-family: var(--Poppins);
}
.index-three-box .rightDrag {
  display: flex;
  flex-direction: column;
  gap: clamp(9.06666px, 0.70834vw, 13.6px);
}
.index-three-box .rightDrag .btn {
  width: clamp(69.33334px, 5.41666vw, 104px);
  height: clamp(17.06666px, 1.33334vw, 25.6px);
  background: rgba(115, 115, 115, 0.4);
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(8.53334px, 0.66666vw, 12.8px);
  font-family: var(--Poppins);
}
.index-three-box .leftDrag {
  flex: 1;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.3);
  font-family: var(--Poppins);
  gap: clamp(9.06666px, 0.70834vw, 13.6px);
}
.index-three-box .leftDrag img {
  width: clamp(22.93334px, 1.79166vw, 34.4px);
}
.index-three-box .leftDrag .roghtText {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(3.73334px, 0.29166vw, 5.6px);
}
.index-three-box .leftDrag .title {
  font-size: clamp(10.66666px, 0.83334vw, 16px);
  color: rgba(255, 255, 255, 0.6);
}
.index-three-box .leftDrag .desc {
  font-size: clamp(8.53334px, 0.66666vw, 12.8px);
}
.index-three-box .TextTitle {
  font-size: clamp(10.66666px, 0.83334vw, 16px);
  color: rgba(255, 255, 255, 0.6);
  font-family: var(--Poppins);
}
.index-three-box #xhlFormSubmit {
  height: clamp(29.33334px, 2.29166vw, 44px);
  background: #FFFFFF;
  border-radius: clamp(36.26666px, 2.83334vw, 54.4px) clamp(36.26666px, 2.83334vw, 54.4px) clamp(36.26666px, 2.83334vw, 54.4px) clamp(36.26666px, 2.83334vw, 54.4px);
  margin: 0;
  width: 100%;
  color: rgba(0, 0, 0, 0.8);
  font-size: clamp(11.73334px, 0.91666vw, 17.6px);
  font-family: var(--Poppins);
  padding-left: clamp(14.4px, 1.125vw, 21.6px);
  text-align: left;
  line-height: clamp(29.33334px, 2.29166vw, 44px);
  text-transform: none;
  box-sizing: border-box;
  cursor: pointer;
}
.index-three-box .rightBtn {
  position: absolute;
  right: clamp(11.73334px, 0.91666vw, 17.6px);
  top: 50%;
  bottom: clamp(2.13334px, 0.16666vw, 3.2px);
  width: clamp(26.13334px, 2.04166vw, 39.2px);
  height: clamp(26.13334px, 2.04166vw, 39.2px);
  transform: translateY(-50%);
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.6s ease;
}
.index-three-box .submitbtn:hover .rightBtn{
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
}
.index-three-box .rightBtn img {
  width: clamp(15.46666px, 1.20834vw, 23.2px);
}

.index-four-box {
  position: relative;
}
.index-four-box .index-four-main {
  position: relative;
  height: 100vh;
  min-height: 416px;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  background: #f5f5f5;
}
.index-four-box .leftBox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 50%;
  height: 100%;
  will-change: transform;
}
.index-four-box .leftBox .meidia-box {
  padding-bottom: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.index-four-box .leftBox .meidia-box img,
.index-four-box .leftBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: none;
}
.index-four-box .rightBoxBox {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
  height: 100%;
  will-change: width;
}
.index-four-box .rightBoxBox .meidia-box {
  padding-bottom: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.index-four-box .rightBoxBox .meidia-box img,
.index-four-box .rightBoxBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.35s ease;
}
.index-four-box .rightBoxBox .meidia-box img {
  z-index: 2;
  opacity: 1;
  visibility: visible;
}
.index-four-box .rightBoxBox .meidia-box video {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.index-four-box .rightBoxBox .meidia-box.is-playing img {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.index-four-box .rightBoxBox .meidia-box.is-playing video {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.index-four-box .centerImg {
  position: relative;
  width: clamp(144px, 14.584vw, 280px);
  height: clamp(192px, 19.168vw, 368px);
  overflow: hidden;
  will-change: width, height;
}
.index-four-box .centerImg .meidia-box {
  width: 100%;
  height: 100%;
}
.index-four-box .centerImg:hover img {
  transform: none;
}
.index-four-box .leftBox:hover img {
  transform: none;
}

.index-fivesix-box {
  position: relative;
}
.index-fivesix-main {
  position: relative;
  height: auto;
  min-height: 0;
  overflow: visible;
}
.index-fivesix-main > .index-five-box,
.index-fivesix-main > .index-six-box {
  position: relative;
  inset: auto;
  width: 100%;
  height: 100vh;
}
.index-fivesix-main > .index-six-box {
  z-index: auto;
}
.index-fivesix-main > .index-six-box .c-title{
  max-width:clamp(560px, 43.75vw, 800px);
  margin-bottom:clamp(120px, 9.375vw, 180px);
}
.index-six-box.aboutUs-why-box .contentBox .c-title{
  max-width:clamp(560px, 43.75vw, 800px);
  justify-content:space-between;
}
.index-fivesix-main > .index-five-box .bg {
  height: 100%;
  min-height: 100%;
  width:100%;
}
.index-fivesix-main > .index-five-box .bg .m-width-content{
  width:100%;
}
.index-fivesix-main > .index-six-box .contentBox {
  height: 100%;
  min-height: 100%;
}

.index-five-box {
  color: rgba(255, 255, 255, 0.9);
  position: relative;
  min-height: 80vh;
}
.index-five-box .bg{
  height: 80vh;
  min-height: 80vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.index-five-box .centerBox {
  display: flex;
  justify-content: space-between;
  gap: clamp(55.46666px, 4.33334vw, 83.2px);
  min-height:clamp(480px, 37.5vw, 720px);
}
.index-five-box .leftContent, .index-five-box .rightConteng,
.index-five-box .rightContent {
  flex: 1;
}
.index-five-box .leftContent {
  padding: clamp(45.86666px, 3.58334vw, 68.8px) 0 clamp(14.4px, 1.125vw, 21.6px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.index-five-box .rightConteng {
  display: flex;
  justify-content: flex-end;
}
.index-five-box .rightContent {
  display: flex;
  justify-content: flex-end;
}
.index-five-box .rightContent.index-five-stats-wheel-zone {
  align-self: stretch;
  min-height: clamp(480px, 37.5vw, 720px);
}
.index-five-box .rightC {
  width: 81%;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.index-five-box .index-five-stats-swiper {
  width: 100%;
  height: clamp(480px, 37.5vw, 720px);
  overflow: hidden;
}
.index-five-box .index-five-stats-swiper .swiper-slide {
  height: calc(100% / var(--mx-five-visible, 3));
  box-sizing: border-box;
}
.index-five-box .index-five-stats-swiper .stats-slide-inner {
  height: 100%;
  display: flex;
  justify-content: space-between;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  padding: clamp(40.53334px, 3.16666vw, 60.8px) 0 clamp(25.6px, 2vw, 38.4px);
  border-bottom: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  opacity: 0;
  transform: translate3d(0, 36px, 0);
  transition: opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1), transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}
.index-five-box .index-five-stats-swiper .swiper-slide.is-enter .stats-slide-inner {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.index-five-box .index-five-stats-swiper .swiper-slide:last-child .stats-slide-inner {
  border-bottom: 0;
}
.index-five-box .rightC .leftBox {
  flex: 1;
}
.index-five-box .rightC .rightImg {
  width: clamp(45.86666px, 3.58334vw, 68.8px);
}
.index-five-box .rightC .rightImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.index-five-box .rightC .rightImg .meidia-box img,
.index-five-box .rightC .rightImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-five-box .rightC .text {
  color: rgba(255, 255, 255, 0.6);
  margin-top: clamp(6.93334px, 0.54166vw, 10.4px);
}
.index-five-box .headerTitle {
  margin: clamp(6.93334px, 0.54166vw, 10.4px) 0 clamp(35.73334px, 2.79166vw, 53.6px);
  perspective: 576px;
}
.index-five-box .headerTitle .mx-char {
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: transform, opacity;
}
.index-five-box .headerTitle .mx-char--space {
  width: 0.224em;
}
.index-five-box .flexBtn {
  display: flex;
  gap: clamp(19.2px, 1.5vw, 28.8px);
}
.index-five-box .moreBtn {
  flex: 1;
  max-width: clamp(106.66666px, 8.33334vw, 160px);
  margin: 0;
}
.index-five-box .moreBtn:first-child {
  margin-right: clamp(19.2px, 1.5vw, 28.8px);
}
.index-four-box .centerImg .moreBtn.video{
  position: absolute;
  bottom:20px;
  left:50%;
  transform: translateX(-50%) translateY(12px);
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.45s ease, visibility 0.45s ease, transform 0.45s ease, background 0.6s ease;
}
.index-four-box .centerImg .moreBtn.video.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.index-four-box .centerImg .moreBtn.video:hover {
  transform: translateX(-50%) translateY(-2px);
}
.index-four-box .centerImg .moreBtn.video,
.index-five-box .moreBtn.video {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
  border: none;
}
.index-four-box .centerImg .moreBtn.video .rightIcon,
.index-five-box .moreBtn.video .rightIcon {
  background: #fff;
}
.index-four-box .centerImg .moreBtn.video .rightIcon img,
.index-five-box .moreBtn.video .rightIcon img {
  margin-left: clamp(1.6px, 0.125vw, 2.4px);
  width: clamp(8px, 0.625vw, 12px);
  height: auto;
}
.index-four-box .centerImg .moreBtn.video:hover,
.index-five-box .moreBtn.video:hover {
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
  color: #fff;
}

.index-five-box .fiveDesc {
  font-family: var(--Poppins);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.7;
}

.headerTitle {
  font-weight: 700;
  line-height: 1.6;
  color: #FFFFFF;
}

.index-six-box {
  position: relative;
  overflow: hidden;
}
.index-six-box .absoluteImg {
  position: absolute;
  right: 0;
  bottom:0;
  width: 61.9%;
  max-width:clamp(866.66667px, 67.70833vw, 1300px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.index-six-box .absoluteImg .meidia-box img{
  max-width:100%;
  height:auto;
}
.index-six-box .absoluteImg .global-box {
  width: 100%;
  height: 100%;
}
.index-six-box .contentBox {
  position: relative;
  z-index: 3;
  padding: clamp(53.33333px, 4.16667vw, 80px) 0 clamp(53.33333px, 4.16667vw, 80px) clamp(85.33334px, 6.66666vw, 128px);
  height: clamp(480px, 37.5vw, 720px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
}
.index-six-box.aboutUs-why-box .contentBox{
  justify-content: space-between;
}
.index-six-box .contentBox .headerTitle {
  margin-top: clamp(6.93334px, 0.54166vw, 10.4px);
  perspective: 576px;
}
.index-six-box .contentBox .headerTitle .mx-char {
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: transform, opacity;
}
.index-six-box .contentBox .headerTitle .mx-char--space {
  width: 0.224em;
}
.index-six-box .sixSwiper .swiper-slide {
  width: clamp(224px, 25.83334vw, 496px);
  height: auto;
  flex-shrink: 0;
  box-sizing: border-box;
}
.index-six-box .sixSwiper {
  overflow: hidden;
  width: 100%;
  margin-left: 0;
}
.index-six-box .sixSwiper .swiper {
  overflow: hidden;
  margin-left: 0;
}
.index-six-box .sixSwiper .swiper-wrapper {
  align-items: stretch;
}
.index-six-box .swiperContent {
  min-height: 220px;
  background: rgba(144, 144, 144, 0.4);
  backdrop-filter: blur(clamp(5.33334px, 0.41666vw, 8px));
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  padding: clamp(16px, 1.25vw, 24px) clamp(24px, 1.875vw, 36px) clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px);
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: clamp(14.93334px, 1.16666vw, 22.4px);
}
.index-six-box .textOver {
  color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.index-six-box .bottomFlex {
  display: flex;
  gap: clamp(20.26666px, 1.58334vw, 30.4px);
  flex: 1;
}
.index-six-box .bottomFlex .rightImg {
  width: clamp(48.53334px, 3.79166vw, 72.8px);
}
.index-six-box .bottomFlex .rightImg .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.index-six-box .bottomFlex .rightImg .meidia-box img,
.index-six-box .bottomFlex .rightImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-six-box .bottomFlex .leftText {
  flex: 1;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}

.index-seven-box {
  padding: clamp(44.8px, 3.5vw, 67.2px) 0 clamp(71.46666px, 5.58334vw, 107.2px);
}
.index-seven-box .headTitle {
  perspective: 576px;
}
.index-seven-box .headTitle .mx-char {
  display: inline-block;
  transform-origin: 50% 100%;
  will-change: transform, opacity;
}
.index-seven-box .headTitle .mx-char--space {
  width: 0.224em;
}
.index-seven-box .topBtnBox {
  margin: clamp(14.93334px, 1.16666vw, 22.4px) auto clamp(30.93334px, 2.41666vw, 46.4px);
  max-width: 1056px;
  background: #FFFFFF;
  box-shadow: 0px clamp(1.06666px, 0.08334vw, 1.6px) clamp(5.33334px, 0.41666vw, 8px) 0px rgba(0, 0, 0, 0.1);
  border-radius: clamp(21.33334px, 1.66666vw, 32px);
}
.index-seven-box .topBtnBox ul {
  width: 100%;
  height: clamp(42.66666px, 3.33334vw, 64px);
  display: flex;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.index-seven-box .topBtnBox li {
  flex: 1;
  height: 100%;
  border-radius: clamp(21.33334px, 1.66666vw, 32px);
  text-align: center;
  color: #0C0F4D;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.index-seven-box .topBtnBox .cur {
  color: #FFFFFF;
  font-weight: 600;
  background: linear-gradient(54deg, #CE1B1B 0%, #750A17 100%);
}
.index-seven-box .bottomBox ul {
  flex-wrap: wrap;
  display: none;
}
.index-seven-box .bottomBox .cur {
  display: flex;
}
.index-seven-box .bottomBox li {
  width: calc(33.3333333333% - 26.66667px);
  margin-left: 40px;
}
.index-seven-box .bottomBox li:nth-child(3n+1) {
  margin-left: 0;
}
.index-seven-box .bottomBox .p-item {
  display: block;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  overflow: hidden;
  box-shadow: 0 clamp(4.26666px, 0.33334vw, 6.4px) clamp(12.8px, 1vw, 19.2px) 0 rgba(12, 15, 77, 0.13);
  cursor: pointer;
  height: 100%;
}
.index-seven-box .bottomBox .p-item:hover .meidia-box img {
  transform: scale(1.1);
}
.index-seven-box .bottomBox .p-item:hover {
  position: relative;
}
.index-seven-box .bottomBox .p-item:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  padding: clamp(1.6px, 0.125vw, 2.4px);
  background: linear-gradient(90deg, #C31D2E 0%, #FF9BA5 25%, #C31D2E 50%, #FFC4CA 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  box-shadow: none;
}
.index-seven-box .bottomBox .topImg {
  position: relative;
}
.index-seven-box .bottomBox .topImg .meidia-box {
  padding-bottom: 68%;
  overflow: hidden;
  position: relative;
}
.index-seven-box .bottomBox .topImg .meidia-box img,
.index-seven-box .bottomBox .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.index-seven-box .bottomBox .absoluteImg {
  position: absolute;
  top: clamp(16px, 1.25vw, 24px);
  left: 0;
  background: rgba(195, 29, 46, 0.3);
  height: clamp(26.13334px, 2.04166vw, 39.2px);
  width: clamp(64px, 5vw, 96px);
  border-radius: 0 clamp(13.33334px, 1.04166vw, 20px) clamp(13.33334px, 1.04166vw, 20px) 0;
  color: #fff;
  text-align: center;
  line-height: clamp(26.13334px, 2.04166vw, 39.2px);
  backdrop-filter: blur(clamp(5.33334px, 0.41666vw, 8px));
}
.index-seven-box .bottomBox .bottomLinr {
  width: 100%;
  padding: clamp(13.86666px, 1.08334vw, 20.8px) clamp(20.26666px, 1.58334vw, 30.4px) clamp(12.8px, 1vw, 19.2px);
  box-sizing: border-box;
  color: #4D0C0C;
  font-weight: 600;
  line-height: 1.5;
}

.footerBox .contentBoxCenter {
  position: relative;
}
.footerBox .leftContent .left-content-box{
  padding:clamp(20px, 1.5625vw, 30px) 0;
  width: clamp(542.4px, 42.375vw, 813.6px);
  display: flex;
  justify-content: space-between;
  gap: clamp(41.06666px, 3.20834vw, 61.6px);
  color: #FFFFFF;
}
.footerBox .left {
  width: clamp(261.86666px, 20.45834vw, 392.8px);
}
.footerBox .left .f-18 {
  line-height: 1.8;
}
.footerBox .leftbottom {
  margin-top: clamp(17.06666px, 1.33334vw, 25.6px);
  width: clamp(126.4px, 9.875vw, 189.6px);
  height: clamp(23.46666px, 1.83334vw, 35.2px);
  border-radius: clamp(37.33334px, 2.91666vw, 56px) clamp(37.33334px, 2.91666vw, 56px) clamp(37.33334px, 2.91666vw, 56px) clamp(37.33334px, 2.91666vw, 56px);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 clamp(5.86666px, 0.45834vw, 8.8px);
  align-items: center;
}
.footerBox .leftbottom .rightBtn {
  width: clamp(37.33334px, 2.91666vw, 56px);
  height: clamp(21.33334px, 1.66666vw, 32px);
  background: #FFFFFF;
  border-radius: clamp(37.33334px, 2.91666vw, 56px) clamp(37.33334px, 2.91666vw, 56px) clamp(37.33334px, 2.91666vw, 56px) clamp(37.33334px, 2.91666vw, 56px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.6s ease;
}
.footerBox .leftbottom .rightBtn:hover {
  background: #CE1B1B;
}
.footerBox .leftbottom .rightBtn:hover img {
  filter: invert(1);
}
.footerBox .leftbottom .rightBtn img {
  width: clamp(13.33334px, 1.04166vw, 20px);
  height: auto;
}
.footerBox .center {
  flex: 1;
  color: rgba(255, 255, 255, 0.8);
}
.footerBox .center .title {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: clamp(11.73334px, 0.91666vw, 17.6px);
}
.footerBox .center li {
  margin-bottom: clamp(6.93334px, 0.54166vw, 10.4px);
}
.footerBox .center a {
  color: rgba(255, 255, 255, 0.8);
}
.footerBox .center a:hover {
  color: #C31D2E;
}
.footerBox .bottomCenter {
  width: 100%;
  border-top: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(255, 255, 255, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(255, 255, 255, 0.9);
  padding:10px 0;
}
.flex-footer-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-footer-box .leftContent{
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
.footerBox .rightFixed {
  width: clamp(229.33334px, 17.91666vw, 344px);
  background: #CE1B1B;
  padding:clamp(20px, 1.5625vw, 30px) 0;
}
.footerBox .rightFixed .topImg {
  width: 68.13%;
}
.footerBox .rightFixed .topImg .meidia-box {
  padding-bottom: 23.89078%;
  overflow: hidden;
  position: relative;
}
.footerBox .rightFixed .topImg .meidia-box img,
.footerBox .rightFixed .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.footerBox .rightFixed .topImg {
  margin: 0 auto;
}
.footerBox .centerUl {
  padding: 0 clamp(17.06666px, 1.33334vw, 25.6px);
  display: flex;
  flex-direction: column;
  gap: clamp(10.13334px, 0.79166vw, 15.2px);
  margin: clamp(17.06666px, 1.33334vw, 25.6px) 0 0;
}
.footerBox .centerUl li {
  color: rgba(255, 255, 255, 0.9);
  display: flex;
  gap: clamp(5.33334px, 0.41666vw, 8px);
  align-items: center;
}
.footerBox .centerUl li a{
    color: rgba(255, 255, 255, 0.9);
}
.footerBox .centerUl li a:hover{
    color:#C41C2B;
}
.footerBox .centerUl img {
  height: clamp(9.6px, 0.75vw, 14.4px);
}
.footerBox .centerUl span {
  font-weight: 700;
}
.footerBox .bottomFlexIMG {
  display: flex;
  gap: clamp(15.46666px, 1.20834vw, 23.2px);
  margin-top:20px;
}
.footerBox .bottomFlexIMG a {
  width: clamp(20.8px, 1.625vw, 31.2px);
  height: clamp(20.8px, 1.625vw, 31.2px);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(4.8px, 0.375vw, 7.2px);
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
}
.footerBox .bottomFlexIMG a img {
  width: clamp(8px, 0.625vw, 12px);
  height: auto;
  transition: all 0.6s ease;
}
.footerBox .bottomFlexIMG a:first-child img {
  width: clamp(5.33334px, 0.41666vw, 8px);
}
.footerBox .bottomFlexIMG a:hover {
  background: #FFFFFF;
}
.footerBox .bottomFlexIMG a:hover img {
  filter: invert(1);
}

.openBox {
  position: relative;
  width: clamp(351.46666px, 27.45834vw, 527.2px);
  min-width: 240px;
  max-width: calc(100vw - 40px);
  backdrop-filter: blur(8px);
  height: auto;
  min-height: clamp(261.33334px, 20.41666vw, 392px);
  max-height: min(90vh, 560px);
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: clamp(4.8px, 0.375vw, 7.2px);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(174, 136, 130, 0.3);
  background: rgba(42, 42, 42, 0.65);
  padding: clamp(21.33334px, 1.66666vw, 32px) clamp(37.33334px, 2.91666vw, 56px) clamp(24.53334px, 1.91666vw, 36.8px) clamp(34.66666px, 2.70834vw, 52px);
  box-sizing: border-box;
  color: #FFFFFF;
  display: none;
}
.openBox-close {
  position: absolute;
  top: clamp(10.66666px, 0.83334vw, 16px);
  right: clamp(10.66666px, 0.83334vw, 16px);
  z-index: 20;
  width: clamp(28.8px, 2.25vw, 43.2px);
  height: clamp(28.8px, 2.25vw, 43.2px);
  padding: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  transition: background 0.3s ease, transform 0.3s ease;
}
.openBox-close img {
  width: clamp(12.8px, 1vw, 19.2px);
  height: auto;
  opacity: 0.85;
  pointer-events: none;
}
.openBox-close:hover {
  background: rgba(206, 27, 27, 0.85);
  transform: rotate(90deg);
}
.openBox-form-wrap,
.openBox .wpcf7 {
  width: 100%;
}
.openBox .wpcf7-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  margin: 0;
}
.openBox .wpcf7-form p {
  margin: 0;
}
.openBox .wpcf7-form .hidden-fields-container {
  display: none;
}
.openBox .screen-reader-response {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.openBox .topImg {
  width: clamp(34.66666px, 2.70834vw, 52px);
  height: clamp(26.13334px, 2.04166vw, 39.2px);
  border-radius: clamp(6.93334px, 0.54166vw, 10.4px);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(174, 136, 130, 0.15);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(174, 136, 130, 0.15);
}
.openBox .topImg img {
  width: clamp(13.33334px, 1.04166vw, 20px);
}
.openBox .title {
  grid-row: 1;
  width: 100%;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin: clamp(12.26666px, 0.95834vw, 18.4px) 0 clamp(6.4px, 0.5vw, 9.6px);
}
.openBox .title p {
  margin: 0;
}
.openBox .text {
  grid-row: 2;
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--Poppins);
  text-align: center;
  line-height: 1.6;
}
.openBox .text p {
  margin: 0;
}
.openBox .centerInput {
  grid-row: 3;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: clamp(16px, 1.25vw, 24px);
  max-width:clamp(220px, 17.1875vw, 330px);
}
.openBox .centerInput p {
  width: 100%;
  display: flex;
  justify-content: center;
}
.openBox .emailInput {
  width: 100%;
  max-width: clamp(155.73334px, 12.16666vw, 233.6px);
  height: clamp(30.4px, 2.375vw, 45.6px);
  border-radius: clamp(36.26666px, 2.83334vw, 54.4px);
  border: none;
  background: #442F2F;
  padding: 0 clamp(16px, 1.25vw, 24px);
  box-sizing: border-box;
  color: #fff;
  margin: 0;
}
.openBox .openBox-form-wrap .emailInput{
  max-width:100%;
}
.openBox .openBox-form-wrap .selectBtn{
  max-width:clamp(220px, 17.1875vw, 330px);
  padding:0 10px;
  margin-top:20px;
  text-align: center;
  justify-content: center;
}
.openBox .emailInput::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.openBox .emailInput::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.openBox .wpcf7-form > p:has(> button.moreBtn) {
  grid-row: 4;
  width: min(100%, clamp(155.73334px, 12.16666vw, 233.6px));
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  position: relative;
  z-index: 2;
}
.openBox .wpcf7-form > .moreText {
  grid-row: 4;
  width: min(100%, clamp(155.73334px, 12.16666vw, 233.6px));
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  min-height: clamp(30.4px, 2.375vw, 45.6px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: clamp(10.66666px, 0.83334vw, 16px);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 3;
}
.openBox .wpcf7-form > .rightIcon {
  grid-row: 4;
  width: min(100%, clamp(155.73334px, 12.16666vw, 233.6px));
  margin: clamp(16px, 1.25vw, 24px) 0 0;
  min-height: clamp(30.4px, 2.375vw, 45.6px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: clamp(10.66666px, 0.83334vw, 16px);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 3;
}
.openBox .moreText p,
.openBox .rightIcon p {
  margin: 0;
  line-height: 1;
}
.openBox .moreBtn {
  width: 100%;
  max-width: none;
  min-height: clamp(30.4px, 2.375vw, 45.6px);
  margin: 0;
  padding: 0 clamp(40px, 3.125vw, 48px) 0 clamp(10.66666px, 0.83334vw, 16px);
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
  border-color: transparent;
  cursor: pointer;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.openBox .moreBtn:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}
.openBox .moreBtn br {
  display: none;
}
.openBox .rightIcon img {
  width: clamp(9.6px, 0.75vw, 14.4px);
}
.openBox .rightIcon i {
  font-size: clamp(12.8px, 1vw, 19.2px);
  line-height: 1;
}
.openBox .noThanks {
  grid-row: 5;
  width: 100%;
  margin-top: clamp(16px, 1.25vw, 24px);
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--Poppins);
  cursor: pointer;
  transition: color 0.3s ease;
}
.openBox .noThanks p {
  margin: 0;
}
.openBox .noThanks:hover {
  color: rgba(255, 255, 255, 0.75);
}
.openBox .wpcf7-response-output {
  grid-row: 6;
  width: 100%;
  margin: 12px 0 0;
  padding: 0;
  border: 0;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
}

.openBoxPop {
  background-color: transparent;
}
.openBoxPop .layui-layer-content {
  height: auto !important;
  overflow: visible;
}

/* 下载密码弹窗 */
.openBox--download .openBox-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.openBox--download .title {
  margin: clamp(12.26666px, 0.95834vw, 18.4px) 0 clamp(6.4px, 0.5vw, 9.6px);
}
.openBox--download .text {
  max-width: 320px;
}
.openBox--download .centerInput {
  width: 100%;
  margin-top: clamp(16px, 1.25vw, 24px);
}
.openBox--download .emailInput {
  max-width: clamp(220px, 17.1875vw, 330px);
  width: 100%;
  margin: 0 auto;
}
.openBox--download .openBox-actions {
  width: 100%;
  max-width: clamp(220px, 17.1875vw, 330px);
  display: flex;
  flex-direction: column;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  margin-top: clamp(20px, 1.5625vw, 30px);
}
.openBox--download .openBox-actions .moreBtn:not(#downloadBtn){
  color:#fff;
}
.openBox--download .openBox-actions .moreBtn {
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-decoration: none;
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
}
.openBox--download .openBox-action-link {
  background: transparent;
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(255, 255, 255, 0.55);
  color: rgba(255, 255, 255, 0.9);
}
.openBox--download .openBox-action-link .rightIcon {
  background: rgba(255, 255, 255, 0.15);
}
.openBox--download .openBox-action-link .rightIcon i {
  color: #fff;
}
.openBox--download .openBox-action-link:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.85);
  opacity: 1;
  transform: translateY(-1px);
}
.openBox--download .openBox-action-primary {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
  border-color: transparent;
}
.openBox--download .openBox-action-primary .rightIcon {
  background: #fff;
}
.openBox--download .openBox-action-primary .rightIcon i {
  color: #4D0C0C;
}

.navPadding {
  padding-top: clamp(80px, 6.25vw, 120px);
}

.yinDaoBanner .bg-box .meidia-box {
  padding-bottom: 41.66667%;
  overflow: hidden;
  position: relative;
}
.yinDaoBanner .bg-box {
  position: relative;
}
.yinDaoBanner .yinDaoBanner-video-btn {
  position: absolute;
  left: 50%;
  bottom: clamp(24px, 1.875vw, 36px);
  transform: translateX(-50%);
  z-index: 3;
  margin: 0;
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
  border: none;
  box-shadow: 0 clamp(4px, 0.3125vw, 6px) clamp(16px, 1.25vw, 24px) rgba(0, 0, 0, 0.25);
  transition: transform 0.35s ease, opacity 0.35s ease, background 0.6s ease;
  display: flex;
}
.yinDaoBanner .yinDaoBanner-video-btn .rightIcon {
  background: #fff;
}
.yinDaoBanner .yinDaoBanner-video-btn .rightIcon img {
  margin-left: clamp(1.6px, 0.125vw, 2.4px);
  width: clamp(8px, 0.625vw, 12px);
  height: auto;
}
.yinDaoBanner .yinDaoBanner-video-btn:hover {
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
  color: #fff;
  transform: translateX(-50%) translateY(-2px);
}
.yinDaoBanner .bg-box .meidia-box img,
.yinDaoBanner .bg-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.yinDaoBanner .flexLink {
  border-bottom: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.yinDaoBanner .flexLink .centerFlex {
  display: flex;
  height: clamp(42.66666px, 3.33334vw, 64px);
  align-items: center;
  gap: clamp(4.26666px, 0.33334vw, 6.4px);
  color: rgba(255, 255, 255, 0.8);
}
.yinDaoBanner .flexLink img {
  width: clamp(12.8px, 1vw, 19.2px);
}
.yinDaoBanner .flexLink a, .yinDaoBanner .flexLink span {
  color: rgba(255, 255, 255, 0.8);
}
.yinDaoBanner .flexLink span {
  color: #FFFFFF;
  font-weight: 600;
}
.yinDaoBanner .m-width-content {
  width: 100%;
}

.flexCenterTitle {
  position: absolute;
  top: clamp(48px, 3.75vw, 72px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #FFFFFF;
  font-weight: 700;
}
.flexCenterTitle .flexWrapText {
  padding-bottom: clamp(5.33334px, 0.41666vw, 8px);
}

.yinDao-one-box {
  padding: clamp(62.4px, 4.875vw, 93.6px) 0 clamp(41.06666px, 3.20834vw, 61.6px);
}
.yinDao-one-box .headerTitle {
  color: #000;
  text-align: center;
}
.yinDao-one-box .desc {
  color: #666666;
  font-family: var(--Poppins);
  text-align: center;
  margin-top: clamp(5.33334px, 0.41666vw, 8px);
}
.yinDao-one-box .page {
  transform: translateX(-79999.2px);
  transition: transform 0.6s;
  display: none;
}
.yinDao-one-box .pageActive {
  display: block;
  transform: translateX(0);
}
.yinDao-one-box .yesOrNo {
  display: flex;
  justify-content: center;
  gap: clamp(30.93334px, 2.41666vw, 46.4px);
  margin: clamp(49.06666px, 3.83334vw, 73.6px) 0 clamp(33.6px, 2.625vw, 50.4px);
}
.yinDao-one-box .YESbOX, .yinDao-one-box .NobOX {
  width: clamp(256px, 20vw, 384px);
  min-width: 240px;
  height: clamp(165.33334px, 12.91666vw, 248px);
  background: #fff;
  color: #4D0C0C;
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(206, 27, 27, 0.2);
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #4D0C0C;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: clamp(29.33334px, 2.29166vw, 44px);
  cursor: pointer;
}
.yinDao-one-box .YESbOX .TEXT, .yinDao-one-box .NobOX .TEXT {
  font-weight: 700;
}
.yinDao-one-box .YESbOX img, .yinDao-one-box .NobOX img {
  width: clamp(78.4px, 6.125vw, 117.6px);
  height: auto;
}
.yinDao-one-box .active {
  display: none;
}
.yinDao-one-box .YESbOX {
  background: #C31D2E;
  color: #fff;
}
.yinDao-one-box .YESbOX .unActive {
  display: none;
}
.yinDao-one-box .YESbOX .active {
  display: block;
}
.yinDao-one-box .moreBtn {
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #4D0C0C;
  height: clamp(29.33334px, 2.29166vw, 44px);
  margin: 0 auto;
  max-width: 160px;
  color: #4D0C0C;
}
.yinDao-one-box .moreBtn .rightIcon {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%), #0C0F4D;
}
.yinDao-one-box .moreBtn .rightIcon i {
  color: #fff;
}
.yinDao-one-box .moreBtn:hover {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%), #0C0F4D;
  color: #fff;
}
.yinDao-one-box .moreBtn:hover .rightIcon {
  background: #fff;
}
.yinDao-one-box .moreBtn:hover .rightIcon i {
  color: #4D0C0C;
}
.yinDao-one-box .back {
  margin: clamp(37.86666px, 2.95834vw, 56.8px) 0 clamp(9.06666px, 0.70834vw, 13.6px);
  display: flex;
  gap: clamp(20.26666px, 1.58334vw, 30.4px);
  align-items: center;
  padding-left: clamp(5.33334px, 0.41666vw, 8px);
  color: #4D0C0C;
  font-weight: 500;
  font-family: var(--Poppins);
  cursor: pointer;
}
.yinDao-one-box .back img {
  width: clamp(23.46666px, 1.83334vw, 35.2px);
}
.yinDao-one-box .descp {
  color: #666666;
  font-family: var(--Poppins);
  text-align: center;
  line-height: 1.5;
  margin-top: clamp(5.33334px, 0.41666vw, 8px);
}
.yinDao-one-box .textp {
  color: #000000;
  font-weight: 500;
  text-align: center;
  font-family: var(--Poppins);
  line-height: 1.5;
}
.yinDao-one-box .selectBox {
  width: clamp(725.86666px, 56.70834vw, 1088.8px);
  min-height: 208px;
  display: flex;
  gap: clamp(29.33334px, 2.29166vw, 44px);
  flex-wrap: wrap;
  margin: clamp(17.6px, 1.375vw, 26.4px) auto;
  justify-content: center;
}
.yinDao-one-box .selectBox li {
  width: calc((100% - 140px) / 4);
  height: clamp(40px, 3.125vw, 60px);
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #4D0C0C;
  text-align: center;
  color: #4D0C0C;
  font-weight: 500;
  font-family: var(--Poppins);
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
}
.yinDao-one-box .selectBox li label {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8.53334px, 0.66666vw, 12.8px);
  font-weight: 500;
  cursor: pointer;
  box-sizing: border-box;
}
.yinDao-one-box .selectBox li label input[type=checkbox] {
  width: clamp(8.53334px, 0.66666vw, 12.8px);
  height: clamp(8.53334px, 0.66666vw, 12.8px);
  border-radius: clamp(2.13334px, 0.16666vw, 3.2px);
  border: clamp(1.06666px, 0.08334vw, 1.6px) solid #4D0C0C;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  background: #FFF;
  position: relative;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  display: inline-block;
  vertical-align: middle;
}
.yinDao-one-box .selectBox li label input[type=checkbox]:checked {
  background: #FFFFFF;
  border-color: #FFFFFF;
}
.yinDao-one-box .selectBox li label input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: clamp(1.6px, 0.125vw, 2.4px);
  top: 0px;
  width: clamp(2.13334px, 0.16666vw, 3.2px);
  height: clamp(4.26666px, 0.33334vw, 6.4px);
  border: solid #C31D2E;
  border-width: 0 clamp(1.6px, 0.125vw, 2.4px) clamp(1.6px, 0.125vw, 2.4px) 0;
  transform: rotate(45deg);
  display: block;
}
.yinDao-one-box .selectBox .select {
  background: #C31D2E;
  border-color: #C31D2E;
  color: #FFFFFF;
}
.yinDao-one-box .SUBMITPage {
  display: none;
}

.searchResult-one-box {
  padding-top: clamp(44.26666px, 3.45834vw, 66.4px);
}
.searchResult-one-box .searchResultContent {
  display: flex;
  gap: clamp(27.73334px, 2.16666vw, 41.6px);
  align-items: flex-start;
}
.searchResult-one-box .leftSearch {
  width: clamp(177.06666px, 13.83334vw, 265.6px);
  padding: clamp(11.2px, 0.875vw, 16.8px) 0px 0 0px;
  background: #F7F7F7;
  border-radius: clamp(5.86666px, 0.45834vw, 8.8px) clamp(5.86666px, 0.45834vw, 8.8px) 0 0;
}
.searchResult-one-box .leftSearch .searchBox {
  padding: 0px clamp(10px, 0.78125vw, 15px);
  border-bottom: clamp(0.53334px, 0.04166vw, 0.8px) solid #D8D8D8;
  margin-bottom: clamp(22.4px, 1.75vw, 33.6px);
}
.searchResult-one-box .leftSearch .searchBox:last-child {
  padding-bottom: clamp(8.53334px, 0.66666vw, 12.8px);
}
.searchResult-one-box .leftSearch li {
  width: 100%;
}
.searchResult-one-box .leftSearch li label {
  display: flex;
  width: 100%;
  gap: clamp(6.93334px, 0.54166vw, 10.4px);
  align-items: center;
  color: #4F4F4F;
  font-family: var(--Poppins);
  padding: clamp(6.93334px, 0.54166vw, 10.4px) clamp(5.86666px, 0.45834vw, 8.8px);
  box-sizing: border-box;
  cursor: pointer;
}
.searchResult-one-box .leftSearch input[type=checkbox] {
  width: clamp(8px, 0.625vw, 12px);
  height: clamp(8px, 0.625vw, 12px);
  border-radius: clamp(2.13334px, 0.16666vw, 3.2px);
  border: clamp(1.06666px, 0.08334vw, 1.6px) solid #4D0C0C;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  background: #FFF;
  position: relative;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  display: inline-block;
  vertical-align: middle;
}
.searchResult-one-box .leftSearch input[type=checkbox]:checked {
  background: #C31D2E;
  border-color: #C31D2E;
}
.searchResult-one-box .leftSearch input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: clamp(1.6px, 0.125vw, 2.4px);
  top: 0px;
  width: clamp(2.13334px, 0.16666vw, 3.2px);
  height: clamp(4.26666px, 0.33334vw, 6.4px);
  border: solid #fff;
  border-width: 0 clamp(1.6px, 0.125vw, 2.4px) clamp(1.6px, 0.125vw, 2.4px) 0;
  transform: rotate(45deg);
  display: block;
}
.searchResult-one-box .leftSearch ul {
  display: none;
}
.searchResult-one-box .rightSearchBox {
  flex: 1;
  position: relative;
}
.searchResult-one-box .rightAdBtns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(8px, 0.625vw, 12px);
  margin-bottom: clamp(12.8px, 1vw, 19.2px);
}
.searchResult-one-box .rightAdBtns .rightAdBtn {
  margin: 0;
  max-width: none;
  width: fit-content;
  height: clamp(29.33334px, 2.29166vw, 44px);
  flex: none;
  border: none;
}
.searchResult-one-box .rightAdBtns .rightAdBtn .moreText {
  width: auto;
  white-space: nowrap;
}
.searchResult-one-box .rightAdBtns .rightAdBtn .rightIcon {
  flex-shrink: 0;
  width: clamp(20.8px, 1.625vw, 31.2px);
  height: clamp(20.8px, 1.625vw, 31.2px);
  border-radius: 50%;
  aspect-ratio: 1;
  background: #fff;
}
.searchResult-one-box .rightAdBtns .rightAdBtn .rightIcon i {
  color: #4D0C0C;
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(1) {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
  color: #fff;
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(1):hover {
  background: #fff;
  color: #4D0C0C;
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(1):hover .rightIcon {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(1):hover .rightIcon i {
  color: #fff;
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(2) {
  background: #fff;
  color: #4D0C0C;
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #4D0C0C;
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(2) .rightIcon {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(2) .rightIcon i {
  color: #fff;
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(2):hover {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
  color: #fff;
  border-color: transparent;
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(2):hover .rightIcon {
  background: #fff;
}
.searchResult-one-box .rightAdBtns .rightAdBtn:nth-child(2):hover .rightIcon i {
  color: #4D0C0C;
}
.searchResult-one-box .leftTitle {
  color: #4D0C0C;
  font-weight: 700;
  margin-bottom: clamp(13.33334px, 1.04166vw, 20px);
  padding: 0px clamp(10px, 0.78125vw, 15px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.searchResult-one-box .leftTitle .leftTitleText {
  flex: 1;
  min-width: 0;
}
.searchResult-one-box .leftTitle .resetBtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  color: #C31D2E;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}
.searchResult-one-box .leftTitle .resetBtn .layui-icon {
  font-size: 16px;
  line-height: 1;
}
.searchResult-one-box .leftTitle .resetBtn:hover {
  opacity: 0.75;
}
.searchResult-one-box .titleS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: #4F4F4F;
  width: clamp(132.26666px, 10.33334vw, 198.4px);
  margin-bottom: clamp(9.06666px, 0.70834vw, 13.6px);
  cursor: pointer;
}
.searchResult-one-box .titleS img{
    max-width:clamp(22.4px, 1.75vw, 33.6px);
    height:auto;
}
.searchResult-one-box .active .titleS img {
  transform: rotate(180deg);
}
.searchResult-one-box .active ul {
  display: block;
}
.searchResult-one-box .trlativeBox {
  position: relative;
}
.searchResult-one-box .trlativeBox .meidia-box {
  padding-bottom: 168.0597%;
  overflow: hidden;
  position: relative;
}
.searchResult-one-box .trlativeBox .meidia-box img,
.searchResult-one-box .trlativeBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.searchResult-one-box .trlativeBox {
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  overflow: hidden;
}
.searchResult-one-box .trlativeBox .absoluteBox {
  position: absolute;
  bottom: clamp(16.53334px, 1.29166vw, 24.8px);
  left: clamp(11.73334px, 0.91666vw, 17.6px);
  right: clamp(11.73334px, 0.91666vw, 17.6px);
}
.searchResult-one-box .moreBtn {
  margin-top: clamp(16px, 1.25vw, 24px);
  max-width: 100%;
}
.searchResult-one-box .topSeatch {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10.66666px, 0.83334vw, 16px) clamp(5.33334px, 0.41666vw, 8px);
  background: #F7F7F7;
  border-radius: clamp(5.86666px, 0.45834vw, 8.8px) clamp(5.86666px, 0.45834vw, 8.8px) clamp(5.86666px, 0.45834vw, 8.8px) clamp(5.86666px, 0.45834vw, 8.8px);
  padding: clamp(13.33334px, 1.04166vw, 20px) clamp(16px, 1.25vw, 24px) clamp(14.4px, 1.125vw, 21.6px);
}
.searchResult-one-box .topSeatch .item {
  width: calc((100% - 24px) / 4);
  font-family: var(--Poppins);
  color: #4F4F4F;
  cursor: pointer;
}
.searchResult-one-box .topSeatch .item span {
  position: relative;
}
.searchResult-one-box .topSeatch .item span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: clamp(1.06666px, 0.08334vw, 1.6px);
  transform: scale(0);
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
  transition: transform 0.3s ease-in-out;
}
.searchResult-one-box .topSeatch .active {
  color: #C31D2E;
}
.searchResult-one-box .topSeatch .active span::after {
  transform: scale(1);
}
.searchResult-one-box .downLoadBox {
  display: flex;
  justify-content: space-between;
  padding: clamp(6.4px, 0.5vw, 9.6px) clamp(17.06666px, 1.33334vw, 25.6px) clamp(4.8px, 0.375vw, 7.2px);
  background: #F7F7F7;
  border-radius: clamp(5.86666px, 0.45834vw, 8.8px) clamp(5.86666px, 0.45834vw, 8.8px) clamp(5.86666px, 0.45834vw, 8.8px) clamp(5.86666px, 0.45834vw, 8.8px);
  color: #4D0C0C;
  align-items: center;
  margin: clamp(21.86666px, 1.70834vw, 32.8px) 0 clamp(15.46666px, 1.20834vw, 23.2px);
}
.leftSearch  .sendBtn-box .sendBtn{
  margin-bottom: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-wrap: wrap;
  height:auto !important;
  gap:0 !important;
  border-radius:30px;
}
.leftSearch  .sendBtn-box .moreBtn .moreText{
    width:calc(100% - 50px);
    line-height: 1.1;
}
.leftSearch .sendBtn-box{
  padding:0 10px;
}
.leftSearch .searchBox .sendBtn-box{
  padding:0 0;
}
.leftSearch .searchBox .sendBtn-box .sendBtn{
  border-radius:10px;
}
.leftSearch  .sendBtn-box .sendBtn,
.searchResult-one-box .downLoadBox .moreBtn {
  width: -moz-fit-content;
  width: fit-content;
  padding: clamp(4.26666px, 0.33334vw, 6.4px) clamp(10.13334px, 0.79166vw, 15.2px) clamp(4.26666px, 0.33334vw, 6.4px) clamp(9.06666px, 0.70834vw, 13.6px);
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0;
  gap: clamp(14.93334px, 1.16666vw, 22.4px);
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
}
.leftSearch .sendBtn:hover,
.searchResult-one-box .downLoadBox .moreBtn:hover {
  background: #fff;
  color: #4d0c0c;
  box-shadow: 0.8px 0.8px 8px rgba(0, 0, 0, 0.5);
}
.searchResult-one-box .page-box {
  margin: clamp(30.93334px, 2.41666vw, 46.4px) 0 clamp(10.13334px, 0.79166vw, 15.2px);
}

/* 面包屑（通用） */
.hrefLink.topBanner {
  padding-top: clamp(80px, 6.25vw, 120px);
  background: #1E1E1C;
  border-bottom: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(255, 255, 255, 0.08);
}
.hrefLink:not(.topBanner) {
  padding: clamp(14.4px, 1.125vw, 21.6px) 0 clamp(11.2px, 0.875vw, 16.8px);
  background: #fff;
  border-bottom: clamp(0.53334px, 0.04166vw, 0.8px) solid #E7E7E7;
}
.hrefBox {
  display: flex;
  align-items: center;
  gap: clamp(6.4px, 0.5vw, 9.6px);
  min-height: clamp(38.4px, 3vw, 57.6px);
  font-family: var(--Poppins);
}
.hrefLink.topBanner .hrefBox {
  color: rgba(255, 255, 255, 0.72);
}
.hrefLink.topBanner .hrefBox a {
  color: rgba(255, 255, 255, 0.72);
  transition: color 0.25s ease;
}
.hrefLink.topBanner .hrefBox a:hover {
  color: #fff;
}
.hrefLink.topBanner .hrefBox span {
  color: #fff;
  font-weight: 600;
}
.hrefLink:not(.topBanner) .hrefBox {
  color: #666;
}
.hrefLink:not(.topBanner) .hrefBox a {
  color: #666;
  transition: color 0.25s ease;
}
.hrefLink:not(.topBanner) .hrefBox a:hover {
  color: #4D0C0C;
}
.hrefLink:not(.topBanner) .hrefBox span {
  color: #4D0C0C;
  font-weight: 600;
}
.hrefBox img {
  width: clamp(12.8px, 1vw, 19.2px);
  height: auto;
  flex-shrink: 0;
  opacity: 0.65;
}

/* 搜索结果页 search.php */
.search-one-BOX {
  padding-bottom: clamp(53.33334px, 4.16666vw, 80px);
  background: #fff;
}
.search-one-BOX .searchQuery {
  display: none;
  position: fixed;
  right: clamp(12.8px, 1vw, 19.2px);
  bottom: clamp(70.4px, 5.5vw, 105.6px);
  z-index: 90;
  width: clamp(38.4px, 3vw, 57.6px);
  height: clamp(38.4px, 3vw, 57.6px);
  border-radius: 50%;
  background: linear-gradient(135deg, #900D1B 0%, #CE1B1B 100%);
  box-shadow: 0 clamp(4.8px, 0.375vw, 7.2px) clamp(16px, 1.25vw, 24px) rgba(77, 12, 12, 0.35);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.search-one-BOX .searchQuery:hover {
  transform: scale(1.06);
  box-shadow: 0 clamp(6.4px, 0.5vw, 9.6px) clamp(19.2px, 1.5vw, 28.8px) rgba(77, 12, 12, 0.42);
}
.search-one-BOX .searchQuery img {
  width: clamp(17.6px, 1.375vw, 26.4px);
  height: auto;
}
.search-one-BOX .searchBoxTop {
  background: linear-gradient(180deg, #1E1E1C 0%, #2A2424 100%);
  padding: clamp(32px, 2.5vw, 48px) 0 clamp(38.4px, 3vw, 57.6px);
  margin-bottom: clamp(32px, 2.5vw, 48px);
}
.search-one-BOX .searchBoxPop {
  max-width: clamp(576px, 45vw, 864px);
  margin: 0 auto;
  background: #fff;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  padding: clamp(22.4px, 1.75vw, 33.6px) clamp(25.6px, 2vw, 38.4px) clamp(19.2px, 1.5vw, 28.8px);
  box-shadow: 0 clamp(9.6px, 0.75vw, 14.4px) clamp(32px, 2.5vw, 48px) rgba(0, 0, 0, 0.18);
  box-sizing: border-box;
}
.search-one-BOX .topTitletitle {
  color: #1E1E1C;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: clamp(19.2px, 1.5vw, 28.8px);
  text-align: center;
}
.search-one-BOX .topTitletitle span {
  display: block;
  color: #C31D2E;
  font-weight: 600;
}
.search-one-BOX .searchBoxPop .xhl_form {
  font-family: var(--Poppins);
}
.search-one-BOX .searchBoxPop .usedComp {
  float: none;
  display: block;
  width: 100%;
  margin-bottom: clamp(12.8px, 1vw, 19.2px);
  position: relative;
}
.search-one-BOX .searchBoxPop .xhl-control-label {
  display: block;
  color: #4D0C0C;
  font-weight: 600;
  margin-bottom: clamp(6.4px, 0.5vw, 9.6px);
  font-size: clamp(11.2px, 0.875vw, 16.8px);
}
.search-one-BOX .searchBoxPop .xhl-controls {
  position: relative;
}
.search-one-BOX .searchBoxPop .xhl-controls2 {
  position: relative;
}
.search-one-BOX .searchBoxPop .prodcci {
  position: absolute;
  left: clamp(12.8px, 1vw, 19.2px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: clamp(4.8px, 0.375vw, 7.2px);
  color: #4D0C0C;
  font-weight: 600;
  font-size: clamp(10.66666px, 0.83334vw, 16px);
  pointer-events: none;
}
.search-one-BOX .searchBoxPop .prodcci img {
  width: clamp(11.2px, 0.875vw, 16.8px);
  height: auto;
}
.search-one-BOX .searchBoxPop input.xhl-input-xlarge,
.search-one-BOX .searchBoxPop select.xhl-input-xlarge {
  width: 100%;
  height: clamp(38.4px, 3vw, 57.6px);
  padding: 0 clamp(12.8px, 1vw, 19.2px);
  border: clamp(1.06666px, 0.08334vw, 1.6px) solid #E7E7E7;
  border-radius: clamp(28.8px, 2.25vw, 43.2px);
  background: #F7F7F7;
  color: #333;
  font-size: clamp(11.2px, 0.875vw, 16.8px);
  font-family: var(--Poppins);
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
  appearance: none;
  -webkit-appearance: none;
}
.search-one-BOX .searchBoxPop input.xhl-input-xlarge {
  padding-left: 40px;
}
.search-one-BOX .searchBoxPop input.xhl-input-xlarge:focus,
.search-one-BOX .searchBoxPop select.xhl-input-xlarge:focus {
  border-color: #C31D2E;
  background: #fff;
  box-shadow: 0 0 0 clamp(2.4px, 0.1875vw, 3.2px) rgba(195, 29, 46, 0.12);
}
.search-one-BOX .searchBoxPop input.xhl-input-xlarge::placeholder {
  color: #999;
}
.search-one-BOX .searchBoxPop .flexForm {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(12.8px, 1vw, 19.2px);
  margin-top: clamp(6.4px, 0.5vw, 9.6px);
}
.search-one-BOX .searchBoxPop .flexForm .usedComp {
  width: calc(50% - clamp(6.4px, 0.5vw, 9.6px));
  margin-bottom: 0;
}
.search-one-BOX .searchBoxPop .title.f-26 {
  color: #4D0C0C;
  font-weight: 600;
  margin: clamp(16px, 1.25vw, 24px) 0 clamp(9.6px, 0.75vw, 14.4px);
}
.search-one-BOX .searchBoxPop .layui-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234D0C0C' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right clamp(14.4px, 1.125vw, 21.6px) center;
  padding-right: clamp(32px, 2.5vw, 48px);
  cursor: pointer;
}
.search-one-BOX .searchBoxPop #xhlFormSubmit,
.search-one-BOX .searchBoxPop .searchFormBtn2 {
  height: clamp(38.4px, 3vw, 57.6px);
  width: 100%;
  margin-top: clamp(16px, 1.25vw, 24px);
  border: none;
  border-radius: clamp(28.8px, 2.25vw, 43.2px);
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
  color: #fff;
  font-size: clamp(12.8px, 1vw, 19.2px);
  font-weight: 600;
  font-family: var(--Poppins);
  text-align: center;
  line-height: clamp(38.4px, 3vw, 57.6px);
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.search-one-BOX .searchBoxPop #xhlFormSubmit:hover,
.search-one-BOX .searchBoxPop .searchFormBtn2:hover {
  transform: translateY(-1.6px);
  box-shadow: 0 clamp(6.4px, 0.5vw, 9.6px) clamp(16px, 1.25vw, 24px) rgba(144, 13, 27, 0.35);
}
.search-one-BOX .ProductsContent {
  padding-top: clamp(6.4px, 0.5vw, 9.6px);
}
.search-one-BOX .productRightBox ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-one-BOX .productRightBox ul > li {
  width: calc(33.3333333333% - clamp(17.06666px, 1.33334vw, 25.6px));
  margin-left: clamp(25.6px, 2vw, 38.4px);
  margin-bottom: clamp(25.6px, 2vw, 38.4px);
  box-sizing: border-box;
  border: clamp(1.06666px, 0.08334vw, 1.6px) solid #E7E7E7;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  overflow: hidden;
  background: #fff;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}
.search-one-BOX .productRightBox ul > li:nth-child(3n+1) {
  margin-left: 0;
}
.search-one-BOX .productRightBox ul > li:hover {
  border-color: rgba(195, 29, 46, 0.35);
  box-shadow: 0 clamp(8px, 0.625vw, 12px) clamp(22.4px, 1.75vw, 33.6px) rgba(77, 12, 12, 0.1);
  transform: translateY(clamp(-3.2px, -0.25vw, -4.8px));
}
.search-one-BOX .productRightBox .topImg {
  overflow: hidden;
  background: #F7F7F7;
}
.search-one-BOX .productRightBox .topImg .meidia-box {
  padding-bottom: 78.94737%;
  position: relative;
  overflow: hidden;
}
.search-one-BOX .productRightBox .topImg .meidia-box img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.search-one-BOX .productRightBox ul > li:hover .topImg .meidia-box img {
  transform: scale(1.06);
}
.search-one-BOX .productRightBox .bottomBox {
  padding: clamp(12.8px, 1vw, 19.2px) clamp(12.8px, 1vw, 19.2px) clamp(16px, 1.25vw, 24px);
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 0.625vw, 12px);
}
.search-one-BOX .productRightBox .bottomBox .title {
  font-weight: 700;
  color: #4D0C0C;
  line-height: 1.35;
  min-height: clamp(38.4px, 3vw, 57.6px);
}
.search-one-BOX .productRightBox .bottomBox .title a {
  color: inherit;
  transition: color 0.25s ease;
}
.search-one-BOX .productRightBox .bottomBox .title a:hover {
  color: #C31D2E;
}
.search-one-BOX .productRightBox .bottomBox .title strong {
  color: #C31D2E;
  font-weight: 700;
}
.search-one-BOX .productRightBox .learnMore {
  display: inline-flex;
  align-items: center;
  gap: clamp(6.4px, 0.5vw, 9.6px);
  color: #4D0C0C;
  font-weight: 600;
  font-family: var(--Poppins);
  transition: color 0.25s ease, gap 0.25s ease;
}
.search-one-BOX .productRightBox .learnMore::after {
  content: "→";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(19.2px, 1.5vw, 28.8px);
  height: clamp(19.2px, 1.5vw, 28.8px);
  border-radius: 50%;
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
  color: #fff;
  font-size: clamp(11.2px, 0.875vw, 16.8px);
  line-height: 1;
  flex-shrink: 0;
}
.search-one-BOX .productRightBox .learnMore:hover {
  color: #C31D2E;
  gap: clamp(9.6px, 0.75vw, 14.4px);
}
.search-one-BOX .productRightBox .search-empty {
  width: 100%;
  margin: 0;
  padding: clamp(32px, 2.5vw, 48px) 0 clamp(48px, 3.75vw, 72px);
  text-align: center;
  color: #525e67;
  font-size: clamp(14.4px, 1.125vw, 21.6px);
  line-height: 1.5;
  font-family: var(--Poppins);
}
.search-one-BOX .productRightBox .search-empty a{
  color:#C31D2E;
  text-decoration: underline;
  transition: color 0.25s ease;
}
.search-one-BOX .productRightBox .search-empty a:hover{
  color:#900D1B;
}
.search-one-BOX .productRightBox .search-empty::before {
  content: "";
  display: block;
  width: clamp(51.2px, 4vw, 76.8px);
  height: clamp(51.2px, 4vw, 76.8px);
  margin: 0 auto clamp(12.8px, 1vw, 19.2px);
  background: #F7F7F7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C31D2E'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center / 55% no-repeat;
  border-radius: 50%;
}
.search-one-BOX .page-box {
  margin-top: clamp(6.4px, 0.5vw, 9.6px);
  padding-top: clamp(16px, 1.25vw, 24px);
  border-top: clamp(0.53334px, 0.04166vw, 0.8px) solid #E7E7E7;
}
.layui-layer-content .searchBoxTop {
  background: transparent;
  padding: 0;
  margin: 0;
}
.layui-layer-content .searchBoxPop {
  box-shadow: none;
  max-width: none;
}

@media screen and (max-width: 1280px) {
  .search-one-BOX .productRightBox ul > li {
    width: calc(50% - clamp(12.8px, 1vw, 19.2px));
  }
  .search-one-BOX .productRightBox ul > li:nth-child(3n+1) {
    margin-left: clamp(25.6px, 2vw, 38.4px);
  }
  .search-one-BOX .productRightBox ul > li:nth-child(2n+1) {
    margin-left: 0;
  }
}

.productList {
  position: relative;
  min-height: 10rem;
}
.productList.is-ajax-loading::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.72);
}
.productList .ajaxlist-load-layer {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.productList .ajaxlist-load-layer .layui-icon {
  font-size: 2.25rem;
  color: var(--color, #1a1a1a);
}
.productList .layui-layer-loading-2:after{
  border-left-color:#C41C2B
}
.productList.is-ajax-loading .ajaxlist {
  pointer-events: none;
}
.productList ul {
  display: flex;
  flex-wrap: wrap;
}
.productList li {
  width: calc(33.3333333333% - 21.33333px);
  margin-left: 32px;
  margin-bottom: 32px;
  box-sizing: border-box;
  position: relative;
  padding:1.6px;
}
.productList li .p-item {
  position: relative;
  z-index: 3;
  border: clamp(1.06666px, 0.08334vw, 1.6px) solid #E7E7E7;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  box-sizing: border-box;
}
.productList li .p-item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  padding:clamp(1.06666px, 0.08334vw, 1.6px);
  background: linear-gradient(-90deg, #C31D2E 0%, #FF9BA5 25%, #C31D2E 50%, #FFC4CA 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  box-shadow: none;
  opacity: 0;
  transition: all 0.6s;
}
.productList li .p-item:hover::after {
  opacity: 1;
}
.productList li .p-item:hover .topImg .meidia-box img {
  transition: all 0.6s;
  transform: scale(1.1);
}
.productList li:nth-child(3n+1) {
  margin-left: 0;
}
.productList .new {
  position: absolute;
  top: clamp(21.33334px, 1.66666vw, 32px);
  left: -6.4px;
  z-index: 4;
  width: clamp(60.8px, 4.75vw, 91.2px);
  height: clamp(27.2px, 2.125vw, 40.8px);
  padding: clamp(4.8px, 0.375vw, 7.2px) 0 0 clamp(16px, 1.25vw, 24px);
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
}
.productList .p-item {
  display: block;
  height: 100%;
}
.productList .topImg {
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) 0 0;
  overflow: hidden;
}
.productList .topImg .meidia-box {
  padding-bottom: 78.94737%;
  overflow: hidden;
  position: relative;
}
.productList .topImg .meidia-box img,
.productList .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productList .bottomBox {
  padding: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(13.33334px, 1.04166vw, 20px);
  border-radius: 0px 0px clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  display: flex;
  flex-direction: column;
  gap: clamp(5.33334px, 0.41666vw, 8px);
}
.productList .nameBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(5.33334px, 0.41666vw, 8px);
}
.productList .nameBox .title {
  font-weight: 700;
  color: #4D0C0C;
  flex: 1;
}
.productList .nameBox .title a{
    font-weight: 700;
    color: #4D0C0C;
}
.productList .nameBox .xin {
  width: clamp(16.53334px, 1.29166vw, 24.8px);
  cursor: pointer;
  height: clamp(16px, 1.25vw, 24px);
}
.productList .nameBox .xin img {
  width: 100%;
  height: auto;
  display: none;
}
.productList .nameBox .xin .active {
  display: block;
}
.productList .ling {
  display: flex;
  justify-content: space-between;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  flex-wrap: wrap;
}
.productList .ling .lineITEM {
  display: flex;
  align-items: center;
  flex: 1;
  height: clamp(21.33334px, 1.66666vw, 32px);
  background: #F7F7F7;
  border-radius: clamp(3.2px, 0.25vw, 4.8px) clamp(3.2px, 0.25vw, 4.8px) clamp(3.2px, 0.25vw, 4.8px) clamp(3.2px, 0.25vw, 4.8px);
  color: rgba(51, 51, 51, 0.8);
  font-family: var(--Poppins);
  padding-left: clamp(5.33334px, 0.41666vw, 8px);
  gap: clamp(3.2px, 0.25vw, 4.8px);
}
.productList .ling .lineITEM img {
  width: clamp(7.46666px, 0.58334vw, 11.2px);
  height: auto;
}
.productList .ling .rightImg {
  display: flex;
  align-items: center;
  gap: clamp(2.66666px, 0.20834vw, 4px);
}

.collectBox {
  background: none;
  box-shadow: none;
  top: clamp(80px, 6.25vw, 120px) !important;
  overflow: hidden;
  box-sizing: border-box;
}
.collectBox .layui-layer-content {
  height: 100% !important;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.collectBox .collectPop {
  display: flex;
}

.collectPop {
  background: rgba(0, 0, 0, 0.7);
  min-height: 100%;
  height: 100vh;
  padding: 20.8px clamp(28.8px, 2.25vw, 43.2px) 144px 49.6px;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
}
.collectPop .closeBox {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  margin-bottom: clamp(2.13334px, 0.16666vw, 3.2px);
}
.collectPop .closeBox img {
  height: clamp(22.4px, 1.75vw, 33.6px);
  width: auto;
}
.collectPop ul li {
  width: 100%;
}
.collectPop ul li:last-child .p-item {
  border-bottom: 0;
}
.collectPop .p-item {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: clamp(36.26666px, 2.83334vw, 54.4px) 0 clamp(35.2px, 2.75vw, 52.8px) 0;
  margin-right: clamp(22.4px, 1.75vw, 33.6px);
  border-bottom: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(216, 216, 216, 0.5);
  box-sizing: border-box;
  cursor: default;
  gap: clamp(16px, 1.25vw, 24px);
}
.collectPop .p-item-main {
  display: flex;
  gap: clamp(22.93334px, 1.79166vw, 34.4px);
  cursor: pointer;
}
.collectPop .p-item .meidia-box {
  padding-bottom: 78.91156%;
  overflow: hidden;
  position: relative;
}
.collectPop .p-item .meidia-box img,
.collectPop .p-item .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.collectPop .p-item-main:hover .title,
.collectPop .p-item-main:hover .title a {
  color: #C41C2B;
}
.collectPop .p-item-main:hover .meidia-box img {
  transform: scale(1.1);
}
.collectPop .leftBox {
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
}
.collectPop .leftBox img {
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
}
.collectPop .leftBox {
  overflow: hidden;
  width: clamp(78.4px, 6.125vw, 117.6px);
}
.collectPop .rightBox {
  width: calc(100% - clamp(78.4px, 6.125vw, 117.6px));
  display: flex;
  box-sizing: border-box;
  gap: clamp(9.06666px, 0.70834vw, 13.6px);
  flex-direction: column;
}
.collectPop .rightBox .title {
  font-weight: 700;
  color: #FFFFFF;
  transition: color 0.6s;
}
.collectPop .rightBox .title a{
    font-weight: 700;
  color: #FFFFFF;
  transition: color 0.6s;
}
.collectPop .rightBox .title:hover a{
  color: #C41C2B;
}
.collectPop .rightBox .Remove {
  color: rgba(255, 255, 255, 0.8);
  text-decoration-line: underline;
  cursor: pointer;
}
.collectPop .p-item-downloads {
  width: 100%;
  padding-left: 0;
}
.collectPop .p-item-spec-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(8px, 0.625vw, 12px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.collectPop .p-item-spec-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: auto;
  min-width: 0;
  padding: clamp(10px, 0.8vw, 14px) clamp(12px, 1vw, 16px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  transition: border-color 0.25s, background 0.25s;
  -webkit-user-select: none;
  user-select: none;
}
.collectPop .p-item-spec-item:hover,
.collectPop .p-item-spec-item.cur {
  border-color: #C41C2B;
  background: rgba(196, 28, 43, 0.18);
}
.collectPop .p-item-spec-list .specLeft {
  flex: 1;
  min-width: 0;
}
.collectPop .p-item-spec-list .leftTitle {
  color: #fff;
  font-weight: 600;
  margin-bottom: 4px;
}
.collectPop .p-item-spec-list .leftBottom {
  display: flex;
  gap: 10px;
  color: rgba(255, 255, 255, 0.55);
}
.collectPop .p-item-spec-list .specRight {
  position: relative;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  pointer-events: none;
}
.collectPop .p-item-spec-list .specRight img {
  width: 22px;
  height: 22px;
  display: block;
}
.collectPop .p-item-spec-list .active {
  display: none;
  position: absolute;
  inset: 0;
}
.collectPop .p-item-spec-list .active .centerIMG {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
}
.collectPop .p-item-spec-list .active .brImg {
  width: 22px;
  height: 22px;
}
.collectPop .p-item-spec-item.cur .unActive {
  display: none;
}
.collectPop .p-item-spec-item.cur .active {
  display: block;
}
.collectPop .p-item-download-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: clamp(12px, 1vw, 16px);
}
.collectPop .p-item-download-bar .barInfo {
  color: rgba(255, 255, 255, 0.7);
}
.collectPop .p-item-download-bar .moreBtn {
  max-width: none;
  width: auto;
  min-width: 120px;
  height: 36px;
  margin: 0;
  flex-shrink: 0;
}
.collectPop .list-overflow {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: clamp(8px, 0.625vw, 12px);
  max-height:calc(100% - 320px);
}
.collectPop .downloadAllCartInfo {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.InquiryListContent .p-item-downloads {
  margin-top: clamp(16px, 1.25vw, 24px);
}
.InquiryListContent .p-item-spec-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.InquiryListContent .p-item-spec-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
}
.InquiryListContent .p-item-spec-item.cur {
  border-color: #C41C2B;
  background: rgba(196, 28, 43, 0.04);
}
.InquiryListContent .p-item-spec-list .leftTitle {
  font-weight: 600;
  margin-bottom: 4px;
}
.InquiryListContent .p-item-spec-list .leftBottom {
  display: flex;
  gap: 10px;
  opacity: 0.6;
}
.InquiryListContent .p-item-spec-list .specRight {
  position: relative;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  pointer-events: none;
}
.InquiryListContent .p-item-spec-list .specRight img {
  width: 22px;
  height: 22px;
  display: block;
}
.InquiryListContent .p-item-spec-list .active {
  display: none;
  position: absolute;
  inset: 0;
}
.InquiryListContent .p-item-spec-list .active .centerIMG {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
}
.InquiryListContent .p-item-spec-item.cur .unActive {
  display: none;
}
.InquiryListContent .p-item-spec-item.cur .active {
  display: block;
}
.InquiryListContent .p-item-download-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
}
.InquiryListContent .p-item-download-bar .moreBtn {
  max-width: none;
  width: auto;
  min-width: 140px;
  margin: 0;
}
.collectPop .bottomBtn {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: clamp(16.53334px, 1.29166vw, 24.8px);
  flex-shrink: 0;
  padding-top: clamp(16px, 1.25vw, 24px);
}
.collectPop .bottomBtn .moreBtn {
  max-width: clamp(165.33334px, 12.91666vw, 248px);
  width: 100%;
  margin: 0 auto;
}
.collectPop .bottomBtn .downloadAllCartFiles.disabled {
  opacity: 0.55;
}

.moreBtn {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 clamp(5.33334px, 0.41666vw, 8px) 0 clamp(10.66666px, 0.83334vw, 16px);
  align-items: center;
  background: transparent;
  color: #FFFFFF;
  width: clamp(165.33334px, 12.91666vw, 248px);
  margin: 0 auto;
  height: clamp(29.33334px, 2.29166vw, 44px);
  border-radius: clamp(16px, 1.25vw, 24px);
  font-weight: 600;
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #FFFFFF;
}
.openBox--download .openBox-actions .moreBtn .moreText{
  text-align: center;
}
.moreBtn .moreText{
  width:calc(100% - clamp(20.8px, 1.625vw, 31.2px));
}
.moreBtn .rightIcon {
  width: clamp(20.8px, 1.625vw, 31.2px);
  height: clamp(20.8px, 1.625vw, 31.2px);
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: clamp(5.33334px, 0.41666vw, 8px);
  transition: transform 0.6s;
}
.moreBtn .rightIcon i {
  font-size: clamp(10.66666px, 0.83334vw, 16px);
  color: #4D0C0C;
  transition: transform 0.6s;
}
.moreBtn:hover {
  background: #FFFFFF;
  color: #4D0C0C;
}
.moreBtn:hover .rightIcon {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
}
.moreBtn:hover .rightIcon i {
  color: #fff;
}

.OEM-one-box {
  padding: clamp(62.4px, 4.875vw, 93.6px) 0 clamp(85.86666px, 6.70834vw, 128.8px);
}

.OEM-two-box {
  position: relative;
}
.OEM-two-box .topBg {
  background: rgba(0, 0, 0, 0.5);
  padding: clamp(61.86666px, 4.83334vw, 92.8px) 0 clamp(90.66666px, 7.08334vw, 136px);
}
.OEM-two-box .headTitle {
  text-align: center;
  color: #fff;
}
.OEM-two-box .OEMswiperBox {
  padding: 0 clamp(45.33334px, 3.54166vw, 68px);
  margin-top: clamp(62.4px, 4.875vw, 93.6px);
  position: relative;
}
.OEM-two-box .swiperBox {
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  border-radius: clamp(5.33334px, 0.41666vw, 8px) clamp(5.33334px, 0.41666vw, 8px) clamp(5.33334px, 0.41666vw, 8px) clamp(5.33334px, 0.41666vw, 8px);
  padding: clamp(10.13334px, 0.79166vw, 15.2px) clamp(11.73334px, 0.91666vw, 17.6px) clamp(8px, 0.625vw, 12px);
  box-sizing: border-box;
}
.OEM-two-box .swiper-slide:nth-child(even) .swiperBox {
  margin-top: clamp(68.26666px, 5.33334vw, 102.4px);
}
.OEM-two-box .topImg .meidia-box {
  padding-bottom: 77.95918%;
  overflow: hidden;
  position: relative;
}
.OEM-two-box .topImg .meidia-box img,
.OEM-two-box .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.OEM-two-box .text {
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.OEM-two-box .swiper-button-next, .OEM-two-box .swiper-button-prev {
  color: #fff;
}

.aboutUs-one-box {
  padding: clamp(25.6px, 2vw, 38.4px) 0 clamp(66.13334px, 5.16666vw, 99.2px);
}
.aboutUs-one-box .aboutUsOneTop {
  margin: 0 clamp(33.06666px, 2.58334vw, 49.6px) 0 clamp(29.33334px, 2.29166vw, 44px);
  padding: 3.12vw clamp(117.33334px, 9.16666vw, 176px) 5.328vw;
}
.aboutUs-one-box .aboutUsOneTop .text {
  color: #666666;
  font-family: var(--Poppins);
  margin-top: clamp(6.93334px, 0.54166vw, 10.4px);
  text-align: center;
}
.aboutUs-one-box .bottomBox {
  position: relative;
}
.aboutUs-one-box .leftBox {
  width: 70%;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  overflow: hidden;
}
.aboutUs-one-box .aboutUs-one-left-swiper {
  position: relative;
}
.aboutUs-one-box .aboutUs-one-left-swiper .swiper {
  width: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.aboutUs-one-box .aboutUs-one-left-swiper .aboutUs-one-slide-inner {
  position: relative;
  border-radius: inherit;
  overflow: hidden;
}
.aboutUs-one-box .aboutUs-one-left-swiper .tips {
  position: absolute;
  left: clamp(48px, 3.75vw, 72px);
  right: clamp(48px, 3.75vw, 72px);
  bottom: clamp(16px, 1.25vw, 24px);
  padding: clamp(12px, 0.9375vw, 18px) clamp(16px, 1.25vw, 24px);
  background: rgba(0, 0, 0, 0.55);
  color: #FFFFFF;
  line-height: 1.5;
  border-radius: clamp(6.4px, 0.5vw, 9.6px);
  z-index: 2;
  box-sizing: border-box;
}
.aboutUs-one-box .aboutUs-one-nav {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}
.aboutUs-one-box .aboutUs-one-nav .swiper-prev,
.aboutUs-one-box .aboutUs-one-nav .swiper-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(29.86666px, 2.33334vw, 44.8px);
  height: clamp(29.86666px, 2.33334vw, 44.8px);
  background: #EEEEEE;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: auto;
  transition: opacity 0.2s ease;
}
.aboutUs-one-box .aboutUs-one-nav .swiper-prev {
  left: clamp(12px, 0.9375vw, 18px);
}
.aboutUs-one-box .aboutUs-one-nav .swiper-next {
  right: clamp(12px, 0.9375vw, 18px);
  background: #CE1B1B;
}
.aboutUs-one-box .aboutUs-one-nav .swiper-prev img,
.aboutUs-one-box .aboutUs-one-nav .swiper-next img {
  width: clamp(10.29334px, 0.80417vw, 15.44px);
  height: auto;
}
.aboutUs-one-box .aboutUs-one-nav .swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}
.aboutUs-one-box .aboutUs-one-left-swiper.is-single-slide .aboutUs-one-nav {
  display: none;
}
.aboutUs-one-box .leftBox .meidia-box {
  height: 100%;
  box-sizing: border-box;
}
.aboutUs-one-box .leftBox .meidia-box {
  padding-bottom: 53.57143%;
  overflow: hidden;
  position: relative;
}
.aboutUs-one-box .leftBox .meidia-box img,
.aboutUs-one-box .leftBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.aboutUs-one-box .rightBox {
  position: absolute;
  right:0;
  top:0;
  width:28%;
  height:100%;
  color: #FFFFFF;
  overflow: hidden;
}
.aboutUs-one-box .aboutUs-one-right-swiper .swiper {
  height: 100%;
  touch-action: pan-y;
}
.aboutUs-one-box .aboutUs-one-right-swiper .swiper-slide {
  height: auto;
  box-sizing: border-box;
}
.aboutUs-one-box .rightBox .item {
  background: linear-gradient(54deg, #750A17 0%, #CE1B1B 100%);
  border-radius: clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px);
  width: 100%;
  height: 100%;
  min-height: 0;
  position: relative;
}
.aboutUs-one-box .rightBox .item:hover .topImgBox {
  transform: translateX(0);
}
.aboutUs-one-box .rightBox .topImgBox {
  border-radius: clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aboutUs-one-box .rightBox .topImgBox .meidia-box {
  padding-bottom: 41.70732%;
  overflow: hidden;
  position: relative;
}
.aboutUs-one-box .rightBox .topImgBox .meidia-box img,
.aboutUs-one-box .rightBox .topImgBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.aboutUs-one-box .rightBox .topImgBox {
  transform: translateX(-799.2px);
  transition: transform 0.6s;
}
.aboutUs-one-box .rightBox .topImgBox .meidia-box {
  height: 100%;
  box-sizing: border-box;
}
.aboutUs-one-box .rightBox .topBox {
  position: relative;
  z-index: 2;
  padding: clamp(16px, 1.25vw, 24px) clamp(18.66666px, 1.45834vw, 28px) clamp(10.66666px, 0.83334vw, 16px) clamp(21.33334px, 1.66666vw, 32px);
}
.aboutUs-one-box .rightBox .title {
  font-weight: 600;
}
.aboutUs-one-box .rightBox .bottomFlex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.aboutUs-one-box .rightBox .bottomFlex img {
  width: clamp(34.66666px, 2.70834vw, 52px);
}

.aboutUs-two-box {
  position: relative;
}
.aboutUs-two-box .bgSwiper {
  position: relative;
}
.aboutUs-two-box .bgSwiper .meidia-box {
  padding-bottom: 46.875%;
  overflow: hidden;
  position: relative;
}
.aboutUs-two-box .bgSwiper .meidia-box img,
.aboutUs-two-box .bgSwiper .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.aboutUs-two-box .bgSwiper .meidia-box {
  min-height: 536px;
  box-sizing: border-box;
}
.aboutUs-two-box .bgSwiper .title {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: clamp(6.93334px, 0.54166vw, 10.4px);
}
.aboutUs-two-box .bgSwiper .absoluteBox {
  position: absolute;
  left: clamp(85.33334px, 6.66666vw, 128px);
  top: clamp(37.33334px, 2.91666vw, 56px);
  z-index:4;
}
.aboutUs-two-box .bgSwiper .titleBottom {
  font-weight: 700;
  display: flex;
  color: #FFFFFF;
  justify-content: space-between;
}
.aboutUs-two-box .bgSwiper .swiperBtn {
  display: flex;
  gap: clamp(5.33334px, 0.41666vw, 8px);
  position: absolute;
  top: clamp(78.93334px, 6.16666vw, 118.4px);
  right: clamp(86.93334px, 6.79166vw, 130.4px);
  z-index: 2;
}
.aboutUs-two-box .bgSwiper .swiper-prev, .aboutUs-two-box .bgSwiper .swiper-next {
  width: clamp(29.86666px, 2.33334vw, 44.8px);
  height: clamp(29.86666px, 2.33334vw, 44.8px);
  background: #EEEEEE;
  border-radius: clamp(29.86666px, 2.33334vw, 44.8px);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.aboutUs-two-box .bgSwiper .swiper-prev img, .aboutUs-two-box .bgSwiper .swiper-next img {
  width: clamp(10.29334px, 0.80417vw, 15.44px);
  height: auto;
}
.aboutUs-two-box .bgSwiper .swiper-next {
  background: #CE1B1B;
}
.aboutUs-two-box .absoluteBoxTop {
  position: relative;
  width: clamp(640px, 50vw, 960px);
  margin: 0 auto;
}
.aboutUs-two-box .absoluteBoxTop .topYear {
  position: absolute;
  bottom: clamp(84.26666px, 6.58334vw, 126.4px);
  left: 0;
  right: 0;
  z-index: 2;
}
.aboutUs-two-box .topBox {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -100%);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px clamp(1.6px, 0.125vw, 2.4px) clamp(3.2px, 0.25vw, 4.8px) 0px rgba(0, 0, 0, 0.1608);
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  padding: clamp(29.33334px, 2.29166vw, 44px) clamp(21.33334px, 1.66666vw, 32px) clamp(16px, 1.25vw, 24px) clamp(29.33334px, 2.29166vw, 44px);
  display: none;
}
.aboutUs-two-box .topBox .topTitle {
  font-weight: 600;
  color: #CE1B1B;
  display: flex;
  justify-content: space-between;
  gap: clamp(5.33334px, 0.41666vw, 8px);
  margin-bottom: clamp(29.86666px, 2.33334vw, 44.8px);
}
.aboutUs-two-box .topBox .topTitle .leftTitle {
  flex: 1;
}
.aboutUs-two-box .topBox .topTitle img {
  width: clamp(10.13334px, 0.79166vw, 15.2px);
  height: clamp(10.13334px, 0.79166vw, 15.2px);
}
.aboutUs-two-box .topBox .timeLineT {
  display: flex;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  align-items: center;
  color: #333333;
  font-weight: 600;
  font-family: var(--Poppins);
}
.aboutUs-two-box .topBox .timeLineT img {
  width: clamp(7.46666px, 0.58334vw, 11.2px);
  height: auto;
}
.aboutUs-two-box .topBox .text {
  margin: 15.2px 0 clamp(25.6px, 2vw, 38.4px) clamp(18.13334px, 1.41666vw, 27.2px);
  color: #707070;
}
.aboutUs-two-box .timeLine:last-child .text {
  margin-bottom: 0;
}
.aboutUs-two-box .cur .topBox {
  display: block;
}
.aboutUs-two-box .timeSwiper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(25.06666px, 1.95834vw, 37.6px);
  z-index: 2;
  width: 100%;
}
.aboutUs-two-box .timeSwiper .swiper-slide {
  padding-top: clamp(32.53334px, 2.54166vw, 48.8px);
  position: relative;
  padding-bottom: clamp(4.26666px, 0.33334vw, 6.4px);
}
.aboutUs-two-box .timeSwiper .swiper-slide::before {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 0;
  height: 0;
  border-left: clamp(8px, 0.625vw, 12px) solid transparent;
  border-right: clamp(8px, 0.625vw, 12px) solid transparent;
  border-top: clamp(10.66666px, 0.83334vw, 16px) solid #fff;
  content: "";
  transform: translate(-50%, 20%);
  display: none;
}
.aboutUs-two-box .timeSwiper .swiper-slide:last-child .timeItem::before {
  display: none;
}
.aboutUs-two-box .timeSwiper .swiper-slide-thumb-active::before {
  display: block;
}
.aboutUs-two-box .timeSwiper .swiper-slide-thumb-active .timeItem::after {
  width: clamp(8.53334px, 0.66666vw, 12.8px);
  height: clamp(8.53334px, 0.66666vw, 12.8px);
}
.aboutUs-two-box .timeSwiper .swiper-slide-thumb-active .timeItem .circle {
  background: #D2D2D2;
}
.aboutUs-two-box .timeSwiper .swiper-slide-thumb-active .timeItem .circle::after {
  background: #CE1B1B;
}
.aboutUs-two-box .timeSwiper .timeItem {
  position: relative;
  display: flex;
  justify-content: center;
}
.aboutUs-two-box .timeSwiper .timeItem .circle {
  position: absolute;
  content: " ";
  left: 50%;
  bottom: 0px;
  width: clamp(8.53334px, 0.66666vw, 12.8px);
  height: clamp(8.53334px, 0.66666vw, 12.8px);
  border-radius: 50%;
  border-radius: 50%;
}
.aboutUs-two-box .timeSwiper .timeItem .circle::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(5.33334px, 0.41666vw, 8px);
  height: clamp(5.33334px, 0.41666vw, 8px);
  background: #D2D2D2;
  border-radius: 50%;
}
.aboutUs-two-box .timeSwiper .timeItem::before {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: clamp(3.73334px, 0.29166vw, 5.6px);
  width: 100%;
  height: clamp(1.06666px, 0.08334vw, 1.6px);
  background: #D2D2D2;
  transform: translateX(5.6px);
}
.aboutUs-two-box .timeSwiper .year {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--Poppins);
  position: relative;
  padding-bottom: clamp(17.6px, 1.375vw, 26.4px);
  width: -moz-fit-content;
  width: fit-content;
}

.aboutUs-three-box {
  margin-top: clamp(47.46666px, 3.70834vw, 71.2px);
  height: clamp(400.53334px, 31.29166vw, 600.8px);
}

.aboutUs-four-box {
  padding: clamp(73.06666px, 5.70834vw, 109.6px) 0 clamp(21.33334px, 1.66666vw, 32px);
}
.aboutUs-four-box .imgBox {
  display: flex;
  width: 100%;
  gap: clamp(16px, 1.25vw, 24px);
}
.aboutUs-four-box .imgItem {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  width: auto;
  max-width: 8%;
  min-width: 0;
  height: clamp(266.66666px, 20.83334vw, 400px);
  transition: flex-grow 0.75s cubic-bezier(0.22, 1, 0.36, 1),
              max-width 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  border-radius: clamp(10.66666px, 0.83334vw, 16px) 0 clamp(10.66666px, 0.83334vw, 16px) 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  will-change: flex-grow, max-width;
}
.aboutUs-four-box .imgItem::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  background: rgba(4, 14, 36, 0.3);
  z-index: 2;
  transition: opacity 0.35s ease;
}
.aboutUs-four-box .imgItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.6s ease;
}
.aboutUs-four-box .imgItem .imgTitle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  margin: 0;
  padding: clamp(8px, 0.625vw, 12px) clamp(12px, 0.9375vw, 18px);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.4s ease 0.25s, visibility 0.4s ease 0.25s, transform 0.4s ease 0.25s, background 0.35s ease;
}
.aboutUs-four-box .imgItem.active {
  flex-grow: 10;
  max-width: 100%;
}
.aboutUs-four-box .imgItem.active::before {
  opacity: 0;
}
.aboutUs-four-box .imgItem.active .imgTitle {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.aboutUs-four-box .imgItem:not(.active) .imgTitle {
  transition-delay: 0s;
}
.aboutUs-four-box .imgItem:hover img {
  transform: scale(1.04);
}
.aboutUs-four-box .imgItem.active:hover .imgTitle {
  background: rgba(0, 0, 0, 0.75);
}
.aboutUs-four-box .headTitle {
  text-align: center;
  margin-bottom: clamp(13.33334px, 1.04166vw, 20px);
}
.aboutUs-four-box .headDesc {
  text-align: center;
  color: #666666;
  font-family: var(--Poppins);
  max-width: 1064.8px;
  margin: 0 auto;
  margin-bottom: clamp(33.6px, 2.625vw, 50.4px);
  line-height: 1.5;
}

.aboutUs-lab-box {
  padding: clamp(40px, 3.125vw, 60px) 0 clamp(56px, 4.375vw, 84px);
}
.aboutUs-lab-box .headTitle {
  text-align: center;
  margin-bottom: clamp(13.33334px, 1.04166vw, 20px);
}
.aboutUs-lab-box .headDesc {
  text-align: center;
  color: #666666;
  font-family: var(--Poppins);
  max-width: 1064.8px;
  margin: 0 auto clamp(33.6px, 2.625vw, 50.4px);
  line-height: 1.5;
}
.aboutUs-lab-box .labSwiper {
  position: relative;
}
.aboutUs-lab-box .labSwiper .swiper {
  width: 100%;
}
.aboutUs-lab-box .labCard {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  cursor: pointer;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}
.aboutUs-lab-box .labCard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.55s ease;
}
.aboutUs-lab-box .labCard .imgTitle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: 0;
  padding: clamp(8px, 0.625vw, 12px) clamp(10px, 0.78vw, 14px);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 0.35s ease, transform 0.35s ease;
}
.aboutUs-lab-box .labCard:hover {
  border-color: rgba(206, 27, 27, 0.45);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
.aboutUs-lab-box .labCard:hover img {
  transform: scale(1.06);
}
.aboutUs-lab-box .labCard:hover .imgTitle {
  background: rgba(0, 0, 0, 0.78);
}
.aboutUs-lab-box .labNav {
  display: flex;
  justify-content: center;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  margin-top: clamp(18px, 1.4vw, 28px);
}
.aboutUs-lab-box .labNav .swiper-prev,
.aboutUs-lab-box .labNav .swiper-next {
  width: clamp(28px, 2.2vw, 40px);
  height: clamp(28px, 2.2vw, 40px);
  cursor: pointer;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #9F9F9F;
  border-radius: clamp(2.13334px, 0.16666vw, 3.2px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.aboutUs-lab-box .labNav .swiper-prev img {
  transform: rotate(180deg);
}
.aboutUs-lab-box .labNav .swiper-prev:hover,
.aboutUs-lab-box .labNav .swiper-next:hover {
  background: #fff;
  border-color: #CE1B1B;
  transform: translateY(-2px);
}

.aboutUs-five-box {
  padding-bottom: clamp(117.33334px, 9.16666vw, 176px);
  position: relative;
}
.aboutUs-five-box .absoluteImg {
  position: relative;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.aboutUs-five-box .absoluteImg img {
  width: clamp(509.86666px, 39.83334vw, 764.8px);
  height: auto;
}
.aboutUs-five-box .m-width-content {
  position: relative;
  z-index: 2;
}
.aboutUs-five-box .m-width-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.aboutUs-five-box .leftSwiper {
  width: clamp(506.66666px, 39.58334vw, 760px);
  position: relative;
  display: flex;
  flex-direction: column;
}
.aboutUs-five-box .leftSwiper .swiper {
  width: 100%;
}
.aboutUs-five-box .fixedBtn {
  position: static;
  margin-top: clamp(14px, 1.1vw, 20px);
  display: flex;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  z-index: 2;
}
.aboutUs-five-box .fixedBtn .swiper-prev, .aboutUs-five-box .fixedBtn .swiper-next {
  width: clamp(24px, 1.875vw, 36px);
  cursor: pointer;
  height: clamp(24px, 1.875vw, 36px);
  background: rgba(255, 255, 255, 0.8);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #9F9F9F;
  border-radius: clamp(2.13334px, 0.16666vw, 3.2px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.aboutUs-five-box .fixedBtn .swiper-prev:hover,
.aboutUs-five-box .fixedBtn .swiper-next:hover {
  background: #fff;
  border-color: #CE1B1B;
  transform: translateY(-2px);
}
.aboutUs-five-box .fixedBtn .swiper-prev img {
  transform: rotate(180deg);
}
.aboutUs-five-box .boxFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aboutUs-five-box .swiper-slide {
  text-align: center;
  height: auto;
  width: auto;
}
.aboutUs-five-box .swiper-slide .slideCard {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: clamp(8px, 0.625vw, 12px);
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  transition: border-color 0.35s ease, box-shadow 0.35s ease;
}
.aboutUs-five-box .swiper-slide .slideCard:hover {
  border-color: rgba(206, 27, 27, 0.45);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.aboutUs-five-box .swiper-slide .slideCard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.55s ease;
}
.aboutUs-five-box .swiper-slide .imgTitle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  margin: 0;
  padding: clamp(6px, 0.5vw, 10px) clamp(8px, 0.625vw, 12px);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  transition: background 0.35s ease, transform 0.35s ease;
}
.aboutUs-five-box .swiper-slide .slideCard:hover img {
  transform: scale(1.06);
}
.aboutUs-five-box .swiper-slide .slideCard:hover .imgTitle {
  background: rgba(0, 0, 0, 0.78);
}
.aboutUs-five-box .swiper-wrapper {
  align-items: stretch;
}
.aboutUs-five-box .rightBox {
  flex: 1;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: baseline;
}
.aboutUs-five-box .rightBox .moreBtn {
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #4D0C0C;
  padding-left: clamp(9.06666px, 0.70834vw, 13.6px);
  width: 100%;
  margin-top: clamp(18.13334px, 1.41666vw, 27.2px);
  max-width: 200px;
  margin-right:0;
}
.aboutUs-five-box .rightBox .moreBtn:hover{
  background: linear-gradient( 90deg, #CE1B1B 0%, #900D1B 100%);
  color:#fff;
  border-color:transparent;
}
.aboutUs-five-box .rightBox .moreBtn:hover .rightIcon{
  background: #fff;
}
.aboutUs-five-box .rightBox .moreBtn .rightIcon i{
  color:#fff;
}
.aboutUs-five-box .rightBox .moreBtn:hover .rightIcon i{
  color:#4D0C0C;
}
.aboutUs-five-box .rightBox .moreBtn:hover .moreText{
  color:#fff;
}
.aboutUs-five-box .rightBox .moreBtn .moreText {
  letter-spacing: normal;
  color:#4D0C0C;
}
.aboutUs-five-box .rightBox .moreBtn .rightIcon{
  background: linear-gradient( 90deg, #900D1B 0%, #CE1B1B 100%), #0C0F4D;
  color:#fff;
}
.aboutUs-five-box .rightBox .headTitle {
  text-align: right;
}
.aboutUs-five-box .rightBox .headText {
  margin: clamp(4.26666px, 0.33334vw, 6.4px) 0 clamp(12.26666px, 0.95834vw, 18.4px);
  color: #0C0F4D;
  font-weight: 600;
}
.aboutUs-five-box .rightBox .text {
  color: #666666;
  font-family: var(--Poppins);
  width: clamp(292.26666px, 22.83334vw, 438.4px);
}

.NEWS-five-box {
  position: relative;
  padding: clamp(70.93334px, 5.54166vw, 106.4px) 0 clamp(66.66666px, 5.20834vw, 100px);
  z-index: 2;
}
.NEWS-five-box .topBox {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: clamp(704px, 55vw, 1056px);
  box-shadow: 0px clamp(1.06666px, 0.08334vw, 1.6px) clamp(5.33334px, 0.41666vw, 8px) 0px rgba(0, 0, 0, 0.1);
  border-radius: clamp(45.86666px, 3.58334vw, 68.8px) clamp(45.86666px, 3.58334vw, 68.8px) clamp(45.86666px, 3.58334vw, 68.8px) clamp(45.86666px, 3.58334vw, 68.8px);
  background: #fff;
  overflow-x: auto;
  width: 100%;
}
.NEWS-five-box .topBtn {
  display: flex;
  overflow: hidden;
}
.NEWS-five-box .topBtn .btnItem {
  flex: 1;
  height: clamp(42.66666px, 3.33334vw, 64px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #0C0F4D;
  font-weight: 500;
  font-family: var(--Poppins);
  text-align: center;
  border-radius: clamp(45.86666px, 3.58334vw, 68.8px) clamp(45.86666px, 3.58334vw, 68.8px) clamp(45.86666px, 3.58334vw, 68.8px) clamp(45.86666px, 3.58334vw, 68.8px);
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.6s ease;
}
.NEWS-five-box .topBtn .btnItem:hover {
  color: #CE1B1B;
}
.NEWS-five-box .topBtn .cur {
  font-weight: 600;
  color: #FFFFFF;
  background: linear-gradient(54deg, #CE1B1B 0%, #750A17 100%);
}
.NEWS-five-box ul {
  display: flex;
  gap: clamp(32px, 2.5vw, 48px) clamp(26.66666px, 2.08334vw, 40px);
  flex-wrap: wrap;
}
.NEWS-five-box li {
  width: calc((100% - 80px) / 3);
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  background: #FFFFFF;
  box-shadow: 0px clamp(1.06666px, 0.08334vw, 1.6px) clamp(5.33334px, 0.41666vw, 8px) 0px rgba(0, 0, 0, 0.1);
}
.NEWS-five-box li:hover .topImg img {
  transform: scale(1.1);
}
.NEWS-five-box li:hover {
  position: relative;
}
.NEWS-five-box li:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  padding: clamp(1.6px, 0.125vw, 2.4px);
  background: linear-gradient(180deg, #C31D2E 0%, #FF9BA5 25%, #C31D2E 50%, #FFC4CA 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  box-shadow: none;
}
.NEWS-five-box .p-item {
  display: block;
  height: 100%;
}
.NEWS-five-box .topImg .meidia-box {
  padding-bottom: 68%;
  overflow: hidden;
  position: relative;
}
.NEWS-five-box .topImg .meidia-box img,
.NEWS-five-box .topImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.NEWS-five-box .topImg {
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) 0 0;
  overflow: hidden;
}
.NEWS-five-box .bottomBox {
  padding: clamp(13.86666px, 1.08334vw, 20.8px) clamp(21.33334px, 1.66666vw, 32px) clamp(12.8px, 1vw, 19.2px);
  box-sizing: border-box;
  color: #4D0C0C;
  font-weight: 600;
  width: 100%;
  line-height: 1.5;
}
.NEWS-five-box .page-box {
  margin-top: clamp(32px, 2.5vw, 48px);
}

.NEWSDetail-five-box .NEWSDetailContent {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.NEWSDetail-five-box .leftBox {
  width: clamp(170.66666px, 13.33334vw, 256px);
  background: linear-gradient(180deg, #EEEEEE 0%, rgba(255, 255, 255, 0.0001) 100%);
  padding: clamp(16px, 1.25vw, 24px) clamp(8.53334px, 0.66666vw, 12.8px);
  box-sizing: border-box;
  position: sticky;
  left:0;
  top:120px;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.NEWSDetail-five-box .leftBox .leftCenter {
  padding: clamp(10.13334px, 0.79166vw, 15.2px) clamp(10.13334px, 0.79166vw, 15.2px) clamp(10.13334px, 0.79166vw, 15.2px) clamp(9.06666px, 0.70834vw, 13.6px);
  background: #fff;
  border-radius: clamp(3.2px, 0.25vw, 4.8px);

}
.NEWSDetail-five-box .leftBox .leftCenter .backBtn {
  width: 100%;
  height: clamp(22.4px, 1.75vw, 33.6px);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(51, 51, 51, 0.8);
  padding: clamp(4.8px, 0.375vw, 7.2px) clamp(8.53334px, 0.66666vw, 12.8px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: clamp(7.46666px, 0.58334vw, 11.2px);
  color: rgba(51, 51, 51, 0.8);
  border-radius: clamp(4.26666px, 0.33334vw, 6.4px);
  margin: clamp(9.6px, 0.75vw, 14.4px) 0 clamp(18.13334px, 1.41666vw, 27.2px);
}
.NEWSDetail-five-box .leftBox .leftCenter .backBtn img {
  width: clamp(12.8px, 1vw, 19.2px);
  height: auto;
}
.NEWSDetail-five-box .leftBox .count {
  width: clamp(33.06666px, 2.58334vw, 49.6px);
  height: clamp(13.33334px, 1.04166vw, 20px);
  background: #C52333;
  border-radius: clamp(3.2px, 0.25vw, 4.8px) clamp(3.2px, 0.25vw, 4.8px) clamp(3.2px, 0.25vw, 4.8px) clamp(3.2px, 0.25vw, 4.8px);
  color: #FFFFFF;
  padding-right: clamp(2.13334px, 0.16666vw, 3.2px);
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom:10px;
}
.NEWSDetail-five-box .leftBox .leftsearch {
  display: flex;
  flex-direction: column;
}
.NEWSDetail-five-box .leftBox label {
  color: rgba(51, 51, 51, 0.8);
  font-weight: 600;
  margin-bottom: clamp(9.6px, 0.75vw, 14.4px);
  display: flex;
  gap: clamp(4.26666px, 0.33334vw, 6.4px);
  align-items: center;
  line-height: 1.3;
  cursor: pointer;
}
.NEWSDetail-five-box .leftBox input {
  width: clamp(6.93334px, 0.54166vw, 10.4px);
  height: clamp(6.93334px, 0.54166vw, 10.4px);
  border: clamp(1.06666px, 0.08334vw, 1.6px) solid rgba(51, 51, 51, 0.8);
}
.NEWSDetail-five-box .leftBox input[type=radio]:checked {
  accent-color: #C52333;
  background-color: #C52333;
  border-color: #C52333;
}
.NEWSDetail-five-box .yinDaoBanner .flexLink {
  position: static;
}
.NEWSDetail-five-box .yinDaoBanner .flexLink img {
  filter: brightness(0) saturate(100%) invert(31%) sepia(0%) saturate(747%) hue-rotate(0deg) brightness(97%) contrast(85%) opacity(0.8);
}
.NEWSDetail-five-box .yinDaoBanner .flexLink a, .NEWSDetail-five-box .yinDaoBanner .flexLink .centerFlex {
  color: rgba(79, 79, 79, 0.8);
}
.NEWSDetail-five-box .yinDaoBanner .flexLink span {
  color: #333333;
}
.NEWSDetail-five-box .centerBox {
  padding: 0 16px clamp(42.13334px, 3.29166vw, 63.2px);
  box-sizing: border-box;
  flex: 1;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.NEWSDetail-five-box .centerBox .centerContent {
  background: linear-gradient(180deg, #EEEEEE 0%, rgba(255, 255, 255, 0.0001) 100%);
  padding: clamp(10.66666px, 0.83334vw, 16px) clamp(16px, 1.25vw, 24px);
}
.NEWSDetail-five-box .centerBox .title {
  color: #4D0C0C;
  font-weight: 700;
  line-height: 1.5;
}
.NEWSDetail-five-box .centerBox .flexCenter {
  margin-bottom: clamp(16.53334px, 1.29166vw, 24.8px);
}
.NEWSDetail-five-box .centerBox .flexCenter img {
  width: clamp(11.73334px, 0.91666vw, 17.6px);
}
.NEWSDetail-five-box .centerBox .flexCenter {
  display: flex;
  justify-content: space-between;
  height: clamp(42.66666px, 3.33334vw, 64px);
  align-items: center;
  color: rgba(77, 12, 12, 0.8);
  font-weight: 600;
  border-bottom: clamp(1.06666px, 0.08334vw, 1.6px) dashed rgba(77, 12, 12, 0.8);
}
.NEWSDetail-five-box .centerBox .leftFelx {
  display: flex;
  gap: clamp(26.66666px, 2.08334vw, 40px);
}
.NEWSDetail-five-box .centerBox .news-views {
  display: inline-flex;
  align-items: center;
  gap: clamp(4px, 0.3125vw, 6px);
}
.NEWSDetail-five-box .centerBox .news-views .layui-icon {
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1;
}
.NEWSDetail-five-box .centerBox p {
  color: #333333;
  font-family: var(--Poppins);
  line-height: 1.5;
}
.NEWSDetail-five-box .centerBox p span {
  color: #C31D2E;
}
.NEWSDetail-five-box .centerBox .newsItem {
  margin-bottom: clamp(25.06666px, 1.95834vw, 37.6px);
}
.NEWSDetail-five-box .centerBox .newsTitle {
  padding-left: clamp(13.33334px, 1.04166vw, 20px);
  color: #4D0C0C;
  font-weight: 700;
  position: relative;
}
.NEWSDetail-five-box .centerBox .newsTitle::after {
  content: " ";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: clamp(1.06666px, 0.08334vw, 1.6px);
  height: clamp(17.06666px, 1.33334vw, 25.6px);
  background: #4D0C0C;
  border-radius: clamp(26.66666px, 2.08334vw, 40px) clamp(26.66666px, 2.08334vw, 40px) clamp(26.66666px, 2.08334vw, 40px) clamp(26.66666px, 2.08334vw, 40px);
  position: absolute;
}
.NEWSDetail-five-box .centerBox .ntitle {
  color: rgba(51, 51, 51, 0.8);
  font-weight: 600;
  margin: clamp(11.73334px, 0.91666vw, 17.6px) 0 clamp(4.26666px, 0.33334vw, 6.4px);
}
.NEWSDetail-five-box .centerBox .cenImg .meidia-box {
  padding-bottom: 41.07143%;
  overflow: hidden;
  position: relative;
}
.NEWSDetail-five-box .centerBox .cenImg .meidia-box img,
.NEWSDetail-five-box .centerBox .cenImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.NEWSDetail-five-box .centerBox .cenImg {
  margin: clamp(12.26666px, 0.95834vw, 18.4px) 0 clamp(12.8px, 1vw, 19.2px);
}
.NEWSDetail-five-box .centerBox .cenImg2 .meidia-box {
  padding-bottom: 56.07143%;
  overflow: hidden;
  position: relative;
}
.NEWSDetail-five-box .centerBox .cenImg2 .meidia-box img,
.NEWSDetail-five-box .centerBox .cenImg2 .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.NEWSDetail-five-box .centerBox .cenImg2 {
  margin: clamp(12.26666px, 0.95834vw, 18.4px) 0 clamp(25.06666px, 1.95834vw, 37.6px);
}

.NEWSDetail-five-box .rightBox {
  width: clamp(176px, 13.75vw, 264px);
  padding: clamp(16px, 1.25vw, 24px) clamp(10.66666px, 0.83334vw, 16px);
  background: linear-gradient(180deg, #EEEEEE 0%, rgba(255, 255, 255, 0.0001) 100%);
  box-sizing: border-box;
  position: sticky;
  left:0;
  top:120px;
  min-height:50vh;
}
.NEWSDetail-five-box .rightBox #st-1 .st-btn{
    background:transparent !important;
}
.NEWSDetail-five-box .rightBox .r-t {
  color: #333333;
  font-weight: 700;
  margin-bottom: clamp(10.66666px, 0.83334vw, 16px);
}
.NEWSDetail-five-box .rightBox .p-item {
  border-radius: clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px);
  overflow: hidden;
  display: block;
}
.NEWSDetail-five-box .rightBox .p-item .meidia-box {
  padding-bottom: 67.58621%;
  overflow: hidden;
  position: relative;
}
.NEWSDetail-five-box .rightBox .p-item .meidia-box img,
.NEWSDetail-five-box .rightBox .p-item .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.NEWSDetail-five-box .rightBox .p-item:hover img {
  transform: scale(1.1);
}
.NEWSDetail-five-box .rightBox .textBox {
  padding: clamp(4.26666px, 0.33334vw, 6.4px) clamp(10.66666px, 0.83334vw, 16px);
  background: #fff;
  box-sizing: border-box;
  border-radius: 0 0 clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px);
  color: #333333;
  line-height: 1.7;
}
.NEWSDetail-five-box .rightBox .swiper-pagination-bullet {
  width: clamp(5.86666px, 0.45834vw, 8.8px);
  height: clamp(5.86666px, 0.45834vw, 8.8px);
  background: #D8D8D8;
  opacity: 1;
}
.NEWSDetail-five-box .rightBox .swiper-pagination-bullet-active {
  background: #C31D2E;
}
.NEWSDetail-five-box .rightBox .swiper-pagination {
  bottom: 0px;
}
.NEWSDetail-five-box .rightBox .swiper {
  padding-bottom: clamp(16px, 1.25vw, 24px);
}
.NEWSDetail-five-box .rightBox .moreBtn {
  max-width: 100%;
  max-width: 240px;
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #4D0C0C;
  padding: 0 clamp(7.46666px, 0.58334vw, 11.2px) 0 clamp(10.66666px, 0.83334vw, 16px);
  margin: clamp(16px, 1.25vw, 24px) auto clamp(28.8px, 2.25vw, 43.2px);
   background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
}
.NEWSDetail-five-box .rightBox .moreBtn:hover{
    background:transparent;
}
.NEWSDetail-five-box .rightBox .shareBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #4D0C0C;
  font-weight: 600;
  max-width: 240px;
  white-space: nowrap;
}
.NEWSDetail-five-box .rightBox .shareBox a img {
  width: clamp(14.93334px, 1.16666vw, 22.4px);
  height: auto;
  transition: transform 0.2s;
}
.NEWSDetail-five-box .rightBox .shareBox a:hover img {
  transform: translateY(-8px);
}

.whitePage .headerContent {
  background: #fff;
}
.whitePage .header-box .rightContent > ul li > a {
  color: #000;
}

.newsDetailBanner {
  background: #fff;
  padding-top: clamp(80px, 6.25vw, 120px);
}

.ContactBanner .bg-box {
  position: relative;
}
.ContactBanner .bg-box .meidia-box {
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.ContactBanner .bg-box .meidia-box img,
.ContactBanner .bg-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.ContactBanner .count2 {
  width: clamp(29.86666px, 2.33334vw, 44.8px);
  height: auto;
}
.ContactBanner .count1 {
  width: clamp(32px, 2.5vw, 48px);
  height: clamp(32px, 2.5vw, 48px);
  background: #CE1B1B;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ContactBanner .count1 img {
  width: clamp(16px, 1.25vw, 24px);
  height: auto;
}
.ContactBanner .count2 {
  width: clamp(29.86666px, 2.33334vw, 44.8px);
  height: clamp(29.86666px, 2.33334vw, 44.8px);
}
.ContactBanner .count2 img {
  width: 100%;
  height: auto;
}
.ContactBanner .count {
  position: absolute;
  cursor: pointer;
  top: 37.03%;
  right: 17.5%;
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(16px, 1.25vw, 24px);
}
.ContactBanner .count .text {
  position: absolute;
  top: 50%;
  left: -14.4px;
  transform: translate(-100%, -50%);
}
.ContactBanner .count .count1 {
  display: none;
}
.ContactBanner .countTwo {
  top: 37.68%;
  right: 13.59%;
}
.ContactBanner .countTwo .text {
  position: absolute;
  top: 50%;
  left: auto;
  right: -14.4px;
  transform: translate(100%, -50%);
}
.ContactBanner .count.cur {
  font-size: clamp(19.2px, 1.5vw, 28.8px);
  font-weight: 700;
  color: #fff;
}
.ContactBanner .count.cur .count2 {
  display: none;
}
.ContactBanner .count.cur .count1 {
  display: flex;
}
.ContactBanner .absoultebtn {
  position: absolute;
  left: 50%;
  bottom: clamp(25.6px, 2vw, 38.4px);
  transform: translateX(-50%);
}
.ContactBanner .selectABtn {
  display: flex;
  justify-content: center;
  gap: clamp(64px, 5vw, 96px);
  margin-bottom: clamp(24.53334px, 1.91666vw, 36.8px);
  align-items: center;
}
.ContactBanner .selectABtn .itemBtn {
  min-width: 112px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
.ContactBanner .selectABtn .cur {
  font-weight: 700;
  justify-content: center;
}
.ContactBanner ul {
  display: flex;
}
.ContactBanner li {
  width: clamp(640px, 50vw, 960px);
  display: flex;
  gap: clamp(45.86666px, 3.58334vw, 68.8px);
  background: rgba(255, 255, 255, 0.1);
  border-radius: clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px) clamp(6.4px, 0.5vw, 9.6px);
  padding-right: clamp(31.46666px, 2.45834vw, 47.2px);
  box-sizing: border-box;
  transform: translateX(-7999.2px);
  transition: transform 0.5s;
  display: none;
}
.ContactBanner .cur {
  display: flex;
  transform: translateX(0);
}
.ContactBanner .leftImg {
  width: clamp(256px, 20vw, 384px);
  border-radius: clamp(6.4px, 0.5vw, 9.6px) 0 0 clamp(6.4px, 0.5vw, 9.6px);
  overflow: hidden;
}
.ContactBanner .leftImg .meidia-box {
  padding-bottom: 62.08333%;
  overflow: hidden;
  position: relative;
}
.ContactBanner .leftImg .meidia-box img,
.ContactBanner .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.ContactBanner .leftImg .meidia-box {
  height: 100%;
  box-sizing: border-box;
}
.ContactBanner .rightBox {
  color: #FFFFFF;
  box-sizing:border-box;
  width:calc(100% - clamp(256px, 20vw, 384px));
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: var(--Poppins);
  line-height: 1.7;
  padding: clamp(10.66666px, 0.83334vw, 16px) 0;
}
.ContactBanner .rightBox .title {
  font-weight: 700;
}
.ContactBanner .rightBox .flexLine {
  display: flex;
  justify-content: space-between;
}
.ContactBanner .rightBox .flexLine a {
  color: #FFFFFF;
}
.ContactBanner .rightBox .flexShare {
  display: flex;
  gap: clamp(15.46666px, 1.20834vw, 23.2px);
  margin-top: clamp(10.13334px, 0.79166vw, 15.2px);
}
.ContactBanner .rightBox .flexShare a {
  width: clamp(21.33334px, 1.66666vw, 32px);
  height: clamp(21.33334px, 1.66666vw, 32px);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ContactBanner .rightBox .flexShare a img {
  filter: brightness(0) invert(1);
  transform: scale(0.5);
}
.ContactBanner .rightBox .flexShare a:hover {
  background: #FFFFFF;
}
.ContactBanner .rightBox .flexShare a:hover img {
  filter: brightness(0) saturate(100%) invert(16%) sepia(91%) saturate(7495%) hue-rotate(348deg) brightness(88%) contrast(103%);
}
.index-three-box.ContactPadding{
    padding-top:clamp(74.66666px, 5.83334vw, 112px);
}
.ContactPadding {
  padding-bottom: clamp(74.66666px, 5.83334vw, 112px);
}

.ContactUs-one-box {
  height: clamp(405.33334px, 31.66666vw, 608px);
}
.ContactUs-one-box iframe{
    width:100%;
    height:100%;
}
.InquiryList-one-box .headTitle {
  margin: clamp(62.4px, 4.875vw, 93.6px) auto;
}
.InquiryList-one-box .moreBtn {
  max-width: 240px;
  margin: clamp(30.93334px, 2.41666vw, 46.4px) auto clamp(120px, 9.375vw, 180px);
  background: linear-gradient( 90deg, #900D1B 0%, #CE1B1B 100%);
  color:#fff;
}
.InquiryListContent {
  padding: 0 clamp(28.26666px, 2.20834vw, 42.4px) clamp(56px, 4.375vw, 84px);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(30.93334px, 2.41666vw, 46.4px) 5%;
  border-bottom: clamp(0.53334px, 0.04166vw, 0.8px) solid #C4C4C4;
}
.InquiryListContent .InquiryItem {
  width: calc((100%  / 2) - 2.5%);
  display: flex;
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  border: clamp(1.06666px, 0.08334vw, 1.6px) solid #E7E7E7;
  box-sizing: border-box;
}
.InquiryListContent .InquiryItem:hover .leftIMG img {
  transform: scale(1.1);
}
.InquiryListContent .leftIMG {
  height: 100%;
  width: clamp(129.06666px, 10.08334vw, 193.6px);
}
.InquiryListContent .leftIMG .meidia-box {
  padding-bottom: 90.49587%;
  overflow: hidden;
  position: relative;
}
.InquiryListContent .leftIMG .meidia-box img,
.InquiryListContent .leftIMG .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.InquiryListContent .leftIMG {
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  overflow: hidden;
}
.InquiryListContent .leftIMG .meidia-box {
  height: 100%;
  box-sizing: border-box;
}
.InquiryListContent .RIGHTbOX {
  flex: 1;
  padding: clamp(9.6px, 0.75vw, 14.4px) clamp(32px, 2.5vw, 48px) clamp(10.66666px, 0.83334vw, 16px) clamp(22.4px, 1.75vw, 33.6px);
  display: flex;
  flex-direction: column;
  gap: clamp(5.33334px, 0.41666vw, 8px);
  box-sizing: border-box;
}
.InquiryListContent .RIGHTbOX .title {
  color: #4D0C0C;
  font-weight: 700;
  margin-bottom: clamp(5.33334px, 0.41666vw, 8px);
}
.InquiryListContent .ling {
  display: flex;
  justify-content: space-between;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  flex-wrap: wrap;
}
.InquiryListContent .ling .lineITEM {
  display: flex;
  align-items: center;
  flex: 1;
  height: clamp(21.33334px, 1.66666vw, 32px);
  background: #F7F7F7;
  border-radius: clamp(3.2px, 0.25vw, 4.8px) clamp(3.2px, 0.25vw, 4.8px) clamp(3.2px, 0.25vw, 4.8px) clamp(3.2px, 0.25vw, 4.8px);
  color: rgba(51, 51, 51, 0.8);
  font-family: var(--Poppins);
  padding-left: clamp(5.33334px, 0.41666vw, 8px);
  padding-right: clamp(4.26666px, 0.33334vw, 6.4px);
  gap: clamp(3.2px, 0.25vw, 4.8px);
  white-space: nowrap;
}
.InquiryListContent .ling .lineITEM img {
  width: clamp(7.46666px, 0.58334vw, 11.2px);
  height: auto;
}
.InquiryListContent .ling .rightImg {
  display: flex;
  align-items: center;
  gap: clamp(2.66666px, 0.20834vw, 4px);
}
.InquiryListContent .Remove {
  text-decoration-line: underline;
  color: #4D0C0C;
  margin-top: clamp(6.4px, 0.5vw, 9.6px);
  cursor: pointer;
}

.Request-one-box .rightImgBox {
  flex: 1;
  box-sizing: border-box;
  padding: 0 clamp(36.26666px, 2.83334vw, 54.4px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.Request-one-box .rightImgBox .title {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: clamp(9.6px, 0.75vw, 14.4px);
  text-align: center;
  width: clamp(247.46666px, 19.33334vw, 371.2px);
}
.Request-one-box ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Request-one-box li {
  width: clamp(247.46666px, 19.33334vw, 371.2px);
  border-bottom: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(216, 216, 216, 0.5);
  padding: clamp(14.4px, 1.125vw, 21.6px) 0 clamp(27.2px, 2.125vw, 40.8px);
}
.Request-one-box li:hover .leftImg img {
  transform: scale(1.1);
}
.Request-one-box .leftImg {
  width: clamp(78.4px, 6.125vw, 117.6px);
}
.Request-one-box .leftImg .meidia-box {
  padding-bottom: 78.91156%;
  overflow: hidden;
  position: relative;
}
.Request-one-box .leftImg .meidia-box img,
.Request-one-box .leftImg .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.Request-one-box .p-item {
  display: flex;
  align-items: center;
  gap: clamp(22.93334px, 1.79166vw, 34.4px);
  color: #fff;
}
.Request-one-box .flexBtn {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(17.06666px, 1.33334vw, 25.6px);
}
.Request-one-box .flexBtn .moreBtn {
  max-width: 248px;
}
.Request-one-box .flexBtn .selectBtn {
  background: transparent;
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #FFFFFF;
}

.ProductSwiper {
  display: flex;
  padding-top: clamp(32px, 2.5vw, 48px);
  position: relative;
}
.ProductSwiper .leftBox, .ProductSwiper .rightBox {
  width: 50%;
  height: auto;
  min-height: 368px;
}
.ProductSwiper .leftBox{
    position: relative;
}
.ProductSwiper .leftBox .leftBoxBtn{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    box-sizing:border-box;
    padding:0 clamp(42.66666px, 3.33334vw, 64px) clamp(21.33334px, 1.66666vw, 32px) clamp(85.33334px, 6.66666vw, 128px);
    z-index:3;
    flex-direction:flex-start;
}
.banner.yinDaoBanner .leftBox a{
    display: flex;
    margin:0;
}
.banner.yinDaoBanner .leftBox a.favorites{
    
}
.banner.yinDaoBanner .leftBox a.favorites:hover,
.banner.yinDaoBanner .leftBox a.favorites.active{
    background:  linear-gradient( 90deg, #900D1B 0%, #CE1B1B 100%);
    border-color:transparent;
    color:#fff;
}
.banner.yinDaoBanner .leftBox a.favorites:hover .rightIcon i, 
.banner.yinDaoBanner .leftBox a.favorites.active .rightIcon i{
    color:#C31D2E;
}
.banner.yinDaoBanner .leftBox a.favorites .rightIcon{
    background:#fff;
}
.banner.yinDaoBanner .leftBox a.favorites .rightIcon i{
    color:#4D0C0C;
    margin-top: 2.4px;
}
.ProductSwiper .leftBox .meidia-box, .ProductSwiper .rightBox .meidia-box {
  height: 100%;
  min-height: 368px;
  box-sizing: border-box;
}
.ProductSwiper .leftBox .meidia-box, .ProductSwiper .rightBox .meidia-box {
  padding-bottom: 83.33333%;
  overflow: hidden;
  position: relative;
}
.ProductSwiper .leftBox .meidia-box img,
.ProductSwiper .leftBox .meidia-box video, .ProductSwiper .rightBox .meidia-box img,
.ProductSwiper .rightBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.zoomInIs{
    animation: zoomInIs 3.3s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
    animation-play-state: running;
    animation-name: zoomInIs;
}
@keyframes zoomInIs {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.ProductSwiper .rightBox .rightBoxContent{
    padding:20% clamp(85.33334px, 6.66666vw, 128px) clamp(42.66666px, 3.33334vw, 64px) clamp(21.33334px, 1.66666vw, 32px);
}
.ProductSwiper .rightBox .rightBoxContent .rightContent{
    color:#fff;
}
.ProductSwiper .rightBox .rightBoxContent .rightContent img{
    max-width:100%;
    height:auto;
}
.ProductSwiper .m-width-content {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.ProductSwiper .m-width-content .ipd-20 {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  height: 100%;
}
.ProductSwiper .m-width-content .leftBoxBtn {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: clamp(18.13334px, 1.41666vw, 27.2px);
}
.ProductSwiper .m-width-content .rightBoxBtn {
  flex: 1;
  color: #FFFFFF;
}
.ProductSwiper .m-width-content .rightBoxBtn .title {
  font-weight: 700;
}
.ProductSwiper .m-width-content .rightBoxBtn .meidia-box {
  padding-bottom: 12.64668%;
  overflow: hidden;
  position: relative;
}
.ProductSwiper .m-width-content .rightBoxBtn .meidia-box img,
.ProductSwiper .m-width-content .rightBoxBtn .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.ProductSwiper .m-width-content .rightContent {
  padding-left: clamp(17.6px, 1.375vw, 26.4px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.ProductSwiper .m-width-content .moreBtn {
  width: 100%;
  max-width: 248px;
}
.ProductSwiper .bTNbOX {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(13.86666px, 1.08334vw, 20.8px) clamp(24.53334px, 1.91666vw, 36.8px);
  align-items: flex-end;
}
.ProductSwiper .flexP {
  margin: clamp(16.53334px, 1.29166vw, 24.8px) 0 clamp(29.33334px, 2.29166vw, 44px);
}
.ProductSwiper .flexP p {
  font-family: var(--Poppins);
  line-height: 2;
  display: flex;
  gap: clamp(2.66666px, 0.20834vw, 4px);
}

.ProductSwiper .rightBox .title,
.productDetail-one-box .headTitle,
.productDetail-three-box .headTitle,
.productDetail-four-box .headTitle,
.productDetail-six-box .headTitle,
.productDetail-seven-box .headTitle {
  perspective: 576px;
}
.ProductSwiper .rightBox .title .mx-char,
.productDetail-one-box .headTitle .mx-char,
.productDetail-three-box .headTitle .mx-char,
.productDetail-four-box .headTitle .mx-char,
.productDetail-six-box .headTitle .mx-char,
.productDetail-seven-box .headTitle .mx-char {
  display: inline-block;
  transform-origin: 50% 100%;
}
.ProductSwiper .rightBox .title .mx-char--space,
.productDetail-one-box .headTitle .mx-char--space,
.productDetail-three-box .headTitle .mx-char--space,
.productDetail-four-box .headTitle .mx-char--space,
.productDetail-six-box .headTitle .mx-char--space,
.productDetail-seven-box .headTitle .mx-char--space {
  width: 0.224em;
}

.productDetail-one-box {
  padding: clamp(53.33334px, 4.16666vw, 80px) 0 0;
  background: #1E1E1C;
}
.productDetail-one-box .headTitle {
  text-align: left;
  color: #fff;
}
.productDetail-one-box .swiperBox {
  background: rgba(144, 144, 144, 0.4);
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  padding: clamp(20.8px, 1.625vw, 31.2px) clamp(78.93334px, 6.16666vw, 118.4px) clamp(19.73334px, 1.54166vw, 29.6px) clamp(16px, 1.25vw, 24px);
  position: relative;
  height: 100%;
  box-sizing: border-box;
  line-height: 1.3;
  display: flex;
  align-items: center;
}
.productDetail-one-box .productDetailOneSwiper {
  width:100%;
  color: #FFFFFF;
  font-weight: 600;
  margin-top:clamp(10px, 1.5625vw, 20px);
  padding-bottom:clamp(53.33334px, 4.16666vw, 80px);
}
.productDetail-one-box .mr-bg{
  /*background:#C41C2B;*/
  padding:clamp(53.33334px, 4.16666vw, 80px) 0;
}
.productDetail-one-box .productDetailOneSwiper .swiper {
  margin: 0;
  box-sizing: border-box;
}
.productDetail-one-box .productDetailOneSwiper .swiper .swiper-slide{
  height:auto;
}

.productDetail-one-box .productDetailOneSwiper .imgBox {
  position: absolute;
  right: clamp(24px, 1.875vw, 36px);
  display: flex;
  justify-content: flex-end;
  width: clamp(48.53334px, 3.79166vw, 72.8px);
  top:50%;
  transform: translateY(-50%);
}
.productDetail-one-box .productDetailOneSwiper .imgBox .meidia-box {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.productDetail-one-box .productDetailOneSwiper .imgBox .meidia-box img,
.productDetail-one-box .productDetailOneSwiper .imgBox .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.productDetail-one-box .productDetailOneSwiper .meidia-box {
  width: 100%;
}
.productDetail-one-box .headText {
  font-family: var(--Poppins);
  color: #FFFFFF;
  margin: 0 0 clamp(20px, 1.5625vw, 30px);
  line-height: 1.5;
}
.productDetail-one-box ul {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(44.8px, 3.5vw, 67.2px);
  color: #fff;
}
.productDetail-one-box ul li {
  width: calc((100% - clamp(44.8px, 3.5vw, 67.2px) * 4) / 5);
}
.productDetail-one-box ul .title {
  font-family: var(--Poppins);
  font-weight: 600;
  background:#C41C2B;
  box-sizing:border-box;
  padding:10px;
}
.productDetail-one-box ul .text {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--Poppins);
  margin: clamp(8px, 0.625vw, 12px) 0 clamp(5.33334px, 0.41666vw, 8px);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.productDetail-one-box ul .showMore {
  color: rgba(255, 255, 255, 0.8);
  text-decoration-line: underline;
  cursor: pointer;
}
.productDetail-two-box{
  overflow: hidden;
}
.productDetail-two-box .meidia-box {
  padding-bottom: 49.89583%;
  overflow: hidden;
  position: relative;
}
.productDetail-two-box .meidia-box img,
.productDetail-two-box .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.productDetail-three-box {
  padding: clamp(53.33334px, 4.16666vw, 80px) 0 clamp(70.4px, 5.5vw, 105.6px);
  background: #000;
}
.productDetail-three-box .headTitle {
  text-align: left;
  color: #FFFFFF;
  margin-bottom: clamp(30.93334px, 2.41666vw, 46.4px);
}
.productDetail-three-box .flexTable {
  display: flex;
  gap: clamp(20.26666px, 1.58334vw, 30.4px);
}
.productDetail-three-box .tableItem {
  flex: 1;
}
.productDetail-three-box .tableItem:last-child table th {
  background: #9E0303;
}
.productDetail-three-box table {
  width: 100%;
}
.productDetail-three-box table th {
  color: #FFFFFF;
  font-weight: 500;
  height: clamp(26.66666px, 2.08334vw, 40px);
  background: #CE1B1B;
  font-size: clamp(9.6px, 0.75vw, 14.4px);
  padding-left: clamp(20.26666px, 1.58334vw, 30.4px);
}
.productDetail-three-box table td {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(144, 144, 144, 0.4);
}
.productDetail-three-box table tr td {
  font-size: clamp(8.53334px, 0.66666vw, 12.8px);
}
.productDetail-three-box table tr td:first-child {
  width: 41.2%;
  padding-left: clamp(20.26666px, 1.58334vw, 30.4px);
}
.productDetail-three-box table tr td {
  height: clamp(22.93334px, 1.79166vw, 34.4px);
  padding-left: clamp(41.06666px, 3.20834vw, 61.6px);
}
.productDetail-three-box table[bordered] {
  border-collapse: collapse;
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #fff;
}
.productDetail-three-box table[bordered] th,
.productDetail-three-box table[bordered] td {
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid #fff;
}

.productDetail-four-box {
  position: relative;
  overflow: hidden;
}
.productDetail-four-box .headTitle {
  color: #fff;
  text-align: left;
}
.productDetail-four-box .titleContent {
  width: 100%;
  position: absolute;
  top: clamp(53.33334px, 4.16666vw, 80px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.productDetail-four-box .bgSwiper .swiper-slide img {
  width: 100%;
  height: auto;
  min-height: 100%;
  transition: 1s linear 2s;
  transform: scale(1.1, 1.1);
}
.productDetail-four-box .bgSwiper .swiper-slide-active img, .productDetail-four-box .bgSwiper .swiper-slide-duplicate-active img {
  transition: 6s linear;
  transform: scale(1, 1);
}
.productDetail-four-box .bottomContent {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auot;
  width: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
}
.productDetail-four-box .bottomContent .swiper-slide {
  border-right: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(255, 255, 255, 0.2);
  text-align: center;
  height: clamp(53.33334px, 4.16666vw, 80px);
  min-height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.productDetail-four-box .bottomContent .swiper-slide-thumb-active {
  background: rgba(206, 27, 27, 0.6);
  color: #FFFFFF;
  font-weight: 700;
}

.productDetail-five-box {
  padding: clamp(35.73334px, 2.79166vw, 53.6px) 0 clamp(45.86666px, 3.58334vw, 68.8px);
  background: #fff;
}
.productDetail-five-box .productDetailFiveBox {
  display: flex;
  justify-content: space-between;
}
.productDetail-five-box .rightBox {
  width: clamp(448px, 35vw, 672px);
  padding: clamp(10.66666px, 0.83334vw, 16px) clamp(21.33334px, 1.66666vw, 32px) 0px clamp(21.33334px, 1.66666vw, 32px);
  background: #F7F7F7;
  box-sizing: border-box;
}
.productDetail-five-box .rightBox .title {
  display: flex;
  justify-content: space-between;
  color: rgba(51, 51, 51, 0.8);
  font-weight: 700;
  cursor: pointer;
  padding: clamp(10.66666px, 0.83334vw, 16px) clamp(5.33334px, 0.41666vw, 8px) clamp(10.66666px, 0.83334vw, 16px) 0;
  border-bottom: clamp(0.53334px, 0.04166vw, 0.8px) solid #DCDCDC;
  cursor: pointer;
  line-height: 1.4;
}
.productDetail-five-box .rightBox .title img {
  width: clamp(12.26666px, 0.95834vw, 18.4px);
  height: clamp(12.26666px, 0.95834vw, 18.4px);
}
.productDetail-five-box .rightBox .title .active {
  display: none;
}
.productDetail-five-box .rightBox .item:last-child .title {
  border-bottom: none;
}
.productDetail-five-box .rightBox .desc {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  color: #333333;
  font-family: var(--Poppins);
  overflow: hidden;
  line-height: 1.7;
  padding: 0 clamp(24.53334px, 1.91666vw, 36.8px) 0 28.8px;
}
.productDetail-five-box .rightBox .cur .title {
  color: #9E0303;
}
.productDetail-five-box .rightBox .cur .title .active {
  display: block;
}
.productDetail-five-box .rightBox .cur .title .unActive {
  display: none;
}
.productDetail-five-box .rightBox .cur .desc {
  display: block;
  max-height: 800px;
  padding: 16px clamp(24.53334px, 1.91666vw, 36.8px) 0 28.8px;
}
.productDetail-five-box .leftBox {
  padding-top: clamp(10.66666px, 0.83334vw, 16px);
}
.productDetail-five-box .leftBox .topImg {
  display: flex;
}
.productDetail-five-box .leftBox .topImg .topImg1 {
  margin-top: clamp(5.86666px, 0.45834vw, 8.8px);
  width: clamp(127.46666px, 9.95834vw, 191.2px);
  height: auto;
  margin-right: clamp(5.86666px, 0.45834vw, 8.8px);
}
.productDetail-five-box .leftBox .topImg .topImg2 {
  width: clamp(44.8px, 3.5vw, 67.2px);
  height: auto;
}
.productDetail-five-box .leftBox .bottomFlex {
  margin-top: clamp(26.66666px, 2.08334vw, 40px);
  width: clamp(318.93334px, 24.91666vw, 478.4px);
}
.productDetail-five-box .leftBox .bottomFlex .meidia-box {
  padding-bottom: 66.38796%;
  overflow: hidden;
  position: relative;
}
.productDetail-five-box .leftBox .bottomFlex .meidia-box img,
.productDetail-five-box .leftBox .bottomFlex .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.productDetail-six-box {
  padding: clamp(111.46666px, 8.70834vw, 167.2px) 0 clamp(64.53334px, 5.04166vw, 96.8px);
}
.productDetail-six-box .ss-inner-box{
    max-width:70%;
}
.productDetail-six-box .headTitle {
  text-align: left;
  color: #fff;
  margin-bottom: clamp(12.8px, 1vw, 19.2px);
}
.productDetail-six-box ul {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(16.53334px, 1.29166vw, 24.8px) clamp(31.46666px, 2.45834vw, 47.2px);
}
.productDetail-six-box li {
  width: calc((100% - 47.2px) / 2);
  padding: 8px;
  box-sizing: border-box;
  border-radius: clamp(10.66666px, 0.83334vw, 16px);
  border: clamp(0.53334px, 0.04166vw, 0.8px) solid rgba(174, 136, 130, 0.1);
  background: #202020;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border: clamp(1.06666px, 0.08334vw, 1.6px) solid transparent;
}
.productDetail-six-box .rightBox {
  width: clamp(25.6px, 2vw, 38.4px);
  height: clamp(25.6px, 2vw, 38.4px);
}
.productDetail-six-box .rightBox img{
    width:100%;
    height:auto;
}
.productDetail-six-box .active {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  background:#CE1B1B;
  border-radius:clamp(5.33334px, 0.41666vw, 8px);
}
.productDetail-six-box .active .centerIMG {
  width: clamp(13.86666px, 1.08334vw, 20.8px);
}
.productDetail-six-box .active .centerIMG {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 2;
}
.productDetail-six-box .active .brImg {
  position: absolute;
  top: -8.8px;
  right: -18px;
  height: auto;
  width:100%;
  display:none;
}
.productDetail-six-box .cur {
  border: clamp(1.06666px, 0.08334vw, 1.6px) solid #E21A1A;
}
.productDetail-six-box .cur .active {
  display: flex;
}
.productDetail-six-box .cur .unActive {
  display: none;
}
.productDetail-six-box .leftBox {
  display: flex;
  flex-direction: column;
  gap: clamp(2.13334px, 0.16666vw, 3.2px);
  color: rgba(255, 255, 255, 0.8);
}
.productDetail-six-box .leftTitle {
  color: #fff;
  font-weight: 500;
  font-family: var(--Poppins);
  align-items: center;
}
.productDetail-six-box .leftBottom {
  display: flex;
}
.productDetail-six-box .leftBottom .name {
  padding-right: clamp(12.26666px, 0.95834vw, 18.4px);
  border-right: clamp(0.53334px, 0.04166vw, 0.8px) solid #483C3A;
  margin-right: clamp(12.8px, 1vw, 19.2px);
}
.productDetail-six-box .bottomFlex {
  margin-top: clamp(52.26666px, 4.08334vw, 78.4px);
  background: rgba(0, 0, 0, 0.5);
  border-radius: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  padding: 16px clamp(32.53334px, 2.54166vw, 48.8px) 16px 29.6px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.productDetail-six-box .bottomFlex .bottomleft {
  flex: 1;
  display: flex;
  gap: clamp(10.66666px, 0.83334vw, 16px);
  align-items: center;
}
.productDetail-six-box .bottomFlex .bottomleft img {
  width: clamp(15.46666px, 1.20834vw, 23.2px);
  height: auto;
}
.productDetail-six-box .bottomFlex .leftText {
  display: flex;
  flex-direction: column;
  gap: clamp(2.13334px, 0.16666vw, 3.2px);
  color: #FFFFFF;
  line-height: 1.5;
}
.productDetail-six-box .bottomFlex .leftText .f-20 {
  font-weight: 500;
  font-family: var(--Poppins);
}
.productDetail-six-box .bottomFlex .leftText .f-12 {
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: clamp(1.06666px, 0.08334vw, 1.6px);
  font-family: var(--Poppins);
}
.productDetail-six-box .moreBtn {
  max-width: 324px;
  width:100%;
}

.productDetail-seven-box {
  padding-top: clamp(75.73334px, 5.91666vw, 113.6px);
  height:auto;
}
.productDetail-seven-box .headTitle {
  text-align: left;
}
.productDetail-seven-box .moRenBox {
  margin: clamp(27.73334px, 2.16666vw, 41.6px) 0 clamp(68.8px, 5.375vw, 103.2px);
}

.showMore {
  margin-top: clamp(14.93334px, 1.16666vw, 22.4px);
  color: rgba(255, 255, 255, 0.8);
  text-decoration-line: underline;
  cursor: pointer;
}

.aboutUs-why-box .overText {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.aboutUs-why-box .moreText {
  overflow: visible;
  display: block;
}
.aboutUs-why-box .bottomFlex {
  align-items: flex-end;
}

.searchPopBtn {
  display: none;
  justify-content: flex-end;
  cursor: pointer;
  padding-right: clamp(10.66666px, 0.83334vw, 16px);
  padding-bottom: clamp(10.66666px, 0.83334vw, 16px);
}
.searchPopBtn img {
  width: clamp(16px, 1.25vw, 24px);
  height: clamp(16px, 1.25vw, 24px);
}

@media screen and (max-width: 1600px) {
  .index-one-box > div {
    padding-left: clamp(42.66666px, 3.33334vw, 64px);
  }
  .index-three-box {
    padding: 0 clamp(42.66666px, 3.33334vw, 64px) clamp(53.33334px, 4.16666vw, 80px);
  }
  .index-six-box .contentBox {
    padding-left: clamp(42.66666px, 3.33334vw, 64px);
  }
  .ProductSwiper .leftBox .leftBoxBtn{
      padding-left:clamp(42.66666px, 3.33334vw, 64px);
  }
  .ProductSwiper .rightBox .rightBoxContent{
      padding-right:clamp(42.66666px, 3.33334vw, 64px);
  }
}
@media screen and (max-width: 1023px) {
  .banner.index-banner{
    height:40vh;
  }
  .banner.index-banner .swiper-slide .img-mask {
    pointer-events: none;
    transform: none !important;
  }
  .index-one-box {
    height: auto;
    min-height: 0;
    overflow: visible;
    align-items: stretch;
  }
  .index-one-box > div {
    padding-left: 0;
  }
  .index-one-box .topBtn {
    margin-top: 0;
    padding: 32px 16px 0;
  }
  .ProductSwiper .bTNbOX{
      justify-content: flex-end;
  }
  .productDetail-one-box .productDetailOneSwiper .swiper{
      padding-left:16px;
  }
  .productDetail-six-box .ss-inner-box{
      max-width:100%;
  }
  .index-one-box .indexOneContent {
    padding: 0 16px;
    box-sizing: border-box;
  }
  .ProductSwiper .rightBox .rightBoxContent{
      padding:32px 16px;
  }
  .index-one-box .topBtn .swiper-slide {
    max-width: 80px;
    height: 24px;
    line-height: 24px;
  }
  .index-one-box .swiper-pagination.swiper-pagination-progressbar {
    width: 100%;
  }
  .index-one-box .indexOneContent .swiper-slide {
    max-width: 100%;
  }
  .index-one-box .activeBox {
    padding: max(9.6px, env(safe-area-inset-top)) max(9.6px, env(safe-area-inset-right)) max(9.6px, env(safe-area-inset-bottom)) max(9.6px, env(safe-area-inset-left));
    align-items: flex-end;
  }
  .index-one-box .activeBox .flexBtnBox {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    max-height: none;
    flex-direction: column;
  }
  .index-one-box .activeBox .leftPiMG,
  .index-one-box .activeBox .rightBox {
    width: 100%;
  }
  .index-one-box .activeBox .leftPiMG .meidia-box {
    min-height: clamp(144px, 33.6vw, 192px);
    max-height: 192px;
  }
  .index-one-box .activeBox .rightBox {
    padding: 12.8px 12.8px 16px;
  }
  .index-one-box .activeBox .desc {
    margin: 9.6px 0 16px;
    line-height: 1.6;
  }
  .index-one-box .activeBox .flexBtn {
    flex-direction: column;
    gap: 8px;
  }
  html.is-activeBox-open,
  html.is-activeBox-open body {
    overflow: hidden;
    touch-action: none;
  }
  .index-two-box .headTitle {
    margin-bottom: 16px;
  }
  .index-one-box .topBtn .swiper {
    overflow: hidden;
  }
  .index-two-box .hoverBox .meidia-box {
    padding-bottom: 0;
  }
  .index-three-box .indexThreeContent {
    padding: 20px;
  }
  .index-three-box .leftForm {
    padding-right: 0;
  }
  .index-seven-box {
    padding: 32px 0 38.4px;
  }
  .index-seven-box .headTitle {
    margin-bottom: 12.8px;
  }
}
@media screen and (max-width: 1023px) {
  .m-width-content {
    padding: 0 20px;
  }
  .banner.index-banner .swiper-slide{
    height:100% !important;
  }
  .index-banner .swiper{
    position: relative;
  }
  .ProductSwiper .leftBox .leftBoxBtn{
      padding:16px;
      background:rgba(0,0,0,0.9);
  }
  .banner .swiper-pagination{
    left:8px;
  }
  .mm-opened #menuWap {
    display: block;
  }
  .header-box .headerTop {
    padding-right: clamp(24px, 1.875vw, 36px);
    justify-content: space-between;
  }
  .header-box.is-topbar-hidden .headerTopFlex{
      opacity:1;
      max-height:none;
      transform:translateY(0);
      pointer-events:auto;
  }
  .header-box .headerTop .flexR-r {
    display: flex;
    justify-content: flex-end;
  }
  .header-box .headerTop .flexR-r a {
    padding: 0 clamp(5.33334px, 0.41666vw, 8px);
  }
  .collectBox {
    max-width: 64vw;
    top: clamp(32px, 2.5vw, 48px) !important;
  }
  .collectPop {
    padding: clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px) clamp(96px, 7.5vw, 144px) clamp(10.66666px, 0.83334vw, 16px);
  }
  .collectPop .p-item {
    margin-right: 0;
    flex-direction: column;
    padding: clamp(10.66666px, 0.83334vw, 16px) 0 clamp(10.66666px, 0.83334vw, 16px) 0;
  }
  .collectPop .bottomBtn {
    padding-left: 0;
  }
  body, input, select, button, textarea {
    font-size: 9.6px;
  }
  /* 手机菜单 start */
  html.mm-blocking body {
    overflow: initial;
  }
  #menuPc {
    display: none;
  }
  #page {
    background: #FFFFFF;
  }
  .btn-nav {
    position: fixed;
    top: 0;
    right: 16px;
    background: transparent;
    border: none;
    padding: 4px 0;
    transition: all 0.5s ease;
    z-index: 99999;
    display: block;
    width: 20.8px;
    float: right;
  }
  .btn-nav .icon-bar {
    display: block;
    margin: 4.8px 0;
    width: 20.8px;
    height: 1.6px;
    background-color: #CE1B1B;
    box-shadow: 0 clamp(0.53334px, 0.04166vw, 0.8px) clamp(0.53334px, 0.04166vw, 0.8px) #000000;
    transition: all 0.7s ease;
    z-index: 999999;
  }
  .mm-opening .top {
    transform: translateY(6.4px) rotateZ(45deg);
  }
  .mm-opening .bottom {
    transform: translateY(-7.2px) rotateZ(-45deg);
  }
  .mm-opening .middle {
    width: 0;
  }
  .f-12 {
    font-size: 9.6px;
  }
  .f-14 {
    font-size: 9.6px;
  }
  .f-15 {
    font-size: 9.6px;
  }
  .f-16 {
    font-size: 11.2px;
  }
  .f-18 {
    font-size: 12.8px;
  }
  .f-19 {
    font-size: 12.8px;
  }
  .f-20 {
    font-size: 12.8px;
  }
  .f-22 {
    font-size: 12.8px;
  }
  .f-24 {
    font-size: 12.8px;
  }
  .f-25 {
    font-size: 12.8px;
  }
  .f-26 {
    font-size: 12.8px;
  }
  .f-27 {
    font-size: 12.8px;
  }
  .f-28 {
    font-size: 12.8px;
  }
  .f-30 {
    font-size: 12.8px;
  }
  .f-32 {
    font-size: 19.2px;
  }
  .f-34 {
    font-size: 19.2px;
  }
  .f-36 {
    font-size: 19.2px;
  }
  .f-38 {
    font-size: 22.4px;
  }
  .f-40 {
    font-size: 22.4px;
  }
  .f-42 {
    font-size: 22.4px;
  }
  .f-45 {
    font-size: 22.4px;
  }
  .f-48 {
    font-size: 22.4px;
  }
  .f-50 {
    font-size: 22.4px;
  }
  .f-55 {
    font-size: 22.4px;
  }
  .f-56 {
    font-size: 22.4px;
  }
  .f-52 {
    font-size: 22.4px;
  }
  .f-60 {
    font-size: 22.4px;
  }
  .f-68 {
    font-size: 22.4px;
  }
  .f-70 {
    font-size: 22.4px;
  }
  .f-72 {
    font-size: 22.4px;
  }
  .f-86 {
    font-size: 22.4px;
  }
  .f-90 {
    font-size: 22.4px;
  }
  .f-250 {
    font-size: 38.4px;
  }
  .f-64 {
    font-size: 22.4px;
  }
  .ContactBanner .rightBox{
    width:100%;
  }
  .ContactBanner .rightBox .flexShare a img{
    transform: scale(0.2);
  }
  .aboutUs-one-box .aboutUsOneTop {
    padding: clamp(40px, 3.125vw, 60px) clamp(10.66666px, 0.83334vw, 16px) clamp(68.26666px, 5.33334vw, 102.4px);
  }
  .index-six-box .bottomFlex .rightImg {
    display: none;
  }
  .headerContent {
    display: none;
  }
  .aboutUs-two-box .absoluteBoxTop {
    width: calc(100% - 32px);
  }
  .aboutUs-two-box .bgSwiper .swiperBtn {
    top: clamp(37.33334px, 2.91666vw, 56px);
    right: clamp(10.66666px, 0.83334vw, 16px);
  }
  .aboutUs-two-box .topBox {
    padding: clamp(10.66666px, 0.83334vw, 16px);
  }
  .aboutUs-two-box .topBox .text {
    margin: clamp(10.13334px, 0.79166vw, 15.2px) 0 clamp(10.66666px, 0.83334vw, 16px) clamp(10.66666px, 0.83334vw, 16px);
  }
  .aboutUs-two-box .bgSwiper .swiper-prev, .aboutUs-two-box .bgSwiper .swiper-next {
    width: clamp(21.33334px, 1.66666vw, 32px);
    height: clamp(21.33334px, 1.66666vw, 32px);
  }
  .aboutUs-two-box .bgSwiper .meidia-box {
    min-height: 600px;
  }
  .aboutUs-two-box .bgSwiper .absoluteBox {
    left: clamp(10.66666px, 0.83334vw, 16px);
    right: clamp(10.66666px, 0.83334vw, 16px);
  }
  .aboutUs-four-box .imgBox {
    gap: clamp(5.33334px, 0.41666vw, 8px);
  }
  .aboutUs-four-box .imgItem {
    max-width: 10%;
  }
  .aboutUs-four-box .imgItem.active {
    flex-grow: 6;
    max-width: 100%;
  }
  .aboutUs-four-box .imgItem.active .imgTitle {
    font-size: 14px;
    padding: 6px 10px;
  }
  .aboutUs-lab-box {
    padding: clamp(28px, 4vw, 40px) 0 clamp(36px, 5vw, 56px);
  }
  .aboutUs-lab-box .labCard .imgTitle {
    font-size: 14px;
    padding: 6px 8px;
  }
  .index-six-box .absoluteImg {
    max-width: 100%;
    opacity: 0.55;
    right: 0;
    bottom: -15%;
    width: 100%;
  }
  .aboutUs-one-box .bottomBox {
    flex-direction: column;
  }
  .aboutUs-one-box .leftBox {
    width: 100%;
  }
  .aboutUs-one-box .rightBox {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    margin-top: clamp(10.66666px, 0.83334vw, 16px);
  }
  .aboutUs-one-box .aboutUs-one-right-swiper .swiper {
    height: clamp(200px, 55vw, 280px);
  }
  .aboutUs-one-box .rightBox .item {
    min-height: clamp(200px, 55vw, 280px);
  }
  .aboutUs-one-box .aboutUs-one-left-swiper .tips {
    left: clamp(44px, 12vw, 56px);
    right: clamp(44px, 12vw, 56px);
    bottom: clamp(12px, 3vw, 16px);
    padding: clamp(10px, 2.5vw, 14px) clamp(12px, 3vw, 16px);
  }
  .aboutUs-one-box .aboutUs-one-nav .swiper-prev,
  .aboutUs-one-box .aboutUs-one-nav .swiper-next {
    width: 36px;
    height: 36px;
  }
  .aboutUs-one-box .aboutUs-one-nav .swiper-prev {
    left: clamp(8px, 2vw, 12px);
  }
  .aboutUs-one-box .aboutUs-one-nav .swiper-next {
    right: clamp(8px, 2vw, 12px);
  }
  .aboutUs-five-box .leftSwiper {
    width: 100%;
  }
  .aboutUs-five-box .fixedBtn {
    display: flex;
    justify-content: flex-start;
  }
  .aboutUs-five-box .swiper-slide .slideCard {
    aspect-ratio: 4 / 5;
  }
  .aboutUs-five-box .swiper-slide .imgTitle {
    font-size: 13px;
    padding: 6px 8px;
  }
  .footerBox .contentBox {
    padding: 32px 0 24px;
  }
  .flex-footer-box {
    flex-direction: column;
    gap: 0;
  }
  .flex-footer-box .leftContent {
    display: contents;
  }
  .footerBox .leftContent .left-content-box {
    order: 1;
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    padding: 0 0 24px;
  }
  .footerBox .left {
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    text-align: center;
  }
  .footerBox .left .f-18 {
    text-align: center;
    line-height: 1.7;
    max-width: 320px;
  }
  .footerBox .leftbottom {
    width: auto;
    min-width: 200px;
    max-width: 280px;
    margin: 20px auto 0;
    height: auto;
    min-height: 40px;
    padding: 4px 4px 4px 14px;
  }
  .footerBox .leftbottom .rightBtn {
    width: 48px;
    height: 32px;
    flex-shrink: 0;
  }
  .footerBox .bottomFlexIMG {
    justify-content: center;
    margin-top: 20px;
    gap: 16px;
    flex-wrap: wrap;
  }
  .footerBox .bottomFlexIMG a {
    width: 36px;
    height: 36px;
    padding: 8px;
  }
  .footerBox .bottomFlexIMG a img {
    width: 14px;
  }
  @supports (display: grid) {
    .footerBox .leftContent .left-content-box {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 20px;
      row-gap: 24px;
    }
    .footerBox .left-content-box > .left {
      grid-column: 1 / -1;
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      padding-bottom: 24px;
    }
  }
  .footerBox .center {
    display: block;
    width: 100%;
  }
  .footerBox .center .title {
    font-size: 18px;
    margin-bottom: 12px;
    line-height: 1.3;
  }
  .footerBox .center ul {
    margin: 0;
    padding: 0;
  }
  .footerBox .center li {
    margin-bottom: 10px;
    line-height: 1.5;
  }
  .footerBox .center li:last-child {
    margin-bottom: 0;
  }
  .footerBox .center a {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
  }
  .footerBox .rightFixed {
    order: 2;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 24px 20px;
    box-sizing: border-box;
    border-radius: 12px;
  }
  .footerBox .rightFixed .topImg {
    width: 56%;
    max-width: 200px;
    margin-bottom: 4px;
  }
  .footerBox .centerUl {
    margin-top: 20px;
    padding: 0;
    gap: 14px;
  }
  .footerBox .centerUl li {
    align-items: flex-start;
    line-height: 1.55;
    font-size: 14px;
  }
  .footerBox .centerUl li div {
    flex: 1;
    min-width: 0;
    word-break: break-word;
  }
  .footerBox .centerUl img {
    height: 16px;
    margin-top: 2px;
    flex-shrink: 0;
  }
  .footerBox .bottomCenter {
    order: 3;
    width: 100%;
    padding: 16px 0 0;
    margin-top: 20px;
    height: auto;
    min-height: 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
  .aboutUs-five-box .rightBox .text {
    width: 100%;
  }
  .aboutUs-five-box {
    padding-bottom: clamp(32px, 2.5vw, 48px);
  }
  .navPadding {
    padding-top: clamp(32px, 2.5vw, 48px);
  }
  .yinDaoBanner .flexLink .centerFlex {
    height: clamp(21.33334px, 1.66666vw, 32px);
  }
  .ContactBanner li {
    width: 100%;
  }
  .ContactBanner .countTwo .text, .ContactBanner .count .text {
    display: none;
  }
  .ContactBanner .absoultebtn {
    position: static;
    transform: none;
    background: #000;
  }
  .ContactBanner .leftImg {
    border-radius: clamp(6.4px, 0.5vw, 9.6px);
    width: 100%;
  }
  .ContactBanner li {
    flex-direction: column;
    padding: 0 clamp(10.66666px, 0.83334vw, 16px);
    gap: clamp(10.66666px, 0.83334vw, 16px);
  }
  .ContactBanner .selectABtn {
    gap: clamp(10.66666px, 0.83334vw, 16px);
    justify-content: center;
  }
  .index-three-box .indexThreeContent {
    flex-direction: column;
    gap: clamp(6.66667px, 0.52083vw, 10px);
  }
  .index-three-box {
    padding: clamp(21.33334px, 1.66666vw, 32px) clamp(10.66666px, 0.83334vw, 16px) clamp(32px, 2.5vw, 48px);
  }
  .index-three-box .indexThreeContent {
    border-radius: clamp(13.33333px, 1.04167vw, 20px);
  }
  .index-three-box .rightImg .absoluteTag {
    max-width: 100%;
  }
  .index-three-box .usedComp {
    width: 100%;
  }
  .index-three-box .Drag {
    flex-direction: column;
  }
  .index-three-box .rightDrag {
    flex-direction: row;
    padding-left: clamp(32px, 2.5vw, 48px);
  }
  .index-three-box .rightBtn {
    width: clamp(19.2px, 1.5vw, 28.8px);
    height: clamp(19.2px, 1.5vw, 28.8px);
  }
  .index-three-box .rightBtn img {
    width: clamp(10.66666px, 0.83334vw, 16px);
  }
  .index-three-box .rightImg .absoluteTag {
    right: 50%;
    transform: translateX(50%);
  }
  .banner .flexWrap {
    padding-bottom: clamp(10.66666px, 0.83334vw, 16px);
  }
  .index-one-box .topBtn li {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .index-one-box .moRenBox {
    margin-bottom: clamp(32px, 2.5vw, 48px);
    margin-top: clamp(21.33334px, 1.66666vw, 32px);
  }
  .index-one-box .indexOneContent .centerText {
    height: clamp(26.66666px, 2.08334vw, 40px);
  }
  .index-one-box .absoluteTop {
    right: clamp(5.33334px, 0.41666vw, 8px);
    gap: clamp(5.33334px, 0.41666vw, 8px);
    transform: rotate(-5deg);
    max-width: 60%;
  }
  .index-one-box .absoluteTop .btnChange {
    width: clamp(64px, 5vw, 96px);
    height: clamp(21.33334px, 1.66666vw, 32px);
    padding: 0 clamp(5.33334px, 0.41666vw, 8px);
  }
  .index-one-box .absoluteTop .btnChange img {
    max-width: 8px;
    height: auto;
  }
  .index-one-box .absoluteTop .leftImg,
  .index-one-box .absoluteTop .rightImg {
    width: 20%;
  }
  .index-five-box .centerBox {
    flex-direction: column;
    gap: 0;
  }
  .index-five-box .rightC {
    width: 100%;
  }
  .index-five-box .leftContent {
    flex: none;
    gap: clamp(10.66666px, 0.83334vw, 16px);
  }
  .index-five-box {
    height: -moz-fit-content;
    height: fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .index-five-box .centerBox {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .index-five-box .rightC li:last-child,
  .index-five-box .index-five-stats-swiper .swiper-slide:last-child .stats-slide-inner {
    border-bottom: none;
  }
  .index-five-box .rightContent.index-five-stats-wheel-zone {
    min-height: 0;
  }
  .index-five-box .index-five-stats-swiper {
    height: clamp(280px, 72vw, 420px);
  }
  .index-five-box .index-five-stats-swiper .swiper-slide {
    height: calc(100% / var(--mx-five-visible, 3));
  }
  .index-fivesix-main {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
  .index-fivesix-main > .index-five-box,
  .index-fivesix-main > .index-six-box {
    position: relative;
    inset: auto;
    height: auto;
    min-height: 0;
  }
  .index-two-box ul li {
    width: calc(50% - 12px);
    margin-left: 24px;
  }
  .index-two-box ul li:nth-child(2n+1) {
    margin-left: 0;
  }
  .index-four-box .index-four-main {
    height: auto;
    min-height: 0;
    flex-direction: column;
  }
  .index-four-box .leftBox {
    display: none;
  }
  .index-four-box .rightBoxBox {
    position: relative;
    width: 100%;
    height: auto;
    min-height: clamp(192px, 41.6vw, 256px);
  }
  .index-four-box .centerImg {
    width: 100%;
    min-height: clamp(192px, 41.6vw, 256px);
  }
  .index-four-box .centerImg .moreBtn.video {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }
  .index-seven-box .bottomBox li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 16px;
  }
  .index-seven-box .topBtnBox li {
    white-space: nowrap;
  }
  .index-seven-box .topBtnBox li {
    flex: auto;
    padding: 0 8px;
  }
  .index-seven-box .topBtnBox {
    overflow-x: auto;
    margin-bottom: 16px;
  }
  .index-seven-box .topBtnBox ul {
    height: 32px;
  }
  .index-five-box .rightC li,
  .index-five-box .index-five-stats-swiper .stats-slide-inner {
    padding-left: clamp(10.66666px, 0.83334vw, 16px);
  }
  .index-five-box .bg {
    height: auto;
    min-height: 0;
    padding-bottom: clamp(10.66666px, 0.83334vw, 16px);
  }
  .index-one-box .activeBox .flexBtn .moreBtn {
    flex: auto;
    width: 100%;
    max-width: 100%;
  }
  .moreBtn {
    height: 32px;
    flex: inherit;
  }
  .moreBtn .rightIcon {
    height: clamp(16px, 1.25vw, 24px);
    width: clamp(16px, 1.25vw, 24px);
  }
  .moreBtn .rightIcon img {
    width: clamp(7.46666px, 0.58334vw, 11.2px);
  }
  .index-six-box .contentBox {
    gap: clamp(16px, 1.25vw, 24px);
    padding: 32px 16px;
    height: auto;
    min-height: 0;
  }
  .index-one-box .topBtn li {
    height: clamp(21.33334px, 1.66666vw, 32px);
  }
  .index-three-box .Drag {
    padding: clamp(10.13334px, 0.79166vw, 15.2px);
  }
  .index-three-box textarea, .index-three-box input {
    padding-left: clamp(10.66666px, 0.83334vw, 16px);
    font-size: clamp(8.53334px, 0.66666vw, 12.8px);
  }
  .index-three-box .leftDrag .title, .index-three-box .TextTitle {
    font-size: clamp(8.53334px, 0.66666vw, 12.8px);
  }
  .index-three-box .leftDrag .desc, .index-three-box .rightDrag .btn {
    font-size: clamp(6.4px, 0.5vw, 9.6px);
  }
  .index-three-box #xhlFormSubmit {
    font-size: clamp(9.6px, 0.75vw, 14.4px);
  }
  .InquiryListContent {
    flex-direction: column;
  }
  .InquiryListContent .InquiryItem {
    width: 100%;
  }
  .NEWSDetail-five-box .NEWSDetailContent {
    flex-direction: column;
  }
  .searchPopBtn {
    display: flex;
  }
  .NEWSDetail-five-box .leftBox {
    display: none;
    width: 100%;
  }
  .newsDetailBanner {
    padding-top: clamp(32px, 2.5vw, 48px);
  }
  .layui-layer-setwin .layui-layer-close2:hover {
    background-color: #C52333;
  }
  .NEWSDetail-five-box .rightBox {
    width: 100%;
    box-sizing: border-box;
  }
  .NEWSDetail-five-box .centerBox {
    padding: 0;
  }
  .NEWSDetail-five-box .centerBox .centerContent {
    padding: clamp(10.66666px, 0.83334vw, 16px);
  }
  .yinDaoBanner .flexLink .centerFlex {
    flex-wrap: wrap;
  }
  .yinDaoBanner .yinDaoBanner-video-btn {
    bottom: 16px;
    max-width: calc(100% - 32px);
  }
  .NEWSDetail-five-box .centerBox .leftFelx {
    gap: clamp(13.33334px, 1.04166vw, 20px);
  }
  .NEWSDetailContent .searchPopBtn {
    padding-top: clamp(10.66666px, 0.83334vw, 16px);
  }
  .index-two-box ul li {
    width: calc((100% - 46.4px) / 2);
  }
  .ProductSwiper {
    padding-top: 0;
  }
  .ProductSwiper .m-width-content .ipd-20 {
    flex-direction: column;
  }
  .ProductSwiper {
    flex-direction: column;
  }
  .ProductSwiper .leftBox, .ProductSwiper .rightBox {
    width: 100%;
  }
  .ProductSwiper .m-width-content {
    top: 0;
  }
  .ProductSwiper .leftBox, .ProductSwiper .rightBox {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .ProductSwiper .rightBox .meidia-box {
    min-height: 320px;
  }
  .ProductSwiper .m-width-content .rightContent {
    padding-left: 0;
  }
  .productDetail-one-box ul li {
    width: calc((100% - clamp(44.8px, 3.5vw, 67.2px) * 2) / 2);
  }
  .productDetail-three-box .flexTable {
    flex-direction: column;
  }
  .productDetail-four-box .bottomContent .swiper-slide {
    height: clamp(32px, 2.5vw, 48px);
  }
  .productDetail-five-box .productDetailFiveBox {
    flex-direction: column;
  }
  .productDetail-five-box .leftBox .bottomFlex {
    width: 100%;
  }
  .productDetail-five-box .rightBox {
    width: 100%;
  }
  .productDetail-six-box .bottomFlex {
    padding: clamp(10.66666px, 0.83334vw, 16px);
  }
  .productDetail-six-box .bottomFlex .moreBtn {
    transform: scale(1);
  }
  .Request-one-box .rightImgBox {
    padding: 0;
    margin-top: clamp(5.33334px, 0.41666vw, 8px);
  }
  .Request-one-box .rightImgBox .title {
    width: 100%;
    text-align: left;
  }
  .Request-one-box li {
    width: 100%;
  }
  .Request-one-box .flexBtn {
    margin-top: clamp(10.66666px, 0.83334vw, 16px);
  }
  .index-three-box #xhlFormSubmit {
    height: clamp(21.33334px, 1.66666vw, 32px);
    border-radius: clamp(10.66666px, 0.83334vw, 16px);
    line-height: clamp(21.33334px, 1.66666vw, 32px);
  }
  .index-three-box .rightBtn {
    width: clamp(16px, 1.25vw, 24px);
    height: clamp(16px, 1.25vw, 24px);
  }
  .index-three-box .rightBtn img {
    width: clamp(7.46666px, 0.58334vw, 11.2px);
  }
  .searchResult-one-box .leftSearch {
    display: none;
    width: 100%;
    min-width: 64vw;
  }
  .searchResult-one-box .searchResultContent {
    flex-direction: column;
  }
  .searchResult-one-box .searchPopBtn {
    padding-bottom: 0;
  }
  .searchResult-one-box .titleS {
    width: 100%;
  }
  .searchResult-one-box .downLoadBox {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(5.33334px, 0.41666vw, 8px);
  }
  .searchResult-one-box .rightAdBtns {
    justify-content: flex-start;
  }
  .searchResult-one-box .rightAdBtns .rightAdBtn {
    height: 32px;
  }
  .searchResult-one-box .rightAdBtns .rightAdBtn .rightIcon {
    width: clamp(16px, 1.25vw, 24px);
    height: clamp(16px, 1.25vw, 24px);
  }
  .productList .ling .lineITEM {
    white-space: nowrap;
  }
  .searchResult-one-box .topSeatch .item {
    width: calc((100% - 16px) / 3);
  }
  .searchResult-one-box .topSeatch {
    padding: clamp(5.33334px, 0.41666vw, 8px);
  }
  .searchResult-one-box .downLoadBox .moreBtn .moreText {
    white-space: inherit;
    height: -moz-fit-content;
    height: fit-content;
  }
  .searchResult-one-box .downLoadBox .moreBtn {
    height: -moz-fit-content;
    height: fit-content;
  }
  .search-one-BOX .searchBoxTop {
    display: none;
  }
  .search-one-BOX .searchQuery {
    display: flex;
  }
  .search-one-BOX .searchBoxPop {
    padding: clamp(16px, 1.25vw, 24px) clamp(12.8px, 1vw, 19.2px);
    border-radius: clamp(8px, 0.625vw, 12px);
    box-shadow: none;
  }
  .search-one-BOX .searchBoxPop .flexForm .usedComp {
    width: 100%;
  }
  .search-one-BOX .productRightBox ul > li {
    width: 100%;
    margin-left: 0;
  }
  .search-one-BOX .productRightBox .bottomBox .title {
    min-height: 0;
  }
  .productList li {
    width: 100%;
    margin-left:0;
  }
  .openBox {
    width: min(88vw, 400px);
    max-width: calc(100vw - 32px);
    padding: 40px 20px 24px;
  }
  .openBox-close {
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
  }
  .openBox .emailInput,
  .openBox .wpcf7-form > p:has(> button.moreBtn),
  .openBox .wpcf7-form > .moreText,
  .openBox .wpcf7-form > .rightIcon {
    max-width: 100%;
    width: 100%;
  }
  .openBox--download .openBox-actions {
    max-width: 100%;
  }
  .openBox--download .text {
    max-width: none;
  }
  .index-one-box .activeBox .flexBtnBox,
  .index-one-box .flexBtnBox, .index-one-box .flexBtn {
    flex-direction: column;
  }
  .index-one-box .activeBox .leftPiMG, .index-one-box .activeBox .rightBox {
    width: 100%;
  }
  .index-one-box .activeBox .flexBtnBox {
    min-height: auto;
  }
  .index-one-box .activeBox .leftPiMG .meidia-box {
    min-height: 176px;
  }
  .index-one-box .flexBtn {
    gap: clamp(5.33334px, 0.41666vw, 8px);
  }
  .index-one-box .activeBox .rightBox {
    padding: clamp(10.66666px, 0.83334vw, 16px);
  }
  .productDetail-five-box .rightBox .desc {
    padding: 0;
  }
  .productDetail-five-box .rightBox .cur .desc {
    padding: 0;
  }
  .productDetail-five-box .rightBox {
    padding: clamp(10.66666px, 0.83334vw, 16px);
  }
  .productDetail-six-box {
    padding-top: clamp(48px, 3.75vw, 72px);
  }
}
@media screen and (max-width: 1023px) {
  .productDetail-six-box .rightBox {
    transform: scale(0.5);
  }
  .NEWS-five-box .topBtn .btnItem {
    padding: 0 clamp(10.66666px, 0.83334vw, 16px);
    height: clamp(21.33334px, 1.66666vw, 32px);
  }
  .NEWS-five-box .topBox {
    transform: translateX(-50%) translateY(0);
    padding-top: clamp(10.66666px, 0.83334vw, 16px);
  }
  .NEWS-five-box .topBox {
    border-radius: clamp(10.66666px, 0.83334vw, 16px);
  }
  .NEWS-five-box li {
    width: 100%;
  }
  .header-box .leftFlex, .header-box .rightFlex .rightItem {
    display: none;
  }
  .header-box .headerTop .logo {
    display: block;
    width: clamp(53.33334px, 4.16666vw, 80px);
    min-width: 80px;
  }
  .aboutUs-five-box .swiper-slide .slideCard img {
    max-height: none;
    width: 100%;
  }
  .index-two-box ul li {
    width: 100%;
    margin-left: 0;
  }
  .index-two-box .topImg .bgBox {
    width: clamp(32px, 2.5vw, 48px);
  }
  .index-two-box .topImg {
    width: clamp(53.33334px, 4.16666vw, 80px);
    height: clamp(53.33334px, 4.16666vw, 80px);
  }
  .index-two-box .text {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .index-two-box ul li {
    padding: clamp(10.66666px, 0.83334vw, 16px);
  }
  .index-two-box ul .cur {
    min-height: 160px;
    overflow: hidden;
  }
  .index-three-box input {
    height: clamp(21.33334px, 1.66666vw, 32px);
  }
  .index-three-box textarea {
    height: clamp(53.33334px, 4.16666vw, 80px);
  }
  .index-three-box .Drag {
    margin-top: 0;
  }
  .InquiryListContent .InquiryItem {
    flex-direction: column;
  }
  .InquiryListContent .leftIMG {
    width: 100%;
  }
  .InquiryList-one-box .headTitle {
    margin: clamp(10.66666px, 0.83334vw, 16px) auto clamp(16px, 1.25vw, 24px);
  }
  .flexCenterTitle {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .OEM-two-box .OEMswiperBox {
    padding: 0 clamp(16px, 1.25vw, 24px);
  }
  .OEM-two-box .swiper-button-next:after, .OEM-two-box .swiper-button-prev:after {
    font-size: clamp(9.6px, 0.75vw, 14.4px);
  }
  .OEM-two-box .swiper-button-prev {
    left: 0;
  }
  .OEM-two-box .swiper-button-next {
    right: 0;
  }
  .OEM-two-box .swiper-slide:nth-child(even) .swiperBox {
    margin: 0;
  }
  .productDetail-one-box ul li {
    width: 100%;
  }
  .productDetail-six-box ul {
    flex-direction: column;
  }
  .productDetail-six-box li {
    width: 100%;
  }
  .productDetail-six-box .bottomFlex {
    flex-direction: column;
    gap: clamp(5.33334px, 0.41666vw, 8px);
  }
  .index-banner .swiper-slide .img {
    min-height: 212px;
    box-sizing: border-box;
  }
  .index-banner .swiper-slide .img img,
  .index-banner .swiper-slide .img video {
    -o-object-position: left;
       object-position: left;
  }
  .index-banner .flexWrap {
    padding-bottom: clamp(5.33334px, 0.41666vw, 8px);
  }
}


/* ── 首页 Loading 遮罩 ── */
html.is-home-loading,
html.is-home-loading body {
  overflow: hidden;
  height: 100%;
}

.mx-home-loader {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #080a2a;
  transition: opacity 0.55s ease, visibility 0.55s ease;
}

.mx-home-loader.is-leaving {
  opacity: 0;
  visibility: hidden;
}

.mx-home-loader.is-hidden {
  display: none;
}

.mx-home-loader__inner {
  width: min(70.4vw, 288px);
  text-align: center;
}

.mx-home-loader__logo {
  margin: 0 auto clamp(22.4px, 1.75vw, 33.6px);
  max-width: clamp(112px, 8.75vw, 168px);
}

.mx-home-loader__logo img {
  width: 100%;
  height: auto;
  display: block;
  animation: mxHomeLoaderPulse 1.8s ease-in-out infinite;
}

@keyframes mxHomeLoaderPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.82; transform: scale(0.98); }
}

.mx-home-loader__progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(8px, 0.625vw, 12px);
}

.mx-home-loader__track {
  width: 100%;
  height: clamp(2.4px, 0.1875vw, 3.2px);
  border-radius: 799.2px;
  background: rgba(255, 255, 255, 0.14);
  overflow: hidden;
}
.NEWSDetailContent #ez-toc-container{
    display: block;
}
.mx-home-loader__bar {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
  transition: width 0.18s ease-out;
}

.mx-home-loader__percent {
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--Poppins);
  letter-spacing: 0.064em;
}


/* Lenis 平滑滚动 */
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
/* 不用 overflow:hidden，避免 stop 时滚动条闪没 */
html.lenis.lenis-stopped {
  overflow-y: auto;
}
html.is-collect-open,
html.is-collect-open body {
  overflow: hidden;
}

/* 产品列表新用户引导弹窗 */
.productGuideLayer {
  background-color: transparent;
  box-shadow: none !important;
}
.productGuideLayer .layui-layer-content {
  height: auto !important;
  overflow: visible !important;
  background: transparent;
}
.productGuidePop {
  display: none;
}
.productGuide {
  width: clamp(640px, 62.5vw, 960px);
  max-width: calc(100vw - 40px);
  background: #fff;
  border-radius: clamp(16px, 1.25vw, 24px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.28);
  padding: clamp(28px, 2.5vw, 40px) clamp(28px, 2.5vw, 40px) clamp(20px, 1.67vw, 28px);
  box-sizing: border-box;
  color: #1a1a1a;
}
.productGuide-desc {
  text-align: center;
  line-height: 1.6;
  font-family: var(--Poppins);
  color: #222;
  max-width: 90%;
  margin: 0 auto clamp(20px, 1.67vw, 28px);
  font-size: clamp(16px, 1.25vw, 22px);
  font-weight: 600;
}
.productGuide-desc em {
  font-style: normal;
  color: #CE1B1B;
}
.productGuide-swiper {
  overflow: hidden;
  width: 100%;
}
.productGuide-pic {
  border: 1px dashed rgba(0, 0, 0, 0.18);
  border-radius: clamp(8px, 0.625vw, 12px);
  overflow: hidden;
  background: #f7f7f7;
}
.productGuide-pic img {
  display: block;
  width: 100%;
  height: auto;
}
.productGuide-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: clamp(20px, 1.67vw, 28px);
  padding-top: clamp(16px, 1.25vw, 22px);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.productGuide-dots {
  display: flex;
  align-items: center;
  gap: clamp(8px, 0.625vw, 10px);
  position: static;
  width: auto;
}
.productGuide-dots .swiper-pagination-bullet {
  width: clamp(8px, 0.625vw, 10px);
  height: clamp(8px, 0.625vw, 10px);
  margin: 0 !important;
  border-radius: 50%;
  background: rgba(206, 27, 27, 0.22);
  opacity: 1;
  transition: background 0.25s ease;
}
.productGuide-dots .swiper-pagination-bullet-active {
  background: #CE1B1B;
}
.productGuide .productGuide-next {
  margin: 0;
  width: auto;
  min-width: clamp(140px, 11vw, 180px);
  padding-left: clamp(18px, 1.4vw, 24px);
  background: linear-gradient(90deg, #CE1B1B 0%, #900D1B 100%);
  border: none;
}
.productGuide .productGuide-next .moreText {
  width: auto;
  padding-right: clamp(8px, 0.625vw, 12px);
  white-space: nowrap;
}
.productGuide .productGuide-next:hover {
  background: linear-gradient(90deg, #900D1B 0%, #CE1B1B 100%);
  color: #fff;
}
.productGuide .productGuide-next:hover .rightIcon {
  background: #fff;
}
.productGuide .productGuide-next:hover .rightIcon i {
  color: #4D0C0C;
}

@media (max-width: 768px) {
  .productGuide {
    width: calc(100vw - 24px);
    padding: 20px 16px 16px;
    border-radius: 16px;
  }
  .productGuide-desc {
    max-width: 100%;
    font-size: 14px !important;
    margin-bottom: 16px;
  }
  .productGuide-footer {
    margin-top: 16px;
    padding-top: 14px;
  }
  .productGuide .productGuide-next {
    min-width: 120px;
    height: 36px;
  }
}

.mobileBottomNav {
  display: none;
}

@media screen and (max-width: 1023px) {
  .mobileBottomNav {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    align-items: stretch;
    justify-content: space-around;
    background: #fff;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.08);
    padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
  }
  .mobileBottomNav a {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    padding: 4px 4px 2px;
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .mobileBottomNav a.is-active,
  .mobileBottomNav a:active {
    color: #C31D2E;
  }
  .mobileBottomNav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
  }
  .mobileBottomNav-icon svg {
    width: 22px;
    height: 22px;
    display: block;
  }
  .mobileBottomNav-txt {
    font-size: 11px;
    line-height: 1.2;
    font-weight: 400;
    white-space: nowrap;
  }
  .footerfixedRight {
    display: none;
  }
  .footer {
    padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px));
  }
  html.mm-opening .mobileBottomNav,
  html.is-collect-open .mobileBottomNav {
    display: none;
  }
}
.codedropz-upload-container .codedropz-upload-inner div:first-child{
	margin: 5px 0;
    font-size: 30px;
    line-height: 32px;
    word-break: break-word;
}