@charset "UTF-8";
@import url("iconfont/iconfont.css");
@font-face {
  font-family: "syh";
  src: url("../font/SourceHanSansCN-Medium.otf");
}
@font-face {
  font-family: "syh-bold";
  src: url("../font/SourceHanSansCN-Bold.otf");
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: syh, Arial !important;
  margin: 0 auto;
  font-size: 16px;
}

.content-bottom a, .content-bottom p, .content-bottom span, .content-bottom div, .content-bottom h1, .content-bottom h2, .content-bottom h3, .content-bottom h4, .content-bottom h5, .content-bottom h6 {
  font-family: syh, Arial !important;
}

textarea {
  font-family: syh, Arial !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: syh-bold, Arial !important;
}

body li {
  list-style: none;
}

table {
  border-collapse: collapse;
}

table, tr, td, tbody {
  border-style: none;
  margin: 0;
  padding: 0;
}

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

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

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

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

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

.center {
  text-align: center;
}

/****************************************************************************
 * 全局样式
 */
.mt-0 {
  margin-top: 0px;
}

.mt-2 {
  margin-top: 2px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-6 {
  margin-top: 6px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-17 {
  margin-top: 17px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-14 {
  margin-top: 14px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-22 {
  margin-top: 22px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-34 {
  margin-top: 34px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-38 {
  margin-top: 38px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-44 {
  margin-top: 44px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-53 {
  margin-top: 53px;
}

.mt-54 {
  margin-top: 54px;
}

.mt-58 {
  margin-top: 58px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-66 {
  margin-top: 66px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-72 {
  margin-top: 72px;
}

.mt-74 {
  margin-top: 74px;
}

.mt-78 {
  margin-top: 78px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-96 {
  margin-top: 96px;
}

.mt-112 {
  margin-top: 112px;
}

.mt-130 {
  margin-top: 130px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-66 {
  margin-bottom: 66px;
}

.mb-54 {
  margin-bottom: 54px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-18 {
  margin-left: 18px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-65 {
  margin-left: 65px;
}

.mr-6 {
  margin-right: 6px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-25 {
  margin-right: 25px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-14 {
  padding-top: 14px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-18 {
  padding-top: 18px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-24 {
  padding-top: 24px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-28 {
  padding-top: 28px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-34 {
  padding-top: 34px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-37 {
  padding-top: 37px;
}

.pt-38 {
  padding-top: 38px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-42 {
  padding-top: 42px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-56 {
  padding-top: 56px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-66 {
  padding-top: 66px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-130 {
  padding-top: 130px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-47 {
  padding-bottom: 47px;
}

.pb-66 {
  padding-bottom: 66px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-16 {
  padding-left: 16px;
}

.pl-18 {
  padding-left: 18px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-43 {
  padding-left: 43px;
}

.pl-65 {
  padding-left: 65px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-24 {
  padding-right: 24px;
}

.pr-65 {
  padding-right: 65px;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-24 {
  font-size: 24px;
}

.fs-28 {
  font-size: 28px;
}

.fs-30 {
  font-size: 30px;
}

.fs-32 {
  font-size: 32px;
}

.fs-36 {
  font-size: 36px;
}

.fs-44 {
  font-size: 44px;
}

.fs-48 {
  font-size: 48px;
}

.fs-60 {
  font-size: 60px;
}

.lh-12 {
  line-height: 12px;
}

.lh-14 {
  line-height: 14px;
}

.lh-16 {
  line-height: 16px;
}

.lh-18 {
  line-height: 18px;
}

.lh-20 {
  line-height: 20px;
}

.lh-21 {
  line-height: 21px;
}

.lh-24 {
  line-height: 24px;
}

.lh-25 {
  line-height: 25px;
}

.lh-30 {
  line-height: 30px;
}

.lh-32 {
  line-height: 32px;
}

.lh-36 {
  line-height: 36px;
}

.lh-48 {
  line-height: 48px;
}

.lh-60 {
  line-height: 60px;
}

:root {
  --white-color:#FFFFFF;
  --text-color:#000000;
  --text-color-one:#A6A6A6;
  --text-color-two:#999999 ;
}

.Gradient-font-color {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.whiter-color {
  color: var(--white-color);
}

body {
  color: var(--text-color);
}

.container {
  min-width: 72.9%;
  max-width: 72.9%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  padding-left: 0;
}

.section {
  position: relative;
}

.button {
  border-radius: 0 25px 25px 25px;
  background: linear-gradient(270deg, #F50000 0%, #FA741B 100%);
  color: #FFFFFF;
  line-height: 40px;
  padding: 5px 26px;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  transition: all 0.1s;
}
.button .iconfont {
  margin-left: 14px;
}

.button-color {
  background: var(--white-color);
  color: #B50001;
  transition: all 0.3s;
}
.button-color:hover {
  background: linear-gradient(270deg, #F50000 0%, #FA741B 100%);
  color: #FFFFFF;
  transition: all 0.3s;
}

.button-box {
  position: relative;
  z-index: 100;
  margin-top: 80px;
}
.button-box .button {
  display: inline-block;
}
@media (max-width: 1536px) {
  .button-box {
    margin-top: 40px;
  }
}

.mouse {
  width: 26px;
  height: 40px;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  z-index: 1000;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
}
.mouse .huadong {
  width: 100px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
  color: var(--white-color);
  z-index: 1000;
  text-align: center;
}

.mouse .roll {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 8px;
  border-radius: 2px;
  background: #F70000;
  -webkit-animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
  animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
  z-index: 2;
}

.mouse .rollshadow {
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 8px;
  background: var(--whiter-color);
  border-radius: 2px;
  -webkit-animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
  animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
  -webkit-animation-delay: 80ms;
  animation-delay: 80ms;
  z-index: 1;
}

.nav {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.nav > div {
  height: 90px;
}
.nav .logo {
  width: 148px;
  height: 50px;
}
.nav .logo img {
  width: 100%;
}
.nav .logo-1 {
  display: none;
}
.nav .nav-pc {
  font-size: 14px;
  width: calc(100% - 249px);
  height: 100%;
}
@media (max-width: 1536px) {
  .nav .nav-pc {
    width: calc(100% - 180px);
  }
}
.nav .nav-pc > div:first-child {
  height: 100%;
}
.nav .nav-pc > div:first-child > div {
  height: 100%;
  position: relative;
}
.nav .nav-pc > div:first-child > div .nav-hide-list {
  display: none;
  position: absolute;
  background-color: var(--white-color);
  width: 160px;
  text-align: center;
  border-radius: 10px;
  box-shadow: -1px 7px 18px rgba(0, 0, 0, 0.25);
  padding: 20px 10px;
  top: 91px;
  left: 50%;
  transform: translateX(-50%);
  margin-right: 90px;
}
.nav .nav-pc > div:first-child > div .nav-hide-list a {
  display: block;
  color: #808080;
  transition: all 0.5s ease;
}
.nav .nav-pc > div:first-child > div .nav-hide-list a:not(:first-child) {
  margin-top: 20px;
}
.nav .nav-pc > div:first-child > div .nav-hide-list a:hover {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease;
}
.nav .nav-pc .nav-li {
  height: 100%;
  display: flex;
  align-items: center;
  flex: 1;
  color: #FFFFFF;
  margin-right: 26px;
  margin-left: 26px;
  position: relative;
  transition: all 0.5s ease;
}
@media (max-width: 1800px) {
  .nav .nav-pc .nav-li {
    margin-right: 18px;
    margin-left: 18px;
  }
}
@media (max-width: 1536px) {
  .nav .nav-pc .nav-li {
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media (max-width: 1300px) {
  .nav .nav-pc .nav-li {
    margin-right: 4px;
    margin-left: 4px;
  }
}
.nav .nav-pc .nav-li::after {
  content: "";
  width: 0;
  height: 3px;
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s ease;
}
.nav .nav-pc .nav-li-active,
.nav .nav-pc .nav-li:hover {
  font-weight: 700;
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease;
}
.nav .nav-pc .nav-li-active::after,
.nav .nav-pc .nav-li:hover::after {
  padding: 0 50%;
  transition: all 0.5s ease;
}
.nav .sousu {
  background-color: #FFFFFF;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.nav .sousu .iconfont {
  color: #808080;
  font-size: 22px;
}
.nav .Language {
  background-color: #FFFFFF;
  border-radius: 24px;
  padding: 8px;
  margin-left: 20px;
  color: #808080;
  cursor: pointer;
  position: relative;
}
.nav .Language .icon-a-lujing13 {
  font-size: 24px;
  margin-right: 8px;
}
.nav .Language .icon-a-sanjiaoxing1 {
  font-size: 14px;
  margin-left: 16px;
}
.nav .Language .nav-hide-list {
  display: none;
  position: absolute;
  background-color: var(--white-color);
  width: 160px;
  text-align: center;
  border-radius: 10px;
  box-shadow: -1px 7px 18px rgba(0, 0, 0, 0.25);
  padding: 20px 0;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
}
.nav .Language .nav-hide-list a {
  display: block;
  color: #808080;
  transition: all 0.5s ease;
}
.nav .Language .nav-hide-list a:not(:first-child) {
  margin-top: 20px;
}
.nav .Language .nav-hide-list a:hover {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease;
}
.nav .icon-box .iconfont {
  color: var(--white-color);
  font-size: 36px;
}

.dl, .nav-list-moblie {
  display: none;
}

.nav-list-moblie {
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
  background-color: var(--white-color);
  padding: 10px;
}
.nav-list-moblie .next-list {
  width: 100%;
  display: none;
  padding-left: 20px;
}
.nav-list-moblie .next-list .nav-li {
  margin-top: 20px;
}
.nav-list-moblie .nav-li-item {
  margin-bottom: 20px;
}
.nav-list-moblie .nav-li-item .nav-li {
  display: flex;
  justify-content: space-between;
}

.nav-active, .inside-nav-active {
  border-bottom: 1px solid #E5E5E5;
}
.nav-active .logo-1, .inside-nav-active .logo-1 {
  display: block;
}
.nav-active .logo-2, .inside-nav-active .logo-2 {
  display: none;
}
.nav-active .nav-pc .nav-li, .inside-nav-active .nav-pc .nav-li {
  color: #808080;
}
.nav-active .sousu, .nav-active .Language, .inside-nav-active .sousu, .inside-nav-active .Language {
  background-color: #808080;
  color: #FFFFFF;
}
.nav-active .sousu .iconfont, .nav-active .Language .iconfont, .inside-nav-active .sousu .iconfont, .inside-nav-active .Language .iconfont {
  color: #FFFFFF;
}
.nav-active .icon-box .iconfont, .inside-nav-active .icon-box .iconfont {
  color: #808080;
}

.inside-nav-active {
  background-color: var(--white-color);
}

.home-banner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.home-banner .banner-swiper {
  width: 100%;
  height: 100%;
}
.home-banner .banner-swiper .swiper-button-next, .home-banner .banner-swiper .swiper-button-prev {
  background: #CCCCCC;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
  transition: all 0.5s ease;
}
.home-banner .banner-swiper .swiper-button-next::after, .home-banner .banner-swiper .swiper-button-prev::after {
  display: none;
}
.home-banner .banner-swiper .swiper-button-next .iconfont, .home-banner .banner-swiper .swiper-button-prev .iconfont {
  font-size: 12px;
}
.home-banner .banner-swiper .swiper-button-next.swiper-button-disabled, .home-banner .banner-swiper .swiper-button-prev.swiper-button-disabled {
  background: #CCCCCC;
  opacity: 1;
}
.home-banner .banner-swiper .swiper-button-next:hover, .home-banner .banner-swiper .swiper-button-prev:hover {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  transition: all 0.5s ease;
}
.home-banner .banner-swiper .swiper-button-next {
  right: 5%;
}
.home-banner .banner-swiper .swiper-button-prev {
  left: 5%;
}
.home-banner .banner-swiper .swiper-slide {
  position: relative;
}
.home-banner .banner-swiper .swiper-slide img,
.home-banner .banner-swiper .swiper-slide video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.home-banner .banner-swiper .swiper-slide .banner-word {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  color: #fff;
}
@media (max-width: 992px) {
  .home-banner .banner-swiper .swiper-slide .banner-word {
    text-align: center;
  }
}
.home-banner .banner-swiper .swiper-slide .banner-word .title {
  width: 71.12%;
  font-size: 60px;
  font-weight: bold;
  transform: translateY(-50%);
  opacity: 0;
  line-height: 68px;
  transition: all 0.8s ease 0.5s;
}
@media (max-width: 1600px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .title {
    font-size: 48px;
    line-height: 52px;
  }
}
@media (max-width: 1460px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 1200px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .title {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (max-width: 992px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .title {
    width: 100%;
    font-size: 30px;
    line-height: 34px;
  }
}
@media (max-width: 768px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .title {
    font-size: 24px;
    line-height: 30px;
  }
}
.home-banner .banner-swiper .swiper-slide .banner-word .subtitle {
  transition: all 1s ease 0.5s;
  transform: translateY(-80%);
  opacity: 0;
  font-size: 36px;
}
@media (max-width: 1600px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .subtitle {
    font-size: 28px;
  }
}
@media (max-width: 1460px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .subtitle {
    font-size: 26px;
  }
}
@media (max-width: 1200px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .subtitle {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .subtitle {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .subtitle {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .subtitle {
    font-size: 18px;
  }
}
.home-banner .banner-swiper .swiper-slide .banner-word .button {
  position: relative;
  z-index: 10000;
  transform: translateY(-90%);
  opacity: 0;
  transition: all 0.6s ease 0.4s;
  max-width: 180px;
  margin-top: 74px;
}
@media (max-width: 992px) {
  .home-banner .banner-swiper .swiper-slide .banner-word .button {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
}
.home-banner .banner-swiper .swiper-slide.swiper-slide-active .banner-word .title {
  transform: translateY(0);
  opacity: 1;
}
.home-banner .banner-swiper .swiper-slide.swiper-slide-active .banner-word .subtitle {
  transform: translateY(0);
  opacity: 1;
}
.home-banner .banner-swiper .swiper-slide.swiper-slide-active .banner-word .button {
  transform: translateY(0);
  opacity: 1;
}
.home-banner .banner-swiper .swiper-pagination {
  width: 84px;
  height: 4px;
  bottom: 50px;
  top: initial;
  left: initial;
  right: 13.55%;
}
@media (max-width: 576px) {
  .home-banner .banner-swiper .swiper-pagination {
    right: 30px;
    bottom: 20px;
  }
}
.home-banner .banner-swiper .swiper-pagination-progressbar {
  background: rgba(255, 255, 255, 0.3);
}
.home-banner .banner-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
.home-banner .banner-swiper .Current {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  bottom: 38px;
  z-index: 1000;
  right: calc(13.55% + 90px);
}
@media (max-width: 576px) {
  .home-banner .banner-swiper .Current {
    right: 120px;
    bottom: 10px;
  }
}
.home-banner .banner-swiper .MasterPage {
  color: rgba(255, 255, 255, 0.3);
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  z-index: 1000;
  bottom: 44px;
  right: calc(13.55% - 20px);
}
@media (max-width: 576px) {
  .home-banner .banner-swiper .MasterPage {
    right: 10px;
    bottom: 15px;
  }
}
.home-banner .mouse-shell {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 250px;
  bottom: -30px;
  z-index: 100;
}
@media (max-width: 1460px) {
  .home-banner .mouse-shell {
    left: 150px;
  }
}
@media (max-width: 992px) {
  .home-banner .mouse-shell {
    display: none;
  }
}
.home-banner .mouse-shell::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-top-left-radius: 20px;
  transform: rotate(45deg);
}
.home-banner .mouse-shell .mouse {
  width: 15px;
  height: 20px;
  border-radius: 15px;
  border: 1px solid #7a2c8c;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
}
.home-banner .mouse-shell .mouse::before, .home-banner .mouse-shell .mouse::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  margin-left: -1px;
  transform: translateX(-50%);
  width: 2px;
  height: 4px;
  border-radius: 4px;
  background-color: #7a2c8c;
  -webkit-animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
  animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
  z-index: 2;
}
.home-banner .mouse-shell .mouse:after {
  background-color: #e60012;
  -webkit-animation-delay: 80ms;
  animation-delay: 80ms;
  z-index: 1;
}
@-webkit-keyframes mouseScroll {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(8px);
  }
}
@keyframes mouseScroll {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(8px);
  }
}

.inside-banner {
  width: 100%;
  position: relative;
}
.inside-banner img,
.inside-banner video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 350px;
}
.inside-banner .banner-word {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
@media (max-width: 992px) {
  .inside-banner .banner-word {
    text-align: center;
  }
}
.inside-banner .banner-word .title {
  transition: all 0.8s ease 0.5s;
  transform: translateY(-80%);
  opacity: 0;
  width: 71.12%;
  font-size: 72px;
  margin-top: 10px;
  font-weight: bold;
  line-height: 108px;
}
@media (max-width: 1600px) {
  .inside-banner .banner-word .title {
    font-size: 60px;
    line-height: 72px;
  }
}
@media (max-width: 1460px) {
  .inside-banner .banner-word .title {
    font-size: 50px;
    line-height: 64px;
  }
}
@media (max-width: 1200px) {
  .inside-banner .banner-word .title {
    font-size: 46px;
    line-height: 60px;
  }
}
@media (max-width: 992px) {
  .inside-banner .banner-word .title {
    width: 100%;
    font-size: 38px;
    line-height: 50px;
  }
}
@media (max-width: 768px) {
  .inside-banner .banner-word .title {
    font-size: 30px;
    line-height: 42px;
  }
}
@media (max-width: 576px) {
  .inside-banner .banner-word .title {
    font-size: 26px;
    line-height: 36px;
  }
}
.inside-banner .banner-word .subtitle {
  font-size: 36px;
  line-height: 42px;
}
@media (max-width: 1600px) {
  .inside-banner .banner-word .subtitle {
    font-size: 28px;
  }
}
@media (max-width: 1460px) {
  .inside-banner .banner-word .subtitle {
    font-size: 26px;
  }
}
@media (max-width: 1200px) {
  .inside-banner .banner-word .subtitle {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .inside-banner .banner-word .subtitle {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .inside-banner .banner-word .subtitle {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .inside-banner .banner-word .subtitle {
    font-size: 18px;
  }
}
.inside-banner .banner-word .title {
  transform: translateY(0);
  opacity: 1;
}
.inside-banner .banner-word .subtitle {
  transform: translateY(0);
  opacity: 1;
}
.inside-banner .banner-word .button {
  transform: translateY(0);
  opacity: 1;
}
.inside-banner .about-module {
  position: absolute;
  bottom: 46px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 992px) {
  .inside-banner .about-module {
    bottom: 10px;
  }
}
.inside-banner .about-module a {
  display: block;
  margin-right: 64px;
  font-size: 24px;
  color: #FFFFFF;
  position: relative;
  line-height: 30px;
  padding-bottom: 20px;
}
@media (max-width: 1536px) {
  .inside-banner .about-module a {
    margin-right: 40px;
  }
}
@media (max-width: 992px) {
  .inside-banner .about-module a {
    margin-right: 20px;
    font-size: 16px;
    padding-bottom: 10px;
  }
}
.inside-banner .about-module a::after {
  content: "";
  width: 0px;
  height: 4px;
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.5s ease;
}
.inside-banner .about-module .li-active, .inside-banner .about-module a:hover {
  font-weight: 700;
}
.inside-banner .about-module .li-active::after, .inside-banner .about-module a:hover::after {
  content: "";
  width: 53px;
  transition: all 0.5s ease;
}

.home-product {
  width: 100%;
  position: relative;
}
.home-product .button-active {
  display: none;
}
@media (max-width: 768px) {
  .home-product {
    padding-top: 80px;
  }
  .home-product .button {
    display: none;
  }
  .home-product .button-active {
    display: block;
    position: absolute;
    top: 80px;
    right: 10px;
    z-index: 100;
  }
}
.home-product .proudctr-swiper .swiper-slide {
  padding-top: 53px;
  position: relative;
  z-index: 100;
}
.home-product .proudctr-swiper .swiper-slide h6 {
  background: linear-gradient(45deg, rgb(174, 0, 1), rgb(255, 0, 0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1536px) {
  .home-product .proudctr-swiper .swiper-slide {
    padding-top: 10px;
  }
}
@media (max-width: 992px) {
  .home-product .proudctr-swiper .swiper-slide {
    padding-top: 0;
  }
}
.home-product .left-box {
  width: 38.78%;
  position: relative;
}
.home-product .left-box .proudct-content-item p:first-child {
  font-size: 36px;
  color: transparent;
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27) 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 60px;
}
@media (max-width: 1536px) {
  .home-product .left-box .proudct-content-item p:first-child {
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .home-product .left-box .proudct-content-item p:first-child {
    font-size: 30px;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .home-product .left-box .proudct-content-item p:first-child {
    margin-top: 10px;
  }
}
.home-product .left-box .proudct-content-item p:last-child {
  color: #808080;
  margin-top: 18px;
  line-height: 25px;
}
@media (max-width: 768px) {
  .home-product .left-box .proudct-content-item p:last-child {
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
.home-product .left-box .icon-box {
  margin-top: 43px;
}
.home-product .left-box .icon-box div {
  margin-right: 34px;
}
@media (max-width: 768px) {
  .home-product .left-box {
    width: 100%;
  }
}
.home-product .right-box {
  width: 56.07%;
  position: relative;
}
.home-product .right-box a {
  padding-bottom: 68px;
  width: 100%;
  display: block;
  background-color: #F0F0F2;
  border-radius: 0px 0px 0px 80px;
  position: relative;
}
.home-product .right-box a::after {
  content: "";
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, rgb(174, 0, 1) 0%, rgb(255, 0, 0) 99.87%);
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .home-product .right-box a {
    padding-bottom: 20px;
  }
}
.home-product .right-box a h1 {
  padding-top: 65px;
  padding-left: 20px;
  color: var(--white-color);
  font-size: 200px;
  line-height: 234px;
  font-family: syh-bold;
}
@media (max-width: 1536px) {
  .home-product .right-box a h1 {
    padding-top: 5px;
  }
}
@media (max-width: 768px) {
  .home-product .right-box a h1 {
    font-size: 100px;
    line-height: 170px;
    padding-top: 25px;
    padding-left: 16px;
  }
}
.home-product .right-box::before {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgb(174, 0, 1) 0%, rgb(255, 0, 0) 99.87%);
}
.home-product .right-box .product-img {
  width: 70%;
  position: absolute;
  top: 4px;
  right: 0;
}
@media (max-width: 1600px) {
  .home-product .right-box .product-img {
    width: 60%;
  }
}
.home-product .right-box .more {
  color: #808080;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .home-product .right-box .more {
    position: absolute;
    bottom: 20px;
    right: 10px;
  }
}
.home-product .right-box p {
  padding-left: 43px;
}
@media (max-width: 768px) {
  .home-product .right-box p {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .home-product .right-box {
    width: 100%;
    margin-top: 20px;
  }
}
.home-product .swiper-button {
  display: flex;
  -moz-column-gap: 34px;
  column-gap: 34px;
}
@media (max-width: 768px) {
  .home-product .swiper-button {
    position: absolute;
    right: 10px;
    top: 50px;
    z-index: 100;
  }
}
.home-product .swiper-button-next, .home-product .swiper-button-prev {
  margin-top: 40px;
  position: static;
  background: #CCCCCC;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
  transition: all 0.5s ease;
}
.home-product .swiper-button-next::after, .home-product .swiper-button-prev::after {
  display: none;
}
.home-product .swiper-button-next .iconfont, .home-product .swiper-button-prev .iconfont {
  font-size: 12px;
}
@media (max-width: 992px) {
  .home-product .swiper-button-next, .home-product .swiper-button-prev {
    margin-top: 20px;
  }
}
.home-product .swiper-button-next.swiper-button-disabled, .home-product .swiper-button-prev.swiper-button-disabled {
  background: #CCCCCC;
  opacity: 1;
}
.home-product .swiper-button-next:hover, .home-product .swiper-button-prev:hover {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  transition: all 0.5s ease;
}
.home-product .proudct-sort {
  margin-top: 72px;
  width: 100%;
  position: relative;
  z-index: 1000;
}
@media (max-width: 1536px) {
  .home-product .proudct-sort {
    margin-top: 42px;
  }
}
@media (max-width: 992px) {
  .home-product .proudct-sort {
    margin-top: 22px;
  }
}
.home-product .proudct-sort .sortSwiper {
  width: 75%;
  margin-right: 0;
  text-align: left;
  font-size: 24px;
  color: rgb(166, 166, 166);
}
@media (max-width: 1536px) {
  .home-product .proudct-sort .sortSwiper {
    width: 78%;
  }
}
@media (max-width: 768px) {
  .home-product .proudct-sort .sortSwiper {
    width: 100%;
    margin-top: 20px;
  }
}
.home-product .proudct-sort .sortSwiper .swiper-slide {
  cursor: pointer;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .home-product .proudct-sort .sortSwiper .swiper-slide {
    padding-top: 10px;
  }
}
@media (max-width: 768px) {
  .home-product .proudct-sort .sortSwiper .swiper-slide {
    font-size: 14px;
  }
}
.home-product .proudct-sort .sortSwiper .swiper-slide > span span {
  display: none;
}
.home-product .proudct-sort .sortSwiper .swiper-slide-thumb-active {
  color: #000000;
}
.home-product .proudct-sort .sortSwiper .swiper-slide-thumb-active > span {
  position: relative;
}
.home-product .proudct-sort .sortSwiper .swiper-slide-thumb-active > span span {
  display: block;
  font-size: 48px;
  line-height: 48px;
  font-weight: 900;
  color: rgba(254, 0, 0, 0.14);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 768px) {
  .home-product .proudct-sort .sortSwiper .swiper-slide-thumb-active > span span {
    font-size: 32px;
    line-height: 32px;
  }
}
@media (max-width: 992px) {
  .home-product .proudct-sort .sortSwiper {
    font-size: 18px;
  }
}

.Equipment-display, .home-product, .Approached-HSBC, .HF-news {
  min-height: 90%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.Approached-HSBC .backimg, .home-product .backimg, .Equipment-display .backimg, .inside-product .backimg, .HF-news .backimg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.Approached-HSBC {
  position: relative;
  width: 100%;
  height: 100vh;
}
.Approached-HSBC .backimg {
  border-radius: 0 80px 0 0;
}
.Approached-HSBC .HSBC-content {
  position: relative;
  z-index: 100;
  padding-top: 50px;
}
@media (max-width: 1536px) {
  .Approached-HSBC .HSBC-content {
    padding-top: 10px;
  }
}
.Approached-HSBC .HSBC-content .left-box {
  width: 55.71%;
  color: var(--white-color);
}
@media (max-width: 1800px) {
  .Approached-HSBC .HSBC-content .left-box {
    width: 65%;
  }
}
@media (max-width: 1536px) {
  .Approached-HSBC .HSBC-content .left-box {
    width: 75%;
  }
}
@media (max-width: 1200px) {
  .Approached-HSBC .HSBC-content .left-box {
    width: 85%;
  }
}
@media (max-width: 992px) {
  .Approached-HSBC .HSBC-content .left-box {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .Approached-HSBC .HSBC-content .left-box {
    width: 100%;
  }
}
.Approached-HSBC .HSBC-content .left-box .intro {
  margin-top: 68px;
  line-height: 25px;
  max-height: 200px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}
@media (max-width: 1600px) {
  .Approached-HSBC .HSBC-content .left-box .intro {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
  }
}
@media (max-width: 1300px) {
  .Approached-HSBC .HSBC-content .left-box .intro {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
}
@media (max-width: 992px) {
  .Approached-HSBC .HSBC-content .left-box .intro {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    margin-top: 20px;
    line-height: 20px;
  }
}
.Approached-HSBC .HSBC-content .left-box .Company {
  margin-top: 60px;
}
@media (max-width: 1536px) {
  .Approached-HSBC .HSBC-content .left-box .Company {
    margin-top: 20px;
  }
}
.Approached-HSBC .HSBC-content .left-box .Company-item {
  width: calc(33.3333333333% - 26.6666666667px);
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0px 20px, 20px, 20px;
  padding: 13px 20px 30px 20px;
  border-radius: 20px 20px 0px 20px;
  color: var(--white-color);
  transition: all 0.5s ease;
  position: relative;
}
@media (max-width: 768px) {
  .Approached-HSBC .HSBC-content .left-box .Company-item {
    padding: 10px;
  }
}
.Approached-HSBC .HSBC-content .left-box .Company-item h1 {
  font-size: 48px;
}
@media (max-width: 992px) {
  .Approached-HSBC .HSBC-content .left-box .Company-item h1 {
    font-size: 36px;
  }
}
@media (max-width: 576px) {
  .Approached-HSBC .HSBC-content .left-box .Company-item h1 {
    font-size: 24px;
  }
}
.Approached-HSBC .HSBC-content .left-box .Company-item span {
  display: inline-block;
  line-height: 70px;
  font-size: 14px;
  position: relative;
  z-index: 101;
}
@media (max-width: 992px) {
  .Approached-HSBC .HSBC-content .left-box .Company-item span {
    line-height: 30px;
    font-size: 12px;
  }
}
.Approached-HSBC .HSBC-content .left-box .Company-item p {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  position: relative;
  z-index: 101;
}
@media (max-width: 1320px) {
  .Approached-HSBC .HSBC-content .left-box .Company-item p {
    margin-top: 0px;
  }
}
.Approached-HSBC .HSBC-content .left-box .Company-item .hover-img {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 90px;
  height: 78px;
}
.Approached-HSBC .HSBC-content .left-box .Company-item:hover {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  transition: all 0.5s ease;
  border-style: none;
}
.Approached-HSBC .HSBC-content .left-box .Company-item:hover .hover-img {
  display: block;
  z-index: 100;
}
.Approached-HSBC .HSBC-content .right-box {
  width: 80%;
  position: absolute;
  right: 0;
}
@media (max-width: 768px) {
  .Approached-HSBC .HSBC-content .right-box {
    width: 100%;
    position: static;
  }
}
.Approached-HSBC .HSBC-content .right-box h1 {
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
  font-size: 200px;
  text-align: right;
}
@media (max-width: 768px) {
  .Approached-HSBC .HSBC-content .right-box h1 {
    font-size: 100px;
  }
}
@media (max-width: 576px) {
  .Approached-HSBC .HSBC-content .right-box h1 {
    font-size: 50px;
    text-align: center;
    margin-top: 20px;
  }
}

.Equipment-display .Equipment-display-content {
  position: relative;
  z-index: 100;
}
@media (max-width: 1536px) {
  .Equipment-display .Equipment-display-content {
    padding-top: 10px;
  }
}
.Equipment-display .Equipment-display-content h6 {
  background: linear-gradient(45deg, rgb(174, 0, 1), rgb(255, 0, 0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide {
  display: flex;
  align-items: center;
  color: #A6A6A6;
  font-size: 24px;
  cursor: pointer;
  position: relative;
  transition: all 0.5s ease;
}
@media (max-width: 1600px) {
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide {
    font-size: 14px;
  }
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide span:first-child {
  margin-right: 16px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #BABABA;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide span:first-child .iconfont {
  color: var(--white-color);
  font-size: 16px;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide span:first-child i {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #BABABA;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide span:first-child img {
  width: 15px;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide span:first-child .img-1 {
  display: none;
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide span:first-child {
    display: none;
  }
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide p:last-child {
  width: calc(100% - 60px);
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide::after {
  content: "";
  width: 0;
  height: 4px;
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.5s ease;
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide::after {
    display: none;
  }
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover {
  color: #000000;
  transition: all 0.5s ease;
  padding-left: 100px;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span, .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span:first-child,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span:first-child {
  background: linear-gradient(90deg, #AE0001 0%, #FF0000 99.87%);
  position: relative;
  transition: all 0.5s ease;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span i, .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span:first-child i,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span i,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span:first-child i {
  background-color: #FFFFFF;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span .img-1, .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span:first-child .img-1,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span .img-1,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span:first-child .img-1 {
  display: block;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span .img-2, .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span:first-child .img-2,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span .img-2,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span:first-child .img-2 {
  display: none;
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span .iconfont, .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span:first-child .iconfont,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span .iconfont,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span:first-child .iconfont {
  background-color: var(--white-color);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #B30203;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.5s ease;
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span, .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active span:first-child,
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span,
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover span:first-child {
    display: none;
  }
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active,
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover {
    padding-left: 0px;
  }
}
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active::after,
.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover::after {
  width: 96px;
  transition: all 0.5s ease;
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide-thumb-active::after,
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide:hover::after {
    display: none;
  }
}
.Equipment-display .Equipment-display-content .left-box {
  width: 30%;
  height: 500px;
  position: relative;
  z-index: 100;
}
.Equipment-display .Equipment-display-content .left-box .equipmentThumbSwiper {
  height: calc(100% - 60px);
}
@media (max-width: 1536px) {
  .Equipment-display .Equipment-display-content .left-box {
    height: 420px;
  }
  .Equipment-display .Equipment-display-content .left-box .button {
    margin-top: 10px !important;
  }
}
@media (max-width: 1320px) {
  .Equipment-display .Equipment-display-content .left-box .equipmentThumbSwiper {
    height: calc(100% - 200px);
  }
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .left-box {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .Equipment-display .Equipment-display-content .left-box .button {
    margin-top: 20px !important;
  }
}
.Equipment-display .Equipment-display-content .right-box {
  width: 70%;
  position: relative;
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .right-box {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }
}
.Equipment-display .Equipment-display-content .right-box .equipmentSwiper {
  width: 100%;
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .right-box .equipmentSwiper {
    -top: 30px;
    margin-left: 0 !important;
  }
}
.Equipment-display .Equipment-display-content .right-box .equipmentSwiper .swiper-slide {
  height: auto;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active {
  width: 340px;
  height: 258px;
  border-radius: 20px 20px 0px 20px;
  background-size: cover !important;
  background-position: center !important;
  position: absolute;
  left: 0;
  bottom: 44px;
  z-index: 1000;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button {
  position: absolute;
  bottom: 0px;
  right: -30px;
  display: flex;
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button {
    right: 0px;
  }
}
.Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button .swiper-button-prev, .Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button .swiper-button-next {
  position: static;
  width: 30px;
  height: 30px;
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  font-size: 14px;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button .swiper-button-prev::after, .Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button .swiper-button-next::after {
  font-size: 14px;
  color: var(--white-color);
}
.Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button .swiper-button-prev {
  border-radius: 10px 0 0 0;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button .swiper-button-next {
  border-radius: 0 0 10px 0;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button .swiper-button-disabled {
  background: var(--white-color);
  opacity: 1;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-button .swiper-button-disabled::after {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-active-content {
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 0px 20px;
  background: linear-gradient(180deg, rgba(245, 0, 0, 0.7) 0%, rgba(250, 116, 27, 0.7) 100%);
  padding: 23px 14px;
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .right-box .swiper-active .swiper-active-content {
    border-radius: 20px;
  }
}
.Equipment-display .Equipment-display-content .right-box .swiper-active span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: rgb(243, 0, 0);
  background-color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active span img {
  width: 15px;
  height: auto;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active p {
  margin-top: 13px;
  color: var(--white-color);
  position: relative;
}
.Equipment-display .Equipment-display-content .right-box .swiper-active p::after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -50px;
  left: 0;
  z-index: 1001;
  background-color: var(--white-color);
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .right-box .swiper-active p::after {
    display: none;
  }
}
@media (max-width: 1536px) {
  .Equipment-display .Equipment-display-content .right-box .swiper-active {
    width: 300px;
    height: 200px;
  }
  .Equipment-display .Equipment-display-content .right-box .swiper-active p {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  .Equipment-display .Equipment-display-content .right-box .swiper-active {
    bottom: -100px;
    height: auto;
    width: 100%;
    border-radius: 20px;
  }
}
.Equipment-display .Equipment-display-content .right-box .swiper-slide-active img {
  border-radius: 80px 0 0 0;
}
.Equipment-display .Equipment-display-content .right-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.inside-product {
  width: 100%;
  position: relative;
  padding-bottom: 30px;
}
.inside-product .terxt-border {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  font-size: 200px;
  color: var(--white-color);
  -webkit-text-stroke: 1px rgba(255, 0, 0, 0.1);
}
@media (max-width: 1536px) {
  .inside-product .terxt-border {
    font-size: 150px;
  }
}
@media (max-width: 1200px) {
  .inside-product .terxt-border {
    font-size: 120px;
  }
}
@media (max-width: 992px) {
  .inside-product .terxt-border {
    font-size: 80px;
  }
}
@media (max-width: 576px) {
  .inside-product .terxt-border {
    font-size: 60px;
    text-align: center;
  }
}
.inside-product .left-back {
  position: absolute;
  left: 0;
  top: 43px;
  width: 15%;
}
@media (max-width: 992px) {
  .inside-product .left-back {
    display: none;
  }
}
.inside-product .right-back {
  position: absolute;
  right: 0;
  bottom: 95px;
  width: 15%;
}
@media (max-width: 992px) {
  .inside-product .right-back {
    display: none;
  }
}
.inside-product .product-list {
  position: relative;
  z-index: 100;
}
.inside-product .product-list ul a {
  display: block;
  margin-right: 40px;
  font-size: 24px;
  color: #808080;
  position: relative;
  line-height: 30px;
  padding-bottom: 20px;
}
@media (max-width: 1536px) {
  .inside-product .product-list ul a {
    margin-right: 40px;
  }
}
@media (max-width: 992px) {
  .inside-product .product-list ul a {
    margin-right: 20px;
    font-size: 16px;
  }
}
.inside-product .product-list ul a::after {
  content: "";
  width: 0px;
  height: 4px;
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.5s ease;
}
.inside-product .product-list ul .li-active, .inside-product .product-list ul a:hover {
  color: transparent;
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.inside-product .product-list ul .li-active::after, .inside-product .product-list ul a:hover::after {
  content: "";
  width: 53px;
  transition: all 0.5s ease;
}
.inside-product .product-title {
  background: linear-gradient(45deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-size: 36px;
}
@media (max-width: 992px) {
  .inside-product .product-title {
    font-size: 24px;
  }
}
.inside-product .product-list-content {
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}
.inside-product .product-list-item {
  width: calc(25% - 15px);
}

.product-list-item {
  position: relative;
}
.product-list-item .img {
  width: 100%;
  background: url("../images/product-center/porduct-back.png") no-repeat;
  background-size: cover;
  overflow: hidden;
}
.product-list-item .img img {
  width: 100%;
  transition: all 0.5s ease;
}
.product-list-item .message {
  padding: 20px;
  border: 1px solid #E5E5E5;
}
.product-list-item .message p:first-child {
  font-size: 24px;
}
.product-list-item .message p:nth-child(2) {
  color: #808080;
  margin-top: 13px;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-list-item .message p:last-child {
  display: flex;
  align-items: center;
  margin-top: 15px;
  color: #A6A6A6;
}
.product-list-item .message p:last-child .iconfont {
  transition: all 0.5s ease;
  font-size: 12.5px;
  margin-left: 5px;
}
@media (max-width: 992px) {
  .product-list-item .message {
    padding: 10px;
  }
  .product-list-item .message p:first-child {
    font-size: 16px;
  }
  .product-list-item .message p:nth-child(2) {
    font-size: 14px;
    margin-top: 5px;
  }
}
.product-list-item:after {
  content: "";
  width: 0;
  height: 4px;
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease;
}
.product-list-item:hover:after {
  width: 100%;
  transition: all 0.5s ease;
}
.product-list-item:hover .message p:last-child {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-list-item:hover .message p:last-child .iconfont {
  transition: all 0.5s ease;
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: rotate(-90deg);
}
.product-list-item:hover .img img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}

.page-list {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.page-list a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-list a .iconfont {
  font-size: 12px;
}
.page-list .icon {
  background-color: #CCCCCC;
  color: var(--white-color);
  transition: all 0.5s ease;
}
.page-list .font {
  color: #808080;
  border: 1px solid #E5E5E5;
  transition: all 0.5s ease;
}
.page-list .font:hover, .page-list .icon:hover, .page-list .active {
  background: linear-gradient(90deg, #F50000 0%, #FA741B 100%);
  color: var(--white-color);
  transition: all 0.5s ease;
}

.footer {
  overflow: hidden;
  width: 100%;
  background: linear-gradient(180deg, rgb(43, 43, 43) 0.27%, rgb(46, 46, 46) 100%);
  position: relative;
}
.footer .footer-body {
  padding-top: 30px;
  padding-bottom: 50px;
}
@media (max-width: 992px) {
  .footer .footer-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.footer .footer-body .logo {
  width: 148px;
  height: 50px;
}
.footer .footer-body .logo img {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .footer .footer-body .logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
}
.footer .footer-body .code-list {
  justify-content: end;
  -moz-column-gap: 36px;
  column-gap: 36px;
}
.footer .footer-body .code-list .code-item {
  text-align: center;
}
.footer .footer-body .code-list .code-item > div {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  background-color: var(--white-color);
  padding: 8px;
  border-radius: 10px;
}
.footer .footer-body .code-list .code-item > div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.footer .footer-body .code-list .code-item > p {
  color: rgba(255, 255, 255, 0.61);
  margin-top: 17px;
  font-size: 12px;
}
@media (max-width: 992px) {
  .footer .footer-body .code-list {
    width: 100%;
    justify-content: center;
  }
}
.footer .footer-body h6 {
  font-size: 16px;
  color: var(--white-color);
  line-height: 20px;
}
@media (max-width: 1200px) {
  .footer .footer-body h6 {
    line-height: 20px;
    font-size: 14px;
  }
}
.footer .footer-body .realize {
  width: 280px;
}
@media (max-width: 992px) {
  .footer .footer-body .realize {
    margin-left: auto;
    margin-right: auto;
  }
}
.footer .footer-body .realize .input-box {
  height: 60px;
  width: 100%;
  background-color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  margin-top: 24px;
  border-radius: 10px;
}
.footer .footer-body .realize .input-box .iconfont {
  cursor: pointer;
  font-size: 22px;
  color: rgb(128, 128, 128);
}
.footer .footer-body .realize .input-box input {
  outline: none;
  border-style: none;
  font-size: 12px;
  width: calc(100% - 30px);
}
.footer .footer-body .realize .input-box input::-moz-placeholder {
  color: rgb(128, 128, 128);
}
.footer .footer-body .realize .input-box input:-ms-input-placeholder {
  color: rgb(128, 128, 128);
}
.footer .footer-body .realize .input-box input::placeholder {
  color: rgb(128, 128, 128);
}
.footer .footer-body .realize .input-box button {
  background: transparent;
  color: var(--white-color);
  text-align: center;
  width: auto;
  font-size: 16px;
  border-style: none;
}
.footer .footer-body .realize .Company-information {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.61);
  line-height: 30px;
}
.footer .footer-body .footer-right {
  width: calc(100% - 342px);
  -moz-column-gap: 1.8%;
  column-gap: 1.8%;
}
@media (max-width: 1536px) {
  .footer .footer-body .footer-right {
    -moz-column-gap: 1.8%;
    column-gap: 1.8%;
    width: calc(100% - 302px);
  }
}
@media (max-width: 1300px) {
  .footer .footer-body .footer-right {
    -moz-column-gap: 1.8%;
    column-gap: 1.8%;
  }
}
@media (max-width: 992px) {
  .footer .footer-body .footer-right {
    display: none;
  }
}
.footer .footer-body .footer-nav {
  flex: 1;
}
.footer .footer-body .footer-nav h6 a {
  font-size: 16px;
  color: var(--white-color);
  line-height: 20px;
}
@media (max-width: 1200px) {
  .footer .footer-body .footer-nav h6 a {
    line-height: 20px;
    font-size: 14px;
  }
}
.footer .footer-body .footer-nav ul {
  margin-top: 23px;
  height: 170px;
}
.footer .footer-body .footer-nav ul li:not(:first-child) {
  margin-top: 30px;
}
.footer .footer-body .footer-nav ul a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.61);
}
.footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  height: 90px;
}
.footer .footer-bottom > div {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .footer .footer-bottom > div {
    justify-content: center;
  }
}
.footer .footer-bottom a, .footer .footer-bottom p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.61);
  display: block;
}
@media (max-width: 992px) {
  .footer .footer-bottom a, .footer .footer-bottom p {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
}
.footer .left-back {
  position: absolute;
  left: -68px;
  top: 16%;
  width: 19.5%;
}
.footer .right-back {
  position: absolute;
  right: -16px;
  top: -16px;
  width: 19.5%;
}

.proudct-detail {
  position: relative;
  background-color: #F7F7F7;
  padding-bottom: 78px;
}
.proudct-detail .backimg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.proudct-detail .proudct-detail-box {
  background-color: var(--white-color);
  margin-top: 30px;
  padding: 30px 40px;
}
@media (max-width: 992px) {
  .proudct-detail .proudct-detail-box {
    padding: 10px 15px;
  }
}
.proudct-detail .proudct-detail-box .content-top .lex-box {
  width: 38%;
}
@media (max-width: 992px) {
  .proudct-detail .proudct-detail-box .content-top .lex-box {
    width: 100%;
    order: 2;
  }
}
.proudct-detail .proudct-detail-box .content-top .right-box {
  width: 52.5%;
}
@media (max-width: 992px) {
  .proudct-detail .proudct-detail-box .content-top .right-box {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
}
.proudct-detail .proudct-detail-box .content-top .right-box .img, .proudct-detail .proudct-detail-box .content-top .right-box img {
  width: 100%;
}
.proudct-detail .proudct-detail-box .content-top .right-box img {
  -o-object-fit: cover;
  object-fit: cover;
}
.proudct-detail .proudct-detail-box .content-bottom {
  margin-top: 34px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(204, 204, 204);
}
@media (max-width: 992px) {
  .proudct-detail .proudct-detail-box .content-bottom {
    margin-top: 2px;
  }
}
.proudct-detail .proudct-detail-box .content-bottom .table-box {
  width: 60.2%;
}
.proudct-detail .proudct-detail-box .content-bottom .table-box .flex > div {
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid rgb(204, 204, 204);
}
.proudct-detail .proudct-detail-box .content-bottom .table-box .flex > div:first-child {
  width: 125px;
  padding-left: 34px;
  border-right: none;
  padding-right: 10px;
}
@media (max-width: 992px) {
  .proudct-detail .proudct-detail-box .content-bottom .table-box .flex > div:first-child {
    padding-left: 10px;
  }
}
.proudct-detail .proudct-detail-box .content-bottom .table-box .flex > div:last-child {
  width: calc(100% - 125px);
  padding-left: 150px;
  padding-right: 10px;
}
@media (max-width: 1200px) {
  .proudct-detail .proudct-detail-box .content-bottom .table-box .flex > div:last-child {
    padding-left: 40px;
  }
}
@media (max-width: 992px) {
  .proudct-detail .proudct-detail-box .content-bottom .table-box .flex > div:last-child {
    padding-left: 10px;
  }
}
.proudct-detail .proudct-detail-box .content-bottom .table-box .flex:not(:last-child) > div {
  border-bottom: none;
}
@media (max-width: 1200px) {
  .proudct-detail .proudct-detail-box .content-bottom .table-box {
    width: 100%;
  }
}
.proudct-detail .orderSwiper .swiper-slide {
  background-color: var(--white-color);
}

.content-page {
  padding: 32px 10px;
  font-size: 18px;
  border-bottom: 1px solid #CCCCCC;
  align-items: center;
}
.content-page span {
  color: #808080;
}
.content-page img {
  width: 22px;
  height: 25px;
  margin-right: 10px;
}
.content-page a {
  align-items: center;
  display: block;
}
.content-page a:nth-child(2) {
  width: 150px;
  display: flex;
  justify-content: center;
}
.content-page a:first-child, .content-page a:last-child {
  width: calc((100% - 150px) / 2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail-box {
  background-color: var(--white-color);
}

.Industry-pain-point, .detail-box {
  padding: 30px 40px;
}
@media (max-width: 992px) {
  .Industry-pain-point, .detail-box {
    padding: 10px 15px;
  }
}

.Industry-pain-point .flex {
  row-gap: 20px;
}
.Industry-pain-point .flex-item {
  width: calc(25% - 15px);
}
@media (max-width: 992px) {
  .Industry-pain-point .flex-item {
    width: calc(50% - 10px);
  }
}
.Industry-pain-point .flex-item .img {
  width: 100%;
}
.Industry-pain-point .flex-item .img img {
  width: 100%;
}
.Industry-pain-point .flex-item > div:last-child {
  background-color: var(--white-color);
  padding: 30px 24px 17px 24px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .Industry-pain-point .flex-item > div:last-child {
    padding: 10px;
  }
}
.Industry-pain-point .flex-item > div:last-child span {
  float: right;
}

.Program-advantage {
  padding-bottom: 42px;
  border-bottom: 1px solid rgb(204, 204, 204);
}
.Program-advantage .flex {
  row-gap: 20px;
}
.Program-advantage .flex-item {
  width: calc(33.3333333333% - 13.3333333333px);
  padding: 46px 44px 30px 44px;
  background: linear-gradient(360deg, rgba(245, 0, 0, 0.28) 0%, rgba(252, 78, 15, 0.17) 55.5%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid rgb(229, 229, 229);
}
@media (max-width: 1536px) {
  .Program-advantage .flex-item {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  .Program-advantage .flex-item {
    width: 100%;
  }
}
.Program-advantage .img {
  width: 45px;
  height: 45px;
}
.Program-advantage .img img {
  width: 100%;
  height: 100%;
}

.proudct-detail {
  padding-top: 90px;
}
@media (max-width: 992px) {
  .proudct-detail {
    padding-top: 70px;
  }
}

.crumbs {
  padding-top: 33px;
}
.crumbs img {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
.crumbs span, .crumbs a {
  color: #808080;
  line-height: 18.75px;
}

.content {
  position: relative;
  z-index: 100;
}

.solution-list-box {
  width: 100%;
  padding-bottom: 200px;
}
@media (max-width: 1200px) {
  .solution-list-box {
    padding-bottom: 150px;
  }
}
@media (max-width: 992px) {
  .solution-list-box {
    padding-bottom: 100px;
  }
}
@media (max-width: 576px) {
  .solution-list-box {
    padding-bottom: 50px;
  }
}
.solution-list-box .solution-center {
  display: none;
}
.solution-list-box .solution-center-active {
  display: block;
}
.solution-list-box .solution-list-item {
  width: 100%;
  margin-top: 30px;
}
.solution-list-box .solution-list-item .img {
  width: 45.85%;
  overflow: hidden;
}
@media (max-width: 992px) {
  .solution-list-box .solution-list-item .img {
    width: 100%;
  }
}
.solution-list-box .solution-list-item .img img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  -o-object-fit: cover;
  object-fit: cover;
}
.solution-list-box .solution-list-item .solution-message {
  width: 54.15%;
  padding: 32px 44px;
  background-color: #F0F0F2;
  position: relative;
}
@media (max-width: 992px) {
  .solution-list-box .solution-list-item .solution-message {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .solution-list-box .solution-list-item .solution-message {
    padding: 15px 20px;
  }
}
.solution-list-box .solution-list-item .solution-message p:last-child {
  display: flex;
  align-items: center;
  margin-top: 15px;
  position: absolute;
  bottom: 32px;
  left: 44px;
  color: #A6A6A6;
  flex-wrap: wrap;
  row-gap: 20px;
}
@media (max-width: 992px) {
  .solution-list-box .solution-list-item .solution-message p:last-child {
    position: static;
  }
}
.solution-list-box .solution-list-item .solution-message p:last-child .iconfont {
  font-size: 12.5px;
  margin-left: 5px;
  transition: all 0.5s;
}
@media (max-width: 1536px) {
  .solution-list-box .solution-list-item .solution-message p:last-child {
    bottom: 20px;
    left: 20px;
  }
}
.solution-list-box .solution-list-item .solution-message p:nth-child(2) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.solution-list-box .solution-list-item .solution-message p:nth-child(3) {
  line-height: 18px;
  height: 90px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media (max-width: 1536px) {
  .solution-list-box .solution-list-item .solution-message p:nth-child(3) {
    height: 54px;
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 1536px) {
  .solution-list-box .solution-list-item .solution-message {
    padding: 20px;
  }
}
.solution-list-box .solution-list-item:hover .img img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.solution-list-box .solution-list-item:hover .solution-message p:last-child {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.solution-list-box .solution-list-item:hover .solution-message p:last-child .iconfont {
  transition: all 0.5s ease;
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: rotate(-90deg);
}
.solution-list-box .CustomerCase-list-item {
  width: calc(33.3333333333% - 13.3333333333px);
}
@media (max-width: 992px) {
  .solution-list-box .CustomerCase-list-item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 576px) {
  .solution-list-box .CustomerCase-list-item {
    width: 100%;
  }
}
.solution-list-box .CustomerCase-list-item .img {
  width: 100%;
  overflow: hidden;
}
.solution-list-box .CustomerCase-list-item .img img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.solution-list-box .CustomerCase-list-item .solution-message {
  width: 100%;
  padding: 34px 24px 21px 24px;
  border: 1px solid #E5E5E5;
}
@media (max-width: 1536px) {
  .solution-list-box .CustomerCase-list-item .solution-message {
    padding: 18px 14px 21px 14px;
  }
}
@media (max-width: 992px) {
  .solution-list-box .CustomerCase-list-item .solution-message {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .solution-list-box .CustomerCase-list-item .solution-message {
    padding: 15px 20px;
  }
}
.solution-list-box .CustomerCase-list-item .solution-message .description {
  line-height: 18px;
  height: 54px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.solution-list-box .CustomerCase-list-item .solution-message p:nth-child(2) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.solution-list-box .CustomerCase-list-item .solution-message p:last-child {
  font-family: syh-bold, Arial;
  margin-top: 26px;
  padding-top: 37px;
  border-top: 1px solid #E5E5E5;
  flex-wrap: wrap;
  row-gap: 20px;
}
@media (max-width: 1536px) {
  .solution-list-box .CustomerCase-list-item .solution-message p:last-child {
    padding-top: 20px;
  }
}
.solution-list-box .CustomerCase-list-item .solution-message p:last-child .ljxq {
  color: #A6A6A6;
  transition: all 0.5s ease;
  display: inline-block;
  padding-right: 10px;
}
.solution-list-box .CustomerCase-list-item .solution-message p:last-child .ljxq .iconfont {
  font-size: 12.5px;
  margin-left: 5px;
  display: inline-block;
  transition: all 0.5s ease;
}
.solution-list-box .CustomerCase-list-item:hover .img img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.solution-list-box .CustomerCase-list-item:hover .solution-message p:last-child .ljxq {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease;
}
.solution-list-box .CustomerCase-list-item:hover .solution-message p:last-child .ljxq .iconfont {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease;
  transform: rotate(-90deg);
}
.solution-list-box .CustomerCase-list {
  row-gap: 25px;
}
.solution-list-box .solution-list-item:nth-child(2n) .img {
  order: 2;
}
.solution-list-box .solution-list-item:nth-child(2n) .solution-message {
  order: 1;
}
@media (max-width: 992px) {
  .solution-list-box .solution-list-item:nth-child(2n) .img {
    order: 1;
  }
  .solution-list-box .solution-list-item:nth-child(2n) .solution-message {
    order: 2;
  }
}
.solution-list-box .solution-list-item:first-child {
  margin-top: 40px;
}

.CustomerCase-list-box {
  padding-bottom: 45px;
}

.Ordering-process {
  margin-top: 90px;
}
@media (max-width: 1200px) {
  .Ordering-process {
    margin-top: 60px;
  }
}
@media (max-width: 992px) {
  .Ordering-process {
    margin-top: 30px;
  }
}
.Ordering-process .flex {
  row-gap: 20px;
}
.Ordering-process .flex-item {
  width: calc(25% - 15px);
  overflow: hidden;
  top: 0;
  left: 0;
  color: var(--white-color);
  min-height: 335px;
  position: relative;
  padding: 80px 24px 18px 24px;
}
.Ordering-process .flex-item p:first-child {
  text-align: center;
}
.Ordering-process .flex-item p:nth-child(2) {
  margin-top: 45px;
}
.Ordering-process .flex-item span {
  position: absolute;
  right: 24px;
  bottom: 18px;
}
@media (max-width: 1200px) {
  .Ordering-process .flex-item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 576px) {
  .Ordering-process .flex-item {
    padding: 20px 10px 9px 10px;
    min-height: 240px;
  }
  .Ordering-process .flex-item p:nth-child(2) {
    margin-top: 25px;
  }
  .Ordering-process .flex-item span {
    right: 10px;
    bottom: 9px;
  }
}

.Contact-us {
  background-color: var(--white-color);
  padding: 44px 0 33px 0;
}
.Contact-us .Contact-box {
  margin-top: 69px;
}
@media (max-width: 992px) {
  .Contact-us .Contact-box {
    margin-top: 30px;
  }
}
.Contact-us .Contact-box .Company {
  row-gap: 50px;
}
@media (max-width: 992px) {
  .Contact-us .Contact-box .Company {
    row-gap: 10px;
  }
}
.Contact-us .Contact-box .left-box {
  width: 49.35%;
}
.Contact-us .Contact-box .left-box .flex-item {
  width: 40%;
}
.Contact-us .Contact-box .left-box .flex-item:nth-child(2n) {
  width: calc(60% - 15px);
}
@media (max-width: 992px) {
  .Contact-us .Contact-box .left-box .flex-item, .Contact-us .Contact-box .left-box .flex-item:nth-child(2n) {
    width: 100%;
  }
}
.Contact-us .Contact-box .left-box .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #383838;
  margin-right: 14px;
}
.Contact-us .Contact-box .left-box .icon img {
  width: 25px;
  height: 25px;
}
@media (max-width: 1536px) {
  .Contact-us .Contact-box .left-box .icon img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1536px) {
  .Contact-us .Contact-box .left-box .icon .iconfont {
    font-size: 14px;
  }
}
.Contact-us .Contact-box .left-box .flex-item div:last-child {
  width: calc(100% - 54px);
}
.Contact-us .Contact-box .left-box .map {
  width: 100%;
  min-height: 445px;
}
@media (max-width: 992px) {
  .Contact-us .Contact-box .left-box {
    width: 100%;
  }
}
.Contact-us .Contact-box .right-box {
  width: calc(50.65% - 23px);
}
@media (max-width: 992px) {
  .Contact-us .Contact-box .right-box {
    width: 100%;
    margin-top: 20px;
  }
}

.form {
  row-gap: 26px;
}

.form-item {
  width: calc(50% - 5px);
  padding: 28px 25px;
  border: 1px solid #E5E5E5;
  max-height: 200px;
}
.form-item input, .form-item textarea, .form-item select {
  max-height: 140px;
  width: 100%;
  border-style: none;
  outline: none;
  font-size: 18px;
  resize: none;
}
.form-item input::-moz-placeholder, .form-item textarea::-moz-placeholder, .form-item select::-moz-placeholder {
  color: #A6A6A6;
}
.form-item input:-ms-input-placeholder, .form-item textarea:-ms-input-placeholder, .form-item select:-ms-input-placeholder {
  color: #A6A6A6;
}
.form-item input::placeholder, .form-item textarea::placeholder, .form-item select::placeholder {
  color: #A6A6A6;
}
@media (max-width: 992px) {
  .form-item input, .form-item textarea, .form-item select {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .form-item {
    padding: 10px;
  }
}

.form-item-active {
  width: 100%;
}

select option[disabled] {
  color: #A6A6A6;
  background-color: #f9f9f9;
  font-size: 18px;
}

button {
  background: linear-gradient(90deg, #F50000 0%, #FA741B 100%);
  color: var(--white-color);
  text-align: center;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  border-style: none;
}
button .iconfont {
  margin-left: 18px;
}
@media (max-width: 992px) {
  button {
    height: 60px;
    line-height: 60px;
  }
}

.address-box {
  width: 278px;
  height: 120px;
  padding: 10px;
  border-radius: 10px;
  background: linear-gradient(90deg, #F50000 0%, #FA741B 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.address-box .iconfont {
  margin-right: 16px;
  margin-top: 6px;
}
.address-box > div {
  display: flex;
}
@media (max-width: 992px) {
  .address-box {
    width: 258px;
    height: 80px;
  }
}

.text-color {
  color: #808080;
}

.case-detail {
  padding-bottom: 54px;
}

.Company-introduction {
  height: 100%;
  position: relative;
}
.Company-introduction .bottom-block {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.Company-introduction .Company-introduction-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.Company-introduction .Company-introduction-box .left-box {
  width: 50%;
}
@media (max-width: 992px) {
  .Company-introduction .Company-introduction-box .left-box {
    width: 100%;
  }
}
.Company-introduction .Company-introduction-box .left-box p:last-child {
  height: 50vh;
  overflow-y: scroll;
}
.Company-introduction .Company-introduction-box .right-box {
  width: 45.2%;
}
.Company-introduction .Company-introduction-box .right-box .img-box {
  width: 100%;
  border-radius: 0px 0px, 0px, 80px;
  position: relative;
}
.Company-introduction .Company-introduction-box .right-box .img-box img {
  width: 100%;
  border-radius: 0px 0px, 0px, 80px;
}
.Company-introduction .Company-introduction-box .right-box .img-box .logo-title {
  width: 239px;
  height: 81px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Company-introduction .Company-introduction-box .right-box .Company {
  margin-top: 16px;
}
@media (max-width: 992px) {
  .Company-introduction .Company-introduction-box .right-box .Company {
    margin-top: 20px;
    width: 50%;
  }
}
@media (max-width: 768px) {
  .Company-introduction .Company-introduction-box .right-box .Company {
    width: 100%;
  }
}
.Company-introduction .Company-introduction-box .right-box .Company-item {
  width: calc(33.3333333333% - 26.6666666667px);
  transition: all 0.5s ease;
  text-align: center;
}
.Company-introduction .Company-introduction-box .right-box .Company-item > div {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
@media (max-width: 768px) {
  .Company-introduction .Company-introduction-box .right-box .Company-item {
    padding: 10px;
  }
}
.Company-introduction .Company-introduction-box .right-box .Company-item h1, .Company-introduction .Company-introduction-box .right-box .Company-item span {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Company-introduction .Company-introduction-box .right-box .Company-item h1 {
  font-size: 60px;
}
@media (max-width: 992px) {
  .Company-introduction .Company-introduction-box .right-box .Company-item h1 {
    font-size: 36px;
  }
}
@media (max-width: 576px) {
  .Company-introduction .Company-introduction-box .right-box .Company-item h1 {
    font-size: 24px;
  }
}
.Company-introduction .Company-introduction-box .right-box .Company-item span {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding-top: 35px;
}
@media (max-width: 992px) {
  .Company-introduction .Company-introduction-box .right-box .Company-item span {
    font-size: 12px;
    padding-top: 15px;
  }
}
.Company-introduction .Company-introduction-box .right-box .Company-item p {
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .Company-introduction .Company-introduction-box .right-box .Company-item p {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .Company-introduction .Company-introduction-box .right-box {
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .Company-introduction .Company-introduction-box .right-box .img-box {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .Company-introduction .Company-introduction-box .right-box .img-box {
    width: 100%;
  }
  .Company-introduction .Company-introduction-box .right-box .img-box img {
    max-height: 200px;
  }
}

.Corporate-culture {
  position: relative;
}

.CorporateSwiper {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1000;
  color: var(--white-color);
}
.CorporateSwiper .backimg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.flexSwiper-box {
  position: relative;
  height: 100%;
}
.flexSwiper-box .flexSwiper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20%;
  z-index: 10001;
  color: #fff;
}
@media (max-width: 1536px) {
  .flexSwiper-box .flexSwiper {
    bottom: 50px;
  }
}
.flexSwiper-box .flexSwiper .flex-item {
  cursor: pointer;
  text-align: center;
  transition: all 0.5s;
  padding: 16px 0 20px 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(245, 0, 0, 0.4) 0%, rgba(250, 116, 27, 0) 100%), rgba(0, 0, 0, 0.5), url(https://img.js.design/assets/img/66d56507c3154e4104438bdf.jpeg#d4744e197ebbb63da9e6e3347fef0884);
}
.flexSwiper-box .flexSwiper .flex-item p:first-child {
  margin-bottom: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.flexSwiper-box .flexSwiper .flex-item p:first-child .iconfont {
  color: #000000;
  font-size: 20px;
}
.flexSwiper-box .flexSwiper .flex-item:hover,
.flexSwiper-box .flexSwiper .swiper-slide-thumb-active {
  background: rgba(255, 255, 255, 0.5);
}
.flexSwiper-box .flexSwiper .flex-item:hover .iconfont,
.flexSwiper-box .flexSwiper .swiper-slide-thumb-active .iconfont {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s;
}

.Corporate-culture {
  width: 100%;
  position: absolute;
  top: 32.7%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: var(--white-color);
}
.Corporate-culture .fs-48 {
  word-break: keep-all;
}

.courseSwiper .img-x {
  height: 14px;
  margin-top: 10%;
}
@media (max-width: 1600px) {
  .courseSwiper .img-x {
    margin-top: 5%;
  }
}
.courseSwiper .swiper-wrapper .img {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 25px;
}
.courseSwiper .swiper-wrapper .img img {
  width: 100%;
  border-radius: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s;
}
.courseSwiper .swiper-wrapper .swiper-slide {
  cursor: pointer;
}
.courseSwiper .swiper-wrapper .swiper-slide:hover .img img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.courseSwiper .swiper-wrapper span {
  font-weight: 500;
}
.courseSwiper .swiper-wrapper p {
  margin-top: 40px;
}
@media (max-width: 1320px) {
  .courseSwiper .swiper-wrapper p {
    margin-top: 20px;
  }
}
.courseSwiper .swiper-wrapper .add {
  margin-top: -18px;
  margin-bottom: 40px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgb(245, 0, 0);
  position: relative;
}
.courseSwiper .swiper-wrapper .add::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
}
.courseSwiper .swiper-button-next, .courseSwiper .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: #CCCCCC;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
  position: static;
}
.courseSwiper .swiper-button-next::after, .courseSwiper .swiper-button-prev::after {
  display: none;
}
.courseSwiper .swiper-button-next .iconfont, .courseSwiper .swiper-button-prev .iconfont {
  font-size: 12px;
}
.courseSwiper .swiper-button-next.swiper-button-disabled, .courseSwiper .swiper-button-prev.swiper-button-disabled {
  background: #CCCCCC;
  opacity: 1;
}
.courseSwiper .swiper-button-next:hover, .courseSwiper .swiper-button-prev:hover {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  transition: all 0.5s ease;
}
.courseSwiper .swiper-button {
  display: flex;
  -moz-column-gap: 34px;
  column-gap: 34px;
  position: absolute;
  right: 10px;
  top: 100px;
  z-index: 100;
}

.overlay-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.overlay-container .overlay {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.Honor-and-qualification {
  color: var(--white-color);
  padding-top: 2%;
}
.Honor-and-qualification .Honor-and-qualification-list {
  justify-content: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.Honor-and-qualification .Honor-and-qualification-list .flex-item {
  font-size: 18px;
  padding: 19px 74px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.5s;
}
@media (max-width: 992px) {
  .Honor-and-qualification .Honor-and-qualification-list .flex-item {
    padding: 19px 40px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .Honor-and-qualification .Honor-and-qualification-list .flex-item {
    padding: 19px 10px;
    font-size: 14px;
  }
}
.Honor-and-qualification .Honor-and-qualification-list .flex-item:hover, .Honor-and-qualification .Honor-and-qualification-list .active {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  border-color: rgba(255, 255, 255, 0);
  transition: all 0.5s;
}
.Honor-and-qualification .Honor-and-qualification-swiper-list {
  margin-top: 40px;
}
@media (max-width: 1320px) {
  .Honor-and-qualification .Honor-and-qualification-swiper-list {
    margin-top: 20px;
  }
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper {
  display: none;
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-slide {
  transition: transform 0.5s;
  transform: scale(0.8);
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-slide-active {
  transform: scale(1);
  transition: transform 0.5s;
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-next {
  right: 37%;
}
@media (max-width: 992px) {
  .Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-next {
    right: 10%;
  }
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-prev {
  left: 37%;
}
@media (max-width: 992px) {
  .Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-prev {
    left: 10%;
  }
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-next, .Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #CCCCCC;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-next::after, .Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-prev::after {
  display: none;
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-next .iconfont, .Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-prev .iconfont {
  font-size: 12px;
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-next.swiper-button-disabled, .Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-prev.swiper-button-disabled {
  background: #CCCCCC;
  opacity: 1;
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-next:hover, .Honor-and-qualification .Honor-and-qualification-swiper-list .swiper .swiper-button-prev:hover {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  transition: all 0.5s ease;
}
.Honor-and-qualification .Honor-and-qualification-swiper-list .swiper-active {
  display: block;
}

.Service-Support {
  padding-bottom: 86px;
}
.Service-Support .flex > div {
  width: 33.3333333333%;
}
.Service-Support .flex > div .img {
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.Service-Support .flex > div .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s;
}
.Service-Support .flex > div .center {
  height: 300px;
  background: var(--white-color);
  transition: all 0.5s;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Service-Support .flex > div .center p:last-child {
  color: #A6A6A6;
  transition: all 0.5s;
}
.Service-Support .flex > div .center .iconfont {
  font-size: 34px;
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Service-Support .flex > div:hover .img img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.Service-Support .flex > div:hover .center {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  color: var(--white-color);
  transition: all 0.5s;
}
.Service-Support .flex > div:hover .center p:last-child {
  color: var(--white-color);
  transition: all 0.5s;
}
.Service-Support .flex > div:hover .center .iconfont {
  background: var(--white-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 992px) {
  .Service-Support .flex > div {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .Service-Support .flex > div {
    width: 100%;
  }
}

.customer-service {
  position: relative;
  padding-bottom: 55px;
  z-index: 100;
}
.customer-service > .flex {
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}
.customer-service > .flex .flex-item {
  border: 1px solid #E5E5E5;
  width: calc(33.3333333333% - 13.3333333333px);
  padding-top: 28px;
  height: 180px;
  position: relative;
  transition: all 0.5s;
}
@media (max-width: 576px) {
  .customer-service > .flex .flex-item {
    width: 100%;
  }
}
.customer-service > .flex .flex-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-image: linear-gradient(90deg, #F50000 0%, #FA741B 100%);
  transition: all 0.5s;
}
.customer-service > .flex .flex-item:hover {
  background: #F2F2F2;
  transition: all 0.5s;
}
.customer-service > .flex .flex-item:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #F50000 0%, #FA741B 100%);
  transition: all 0.5s;
}
.customer-service > .flex .flex-item:hover p:nth-child(2) {
  font-weight: 700;
}

.Talent-recruitment {
  background-color: rgb(242, 242, 242);
  padding: 41px 0 48px 0;
}
.Talent-recruitment .postlist .post-item:first-child {
  background: linear-gradient(90deg, rgb(43, 43, 43) 0%, rgb(92, 92, 92) 100%);
}
.Talent-recruitment .postlist .post-item {
  color: rgb(166, 166, 166);
  margin-top: 20px;
  background: var(--white-color);
}
.Talent-recruitment .postlist .post-item .icon {
  width: 20px;
  height: 37px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.Talent-recruitment .postlist .post-item > div:first-child {
  position: relative;
  padding: 0 30px 0 60px;
  height: 80px;
  align-items: center;
  justify-content: space-between;
}
.Talent-recruitment .postlist .post-item .p1 {
  width: 41.57%;
}
.Talent-recruitment .postlist .post-item .p2 {
  width: 26.28%;
}
.Talent-recruitment .postlist .post-item .p3 {
  width: 20.5%;
}
.Talent-recruitment .postlist .post-item .p4 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
  text-align: center;
  cursor: pointer;
}
.Talent-recruitment .postlist .post-item .p4 span {
  font-size: 36px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
}
.Talent-recruitment .postlist .post-item .item-content {
  background-color: var(--white-color);
  border-top: 1px solid rgb(229, 229, 229);
  padding: 60px;
  width: 100%;
  display: none;
}
@media (max-width: 992px) {
  .Talent-recruitment .postlist .post-item .item-content {
    padding: 20px;
  }
}
.Talent-recruitment .postlist .post-item .item-content p {
  color: #000000;
}
.Talent-recruitment .postlist .post-item .item-content .description {
  color: #808080;
  padding-right: 24%;
}
@media (max-width: 1200px) {
  .Talent-recruitment .postlist .post-item .item-content .description {
    padding-right: 0;
  }
}

.Online-contact {
  padding: 48px 0 115px 0;
}
@media (max-width: 992px) {
  .Online-contact {
    padding: 30px 0 40px 0;
  }
}
.Online-contact .form-item, .Online-contact input, .Online-contact textarea, .Online-contact select {
  background-color: rgb(245, 245, 245);
}

#Online, #Talent, #customer, #product, #case, #news {
  scroll-margin-top: 90px;
}

.solutionSwiper {
  width: 100%;
  height: 100%;
}
.solutionSwiper .backimg {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.solutionSwiper .swiper-slide {
  position: relative;
}
.solutionSwiper .container {
  position: absolute;
  left: 50%;
  top: 170px;
  transform: translateX(-50%);
}
@media (max-width: 1536px) {
  .solutionSwiper .container {
    top: 100px;
  }
}
.solutionSwiper .left-box {
  width: 38.71%;
  color: var(--white-color);
}
@media (max-width: 1800px) {
  .solutionSwiper .left-box {
    width: 45%;
  }
}
@media (max-width: 1536px) {
  .solutionSwiper .left-box {
    width: 55%;
  }
}
@media (max-width: 1200px) {
  .solutionSwiper .left-box {
    width: 65%;
  }
}
@media (max-width: 992px) {
  .solutionSwiper .left-box {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .solutionSwiper .left-box {
    width: 100%;
  }
}
.solutionSwiper .left-box .proudct-content-item p:last-child {
  margin-top: 17px;
  line-height: 25px;
}

.solution-box {
  position: relative;
}
.solution-box .solutionSwiperone {
  position: absolute;
  z-index: 1000;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 150px;
}
.solution-box .solutionSwiperone .swiper-slide {
  padding: 30px 0 20px 0;
  background: rgba(0, 0, 0, 0.41);
  box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.38);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: var(--white-color);
  transition: all 0.5s;
  cursor: pointer;
}
.solution-box .solutionSwiperone .swiper-slide .iconfont {
  font-size: 34px;
}
@media (max-width: 576px) {
  .solution-box .solutionSwiperone .swiper-slide .iconfont {
    font-size: 26px;
  }
}
.solution-box .solutionSwiperone .swiper-slide span {
  display: block;
  margin-top: 10px;
}
.solution-box .solutionSwiperone .swiper-slide-thumb-active,
.solution-box .solutionSwiperone .swiper-slide:hover {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  box-shadow: inset 0px 2px 4px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  transition: all 0.5s;
}

.HF-news .HF-newsContent {
  position: relative;
  z-index: 1000;
}
@media (max-width: 992px) {
  .HF-news .HF-newsContent {
    padding-top: 10px;
  }
}
.HF-news .HF-newsContent > .flex-wrap {
  row-gap: 20px;
}
.HF-news .HF-newsContent .news-add-item {
  -moz-column-gap: 60px;
  column-gap: 60px;
}
.HF-news .HF-newsContent .news-add-item .news-item {
  position: relative;
}
.HF-news .HF-newsContent .news-add-item .news-item > span {
  font-size: 24px;
  position: relative;
  color: rgb(166, 166, 166);
}
.HF-news .HF-newsContent .news-add-item .news-item > span > span {
  display: none;
}
@media (max-width: 576px) {
  .HF-news .HF-newsContent .news-add-item .news-item > span {
    font-size: 18px;
  }
}
.HF-news .HF-newsContent .news-add-item .news-item::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0;
  padding: 0;
  height: 4px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  transition: all 0.5s;
}
.HF-news .HF-newsContent .news-add-item .news-item:hover > span, .HF-news .HF-newsContent .news-add-item .news-item-active > span {
  color: #000000;
}
.HF-news .HF-newsContent .news-add-item .news-item:hover > span > span, .HF-news .HF-newsContent .news-add-item .news-item-active > span > span {
  display: block;
  font-size: 48px;
  line-height: 48px;
  font-weight: 900;
  color: rgba(254, 0, 0, 0.14);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 576px) {
  .HF-news .HF-newsContent .news-add-item .news-item:hover > span > span, .HF-news .HF-newsContent .news-add-item .news-item-active > span > span {
    font-size: 36px;
    line-height: 36px;
  }
}
.HF-news .HF-newsContent .news-add-item .news-item:hover::after, .HF-news .HF-newsContent .news-add-item .news-item-active::after {
  padding: 0 50%;
  transition: all 0.5s;
}
.HF-news .HF-newsContent .newsSwiper-item {
  display: none;
  overflow: visible;
  margin-top: 150px;
}
@media (max-width: 1536px) {
  .HF-news .HF-newsContent .newsSwiper-item {
    margin-top: 100px;
  }
}
@media (max-width: 992px) {
  .HF-news .HF-newsContent .newsSwiper-item {
    margin-top: 50px;
  }
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide {
  background-color: var(--white-color);
  padding: 48px 12px 48px 0;
  border-radius: 20px;
}
@media (max-width: 1536px) {
  .HF-news .HF-newsContent .newsSwiper-item .swiper-slide {
    padding: 24px 12px 24px 0;
  }
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide .img {
  width: 50%;
  border-radius: 10px 10px 0 10px;
  overflow: hidden;
  margin-left: -26px;
  margin-right: 16px;
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide .img img {
  width: 100%;
  min-height: 224px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1600px) {
  .HF-news .HF-newsContent .newsSwiper-item .swiper-slide .img img {
    min-height: 180px;
  }
}
@media (max-width: 1300px) {
  .HF-news .HF-newsContent .newsSwiper-item .swiper-slide .img img {
    min-height: 150px;
  }
}
@media (max-width: 992px) {
  .HF-news .HF-newsContent .newsSwiper-item .swiper-slide .img {
    margin-left: 15px;
  }
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide .news-contents {
  width: calc(50% - 16px);
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide .news-contents .time {
  font-size: 12px;
  color: rgb(128, 128, 128);
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide .news-contents .title {
  font-size: 18px;
  margin-top: 10px;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide .news-contents .introduction {
  margin-top: 6px;
  font-size: 14px;
  line-height: 16px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: rgb(166, 166, 166);
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide .news-contents .icon {
  width: 30px;
  height: 30px;
  margin-top: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--white-color);
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(247, 49, 12) 42.43%, rgb(248, 72, 17) 62.3%, rgb(250, 116, 27) 100%);
  border-radius: 0 0 10px 0;
}
@media (max-width: 992px) {
  .HF-news .HF-newsContent .newsSwiper-item .swiper-slide .news-contents .icon {
    margin-top: 10px;
  }
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide:hover,
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide-active {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  box-shadow: -1px 8px 20px rgba(0, 0, 0, 0.25);
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide:hover .news-contents,
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide-active .news-contents {
  width: calc(50% - 16px);
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide:hover .news-contents .time,
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide-active .news-contents .time {
  color: var(--white-color);
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide:hover .news-contents .title,
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide-active .news-contents .title {
  color: var(--white-color);
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide:hover .news-contents .introduction,
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide-active .news-contents .introduction {
  color: var(--white-color);
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide:hover .news-contents .icon,
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide-active .news-contents .icon {
  background: var(--white-color);
}
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide:hover .news-contents .icon .iconfont,
.HF-news .HF-newsContent .newsSwiper-item .swiper-slide-active .news-contents .icon .iconfont {
  background: linear-gradient(45deg, rgb(245, 0, 0), rgb(250, 116, 27));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.HF-news .HF-newsContent .newsSwiper-item-active {
  display: block;
}
.HF-news .HF-newsContent .swiper-button {
  float: right;
  display: flex;
  -moz-column-gap: 34px;
  column-gap: 34px;
}
@media (max-width: 768px) {
  .HF-news .HF-newsContent .swiper-button {
    position: absolute;
    right: 10px;
    top: 50px;
    z-index: 100;
  }
}
@media (max-width: 576px) {
  .HF-news .HF-newsContent .swiper-button {
    top: 20px;
  }
}
.HF-news .HF-newsContent .swiper-button-next, .HF-news .HF-newsContent .swiper-button-prev {
  margin-top: 40px;
  position: static;
  width: 30px;
  height: 30px;
  background: #CCCCCC;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
}
.HF-news .HF-newsContent .swiper-button-next::after, .HF-news .HF-newsContent .swiper-button-prev::after {
  display: none;
}
.HF-news .HF-newsContent .swiper-button-next .iconfont, .HF-news .HF-newsContent .swiper-button-prev .iconfont {
  font-size: 12px;
}
@media (max-width: 992px) {
  .HF-news .HF-newsContent .swiper-button-next, .HF-news .HF-newsContent .swiper-button-prev {
    margin-top: 20px;
  }
}
.HF-news .HF-newsContent .swiper-button-next.swiper-button-disabled, .HF-news .HF-newsContent .swiper-button-prev.swiper-button-disabled {
  background: #CCCCCC;
  opacity: 1;
}
.HF-news .HF-newsContent .swiper-button-next:hover, .HF-news .HF-newsContent .swiper-button-prev:hover {
  background: linear-gradient(90deg, rgb(245, 0, 0) 0%, rgb(250, 116, 27) 100%);
  transition: all 0.5s ease;
}

.pt-105 {
  padding-top: 90px;
}

/* 搜索 */
.search-container {
  padding: 110px 0 80px;
}

.search-container .search-box {
  display: flex;
  position: relative;
  top: 0;
  padding-left: 25px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ff0000;
}

.search-container .search-box-input {
  background-color: #fff;
  width: 100%;
  border: none;
  flex: 1;
  font-size: 20px;
  color: #333;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.search-container .search-box-button {
  width: 200px;
  background-color: #ff0000;
  font-size: 24px;
  border: none;
  color: #fff;
  border-radius: 5px;
}

.search-box-button a {
  color: #fff;
}

.search-result-text {
  color: #333;
  padding: 50px 0 52px;
  line-height: 1;
  font-size: 16px;
}

.search-result-text span {
  color: #ff0000;
}

.search-nav-item a {
  color: #666;
  transition: all 0.5s ease 0.1s;
}

.search-nav {
  padding-bottom: 22px;
  border-bottom: 1px solid #e3e4e8;
  display: flex;
  line-height: 1;
}

.search-nav .search-nav-item {
  cursor: pointer;
  font-size: 18px;
  padding-right: 22px;
  color: #666;
  transition: all 0.5s ease 0.1s;
}

.search-nav .active a {
  color: #ff0000;
}

.search-nav .search-nav-item:hover a {
  color: #ff0000;
}

.search-content-list {
  padding-bottom: 60px;
}

.search-content-item {
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  color: #333;
  display: flex;
  justify-content: space-between;
  padding: 51px 0 54px;
  border-bottom: 1px solid #e3e4e8;
  transition: all 0.5s ease 0.1s;
}

.search-content-item:hover {
  color: #ff0000;
  border-bottom: 1px solid #ff0000;
}

.search-content-item span:last-child {
  color: #999999;
}

@media (max-width: 1800px) {
  .mt-96 {
    margin-top: 60px;
  }
}
@media (max-width: 1536px) {
  .mt-96 {
    margin-top: 48px;
  }
  .fs-48 {
    font-size: 40px;
  }
  .fs-18 {
    font-size: 16px;
  }
  .mt-58 {
    margin-top: 30px;
  }
}
@media (max-width: 1320px) {
  .mt-78 {
    margin-top: 20px;
  }
  .mt-22 {
    margin-top: 11px;
  }
  .mt-40 {
    margin-top: 20px;
  }
  .fs-48 {
    font-size: 36px;
  }
  .mt-80 {
    margin-top: 40px;
  }
  .fs-36 {
    font-size: 24px;
  }
  .fs-24 {
    font-size: 18px;
  }
  .fs-18, .proudct-detail .proudct-detail-box .content-page {
    font-size: 14px;
  }
  .mt-60, .mt-65 {
    margin-top: 30px;
  }
  .mt-16 {
    margin-top: 8px;
  }
  .mt-96 {
    margin-top: 28px;
  }
}
@media (max-width: 1200px) {
  .inside-product {
    padding-top: 20px;
  }
  .inside-product .product-title {
    margin-top: 25px;
  }
  .inside-product .product-list-item {
    width: calc(33.3333333333% - 13.3333333333px);
  }
  .container {
    min-width: 90.4%;
    max-width: 90.4%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  .search-container {
    padding: 70px 20px 40px;
  }
  .search-box .search-box-input {
    height: 55px;
    font-size: 16px;
  }
  .search-box-button {
    height: 55px;
    font-size: 16px;
    width: 120px;
  }
  .search-result-text {
    font-size: 14px;
    padding: 35px 0 38px;
  }
  .search-nav .search-nav-item {
    font-size: 15px;
  }
  .search-content-list {
    padding-bottom: 30px;
  }
  .search-content-item {
    font-size: 18px;
    padding: 31px 0 34px;
  }
  .pt-105 {
    padding-top: 75px;
  }
  .pt-28 {
    padding-top: 20px;
  }
  body {
    font-size: 14px;
  }
  .nav > div {
    height: 70px;
  }
  .dl {
    display: block;
  }
  .nav-pc {
    display: none;
  }
  .container {
    min-width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .inside-product .product-list-item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 576px) {
  .search-container {
    padding-top: 80px !important;
  }
  .search-container .search-box button {
    height: 40px;
    line-height: 40px;
    width: 100px;
    font-size: 14px;
  }
  .search-container .search-box input {
    height: 40px;
    padding: 0 115px 0 15px;
  }
  .search-result-text {
    padding: 25px 0 28px;
  }
  .search-nav {
    padding-bottom: 14px;
    overflow: scroll;
    max-width: 100%;
    white-space: nowrap;
  }
  .search-nav .search-nav-item {
    font-size: 12px;
    padding-right: 15px;
    width: 150px;
  }
  .search-content-list {
    padding-bottom: 22px;
  }
  .search-content-item {
    font-size: 14px;
    padding: 22px 0 24px;
  }
  .lh-25 {
    line-height: 20px;
  }
  .fs-48 {
    font-size: 30px;
  }
  .mt-65 {
    margin-top: 10px;
  }
  .product-list-item .message p:nth-child(2) {
    font-size: 12px;
    line-height: 16px;
    height: 32px;
  }
  .fs-18 {
    font-size: 14px;
  }
  .proudct-detail .proudct-detail-box .content-page {
    font-size: 14px;
    flex-wrap: wrap;
    padding: 15px 5px;
    row-gap: 10px;
  }
  .proudct-detail .proudct-detail-box .content-page img {
    width: 18px;
    height: 18px;
  }
  .proudct-detail .proudct-detail-box .content-page a {
    width: 100%;
  }
  .inside-product .product-list ul a {
    font-size: 12px;
    margin-right: 5px;
  }
  .inside-product .product-list ul a::after {
    height: 2px;
  }
  .inside-product .product-list ul a {
    padding-bottom: 4px;
  }
  .inside-product .product-list ul .li-active::after, .inside-product .product-list ul a:hover::after {
    width: 30px;
  }
}
@media (max-width: 992px) {
  .Rich-text img {
    width: 100% !important;
  }
}
.Rich-text p, .Rich-text span, .Rich-text div, .Rich-text li, .Rich-text h1, .Rich-text h2, .Rich-text h3, .Rich-text h4, .Rich-text h5, .Rich-text h6 {
  font-family: syh, Arial !important;
}

.break-word {
  word-break: break-word;
}

.solutionSwiper .left-box .proudct-content-item p:last-child,
.home-product .left-box .proudct-content-item p:last-child {
  max-height: 200px;
  overflow-y: scroll;
}
@media (max-width: 1300px) {
  .solutionSwiper .left-box .proudct-content-item p:last-child,
  .home-product .left-box .proudct-content-item p:last-child {
    max-height: 150px;
  }
}

.Company-introduction .Company-introduction-box .left-box p:last-child {
  height: 40vh;
}

.Service-Support .flex > div .center p:last-child::-webkit-scrollbar,
.Service-Support .flex > div:hover .center p:last-child::-webkit-scrollbar,
.inside-product .product-list ul::-webkit-scrollbar,
.solutionSwiper .left-box .proudct-content-item p:last-child::-webkit-scrollbar,
.Company-introduction .Company-introduction-box .left-box p:last-child::-webkit-scrollbar,
.home-product .left-box .proudct-content-item p:last-child::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
}
.Service-Support .flex > div .center p:last-child::-webkit-scrollbar-track,
.Service-Support .flex > div:hover .center p:last-child::-webkit-scrollbar-track,
.inside-product .product-list ul::-webkit-scrollbar-track,
.solutionSwiper .left-box .proudct-content-item p:last-child::-webkit-scrollbar-track,
.Company-introduction .Company-introduction-box .left-box p:last-child::-webkit-scrollbar-track,
.home-product .left-box .proudct-content-item p:last-child::-webkit-scrollbar-track {
  background-color: transparent;
}
.Service-Support .flex > div .center p:last-child::-webkit-scrollbar-thumb,
.Service-Support .flex > div:hover .center p:last-child::-webkit-scrollbar-thumb,
.inside-product .product-list ul::-webkit-scrollbar-thumb,
.solutionSwiper .left-box .proudct-content-item p:last-child::-webkit-scrollbar-thumb,
.Company-introduction .Company-introduction-box .left-box p:last-child::-webkit-scrollbar-thumb,
.home-product .left-box .proudct-content-item p:last-child::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--text-color-one);
}
.Service-Support .flex > div .center p:last-child::-webkit-scrollbar-corner,
.Service-Support .flex > div:hover .center p:last-child::-webkit-scrollbar-corner,
.inside-product .product-list ul::-webkit-scrollbar-corner,
.solutionSwiper .left-box .proudct-content-item p:last-child::-webkit-scrollbar-corner,
.Company-introduction .Company-introduction-box .left-box p:last-child::-webkit-scrollbar-corner,
.home-product .left-box .proudct-content-item p:last-child::-webkit-scrollbar-corner {
  background-color: transparent;
}

.button {
  display: inline-flex;
  width: auto !important;
}

.product-list-item .message p:first-child,
.product-list-item .message p:nth-child(2) {
  word-break: break-all;
}

.inside-product .product-list ul {
  overflow-x: scroll;
  padding-bottom: 10px;
}

.inside-product .product-list ul a {
  white-space: nowrap;
}

.solution-list-box .CustomerCase-list-item .solution-message p:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Equipment-display .Equipment-display-content .right-box .swiper-active p {
  word-break: break-all;
}

.Equipment-display .Equipment-display-content .right-box .swiper-active p::after {
  bottom: -15px;
}

.fs-36 {
  font-size: 34px;
}
@media (max-width: 1600px) {
  .fs-36 {
    font-size: 24px;
  }
}
@media (max-width: 1300px) {
  .fs-36 {
    font-size: 24px;
  }
}

.Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide p:last-child {
  font-size: 22px;
}
@media (max-width: 1600px) {
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide p:last-child {
    font-size: 16px;
  }
}
@media (max-width: 1300px) {
  .Equipment-display .Equipment-display-content .equipmentThumbSwiper .swiper-slide p:last-child {
    font-size: 12px;
  }
}

.Equipment-display .Equipment-display-content .left-box .equipmentThumbSwiper {
  height: calc(100% - 0px);
}

@media (max-width: 1320px) {
  .home-product .proudct-sort .sortSwiper {
    font-size: 20px;
  }
  .solution-box .solutionSwiperone {
    height: 120px;
  }
  .Equipment-display .Equipment-display-content .left-box .equipmentThumbSwiper {
    height: calc(100% - 0px);
  }
}
.solution-list-box .CustomerCase-list-item .solution-message p:last-child span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1536px) {
  .nav .nav-pc .nav-li {
    margin-right: 16px;
    margin-left: 16px;
  }
}
.HF-news .HF-newsContent .news-add-item {
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.Service-Support .flex > div .center p:last-child,
.Service-Support .flex > div:hover .center p:last-child {
  max-height: 100px;
  overflow-y: scroll;
}/*# sourceMappingURL=style1.css.map */