@charset "UTF-8";
/* public css */
:root {
  /* 宽度 */
  --jq_w1480: 1480px;
  /* 颜色 */
  --jq_primary: #2b64da;
  /* 按钮主色、标题重点字、链接 hover */
  --jq_warn: #ff7134;
  /*  警告色 */
  --jq_error: #ff0000;
  /* 错误色 */
  --jq_success: #36a946;
  /* 成功色 */
  --jq_title: #0099CC;
  /* 标题色或卡片轮廓线 */
  --jq_line: #00B0F0;
  /* 模块分割线或大段强调背景 */
  --jq_hover: #00AACC;
  /* hover 状态、悬浮按钮 */
  --jq_block: #DDF6FB;
  /* 背景大区块底色，增强冷感氛围 */
  --jq_color1: #333333;
  --jq_color2: #666666;
  --jq_color3: #999999;
  --jq_color4: #cccccc;
  --jq_color5: #dddddd;
  --jq_color6: #f5f5f5;
  --jq_color7: #ffffff;
  --jq_color8: #f2f9ff;
  --jq_color9: #e0edf8;
  --jq_color10: #9cc2e8;
  --jq_color11: #eeeeee;
  --jq_color12: #eaf5f8;
  --jq_color13: #2b64da;
  /* 字体大小 */
  --jq_fs: 10px;
  --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_fs13: 36px;
  --jq_fs14: 38px;
  --jq_fs15: 40px;
  --jq_fs16: 42px;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

html, body, .app {
  width: 100%;
  height: 100%;
  color: var(--jq_color1);
  font-size: var(--jq_fs2);
  font-family: 'Microsoft YaHei', 'Open Sans', 'PingFang SC', 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif';
}

.app {
  height: auto;
  min-height: 100%;
}

.app.active {
  padding-top: 100px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  transition: all 0.3s;
}

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

a:hover {
  color: var(--jq_primary);
}

.box-1480 {
  width: var(--jq_w1480);
}

.h-100 {
  height: 100%;
}

.flex {
  display: flex;
}

.j-center {
  justify-content: center;
}

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

.j-end {
  justify-content: flex-end;
}

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

.a-end {
  align-items: flex-end;
}

.button {
  width: 100%;
  height: 36px;
  background: var(--jq_primary);
  border: none;
  border-radius: 5px;
  color: var(--jq_color7);
  font-size: var(--jq_fs3);
  cursor: pointer;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.button.border {
  border: 1px solid var(--jq_primary);
  background: var(--jq_color7);
  color: var(--jq_primary);
}

.button:hover {
  opacity: 0.8;
  color: var(--jq_color7);
}

.button.border:hover {
  color: var(--jq_primary);
  background: #ebf3fc;
}

.button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.button[disabled].border {
  border: 1px solid var(--jq_color3);
  color: var(--jq_color5);
}

.button[disabled].border:hover {
  background: var(--jq_color7);
}

.bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
}

/* 头部 */
.header-box {
  width: 100%;
  display: flex;
  padding: 0 50px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

.header-box .header {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* background: var(--jq_color7); */
}

.header-box .header .logo {
  width: 274px;
  height: 80px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.header-box .header .logo img {
  width: 100%;
  /* height: 100%; */
}

.header-box .header .menu-box {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  display: flex;
  justify-content: flex-start;
  padding-left: 120px;
}

.header-box .header .menu-box .menu {
  width: 100%;
  height: 100%;
  display: flex;
  /* justify-content: center; */
}

.header-box .header .menu-box .menu .menu-item {
  /*width: 140px;*/
  height: 100%;
  position: relative;
}

.header-box .header .menu-box .menu .menu-item > a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-size: var(--jq_fs4);
  font-weight: 700;
  position: relative;
}

.header-box .header .menu-box .menu .menu-item > a::after {
  content: "";
  width: 0%;
  height: 3px;
  background: var(--jq_color13);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  transition: all 0.3s;
}

.header-box .header .menu-box .menu .menu-item .menu-child {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 100px;
  display: none;
}

.header-box .header .menu-box .menu .menu-item .menu-child::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--jq_color13);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.9;
}

.header-box .header .menu-box .menu .menu-item .menu-child a {
  width: 100%;
  font-size: var(--jq_fs3);
  padding: 10px 5px;
  display: flex;
  justify-content: center;
  position: relative;
  color: var(--jq_color7);
  text-align: center;
  z-index: 2;
}

.header-box .header .menu-box .menu .menu-item .menu-child a:hover {
  background: var(--jq_block);
  color: var(--jq_color1);
}

.header-box .header .menu-box .menu .menu-item:hover > a {
  color: var(--jq_color13);
}

.header-box .header .menu-box .menu .menu-item:hover > a::after {
  width: 100%;
  left: 0;
  transform: translateX(0);
}

.header-box .header .menu-box .menu .menu-item:hover .menu-child {
  height: auto;
  display: block;
}

.header-box .header .lang-search-more {
  max-width: 365px;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}

.header-box .header .lang-search-more * a {
  color: var(--jq_color2);
}

.header-box .header .lang-search-more * a:hover {
  color: var(--jq_color13);
}

.header-box .header .lang-search-more .tel {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: var(--jq_fs3);
  position: relative;
  padding-right: 15px;
}

.header-box .header .lang-search-more .tel .iconfont {
  font-size: var(--jq_fs4);
  margin-right: 10px;
  position: relative;
  top: 2px;
  color: var(--jq_color2);
}

.header-box .header .lang-search-more .tel::after {
  content: "";
  width: 1px;
  height: 16px;
  background: var(--jq_color5);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

.header-box .header .lang-search-more .lang {
  height: 100%;
  display: flex;
  align-items: center;
}

.header-box .header .lang-search-more .lang a {
  font-size: var(--jq_fs4);
  position: relative;
  padding: 0 15px;
}

.header-box .header .lang-search-more .lang a::after {
  content: "";
  width: 1px;
  height: 16px;
  background: var(--jq_color5);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

.header-box .header .lang-search-more .lang a:last-child::after {
  display: none;
}

.header-box .header .lang-search-more .address {
  height: 100%;
  display: none;
  align-items: center;
}

.header-box .header .lang-search-more .address a {
  position: relative;
  padding: 0 15px;
}

.header-box .header .lang-search-more .address a i {
  font-size: var(--jq_fs7);
  font-weight: bold;
}

.header-box .header .lang-search-more .address a::after {
  content: "";
  width: 1px;
  height: 16px;
  background: var(--jq_color5);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

.header-box .header .lang-search-more .alibaba {
  height: 100%;
  display: none;
  align-items: center;
}

.header-box .header .lang-search-more .alibaba a {
  position: relative;
  padding: 0 15px;
}

.header-box .header .lang-search-more .alibaba a i {
  font-size: var(--jq_fs12);
}

.header-box .header .lang-search-more .alibaba a::after {
  content: "";
  width: 1px;
  height: 16px;
  background: var(--jq_color5);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

.header-box .header .lang-search-more .search {
  height: 100%;
  display: none;
  align-items: center;
}

.header-box .header .lang-search-more .search a {
  position: relative;
  padding: 0 15px;
}

.header-box .header .lang-search-more .search a i {
  font-size: var(--jq_fs8);
}

.header-box .header .lang-search-more .search a::after {
  content: "";
  width: 1px;
  height: 16px;
  background: var(--jq_color5);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

.header-box .header .lang-search-more .more {
  height: 100%;
  display: none;
  align-items: center;
}

.header-box .header .lang-search-more .more a {
  position: relative;
  padding: 0 15px;
}

.header-box .header .lang-search-more .more a i {
  font-size: var(--jq_fs8);
}

.header-box .header .lang-search-more .more a::after {
  content: "";
  width: 1px;
  height: 16px;
  background: var(--jq_color5);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  display: none;
}

.header-box.active {
  background: var(--jq_color7);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* 搜索框 */
.search-box {
  width: 100%;
  height: 355px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: var(--jq_color7);
  display: none;
  justify-content: center;
}

.search-box .search {
  width: var(--jq_w1480);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.search-box .search .logo-close {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-box .search .logo-close .logo {
  width: 245px;
  height: 80px;
  flex-shrink: 0;
}

.search-box .search .logo-close .logo img {
  width: 100%;
  /* height: 100%; */
}

.search-box .search .logo-close .close i {
  font-size: 32px;
}

.search-box .search .search-main {
  width: 100%;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.search-box .search .search-main .title {
  font-size: 60px;
  color: var(--jq_color3);
  margin-bottom: 40px;
}

.search-box .search .search-main .search-input {
  width: 660px;
  height: 52px;
  border-bottom: 2px solid var(--jq_primary);
  display: flex;
}

.search-box .search .search-main .search-input input {
  width: calc(100% - 52px);
  height: 100%;
  border: none;
  background: none;
  outline: none;
  font-size: var(--jq_fs4);
}

.search-box .search .search-main .search-input button {
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
}

.search-box .search .search-main .search-input button i {
  font-size: 28px;
  color: var(--jq_color2);
}

.search-box .search .search-main .search-input:hover button i {
  color: var(--jq_primary);
}

.search-box.active {
  display: flex;
}

/* 浮云菜单 */
.float-menu-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: var(--jq_primary);
  z-index: 999;
  display: none;
  justify-content: center;
}

.float-menu-box .float-menu {
  width: var(--jq_w1480);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.float-menu-box .float-menu .logo-close {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.float-menu-box .float-menu .logo-close .logo {
  width: 245px;
  height: 80px;
  flex-shrink: 0;
}

.float-menu-box .float-menu .logo-close .logo img {
  width: 100%;
  /* height: 100%; */
}

.float-menu-box .float-menu .logo-close .close i {
  font-size: 32px;
}

.float-menu-box .float-menu .logo-close .close:hover {
  color: var(--jq_color7);
}

.float-menu-box .float-menu .float-search-box {
  width: 100%;
  height: 46px;
  display: flex;
  justify-content: center;
}

.float-menu-box .float-menu .float-search-box .float-search {
  width: 100%;
  height: 100%;
  background: var(--jq_color7);
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.float-menu-box .float-menu .float-search-box .float-search input {
  width: calc(100% - 52px);
  height: 100%;
  border: none;
  background: none;
  outline: none;
  font-size: var(--jq_fs4);
  padding: 0 10px;
  color: var(--jq_color2);
}

.float-menu-box .float-menu .float-search-box .float-search button {
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
}

.float-menu-box .float-menu .float-search-box .float-search button i {
  font-size: 28px;
  color: var(--jq_primary);
}

.float-menu-box .float-menu .menu {
  width: 100%;
  height: calc(100% - 336px);
  padding: 20px 0;
  display: flex;
}

.float-menu-box .float-menu .menu .menu-item {
  height: 100%;
  margin-right: 38px;
  display: flex;
  flex-direction: column;
}

.float-menu-box .float-menu .menu .menu-item .menu-title {
  font-size: var(--jq_fs4);
  color: var(--jq_color7);
  font-weight: bold;
  padding-left: 20px;
  position: relative;
  margin-bottom: 20px;
}

.float-menu-box .float-menu .menu .menu-item .menu-title::before {
  content: "";
  width: 4px;
  height: 80%;
  background: var(--jq_color7);
  position: absolute;
  left: 0;
  top: 10%;
}

.float-menu-box .float-menu .menu .menu-item .menu-box {
  height: calc(100% - 50px);
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  overflow: hidden auto;
}

.float-menu-box .float-menu .menu .menu-item .menu-box a {
  padding: 10px 0;
  font-size: var(--jq_fs3);
  color: var(--jq_color7);
}

.float-menu-box .float-menu .menu .menu-item .menu-box a:hover {
  text-decoration: underline;
}

.float-menu-box .float-menu .address-copyright-code {
  width: 100%;
  height: 190px;
  border-top: 1px solid var(--jq_color7);
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}

.float-menu-box .float-menu .address-copyright-code .address-copyright {
  width: calc(100% - 100px);
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.float-menu-box .float-menu .address-copyright-code .address-copyright .address {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.float-menu-box .float-menu .address-copyright-code .address-copyright .address .label {
  color: var(--jq_color7);
  font-size: var(--jq_fs4);
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.float-menu-box .float-menu .address-copyright-code .address-copyright .address .label i {
  font-size: var(--jq_fs5);
  margin-right: 5px;
}

.float-menu-box .float-menu .address-copyright-code .address-copyright .address .value {
  font-size: var(--jq_fs5);
  color: var(--jq_color7);
}

.float-menu-box .float-menu .address-copyright-code .address-copyright .copyright {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: var(--jq_fs2);
  color: var(--jq_color7);
}

.float-menu-box .float-menu .address-copyright-code .address-copyright .copyright a {
  color: var(--jq_color7);
  margin: 0 5px;
}

.float-menu-box .float-menu .address-copyright-code .address-copyright .copyright a:hover {
  text-decoration: underline;
}

.float-menu-box .float-menu .address-copyright-code .code {
  width: 100px;
  display: flex;
  flex-direction: column;
}

.float-menu-box .float-menu .address-copyright-code .code .img {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

.float-menu-box .float-menu .address-copyright-code .code .img img {
  width: 100%;
  height: 100%;
}

.float-menu-box .float-menu .address-copyright-code .code .text {
  font-size: var(--jq_fs3);
  color: var(--jq_color7);
  text-align: center;
}

.float-menu-box.active {
  display: flex;
}

/* 动画代码 */
@keyframes example1 {
  from {
    opacity: 0;
    left: 0;
  }
  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-box, .phone-banner-box {
  width: 100%;
  height: 600px;
  position: relative;
}

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

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

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

.banner-box .swiper .swiper-wrapper .swiper-slide video, .phone-banner-box .swiper .swiper-wrapper .swiper-slide video {
  /* width: 100%; */
  position: absolute;
  z-index: 1;
}

.banner-box .swiper .swiper-wrapper .swiper-slide a, .phone-banner-box .swiper .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
}

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

.banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box, .phone-banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  /*top: -100px;*/
  color: var(--jq_color2);
  padding: 0 20px;
}

.banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box .max-title, .phone-banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box .max-title {
  font-size: 1.75rem;
  opacity: 0;
  position: relative;
  transition: all 0.3s;
  font-weight: bold;
}

.banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box .max-text, .phone-banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box .max-text {
  font-size: 3rem;
  opacity: 0;
  position: relative;
  transition: all 0.3s;
  font-weight: bold;
}

.banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box .min-text, .phone-banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box .min-text {
  font-size: 1.2rem;
  opacity: 0;
  position: relative;
  transition: all 0.3s;
  font-weight: bold;
}

.banner-box .swiper .swiper-button-next, .banner-box .swiper .swiper-button-prev, .phone-banner-box .swiper .swiper-button-next, .phone-banner-box .swiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: var(--jq_color2);
  opacity: 0;
  transition: all 0.3s;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-box .swiper .swiper-button-next::after, .banner-box .swiper .swiper-button-prev::after, .phone-banner-box .swiper .swiper-button-next::after, .phone-banner-box .swiper .swiper-button-prev::after {
  color: var(--jq_color14);
  font-size: var(--jq_fs4);
}

.banner-box .swiper:hover .swiper-button-next, .banner-box .swiper:hover .swiper-button-prev, .phone-banner-box .swiper:hover .swiper-button-next, .phone-banner-box .swiper:hover .swiper-button-prev {
  opacity: 1;
}

.banner-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .banner-text-box .max-title, .phone-banner-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .banner-text-box .max-title {
  animation-name: example1;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.banner-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .banner-text-box .max-text, .phone-banner-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .banner-text-box .max-text {
  animation-name: example1;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

.banner-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .banner-text-box .min-text, .phone-banner-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .banner-text-box .min-text {
  animation-name: example1;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}

.phone-banner-box {
  display: none;
}

/* 分页 */
.page-box {
  width: 100%;
  padding: 20px 0;
  display: flex;
  justify-content: center;
}

.page-box a {
  padding: 0 10px;
  min-width: 34px;
  height: 34px;
  background: var(--jq_primary);
  color: var(--jq_color7);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  margin: 0 5px;
}

.page-box a:hover {
  background: var(--jq_hover);
}

.page-box a.active {
  background: var(--jq_hover);
}

.crumbs-box {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crumbs-box .crumbs {
  display: flex;
}

.crumbs-box .crumbs a {
  color: var(--jq_color1);
  padding: 10px 0;
  padding-right: 10px;
}

.crumbs-box .crumbs a::after {
  content: '/';
  margin-left: 10px;
}

.crumbs-box .crumbs a:last-child {
  color: var(--jq_title);
}

.crumbs-box .crumbs a:last-child:hover {
  text-decoration: underline;
}

.crumbs-box .crumbs a:last-child::after {
  content: '';
}

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

.jq-common-form .form-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

.jq-common-form .form-box .form-item .field-label {
  width: 120px;
  margin-bottom: 20px;
  display: flex;
  font-size: var(--jq_fs4);
}

.jq-common-form .form-box .form-item .field-label span {
  color: var(--jq_error);
  margin-right: 5px;
}

.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, .jq-common-form .form-box .form-item .field-value .field-value-input .select {
  width: 100%;
  height: 56px;
  padding: 0 10px;
  border: 1px solid var(--jq_color6);
  outline: none;
  font-size: var(--jq_fs2);
  border-radius: 4px;
  transition: all 0.3s;
  background: #f6f6f6;
}

.jq-common-form .form-box .form-item .field-value .field-value-input .textarea {
  min-height: 240px;
  height: auto;
  padding: 10px;
  background: #f6f6f6;
}

.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, .jq-common-form .form-box .form-item .field-value .field-value-input .select:hover {
  border: 1px solid var(--jq_primary);
}

.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, .jq-common-form .form-box .form-item .field-value .field-value-input .select.error {
  border: 1px solid var(--jq_error);
}

.jq-common-form .form-box .form-item .field-value .field-value-input .imgs {
  width: 120px;
  height: 56px;
  margin-left: 10px;
  flex-shrink: 0;
}

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

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

.jq-common-form .form-box .form-item.w50 {
  width: calc(50% - 20px);
}

.jq-common-form .form-submit {
  width: 100%;
  display: flex;
  justify-content: center;
}

.jq-common-form .form-submit .button {
  width: 140px;
  height: 52px;
  margin: 0 10px;
}

.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);
}

/* 公司愿景 */
.home-vision-box {
  width: 100%;
  display: flex;
  justify-content: center;
  background: var(--jq_color8);
  padding: 75px 0;
}

.home-vision-box .vision {
  width: var(--jq_w1480);
  display: flex;
  flex-direction: column;
  /* .introduce {
      font-size: 20px;
      color: var(--jq_primary);
      line-height: 36px;
      text-indent: 2em;
      margin-bottom: 30px;
      p {
        text-indent: 2em;
      }
      .b {
        font-weight: bold;
      }
    } */
}

.home-vision-box .vision .text-box {
  margin: 20px 0 30px 0;
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_primary);
}

.home-vision-box .vision .text-box .t1 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_primary);
}

.home-vision-box .vision .text-box .t2 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_color1);
}

.home-vision-box .vision .text-box .t3 {
  font-size: var(--jq_fs3);
  color: var(--jq_color2);
  margin-top: 20px;
}

.home-vision-box .vision .corporateCulture {
  width: calc(100% + 25px);
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  margin-left: -12.5px;
}

.home-vision-box .vision .corporateCulture .item-child {
  width: calc(100% / 3 - 25px);
  height: 600px;
  margin: 0 12.5px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.home-vision-box .vision .corporateCulture .item-child::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 600px;
  transition: all 0.3s;
  z-index: 2;
}

.home-vision-box .vision .corporateCulture .item-child .img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.home-vision-box .vision .corporateCulture .item-child .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-vision-box .vision .corporateCulture .item-child .icon-label {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 45px;
  top: 45px;
  z-index: 2;
}

.home-vision-box .vision .corporateCulture .item-child .icon-label .icon {
  width: 60px;
  height: 60px;
}

.home-vision-box .vision .corporateCulture .item-child .icon-label .icon img {
  width: 100%;
  height: 100%;
}

.home-vision-box .vision .corporateCulture .item-child .icon-label .label {
  font-size: var(--jq_fs8);
  font-weight: bold;
  margin-top: 20px;
  color: var(--jq_color7);
}

.home-vision-box .vision .corporateCulture .item-child .text {
  font-size: var(--jq_fs7);
  position: absolute;
  left: 45px;
  bottom: 45px;
  z-index: 3;
  color: var(--jq_color7);
  line-height: 38px;
}

.home-vision-box .vision .corporateCulture .item-child:hover::before {
  top: 0px;
}

.home-vision-box .vision .teambox {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.home-vision-box .vision .teambox .title-text {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_primary);
}

.home-vision-box .vision .teambox .title-text .t1 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_primary);
}

.home-vision-box .vision .teambox .title-text .t2 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_color7);
}

.home-vision-box .vision .teambox .title-text .t3 {
  font-size: var(--jq_fs3);
  color: var(--jq_color2);
  margin-top: 20px;
}

.home-vision-box .vision .teambox .img {
  width: 100%;
  height: 100%;
}

.home-vision-box .vision .teambox .img .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-vision-box .vision .teambox .team-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
}

.home-vision-box .vision .teambox .text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 70px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.home-vision-box .vision .teambox .text .min-text {
  font-size: 20px;
  line-height: 36px;
  color: var(--jq_color7);
  text-indent: 2em;
}

.home-vision-box .vision .teambox .text .min-text p {
  text-indent: 2em;
}

.home-vision-box .vision .teambox .text.introduce {
  justify-content: flex-start;
}

.home-vision-box .vision .teambox .text.introduce .min-text {
  font-size: 20px;
  line-height: 36px;
}

.home-vision-box .vision .teambox .text.introduce .min-text .b {
  font-weight: bold;
  color: var(--jq_primary);
}

/* 首页-核心技术亮点 */
.home-highlights-box {
  width: 100%;
  display: flex;
  justify-content: center;
  background: var(--jq_color8);
  padding: 75px 0;
}

.home-highlights-box .highlights {
  width: var(--jq_w1480);
  display: flex;
  flex-direction: column;
}

.home-highlights-box .highlights .text-box {
  margin: 20px 0 30px 0;
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_primary);
}

.home-highlights-box .highlights .text-box .t1 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_primary);
}

.home-highlights-box .highlights .text-box .t2 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_color1);
}

.home-highlights-box .highlights .text-box .t3 {
  font-size: var(--jq_fs3);
  color: var(--jq_color2);
  margin-top: 20px;
}

.home-highlights-box .highlights .img-text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
  background-color: var(--jq_primary);
  padding: 30px;
  border-radius: 10px;
}

.home-highlights-box .highlights .img-text .img {
  width: 50%;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
}

.home-highlights-box .highlights .img-text .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-highlights-box .highlights .img-text .text {
  width: 50%;
  padding-left: 30px;
  font-size: 20px;
  line-height: 36px;
  color: var(--jq_color7);
}

.home-highlights-box .highlights .img-text .text span {
  font-size: 32px;
  margin-bottom: 20px;
  display: block;
}

.home-highlights-box .highlights .img-text .text p {
  text-indent: 2em;
}

.home-highlights-box .highlights .img-text .text .b {
  font-weight: bold;
}

.home-highlights-box .highlights .img-text:hover .img img {
  transform: scale(1.05);
}

.home-highlights-box .highlights .img-text:nth-child(odd) .text {
  padding: 0;
  padding-right: 30px;
}

/* 首页-产品介绍 */
.home-product-box {
  width: 100%;
  padding: 75px 0;
  background: var(--jq_color7);
  display: flex;
  justify-content: center;
}

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

.home-product-box .home-product .product-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.home-product-box .home-product .product-title .text {
  display: flex;
  flex-direction: column;
  font-size: var(--jq_fs15);
  font-weight: bold;
}

.home-product-box .home-product .product-title .text .t2 {
  color: var(--jq_primary);
}

.home-product-box .home-product .product-title .goMore {
  display: flex;
}

.home-product-box .home-product .product-title .goMore a {
  padding: 0 40px;
  padding-right: 80px;
  height: 50px;
  background: var(--jq_primary);
  color: var(--jq_color7);
  font-size: var(--jq_fs4);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  position: relative;
}

.home-product-box .home-product .product-title .goMore a .icon {
  width: 50px;
  height: 50px;
  background: var(--jq_primary);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  border: 2px solid var(--jq_color7);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-product-box .home-product .product-title .goMore a .icon i {
  font-size: var(--jq_fs5);
}

.home-product-box .home-product .product-title .goMore a:hover {
  background: var(--jq_hover);
}

.home-product-box .home-product .product-title .goMore a:hover .icon {
  background: var(--jq_hover);
}

.home-product-box .home-product .product {
  width: 100%;
  height: 550px;
  display: flex;
  justify-content: space-between;
}

.home-product-box .home-product .product .product-item {
  width: calc(25% - 20px);
  height: 100%;
  background: var(--jq_color9);
  display: flex;
  padding: 84px 40px;
  border-radius: 30px;
}

.home-product-box .home-product .product .product-item .itme-icon-img {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.home-product-box .home-product .product .product-item .itme-icon-img .icon {
  width: 70px;
  height: 70px;
  background: var(--jq_primary);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 100%;
  margin-bottom: 20px;
}

.home-product-box .home-product .product .product-item .itme-icon-img .icon i {
  color: var(--jq_color7);
  font-size: 36px;
}

.home-product-box .home-product .product .product-item .itme-icon-img .text {
  font-size: var(--jq_fs8);
  font-weight: bold;
  margin-bottom: 20px;
}

.home-product-box .home-product .product .product-item .itme-icon-img .img {
  width: 90%;
  /* position: absolute;
                        bottom: 0;
                        background: var(--jq_color9); */
}

.home-product-box .home-product .product .product-item .itme-icon-img .img img {
  width: 100%;
  max-height: 310px;
  object-fit: contain;
}

.home-product-box .home-product .product .product-item .item-text {
  display: none;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
}

.home-product-box .home-product .product .product-item .item-text a {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  position: relative;
  margin: 10px 0;
  border-radius: 10px;
  overflow: hidden;
}

.home-product-box .home-product .product .product-item .item-text a::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--jq_color7);
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  z-index: 1;
}

.home-product-box .home-product .product .product-item .item-text a span {
  font-size: var(--jq_fs4);
  color: var(--jq_primary);
  position: relative;
  z-index: 2;
}

.home-product-box .home-product .product .product-item .item-text a i {
  font-size: var(--jq_fs4);
  color: var(--jq_primary);
  position: relative;
  z-index: 2;
}

.home-product-box .home-product .product .product-item .item-text a:hover::before {
  opacity: 1;
}

.home-product-box .home-product .product .product-item .item-text a:hover span {
  color: var(--jq_primary);
}

.home-product-box .home-product .product .product-item .item-text a:hover i {
  color: var(--jq_primary);
}

.home-product-box .home-product .product .product-item.active {
  width: calc(75% - 20px);
  /* background: var(--jq_primary); */
  background: url("./images/product-bg.jpg") no-repeat left top;
  background-size: cover;
}

.home-product-box .home-product .product .product-item.active .itme-icon-img {
  width: 50%;
}

.home-product-box .home-product .product .product-item.active .itme-icon-img .icon {
  background: var(--jq_color7);
}

.home-product-box .home-product .product .product-item.active .itme-icon-img .icon i {
  color: var(--jq_primary);
}

.home-product-box .home-product .product .product-item.active .itme-icon-img .text {
  color: var(--jq_color7);
  display: none;
}

.home-product-box .home-product .product .product-item.active .itme-icon-img .img {
  width: 70%;
  /* background: var(--jq_primary); */
}

.home-product-box .home-product .product .product-item.active .item-text {
  display: flex;
}

/* 首页-应用领域 */
.home-application-box {
  width: 100%;
  padding: 75px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-application-box .application-title-box {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.home-application-box .application-title-box .application-title {
  width: var(--jq_w1480);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home-application-box .application-title-box .application-title .text {
  display: flex;
  flex-direction: column;
  font-size: var(--jq_fs15);
  font-weight: bold;
}

.home-application-box .application-title-box .application-title .text .t2 {
  color: var(--jq_primary);
}

.home-application-box .application-title-box .application-title .goMore {
  display: flex;
}

.home-application-box .application-title-box .application-title .goMore a {
  padding: 0 40px;
  padding-right: 80px;
  height: 50px;
  background: var(--jq_primary);
  color: var(--jq_color7);
  font-size: var(--jq_fs4);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  position: relative;
}

.home-application-box .application-title-box .application-title .goMore a .icon {
  width: 50px;
  height: 50px;
  background: var(--jq_primary);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  border: 2px solid var(--jq_color7);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-application-box .application-title-box .application-title .goMore a .icon i {
  font-size: var(--jq_fs5);
}

.home-application-box .application-title-box .application-title .goMore a:hover {
  background: var(--jq_hover);
}

.home-application-box .application-title-box .application-title .goMore a:hover .icon {
  background: var(--jq_hover);
}

.home-application-box .home-application {
  width: var(--jq_w1480);
  height: 660px;
  display: flex;
  justify-content: space-between;
}

.home-application-box .home-application .application-item {
  width: calc((100% - 45%) / 3);
  height: 100%;
  border-right: 1px solid var(--jq_color7);
}

.home-application-box .home-application .application-item .item-box {
  width: 100%;
  height: 100%;
  padding: 70px 50px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.home-application-box .home-application .application-item .item-box::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--jq_color1);
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.home-application-box .home-application .application-item .item-box > * {
  position: relative;
  z-index: 2;
}

.home-application-box .home-application .application-item .item-box .icon {
  width: 100%;
  height: 32px;
  display: flex;
  margin-bottom: 20px;
}

.home-application-box .home-application .application-item .item-box .icon i {
  font-size: var(--jq_fs10);
  color: var(--jq_primary);
}

.home-application-box .home-application .application-item .item-box .text {
  font-size: var(--jq_fs8);
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.home-application-box .home-application .application-item .item-box .text .t1 {
  color: var(--jq_color7);
}

.home-application-box .home-application .application-item .item-box .text .t2 {
  color: var(--jq_primary);
}

.home-application-box .home-application .application-item .item-box .text-cont {
  font-size: var(--jq_fs3);
  color: var(--jq_color7);
  line-height: 34px;
  display: none;
}

.home-application-box .home-application .application-item .item-box .text-en {
  font-size: var(--jq_fs3);
  color: var(--jq_primary);
  line-height: 34px;
  position: absolute;
  bottom: 70px;
}

.home-application-box .home-application .application-item .item-box .text-en a {
  color: var(--jq_color7);
}

.home-application-box .home-application .application-item.active {
  width: 45%;
}

.home-application-box .home-application .application-item.active .item-box {
  width: 50%;
}

.home-application-box .home-application .application-item.active .item-box::before {
  background: var(--jq_primary);
  opacity: 0.9;
}

.home-application-box .home-application .application-item.active .item-box .icon i {
  color: var(--jq_color7);
}

.home-application-box .home-application .application-item.active .item-box .text .t2 {
  color: var(--jq_color7);
}

.home-application-box .home-application .application-item.active .item-box .text-cont {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-application-box .home-application .application-item.active .item-box .text-en {
  color: var(--jq_color7);
}

.home-application-box .home-application .application-item.active .item-box .text-en a {
  color: var(--jq_color7);
}

.home-application-box .home-application .application-item:last-child {
  border: none;
}

/* 首页-品牌 */
.home-brand-box {
  width: 100%;
  background: var(--jq_color8);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 75px 0;
  overflow: hidden;
}

.home-brand-box .home-brand {
  width: var(--jq_w1480);
  display: flex;
  flex-direction: column;
}

.home-brand-box .home-brand .brand-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.home-brand-box .home-brand .brand-title .text {
  display: flex;
  flex-direction: column;
  font-size: var(--jq_fs15);
  font-weight: bold;
}

.home-brand-box .home-brand .brand-title .text .t2 {
  color: var(--jq_primary);
}

.home-brand-box .home-brand .brand-title .quality-datetime {
  display: flex;
  justify-content: flex-end;
}

.home-brand-box .home-brand .brand-title .quality-datetime .quality, .home-brand-box .home-brand .brand-title .quality-datetime .datetime {
  padding-right: 46px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.home-brand-box .home-brand .brand-title .quality-datetime .quality .t1, .home-brand-box .home-brand .brand-title .quality-datetime .datetime .t1 {
  font-size: var(--jq_fs12);
  font-weight: bold;
  color: var(--jq_primary);
  display: flex;
  align-items: flex-end;
}

.home-brand-box .home-brand .brand-title .quality-datetime .quality .t1 span, .home-brand-box .home-brand .brand-title .quality-datetime .datetime .t1 span {
  font-size: var(--jq_fs3);
  font-weight: normal;
  margin-left: 5px;
  bottom: 6px;
  position: relative;
}

.home-brand-box .home-brand .brand-title .quality-datetime .quality .t2, .home-brand-box .home-brand .brand-title .quality-datetime .datetime .t2 {
  color: var(--jq_color3);
}

.home-brand-box .home-brand .brand-title .quality-datetime .quality::after, .home-brand-box .home-brand .brand-title .quality-datetime .datetime::after {
  content: "";
  width: 1px;
  height: 50%;
  background: var(--jq_color5);
  position: absolute;
  right: 0;
  top: 25%;
}

.home-brand-box .home-brand .brand-title .quality-datetime .datetime {
  padding: 0;
  padding-left: 46px;
}

.home-brand-box .home-brand .brand-title .quality-datetime .datetime::after {
  display: none;
}

.home-brand-box .home-brand .brand-main {
  width: calc(100% * 2);
  position: relative;
  left: 0;
  display: flex;
}

.home-brand-box .home-brand .brand-main .brand-item {
  width: calc(100% / 2 + 25px);
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  margin-left: -12.5px;
  margin-right: 200px;
}

.home-brand-box .home-brand .brand-main .brand-item .item-child {
  width: calc(100% / 6 - 25px);
  height: 138px;
  margin: 0 12.5px;
  margin-bottom: 25px;
  background: var(--jq_color7);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  border: 1px solid var(--jq_primary);
  border-radius: 10px;
  overflow: hidden;
}

.home-brand-box .home-brand .brand-main .brand-item .item-child img {
  width: 100%;
  /* height: 100%;
            object-fit: cover; */
}

.home-brand-box .home-brand .brand-main .brand-item .item-child:hover {
  box-shadow: 0 0 10px var(--jq_hover);
  transform: scale(1.02);
}

.home-brand-box .home-brand .brand-page {
  display: flex;
  justify-content: center;
  margin-top: 56px;
}

.home-brand-box .home-brand .brand-page a {
  width: 50px;
  height: 50px;
  background: var(--jq_primary);
  color: var(--jq_color7);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 0 10px;
}

.home-brand-box .home-brand .brand-page a i {
  font-size: var(--jq_fs6);
}

.home-brand-box .home-brand .brand-page a:hover {
  background: var(--jq_hover);
}

/* 首页-公司介绍 */
.home-aboutus-box {
  width: 100%;
  padding: 200px 0;
  display: flex;
  justify-content: center;
  background: url("./images/home-aboutus-bg.png") no-repeat center center;
  background-size: cover;
}

.home-aboutus-box .home-aboutus {
  width: var(--jq_w1480);
  display: flex;
  justify-content: flex-end;
}

.home-aboutus-box .home-aboutus .home-aboutus-main {
  width: 610px;
  display: flex;
  flex-direction: column;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-title {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-title .t1 {
  font-size: var(--jq_fs3);
  color: var(--jq_color7);
  margin-bottom: 20px;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-title .t2 {
  font-size: 38px;
  color: var(--jq_color7);
  font-weight: bold;
  margin-bottom: 40px;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-cont {
  width: 100%;
  font-size: var(--jq_fs4);
  color: var(--jq_color7);
  opacity: 0.7;
  margin-bottom: 120px;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-cont p {
  text-indent: 2em;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-total {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 65px;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-total .total-item {
  width: 50%;
  padding-right: 20px;
  display: flex;
  margin-bottom: 55px;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-total .total-item .icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  top: 15px;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-total .total-item .text {
  padding-left: 20px;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-total .total-item .text .t1 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_color7);
  display: flex;
  align-items: flex-start;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-total .total-item .text .t1 span {
  font-size: 22px;
  font-weight: normal;
  margin-left: 5px;
  margin-top: 10px;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-total .total-item .text .t2 {
  font-size: 18px;
  font-weight: normal;
  color: var(--jq_color7);
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-more {
  width: 100%;
  display: flex;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-more a {
  padding: 0 40px;
  padding-right: 80px;
  height: 50px;
  background: var(--jq_primary);
  color: var(--jq_color7);
  font-size: var(--jq_fs4);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  position: relative;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-more a .icon {
  width: 50px;
  height: 50px;
  background: var(--jq_primary);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  border: 2px solid var(--jq_color7);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-more a .icon i {
  font-size: var(--jq_fs5);
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-more a:hover {
  background: var(--jq_hover);
}

.home-aboutus-box .home-aboutus .home-aboutus-main .aboutus-more a:hover .icon {
  background: var(--jq_hover);
}

/* 首页-新闻 */
.home-news-box {
  width: 100%;
  padding: 75px 0;
  background: var(--jq_color7);
  display: flex;
  justify-content: center;
}

.home-news-box .home-news {
  width: var(--jq_w1480);
  display: flex;
  flex-direction: column;
}

.home-news-box .home-news .news-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.home-news-box .home-news .news-title .text {
  display: flex;
  flex-direction: column;
  font-size: var(--jq_fs15);
  font-weight: bold;
}

.home-news-box .home-news .news-title .text .t2 {
  color: var(--jq_primary);
}

.home-news-box .home-news .news-title .goMore {
  display: flex;
}

.home-news-box .home-news .news-title .goMore a {
  padding: 0 40px;
  padding-right: 80px;
  height: 50px;
  background: var(--jq_primary);
  color: var(--jq_color7);
  font-size: var(--jq_fs5);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  position: relative;
}

.home-news-box .home-news .news-title .goMore a .icon {
  width: 50px;
  height: 50px;
  background: var(--jq_primary);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  border: 2px solid var(--jq_color7);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-news-box .home-news .news-title .goMore a .icon i {
  font-size: var(--jq_fs5);
}

.home-news-box .home-news .news-title .goMore a:hover {
  background: var(--jq_hover);
}

.home-news-box .home-news .news-title .goMore a:hover .icon {
  background: var(--jq_hover);
}

.home-news-box .home-news .news-main {
  width: 100%;
  height: 565px;
  display: flex;
  justify-content: space-between;
}

.home-news-box .home-news .news-main .news-max {
  width: 565px;
  height: 100%;
  position: relative;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
}

.home-news-box .home-news .news-main .news-max .video-more {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

.home-news-box .home-news .news-main .news-max .video-more .button {
  padding: 0 20px;
}

.home-news-box .home-news .news-main .news-max .img {
  width: 100%;
  height: 100%;
}

.home-news-box .home-news .news-main .news-max .img img, .home-news-box .home-news .news-main .news-max .img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-news-box .home-news .news-main .news-max .cont {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 35px 30px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), black);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), black);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), black);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  display: flex;
  flex-direction: column;
}

.home-news-box .home-news .news-main .news-max .cont .time {
  display: flex;
  align-items: center;
  font-size: var(--jq_fs3);
  color: var(--jq_color7);
  margin-bottom: 15px;
}

.home-news-box .home-news .news-main .news-max .cont .time i {
  font-size: var(--jq_fs4);
  margin-right: 10px;
}

.home-news-box .home-news .news-main .news-max .cont .title {
  font-size: var(--jq_fs5);
  color: var(--jq_color7);
}

.home-news-box .home-news .news-main .news-max:hover .img img, .home-news-box .home-news .news-main .news-max:hover .img video {
  transform: scale(1.05);
}

.home-news-box .home-news .news-main .news-min {
  width: calc(100% - 565px);
  padding-left: 40px;
  display: flex;
  justify-content: space-between;
}

.home-news-box .home-news .news-main .news-min .min-left {
  width: 412px;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  border-bottom: 1px solid var(--jq_color5);
  position: relative;
}

.home-news-box .home-news .news-main .news-min .min-left .img {
  width: 100%;
  height: 270px;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}

.home-news-box .home-news .news-main .news-min .min-left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-news-box .home-news .news-main .news-min .min-left .time {
  display: flex;
  align-items: center;
  font-size: var(--jq_fs3);
  color: var(--jq_primary);
  margin-bottom: 15px;
}

.home-news-box .home-news .news-main .news-min .min-left .time i {
  font-size: var(--jq_fs4);
  margin-right: 10px;
}

.home-news-box .home-news .news-main .news-min .min-left .title {
  font-size: var(--jq_fs5);
  margin-bottom: 20px;
}

.home-news-box .home-news .news-main .news-min .min-left .cont {
  font-size: var(--jq_fs3);
  color: var(--jq_color3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-news-box .home-news .news-main .news-min .min-left .add {
  width: 100%;
  position: absolute;
  bottom: 30px;
}

.home-news-box .home-news .news-main .news-min .min-left .add i {
  font-size: var(--jq_fs6);
  color: var(--jq_color3);
}

.home-news-box .home-news .news-main .news-min .min-left:hover {
  border-bottom: 1px solid var(--jq_primary);
}

.home-news-box .home-news .news-main .news-min .min-left:hover .img img {
  transform: scale(1.05);
}

.home-news-box .home-news .news-main .news-min .min-left:hover .add i {
  font-size: var(--jq_fs10);
  color: var(--jq_primary);
}

.home-news-box .home-news .news-main .news-min .min-right {
  width: calc(100% - 412px);
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home-news-box .home-news .news-main .news-min .min-right .news-list {
  width: 100%;
  height: calc(50% - 15px);
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  border-bottom: 1px solid var(--jq_color5);
  position: relative;
}

.home-news-box .home-news .news-main .news-min .min-right .news-list .img {
  width: 100%;
  height: 270px;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}

.home-news-box .home-news .news-main .news-min .min-right .news-list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-news-box .home-news .news-main .news-min .min-right .news-list .time {
  display: flex;
  align-items: center;
  font-size: var(--jq_fs3);
  color: var(--jq_primary);
  margin-bottom: 15px;
}

.home-news-box .home-news .news-main .news-min .min-right .news-list .time i {
  font-size: var(--jq_fs4);
  margin-right: 10px;
}

.home-news-box .home-news .news-main .news-min .min-right .news-list .title {
  font-size: var(--jq_fs5);
  margin-bottom: 20px;
}

.home-news-box .home-news .news-main .news-min .min-right .news-list .cont {
  font-size: var(--jq_fs3);
  color: var(--jq_color3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-news-box .home-news .news-main .news-min .min-right .news-list .add {
  width: 100%;
  position: absolute;
  bottom: 30px;
}

.home-news-box .home-news .news-main .news-min .min-right .news-list .add i {
  font-size: var(--jq_fs6);
  color: var(--jq_color3);
}

.home-news-box .home-news .news-main .news-min .min-right .news-list:hover {
  border-bottom: 1px solid var(--jq_primary);
}

.home-news-box .home-news .news-main .news-min .min-right .news-list:hover .add i {
  font-size: var(--jq_fs10);
  color: var(--jq_primary);
}

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

.footer-box .footer-top-bg {
  width: 100%;
  height: 64px;
  background: url("./images/foot_bg_top.png") no-repeat left top;
}

.footer-box .footer {
  width: 100%;
  background: var(--jq_color13);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

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

.footer-box .footer .footer-main .logo {
  padding-bottom: 38px;
  border-bottom: 1px solid var(--jq_color6);
}

.footer-box .footer .footer-main .logo a {
  width: 160px;
  height: 60px;
}

.footer-box .footer .footer-main .logo a img {
  height: 100%;
}

.footer-box .footer .footer-main .menu-code {
  width: 100%;
  padding-top: 38px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 38px;
}

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

.footer-box .footer .footer-main .menu-code .footer-menu .menu-item {
  margin-right: 38px;
  display: flex;
  flex-direction: column;
}

.footer-box .footer .footer-main .menu-code .footer-menu .menu-item .menu-title {
  font-size: var(--jq_fs4);
  color: var(--jq_color7);
  font-weight: bold;
  padding-left: 20px;
  position: relative;
  margin-bottom: 20px;
}

.footer-box .footer .footer-main .menu-code .footer-menu .menu-item .menu-title::before {
  content: "";
  width: 4px;
  height: 80%;
  background: var(--jq_color7);
  position: absolute;
  left: 0;
  top: 10%;
}

.footer-box .footer .footer-main .menu-code .footer-menu .menu-item .menu-box {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}

.footer-box .footer .footer-main .menu-code .footer-menu .menu-item .menu-box a {
  padding: 10px 0;
  font-size: var(--jq_fs3);
  color: var(--jq_color7);
}

.footer-box .footer .footer-main .menu-code .footer-menu .menu-item .menu-box a:hover {
  text-decoration: underline;
}

.footer-box .footer .footer-main .menu-code .footer-code {
  width: 100px;
  display: flex;
  flex-direction: column;
}

.footer-box .footer .footer-main .menu-code .footer-code .code-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}

.footer-box .footer .footer-main .menu-code .footer-code .code-item .img {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

.footer-box .footer .footer-main .menu-code .footer-code .code-item .img img {
  width: 100%;
  height: 100%;
}

.footer-box .footer .footer-main .menu-code .footer-code .code-item .text {
  font-size: var(--jq_fs3);
  color: var(--jq_color7);
}

.footer-box .footer .friendship-link {
  width: 100%;
  padding: 20px 0 10px 0;
  border-top: 1px solid var(--jq_color6);
  display: flex;
  justify-content: center;
  font-size: var(--jq_fs2);
  color: var(--jq_color7);
}

.footer-box .footer .friendship-link a {
  color: var(--jq_color7);
  margin: 0 5px;
}

.footer-box .footer .friendship-link a:hover {
  text-decoration: underline;
}

.footer-box .footer .footer-bottom {
  width: 100%;
  padding-bottom: 30px;
  display: flex;
  justify-content: center;
  font-size: var(--jq_fs2);
  color: var(--jq_color7);
}

.footer-box .footer .footer-bottom a {
  color: var(--jq_color7);
  margin: 0 5px;
}

.footer-box .footer .footer-bottom a:hover {
  text-decoration: underline;
}

/* 其他页面 */
.app-content {
  width: 100%;
}

.app-content .product-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .product-maxImg {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}

.app-content .product-box .product-maxImg img {
  width: 100%;
}

.app-content .product-box .product-maxImg .maxImg {
  width: var(--jq_w1480);
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.app-content .product-box .product-maxImg .maxImg .t1 {
  font-size: var(--jq_fs8);
  color: var(--jq_color7);
  margin-bottom: 10px;
}

.app-content .product-box .product-maxImg .maxImg .t2 {
  font-size: var(--jq_fs12);
  color: var(--jq_color7);
  font-weight: bold;
}

.app-content .product-box .product-type-crumbs {
  width: 100%;
  height: 66px;
  background: var(--jq_color11);
  display: flex;
  justify-content: center;
}

.app-content .product-box .product-type-crumbs .type-crumbs {
  width: var(--jq_w1480);
  display: flex;
  justify-content: space-between;
}

.app-content .product-box .product-type-crumbs .type-crumbs .type-box {
  height: 100%;
  display: flex;
}

.app-content .product-box .product-type-crumbs .type-crumbs .type-box a {
  height: 100%;
  padding: 0 30px;
  display: flex;
  align-items: center;
  font-size: var(--jq_fs3);
  position: relative;
}

.app-content .product-box .product-type-crumbs .type-crumbs .type-box a::after {
  content: "";
  width: 0px;
  height: 3px;
  background: var(--jq_primary);
  position: absolute;
  left: 50%;
  bottom: 0;
}

.app-content .product-box .product-type-crumbs .type-crumbs .type-box a:hover {
  background: var(--jq_color7);
}

.app-content .product-box .product-type-crumbs .type-crumbs .type-box a:hover::after {
  width: 100%;
  left: 0;
  transition: all 0.3s;
}

.app-content .product-box .product-type-crumbs .type-crumbs .type-box a.active {
  background: var(--jq_color7);
}

.app-content .product-box .product-type-crumbs .type-crumbs .type-box a.active::after {
  width: 100%;
  left: 0;
  transition: all 0.3s;
}

.app-content .product-box .product {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

.app-content .product-box .product .product-list {
  width: calc(var(--jq_w1480) + 30px);
  display: flex;
  flex-wrap: wrap;
}

.app-content .product-box .product .product-list .list-item {
  width: calc(100% / 4 - 30px);
  height: 500px;
  overflow: hidden;
  margin: 0 15px 30px 15px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--jq_color6);
  position: relative;
}

.app-content .product-box .product .product-list .list-item .img {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

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

.app-content .product-box .product .product-list .list-item .text {
  width: 100%;
  font-size: var(--jq_fs3);
  text-align: center;
  margin-top: 40px;
}

.app-content .product-box .product .product-list .list-item .jt {
  margin-top: 10px;
  opacity: 0;
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.app-content .product-box .product .product-list .list-item:hover {
  box-shadow: 0 0 10px var(--jq_color5);
}

.app-content .product-box .product .product-list .list-item:hover .img img {
  transform: scale(1.05);
}

.app-content .product-box .product .product-list .list-item:hover .text {
  margin-top: 30px;
}

.app-content .product-box .product .product-list .list-item:hover .jt {
  opacity: 1;
  left: 50px;
}

.app-content .product-box .product-detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

.app-content .product-box .product-detail .detail-title {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: var(--jq_fs8);
  font-weight: bold;
  color: var(--jq_primary);
  border-bottom: 1px solid var(--jq_primary);
}

.app-content .product-box .product-detail .maxImg-params {
  width: var(--jq_w1480);
  height: auto;
  display: flex;
  margin-bottom: 40px;
}

.app-content .product-box .product-detail .maxImg-params .maxImg {
  width: 700px;
  height: 600px;
  flex-shrink: 0;
  /* img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          } */
}

.app-content .product-box .product-detail .maxImg-params .maxImg .swiper {
  width: 100%;
  height: 600px;
}

.app-content .product-box .product-detail .maxImg-params .maxImg .swiper .swiper-wrapper {
  height: 100%;
}

.app-content .product-box .product-detail .maxImg-params .maxImg .swiper .swiper-wrapper .swiper-slide {
  height: 100%;
}

.app-content .product-box .product-detail .maxImg-params .maxImg .swiper .swiper-wrapper .swiper-slide a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.app-content .product-box .product-detail .maxImg-params .maxImg .swiper .swiper-wrapper .swiper-slide a img {
  /* width: 100%; */
  height: 100%;
  object-fit: cover;
}

.app-content .product-box .product-detail .maxImg-params .params {
  width: calc(100% - 600px);
  padding-left: 40px;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .product-detail .maxImg-params .params .params-item {
  width: 100%;
  display: flex;
  padding: 15px 0;
  font-size: var(--jq_fs4);
  background: var(--jq_color6);
  border-bottom: 1px solid var(--jq_color7);
}

.app-content .product-box .product-detail .maxImg-params .params .params-item .label {
  width: 200px;
  display: flex;
  justify-content: flex-end;
  color: var(--jq_color3);
}

.app-content .product-box .product-detail .maxImg-params .params .params-item .value {
  width: calc(100% - 200px);
  padding-left: 10px;
}

.app-content .product-box .product-detail .maxImg-params .params .params-item:hover {
  background-color: var(--jq_color5);
}

.app-content .product-box .product-detail .detail-box {
  width: var(--jq_w1480);
  display: flex;
}

.app-content .product-box .product-detail .detail-box .detail {
  width: 100%;
  padding-right: 30px;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .product-detail .detail-box .detail .title {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--jq_color5);
}

.app-content .product-box .product-detail .detail-box .detail .title .text {
  height: 100%;
  font-size: var(--jq_fs5);
  font-weight: bold;
  position: relative;
  padding: 0 20px;
  color: var(--jq_color2);
}

.app-content .product-box .product-detail .detail-box .detail .title .text::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--jq_primary);
  left: 0;
  bottom: 0;
}

.app-content .product-box .product-detail .detail-box .detail .title .btns-phone {
  height: 100%;
  display: flex;
  align-items: center;
}

.app-content .product-box .product-detail .detail-box .detail .title .btns-phone .phone {
  color: var(--jq_primary);
  margin-right: 20px;
}

.app-content .product-box .product-detail .detail-box .detail .title .btns-phone .phone span {
  font-weight: bold;
}

.app-content .product-box .product-detail .detail-box .detail .title .btns-phone .btns a {
  padding: 0 20px;
}

.app-content .product-box .product-detail .detail-box .detail .detail-cont {
  width: 100%;
  padding: 30px;
}

.app-content .product-box .product-detail .detail-box .detail .detail-cont img {
  width: 100%;
}

.app-content .product-box .product-detail .detail-box .detail .detail-cont video {
  width: 100%;
  height: 700px;
}

.app-content .product-box .product-detail .detail-box .recommend {
  width: 350px;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-title {
  width: 100%;
  height: 50px;
  display: flex;
  border-bottom: 1px solid var(--jq_color5);
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-title .text {
  padding: 0 20px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  font-size: var(--jq_fs5);
  font-weight: bold;
  color: var(--jq_color2);
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-title .text::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--jq_primary);
  left: 0;
  bottom: 0;
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-list .list-item {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-list .list-item .img {
  width: 100%;
  overflow: hidden;
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-list .list-item .img img {
  width: 100%;
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-list .list-item .text {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  font-size: var(--jq_fs3);
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-list .list-item:hover .img img {
  transform: scale(1.05);
}

.app-content .product-box .product-detail .detail-box .recommend .recommend-list .list-item:hover .text {
  color: var(--jq_primary);
}

.app-content .product-box .news {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

.app-content .product-box .news .news-list {
  width: calc(var(--jq_w1480) + 30px);
  display: flex;
  flex-wrap: wrap;
}

.app-content .product-box .news .news-list .list-item {
  width: calc(100% / 4 - 30px);
  height: 435px;
  overflow: hidden;
  margin: 0 15px 30px 15px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--jq_color6);
  position: relative;
}

.app-content .product-box .news .news-list .list-item .img {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

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

.app-content .product-box .news .news-list .list-item .text {
  width: 100%;
  font-size: var(--jq_fs4);
  text-align: center;
  margin-top: 20px;
}

.app-content .product-box .news .news-list .list-item .time-type {
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 20px;
  padding: 0 20px;
  color: var(--jq_color3);
}

.app-content .product-box .news .news-list .list-item .time-type .type {
  margin-left: 10px;
}

.app-content .product-box .news .news-list .list-item::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 3px;
  background: var(--jq_primary);
  left: 50%;
  bottom: 0;
  transition: all 0.3s;
}

.app-content .product-box .news .news-list .list-item:hover {
  box-shadow: 0 0 10px var(--jq_color5);
}

.app-content .product-box .news .news-list .list-item:hover .img img {
  transform: scale(1.05);
}

.app-content .product-box .news .news-list .list-item:hover::after {
  width: 100%;
  left: 0;
}

.app-content .product-box .news-detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}

.app-content .product-box .news-detail .detail-box {
  width: var(--jq_w1480);
  display: flex;
}

.app-content .product-box .news-detail .detail-box .detail {
  width: calc(100% - 350px);
  padding-right: 30px;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .news-detail .detail-box .detail .title {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--jq_color5);
  padding-bottom: 20px;
}

.app-content .product-box .news-detail .detail-box .detail .title .text {
  height: 100%;
  font-size: var(--jq_fs5);
  font-weight: bold;
  position: relative;
  color: var(--jq_color2);
  margin-bottom: 10px;
}

.app-content .product-box .news-detail .detail-box .detail .title .btns-phone {
  height: 100%;
  display: flex;
  align-items: center;
}

.app-content .product-box .news-detail .detail-box .detail .title .btns-phone .phone {
  color: var(--jq_primary);
  margin-right: 20px;
}

.app-content .product-box .news-detail .detail-box .detail .title .btns-phone .phone span {
  font-weight: bold;
}

.app-content .product-box .news-detail .detail-box .detail .title .btns-phone .btns a {
  padding: 0 20px;
}

.app-content .product-box .news-detail .detail-box .detail .title .time {
  color: var(--jq_color3);
}

.app-content .product-box .news-detail .detail-box .detail .detail-cont {
  width: 100%;
  padding: 30px;
}

.app-content .product-box .news-detail .detail-box .detail .detail-cont img {
  width: 100%;
}

.app-content .product-box .news-detail .detail-box .detail .detail-cont video {
  width: 100%;
  height: 700px;
}

.app-content .product-box .news-detail .detail-box .recommend {
  width: 350px;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-title {
  width: 100%;
  height: 50px;
  display: flex;
  border-bottom: 1px solid var(--jq_color5);
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-title .text {
  padding: 0 20px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  font-size: var(--jq_fs5);
  font-weight: bold;
  color: var(--jq_color2);
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-title .text::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--jq_primary);
  left: 0;
  bottom: 0;
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-list .list-item {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-list .list-item .img {
  width: 100%;
  overflow: hidden;
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-list .list-item .img img {
  width: 100%;
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-list .list-item .text {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  font-size: var(--jq_fs3);
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-list .list-item:hover .img img {
  transform: scale(1.05);
}

.app-content .product-box .news-detail .detail-box .recommend .recommend-list .list-item:hover .text {
  color: var(--jq_primary);
}

.app-content .application-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.app-content .application-box .application {
  width: var(--jq_w1480);
  padding: 30px 0;
}

.app-content .application-box .application .crumbs-box {
  justify-content: flex-start;
}

.app-content .application-box .application .text-box {
  margin: 20px 0 30px 0;
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_primary);
}

.app-content .application-box .application .text-box .t1 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_primary);
}

.app-content .application-box .application .text-box .t2 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_color1);
}

.app-content .application-box .application .text-box .t3 {
  font-size: var(--jq_fs3);
  color: var(--jq_color2);
  margin-top: 20px;
}

.app-content .application-box .application .application-list {
  width: calc(100% + 20px);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: -10px;
}

.app-content .application-box .application .application-list .list-item {
  width: calc(100% / 4 - 20px);
  height: 435px;
  margin: 0 10px;
  margin-bottom: 20px;
  border: 1px solid var(--jq_color5);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  background: var(--jq_color7);
  overflow: hidden;
}

.app-content .application-box .application .application-list .list-item .img {
  width: 100%;
  height: 245px;
  overflow: hidden;
}

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

.app-content .application-box .application .application-list .list-item .title-look {
  width: 100%;
  height: calc(100% - 245px);
  padding: 0 30px;
  display: flex;
  flex-direction: column;
}

.app-content .application-box .application .application-list .list-item .title-look .title {
  width: 100%;
  height: 55px;
  margin: 30px 0;
  font-size: var(--jq_fs5);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.app-content .application-box .application .application-list .list-item .title-look .lookDetail {
  width: 100%;
  border-top: 1px solid var(--jq_color5);
  height: calc(100% - 115px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app-content .application-box .application .application-list .list-item .title-look .lookDetail .text {
  font-size: var(--jq_fs3);
  color: var(--jq_color3);
}

.app-content .application-box .application .application-list .list-item .title-look .lookDetail .icon {
  width: 40px;
  height: 40px;
  background: var(--jq_primary);
  color: var(--jq_color7);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.app-content .application-box .application .application-list .list-item .title-look .lookDetail .icon:hover {
  background: var(--jq_hover);
}

.app-content .application-box .application .application-list .list-item:hover {
  box-shadow: 0 0 10px var(--jq_color5);
}

.app-content .application-box .application .application-list .list-item:hover .img img {
  transform: scale(1.05);
}

.app-content .application-box .application .application-detail {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}

.app-content .application-box .application .application-detail .detail-cont {
  width: 100%;
  background: var(--jq_color7);
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}

.app-content .application-box .application .application-detail .detail-cont .title-time-look {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--jq_color5);
  padding-bottom: 30px;
}

.app-content .application-box .application .application-detail .detail-cont .title-time-look .title {
  font-size: 36px;
  font-weight: bold;
}

.app-content .application-box .application .application-detail .detail-cont .title-time-look .time-look {
  margin-top: 20px;
  display: flex;
  font-size: var(--jq_fs4);
  color: var(--jq_color3);
}

.app-content .application-box .application .application-detail .detail-cont .title-time-look .time-look .time {
  margin-right: 20px;
}

.app-content .application-box .application .application-detail .detail-cont .cont-main {
  padding: 30px 0;
}

.app-content .application-box .application .application-detail .detail-cont .cont-main img {
  width: 100%;
}

.app-content .application-box .application .application-detail .detail-cont img {
  width: 100%;
}

.app-content .application-box .application .application-detail .detail-next {
  width: 360px;
  display: flex;
  flex-direction: column;
}

.app-content .application-box .application .application-detail .detail-next .next-operate {
  width: 100%;
  background: var(--jq_color7);
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.app-content .application-box .application .application-detail .detail-next .next-operate .next-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--jq_color5);
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.app-content .application-box .application .application-detail .detail-next .next-operate .next-text .tips {
  font-size: var(--jq_fs3);
  color: var(--jq_color3);
  margin-bottom: 20px;
}

.app-content .application-box .application .application-detail .detail-next .next-operate .next-text .title {
  font-size: var(--jq_fs4);
  color: var(--jq_color2);
  margin-bottom: 10px;
}

.app-content .application-box .application .application-detail .detail-next .next-operate .next-text .time {
  color: var(--jq_primary);
}

.app-content .application-box .application .application-detail .detail-next .next-operate .next-text:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

.app-content .application-box .application .application-detail .detail-next .next-operate .next-text:hover .title {
  color: var(--jq_primary);
}

.app-content .application-box .application .application-detail .detail-next .next-return .button {
  height: 42px;
}

.app-content .application-box .application .cooperate {
  width: calc(100% + 25px);
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  margin-left: -12.5px;
}

.app-content .application-box .application .cooperate .item-child {
  width: calc(100% / 6 - 25px);
  height: 138px;
  margin: 0 12.5px;
  margin-bottom: 25px;
  background: var(--jq_color7);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  border: 1px solid var(--jq_primary);
  border-radius: 10px;
  overflow: hidden;
}

.app-content .application-box .application .cooperate .item-child img {
  width: 100%;
  /* height: 100%;
            object-fit: cover; */
}

.app-content .application-box .application .cooperate .item-child:hover {
  box-shadow: 0 0 10px var(--jq_hover);
  transform: scale(1.02);
}

.app-content .application-box .application .nameDirectory {
  width: calc(100% + 10px);
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  margin-left: -5px;
}

.app-content .application-box .application .nameDirectory .item-child {
  width: calc(100% / 2 - 10px);
  height: 85px;
  margin: 0 5px;
  margin-bottom: 10px;
  background: var(--jq_color7);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 30px;
  border-radius: 10px;
  position: relative;
}

.app-content .application-box .application .nameDirectory .item-child::before {
  content: "";
  width: 2px;
  height: 25px;
  background: var(--jq_primary);
  position: absolute;
  top: 20px;
  left: 0;
  transition: all 0.3s;
}

.app-content .application-box .application .nameDirectory .item-child .max-text {
  font-size: var(--jq_fs5);
  font-weight: bold;
}

.app-content .application-box .application .nameDirectory .item-child .min-text {
  font-size: var(--jq_fs3);
  color: var(--jq_color3);
}

.app-content .application-box .application .nameDirectory .item-child:hover::before {
  height: 45px;
}

.app-content .application-box .application .nameDirectory .item-child:hover .max-text {
  color: var(--jq_primary);
}

.app-content .application-box .application .scene, .app-content .application-box .application .augmentedReality, .app-content .application-box .application .authentication {
  width: calc(100% + 25px);
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  margin-left: -12.5px;
}

.app-content .application-box .application .scene .item-child, .app-content .application-box .application .augmentedReality .item-child, .app-content .application-box .application .authentication .item-child {
  width: calc(100% / 4 - 25px);
  height: 340px;
  margin: 0 12.5px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
}

.app-content .application-box .application .scene .item-child .img, .app-content .application-box .application .augmentedReality .item-child .img, .app-content .application-box .application .authentication .item-child .img {
  width: 100%;
  height: 265px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.app-content .application-box .application .scene .item-child .img img, .app-content .application-box .application .augmentedReality .item-child .img img, .app-content .application-box .application .authentication .item-child .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.app-content .application-box .application .scene .item-child .img::after, .app-content .application-box .application .augmentedReality .item-child .img::after, .app-content .application-box .application .authentication .item-child .img::after {
  content: "";
  width: 0px;
  height: 4px;
  background: var(--jq_primary);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}

.app-content .application-box .application .scene .item-child .text, .app-content .application-box .application .augmentedReality .item-child .text, .app-content .application-box .application .authentication .item-child .text {
  width: 100%;
  height: calc(100% - 265px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--jq_fs4);
  color: var(--jq_color2);
  font-weight: bold;
}

.app-content .application-box .application .scene .item-child:hover .img img, .app-content .application-box .application .augmentedReality .item-child:hover .img img, .app-content .application-box .application .authentication .item-child:hover .img img {
  transform: scale(1.05);
}

.app-content .application-box .application .scene .item-child:hover .img::after, .app-content .application-box .application .augmentedReality .item-child:hover .img::after, .app-content .application-box .application .authentication .item-child:hover .img::after {
  width: 100%;
}

.app-content .application-box .application .augmentedReality .item-child {
  width: calc(100% / 3 - 25px);
  height: 425px;
}

.app-content .application-box .application .augmentedReality .item-child .img {
  height: 350px;
}

.app-content .application-box .application .augmentedReality .item-child .text {
  height: calc(100% - 350px);
}

.app-content .application-box .application .authentication .item-child {
  width: calc(100% / 4 - 25px);
  height: 462px;
  border: 1px solid var(--jq_color5);
  background: var(--jq_color7);
  border-radius: 10px;
  overflow: hidden;
  padding: 20px 25px;
  padding-bottom: 5px;
}

.app-content .application-box .application .authentication .item-child .img {
  height: 380px;
  border-radius: 0;
}

.app-content .application-box .application .authentication .item-child .img::after {
  display: none;
}

.app-content .application-box .application .authentication .item-child .text {
  height: calc(100% - 380px);
}

.app-content .application-box .application .authentication .item-child:hover {
  border: 1px solid var(--jq_primary);
}

.app-content .application-box .application .corporateCulture {
  width: calc(100% + 25px);
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  margin-left: -12.5px;
}

.app-content .application-box .application .corporateCulture .item-child {
  width: calc(100% / 3 - 25px);
  height: 600px;
  margin: 0 12.5px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.app-content .application-box .application .corporateCulture .item-child::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 600px;
  transition: all 0.3s;
  z-index: 2;
}

.app-content .application-box .application .corporateCulture .item-child .img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.app-content .application-box .application .corporateCulture .item-child .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.app-content .application-box .application .corporateCulture .item-child .icon-label {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 45px;
  top: 45px;
  z-index: 2;
}

.app-content .application-box .application .corporateCulture .item-child .icon-label .icon {
  width: 60px;
  height: 60px;
}

.app-content .application-box .application .corporateCulture .item-child .icon-label .icon img {
  width: 100%;
  height: 100%;
}

.app-content .application-box .application .corporateCulture .item-child .icon-label .label {
  font-size: var(--jq_fs8);
  font-weight: bold;
  margin-top: 20px;
  color: var(--jq_color7);
}

.app-content .application-box .application .corporateCulture .item-child .text {
  font-size: var(--jq_fs7);
  position: absolute;
  left: 45px;
  bottom: 45px;
  z-index: 3;
  color: var(--jq_color7);
  line-height: 38px;
}

.app-content .application-box .application .corporateCulture .item-child:hover::before {
  top: 0px;
}

.app-content .contactUs-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.app-content .contactUs-box .contactUs {
  width: var(--jq_w1480);
  padding: 30px 0;
}

.app-content .contactUs-box .contactUs .crumbs-box {
  justify-content: flex-start;
}

.app-content .contactUs-box .contactUs .contact-message {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 300px;
}

.app-content .contactUs-box .contactUs .contact-message .contact {
  width: 100%;
  padding: 80px;
  background: var(--jq_color7);
  border-radius: 10px;
  margin: 80px 0;
  display: flex;
  flex-direction: column;
}

.app-content .contactUs-box .contactUs .contact-message .contact .title {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--jq_color5);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.app-content .contactUs-box .contactUs .contact-message .contact .title .max-text {
  font-size: var(--jq_fs15);
  font-weight: bold;
}

.app-content .contactUs-box .contactUs .contact-message .contact .title .min-text {
  font-size: var(--jq_fs5);
  color: var(--jq_color3);
  margin-top: 10px;
}

.app-content .contactUs-box .contactUs .contact-message .contact .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.app-content .contactUs-box .contactUs .contact-message .contact .list .list-item {
  width: calc(50% - 20px);
  border-bottom: 1px solid var(--jq_color5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.app-content .contactUs-box .contactUs .contact-message .contact .list .list-item .text {
  width: calc(100% - 58px);
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}

.app-content .contactUs-box .contactUs .contact-message .contact .list .list-item .text .label {
  font-size: var(--jq_fs5);
  font-weight: bold;
  margin-bottom: 20px;
}

.app-content .contactUs-box .contactUs .contact-message .contact .list .list-item .text .value {
  font-size: var(--jq_fs4);
  margin-bottom: 10px;
  color: var(--jq_color2);
}

.app-content .contactUs-box .contactUs .contact-message .contact .list .list-item .text .value .email {
  margin-right: 50px;
}

.app-content .contactUs-box .contactUs .contact-message .contact .list .list-item .icon {
  width: 58px;
  height: 58px;
}

.app-content .contactUs-box .contactUs .contact-message .contact .list .list-item .icon .iconfont {
  font-size: 58px;
  color: var(--jq_primary);
}

.app-content .contactUs-box .contactUs .contact-message .contact .list .list-item.w100 {
  width: 100%;
}

.app-content .contactUs-box .contactUs .contact-message .message {
  width: 100%;
  padding: 80px;
  background: var(--jq_color7);
  border-radius: 10px;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
}

.app-content .contactUs-box .contactUs .contact-message .message .title {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--jq_color5);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.app-content .contactUs-box .contactUs .contact-message .message .title .max-text {
  font-size: var(--jq_fs15);
  font-weight: bold;
}

.app-content .contactUs-box .contactUs .contact-message .message .title .min-text {
  font-size: var(--jq_fs5);
  color: var(--jq_color3);
  margin-top: 10px;
}

.app-content .contactUs-box .contactUs .contact-message .service-box {
  width: 100%;
  padding: 80px;
  background: var(--jq_color7);
  border-radius: 10px;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
}

.app-content .contactUs-box .contactUs .contact-message .service-box .title {
  width: 100%;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.app-content .contactUs-box .contactUs .contact-message .service-box .title .max-text {
  font-size: var(--jq_fs15);
  font-weight: bold;
}

.app-content .contactUs-box .contactUs .contact-message .service-box .title .min-text {
  font-size: var(--jq_fs5);
  color: var(--jq_color3);
  margin-top: 10px;
}

.app-content .contactUs-box .contactUs .contact-message .service-box .cont {
  width: 100%;
  height: 600px;
  border: 1px solid var(--jq_color5);
  /* img {
              width: 100%;
            } */
}

.app-content .hire-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.app-content .hire-box .hire {
  width: var(--jq_w1480);
  padding: 30px 0;
}

.app-content .hire-box .hire .crumbs-box {
  justify-content: flex-start;
}

.app-content .hire-box .hire .contact-message {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.app-content .hire-box .hire .contact-message .max-title {
  width: 100%;
  height: 730px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--jq_color7);
  padding-bottom: 100px;
}

.app-content .hire-box .hire .contact-message .max-title h2 {
  font-size: 52px;
  text-align: center;
}

.app-content .hire-box .hire .contact-message .max-title span {
  max-width: 900px;
  margin-top: 30px;
  font-size: var(--jq_fs6);
  text-align: center;
}

.app-content .hire-box .hire .contact-message .hire-main {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-bottom: 40px;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-menu {
  width: 330px;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--jq_color5);
}

.app-content .hire-box .hire .contact-message .hire-main .hire-menu a {
  width: 100%;
  padding-left: 20px;
  position: relative;
  margin: 10px 0;
  color: var(--jq_color2);
  font-size: var(--jq_fs4);
}

.app-content .hire-box .hire .contact-message .hire-main .hire-menu a::before {
  content: "";
  width: 3px;
  height: 100%;
  background: var(--jq_primary);
  position: absolute;
  left: -1px;
  top: 0;
  display: none;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-menu a:hover {
  color: var(--jq_primary);
}

.app-content .hire-box .hire .contact-message .hire-main .hire-menu a.active {
  color: var(--jq_primary);
}

.app-content .hire-box .hire .contact-message .hire-main .hire-menu a.active::before {
  display: block;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content {
  width: calc(100% - 330px);
  padding-left: 20px;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont {
  width: 100%;
  background: var(--jq_color7);
  border-radius: 10px;
  padding: 60px;
  display: flex;
  flex-direction: column;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont .cont-main {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont .cont-main .name {
  font-size: var(--jq_fs15);
  color: var(--jq_primary);
  margin-bottom: 40px;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont .cont-main .label {
  font-size: var(--jq_fs5);
  margin-bottom: 20px;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont .cont-main .value {
  font-size: var(--jq_fs3);
  color: var(--jq_color2);
  margin-bottom: 20px;
  line-height: 32px;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont .cont-main img {
  width: 100%;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont .email-btns {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont .email-btns .email {
  font-size: var(--jq_fs5);
  color: var(--jq_primary);
  display: flex;
  flex-direction: column;
}

.app-content .hire-box .hire .contact-message .hire-main .hire-content .hire-cont .email-btns .btns .button {
  min-width: 100px;
}

.app-content .develop-box {
  width: 100%;
  height: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.app-content .develop-box .develop {
  width: var(--jq_w1480);
  padding: 30px 0;
}

.app-content .develop-box .develop .crumbs-box {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
}

.app-content .develop-box .develop .contact-message {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.app-content .develop-box .develop .contact-message .develop-tab {
  width: 100%;
  display: flex;
  justify-content: center;
}

.app-content .develop-box .develop .contact-message .develop-tab a {
  padding: 0 50px;
  height: 75px;
  border: 1px solid var(--jq_color7);
  border-radius: 50px;
  color: var(--jq_color7);
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.app-content .develop-box .develop .contact-message .develop-tab a .max {
  font-size: var(--jq_fs8);
  font-weight: bold;
}

.app-content .develop-box .develop .contact-message .develop-tab a .min {
  font-size: var(--jq_fs4);
}

.app-content .develop-box .develop .contact-message .develop-tab a:hover {
  border: 1px solid var(--jq_primary);
}

.app-content .develop-box .develop .contact-message .develop-tab a.active {
  border: 1px solid var(--jq_primary);
  background: var(--jq_primary);
}

.app-content .develop-box .develop-cont {
  width: 100%;
  height: 380px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto hidden;
}

.app-content .develop-box .develop-cont::before {
  content: "";
  width: 10000px;
  height: 1px;
  background: var(--jq_color7);
  position: absolute;
  left: 0;
  top: 50%;
}

.app-content .develop-box .develop-cont .cont-main {
  width: 10000px;
  height: 100%;
  padding: 0 100px;
}

.app-content .develop-box .develop-cont .cont-main img {
  width: 100%;
}

.app-content .develop-box .develop-cont .cont-main .cont-list {
  float: left;
  height: 100%;
  display: flex;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-title {
  padding-right: 20px;
  height: 50%;
  font-size: var(--jq_fs15);
  color: var(--jq_primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-title .max {
  font-weight: bold;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box {
  height: 100%;
  display: flex;
  margin-right: 200px;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box {
  width: 585px;
  height: 50%;
  display: flex;
  padding: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box::before {
  content: "";
  width: 20px;
  height: 20px;
  background: var(--jq_color7);
  position: absolute;
  left: -10px;
  top: -10px;
  border-radius: 100%;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box .list-item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 10px;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box .list-item .item-text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--jq_color7);
  padding-right: 20px;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box .list-item .item-text .max {
  font-size: 38px;
  font-weight: bold;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box .list-item .item-text .max span {
  font-size: 18px;
  margin-left: 5px;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box .list-item .item-text .min {
  font-size: 18px;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box .list-item .item-img {
  width: 240px;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  flex-shrink: 0;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box .list-item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box .list-item:hover {
  background: rgba(255, 255, 255, 0.2);
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box:nth-child(odd) {
  margin-top: 190px;
}

.app-content .develop-box .develop-cont .cont-main .cont-list .list-box .list-item-box:nth-child(even)::before {
  top: auto;
  bottom: -10px;
}

.app-content .introduction-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.app-content .introduction-box .introduction-crumbs {
  width: 100%;
  display: flex;
  justify-content: center;
}

.app-content .introduction-box .introduction-crumbs .crumbs-box {
  width: var(--jq_w1480);
  justify-content: flex-start;
}

.app-content .introduction-box .introduction {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background: url("./images/about_bg.jpg") no-repeat center top;
  background-size: cover;
}

.app-content .introduction-box .introduction::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--jq_primary);
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.app-content .introduction-box .introduction .crumbs-basic {
  width: var(--jq_w1480);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}

.app-content .introduction-box .introduction .crumbs-basic .crumbs-box {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.app-content .introduction-box .introduction .crumbs-basic .crumbs-box .crumbs a {
  color: var(--jq_color7);
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 60px;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-title {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-title .t1 {
  font-size: 38px;
  color: var(--jq_color7);
  font-weight: bold;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-title .t2 {
  font-size: 38px;
  color: var(--jq_color7);
  font-weight: bold;
  margin-bottom: 40px;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-cont {
  width: 100%;
  font-size: var(--jq_fs4);
  color: var(--jq_color7);
  line-height: 32px;
  margin-bottom: 120px;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-cont p {
  text-indent: 2em;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-total {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 65px;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-total .total-item {
  width: 50%;
  padding-right: 20px;
  display: flex;
  margin-bottom: 55px;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-total .total-item .icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  top: 15px;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-total .total-item .text {
  padding-left: 20px;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-total .total-item .text .t1 {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_color7);
  display: flex;
  align-items: flex-start;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-total .total-item .text .t1 span {
  font-size: 22px;
  font-weight: normal;
  margin-left: 5px;
  margin-top: 10px;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-total .total-item .text .t2 {
  font-size: 18px;
  font-weight: normal;
  color: var(--jq_color7);
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-more {
  width: 100%;
  display: flex;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-more a {
  padding: 0 40px;
  padding-right: 80px;
  height: 50px;
  background: var(--jq_primary);
  color: var(--jq_color7);
  font-size: var(--jq_fs4);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  position: relative;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-more a .icon {
  width: 50px;
  height: 50px;
  background: var(--jq_primary);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  border: 2px solid var(--jq_color7);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-more a .icon i {
  font-size: var(--jq_fs5);
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-more a:hover {
  background: var(--jq_hover);
}

.app-content .introduction-box .introduction .crumbs-basic .basic-box .aboutus-more a:hover .icon {
  background: var(--jq_hover);
}

.app-content .introduction-box .authentication-box {
  width: 100%;
  display: flex;
  justify-content: center;
  background: var(--jq_color12);
}

.app-content .introduction-box .authentication-box .authentication {
  width: var(--jq_w1480);
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}

.app-content .introduction-box .authentication-box .authentication .title {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.app-content .introduction-box .authentication-box .authentication .title .max-title {
  width: 610px;
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_color2);
  flex-shrink: 0;
}

.app-content .introduction-box .authentication-box .authentication .title .min-text {
  width: calc(100% - 610px);
  font-size: var(--jq_fs4);
  color: var(--jq_color3);
  line-height: 28px;
  padding-left: 20px;
  text-indent: 2em;
}

.app-content .introduction-box .authentication-box .authentication .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item {
  width: calc(33.333333% - 20px);
  height: 540px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item .img {
  width: 100%;
  height: 100%;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item .bgs {
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--jq_primary);
  left: 0;
  top: 540px;
  opacity: 0.6;
  z-index: 1;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item .icon {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 2;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item .title {
  width: 100%;
  font-size: var(--jq_fs8);
  color: var(--jq_color7);
  font-weight: bold;
  padding: 0 40px;
  position: absolute;
  left: 0;
  top: 385px;
  z-index: 2;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item .cont {
  width: 100%;
  font-size: var(--jq_fs4);
  color: var(--jq_color7);
  padding: 0 40px;
  position: absolute;
  left: 0;
  top: 540px;
  z-index: 2;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item:hover .bgs {
  top: 0;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item:hover .title {
  top: 130px;
}

.app-content .introduction-box .authentication-box .authentication .list .list-item:hover .cont {
  top: 230px;
}

.app-content .introduction-box .service-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.app-content .introduction-box .service-box .service {
  width: var(--jq_w1480);
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}

.app-content .introduction-box .service-box .service .title {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.app-content .introduction-box .service-box .service .title .max-title {
  width: 100%;
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_color2);
  margin-bottom: 30px;
}

.app-content .introduction-box .service-box .service .title .min-text {
  width: 100%;
  font-size: var(--jq_fs4);
  color: var(--jq_color3);
  line-height: 28px;
  margin-bottom: 30px;
}

.app-content .introduction-box .service-box .service .title .min-text p {
  text-indent: 2em;
}

.app-content .introduction-box .service-box .service .cont {
  width: 100%;
  height: 600px;
  border: 1px solid var(--jq_color5);
  /* img {
            width: 100%;
          } */
}

.app-content .introduction-box .introduce-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.app-content .introduction-box .introduce-box .introduce {
  width: var(--jq_w1480);
  display: flex;
  padding: 60px 0;
}

.app-content .introduction-box .introduce-box .introduce .title {
  width: calc(100% - 680px);
  display: flex;
  flex-direction: column;
  padding-right: 30px;
}

.app-content .introduction-box .introduce-box .introduce .title .max-title {
  width: 100%;
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_color2);
  flex-shrink: 0;
  margin-bottom: 50px;
}

.app-content .introduction-box .introduce-box .introduce .title .min-text {
  width: 100%;
  font-size: var(--jq_fs4);
  color: var(--jq_color3);
  line-height: 32px;
}

.app-content .introduction-box .introduce-box .introduce .title .min-text .t-list {
  width: 100%;
  margin-bottom: 10px;
}

.app-content .introduction-box .introduce-box .introduce .title .min-text .t-list span {
  font-weight: bold;
}

.app-content .introduction-box .introduce-box .introduce .img {
  width: 680px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.app-content .introduction-box .introduce-box .introduce .img img {
  width: 100%;
}

.app-content .searchs-box {
  width: 100%;
  display: flex;
  justify-content: center;
  background: var(--jq_color12);
  padding-bottom: 60px;
}

.app-content .searchs-box .searchs {
  width: var(--jq_w1480);
  display: flex;
  flex-direction: column;
}

.app-content .searchs-box .searchs .crumbs-box {
  justify-content: flex-start;
}

.app-content .searchs-box .searchs .searchs-title {
  font-size: var(--jq_fs15);
  font-weight: bold;
  color: var(--jq_primary);
  margin: 30px 0;
}

.app-content .searchs-box .searchs .searchs-list {
  width: calc(100% + 20px);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: -10px;
}

.app-content .searchs-box .searchs .searchs-list .list-item {
  width: calc(100% / 4 - 20px);
  height: 488px;
  margin: 0 10px;
  margin-bottom: 20px;
  background: var(--jq_color7);
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}

.app-content .searchs-box .searchs .searchs-list .list-item .img {
  width: 100%;
  height: 248px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.app-content .searchs-box .searchs .searchs-list .list-item .img img {
  width: 100%;
}

.app-content .searchs-box .searchs .searchs-list .list-item .time-title-more {
  width: 100%;
  height: calc(100% - 248px);
  display: flex;
  flex-direction: column;
  padding: 30px;
  position: relative;
}

.app-content .searchs-box .searchs .searchs-list .list-item .time-title-more .time {
  font-size: var(--jq_fs6);
  color: var(--jq_color3);
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.app-content .searchs-box .searchs .searchs-list .list-item .time-title-more .time i {
  font-size: var(--jq_fs7);
  margin-right: 10px;
}

.app-content .searchs-box .searchs .searchs-list .list-item .time-title-more .title {
  font-size: var(--jq_fs8);
  color: var(--jq_color2);
}

.app-content .searchs-box .searchs .searchs-list .list-item .time-title-more .more {
  width: calc(100% - 60px);
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-top: 1px solid var(--jq_color5);
  position: absolute;
  bottom: 30px;
}

.app-content .searchs-box .searchs .searchs-list .list-item .time-title-more .more .text {
  font-size: var(--jq_fs4);
  color: var(--jq_color3);
}

.app-content .searchs-box .searchs .searchs-list .list-item .time-title-more .more .icon {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.app-content .searchs-box .searchs .searchs-list .list-item .time-title-more .more .icon i {
  font-size: var(--jq_fs4);
}

.app-content .searchs-box .searchs .searchs-list .list-item:hover .img img {
  transform: scale(1.15);
}

.app-content .searchs-box .searchs .searchs-list .list-item:hover .time-title-more {
  background: var(--jq_primary);
}

.app-content .searchs-box .searchs .searchs-list .list-item:hover .time-title-more .title {
  color: var(--jq_color7);
}

.app-content .searchs-box .searchs .searchs-list .list-item:hover .time-title-more .more .text {
  color: var(--jq_color7);
}

.app-content .searchs-box .searchs .searchs-list .list-item:hover .time-title-more .more .icon i {
  color: var(--jq_color7);
}

.application-app {
  background: var(--jq_color12);
}

.contactUs-app {
  background: var(--jq_color12) url("./images/contact_ban.jpg") no-repeat center top;
  background-size: 100% auto;
}

.hire-app {
  background: var(--jq_color12) url("./images/job_ban.jpg") no-repeat center top;
  background-size: 100% auto;
}

.develop-app {
  background: url("./images/deve_bg.jpg") no-repeat center top;
  background-size: over;
}

.cus_info_window {
  background: var(--jq_color1);
  padding: 10px;
  color: var(--jq_color10);
  font-size: var(--jq_fs3);
}

.wordContent {
  width: var(--jq_w1480);
}

.wordContent img {
  width: 100%;
}