inner-banner .inner-banner {
  position: relative
}

inner-banner .inner-banner .img-box {
  width: 100%;
  height: 45rem
}

inner-banner .inner-banner .img-box::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

inner-banner .inner-banner .img-box .img {
  height: 100%
}

inner-banner .inner-banner .text-box {
  margin: 0 auto;
  max-width: 94rem;
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

inner-banner .inner-banner .text-box>h1,
inner-banner .inner-banner .text-box>p {
  font-size: 3rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 2.6rem
}

inner-banner .inner-banner .text-box .main_des {
  color: #ffffff
}

slide-bar .slide-bar {
  width: 30.5rem;
  flex-shrink: 0
}

slide-bar .slide-bar>h4 {
  font-size: 3.4rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 1;
  margin-bottom: var(--mini-m-b, 5rem)
}

slide-bar .slide-bar .slide-bar-list {
  position: relative
}

slide-bar .slide-bar .slide-bar-list::before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: .2rem;
  transform: translateX(-50%);
  z-index: 0;
  background-color: #E9E9E9
}

slide-bar .slide-bar .slide-bar-list li {
  margin-bottom: var(--mini-m-b, 3rem);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}

slide-bar .slide-bar .slide-bar-list li:last-child {
  margin-bottom: unset
}

slide-bar .slide-bar .slide-bar-list li.active a::after {
  width: 100%
}

slide-bar .slide-bar .slide-bar-list li a {
  padding: 0 1.5rem;
  font-size: var(--fz-16, 14px);
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 3rem;
  position: relative
}

slide-bar .slide-bar .slide-bar-list li a>span {
  position: relative;
  z-index: 9
}

slide-bar .slide-bar .slide-bar-list li a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  transition: .25s ease-out;
  background-image: linear-gradient(90deg, var(--themeColor) 0%, var(--themeColor) .4rem, #eeeeee .4rem, #eeeeee 100%)
}

slide-bar .slide-bar .slide-bar-list li a::before {
  content: '';
  width: .4rem;
  height: .4rem;
  background-color: var(--themeColor);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2
}

route .route {
  margin-top: 7rem
}

route .route ._content_ .route-list {
  background: #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: .4rem;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem
}

route .route ._content_ .route-list>li {
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center
}

route .route ._content_ .route-list>li:last-child::after {
  content: unset
}

route .route ._content_ .route-list>li::after {
  content: '\e83e';
  font-family: "hg-iconfont";
  font-size: 14px;
  color: #666666
}

route .route ._content_ .route-list>li a {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 1;
  transition: .2s ease-out
}

route .route ._content_ .route-list>li a:hover {
  color: var(--themeColor)
}

.inner-title {
  font-size: 6rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333
}

.product-title {
  font-size: 3rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 1;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center
}

.product-title::before {
  content: '';
  background-image: var(--icon);
  width: 2rem;
  height: 2rem;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin-right: 1.5rem
}

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

.swiperPagition .custom-swiper-button {
  position: static;
  transform: unset;
  font-size: 1.8rem;
  background-color: #fff;
  color: var(--themeColor-2)
}

.swiperPagition .custom-swiper-button:hover {
  background-color: var(--themeColor-2);
  color: #ffffff
}

.swiperPagition .custom-swiper-button:first-child {
  margin-right: 3rem
}

.aboutUs .aboutUs-main {
  padding-top: var(--block-p-t, 10rem);
  position: relative
}

.aboutUs .aboutUs-main #world-container {
  position: absolute;
  right: 0;
  top: 0;
  width: 70rem;
  height: 70rem
}

.aboutUs .aboutUs-main ._content_ {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.aboutUs .aboutUs-main ._content_ .main-left {
  max-width: 78rem;
  flex-shrink: 0
}

.aboutUs .aboutUs-main ._content_ .main-left .inner-title {
  margin-bottom: 7rem
}

.aboutUs .aboutUs-main ._content_ .main-right {
  width: 62rem;
  flex-shrink: 0
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li {
  width: 36rem;
  height: 20rem;
  background-color: var(--themeColor);
  border-radius: 1rem;
  box-shadow: 0 1.2rem 1.4rem .2rem rgba(31, 31, 31, 0.4);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3.5rem
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:nth-child(1) {
  margin-bottom: 2rem
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:nth-child(3) {
  margin-left: 2rem;
  flex-direction: column;
  width: 24rem;
  height: 30rem;
  justify-content: center
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:nth-child(3) .icon-box {
  margin: unset;
  margin-bottom: 4rem
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:nth-child(3) .text-box {
  justify-content: center;
  align-items: center
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .icon-box {
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 4rem
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .icon-box .img {
  object-fit: contain
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box .counter {
  font-size: 7rem;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 1;
  margin-bottom: .5rem;
  display: block
}

.aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box .des {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 2.2rem
}

.aboutUs .aboutUs-advantages {
  padding-top: var(--block-p-t, 8rem);
  position: relative
}

.aboutUs .aboutUs-advantages .sticky-container {
  position: relative
}

.aboutUs .aboutUs-advantages .sticky-container .sticky-wrapper {
  position: sticky;
  top: calc(var(--headerHeight) + 2rem)
}

.aboutUs .aboutUs-advantages .sticky-container .sticky-wrapper ._content_ {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}

.aboutUs .aboutUs-advantages .advantages-left {
  flex-shrink: 0;
  margin-right: 15.6rem
}

.aboutUs .aboutUs-advantages .advantages-left .img-box {
  border-radius: 26.6rem 1.8rem 1.8rem 1.8rem;
  width: 58rem;
  height: 80rem
}

.aboutUs .aboutUs-advantages .advantages-right {
  position: relative;
  overflow: hidden
}

.aboutUs .aboutUs-advantages .advantages-right::after {
  pointer-events: none;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to top, #ffffff 0%, #ffffff 20%, transparent 100%)
}

.aboutUs .aboutUs-advantages .advantages-right .inner-title {
  margin-bottom: var(--mini-m-b, 5rem)
}

.aboutUs .aboutUs-advantages .advantages-right .scroll-container {
  overflow: hidden;
  height: 70rem;
  max-width: 70rem;
  padding: 0 2rem
}

.aboutUs .aboutUs-advantages .advantages-right .list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start
}

.aboutUs .aboutUs-advantages .advantages-right .list>li {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 1.6rem;
  box-shadow: .4rem .8rem 1.6rem .4rem rgba(0, 0, 0, 0.15);
  margin-bottom: var(--mini-m-b, 3rem);
  padding: 2rem 2.4rem;
  width: 100%;
}

.aboutUs .aboutUs-advantages .advantages-right .list>li:last-child {
  margin-bottom: unset
}

.aboutUs .aboutUs-advantages .advantages-right .list>li>h2 {
  font-size: 3rem;
  font-family: Montserrat-Bold;
  font-weight: normal;
  text-align: left;
  color: #898383;
  font-style: italic;
  margin-bottom: 1.5rem;
}

.aboutUs .aboutUs-advantages .advantages-right .list>li>h2 span {
  margin-right: 1.5rem;
}

.aboutUs .aboutUs-authentication {
  padding-top: var(--block-p-t, 13rem)
}

.aboutUs .aboutUs-authentication .container {
  width: 144rem
}

.aboutUs .aboutUs-authentication ._content_ .inner-title {
  margin-bottom: var(--mini-m-b, 7rem);
  text-align: center
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .swiper {
  margin-bottom: var(--mini-m-b, 7.8rem)
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .swiperPagition .custom-swiper-button {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #EAEAEA;
  color: var(--themeColor-2);
  font-size: 2.4rem
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .swiperPagition .custom-swiper-button:hover {
  color: #ffffff;
  background-color: var(--themeColor-2)
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .swiper-slide {
  padding: 2.5rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.aboutUs .aboutUs-authentication ._content_ .swiper-box .slide-item,
.aboutUs .aboutUs-authentication ._content_ .swiper-box .img-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.aboutUs .aboutUs-development {
  padding-top: var(--block-p-t, 12rem);
  padding-bottom: var(--block-p-b, 10rem);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover
}

.aboutUs .aboutUs-development .inner-title {
  text-align: center;
  margin-bottom: var(--mini-m-b, 10rem)
}

.aboutUs .aboutUs-development ._content_ {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start
}

.aboutUs .aboutUs-development ._content_ .development-left {
  margin-right: 22.8rem
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box::before,
.aboutUs .aboutUs-development ._content_ .development-left .swiper-box::after {
  content: '';
  display: block;
  width: 1px;
  height: 2.4rem;
  background-color: #A2A2A2
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb {
  max-width: 10rem;
  height: 20rem;
  margin: 2rem 0
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-wrapper {
  align-items: center
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-slide {
  width: fit-content;
  height: fit-content;
  opacity: .5;
  font-size: var(--fz-16, 14px);
  font-weight: 400;
  text-align: center;
  color: var(--themeColor)
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-slide.swiper-slide-thumb-active {
  font-size: var(--fz-18, 16px);
  font-weight: bold;
  opacity: 1
}

.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-slide.swiper-slide-next,
.aboutUs .aboutUs-development ._content_ .development-left .swiper-box .swiper.thumb .swiper-slide.swiper-slide-prev {
  opacity: .85;
  font-size: var(--fz-17, 16px)
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiperPagition .custom-swiper-button:first-child {
  margin-right: 1.5rem
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main {
  width: 143rem;
  margin-bottom: var(--mini-m-b, 4rem)
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .swiper-slide {
  width: 50rem;
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .img-box {
  width: 40rem;
  height: 20rem;
  margin-bottom: var(--mini-m-b, 4rem);
  border-radius: 1rem;
}

.aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .text-box>span {
  font-size: 8rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  display: block;
  line-height: 1;
  color: var(--themeColor);
  margin-bottom: 2rem
}

.aboutUs .aboutUs-culture {
  padding-top: var(--block-p-t, 14rem);
  padding-bottom: var(--block-p-b, 17rem)
}

.aboutUs .aboutUs-culture ._content_ .culture-head {
  max-width: 64rem;
  position: relative;
  z-index: 9;
}

.aboutUs .aboutUs-culture ._content_ .culture-head .inner-title {
  margin-bottom: var(--mini-m-b, 2.4rem)
}

.aboutUs .aboutUs-culture ._content_ .culture-pic {
  margin-top: -8rem
}

.aboutUs .aboutUs-culture ._content_ .culture-pic .img-box {
  width: 160rem;
  height: auto
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--mini-m-t, 5.5rem);
  position: relative
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom::after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #CACACA;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%)
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right,
.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left {
  width: 70rem;
  flex-shrink: 0
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left .main_des {
  line-height: 3.2rem;
  color: #666666
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li>span {
  font-size: var(--fz-18, 16px);
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: var(--themeColor);
  line-height: 4.8rem;
  display: block;
  width: 11rem;
  margin-right: 1.5rem
}

.aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li>p {
  font-size: var(--fz-18, 16px);
  text-align: left;
  color: #666666;
  line-height: 4.8rem
}

.product-catrgory {
  --item: 3;
  --gap: 9.6rem;
  --itemWidth: calc(100% / var(--item) - (var(--gap) * (var(--item) - 1) / var(--item)));
  padding-top: var(--block-p-t, 7rem);
  padding-bottom: var(--block-p-b, 14rem)
}

.product-catrgory .container {
  width: 127rem
}

.product-catrgory .product-title {
  font-size: 6rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333
}

.product-catrgory ._content_ .catrgory-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--mini-m-b, 6rem)
}

.product-catrgory ._content_ .catrgory-head .catrgory-search form {
  background-color: #EEEEEE;
  border-radius: 3.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 6.8rem;
  overflow: hidden
}

.product-catrgory ._content_ .catrgory-head .catrgory-search form>* {
  border: unset;
  background-color: unset;
  height: 100%
}

.product-catrgory ._content_ .catrgory-head .catrgory-search form input {
  padding: 2.5rem 0 2.5rem 3rem;
  width: 60rem
}

.product-catrgory ._content_ .catrgory-head .catrgory-search form button {
  font-size: 2rem;
  padding: 0 3rem;
  cursor: pointer
}

.product-catrgory ._content_ .catrgory-main .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center
}

.product-catrgory ._content_ .catrgory-main .list>li {
  width: var(--itemWidth);
  margin-right: var(--gap);
  position: relative;
  margin-top: 2rem;
  height: 44rem;
  overflow: hidden
}

.product-catrgory ._content_ .catrgory-main .list>li:hover .i {
  background-color: var(--themeColor-2) !important
}

.product-catrgory ._content_ .catrgory-main .list>li:hover .item {
  height: 100%
}

.product-catrgory ._content_ .catrgory-main .list>li:hover .item .main_des {
  opacity: 1 !important;
  visibility: visible !important;
  transform: unset !important
}

.product-catrgory ._content_ .catrgory-main .list>li:nth-child(-n+3) {
  margin-top: unset
}

.product-catrgory ._content_ .catrgory-main .list>li:nth-child(3n) {
  margin-right: unset
}

.product-catrgory ._content_ .catrgory-main .list>li>a {
  height: 100%;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center
}

.product-catrgory ._content_ .catrgory-main .list>li .item {
  height: 36rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 4rem 4rem 3rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: .25s ease-out;
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  position: relative
}

.product-catrgory ._content_ .catrgory-main .list>li .item::after {
  content: '';
  position: absolute;
  inset: 0;
  transform: scale(0);
  background: transparent;
  backdrop-filter: blur(3px)
}

.product-catrgory ._content_ .catrgory-main .list>li:hover .item::after {
  transform: scale(1);
}

.product-catrgory ._content_ .catrgory-main .list>li .item .text-box {
  position: relative;
  z-index: 9;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.product-catrgory ._content_ .catrgory-main .list>li .item .text-box>h2 {
  font-size: var(--fz-20);
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  text-align: left;
  line-height: 2.6rem;
  height: 5.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.product-catrgory ._content_ .catrgory-main .list>li .item .text-box .main_des {
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 6rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  transition: .25s ease-out .05s;
}

.product-catrgory ._content_ .catrgory-main .list>li .item .text-box .i {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: transparent;
  transition: .15s ease-out;
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  margin-top: auto;
}

.product-list {
  padding-top: var(--block-p-t, 10rem);
  padding-bottom: var(--block-p-b, 8rem)
}

.product-list ._content_ {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}

.product-list ._content_ .product-list-sideBar {
  margin-right: 6.4rem;
  position: sticky;
  top: calc(var(--headerHeight) + 2rem)
}

.product-list ._content_ .product-list-sideBar .sideBar {
  width: 42rem
}

.product-list ._content_ .product-list-sideBar .sideBar form {
  background: #eeeeee;
  border: .2rem solid var(--themeColor);
  border-radius: 1rem;
  width: 100%;
  height: 6.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem
}

.product-list ._content_ .product-list-sideBar .sideBar form button,
.product-list ._content_ .product-list-sideBar .sideBar form input {
  background: transparent;
  border: unset;
  height: 100%
}

.product-list ._content_ .product-list-sideBar .sideBar form input {
  flex-grow: 1;
  padding-left: 2.5rem
}

.product-list ._content_ .product-list-sideBar .sideBar form button {
  cursor: pointer;
  font-size: 2.4rem;
  padding: 0 2.4rem;
  flex-shrink: 0;
  transition: .15s ease
}

.product-list ._content_ .product-list-sideBar .sideBar form button:hover {
  color: var(--themeColor)
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list {
  border-radius: .6rem;
  overflow: hidden
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list>h4 {
  font-size: 2rem;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 6rem;
  background-color: var(--themeColor);
  padding: 0 2.3rem;
  text-transform: uppercase
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .title-header {
  padding: 1.5rem 2rem;
  background-color: #EEEEEE;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper .title-header {
  background-color: transparent;
  padding: 0;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .title-header>a {
  margin-right: 1.5rem;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .title-header .i {
  margin-left: auto;
  font-size: 1.8rem;
  cursor: pointer;
  flex-shrink: 0;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .third-wrapper,
.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper {
  position: relative;
  flex-basis: 100%;
  width: 100%;
  z-index: 9;
  display: none;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper .second-wrapper_list {}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .third-wrapper .third-wrapper_list>li,
.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper .second-wrapper_list>li {
  padding: 1.5rem 2rem 1.5rem 2.5rem;
  background-color: #f2f2f2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .third-wrapper .third-wrapper_list>li a::before,
.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper .second-wrapper_list>li a::before {
  content: '';
  width: 1.6rem;
  height: 2px;
  background-color: var(--themeColor-2);
  margin-right: .6rem;
  flex-shrink: 0;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li.active .title-header a {
  transform: unset
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li a {
  font-size: var(--fz-16, 14px);
  font-weight: 400;
  text-align: left;
  color: #333333;
  transition: .25s ease-out;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li .second-wrapper_list>li.active .title-header>a::before,
.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li.active .title-header>a::before {
  content: '';
  width: 2px;
  height: 1.6rem;
  background-color: var(--themeColor-2);
  display: block;
  transition: .2s ease-out;
  margin-right: .6rem;
  flex-shrink: 0;
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li a:hover {
  color: var(--themeColor)
}

.product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li>.title-header a:hover {
  font-family: Montserrat-Bold;
}

.product-list ._content_ .product-list-main {
  width: 100%;
}

.product-list ._content_ .product-list-main .product-list-main_head {
  margin-bottom: var(--mini-m-b, 8rem)
}

.product-list ._content_ .product-list-main .product-list-main_head>h2 {
  font-size: 3rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: center;
  color: #333333;
  margin-bottom: 4rem
}

.product-list ._content_ .product-list-main .product-list-main_head .main_des {
  color: #666666
}

.product-list ._content_ .product-list-main .table-container {
  width: 100%
}

.product-list ._content_ .product-list-main .table-container .table-head {
  width: 100%;
  display: flex;
  justify-content: flex-start
}

.product-list ._content_ .product-list-main .table-container .table-head .head-item {
  background-color: var(--themeColor);
  flex-shrink: 0;
  font-size: var(--fz-18, 16px);
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  padding: 2rem
}

.product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(1) {
  width: 24rem
}

.product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(2) {
  width: 22rem
}

.product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(3) {
  flex-grow: 1
}

.product-list ._content_ .product-list-main .table-container .table-wrap {
  border: 1px solid #c7c7c7;
  border-top: unset
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li {
  border-bottom: 1px solid #c7c7c7;
  background-color: #f8f8f8;
  transition: .15s ease-out
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li>a {
  display: flex;
  justify-content: flex-start;
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li:hover {
  background-color: #dae1ed
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li:hover a {
  color: var(--themeColor) !important
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li:hover a::after {
  background-color: var(--themeColor) !important
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li:last-child {
  border-bottom: unset
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col {
  font-size: var(--fz-16, 14px);
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 3rem;
  flex-shrink: 0;
  padding: 1.2rem 2rem;
  border-right: 1px solid #c7c7c7
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col ul li::before {
  content: '\e61d';
  font-family: 'hg-iconfont';
  font-size: 1rem;
  color: #333
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col:last-child {
  border-right: unset
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-1 {
  width: 24rem
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-2 {
  width: 22rem
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-3 {
  flex-grow: 1;
  flex-shrink: 1
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-4 {
  width: 6.5rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-4 span {
  color: #333;
  position: relative
}

.product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-4 span::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 0
}

.product-detail {
  padding-top: var(--block-p-t, 9rem);
  padding-bottom: var(--block-p-b, 13rem)
}

.product-detail ._content_ .product-detail-main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}

.product-detail ._content_ .product-detail-main .product-detail-main_left {
  position: sticky;
  top: calc(var(--headerHeight) + 2rem);
  width: 63rem;
  margin-right: 12rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_left .swiper-slide {
  border-radius: 1rem;
  overflow: hidden
}

.product-detail ._content_ .product-detail-main .product-detail-main_left .main {
  margin-bottom: 2rem;
  overflow: hidden;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right {
  width: 84rem;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right>div .container {
  width: 100%;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--mini-m-b, 5.6rem);
  width: 68rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head .product-title {
  font-size: 3.6rem;
  line-height: normal;
  padding-left: 3rem;
  position: relative
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head .product-title::before {
  content: '';
  width: .6rem;
  height: 100%;
  background-color: var(--themeColor);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data {
  width: 68rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data .main_right_data_rich {
  margin-top: var(--block-m-t, 8rem);
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data .main_right_data_rich .product-title {
  margin-bottom: var(--mini-m-b, 2.5rem);
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li {
  padding-right: 7.5rem;
  margin-right: 7.5rem;
  position: relative;
  font-size: var(--fz-18, 16px);
  text-align: left;
  color: #333333;
  display: block;
  line-height: 3rem;
  font-weight: 300
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: #BEBEBE
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li:last-child {
  padding-right: unset;
  margin-right: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li:last-child::after {
  content: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li span {
  font-family: Montserrat-Bold;
  font-weight: 700
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter {
  padding-top: var(--block-p-t, 8rem);
  width: 68rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .product-title {
  margin-bottom: var(--mini-m-b, 2.5rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}
.rich-box em {
  font-style: italic;
}

.rich-box ul,ol {
  list-style: initial;
  list-style-position: initial;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data_rich .rich-box {
  background: #eeeeee;
  border-radius: 1rem;
  overflow: hidden;
  padding: 3rem;
  flex-shrink: 0
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box {
  background: #eeeeee;
  border-radius: 1rem;
  overflow: hidden;
  padding: 3rem;
  margin-bottom: var(--mini-m-b, 2rem);
  flex-shrink: 0
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:first-child {
  flex-basis: 37rem;
  margin-right: 3rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:nth-child(2) {
  flex-grow: 1;
  flex-basis: 28rem;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:last-child {
  margin-bottom: unset;
  flex-basis: 100%
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box>h4 {
  font-size: var(--fz-20, 2rem);
  font-family: Montserrat-Bold;
  font-weight: 700;
  color: var(--themeColor);
  line-height: 1;
  display: block;
  padding-bottom: 3rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data .main_right_data_rich .rich-box>h4 {
  font-size: var(--fz-20, 2rem);
  font-family: Montserrat-Bold;
  font-weight: 700;
  color: var(--themeColor);
  line-height: 1;
  display: block;
  padding-bottom: 3rem;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des {
  line-height: 3.6rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table {
  margin-bottom: unset;
  width: 100%;
  display: block;
  height: 100%;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody {
  width: 100%;
  display: block;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody tr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 1.5rem;
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:last-child .main_des table.gzchem tbody tr {
  border-bottom: 1px solid #d0d0d0;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:last-child .main_des table tbody tr:last-child {
  border-bottom: unset;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody td {
  padding: unset;
  line-height: unset;
  border: unset;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table.gzchem tbody td {
  flex: 1;
  color: initial;
  word-break: break-all;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table:not(.gzchem) tbody td:nth-child(even) {
  text-align: right;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody td p {
  text-align: right;
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody td:first-child {
  color: #666666;
  font-size: var(--fz-16, 14px);
  font-family: Montserrat-Bold
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character {
  padding-top: var(--block-p-t, 8rem);
  --item: 2;
  --gap: 8rem;
  --itemWidth: calc(100% / var(--item) - (var(--gap) * (var(--item) - 1) / var(--item)))
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .product-title {
  margin-bottom: var(--mini-m-b, 4rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li {
  width: var(--itemWidth);
  margin-right: var(--gap);
  margin-bottom: var(--mini-m-b, 6rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li:nth-last-child(-n+2) {
  margin-bottom: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li:nth-child(2n) {
  margin-right: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li .title {
  font-size: var(--fz-18, 16px);
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: var(--themeColor);
  line-height: 3rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li .main_des {
  line-height: 3.6rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download {
  padding-top: var(--block-p-t, 8.5rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .product-title {
  margin-bottom: var(--mini-m-b, 4rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list {
  width: 100%
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li {
  margin-bottom: 1.6rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li:last-child {
  margin-bottom: unset
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li:hover .item {
  background-color: var(--themeColor);
  color: #ffffff
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li .item {
  background: #ffffff;
  border: 1px solid var(--themeColor);
  border-radius: .6rem;
  padding: 8px 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--fz-16, 14px);
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 3rem;
  transition: .25s ease-out
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li .item .title {
  font-size: inherit;
  line-height: inherit;
  color: inherit
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li .item>span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  display: block;
  margin-left: auto
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_download .list>li .item .i {
  margin-left: 3.5rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended {
  padding-top: var(--block-p-t, 8rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .product-title {
  margin-bottom: var(--mini-m-b, 4rem)
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .swiper-box .img-box {
  width: 100%;
  height: 20.3rem;
  margin-bottom: 1.5rem
}

.product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .swiper-box .title {
  font-size: var(--fz-18, 16px);
  color: #363636;
  line-height: 3rem;
  text-align: center
}

.contact-us {
  padding-top: var(--block-p-t, 9.5rem);
  padding-bottom: var(--block-p-t, 12rem)
}

.contact-us ._content_ {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end
}

.contact-us ._content_ .contact-us_left {
  margin-right: 16rem;
  flex-grow: 1
}

.contact-us ._content_ .contact-us_left .inner-title {
  margin-bottom: var(--mini-m-b, 6rem)
}

.contact-us ._content_ .contact-us_left .main_des {
  margin-bottom: var(--mini-m-b, 3rem)
}

.contact-us ._content_ .contact-us_left .contact-list {
  max-width: 53rem;
  margin-bottom: var(--mini-m-b, 4rem)
}

.contact-us ._content_ .contact-us_left .contact-list>li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: var(--fz-18, 16px);
  text-align: left;
  line-height: 3rem;
  margin-bottom: var(--mini-m-b, 2rem)
}

.contact-us ._content_ .contact-us_left .contact-list>li>span {
  font-family: Montserrat-Bold;
  font-weight: 700;
  display: block;
  margin-right: .5rem
}

.contact-us ._content_ .contact-us_left .contact-list>li .link-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start
}

.contact-us ._content_ .contact-us_left .contact-list>li .link-group>li>a:hover {
  color: var(--themeColor)
}

.contact-us ._content_ .contact-us_left .contact-list>li .link-group>li a,
.contact-us ._content_ .contact-us_left .contact-list>li .link-group>li p {
  color: #333
}

.contact-us ._content_ .contact-us_left .fllow-box {
  margin-bottom: var(--mini-m-b, 6rem)
}

.contact-us ._content_ .contact-us_left .fllow-box>span {
  font-size: var(--fz-18, 16px);
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  display: block;
  line-height: 1;
  margin-bottom: 1.5rem
}

.contact-us ._content_ .contact-us_left .fllow-box .list {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.contact-us ._content_ .contact-us_left .fllow-box .list>li {
  margin-right: 1.6rem
}

.contact-us ._content_ .contact-us_left .fllow-box .list>li:hover .i {
  background-color: var(--themeColor);
  color: #ffffff
}

.contact-us ._content_ .contact-us_left .fllow-box .list>li:last-child {
  margin-right: unset
}

.contact-us ._content_ .contact-us_left .fllow-box .list>li .i {
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid var(--themeColor);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: var(--themeColor);
  transition: .2s ease-out
}

.contact-us ._content_ .contact-us_left .map-box {
  width: 100%;
  height: 35.5rem
}

.contact-us ._content_ .contact-us_left .map-box>iframe {
  width: 100%;
  height: 100%;
  display: block
}

.contact-us ._content_ .contact-us_right {
  flex-shrink: 0
}

.contact-us ._content_ .contact-us_right>h3 {
  font-size: 2.6rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: center;
  margin-bottom: var(--mini-m-b, 2rem)
}

.contact-us ._content_ .contact-us_right>form {
  width: 81rem
}

.contact-us ._content_ .contact-us_right>form input,
.contact-us ._content_ .contact-us_right>form textarea {
  background-color: #f1f1f1;
  border-radius: .4rem;
  height: 6rem;
  width: 100%;
  border: 1px solid #d7d7d7;
  padding: 1.5rem
}

.contact-us ._content_ .contact-us_right>form textarea {
  height: 22rem
}

.contact-us ._content_ .contact-us_right>form .input-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--mini-m-b, 3rem)
}

.contact-us ._content_ .contact-us_right>form .input-box:last-child {
  margin-bottom: unset
}

.contact-us ._content_ .contact-us_right>form .input-box>.contact-lines {
  margin-right: 1rem
}

.contact-us ._content_ .contact-us_right>form .input-box>.contact-lines:last-child {
  margin-right: unset
}

.contact-us ._content_ .contact-us_right>form .contact-lines {
  flex: 1
}

.contact-us ._content_ .contact-us_right>form .contact-lines .place_holder {
  font-size: var(--fz-16, 14px);
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  margin-bottom: 1.2rem;
  display: block;
  line-height: 1
}

.contact-us ._content_ .contact-us_right>form .contact-lines .place_holder>em {
  color: #ff0000;
  margin-right: .5rem
}

.contact-us ._content_ .contact-us_right>form .submit_btn {
  background-color: var(--themeColor);
  border-radius: .4rem;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 14px;
  font-family: Montserrat-SemiBold, Montserrat-Bold;
  border: unset;
  padding: 1.6rem 5.2rem;
  margin: 0 auto;
  transition: .25s ease-out;
  border: 1px solid var(--themeColor)
}

.contact-us ._content_ .contact-us_right>form .submit_btn:hover {
  background-color: #ffffff;
  color: var(--themeColor)
}

.news-list {
  padding-top: var(--block-p-t, 9rem);
  padding-bottom: var(--block-p-b, 13rem);
  --item: 3;
  --gap: 8rem;
  --itemWidth: calc(100% / var(--item) - (var(--gap) * (var(--item) - 1) / var(--item)))
}

.news-list .marker {
  background: var(--themeColor-2);
  border-radius: .4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  color: #ffffff
}

.news-list ._content_ .news-list_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--mini-m-b, 8rem)
}

.news-list ._content_ .news-list_head .inner-title {
  line-height: 1
}

.news-list ._content_ .news-list_head .nav-list {
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.news-list ._content_ .news-list_head .nav-list>li {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e8e8e8;
  border-radius: 2.4rem;
  overflow: hidden;
  transition: .15s linear;
  margin-left: 1.6rem
}

.news-list ._content_ .news-list_head .nav-list>li.active,
.news-list ._content_ .news-list_head .nav-list>li:hover {
  background-color: var(--themeColor)
}

.news-list ._content_ .news-list_head .nav-list>li.active a,
.news-list ._content_ .news-list_head .nav-list>li:hover a {
  color: #ffffff
}

.news-list ._content_ .news-list_head .nav-list>li a {
  padding: 1.5rem 2rem;
  font-size: var(--fz-18, 16px);
  font-weight: 400;
  text-align: left;
  color: #333333
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 50.5rem;
  background: #eeeeee;
  border-radius: 1rem;
  overflow: hidden
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box {
  flex-shrink: 0;
  width: 79rem;
  height: 100%
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box:hover img {
  transform: scale(1.05) rotate(1deg)
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box {
  flex-grow: 1;
  padding: 5rem
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .marker {
  margin-bottom: 1.5rem
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .title {
  font-size: 3rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 4.8rem;
  height: 9.6rem;
  margin-bottom: var(--mini-m-b, 4rem);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .main_des {
  margin-bottom: var(--mini-m-b, 4rem);
  height: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom .date {
  margin-right: 2.4rem
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom .i {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  background-color: var(--themeColor-2);
  color: #ffffff;
  transition: .2s ease
}

.news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom .i:hover {
  transform: translateX(3px);
  background-color: var(--themeColor)
}

.news-list ._content_ .news-list_list {
  padding-top: var(--block-p-t, 8rem);
  padding-bottom: var(--block-p-b, 16rem)
}

.news-list ._content_ .news-list_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start
}

.news-list ._content_ .news-list_list ul>li {
  width: var(--itemWidth);
  margin-right: var(--gap);
  margin-bottom: var(--mini-m-b, 9rem)
}

.news-list ._content_ .news-list_list ul>li:nth-last-child(-n+3) {
  margin-bottom: unset
}

.news-list ._content_ .news-list_list ul>li:nth-child(3n) {
  margin-right: unset
}

.news-list ._content_ .news-list_list ul>li .img-box {
  margin-bottom: var(--mini-m-b, 3rem);
  border-radius: 1rem;
  height: 31rem;
}

.news-list ._content_ .news-list_list ul>li .img-box:hover img {
  transform: scale(1.05)
}

.news-list ._content_ .news-list_list ul>li .marker {
  margin-bottom: var(--mini-m-b, 2rem)
}

.news-list ._content_ .news-list_list ul>li .title {
  font-size: 2rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
  line-height: 3rem;
  height: 6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: var(--mini-m-b, 2rem)
}

.news-list ._content_ .news-list_list ul>li .bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.news-list ._content_ .news-list_list ul>li .bottom .date {
  margin-right: 2.4rem;
  color: #888888
}

.news-list ._content_ .news-list_list ul>li .bottom .i {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  background-color: var(--themeColor-2);
  color: #ffffff;
  transition: .2s ease
}

.news-list ._content_ .news-list_list ul>li .bottom .i:hover {
  transform: translateX(3px);
  background-color: var(--themeColor)
}

.news-detail {
  padding-top: var(--block-p-t, 5rem);
  padding-bottom: var(--block-p-b, 18rem)
}

.news-detail ._content_ {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.news-detail ._content_ .news-detail_left {
  flex-shrink: 0;
  border-right: 1px solid #BFBFBF
}

.news-detail ._content_ .news-detail_left .slide-bar {
  position: sticky;
  top: var(--headerHeight);
  padding-top: 6.5rem
}

.news-detail ._content_ .news-detail_right {
  flex-grow: 1
}

.news-detail ._content_ .news-detail_right .news-detail-content {
  margin: 0 auto;
  max-width: 104rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center
}

.news-detail ._content_ .news-detail_right .news-detail-content .container {
  width: 100%
}

.news-detail ._content_ .news-detail_right .news-detail-content .detail_right_head {
  margin-bottom: var(--mini-m-b, 7rem)
}

.news-detail ._content_ .news-detail_right .news-detail-content .detail_right_head .title {
  font-size: 3rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 4.8rem;
  margin-bottom: var(--mini-m-b, 5rem)
}

.news-detail ._content_ .news-detail_right .news-detail-content .detail_right_head .date {
  font-size: var(--fz-16, 14px);
  font-weight: 400;
  color: #888888;
  display: block;
  line-height: 1;
  text-align: center
}

.video-list {
  --item: 3;
  --gap: 9.6rem;
  --itemWidth: calc(100% / var(--item) - (var(--gap) * (var(--item) - 1) / var(--item)));
  padding-bottom: var(--block-p-b, 14rem);
}

.video-list .route {
  margin-bottom: 7rem;
}

.video-list .container {
  width: 127rem;
}

.video-list .video-title {
  font-size: 6rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333;
}

.video-list ._content_ .list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--mini-m-b, 10.5rem);
}

.video-list ._content_ .list-head .list-search form {
  background-color: #eeeeee;
  border-radius: 3.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 6.8rem;
  overflow: hidden;
}

.video-list ._content_ .list-head .list-search form>* {
  border: unset;
  background-color: unset;
  height: 100%;
}

.video-list ._content_ .list-head .list-search form input {
  padding: 2.5rem 0 2.5rem 3rem;
  width: 60rem;
}

.video-list ._content_ .list-head .list-search form button {
  font-size: 2rem;
  padding: 0 3rem;
  cursor: pointer;
}

.video-list ._content_ .list-main .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.video-list ._content_ .list-main .list>li {
  width: var(--itemWidth);
  margin-right: var(--gap);
  position: relative;
  margin-top: 6rem;
  overflow: hidden;
}

.video-list ._content_ .list-main .list>li:hover .i {
  background-color: var(--themeColor-2) !important;
  border-color: var(--themeColor-2) !important;
}

.video-list ._content_ .list-main .list>li:nth-child(-n + 3) {
  margin-top: unset;
}

.video-list ._content_ .list-main .list>li:nth-child(3n) {
  margin-right: unset;
}

.video-list ._content_ .list-main .list>li>a {
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 100%;
}

.video-list ._content_ .list-main .list>li .item {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 4rem 4rem 3rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: 0.25s ease-out;
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.video-list ._content_ .list-main .list>li .item::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: transparent;
  backdrop-filter: blur(3px);
  transition: 0.25s ease-out;
}

.video-list ._content_ .list-main .list>li:hover .item::after {
  opacity: 1;
}

.video-list ._content_ .list-main .list>li .item .text-box {
  position: relative;
  z-index: 9;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.video-list ._content_ .list-main .list>li .item .text-box>h2 {
  font-size: var(--fz-20);
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  text-align: left;
  line-height: 2.6rem;
  height: 5.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.video-list ._content_ .list-main .list>li .item .text-box .main_des {
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  height: 21rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  transition: 0.25s ease-out 0.05s;
}

.video-list ._content_ .list-main .list>li .item .text-box .i {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: transparent;
  transition: 0.15s ease-out;
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  margin-top: auto;
  border: 1px solid #ffffff;
}

.custom-swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center
}

.custom-swiper-pagination .swiper-pagination-bullet {
  width: 2.8rem;
  height: .3rem;
  opacity: 1;
  background-color: #ccc;
  border-radius: unset;
  margin: unset;
  transition: .3s ease-out;
  will-change: width, background-color
}

.custom-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--themeColor);
  width: 4rem
}

.service {
  padding-top: var(--block-p-t, 6rem)
}

.service .main_title {
  text-align: left;
  font-family: Montserrat-ExtraBold, Montserrat-Bold
}

.service .service_head {
  margin: 0 auto;
  margin-bottom: var(--mini-m-b, 6rem);
  width: 128rem
}

.service .service_head .route {
  margin-top: unset;
  margin-bottom: 8rem
}

.service .service_head .route .container {
  width: 100%
}

.service .service_head .title {
  font-size: 6rem;
  font-family: Montserrat-ExtraBold, Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #333333
}

.service .service-oem .container {
  width: 128rem
}

.service .service-oem ._content_ {
  border-radius: 2rem;
  position: relative;
  overflow: hidden
}

.service .service-oem ._content_ .img-box {
  width: 100%;
  height: auto
}

.service .service-oem ._content_ .img-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to bottom, transparent 0%, var(--themeColor) 100%)
}

.service .service-oem ._content_ .text-box {
  position: absolute;
  bottom: 0;
  z-index: 9;
  width: 100%;
  padding: 4rem 6rem;
  color: #fff
}

.service .service-oem ._content_ .text-box h2 {
  font-size: 3rem;
  font-family: Montserrat-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 1;
  margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-oem ._content_ .text-box .main_des {
  line-height: 3.6rem;
  font-size: var(--fz-16, 14px);
}

.service .service-support {
  padding-top: var(--block-p-t, 16rem)
}

.service .service-support .container {
  width: 144rem
}

.service .service-support ._content_ .support_head {
  width: 128rem;
  margin: 0 auto;
  margin-bottom: var(--mini-m-b, 5.5rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.service .service-support ._content_ .support_head .main_title {
  margin-bottom: var(--mini-m-b, 2rem);
  text-align: left;
}

.service .service-support ._content_ .support_head .rich-box {
  flex-shrink: 0;
  color: #666666
}

.service .service-support ._content_ .support_main .swiper-box::before,
.service .service-support ._content_ .support_main .swiper-box::after {
  content: "";
  width: 0px;
  height: 32rem;
  position: absolute;
  top: 0;
  z-index: 9;
  box-shadow: 0 0 7rem 8rem #fff
}

.service .service-support ._content_ .support_main .swiper-box::before {
  left: 0
}

.service .service-support ._content_ .support_main .swiper-box::after {
  right: 0
}

.service .service-support ._content_ .support_main .swiper-box .swiper {
  margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-support ._content_ .support_main .swiper-box .swiper-slide {
  height: 40rem;
  display: flex;
  justify-content: center;
  align-items: flex-start
}

.service .service-support ._content_ .support_main .swiper-box .swiper-slide.swiper-slide-prev {
  justify-content: flex-start
}

.service .service-support ._content_ .support_main .swiper-box .swiper-slide.swiper-slide-next {
  justify-content: flex-end
}

.service .service-support ._content_ .support_main .swiper-box .swiper-slide.swiper-slide-active .img-box {
  width: 100%;
  height: 100%
}

.service .service-support ._content_ .support_main .swiper-box .img-box {
  width: 42rem;
  height: 32rem;
  border-radius: 2rem;
  will-change: width, height;
  transition: .45s ease-in-out
}

.service .service-team {
  padding-top: var(--block-p-t, 16rem)
}

.service .service-team .team_head {
  width: 128rem;
  margin: 0 auto;
  margin-bottom: var(--mini-m-b, 5.5rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.service .service-team .team_head .main_title {
  text-align: left;
  margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-team .team_head .rich-box {
  flex-shrink: 0;
  color: #666666;
}

.service .service-team ._content_ .swiper-box {
  overflow-y: hidden
}

.service .service-team ._content_ .swiper-box::before,
.service .service-team ._content_ .swiper-box::after {
  content: "";
  width: 0px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9;
  box-shadow: 0 0 8rem 18rem #fff
}

.service .service-team ._content_ .swiper-box::before {
  left: 0
}

.service .service-team ._content_ .swiper-box::after {
  right: 0
}

.service .service-team ._content_ .swiper-box .img-box {
  width: 100%;
  height: 46rem;
  margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-team ._content_ .swiper-box .img-box .link-group {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  bottom: 2rem;
  left: 0;
  width: 100%;
  z-index: 9;
  padding: 0 2rem
}

.service .service-team ._content_ .swiper-box .img-box .link-group span {
  background: var(--themeColor-2);
  border-radius: 2rem;
  padding: 0 2.4rem;
  height: 4rem;
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: var(--fz-16, 14px);
  margin-right: 2rem
}

.service .service-team ._content_ .swiper-box .img-box .link-group .i {
  border-radius: 50%;
  background-color: #ffffff;
  transition: .2s ease;
  color: var(--themeColor-2);
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
  margin-right: 2rem
}

.service .service-team ._content_ .swiper-box .img-box .link-group .i:last-child {
  margin-right: unset
}

.service .service-team ._content_ .swiper-box .img-box .link-group .i:hover {
  color: #ffffff;
  background-color: var(--themeColor-2)
}

.service .service-team ._content_ .swiper-box .img-box .link-group .i>a {
  color: inherit;
  font-size: inherit;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.service .service-team ._content_ .swiper-box .text-box h2 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: left;
  color: #010101;
  line-height: 3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-team ._content_ .swiper-box .text-box .des {
  font-size: var(--fz-16, 14px);
  font-family: Montserrat-Light, Montserrat-Regalur;
  text-align: left;
  color: #010101;
  line-height: 3.2rem
}

.service .service-ontime {
  padding-top: var(--block-p-t, 14rem);
  margin-bottom: var(--block-m-b, 16rem)
}

.service .service-ontime ._content_ {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.service .service-ontime ._content_ .ontime_left {
  margin-right: 12rem
}

.service .service-ontime ._content_ .ontime_left .img-box {
  width: 54rem;
  height: 48.5rem;
  flex-shrink: 0;
}

.service .service-ontime ._content_ .ontime_right {}

.service .service-ontime ._content_ .ontime_right .main_title {
  margin-bottom: var(--mini-m-b, 2rem)
}

.service .service-ontime ._content_ .ontime_right .main_des {
  line-height: 3.6rem;
  color: #666666
}

.service .service-commonItem ._content_ {
  position: relative
}

.service .service-commonItem ._content_ .img-box {
  width: 100%;
  height: auto
}

.service .service-commonItem ._content_ .text-box {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 32.5rem
}

.service .service-commonItem ._content_ .text-box .content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.service .service-commonItem:nth-of-type(even) .text-box .content {
  flex-direction: row-reverse;
}

.service .service-commonItem ._content_ .text-box .content .main_title {
  text-align: left;
  line-height: 8rem;
  flex-shrink: 0;
}

.service .service-commonItem ._content_ .text-box .content .main_title {
  width: 52rem;
}

.service .service-commonItem:nth-of-type(even) ._content_ .text-box .content .main_title {
  margin-left: 3rem;
  text-align: right;
}

.service .service-commonItem:nth-of-type(even) ._content_ .text-box .content .main_des {
  color: var(--themeColor);
}

.service .service-commonItem:nth-of-type(odd) ._content_ .text-box .content .main_title {
  color: #ffffff;
  margin-right: 3rem;
}

.service .service-commonItem:nth-of-type(odd) ._content_ .text-box .content .main_des {
  color: #ffffff;
}

.service-2 {
  padding-top: var(--block-p-t, 8rem);
  padding-bottom: var(--block-p-b, 8rem)
}

.service-2 .service-2_head {
  margin-bottom: var(--mini-m-b, 4rem)
}

.service-2 .service-2_head .main_title {
  margin-bottom: 2rem
}

.service-2 .service-2_main ._content_ .list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--block-m-b, 6rem)
}

.service-2 .service-2_main ._content_ .list .item:last-child {
  margin-bottom: unset
}

.service-2 .service-2_main ._content_ .list .item:nth-child(odd) .item_img {
  margin-right: 10rem
}

.service-2 .service-2_main ._content_ .list .item:nth-child(even) {
  flex-direction: row-reverse
}

.service-2 .service-2_main ._content_ .list .item:nth-child(even) .item_text {
  margin-right: 10rem
}

.service-2 .service-2_main ._content_ .list .item>* {
  flex: 1
}

.service-2 .service-2_main ._content_ .list .item .item_text .title {
  font-size: 4rem;
  font-family: Montserrat-Bold, Montserrat-Regular;
  font-weight: 700;
  color: var(--themeColor);
  line-height: normal;
  margin-bottom: var(--mini-m-b, 2rem)
}

.service-2 .service-2_main ._content_ .list .item .item_text .des {
  font-size: var(--fz-16, 14px);
  font-weight: 400;
  text-align: left;
  line-height: 2.6rem;
  margin-bottom: var(--mini-m-b, 4rem)
}

.service-2 .service-2_main ._content_ .list .item .item_text .btn-group {
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.service-2 .service-2_main ._content_ .list .item .item_text .btn-group a {
  margin-right: 15px
}

.service-2 .service-2_main ._content_ .list .item .item_text .btn-group a .main_btn {
  padding: 1.2rem 2.4rem
}

@media screen and (max-width: 1024px) {

  .aboutUs .aboutUs-culture,
  .aboutUs .aboutUs-development,
  .aboutUs .aboutUs-authentication,
  .aboutUs .aboutUs-advantages,
  .aboutUs .aboutUs-main,
  .contact-us,
  .video-list,
  .news-detail,
  .news-list,
  .product-detail,
  .product-list,
  .product-catrgory ._content_ .catrgory-main,
  .product-catrgory ._content_ .catrgory-head,
  route .route {
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-2 .service-2_main ._content_ .list .item:nth-child(even) .item_text,
  .service-2 .service-2_main ._content_ .list .item:nth-child(odd) .item_img {
    margin-right: 3rem;
  }

  .product-catrgory ._content_ .catrgory-head .catrgory-search form input {
    padding: 2rem 0rem 2rem 2rem;
    width: 40rem;
  }

  .product-catrgory {
    --gap: 3rem;
  }

  .product-catrgory ._content_ .catrgory-main .list>li .item {
    height: 100%;
    padding: 3rem;
  }

  .product-catrgory ._content_ .catrgory-main .list>li .item .text-box>h2 {
    margin-bottom: var(--mini-m-b, 15px);
  }

  .product-catrgory ._content_ .catrgory-main .list>li .item .text-box .main_des {
    opacity: 1;
    visibility: visible;
    transform: unset;
  }

  .product-catrgory ._content_ .catrgory-main .list>li .item::after {
    transform: unset;
    backdrop-filter: blur(5px);
  }

  .product-catrgory ._content_ .catrgory-main .list>li .item .text-box .i {
    background-color: var(--themeColor-2);
  }

  .product-list ._content_ .product-list-sideBar {
    margin-right: 3rem;
  }

  .product-list ._content_ .product-list-sideBar .sideBar {
    width: auto;
  }

  .product-list ._content_ .product-list-main {
    width: 72.4rem;
  }

  .product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(1),
  .product-list ._content_ .product-list-main .table-container .table-head .head-item:nth-child(2),
  .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-1,
  .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col-2 {
    width: 18rem;
  }

  .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col {
    padding: 1rem;
  }

  .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col>.pd-box {
    max-height: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }

  .product-list ._content_ .product-list-main .table-container .table-head .head-item {
    padding: 2rem 1rem;
  }

  .product-list ._content_ .product-list-main .product-list-main_head {
    margin-bottom: var(--mini-m-b, 3rem);
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_left {
    width: 40rem;
    margin-right: 3rem;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right {
    width: calc(100% - 43rem);
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head,
  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter,
  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data {
    width: 100%;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich {
    flex-direction: column;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box {
    flex-basis: unset !important;
    margin: unset !important;
    padding: 15px;
    margin-bottom: var(--mini-m-b, 3rem) !important;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box>h4 {
    padding-bottom: 15px;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box:last-child {
    margin-bottom: unset;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head {
    flex-direction: column;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character {
    --item: 1;
    --gap: 0%;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li,
  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li:nth-last-child(-n+2) {
    margin-bottom: var(--mini-m-b, 3rem);
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_character .list>li:last-child {
    margin-bottom: unset;
  }

  .news-list {
    --gap: 3rem;
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box {
    position: relative;
    width: 50%;
    height: 50%;
    padding-top: 50%;
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box {
    padding: 3rem;
  }

  .news-list ._content_ .news-list_list ul>li {
    margin-bottom: var(--mini-m-b, 6rem);
  }

  .news-detail ._content_ .news-detail_left {
    margin-right: 3rem;
  }

  .video-list {
    --gap: 3rem;
  }

  .video-list ._content_ .list-main .list>li .item .text-box .i {
    background-color: var(--themeColor-2);
  }

  .video-list ._content_ .list-main .list>li .item::after {
    opacity: 1;
    backdrop-filter: blur(5px);
  }

  .contact-us ._content_ {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact-us ._content_ .contact-us_left {
    flex-grow: unset;
    margin-right: unset;
    width: 100%;
    display: flex;
    margin-bottom: var(--block-m-b, 6rem);
  }

  .contact-us ._content_ .contact-us_left .fllow-box {
    margin-bottom: unset;
  }

  .contact-us ._content_ .contact-us_left .contact-list {
    max-width: unset;
  }

  .contact-us ._content_ .contact-us_left .map-box {
    height: auto;
  }

  .contact-us ._content_ .contact-us_left .inner-title {
    margin-bottom: var(--mini-m-b, 3rem);
  }

  .contact-us ._content_ .contact-us_left .main-box {
    margin-right: 3rem;
  }

  .contact-us ._content_ .contact-us_right>form,
  .contact-us ._content_ .contact-us_right {
    width: 100%;
  }

  .aboutUs .aboutUs-main ._content_ {
    flex-direction: column;
  }

  .aboutUs .aboutUs-main ._content_ .main-left {
    max-width: unset;
    width: 100%;
    margin-bottom: var(--block-m-b, 3rem);
  }

  .aboutUs .aboutUs-main ._content_ .main-right {
    width: 100%;
  }

  .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li {
    width: auto !important;
    height: auto !important;
    flex-direction: row !important;
    flex: 1;
    margin: unset !important;
    margin-right: 15px !important;
    padding: 15px;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:last-child {
    margin-right: unset !important;
  }

  .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box .counter {
    font-size: 4.6rem;
  }

  .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .icon-box {
    width: 5rem;
    height: 5rem;
    margin: unset !important;
    margin-right: 3rem !important;
  }

  .aboutUs .aboutUs-main ._content_ .main-left .inner-title {
    margin-bottom: var(--mini-m-b, 3rem);
  }

  .aboutUs .aboutUs-advantages .advantages-left {
    margin-right: 3rem;
  }

  .aboutUs .aboutUs-advantages .advantages-left .img-box {
    width: 50rem;
  }

  .aboutUs .aboutUs-advantages .advantages-right .list>li>h2 {
    font-size: 2.4rem;
  }

  .aboutUs .aboutUs-advantages .advantages-right .scroll-container {
    max-width: unset;
    padding: unset;
  }

  .aboutUs .aboutUs-advantages .advantages-right .inner-title {
    margin-bottom: var(--mini-m-b, 3rem);
  }

  .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .img-box {
    width: 100%;
    height: 25rem;
  }

  .aboutUs .aboutUs-development ._content_ .development-left {
    margin-right: 3rem;
  }

  .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main {
    width: 100rem;
    flex-grow: 1;
  }

  .aboutUs .aboutUs-development ._content_ {
    justify-content: flex-start;
  }

  .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .text-box>span {
    font-size: 6rem;
  }

  .aboutUs .aboutUs-culture ._content_ .culture-pic .img-box {
    width: 100%;
  }

  .aboutUs .aboutUs-culture ._content_ .culture-head {
    max-width: 58rem;
  }

  .aboutUs .aboutUs-culture ._content_ .culture-bottom {
    flex-direction: column;
  }

  .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right,
  .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left {
    width: 100%;
  }

  aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left {
    margin-bottom: var(--mini-m-b, 3rem);
  }

  .aboutUs .aboutUs-culture ._content_ .culture-bottom::after {
    content: unset;
  }
}

@media screen and (max-width: 620px) {

  .contact-us ._content_ .contact-us_right>h3,
  inner-banner .inner-banner .text-box>h1,
  inner-banner .inner-banner .text-box>p,
  .video-list .video-title,
  .news-detail ._content_ .news-detail_right .news-detail-content .detail_right_head .title,
  .inner-title,
  .product-list ._content_ .product-list-main .product-list-main_head>h2,
  .product-title {
    font-size: 2.6rem !important;
    line-height: 3rem !important;
  }

  route .route {
    margin-top: var(--block-m-t);
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .title,
  .service-2 .service-2_main ._content_ .list .item .item_text .title {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .service-2 .service-2_main ._content_ .list .item .item_text .des {
    font-size: 14px;
    line-height: 2.2rem;
  }

  route .route ._content_ .route-list {
    flex-wrap: wrap;
  }

  route .route ._content_ .route-list>li {
    margin-bottom: 8px;
  }

  .service-2 .service-2_main ._content_ .list .item {
    flex-direction: column-reverse !important;
  }

  .service-2 .service-2_head .main_title {
    margin-bottom: var(--mini-m-b);
  }

  .service-2 .service-2_main ._content_ .list .item:nth-child(even) .item_text,
  .service-2 .service-2_main ._content_ .list .item:nth-child(odd) .item_img {
    margin-right: unset;
  }

  .service-2 .service-2_main ._content_ .list .item .item_text {
    margin-bottom: var(--mini-m-b);
  }

  .product-catrgory {
    --gap: 0%;
    --item: 1;
  }

  .product-catrgory .product-title {
    margin-bottom: var(--mini-m-b);
  }

  .product-catrgory ._content_ .catrgory-head {
    flex-direction: column;
  }

  .video-list ._content_ .list-head .list-search,
  .video-list ._content_ .list-head .list-search form input,
  .product-catrgory ._content_ .catrgory-head .catrgory-search form input,
  .product-catrgory .catrgory-search {
    width: 100%;
  }

  .video-list ._content_ .list-head .list-search form input,
  .product-catrgory ._content_ .catrgory-head .catrgory-search form input {
    padding: 1rem 0 1rem 1rem;
  }

  .video-list ._content_ .list-head .list-search form button,
  .product-catrgory ._content_ .catrgory-head .catrgory-search form button {
    padding: 0 2rem;
  }

  .video-list ._content_ .list-head .list-search form,
  .product-catrgory ._content_ .catrgory-head .catrgory-search form {
    height: 5rem;
    border-radius: 2.2rem;
  }

  .product-catrgory ._content_ .catrgory-main .list>li {
    height: auto;
    margin-bottom: var(--mini-m-b) !important;
  }

  .product-catrgory ._content_ .catrgory-main .list>li .item {
    padding: 15px;
  }

  .product-catrgory ._content_ .catrgory-main .list>li .item .text-box>h2 {
    height: initial;
    overflow: initial;
    text-overflow: unset;
    display: initial;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }

  .product-catrgory ._content_ .catrgory-main .list>li .item .text-box .main_des {
    height: auto;
    max-height: 18.2rem;
    margin-bottom: 10px;
  }

  .product-catrgory ._content_ .catrgory-main .list>li .item::after {
    background: rgb(0 0 0 / 45%);
  }

  .product-list ._content_ {
    flex-direction: column-reverse;
  }

  .product-list ._content_ .product-list-main {
    width: 100%;
    margin-bottom: var(--block-m-b);
  }

  .product-list ._content_ .product-list-main .product-list-main_head>h2 {
    margin-bottom: var(--mini-m-b);
  }

  .product-list ._content_ .product-list-main .table-container .table-head {
    display: none;
  }

  .product-list ._content_ .product-list-main .table-container .table-wrap .list>li {
    padding: 15px 10px;
  }

  .product-list ._content_ .product-list-main .table-container .table-wrap .list>li>a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }

  .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col {
    width: 100% !important;
    border: unset;
    padding: unset;
    font-size: 14px;
    line-height: 2.6rem;
    margin-bottom: 10px;
  }

  .product-list ._content_ .product-list-main .table-container .table-wrap .list>li .col:last-child {
    margin-bottom: unset;
  }

  .product-list ._content_ .product-list-main .table-container .table-wrap {
    border-top: 1px solid #c7c7c7;
  }

  .product-list ._content_ .product-list-sideBar {
    margin-right: unset;
    width: 100%;
  }

  .product-list ._content_ .product-list-sideBar .sideBar form {
    height: 5rem;
  }

  .product-list ._content_ .product-list-sideBar .sideBar form {
    margin-bottom: 10px;
  }

  .product-list ._content_ .product-list-sideBar .sideBar .sideBar_list>h4 {
    line-height: 5rem;
  }

  .product-list ._content_ .product-list-sideBar .sideBar .sideBar_list .list>li {
    padding: 15px;
  }

  .product-detail ._content_ .product-detail-main {
    flex-direction: column;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_left {
    width: 100%;
    margin-right: unset;
    position: static;
    margin-bottom: var(--block-m-b);
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right {
    width: 100%;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_head .product-title {
    padding-left: 15px;
    margin-bottom: var(--mini-m-b);
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_data ul>li {
    padding-right: 15px;
    margin-right: 15px;
    width: calc((100% / 2) - 15px);
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody td:first-child {
    font-size: 14px;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_parameter .main_right_parameter_rich .rich-box .main_des table tbody tr {
    margin-bottom: 5px;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .swiper-box .img-box {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 100%;
  }

  .product-detail ._content_ .product-detail-main .product-detail-main_right .main_right_recommended .swiper-box .img-box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .news-list {
    --gap: 0%;
    --item: 1;
  }

  .news-list ._content_ .news-list_head {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .news-list ._content_ .news-list_head .nav-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .news-list ._content_ .news-list_head .nav-list>li {
    margin-left: unset;
    margin-right: 10px;
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }

  .news-list ._content_ .news-list_head .nav-list>li:nth-child(2n) {
    margin-right: unset;
  }

  .news-list ._content_ .news-list_head .nav-list>li a {
    padding: 1rem 1.5rem;
    font-size: 16px;
    line-height: 2.4rem;
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide {
    flex-direction: column;
    align-items: flex-start;
  }

  .news-list ._content_ .news-list_head .inner-title {
    margin-bottom: var(--mini-m-b);
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .img-box {
    width: 100%;
    height: 65%;
    padding-top: 65%;
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide {
    height: 100%;
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box {
    padding: 15px;
  }

  .news-list .marker {
    font-size: 14px;
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .title {
    height: 5.2rem;
  }

  .news-list ._content_ .news-list_recommend .swiper-box .swiper-slide .text-box .bottom .date {
    margin-right: 15px;
  }

  .news-list ._content_ .news-list_list ul>li .title {
    font-size: var(--fz-18);
    line-height: 2.6rem;
    height: auto;
    max-height: 5.2rem;
  }

  .news-list ._content_ .news-list_list {
    padding-top: 5rem;
  }

  .news-list ._content_ .news-list_list ul>li .img-box {
    position: relative;
    width: 100%;
    height: 75%;
    padding-top: 75%;
  }

  .news-list ._content_ .news-list_list ul>li .img-box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .news-list ._content_ .news-list_list ul>li {
    margin-bottom: var(--mini-m-b) !important;
  }

  .news-list ._content_ .news-list_list ul>li .marker {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .news-detail ._content_ .news-detail_left {
    display: none;
  }

  .news-detail ._content_ .news-detail_right .news-detail-content .rich-box h2 {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .video-list {
    --item: 1;
    --gap: 0%;
  }

  .video-list .video-title {
    margin-bottom: var(--mini-m-b);
  }

  .video-list ._content_ .list-head {
    flex-direction: column;
    justify-content: flex-start;
  }

  .video-list ._content_ .list-main .list>li .item {
    padding: 15px;
  }

  .video-list ._content_ .list-main .list>li {
    margin-bottom: var(--mini-m-b) !important;
  }

  .video-list ._content_ .list-main .list>li:last-child {
    margin-bottom: unset !important;
  }

  .video-list .route {
    margin-bottom: var(--block-m-b);
  }

  inner-banner .inner-banner .img-box {
    height: 25rem;
  }

  inner-banner .inner-banner .text-box>h1,
  inner-banner .inner-banner .text-box>p {
    margin-bottom: var(--mini-m-b);
  }

  .contact-us ._content_ .contact-us_left {
    flex-direction: column;
  }

  .contact-us ._content_ .contact-us_left .contact-list>li {
    font-size: 16px;
    line-height: 2.4rem;
  }

  .contact-us ._content_ .contact-us_left .main-box {
    margin-right: unset;
    margin-bottom: var(--block-m-b);
  }

  .contact-us ._content_ .contact-us_right>form .input-box {
    flex-direction: column;
    margin-bottom: unset;
  }

  .contact-us ._content_ .contact-us_right>form .contact-lines {
    width: 100%;
    margin-right: unset !important;
    margin-bottom: var(--mini-m-b, 3rem);
  }

  .contact-us ._content_ .contact-us_right>form .contact-lines .place_holder {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .contact-us ._content_ .contact-us_right>form input,
  .contact-us ._content_ .contact-us_right>form textarea {
    padding: 1rem;
    height: 4.6rem;
  }

  .contact-us ._content_ .contact-us_right>form textarea {
    height: 12rem;
  }

  .contact-us ._content_ .contact-us_right>form .submit_btn {
    padding: 1.2rem 4rem;
  }

  .aboutUs .aboutUs-main #world-container {
    width: 100vw;
    height: 100vw;
  }

  .aboutUs .aboutUs-main ._content_ .main-right .main-right_list {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li {
    margin-right: unset !important;
    margin-bottom: var(--mini-m-b) !important;
    width: 100% !important;
  }

  .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li:last-child {
    margin-bottom: unset !important;
  }

  .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .icon-box {
    width: 3.2rem;
    height: 3.2rem;
    margin-right: 15px !important;
  }

  .aboutUs .aboutUs-main ._content_ .main-right .main-right_list>li .text-box .counter {
    font-size: 2rem;
  }

  .aboutUs .aboutUs-main {
    padding-bottom: var(--block-p-b);
  }

  .aboutUs .aboutUs-advantages .advantages-left {
    display: none;
  }

  .aboutUs .aboutUs-advantages .advantages-right {
    overflow: initial;
  }

  .aboutUs .aboutUs-advantages .advantages-right .scroll-container {
    height: 75vh;
    overflow-x: visible;
    overflow-y: clip;
  }

  .aboutUs .aboutUs-advantages .advantages-right::after {
    height: 20%;
  }

  .aboutUs .aboutUs-advantages .advantages-right .list>li {
    padding: 15px;
  }

  .aboutUs .aboutUs-authentication ._content_ .swiper-box .swiper-slide {
    padding: 15px;
  }

  .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main,
  .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .swiper-slide {
    width: 100%;
  }

  .aboutUs .aboutUs-development ._content_ .development-right {
    width: calc(100% - 5rem - 15px);
  }

  .aboutUs .aboutUs-development ._content_ .development-left {
    margin-right: 15px;
    width: 5rem;
    flex-shrink: 0;
  }

  .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .img-box {
    height: 16.5rem;
  }

  .aboutUs .aboutUs-development ._content_ .development-right .swiper-box .swiper.main .text-box>span {
    font-size: 2rem;
    margin-bottom: 10px;
  }

  .aboutUs .aboutUs-culture ._content_ .culture-pic {
    margin-top: unset;
  }

  .aboutUs .aboutUs-culture ._content_ .culture-head {
    max-width: unset;
    margin-bottom: var(--mini-m-b);
  }

  .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li>span {
    width: auto;
    line-height: 1.3em;
  }

  .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_right .list>li>p {
    line-height: 1.8em;
    font-size: 16px;
  }

  .aboutUs .aboutUs-culture ._content_ .culture-bottom .culture-bottom_left {
    margin-bottom: var(--mini-m-b);
  }

  .news-detail ._content_ .news-detail_right {
    min-width: 0;
  }

  .news-detail ._content_ .news-detail_right .news-detail-content {
    max-width: 100%;
  }

  .news-detail ._content_ .news-detail_right .news-detail-content .rich-box p iframe {
    max-width: 100%;
  }
}