.wow {
  visibility: hidden;
}
.productListPage {
  color: #333333;
  padding-top: 11.66667rem;
  padding-bottom: 4.44444rem;
  box-sizing: border-box;
  background: url(../images/page/product-list-bg.webp) top center no-repeat;
  background-size: 100%;

}
.productListPage .productHero {
  box-sizing: border-box;
  position: relative;
  border-bottom: 0.05556rem solid #eeeeee;
  padding-bottom: 2.22222rem;
}

.productListPage .productSearch {
  z-index: 2;
}

.productListPage .productSearchInput {
  width: 33.88889rem;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  height: 3.33333rem;
  padding: 0 1.38889rem;
  border-radius: 2.77778rem;
  background: #ffffff;
  box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.1);

}
.productListPage .productSearchInput input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  color: #333333;
  font-size: 0.88889rem;
  background: transparent;
}

.productListPage .productSearchInput input::placeholder {
  color: #bcbcbc;
}

.productListPage .productSearchIcon {
  width: 1.11111rem;
  height: 1.11111rem;
  position: absolute;
  top: 1.16667rem;
  right: 1.88889rem;
  cursor: pointer;
  background: url(../images/page/product-search.webp) center no-repeat;
  background-size: 1.11111rem 1.11111rem;
}

.productListPage .productHotWords {
  margin-top: 1.11111rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  color: #666666;
  font-size: 0.88889rem;
}

.productListPage .productHotLabel {
  white-space: nowrap;
}

.productListPage .productHotWord {
  margin-left: 1.66667rem;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.25s;

}
.productListPage .productHotWord:hover {
  color: #ff6b00;
}

.productListPage .productCategory {
  height: auto;
  margin-top: 2.22222rem;
  z-index: 2;
  overflow: visible;
}

.productListPage .productCategory .swiper-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
  transform: none;
}

.productListPage .productCategoryItem {
  height: auto;
  flex: 0 0 calc((100% - 22.22222rem) / 11);
  cursor: pointer;
  text-align: center;
  margin-left: 2.22222rem;
  margin-top: 2.22222rem;
  width: calc((100% - 22.22222rem) / 11);
}
.productListPage .productCategoryItem:nth-child(11n + 1) {
  margin-left: 0;
}
body:not(.mobileMain) .productListPage .productCategoryItem:hover .productCategoryIcon, .productListPage .productCategoryItem.active .productCategoryIcon {
  background: #ff6b00;
  box-shadow: 0 0.66667rem 1.33333rem rgba(255, 107, 0, 0.12);
}

body:not(.mobileMain) .productListPage .productCategoryItem:hover .productCategoryIcon .default, .productListPage .productCategoryItem.active .productCategoryIcon .default {
  display: none;
}
body:not(.mobileMain) .productListPage .productCategoryItem:hover .productCategoryIcon .hover, .productListPage .productCategoryItem.active .productCategoryIcon .hover {
  display: block;
}

body:not(.mobileMain) .productListPage .productCategoryItem:hover .productCategoryText, .productListPage .productCategoryItem.active .productCategoryText {
  color: #ff6b00;
}

.productListPage .productCategoryIcon {
  width: 90%;
  height: 5rem;
  margin: 0 auto;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: background 0.3s, box-shadow 0.3s;
}
.productListPage .productCategoryIcon .default {
  display: block;
}

.productListPage .productCategoryIcon .hover {
  display: none;
}

.productListPage .productCategoryIcon img {
  max-width: 2.5rem;
  max-height: 1.94444rem;
  display: block;
}

.productListPage .productCategoryText {
  margin-top: 0.83333rem;
  color: #333333;
  font-size: 1rem;
  white-space: nowrap;
  transition: color 0.3s;
}

.productListPage .productSubCategoryBox {
  position: relative;
  margin-top: 2.77778rem;
}

.productListPage .productSubCategory {
  box-sizing: border-box;
  height: 6.11111rem;
  z-index: 2;
  padding: 1.38889rem 1.94444rem;
  border-radius: 0.55556rem;
  background: #f6f6f6;
}

.productListPage .productSubCategory .swiper-wrapper {
  display: flex;
  align-items: center;
}

.productListPage .productSubCategoryItem {
  height: 3.05556rem;
  width: calc((100% - 5.83333rem) / 4);
  margin-right: 1.94444rem;
  border-radius: 0.55556rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 1rem;
  cursor: pointer;
  background: #ffffff;
  transition: color 0.3s, background 0.3s;
}
.productListPage .productSubCategoryItem:last-child {
  margin-right: 0;
}

.productListPage .productSubCategoryItem:hover, .productListPage .productSubCategoryItem.active {
  color: #ffffff;
  font-weight: bold;
  background: #ff6b00;
}

.productListPage .productSubCategoryArrow {
  display: none;
}

.productListPage .productSubCategoryPrev, .productListPage .productSubCategoryNext {
  width: 1.94444rem;
  height: 6.11111rem;
  top: 0;
  margin-top: 0;
  z-index: 3;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.55556rem auto;

}
.productListPage .productSubCategoryPrev:after, .productListPage .productSubCategoryNext:after {
  display: none;
}

.productListPage .productSubCategoryPrev.swiper-button-disabled, .productListPage .productSubCategoryNext.swiper-button-disabled {
  opacity: 0.35;
}

.productListPage .productSubCategoryPrev {
  left: 0;
  background-image: url(../images/page/product-mobile-category-prev.webp);
}

.productListPage .productSubCategoryNext {
  right: 0;
  background-image: url(../images/page/product-mobile-category-next.webp);
}

.productListPage .productMain {
  background: #ffffff;
}

.productListPage .productWorkspace {
  position: relative;
  padding-top: 3.05556rem;
  display: flex;
  align-items: flex-start;
}

.productListPage .productFilter {
  width: 15.55556rem;
  flex: 0 0 15.55556rem;
}
.productListPage .seeAllProduct {
  width: 100%;
  height: 2.77778rem;
  padding: 0 1.22222rem;
  border-radius: 0.44444rem;
  display: flex;
  align-items: center;
  background: #f9f9f9;
  box-sizing: border-box;
  margin-bottom: 1.11111rem;
  color: #333;
  font-size: 1rem;
}
.productListPage .seeAllProduct .seeAllProductIcon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.44444rem;
  background: url(../images/page/productIcon.webp) center no-repeat;
  background-size: cover;
}
.productListPage .seeAllProduct .seeAllProductIcon img {
  width: 100%;
}
.productListPage .seeAllProduct.curr {
  background: #ff6b00;
  color: #fff;
}
.productListPage .seeAllProduct.curr .seeAllProductIcon {
  background: url(../images/page/productIcons.webp) center no-repeat;
  background-size: cover;
}

.productListPage .productViewSwitch {
  box-sizing: border-box;
  width: 15.38889rem;
  height: 2.77778rem;
  padding: 0 1.22222rem;
  border-radius: 0.44444rem;
  display: flex;
  align-items: center;
  background: #f9f9f9;
}

.productListPage .productViewItem {
  height: 3.05556rem;
  display: flex;
  align-items: center;
  color: #666666;
  font-size: 1rem;
  cursor: pointer;

}
.productListPage .productViewItem + .productViewItem {
  margin-left: 1.38889rem;
}

.productListPage .productViewItem.active, .productListPage .productViewItem:hover {
  color: #ff6b00;
}
.productListPage .productViewItem.active .productViewIcon, .productListPage .productViewItem:hover .productViewIcon {
  background: url(../images/page/product-view-grids.webp) center no-repeat;
  background-size: cover;
}
.productListPage .productViewItem.active .productViewIcon.list, .productListPage .productViewItem:hover .productViewIcon.list {
  background: url(../images/page/product-view-lists.webp) center no-repeat;
  background-size: cover;
}

.productListPage .productViewIcon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.44444rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/page/product-view-grid.webp) center no-repeat;
  background-size: cover;

}
.productListPage .productViewIcon.list {
  background: url(../images/page/product-view-list.webp) center no-repeat;
  background-size: cover;
}

.productListPage .productFilterList {
  margin-top: 0.5rem;
}

.productListPage .productFilterGroup {
  border-bottom: 0;

}
.productListPage .productFilterGroup.active .productFilterArrow {
  transform: rotate(180deg);
}

.productListPage .productFilterHead {
  height: 3.33333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.productListPage .productFilterName {
  color: #333333;
  font-size: 1.11111rem;
  font-weight: bold;
}

.productListPage .productFilterGroup.active .productFilterName {
  color: #ff6b00;
}

.productListPage .productFilterArrow {
  width: 0.61111rem;
  height: 0.33333rem;
  margin-right: 0.44444rem;
  background: url(../images/page/product-filter-arrow.webp) center no-repeat;
  background-size: 0.61111rem 0.33333rem;
  transition: transform 0.25s;
}

.productListPage .productFilterOptions {
  display: none;
  padding: 0.11111rem 0 0.83333rem 0;
}

.productListPage .productFilterOption {
  display: flex;
  align-items: center;
  color: #666666;
  cursor: pointer;
  margin-top: 1.11111rem;
}
.productListPage .productFilterOption .productFilterOptionText {
  margin-left: 1.11111rem;
  font-size: 0.88889rem;
}

.productListPage .productFilterOption.active .productFilterRadio {
  border-color: #ff6b00;

}
.productListPage .productFilterOption.active .productFilterRadio:after {
  opacity: 1;
}

.productListPage .productFilterRadio {
  box-sizing: border-box;
  width: 0.77778rem;
  height: 0.77778rem;
  position: relative;
  border: 0.05556rem solid #b7b7b7;
  border-radius: 50%;

}
.productListPage .productFilterRadio:after {
  content: '';
  width: 0.33333rem;
  height: 0.33333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: 0;
  background: #ff6b00;
}

.productListPage .productFilterGroup.multiple .productFilterOptionText {
  margin-left: 0.72222rem;
}

.productListPage .productFilterGroup.multiple .productFilterRadio {
  width: 1.11111rem;
  height: 1rem;
  border: 0;
  border-radius: 0;
  background: url(../images/page/productCustomization-choice.webp) center no-repeat;
  background-size: cover;

}
.productListPage .productFilterGroup.multiple .productFilterRadio:after {
  display: none;
}

.productListPage .productFilterGroup.multiple .productFilterOption.active .productFilterRadio {
  border-color: transparent;
  background-image: url(../images/page/productCustomization-choiceActive.webp);
}

.productListPage .productFilterClear {
  height: 3.77778rem;
  margin-top: 0.44444rem;
  border-top: 0.05556rem solid #eeeeee;
  display: flex;
  align-items: center;
  color: #c7c7c7;
  font-size: 0.83333rem;
  cursor: pointer;
}

.productListPage .productFilterClearIcon {
  margin-right: 1rem;
  font-size: 1.22222rem;
  font-weight: 200;
}

.productListPage .productResult {
  width: calc(100% - 18.16667rem);
  margin-left: 2.77778rem;
}

.productListPage .productCards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.productListPage .productCards.panelEnter {
  animation: productPanelEnter 0.45s ease both;
}

.productListPage .productCard {
  box-sizing: border-box;
  width: calc((100% - 2.22222rem) / 2);
  position: relative;
  margin-top: 2.22222rem;
  border-radius: 0.55556rem;
  overflow: hidden;
  background: #f9f9f9;
  transition: box-shadow 0.3s, transform 0.3s;
  padding: 2.22222rem 2.77778rem;
}
.productListPage .productCard:nth-child(1), .productListPage .productCard:nth-child(2) {
  margin-top: 0;
}

.productListPage .productCard:hover {
  transform: translateY(-0.27778rem);
  box-shadow: 0 0.88889rem 2.22222rem rgba(30, 36, 42, 0.08);

}
.productListPage .productCard:hover .productCardPic img {
  transform: scale(1.04);
}
.productListPage .productCard:hover h2 {
  color: #ff6b00;
}
.productListPage .productCardBox {
  width: 100%;
  height: 100%;

  top: 0;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
}
.productListPage .productCardBox h2 {
  overflow: hidden;
  color: #333333;
  font-size: 1.33333rem;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productListPage .productCardBox .productCardCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.11111rem;
}

.productListPage .productCardInfo {
  flex-shrink: 0;
  height: 100%;
  box-sizing: border-box;
  width: calc(100% - 12.22222rem);

}
.productListPage .productCardInfo .proLInfoText {
  color: #777777;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  box-sizing: border-box;
}
.productListPage .productCardInfo .proLInfoText p {
  display: flex;
}
.productListPage .productCardInfo .proLInfoText p span {
  color: #333;
  flex-shrink: 0;
}
.productListPage .productCardInfo .proLInfoText p em {
  color: #666666;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.productListPage .productCardActions {
  margin-top: 1.66667rem;
  display: flex;
  align-items: center;
}


.productListPage .productDetail, .productListPage .productInquiry {
  box-sizing: border-box;
  width: 7.22222rem;
  height: 2.22222rem;
  border: 0.05556rem solid #e2e2e2;
  border-radius: 2.77778rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 0.77778rem;
  cursor: pointer;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  transition: color 0.5s, border-color 0.5s;

}
.productListPage .productDetail span, .productListPage .productDetail .productActionIcon, .productListPage .productInquiry span, .productListPage .productInquiry .productActionIcon {
  position: relative;
  z-index: 2;
}

.productListPage .productDetail::after, .productListPage .productInquiry::after {
  content: '';
  position: absolute;
  left: -120%;
  width: 120%;
  height: 120%;
  background: #ff6b00;
  transition: all 0.5s;
}
.productListPage .productDetail {
  display: none;
}
.productListPage .productDetail:hover, .productListPage .productDetail.active {
  color: #ffffff;
  border-color: #ff6b00;

}
.productListPage .productDetail:hover::after, .productListPage .productDetail.active::after {
  left: -10%;
}

.productListPage .productDetail:hover .productDetailIcon, .productListPage .productDetail.active .productDetailIcon {
  background: #fff url(../images/page/product-detail-arrows.webp) center no-repeat;
  background-size: 0.22222rem 0.44444rem;
}


.productListPage .productInquiry:hover, .productListPage .productInquiry.active {
  color: #ffffff;
  border-color: #ff6b00;

}
.productListPage .productInquiry:hover::after, .productListPage .productInquiry.active::after {
  left: -10%;
}

.productListPage .productInquiry:hover .productAddIcon, .productListPage .productInquiry.active .productAddIcon {
  background: #fff url(../images/page/product-adds.webp) center no-repeat;
  background-size: 0.5rem 0.5rem;
}

.productListPage .productActionIcon {
  width: 1.44444rem;
  height: 1.44444rem;
  margin-left: 0.44444rem;
  border-radius: 50%;
  background-color: #2e2e2e;
  background-position: center;
  background-repeat: no-repeat;
}

.productListPage .productDetailIcon {
  background-image: url(../images/page/product-detail-arrow.webp);
  background-size: 0.22222rem 0.44444rem;
}

.productListPage .productAddIcon {
  background-image: url(../images/page/product-add.webp);
  background-size: 0.5rem 0.5rem;
}

.productListPage .productCardPic {
  height: 100%;
  min-width: 0;
  margin-left: 1.11111rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

}
.productListPage .productCardPic img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  transition: transform 0.45s;
}

.productListPage .productCards.listView .productCard {
  width: calc((100% - 2.22222rem) / 2);
  margin-left: 2.22222rem;
  height: auto;
  background: url(../images/page/cardListBg.webp) center no-repeat;
  background-size: cover;
}
.productListPage .productCards.listView .productCard:nth-child(2n + 1) {
  margin-left: 0;
}
.productListPage .productCards.listView .productCardBox {
  width: 100%;
  position: relative;
}

.productListPage .productCards.listView .productCardInfo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.productListPage .productCards.listView .productCardInfo h2 {
  width: calc(100% - 8.33333rem);
}
.productListPage .productCards.listView .proLInfo {
  width: 100%;
}

.productListPage .productCards.listView .productCardActions {
  margin-top: 0;
  flex-direction: column;
  align-items: center;
  right: 0;
}
.productListPage .productCards.listView .productDetail {
  display: none;
}
.productListPage .productCards.listView .productInquiry {
  margin-top: 0;
  margin-left: 1.66667rem;
}

.productListPage .productCards.listView .productCardPic {
  display: none;
}
.productListPage .productCards.listView .proLInfoText {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 0;
}
.productListPage .productCards.listView .proLInfoText p {
  width: calc((100% - 1.11111rem) / 2);
}

.productListPage .productEmpty {
  height: 19.61111rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  font-size: 1rem;
  background: #f8f8f8;
}

/* 服务支持 */
.serviceIntro .w1600 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.serviceIntro .serviceIntroText {
  width: 72.22222rem;
  margin: 0 auto;
  font-size: 1.66667rem;
  font-weight: bold;
  line-height: 3.33333rem;
  text-align: center;
}

.serviceColorText {
  color: #b7b7b7;

}
.serviceColorText .serviceColorChar {
  display: inline;
  color: #b7b7b7;
}

.servicePhilosophy {
  padding-top: 4.44444rem;
  padding-bottom: 4.44444rem;
  background: url(../images/page/servicePhilosophyBg.webp) left bottom no-repeat;
  background-size: 59rem;

}
.servicePhilosophy .servicePhilosophyInner {
  padding: 0 3.61111rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.servicePhilosophy .servicePhilosophyContent {
  width: 27.77778rem;
}

.servicePhilosophy h2 {
  font-size: 1.66667rem;
  font-weight: 600;
  line-height: 2.11111rem;
}

.servicePhilosophy p {
  margin-top: 1.88889rem;
  color: #666;
  font-size: 0.88889rem;
  line-height: 1.88889rem;
}

.servicePhilosophy .servicePhilosophyPic {
  max-width: 41.38889rem;
  margin-left: 5.55556rem;
}

.servicePhilosophy .servicePhilosophyPic img {
  display: block;
  width: 100%;
}

.serviceSectionTitle h2 {
  font-size: 1.66667rem;
  font-weight: bold;
  line-height: 3.33333rem;
  text-align: center;
}

.serviceSectionTitleLight h2 {
  color: #fff;
}

.serviceProcess {
  box-sizing: border-box;
  padding-bottom: 4.44444rem;
  background: url(../images/page/serviceProcessBg.webp) right bottom no-repeat;
  background-size: 60.22222rem;

}
.serviceProcess .serviceProcessList {
  margin-top: 2.22222rem;
}

.serviceProcess .serviceProcessItem {
  border-bottom: 0.05556rem solid #e7e7e7;

}
.serviceProcess .serviceProcessItem.active .serviceProcessHead h3, .serviceProcess .serviceProcessItem.active .serviceProcessNumber, .serviceProcess .serviceProcessItem.active .serviceProcessDetailNumber {
  color: #fa6d0e;
}
.serviceProcess .serviceProcessItem.active {
  border-bottom: none;
}

.serviceProcess .serviceProcessHead {
  height: 5.55556rem;
  padding: 0 0.55556rem 0 2.77778rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  cursor: pointer;
}

.serviceProcess .serviceProcessHeadMain {
  display: flex;
  align-items: center;
}

.serviceProcess .serviceProcessIcon {
  width: 1.94444rem;
  height: 1.94444rem;
  margin-right: 1.38889rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.serviceProcess .serviceProcessHead h3 {
  color: #333;
  font-size: 1.11111rem;
  font-weight: bold;
  line-height: 1.66667rem;
  transition: color 0.3s;
}

.serviceProcess .serviceProcessNumber {
  color: #ffd8be;
  font-size: 1.33333rem;
  line-height: 3.33333rem;
  transition: color 0.3s;
  font-family: 'din';
}

.serviceProcess .serviceProcessPanel {
  padding: 2.5rem 2.77778rem;
  display: flex;
  box-sizing: border-box;
}

.serviceProcess .serviceProcessPic {
  width: 35.55556rem;
  height: 23.61111rem;
  overflow: hidden;
  border-radius: 0.55556rem;
}

.serviceProcess .serviceProcessPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s;
}

.serviceProcess .serviceProcessPic:hover img {
  transform: scale(1.04);
}

.serviceProcess .serviceProcessDetail {
  width: calc(100% - 35.55556rem - 5.27778rem);
  margin-left: 5.27778rem;
  padding-top: 1.38889rem;
  box-sizing: border-box;
}

.serviceProcess .serviceProcessDetailNumber {
  color: #ff6a16;
  font-size: 1.33333rem;
  font-weight: bold;
  line-height: 1.66667rem;
  font-family: 'din';
  display: none;
}

.serviceProcess .serviceProcessDetail h4 {
  font-size: 1.33333rem;
  font-weight: bold;
}

.serviceProcess .serviceProcessPoint {
  position: relative;
  margin-top: 1.38889rem;
  padding-left: 2.77778rem;
  color: #333333;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
}

.serviceProcess .serviceProcessPoint::before {
  content: '';
  position: absolute;
  top: 0.33333rem;
  left: 0.33333rem;
  width: 1.27778rem;
  height: 1.27778rem;
  background: url(../images/page/serviceSupport-process-4.webp) center no-repeat;
  background-size: cover;
  border-radius: 50%;
  box-sizing: border-box;
}
.serviceProcess .serviceProcessPoint::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.94444rem;
  height: 1.94444rem;
  background: url(../images/page/serviceSupport-process-5.webp) center no-repeat;
  background-size: cover;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotatePoint 8s linear infinite;
}

.serviceAdvantage {
  position: relative;
  overflow: hidden;
  padding: 4.44444rem 0 4.44444rem 0;
  box-sizing: border-box;

}
.serviceAdvantage .serviceAdvantageBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/page/serviceSupport-advantage.webp) center no-repeat;
  background-size: cover;
}

.serviceAdvantage .serviceAdvantageInner {
  position: relative;
  height: 100%;
  box-sizing: border-box;
}

.serviceAdvantage .serviceAdvantageList {
  position: relative;
  margin: 4.44444rem auto 0;
  display: flex;
}

.serviceAdvantage .serviceAdvantageList::before {
  content: '';
  position: absolute;
  top: 7.5rem;
  left: 16.66667%;
  width: 66.66666%;
  height: 0.11111rem;
  background: rgba(255, 255, 255, 0.42);
}

.serviceAdvantage .serviceAdvantageItem {
  position: relative;
  width: calc(100% / 3);
  color: #fff;
  text-align: center;
  cursor: pointer;

}
.serviceAdvantage .serviceAdvantageItem:hover p {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.55);
  transform: translateY(-0.27778rem);
}

.serviceAdvantage .serviceAdvantageItem:hover .serviceAdvantageDot::before, .serviceAdvantage .serviceAdvantageItem.active .serviceAdvantageDot::before {
  animation: serviceAdvantagePulse 1.8s ease-out infinite;
}

.serviceAdvantage .serviceAdvantageNumber {
  font-size: 1.66667rem;
  font-family: 'din';
}

.serviceAdvantage .serviceAdvantageItem h3 {
  margin-top: 1.11111rem;
  font-size: 1.33333rem;
}

.serviceAdvantage .serviceAdvantageDot {
  position: absolute;
  top: 7.11111rem;
  left: 50%;
  z-index: 2;
  width: 0.83333rem;
  height: 0.83333rem;
  border-radius: 50%;
  background: #fa6d0e;
  box-sizing: border-box;
  transform: translateX(-50%);
  transition: transform 0.3s;
}

.serviceAdvantage .serviceAdvantageDot::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 0.83333rem;
  height: 0.83333rem;
  margin-top: -0.41667rem;
  margin-left: -0.41667rem;
  border-radius: 50%;
  background: #fa6d0e;
  transform: scale(1);
  transform-origin: center center;
  opacity: 0;
  pointer-events: none;
}

.serviceAdvantage .serviceAdvantageItem p {
  width: 90%;
  min-height: 8.77778rem;
  margin: 5.38889rem auto 0;
  padding: 1.94444rem 4.44444rem;
  border: 0.05556rem solid transparent;
  border-radius: 0.55556rem;
  color: #fff;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  text-align: left;
  box-sizing: border-box;
  transition: all 0.35s;
}

.servicePromise {
  padding-top: 4.44444rem;
  box-sizing: border-box;

}
.servicePromise .servicePromiseList {
  margin-top: 3.33333rem;
  display: flex;
  justify-content: space-between;
}

.servicePromise .servicePromiseItem {
  padding: 2.22222rem;
  box-sizing: border-box;
  width: calc((100% - 5.55556rem) / 3);
  height: 17.22222rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
  transition: transform 0.35s, box-shadow 0.35s;
  border-radius: 0.55556rem;

}
.servicePromise .servicePromiseItem:hover {
  transform: translateY(-0.55556rem);
}

.servicePromise .servicePromiseIcon {
  width: 5.44444rem;
  height: 4.77778rem;
}

.servicePromise .servicePromiseIcon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.servicePromise .servicePromiseItem p {
  margin-top: 1.94444rem;
  color: #333;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.66667rem;
  text-align: center;
}

.serviceClosing {
  position: relative;
  overflow: hidden;
  padding-top: 4.44444rem;
  background: linear-gradient(to top, rgba(252, 252, 252, 1), rgba(255, 255, 255, 0));
}
.serviceClosing .serviceClosingBg {
  width: 100%;
}
.serviceClosing .serviceClosingBg img {
  width: 100%;
}
.serviceClosing .serviceClosingInner {
  position: relative;
  height: 100%;
}

.serviceClosing .serviceClosingText {
  width: 56.66667rem;
  margin: 0 auto;
  font-size: 1.66667rem;
  font-weight: bold;
  line-height: 3.33333rem;
  text-align: center;
}
.serviceClosing .serviceConsultBox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 9.44444rem;
  width: 4.44444rem;
  position: relative;
}

.serviceClosing .serviceConsultControl {
  width: 4.44444rem;
  height: 4.44444rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ff6b16;
  color: #fff;
  font-size: 0.88889rem;
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;

}
.serviceClosing .serviceConsultControl:hover {
  transform: scale(1.08);
}

.serviceClosing .serviceConsultLine {
  position: absolute;
  left: 50%;
  top: -7.22222rem;
  transform: translateX(-50%);
  width: 0.05556rem;
  height: 7.22222rem;
  overflow: hidden;
  background: #dedede;
}

.footer {
  margin-top: 0;
}

@keyframes serviceAdvantagePulse {
    0% {
        transform: scale(0.8);
        opacity: 0.72;
    }
    100% {
        transform: scale(2.9);
        opacity: 0;
    }
}

/* 解决方案详情 */
.solutionDetailPage {
  overflow: hidden;
  color: #333;
  background: #fff;
}

.solutionDetailHero {
  position: relative;
  padding: 14.44444rem 0 12.22222rem 0;
  box-sizing: border-box;

}
.solutionDetailHero .solutionDetailHeroBg {
  position: absolute;
  inset: 0;
  background: url(../images/page/solutionDetail-hero-bg.webp) center top no-repeat;
  background-size: cover;
}

.solutionDetailHero .solutionDetailHeroInner {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  text-align: center;
}

.solutionDetailHero h1 {
  font-size: 2.66667rem;
  line-height: 3.33333rem;
  font-weight: bold;
}

.solutionDetailHero p {
  width: 68.88889rem;
  margin: 3.05556rem auto 0;
  color: #333333;
  font-size: 0.88889rem;
  line-height: 2rem;
  text-align: center;
}

.solutionDetailAnchor {
  position: relative;
  z-index: 4;
}

.solutionDetailTitle {
  text-align: center;

}
.solutionDetailTitle h2 {
  font-size: 1.66667rem;
  line-height: 2rem;
  font-weight: bold;
}

.solutionDetailTitleLight {
  color: #fff;
}

.solutionDetailLead {
  color: #666;
  font-size: 0.88889rem;
  line-height: 2rem;
  text-align: center;
}

.solutionDetailLeadLight {
  color: rgba(255, 255, 255, 0.82);
}

.solutionPain {
  box-sizing: border-box;
  padding-bottom: 4.44444rem;
  background: url(../images/page/solutionPainBg.webp) bottom right no-repeat;
  background-size: 55.11111rem;

}
.solutionPain .solutionDetailLead {
  margin-top: 1.66667rem;
}

.solutionPain .solutionPainLayout {
  margin-top: 3.61111rem;
  display: flex;
  align-items: start;
}

.solutionPain .solutionPainPic {
  width: 38.33333rem;
  height: 26.11111rem;
  margin-right: 6.11111rem;
  border-radius: 0.44444rem;
  overflow: hidden;

}
.solutionPain .solutionPainPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.solutionPain .solutionPainPic:hover img {
  transform: scale(1.05);
}

.solutionPain .solutionPainList {
  min-width: 0;
  padding-top: 0.83333rem;
  box-sizing: border-box;
  width: calc(100% - 38.33333rem - 6.11111rem);
}

.solutionPain .solutionPainItem {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  margin-top: 2.77778rem;
}
.solutionPain .solutionPainItem:first-child {
  margin-top: 0;
}


.solutionPain .solutionPainNumber {
  width: 3.33333rem;
  color: #ff6909;
  font-size: 1.33333rem;
  line-height: 1.66667rem;
  font-weight: bold;
}

.solutionPain .solutionPainText {
  flex: 1;
}
.solutionPain .solutionPainText h3 {
  font-size: 1.11111rem;
  font-weight: bold;
}

.solutionPain .solutionPainText p {
  display: none;
  margin-top: 1.11111rem;
  color: #777;
  font-size: 0.88889rem;
  line-height: 2rem;
}

.solutionAdvantage {
  position: relative;
  color: #fff;
  overflow: hidden;
  padding: 4.44444rem 0;
  box-sizing: border-box;
}
.solutionAdvantage::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
}

.solutionAdvantage .solutionAdvantageBg {
  position: absolute;
  inset: 0;
}

.solutionAdvantage .solutionAdvantageInner {
  height: 100%;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

.solutionAdvantage .solutionDetailLead {
  width: 69.16667rem;
  margin: 2.22222rem auto 0;
  line-height: 1.66667rem;
}

.solutionAdvantage .solutionAdvantageSwiper {
  height: 19.44444rem;
  margin-top: 3.88889rem;
  padding-top: 0.11111rem;
  overflow: visible;
  clip-path: inset(0 -100vw 0 0);
}

.solutionAdvantage .solutionAdvantageSlide {
  width: calc((100% - 5.55556rem) / 3);
  height: 19.44444rem;
  margin-right: 2.77778rem;
  position: relative;
}
.solutionAdvantage .solutionAdvantageSlide:last-child {
  margin-right: 0;
}

.solutionAdvantage .solutionAdvantageCard {
  box-sizing: border-box;
  width: 100%;
  height: 10rem;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 2.5rem 2.22222rem 2.5rem 5.55556rem;
  border: 0.05556rem solid rgba(255, 255, 255, 0.72);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(0.66667rem);
  cursor: pointer;
  transition: height 0.45s ease, padding 0.45s ease, background-color 0.35s;

}
.solutionAdvantage .solutionAdvantageCard h3 {
  overflow: hidden;
  font-size: 1.33333rem;
  line-height: 1.66667rem;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.solutionAdvantage .solutionAdvantageCard .solutionAdvantageSummary {
  margin-top: 1.22222rem;
  font-size: 0.77778rem;
  line-height: 1.22222rem;
  transition: margin 0.45s, font-size 0.45s, line-height 0.45s;
}

.solutionAdvantage .solutionAdvantageCard p {
  max-height: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.77778rem;
  line-height: 1.55556rem;
  opacity: 0;
  transform: translateY(0.66667rem);
  transition: max-height 0.45s, margin 0.45s, opacity 0.3s 0.08s, transform 0.35s 0.08s;
}

.solutionAdvantage .solutionAdvantageCard:hover {
  height: 19.44444rem;
  padding: 2.94444rem 2.77778rem 2.22222rem 2.88889rem;
  background: rgba(255, 255, 255, 0.18);

}
.solutionAdvantage .solutionAdvantageCard:hover .solutionAdvantageCheck {
  opacity: 0;
  transform: translateY(0.66667rem);
}

.solutionAdvantage .solutionAdvantageCard:hover .solutionAdvantageSummary {
  margin-top: 2rem;
  font-size: 0.88889rem;
  line-height: 1.33333rem;
  font-weight: bold;
}

.solutionAdvantage .solutionAdvantageCard:hover p {
  max-height: 6.22222rem;
  margin-top: 1.44444rem;
  opacity: 1;
  transform: translateY(0);
}

.solutionAdvantage .solutionAdvantageCheck {
  width: 1.94444rem;
  height: 1.88889rem;
  position: absolute;
  left: 2.33333rem;
  top: 2.61111rem;
  background: url(../images/page/solutionDetail-check.webp) center no-repeat;
  background-size: contain;
  transition: opacity 0.25s, transform 0.3s;
}

.solutionAdvantage .solutionAdvantageControl {
  height: 2.88889rem;
  margin-top: 3.16667rem;
  display: flex;
  align-items: center;
}

.solutionAdvantage .solutionAdvantageScrollbar {
  width: auto;
  height: 0.11111rem;
  position: relative;
  left: auto;
  bottom: auto;
  margin-right: 2.22222rem;
  flex: 1 1 auto;
  background: rgba(255, 255, 255, 0.35);
}

.solutionAdvantage .solutionAdvantageScrollbar .swiper-scrollbar-drag {
  width: var(--solution-advantage-progress, 0) !important;
  height: 100%;
  background: #ff6909;
  transform: translate3d(0, 0, 0) !important;
  transform-origin: left center;
  transition: width 0.6s ease;
}

.solutionAdvantagePrev, .solutionAdvantageNext {
  width: 2.72222rem;
  height: 2.72222rem;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  margin-top: 0;
  border-radius: 50%;
  cursor: pointer;
  background-position: center, center;
  background-repeat: no-repeat;
  transition: all 0.45s;

}
.solutionAdvantagePrev:after, .solutionAdvantageNext:after {
  display: none;
}

.solutionAdvantagePrev {
  margin-right: 1.11111rem;
  background: url(../images/page/solutionDetail-advantage-1.webp) center no-repeat;
  background-size: cover;
}
.solutionAdvantagePrev:hover {
  background: url(../images/page/solutionDetail-advantage-1s.webp) center no-repeat;
  background-size: cover;
}

.solutionAdvantageNext {
  background: url(../images/page/solutionDetail-advantage-2.webp) center no-repeat;
  background-size: cover;
}
.solutionAdvantageNext:hover {
  background: url(../images/page/solutionDetail-advantage-2s.webp) center no-repeat;
  background-size: cover;
}

.solutionProducts {
  box-sizing: border-box;
  padding-top: 4.44444rem;

}
.solutionProducts .solutionProductsLead {
  margin: 0 auto;
  margin-top: 2.22222rem;
  line-height: 1.66667rem;
  font-size: 0.88889rem;
  width: 47.77778rem;
  text-align: center;
}

.solutionCases {
  box-sizing: border-box;
  padding-top: 4.44444rem;

}
.solutionCases .solutionCaseGrid {
  margin-top: 0.83333rem;
  display: flex;
  flex-wrap: wrap;
}

.solutionCases .solutionCaseCard {
  box-sizing: border-box;
  width: calc((100% - 2.77778rem) / 2);
  margin-left: 2.77778rem;
  margin-top: 2.77778rem;
  height: 14.44444rem;
  position: relative;
  padding: 3.05556rem 2.77778rem;
  border-radius: 0.55556rem;
  overflow: hidden;
  background: #f9f9f9 url(../images/page/solutionDetail-case-pattern.webp) center no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: transform 0.35s, box-shadow 0.35s;
  display: flex;
  align-items: center;
}
.solutionCases .solutionCaseCard:nth-child(2n + 1) {
  margin-left: 0;
}

.solutionCases .solutionCaseCard:hover {
  transform: translateY(-0.22222rem);
  box-shadow: 0 0.77778rem 1.94444rem rgba(25, 35, 45, 0.07);

}
.solutionCases .solutionCaseCard:hover h3, .solutionCases .solutionCaseCard:hover .solutionCaseMore {
  color: #ff6909;
}

.solutionCases .solutionCaseCard:hover .solutionCaseArrow {
  background-color: #ff6909;
}

.solutionCases .solutionCaseIcon {
  width: 6.66667rem;
  height: 6.66667rem;
  border-radius: 50%;
}
.solutionCases .solutionCaseIcon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solutionCases .solutionCaseContent {
  width: calc(100% - 6.66667rem - 2.5rem);
  margin-left: 2.5rem;
  color: #333;
}
.solutionCases .solutionCaseContent h3 {
  overflow: hidden;
  font-size: 1.11111rem;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
}

.solutionCases .solutionCaseContent p {
  overflow: hidden;
  margin-top: 0.83333rem;
  color: #777;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.solutionCases .solutionCaseMore {
  margin-top: 1.11111rem;
  display: flex;
  align-items: center;
  color: #333;
  font-size: 0.77778rem;
  transition: color 0.3s;
}

.solutionCases .solutionCaseArrow {
  width: 1.38889rem;
  height: 1.38889rem;
  margin-left: 0.55556rem;
  border-radius: 50%;
  background: #333 url(../images/page/product-detail-arrow.webp) center no-repeat;
  background-size: 0.22222rem 0.44444rem;
  transition: background-color 0.3s;
}

.solutionCaseModal {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.35s, visibility 0.35s;

}
.solutionCaseModal.active {
  visibility: visible;
  opacity: 1;

}
.solutionCaseModal.active .solutionCaseModalBox {
  transform: translateY(0);
}

.solutionCaseModal .solutionCaseModalMask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.solutionCaseModal .solutionCaseModalBox {
  box-sizing: border-box;
  width: 88.88889rem;
  position: relative;
  z-index: 1;
  padding: 5.22222rem 6.11111rem 4.44444rem;
  border-radius: 0.55556rem;
  background: url(../images/page/caseModalBg.webp) center no-repeat;
  background-size: cover;
  transform: translateY(1.55556rem);
  transition: transform 0.35s;

}
.solutionCaseModal .solutionCaseModalBox h2 {
  text-align: center;
  font-size: 1.66667rem;
  line-height: 2.22222rem;
  font-weight: bold;
  color: #fa6d0e;
}

.solutionCaseModal .solutionCaseModalClose {
  width: 2.22222rem;
  height: 2.22222rem;
  position: absolute;
  right: 1.66667rem;
  top: 1.66667rem;
  cursor: pointer;
  background: url(../images/page/caseModal-5.webp) center no-repeat;
  background-size: 1.38889rem 1.38889rem;
  transition: transform 0.3s;
}
.solutionCaseModal .solutionCaseModalClose:hover {
  transform: rotate(90deg);
}

.solutionCaseModal .solutionCaseModalColumns {
  margin-top: 4.72222rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.16667rem;

}
.solutionCaseModal .caseModalList {
  display: none;
}
.solutionCaseModal .caseModalList.curr {
  display: block;
}

.solutionCaseModal .solutionCaseModalItem {
  box-sizing: border-box;
  min-height: 23.61111rem;
  padding: 2.22222rem;
  border-radius: 0.44444rem;
  text-align: center;
  background: #f9f9f9;
  position: relative;
}
.solutionCaseModal .solutionCaseModalItem::after {
  content: '';
  position: absolute;
  right: -3.33333rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.77778rem;
  background: url(../images/page/caseModal-4.webp) center no-repeat;
  background-size: cover;
}
.solutionCaseModal .solutionCaseModalItem:last-child::after {
  display: none;
}


.solutionCaseModal .solutionCaseModalItem h3 {
  margin-top: 1.66667rem;
  font-size: 1.33333rem;
  line-height: 1.66667rem;
  font-weight: bold;
}

.solutionCaseModal .solutionCaseModalItem p {
  margin-top: 2.5rem;
  color: #666;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  text-align: left;
  max-height: 11.11111rem;
  overflow-y: auto;
}

.solutionCaseModal .solutionCaseModalIcon {
  width: 3.11111rem;
  height: 3.11111rem;
  margin: 0 auto;
  border-radius: 50%;
}
.solutionCaseModal .solutionCaseModalIcon img {
  width: 100%;
}



.solutionModalOpen {
  overflow: hidden;
}

/* 客户案例 */
.casePageBody .site-nav a {
  white-space: nowrap;
}

.customerCasePage {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background: url(../images/page/casePageBg.webp) top center no-repeat;
  background-size: 100%;
}

.casePageDecor {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.casePageDecorLeft {
  left: 0;
  top: 6.55556rem;
  width: 29.77778rem;
}

.casePageDecorRight {
  right: 0;
  top: -14.66667rem;
  width: 45.61111rem;
}

.caseListGrid {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}

.caseListCard {
  width: calc((100% - 3.88889rem) / 3);
  position: relative;
  min-width: 0;
  color: #333;
  cursor: pointer;
  outline: none;
  transition: transform 0.55s ease;
  margin-bottom: 3.33333rem;

}
.caseListCard:hover {
  z-index: 2;
  transform: translateY(-1.66667rem);
  margin-bottom: 0.55556rem;
}

.caseListCard:focus-visible .caseListMedia {
  box-shadow: 0 0 0 0.11111rem rgba(255, 101, 8, 0.65);
}
.caseListCard:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.caseListMedia {
  width: 100%;
  height: 19.05556rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.55556rem;
  background: #f4f4f4;
}

.caseListPicture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s;
}

.caseListOverlay {
  box-sizing: border-box;
  width: 100%;
  height: 4.44444rem;
  padding: 0 1.66667rem;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1.11111rem);

}
.caseListOverlay h2 {
  width: calc(100% - 5.22222rem);
  overflow: hidden;
  color: #fff;
  font-size: 1.11111rem;
  font-weight: bold;
  line-height: 1.66667rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.caseListLogo {
  width: 2.77778rem;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: hidden;

}
.caseListLogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.caseListBody {
  box-sizing: border-box;
  width: 100%;
  z-index: 2;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.55s ease, padding 0.55s ease, opacity 0.45s ease, transform 0.55s ease;
  padding: 0 1.66667rem 0 1.66667rem;
}

.caseListBodyInner p {
  overflow: hidden;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.caseListCard:hover .caseListPicture {
  transform: scale(1.035);
}

.caseListCard:hover .caseListBody {
  max-height: 9.44444rem;
  padding-top: 1.33333rem;
  padding-bottom: 0.22222rem;
  opacity: 1;
  padding: 1.38889rem 1.66667rem 0.55556rem 1.66667rem;
  transform: translateY(0);
}

.caseListMore {
  margin-top: 1.11111rem;
  display: flex;
  align-items: center;
  color: #ff6508;
  font-size: 0.88889rem;
  line-height: 1.11111rem;

}
.caseListMore i {
  width: 0.33333rem;
  height: 0.72222rem;
  margin-left: 0.66667rem;
  background: url(../images/index/icon-2.webp) center no-repeat;
  background-size: 100% 100%;
}

.caseListChanging {
  animation: caseListEnter 0.36s ease both;
}

@keyframes caseListEnter {
    from {
        opacity: 0;
        transform: translateY(0.66667rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.caseModal {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s;

}
.caseModal.active {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;

}
.caseModal.active .caseModalBox {
  transform: translateY(0);
}

.caseModalMask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.caseModalBox {
  width: 70%;
  max-width: calc(100% - 4.44444rem);
  position: relative;
  z-index: 1;
  transform: translateY(1.33333rem);
  transition: transform 0.3s;
}

.caseModalSurface {
  box-sizing: border-box;
  width: 100%;
  min-height: 28.55556rem;
  max-height: calc(100vh - 4.44444rem);
  padding: 5.27778rem 5.55556rem 3.55556rem;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1rem;
  background: #fff url(../images/page/surfaceBg.webp) top center no-repeat;
  background-size: cover;
}
.caseModalSurface .surfaceList {
  display: none;
  max-height: 60vh;
  overflow-y: auto;
}
.caseModalSurface .surfaceList.curr {
  display: block;
}

.caseModalSurface h2 {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  color: #ff6508;
  font-size: 1.33333rem;
  font-weight: bold;
  line-height: 1.88889rem;
  text-align: center;
}

.caseModalDecor {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.caseModalLogo {
  width: 4.77778rem;
  height: 4.77778rem;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: -1.61111rem;
  border-radius: 50%;
  overflow: hidden;
  transform: translateX(-50%);

}
.caseModalLogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.caseModalClose {
  width: 1.38889rem;
  height: 1.38889rem;
  position: absolute;
  z-index: 3;
  right: 1.66667rem;
  top: 1.72222rem;
  cursor: pointer;
  outline: none;
  transition: transform 0.3s;
}
.caseModalClose img {
  width: 100%;
}

.caseModalClose:hover, .caseModalClose:focus-visible {
  transform: rotate(90deg);
}

.caseModalScroll {
  margin-top: 2.83333rem;
  position: relative;
  z-index: 1;
}

.caseModalRichText {
  color: #666;
  font-size: 0.88889rem;
  line-height: 1.66667rem;

}
.caseModalRichText p {
  margin-top: 1.44444rem;

}
.caseModalRichText p:first-child {
  margin-top: 0;
}

.caseModalRichText img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 1.55556rem auto;
  border-radius: 0.44444rem;
}

.caseModalOpen {
  overflow: hidden;
}
.mobileMain .productListPage {
  width: 100%;
  padding-top: 4.13rem;
  padding-bottom: 1.8rem;
  background: url(../images/page/product-mobile-bg.webp) top center no-repeat;
  background-size: 15rem auto;

}
.mobileMain .productListPage > .w1600 {
  width: 92.13%;
}

.mobileMain .productListPage .productHero {
  padding-bottom: 0;
  border-bottom: 0;
}

.mobileMain .productListPage .productSearchInput {
  width: 100%;
  height: 1.63rem;
  padding: 0 0.94rem;
  border-radius: 0.82rem;
  box-shadow: 0 0.08rem 0.24rem rgba(0, 0, 0, 0.06);

}
.mobileMain .productListPage .productSearchInput input {
  font-size: 0.46rem;
}

.mobileMain .productListPage .productSearchIcon {
  width: 0.63rem;
  height: 0.63rem;
  top: 0.46rem;
  right: 0.78rem;
  background-size: 0.63rem 0.63rem;
}

.mobileMain .productListPage .productHotWords {
  margin-top: 0.25rem;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 0.42rem;
}
.mobileMain .productListPage .productHotLabel {
  margin-top: 0.3rem;
}

.mobileMain .productListPage .productHotWord {
  margin-left: 0.28rem;
  margin-top: 0.3rem;
}

.mobileMain .productListPage .productCategoryBox {
  box-sizing: border-box;
  width: 100%;
  height: 3rem;
  margin-top: 1.46rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.12rem;
  background: #f7f7f7;
  isolation: isolate;
  transform: translateZ(0);
}

.mobileMain .productListPage .productCategory {
  box-sizing: border-box;
  width: calc(100% - 1.82rem);
  height: 100%;
  margin: 0 0 0 0.91rem;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  background: transparent;

}
.mobileMain .productListPage .productCategory .swiper-wrapper {
  flex-wrap: nowrap;
  transform: translate3d(0, 0, 0);
}

.mobileMain .productListPage .productCategoryItem {
  box-sizing: border-box;
  width: 4.1rem;
  height: 3rem;
  margin: 0;
  padding-top: 0.48rem;
  flex: 0 0 4.1rem;

}
.mobileMain .productListPage .productCategoryItem.active {
  background: #ff6b00;

}
.mobileMain .productListPage .productCategoryItem.active .productCategoryIcon {
  background: transparent;
  box-shadow: none;
}

.mobileMain .productListPage .productCategoryItem.active .productCategoryText {
  color: #fff;
}

.mobileMain .productListPage .productCategoryIcon {
  width: 1.3rem;
  height: 1.25rem;
  border-radius: 0;
  background: transparent;

}
.mobileMain .productListPage .productCategoryIcon img {
  max-width: 1.3rem;
  max-height: 1.06rem;
}

.mobileMain .productListPage .productCategoryText {
  margin-top: 0.16rem;
  font-size: 0.5rem;
}

.mobileMain .productListPage .productCategoryPrev, .mobileMain .productListPage .productCategoryNext {
  width: 1rem;
  height: 3rem;
  top: 0;
  margin-top: 0;
  z-index: 10;
  display: flex;
  opacity: 1;
  background-color: #f7f7f7;
  background-position: center;
  background-repeat: no-repeat;
  background-image: none;

}
.mobileMain .productListPage .productCategoryPrev:after, .mobileMain .productListPage .productCategoryNext:after {
  display: none;
}

.mobileMain .productListPage .productCategoryPrev:before, .mobileMain .productListPage .productCategoryNext:before {
  content: '';
  width: 0.17rem;
  height: 0.31rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mobileMain .productListPage .productCategoryPrev.swiper-button-disabled, .mobileMain .productListPage .productCategoryNext.swiper-button-disabled {
  opacity: 1;

}
.mobileMain .productListPage .productCategoryPrev.swiper-button-disabled:before, .mobileMain .productListPage .productCategoryNext.swiper-button-disabled:before {
  opacity: 0.35;
}

.mobileMain .productListPage .productCategoryPrev {
  left: 0;

}
.mobileMain .productListPage .productCategoryPrev:before {
  background-image: url(../images/page/product-mobile-category-prev.webp);
}

.mobileMain .productListPage .productCategoryNext {
  right: 0;

}
.mobileMain .productListPage .productCategoryNext:before {
  background-image: url(../images/page/product-mobile-category-next.webp);
}

.mobileMain .productListPage .productSubCategoryBox {
  margin-top: 0.97rem;
  padding: 0;
}

.mobileMain .productListPage .productSubCategory {
  box-sizing: border-box;
  width: 100%;
  height: 3.1rem;
  margin-top: 0;
  padding: 0;
  left: auto;
  overflow: hidden;
  border-radius: 0;
  background: transparent;

}
.mobileMain .productListPage .productSubCategory .swiper-wrapper {
  justify-content: flex-start;
}

.mobileMain .productListPage .productSubCategoryItem {
  position: relative;
  box-sizing: border-box;
  width: auto;
  height: 2.61rem;
  margin: 0 0.31rem 0 0;
  border-radius: 0.08rem;
  padding: 0 0.38rem;
  text-align: center;
  font-size: 0.47rem;
  line-height: 0.63rem;
  white-space: nowrap;

}
.mobileMain .productListPage .productSubCategoryItem:hover, .mobileMain .productListPage .productSubCategoryItem.active {
  color: #fff;
  background: #ff6b00;

}
.mobileMain .productListPage .productSubCategoryItem:hover .productSubCategoryArrow, .mobileMain .productListPage .productSubCategoryItem.active .productSubCategoryArrow {
  opacity: 1;
}

.mobileMain .productListPage .productSubCategoryArrow {
  width: 0.42rem;
  height: 0.35rem;
  position: absolute;
  left: 50%;
  bottom: -0.3rem;
  display: block;
  opacity: 0;
  transform: translateX(-50%);
  background: url(../images/page/product-mobile-sub-arrow.webp) center no-repeat;
  background-size: cover;
  transition: opacity 0.25s;
}

.mobileMain .productListPage .productMain {
  background: transparent;
}

.mobileMain .productListPage .productMobileControls {
  padding-top: 1.04rem;
}
.mobileMain .productListPage .productMobileControls .seeAllInfo {
  display: flex;
  align-items: center;
}
.mobileMain .productListPage .productMobileControls .seeAllInfo .seeAllProduct {
  margin-right: 0.5rem;
  height: 1.53rem;
  margin-bottom: 0;
  font-size: 0.48rem;
  border-radius: 0.08rem;
  width: calc(50% - 0.5rem);
  padding: 0 0.6rem;
}
.mobileMain .productListPage .productMobileControls .seeAllInfo .seeAllProduct .seeAllProductIcon {
  width: 0.48rem;
  height: 0.48rem;
  background-size: cover;
  margin-right: 0.25rem;
}

.mobileMain .productListPage .productMobileControls .productViewSwitch {
  width: 50%;
  height: 1.53rem;
  padding: 0;
  border-radius: 0.08rem;
}

.mobileMain .productListPage .productMobileControls .productViewItem {
  width: 50%;
  height: 100%;
  justify-content: center;
  font-size: 0.48rem;

}
.mobileMain .productListPage .productMobileControls .productViewItem + .productViewItem {
  margin-left: 0;
}

.mobileMain .productListPage .productMobileControls .productViewIcon {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.25rem;
}

.mobileMain .productListPage .productFilterTrigger {
  box-sizing: border-box;
  width: 3.96rem;
  height: 1.53rem;
  margin-top: 0.65rem;
  padding: 0 0.36rem;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  color: #333;
  font-size: 0.48rem;
  font-weight: bold;
  cursor: pointer;
  background: #f6f6f6;
}

.mobileMain .productListPage .productFilterTriggerIcon {
  width: 0.78rem;
  height: 0.74rem;
  margin-right: 0.22rem;
  background: url(../images/page/product-mobile-filter.webp) center no-repeat;
  background-size: 0.78rem 0.74rem;
}

.mobileMain .productListPage .productWorkspace {
  padding-top: 0.71rem;
  display: block;
}

.mobileMain .productListPage .productFilterMask {
  display: none;
}

.mobileMain .productListPage .productFilter {
  box-sizing: border-box;
  width: 7.52rem;
  height: 12.69rem;
  position: absolute;
  top: 0.47rem;
  left: -0.7rem;
  z-index: 10;
  padding: 0.49rem 0.65rem 1.76rem;
  overflow: hidden;
  flex: none;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-0.28rem);
  transition: none;

}
.mobileMain .productListPage .productFilter:after {
  content: '';
  height: 0.05556rem;
  position: absolute;
  right: 0.53rem;
  bottom: 1.76rem;
  left: 0.65rem;
  background: #eeeeee;
}

.mobileMain .productListPage .productFilter.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.mobileMain .productListPage.productFilterReady .productFilter {
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.mobileMain .productListPage .productFilterClose {
  width: 0.5rem;
  height: 0.53rem;
  position: absolute;
  bottom: 0.71rem;
  left: 0.68rem;
  z-index: 2;
  background: url(../images/page/product-mobile-filter-close.webp) center no-repeat;
  background-size: 0.5rem 0.53rem;
  cursor: pointer;
}

.mobileMain .productListPage .productFilterList {
  height: 10.44rem;
  margin-top: 0;
  overflow-y: auto;
  scrollbar-width: none;

}
.mobileMain .productListPage .productFilterList::-webkit-scrollbar {
  display: none;
}

.mobileMain .productListPage .productFilterHead {
  height: 1.4rem;
}

.mobileMain .productListPage .productFilterName {
  font-size: 0.56rem;
}

.mobileMain .productListPage .productFilterArrow {
  width: 0.4rem;
  height: 0.22rem;
  margin-right: 0;
  background-size: 0.4rem 0.22rem;
}

.mobileMain .productListPage .productFilterOption {
  margin-top: 0.34rem;

}
.mobileMain .productListPage .productFilterOption .productFilterOptionText {
  margin-left: 0.28rem;
  font-size: 0.45rem;
}

.mobileMain .productListPage .productFilterRadio {
  width: 0.33rem;
  height: 0.33rem;

}
.mobileMain .productListPage .productFilterRadio:after {
  width: 0.16rem;
  height: 0.16rem;
}

.mobileMain .productListPage .productFilterGroup.multiple .productFilterOptionText {
  margin-left: 0.2rem;
}

.mobileMain .productListPage .productFilterGroup.multiple .productFilterRadio {
  width: 0.58rem;
  height: 0.54rem;
}

.mobileMain .productListPage .productFilterClear {
  width: 3rem;
  height: 0.53rem;
  position: absolute;
  bottom: 0.71rem;
  left: 1.5rem;
  z-index: 2;
  margin-top: 0;
  border-top: 0;
  font-size: 0.52rem;
}

.mobileMain .productListPage .productFilterClearIcon {
  display: none;
}

.mobileMain .productListPage .productResult {
  width: 100%;
  margin-left: 0;
}

.mobileMain .productListPage .productCard {
  width: 100%;
  margin-top: 0.6rem;
  border-radius: 0.1rem;
  background: #f9f9f9;
  padding: 1rem;

}
.mobileMain .productListPage .productCard:first-child {
  margin-top: 0;
}

.mobileMain .productListPage .productCard:hover {
  transform: none;
  box-shadow: none;
}
.mobileMain .productListPage .productCard:hover .productCardPic img {
  transform: none;
}

.mobileMain .productListPage .productCardBox {
  width: 100%;
  height: 100%;
  position: relative;
  align-items: center;
}
.mobileMain .productListPage .productCardBox h2 {
  color: #ff6b00;
  font-size: 0.7rem;
}
.mobileMain .productListPage .productCardBox .productCardCont {
  margin-top: 0.6rem;
}

.mobileMain .productListPage .productCardInfo {
  width: calc(100% - 5.8rem);
  height: 100%;
  position: relative;
  z-index: 2;



}
.mobileMain .productListPage .productCardInfo .proLInfoText {
  color: #777;
  font-size: 0.47rem;
  line-height: 0.8rem;
}

.mobileMain .productListPage .productCardActions {
  margin-top: 0.65rem;
  display: block;
}

.mobileMain .productListPage .productDetail {
  display: none;
}

.mobileMain .productListPage .productInquiry {
  width: 4.24rem;
  height: 1.25rem;
  margin-left: 0;
  border-radius: 0.63rem;
  font-size: 0.43rem;
}

.mobileMain .productListPage .productActionIcon {
  width: 0.73rem;
  height: 0.73rem;
  margin-left: 0.18rem;
}

.mobileMain .productListPage .productAddIcon {
  background-size: 0.26rem 0.26rem !important;
}

.mobileMain .productListPage .productCardPic {
  padding: 0;
  margin-left: 0.4rem;
}

.mobileMain .productListPage .productCards.listView .productCard {
  width: 100%;
  margin-left: 0;
}
.mobileMain .productListPage .productCards.listView .productCard + .productCard {
  margin-top: 0.6rem;
}

.mobileMain .productListPage .productCards.listView .productCardInfo {
  width: 100%;
  display: block;
}
.mobileMain .productListPage .productCards.listView .productCardInfo h2 {
  width: calc(100% - 4.5rem);
}

.mobileMain .productListPage .productCards.listView .productCardActions {
  margin-top: 0;
  top: -0.3rem;
}
.mobileMain .productListPage .productCards.listView .productInquiry {
  margin-left: 0;
  margin-top: 0.5rem;
}

.mobileMain .productListPage .productEmpty {
  height: 5rem;
  font-size: 0.5rem;
}

.mobileMain .serviceIntro .serviceIntroText {
  width: 100%;
  max-width: 100%;
  font-size: 0.6rem;
  line-height: 0.9rem;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.mobileMain .serviceColorText, .mobileMain .serviceIntroText {
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;

}
.mobileMain .serviceColorText br, .mobileMain .serviceIntroText br {
  display: none;
}
.mobileMain .servicePhilosophy {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  background: none;
}
.mobileMain .servicePhilosophy .servicePhilosophyInner {
  padding: 0;
  flex-wrap: wrap;
}
.mobileMain .servicePhilosophy .servicePhilosophyInner h2 {
  font-size: 0.72rem;
  line-height: 1;
  text-align: center;
}
.mobileMain .servicePhilosophy .servicePhilosophyInner p {
  font-size: 0.56rem;
  line-height: 0.9rem;
  margin-top: 0.7rem;
}
.mobileMain .servicePhilosophy .servicePhilosophyContent {
  width: 100%;
}
.mobileMain .servicePhilosophy .servicePhilosophyPic {
  width: calc(100% - 0.8rem);
  margin: 0 0.4rem;
  margin-top: 1.05rem;
}
.mobileMain .serviceProcess {
  padding-bottom: 2rem;
  background: none;
}
.mobileMain .serviceProcess .serviceSectionTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .serviceProcess .serviceProcessList {
  margin-top: 0.6rem;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessHead {
  height: 2.3rem;
  padding: 0 0.15rem;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessHead .serviceProcessIcon {
  width: 0.65rem;
  height: 100%;
  margin-right: 0.55rem;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessHead h3 {
  font-size: 0.6rem;
  line-height: 1rem;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessHead .serviceProcessNumber {
  display: none;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessPanel {
  padding: 0.2rem 0 0;
  flex-wrap: wrap;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessPanel .serviceProcessPic {
  width: 100%;
  height: initial;
  border-radius: 0.4rem;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessPanel .serviceProcessDetail {
  width: 100%;
  margin-left: 0;
  margin-top: 0.8rem;
  padding-top: 0;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessPanel .serviceProcessDetail .serviceProcessDetailNumber {
  font-size: 0.6rem;
  line-height: 1;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessPanel .serviceProcessDetail h4 {
  font-size: 0.6rem;
  line-height: 1;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessPanel .serviceProcessDetail .serviceProcessPoint {
  margin-top: 0.75rem;
  font-size: 0.56rem;
  line-height: 0.9rem;
  padding-left: 1.65rem;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessPanel .serviceProcessDetail .serviceProcessPoint::before {
  width: 0.75rem;
  height: 0.75rem;
  top: 0.2rem;
  left: 0.2rem;
}
.mobileMain .serviceProcess .serviceProcessList .serviceProcessPanel .serviceProcessDetail .serviceProcessPoint::after {
  width: 1.15rem;
  height: 1.15rem;
}
.mobileMain .serviceAdvantage {
  height: 18rem;
  padding: 1.8rem 0 0;

}
.mobileMain .serviceAdvantage .serviceAdvantageBg {
  background-image: url(../images/mobile/page/serviceSupport-advantage.webp);
  background-position: calc(50% - 0.08rem) center;
  background-size: auto 20.02rem;
}

.mobileMain .serviceAdvantage .serviceAdvantageInner {
  width: 100%;
}

.mobileMain .serviceAdvantage .serviceSectionTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .serviceAdvantage .serviceAdvantageList {
  margin-top: 2.25rem;

}
.mobileMain .serviceAdvantage .serviceAdvantageList::before {
  top: 3.09rem;
  left: 16.66667%;
  width: 66.66666%;
  height: 0.05rem;
}

.mobileMain .serviceAdvantage .serviceAdvantageList .serviceAdvantageNumber {
  font-size: 0.6rem;
  line-height: 0.6rem;
}

.mobileMain .serviceAdvantage .serviceAdvantageList h3 {
  font-size: 0.6rem;
  line-height: 0.6rem;
  margin-top: 0.45rem;
}
.mobileMain .serviceAdvantage .serviceAdvantageDot {
  top: 2.92rem;
  width: 0.33rem;
  height: 0.33rem;

}
.mobileMain .serviceAdvantage .serviceAdvantageDot::before {
  top: 50%;
  left: 50%;
  width: 0.78rem;
  height: 0.78rem;
  margin: 0;
  transform: translate(-50%, -50%) scale(0.45);
}

.mobileMain .serviceAdvantage .serviceAdvantageItem {
  width: calc(100% / 3);
  padding: 0;
  box-sizing: border-box;

}
.mobileMain .serviceAdvantage .serviceAdvantageItem > p {
  display: none;
}

.mobileMain .serviceAdvantage .serviceAdvantageItem.active .serviceAdvantageDot::before {
  animation: mobileServiceAdvantagePulse 1.8s ease-out infinite;
}

.mobileMain .serviceAdvantage .serviceAdvantagePanels {
  position: absolute;
  top: 8rem;
  left: 4%;
  width: 92%;
  height: 5.84rem;

}
.mobileMain .serviceAdvantage .serviceAdvantagePanels p {
  display: none;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.55);
  border-radius: 0.3rem;
  color: #fff;
  font-size: 0.56rem;
  line-height: 0.9rem;
  text-align: left;
  box-sizing: border-box;

}
.mobileMain .serviceAdvantage .serviceAdvantagePanels p.active {
  display: block;
  animation: serviceAdvantagePanelIn 0.35s ease both;
}
.mobileMain .servicePromise {
  padding-top: 1.8rem;
}
.mobileMain .servicePromise .serviceSectionTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .servicePromise .servicePromiseList {
  flex-wrap: wrap;
  margin-top: 1.2rem;
}
.mobileMain .servicePromise .servicePromiseList .servicePromiseItem {
  width: 100%;
  margin-top: 0.5rem;
  padding: 1.2rem 1.25rem;
  flex-direction: row;
  height: auto;
  border-radius: 0.4rem;

}
.mobileMain .servicePromise .servicePromiseList .servicePromiseItem:hover {
  transform: none;
}
.mobileMain .servicePromise .servicePromiseList .servicePromiseItem:first-child {
  margin-top: 0;
}
.mobileMain .servicePromise .servicePromiseList .servicePromiseItem .servicePromiseIcon {
  width: 1.9rem;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobileMain .servicePromise .servicePromiseList .servicePromiseItem p {
  margin-top: 0;
  font-size: 0.56rem;
  line-height: 0.6rem;
  margin-left: 0.85rem;
  text-align: left;
}
.mobileMain .servicePromise .servicePromiseList .servicePromiseItem:nth-child(3) .servicePromiseIcon img {
  width: 1.6rem;
}
.mobileMain .serviceClosing {
  padding-top: 1.8rem;
}
.mobileMain .serviceClosing .serviceClosingText {
  width: 100%;
  font-size: 0.6rem;
  line-height: 1rem;
  text-align: left;
}
.mobileMain .serviceClosing .serviceClosingBg {
  width: 100%;
  margin-top: 0.6rem;
}
.mobileMain .serviceClosing .serviceClosingBg img {
  width: 100%;
}
.mobileMain .serviceClosing .serviceConsultBox {
  margin-top: 3.4rem;
  width: 2rem;
}
.mobileMain .serviceClosing .serviceConsultBox .serviceConsultLine {
  width: 0.01rem;
  height: 1.8rem;
  top: -2.2rem;
}
.mobileMain .serviceClosing .serviceConsultBox .serviceConsultControl {
  width: 2rem;
  height: 2rem;
  font-size: 0.54rem;
  line-height: 0.6rem;
}
.mobileMain .aboutUsPage .aboutIntro {
  padding-bottom: 1.8rem;
}
.mobileMain .aboutUsPage .aboutIntroInner {
  flex-wrap: wrap;
}
.mobileMain .aboutUsPage .aboutIntroInner .aboutIntroLead h2 {
  font-size: 0.72rem;
}
.mobileMain .aboutUsPage .aboutIntroInner .aboutIntroLead p {
  margin-top: 0.5rem;
  font-size: 0.56rem;
  line-height: 1rem;
  color: #666666;
}
.mobileMain .aboutUsPage .aboutIntroInner .aboutIntroSince {
  font-size: 1.4rem;
  margin-top: 0.6rem;
}
.mobileMain .aboutUsPage .aboutIntroInner .videoBtn {
  margin-top: 0.6rem;
  padding: 0.25rem 0.6rem;
  font-size: 0.43rem;
}
.mobileMain .aboutUsPage .aboutIntroInner .videoBtn em {
  width: 0.73rem;
  height: 0.73rem;
  margin-left: 0.18rem;
  background-size: 0.17rem auto;
}
.mobileMain .aboutUsPage .aboutIntroInner .aboutIntroImg {
  margin: 0 auto;
  margin-top: 1.2rem;
  width: 10.1rem;
}
.mobileMain .aboutUsPage .aboutIntroCopy {
  font-size: 0.56rem;
  line-height: 0.9rem;
  margin-top: 1.4rem;

}
.mobileMain .aboutUsPage .aboutIntroCopy p {
  margin-top: 0.8rem;
}
.mobileMain .aboutUsPage .aboutIntroCopy p:first-child {
  margin-top: 0;
}
.mobileMain .aboutUsPage .aboutCultureInner {
  flex-wrap: wrap;
}
.mobileMain .aboutUsPage .aboutCultureInner .aboutCultureCopy {
  width: 100%;
}

.mobileMain .aboutUsPage .aboutCulture {
  height: initial;
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;

}
.mobileMain .aboutUsPage .aboutCulture h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .aboutUsPage .aboutCulture h3 {
  margin-top: 0.7rem;
  font-size: 0.6rem;
  line-height: 0.9rem;
}
.mobileMain .aboutUsPage .aboutCulture .aboutCultureEn {
  margin-top: 0.2rem;
  font-size: 0.6rem;
  line-height: 0.9rem;
}
.mobileMain .aboutUsPage .aboutCulture .aboutCultureDesc {
  margin-top: 0.8rem;
  font-size: 0.56rem;
  line-height: 0.9rem;
}
.mobileMain .aboutUsPage .aboutCultureTabs {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2.5rem;
}
.mobileMain .aboutUsPage .aboutCultureTabs .aboutCultureTab {
  margin-top: 0;
}
.mobileMain .aboutUsPage .aboutCultureTabs .aboutCultureTab .aboutCultureBox {
  transform: none;
}
.mobileMain .aboutUsPage .aboutCultureTabs .aboutCultureTab .aboutCultureTabImg {
  width: 0.95rem;
  margin-right: 0.3rem;
}
.mobileMain .aboutUsPage .aboutCultureTabs .aboutCultureTab .aboutCultureTabText {
  font-size: 0.6rem;
  line-height: 1;
}
.mobileMain .aboutUsPage .aboutCultureCard {
  margin-top: 1.9rem;
  margin-left: 0;
  width: 100%;
  border-radius: 0.4rem;
  padding: 2rem 1rem 1.8rem 1rem;
}
.mobileMain .aboutUsPage .aboutCultureCard .aboutCultureCardList .aboutCultureCardImg {
  width: 2.15rem;
  height: 1.8rem;
}
.mobileMain .aboutUsPage .aboutCultureCard .aboutCultureCardList h3 {
  font-size: 0.72rem;
}
.mobileMain .aboutUsPage .aboutCultureCard .aboutCultureCardList .abouteDescs {
  margin-top: 0.6rem;
  font-size: 0.56rem;
  line-height: 0.9rem;
}
.mobileMain .aboutUsPage .aboutCultureCard .aboutCultureCardList .abouteDescs p {
  margin-top: 0.1rem;
}

.mobileMain .aboutUsPage .cont05 {
  position: relative;
  min-height: initial;
  padding: 1.8rem 0;
  overflow: hidden;
  background: url(../images/mobile/page/about-history.webp) no-repeat right bottom !important;
  background-size: 100% auto !important;
}

.mobileMain .aboutUsPage .mJourneyBox {
  position: relative;
  z-index: 1;
}

.mobileMain .aboutUsPage .mJourneyTitle {
  width: 92%;
  margin: 0 auto;
  color: #333;
  font-size: 0.72rem;
  font-weight: bold;
  line-height: 1;
}

.mobileMain .aboutUsPage .mJourneySwiper {
  position: relative;
  left: calc((100vw - 100%) / 2 + 0.08rem);
  width: 100%;
  height: 3.24rem;
  margin-top: 0.75rem;
  overflow: hidden;

}
.mobileMain .aboutUsPage .mJourneySwiper .swiper-wrapper {
  align-items: center;
}

.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearSlide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.35rem;
  height: 3.24rem;
  color: #ffe9db;
  font-family: 'din';
  font-size: 1.08rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: color 0.45s, font-size 0.45s;

}
.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearSlide .mJourneyYearNumber {
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: auto;
  transform-origin: center;
}

.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearSlide.swiper-slide-active {
  font-size: 2rem;

}
.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearSlide.swiper-slide-active .mJourneyYearPrefix {
  color: #ffc095;
}

.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearSlide.swiper-slide-active .mJourneyYearSuffix {
  color: #fc873a;
}

.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearSlide.swiper-slide-active .mJourneyYearRing {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearRing {
  position: absolute;
  left: calc(50% + 1.17rem);
  top: 50%;
  z-index: 1;
  width: 3.24rem;
  height: 3.24rem;
  overflow: visible;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.86);

}
.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearRing circle {
  fill: none;
  stroke-width: 0.7;
  vector-effect: non-scaling-stroke;
}

.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearRingBase {
  stroke: #eeeeee;
}

.mobileMain .aboutUsPage .mJourneySwiper .mJourneyYearRingProgress {
  stroke: #fc873a;
  stroke-linecap: round;
  stroke-dasharray: 289;
  stroke-dashoffset: 0;
  transform: rotate(-122deg);
  transform-origin: center;
  transition: stroke-dashoffset 0.6s;
}

.mobileMain .aboutUsPage .mJourneyConSwiper {
  position: relative;
  z-index: 2;
  width: 92%;
  margin-top: 0;
  overflow: hidden;

}
.mobileMain .aboutUsPage .mJourneyConSwiper .swiper-wrapper {
  align-items: flex-start;
}

.mobileMain .aboutUsPage .mJourneyConSwiper .swiper-slide {
  width: 100%;
}

.mobileMain .aboutUsPage .mJourneyYearBlock {
  box-sizing: border-box;
  border-bottom: 0.05556rem solid rgba(51, 51, 51, 0.16);
  padding: 1.2rem 0;
}

.mobileMain .aboutUsPage .mJourneyYearTitle {
  color: #333;
  font-family: 'din';
  font-size: 0.66rem;
  font-weight: bold;
  line-height: 0.72rem;
}

.mobileMain .aboutUsPage .mJourneyList {
  display: flex;
  align-items: flex-start;
  margin-top: 0.35rem;
  color: #666;
  font-size: 0.56rem;
  line-height: 0.9rem;
}

.mobileMain .aboutUsPage .mJourneyListTitle {
  flex: 0 0 0.18rem;
  width: 0.18rem;
  height: 0.18rem;
  margin-top: 0.35rem;
  border-radius: 50%;
  background: #fb8739;
}

.mobileMain .aboutUsPage .mJourneyListText {
  flex: 1;
  margin-left: 0.28rem;
}

.mobileMain .aboutUsPage .mJourneyPagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.8rem;

}
.mobileMain .aboutUsPage .mJourneyPagination .swiper-button-prev, .mobileMain .aboutUsPage .mJourneyPagination .swiper-button-next {
  position: initial;
  width: 1.4rem;
  height: 1.4rem;
  margin-top: 0;
  border: 0;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;

}
.mobileMain .aboutUsPage .mJourneyPagination .swiper-button-prev::after, .mobileMain .aboutUsPage .mJourneyPagination .swiper-button-next::after {
  display: none;
}

.mobileMain .aboutUsPage .mJourneyPagination .swiper-button-prev {
  background-image: url(../images/page/solutionDetail-advantage-1.webp);

}
.mobileMain .aboutUsPage .mJourneyPagination .swiper-button-prev:hover {
  background-image: url(../images/page/solutionDetail-advantage-1s.webp);
}

.mobileMain .aboutUsPage .mJourneyPagination .swiper-button-next {
  margin-left: 0.45rem;
  background-image: url(../images/page/solutionDetail-advantage-2.webp);

}
.mobileMain .aboutUsPage .mJourneyPagination .swiper-button-next:hover {
  background-image: url(../images/page/solutionDetail-advantage-2s.webp);
}

.mobileMain .aboutUsPage .aboutHonor {
  position: relative;
  padding: 0 0 1.75rem;
  overflow: hidden;
  background-color: #fff !important;
  background-image: url(../images/mobile/page/about-honor-bg.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover;
}

.mobileMain .aboutUsPage .aboutHonorInner {
  width: 100%;
  padding-top: 1.8rem;
}

.mobileMain .aboutUsPage .aboutHonorSummary {
  display: none;
}

.mobileMain .aboutUsPage .aboutHonorStage {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 1.8rem;
}

.mobileMain .aboutUsPage .aboutHonorSwiper {
  width: 100%;
  height: initial;
  overflow: visible;

}
.mobileMain .aboutUsPage .aboutHonorSwiper .swiper-slide {
  width: 6.45rem;
  height: auto;

}
.mobileMain .aboutUsPage .aboutHonorSwiper .swiper-slide .aboutHonorPic {
  width: 5.85rem;
  overflow: visible;
  transform-origin: center;
  transition: transform 0.6s;
}

.mobileMain .aboutUsPage .aboutHonorSwiper .swiper-slide-prev, .mobileMain .aboutUsPage .aboutHonorSwiper .swiper-slide-next {
  opacity: 0.46;
}
.mobileMain .aboutUsPage .aboutHonorSwiper .swiper-slide-active {
  opacity: 1;
}

.mobileMain .aboutUsPage .aboutHonorPrev, .mobileMain .aboutUsPage .aboutHonorNext {
  position: absolute;
  top: calc(50% - 0.85rem);
  z-index: 20;
  width: 1.22rem;
  height: 1.22rem;
  margin-top: 0;
  transform: translateY(-50%);
}

.mobileMain .aboutUsPage .aboutHonorPrev {
  left: 1.96rem;
}

.mobileMain .aboutUsPage .aboutHonorNext {
  right: 1.96rem;
}

.mobileMain .aboutUsPage .aboutHonorName {
  width: auto;
  margin: 1rem auto 0;
  font-size: 0.52rem;
  line-height: 0.7rem;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 6rem;
}

.mobileMain .aboutUsPage .aboutHonorMore {
  width: 3.68rem;
  height: 1.22rem;
  margin-top: 0.85rem;
  border-width: 0.05556rem;
  font-size: 0.46rem;

}
.mobileMain .aboutUsPage .aboutHonorMore em {
  width: 0.16rem;
  height: 0.34rem;
  margin-left: 0.22rem;
}
.mobileMain .joinUsPage .joinConceptBg {
  top: initial;
  bottom: 0;
  width: 100%;
  height: 7.24rem;
}
.mobileMain .joinUsPage .joinConcept {
  height: initial;
}
.mobileMain .joinUsPage .joinConceptInner {
  padding-bottom: 6rem;
}
.mobileMain .joinUsPage .joinConceptInner h2 {
  padding-top: 0;
  font-size: 0.72rem;
}
.mobileMain .joinUsPage .joinConceptCopy {
  width: 92%;
  margin: 0 auto;
  margin-top: 0.7rem;
}
.mobileMain .joinUsPage .joinConceptCopy h3 {
  font-size: 0.6rem;
}
.mobileMain .joinUsPage .joinConceptCopy p {
  color: #666666;
  font-size: 0.6rem;
  line-height: 0.9rem;
}
.mobileMain .joinUsPage .joinTalentsPic {
  width: 100%;
  top: inherit;
  left: 0;
  bottom: 1rem;
}
.mobileMain .joinUsPage .joinStaff h2 {
  padding-top: 1.8rem;
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .joinUsPage .joinStaffSwiper {
  margin-top: 1rem;
  height: 7.55rem;
}
.mobileMain .joinUsPage .joinStaffSwiper .joinStaffSlide {
  width: 12rem;
  transform: scale(0.85);
}
.mobileMain .joinUsPage .joinStaffSwiper .joinStaffSlide.swiper-slide-active {
  transform: scale(1);
}
.mobileMain .joinUsPage .joinStaffSwiper .joinStaffSlide .joinStaffName {
  font-size: 0.56rem;
  line-height: 0.9rem;
  bottom: 0.45rem;
  left: 0.85rem;
  right: 0.85rem;
}
.mobileMain .joinUsPage .joinStaffControls {
  margin-top: 1.25rem;
}
.mobileMain .joinUsPage .joinStaffPrev, .mobileMain .joinUsPage .joinStaffNext {
  width: 1.2rem;
  height: 1.2rem;
}
.mobileMain .joinUsPage .joinStaffNext {
  margin-left: 0.3rem;
}
.mobileMain .joinUsPage .joinRecruit {
  margin-top: 1.8rem;
}
.mobileMain .joinUsPage .joinConcept h2, .mobileMain .joinUsPage .joinStaff h2, .mobileMain .joinUsPage .joinRecruit h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .joinUsPage .joinContactList {
  margin-top: 1.4rem;
}
.mobileMain .joinUsPage .joinContactList .joinContactItem {
  width: 100%;
  padding: 0 0.7rem;
  margin-top: 0.6rem;
  height: 2rem;
}
.mobileMain .joinUsPage .joinContactList .joinContactItem:first-child {
  margin-top: 0;
}
.mobileMain .joinUsPage .joinContactList .joinContactItem .joinContactIcon {
  width: 0.82rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobileMain .joinUsPage .joinContactList .joinContactItem .joinContactIcon img {
  max-width: 0.82rem;
  max-height: 0.72rem;
}
.mobileMain .joinUsPage .joinContactList .joinContactItem .joinContactLabel {
  font-size: 0.56rem;
  margin-left: 0.35rem;
}
.mobileMain .joinUsPage .joinContactList .joinContactItem .joinContactValue {
  font-size: 0.56rem;
  margin-left: 0.25rem;
}
.mobileMain .joinUsPage .joinRecruitList {
  flex-wrap: wrap;
  margin-top: 0.7rem;
}
.mobileMain .joinUsPage .joinRecruitList .joinRecruitItem {
  width: 100%;
  height: 7rem;
  margin-top: 0.7rem;
  border-radius: 0.3rem;
}
.mobileMain .joinUsPage .joinRecruitList .joinRecruitItem:first-child {
  margin-top: 0;
}
.mobileMain .joinUsPage .joinRecruitList .joinRecruitItem .joinRecruitBg {
  transform: scale(1);
}
.mobileMain .joinUsPage .joinRecruitList .joinRecruitItem .joinRecruitInfo {
  left: 0.95rem;
  bottom: 0.8rem;
  right: 0.95rem;
}
.mobileMain .joinUsPage .joinRecruitList .joinRecruitItem .joinRecruitInfo .joinRecruitIcon {
  width: 1.15rem;
  height: inherit;
}
.mobileMain .joinUsPage .joinRecruitList .joinRecruitItem .joinRecruitInfo .joinRecruitIcon img {
  max-width: 1.15rem;
  max-height: 1rem;
}
.mobileMain .joinUsPage .joinRecruitList .joinRecruitItem .joinRecruitInfo h3 {
  font-size: 0.6rem;
  margin-top: 0.35rem;
  line-height: 1;
}
.mobileMain .joinUsPage .joinRecruitList .joinRecruitItem .joinRecruitInfo .joinRecruitMore {
  margin-top: 0.5rem;
  font-size: 0.56rem;
  color: #ff6b16;
}
.mobileMain .joinUsPage .joinRecruitList .joinRecruitItem .joinRecruitInfo .joinRecruitMore .joinRecruitArrow {
  width: 0.2rem;
  height: 0.5rem;
  background: url(../images/page/join-more-arrows.webp) center no-repeat;
  background-size: 100%;
  margin-left: 0.3rem;
}

.mobileMain .techGuaranteePage .technologyIntroText {
  font-size: 0.6rem;
  line-height: 0.9rem;
  width: 100%;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.mobileMain .techGuaranteePage .technologyNetworkPic {
  margin-top: 1.8rem;
  width: 100%;
}
.mobileMain .techGuaranteePage .technologyStrength {
  padding-bottom: 1.8rem;
  background: none;
}
.mobileMain .techGuaranteePage .technologyStrength .technologySectionTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .techGuaranteePage .technologyCategoryStage {
  margin-top: 1.2rem;
  flex-wrap: wrap;
}
.mobileMain .techGuaranteePage .technologyCategoryStage .mobileShow {
  width: 100%;
}
.mobileMain .techGuaranteePage .technologyCategoryContent {
  width: 100%;
  min-height: 0;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels {
  display: flex;
  flex-direction: column;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyCategoryPanel {
  display: block;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyCategoryPanel .technologyCategoryCopy {
  width: 100%;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyCategoryPanel .technologyCategoryCopy .technologyCategoryIcon {
  width: 1.1rem;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyCategoryPanel .technologyCategoryCopy h3 {
  margin-left: 0.4rem;
  font-size: 0.6rem;
  line-height: 1;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyCategoryPanel .technologyCategoryCopy .technologyPointList {
  margin-top: 1.1rem;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyCategoryPanel .technologyCategoryCopy .technologyPointList .technologyPoint {
  padding-left: 0.45rem;
  margin-bottom: 0.75rem;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyCategoryPanel .technologyCategoryCopy .technologyPointList .technologyPoint .technologyPointDot {
  width: 0.2rem;
  height: 0.2rem;
  top: 0.4rem;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyCategoryPanel .technologyCategoryCopy .technologyPointList .technologyPoint p {
  font-size: 0.56rem;
  line-height: 0.9rem;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyPhotoPanel {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
}
.mobileMain .techGuaranteePage .technologyCategoryPanels .technologyCategoryPanel + .technologyCategoryPanel {
  margin-top: 1.8rem;
}
.mobileMain .techGuaranteePage .technologyCategoryTabs {
  margin-top: 1.2rem;
  padding-top: 0;
  height: initial;
}
.mobileMain .techGuaranteePage .technologyCategoryTabs .technologyCategoryTab {
  padding-top: 1.4rem;
  font-size: 0.5rem;
  line-height: 0.9rem;
  width: calc((100% - 1rem) / 3);
}
.mobileMain .techGuaranteePage .technologyCategoryTabs .technologyCategoryTab .technologyCategoryTabMark {
  width: 0.95rem;
  height: 0.95rem;
}
.mobileMain .techGuaranteePage .technologyCategoryTabs .technologyCategoryTab .technologyCategoryTabMark::after {
  width: 0.2rem;
  height: 0.2rem;
}
.mobileMain .techGuaranteePage .technologyPhotoPanels {
  width: 100%;
  margin-top: 0.5rem;
  margin-left: 0;
}
.mobileMain .techGuaranteePage .technologyPhotoColumn {
  width: 100%;
}
.mobileMain .techGuaranteePage .technologyPhotoBox {
  height: 9.8rem;
  border-radius: 0.3rem;
}
.mobileMain .techGuaranteePage .technologyPhotoPagination {
  margin-top: 0.6rem;
}
.mobileMain .techGuaranteePage .technologyPhotoPagination .swiper-pagination-bullet {
  width: 1.35rem;
  height: 0.06rem;
  margin: 0 0.15rem;
}
.mobileMain .techGuaranteePage .technologyTeam {
  padding: 1.8rem 4%;
  background: url(../images/mobile/page/technology-team.webp) center no-repeat;
  background-size: cover;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo {
  margin-top: 1.8rem;
  border: none;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamInfoInner {
  flex-wrap: wrap;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamInfoInner .technologyTeamColumn {
  width: 100%;
  padding: 0;
  margin-top: 1.8rem;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamInfoInner .technologyTeamColumn:first-child {
  margin-top: 0;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamInfoInner::after {
  display: none;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamInfoInner .technologyTeamHeading {
  padding-top: 0.6rem;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamInfoInner .technologyTeamHeading .technologyTeamNumber {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamInfoInner .technologyTeamHeading h3 {
  font-size: 0.6rem;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamPoint {
  margin-top: 0.7rem;
  padding-left: 0.5rem;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamPoint .technologyTeamDot {
  width: 0.2rem;
  height: 0.2rem;
  top: 0.35rem;
}
.mobileMain .techGuaranteePage .technologyTeam .technologyTeamInfo .technologyTeamPoint p {
  font-size: 0.56rem;
  line-height: 0.9rem;
  flex: 1;
}
.mobileMain .techGuaranteePage .technologyQuality {
  padding-top: 1.8rem;
}
.mobileMain .techGuaranteePage .technologyQuality .technologySectionTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .techGuaranteePage .technologyQuality .technologyQualityCards {
  flex-wrap: wrap;
  height: initial;
  margin-top: 1.5rem;
}
.mobileMain .techGuaranteePage .technologyQuality .technologyQualityCards .technologyQualityCard {
  width: 100%;
  margin-left: 0;
  margin-top: 0.55rem;
  height: 9.45rem;
  border-radius: 0.3rem;
}
.mobileMain .techGuaranteePage .technologyQuality .technologyQualityCards .technologyQualityCard:first-child {
  margin-top: 0;
}
.mobileMain .techGuaranteePage .technologyQuality .technologyQualityCards .technologyQualityCard .technologyQualityOverlay {
  padding: 0.9rem 0.6rem;
  transform: translateY(0);
  opacity: 1;
}
.mobileMain .techGuaranteePage .technologyQuality .technologyQualityCards .technologyQualityCard .technologyQualityNumber {
  font-size: 1.2rem;
  line-height: 1.2rem;
  left: 0.6rem;
  top: 0.35rem;
}
.mobileMain .techGuaranteePage .technologyQuality .technologyQualityCards .technologyQualityCard h3 {
  font-size: 0.6rem;
  line-height: 0.9rem;
}
.mobileMain .techGuaranteePage .technologyQuality .technologyQualityCards .technologyQualityCard p {
  font-size: 0.56rem;
  line-height: 0.9rem;
  margin-top: 0.5rem;
}
.mobileMain .techGuaranteePage .technologyQuality .technologyQualityCards .technologyQualityCard .technologyQualityNarrowText {
  display: none;
}
.mobileMain .aboutNewsPage .newsCategory .newsCategoryItem {
  font-size: 0.72rem;
  margin-left: 1.15rem;
}
.mobileMain .aboutNewsPage .newsCategory .newsCategoryItem:first-child {
  margin-left: 0;
}
.mobileMain .aboutNewsPage .aboutNewsInner {
  width: 100%;
}
.mobileMain .aboutNewsPage .newsList {
  flex-wrap: wrap;
  margin-top: 1.5rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard {
  width: 100%;
  padding: 0 4%;
  box-sizing: border-box;
  background: url(../images/mobile/page/caseBg.webp) right bottom no-repeat;
  background-size: 100%;
  margin-bottom: 0;
  padding-bottom: 1.65rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard:hover {
  top: 0;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardPic {
  height: 9.2rem;
  border-radius: 0.3rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardContent {
  padding: 0.9rem 0.55rem 0 0.55rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardContent .newsCardDate {
  font-size: 0.56rem;
  margin-bottom: 0.5rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardContent h2 {
  font-size: 0.6rem;
  line-height: 0.9rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: initial;
  white-space: normal;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardContent .newsCardMore {
  position: initial;
  transform: none;
  opacity: 1;
  margin-top: 0.6rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardContent .newsCardMore .newsCardMoreText {
  font-size: 0.56rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardContent .newsCardMore .newsCardMoreIcon {
  width: 0.28rem;
  height: 0.4rem;
  margin-left: 0.35rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardMeta {
  margin-top: 0.5rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardMeta .newsCardMetaItem {
  font-size: 0.56rem;
  margin-top: 0.3rem;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardMeta .newsCardMetaItem:first-child {
  margin-top: 0;
}
.mobileMain .aboutNewsPage .newsList .newsCard .newsCardMeta .newsCardMetaItem .newsCardMetaIcon {
  width: 0.5rem;
  margin-right: 0.3rem;
}
.mobileMain .aboutNewsPage .paging {
  margin-top: 0;
}



.mobileMain .aboutHonorTabs {
  justify-content: flex-start;
  width: 100%;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;

}
.mobileMain .aboutHonorTabs .swiper-wrapper {
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left: 0.57rem;
  padding-right: 1.4rem;
}

.mobileMain .aboutHonorTabs .aboutHonorTab {
  flex: 0 0 auto;
  width: auto;
  margin-left: 1.4rem;
  color: #999;
  font-size: 0.56rem;
  line-height: 0.72rem;

}
.mobileMain .aboutHonorTabs .aboutHonorTab:first-child {
  margin-left: 0;
}

.mobileMain .aboutHonorTabs .aboutHonorTab:last-child {
  margin-right: 1.4rem;
}

.mobileMain .aboutHonorTabs .aboutHonorTab.active {
  color: #333;
}

@keyframes mobileServiceAdvantagePulse {
    0% {
        transform: translate(-50%, -50%) scale(0.45);
        opacity: 0.78;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.15);
        opacity: 0;
    }
}

@keyframes serviceAdvantagePanelIn {
    from {
        opacity: 0;
        transform: translateY(0.12rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes productPanelEnter {
    from {
        opacity: 1;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*================产品详情================*/
.productDetailPage {
  padding-bottom: 4.44444rem;
  position: relative;

}
.productDetailPage .imageFallback {
  visibility: hidden;
}

.productDetailPage .productModuleTitle, .productDetailPage .productRichModuleList > section > h2, .productDetailPage .productRichModuleList > section > .productTableScroll > h2 {
  font-size: 1.66667rem;
  font-weight: bold;
  text-align: center;
}

.productRichModuleList > section > h2, .productRichModuleList > section > .productTableScroll, .productRichModuleList > section > p {
  position: relative;
  width: 83.333%;
  min-width: 66.66667rem;
  max-width: 88.88889rem;
  margin-left: auto;
  margin-right: auto;
}

.productDetailHero {
  position: relative;
  overflow: hidden;
  padding-top: 9.44444rem;
  padding-bottom: 4.44444rem;
  background: url(../images/page/product-detail-hero-bg.webp) center no-repeat;
  background-size: cover;

}
.productDetailHero .productDetailHeroInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.productDetailHero .productDetailInfo {
  z-index: 4;
  box-sizing: border-box;
  width: 33.33333rem;
  padding: 2.77778rem 2.22222rem 2.77778rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 100%);
}

.productDetailHero .productDetailInfo h1 {
  font-size: 1.55556rem;
  line-height: 1;
  font-weight: bold;
}

.productDetailHero .productDetailIntro {
  margin-top: 1.38889rem;
  font-size: 1rem;
  line-height: 1.77778rem;
  color: #666666;
}

.productDetailHero .productDetailLine {
  width: 100%;
  height: 0.05556rem;
  margin-top: 1.38889rem;
  background: #d7dce0;
  display: none;
}

.productDetailHero .productDetailSummary {
  margin-top: 1.38889rem;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  color: #333333;
  display: none;
}

.productDetailHero .productDetailActions {
  display: flex;
  align-items: center;
  margin-top: 2.77778rem;
}

.productDetailHero .productDetailAction {
  box-sizing: border-box;
  width: 8.83333rem;
  height: 2.55556rem;
  margin-right: 1.16667rem;
  border: 0.05556rem solid #ff6a00;
  border-radius: 1.27778rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff6a00;
  cursor: pointer;
  transition: all 0.35s;
  position: relative;
  overflow: hidden;
}
.productDetailHero .productDetailAction.mobileShow {
  display: none;
}
.productDetailHero .productDetailAction a {
  display: flex;
  align-items: center;
  color: #ff6a00;
}

.productDetailHero .productDetailAction:last-child {
  margin-right: 0;
}
.productDetailHero .productDetailAction::after {
  content: '';
  position: absolute;
  left: -120%;
  width: 120%;
  height: 120%;
  background: #ff6b00;
  transition: all 0.5s;
}

.productDetailHero .productDetailAction:hover {
  color: #fff;

}
.productDetailHero .productDetailAction:hover .productDetailActionIcon {
  filter: brightness(0) invert(1);
}
.productDetailHero .productDetailAction:hover::after {
  left: -10%;
}

.productDetailHero .productDetailActionIcon {
  width: 1.11111rem;
  height: 1.11111rem;
  margin-right: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.35s;
  position: relative;
  z-index: 2;
}

.productDetailHero .productDetailActionIcon1 {
  background-image: url(../images/page/product-detail-action-1.webp);
}

.productDetailHero .productDetailActionIcon2 {
  background-image: url(../images/page/product-detail-action-2.webp);
}

.productDetailHero .productDetailActionIcon3 {
  background-image: url(../images/page/product-detail-action-3.webp);
}

.productDetailHero .productDetailActionText {
  font-size: 0.77778rem;
  line-height: 1;
  margin-left: 0.5rem;
  position: relative;
  z-index: 2;
}

.productDetailHero .productGallery {
  position: relative;
  z-index: 3;
  width: calc(100% - 40.55556rem);
}

.productDetailHero .productMainSwiper {
  width: 100%;
  height: 22.77778rem;
}

.productDetailHero .productMainSlide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.productDetailHero .productMainSlide::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  opacity: 0;
  transition: all 0.3s;
  cursor: pointer;
}
.productDetailHero .productMainSlide::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.05556rem;
  height: 3.05556rem;
  background: url(../images/page/shadowBg.webp) center no-repeat;
  background-size: cover;
  transition: all 0.35s;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
.productDetailHero .productMainSlide:hover::after {
  opacity: 1;
}
.productDetailHero .productMainSlide:hover::before {
  opacity: 1;
}

.productDetailHero .productMainPic {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.productDetailHero .productMainPic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 85%;
  max-height: 90%;
}

.productDetailHero .productView360 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  width: 5.44444rem;
  height: 5.44444rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.35s;
  opacity: 0;
  pointer-events: none;
}



.productDetailHero .productView360Icon {
  width: 3.05556rem;
  height: 3.05556rem;
}

.productDetailHero .productView360Icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.productDetailHero .productThumbArea {
  position: relative;
  width: 70%;
  height: 5rem;
  margin: 2.22222rem auto 0;
  display: flex;
  align-items: center;
}

.productDetailHero .productThumbSwiper {
  width: calc(100% - 6.66667rem);
  height: 5rem;
  margin: 0 auto;
  overflow: hidden;
}

.productDetailHero .productThumbSlide {
  box-sizing: border-box;
  width: calc((100% - 1.55556rem) / 3);
  height: 5rem;
  margin-right: 0.77778rem;
  border: 0.05556rem solid transparent;
  border-radius: 0.44444rem;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s;

}
.productDetailHero .productThumbSlide:last-child {
  margin-right: 0;
}

.productDetailHero .productThumbSlide:hover, .productDetailHero .productThumbSlide.swiper-slide-thumb-active {
  border-color: #ff6a00;
}

.productDetailHero .productThumbPic {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.44444rem;
}

.productDetailHero .productThumbPic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.35s;
}

.productDetailHero .productThumbSlide:hover img {
  transform: scale(1.06);
}

.productDetailHero .productThumbPrev, .productDetailHero .productThumbNext {
  position: absolute;
  top: 0;
  width: 1.88889rem;
  height: 5rem;
  margin-top: 0;
  border-radius: 0.38889rem;
  background-color: rgba(255, 255, 255, 0.9);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.44444rem auto;
  transition: all 0.3s;

}
.productDetailHero .productThumbPrev:after, .productDetailHero .productThumbNext:after {
  display: none;
}

.productDetailHero .productThumbPrev {
  left: 0;
  background-image: url(../images/page/product-page-prev.webp);
}
.productDetailHero .productThumbPrev:hover {
  background-color: #ff6a00;
  background-image: url(../images/page/product-page-prevs.webp);
}

.productDetailHero .productThumbNext {
  right: 0;
  background-image: url(../images/page/product-page-next.webp);
}
.productDetailHero .productThumbNext:hover {
  background-color: #ff6a00;
  background-image: url(../images/page/product-page-nexts.webp);
}
.productRichModuleList {
  margin-top: 4.44444rem;
}
.productRichModuleList > .productRichModule {
  position: relative;
  box-sizing: border-box;
  padding: 4.44444rem 0 4.44444rem;
  overflow: hidden;
  background: #fff;
}
.productRichModuleList > .productRichModule:first-child {
  padding-top: 0;
}
.productRichModuleList > .productRichModule:last-child {
  padding-bottom: 0;
}
.productRichModuleList > .productRichModule .productTableScroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: #ff6a00 #e6e6e6;

}
.productRichModuleList > .productRichModule .productTableScroll::-webkit-scrollbar {
  height: 1.11111rem;
}

.productRichModuleList > .productRichModule .productTableScroll::-webkit-scrollbar-track {
  border-radius: 0.33333rem;
  background: #e6e6e6;
}

.productRichModuleList > .productRichModule .productTableScroll::-webkit-scrollbar-thumb {
  border-radius: 0.33333rem;
  background: #ff6a00;
}

.productRichModuleList > .productRichModule:nth-child(2n) {
  background: url(../images/page/product-detail-structure-bg.webp) center no-repeat;
  background-size: cover;
  padding-bottom: 4.44444rem;
}

.productRichModuleList > .productRichModule > h2, .productRichModuleList > .productRichModule > .productTableScroll > h2 {
  margin-bottom: 2.22222rem;
  line-height: 1;
}

.productRichModuleList > .productRichModule table {
  /* collapse 合并模式下相邻边框自动去重，最右列/最底行边框与外框合并成单线，rowspan/colspan 任意组合都不会缺线或双线 */
  border-collapse: collapse;
  min-width: calc(100% - 0.11111rem);
  border: 0.05556rem solid #e5e5e5;
}

.productRichModuleList > .productRichModule th {
  height: 3.72222rem;
  box-sizing: border-box;
  color: #fff;
  background: #ff6a00;
  font-size: 1.33333rem;
  font-weight: bold;
  text-align: center;
  border-right: 0.05556rem solid rgba(255, 255, 255, 0.4);
  border-bottom: 0.05556rem solid #e5e5e5;

}
.productRichModuleList > .productRichModule th:last-child {
  border-right: 0;
}

.productRichModuleList > .productRichModule th:only-child:not([colspan]) {
  width: 100%;
}

.productRichModuleList > .productRichModule td {
  height: 3.55556rem;
  box-sizing: border-box;
  padding: 0.83333rem 1.66667rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.66667rem;
  color: #666666;
  border-right: 0.05556rem solid #e5e5e5;
  border-bottom: 0.05556rem solid #e5e5e5;
  min-width: 11.11111rem;
}

.productRichModuleList > .productRichModule tbody tr:nth-child(odd) td {
  background: #fef2e8;


}

.productRichModuleList > .productRichModule table {
  height: auto !important;

}
.productRichModuleList > .productRichModule table col, .productRichModuleList > .productRichModule table tr {
  width: auto !important;
  height: auto !important;
}

.productRichModuleList > .productRichModule table td {
  width: auto !important;
  height: 3.55556rem !important;
  padding: 0.83333rem 1.66667rem !important;
  border: 0 !important;
  border-right: 0.05556rem solid #e5e5e5 !important;
  border-bottom: 0.05556rem solid #e5e5e5 !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  line-height: 1.66667rem !important;
  vertical-align: middle !important;
  white-space: normal !important;

}
.productRichModuleList > .productRichModule table td span {
  display: inline;
  vertical-align: initial !important;
}

.productRichModuleList > .productRichModule table:not(:has(thead)) > tbody > tr:first-child > td {
  height: 3.72222rem !important;
  padding: 0.05556rem !important;
  border-right: 0 !important;
  border-bottom: 0.05556rem solid #e5e5e5 !important;
  color: #fff !important;
  background: #ff6a00 !important;
  font-size: 1.33333rem !important;
  font-weight: bold !important;
  line-height: normal !important;
}

.productRichModuleList > .productRichModule > p, .productRichModuleList > .productRichModule > .productTableScroll > p {
  margin-bottom: 3.05556rem;
  font-size: 1rem;
  color: #666666;
  text-align: center;
}
.productRichModuleList > .productRichModule > p:last-child, .productRichModuleList > .productRichModule > .productTableScroll > p:last-child {
  margin-bottom: 0;
}

.productRichModuleList > .productRichModule > p img, .productRichModuleList > .productRichModule > .productTableScroll > p img {
  width: 80%;
  margin: 0 auto;
}

.productTableFloatScroll {
  position: fixed;
  bottom: 0;
  z-index: 100;
  display: none;
  overflow-x: auto;
  overflow-y: hidden;
  background: #e6e6e6;
  scrollbar-color: #ff6a00 #e6e6e6;

}
.productTableFloatScroll .productTableFloatScrollInner {
  height: 0.05556rem;
}

.productTableFloatScroll::-webkit-scrollbar {
  height: 1.11111rem;
}

.productTableFloatScroll::-webkit-scrollbar-track {
  border-radius: 0.33333rem;
  background: #e6e6e6;
}

.productTableFloatScroll::-webkit-scrollbar-thumb {
  border-radius: 0.33333rem;
  background: #ff6a00;
}

/* 当前产品详情页：外框固定在滚动容器上，横向滚动时始终可见 */
.productTableAligned > .productRichModule > .productTableScroll {
  box-sizing: border-box;
}

.productTableAligned > .productRichModule > .productTableScroll > table {
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
  border: 0.05556rem solid #e5e5e5;
}

.productTableAligned > .productRichModule > .productTableScroll > table > tbody > tr > td:last-child {
  border-right: 0 !important;
}

.productTableAligned > .productRichModule > .productTableScroll > table > tbody > tr:last-child > td {
  border-bottom: 0 !important;
}

/* 三列及以上表格（桌面端）：前两列宽度按实际内容自适应，左右间距20px */
body:not(.mobileMain) .productRichModuleList > .productRichModule table:has(tbody td:nth-child(3)) > tbody > tr > td:nth-child(1):not([colspan]), body:not(.mobileMain) .productRichModuleList > .productRichModule table:has(tbody td:nth-child(3)) > tbody > tr > td:nth-child(2):not([colspan]) {
  width: 0.05556rem !important;
  min-width: 0 !important;
  padding-left: 1.11111rem !important;
  padding-right: 1.11111rem !important;
  white-space: nowrap !important;
}

/* 当前产品详情页：前两列至少150px，长内容保持不换行并自动撑宽 */
body:not(.mobileMain) .productRichModuleList.productTableAligned > .productRichModule table:has(tbody td:nth-child(3)) > tbody > tr > td:nth-child(-n + 2):not([colspan]) {
  min-width: 8.33333rem !important;
}

.productScene {
  box-sizing: border-box;
  background: #fff;
  margin-top: 4.44444rem;

}
.productScene .productSceneList {
  height: 27rem;
  margin-top: 2.16667rem;
  overflow: hidden;
}

.productScene .productSceneList > .swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  transform: none;
}

.productScene .productSceneItem {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: 27rem;
  margin-right: 1.66667rem;
  overflow: hidden;
  border-radius: 0.44444rem;
  cursor: pointer;
  transition: flex-grow 0.5s ease;
}
.productScene .productSceneItem::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.5s;
}

.productScene .productSceneItem:last-child {
  margin-right: 0;
}

.productScene .productSceneItem.active {
  flex-grow: 3.35;

}
.productScene .productSceneItem.active .productSceneCaption {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.productScene .productSceneItem.active .productSceneLabel {
  opacity: 0;
}

.productScene .productScenePic {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.productScene .productScenePic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s;
}

.productScene .productSceneItem:hover .productScenePic img {
  transform: scale(1.05);
}

.productScene .productSceneCaption {
  position: absolute;
  left: 5%;
  bottom: 2.83333rem;
  box-sizing: border-box;
  width: 59%;
  min-height: 10.11111rem;
  padding: 2.22222rem;
  border: 0.05556rem solid rgba(255, 255, 255, 0.28);
  border-radius: 0.83333rem;
  background: rgba(118, 143, 164, 0.68);
  color: #fff;
  opacity: 0;
  transform: translateY(1.11111rem);
  pointer-events: none;
  transition: all 0.45s 0.12s;
  z-index: 2;
}

.productScene .productSceneCaption h3 {
  font-size: 1.33333rem;
  line-height: 1;
}

.productScene .productSceneCaption p {
  margin-top: 1.33333rem;
  font-size: 0.83333rem;
  line-height: 1.8;
}

.productScene .productSceneLabel {
  position: absolute;
  left: 1.66667rem;
  bottom: 1.55556rem;
  font-size: 1.22222rem;
  line-height: 1;
  color: #fff;
  transition: opacity 0.3s;
  z-index: 2;
}

body:not(.mobileMain) .productRichModuleList:has(> .productRichModule:nth-child(2n):last-child) + .productScene {
  margin-top: 4.44444rem;
}

.productLightboxPrev, .productLightboxNext {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  width: 2.88889rem;
  height: 2.88889rem;
  margin-top: 0;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.5rem auto;
  transition: all 0.3s;

}
.productLightboxPrev:after, .productLightboxNext:after {
  display: none;
}

.productLightboxPrev {
  margin-right: 1.38889rem;
  background-color: #f2f2f2;
  background-image: url(../images/page/product-page-prev.webp);
}

.productLightboxNext {
  background-color: #f2f2f2;
  background-image: url(../images/page/product-page-next.webp);
}

.productRecommend {
  box-sizing: border-box;
  background: #fff;
  margin-top: 4.44444rem;
}

.productLightbox {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;

}
.productLightbox.active {
  display: flex;
}

.productLightbox .productLightboxMask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.78);
}

.productLightbox .productLightboxClose {
  position: absolute;
  right: calc(20vw - 4.27778rem);;
  top: 15vh;
  z-index: 5;
  width: 2.77778rem;
  height: 2.77778rem;
  border-radius: 50%;
  background: #fff url(../images/page/casePage-modal-close.webp) center no-repeat;
  background-size: 1.11111rem auto;
  cursor: pointer;
  transition: transform 0.35s;

}
.productLightbox .productLightboxClose:hover {
  transform: rotate(90deg);
}

.productLightbox .productLightboxSwiper {
  width: 100%;
  height: 100%;
}

.productLightbox .productLightboxSlide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.productLightbox .productLightboxPic {
  width: 60vw;
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.productLightbox .productLightboxPic img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

.productLightbox .productLightboxPrev, .productLightbox .productLightboxNext {
  position: absolute;
  top: 50%;
  z-index: 4;
  background-color: #fff;
  transform: translateY(-50%);
}

.productLightbox .productLightboxPrev {
  left: calc(20vw - 4.27778rem);
}
.productLightbox .productLightboxPrev:hover {
  background-color: #ff6a00;
  background-image: url(../images/page/product-page-prevs.webp);
}

.productLightbox .productLightboxNext {
  right: calc(20vw - 4.27778rem);
}
.productLightbox .productLightboxNext:hover {
  background-color: #ff6a00;
  background-image: url(../images/page/product-page-nexts.webp);
}

.productDetail2 .productDetailHero {
  background: url(../images/page/product-detail-hero-bg2.webp) center no-repeat;
  background-size: cover;
}
.productDetail2 .productDetailHero .productDetailHeroInner {
  width: 71.09%;
}
.productDetail2 .productDetailHero .productDetailInfo {
  background: initial;
  width: 33.33333rem;
}
.productDetail2 .productDetailHero .productGallery {
  width: calc(100% - 33.33333rem - 8.88889rem);
}
.productDetail2 .productDetailHero .productMainSwiper {
  background: #e9e8e8;
}
.productDetail2 .productDetailHero .productThumbArea {
  width: 100%;
}
.productDetail2 .productDetailHero .productThumbPrev, .productDetail2 .productDetailHero .productThumbNext {
  background-color: #e9e8e8;
  opacity: 1;
}
.productDetail2 .productDetailHero .productThumbPrev:hover, .productDetail2 .productDetailHero .productThumbNext:hover {
  background-color: #ff6a00;
}
.productDetail2 .productDetailHero .productThumbSlide {
  background: #e9e8e8;
}

.mobileMain .productLightbox .productLightboxClose {
  width: 1.3rem;
  height: 1.3rem;
  top: 0.6rem;
  right: 0.6rem;
  background-size: 0.5rem auto;
}

.mobileMain .productLightbox .productLightboxPic {
  width: 92%;
  height: 78%;
  min-width: 0;
  max-width: none;
  max-height: 78%;
}
.mobileMain .productLightbox .productLightboxPic img {
  max-width: 100%;
  max-height: 100%;
}

.mobileMain .productLightbox .productLightboxPrev, .mobileMain .productLightbox .productLightboxNext {
  width: 1.22rem;
  height: 1.22rem;
  background-size: 0.24rem auto;
}

.mobileMain .productLightbox .productLightboxPrev {
  left: 0.4rem;
}

.mobileMain .productLightbox .productLightboxNext {
  right: 0.4rem;
}

.mobileMain .productRichModuleList > .productRichModule table:has(tbody td:nth-child(3)) > tbody > tr > td:nth-child(1):not([colspan]), .mobileMain .productRichModuleList > .productRichModule table:has(tbody td:nth-child(3)) > tbody > tr > td:nth-child(2):not([colspan]) {
  width: 0.05556rem !important;
  min-width: 0 !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  white-space: nowrap !important;
}
.mobileMain .productRichModuleList.productTableAligned > .productRichModule table:has(tbody td:nth-child(3)) > tbody > tr > td:nth-child(-n + 2):not([colspan]) {
  min-width: 2rem !important;
}
.mobileMain .productDetailPage {
  padding-bottom: 1.93rem;

}
.mobileMain .productDetailPage .productModuleTitle, .mobileMain .productDetailPage .productRichModuleList > section > h2, .mobileMain .productDetailPage .productRichModuleList > section > .productTableScroll > h2 {
  font-size: 0.71rem;
  line-height: 1;
}

.mobileMain .productRichModuleList > section > h2, .mobileMain .productRichModuleList > section > .productTableScroll, .mobileMain .productRichModuleList > section > p {
  width: 92.4%;
  min-width: auto;
}

.mobileMain .productDetailHero {
  padding: 3.63rem 0 2.22rem;

}
.mobileMain .productDetailHero .productDetailHeroInner {
  width: 92.13%;
  display: block;
}

.mobileMain .productDetailHero .productGallery {
  width: 100%;
}

.mobileMain .productDetailHero .productMobileMainSwiper {
  width: 100%;
  height: 9.12rem;
  overflow: hidden;
  border-radius: 0.08rem;
  cursor: zoom-in;
}

.mobileMain .productDetailHero .productMobileMainSlide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobileMain .productDetailHero .productMainPic img {
  max-width: 100%;
  max-height: 100%;
}

.mobileMain .productDetailHero .productThumbArea {
  width: 100%;
  height: 2.25rem;
  margin-top: 0.53rem;
}

.mobileMain .productDetailHero .productMobileThumbSwiper {
  width: 11rem;
  height: 2.25rem;
  margin: 0 auto;
  overflow: hidden;
}

.mobileMain .productDetailHero .productThumbSlide {
  width: 3.4rem;
  height: 2.25rem;
  margin-right: 0.39rem;
  border-radius: 0.08rem;
}

.mobileMain .productDetailHero .productThumbPic {
  border-radius: 0.08rem;
}

.mobileMain .productDetailHero .productMobileThumbPrev, .mobileMain .productDetailHero .productMobileThumbNext {
  width: 0.74rem;
  height: 2.25rem;
  top: 0;
  margin-top: 0;
  border-radius: 0.08rem;
  background-color: #f2f2f2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.17rem auto;

}
.mobileMain .productDetailHero .productMobileThumbPrev:after, .mobileMain .productDetailHero .productMobileThumbNext:after {
  display: none;
}


.mobileMain .productDetailHero .productMobileThumbPrev {
  left: 0;
  background-image: url(../images/mobile/page/product-detail-mobile-prev.webp);
}
.mobileMain .productDetailHero .productMobileThumbPrev:hover {
  background-color: #ff6a00;
  background-image: url(../images/mobile/page/product-detail-mobile-prevs.webp);
}

.mobileMain .productDetailHero .productMobileThumbNext {
  right: 0;
  background-image: url(../images/mobile/page/product-detail-mobile-next.webp);
}
.mobileMain .productDetailHero .productMobileThumbNext:hover {
  background-color: #ff6a00;
  background-image: url(../images/mobile/page/product-detail-mobile-nexts.webp);
}

.mobileMain .productDetailHero .productDetailInfo {
  width: 100%;
  height: auto;
  margin-top: 1.36rem;
  padding: 1rem 0.75rem 0 0.75rem;
}

.mobileMain .productDetailHero .productDetailInfo h1 {
  font-size: 0.72rem;
  line-height: 1.25;
}

.mobileMain .productDetailHero .productDetailIntro {
  margin-top: 0.55rem;
  font-size: 0.5rem;
  line-height: 0.8rem;
  color: #666;
}

.mobileMain .productDetailHero .productDetailLine {
  height: 0.05556rem;
  margin-top: 0.63rem;
}

.mobileMain .productDetailHero .productDetailSummary {
  margin-top: 0.62rem;
  font-size: 0.48rem;
  line-height: 0.78rem;
}

.mobileMain .productDetailHero .productDetailActions {
  margin-top: 0.65rem;
}

.mobileMain .productDetailHero .productDetailAction {
  width: auto;
  height: 1.25rem;
  margin-right: 0.24rem;
  flex: 1 1 0;
  border-radius: 0.63rem;
}
.mobileMain .productDetailHero .productDetailAction.mobileShow {
  display: flex;
}
.mobileMain .productDetailHero .productDetailAction.pcShow {
  display: none;
}
.mobileMain .productDetailHero .productDetailAction:hover {
  color: #ff6a00;
}
.mobileMain .productDetailHero .productDetailAction:hover .productDetailActionIcon {
  filter: none;
}
.mobileMain .productDetailHero .productDetailAction:hover::after {
  left: -120%;
}

.mobileMain .productDetailHero .productDetailActionIcon {
  width: 0.57rem;
  height: 0.57rem;
  margin-right: 0.12rem;
}

.mobileMain .productDetailHero .productDetailActionIcon1 {
  background-image: url(../images/mobile/page/product-detail-mobile-action-1.webp);
}

.mobileMain .productDetailHero .productDetailActionIcon2 {
  background-image: url(../images/mobile/page/product-detail-mobile-action-2.webp);
}

.mobileMain .productDetailHero .productDetailActionIcon3 {
  background-image: url(../images/mobile/page/product-detail-mobile-action-3.webp);
}

.mobileMain .productDetailHero .productDetailActionText {
  margin-left: 0.12rem;
  font-size: 0.42rem;
  white-space: nowrap;
}
.mobileMain .productDetail2 .productDetailHero {
  background: #f5f5f5;
}
.mobileMain .productDetail2 .productMobileMainSwiper {
  background: #ededed;
}
.mobileMain .productDetail2 .productDetailInfo {
  background: transparent;
  padding: 0 0.18rem;
}
.mobileMain .productDetail2 .productMobileThumbPrev, .mobileMain .productDetail2 .productMobileThumbNext {
  background-color: #e4e1e1;
}

.mobileMain .productAnchorNav {
  overflow: hidden;

}
.mobileMain .productAnchorNav .productAnchorInner {
  width: 100%;
  justify-content: flex-start;
}

.mobileMain .productAnchorNav .productAnchorItem {
  height: 100%;
  margin: 0 0.42rem;
  padding: 0;
  flex: 0 0 auto;
  font-size: 0.48rem;

}
.mobileMain .productAnchorNav .productAnchorItem:first-child {
  margin-left: 0.61rem;
}

.mobileMain .productAnchorNav .productAnchorItem:after {
  height: 0.08rem;
}
.mobileMain .productRichModuleList {
  margin-top: 1.8rem;
}
.mobileMain .productRichModuleList > .productRichModule {
  padding: 1.8rem 0 1.8rem;
}
.mobileMain .productRichModuleList > .productRichModule:first-child {
  padding-top: 0;
}
.mobileMain .productRichModuleList > .productRichModule:last-child {
  padding-bottom: 0;
}

.mobileMain .productRichModuleList > .productRichModule:nth-child(2n) {
  background-color: #e8f5ff;
  background-image: url(../images/mobile/page/product-detail-mobile-structure-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  padding-bottom: 1.8rem;
}

.mobileMain .productRichModuleList > .productRichModule > h2, .mobileMain .productRichModuleList > .productRichModule > .productTableScroll > h2 {
  margin-bottom: 0.86rem;
}

.mobileMain .productRichModuleList > .productRichModule th {
  height: 1.52rem;
  border-radius: 0.08rem;
  font-size: 0.52rem;
}

.mobileMain .productRichModuleList > .productRichModule td {
  height: 1.47rem;
  padding: 0.28rem 0.3rem;
  font-size: 0.48rem;
  line-height: 0.72rem;
  min-width: 3rem;
}

.mobileMain .productRichModuleList > .productRichModule .productTableScroll::-webkit-scrollbar {
  height: 0.08rem;
}

.mobileMain .productRichModuleList > .productRichModule .productTableScroll::-webkit-scrollbar-track {
  border-radius: 0.08rem;
}

.mobileMain .productRichModuleList > .productRichModule .productTableScroll::-webkit-scrollbar-thumb {
  border-radius: 0.08rem;
}

.mobileMain .productRichModuleList > .productRichModule table td {
  height: 1.47rem !important;
  padding: 0.28rem 0.3rem !important;
  font-size: 0.48rem !important;
  line-height: 0.72rem !important;
}

.mobileMain .productRichModuleList > .productRichModule table:not(:has(thead)) > tbody > tr:first-child > td {
  height: 1.52rem !important;
  padding: 0.05556rem !important;
  border-radius: 0.08rem !important;
  font-size: 0.52rem !important;
  line-height: normal !important;
}

.mobileMain .productRichModuleList > .productRichModule > p, .mobileMain .productRichModuleList > .productRichModule > .productTableScroll > p {
  margin-bottom: 1.23rem;
  text-align: left;
  font-size: 0.5rem;
  line-height: 0.78rem;
}
.mobileMain .productRichModuleList > .productRichModule > p:last-child, .mobileMain .productRichModuleList > .productRichModule > .productTableScroll > p:last-child {
  margin-bottom: 0;
}

.mobileMain .productRichModuleList > .productRichModule > p img, .mobileMain .productRichModuleList > .productRichModule > .productTableScroll > p img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 100%;
}

.mobileMain .productTableFloatScroll::-webkit-scrollbar {
  height: 0.08rem;
}

.mobileMain .productTableFloatScroll::-webkit-scrollbar-track, .mobileMain .productTableFloatScroll::-webkit-scrollbar-thumb {
  border-radius: 0.08rem;
}

.mobileMain .productScene {
  margin-top: 1.8rem;
  overflow: hidden;

}
.mobileMain .productScene > .w1600 {
  width: 92%;
}

.mobileMain .productScene .productSceneList {
  width: calc(100% + 0.55rem);
  height: 11.47rem;
  margin-top: 1.08rem;
  overflow: hidden;
}

.mobileMain .productScene .productSceneList > .swiper-wrapper {
  flex-wrap: nowrap;
  transform: translate3d(0, 0, 0);
}

.mobileMain .productScene .productSceneItem, .mobileMain .productScene .productSceneItem.active {
  width: 13.3rem;
  height: 11.47rem;
  margin-right: 0.55rem;
  flex: 0 0 13.3rem;
  border-radius: 0.08rem;
}

.mobileMain .productScene .productSceneItem:hover .productScenePic img {
  transform: none;
}

.mobileMain .productScene .productSceneCaption, .mobileMain .productScene .productSceneItem.active .productSceneCaption {
  left: 0.66rem;
  bottom: 1.15rem;
  width: 11.97rem;
  min-height: 4.81rem;
  padding: 0.62rem 1.1rem 0.5rem 0.63rem;
  border-radius: 0.15rem;
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.mobileMain .productScene .productSceneCaption h3 {
  font-size: 0.59rem;
}

.mobileMain .productScene .productSceneCaption p {
  margin-top: 0.44rem;
  font-size: 0.48rem;
  line-height: 0.78rem;
}

.mobileMain .productScene .productSceneLink {
  width: 0.48rem;
  height: 0.48rem;
  top: 0.52rem;
  right: 4.58rem;
  background-image: url(../images/mobile/page/product-detail-mobile-arrow.webp);
  background-size: 0.09rem auto;
}

.mobileMain .productScene .productSceneLabel {
  display: none;
}

.mobileMain .productScene .productSceneMobileControl {
  height: 1.22rem;
  margin-top: 0.77rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobileMain .productScene .productSceneProgress {
  width: 10.5rem;
  height: 0.04rem;
  overflow: hidden;
  background: #eeeeee;
}

.mobileMain .productScene .productSceneProgressBar {
  width: 33.333%;
  height: 100%;
  background: #ff6b00;
  transition: width 0.35s;
}

.mobileMain .productScene .productSceneMobileNavigation {
  display: flex;
  align-items: center;
}

.mobileMain .productScene .productSceneMobilePrev, .mobileMain .productScene .productSceneMobileNext {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.mobileMain .productScene .productSceneMobilePrev:after, .mobileMain .productScene .productSceneMobileNext:after {
  display: none;
}

.mobileMain .productScene .productSceneMobilePrev {
  margin-right: 0.3rem;
  background-image: url(../images/page/solutionDetail-advantage-1.webp);
}
.mobileMain .productScene .productSceneMobilePrev:hover {
  background-image: url(../images/page/solutionDetail-advantage-1s.webp);
}

.mobileMain .productScene .productSceneMobileNext {
  background-image: url(../images/page/solutionDetail-advantage-2.webp);
}
.mobileMain .productScene .productSceneMobileNext:hover {
  background-image: url(../images/page/solutionDetail-advantage-2s.webp);
}

.mobileMain .productRichModuleList:has(> .productRichModule:nth-child(2n):last-child) + .productScene {
  margin-top: 1.8rem;
}

.mobileMain .productRecommend {
  margin-top: 1.8rem;
}

.mobileMain .footer-cont {
  height: auto;
}


@media (min-width: 1400px) and (max-width: 1650px) {
.productListPage .productCategoryItem {
  width: calc((100% - 11.11111rem) / 11);
  flex: 0 0 calc((100% - 11.11111rem) / 11);
  margin-left: 1.11111rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.productListPage .productCategoryText {
  width: 100%;
  text-align: center;
}

.productListPage .productFilter {
  width: 17.5%;
  flex-basis: 17.5%;
}

.productListPage .productViewSwitch {
  width: 100%;
}

.productListPage .productResult {
  width: 79.5625%;
  flex-basis: 79.5625%;
  margin-left: 2.9375%;
}

.productListPage .productCard {
  width: 48.55%;
}
}

.productCustomizationPage {
  color: #333333;

}
.productCustomizationPage * {
  box-sizing: border-box;
}

.productCustomizationPage .customizationDemand {
  padding-top: 9.44444rem;
  padding-bottom: 7.22222rem;
  background: #f6f6f6 url(../images/page/productCustomization-bg.webp) top center no-repeat;
  background-size: 100%;
}

.productCustomizationPage .customizationHomeIcon {
  background: url(../images/page/productCustomization-home.webp) center no-repeat;
  background-size: cover;
}

.productCustomizationPage .requirementList {
  margin-top: 4.44444rem;
}

.productCustomizationPage .requirementItem {
  position: relative;
  animation: requirementPanelEnter 0.35s ease both;

}
.productCustomizationPage .requirementItem + .requirementItem {
  margin-top: 5rem;
  padding-top: 3.88889rem;
  border-top: 0.05556rem solid rgba(255, 107, 0, 0.18);
}

.productCustomizationPage .requirementTitle, .productCustomizationPage .customizationSectionTitle, .productCustomizationPage .customizationContactTitle {
  margin: 0;
  text-align: center;
  font-size: 1.66667rem;
  font-weight: bold;
}

.productCustomizationPage .requirementFields {
  margin-top: 2.22222rem;
}

.productCustomizationPage .requirementRow {
  display: flex;
  align-items: stretch;

}
.productCustomizationPage .requirementRow + .requirementRow {
  margin-top: 1.11111rem;
}

.productCustomizationPage .requirementField {
  width: calc((100% - 1.11111rem) / 2);
  height: 3.88889rem;
  padding: 0 2.22222rem;
  border-radius: 0.55556rem;
  display: flex;
  align-items: center;
  background: #ffffff;

}
.productCustomizationPage .requirementField + .requirementField {
  margin-left: 1.11111rem;
}

.productCustomizationPage .requirementField.required .requirementLabel:after {
  content: '*';
  margin-left: 0.11111rem;
  color: #ff6b00;
}

.productCustomizationPage .requirementLabel {
  flex: 0 0 auto;
  color: #333333;
  font-size: 1rem;
  white-space: nowrap;
}

.productCustomizationPage .requirementField input[type='text'] {
  min-width: 0;
  height: 100%;
  flex: 1;
  margin-left: 2.5rem;
  border: 0;
  outline: 0;
  color: #333333;
  font-size: 1rem;
  background: transparent;
}

.productCustomizationPage .requirementRow .requirementField:first-child input.requirementText {
  width: calc(100% - 7.05556rem);
  flex: 0 0 auto;
  margin-left: auto;
}

.productCustomizationPage .requirementRow .requirementField + .requirementField input.requirementText {
  width: calc(100% - 8.33333rem);
  flex: 0 0 auto;
  margin-left: auto;
}

.productCustomizationPage .requirementField input::placeholder, .productCustomizationPage .requirementTextareaField textarea::placeholder, .productCustomizationPage .contactField input::placeholder {
  color: #b6b6b6;
}

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

.productCustomizationPage .requirementChoices {
  margin-left: 3.77778rem;
  display: flex;
  align-items: center;
}

.productCustomizationPage .requirementChoice {
  display: flex;
  align-items: center;
  cursor: pointer;

}
.productCustomizationPage .requirementChoice + .requirementChoice {
  margin-left: 4.33333rem;
}

.productCustomizationPage .requirementChoice input {
  appearance: none;
  -webkit-appearance: none;
  width: 1.72222rem;
  height: 1.61111rem;
  margin: 0;
  border: 0;
  outline: 0;
  flex: 0 0 1.72222rem;
  cursor: pointer;
  background: url(../images/page/productCustomization-choice.webp) center no-repeat;
  background-size: cover;

}
.productCustomizationPage .requirementChoice input:checked {
  background-image: url(../images/page/productCustomization-choiceActive.webp);
}

.productCustomizationPage .requirementChoiceText {
  margin-left: 0.72222rem;
  color: #555555;
  font-size: 1rem;
}

.productCustomizationPage .requirementSingleRow .requirementField {
  width: calc((100% - 1.05556rem) / 2);
}

.productCustomizationPage .requirementTextareaField {
  width: 100%;
  height: 11.33333rem;
  margin-top: 1.38889rem;
  padding: 1.33333rem 2.11111rem;
  display: block;
}

.productCustomizationPage .requirementTextareaLabel {
  display: flex;
  align-items: center;
}

.productCustomizationPage .requirementLabelNote {
  margin-left: 0.27778rem;
  color: #555555;
  font-size: 1rem;
}

.productCustomizationPage .requirementTextareaField textarea {
  width: 100%;
  height: 6.94444rem;
  margin-top: 0.61111rem;
  padding: 0;
  border: 0;
  outline: 0;
  resize: none;
  color: #333333;
  font-size: 1rem;
  line-height: 1.55556rem;
  background: transparent;
}

.productCustomizationPage .requirementActions {
  position: absolute;
  right: -5.27778rem;
  top: 18.44444rem;
  width: 3.05556rem;
}

.productCustomizationPage .requirementAction {
  width: 3.05556rem;
  color: #ff6b00;
  text-align: center;
  cursor: pointer;
  outline: 0;
}

.productCustomizationPage .requirementActionIcon {
  width: 3.05556rem;
  height: 3.05556rem;
  transition: transform 0.3s;
}

.productCustomizationPage .requirementAdd .requirementActionIcon {
  background: url(../images/page/productCustomization-add.webp) center no-repeat;
  background-size: cover;
}

.productCustomizationPage .requirementDelete {
  display: none;
  margin-top: 2.5rem;

}
.productCustomizationPage .requirementDelete .requirementActionIcon {
  background: url(../images/page/productCustomization-delete.webp) center no-repeat;
  background-size: cover;
}

.productCustomizationPage .requirementList.active .requirementDelete {
  display: block;
}

.productCustomizationPage .requirementAction:hover .requirementActionIcon, .productCustomizationPage .requirementAction:focus .requirementActionIcon {
  transform: scale(1.08);
}

.productCustomizationPage .requirementActionText {
  margin-top: 0.55556rem;
  font-size: 0.88889rem;
  line-height: 1.11111rem;
}

.productCustomizationPage .customizationHint {
  margin-top: 3.61111rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff6b00;
  font-size: 1.33333rem;
  font-weight: bold;
}

.productCustomizationPage .customizationHintIcon {
  width: 1.94444rem;
  height: 1.94444rem;
  margin-right: 0.72222rem;
  background: url(../images/page/productCustomization-hint.webp) center no-repeat;
  background-size: cover;
}

.productCustomizationPage .requirementSummary {
  display: none;
  padding: 6.11111rem 0 0;
  background: #ffffff;
}

.productCustomizationPage .requirementTableScroll {
  margin-top: 2rem;
  overflow-x: auto;
  padding-bottom: 2.5rem;
  scrollbar-color: #ff6b00 #f4f4f4;
  scrollbar-width: auto;
}

.productCustomizationPage .requirementTableScroll::-webkit-scrollbar {
  height: 0.66667rem;
}

.productCustomizationPage .requirementTableScroll::-webkit-scrollbar-track {
  border-radius: 0.55556rem;
  background: #f4f4f4;
}

.productCustomizationPage .requirementTableScroll::-webkit-scrollbar-thumb {
  border-radius: 0.55556rem;
  background: #ff6b00;
}

.productCustomizationPage .requirementTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  color: #555555;
  font-size: 0.88889rem;
  text-align: center;
}

.productCustomizationPage .requirementTable th, .productCustomizationPage .requirementTable td {
  width: 10rem;
  min-height: 4.55556rem;
  padding: 1.11111rem;
  word-break: break-all;
}

.productCustomizationPage .requirementTable th:first-child, .productCustomizationPage .requirementTable td:first-child {
  width: 8.05556rem;
}

.productCustomizationPage .requirementTable th {
  height: 4.61111rem;
  color: #ffffff;
  font-weight: bold;
  background: #ff6b00;
}

.productCustomizationPage .requirementTable th:first-child {
  border-radius: 0.55556rem 0 0 0.55556rem;
}

.productCustomizationPage .requirementTable th:last-child {
  border-radius: 0 0.55556rem 0.55556rem 0;
}

.productCustomizationPage .requirementTable tbody {
  background: #f7f7f7;
}

.productCustomizationPage .requirementTable tbody tr:first-child td:first-child {
  border-radius: 0.55556rem 0 0 0;
}

.productCustomizationPage .requirementTable tbody tr:first-child td:last-child {
  border-radius: 0 0.55556rem 0 0;
}

.productCustomizationPage .requirementTable tbody tr:last-child td:first-child {
  border-radius: 0 0 0 0.55556rem;
}

.productCustomizationPage .requirementTable tbody tr:last-child td:last-child {
  border-radius: 0 0 0.55556rem 0;
}

.productCustomizationPage .requirementTable tbody tr + tr td {
  border-top: 0.05556rem solid #e5e5e5;
}

.productCustomizationPage .customizationContact {
  padding: 6.11111rem 0 5rem;
  background: #ffffff;
}

.productCustomizationPage .customizationContactInner {
  width: 55.72222rem;
  margin: 0 auto;
}

.productCustomizationPage .customizationContactTitle {
  width: 100%;
}

.productCustomizationPage .customizationContactFields {
  margin-top: 3.33333rem;
}

.productCustomizationPage .contactField {
  width: 100%;
  height: 4.44444rem;
  padding: 0 2.5rem;
  border-radius: 0.55556rem;
  display: flex;
  align-items: center;
  background: #f6f6f6;

}
.productCustomizationPage .contactField + .contactField {
  margin-top: 1.11111rem;
}

.productCustomizationPage .contactField.required .contactLabel:after {
  content: '*';
  margin-left: 0.11111rem;
  color: #ff6b00;
}

.productCustomizationPage .contactLabel {
  width: 6.94444rem;
  flex: 0 0 6.94444rem;
  color: #333333;
  font-size: 1rem;
}

.productCustomizationPage .contactField input {
  height: 100%;
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #333333;
  font-size: 1rem;
  background: transparent;
}

.productCustomizationPage .attachmentField {
  min-height: 10.61111rem;
  margin-top: 0.94444rem;
  padding: 1.61111rem 2.55556rem 1.94444rem;
  border-radius: 0.55556rem;
  background: #f6f6f6;
}

.productCustomizationPage .attachmentTitleRow {
  display: flex;
  align-items: center;
  color: #555555;
  font-size: 1rem;
}

.productCustomizationPage .attachmentNote {
  margin-left: 0.66667rem;
  color: #aaaaaa;
}

.productCustomizationPage .attachmentInput {
  display: none;
}

.productCustomizationPage .attachmentPicker {
  width: 3.33333rem;
  height: 3.33333rem;
  margin-top: 1.66667rem;
  cursor: pointer;
  outline: 0;
  background: url(../images/page/productCustomization-upload.webp) center no-repeat;
  background-size: cover;
}

.productCustomizationPage .attachmentList {
  display: none;
  margin-top: 1.11111rem;

}
.productCustomizationPage .attachmentList.active {
  display: block;
}

.productCustomizationPage .attachmentItem {
  min-height: 1.88889rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666666;
  font-size: 0.83333rem;

}
.productCustomizationPage .attachmentItem + .attachmentItem {
  border-top: 0.05556rem solid #e8e8e8;
}

.productCustomizationPage .attachmentName {
  max-width: 43.33333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productCustomizationPage .attachmentRemove {
  color: #ff6b00;
  cursor: pointer;
  outline: 0;
}

.productCustomizationPage .customizationSubmitRow {
  margin-top: 2.77778rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.productCustomizationPage .captchaField {
  width: 20.77778rem;
  height: 4.05556rem;
  border: 0.05556rem solid #e6e6e6;
  border-radius: 0.55556rem;
  display: flex;
  overflow: hidden;
  background: #ffffff;
}

.productCustomizationPage .captchaField input {
  width: 13rem;
  height: 100%;
  padding: 0 1.38889rem;
  border: 0;
  outline: 0;
  color: #333333;
  font-size: 1rem;
  background: transparent;
}

.productCustomizationPage .captchaCode {
  width: 7.77778rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  outline: 0;
  background: #dedede;
}

.productCustomizationPage .customizationSubmit {
  width: 10rem;
  height: 3.88889rem;
  margin-left: 2.22222rem;
  border: 0;
  border-radius: 0.55556rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  background: #ff6b00;
  transition: background 0.3s, transform 0.3s;

}
.productCustomizationPage .customizationSubmit:hover, .productCustomizationPage .customizationSubmit:focus {
  background: #e86000;
}

.productCustomizationPage .customizationMessage {
  min-height: 1.33333rem;
  margin-top: 1rem;
  color: #339900;
  font-size: 0.83333rem;
  line-height: 1.33333rem;
  text-align: center;

}
.productCustomizationPage .customizationMessage.error {
  color: #d93025;
}

@keyframes requirementPanelEnter {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.productCustomizationBody .footer-cont {
  height: 43.33333rem;
}

@media screen and (min-width: 1400px) and (max-width: 1650px) {
.productCustomizationPage .requirementField {
  padding-left: 1.77778rem;
  padding-right: 1.77778rem;
}

.productCustomizationPage .requirementField input[type='text'] {
  margin-left: 1.66667rem;
}

.productCustomizationPage .requirementChoices {
  margin-left: 2.33333rem;
}

.productCustomizationPage .requirementChoice + .requirementChoice {
  margin-left: 3.05556rem;
}
}

.mobileMain .productCustomizationPage .customizationDemand {
  padding-top: 4.3rem;
  padding-bottom: 1.6rem;
  background-size: cover;
}

.mobileMain .productCustomizationPage .w1400 {
  width: 92%;
  min-width: 0;
  max-width: none;
}

.mobileMain .productCustomizationPage .requirementList {
  margin-top: 1.3rem;
}

.mobileMain .productCustomizationPage .requirementItem + .requirementItem {
  margin-top: 1.45rem;
  padding-top: 1.35rem;
}

.mobileMain .productCustomizationPage .requirementTitle, .mobileMain .productCustomizationPage .customizationSectionTitle, .mobileMain .productCustomizationPage .customizationContactTitle {
  font-size: 0.72rem;
}

.mobileMain .productCustomizationPage .requirementFields {
  margin-top: 0.9rem;
}

.mobileMain .productCustomizationPage .requirementRow + .requirementRow {
  margin-top: 0.36rem;
}

.mobileMain .productCustomizationPage .requirementField {
  width: calc((100% - 0.36rem) / 2);
  height: 2.45rem;
  padding: 0.3rem 0.38rem;
  border-radius: 0.2rem;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

}
.mobileMain .productCustomizationPage .requirementField + .requirementField {
  margin-left: 0.36rem;
}

.mobileMain .productCustomizationPage .requirementLabel {
  font-size: 0.44rem;
}

.mobileMain .productCustomizationPage .requirementField input[type='text'], .mobileMain .productCustomizationPage .requirementRow .requirementField:first-child input.requirementText, .mobileMain .productCustomizationPage .requirementRow .requirementField + .requirementField input.requirementText {
  width: 100%;
  height: 0.72rem;
  flex: 0 0 auto;
  margin: 0.18rem 0 0;
  font-size: 0.46rem;
}

.mobileMain .productCustomizationPage .requirementChoices {
  width: 100%;
  margin: 0.26rem 0 0;
}

.mobileMain .productCustomizationPage .requirementChoice + .requirementChoice {
  margin-left: 0.75rem;
}

.mobileMain .productCustomizationPage .requirementChoice input {
  width: 0.58rem;
  height: 0.54rem;
  flex-basis: 0.58rem;
}

.mobileMain .productCustomizationPage .requirementChoiceText {
  margin-left: 0.2rem;
  font-size: 0.42rem;
}

.mobileMain .productCustomizationPage .requirementSingleRow .requirementField {
  width: calc((100% - 0.36rem) / 2);
}

.mobileMain .productCustomizationPage .requirementTextareaField {
  width: 100%;
  height: 4.4rem;
  margin-top: 0.42rem;
  padding: 0.46rem 0.4rem;
  display: block;
}

.mobileMain .productCustomizationPage .requirementTextareaLabel {
  flex-wrap: wrap;
}

.mobileMain .productCustomizationPage .requirementLabelNote {
  margin-left: 0.12rem;
  font-size: 0.38rem;
}

.mobileMain .productCustomizationPage .requirementTextareaField textarea {
  height: 2.8rem;
  margin-top: 0.22rem;
  font-size: 0.46rem;
  line-height: 0.62rem;
}

.mobileMain .productCustomizationPage .requirementActions {
  position: static;
  width: 100%;
  margin-top: 0.9rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.mobileMain .productCustomizationPage .requirementAction {
  width: 1.5rem;
}

.mobileMain .productCustomizationPage .requirementActionIcon {
  width: 1.5rem;
  height: 1.5rem;
}

.mobileMain .productCustomizationPage .requirementDelete {
  margin-top: 0;
  margin-left: 0.9rem;
}

.mobileMain .productCustomizationPage .requirementActionText {
  margin-top: 0.2rem;
  font-size: 0.44rem;
  line-height: 0.56rem;
}

.mobileMain .productCustomizationPage .customizationHint {
  width: 92%;
  margin: 1.25rem auto 0;
  align-items: flex-start;
  font-size: 0.5rem;
  line-height: 0.72rem;
}

.mobileMain .productCustomizationPage .customizationHintIcon {
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 0.24rem;
  flex: 0 0 0.7rem;
}

.mobileMain .productCustomizationPage .requirementSummary {
  padding-top: 1.5rem;
}

.mobileMain .productCustomizationPage .requirementTableScroll {
  margin-top: 0.8rem;
  padding-bottom: 0.6rem;
}

.mobileMain .productCustomizationPage .requirementTableScroll::-webkit-scrollbar {
  height: 0.24rem;
}

.mobileMain .productCustomizationPage .requirementTable {
  width: 50rem;
  font-size: 0.44rem;
}

.mobileMain .productCustomizationPage .requirementTable th, .mobileMain .productCustomizationPage .requirementTable td {
  width: 3rem;
  min-height: 1.5rem;
  padding: 0.35rem;
}

.mobileMain .productCustomizationPage .requirementTable th:first-child, .mobileMain .productCustomizationPage .requirementTable td:first-child {
  width: 2.2rem;
}

.mobileMain .productCustomizationPage .requirementTable th {
  height: 1.5rem;
}

.mobileMain .productCustomizationPage .customizationContact {
  padding: 1.5rem 0 1.8rem;
}

.mobileMain .productCustomizationPage .customizationContactInner {
  width: 92%;
}

.mobileMain .productCustomizationPage .customizationContactFields {
  margin-top: 1.1rem;
}

.mobileMain .productCustomizationPage .contactField {
  height: 1.8rem;
  padding: 0 0.55rem;
  border-radius: 0.2rem;

}
.mobileMain .productCustomizationPage .contactField + .contactField {
  margin-top: 0.36rem;
}

.mobileMain .productCustomizationPage .contactLabel {
  width: 2.4rem;
  flex-basis: 2.4rem;
  font-size: 0.46rem;
}

.mobileMain .productCustomizationPage .contactField input {
  font-size: 0.46rem;
}

.mobileMain .productCustomizationPage .attachmentField {
  min-height: 4rem;
  margin-top: 0.36rem;
  padding: 0.58rem 0.55rem 0.7rem;
  border-radius: 0.2rem;
}

.mobileMain .productCustomizationPage .attachmentTitleRow {
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 0.46rem;
  line-height: 0.65rem;
}

.mobileMain .productCustomizationPage .attachmentNote {
  margin-left: 0.2rem;
  font-size: 0.4rem;
}

.mobileMain .productCustomizationPage .attachmentPicker {
  width: 1.4rem;
  height: 1.4rem;
  margin-top: 0.55rem;
}

.mobileMain .productCustomizationPage .attachmentList {
  margin-top: 0.4rem;
}

.mobileMain .productCustomizationPage .attachmentItem {
  min-height: 0.86rem;
  font-size: 0.4rem;
}

.mobileMain .productCustomizationPage .attachmentName {
  max-width: calc(100% - 1.3rem);
}

.mobileMain .productCustomizationPage .customizationSubmitRow {
  margin-top: 1rem;
}

.mobileMain .productCustomizationPage .captchaField {
  width: 8.4rem;
  height: 1.7rem;
  border-radius: 0.2rem;
}

.mobileMain .productCustomizationPage .captchaField input {
  width: 5.2rem;
  padding: 0 0.4rem;
  font-size: 0.46rem;
}

.mobileMain .productCustomizationPage .captchaCode {
  width: 3.2rem;
  font-size: 0.46rem;
}

.mobileMain .productCustomizationPage .customizationSubmit {
  width: 3.6rem;
  height: 1.7rem;
  margin-left: 0.4rem;
  border-radius: 0.2rem;
  font-size: 0.46rem;
}

.mobileMain .productCustomizationPage .customizationMessage {
  min-height: 0.65rem;
  margin-top: 0.4rem;
  font-size: 0.4rem;
  line-height: 0.65rem;
}

.mobileMain .productCustomizationBody .footer-cont {
  height: auto;
}

/* 询盘车 */
.inquiryCartPage {
  position: relative;
  color: #333;
  padding-top: 9.44444rem;
  padding-bottom: 4.44444rem;
  background: #fff url(../images/page/inquiryCartTop.webp) center top no-repeat;
  background-size: 100%;

}
.inquiryCartPage .inquiryCartInner {
  position: relative;
  height: 100%;
}

.inquiryCartPage .inquiryCartList {
  margin-top: 4.44444rem;
  width: 100%;
}

.inquiryCartPage .inquiryCartHead, .inquiryCartPage .inquiryCartRow {
  box-sizing: border-box;
  display: flex;
}
.inquiryCartPage .inquiryCartHead {
  align-items: center;
}
.inquiryCartPage .inquiryCartRow {
  flex-direction: column;
}
.inquiryCartPage .inquTop {
  width: 100%;
  display: flex;
  align-items: center;
}
.inquiryCartPage .inquBtn {
  margin: 0 3.88889rem;
  padding: 2.77778rem 0;
  margin-top: 2.77778rem;
  border-top: 0.05556rem solid #dedede;
}
.inquiryCartPage .inquBtn .inquBtnBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  color: #333;
}
.inquiryCartPage .inquBtn .inquBtnBox h2 {
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 8.33333rem);
}
.inquiryCartPage .inquBtn .inquBtnTitle {
  font-size: 1.33333rem;
  font-weight: bold;
}
.inquiryCartPage .inquBtn .inquBtnMore {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.38889rem;
  font-size: 0.77778rem;
}
.inquiryCartPage .inquBtn .inquBtnMore .inquBtnMoreBox {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.inquiryCartPage .inquBtn .inquBtnMore .inquBtnMoreIcon {
  width: 1.33333rem;
  height: 1.33333rem;
  background: url(../images/page/inquMore.webp) center no-repeat;
  background-size: cover;
  margin-left: 0.55556rem;
}
.inquiryCartPage .inquBtnCont {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.inquiryCartPage .inquBtnCont .productCard:nth-child(n + 3) {
  display: none;
}
.inquiryCartPage .inquBtnCont .productCard {
  margin-top: 1.66667rem;
  width: calc((100% - 2.77778rem) / 2);
  margin-left: 2.77778rem;
  padding: 1.66667rem 1.94444rem;
  box-sizing: border-box;
  background: url(../images/page/inquBg.webp) center no-repeat;
  background-size: cover;
  border-radius: 0.88889rem;
  overflow: hidden;
}
.inquiryCartPage .inquBtnCont .productCard:nth-child(2n + 1) {
  margin-left: 0;
}
.inquiryCartPage .inquBtnCont .productCard:hover .inquBtnBox h2 {
  color: #ff6600;
}
.inquiryCartPage .inquBtnCont .productCard .proLInfo .proLInfoText {
  margin-top: 1.11111rem;
  color: #777777;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  padding-right: 1.11111rem;
  box-sizing: border-box;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.inquiryCartPage .inquBtnCont .productCard .proLInfo .proLInfoText p {
  display: flex;
  width: calc((100% - 1.11111rem) / 2);
}
.inquiryCartPage .inquBtnCont .productCard .proLInfo .proLInfoText p span {
  color: #333;
  flex-shrink: 0;
}
.inquiryCartPage .inquBtnCont .productCard .proLInfo .proLInfoText p em {
  color: #666666;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.inquiryCartPage .inquBtnCont .productCard .productInquiry {
  box-sizing: border-box;
  width: 7.22222rem;
  height: 2.22222rem;
  border: 0.05556rem solid #e2e2e2;
  border-radius: 2.77778rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 0.77778rem;
  cursor: pointer;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  transition: color 0.5s, border-color 0.5s;

}
.inquiryCartPage .inquBtnCont .productCard .productInquiry span, .inquiryCartPage .inquBtnCont .productCard .productInquiry .productActionIcon {
  position: relative;
  z-index: 2;
}

.inquiryCartPage .inquBtnCont .productCard .productInquiry::after {
  content: '';
  position: absolute;
  left: -120%;
  width: 120%;
  height: 120%;
  background: #ff6b00;
  transition: all 0.5s;
}
.inquiryCartPage .inquBtnCont .productCard .productInquiry .productAddIcon {
  background: url(../images/page/product-add.webp) no-repeat center;
  background-size: 0.5rem 0.5rem;
  width: 1.44444rem;
  height: 1.44444rem;
  margin-left: 0.44444rem;
  border-radius: 50%;
  background-color: #2e2e2e;
}
.inquiryCartPage .inquBtnCont .productCard .productInquiry::after {
  content: '';
  position: absolute;
  left: -120%;
  width: 120%;
  height: 120%;
  background: #ff6b00;
  transition: all 0.5s;
}
.inquiryCartPage .inquBtnCont .productCard .productInquiry:hover {
  color: #ffffff;
  border-color: #ff6b00;
}
.inquiryCartPage .inquBtnCont .productCard .productInquiry:hover::after {
  left: -10%;
}
.inquiryCartPage .inquBtnCont .productCard .productInquiry:hover .productAddIcon {
  background: #fff url(../images/page/product-adds.webp) center no-repeat;
  background-size: 0.5rem 0.5rem;
}
.inquiryCartPage .inquBtn.expanded .inquBtnCont .productCard {
  display: block;
}

.inquiryCartPage .inquiryCartHead {
  height: 4.61111rem;
  border-radius: 0.55556rem;
  background: #ff6a0b;
  color: #fff;
  font-size: 1.11111rem;
  font-weight: bold;
}

.inquiryCartPage .inquiryCartHeadName, .inquiryCartPage .inquiryCartHeadQuantity, .inquiryCartPage .inquiryCartHeadDelete {
  height: 4.61111rem;
  display: flex;
  align-items: center;
}

.inquiryCartPage .inquiryCartHeadName {
  box-sizing: border-box;
  flex: 0 0 27.11111rem;
  padding-left: 0.16667rem;
}

.inquiryCartPage .inquiryCartHeadQuantity {
  box-sizing: border-box;
  flex: 0 0 14.27778rem;
  padding-left: 0.16667rem;
}

.inquiryCartPage .inquiryCartHeadDelete {
  flex: 1 1 auto;
}

.inquiryCartPage .inquiryCartCheck {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.inquiryCartPage .inquiryCartCheck input {
  width: 0;
  height: 0;
  margin: 0;
  flex: 0 0 0;
  opacity: 0;
  overflow: hidden;
}

.inquiryCartPage .inquiryCartCheckIcon {
  box-sizing: border-box;
  width: 1.72222rem;
  height: 1.72222rem;
  border: 0.05556rem solid #dedede;
  border-radius: 0.27778rem;
  background: #fff;
  transition: box-shadow 0.25s, background-color 0.25s;
}

.inquiryCartPage .inquiryCartCheck input:checked + .inquiryCartCheckIcon {
  border-color: #ff6a0b;
  background: #ff6a0b;
  box-shadow: inset 0 0 0 0.38889rem #fff;
}

.inquiryCartPage .inquiryCartCheckAll {
  box-sizing: border-box;
  flex: 0 0 28.83333rem;
  height: 4.61111rem;
  padding-left: 3.83333rem;
}

.inquiryCartPage .inquiryCartCheckAll .inquiryCartCheckIcon {
  border-color: #fff;
}

.inquiryCartPage .inquiryCartCheckAll .inquiryCartCheckText {
  margin-left: 2.05556rem;
}

.inquiryCartPage .inquiryCartRows {
  margin-top: 1.33333rem;
}

.inquiryCartPage .inquiryCartEmpty {
  display: none;
  min-height: 13.88889rem;
  margin: 1.33333rem 0 1.66667rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.55556rem;
  background: #f8f8f8;
  color: #999999;
  font-size: 1rem;
}

.inquiryCartPage .inquiryCartRow {
  min-height: 13.88889rem;
  margin-bottom: 1.66667rem;
  border-radius: 0.55556rem;
  background: #f8f8f8;
  padding: 1.11111rem 0;
  box-sizing: border-box;
}

.inquiryCartPage .inquiryCartRowCheck {
  box-sizing: border-box;
  flex: 0 0 8.88889rem;
  height: 100%;
  padding-left: 3.88889rem;
}

.inquiryCartPage .inquiryCartProduct {
  flex: 0 0 47.05556rem;
  height: 100%;
  display: flex;
  align-items: center;
}

.inquiryCartPage .inquiryCartProductPic {
  box-sizing: border-box;
  flex: 0 0 19.94444rem;
  width: 19.94444rem;
  height: 9.83333rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.88889rem;
}

.inquiryCartPage .inquiryCartProductPic img {
  width: 9.83333rem;
}

.inquiryCartPage .inquiryCartProductInfo {
  flex: 0 0 27.11111rem;
  width: 27.11111rem;
  align-self: center;
}

.inquiryCartPage .inquiryCartProductInfo h2 {
  margin-bottom: 1.11111rem;
  font-size: 1.33333rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}

.inquiryCartPage .inquiryCartProductInfo p {
  color: #8f8f8f;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
}

.inquiryCartPage .inquiryCartQuantity {
  flex: 0 0 8.05556rem;
  align-self: center;
  margin-right: 6.44444rem;
  height: 2.22222rem;
  display: flex;
  border-radius: 0.22222rem;
  background: #fff;
  overflow: hidden;
}

.inquiryCartPage .inquiryCartQuantity button, .inquiryCartPage .inquiryCartQuantity input {
  height: 2.22222rem;
  border: 0;
  text-align: center;
  font-size: 0.88889rem;
  color: #777;
  background: #fff;
}

.inquiryCartPage .inquiryCartQuantity button {
  width: 2.22222rem;
  padding: 0;
  cursor: pointer;
  background: #e2e2e2;
  transition: color 0.25s, background-color 0.25s;
}

.inquiryCartPage .inquiryCartQuantity button:hover {
  color: #fff;
  background: #ff6a0b;
}

.inquiryCartPage .inquiryCartQuantity input {
  box-sizing: border-box;
  width: 3.61111rem;
  outline: none;
}

.inquiryCartPage .inquiryCartDelete {
  flex: 0 0 1.72222rem;
  align-self: center;
  margin-top: -0.27778rem;
  width: 1.72222rem;
  height: 1.72222rem;
  cursor: pointer;
  background: url(../images/page/inquiryCartDelete.webp) center no-repeat;
  background-size: 1.72222rem 1.72222rem;
  transition: opacity 0.25s, transform 0.25s;
}

.inquiryCartPage .inquiryCartDelete:hover, .inquiryCartPage .inquiryCartDelete:focus {
  opacity: 0.75;
  transform: translateY(-0.11111rem);
  outline: none;
}

.inquiryCartPage .inquiryCartTotal {
  height: 4.44444rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.55556rem;
  background: #f6f6f6;
  color: #666666;
  font-size: 1.11111rem;
}

.inquiryCartPage .inquiryCartTotal strong {
  margin: 0 0.44444rem;
  color: #ff6a0b;
  font-size: 1.66667rem;
  font-family: 'din';
}

.inquiryCartPage .inquiryConsult {
  width: 100%;
  margin-top: 4.44444rem;
}

.inquiryCartPage .inquiryConsult h1 {
  text-align: center;
  font-size: 1.66667rem;
  font-weight: bold;
}

.inquiryCartPage .inquiryConsultForm {
  margin-top: 2.77778rem;
}

.inquiryCartPage .inquiryConsultFields {
  display: flex;
  justify-content: space-between;
}

.inquiryCartPage .inquiryConsultField {
  box-sizing: border-box;
  width: calc((100% - 1.38889rem) / 2);
  height: 4.44444rem;
  padding: 0 2.22222rem;
  display: flex;
  align-items: center;
  border: 0.05556rem solid transparent;
  border-radius: 0.55556rem;
  background: #f6f6f6;
  transition: border-color 0.25s;
}

.inquiryCartPage .inquiryConsultField.error {
  border-color: #ff6a0b;
}

.inquiryCartPage .inquiryConsultField span, .inquiryCartPage .inquiryConsultDescription span {
  flex: none;
  font-size: 1rem;
  color: #555;
}

.inquiryCartPage .inquiryConsultField em {
  display: inline;
  color: #ff6a0b;
  font-style: normal;
}

.inquiryCartPage .inquiryConsultField input {
  flex: 1;
  min-width: 0;
  margin-left: 2.44444rem;
  border: 0;
  outline: none;
  font-size: 1rem;
  color: #555;
  background: transparent;
}

.inquiryCartPage .inquiryConsultField input::placeholder, .inquiryCartPage .inquiryConsultDescription textarea::placeholder {
  color: #bbb;
}

.inquiryCartPage .inquiryConsultDescription {
  box-sizing: border-box;
  height: 15.27778rem;
  margin-top: 1.66667rem;
  padding: 1.94444rem 2.22222rem;
  border-radius: 0.55556rem;
  background: #f6f6f6;
}

.inquiryCartPage .inquiryConsultDescription span {
  display: block;
  margin-bottom: 1.33333rem;
}

.inquiryCartPage .inquiryConsultDescription textarea {
  width: 100%;
  height: 9.72222rem;
  padding: 0;
  resize: none;
  border: 0;
  outline: none;
  font-size: 1rem;
  line-height: 1.8;
  color: #555;
  background: transparent;
}

.inquiryCartPage .inquiryConsultActions {
  position: relative;
  height: 3.88889rem;
  margin-top: 3.33333rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inquiryCartPage .inquiryConsultCaptcha {
  box-sizing: border-box;
  width: 20.55556rem;
  height: 100%;
  display: flex;
  align-items: center;
  border: 0.05556rem solid #dedede;
  border-radius: 0.55556rem;
  overflow: hidden;
}

.inquiryCartPage .inquiryConsultCaptcha input {
  box-sizing: border-box;
  width: 12.77778rem;
  height: 100%;
  padding: 0 1.11111rem;
  outline: none;
  font-size: 1rem;
}

.inquiryCartPage .inquiryConsultCaptchaCode {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #444;
  font-family: 'poppins';
  font-size: 1rem;
  font-weight: bold;
  background: #dedede;
  cursor: pointer;
}

.inquiryCartPage .inquiryConsultSubmit {
  width: 10rem;
  height: 3.88889rem;
  border: 0;
  border-radius: 0.55556rem;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  background: #fa6d0e;
  cursor: pointer;
  transition: background-color 0.25s, transform 0.25s;
  margin-left: 2.22222rem;
}

.inquiryCartPage .inquiryConsultSubmit:hover {
  background: #ed5d00;
}

.inquiryCartBody .footer-cont {
  height: 43.33333rem;
}

.inquiryCartBody .site-nav a.active {
  color: #1c2733;
}

.inquiryCartBody .site-nav a.active:after {
  width: 0;
}

.solutionListPage {
  box-sizing: border-box;
  padding-top: 11.66667rem;
  padding-bottom: 4.44444rem;
  color: #333;
  background: #fff url(../images/page/solutionList-bg.webp) top center no-repeat;
  background-size: 100%;

}
.solutionListPage .solutionListLayout {
  display: flex;
  align-items: flex-start;
}

.solutionListPage .solutionCategory {
  box-sizing: border-box;
  width: 16.11111rem;
  background: #f9f9f9;
  border-radius: 0.55556rem;
}

.solutionListPage .solutionCategoryItem {
  box-sizing: border-box;
  height: 4.44444rem;
  padding: 0 1.66667rem;
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 0.88889rem;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s;
  border-radius: 0.55556rem;
  overflow: hidden;

}
.solutionListPage .solutionCategoryItem:hover, .solutionListPage .solutionCategoryItem.active {
  color: #fff;
  font-weight: bold;
  background: #ff6909;

}
.solutionListPage .solutionCategoryItem:hover .solutionCategoryIcon, .solutionListPage .solutionCategoryItem.active .solutionCategoryIcon {
  filter: brightness(0) invert(1);
  opacity: 1;
}

.solutionListPage .solutionCategoryIcon {
  width: 1.66667rem;
  height: 1.66667rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: grayscale(1);
  opacity: 0.58;
  transition: filter 0.3s, opacity 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solutionListPage .solutionCategoryIcon img {
  max-width: 100%;
  max-height: 1.66667rem;
}

.solutionListPage .solutionCategoryText {
  margin-left: 1.11111rem;
}

.solutionListPage .solutionListMain {
  width: calc(100% - 16.11111rem - 3.88889rem);
  margin-left: 3.88889rem;
  padding-top: 1.38889rem;
}

.solutionListPage .solutionListMain.panelEnter {
  animation: solutionPanelEnter 0.45s ease both;
}

.solutionListPage .solutionIntro {
  box-sizing: border-box;
  padding-left: 0.83333rem;

}
.solutionListPage .solutionIntro h1 {
  font-size: 2rem;
  line-height: 1.66667rem;
  font-weight: bold;
}

.solutionListPage .solutionIntro p {
  margin-top: 3.05556rem;
  color: #333333;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
}

.solutionListPage .solutionCard {
  box-sizing: border-box;
  width: 100%;
  padding: 2.5rem 2.77778rem 2.5rem 3.33333rem;
  display: flex;
  align-items: center;
  border-radius: 1rem;
  overflow: hidden;
  background: #f9f9f9 url(../images/page/solutionCardBg-1.webp) center no-repeat;
  background-size: cover;
  margin-top: 3.33333rem;
  color: #333;

}
.solutionListPage .solutionCard + .solutionCard {
  margin-top: 2.5rem;
  background: #f9f9f9 url(../images/page/solutionCardBg-2.webp) center no-repeat;
  background-size: cover;
}

.solutionListPage .solutionCard:hover h2 {
  color: #ff6909;
}


.solutionListPage .solutionCard:nth-child(2n) .solutionCardPic {
  margin-left: 0;
}
.solutionListPage .solutionCard:nth-child(2n) .solutionCardContent {
  margin-left: 4.44444rem;
}

.solutionListPage .solutionCardContent {
  flex: 1;
  z-index: 2;

}
.solutionListPage .solutionCardContent h2 {
  overflow: hidden;
  font-size: 1.33333rem;
  line-height: 1.66667rem;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.3s;
}

.solutionListPage .solutionCardContent p {
  overflow: hidden;
  margin-top: 1.94444rem;
  color: #666666;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.solutionListPage .solutionCardMore {
  box-sizing: border-box;
  width: 7.77778rem;
  height: 2.22222rem;
  margin-top: 2.5rem;
  border: 0.05556rem solid #e5e5e5;
  border-radius: 2.77778rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 0.77778rem;
  background: #fff;
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
  position: relative;
  overflow: hidden;
}
.solutionListPage .solutionCardMore::after {
  content: '';
  position: absolute;
  left: -120%;
  width: 120%;
  height: 120%;
  background: #ff6b00;
  transition: all 0.5s;
}
.solutionListPage .solutionCardMore span, .solutionListPage .solutionCardMore .solutionCardArrow {
  position: relative;
  z-index: 2;
}
.solutionListPage .solutionCardMore:hover {
  color: #fff;
  border-color: #ff6909;
}
.solutionListPage .solutionCardMore:hover::after {
  left: -10%;
}
.solutionListPage .solutionCardMore:hover .solutionCardArrow {
  background: #fff url(../images/page/product-detail-arrows.webp) center no-repeat;
}



.solutionListPage .solutionCardArrow {
  width: 1.38889rem;
  height: 1.38889rem;
  margin-left: 0.88889rem;
  border-radius: 50%;
  background: #333 url(../images/page/product-detail-arrow.webp) center no-repeat;
  background-size: 0.22222rem 0.44444rem;
}

.solutionListPage .solutionCardPic {
  height: 17.22222rem;
  margin-left: 4.44444rem;
  z-index: 2;
  border-radius: 0.55556rem;
  overflow: hidden;
  flex: 1;

}
.solutionListPage .solutionCardPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s;
}

.solutionListPage .solutionCard:hover .solutionCardPic img {
  transform: scale(1.04);
}

.solutionListPage .solutionCardReverse .solutionCardPic {
  margin-left: 0;
}

@media screen and (min-width: 1400px) and (max-width: 1650px) {
.solutionListPage .solutionCardPic, .solutionListPage .solutionCard:nth-child(2n) .solutionCardContent {
  margin-left: 2.77778rem;
}

.solutionListPage .solutionCard:nth-child(2n) .solutionCardPic, .solutionListPage .solutionCardReverse .solutionCardPic {
  margin-left: 0;
}
}

@keyframes solutionPanelEnter {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mobileMain .inquiryCartPage {
  box-sizing: border-box;
  width: 100%;
  padding-top: 4.3rem;
  padding-bottom: 1.5rem;
  background-size: 15rem auto;

}
.mobileMain .inquiryCartPage .inquiryCartInner {
  width: 92.13%;
}

.mobileMain .inquiryCartPage .pageBreadcrumb {
  width: auto;
}

.mobileMain .inquiryCartPage .inquiryCartList {
  margin-top: 0.9rem;
}

.mobileMain .inquiryCartPage .inquiryCartHead {
  display: flex;
  height: 1.7rem;
  border-radius: 0.2rem;
  font-size: 0.5rem;
}

.mobileMain .inquiryCartPage .inquiryCartHeadName {
  flex: 1 1 auto;
  height: 1.7rem;
  padding-left: 0;
}

.mobileMain .inquiryCartPage .inquiryCartHeadQuantity, .mobileMain .inquiryCartPage .inquiryCartHeadDelete {
  display: none;
}

.mobileMain .inquiryCartPage .inquiryCartCheckIcon {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 0.12rem;
}

.mobileMain .inquiryCartPage .inquiryCartCheck input:checked + .inquiryCartCheckIcon {
  box-shadow: inset 0 0 0 0.15rem #fff;
}

.mobileMain .inquiryCartPage .inquiryCartCheckAll {
  flex: 0 0 3.65rem;
  width: auto;
  height: 1.7rem;
  padding-left: 0.55rem;
}

.mobileMain .inquiryCartPage .inquiryCartCheckAll .inquiryCartCheckText {
  margin-left: 0.42rem;
}

.mobileMain .inquiryCartPage .inquiryCartRows {
  margin-top: 0.4rem;
}

.mobileMain .inquiryCartPage .inquiryCartEmpty {
  min-height: 3.5rem;
  margin: 0.4rem 0 0.42rem;
  border-radius: 0.2rem;
  font-size: 0.48rem;
}

.mobileMain .inquiryCartPage .inquiryCartRow {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  margin-bottom: 0.42rem;
  padding: 0.5rem 0.3rem;
  border-radius: 0.2rem;
}

.mobileMain .inquiryCartPage .inquTop {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.3rem;
  row-gap: 0.25rem;
  align-items: flex-start;
}

.mobileMain .inquiryCartPage .inquiryCartRowCheck {
  order: 1;
  flex: 0 0 0.95rem;
  width: 0.95rem;
  height: 1.55rem;
  padding-left: 0;
  align-self: start;
}

.mobileMain .inquiryCartPage .inquiryCartProduct {
  order: 2;
  flex: 1 1 calc(100% - 2.95rem);
  min-width: 0;
  height: auto;
  display: flex;
  align-items: flex-start;
  transform: none;
}

.mobileMain .inquiryCartPage .inquiryCartProductPic {
  width: 3.15rem;
  height: 3.15rem;
  flex: 0 0 3.15rem;
  padding-left: 0;
  align-items: center;
  justify-content: center;
}

.mobileMain .inquiryCartPage .inquiryCartProductPic img {
  width: 2.9rem;
  max-height: 3.15rem;
  object-fit: contain;
}

.mobileMain .inquiryCartPage .inquiryCartProductInfo {
  flex: 1 1 0;
  width: auto;
  margin-left: 0.3rem;
  min-width: 0;
}

.mobileMain .inquiryCartPage .inquiryCartProductInfo h2 {
  margin-bottom: 0.22rem;
  padding-right: 0;
  font-size: 0.56rem;
  line-height: 0.72rem;
}

.mobileMain .inquiryCartPage .inquiryCartProductInfo p {
  max-height: 2.32rem;
  overflow: hidden;
  font-size: 0.42rem;
  line-height: 0.58rem;
}

.mobileMain .inquiryCartPage .inquiryCartQuantity {
  order: 4;
  flex: 0 0 auto;
  align-self: flex-start;
  margin-left: 4.7rem;
  margin-right: 0;
  height: 1rem;
  border-radius: 0.12rem;
}

.mobileMain .inquiryCartPage .inquiryCartQuantity button, .mobileMain .inquiryCartPage .inquiryCartQuantity input {
  height: 1rem;
  font-size: 0.48rem;
}

.mobileMain .inquiryCartPage .inquiryCartQuantity button {
  width: 1rem;
}

.mobileMain .inquiryCartPage .inquiryCartQuantity input {
  width: 1.55rem;
}

.mobileMain .inquiryCartPage .inquiryCartDelete {
  order: 3;
  flex: 0 0 1.4rem;
  align-self: start;
  margin-top: 0;
  width: 1.4rem;
  height: 1.4rem;
  background-size: 0.72rem 0.72rem;
}

.mobileMain .inquiryCartPage .inquBtn {
  width: 100%;
  margin: 0.65rem 0 0;
  padding: 0.6rem 0 0;

}
.mobileMain .inquiryCartPage .inquBtn .inquBtnTitle {
  font-size: 0.58rem;
  line-height: 0.8rem;
}

.mobileMain .inquiryCartPage .inquBtn .inquBtnBox h2 {
  width: calc(100% - 4.15rem);
  font-size: 0.5rem;
  line-height: 0.7rem;
}

.mobileMain .inquiryCartPage .inquBtn .inquBtnMore {
  margin-top: 0.45rem;
  font-size: 0.38rem;
}

.mobileMain .inquiryCartPage .inquBtn .inquBtnMoreIcon {
  width: 0.55rem;
  height: 0.55rem;
  margin-left: 0.2rem;
}

.mobileMain .inquiryCartPage .inquBtnCont {
  display: flex;
  flex-direction: column;
  align-items: stretch;

}
.mobileMain .inquiryCartPage .inquBtnCont .productCard {
  width: 100%;
  margin: 0.4rem 0 0;
  padding: 0.5rem 0.55rem;
  border-radius: 0.25rem;

}
.mobileMain .inquiryCartPage .inquBtnCont .productCard .productInquiry {
  width: 3.8rem;
  height: 1.05rem;
  font-size: 0.38rem;

}
.mobileMain .inquiryCartPage .inquBtnCont .productCard .productInquiry .productAddIcon {
  width: 0.65rem;
  height: 0.65rem;
  margin-left: 0.18rem;
  background-size: 0.24rem 0.24rem;
}

.mobileMain .inquiryCartPage .inquBtnCont .productCard .proLInfo .proLInfoText {
  width: 100%;
  margin-top: 0.35rem;
  padding-right: 0;
  column-gap: 0.25rem;
  font-size: 0.47rem;
  line-height: 0.8rem;

}
.mobileMain .inquiryCartPage .inquBtnCont .productCard .proLInfo .proLInfoText p {
  width: calc((100% - 0.25rem) / 2);
  min-width: 0;
}

.mobileMain .inquiryCartPage .inquiryCartTotal {
  height: 1.7rem;
  border-radius: 0.2rem;
  font-size: 0.5rem;
}

.mobileMain .inquiryCartPage .inquiryCartTotal strong {
  margin: 0 0.2rem;
  font-size: 0.72rem;
}

.mobileMain .inquiryCartPage .inquiryConsult {
  margin-top: 1.6rem;
}

.mobileMain .inquiryCartPage .inquiryConsult h1 {
  font-size: 0.72rem;
  line-height: 0.9rem;
}

.mobileMain .inquiryCartPage .inquiryConsultForm {
  margin-top: 0.8rem;
}

.mobileMain .inquiryCartPage .inquiryConsultFields {
  width: 100%;
  margin-left: 0;
  flex-direction: column;
}

.mobileMain .inquiryCartPage .inquiryConsultField {
  width: 100%;
  height: 1.8rem;
  padding: 0 0.55rem;
  border-radius: 0.2rem;
}

.mobileMain .inquiryCartPage .inquiryConsultField + .inquiryConsultField {
  margin-top: 0.4rem;
}

.mobileMain .inquiryCartPage .inquiryConsultField span, .mobileMain .inquiryCartPage .inquiryConsultDescription span {
  font-size: 0.46rem;
}

.mobileMain .inquiryCartPage .inquiryConsultField input {
  margin-left: 0.55rem;
  font-size: 0.46rem;
}

.mobileMain .inquiryCartPage .inquiryConsultDescription {
  width: 100%;
  height: 4.5rem;
  margin: 0.4rem 0 0;
  padding: 0.55rem;
  border-radius: 0.2rem;
}

.mobileMain .inquiryCartPage .inquiryConsultDescription span {
  margin-bottom: 0.35rem;
}

.mobileMain .inquiryCartPage .inquiryConsultDescription textarea {
  height: 3rem;
  font-size: 0.46rem;
  line-height: 0.65rem;
}

.mobileMain .inquiryCartPage .inquiryConsultActions {
  width: 100%;
  height: 1.7rem;
  margin-top: 0.8rem;
}

.mobileMain .inquiryCartPage .inquiryConsultCaptcha {
  width: 8.8rem;
  height: 1.7rem;
  border-radius: 0.2rem;
}

.mobileMain .inquiryCartPage .inquiryConsultCaptcha input {
  width: 5.6rem;
  padding: 0 0.4rem;
  font-size: 0.46rem;
}

.mobileMain .inquiryCartPage .inquiryConsultCaptchaCode {
  width: 3.2rem;
  font-size: 0.46rem;
}

.mobileMain .inquiryCartPage .inquiryConsultSubmit {
  width: 3.6rem;
  height: 1.7rem;
  margin-left: 0.4rem;
  border-radius: 0.2rem;
  font-size: 0.46rem;
}
.mobileMain .solutionListPage {
  padding-top: 4rem;
  padding-bottom: 1.8rem;
  background: #fff url(../images/mobile/page/solutionList-bg.webp) top center no-repeat;
  background-size: 100%;
  flex-wrap: wrap;
}
.mobileMain .solutionListPage .solutionListLayout {
  flex-wrap: wrap;
}
.mobileMain .solutionListPage .solutionMobileCategory {
  position: relative;
  z-index: 20;
  width: 100%;
  flex: 0 0 100%;
}
.mobileMain .solutionListPage .solutionMobileCategoryCurrent {
  box-sizing: border-box;
  width: 100%;
  height: 1.62rem;
  padding: 0 0.95rem 0 0.9rem;
  border: 0.01rem solid #ff6909;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  color: #ff6909;
  background: #fff;
  cursor: pointer;
}
.mobileMain .solutionListPage .solutionMobileCategoryIcon, .mobileMain .solutionListPage .solutionMobileCategoryItemIcon {
  width: 0.82rem;
  height: 0.78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  opacity: 1;
}
.mobileMain .solutionListPage .solutionMobileCategoryIcon img, .mobileMain .solutionListPage .solutionMobileCategoryItemIcon img {
  max-width: 100%;
  max-height: 100%;
}
.mobileMain .solutionListPage .solutionMobileCategoryIcon {
  filter: brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(3092%) hue-rotate(354deg) brightness(102%) contrast(105%);
}
.mobileMain .solutionListPage .solutionMobileCategoryText {
  overflow: hidden;
  margin-left: 0.45rem;
  padding-right: 0.5rem;
  flex: 1;
  font-size: 0.56rem;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mobileMain .solutionListPage .solutionMobileCategoryArrow {
  width: 0.5rem;
  height: 0.28rem;
  flex: 0 0 auto;
  background: url(../images/mobile/page/solutionList-dropdown-arrow.webp) center no-repeat;
  background-size: 100% 100%;
  transition: transform 0.3s;
}
.mobileMain .solutionListPage .solutionMobileCategory.active .solutionMobileCategoryArrow {
  transform: rotate(180deg);
}
.mobileMain .solutionListPage .solutionMobileCategoryPanel {
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 1.8rem;
  left: 0;
  z-index: 2;
  width: 100%;
  max-height: 9.6rem;
  padding: 0.18rem 0;
  overflow-y: auto;
  border-radius: 0.32rem;
  background: #fff;
  box-shadow: 0 0.18rem 0.6rem rgba(0, 0, 0, 0.12);
}
.mobileMain .solutionListPage .solutionMobileCategoryItem {
  box-sizing: border-box;
  height: 1.5rem;
  padding: 0 0.9rem;
  display: flex;
  align-items: center;
  color: #333;
  cursor: pointer;
  transition: color 0.25s, background-color 0.25s;
}
.mobileMain .solutionListPage .solutionMobileCategoryItem.active {
  color: #ff6909;
  background: #fff5ee;
}
.mobileMain .solutionListPage .solutionMobileCategoryItem + .solutionMobileCategoryItem {
  border-top: 0.01rem solid #eeeeee;
}
.mobileMain .solutionListPage .solutionMobileCategoryItemIcon {
  width: 0.72rem;
  height: 0.72rem;
  filter: grayscale(1);
  opacity: 0.62;
}
.mobileMain .solutionListPage .solutionMobileCategoryItem.active .solutionMobileCategoryItemIcon {
  filter: brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(3092%) hue-rotate(354deg) brightness(102%) contrast(105%);
  opacity: 1;
}
.mobileMain .solutionListPage .solutionMobileCategoryItemText {
  overflow: hidden;
  margin-left: 0.45rem;
  flex: 1;
  font-size: 0.52rem;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mobileMain .solutionListPage .solutionListMain {
  margin-left: 0;
  padding-top: 1.5rem;
  width: 100%;
}
.mobileMain .solutionListPage .solutionListMain .solutionIntro {
  padding: 0;
}
.mobileMain .solutionListPage .solutionListMain .solutionIntro h1 {
  font-size: 0.72rem;
  line-height: 0.9rem;
}
.mobileMain .solutionListPage .solutionListMain .solutionIntro p {
  font-size: 0.56rem;
  line-height: 0.9rem;
  margin-top: 0.8rem;
}
.mobileMain .solutionListPage .solutionListMain .solutionCard {
  margin-top: 0.8rem;
  padding: 0.55rem 0.5rem 1.15rem 0.5rem;
  flex-wrap: wrap;
  border-radius: 0.3rem;
  flex-direction: column-reverse;
}
.mobileMain .solutionListPage .solutionListMain .solutionCard:nth-child(2n) {
  flex-direction: row;
}
.mobileMain .solutionListPage .solutionListMain .solutionCard .solutionCardPic {
  width: 100%;
  margin-left: 0;
  border-radius: 0.3rem;
  height: auto;
  flex: auto;
}
.mobileMain .solutionListPage .solutionListMain .solutionCard .solutionCardContent {
  width: 100%;
  margin-left: 0;
}
.mobileMain .solutionListPage .solutionListMain .solutionCard .solutionCardContent h2 {
  font-size: 0.72rem;
  margin-top: 1.15rem;
  color: #fa6d0e;
  line-height: 1;
}
.mobileMain .solutionListPage .solutionListMain .solutionCard .solutionCardContent p {
  font-size: 0.56rem;
  line-height: 0.9rem;
  margin-top: 0.8rem;
}
.mobileMain .solutionListPage .solutionListMain .solutionCard .solutionCardContent .solutionCardMore {
  margin-top: 0.8rem;
  width: 5.25rem;
  height: 1.55rem;
  font-size: 0.54rem;
  color: #fff;
  border-color: #ff6909;
  background: #ff6909;
}
.mobileMain .solutionListPage .solutionListMain .solutionCard .solutionCardContent .solutionCardMore .solutionCardArrow {
  margin-left: 0.5rem;
  width: 0.9rem;
  height: 0.9rem;
  background: #fff url(../images/page/product-detail-arrows.webp) center no-repeat;
}
.mobileMain .solutionDetailHero {
  padding-top: 4.6rem;
  padding-bottom: 1.8rem;
  background-size: cover;
}
.mobileMain .solutionDetailHero h1 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .solutionDetailHero p {
  font-size: 0.56rem;
  width: 100%;
  line-height: 0.9rem;
  margin-top: 0.8rem;
  text-align: left;
}
.mobileMain .solutionDetailAnchor .solutionDetailAnchorItem:first-child {
  margin-left: 0;
}
.mobileMain .solutionPain {
  padding-bottom: 1.8rem;
  background: url(../images/mobile/page/solutionPainBg.webp) bottom right no-repeat;
  background-size: 100%;
}
.mobileMain .solutionPain .solutionDetailTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .solutionPain .solutionDetailLead {
  font-size: 0.56rem;
  margin-top: 0.9rem;
  line-height: 0.9rem;
  text-align: left;
}
.mobileMain .solutionPain .solutionPainLayout {
  margin-top: 0.8rem;
  flex-wrap: wrap;
}
.mobileMain .solutionPain .solutionPainLayout .solutionPainPic {
  width: 100%;
  height: 9.3rem;
  margin-right: 0;
}
.mobileMain .solutionPain .solutionPainLayout .solutionPainList {
  width: 100%;
  margin-top: 0.5rem;
}
.mobileMain .solutionPain .solutionPainLayout .solutionPainList .solutionPainItem {
  margin-top: 1rem;
}
.mobileMain .solutionPain .solutionPainLayout .solutionPainList .solutionPainItem:first-child {
  margin-top: 0;
}
.mobileMain .solutionPain .solutionPainLayout .solutionPainList .solutionPainItem .solutionPainText h3 {
  display: flex;
  font-size: 0.6rem;
  line-height: 1;
}
.mobileMain .solutionPain .solutionPainLayout .solutionPainList .solutionPainItem .solutionPainText h3 .solutionPainNumber {
  font-size: 0.6rem;
  width: auto;
  line-height: 1;
  margin-right: 0.25rem;
}
.mobileMain .solutionPain .solutionPainLayout .solutionPainList .solutionPainItem .solutionPainText p {
  font-size: 0.56rem;
  line-height: 0.9rem;
  margin-top: 0.4rem;
  display: block !important;
}


.mobileMain .solutionCaseModal .solutionCaseModalBox {
  width: 92%;
  padding: 2.3rem 0.6rem 1.8rem 0.6rem;
  min-height: 10rem;
  border-radius: 0.3rem;
}
.mobileMain .solutionCaseModal .solutionCaseModalBox h2 {
  font-size: 0.72rem;
  line-height: 0.9rem;
}
.mobileMain .solutionCaseModal .solutionCaseModalBox .solutionCaseModalClose {
  width: 0.5rem;
  height: 0.5rem;
  background-size: cover;
  top: 0.6rem;
  right: 0.6rem;
}
.mobileMain .solutionCaseModal .solutionCaseModalBox .caseModalList {
  max-height: 15rem;
  overflow-y: auto;
}
.mobileMain .solutionCaseModal .solutionCaseModalBox .solutionCaseModalColumns {
  flex-wrap: wrap;
  display: flex;
  gap: 2rem;
  margin-top: 1rem;

}
.mobileMain .solutionCaseModal .solutionCaseModalBox .solutionCaseModalColumns .solutionCaseModalItem {
  width: 100%;
  min-height: initial;
  padding: 1rem 0.7rem;
  border-radius: 0.3rem;
}
.mobileMain .solutionCaseModal .solutionCaseModalBox .solutionCaseModalColumns .solutionCaseModalItem::after {
  width: 1rem;
  height: 0.88rem;
  background-size: cover;
  left: 50%;
  top: initial;
  transform: translate(-50%, 0) rotate(90deg);
  bottom: -1.4rem;
}
.mobileMain .solutionCaseModal .solutionCaseModalBox .solutionCaseModalColumns .solutionCaseModalItem .solutionCaseModalIcon {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
}
.mobileMain .solutionCaseModal .solutionCaseModalBox .solutionCaseModalColumns .solutionCaseModalItem .caseModalTop {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobileMain .solutionCaseModal .solutionCaseModalBox .solutionCaseModalColumns .solutionCaseModalItem h3 {
  font-size: 0.6rem;
  line-height: 1;
  margin-top: 0;
  margin-left: 0.15rem;
}
.mobileMain .solutionCaseModal .solutionCaseModalBox .solutionCaseModalColumns .solutionCaseModalItem p {
  font-size: 0.56rem;
  line-height: 0.9rem;
  margin-top: 0.6rem;
  max-height: initial;
}
.mobileMain .solutionAdvantage {
  height: auto;
  padding: 1.8rem 0;
}
.mobileMain .solutionAdvantage .solutionAdvantageInner {
  padding: 0;
}
.mobileMain .solutionAdvantage .solutionAdvantageInner .solutionDetailTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .solutionAdvantage .solutionAdvantageInner .solutionDetailLead {
  width: 100%;
  text-align: left;
  font-size: 0.56rem;
  line-height: 0.9rem;
  margin-top: 1.05rem;
}
.mobileMain .solutionAdvantage .solutionAdvantageSwiper {
  margin-top: 2.45rem;
  height: 9.4rem;
}
.mobileMain .solutionAdvantage .solutionAdvantageSwiper .solutionAdvantageSlide {
  width: 100%;
  height: 100%;
}
.mobileMain .solutionAdvantage .solutionAdvantageSwiper .solutionAdvantageSlide .solutionAdvantageCard {
  height: 100%;
  padding: 1.2rem 0.7rem;
  border-radius: 0.3rem;
}
.mobileMain .solutionAdvantage .solutionAdvantageSwiper .solutionAdvantageSlide .solutionAdvantageCard .solutionAdvantageCheck {
  display: none;
}
.mobileMain .solutionAdvantage .solutionAdvantageSwiper .solutionAdvantageSlide .solutionAdvantageCard h3 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .solutionAdvantage .solutionAdvantageSwiper .solutionAdvantageSlide .solutionAdvantageCard .solutionAdvantageSummary {
  font-size: 0.56rem;
  margin-top: 0.45rem;
  line-height: 0.9rem;
}
.mobileMain .solutionAdvantage .solutionAdvantageSwiper .solutionAdvantageSlide .solutionAdvantageCard p {
  font-size: 0.56rem;
  margin-top: 0.45rem;
  line-height: 0.9rem;
  opacity: 1;
  transform: translateY(0);
  max-height: initial;
}
.mobileMain .solutionAdvantage .solutionAdvantageControl {
  margin-top: 1.45rem;
  height: auto;
}
.mobileMain .solutionAdvantage .solutionAdvantageControl .solutionAdvantageScrollbar {
  margin-right: 0.6rem;
}
.mobileMain .solutionAdvantage .solutionAdvantageControl .solutionAdvantagePrev {
  margin-right: 0.3rem;
}
.mobileMain .solutionAdvantage .solutionAdvantageControl .solutionAdvantagePrev, .mobileMain .solutionAdvantage .solutionAdvantageControl .solutionAdvantageNext {
  width: 1.2rem;
  height: 1.2rem;
}
.mobileMain .solutionProducts {
  padding-top: 1.8rem;
}
.mobileMain .solutionProducts .solutionDetailTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .solutionProducts .solutionProductsLead {
  width: 100%;
  margin-top: 1rem;
  font-size: 0.56rem;
  line-height: 0.9rem;
  text-align: left;
}
.mobileMain .solutionDetailPage .solutionDetailHeroBg {
  background: url(../images/mobile/page/solutionDetail-hero-bg.webp) center no-repeat;
  background-size: cover;
}
.mobileMain .solutionCases {
  padding-top: 1.8rem;
}
.mobileMain .solutionCases .solutionDetailTitle h2 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .solutionCases .solutionCaseGrid {
  margin-top: 1rem;
}
.mobileMain .solutionCases .solutionCaseCard {
  width: 100%;
  padding: 1rem 0.8rem;
  align-items: flex-start;
  height: auto;
  border-radius: 0.4rem;
  margin-left: 0;
  margin-top: 0.6rem;
  background: #f9f9f9 url(../images/mobile/page/solutionDetail-case-pattern.webp) center no-repeat;
  background-size: cover;
}
.mobileMain .solutionCases .solutionCaseCard:first-child {
  margin-top: 0;
}
.mobileMain .solutionCases .solutionCaseCard .solutionCaseIcon {
  width: 2.15rem;
  height: 2.15rem;
}
.mobileMain .solutionCases .solutionCaseCard .solutionCaseContent {
  width: 100%;
  margin-left: 0;
}
.mobileMain .solutionCases .solutionCaseCard .solutionCaseContent h3 .solutionCaseIcon {
  margin-right: 0.35rem;
}
.mobileMain .solutionCases .solutionCaseCard .solutionCaseContent h3 {
  font-size: 0.6rem;
  line-height: 0.72rem;
  display: flex;
  align-items: center;
  white-space: normal;
  text-overflow: initial;
}
.mobileMain .solutionCases .solutionCaseCard .solutionCaseContent p {
  margin-top: 0.7rem;
  font-size: 0.56rem;
  line-height: 0.9rem;
  color: #666666;
  display: block;
}
.mobileMain .solutionCases .solutionCaseCard .solutionCaseContent .solutionCaseMore {
  margin-top: 0.9rem;
  font-size: 0.52rem;
}
.mobileMain .solutionCases .solutionCaseCard .solutionCaseContent .solutionCaseMore .solutionCaseArrow {
  width: 0.7rem;
  height: 0.7rem;
  margin-left: 0.25rem;
  background: #333 url(../images/page/product-detail-arrow.webp) center no-repeat;
  background-size: 0.15rem 0.28rem;
}
.mobileMain .solutionCases .solutionCaseCard:hover {
  transform: none;
  box-shadow: none;
}
.mobileMain .solutionCases .solutionCaseCard:hover h3 {
  color: #333;
}
.mobileMain .solutionCases .solutionCaseCard:hover .solutionCaseMore {
  color: #333;
}
.mobileMain .pageInnerBanner {
  height: 10.8rem;
}
.mobileMain .pageInnerBanner h1 {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .pageInnerBanner .pageInnerBannerLine {
  height: 2.95rem;
  width: 0.01rem;
}
.mobileMain .caseListSection {
  background-size: cover;
}
.mobileMain .caseListSection .caseListGrid {
  flex-wrap: wrap;
  width: 100%;
}
.mobileMain .caseListSection .caseListGrid .caseListCard {
  width: 100%;
  padding: 0 4%;
  box-sizing: border-box;
  padding-bottom: 1.9rem;
  margin-bottom: 0;
  background: url(../images/mobile/page/caseBg.webp) right bottom no-repeat;
  background-size: 100%;
}
.mobileMain .caseListSection .caseListGrid .caseListCard:hover {
  transform: none;
}
.mobileMain .caseListSection .caseListGrid .caseListCard .caseListMedia {
  height: 9.2rem;
  border-radius: 0.4rem;
}
.mobileMain .caseListSection .caseListGrid .caseListCard .caseListMedia .caseListOverlay {
  height: 3rem;
  padding: 0 0.75rem;
}
.mobileMain .caseListSection .caseListGrid .caseListCard .caseListMedia .caseListOverlay h2 {
  font-size: 0.6rem;
  line-height: 1;
  width: calc(100% - 2.2rem);
}
.mobileMain .caseListSection .caseListGrid .caseListCard .caseListMedia .caseListOverlay .caseListLogo {
  width: 2rem;
  height: 2rem;
}
.mobileMain .caseListSection .caseListGrid .caseListCard .caseListBody {
  max-height: initial;
  opacity: 1;
  transition: none;
  padding: 0 0.6rem;
  margin-top: 0.65rem;
}
.mobileMain .caseListSection .caseListGrid .caseListCard .caseListBody .caseListBodyInner p {
  font-size: 0.56rem;
  line-height: 0.9rem;
  color: #666666;
}
.mobileMain .caseListSection .caseListGrid .caseListCard .caseListBody .caseListMore {
  margin-top: 0.6rem;
  font-size: 0.56rem;
  line-height: 1;
}
.mobileMain .caseListSection .caseListGrid .caseListCard .caseListBody .caseListMore i {
  width: 0.27rem;
  height: 0.47rem;
  margin-left: 0.4rem;
  background-size: 100% 100%;
}
.mobileMain .caseListSection .paging {
  margin-top: 0;
}
.mobileMain .caseModalBox {
  width: 92%;
  max-width: 100%;
}
.mobileMain .caseModalBox .caseModalLogo {
  width: 2rem;
  height: 2rem;
  top: -1rem;
}
.mobileMain .caseModalBox .caseModalSurface {
  border-radius: 0.4rem;
  padding: 1.9rem 0.85rem 2.1rem 0.85rem;
  min-height: initial;
  max-height: initial;
  background: #ffffff url(../images/mobile/page/surfaceBg.webp) top center no-repeat;
  background-size: cover;
}
.mobileMain .caseModalBox .caseModalSurface h2 {
  font-size: 0.72rem;
  line-height: 1rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.mobileMain .caseModalBox .caseModalSurface .caseModalScroll {
  margin-top: 1rem;
}
.mobileMain .caseModalBox .caseModalSurface .caseModalScroll .caseModalRichText {
  font-size: 0.56rem;
  line-height: 0.9rem;
  color: #666666;
}
.mobileMain .caseModalBox .caseModalSurface .caseModalScroll .caseModalRichText p {
  margin-top: 1rem;
}
.mobileMain .caseModalBox .caseModalSurface .caseModalScroll .caseModalRichText p:first-child {
  margin-top: 0;
}
.mobileMain .caseModalBox .caseModalClose {
  width: 0.5rem;
  height: 0.5rem;
  top: 0.6rem;
  right: 0.6rem;
}
.mobileMain .pageNewsDetail {
  padding-top: 3.55rem;
  padding-bottom: 1.8rem;
  background: #fff url(../images/mobile/page/news-detail-bg.webp) top center no-repeat;
  background-size: 100% auto;
}
.mobileMain .pageNewsDetail .detailLayout {
  margin-top: 1.65rem;
}
.mobileMain .pageNewsDetail .detailBackRail, .mobileMain .pageNewsDetail .relatedNews {
  display: none;
}
.mobileMain .pageNewsDetail .detailMain {
  width: 100%;
}
.mobileMain .pageNewsDetail .detailMain .articleHead {
  padding-bottom: 0.9rem;
  border-bottom: 0.01rem solid #eee;
}
.mobileMain .pageNewsDetail .detailMain .articleHead h1 {
  font-size: 0.72rem;
}
.mobileMain .pageNewsDetail .detailMain .articleHead .articleMeta {
  margin-top: 0.7rem;
}
.mobileMain .pageNewsDetail .detailMain .articleHead .articleMeta .articleMetaInfo {
  font-size: 0.54rem;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 0.9rem;
}
.mobileMain .pageNewsDetail .detailMain .articleHead .articleMeta .articleMetaInfo .articleMetaInfoItem {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobileMain .pageNewsDetail .detailMain .articleHead .articleMeta .articleMetaInfo .articleMetaInfoItem span:last-child {
  margin-right: 0;
}
.mobileMain .pageNewsDetail .detailMain .articleHead .articleMeta .articleMetaInfo span {
  margin-right: 0.6rem;
}
.mobileMain .pageNewsDetail .detailMain .articleHead .articleMeta .fontControls {
  display: none;
}
.mobileMain .pageNewsDetail .detailMain .articleBody {
  padding-top: 0.5rem;
}
.mobileMain .pageNewsDetail .detailMain .articleBody p {
  font-size: 0.56rem;
  line-height: 0.9rem;
}
.mobileMain .pageNewsDetail .detailMain .articleBody h3 {
  font-size: 0.56rem;
  line-height: 0.9rem;
}
.mobileMain .pageNewsDetail .detailMain .articleBody img {
  margin: 0.9rem 0;
  width: 100%;
}
.mobileMain .pageNewsDetail .detailMain .articlePager {
  margin-top: 1.8rem;
  flex-wrap: wrap;
  border-radius: 0.3rem;
}
.mobileMain .pageNewsDetail .detailMain .articlePager .articlePrev::before {
  width: calc(100% - 0.8rem);
  height: 0.01rem;
  bottom: 0;
  left: 0.4rem;
  top: initial;
}
.mobileMain .pageNewsDetail .detailMain .articlePager a {
  width: 100%;
  flex: initial;
  padding: 0.65rem 0.4rem;
  height: initial;
  flex-direction: row;
}
.mobileMain .pageNewsDetail .detailMain .articlePager a span {
  font-size: 0.56rem;
  margin-bottom: 0;
}
.mobileMain .pageNewsDetail .detailMain .articlePager a strong {
  font-size: 0.56rem;
  margin-left: 0.3rem;
  flex: 1;
}
@keyframes rotatePoint {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 技术保障 */

.techGuaranteePage .technologyIntro {
  position: relative;
  z-index: 2;
}

.techGuaranteePage .technologyIntroInner {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.techGuaranteePage .technologyIntroText {
  box-sizing: border-box;
  color: #999999;
  font-size: 1.66667rem;
  line-height: 3.33333rem;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;

}
.techGuaranteePage .technologyIntroText strong {
  display: inline;
  color: #333;
  font-weight: bold;
}

.techGuaranteePage .serviceColorText {
  color: #b7b7b7;

}
.techGuaranteePage .serviceColorText .serviceColorChar {
  display: inline;
  color: #b7b7b7;
}

.techGuaranteePage .technologyNetworkPic {
  width: 76.66667rem;
  margin: 0 auto;
  margin-top: 5.55556rem;
}
.techGuaranteePage .technologyNetworkPic img {
  width: 100%;
}

.techGuaranteePage .technologyStrength {
  padding-bottom: 4.44444rem;
  background: url(../images/page/technologyStrengthBg.webp) left bottom no-repeat;
  background-size: 59.22222rem;
}

.techGuaranteePage .technologyStrengthInner {
  box-sizing: border-box;
}

.techGuaranteePage .technologySectionTitle h2 {
  font-size: 1.66667rem;
  font-weight: bold;
  line-height: 2.22222rem;
  text-align: center;
}

.techGuaranteePage .technologyStrength .technologySectionTitle {
  width: 100%;
}

.techGuaranteePage .technologyCategoryStage {
  width: 100%;
  margin-top: 4.44444rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.techGuaranteePage .technologyCategoryContent {
  width: 39.44444rem;
  min-height: 29.5rem;
  display: flex;
  flex-direction: column;
}

.techGuaranteePage .technologyCategoryPanels {
  width: 100%;
}

.techGuaranteePage .technologyCategoryPanel {
  width: 100%;
  display: none;

}
.techGuaranteePage .technologyCategoryPanel.active {
  display: block;
  animation: technologyPanelEnter 0.8s ease both;
}

.techGuaranteePage .technologyCategoryCopy {
  box-sizing: border-box;
  width: 100%;
}

.techGuaranteePage .technologyCategoryHeading {
  display: flex;
  align-items: center;

}
.techGuaranteePage .technologyCategoryHeading h3 {
  max-width: 33.88889rem;
  margin-left: 1.38889rem;
  color: #333;
  font-size: 1.33333rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.techGuaranteePage .technologyCategoryIcon {
  width: 2.77778rem;
}
.techGuaranteePage .technologyCategoryIcon img {
  width: 100%;
}

.techGuaranteePage .technologyPointList {
  margin-top: 3.33333rem;
}

.techGuaranteePage .technologyPoint {
  position: relative;
  margin-bottom: 1.38889rem;
  padding-left: 1.11111rem;
  display: flex;
  align-items: flex-start;

}
.techGuaranteePage .technologyPoint p {
  color: #333333;
  font-size: 0.88889rem;
  line-height: 2rem;
}

.techGuaranteePage .technologyPoint strong {
  display: inline;
  font-weight: bold;
}

.techGuaranteePage .technologyPoint:last-child {
  margin-bottom: 0;
}

.techGuaranteePage .technologyPointDot {
  width: 0.44444rem;
  height: 0.44444rem;
  position: absolute;
  top: 0.66667rem;
  left: 0;
  border-radius: 50%;
  background: #fb8739;
}

.techGuaranteePage .technologyPhotoColumn {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.techGuaranteePage .technologyPhotoPanels {
  width: 39.38889rem;
  margin-left: 5.55556rem;
}

.techGuaranteePage .technologyPhotoPanel {
  display: none;

}
.techGuaranteePage .technologyPhotoPanel.active {
  display: block;
  animation: technologyPanelEnter 0.8s ease both;
}

.techGuaranteePage .technologyPhotoBox {
  width: 100%;
  height: 27.77778rem;
  overflow: hidden;
  border-radius: 0.55556rem;
}

.techGuaranteePage .technologyPhotoSwiper, .techGuaranteePage .technologyPhotoSwiper .swiper-wrapper, .techGuaranteePage .technologyPhotoSlide {
  width: 100%;
  height: 100%;
}

.techGuaranteePage .technologyPhotoSlide i {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.techGuaranteePage .technologyPhotoSlide:hover i {
  transform: scale(1.1);
}

.techGuaranteePage .technologyPhotoPagination {
  width: auto;
  height: 0.33333rem;
  margin-top: 1.38889rem;
  display: flex;
  justify-content: center;
  align-items: center;

}
.techGuaranteePage .technologyPhotoPagination .swiper-pagination-bullet {
  width: 3.88889rem;
  height: 0.16667rem;
  margin: 0 0.44444rem;
  border-radius: 0;
  opacity: 1;
  background: #c0c0c0;
}

.techGuaranteePage .technologyPhotoPagination .swiper-pagination-bullet-active {
  background: #fa6500;
}

.techGuaranteePage .technologyCategoryTabs {
  box-sizing: border-box;
  width: 100%;
  height: 7.22222rem;
  margin-top: auto;
  padding-top: 1.66667rem;
  display: flex;
  justify-content: space-between;
}

.techGuaranteePage .technologyCategoryTab {
  box-sizing: border-box;
  width: calc(100% / 3);
  height: 100%;
  position: relative;
  padding-top: 3.33333rem;
  color: #333333;
  font-size: 0.88889rem;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s;

}
.techGuaranteePage .technologyCategoryTab:hover, .techGuaranteePage .technologyCategoryTab.active {
  color: #ff6b16;

}
.techGuaranteePage .technologyCategoryTab:hover .technologyCategoryTabMark, .techGuaranteePage .technologyCategoryTab.active .technologyCategoryTabMark {
  border-color: #fb8739;

}
.techGuaranteePage .technologyCategoryTab:hover .technologyCategoryTabMark:after, .techGuaranteePage .technologyCategoryTab.active .technologyCategoryTabMark:after {
  opacity: 1;
  background: #fb8739;
}

.techGuaranteePage .technologyCategoryTabMark {
  box-sizing: border-box;
  width: 2.22222rem;
  height: 2.22222rem;
  position: absolute;
  top: 0;
  left: 50%;
  border: 0.05556rem solid #c9c9c9;
  border-radius: 50%;
  transform: translateX(-50%);
  transition: border-color 0.3s;

}
.techGuaranteePage .technologyCategoryTabMark:after {
  content: '';
  width: 0.44444rem;
  height: 0.44444rem;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #c9c9c9;
  transform: translate(-50%, -50%);
}

.techGuaranteePage .technologyTeam {
  position: relative;
  color: #fff;
  background: url(../images/page/technology-team.webp) center no-repeat;
  background-size: cover;
  padding-top: 4.44444rem;
  box-sizing: border-box;
  overflow: hidden;
}

.techGuaranteePage .technologyTeamShade {
  inset: 0;
  background: rgba(12, 26, 34, 0.13);
}

.techGuaranteePage .technologyTeamTitle {
  width: 100%;

}
.techGuaranteePage .technologyTeamTitle h2 {
  color: #fff;
}

.techGuaranteePage .technologyTeamInfo {
  margin-top: 14.72222rem;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 0.05556rem solid rgba(255, 255, 255, 0.45);
}

.techGuaranteePage .technologyTeamInfoInner {
  height: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;

}
.techGuaranteePage .technologyTeamInfoInner:after {
  content: '';
  width: 0.05556rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.25);
}

.techGuaranteePage .technologyTeamColumn {
  box-sizing: border-box;
  width: 50%;
  padding-top: 5.27778rem;
  padding-bottom: 7.22222rem;
  transition: all 0.3s;

}
.techGuaranteePage .technologyTeamColumn:first-child {
  padding-left: 8.35%;
  padding-right: 8rem;
}

.techGuaranteePage .technologyTeamColumn:last-child {
  padding-left: 8rem;
  padding-right: 8.35%;
}

.techGuaranteePage .technologyTeamColumn:hover {
  background: rgba(0, 0, 0, 0.5);
}

.techGuaranteePage .technologyTeamHeading {
  position: relative;
  padding-top: 1.66667rem;

}
.techGuaranteePage .technologyTeamHeading h3 {
  font-size: 1.33333rem;
  font-weight: bold;
}

.techGuaranteePage .technologyTeamNumber {
  position: absolute;
  top: 0;
  left: 0;
  color: rgba(255, 255, 255, 0.2);
  font-size: 3.33333rem;
  font-weight: bold;
  line-height: 3.33333rem;
  font-family: 'din';
}

.techGuaranteePage .technologyTeamPoint {
  position: relative;
  margin-top: 1.38889rem;
  padding-left: 1.11111rem;

}
.techGuaranteePage .technologyTeamPoint p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.88889rem;
  line-height: 1.66667rem;
}

.techGuaranteePage .technologyTeamDot {
  width: 0.44444rem;
  height: 0.44444rem;
  position: absolute;
  top: 0.66667rem;
  left: 0;
  border-radius: 50%;
  background: #fb8739;
}

.techGuaranteePage .technologyQuality {
  box-sizing: border-box;
  padding-top: 4.44444rem;
}

.techGuaranteePage .technologyQualityInner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.techGuaranteePage .technologyQuality .technologySectionTitle {
  width: 100%;
}

.techGuaranteePage .technologyQualityCards {
  height: 33.33333rem;
  width: 100%;
  margin-top: 4.72222rem;
  display: flex;
  justify-content: flex-start;
}

.techGuaranteePage .technologyQualityCard {
  box-sizing: border-box;
  width: 18.05556rem;
  position: relative;
  height: 100%;
  margin-left: 2.22222rem;
  overflow: hidden;
  border-radius: 0.55556rem;
  cursor: pointer;
  transition: width 0.55s ease, flex-basis 0.55s ease, transform 0.4s, box-shadow 0.4s;

}
.techGuaranteePage .technologyQualityCard:first-child {
  margin-left: 0;
}

.techGuaranteePage .technologyQualityCard.active {
  width: calc((100% - 4.44444rem - (18.05556rem * 2)));

}
.techGuaranteePage .technologyQualityCard.active .technologyQualityOverlay {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.16s;
  padding-bottom: 2.77778rem;
}

.techGuaranteePage .technologyQualityCard.active .technologyQualityNarrowText {
  opacity: 0;
  transform: translateY(1.33333rem);
  pointer-events: none;
  transition-delay: 0s;
}

.techGuaranteePage .technologyQualityCard:hover {
  box-shadow: 0 1rem 2rem rgba(20, 36, 47, 0.18);
}

.techGuaranteePage .technologyQualityBg {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: transform 0.55s ease;
}

.techGuaranteePage .technologyQualityOverlay {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 2.77778rem 3.77778rem 1.38889rem 3.77778rem;
  color: #fff;
  background: linear-gradient(to top, rgba(6, 22, 34, 0.88), rgba(6, 22, 34, 0));
  opacity: 0;
  transform: translateY(1.66667rem);
  transition: opacity 0.38s ease, transform 0.48s ease;

}
.techGuaranteePage .technologyQualityOverlay h3 {
  position: relative;
  z-index: 1;
  font-size: 1.33333rem;
  font-weight: bold;
  line-height: 1.88889rem;
}

.techGuaranteePage .technologyQualityOverlay p {
  display: -webkit-box;
  position: relative;
  z-index: 1;
  margin-top: 1.55556rem;
  font-size: 0.88889rem;
  line-height: 2rem;
}

.techGuaranteePage .technologyQualityNumber {
  position: absolute;
  left: 3.77778rem;
  top: 0.94444rem;
  color: rgba(255, 255, 255, 0.28);
  font-size: 2.44444rem;
  font-weight: bold;
  line-height: 2.77778rem;
}

.techGuaranteePage .technologyQualityNarrowText {
  box-sizing: border-box;
  height: 8.33333rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 3.88889rem 1.66667rem 1.11111rem 1.66667rem;
  color: #fff;
  background: linear-gradient(to top, rgba(6, 22, 34, 0.88), rgba(6, 22, 34, 0));
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.28s ease 0.18s, transform 0.42s ease 0.18s;

}
.techGuaranteePage .technologyQualityNarrowText .technologyQualityNumber {
  top: 2.22222rem;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translateX(-50%);
}

.techGuaranteePage .technologyQualityNarrowText h3 {
  position: relative;
  z-index: 1;
  font-size: 1.33333rem;
  font-weight: bold;
  text-align: center;
}

.serviceClosing {
  position: relative;
  overflow: hidden;
  padding-top: 4.44444rem;
  background: linear-gradient(to top, #fcfcfc, rgba(255, 255, 255, 0));

}
.serviceClosing .serviceClosingInner {
  position: relative;
  height: 100%;
}

.serviceClosing .serviceClosingText {
  width: 56.66667rem;
  margin: 0 auto;
  font-size: 1.66667rem;
  font-weight: bold;
  line-height: 3.33333rem;
  text-align: center;
}

.serviceClosing .serviceConsultBox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 9.44444rem auto 0;
  width: 4.44444rem;
  position: relative;
}

.serviceClosing .serviceConsultControl {
  width: 4.44444rem;
  height: 4.44444rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ff6b16;
  color: #fff;
  font-size: 0.88889rem;
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;

}
.serviceClosing .serviceConsultControl:hover {
  transform: scale(1.08);
}

.serviceClosing .serviceConsultLine {
  position: absolute;
  left: 50%;
  top: -7.22222rem;
  transform: translateX(-50%);
  width: 0.05556rem;
  height: 7.22222rem;
  overflow: hidden;
  background: #dedede;
}
@media screen and (max-width: 1650px) {
.productListPage .productInquiry {
  font-size: 0.72222rem;
}
.productListPage .productCard {
  padding: 2.77778rem 1.66667rem;
}
}

@keyframes technologyPanelEnter {
    0% {
        opacity: 0;
        transform: translateY(1.66667rem);
    }

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

@keyframes technologyCopyPanelEnter {
    0% {
        opacity: 0;
        transform: translateY(-1.11111rem);
    }

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

.aboutUsPage {
  color: #333;
  background: #fff;

}
.aboutUsPage .aboutIntro, .aboutUsPage .aboutCulture, .aboutUsPage .aboutHistory, .aboutUsPage .aboutHonor {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

.aboutUsPage .aboutIntro {
  background: url(../images/page/aboutIntroBg.webp) top center no-repeat;
  background-size: 100%;
  padding: 0 0 4.44444rem 0;
  box-sizing: border-box;
}

.aboutUsPage .aboutIntroInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  box-sizing: border-box;
}
.aboutUsPage .aboutIntroImg {
  position: relative;
  width: 26.11111rem;
  margin: 0 1.66667rem;
  aspect-ratio: 1;
  box-sizing: border-box;

}
.aboutUsPage .aboutIntroImg:hover .aboutIntroVideoPlay {
  transform: translate(-50%, -50%) scale(1.1);
}

.aboutUsPage .aboutIntroVideoPlay {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 3.38889rem;
  height: 3.38889rem;
  background: url(../images/page/icon-aboutVideoPlay.png) center no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  transition: transform 0.35s;
  pointer-events: none;
  display: none;
}

.aboutUsPage .aboutIntroMask {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  clip-path: circle(50% at 50% 50%);
  will-change: clip-path;
  background: #f08321;

}
.aboutUsPage .aboutIntroMask .aboutIntroInfo {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.aboutUsPage .aboutIntroMask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: clip-path, transform;
}

.aboutUsPage .aboutIntroLead {
  width: 25.55556rem;

}
.aboutUsPage .aboutIntroLead h2 {
  font-size: 1.66667rem;
  font-weight: bold;
}

.aboutUsPage .aboutIntroLead p {
  margin-top: 4.16667rem;
  font-size: 1rem;
  line-height: 2rem;
}
.aboutUsPage .aboutIntroLead .videoBtn {
  padding: 0.44444rem 1.11111rem;
  border-radius: 5.55556rem;
  border: 0.05556rem solid #e2e2e2;
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  transition: color 0.5s, border-color 0.5s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 2.77778rem;
}
.aboutUsPage .aboutIntroLead .videoBtn span {
  position: relative;
  z-index: 2;
  transition: color 0.5s;
}
.aboutUsPage .aboutIntroLead .videoBtn em {
  position: relative;
  z-index: 2;
  width: 1.44444rem;
  height: 1.44444rem;
  margin-left: 0.44444rem;
  border-radius: 50%;
  background-image: url(../images/page/videoIcon.webp);
  background-size: 0.33333rem auto;
  background-color: #2e2e2e;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s;
}
.aboutUsPage .aboutIntroLead .videoBtn::after {
  content: '';
  position: absolute;
  left: -120%;
  width: 120%;
  height: 120%;
  background: #ff6b00;
  transition: all 0.5s;
}
.aboutUsPage .aboutIntroLead .videoBtn:hover span {
  color: #fff;
}
.aboutUsPage .aboutIntroLead .videoBtn:hover em {
  background-image: url(../images/page/videoIcons.webp);
  background-color: #fff;
}
.aboutUsPage .aboutIntroLead .videoBtn:hover::after {
  left: -10%;
}

.aboutUsPage .aboutIntroSince {
  margin-top: 1.94444rem;
  color: #ff6b16;
  font-family: 'din';
  font-size: 3.33333rem;
  font-weight: bold;
  line-height: 1;
}

.aboutUsPage .aboutIntroCopy {
  width: 25.55556rem;
  font-size: 1rem;
  line-height: 2rem;
  color: #666666;

}
.aboutUsPage .aboutIntroCopy p + p {
  margin-top: 1.38889rem;
}

.aboutUsPage .aboutCulture {
  padding: 4.44444rem 0;
  box-sizing: border-box;
  position: relative;
}
.aboutUsPage .aboutCulture .aboutCultureBg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.aboutUsPage .aboutCulture .aboutCultureBg i {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aboutUsPage .aboutCultureInner {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

.aboutUsPage .aboutCultureCopy {
  width: 28.33333rem;

}
.aboutUsPage .aboutCultureCopy h2 {
  font-size: 1.66667rem;
  font-weight: bold;
  line-height: 2.33333rem;
}

.aboutUsPage .aboutCultureCopy h3 {
  margin-top: 2.77778rem;
  color: #ff6b16;
  font-size: 1.11111rem;
  font-weight: bold;
}

.aboutUsPage .aboutCultureCopy .aboutCultureDesc {
  margin-top: 2.22222rem;
  font-size: 0.88889rem;
  line-height: 2rem;
}

.aboutUsPage .aboutCultureEn {
  margin-top: 0.83333rem;
  color: #ff6b16;
  font-size: 0.88889rem;
}

.aboutUsPage .aboutCultureTabs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 3.33333rem;

}
.aboutUsPage .aboutCultureTabs .aboutCultureTab {
  margin-top: 1.88889rem;
  border: 0;
  color: #666666;
  font-size: 0.88889rem;
  line-height: 1.33333rem;
  background: none;
  cursor: pointer;
  transition: color 0.3s, transform 0.3s;
  overflow: hidden;
}
.aboutUsPage .aboutCultureTabs .aboutCultureTab .aboutCultureBox {
  transform: translateX(-2rem);
  display: flex;
  align-items: center;
  transition: all 0.3s;
}

.aboutUsPage .aboutCultureTabs .aboutCultureTab .aboutCultureTabImg {
  width: 1.55556rem;
  margin-right: 0.44444rem;
}
.aboutUsPage .aboutCultureTabs .aboutCultureTab .aboutCultureTabImg img {
  width: 100%;
}
.aboutUsPage .aboutCultureTabs .aboutCultureTab .aboutCultureTabText {
  font-size: 1.11111rem;
}

.aboutUsPage .aboutCultureTabs .aboutCultureTab:first-child {
  margin-top: 0;
}

.aboutUsPage .aboutCultureTabs .aboutCultureTab:hover, .aboutUsPage .aboutCultureTabs .aboutCultureTab.active {
  color: #333;
  font-weight: bold;
}
.aboutUsPage .aboutCultureTabs .aboutCultureTab:hover .aboutCultureBox, .aboutUsPage .aboutCultureTabs .aboutCultureTab.active .aboutCultureBox {
  transform: translateX(0);
}

.aboutUsPage .aboutCultureCard {
  width: 28.61111rem;
  box-sizing: border-box;
  padding: 4.16667rem 1.94444rem;
  text-align: center;
  margin-left: 7.22222rem;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(1.11111rem);
  box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.1);
  border-radius: 0.55556rem;
}
.aboutUsPage .aboutCultureCard .aboutCultureCardList {
  display: none;
}
.aboutUsPage .aboutCultureCard .aboutCultureCardList.active {
  display: block;
  animation: aboutPanelEnter 0.45s ease both;
}
.aboutUsPage .aboutCultureCard .aboutCultureCardList .aboutCultureCardImg {
  width: 4.44444rem;
  margin: 0 auto;
}
.aboutUsPage .aboutCultureCard .aboutCultureCardList .aboutCultureCardImg img {
  width: 100%;
}
.aboutUsPage .aboutCultureCard .abouteDescs {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 1.66667rem;
}
.aboutUsPage .aboutCultureCard .abouteDescs p {
  margin-top: 1.11111rem;
}
.aboutUsPage .aboutCultureCard .abouteDescs p:first-child {
  margin-top: 0;
}

.aboutUsPage .aboutCultureCard h3 {
  color: #fb8739;
  font-size: 1.33333rem;
  font-weight: bold;
  line-height: 1.66667rem;
  margin-top: 2.22222rem;
}

.aboutUsPage .aboutCultureCard.active {
  animation: aboutPanelEnter 0.45s ease both;
}

.aboutUsPage .cont05 {
  padding: 4.44444rem 0 8.33333rem;
  box-sizing: border-box;
  background-image: url(../images/page/about-history.webp);
}

.aboutUsPage .aboutHistory {
  background-attachment: fixed;
}

.aboutUsPage .journey {
  width: 100%;
  box-sizing: border-box;
  position: relative;

}
.aboutUsPage .journey .journeyTitle {
  font-size: 1.66667rem;
  font-weight: bold;
  line-height: 2.33333rem;
}

.aboutUsPage .journey .journeyBox {
  position: relative;

}
.aboutUsPage .journey .journeyBox .journeyLMain {
  width: 100%;
  position: sticky;
  left: 0;
  top: 15vw;
  display: flex;
  align-items: center;
  z-index: 1;
  pointer-events: none;
}

.aboutUsPage .journey .journeyBox .journeyL {
  width: 100%;

}
.aboutUsPage .journey .journeyBox .journeyL .journeyLCont {
  position: relative;
  height: 8.33333rem;
  margin-top: 6.66667rem;
  pointer-events: auto;
  padding-left: 3.88889rem;
  box-sizing: border-box;
}

.aboutUsPage .journey .journeyBox .journeyL .journeyLInfoItem {
  display: flex;
  align-items: center;
  position: relative;
  height: 8.33333rem;
  font-size: 6.88889rem;
  line-height: 1;
  font-family: 'din';
  cursor: pointer;
  transition: font-size 0.35s ease;
}

.aboutUsPage .journey .journeyBox .journeyL .journeyLInfo {
  position: absolute;
  top: 0;

}
.aboutUsPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem {
  color: #ffe2d1;
  margin-top: 3.33333rem;
  transition: color 0.35s ease;

}
.aboutUsPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem:first-child {
  margin-top: 0;
}

.aboutUsPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem .journeyYearText {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  white-space: nowrap;
  transform: translateX(2.66667rem);
  transition: transform 0.35s ease;
}

.aboutUsPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem span, .aboutUsPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem em {
  display: inline;
  color: inherit;
  font-style: normal;
  transition: color 0.35s ease;
}

.aboutUsPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem.active {
  font-size: 9.16667rem;

}
.aboutUsPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem.active .journeyYearText {
  transform: translateX(0);
}

.aboutUsPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem.active span {
  color: #ffb886;
}

.aboutUsPage .journey .journeyBox .journeyL .journeyLInfo .journeyLInfoItem.active em {
  color: #ff6b16;
}

.aboutUsPage .journey .journeyBox .journeyL .journeyProgress {
  display: block;
  position: absolute;
  left: 11.11111rem;
  top: -2.77778rem;
  z-index: 1;
  width: 15.16667rem;
  height: 15.16667rem;
  overflow: visible;
  pointer-events: none;
  transform: rotate(-120deg);

}
.aboutUsPage .journey .journeyBox .journeyL .journeyProgress circle {
  fill: none;
  stroke-width: 0.08333rem;
  vector-effect: non-scaling-stroke;
}

.aboutUsPage .journey .journeyBox .journeyL .journeyProgressBase {
  stroke: #eeeeee;
}

.aboutUsPage .journey .journeyBox .journeyL .journeyProgressValue {
  stroke: #ff6b16;
  stroke-linecap: round;
}

.aboutUsPage .journey .journeyBox .journeyRMain {
  width: 100%;

}
.aboutUsPage .journey .journeyBox .journeyRMain .w1600 {
  display: flex;
}

.aboutUsPage .journey .journeyBox .journeyR {
  width: 55.5%;
  margin-left: 44.3125%;

}
.aboutUsPage .journey .journeyBox .journeyR .journeyRItem {
  min-height: 13.88889rem;
  padding: 2.22222rem 0;
  box-sizing: border-box;
  border-bottom: 0.05556rem solid #ececec;

}
.aboutUsPage .journey .journeyBox .journeyR .journeyRItem:first-child {
  margin-top: 0;

}
.aboutUsPage .journey .journeyBox .journeyR .journeyRItem:first-child .journeyRList:first-of-type {
  margin-top: 1.33333rem;
}
.aboutUsPage .journey .journeyBox .journeyR .journeyRItem.active {
  border-bottom: 0.05556rem solid #ff6b16;
}
.aboutUsPage .journey .journeyBox .journeyR .journeyRItem:last-child {
  border-bottom: 0;
}

.aboutUsPage .journey .journeyBox .journeyR .journeyRYear {
  font-size: 1.66667rem;
  font-weight: bold;
  line-height: 1.88889rem;
  font-family: 'din';
}

.aboutUsPage .journey .journeyBox .journeyR .journeyRList {
  display: flex;
  align-items: flex-start;
  margin-top: 0.88889rem;
  color: #666666;
  font-size: 1rem;
  line-height: 2.22222rem;
}

.aboutUsPage .journey .journeyBox .journeyR .journeyRListTitle {
  width: 0.55556rem;
  height: 0.55556rem;
  flex: 0 0 0.55556rem;
  margin-top: 0.83333rem;
  border-radius: 50%;
  background: #fb8739;
}

.aboutUsPage .journey .journeyBox .journeyR .journeyRListText {
  flex: 1;
  margin-left: 0.88889rem;
}

.aboutUsPage .aboutHonor {
  padding: 4.44444rem 0;
  box-sizing: border-box;
}

.aboutUsPage .aboutHonorInner {
  box-sizing: border-box;
  margin: 0 auto;
}


.aboutUsPage .summaryList {
  display: none;

}
.aboutUsPage .summaryList.active {
  display: block;
  animation: aboutHonorSummaryEnter 1s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.aboutUsPage .aboutHonorSummary {
  width: 34.16667rem;
  margin: 0 auto;
  margin-top: 1.94444rem;
  color: #666666;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  text-align: center;
}

.aboutUsPage .aboutHonorStage {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.05556rem;
}

.aboutUsPage .aboutHonorSwiper {
  flex: 1 1 auto;
  width: 0;
  height: auto;
  opacity: 1;
  transition: opacity 0.35s, transform 0.35s;

}
.aboutUsPage .aboutHonorSwiper.active {
  animation: aboutHonorEnter 1s ease both;
}
.aboutUsPage .aboutHonorSwiper .swiper-slide {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 16.38889rem;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transform-origin: center;
  transition: opacity 0.6s, transform 0.6s, visibility 0.6s;

}
.aboutUsPage .aboutHonorSwiper .swiper-slide .aboutHonorPic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}

.aboutUsPage .aboutHonorSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.aboutUsPage .aboutHonorSwiper .swiper-slide .swiper-slide-shadow-left, .aboutUsPage .aboutHonorSwiper .swiper-slide .swiper-slide-shadow-right {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.aboutUsPage .aboutHonorSwiper .swiper-slide-active {
  z-index: 5;
  opacity: 1;
  visibility: visible;

}
.aboutUsPage .aboutHonorSwiper .swiper-slide-active .aboutHonorName {
  opacity: 1;
  visibility: visible;
}

.aboutUsPage .aboutHonorSwiper .swiper-slide-prev, .aboutUsPage .aboutHonorSwiper .swiper-slide-next {
  opacity: 0.45;
  visibility: visible;
}

.aboutUsPage .aboutHonorSwiper .swiper-slide:has(+ .swiper-slide-prev), .aboutUsPage .aboutHonorSwiper .swiper-slide-next + .swiper-slide {
  opacity: 0.2;
  visibility: visible;
}

.aboutUsPage .aboutHonorPrev, .aboutUsPage .aboutHonorNext {
  width: 2.77778rem;
  height: 2.77778rem;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  margin-top: -1.11111rem;
  transition: all 0.5s;
}

.aboutUsPage .aboutHonorPrev {
  background-image: url(../images/page/solutionDetail-advantage-1.webp);

}
.aboutUsPage .aboutHonorPrev:hover {
  background-image: url(../images/page/solutionDetail-advantage-1s.webp);
}

.aboutUsPage .aboutHonorNext {
  background-image: url(../images/page/solutionDetail-advantage-2.webp);

}
.aboutUsPage .aboutHonorNext:hover {
  background-image: url(../images/page/solutionDetail-advantage-2s.webp);
}

.aboutUsPage .aboutHonorName {
  width: 100%;
  margin-top: 1.38889rem;
  color: #333;
  font-size: 0.88889rem;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
  overflow: hidden;
  text-overflow: ellipsis;
}

.aboutUsPage .aboutHonorMore {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 8.33333rem;
  height: 2.77778rem;
  box-sizing: border-box;
  overflow: hidden;
  border: 0.05556rem solid #f08321;
  border-radius: 2.77778rem;
  font-size: 0.88889rem;
  margin: 2.22222rem auto 0;
  transition: all 0.5s;

}
.aboutUsPage .aboutHonorMore span {
  position: relative;
  z-index: 2;
  color: #f08321;
  transition: color 0.5s;
}

.aboutUsPage .aboutHonorMore em {
  position: relative;
  z-index: 2;
  width: 0.33333rem;
  height: 0.72222rem;
  margin-left: 0.55556rem;
  background: url(../images/index/icon-2.webp) center no-repeat;
  background-size: cover;
}

.aboutUsPage .aboutHonorMore::after {
  content: '';
  position: absolute;
  left: -120%;
  width: 120%;
  height: 120%;
  background: #ff6508;
  transition: all 0.5s;
}

.aboutUsPage .aboutHonorMore:hover {
  border-color: #ff6508;

}
.aboutUsPage .aboutHonorMore:hover::after {
  left: -10%;
}

.aboutUsPage .aboutHonorMore:hover span {
  color: #fff;
}

.aboutUsPage .aboutHonorMore:hover em {
  background-image: url(../images/index/icon-1.webp);
}

.aboutHonorTabs {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;

}
.aboutHonorTabs .swiper-wrapper {
  align-items: center;
  justify-content: center;
}

.aboutHonorTabs .aboutHonorTab {
  flex: 0 0 auto;
  width: auto;
  margin-left: 3.88889rem;
  border: 0;
  color: #999999;
  font-size: 1.66667rem;
  font-weight: bold;
  background: none;
  cursor: pointer;
  transition: color 0.3s, transform 0.3s;

}
.aboutHonorTabs .aboutHonorTab:first-child {
  margin-left: 0;
}

.aboutHonorTabs .aboutHonorTab:hover, .aboutHonorTabs .aboutHonorTab.active {
  color: #333;
}

@keyframes aboutPanelEnter {
    0% {
        opacity: 0;
        transform: translateY(1.22222rem);
    }

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

.aboutVideoModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s, visibility 0.35s;

}
.aboutVideoModal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

}
.aboutVideoModal.active .aboutVideoDialog {
  transform: translate(-50%, -50%) scale(1);
}

.aboutVideoMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.aboutVideoDialog {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: min(70vw, 124.444vh);
  transform: translate(-50%, -50%) scale(0.94);
  transition: transform 0.35s;
}

.aboutVideoClose {
  position: absolute;
  top: -3.88889rem;
  right: 0;
  z-index: 2;
  width: 2.22222rem;
  height: 2.22222rem;
  border: 0.05556rem solid #ff6909;
  border-radius: 50%;
  background: url(../images/page/caseModal-5.webp) center no-repeat;
  background-size: 0.83333rem auto;
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.35s;

}
.aboutVideoClose:hover {
  transform: rotate(90deg);
}

.aboutVideoPlayer {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.mobileMain .aboutUsPage .aboutIntroVideoPlay {
  width: 1.6rem;
  height: 1.6rem;
}

.mobileMain .aboutVideoDialog {
  width: min(92vw, 124.444vh);
}

.mobileMain .aboutVideoClose {
  top: -1.4rem;
  width: 0.9rem;
  height: 0.9rem;
  background-size: 0.4rem auto;
}


@keyframes aboutHonorEnter {
    0% {
        opacity: 0;
        transform: translateY(2.77778rem);
    }

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

@keyframes aboutHonorSummaryEnter {
    0% {
        opacity: 0;
        transform: translateY(2.77778rem);
    }

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

.joinUsPage {
  color: #333;
  background: #fff;

}
.joinUsPage .joinConcept, .joinUsPage .joinStaff, .joinUsPage .joinRecruit {
  box-sizing: border-box;

}
.joinUsPage .joinConcept h2, .joinUsPage .joinStaff h2, .joinUsPage .joinRecruit h2 {
  margin: 0;
  font-size: 1.66667rem;
  font-weight: bold;
  text-align: center;
}

.joinUsPage .joinConcept {
  position: relative;
  overflow: hidden;
}

.joinUsPage .joinConceptBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.joinUsPage .joinConceptInner {
  position: relative;
  z-index: 1;
  padding-bottom: 28.88889rem;
}

.joinUsPage .joinConceptCopy {
  width: 50rem;
  margin: 0 auto;
  margin-top: 2.77778rem;
  text-align: center;

}
.joinUsPage .joinConceptCopy h3 {
  margin: 0;
  font-size: 1.33333rem;
  font-weight: bold;
}

.joinUsPage .joinConceptCopy p {
  margin: 1.11111rem 0 0;
  color: #666666;
  font-size: 1rem;
  line-height: 1.66667rem;
}

.joinUsPage .joinTalentsPic {
  position: absolute;
  bottom: 5.55556rem;
  left: 16.66667rem;
  width: 89.16667rem;
  will-change: transform;

}
.joinUsPage .joinTalentsPic img {
  display: block;
  width: 100%;
}

.joinUsPage .joinStaff {
  overflow: hidden;

}
.joinUsPage .joinStaff h2 {
  padding-top: 4.44444rem;
}

.joinUsPage .joinStaffSwiper {
  position: relative;
  width: 100%;
  height: 24.44444rem;
  margin-top: 3.33333rem;
  overflow: visible;

}
.joinUsPage .joinStaffSwiper .swiper-wrapper {
  align-items: center;
}

.joinUsPage .joinStaffSlide {
  position: relative;
  width: 38.88889rem;
  height: 100%;
  opacity: 0.45;
  transform: scale(0.744);
  transition: opacity 0.6s, transform 0.6s;

}
.joinUsPage .joinStaffSlide.swiper-slide-active {
  z-index: 2;
  opacity: 1;
  transform: scale(1);

}
.joinUsPage .joinStaffSlide.swiper-slide-active .joinStaffName {
  opacity: 1;
  transform: translateY(0);
}

.joinUsPage .joinStaffPic {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.33333rem;
  cursor: pointer;

}
.joinUsPage .joinStaffPic:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  transition: opacity 0.35s;
}

.joinUsPage .joinStaffPic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s;
}

.joinUsPage .joinStaffZoom {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 3.05556rem;
  height: 3.05556rem;
  opacity: 0;
  background: url(../images/page/shadowBg.webp) center no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
  transition: opacity 0.35s;
}

.joinUsPage .joinStaffSlide:hover .joinStaffPic:after, .joinUsPage .joinStaffSlide:hover .joinStaffZoom, .joinUsPage .joinStaffSlide:active .joinStaffPic:after, .joinUsPage .joinStaffSlide:active .joinStaffZoom {
  opacity: 1;
}

.joinUsPage .joinStaffSlide:hover .joinStaffPic img, .joinUsPage .joinStaffSlide:active .joinStaffPic img {
  transform: scale(1.04);
}

.joinUsPage .joinStaffName {
  position: absolute;
  left: 3.88889rem;
  right: 3.88889rem;
  bottom: 1.38889rem;
  color: #fff;
  font-size: 1.11111rem;
  font-weight: bold;
  opacity: 0;
  transform: translateY(0.66667rem);
  transition: opacity 0.45s, transform 0.45s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-overflow: hidden;
  overflow: hidden;
}

.joinUsPage .joinStaffControls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.33333rem;
}

.joinUsPage .joinStaffPrev, .joinUsPage .joinStaffNext {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 2.83333rem;
  height: 2.83333rem;
  margin: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.5s;

}
.joinUsPage .joinStaffPrev:after, .joinUsPage .joinStaffNext:after {
  display: none;
}

.joinUsPage .joinStaffPrev {
  background-image: url(../images/page/solutionDetail-advantage-1.webp);

}
.joinUsPage .joinStaffPrev:hover, .joinUsPage .joinStaffPrev:active {
  background-image: url(../images/page/solutionDetail-advantage-1s.webp);
}

.joinUsPage .joinStaffNext {
  margin-left: 1.16667rem;
  background-image: url(../images/page/solutionDetail-advantage-2.webp);

}
.joinUsPage .joinStaffNext:hover, .joinUsPage .joinStaffNext:active {
  background-image: url(../images/page/solutionDetail-advantage-2s.webp);
}

.joinUsPage .joinRecruit {
  margin-top: 4.44444rem;
}

.joinUsPage .joinRecruitInner {
  height: 100%;
}

.joinUsPage .joinContactList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3.88889rem;
}

.joinUsPage .joinContactItem {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: calc((100% - 3.88889rem) / 3);
  height: 5.55556rem;
  padding: 0 2.77778rem;
  border-radius: 0.66667rem;
  background: #f9f9f9;
  font-size: 1rem;
  line-height: 1.66667rem;
}

.joinUsPage .joinContactIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;

}
.joinUsPage .joinContactIcon img {
  display: block;
  max-width: 1.66667rem;
  max-height: 1.55556rem;
}

.joinUsPage .joinContactLabel {
  margin-left: 1.11111rem;
  color: #fa6d0e;
  font-weight: bold;
}

.joinUsPage .joinContactValue {
  color: #333;
  font-weight: bold;
  margin-left: 0.55556rem;
}

.joinUsPage .joinRecruitList {
  display: flex;
  justify-content: space-between;
  margin-top: 2.22222rem;
}

.joinUsPage .joinRecruitItem {
  position: relative;
  width: calc((100% - 2.22222rem) / 2);
  height: 22.22222rem;
  overflow: hidden;
  border-radius: 0.33333rem;
  color: #fff;

}
.joinUsPage .joinRecruitItem:hover .joinRecruitBg {
  transform: scale(1.05);
}

.joinUsPage .joinRecruitItem:hover .joinRecruitMore {
  color: #ff6b16;
}
.joinUsPage .joinRecruitItem:hover .joinRecruitMore .joinRecruitArrow {
  background: url(../images/page/join-more-arrows.webp) center no-repeat;
  background-size: 100%;
}

.joinUsPage .joinRecruitBg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.joinUsPage .joinRecruitInfo {
  position: absolute;
  bottom: 2.77778rem;
  left: 3.05556rem;
  right: 3.05556rem;
  z-index: 1;

}
.joinUsPage .joinRecruitInfo h3 {
  margin: 1.11111rem 0 0;
  font-size: 1.33333rem;
  line-height: 1.66667rem;
  font-weight: bold;
}

.joinUsPage .joinRecruitIcon {
  display: flex;
  align-items: flex-end;
  width: 3.05556rem;
  height: 2.5rem;

}
.joinUsPage .joinRecruitIcon img {
  display: block;
  max-width: 3.05556rem;
  max-height: 2.5rem;
}

.joinUsPage .joinRecruitMore {
  display: flex;
  align-items: center;
  margin-top: 2.22222rem;
  font-size: 0.88889rem;
  transition: color 0.3s;
  color: #fff;
}

.joinUsPage .joinRecruitArrow {
  width: 0.33333rem;
  height: 0.72222rem;
  margin-left: 0.55556rem;
  background: url(../images/page/join-more-arrow.webp) center no-repeat;
  background-size: 100%;
}

.mobileMain .joinStaffZoom {
  width: 1.4rem;
  height: 1.4rem;
}


.padBot {
  padding-bottom: 4.44444rem;
}

.aboutNewsPage .aboutNewsSection {
  position: relative;
}

.aboutNewsPage .aboutNewsInner {
  position: relative;
  height: 100%;
}

.aboutNewsPage .newsCategory {
  display: flex;
  justify-content: center;
}

.aboutNewsPage .newsCategoryItem {
  color: #b2b2b2;
  font-size: 1.66667rem;
  font-weight: bold;
  cursor: pointer;
  transition: color 0.35s;

}
.aboutNewsPage .newsCategoryItem + .newsCategoryItem {
  margin-left: 4.16667rem;
}

.aboutNewsPage .newsCategoryItem:hover, .aboutNewsPage .newsCategoryItem.active {
  color: #333;
}

.aboutNewsPage .newsList {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3.88889rem;
}

.aboutNewsPage .newsCard {
  position: relative;
  top: 0;
  display: block;
  width: calc((100% - 5rem) / 3);
  padding-bottom: 1.94444rem;
  margin-bottom: 1.11111rem;
  color: #333333;
  transition: top 0.45s ease;

}
.aboutNewsPage .newsCard .newsCardPic {
  width: 100%;
  height: 19.5rem;
  overflow: hidden;
  border-radius: 0.66667rem;

}
.aboutNewsPage .newsCard .newsCardPic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.aboutNewsPage .newsCard .newsCardContent {
  padding: 1.94444rem 0.83333rem 0 0.83333rem;
  box-sizing: border-box;
  transition: all 0.45s ease;

}
.aboutNewsPage .newsCard .newsCardContent .newsCardMeta {
  margin-top: 0.88889rem;
}

.aboutNewsPage .newsCard .newsCardContent .newsCardMetaItem {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 1rem;

}
.aboutNewsPage .newsCard .newsCardContent .newsCardMetaItem + .newsCardMetaItem {
  margin-top: 0.55556rem;
}

.aboutNewsPage .newsCard .newsCardContent .newsCardMetaIcon {
  flex: 0 0 auto;
  margin-right: 0.55556rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.88889rem;
}
.aboutNewsPage .newsCard .newsCardContent .newsCardMetaIcon img {
  width: 100%;
}

.aboutNewsPage .newsCard .newsCardDate {
  margin-bottom: 0.83333rem;
  color: #999999;
  font-size: 0.88889rem;
  transition: margin 0.45s ease;
  font-family: 'din';
}

.aboutNewsPage .newsCard h2 {
  overflow: hidden;
  color: #333;
  font-size: 1rem;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 0.35s, font-weight 0.35s;
}

.aboutNewsPage .newsCard .newsCardMore {
  display: flex;
  align-items: center;
  color: #ff6b16;
  font-size: 0.88889rem;
  line-height: 1rem;
  opacity: 0;
  transform: translateY(0.55556rem);
  transition: opacity 0.35s, transform 0.35s;
  position: absolute;
  bottom: 0;
}

.aboutNewsPage .newsCard .newsCardMoreIcon {
  width: 0.33333rem;
  height: 0.72222rem;
  margin-left: 0.72222rem;
  background-image: url(../images/page/news-more-arrow.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.aboutNewsPage .newsCard:hover {
  top: -1.66667rem;
}
.aboutNewsPage .newsCard:hover h2 {
  color: #f96c0c;
  font-weight: bold;
}

.aboutNewsPage .newsCard:hover .newsCardMore {
  opacity: 1;
  transform: translateY(0);
}

.aboutNewsPage .newsCard:hover .newsCardPic img {
  transform: scale(1.05);
}

@keyframes aboutNewsEnter {
    0% {
        opacity: 0;
        transform: translateY(1.11111rem);
    }

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

.aboutIndustryPage .industryNewsList {
  position: relative;
  margin-top: 3.88889rem;
}

.aboutIndustryPage .industryNewsItem {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 1.66667rem;
  box-sizing: border-box;

}
.aboutIndustryPage .industryNewsItem + .industryNewsItem {
  margin-top: 2.77778rem;
}

.aboutIndustryPage .industryNewsItem.withoutPicture .industryNewsContent {
  padding-left: 0;
}

.aboutIndustryPage .industryNewsItem:hover, .aboutIndustryPage .industryNewsItem.active {
  border-radius: 0.66667rem;
  background: #fff url(../images/page/newsDetail-highlight-pattern.webp) right center no-repeat;
  background-size: 37.88889rem 16.55556rem;
  box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.1);

}
.aboutIndustryPage .industryNewsItem:hover .industryNewsContent h2, .aboutIndustryPage .industryNewsItem:hover .industryNewsMore, .aboutIndustryPage .industryNewsItem.active .industryNewsContent h2, .aboutIndustryPage .industryNewsItem.active .industryNewsMore {
  color: #ff6b16;
}

.aboutIndustryPage .industryNewsItem:hover .industryNewsMoreIcon, .aboutIndustryPage .industryNewsItem.active .industryNewsMoreIcon {
  filter: none;
  opacity: 1;
}

.aboutIndustryPage .industryNewsItem:hover .industryNewsPic img {
  transform: scale(1.05);
}

.aboutIndustryPage .industryNewsDate {
  display: flex;
  align-items: center;
  height: 100%;
}

.aboutIndustryPage .industryNewsDateDay {
  color: #fa741e;
  font-family: 'din';
  font-size: 2.22222rem;
  font-weight: normal;
  letter-spacing: 0.05556rem;
}

.aboutIndustryPage .industryNewsDateYear {
  margin-left: 0.5rem;
  color: #666666;
  font-family: 'din';
  font-size: 1.11111rem;
}

.aboutIndustryPage .industryNewsCard {
  display: flex;
  margin-left: 2.22222rem;
  flex: 1;
  height: 100%;
  overflow: hidden;
  transition: background-color 0.35s, box-shadow 0.35s;
}

.aboutIndustryPage .industryNewsPic {
  width: 23.61111rem;
  height: 16.38889rem;
  overflow: hidden;
  border-radius: 0.66667rem;
  background: #f2f2f2;

}
.aboutIndustryPage .industryNewsPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.aboutIndustryPage .industryNewsContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.77778rem 0 2.77778rem 2.77778rem;
  box-sizing: border-box;
  flex: 1;

}
.aboutIndustryPage .industryNewsContent h2 {
  overflow: hidden;
  color: #333;
  font-size: 1rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color 0.35s;
}

.aboutIndustryPage .industryNewsContent p {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 0.55556rem;
  color: #777;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.aboutIndustryPage .industryNewsMore {
  display: flex;
  align-items: center;
  margin-top: 1.11111rem;
  color: #666666;
  font-size: 0.88889rem;
  transition: color 0.35s;
}

.aboutIndustryPage .industryNewsMoreIcon {
  width: 0.33333rem;
  height: 0.72222rem;
  margin-left: 0.72222rem;
  background: url(../images/page/news-more-arrow.webp) center no-repeat;
  background-size: contain;
  filter: grayscale(1);
  transition: filter 0.35s;
}

.mobileMain .aboutIndustryPage .aboutAnchorIntro {
  order: 1;
}

.mobileMain .aboutIndustryPage .aboutAnchorNews {
  order: 2;
}

.mobileMain .aboutIndustryPage .aboutAnchorJoin {
  order: 3;
}

.mobileMain .aboutIndustryPage .aboutAnchorContact {
  order: 4;
}
.mobileMain .aboutIndustryPage .industryNewsList {
  margin-top: 1.6rem;
}

.mobileMain .aboutIndustryPage .industryNewsItem {
  width: 100%;
  margin: 0;
  padding: 0;
  flex-direction: column;
  align-items: stretch;
  border-bottom: 0.01rem solid #eeeeee;
  border-radius: 0;
  box-shadow: none;
  padding: 0 4%;
  box-sizing: border-box;
  background: url(../images/mobile/page/caseBg.webp) right bottom no-repeat;
  background-size: 100%;

}
.mobileMain .aboutIndustryPage .industryNewsItem + .industryNewsItem {
  margin-top: 0;
}
.mobileMain .aboutIndustryPage .industryNewsItem .industryNewsContent h2 {
  color: #333333;
}

.mobileMain .aboutIndustryPage .industryNewsItem .industryNewsMore {
  color: #ff6b16;
}

.mobileMain .aboutIndustryPage .industryNewsItem:hover .industryNewsPic img {
  transform: none;
}

.mobileMain .aboutIndustryPage .mobilePicture {
  padding-bottom: 1.65rem;
  margin-bottom: 1.65rem;

}
.mobileMain .aboutIndustryPage .mobilePicture .industryNewsPic {
  order: 1;
}

.mobileMain .aboutIndustryPage .mobilePicture .industryNewsDate {
  order: 2;
  margin-top: 0.8rem;
}

.mobileMain .aboutIndustryPage .mobilePicture .industryNewsContent {
  order: 3;
}

.mobileMain .aboutIndustryPage .mobileWithoutPicture {
  padding-bottom: 1.77rem;
  margin-bottom: 1.73rem;

}
.mobileMain .aboutIndustryPage .mobileWithoutPicture .industryNewsDate {
  order: 1;
}

.mobileMain .aboutIndustryPage .mobileWithoutPicture .industryNewsContent {
  order: 2;
}

.mobileMain .aboutIndustryPage .mobileWithoutPicture .industryNewsPic {
  display: none;
}

.mobileMain .aboutIndustryPage .mobileCompactNoPicture {
  padding-bottom: 1.56rem;
}

.mobileMain .aboutIndustryPage .industryNewsItem:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.mobileMain .aboutIndustryPage .industryNewsCard {
  display: contents;
  margin-left: 0;
  height: auto;
  overflow: visible;
}

.mobileMain .aboutIndustryPage .industryNewsPic {
  width: 100%;
  height: 9.25rem;
  border-radius: 0.3rem;

}
.mobileMain .aboutIndustryPage .industryNewsPic img {
  transform: none;
}

.mobileMain .aboutIndustryPage .industryNewsDate {
  height: 0.8rem;
}

.mobileMain .aboutIndustryPage .industryNewsDateDay {
  font-size: 1.08rem;
  line-height: 1;
}

.mobileMain .aboutIndustryPage .industryNewsDateYear {
  margin-left: 0.4rem;
  font-size: 0.54rem;
  line-height: 1;
}

.mobileMain .aboutIndustryPage .industryNewsContent {
  display: block;
  padding: 0;

}
.mobileMain .aboutIndustryPage .industryNewsContent h2 {
  margin-top: 0.6rem;
  font-size: 0.6rem;
  line-height: 1rem;
}

.mobileMain .aboutIndustryPage .industryNewsContent p {
  margin-top: 0.6rem;
  font-size: 0.56rem;
  line-height: 0.9rem;
  -webkit-line-clamp: 3;
}

.mobileMain .aboutIndustryPage .industryNewsMore {
  margin-top: 0.6rem;
  font-size: 0.56rem;
  line-height: 0.9rem;
}

.mobileMain .aboutIndustryPage .industryNewsMoreIcon {
  width: 0.27rem;
  height: 0.47rem;
  margin-left: 0.43rem;
  filter: none;
  opacity: 1;
}

.aboutIndustryBody .site-nav a.active {
  color: #1c2733;

}
.aboutIndustryBody .site-nav a.active:after {
  width: 0;
}

.newsDetailPage {
  padding: 9.44444rem 0 4.44444rem 0;
  background: #fff url(../images/page/newsDetailBg.webp) top center no-repeat;
  background-size: 100% auto;

}
.newsDetailPage .newsDetailHero {
  position: relative;
}

.newsDetailPage .newsDetailHeroInner {
  box-sizing: border-box;
  height: 100%;
  width: 87.5%;
  margin: 0 auto;
}

.newsDetailPage .newsDetailTitle {
  margin: 4.44444rem auto 0;
  color: #333;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 3.33333rem;
  border-bottom: 0.05556rem solid #e3e3e3;
}
.newsDetailPage .newsDetailMeta {
  display: flex;
  justify-content: center;
  padding: 3.88889rem 0 4.44444rem 0;
  box-sizing: border-box;
}

.newsDetailPage .newsDetailMetaItem {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 3);
}

.newsDetailPage .newsDetailMetaIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;

}
.newsDetailPage .newsDetailMetaIcon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsDetailPage .newsDetailMetaCopy {
  margin-left: 1.66667rem;
}

.newsDetailPage .newsDetailMetaLabel {
  color: #fa6d0e;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
}

.newsDetailPage .newsDetailMetaValue {
  color: #333;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.66667rem;
}

.newsDetailPage .newsDetailArticle {
  position: relative;
}

.newsDetailPage .newsDetailBackRail {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100vw - 100%) / -2 + 3rem);
  z-index: 2;
  width: 3.11111rem;
  pointer-events: none;
}

.newsDetailPage .newsDetailBack {
  position: sticky;
  top: 50%;
  display: block;
  width: 3.11111rem;
  color: #aaa;
  font-size: 0.88889rem;
  line-height: 1.22222rem;
  text-align: center;
  pointer-events: auto;
  transform: translateY(-50%);
  transition: color 0.3s, transform 0.3s;

}
.newsDetailPage .newsDetailBack:hover {
  color: #ff6b16;

}
.newsDetailPage .newsDetailBack:hover .newsDetailBackIcon {
  border-color: #ff6b16;
}

.newsDetailPage .newsDetailBackIcon {
  width: 3.11111rem;
  height: 3.11111rem;
  box-sizing: border-box;
  border: 0.05556rem solid #aaa;
  border-radius: 50%;
  background: url(../images/page/newsDetail-back.webp) center no-repeat;
  background-size: 1.11111rem 1.05556rem;
  transition: border-color 0.3s;
}

.newsDetailPage .newsDetailBackText {
  margin-top: 0.77778rem;
}

.newsDetailPage .newsDetailArticleInner p {
  color: #333;
  font-size: 1rem;
  line-height: 2rem;
  text-align: justify;
}
.newsDetailPage .newsDetailArticleInner h3 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 2rem;
  text-align: justify;
}
.newsDetailPage .newsDetailArticleInner img {
  width: 80%;
  margin: 1.66667rem auto;
}

.newsDetailPage .newsDetailHighlights {
  position: relative;
  padding-top: 4.44444rem;
  background: url(../images/page/newsDetail-highlight-pattern.webp) top right no-repeat;
  background-size: 61.88889rem auto;
}

.newsDetailPage .newsDetailHighlightInner {
  position: relative;
  height: 100%;
}

.newsDetailPage .newsDetailHighlightTitle {
  color: #333;
  font-size: 1.66667rem;
  font-weight: bold;
  line-height: 2.33333rem;
}

.newsDetailPage .newsDetailHighlightControls {
  display: flex;
  align-items: center;
  width: 6.88889rem;
  height: 2.88889rem;
}
.newsDetailPage .newsDetailHighlightHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newsDetailPage .newsDetailHighlightPrev, .newsDetailPage .newsDetailHighlightNext {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  flex: 0 0 auto;
  width: 2.88889rem;
  height: 2.88889rem;
  margin: 0;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s;

}
.newsDetailPage .newsDetailHighlightPrev::after, .newsDetailPage .newsDetailHighlightNext::after {
  display: none;
}

.newsDetailPage .newsDetailHighlightPrev {
  background: url(../images/page/solutionDetail-advantage-1.webp) center no-repeat;
  background-size: cover;
}
.newsDetailPage .newsDetailHighlightPrev:hover {
  background: url(../images/page/solutionDetail-advantage-1s.webp) center no-repeat;
  background-size: cover;
}

.newsDetailPage .newsDetailHighlightNext {
  margin-left: 1.11111rem;
  background: url(../images/page/solutionDetail-advantage-2.webp) center no-repeat;
  background-size: cover;
}
.newsDetailPage .newsDetailHighlightNext:hover {
  background: url(../images/page/solutionDetail-advantage-2s.webp) center no-repeat;
  background-size: cover;
}

.newsDetailPage .newsDetailHighlightSwiper {
  width: calc(100% + (100vw - 100%) / 2);
  height: 16.38889rem;
  overflow: hidden;
  margin-top: 3.61111rem;
}

.newsDetailPage .newsDetailHighlightSlide {
  position: relative;
  width: 23.33333rem;
  height: 100%;
  margin-right: 2.22222rem;
  overflow: hidden;
  border-radius: 0.66667rem;
  cursor: pointer;

}
.newsDetailPage .newsDetailHighlightSlide:hover .newsDetailHighlightPic img {
  transform: scale(1.06);
}

.newsDetailPage .newsDetailHighlightSlide:hover .newsDetailHighlightOverlay, .newsDetailPage .newsDetailHighlightSlide:hover .newsDetailHighlightName, .newsDetailPage .newsDetailHighlightSlide:hover .newsDetailHighlightZoom {
  opacity: 1;
  transform: translateY(0);
}

.newsDetailPage .newsDetailHighlightPic {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f2f2f2;

}
.newsDetailPage .newsDetailHighlightPic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s ease;
}

.newsDetailPage .newsDetailHighlightOverlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 6.66667rem;
  background: linear-gradient(to top, rgba(255, 107, 14, 0.96), rgba(255, 107, 14, 0));
  opacity: 1;
  transition: opacity 0.45s, transform 0.45s;
}

.newsDetailPage .newsDetailHighlightZoom {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
  transition: opacity 0.35s;

}
.newsDetailPage .newsDetailHighlightZoom:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3.05556rem;
  height: 3.05556rem;
  background: url(../images/page/shadowBg.webp) center no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}

.newsDetailPage .newsDetailHighlightName {
  position: absolute;
  bottom: 1.38889rem;
  left: 1.5rem;
  right: 1.5rem;
  z-index: 3;
  color: #fff;
  font-size: 0.88889rem;
  line-height: 1.33333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 1;
  transition: opacity 0.45s, transform 0.45s;
}

.mobileMain .newsDetailPage {
  box-sizing: border-box;
  width: 100%;
  padding: 3.55rem 0 0;
  overflow: hidden;
  background: #fff url(../images/mobile/page/news-detail-bg.webp) top center no-repeat;
  background-size: 100% auto;

}
.mobileMain .newsDetailPage .newsDetailHero {
  margin-top: 1.8rem;
}

.mobileMain .newsDetailPage .newsDetailHeroInner {
  width: 100%;
}
.mobileMain .newsDetailPage .newsDetailTitle {
  margin: 0;
  padding: 0 0 0.8rem;
  font-size: 0.72rem;
  line-height: 0.9rem;
}

.mobileMain .newsDetailPage .newsDetailMeta {
  box-sizing: border-box;
  padding: 1.1rem 0 0;
  flex-direction: column;
}

.mobileMain .newsDetailPage .newsDetailMetaItem {
  width: 100%;
  justify-content: flex-start;

}
.mobileMain .newsDetailPage .newsDetailMetaItem + .newsDetailMetaItem {
  margin-top: 0.9rem;
}

.mobileMain .newsDetailPage .newsDetailMetaIcon {
  width: 1.66rem;
  height: 1.66rem;
}

.mobileMain .newsDetailPage .newsDetailMetaCopy {
  margin-left: 0.5rem;
}

.mobileMain .newsDetailPage .newsDetailMetaLabel {
  font-size: 0.56rem;
  line-height: 0.9rem;
}

.mobileMain .newsDetailPage .newsDetailMetaValue {
  font-size: 0.56rem;
  line-height: 0.9rem;
}

.mobileMain .newsDetailPage .newsDetailArticle {
  margin-top: 1.2rem;
}

.mobileMain .newsDetailPage .detailBackRail, .mobileMain .newsDetailPage .newsDetailBackRail {
  display: none;
}

.mobileMain .newsDetailPage .newsDetailArticleInner p {
  font-size: 0.56rem;
  line-height: 0.9rem;
  text-align: justify;
}
.mobileMain .newsDetailPage .newsDetailArticleInner h3 {
  margin: 0;
  font-size: 0.56rem;
  line-height: 0.9rem;
  text-align: justify;
}

.mobileMain .newsDetailPage .newsDetailArticleInner h3 {
  font-weight: bold;
}

.mobileMain .newsDetailPage .newsDetailArticleInner img {
  margin: 0.9rem 0;
  width: 100%;
}

.mobileMain .newsDetailPage .newsDetailArticlePic {
  width: 13.75rem;
  height: 8.5rem;
  margin-top: 0;
  overflow: hidden;
  border-radius: 0.2rem;

}
.mobileMain .newsDetailPage .newsDetailArticlePic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobileMain .newsDetailPage .newsDetailArticlePic + h3 {
  margin-top: 1.59rem;
}

.mobileMain .newsDetailPage .newsDetailHighlights {
  margin-top: 0;
  padding: 1.8rem 0 1.8rem;
  background: url(../images/page/newsDetail-highlight-pattern.webp) bottom right no-repeat;
  background-size: 100% auto;
}

.mobileMain .newsDetailPage .newsDetailHighlightTitle {
  font-size: 0.72rem;
  line-height: 1;
}

.mobileMain .newsDetailPage .newsDetailHighlightControls {
  width: 2.72rem;
  height: 1.22rem;
}

.mobileMain .newsDetailPage .newsDetailHighlightPrev, .mobileMain .newsDetailPage .newsDetailHighlightNext {
  width: 1.22rem;
  height: 1.22rem;
  background-size: cover;
}

.mobileMain .newsDetailPage .newsDetailHighlightNext {
  margin-left: 0.28rem;
}

.mobileMain .newsDetailPage .newsDetailHighlightSwiper {
  width: calc(100% + (100vw - 100%) / 2);
  height: 8rem;
  margin-top: 1.1rem;
}

.mobileMain .newsDetailPage .newsDetailHighlightSlide {
  width: 11.6rem;
  height: 100%;
  margin-right: 1.1rem;
  border-radius: 0.3rem;

}
.mobileMain .newsDetailPage .newsDetailHighlightSlide:hover .newsDetailHighlightPic img {
  transform: none;
}

.mobileMain .newsDetailPage .newsDetailHighlightSlide:hover .newsDetailHighlightZoom {
  opacity: 0;
}

.mobileMain .newsDetailPage .newsDetailHighlightSlide:active .newsDetailHighlightZoom {
  opacity: 1;
}

.mobileMain .newsDetailPage .newsDetailHighlightZoom:after {
  width: 1.4rem;
  height: 1.4rem;
}

.mobileMain .newsDetailPage .newsDetailHighlightOverlay {
  height: 2.6rem;
  opacity: 0;
  transform: none;
}

.mobileMain .newsDetailPage .newsDetailHighlightName {
  right: 0.7rem;
  bottom: 0.56rem;
  left: 0.7rem;
  font-size: 0.52rem;
  line-height: 0.72rem;
  transform: none;
}

.mobileMain .newsDetailPage .newsDetailHighlightSlide.swiper-slide-active .newsDetailHighlightOverlay, .mobileMain .newsDetailPage .newsDetailHighlightSlide.swiper-slide-active .newsDetailHighlightName {
  opacity: 1;
}

.newsDetailHighlightLightbox .productLightboxPic picture {
  display: flex;
  max-width: 100%;
  max-height: 100%;
  align-items: center;
  justify-content: center;
}

.pageNewsDetail {
  padding-top: 9.44444rem;
  position: relative;
  padding-bottom: 4.44444rem;
  box-sizing: border-box;
  color: #333;
  background: url(../images/page/newsDetailBg.webp) top center no-repeat;
  background-size: 100%;

}
.pageNewsDetail .detailLayout {
  display: flex;
  align-items: flex-start;
  margin-top: 3.61111rem;
}
.pageNewsDetail .detailMain {
  flex: 0 0 auto;
  width: 71.875%;
  margin-right: 6.25%;
}
.pageNewsDetail .articleHead {
  padding-bottom: 1.66667rem;
  border-bottom: 0.11111rem solid #eee;
  box-sizing: border-box;
}
.pageNewsDetail .articleHead h1 {
  position: relative;
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}
.pageNewsDetail .articleHead .articleMeta {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.66667rem;
  color: #999;
  font-size: 0.88889rem;
  line-height: 1.66667rem;
}
.pageNewsDetail .articleHead .articleMetaInfo {
  display: flex;
  align-items: center;
}
.pageNewsDetail .articleHead .articleMetaInfo .articleMetaInfoItem {
  display: flex;
  align-items: center;
}
.pageNewsDetail .articleHead .articleMetaInfo span {
  margin-right: 2.22222rem;
  white-space: nowrap;
}
.pageNewsDetail .articleHead .fontControls {
  display: flex;
  align-items: center;
  height: 1.33333rem;
}
.pageNewsDetail .articleHead .fontControls .fontLabel {
  margin-right: 0.55556rem;
  white-space: nowrap;
}
.pageNewsDetail .articleHead .fontControls .fontControl {
  position: relative;
  display: flex;
  justify-content: center;
  width: 2.22222rem;
  height: 1.33333rem;
  border-right: 0.05556rem solid #c6c6c6;
  box-sizing: border-box;
  color: #999;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.33333rem;
  transition: color 0.3s;
}
.pageNewsDetail .articleHead .fontControls .fontControl sup {
  margin-left: 0.05556rem;
  color: #fa6d0e;
  font-size: 0.66667rem;
  line-height: 1;
}
.pageNewsDetail .articleHead .fontControls .fontControl:last-child {
  border-right: 0;
}
.pageNewsDetail .articleHead .fontControls .fontControl:hover, .pageNewsDetail .articleHead .fontControls .fontControl.active {
  color: #fa6d0e;
}
.pageNewsDetail .articleBody {
  color: #444;
  font-size: 1rem;
  line-height: 2rem;
  word-wrap: break-word;
  padding-top: 1.66667rem;
}
.pageNewsDetail .articleBody.font-large {
  font-size: 1.11111rem;
  line-height: 2.22222rem;
}
.pageNewsDetail .articleBody.font-default {
  font-size: 1rem;
  line-height: 2rem;
}
.pageNewsDetail .articleBody.font-small {
  font-size: 0.88889rem;
  line-height: 1.77778rem;
}
.pageNewsDetail .articleBody p {
  text-align: justify;
}
.pageNewsDetail .articleBody h3 {
  font-weight: bold;
}
.pageNewsDetail .articleBody img {
  width: 80%;
  margin: 1.66667rem auto;
}
.pageNewsDetail .articlePager {
  display: flex;
  margin-top: 4.44444rem;
  overflow: hidden;
  border-radius: 0.55556rem;
  background: #f9f9f9;
}
.pageNewsDetail .articlePager a {
  display: flex;
  height: 7.22222rem;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 2.5rem;
  box-sizing: border-box;
  text-align: center;
  transition: color 0.35s, background-color 0.35s;
}
.pageNewsDetail .articlePager a span {
  margin-bottom: 0.66667rem;
  font-size: 0.88889rem;
  color: #999;
}
.pageNewsDetail .articlePager a strong {
  max-width: 100%;
  overflow: hidden;
  font-size: 0.88889rem;
  line-height: 1.33333rem;
  font-weight: normal;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pageNewsDetail .articlePager .articlePrev {
  position: relative;
}
.pageNewsDetail .articlePager .articlePrev::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 0.05556rem;
  height: 50%;
  background: #dcdcdc;
}
.pageNewsDetail .articlePager .articlePrev:hover strong {
  color: #fa6d0e;
}
.pageNewsDetail .articlePager .articleNext span {
  color: #999;
}
.pageNewsDetail .articlePager .articleNext strong {
  color: #333;
}
.pageNewsDetail .articlePager .articleNext:hover strong {
  color: #fa6d0e;
}
.pageNewsDetail .relatedNews {
  position: sticky;
  top: 13.27778rem;
  align-self: flex-start;
  flex: 1;
  background: #f9f9f9;
  padding: 3.05556rem 2.22222rem 2.22222rem;
  box-sizing: border-box;
  border-radius: 0.55556rem;
}
.pageNewsDetail .relatedNews h2 {
  margin: 0 0 1.66667rem;
  font-size: 1.55556rem;
  font-weight: bold;
  color: #333;
}
.pageNewsDetail .relatedNews a {
  display: block;
  overflow: hidden;
  margin-top: 1.38889rem;
  color: #333;
  font-size: 1rem;
  line-height: 1.44444rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color 0.3s;
}
.pageNewsDetail .relatedNews a:hover {
  color: #fa6d0e;
}
.detailBackRail {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2.44444rem;
  width: 3.11111rem;
  pointer-events: none;
  z-index: 2;
}
.detailBack {
  position: sticky;
  top: 13.27778rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 3.11111rem;
  pointer-events: auto;
  color: #999;
  font-size: 0.88889rem;
  line-height: 1.22222rem;
  text-align: center;
}
.detailBack .detailBackIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.11111rem;
  height: 3.11111rem;
  margin-bottom: 0.77778rem;
  border: 0.05556rem solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
  transition: all 0.3s;
}
.detailBack .detailBackIcon i {
  width: 1.11111rem;
  height: 1.11111rem;
  background: url(../images/page/news-detail-back.webp) center no-repeat;
  background-size: cover;
}
.detailBack:hover {
  color: #fa6d0e;
}
.detailBack:hover .detailBackIcon {
  border-color: #fa6d0e;
  background: #fa6d0e;
}
.detailBack:hover .detailBackIcon i {
  background: url(../images/page/news-detail-backs.webp) center no-repeat;
  background-size: cover;
}
.contactUsPage {
  color: #333;
}


.contactUsMain {
  position: relative;
  box-sizing: border-box;

}
.contactUsMain h2 {
  font-size: 1.66667rem;
  font-weight: bold;
  text-align: center;
}

.contactHeadquartersTitle {
  margin: 0;
}

.contactMap {
  position: relative;
  width: 100%;
  margin-top: 3.33333rem;
}

.contactMapPic {
  width: 100%;
  border-radius: 1.33333rem;
  overflow: hidden;
}
.contactMapPic img {
  display: block;
  width: 100%;
}

.contactInfoCard {
  position: relative;
  z-index: 1;
  width: 89.68%;
  background: url(../images/page/contact-info-bg.webp) center no-repeat;
  background-size: cover;
  margin: -9.77778rem auto 0;
  padding: 1.66667rem 0;
  box-sizing: border-box;
  border-radius: 0.77778rem;
  display: flex;
  flex-wrap: wrap;
}

.contactInfoBg {
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.contactInfoItem:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 0.05556rem;
  height: 50%;
  background: #e8e8e8;
  content: '';
}

.contactInfoItem:last-child:after {
  display: none;
}

.contactInfoItem {
  position: relative;
  box-sizing: border-box;
  width: calc(100% / 3);
  padding: 1.66667rem 3.33333rem;
  box-sizing: border-box;
}
.contactInfoHeading {
  display: flex;
  height: 1.5rem;
  align-items: center;
}

.contactInfoIcon {
  display: flex;
  width: 1.44444rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;

}
.contactInfoIcon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.contactInfoLabel {
  margin-left: 0.55556rem;
  color: #666666;
  font-size: 0.88889rem;
}

.contactInfoValue {
  margin-top: 0.83333rem;
  color: #333;
  font-size: 1.22222rem;
  font-weight: bold;
  transition: color 0.3s ease;
}

.contactInfoValue:hover {
  color: #fa6d0e;
}

.contactBranchTitle {
  margin-top: 4.44444rem;
}

.contactBranchList {
  display: flex;
  margin-top: 3.61111rem;
  justify-content: space-between;
}

.contactBranchItem {
  position: relative;
  width: calc((100% - 1.66667rem) / 2);
  border-radius: 0.55556rem;
  padding: 3.33333rem 2.77778rem;
  box-sizing: border-box;
  overflow: hidden;

}
.contactBranchItem:hover {
  outline: none;

}
.contactBranchItem:hover h3 {
  color: #fa6d0e;
}

.contactBranchBg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.55s ease;
  background: url(../images/page/contact-branch-bg-1.webp) center no-repeat;
  background-size: cover;
}

.contactBranchInfo {
  position: relative;
  z-index: 1;

}
.contactBranchInfo h3 {
  margin: 0;
  color: #333;
  font-size: 1.33333rem;
  font-weight: bold;
  transition: color 0.35s ease;
}

.contactBranchRows {
  margin-top: 1.94444rem;
}

.contactBranchRow {
  display: flex;
  align-items: flex-start;

  margin-top: 1.11111rem;
}
.contactBranchRow:first-child {
  margin-top: 0;
}

.contactBranchIcon {
  display: flex;
  width: 1.27778rem;
  height: 1.27778rem;
  align-items: center;
  justify-content: center;
  margin-top: 0.11111rem;

}
.contactBranchIcon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.contactBranchText {
  margin-left: 0.55556rem;
  overflow: hidden;
  color: #666666;
  font-size: 1rem;
  transition: color 0.3s ease;
}

a.contactBranchText:hover {
  color: #fa6d0e;
}
.mobileMain .detailBackRail {
  width: 1rem;
  left: 0.6rem;
  z-index: 99;
  display: none;
}
.mobileMain .detailBack {
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  z-index: 99;
  font-size: 0.48rem;
  line-height: 0.6rem;
}
.mobileMain .detailBack .detailBackIcon {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.3rem;
}
.mobileMain .detailBack .detailBackIcon i {
  width: 0.5rem;
  height: 0.5rem;
}
.mobileMain .contactUsPage .contactUsMain .contactHeadquartersTitle {
  font-size: 0.72rem;
  line-height: 1;
}
.mobileMain .contactUsPage .contactMap {
  margin-top: 1.1rem;
}
.mobileMain .contactUsPage .contactMap .contactMapPic {
  border-radius: 0;
}
.mobileMain .contactUsPage .contactMap .contactInfoCard {
  margin: 0;
  width: 100%;
  padding: 0.6rem 0.9rem 0.6rem 0.9rem;
  background: url(../images/mobile/page/contact-info-bg.webp) center no-repeat;
  background-size: cover;
  border-radius: 0 0 0.3rem 0.3rem;
}
.mobileMain .contactUsPage .contactMap .contactInfoCard .contactInfoItem {
  width: 100%;
  padding: 0.5rem 0;
}
.mobileMain .contactUsPage .contactMap .contactInfoCard .contactInfoItem::after {
  display: none;
}
.mobileMain .contactUsPage .contactMap .contactInfoCard .contactInfoItem .contactInfoIcon {
  width: 0.7rem;
  height: 0.73rem;
}
.mobileMain .contactUsPage .contactMap .contactInfoCard .contactInfoItem .contactInfoLabel {
  margin-left: 0.3rem;
  font-size: 0.58rem;
}
.mobileMain .contactUsPage .contactMap .contactInfoCard .contactInfoItem .contactInfoValue {
  margin-top: 0.4rem;
  font-size: 0.6rem;
}
.mobileMain .contactUsPage .contactMap .contactInfoCard .contactInfoHeading {
  height: initial;
}
.mobileMain .contactUsPage .contactBranchTitle {
  font-size: 0.72rem;
  margin-top: 1.8rem;
}
.mobileMain .contactUsPage .contactBranchList {
  flex-wrap: wrap;
  margin-top: 1.2rem;
}
.mobileMain .contactUsPage .contactBranchList .contactBranchItem {
  width: 100%;
  padding: 1.4rem 0.75rem;
  margin-top: 0.8rem;
  border-radius: 0.3rem;
}
.mobileMain .contactUsPage .contactBranchList .contactBranchItem .contactBranchBg {
  background: url(../images/mobile/page/contact-branch-bg-1.webp) center no-repeat;
  background-size: cover;
}
.mobileMain .contactUsPage .contactBranchList .contactBranchItem:first-child {
  margin-top: 0;
}
.mobileMain .contactUsPage .contactBranchList .contactBranchItem h3 {
  font-size: 0.6rem;
}
.mobileMain .contactUsPage .contactBranchList .contactBranchItem .contactBranchRows {
  margin-top: 0.8rem;
}
.mobileMain .contactUsPage .contactBranchList .contactBranchItem .contactBranchRow {
  margin-top: 0.2rem;
}
.mobileMain .contactUsPage .contactBranchList .contactBranchItem .contactBranchIcon {
  width: 0.6rem;
  height: 0.6rem;
  margin-top: 0.2rem;
}
.mobileMain .contactUsPage .contactBranchList .contactBranchItem .contactBranchText {
  margin-left: 0.35rem;
  font-size: 0.56rem;
  line-height: 1rem;
}

/*===== 搜索结果页 =====*/
.results_t {
  padding-top: 11.66667rem;
  position: relative;
  z-index: 1;
}
.results_t .searchBoxs {
  position: relative;
  border-bottom: 0.05556rem solid #fa802d;
}
.results_t .searchBoxs input {
  padding-left: 1.22222rem;
  width: calc(100% - 5.55556rem);
  height: 3.88889rem;
  font-size: 1rem;
  color: #333;
  outline: none;
  background: #fff;
}
.results_t .searchBoxs em {
  position: absolute;
  top: 0;
  right: 1.38889rem;
  width: 1.94444rem;
  height: 3.88889rem;
  background: url(../images/icon/i84.webp) center no-repeat;
  cursor: pointer;
}
.results_t p {
  font-size: 0.88889rem;
  color: #333333;
  padding: 2.33333rem 0;
}
.results_t p i {
  color: #fa802d;
  display: inline-block;
}

.results01 a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 1.94444rem 0;
  border-bottom: #e6e6e6 0.05556rem solid;
}
.results01 a::before {
  transition: all 0.7s;
  position: absolute;
  left: 0;
  bottom: -0.05556rem;
  width: 0;
  height: 0.11111rem;
  background: #fa802d;
  content: '';
}
.results01 a .pic {
  margin-right: 3%;
  width: 22.55%;
  overflow: hidden;
  background: #f8f8f8;
  border-radius: 0.55556rem;
}
.results01 a .pic i {
  transition: all 0.7s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.results01 a .text {
  flex: 1;
}
.results01 a .text b {
  margin-bottom: 1.11111rem;
  max-height: 2rem;
  line-height: 2rem;
  font-size: 1rem;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.results01 a .text .flex {
  display: flex;
  align-items: center;
  margin-bottom: 0.83333rem;
  font-size: 0.88889rem;
  color: #999;
}
.results01 a .text .flex i {
  margin-right: 1rem;
  font-family: 'din';
}
.results01 a .text .flex em {
  margin-right: 1rem;
  font-weight: bold;
}
.search-highlight {
  display: inline-block;
  color: #fa802d;
}
.results01 a .text p {
  height: 3.55556rem;
  line-height: 1.77778rem;
  font-size: 0.88889rem;
  color: #999;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.results01 a:hover::before {
  transition: all 0.7s;
  width: 100%;
}
.results01 a:hover .pic i {
  transition: all 0.7s;
  transform: scale(1.08);
}
.results01 a:hover .text b {
  color: #fa802d;
}
.tab-list {
  margin-bottom: 2.33333rem;
  display: flex;
}
.tab-list .list-item {
  float: left;
  position: relative;
  padding: 0.11111rem 1.11111rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
  color: #333333;
  cursor: pointer;
}
.tab-list .list-item:hover {
  color: #fa802d;
}
.tab-list .list-item:first-child {
  padding-left: 0;
}
.tab-list .list-item.act {
  color: #fa802d;
}
.tab-list .list-item:nth-last-child(1)::before {
  display: none;
}
.tab-list .list-item::before {
  content: '';
  position: absolute;
  width: 0.05556rem;
  height: 50%;
  background: #b5b5b5;
  top: 25%;
  right: 0;
}
.data-list .list-item {
  margin-top: 3.88889rem;
}
.data-list .list-item a {
  display: block;
}
.data-list .list-item a .title {
  font-size: 1.33333rem;
  color: #333333;
  transition-duration: 0.5s;
}
.data-list .list-item a .type-time {
  font-size: 0.88889rem;
  color: #b5b5b5;
  margin-top: 0.55556rem;
}
.data-list .list-item a .type-time .type {
  margin-left: 1.11111rem;
}
.data-list .list-item a .details {
  margin-top: 0.55556rem;
  font-size: 0.88889rem;
  color: #666666;
  line-height: 1.6;
}
.data-list .list-item a:hover .title {
  color: #fa802d;
}
.more {
  display: block;
  margin: 3.33333rem auto 0;
}
.mobileMain .results_t {
  padding-top: 4rem;
}
.mobileMain .results_t .searchBoxs input {
  width: calc(100% - 3rem);
  height: 1.6rem;
  font-size: 0.56rem;
  padding: 0 2rem 0 0.9rem;
}
.mobileMain .results_t .searchBoxs em {
  right: 0.9rem;
  height: 1.6rem;
  width: 0.74rem;
  background-size: 100% auto;
}
.mobileMain .results_t p {
  font-size: 0.52rem;
  padding: 0.6rem 0;
}
.mobileMain .padBot {
  padding-bottom: 1.8rem;
}
.mobileMain .results01 {
  padding-bottom: 0;
}
.mobileMain .results01 a {
  flex-wrap: wrap;
  padding: 1.2rem 0;
}
.mobileMain .results01 a .pic {
  margin: 0 0% 1rem 0;
  width: 100%;
  border-radius: 0.3rem;
}
.mobileMain .results01 a .text b {
  margin-bottom: 0.5rem;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.6rem;
}
.mobileMain .results01 a .text .flex {
  margin-bottom: 0.6rem;
  font-size: 0.48rem;
}
.mobileMain .results01 a .text .flex i, .mobileMain .results01 a .text .flex em {
  margin-right: 0.8rem;
}

.mobileMain .results01 a .text p {
  height: 1.64rem;
  line-height: 0.82rem;
  font-size: 0.52rem;
}
.mobileMain .tab-list .list-item {
  font-size: 0.56rem;
  padding: 0.02rem 0.6rem;
}
.mobileMain .tab-list {
  margin-bottom: 0.6rem;
}
.mobileMain .m_searchSubTit {
  position: relative;
  z-index: 5;
}
.mobileMain .m_searchSubTit .subTop {
  line-height: 1.6rem;
  height: 1.6rem;
  border-bottom: 0.01rem solid #b5b5b5;
}
.mobileMain .m_searchSubTit p {
  padding: 0;
  padding-left: 0.4rem;
  line-height: 1.6rem;
  font-size: 0.56rem;
  color: #fa802d;
  float: left;
}
.mobileMain .m_searchSubTit em {
  display: block;
  width: 0.54rem;
  height: 1.6rem;
  background: url(../images/icon/i85.webp) center no-repeat;
  -o-background-size: 0.54rem auto;
  background-size: 0.54rem auto;
  float: right;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  margin-right: 0.2rem;
}
.mobileMain .subCon {
  background-color: #fff;
  padding: 0 0.86rem 0.4rem;
  display: none;
  position: absolute;
  top: 1.7rem;
  left: 0;
  width: 100%;
  z-index: 2;
  box-sizing: border-box;
  box-shadow: 0 0 0.55556rem rgba(0, 0, 0, 0.1);
}
.mobileMain .subCon a {
  font-size: 0.52rem;
  margin: 0 0.2rem;
  color: #333333;
  display: block;
  line-height: 1.6rem;
}
.mobileMain .subCon a.cur {
  border-bottom: 0.01rem solid #b5b5b5;
  color: #fa802d;
}

.honorList .title {
  margin-bottom: 4.77778rem;
  text-align: center;
  font-size: 1.66667rem;
  font-weight: bold;
}
.honorList .mode {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4.44444rem;
}
.honorList .mode a.wow {
  visibility: hidden;
}
.honorList .mode a {
  transition: all 0.5s;
  margin:4% 4% 0 0;
  width: 22%;
}
.honorList .mode a:nth-child(4n) {
  margin-right: 0;
}
.honorList .mode a:nth-child(1), .honorList .mode a:nth-child(2), .honorList .mode a:nth-child(3), .honorList .mode a:nth-child(4) {
  margin-top: 0;
}
.honorList .mode a:hover {
  transition: all 0.5s;
}
.honorList .mode a:hover .pic img {
  transition: all 0.5s;
  box-shadow: 0 0 2.22222rem rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}
.honorList .mode a:hover p {
  color: #dab866;
}

.honorList .mode a .pic {
  display: flex;
  justify-content: center;
  align-items: end;
  width: 100%;
  height: 11.11111rem;
  position: relative;
}
.honorList .mode a .pic .picImg {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
  cursor: pointer;
}
.honorList .mode a .pic img {
  transition: all 0.5s;
  max-width: 100%;
  max-height: 11.11111rem;
  object-fit: contain;
}
.honorList .mode a .pic .picIcon {
  transition: opacity 0.5s;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.77778rem;
  height: 2.77778rem;
  content: "";
  border-radius: 50%;
  overflow: hidden;
  display: none;
}
.honorList .mode a .pic .picIcon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.honorList .mode a .pic:hover .picIcon {
  transition: opacity 0.5s;
  opacity: 1;
}
.honorList .mode a p {
  color: #333;
  font-size: 1rem;
  text-align: center;
  margin-top: 1.11111rem;
}
.subPopImg .next .pic {
  margin: 1.66667rem auto;
  width: 60vw;
  height: 70vh;
}
.subPopImg .next .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.subPopImg .next p {
  font-size: 1.66667rem;
  text-align: center;
  color: #fff;
  letter-spacing: 0.11111rem;
}
.subPop {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 116;
}
.subPop .delete {
  margin-left: calc(100% - 2.22222rem);
  margin-bottom: 1.66667rem;
  width: 2.22222rem;
  height: 2.22222rem;
  background: url(../images/icon/i38.webp) center no-repeat;
  background-size: contain;
  cursor: pointer;
}
.subPop .mode {
  display: flex;
  justify-content: space-between;
  padding: 5.55556rem 3.33333rem 5.55556rem 4.44444rem;
  border-radius: 0.55556rem;
  background: #fff url(../images/icon/i37.webp) left bottom no-repeat;
  background-size: 25.75% auto;
}
.subPop .left {
  width: 30%;
}
.subPop .left b {
  margin-bottom: 2rem;
  font-size: 2rem;
  color: #333;
  font-weight: bold;
}
.subPop .left p {
  margin-bottom: 1.66667rem;
  font-size: 2.66667rem;
  color: #d0c093;
  font-family: "DIN";
}

.subPop .left .lie {
  width: 70%;
  height: 0.05556rem;
  background: #dcdcdc;
}
.subPop .left .text .icon {
  display: flex;
  align-items: start;
  color: #333;
  margin-top: 1.66667rem;
  font-size: 1rem;
  line-height: 1.66667rem;
}
.subPop .left .text .icon div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.55556rem;
  width: 1rem;
  height: 1.66667rem;
}
.subPop .left .text .icon div img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.subPop .left .text .icon i {
  flex: 1;
  font-family: "DIN";
}
.subPop .left .text .icon span {
  flex: 1;
}
.subPop .right {
  padding-right: 1.11111rem;
  width: 67%;
  max-height: calc(78vh - 11.11111rem );
  overflow-y: auto;
}
.subPop .right::-webkit-scrollbar {
  width:0.11111rem;
  height:0.11111rem;
}
.subPop .right::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 0.05556rem;
  border-radius:0.11111rem;
  background-color: #dab866;
}
.subPop .right::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0.11111rem;
  background:rgba(220,220,220,0.7);

}
.subPop .right .pic {
  margin-bottom: 3.33333rem;
  width: 100%;
  border-radius: 0.55556rem;
  overflow: hidden;
}
.subPop .right .pic img {
  width: 100%;
  max-height:22.22222rem;
  object-fit: cover;
}
.subPop .right .text {
  line-height: 2rem;
  font-size: 0.88889rem;
  color: #333;
  text-align: justify;
}
.subPop .right .text p {
  text-indent: 2em;
}
.subPop .right .text p:has(img) {
  text-indent: 0em;
}
.subPop .right .text img, .subPop .right .text video {
  display: block;
  margin: 0.55556rem auto;
  max-width: 100%;
  height: auto !important;
}
.subPop .right .text span, .subPop .right .text i, .subPop .right .text em, .subPop .right .text a, .subPop .right .text b {
  display: inline;
}

.subPop_bac {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 112;
}

.mobileMain .honorList .title {
  margin-bottom:0.9rem;
  font-size: 0.72rem;
}
.mobileMain .honorList .mode {
  margin-top: 1rem;
}
.mobileMain .honorList .mode a {
  margin:1rem 5% 0 0;
  width: 47.5%;
}
.mobileMain .honorList .mode a:nth-child(1), .mobileMain .honorList .mode a:nth-child(2) {
  margin-top:0;
}
.mobileMain .honorList .mode a:nth-child(3), .mobileMain .honorList .mode a:nth-child(4) {
  margin-top:0.9rem;
}
.mobileMain .honorList .mode a:nth-child(2n) {
  margin-right: 0;
}
.mobileMain .honorList .mode a:hover {
  transform: scale(1);
}
.mobileMain .honorList .mode a:hover .pic img {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mobileMain .honorList .mode a .pic {
  height:4.3rem;
}
.mobileMain .honorList .mode a .pic div::before {
  background-size:1rem auto;
}
.mobileMain .honorList .mode a .pic img {
  max-height: 4.3rem;
}
.mobileMain .honorList .mode a p {
  font-size:0.5rem;
  margin-top:0.7rem;
}
.mobileMain .honorList2 .mode a .pic {
  height: 5rem;
}
.mobileMain .honorList2 .mode a .pic img {
  max-height: 5rem;
}
.mobileMain .subPop .delete {
  margin-left: calc(100% - 0.9rem);
  margin-bottom:0.5rem;
  width: 0.9rem;
  height:0.9rem;
}
.mobileMain .subPop .mode {
  flex-wrap: wrap;
  padding:1rem 0.7rem;
  border-radius:0.2rem;
  background: #fff;
}
.mobileMain .subPop .left {
  width: 100%;
}
.mobileMain .subPop .left b {
  margin-bottom:0.6rem;
  font-size:0.75rem;
}
.mobileMain .subPop .left p {
  margin-bottom: 0.45rem;
  font-size:1rem;
}
.mobileMain .subPop .left .lie {
  width: 70%;
}
.mobileMain .subPop .left .text {
  padding-top: 0.2rem;
}
.mobileMain .subPop .left .text .icon {
  margin-top:0.3rem;
  font-size: 0.56rem;
  line-height: 0.8rem;
}
.mobileMain .subPop .left .text .icon div {
  margin-right:0.45rem;
  width:0.48rem;
  height:0.8rem;
}
.mobileMain .subPop .right {
  width: 100%;
  margin-top: 0.6rem;
  max-height: calc(90vh - 2rem - 8rem);
}
.mobileMain .subPop .right .pic {
  margin-bottom:0.9rem;
  border-radius: 0.2rem;
}
.mobileMain .subPop .right .pic img {
  max-height:5.4rem;
}
.mobileMain .subPop .right .text {
  line-height:0.9rem;
  font-size:0.54rem;
}
.mobileMain .subPopImg .next .pic {
  margin:0.6rem auto;
  width: 92vw;
  height: 60vh;

}
.mobileMain .subPopImg .next p {
  font-size:0.6rem;
  letter-spacing: 0.05556rem;
}

/* 站点地图 */
.pageTitle {
  margin-bottom: 2.22222rem;

}
.pageTitle .tit {
  font-size: 1.77778rem;
  color: #f08321;
  font-weight: bold;

}
.pageTitle .tit.titCen {
  text-align: center;
}

.pageTitle.white .tit {
  color: #fff;
}

.pageTitle.jusCon {
  display: flex;
  justify-content: space-between;

}
.pageTitle.jusCon .but {
  margin: 0;
}
.varied {
  margin-top: 7.22222rem;
}
.zdMap {
  margin-top: 2.22222rem;
  font-size: 0.88889rem;
  color: #333;
  line-height: 1.66667rem;
}
.zdMapList {
  margin-top: 2.77778rem;
}
.zdMapTitle {
  font-size: 1.22222rem;
  font-weight: bold;
  color: #333;
}
.zdMapCont {
  display: flex;
  flex-wrap: wrap;
}
.zdMapContList {
  width: calc((100% - 5rem) / 4);
  margin-right: 1.66667rem;
  padding: 1.11111rem 0;
  text-align: center;
  background: #ececec;
  margin-top: 1.66667rem;
  color: #333;
  transition: all 0.5s;
  border-radius: 0.55556rem;

}
.zdMapContList:nth-child(4n) {
  margin-right: 0;

}
.zdMapContList:hover {
  background: #f08321;
  color: #fff;
}



.mobileMain .pageTitle {
  margin-bottom: 0.8rem;

}
.mobileMain .pageTitle .tit {
  font-size: 0.76rem;
}
.mobileMain .varied {
  margin-top:2rem;
}
.mobileMain .zdMap {
  margin-top: 1rem;
  font-size: 0.52rem;
  line-height:1rem;
}
.mobileMain .zdMapList {
  margin-top: 1rem;
}
.mobileMain .zdMapTitle {
  font-size: 0.64rem;
}
.mobileMain .zdMapContList {
  width: calc((100% - 0.6rem) / 2);
  margin-right: 0.6rem;
  margin-top: 0.6rem;
  padding: 0.4rem 0;
  font-size: 0.56rem;
  border-radius: 0.2rem;
}
.mobileMain .zdMapContList:nth-child(2n) {
  margin-right: 0;
}