@charset "UTF-8";
/* public css */
:root {
  /* 宽度 */
  --jq_w1200: 1200px;
  /* 颜色 */
  --jq_color1: #373f50;
  --jq_color2: #ffffff;
  --jq_color3: rgba(255,255,255,0.65);
  --jq_color4: #475467;
  --jq_color5: #406595;
  --jq_color6: #393f4f;
  --jq_color7: #333333;
  --jq_color8: #f5f5f5;
  --jq_color9: #2d3444;
  --jq_color10: #666666;
  --jq_color11: rgba(0, 0, 0, 0.1);
  --jq_color12: #4b566b;
  --jq_color13: #e3e9ef;
  --jq_color14: #007fc8;
  --jq_color15: #fea569;
  --jq_color16: #f6f9fc;
  --jq_color17: rgba(0,0,0,0.085);
  --jq_color18: #7d879c;
  --jq_color19: #e60013;
  --jq_color20: #161954;
  --jq_color21: #14174d;
  --jq_color22: #f1f1f1;
  --jq_color23: #cccccc;
  --jq_color24: #dddddd;
  --jq_color25: #eeeeee;
  --jq_color26: #409eff;
  --jq_color27: #71d39c;
  /* 字体大小 */
  --jq_fs1: 12px;
  --jq_fs2: 14px;
  --jq_fs3: 16px;
  --jq_fs4: 18px;
  --jq_fs5: 20px;
  --jq_fs6: 22px;
  --jq_fs7: 24px;
  --jq_fs8: 26px;
  --jq_fs9: 28px;
  --jq_fs10: 30px;
  --jq_fs11: 32px;
  --jq_fs12: 34px;
  /* 外边距 */
  --jq_ml1: 5px;
  --jq_ml2: 10px;
  --jq_ml3: 15px;
  --jq_ml4: 20px;
  --jq_ml5: 25px;
  --jq_ml6: 30px;
  --jq_ml7: 35px;
  --jq_ml8: 40px;
  --jq_ml9: 45px;
  --jq_ml10: 50px;
  --jq_mr1: 5px;
  --jq_mr2: 10px;
  --jq_mr3: 15px;
  --jq_mr4: 20px;
  --jq_mr5: 25px;
  --jq_mr6: 30px;
  --jq_mr7: 35px;
  --jq_mr8: 40px;
  --jq_mr9: 45px;
  --jq_mr10: 50px;
  --jq_mt1: 5px;
  --jq_mt2: 10px;
  --jq_mt3: 15px;
  --jq_mt4: 20px;
  --jq_mt5: 25px;
  --jq_mt6: 30px;
  --jq_mt7: 35px;
  --jq_mt8: 40px;
  --jq_mt9: 45px;
  --jq_mt10: 50px;
  --jq_mb1: 5px;
  --jq_mb2: 10px;
  --jq_mb3: 15px;
  --jq_mb4: 20px;
  --jq_mb5: 25px;
  --jq_mb6: 30px;
  --jq_mb7: 35px;
  --jq_mb8: 40px;
  --jq_mb9: 45px;
  --jq_mb10: 50px;
  /* 内边距 */
  --jq_pl1: 5px;
  --jq_pl2: 10px;
  --jq_pl3: 15px;
  --jq_pl4: 20px;
  --jq_pl5: 25px;
  --jq_pl6: 30px;
  --jq_pl7: 35px;
  --jq_pl8: 40px;
  --jq_pl9: 45px;
  --jq_pl10: 50px;
  --jq_pr1: 5px;
  --jq_pr2: 10px;
  --jq_pr3: 15px;
  --jq_pr4: 20px;
  --jq_pr5: 25px;
  --jq_pr6: 30px;
  --jq_pr7: 35px;
  --jq_pr8: 40px;
  --jq_pr9: 45px;
  --jq_pr10: 50px;
  --jq_pt1: 5px;
  --jq_pt2: 10px;
  --jq_pt3: 15px;
  --jq_pt4: 20px;
  --jq_pt5: 25px;
  --jq_pt6: 30px;
  --jq_pt7: 35px;
  --jq_pt8: 40px;
  --jq_pt9: 45px;
  --jq_pt10: 50px;
  --jq_pb1: 5px;
  --jq_pb2: 10px;
  --jq_pb3: 15px;
  --jq_pb4: 20px;
  --jq_pb5: 25px;
  --jq_pb6: 30px;
  --jq_pb7: 35px;
  --jq_pb8: 40px;
  --jq_pb9: 45px;
  --jq_pb10: 50px;
}

html, body, .app {
  width: 100%;
  height: 100%;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-size: var(--jq_fs2);
}

a {
  color: var(--jq_color7);
  text-decoration: none;
}

.box-1200 {
  width: var(--jq_w1200);
}

/* appProductsOtherList */
.AppProductsOtherList-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.AppProductsOtherList-box .AppProductsOtherList-item {
  width: 100%;
  display: flex;
  border-bottom: 1px solid var(--jq_color22);
}

.AppProductsOtherList-box .AppProductsOtherList-item .field-img {
  width: 50px;
  padding: 5px;
  flex-shrink: 0;
}

.AppProductsOtherList-box .AppProductsOtherList-item .field-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.AppProductsOtherList-box .AppProductsOtherList-item .field-number {
  width: 200px;
  padding: 5px;
  flex-shrink: 0;
  color: var(--jq_color14);
}

.AppProductsOtherList-box .AppProductsOtherList-item .field-label {
  width: calc(100% - 370px);
  padding: 5px;
}

.AppProductsOtherList-box .AppProductsOtherList-item .field-value {
  width: 120px;
  padding: 5px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.AppProductsOtherList-box .AppProductsOtherList-item .field-value .more {
  color: var(--jq_color18);
  font-size: var(--jq_fs1);
}

.AppProductsOtherList-box .AppProductsOtherList-item:nth-child(odd):hover, .AppProductsOtherList-box .AppProductsOtherList-item:hover {
  background-color: var(--jq_color17);
}

.AppProductsOtherList-box .AppProductsOtherList-item:nth-child(odd) {
  background: var(--jq_color25);
}

/* 布局样式 */
.layout-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* min-height: 100vh; */
}

/* AppHeader */
.header-box {
  width: 100%;
}

/* AppTipsEmailLanguage */
.tel-box {
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: center;
  background-color: var(--jq_color2);
}

.tel-box .tips-email-language {
  width: var(--jq_w1200);
  height: 100%;
  display: flex;
  justify-content: flex-end;
  color: var(--jq_color7);
}

.tel-box .tips-email-language .phone-menu-icon {
  width: 18px;
  height: 15px;
  display: none;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: var(--jq_mr4);
  cursor: pointer;
}

.tel-box .tips-email-language .phone-menu-icon span {
  width: 100%;
  height: 2px;
  background-color: var(--jq_color5);
}

.tel-box .tips-email-language .phone-menu-icon::before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: var(--jq_color5);
  position: absolute;
  top: 0px;
}

.tel-box .tips-email-language .phone-menu-icon::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: var(--jq_color5);
  position: absolute;
  bottom: 0px;
}

.tel-box .tips-email-language .email-language {
  height: 100%;
  display: flex;
  align-items: center;
}

.tel-box .tips-email-language .email-language .language {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.tel-box .tips-email-language .email-language .language a {
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--jq_color7);
}

.tel-box .tips-email-language .email-language .language a i {
  margin-right: var(--jq_mr1);
}

.tel-box .tips-email-language .email-language .language a:hover {
  color: var(--jq_color9);
}

.tel-box .tips-email-language .email-language .language .lang-child {
  width: 80px;
  position: absolute;
  top: 35px;
  left: 0;
  background-color: var(--jq_color2);
  display: none;
  box-shadow: 0 0 10px var(--jq_color7);
  z-index: 999;
}

.tel-box .tips-email-language .email-language .language .lang-child .lang-item {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: var(--jq_color7);
}

.tel-box .tips-email-language .email-language .language .lang-child .lang-item:hover {
  color: var(--jq_color2);
  background-color: var(--jq_color5);
}

.tel-box .tips-email-language .email-language .language:hover .lang-child {
  display: block;
}

/* AppLogoSearchShoppingCart */
.alssc-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.alssc-box .alssc-top-box {
  width: 100%;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 16px 0; */
}

.alssc-box .alssc-top-box .logo-search-shoppingCart {
  width: var(--jq_w1200);
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .logo {
  max-width: 300px;
  max-height: 90px;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .logo img {
  max-width: 300px;
  max-height: 90px;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .logo .brand {
  width: 82px;
  height: 92px;
  /* background: var(--jq_color5); */
  background: url("./icon/1.png") no-repeat center center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--jq_color2);
  display: none;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .search {
  width: 460px;
  height: 40px;
  border: 3px solid var(--jq_color5);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .search .input {
  width: calc(100% - 40px);
  height: 100%;
  background: none;
  border: none;
  outline: none;
  padding: 0 10px;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .search .btn {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--jq_color5);
  color: var(--jq_color2);
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart {
  display: flex;
  align-items: center;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .phone-menu-check {
  width: 18px;
  height: 15px;
  display: none;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: var(--jq_mr4);
  cursor: pointer;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .phone-menu-check span {
  width: 100%;
  height: 2px;
  background-color: var(--jq_color5);
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .phone-menu-check::before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: var(--jq_color5);
  position: absolute;
  top: 0px;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .phone-menu-check::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: var(--jq_color5);
  position: absolute;
  bottom: 0px;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .shoppingCart {
  width: 82px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--jq_color5);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .shoppingCart i {
  margin-right: var(--jq_mr1);
  font-size: var(--jq_fs3);
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .shoppingCart:hover {
  background-color: var(--jq_color5);
  color: var(--jq_color2);
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search .brand {
  width: 82px;
  height: 92px;
  /* background: var(--jq_color5); */
  background: url("./icon/1.png") no-repeat center center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--jq_color2);
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search .franchise-search {
  width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search .franchise-search .franchise {
  display: flex;
  align-items: center;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search .franchise-search .franchise i {
  font-size: var(--jq_fs7);
  position: relative;
  left: -7px;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search .franchise-search .franchise .check {
  color: var(--jq_color5);
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search .franchise-search .franchise span {
  font-size: var(--jq_fs2);
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search .franchise-search .search-box {
  height: 32px;
  border: 1px solid var(--jq_color5);
  display: flex;
  align-items: center;
  margin: 4px 0;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search .franchise-search .search-box .input {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  padding: 0 10px;
}

.alssc-box .alssc-top-box .logo-search-shoppingCart .brand-franchise-search .franchise-search .search-box .search-submit {
  width: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--jq_color5);
  color: var(--jq_color2);
  border: none;
  cursor: pointer;
}

.alssc-box .phone-menu-box {
  width: 100%;
  height: 0px;
  background: var(--jq_color5);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s;
}

.alssc-box .phone-menu-box .phone-menu-search {
  width: 100%;
  height: 45px;
  background: var(--jq_color2);
  border-radius: 5px;
  display: flex;
}

.alssc-box .phone-menu-box .phone-menu-search i {
  width: 45px;
  height: 100%;
  font-size: var(--jq_fs3);
}

.alssc-box .phone-menu-box .phone-menu-search input {
  width: calc(100% - 45px);
  height: 100%;
  background: none;
  border: none;
  outline: none;
}

.alssc-box .phone-menu-box .phone-menu-tree-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.alssc-box .phone-menu-box .phone-menu-tree-box > a {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  color: var(--jq_color3);
  font-size: var(--jq_fs3);
}

.alssc-box .phone-menu-box .phone-menu-tree-box a:hover {
  color: var(--jq_color2);
}

.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--jq_color20);
}

.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-item > a {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  color: var(--jq_color3);
  font-size: var(--jq_fs3);
  padding: 15px;
  border-bottom: 1px solid var(--jq_color3);
}

.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-item a:hover {
  color: var(--jq_color2);
}

.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-child-box {
  width: 100%;
  padding: 15px;
}

.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-child-box .phone-menu-tree-child {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--jq_color21);
  padding: 0 15px;
}

.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-child-box .phone-menu-tree-child > a {
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--jq_color3);
  font-size: var(--jq_fs2);
  padding: 10px 0;
}

.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-child-box .phone-menu-tree-child a:hover {
  color: var(--jq_color2);
}

.alssc-box .phone-menu-box .phone-menu {
  width: 100%;
}

.alssc-box .phone-menu-box .phone-menu a {
  width: 100%;
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--jq_color3);
  font-size: var(--jq_fs3);
}

.alssc-box .phone-menu-box .phone-menu a:hover {
  color: var(--jq_color2);
}

.alssc-box .phone-menu-box.active {
  height: auto;
  padding: 15px;
}

/* AppMenu */
.menu-box {
  width: 100%;
  height: 49px;
  background-color: var(--jq_color5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-box .menu-main {
  width: var(--jq_w1200);
  height: 100%;
  display: flex;
}

.menu-box .menu-main .menu {
  height: 100%;
  display: flex;
  align-items: center;
}

.menu-box .menu-main .menu a {
  width: 165px;
  height: 100%;
  color: var(--jq_color3);
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--jq_color2);
  padding: 0 10px;
  font-size: var(--jq_fs3);
}

.menu-box .menu-main .menu a:hover {
  color: var(--jq_color2);
}

.menu-box .menu-main .menu a:last-child {
  border-right: none;
}
.menu-box .menu-main .menu a span {
  font-size: var(--jq_fs3);
}

/* AppFooter */
.footer-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.footer-box .footer {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.footer-box .footer .footer-types {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--jq_color22);
  align-items: center;
}

.footer-box .footer .footer-types .footer-types-items {
  width: calc(100% / 8);
  padding: 0 15px;
  display: flex;
  align-items: center;
}

.footer-box .footer .footer-types .footer-types-items .img {
  width: 36px;
  height: 36px;
  margin-right: var(--jq_mr2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-box .footer .footer-types .footer-types-items .img img {
  width: 100%;
}

.footer-box .footer .footer-types .footer-types-items .text {
  font-size: var(--jq_fs2);
  color: var(--jq_color18);
}

.footer-box .footer .footer-copyright {
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid var(--jq_color22);
  align-items: center;
  font-size: var(--jq_fs2);
  color: var(--jq_color23);
  text-align: center;
}

.footer-box .footer .footer-copyright a {
  color: var(--jq_color23);
}

.footer-box .footer .footer-copyright a:hover {
  color: var(--jq_color1);
}

.footer-box .footer .footer-fall {
  width: 100%;
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-box .footer .footer-fall .footer-fall-iso {
  width: 50%;
  display: flex;
  align-items: center;
}

.footer-box .footer .footer-fall .footer-fall-iso img {
  height: 24px;
  margin-right: var(--jq_mr3);
}

.footer-box .footer .footer-fall .text {
  font-size: var(--jq_fs2);
  color: var(--jq_color18);
  text-align: center;
}

/* AppBanner */
.banner-box {
  width: 100%;
  height: 500px;
  position: relative;
}

.banner-box .swiper {
  height: 100%;
}

.banner-box .swiper .swiper-wrapper {
  height: 100%;
}

.banner-box .swiper .swiper-wrapper .swiper-slide {
  height: 100%;
}

.banner-box .swiper .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

.banner-box .swiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
}

/* HotSaleBriefs */
.hotSaleBriefs-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.hotSaleBriefs-box .hotSaleBriefs {
  width: var(--jq_w1200);
  display: flex;
  justify-content: space-between;
  margin-top: var(--jq_mt7);
}

.hotSaleBriefs-box .hotSaleBriefs .hotSaleBriefs-left-box {
  width: 300px;
}

.hotSaleBriefs-box .hotSaleBriefs .hotSaleBriefs-right-box {
  width: calc(100% - 300px);
  padding-left: var(--jq_pl4);
}

/* AppCrumbs */
.crumbs-box {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: var(--jq_fs2);
  color: var(--jq_color10);
}

/* AppLeftMenu */
.LeftMenu {
  width: 100%;
}

.LeftMenu .LeftMenu-list {
  width: 100%;
  margin-bottom: var(--jq_mb4);
  background-color: var(--jq_color2);
  box-shadow: 0 0 15px var(--jq_color11);
  display: flex;
  flex-direction: column;
}

.LeftMenu .LeftMenu-list .LeftMenu-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: var(--jq_fs4);
  border-bottom: 1px solid var(--jq_color8);
  color: var(--jq_color5);
}

.LeftMenu .LeftMenu-list .LeftMenu-box {
  width: 100%;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}

.LeftMenu .LeftMenu-list .LeftMenu-box a {
  width: 100%;
  padding: 5px 0;
  font-size: var(--jq_fs2);
  color: var(--jq_color12);
}

/* page-index */
.content-box {
  width: 100%;
  padding-bottom: 20px;
}

/* page-index-FeaturedProducts */
.featuredProducts-box {
  width: 100%;
  display: flex;
  justify-content: center;
  /* padding: 20px 0; */
  padding-bottom: 50px;
}

.featuredProducts-box .box-1200 {
  display: flex;
  flex-direction: column;
}

.featuredProducts-box .box-1200 .title {
  width: 100%;
  font-size: var(--jq_fs7);
  font-weight: bold;
  color: var(--jq_color1);
  text-align: center;
}

.featuredProducts-box .box-1200 .featuredProducts {
  width: calc(100% + 20px);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: -10px;
}

.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item {
  width: calc(25% - 20px);
  margin: 0 10px;
  margin-bottom: var(--jq_mb4);
  border: 1px solid var(--jq_color13);
  padding: 10px;
  transition: all 0.3s;
}

.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .img img {
  width: 100%;
  height: auto;
}

.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .min-text {
  width: 100%;
  font-size: var(--jq_fs1);
  color: var(--jq_color18);
}

.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .max-text {
  width: 100%;
  font-size: var(--jq_fs2);
  color: var(--jq_color1);
  font-weight: bold;
}

.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .money-stock {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .money-stock .money {
  color: var(--jq_color14);
}

.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .money-stock .stock {
  color: var(--jq_color15);
}

.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item:hover {
  border: 1px solid var(--jq_color14);
}

.featuredProducts-box .box-1200 .more {
  width: 100%;
  margin-top: var(--jq_mt4);
  display: flex;
  justify-content: center;
}

.featuredProducts-box .box-1200 .more a {
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--jq_color14);
  color: var(--jq_color14);
  font-size: var(--jq_fs2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}

.featuredProducts-box .box-1200 .more a:hover {
  background: var(--jq_color14);
  color: var(--jq_color2);
}

/* page-index-ShopByBrand */
.shopByBrand-box {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  background: var(--jq_color16);
}

.shopByBrand-box .box-1200 {
  display: flex;
  flex-direction: column;
}

.shopByBrand-box .box-1200 .title {
  width: 100%;
  font-size: var(--jq_fs7);
  font-weight: bold;
  color: var(--jq_color1);
  text-align: center;
}

.shopByBrand-box .box-1200 .shopByBrand {
  width: calc(100% + 20px);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--jq_mt4);
  left: -10px;
  position: relative;
}

.shopByBrand-box .box-1200 .shopByBrand .shopByBrand-item {
  width: calc(25% - 20px);
  margin: 0 10px;
  margin-bottom: var(--jq_mb4);
  border: 1px solid var(--jq_color13);
  background: var(--jq_color2);
  border-radius: 5px;
  padding: 20px;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shopByBrand-box .box-1200 .shopByBrand .shopByBrand-item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.shopByBrand-box .box-1200 .shopByBrand .shopByBrand-item a img {
  width: 100%;
  height: auto;
}

/* page-index-Technologiess */
.technologies-box {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  background: var(--jq_color16);
  margin-top: var(--jq_mt4);
}

.technologies-box .box-1200 {
  display: flex;
  flex-direction: column;
}

.technologies-box .box-1200 .title {
  width: 100%;
  font-size: var(--jq_fs7);
  font-weight: bold;
  color: var(--jq_color1);
  text-align: center;
}

.technologies-box .box-1200 .technologies {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: var(--jq_mt4);
}

.technologies-box .box-1200 .technologies .technologies-max {
  width: 100%;
  height: 385px;
  display: flex;
  justify-content: space-between;
}

.technologies-box .box-1200 .technologies .technologies-max .technologies-item {
  width: calc(50% - 10px);
  height: 100%;
  border-radius: 5px;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
}

.technologies-box .box-1200 .technologies .technologies-max .technologies-item .img {
  width: 100%;
  height: 295px;
  overflow: hidden;
}

.technologies-box .box-1200 .technologies .technologies-max .technologies-item .img img {
  width: 100%;
  height: 100%;
}

.technologies-box .box-1200 .technologies .technologies-max .technologies-item .max-text {
  width: 100%;
  font-size: var(--jq_fs3);
  font-weight: bold;
  color: var(--jq_color14);
  padding: 5px 0;
}

.technologies-box .box-1200 .technologies .technologies-max .technologies-item .min-text {
  width: 100%;
  font-size: var(--jq_fs1);
  color: var(--jq_color1);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 20px;
}

.technologies-box .box-1200 .technologies .technologies-min {
  width: 100%;
  height: 270px;
  margin-top: var(--jq_mt4);
  display: flex;
  justify-content: space-between;
}

.technologies-box .box-1200 .technologies .technologies-min .technologies-item {
  width: calc(25% - 10px);
  height: 100%;
  border-radius: 5px;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
}

.technologies-box .box-1200 .technologies .technologies-min .technologies-item .img {
  width: 100%;
  height: 165px;
  overflow: hidden;
}

.technologies-box .box-1200 .technologies .technologies-min .technologies-item .img img {
  width: 100%;
  height: 100%;
}

.technologies-box .box-1200 .technologies .technologies-min .technologies-item .max-text {
  width: 100%;
  font-size: var(--jq_fs3);
  font-weight: bold;
  color: var(--jq_color14);
}

.technologies-box .box-1200 .technologies .technologies-min .technologies-item .min-text {
  width: 100%;
  font-size: var(--jq_fs1);
  color: var(--jq_color1);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 20px;
}

.technologiessTwo-box {
  width: 100%;
  height: 535px;
  background-color: var(--jq_color8);
  padding: 35px 0;
  display: flex;
  justify-content: center;
}

.technologiessTwo-box .technologiessTwo {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.technologiessTwo-box .technologiessTwo .technologiessTwo-top {
  width: 100%;
  height: 230px;
  padding: 0 0 35px 0;
}

.technologiessTwo-box .technologiessTwo .technologiessTwo-bottom {
  width: 100%;
  height: 340px;
}

.technologiessTwo-box .technologiessTwo .technologiessTwo-bottom .appTechnologiessTwoList-box .realtimeinfo-technology {
  padding-bottom: var(--jq_pb2);
}

.technologiessTwo-box .technologiessTwo .technologiessTwo-bottom .appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items.active {
  /* padding-bottom: var(--jq_pb2); */
}

/* page-index-Classification */
.classificationd-box {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  padding-top: 0px;
  margin-top: 20px;
}

.classificationd-box .classificationd {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.classificationd-box .classificationd .classificationd-tab {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e3e9ef;
}

.classificationd-box .classificationd .classificationd-tab a {
  width: 33.333333333%;
  height: 100%;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.classificationd-box .classificationd .classificationd-tab a.active {
  font-weight: bold;
  border-bottom: 2px solid #171c61;
}

.classificationd-box .classificationd .classificationd-main {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

.classificationd-box .classificationd .classificationd-main a {
  width: 25%;
  height: 30px;
  display: flex;
  align-items: center;
  color: #4b566b;
  font-size: var(--jq_fs2);
}

.classificationd-box .classificationd .classificationd-main a:hover {
  color: #005f95;
}

/* page-manufacturers */
.manufacturers-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.manufacturers-box .manufacturers {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

.manufacturers-box .manufacturers .title {
  width: 100%;
  height: 60px;
  background: var(--jq_color2);
  box-shadow: 0px 0px 15px var(--jq_color11);
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: var(--jq_fs5);
  font-weight: bold;
  border-radius: 5px;
}

.manufacturers-box .manufacturers .manufacturers-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: var(--jq_mt4);
  background: var(--jq_color2);
  box-shadow: 0px 0px 15px var(--jq_color11);
}

.manufacturers-box .manufacturers .manufacturers-list .min-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: var(--jq_fs4);
  border-bottom: 1px solid var(--jq_color8);
}

.manufacturers-box .manufacturers .manufacturers-list .list-box {
  width: 100%;
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
}

.manufacturers-box .manufacturers .manufacturers-list .list-box a {
  width: 50%;
  padding: 10px 0;
}

/* page-manufacturers-typeList */
.typeList-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.typeList-box .typeList-main {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.typeList-box .typeList-main .typeList {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.typeList-box .typeList-main .typeList .typelist-items {
  width: 100%;
  border: 1px solid var(--jq_color17);
  margin-bottom: var(--jq_mb4);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid var(--jq_color17);
  font-size: var(--jq_fs3);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content {
  width: 100%;
  padding: 20px;
  display: flex;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .img {
  width: 210px;
  height: 130px;
  overflow: hidden;
  border: 1px solid var(--jq_color17);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .brief-content {
  width: calc(100% - 210px);
  padding-left: 20px;
  font-size: var(--jq_fs2);
  line-height: 24px;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content.typelist-content-max {
  display: flex;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content-min {
  display: none;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content.products {
  flex-wrap: wrap;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content.products .page-box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: var(--jq_mt4);
}

/* page-technologies */
.technologiesd-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.technologiesd-box .technologiesd {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

.technologiesd-box .technologiesd .title {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  font-size: var(--jq_fs5);
  font-weight: bold;
  border-radius: 5px;
}

.technologiesd-box .technologiesd .technologiesd-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.technologiesd-box .technologiesd .technologiesd-list .list-items {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  margin-bottom: var(--jq_mb6);
}

.technologiesd-box .technologiesd .technologiesd-list .list-items .img {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border: 1px solid var(--jq_color8);
}

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

.technologiesd-box .technologiesd .technologiesd-list .list-items .text-time {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px 0;
}

.technologiesd-box .technologiesd .technologiesd-list .list-items .text-time .text {
  font-size: var(--jq_fs3);
  font-weight: bold;
  color: var(--jq_color1);
}

.technologiesd-box .technologiesd .technologiesd-list .list-items .text-time .time {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--jq_color18);
  padding-top: 2px;
}

.technologiesd-box .technologiesd .technologiesd-list .list-items .text-time .time i {
  margin-right: var(--jq_mr1);
}

.technologiesd-box .technologiesd .technologiesd-list .list-items .min-text {
  font-size: var(--jq_fs2);
  color: var(--jq_color18);
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 20px;
}

.technologiesd-box .technologiesd .page-box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: var(--jq_mt4);
}

/* page-technologies-id */
.technologiesDetail-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.technologiesDetail-box .technologiesDetail-main {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box {
  width: calc(100% - 380px);
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .tDetail-left-title {
  font-size: var(--jq_fs7);
  font-weight: bold;
  margin-bottom: var(--jq_mb2);
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .technologiesDetail-time {
  font-size: var(--jq_fs2);
  color: var(--jq_color19);
  margin-bottom: var(--jq_mb4);
  display: flex;
  align-items: center;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .technologiesDetail-time i {
  margin-right: var(--jq_mr1);
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .technologiesDetail-content {
  font-size: var(--jq_fs3);
  line-height: 26px;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .technologiesDetail-content h1 {
  font-size: var(--jq_fs5);
  font-weight: bold;
  margin: 20px 0;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box {
  width: 360px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDetail-right-title {
  height: 50px;
  font-size: var(--jq_fs5);
  font-weight: bold;
  border-bottom: 1px solid var(--jq_color17);
  display: flex;
  align-items: center;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDeiail-right-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: var(--jq_mt2);
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDeiail-right-item .img {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border: 1px solid #f5f5f5;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDeiail-right-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDeiail-right-item .text {
  font-size: var(--jq_fs2);
  font-weight: bold;
  padding: 10px 0;
}

/* page-rfq */
.rfq-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.rfq-box .rfq {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.rfq-box .rfq .rfq-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--jq_mb4);
  background: var(--jq_color2);
  box-shadow: 0px 0px 15px var(--jq_color11);
}

.rfq-box .rfq .rfq-list .min-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: var(--jq_fs4);
  border-bottom: 1px solid var(--jq_color8);
}

.rfq-box .rfq .rfq-list .list-box {
  width: 100%;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}

.rfq-box .rfq .rfq-list .list-box .rfq-tips {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--jq_mb4);
  color: var(--jq_color1);
}

.rfq-box .rfq .rfq-list .list-box .rfq-tips span {
  width: 100%;
  font-size: var(--jq_fs2);
}

.rfq-box .rfq .rfq-list .list-box .rfq-tips .bold {
  font-size: var(--jq_fs3);
  font-weight: bold;
}

.rfq-box .rfq .rfq-list .list-box .clear-add {
  margin-top: var(--jq_mt4);
  display: flex;
  justify-content: flex-end;
}

.rfq-box .rfq .rfq-list .list-box .req-form {
  width: 100%;
}

.rfq-box .rfq .rfq-list .list-box .req-form .el-form {
  width: 100%;
  max-width: none !important;
  display: flex;
  flex-wrap: wrap;
}

.rfq-box .rfq .rfq-list .list-box .req-form .el-form .el-form-item {
  width: 50%;
  padding: 0 10px;
  margin-bottom: var(--jq_mb6);
}

.rfq-box .rfq .rfq-list .list-box .req-form .el-form .el-form-item .el-input {
  width: 100%;
}

.rfq-box .rfq .rfq-list .list-box .form-submit {
  /* margin-top: var(--jq_mt4); */
  display: flex;
  justify-content: center;
}

/* page-aboutUs */
.aboutUs-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.aboutUs-box .aboutUs-main {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.aboutUs-box .aboutUs-main .aboutUs {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutMenu {
  width: 250px;
  margin-right: var(--jq_mr2);
  flex-shrink: 0;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutMenu-phone {
  width: 100%;
  margin-bottom: var(--jq_mb4);
  background-color: var(--jq_color2);
  box-shadow: 0 0 15px var(--jq_color11);
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutMenu-phone a {
  margin: 0 10px;
  padding: 5px 0;
  font-size: var(--jq_fs3);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutMenu-phone a.active {
  color: var(--jq_color5);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutMenu.show {
  display: block;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutMenu-phone.show {
  display: none;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent {
  width: calc(100% - 250px);
  min-height: 600px;
  padding-left: 45px;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .content-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid var(--jq_color8);
  color: var(--jq_color5);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .content-title span {
  height: 100%;
  position: relative;
  display: inline-table;
  font-size: var(--jq_fs3);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .content-title span::after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--jq_color20);
  position: absolute;
  left: 0;
  bottom: -2px;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain {
  width: 100%;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  line-height: 26px;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain > img {
  width: 100%;
  margin-bottom: var(--jq_mb4);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain span {
  width: 100%;
  padding: 10px 0;
  font-size: var(--jq_fs3);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain span i {
  position: relative;
  top: 2px;
  margin-right: var(--jq_mr1);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain h1 {
  font-size: var(--jq_fs4);
  font-weight: bold;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-list a {
  width: calc(100% / 6 - 10px);
  height: 100px;
  margin: 10px 5px;
  border: 1px solid var(--jq_color8);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-list a img {
  width: 100%;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-text {
  width: 100%;
  border: 1px solid var(--jq_color13);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
  padding-bottom: 0;
  margin-bottom: var(--jq_mb2);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-text .img-text-items {
  width: calc(100% / 4 - 10px);
  margin-bottom: var(--jq_mb2);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-text .img-text-items img {
  width: 100px;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-text .img-text-items .text {
  width: 100%;
  text-align: center;
  font-size: var(--jq_fs3);
  color: var(--jq_color5);
  margin-top: var(--jq_mt2);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .wco-img-text {
  margin-top: var(--jq_mt2);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .lvi-title {
  width: 100%;
  display: flex;
  margin: 10px 0;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .lvi-title .lvi-title-items {
  width: 50%;
  display: flex;
  justify-content: center;
  font-size: var(--jq_fs3);
  font-weight: bold;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .img-text-items .text {
  font-size: var(--jq_fs2);
  font-weight: normal;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .lvi-mintext {
  width: 100%;
  display: flex;
  margin: 20px 0;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .lvi-mintext .lvi-mintext-items {
  width: 50%;
  display: flex;
  justify-content: center;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.let-img-text .img-text-items {
  width: calc(100% / 2 - 10px);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.let-img-text .img-text-items img {
  width: 100%;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form {
  width: 100%;
  padding: 30px 150px;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form .el-form {
  width: 100%;
  max-width: none !important;
  display: flex;
  flex-wrap: wrap;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form .el-form .el-form-item {
  width: 100%;
  padding: 0 10px;
  margin-bottom: var(--jq_mb6);
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form .el-form .el-form-item .el-input {
  width: 100%;
}

.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form .form-submit {
  display: flex;
  justify-content: flex-start;
  padding-left: 100px;
}

/* page-product */
.product-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.product-box .integratedCircuits {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.product-box .integratedCircuits .integratedCircuits-items {
  margin-bottom: var(--jq_mb4);
}

.product-box .integratedCircuits .integratedCircuits-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: var(--jq_fs3);
  color: var(--jq_color14);
  display: flex;
  /* justify-content: center; */
  /*margin-bottom: var(--jq_mb4);*/
}

.product-box .integratedCircuits .integratedCircuits-content {
  width: 100%;
  /* padding: 0 20px; */
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}

.product-box .integratedCircuits .integratedCircuits-content .ic-items {
  width: calc(20% - 10px);
  padding: 5px 0;
  font-size: var(--jq_fs2);
  color: var(--jq_color7);
  cursor: pointer;
}

/* page-product-slug */
.product-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.product-box .product-main {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.product-box .product-main .product-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: var(--jq_fs4);
  font-weight: bold;
}

.product-box .product-main .product-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.product-box .product-main .product-content .product-left-box {
  width: 790px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.product-box .product-main .product-content .product-left-box .enlarge {
  width: 100%;
  height: auto;
  border: 1px solid var(--jq_color17);
  display: flex;
  padding: 20px;
}

.product-box .product-main .product-content .product-left-box .enlarge .enlarge-img {
  width: 165px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.product-box .product-main .product-content .product-left-box .enlarge .enlarge-img img {
  width: 100%;
  height: auto;
}

.product-box .product-main .product-content .product-left-box .enlarge .enlarge-img span {
  text-align: center;
}

.product-box .product-main .product-content .product-left-box .enlarge .enlarge-table {
  width: calc(100% - 165px);
  padding-left: 20px;
}

.product-box .product-main .product-content .product-left-box .specifications {
  width: 100%;
  height: auto;
  border: 1px solid var(--jq_color17);
  margin-top: var(--jq_mt4);
}

.product-box .product-main .product-content .product-left-box .specifications .specifications-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid var(--jq_color17);
  font-size: var(--jq_fs3);
  background: var(--jq_color16);
  font-weight: bold;
}

.product-box .product-main .product-content .product-right-box {
  width: 390px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.product-box .product-main .product-content .product-right-box .quickInquiry {
  width: 100%;
  height: auto;
  border: 1px solid var(--jq_color17);
  margin-bottom: var(--jq_mb4);
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid var(--jq_color17);
  font-size: var(--jq_fs3);
  background: var(--jq_color16);
  font-weight: bold;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content {
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .el-form {
  width: 100%;
  max-width: none !important;
  display: flex;
  flex-wrap: wrap;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .el-form .el-form-item {
  width: 100%;
  padding: 0 10px;
  margin-bottom: var(--jq_mb3);
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .el-form .el-form-item .el-input {
  width: 100%;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .form-submit {
  width: 100%;
  display: flex;
  justify-content: center;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-text {
  margin: 10px 0;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-our {
  display: flex;
  flex-direction: column;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-our span {
  margin: 10px 0;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact {
  width: 100%;
  background: var(--jq_color16);
  padding: 20px;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items {
  width: 100%;
  display: flex;
  margin-bottom: var(--jq_mb2);
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items .icon {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items .icon i {
  font-size: var(--jq_fs12);
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items .text {
  width: calc(100% - 40px);
  padding-left: 20px;
  display: flex;
  flex-direction: column;
}

.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items .text .min-text {
  font-size: var(--jq_fs1);
}

/* page-productsTyle */
.productsType-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.productsType-box .productsType-crumbs {
  width: var(--jq_w1200);
}

.productsType-box .productsType-main {
  width: var(--jq_w1200);
  display: flex;
  padding-bottom: var(--jq_pb10);
}

.productsType-box .productsType-main .productsType-left-box {
  width: 300px;
}

.productsType-box .productsType-main .productsType-right-box {
  width: calc(100% - 300px);
  display: flex;
  flex-direction: column;
  padding-left: var(--jq_pl4);
}

/* page-productsTypeDetail */
.productsTypeDetail-box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--jq_mb10);
}

.productsTypeDetail-box .productsTypeDetail-content {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-title {
  width: 100%;
  font-size: var(--jq_fs4);
  font-weight: 600;
  color: var(--jq_color5);
  margin-bottom: var(--jq_mb2);
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-left-box {
  width: calc(100% - 380px);
  display: flex;
  flex-direction: column;
  padding-right: var(--jq_pr4);
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-left-box .picture-basicInfor {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--jq_mb4);
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-left-box .picture-basicInfor .picture {
  width: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-left-box .picture-basicInfor .picture img {
  width: 100%;
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-left-box .picture-basicInfor .basicInfor {
  width: calc(100% - 240px);
  display: flex;
  flex-direction: column;
  padding-left: var(--jq_pl4);
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-left-box .modelSubstitution {
  width: 100%;
  margin-bottom: var(--jq_mb4);
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-left-box .detailInfor {
  width: 100%;
  margin-bottom: var(--jq_mb4);
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-right-box {
  width: 380px;
  display: flex;
  flex-direction: column;
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-right-box .quickInquiryInfor, .productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-right-box .quickInquiryList, .productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-top-box .productsTypeDetail-right-box .quickInquiryForm {
  width: 100%;
  margin-bottom: var(--jq_mb4);
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-btm-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-btm-box .productsPdf, .productsTypeDetail-box .productsTypeDetail-content .productsTypeDetail-main .productsTypeDetail-btm-box .otherList {
  width: 100%;
  margin-bottom: var(--jq_mb4);
}

/* page-application */
.application-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.application-box .application-main {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.application-box .application-main .application {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: var(--jq_mt8) 0;
  margin-bottom: calc(var(--jq_mb10) * 2);
}

.application-box .application-main .application .application-item {
  width: calc(100% / 4);
  height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--jq_color17);
  border-top: none;
  border-left: none;
}

.application-box .application-main .application .application-item .icon {
  height: 40%;
}

.application-box .application-main .application .application-item .icon img {
  height: 100%;
}

.application-box .application-main .application .application-item .text {
  margin-top: var(--jq_mt4);
}

.application-box .application-main .application .application-item:nth-child(4n) {
  border-right: none;
}

.application-box .application-main .application .application-item:nth-last-child(1), .application-box .application-main .application .application-item:nth-last-child(2), .application-box .application-main .application .application-item:nth-last-child(3), .application-box .application-main .application .application-item:nth-last-child(4) {
  border-bottom: none;
}

.application-box .application-main .application .application-item:hover {
  background: var(--jq_color16);
  color: var(--jq_color1);
}

/* AppMajor */
.appMajor-box {
  width: 100%;
  height: 42px;
  background: var(--jq_color5);
  display: flex;
  justify-content: center;
}

.appMajor-box .appMajor-main {
  width: var(--jq_w1200);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.appMajor-box .appMajor-main .appMajor-item {
  font-size: var(--jq_fs2);
  cursor: pointer;
  color: var(--jq_color2);
  display: flex;
  align-items: center;
}

.appMajor-box .appMajor-main .appMajor-item i {
  margin-left: var(--jq_ml4);
}

/* appHotSale */
.appHotSale-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appHotSale-box .appHotSale-title {
  height: 42px;
  font-size: var(--jq_fs3);
  display: flex;
  align-items: center;
  font-weight: bold;
}

.appHotSale-box .appHotSale-title i {
  font-size: var(--jq_fs5);
  margin-right: var(--jq_mr1);
}

.appHotSale-box .appHotSale {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appHotSale-box .appHotSale .appHotSale-item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--jq_mb2);
}

.appHotSale-box .appHotSale .appHotSale-item .appHotSale-item-img {
  width: 40px;
  height: 40px;
  border: 1px solid var(--jq_color18);
  padding: 4px;
}

.appHotSale-box .appHotSale .appHotSale-item .appHotSale-item-img img {
  width: 100%;
  height: 100%;
}

.appHotSale-box .appHotSale .appHotSale-item .appHotSale-item-text {
  width: calc(100% - 40px);
  padding-left: var(--jq_pl2);
  word-break: break-all;
  word-wrap: break-word;
  word-break: normal;
  overflow: hidden;
  align-items: center;
  color: var(--jq_color5);
  font-size: var(--jq_fs2);
}

/* appBriefs */
.appBriefs-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appBriefs-box .appBriefs-title {
  height: 42px;
  font-size: var(--jq_fs3);
  display: flex;
  align-items: center;
  font-weight: bold;
}

.appBriefs-box .appBriefs-title i {
  font-size: var(--jq_fs5);
  margin-right: var(--jq_mr1);
}

.appBriefs-box .appBriefs-main {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appBriefs-box .appBriefs-main .briefs {
  width: 100%;
  font-size: var(--jq_fs2);
  line-height: 26px;
  color: var(--jq_color18);
  margin-bottom: var(--jq_mb1);
}

.appBriefs-box .appBriefs-main .briefs-type {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.appBriefs-box .appBriefs-main .briefs-type .briefs-type-item {
  width: calc(50% - 10px);
  font-size: var(--jq_fs2);
  padding: 5px 0;
  color: var(--jq_color5);
  display: flex;
  align-items: center;
  cursor: pointer;
}

.appBriefs-box .appBriefs-main .briefs-type .briefs-type-item i {
  font-size: var(--jq_fs5);
  margin-right: var(--jq_mr1);
}

.appBriefs-box .appBriefs-main .briefs-model {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: var(--jq_mt2);
}

.appBriefs-box .appBriefs-main .briefs-model .briefs-model-item {
  width: 100%;
  font-size: var(--jq_fs2);
  color: var(--jq_color5);
  padding: 5px 0;
  cursor: pointer;
}

/* appResponseDemand */
.appResponseDemand-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  background: url("./icon/3.png") no-repeat left center;
  background-size: auto 100%;
}

.appResponseDemand-box .ard-left-box {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 48px 0 0 60px;
}

.appResponseDemand-box .ard-left-box .ard-left-text {
  font-size: var(--jq_fs3);
  font-weight: bold;
  color: var(--jq_color2);
}

.appResponseDemand-box .ard-left-box .ard-left-logo {
  height: 32px;
}

.appResponseDemand-box .ard-left-box .ard-left-logo img {
  height: 100%;
}

.appResponseDemand-box .ard-right-box {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.appResponseDemand-box .ard-right-box .ard-right-max-text {
  font-size: 18px;
  font-weight: bold;
}

.appResponseDemand-box .ard-right-box .ard-right-min-text {
  font-size: 14px;
  margin-top: 10px;
  color: var(--jq_color5);
}

/* appTechnologiessTwoList */
.appTechnologiessTwoList-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.appTechnologiessTwoList-box .realtimeinfo-technology {
  width: calc(50% - 10px);
  height: 100%;
  padding: 0 20px;
  border: 1px solid var(--jq_color17);
  background-color: var(--jq_color2);
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-title {
  width: 100%;
  height: 44px;
  font-size: var(--jq_fs3);
  font-weight: bold;
  display: flex;
  align-items: center;
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box {
  width: 100%;
  height: calc(100% - 44px);
  display: flex;
  flex-direction: column;
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 0;
  color: var(--jq_color18);
  cursor: pointer;
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items i {
  font-size: var(--jq_fs2);
  margin-right: var(--jq_mr1);
  flex-shrink: 0;
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items .img {
  width: 128px;
  height: 80px;
  margin-right: var(--jq_mr1);
  flex-shrink: 0;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items .img img {
  width: 100%;
  height: 100%;
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items .rt-text {
  width: 100%;
  font-size: 14px;
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items .rt-text .rt-max-text {
  font-size: var(--jq_fs3);
  color: var(--jq_color6);
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items .rt-text .rt-min-text {
  font-size: var(--jq_fs2);
  color: var(--jq_color18);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 20px;
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items.active {
  align-items: flex-start;
  margin-bottom: var(--jq_mb2);
  border: 1px solid var(--jq_color17);
  padding: 0;
}

.appTechnologiessTwoList-box .realtimeinfo-technology .rt-box .rt-items:hover {
  color: var(--jq_color6);
}

/* appProductsTree */
.appProductsTree-box {
  width: 100%;
  height: auto;
  margin-bottom: var(--jq_mb2);
}

.appProductsTree-box .appProductsTree-title {
  width: 100%;
  padding: 10px 0;
  font-weight: 500;
  color: var(--jq_color5);
}

.appProductsTree-box .appProductsTree-main {
  width: 100%;
}

.appProductsTree-box .appProductsTree-main .el-tree-node__label {
  font-size: 12px;
  color: var(--jq_color5);
}

.appProductsTree-box .appProductsTree-main .product-type {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appProductsTree-box .appProductsTree-main .product-type .type-item {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  display: flex;
  flex-direction: column;
}

.appProductsTree-box .appProductsTree-main .product-type .type-item a {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.appProductsTree-box .appProductsTree-main .product-type .type-item a i {
  margin-right: 10px;
  font-size: var(--jq_fs1);
}

.appProductsTree-box .appProductsTree-main .product-type .type-item > a {
  font-weight: bold;
}

.appProductsTree-box .appProductsTree-main .product-type .type-item .type-child-box {
  width: 100%;
  background: #f5f5f5;
}

.appProductsTree-box .appProductsTree-main .product-type .type-item .type-child-box .child-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appProductsTree-box .appProductsTree-main .product-type .type-item .type-child-box .child-item a {
  padding: 10px 0;
  display: flex;
  align-items: center;
  padding-left: 15px;
}

.appProductsTree-box .appProductsTree-main .product-type .type-item .type-child-box .child-item a i {
  margin-right: 10px;
  font-size: var(--jq_fs1);
}

.appProductsTree-box .appProductsTree-main .product-type .type-item .type-child-box .child-item .type-grandson {
  padding-left: 20px;
  background: #eeeeee;
  padding-left: 20px;
}

/* appProductsCommitment */
.appProductsCommitment-box {
  width: 100%;
  height: 125px;
  font-weight: bold;
  border: 1px solid var(--jq_color22);
  background: url("./icon/36.png") no-repeat center center;
  padding: 10px;
  display: flex;
  align-items: center;
  margin-bottom: var(--jq_mb2);
}

/* appProductsSubscribe */
.appProductsSubscribe-box {
  width: 100%;
  height: 100px;
  padding: 10px;
  background: var(--jq_color5);
  margin-bottom: var(--jq_mb2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.appProductsSubscribe-box .appProductsSubscribe-title {
  width: 100%;
  font-size: var(--jq_fs1);
  color: var(--jq_color2);
  margin-bottom: var(--jq_mb2);
}

.appProductsSubscribe-box .appProductsSubscribe-form {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  border: 1px solid var(--jq_color22);
  padding-left: var(--jq_pl2);
}

.appProductsSubscribe-box .appProductsSubscribe-form i {
  margin-right: var(--jq_mr2);
  color: var(--jq_color2);
  flex-shrink: 0;
}

.appProductsSubscribe-box .appProductsSubscribe-form .input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: var(--jq_color5);
  color: var(--jq_color2);
}

.appProductsSubscribe-box .appProductsSubscribe-form .submit {
  height: 100%;
  background: #3f71db;
  font-size: var(--jq_fs1);
  color: var(--jq_color2);
  flex-shrink: 0;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

/* appProductsInformation */
.appProductsInformation-box {
  width: 100%;
  margin-bottom: var(--jq_mb2);
}

.appProductsInformation-box .AppProductsInformation-title {
  width: 100%;
  padding: 10px 0;
  font-weight: 500;
  color: var(--jq_color5);
}

.appProductsInformation-box .AppProductsInformation-main {
  width: 100%;
  color: var(--jq_color18);
}

/* appProductsArea */
.appProductsArea-box {
  width: 100%;
  margin-bottom: var(--jq_mb2);
}

.appProductsArea-box .appProductsArea-title {
  width: 100%;
  padding: 10px 0;
  font-weight: 500;
  color: var(--jq_color5);
}

.appProductsArea-box .appProductsArea-main {
  width: 100%;
  display: flex;
}

.appProductsArea-box .appProductsArea-main .text {
  width: 50%;
  color: var(--jq_color18);
  flex-shrink: 0;
}

.appProductsArea-box .appProductsArea-main .img {
  width: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.appProductsArea-box .appProductsArea-main .img img {
  width: 100%;
}

/* appProductsList */
.appProductsList-box {
  width: 100%;
  margin-bottom: var(--jq_mb2);
}

.appProductsList-box .appProductsList-title {
  width: 100%;
  padding: 10px 0;
  font-weight: 500;
  color: var(--jq_color5);
}

.appProductsList-box .appProductsList-main {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appProductsList-box .appProductsList-main .appProductsList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.appProductsList-box .appProductsList-main .appProductsList .appProductsList-item {
  width: calc(25% - 20px);
  margin: 0 10px;
  margin-bottom: var(--jq_mb4);
  border: 1px solid var(--jq_color13);
  padding: 10px;
  transition: all 0.3s;
}

.appProductsList-box .appProductsList-main .appProductsList .appProductsList-item .img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.appProductsList-box .appProductsList-main .appProductsList .appProductsList-item .img img {
  width: 100%;
  height: auto;
}

.appProductsList-box .appProductsList-main .appProductsList .appProductsList-item .min-text {
  width: 100%;
  font-size: var(--jq_fs1);
  color: var(--jq_color18);
}

.appProductsList-box .appProductsList-main .appProductsList .appProductsList-item .max-text {
  width: 100%;
  font-size: var(--jq_fs2);
  color: var(--jq_color1);
  font-weight: bold;
}

.appProductsList-box .appProductsList-main .appProductsList .appProductsList-item .money-stock {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.appProductsList-box .appProductsList-main .appProductsList .appProductsList-item .money-stock .money {
  color: var(--jq_color14);
}

.appProductsList-box .appProductsList-main .appProductsList .appProductsList-item .money-stock .stock {
  color: var(--jq_color15);
}

.appProductsList-box .appProductsList-main .appProductsList .featuredProducts-item:hover {
  border: 1px solid var(--jq_color14);
}

.appProductsList-box .appProductsList-main .appProductsList-pages {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* products-table */
.products-table {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.products-table .theads {
  width: 100%;
}

.products-table .theads .ths {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--jq_color17);
  background: var(--jq_color16);
}

.products-table .theads .ths .tds {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--jq_fs2);
}

.products-table .theads .ths .tds.border {
  border: none;
  border-right: 1px solid var(--jq_color17);
}

.products-table .tbodys {
  width: 100%;
}

.products-table .tbodys .trs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--jq_color17);
}

.products-table .tbodys .trs .tds {
  width: 100%;
  display: flex;
  padding: var(--jq_pt1);
}

.products-table .tbodys .trs .tds .imgModelBelong {
  display: flex;
}

.products-table .tbodys .trs .tds .imgModelBelong .img {
  width: 80px;
  height: 60px;
}

.products-table .tbodys .trs .tds .imgModelBelong .img img {
  width: 100%;
  height: 100%;
}

.products-table .tbodys .trs .tds .imgModelBelong .modelBelong {
  padding-left: 10px;
}

.products-table .tbodys .trs .tds .imgModelBelong .modelBelong .model {
  font-size: var(--jq_fs2);
}

.products-table .tbodys .trs .tds .imgModelBelong .modelBelong .belong {
  font-size: var(--jq_fs2);
}

.products-table .tbodys .trs .tds.center {
  justify-content: center;
  align-items: center;
}

.products-table .tbodys .trs .tds.border {
  border: none;
  border-right: 1px solid var(--jq_color17);
}

.products-table .tbodys .trs:hover {
  background: var(--jq_color17);
}

.products-table.border {
  border: 1px solid var(--jq_color17);
}

.products-table.pc-phone.products-table-phone {
  display: none;
}

.products-table.pc-phone.products-table-phone .tbodys {
  width: 100%;
}

.products-table.pc-phone.products-table-phone .tbodys .trs {
  display: flex;
  flex-direction: column;
}

/* appProductsPicture */
.appProductsPicture-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appProductsPicture-box .appProductsPicture-max {
  width: 100%;
  height: 240px;
  margin-bottom: var(--jq_mb2);
  border: 1px solid var(--jq_color25);
  padding: var(--jq_pl2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.appProductsPicture-box .appProductsPicture-min {
  width: 100%;
  height: 68px;
  display: flex;
  justify-content: space-between;
}

.appProductsPicture-box .appProductsPicture-min .appProductsPicture-min-items {
  width: calc(100% / 3 - 10px);
  padding: var(--jq_pl1);
  border: 1px solid var(--jq_color25);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* appProductsBasicInfor */
.appProductsBasicInfor-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appProductsBasicInfor-box .appProductsBasicInfor-item {
  width: 100%;
  display: flex;
}

.appProductsBasicInfor-box .appProductsBasicInfor-item .field-label {
  width: 120px;
  padding: 5px 0;
  text-align: right;
  color: var(--jq_color5);
  flex-shrink: 0;
  /* font-size: var(--jq_fs1); */
}

.appProductsBasicInfor-box .appProductsBasicInfor-item .field-value {
  width: calc(100% - 120px);
  padding: 5px 0;
  color: var(--jq_color18);
  /* font-size: var(--jq_fs1); */
}

.appProductsBasicInfor-box .appProductsBasicInfor-item:hover {
  background-color: var(--jq_color23);
}

.appProductsBasicInfor-box.tableBorder .appProductsBasicInfor-item {
  padding: 10px 0;
  border-bottom: 1px solid var(--jq_color22);
}

.appProductsBasicInfor-box.tableBorder .appProductsBasicInfor-item .field-label {
  text-align: left;
}

.appProductsBasicInfor-box.tableBorder .appProductsBasicInfor-item .field-label, .appProductsBasicInfor-box.tableBorder .appProductsBasicInfor-item .field-value {
  width: 50%;
  padding: 5px 10px;
}

.appProductsBasicInfor-box.notHover .appProductsBasicInfor-item:hover {
  background: none;
}

/* appProductsModelSubstitution */
.appProductsModelSubstitution-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.appProductsModelSubstitution-box .appProductsModelSubstitution-item {
  width: calc(100% / 4 - 10px);
  height: 80px;
  padding: var(--jq_pl2);
  border: 1px solid var(--jq_color25);
  border-radius: 5px;
}

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

/* appProductsDetailInfor */
.appProductsDetailInfor-box {
  width: 100%;
  border: 1px solid var(--jq_color24);
}

.appProductsDetailInfor-box .appProductsDetailInfor-title {
  width: 100%;
  height: 40px;
  font-size: var(--jq_fs4);
  font-weight: 600;
  color: var(--jq_color5);
  background: var(--jq_color25);
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.appProductsDetailInfor-box .appProductsDetailInfor-main {
  width: 100%;
}

.appProductsDetailInfor-box .appProductsDetailInfor-main .appProductsDetailInfor-item {
  width: 100%;
  padding: 10px 0;
  display: flex;
  border-top: 1px solid var(--jq_color24);
}

.appProductsDetailInfor-box .appProductsDetailInfor-main .appProductsDetailInfor-item .field-label, .appProductsDetailInfor-box .appProductsDetailInfor-main .appProductsDetailInfor-item .field-value {
  width: 50%;
  padding: 0 10px;
  font-size: var(--jq_fs1);
  color: var(--jq_color18);
}

.appProductsDetailInfor-box .appProductsDetailInfor-main .appProductsDetailInfor-item .field-label a, .appProductsDetailInfor-box .appProductsDetailInfor-main .appProductsDetailInfor-item .field-value a {
  color: var(--jq_color5);
}

.appProductsDetailInfor-box .appProductsDetailInfor-main .appProductsDetailInfor-item:hover {
  background: var(--jq_color22);
}

/* appProductsQuickInquiryInfor */
.appProductsQuickInquiryInfor-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-title {
  width: 100%;
  font-size: var(--jq_fs4);
  font-weight: 600;
  color: var(--jq_color5);
  margin-bottom: var(--jq_mb2);
  display: flex;
  align-items: center;
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-title i {
  margin-right: var(--jq_mr1);
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main .appProductsQuickInquiryInfor-text {
  font-size: var(--jq_fs1);
  font-weight: 400;
  color: var(--jq_color6);
  margin-bottom: var(--jq_mb2);
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main .appProductsQuickInquiryInfor-select {
  width: 100%;
  margin-bottom: var(--jq_mb2);
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main .appProductsQuickInquiryInfor-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--jq_mb2);
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main .appProductsQuickInquiryInfor-list .appProductsQuickInquiryInfor-list-item {
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main .appProductsQuickInquiryInfor-list .appProductsQuickInquiryInfor-list-item .field-label {
  font-size: var(--jq_fs1);
  font-weight: 400;
  color: var(--jq_color6);
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main .appProductsQuickInquiryInfor-list .appProductsQuickInquiryInfor-list-item .field-value {
  font-size: var(--jq_fs1);
  font-weight: 600;
  color: var(--jq_color5);
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main .appProductsQuickInquiryInfor-btns {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main .appProductsQuickInquiryInfor-btns a {
  width: calc(100% / 2 - 20px);
  padding: 5px 10px;
  border: 1px solid var(--jq_color5);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}

.appProductsQuickInquiryInfor-box .appProductsQuickInquiryInfor-main .appProductsQuickInquiryInfor-btns a.add {
  background: var(--jq_color19);
  border: none;
  color: var(--jq_color2);
}

/* appProductsQuickInquiryList */
.appProductsQuickInquiryList-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-header {
  width: 100%;
  height: 40px;
  background: var(--jq_color5);
  display: flex;
  align-items: center;
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-header .td-list {
  width: calc(100% / 3);
  text-align: center;
  color: var(--jq_color2);
  font-size: var(--jq_fs1);
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-body {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-body .tr-list {
  width: 100%;
  border-bottom: 1px solid var(--jq_color25);
  display: flex;
  padding: 10px 0;
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-body .tr-list .td-list {
  width: calc(100% / 3);
  text-align: center;
  font-size: var(--jq_fs1);
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-body .tr-list:hover {
  background: var(--jq_color25);
}

/* appProductsQuickInquiryList */
.appProductsQuickInquiryList-box {
  width: 100%;
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-item {
  width: 100%;
  display: flex;
  border: 1px solid var(--jq_color25);
  border-radius: 5px;
  margin-bottom: var(--jq_mb1);
  overflow: hidden;
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-item .field-label {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-item .field-label i {
  font-size: var(--jq_fs4);
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-item .field-value {
  width: calc(100% - 40px);
  border-left: 1px solid var(--jq_color25);
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-item .field-value input {
  width: 100%;
  height: 32px;
  border: none;
  background: none;
  outline: none;
  padding: 0 10px;
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-btns {
  width: 100%;
  display: flex;
  justify-content: center;
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-btns a {
  width: 100%;
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: var(--jq_color27);
  color: var(--jq_color2);
}

.appProductsQuickInquiryList-box .appProductsQuickInquiryList-btns a i {
  margin-right: 5px;
}

/* form */
.jq-common-form {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.jq-common-form .form-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* margin-bottom: var(--jq_mb4); */
}

.jq-common-form .form-box .form-item {
  width: 100%;
  display: flex;
  margin-bottom: var(--jq_mb3);
  font-size: var(--jq_fs2);
}

.jq-common-form .form-box .form-item .field-label {
  width: 100px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-shrink: 0;
  padding-top: 7px;
}

.jq-common-form .form-box .form-item .field-value {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.jq-common-form .form-box .form-item .field-value .field-value-input {
  width: 100%;
  display: flex;
}

.jq-common-form .form-box .form-item .field-value .field-value-input .input, .jq-common-form .form-box .form-item .field-value .field-value-input .textarea {
  width: 100%;
  height: 32px;
  padding: 0 var(--jq_pt2);
  border: 1px solid var(--jq_color17);
  outline: none;
  font-size: var(--jq_fs2);
  border-radius: 4px;
  transition: all 0.3s;
}

.jq-common-form .form-box .form-item .field-value .field-value-input .textarea {
  min-height: 64px;
  height: auto;
  padding: var(--jq_pt1) var(--jq_pt2);
}

.jq-common-form .form-box .form-item .field-value .field-value-input .input:hover, .jq-common-form .form-box .form-item .field-value .field-value-input .textarea:hover {
  border: 1px solid var(--jq_color14);
}

.jq-common-form .form-box .form-item .field-value .field-value-input .input.error, .jq-common-form .form-box .form-item .field-value .field-value-input .textarea.error {
  border: 1px solid var(--jq_color19);
}

.jq-common-form .form-box .form-item .field-value .field-value-input .imgs {
  width: 80px;
  height: 32px;
  margin-left: var(--jq_ml1);
  flex-shrink: 0;
}

.jq-common-form .form-box .form-item .field-value .field-value-error {
  width: 100%;
  font-size: var(--jq_fs1);
  color: var(--jq_color19);
  margin-top: 2px;
  display: none;
}

.jq-common-form .form-box .form-item .field-value .field-value-error.active {
  display: block;
}

.jq-common-form .form-submit {
  width: 100%;
}

.jq-common-form .form-submit .btn {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--jq_fs2);
  font-weight: bold;
  background: var(--jq_color14);
  border-radius: 5px;
  cursor: pointer;
  padding: 0 var(--jq_pt4);
  border: none;
  opacity: 0.8;
  color: var(--jq_color2);
}

.jq-common-form .form-submit .btn:hover {
  opacity: 1;
}

.input, .textarea {
  width: 100%;
  height: 32px;
  padding: 0 var(--jq_pt2);
  border: 1px solid var(--jq_color17);
  outline: none;
  font-size: var(--jq_fs2);
  border-radius: 4px;
  transition: all 0.3s;
}

.textarea {
  min-height: 64px;
  height: auto;
  padding: var(--jq_pt1) var(--jq_pt2);
}

.input:hover, .textarea:hover {
  border: 1px solid var(--jq_color14);
}

.input.error, .textarea.error {
  border: 1px solid var(--jq_color19);
}

.button {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--jq_fs2);
  /* font-weight: bold; */
  background: var(--jq_color14);
  border-radius: 5px;
  cursor: pointer;
  padding: 0 var(--jq_pt4);
  border: none;
  opacity: 0.8;
  color: var(--jq_color2);
}

.button:hover {
  opacity: 1;
}

.button.danger {
  background: var(--jq_color19);
}

.button.info {
  background: var(--jq_color6);
}

.button.success {
  background: var(--jq_color27);
}

.productApplication-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.productApplication-box .productApplication {
  width: var(--jq_w1200);
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
}

.productApplication-box .productApplication .productApplication-item {
  width: 25%;
  height: 240px;
  border-right: 1px solid  #eeeeee;
  border-bottom: 1px solid  #eeeeee;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  transition: all 0.3s;
}

.productApplication-box .productApplication .productApplication-item:nth-child(4n) {
  border-right: none;
}

.productApplication-box .productApplication .productApplication-item:nth-child(n+13) {
  border-bottom: none;
}

.productApplication-box .productApplication .productApplication-item:hover {
  background: #f5f5f5;
}

.productApplication-box .productApplication .productApplication-item .img {
  width: 100%;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* img {
          height: 100%;
        } */
}

.page-box {
  width: 100%;
  height: 28px;
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
}

.page-box .page-prev, .page-box .page-next {
  width: 28px;
  height: 28px;
  border: 1px solid #e3e9ef;
  color: #7d879c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  flex-shrink: 0;
}

.page-box .page-prev i, .page-box .page-next i {
  font-size: var(--jq_fs1);
}

.page-box .page-prev:hover, .page-box .page-next:hover {
  background: #f3f5f9;
}

.page-box .page-main {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-box .page-main a {
  width: 28px;
  height: 28px;
  font-size: var(--jq_fs1);
  color: var(--jq_color5);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  flex-shrink: 0;
  margin: 0 5px;
}

.page-box .page-main a:hover {
  background: #f3f5f9;
}

.page-box .page-main a.active {
  background: var(--jq_color5);
  color: var(--jq_color2);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong {
  display: flex;
  align-items: center;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .img {
  width: 50px;
  height: 50px;
  border: 1px solid var(--jq_color17);
  flex-shrink: 0;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .img img {
  width: 100%;
  height: 100%;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .modelBelong {
  padding-left: var(--jq_pl2);
  display: flex;
  flex-direction: column;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .modelBelong .model {
  font-size: var(--jq_fs2);
  color: var(--jq_color5);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .modelBelong .belong {
  font-size: var(--jq_fs1);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .description {
  display: flex;
  flex-direction: column;
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .description .max-text {
  font-size: var(--jq_fs2);
  color: var(--jq_color5);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .description .min-text {
  font-size: var(--jq_fs1);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .btns i {
  margin-right: var(--jq_mr1);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content.roductsCategory-box {
  flex-direction: column;
  padding: 10px 20px;
}

.roductsCategory-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.roductsCategory-list .roductsCategory-list-title {
  width: 100%;
  height: 34px;
  font-weight: bold;
  font-size: var(--jq_fs3);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--jq_color22);
}

.roductsCategory-list .roductsCategory-list-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}

.roductsCategory-list .roductsCategory-list-content a {
  width: 50%;
  margin: 3px 0;
  font-size: var(--jq_fs1);
  color: #4b566b;
}

.roductsCategory-list .roductsCategory-list-content a i {
  margin-right: var(--jq_mr2);
  /* font-size: var(--jq_fs); */
}

.roductsCategory-list .roductsCategory-list-content a:hover {
  color: #171c61;
}

/* 应用列表max */
.applicationListMax-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.applicationListMax-box .applicationListMax-main {
  width: var(--jq_w1200);
  display: flex;
  flex-direction: column;
}

.applicationListMax-box .applicationListMax-main .applicationListMax {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 100px;
}

.applicationListMax-box .applicationListMax-main .applicationListMax .list-box {
  width: calc(100% + 20px);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: -10px;
  margin-bottom: 30px;
}

.applicationListMax-box .applicationListMax-main .applicationListMax .list-box .list-item {
  width: calc(100% / 4 - 20px);
  margin: 0 10px;
  margin-bottom: 20px;
}

.applicationListMax-box .applicationListMax-main .applicationListMax .list-box .list-item .img {
  width: 100%;
  height: 160px;
  padding: 5px;
  border: 1px solid var(--jq_color17);
  transition: all 0.3s;
}

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

.applicationListMax-box .applicationListMax-main .applicationListMax .list-box .list-item:hover .img {
  border: 1px solid var(--jq_color5);
}

.applicationListMax-box .applicationListMax-main .applicationListMax .list-box .list-item .max-text {
  font-size: var(--jq_fs2);
  color: var(--jq_color5);
  margin-top: 5px;
}

.applicationListMax-box .applicationListMax-main .applicationListMax .list-box .list-item .min-text {
  font-size: var(--jq_fs1);
  color: var(--jq_color18);
}

.applicationListMax-box .applicationListMax-main .applicationListMax .recommend-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 100px;
}

.applicationListMax-box .applicationListMax-main .applicationListMax .recommend-box .recommend-title {
  width: 100%;
  height: 34px;
  font-weight: bold;
  font-size: var(--jq_fs2);
  color: var(--jq_color5);
}

.applicationListMax-box .applicationListMax-main .applicationListMax .recommend-box .recommend-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: -10px;
}

.applicationListMax-box .applicationListMax-main .applicationListMax .recommend-box .recommend-list .list-item {
  width: calc(100% / 4 - 20px);
  margin: 0 10px;
  margin-bottom: 10px;
  position: relative;
}

.applicationListMax-box .applicationListMax-main .applicationListMax .recommend-box .recommend-list .list-item i {
  position: absolute;
  transform: rotate(90deg);
  top: 3px;
  color: var(--jq_color5);
  font-size: var(--jq_fs1);
}

.applicationListMax-box .applicationListMax-main .applicationListMax .recommend-box .recommend-list .list-item span {
  font-size: var(--jq_fs2);
  color: var(--jq_color5);
  padding-left: 15px;
}

.list-block-box {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}

.list-block-box a {
  margin-left: 10px;
}

.list-block-box a i {
  font-size: 26px;
  color: var(--jq_color5);
}

.recommend-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 100px;
}

.recommend-box .recommend-title {
  width: 100%;
  height: 34px;
  font-weight: bold;
  font-size: var(--jq_fs2);
  color: var(--jq_color5);
}

.recommend-box .recommend-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: -10px;
}

.recommend-box .recommend-list .list-item {
  width: calc(100% / 4 - 20px);
  margin: 0 10px;
  margin-bottom: 10px;
  position: relative;
}

.recommend-box .recommend-list .list-item i {
  position: absolute;
  transform: rotate(90deg);
  top: 3px;
  color: var(--jq_color5);
  font-size: var(--jq_fs1);
}

.recommend-box .recommend-list .list-item span {
  font-size: var(--jq_fs2);
  color: var(--jq_color5);
  padding-left: 15px;
}

#zoomLens {
  position: absolute;
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  background-size: 200% 200%;
  /* 放大倍数 */
  background-repeat: no-repeat;
  pointer-events: none;
  /* 防止影响鼠标事件 */
  display: none;
  /* 默认隐藏 */
}

#zoomResult {
  margin-top: 10px;
  width: 300px;
  height: 300px;
  overflow: hidden;
  border: 1px solid #ccc;
  display: none;
  /* 可以选择性地使用 */
  background-repeat: no-repeat;
  position: absolute;
  left: 165px;
  top: 0;
  background-color: #fff;
}

.swiper-button-prev, .swiper-button-next {
  display: none !important;
}

/* 动画代码 */
@keyframes example1 {
  from {
    opacity: 0;
    left: -60px;
  }
  to {
    opacity: 1;
    left: inherit;
  }
}

@keyframes example2 {
  from {
    opacity: 0;
    left: -60px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}

@keyframes example3 {
  from {
    opacity: 0;
    left: -60px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}

.banner-max-text {
  width: 100%;
  font-size: 54px;
  /*color: var(--jq_color2);*/
  /*margin-bottom: 30px;*/
  /*white-space: pre-wrap;*/
  position: relative;
  left: -60px;
  opacity: 0;
}

.banner-min-text {
  width: 100%;
  font-size: 34px;
  color: var(--jq_color20);
  margin-bottom: 10px;
  white-space: pre-wrap;
  position: relative;
  left: -60px;
  opacity: 0;
}

.banner-en-text {
  width: 100%;
  font-size: 18px;
  color: var(--jq_color2);
  margin-bottom: 10px;
  white-space: pre-wrap;
  position: relative;
  left: -60px;
  opacity: 0;
}

.swiper-slide-active .banner-max-text {
  animation-name: example1;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.swiper-slide-active .banner-min-text {
  animation-name: example1;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
}

.swiper-slide-active .banner-en-text {
  animation-name: example1;
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
}